aizuda-web-vue3/src/config/rule/slider.ts

import uniqueId from '@form-create/utils/lib/unique'
import { localeProps, makeRequiredRule } from '../../utils/formCreateIndex'

const label = '滑块'
const name = 'slider'

export default {
	icon: 'icon-slider',
	label,
	name,
	rule({ t }) {
		return {
			type: name,
			field: uniqueId(),
			title: t('components.slider.name'),
			info: '',
			$required: false,
			props: {}
		}
	},
	props(_, { t }) {
		return localeProps(t, name + '.props', [
			makeRequiredRule(),
			{
				type: 'inputNumber',
				field: 'min',
				title: '最小值',
				props: { min: 0 }
			},
			{
				type: 'inputNumber',
				field: 'max',
				title: '最大值',
				props: { min: 0 }
			},
			{ type: 'switch', field: 'disabled', title: '是否禁用' },
			{
				type: 'inputNumber',
				field: 'step',
				title: '步长',
				props: { min: 0 }
			},
			{ type: 'switch', field: 'showInput', title: '是否显示输入框，仅在非范围选择时有效' },
			{
				type: 'switch',
				field: 'showInputControls',
				title: '在显示输入框的情况下，是否显示输入框的控制按钮',
				value: true
			},
			{ type: 'switch', field: 'showStops', title: '是否显示间断点' },
			{
				type: 'switch',
				field: 'range',
				title: '是否为范围选择'
			},
			{ type: 'switch', field: 'vertical', title: '是否竖向模式' },
			{
				type: 'input',
				field: 'height',
				title: 'Slider 高度，竖向模式时必填'
			}
		])
	}
}