102 lines
2.4 KiB
TypeScript
102 lines
2.4 KiB
TypeScript
import type { MetaContainerItem } from 'open-data-v/base'
|
|
import { ComponentGroup, CustomComponent, FormType } from 'open-data-v/base'
|
|
import { h } from 'vue'
|
|
|
|
export const componentName = 'KuWei2'
|
|
class SubTextComponent extends CustomComponent {
|
|
constructor(id?: string, name?: string, icon?: string) {
|
|
super({
|
|
component: componentName,
|
|
group: ComponentGroup.OTHER,
|
|
name: name ? name : '库位图2',
|
|
id,
|
|
width: 100,
|
|
height: 30,
|
|
icon
|
|
})
|
|
}
|
|
|
|
_prop: MetaContainerItem[] = [
|
|
{
|
|
label: '基础配置',
|
|
prop: 'base',
|
|
children: [
|
|
{
|
|
prop: 'boxWidth',
|
|
label: '盒子宽度',
|
|
type: FormType.NUMBER,
|
|
props: {
|
|
defaultValue: 20,
|
|
suffix: () => h('span', {}, 'px')
|
|
}
|
|
},{
|
|
prop: 'boxHeight',
|
|
label: '盒子高度度',
|
|
type: FormType.NUMBER,
|
|
props: {
|
|
defaultValue: 20,
|
|
suffix: () => h('span', {}, 'px')
|
|
}
|
|
},
|
|
{
|
|
prop: 'boxWidithGap',
|
|
label: '盒子宽间距',
|
|
type: FormType.NUMBER,
|
|
props: {
|
|
defaultValue: 20,
|
|
suffix: () => h('span', {}, 'px')
|
|
}
|
|
},
|
|
{
|
|
prop: 'boxHeightGap',
|
|
label: '盒子高间距',
|
|
type: FormType.NUMBER,
|
|
props: {
|
|
defaultValue: 20,
|
|
suffix: () => h('span', {}, 'px')
|
|
}
|
|
},
|
|
{
|
|
prop: 'text1Width',
|
|
label: '文本1宽度',
|
|
type: FormType.NUMBER,
|
|
props: {
|
|
defaultValue: 100,
|
|
suffix: () => h('span', {}, 'px')
|
|
}
|
|
},
|
|
{
|
|
prop: 'text1Height',
|
|
label: '文本1于盒子高度间距',
|
|
type: FormType.NUMBER,
|
|
props: {
|
|
defaultValue: 20,
|
|
suffix: () => h('span', {}, 'px')
|
|
}
|
|
},
|
|
{
|
|
prop: 'text2Width',
|
|
label: '文本2宽度',
|
|
type: FormType.NUMBER,
|
|
props: {
|
|
defaultValue: 50,
|
|
suffix: () => h('span', {}, 'px')
|
|
}
|
|
},
|
|
{
|
|
prop: 'text2Height',
|
|
label: '文本2于盒子高度间距',
|
|
type: FormType.NUMBER,
|
|
props: {
|
|
defaultValue: 50,
|
|
suffix: () => h('span', {}, 'px')
|
|
}
|
|
}
|
|
]
|
|
}
|
|
]
|
|
|
|
}
|
|
|
|
export default SubTextComponent
|