diff --git a/.eslintrc.js b/.eslintrc.js
index 6f0cdbb6..74a721a4 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -31,6 +31,7 @@ module.exports = {
   ignorePatterns: ['.eslintrc.js'],
   rules: {
     'vue/no-mutating-props': 'off',
+    'vue/multi-word-component-names': 'off',
     'no-param-reassign': 'off',
     '@typescript-eslint/no-require-imports': 'off',
     "@typescript-eslint/no-misused-promises": [
diff --git a/packages/editor/package.json b/packages/editor/package.json
index a64c6cdf..4e90f72f 100644
--- a/packages/editor/package.json
+++ b/packages/editor/package.json
@@ -24,7 +24,7 @@
   "license": "Apache-2.0",
   "scripts": {
     "build": "npm run build:type && vite build",
-    "build:type": "npm run clear:type && vue-tsc --declaration --emitDeclarationOnly --project tsconfig.build.json",
+    "build:type": "npm run clear:type && vue-tsc --declaration --emitDeclarationOnly --project tsconfig.build.json && tsc-alias -p tsconfig.build.json",
     "clear:type": "rimraf ./types"
   },
   "engines": {
@@ -78,6 +78,7 @@
     "@vue/test-utils": "^2.0.0",
     "rimraf": "^3.0.2",
     "sass": "^1.35.1",
+    "tsc-alias": "^1.8.5",
     "typescript": "^5.0.4",
     "vite": "^4.2.1",
     "vite-plugin-vue-setup-extend": "^0.4.0",
diff --git a/packages/editor/src/components/CodeDraftEditor.vue b/packages/editor/src/components/CodeDraftEditor.vue
index b85f7ac4..a80bb984 100644
--- a/packages/editor/src/components/CodeDraftEditor.vue
+++ b/packages/editor/src/components/CodeDraftEditor.vue
@@ -32,8 +32,8 @@ import { TMagicButton, tMagicMessage, tMagicMessageBox } from '@tmagic/design';
 import { Id } from '@tmagic/schema';
 import { datetimeFormatter } from '@tmagic/utils';
 
-import MagicCodeEditor from '../layouts/CodeEditor.vue';
-import type { Services } from '../type';
+import MagicCodeEditor from '@editor/layouts/CodeEditor.vue';
+import type { Services } from '@editor/type';
 
 const props = withDefaults(
   defineProps<{
diff --git a/packages/editor/src/components/ContentMenu.vue b/packages/editor/src/components/ContentMenu.vue
index 46933773..22ea46f7 100644
--- a/packages/editor/src/components/ContentMenu.vue
+++ b/packages/editor/src/components/ContentMenu.vue
@@ -25,7 +25,7 @@
 <script lang="ts" setup name="MEditorContentMenu">
 import { nextTick, onMounted, onUnmounted, ref } from 'vue';
 
-import { MenuButton, MenuComponent } from '../type';
+import { MenuButton, MenuComponent } from '@editor/type';
 
 import ToolButton from './ToolButton.vue';
 
diff --git a/packages/editor/src/components/FunctionEditor.vue b/packages/editor/src/components/FunctionEditor.vue
index ab968d2d..733ff227 100644
--- a/packages/editor/src/components/FunctionEditor.vue
+++ b/packages/editor/src/components/FunctionEditor.vue
@@ -39,7 +39,7 @@ import { TMagicCard, TMagicInput, tMagicMessage } from '@tmagic/design';
 import { ColumnConfig, TableConfig } from '@tmagic/form';
 import { CodeParam, Id } from '@tmagic/schema';
 
-import type { Services } from '../type';
+import type { Services } from '@editor/type';
 
 import CodeDraftEditor from './CodeDraftEditor.vue';
 const defaultParamColConfig: ColumnConfig = {
diff --git a/packages/editor/src/components/Layout.vue b/packages/editor/src/components/Layout.vue
index c3ce3df1..4c018132 100644
--- a/packages/editor/src/components/Layout.vue
+++ b/packages/editor/src/components/Layout.vue
@@ -23,7 +23,7 @@
 <script lang="ts" setup name="MEditorLayout">
 import { computed, onMounted, onUnmounted, ref } from 'vue';
 
-import Resizer from '../layouts/Resizer.vue';
+import Resizer from '@editor/layouts/Resizer.vue';
 
 const emit = defineEmits(['update:left', 'change', 'update:right']);
 
diff --git a/packages/editor/src/components/ScrollViewer.vue b/packages/editor/src/components/ScrollViewer.vue
index a411db29..d61ea939 100644
--- a/packages/editor/src/components/ScrollViewer.vue
+++ b/packages/editor/src/components/ScrollViewer.vue
@@ -25,8 +25,8 @@
 <script lang="ts" setup name="MEditorScrollViewer">
 import { computed, onMounted, onUnmounted, ref, watch } from 'vue';
 
-import { ScrollViewerEvent } from '../type';
-import { ScrollViewer } from '../utils/scroll-viewer';
+import type { ScrollViewerEvent } from '@editor/type';
+import { ScrollViewer } from '@editor/utils/scroll-viewer';
 
 import ScrollBar from './ScrollBar.vue';
 
diff --git a/packages/editor/src/fields/CodeSelect.vue b/packages/editor/src/fields/CodeSelect.vue
index be543641..b1ab1870 100644
--- a/packages/editor/src/fields/CodeSelect.vue
+++ b/packages/editor/src/fields/CodeSelect.vue
@@ -29,8 +29,9 @@ import { isEmpty, map } from 'lodash-es';
 import { createValues, FormItem, FormState, TableConfig } from '@tmagic/form';
 import { HookType, Id } from '@tmagic/schema';
 
-import Icon from '../components/Icon.vue';
-import { CodeParamStatement, HookData, Services } from '../type';
+import Icon from '@editor/components/Icon.vue';
+import type { CodeParamStatement, HookData, Services } from '@editor/type';
+
 const services = inject<Services>('services');
 const mForm = inject<FormState>('mForm');
 const emit = defineEmits(['change']);
diff --git a/packages/editor/src/fields/CodeSelectCol.vue b/packages/editor/src/fields/CodeSelectCol.vue
index 47cf92ec..439ba3ae 100644
--- a/packages/editor/src/fields/CodeSelectCol.vue
+++ b/packages/editor/src/fields/CodeSelectCol.vue
@@ -14,7 +14,8 @@ import { isEmpty, map } from 'lodash-es';
 import { createValues, FieldsetConfig, FormState } from '@tmagic/form';
 import { Id } from '@tmagic/schema';
 
-import { CodeParamStatement, Services } from '../type';
+import type { CodeParamStatement, Services } from '@editor/type';
+
 const services = inject<Services>('services');
 const mForm = inject<FormState>('mForm');
 const emit = defineEmits(['change']);
diff --git a/packages/editor/src/fields/EventSelect.vue b/packages/editor/src/fields/EventSelect.vue
index 689a38a2..042a6edd 100644
--- a/packages/editor/src/fields/EventSelect.vue
+++ b/packages/editor/src/fields/EventSelect.vue
@@ -41,7 +41,8 @@ import { TMagicButton } from '@tmagic/design';
 import { FormState } from '@tmagic/form';
 import { ActionType } from '@tmagic/schema';
 
-import { EventSelectConfig, Services } from '../type';
+import type { EventSelectConfig, Services } from '@editor/type';
+
 const services = inject<Services>('services');
 
 const props = defineProps<{
diff --git a/packages/editor/src/fields/UISelect.vue b/packages/editor/src/fields/UISelect.vue
index c1011061..e934fe9f 100644
--- a/packages/editor/src/fields/UISelect.vue
+++ b/packages/editor/src/fields/UISelect.vue
@@ -19,7 +19,7 @@ import { Close, Delete } from '@element-plus/icons-vue';
 import { TMagicButton, TMagicTooltip } from '@tmagic/design';
 import { FormState } from '@tmagic/form';
 
-import { Services } from '../type';
+import type { Services } from '@editor/type';
 
 const props = defineProps<{
   config: any;
diff --git a/packages/editor/src/layouts/AddPageBox.vue b/packages/editor/src/layouts/AddPageBox.vue
index e3c8fd22..8f1db9e2 100644
--- a/packages/editor/src/layouts/AddPageBox.vue
+++ b/packages/editor/src/layouts/AddPageBox.vue
@@ -17,9 +17,9 @@ import { Plus } from '@element-plus/icons-vue';
 
 import { NodeType } from '@tmagic/schema';
 
-import MIcon from '../components/Icon.vue';
-import type { Services } from '../type';
-import { generatePageNameByApp } from '../utils';
+import MIcon from '@editor/components/Icon.vue';
+import type { Services } from '@editor/type';
+import { generatePageNameByApp } from '@editor/utils';
 
 const services = inject<Services>('services');
 
diff --git a/packages/editor/src/layouts/Framework.vue b/packages/editor/src/layouts/Framework.vue
index 1f00a618..ecefa5d2 100644
--- a/packages/editor/src/layouts/Framework.vue
+++ b/packages/editor/src/layouts/Framework.vue
@@ -47,8 +47,8 @@ import { computed, inject, ref, watch } from 'vue';
 
 import { TMagicScrollbar } from '@tmagic/design';
 
-import Layout from '../components/Layout.vue';
-import { GetColumnWidth, Services } from '../type';
+import Layout from '@editor/components/Layout.vue';
+import type { GetColumnWidth, Services } from '@editor/type';
 
 import AddPageBox from './AddPageBox.vue';
 
diff --git a/packages/editor/src/layouts/NavMenu.vue b/packages/editor/src/layouts/NavMenu.vue
index 3cf13055..02ad9364 100644
--- a/packages/editor/src/layouts/NavMenu.vue
+++ b/packages/editor/src/layouts/NavMenu.vue
@@ -12,8 +12,8 @@ import { Back, Delete, FullScreen, Grid, Memo, Right, ScaleToOriginal, ZoomIn, Z
 
 import { NodeType } from '@tmagic/schema';
 
-import ToolButton from '../components/ToolButton.vue';
-import { ColumnLayout, MenuBarData, MenuButton, MenuComponent, MenuItem, Services } from '../type';
+import ToolButton from '@editor/components/ToolButton.vue';
+import { ColumnLayout, MenuBarData, MenuButton, MenuComponent, MenuItem, Services } from '@editor/type';
 
 const props = withDefaults(
   defineProps<{
diff --git a/packages/editor/src/layouts/PropsPanel.vue b/packages/editor/src/layouts/PropsPanel.vue
index 9ac2fe51..6bce2cb2 100644
--- a/packages/editor/src/layouts/PropsPanel.vue
+++ b/packages/editor/src/layouts/PropsPanel.vue
@@ -20,7 +20,7 @@ import { tMagicMessage } from '@tmagic/design';
 import type { FormValue } from '@tmagic/form';
 import { MForm } from '@tmagic/form';
 
-import type { Services } from '../type';
+import type { Services } from '@editor/type';
 
 const emit = defineEmits(['mounted']);
 
diff --git a/packages/editor/src/layouts/sidebar/ComponentListPanel.vue b/packages/editor/src/layouts/sidebar/ComponentListPanel.vue
index 3759c790..30260a55 100644
--- a/packages/editor/src/layouts/sidebar/ComponentListPanel.vue
+++ b/packages/editor/src/layouts/sidebar/ComponentListPanel.vue
@@ -39,9 +39,9 @@ import serialize from 'serialize-javascript';
 import { TMagicCollapse, TMagicCollapseItem, TMagicScrollbar, TMagicTooltip } from '@tmagic/design';
 import { removeClassNameByClassName } from '@tmagic/utils';
 
-import MIcon from '../../components/Icon.vue';
-import SearchInput from '../../components/SearchInput.vue';
-import type { ComponentGroup, ComponentItem, Services, StageOptions } from '../../type';
+import MIcon from '@editor/components/Icon.vue';
+import SearchInput from '@editor/components/SearchInput.vue';
+import type { ComponentGroup, ComponentItem, Services, StageOptions } from '@editor/type';
 
 const searchText = ref('');
 
diff --git a/packages/editor/src/layouts/sidebar/LayerMenu.vue b/packages/editor/src/layouts/sidebar/LayerMenu.vue
index ad5af196..1f7ba491 100644
--- a/packages/editor/src/layouts/sidebar/LayerMenu.vue
+++ b/packages/editor/src/layouts/sidebar/LayerMenu.vue
@@ -8,8 +8,8 @@ import { CopyDocument, Delete, Files, Plus } from '@element-plus/icons-vue';
 
 import { NodeType } from '@tmagic/schema';
 
-import ContentMenu from '../../components/ContentMenu.vue';
-import type { ComponentGroup, MenuButton, MenuComponent, Services } from '../../type';
+import ContentMenu from '@editor/components/ContentMenu.vue';
+import type { ComponentGroup, MenuButton, MenuComponent, Services } from '@editor/type';
 
 const props = defineProps<{
   layerContentMenu: (MenuButton | MenuComponent)[];
diff --git a/packages/editor/src/layouts/sidebar/LayerPanel.vue b/packages/editor/src/layouts/sidebar/LayerPanel.vue
index ece05e21..b2b1a14d 100644
--- a/packages/editor/src/layouts/sidebar/LayerPanel.vue
+++ b/packages/editor/src/layouts/sidebar/LayerPanel.vue
@@ -58,9 +58,9 @@ import type { Id, MNode, MPage } from '@tmagic/schema';
 import { MContainer, NodeType } from '@tmagic/schema';
 import { getNodePath, isPage } from '@tmagic/utils';
 
-import SearchInput from '../../components/SearchInput.vue';
-import type { MenuButton, MenuComponent, Services } from '../../type';
-import { Layout } from '../../type';
+import SearchInput from '@editor/components/SearchInput.vue';
+import type { MenuButton, MenuComponent, Services } from '@editor/type';
+import { Layout } from '@editor/type';
 
 import LayerMenu from './LayerMenu.vue';
 
@@ -138,7 +138,7 @@ const allowDrop = (draggingNode: any, dropNode: any, type: string): boolean => {
 
   if (ingType !== NodeType.PAGE && data.type === NodeType.PAGE) return false;
   if (ingType === NodeType.PAGE && data.type !== NodeType.PAGE) return false;
-  if (!data || !data.type) return false;
+  if (!data?.type) return false;
   if (['prev', 'next'].includes(type)) return true;
   if (data.items || data.type === 'container') return true;
 
diff --git a/packages/editor/src/layouts/sidebar/Sidebar.vue b/packages/editor/src/layouts/sidebar/Sidebar.vue
index 44619aa9..b88c8234 100644
--- a/packages/editor/src/layouts/sidebar/Sidebar.vue
+++ b/packages/editor/src/layouts/sidebar/Sidebar.vue
@@ -89,9 +89,9 @@ import { Coin, EditPen, Files } from '@element-plus/icons-vue';
 
 import { getConfig, TMagicTabs } from '@tmagic/design';
 
-import MIcon from '../../components/Icon.vue';
-import type { MenuButton, MenuComponent, SideComponent, SideItem } from '../../type';
-import { SideBarData } from '../../type';
+import MIcon from '@editor/components/Icon.vue';
+import type { MenuButton, MenuComponent, SideComponent, SideItem } from '@editor/type';
+import { SideBarData } from '@editor/type';
 
 import CodeBlockList from './code-block/CodeBlockList.vue';
 import ComponentListPanel from './ComponentListPanel.vue';
diff --git a/packages/editor/src/layouts/sidebar/code-block/CodeBlockEditor.vue b/packages/editor/src/layouts/sidebar/code-block/CodeBlockEditor.vue
index 697b470c..ebaee149 100644
--- a/packages/editor/src/layouts/sidebar/code-block/CodeBlockEditor.vue
+++ b/packages/editor/src/layouts/sidebar/code-block/CodeBlockEditor.vue
@@ -38,10 +38,10 @@ import { TMagicDrawer } from '@tmagic/design';
 import { ColumnConfig } from '@tmagic/form';
 import { CodeBlockContent } from '@tmagic/schema';
 
-import FunctionEditor from '../../../components/FunctionEditor.vue';
-import Layout from '../../../components/Layout.vue';
-import type { ListState, Services } from '../../../type';
-import { serializeConfig } from '../../../utils/editor';
+import FunctionEditor from '@editor/components/FunctionEditor.vue';
+import Layout from '@editor/components/Layout.vue';
+import type { ListState, Services } from '@editor/type';
+import { serializeConfig } from '@editor/utils/editor';
 
 const services = inject<Services>('services');
 const codeOptions = inject('codeOptions', {});
diff --git a/packages/editor/src/layouts/sidebar/code-block/CodeBlockList.vue b/packages/editor/src/layouts/sidebar/code-block/CodeBlockList.vue
index ab9b3f5c..d0cb362e 100644
--- a/packages/editor/src/layouts/sidebar/code-block/CodeBlockList.vue
+++ b/packages/editor/src/layouts/sidebar/code-block/CodeBlockList.vue
@@ -58,9 +58,9 @@ import { TMagicButton, tMagicMessage, TMagicScrollbar, TMagicTooltip, TMagicTree
 import { ColumnConfig } from '@tmagic/form';
 import { CodeBlockContent, Id } from '@tmagic/schema';
 
-import Icon from '../../../components/Icon.vue';
-import SearchInput from '../../../components/SearchInput.vue';
-import { CodeDeleteErrorType, CodeDslItem, Services } from '../../../type';
+import Icon from '@editor/components/Icon.vue';
+import SearchInput from '@editor/components/SearchInput.vue';
+import { CodeDeleteErrorType, CodeDslItem, Services } from '@editor/type';
 
 import CodeBlockEditor from './CodeBlockEditor.vue';
 
diff --git a/packages/editor/src/layouts/workspace/Breadcrumb.vue b/packages/editor/src/layouts/workspace/Breadcrumb.vue
index de1d48e7..bcde3686 100644
--- a/packages/editor/src/layouts/workspace/Breadcrumb.vue
+++ b/packages/editor/src/layouts/workspace/Breadcrumb.vue
@@ -14,7 +14,7 @@ import { TMagicButton } from '@tmagic/design';
 import type { MNode } from '@tmagic/schema';
 import { getNodePath } from '@tmagic/utils';
 
-import type { Services } from '../../type';
+import type { Services } from '@editor/type';
 
 const services = inject<Services>('services');
 const editorService = services?.editorService;
diff --git a/packages/editor/src/layouts/workspace/PageBar.vue b/packages/editor/src/layouts/workspace/PageBar.vue
index 66124d16..9b87e208 100644
--- a/packages/editor/src/layouts/workspace/PageBar.vue
+++ b/packages/editor/src/layouts/workspace/PageBar.vue
@@ -53,8 +53,8 @@ import { CaretBottom, Delete, DocumentCopy } from '@element-plus/icons-vue';
 import { TMagicIcon, TMagicPopover, TMagicTooltip } from '@tmagic/design';
 import type { MPage } from '@tmagic/schema';
 
-import ToolButton from '../../components/ToolButton.vue';
-import type { Services } from '../../type';
+import ToolButton from '@editor/components/ToolButton.vue';
+import type { Services } from '@editor/type';
 
 import PageBarScrollContainer from './PageBarScrollContainer.vue';
 
diff --git a/packages/editor/src/layouts/workspace/PageBarScrollContainer.vue b/packages/editor/src/layouts/workspace/PageBarScrollContainer.vue
index 6670cfac..fce6c37d 100644
--- a/packages/editor/src/layouts/workspace/PageBarScrollContainer.vue
+++ b/packages/editor/src/layouts/workspace/PageBarScrollContainer.vue
@@ -32,9 +32,9 @@ import { ArrowLeftBold, ArrowRightBold, Plus } from '@element-plus/icons-vue';
 
 import { NodeType } from '@tmagic/schema';
 
-import Icon from '../../components/Icon.vue';
-import type { Services } from '../../type';
-import { generatePageNameByApp } from '../../utils/editor';
+import Icon from '@editor/components/Icon.vue';
+import type { Services } from '@editor/type';
+import { generatePageNameByApp } from '@editor/utils/editor';
 
 const services = inject<Services>('services');
 const editorService = services?.editorService;
diff --git a/packages/editor/src/layouts/workspace/Stage.vue b/packages/editor/src/layouts/workspace/Stage.vue
index 8a1dc612..cd713a27 100644
--- a/packages/editor/src/layouts/workspace/Stage.vue
+++ b/packages/editor/src/layouts/workspace/Stage.vue
@@ -33,9 +33,9 @@ import { cloneDeep } from 'lodash-es';
 import type { MContainer } from '@tmagic/schema';
 import StageCore, { calcValueByFontsize, getOffset, Runtime } from '@tmagic/stage';
 
-import ScrollViewer from '../../components/ScrollViewer.vue';
-import { Layout, MenuButton, MenuComponent, Services, StageOptions } from '../../type';
-import { useStage } from '../../utils/stage';
+import ScrollViewer from '@editor/components/ScrollViewer.vue';
+import { Layout, MenuButton, MenuComponent, Services, StageOptions } from '@editor/type';
+import { useStage } from '@editor/utils/stage';
 
 import ViewerMenu from './ViewerMenu.vue';
 
diff --git a/packages/editor/src/layouts/workspace/ViewerMenu.vue b/packages/editor/src/layouts/workspace/ViewerMenu.vue
index 88e822ee..1c82ba8f 100644
--- a/packages/editor/src/layouts/workspace/ViewerMenu.vue
+++ b/packages/editor/src/layouts/workspace/ViewerMenu.vue
@@ -9,10 +9,10 @@ import { Bottom, CopyDocument, Delete, DocumentCopy, Top } from '@element-plus/i
 import { NodeType } from '@tmagic/schema';
 import { isPage } from '@tmagic/utils';
 
-import ContentMenu from '../../components/ContentMenu.vue';
-import storageService from '../../services/storage';
-import { LayerOffset, Layout, MenuButton, MenuComponent, Services } from '../../type';
-import { COPY_STORAGE_KEY } from '../../utils/editor';
+import ContentMenu from '@editor/components/ContentMenu.vue';
+import storageService from '@editor/services/storage';
+import { LayerOffset, Layout, MenuButton, MenuComponent, Services } from '@editor/type';
+import { COPY_STORAGE_KEY } from '@editor/utils/editor';
 
 const props = withDefaults(
   defineProps<{ isMultiSelect?: boolean; stageContentMenu: (MenuButton | MenuComponent)[] }>(),
diff --git a/packages/editor/src/layouts/workspace/Workspace.vue b/packages/editor/src/layouts/workspace/Workspace.vue
index b541e5d3..9d598fdc 100644
--- a/packages/editor/src/layouts/workspace/Workspace.vue
+++ b/packages/editor/src/layouts/workspace/Workspace.vue
@@ -21,7 +21,7 @@ import KeyController from 'keycon';
 
 import { isPage } from '@tmagic/utils';
 
-import type { MenuButton, MenuComponent, Services } from '../../type';
+import type { MenuButton, MenuComponent, Services } from '@editor/type';
 
 import Breadcrumb from './Breadcrumb.vue';
 import PageBar from './PageBar.vue';
diff --git a/packages/editor/src/services/BaseService.ts b/packages/editor/src/services/BaseService.ts
index af6756e7..d7ede9f1 100644
--- a/packages/editor/src/services/BaseService.ts
+++ b/packages/editor/src/services/BaseService.ts
@@ -18,7 +18,7 @@
 
 import { EventEmitter } from 'events';
 
-import { compose } from '../utils/compose';
+import { compose } from '@editor/utils/compose';
 
 const methodName = (prefix: string, name: string) => `${prefix}${name[0].toUpperCase()}${name.substring(1)}`;
 
diff --git a/packages/editor/src/services/codeBlock.ts b/packages/editor/src/services/codeBlock.ts
index f14812f8..eb2db518 100644
--- a/packages/editor/src/services/codeBlock.ts
+++ b/packages/editor/src/services/codeBlock.ts
@@ -21,9 +21,9 @@ import { keys, pick } from 'lodash-es';
 
 import { CodeBlockContent, CodeBlockDSL, Id } from '@tmagic/schema';
 
-import type { CodeState } from '../type';
-import { CODE_DRAFT_STORAGE_KEY } from '../type';
-import { info } from '../utils/logger';
+import type { CodeState } from '@editor/type';
+import { CODE_DRAFT_STORAGE_KEY } from '@editor/type';
+import { info } from '@editor/utils/logger';
 
 import BaseService from './BaseService';
 
diff --git a/packages/editor/src/services/componentList.ts b/packages/editor/src/services/componentList.ts
index 4a1b508d..5c76bd13 100644
--- a/packages/editor/src/services/componentList.ts
+++ b/packages/editor/src/services/componentList.ts
@@ -18,7 +18,7 @@
 
 import { reactive } from 'vue';
 
-import type { ComponentGroup, ComponentGroupState } from '../type';
+import type { ComponentGroup, ComponentGroupState } from '@editor/type';
 
 import BaseService from './BaseService';
 
diff --git a/packages/editor/src/services/editor.ts b/packages/editor/src/services/editor.ts
index 04426a18..545f6bdc 100644
--- a/packages/editor/src/services/editor.ts
+++ b/packages/editor/src/services/editor.ts
@@ -24,10 +24,10 @@ import { NodeType } from '@tmagic/schema';
 import StageCore from '@tmagic/stage';
 import { getNodePath, isNumber, isPage, isPop } from '@tmagic/utils';
 
-import historyService from '../services/history';
-import storageService, { Protocol } from '../services/storage';
-import type { AddMNode, EditorNodeInfo, PastePosition, StepValue, StoreState, StoreStateKey } from '../type';
-import { LayerOffset, Layout } from '../type';
+import historyService from '@editor/services/history';
+import storageService, { Protocol } from '@editor/services/storage';
+import type { AddMNode, EditorNodeInfo, PastePosition, StepValue, StoreState, StoreStateKey } from '@editor/type';
+import { LayerOffset, Layout } from '@editor/type';
 import {
   change2Fixed,
   COPY_STORAGE_KEY,
@@ -37,8 +37,8 @@ import {
   getNodeIndex,
   isFixed,
   setLayout,
-} from '../utils/editor';
-import { beforePaste, getAddParent } from '../utils/operator';
+} from '@editor/utils/editor';
+import { beforePaste, getAddParent } from '@editor/utils/operator';
 
 import BaseService from './BaseService';
 import propsService from './props';
diff --git a/packages/editor/src/services/events.ts b/packages/editor/src/services/events.ts
index 9da439e3..d149d7d6 100644
--- a/packages/editor/src/services/events.ts
+++ b/packages/editor/src/services/events.ts
@@ -22,7 +22,7 @@ import { cloneDeep } from 'lodash-es';
 import { DEFAULT_EVENTS, DEFAULT_METHODS, EventOption } from '@tmagic/core';
 import { toLine } from '@tmagic/utils';
 
-import type { ComponentGroup } from '../type';
+import type { ComponentGroup } from '@editor/type';
 
 import BaseService from './BaseService';
 
diff --git a/packages/editor/src/services/history.ts b/packages/editor/src/services/history.ts
index 58cbb937..28248660 100644
--- a/packages/editor/src/services/history.ts
+++ b/packages/editor/src/services/history.ts
@@ -20,8 +20,8 @@ import { reactive } from 'vue';
 
 import type { MPage } from '@tmagic/schema';
 
-import { HistoryState, StepValue } from '../type';
-import { UndoRedo } from '../utils/undo-redo';
+import type { HistoryState, StepValue } from '@editor/type';
+import { UndoRedo } from '@editor/utils/undo-redo';
 
 import BaseService from './BaseService';
 
diff --git a/packages/editor/src/services/props.ts b/packages/editor/src/services/props.ts
index fcfe27a5..d48e40a2 100644
--- a/packages/editor/src/services/props.ts
+++ b/packages/editor/src/services/props.ts
@@ -23,8 +23,8 @@ import type { FormConfig } from '@tmagic/form';
 import type { MComponent, MNode } from '@tmagic/schema';
 import { toLine } from '@tmagic/utils';
 
-import type { PropsState } from '../type';
-import { fillConfig } from '../utils/props';
+import type { PropsState } from '@editor/type';
+import { fillConfig } from '@editor/utils/props';
 
 import BaseService from './BaseService';
 
diff --git a/packages/editor/src/services/ui.ts b/packages/editor/src/services/ui.ts
index dcf22374..2c5d83ed 100644
--- a/packages/editor/src/services/ui.ts
+++ b/packages/editor/src/services/ui.ts
@@ -18,8 +18,8 @@
 
 import { reactive } from 'vue';
 
-import editorService from '../services/editor';
-import type { StageRect, UiState } from '../type';
+import editorService from '@editor/services/editor';
+import type { StageRect, UiState } from '@editor/type';
 
 import BaseService from './BaseService';
 
diff --git a/packages/editor/src/utils/config.ts b/packages/editor/src/utils/config.ts
index ea41753c..7c8890b6 100644
--- a/packages/editor/src/utils/config.ts
+++ b/packages/editor/src/utils/config.ts
@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { InstallOptions } from '../type';
+import { InstallOptions } from '@editor/type';
 
 let $TMAGIC_EDITOR: InstallOptions = {} as any;
 
diff --git a/packages/editor/src/utils/dep.ts b/packages/editor/src/utils/dep.ts
index ac787227..64311f0c 100644
--- a/packages/editor/src/utils/dep.ts
+++ b/packages/editor/src/utils/dep.ts
@@ -2,8 +2,8 @@ import { isEmpty } from 'lodash-es';
 
 import { CodeBlockContent, HookType, Id } from '@tmagic/schema';
 
-import { Target } from '../services/dep';
-import { HookData } from '../type';
+import { Target } from '@editor/services/dep';
+import type { HookData } from '@editor/type';
 
 export const createCodeBlockTarget = (id: Id, codeBlock: CodeBlockContent) =>
   new Target({
diff --git a/packages/editor/src/utils/editor.ts b/packages/editor/src/utils/editor.ts
index 2f3079c6..5b763345 100644
--- a/packages/editor/src/utils/editor.ts
+++ b/packages/editor/src/utils/editor.ts
@@ -23,7 +23,7 @@ import { NodeType } from '@tmagic/schema';
 import type StageCore from '@tmagic/stage';
 import { getNodePath, isNumber, isPage, isPop } from '@tmagic/utils';
 
-import { Layout } from '../type';
+import { Layout } from '@editor/type';
 export const COPY_STORAGE_KEY = '$MagicEditorCopyData';
 
 /**
diff --git a/packages/editor/src/utils/operator.ts b/packages/editor/src/utils/operator.ts
index 4d8d866d..a2152d90 100644
--- a/packages/editor/src/utils/operator.ts
+++ b/packages/editor/src/utils/operator.ts
@@ -4,10 +4,10 @@ import { isEmpty } from 'lodash-es';
 import { Id, MContainer, MNode } from '@tmagic/schema';
 import { isPage } from '@tmagic/utils';
 
-import editorService from '../services/editor';
-import propsService from '../services/props';
-import { AddMNode, PastePosition } from '../type';
-import { generatePageNameByApp, getInitPositionStyle } from '../utils/editor';
+import editorService from '@editor/services/editor';
+import propsService from '@editor/services/props';
+import type { AddMNode, PastePosition } from '@editor/type';
+import { generatePageNameByApp, getInitPositionStyle } from '@editor/utils/editor';
 
 /**
  * 粘贴前置操作：返回分配了新id以及校准了坐标的配置
diff --git a/packages/editor/src/utils/stage.ts b/packages/editor/src/utils/stage.ts
index 15f2a217..7bfa394a 100644
--- a/packages/editor/src/utils/stage.ts
+++ b/packages/editor/src/utils/stage.ts
@@ -2,9 +2,9 @@ import { computed } from 'vue';
 
 import StageCore, { GuidesType, RemoveEventData, SortEventData, UpdateEventData } from '@tmagic/stage';
 
-import editorService from '../services/editor';
-import uiService from '../services/ui';
-import { H_GUIDE_LINE_STORAGE_KEY, StageOptions, V_GUIDE_LINE_STORAGE_KEY } from '../type';
+import editorService from '@editor/services/editor';
+import uiService from '@editor/services/ui';
+import { H_GUIDE_LINE_STORAGE_KEY, StageOptions, V_GUIDE_LINE_STORAGE_KEY } from '@editor/type';
 
 import { getGuideLineFromCache } from './editor';
 
diff --git a/packages/editor/tsconfig.build.json b/packages/editor/tsconfig.build.json
index c9476221..56574cba 100644
--- a/packages/editor/tsconfig.build.json
+++ b/packages/editor/tsconfig.build.json
@@ -5,7 +5,10 @@
     "declaration": true,
     "declarationDir": "types",
     "forceConsistentCasingInFileNames": true,
-    "paths": {},
+    "outDir": "./types",
+    "paths": {
+      "@editor/*": ["src/*"],
+    },
   },
   "include": [
 		"src"
diff --git a/packages/editor/vite.config.ts b/packages/editor/vite.config.ts
index 4c8dfa03..0d22aa27 100644
--- a/packages/editor/vite.config.ts
+++ b/packages/editor/vite.config.ts
@@ -30,8 +30,9 @@ export default defineConfig({
   resolve: {
     alias:
       process.env.NODE_ENV === 'production'
-        ? []
+        ? [{ find: /^@editor/, replacement: path.join(__dirname, './src') }]
         : [
+            { find: /^@editor/, replacement: path.join(__dirname, './src') },
             { find: /^@tmagic\/schema/, replacement: path.join(__dirname, '../schema/src/index.ts') },
             { find: /^@tmagic\/utils/, replacement: path.join(__dirname, '../utils/src/index.ts') },
             { find: /^@tmagic\/core/, replacement: path.join(__dirname, '../core/src/index.ts') },
diff --git a/playground/vite.config.ts b/playground/vite.config.ts
index c885b68f..7d7213da 100644
--- a/playground/vite.config.ts
+++ b/playground/vite.config.ts
@@ -50,6 +50,7 @@ export default defineConfig({
         replacement: path.join(__dirname, '../packages/editor/src/theme/index.scss'),
       },
       { find: /^@tmagic\/core/, replacement: path.join(__dirname, '../packages/core/src/index.ts') },
+      { find: /^@editor/, replacement: path.join(__dirname, '../packages/editor/src/') },
       { find: /^@tmagic\/editor/, replacement: path.join(__dirname, '../packages/editor/src/index.ts') },
       { find: /^@tmagic\/schema/, replacement: path.join(__dirname, '../packages/schema/src/index.ts') },
       { find: /^@tmagic\/form/, replacement: path.join(__dirname, '../packages/form/src/index.ts') },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a106380c..c788e424 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -296,6 +296,9 @@ importers:
       sass:
         specifier: ^1.35.1
         version: 1.35.1
+      tsc-alias:
+        specifier: ^1.8.5
+        version: 1.8.5
       typescript:
         specifier: ^5.0.4
         version: 5.0.4
@@ -4478,6 +4481,11 @@ packages:
     engines: {node: '>= 10'}
     dev: true
 
+  /commander@9.5.0:
+    resolution: {integrity: sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==}
+    engines: {node: ^12.20.0 || >=14}
+    dev: true
+
   /commitizen@4.2.4:
     resolution: {integrity: sha512-LlZChbDzg3Ir3O2S7jSo/cgWp5/QwylQVr59K4xayVq8S4/RdKzSyJkghAiZZHfhh5t4pxunUoyeg0ml1q/7aw==}
     engines: {node: '>= 10'}
@@ -7363,6 +7371,11 @@ packages:
     resolution: {integrity: sha512-r65nCZhrbXXb6dXOACihYApHw2Q6pV0M3V0PSxd74N0+D8nzAdEAITq2oAjA1jVnKI+tGvEBUpqiMh0+rW6zDQ==}
     dev: true
 
+  /mylas@2.1.13:
+    resolution: {integrity: sha512-+MrqnJRtxdF+xngFfUUkIMQrUUL0KsxbADUkn23Z/4ibGg192Q+z+CQyiYwvWTsYjJygmMR8+w3ZDa98Zh6ESg==}
+    engines: {node: '>=12.0.0'}
+    dev: true
+
   /nanoid@3.3.6:
     resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -7693,6 +7706,12 @@ packages:
       semver-compare: 1.0.0
     dev: true
 
+  /plimit-lit@1.5.0:
+    resolution: {integrity: sha512-Eb/MqCb1Iv/ok4m1FqIXqvUKPISufcjZ605hl3KM/n8GaX8zfhtgdLwZU3vKjuHGh2O9Rjog/bHTq8ofIShdng==}
+    dependencies:
+      queue-lit: 1.5.0
+    dev: true
+
   /pngjs@5.0.0:
     resolution: {integrity: sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==}
     engines: {node: '>=10.13.0'}
@@ -7800,6 +7819,10 @@ packages:
     resolution: {integrity: sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==}
     dev: true
 
+  /queue-lit@1.5.0:
+    resolution: {integrity: sha512-IslToJ4eiCEE9xwMzq3viOO5nH8sUWUCwoElrhNMozzr9IIt2qqvB4I+uHu/zJTQVqc9R5DFwok4ijNK1pU3fA==}
+    dev: true
+
   /queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
     dev: true
@@ -8835,6 +8858,18 @@ packages:
     dev: true
     optional: true
 
+  /tsc-alias@1.8.5:
+    resolution: {integrity: sha512-Y3ka0olwSRdbHPyX5kXhYY2aoBKuT53DFdeY+PpQUR4hg5M/b8eIRmC8dL4FBdd0wT366iWc6iDUUGe6QwI7mg==}
+    hasBin: true
+    dependencies:
+      chokidar: 3.5.3
+      commander: 9.5.0
+      globby: 11.1.0
+      mylas: 2.1.13
+      normalize-path: 3.0.0
+      plimit-lit: 1.5.0
+    dev: true
+
   /tsconfig-paths@3.14.2:
     resolution: {integrity: sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==}
     dependencies:
diff --git a/tsconfig.json b/tsconfig.json
index 0051e894..83bff6f0 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -20,7 +20,6 @@
       // 内部模块都指向 src/index.ts, 会有更好的代码跳转体验.
       "@tmagic/*": ["packages/*/src"],
       "@editor/*": ["packages/editor/src/*"],
-      "@form/*": ["packages/form/src/*"],
     },
     "types": [
       "node",