vap1 0.1.7 → 0.1.9

package/components/_setup/SearchField/SearchFieldDate.js

@@ -181,6 +181,6 @@ const MonthRangePicker = (props) => {
 };
 (0, _register_1.registerSearchField)('daterange', (props) => react_1.default.createElement(AntdRnage, Object.assign({}, props, { isDate: true })), { defaultSpan: 2 });
 (0, _register_1.registerSearchField)('daterange-single', (props) => react_1.default.createElement(Range, Object.assign({}, props, { showTime: false })), { defaultSpan: 2 });
-(0, _register_1.registerSearchField)('timerange', (props) => react_1.default.createElement(AntdRnage, Object.assign({}, props, { isDate: false })), { defaultSpan: 2 });
-(0, _register_1.registerSearchField)('timerange-single', (props) => react_1.default.createElement(Range, Object.assign({}, props, { showTime: true })), { defaultSpan: 2 });
+(0, _register_1.registerSearchField)('datetimerange', (props) => react_1.default.createElement(AntdRnage, Object.assign({}, props, { isDate: false })), { defaultSpan: 2 });
+(0, _register_1.registerSearchField)('datetimerange-single', (props) => react_1.default.createElement(Range, Object.assign({}, props, { showTime: true })), { defaultSpan: 2 });
 (0, _register_1.registerSearchField)('monthrange', (props) => react_1.default.createElement(MonthRangePicker, Object.assign({}, props)), { defaultSpan: 2 });

package/components/_setup/SearchField/SearchFieldTree.js

@@ -1,191 +1,151 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-// registerSearchField('treeselect', (props: TableSelectFieldProps) => {
-//     const { field, onChange, width, data } = props;
-//     if (!_.has(field.config, 'treeData')) {
-//         console.error('field type : dictselect must have a treeData field')
-//         return <TEXT {...props} style={width ? { width } : {}} />
-//     }
-//     let param: any = {
-//         allowClear: true,
-//         placeholder: _.has(field.config, 'placeholder') ? field.config.placeholder : null || field.placeholder || `请选择${field.label}`,
-//     };
-//     if (field.allowClear === false) {
-//         param.allowClear = false;
-//     }
-//     if (_.has(data, field.field)) {
-//         param.value = data[field.field] || undefined;
-//     }
-//     if (_.has(props, 'width')) {
-//         param.style = { width: props.width }
-//     }
-//     return <TreeSelect
-//         treeDefaultExpandAll
-//         {...field.config}
-//         {...param}
-//         dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
-//         onChange={value => onChange(value)}
-//     />
-// });
-// 动态树
-// type TreeNodeData = {
-//     children?: TreeNodeData[];
-//     [props: string]: any
-// }
-// export type BaseTreeOpts = {
-//     /**
-//      * 树取值的字段，默认为 `id`
-//     */
-//     keyField?: string,
-//     /**
-//      * 树显示名称的字段 ，默认为 `name`
-//     */
-//     titleField?: string,
-//     /**
-//      * 排序字段,默认为空，传入后，以此字段做为排序依据
-//     */
-//     sortField?: string;
-//     /**
-//     * 根节点 Code 标识
-//     */
-//     rootCode?: string;
-//     /**
-//      * 根节点API 与rootCode 二选一
-//     */
-//     rootApi?: string;
-//     /**
-//      * 是否存在子节点，如果有些属性，则根据此值不必多点一次加号
-//     */
-//     checkField?: string;
-//     /**
-//      * 展开子节点：
-//      *
-//      * 方式一：传一个 api 接口地址，必须返回 VData<Array<Object>> 格式
-//      *
-//      * 方式二：传一个方法 ，接收一个父节点参数，必须返回  Promise<TreeNodeData[]> (不要返回 children, 仅返回一级)
-//     */
-//     childApi?: string | ((parentId: string) => Promise<TreeNodeData[]>);
-// }
-// class DynamicTreeSelect extends React.PureComponent<TableSelectFieldProps> {
-//     fields: BaseTreeOpts = {
-//         keyField: 'id',
-//         titleField: 'title',
-//     }
-//     state = {
-//         treeData: [],
-//     }
-//     async getChildren(parentCode) {
-//         if (typeof this.props.field.config.childApi == 'string') {
-//             const resp = await Ajax.GET(`${this.props.field.config.childApi}${parentCode}`);
-//             if (resp.code == '0') {
-//                 return resp.data;
-//             }
-//             return []
-//         }
-//         let children = await this.props.field.config.childApi(parentCode);
-//         return children;
-//     }
-//     async componentDidMount() {
-//         const { field } = this.props;
-//         if (!_.has(field, 'config.childApi')) {
-//             return;
-//         }
-//         const config: BaseTreeOpts = field.config;
-//         if (config.keyField) {
-//             this.fields.keyField = config.keyField;
-//         }
-//         if (config.titleField) {
-//             this.fields.titleField = config.titleField;
-//         }
-//         if (config.sortField) {
-//             this.fields.sortField = config.sortField;
-//         }
-//         if (config.checkField) {
-//             this.fields.checkField = config.checkField;
-//         }
-//         let treeData = [];
-//         if (config.rootCode) {
-//             treeData = await this.getChildren(config.rootCode);
-//         } else if (config.rootApi) {
-//             const resp = await Ajax.GET(config.rootApi);
-//             if (resp.code == '0') {
-//                 if (_.isArray(resp.data)) {
-//                     treeData = resp.data;
-//                 } else {
-//                     treeData = [resp.data];
-//                 }
-//             }
-//         }
-//         this.setState({ treeData });
-//     };
-//     setChidren(treeData: any[], key: string, children: any[]) {
-//         for (let node of treeData) {
-//             if (node[this.fields.keyField] == key) {
-//                 node.children = children;
-//                 return true;
-//             } else if (_.isArray(node.children) && node.children.length) {
-//                 return this.setChidren(node.children, key, children);
-//             }
-//         }
-//         return false;
-//     }
-//     async onLoadData(node) {
-//         const children = await this.getChildren(node.props.eventKey);
-//         if (children.length == 0) {
-//             return;
-//         }
-//         const treeData = _.concat([], this.state.treeData);
-//         this.setChidren(treeData, node.props.eventKey, children)
-//         this.setState({ treeData })
-//     };
-//     renderNode(data: any) {
-//         let isLeaf = false;
-//         if (_.has(data, 'children') && _.isArray(data.children)) {
-//             if (data.children.length) {
-//                 isLeaf = false;
-//             } else {
-//                 isLeaf = true;
-//             }
-//         } else if (this.fields.checkField) {
-//             if (!data[this.fields.checkField]) {
-//                 isLeaf = true;
-//             }
-//         }
-//         if (isLeaf) {
-//             return <TreeSelect.TreeNode value={data[this.fields.keyField]} key={data[this.fields.keyField]} title={data[this.fields.titleField]} isLeaf>  </TreeSelect.TreeNode>
-//         }
-//         if (_.isArray(data.children) && data.children.length) {
-//             return <TreeSelect.TreeNode value={data[this.fields.keyField]} key={data[this.fields.keyField]} title={data[this.fields.titleField]}>
-//                 {data.children.map(item => this.renderNode(item))}
-//             </TreeSelect.TreeNode>
-//         }
-//         return <TreeSelect.TreeNode value={data[this.fields.keyField]} key={data[this.fields.keyField]} title={data[this.fields.titleField]}>  </TreeSelect.TreeNode>
-//     }
-//     render() {
-//         const { field, onChange, data } = this.props;
-//         const { treeData } = this.state;
-//         let param: any = {
-//             allowClear: true,
-//             placeholder: _.has(field.config, 'placeholder') ? field.config.placeholder : null || field.placeholder || `请选择 ${field.label}`,
-//         }
-//         if (field.allowClear === false) {
-//             param.allowClear = false;
-//         }
-//         if (_.has(data, field.field)) {
-//             param.value = data[field.field];
-//         }
-//         if (_.has(this.props, 'width')) {
-//             param.style = { width: this.props.width }
-//         }
-//         return <TreeSelect
-//             {...param}
-//             onChange={(value, label, extra) => {
-//                 onChange(value)
-//             }}
-//             loadData={(node) => this.onLoadData(node)}
-//         >
-//             {treeData.map(item => this.renderNode(item))}
-//         </TreeSelect>
-//     }
-// }
-// registerSearchField('dynamic-tree-select', DynamicTreeSelect);
+const react_1 = __importStar(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const _register_1 = require("../../SearchBar/_register");
+const STreeSelect_1 = require("../../TreeSelect/STreeSelect");
+const DTreeSelect_1 = require("../../TreeSelect/DTreeSelect");
+const FTreeSelect_1 = require("../../TreeSelect/FTreeSelect");
+const SearchFieldInput_1 = require("./SearchFieldInput");
+const toArr = (value) => (0, react_1.useMemo)(() => {
+    if (value == undefined)
+        return [];
+    if (lodash_1.default.isArray(value))
+        return value;
+    if (lodash_1.default.isString(value))
+        return value.split(',');
+    return [];
+}, [value]);
+(0, _register_1.registerSearchField)('stree-select', (props) => {
+    const { field: { field, config, placeholder, allowClear, options }, disabled, onChange, data, width } = props;
+    if (!lodash_1.default.has(config, 'titleField')) {
+        console.error('field type : STree select must have a config with titleField');
+        return react_1.default.createElement(SearchFieldInput_1.TEXT, Object.assign({}, props));
+    }
+    let treeData = lodash_1.default.has(config, 'treeData') ? config.treeData : options;
+    let params = {
+        titleField: config.titleFField,
+        disabled: disabled,
+        treeData,
+        multiple: false,
+        allowClear: typeof allowClear == 'boolean' ? allowClear : true,
+        placeholder: lodash_1.default.has(config, 'placeholder') ? config.placeholder : placeholder,
+        style: { width },
+    };
+    return react_1.default.createElement(STreeSelect_1.STreeSelect, Object.assign({}, params, config, { multiple: false, value: (lodash_1.default.has(data, field) && data[field] !== null) ? data[field] : undefined, onChange: onChange }));
+});
+(0, _register_1.registerSearchField)('dtree-select', (props) => {
+    const { field: { field, config, placeholder, allowClear, options }, disabled, onChange, data, width } = props;
+    if (!lodash_1.default.has(config, 'titleField') || !lodash_1.default.has(config, 'childApi')) {
+        console.error('field type : DTree select must have a config with titleField and childApi');
+        return react_1.default.createElement(SearchFieldInput_1.TEXT, Object.assign({}, props));
+    }
+    let params = {
+        titleField: config.titleFField,
+        childApi: config.childApi,
+        disabled: disabled,
+        multiple: false,
+        allowClear: typeof allowClear == 'boolean' ? allowClear : true,
+        placeholder: lodash_1.default.has(config, 'placeholder') ? config.placeholder : placeholder,
+        style: { width },
+    };
+    return react_1.default.createElement(DTreeSelect_1.DTreeSelect, Object.assign({}, params, config, { multiple: false, value: (lodash_1.default.has(data, field) && data[field] !== null) ? data[field] : undefined, onChange: onChange }));
+});
+(0, _register_1.registerSearchField)('ftree-select', (props) => {
+    const { field: { field, config, placeholder, allowClear }, disabled, onChange, data, width } = props;
+    if (!lodash_1.default.has(config, 'titleField') || !lodash_1.default.has(config, 'fetchApi')) {
+        console.error('field type : FTree select must have a config with titleField and fetchApi');
+        return react_1.default.createElement(SearchFieldInput_1.TEXT, Object.assign({}, props));
+    }
+    let params = {
+        titleField: config.titleFField,
+        fetchApi: config.fetchApi,
+        disabled: disabled,
+        multiple: false,
+        allowClear: typeof allowClear == 'boolean' ? allowClear : true,
+        placeholder: lodash_1.default.has(config, 'placeholder') ? config.placeholder : placeholder,
+        style: { width },
+    };
+    return react_1.default.createElement(FTreeSelect_1.FTreeSelect, Object.assign({}, params, config, { multiple: false, value: (lodash_1.default.has(data, field) && data[field] !== null) ? data[field] : undefined, onChange: onChange }));
+});
+(0, _register_1.registerSearchField)('multi-stree-select', (props) => {
+    const { field: { field, config, placeholder, allowClear, options }, disabled, onChange, data, width } = props;
+    if (!lodash_1.default.has(config, 'titleField')) {
+        console.error('field type : tree-select must have a config with title field');
+        return react_1.default.createElement(SearchFieldInput_1.TEXT, Object.assign({}, props));
+    }
+    let treeData = lodash_1.default.has(config, 'treeData') ? config.treeData : options;
+    let params = {
+        titleField: config.titleFField,
+        disabled: disabled,
+        treeData,
+        multiple: true,
+        allowClear: typeof allowClear == 'boolean' ? allowClear : true,
+        placeholder: lodash_1.default.has(config, 'placeholder') ? config.placeholder : placeholder,
+        style: { width },
+    };
+    const value = (lodash_1.default.has(data, field) && data[field] !== null) ? data[field] : undefined;
+    return react_1.default.createElement(STreeSelect_1.STreeSelect, Object.assign({}, params, config, { multiple: true, value: toArr(value), onChange: (ids) => onChange(ids.join(',')) }));
+});
+(0, _register_1.registerSearchField)('multi-dtree-select', (props) => {
+    const { field: { field, config, placeholder, allowClear, options }, disabled, onChange, data, width } = props;
+    if (!lodash_1.default.has(config, 'titleField') || !lodash_1.default.has(config, 'childApi')) {
+        console.error('field type : DTree select must have a config with titleField and childApi');
+        return react_1.default.createElement(SearchFieldInput_1.TEXT, Object.assign({}, props));
+    }
+    let params = {
+        titleField: config.titleFField,
+        childApi: config.childApi,
+        disabled: disabled,
+        multiple: false,
+        allowClear: typeof allowClear == 'boolean' ? allowClear : true,
+        placeholder: lodash_1.default.has(config, 'placeholder') ? config.placeholder : placeholder,
+        style: { width },
+    };
+    const value = (lodash_1.default.has(data, field) && data[field] !== null) ? data[field] : undefined;
+    return react_1.default.createElement(DTreeSelect_1.DTreeSelect, Object.assign({}, params, config, { multiple: true, value: toArr(value), onChange: (ids) => onChange(ids.join(',')) }));
+});
+(0, _register_1.registerSearchField)('multi-ftree-select', (props) => {
+    const { field: { field, config, placeholder, allowClear }, disabled, onChange, data, width } = props;
+    if (!lodash_1.default.has(config, 'titleField') || !lodash_1.default.has(config, 'fetchApi')) {
+        console.error('field type : FTree select must have a config with titleField and fetchApi');
+        return react_1.default.createElement(SearchFieldInput_1.TEXT, Object.assign({}, props));
+    }
+    let params = {
+        titleField: config.titleFField,
+        fetchApi: config.fetchApi,
+        disabled: disabled,
+        multiple: false,
+        allowClear: typeof allowClear == 'boolean' ? allowClear : true,
+        placeholder: lodash_1.default.has(config, 'placeholder') ? config.placeholder : placeholder,
+        style: { width },
+    };
+    const value = (lodash_1.default.has(data, field) && data[field] !== null) ? data[field] : undefined;
+    return react_1.default.createElement(FTreeSelect_1.FTreeSelect, Object.assign({}, params, config, { multiple: true, value: toArr(value), onChange: (ids) => onChange(ids.join(',')) }));
+});

package/components/_setup/UForm/UFormTree.d.ts

@@ -0,0 +1 @@
+export {};

package/components/_setup/UForm/UFormTree.js

@@ -1,134 +1,99 @@
-// import React from 'react';
-// import _ from 'lodash';
-// import { TreeSelect } from 'antd';
-// import { registerInputType, UFormInput } from 'vap/_common/UForm';
-// import { Option } from 'vap/_common/UForm/interface';
-// import { TreeNode } from 'antd/es/tree-select/interface';
-// import { MULTI_CHOOSE_SHOW } from './Select';
-// const optionToTree = (options: Option[]): TreeNode[] => {
-//     return options.map((item) => {
-//         let result: TreeNode = { value: item.value, title: item.name, disabled: item.disabled };
-//         if (_.isArray(item.children) && item.children.length > 0) {
-//             result.children = optionToTree(item.children)
-//         }
-//         return result;
-//     })
-// }
-// const flatOptionToTree = (options: Option[], parent: string): TreeNode[] => {
-//     return options.map(item => {
-//         let result: TreeNode = { value: item.value, title: item.name };
-//         if (_.isArray(item.children) && item.children.length > 0) {
-//             result.children = optionToTree(item.children)
-//         }
-//         return result;
-//     })
-// }
-// registerInputType('stree-select', class extends UFormInput {
-//     render() {
-//         const { value, field, disabled } = this.props;
-//         let params: any = { disabled, value, showSearch: true, searchPlaceholder: '输入关键字过滤', treeDefaultExpandAll: true }
-//         if (field.rule && _.find(field.rule, { required: true })) {
-//             params.allowClear = false;
-//         }
-//         if (!_.has(field, 'config.treeData')) {
-//             if (_.has(field, 'options')) {
-//                 params.treeData = optionToTree(field.options);
-//             } else {
-//                 params.treeData = []
-//             }
-//         }
-//         return <TreeSelect
-//             dropdownStyle={{ maxHeight: 389 ,overflow:'auto'}}
-//             {...params}
-//             {...field.config}
-//             placeholder={this.getSelectTip()}
-//             multiple={false}
-//             value={value}
-//             treeCheckable={false}
-//             onChange={value => this.onChange(value)}
-//         />
-//     }
-// })
-// registerInputType('dtree-select', class extends UFormInput {
-//     render() {
-//         const { value, field, disabled } = this.props;
-//         let selectKey = [];
-//         if (value) {
-//             selectKey = value.split(',').map(item => item.trim())
-//         }
-//         let params: any = { disabled, value, showSearch: true, searchPlaceholder: '输入关键字过滤', treeDefaultExpandAll: true }
-//         if (field.rule && _.find(field.rule, { required: true })) {
-//             params.allowClear = false;
-//         }
-//         if (!_.has(field, 'config.treeData')) {
-//             if (_.has(field, 'options')) {
-//                 params.treeData = optionToTree(field.options);
-//             } else {
-//                 params.treeData = []
-//             }
-//         }
-//         return <TreeSelect
-//             searchPlaceholder={`输入关键字过滤`}
-//             {...params}
-//             {...field.config}
-//             value={selectKey}
-//             placeholder={this.getSelectTip()}
-//             multiple={true}
-//             treeCheckable
-//             onChange={value => this.onChange((value && (value as string[]).length) ? (value as string[]).join(',') : undefined)}
-//         />
-//     }
-// }, {
-//     show: MULTI_CHOOSE_SHOW
-// })
-// // registerInputType('flat-tree-select', class extends UFormInput {
-// //     render() {
-// //         const { value, field, disabled } = this.props;
-// //         let params: any = { disabled, value, showSearch: true }
-// //         if (field.rule && _.find(field.rule, { required: true })) {
-// //             params.allowClear = false;
-// //         }
-// //         if (!_.has(field, 'config.treeData')) {
-// //             if (_.has(field, 'options')) {
-// //                 params.treeData = flatOptionToTree(field.options);
-// //             } else {
-// //                 params.treeData = []
-// //             }
-// //         }
-// //         return <TreeSelect
-// //             {...params}
-// //             {...field.config}
-// //             placeholder={this.getSelectTip()}
-// //             multiple={false}
-// //             treeCheckable={false}
-// //             onChange={value => this.onChange(value)}
-// //         />
-// //     }
-// // })
-// // registerInputType('multi-flat-tree-select', class extends UFormInput {
-// //     render() {
-// //         const { value, field, disabled } = this.props;
-// //         let selectKey = [];
-// //         if (value) {
-// //             selectKey = value.split(',').map(item => item.trim())
-// //         }
-// //         let params: any = { disabled, value: selectKey, showSearch: true }
-// //         if (field.rule && _.find(field.rule, { required: true })) {
-// //             params.allowClear = false;
-// //         }
-// //         if (!_.has(field, 'config.treeData')) {
-// //             if (_.has(field, 'options')) {
-// //                 params.treeData = flatOptionToTree(field.options);
-// //             } else {
-// //                 params.treeData = []
-// //             }
-// //         }
-// //         return <TreeSelect
-// //             {...params}
-// //             placeholder={this.getSelectTip()}
-// //             multiple={true}
-// //             treeCheckable
-// //             onChange={value => this.onChange((value as string[]).join(','))}
-// //         />
-// //     }
-// // })
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const _register_1 = require("../../UForm/_register");
+const _input_1 = require("../../UForm/_input");
+const STreeSelect_1 = require("../../TreeSelect/STreeSelect");
+const DTreeSelect_1 = require("../../TreeSelect/DTreeSelect");
+const FTreeSelect_1 = require("../../TreeSelect/FTreeSelect");
+const toArr = (value) => (0, react_1.useMemo)(() => {
+    if (value == undefined)
+        return [];
+    if (lodash_1.default.isArray(value))
+        return value;
+    if (lodash_1.default.isString(value))
+        return value.split(',');
+    return [];
+}, [value]);
+(0, _register_1.registerFormField)('stree-select', (props) => {
+    const { field, disabled, value, onChange } = props;
+    let params = { placeholder: (0, _input_1.getPlaceholder)(field, true), disabled, allowClear: true };
+    if (field.required || field.rules && lodash_1.default.find(field.rules, { required: true }))
+        params.allowClear = false;
+    return react_1.default.createElement(STreeSelect_1.STreeSelect, Object.assign({}, params, field.config, { multiple: false, value: value === null ? undefined : value, onChange: onChange }));
+});
+(0, _register_1.registerFormField)('dtree-select', (props) => {
+    const { field, disabled, value, onChange } = props;
+    let params = { placeholder: (0, _input_1.getPlaceholder)(field, true), disabled, allowClear: true };
+    if (field.required || field.rules && lodash_1.default.find(field.rules, { required: true }))
+        params.allowClear = false;
+    return react_1.default.createElement(DTreeSelect_1.DTreeSelect, Object.assign({}, params, field.config, { multiple: false, value: value === null ? undefined : value, onChange: onChange }));
+});
+(0, _register_1.registerFormField)('ftree-select', (props) => {
+    const { field, disabled, value, onChange } = props;
+    let params = { placeholder: (0, _input_1.getPlaceholder)(field, true), disabled, allowClear: true };
+    if (field.required || field.rules && lodash_1.default.find(field.rules, { required: true }))
+        params.allowClear = false;
+    return react_1.default.createElement(FTreeSelect_1.FTreeSelect, Object.assign({}, params, field.config, { multiple: false, value: value === null ? undefined : value, onChange: onChange }));
+});
+const treeChange = (onChange, dataType) => (0, react_1.useCallback)((value) => {
+    if (dataType == 'array') {
+        onChange(value);
+        return;
+    }
+    onChange(value.join(','));
+}, []);
+(0, _register_1.registerFormField)('multi-stree-select', (props) => {
+    const { field, disabled, value, onChange } = props;
+    let params = { placeholder: (0, _input_1.getPlaceholder)(field, true), disabled, allowClear: true };
+    if (field.required || field.rules && lodash_1.default.find(field.rules, { required: true }))
+        params.allowClear = false;
+    const treeValue = toArr(value);
+    const onTreeChange = treeChange(onChange, field.dataType);
+    return react_1.default.createElement(STreeSelect_1.STreeSelect, Object.assign({}, params, field.config, { multiple: true, value: treeValue, onChange: onTreeChange }));
+});
+(0, _register_1.registerFormField)('multi-dtree-select', (props) => {
+    const { field, disabled, value, onChange } = props;
+    let params = { placeholder: (0, _input_1.getPlaceholder)(field, true), disabled, allowClear: true };
+    if (field.required || field.rules && lodash_1.default.find(field.rules, { required: true }))
+        params.allowClear = false;
+    const treeValue = toArr(value);
+    const onTreeChange = treeChange(onChange, field.dataType);
+    return react_1.default.createElement(DTreeSelect_1.DTreeSelect, Object.assign({}, params, field.config, { multiple: true, value: treeValue, onChange: onTreeChange }));
+});
+(0, _register_1.registerFormField)('multi-ftree-select', (props) => {
+    const { field, disabled, value, onChange } = props;
+    let params = { placeholder: (0, _input_1.getPlaceholder)(field, true), disabled, allowClear: true };
+    if (field.required || field.rules && lodash_1.default.find(field.rules, { required: true }))
+        params.allowClear = false;
+    const treeValue = toArr(value);
+    const onTreeChange = treeChange(onChange, field.dataType);
+    return react_1.default.createElement(FTreeSelect_1.FTreeSelect, Object.assign({}, params, field.config, { multiple: true, value: treeValue, onChange: onTreeChange }));
+});

package/index.d.ts

@@ -90,6 +90,9 @@ Checkbox, Switch, DatePicker, TimePicker, Upload, Rate, AutoComplete, Cascader,
  * 应用性组件
 */
 Carousel, Calendar, } from 'antd';
+export { STreeSelect, type STreeSelectProps } from './components/TreeSelect/STreeSelect';
+export { DTreeSelect, type DTreeSelectProps } from './components/TreeSelect/DTreeSelect';
+export { FTreeSelect, type FTreeSelectProps } from './components/TreeSelect/FTreeSelect';
 export { Form } from 'antd';
 export { Table } from './components/_adapt/Table';
 export type { TableProps } from './components/_adapt/Table';