diff --git a/magic-admin/web/src/plugins/editor.ts b/magic-admin/web/src/plugins/editor.ts
index 768919e9..ce4235b9 100644
--- a/magic-admin/web/src/plugins/editor.ts
+++ b/magic-admin/web/src/plugins/editor.ts
@@ -18,7 +18,7 @@
 
 import { ElMessage, ElMessageBox } from 'element-plus';
 
-import { MNode } from '@tmagic/schema';
+import type { MNode } from '@tmagic/schema';
 
 import actApi from '@src/api/act';
 
diff --git a/packages/core/src/App.ts b/packages/core/src/App.ts
index b904acdd..2037140a 100644
--- a/packages/core/src/App.ts
+++ b/packages/core/src/App.ts
@@ -18,7 +18,7 @@
 
 import { EventEmitter } from 'events';
 
-import { Id, MApp } from '@tmagic/schema';
+import type { Id, MApp } from '@tmagic/schema';
 
 import Env from './Env';
 import {
diff --git a/packages/core/src/Node.ts b/packages/core/src/Node.ts
index 242538e4..29e1700e 100644
--- a/packages/core/src/Node.ts
+++ b/packages/core/src/Node.ts
@@ -18,7 +18,7 @@
 
 import { EventEmitter } from 'events';
 
-import { EventItemConfig, MComponent, MContainer, MPage } from '@tmagic/schema';
+import type { EventItemConfig, MComponent, MContainer, MPage } from '@tmagic/schema';
 
 class Node extends EventEmitter {
   data: MComponent | MContainer | MPage;
diff --git a/packages/core/src/Page.ts b/packages/core/src/Page.ts
index 53bd6d54..8e3876df 100644
--- a/packages/core/src/Page.ts
+++ b/packages/core/src/Page.ts
@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { Id, MComponent, MContainer, MPage } from '@tmagic/schema';
+import type { Id, MComponent, MContainer, MPage } from '@tmagic/schema';
 
 import Node from './Node';
 interface ConfigOptions {
diff --git a/packages/editor/src/layouts/AddPageBox.vue b/packages/editor/src/layouts/AddPageBox.vue
index 92def631..6bfde35f 100644
--- a/packages/editor/src/layouts/AddPageBox.vue
+++ b/packages/editor/src/layouts/AddPageBox.vue
@@ -17,7 +17,7 @@ import { Plus } from '@element-plus/icons';
 
 import { NodeType } from '@tmagic/schema';
 
-import { Services } from '@editor/type';
+import type { Services } from '@editor/type';
 import { generatePageNameByApp } from '@editor/utils';
 
 export default defineComponent({
diff --git a/packages/editor/src/services/history.ts b/packages/editor/src/services/history.ts
index 034cd78a..07069f20 100644
--- a/packages/editor/src/services/history.ts
+++ b/packages/editor/src/services/history.ts
@@ -18,7 +18,7 @@
 
 import { reactive } from 'vue';
 
-import { Id, MPage } from '@tmagic/schema';
+import type { Id, MPage } from '@tmagic/schema';
 
 import { UndoRedo } from '@editor/utils/undo-redo';
 
diff --git a/packages/stage/src/StageCore.ts b/packages/stage/src/StageCore.ts
index 2d67b84b..9a6ae18b 100644
--- a/packages/stage/src/StageCore.ts
+++ b/packages/stage/src/StageCore.ts
@@ -18,7 +18,7 @@
 
 import { EventEmitter } from 'events';
 
-import { Id } from '@tmagic/schema';
+import type { Id } from '@tmagic/schema';
 
 import { DEFAULT_ZOOM, GHOST_EL_ID_PREFIX } from './const';
 import StageDragResize from './StageDragResize';
diff --git a/packages/stage/src/types.ts b/packages/stage/src/types.ts
index df13c24d..155ebd7f 100644
--- a/packages/stage/src/types.ts
+++ b/packages/stage/src/types.ts
@@ -19,7 +19,7 @@
 import { MoveableOptions } from 'moveable';
 
 import Core from '@tmagic/core';
-import { Id, MApp, MNode } from '@tmagic/schema';
+import type { Id, MApp, MNode } from '@tmagic/schema';
 
 import { GuidesType } from './const';
 import StageCore from './StageCore';
diff --git a/packages/ui-react/src/button/Button.tsx b/packages/ui-react/src/button/Button.tsx
index 390e547f..c096ec32 100644
--- a/packages/ui-react/src/button/Button.tsx
+++ b/packages/ui-react/src/button/Button.tsx
@@ -16,9 +16,9 @@
  * limitations under the License.
  */
 
-import React, { useRef } from 'react';
+import React from 'react';
 
-import { MComponent } from '@tmagic/schema';
+import type { MComponent } from '@tmagic/schema';
 
 import useApp from '../useApp';
 
diff --git a/packages/ui-react/src/container/Container.tsx b/packages/ui-react/src/container/Container.tsx
index 7a446e7d..9c2b86cb 100644
--- a/packages/ui-react/src/container/Container.tsx
+++ b/packages/ui-react/src/container/Container.tsx
@@ -18,7 +18,7 @@
 
 import React from 'react';
 
-import { MComponent, MContainer } from '@tmagic/schema';
+import type { MComponent, MContainer } from '@tmagic/schema';
 
 import useApp from '../useApp';
 
diff --git a/packages/ui-react/src/img/Img.tsx b/packages/ui-react/src/img/Img.tsx
index 1ef0bcee..a46be55d 100644
--- a/packages/ui-react/src/img/Img.tsx
+++ b/packages/ui-react/src/img/Img.tsx
@@ -18,7 +18,7 @@
 
 import React from 'react';
 
-import { MComponent } from '@tmagic/schema';
+import type { MComponent } from '@tmagic/schema';
 
 import useApp from '../useApp';
 
diff --git a/packages/ui-react/src/overlay/Overlay.tsx b/packages/ui-react/src/overlay/Overlay.tsx
index 327e25f4..9fd09837 100644
--- a/packages/ui-react/src/overlay/Overlay.tsx
+++ b/packages/ui-react/src/overlay/Overlay.tsx
@@ -19,7 +19,7 @@
 import React, { useContext, useEffect, useState } from 'react';
 
 import Core from '@tmagic/core';
-import { MComponent, MNode } from '@tmagic/schema';
+import type { MComponent, MNode } from '@tmagic/schema';
 
 import AppContent from '../AppContent';
 import useApp from '../useApp';
diff --git a/packages/ui-react/src/page/Page.tsx b/packages/ui-react/src/page/Page.tsx
index f614257d..86b9f608 100644
--- a/packages/ui-react/src/page/Page.tsx
+++ b/packages/ui-react/src/page/Page.tsx
@@ -18,7 +18,7 @@
 
 import React from 'react';
 
-import { MComponent, MContainer, MPage } from '@tmagic/schema';
+import type { MComponent, MContainer, MPage } from '@tmagic/schema';
 
 import useApp from '../useApp';
 
diff --git a/packages/ui-react/src/qrcode/Qrcode.tsx b/packages/ui-react/src/qrcode/Qrcode.tsx
index 268ee07e..e3f13d19 100644
--- a/packages/ui-react/src/qrcode/Qrcode.tsx
+++ b/packages/ui-react/src/qrcode/Qrcode.tsx
@@ -19,7 +19,7 @@
 import React, { useEffect, useState } from 'react';
 import QRCode from 'qrcode';
 
-import { MComponent } from '@tmagic/schema';
+import type { MComponent } from '@tmagic/schema';
 
 import useApp from '../useApp';
 
diff --git a/packages/ui-react/src/text/Text.tsx b/packages/ui-react/src/text/Text.tsx
index 0086632a..0a0557de 100644
--- a/packages/ui-react/src/text/Text.tsx
+++ b/packages/ui-react/src/text/Text.tsx
@@ -18,7 +18,7 @@
 
 import React, { useState } from 'react';
 
-import { MComponent } from '@tmagic/schema';
+import type { MComponent } from '@tmagic/schema';
 
 import useApp from '../useApp';
 
diff --git a/packages/ui-react/src/useApp.ts b/packages/ui-react/src/useApp.ts
index 3187eb7c..e49b6cce 100644
--- a/packages/ui-react/src/useApp.ts
+++ b/packages/ui-react/src/useApp.ts
@@ -19,7 +19,7 @@
 import { useContext, useEffect, useState } from 'react';
 
 import Core from '@tmagic/core';
-import { MComponent } from '@tmagic/schema';
+import type { MComponent } from '@tmagic/schema';
 
 import AppContent from './AppContent';
 
diff --git a/packages/ui-vue2/src/button/Button.vue b/packages/ui-vue2/src/button/Button.vue
index 8658d7cd..c66da0a6 100644
--- a/packages/ui-vue2/src/button/Button.vue
+++ b/packages/ui-vue2/src/button/Button.vue
@@ -8,7 +8,7 @@
 <script lang="ts">
 import { computed, defineComponent, getCurrentInstance, PropType, reactive } from '@vue/composition-api';
 
-import { MComponent } from '@tmagic/schema';
+import type { MComponent } from '@tmagic/schema';
 
 import useApp from '../useApp';
 
diff --git a/packages/ui-vue2/src/container/Container.vue b/packages/ui-vue2/src/container/Container.vue
index d0118d73..6facbc29 100644
--- a/packages/ui-vue2/src/container/Container.vue
+++ b/packages/ui-vue2/src/container/Container.vue
@@ -13,7 +13,7 @@
 <script lang="ts">
 import { computed, defineComponent, PropType } from '@vue/composition-api';
 
-import { MContainer } from '@tmagic/schema';
+import type { MContainer } from '@tmagic/schema';
 
 import Component from '../Component.vue';
 import useApp from '../useApp';
diff --git a/packages/ui-vue2/src/overlay/src/index.vue b/packages/ui-vue2/src/overlay/src/index.vue
index df118d1b..5182fd5f 100644
--- a/packages/ui-vue2/src/overlay/src/index.vue
+++ b/packages/ui-vue2/src/overlay/src/index.vue
@@ -7,7 +7,7 @@
 import { defineComponent, ref } from '@vue/composition-api';
 
 import Core from '@tmagic/core';
-import { MNode } from '@tmagic/schema';
+import type { MNode } from '@tmagic/schema';
 
 import useApp from '../../useApp';
 
diff --git a/packages/ui-vue2/src/page/Page.vue b/packages/ui-vue2/src/page/Page.vue
index ea863a5d..4679fea4 100644
--- a/packages/ui-vue2/src/page/Page.vue
+++ b/packages/ui-vue2/src/page/Page.vue
@@ -8,7 +8,7 @@
 <script lang="ts">
 import { computed, defineComponent, PropType } from '@vue/composition-api';
 
-import { MPage } from '@tmagic/schema';
+import type { MPage } from '@tmagic/schema';
 
 import Component from '../Component.vue';
 import useApp from '../useApp';
diff --git a/packages/ui-vue2/src/text/Text.vue b/packages/ui-vue2/src/text/Text.vue
index 4272cc2b..139698d7 100644
--- a/packages/ui-vue2/src/text/Text.vue
+++ b/packages/ui-vue2/src/text/Text.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
 import { computed, defineComponent, getCurrentInstance, h, inject, PropType } from '@vue/composition-api';
 
-import { MComponent } from '@tmagic/schema';
+import type { MComponent } from '@tmagic/schema';
 
 import useApp from '../useApp';
 
diff --git a/packages/ui/src/container/src/Container.vue b/packages/ui/src/container/src/Container.vue
index d0a4d566..55b0a1e9 100644
--- a/packages/ui/src/container/src/Container.vue
+++ b/packages/ui/src/container/src/Container.vue
@@ -13,7 +13,7 @@
 <script lang="ts">
 import { computed, defineComponent, PropType } from 'vue';
 
-import { MContainer } from '@tmagic/schema';
+import type { MContainer } from '@tmagic/schema';
 
 import Component from '../../Component.vue';
 import useApp from '../../useApp';
diff --git a/packages/ui/src/overlay/src/index.vue b/packages/ui/src/overlay/src/index.vue
index 451316d2..a6214d6a 100644
--- a/packages/ui/src/overlay/src/index.vue
+++ b/packages/ui/src/overlay/src/index.vue
@@ -7,7 +7,7 @@
 import { defineComponent, ref } from 'vue';
 
 import Core from '@tmagic/core';
-import { MNode } from '@tmagic/schema';
+import type { MNode } from '@tmagic/schema';
 
 import useApp from '../../useApp';
 
diff --git a/packages/ui/src/page/src/index.vue b/packages/ui/src/page/src/index.vue
index ab1baa71..e84d5a34 100644
--- a/packages/ui/src/page/src/index.vue
+++ b/packages/ui/src/page/src/index.vue
@@ -12,7 +12,7 @@
 <script lang="ts">
 import { computed, defineComponent, PropType } from 'vue';
 
-import { MPage } from '@tmagic/schema';
+import type { MPage } from '@tmagic/schema';
 
 import Component from '../../Component.vue';
 import useApp from '../../useApp';
diff --git a/packages/utils/src/index.ts b/packages/utils/src/index.ts
index 7dff7758..cad0eb71 100644
--- a/packages/utils/src/index.ts
+++ b/packages/utils/src/index.ts
@@ -18,7 +18,8 @@
 
 import moment from 'moment';
 
-import { MNode, NodeType } from '@tmagic/schema';
+import type { MNode } from '@tmagic/schema';
+import { NodeType } from '@tmagic/schema';
 
 export const sleep = (ms: number): Promise<void> =>
   new Promise((resolve) => {
diff --git a/playground/src/pages/Editor.vue b/playground/src/pages/Editor.vue
index f6a6d283..d253973c 100644
--- a/playground/src/pages/Editor.vue
+++ b/playground/src/pages/Editor.vue
@@ -38,7 +38,8 @@ import { ElMessage, ElMessageBox } from 'element-plus';
 import serialize from 'serialize-javascript';
 
 import type { MenuBarData, MoveableOptions, TMagicEditor } from '@tmagic/editor';
-import { Id, NodeType } from '@tmagic/schema';
+import type { Id } from '@tmagic/schema';
+import { NodeType } from '@tmagic/schema';
 import StageCore from '@tmagic/stage';
 import { asyncLoadJs } from '@tmagic/utils';
 
diff --git a/runtime/react/src/page/App.tsx b/runtime/react/src/page/App.tsx
index 1bbef4b7..c6595553 100644
--- a/runtime/react/src/page/App.tsx
+++ b/runtime/react/src/page/App.tsx
@@ -19,7 +19,7 @@
 import React, { useContext } from 'react';
 
 import Core from '@tmagic/core';
-import { Page } from '@tmagic/schema';
+import type { Page } from '@tmagic/schema';
 import { AppContent } from '@tmagic/ui-react';
 
 import './App.css';
diff --git a/runtime/react/src/page/main.tsx b/runtime/react/src/page/main.tsx
index 06c40816..ce91e118 100644
--- a/runtime/react/src/page/main.tsx
+++ b/runtime/react/src/page/main.tsx
@@ -20,7 +20,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import Core from '@tmagic/core';
-import { MApp } from '@tmagic/schema';
+import type { MApp } from '@tmagic/schema';
 import { AppContent } from '@tmagic/ui-react';
 import { getUrlParam } from '@tmagic/utils';
 
diff --git a/runtime/react/src/playground/App.tsx b/runtime/react/src/playground/App.tsx
index 1bbef4b7..c6595553 100644
--- a/runtime/react/src/playground/App.tsx
+++ b/runtime/react/src/playground/App.tsx
@@ -19,7 +19,7 @@
 import React, { useContext } from 'react';
 
 import Core from '@tmagic/core';
-import { Page } from '@tmagic/schema';
+import type { Page } from '@tmagic/schema';
 import { AppContent } from '@tmagic/ui-react';
 
 import './App.css';
diff --git a/runtime/vue2/src/index.d.ts b/runtime/vue2/src/index.d.ts
index 60cd8f6e..726d4cee 100644
--- a/runtime/vue2/src/index.d.ts
+++ b/runtime/vue2/src/index.d.ts
@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { MApp } from '@tmagic/schema';
+import type { MApp } from '@tmagic/schema';
 
 declare global {
   interface Window {
diff --git a/runtime/vue2/src/playground/App.vue b/runtime/vue2/src/playground/App.vue
index 02a2e584..b4d0f917 100644
--- a/runtime/vue2/src/playground/App.vue
+++ b/runtime/vue2/src/playground/App.vue
@@ -6,7 +6,7 @@
 import { computed, defineComponent, nextTick, onMounted, provide, reactive, ref, watch } from '@vue/composition-api';
 
 import Core from '@tmagic/core';
-import { Id, MApp, MNode } from '@tmagic/schema';
+import type { Id, MApp, MNode } from '@tmagic/schema';
 import { Magic, RemoveData, UpdateData } from '@tmagic/stage';
 import { getNodePath } from '@tmagic/utils';
 
diff --git a/runtime/vue2/src/utils/index.ts b/runtime/vue2/src/utils/index.ts
index 23caf1eb..4876889d 100644
--- a/runtime/vue2/src/utils/index.ts
+++ b/runtime/vue2/src/utils/index.ts
@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { MApp } from '@tmagic/schema';
+import type { MApp } from '@tmagic/schema';
 
 export const getLocalConfig = (): MApp[] => {
   const configStr = localStorage.getItem('magicUiConfig');
diff --git a/runtime/vue3/src/index.d.ts b/runtime/vue3/src/index.d.ts
index 60cd8f6e..726d4cee 100644
--- a/runtime/vue3/src/index.d.ts
+++ b/runtime/vue3/src/index.d.ts
@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { MApp } from '@tmagic/schema';
+import type { MApp } from '@tmagic/schema';
 
 declare global {
   interface Window {
diff --git a/runtime/vue3/src/playground/App.vue b/runtime/vue3/src/playground/App.vue
index 794deefa..3a773f7d 100644
--- a/runtime/vue3/src/playground/App.vue
+++ b/runtime/vue3/src/playground/App.vue
@@ -6,7 +6,7 @@
 import { computed, defineComponent, nextTick, onMounted, provide, reactive, ref, watch } from 'vue';
 
 import Core from '@tmagic/core';
-import { Id, MApp, MNode } from '@tmagic/schema';
+import type { Id, MApp, MNode } from '@tmagic/schema';
 import { Magic, RemoveData, UpdateData } from '@tmagic/stage';
 import { getNodePath } from '@tmagic/utils';
 
diff --git a/runtime/vue3/src/utils/index.ts b/runtime/vue3/src/utils/index.ts
index 23caf1eb..4876889d 100644
--- a/runtime/vue3/src/utils/index.ts
+++ b/runtime/vue3/src/utils/index.ts
@@ -16,7 +16,7 @@
  * limitations under the License.
  */
 
-import { MApp } from '@tmagic/schema';
+import type { MApp } from '@tmagic/schema';
 
 export const getLocalConfig = (): MApp[] => {
   const configStr = localStorage.getItem('magicUiConfig');