vap1 0.0.1

package/components/UForm/UInfo.js

@@ -0,0 +1,75 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UInfo = void 0;
+const react_1 = __importDefault(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const UDescriptions_1 = require("./UDescriptions");
+const FormWrapper_1 = require("./FormWrapper");
+const _register_1 = require("./_register");
+const UForm_1 = require("./UForm");
+const Const_1 = require("../../utils/Const");
+const renderValue = (component, field, data) => {
+    if (lodash_1.default.isFunction(field.render))
+        return field.render(data[field.field], data);
+    if (lodash_1.default.isFunction(component.render))
+        return component.render(data[field.field], data, field);
+    if (lodash_1.default.has(data, field.field)) {
+        if (!lodash_1.default.has(field, 'options')) {
+            return data[field.field];
+        }
+        let find = lodash_1.default.find(field.options, { value: data[field.field] });
+        if (find != null) {
+            return find.label;
+        }
+        return data[field.field];
+    }
+    let idx = field.field.indexOf(',');
+    if (idx > 0) {
+        let nameField = field.field.substring(idx + 1).trim();
+        if (lodash_1.default.has(data, nameField)) {
+            return data[nameField];
+        }
+    }
+    return '';
+};
+const renderFields = (fields, state, data) => {
+    const { cols, hiddenFields } = state;
+    return fields.map(field => {
+        //@ts-ignore
+        if (field == null || field === false || hiddenFields.current.has(field.field))
+            return Const_1.NONE;
+        let component = (0, _register_1.getUFormInput)(field.type);
+        // breakDes 必须自行写Render ，且使用 UDescriptions.Item 结构包住
+        if (component.breakDes) {
+            if (lodash_1.default.isFunction(component.render)) {
+                return component.render(data[field.field], data, field);
+            }
+            return Const_1.NONE;
+        }
+        if (component.breakTitle) {
+            return react_1.default.createElement(UDescriptions_1.UDescriptions.Item, { breakLabel: true, span: cols, ik: field.ik, roleCode: field.roleCode }, renderValue(component, field, data));
+        }
+        if ((field.span && field.span >= cols) || component.breakCol) {
+            return react_1.default.createElement(UDescriptions_1.UDescriptions.Item, { span: cols, label: field.title, ik: field.ik, roleCode: field.roleCode }, renderValue(component, field, data));
+        }
+        return react_1.default.createElement(UDescriptions_1.UDescriptions.Item, { span: field.span || 1, label: field.title, ik: field.ik, roleCode: field.roleCode }, renderValue(component, field, data));
+    });
+};
+const renderGroup = (props, fields, state, data) => {
+    //@ts-ignore
+    return fields.map(group => react_1.default.createElement(UDescriptions_1.UDescriptions, { labelWidth: state.maxLabel > 20 ? 20 : state.maxLabel, title: group.title, ik: group.ik, column: state.cols, theme: props.theme, hideBorder: props.hideBorder, className: props.className }, renderFields(group.fields, state, data)));
+};
+const _UInfo = (props) => {
+    const state = (0, FormWrapper_1.useFormLayout)();
+    const data = (0, UForm_1.initValue)(Object.assign(Object.assign({}, props), { state }));
+    if (state.isGroup)
+        return renderGroup(props, props.fields, state, data);
+    // @ts-ignore
+    return react_1.default.createElement(UDescriptions_1.UDescriptions, { labelWidth: state.maxLabel > 20 ? 20 : state.maxLabel, column: state.cols, theme: props.theme, hideBorder: props.hideBorder, className: props.className }, renderFields(props.fields, state, data));
+};
+const UInfo = props => react_1.default.createElement(FormWrapper_1.FormWrapper, Object.assign({ isInfo: true }, props),
+    react_1.default.createElement(_UInfo, Object.assign({}, props)));
+exports.UInfo = UInfo;

package/components/UForm/UInfoModal.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { UModalProps } from './index';
+export declare const UInfoModal: React.FC<UModalProps>;

package/components/UForm/UInfoModal.js

@@ -0,0 +1,50 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UInfoModal = void 0;
+const react_1 = __importDefault(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const Modal_1 = require("../_adapt/Modal");
+const utils_1 = require("../../utils");
+const UInfo_1 = require("./UInfo");
+const Const_1 = require("../_setup/Const");
+const FormWrapper_1 = require("./FormWrapper");
+const FORM_FIELDS = ['layout', 'fields', 'groupType', 'isEdit', 'tip', 'default', 'data', 'mode', 'hideBorder', 'theme'];
+const UInfoModal = (props) => {
+    const param = lodash_1.default.omit(props, FORM_FIELDS);
+    if (!lodash_1.default.has(props, 'title') && lodash_1.default.has(props, 'autoTitle')) {
+        let name = null;
+        if (lodash_1.default.isObject(props.autoTitle)) {
+            if (lodash_1.default.has(props.data, props.autoTitle.field)) {
+                name = `${props.autoTitle.label} : ${props.data[props.autoTitle.field]}`;
+            }
+            else {
+                name = props.autoTitle.label;
+            }
+        }
+        else if (lodash_1.default.isString(props.autoTitle)) {
+            if (lodash_1.default.has(props.data, props.autoTitle)) {
+                name = props.data[props.autoTitle];
+            }
+            else if (utils_1.i18n.hasKey(props.autoTitle)) {
+                name = utils_1.i18n.txt(props.autoTitle);
+            }
+            else {
+                name = props.autoTitle;
+            }
+        }
+        if (name) {
+            param.title = utils_1.i18n.txt(Const_1.V.ACT_INFO_TITLE_NAMED, name);
+        }
+        else {
+            param.title = utils_1.i18n.txt(Const_1.V.ACT_INFO_TITLE);
+        }
+    }
+    if (!lodash_1.default.has(props, 'width'))
+        param.width = (0, FormWrapper_1.getDefault)(props)[1];
+    return react_1.default.createElement(Modal_1.Modal, Object.assign({ maskClosable: true, footer: null }, param),
+        react_1.default.createElement(UInfo_1.UInfo, Object.assign({}, lodash_1.default.pick(props, FORM_FIELDS))));
+};
+exports.UInfoModal = UInfoModal;

package/components/UForm/UModal.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { UModalProps } from './index';
+export declare const UModal: React.FC<UModalProps>;

package/components/UForm/UModal.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UModal = void 0;
+const react_1 = __importDefault(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const UFormModal_1 = require("./UFormModal");
+const UInfoModal_1 = require("./UInfoModal");
+const UModal = (props) => {
+    // 指定模式时，以指定的模式为准
+    if (lodash_1.default.has(props, 'mode')) {
+        if (props.mode == 'INFO')
+            return react_1.default.createElement(UInfoModal_1.UInfoModal, Object.assign({}, props));
+        return react_1.default.createElement(UFormModal_1.UFormModal, Object.assign({}, props));
+    }
+    if (props.isEdit)
+        return react_1.default.createElement(UFormModal_1.UFormModal, Object.assign({}, props));
+    if (props.data && lodash_1.default.keys(props.data).length)
+        return react_1.default.createElement(UInfoModal_1.UInfoModal, Object.assign({}, props));
+    return react_1.default.createElement(UFormModal_1.UFormModal, Object.assign({}, props));
+};
+exports.UModal = UModal;

package/components/UForm/_FieldType.d.ts

@@ -0,0 +1,8 @@
+/**
+ *
+| 类型 | 说明 |
+| ---  | --- |
+| text ||
+ *
+*/
+export declare const _FieldType: readonly ["text", "textarea", "password", "color", "number", "slider", "slider-range", "slider-range", "input-with-select", "select", "multi-select", "switch", "radio", "radio-button", "radio-with-more", "checkbox", "checkbox-with-all", "icon", "stree-select", "dtree-select", "ftree-select", "date", "datetime", "month", "week", "time", "daterange", "timerange", "daterange-single", "timerange-single", "monthrange", "json-array", "file", "multi-file", "img", "idcard", "ip", "ip4", "ip6", "phone", "telephone", "mobilephone", "port", "mac", "url", "email", "crontab", "organization", "role", "roles"];

package/components/UForm/_FieldType.js

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports._FieldType = void 0;
+/**
+ *
+| 类型 | 说明 |
+| ---  | --- |
+| text ||
+ *
+*/
+exports._FieldType = [
+    'text',
+    /**
+     * 文本输入域
+    */
+    'textarea',
+    /**
+     * 文本输入框
+    */
+    'password',
+    /**
+     * 密码输入
+    */
+    'color',
+    /**
+     * 颜色
+    */
+    'number',
+    /**
+     * 数字输入
+    */
+    'slider',
+    /**
+     * 数字滑动
+    */
+    'slider-range',
+    /**
+     * 数字滑动范围
+     * 说明：字段数量必须为2个
+    */
+    'slider-range',
+    /**
+     * 数字滑动范围
+     * 说明：字段数量必须为2个
+    */
+    'input-with-select',
+    /**
+     * 下拉选择
+    */
+    'select',
+    /**
+     * 下拉选择，支持多选
+    */
+    'multi-select',
+    /**
+     * 开关
+    */
+    'switch',
+    /**
+     * 单选
+    */
+    'radio',
+    'radio-button',
+    'radio-with-more',
+    'checkbox',
+    'checkbox-with-all',
+    'icon',
+    'stree-select',
+    'dtree-select',
+    'ftree-select',
+    'date',
+    'datetime',
+    'month',
+    'week',
+    'time',
+    'daterange',
+    'timerange',
+    'daterange-single',
+    'timerange-single',
+    'monthrange',
+    'json-array',
+    'file',
+    'multi-file',
+    'img',
+    'idcard',
+    'ip',
+    'ip4',
+    'ip6',
+    'phone',
+    'telephone',
+    'mobilephone',
+    'port',
+    'mac',
+    'url',
+    'email',
+    'crontab',
+    'organization',
+    'role',
+    'roles',
+];

package/components/UForm/_FormUtils.d.ts

@@ -0,0 +1,5 @@
+import type { UFormField } from './index';
+import type { BaseOption } from '../../basetype';
+import type { ValidationRule } from 'antd/es/form/Form';
+export declare const requireStatus: (field: UFormField, required: Map<string, boolean>, disabled: Set<string>, hiden: Set<string>) => [boolean, ValidationRule[]];
+export declare const getOptions: (items: BaseOption[], field: UFormField, data: any) => BaseOption[];

package/components/UForm/_FormUtils.js

@@ -0,0 +1,75 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getOptions = exports.requireStatus = void 0;
+const lodash_1 = __importDefault(require("lodash"));
+const utils_1 = require("../../utils");
+const Const_1 = require("../_setup/Const");
+const getRules = (isRequired, field) => {
+    const Rules = [];
+    let settled = false;
+    (field.rules || []).map(rule => {
+        if (lodash_1.default.isFunction(rule)) {
+            Rules.push(rule);
+            return;
+        }
+        if (lodash_1.default.has(rule, 'required')) {
+            Rules.push(Object.assign(Object.assign({}, rule), { required: isRequired, message: rule.message || utils_1.i18n.txt(Const_1.V.ERR_REQUIRED, utils_1.i18n.getText(field.ik, field.title)) }));
+            settled = true;
+        }
+        else {
+            // 如需自定义 callback 提示，需要设置 message : null
+            if (rule.message === null) {
+                // let r = { ...rule, };
+                lodash_1.default.unset(rule, 'message');
+                Rules.push(rule);
+            }
+            else {
+                Rules.push(Object.assign(Object.assign({}, rule), { message: rule.message || utils_1.i18n.txt(Const_1.V.ERR_FORMAT, utils_1.i18n.getText(field.ik, field.title)) }));
+            }
+        }
+    });
+    if (!settled) {
+        Rules.unshift({ required: isRequired, message: utils_1.i18n.txt(Const_1.V.ERR_REQUIRED, utils_1.i18n.getText(field.ik, field.title)) });
+    }
+    return Rules;
+};
+const requireStatus = (field, required, disabled, hiden) => {
+    if (disabled.has(field.field) || hiden.has(field.field))
+        return [false, []];
+    let isRequired = false;
+    if (required.has(field.field)) {
+        isRequired = required.get(field.field);
+    }
+    else {
+        if (field.required || lodash_1.default.findIndex(field.rules, (rule) => !lodash_1.default.isFunction(rule) && rule.required) >= 0) {
+            isRequired = true;
+        }
+    }
+    const Rules = getRules(isRequired, field);
+    return [isRequired, Rules];
+};
+exports.requireStatus = requireStatus;
+const getOptions = (items, field, data) => {
+    let options = [];
+    items.map(item => {
+        if (item.roleCode && !utils_1.PageUtil.hasRole(item.roleCode))
+            return;
+        let label = item.label;
+        if (field.render) {
+            label = field.render(item.value, data);
+        }
+        else if (item.ik && utils_1.i18n.hasKey(item.ik)) {
+            label = utils_1.i18n.txt(item.ik);
+        }
+        let node = Object.assign(Object.assign({}, item), { label });
+        if (lodash_1.default.isArray(item.children) && item.children.length) {
+            node.children = (0, exports.getOptions)(item.children, field, data);
+        }
+        options.push(node);
+    });
+    return items;
+};
+exports.getOptions = getOptions;

package/components/UForm/_input.d.ts

@@ -0,0 +1,59 @@
+import React from 'react';
+import type { UFormField } from './index';
+import type { PlainObject } from '../../basetype';
+import type { TableColumn } from '../Tables';
+import type { SearchBarProps } from '../SearchBar';
+export declare const copyMultiValue: (fields: string[], data: PlainObject, properties: string[]) => PlainObject;
+/**
+ * 获取复合字段的 字段与值，以数组形式返回
+*/
+export declare const getMultiFieldValues: (field: UFormField, value: PlainObject) => [string[], any[]];
+export declare const getPlaceholder: (field: UFormField, isSelect?: boolean) => string;
+/**
+ * ApiTable选择组件配置
+*/
+type ApiTableBuilderOptions = {
+    /**
+     * API地址，必须满足 VAP标准接口查询规范
+    */
+    api: string;
+    /**
+     * 选择弹框标题
+    */
+    title: React.ReactNode;
+    /**
+     * 选择弹框宽度
+    */
+    width?: number;
+    /**
+     * 指定显示的 field, 默认为第2个。
+     *  说明1：为什么默认第2个，因为总有这样的书写习惯 :
+     *  `id,name,sex,age` 一般习惯第一个为id, 名称会紧接id。
+     *  说明2：只有一个字段，则为第一个
+     *  说明3：nameField 必须在 itemFields 之中，否则无效
+    */
+    nameField?: string;
+    /**
+     * 支持连带返回的字段
+     * 1. 字段为数据本身的字段，支持一至多个
+     * 2. Field 配置里面，filed 参数
+    */
+    itemFields: string[];
+    /**
+     * 表格展示列
+    */
+    columns: TableColumn[];
+    /**
+     * 表格搜索字段
+    */
+    searchBar?: Omit<SearchBarProps, 'onChange' | 'onSearch'>;
+    /**
+     * 用于展示按钮内容的 render，优先级高于 nameField
+    */
+    render?: (obj: PlainObject) => React.ReactNode;
+};
+/**
+ * 快速注册 一个 弹出ApiTable 的选择组件
+*/
+export declare const registerApiTableSelector: (type: string, options: ApiTableBuilderOptions) => void;
+export {};

package/components/UForm/_input.js

@@ -0,0 +1,147 @@
+"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 });
+exports.registerApiTableSelector = exports.getPlaceholder = exports.getMultiFieldValues = exports.copyMultiValue = void 0;
+const react_1 = __importStar(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const i18n_1 = require("../../utils/i18n");
+const Const_1 = require("../_setup/Const");
+const Button_1 = require("../_adapt/Button");
+const Tables_1 = require("../Tables");
+const _register_1 = require("./_register");
+const utils_1 = require("../../utils");
+const copyMultiValue = (fields, data, properties) => {
+    if (data == null)
+        return null;
+    const result = {};
+    for (let i = 0, _i = fields.length, _j = properties.length; i < _i && i < _j; i++) {
+        if (lodash_1.default.has(data, properties[i]) && data[properties[i]] != null) {
+            result[fields[i]] = data[properties[i]];
+        }
+    }
+    if (lodash_1.default.keys(result).length > 0)
+        return result;
+    return null;
+};
+exports.copyMultiValue = copyMultiValue;
+/**
+ * 获取复合字段的 字段与值，以数组形式返回
+*/
+const getMultiFieldValues = (field, value) => {
+    const fields = field.field.split(',').map(lodash_1.default.trim);
+    if (fields.length == 1)
+        return [fields, [value || undefined]];
+    if (value) {
+        return [fields, fields.map(field => (value || {})[field])];
+    }
+    return [fields, fields.map(() => undefined)];
+};
+exports.getMultiFieldValues = getMultiFieldValues;
+const getPlaceholder = (field, isSelect = false) => {
+    if (field.placeholder)
+        return field.placeholder;
+    if (isSelect || lodash_1.default.isArray(field.options)) {
+        return (0, i18n_1.txt)(Const_1.V.INPUT_SELECT) + (0, i18n_1.getText)(field.ik, field.title);
+    }
+    return (0, i18n_1.txt)(Const_1.V.INPUT_TEXT) + (0, i18n_1.getText)(field.ik, field.title);
+};
+exports.getPlaceholder = getPlaceholder;
+const builderApiTableSerletor = (options, nameIdx) => props => {
+    const { value, field, disabled, onChange, form } = props;
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const [fields, values] = (0, exports.getMultiFieldValues)(field, value);
+    const valueFields = (0, react_1.useMemo)(() => lodash_1.default.take(options.itemFields, fields.length), []);
+    let params = { disabled: disabled };
+    const onSelect = (data) => {
+        setOpen(false);
+        if (valueFields.length == 1) {
+            onChange(data[valueFields[0]]);
+        }
+        else {
+            onChange(lodash_1.default.zipObject(fields, valueFields.map(item => data[item])));
+        }
+    };
+    const getTip = (values) => {
+        if (lodash_1.default.isFunction(field.render)) {
+            if (values.length == 1) {
+                return field.render(values[0], form.getFieldsValue());
+            }
+            return field.render(lodash_1.default.zipObject(fields, values), form.getFieldsValue());
+        }
+        if (lodash_1.default.isFunction(options.render)) {
+            const record = lodash_1.default.zipObject(options.itemFields, values);
+            return options.render(record);
+        }
+        if (values.length > nameIdx)
+            return values[nameIdx];
+        if (values.length > 1)
+            return values[1];
+        return values[0];
+    };
+    return react_1.default.createElement(react_1.default.Fragment, null,
+        values[0] != undefined ? react_1.default.createElement(Button_1.Button, Object.assign({}, params, { onClick: () => setOpen(true) }), getTip(values)) : react_1.default.createElement(Button_1.Button, Object.assign({}, params, { icon: 'select', onClick: () => setOpen(true) }), (0, exports.getPlaceholder)(field, true)),
+        react_1.default.createElement(Tables_1.ApiTableModal, { title: options.title, api: options.api, width: options.width || 720, columns: [
+                ...options.columns,
+                Tables_1.ApiTable.COL_OPERACTION({ render: data => react_1.default.createElement(Tables_1.ApiTable.ACTION, { title: "\u9009\u62E9", icon: "select", onClick: () => onSelect(data) }) })
+            ], searchBar: options.searchBar, open: open, onCancel: () => setOpen(false) }));
+};
+/**
+ * 快速注册 一个 弹出ApiTable 的选择组件
+*/
+const registerApiTableSelector = (type, options) => {
+    let showIdx = options.itemFields.length <= 1 ? 0 : 1;
+    if (options.nameField) {
+        let idx = lodash_1.default.indexOf(options.itemFields, options.nameField);
+        if (idx >= 0)
+            showIdx = idx;
+    }
+    const render = (_x, data, field) => {
+        const fields = field.field.split(',').map(lodash_1.default.trim).filter(item => item != '');
+        if (fields.length == 0)
+            return utils_1.Const.NONE;
+        if (field.render) {
+            if (fields.length == 1)
+                return field.render(data[fields[0]], data);
+            return field.render(lodash_1.default.pick(data, fields), data);
+        }
+        if (lodash_1.default.isFunction(options.render)) {
+            const record = lodash_1.default.zipObject(options.itemFields, fields.map(field => data[field]));
+            return options.render(record);
+        }
+        if (fields.length > showIdx)
+            return data[fields[showIdx]];
+        if (fields.length == 1)
+            return data[fields[0]];
+        return data[fields[1]];
+    };
+    (0, _register_1.registerFormField)(type, builderApiTableSerletor(options, showIdx), {
+        isMultiple: true,
+        render
+    });
+};
+exports.registerApiTableSelector = registerApiTableSelector;

package/components/UForm/_register.d.ts

@@ -0,0 +1,87 @@
+import React from 'react';
+import type { BaseOption, PlainObject } from '../../basetype';
+import type { UFormField } from './index';
+import type { ValidationRule, WrappedFormUtils } from 'antd/es/form/Form';
+import type { ComponentType } from 'react';
+/**
+ * 自定义组件实现时，为组件提供的参数
+ *
+ * 注册组件指南：
+ * 需要从 props 中获取 disabled / options 并实现
+*/
+export type FormFieldProps = {
+    /**
+     * 字段定义
+    */
+    field: UFormField;
+    /**
+     * 说明，必须使用 props.onChange 事件接收值的变化内容
+     * 不然会有（联动） Bug
+    */
+    onChange: Function;
+    /**
+     * 是否 disabled
+    */
+    disabled?: boolean;
+    /**
+     * 当前输入框的值
+    */
+    value?: any;
+    /**
+     * 当有 options 参数传入时，表示被 link 了 option 参数，优先使用 props.options
+    */
+    options?: BaseOption[];
+    /**
+     * form实例对象,用于一些高阶操作
+    */
+    form: WrappedFormUtils;
+};
+/**
+ * 组件，支持  Class式 和 函数式，自动自动注入 props: @see FieldProps
+*/
+export type FormFieldComponent = ComponentType<FormFieldProps>;
+/**
+ * 注册组件选项
+ * */
+export type FormFieldOptions = {
+    /**
+     * 独占一行
+    */
+    breakCol?: boolean;
+    /**
+     * 不显示标题
+    */
+    breakTitle?: boolean;
+    /**
+     * 全占一行且不显示 description
+    */
+    breakDes?: boolean;
+    /**
+     * 是否为组合字段，在多个字段
+    */
+    isMultiple?: boolean;
+    /**
+     * INFO模式下的回显方式
+    */
+    render?: (value: any, data?: PlainObject, field?: UFormField) => React.ReactNode;
+    /**
+     * 校验规则
+     * 支持传Rule, Rule数组，及一个方法，接收一个数组
+     */
+    rules?: ValidationRule | ValidationRule[] | ((field: UFormField) => ValidationRule | ValidationRule[]);
+};
+export type FormField = FormFieldOptions & {
+    component: FormFieldComponent;
+};
+/**
+ * @param type
+ *      类型名称
+ * @param element
+ *      输入组件，为一个React 类型，自动注入 props @see FieldProps
+ * @param options
+ *      注册选项  @see FieldOptions
+ * @param forceOverWrite
+ *      强制覆盖掉已注册的组件，默认重复注册相同的类型时，后注册的不能生效，使用 true 后，强㓡覆盖掉之前注册的组件
+*/
+export declare const registerFormField: (type: string, component: FormFieldComponent, options?: FormFieldOptions, forceOverWrite?: boolean) => void;
+export declare const getUFormInput: (type: string) => FormField;