/*
* @Author: 卜启缘
* @Date: 2021-06-12 22:18:48
* @LastEditTime: 2021-06-25 08:50:11
* @LastEditors: 卜启缘
* @Description: 进度条
* @FilePath: \vite-vue3-lowcode\src\packages\base-widgets\process\index.tsx
*/
import { Progress } from 'vant'
import {
createEditorColorProp,
createEditorSwitchProp,
createEditorInputProp,
createEditorInputNumberProp
} from '@/visual-editor/visual-editor.props'
import type { VisualEditorComponent } from '@/visual-editor/visual-editor.utils'
export default {
key: 'process',
moduleName: 'baseWidgets',
label: '进度条',
preview: () => ,
render: ({ props }) => {
const RenderProgress = () =>
return
},
props: {
percentage: createEditorInputNumberProp({ label: '进度百分比', defaultValue: 50 }),
strokeWidth: createEditorInputNumberProp({ label: '线条粗细', defaultValue: 5 }),
inactive: createEditorSwitchProp({ label: '是否置灰', defaultValue: false }),
color: createEditorColorProp({ label: '进度条颜色', defaultValue: '#1989fa' }),
trackColor: createEditorColorProp({ label: '轨道颜色', defaultValue: '#e5e5e5' }),
pivotText: createEditorInputProp({ label: '进度文字内容' }),
pivotColor: createEditorColorProp({ label: '进度文字背景色', defaultValue: '#1989fa' }),
textColor: createEditorColorProp({ label: '进度文字颜色', defaultValue: '#ffffff' }),
showPivot: createEditorSwitchProp({ label: '是否显示进度文字', defaultValue: true })
}
} as VisualEditorComponent