amis-rev-ui 6.13.0

package/esm/components/menu/index.js

@@ -0,0 +1,368 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+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 RcMenu, { ItemGroup, Divider } from 'rc-menu';
+import { findTree, getTreeAncestors, mapTree, filterTree, autobind, themeable } from 'amis-rev-core';
+import { Icon } from '../icons.js';
+import MenuItem from './MenuItem.js';
+import SubMenu from './SubMenu.js';
+import PanelMenu from './PanelMenu.js';
+import { MenuContext } from './MenuContext.js';
+
+/**
+ * @file Menu
+ * @description 导航菜单，基于rc-menu实现：https://github.com/react-component/menu
+ * @author fex
+ */
+var INVALIDATE = 'invalidate';
+var RESPONSIVE = 'responsive';
+var Menu = /** @class */ (function (_super) {
+    __extends(Menu, _super);
+    function Menu(props) {
+        var _a;
+        var _this = _super.call(this, props) || this;
+        var _b = _this.normalizeNavigations(__assign({}, props)), transformedNav = _b.transformedNav, activeKey = _b.activeKey, defaultOpenKeys = _b.defaultOpenKeys, openKeys = _b.openKeys, activeItems = _b.activeItems;
+        _this.state = {
+            navigations: transformedNav,
+            activeKey: activeKey,
+            defaultOpenKeys: defaultOpenKeys,
+            openKeys: openKeys
+        };
+        if (activeKey.length) {
+            (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, activeItems);
+        }
+        return _this;
+    }
+    Menu.prototype.componentDidUpdate = function (prevProps, prevState) {
+        var e_1, _a;
+        var _b;
+        var props = this.props;
+        var isOpen = prevProps.isOpen;
+        var isNavDiff = prevProps.navigations.length !== props.navigations.length;
+        if (!isNavDiff) {
+            try {
+                // 顺序也要保持一致
+                for (var _c = __values(props.navigations.entries()), _d = _c.next(); !_d.done; _d = _c.next()) {
+                    var _e = __read(_d.value, 2), index = _e[0], item = _e[1];
+                    // 对比navigations中的link属性 否则item中包含很多处理过的属性 甚至包含react组件 对比会引发性能问题
+                    // 如果作为组件使用时 可以通过配置link 配置关键对比属性 如果没有 那直接跳过
+                    // 如果没有link 就先不对比了
+                    if (!item.link ||
+                        (item.link && !isEqual(item.link, prevProps.navigations[index].link))) {
+                        isNavDiff = true;
+                        break;
+                    }
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+        }
+        if (isNavDiff || !isEqual(prevProps.location, props.location)) {
+            var _f = this.normalizeNavigations(__assign(__assign({}, props), { isOpen: isOpen })), transformedNav = _f.transformedNav, activeKey = _f.activeKey, defaultOpenKeys = _f.defaultOpenKeys, openKeys = _f.openKeys, activeItems = _f.activeItems;
+            this.setState({
+                navigations: transformedNav,
+                activeKey: activeKey,
+                defaultOpenKeys: defaultOpenKeys,
+                openKeys: openKeys,
+                activeItems: activeItems
+            });
+        }
+        if (!isEqual(prevState.activeKey, this.state.activeKey)) {
+            (_b = props.onChange) === null || _b === void 0 ? void 0 : _b.call(props, this.state.activeItems);
+        }
+    };
+    Menu.prototype.getKeyPaths = function (navigations, key) {
+        var activeItem = findTree(navigations, function (item) { return item.id === key; });
+        if (!activeItem) {
+            return [];
+        }
+        var ancestors = getTreeAncestors(navigations, activeItem);
+        return ancestors ? ancestors.map(function (item) { return item.id || ''; }) : [];
+    };
+    Menu.prototype.normalizeNavigations = function (props) {
+        var _this = this;
+        var navigations = props.navigations, prefix = props.prefix, isActive = props.isActive, isOpen = props.isOpen, stacked = props.stacked;
+        var id = 1;
+        var activeKeys = [];
+        var openKeys = [];
+        var activeItems = [];
+        var transformedNav = mapTree(filterTree(navigations, function (item, key, level) {
+            // 水平导航不需要分割线
+            if (!stacked && item.mode === 'divider') {
+                return false;
+            }
+            return true;
+        }), function (item, key, level, paths) {
+            // 如果没有传入key，则为导航加一个自增key
+            var navId = (item.id || item.key || id++).toString();
+            if (!activeKeys.find(function (key) { return key === navId; }) && isActive(item, prefix)) {
+                activeKeys === null || activeKeys === void 0 ? void 0 : activeKeys.push(navId);
+                activeItems === null || activeItems === void 0 ? void 0 : activeItems.push(item.link || item);
+            }
+            var open = isOpen(item);
+            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 = [];
+        activeKeys.forEach(function (key) {
+            activeKeyPaths = __spreadArray(__spreadArray(__spreadArray([], __read(activeKeyPaths), false), __read(_this.getKeyPaths(transformedNav, key)), false), [
+                key
+            ], false);
+        });
+        return {
+            transformedNav: transformedNav,
+            activeKey: activeKeys,
+            defaultOpenKeys: activeKeyPaths,
+            openKeys: openKeys,
+            activeItems: activeItems
+        };
+    };
+    Menu.prototype.handleItemClick = function (_a) {
+        return __awaiter(this, arguments, void 0, function (_b) {
+            var onSelect, currentItem, result, _c;
+            var key = _b.key, domEvent = _b.domEvent, keyPath = _b.keyPath;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        // 菜单项里面可能会有按钮
+                        // 如果里面事件执行了e.preventDefault() 则不执行后面的
+                        // model:panel RcMenu收集itemClick key为空的情况
+                        if ((domEvent && domEvent.defaultPrevented) || !key) {
+                            return [2 /*return*/];
+                        }
+                        onSelect = this.props.onSelect;
+                        currentItem = findTree(this.state.navigations, function (item) { return item.id === key; });
+                        _c = onSelect;
+                        if (!_c) return [3 /*break*/, 2];
+                        return [4 /*yield*/, onSelect((currentItem === null || currentItem === void 0 ? void 0 : currentItem.link) || currentItem, keyPath.length)];
+                    case 1:
+                        _c = (_d.sent());
+                        _d.label = 2;
+                    case 2:
+                        result = _c;
+                        if (result === false) {
+                            return [2 /*return*/];
+                        }
+                        this.setState({ activeKey: [key] });
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    Menu.prototype.handleSubMenuTitleClick = function (_a) {
+        var key = _a.key, domEvent = _a.domEvent, props = _a.props;
+        if (domEvent && domEvent.defaultPrevented) {
+            return;
+        }
+        this.selectSubItem({ key: key, domEvent: domEvent, props: props });
+    };
+    Menu.prototype.handlePanelMenuClick = function (_a) {
+        var key = _a.key, domEvent = _a.domEvent, keyPath = _a.keyPath;
+        this.handleItemClick({ key: key, domEvent: domEvent, keyPath: keyPath });
+    };
+    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, onToggle = _b.onToggle, onToggleExpand = _b.onToggleExpand, 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) {
+                openKeys = __spreadArray(__spreadArray([], __read(keyPaths), false), [key], false);
+            }
+            else {
+                openKeys = __spreadArray(__spreadArray([], __read(openKeys), false), [key], false);
+            }
+        }
+        var currentItem = findTree(navigations, function (item) { return item.id === key; });
+        if (currentItem === null || currentItem === void 0 ? void 0 : currentItem.path) {
+            onSelect === null || onSelect === void 0 ? void 0 : onSelect((currentItem === null || currentItem === void 0 ? void 0 : currentItem.link) || currentItem, keyPaths.length);
+        }
+        else {
+            // 因为Nav里只处理当前菜单项 因此新增一个onToggle事件
+            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));
+        }
+    };
+    Menu.prototype.handleToggleExpand = function (ctx) {
+        var navigations = this.state.navigations;
+        var _a = this.props, onToggleExpand = _a.onToggleExpand, stacked = _a.stacked, mode = _a.mode, collapsed = _a.collapsed, accordion = _a.accordion, onToggle = _a.onToggle;
+        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) {
+                openKeys = openKeys.filter(function (key) { return key !== eventKey; });
+            }
+            else {
+                // 手风琴模式 仅展开
+                if (isVericalInline && accordion) {
+                    openKeys = __spreadArray(__spreadArray([], __read(keyPaths), false), [eventKey], false);
+                }
+                else {
+                    openKeys.push(eventKey);
+                }
+            }
+            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) || currentItem, keyPaths.length, isOpen);
+            onToggleExpand === null || onToggleExpand === void 0 ? void 0 : onToggleExpand(uniq(openKeys));
+        }
+    };
+    Menu.prototype.renderExpandIcon = function (ctx) {
+        var _this = this;
+        var _a;
+        var navigations = this.state.navigations;
+        var _b = this.props, cx = _b.classnames, expandIcon = _b.expandIcon, testIdBuilder = _b.testIdBuilder;
+        var link = findTree(navigations, function (item) { return item.id === ctx.eventKey; });
+        return (React__default.createElement("span", __assign({ key: "expand-toggle", className: cx('Nav-Menu-submenu-arrow'), onClick: function (e) {
+                _this.handleToggleExpand(ctx);
+                e.preventDefault();
+            } }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild(((_a = link === null || link === void 0 ? void 0 : link.link) === null || _a === void 0 ? void 0 : _a.testid) || ctx.eventKey).getChild('expand-toggle').getTestId()), !React__default.isValidElement(expandIcon) ? (React__default.createElement(Icon, { icon: typeof expandIcon === 'string' ? expandIcon : 'right-arrow-bold', className: "icon" })) : (expandIcon)));
+    };
+    Menu.prototype.renderMenuContent = function (list, level, mode) {
+        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, isActive = _a.isActive, collapsed = _a.collapsed, overflowedIndicator = _a.overflowedIndicator, overflowMaxCount = _a.overflowMaxCount, popupClassName = _a.popupClassName, testIdBuilder = _a.testIdBuilder;
+        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 = 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, active: isActive(item), badge: badge, renderLink: renderLink, depth: level || 1, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild(link.testid || index), popupClassName: popupClassName, onTitleClick: _this.handleItemClick }), mode === 'panel' ? (React__default.createElement(PanelMenu, __assign({}, item, { data: data }))) : (_this.renderMenuContent(item.children || [], item.depth + 1))));
+            }
+            return item.mode === 'divider' ? (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, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild(link.testid || index), depth: level || 1, order: index, overflowedIndicator: overflowedIndicator, overflowMaxCount: overflowMaxCount })));
+        });
+    };
+    Menu.prototype.render = function () {
+        var _a;
+        var _b;
+        var _c = this.props, classPrefix = _c.classPrefix, cx = _c.classnames, collapsed = _c.collapsed, themeColor = _c.themeColor, stacked = _c.stacked, mode = _c.mode, accordion = _c.accordion, prefix = _c.prefix, disabled = _c.disabled, draggable = _c.draggable, className = _c.className, triggerSubMenuAction = _c.triggerSubMenuAction, direction = _c.direction, overflowedIndicator = _c.overflowedIndicator, disabledOverflow = _c.disabledOverflow, overflowMaxCount = _c.overflowMaxCount, overflowComponent = _c.overflowComponent, overflowedIndicatorPopupClassName = _c.overflowedIndicatorPopupClassName, overflowSuffix = _c.overflowSuffix, overflowItemWidth = _c.overflowItemWidth, overflowStyle = _c.overflowStyle, popOverContainer = _c.popOverContainer, inlineIndent = _c.inlineIndent, expandBefore = _c.expandBefore, onDragStart = _c.onDragStart;
+        var _d = this.state, navigations = _d.navigations, activeKey = _d.activeKey, defaultOpenKeys = _d.defaultOpenKeys, openKeys = _d.openKeys;
+        var isDarkTheme = themeColor === 'dark';
+        var rcMode = stacked
+            ? mode === 'float' || mode === 'panel'
+                ? 'vertical-left'
+                : 'vertical'
+            : 'horizontal';
+        var disableOpen = collapsed ||
+            !stacked ||
+            (stacked && (mode === 'float' || mode === 'panel'));
+        return (React__default.createElement(MenuContext.Provider, { value: {
+                themeColor: themeColor,
+                stacked: stacked,
+                mode: mode,
+                collapsed: collapsed,
+                direction: direction,
+                prefix: prefix,
+                inlineIndent: inlineIndent,
+                accordion: accordion,
+                draggable: draggable,
+                onDragStart: onDragStart,
+                onSubmenuClick: this.handleSubMenuTitleClick,
+                onPanelMenuClick: this.handlePanelMenuClick
+            } },
+            React__default.createElement(RcMenu, { key: "menu", prefixCls: "".concat(classPrefix, "Nav-Menu"), className: cx("Nav-Menu-".concat(direction), className, (_a = {},
+                    _a['Nav-Menu-collapsed'] = stacked && collapsed,
+                    _a['Nav-Menu-dark'] = isDarkTheme,
+                    _a['Nav-Menu-light'] = !isDarkTheme,
+                    _a['Nav-Menu-disabled'] = disabled,
+                    _a['Nav-Menu-expand-before'] = stacked && mode === 'inline' && !collapsed && expandBefore,
+                    _a)), direction: direction, 
+                // @ts-ignore
+                // horizontal inline vertical-right
+                mode: stacked && mode === 'inline' && !collapsed ? 'inline' : rcMode, inlineIndent: inlineIndent, triggerSubMenuAction: triggerSubMenuAction, expandIcon: this.renderExpandIcon, getPopupContainer: popOverContainer, overflowedIndicator: React__default.isValidElement(overflowedIndicator) ? (React__default.cloneElement(overflowedIndicator, {
+                    className: cx('Nav-Menu-item-icon Nav-Menu-overflowedIcon', (_b = overflowedIndicator.props) === null || _b === void 0 ? void 0 : _b.className)
+                })) : (React__default.createElement("i", { className: cx('Nav-Menu-item-icon Nav-Menu-overflowedIcon', 'fa fa-ellipsis-h') })), 
+                // RcMenu没有暴露这个属性 但实际可以覆盖
+                // @ts-ignore
+                maxCount: stacked || disabledOverflow
+                    ? INVALIDATE
+                    : overflowMaxCount || RESPONSIVE, component: overflowComponent || 'ul', style: overflowStyle, overflowedIndicatorPopupClassName: overflowedIndicatorPopupClassName, suffix: overflowSuffix ? overflowSuffix : null, itemWidth: overflowItemWidth ? overflowItemWidth : null, selectedKeys: activeKey != null ? activeKey : [], defaultOpenKeys: disableOpen ? undefined : defaultOpenKeys, openKeys: disableOpen ? undefined : openKeys, onClick: this.handleItemClick, disabledOverflow: disabledOverflow }, this.renderMenuContent(navigations, 0, mode))));
+    };
+    Menu.defaultProps = {
+        collapsed: false,
+        themeColor: 'light',
+        stacked: true,
+        mode: 'inline',
+        direction: 'ltr',
+        prefix: '',
+        triggerSubMenuAction: 'hover',
+        inlineIndent: 15,
+        popOverContainer: function () { return document.body; },
+        renderLink: function (link) {
+            return { pathname: link.path };
+        },
+        isActive: function (link, prefix) {
+            var path = link.path;
+            var ret = location.pathname === path;
+            return !!ret;
+        },
+        isOpen: function (item) {
+            return item.children ? item.children.some(function (item) { return item.open; }) : false;
+        }
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", Promise)
+    ], Menu.prototype, "handleItemClick", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], Menu.prototype, "handleSubMenuTitleClick", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], Menu.prototype, "handlePanelMenuClick", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], Menu.prototype, "handleToggleExpand", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], Menu.prototype, "renderExpandIcon", null);
+    return Menu;
+}(React__default.Component));
+var Menu$1 = themeable(Menu);
+
+export { Menu, Menu$1 as default };

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SchemaEditorItemCommon } from './Common';
+export declare class SchemaEditorItemArray extends SchemaEditorItemCommon {
+    state: {
+        collapsed: boolean;
+    };
+    toggleCollapsed(): void;
+    handleItemsChange(items: any): void;
+    renderItems(): React.JSX.Element;
+    render(): React.JSX.Element;
+}

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

@@ -0,0 +1,84 @@
+/**
+ * amis-rev-ui v6.13.0
+ * Copyright 2018-2026 fex
+ */
+
+import { __extends, __spreadArray, __read, __assign, __decorate, __metadata } from 'tslib';
+import React__default from 'react';
+import { autobind } from 'amis-rev-core';
+import { Icon } from '../icons.js';
+import { SchemaEditorItemCommon, ITEMMAP } from './Common.js';
+import { SchemaEditorItem } from './Item.js';
+import { Controller } from '../FormField.js';
+
+var SchemaEditorItemArray = /** @class */ (function (_super) {
+    __extends(SchemaEditorItemArray, _super);
+    function SchemaEditorItemArray() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.state = {
+            collapsed: false
+        };
+        return _this;
+    }
+    SchemaEditorItemArray.prototype.toggleCollapsed = function () {
+        this.setState({
+            collapsed: !this.state.collapsed
+        });
+    };
+    SchemaEditorItemArray.prototype.handleItemsChange = function (items) {
+        var _a, _b;
+        var value = __assign(__assign({}, this.props.value), { type: 'array', items: items });
+        (_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, value);
+    };
+    SchemaEditorItemArray.prototype.renderItems = function () {
+        var _a;
+        var _b = this.props, cx = _b.classnames, value = _b.value, renderExtraProps = _b.renderExtraProps, renderModalProps = _b.renderModalProps, locale = _b.locale, __ = _b.translate, classPrefix = _b.classPrefix, disabled = _b.disabled, showInfo = _b.showInfo, types = _b.types, onTypeChange = _b.onTypeChange, enableAdvancedSetting = _b.enableAdvancedSetting, popOverContainer = _b.popOverContainer, placeholder = _b.placeholder, mobileUI = _b.mobileUI, mini = _b.mini;
+        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, { dataName: this.props.dataName, types: types, onTypeChange: onTypeChange, label: (_a = types === null || types === void 0 ? void 0 : types.find(function (item) { return item.value === (items === null || items === void 0 ? void 0 : items.type); })) === null || _a === void 0 ? void 0 : _a.label, 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, popOverContainer: popOverContainer, placeholder: placeholder, mobileUI: mobileUI, mini: mini })));
+    };
+    SchemaEditorItemArray.prototype.render = function () {
+        var _a = this.props, cx = _a.classnames, showInfo = _a.showInfo, formMode = _a.formMode, mini = _a.mini; _a.disabled; var mobileUI = _a.mobileUI, locale = _a.locale, classPrefix = _a.classPrefix, types = _a.types, __ = _a.translate, placeholder = _a.placeholder;
+        if (formMode) {
+            return this.renderForm({
+                formAffixRender: function (methods) {
+                    return (React__default.createElement(React__default.Fragment, null,
+                        React__default.createElement(Controller, { label: __('JSONSchema.array_items'), name: "items", control: methods.control, render: function (_a) {
+                                var field = _a.field;
+                                return (React__default.createElement(SchemaEditorItem, __assign({}, field, { types: types, placeholder: placeholder, mobileUI: mobileUI, locale: locale, translate: __, classnames: cx, classPrefix: classPrefix, mini: false })));
+                            } })));
+                }
+            });
+        }
+        return (React__default.createElement("div", { className: cx('SchemaEditorItem SchemaEditorArray', {
+                'SchemaEditorItem--mini': mini
+            }), "data-amis-name": this.props.dataName },
+            showInfo !== false ? (React__default.createElement(React__default.Fragment, null,
+                mini ? null : (React__default.createElement("a", { className: cx('SchemaEditor-caret', {
+                        'is-collapsed': this.state.collapsed
+                    }), onClick: this.toggleCollapsed },
+                    React__default.createElement(Icon, { icon: "caret", className: "icon" }))),
+                this.renderCommon())) : null,
+            this.state.collapsed || mini ? null : this.renderItems()));
+    };
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], SchemaEditorItemArray.prototype, "toggleCollapsed", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], SchemaEditorItemArray.prototype, "handleItemsChange", null);
+    return SchemaEditorItemArray;
+}(SchemaEditorItemCommon));
+ITEMMAP.array = SchemaEditorItemArray;
+
+export { SchemaEditorItemArray };

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

@@ -0,0 +1,61 @@
+import React from 'react';
+import { LocaleProps, ThemeProps, JSONSchema } from 'amis-rev-core';
+import { UseFormReturn } from 'react-hook-form';
+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 {
+    label?: string;
+    value?: JSONSchema;
+    dataName?: string;
+    onChange: (value: JSONSchema) => void;
+    types: Array<{
+        label: string;
+        value: string;
+        [propName: string]: any;
+    }>;
+    onTypeChange?: (type: string, value: JSONSchema, origin?: JSONSchema) => JSONSchema | void;
+    disabled?: boolean;
+    required?: boolean;
+    onRequiredChange?: (value: boolean) => void;
+    typeMutable?: boolean;
+    showInfo?: boolean;
+    addButtonText?: string;
+    renderExtraProps?: (value: JSONSchema, onChange: (value: JSONSchema) => void) => JSX.Element;
+    renderModalProps?: (value: JSONSchema, onChange: (value: JSONSchema) => void) => JSX.Element;
+    prefix?: JSX.Element;
+    affix?: JSX.Element;
+    enableAdvancedSetting?: boolean;
+    /** 各属性输入控件的placeholder */
+    placeholder?: SchemaEditorItemPlaceholder;
+    popOverContainer?: any;
+    mobileUI?: boolean;
+    mini?: boolean;
+    formMode?: boolean;
+    formRef?: any;
+    onFormConfirm?: (value: any) => void | Promise<any>;
+    expandMembers?: boolean;
+    formPrefixRender?: (methods: UseFormReturn & {
+        onSubmit: (value: any) => void;
+    }) => JSX.Element | null;
+    formAffixRender?: (methods: UseFormReturn & {
+        onSubmit: (value: any) => void;
+    }) => JSX.Element | null;
+}
+export declare class SchemaEditorItemCommon<P extends SchemaEditorItemCommonProps = SchemaEditorItemCommonProps, S = any> extends React.Component<P, S> {
+    handleTypeChange(type: any): void;
+    handlePropsChange(newValue: JSONSchema): Promise<void>;
+    handleBeforeSubmit(form: any): any;
+    renderCommon(): React.JSX.Element;
+    handleFormChange(values: any): void;
+    renderForm(props?: Partial<SchemaEditorItemCommonProps>): React.JSX.Element;
+    render(): React.JSX.Element;
+}
+export declare const ITEMMAP: {
+    [propsName: string]: typeof SchemaEditorItemCommon;
+};