diff --git a/package.json b/package.json
index 3104b56d6e086388d80b8c1af70fd4df27a6cfba..bc8cb3696ccf3b50053f90a6391c65f0ec687ab6 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 2f06e3895579d553f0ec9004959c2a95cc083707..70376400a755ba615409962de62dac7294e88c76 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 cfd501bb2901938dddf66f73af095d764436261f..2d09528717270803bfa3898bdfd56e6cff0ecc87 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 498db9ceec659357e6fde4fce85afead024dd6ba..50d945dacd187eb9b405aaf8ecdb99351695f1d3 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 13c4acb7b636931f816e4b3189feddd3df2e1719..13cbb458524014b77b3afb273a96aad0783a4724 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 3eb1d40c5ddeab6da7906db94753779f87e9bb4b..53469bbd0c02f8bfd099a8c322d952f911b5479e 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 d9acdde41979386bedfb3d1d2109fb5204310490..00ce41513562bd0b67e3ff4dcad8c642fe67ce71 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 e47a830af4bf0e0966cfd7c43f431794d8c71683..02b8b08c97acc653a78196777d09eff497c503a5 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 7757888cf402b6d0d7335c6823e369780bacecc6..a10408ce33658adb71733c7c1557d8bc836c26d1 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 eaa6f383668bfcc2947fe02552d478a84fcab0c9..75417cb31ef0c6e01e564e27db3e381c591665a9 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 2db47aa831b96cb5988a1d402e54aabbf126ba82..101818aad294c2fe4fca151150aa671dc3081615 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 4e2cff83bac3e728c58ebefcf00ce3f5418627fd..b945e0ae1c84a9d6b5f9921d9f401a774120a739 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 c803075d527fb315b81a2b3ed9e13615bdd9f458..dab7158b22ae4659e097683812454eea4500610c 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 c6fbe5b6e7d5376f5667046c4715c56ddf7b9c5f..d38046bf41fe0b020e40af9d8a319b0956206342 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 fa91641d99e9c177c1d846254b58c88e2008c732..01f2017826796b20e9afa56c4fa6ed697f6c802c 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 723aa30aa8d106fbb16dd9efb12f6c07b13235b2..93d6fea0ae3e5d286573a2d08a69d8d4d8da611a 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 c83b822e5e037d3072a23cb162634379ebff1f29..66516ab53395e6f7fb04f8bfb252a56bb49e8677 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 1eb569646a5dc5189c9397048f2d73cc9842e66b..8605b7ed8ee2967a2f19c2f1d82e3a8e280fe214 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 bde92b84283839f00cad037551b51afa2586818b..2f923edd07b1f8ae1a58847be3a9022078e825c2 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 f8acda41b66bd78a0e1d5b3c2568c603131bc012..a492e4531f464d8f736828754ac9f89180a1fb4c 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 71882c7a27f72cd83bad077184eac401ea59ddde..9f81a4bfa70bb65c688cfd3ba8cdb3d55ba38b59 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 991e3724852a3cfa476dcc7a297f8e2bfe7f10bd..ee8933809e184b09505d80c839a989d39c711846 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 637101f6aed07ad1e497612c532641307e5b22bd..1571718f17f24a73660c6d3be8cd33c4cf776b12 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 215d12beb10a27ca50d3dba67c17ed8e4cfe14d6..4dabe79a48917d696fae062ebd00789b2eb8c8a5 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 d6303ce8f843a9da52540b66cb81e98dedb76ac3..f20704c4959b764c97a559c4008eff42ee4babc4 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 339d702db555470e135545b927c35a887d948d61..fcc56d2f18d96c747fad8a4af84446588222cc5a 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 632a2b693b45bc4e3c680c18773d4f918d2676de..0e38f657a01358fd95b0acbc183e489246c7350c 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 674418c60d291bfa11b49efdbb0c97033e9e00e7..60dd42fb09dc46ba219ec3806d05f24afa996986 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 cb1e6e5a70b7276ea2a47c64a61b5d960f854562..07f550506f96de0b0dfb1194c870c7a699cc3531 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 4aafbaf251a7157ee23ff2a226a34e0ee4181ddf..23567853b48b1e51cf19b8bb2662dee7cfa12bd8 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 e1022783724ada234b68b654b0961a419d192dee..162d9e88da9c9c38c9cca22227e495ff4853def0 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 ab5a2d825d6476f868e697c5cde14fd838de853e..134aaf68df3514cf5ada73e05abe4bb0d20f9d23 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 c6af6e8303f066d822b01be924f45c5e3f0cc9e2..15626066f584a7f0b6a41d375f01e099a6aa59b7 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 9f2c4e0734dbd63d215a3f69eeb173675d0de8a8..d1ae57837e34fccc6404907a435551bcb20c354d 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 6b3905b46c55cf7f8a036eae8526317cb9cfa327..ed1623117583fabc1b602d37f6f4a87e72016289 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 dda4fff3a74da79381a765fdbf6bf8a645d7fce3..e7ce33da25d31aac2555bbfa4ee8f5ba41267fcd 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 299bbed4658b797a5098f5d142ef9a5bbf0eac16..6e9d886e972962c559031045991c999b80bf794e 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 cc140c78343e0e66d961522d167bcc7148de853b..81424058440689cada8c9d1ceaba95fea6b4decd 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 2c6820c7a2709afa034fe22674542cf844190b37..1387eae4e2589275d4f51dc59df4ab2d49557202 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 ab6ec6b678098194218b2d65b90778f9b25cf58f..0bec44d687225595006f4c6f363ca4ae5952961a 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 f1d73f00452fcc7640141e623005c7444f9ed48e..b00f08193bea770b1eec9f22e21e69ba00f272a4 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 3795178d03c30bfa8216bdd82717c51222484c91..b50000210a1ff8eab8cfc30d3a8bc430838c4b87 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 3243f21fce52a306c2f55b2931b90fd7908ed045..c8e5284d6e0e434a7de63a07872222298c9f2020 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 f9f4938edc47f1de98b05f9fdac9bf1391c090e4..22399900cad1b175281a410c00dda7992f8c12d8 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 40e5f3bdef41df7714d9cd4809f0d9d7f497bdf9..1f23198e8c6cefd54334fe663903a0ef6c9069e2 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 35899cd84162f4d5ff4e569be3d10bc499b6220a..b02765f92488a3d7b0f68634f8a4356e2f8e3c93 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 de148f9dc827df3c7651cb3bebebd80922c72774..4b964fc45681076ebd42780febfdfd3d4f393a7e 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 d47f35ac5568032b0780268b4eaa1df206aac817..8881dbb061d0c08dc69811c3777b0b256558ebfd 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 b8e528a97c640fc03dcaeef599e86dd25f94c8e5..ae6cc60229a80d85ce43d8c74bd0f26daf2baa74 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 12bca92934f1f5deb1d828a6bc0c03db94e02f17..658699aeff4389dd7662fa7d6ca01ea5b54878e3 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 8f3e5874d12c60df8d01a0bb7fee380ed64f0a53..4f97f8064deae1ceb97e3a746b8a25d3a4f7f63b 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 4fd643056c91ec185eaa6c62a49af9592aacf16f..04846554ff65e1dab524b96146c7a3ae1a5e6fdd 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 2f06e3895579d553f0ec9004959c2a95cc083707..93bbbb9f3d7cbcccd5cb4f87579e32d630e3c679 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 660725d37f5e785e0cc641afda4ad6bfd5bb3fb8..c847fd5667dae55c67923ce02a2a1e1bfd5f0d2b 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 b3c22ffde7b79216422e5119027bc7308264f8ad..7dde9cb0897901b07d62a352a29201ba5f7d5087 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 9c9661a404b9087358d5297cb08bf8affa21468d..941606aa2f13fca9e4e05cf422ecfee48cec9a98 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 eb8364e4b7f7cca0882a1f41c34d3d04fb936a94..2a40b80c50cb992bb5f6ba8687bf369169744eb0 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 6104e19134fc948125ad01d4fc62abd23ca5bd5d..d364d48c2bdb11765137959b9164d770afff3d88 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 af36df349a654c7c39061abbf656a6e5b5b48f8c..b4c1d87edcacef40ecbf5089e1fb1c2f66111f4e 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 a0ed615c813b868cfc04d7d50f996d69e5ee6c62..8ba474d151f2f1715bb68d618b6abe171f47f703 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 b8e4d3f330e7620a3910704b5d49fddd0b741171..b276c21620d64b0dd746962ac9b0e9ab5addc8bd 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 399d34abd19bd6fef52d15753f905c5625bc5ca8..ed11fbc550f6c1c11112ff4a8d6e3a8b570c8c67 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 a248fee7686067d155d0dad7d72e5ed01cbdf6b6..bd24197636b5cd386b7e4de3c118bbceb0dad02c 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 0e9ab8272825615c3634be408f32c06ed61669a7..de48a1384442b1ad9aef7a5916ff17b670713c5c 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 7757888cf402b6d0d7335c6823e369780bacecc6..a10408ce33658adb71733c7c1557d8bc836c26d1 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 dd37383d1a95ee015d8be893fb7d49cca2b1f686..14b2625b1fb26e897b14e949bd29d1ea4f7b6025 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 dcb2d826eede18ce5785eb9a5f1861e1e48778b8..fcf60af54cb38720af4c77558ade370b2350440a 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 af36df349a654c7c39061abbf656a6e5b5b48f8c..4dc754c8a3c7e940b0dc896e4b0ac8044c3d7dbf 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 a0ed615c813b868cfc04d7d50f996d69e5ee6c62..8ba474d151f2f1715bb68d618b6abe171f47f703 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 5a4bdf87e7e1566079cf00d4fb45196ea3659360..0817daf9dceeb456479b7c073156ea6368515007 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'),
     },
   },