amis-ui 2.6.0 → 2.7.0

package/lib/components/menu/index.js

@@ -0,0 +1,328 @@
+/**
+ * amis-ui v2.7.0
+ * Copyright 2018-2023 fex
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var 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');
+var icons = require('../icons.js');
+var MenuItem = require('./MenuItem.js');
+var SubMenu = require('./SubMenu.js');
+var MenuContext = require('./MenuContext.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var uniq__default = /*#__PURE__*/_interopDefaultLegacy(uniq);
+var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
+var isEqualWith__default = /*#__PURE__*/_interopDefaultLegacy(isEqualWith);
+var RcMenu__default = /*#__PURE__*/_interopDefaultLegacy(RcMenu);
+
+/**
+ * @file Menu
+ * @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) {
+        var _this = _super.call(this, props) || this;
+        var _a = _this.normalizeNavigations(tslib.__assign({}, props)), transformedNav = _a.transformedNav, activeKey = _a.activeKey, defaultOpenKeys = _a.defaultOpenKeys, openKeys = _a.openKeys;
+        _this.state = {
+            navigations: transformedNav,
+            activeKey: activeKey,
+            defaultOpenKeys: defaultOpenKeys,
+            openKeys: openKeys
+        };
+        return _this;
+    }
+    Menu.prototype.componentDidUpdate = function (prevProps, prevState) {
+        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;
+            this.setState({
+                navigations: transformedNav,
+                activeKey: activeKey,
+                defaultOpenKeys: defaultOpenKeys,
+                openKeys: openKeys
+            });
+        }
+    };
+    Menu.prototype.getKeyPaths = function (navigations, key) {
+        var activeItem = amisCore.findTree(navigations, function (item) { return item.id === key; });
+        if (!activeItem) {
+            return [];
+        }
+        var ancestors = amisCore.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 activeKey = [];
+        var openKey = [];
+        var transformedNav = amisCore.mapTree(amisCore.filterTree(navigations, function (item, key, level) {
+            // 水平导航不需要分割线
+            if (!stacked && (item === null || item === void 0 ? void 0 : item.isDivider)) {
+                return false;
+            }
+            return true;
+        }), 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);
+            }
+            var open = isOpen(item);
+            if (!openKey.find(function (key) { return key === navId; }) &&
+                !activeKey.find(function (key) { return key === navId; }) &&
+                open) {
+                openKey.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), [
+                key
+            ], false);
+        });
+        return {
+            transformedNav: transformedNav,
+            activeKey: activeKeyPaths,
+            defaultOpenKeys: activeKeyPaths,
+            openKeys: openKeyPaths
+        };
+    };
+    Menu.prototype.handleItemClick = function (_a) {
+        var key = _a.key, domEvent = _a.domEvent, keyPath = _a.keyPath;
+        return tslib.__awaiter(this, void 0, void 0, function () {
+            var onSelect, currentItem, result, _b;
+            return tslib.__generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        // 菜单项里面可能会有按钮
+                        // 如果里面事件执行了e.preventDefault() 则不执行后面的
+                        if (domEvent && domEvent.defaultPrevented) {
+                            return [2 /*return*/];
+                        }
+                        onSelect = this.props.onSelect;
+                        currentItem = amisCore.findTree(this.state.navigations, function (item) { return item.id === key; });
+                        _b = onSelect;
+                        if (!_b) return [3 /*break*/, 2];
+                        return [4 /*yield*/, onSelect((currentItem === null || currentItem === void 0 ? void 0 : currentItem.link) || currentItem, keyPath.length)];
+                    case 1:
+                        _b = (_c.sent());
+                        _c.label = 2;
+                    case 2:
+                        result = _b;
+                        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.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 isVericalInline = stacked && mode === 'inline' && !collapsed;
+        var openKeys = this.state.openKeys.concat();
+        var isOpen = openKeys.includes(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);
+            }
+            else {
+                openKeys = tslib.__spreadArray(tslib.__spreadArray([], openKeys, true), [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);
+        onToggleExpand === null || onToggleExpand === void 0 ? void 0 : onToggleExpand(uniq__default["default"](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;
+        if (isSubMenu && !disabled) {
+            // isOpen是当前菜单的展开状态
+            if (isOpen) {
+                openKeys = openKeys.filter(function (key) { return key !== eventKey; });
+            }
+            else {
+                // 手风琴模式 仅展开
+                if (isVericalInline && accordion) {
+                    var keyPaths = this.getKeyPaths(navigations, eventKey);
+                    openKeys = tslib.__spreadArray(tslib.__spreadArray([], keyPaths, true), [eventKey], false);
+                }
+                else {
+                    openKeys.push(eventKey);
+                }
+            }
+            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);
+            onToggleExpand === null || onToggleExpand === void 0 ? void 0 : onToggleExpand(uniq__default["default"](openKeys));
+        }
+    };
+    Menu.prototype.renderExpandIcon = function (ctx) {
+        var _this = this;
+        var _a = this.props, cx = _a.classnames, expandIcon = _a.expandIcon;
+        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)));
+    };
+    Menu.prototype.renderMenuContent = function (list) {
+        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;
+            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 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 })));
+        });
+    };
+    Menu.prototype.render = function () {
+        var _a;
+        var _b;
+        var _c = this.props, classPrefix = _c.classPrefix, className = _c.className, 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, 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 disabledItem = amisCore.findTree(navigations, function (item) { return !!item.disabled; });
+        var rcMode = stacked
+            ? mode === 'float'
+                ? 'vertical-right'
+                : 'vertical'
+            : 'horizontal';
+        return (React__default["default"].createElement(MenuContext.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
+            } },
+            React__default["default"].createElement(RcMenu__default["default"], { 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 || !!disabledItem,
+                    _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["default"].isValidElement(overflowedIndicator) ? (React__default["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["default"].createElement("i", { className: cx('Nav-Menu-item-icon Nav-Menu-overflowedIcon', 'fa fa-ellipsis-h') })), 
+                // RcMenu没有暴露这个属性 但实际可以覆盖
+                // @ts-ignore
+                maxCount: stacked || disabledOverflow
+                    ? Overflow["default"].INVALIDATE
+                    : overflowMaxCount || Overflow["default"].RESPONSIVE, component: overflowComponent || 'ul', style: overflowStyle, overflowedIndicatorPopupClassName: overflowedIndicatorPopupClassName, suffix: overflowSuffix ? overflowSuffix : null, itemWidth: overflowItemWidth ? overflowItemWidth : null, selectedKeys: activeKey != null ? activeKey : [], defaultOpenKeys: defaultOpenKeys, openKeys: collapsed || !stacked || (stacked && mode === 'float')
+                    ? undefined
+                    : openKeys, onClick: this.handleItemClick }, this.renderMenuContent(navigations))));
+    };
+    Menu.defaultProps = {
+        collapsed: false,
+        themeColor: 'light',
+        stacked: true,
+        mode: 'inline',
+        direction: 'ltr',
+        prefix: '',
+        triggerSubMenuAction: 'click',
+        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;
+        }
+    };
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [Object]),
+        tslib.__metadata("design:returntype", Promise)
+    ], Menu.prototype, "handleItemClick", null);
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [Object]),
+        tslib.__metadata("design:returntype", void 0)
+    ], Menu.prototype, "handleSubMenuTitleClick", null);
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [Object]),
+        tslib.__metadata("design:returntype", void 0)
+    ], Menu.prototype, "handleToggleExpand", null);
+    tslib.__decorate([
+        amisCore.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [Object]),
+        tslib.__metadata("design:returntype", void 0)
+    ], Menu.prototype, "renderExpandIcon", null);
+    return Menu;
+}(React__default["default"].Component));
+var index = amisCore.themeable(Menu);
+
+exports.Menu = Menu;
+exports["default"] = index;

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

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

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

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

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

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

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

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

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

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

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

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