!381 vue3 优化第一次进入加载速度

Merge pull request !381 from xingyu/dev

!381 vue3 优化第一次进入加载速度
Merge pull request !381 from xingyu/dev
芋道源码 · Gitee
2 parents 2a332a95 d207b95b
Showing 11 changed files with 52 additions and 17 deletions
yudao-ui-admin-vue3/.env.base
yudao-ui-admin-vue3/.env.dev
yudao-ui-admin-vue3/.env.pro
yudao-ui-admin-vue3/.env.test
yudao-ui-admin-vue3/src/components/XTable/src/XTable.vue
yudao-ui-admin-vue3/src/main.ts
yudao-ui-admin-vue3/src/types/auto-components.d.ts
yudao-ui-admin-vue3/src/utils/env.ts
yudao-ui-admin-vue3/src/views/infra/swagger/index.vue
yudao-ui-admin-vue3/src/views/system/user/index.vue
yudao-ui-admin-vue3/types/env.d.ts
 # 本地开发环境
 NODE_ENV=development
+VITE_DEV=true
+
 # 请求路径
 VITE_BASE_URL='http://localhost:48080'
 # 开发环境
 NODE_ENV=production
+VITE_DEV=false
+
 # 请求路径
 VITE_BASE_URL='http://localhost:48080'
 # 生产环境
 NODE_ENV=production
+VITE_DEV=false
+
 # 请求路径
 VITE_BASE_URL='http://localhost:48080'
 # 测试环境
 NODE_ENV=production
+VITE_DEV=false
+
 # 请求路径
 VITE_BASE_URL='http://localhost:48080'
@@ -255,16 +255,17 @@ const getToolBarConfig = (options: XTableProps) =&gt; {
   if (toolbarConfig) return
   if (toolBar) {
     if (!isBoolean(toolBar)) {
+      console.info(2)
       options.toolbarConfig = toolBar
       return
     }
-  } else if (!topActionSlots) {
+  } else if (topActionSlots != false) {
     options.toolbarConfig = {
-      enabled: true
+      slots: { buttons: 'toolbar_buttons' }
     }
   } else {
     options.toolbarConfig = {
-      slots: { buttons: 'toolbar_buttons' }
+      enabled: true
     }
   }
 }
@@ -37,6 +37,13 @@ import App from &#39;./App.vue&#39;
 import './permission'
+import { isDevMode } from '@/utils/env'
+
+if (isDevMode()) {
+  console.info(isDevMode())
+  import('element-plus/dist/index.css')
+}
+
 // 创建实例
 const setupAll = async () => {
   const app = createApp(App)
@@ -21,6 +21,7 @@ declare module &#39;@vue/runtime-core&#39; {
     DictTag: typeof import('./../components/DictTag/src/DictTag.vue')['default']
     Echart: typeof import('./../components/Echart/src/Echart.vue')['default']
     Editor: typeof import('./../components/Editor/src/Editor.vue')['default']
+    ElAvatar: typeof import('element-plus/es')['ElAvatar']
     ElBadge: typeof import('element-plus/es')['ElBadge']
     ElButton: typeof import('element-plus/es')['ElButton']
     ElCard: typeof import('element-plus/es')['ElCard']
@@ -30,6 +31,7 @@ declare module &#39;@vue/runtime-core&#39; {
     ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']
     ElDescriptions: typeof import('element-plus/es')['ElDescriptions']
     ElDescriptionsItem: typeof import('element-plus/es')['ElDescriptionsItem']
+    ElDialog: typeof import('element-plus/es')['ElDialog']
     ElDivider: typeof import('element-plus/es')['ElDivider']
     ElDrawer: typeof import('element-plus/es')['ElDrawer']
     ElDropdown: typeof import('element-plus/es')['ElDropdown']
@@ -38,6 +40,7 @@ declare module &#39;@vue/runtime-core&#39; {
     ElForm: typeof import('element-plus/es')['ElForm']
     ElFormItem: typeof import('element-plus/es')['ElFormItem']
     ElIcon: typeof import('element-plus/es')['ElIcon']
+    ElImage: typeof import('element-plus/es')['ElImage']
     ElImageViewer: typeof import('element-plus/es')['ElImageViewer']
     ElInput: typeof import('element-plus/es')['ElInput']
     ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
@@ -48,10 +51,14 @@ declare module &#39;@vue/runtime-core&#39; {
     ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
     ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
     ElRow: typeof import('element-plus/es')['ElRow']
+    ElScroll: typeof import('element-plus/es')['ElScroll']
     ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
     ElSelect: typeof import('element-plus/es')['ElSelect']
     ElSkeleton: typeof import('element-plus/es')['ElSkeleton']
+    ElSpace: typeof import('element-plus/es')['ElSpace']
     ElSwitch: typeof import('element-plus/es')['ElSwitch']
+    ElTable: typeof import('element-plus/es')['ElTable']
+    ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
     ElTabPane: typeof import('element-plus/es')['ElTabPane']
     ElTabs: typeof import('element-plus/es')['ElTabs']
     ElTag: typeof import('element-plus/es')['ElTag']
+export const isDevMode = () => {
+  const dev = import.meta.env.VITE_DEV
+  if (dev && dev === true) {
+    return true
+  } else {
+    return false
+  }
+}
@@ -5,5 +5,6 @@
 </template>
 <script setup lang="ts" name="Swagger">
 const BASE_URL = import.meta.env.VITE_BASE_URL
-const src = ref(BASE_URL + '/doc.html')
+// const src = ref(BASE_URL + '/doc.html')
+const src = ref(BASE_URL + '/swagger-ui')
 </script>
@@ -8,17 +8,19 @@
         </div>
       </template>
       <el-input v-model="filterText" placeholder="搜索部门" />
-      <el-tree
-        ref="treeRef"
-        node-key="id"
-        default-expand-all
-        :data="deptOptions"
-        :props="defaultProps"
-        :highlight-current="true"
-        :filter-node-method="filterNode"
-        :expand-on-click-node="false"
-        @node-click="handleDeptNodeClick"
-      />
+      <el-scrollbar height="650">
+        <el-tree
+          ref="treeRef"
+          node-key="id"
+          default-expand-all
+          :data="deptOptions"
+          :props="defaultProps"
+          :highlight-current="true"
+          :filter-node-method="filterNode"
+          :expand-on-click-node="false"
+          @node-click="handleDeptNodeClick"
+        />
+      </el-scrollbar>
     </el-card>
     <el-card class="w-4/5 user" style="margin-left: 10px" :gutter="12" shadow="hover">
       <template #header>
@@ -534,8 +536,8 @@ onMounted(async () =&gt; {
 <style scoped>
 .user {
-  height: 900px;
-  max-height: 960px;
+  height: 780px;
+  max-height: 800px;
 }
 .card-header {
   display: flex;
@@ -11,6 +11,7 @@ interface ImportMetaEnv {
   readonly VITE_APP_TITLE: string
   readonly VITE_PORT: number
   readonly VITE_OPEN: string
+  readonly VITE_DEV: boolean
   readonly VITE_ROUTE_ALWAYSSHOW_ENABLE: string
   readonly VITE_APP_CAPTCHA_ENABLE: string
   readonly VITE_APP_TENANT_ENABLE: string