amis-ui 2.7.2 → 2.8.0

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

@@ -1,9 +1,9 @@
 /**
- * amis-ui v2.7.2
+ * amis-ui v2.8.0
  * Copyright 2018-2023 fex
  */
 
-import { __assign } from 'tslib';
+import { __values, __read, __assign } from 'tslib';
 import React__default from 'react';
 import { guid } from 'amis-core';
 import Button from '../Button.js';
@@ -17,6 +17,7 @@ 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;
     var buildMembers = React__default.useCallback(function (schema, value) {
+        var e_1, _a;
         var members = [];
         var required = Array.isArray(schema.required) ? schema.required : [];
         Object.keys(schema.properties || {}).forEach(function (key) {
@@ -43,9 +44,18 @@ function InputJSONSchemaObject(props) {
                 });
             }
         };
-        for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
-            var key = keys_1[_i];
-            _loop_1(key);
+        try {
+            for (var keys_1 = __values(keys), keys_1_1 = keys_1.next(); !keys_1_1.done; keys_1_1 = keys_1.next()) {
+                var key = keys_1_1.value;
+                _loop_1(key);
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (keys_1_1 && !keys_1_1.done && (_a = keys_1.return)) _a.call(keys_1);
+            }
+            finally { if (e_1) throw e_1.error; }
         }
         if (!members.length) {
             members.push({
@@ -59,10 +69,10 @@ function InputJSONSchemaObject(props) {
         }
         return members;
     }, []);
-    var _c = React__default.useState(buildMembers(props.schema, props.value)), members = _c[0], setMembers = _c[1];
+    var _c = __read(React__default.useState(buildMembers(props.schema, props.value)), 2), members = _c[0], setMembers = _c[1];
     var membersRef = React__default.useRef();
     membersRef.current = members;
-    var _d = React__default.useState(collapsable ? true : false), collapsed = _d[0], setCollapsed = _d[1];
+    var _d = __read(React__default.useState(collapsable ? true : false), 2), collapsed = _d[0], setCollapsed = _d[1];
     var toggleCollapsed = function () {
         setCollapsed(!collapsed);
     };
@@ -104,6 +114,7 @@ function InputJSONSchemaObject(props) {
         setMembers(buildMembers(props.schema, props.value));
     }, [JSON.stringify(props.schema)]);
     React__default.useEffect(function () {
+        var e_2, _a;
         var value = props.value;
         var m = membersRef.current.concat();
         var keys = Object.keys(value || {});
@@ -120,9 +131,18 @@ function InputJSONSchemaObject(props) {
                 });
             }
         };
-        for (var _i = 0, keys_2 = keys; _i < keys_2.length; _i++) {
-            var key = keys_2[_i];
-            _loop_2(key);
+        try {
+            for (var keys_2 = __values(keys), keys_2_1 = keys_2.next(); !keys_2_1.done; keys_2_1 = keys_2.next()) {
+                var key = keys_2_1.value;
+                _loop_2(key);
+            }
+        }
+        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        finally {
+            try {
+                if (keys_2_1 && !keys_2_1.done && (_a = keys_2.return)) _a.call(keys_2);
+            }
+            finally { if (e_2) throw e_2.error; }
         }
         if (m.length !== membersRef.current.length) {
             setMembers(m);

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.7.2
+ * amis-ui v2.8.0
  * Copyright 2018-2023 fex
  */
 

package/esm/components/menu/MenuContext.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.7.2
+ * amis-ui v2.8.0
  * Copyright 2018-2023 fex
  */
 

package/esm/components/menu/MenuItem.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.7.2
+ * amis-ui v2.8.0
  * Copyright 2018-2023 fex
  */
 
@@ -78,9 +78,9 @@ var MenuItem = /** @class */ (function (_super) {
                 _b['Nav-Menu-item-icon-svg-collapsed'] = isCollapsedNode,
                 _b))
         })) : null) : null;
-        var labelNode = label && typeof label === 'string' ? (React__default.createElement("span", { className: cx("Nav-Menu-item-label", (_c = {},
+        var labelNode = label && (typeof label === 'string' || Array.isArray(label)) ? (React__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.isValidElement(label) ? (React__default.cloneElement(label, {
+                _c)), title: isCollapsedNode || Array.isArray(label) ? '' : label, style: this.getDynamicStyle(!!iconNode) }, isCollapsedNode ? label.slice(0, 1) : label)) : React__default.isValidElement(label) ? (React__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,
@@ -106,11 +106,11 @@ var MenuItem = /** @class */ (function (_super) {
         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的事件
+        // 多套一层ul 是因为disabled情况下 RcItem触发不了tooltipwrapper的事件
         return hidden ? null : (React__default.createElement(TooltipWrapper, { 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.createElement("div", { className: cx('Nav-Menu-item-tooltip-wrap') },
+            React__default.createElement("ul", { className: cx('Nav-Menu-item-tooltip-wrap') },
                 React__default.createElement(Item, __assign({}, pick(this.props, this.internalProps), { className: cx(className) }), this.renderMenuItem()))));
     };
     MenuItem.defaultProps = {

package/esm/components/menu/SubMenu.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.7.2
+ * amis-ui v2.8.0
  * Copyright 2018-2023 fex
  */
 
@@ -8,7 +8,7 @@ import React__default from 'react';
 import pick from 'lodash/pick';
 import { SubMenu as SubMenu$2 } from 'rc-menu';
 import { createObject, autobind, themeable } from 'amis-core';
-import { getIcon } from '../icons.js';
+import { getIcon, Icon } from '../icons.js';
 import { Badge } from '../Badge.js';
 import { MenuContext } from './MenuContext.js';
 
@@ -17,7 +17,6 @@ import { MenuContext } from './MenuContext.js';
  * @description 导航子菜单
  * @author fex
  */
-var CaretIcon = getIcon('caret');
 var DragIcon = getIcon('drag-bar');
 var SubMenu = /** @class */ (function (_super) {
     __extends(SubMenu, _super);
@@ -92,10 +91,10 @@ var SubMenu = /** @class */ (function (_super) {
                 _b['Menu-item-icon-svg-collapsed'] = isCollapsedNode,
                 _b))
         })) : null) : null;
-        var labelNode = label && typeof label === 'string' ? (React__default.createElement("span", { className: cx('Nav-Menu-item-label', (_c = {},
+        var labelNode = label && (typeof label === 'string' || Array.isArray(label)) ? (React__default.createElement("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 ? '' : label, style: this.getDynamicStyle(!!iconNode) }, label)) : React__default.isValidElement(label) ? (React__default.cloneElement(label, {
+                _c)), title: isCollapsedNode || Array.isArray(label) ? '' : label, style: this.getDynamicStyle(!!iconNode) }, isCollapsedNode ? label.slice(0, 1) : label)) : React__default.isValidElement(label) ? (React__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,
@@ -110,7 +109,7 @@ var SubMenu = /** @class */ (function (_super) {
                 iconNode,
                 labelNode,
                 !stacked ? (React__default.createElement("span", { key: "expand-toggle", className: cx('Nav-Menu-submenu-arrow') },
-                    React__default.createElement(CaretIcon, null))) : null));
+                    React__default.createElement(Icon, { icon: "right-arrow-bold", className: "icon" }))) : null));
         };
         return (React__default.createElement("div", { className: cx('Nav-Menu-item-wrap') },
             React__default.createElement(Badge, { classnames: cx, badge: badge ? __assign(__assign({}, badge), { className: badgeClassName }) : null, data: createObject(defaultData, link) },

package/esm/components/menu/index.d.ts

@@ -29,6 +29,7 @@ export interface NavigationItem {
     permission?: string;
     persistState?: boolean;
     keepInHistory?: boolean;
+    mode?: string;
     [propName: string]: any;
 }
 export interface MenuProps extends Omit<RcMenuProps, 'mode'> {
@@ -134,7 +135,7 @@ export interface MenuProps extends Omit<RcMenuProps, 'mode'> {
      */
     onToggleExpand?: (keys: String[]) => void;
     onSelect?: any;
-    onToggle: (link: any, forceFold?: boolean) => void;
+    onToggle: (link: any, depth: number, forceFold?: boolean) => void;
     onDragStart?: (link: any) => (event: React.DragEvent<HTMLAnchorElement>) => void;
     badge?: BadgeObject;
     data?: any;
@@ -199,7 +200,7 @@ export declare class Menu extends React.Component<MenuProps, MenuState> {
         disabled?: boolean;
         [propName: string]: any;
     }): JSX.Element;
-    renderMenuContent(list: NavigationItem[]): JSX.Element[];
+    renderMenuContent(list: NavigationItem[], level?: number): JSX.Element[];
     render(): JSX.Element;
 }
 declare const _default: {
@@ -207,13 +208,12 @@ declare const _default: {
         ref: any;
         childRef(ref: any): void;
         getWrappedInstance(): any;
-        /**
-         * 渲染popover子菜单的位置，mode为vertical和horizontal时生效
-         */
         render(): JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<MenuProps, keyof import("amis-core").ThemeProps>, "children" | "data" | "slot" | "title" | "disabled" | "location" | "role" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "onToggle" | "multiple" | "color" | "hidden" | "translate" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "navigations" | "items" | "expandIcon" | "accordion" | "activeKey" | "history" | "selectedKeys" | "badge" | "prefixCls" | "rootClassName" | "itemIcon" | "disabledOverflow" | "inlineCollapsed" | "defaultOpenKeys" | "openKeys" | "defaultActiveFirst" | "selectable" | "defaultSelectedKeys" | "onDeselect" | "motion" | "defaultMotions" | "subMenuOpenDelay" | "subMenuCloseDelay" | "forceSubMenuRender" | "builtinPlacements" | "overflowedIndicator" | "overflowedIndicatorPopupClassName" | "getPopupContainer" | "onOpenChange" | "_internalRenderMenuItem" | "_internalRenderSubMenuItem" | "overflowMaxCount" | "overflowComponent" | "overflowSuffix" | "overflowItemWidth" | "overflowStyle" | "onToggleExpand" | "expandBefore"> & Partial<Pick<Omit<MenuProps, keyof import("amis-core").ThemeProps>, "prefix" | "mode" | "renderLink" | "isActive" | "isOpen" | "direction" | "popOverContainer" | "collapsed" | "stacked" | "inlineIndent" | "themeColor" | "triggerSubMenuAction">> & Partial<Pick<Pick<MenuProps, "prefix" | "mode" | "renderLink" | "isActive" | "isOpen" | "direction" | "popOverContainer" | "collapsed" | "stacked" | "inlineIndent" | "themeColor" | "triggerSubMenuAction">, never>> & import("packages/amis-core/lib/theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void; /**
+         * 响应式收纳展开浮层样式
+         */
         readonly props: Readonly<Pick<Omit<MenuProps, keyof import("amis-core").ThemeProps>, "children" | "data" | "slot" | "title" | "disabled" | "location" | "role" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "onToggle" | "multiple" | "color" | "hidden" | "translate" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "navigations" | "items" | "expandIcon" | "accordion" | "activeKey" | "history" | "selectedKeys" | "badge" | "prefixCls" | "rootClassName" | "itemIcon" | "disabledOverflow" | "inlineCollapsed" | "defaultOpenKeys" | "openKeys" | "defaultActiveFirst" | "selectable" | "defaultSelectedKeys" | "onDeselect" | "motion" | "defaultMotions" | "subMenuOpenDelay" | "subMenuCloseDelay" | "forceSubMenuRender" | "builtinPlacements" | "overflowedIndicator" | "overflowedIndicatorPopupClassName" | "getPopupContainer" | "onOpenChange" | "_internalRenderMenuItem" | "_internalRenderSubMenuItem" | "overflowMaxCount" | "overflowComponent" | "overflowSuffix" | "overflowItemWidth" | "overflowStyle" | "onToggleExpand" | "expandBefore"> & Partial<Pick<Omit<MenuProps, keyof import("amis-core").ThemeProps>, "prefix" | "mode" | "renderLink" | "isActive" | "isOpen" | "direction" | "popOverContainer" | "collapsed" | "stacked" | "inlineIndent" | "themeColor" | "triggerSubMenuAction">> & Partial<Pick<Pick<MenuProps, "prefix" | "mode" | "renderLink" | "isActive" | "isOpen" | "direction" | "popOverContainer" | "collapsed" | "stacked" | "inlineIndent" | "themeColor" | "triggerSubMenuAction">, never>> & import("packages/amis-core/lib/theme").ThemeOutterProps> & Readonly<{
             children?: React.ReactNode;
         }>;
@@ -221,9 +221,6 @@ declare const _default: {
         refs: {
             [key: string]: React.ReactInstance;
         };
-        /**
-         * 垂直导航水平缩进值
-         */
         componentDidMount?(): void;
         shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<MenuProps, keyof import("amis-core").ThemeProps>, "children" | "data" | "slot" | "title" | "disabled" | "location" | "role" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "onToggle" | "multiple" | "color" | "hidden" | "translate" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "navigations" | "items" | "expandIcon" | "accordion" | "activeKey" | "history" | "selectedKeys" | "badge" | "prefixCls" | "rootClassName" | "itemIcon" | "disabledOverflow" | "inlineCollapsed" | "defaultOpenKeys" | "openKeys" | "defaultActiveFirst" | "selectable" | "defaultSelectedKeys" | "onDeselect" | "motion" | "defaultMotions" | "subMenuOpenDelay" | "subMenuCloseDelay" | "forceSubMenuRender" | "builtinPlacements" | "overflowedIndicator" | "overflowedIndicatorPopupClassName" | "getPopupContainer" | "onOpenChange" | "_internalRenderMenuItem" | "_internalRenderSubMenuItem" | "overflowMaxCount" | "overflowComponent" | "overflowSuffix" | "overflowItemWidth" | "overflowStyle" | "onToggleExpand" | "expandBefore"> & Partial<Pick<Omit<MenuProps, keyof import("amis-core").ThemeProps>, "prefix" | "mode" | "renderLink" | "isActive" | "isOpen" | "direction" | "popOverContainer" | "collapsed" | "stacked" | "inlineIndent" | "themeColor" | "triggerSubMenuAction">> & Partial<Pick<Pick<MenuProps, "prefix" | "mode" | "renderLink" | "isActive" | "isOpen" | "direction" | "popOverContainer" | "collapsed" | "stacked" | "inlineIndent" | "themeColor" | "triggerSubMenuAction">, never>> & import("packages/amis-core/lib/theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;

package/esm/components/menu/index.js

@@ -1,17 +1,16 @@
 /**
- * amis-ui v2.7.2
+ * amis-ui v2.8.0
  * Copyright 2018-2023 fex
  */
 
-import { __extends, __assign, __spreadArray, __awaiter, __generator, __decorate, __metadata } from 'tslib';
+import { __extends, __assign, __values, __read, __spreadArray, __awaiter, __generator, __decorate, __metadata } from 'tslib';
 import React__default from 'react';
 import uniq from 'lodash/uniq';
 import isEqual from 'lodash/isEqual';
-import isEqualWith from 'lodash/isEqualWith';
-import RcMenu, { Divider } from 'rc-menu';
+import RcMenu, { ItemGroup, Divider } from 'rc-menu';
 import ForwardOverflow from '../../node_modules/rc-overflow/es/Overflow.js';
 import { findTree, getTreeAncestors, mapTree, filterTree, autobind, themeable } from 'amis-core';
-import { getIcon } from '../icons.js';
+import { Icon } from '../icons.js';
 import MenuItem from './MenuItem.js';
 import SubMenu from './SubMenu.js';
 import { MenuContext } from './MenuContext.js';
@@ -21,7 +20,6 @@ import { MenuContext } from './MenuContext.js';
  * @description 导航菜单，基于rc-menu实现：https://github.com/react-component/menu
  * @author fex
  */
-var CaretIcon = getIcon('caret');
 var Menu = /** @class */ (function (_super) {
     __extends(Menu, _super);
     function Menu(props) {
@@ -36,13 +34,31 @@ var Menu = /** @class */ (function (_super) {
         return _this;
     }
     Menu.prototype.componentDidUpdate = function (prevProps, prevState) {
+        var e_1, _a;
         var props = this.props;
         var isOpen = prevProps.isOpen;
-        if (!isEqualWith(prevProps.navigations, props.navigations, function (prev, cur) {
-            return isEqual(prev, cur);
-        }) ||
-            !isEqual(prevProps.location, props.location)) {
-            var _a = this.normalizeNavigations(__assign(__assign({}, props), { isOpen: isOpen })), transformedNav = _a.transformedNav, activeKey = _a.activeKey, defaultOpenKeys = _a.defaultOpenKeys, openKeys = _a.openKeys;
+        var isNavDiff = prevProps.navigations.length !== props.navigations.length;
+        if (!isNavDiff) {
+            try {
+                // 顺序也要保持一致
+                for (var _b = __values(props.navigations.entries()), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var _d = __read(_c.value, 2), index = _d[0], item = _d[1];
+                    if (!isEqual(item, prevProps.navigations[index])) {
+                        isNavDiff = true;
+                        break;
+                    }
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+        }
+        if (isNavDiff || !isEqual(prevProps.location, props.location)) {
+            var _e = this.normalizeNavigations(__assign(__assign({}, props), { isOpen: isOpen })), transformedNav = _e.transformedNav, activeKey = _e.activeKey, defaultOpenKeys = _e.defaultOpenKeys, openKeys = _e.openKeys;
             this.setState({
                 navigations: transformedNav,
                 activeKey: activeKey,
@@ -63,8 +79,8 @@ var Menu = /** @class */ (function (_super) {
         var _this = this;
         var navigations = props.navigations, prefix = props.prefix, isActive = props.isActive, isOpen = props.isOpen, stacked = props.stacked;
         var id = 1;
-        var activeKey = [];
-        var openKey = [];
+        var activeKeys = [];
+        var openKeys = [];
         var transformedNav = mapTree(filterTree(navigations, function (item, key, level) {
             // 水平导航不需要分割线
             if (!stacked && (item === null || item === void 0 ? void 0 : item.isDivider)) {
@@ -74,34 +90,26 @@ var Menu = /** @class */ (function (_super) {
         }), function (item, key, level, paths) {
             // 如果没有传入key，则为导航加一个自增key
             var navId = (item.id || item.key || id++).toString();
-            if (!activeKey.find(function (key) { return key === navId; }) && isActive(item, prefix)) {
-                activeKey === null || activeKey === void 0 ? void 0 : activeKey.push(navId);
+            if (!activeKeys.find(function (key) { return key === navId; }) && isActive(item, prefix)) {
+                activeKeys === null || activeKeys === void 0 ? void 0 : activeKeys.push(navId);
             }
             var open = isOpen(item);
-            if (!openKey.find(function (key) { return key === navId; }) &&
-                !activeKey.find(function (key) { return key === navId; }) &&
-                open) {
-                openKey.push(navId);
+            if (!openKeys.find(function (key) { return key === navId; }) && open) {
+                openKeys.push(navId);
             }
             return __assign(__assign({}, item), { id: navId, active: isActive, depth: level, children: item.children });
         }, 1, false);
         var activeKeyPaths = [];
-        activeKey.forEach(function (key) {
-            activeKeyPaths = __spreadArray(__spreadArray(__spreadArray([], activeKeyPaths, true), _this.getKeyPaths(transformedNav, key), true), [
-                key
-            ], false);
-        });
-        var openKeyPaths = [];
-        openKey.forEach(function (key) {
-            openKeyPaths = __spreadArray(__spreadArray(__spreadArray([], openKeyPaths, true), _this.getKeyPaths(transformedNav, key), true), [
+        activeKeys.forEach(function (key) {
+            activeKeyPaths = __spreadArray(__spreadArray(__spreadArray([], __read(activeKeyPaths), false), __read(_this.getKeyPaths(transformedNav, key)), false), [
                 key
             ], false);
         });
         return {
             transformedNav: transformedNav,
-            activeKey: activeKeyPaths,
+            activeKey: activeKeys,
             defaultOpenKeys: activeKeyPaths,
-            openKeys: openKeyPaths
+            openKeys: openKeys
         };
     };
     Menu.prototype.handleItemClick = function (_a) {
@@ -145,26 +153,27 @@ var Menu = /** @class */ (function (_super) {
     Menu.prototype.selectSubItem = function (_a) {
         var key = _a.key; _a.domEvent; _a.props;
         var navigations = this.state.navigations;
-        var _b = this.props, stacked = _b.stacked, mode = _b.mode, collapsed = _b.collapsed, accordion = _b.accordion, onToggleExpand = _b.onToggleExpand, onToggle = _b.onToggle;
+        var _b = this.props, stacked = _b.stacked, mode = _b.mode, collapsed = _b.collapsed, accordion = _b.accordion, onToggleExpand = _b.onToggleExpand, onToggle = _b.onToggle, onSelect = _b.onSelect;
         var isVericalInline = stacked && mode === 'inline' && !collapsed;
         var openKeys = this.state.openKeys.concat();
         var isOpen = openKeys.includes(key);
+        var keyPaths = this.getKeyPaths(navigations, key);
         if (isOpen) {
             openKeys = openKeys.filter(function (item) { return item !== key; });
         }
         else {
             if (isVericalInline && accordion) {
-                var keyPaths = this.getKeyPaths(navigations, key);
-                openKeys = __spreadArray(__spreadArray([], keyPaths, true), [key], false);
+                openKeys = __spreadArray(__spreadArray([], __read(keyPaths), false), [key], false);
             }
             else {
-                openKeys = __spreadArray(__spreadArray([], openKeys, true), [key], false);
+                openKeys = __spreadArray(__spreadArray([], __read(openKeys), false), [key], false);
             }
         }
         var currentItem = findTree(navigations, function (item) { return item.id === key; });
         // 因为Nav里只处理当前菜单项 因此新增一个onToggle事件
-        onToggle === null || onToggle === void 0 ? void 0 : onToggle(currentItem === null || currentItem === void 0 ? void 0 : currentItem.link, isOpen);
+        onToggle === null || onToggle === void 0 ? void 0 : onToggle(currentItem === null || currentItem === void 0 ? void 0 : currentItem.link, keyPaths.length, isOpen);
         onToggleExpand === null || onToggleExpand === void 0 ? void 0 : onToggleExpand(uniq(openKeys));
+        onSelect === null || onSelect === void 0 ? void 0 : onSelect((currentItem === null || currentItem === void 0 ? void 0 : currentItem.link) || currentItem, keyPaths.length);
     };
     Menu.prototype.handleToggleExpand = function (ctx) {
         var navigations = this.state.navigations;
@@ -172,6 +181,7 @@ var Menu = /** @class */ (function (_super) {
         var disabled = ctx.disabled, eventKey = ctx.eventKey, isOpen = ctx.isOpen, isSubMenu = ctx.isSubMenu;
         var openKeys = this.state.openKeys.concat();
         var isVericalInline = stacked && mode === 'inline' && !collapsed;
+        var keyPaths = this.getKeyPaths(navigations, eventKey);
         if (isSubMenu && !disabled) {
             // isOpen是当前菜单的展开状态
             if (isOpen) {
@@ -180,8 +190,7 @@ var Menu = /** @class */ (function (_super) {
             else {
                 // 手风琴模式 仅展开
                 if (isVericalInline && accordion) {
-                    var keyPaths = this.getKeyPaths(navigations, eventKey);
-                    openKeys = __spreadArray(__spreadArray([], keyPaths, true), [eventKey], false);
+                    openKeys = __spreadArray(__spreadArray([], __read(keyPaths), false), [eventKey], false);
                 }
                 else {
                     openKeys.push(eventKey);
@@ -189,7 +198,7 @@ var Menu = /** @class */ (function (_super) {
             }
             var currentItem = findTree(navigations, function (item) { return item.id === eventKey; });
             // 因为Nav里只处理当前菜单项 因此新增一个onToggle事件
-            onToggle === null || onToggle === void 0 ? void 0 : onToggle(currentItem === null || currentItem === void 0 ? void 0 : currentItem.link, isOpen);
+            onToggle === null || onToggle === void 0 ? void 0 : onToggle(currentItem === null || currentItem === void 0 ? void 0 : currentItem.link, keyPaths.length, isOpen);
             onToggleExpand === null || onToggleExpand === void 0 ? void 0 : onToggleExpand(uniq(openKeys));
         }
     };
@@ -199,22 +208,29 @@ var Menu = /** @class */ (function (_super) {
         return (React__default.createElement("span", { key: "expand-toggle", className: cx('Nav-Menu-submenu-arrow'), onClick: function (e) {
                 _this.handleToggleExpand(ctx);
                 e.preventDefault();
-            } }, !expandIcon || !React__default.isValidElement(expandIcon) ? (React__default.createElement(CaretIcon, null)) : typeof expandIcon === 'string' ? (React__default.createElement("i", { className: cx(expandIcon) })) : (expandIcon)));
+            } }, !expandIcon || !React__default.isValidElement(expandIcon) ? (React__default.createElement(Icon, { icon: "right-arrow-bold", className: "icon" })) : typeof expandIcon === 'string' ? (React__default.createElement("i", { className: cx(expandIcon) })) : (expandIcon)));
     };
-    Menu.prototype.renderMenuContent = function (list) {
+    Menu.prototype.renderMenuContent = function (list, level) {
         var _this = this;
-        var _a = this.props, renderLink = _a.renderLink, cx = _a.classnames, themeColor = _a.themeColor, disabled = _a.disabled, badge = _a.badge, data = _a.data;
-        return list.map(function (item) {
+        var _a = this.props, renderLink = _a.renderLink, cx = _a.classnames, themeColor = _a.themeColor, disabled = _a.disabled, badge = _a.badge, data = _a.data, isActive = _a.isActive, collapsed = _a.collapsed;
+        return list.map(function (item, index) {
             var _a;
+            // 如果这一级是分组标题 那么level不递增
+            // 如果这一层第一个就是分组标题 那么收起状态下 不展示分割线
+            if (item.mode && item.mode === 'group') {
+                return (React__default.createElement(ItemGroup, { key: item.id, title: collapsed ? '' : item.label, className: item.className },
+                    collapsed && index > 0 ? (React__default.createElement(Divider, { key: 'group-divider' + item.id })) : null,
+                    _this.renderMenuContent(item.children || [], item.depth)));
+            }
             var itemDisabled = item.disabled === undefined ? disabled : item.disabled;
             var link = item.link;
             if ((link && link.defer && !link.loaded) ||
                 (item.children && item.children.length)) {
-                return (React__default.createElement(SubMenu, __assign({}, item, { key: item.id, disabled: itemDisabled || link.loading, badge: badge, renderLink: renderLink }), _this.renderMenuContent(item.children || [])));
+                return (React__default.createElement(SubMenu, __assign({}, item, { key: item.id, disabled: itemDisabled || link.loading, active: isActive(item), badge: badge, renderLink: renderLink, depth: level || 1 }), _this.renderMenuContent(item.children || [], item.depth + 1)));
             }
             return item.isDivider ? (React__default.createElement(Divider, { key: item.id, className: cx("Nav-Menu-item-divider", (_a = {},
                     _a['Nav-Menu-item-divider-dark'] = themeColor === 'dark',
-                    _a)) })) : (React__default.createElement(MenuItem, __assign({}, item, { key: item.id, disabled: itemDisabled, renderLink: renderLink, badge: badge, data: data })));
+                    _a)) })) : (React__default.createElement(MenuItem, __assign({}, item, { key: item.id, disabled: itemDisabled, renderLink: renderLink, badge: badge, data: data, depth: level || 1 })));
         });
     };
     Menu.prototype.render = function () {

package/esm/components/schema-editor/Array.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.7.2
+ * amis-ui v2.8.0
  * Copyright 2018-2023 fex
  */
 
@@ -30,14 +30,14 @@ var SchemaEditorItemArray = /** @class */ (function (_super) {
         (_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, value);
     };
     SchemaEditorItemArray.prototype.renderItems = function () {
-        var _a = this.props, cx = _a.classnames, value = _a.value, renderExtraProps = _a.renderExtraProps, renderModalProps = _a.renderModalProps, locale = _a.locale, __ = _a.translate, classPrefix = _a.classPrefix, disabled = _a.disabled, showInfo = _a.showInfo, types = _a.types, onTypeChange = _a.onTypeChange, enableAdvancedSetting = _a.enableAdvancedSetting;
+        var _a = this.props, cx = _a.classnames, value = _a.value, renderExtraProps = _a.renderExtraProps, renderModalProps = _a.renderModalProps, locale = _a.locale, __ = _a.translate, classPrefix = _a.classPrefix, disabled = _a.disabled, showInfo = _a.showInfo, types = _a.types, onTypeChange = _a.onTypeChange, enableAdvancedSetting = _a.enableAdvancedSetting, placeholder = _a.placeholder;
         var items = (value === null || value === void 0 ? void 0 : value.items) || {
             type: 'string'
         };
         return (React__default.createElement("div", { className: cx('SchemaEditorProps SchemaEditorArrayProps', {
                 'SchemaEditorProps--depth': showInfo !== false
             }) },
-            React__default.createElement(SchemaEditorItem, { types: types, onTypeChange: onTypeChange, prefix: React__default.createElement("div", { className: cx('SchemaEditor-itemsLabel') }, __('JSONSchema.array_items')), value: items, onChange: this.handleItemsChange, renderExtraProps: renderExtraProps, renderModalProps: renderModalProps, locale: locale, translate: __, classnames: cx, classPrefix: classPrefix, disabled: disabled || !!(items === null || items === void 0 ? void 0 : items.$ref), enableAdvancedSetting: enableAdvancedSetting })));
+            React__default.createElement(SchemaEditorItem, { types: types, onTypeChange: onTypeChange, prefix: React__default.createElement("div", { className: cx('SchemaEditor-itemsLabel') }, __('JSONSchema.array_items')), value: items, onChange: this.handleItemsChange, renderExtraProps: renderExtraProps, renderModalProps: renderModalProps, locale: locale, translate: __, classnames: cx, classPrefix: classPrefix, disabled: disabled || !!(items === null || items === void 0 ? void 0 : items.$ref), enableAdvancedSetting: enableAdvancedSetting, placeholder: placeholder })));
     };
     SchemaEditorItemArray.prototype.render = function () {
         var _a = this.props, cx = _a.classnames, showInfo = _a.showInfo; _a.disabled;

package/esm/components/schema-editor/Common.d.ts

@@ -1,5 +1,13 @@
 import React from 'react';
 import { LocaleProps, ThemeProps, JSONSchema } from 'amis-core';
+export declare const schemaEditorItemPlaceholder: {
+    key: string;
+    title: string;
+    description: string;
+    default: string;
+    empty: string;
+};
+export type SchemaEditorItemPlaceholder = Partial<typeof schemaEditorItemPlaceholder>;
 export interface SchemaEditorItemCommonProps extends LocaleProps, ThemeProps {
     value?: JSONSchema;
     onChange: (value: JSONSchema) => void;
@@ -19,6 +27,8 @@ export interface SchemaEditorItemCommonProps extends LocaleProps, ThemeProps {
     prefix?: JSX.Element;
     affix?: JSX.Element;
     enableAdvancedSetting?: boolean;
+    /** 各属性输入控件的placeholder */
+    placeholder?: SchemaEditorItemPlaceholder;
 }
 export declare class SchemaEditorItemCommon<P extends SchemaEditorItemCommonProps = SchemaEditorItemCommonProps, S = any> extends React.Component<P, S> {
     handleTypeChange(type: any): void;

package/esm/components/schema-editor/Common.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.7.2
+ * amis-ui v2.8.0
  * Copyright 2018-2023 fex
  */
 
@@ -16,6 +16,13 @@ import PickerContainer from '../PickerContainer.js';
 import EnhancedSelect from '../Select.js';
 import Textarea from '../Textarea.js';
 
+var schemaEditorItemPlaceholder = {
+    key: 'JSONSchema.key',
+    title: 'JSONSchema.title',
+    description: 'JSONSchema.description',
+    default: 'JSONSchema.default',
+    empty: 'placeholder.empty'
+};
 var SchemaEditorItemCommon = /** @class */ (function (_super) {
     __extends(SchemaEditorItemCommon, _super);
     function SchemaEditorItemCommon() {
@@ -39,7 +46,7 @@ var SchemaEditorItemCommon = /** @class */ (function (_super) {
         return form.submit();
     };
     SchemaEditorItemCommon.prototype.renderCommon = function () {
-        var _a = this.props, value = _a.value, __ = _a.translate, typeMutable = _a.typeMutable, disabled = _a.disabled, cx = _a.classnames, required = _a.required, onRequiredChange = _a.onRequiredChange, renderExtraProps = _a.renderExtraProps, renderModalProps = _a.renderModalProps, enableAdvancedSetting = _a.enableAdvancedSetting, prefix = _a.prefix, affix = _a.affix, types = _a.types;
+        var _a = this.props, value = _a.value, __ = _a.translate, typeMutable = _a.typeMutable, disabled = _a.disabled, cx = _a.classnames, required = _a.required, onRequiredChange = _a.onRequiredChange, renderExtraProps = _a.renderExtraProps, renderModalProps = _a.renderModalProps, enableAdvancedSetting = _a.enableAdvancedSetting, prefix = _a.prefix, affix = _a.affix, types = _a.types, placeholder = _a.placeholder;
         return (React__default.createElement(React__default.Fragment, null,
             prefix,
             types.length > 1 ? (React__default.createElement(EnhancedSelect, { options: types, className: cx('SchemaEditor-type'), value: (value === null || value === void 0 ? void 0 : value.$ref) || (value === null || value === void 0 ? void 0 : value.type) || 'string', onChange: this.handleTypeChange, clearable: false, disabled: disabled || typeMutable === false, simpleValue: true })) : null,
@@ -51,16 +58,19 @@ var SchemaEditorItemCommon = /** @class */ (function (_super) {
                         var control = _a.control, getValues = _a.getValues, setValue = _a.setValue;
                         return (React__default.createElement(React__default.Fragment, null,
                             React__default.createElement(Controller, { label: __('JSONSchema.title'), name: "title", control: control, rules: { maxLength: 20 }, isRequired: true, render: function (_a) {
+                                    var _b;
                                     var field = _a.field;
-                                    return (React__default.createElement(InputBox, __assign({}, field, { disabled: disabled })));
+                                    return (React__default.createElement(InputBox, __assign({}, field, { disabled: disabled, placeholder: __((_b = placeholder === null || placeholder === void 0 ? void 0 : placeholder.title) !== null && _b !== void 0 ? _b : '') })));
                                 } }),
                             React__default.createElement(Controller, { label: __('JSONSchema.description'), name: "description", control: control, render: function (_a) {
+                                    var _b;
                                     var field = _a.field;
-                                    return (React__default.createElement(Textarea, __assign({}, field, { disabled: disabled })));
+                                    return (React__default.createElement(Textarea, __assign({}, field, { disabled: disabled, placeholder: __((_b = placeholder === null || placeholder === void 0 ? void 0 : placeholder.description) !== null && _b !== void 0 ? _b : '') })));
                                 } }),
                             React__default.createElement(Controller, { label: __('JSONSchema.default'), name: "default", control: control, render: function (_a) {
+                                    var _b;
                                     var field = _a.field;
-                                    return (React__default.createElement(InputBox, __assign({}, field, { disabled: disabled })));
+                                    return (React__default.createElement(InputBox, __assign({}, field, { disabled: disabled, placeholder: __((_b = placeholder === null || placeholder === void 0 ? void 0 : placeholder.default) !== null && _b !== void 0 ? _b : '') })));
                                 } }), renderModalProps === null || renderModalProps === void 0 ? void 0 :
                             renderModalProps(getValues(), function (values) {
                                 Object.keys(values).forEach(function (key) {
@@ -100,4 +110,4 @@ var SchemaEditorItemCommon = /** @class */ (function (_super) {
     return SchemaEditorItemCommon;
 }(React__default.Component));
 
-export { SchemaEditorItemCommon };
+export { SchemaEditorItemCommon, schemaEditorItemPlaceholder };

package/esm/components/schema-editor/Item.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.7.2
+ * amis-ui v2.8.0
  * Copyright 2018-2023 fex
  */