amis-ui 2.7.2 → 2.8.0

package/lib/components/menu/index.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.7.2
+ * amis-ui v2.8.0
  * Copyright 2018-2023 fex
  */
 
@@ -11,7 +11,6 @@ var tslib = require('tslib');
 var React = require('react');
 var uniq = require('lodash/uniq');
 var isEqual = require('lodash/isEqual');
-var isEqualWith = require('lodash/isEqualWith');
 var RcMenu = require('rc-menu');
 var Overflow = require('../../node_modules/rc-overflow/es/Overflow.js');
 var amisCore = require('amis-core');
@@ -25,7 +24,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var uniq__default = /*#__PURE__*/_interopDefaultLegacy(uniq);
 var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
-var isEqualWith__default = /*#__PURE__*/_interopDefaultLegacy(isEqualWith);
 var RcMenu__default = /*#__PURE__*/_interopDefaultLegacy(RcMenu);
 
 /**
@@ -33,7 +31,6 @@ var RcMenu__default = /*#__PURE__*/_interopDefaultLegacy(RcMenu);
  * @description 导航菜单，基于rc-menu实现：https://github.com/react-component/menu
  * @author fex
  */
-var CaretIcon = icons.getIcon('caret');
 var Menu = /** @class */ (function (_super) {
     tslib.__extends(Menu, _super);
     function Menu(props) {
@@ -48,13 +45,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__default["default"](prevProps.navigations, props.navigations, function (prev, cur) {
-            return isEqual__default["default"](prev, cur);
-        }) ||
-            !isEqual__default["default"](prevProps.location, props.location)) {
-            var _a = this.normalizeNavigations(tslib.__assign(tslib.__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 = tslib.__values(props.navigations.entries()), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var _d = tslib.__read(_c.value, 2), index = _d[0], item = _d[1];
+                    if (!isEqual__default["default"](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__default["default"](prevProps.location, props.location)) {
+            var _e = this.normalizeNavigations(tslib.__assign(tslib.__assign({}, props), { isOpen: isOpen })), transformedNav = _e.transformedNav, activeKey = _e.activeKey, defaultOpenKeys = _e.defaultOpenKeys, openKeys = _e.openKeys;
             this.setState({
                 navigations: transformedNav,
                 activeKey: activeKey,
@@ -75,8 +90,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 = amisCore.mapTree(amisCore.filterTree(navigations, function (item, key, level) {
             // 水平导航不需要分割线
             if (!stacked && (item === null || item === void 0 ? void 0 : item.isDivider)) {
@@ -86,34 +101,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 tslib.__assign(tslib.__assign({}, item), { id: navId, active: isActive, depth: level, children: item.children });
         }, 1, false);
         var activeKeyPaths = [];
-        activeKey.forEach(function (key) {
-            activeKeyPaths = tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([], activeKeyPaths, true), _this.getKeyPaths(transformedNav, key), true), [
-                key
-            ], false);
-        });
-        var openKeyPaths = [];
-        openKey.forEach(function (key) {
-            openKeyPaths = tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([], openKeyPaths, true), _this.getKeyPaths(transformedNav, key), true), [
+        activeKeys.forEach(function (key) {
+            activeKeyPaths = tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([], tslib.__read(activeKeyPaths), false), tslib.__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) {
@@ -157,26 +164,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 = tslib.__spreadArray(tslib.__spreadArray([], keyPaths, true), [key], false);
+                openKeys = tslib.__spreadArray(tslib.__spreadArray([], tslib.__read(keyPaths), false), [key], false);
             }
             else {
-                openKeys = tslib.__spreadArray(tslib.__spreadArray([], openKeys, true), [key], false);
+                openKeys = tslib.__spreadArray(tslib.__spreadArray([], tslib.__read(openKeys), false), [key], false);
             }
         }
         var currentItem = amisCore.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__default["default"](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;
@@ -184,6 +192,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) {
@@ -192,8 +201,7 @@ var Menu = /** @class */ (function (_super) {
             else {
                 // 手风琴模式 仅展开
                 if (isVericalInline && accordion) {
-                    var keyPaths = this.getKeyPaths(navigations, eventKey);
-                    openKeys = tslib.__spreadArray(tslib.__spreadArray([], keyPaths, true), [eventKey], false);
+                    openKeys = tslib.__spreadArray(tslib.__spreadArray([], tslib.__read(keyPaths), false), [eventKey], false);
                 }
                 else {
                     openKeys.push(eventKey);
@@ -201,7 +209,7 @@ var Menu = /** @class */ (function (_super) {
             }
             var currentItem = amisCore.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__default["default"](openKeys));
         }
     };
@@ -211,22 +219,29 @@ var Menu = /** @class */ (function (_super) {
         return (React__default["default"].createElement("span", { key: "expand-toggle", className: cx('Nav-Menu-submenu-arrow'), onClick: function (e) {
                 _this.handleToggleExpand(ctx);
                 e.preventDefault();
-            } }, !expandIcon || !React__default["default"].isValidElement(expandIcon) ? (React__default["default"].createElement(CaretIcon, null)) : typeof expandIcon === 'string' ? (React__default["default"].createElement("i", { className: cx(expandIcon) })) : (expandIcon)));
+            } }, !expandIcon || !React__default["default"].isValidElement(expandIcon) ? (React__default["default"].createElement(icons.Icon, { icon: "right-arrow-bold", className: "icon" })) : typeof expandIcon === 'string' ? (React__default["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["default"].createElement(RcMenu.ItemGroup, { key: item.id, title: collapsed ? '' : item.label, className: item.className },
+                    collapsed && index > 0 ? (React__default["default"].createElement(RcMenu.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["default"].createElement(SubMenu["default"], tslib.__assign({}, item, { key: item.id, disabled: itemDisabled || link.loading, badge: badge, renderLink: renderLink }), _this.renderMenuContent(item.children || [])));
+                return (React__default["default"].createElement(SubMenu["default"], tslib.__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["default"].createElement(RcMenu.Divider, { key: item.id, className: cx("Nav-Menu-item-divider", (_a = {},
                     _a['Nav-Menu-item-divider-dark'] = themeColor === 'dark',
-                    _a)) })) : (React__default["default"].createElement(MenuItem["default"], tslib.__assign({}, item, { key: item.id, disabled: itemDisabled, renderLink: renderLink, badge: badge, data: data })));
+                    _a)) })) : (React__default["default"].createElement(MenuItem["default"], tslib.__assign({}, item, { key: item.id, disabled: itemDisabled, renderLink: renderLink, badge: badge, data: data, depth: level || 1 })));
         });
     };
     Menu.prototype.render = function () {

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.7.2
+ * amis-ui v2.8.0
  * Copyright 2018-2023 fex
  */
 
@@ -38,14 +38,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["default"].createElement("div", { className: cx('SchemaEditorProps SchemaEditorArrayProps', {
                 'SchemaEditorProps--depth': showInfo !== false
             }) },
-            React__default["default"].createElement(Item.SchemaEditorItem, { types: types, onTypeChange: onTypeChange, prefix: React__default["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["default"].createElement(Item.SchemaEditorItem, { types: types, onTypeChange: onTypeChange, prefix: React__default["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/lib/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/lib/components/schema-editor/Common.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.7.2
+ * amis-ui v2.8.0
  * Copyright 2018-2023 fex
  */
 
@@ -24,6 +24,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var schemaEditorItemPlaceholder = {
+    key: 'JSONSchema.key',
+    title: 'JSONSchema.title',
+    description: 'JSONSchema.description',
+    default: 'JSONSchema.default',
+    empty: 'placeholder.empty'
+};
 var SchemaEditorItemCommon = /** @class */ (function (_super) {
     tslib.__extends(SchemaEditorItemCommon, _super);
     function SchemaEditorItemCommon() {
@@ -47,7 +54,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["default"].createElement(React__default["default"].Fragment, null,
             prefix,
             types.length > 1 ? (React__default["default"].createElement(Select["default"], { 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,
@@ -59,16 +66,19 @@ var SchemaEditorItemCommon = /** @class */ (function (_super) {
                         var control = _a.control, getValues = _a.getValues, setValue = _a.setValue;
                         return (React__default["default"].createElement(React__default["default"].Fragment, null,
                             React__default["default"].createElement(FormField.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["default"].createElement(InputBox["default"], tslib.__assign({}, field, { disabled: disabled })));
+                                    return (React__default["default"].createElement(InputBox["default"], tslib.__assign({}, field, { disabled: disabled, placeholder: __((_b = placeholder === null || placeholder === void 0 ? void 0 : placeholder.title) !== null && _b !== void 0 ? _b : '') })));
                                 } }),
                             React__default["default"].createElement(FormField.Controller, { label: __('JSONSchema.description'), name: "description", control: control, render: function (_a) {
+                                    var _b;
                                     var field = _a.field;
-                                    return (React__default["default"].createElement(Textarea["default"], tslib.__assign({}, field, { disabled: disabled })));
+                                    return (React__default["default"].createElement(Textarea["default"], tslib.__assign({}, field, { disabled: disabled, placeholder: __((_b = placeholder === null || placeholder === void 0 ? void 0 : placeholder.description) !== null && _b !== void 0 ? _b : '') })));
                                 } }),
                             React__default["default"].createElement(FormField.Controller, { label: __('JSONSchema.default'), name: "default", control: control, render: function (_a) {
+                                    var _b;
                                     var field = _a.field;
-                                    return (React__default["default"].createElement(InputBox["default"], tslib.__assign({}, field, { disabled: disabled })));
+                                    return (React__default["default"].createElement(InputBox["default"], tslib.__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) {
@@ -109,3 +119,4 @@ var SchemaEditorItemCommon = /** @class */ (function (_super) {
 }(React__default["default"].Component));
 
 exports.SchemaEditorItemCommon = SchemaEditorItemCommon;
+exports.schemaEditorItemPlaceholder = schemaEditorItemPlaceholder;

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

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

package/lib/components/schema-editor/Object.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { JSONSchema } from 'amis-core';
-import { SchemaEditorItemCommon, SchemaEditorItemCommonProps } from './Common';
+import { SchemaEditorItemCommon } from './Common';
+import type { SchemaEditorItemCommonProps } from './Common';
 export interface SchemaEditorItemObjectState {
     members: Array<{
         id: string;

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v2.7.2
+ * amis-ui v2.8.0
  * Copyright 2018-2023 fex
  */
 
@@ -124,15 +124,19 @@ var SchemaEditorItemObject = /** @class */ (function (_super) {
     };
     SchemaEditorItemObject.prototype.rendererProps = function () {
         var _this = this;
-        var _a = this.props, value = _a.value, __ = _a.translate, cx = _a.classnames, renderExtraProps = _a.renderExtraProps, renderModalProps = _a.renderModalProps, locale = _a.locale, classPrefix = _a.classPrefix, disabled = _a.disabled, showInfo = _a.showInfo, types = _a.types, onTypeChange = _a.onTypeChange, enableAdvancedSetting = _a.enableAdvancedSetting;
+        var _a;
+        var _b = this.props, value = _b.value, __ = _b.translate, cx = _b.classnames, renderExtraProps = _b.renderExtraProps, renderModalProps = _b.renderModalProps, locale = _b.locale, classPrefix = _b.classPrefix, disabled = _b.disabled, showInfo = _b.showInfo, types = _b.types, onTypeChange = _b.onTypeChange, enableAdvancedSetting = _b.enableAdvancedSetting, placeholder = _b.placeholder;
         var members = this.state.members;
         return (React__default["default"].createElement("div", { className: cx('SchemaEditorProps', {
                 'SchemaEditorProps--depth': showInfo !== false
             }) },
-            members.length ? (members.map(function (member, index) { return (React__default["default"].createElement(Item.SchemaEditorItem, { key: member.id, types: types, onTypeChange: onTypeChange, enableAdvancedSetting: enableAdvancedSetting, prefix: React__default["default"].createElement(React__default["default"].Fragment, null,
-                    React__default["default"].createElement(InputBox["default"], { className: cx('SchemaEditor-key'), hasError: member.hasError, value: member.key || '', onChange: _this.handlePropKeyChange.bind(_this, index), placeholder: __('JSONSchema.key'), disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) }),
-                    React__default["default"].createElement(InputBox["default"], { className: cx('SchemaEditor-title'), value: member.schema.title || '', onChange: _this.handlePropTitleChange.bind(_this, index), placeholder: __('JSONSchema.title'), disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) })), affix: React__default["default"].createElement(Button["default"], { className: cx('SchemaEditor-btn'), onClick: _this.handlePropRemove.bind(_this, index), iconOnly: true, disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) },
-                    React__default["default"].createElement(icons.Icon, { icon: "remove", className: "icon" })), value: member.schema, onChange: _this.handlePropChange.bind(_this, index), renderExtraProps: renderExtraProps, renderModalProps: renderModalProps, locale: locale, translate: __, classnames: cx, classPrefix: classPrefix, disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref), required: member.required, onRequiredChange: _this.handlePropRequiredChange.bind(_this, index) })); })) : (React__default["default"].createElement("div", { className: cx('SchemaEditorProps-placeholder') }, __('placeholder.empty'))),
+            members.length ? (members.map(function (member, index) {
+                var _a, _b;
+                return (React__default["default"].createElement(Item.SchemaEditorItem, { key: member.id, types: types, onTypeChange: onTypeChange, enableAdvancedSetting: enableAdvancedSetting, prefix: React__default["default"].createElement(React__default["default"].Fragment, null,
+                        React__default["default"].createElement(InputBox["default"], { className: cx('SchemaEditor-key'), hasError: member.hasError, value: member.key || '', onChange: _this.handlePropKeyChange.bind(_this, index), placeholder: __((_a = placeholder === null || placeholder === void 0 ? void 0 : placeholder.key) !== null && _a !== void 0 ? _a : ''), disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) }),
+                        React__default["default"].createElement(InputBox["default"], { className: cx('SchemaEditor-title'), value: member.schema.title || '', onChange: _this.handlePropTitleChange.bind(_this, index), placeholder: __((_b = placeholder === null || placeholder === void 0 ? void 0 : placeholder.title) !== null && _b !== void 0 ? _b : ''), disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) })), affix: React__default["default"].createElement(Button["default"], { className: cx('SchemaEditor-btn'), onClick: _this.handlePropRemove.bind(_this, index), iconOnly: true, disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) },
+                        React__default["default"].createElement(icons.Icon, { icon: "remove", className: "icon" })), value: member.schema, onChange: _this.handlePropChange.bind(_this, index), renderExtraProps: renderExtraProps, renderModalProps: renderModalProps, locale: locale, translate: __, classnames: cx, classPrefix: classPrefix, disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref), required: member.required, onRequiredChange: _this.handlePropRequiredChange.bind(_this, index), placeholder: placeholder }));
+            })) : (React__default["default"].createElement("div", { className: cx('SchemaEditorProps-placeholder') }, __((_a = placeholder === null || placeholder === void 0 ? void 0 : placeholder.empty) !== null && _a !== void 0 ? _a : ''))),
             React__default["default"].createElement(Button["default"], { level: "link", onClick: this.handleAdd, size: "xs", disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) }, __('JSONSchema.add_prop'))));
     };
     SchemaEditorItemObject.prototype.render = function () {

package/lib/components/schema-editor/SchemaVariableList.js

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

package/lib/components/schema-editor/SchemaVariableListPicker.js

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