chore: some typo

vben
1 parent 612995a5
Showing 7 changed files with 17 additions and 11 deletions
src/components/Upload/src/UploadModal.vue
src/components/Upload/src/UploadPreviewModal.vue
src/design/ant/btn.less
src/layouts/default/menu/index.tsx
src/router/guard/permissionGuard.ts
src/router/menus/index.ts
src/views/demo/comp/upload/index.vue
@@ -64,7 +64,7 @@
   export default defineComponent({
     components: { BasicModal, Upload, Alert, FileList },
     props: basicProps,
-    emits: ['change'],
+    emits: ['change', 'register'],
     setup(props, { emit }) {
       const { t } = useI18n();
  
@@ -27,7 +27,7 @@
   export default defineComponent({
     components: { BasicModal, FileList },
     props: previewProps,
-    emits: ['list-change'],
+    emits: ['list-change', 'register'],
     setup(props, { emit }) {
       const [register, { closeModal }] = useModalInner();
       const { t } = useI18n();
 // button重置
 .ant-btn {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
+  // display: inline-flex;
+  // justify-content: center;
+  // align-items: center;
   // &.ant-btn-success:not(.ant-btn-link),
   // &.ant-btn-error:not(.ant-btn-link),
   // &.ant-btn-warning:not(.ant-btn-link),
@@ -128,6 +128,7 @@ export default defineComponent({
  
     function renderMenu() {
       const menus = unref(menusRef);
+      // console.log(menus);
       if (!menus || !menus.length) return null;
       return !props.isHorizontal ? (
         <SimpleMenu
@@ -56,8 +56,8 @@ export function createPermissionGuard(router: Router) {
       return;
     }
     const routes = await permissionStore.buildRoutesAction();
+
     routes.forEach((route) => {
-      // router.addRoute(RootRoute.name!, route as RouteRecordRaw);
       router.addRoute(route as RouteRecordRaw);
     });
  
@@ -64,7 +64,6 @@ export async function getCurrentParentPath(currentPath: string) {
 export async function getShallowMenus(): Promise<Menu[]> {
   const menus = await getAsyncMenus();
   const routes = router.getRoutes();
-
   const shallowMenuList = menus.map((item) => ({ ...item, children: undefined }));
   return !isBackMode() ? shallowMenuList.filter(basicFilter(routes)) : shallowMenuList;
 }
 <template>
   <PageWrapper title="上传组件示例">
-    <a-alert message="基础示例" class="my-5" />
-    <BasicUpload :maxSize="20" :maxNumber="10" @change="handleChange" :api="uploadApi" />
+    <a-alert message="基础示例" />
+    <BasicUpload
+      :maxSize="20"
+      :maxNumber="10"
+      @change="handleChange"
+      :api="uploadApi"
+      class="my-5"
+    />
  
-    <a-alert message="嵌入表单,加入表单校验" class="my-5" />
+    <a-alert message="嵌入表单,加入表单校验" />
  
-    <BasicForm @register="register" />
+    <BasicForm @register="register" class="my-5" />
   </PageWrapper>
 </template>
 <script lang="ts">