You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
39 lines
1.6 KiB
39 lines
1.6 KiB
/*
|
|
* @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: () => <Progress style="width:190px" percentage={50} />,
|
|
render: ({ props }) => {
|
|
const RenderProgress = () => <Progress {...props} pivotText={props.pivotText || undefined} />
|
|
|
|
return <RenderProgress />
|
|
},
|
|
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
|
|
|