@form-create/antd-designer/src/config/rule/treeSelect.js

AntDesignVue版本Vue低代码可视化表单设计器，可以通过拖拽的方式快速创建表单，提高开发者对表单的开发效率。

import uniqueId from '@form-create/utils/lib/unique';
import {localeProps, makeTreeOptions, makeTreeOptionsRule} from '../../utils/index';

const label = '树形选择';
const name = 'aTreeSelect';

export default {
    menu: 'main',
    icon: 'icon-tree-select',
    label,
    name,
    input: true,
    event: ['check', 'treeExpand', 'select'],
    validate: ['string', 'number', 'array'],
    rule({t}) {
        return {
            type: name,
            field: uniqueId(),
            modelField: 'value',
            title: t('com.aTreeSelect.name'),
            info: '',
            effect: {
                fetch: ''
            },
            $required: false,
            props: {
                treeNodeFilterProp: 'label',
                treeData: makeTreeOptions(t('props.option'), {label: 'label', value: 'value'}, 3),
            },
        };
    },
    props(_, {t}) {
        return localeProps(t, name + '.props', [
            makeTreeOptionsRule(t, 'props.treeData', 'label', 'value'),
            {type: 'switch', field: 'multiple'}, {
                type: 'switch',
                field: 'disabled'
            }, {type: 'switch', field: 'allowClear'}, {
                type: 'switch',
                field: 'showSearch'
            }, {
                type: 'switch',
                field: 'treeCheckable'
            }, {
                type: 'switch',
                field: 'treeDefaultExpandAll',
            }, {
                type: 'switch',
                field: 'treeLine',
            },
            {
                type: 'TableOptions',
                field: 'fieldNames',
                props: {
                    column: [{label: t('props.key'), key: 'label'}, {label: t('props.value'), key: 'value'}],
                    valueType: 'object'
                }
            }]);
    }
};