'修改antdv的按需引入组件的方式，解决不能打包的问题'

@@ -4,8 +4,9 @@
 -->
 
 <template>
-  <div class="anticon" :class="getAppLogoClass" @click="goHome">
-    <img :src="getLogo" />
+  <div class="application" :class="getAppLogoClass">
+    <img v-if="getLogo" :src="getLogo" />
+    <img v-else src="/src/assets/images/logo.png" />
     <span
       class="ml-2 md:opacity-100"
       :class="getTitleClass"
@@ -19,10 +20,8 @@
 <script lang="ts" setup>
   import { computed, unref } from 'vue';
   import { useGlobSetting } from '/@/hooks/setting';
-  import { useGo } from '/@/hooks/web/usePage';
   import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
   import { useDesign } from '/@/hooks/web/useDesign';
-  import { PageEnum } from '/@/enums/pageEnum';
   import { useUserStore } from '/@/store/modules/user';
   const props = defineProps({
     /**
@@ -43,7 +42,6 @@
   const { getCollapsedShowTitle } = useMenuSetting();
   const userStore = useUserStore();
   const { title } = useGlobSetting();
-  const go = useGo();
 
   const getAppLogoClass = computed(() => [
     prefixCls,
@@ -56,12 +54,8 @@
       'xs:opacity-0': !props.alwaysShowTitle,
     },
   ]);
-
-  function goHome() {
-    go(userStore.getUserInfo.homePath || PageEnum.BASE_HOME);
-  }
   const getLogo = computed(() => {
-    return userStore.platInfo?.logo ?? '/src/assets/images/logo.png';
+    return userStore.platInfo?.logo;
   });
   const getTitle = computed(() => {
     // 设置icon

@@ -21,43 +21,18 @@
       </transition>
     </template>
   </RouterView>
-  <!-- <BasicModal
-    @register="register"
-    v-bind="$attrs"
-    :mask="true"
-    :showCancelBtn="false"
-    :showOkBtn="false"
-    :canFullscreen="false"
-    :closable="false"
-    :maskStyle="maskColor"
-    :height="600"
-    :width="1500"
-    :maskClosable="false"
-    title="请您修改初始密码"
-    :helpMessage="['请您修改初始密码']"
-    :keyboard="false"
-  >
-    <PasswordDialog />
-  </BasicModal> -->
+
   <FrameLayout v-if="getCanEmbedIFramePage" />
 </template>
 
 <script lang="ts">
-  import { computed, defineComponent, unref, onMounted } from 'vue';
-  // import PasswordDialog from '/@/views/system/password/index.vue';
-
+  import { computed, defineComponent, unref } from 'vue';
   import FrameLayout from '/@/layouts/iframe/index.vue';
-
   import { useRootSetting } from '/@/hooks/setting/useRootSetting';
-
   import { useTransitionSetting } from '/@/hooks/setting/useTransitionSetting';
   import { useMultipleTabSetting } from '/@/hooks/setting/useMultipleTabSetting';
   import { getTransitionName } from './transition';
-
   import { useMultipleTabStore } from '/@/store/modules/multipleTab';
-  // import { BasicModal, useModal } from '/@/components/Modal';
-  // import { USER_INFO_KEY } from '/@/enums/cacheEnum';
-  // import { getAuthCache } from '/@/utils/auth';
   export default defineComponent({
     name: 'PageLayout',
     components: { FrameLayout },
@@ -78,17 +53,6 @@
         return tabStore.getCachedTabList;
       });
 
-      // const [register, { openModal }] = useModal();
-      // const maskColor = ref({ backgroundColor: 'grey' });
-      // const statusModel = ref(false);
-      onMounted(() => {
-        // const userInfo = getAuthCache(USER_INFO_KEY);
-        // if (userInfo.needSetPwd == true) {
-        //   statusModel.value = true;
-        //   openModal(statusModel.value);
-        // }
-      });
-
       return {
         getTransitionName,
         openCache,
@@ -96,8 +60,6 @@
         getBasicTransition,
         getCaches,
         getCanEmbedIFramePage,
-        // register,
-        // maskColor,
       };
     },
   });

@@ -14,13 +14,7 @@ import { setupStore } from '/@/store';
 import { setupGlobDirectives } from '/@/directives';
 import { setupI18n } from '/@/locales/setupI18n';
 import { registerGlobComp } from '/@/components/registerGlobComp';
-// Do not introduce on-demand in local development?
-// In the local development for introduce on-demand, the number of browser requests will increase by about 20%.
-// Which may slow down the browser refresh.
-// Therefore, all are introduced in local development, and only introduced on demand in the production environment
-if (import.meta.env.DEV) {
-  import('ant-design-vue/dist/antd.less');
-}
+import 'ant-design-vue/dist/antd.less';
 
 async function bootstrap() {
   const app = createApp(App);

@@ -108,17 +108,7 @@
 
 <script lang="ts">
   import { defineComponent, ref, computed, onMounted } from 'vue';
-  import {
-    Card,
-    AnchorLink,
-    List,
-    ListItem,
-    ListItemMeta,
-    Avatar,
-    CardMeta,
-    Descriptions,
-    DescriptionsItem,
-  } from 'ant-design-vue';
+  import { Card, Anchor, List, Avatar, Descriptions } from 'ant-design-vue';
   import { useUserStore } from '/@/store/modules/user';
   import { getEnterPriseDetail } from '/@/api/oem';
   import { notifyMyGetrPageApi } from '/@/api/stationnotification/stationnotifyApi';
@@ -128,21 +118,19 @@
   import { columns } from './props';
   import { isAdmin } from '/@/enums/roleEnum';
   import { getTenantExpireTimeList } from '/@/api/dashboard';
-  import 'ant-design-vue/es/anchor-link/style/index';
-
   export default defineComponent({
     components: {
       Card,
-      AnchorLink,
+      CardMeta: Card.Meta,
+      AnchorLink: Anchor.Link,
       List,
-      ListItem,
-      ListItemMeta,
+      ListItem: List.Item,
+      ListItemMeta: List.Item.Meta,
+      Descriptions,
+      DescriptionsItem: Descriptions.Item,
       Avatar,
       Time,
-      CardMeta,
       BasicTable,
-      Descriptions,
-      DescriptionsItem,
     },
     props: {
       role: {
@@ -222,13 +210,13 @@
       return {
         activeKey,
         tabListTitle,
-        onTabChange,
         helpDoc,
         getQrCode,
         getContacts,
         getAddress,
         getTel,
         dataSource,
+        onTabChange,
         go,
         registerTable,
         isAdmin,
@@ -238,7 +226,7 @@
   });
 </script>
 
-<style lang="less" scoped>
+<style scoped>
   .noticeTitle:hover {
     border-bottom: 1px solid #ccc;
   }

@@ -26,7 +26,7 @@
   import { defineComponent, ref } from 'vue';
   import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
 
-  import { Tabs, TabPane } from 'ant-design-vue';
+  import { Tabs } from 'ant-design-vue';
   import Detail from '../tabs/Detail.vue';
   import RealTimeData from '../tabs/RealTimeData.vue';
   import Alarm from '../tabs/Alarm.vue';
@@ -37,13 +37,12 @@
     components: {
       BasicDrawer,
       Tabs,
-      TabPane,
+      TabPane: Tabs.TabPane,
       Detail,
       RealTimeData,
       Alarm,
       ChildDevice,
     },
-
     emits: ['reload', 'register'],
     setup() {
       const activeKey = ref('1');

@@ -39,10 +39,9 @@
   import { createOrEditDevice } from '/@/api/device/deviceManager';
   import DeviceStep1 from '../step/DeviceStep1.vue';
   import DeviceStep2 from '../step/DeviceStep2.vue';
-  import { Steps, Step } from 'ant-design-vue';
+  import { Steps } from 'ant-design-vue';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { credentialTypeEnum } from '../../config/data';
-  import 'ant-design-vue/es/step/style/index';
 
   export default defineComponent({
     name: 'DeviceModal',
@@ -51,7 +50,7 @@
       DeviceStep1,
       DeviceStep2,
       Steps,
-      Step,
+      Step: Steps.Step,
     },
     props: {
       userData: { type: Object },

@@ -97,7 +97,7 @@
 <script lang="ts">
   import { defineComponent, ref, computed, watch } from 'vue';
   import { BasicModal, useModalInner } from '/@/components/Modal';
-  import { Tabs, TabPane } from 'ant-design-vue';
+  import { Tabs } from 'ant-design-vue';
   import { deviceConfigGetDetail } from '/@/api/device/deviceConfigApi';
   import { BasicForm, useForm } from '/@/components/Form/index';
   import {
@@ -117,11 +117,10 @@
   import { formSchema as enableClearSchema } from './step/cpns/enablerule/config';
   import { formSchema as detailClearSchema } from './step/cpns/detailtemplate/config';
   import { formSchema as echoFormClearSchema } from './step/cpns/alarmruleconditions/cpns/config';
-  import 'ant-design-vue/es/tab-pane/style/index.css';
 
   export default defineComponent({
     name: 'ConfigDrawer',
-    components: { Tabs, TabPane, BasicModal, BasicForm },
+    components: { Tabs, TabPane: Tabs.TabPane, BasicModal, BasicForm },
     emits: ['success', 'register'],
     setup() {
       const activeKey = ref('1');

@@ -11,17 +11,16 @@
 </template>
 
 <script lang="ts">
-  import { Tabs, TabPane } from 'ant-design-vue';
+  import { Tabs } from 'ant-design-vue';
   import { defineComponent } from 'vue';
   import SmsLog from './item/SmsLog.vue';
   import EmailLog from './item/EmailLog.vue';
   import { achieveList } from './data';
-  import 'ant-design-vue/es/tab-pane/style/index.css';
 
   export default defineComponent({
     components: {
       Tabs,
-      TabPane,
+      TabPane: Tabs.TabPane,
       SmsLog,
       EmailLog,
     },

@@ -2,9 +2,9 @@
   <div class="platform flex">
     <Card class="tab-card" :bordered="false">
       <Tabs v-model:activeKey="activeKey" tab-position="left">
-        <TabPane key="企业信息" tab="企业信息" />
-        <TabPane key="平台定制" tab="平台定制" />
-        <TabPane key="APP定制" tab="APP定制" />
+        <Tabs.TabPane key="企业信息" tab="企业信息" />
+        <Tabs.TabPane key="平台定制" tab="平台定制" />
+        <Tabs.TabPane key="APP定制" tab="APP定制" />
       </Tabs>
     </Card>
 
@@ -18,7 +18,7 @@
 </template>
 
 <script lang="ts" setup>
-  import { Tabs, TabPane, Card } from 'ant-design-vue';
+  import { Tabs, Card } from 'ant-design-vue';
   import { ref } from 'vue';
   import EnterpriseInfo from './cpns/EnterpriseInfo.vue';
   import CVIDraw from './cpns/CVIDraw.vue';