amis-ui 3.2.0 → 3.3.0

package/esm/components/formula/Picker.js

@@ -1,10 +1,10 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
 import { __extends, __awaiter, __generator, __assign, __rest, __read, __decorate, __metadata } from 'tslib';
-import { parse, generateIcon, isMobile, noop, autobind, themeable, localeable, uncontrollable, isExpression, resolveVariableAndFilterForAsync } from 'amis-core';
+import { parse, isMobile, noop, autobind, themeable, localeable, uncontrollable, isExpression, resolveVariableAndFilterForAsync } from 'amis-core';
 import React__default from 'react';
 import Editor, { FormulaEditor } from './Editor.js';
 import ResultBox from '../ResultBox.js';
@@ -12,7 +12,17 @@ import Button from '../Button.js';
 import { Icon } from '../icons.js';
 import FinalModal from '../Modal.js';
 import PopUp from '../PopUp.js';
+import FormulaInput from './Input.js';
 
+var InputSchemaType = [
+    'text',
+    'number',
+    'boolean',
+    'date',
+    'time',
+    'datetime',
+    'select'
+];
 var FormulaPicker = /** @class */ (function (_super) {
     __extends(FormulaPicker, _super);
     function FormulaPicker(props) {
@@ -31,12 +41,21 @@ var FormulaPicker = /** @class */ (function (_super) {
         var value = this.props.value;
         if (value !== prevProps.value) {
             this.setState({
-                value: typeof value === 'string' ? value : '',
+                value: typeof value === 'string' || !this.isTextInput() ? value : '',
                 editorValue: this.value2EditorValue(this.props)
             });
         }
     };
     FormulaPicker.prototype.value2EditorValue = function (props) {
+        var value = props.value;
+        if (!this.isTextInput()) {
+            var editorValue = '';
+            try {
+                editorValue = JSON.stringify(value);
+            }
+            catch (error) { }
+            return editorValue;
+        }
         if (props.mixedMode) {
             if (typeof props.value === 'string' &&
                 /^\s*\$\{(.+?)\}\s*$/.test(props.value)) {
@@ -48,6 +67,12 @@ var FormulaPicker = /** @class */ (function (_super) {
         }
         return String(props.value || '');
     };
+    FormulaPicker.prototype.isTextInput = function () {
+        var inputSettings = this.props.inputSettings;
+        return (!inputSettings ||
+            (inputSettings === null || inputSettings === void 0 ? void 0 : inputSettings.type) === 'text' ||
+            !InputSchemaType.includes(inputSettings === null || inputSettings === void 0 ? void 0 : inputSettings.type));
+    };
     FormulaPicker.prototype.handleConfirm = function () {
         var _a, _b;
         var value = this.state.value;
@@ -81,9 +106,33 @@ var FormulaPicker = /** @class */ (function (_super) {
         });
     };
     FormulaPicker.prototype.handleEditorConfirm = function () {
-        this.props.translate;
-        var value = this.state.editorValue;
-        this.confirm(value);
+        var _a, _b;
+        var _c = this.props; _c.translate; var inputSettings = _c.inputSettings;
+        var editorValue = this.state.editorValue;
+        if (this.isTextInput()) {
+            return this.confirm(editorValue);
+        }
+        else if (inputSettings) {
+            var result = editorValue;
+            var schemaType = inputSettings === null || inputSettings === void 0 ? void 0 : inputSettings.type;
+            try {
+                var ast = parse(editorValue, { evalMode: true, allowFilter: false });
+                if (schemaType === 'select' &&
+                    inputSettings.multiple &&
+                    ast.type === 'array') {
+                    result = ast.members.map(function (i) { return i.value; });
+                }
+                else if (ast.type === 'literal' || ast.type === 'string') {
+                    result = (_a = ast.value) !== null && _a !== void 0 ? _a : '';
+                }
+            }
+            catch (error) {
+                this.setState({ isError: (_b = error === null || error === void 0 ? void 0 : error.message) !== null && _b !== void 0 ? _b : true });
+                return;
+            }
+            this.setState({ isError: false });
+            return this.confirm(result);
+        }
     };
     FormulaPicker.prototype.confirm = function (value) {
         var _this = this;
@@ -147,7 +196,28 @@ var FormulaPicker = /** @class */ (function (_super) {
         this.setState(__assign(__assign({}, this.state), rest));
     };
     FormulaPicker.prototype.validate = function (value) {
-        this.props.translate;
+        var _a = this.props, __ = _a.translate, inputSettings = _a.inputSettings;
+        /** 处理非文本输入场景 */
+        if (inputSettings && !this.isTextInput()) {
+            var schemaType = inputSettings === null || inputSettings === void 0 ? void 0 : inputSettings.type;
+            var errorMsg = __('FormulaEditor.invalidValue');
+            /** 变量类型 */
+            if (typeof value === 'string') {
+                return true;
+            }
+            if (['number', 'boolean'].includes(schemaType)) {
+                return typeof value === schemaType ? true : errorMsg;
+            }
+            else if (['text', 'date', 'time', 'datetime'].includes(schemaType)) {
+                return typeof value === 'string' ? true : errorMsg;
+            }
+            else if (schemaType === 'select' && inputSettings.multiple) {
+                return Array.isArray(value) ? true : errorMsg;
+            }
+            else {
+                return true;
+            }
+        }
         try {
             value &&
                 parse(value, {
@@ -158,7 +228,7 @@ var FormulaPicker = /** @class */ (function (_super) {
         }
         catch (e) {
             if (/\s(\d+:\d+)$/.test(e.message)) {
-                var _a = __read(/\s(\d+:\d+)$/.exec(e.message) || [], 2), position = _a[1];
+                var _b = __read(/\s(\d+:\d+)$/.exec(e.message) || [], 2), position = _b[1];
                 return position;
             }
             return e.message;
@@ -167,16 +237,18 @@ var FormulaPicker = /** @class */ (function (_super) {
     FormulaPicker.prototype.render = function () {
         var _a, _b, _c;
         var _d, _e, _f, _g, _h, _j;
-        var _k = this.props, cx = _k.classnames, __ = _k.translate, disabled = _k.disabled, _l = _k.allowInput, allowInput = _l === void 0 ? true : _l, className = _k.className, style = _k.style; _k.onChange; _k.size; var borderMode = _k.borderMode, placeholder = _k.placeholder, _m = _k.mode, mode = _m === void 0 ? 'input-button' : _m, btnLabel = _k.btnLabel, level = _k.level, btnSize = _k.btnSize, icon = _k.icon, title = _k.title, clearable = _k.clearable, functions = _k.functions, children = _k.children, variableMode = _k.variableMode, mixedMode = _k.mixedMode, evalMode = _k.evalMode, popOverContainer = _k.popOverContainer, useMobileUI = _k.useMobileUI, rest = __rest(_k, ["classnames", "translate", "disabled", "allowInput", "className", "style", "onChange", "size", "borderMode", "placeholder", "mode", "btnLabel", "level", "btnSize", "icon", "title", "clearable", "functions", "children", "variableMode", "mixedMode", "evalMode", "popOverContainer", "useMobileUI"]);
+        var _k = this.props, cx = _k.classnames, __ = _k.translate, disabled = _k.disabled, _l = _k.allowInput, allowInput = _l === void 0 ? true : _l, className = _k.className, style = _k.style; _k.onChange; _k.size; var borderMode = _k.borderMode, placeholder = _k.placeholder, _m = _k.mode, mode = _m === void 0 ? 'input-button' : _m, btnLabel = _k.btnLabel, level = _k.level, btnSize = _k.btnSize, icon = _k.icon, title = _k.title, clearable = _k.clearable, functions = _k.functions, children = _k.children, variableMode = _k.variableMode, mixedMode = _k.mixedMode, evalMode = _k.evalMode, popOverContainer = _k.popOverContainer, useMobileUI = _k.useMobileUI, inputSettings = _k.inputSettings, rest = __rest(_k, ["classnames", "translate", "disabled", "allowInput", "className", "style", "onChange", "size", "borderMode", "placeholder", "mode", "btnLabel", "level", "btnSize", "icon", "title", "clearable", "functions", "children", "variableMode", "mixedMode", "evalMode", "popOverContainer", "useMobileUI", "inputSettings"]);
         var _o = this.state, isOpened = _o.isOpened, value = _o.value, editorValue = _o.editorValue, isError = _o.isError;
-        var iconElement = generateIcon(cx, icon, 'Icon');
+        var iconElement = React__default.createElement(Icon, { cx: cx, icon: icon, className: "Icon" });
         var mobileUI = useMobileUI && isMobile();
         return (React__default.createElement(React__default.Fragment, null,
             children ? (children({
                 isOpened: this.state.isOpened,
                 onClick: this.handleClick,
                 setState: this.updateState
-            })) : (React__default.createElement("div", { className: cx('FormulaPicker', className, mode === 'input-group' ? 'is-input-group' : ''), style: style },
+            })) : (React__default.createElement("div", { className: cx('FormulaPicker', mode === 'input-group' ? 'is-input-group' : '', {
+                    'FormulaPicker--text': this.isTextInput()
+                }, className), style: style },
                 mode === 'button' && (React__default.createElement(Button, { className: cx('FormulaPicker-action', 'w-full'), level: level, size: btnSize, onClick: this.handleClick },
                     iconElement ? (React__default.cloneElement(iconElement, {
                         className: cx((_e = (_d = iconElement === null || iconElement === void 0 ? void 0 : iconElement.props) === null || _d === void 0 ? void 0 : _d.className) !== null && _e !== void 0 ? _e : '', 'FormulaPicker-icon', (_a = {},
@@ -189,15 +261,13 @@ var FormulaPicker = /** @class */ (function (_super) {
                 mode === 'input-button' && (React__default.createElement(React__default.Fragment, null,
                     React__default.createElement(ResultBox, { className: cx('FormulaPicker-input', isOpened ? 'is-active' : '', !!isError ? 'is-error' : ''), allowInput: allowInput, clearable: clearable, value: value, result: allowInput
                             ? void 0
-                            : FormulaEditor.highlightValue(value, this.state.variables, this.props.evalMode), itemRender: this.renderFormulaValue, onResultChange: noop, onChange: this.handleInputChange, disabled: disabled, borderMode: borderMode, placeholder: placeholder, useMobileUI: useMobileUI, showArrow: false }),
+                            : FormulaEditor.highlightValue(value, this.state.variables, this.props.evalMode), itemRender: this.renderFormulaValue, onResultChange: noop, onChange: this.handleInputChange, disabled: disabled, borderMode: borderMode, placeholder: placeholder }),
                     React__default.createElement(Button, { className: cx('FormulaPicker-action'), onClick: this.handleClick },
                         React__default.createElement(Icon, { icon: "function", className: cx('FormulaPicker-icon', 'icon', (_c = {},
                                 _c['is-filled'] = !!value,
                                 _c)) })))),
                 mode === 'input-group' && (React__default.createElement(React__default.Fragment, null,
-                    React__default.createElement(ResultBox, { className: cx('FormulaPicker-input', isOpened ? 'is-active' : '', !!isError ? 'is-error' : ''), allowInput: allowInput, clearable: clearable, value: value, result: allowInput
-                            ? void 0
-                            : FormulaEditor.highlightValue(value, this.state.variables, this.props.evalMode), itemRender: this.renderFormulaValue, onResultChange: noop, onChange: this.handleInputChange, disabled: disabled, borderMode: borderMode, placeholder: placeholder, useMobileUI: useMobileUI, showArrow: false }),
+                    React__default.createElement(FormulaInput, { className: cx('FormulaPicker-input', isOpened ? 'is-active' : '', !!isError ? 'is-error' : ''), inputSettings: inputSettings, allowInput: allowInput, clearable: clearable, evalMode: evalMode, mixedMode: mixedMode, variables: this.state.variables, value: value, itemRender: this.renderFormulaValue, onChange: this.handleInputChange, disabled: disabled, borderMode: borderMode, placeholder: placeholder }),
                     React__default.createElement("a", { className: cx("FormulaPicker-toggler"), onClick: this.handleClick },
                         React__default.createElement(Icon, { icon: "function", className: "icon" })))))),
             mobileUI ? (React__default.createElement(PopUp, { className: cx("FormulaPicker-popup"), isShow: this.state.isOpened, showConfirm: true, onHide: this.close, onConfirm: this.handleEditorConfirm, container: popOverContainer },
@@ -283,4 +353,4 @@ var Picker = themeable(localeable(uncontrollable(FormulaPicker, {
     value: 'onChange'
 })));
 
-export { FormulaPicker, Picker as default };
+export { FormulaPicker, InputSchemaType, Picker as default };

package/esm/components/formula/VariableList.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -19,35 +19,48 @@ import TooltipWrapper from '../TooltipWrapper.js';
 var memberOpers = [
     {
         label: '取该成员的记录',
-        value: 'ARRAYMAP(${arr}, item => item.${member})'
+        value: 'ARRAYMAP(${arr}, item => item.${member})',
+        description: '即该列所有记录'
     },
     {
-        label: '取该成员的记录并过滤',
-        value: 'ARRAYFILTER(${arr}, item => item.${member})'
+        label: '取符合条件的该成员的记录',
+        value: 'ARRAYFILTER(ARRAYMAP(${arr}, item => item.${member}), item => item === 条件)',
+        description: '即该列所有记录中符合条件的记录，需补充条件，例如：item === 1'
     },
     {
-        label: '取该成员列表记录中符合条件的总数',
-        value: 'COUNT(ARRAYFILTER(${arr}, item => item.${member} === 条件))'
+        label: '取列表中符合该成员条件的记录',
+        value: 'ARRAYFILTER(${arr}, item => item.${member} === 条件)',
+        description: '即当前列表中所有符合该成员条件的记录，需补充成员条件，例如：item.xxx === 1'
+    },
+    {
+        label: '取列表中符合该成员条件的记录总数',
+        value: 'COUNT(ARRAYFILTER(${arr}, item => item.${member} === 条件))',
+        description: '即当前列表中所有符合该成员条件的记录总数，需补充成员条件，例如：item.xxx === 1'
     },
     {
         label: '取该成员去重之后的总数',
-        value: 'COUNT(UNIQ(${arr}, item.${member}))'
+        value: 'COUNT(UNIQ(${arr}, item.${member}))',
+        description: '即对该成员记录进行去重，并统计总数'
     },
     {
         label: '取该成员的总和',
-        value: 'SUM(ARRAYMAP(${arr}, item => item.${member}))'
+        value: 'SUM(ARRAYMAP(${arr}, item => item.${member}))',
+        description: '即计算该成员记录的总和，需确认该成员记录均为数字类型'
     },
     {
         label: '取该成员的平均值',
-        value: 'AVG(ARRAYMAP(${arr}, item => item.${member}))'
+        value: 'AVG(ARRAYMAP(${arr}, item => item.${member}))',
+        description: '即计算该成员记录的平均值，需确认该成员记录均为数字类型'
     },
     {
         label: '取该成员的最大值',
-        value: 'MAX(ARRAYMAP(${arr}, item => item.${member}))'
+        value: 'MAX(ARRAYMAP(${arr}, item => item.${member}))',
+        description: '即计算该成员记录中最大值，需确认该成员记录均为数字类型'
     },
     {
         label: '取该成员的最小值',
-        value: 'MIN(ARRAYMAP(${arr}, item => item.${member}))'
+        value: 'MIN(ARRAYMAP(${arr}, item => item.${member}))',
+        description: '即计算该成员记录中最小值，需确认该成员记录均为数字类型'
     }
 ];
 function VariableList(props) {
@@ -75,30 +88,37 @@ function VariableList(props) {
                             offset: [15, 2]
                         } },
                         React__default.createElement("label", null, option.label))),
-                    option.label &&
+                    option.memberDepth === undefined &&
+                        option.label &&
                         (!selfVariableName || option.value !== selfVariableName) && (React__default.createElement(TooltipWrapper, { tooltip: (_a = option.description) !== null && _a !== void 0 ? _a : option.label, tooltipTheme: "dark" },
                         React__default.createElement("label", null, option.label))),
-                    option.memberDepth < 2 ? (React__default.createElement(PopOverContainer, { popOverContainer: function () {
+                    option.memberDepth !== undefined &&
+                        option.label &&
+                        (!selfVariableName || option.value !== selfVariableName) ? (option.memberDepth < 2 ? (React__default.createElement(PopOverContainer, { popOverContainer: function () {
                             return document.querySelector(".".concat(cx('FormulaPicker-Modal')));
                         }, popOverRender: function (_a) {
                             var onClose = _a.onClose;
                             return (React__default.createElement("ul", { className: cx("".concat(classPrefix, "-item-oper")) }, memberOpers.map(function (item, i) {
-                                return (React__default.createElement("li", { key: i, onClick: function () {
-                                        return handleMemberClick(__assign(__assign({}, item), { isMember: true }), option, onClose);
-                                    } },
-                                    React__default.createElement("span", null, item.label)));
+                                return (React__default.createElement(TooltipWrapper, { tooltip: item.description, tooltipTheme: "dark" },
+                                    React__default.createElement("li", { key: i, onClick: function () {
+                                            return handleMemberClick(__assign(__assign({}, item), { isMember: true }), option, onClose);
+                                        } },
+                                        React__default.createElement("span", null, item.label))));
                             })));
                         } }, function (_a) {
+                        var _b;
                         var onClick = _a.onClick; _a.ref; _a.isOpened;
-                        return (React__default.createElement("i", { className: "fa fa-ellipsis-h", onClick: onClick }));
-                    })) : null,
+                        return (React__default.createElement(TooltipWrapper, { tooltip: (_b = option.description) !== null && _b !== void 0 ? _b : option.label, tooltipTheme: "dark" },
+                            React__default.createElement("label", { onClick: onClick }, option.label)));
+                    })) : (React__default.createElement("label", null, option.label))) : null,
                     (option === null || option === void 0 ? void 0 : option.tag) ? (React__default.createElement("span", { className: cx("".concat(classPrefix, "-item-tag")) }, option.tag)) : null)));
         };
     function handleMemberClick(item, option, onClose) {
         // todo：暂时只提供一层的快捷操作
-        var lastPointIdx = option.value.lastIndexOf('.');
-        var arr = option.value.substring(0, lastPointIdx);
-        var member = option.value.substring(lastPointIdx + 1);
+        // const lastPointIdx = option.value.lastIndexOf('.');
+        var firstPointIdx = option.value.indexOf('.');
+        var arr = option.value.substring(0, firstPointIdx);
+        var member = option.value.substring(firstPointIdx + 1);
         var value = item.value
             .replace('${arr}', arr)
             .replace('${member}', member);
@@ -119,7 +139,7 @@ function VariableList(props) {
             React__default.createElement(SearchBox, { mini: false, onSearch: onSearch, useMobileUI: true })));
     }
     function handleChange(item) {
-        if (item.isMember) {
+        if (item.isMember || item.memberDepth !== undefined) {
             return;
         }
         onSelect === null || onSelect === void 0 ? void 0 : onSelect(item);

package/esm/components/formula/plugin.js

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

package/esm/components/icons.d.ts

@@ -42,8 +42,17 @@ export declare function getIconNames(): string[];
 export declare function getIcon(key: string): React.ElementType<{}>;
 export declare function hasIcon(iconName: string): boolean;
 export declare function registerIcon(key: string, component: React.ElementType<{}>): void;
-export declare function Icon({ icon, className, wrapClassName, classPrefix, iconContent, ...rest }: {
+export interface IconCheckedSchema {
+    id: string;
+    name?: string;
+    svg?: string;
+}
+export interface IconCheckedSchemaNew {
+    type: 'icon';
+    icon: IconCheckedSchema;
+}
+export declare function Icon({ icon, className, classPrefix, classNameProp, iconContent, vendor, cx: iconCx, onClick, style }: {
     icon: string;
     iconContent?: string;
-} & React.ComponentProps<any>): React.JSX.Element;
+} & React.ComponentProps<any>): React.JSX.Element | null;
 export { InputClearIcon, CloseIcon, UnDoIcon, ReDoIcon, EnterIcon, VolumeIcon, MuteIcon, PlayIcon, PauseIcon, ReloadIcon, LeftArrowIcon, RightArrowIcon, CheckIcon, PlusIcon, MinusIcon, PencilIcon, FunctionIcon, MenuIcon, UserRemove, Role, Department, Post, RightDoubleArrowIcon, DownArrowBoldIcon };

package/esm/components/icons.js

@@ -1,10 +1,10 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
-import { __rest, __read, __assign } from 'tslib';
-import React__default, { useState } from 'react';
+import { __assign } from 'tslib';
+import React__default from 'react';
 import cx from 'classnames';
 import SvgClose from '../icons/close.svg.js';
 export { default as CloseIcon } from '../icons/close.svg.js';
@@ -124,6 +124,7 @@ import SvgNewEdit from '../icons/new-edit.svg.js';
 import SvgRotateLeft from '../icons/rotate-left.svg.js';
 import SvgRotateRight from '../icons/rotate-right.svg.js';
 import SvgScaleOrigin from '../icons/scale-origin.svg.js';
+import isObject from 'lodash/isObject';
 
 // 兼容原来的用法，后续不直接试用。
 var closeIcon = React__default.createElement(SvgClose, null);
@@ -250,16 +251,23 @@ registerIcon('rotate-left', SvgRotateLeft);
 registerIcon('rotate-right', SvgRotateRight);
 registerIcon('scale-origin', SvgScaleOrigin);
 function Icon(_a) {
-    var icon = _a.icon, className = _a.className, wrapClassName = _a.wrapClassName, _b = _a.classPrefix, classPrefix = _b === void 0 ? '' : _b, iconContent = _a.iconContent, rest = __rest(_a, ["icon", "className", "wrapClassName", "classPrefix", "iconContent"]);
-    // jest 运行环境下，把指定的 icon 也输出到 snapshot 中。
-    if (typeof jest !== 'undefined') {
-        rest.icon = icon;
+    var icon = _a.icon, className = _a.className, _b = _a.classPrefix, classPrefix = _b === void 0 ? '' : _b, classNameProp = _a.classNameProp, iconContent = _a.iconContent, vendor = _a.vendor, iconCx = _a.cx, _c = _a.onClick, onClick = _c === void 0 ? function () { } : _c, style = _a.style;
+    var cx$1 = iconCx || cx;
+    if (typeof jest !== 'undefined' && icon) {
+        iconContent = '';
     }
-    var _c = __read(useState(false), 2), showCssIcon = _c[0], setShowCssIcon = _c[1];
+    if (!icon) {
+        return null;
+    }
+    // 直接的icon dom
+    if (React__default.isValidElement(icon)) {
+        return React__default.cloneElement(icon, __assign(__assign({}, (icon.props || {})), { className: cx(cx$1(className, classNameProp), icon.props.className), style: style, onClick: onClick }));
+    }
+    // 从css变量中获取icon
     function refFn(dom) {
         if (dom) {
-            var style = getComputedStyle(dom);
-            var svgStr = style.getPropertyValue('content');
+            var style_1 = getComputedStyle(dom);
+            var svgStr = style_1.getPropertyValue('content');
             var svg = /(<svg.*<\/svg>)/.exec(svgStr);
             if (svg) {
                 var svgHTML = svg[0].replace(/\\"/g, '"');
@@ -268,25 +276,59 @@ function Icon(_a) {
                     // 存储svg，不直接用innerHTML是防止<circle />渲染后变成<circle></circle>的情况
                     dom.svgHTMLClone = svgHTML;
                     dom.style.display = '';
-                    setShowCssIcon(true);
                 }
             }
-            else {
-                // 当传入svg为空时，隐藏div，展示原icon
-                dom.style.display = 'none';
-                setShowCssIcon(false);
-            }
         }
     }
+    if (iconContent) {
+        return (React__default.createElement("div", { onClick: onClick, className: cx$1(iconContent, className, classNameProp), ref: refFn, style: style }));
+    }
+    // 获取注册的icon
     var Component = getIcon(icon);
+    if (Component) {
+        return (React__default.createElement(Component, { onClick: onClick, className: cx$1(className, "icon-".concat(icon), classNameProp), 
+            // @ts-ignore
+            icon: icon, style: style }));
+    }
+    // 符合schema的icon
+    if (isObject(icon) &&
+        icon.type === 'icon' &&
+        icon.icon) {
+        icon = icon.icon;
+    }
+    // icon是引用svg的情况
+    if (isObject(icon) &&
+        typeof icon.id === 'string' &&
+        icon.id.startsWith('svg-')) {
+        return (React__default.createElement("svg", { onClick: onClick, className: cx$1('icon', 'icon-object', className, classNameProp), style: style },
+            React__default.createElement("use", { xlinkHref: "#".concat(icon.id.replace(/^svg-/, '')) })));
+    }
+    // icon是链接
     var isURLIcon = typeof icon === 'string' && (icon === null || icon === void 0 ? void 0 : icon.indexOf('.')) !== -1;
-    var isIconfont = typeof icon === 'string' &&
-        (~(icon === null || icon === void 0 ? void 0 : icon.indexOf('iconfont')) || ~(icon === null || icon === void 0 ? void 0 : icon.indexOf('fa')));
-    return Component ? (React__default.createElement(React__default.Fragment, null,
-        iconContent ? (React__default.createElement("div", { className: "".concat(wrapClassName || '') + ' ' + iconContent, ref: refFn })) : null,
-        !showCssIcon ? (React__default.createElement(Component, __assign({}, rest, { className: "".concat(className || '', " icon-").concat(icon) }))) : null)) : isURLIcon ? (React__default.createElement("img", { className: cx("".concat(classPrefix, "Icon"), className), src: icon })) : isIconfont ? (React__default.createElement("i", { className: cx(icon, className) })) : (React__default.createElement("span", { className: "text-danger" },
+    if (isURLIcon) {
+        return (React__default.createElement("img", { onClick: onClick, className: cx$1("".concat(classPrefix, "Icon"), className, classNameProp), src: icon, style: style }));
+    }
+    // icon是普通字符串
+    var isIconfont = typeof icon === 'string';
+    var iconPrefix = '';
+    if (vendor === 'iconfont') {
+        iconPrefix = "iconfont icon-".concat(icon);
+    }
+    else if (vendor === 'fa') {
+        //默认是fontawesome v4，兼容之前配置
+        iconPrefix = "".concat(vendor, " ").concat(vendor, "-").concat(icon);
+    }
+    else {
+        // 如果vendor为空，则不设置前缀,这样可以支持fontawesome v5、fontawesome v6或者其他框架
+        iconPrefix = icon;
+    }
+    if (isIconfont) {
+        return (React__default.createElement("i", { onClick: onClick, className: cx$1(icon, className, classNameProp, iconPrefix), style: style }));
+    }
+    // 没有合适的图标
+    return React__default.createElement("span", { className: "text-danger" },
         "\u6CA1\u6709 icon ",
-        icon));
+        icon);
 }
 
 export { Icon, closeIcon, enterIcon, getIcon, getIconNames, hasIcon, leftArrowIcon, muteIcon, pauseIcon, playIcon, reDoIcon, registerIcon, rightArrowIcon, unDoIcon, volumeIcon };

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -108,7 +108,7 @@ function InputJSONSchemaArray(props) {
         collapsable ? (React__default.createElement("a", { className: cx('JSONSchemaObject-caret', {
                 'is-collapsed': collapsed
             }), onClick: toggleCollapsed },
-            React__default.createElement(Icon, { icon: "caret", className: "icon" }))) : null,
+            React__default.createElement(Icon, { icon: "right-arrow-bold", className: "icon" }))) : null,
         React__default.createElement("div", { className: cx('JSONSchemaObject', {
                 'is-mobile': mobileUI,
                 'is-expanded': collapsable && !collapsed

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

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

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -176,7 +176,7 @@ function InputJSONSchemaObject(props) {
         collapsable ? (React__default.createElement("a", { className: cx('JSONSchemaObject-caret', {
                 'is-collapsed': collapsed
             }), onClick: toggleCollapsed },
-            React__default.createElement(Icon, { icon: "caret", className: "icon" }))) : null,
+            React__default.createElement(Icon, { icon: "right-arrow-bold", className: "icon" }))) : null,
         React__default.createElement("div", { className: cx('JSONSchemaObject', {
                 'is-mobile': mobileUI,
                 'is-expanded': collapsable && !collapsed

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

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

package/esm/components/menu/MenuContext.js

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

package/esm/components/menu/MenuItem.js

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

package/esm/components/menu/SubMenu.js

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