@tachybase/client 0.23.35 → 0.23.40

package/lib/schema-component/antd/menu/{MenuSearch.js → MenuSearchAdd.js}

@@ -39,38 +39,47 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    MenuSearch: ()=>MenuSearch
+    MenuSearchAdd: ()=>MenuSearchAdd
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_antd_namespaceObject = require("antd");
 const external_lodash_namespaceObject = require("lodash");
 var external_lodash_default = /*#__PURE__*/ __webpack_require__.n(external_lodash_namespaceObject);
 const external_index_js_namespaceObject = require("../../../index.js");
-const MenuSearch = (props)=>{
-    const { setSearchMenuTitle } = props;
+const external_MenuAdd_js_namespaceObject = require("./MenuAdd.js");
+const external_MenuSearchAdd_style_js_namespaceObject = require("./MenuSearchAdd.style.js");
+const MenuSearchAdd = (props)=>{
+    const { designable, dn, setSearchMenuTitle } = props;
     const { t } = (0, external_index_js_namespaceObject.useTranslation)();
-    const debounceChangeValue = external_lodash_default().debounce((value)=>{
-        setSearchMenuTitle(value);
+    const { styles } = (0, external_MenuSearchAdd_style_js_namespaceObject.useStyles)();
+    const handleChange = external_lodash_default().debounce((event)=>{
+        event.stopPropagation();
+        const searchValue = event.target.value.trim();
+        setSearchMenuTitle(searchValue);
     }, 500);
     const handleSearch = (value, event)=>{
         event.stopPropagation();
-        debounceChangeValue(value.trim());
-    };
-    const handleClear = (event)=>{
-        if ('' === event.target.value) {
-            event.stopPropagation();
-            debounceChangeValue('');
-        }
+        external_lodash_default().debounce(setSearchMenuTitle, 500)(value.trim());
     };
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Input.Search, {
-        style: {
-            width: '100%'
-        },
-        allowClear: true,
-        placeholder: t('search Menu'),
-        prefix: null,
-        onSearch: handleSearch,
-        onChange: handleClear
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: styles.menuSearchAdd,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Input.Search, {
+                allowClear: true,
+                placeholder: t('search Menu'),
+                prefix: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_js_namespaceObject.Icon, {
+                    type: "SearchOutlined"
+                }),
+                onChange: handleChange,
+                onSearch: handleSearch
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "menu-add-wrapper",
+                children: designable && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_MenuAdd_js_namespaceObject.MenuAdd, {
+                    dn: dn
+                })
+            })
+        ]
     });
 };
 var __webpack_export_target__ = exports;

package/lib/schema-component/antd/menu/MenuSearchAdd.style.js

@@ -0,0 +1,59 @@
+"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      /* NOTE: 这里的样式是为了让搜索框的样式, 避免上层 antd 写死的 padding-left: 24px 的影响 */\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      display: flex;\n      flex-direction: row;\n      align-items: flex-start;\n\n      /* NOTE: 放这三个样式是为了提升选择器优先级, 覆盖掉 antd 的默认样式 */\n      .ant-input-outlined.ant-input-outlined.ant-input-outlined {\n        background-color: #f9f9f9;\n        border-radius: 5px;\n        border: none;\n        box-shadow: none;\n      }\n\n      /* 移除 antd 默认的后置搜索图标 */\n      .ant-input-group-addon {\n        display: none;\n      }\n\n      .menu-add-wrapper {\n        .ant-dropdown-trigger {\n          display: grid;\n          place-items: center;\n\n          width: 30px;\n          /* 这里是为了和前边元素保持对齐, antd 组件写死了高度 */\n          height: 28px;\n\n          cursor: pointer;\n\n          :hover,\n          :active {\n            border-radius: 5px;\n            color: #ffffff;\n            background-color: #f4f4f4;\n          }\n        }\n      }\n    "
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+const useStyles = (0, external_antd_style_namespaceObject.createStyles)((param)=>{
+    let { css, token } = param;
+    return {
+        menuSearchAdd: css(_templateObject())
+    };
+});
+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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tachybase/client",
-  "version": "0.23.35",
+  "version": "0.23.40",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.mjs",
@@ -64,12 +64,12 @@
     "react-zoom-pan-pinch": "^3.6.1",
     "sanitize-html": "2.14.0",
     "use-deep-compare-effect": "^1.8.1",
-    "@tachybase/components": "0.23.35",
-    "@tachybase/requirejs": "0.23.35",
-    "@tachybase/sdk": "0.23.35",
-    "@tachybase/evaluators": "0.23.35",
-    "@tachybase/schema": "0.23.35",
-    "@tachybase/utils": "0.23.35"
+    "@tachybase/components": "0.23.40",
+    "@tachybase/evaluators": "0.23.40",
+    "@tachybase/requirejs": "0.23.40",
+    "@tachybase/schema": "0.23.40",
+    "@tachybase/utils": "0.23.40",
+    "@tachybase/sdk": "0.23.40"
   },
   "devDependencies": {
     "@testing-library/react": "^14.3.1",

package/es/built-in/assistant/Assistant.provider.d.ts

@@ -1,3 +0,0 @@
-export declare const AssistantProvider: ({ children }: {
-    children: any;
-}) => import("react/jsx-runtime").JSX.Element;

package/es/built-in/assistant/Assistant.provider.mjs

@@ -1,28 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__ant_design_icons__ from "@ant-design/icons";
-import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
-import * as __WEBPACK_EXTERNAL_MODULE__acl_index_mjs__ from "../acl/index.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__pinned_list_index_mjs__ from "../pinned-list/index.mjs";
-const AssistantProvider = (param)=>{
-    let { children } = param;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.Fragment, {
-        children: [
-            children,
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__acl_index_mjs__.ACLRolesCheckProvider, {
-                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.FloatButton.Group, {
-                    trigger: "click",
-                    type: "default",
-                    style: {
-                        right: 24,
-                        zIndex: 1250
-                    },
-                    icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.ToolOutlined, {}),
-                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__pinned_list_index_mjs__.PinnedPluginList, {
-                        belongToFilter: "hoverbutton"
-                    })
-                })
-            })
-        ]
-    });
-};
-export { AssistantProvider };

package/es/built-in/assistant/context.d.ts

@@ -1,3 +0,0 @@
-export declare const AssistantListContext: import("react").Context<{
-    items: {};
-}>;

package/es/built-in/assistant/context.mjs

@@ -1,6 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-const AssistantListContext = (0, __WEBPACK_EXTERNAL_MODULE_react__.createContext)({
-    items: {}
-});
-AssistantListContext.displayName = 'AssistantListContext';
-export { AssistantListContext };

package/es/built-in/assistant/index.d.ts

@@ -1,6 +0,0 @@
-import { Plugin } from '../../application/Plugin';
-export * from './context';
-export * from './Assistant.provider';
-export declare class PluginAssistant extends Plugin {
-    afterLoad(): Promise<void>;
-}

package/es/built-in/assistant/index.mjs

@@ -1,9 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE__application_Plugin_mjs__ from "../../application/Plugin.mjs";
-export * from "./context.mjs";
-export * from "./Assistant.provider.mjs";
-class PluginAssistant extends __WEBPACK_EXTERNAL_MODULE__application_Plugin_mjs__.Plugin {
-    async afterLoad() {
-        this.app.use(AssistantProvider);
-    }
-}
-export { PluginAssistant };

package/es/schema-component/antd/menu/MenuSearch.d.ts

@@ -1,5 +0,0 @@
-interface MenuSearchProps {
-    setSearchMenuTitle: (title: string) => void;
-}
-export declare const MenuSearch: (props: MenuSearchProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/es/schema-component/antd/menu/MenuSearch.mjs

@@ -1,32 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
-import * as __WEBPACK_EXTERNAL_MODULE_lodash__ from "lodash";
-import * as __WEBPACK_EXTERNAL_MODULE__index_mjs__ from "../../../index.mjs";
-const MenuSearch = (props)=>{
-    const { setSearchMenuTitle } = props;
-    const { t } = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useTranslation)();
-    const debounceChangeValue = __WEBPACK_EXTERNAL_MODULE_lodash__["default"].debounce((value)=>{
-        setSearchMenuTitle(value);
-    }, 500);
-    const handleSearch = (value, event)=>{
-        event.stopPropagation();
-        debounceChangeValue(value.trim());
-    };
-    const handleClear = (event)=>{
-        if ('' === event.target.value) {
-            event.stopPropagation();
-            debounceChangeValue('');
-        }
-    };
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Input.Search, {
-        style: {
-            width: '100%'
-        },
-        allowClear: true,
-        placeholder: t('search Menu'),
-        prefix: null,
-        onSearch: handleSearch,
-        onChange: handleClear
-    });
-};
-export { MenuSearch };

package/lib/built-in/assistant/Assistant.provider.js

@@ -1,62 +0,0 @@
-"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__, {
-    AssistantProvider: ()=>AssistantProvider
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const icons_namespaceObject = require("@ant-design/icons");
-const external_antd_namespaceObject = require("antd");
-const index_js_namespaceObject = require("../acl/index.js");
-const external_pinned_list_index_js_namespaceObject = require("../pinned-list/index.js");
-const AssistantProvider = (param)=>{
-    let { children } = param;
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
-        children: [
-            children,
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.ACLRolesCheckProvider, {
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.FloatButton.Group, {
-                    trigger: "click",
-                    type: "default",
-                    style: {
-                        right: 24,
-                        zIndex: 1250
-                    },
-                    icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(icons_namespaceObject.ToolOutlined, {}),
-                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_pinned_list_index_js_namespaceObject.PinnedPluginList, {
-                        belongToFilter: "hoverbutton"
-                    })
-                })
-            })
-        ]
-    });
-};
-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/assistant/index.js

@@ -1,94 +0,0 @@
-"use strict";
-var __webpack_modules__ = {
-    "../../application/Plugin": function(module) {
-        module.exports = require("../../application/Plugin.js");
-    },
-    "./Assistant.provider": function(module) {
-        module.exports = require("./Assistant.provider.js");
-    },
-    "./context?d80f": function(module) {
-        module.exports = require("./context.js");
-    }
-};
-var __webpack_module_cache__ = {};
-function __webpack_require__(moduleId) {
-    var cachedModule = __webpack_module_cache__[moduleId];
-    if (void 0 !== cachedModule) return cachedModule.exports;
-    var module = __webpack_module_cache__[moduleId] = {
-        exports: {}
-    };
-    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-    return module.exports;
-}
-(()=>{
-    __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, {
-            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__, {
-    PluginAssistant: function() {
-        return PluginAssistant;
-    }
-});
-var _application_Plugin__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("../../application/Plugin");
-var _Assistant_provider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./Assistant.provider");
-var _context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./context?d80f");
-var __WEBPACK_REEXPORT_OBJECT__ = {};
-for(var __WEBPACK_IMPORT_KEY__ in _context__WEBPACK_IMPORTED_MODULE_2__)if ([
-    "default",
-    "PluginAssistant"
-].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-    return _context__WEBPACK_IMPORTED_MODULE_2__[key];
-}).bind(0, __WEBPACK_IMPORT_KEY__);
-__webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-var __WEBPACK_REEXPORT_OBJECT__ = {};
-for(var __WEBPACK_IMPORT_KEY__ in _Assistant_provider__WEBPACK_IMPORTED_MODULE_1__)if ([
-    "PluginAssistant",
-    "default"
-].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-    return _Assistant_provider__WEBPACK_IMPORTED_MODULE_1__[key];
-}).bind(0, __WEBPACK_IMPORT_KEY__);
-__webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-class PluginAssistant extends _application_Plugin__WEBPACK_IMPORTED_MODULE_0__.Plugin {
-    async afterLoad() {
-        this.app.use(_Assistant_provider__WEBPACK_IMPORTED_MODULE_1__.AssistantProvider);
-    }
-}
-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
-});