@tachybase/client 0.23.22 → 0.23.40

package/lib/modules/actions/associate/AssociateActionProvider.js

@@ -0,0 +1,116 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    AssociateActionProvider: ()=>AssociateActionProvider
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const external_index_js_namespaceObject = require("../../../index.js");
+const TableSelectorProvider_js_namespaceObject = require("../../../block-provider/TableSelectorProvider.js");
+const index_js_namespaceObject = require("../../../schema-component/antd/record-picker/index.js");
+const useTableSelectorProps = ()=>{
+    const { setSelectedRows } = (0, external_react_namespaceObject.useContext)(index_js_namespaceObject.RecordPickerContext);
+    const { onRowSelectionChange, rowKey = 'id', ...others } = (0, TableSelectorProvider_js_namespaceObject.useTableSelectorProps)();
+    return {
+        ...others,
+        rowKey,
+        rowSelection: {
+            type: 'checkbox'
+        },
+        onRowSelectionChange (selectedRowKeys, selectedRows) {
+            null == setSelectedRows || setSelectedRows(selectedRowKeys);
+            null == onRowSelectionChange || onRowSelectionChange(selectedRowKeys, selectedRows);
+        }
+    };
+};
+const AssociateActionProvider = (props)=>{
+    const [selectedRows, setSelectedRows] = (0, external_react_namespaceObject.useState)([]);
+    const collection = (0, external_index_js_namespaceObject.useCollection)();
+    const { resource, service, block, __parent } = (0, external_index_js_namespaceObject.useBlockRequestContext)();
+    const pickerProps = {
+        size: 'small',
+        onChange: null == props ? void 0 : props.onChange,
+        selectedRows,
+        setSelectedRows
+    };
+    const usePickActionProps = ()=>{
+        const { selectedRows } = (0, external_react_namespaceObject.useContext)(index_js_namespaceObject.RecordPickerContext);
+        const { setVisible, setFormValueChanged } = (0, external_index_js_namespaceObject.useActionContext)();
+        return {
+            async onClick (e, callBack) {
+                await resource.add({
+                    values: selectedRows
+                });
+                null == callBack || callBack();
+                null == setVisible || setVisible(false);
+                if (block && 'TableField' !== block) {
+                    var __parent_service_refresh, __parent_service;
+                    null == __parent || null === (__parent_service = __parent.service) || void 0 === __parent_service || null === (__parent_service_refresh = __parent_service.refresh) || void 0 === __parent_service_refresh || __parent_service_refresh.call(__parent_service);
+                    null == setFormValueChanged || setFormValueChanged(false);
+                }
+            }
+        };
+    };
+    const getFilter = ()=>{
+        var _service_data;
+        const targetKey = (null == collection ? void 0 : collection.filterTargetKey) || 'id';
+        if (null === (_service_data = service.data) || void 0 === _service_data ? void 0 : _service_data.data) {
+            var _service_data1;
+            const list = null === (_service_data1 = service.data) || void 0 === _service_data1 ? void 0 : _service_data1.data.map((option)=>option[targetKey]).filter(Boolean);
+            const filter = list.length ? {
+                $and: [
+                    {
+                        ["".concat(targetKey, ".$ne")]: list
+                    }
+                ]
+            } : {};
+            return filter;
+        }
+        return {};
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.RecordPickerProvider, {
+        ...pickerProps,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_js_namespaceObject.SchemaComponentOptions, {
+            scope: {
+                useTableSelectorProps,
+                usePickActionProps
+            },
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TableSelectorProvider_js_namespaceObject.TableSelectorParamsProvider, {
+                params: {
+                    filter: getFilter()
+                },
+                children: props.children
+            })
+        })
+    });
+};
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});

package/lib/modules/actions/associate/AssociateActionSettings.js

@@ -0,0 +1,91 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    associateActionSettings: ()=>associateActionSettings
+});
+const external_react_namespaceObject = require("react");
+const index_js_namespaceObject = require("../../../application/index.js");
+const SchemaSettings_js_namespaceObject = require("../../../application/schema-settings/SchemaSettings.js");
+const external_collection_manager_index_js_namespaceObject = require("../../../collection-manager/index.js");
+const Action_Designer_js_namespaceObject = require("../../../schema-component/antd/action/Action.Designer.js");
+const external_schema_items_index_js_namespaceObject = require("../../../schema-items/index.js");
+const external_schema_settings_SchemaSettings_js_namespaceObject = require("../../../schema-settings/SchemaSettings.js");
+const associateActionSettings = new SchemaSettings_js_namespaceObject.SchemaSettings({
+    name: 'actionSettings:associate',
+    items: [
+        {
+            name: 'editButton',
+            Component: Action_Designer_js_namespaceObject.ButtonEditor,
+            useComponentProps () {
+                const { buttonEditorProps } = (0, index_js_namespaceObject.useSchemaToolbar)();
+                return buttonEditorProps;
+            }
+        },
+        {
+            name: 'openMode',
+            Component: external_schema_items_index_js_namespaceObject.SchemaSettingOpenModeSchemaItems,
+            componentProps: {
+                openMode: true,
+                openSize: true
+            }
+        },
+        {
+            name: 'enableChildCollections',
+            Component: external_schema_settings_SchemaSettings_js_namespaceObject.SchemaSettingsEnableChildCollections,
+            useComponentProps () {
+                const { name } = (0, external_collection_manager_index_js_namespaceObject.useCollection_deprecated)();
+                return {
+                    collectionName: name
+                };
+            },
+            useVisible () {
+                const { name } = (0, external_collection_manager_index_js_namespaceObject.useCollection_deprecated)();
+                const { getChildrenCollections } = (0, external_collection_manager_index_js_namespaceObject.useCollectionManager_deprecated)();
+                const isChildCollectionAction = (0, external_react_namespaceObject.useMemo)(()=>getChildrenCollections(name).length > 0, [
+                    getChildrenCollections,
+                    name
+                ]);
+                return isChildCollectionAction;
+            }
+        },
+        {
+            name: 'delete',
+            sort: 100,
+            Component: Action_Designer_js_namespaceObject.RemoveButton,
+            useComponentProps () {
+                const { removeButtonProps } = (0, index_js_namespaceObject.useSchemaToolbar)();
+                return removeButtonProps;
+            }
+        }
+    ]
+});
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});

package/lib/modules/blocks/data-blocks/details-multi/detailsWithPaginationSettings.js

@@ -140,7 +140,8 @@ const commonItems = [
                                                 'x-component-props': {
                                                     style: {
                                                         width: 260
-                                                    }
+                                                    },
+                                                    optionLabelProp: 'fullLabel'
                                                 }
                                             },
                                             direction: {

package/lib/modules/blocks/data-blocks/form/RecordFormBlockInitializer.js

@@ -31,6 +31,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
+const schema_namespaceObject = require("@tachybase/schema");
 const icons_namespaceObject = require("@ant-design/icons");
 const index_js_namespaceObject = require("../../../../application/index.js");
 const external_collection_manager_index_js_namespaceObject = require("../../../../collection-manager/index.js");
@@ -65,23 +66,27 @@ const RecordFormBlockInitializer = ()=>{
 };
 function useCreateEditFormBlock() {
     const { insert } = (0, index_js_namespaceObject.useSchemaInitializer)();
+    const cm = (0, external_data_source_index_js_namespaceObject.useCollectionManager)();
+    const fieldSchema = (0, schema_namespaceObject.useFieldSchema)();
+    const actionType = null == fieldSchema ? void 0 : fieldSchema['actionType'];
     const association = (0, external_data_source_index_js_namespaceObject.useAssociationName)();
     const createEditFormBlock = (0, external_react_namespaceObject.useCallback)((param)=>{
         let { item } = param;
-        const collectionName = item.collectionName || item.name;
-        if (!association && item.associationField) {
+        const field = item.associationField;
+        const collectionName = (null == field ? void 0 : field.target) ? cm.getCollection(field.target).name : item.collectionName || item.name;
+        if (item.associationField) {
             const field = item.associationField;
             insert((0, external_createEditFormBlockUISchema_js_namespaceObject.createEditFormBlockUISchema)({
                 dataSource: item.dataSource,
                 association: "".concat(field.collectionName, ".").concat(field.name)
             }));
-        } else insert((0, external_createEditFormBlockUISchema_js_namespaceObject.createEditFormBlockUISchema)(association ? {
+        } else insert((0, external_createEditFormBlockUISchema_js_namespaceObject.createEditFormBlockUISchema)(association && !actionType ? {
             association,
             dataSource: item.dataSource,
             isCurrent: true
         } : {
-            collectionName,
-            dataSource: item.dataSource
+            dataSource: item.dataSource,
+            collectionName
         }));
     }, [
         association,
@@ -91,16 +96,18 @@ function useCreateEditFormBlock() {
         let { item } = param;
         if ('FormItem' !== item.template.componentName) return templateSchema;
         {
-            const blockSchema = (0, external_createEditFormBlockUISchema_js_namespaceObject.createEditFormBlockUISchema)(association ? {
-                association,
-                dataSource: item.dataSource,
-                templateSchema: templateSchema,
-                isCurrent: true
-            } : {
-                collectionName: item.collectionName || item.name,
+            const options = {
                 dataSource: item.dataSource,
-                templateSchema: templateSchema
-            });
+                templateSchema
+            };
+            if (item.associationField) {
+                const field = item.associationField;
+                options.association = "".concat(field.collectionName, ".").concat(field.name);
+            } else if (association) {
+                options.association = association;
+                options.isCurrent = true;
+            } else options.collectionName = item.collectionName || item.name;
+            const blockSchema = (0, external_createEditFormBlockUISchema_js_namespaceObject.createEditFormBlockUISchema)(options);
             if ('reference' === item.mode) blockSchema['x-template-key'] = item.template.key;
             return blockSchema;
         }

package/lib/modules/blocks/data-blocks/grid-card/gridCardBlockSettings.js

@@ -201,7 +201,8 @@ const gridCardBlockSettings = new SchemaSettings_js_namespaceObject.SchemaSettin
                                                     'x-component-props': {
                                                         style: {
                                                             width: 260
-                                                        }
+                                                        },
+                                                        optionLabelProp: 'fullLabel'
                                                     }
                                                 },
                                                 direction: {

package/lib/modules/blocks/data-blocks/list/listBlockSettings.js

@@ -145,7 +145,8 @@ const listBlockSettings = new SchemaSettings_js_namespaceObject.SchemaSettings({
                                                     'x-component-props': {
                                                         style: {
                                                             width: 260
-                                                        }
+                                                        },
+                                                        optionLabelProp: 'fullLabel'
                                                     }
                                                 },
                                                 direction: {

package/lib/modules/blocks/data-blocks/table/TableActionInitializers.js

@@ -74,6 +74,21 @@ const tableActionInitializers = new SchemaInitializer_js_namespaceObject.SchemaI
                         ].includes(collection.template) || (null == collection ? void 0 : collection.writableView);
                     }
                 },
+                {
+                    type: 'item',
+                    title: "{{t('Associate')}}",
+                    name: 'associate',
+                    Component: 'AssociateActionInitializer',
+                    useVisible () {
+                        const collection = (0, index_js_namespaceObject.useCollection)();
+                        const props = (0, index_js_namespaceObject.useDataBlockProps)();
+                        return props.association && (![
+                            'view',
+                            'file',
+                            'sql'
+                        ].includes(collection.template) || (null == collection ? void 0 : collection.writableView));
+                    }
+                },
                 {
                     type: 'item',
                     title: "{{t('Delete')}}",

package/lib/modules/blocks/data-blocks/table/tableBlockSettings.js

@@ -258,7 +258,8 @@ const tableBlockSettings = new SchemaSettings_js_namespaceObject.SchemaSettings(
                                                     'x-component-props': {
                                                         style: {
                                                             width: 260
-                                                        }
+                                                        },
+                                                        optionLabelProp: 'fullLabel'
                                                     }
                                                 },
                                                 direction: {

package/lib/modules/blocks/data-blocks/table/tableColumnSettings.js

@@ -142,12 +142,12 @@ const tableColumnSettings = new SchemaSettings_js_namespaceObject.SchemaSettings
                     name: 'sortable',
                     type: 'switch',
                     useVisible () {
-                        const collection = (0, CollectionProvider_js_namespaceObject.useCollection)();
+                        (0, CollectionProvider_js_namespaceObject.useCollection)();
                         const { collectionField } = (0, Table_Column_Decorator_js_namespaceObject.useColumnSchema)();
                         const { getInterface } = (0, external_collection_manager_index_js_namespaceObject.useCollectionManager_deprecated)();
                         const interfaceCfg = getInterface(null == collectionField ? void 0 : collectionField.interface);
                         const { currentMode } = (0, hooks_js_namespaceObject.useAssociationFieldContext)();
-                        return (null == interfaceCfg ? void 0 : interfaceCfg.sortable) === true && !currentMode && (null == collection ? void 0 : collection.name) === (null == collectionField ? void 0 : collectionField.collectionName);
+                        return (null == interfaceCfg ? void 0 : interfaceCfg.sortable) === true && !currentMode;
                     },
                     useComponentProps () {
                         const field = (0, schema_namespaceObject.useField)();

package/lib/modules/blocks/data-blocks/table-selector/tableSelectorBlockSettings.js

@@ -192,7 +192,8 @@ const tableSelectorBlockSettings = new SchemaSettings_js_namespaceObject.SchemaS
                                                     'x-component-props': {
                                                         style: {
                                                             width: 260
-                                                        }
+                                                        },
+                                                        optionLabelProp: 'fullLabel'
                                                     }
                                                 },
                                                 direction: {

package/lib/modules/fields/component/Cascader/cascaderComponentFieldSettings.js

@@ -118,7 +118,8 @@ const SchemaSettingsSortingRule = function(props) {
                                         'x-component-props': {
                                             style: {
                                                 width: 260
-                                            }
+                                            },
+                                            optionLabelProp: 'fullLabel'
                                         }
                                     },
                                     direction: {

package/lib/modules/fields/component/Radio/radioComponentFieldSettings.js

@@ -54,6 +54,10 @@ const radioComponentFieldSettings = new SchemaSettings_js_namespaceObject.Schema
                     {
                         label: t('Radio group'),
                         value: 'Radio group'
+                    },
+                    {
+                        label: t('Select'),
+                        value: 'Select'
                     }
                 ];
                 const { dn } = (0, index_js_namespaceObject.useDesignable)();

package/lib/modules/fields/component/Select/selectComponentFieldSettings.js

@@ -318,6 +318,7 @@ const fieldComponent = {
     useComponentProps () {
         const { t } = (0, external_react_i18next_namespaceObject.useTranslation)();
         const field = (0, schema_namespaceObject.useField)();
+        const collectionFieldCurrent = (0, external_data_source_index_js_namespaceObject.useCollectionField)();
         const { fieldSchema: tableColumnSchema, collectionField } = (0, Table_Column_Decorator_js_namespaceObject.useColumnSchema)();
         const schema = (0, schema_namespaceObject.useFieldSchema)();
         const fieldSchema = tableColumnSchema || schema;
@@ -328,9 +329,22 @@ const fieldComponent = {
         const isAddNewForm = (0, external_schema_component_index_js_namespaceObject.useIsAddNewForm)();
         const fieldMode = (0, useFieldComponentName_js_namespaceObject.useFieldComponentName)();
         const { dn } = (0, external_schema_component_index_js_namespaceObject.useDesignable)();
+        const isMuiltipleSelect = [
+            'select'
+        ].includes(null == collectionFieldCurrent ? void 0 : collectionFieldCurrent.interface);
+        const optionsMuiltipleSelect = [
+            {
+                label: t('Select'),
+                value: 'Select'
+            },
+            {
+                label: t('Radio group'),
+                value: 'Radio group'
+            }
+        ];
         return {
             title: t('Field component'),
-            options: fieldModeOptions,
+            options: isMuiltipleSelect ? optionsMuiltipleSelect : fieldModeOptions,
             value: fieldMode,
             onChange (mode) {
                 const schema = {
@@ -361,7 +375,7 @@ const selectComponentFieldSettings = new SchemaSettings_js_namespaceObject.Schem
     items: [
         {
             ...fieldComponent,
-            useVisible: FormItem_Settings_js_namespaceObject.useIsAssociationField
+            useVisible: FormItem_Settings_js_namespaceObject.useIsMuiltipleAble
         },
         {
             ...setTheDataScope,

package/lib/modules/fields/component/SubTable/subTablePopoverComponentFieldSettings.js

@@ -168,7 +168,8 @@ const setDefaultSortingRules = {
                                             'x-component-props': {
                                                 style: {
                                                     width: 260
-                                                }
+                                                },
+                                                optionLabelProp: 'fullLabel'
                                             }
                                         },
                                         direction: {

package/lib/modules/menu/GroupItem.js

@@ -34,6 +34,7 @@ const components_namespaceObject = require("@tachybase/components");
 const schema_namespaceObject = require("@tachybase/schema");
 const external_react_i18next_namespaceObject = require("react-i18next");
 const index_js_namespaceObject = require("../../application/index.js");
+const external_icon_index_js_namespaceObject = require("../../icon/index.js");
 const external_schema_component_index_js_namespaceObject = require("../../schema-component/index.js");
 const MenuItemInitializers_index_js_namespaceObject = require("../../schema-component/antd/menu/MenuItemInitializers/index.js");
 const theme_index_js_namespaceObject = require("../../style/theme/index.js");
@@ -100,7 +101,10 @@ const GroupItem = ()=>{
         theme
     ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.SchemaInitializerItem, {
-        title: t('Submenu'),
+        icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_icon_index_js_namespaceObject.Icon, {
+            type: 'FolderAddOutlined'
+        }),
+        title: t('Create group'),
         onClick: handleClick,
         className: styles.menuItem
     });

package/lib/modules/menu/LinkMenuItem.js

@@ -34,6 +34,7 @@ const components_namespaceObject = require("@tachybase/components");
 const schema_namespaceObject = require("@tachybase/schema");
 const external_react_i18next_namespaceObject = require("react-i18next");
 const index_js_namespaceObject = require("../../application/index.js");
+const external_icon_index_js_namespaceObject = require("../../icon/index.js");
 const external_schema_component_index_js_namespaceObject = require("../../schema-component/index.js");
 const MenuItemInitializers_index_js_namespaceObject = require("../../schema-component/antd/menu/MenuItemInitializers/index.js");
 const theme_index_js_namespaceObject = require("../../style/theme/index.js");
@@ -106,9 +107,12 @@ const LinkMenuItem = ()=>{
         theme
     ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.SchemaInitializerItem, {
-        title: t('Link'),
-        onClick: handleClick,
-        className: styles.menuItem
+        className: styles.menuItem,
+        icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_icon_index_js_namespaceObject.Icon, {
+            type: 'GlobalOutlined'
+        }),
+        title: t('Create link'),
+        onClick: handleClick
     });
 };
 var __webpack_export_target__ = exports;

package/lib/modules/menu/PageMenuItem.js

@@ -34,6 +34,7 @@ const components_namespaceObject = require("@tachybase/components");
 const schema_namespaceObject = require("@tachybase/schema");
 const external_react_i18next_namespaceObject = require("react-i18next");
 const index_js_namespaceObject = require("../../application/index.js");
+const external_icon_index_js_namespaceObject = require("../../icon/index.js");
 const external_schema_component_index_js_namespaceObject = require("../../schema-component/index.js");
 const MenuItemInitializers_index_js_namespaceObject = require("../../schema-component/antd/menu/MenuItemInitializers/index.js");
 const theme_index_js_namespaceObject = require("../../style/theme/index.js");
@@ -115,7 +116,10 @@ const PageMenuItem = ()=>{
         theme
     ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.SchemaInitializerItem, {
-        title: t('Page'),
+        icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_icon_index_js_namespaceObject.Icon, {
+            type: 'FileOutlined'
+        }),
+        title: t('Create page'),
         onClick: handleClick,
         className: styles.menuItem
     });

package/lib/modules/menu/UploadMenuItem.js

@@ -0,0 +1,115 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    UploadMenuItem: ()=>UploadMenuItem
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const components_namespaceObject = require("@tachybase/components");
+const schema_namespaceObject = require("@tachybase/schema");
+const external_react_i18next_namespaceObject = require("react-i18next");
+const useAPIClient_js_namespaceObject = require("../../api-client/hooks/useAPIClient.js");
+const index_js_namespaceObject = require("../../application/index.js");
+const external_icon_index_js_namespaceObject = require("../../icon/index.js");
+const external_schema_component_index_js_namespaceObject = require("../../schema-component/index.js");
+const MenuItemInitializers_index_js_namespaceObject = require("../../schema-component/antd/menu/MenuItemInitializers/index.js");
+const theme_index_js_namespaceObject = require("../../style/theme/index.js");
+const UploadMenuItem = ()=>{
+    const { insert } = (0, index_js_namespaceObject.useSchemaInitializer)();
+    const { t } = (0, external_react_i18next_namespaceObject.useTranslation)();
+    const options = (0, external_react_namespaceObject.useContext)(schema_namespaceObject.SchemaOptionsContext);
+    const { theme } = (0, theme_index_js_namespaceObject.useGlobalTheme)();
+    const { styles } = (0, MenuItemInitializers_index_js_namespaceObject.useStyles)();
+    (0, useAPIClient_js_namespaceObject.useAPIClient)();
+    const handleClick = (0, external_react_namespaceObject.useCallback)(async ()=>{
+        const values = await (0, external_schema_component_index_js_namespaceObject.FormDialog)(t('Load menu config'), ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_schema_component_index_js_namespaceObject.SchemaComponentOptions, {
+                scope: options.scope,
+                components: {
+                    ...options.components
+                },
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(components_namespaceObject.FormLayout, {
+                    layout: 'vertical',
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_schema_component_index_js_namespaceObject.SchemaComponent, {
+                        schema: {
+                            type: 'object',
+                            title: t('Load menu config'),
+                            properties: {
+                                title: {
+                                    'x-decorator': 'FormItem',
+                                    'x-component': 'Input',
+                                    title: t('Menu item title'),
+                                    required: true,
+                                    'x-component-props': {}
+                                },
+                                bindMenuToRole: {
+                                    type: 'boolean',
+                                    title: '{{ t("Automatically assign permissions to all matching roles") }}',
+                                    'x-decorator': 'FormItem',
+                                    'x-component': 'Checkbox',
+                                    default: true
+                                },
+                                file: {
+                                    type: 'object',
+                                    title: '{{ t("File") }}',
+                                    required: true,
+                                    'x-decorator': 'FormItem',
+                                    'x-component': 'Upload.Attachment',
+                                    'x-component-props': {
+                                        action: 'attachments:create',
+                                        multiple: false
+                                    }
+                                }
+                            }
+                        }
+                    })
+                })
+            }), theme).open({
+            initialValues: {}
+        });
+        const { title, icon } = values;
+    }, [
+        insert,
+        options.components,
+        options.scope,
+        t,
+        theme
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.SchemaInitializerItem, {
+        className: styles.menuItem,
+        icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_icon_index_js_namespaceObject.Icon, {
+            type: 'UploadOutlined'
+        }),
+        title: t('Load menu config'),
+        onClick: handleClick
+    });
+};
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});