wip: support vite

2025-08-27 14:47:28 +08:00 · 2021-01-09 23:28:52 +08:00
parent 1d3007f030
commit 99ac309fa9
105 changed files with 954 additions and 2170 deletions
--- a/src/layouts/default/content/index.vue
+++ b/src/layouts/default/content/index.vue
@@ -18,7 +18,7 @@
  import { useDesign } from '/@/hooks/web/useDesign';
  import { useRootSetting } from '/@/hooks/setting/useRootSetting';
  import { useTransitionSetting } from '/@/hooks/setting/useTransitionSetting';
-  import PageLayout from '/@/layouts/page/index';
+  import PageLayout from '/@/layouts/page/index.vue';
  import { useContentViewHeight } from './useContentViewHeight';
  import { Loading } from '/@/components/Loading';

@@ -41,7 +41,6 @@
  });
 </script>
 <style lang="less">
-  @import (reference) '../../../design/index.less';
  @prefix-cls: ~'@{namespace}-layout-content';

  .@{prefix-cls} {
--- a/src/layouts/default/footer/index.vue
+++ b/src/layouts/default/footer/index.vue
@@ -40,7 +40,6 @@
  });
 </script>
 <style lang="less" scoped>
-  @import (reference) '../../../design/index.less';
  @prefix-cls: ~'@{namespace}-layout-footer';

  @normal-color: rgba(0, 0, 0, 0.45);
--- a/src/layouts/default/header/MultipleHeader.vue
+++ b/src/layouts/default/header/MultipleHeader.vue
@@ -109,7 +109,6 @@
  });
 </script>
 <style lang="less" scoped>
-  @import (reference) '../../../design/index.less';
  @prefix-cls: ~'@{namespace}-layout-multiple-header';

  .@{prefix-cls} {
--- a/src/layouts/default/header/components/Breadcrumb.vue
+++ b/src/layouts/default/header/components/Breadcrumb.vue
@@ -147,7 +147,6 @@
  });
 </script>
 <style lang="less">
-  @import (reference) '../../../../design/index.less';
  @prefix-cls: ~'@{namespace}-layout-breadcrumb';

  .@{prefix-cls} {
--- a/src/layouts/default/header/components/lock/LockModal.vue
+++ b/src/layouts/default/header/components/lock/LockModal.vue
@@ -80,7 +80,6 @@
  });
 </script>
 <style lang="less">
-  @import (reference) '../../../../../design/index.less';
  @prefix-cls: ~'@{namespace}-header-lock-modal';

  .@{prefix-cls} {
--- a/src/layouts/default/header/components/notify/NoticeList.vue
+++ b/src/layouts/default/header/components/notify/NoticeList.vue
@@ -49,7 +49,6 @@
  });
 </script>
 <style lang="less" scoped>
-  @import (reference) '../../../../../design/index.less';
  @prefix-cls: ~'@{namespace}-header-notify-list';

  .@{prefix-cls} {
--- a/src/layouts/default/header/components/notify/index.vue
+++ b/src/layouts/default/header/components/notify/index.vue
@@ -49,7 +49,6 @@
  });
 </script>
 <style lang="less">
-  @import (reference) '../../../../../design/index.less';
  @prefix-cls: ~'@{namespace}-header-notify';

  .@{prefix-cls} {
--- a/src/layouts/default/header/components/user-dropdown/index.vue
+++ b/src/layouts/default/header/components/user-dropdown/index.vue
@@ -99,7 +99,6 @@
  });
 </script>
 <style lang="less">
-  @import (reference) '../../../../../design/index.less';
  @prefix-cls: ~'@{namespace}-header-user-dropdown';

  .@{prefix-cls} {
--- a/src/layouts/default/header/index.less
+++ b/src/layouts/default/header/index.less
@@ -1,4 +1,3 @@
-@import (reference) '../../../design/index.less';
@header-trigger-prefix-cls: ~'@{namespace}-layout-header-trigger';
@header-prefix-cls: ~'@{namespace}-layout-header';
@locale-prefix-cls: ~'@{namespace}-app-locale-picker';
--- a/src/layouts/default/index.vue
+++ b/src/layouts/default/index.vue
@@ -31,7 +31,6 @@
  import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
  import { useDesign } from '/@/hooks/web/useDesign';

-  import { registerGlobComp } from '/@/components/registerGlobComp';
  import { useAppInject } from '/@/hooks/web/useAppInject';

  export default defineComponent({
@@ -46,11 +45,6 @@
      Layout,
    },
    setup() {
-      // ! Only register global components here
-      // ! Can reduce the size of the first screen code
-      // default layout It is loaded after login. So it won’t be packaged to the first screen
-      registerGlobComp();
-
      const { prefixCls } = useDesign('default-layout');

      const { getIsMobile } = useAppInject();
@@ -70,7 +64,6 @@
  });
 </script>
 <style lang="less">
-  @import (reference) '../../design/index.less';
  @prefix-cls: ~'@{namespace}-default-layout';

  .@{prefix-cls} {
--- a/src/layouts/default/menu/index.less
+++ b/src/layouts/default/menu/index.less
@@ -1,5 +1,3 @@
-@import (reference) '../../../design/index.less';
-
@prefix-cls: ~'@{namespace}-layout-menu';
@logo-prefix-cls: ~'@{namespace}-app-logo';

--- a/src/layouts/default/setting/SettingDrawer.tsx
+++ b/src/layouts/default/setting/SettingDrawer.tsx
@@ -389,26 +389,20 @@ export default defineComponent({
        width={330}
        wrapClassName="setting-drawer"
      >
-        {{
-          default: () => (
-            <>
-              <Divider>{() => t('layout.setting.navMode')}</Divider>
-              {renderSidebar()}
-              <Divider>{() => t('layout.setting.headerTheme')}</Divider>
-              {renderHeaderTheme()}
-              <Divider>{() => t('layout.setting.sidebarTheme')}</Divider>
-              {renderSiderTheme()}
-              <Divider>{() => t('layout.setting.interfaceFunction')}</Divider>
-              {renderFeatures()}
-              <Divider>{() => t('layout.setting.interfaceDisplay')}</Divider>
-              {renderContent()}
-              <Divider>{() => t('layout.setting.animation')}</Divider>
-              {renderTransition()}
-              <Divider />
-              <SettingFooter />
-            </>
-          ),
-        }}
+        <Divider>{() => t('layout.setting.navMode')}</Divider>
+        {renderSidebar()}
+        <Divider>{() => t('layout.setting.headerTheme')}</Divider>
+        {renderHeaderTheme()}
+        <Divider>{() => t('layout.setting.sidebarTheme')}</Divider>
+        {renderSiderTheme()}
+        <Divider>{() => t('layout.setting.interfaceFunction')}</Divider>
+        {renderFeatures()}
+        <Divider>{() => t('layout.setting.interfaceDisplay')}</Divider>
+        {renderContent()}
+        <Divider>{() => t('layout.setting.animation')}</Divider>
+        {renderTransition()}
+        <Divider />
+        <SettingFooter />
      </BasicDrawer>
    );
  },
--- a/src/layouts/default/setting/components/InputNumberItem.vue
+++ b/src/layouts/default/setting/components/InputNumberItem.vue
@@ -43,7 +43,6 @@
  });
 </script>
 <style lang="less" scoped>
-  @import (reference) '../../../../design/index.less';
  @prefix-cls: ~'@{namespace}-setting-input-number-item';

  .@{prefix-cls} {
--- a/src/layouts/default/setting/components/SelectItem.vue
+++ b/src/layouts/default/setting/components/SelectItem.vue
@@ -62,7 +62,6 @@
  });
 </script>
 <style lang="less" scoped>
-  @import (reference) '../../../../design/index.less';
  @prefix-cls: ~'@{namespace}-setting-select-item';

  .@{prefix-cls} {
--- a/src/layouts/default/setting/components/SettingFooter.vue
+++ b/src/layouts/default/setting/components/SettingFooter.vue
@@ -75,7 +75,6 @@
  });
 </script>
 <style lang="less" scoped>
-  @import (reference) '../../../../design/index.less';
  @prefix-cls: ~'@{namespace}-setting-footer';

  .@{prefix-cls} {
--- a/src/layouts/default/setting/components/SwitchItem.vue
+++ b/src/layouts/default/setting/components/SwitchItem.vue
@@ -57,7 +57,6 @@
  });
 </script>
 <style lang="less" scoped>
-  @import (reference) '../../../../design/index.less';
  @prefix-cls: ~'@{namespace}-setting-switch-item';

  .@{prefix-cls} {
--- a/src/layouts/default/setting/components/ThemePicker.vue
+++ b/src/layouts/default/setting/components/ThemePicker.vue
@@ -55,7 +55,6 @@
  });
 </script>
 <style lang="less">
-  @import (reference) '../../../../design/index.less';
  @prefix-cls: ~'@{namespace}-setting-theme-picker';

  .@{prefix-cls} {
--- a/src/layouts/default/setting/components/TypePicker.vue
+++ b/src/layouts/default/setting/components/TypePicker.vue
@@ -51,7 +51,6 @@
  });
 </script>
 <style lang="less" scoped>
-  @import (reference) '../../../../design/index.less';
  @prefix-cls: ~'@{namespace}-setting-menu-type-picker';

  .@{prefix-cls} {
--- a/src/layouts/default/setting/index.vue
+++ b/src/layouts/default/setting/index.vue
@@ -28,7 +28,6 @@
  });
 </script>
 <style lang="less">
-  @import (reference) '../../../design/index.less';
  @prefix-cls: ~'@{namespace}-setting-button';

  .@{prefix-cls} {
--- a/src/layouts/default/sider/DragBar.vue
+++ b/src/layouts/default/sider/DragBar.vue
@@ -41,7 +41,6 @@
  });
 </script>
 <style lang="less" scoped>
-  @import (reference) '../../../design/index.less';
  @prefix-cls: ~'@{namespace}-darg-bar';

  .@{prefix-cls} {
--- a/src/layouts/default/sider/LayoutSider.vue
+++ b/src/layouts/default/sider/LayoutSider.vue
@@ -128,7 +128,6 @@
  });
 </script>
 <style lang="less">
-  @import (reference) '../../../design/index.less';
  @prefix-cls: ~'@{namespace}-layout-sideBar';

  .@{prefix-cls} {
--- a/src/layouts/default/sider/MixSider.vue
+++ b/src/layouts/default/sider/MixSider.vue
@@ -333,7 +333,6 @@
  });
 </script>
 <style lang="less">
-  @import (reference) '../../../design/index.less';
  @prefix-cls: ~'@{namespace}-layout-mix-sider';
  @tag-prefix-cls: ~'@{namespace}-basic-menu-item-tag';
  @width: 80px;
--- a/src/layouts/default/sider/index.vue
+++ b/src/layouts/default/sider/index.vue
@@ -41,7 +41,6 @@
  });
 </script>
 <style lang="less">
-  @import (reference) '../../../design/index.less';
  @prefix-cls: ~'@{namespace}-layout-sider-wrapper';
  .@{prefix-cls} {
    .ant-drawer-body {
--- a/src/layouts/default/tabs/index.less
+++ b/src/layouts/default/tabs/index.less
@@ -1,4 +1,3 @@
-@import (reference) '../../../design/index.less';
@prefix-cls: ~'@{namespace}-multiple-tabs';

 .@{prefix-cls} {