vap1 0.1.4 → 0.1.5

package/index.d.ts

@@ -132,7 +132,7 @@ export { VTable, ApiTable, ApiTableModal, STable, TopTable, TopTableModal } from
 export { STree, DTree, FTree } from './components/Trees';
 export { UploadFile, UploadImage, UploadModal } from './components/Upload';
 export { SList } from './components/Lists/SList';
-export type { UFromProps, UModalProps, UFormField, UFormFieldGroup, LinkResult, UDescriptionsProps, UFormRef } from './components/UForm';
+export type { UFromProps, UModalProps, UFormField, UFormFieldGroup, LinkResult, UDescriptionsProps, UFormRef, Link, LinkValue } from './components/UForm';
 export type { TableColumn } from './components/Tables/index';
 export type { VTableProps, VTableRef } from './components/Tables/VTable';
 export type { ApiTableProps } from './components/Tables/ApiTable';

package/package.json

@@ -1 +1 @@
-{"name":"vap1","version":"0.1.4","description":"vap1, Both support MicroService and SAP FrameWork, Support IE>9","main":"index.js","author":"Xiang da","license":"ISC"}
+{"name":"vap1","version":"0.1.5","description":"vap1, Both support MicroService and SAP FrameWork, Support IE>9","main":"index.js","author":"Xiang da","license":"ISC"}

package/uform/FormEditor.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { FormSchema } from './schema';
+/**
+ * TODO
+ * 1. input-with-select
+ *      select 宽度
+ *      select 位置
+ * 2. fieldCount>2 默认值
+ * 3. 默认显示/disable
+ * 4. tree-select
+ * 5. dtree-select
+ * 6. 所有日期：日期格式设置
+ * */
+type FormEditorProps = {
+    data?: string | FormSchema;
+    name?: string;
+    onSave: (schema: string, isCtrlS?: boolean) => void;
+    onBack?: () => void;
+};
+export declare const FormEditor: React.FC<FormEditorProps>;
+export {};

package/uform/FormEditor.js

@@ -0,0 +1,101 @@
+"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.FormEditor = void 0;
+const react_1 = __importStar(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const index_1 = require("../index");
+const index_2 = __importDefault(require("./panel/Items/index"));
+const index_3 = __importDefault(require("./panel/Editor/index"));
+const useForm_1 = require("./hooks/useForm");
+const FormViewer_1 = require("./FormViewer");
+const CanvasProperties_1 = __importDefault(require("./panel/Propreties/CanvasProperties"));
+const FieldProperties_1 = __importDefault(require("./panel/Propreties/FieldProperties"));
+const GroupProperties_1 = __importDefault(require("./panel/Propreties/GroupProperties"));
+const useEditor_1 = require("./hooks/useEditor");
+const FormViewer_2 = require("./FormViewer");
+const FormEditor = (props) => {
+    const schema = (0, react_1.useMemo)(() => (0, FormViewer_2.initSchama)(props.data), [props.data]);
+    const editor = (0, useEditor_1.useFormEditor)(schema);
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const save = (isCtrlS = false) => {
+        props.onSave(JSON.stringify(editor.getForm()), isCtrlS);
+    };
+    (0, react_1.useLayoutEffect)(() => {
+        const onKeyDown = (evt) => {
+            if (evt.ctrlKey && (evt.key == 's' || evt.key == 'S')) {
+                evt.preventDefault();
+                evt.stopPropagation();
+                save(true);
+            }
+        };
+        document.addEventListener('keydown', onKeyDown, false);
+        return () => document.removeEventListener('keydown', onKeyDown);
+    }, []);
+    return react_1.default.createElement(useForm_1.UFORM.Provider, { value: editor.form },
+        react_1.default.createElement(useEditor_1.FORM_EDITOR.Provider, { value: editor },
+            react_1.default.createElement(index_1.Row, { className: 'uform-editor' },
+                react_1.default.createElement(index_1.Col, { style: { width: 210, flexShrink: 0 } },
+                    react_1.default.createElement(index_2.default, null)),
+                react_1.default.createElement(index_1.Col, { style: { flexGrow: 1 } },
+                    react_1.default.createElement("div", { className: 'panel-title' },
+                        "\u8868\u5355 ",
+                        props.name && react_1.default.createElement("small", null,
+                            react_1.default.createElement("b", null, props.name)),
+                        react_1.default.createElement(index_1.Button.Group, { style: { float: 'right', marginRight: 6, display: 'block' } },
+                            editor.form.isGroup && react_1.default.createElement(index_1.Button, { icon: "plus", onClick: () => editor.addGroup() }, "\u6DFB\u52A0\u5206\u7EC4"),
+                            react_1.default.createElement(index_1.Button, { icon: 'eye', type: "primary", onClick: () => {
+                                    if (schema.fields && schema.fields.length > 1) {
+                                        setOpen(true);
+                                    }
+                                    else {
+                                        index_1.message.error('至少添加一个字段');
+                                    }
+                                } }, "\u9884\u89C8"))),
+                    react_1.default.createElement(index_3.default, null)),
+                react_1.default.createElement(index_1.Col, { style: { width: 320, flexShrink: 0 }, className: "uform-prperties" },
+                    react_1.default.createElement("div", { className: 'panel-title' },
+                        "\u5C5E\u6027",
+                        react_1.default.createElement(index_1.Button.Group, { style: { float: 'right', marginRight: 6, display: 'block' } },
+                            lodash_1.default.isFunction(props.onBack) && react_1.default.createElement(index_1.Button, { icon: 'rollback', onClick: () => props.onBack() }, "\u8FD4\u56DE"),
+                            react_1.default.createElement(index_1.Button, { onClick: () => save(), icon: 'save', type: 'primary' }, "\u4FDD\u5B58"))),
+                    react_1.default.createElement(index_1.Form, { className: 'panel-content', labelCol: { sm: 6 }, wrapperCol: { sm: 17 } }, editor.selected == null ? react_1.default.createElement(CanvasProperties_1.default, null) : (editor.selected.field ? react_1.default.createElement(FieldProperties_1.default, null) : react_1.default.createElement(GroupProperties_1.default, null))))),
+            react_1.default.createElement(FormViewer_1.FormModal, { title: editor.form.title || '表单预览', schema: editor.form, open: open, onOk: (data) => {
+                    setOpen(false);
+                    index_1.notification.info({
+                        role: 'alert',
+                        style: { padding: 0 },
+                        icon: react_1.default.createElement(react_1.default.Fragment, null),
+                        placement: 'top',
+                        message: react_1.default.createElement(react_1.default.Fragment, null,
+                            react_1.default.createElement("h4", null, "JSON \u9884\u89C8"),
+                            react_1.default.createElement("pre", null, JSON.stringify(data, null, 1)))
+                    });
+                }, onCancel: () => setOpen(false) })));
+};
+exports.FormEditor = FormEditor;

package/uform/FormViewer.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { FormSchema } from './schema';
+import type { UModalProps, PlainObject } from '../index';
+type ModalProps = Pick<UModalProps, 'open' | 'onOk' | 'onCancel' | 'title' | 'data'>;
+type FormViewProps = {
+    schema: FormSchema | string;
+    data?: PlainObject;
+};
+export declare const initSchama: (data: string | FormSchema) => FormSchema;
+export declare const FormViewer: React.FC<FormViewProps>;
+export declare const FormModal: React.FC<FormViewProps & ModalProps>;
+export {};

package/uform/FormViewer.js

@@ -0,0 +1,71 @@
+"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.FormModal = exports.FormViewer = exports.initSchama = void 0;
+const lodash_1 = __importDefault(require("lodash"));
+const react_1 = __importStar(require("react"));
+const index_1 = require("../index");
+const Convert_1 = require("./utils/Convert");
+const DEFAULT = { fields: [] };
+const initSchama = (data) => {
+    if (lodash_1.default.isString(data)) {
+        try {
+            const schema = JSON.parse(data);
+            if (lodash_1.default.isPlainObject(schema) && lodash_1.default.isArray(schema.fields)) {
+                return schema;
+            }
+        }
+        catch (_a) {
+        }
+    }
+    else if (lodash_1.default.isPlainObject(data) && lodash_1.default.isArray(data.fields)) {
+        return data;
+    }
+    return DEFAULT;
+};
+exports.initSchama = initSchama;
+const _FormRender = props => {
+    const uformProps = (0, react_1.useMemo)(() => (0, Convert_1.schemaToForm)(props.schema), [props]);
+    return react_1.default.createElement(index_1.UForm, Object.assign({}, uformProps, { data: props.data }));
+};
+const _ModalRender = props => {
+    const uformProps = (0, react_1.useMemo)(() => (0, Convert_1.schemaToForm)(props.schema), [props]);
+    let modalProps = {};
+    modalProps.title = props.title || props.schema.title || '';
+    return react_1.default.createElement(index_1.UFormModal, Object.assign({}, uformProps, modalProps, { data: props.data, open: props.open, onOk: props.onOk, onCancel: props.onCancel }));
+};
+const FormViewer = props => {
+    const schema = (0, react_1.useMemo)(() => (0, exports.initSchama)(props.schema), [props.schema]);
+    return react_1.default.createElement(_FormRender, { schema: schema, data: props.data });
+};
+exports.FormViewer = FormViewer;
+const FormModal = props => {
+    const schema = (0, react_1.useMemo)(() => (0, exports.initSchama)(props.schema), [props.schema]);
+    return react_1.default.createElement(_ModalRender, Object.assign({}, props, { schema: schema }));
+};
+exports.FormModal = FormModal;

package/uform/hooks/useEditor.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import type { FormGroup, FormItem, FormSchema, Cursor } from '../schema';
+type CurrentSelected = {
+    group?: string;
+    field?: string;
+};
+type FormEditorContext = {
+    form: FormSchema;
+    selected: CurrentSelected;
+    baseSpan: number;
+    getForm: () => FormSchema;
+    setSelected: (selected: {
+        field?: string;
+        group?: string;
+    }) => void;
+    deleteField: (groupId?: string) => void;
+    addGroup: () => void;
+    deleteGroup: (groupId: string) => void;
+    getSelect: () => FormItem | FormGroup;
+    sortField: (itemId: string, targetPos: any, groupId?: string) => void;
+    addField: (type: string, pointer?: Cursor, groupId?: string) => void;
+    setFormProperties: (param: Partial<FormSchema>) => void;
+    setFieldProperties: (properties: string, value: any) => void;
+};
+export declare const FORM_EDITOR: import("react").Context<FormEditorContext>;
+export declare const useEditor: () => FormEditorContext;
+export declare const useFormEditor: (dataJson: FormSchema) => FormEditorContext;
+export {};

package/uform/hooks/useEditor.js

@@ -0,0 +1,144 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormEditor = exports.useEditor = exports.FORM_EDITOR = void 0;
+const react_1 = require("react");
+const hooks_1 = require("../../hooks");
+const utils_1 = require("../../utils");
+const lodash_1 = __importDefault(require("lodash"));
+const arr_1 = require("../utils/arr");
+exports.FORM_EDITOR = (0, react_1.createContext)(null);
+const useEditor = () => (0, react_1.useContext)(exports.FORM_EDITOR);
+exports.useEditor = useEditor;
+const BASESPAN_MAP = new Map([['simple', 24], ['compress', 8], ['common', 12]]);
+const useFormEditor = (dataJson) => {
+    const [form, setForm] = (0, hooks_1.useSetState)(dataJson);
+    const FORM_REF = (0, react_1.useRef)(form);
+    const { layout, isGroup, fields } = form;
+    (0, react_1.useLayoutEffect)(() => { FORM_REF.current = form; }, [form]);
+    const [selected, setSelected] = (0, react_1.useState)(null);
+    const setFields = (fields) => setForm({ fields });
+    const baseSpan = (0, react_1.useMemo)(() => {
+        if (layout && BASESPAN_MAP.has(layout))
+            return BASESPAN_MAP.get(layout);
+        if (!isGroup)
+            return fields.length >= 8 ? 12 : 24;
+        let len = lodash_1.default.sum(fields.map(group => group.fields.length));
+        return len >= 8 ? 12 : 24;
+    }, [isGroup, layout, fields === null || fields === void 0 ? void 0 : fields.length]);
+    // 添加字段
+    const addField = (type, temPosition, groupId) => {
+        if (groupId) {
+            setFields((0, arr_1.insertInGroup)(type, fields, groupId, temPosition));
+        }
+        else {
+            setFields((0, arr_1.insertInList)(type, fields, temPosition));
+        }
+    };
+    // 删除字段
+    const deleteField = () => {
+        if (selected == null || selected.field == undefined) {
+            return;
+        }
+        if (!isGroup) {
+            setSelected(null);
+            setFields(lodash_1.default.filter(fields, item => item.id != selected.field));
+            return;
+        }
+        let list = fields;
+        let gdx = lodash_1.default.findIndex(list, { id: selected.group });
+        if (gdx < 0) {
+            return;
+        }
+        let idx = lodash_1.default.findIndex(list[gdx].fields, { id: selected.field });
+        if (idx < 0) {
+            return;
+        }
+        setSelected(null);
+        let group = Object.assign(Object.assign({}, list[gdx]), { fields: lodash_1.default.filter(list[gdx].fields, (f => f.id != selected.field)) });
+        setFields([...lodash_1.default.slice(list, 0, gdx), group, ...lodash_1.default.slice(list, gdx + 1)]);
+    };
+    // 删除分组
+    const deleteGroup = (groupId) => {
+        setSelected(null);
+        setFields(lodash_1.default.filter(fields, item => item.id != groupId));
+    };
+    // 字段/分组 排序
+    const sortField = (itemId, targetPos, groupId) => {
+        if (groupId) {
+            setFields((0, arr_1.sortListInGroup)(itemId, fields, groupId, targetPos));
+        }
+        else {
+            setFields((0, arr_1.sortList)(itemId, fields, targetPos));
+        }
+        setSelected(null);
+    };
+    // 获取当前选中项
+    const getSelect = () => {
+        if (selected == null) {
+            return null;
+        }
+        if (isGroup) {
+            let group = lodash_1.default.find(fields, { id: selected.group });
+            if (group) {
+                if (selected.field) {
+                    let p = lodash_1.default.find(group.fields, { id: selected.field });
+                    if (p) {
+                        return p;
+                    }
+                }
+                else {
+                    return group;
+                }
+            }
+        }
+        else {
+            let p = lodash_1.default.find(fields, { id: selected.field });
+            if (p) {
+                return p;
+            }
+        }
+        return null;
+    };
+    // // 设置表单属性
+    // const setFormProperties = (key: string, value: any) => {
+    //     setForm({ [key]: value })
+    // }
+    // 设置字段/分组属性
+    const setFieldProperties = (property, value) => {
+        if (selected == null) {
+            return;
+        }
+        if (isGroup && selected.field) {
+            setFields((0, arr_1.setPropertiesInGroup)(fields, selected.group, selected.field, property, value));
+            return;
+        }
+        setFields((0, arr_1.setProperties)(fields, selected.field || selected.group, property, value));
+    };
+    // 添加分组
+    const addGroup = () => {
+        if (!form.isGroup)
+            return;
+        let id = utils_1.StringUtil.genKey();
+        setFields([...fields, { title: '新分组 ' + id, id, fields: [] }]);
+    };
+    // const getForm = useCallback(()=>{})
+    return {
+        form,
+        selected,
+        baseSpan,
+        getForm: () => FORM_REF.current,
+        setSelected,
+        deleteField,
+        deleteGroup,
+        getSelect,
+        sortField,
+        addGroup,
+        addField,
+        setFormProperties: setForm,
+        setFieldProperties,
+    };
+};
+exports.useFormEditor = useFormEditor;

package/uform/hooks/useForm.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { FormSchema } from '../schema';
+export declare const UFORM: import("react").Context<FormSchema>;
+export declare const useForm: () => FormSchema;

package/uform/hooks/useForm.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useForm = exports.UFORM = void 0;
+const react_1 = require("react");
+exports.UFORM = (0, react_1.createContext)({ fields: [] });
+const useForm = () => (0, react_1.useContext)(exports.UFORM);
+exports.useForm = useForm;

package/uform/index.d.ts

@@ -0,0 +1,5 @@
+export { FormEditor } from './FormEditor';
+export { FormViewer, FormModal } from './FormViewer';
+export { registerEditorPlugin, registerFieldPlugin, registerGroupPlugin } from './plugins';
+import { registerCustom } from './inputs/register';
+export { registerCustom };

package/uform/index.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.registerCustom = exports.registerGroupPlugin = exports.registerFieldPlugin = exports.registerEditorPlugin = exports.FormModal = exports.FormViewer = exports.FormEditor = void 0;
+const react_1 = __importDefault(require("react"));
+const index_1 = require("../index");
+const lodash_1 = __importDefault(require("lodash"));
+var FormEditor_1 = require("./FormEditor");
+Object.defineProperty(exports, "FormEditor", { enumerable: true, get: function () { return FormEditor_1.FormEditor; } });
+var FormViewer_1 = require("./FormViewer");
+Object.defineProperty(exports, "FormViewer", { enumerable: true, get: function () { return FormViewer_1.FormViewer; } });
+Object.defineProperty(exports, "FormModal", { enumerable: true, get: function () { return FormViewer_1.FormModal; } });
+var plugins_1 = require("./plugins");
+Object.defineProperty(exports, "registerEditorPlugin", { enumerable: true, get: function () { return plugins_1.registerEditorPlugin; } });
+Object.defineProperty(exports, "registerFieldPlugin", { enumerable: true, get: function () { return plugins_1.registerFieldPlugin; } });
+Object.defineProperty(exports, "registerGroupPlugin", { enumerable: true, get: function () { return plugins_1.registerGroupPlugin; } });
+const register_1 = require("./inputs/register");
+Object.defineProperty(exports, "registerCustom", { enumerable: true, get: function () { return register_1.registerCustom; } });
+const picOptions = lodash_1.default.range(1, 17).map((key) => ({ label: key, value: `/data/images/dashboard/${key}.png` }));
+(0, register_1.registerCustom)({
+    type: 'dashboard-cover',
+    title: '快速图片选择',
+    icon: 'text.png',
+    Component: () => {
+        const width = 144, height = 81;
+        return react_1.default.createElement("div", null,
+            react_1.default.createElement(index_1.Upload, { name: "file", withCredentials: true, listType: "picture", showUploadList: false, onChange: () => { }, accept: "image/*", className: 'upload-icon-empty', data: { namespace: 'app-data', } }, react_1.default.createElement("div", { style: { width, height, marginRight: 6, textAlign: 'center', paddingTop: 12, cursor: 'pointer', borderRadius: 4, marginBottom: 6, border: '1px solid rgb(24 144 255 / 24%)' } },
+                react_1.default.createElement(index_1.Icon, { type: 'plus' }),
+                react_1.default.createElement("div", { className: "ant-upload-text" }, "\u4E0A\u4F20"))),
+            react_1.default.createElement(index_1.Row, { style: { height: 140, width: 436, overflowX: 'hidden', overflowY: 'auto', flexWrap: 'wrap' }, gutter: 8 }, picOptions.map((img) => react_1.default.createElement(index_1.Col, { span: 6, style: { height: 64, marginBottom: 6, cursor: 'pointer' } },
+                react_1.default.createElement("img", { style: { height: '100%', width: '100%', borderWidth: 1, borderStyle: 'solid', borderRadius: 6, borderColor: 'transparent' }, src: img.value })))));
+    }
+});

package/uform/inputs/_advance.d.ts

@@ -0,0 +1,2 @@
+import type { FormInput } from './register';
+export declare const FROM_ADVANCE: FormInput[];

package/uform/inputs/_advance.js

@@ -0,0 +1,57 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FROM_ADVANCE = void 0;
+const react_1 = __importDefault(require("react"));
+const index_1 = require("../../index");
+const defaultPlaceholder = '请上传';
+const style = { pointerEvents: 'none' };
+// 内置输入
+exports.FROM_ADVANCE = [
+    {
+        type: 'file',
+        title: '上传文件',
+        icon: 'text.png',
+        defaultPlaceholder,
+        fieldCount: 2,
+        Component: props => react_1.default.createElement(index_1.Button, { style: style, icon: "upload" }, props.placeholder || '上传文件')
+    },
+    {
+        type: 'img',
+        title: '上传图片',
+        icon: 'text.png',
+        defaultPlaceholder,
+        Component: props => react_1.default.createElement(index_1.UploadImage, { onChange: () => { } })
+    },
+    {
+        type: 'organization',
+        title: '机构选择',
+        icon: 'text.png',
+        fieldCount: 4,
+        defaultPlaceholder: "请选择",
+        Component: props => react_1.default.createElement(index_1.Button, { style: style, icon: "upload" }, props.placeholder || '请选择机构')
+    },
+    {
+        type: 'role',
+        title: '角色选择',
+        icon: 'text.png',
+        defaultPlaceholder: "请选择",
+        Component: props => react_1.default.createElement(index_1.Select, { style: style, placeholder: props.placeholder || '请选择角色' })
+    },
+    {
+        type: 'roles',
+        title: '角色多选',
+        icon: 'text.png',
+        defaultPlaceholder: "请选择",
+        Component: props => react_1.default.createElement(index_1.Select, { style: style, placeholder: props.placeholder || '请选择角色' })
+    },
+    {
+        type: 'json-array',
+        title: '列表',
+        icon: 'text.png',
+        defaultPlaceholder: "请选择",
+        Component: props => react_1.default.createElement(index_1.Table, { style: style, locale: { emptyText: react_1.default.createElement(index_1.Empty, { description: "\u4EC5\u4E3A\u9884\u89C8\u6548\u679C\uFF0C\u8868\u683C\u914D\u7F6E\u6B63\u5728\u652F\u6301\u4E2D" }) } })
+    }
+];

package/uform/inputs/_date.d.ts

@@ -0,0 +1,2 @@
+import type { FormInput } from './register';
+export declare const FORM_DATE: FormInput[];