/* * @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