diff --git a/docs/RenderComponent.vue b/docs/RenderComponent.vue
index 9fd9155e..4ffb24cb 100644
--- a/docs/RenderComponent.vue
+++ b/docs/RenderComponent.vue
@@ -30,8 +30,8 @@
 </template>
 <script setup lang="ts">
 import { NCard, NTabPane, NTabs } from 'naive-ui'
+import type { CustomComponent } from 'open-data-v/base'
 import { getComponentStyle, uuid } from 'open-data-v/designer/utils'
-import type { CustomComponent } from 'open-data-v/models'
 import type { ComponentOptions, ConcreteComponent } from 'vue'
 import { computed, h, reactive } from 'vue'
 
diff --git a/docs/tutorial/Development.md b/docs/tutorial/Development.md
index 5a12beec..eb0512eb 100644
--- a/docs/tutorial/Development.md
+++ b/docs/tutorial/Development.md
@@ -405,7 +405,7 @@ onUnmounted( () => {
 
 ```typescript
 
-import { useData } from 'open-data-v/models/hooks'
+import { useData } from 'open-data-v/base/hooks'
 let chartData:
   | Array<{ label: string; value: number }>
   | RequestResponse<Array<{ label: string; value: number }>>['afterData'] = []
diff --git a/resource/Basic/Image/Image.vue b/resource/Basic/Image/Image.vue
index c098f995..7298fc7e 100644
--- a/resource/Basic/Image/Image.vue
+++ b/resource/Basic/Image/Image.vue
@@ -4,7 +4,7 @@
 </template>
 
 <script setup lang="ts">
-import type { CustomComponent } from 'open-data-v/models'
+import type { CustomComponent } from 'open-data-v/base'
 
 defineProps<{
   component: CustomComponent
diff --git a/resource/Basic/Image/config.ts b/resource/Basic/Image/config.ts
index e4798490..c7cebf64 100644
--- a/resource/Basic/Image/config.ts
+++ b/resource/Basic/Image/config.ts
@@ -1,5 +1,5 @@
-import type { MetaContainerItem } from 'open-data-v/models'
-import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/models'
+import type { MetaContainerItem } from 'open-data-v/base'
+import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/base'
 
 export const componentName = 'Image'
 class ImageComponent extends CustomComponent {
diff --git a/resource/Basic/Video/FlvVideo/FlvVideo.vue b/resource/Basic/Video/FlvVideo/FlvVideo.vue
index d035dea8..9b8fd236 100644
--- a/resource/Basic/Video/FlvVideo/FlvVideo.vue
+++ b/resource/Basic/Video/FlvVideo/FlvVideo.vue
@@ -11,7 +11,7 @@
 
 <script lang="ts" setup>
 import flvjs from 'flv.js'
-import { useProp } from 'open-data-v/models'
+import { useProp } from 'open-data-v/base'
 import { onMounted, ref } from 'vue'
 
 import type FlvVideoComponent from './config'
diff --git a/resource/Basic/Video/FlvVideo/config.ts b/resource/Basic/Video/FlvVideo/config.ts
index 33e5d2ad..80d1ca0a 100644
--- a/resource/Basic/Video/FlvVideo/config.ts
+++ b/resource/Basic/Video/FlvVideo/config.ts
@@ -1,5 +1,5 @@
-import type { MetaContainerItem } from 'open-data-v/models'
-import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/models'
+import type { MetaContainerItem } from 'open-data-v/base'
+import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/base'
 
 export const componentName = 'FlvVideo'
 class FlvVideoComponent extends CustomComponent {
diff --git a/resource/Border/BorderBox1/BorderBox.vue b/resource/Border/BorderBox1/BorderBox.vue
index cddaa2ee..258a9252 100644
--- a/resource/Border/BorderBox1/BorderBox.vue
+++ b/resource/Border/BorderBox1/BorderBox.vue
@@ -72,7 +72,7 @@
 </template>
 
 <script setup lang="ts">
-import { useProp } from 'open-data-v/models/hooks'
+import { useProp } from 'open-data-v/base/hooks'
 import { ref } from 'vue'
 
 import type BorderBoxComponent from './config'
diff --git a/resource/Border/BorderBox1/config.ts b/resource/Border/BorderBox1/config.ts
index deb81c25..c4e9b37f 100644
--- a/resource/Border/BorderBox1/config.ts
+++ b/resource/Border/BorderBox1/config.ts
@@ -1,5 +1,5 @@
-import type { MetaContainerItem } from 'open-data-v/models'
-import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/models'
+import type { MetaContainerItem } from 'open-data-v/base'
+import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/base'
 
 export const componentName = 'BorderBox1'
 class BorderBoxComponent extends CustomComponent {
diff --git a/resource/Border/BorderBox2/BorderBox.vue b/resource/Border/BorderBox2/BorderBox.vue
index a28da278..c38b1bd6 100644
--- a/resource/Border/BorderBox2/BorderBox.vue
+++ b/resource/Border/BorderBox2/BorderBox.vue
@@ -25,7 +25,7 @@
 </template>
 
 <script setup lang="ts">
-import { useProp } from 'open-data-v/models'
+import { useProp } from 'open-data-v/base'
 import { ref } from 'vue'
 
 import type BorderBoxComponent from './config'
diff --git a/resource/Border/BorderBox2/config.ts b/resource/Border/BorderBox2/config.ts
index d3d47fcb..41a50be3 100644
--- a/resource/Border/BorderBox2/config.ts
+++ b/resource/Border/BorderBox2/config.ts
@@ -1,5 +1,5 @@
-import type { MetaContainerItem } from 'open-data-v/models'
-import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/models'
+import type { MetaContainerItem } from 'open-data-v/base'
+import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/base'
 
 export const componentName = 'BorderBox2'
 class BorderBoxComponent extends CustomComponent {
diff --git a/resource/Border/BorderBox3/BorderBox.vue b/resource/Border/BorderBox3/BorderBox.vue
index 8a637c9e..a30c5c34 100644
--- a/resource/Border/BorderBox3/BorderBox.vue
+++ b/resource/Border/BorderBox3/BorderBox.vue
@@ -47,7 +47,7 @@
 </template>
 
 <script setup lang="ts">
-import { useProp } from 'open-data-v/models'
+import { useProp } from 'open-data-v/base'
 import { ref } from 'vue'
 
 import type BorderBoxComponent from './config'
diff --git a/resource/Border/BorderBox3/config.ts b/resource/Border/BorderBox3/config.ts
index 870b3102..66c615a8 100644
--- a/resource/Border/BorderBox3/config.ts
+++ b/resource/Border/BorderBox3/config.ts
@@ -1,5 +1,5 @@
-import type { MetaContainerItem } from 'open-data-v/models'
-import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/models'
+import type { MetaContainerItem } from 'open-data-v/base'
+import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/base'
 
 export const componentName = 'BorderBox3'
 class BorderBoxComponent extends CustomComponent {
diff --git a/resource/Border/BorderBox4/BorderBox.vue b/resource/Border/BorderBox4/BorderBox.vue
index 2e6d56c3..40508715 100644
--- a/resource/Border/BorderBox4/BorderBox.vue
+++ b/resource/Border/BorderBox4/BorderBox.vue
@@ -41,7 +41,7 @@
 </template>
 
 <script setup lang="ts">
-import { useProp } from 'open-data-v/models'
+import { useProp } from 'open-data-v/base'
 import { computed, ref } from 'vue'
 
 import { uuid } from '@/utils/utils'
diff --git a/resource/Border/BorderBox4/config.ts b/resource/Border/BorderBox4/config.ts
index da88fc8b..c5944286 100644
--- a/resource/Border/BorderBox4/config.ts
+++ b/resource/Border/BorderBox4/config.ts
@@ -1,5 +1,5 @@
-import type { MetaContainerItem } from 'open-data-v/models'
-import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/models'
+import type { MetaContainerItem } from 'open-data-v/base'
+import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/base'
 
 export const componentName = 'BorderBox4'
 class BorderBoxComponent extends CustomComponent {
diff --git a/resource/Border/BorderBox5/BorderBox.vue b/resource/Border/BorderBox5/BorderBox.vue
index 938f9057..e0bd7cf6 100644
--- a/resource/Border/BorderBox5/BorderBox.vue
+++ b/resource/Border/BorderBox5/BorderBox.vue
@@ -141,7 +141,7 @@
 </template>
 
 <script setup lang="ts">
-import { useProp } from 'open-data-v/models'
+import { useProp } from 'open-data-v/base'
 import { ref } from 'vue'
 
 import { uuid } from '@/utils/utils'
diff --git a/resource/Border/BorderBox5/config.ts b/resource/Border/BorderBox5/config.ts
index 713428c4..a690ff9a 100644
--- a/resource/Border/BorderBox5/config.ts
+++ b/resource/Border/BorderBox5/config.ts
@@ -1,5 +1,5 @@
-import type { MetaContainerItem } from 'open-data-v/models'
-import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/models'
+import type { MetaContainerItem } from 'open-data-v/base'
+import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/base'
 
 export const componentName = 'BorderBox5'
 class BorderBoxComponent extends CustomComponent {
diff --git a/resource/Border/BorderBox6/BorderBox.vue b/resource/Border/BorderBox6/BorderBox.vue
index 5ff9334c..b4bd2f5e 100644
--- a/resource/Border/BorderBox6/BorderBox.vue
+++ b/resource/Border/BorderBox6/BorderBox.vue
@@ -43,7 +43,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useProp } from 'open-data-v/models'
+import { useProp } from 'open-data-v/base'
 import { ref } from 'vue'
 
 import type BorderBoxComponent from './config'
diff --git a/resource/Border/BorderBox6/config.ts b/resource/Border/BorderBox6/config.ts
index 28f4a67d..7bc22a21 100644
--- a/resource/Border/BorderBox6/config.ts
+++ b/resource/Border/BorderBox6/config.ts
@@ -1,5 +1,5 @@
-import type { MetaContainerItem } from 'open-data-v/models'
-import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/models'
+import type { MetaContainerItem } from 'open-data-v/base'
+import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/base'
 
 export const componentName = 'BorderBox6'
 class BorderBoxComponent extends CustomComponent {
diff --git a/resource/Border/BorderBox7/BorderBox.vue b/resource/Border/BorderBox7/BorderBox.vue
index c2e0efbf..75638011 100644
--- a/resource/Border/BorderBox7/BorderBox.vue
+++ b/resource/Border/BorderBox7/BorderBox.vue
@@ -218,7 +218,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useProp } from 'open-data-v/models'
+import { useProp } from 'open-data-v/base'
 import TinyColor2 from 'tinycolor2'
 import { computed, ref } from 'vue'
 
diff --git a/resource/Border/BorderBox7/config.ts b/resource/Border/BorderBox7/config.ts
index 334ac657..1116aaeb 100644
--- a/resource/Border/BorderBox7/config.ts
+++ b/resource/Border/BorderBox7/config.ts
@@ -1,5 +1,5 @@
-import type { MetaContainerItem } from 'open-data-v/models'
-import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/models'
+import type { MetaContainerItem } from 'open-data-v/base'
+import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/base'
 
 export const componentName = 'BorderBox7'
 class BorderBoxComponent extends CustomComponent {
diff --git a/resource/Border/BorderImage/config.ts b/resource/Border/BorderImage/config.ts
index 0ce82486..c64cfe40 100644
--- a/resource/Border/BorderImage/config.ts
+++ b/resource/Border/BorderImage/config.ts
@@ -1,5 +1,5 @@
-import type { MetaContainerItem } from 'open-data-v/models'
-import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/models'
+import type { MetaContainerItem } from 'open-data-v/base'
+import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/base'
 
 export const componentName = 'BorderImage'
 class BorderImageComponent extends CustomComponent {
diff --git a/resource/Border/BorderImage/src/BorderImage.vue b/resource/Border/BorderImage/src/BorderImage.vue
index 32a72b9a..06886392 100644
--- a/resource/Border/BorderImage/src/BorderImage.vue
+++ b/resource/Border/BorderImage/src/BorderImage.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script setup lang="ts">
-import { useProp } from 'open-data-v/models'
+import { useProp } from 'open-data-v/base'
 import { computed, ref } from 'vue'
 
 import type BorderImageComponent from '../config'
diff --git a/resource/Container/Tabs/Tabs.vue b/resource/Container/Tabs/Tabs.vue
index c38848b6..3afb34ed 100644
--- a/resource/Container/Tabs/Tabs.vue
+++ b/resource/Container/Tabs/Tabs.vue
@@ -44,6 +44,8 @@
 </template>
 <script setup lang="ts">
 import { Group, Shape, useCanvasState } from 'open-data-v'
+import type { CustomComponent } from 'open-data-v/base'
+import { DataMode, useProp } from 'open-data-v/base'
 import {
   filterStyle,
   getComponentStyle,
@@ -51,8 +53,6 @@ import {
   toPercent,
   uuid
 } from 'open-data-v/designer/utils'
-import type { CustomComponent } from 'open-data-v/models'
-import { DataMode, useProp } from 'open-data-v/models'
 import { computed, defineAsyncComponent, ref, watch } from 'vue'
 
 import type TabsComponent from './config'
diff --git a/resource/Container/Tabs/config.ts b/resource/Container/Tabs/config.ts
index 6576f8c2..90ca4447 100644
--- a/resource/Container/Tabs/config.ts
+++ b/resource/Container/Tabs/config.ts
@@ -1,5 +1,5 @@
-import type { MetaContainerItem } from 'open-data-v/models'
-import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/models'
+import type { MetaContainerItem } from 'open-data-v/base'
+import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/base'
 import { h } from 'vue'
 
 export const componentName = 'Tabs'
diff --git a/resource/Decoration/Decoration1/Decoration.vue b/resource/Decoration/Decoration1/Decoration.vue
index 7db1357d..1ae5a626 100644
--- a/resource/Decoration/Decoration1/Decoration.vue
+++ b/resource/Decoration/Decoration1/Decoration.vue
@@ -81,7 +81,7 @@
 </template>
 
 <script setup lang="ts">
-import { useProp } from 'open-data-v/models'
+import { useProp } from 'open-data-v/base'
 import { ref } from 'vue'
 
 import type DecorationComponent from './config'
diff --git a/resource/Decoration/Decoration1/config.ts b/resource/Decoration/Decoration1/config.ts
index 5f74195b..99f57291 100644
--- a/resource/Decoration/Decoration1/config.ts
+++ b/resource/Decoration/Decoration1/config.ts
@@ -1,5 +1,5 @@
-import type { MetaContainerItem } from 'open-data-v/models'
-import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/models'
+import type { MetaContainerItem } from 'open-data-v/base'
+import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/base'
 
 export const componentName = 'Decoration1'
 class DecorationComponent extends CustomComponent {
diff --git a/resource/Decoration/Decoration2/Decoration.vue b/resource/Decoration/Decoration2/Decoration.vue
index 91126317..b7dc9eef 100644
--- a/resource/Decoration/Decoration2/Decoration.vue
+++ b/resource/Decoration/Decoration2/Decoration.vue
@@ -54,7 +54,7 @@
 </template>
 
 <script setup lang="ts">
-import { useProp } from 'open-data-v/models'
+import { useProp } from 'open-data-v/base'
 import { ref } from 'vue'
 
 import type DecorationComponent from './config'
diff --git a/resource/Decoration/Decoration2/config.ts b/resource/Decoration/Decoration2/config.ts
index 9c2d6b16..8efb2946 100644
--- a/resource/Decoration/Decoration2/config.ts
+++ b/resource/Decoration/Decoration2/config.ts
@@ -1,5 +1,5 @@
-import type { MetaContainerItem } from 'open-data-v/models'
-import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/models'
+import type { MetaContainerItem } from 'open-data-v/base'
+import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/base'
 import { h } from 'vue'
 
 export const componentName = 'Decoration2'
diff --git a/resource/Decoration/Decoration3/Decoration.vue b/resource/Decoration/Decoration3/Decoration.vue
index 648b09d9..8af9cabe 100644
--- a/resource/Decoration/Decoration3/Decoration.vue
+++ b/resource/Decoration/Decoration3/Decoration.vue
@@ -39,7 +39,7 @@
 </template>
 
 <script setup lang="ts">
-import { useProp } from 'open-data-v/models'
+import { useProp } from 'open-data-v/base'
 import { onMounted, ref } from 'vue'
 
 import type DecorationComponent from './config'
diff --git a/resource/Decoration/Decoration3/config.ts b/resource/Decoration/Decoration3/config.ts
index b464e3d5..8dd00470 100644
--- a/resource/Decoration/Decoration3/config.ts
+++ b/resource/Decoration/Decoration3/config.ts
@@ -1,5 +1,5 @@
-import type { MetaContainerItem } from 'open-data-v/models'
-import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/models'
+import type { MetaContainerItem } from 'open-data-v/base'
+import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/base'
 
 export const componentName = 'Decoration3'
 class DecorationComponent extends CustomComponent {
diff --git a/resource/Decoration/Decoration4/Decoration.vue b/resource/Decoration/Decoration4/Decoration.vue
index 2018e0f4..b8753b95 100644
--- a/resource/Decoration/Decoration4/Decoration.vue
+++ b/resource/Decoration/Decoration4/Decoration.vue
@@ -146,7 +146,7 @@
 </template>
 
 <script setup lang="ts">
-import { useProp } from 'open-data-v/models'
+import { useProp } from 'open-data-v/base'
 import { ref } from 'vue'
 
 import type DecorationComponent from './config'
diff --git a/resource/Decoration/Decoration4/config.ts b/resource/Decoration/Decoration4/config.ts
index 7af7be08..2c1a21b3 100644
--- a/resource/Decoration/Decoration4/config.ts
+++ b/resource/Decoration/Decoration4/config.ts
@@ -1,5 +1,5 @@
-import type { MetaContainerItem } from 'open-data-v/models'
-import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/models'
+import type { MetaContainerItem } from 'open-data-v/base'
+import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/base'
 
 export const componentName = 'Decoration4'
 class DecorationComponent extends CustomComponent {
diff --git a/resource/Gauge/Gauge1/Gauge.vue b/resource/Gauge/Gauge1/Gauge.vue
index 971f0607..56ce87da 100644
--- a/resource/Gauge/Gauge1/Gauge.vue
+++ b/resource/Gauge/Gauge1/Gauge.vue
@@ -83,8 +83,8 @@
 </template>
 
 <script setup lang="ts">
-import type { CustomComponent } from 'open-data-v/models'
-import { useEventBus, useProp } from 'open-data-v/models'
+import type { CustomComponent } from 'open-data-v/base'
+import { useEventBus, useProp } from 'open-data-v/base'
 import { onMounted, ref } from 'vue'
 
 import { http } from '@/utils/http'
diff --git a/resource/Gauge/Gauge1/config.ts b/resource/Gauge/Gauge1/config.ts
index 9d9cd46d..97cb8f18 100644
--- a/resource/Gauge/Gauge1/config.ts
+++ b/resource/Gauge/Gauge1/config.ts
@@ -1,5 +1,5 @@
-import type { MetaContainerItem } from 'open-data-v/models'
-import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/models'
+import type { MetaContainerItem } from 'open-data-v/base'
+import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/base'
 import { h } from 'vue'
 
 export const componentName = 'Gauge1'
diff --git a/resource/Progress/Progress/Progress.vue b/resource/Progress/Progress/Progress.vue
index 25061bc7..93a745e9 100644
--- a/resource/Progress/Progress/Progress.vue
+++ b/resource/Progress/Progress/Progress.vue
@@ -53,8 +53,8 @@
 </template>
 
 <script setup lang="ts">
-import type { CustomComponent } from 'open-data-v/models'
-import { useEventBus, useProp } from 'open-data-v/models'
+import type { CustomComponent } from 'open-data-v/base'
+import { useEventBus, useProp } from 'open-data-v/base'
 import { computed, onMounted, ref } from 'vue'
 
 import { http } from '@/utils/http'
diff --git a/resource/Progress/Progress/config.ts b/resource/Progress/Progress/config.ts
index e0e9e0da..9f886542 100644
--- a/resource/Progress/Progress/config.ts
+++ b/resource/Progress/Progress/config.ts
@@ -1,5 +1,5 @@
-import type { MetaContainerItem } from 'open-data-v/models'
-import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/models'
+import type { MetaContainerItem } from 'open-data-v/base'
+import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/base'
 import { h } from 'vue'
 
 export const componentName = 'Progress'
diff --git a/resource/Progress/RankBoard/RankBoard.vue b/resource/Progress/RankBoard/RankBoard.vue
index edbdd51b..44a410df 100644
--- a/resource/Progress/RankBoard/RankBoard.vue
+++ b/resource/Progress/RankBoard/RankBoard.vue
@@ -19,8 +19,8 @@
   </div>
 </template>
 <script setup lang="ts">
-import type { CustomComponent, ResponseData } from 'open-data-v/models'
-import { useData, useProp } from 'open-data-v/models'
+import type { CustomComponent, ResponseData } from 'open-data-v/base'
+import { useData, useProp } from 'open-data-v/base'
 import { computed, onMounted, onUnmounted, ref } from 'vue'
 
 import type { RankBoard } from './type'
diff --git a/resource/Progress/RankBoard/config.ts b/resource/Progress/RankBoard/config.ts
index 18cc2b4d..ebaaa719 100644
--- a/resource/Progress/RankBoard/config.ts
+++ b/resource/Progress/RankBoard/config.ts
@@ -1,5 +1,5 @@
-import type { MetaContainerItem } from 'open-data-v/models'
-import { ComponentGroup, CustomComponent, DataMode, FormType } from 'open-data-v/models'
+import type { MetaContainerItem } from 'open-data-v/base'
+import { ComponentGroup, CustomComponent, DataMode, FormType } from 'open-data-v/base'
 import { h } from 'vue'
 
 export const componentName = 'ScrollRankingBoard'
diff --git a/resource/Table/ScrollTable/ScrollTable.vue b/resource/Table/ScrollTable/ScrollTable.vue
index 83a94cdc..36a87699 100644
--- a/resource/Table/ScrollTable/ScrollTable.vue
+++ b/resource/Table/ScrollTable/ScrollTable.vue
@@ -49,8 +49,8 @@
 </template>
 
 <script lang="ts" setup>
-import type { CustomComponent, ResponseData } from 'open-data-v/models'
-import { useData, useProp } from 'open-data-v/models'
+import type { CustomComponent, ResponseData } from 'open-data-v/base'
+import { useData, useProp } from 'open-data-v/base'
 import { computed, ref } from 'vue'
 
 import type { ScrollTableType } from './type'
diff --git a/resource/Table/ScrollTable/config.ts b/resource/Table/ScrollTable/config.ts
index c54192da..1d857660 100644
--- a/resource/Table/ScrollTable/config.ts
+++ b/resource/Table/ScrollTable/config.ts
@@ -1,5 +1,5 @@
-import type { MetaContainerItem } from 'open-data-v/models'
-import { ComponentGroup, CustomComponent, DataMode, FormType } from 'open-data-v/models'
+import type { MetaContainerItem } from 'open-data-v/base'
+import { ComponentGroup, CustomComponent, DataMode, FormType } from 'open-data-v/base'
 import { h, shallowRef } from 'vue'
 
 import ScrollTableForm from './Form.vue'
diff --git a/resource/Text/DateText/DateText.vue b/resource/Text/DateText/DateText.vue
index c27c77b3..ea9c01c7 100644
--- a/resource/Text/DateText/DateText.vue
+++ b/resource/Text/DateText/DateText.vue
@@ -4,7 +4,7 @@
 
 <script setup lang="ts">
 import dayjs from 'dayjs'
-import { useProp } from 'open-data-v/models'
+import { useProp } from 'open-data-v/base'
 import { onMounted, onUnmounted, ref } from 'vue'
 
 import type DateTextComponent from './config'
diff --git a/resource/Text/DateText/config.ts b/resource/Text/DateText/config.ts
index eadf0d34..328f48da 100644
--- a/resource/Text/DateText/config.ts
+++ b/resource/Text/DateText/config.ts
@@ -1,5 +1,5 @@
-import type { MetaContainerItem } from 'open-data-v/models'
-import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/models'
+import type { MetaContainerItem } from 'open-data-v/base'
+import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/base'
 import { h } from 'vue'
 
 export const componentName = 'DateText'
diff --git a/resource/Text/StaticText/StaticText.vue b/resource/Text/StaticText/StaticText.vue
index 8938c15d..3cfdc917 100644
--- a/resource/Text/StaticText/StaticText.vue
+++ b/resource/Text/StaticText/StaticText.vue
@@ -8,7 +8,7 @@
 </template>
 
 <script setup lang="ts">
-import { useProp } from 'open-data-v/models'
+import { useProp } from 'open-data-v/base'
 import { computed, ref } from 'vue'
 
 import type StaticTextComponent from './config'
diff --git a/resource/Text/StaticText/config.ts b/resource/Text/StaticText/config.ts
index 2805521e..8e1cda9e 100644
--- a/resource/Text/StaticText/config.ts
+++ b/resource/Text/StaticText/config.ts
@@ -1,5 +1,5 @@
-import type { MetaContainerItem } from 'open-data-v/models'
-import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/models'
+import type { MetaContainerItem } from 'open-data-v/base'
+import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/base'
 import { h } from 'vue'
 
 export const componentName = 'StaticText'
diff --git a/resource/Text/SubText/SubText.vue b/resource/Text/SubText/SubText.vue
index 07db997a..b5a4ea8d 100644
--- a/resource/Text/SubText/SubText.vue
+++ b/resource/Text/SubText/SubText.vue
@@ -7,7 +7,7 @@
 </template>
 
 <script setup lang="ts">
-import { useEventBus, useProp } from 'open-data-v/models'
+import { useEventBus, useProp } from 'open-data-v/base'
 import { onMounted, ref } from 'vue'
 
 import { http } from '@/utils/http'
diff --git a/resource/Text/SubText/config.ts b/resource/Text/SubText/config.ts
index a19f37c0..fa55daad 100644
--- a/resource/Text/SubText/config.ts
+++ b/resource/Text/SubText/config.ts
@@ -1,5 +1,5 @@
-import type { MetaContainerItem } from 'open-data-v/models'
-import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/models'
+import type { MetaContainerItem } from 'open-data-v/base'
+import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/base'
 import { h } from 'vue'
 
 export const componentName = 'SubText'
diff --git a/resource/echarts/BarChart/BasicBarChart/BasicBarChart.vue b/resource/echarts/BarChart/BasicBarChart/BasicBarChart.vue
index 84090362..aa8f94f3 100644
--- a/resource/echarts/BarChart/BasicBarChart/BasicBarChart.vue
+++ b/resource/echarts/BarChart/BasicBarChart/BasicBarChart.vue
@@ -4,7 +4,7 @@
 
 <script setup lang="ts">
 import type { BarSeriesOption, EChartsOption, XAXisComponentOption } from 'echarts'
-import type { Hooks, ResponseData } from 'open-data-v/models'
+import type { Hooks, ResponseData } from 'open-data-v/base'
 import { inject, onMounted, ref } from 'vue'
 
 import { useEchart } from '../../hooks'
diff --git a/resource/echarts/BarChart/BasicBarChart/config.ts b/resource/echarts/BarChart/BasicBarChart/config.ts
index caae57a7..9b4ea8cc 100644
--- a/resource/echarts/BarChart/BasicBarChart/config.ts
+++ b/resource/echarts/BarChart/BasicBarChart/config.ts
@@ -1,5 +1,5 @@
-import type { MetaContainerItem } from 'open-data-v/models'
-import { ComponentGroup, CustomComponent, DataMode, FormType } from 'open-data-v/models'
+import type { MetaContainerItem } from 'open-data-v/base'
+import { ComponentGroup, CustomComponent, DataMode, FormType } from 'open-data-v/base'
 
 export const componentName = 'BasicBarChart'
 class BasicBarChartComponent extends CustomComponent {
diff --git a/resource/echarts/BarChart/StereoscopicLineChart/config.ts b/resource/echarts/BarChart/StereoscopicLineChart/config.ts
index 5205b62f..dbb98580 100644
--- a/resource/echarts/BarChart/StereoscopicLineChart/config.ts
+++ b/resource/echarts/BarChart/StereoscopicLineChart/config.ts
@@ -1,5 +1,5 @@
-import type { MetaContainerItem } from 'open-data-v/models'
-import { ComponentGroup, CustomComponent, DataMode, FormType } from 'open-data-v/models'
+import type { MetaContainerItem } from 'open-data-v/base'
+import { ComponentGroup, CustomComponent, DataMode, FormType } from 'open-data-v/base'
 
 export const componentName = 'StereoscopicBarChart'
 class StereoscopicBarChartComponent extends CustomComponent {
diff --git a/resource/echarts/BarChart/StereoscopicLineChart/src/StereoscopicBarChart.vue b/resource/echarts/BarChart/StereoscopicLineChart/src/StereoscopicBarChart.vue
index 6d268fc0..114d3d79 100644
--- a/resource/echarts/BarChart/StereoscopicLineChart/src/StereoscopicBarChart.vue
+++ b/resource/echarts/BarChart/StereoscopicLineChart/src/StereoscopicBarChart.vue
@@ -5,8 +5,8 @@
 <script setup lang="ts">
 import type { CustomSeriesOption, EChartsOption, XAXisComponentOption } from 'echarts'
 import { graphic } from 'echarts'
-import type { ResponseData } from 'open-data-v/models'
-import { useData, useProp } from 'open-data-v/models'
+import type { ResponseData } from 'open-data-v/base'
+import { useData, useProp } from 'open-data-v/base'
 import { onMounted, ref } from 'vue'
 
 import { useEchart } from '../../../hooks'
diff --git a/resource/echarts/ComChart/ComChart.vue b/resource/echarts/ComChart/ComChart.vue
index 397bba27..2b5e66b9 100644
--- a/resource/echarts/ComChart/ComChart.vue
+++ b/resource/echarts/ComChart/ComChart.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useData } from 'open-data-v/models'
+import { useData } from 'open-data-v/base'
 import { ref } from 'vue'
 
 import { useEchart } from '../hooks'
diff --git a/resource/echarts/ComChart/config.ts b/resource/echarts/ComChart/config.ts
index 9bada580..c3df8268 100644
--- a/resource/echarts/ComChart/config.ts
+++ b/resource/echarts/ComChart/config.ts
@@ -1,4 +1,4 @@
-import { ComponentGroup, CustomComponent, DataMode } from 'open-data-v/models'
+import { ComponentGroup, CustomComponent, DataMode } from 'open-data-v/base'
 
 export const componentName = 'ComChart'
 class ComChartComponent extends CustomComponent {
diff --git a/resource/echarts/LineChart/BasicLineChart/BasicLineChart.vue b/resource/echarts/LineChart/BasicLineChart/BasicLineChart.vue
index 86712f57..f984ea0c 100644
--- a/resource/echarts/LineChart/BasicLineChart/BasicLineChart.vue
+++ b/resource/echarts/LineChart/BasicLineChart/BasicLineChart.vue
@@ -4,8 +4,8 @@
 
 <script setup lang="ts">
 import type { EChartsOption, LineSeriesOption, XAXisComponentOption } from 'echarts'
-import type { ResponseData } from 'open-data-v/models'
-import { useData, useProp } from 'open-data-v/models'
+import type { ResponseData } from 'open-data-v/base'
+import { useData, useProp } from 'open-data-v/base'
 import { onMounted, ref } from 'vue'
 
 import { useEchart } from '../../hooks'
diff --git a/resource/echarts/LineChart/BasicLineChart/config.ts b/resource/echarts/LineChart/BasicLineChart/config.ts
index 158fb666..fe625fae 100644
--- a/resource/echarts/LineChart/BasicLineChart/config.ts
+++ b/resource/echarts/LineChart/BasicLineChart/config.ts
@@ -1,5 +1,5 @@
-import type { MetaContainerItem } from 'open-data-v/models'
-import { ComponentGroup, CustomComponent, DataMode, FormType } from 'open-data-v/models'
+import type { MetaContainerItem } from 'open-data-v/base'
+import { ComponentGroup, CustomComponent, DataMode, FormType } from 'open-data-v/base'
 
 export const componentName = 'BasicLineChart'
 class BasicLineChartComponent extends CustomComponent {
diff --git a/resource/echarts/MapChart/MapChart/config.ts b/resource/echarts/MapChart/MapChart/config.ts
index cc3c0521..c2670344 100644
--- a/resource/echarts/MapChart/MapChart/config.ts
+++ b/resource/echarts/MapChart/MapChart/config.ts
@@ -1,5 +1,5 @@
-import type { MetaContainerItem } from 'open-data-v/models'
-import { ComponentGroup, CustomComponent, DataMode, FormType } from 'open-data-v/models'
+import type { MetaContainerItem } from 'open-data-v/base'
+import { ComponentGroup, CustomComponent, DataMode, FormType } from 'open-data-v/base'
 import { h } from 'vue'
 
 export const componentName = 'MapChart'
diff --git a/resource/echarts/MapChart/MapChart/src/MapChart.vue b/resource/echarts/MapChart/MapChart/src/MapChart.vue
index a0ba591c..e0d1ec20 100644
--- a/resource/echarts/MapChart/MapChart/src/MapChart.vue
+++ b/resource/echarts/MapChart/MapChart/src/MapChart.vue
@@ -5,8 +5,8 @@
 <script setup lang="ts">
 import type { EChartsOption } from 'echarts'
 import { graphic, registerMap } from 'echarts'
-import type { ResponseData } from 'open-data-v/models'
-import { useData, useProp } from 'open-data-v/models'
+import type { ResponseData } from 'open-data-v/base'
+import { useData, useProp } from 'open-data-v/base'
 import { onMounted, ref } from 'vue'
 
 import { useEchart } from '../../../hooks'
diff --git a/resource/echarts/PieChart/BasicPieChart/BasicPieChart.vue b/resource/echarts/PieChart/BasicPieChart/BasicPieChart.vue
index cdadc91f..1f07552f 100644
--- a/resource/echarts/PieChart/BasicPieChart/BasicPieChart.vue
+++ b/resource/echarts/PieChart/BasicPieChart/BasicPieChart.vue
@@ -4,8 +4,8 @@
 
 <script setup lang="ts">
 import type { EChartsOption, PieSeriesOption } from 'echarts'
-import type { ResponseData } from 'open-data-v/models'
-import { useData, useProp } from 'open-data-v/models'
+import type { ResponseData } from 'open-data-v/base'
+import { useData, useProp } from 'open-data-v/base'
 import { onMounted, ref } from 'vue'
 
 import { useEchart } from '../../hooks'
diff --git a/resource/echarts/PieChart/BasicPieChart/config.ts b/resource/echarts/PieChart/BasicPieChart/config.ts
index 8343e0f2..23a022bd 100644
--- a/resource/echarts/PieChart/BasicPieChart/config.ts
+++ b/resource/echarts/PieChart/BasicPieChart/config.ts
@@ -1,5 +1,5 @@
-import type { MetaContainerItem } from 'open-data-v/models'
-import { ComponentGroup, CustomComponent, DataMode, FormType } from 'open-data-v/models'
+import type { MetaContainerItem } from 'open-data-v/base'
+import { ComponentGroup, CustomComponent, DataMode, FormType } from 'open-data-v/base'
 import { h } from 'vue'
 
 export const componentName = 'BasicPieChart'
diff --git a/resource/echarts/WaterChart/WaveChart/WaveChart.vue b/resource/echarts/WaterChart/WaveChart/WaveChart.vue
index 4db62640..00c592b6 100644
--- a/resource/echarts/WaterChart/WaveChart/WaveChart.vue
+++ b/resource/echarts/WaterChart/WaveChart/WaveChart.vue
@@ -5,8 +5,8 @@
 <script lang="ts" setup>
 import 'echarts-liquidfill'
 
-import type { ResponseData } from 'open-data-v/models'
-import { useData, useProp } from 'open-data-v/models'
+import type { ResponseData } from 'open-data-v/base'
+import { useData, useProp } from 'open-data-v/base'
 import { onMounted, ref } from 'vue'
 
 import { useEchart } from '../../hooks'
diff --git a/resource/echarts/WaterChart/WaveChart/config.ts b/resource/echarts/WaterChart/WaveChart/config.ts
index f51d26ad..4dc814dd 100644
--- a/resource/echarts/WaterChart/WaveChart/config.ts
+++ b/resource/echarts/WaterChart/WaveChart/config.ts
@@ -1,5 +1,5 @@
-import type { MetaContainerItem } from 'open-data-v/models'
-import { ComponentGroup, CustomComponent, DataMode, FormType } from 'open-data-v/models'
+import type { MetaContainerItem } from 'open-data-v/base'
+import { ComponentGroup, CustomComponent, DataMode, FormType } from 'open-data-v/base'
 
 export const componentName = 'WaveChart'
 class WaveChartComponent extends CustomComponent {
diff --git a/src/models/bus/enums.ts b/src/base/bus/enums.ts
similarity index 100%
rename from src/models/bus/enums.ts
rename to src/base/bus/enums.ts
diff --git a/src/models/bus/index.ts b/src/base/bus/index.ts
similarity index 100%
rename from src/models/bus/index.ts
rename to src/base/bus/index.ts
diff --git a/src/models/bus/logger.ts b/src/base/bus/logger.ts
similarity index 100%
rename from src/models/bus/logger.ts
rename to src/base/bus/logger.ts
diff --git a/src/models/bus/useEventBus.ts b/src/base/bus/useEventBus.ts
similarity index 100%
rename from src/models/bus/useEventBus.ts
rename to src/base/bus/useEventBus.ts
diff --git a/src/models/component.ts b/src/base/component.ts
similarity index 100%
rename from src/models/component.ts
rename to src/base/component.ts
diff --git a/src/models/enums.ts b/src/base/enums.ts
similarity index 100%
rename from src/models/enums.ts
rename to src/base/enums.ts
diff --git a/src/models/hooks/index.ts b/src/base/hooks/index.ts
similarity index 100%
rename from src/models/hooks/index.ts
rename to src/base/hooks/index.ts
diff --git a/src/models/hooks/type.d.ts b/src/base/hooks/type.d.ts
similarity index 87%
rename from src/models/hooks/type.d.ts
rename to src/base/hooks/type.d.ts
index e372af4a..05197104 100644
--- a/src/models/hooks/type.d.ts
+++ b/src/base/hooks/type.d.ts
@@ -1,4 +1,4 @@
-import type { CustomComponent } from './models'
+import type { CustomComponent } from './base'
 
 interface Hooks {
   useProp: <T>(
diff --git a/src/models/hooks/useData/index.ts b/src/base/hooks/useData/index.ts
similarity index 100%
rename from src/models/hooks/useData/index.ts
rename to src/base/hooks/useData/index.ts
diff --git a/src/models/hooks/useProp/index.ts b/src/base/hooks/useProp/index.ts
similarity index 100%
rename from src/models/hooks/useProp/index.ts
rename to src/base/hooks/useProp/index.ts
diff --git a/src/models/index.ts b/src/base/index.ts
similarity index 100%
rename from src/models/index.ts
rename to src/base/index.ts
diff --git a/src/models/type.ts b/src/base/type.ts
similarity index 100%
rename from src/models/type.ts
rename to src/base/type.ts
diff --git a/src/models/utils.ts b/src/base/utils.ts
similarity index 100%
rename from src/models/utils.ts
rename to src/base/utils.ts
diff --git a/src/data/sub/handler.ts b/src/data/sub/handler.ts
index 47e14b90..104fabc2 100644
--- a/src/data/sub/handler.ts
+++ b/src/data/sub/handler.ts
@@ -1,4 +1,4 @@
-import { eventBus, useEventBus } from 'open-data-v/models'
+import { eventBus, useEventBus } from 'open-data-v/base'
 
 import type { DataAcceptor, DataInstance, RequestOptions, Response } from '../type'
 
diff --git a/src/data/utils.ts b/src/data/utils.ts
index 046badef..c6633a1a 100644
--- a/src/data/utils.ts
+++ b/src/data/utils.ts
@@ -1,4 +1,4 @@
-import { Logger } from 'open-data-v/models'
+import { Logger } from 'open-data-v/base'
 
 const uuid = (hasHyphen?: string) => {
   return (
diff --git a/src/designer/Editor/Editor.vue b/src/designer/Editor/Editor.vue
index e2b9e90b..a6df9783 100644
--- a/src/designer/Editor/Editor.vue
+++ b/src/designer/Editor/Editor.vue
@@ -50,6 +50,7 @@
 </template>
 
 <script setup lang="ts">
+import type { CustomComponent } from 'open-data-v/base'
 import type { ContextmenuItem, Location, Vector } from 'open-data-v/designer'
 import {
   DataMode,
@@ -63,7 +64,6 @@ import Grid from 'open-data-v/designer/Editor/Grid.vue'
 import MarkLine from 'open-data-v/designer/Editor/MarkLine.vue'
 import Ruler from 'open-data-v/designer/Editor/Ruler.vue'
 import Shape from 'open-data-v/designer/Editor/Shape'
-import type { CustomComponent } from 'open-data-v/models'
 import { computed, onMounted, onUnmounted, reactive, ref } from 'vue'
 
 import { systemLogger } from '../../designer/utils'
diff --git a/src/designer/Editor/MarkLine.vue b/src/designer/Editor/MarkLine.vue
index 67833936..803640ef 100644
--- a/src/designer/Editor/MarkLine.vue
+++ b/src/designer/Editor/MarkLine.vue
@@ -12,10 +12,10 @@
 </template>
 
 <script setup lang="ts">
+import type { CustomComponent } from 'open-data-v/base'
+import { StaticKey, useEventBus } from 'open-data-v/base'
 import type { Location } from 'open-data-v/designer'
 import { useCanvasState } from 'open-data-v/designer'
-import type { CustomComponent } from 'open-data-v/models'
-import { StaticKey, useEventBus } from 'open-data-v/models'
 import { reactive, ref } from 'vue'
 
 import { calcComponentAxis } from '../utils'
diff --git a/src/designer/Editor/Shape/Shape.tsx b/src/designer/Editor/Shape/Shape.tsx
index 04cb402c..c058c4d2 100644
--- a/src/designer/Editor/Shape/Shape.tsx
+++ b/src/designer/Editor/Shape/Shape.tsx
@@ -1,7 +1,7 @@
+import type { CustomComponent } from 'open-data-v/base'
+import { eventBus, StaticKey } from 'open-data-v/base'
 import type { ComponentStyle, ContextmenuItem, Vector } from 'open-data-v/designer'
 import { useActionState, useCanvasState, useClipBoardState } from 'open-data-v/designer'
-import type { CustomComponent } from 'open-data-v/models'
-import { eventBus, StaticKey } from 'open-data-v/models'
 import type { ComponentPublicInstance, PropType } from 'vue'
 import { computed, defineComponent, onErrorCaptured, onMounted, ref, watch } from 'vue'
 
diff --git a/src/designer/Editor/Wrapper.vue b/src/designer/Editor/Wrapper.vue
index 191e8637..a1ea9d8c 100644
--- a/src/designer/Editor/Wrapper.vue
+++ b/src/designer/Editor/Wrapper.vue
@@ -9,7 +9,7 @@
 </template>
 
 <script setup lang="ts">
-import type { CustomComponent } from 'open-data-v/models'
+import type { CustomComponent } from 'open-data-v/base'
 
 import { getComponentStyle } from '../utils'
 
diff --git a/src/designer/Pane/LeftSideBar/Component/ComponentList.vue b/src/designer/Pane/LeftSideBar/Component/ComponentList.vue
index 8dbf3fb5..afc205a7 100644
--- a/src/designer/Pane/LeftSideBar/Component/ComponentList.vue
+++ b/src/designer/Pane/LeftSideBar/Component/ComponentList.vue
@@ -7,9 +7,9 @@
 <script setup lang="ts">
 import type { MenuOption } from 'naive-ui'
 import { NMenu } from 'naive-ui'
+import type { CustomComponent } from 'open-data-v/base'
 import type { GroupType } from 'open-data-v/designer'
 import { ComponentGroupList, useCanvasState } from 'open-data-v/designer'
-import type { CustomComponent } from 'open-data-v/models'
 import { computed, getCurrentInstance, h } from 'vue'
 
 import ComponentItem from './ComponentItem.vue'
diff --git a/src/designer/Pane/LeftSideBar/Layer/Layer.vue b/src/designer/Pane/LeftSideBar/Layer/Layer.vue
index 84c28de5..95fa9c16 100644
--- a/src/designer/Pane/LeftSideBar/Layer/Layer.vue
+++ b/src/designer/Pane/LeftSideBar/Layer/Layer.vue
@@ -19,10 +19,10 @@
 import { cloneDeep } from 'lodash-es'
 import type { MenuOption } from 'naive-ui'
 import { NDescriptions, NDescriptionsItem, NEmpty, NMenu } from 'naive-ui'
+import type { CustomComponent } from 'open-data-v/base'
+import { ComponentGroup, useEventBus } from 'open-data-v/base'
 import type { ContextmenuItem } from 'open-data-v/designer'
 import { ComponentGroupList, useCanvasState, useClipBoardState } from 'open-data-v/designer'
-import type { CustomComponent } from 'open-data-v/models'
-import { ComponentGroup, useEventBus } from 'open-data-v/models'
 import { computed, h, ref, watch } from 'vue'
 
 import { uuid } from '../../../utils'
diff --git a/src/designer/Pane/LeftSideBar/Layer/LayerItem.vue b/src/designer/Pane/LeftSideBar/Layer/LayerItem.vue
index 2ef8c6c3..a5f9e81f 100644
--- a/src/designer/Pane/LeftSideBar/Layer/LayerItem.vue
+++ b/src/designer/Pane/LeftSideBar/Layer/LayerItem.vue
@@ -19,10 +19,10 @@
 
 <script lang="ts" setup>
 import { cloneDeep } from 'lodash-es'
+import type { CustomComponent } from 'open-data-v/base'
+import { eventBus, StaticKey } from 'open-data-v/base'
 import type { ContextmenuItem } from 'open-data-v/designer'
 import { useCanvasState } from 'open-data-v/designer'
-import type { CustomComponent } from 'open-data-v/models'
-import { eventBus, StaticKey } from 'open-data-v/models'
 
 import { diffIndex } from '../../../utils'
 
diff --git a/src/designer/Pane/LeftSideBar/Layer/SimpleLayerItem.vue b/src/designer/Pane/LeftSideBar/Layer/SimpleLayerItem.vue
index 9efc0a4f..4de55967 100644
--- a/src/designer/Pane/LeftSideBar/Layer/SimpleLayerItem.vue
+++ b/src/designer/Pane/LeftSideBar/Layer/SimpleLayerItem.vue
@@ -11,10 +11,10 @@
 </template>
 
 <script lang="ts" setup>
+import type { CustomComponent } from 'open-data-v/base'
+import { eventBus, StaticKey } from 'open-data-v/base'
 import type { ContextmenuItem } from 'open-data-v/designer'
 import { useCanvasState } from 'open-data-v/designer'
-import type { CustomComponent } from 'open-data-v/models'
-import { eventBus, StaticKey } from 'open-data-v/models'
 
 const props = withDefaults(
   defineProps<{
diff --git a/src/designer/Pane/RightSideBar/AttrModule/AttrList.vue b/src/designer/Pane/RightSideBar/AttrModule/AttrList.vue
index 91bb6d36..273e9de4 100644
--- a/src/designer/Pane/RightSideBar/AttrModule/AttrList.vue
+++ b/src/designer/Pane/RightSideBar/AttrModule/AttrList.vue
@@ -3,9 +3,9 @@
 </template>
 
 <script setup lang="ts">
+import type { ContainerType, CustomComponent } from 'open-data-v/base'
 import type { MetaContainerItem } from 'open-data-v/designer'
 import { Container, useCanvasState } from 'open-data-v/designer'
-import type { ContainerType, CustomComponent } from 'open-data-v/models'
 import { computed } from 'vue'
 
 const props = defineProps<{
diff --git a/src/designer/Pane/RightSideBar/CanvasModules/Canvas.vue b/src/designer/Pane/RightSideBar/CanvasModules/Canvas.vue
index b35be427..ed7a310d 100644
--- a/src/designer/Pane/RightSideBar/CanvasModules/Canvas.vue
+++ b/src/designer/Pane/RightSideBar/CanvasModules/Canvas.vue
@@ -2,8 +2,8 @@
   <Container :config="config" :data="formData" :mode="mode" @change="changed" />
 </template>
 <script setup lang="ts">
+import type { ContainerType, MetaContainerItem } from 'open-data-v/base'
 import { Container, useCanvasState } from 'open-data-v/designer'
-import type { ContainerType, MetaContainerItem } from 'open-data-v/models'
 import { computed } from 'vue'
 
 const canvasState = useCanvasState()
diff --git a/src/designer/Pane/RightSideBar/CanvasModules/GlobalData.tsx b/src/designer/Pane/RightSideBar/CanvasModules/GlobalData.tsx
index 0319d967..d777ea54 100644
--- a/src/designer/Pane/RightSideBar/CanvasModules/GlobalData.tsx
+++ b/src/designer/Pane/RightSideBar/CanvasModules/GlobalData.tsx
@@ -14,8 +14,8 @@ import {
   NTimeline,
   NTimelineItem
 } from 'naive-ui'
+import { ContainerType } from 'open-data-v/base'
 import { useCanvasState, useDataState, useEmpty } from 'open-data-v/designer'
-import { ContainerType } from 'open-data-v/models'
 import { computed, defineComponent, onMounted, ref } from 'vue'
 
 const canvasState = useCanvasState()
diff --git a/src/designer/Pane/RightSideBar/DataModule/DataAttr.tsx b/src/designer/Pane/RightSideBar/DataModule/DataAttr.tsx
index 9cac4842..e0435ab5 100644
--- a/src/designer/Pane/RightSideBar/DataModule/DataAttr.tsx
+++ b/src/designer/Pane/RightSideBar/DataModule/DataAttr.tsx
@@ -12,9 +12,9 @@ import {
   NTimeline,
   NTimelineItem
 } from 'naive-ui'
+import type { CustomComponent } from 'open-data-v/base'
+import { ContainerType } from 'open-data-v/base'
 import { DataMode, useDataState, useEmpty, useScriptState } from 'open-data-v/designer'
-import type { CustomComponent } from 'open-data-v/models'
-import { ContainerType } from 'open-data-v/models'
 import type { PropType } from 'vue'
 import { defineComponent, onMounted, ref, watch } from 'vue'
 
diff --git a/src/designer/Pane/RightSideBar/StyleModule/StyleGrid.vue b/src/designer/Pane/RightSideBar/StyleModule/StyleGrid.vue
index cda9327f..dac78fad 100644
--- a/src/designer/Pane/RightSideBar/StyleModule/StyleGrid.vue
+++ b/src/designer/Pane/RightSideBar/StyleModule/StyleGrid.vue
@@ -5,9 +5,9 @@
 
 <script setup lang="ts">
 import { cloneDeep, debounce } from 'lodash-es'
+import type { ContainerType, CustomComponent } from 'open-data-v/base'
 import type { ComponentStyle, MetaContainerItem } from 'open-data-v/designer'
 import { Container, useCanvasState } from 'open-data-v/designer'
-import type { ContainerType, CustomComponent } from 'open-data-v/models'
 import { computed, ref, watch } from 'vue'
 
 const props = defineProps<{
diff --git a/src/designer/components/Group/Group.vue b/src/designer/components/Group/Group.vue
index 9f601b64..3e528a4b 100644
--- a/src/designer/components/Group/Group.vue
+++ b/src/designer/components/Group/Group.vue
@@ -36,8 +36,8 @@
 </template>
 
 <script setup lang="ts">
-import type { CustomComponent, Hooks } from 'open-data-v/models'
-import { channels, eventBus } from 'open-data-v/models'
+import type { CustomComponent, Hooks } from 'open-data-v/base'
+import { channels, eventBus } from 'open-data-v/base'
 import { computed, inject } from 'vue'
 
 import Shape from '../../Editor/Shape'
diff --git a/src/designer/components/Group/config.ts b/src/designer/components/Group/config.ts
index f4265423..fc0ad789 100644
--- a/src/designer/components/Group/config.ts
+++ b/src/designer/components/Group/config.ts
@@ -1,5 +1,5 @@
+import { ComponentGroup, CustomComponent, DataMode, FormType } from 'open-data-v/base'
 import type { MetaContainerItem } from 'open-data-v/designer'
-import { ComponentGroup, CustomComponent, DataMode, FormType } from 'open-data-v/models'
 
 export const componentName = 'Group'
 class GroupComponent extends CustomComponent {
diff --git a/src/designer/data/DemoData/handler.ts b/src/designer/data/DemoData/handler.ts
index 8a25599b..f5b739b3 100644
--- a/src/designer/data/DemoData/handler.ts
+++ b/src/designer/data/DemoData/handler.ts
@@ -1,4 +1,4 @@
-import type { DataAcceptor, DataInstance, Response } from 'open-data-v/models'
+import type { DataAcceptor, DataInstance, Response } from 'open-data-v/base'
 
 class DemoRequestData implements DataInstance {
   public data: any
diff --git a/src/designer/enum/index.ts b/src/designer/enum/index.ts
index 2c0deb99..f0b21bc5 100644
--- a/src/designer/enum/index.ts
+++ b/src/designer/enum/index.ts
@@ -1,4 +1,4 @@
-import { ComponentGroup } from 'open-data-v/models'
+import { ComponentGroup } from 'open-data-v/base'
 
 export enum EditMode {
   EDIT = 'edit',
diff --git a/src/designer/modules/form/Container.tsx b/src/designer/modules/form/Container.tsx
index 7c3c439c..ba1c545c 100644
--- a/src/designer/modules/form/Container.tsx
+++ b/src/designer/modules/form/Container.tsx
@@ -1,6 +1,6 @@
 import { NCard, NCollapse, NCollapseItem, NDivider, NTimeline, NTimelineItem } from 'naive-ui'
+import { ContainerType } from 'open-data-v/base'
 import type { MetaContainerItem, MetaForm } from 'open-data-v/designer'
-import { ContainerType } from 'open-data-v/models'
 import type { PropType } from 'vue'
 import { defineComponent, ref, watch } from 'vue'
 
diff --git a/src/designer/modules/form/FormAttr.tsx b/src/designer/modules/form/FormAttr.tsx
index 9446c285..1b7e6b79 100644
--- a/src/designer/modules/form/FormAttr.tsx
+++ b/src/designer/modules/form/FormAttr.tsx
@@ -14,6 +14,7 @@ import {
   NSelect,
   NSwitch
 } from 'naive-ui'
+import { FormType } from 'open-data-v/base'
 import type {
   CustomFormSchema,
   FormItemProps,
@@ -25,7 +26,6 @@ import type {
   SelectFormSchema,
   SwitchFormSchema
 } from 'open-data-v/designer'
-import { FormType } from 'open-data-v/models'
 import type { PropType } from 'vue'
 import { defineComponent, h, ref, watch } from 'vue'
 
diff --git a/src/designer/pages/designer/Designer.vue b/src/designer/pages/designer/Designer.vue
index 98bc5122..6899b4a6 100644
--- a/src/designer/pages/designer/Designer.vue
+++ b/src/designer/pages/designer/Designer.vue
@@ -56,9 +56,9 @@
 
 <script setup lang="ts">
 import { NLayout, NLayoutHeader, NLayoutSider } from 'naive-ui'
+import { useData, useProp } from 'open-data-v/base'
 import type { ToolBarItemType } from 'open-data-v/designer'
 import { useCanvasState } from 'open-data-v/designer'
-import { useData, useProp } from 'open-data-v/models'
 import { onUnmounted, provide, readonly, ref } from 'vue'
 
 import type { LayoutData } from '../../../designer/state/type'
diff --git a/src/designer/pages/perviewer/viewer.vue b/src/designer/pages/perviewer/viewer.vue
index 111dfc7e..c18cc65e 100644
--- a/src/designer/pages/perviewer/viewer.vue
+++ b/src/designer/pages/perviewer/viewer.vue
@@ -7,9 +7,9 @@
 </template>
 
 <script setup lang="ts">
+import type { CustomComponent } from 'open-data-v/base'
+import { useData, useProp } from 'open-data-v/base'
 import Wrapper from 'open-data-v/designer/Editor/Wrapper.vue'
-import type { CustomComponent } from 'open-data-v/models'
-import { useData, useProp } from 'open-data-v/models'
 import { computed, onMounted, onUnmounted, provide, readonly, ref } from 'vue'
 
 import type { CanvasStyleData, LayoutData } from '../../state/type'
diff --git a/src/designer/state/actions.ts b/src/designer/state/actions.ts
index ca76574e..7efc5858 100644
--- a/src/designer/state/actions.ts
+++ b/src/designer/state/actions.ts
@@ -1,5 +1,5 @@
+import type { CustomComponent } from 'open-data-v/base'
 import type { Location, Position } from 'open-data-v/designer'
-import type { CustomComponent } from 'open-data-v/models'
 import { reactive } from 'vue'
 
 import {
diff --git a/src/designer/state/canvas.ts b/src/designer/state/canvas.ts
index a872f5b5..8b2a3953 100644
--- a/src/designer/state/canvas.ts
+++ b/src/designer/state/canvas.ts
@@ -1,4 +1,12 @@
 import { cloneDeep } from 'lodash-es'
+import type { BaseComponent, CustomComponent, DataInstance } from 'open-data-v/base'
+import {
+  buildModeValue,
+  ContainerType,
+  eventBus,
+  FormType,
+  updateModeValue
+} from 'open-data-v/base'
 import type {
   CanvasData,
   ComponentDataType,
@@ -8,14 +16,6 @@ import type {
   Vector
 } from 'open-data-v/designer'
 import { DataSlotter, EditMode, handleLogger, PixelEnum } from 'open-data-v/designer'
-import type { BaseComponent, CustomComponent, DataInstance } from 'open-data-v/models'
-import {
-  buildModeValue,
-  ContainerType,
-  eventBus,
-  FormType,
-  updateModeValue
-} from 'open-data-v/models'
 import { reactive } from 'vue'
 
 import {
diff --git a/src/designer/state/clipBoard.ts b/src/designer/state/clipBoard.ts
index 63a10b8c..5786c597 100644
--- a/src/designer/state/clipBoard.ts
+++ b/src/designer/state/clipBoard.ts
@@ -1,5 +1,5 @@
 import { cloneDeep } from 'lodash-es'
-import type { CustomComponent } from 'open-data-v/models'
+import type { CustomComponent } from 'open-data-v/base'
 import { reactive } from 'vue'
 
 import { copyText, uuid } from '../utils'
diff --git a/src/designer/state/slotter.ts b/src/designer/state/slotter.ts
index eebf0de7..41899cf2 100644
--- a/src/designer/state/slotter.ts
+++ b/src/designer/state/slotter.ts
@@ -1,5 +1,5 @@
+import type { DataAcceptor } from 'open-data-v/base'
 import type { DataConfig } from 'open-data-v/data'
-import type { DataAcceptor } from 'open-data-v/models'
 
 interface DataInstance {
   toJSON: () => any | undefined
diff --git a/src/designer/state/snapshot.ts b/src/designer/state/snapshot.ts
index 0f6611a7..ec0ad796 100644
--- a/src/designer/state/snapshot.ts
+++ b/src/designer/state/snapshot.ts
@@ -1,6 +1,6 @@
 import { cloneDeep } from 'lodash-es'
+import type { CustomComponent } from 'open-data-v/base'
 import type { ComponentDataType } from 'open-data-v/designer'
-import type { CustomComponent } from 'open-data-v/models'
 import { reactive } from 'vue'
 
 import type { StoreComponentData } from '../db'
diff --git a/src/designer/state/type.d.ts b/src/designer/state/type.d.ts
index 62f2ca2f..99a54e5f 100644
--- a/src/designer/state/type.d.ts
+++ b/src/designer/state/type.d.ts
@@ -1,3 +1,4 @@
+import type { BaseComponent, CustomComponent } from 'open-data-v/base'
 import type {
   ComponentDataType,
   ContainerType,
@@ -7,7 +8,6 @@ import type {
   Position,
   StoreComponentData
 } from 'open-data-v/designer'
-import type { BaseComponent, CustomComponent } from 'open-data-v/models'
 
 export interface CanvasStyleData {
   width: number
diff --git a/src/designer/type.d.ts b/src/designer/type.d.ts
index dab51123..86070e4d 100644
--- a/src/designer/type.d.ts
+++ b/src/designer/type.d.ts
@@ -5,7 +5,7 @@ import type {
   DataType,
   FormType,
   RequestOptions
-} from 'open-data-v/models'
+} from 'open-data-v/base'
 import type { Component, ConcreteComponent, VNode } from 'vue'
 
 import type { CanvasStyleData } from './state/type'
diff --git a/src/designer/utils.ts b/src/designer/utils.ts
index a692f676..a32cfe71 100644
--- a/src/designer/utils.ts
+++ b/src/designer/utils.ts
@@ -1,8 +1,8 @@
 import { cloneDeep, isNumber } from 'lodash-es'
+import type { CustomComponent } from 'open-data-v/base'
+import { ContainerType, DataMode, Logger } from 'open-data-v/base'
 import type { Location, Vector } from 'open-data-v/designer'
 import { useCanvasState, useDataState, useScriptState } from 'open-data-v/designer'
-import type { CustomComponent } from 'open-data-v/models'
-import { ContainerType, DataMode, Logger } from 'open-data-v/models'
 
 import type { ComponentDataType, DataOption, DOMRectStyle, ScriptOption } from './type'
 
diff --git a/src/index.ts b/src/index.ts
index 7c20244d..df085349 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,5 +1,15 @@
 import { useRequest } from 'open-data-v/data/hooks/http'
 
+import type { BaseComponent, Hooks } from './base'
+import {
+  ComponentGroup,
+  CustomComponent,
+  eventBus,
+  StaticKey,
+  useData,
+  useEventBus,
+  useProp
+} from './base'
 import type { DataAcceptor, DataInstance, Response, Slotter } from './data'
 import { RestDataPlugin, StaticDataPlugin, SubDataPlugin, WebsocketDataPlugin } from './data'
 import type {
@@ -31,16 +41,6 @@ import {
   useScriptState,
   useSnapshotState
 } from './designer'
-import type { BaseComponent, Hooks } from './models'
-import {
-  ComponentGroup,
-  CustomComponent,
-  eventBus,
-  StaticKey,
-  useData,
-  useEventBus,
-  useProp
-} from './models'
 
 export type {
   BaseComponent,
diff --git a/src/scripts/package.json b/src/scripts/package.json
new file mode 100644
index 00000000..e48f55cc
--- /dev/null
+++ b/src/scripts/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "@open-data-v/script",
+  "version": "1.0.0",
+  "description": "data handler script from open-data-v",
+  "main": "index.ts",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "open-data-v"
+  ],
+  "author": "ansgoo",
+  "license": "Apache-2.0"
+}
diff --git a/src/scripts/system/DynamicFormItem.tsx b/src/scripts/system/DynamicFormItem.tsx
index d9ec44fe..331896a7 100644
--- a/src/scripts/system/DynamicFormItem.tsx
+++ b/src/scripts/system/DynamicFormItem.tsx
@@ -17,8 +17,8 @@ import type {
   RadioFormSchema,
   SelectFormSchema,
   SwitchFormSchema
-} from 'open-data-v/models'
-import { FormType, GlobalColorSwatches } from 'open-data-v/models'
+} from 'open-data-v/base'
+import { FormType, GlobalColorSwatches } from 'open-data-v/base'
 import type { PropType } from 'vue'
 import { defineComponent, h } from 'vue'
 
diff --git a/src/scripts/system/scripts.ts b/src/scripts/system/scripts.ts
index 1f3866fa..7a5bdbbd 100644
--- a/src/scripts/system/scripts.ts
+++ b/src/scripts/system/scripts.ts
@@ -1,4 +1,4 @@
-import { FormType } from 'open-data-v/models'
+import { FormType } from 'open-data-v/base'
 
 const filterValue = {
   key: 'filterValue',
diff --git a/src/scripts/system/type.ts b/src/scripts/system/type.ts
index 5361cc91..43370dbe 100644
--- a/src/scripts/system/type.ts
+++ b/src/scripts/system/type.ts
@@ -1,4 +1,4 @@
-import type { FormItemProps, FormType } from 'open-data-v/models'
+import type { FormItemProps, FormType } from 'open-data-v/base'
 import type { ConcreteComponent } from 'vue'
 
 export interface ScriptForm {
diff --git a/src/scripts/utils.ts b/src/scripts/utils.ts
index eae4f1f2..98828ee2 100644
--- a/src/scripts/utils.ts
+++ b/src/scripts/utils.ts
@@ -1,3 +1,3 @@
-import { Logger } from 'open-data-v/models'
+import { Logger } from 'open-data-v/base'
 
 export const scriptLogger = new Logger('script')