fix: suppoer build sourcemap

vbenjs · Feb 6, 2021 · 3ba8285 · 3ba8285
1 parent 91e004e
commit 3ba8285
Show file tree

Hide file tree

Showing 13 changed files with 105 additions and 77 deletions.
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
@@ -12,6 +12,7 @@
     "antfu.iconify",
     "mikestead.dotenv",
     "bradlc.vscode-tailwindcss",
-    "heybourn.headwind"
+    "heybourn.headwind",
+    "znck.vue-language-features"
   ]
 }
diff --git a/CHANGELOG.zh_CN.md b/CHANGELOG.zh_CN.md
@@ -4,6 +4,12 @@
 
 - 修复菜单在 hmr 时数据被置空
 - 修复 Upload 组件 maxNumber 失效问题
+- 修复打包 sourcemap 报错
+
+### 🎫 Chores
+
+- 文档更新
+- 升级 ant-design-vue 到 2.0.0
 
 ## 2.0.0-rc.18 (2021-02-05)
 

diff --git a/package.json b/package.json
@@ -22,7 +22,7 @@
   "dependencies": {
     "@iconify/iconify": "^2.0.0-rc.6",
     "@vueuse/core": "^4.0.12",
-    "ant-design-vue": "2.0.0-rc.9",
+    "ant-design-vue": "2.0.0",
     "apexcharts": "^3.24.0",
     "axios": "^0.21.1",
     "crypto-es": "^1.2.6",
@@ -46,7 +46,7 @@
   "devDependencies": {
     "@commitlint/cli": "^11.0.0",
     "@commitlint/config-conventional": "^11.0.0",
-    "@iconify/json": "^1.1.297",
+    "@iconify/json": "^1.1.298",
     "@ls-lint/ls-lint": "^1.9.2",
     "@purge-icons/generated": "^0.6.0",
     "@types/echarts": "^4.9.3",
@@ -56,7 +56,7 @@
     "@types/lodash-es": "^4.17.4",
     "@types/mockjs": "^1.0.3",
     "@types/nprogress": "^0.2.0",
-    "@types/qrcode": "^1.3.5",
+    "@types/qrcode": "^1.4.0",
     "@types/rollup-plugin-visualizer": "^2.6.0",
     "@types/sortablejs": "^1.10.6",
     "@types/yargs": "^16.0.0",
@@ -82,7 +82,7 @@
     "fs-extra": "^9.1.0",
     "husky": "^4.3.8",
     "less": "^4.1.1",
-    "lint-staged": "^10.5.3",
+    "lint-staged": "^10.5.4",
     "prettier": "^2.2.1",
     "rimraf": "^3.0.2",
     "rollup-plugin-gzip": "^2.5.0",
@@ -93,14 +93,14 @@
     "stylelint-order": "^4.1.0",
     "ts-node": "^9.1.1",
     "typescript": "^4.1.3",
-    "vite": "2.0.0-beta.64",
+    "vite": "2.0.0-beta.65",
     "vite-plugin-html": "^2.0.0",
     "vite-plugin-imagemin": "^0.2.2",
-    "vite-plugin-mock": "2.0.5",
+    "vite-plugin-mock": "^2.1.0",
     "vite-plugin-purge-icons": "^0.6.0",
-    "vite-plugin-pwa": "^0.4.3",
-    "vite-plugin-style-import": "^0.6.6",
-    "vite-plugin-theme": "0.3.8",
+    "vite-plugin-pwa": "^0.4.4",
+    "vite-plugin-style-import": "^0.7.0",
+    "vite-plugin-theme": "^0.4.0",
     "vue-eslint-parser": "^7.4.1",
     "yargs": "^16.2.0"
   },
@@ -124,6 +124,6 @@
     }
   },
   "engines": {
-    "node": "^12 || ^14"
+    "node": "^12 || ^14 || ^15 || ^16"
   }
 }
diff --git a/src/components/Application/src/search/AppSearchFooter.vue b/src/components/Application/src/search/AppSearchFooter.vue
@@ -1,19 +1,19 @@
 <template>
   <div :class="`${prefixCls}`">
     <span :class="`${prefixCls}__item`">
-      <g-icon icon="ant-design:enter-outlined" />
+      <Icon icon="ant-design:enter-outlined" />
     </span>
     <span>{{ t('component.app.toSearch') }}</span>
 
     <span :class="`${prefixCls}__item`">
-      <g-icon icon="bi:arrow-up" />
+      <Icon icon="bi:arrow-up" />
     </span>
     <span :class="`${prefixCls}__item`">
-      <g-icon icon="bi:arrow-down" />
+      <Icon icon="bi:arrow-down" />
     </span>
     <span>{{ t('component.app.toNavigate') }}</span>
     <span :class="`${prefixCls}__item`">
-      <g-icon icon="mdi:keyboard-esc" />
+      <Icon icon="mdi:keyboard-esc" />
     </span>
     <span>{{ t('common.closeText') }}</span>
   </div>
@@ -23,9 +23,10 @@
 
   import { useDesign } from '/@/hooks/web/useDesign';
   import { useI18n } from '/@/hooks/web/useI18n';
+  import Icon from '/@/components/Icon';
   export default defineComponent({
     name: 'AppSearchFooter',
-    components: {},
+    components: { Icon },
     setup() {
       const { prefixCls } = useDesign('app-search-footer');
       const { t } = useI18n();

diff --git a/src/components/Application/src/search/AppSearchModal.vue b/src/components/Application/src/search/AppSearchModal.vue
@@ -14,9 +14,9 @@
                 <SearchOutlined />
               </template>
             </a-input>
-            <span :class="`${prefixCls}-cancel`" @click="handleClose">{{
-              t('common.cancelText')
-            }}</span>
+            <span :class="`${prefixCls}-cancel`" @click="handleClose">
+              {{ t('common.cancelText') }}
+            </span>
           </div>
 
           <div :class="`${prefixCls}-not-data`" v-show="getIsNotData">
@@ -38,13 +38,13 @@
               ]"
             >
               <div :class="`${prefixCls}-list__item-icon`">
-                <g-icon :icon="item.icon || 'mdi:form-select'" :size="20" />
+                <Icon :icon="item.icon || 'mdi:form-select'" :size="20" />
               </div>
               <div :class="`${prefixCls}-list__item-text`">
                 {{ item.name }}
               </div>
               <div :class="`${prefixCls}-list__item-enter`">
-                <g-icon icon="ant-design:enter-outlined" :size="20" />
+                <Icon icon="ant-design:enter-outlined" :size="20" />
               </div>
             </li>
           </ul>
@@ -66,10 +66,11 @@
   import { useAppInject } from '/@/hooks/web/useAppInject';
   import clickOutside from '/@/directives/clickOutside';
   import { Input } from 'ant-design-vue';
+  import Icon from '/@/components/Icon';
 
   export default defineComponent({
     name: 'AppSearchModal',
-    components: { SearchOutlined, AppSearchFooter, [Input.name]: Input },
+    components: { Icon, SearchOutlined, AppSearchFooter, [Input.name]: Input },
     directives: {
       clickOutside,
     },

diff --git a/src/components/Application/src/search/useMenuSearch.ts b/src/components/Application/src/search/useMenuSearch.ts
@@ -88,7 +88,7 @@ export function useMenuSearch(refs: Ref<HTMLElement[]>, scrollWrap: Ref<ElRef>,
     return ret;
   }
 
-  function handleMouseenter(e: ChangeEvent) {
+  function handleMouseenter(e: any) {
     const index = e.target.dataset.index;
     activeIndex.value = Number(index);
   }

diff --git a/src/components/Container/src/LazyContainer.vue b/src/components/Container/src/LazyContainer.vue
@@ -10,7 +10,7 @@
     <div key="component" v-if="isInit">
       <slot :loading="loading"></slot>
     </div>
-    <div key="skeleton" v-else name="lazy-skeleton">
+    <div key="skeleton" v-else>
       <slot name="skeleton" v-if="$slots.skeleton"></slot>
       <Skeleton v-else />
     </div>

diff --git a/src/components/Container/src/collapse/CollapseContainer.vue b/src/components/Container/src/collapse/CollapseContainer.vue
@@ -1,6 +1,11 @@
 <template>
   <div :class="['p-2', prefixCls]">
-    <CollapseHeader v-bind="$props" :prefixCls="prefixCls" :show="show" @expand="handleExpand">
+    <CollapseHeader
+      v-bind="getBindValues"
+      :prefixCls="prefixCls"
+      :show="show"
+      @expand="handleExpand"
+    >
       <template #title>
         <slot name="title"></slot>
       </template>
@@ -23,7 +28,7 @@
 <script lang="ts">
   import type { PropType } from 'vue';
 
-  import { defineComponent, ref } from 'vue';
+  import { defineComponent, ref, computed } from 'vue';
 
   // component
   import { Skeleton } from 'ant-design-vue';
@@ -78,10 +83,16 @@
           useTimeoutFn(triggerWindowResize, 200);
         }
       }
+
+      const getBindValues = computed((): any => {
+        return props;
+      });
+
       return {
         show,
         handleExpand,
         prefixCls,
+        getBindValues,
       };
     },
   });

diff --git a/src/components/Container/src/collapse/CollapseHeader.vue b/src/components/Container/src/collapse/CollapseHeader.vue
@@ -1,8 +1,8 @@
 <template>
   <div :class="`${prefixCls}__header`">
-    <BasicTitle :helpMessage="$attrs.helpMessage">
+    <BasicTitle :helpMessage="helpMessage">
       <template v-if="$attrs.title">
-        {{ $attrs.title }}
+        {{ title }}
       </template>
       <template v-else>
         <slot name="title"></slot>
@@ -11,18 +11,24 @@
 
     <div :class="`${prefixCls}__action`">
       <slot name="action"></slot>
-      <BasicArrow v-if="$attrs.canExpan" top :expand="$attrs.show" @click="$emit('expand')" />
+      <BasicArrow v-if="canExpan" top :expand="show" @click="$emit('expand')" />
     </div>
   </div>
 </template>
 <script lang="ts">
   import { defineComponent } from 'vue';
   import { BasicArrow, BasicTitle } from '/@/components/Basic';
+  import { propTypes } from '/@/utils/propTypes';
+
   export default defineComponent({
     components: { BasicArrow, BasicTitle },
     inheritAttrs: false,
     props: {
-      prefixCls: String,
+      prefixCls: propTypes.string,
+      helpMessage: propTypes.string,
+      title: propTypes.string,
+      show: propTypes.bool,
+      canExpan: propTypes.bool,
     },
     emits: ['expand'],
   });

diff --git a/src/logics/mitt/tabChange.ts b/src/logics/mitt/tabChange.ts
@@ -23,7 +23,7 @@ export function listenerLastChangeTab(
   immediate = true
 ) {
   mitt.on(key, callback);
-  immediate && callback(lastChangeTab);
+  immediate && lastChangeTab && callback(lastChangeTab);
 }
 
 export function removeTabChangeListener() {

diff --git a/tsconfig.json b/tsconfig.json
@@ -19,6 +19,7 @@
     "lib": ["dom", "esnext"],
     "types": ["vite/client"],
     "incremental": true,
+    "noImplicitAny": false,
     "skipLibCheck": true,
     "paths": {
       "/@/*": ["src/*"]

diff --git a/vite.config.ts b/vite.config.ts
@@ -46,6 +46,7 @@ export default ({ command, mode }: ConfigEnv): UserConfig => {
     },
 
     build: {
+      // sourcemap: true,
       polyfillDynamicImport: VITE_LEGACY,
       terserOptions: {
         compress: {
@@ -54,7 +55,7 @@ export default ({ command, mode }: ConfigEnv): UserConfig => {
         },
       },
       brotliSize: false,
-      chunkSizeWarningLimit: 1000,
+      chunkSizeWarningLimit: 1200,
     },
     define: {
       __VERSION__: pkg.version,