@tachybase/client 0.23.22 → 0.23.40

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/context.js → setting-layout/style.js}

@@ -26,13 +26,32 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    AssistantListContext: ()=>AssistantListContext
+    useStyles: ()=>useStyles
 });
-const external_react_namespaceObject = require("react");
-const AssistantListContext = (0, external_react_namespaceObject.createContext)({
-    items: {}
+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())
+    };
 });
-AssistantListContext.displayName = 'AssistantListContext';
 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"
                     })
                 ]
             })