amis-ui 2.6.0 → 2.7.0

package/lib/components/icons.js

@@ -1,6 +1,6 @@
 /**
- * amis-ui v2.6.0
- * Copyright 2018-2022 fex
+ * amis-ui v2.7.0
+ * Copyright 2018-2023 fex
  */
 
 'use strict';
@@ -32,10 +32,6 @@ var retry = require('../icons/retry.svg.js');
 var upload = require('../icons/upload.svg.js');
 var download = require('../icons/download.svg.js');
 var file = require('../icons/file.svg.js');
-var statusSuccess = require('../icons/status-success.svg.js');
-var statusFail = require('../icons/status-fail.svg.js');
-var statusInfo = require('../icons/status-info.svg.js');
-var statusWarning = require('../icons/status-warning.svg.js');
 var success = require('../icons/success.svg.js');
 var fail = require('../icons/fail.svg.js');
 var search = require('../icons/search.svg.js');
@@ -50,7 +46,6 @@ var columns = require('../icons/columns.svg.js');
 var calendar = require('../icons/calendar.svg.js');
 var clock = require('../icons/clock.svg.js');
 var treeDown = require('../icons/tree-down.svg.js');
-var checkCircle = require('../icons/check-circle.svg.js');
 var cloudUpload = require('../icons/cloud-upload.svg.js');
 var image = require('../icons/image.svg.js');
 var refresh = require('../icons/refresh.svg.js');
@@ -151,7 +146,6 @@ registerIcon('right-arrow', rightArrow["default"]);
 registerIcon('prev', leftArrow["default"]);
 registerIcon('next', rightArrow["default"]);
 registerIcon('check', check["default"]);
-registerIcon('check-circle', checkCircle["default"]);
 registerIcon('plus', plus["default"]);
 registerIcon('add', plus["default"]);
 registerIcon('minus', minus["default"]);
@@ -162,10 +156,6 @@ registerIcon('retry', retry["default"]);
 registerIcon('upload', upload["default"]);
 registerIcon('download', download["default"]);
 registerIcon('file', file["default"]);
-registerIcon('status-success', statusSuccess["default"]);
-registerIcon('status-fail', statusFail["default"]);
-registerIcon('status-info', statusInfo["default"]);
-registerIcon('status-warning', statusWarning["default"]);
 registerIcon('success', success["default"]);
 registerIcon('fail', fail["default"]);
 registerIcon('warning', warning["default"]);
@@ -211,6 +201,7 @@ registerIcon('alert-success', alertSuccess["default"]);
 registerIcon('alert-info', alertInfo["default"]);
 registerIcon('alert-warning', alertWarning["default"]);
 registerIcon('alert-danger', alertDanger["default"]);
+registerIcon('alert-fail', alertDanger["default"]);
 registerIcon('tree-down', treeDown["default"]);
 registerIcon('function', _function["default"]);
 registerIcon('input-clear', inputClear["default"]);
@@ -241,14 +232,39 @@ registerIcon('rotate-left', rotateLeft["default"]);
 registerIcon('rotate-right', rotateRight["default"]);
 registerIcon('scale-origin', scaleOrigin["default"]);
 function Icon(_a) {
-    var icon = _a.icon, className = _a.className, _b = _a.classPrefix, classPrefix = _b === void 0 ? '' : _b, rest = tslib.__rest(_a, ["icon", "className", "classPrefix"]);
+    var icon = _a.icon, className = _a.className, wrapClassName = _a.wrapClassName, _b = _a.classPrefix, classPrefix = _b === void 0 ? '' : _b, iconContent = _a.iconContent, rest = tslib.__rest(_a, ["icon", "className", "wrapClassName", "classPrefix", "iconContent"]);
     // jest 运行环境下，把指定的 icon 也输出到 snapshot 中。
     if (typeof jest !== 'undefined') {
         rest.icon = icon;
     }
+    var _c = React.useState(false), showCssIcon = _c[0], setShowCssIcon = _c[1];
+    function refFn(dom) {
+        if (dom) {
+            var style = getComputedStyle(dom);
+            var svgStr = style.getPropertyValue('content');
+            var svg = /(<svg.*<\/svg>)/.exec(svgStr);
+            if (svg) {
+                var svgHTML = svg[0].replaceAll('\\"', '"');
+                if (dom.svgHTMLClone !== svgHTML) {
+                    dom.innerHTML = svgHTML;
+                    // 存储svg，不直接用innerHTML是防止<circle />渲染后变成<circle></circle>的情况
+                    dom.svgHTMLClone = svgHTML;
+                    dom.style.display = '';
+                    setShowCssIcon(true);
+                }
+            }
+            else {
+                // 当传入svg为空时，隐藏div，展示原icon
+                dom.style.display = 'none';
+                setShowCssIcon(false);
+            }
+        }
+    }
     var Component = getIcon(icon);
     var isURLIcon = typeof icon === 'string' && (icon === null || icon === void 0 ? void 0 : icon.indexOf('.')) !== -1;
-    return Component ? (React__default["default"].createElement(Component, tslib.__assign({}, rest, { className: "".concat(className || '', " icon-").concat(icon) }))) : isURLIcon ? (React__default["default"].createElement("img", { className: cx__default["default"]("".concat(classPrefix, "Icon"), className), src: icon })) : (React__default["default"].createElement("span", { className: "text-danger" },
+    return Component ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+        iconContent ? (React__default["default"].createElement("div", { className: "".concat(wrapClassName || '') + ' ' + iconContent, ref: refFn })) : null,
+        !showCssIcon ? (React__default["default"].createElement(Component, tslib.__assign({}, rest, { className: "".concat(className || '', " icon-").concat(icon) }))) : null)) : isURLIcon ? (React__default["default"].createElement("img", { className: cx__default["default"]("".concat(classPrefix, "Icon"), className), src: icon })) : (React__default["default"].createElement("span", { className: "text-danger" },
         "\u6CA1\u6709 icon ",
         icon));
 }

package/lib/components/index.d.ts

@@ -108,4 +108,6 @@ import Combo from './Combo';
 import InputTable from './InputTable';
 import type { InputTableColumnProps } from './InputTable';
 import ConfirmBox from './ConfirmBox';
-export { NotFound, Alert as AlertComponent, alert, Avatar, confirm, prompt, setRenderSchemaFn, ContextMenu, openContextMenus, Alert2, AsideNav, Button, Breadcrumb, Checkbox, Checkboxes, Collapse, CollapseGroup, DatePicker, DateRangePicker, Drawer, Tabs, Tab, Editor, Html, Icons, Layout, LazyComponent, Modal, Overlay, PopOver, Radios, Range, Rating, Select, SparkLine, Spinner, SpinnerExtraProps, Switch, Textarea, TitleBar, ToastComponent, toast, Tooltip, TooltipWrapper, Tree, Transfer, TabsTransfer, Selection, GroupedSelection, ChainedSelection, TableSelection, TreeSelection, AssociatedSelection, ResultBox, InputBox, SearchBox, ListGroup, NumberInput, ArrayInput, PullRefresh, Table, SchemaVariableListPicker, SchemaVariableList, VariableList, PickerContainer, ConfirmBox, FormulaPicker, InputJSONSchema, withBadge, BadgeObject, Icon, withRemoteConfig, RemoteOptionsProps, ConditionBuilder, ConditionBuilderFuncs, ConditionBuilderFields, ConditionBuilderConfig, CityArea, PresetColor, ListMenu, Input, JSONSchemaEditor, LocationPicker, PopUp, Cascader, TransferDropDown, TabsTransferPicker, ResultList, TransferPicker, UserSelect, UserTabSelect, getIcon, registerIcon, Badge, HeadCellDropDown, AnchorNav, AnchorNavSection, Card, GridNavDirection, GridNav, GridNavItem, Link, VirtualList, AutoSizer, withStore, PopOverContainer, Pagination, Progress, Steps, StepStatus, Tag, Timeline, ImageGallery, BaiduMapPicker, MultilineText, Form, FormField, Controller, Combo, InputTable, InputTableColumnProps };
+import DndContainer from './DndContainer';
+import Menu from './menu';
+export { NotFound, Alert as AlertComponent, alert, Avatar, confirm, prompt, setRenderSchemaFn, ContextMenu, openContextMenus, Alert2, AsideNav, Button, Breadcrumb, Checkbox, Checkboxes, Collapse, CollapseGroup, DatePicker, DateRangePicker, Drawer, Tabs, Tab, Editor, Html, Icons, Layout, LazyComponent, Modal, Overlay, PopOver, Radios, Range, Rating, Select, SparkLine, Spinner, SpinnerExtraProps, Switch, Textarea, TitleBar, ToastComponent, toast, Tooltip, TooltipWrapper, Tree, Transfer, TabsTransfer, Selection, GroupedSelection, ChainedSelection, TableSelection, TreeSelection, AssociatedSelection, ResultBox, InputBox, SearchBox, ListGroup, NumberInput, ArrayInput, PullRefresh, Table, SchemaVariableListPicker, SchemaVariableList, VariableList, PickerContainer, ConfirmBox, FormulaPicker, InputJSONSchema, withBadge, BadgeObject, Icon, withRemoteConfig, RemoteOptionsProps, ConditionBuilder, ConditionBuilderFuncs, ConditionBuilderFields, ConditionBuilderConfig, CityArea, PresetColor, ListMenu, Input, JSONSchemaEditor, LocationPicker, PopUp, Cascader, TransferDropDown, TabsTransferPicker, ResultList, TransferPicker, UserSelect, UserTabSelect, getIcon, registerIcon, Badge, HeadCellDropDown, AnchorNav, AnchorNavSection, Card, GridNavDirection, GridNav, GridNavItem, Link, VirtualList, AutoSizer, withStore, PopOverContainer, Pagination, Progress, Steps, StepStatus, Tag, Timeline, ImageGallery, BaiduMapPicker, MultilineText, Form, FormField, Controller, Combo, InputTable, InputTableColumnProps, DndContainer, Menu };

package/lib/components/json-schema/Array.js

@@ -1,6 +1,6 @@
 /**
- * amis-ui v2.6.0
- * Copyright 2018-2022 fex
+ * amis-ui v2.7.0
+ * Copyright 2018-2023 fex
  */
 
 'use strict';

package/lib/components/json-schema/Item.js

@@ -1,6 +1,6 @@
 /**
- * amis-ui v2.6.0
- * Copyright 2018-2022 fex
+ * amis-ui v2.7.0
+ * Copyright 2018-2023 fex
  */
 
 'use strict';

package/lib/components/json-schema/Object.js

@@ -1,6 +1,6 @@
 /**
- * amis-ui v2.6.0
- * Copyright 2018-2022 fex
+ * amis-ui v2.7.0
+ * Copyright 2018-2023 fex
  */
 
 'use strict';

package/lib/components/json-schema/index.js

@@ -1,6 +1,6 @@
 /**
- * amis-ui v2.6.0
- * Copyright 2018-2022 fex
+ * amis-ui v2.7.0
+ * Copyright 2018-2023 fex
  */
 
 'use strict';

package/lib/components/menu/MenuContext.d.ts

@@ -0,0 +1,73 @@
+/**
+ * @file Menu
+ * @description 导航菜单上下文
+ * @author fex
+ */
+/// <reference types="react" />
+import type { SubMenuProps } from './SubMenu';
+export interface MenuContextProps {
+    /**
+     * 主题色
+     *
+     * @type {('light' | 'dark')}
+     * @memberof MenuContextProps
+     */
+    themeColor: 'light' | 'dark';
+    /**
+     * 导航模式
+     *
+     * @type {(true | false)}
+     * @memberof MenuContextProps
+     */
+    stacked?: true | false;
+    /**
+     * 布局
+     *
+     * @type {('inline' | 'float')}
+     * @memberof MenuContextProps
+     */
+    mode?: 'inline' | 'float';
+    /**
+     * mode不为horizontal时
+     *
+     * @type {boolean}
+     * @memberof MenuContextProps
+     */
+    collapsed?: boolean;
+    /**
+     * 布局方向
+     *
+     * @type {('ltr' | 'rtl')}
+     * @memberof MenuContextProps
+     */
+    direction?: 'ltr' | 'rtl';
+    /**
+     * 统一路由前缀
+     *
+     * @type {string}
+     * @memberof MenuContextProps
+     */
+    prefix?: string;
+    /**
+     * 垂直导航水平缩进值
+     */
+    inlineIndent?: number;
+    /**
+     * 手风琴模式
+     */
+    accordion?: boolean;
+    /**
+     * 是否可拖拽排序
+     */
+    draggable?: boolean;
+    /**
+     * 触发访问带有子菜单的父级路由
+     */
+    onSubmenuClick?: (SubmenuInfo: {
+        key: string;
+        domEvent: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>;
+        props: SubMenuProps;
+    }) => void;
+    onDragStart?: (link: any) => (event: React.DragEvent<HTMLAnchorElement>) => void;
+}
+export declare const MenuContext: import("react").Context<MenuContextProps>;

package/lib/components/menu/MenuContext.js

@@ -0,0 +1,29 @@
+/**
+ * amis-ui v2.7.0
+ * Copyright 2018-2023 fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+/**
+ * @file Menu
+ * @description 导航菜单上下文
+ * @author fex
+ */
+var MenuContext = React.createContext({
+    themeColor: 'light',
+    stacked: true,
+    mode: 'inline',
+    collapsed: false,
+    direction: 'ltr',
+    prefix: '',
+    inlineIndent: 15,
+    accordion: false,
+    draggable: false
+});
+
+exports.MenuContext = MenuContext;

package/lib/components/menu/MenuItem.d.ts

@@ -0,0 +1,84 @@
+/**
+ * @file MenuItem
+ * @description 导航项目
+ * @author fex
+ */
+/// <reference types="hoist-non-react-statics" />
+import React from 'react';
+import { MenuItemProps as RcMenuItemProps } from 'rc-menu';
+import { ClassNamesFn } from 'amis-core';
+import { Trigger } from '../TooltipWrapper';
+import { MenuContextProps } from './MenuContext';
+import type { NavigationItem } from './';
+export interface MenuItemProps extends Omit<NavigationItem, 'children'>, RcMenuItemProps {
+    depth?: number;
+    icon?: string | React.ReactNode;
+    children?: React.ReactNode;
+    classPrefix: string;
+    classnames: ClassNamesFn;
+    tooltipClassName?: string;
+    tooltipContainer?: React.ReactNode;
+    tooltipTrigger?: Trigger | Array<Trigger>;
+    renderLink: Function;
+    extra?: React.ReactNode;
+}
+export declare class MenuItem extends React.Component<MenuItemProps> {
+    static defaultProps: Pick<MenuItemProps, 'tooltipTrigger' | 'disabled'>;
+    static contextType: React.Context<MenuContextProps>;
+    /**
+     * Menu上下文数据
+     *
+     * @type {MenuContextProps}
+     * @memberof MenuItem
+     */
+    context: MenuContextProps;
+    /**
+     * 内部使用的属性
+     *
+     * @memberof MenuItem
+     */
+    internalProps: string[];
+    getDynamicStyle(hasIcon: boolean): {
+        maxWidth: string;
+    };
+    /** 检查icon参数值是否为文件路径 */
+    isImgPath(raw: string): boolean;
+    renderMenuItem(): JSX.Element;
+    render(): JSX.Element | null;
+}
+declare const _default: {
+    new (props: Omit<MenuItemProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<MenuItemProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<MenuItemProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<MenuItemProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<MenuItemProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<MenuItemProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<MenuItemProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<MenuItemProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<MenuItemProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<MenuItemProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<typeof MenuItem>;
+} & import("hoist-non-react-statics").NonReactStatics<typeof MenuItem, {}> & {
+    ComposedComponent: typeof MenuItem;
+};
+export default _default;

package/lib/components/menu/MenuItem.js

@@ -0,0 +1,135 @@
+/**
+ * amis-ui v2.7.0
+ * Copyright 2018-2023 fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var pick = require('lodash/pick');
+var RcMenu = require('rc-menu');
+var amisCore = require('amis-core');
+var Badge = require('../Badge.js');
+var icons = require('../icons.js');
+var TooltipWrapper = require('../TooltipWrapper.js');
+var MenuContext = require('./MenuContext.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var pick__default = /*#__PURE__*/_interopDefaultLegacy(pick);
+
+/**
+ * @file MenuItem
+ * @description 导航项目
+ * @author fex
+ */
+var DragIcon = icons.getIcon('drag-bar');
+var MenuItem = /** @class */ (function (_super) {
+    tslib.__extends(MenuItem, _super);
+    function MenuItem() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        /**
+         * 内部使用的属性
+         *
+         * @memberof MenuItem
+         */
+        _this.internalProps = [
+            'children',
+            'eventKey',
+            'warnKey',
+            'disabled',
+            'itemIcon',
+            'attribute',
+            'onMouseEnter',
+            'onMouseLeave',
+            'onClick'
+        ];
+        return _this;
+    }
+    MenuItem.prototype.getDynamicStyle = function (hasIcon) {
+        var _a = this.context, stacked = _a.stacked, _b = _a.inlineIndent, inlineIndent = _b === void 0 ? 16 : _b;
+        var depth = this.props.depth;
+        var isHorizontal = !stacked;
+        var defaultIndentWidth = typeof inlineIndent === 'number' ? inlineIndent : 16;
+        var indentWidth = "(\n      ".concat(hasIcon ? 'var(--Menu-icon-size) + var(--gap-sm) +' : '', "\n      ").concat(depth === 1
+            ? isHorizontal
+                ? 'var(--Menu-Submenu-title-paddingX) * 2'
+                : '0px'
+            : isHorizontal
+                ? "var(--Menu-Submenu-title-paddingX) + ".concat(defaultIndentWidth, "px")
+                : "".concat(defaultIndentWidth, "px"), "\n    )");
+        return {
+            maxWidth: isHorizontal
+                ? "calc(var(--Menu-width) - ".concat(indentWidth, ")")
+                : "calc(100% - ".concat(indentWidth, ")")
+        };
+    };
+    /** 检查icon参数值是否为文件路径 */
+    MenuItem.prototype.isImgPath = function (raw) {
+        return (typeof raw === 'string' &&
+            (!!~raw.indexOf('.') || /^\/images\//.test(raw)));
+    };
+    MenuItem.prototype.renderMenuItem = function () {
+        var _a, _b, _c, _d;
+        var _e, _f;
+        var _g = this.context, collapsed = _g.collapsed, draggable = _g.draggable, stacked = _g.stacked, mode = _g.mode, onDragStart = _g.onDragStart;
+        var _h = this.props, cx = _h.classnames, icon = _h.icon, label = _h.label, labelExtra = _h.labelExtra, path = _h.path, depth = _h.depth, badge = _h.badge, badgeClassName = _h.badgeClassName, renderLink = _h.renderLink, extra = _h.extra, disabled = _h.disabled, id = _h.id, defaultData = _h.data;
+        var isCollapsedNode = collapsed && depth === 1;
+        var iconNode = icon ? (typeof icon === 'string' ? (this.isImgPath(icon) ? (React__default["default"].createElement("div", { className: cx("Nav-Menu-item-icon") },
+            React__default["default"].createElement("img", { width: "14px", src: icon }))) : (React__default["default"].createElement("i", { className: cx("Nav-Menu-item-icon", icon, (_a = {},
+                _a['Nav-Menu-item-icon-collapsed'] = isCollapsedNode,
+                _a)) }))) : React__default["default"].isValidElement(icon) ? (React__default["default"].cloneElement(icon, {
+            className: cx("Nav-Menu-item-icon", (_e = icon.props) === null || _e === void 0 ? void 0 : _e.className, (_b = {},
+                _b['Nav-Menu-item-icon-svg-collapsed'] = isCollapsedNode,
+                _b))
+        })) : null) : null;
+        var labelNode = label && typeof label === 'string' ? (React__default["default"].createElement("span", { className: cx("Nav-Menu-item-label", (_c = {},
+                _c['Nav-Menu-item-label-collapsed'] = isCollapsedNode,
+                _c)), title: isCollapsedNode ? '' : label, style: this.getDynamicStyle(!!iconNode) }, isCollapsedNode ? label.slice(0, 1) : label)) : React__default["default"].isValidElement(label) ? (React__default["default"].cloneElement(label, {
+            className: cx('Nav-Menu-item-label', (_f = label === null || label === void 0 ? void 0 : label.props) === null || _f === void 0 ? void 0 : _f.className, (_d = {},
+                _d['Nav-Menu-item-label-collapsed'] = isCollapsedNode,
+                _d['Nav-Menu-item-label-subTitle'] = !isCollapsedNode,
+                _d)),
+            style: this.getDynamicStyle(!!iconNode)
+        })) : null;
+        var dragNode = !disabled && stacked && mode === 'inline' && !collapsed && draggable ? (React__default["default"].createElement("span", { className: cx('Nav-Menu-item-dragBar'), draggable: true },
+            React__default["default"].createElement(DragIcon, null))) : null;
+        var link = renderLink && typeof renderLink === 'function'
+            ? renderLink(this.props)
+            : path || '';
+        return (React__default["default"].createElement("div", { className: cx('Nav-Menu-item-wrap') },
+            React__default["default"].createElement(Badge.Badge, { classnames: cx, badge: badge ? tslib.__assign(tslib.__assign({}, badge), { className: badgeClassName }) : null, data: amisCore.createObject(defaultData, link) },
+                React__default["default"].createElement("a", { className: cx('Nav-Menu-item-link'), title: typeof (link === null || link === void 0 ? void 0 : link.label) === 'string' ? link === null || link === void 0 ? void 0 : link.label : undefined, "data-id": (link === null || link === void 0 ? void 0 : link.__id) || id, "data-depth": depth, onDragStart: onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(link) }, isCollapsedNode ? (React__default["default"].createElement(React__default["default"].Fragment, null, iconNode || labelNode)) : (React__default["default"].createElement(React__default["default"].Fragment, null,
+                    dragNode,
+                    iconNode,
+                    labelNode,
+                    labelExtra)))),
+            extra ? (React__default["default"].createElement("div", { className: cx('Nav-Menu-item-extra') }, extra)) : null));
+    };
+    MenuItem.prototype.render = function () {
+        var _a;
+        var _b = this.props, className = _b.className, tooltipClassName = _b.tooltipClassName, cx = _b.classnames, label = _b.label, disabled = _b.disabled, disabledTip = _b.disabledTip, tooltipContainer = _b.tooltipContainer, tooltipTrigger = _b.tooltipTrigger, depth = _b.depth, hidden = _b.hidden;
+        var _c = this.context, collapsed = _c.collapsed, mode = _c.mode, stacked = _c.stacked, themeColor = _c.themeColor, direction = _c.direction;
+        var showToolTip = stacked && mode === 'inline' && collapsed && depth === 1;
+        // 多套一层div 是因为disabled情况下 RcItem触发不了tooltipwrapper的事件
+        return hidden ? null : (React__default["default"].createElement(TooltipWrapper["default"], { tooltipClassName: cx('Nav-Menu-item-tooltip', tooltipClassName, (_a = {},
+                _a['Nav-Menu-item-tooltip-dark'] = themeColor === 'dark',
+                _a)), placement: direction === 'rtl' ? 'left' : 'right', tooltip: disabled ? disabledTip : showToolTip ? label : '', container: tooltipContainer, trigger: tooltipTrigger, rootClose: true },
+            React__default["default"].createElement("div", { className: cx('Nav-Menu-item-tooltip-wrap') },
+                React__default["default"].createElement(RcMenu.Item, tslib.__assign({}, pick__default["default"](this.props, this.internalProps), { className: cx(className) }), this.renderMenuItem()))));
+    };
+    MenuItem.defaultProps = {
+        disabled: false,
+        tooltipTrigger: ['hover', 'focus']
+    };
+    MenuItem.contextType = MenuContext.MenuContext;
+    return MenuItem;
+}(React__default["default"].Component));
+var MenuItem$1 = amisCore.themeable(MenuItem);
+
+exports.MenuItem = MenuItem;
+exports["default"] = MenuItem$1;

package/lib/components/menu/SubMenu.d.ts

@@ -0,0 +1,88 @@
+/**
+ * @file SubMenu
+ * @description 导航子菜单
+ * @author fex
+ */
+/// <reference types="hoist-non-react-statics" />
+import React from 'react';
+import { SubMenuProps as RcSubMenuProps } from 'rc-menu';
+import { ClassNamesFn } from 'amis-core';
+import { MenuContextProps } from './MenuContext';
+import type { NavigationItem } from './';
+interface MenuItemTitleInfo {
+    key: string;
+    domEvent: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>;
+}
+export interface SubMenuProps extends Omit<NavigationItem, 'children'>, Omit<RcSubMenuProps, 'expandIcon'> {
+    depth?: number;
+    icon?: string | React.ReactNode;
+    children?: React.ReactNode;
+    classPrefix: string;
+    classnames: ClassNamesFn;
+    popupClassName?: string;
+    onTitleMouseEnter?: (e: MenuItemTitleInfo) => void;
+    onTitleMouseLeave?: (e: MenuItemTitleInfo) => void;
+    onTitleClick?: (e: MenuItemTitleInfo) => void;
+    renderLink: Function;
+    [propName: string]: any;
+}
+export declare class SubMenu extends React.Component<SubMenuProps> {
+    static contextType: React.Context<MenuContextProps>;
+    /**
+     * Menu上下文数据
+     *
+     * @type {MenuContextProps}
+     * @memberof SubMenu
+     */
+    context: MenuContextProps;
+    /**
+     * 内部使用的属性
+     *
+     * @memberof SubMenu
+     */
+    internalProps: string[];
+    handleSubmenuTitleActived({ key, domEvent }: MenuItemTitleInfo): void;
+    getDynamicStyle(hasIcon: boolean): {
+        maxWidth: string;
+    };
+    /** 检查icon参数值是否为文件路径 */
+    isImgPath(raw: string): boolean;
+    renderSubMenuTitle(): JSX.Element;
+    render(): JSX.Element | null;
+}
+declare const _default: {
+    new (props: Omit<SubMenuProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps): {
+        ref: any;
+        childRef(ref: any): void;
+        getWrappedInstance(): any;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<SubMenuProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<SubMenuProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<SubMenuProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<SubMenuProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<SubMenuProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<SubMenuProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<SubMenuProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<SubMenuProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<SubMenuProps, keyof import("amis-core").ThemeProps> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<typeof SubMenu>;
+} & import("hoist-non-react-statics").NonReactStatics<typeof SubMenu, {}> & {
+    ComposedComponent: typeof SubMenu;
+};
+export default _default;