@tachybase/client 1.3.8 → 1.3.10

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

@@ -1,22 +1,22 @@
-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__tachybase_schema__ from "@tachybase/schema";
-import * as __WEBPACK_EXTERNAL_MODULE__tachybase_utils_client__ from "@tachybase/utils/client";
-import * as __WEBPACK_EXTERNAL_MODULE__dnd_kit_core__ from "@dnd-kit/core";
-import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
-import * as __WEBPACK_EXTERNAL_MODULE_react_dom__ from "react-dom";
-import * as __WEBPACK_EXTERNAL_MODULE__index_mjs__ from "../../index.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__index_mjs__ from "../../../index.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_useMenuItem_mjs__ from "../../../hooks/useMenuItem.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__common_sortable_item_DragHandleMenu_mjs__ from "../../common/sortable-item/DragHandleMenu.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_useProps_mjs__ from "../../hooks/useProps.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__AdminMenu_mjs__ from "./AdminMenu.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__locale_mjs__ from "./locale.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__Menu_Designer_mjs__ from "./Menu.Designer.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__Menu_styles_mjs__ from "./Menu.styles.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__MenuSearchAdd_mjs__ from "./MenuSearchAdd.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__tools_mjs__ from "./tools.mjs";
-import * as __WEBPACK_EXTERNAL_MODULE__util_mjs__ from "./util.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { FieldContext, RecursionField, SchemaContext, SchemaExpressionScopeContext, observer, uid, useField, useFieldSchema } from "@tachybase/schema";
+import { error } from "@tachybase/utils/client";
+import { PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
+import { Button, Menu, Popover } from "antd";
+import { createPortal } from "react-dom";
+import { DndContext, SortableItem, createDesignable, useDesignable, useDesigner } from "../../index.mjs";
+import { Icon, css, useAPIClient, useSchemaInitializerRender, useToken, useTranslation } from "../../../index.mjs";
+import { useCollectMenuItems, useMenuItem } from "../../../hooks/useMenuItem.mjs";
+import { DragHandleMenu } from "../../common/sortable-item/DragHandleMenu.mjs";
+import { useProps } from "../../hooks/useProps.mjs";
+import { AdminMenu } from "./AdminMenu.mjs";
+import { useMenuTranslation } from "./locale.mjs";
+import { MenuDesigner } from "./Menu.Designer.mjs";
+import { useStyles } from "./Menu.styles.mjs";
+import { MenuSearchAdd } from "./MenuSearchAdd.mjs";
+import { getNewSideMenuSchema } from "./tools.mjs";
+import { findKeysByUid, findMenuItem } from "./util.mjs";
 function _tagged_template_literal(strings, raw) {
     if (!raw) raw = strings.slice(0);
     return Object.freeze(Object.defineProperties(strings, {
@@ -36,12 +36,12 @@ function _templateObject() {
 }
 const HeaderMenu = (param)=>{
     let { others, schema, mode, onSelect, setLoading, setDefaultSelectedKeys, designable, render, children } = param;
-    const { Component, getMenuItems } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_useMenuItem_mjs__.useMenuItem)();
-    const { token } = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useToken)();
-    const { styles } = (0, __WEBPACK_EXTERNAL_MODULE__Menu_styles_mjs__.useStyles)();
-    const [items, setItems] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)([]);
+    const { Component, getMenuItems } = useMenuItem();
+    const { token } = useToken();
+    const { styles } = useStyles();
+    const [items, setItems] = useState([]);
     const result = getMenuItems(()=>children);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    useEffect(()=>{
         setItems(getItem());
     }, [
         children,
@@ -66,66 +66,65 @@ const HeaderMenu = (param)=>{
     };
     const onClick = (info)=>{
         var _schema_properties;
-        const s = null === (_schema_properties = schema.properties) || void 0 === _schema_properties ? void 0 : _schema_properties[info.key];
+        const s = null == (_schema_properties = schema.properties) ? void 0 : _schema_properties[info.key];
         if (!s) return;
-        if ('mix' === mode) {
-            if ('Menu.SubMenu' !== s['x-component']) null == onSelect || onSelect({
+        if ('mix' === mode) if ('Menu.SubMenu' !== s['x-component']) null == onSelect || onSelect({
+            item: {
+                props: info
+            }
+        });
+        else {
+            const menuItemSchema = findMenuItem(s);
+            if (!menuItemSchema) return null == onSelect ? void 0 : onSelect({
                 item: {
                     props: info
                 }
             });
-            else {
-                const menuItemSchema = (0, __WEBPACK_EXTERNAL_MODULE__util_mjs__.findMenuItem)(s);
-                if (!menuItemSchema) return null == onSelect ? void 0 : onSelect({
-                    item: {
-                        props: info
-                    }
-                });
-                setLoading(true);
-                const keys = (0, __WEBPACK_EXTERNAL_MODULE__util_mjs__.findKeysByUid)(schema, menuItemSchema['x-uid']);
-                setDefaultSelectedKeys(keys);
-                setTimeout(()=>{
-                    setLoading(false);
-                }, 100);
-                null == onSelect || onSelect({
-                    key: menuItemSchema.name,
-                    item: {
-                        props: {
-                            schema: menuItemSchema
-                        }
+            setLoading(true);
+            const keys = findKeysByUid(schema, menuItemSchema['x-uid']);
+            setDefaultSelectedKeys(keys);
+            setTimeout(()=>{
+                setLoading(false);
+            }, 100);
+            null == onSelect || onSelect({
+                key: menuItemSchema.name,
+                item: {
+                    props: {
+                        schema: menuItemSchema
                     }
-                });
-            }
-        } else null == onSelect || onSelect({
+                }
+            });
+        }
+        else null == onSelect || onSelect({
             item: {
                 props: info
             }
         });
     };
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("div", {
+    return /*#__PURE__*/ jsxs("div", {
         className: styles.headerMenuClass,
         children: [
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("div", {
+            /*#__PURE__*/ jsx("div", {
                 style: {
                     flex: 1
                 }
             }),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("div", {
-                className: (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.css)(_templateObject()),
+            /*#__PURE__*/ jsxs("div", {
+                className: css(_templateObject()),
                 children: [
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Popover, {
+                    /*#__PURE__*/ jsx(Popover, {
                         placement: "bottomRight",
                         arrow: false,
                         overlayInnerStyle: {
                             padding: 0
                         },
-                        content: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__AdminMenu_mjs__.AdminMenu, {
+                        content: /*#__PURE__*/ jsx(AdminMenu, {
                             items: items,
                             onClick: onClick
                         }),
-                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Button, {
+                        children: /*#__PURE__*/ jsx(Button, {
                             className: "iconButton",
-                            icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.Icon, {
+                            icon: /*#__PURE__*/ jsx(Icon, {
                                 type: "apps",
                                 style: {
                                     color: token.colorTextHeaderMenu
@@ -133,7 +132,7 @@ const HeaderMenu = (param)=>{
                             })
                         })
                     }),
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(Component, {})
+                    /*#__PURE__*/ jsx(Component, {})
                 ]
             })
         ]
@@ -142,20 +141,20 @@ const HeaderMenu = (param)=>{
 const SideMenu = (param)=>{
     let { loading, mode, sideMenuSchema, sideMenuRef, defaultOpenKeys, defaultSelectedKeys, onSelect, render, t, api, refresh, designable } = param;
     var _sideMenuRef_current;
-    const { Component, getMenuItems } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_useMenuItem_mjs__.useMenuItem)();
-    const { styles } = (0, __WEBPACK_EXTERNAL_MODULE__Menu_styles_mjs__.useStyles)();
-    const sideMenuSchemaRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(sideMenuSchema);
+    const { Component, getMenuItems } = useMenuItem();
+    const { styles } = useStyles();
+    const sideMenuSchemaRef = useRef(sideMenuSchema);
     sideMenuSchemaRef.current = sideMenuSchema;
-    const [searchMenuTitle, setSearchMenuTitle] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)('');
-    const items = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+    const [searchMenuTitle, setSearchMenuTitle] = useState('');
+    const items = useMemo(()=>{
         let newSideMenuSchema = sideMenuSchema;
-        if (searchMenuTitle) newSideMenuSchema = (0, __WEBPACK_EXTERNAL_MODULE__tools_mjs__.getNewSideMenuSchema)(sideMenuSchema, searchMenuTitle);
-        const result = getMenuItems(()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.RecursionField, {
+        if (searchMenuTitle) newSideMenuSchema = getNewSideMenuSchema(sideMenuSchema, searchMenuTitle);
+        const result = getMenuItems(()=>/*#__PURE__*/ jsx(RecursionField, {
                 schema: newSideMenuSchema,
                 onlyRenderProperties: true
-            }, (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.uid)()));
+            }, uid()));
         {
-            const dn = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.createDesignable)({
+            const dn = createDesignable({
                 t,
                 api,
                 refresh,
@@ -165,7 +164,7 @@ const SideMenu = (param)=>{
             const searchMenu = {
                 key: 'x-menu-search',
                 disabled: true,
-                label: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__MenuSearchAdd_mjs__.MenuSearchAdd, {
+                label: /*#__PURE__*/ jsx(MenuSearchAdd, {
                     designable: designable,
                     setSearchMenuTitle: setSearchMenuTitle,
                     dn: dn
@@ -187,11 +186,11 @@ const SideMenu = (param)=>{
         searchMenuTitle
     ]);
     if (loading) return null;
-    return 'mix' === mode && (null == sideMenuSchema ? void 0 : sideMenuSchema['x-component']) === 'Menu.SubMenu' && (null == sideMenuRef ? void 0 : null === (_sideMenuRef_current = sideMenuRef.current) || void 0 === _sideMenuRef_current ? void 0 : _sideMenuRef_current.firstChild) && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_dom__.createPortal)(/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(MenuModeContext.Provider, {
+    return 'mix' === mode && (null == sideMenuSchema ? void 0 : sideMenuSchema['x-component']) === 'Menu.SubMenu' && (null == sideMenuRef ? void 0 : null == (_sideMenuRef_current = sideMenuRef.current) ? void 0 : _sideMenuRef_current.firstChild) && /*#__PURE__*/ createPortal(/*#__PURE__*/ jsxs(MenuModeContext.Provider, {
         value: 'inline',
         children: [
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(Component, {}),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Menu, {
+            /*#__PURE__*/ jsx(Component, {}),
+            /*#__PURE__*/ jsx(Menu, {
                 mode: 'inline',
                 defaultOpenKeys: defaultOpenKeys,
                 defaultSelectedKeys: defaultSelectedKeys,
@@ -205,55 +204,55 @@ const SideMenu = (param)=>{
         ]
     }), sideMenuRef.current.firstChild);
 };
-const MenuModeContext = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.createContext)(null);
+const MenuModeContext = /*#__PURE__*/ createContext(null);
 MenuModeContext.displayName = 'MenuModeContext';
 const useSideMenuRef = ()=>{
     var _schema_xcomponentprops;
-    const schema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
-    const scope = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.SchemaExpressionScopeContext);
-    const scopeKey = null == schema ? void 0 : null === (_schema_xcomponentprops = schema['x-component-props']) || void 0 === _schema_xcomponentprops ? void 0 : _schema_xcomponentprops['sideMenuRefScopeKey'];
+    const schema = useFieldSchema();
+    const scope = useContext(SchemaExpressionScopeContext);
+    const scopeKey = null == schema ? void 0 : null == (_schema_xcomponentprops = schema['x-component-props']) ? void 0 : _schema_xcomponentprops['sideMenuRefScopeKey'];
     if (!scopeKey) return;
     return scope[scopeKey];
 };
-const MenuItemDesignerContext = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.createContext)(null);
+const MenuItemDesignerContext = /*#__PURE__*/ createContext(null);
 MenuItemDesignerContext.displayName = 'MenuItemDesignerContext';
-const Menu = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)=>{
-    const { onSelect, mode, selectedUid, defaultSelectedUid, sideMenuRefScopeKey, defaultSelectedKeys: dSelectedKeys, defaultOpenKeys: dOpenKeys, children, ...others } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_useProps_mjs__.useProps)(props);
-    const { t } = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useTranslation)();
-    const { refresh } = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useDesignable)();
-    const api = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useAPIClient)();
-    const Designer = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useDesigner)();
-    const schema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
-    const { render } = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useSchemaInitializerRender)(schema['x-initializer'], schema['x-initializer-props']);
+const Menu_Menu = observer((props)=>{
+    const { onSelect, mode, selectedUid, defaultSelectedUid, sideMenuRefScopeKey, defaultSelectedKeys: dSelectedKeys, defaultOpenKeys: dOpenKeys, children, ...others } = useProps(props);
+    const { t } = useTranslation();
+    const { refresh } = useDesignable();
+    const api = useAPIClient();
+    const Designer = useDesigner();
+    const schema = useFieldSchema();
+    const { render } = useSchemaInitializerRender(schema['x-initializer'], schema['x-initializer-props']);
     const sideMenuRef = useSideMenuRef();
-    const [selectedKeys, setSelectedKeys] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)();
-    const [defaultSelectedKeys, setDefaultSelectedKeys] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(()=>{
+    const [selectedKeys, setSelectedKeys] = useState();
+    const [defaultSelectedKeys, setDefaultSelectedKeys] = useState(()=>{
         if (dSelectedKeys) return dSelectedKeys;
-        if (defaultSelectedUid) return (0, __WEBPACK_EXTERNAL_MODULE__util_mjs__.findKeysByUid)(schema, defaultSelectedUid);
+        if (defaultSelectedUid) return findKeysByUid(schema, defaultSelectedUid);
         return [];
     });
-    const [loading, setLoading] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
-    const [defaultOpenKeys, setDefaultOpenKeys] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(()=>{
+    const [loading, setLoading] = useState(false);
+    const [defaultOpenKeys, setDefaultOpenKeys] = useState(()=>{
         if ([
             'inline',
             'mix'
         ].includes(mode)) return dOpenKeys || defaultSelectedKeys;
         return dOpenKeys;
     });
-    const sensors = (0, __WEBPACK_EXTERNAL_MODULE__dnd_kit_core__.useSensors)((0, __WEBPACK_EXTERNAL_MODULE__dnd_kit_core__.useSensor)(__WEBPACK_EXTERNAL_MODULE__dnd_kit_core__.PointerSensor, {
+    const sensors = useSensors(useSensor(PointerSensor, {
         activationConstraint: {
             distance: 5
         }
     }));
-    const sideMenuSchema = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+    const sideMenuSchema = useMemo(()=>{
         let key;
         if (selectedUid) {
-            const keys = (0, __WEBPACK_EXTERNAL_MODULE__util_mjs__.findKeysByUid)(schema, selectedUid);
+            const keys = findKeysByUid(schema, selectedUid);
             key = (null == keys ? void 0 : keys[0]) || null;
         } else key = (null == defaultSelectedKeys ? void 0 : defaultSelectedKeys[0]) || null;
         if ('mix' === mode && key) {
             var _schema_properties;
-            const s = null === (_schema_properties = schema.properties) || void 0 === _schema_properties ? void 0 : _schema_properties[key];
+            const s = null == (_schema_properties = schema.properties) ? void 0 : _schema_properties[key];
             if ((null == s ? void 0 : s['x-component']) === 'Menu.SubMenu') return s;
         }
         return null;
@@ -263,12 +262,9 @@ const Menu = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)
         schema,
         selectedUid
     ]);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        if (!selectedUid) {
-            setSelectedKeys(void 0);
-            return;
-        }
-        const keys = (0, __WEBPACK_EXTERNAL_MODULE__util_mjs__.findKeysByUid)(schema, selectedUid);
+    useEffect(()=>{
+        if (!selectedUid) return void setSelectedKeys(void 0);
+        const keys = findKeysByUid(schema, selectedUid);
         setSelectedKeys(keys);
         if ([
             'inline',
@@ -277,7 +273,7 @@ const Menu = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)
     }, [
         selectedUid
     ]);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    useEffect(()=>{
         if ([
             'inline',
             'mix'
@@ -285,15 +281,15 @@ const Menu = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)
     }, [
         defaultSelectedKeys
     ]);
-    const { designable } = (0, __WEBPACK_EXTERNAL_MODULE__index_mjs__.useDesignable)();
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.DndContext, {
+    const { designable } = useDesignable();
+    return /*#__PURE__*/ jsx(DndContext, {
         sensors: sensors,
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(MenuItemDesignerContext.Provider, {
+        children: /*#__PURE__*/ jsx(MenuItemDesignerContext.Provider, {
             value: Designer,
-            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(MenuModeContext.Provider, {
+            children: /*#__PURE__*/ jsxs(MenuModeContext.Provider, {
                 value: mode,
                 children: [
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(HeaderMenu, {
+                    /*#__PURE__*/ jsx(HeaderMenu, {
                         others: others,
                         schema: schema,
                         mode: mode,
@@ -304,7 +300,7 @@ const Menu = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)
                         render: render,
                         children: children
                     }),
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(SideMenu, {
+                    /*#__PURE__*/ jsx(SideMenu, {
                         loading: loading,
                         mode: mode,
                         sideMenuSchema: sideMenuSchema,
@@ -325,15 +321,15 @@ const Menu = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)
 }, {
     displayName: 'Menu'
 });
-Menu.Item = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)=>{
-    const { t } = (0, __WEBPACK_EXTERNAL_MODULE__locale_mjs__.useMenuTranslation)();
-    const { pushMenuItem } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_useMenuItem_mjs__.useCollectMenuItems)();
+Menu_Menu.Item = observer((props)=>{
+    const { t } = useMenuTranslation();
+    const { pushMenuItem } = useCollectMenuItems();
     const { icon, children, ...others } = props;
-    const schema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
-    const { styles } = (0, __WEBPACK_EXTERNAL_MODULE__Menu_styles_mjs__.useStyles)();
-    const field = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
-    const Designer = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(MenuItemDesignerContext);
-    const item = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>({
+    const schema = useFieldSchema();
+    const { styles } = useStyles();
+    const field = useField();
+    const Designer = useContext(MenuItemDesignerContext);
+    const item = useMemo(()=>({
             ...others,
             className: styles.menuItemClass,
             key: schema.name,
@@ -346,11 +342,11 @@ Menu.Item = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)=
                 schema,
                 styles
             },
-            label: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.SchemaContext.Provider, {
+            label: /*#__PURE__*/ jsx(SchemaContext.Provider, {
                 value: schema,
-                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.FieldContext.Provider, {
+                children: /*#__PURE__*/ jsx(FieldContext.Provider, {
                     value: field,
-                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.SortableItem, {
+                    children: /*#__PURE__*/ jsx(SortableItem, {
                         role: "button",
                         "aria-label": t(field.title),
                         className: styles.designerCss,
@@ -358,21 +354,21 @@ Menu.Item = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)=
                         overStyle: {
                             background: 'transparent'
                         },
-                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE__common_sortable_item_DragHandleMenu_mjs__.DragHandleMenu, {
+                        children: /*#__PURE__*/ jsxs(DragHandleMenu, {
                             children: [
-                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("span", {
+                                /*#__PURE__*/ jsxs("span", {
                                     className: 'menuitem-title-wrapper',
                                     children: [
-                                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.Icon, {
+                                        /*#__PURE__*/ jsx(Icon, {
                                             type: icon
                                         }),
-                                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("span", {
+                                        /*#__PURE__*/ jsx("span", {
                                             className: 'menuitem-title',
                                             children: t(field.title)
                                         })
                                     ]
                                 }),
-                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(Designer, {})
+                                /*#__PURE__*/ jsx(Designer, {})
                             ]
                         })
                     })
@@ -385,7 +381,7 @@ Menu.Item = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)=
         Designer
     ]);
     if (!pushMenuItem) {
-        (0, __WEBPACK_EXTERNAL_MODULE__tachybase_utils_client__.error)('Menu.Item must be wrapped by GetMenuItemsContext.Provider');
+        error('Menu.Item must be wrapped by GetMenuItemsContext.Provider');
         return null;
     }
     pushMenuItem(item);
@@ -393,19 +389,19 @@ Menu.Item = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)=
 }, {
     displayName: 'Menu.Item'
 });
-Menu.URL = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)=>{
-    const { t } = (0, __WEBPACK_EXTERNAL_MODULE__locale_mjs__.useMenuTranslation)();
-    const { pushMenuItem } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_useMenuItem_mjs__.useCollectMenuItems)();
+Menu_Menu.URL = observer((props)=>{
+    const { t } = useMenuTranslation();
+    const { pushMenuItem } = useCollectMenuItems();
     const { icon, children, ...others } = props;
-    const schema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
-    const field = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
-    const Designer = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(MenuItemDesignerContext);
-    const { styles } = (0, __WEBPACK_EXTERNAL_MODULE__Menu_styles_mjs__.useStyles)();
+    const schema = useFieldSchema();
+    const field = useField();
+    const Designer = useContext(MenuItemDesignerContext);
+    const { styles } = useStyles();
     if (!pushMenuItem) {
-        (0, __WEBPACK_EXTERNAL_MODULE__tachybase_utils_client__.error)('Menu.URL must be wrapped by GetMenuItemsContext.Provider');
+        error('Menu.URL must be wrapped by GetMenuItemsContext.Provider');
         return null;
     }
-    const item = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>({
+    const item = useMemo(()=>({
             ...others,
             className: styles.menuItemClass,
             key: schema.name,
@@ -421,26 +417,26 @@ Menu.URL = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)=>
                 schema,
                 styles
             },
-            label: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.SchemaContext.Provider, {
+            label: /*#__PURE__*/ jsx(SchemaContext.Provider, {
                 value: schema,
-                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.FieldContext.Provider, {
+                children: /*#__PURE__*/ jsx(FieldContext.Provider, {
                     value: field,
-                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.SortableItem, {
+                    children: /*#__PURE__*/ jsx(SortableItem, {
                         className: styles.designerCss,
                         removeParentsIfNoChildren: false,
                         "aria-label": t(field.title),
                         overStyle: {
                             background: 'transparent'
                         },
-                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE__common_sortable_item_DragHandleMenu_mjs__.DragHandleMenu, {
+                        children: /*#__PURE__*/ jsxs(DragHandleMenu, {
                             children: [
-                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("span", {
+                                /*#__PURE__*/ jsxs("span", {
                                     className: 'menuitem-title-wrapper',
                                     children: [
-                                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.Icon, {
+                                        /*#__PURE__*/ jsx(Icon, {
                                             type: icon
                                         }),
-                                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("span", {
+                                        /*#__PURE__*/ jsx("span", {
                                             style: {
                                                 overflow: 'hidden',
                                                 textOverflow: 'ellipsis',
@@ -452,7 +448,7 @@ Menu.URL = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)=>
                                         })
                                     ]
                                 }),
-                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(Designer, {})
+                                /*#__PURE__*/ jsx(Designer, {})
                             ]
                         })
                     })
@@ -470,17 +466,17 @@ Menu.URL = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)=>
 }, {
     displayName: 'MenuURL'
 });
-Menu.SubMenu = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((props)=>{
-    const { t } = (0, __WEBPACK_EXTERNAL_MODULE__locale_mjs__.useMenuTranslation)();
-    const { Component, getMenuItems } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_useMenuItem_mjs__.useMenuItem)();
-    const { pushMenuItem } = (0, __WEBPACK_EXTERNAL_MODULE__hooks_useMenuItem_mjs__.useCollectMenuItems)();
+Menu_Menu.SubMenu = observer((props)=>{
+    const { t } = useMenuTranslation();
+    const { Component, getMenuItems } = useMenuItem();
+    const { pushMenuItem } = useCollectMenuItems();
     const { icon, children, ...others } = props;
-    const schema = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useFieldSchema)();
-    const field = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.useField)();
-    const mode = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(MenuModeContext);
-    const Designer = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(MenuItemDesignerContext);
-    const { styles } = (0, __WEBPACK_EXTERNAL_MODULE__Menu_styles_mjs__.useStyles)();
-    const submenu = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>({
+    const schema = useFieldSchema();
+    const field = useField();
+    const mode = useContext(MenuModeContext);
+    const Designer = useContext(MenuItemDesignerContext);
+    const { styles } = useStyles();
+    const submenu = useMemo(()=>({
             ...others,
             className: styles.menuItemClass,
             key: schema.name,
@@ -492,40 +488,40 @@ Menu.SubMenu = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((prop
                 schema,
                 styles
             },
-            label: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.SchemaContext.Provider, {
+            label: /*#__PURE__*/ jsx(SchemaContext.Provider, {
                 value: schema,
-                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.FieldContext.Provider, {
+                children: /*#__PURE__*/ jsx(FieldContext.Provider, {
                     value: field,
-                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.SortableItem, {
+                    children: /*#__PURE__*/ jsx(SortableItem, {
                         className: styles.subMenuDesignerCss,
                         removeParentsIfNoChildren: false,
                         "aria-label": t(field.title),
                         overStyle: {
                             background: 'transparent'
                         },
-                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)(__WEBPACK_EXTERNAL_MODULE__common_sortable_item_DragHandleMenu_mjs__.DragHandleMenu, {
+                        children: /*#__PURE__*/ jsxs(DragHandleMenu, {
                             name: schema.name,
                             isSubMenu: true,
                             children: [
-                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsxs)("span", {
+                                /*#__PURE__*/ jsxs("span", {
                                     className: 'submenu-title',
                                     children: [
-                                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__index_mjs__.Icon, {
+                                        /*#__PURE__*/ jsx(Icon, {
                                             type: icon
                                         }),
-                                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)("span", {
+                                        /*#__PURE__*/ jsx("span", {
                                             className: 'menuitem-title',
                                             children: t(field.title)
                                         })
                                     ]
                                 }),
-                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(Designer, {})
+                                /*#__PURE__*/ jsx(Designer, {})
                             ]
                         })
                     })
                 })
             }),
-            children: getMenuItems(()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_schema__.RecursionField, {
+            children: getMenuItems(()=>/*#__PURE__*/ jsx(RecursionField, {
                     schema: schema,
                     onlyRenderProperties: true
                 }))
@@ -537,16 +533,16 @@ Menu.SubMenu = (0, __WEBPACK_EXTERNAL_MODULE__tachybase_schema__.observer)((prop
         Designer
     ]);
     if (!pushMenuItem) {
-        (0, __WEBPACK_EXTERNAL_MODULE__tachybase_utils_client__.error)('Menu.SubMenu must be wrapped by GetMenuItemsContext.Provider');
+        error('Menu.SubMenu must be wrapped by GetMenuItemsContext.Provider');
         return null;
     }
-    if ('mix' === mode) return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(Menu.Item, {
+    if ('mix' === mode) return /*#__PURE__*/ jsx(Menu_Menu.Item, {
         ...props
     });
     pushMenuItem(submenu);
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(Component, {});
+    return /*#__PURE__*/ jsx(Component, {});
 }, {
     displayName: 'Menu.SubMenu'
 });
-Menu.Designer = __WEBPACK_EXTERNAL_MODULE__Menu_Designer_mjs__.MenuDesigner;
-export { Menu };
+Menu_Menu.Designer = MenuDesigner;
+export { Menu_Menu as Menu };

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

@@ -1,4 +1,4 @@
-import * as __WEBPACK_EXTERNAL_MODULE_antd_style__ from "antd-style";
+import { createStyles } from "antd-style";
 function _tagged_template_literal(strings, raw) {
     if (!raw) raw = strings.slice(0);
     return Object.freeze(Object.defineProperties(strings, {
@@ -28,7 +28,7 @@ function _templateObject1() {
 function _templateObject2() {
     const data = _tagged_template_literal([
         "\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: ",
-        ";\n\n          /* 使用 clip-path 裁剪为梯形 */\n          clip-path: polygon(0 0, 100% 15%, 100% 85%, 0 100%);\n        }\n      }\n\n      .ant-menu-submenu.ant-menu-submenu-inline.ant-menu-submenu-open > .ant-menu-submenu-title {\n        ::before {\n          background-color: ",
+        ";\n\n          /* \u4F7F\u7528 clip-path \u88C1\u526A\u4E3A\u68AF\u5F62 */\n          clip-path: polygon(0 0, 100% 15%, 100% 85%, 0 100%);\n        }\n      }\n\n      .ant-menu-submenu.ant-menu-submenu-inline.ant-menu-submenu-open > .ant-menu-submenu-title {\n        ::before {\n          background-color: ",
         ";\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() {
@@ -54,7 +54,7 @@ function _templateObject4() {
     };
     return data;
 }
-const useStyles = (0, __WEBPACK_EXTERNAL_MODULE_antd_style__.createStyles)((param)=>{
+const useStyles = createStyles((param)=>{
     let { css, token } = param;
     return {
         subMenuDesignerCss: css(_templateObject()),