Merge branch 'main' of github.com:buqiyuan/vite-vue3-lowcode
This commit is contained in:
commit
9f77b496ac
|
@ -0,0 +1,29 @@
|
||||||
|
import { Progress } from 'vant'
|
||||||
|
import {
|
||||||
|
createEditorColorProp,
|
||||||
|
createEditorSwitchProp,
|
||||||
|
createEditorInputProp,
|
||||||
|
createEditorInputNumberProp
|
||||||
|
} from '@/visual-editor/visual-editor.props'
|
||||||
|
import { VisualEditorComponent } from '@/visual-editor/visual-editor.utils'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
key: 'divider',
|
||||||
|
moduleName: 'baseWidgets',
|
||||||
|
label: '进度条',
|
||||||
|
preview: () => <Progress style="width:190px" percentage={0} />,
|
||||||
|
render: ({ props }) => {
|
||||||
|
return <Progress {...props} pivotText={props.pivotText || undefined} />
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
percentage: createEditorInputNumberProp({ label: '进度百分比', defaultValue: 50 }),
|
||||||
|
strokeWidth: createEditorInputNumberProp({ label: '线条粗细', defaultValue: 5 }),
|
||||||
|
inactive: createEditorSwitchProp({ label: '是否置灰', defaultValue: false }),
|
||||||
|
color: createEditorColorProp('进度条颜色', '#1989fa'),
|
||||||
|
trackColor: createEditorColorProp('轨道颜色', '#e5e5e5'),
|
||||||
|
pivotText: createEditorInputProp({ label: '进度文字内容' }),
|
||||||
|
pivotColor: createEditorColorProp('进度文字背景色', '#1989fa'),
|
||||||
|
textColor: createEditorColorProp('进度文字颜色', '#ffffff'),
|
||||||
|
showPivot: createEditorSwitchProp({ label: '是否显示进度文字', defaultValue: true })
|
||||||
|
}
|
||||||
|
} as VisualEditorComponent
|
Loading…
Reference in New Issue