@tachybase/client 0.23.22 → 0.23.40

package/es/schema-component/antd/menu/Menu.styles.d.ts

@@ -1,8 +1,7 @@
 export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
     subMenuDesignerCss: import("antd-style").SerializedStyles;
     designerCss: import("antd-style").SerializedStyles;
-    headerMenuClass: import("antd-style").SerializedStyles;
     sideMenuClass: import("antd-style").SerializedStyles;
     menuItemClass: import("antd-style").SerializedStyles;
-    menuItem: import("antd-style").SerializedStyles;
+    headerMenuClass: import("antd-style").SerializedStyles;
 }>;

package/es/schema-component/antd/menu/Menu.styles.mjs

@@ -9,7 +9,7 @@ function _tagged_template_literal(strings, raw) {
 }
 function _templateObject() {
     const data = _tagged_template_literal([
-        "\n      position: relative;\n      display: inline-block;\n      margin-left: -24px;\n      margin-right: -34px;\n      padding: 0 34px 0 24px;\n      width: calc(100% + 58px);\n      height: 100%;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      &:hover {\n        > .general-schema-designer {\n          display: block;\n        }\n      }\n      &.tb-action-link {\n        > .general-schema-designer {\n          top: -10px;\n          bottom: -10px;\n          left: -10px;\n          right: -10px;\n        }\n      }\n      > .general-schema-designer {\n        position: absolute;\n        z-index: 999;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        display: none;\n        background: var(--colorBgSettingsHover);\n        border: 0;\n        pointer-events: none;\n        > .general-schema-designer-icons {\n          position: absolute;\n          right: 2px;\n          top: 2px;\n          line-height: 16px;\n          pointer-events: all;\n          .ant-space-item {\n            background-color: var(--colorSettings);\n            color: #fff;\n            line-height: 16px;\n            width: 16px;\n            padding-left: 1px;\n            align-self: stretch;\n          }\n        }\n      }\n    "
+        "\n      position: relative;\n      display: flex;\n      flex-direction: row;\n      flex-wrap: nowrap;\n      justify-content: space-between;\n      align-items: center;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      &:hover {\n        .general-schema-designer {\n          display: flex;\n        }\n        .ant-space-item:hover {\n          border-radius: 5px;\n          background-color: var(--colorSettings);\n          color: #fff;\n        }\n      }\n      &.tb-action-link {\n        > .general-schema-designer {\n          top: -10px;\n          bottom: -10px;\n          left: -10px;\n          right: -10px;\n        }\n      }\n      .submenu-title {\n        display: flex;\n        flex-direction: row;\n\n        width: 100%;\n        vertical-align: middle;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n      .general-schema-designer {\n        flex: 1;\n        display: flex;\n        flex-direction: row;\n        justify-content: flex-start;\n        align-items: center;\n        pointer-events: none;\n        display: none;\n        .general-schema-designer-icons {\n          pointer-events: all;\n          .ant-space-item {\n            line-height: 16px;\n            width: 16px;\n            padding-left: 1px;\n          }\n        }\n      }\n    "
     ]);
     _templateObject = function() {
         return data;
@@ -18,7 +18,7 @@ function _templateObject() {
 }
 function _templateObject1() {
     const data = _tagged_template_literal([
-        "\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      margin-left: -20px;\n      margin-right: -20px;\n      padding: 0 20px;\n      width: calc(100% + 40px);\n      height: 100%;\n      &:hover {\n        > .general-schema-designer {\n          display: block;\n        }\n      }\n      &.tb-action-link {\n        > .general-schema-designer {\n          top: -10px;\n          bottom: -10px;\n          left: -10px;\n          right: -10px;\n        }\n      }\n      > .general-schema-designer {\n        position: absolute;\n        z-index: 999;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        display: none;\n        background: var(--colorBgSettingsHover);\n        border: 0;\n        pointer-events: none;\n        > .general-schema-designer-icons {\n          position: absolute;\n          right: 2px;\n          top: 2px;\n          line-height: 16px;\n          pointer-events: all;\n          .ant-space-item {\n            background-color: var(--colorSettings);\n            color: #fff;\n            line-height: 16px;\n            width: 16px;\n            padding-left: 1px;\n            align-self: stretch;\n          }\n        }\n      }\n    "
+        "\n      position: relative;\n      display: flex;\n      justify-content: flex-start;\n      align-items: center;\n      width: 100%;\n\n      &:hover {\n        .general-schema-designer {\n          display: flex;\n        }\n        .ant-space-item:hover {\n          border-radius: 5px;\n          background-color: var(--colorSettings);\n          color: #fff;\n        }\n      }\n      &.tb-action-link {\n        > .general-schema-designer {\n          top: -10px;\n          bottom: -10px;\n          left: -10px;\n          right: -10px;\n        }\n      }\n\n      .menuitem-title-wrapper {\n        display: flex;\n        flex-direction: row;\n        width: 100%;\n        overflow: hidden;\n      }\n      .menuitem-title {\n        vertical-align: middle;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      .general-schema-designer {\n        flex: 1;\n        display: flex;\n        flex-direction: row;\n        justify-content: flex-start;\n        align-items: center;\n        display: none;\n        pointer-events: none;\n        > .general-schema-designer-icons {\n          pointer-events: all;\n          .ant-space-item {\n            line-height: 16px;\n            width: 16px;\n            padding-left: 1px;\n          }\n        }\n      }\n    "
     ]);
     _templateObject1 = function() {
         return data;
@@ -27,7 +27,7 @@ function _templateObject1() {
 }
 function _templateObject2() {
     const data = _tagged_template_literal([
-        "\n      .ant-menu-item:hover {\n        > .ant-menu-title-content > div {\n          .general-schema-designer {\n            display: block;\n          }\n        }\n      }\n    "
+        "\n      height: 100%;\n      overflow-y: auto;\n      overflow-x: hidden;\n\n      .ant-menu-submenu.ant-menu-submenu-inline .ant-menu-submenu-title {\n        position: relative;\n        ::before {\n          content: '';\n          position: absolute;\n          left: 0;\n          top: 50%;\n          transform: translateY(-50%);\n          width: 3px;\n          height: 50%;\n          background-color: var(--colorPrimaryText);\n\n          /* 使用 clip-path 裁剪为梯形 */\n          clip-path: polygon(0 0, 100% 15%, 100% 85%, 0 100%);\n        }\n      }\n\n      .ant-menu-item,\n      .ant-menu-submenu-title {\n        padding-inline-end: 10px;\n      }\n\n      .ant-menu-submenu-title {\n        .ant-menu-title-content {\n          > div {\n            > .general-schema-designer {\n              right: 6px !important;\n            }\n            > span.anticon {\n              margin-right: 10px;\n            }\n          }\n        }\n      }\n    "
     ]);
     _templateObject2 = function() {
         return data;
@@ -36,7 +36,7 @@ function _templateObject2() {
 }
 function _templateObject3() {
     const data = _tagged_template_literal([
-        "\n      height: 100%;\n      overflow-y: auto;\n      overflow-x: hidden;\n      .ant-menu-item {\n        > .ant-menu-title-content {\n          height: 100%;\n          margin-left: -24px;\n          margin-right: -16px;\n          padding: 0 16px 0 24px;\n          > div {\n            > .general-schema-designer {\n              right: 6px !important;\n            }\n          }\n        }\n      }\n      .ant-menu-submenu-title {\n        .ant-menu-title-content {\n          height: 100%;\n          margin-left: -24px;\n          margin-right: -34px;\n          padding: 0 34px 0 24px;\n          > div {\n            > .general-schema-designer {\n              right: 6px !important;\n            }\n            > span.anticon {\n              margin-right: 10px;\n            }\n          }\n        }\n      }\n    "
+        "\n      :active {\n        background: inherit;\n      }\n    "
     ]);
     _templateObject3 = function() {
         return data;
@@ -45,33 +45,21 @@ function _templateObject3() {
 }
 function _templateObject4() {
     const data = _tagged_template_literal([
-        "\n      :active {\n        background: inherit;\n      }\n    "
+        "\n      display: flex;\n    "
     ]);
     _templateObject4 = function() {
         return data;
     };
     return data;
 }
-function _templateObject5() {
-    const data = _tagged_template_literal([
-        "\n      &:hover {\n        border-radius: ",
-        "px;\n        background: rgba(0, 0, 0, 0.045);\n        overflow: hidden;\n      }\n      .ant-btn {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        border: none;\n        box-shadow: none;\n        padding-left: 0;\n        padding-right: 0;\n        width: 100%;\n        span {\n          display: block;\n          text-align: center;\n          font-size: ",
-        "px;\n        }\n        .anticon {\n          font-size: 1.2rem;\n          margin-bottom: 0.3rem;\n          text-align: center;\n        }\n      }\n      .ant-btn-default {\n        box-shadow: none;\n      }\n      .general-schema-designer {\n        background: none;\n      }\n    "
-    ]);
-    _templateObject5 = function() {
-        return data;
-    };
-    return data;
-}
 const useStyles = (0, __WEBPACK_EXTERNAL_MODULE_antd_style__.createStyles)((param)=>{
     let { css, token } = param;
     return {
         subMenuDesignerCss: css(_templateObject()),
         designerCss: css(_templateObject1()),
-        headerMenuClass: css(_templateObject2()),
-        sideMenuClass: css(_templateObject3()),
-        menuItemClass: css(_templateObject4()),
-        menuItem: css(_templateObject5(), token.borderRadius, token.fontSizeSM)
+        sideMenuClass: css(_templateObject2()),
+        menuItemClass: css(_templateObject3()),
+        headerMenuClass: css(_templateObject4())
     };
 });
 export { useStyles };

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

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

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

@@ -0,0 +1,18 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__index_mjs__ from "../../../index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__schema_settings_SchemaSettings_mjs__ from "../../../schema-settings/SchemaSettings.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__Menu_Designer_mjs__ from "./Menu.Designer.mjs";
+const MenuAdd = (props)=>{
+    const { dn } = props;
+    const { getAriaLabel } = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useGetAriaLabelOfDesigner)();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_settings_SchemaSettings_mjs__.SchemaSettingsDropdown, {
+        title: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.Icon, {
+            type: "PlusOutlined",
+            "aria-label": getAriaLabel('add-menu')
+        }),
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__Menu_Designer_mjs__.InsertMenuItemsGroup, {
+            dn: dn
+        })
+    });
+};
+export { MenuAdd };

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

@@ -0,0 +1,7 @@
+interface MenuSearchProps {
+    setSearchMenuTitle: (title: string) => void;
+    designable: boolean;
+    dn?: any;
+}
+export declare const MenuSearchAdd: (props: MenuSearchProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,41 @@
+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";
+import * as __WEBPACK_EXTERNAL_MODULE__MenuAdd_mjs__ from "./MenuAdd.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__MenuSearchAdd_style_mjs__ from "./MenuSearchAdd.style.mjs";
+const MenuSearchAdd = (props)=>{
+    const { designable, dn, setSearchMenuTitle } = props;
+    const { t } = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useTranslation)();
+    const { styles } = (0, __WEBPACK_EXTERNAL_MODULE__MenuSearchAdd_style_mjs__.useStyles)();
+    const handleChange = __WEBPACK_EXTERNAL_MODULE_lodash__["default"].debounce((event)=>{
+        event.stopPropagation();
+        const searchValue = event.target.value.trim();
+        setSearchMenuTitle(searchValue);
+    }, 500);
+    const handleSearch = (value, event)=>{
+        event.stopPropagation();
+        __WEBPACK_EXTERNAL_MODULE_lodash__["default"].debounce(setSearchMenuTitle, 500)(value.trim());
+    };
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("div", {
+        className: styles.menuSearchAdd,
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Input.Search, {
+                allowClear: true,
+                placeholder: t('search Menu'),
+                prefix: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.Icon, {
+                    type: "SearchOutlined"
+                }),
+                onChange: handleChange,
+                onSearch: handleSearch
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+                className: "menu-add-wrapper",
+                children: designable && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__MenuAdd_mjs__.MenuAdd, {
+                    dn: dn
+                })
+            })
+        ]
+    });
+};
+export { MenuSearchAdd };

package/es/schema-component/antd/menu/MenuSearchAdd.style.d.ts

@@ -0,0 +1,3 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    menuSearchAdd: import("antd-style").SerializedStyles;
+}>;

package/es/schema-component/antd/menu/MenuSearchAdd.style.mjs

@@ -0,0 +1,25 @@
+import * as __WEBPACK_EXTERNAL_MODULE_antd_style__ from "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, __WEBPACK_EXTERNAL_MODULE_antd_style__.createStyles)((param)=>{
+    let { css, token } = param;
+    return {
+        menuSearchAdd: css(_templateObject())
+    };
+});
+export { useStyles };

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

@@ -0,0 +1,9 @@
+import { type Schema } from '@tachybase/schema';
+/**
+ * 从原始 schema JSON 数据出, 构造平铺的 json
+ * Creates a new flattened menu schema filtered by the search title
+ * @param sideMenuSchema - The original menu schema to process
+ * @param searchMenuTitle - The title to filter menu items by
+ * @returns A new Schema with filtered menu items
+ */
+export declare function getNewSideMenuSchema(sideMenuSchema: Schema, searchMenuTitle: string): Schema;

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

@@ -0,0 +1,36 @@
+function getNewSideMenuSchema(sideMenuSchema, searchMenuTitle) {
+    const newSchema = flattenAndFilterJson(sideMenuSchema, searchMenuTitle);
+    return newSchema;
+}
+function flattenAndFilterJson(data, targetTitle) {
+    const { title, properties, ...rest } = data;
+    const result = {
+        title,
+        ...rest,
+        properties: {}
+    };
+    const traverse = (node)=>{
+        if (!node) return;
+        const isSubMenu = 'Menu.SubMenu' === node['x-component'];
+        if (!isSubMenu) {
+            if ('string' == typeof (null == node ? void 0 : node.title) && node.title.includes(targetTitle)) result.properties[node.name] = {
+                ...node
+            };
+            return;
+        }
+        if (!node.properties) return;
+        Object.values(node.properties).forEach((child)=>{
+            const isSubMenu = 'Menu.SubMenu' === child['x-component'];
+            if (isSubMenu) traverse(child);
+            else {
+                var _child_title;
+                if (null == child ? void 0 : null === (_child_title = child.title) || void 0 === _child_title ? void 0 : _child_title.includes(targetTitle)) result.properties[child.name] = {
+                    ...child
+                };
+            }
+        });
+    };
+    traverse(data);
+    return result;
+}
+export { getNewSideMenuSchema };

package/es/schema-component/antd/scroll-area/ScrollArea.mjs

@@ -6,23 +6,6 @@ const ScrollArea = ()=>{
     const ref = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
     const { t } = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useTranslation)();
     (0, __WEBPACK_EXTERNAL_MODULE__built_in_scroll_assistant_useJoystick_mjs__.useJoystick)(ref);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        const child = ref.current;
-        const handlerScroll = (e)=>{
-            if (e.target === child) {
-                e.preventDefault();
-                e.stopPropagation();
-            }
-        };
-        if (child) child.addEventListener('mousewheel', handlerScroll, {
-            passive: false
-        });
-        return ()=>{
-            if (child) child.removeEventListener('mousewheel', handlerScroll);
-        };
-    }, [
-        ref
-    ]);
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
         ref: ref,
         style: {

package/es/schema-component/antd/select/Select.d.ts

@@ -1,15 +1,5 @@
-import React from 'react';
-import { type SelectProps } from 'antd';
-import { ReadPretty } from './ReadPretty';
-import { FieldNames } from './utils';
-declare const InternalSelect: React.ForwardRefExoticComponent<Partial<SelectProps<any, any> & {
-    objectValue?: boolean;
-    onChange?: (v: any) => void;
-    multiple: boolean;
-    rawOptions: any[];
-    fieldNames: FieldNames;
-}> & React.RefAttributes<unknown>>;
-export declare const Select: typeof InternalSelect & {
-    ReadPretty: typeof ReadPretty;
+export declare const Select: {
+    (props: any): import("react/jsx-runtime").JSX.Element;
+    ReadPretty: import("react").MemoExoticComponent<import("@tachybase/schema").ReactFC<Omit<any, "ref">>>;
 };
 export default Select;

package/es/schema-component/antd/select/Select.mjs

@@ -1,5 +1,4 @@
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
-import "react";
 import * as __WEBPACK_EXTERNAL_MODULE__tachybase_schema__ from "@tachybase/schema";
 import * as __WEBPACK_EXTERNAL_MODULE__tachybase_utils_client__ from "@tachybase/utils/client";
 import * as __WEBPACK_EXTERNAL_MODULE__ant_design_icons__ from "@ant-design/icons";
@@ -149,7 +148,39 @@ const InternalSelect = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.connect
         },
         suffixIcon: (null == field ? void 0 : field['loading']) || (null == field ? void 0 : field['validating']) ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.LoadingOutlined, {}) : props.suffixIcon
     })), (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.mapReadPretty)(__WEBPACK_EXTERNAL_MODULE__ReadPretty_mjs__.ReadPretty));
-const Select = InternalSelect;
+const InternalRadioGroup = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.connect)((props)=>{
+    const { options, value, onChange } = props;
+    const handleCancel = (e)=>{
+        e.stopPropagation();
+        const currentValue = e.target.value;
+        if ('radio' === e.target.type && currentValue === value) null == onChange || onChange('');
+    };
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+        onClick: handleCancel,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Radio.Group, {
+            ...props,
+            value: value,
+            options: options
+        })
+    });
+}, (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.mapProps)({
+    dataSource: 'options',
+    onInput: 'onChange',
+    value: 'value'
+}), (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.mapReadPretty)(__WEBPACK_EXTERNAL_MODULE__ReadPretty_mjs__.ReadPretty));
+const Select = (props)=>{
+    switch(props.mode){
+        case 'Radio group':
+            return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(InternalRadioGroup, {
+                ...props
+            });
+        case 'Select':
+        default:
+            return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(InternalSelect, {
+                ...props
+            });
+    }
+};
 Select.ReadPretty = __WEBPACK_EXTERNAL_MODULE__ReadPretty_mjs__.ReadPretty;
 const Select_rslib_entry_ = Select;
 export { Select, Select_rslib_entry_ as default };

package/es/schema-component/antd/table/Table.Void.Designer.mjs

@@ -120,7 +120,8 @@ const TableVoidDesigner = ()=>{
                                                 'x-component-props': {
                                                     style: {
                                                         width: 260
-                                                    }
+                                                    },
+                                                    optionLabelProp: 'fullLabel'
                                                 }
                                             },
                                             direction: {

package/es/schema-component/antd/table-v2/TableBlockDesigner.mjs

@@ -200,7 +200,8 @@ const TableBlockDesigner = ()=>{
                                                 'x-component-props': {
                                                     style: {
                                                         width: 260
-                                                    }
+                                                    },
+                                                    optionLabelProp: 'fullLabel'
                                                 }
                                             },
                                             direction: {

package/es/schema-component/antd/table-v2/TableSelectorDesigner.mjs

@@ -155,7 +155,8 @@ const TableSelectorDesigner = ()=>{
                                                 'x-component-props': {
                                                     style: {
                                                         width: 260
-                                                    }
+                                                    },
+                                                    optionLabelProp: 'fullLabel'
                                                 }
                                             },
                                             direction: {

package/es/schema-component/common/dnd-context/index.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { Props } from '@dnd-kit/core/dist/components/DndContext/DndContext';
-export declare const DndContext: React.MemoExoticComponent<import("@tachybase/schema").ReactFC<Props>>;
+export declare const DndContext: import("react").MemoExoticComponent<import("@tachybase/schema").ReactFC<Props>>;

package/es/schema-component/common/sortable-item/DragHandleMenu.d.ts

@@ -0,0 +1 @@
+export declare const DragHandleMenu: (props: any) => any;

package/es/schema-component/common/sortable-item/DragHandleMenu.mjs

@@ -0,0 +1,78 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE_antd_style__ from "antd-style";
+import * as __WEBPACK_EXTERNAL_MODULE_rc_menu_es_context_MenuContext__ from "rc-menu/es/context/MenuContext";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__ from "../../hooks/index.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__DragHandleMenu_style_mjs__ from "./DragHandleMenu.style.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__SortableItem_mjs__ from "./SortableItem.mjs";
+const DragHandleMenu = (props)=>{
+    const { isSubMenu, name, children, className: overStyle, isAdminMenu } = props;
+    const { draggable } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__SortableItem_mjs__.SortableContext);
+    const { onOpenChange } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE_rc_menu_es_context_MenuContext__.MenuContext) || {};
+    const { designable } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_index_mjs__.useDesignable)();
+    const { attributes, listeners, setNodeRef, transform, isDragging } = draggable;
+    const { styles } = (0, __WEBPACK_EXTERNAL_MODULE__DragHandleMenu_style_mjs__.useStyles)();
+    const ref = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
+    const [dimensions, setDimensions] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)({
+        width: 0,
+        height: 0
+    });
+    const [initialPosition, setInitialPosition] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)({
+        x: 0,
+        y: 0
+    });
+    const centerOffset = {
+        x: dimensions.width / 4,
+        y: dimensions.height / 4
+    };
+    const style = {
+        position: isDragging ? 'fixed' : 'static',
+        top: isDragging ? initialPosition.y - centerOffset.y : 0,
+        left: isDragging ? initialPosition.x - centerOffset.x : 0,
+        width: isDragging ? dimensions.width : '100%',
+        height: isDragging ? dimensions.height : '100%',
+        zIndex: isDragging ? 999 : 'auto',
+        pointerEvents: isDragging ? 'none' : 'auto',
+        transform: transform ? "translate3d(".concat(transform.x, "px, ").concat(transform.y, "px, 0) scale(").concat(isDragging ? 1.05 : 1, ")") : void 0,
+        boxShadow: isDragging ? '0 4px 8px rgba(0, 0, 0, 0.1)' : 'none'
+    };
+    const handleMouseDown = (event)=>{
+        if (ref.current) {
+            const { width, height } = ref.current.getBoundingClientRect();
+            const { clientX, clientY } = event;
+            setDimensions({
+                width,
+                height
+            });
+            setInitialPosition({
+                x: clientX,
+                y: clientY
+            });
+        }
+    };
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        if (isSubMenu && isDragging) null == onOpenChange || onOpenChange(name, false);
+    }, [
+        isDragging
+    ]);
+    if (!designable) return children;
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+        ref: setNodeRef,
+        className: (0, __WEBPACK_EXTERNAL_MODULE_antd_style__.cx)(styles.dragHandleMenu, {
+            draggable: isDragging,
+            leftBorder: isSubMenu && isDragging,
+            adminMenu: isAdminMenu && isDragging
+        }, overStyle),
+        style: style,
+        ...listeners,
+        ...attributes,
+        role: "none",
+        onMouseDown: handleMouseDown,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+            ref: ref,
+            className: 'wrapper',
+            children: children
+        })
+    });
+};
+export { DragHandleMenu };

package/es/schema-component/common/sortable-item/DragHandleMenu.style.d.ts

@@ -0,0 +1,3 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    dragHandleMenu: import("antd-style").SerializedStyles;
+}>;

package/es/schema-component/common/sortable-item/DragHandleMenu.style.mjs

@@ -0,0 +1,25 @@
+import * as __WEBPACK_EXTERNAL_MODULE_antd_style__ from "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      position: relative;\n      width: 100%;\n      height: 100%;\n\n      &.draggable {\n        cursor: move;\n        padding: 0 10px;\n        border-radius: 5px;\n        background: #f0f0f0;\n      }\n      &.leftBorder {\n        ::before {\n          content: '';\n          position: absolute;\n          left: 0;\n          top: 50%;\n          transform: translateY(-50%);\n          width: 3px;\n          height: 50%;\n          background-color: var(--colorPrimaryText);\n\n          /* 使用 clip-path 裁剪为梯形 */\n          clip-path: polygon(0 0, 100% 15%, 100% 85%, 0 100%);\n        }\n      }\n\n      &.adminMenu {\n        .general-schema-designer {\n          display: none;\n        }\n      }\n\n      .wrapper {\n        display: flex;\n        flex-direction: row;\n        justify-content: space-around;\n      }\n    "
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+const useStyles = (0, __WEBPACK_EXTERNAL_MODULE_antd_style__.createStyles)((param)=>{
+    let { css, token } = param;
+    return {
+        dragHandleMenu: css(_templateObject())
+    };
+});
+export { useStyles };

package/es/schema-component/common/sortable-item/SortableItem.d.ts

@@ -9,6 +9,7 @@ interface SortableItemProps extends HTMLAttributes<HTMLDivElement> {
     schema?: Schema;
     removeParentsIfNoChildren?: boolean;
     ref?: React.Ref<any>;
+    overStyle?: object;
 }
 export declare const SortableItem: React.MemoExoticComponent<import("@tachybase/schema").ReactFC<SortableItemProps & {
     ref?: React.Ref<any>;

package/es/schema-initializer/SchemaInitializerPlugin.mjs

@@ -4,6 +4,8 @@ import * as __WEBPACK_EXTERNAL_MODULE__modules_actions_add_new_CreateActionIniti
 import * as __WEBPACK_EXTERNAL_MODULE__modules_actions_add_new_createFormBlockInitializers_mjs__ from "../modules/actions/add-new/createFormBlockInitializers.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__modules_actions_add_record_CustomizeAddRecordActionInitializer_mjs__ from "../modules/actions/add-record/CustomizeAddRecordActionInitializer.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__modules_actions_add_record_customizeCreateFormBlockInitializers_mjs__ from "../modules/actions/add-record/customizeCreateFormBlockInitializers.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__modules_actions_associate_AssociateActionInitializer_mjs__ from "../modules/actions/associate/AssociateActionInitializer.mjs";
+import * as __WEBPACK_EXTERNAL_MODULE__modules_actions_associate_AssociateActionProvider_mjs__ from "../modules/actions/associate/AssociateActionProvider.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__modules_actions_bulk_destroy_BulkDestroyActionInitializer_mjs__ from "../modules/actions/bulk-destroy/BulkDestroyActionInitializer.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__modules_actions_delete_DestroyActionInitializer_mjs__ from "../modules/actions/delete/DestroyActionInitializer.mjs";
 import * as __WEBPACK_EXTERNAL_MODULE__modules_actions_disassociate_DisassociateActionInitializer_mjs__ from "../modules/actions/disassociate/DisassociateActionInitializer.mjs";
@@ -89,7 +91,9 @@ class SchemaInitializerPlugin extends __WEBPACK_EXTERNAL_MODULE__application_Plu
             DisassociateActionInitializer: __WEBPACK_EXTERNAL_MODULE__modules_actions_disassociate_DisassociateActionInitializer_mjs__.DisassociateActionInitializer,
             FilterActionInitializer: __WEBPACK_EXTERNAL_MODULE__modules_actions_filter_FilterActionInitializer_mjs__.FilterActionInitializer,
             RefreshActionInitializer: __WEBPACK_EXTERNAL_MODULE__modules_actions_refresh_RefreshActionInitializer_mjs__.RefreshActionInitializer,
-            FilterFormItemCustom: __WEBPACK_EXTERNAL_MODULE__items_index_mjs__.FilterFormItemCustom
+            FilterFormItemCustom: __WEBPACK_EXTERNAL_MODULE__items_index_mjs__.FilterFormItemCustom,
+            AssociateActionInitializer: __WEBPACK_EXTERNAL_MODULE__modules_actions_associate_AssociateActionInitializer_mjs__.AssociateActionInitializer,
+            AssociateActionProvider: __WEBPACK_EXTERNAL_MODULE__modules_actions_associate_AssociateActionProvider_mjs__.AssociateActionProvider
         });
         this.app.schemaInitializerManager.add(__WEBPACK_EXTERNAL_MODULE__modules_page_BlockInitializers_mjs__.blockInitializers);
         this.app.schemaInitializerManager.add(__WEBPACK_EXTERNAL_MODULE__modules_blocks_data_blocks_table_index_mjs__.tableActionInitializers);
@@ -119,7 +123,6 @@ class SchemaInitializerPlugin extends __WEBPACK_EXTERNAL_MODULE__application_Plu
         this.app.schemaInitializerManager.add(__WEBPACK_EXTERNAL_MODULE__buttons_index_mjs__.tabPaneInitializers_deprecated);
         this.app.schemaInitializerManager.add(__WEBPACK_EXTERNAL_MODULE__buttons_index_mjs__.tabPaneInitializersForRecordBlock);
         this.app.schemaInitializerManager.add(__WEBPACK_EXTERNAL_MODULE__buttons_index_mjs__.tabPaneInitializersForBulkEditFormBlock);
-        this.app.schemaInitializerManager.add(__WEBPACK_EXTERNAL_MODULE__modules_menu_menuItemInitializer_mjs__.menuItemInitializer_deprecated);
         this.app.schemaInitializerManager.add(__WEBPACK_EXTERNAL_MODULE__modules_menu_menuItemInitializer_mjs__.menuItemInitializer);
     }
 }

package/es/schema-initializer/utils.mjs

@@ -418,7 +418,7 @@ const useAssociatedFormItemInitializerFields = (options)=>{
     });
     return groups;
 };
-const getItem = (field, schemaName, collectionName, getCollectionFields, processedCollections, level)=>{
+const getItem = (field, schemaName, collectionName, getCollectionFields, processedCollections, level, fieldPath)=>{
     if (level >= 3) return null;
     if ([
         'm2o',
@@ -438,24 +438,25 @@ const getItem = (field, schemaName, collectionName, getCollectionFields, process
                 'oho',
                 'o2m',
                 'm2m'
-            ].includes(subField.interface)) options.push(getResultSchema("".concat(schemaName, ".").concat(subField.name), subField, collectionName));
+            ].includes(subField.interface)) options.push(getResultSchema("".concat(schemaName, ".").concat(subField.name), subField, collectionName, (fieldPath || '') + field.key));
             options.push(getItem(subField, "".concat(schemaName, ".").concat(subField.name), collectionName, getCollectionFields, [
                 ...processedCollections,
                 field.target
-            ], level + 1));
+            ], level + 1, (fieldPath || '') + field.key));
         });
         return {
             type: 'subMenu',
             name: null === (_field_uiSchema = field.uiSchema) || void 0 === _field_uiSchema ? void 0 : _field_uiSchema.title,
             title: null === (_field_uiSchema1 = field.uiSchema) || void 0 === _field_uiSchema1 ? void 0 : _field_uiSchema1.title,
+            key: (fieldPath || '') + field.key + 'menu',
             children: options.filter(Boolean)
         };
     }
     if ((0, __WEBPACK_EXTERNAL_MODULE__filter_provider_utils_mjs__.isAssocField)(field)) return null;
-    return getResultSchema(schemaName, field, collectionName);
+    return getResultSchema(schemaName, field, collectionName, (fieldPath || '') + field.key);
 };
-const getResultSchema = (schemaName, field, collectionName)=>{
-    var _field_uiSchema, _field_uiSchema1;
+const getResultSchema = (schemaName, field, collectionName, fieldPath)=>{
+    var _field_uiSchema, _field_uiSchema1, _field_uiSchema2;
     const schema = {
         type: 'string',
         name: schemaName,
@@ -472,7 +473,8 @@ const getResultSchema = (schemaName, field, collectionName)=>{
     const result = {
         name: (null === (_field_uiSchema = field.uiSchema) || void 0 === _field_uiSchema ? void 0 : _field_uiSchema.title) || field.name,
         type: 'item',
-        title: (null === (_field_uiSchema1 = field.uiSchema) || void 0 === _field_uiSchema1 ? void 0 : _field_uiSchema1.title) || field.name,
+        key: ((null === (_field_uiSchema1 = field.uiSchema) || void 0 === _field_uiSchema1 ? void 0 : _field_uiSchema1.title) || field.name) + fieldPath,
+        title: (null === (_field_uiSchema2 = field.uiSchema) || void 0 === _field_uiSchema2 ? void 0 : _field_uiSchema2.title) || field.name,
         Component: 'CollectionFieldInitializer',
         remove: removeGridFormItem,
         schema

package/es/schema-settings/GeneralSchemaDesigner.d.ts

@@ -1,4 +1,4 @@
-import { FC, PropsWithChildren } from 'react';
+import { FC, PropsWithChildren, type ReactNode } from 'react';
 export interface GeneralSchemaDesignerProps {
     disableInitializer?: boolean;
     title?: string;
@@ -10,6 +10,7 @@ export interface GeneralSchemaDesignerProps {
      */
     draggable?: boolean;
     showDataSource?: boolean;
+    AddMenuModalComponent?: ReactNode;
 }
 /**
  * @deprecated use `SchemaToolbar` instead

package/es/schema-settings/GeneralSchemaDesigner.mjs

@@ -15,7 +15,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__SchemaSettings_mjs__ from "./SchemaSettin
 import * as __WEBPACK_EXTERNAL_MODULE__styles_mjs__ from "./styles.mjs";
 const GeneralSchemaDesigner = (props)=>{
     var _rowCtx_cols, _ctx_renderSchemaInitializer;
-    const { disableInitializer, title, template, schemaSettings, contextValue, draggable = true, showDataSource = true } = props;
+    const { disableInitializer, title, template, schemaSettings, contextValue, draggable = true, showDataSource = true, AddMenuModalComponent } = props;
     const { dn, designable } = (0, __WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.useDesignable)();
     const field = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
     const { t } = (0, __WEBPACK_EXTERNAL_MODULE_react_i18next__.useTranslation)();
@@ -90,6 +90,14 @@ const GeneralSchemaDesigner = (props)=>{
                         size: 3,
                         align: 'center',
                         children: [
+                            !!AddMenuModalComponent && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__SchemaSettings_mjs__.SchemaSettingsDropdown, {
+                                title: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.PlusOutlined, {
+                                    role: "button",
+                                    "aria-label": getAriaLabel('add-menu')
+                                }),
+                                ...schemaSettingsProps,
+                                children: AddMenuModalComponent
+                            }),
                             draggable && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__schema_component_index_mjs__.DragHandler, {
                                 children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__ant_design_icons__.DragOutlined, {
                                     role: "button",