vap1 0.0.1

package/components/_setup/SearchField/SearchFieldDate.js

@@ -0,0 +1,186 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const dayjs_1 = __importDefault(require("dayjs"));
+const _register_1 = require("../../SearchBar/_register");
+const antd_1 = require("antd");
+const SearchFieldInput_1 = require("./SearchFieldInput");
+const DateRange_1 = require("../../_common/DateRange");
+const MonthRange_1 = require("../../_common/MonthRange");
+const utils_1 = require("../../../utils");
+(0, _register_1.registerSearchField)('datetime', (props) => {
+    const { field: { field, config, placeholder, allowClear, }, disabled, onChange, data, width } = props;
+    let param = {
+        allowClear: allowClear,
+        placeholder,
+        disabled,
+        format: lodash_1.default.has(config, 'format') ? config.format : utils_1.GLOBAL.CONFIG.DATE.DATE_TIME_FORMAT,
+    };
+    if (data[field])
+        param.value = (0, dayjs_1.default)(data[field]);
+    return react_1.default.createElement(antd_1.DatePicker, Object.assign({}, config, param, { style: { width }, showTime: true, onChange: date => onChange(date ? date.format(param.format) : '') }));
+});
+(0, _register_1.registerSearchField)('date', (props) => {
+    const { field: { field, config, placeholder, allowClear, }, disabled, onChange, data, width } = props;
+    let param = {
+        allowClear: allowClear,
+        placeholder,
+        disabled,
+        format: lodash_1.default.has(config, 'format') ? config.format : utils_1.GLOBAL.CONFIG.DATE.DATE_FORMAT,
+    };
+    if (data[field])
+        param.value = (0, dayjs_1.default)(data[field]);
+    return react_1.default.createElement(antd_1.DatePicker, Object.assign({}, config, param, { style: { width }, showTime: false, onChange: date => onChange(date ? date.format(param.format) : '') }));
+});
+(0, _register_1.registerSearchField)('month', (props) => {
+    const { field: { field, config, placeholder, allowClear, }, disabled, onChange, data, width } = props;
+    let param = {
+        allowClear,
+        placeholder,
+        disabled,
+        // showTime: false,
+        // format: _.has(config, 'format') ? config.format : GLOBAL.CONFIG.DATE.MONTH_FORMAT,
+    };
+    // param.showTime
+    // props.show
+    if (data[field])
+        param.value = (0, dayjs_1.default)(data[field]);
+    return react_1.default.createElement(antd_1.DatePicker.MonthPicker, Object.assign({}, config, param, { style: { width }, onChange: date => {
+            if (data == null) {
+                onChange('');
+                return;
+            }
+            if (config == null) {
+                onChange(date.format(utils_1.GLOBAL.CONFIG.DATE.MONTH_FORMAT));
+                return;
+            }
+            if (config.showTime) {
+                onChange(date.format('YYYY-MM-01 00:00:00'));
+                return;
+            }
+            if (config.showDate) {
+                onChange(date.format('YYYY-MM-01'));
+                return;
+            }
+            onChange(date.format(utils_1.GLOBAL.CONFIG.DATE.MONTH_FORMAT));
+        } }));
+});
+const Range = (props) => {
+    const { field: { field, allowClear, }, disabled, onChange, data, width } = props;
+    let ptn = field.split(',');
+    if (ptn.length != 2) {
+        console.error('timerange field must hava a start and end, eg: field:"startTime,endTime"');
+        return react_1.default.createElement(SearchFieldInput_1.TEXT, Object.assign({}, props));
+    }
+    const [startField, endField] = ptn;
+    const params = {
+        showTime: props.showTime,
+        allowClear: allowClear !== false,
+        disabled,
+        onChange: ([start, end]) => onChange({
+            [startField]: start,
+            [endField]: end,
+        })
+    };
+    if (data[startField])
+        params.defaultStart = data[startField];
+    if (data[endField])
+        params.defaultEnd = data[endField];
+    return react_1.default.createElement(DateRange_1.DateRange, Object.assign({}, params));
+};
+const AntdRnage = (props) => {
+    const { field: { field, config, placeholder, allowClear, }, disabled, onChange, data, width } = props;
+    let ptn = field.split(',');
+    if (ptn.length != 2) {
+        console.error('timerange field must hava a start and end, eg: field:"startTime,endTime"');
+        return react_1.default.createElement(SearchFieldInput_1.TEXT, Object.assign({}, props));
+    }
+    const [startField, endField] = ptn;
+    const params = {
+        value: [undefined, undefined],
+        allowClear,
+        disabled,
+    };
+    if (data[startField])
+        params.value[0] = (0, dayjs_1.default)(data[startField]);
+    if (data[endField])
+        params.value[1] = (0, dayjs_1.default)(data[endField]);
+    let format = props.isDate ? 'YYYY-MM-DD' : 'YYYY-MM-DD HH:mm:ss';
+    let showTime = !props.isDate;
+    if (props.isDate) {
+        if (config && config.showTime) {
+            showTime = true;
+        }
+    }
+    return react_1.default.createElement(antd_1.DatePicker.RangePicker, Object.assign({}, params, { style: { width }, showTime: !props.isDate && showTime, format: format, onChange: ([start, end]) => {
+            if (start && end) {
+                let startFormat, endFormat;
+                if (props.isDate) {
+                    if (showTime) {
+                        startFormat = 'YYYY-MM-DD 00:00:00';
+                        endFormat = 'YYYY-MM-DD 23:59:59';
+                    }
+                    else {
+                        startFormat = 'YYYY-MM-DD';
+                        endFormat = 'YYYY-MM-DD';
+                    }
+                }
+                else {
+                    if (showTime === false) {
+                        startFormat = 'YYYY-MM-DD 00:00:00';
+                        endFormat = 'YYYY-MM-DD 23:59:59';
+                    }
+                    else {
+                        startFormat = 'YYYY-MM-DD HH:mm:ss';
+                        endFormat = 'YYYY-MM-DD HH:mm:ss';
+                    }
+                }
+                onChange({
+                    [startField]: start.format(startFormat),
+                    [endField]: end.format(endFormat),
+                });
+            }
+            else {
+                onChange({
+                    [startField]: undefined,
+                    [endField]: undefined,
+                });
+            }
+        } }));
+    // return <DatePicker.RangePicker
+    //     style={{ width: '80%' }}
+    //     {...params}
+    //     {...field.config}
+    // />
+};
+const MonthRangePicker = (props) => {
+    const { field: { field, allowClear, config }, disabled, onChange, data, width } = props;
+    let ptn = field.split(',');
+    if (ptn.length != 2) {
+        console.error('timerange field must hava a start and end, eg: field:"startTime,endTime"');
+        return react_1.default.createElement(SearchFieldInput_1.TEXT, Object.assign({}, props));
+    }
+    const [startField, endField] = ptn;
+    const params = {
+        allowClear: allowClear !== false,
+        disabled,
+        onChange: ([start, end]) => onChange({
+            [startField]: start,
+            [endField]: end,
+        })
+    };
+    if (data[startField])
+        params.defaultStart = data[startField];
+    if (data[endField])
+        params.defaultEnd = data[endField];
+    return react_1.default.createElement(MonthRange_1.MonthRange, Object.assign({}, config, { width: width }, params));
+};
+(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)('monthrange', (props) => react_1.default.createElement(MonthRangePicker, Object.assign({}, props)), { defaultSpan: 2 });

package/components/_setup/SearchField/SearchFieldInput.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { SearchFieldProps } from '../../SearchBar/_register';
+export declare const TEXT: (props: SearchFieldProps) => React.JSX.Element;

package/components/_setup/SearchField/SearchFieldInput.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TEXT = void 0;
+const react_1 = __importDefault(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const _register_1 = require("../../SearchBar/_register");
+const antd_1 = require("antd");
+const TEXT = (props) => {
+    const { field: { field, config, placeholder, allowClear, }, disabled, onChange, triggerSearch, data, width } = props;
+    return react_1.default.createElement(antd_1.Input, Object.assign({ allowClear: allowClear !== false, placeholder: placeholder, disabled: disabled }, config, { style: { width }, value: data[field], onChange: (evt) => onChange(evt.target.value), onPressEnter: () => triggerSearch() }));
+};
+exports.TEXT = TEXT;
+(0, _register_1.registerSearchField)('text', exports.TEXT);
+(0, _register_1.registerSearchField)('number', (props) => {
+    const { field: { field, config, placeholder }, onChange, triggerSearch, data, width, disabled } = props;
+    return react_1.default.createElement(antd_1.InputNumber, Object.assign({ disabled: disabled, placeholder: lodash_1.default.has(config, 'placeholder') ? config.placeholder : placeholder }, config, { style: { width }, value: data[field], onChange: onChange, onPressEnter: () => triggerSearch() }));
+});

package/components/_setup/SearchField/SearchFieldSelect.d.ts

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

package/components/_setup/SearchField/SearchFieldSelect.js

@@ -0,0 +1,106 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const utils_1 = require("../../../utils");
+const _register_1 = require("../../SearchBar/_register");
+const antd_1 = require("antd");
+const SearchFieldInput_1 = require("./SearchFieldInput");
+(0, _register_1.registerSearchField)('select', (props) => {
+    const { field: { field, config, placeholder, allowClear, }, disabled, onChange, data, width } = props;
+    if (!lodash_1.default.isArray(props.field.options)) {
+        console.error('field type : select must have a options field');
+        return react_1.default.createElement(SearchFieldInput_1.TEXT, Object.assign({}, props));
+    }
+    let options = utils_1.PageUtil.getOptions(props.field.options);
+    let param = {
+        disabled: disabled,
+        allowClear: typeof allowClear == 'boolean' ? allowClear : true,
+        placeholder: lodash_1.default.has(config, 'placeholder') ? config.placeholder : placeholder,
+        value: (lodash_1.default.has(data, field) && data[field] !== null) ? data[field] : undefined,
+        style: { width },
+    };
+    return react_1.default.createElement(antd_1.Select, Object.assign({}, param, config, { onChange: value => onChange(value) }), options.map(option => react_1.default.createElement(antd_1.Select.Option, { value: option.value }, option.label)));
+});
+(0, _register_1.registerSearchField)('multi-select', (props) => {
+    const { field: { field, config, placeholder, allowClear, }, disabled, onChange, data, width } = props;
+    if (!lodash_1.default.isArray(props.field.options)) {
+        console.error('field type : select must have a options field');
+        return react_1.default.createElement(SearchFieldInput_1.TEXT, Object.assign({}, props));
+    }
+    let options = utils_1.PageUtil.getOptions(props.field.options);
+    let param = {
+        disabled: disabled,
+        allowClear: typeof allowClear == 'boolean' ? allowClear : true,
+        placeholder: lodash_1.default.has(config, 'placeholder') ? config.placeholder : placeholder,
+        value: (lodash_1.default.has(data, field) && data[field] !== null) ? data[field].split(',') : [],
+        style: { width },
+    };
+    return react_1.default.createElement(antd_1.Select, Object.assign({}, param, config, { mode: "multiple", onChange: (value) => onChange(value.join(',')) }), options.map(option => react_1.default.createElement(antd_1.Select.Option, { value: option.value + '' }, option.label)));
+});
+(0, _register_1.registerSearchField)('radio', (props) => {
+    const { field: { field, config, }, disabled, onChange, data } = props;
+    if (!lodash_1.default.isArray(props.field.options)) {
+        console.error('field type : select must have a options field');
+        return react_1.default.createElement(SearchFieldInput_1.TEXT, Object.assign({}, props));
+    }
+    let options = utils_1.PageUtil.getOptions(props.field.options);
+    return react_1.default.createElement(antd_1.Radio.Group, Object.assign({}, config, { disabled: disabled, onChange: evt => onChange(evt.target.value), value: (lodash_1.default.has(data, field) && data[field] !== null) ? data[field] : undefined, optionType: "default", options: options }));
+}, { outside: true });
+(0, _register_1.registerSearchField)('radio-button', (props) => {
+    const { field: { field, config, placeholder, allowClear, }, disabled, onChange, data, width } = props;
+    if (!lodash_1.default.isArray(props.field.options)) {
+        console.error('field type : select must have a options field');
+        return react_1.default.createElement(SearchFieldInput_1.TEXT, Object.assign({}, props));
+    }
+    let options = utils_1.PageUtil.getOptions(props.field.options);
+    return react_1.default.createElement(antd_1.Radio.Group, Object.assign({}, config, { style: { width }, disabled: disabled, onChange: evt => onChange(evt.target.value), value: (lodash_1.default.has(data, field) && data[field] !== null) ? data[field] : undefined, optionType: "button", buttonStyle: "solid", options: options }));
+});
+(0, _register_1.registerSearchField)('checkbox', (props) => {
+    const { field: { field, config, }, disabled, onChange, data, width } = props;
+    if (!lodash_1.default.isArray(props.field.options)) {
+        console.error('field type : select must have a options field');
+        return react_1.default.createElement(SearchFieldInput_1.TEXT, Object.assign({}, props));
+    }
+    let options = utils_1.PageUtil.getOptions(props.field.options);
+    return react_1.default.createElement(antd_1.Checkbox.Group, Object.assign({}, config, { className: "i-checkbox", disabled: disabled, onChange: val => onChange(val.join(',')), value: (lodash_1.default.has(data, field) && data[field]) ? data[field].split(',') : [] }), options.map(option => react_1.default.createElement(antd_1.Checkbox, { value: option.value + '' }, option.label)));
+}, { outside: true });
+// registerSearchField('checkbox-button', (props: SearchFieldProps) => {
+//     const { field: { field, config, placeholder, allowClear, }, disabled, onChange, data, width } = props;
+//     if (!_.isArray(props.field.options)) {
+//         console.error('field type : select must have a options field')
+//         return <TEXT {...props} />
+//     }
+//     let options = PageUtil.getOptions(props.field.options);
+//     return <Checkbox.Group
+//         {...config}
+//         style={{ width }}
+//         optionType="button"
+//         buttonStyle="solid"
+//         disabled={disabled}
+//         onChange={val => onChange(val.join(','))}
+//         value={(_.has(data, field) && data[field].split(',')) ? data[field] : undefined}
+//         options={options}
+//     >
+//         {/* {options.map(option => <Checkbox value={option.value + ''}>{option.label}</Checkbox>)} */}
+//     </Checkbox.Group>
+// });
+(0, _register_1.registerSearchField)('switch', (props) => {
+    const { field: { field, config, placeholder, allowClear, }, disabled, onChange, data, width } = props;
+    if (!lodash_1.default.isArray(props.field.options) || (props.field.options.length <= 1)) {
+        console.error('Type Switch Must have 2 Options');
+        return react_1.default.createElement(SearchFieldInput_1.TEXT, Object.assign({}, props));
+    }
+    let options = utils_1.PageUtil.getOptions(props.field.options);
+    let CHECKED = utils_1.GLOBAL.CONFIG.FORM.SWITCH_DEFAULT_CHECKED;
+    if (lodash_1.default.has(config, 'reverse') && config.reverse)
+        CHECKED = 1 - CHECKED;
+    let UNCHECKED = 1 - CHECKED;
+    return react_1.default.createElement(antd_1.Switch, Object.assign({ checkedChildren: options[CHECKED].label, unCheckedChildren: options[UNCHECKED].label }, config, { disabled: disabled, checked: (lodash_1.default.has(data, field) && data[field] == options[CHECKED].value), onChange: (isCheck, evt) => {
+            utils_1.PageUtil.stopEvent(evt);
+            onChange(isCheck ? options[CHECKED].value : options[UNCHECKED].value);
+        } }));
+}, { outside: true });

package/components/_setup/SearchField/SearchFieldTree.d.ts

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

package/components/_setup/SearchField/SearchFieldTree.js

@@ -0,0 +1,191 @@
+"use strict";
+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);

package/components/_setup/SelectBar/SelectList.d.ts

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

package/components/_setup/SelectBar/SelectList.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const _register_1 = require("../../Box/_register");
+const Const_1 = require("../../../utils/Const");
+const SList_1 = require("../../Lists/SList");
+(0, _register_1.registerSelectBar)('slist', props => {
+    const { searchValue, onSelect, config } = props;
+    const listProps = {
+        keyField: lodash_1.default.has(config, 'keyField') ? config['keyField'] : 'id',
+        titleField: lodash_1.default.has(config, 'titleField') ? config['titleField'] : 'name',
+        list: (lodash_1.default.has(config, 'list') && lodash_1.default.isArray(config.list)) ? config.list : []
+    };
+    return react_1.default.createElement(SList_1.SList, Object.assign({}, props.config, listProps, { onSelect: onSelect, searchValue: searchValue }));
+});
+// 自定义时，不接收任何参数
+(0, _register_1.registerSelectBar)('custom', (props) => Const_1.NONE);

package/components/_setup/SelectBar/SelectTree.d.ts

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

package/components/_setup/SelectBar/SelectTree.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const _register_1 = require("../../Box/_register");
+const Trees_1 = require("../../Trees");
+(0, _register_1.registerSelectBar)('stree', (props) => react_1.default.createElement(Trees_1.STree, Object.assign({}, props.config, { onSelect: props.onSelect, searchValue: props.searchValue })));
+(0, _register_1.registerSelectBar)('ftree', react_1.default.forwardRef((props, ref) => react_1.default.createElement(Trees_1.FTree, Object.assign({}, props.config, { onSelect: props.onSelect, searchValue: props.searchValue, ref: ref }))));
+(0, _register_1.registerSelectBar)('dtree', react_1.default.forwardRef((props, ref) => react_1.default.createElement(Trees_1.DTree, Object.assign({}, props.config, { onSelect: props.onSelect, searchValue: props.searchValue, ref: ref }))));

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

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