amis-ui 3.1.1 → 3.3.0

package/lib/components/formula/plugin.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -14,13 +14,9 @@ var Editor = require('./Editor.js');
 /**
  * @file 扩展 codemirror
  */
-function editorFactory(dom, cm, props) {
+function editorFactory(dom, cm, props, options) {
     registerLaunguageMode(cm);
-    return cm(dom, {
-        value: props.value || '',
-        autofocus: true,
-        mode: props.evalMode ? 'text/formula' : 'text/formula-template'
-    });
+    return cm(dom, tslib.__assign({ value: props.value || '', autofocus: true, mode: props.evalMode ? 'text/formula' : 'text/formula-template' }, options));
 }
 var FormulaPlugin = /** @class */ (function () {
     function FormulaPlugin(editor, cm, getProps) {
@@ -94,22 +90,34 @@ var FormulaPlugin = /** @class */ (function () {
             this.editor.replaceSelection('}');
         }
     };
-    FormulaPlugin.prototype.insertContent = function (value, type) {
+    FormulaPlugin.prototype.insertContent = function (value, type, className, toMark) {
+        var _this = this;
+        if (className === void 0) { className = 'cm-field'; }
+        if (toMark === void 0) { toMark = true; }
         var from = this.editor.getCursor();
         var evalMode = this.getProps().evalMode;
         if (type === 'variable') {
             this.editor.replaceSelection(value.key);
-            var to = this.editor.getCursor();
-            this.markText(from, to, value.name, 'cm-field');
-            !evalMode && this.insertBraces(from, to);
+            var to_1 = this.editor.getCursor();
+            if (toMark) {
+                // 路径中每个变量分别进行标记
+                var markFrom_1 = from.ch;
+                value.path.split('.').forEach(function (label, index) {
+                    var val = value.key.split('.')[index];
+                    _this.markText({ line: from.line, ch: markFrom_1 }, { line: to_1.line, ch: markFrom_1 + val.length }, label, className);
+                    markFrom_1 += 1 + val.length;
+                });
+            }
+            !evalMode && this.insertBraces(from, to_1);
         }
         else if (type === 'func') {
             this.editor.replaceSelection("".concat(value, "()"));
             var to = this.editor.getCursor();
-            this.markText(from, {
-                line: to.line,
-                ch: to.ch - 2
-            }, value, 'cm-func');
+            toMark &&
+                this.markText(from, {
+                    line: to.line,
+                    ch: to.ch - 2
+                }, value, 'cm-func');
             this.editor.setCursor({
                 line: to.line,
                 ch: to.ch - 1
@@ -124,9 +132,17 @@ var FormulaPlugin = /** @class */ (function () {
         }
         else if (typeof value === 'string') {
             this.editor.replaceSelection(value);
+            // 非变量、非函数，可能是组合模式，也需要标记
+            toMark && setTimeout(function () { return _this.autoMarkText(); }, 0);
         }
         this.editor.focus();
     };
+    FormulaPlugin.prototype.setValue = function (value) {
+        this.editor.setValue(value);
+    };
+    FormulaPlugin.prototype.getValue = function () {
+        return this.editor.getValue();
+    };
     FormulaPlugin.prototype.markText = function (from, to, label, className) {
         if (className === void 0) { className = 'cm-func'; }
         var text = document.createElement('span');
@@ -144,8 +160,9 @@ var FormulaPlugin = /** @class */ (function () {
         }
         var varMap = {};
         amisCore.eachTree(variables, function (item) {
+            var _a;
             if (item.value) {
-                varMap[item.value] = item.label;
+                varMap[item.value] = (_a = item.path) !== null && _a !== void 0 ? _a : item.label;
             }
         });
         var vars = Object.keys(varMap).sort(function (a, b) { return b.length - a.length; });
@@ -170,19 +187,26 @@ var FormulaPlugin = /** @class */ (function () {
             vars.forEach(function (v) {
                 var from = 0;
                 var idx = -1;
-                while (~(idx = content.indexOf(v, from))) {
+                var _loop_2 = function () {
                     var encode = Editor.FormulaEditor.replaceStrByIndex(content, idx, v, REPLACE_KEY);
                     var reg = Editor.FormulaEditor.getRegExpByMode(evalMode, REPLACE_KEY);
                     if (reg.test(encode)) {
-                        _this.markText({
-                            line: line,
-                            ch: idx
-                        }, {
-                            line: line,
-                            ch: idx + v.length
-                        }, varMap[v], 'cm-field');
+                        var markFrom_2 = idx;
+                        v.split('.').forEach(function (val, index) {
+                            _this.markText({
+                                line: line,
+                                ch: markFrom_2
+                            }, {
+                                line: line,
+                                ch: markFrom_2 + val.length
+                            }, varMap[v].split('.')[index], 'cm-field');
+                            markFrom_2 += 1 + val.length;
+                        });
                     }
                     from = idx + v.length;
+                };
+                while (~(idx = content.indexOf(v, from))) {
+                    _loop_2();
                 }
             });
         };

package/lib/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/lib/components/icons.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -104,23 +104,28 @@ var newEdit = require('../icons/new-edit.svg.js');
 var rotateLeft = require('../icons/rotate-left.svg.js');
 var rotateRight = require('../icons/rotate-right.svg.js');
 var scaleOrigin = require('../icons/scale-origin.svg.js');
+var isObject = require('lodash/isObject');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+var isObject__default = /*#__PURE__*/_interopDefaultLegacy(isObject);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 // 兼容原来的用法，后续不直接试用。
-var closeIcon = React__default["default"].createElement(close["default"], null);
-var unDoIcon = React__default["default"].createElement(undo["default"], null);
-var reDoIcon = React__default["default"].createElement(redo["default"], null);
-var enterIcon = React__default["default"].createElement(enter["default"], null);
-var volumeIcon = React__default["default"].createElement(volume["default"], null);
-var muteIcon = React__default["default"].createElement(mute["default"], null);
-var playIcon = React__default["default"].createElement(play["default"], null);
-var pauseIcon = React__default["default"].createElement(pause["default"], null);
-var leftArrowIcon = React__default["default"].createElement(leftArrow["default"], null);
-var rightArrowIcon = React__default["default"].createElement(rightArrow["default"], null);
+var closeIcon = _J$X_(close["default"], null);
+var unDoIcon = _J$X_(undo["default"], null);
+var reDoIcon = _J$X_(redo["default"], null);
+var enterIcon = _J$X_(enter["default"], null);
+var volumeIcon = _J$X_(volume["default"], null);
+var muteIcon = _J$X_(mute["default"], null);
+var playIcon = _J$X_(play["default"], null);
+var pauseIcon = _J$X_(pause["default"], null);
+var leftArrowIcon = _J$X_(leftArrow["default"], null);
+var rightArrowIcon = _J$X_(rightArrow["default"], null);
 var iconFactory = {};
 function getIconNames() {
     return Object.keys(iconFactory);
@@ -235,16 +240,23 @@ registerIcon('rotate-left', rotateLeft["default"]);
 registerIcon('rotate-right', rotateRight["default"]);
 registerIcon('scale-origin', scaleOrigin["default"]);
 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 = tslib.__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 = iconCx || cx__default["default"];
+    if (typeof jest !== 'undefined' && icon) {
+        iconContent = '';
     }
-    var _c = tslib.__read(React.useState(false), 2), showCssIcon = _c[0], setShowCssIcon = _c[1];
+    if (!icon) {
+        return null;
+    }
+    // 直接的icon dom
+    if (React__default["default"].isValidElement(icon)) {
+        return React__default["default"].cloneElement(icon, tslib.__assign(tslib.__assign({}, (icon.props || {})), { className: cx__default["default"](cx(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, '"');
@@ -253,25 +265,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 (_J$X_("div", { onClick: onClick, className: cx(iconContent, className, classNameProp), ref: refFn, style: style }));
+    }
+    // 获取注册的icon
     var Component = getIcon(icon);
+    if (Component) {
+        return (_J$X_(Component, { onClick: onClick, className: cx(className, "icon-".concat(icon), classNameProp), 
+            // @ts-ignore
+            icon: icon, style: style }));
+    }
+    // 符合schema的icon
+    if (isObject__default["default"](icon) &&
+        icon.type === 'icon' &&
+        icon.icon) {
+        icon = icon.icon;
+    }
+    // icon是引用svg的情况
+    if (isObject__default["default"](icon) &&
+        typeof icon.id === 'string' &&
+        icon.id.startsWith('svg-')) {
+        return (_J$X_("svg", { onClick: onClick, className: cx('icon', 'icon-object', className, classNameProp), style: style },
+            _J$X_("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["default"].createElement(React__default["default"].Fragment, null,
-        iconContent ? (React__default["default"].createElement("div", { className: "".concat(wrapClassName || '') + ' ' + iconContent, ref: refFn })) : null,
-        !showCssIcon ? (React__default["default"].createElement(Component, tslib.__assign({}, rest, { className: "".concat(className || '', " icon-").concat(icon) }))) : null)) : isURLIcon ? (React__default["default"].createElement("img", { className: cx__default["default"]("".concat(classPrefix, "Icon"), className), src: icon })) : isIconfont ? (React__default["default"].createElement("i", { className: cx__default["default"](icon, className) })) : (React__default["default"].createElement("span", { className: "text-danger" },
+    if (isURLIcon) {
+        return (_J$X_("img", { onClick: onClick, className: cx("".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 (_J$X_("i", { onClick: onClick, className: cx(icon, className, classNameProp, iconPrefix), style: style }));
+    }
+    // 没有合适的图标
+    return _J$X_("span", { className: "text-danger" },
         "\u6CA1\u6709 icon ",
-        icon));
+        icon);
 }
 
 exports.CloseIcon = close["default"];

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -18,9 +18,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 function InputJSONSchemaArray(props) {
     var _a, _b, _c;
-    var cx = props.classnames, value = props.value, onChange = props.onChange, disabled = props.disabled, __ = props.translate, collapsable = props.collapsable, renderValue = props.renderValue;
+    var cx = props.classnames, value = props.value, onChange = props.onChange, disabled = props.disabled, __ = props.translate, collapsable = props.collapsable, renderValue = props.renderValue, useMobileUI = props.useMobileUI;
     var buildMembers = React__default["default"].useCallback(function (schema, value) {
         var members = [];
         var len = Array.isArray(value) ? value.length : 1;
@@ -111,26 +114,28 @@ function InputJSONSchemaArray(props) {
     // todo additionalProperties 还有其他格式
     var allowAdd = !maxContains || maxContains > members.length;
     var allowDelete = !minContains || minContains < members.length;
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        collapsable ? (React__default["default"].createElement("a", { className: cx('JSONSchemaObject-caret', {
+    var mobileUI = useMobileUI && amisCore.isMobile();
+    return (_J$X_(React__default["default"].Fragment, null,
+        collapsable ? (_J$X_("a", { className: cx('JSONSchemaObject-caret', {
                 'is-collapsed': collapsed
             }), onClick: toggleCollapsed },
-            React__default["default"].createElement(icons.Icon, { icon: "caret", className: "icon" }))) : null,
-        React__default["default"].createElement("div", { className: cx('JSONSchemaObject', {
+            _J$X_(icons.Icon, { icon: "right-arrow-bold", className: "icon" }))) : null,
+        _J$X_("div", { className: cx('JSONSchemaObject', {
+                'is-mobile': mobileUI,
                 'is-expanded': collapsable && !collapsed
             }) },
-            collapsed ? (renderValue ? (React__default["default"].createElement(Item.InputJSONSchemaItem, tslib.__assign({}, props, { value: value, onChange: onChange, schema: {
+            collapsed ? (renderValue ? (_J$X_(Item.InputJSONSchemaItem, tslib.__assign({}, props, { value: value, onChange: onChange, schema: {
                     type: 'string'
                 }, placeholder: (_c = props.schema) === null || _c === void 0 ? void 0 : _c.description }))) : null) : (members.map(function (member) {
-                return (React__default["default"].createElement("div", { key: member.key, className: cx('JSONSchemaMember') },
-                    React__default["default"].createElement("div", { className: cx('JSONSchemaMember-value') },
-                        React__default["default"].createElement(Item.InputJSONSchemaItem, tslib.__assign({}, props, { value: value === null || value === void 0 ? void 0 : value[member.index], onChange: onMemberChange.bind(null, member), schema: member.schema || {
+                return (_J$X_("div", { key: member.key, className: cx('JSONSchemaMember') },
+                    _J$X_("div", { className: cx('JSONSchemaMember-value') },
+                        _J$X_(Item.InputJSONSchemaItem, tslib.__assign({}, props, { value: value === null || value === void 0 ? void 0 : value[member.index], onChange: onMemberChange.bind(null, member), schema: member.schema || {
                                 type: 'string'
                             }, collapsable: true }))),
-                    allowDelete ? (React__default["default"].createElement(Button["default"], { className: cx('SchemaEditor-btn'), onClick: onMemberDelete.bind(null, member), iconOnly: true, disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) },
-                        React__default["default"].createElement(icons.Icon, { icon: "remove", className: "icon" }))) : null));
+                    allowDelete ? (_J$X_(Button["default"], { className: cx('SchemaEditor-btn'), onClick: onMemberDelete.bind(null, member), iconOnly: true, disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) },
+                        _J$X_(icons.Icon, { icon: "remove", className: "icon" }))) : null));
             })),
-            !collapsed ? (React__default["default"].createElement(Button["default"], { level: "link", onClick: handleAdd, size: "xs", disabled: disabled || !allowAdd }, __('JSONSchema.add_prop'))) : null)));
+            !collapsed ? (_J$X_(Button["default"], { level: "link", onClick: handleAdd, size: "xs", disabled: disabled || !allowAdd }, __('JSONSchema.add_prop'))) : null)));
 }
 
 exports.InputJSONSchemaArray = InputJSONSchemaArray;

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -8,38 +8,37 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var React = require('react');
+require('react');
 var InputBox = require('../InputBox.js');
 var NumberInput = require('../NumberInput.js');
 var Switch = require('../Switch.js');
 var Array = require('./Array.js');
 var Object$1 = require('./Object.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 function InputJSONSchemaItem(props) {
     var schema = props.schema;
     if (schema.type === 'object') {
-        return React__default["default"].createElement(Object$1.InputJSONSchemaObject, tslib.__assign({}, props));
+        return _J$X_(Object$1.InputJSONSchemaObject, tslib.__assign({}, props));
     }
     else if (schema.type === 'array') {
-        return React__default["default"].createElement(Array.InputJSONSchemaArray, tslib.__assign({}, props));
+        return _J$X_(Array.InputJSONSchemaArray, tslib.__assign({}, props));
     }
     else if (props.renderValue) {
         return props.renderValue(props.value, props.onChange, schema, props);
     }
     else if (schema.type == 'number') {
-        return (React__default["default"].createElement(NumberInput["default"], { value: props.value, onChange: props.onChange, placeholder: props.placeholder }));
+        return (_J$X_(NumberInput["default"], { value: props.value, onChange: props.onChange, placeholder: props.placeholder, useMobileUI: props.useMobileUI }));
     }
     else if (schema.type == 'integer') {
-        return (React__default["default"].createElement(NumberInput["default"], { value: props.value, onChange: props.onChange, precision: 0, placeholder: props.placeholder }));
+        return (_J$X_(NumberInput["default"], { value: props.value, onChange: props.onChange, precision: 0, placeholder: props.placeholder, useMobileUI: props.useMobileUI }));
     }
     else if (schema.type == 'boolean') {
-        return (React__default["default"].createElement(Switch["default"], { value: props.value, onChange: props.onChange, className: "mt-2" }));
+        return (_J$X_(Switch["default"], { value: props.value, onChange: props.onChange, className: "mt-2" }));
     }
-    return (React__default["default"].createElement(InputBox["default"], { value: props.value, onChange: props.onChange, placeholder: props.placeholder }));
+    return (_J$X_(InputBox["default"], { value: props.value, onChange: props.onChange, placeholder: props.placeholder, useMobileUI: props.useMobileUI }));
 }
 
 exports.InputJSONSchemaItem = InputJSONSchemaItem;

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -21,9 +21,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 function InputJSONSchemaObject(props) {
     var _a, _b;
-    var cx = props.classnames, value = props.value, onChange = props.onChange, disabled = props.disabled, __ = props.translate, renderKey = props.renderKey, collapsable = props.collapsable, renderValue = props.renderValue;
+    var cx = props.classnames, value = props.value, onChange = props.onChange, disabled = props.disabled, __ = props.translate, renderKey = props.renderKey, collapsable = props.collapsable, renderValue = props.renderValue, useMobileUI = props.useMobileUI;
     var buildMembers = React__default["default"].useCallback(function (schema, value) {
         var e_1, _a;
         var members = [];
@@ -179,31 +182,35 @@ function InputJSONSchemaObject(props) {
     var allowAdd = !(props.schema.additionalProperties === false &&
         options.every(function (o) { return members.find(function (m) { return m.name === o.value; }); }));
     var allowInput = props.schema.additionalProperties !== false;
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        collapsable ? (React__default["default"].createElement("a", { className: cx('JSONSchemaObject-caret', {
+    var mobileUI = useMobileUI && amisCore.isMobile();
+    return (_J$X_(React__default["default"].Fragment, null,
+        collapsable ? (_J$X_("a", { className: cx('JSONSchemaObject-caret', {
                 'is-collapsed': collapsed
             }), onClick: toggleCollapsed },
-            React__default["default"].createElement(icons.Icon, { icon: "caret", className: "icon" }))) : null,
-        React__default["default"].createElement("div", { className: cx('JSONSchemaObject', {
+            _J$X_(icons.Icon, { icon: "right-arrow-bold", className: "icon" }))) : null,
+        _J$X_("div", { className: cx('JSONSchemaObject', {
+                'is-mobile': mobileUI,
                 'is-expanded': collapsable && !collapsed
             }) },
-            collapsed ? (renderValue ? (React__default["default"].createElement(Item.InputJSONSchemaItem, tslib.__assign({}, props, { value: value, onChange: onChange, schema: {
+            collapsed ? (renderValue ? (_J$X_(Item.InputJSONSchemaItem, tslib.__assign({}, props, { value: value, onChange: onChange, schema: {
                     type: 'string'
                 }, placeholder: (_b = props.schema) === null || _b === void 0 ? void 0 : _b.description }))) : null) : (members.map(function (member) {
                 var _a, _b;
                 var filtedOptions = options.filter(function (o) { return !members.find(function (m) { return m !== member && m.name === o.value; }); });
-                return (React__default["default"].createElement("div", { key: member.key, className: cx('JSONSchemaMember') },
-                    React__default["default"].createElement("div", { className: cx('JSONSchemaMember-key') }, member.nameMutable ? (React__default["default"].createElement(React__default["default"].Fragment, null, renderKey ? (renderKey(member.name, onMemberKeyChange.bind(null, member), member.schema, props)) : filtedOptions.length ? (allowInput ? (React__default["default"].createElement(InputBoxWithSuggestion["default"], { value: member.name, hasError: member.invalid, onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), options: filtedOptions })) : (React__default["default"].createElement(Select["default"], { simpleValue: true, block: true, value: member.name, hasError: member.invalid, onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), options: filtedOptions }))) : (React__default["default"].createElement(InputBox["default"], { value: member.name, hasError: member.invalid, onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key') })))) : (React__default["default"].createElement("span", null,
-                        member.required ? (React__default["default"].createElement("span", { className: cx("Form-star") }, "*")) : null,
+                return (_J$X_("div", { key: member.key, className: cx('JSONSchemaMember') },
+                    _J$X_("div", { className: cx('JSONSchemaMember-key', {
+                            'is-mobile': mobileUI
+                        }) }, member.nameMutable ? (_J$X_(React__default["default"].Fragment, null, renderKey ? (renderKey(member.name, onMemberKeyChange.bind(null, member), member.schema, props)) : filtedOptions.length ? (allowInput ? (_J$X_(InputBoxWithSuggestion["default"], { value: member.name, hasError: member.invalid, onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), options: filtedOptions, useMobileUI: useMobileUI })) : (_J$X_(Select["default"], { simpleValue: true, block: true, value: member.name, hasError: member.invalid, onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), options: filtedOptions, useMobileUI: useMobileUI }))) : (_J$X_(InputBox["default"], { value: member.name, hasError: member.invalid, onChange: onMemberKeyChange.bind(null, member), clearable: false, placeholder: __('JSONSchema.key'), useMobileUI: useMobileUI })))) : (_J$X_("span", null,
+                        member.required ? (_J$X_("span", { className: cx("Form-star") }, "*")) : null,
                         ((_a = member.schema) === null || _a === void 0 ? void 0 : _a.title) || member.name))),
-                    React__default["default"].createElement("div", { className: cx('JSONSchemaMember-value') },
-                        React__default["default"].createElement(Item.InputJSONSchemaItem, tslib.__assign({}, props, { value: value === null || value === void 0 ? void 0 : value[member.name], onChange: onMemberChange.bind(null, member), schema: member.schema || {
+                    _J$X_("div", { className: cx('JSONSchemaMember-value') },
+                        _J$X_(Item.InputJSONSchemaItem, tslib.__assign({}, props, { value: value === null || value === void 0 ? void 0 : value[member.name], onChange: onMemberChange.bind(null, member), schema: member.schema || {
                                 type: 'string'
                             }, placeholder: (_b = member.schema) === null || _b === void 0 ? void 0 : _b.description, collapsable: true }))),
-                    !member.required ? (React__default["default"].createElement(Button["default"], { className: cx('SchemaEditor-btn'), onClick: onMemberDelete.bind(null, member), iconOnly: true, disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) },
-                        React__default["default"].createElement(icons.Icon, { icon: "remove", className: "icon" }))) : null));
+                    !member.required ? (_J$X_(Button["default"], { className: cx('SchemaEditor-btn'), onClick: onMemberDelete.bind(null, member), iconOnly: true, disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) },
+                        _J$X_(icons.Icon, { icon: "remove", className: "icon" }))) : null));
             })),
-            allowAdd && !collapsed ? (React__default["default"].createElement(Button["default"], { level: "link", onClick: handleAdd, size: "xs", disabled: disabled }, __('JSONSchema.add_prop'))) : null)));
+            allowAdd && !collapsed ? (_J$X_(Button["default"], { level: "link", onClick: handleAdd, size: "xs", disabled: disabled }, __('JSONSchema.add_prop'))) : null)));
 }
 
 exports.InputJSONSchemaObject = InputJSONSchemaObject;

package/lib/components/json-schema/index.d.ts

@@ -12,6 +12,7 @@ export interface InputJSONSchemaItemProps extends ThemeProps, LocaleProps {
     renderKey?: (value: any, onChange: (value: any) => void, schema: any, props: any) => JSX.Element;
     collapsable?: boolean;
     placeholder?: string;
+    useMobileUI?: boolean;
 }
 export interface InputJSONSchemaProps extends Omit<InputJSONSchemaItemProps, 'schema'> {
     schema?: any;

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -8,20 +8,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var React = require('react');
+require('react');
 var amisCore = require('amis-core');
 var Item = require('./Item.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 function InputJSONSchema(props) {
     var schema = props.schema || {
         type: 'object',
         properties: {}
     };
-    return React__default["default"].createElement(Item.InputJSONSchemaItem, tslib.__assign({}, props, { schema: schema }));
+    return _J$X_(Item.InputJSONSchemaItem, tslib.__assign({}, props, { schema: schema }));
 }
 var index = amisCore.themeable(amisCore.localeable(InputJSONSchema));
 

package/lib/components/menu/MenuContext.js

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