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.
28 lines
836 B
28 lines
836 B
import {
|
|
createEditorColorProp,
|
|
createEditorInputProp,
|
|
createEditorSelectProp
|
|
} from '@/visual-editor/visual-editor.props'
|
|
import { VisualEditorComponent } from '@/visual-editor/visual-editor.utils'
|
|
|
|
export default {
|
|
key: 'text',
|
|
moduleName: 'baseWidgets',
|
|
label: '文本',
|
|
preview: () => <span>预览文本</span>,
|
|
render: ({ props }) => (
|
|
<span style={{ color: props.color, fontSize: props.size }}>{props.text || '默认文本'}</span>
|
|
),
|
|
props: {
|
|
text: createEditorInputProp({ label: '显示文本' }),
|
|
color: createEditorColorProp('字体颜色'),
|
|
size: createEditorSelectProp({
|
|
label: '字体大小',
|
|
options: [
|
|
{ label: '14px', value: '14px' },
|
|
{ label: '18px', value: '18px' },
|
|
{ label: '24px', value: '24px' }
|
|
]
|
|
})
|
|
}
|
|
} as VisualEditorComponent
|
|
|