amis-ui 3.2.0 → 3.3.0

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -18,6 +18,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 function InputJSONSchemaArray(props) {
     var _a, _b, _c;
     var cx = props.classnames, value = props.value, onChange = props.onChange, disabled = props.disabled, __ = props.translate, collapsable = props.collapsable, renderValue = props.renderValue, useMobileUI = props.useMobileUI;
@@ -112,27 +115,27 @@ function InputJSONSchemaArray(props) {
     var allowAdd = !maxContains || maxContains > members.length;
     var allowDelete = !minContains || minContains < members.length;
     var mobileUI = useMobileUI && amisCore.isMobile();
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        collapsable ? (React__default["default"].createElement("a", { className: cx('JSONSchemaObject-caret', {
+    return (_J$X_(React__default["default"].Fragment, null,
+        collapsable ? (_J$X_("a", { className: cx('JSONSchemaObject-caret', {
                 'is-collapsed': collapsed
             }), onClick: toggleCollapsed },
-            React__default["default"].createElement(icons.Icon, { icon: "caret", className: "icon" }))) : null,
-        React__default["default"].createElement("div", { className: cx('JSONSchemaObject', {
+            _J$X_(icons.Icon, { icon: "right-arrow-bold", className: "icon" }))) : null,
+        _J$X_("div", { className: cx('JSONSchemaObject', {
                 'is-mobile': mobileUI,
                 'is-expanded': collapsable && !collapsed
             }) },
-            collapsed ? (renderValue ? (React__default["default"].createElement(Item.InputJSONSchemaItem, tslib.__assign({}, props, { value: value, onChange: onChange, schema: {
+            collapsed ? (renderValue ? (_J$X_(Item.InputJSONSchemaItem, tslib.__assign({}, props, { value: value, onChange: onChange, schema: {
                     type: 'string'
                 }, placeholder: (_c = props.schema) === null || _c === void 0 ? void 0 : _c.description }))) : null) : (members.map(function (member) {
-                return (React__default["default"].createElement("div", { key: member.key, className: cx('JSONSchemaMember') },
-                    React__default["default"].createElement("div", { className: cx('JSONSchemaMember-value') },
-                        React__default["default"].createElement(Item.InputJSONSchemaItem, tslib.__assign({}, props, { value: value === null || value === void 0 ? void 0 : value[member.index], onChange: onMemberChange.bind(null, member), schema: member.schema || {
+                return (_J$X_("div", { key: member.key, className: cx('JSONSchemaMember') },
+                    _J$X_("div", { className: cx('JSONSchemaMember-value') },
+                        _J$X_(Item.InputJSONSchemaItem, tslib.__assign({}, props, { value: value === null || value === void 0 ? void 0 : value[member.index], onChange: onMemberChange.bind(null, member), schema: member.schema || {
                                 type: 'string'
                             }, collapsable: true }))),
-                    allowDelete ? (React__default["default"].createElement(Button["default"], { className: cx('SchemaEditor-btn'), onClick: onMemberDelete.bind(null, member), iconOnly: true, disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) },
-                        React__default["default"].createElement(icons.Icon, { icon: "remove", className: "icon" }))) : null));
+                    allowDelete ? (_J$X_(Button["default"], { className: cx('SchemaEditor-btn'), onClick: onMemberDelete.bind(null, member), iconOnly: true, disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) },
+                        _J$X_(icons.Icon, { icon: "remove", className: "icon" }))) : null));
             })),
-            !collapsed ? (React__default["default"].createElement(Button["default"], { level: "link", onClick: handleAdd, size: "xs", disabled: disabled || !allowAdd }, __('JSONSchema.add_prop'))) : null)));
+            !collapsed ? (_J$X_(Button["default"], { level: "link", onClick: handleAdd, size: "xs", disabled: disabled || !allowAdd }, __('JSONSchema.add_prop'))) : null)));
 }
 
 exports.InputJSONSchemaArray = InputJSONSchemaArray;

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -8,38 +8,37 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var React = require('react');
+require('react');
 var InputBox = require('../InputBox.js');
 var NumberInput = require('../NumberInput.js');
 var Switch = require('../Switch.js');
 var Array = require('./Array.js');
 var Object$1 = require('./Object.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 function InputJSONSchemaItem(props) {
     var schema = props.schema;
     if (schema.type === 'object') {
-        return React__default["default"].createElement(Object$1.InputJSONSchemaObject, tslib.__assign({}, props));
+        return _J$X_(Object$1.InputJSONSchemaObject, tslib.__assign({}, props));
     }
     else if (schema.type === 'array') {
-        return React__default["default"].createElement(Array.InputJSONSchemaArray, tslib.__assign({}, props));
+        return _J$X_(Array.InputJSONSchemaArray, tslib.__assign({}, props));
     }
     else if (props.renderValue) {
         return props.renderValue(props.value, props.onChange, schema, props);
     }
     else if (schema.type == 'number') {
-        return (React__default["default"].createElement(NumberInput["default"], { value: props.value, onChange: props.onChange, placeholder: props.placeholder, useMobileUI: props.useMobileUI }));
+        return (_J$X_(NumberInput["default"], { value: props.value, onChange: props.onChange, placeholder: props.placeholder, useMobileUI: props.useMobileUI }));
     }
     else if (schema.type == 'integer') {
-        return (React__default["default"].createElement(NumberInput["default"], { value: props.value, onChange: props.onChange, precision: 0, placeholder: props.placeholder, useMobileUI: props.useMobileUI }));
+        return (_J$X_(NumberInput["default"], { value: props.value, onChange: props.onChange, precision: 0, placeholder: props.placeholder, useMobileUI: props.useMobileUI }));
     }
     else if (schema.type == 'boolean') {
-        return (React__default["default"].createElement(Switch["default"], { value: props.value, onChange: props.onChange, className: "mt-2" }));
+        return (_J$X_(Switch["default"], { value: props.value, onChange: props.onChange, className: "mt-2" }));
     }
-    return (React__default["default"].createElement(InputBox["default"], { value: props.value, onChange: props.onChange, placeholder: props.placeholder, useMobileUI: props.useMobileUI }));
+    return (_J$X_(InputBox["default"], { value: props.value, onChange: props.onChange, placeholder: props.placeholder, useMobileUI: props.useMobileUI }));
 }
 
 exports.InputJSONSchemaItem = InputJSONSchemaItem;

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -21,6 +21,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 function InputJSONSchemaObject(props) {
     var _a, _b;
     var cx = props.classnames, value = props.value, onChange = props.onChange, disabled = props.disabled, __ = props.translate, renderKey = props.renderKey, collapsable = props.collapsable, renderValue = props.renderValue, useMobileUI = props.useMobileUI;
@@ -180,34 +183,34 @@ function InputJSONSchemaObject(props) {
         options.every(function (o) { return members.find(function (m) { return m.name === o.value; }); }));
     var allowInput = props.schema.additionalProperties !== false;
     var mobileUI = useMobileUI && amisCore.isMobile();
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        collapsable ? (React__default["default"].createElement("a", { className: cx('JSONSchemaObject-caret', {
+    return (_J$X_(React__default["default"].Fragment, null,
+        collapsable ? (_J$X_("a", { className: cx('JSONSchemaObject-caret', {
                 'is-collapsed': collapsed
             }), onClick: toggleCollapsed },
-            React__default["default"].createElement(icons.Icon, { icon: "caret", className: "icon" }))) : null,
-        React__default["default"].createElement("div", { className: cx('JSONSchemaObject', {
+            _J$X_(icons.Icon, { icon: "right-arrow-bold", className: "icon" }))) : null,
+        _J$X_("div", { className: cx('JSONSchemaObject', {
                 'is-mobile': mobileUI,
                 'is-expanded': collapsable && !collapsed
             }) },
-            collapsed ? (renderValue ? (React__default["default"].createElement(Item.InputJSONSchemaItem, tslib.__assign({}, props, { value: value, onChange: onChange, schema: {
+            collapsed ? (renderValue ? (_J$X_(Item.InputJSONSchemaItem, tslib.__assign({}, props, { value: value, onChange: onChange, schema: {
                     type: 'string'
                 }, placeholder: (_b = props.schema) === null || _b === void 0 ? void 0 : _b.description }))) : null) : (members.map(function (member) {
                 var _a, _b;
                 var filtedOptions = options.filter(function (o) { return !members.find(function (m) { return m !== member && m.name === o.value; }); });
-                return (React__default["default"].createElement("div", { key: member.key, className: cx('JSONSchemaMember') },
-                    React__default["default"].createElement("div", { className: cx('JSONSchemaMember-key', {
+                return (_J$X_("div", { key: member.key, className: cx('JSONSchemaMember') },
+                    _J$X_("div", { className: cx('JSONSchemaMember-key', {
                             'is-mobile': mobileUI
-                        }) }, member.nameMutable ? (React__default["default"].createElement(React__default["default"].Fragment, null, renderKey ? (renderKey(member.name, onMemberKeyChange.bind(null, member), member.schema, props)) : filtedOptions.length ? (allowInput ? (React__default["default"].createElement(InputBoxWithSuggestion["default"], { value: member.name, hasError: member.invalid, onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), options: filtedOptions, useMobileUI: useMobileUI })) : (React__default["default"].createElement(Select["default"], { simpleValue: true, block: true, value: member.name, hasError: member.invalid, onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), options: filtedOptions, useMobileUI: useMobileUI }))) : (React__default["default"].createElement(InputBox["default"], { value: member.name, hasError: member.invalid, onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), useMobileUI: useMobileUI })))) : (React__default["default"].createElement("span", null,
-                        member.required ? (React__default["default"].createElement("span", { className: cx("Form-star") }, "*")) : null,
+                        }) }, member.nameMutable ? (_J$X_(React__default["default"].Fragment, null, renderKey ? (renderKey(member.name, onMemberKeyChange.bind(null, member), member.schema, props)) : filtedOptions.length ? (allowInput ? (_J$X_(InputBoxWithSuggestion["default"], { value: member.name, hasError: member.invalid, onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), options: filtedOptions, useMobileUI: useMobileUI })) : (_J$X_(Select["default"], { simpleValue: true, block: true, value: member.name, hasError: member.invalid, onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), options: filtedOptions, useMobileUI: useMobileUI }))) : (_J$X_(InputBox["default"], { value: member.name, hasError: member.invalid, onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), useMobileUI: useMobileUI })))) : (_J$X_("span", null,
+                        member.required ? (_J$X_("span", { className: cx("Form-star") }, "*")) : null,
                         ((_a = member.schema) === null || _a === void 0 ? void 0 : _a.title) || member.name))),
-                    React__default["default"].createElement("div", { className: cx('JSONSchemaMember-value') },
-                        React__default["default"].createElement(Item.InputJSONSchemaItem, tslib.__assign({}, props, { value: value === null || value === void 0 ? void 0 : value[member.name], onChange: onMemberChange.bind(null, member), schema: member.schema || {
+                    _J$X_("div", { className: cx('JSONSchemaMember-value') },
+                        _J$X_(Item.InputJSONSchemaItem, tslib.__assign({}, props, { value: value === null || value === void 0 ? void 0 : value[member.name], onChange: onMemberChange.bind(null, member), schema: member.schema || {
                                 type: 'string'
                             }, placeholder: (_b = member.schema) === null || _b === void 0 ? void 0 : _b.description, collapsable: true }))),
-                    !member.required ? (React__default["default"].createElement(Button["default"], { className: cx('SchemaEditor-btn'), onClick: onMemberDelete.bind(null, member), iconOnly: true, disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) },
-                        React__default["default"].createElement(icons.Icon, { icon: "remove", className: "icon" }))) : null));
+                    !member.required ? (_J$X_(Button["default"], { className: cx('SchemaEditor-btn'), onClick: onMemberDelete.bind(null, member), iconOnly: true, disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) },
+                        _J$X_(icons.Icon, { icon: "remove", className: "icon" }))) : null));
             })),
-            allowAdd && !collapsed ? (React__default["default"].createElement(Button["default"], { level: "link", onClick: handleAdd, size: "xs", disabled: disabled }, __('JSONSchema.add_prop'))) : null)));
+            allowAdd && !collapsed ? (_J$X_(Button["default"], { level: "link", onClick: handleAdd, size: "xs", disabled: disabled }, __('JSONSchema.add_prop'))) : null)));
 }
 
 exports.InputJSONSchemaObject = InputJSONSchemaObject;

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -8,20 +8,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var React = require('react');
+require('react');
 var amisCore = require('amis-core');
 var Item = require('./Item.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 function InputJSONSchema(props) {
     var schema = props.schema || {
         type: 'object',
         properties: {}
     };
-    return React__default["default"].createElement(Item.InputJSONSchemaItem, tslib.__assign({}, props, { schema: schema }));
+    return _J$X_(Item.InputJSONSchemaItem, tslib.__assign({}, props, { schema: schema }));
 }
 var index = amisCore.themeable(amisCore.localeable(InputJSONSchema));
 

package/lib/components/menu/MenuContext.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 

package/lib/components/menu/MenuItem.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -22,11 +22,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var pick__default = /*#__PURE__*/_interopDefaultLegacy(pick);
 
-/**
- * @file MenuItem
- * @description 导航项目
- * @author fex
- */
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var DragIcon = icons.getIcon('drag-bar');
 var MenuItem = /** @class */ (function (_super) {
     tslib.__extends(MenuItem, _super);
@@ -62,15 +60,15 @@ var MenuItem = /** @class */ (function (_super) {
         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 = {},
+        var iconNode = icon ? (typeof icon === 'string' ? (this.isImgPath(icon) ? (_J$X_("div", { className: cx("Nav-Menu-item-icon") },
+            _J$X_("img", { width: "14px", src: icon }))) : (_J$X_("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' || Array.isArray(label)) ? (React__default["default"].createElement("span", { className: cx("Nav-Menu-item-label", (_c = {},
+        var labelNode = label && (typeof label === 'string' || Array.isArray(label)) ? (_J$X_("span", { className: cx("Nav-Menu-item-label", (_c = {},
                 _c['Nav-Menu-item-label-collapsed'] = isCollapsedNode,
                 _c)), title: isCollapsedNode || Array.isArray(label) ? '' : label }, 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 = {},
@@ -78,20 +76,20 @@ var MenuItem = /** @class */ (function (_super) {
                 _d['Nav-Menu-item-label-subTitle'] = !isCollapsedNode,
                 _d))
         })) : 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 dragNode = !disabled && stacked && mode === 'inline' && !collapsed && draggable ? (_J$X_("span", { className: cx('Nav-Menu-item-dragBar'), draggable: true },
+            _J$X_(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 && !isCollapsedNode // 收起模式下 不展示角标
+        return (_J$X_("div", { className: cx('Nav-Menu-item-wrap') },
+            _J$X_(Badge.Badge, { classnames: cx, badge: badge && !isCollapsedNode // 收起模式下 不展示角标
                     ? 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,
+                _J$X_("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 ? (_J$X_(React__default["default"].Fragment, null, iconNode || labelNode)) : (_J$X_(React__default["default"].Fragment, null,
                     dragNode,
                     iconNode,
                     labelNode,
                     labelExtra)))),
-            extra ? (React__default["default"].createElement("div", { className: cx('Nav-Menu-item-extra') }, extra)) : null));
+            extra ? (_J$X_("div", { className: cx('Nav-Menu-item-extra') }, extra)) : null));
     };
     MenuItem.prototype.render = function () {
         var _a;
@@ -103,11 +101,11 @@ var MenuItem = /** @class */ (function (_super) {
         // 横向模式使用rc-overflow rc-overflow中会给li设置一个order属性
         // 这里的ul可能和rc-overflow里的li并列 就导致展示顺序不正确 因此给url也设置一个order属性
         // 当启用响应式收纳且设置了maxVisibleCount rc-overflow不会设置order属性 因此这种情况下ul也不需要设置
-        return hidden ? null : (React__default["default"].createElement(TooltipWrapper["default"], { tooltipClassName: cx('Nav-Menu-item-tooltip', tooltipClassName, (_a = {},
+        return hidden ? null : (_J$X_(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("ul", { className: cx('Nav-Menu-item-tooltip-wrap'), style: isMaxOverflow ? {} : { order: order } },
-                React__default["default"].createElement(RcMenu.Item, tslib.__assign({}, pick__default["default"](this.props, this.internalProps)), this.renderMenuItem()))));
+            _J$X_("ul", { className: cx('Nav-Menu-item-tooltip-wrap'), style: isMaxOverflow ? {} : { order: order } },
+                _J$X_(RcMenu.Item, tslib.__assign({}, pick__default["default"](this.props, this.internalProps)), this.renderMenuItem()))));
     };
     MenuItem.defaultProps = {
         disabled: false,

package/lib/components/menu/SubMenu.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -21,11 +21,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var pick__default = /*#__PURE__*/_interopDefaultLegacy(pick);
 
-/**
- * @file SubMenu
- * @description 导航子菜单
- * @author fex
- */
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var DragIcon = icons.getIcon('drag-bar');
 var SubMenu = /** @class */ (function (_super) {
     tslib.__extends(SubMenu, _super);
@@ -77,15 +75,15 @@ var SubMenu = /** @class */ (function (_super) {
         var link = renderLink && typeof renderLink === 'function'
             ? renderLink(this.props)
             : path || '';
-        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", { key: "icon", className: cx("Nav-Menu-item-icon", icon, (_a = {},
+        var iconNode = icon ? (typeof icon === 'string' ? (this.isImgPath(icon) ? (_J$X_("div", { className: cx("Nav-Menu-item-icon") },
+            _J$X_("img", { width: "14px", src: icon }))) : (_J$X_("i", { key: "icon", 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' || Array.isArray(label)) ? (React__default["default"].createElement("span", { className: cx('Nav-Menu-item-label', (_c = {},
+        var labelNode = label && (typeof label === 'string' || Array.isArray(label)) ? (_J$X_("span", { className: cx('Nav-Menu-item-label', (_c = {},
                 _c['Nav-Menu-item-label-collapsed'] = isCollapsedNode,
                 _c['Nav-Menu-item-label-subTitle'] = !isCollapsedNode,
                 _c)), title: isCollapsedNode || Array.isArray(label) ? '' : label }, isCollapsedNode ? label.slice(0, 1) : label)) : React__default["default"].isValidElement(label) ? (React__default["default"].cloneElement(label, {
@@ -94,28 +92,28 @@ var SubMenu = /** @class */ (function (_super) {
                 _d['Nav-Menu-item-label-subTitle'] = !isCollapsedNode,
                 _d))
         })) : 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 dragNode = !disabled && stacked && mode === 'inline' && !collapsed && draggable ? (_J$X_("span", { className: cx('Nav-Menu-item-dragBar'), draggable: true },
+            _J$X_(DragIcon, null))) : null;
         var renderContent = function () {
-            return isCollapsedNode ? (React__default["default"].createElement(React__default["default"].Fragment, null, iconNode || labelNode)) : (React__default["default"].createElement(React__default["default"].Fragment, null,
+            return isCollapsedNode ? (_J$X_(React__default["default"].Fragment, null, iconNode || labelNode)) : (_J$X_(React__default["default"].Fragment, null,
                 dragNode,
                 iconNode,
                 labelNode,
                 labelExtra,
-                !stacked && depth === 1 ? (React__default["default"].createElement("span", { key: "expand-toggle", className: cx('Nav-Menu-submenu-arrow') },
-                    React__default["default"].createElement(icons.Icon, { icon: "right-arrow-bold", className: "icon" }))) : null));
+                !stacked && depth === 1 ? (_J$X_("span", { key: "expand-toggle", className: cx('Nav-Menu-submenu-arrow') },
+                    _J$X_(icons.Icon, { icon: "right-arrow-bold", className: "icon" }))) : null));
         };
-        return (React__default["default"].createElement("div", { className: cx('Nav-Menu-item-wrap') },
-            React__default["default"].createElement(Badge.Badge, { classnames: cx, badge: badge && !isCollapsedNode // 收起模式下 不展示角标
+        return (_J$X_("div", { className: cx('Nav-Menu-item-wrap') },
+            _J$X_(Badge.Badge, { classnames: cx, badge: badge && !isCollapsedNode // 收起模式下 不展示角标
                     ? tslib.__assign(tslib.__assign({}, badge), { className: badgeClassName }) : null, data: amisCore.createObject(defaultData, link) },
-                React__default["default"].createElement("a", { className: cx("Nav-Menu-item-link"), "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) }, renderContent())),
-            extra ? (React__default["default"].createElement("div", { className: cx('Nav-Menu-item-extra') }, extra)) : null));
+                _J$X_("a", { className: cx("Nav-Menu-item-link"), "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) }, renderContent())),
+            extra ? (_J$X_("div", { className: cx('Nav-Menu-item-extra') }, extra)) : null));
     };
     SubMenu.prototype.render = function () {
         var _a, _b;
         var _c = this.props, popupClassName = _c.popupClassName, cx = _c.classnames, hidden = _c.hidden, className = _c.className;
         var isDarkTheme = this.context.themeColor === 'dark';
-        return hidden ? null : (React__default["default"].createElement(RcMenu.SubMenu, tslib.__assign({}, pick__default["default"](this.props, this.internalProps), { className: cx('Nav-Menu-submenu', (_a = {},
+        return hidden ? null : (_J$X_(RcMenu.SubMenu, tslib.__assign({}, pick__default["default"](this.props, this.internalProps), { className: cx('Nav-Menu-submenu', (_a = {},
                 _a['Nav-Menu-submenu-dark'] = isDarkTheme,
                 _a), className), popupClassName: cx((_b = {},
                 _b['Nav-Menu-submenu-popup-dark'] = isDarkTheme,