refactor: rename models to base

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'
 

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'] = []

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

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 {

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'

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 {

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'

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 {

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'

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 {

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'

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 {

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'

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 {

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'

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 {

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'

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 {

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'
 

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 {

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 {

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'

resource/Container/Tabs/Tabs.vue

@@ -44,15 +44,15 @@
 </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,
   getInnerComponentShapeStyle,
   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'

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'

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'

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 {

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'

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'

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'

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 {

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'

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 {

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'

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'

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'

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'

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'

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'

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'

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'

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'

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'

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'

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'