vap1 0.0.1

package/components/_setup/UForm/UFormJSON.js

@@ -0,0 +1,219 @@
+"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 dayjs_1 = __importDefault(require("dayjs"));
+const utils_1 = require("../../../utils");
+const antd_1 = require("antd");
+const Select_1 = require("../../_adapt/Select");
+const Button_1 = require("../../_adapt/Button");
+const Tables_1 = require("../../Tables");
+const _register_1 = require("../../UForm/_register");
+const hooks_1 = require("../../../hooks");
+const renderColumn = (txt, column) => {
+    if (column.options) {
+        let find = lodash_1.default.find(column.options, { value: txt });
+        if (find) {
+            return find.name;
+        }
+    }
+    return txt;
+};
+// 基础组件 JSON 数组
+(0, _register_1.registerFormField)('json-array', props => {
+    const { field, disabled, value, onChange } = props;
+    const stateRef = (0, react_1.useRef)({ loaded: false, _id: null, item: {}, arr: [], columns: [], isAdd: false, isEdit: false, });
+    const update = (0, hooks_1.useUpdate)();
+    const verfy = (data) => {
+        return true;
+    };
+    const showAdd = () => {
+        let _id = utils_1.StringUtil.genKey();
+        stateRef.current._id = _id;
+        stateRef.current.item = { _id };
+        stateRef.current.isAdd = true;
+        stateRef.current.isEdit = false;
+        stateRef.current.arr = [{ _id }, ...stateRef.current.arr];
+        update();
+    };
+    const showEdit = (editObj) => {
+        stateRef.current._id = editObj._id;
+        stateRef.current.item = Object.assign({}, editObj);
+        stateRef.current.isAdd = false;
+        stateRef.current.isEdit = true;
+        update();
+    };
+    const doAdd = (isExec = false) => {
+        stateRef.current.isAdd = false;
+        stateRef.current.arr = utils_1.ArrayUtil.del(stateRef.current.arr, stateRef.current._id, '_id');
+        if (!isExec) {
+            update();
+            // this.setState({ list, _id: null, isAdd: false, isEdit: false });
+            return;
+        }
+        // if (!this.verfy(this.item)) {
+        //     return;
+        // }
+        stateRef.current.arr = [stateRef.current.item, ...stateRef.current.arr];
+        onChange(JSON.stringify(stateRef.current.arr));
+        // this.setState({ list, _id: null, isAdd: false, isEdit: false });
+        // this.onChange(JSON.stringify(list));
+    };
+    const doEdit = (isExec = false) => {
+        stateRef.current.isEdit = false;
+        if (!isExec) {
+            // this.setState({ _id: null, isAdd: false, isEdit: false });
+            update();
+            return;
+        }
+        // if (!this.verfy(this.item)) {
+        //     return;
+        // }
+        stateRef.current.arr = utils_1.ArrayUtil.update(stateRef.current.arr, stateRef.current.item, '_id');
+        // this.setState({ list, _id: null, isAdd: false, isEdit: false });
+        onChange(JSON.stringify(stateRef.current.arr));
+    };
+    const renderItem = (txt, data, column) => {
+        const { isAdd, isEdit, _id, item } = stateRef.current;
+        if ((isAdd === false && isEdit === false)) {
+            return renderColumn(txt, column);
+        }
+        if (_id != data._id) {
+            return renderColumn(txt, column);
+        }
+        let val = item[column.dataIndex] || undefined;
+        if (column.type == 'date') {
+            return react_1.default.createElement(antd_1.DatePicker, { size: "small", defaultValue: val ? (0, dayjs_1.default)(val) : undefined, onChange: mnt => stateRef.current.item[column.dataIndex] = mnt.format('YYYY-MM-DD') });
+        }
+        if (column.type == 'number') {
+            return react_1.default.createElement(antd_1.InputNumber, { size: "small", defaultValue: val, onChange: val => stateRef.current.item[column.dataIndex] = val });
+        }
+        if (column.type == 'select') {
+            return react_1.default.createElement(Select_1.Select, { size: "small", defaultValue: val, onChange: val => stateRef.current.item[column.dataIndex] = val }, column.options.map(item => react_1.default.createElement(Select_1.Select.Option, { value: item.value }, item.name)));
+        }
+        return react_1.default.createElement(antd_1.Input, { size: "small", defaultValue: val, onChange: evt => stateRef.current.item[column.dataIndex] = evt.target.value });
+    };
+    const doDelete = (data) => {
+        stateRef.current.arr = utils_1.ArrayUtil.del(stateRef.current.arr, data._id, '_id');
+        ;
+        stateRef.current.isEdit = false;
+        stateRef.current.isAdd = false;
+        if (stateRef.current.arr.length == 0) {
+            onChange(null);
+        }
+        else {
+            onChange(JSON.stringify(stateRef.current.arr));
+        }
+    };
+    const renderAction = (data) => {
+        const { isAdd, isEdit, _id } = stateRef.current;
+        if (isAdd === false && isEdit == false) {
+            return react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(Tables_1.VTable.EDIT, { onClick: () => showEdit(data) }),
+                react_1.default.createElement(Tables_1.VTable.DELETE, { onClick: () => doDelete(data) }));
+        }
+        if (_id != data._id) {
+            return [];
+        }
+        return react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(Tables_1.VTable.ACTION, { icon: "check", title: "\u4FDD\u5B58", onClick: () => { isAdd ? doAdd(true) : doEdit(true); } }),
+            react_1.default.createElement(Tables_1.VTable.ACTION, { icon: "close", title: "\u53D6\u6D88", onClick: () => isAdd ? doAdd(false) : doEdit(false) }));
+    };
+    const columnConfig = (column) => {
+        let param = {
+            render: (text, obj) => renderItem(text, obj, column),
+        };
+        if (column.width) {
+            param.width = column.width;
+        }
+        else if (column.type == 'date') {
+            param.width = 150;
+        }
+        else if (column.type == 'number') {
+            param.width = 80;
+        }
+        return param;
+    };
+    (0, react_1.useLayoutEffect)(() => {
+        let columns = [{ title: '序号', className: '_index', render: (d, j, i) => i + 1 }];
+        if (lodash_1.default.has(field.config, 'columns')) {
+            field.config.columns.map(item => columns.push(Object.assign(Object.assign({}, item), columnConfig(item))));
+        }
+        if (!disabled) {
+            columns.push({ title: '操作', className: 'table-actions', render: (data) => renderAction(data) });
+        }
+        stateRef.current.columns = columns;
+        stateRef.current.loaded = true;
+        update();
+    }, []);
+    (0, react_1.useLayoutEffect)(() => {
+        let arr = [];
+        if (lodash_1.default.isArray(value)) {
+            arr = value;
+        }
+        else if (lodash_1.default.isString(value)) {
+            try {
+                arr = JSON.parse(value);
+            }
+            catch (_a) {
+            }
+        }
+        stateRef.current.arr = arr;
+        stateRef.current.isAdd = false;
+        stateRef.current.isEdit = false;
+        stateRef.current._id = null;
+        stateRef.current.item = {};
+        update();
+    }, [value]);
+    if (!stateRef.current.loaded)
+        return utils_1.Const.NONE;
+    return react_1.default.createElement(antd_1.Table, { className: "c-table json-array-table", size: "small", locale: { emptyText: react_1.default.createElement(antd_1.Empty, { description: react_1.default.createElement(Button_1.Button, { type: "primary", icon: 'plus', onClick: () => showAdd() },
+                    "\u6DFB\u52A0",
+                    field.title) }) }, dataSource: stateRef.current.arr, columns: stateRef.current.columns, pagination: false, footer: () => {
+            if (stateRef.current.arr.length == 0 || stateRef.current.isAdd || stateRef.current.isEdit || disabled) {
+                return null;
+            }
+            return react_1.default.createElement(Button_1.Button, { type: "primary", icon: 'plus', onClick: () => showAdd() },
+                "\u6DFB\u52A0",
+                field.title);
+        } });
+}, {
+    breakCol: true,
+    breakTitle: true,
+    render: (value, data, field) => {
+        let list = [];
+        try {
+            list = JSON.parse(value);
+        }
+        catch (e) {
+            console.error(e);
+        }
+        return react_1.default.createElement(antd_1.Table, { className: "c-table json-array-table", size: "small", locale: { emptyText: react_1.default.createElement(antd_1.Empty, { description: "\u6682\u65E0\u6570\u636E" }) }, dataSource: list, columns: field.config.columns.map(item => (Object.assign(Object.assign({}, item), { render: (txt) => renderColumn(txt, item) }))), pagination: false });
+    }
+});

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

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

package/components/_setup/UForm/UFormOrg.js

@@ -0,0 +1,121 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+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 _input_1 = require("../../UForm/_input");
+const Modal_1 = require("../../_adapt/Modal");
+const _register_1 = require("../../UForm/_register");
+const antd_1 = require("antd");
+const Const_1 = require("../Const");
+const DTree_1 = require("../../Trees/DTree");
+const Icon_1 = require("../../_adapt/Icon");
+const hooks_1 = require("../../../hooks");
+const utils_1 = require("../../../utils");
+var orgRender = null;
+const getOrgCodeRender = () => {
+    if (orgRender == null) {
+        orgRender = utils_1.Renders.ApiPostRender({ api: utils_1.GLOBAL.CONFIG.BASIC.ORG_API, nameField: utils_1.GLOBAL.CONFIG.BASIC.ORG_FIELDS[1], valueFiled: utils_1.GLOBAL.CONFIG.BASIC.ORG_FIELDS[0] });
+    }
+    return orgRender;
+};
+(0, _register_1.registerFormField)('organization', props => {
+    const { field, value, disabled } = props;
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const [fields, values] = (0, _input_1.getMultiFieldValues)(field, value);
+    const [title, setTitle] = (0, react_1.useState)(null);
+    const [[selectKey, selectOrg], setSelected] = (0, react_1.useState)([null, null]);
+    (0, hooks_1.useEffectFunction)(() => __awaiter(void 0, void 0, void 0, function* () {
+        if (value == null || value == undefined)
+            return;
+        if (values.length >= 2 && values[1] != null) {
+            setTitle(values[1]);
+            let selected = {
+                [utils_1.GLOBAL.CONFIG.BASIC.ORG_FIELDS[0]]: value[0],
+                [utils_1.GLOBAL.CONFIG.BASIC.ORG_FIELDS[1]]: value[1],
+            };
+            if (values.length > 2) {
+                selected[utils_1.GLOBAL.CONFIG.BASIC.ORG_FIELDS[2]] = values[2];
+            }
+            setSelected([value[0], selected]);
+            return;
+        }
+        if (values[0]) {
+            const resp = yield utils_1.Ajax.POST(utils_1.GLOBAL.CONFIG.BASIC.ORG_API, { code: values[0] });
+            if (resp.code == '0' && lodash_1.default.isArray(resp.list) && resp.list.length > 0) {
+                setSelected([resp.list[0][utils_1.GLOBAL.CONFIG.BASIC.ORG_FIELDS[0]], resp.list[0]]);
+                setTitle(resp.list[0][utils_1.GLOBAL.CONFIG.BASIC.ORG_FIELDS[1]]);
+            }
+        }
+    }));
+    let params = { disabled };
+    var mustSelect = field.required || lodash_1.default.findIndex(field.rules, { required: true }) >= 0;
+    const onOk = (0, react_1.useCallback)(() => {
+        setOpen(false);
+        if (selectOrg != null) {
+            setTitle(selectOrg[utils_1.GLOBAL.CONFIG.BASIC.ORG_FIELDS[1]]);
+        }
+        else {
+            setTitle(null);
+        }
+        const result = (0, _input_1.copyMultiValue)(fields, selectOrg, utils_1.GLOBAL.CONFIG.BASIC.ORG_FIELDS);
+        props.onChange(result);
+    }, [selectOrg]);
+    return react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(antd_1.Button, Object.assign({}, params, { style: { width: '100%', textAlign: 'left' }, icon: react_1.default.createElement(Icon_1.Icon, { type: 'select', style: { marginRight: 4 } }), onClick: () => setOpen(true) }), title || (0, _input_1.getPlaceholder)(field, true)),
+        react_1.default.createElement(Modal_1.Modal, { open: open, onCancel: () => setOpen(false), onOk: onOk, title: utils_1.i18n.txt(Const_1.V.INPUT_ORG_SLECT) },
+            react_1.default.createElement(DTree_1.DTree, { rootApi: utils_1.GLOBAL.CONFIG.BASIC.ORG_ROOT, childApi: utils_1.GLOBAL.CONFIG.BASIC.ORG_CHILDREN, keyField: utils_1.GLOBAL.CONFIG.BASIC.ORG_FIELDS[0], mustSelect: mustSelect, titleField: utils_1.GLOBAL.CONFIG.BASIC.ORG_FIELDS[1], checkField: utils_1.GLOBAL.CONFIG.BASIC.ORG_FIELDS[3], parentField: utils_1.GLOBAL.CONFIG.BASIC.ORG_FIELDS[2], onSelect: (id, obj) => {
+                    if (id) {
+                        setSelected([id, obj]);
+                        return;
+                    }
+                    if (mustSelect)
+                        return;
+                    setSelected([null, null]);
+                } })));
+}, {
+    isMultiple: true,
+    render: (value, data, field) => {
+        const [fields, values] = (0, _input_1.getMultiFieldValues)(field, data);
+        if (values.length >= 2 && values[1])
+            return values[1];
+        if (values.length >= 1 && values[1]) {
+            return getOrgCodeRender()(values[0]);
+        }
+        return '';
+    }
+});

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

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

package/components/_setup/UForm/UFormRole.js

@@ -0,0 +1,47 @@
+"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 antd_1 = require("antd");
+const _register_1 = require("../../UForm/_register");
+const _input_1 = require("../../UForm/_input");
+const utils_1 = require("../../../utils");
+let roleRender = null;
+const getRoleRender = () => {
+    if (roleRender == null)
+        roleRender = utils_1.Renders.ApiGetRender({ api: utils_1.GLOBAL.CONFIG.ADMIN.ROLE, nameField: 'name', valueFiled: 'id', });
+    return roleRender;
+};
+// 下拉
+(0, _register_1.registerFormField)('role', (props) => {
+    const { field, disabled, value, onChange, } = props;
+    let roleOption = null;
+    if (field.config && field.config.valueFormat == 'string') {
+        roleOption = { valueFormat: 'string' };
+    }
+    const options = getRoleRender().useOption();
+    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(antd_1.Select, Object.assign({}, params, field.config, { mode: "default", value: value === null ? undefined : value, onChange: onChange, options: options }));
+}, {
+    render: getRoleRender(),
+});
+// 下拉
+(0, _register_1.registerFormField)('roles', (props) => {
+    const { field, disabled, value, onChange } = props;
+    const options = getRoleRender().useOption({ valueFormat: 'string' });
+    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;
+    let selectKey = [];
+    if (value) {
+        selectKey = (value || '').split(',').map(lodash_1.default.trim);
+    }
+    return react_1.default.createElement(antd_1.Select, Object.assign({}, params, field.config, { value: selectKey, mode: "multiple", onChange: (val) => onChange(val.join(',')) }), options.map(item => react_1.default.createElement(antd_1.Select.Option, { value: item.value + '' }, item.label)));
+}, {
+    render: getRoleRender()
+});

package/components/_setup/UForm/UFormSearch.js

@@ -0,0 +1,35 @@
+// // 支持搜索的选择器
+// registerInputType('search-select', class extends UFormInput {
+//     render() {
+//         const { field, disabled, value } = this.props;
+//         let params = { disabled, allowClear: true }
+//         if (field.rule && _.find(field.rule, { required: true })) {
+//             params.allowClear = false;
+//         }
+//         let option = this.getOptions().map(item => ({ name: item.label, value: item.value + '%^&*' + item.label }));
+//         let tempValue = ''
+//         if (value){
+//             this.getOptions().map(item => {
+//                     if(item.value == value){
+//                         option.map(op => {
+//                             if(opitem.label == item.label){
+//                                 tempValue = op.value
+//                             }
+//                         })
+//                     }
+//             })
+//         }
+//         return <Select
+//             {...params}
+//             {...field.config}
+//             showSearch
+//             mode="default"
+//             placeholder={this.getSelectTip()}
+//             value={tempValue === null ? undefined : tempValue}
+//             onChange={(value: any) => this.onChange(value.split('%^&*')[0])}
+//         >
+//             {option.map(item => <Select.Option value={item.value as any}>{field.render ? (field.render(item.value, item)) : item.label}</Select.Option>)}
+//         </Select>
+//     }
+// })
+// registerInputType('autocompeane', class extends UFormInput {

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

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

package/components/_setup/UForm/UFormSelect.js

@@ -0,0 +1,179 @@
+"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 antd_1 = require("antd");
+const Icon_1 = require("../../_adapt/Icon");
+const Select_1 = require("../../_adapt/Select");
+const _input_1 = require("../../UForm/_input");
+const utils_1 = require("../../../utils");
+const _utils_1 = require("./_utils");
+const Const_1 = require("../Const");
+// 下拉
+(0, _register_1.registerFormField)('select', (props) => {
+    const { field, disabled, value, onChange, options } = props;
+    let params = { placeholder: (0, _input_1.getPlaceholder)(field, true), disabled, allowClear: true, options };
+    if (field.required || field.rules && lodash_1.default.find(field.rules, { required: true }))
+        params.allowClear = false;
+    return react_1.default.createElement(Select_1.Select, Object.assign({}, params, field.config, { mode: "default", value: value === null ? undefined : value, onChange: onChange }));
+});
+// 下拉
+(0, _register_1.registerFormField)('multi-select', (props) => {
+    const { field, disabled, value, onChange, options } = 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;
+    let selectKey = [];
+    if (value) {
+        if (lodash_1.default.isArray(value)) {
+            selectKey = value;
+        }
+        else {
+            selectKey = (value || '').split(',').map(lodash_1.default.trim);
+        }
+    }
+    return react_1.default.createElement(Select_1.Select, Object.assign({}, params, field.config, { value: selectKey, mode: "multiple", onChange: (val) => onChange(val.join(',')) }), options.map(item => react_1.default.createElement(Select_1.Select.Option, { value: item.value + '' }, item.label)));
+}, {
+    render: _utils_1.MULTI_CHOOSE_SHOW
+});
+// 开关：支持使用 config :{reverse:true} 来倒置2个选项
+(0, _register_1.registerFormField)('switch', (props) => {
+    const { field, disabled, value, onChange, options } = props;
+    if (options.length <= 1) {
+        console.warn('Type Switch Must have 2 Options');
+        return utils_1.Const.NONE;
+    }
+    let CHECKED = utils_1.GLOBAL.CONFIG.FORM.SWITCH_DEFAULT_CHECKED;
+    if (lodash_1.default.has(field.config, 'reverse') && field.config.reverse)
+        CHECKED = 1 - CHECKED;
+    let UNCHECKED = 1 - CHECKED;
+    return react_1.default.createElement(antd_1.Switch, Object.assign({ checkedChildren: field.options[CHECKED].label, unCheckedChildren: field.options[UNCHECKED].label }, field.config, { disabled: disabled, checked: value == field.options[CHECKED].value, onChange: (isCheck, evt) => {
+            utils_1.PageUtil.stopEvent(evt);
+            onChange(isCheck ? field.options[CHECKED].value : field.options[UNCHECKED].value);
+        } }));
+});
+// 单选
+(0, _register_1.registerFormField)('radio', (props) => {
+    const { field, disabled, value, onChange, options } = props;
+    return react_1.default.createElement(antd_1.Radio.Group, Object.assign({}, field.config, { disabled: disabled, value: value === null ? undefined : value, onChange: evt => onChange(evt.target.value), optionType: "default", options: options }));
+}, { breakCol: true });
+// 单选按钮
+(0, _register_1.registerFormField)('radio-button', (props) => {
+    const { field, disabled, value, onChange, options } = props;
+    return react_1.default.createElement(antd_1.Radio.Group, Object.assign({ buttonStyle: "solid" }, field.config, { disabled: disabled, value: value === null ? undefined : value, optionType: "button", options: options, onChange: evt => onChange(evt.target.value) }));
+});
+// 单选 - 带更多
+(0, _register_1.registerFormField)('radio-with-more', (props) => {
+    const { field, disabled, value, options, onChange } = props;
+    const VALUES = new Set(options.map(item => item.value));
+    const morStatus = (txt) => {
+        if (VALUES.has(txt))
+            return { isMore: false, txt: '' };
+        if (txt && lodash_1.default.trim(txt).length > 0) {
+            return { isMore: true, txt };
+        }
+        return { isMore: false, txt: '' };
+    };
+    const [status, setStatus] = (0, react_1.useState)(morStatus(value));
+    return react_1.default.createElement(antd_1.Radio.Group, Object.assign({ disabled: disabled }, field.config),
+        options.map(item => react_1.default.createElement(antd_1.Radio, { checked: !status.isMore && item.value == value, value: item.value, onClick: evt => {
+                utils_1.PageUtil.stopEvent(evt);
+                if (status.isMore)
+                    setStatus((stats) => (Object.assign(Object.assign({}, stats), { isMore: false })));
+                // @ts-ignore
+                onChange(evt.target.value);
+            } }, field.render ? (field.render(item.value, item)) : item.label)),
+        react_1.default.createElement(antd_1.Radio, { value: "___MORE__", checked: status.isMore, onClick: (evt) => {
+                utils_1.PageUtil.stopEvent(evt);
+                if (status.isMore)
+                    return;
+                setStatus((status) => (Object.assign(Object.assign({}, status), { isMore: true })));
+                onChange(status.txt);
+            } },
+            !status.isMore && react_1.default.createElement("span", null, utils_1.i18n.txt(Const_1.V.INPUT_MORE)),
+            status.isMore && react_1.default.createElement(antd_1.Input, { value: status.txt, onChange: evt => {
+                    onChange(evt.target.value);
+                    setStatus({ isMore: true, txt: evt.target.value });
+                } })));
+}, { breakCol: true });
+// 多选
+(0, _register_1.registerFormField)('checkbox', (props) => {
+    const { field, disabled, value, options, onChange } = props;
+    let selectKey = [];
+    if (value)
+        selectKey = value.split(',').map(item => item.trim());
+    return react_1.default.createElement(antd_1.Checkbox.Group, Object.assign({ disabled: disabled }, field.config, { value: selectKey, className: 'i-checkbox-group', onChange: val => onChange(val.join(',')), options: options.map((item) => (Object.assign(Object.assign({}, item), { value: item.value + '' }))) }));
+}, {
+    breakCol: true,
+    render: _utils_1.MULTI_CHOOSE_SHOW
+});
+// 多选 带全选
+(0, _register_1.registerFormField)('checkbox-with-all', (props) => {
+    const { field, disabled, value, options, onChange } = props;
+    const OPTIONS = new Set(options.map(item => item.value + ''));
+    const SELECTED = new Set();
+    if (value)
+        value.split(',').map(item => SELECTED.add(item.trim()));
+    let allChecked = SELECTED.size == OPTIONS.size;
+    return react_1.default.createElement("div", Object.assign({ className: 'i-checkbox-group', disabled: disabled }, field.config),
+        react_1.default.createElement(antd_1.Checkbox, { checked: allChecked, onChange: evt => {
+                if (evt.target.checked) {
+                    onChange(options.map(item => item.value).join(','));
+                }
+                else {
+                    onChange(null);
+                }
+            } }, utils_1.i18n.txt(Const_1.V.INPUT_CHECK_ALL)),
+        options.map(item => react_1.default.createElement(antd_1.Checkbox, { value: item.value + '', checked: SELECTED.has(item.value + ''), onChange: evt => {
+                utils_1.PageUtil.stopEvent(evt);
+                let values = Array.from(SELECTED);
+                if (evt.target.checked) {
+                    values.push(item.value + '');
+                }
+                else {
+                    values = lodash_1.default.filter(values, val => val != (item.value + ''));
+                }
+                onChange(values.join(','));
+            } }, item.label)));
+}, {
+    render: _utils_1.MULTI_CHOOSE_SHOW,
+    breakCol: true,
+});
+// 选择图标
+(0, _register_1.registerFormField)('icon', (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;
+    params.treeData = utils_1.GLOBAL.CONFIG.ICONS.CLAZZ.map(item => ({ label: react_1.default.createElement(Icon_1.Icon, { type: item }), value: item, key: item }));
+    return react_1.default.createElement(antd_1.TreeSelect, Object.assign({ showSearch: false, popupClassName: "i-iconselect", virtual: false }, params, field.config, { value: value, multiple: false, treeCheckable: false, onChange: value => onChange(value) }));
+}, {
+    render: (value) => react_1.default.createElement(Icon_1.Icon, { type: value })
+});