From ea5a650ede39a7509da13bdd49efe3f782bb67b2 Mon Sep 17 00:00:00 2001
From: devin <caowendong@huawei.com>
Date: Mon, 7 Jul 2025 16:18:36 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=9B=B4=E6=96=B0portal=EF=BC=8C?=
 =?UTF-8?q?=E7=AE=80=E5=8C=96=E5=86=85=E6=BA=90=E7=89=88=E6=9C=AC=E7=BB=B4?=
 =?UTF-8?q?=E6=8A=A4=E6=88=90=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |   5 +-
 .../src/toggle/__demo__/ToggleCheckbox.vue    |   2 +-
 .../src/toggle/__demo__/ToggleOnly.vue        |   2 +-
 packages/portal-ak/src/ak/theme/message.scss  |   5 +-
 .../portal-ak/src/components/TheAside.vue     |   2 +-
 .../portal-ak/src/components/TheHeader.vue    |   4 +-
 packages/portal-ak/src/main.ts                |   2 +-
 packages/portal-ak/src/pages/TheHome.vue      |   2 +-
 packages/portal-ak/src/pages/TheIcons.vue     |   8 +-
 packages/portal-ak/src/pages/TheText.vue      |   2 +-
 .../portal-ak/src/pages/badge/BadgeBasic.vue  |   2 +-
 .../src/pages/breadcrumb/BreadcrumbBasic.vue  |   2 +-
 .../portal-ak/src/pages/button/BtnBasic.vue   |   2 +-
 .../src/pages/card/a/CardCoverAndText-A.vue   |   2 +-
 .../portal-ak/src/pages/card/a/CardIcon-A.vue |   2 +-
 .../portal-ak/src/pages/card/a/CardText-A.vue |   2 +-
 .../src/pages/card/k/CardCoverAndText-K.vue   |   2 +-
 .../portal-ak/src/pages/card/k/CardIcon-K.vue |   2 +-
 .../portal-ak/src/pages/card/k/CardText-K.vue |   2 +-
 .../src/pages/carousel/CarouselBasic.vue      |   2 +-
 .../src/pages/checkbox/CheckboxBasic.vue      |   2 +-
 .../src/pages/checkbox/CheckboxDirection.vue  |   2 +-
 .../src/pages/checkbox/CheckboxDisabled.vue   |   2 +-
 .../pages/checkbox/CheckboxIndeterminate.vue  |   2 +-
 .../portal-ak/src/pages/dialog/TheBasic.vue   |   2 +-
 .../portal-ak/src/pages/divider/TheIndex.vue  |   2 +-
 .../portal-ak/src/pages/figure/TheBasic.vue   |   2 +-
 .../portal-ak/src/pages/input/TheBasic.vue    |   2 +-
 .../src/pages/loading/LoadingDirective.vue    |   2 +-
 .../src/pages/loading/LoadingService.vue      |   2 +-
 .../portal-ak/src/pages/loading/TheBasic.vue  |   2 +-
 .../portal-ak/src/pages/menu/MenuBasic.vue    |   2 +-
 .../src/pages/message/MessageBasic.vue        |   2 +-
 .../src/pages/message/MessageInline.vue       |   2 +-
 .../src/pages/pagination/TheBasic.vue         |   2 +-
 .../portal-ak/src/pages/popover/TheBasic.vue  |   2 +-
 .../src/pages/progress/ProgressBasic.vue      |   2 +-
 .../portal-ak/src/pages/radio/RadioBasic.vue  |   2 +-
 .../src/pages/radio/RadioDirection.vue        |   2 +-
 .../src/pages/radio/RadioDisabled.vue         |   2 +-
 .../portal-ak/src/pages/rate/RateBasic.vue    |   2 +-
 .../portal-ak/src/pages/rate/RateLabels.vue   |   2 +-
 .../portal-ak/src/pages/rate/RateSize.vue     |   2 +-
 .../portal-ak/src/pages/scroller/TheBasic.vue |   2 +-
 .../portal-ak/src/pages/select/TheBasic.vue   |   2 +-
 .../portal-ak/src/pages/switch/TheIndex.vue   |   2 +-
 packages/portal-ak/src/pages/tab/TheBasic.vue |   2 +-
 .../portal-ak/src/pages/table/TheBasic.vue    |   2 +-
 packages/portal-ak/src/pages/tag/TagBasic.vue |   2 +-
 .../portal-ak/src/pages/tag/TagClosable.vue   |   2 +-
 packages/portal-ak/src/pages/tag/TagSize.vue  |   2 +-
 .../portal-ak/src/pages/textarea/TheBasic.vue |   2 +-
 .../src/pages/toggle/ToggleCheckbox.vue       |   2 +-
 .../src/pages/toggle/ToggleMinAndMax.vue      |   2 +-
 .../src/pages/toggle/ToggleRadio.vue          |   2 +-
 .../portal-ak/src/pages/upload/TheBasic.vue   |   2 +-
 packages/portal-ak/src/pages/upload/upload.ts |   2 +-
 packages/portal-ak/src/router.ts              |   4 +-
 packages/portal-ak/src/vite-env.d.ts          |   1 +
 packages/portal-ak/tsconfig.json              |   2 +-
 packages/portal-ak/vite.config.ts             |   2 +-
 packages/portal/src/components/TheHeader.vue  |   8 +-
 packages/portal/src/main.ts                   |   6 +-
 packages/portal/src/pages/TheHome.vue         |   2 +-
 packages/portal/src/pages/TheIcons.vue        |   8 +-
 packages/portal/src/pages/TheText.vue         |   2 +-
 packages/portal/src/router.ts                 | 100 +++++++++---------
 packages/portal/src/vite-env.d.ts             |   2 +
 packages/portal/tsconfig.json                 |   2 +-
 packages/portal/vite.config.ts                |   2 +-
 70 files changed, 136 insertions(+), 133 deletions(-)

diff --git a/package.json b/package.json
index 3104b56d..bc8cb369 100644
--- a/package.json
+++ b/package.json
@@ -5,9 +5,8 @@
   "license": "MIT",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "dev": "pnpm --filter portal dev",
-    "dev:ak": "pnpm --filter portal-ak dev",
-    "dev:lib": "pnpm --filter @opensig/opendesign dev"
+    "dev": "pnpm -C packages/portal dev",
+    "dev:ak": "pnpm -C packages/portal-ak dev"
   },
   "dependencies": {
     "normalize.css": "catalog:",
diff --git a/packages/opendesign/src/toggle/__demo__/ToggleCheckbox.vue b/packages/opendesign/src/toggle/__demo__/ToggleCheckbox.vue
index 2f06e389..70376400 100644
--- a/packages/opendesign/src/toggle/__demo__/ToggleCheckbox.vue
+++ b/packages/opendesign/src/toggle/__demo__/ToggleCheckbox.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { OToggle, OCheckboxGroup, OCheckbox } from '@components/index';
+import { OToggle, OCheckboxGroup, OCheckbox } from '../../index';
 import { ref } from 'vue';
 const checkboxVal = ref([1]);
 </script>
diff --git a/packages/opendesign/src/toggle/__demo__/ToggleOnly.vue b/packages/opendesign/src/toggle/__demo__/ToggleOnly.vue
index cfd501bb..2d095287 100644
--- a/packages/opendesign/src/toggle/__demo__/ToggleOnly.vue
+++ b/packages/opendesign/src/toggle/__demo__/ToggleOnly.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { OToggle } from '@components/index';
+import { OToggle } from '../../index';
 import { ref } from 'vue';
 const checked1 = ref(true);
 </script>
diff --git a/packages/portal-ak/src/ak/theme/message.scss b/packages/portal-ak/src/ak/theme/message.scss
index 498db9ce..50d945da 100644
--- a/packages/portal-ak/src/ak/theme/message.scss
+++ b/packages/portal-ak/src/ak/theme/message.scss
@@ -12,6 +12,9 @@
   --app-header-height: 80px;
   --app-footer-height: 316px;
 
+  --message-list-top-offset: calc(var(--app-header-height) + 32px);
+  --message-list-bottom-offset: calc(var(--app-footer-height) + 32px);
+
   @include respond-to('laptop') {
     --app-footer-height: 310px;
   }
@@ -24,6 +27,4 @@
     --app-header-height: 48px;
     --app-footer-height: 200px;
   }
-  --message-list-top-offset: calc(var(--app-header-height) + 32px);
-  --message-list-bottom-offset: calc(var(--app-footer-height) + 32px);
 }
diff --git a/packages/portal-ak/src/components/TheAside.vue b/packages/portal-ak/src/components/TheAside.vue
index 13c4acb7..13cbb458 100644
--- a/packages/portal-ak/src/components/TheAside.vue
+++ b/packages/portal-ak/src/components/TheAside.vue
@@ -2,7 +2,7 @@
 import { routes } from '@/router';
 import { ref, watch } from 'vue';
 import { useRouter, useRoute } from 'vue-router';
-import { OScroller } from '@components/index';
+import { OScroller } from '@opendesign-src/index';
 
 const router = useRouter();
 const route = useRoute();
diff --git a/packages/portal-ak/src/components/TheHeader.vue b/packages/portal-ak/src/components/TheHeader.vue
index 3eb1d40c..53469bbd 100644
--- a/packages/portal-ak/src/components/TheHeader.vue
+++ b/packages/portal-ak/src/components/TheHeader.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { computed, ref, watch } from 'vue';
 import theme from '../shared/theme';
-import { initIconLoading, initSize, ODropdown, ODropdownItem, initRound } from '@opensig/opendesign/src';
-import { OIconAdd } from '@opensig/opendesign/src/icon-components';
+import { initIconLoading, initSize, ODropdown, ODropdownItem, initRound } from '@opendesign-src';
+import { OIconAdd } from '@opendesign-src/icon-components';
 
 import '../../../opendesign/src/dropdown/style';
 
diff --git a/packages/portal-ak/src/main.ts b/packages/portal-ak/src/main.ts
index d9acdde4..00ce4151 100644
--- a/packages/portal-ak/src/main.ts
+++ b/packages/portal-ak/src/main.ts
@@ -12,7 +12,7 @@ import './ak/theme/k.light.token.css';
 import './ak/theme/k.dark.token.css';
 import './ak/theme/k.media.token.scss';
 
-import '@opensig/opendesign/src/index.scss';
+import '@opendesign-src/index.scss';
 
 import './ak/theme/index.a.scss';
 import './ak/theme/index.k.scss';
diff --git a/packages/portal-ak/src/pages/TheHome.vue b/packages/portal-ak/src/pages/TheHome.vue
index e47a830a..02b8b08c 100644
--- a/packages/portal-ak/src/pages/TheHome.vue
+++ b/packages/portal-ak/src/pages/TheHome.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-// import '@components/style';
+// import '@opendesign-src/style';
 
 const title = 'Home';
 </script>
diff --git a/packages/portal-ak/src/pages/TheIcons.vue b/packages/portal-ak/src/pages/TheIcons.vue
index 7757888c..a10408ce 100644
--- a/packages/portal-ak/src/pages/TheIcons.vue
+++ b/packages/portal-ak/src/pages/TheIcons.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { OIcon } from '@components/icon';
-import * as OIcons from '@components/icon-components';
-import '@components/style';
-import '@components/icon/style';
+import { OIcon } from '@opendesign-src/icon';
+import * as OIcons from '@opendesign-src/icon-components';
+import '@opendesign-src/style';
+import '@opendesign-src/icon/style';
 import { shallowRef } from 'vue';
 console.log(OIcons);
 
diff --git a/packages/portal-ak/src/pages/TheText.vue b/packages/portal-ak/src/pages/TheText.vue
index eaa6f383..75417cb3 100644
--- a/packages/portal-ak/src/pages/TheText.vue
+++ b/packages/portal-ak/src/pages/TheText.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import '@components/_styles';
+import '@opendesign-src/_styles';
 
 const list = ['display1', 'display2', 'display3', 'h1', 'h2', 'h3', 'h4', 'text1', 'text2', 'tip1', 'tip2'];
 const letter = 'abcdefghijklmnopqrstuvwxyz';
diff --git a/packages/portal-ak/src/pages/badge/BadgeBasic.vue b/packages/portal-ak/src/pages/badge/BadgeBasic.vue
index 2db47aa8..101818aa 100644
--- a/packages/portal-ak/src/pages/badge/BadgeBasic.vue
+++ b/packages/portal-ak/src/pages/badge/BadgeBasic.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { OBadge } from '@components/index';
+import { OBadge } from '@opendesign-src/index';
 </script>
 
 <template>
diff --git a/packages/portal-ak/src/pages/breadcrumb/BreadcrumbBasic.vue b/packages/portal-ak/src/pages/breadcrumb/BreadcrumbBasic.vue
index 4e2cff83..b945e0ae 100644
--- a/packages/portal-ak/src/pages/breadcrumb/BreadcrumbBasic.vue
+++ b/packages/portal-ak/src/pages/breadcrumb/BreadcrumbBasic.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { OBreadcrumb, OBreadcrumbItem } from '@components/index';
+import { OBreadcrumb, OBreadcrumbItem } from '@opendesign-src/index';
 
 const handleClick = () => {
   console.log(1);
diff --git a/packages/portal-ak/src/pages/button/BtnBasic.vue b/packages/portal-ak/src/pages/button/BtnBasic.vue
index c803075d..dab7158b 100644
--- a/packages/portal-ak/src/pages/button/BtnBasic.vue
+++ b/packages/portal-ak/src/pages/button/BtnBasic.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { OButton, OLink, OIcon, OIconRefresh, OIconAdd, OIconChevronRight } from '@components/index';
+import { OButton, OLink, OIcon, OIconRefresh, OIconAdd, OIconChevronRight } from '@opendesign-src/index';
 
 import { darkTheme } from '@/shared/theme';
 
diff --git a/packages/portal-ak/src/pages/card/a/CardCoverAndText-A.vue b/packages/portal-ak/src/pages/card/a/CardCoverAndText-A.vue
index c6fbe5b6..d38046bf 100644
--- a/packages/portal-ak/src/pages/card/a/CardCoverAndText-A.vue
+++ b/packages/portal-ak/src/pages/card/a/CardCoverAndText-A.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { OCard, OButton } from '@components/index';
+import { OCard, OButton } from '@opendesign-src/index';
 
 const cardInfo = {
   href: 'https://www.hiascend.com/',
diff --git a/packages/portal-ak/src/pages/card/a/CardIcon-A.vue b/packages/portal-ak/src/pages/card/a/CardIcon-A.vue
index fa91641d..01f20178 100644
--- a/packages/portal-ak/src/pages/card/a/CardIcon-A.vue
+++ b/packages/portal-ak/src/pages/card/a/CardIcon-A.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { OCard, OIconStar, OButton } from '@components/index';
+import { OCard, OIconStar, OButton } from '@opendesign-src/index';
 
 const cardInfo = {
   href: 'https://www.hiascend.com/',
diff --git a/packages/portal-ak/src/pages/card/a/CardText-A.vue b/packages/portal-ak/src/pages/card/a/CardText-A.vue
index 723aa30a..93d6fea0 100644
--- a/packages/portal-ak/src/pages/card/a/CardText-A.vue
+++ b/packages/portal-ak/src/pages/card/a/CardText-A.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { OCard, OTag, ORate, OButton } from '@components/index';
+import { OCard, OTag, ORate, OButton } from '@opendesign-src/index';
 
 const cardInfo = {
   href: 'https://www.hiascend.com/',
diff --git a/packages/portal-ak/src/pages/card/k/CardCoverAndText-K.vue b/packages/portal-ak/src/pages/card/k/CardCoverAndText-K.vue
index c83b822e..66516ab5 100644
--- a/packages/portal-ak/src/pages/card/k/CardCoverAndText-K.vue
+++ b/packages/portal-ak/src/pages/card/k/CardCoverAndText-K.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { OCard, OButton } from '@components/index';
+import { OCard, OButton } from '@opendesign-src/index';
 
 const cardInfo = {
   href: 'https://www.hikunpeng.com/',
diff --git a/packages/portal-ak/src/pages/card/k/CardIcon-K.vue b/packages/portal-ak/src/pages/card/k/CardIcon-K.vue
index 1eb56964..8605b7ed 100644
--- a/packages/portal-ak/src/pages/card/k/CardIcon-K.vue
+++ b/packages/portal-ak/src/pages/card/k/CardIcon-K.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { OCard, OButton, OIconSkill } from '@components/index';
+import { OCard, OButton, OIconSkill } from '@opendesign-src/index';
 
 const cardInfo = {
   href: 'https://www.hikunpeng.com/',
diff --git a/packages/portal-ak/src/pages/card/k/CardText-K.vue b/packages/portal-ak/src/pages/card/k/CardText-K.vue
index bde92b84..2f923edd 100644
--- a/packages/portal-ak/src/pages/card/k/CardText-K.vue
+++ b/packages/portal-ak/src/pages/card/k/CardText-K.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { OCard, ORate, OButton, OIconTime } from '@components/index';
+import { OCard, ORate, OButton, OIconTime } from '@opendesign-src/index';
 
 const cardInfo = {
   href: 'https://www.hikunpeng.com/',
diff --git a/packages/portal-ak/src/pages/carousel/CarouselBasic.vue b/packages/portal-ak/src/pages/carousel/CarouselBasic.vue
index f8acda41..a492e453 100644
--- a/packages/portal-ak/src/pages/carousel/CarouselBasic.vue
+++ b/packages/portal-ak/src/pages/carousel/CarouselBasic.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { OFigure, OCarousel, OCarouselItem } from '@components/index';
+import { OFigure, OCarousel, OCarouselItem } from '@opendesign-src/index';
 
 const carouselInfo2 = [
   'https://www.hiascend.com/p/resource/202306/98acd0e9a49245d296514896464dca8d.jpg',
diff --git a/packages/portal-ak/src/pages/checkbox/CheckboxBasic.vue b/packages/portal-ak/src/pages/checkbox/CheckboxBasic.vue
index 71882c7a..9f81a4bf 100644
--- a/packages/portal-ak/src/pages/checkbox/CheckboxBasic.vue
+++ b/packages/portal-ak/src/pages/checkbox/CheckboxBasic.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { OCheckbox } from '@components/index';
+import { OCheckbox } from '@opendesign-src/index';
 
 const checkboxVal = ref([1]);
 </script>
diff --git a/packages/portal-ak/src/pages/checkbox/CheckboxDirection.vue b/packages/portal-ak/src/pages/checkbox/CheckboxDirection.vue
index 991e3724..ee893380 100644
--- a/packages/portal-ak/src/pages/checkbox/CheckboxDirection.vue
+++ b/packages/portal-ak/src/pages/checkbox/CheckboxDirection.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { OCheckbox, OCheckboxGroup } from '@components/index';
+import { OCheckbox, OCheckboxGroup } from '@opendesign-src/index';
 const checkboxVal1 = ref([1]);
 const checkboxVal2 = ref(['a']);
 </script>
diff --git a/packages/portal-ak/src/pages/checkbox/CheckboxDisabled.vue b/packages/portal-ak/src/pages/checkbox/CheckboxDisabled.vue
index 637101f6..1571718f 100644
--- a/packages/portal-ak/src/pages/checkbox/CheckboxDisabled.vue
+++ b/packages/portal-ak/src/pages/checkbox/CheckboxDisabled.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { OCheckbox } from '@components/index';
+import { OCheckbox } from '@opendesign-src/index';
 const checkboxVal = ref(['1']);
 </script>
 
diff --git a/packages/portal-ak/src/pages/checkbox/CheckboxIndeterminate.vue b/packages/portal-ak/src/pages/checkbox/CheckboxIndeterminate.vue
index 215d12be..4dabe79a 100644
--- a/packages/portal-ak/src/pages/checkbox/CheckboxIndeterminate.vue
+++ b/packages/portal-ak/src/pages/checkbox/CheckboxIndeterminate.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { OCheckbox, OCheckboxGroup } from '@components/index';
+import { OCheckbox, OCheckboxGroup } from '@opendesign-src/index';
 
 const checkboxVal1 = ref<Array<string>>([]);
 const indeterminate = ref(false);
diff --git a/packages/portal-ak/src/pages/dialog/TheBasic.vue b/packages/portal-ak/src/pages/dialog/TheBasic.vue
index d6303ce8..f20704c4 100644
--- a/packages/portal-ak/src/pages/dialog/TheBasic.vue
+++ b/packages/portal-ak/src/pages/dialog/TheBasic.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { OButton, ODialog, DialogSizeT, DialogActionT, OPopover } from '@components/index';
+import { OButton, ODialog, DialogSizeT, DialogActionT, OPopover } from '@opendesign-src/index';
 import { reactive, ref } from 'vue';
 
 const values = reactive({
diff --git a/packages/portal-ak/src/pages/divider/TheIndex.vue b/packages/portal-ak/src/pages/divider/TheIndex.vue
index 339d702d..fcc56d2f 100644
--- a/packages/portal-ak/src/pages/divider/TheIndex.vue
+++ b/packages/portal-ak/src/pages/divider/TheIndex.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ODivider } from '@components/index';
+import { ODivider } from '@opendesign-src/index';
 </script>
 
 <template>
diff --git a/packages/portal-ak/src/pages/figure/TheBasic.vue b/packages/portal-ak/src/pages/figure/TheBasic.vue
index 632a2b69..0e38f657 100644
--- a/packages/portal-ak/src/pages/figure/TheBasic.vue
+++ b/packages/portal-ak/src/pages/figure/TheBasic.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { OFigure } from '@components/index';
+import { OFigure } from '@opendesign-src/index';
 
 const img = 'https://www.openeuler.org/img/banners/20230418-odd.png';
 const img2 = 'https://www.hikunpeng.com/_static3/7.875f5cf6.jpg';
diff --git a/packages/portal-ak/src/pages/input/TheBasic.vue b/packages/portal-ak/src/pages/input/TheBasic.vue
index 674418c6..60dd42fb 100644
--- a/packages/portal-ak/src/pages/input/TheBasic.vue
+++ b/packages/portal-ak/src/pages/input/TheBasic.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { OInput, OLink, OIconLoading, OSelect, OOption } from '@components/index';
+import { OInput, OLink, OIconLoading, OSelect, OOption } from '@opendesign-src/index';
 import { computed, ref } from 'vue';
 const val = ref('This is detail');
 const val2 = ref('This is detail');
diff --git a/packages/portal-ak/src/pages/loading/LoadingDirective.vue b/packages/portal-ak/src/pages/loading/LoadingDirective.vue
index cb1e6e5a..07f55050 100644
--- a/packages/portal-ak/src/pages/loading/LoadingDirective.vue
+++ b/packages/portal-ak/src/pages/loading/LoadingDirective.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { OButton, vLoading, setVLoadingOption } from '@components/index';
+import { OButton, vLoading, setVLoadingOption } from '@opendesign-src/index';
 import CLoadingNumber from '@/ak/components/CLoadingNumber.vue';
 
 const show3 = ref(false);
diff --git a/packages/portal-ak/src/pages/loading/LoadingService.vue b/packages/portal-ak/src/pages/loading/LoadingService.vue
index 4aafbaf2..23567853 100644
--- a/packages/portal-ak/src/pages/loading/LoadingService.vue
+++ b/packages/portal-ak/src/pages/loading/LoadingService.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { OButton, useLoading } from '@components/index';
+import { OButton, useLoading } from '@opendesign-src/index';
 import CLoadingNumber from '@/ak/components/CLoadingNumber.vue';
 
 const box1 = ref();
diff --git a/packages/portal-ak/src/pages/loading/TheBasic.vue b/packages/portal-ak/src/pages/loading/TheBasic.vue
index e1022783..162d9e88 100644
--- a/packages/portal-ak/src/pages/loading/TheBasic.vue
+++ b/packages/portal-ak/src/pages/loading/TheBasic.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { reactive, ref } from 'vue';
-import { OButton, OLoading } from '@components/index';
+import { OButton, OLoading } from '@opendesign-src/index';
 import CLoadingNumber from '@/ak/components/CLoadingNumber.vue';
 
 const loading = reactive({
diff --git a/packages/portal-ak/src/pages/menu/MenuBasic.vue b/packages/portal-ak/src/pages/menu/MenuBasic.vue
index ab5a2d82..134aaf68 100644
--- a/packages/portal-ak/src/pages/menu/MenuBasic.vue
+++ b/packages/portal-ak/src/pages/menu/MenuBasic.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 import OIconMore from './OIconMore.vue';
-import { OMenu, OSubMenu, OMenuItem } from '@components/index';
+import { OMenu, OSubMenu, OMenuItem } from '@opendesign-src/index';
 
 const handleChange = (val: string) => {
   console.log(val);
diff --git a/packages/portal-ak/src/pages/message/MessageBasic.vue b/packages/portal-ak/src/pages/message/MessageBasic.vue
index c6af6e83..15626066 100644
--- a/packages/portal-ak/src/pages/message/MessageBasic.vue
+++ b/packages/portal-ak/src/pages/message/MessageBasic.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { OButton, useMessage } from '@components/index';
+import { OButton, useMessage } from '@opendesign-src/index';
 
 const message = useMessage();
 
diff --git a/packages/portal-ak/src/pages/message/MessageInline.vue b/packages/portal-ak/src/pages/message/MessageInline.vue
index 9f2c4e07..d1ae5783 100644
--- a/packages/portal-ak/src/pages/message/MessageInline.vue
+++ b/packages/portal-ak/src/pages/message/MessageInline.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { OMessage } from '@components/index';
+import { OMessage } from '@opendesign-src/index';
 </script>
 
 <template>
diff --git a/packages/portal-ak/src/pages/pagination/TheBasic.vue b/packages/portal-ak/src/pages/pagination/TheBasic.vue
index 6b3905b4..ed162311 100644
--- a/packages/portal-ak/src/pages/pagination/TheBasic.vue
+++ b/packages/portal-ak/src/pages/pagination/TheBasic.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { OPagination } from '@components/index';
+import { OPagination } from '@opendesign-src/index';
 
 const currentPage = ref(1);
 const total = ref(0);
diff --git a/packages/portal-ak/src/pages/popover/TheBasic.vue b/packages/portal-ak/src/pages/popover/TheBasic.vue
index dda4fff3..e7ce33da 100644
--- a/packages/portal-ak/src/pages/popover/TheBasic.vue
+++ b/packages/portal-ak/src/pages/popover/TheBasic.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { OPopover } from '@components/index';
+import { OPopover } from '@opendesign-src/index';
 </script>
 <template>
   <div class="page-demo">
diff --git a/packages/portal-ak/src/pages/progress/ProgressBasic.vue b/packages/portal-ak/src/pages/progress/ProgressBasic.vue
index 299bbed4..6e9d886e 100644
--- a/packages/portal-ak/src/pages/progress/ProgressBasic.vue
+++ b/packages/portal-ak/src/pages/progress/ProgressBasic.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { OProgress, OIconWarning, OIconDanger } from '@components/index';
+import { OProgress, OIconWarning, OIconDanger } from '@opendesign-src/index';
 const val1 = ref(0);
 const val2 = ref(30);
 const val3 = ref(100);
diff --git a/packages/portal-ak/src/pages/radio/RadioBasic.vue b/packages/portal-ak/src/pages/radio/RadioBasic.vue
index cc140c78..81424058 100644
--- a/packages/portal-ak/src/pages/radio/RadioBasic.vue
+++ b/packages/portal-ak/src/pages/radio/RadioBasic.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { ORadio } from '@components/index';
+import { ORadio } from '@opendesign-src/index';
 const radioVal = ref(1);
 </script>
 
diff --git a/packages/portal-ak/src/pages/radio/RadioDirection.vue b/packages/portal-ak/src/pages/radio/RadioDirection.vue
index 2c6820c7..1387eae4 100644
--- a/packages/portal-ak/src/pages/radio/RadioDirection.vue
+++ b/packages/portal-ak/src/pages/radio/RadioDirection.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { ORadio, ORadioGroup } from '@components/index';
+import { ORadio, ORadioGroup } from '@opendesign-src/index';
 
 const radioVal1 = ref(1);
 const radioVal2 = ref('a');
diff --git a/packages/portal-ak/src/pages/radio/RadioDisabled.vue b/packages/portal-ak/src/pages/radio/RadioDisabled.vue
index ab6ec6b6..0bec44d6 100644
--- a/packages/portal-ak/src/pages/radio/RadioDisabled.vue
+++ b/packages/portal-ak/src/pages/radio/RadioDisabled.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { ORadio } from '@components/index';
+import { ORadio } from '@opendesign-src/index';
 const radioVal = ref('1');
 </script>
 
diff --git a/packages/portal-ak/src/pages/rate/RateBasic.vue b/packages/portal-ak/src/pages/rate/RateBasic.vue
index f1d73f00..b00f0819 100644
--- a/packages/portal-ak/src/pages/rate/RateBasic.vue
+++ b/packages/portal-ak/src/pages/rate/RateBasic.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ORate, OIconStar, OFlex } from '@components/index';
+import { ORate, OIconStar, OFlex } from '@opendesign-src/index';
 </script>
 
 <template>
diff --git a/packages/portal-ak/src/pages/rate/RateLabels.vue b/packages/portal-ak/src/pages/rate/RateLabels.vue
index 3795178d..b5000021 100644
--- a/packages/portal-ak/src/pages/rate/RateLabels.vue
+++ b/packages/portal-ak/src/pages/rate/RateLabels.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { ORate } from '@components/index';
+import { ORate } from '@opendesign-src/index';
 
 const rateVal = ref(3);
 
diff --git a/packages/portal-ak/src/pages/rate/RateSize.vue b/packages/portal-ak/src/pages/rate/RateSize.vue
index 3243f21f..c8e5284d 100644
--- a/packages/portal-ak/src/pages/rate/RateSize.vue
+++ b/packages/portal-ak/src/pages/rate/RateSize.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { ORate } from '@components/index';
+import { ORate } from '@opendesign-src/index';
 
 const rateVal1 = ref(3);
 const rateVal2 = ref(3);
diff --git a/packages/portal-ak/src/pages/scroller/TheBasic.vue b/packages/portal-ak/src/pages/scroller/TheBasic.vue
index f9f4938e..22399900 100644
--- a/packages/portal-ak/src/pages/scroller/TheBasic.vue
+++ b/packages/portal-ak/src/pages/scroller/TheBasic.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { OScroller } from '@components/index';
+import { OScroller } from '@opendesign-src/index';
 import { ref } from 'vue';
 
 const height = ref(300);
diff --git a/packages/portal-ak/src/pages/select/TheBasic.vue b/packages/portal-ak/src/pages/select/TheBasic.vue
index 40e5f3bd..1f23198e 100644
--- a/packages/portal-ak/src/pages/select/TheBasic.vue
+++ b/packages/portal-ak/src/pages/select/TheBasic.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { OSelect, OOption, OIcon, OIconAdd, SelectValueT } from '@components/index';
+import { OSelect, OOption, OIcon, OIconAdd, SelectValueT } from '@opendesign-src/index';
 import { ref } from 'vue';
 const options = [
   { label: '选项 1', value: 0 },
diff --git a/packages/portal-ak/src/pages/switch/TheIndex.vue b/packages/portal-ak/src/pages/switch/TheIndex.vue
index 35899cd8..b02765f9 100644
--- a/packages/portal-ak/src/pages/switch/TheIndex.vue
+++ b/packages/portal-ak/src/pages/switch/TheIndex.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { OSwitch } from '@components/index';
+import { OSwitch } from '@opendesign-src/index';
 const switchVal1 = ref(true);
 const switchVal2 = ref(true);
 const switchVal3 = ref(false);
diff --git a/packages/portal-ak/src/pages/tab/TheBasic.vue b/packages/portal-ak/src/pages/tab/TheBasic.vue
index de148f9d..4b964fc4 100644
--- a/packages/portal-ak/src/pages/tab/TheBasic.vue
+++ b/packages/portal-ak/src/pages/tab/TheBasic.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { OTab, OTabPane, OIcon, OIconCalendar, OIconAdd } from '@components/index';
+import { OTab, OTabPane, OIcon, OIconCalendar, OIconAdd } from '@opendesign-src/index';
 import { ref } from 'vue';
 
 const tabList = [
diff --git a/packages/portal-ak/src/pages/table/TheBasic.vue b/packages/portal-ak/src/pages/table/TheBasic.vue
index d47f35ac..8881dbb0 100644
--- a/packages/portal-ak/src/pages/table/TheBasic.vue
+++ b/packages/portal-ak/src/pages/table/TheBasic.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue';
-import { OTable } from '@components/index';
+import { OTable } from '@opendesign-src/index';
 import { getTableData } from './data';
 
 const columns1 = [
diff --git a/packages/portal-ak/src/pages/tag/TagBasic.vue b/packages/portal-ak/src/pages/tag/TagBasic.vue
index b8e528a9..ae6cc602 100644
--- a/packages/portal-ak/src/pages/tag/TagBasic.vue
+++ b/packages/portal-ak/src/pages/tag/TagBasic.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { OTag } from '@components/index';
+import { OTag } from '@opendesign-src/index';
 </script>
 
 <template>
diff --git a/packages/portal-ak/src/pages/tag/TagClosable.vue b/packages/portal-ak/src/pages/tag/TagClosable.vue
index 12bca929..658699ae 100644
--- a/packages/portal-ak/src/pages/tag/TagClosable.vue
+++ b/packages/portal-ak/src/pages/tag/TagClosable.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { OTag } from '@components/index';
+import { OTag } from '@opendesign-src/index';
 const handleClose = () => {
   console.log('close!!!');
 };
diff --git a/packages/portal-ak/src/pages/tag/TagSize.vue b/packages/portal-ak/src/pages/tag/TagSize.vue
index 8f3e5874..4f97f806 100644
--- a/packages/portal-ak/src/pages/tag/TagSize.vue
+++ b/packages/portal-ak/src/pages/tag/TagSize.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { OTag } from '@components/index';
+import { OTag } from '@opendesign-src/index';
 </script>
 
 <template>
diff --git a/packages/portal-ak/src/pages/textarea/TheBasic.vue b/packages/portal-ak/src/pages/textarea/TheBasic.vue
index 4fd64305..04846554 100644
--- a/packages/portal-ak/src/pages/textarea/TheBasic.vue
+++ b/packages/portal-ak/src/pages/textarea/TheBasic.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { OTextarea } from '@components/index';
+import { OTextarea } from '@opendesign-src/index';
 import { ref } from 'vue';
 const val1 = ref('');
 const val2 = ref('This is detail This is detail This is detail');
diff --git a/packages/portal-ak/src/pages/toggle/ToggleCheckbox.vue b/packages/portal-ak/src/pages/toggle/ToggleCheckbox.vue
index 2f06e389..93bbbb9f 100644
--- a/packages/portal-ak/src/pages/toggle/ToggleCheckbox.vue
+++ b/packages/portal-ak/src/pages/toggle/ToggleCheckbox.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { OToggle, OCheckboxGroup, OCheckbox } from '@components/index';
+import { OToggle, OCheckboxGroup, OCheckbox } from '@opendesign-src/index';
 import { ref } from 'vue';
 const checkboxVal = ref([1]);
 </script>
diff --git a/packages/portal-ak/src/pages/toggle/ToggleMinAndMax.vue b/packages/portal-ak/src/pages/toggle/ToggleMinAndMax.vue
index 660725d3..c847fd56 100644
--- a/packages/portal-ak/src/pages/toggle/ToggleMinAndMax.vue
+++ b/packages/portal-ak/src/pages/toggle/ToggleMinAndMax.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { OToggle, OCheckboxGroup, OCheckbox, OIconAdd } from '@components/index';
+import { OToggle, OCheckboxGroup, OCheckbox, OIconAdd } from '@opendesign-src/index';
 
 import { ref } from 'vue';
 const checkboxVal = ref([1, 2]);
diff --git a/packages/portal-ak/src/pages/toggle/ToggleRadio.vue b/packages/portal-ak/src/pages/toggle/ToggleRadio.vue
index b3c22ffd..7dde9cb0 100644
--- a/packages/portal-ak/src/pages/toggle/ToggleRadio.vue
+++ b/packages/portal-ak/src/pages/toggle/ToggleRadio.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { OToggle, ORadioGroup, ORadio } from '@components/index';
+import { OToggle, ORadioGroup, ORadio } from '@opendesign-src/index';
 import { ref } from 'vue';
 const radioVal = ref(1);
 </script>
diff --git a/packages/portal-ak/src/pages/upload/TheBasic.vue b/packages/portal-ak/src/pages/upload/TheBasic.vue
index 9c9661a4..941606aa 100644
--- a/packages/portal-ak/src/pages/upload/TheBasic.vue
+++ b/packages/portal-ak/src/pages/upload/TheBasic.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { onAfterSelect, uploadRequest, onBeforeUpload } from './upload';
-import { OUpload, UploadFileT } from '@components/index';
+import { OUpload, UploadFileT } from '@opendesign-src/index';
 
 const defaultFileList2: UploadFileT[] = [
   {
diff --git a/packages/portal-ak/src/pages/upload/upload.ts b/packages/portal-ak/src/pages/upload/upload.ts
index eb8364e4..2a40b80c 100644
--- a/packages/portal-ak/src/pages/upload/upload.ts
+++ b/packages/portal-ak/src/pages/upload/upload.ts
@@ -1,4 +1,4 @@
-import { UploadRequestOptionT, UploadFileT } from '@components/index';
+import { UploadRequestOptionT, UploadFileT } from '@opendesign-src/index';
 
 export const onAfterSelect = (fileList: FileList): Promise<UploadFileT[]> => {
   const files: File[] = [];
diff --git a/packages/portal-ak/src/router.ts b/packages/portal-ak/src/router.ts
index 6104e191..d364d48c 100644
--- a/packages/portal-ak/src/router.ts
+++ b/packages/portal-ak/src/router.ts
@@ -25,7 +25,7 @@ export const routes = [
         path: 'icons',
         name: 'Icons',
         label: '图标 Icon',
-        component: () => import('@components/icon/__demo__/TheIndex.vue'),
+        component: () => import('@opendesign-src/icon/__demo__/TheIndex.vue'),
       },
       {
         path: 'button',
@@ -80,7 +80,7 @@ export const routes = [
         path: 'scroller',
         name: 'scroller',
         label: '滚动条 scroller',
-        component: () => import('./pages/scrollbar/TheIndex.vue'),
+        component: () => import('./pages/scroller/TheIndex.vue'),
       },
       {
         path: 'popover',
diff --git a/packages/portal-ak/src/vite-env.d.ts b/packages/portal-ak/src/vite-env.d.ts
index af36df34..b4c1d87e 100644
--- a/packages/portal-ak/src/vite-env.d.ts
+++ b/packages/portal-ak/src/vite-env.d.ts
@@ -5,3 +5,4 @@ declare module '*.vue' {
   const component: DefineComponent<{}, {}, any>;
   export default component;
 }
+declare module '@opendesign-src';
diff --git a/packages/portal-ak/tsconfig.json b/packages/portal-ak/tsconfig.json
index a0ed615c..8ba474d1 100644
--- a/packages/portal-ak/tsconfig.json
+++ b/packages/portal-ak/tsconfig.json
@@ -20,7 +20,7 @@
       "@/*": [
         "src/*"
       ],
-      "@components/*": [
+      "@opendesign-src/*": [
         "../opendesign/src/*"
       ]
     }
diff --git a/packages/portal-ak/vite.config.ts b/packages/portal-ak/vite.config.ts
index b8e4d3f3..b276c216 100644
--- a/packages/portal-ak/vite.config.ts
+++ b/packages/portal-ak/vite.config.ts
@@ -13,7 +13,7 @@ export default defineConfig({
   resolve: {
     alias: {
       '@/': `${path.resolve(__dirname, './src')}/`,
-      '@components': path.resolve(__dirname, '../opendesign/src'),
+      '@opendesign-src': path.resolve(__dirname, '../opendesign/src'),
       '@assets': path.resolve(__dirname, './src/assets'),
     },
   },
diff --git a/packages/portal/src/components/TheHeader.vue b/packages/portal/src/components/TheHeader.vue
index 399d34ab..ed11fbc5 100644
--- a/packages/portal/src/components/TheHeader.vue
+++ b/packages/portal/src/components/TheHeader.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import { computed, watchEffect } from 'vue';
-import { initIconLoading, initRound, initSize, ODropdown, ODropdownItem, useLocale, addLocale, useI18n } from '@opensig/opendesign/src';
-import { OIconAdd } from '@opensig/opendesign/src/icon-components';
-import enUS from '@opensig/opendesign/src/locale/lang/en-us';
+import { initIconLoading, initRound, initSize, ODropdown, ODropdownItem, useLocale, addLocale, useI18n } from '@opendesign-src';
+import { OIconAdd } from '@opendesign-src/icon-components';
+import enUS from '@opendesign-src/locale/lang/en-us';
 
 import '../../../opendesign/src/dropdown/style';
 
-import { useTheme } from '@opensig/opendesign/src';
+import { useTheme } from '@opendesign-src';
 
 const themeInfo = [
   {
diff --git a/packages/portal/src/main.ts b/packages/portal/src/main.ts
index a248fee7..bd241976 100644
--- a/packages/portal/src/main.ts
+++ b/packages/portal/src/main.ts
@@ -2,9 +2,9 @@ import { createApp } from 'vue';
 import './assets/style/style.scss';
 import 'normalize.css';
 
-import '@opensig/opendesign/src/_styles/light.token.css';
-import '@opensig/opendesign/src/_styles/dark.token.css';
-import '@opensig/opendesign/src/_styles/media.token.scss';
+import '@opendesign-src/_styles/light.token.css';
+import '@opendesign-src/_styles/dark.token.css';
+import '@opendesign-src/_styles/media.token.scss';
 
 import './assets/style/a.light.token.css';
 import './assets/style/a.dark.token.css';
diff --git a/packages/portal/src/pages/TheHome.vue b/packages/portal/src/pages/TheHome.vue
index 0e9ab827..de48a138 100644
--- a/packages/portal/src/pages/TheHome.vue
+++ b/packages/portal/src/pages/TheHome.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import '@components/_styles';
+import '@opendesign-src/_styles';
 
 const title = 'Home';
 </script>
diff --git a/packages/portal/src/pages/TheIcons.vue b/packages/portal/src/pages/TheIcons.vue
index 7757888c..a10408ce 100644
--- a/packages/portal/src/pages/TheIcons.vue
+++ b/packages/portal/src/pages/TheIcons.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { OIcon } from '@components/icon';
-import * as OIcons from '@components/icon-components';
-import '@components/style';
-import '@components/icon/style';
+import { OIcon } from '@opendesign-src/icon';
+import * as OIcons from '@opendesign-src/icon-components';
+import '@opendesign-src/style';
+import '@opendesign-src/icon/style';
 import { shallowRef } from 'vue';
 console.log(OIcons);
 
diff --git a/packages/portal/src/pages/TheText.vue b/packages/portal/src/pages/TheText.vue
index dd37383d..14b2625b 100644
--- a/packages/portal/src/pages/TheText.vue
+++ b/packages/portal/src/pages/TheText.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import '@components/_styles';
+import '@opendesign-src/_styles';
 
 const list = ['display1', 'display2', 'display3', 'display4', 'h1', 'h2', 'h3', 'text1', 'text2', 'tip1', 'tip2'];
 const title = 'Text';
diff --git a/packages/portal/src/router.ts b/packages/portal/src/router.ts
index dcb2d826..fcf60af5 100644
--- a/packages/portal/src/router.ts
+++ b/packages/portal/src/router.ts
@@ -14,7 +14,7 @@ export const routes = [
   {
     path: '/virtual-list',
     name: 'virtual-list',
-    component: () => import('@components/virtual-list/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/virtual-list/__demo__/TheIndex.vue'),
     meta: {
       title: '虚拟滚动',
     },
@@ -22,7 +22,7 @@ export const routes = [
   {
     path: '/in-input',
     name: 'InInput',
-    component: () => import('@components/_components/in-input/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/_components/in-input/__demo__/TheIndex.vue'),
     meta: {
       title: '_输入框',
     },
@@ -30,7 +30,7 @@ export const routes = [
   {
     path: '/in-textarea',
     name: 'InTextarea',
-    component: () => import('@components/_components/in-textarea/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/_components/in-textarea/__demo__/TheIndex.vue'),
     meta: {
       title: '_文本域',
     },
@@ -38,7 +38,7 @@ export const routes = [
   {
     path: '/config-provider',
     name: 'config-provider',
-    component: () => import('@components/config-provider/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/config-provider/__demo__/TheIndex.vue'),
     meta: {
       title: '全局配置 config-provider',
     },
@@ -46,7 +46,7 @@ export const routes = [
   // {
   //   path: '/date-picker',
   //   name: 'DatePicker',
-  //   component: () => import('@components/date-picker/__demo__/TheIndex.vue'),
+  //   component: () => import('@opendesign-src/date-picker/__demo__/TheIndex.vue'),
   //   meta: {
   //     title: '日期选择器 DatePicker',
   //   },
@@ -54,7 +54,7 @@ export const routes = [
   {
     path: '/date-picker',
     name: 'DatePicker',
-    component: () => import('@components/date-picker/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/date-picker/__demo__/TheIndex.vue'),
     meta: {
       title: '日期选择器 DatePicker',
     },
@@ -62,7 +62,7 @@ export const routes = [
   {
     path: '/form',
     name: 'Form',
-    component: () => import('@components/form/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/form/__demo__/TheIndex.vue'),
     meta: {
       title: '表单 Form',
     },
@@ -78,7 +78,7 @@ export const routes = [
   {
     path: '/icons',
     name: 'Icons',
-    component: () => import('@components/icon/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/icon/__demo__/TheIndex.vue'),
     meta: {
       title: '图标 Icon',
     },
@@ -86,7 +86,7 @@ export const routes = [
   {
     path: '/button',
     name: 'Button',
-    component: () => import('@components/button/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/button/__demo__/TheIndex.vue'),
     meta: {
       title: '按钮 Button',
     },
@@ -94,7 +94,7 @@ export const routes = [
   {
     path: '/link',
     name: 'Link',
-    component: () => import('@components/link/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/link/__demo__/TheIndex.vue'),
     meta: {
       title: '链接 Link',
     },
@@ -102,7 +102,7 @@ export const routes = [
   {
     path: '/switch',
     name: 'Switch',
-    component: () => import('@components/switch/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/switch/__demo__/TheIndex.vue'),
     meta: {
       title: '开关 Switch',
     },
@@ -110,7 +110,7 @@ export const routes = [
   {
     path: '/popup',
     name: 'Popup',
-    component: () => import('@components/popup/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/popup/__demo__/TheIndex.vue'),
     meta: {
       title: '弹层 Popup',
     },
@@ -118,7 +118,7 @@ export const routes = [
   {
     path: '/popover',
     name: 'Popover',
-    component: () => import('@components/popover/__demo__/IndexPopover.vue'),
+    component: () => import('@opendesign-src/popover/__demo__/IndexPopover.vue'),
     meta: {
       title: '气泡提示 Popover',
     },
@@ -126,7 +126,7 @@ export const routes = [
   {
     path: '/input',
     name: 'Input',
-    component: () => import('@components/input/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/input/__demo__/TheIndex.vue'),
     meta: {
       title: '输入框 Input',
     },
@@ -134,7 +134,7 @@ export const routes = [
   {
     path: '/input-number',
     name: 'InputNumber',
-    component: () => import('@components/input-number/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/input-number/__demo__/TheIndex.vue'),
     meta: {
       title: '数字输入框 InputNumber',
     },
@@ -142,7 +142,7 @@ export const routes = [
   {
     path: '/textarea',
     name: 'Textarea',
-    component: () => import('@components/textarea/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/textarea/__demo__/TheIndex.vue'),
     meta: {
       title: '文本域 Textarea',
     },
@@ -150,7 +150,7 @@ export const routes = [
   {
     path: '/select',
     name: 'Select',
-    component: () => import('@components/select/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/select/__demo__/TheIndex.vue'),
     meta: {
       title: '下拉选择器 Select',
     },
@@ -158,7 +158,7 @@ export const routes = [
   {
     path: '/cascader',
     name: 'Cascader',
-    component: () => import('@components/cascader/__demo__/IndexCascader.vue'),
+    component: () => import('@opendesign-src/cascader/__demo__/IndexCascader.vue'),
     meta: {
       title: '级联选择器 Cascader',
     },
@@ -166,7 +166,7 @@ export const routes = [
   {
     path: '/radio',
     name: 'Radio',
-    component: () => import('@components/radio/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/radio/__demo__/TheIndex.vue'),
     meta: {
       title: '单选框 Radio',
     },
@@ -174,7 +174,7 @@ export const routes = [
   {
     path: '/checkbox',
     name: 'Checkbox',
-    component: () => import('@components/checkbox/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/checkbox/__demo__/TheIndex.vue'),
     meta: {
       title: '多选框 Checkbox',
     },
@@ -182,7 +182,7 @@ export const routes = [
   {
     path: '/tab',
     name: 'Tab',
-    component: () => import('@components/tab/__demo__/IndexTab.vue'),
+    component: () => import('@opendesign-src/tab/__demo__/IndexTab.vue'),
     meta: {
       title: '页签 Tab',
     },
@@ -190,7 +190,7 @@ export const routes = [
   {
     path: '/table',
     name: 'Table',
-    component: () => import('@components/table/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/table/__demo__/TheIndex.vue'),
     meta: {
       title: '表格 Table',
     },
@@ -198,7 +198,7 @@ export const routes = [
   {
     path: '/pagination',
     name: 'Pagination',
-    component: () => import('@components/pagination/__demo__/IndexPagination.vue'),
+    component: () => import('@opendesign-src/pagination/__demo__/IndexPagination.vue'),
     meta: {
       title: '分页 Pagination',
     },
@@ -206,7 +206,7 @@ export const routes = [
   {
     path: '/divider',
     name: 'Divider',
-    component: () => import('@components/divider/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/divider/__demo__/TheIndex.vue'),
     meta: {
       title: '分割线 Divider',
     },
@@ -214,7 +214,7 @@ export const routes = [
   {
     path: '/tag',
     name: 'Tag',
-    component: () => import('@components/tag/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/tag/__demo__/TheIndex.vue'),
     meta: {
       title: '标签 Tag',
     },
@@ -222,7 +222,7 @@ export const routes = [
   {
     path: '/badge',
     name: 'Badge',
-    component: () => import('@components/badge/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/badge/__demo__/TheIndex.vue'),
     meta: {
       title: '徽标 Badge',
     },
@@ -230,7 +230,7 @@ export const routes = [
   {
     path: '/rate',
     name: 'Rate',
-    component: () => import('@components/rate/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/rate/__demo__/TheIndex.vue'),
     meta: {
       title: '评分 Rate',
     },
@@ -238,7 +238,7 @@ export const routes = [
   {
     path: '/breadcrumb',
     name: 'Breadcrumb',
-    component: () => import('@components/breadcrumb/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/breadcrumb/__demo__/TheIndex.vue'),
     meta: {
       title: '面包屑 Breadcrumb',
     },
@@ -246,7 +246,7 @@ export const routes = [
   {
     path: '/menu',
     name: 'Menu',
-    component: () => import('@components/menu/__demo__/IndexMenu.vue'),
+    component: () => import('@opendesign-src/menu/__demo__/IndexMenu.vue'),
     meta: {
       title: '菜单 Menu',
     },
@@ -254,7 +254,7 @@ export const routes = [
   {
     path: '/dropdown',
     name: 'Dropdown',
-    component: () => import('@components/dropdown/__demo__/IndexDropdown.vue'),
+    component: () => import('@opendesign-src/dropdown/__demo__/IndexDropdown.vue'),
     meta: {
       title: '下拉按钮 Dropdown',
     },
@@ -262,7 +262,7 @@ export const routes = [
   {
     path: '/progress',
     name: 'Progress',
-    component: () => import('@components/progress/__demo__/IndexProgress.vue'),
+    component: () => import('@opendesign-src/progress/__demo__/IndexProgress.vue'),
     meta: {
       title: '进度条 Progress',
     },
@@ -270,7 +270,7 @@ export const routes = [
   {
     path: '/layer',
     name: 'Layer',
-    component: () => import('@components/layer/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/layer/__demo__/TheIndex.vue'),
     meta: {
       title: '浮层 Layer',
     },
@@ -278,7 +278,7 @@ export const routes = [
   {
     path: '/dialog',
     name: 'Dialog',
-    component: () => import('@components/dialog/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/dialog/__demo__/TheIndex.vue'),
     meta: {
       title: '对话框 Dialog',
     },
@@ -286,7 +286,7 @@ export const routes = [
   {
     path: '/loading',
     name: 'Loading',
-    component: () => import('@components/loading/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/loading/__demo__/TheIndex.vue'),
     meta: {
       title: '加载 Loading',
     },
@@ -294,7 +294,7 @@ export const routes = [
   {
     path: '/figure',
     name: 'Figure',
-    component: () => import('@components/figure/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/figure/__demo__/TheIndex.vue'),
     meta: {
       title: '图片 Figure',
     },
@@ -302,7 +302,7 @@ export const routes = [
   {
     path: '/card',
     name: 'Card',
-    component: () => import('@components/card/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/card/__demo__/TheIndex.vue'),
     meta: {
       title: '卡片 Card',
     },
@@ -310,7 +310,7 @@ export const routes = [
   {
     path: '/message',
     name: 'Message',
-    component: () => import('@components/message/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/message/__demo__/TheIndex.vue'),
     meta: {
       title: '消息提示 Message',
     },
@@ -318,7 +318,7 @@ export const routes = [
   {
     path: '/carousel',
     name: 'Carousel',
-    component: () => import('@components/carousel/__demo__/IndexCarousel.vue'),
+    component: () => import('@opendesign-src/carousel/__demo__/IndexCarousel.vue'),
     meta: {
       title: '幻灯片 Carousel',
     },
@@ -326,7 +326,7 @@ export const routes = [
   {
     path: '/grid',
     name: 'Grid',
-    component: () => import('@components/grid/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/grid/__demo__/TheIndex.vue'),
     meta: {
       title: '栅格 Grid',
     },
@@ -334,7 +334,7 @@ export const routes = [
   {
     path: '/result',
     name: 'Result',
-    component: () => import('@components/result/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/result/__demo__/TheIndex.vue'),
     meta: {
       title: '结果 Result',
     },
@@ -342,7 +342,7 @@ export const routes = [
   {
     path: '/scrollbar',
     name: 'Scrollbar',
-    component: () => import('@components/scrollbar/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/scrollbar/__demo__/TheIndex.vue'),
     meta: {
       title: '滚动条 Scrollbar',
     },
@@ -351,7 +351,7 @@ export const routes = [
     exclude: true,
     path: '/scrollbar/body',
     name: 'Scrollbar-body',
-    component: () => import('@components/scrollbar/__demo__/ScrollerBody.vue'),
+    component: () => import('@opendesign-src/scrollbar/__demo__/ScrollerBody.vue'),
     meta: {
       title: '全局滚动条 Scrollbar-body',
     },
@@ -359,7 +359,7 @@ export const routes = [
   {
     path: '/upload',
     name: 'Upload',
-    component: () => import('@components/upload/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/upload/__demo__/TheIndex.vue'),
     meta: {
       title: '上传 Upload',
     },
@@ -367,7 +367,7 @@ export const routes = [
   {
     path: '/toggle',
     name: 'Toggle',
-    component: () => import('@components/toggle/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/toggle/__demo__/TheIndex.vue'),
     meta: {
       title: '选择块 Toggle',
     },
@@ -375,7 +375,7 @@ export const routes = [
   {
     path: '/anchor',
     name: 'Anchor',
-    component: () => import('@components/anchor/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/anchor/__demo__/TheIndex.vue'),
     meta: {
       title: '锚点 Anchor',
     },
@@ -383,7 +383,7 @@ export const routes = [
   {
     path: '/collapse',
     name: 'Collapse',
-    component: () => import('@components/collapse/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/collapse/__demo__/TheIndex.vue'),
     meta: {
       title: '折叠面板 Collapse',
     },
@@ -391,7 +391,7 @@ export const routes = [
   {
     path: '/skeleton',
     name: 'Skeleton',
-    component: () => import('@components/skeleton/__demo__/TheIndex.vue'),
+    component: () => import('@opendesign-src/skeleton/__demo__/TheIndex.vue'),
     meta: {
       title: '骨架屏 Skeleton',
     },
@@ -399,7 +399,7 @@ export const routes = [
   {
     path: '/resize-observer',
     name: 'ResizeObserver',
-    component: () => import('@components/resize-observer/__demo__/IndexResize.vue'),
+    component: () => import('@opendesign-src/resize-observer/__demo__/IndexResize.vue'),
     meta: {
       title: 'Resize监听',
     },
@@ -407,7 +407,7 @@ export const routes = [
   {
     path: '/intersection-observer',
     name: 'IntersectionObserver',
-    component: () => import('@components/intersection-observer/__demo__/IndexIntersection.vue'),
+    component: () => import('@opendesign-src/intersection-observer/__demo__/IndexIntersection.vue'),
     meta: {
       title: 'Intersection监听',
     },
@@ -415,7 +415,7 @@ export const routes = [
   {
     path: '/child-only',
     name: 'ChildOnly',
-    component: () => import('@components/child-only/__demo__/IndexChildOnly.vue'),
+    component: () => import('@opendesign-src/child-only/__demo__/IndexChildOnly.vue'),
     meta: {
       title: '只渲染一个子元素',
     },
diff --git a/packages/portal/src/vite-env.d.ts b/packages/portal/src/vite-env.d.ts
index af36df34..4dc754c8 100644
--- a/packages/portal/src/vite-env.d.ts
+++ b/packages/portal/src/vite-env.d.ts
@@ -5,3 +5,5 @@ declare module '*.vue' {
   const component: DefineComponent<{}, {}, any>;
   export default component;
 }
+
+declare module '@opendesign-src';
diff --git a/packages/portal/tsconfig.json b/packages/portal/tsconfig.json
index a0ed615c..8ba474d1 100644
--- a/packages/portal/tsconfig.json
+++ b/packages/portal/tsconfig.json
@@ -20,7 +20,7 @@
       "@/*": [
         "src/*"
       ],
-      "@components/*": [
+      "@opendesign-src/*": [
         "../opendesign/src/*"
       ]
     }
diff --git a/packages/portal/vite.config.ts b/packages/portal/vite.config.ts
index 5a4bdf87..0817daf9 100644
--- a/packages/portal/vite.config.ts
+++ b/packages/portal/vite.config.ts
@@ -13,7 +13,7 @@ export default defineConfig({
   resolve: {
     alias: {
       '@/': `${path.resolve(__dirname, './src')}/`,
-      '@components': path.resolve(__dirname, '../opendesign/src'),
+      '@opendesign-src': path.resolve(__dirname, '../opendesign/src'),
       '@assets': path.resolve(__dirname, './src/assets'),
     },
   },
-- 
Gitee