@tachybase/client 0.23.20 → 0.23.35

package/lib/built-in/page-style/TabHeader.js

@@ -52,6 +52,7 @@ const external_react_router_namespaceObject = require("react-router");
 const external_react_router_dom_namespaceObject = require("react-router-dom");
 const index_js_namespaceObject = require("../../icon/index.js");
 const external_PageStyle_provider_js_namespaceObject = require("./PageStyle.provider.js");
+const external_TabHeader_style_js_namespaceObject = require("./TabHeader.style.js");
 function _tagged_template_literal(strings, raw) {
     if (!raw) raw = strings.slice(0);
     return Object.freeze(Object.defineProperties(strings, {
@@ -61,41 +62,29 @@ function _tagged_template_literal(strings, raw) {
     }));
 }
 function _templateObject() {
-    const data = _tagged_template_literal([
-        "\n          margin: 6px 2px;\n          align-items: center;\n          background-image: none;\n          background: rgba(0, 0, 0, 0.04);\n          border-radius: 6px;\n          border: 1px solid transparent;\n          color: rgba(255, 255, 255, 0.88);\n          cursor: pointer;\n          display: inline-flex;\n          font-size: 14px;\n          font-weight: 400;\n          gap: 8px;\n          height: 32px;\n          justify-content: center;\n          line-height: 1.5714285714285714;\n          outline: none;\n          padding: 4px 15px;\n          position: relative;\n          text-align: center;\n          touch-action: manipulation;\n          transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n          user-select: none;\n          white-space: nowrap;\n        "
-    ]);
-    _templateObject = function() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    const data = _tagged_template_literal([
-        "\n              background: transparent;\n            "
-    ]);
-    _templateObject1 = function() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
     const data = _tagged_template_literal([
         "\n          color: rgba(255, 255, 255, 0.88);\n        "
     ]);
-    _templateObject2 = function() {
+    _templateObject = function() {
         return data;
     };
     return data;
 }
 const Tag = (param)=>{
     let { onClick, onClose, children, active } = param;
+    const { styles } = (0, external_TabHeader_style_js_namespaceObject.useStyles)();
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
         onClick: onClick,
-        className: external_classnames_default()((0, css_namespaceObject.css)(_templateObject()), active ? '' : (0, css_namespaceObject.css)(_templateObject1())),
+        className: external_classnames_default()(styles.tabHeader, {
+            active
+        }),
         children: [
-            children,
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "tab-text",
+                children: children
+            }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Button, {
-                className: (0, css_namespaceObject.css)(_templateObject2()),
+                className: (0, css_namespaceObject.css)(_templateObject()),
                 type: "text",
                 onClick: onClose,
                 icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.Icon, {
@@ -110,17 +99,21 @@ const TabHeader = ()=>{
     const location = (0, external_react_router_dom_namespaceObject.useLocation)();
     const { items, setItems } = (0, external_react_namespaceObject.useContext)(external_PageStyle_provider_js_namespaceObject.PageStyleContext);
     const targetKey = location.pathname;
-    return items.map((item)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Tag, {
-            active: item.key === targetKey,
-            onClick: ()=>{
-                navigate(item.key);
-            },
-            onClose: (e)=>{
-                e.stopPropagation();
-                setItems((items)=>items.filter((i)=>i.key !== item.key));
-            },
-            children: item.label
-        }, item.key));
+    const { styles } = (0, external_TabHeader_style_js_namespaceObject.useStyles)();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: styles.tabWrapper,
+        children: items.map((item)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Tag, {
+                active: item.key === targetKey,
+                onClick: ()=>{
+                    navigate(item.key);
+                },
+                onClose: (e)=>{
+                    e.stopPropagation();
+                    setItems((items)=>items.filter((i)=>i.key !== item.key));
+                },
+                children: item.label
+            }, item.key))
+    });
 };
 var __webpack_export_target__ = exports;
 for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];

package/lib/built-in/page-style/TabHeader.style.js

@@ -0,0 +1,69 @@
+"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__, {
+    useStyles: ()=>useStyles
+});
+const external_antd_style_namespaceObject = require("antd-style");
+function _tagged_template_literal(strings, raw) {
+    if (!raw) raw = strings.slice(0);
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    const data = _tagged_template_literal([
+        "\n      display: flex;\n      justify-content: flex-start;\n      align-items: center;\n      width: 100%;\n      padding: 0 10px;\n    "
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    const data = _tagged_template_literal([
+        "\n      flex: 0 1 auto;\n      position: relative;\n\n      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n      gap: 8px;\n      min-width: 10px;\n      height: 32px;\n      margin: 6px 2px;\n      padding: 4px 15px;\n      border: 1px solid transparent;\n      border-radius: 6px;\n      overflow: hidden;\n\n      background-image: none;\n      background: transparent;\n      color: rgba(255, 255, 255, 0.88);\n\n      font-size: 14px;\n      font-weight: 400;\n      line-height: 1.5714285714285714;\n      outline: none;\n      text-align: center;\n      touch-action: manipulation;\n      user-select: none;\n      white-space: nowrap;\n      cursor: pointer;\n\n      transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);\n\n      &.active {\n        background-color: rgba(0, 0, 0, 0.07);\n      }\n\n      .tab-text {\n        min-width: 5px;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n    "
+    ]);
+    _templateObject1 = function() {
+        return data;
+    };
+    return data;
+}
+const useStyles = (0, external_antd_style_namespaceObject.createStyles)((param)=>{
+    let { css, token } = param;
+    return {
+        tabWrapper: css(_templateObject()),
+        tabHeader: css(_templateObject1())
+    };
+});
+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/built-in/pinned-list/PinnedPluginListProvider.js

@@ -46,7 +46,7 @@ function _tagged_template_literal(strings, raw) {
 }
 function _templateObject() {
     const data = _tagged_template_literal([
-        "\n      display: inline-block;\n      .ant-btn {\n        border: 0;\n        height: var(--tb-header-height);\n        width: 46px;\n        border-radius: 0;\n        background: none;\n        color: rgba(255, 255, 255, 0.65);\n        &:hover {\n          background: rgba(255, 255, 255, 0.1) !important;\n        }\n      }\n    "
+        "\n      display: inline-block;\n      .ant-btn {\n        border: 0;\n        height: var(--tb-header-height);\n        width: 46px;\n        border-radius: 0;\n        background: none;\n        color: rgba(255, 255, 255, 0.65);\n        &:hover {\n          background: rgba(255, 255, 255, 0.1) !important;\n        }\n      }\n      .ant-float-btn {\n        margin-bottom: 16px;\n      }\n    "
     ]);
     _templateObject = function() {
         return data;
@@ -72,18 +72,19 @@ const useStyles = (0, external_antd_style_namespaceObject.createStyles)((param)=
         container: css(_templateObject())
     };
 });
-const PinnedPluginList = ()=>{
+const PinnedPluginList = (param)=>{
+    let { belongToFilter } = param;
     const { allowAll, snippets } = (0, index_js_namespaceObject.useACLRoleContext)();
     const getSnippetsAllow = function(aclKey) {
         let isPublic = arguments.length > 1 && void 0 !== arguments[1] && arguments[1];
         return allowAll || isPublic || (null == snippets ? void 0 : snippets.includes(aclKey));
     };
-    const { styles } = useStyles();
+    const { styles } = useStyles(belongToFilter);
     const ctx = (0, external_react_namespaceObject.useContext)(external_context_js_namespaceObject.PinnedPluginListContext);
     const { components } = (0, external_react_namespaceObject.useContext)(schema_namespaceObject.SchemaOptionsContext);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         className: styles.container,
-        children: Object.keys(ctx.items).sort((a, b)=>ctx.items[a].order - ctx.items[b].order).filter((key)=>getSnippetsAllow(ctx.items[key].snippet, ctx.items[key].isPublic)).map((key)=>{
+        children: Object.keys(ctx.items).filter((key)=>ctx.items[key].belongTo === belongToFilter).sort((a, b)=>ctx.items[a].order - ctx.items[b].order).filter((key)=>getSnippetsAllow(ctx.items[key].snippet, ctx.items[key].isPublic)).map((key)=>{
             const Action = (0, external_lodash_namespaceObject.get)(components, ctx.items[key].component);
             return Action ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Action, {}, key) : null;
         })

package/lib/built-in/scroll-assistant/useJoystick.js

@@ -1,5 +1,18 @@
 "use strict";
 var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = function(module) {
+        var getter = module && module.__esModule ? function() {
+            return module['default'];
+        } : function() {
+            return module;
+        };
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
 (()=>{
     __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, {
@@ -29,6 +42,8 @@ __webpack_require__.d(__webpack_exports__, {
     useJoystick: ()=>useJoystick
 });
 const external_react_namespaceObject = require("react");
+const external_lodash_namespaceObject = require("lodash");
+var external_lodash_default = /*#__PURE__*/ __webpack_require__.n(external_lodash_namespaceObject);
 const useJoystick = (ref, callbacks)=>{
     (0, external_react_namespaceObject.useEffect)(()=>{
         if (!ref.current) return;
@@ -47,6 +62,7 @@ const useJoystick = (ref, callbacks)=>{
         let moveY = 0;
         let displayX = 0;
         let displayY = 0;
+        const debouncedOnMousewheel = external_lodash_default().debounce(onMousewheel, 16);
         ele.addEventListener('mousedown', down);
         ele.addEventListener('mousemove', move);
         ele.addEventListener('mouseup', up);
@@ -54,7 +70,7 @@ const useJoystick = (ref, callbacks)=>{
         ele.addEventListener('touchmove', move);
         ele.addEventListener('touchend', up);
         ele.addEventListener('contextmenu', onContextmenu);
-        ele.addEventListener('mousewheel', onMousewheel);
+        ele.addEventListener('mousewheel', debouncedOnMousewheel);
         const stickEle = createStickCanvas();
         const baseEle = createBaseCanvas();
         ele.appendChild(baseEle);

package/lib/built-in/setting-layout/SettingLayout.js

@@ -29,15 +29,16 @@ __webpack_require__.d(__webpack_exports__, {
     SettingLayout: ()=>SettingLayout
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-require("react");
 const icons_namespaceObject = require("@ant-design/icons");
 const pro_components_namespaceObject = require("@ant-design/pro-components");
 const external_antd_namespaceObject = require("antd");
 const external_react_router_namespaceObject = require("react-router");
+const external_index_js_namespaceObject = require("../../index.js");
 const index_js_namespaceObject = require("../../user/index.js");
 const external_admin_layout_index_js_namespaceObject = require("../admin-layout/index.js");
 const AdminProvider_js_namespaceObject = require("../admin-layout/AdminProvider.js");
 const external_system_settings_index_js_namespaceObject = require("../system-settings/index.js");
+const external_style_js_namespaceObject = require("./style.js");
 const SettingLayout = (param)=>{
     let { selectedKeys, onClick, route, children, fullscreen } = param;
     var _result_data_data, _result_data, _result_data_data_logo, _result_data_data1, _result_data1, _data_data, _data_data1, _data_data2;
@@ -50,18 +51,26 @@ const SettingLayout = (param)=>{
         fixedHeader: true,
         siderMenuType: 'sub'
     };
+    const app = (0, external_index_js_namespaceObject.useApp)();
     const location = (0, external_react_router_namespaceObject.useLocation)();
     const navigate = (0, external_react_router_namespaceObject.useNavigate)();
     const { data } = (0, index_js_namespaceObject.useCurrentUserContext)();
     const result = (0, external_system_settings_index_js_namespaceObject.useSystemSettings)();
+    const { styles } = (0, external_style_js_namespaceObject.useStyles)();
+    const redirectToUserHome = ()=>{
+        if (app.adminUrl.startsWith('/')) navigate(app.adminUrl);
+        else window.location.href = app.adminUrl;
+    };
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(AdminProvider_js_namespaceObject.AdminProvider, {
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(pro_components_namespaceObject.ProConfigProvider, {
             hashed: false,
             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(pro_components_namespaceObject.ProLayout, {
+                className: styles.settingLayout,
                 title: null == result ? void 0 : null === (_result_data = result.data) || void 0 === _result_data ? void 0 : null === (_result_data_data = _result_data.data) || void 0 === _result_data_data ? void 0 : _result_data_data.title,
                 logo: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("img", {
                     src: null == result ? void 0 : null === (_result_data1 = result.data) || void 0 === _result_data1 ? void 0 : null === (_result_data_data1 = _result_data1.data) || void 0 === _result_data_data1 ? void 0 : null === (_result_data_data_logo = _result_data_data1.logo) || void 0 === _result_data_data_logo ? void 0 : _result_data_data_logo.url
                 }),
+                onMenuHeaderClick: redirectToUserHome,
                 bgLayoutImgList: [
                     {
                         src: 'https://img.alicdn.com/imgextra/i2/O1CN01O4etvp1DvpFLKfuWq_!!6000000000279-2-tps-609-606.png',

package/lib/built-in/{assistant/calculator/CalculatorKey.js → setting-layout/style.js}

@@ -26,18 +26,32 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    CalculatorKey: ()=>CalculatorKey
+    useStyles: ()=>useStyles
+});
+const external_antd_style_namespaceObject = require("antd-style");
+function _tagged_template_literal(strings, raw) {
+    if (!raw) raw = strings.slice(0);
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    const data = _tagged_template_literal([
+        "\n      /* Depends on antd's ProLayout component structure */\n      .ant-pro-global-header-logo {\n        cursor: pointer;\n      }\n    "
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+const useStyles = (0, external_antd_style_namespaceObject.createStyles)((param)=>{
+    let { css, token } = param;
+    return {
+        settingLayout: css(_templateObject())
+    };
 });
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-require("react");
-const CalculatorKey = (param)=>{
-    let { onPress, className, ...props } = param;
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
-        onClick: onPress,
-        className: "calculator-key ".concat(className),
-        ...props
-    });
-};
 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', {

package/lib/collection-manager/action-hooks.js

@@ -147,21 +147,49 @@ const useKanbanEvents = ()=>{
         }
     };
 };
-const useSortFields = (collectionName)=>{
+const toOneField = (field)=>[
+        'belongsTo',
+        'hasOne'
+    ].includes(field.type);
+const useSortFields = function(collectionName) {
+    let depth = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 1, parentFieldName = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : '', parentLabel = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : '';
+    const { t } = (0, external_react_i18next_namespaceObject.useTranslation)();
     const { getCollectionFields, getInterface } = (0, external_index_js_namespaceObject.useCollectionManager_deprecated)();
     const fields = getCollectionFields(collectionName);
-    return fields.filter((field)=>{
-        if (!field.interface) return false;
-        const fieldInterface = getInterface(field.interface);
-        if (null == fieldInterface ? void 0 : fieldInterface.sortable) return true;
-        return false;
-    }).map((field)=>{
+    if (!Array.isArray(fields) || 0 === fields.length) return [];
+    fields.sort((a, b)=>{
+        const toOnFieldA = toOneField(a);
+        const toOnFieldB = toOneField(b);
+        if (toOnFieldA && !toOnFieldB) return 1;
+        if (!toOnFieldA && toOnFieldB) return -1;
+        return a.sort - b.sort;
+    });
+    return fields.map((field)=>{
         var _field_uiSchema;
-        return {
-            value: field.name,
-            label: (null == field ? void 0 : null === (_field_uiSchema = field.uiSchema) || void 0 === _field_uiSchema ? void 0 : _field_uiSchema.title) || field.name
+        if (!field.interface) return null;
+        const fieldInterface = getInterface(field.interface);
+        if (!(null == fieldInterface ? void 0 : fieldInterface.sortable) && !toOneField(field)) return null;
+        if (!(null == fieldInterface ? void 0 : fieldInterface.sortable) && depth >= 2) return null;
+        if (field.target === collectionName) return null;
+        const value = parentFieldName ? "".concat(parentFieldName, ".").concat(field.name) : field.name;
+        const currentLabel = (null == field ? void 0 : null === (_field_uiSchema = field.uiSchema) || void 0 === _field_uiSchema ? void 0 : _field_uiSchema.title) || field.name;
+        let fullLabel = '';
+        if (parentLabel) {
+            if (parentLabel.includes('{{') || currentLabel.includes('{{')) {
+                const formatLabel = (label)=>label.includes('{{t(') ? "t(".concat(label.slice(4, -3), ")") : label.includes('{{') ? "t(".concat(label.slice(2, -2), ")") : '"'.concat(label, '"');
+                let formattedParentLabel = formatLabel(parentLabel);
+                const formattedCurrentLabel = formatLabel(currentLabel);
+                fullLabel = "{{t(".concat(formattedParentLabel, ' +  "/" + ').concat(formattedCurrentLabel, ")}}");
+            } else fullLabel = "".concat(parentLabel, " / ").concat(currentLabel);
+        } else fullLabel = currentLabel;
+        const option = {
+            label: currentLabel,
+            fullLabel,
+            value
         };
-    });
+        if (field.target) option.children = useSortFields(field.target, depth + 1, value, fullLabel);
+        return option;
+    }).filter(Boolean);
 };
 const useChildrenCollections = (collectionName)=>{
     const { getChildrenCollections } = (0, external_index_js_namespaceObject.useCollectionManager_deprecated)();

package/lib/icon/preloaded.js

@@ -73,7 +73,7 @@ const Approval = ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("svg",
         ]
     });
 const ApprovalNew = ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg", {
-        "fill-rule": "evenodd",
+        fillRule: "evenodd",
         viewBox: "0 0 34 34",
         focusable: "false",
         fill: "currentColor",
@@ -88,7 +88,7 @@ const ApprovalNew = ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg"
                         id: "Ellipse 42",
                         d: "M16.8963 7C14.6872 7 12.8963 8.79086 12.8963 11C12.8963 12.2907 13.5076 13.4385 14.4564 14.1699C14.7966 14.4322 15.018 14.8415 14.9526 15.266L14.6723 17.0856C14.5972 17.5734 14.1774 17.9334 13.6839 17.9334H10.999C10.4467 17.9334 9.99902 18.3811 9.99902 18.9334V22.012",
                         stroke: "white",
-                        "stroke-width": "1.5"
+                        strokeWidth: "1.5"
                     }),
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
                         id: "Ellipse 43",
@@ -99,8 +99,8 @@ const ApprovalNew = ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg"
                         id: "Vector 5",
                         d: "M10.0479 25.0195H23.7546",
                         stroke: "white",
-                        "stroke-width": "1.5",
-                        "stroke-linecap": "round"
+                        strokeWidth: "1.5",
+                        strokeLinecap: "round"
                     })
                 ]
             })

package/lib/locale/en_US.js

@@ -98,6 +98,7 @@ module.exports = {
   "Area chart": "Area chart",
   "Assign  data scope for the template": "Assign  data scope for the template",
   "Assign field values": "Assign field values",
+  Associate: "Associate",
   "Associated records": "Associated records",
   "Association fields": "Association fields",
   "Association fields filter": "Association fields filter",
@@ -106,6 +107,7 @@ module.exports = {
   "Auto increment": "Auto increment",
   AutoGenId: "Auto-generated ID field",
   "Automatic close": "Automatic close",
+  "Automatically assign permissions to all matching roles": "Automatically assign permissions to all matching roles",
   "Automatically drop objects that depend on the collection (such as views), and in turn all objects that depend on those objects": "Automatically drop objects that depend on the collection (such as views), and in turn all objects that depend on those objects",
   "Automatically load data": "Automatically load data",
   "Bar chart": "Bar chart",
@@ -187,8 +189,11 @@ module.exports = {
   "Create collection": "Create collection",
   "Create form": "Create form",
   "Create gantt block": "Create gantt block",
+  "Create group": "Create group",
   "Create inverse field in the target collection": "Create inverse field in the target collection",
   "Create kanban block": "Create kanban block",
+  "Create link": "Create link",
+  "Create page": "Create page",
   "Create template": "Create template",
   "Created at": "Created at",
   "Created by": "Created by",
@@ -465,6 +470,7 @@ module.exports = {
   List: "List",
   Load: "Load",
   "Load data after filtering": "Load data after filtering",
+  "Load menu config": "Load menu config",
   Local: "Local",
   "Log in with an existing account": "Log in with an existing account",
   Logo: "Logo",
@@ -501,6 +507,7 @@ module.exports = {
   "Mobile UI": "Mobile UI",
   "Mobile client access address": "Mobile client access address",
   "Modal add": "Modal add",
+  "Modify the name and icon": "Modify the name and icon",
   Month: "Month",
   Monthly: "Monthly",
   "More details": "More details",
@@ -878,6 +885,7 @@ module.exports = {
   pixels: "pixels",
   "please enter the date": "please enter the date",
   "re-download file": "re-download file",
+  "search Menu": "Search Menu",
   sort: "sort",
   "starts with": "starts with",
   tabs: "tabs",

package/lib/locale/zh-CN.js

@@ -111,6 +111,7 @@ module.exports = {
   "Area chart": "\u9762\u79EF\u56FE",
   "Assign  data scope for the template": "\u4E3A\u6A21\u677F\u6307\u5B9A\u6570\u636E\u8303\u56F4",
   "Assign field values": "\u5B57\u6BB5\u8D4B\u503C",
+  Associate: "\u5173\u8054",
   "Associated records": "\u5173\u8054\u8BB0\u5F55",
   "Association fields": "\u5173\u7CFB\u5B57\u6BB5",
   "Association fields filter": "\u5173\u7CFB\u7B5B\u9009",
@@ -121,6 +122,7 @@ module.exports = {
   "Auto increment": "\u81EA\u52A8\u589E\u957F",
   AutoComplete: "\u8F93\u5165\u6846(\u81EA\u52A8\u8865\u5168)",
   "Automatic close": "\u81EA\u52A8\u5173\u95ED",
+  "Automatically assign permissions to all matching roles": "\u81EA\u52A8\u7ED9\u6240\u6709\u7B26\u5408\u7684\u89D2\u8272\u5206\u914D\u6743\u9650",
   "Automatically drop objects that depend on the collection (such as views), and in turn all objects that depend on those objects": "\u81EA\u52A8\u5220\u9664\u4F9D\u8D56\u4E8E\u8BE5\u8868\u7684\u5BF9\u8C61,\u4EE5\u53CA\u4F9D\u8D56\u8FD9\u4E9B\u5BF9\u8C61\u7684\u5BF9\u8C61",
   "Automatically load data": "\u81EA\u52A8\u52A0\u8F7D\u6570\u636E",
   "Back Home": "\u56DE\u5230\u4E3B\u9875",
@@ -217,8 +219,11 @@ module.exports = {
   "Create collection": "\u521B\u5EFA\u6570\u636E\u8868",
   "Create form": "\u521B\u5EFA\u8868\u5355",
   "Create gantt block": "\u521B\u5EFA\u7518\u7279\u56FE\u5361\u7247",
+  "Create group": "\u65B0\u5EFA\u5206\u7EC4",
   "Create inverse field in the target collection": "\u5728\u76EE\u6807\u6570\u636E\u8868\u91CC\u521B\u5EFA\u53CD\u5411\u5173\u7CFB\u5B57\u6BB5",
   "Create kanban block": "\u521B\u5EFA\u770B\u677F\u5361\u7247",
+  "Create link": "\u65B0\u5EFA\u94FE\u63A5",
+  "Create page": "\u65B0\u5EFA\u9875\u9762",
   "Create template": "\u521B\u5EFA\u6A21\u677F",
   "Created at": "\u521B\u5EFA\u65E5\u671F",
   "Created by": "\u521B\u5EFA\u4EBA",
@@ -535,6 +540,7 @@ module.exports = {
   List: "\u5217\u8868",
   Load: "\u52A0\u8F7D",
   "Load data after filtering": "\u7B5B\u9009\u540E\u624D\u52A0\u8F7D\u6570\u636E",
+  "Load menu config": "\u52A0\u8F7D\u83DC\u5355\u914D\u7F6E",
   Local: "\u672C\u5730",
   "Log in with an existing account": "\u4F7F\u7528\u5DF2\u6709\u8D26\u53F7\u767B\u5F55",
   "Logging and monitoring": "\u65E5\u5FD7\u4E0E\u76D1\u63A7",
@@ -576,6 +582,7 @@ module.exports = {
   "Mobile UI": "\u79FB\u52A8\u7AEF\u9875\u9762",
   "Mobile client access address": "\u79FB\u52A8\u7AEF\u8BBF\u95EE\u5730\u5740",
   "Modal add": "\u5F39\u7A97\u6DFB\u52A0",
+  "Modify the name and icon": "\u4FEE\u6539\u540D\u79F0\u548C\u56FE\u6807",
   Month: "\u6708",
   Monthly: "\u6BCF\u6708",
   "More details": "\u66F4\u591A\u8BE6\u60C5",
@@ -1015,6 +1022,7 @@ module.exports = {
   pixels: "\u50CF\u7D20",
   "please enter the date": "\u8BF7\u8F93\u5165\u65E5\u671F",
   "re-download file": "\u91CD\u65B0\u4E0B\u8F7D\u6587\u4EF6",
+  "search Menu": "\u641C\u7D22\u83DC\u5355",
   sort: "\u6392\u5E8F",
   "starts with": "\u5F00\u5934\u662F",
   tabs: "\u6807\u7B7E",

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

@@ -0,0 +1,105 @@
+"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__, {
+    AssociateActionInitializer: ()=>AssociateActionInitializer
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("react");
+const index_js_namespaceObject = require("../../../application/index.js");
+const ActionInitializer_js_namespaceObject = require("../../../schema-initializer/items/ActionInitializer.js");
+const AssociateActionInitializer = ()=>{
+    const schema = {
+        type: 'void',
+        'x-action': 'associate',
+        'x-acl-action': 'associate',
+        title: "{{t('Associate')}}",
+        'x-toolbar': 'ActionSchemaToolbar',
+        'x-settings': 'actionSettings:associate',
+        'x-component': 'Action',
+        'x-component-props': {
+            actionType: 'associations',
+            openMode: 'drawer',
+            type: 'primary',
+            icon: 'PlusOutlined'
+        },
+        properties: {
+            drawer: {
+                type: 'void',
+                title: '{{ t("Select record") }}',
+                'x-component': 'Action.Container',
+                'x-component-props': {
+                    className: 'nb-record-picker-selector'
+                },
+                'x-decorator': 'AssociateActionProvider',
+                properties: {
+                    grid: {
+                        type: 'void',
+                        'x-component': 'Grid',
+                        'x-initializer': 'popup:tableSelector:addBlock',
+                        properties: {}
+                    },
+                    footer: {
+                        'x-component': 'Action.Container.Footer',
+                        'x-component-props': {},
+                        properties: {
+                            actions: {
+                                type: 'void',
+                                'x-component': 'ActionBar',
+                                'x-component-props': {},
+                                properties: {
+                                    submit: {
+                                        title: '{{ t("Submit") }}',
+                                        'x-action': 'submit',
+                                        'x-component': 'Action',
+                                        'x-use-component-props': 'usePickActionProps',
+                                        'x-toolbar': 'ActionSchemaToolbar',
+                                        'x-settings': 'actionSettings:submit',
+                                        'x-component-props': {
+                                            type: 'primary',
+                                            htmlType: 'submit'
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    };
+    const itemConfig = (0, index_js_namespaceObject.useSchemaInitializerItem)();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ActionInitializer_js_namespaceObject.ActionInitializer, {
+        item: itemConfig,
+        schema: schema
+    });
+};
+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
+});