@zhangqingcq/vgce 0.1.7 → 0.1.9

package/src/config/vue/component/now-time.ts

@@ -1,7 +1,7 @@
 import { EConfigItemPropsType, EDoneJsonType } from '@/config/types'
 import type { IConfigItem } from '@/config/types'
 
-export const now_time: IConfigItem = {
+const t: IConfigItem = {
 	name: 'now-time',
 	title: '当前时间',
 	tag: 'now-time',
@@ -61,3 +61,4 @@ export const now_time: IConfigItem = {
 	},
 	events: []
 }
+export default t

package/src/config/vue/component/progress.ts

@@ -1,7 +1,7 @@
 import { EConfigItemPropsType, EDoneJsonType } from '@/config/types'
 import type { IConfigItem } from '@/config/types'
 
-export const progress_a: IConfigItem = {
+const t: IConfigItem = {
 	name: 'progress-a',
 	tag: 'progress-a',
 	title: '进度条',
@@ -27,3 +27,4 @@ export const progress_a: IConfigItem = {
 	},
 	events: []
 }
+export default t

package/src/config/vue/component/tag.ts

@@ -1,7 +1,7 @@
 import { EConfigItemPropsType, EDoneJsonType } from '@/config/types'
 import type { IConfigItem } from '@/config/types'
 
-export const el_tag: IConfigItem = {
+const t: IConfigItem = {
 	name: 'el-tag',
 	tag: 'el-tag',
 	title: '标签',
@@ -44,3 +44,4 @@ export const el_tag: IConfigItem = {
 	},
 	events: []
 }
+export default t

package/src/config/vue/component/text-box.ts

@@ -0,0 +1,66 @@
+import { EConfigItemPropsType, EDoneJsonType } from '@/config/types'
+import type { IConfigItem } from '@/config/types'
+
+const t: IConfigItem = {
+	name: 'text-box',
+	title: '文字背景框',
+	tag: 'text-box',
+	type: EDoneJsonType.Vue,
+	config: {
+		can_zoom: false,
+		have_anchor: false,
+		actual_rect: true
+	},
+	display: true,
+	props: {
+		width: {
+			title: '宽度',
+			type: EConfigItemPropsType.InputNumber,
+			val: 250
+		},
+		height: {
+			title: '高度',
+			type: EConfigItemPropsType.InputNumber,
+			val: 150
+		},
+		bgColor: {
+			title: '背景颜色',
+			type: EConfigItemPropsType.Color,
+			val: '#000000'
+		},
+		bgOpacity: {
+			title: '背景透明度(%)',
+			type: EConfigItemPropsType.InputNumber,
+			val: 1
+		},
+		borderColor: {
+			title: '边框颜色',
+			type: EConfigItemPropsType.Color,
+			val: '#cccccc'
+		},
+		borderWidth: {
+			title: '边框宽度',
+			type: EConfigItemPropsType.InputNumber,
+			val: 1
+		},
+		borderRadius: {
+			title: '边框圆角',
+			type: EConfigItemPropsType.InputNumber,
+			val: 5
+		},
+		borderOpacity: {
+			title: '边框透明度(%)',
+			type: EConfigItemPropsType.InputNumber,
+			val: 100
+		}
+	},
+	common_animations: {
+		val: '',
+		delay: 'delay-0s',
+		speed: 'slow',
+		repeat: 'infinite'
+	},
+	events: []
+}
+
+export default t

package/src/config/vue/echarts/index.ts

@@ -1,8 +1,9 @@
 import type { IConfigComponentGroup } from '@/config/types'
-import { pie_charts } from './pie-charts'
+import pie_charts from './pie-charts'
 
-export const echarts_group: IConfigComponentGroup = {
+const t: IConfigComponentGroup = {
 	groupType: 'echarts',
 	title: '图表',
 	list: [pie_charts]
 }
+export default t

package/src/config/vue/echarts/pie-charts.ts

@@ -1,7 +1,7 @@
 import { EConfigItemPropsType, EDoneJsonType } from '@/config/types'
 import type { IConfigItem } from '@/config/types'
 
-export const pie_charts: IConfigItem = {
+const t: IConfigItem = {
 	name: 'pie-charts',
 	tag: 'pie-charts',
 	title: '饼图',
@@ -58,3 +58,4 @@ export const pie_charts: IConfigItem = {
 	},
 	events: []
 }
+export default t

package/src/config/vue/index.ts

@@ -1,5 +1,6 @@
 import type { IConfigComponentGroup } from '../types'
-import { components } from './component'
-import { echarts_group } from './echarts'
+import components from './component'
+import echarts_group from './echarts'
 
-export const vue_config: IConfigComponentGroup[] = Object.seal([components, echarts_group])
+const t: IConfigComponentGroup[] = Object.seal([components, echarts_group])
+export default t

package/src/utils/index.ts

@@ -18,10 +18,11 @@ export const preventDefault = (e: any) => {
 	e.preventDefault()
 }
 
-export function componentsRegister() {
+export function componentsRegister(data?: Record<string, any>) {
 	//注册所有组件
 	const instance = getCurrentInstance()
-	for (let key in vueComp) {
+	const t = data ? Object.assign(vueComp, data) : vueComp
+	for (let key in t) {
 		if (!instance?.appContext?.components.hasOwnProperty(key) && vueComp.hasOwnProperty(key)) {
 			instance?.appContext?.app.component(key, vueComp[key])
 		}