@tachybase/client 0.23.48 → 1.0.6

package/es/collection-manager/Configuration/ImportXlsx/xlsxFieldsConfigure.mjs

@@ -0,0 +1,380 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash__ from "lodash";
+import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
+import * as __WEBPACK_EXTERNAL_MODULE__data_source_index_mjs__ from "../../../data-source/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__ from "../../../schema-component/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__ from "../../hooks/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__interfaces_mjs__ from "../interfaces.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__xlsxFormValueContextProvider_mjs__ from "./xlsxFormValueContextProvider.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__xlsxImportAction_mjs__ from "./xlsxImportAction.mjs";
+const xlsxFieldsConfigure = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)=>{
+    const { filedata } = props;
+    const { fields, data } = filedata;
+    (0, __WEBPACK_EXTERNAL_MODULE__data_source_index_mjs__.useDataSourceManager)();
+    const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    const initOptions = (0, __WEBPACK_EXTERNAL_MODULE__interfaces_mjs__.useFieldInterfaceOptions)();
+    const compile = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useCompile)();
+    const [selectedTitleField, setSelectedTitleField] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)();
+    const form = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useForm)();
+    const [formValue, setFormValue] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(fields);
+    const { getInterface } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.useCollectionManager_deprecated)();
+    const getDefaultUiSchema = (interfaceType, title)=>{
+        var _interfaceConfigValues_default;
+        const interfaceConfig = getInterface(interfaceType) || {};
+        const interfaceConfigValues = (0, __WEBPACK_EXTERNAL_MODULE_lodash__.cloneDeep)(interfaceConfig);
+        const defaultUiSchema = (null == interfaceConfigValues ? void 0 : null === (_interfaceConfigValues_default = interfaceConfigValues.default) || void 0 === _interfaceConfigValues_default ? void 0 : _interfaceConfigValues_default.uiSchema) || {};
+        return {
+            ...defaultUiSchema,
+            title
+        };
+    };
+    const handleFieldChange = (updatedField, index)=>{
+        const updatedFieldData = [
+            ...formValue
+        ];
+        updatedFieldData[index] = updatedField;
+        setFormValue(updatedFieldData);
+    };
+    const handleFieldTypeChange = async (updatedField, index)=>{
+        const { type, name: dataIndex, uiSchema } = updatedField;
+        const updatedData = [
+            ...data
+        ];
+        let hasError = false;
+        const typeToInterface = {
+            json: 'json',
+            boolean: 'checkbox',
+            string: 'input',
+            integer: 'integer',
+            float: 'number',
+            date: 'datetime'
+        };
+        updatedField.interface = await typeToInterface[type] || null;
+        const currentUiSchema = await getDefaultUiSchema(updatedField.interface, uiSchema.title);
+        updatedField.uiSchema = currentUiSchema;
+        updatedData.forEach((row, rowIndex)=>{
+            try {
+                if (void 0 !== row[dataIndex]) row[dataIndex] = parseValue(row[dataIndex], type);
+            } catch (error) {
+                hasError = true;
+                __WEBPACK_EXTERNAL_MODULE_antd__.message.error("Row ".concat(rowIndex + 1, ", Column ").concat(uiSchema.title, ": ").concat(error.message));
+            }
+        });
+        if (!hasError) {
+            __WEBPACK_EXTERNAL_MODULE_antd__.message.success("".concat(t('Fields'), ' "').concat(uiSchema.title, '"').concat(t('Converted to'), " ").concat(type));
+            const updatedFieldData = [
+                ...formValue
+            ];
+            updatedFieldData[index] = updatedField;
+            setFormValue(updatedFieldData);
+        }
+    };
+    const handleFieldInterfaceChange = async (updatedField, index)=>{
+        const currentUiSchema = await getDefaultUiSchema(updatedField.interface, updatedField.uiSchema.title);
+        updatedField.uiSchema = currentUiSchema;
+        const updatedFieldData = [
+            ...formValue
+        ];
+        updatedFieldData[index] = updatedField;
+        setFormValue(updatedFieldData);
+    };
+    const parseValue = (value, type)=>{
+        try {
+            switch(type){
+                case 'boolean':
+                    if ('true' === value.toLowerCase()) return true;
+                    if ('false' === value.toLowerCase()) return false;
+                    throw new Error('Invalid boolean');
+                case 'integer':
+                    if (!/^-?\d+$/.test(value)) throw new Error('Invalid integer');
+                    return parseInt(value, 10);
+                case 'float':
+                    if (!/^-?\d+(\.\d+)?$/.test(value)) throw new Error('Invalid number');
+                    return Number(value);
+                case 'json':
+                    return JSON.parse(value);
+                case 'date':
+                    if (isNaN(Date.parse(value))) throw new Error('Invalid date');
+                    return new Date(value);
+                default:
+                    if (null == value || '' === value) return '';
+                    return value.toString();
+            }
+        } catch (error) {
+            throw new Error("Type conversion error: ".concat(error.message));
+        }
+    };
+    const handleTitleChange = (checked, field)=>{
+        const newTitleField = checked ? field.name : null;
+        setSelectedTitleField(newTitleField);
+        form.setValuesIn('titleField', newTitleField);
+    };
+    const isTitleField = (field)=>{
+        var _getInterface;
+        return !field.isForeignKey && (null === (_getInterface = getInterface(field.interface)) || void 0 === _getInterface ? void 0 : _getInterface.titleUsable);
+    };
+    const getOptions = (type)=>{
+        const InterfaceOptions = getInterfaceOptions(initOptions, type);
+        const options = InterfaceOptions.map((group)=>({
+                label: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("span", {
+                    children: compile(group.label)
+                }),
+                title: group.key,
+                options: group.children.map((item)=>({
+                        label: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("span", {
+                            children: compile(item.label)
+                        }),
+                        value: item.name
+                    }))
+            }));
+        return options;
+    };
+    const getInterfaceOptions = (data, type)=>{
+        const interfaceOptions = [];
+        data.forEach((item)=>{
+            const options = item.children.filter((h)=>{
+                var _h_availableTypes;
+                return null == h ? void 0 : null === (_h_availableTypes = h.availableTypes) || void 0 === _h_availableTypes ? void 0 : _h_availableTypes.includes(type);
+            });
+            interfaceOptions.push({
+                label: item.label,
+                key: item.key,
+                children: options
+            });
+        });
+        return interfaceOptions.filter((v)=>{
+            if ('sort' === type) return 'advanced' === v.key;
+            return v.children.length > 0;
+        });
+    };
+    const columns = [
+        {
+            title: t('Field display name'),
+            dataIndex: 'title',
+            key: 'title',
+            render: (text, record, index)=>{
+                const field = formValue[index];
+                return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Input, {
+                    value: field.uiSchema.title || text,
+                    onChange: (e)=>handleFieldChange({
+                            ...field,
+                            uiSchema: {
+                                title: e.target.value
+                            }
+                        }, index)
+                });
+            }
+        },
+        {
+            title: t('Field name'),
+            dataIndex: 'name',
+            key: 'name',
+            render: (text, record, index)=>{
+                const field = formValue[index];
+                return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Input, {
+                    value: field.name || text,
+                    variant: "borderless",
+                    disabled: true
+                });
+            }
+        },
+        {
+            title: t('Field type'),
+            dataIndex: 'type',
+            key: 'type',
+            render: (text, record, index)=>{
+                const field = formValue[index];
+                return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Select, {
+                    value: field.type || text,
+                    onChange: (e)=>handleFieldTypeChange({
+                            ...field,
+                            type: e
+                        }, index),
+                    options: [
+                        {
+                            value: 'string',
+                            label: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("span", {
+                                children: "string"
+                            })
+                        },
+                        {
+                            value: 'boolean',
+                            label: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("span", {
+                                children: "boolean"
+                            })
+                        },
+                        {
+                            value: 'integer',
+                            label: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("span", {
+                                children: "integer"
+                            })
+                        },
+                        {
+                            value: 'float',
+                            label: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("span", {
+                                children: "float"
+                            })
+                        },
+                        {
+                            value: 'json',
+                            label: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("span", {
+                                children: "json"
+                            })
+                        },
+                        {
+                            value: 'date',
+                            label: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("span", {
+                                children: "date"
+                            })
+                        }
+                    ]
+                });
+            }
+        },
+        {
+            title: t('Field interface'),
+            dataIndex: 'interface',
+            key: 'interface',
+            render: (text, record, index)=>{
+                const field = formValue[index];
+                const options = getOptions(field.type);
+                return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Select, {
+                    "aria-label": "field-interface-".concat(null == field ? void 0 : field.type),
+                    role: "button",
+                    value: field.interface,
+                    popupMatchSelectWidth: false,
+                    onChange: (e)=>handleFieldInterfaceChange({
+                            ...field,
+                            interface: e
+                        }, index),
+                    options: options
+                });
+            }
+        },
+        {
+            dataIndex: 'titleField',
+            title: t('Title field'),
+            render: function(_, record, index) {
+                const field = formValue[index];
+                return isTitleField(field) ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Tooltip, {
+                    title: t('Default title for each record'),
+                    placement: "right",
+                    overlayInnerStyle: {
+                        textAlign: 'center'
+                    },
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Switch, {
+                        "aria-label": "switch-title-field-".concat(field.name),
+                        size: "small",
+                        checked: field.name === selectedTitleField,
+                        onChange: (checked)=>handleTitleChange(checked, field)
+                    })
+                }) : null;
+            }
+        },
+        {
+            title: t('Description'),
+            dataIndex: 'description',
+            key: 'description',
+            render: (text, record, index)=>{
+                const field = formValue[index];
+                return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Input.TextArea, {
+                    value: field.description,
+                    variant: "borderless",
+                    disabled: true
+                });
+            }
+        },
+        {
+            title: t('Actions'),
+            dataIndex: 'actions',
+            key: 'actions',
+            render: (text, record, index)=>{
+                const field = formValue[index];
+                return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Space, {
+                    size: "middle",
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__xlsxImportAction_mjs__.XlsxEditFieldAction, {
+                        record: {
+                            index,
+                            ...field
+                        },
+                        ...props
+                    })
+                });
+            }
+        }
+    ];
+    const previewTablecolumns = formValue.map((field)=>({
+            title: field.uiSchema.title,
+            dataIndex: field.name,
+            key: field.name,
+            render: (text)=>{
+                if ('boolean' == typeof text) return text ? 'True' : 'False';
+                if ('date' === field.type && text) return new Date(text).toLocaleString();
+                if ('json' === field.type && text) try {
+                    return 'string' == typeof text ? text : JSON.stringify(text, null, 2);
+                } catch (error) {
+                    return 'Invalid JSON';
+                }
+                return text;
+            },
+            width: 200
+        }));
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        form.setValuesIn('fields', formValue);
+        form.setValuesIn('collectionData', filedata.data);
+        console.log('%c Line:294 🍔 filedata.data', 'font-size:18px;color:#42b983;background:#3f7cff', filedata.data);
+    }, [
+        formValue
+    ]);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE__xlsxFormValueContextProvider_mjs__.xlsxFormValueContext.Provider, {
+        value: {
+            value: formValue,
+            setFormValue
+        },
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Table, {
+                bordered: true,
+                size: "small",
+                columns: columns,
+                dataSource: formValue,
+                scroll: {
+                    y: 300
+                },
+                pagination: false,
+                rowClassName: "row",
+                rowKey: "uid",
+                style: {
+                    marginBottom: '16px'
+                },
+                ...props
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("div", {
+                style: {
+                    fontWeight: 'bold',
+                    marginBottom: '10px'
+                },
+                children: [
+                    t('Preview'),
+                    ":"
+                ]
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Table, {
+                bordered: true,
+                size: "small",
+                columns: previewTablecolumns,
+                dataSource: filedata.data,
+                scroll: {
+                    y: 300,
+                    x: 'max-content'
+                },
+                rowKey: "name"
+            })
+        ]
+    });
+}, {
+    displayName: 'FieldsConfigure'
+});
+export { xlsxFieldsConfigure };

package/es/collection-manager/Configuration/ImportXlsx/xlsxFormValueContextProvider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface xlsxFormValueProps {
+    value?: any;
+    setFormValue?: any;
+}
+export declare const xlsxFormValueContext: React.Context<xlsxFormValueProps>;
+export declare const useFormValueContext: () => xlsxFormValueProps;
+export {};

package/es/collection-manager/Configuration/ImportXlsx/xlsxFormValueContextProvider.mjs

@@ -0,0 +1,4 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+const xlsxFormValueContext = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].createContext({});
+const useFormValueContext = ()=>__WEBPACK_EXTERNAL_MODULE_react__["default"].useContext(xlsxFormValueContext);
+export { useFormValueContext, xlsxFormValueContext };

package/es/collection-manager/Configuration/ImportXlsx/xlsxImportAction.d.ts

@@ -0,0 +1 @@
+export declare const XlsxEditFieldAction: (props: any) => import("react/jsx-runtime").JSX.Element;

package/es/collection-manager/Configuration/ImportXlsx/xlsxImportAction.mjs

@@ -0,0 +1,187 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_components__ from "@tachybase/components";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash__ from "lodash";
+import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
+import * as __WEBPACK_EXTERNAL_MODULE__api_client_index_mjs__ from "../../../api-client/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__record_provider_index_mjs__ from "../../../record-provider/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__ from "../../../schema-component/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__action_hooks_mjs__ from "../../action-hooks.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__ from "../../hooks/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_useDialect_mjs__ from "../../hooks/useDialect.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__components_index_mjs__ from "../components/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__setUpdateXlsxCollectionField_mjs__ from "./setUpdateXlsxCollectionField.mjs";
+const XlsxEditFieldAction = (props)=>{
+    const { scope, getContainer, record, parentItem: parentRecord, children, handleUiSchemaChange, ...otherProps } = props;
+    const { getInterface, collections, getCollection } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.useCollectionManager_deprecated)();
+    const [visible, setVisible] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
+    const [schema, setSchema] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)({});
+    (0, __WEBPACK_EXTERNAL_MODULE__api_client_index_mjs__.useAPIClient)();
+    const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    const compile = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useCompile)();
+    const [data, setData] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)({
+        record
+    });
+    const { isDialect } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_useDialect_mjs__["default"])();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__record_provider_index_mjs__.RecordProvider, {
+        record: record,
+        parent: parentRecord,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.ActionContextProvider, {
+            value: {
+                visible,
+                setVisible
+            },
+            children: [
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("a", {
+                    ...otherProps,
+                    onClick: async ()=>{
+                        setData(record);
+                        const interfaceConf = getInterface(record.interface);
+                        const defaultValues = (0, __WEBPACK_EXTERNAL_MODULE_lodash__.cloneDeep)(record) || {};
+                        if (!(null == defaultValues ? void 0 : defaultValues.reverseField)) {
+                            var _interfaceConf_default;
+                            defaultValues.autoCreateReverseField = false;
+                            defaultValues.reverseField = null == interfaceConf ? void 0 : null === (_interfaceConf_default = interfaceConf.default) || void 0 === _interfaceConf_default ? void 0 : _interfaceConf_default.reverseField;
+                            (0, __WEBPACK_EXTERNAL_MODULE_lodash__.set)(defaultValues.reverseField, 'name', record.name);
+                            (0, __WEBPACK_EXTERNAL_MODULE_lodash__.set)(defaultValues, 'uiSchema.title', record.uiSchema.title);
+                        }
+                        const schema = getSchema({
+                            ...interfaceConf,
+                            default: defaultValues
+                        }, record, compile, getContainer);
+                        setSchema(schema);
+                        setVisible(true);
+                    },
+                    children: children || t('Edit')
+                }),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.SchemaComponent, {
+                    schema: schema,
+                    components: {
+                        ...__WEBPACK_EXTERNAL_MODULE__components_index_mjs__,
+                        ArrayTable: __WEBPACK_EXTERNAL_MODULE__tachybase_components__.ArrayTable
+                    },
+                    scope: {
+                        getContainer,
+                        useCancelAction: __WEBPACK_EXTERNAL_MODULE__action_hooks_mjs__.useCancelAction,
+                        showReverseFieldConfig: !(null == data ? void 0 : data.reverseField),
+                        isDialect,
+                        setUpdateXlsxCollectionField: __WEBPACK_EXTERNAL_MODULE__setUpdateXlsxCollectionField_mjs__.setUpdateXlsxCollectionField,
+                        disabledJSONB: true,
+                        createMainOnly: true,
+                        ...scope
+                    }
+                })
+            ]
+        })
+    });
+};
+const getSchema = (schema, record, compile, getContainer)=>{
+    if (!schema) return;
+    const properties = (0, __WEBPACK_EXTERNAL_MODULE_lodash__.cloneDeep)(schema.properties);
+    if (null == properties ? void 0 : properties.name) properties.name['x-disabled'] = true;
+    if (true === schema.hasDefaultValue) {
+        properties['defaultValue'] = (0, __WEBPACK_EXTERNAL_MODULE_lodash__.cloneDeep)(schema.default) || {};
+        properties.defaultValue.required = false;
+        properties['defaultValue']['title'] = compile('{{ t("Default value") }}');
+        properties['defaultValue']['x-decorator'] = 'FormItem';
+        properties['defaultValue']['x-reactions'] = [
+            {
+                dependencies: [
+                    'uiSchema.x-component-props.gmt',
+                    'uiSchema.x-component-props.showTime',
+                    'uiSchema.x-component-props.dateFormat',
+                    'uiSchema.x-component-props.timeFormat'
+                ],
+                fulfill: {
+                    state: {
+                        componentProps: {
+                            gmt: '{{$deps[0]}}',
+                            showTime: '{{$deps[1]}}',
+                            dateFormat: '{{$deps[2]}}',
+                            timeFormat: '{{$deps[3]}}'
+                        }
+                    }
+                }
+            },
+            {
+                dependencies: [
+                    'primaryKey',
+                    'unique',
+                    'autoIncrement'
+                ],
+                when: '{{$deps[0]||$deps[1]||$deps[2]}}',
+                fulfill: {
+                    state: {
+                        hidden: true,
+                        value: void 0
+                    }
+                },
+                otherwise: {
+                    state: {
+                        hidden: false
+                    }
+                }
+            }
+        ];
+    }
+    return {
+        type: 'object',
+        properties: {
+            [(0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.uid)()]: {
+                type: 'void',
+                'x-component': 'Action.Drawer',
+                'x-component-props': {
+                    getContainer: getContainer
+                },
+                'x-decorator': 'Form',
+                'x-decorator-props': {
+                    useValues (options) {
+                        return (0, __WEBPACK_EXTERNAL_MODULE__api_client_index_mjs__.useRequest)(()=>Promise.resolve({
+                                data: (0, __WEBPACK_EXTERNAL_MODULE_lodash__.cloneDeep)((0, __WEBPACK_EXTERNAL_MODULE_lodash__.omit)(schema.default, [
+                                    'uiSchema.rawTitle'
+                                ]))
+                            }), options);
+                    }
+                },
+                title: "".concat(compile(record.uiSchema.title), " - ").concat(compile('{{ t("Edit field") }}')),
+                properties: {
+                    summary: {
+                        type: 'void',
+                        'x-component': 'FieldSummary',
+                        'x-component-props': {
+                            schemaKey: schema.name
+                        }
+                    },
+                    ...properties,
+                    description: {
+                        type: 'string',
+                        title: '{{t("Description")}}',
+                        'x-decorator': 'FormItem',
+                        'x-component': 'Input.TextArea'
+                    },
+                    footer: {
+                        type: 'void',
+                        'x-component': 'Action.Drawer.Footer',
+                        properties: {
+                            action1: {
+                                title: '{{ t("Cancel") }}',
+                                'x-component': 'Action',
+                                'x-use-component-props': 'useCancelActionProps'
+                            },
+                            action2: {
+                                title: '{{ t("Submit") }}',
+                                'x-component': 'Action',
+                                'x-component-props': {
+                                    type: 'primary'
+                                },
+                                'x-use-component-props': 'setUpdateXlsxCollectionField'
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    };
+};
+export { XlsxEditFieldAction };

package/es/collection-manager/Configuration/ImportXlsx/xlsxPreviewTable.d.ts

@@ -0,0 +1 @@
+export declare const xlsxPreviewTable: import("react").MemoExoticComponent<import("@tachybase/schema").ReactFC<Omit<any, "ref">>>;

package/es/collection-manager/Configuration/ImportXlsx/xlsxPreviewTable.mjs

@@ -0,0 +1,30 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
+import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
+import * as __WEBPACK_EXTERNAL_MODULE_react_i18next__ from "react-i18next";
+const xlsxPreviewTable = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)=>{
+    const { filedata } = props;
+    const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
+    const previewTablecolumns = filedata.fields.map((field)=>({
+            title: field.uiSchema.title,
+            dataIndex: field.name,
+            key: field.name,
+            render: (text)=>text,
+            width: 200
+        }));
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Table, {
+        bordered: true,
+        size: "small",
+        columns: previewTablecolumns,
+        dataSource: filedata.data,
+        scroll: {
+            y: 300,
+            x: 'max-content'
+        },
+        pagination: false,
+        rowKey: "name"
+    });
+}, {
+    displayName: 'PreviewTable'
+});
+export { xlsxPreviewTable };

package/es/collection-manager/collectionPlugin.mjs

@@ -4,6 +4,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__data_source_data_source_DataSourceManager
 import * as __WEBPACK_EXTERNAL_MODULE__interfaces_index_mjs__ from "./interfaces/index.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__mixins_InheritanceCollectionMixin_mjs__ from "./mixins/InheritanceCollectionMixin.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__templates_index_mjs__ from "./templates/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__templates_xlsx_mjs__ from "./templates/xlsx.mjs";
 class MainDataSource extends __WEBPACK_EXTERNAL_MODULE__data_source_data_source_DataSource_mjs__.DataSource {
     async getDataSource() {
         var _service_data;
@@ -122,7 +123,8 @@ class CollectionPlugin extends __WEBPACK_EXTERNAL_MODULE__application_Plugin_mjs
             __WEBPACK_EXTERNAL_MODULE__templates_index_mjs__.SqlCollectionTemplate,
             __WEBPACK_EXTERNAL_MODULE__templates_index_mjs__.TreeCollectionTemplate,
             __WEBPACK_EXTERNAL_MODULE__templates_index_mjs__.ViewCollectionTemplate,
-            __WEBPACK_EXTERNAL_MODULE__templates_index_mjs__.ImportCollectionTemplate
+            __WEBPACK_EXTERNAL_MODULE__templates_index_mjs__.ImportCollectionTemplate,
+            __WEBPACK_EXTERNAL_MODULE__templates_xlsx_mjs__.ImportXlsxTemplate
         ]);
     }
 }

package/es/collection-manager/templates/import.mjs

@@ -11,7 +11,7 @@ function _define_property(obj, key, value) {
 }
 class ImportCollectionTemplate extends __WEBPACK_EXTERNAL_MODULE__data_source_collection_template_CollectionTemplate_mjs__.CollectionTemplate {
     constructor(...args){
-        super(...args), _define_property(this, "name", 'import'), _define_property(this, "title", '{{t("Import collection")}}'), _define_property(this, "order", 5), _define_property(this, "color", 'blue'), _define_property(this, "divider", true), _define_property(this, "default", {
+        super(...args), _define_property(this, "name", 'import'), _define_property(this, "title", '{{t("Import json collection")}}'), _define_property(this, "order", 5), _define_property(this, "color", 'blue'), _define_property(this, "divider", true), _define_property(this, "default", {
             fields: []
         });
     }

package/es/collection-manager/templates/sql.d.ts

@@ -8,8 +8,8 @@ export declare class SqlCollectionTemplate extends CollectionTemplate {
         fields: any[];
     };
     configurableProperties: {
-        title: any;
         name: any;
+        title: any;
         description: any;
         autoGenId: any;
         createdBy: any;

package/es/collection-manager/templates/view.d.ts

@@ -9,8 +9,8 @@ export declare class ViewCollectionTemplate extends CollectionTemplate {
     };
     divider: boolean;
     configurableProperties: {
-        title: any;
         name: any;
+        title: any;
         description: any;
         autoGenId: any;
         createdBy: any;