amis-ui 3.1.1 → 3.3.0

package/lib/components/menu/index.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -26,34 +26,38 @@ var uniq__default = /*#__PURE__*/_interopDefaultLegacy(uniq);
 var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
 var RcMenu__default = /*#__PURE__*/_interopDefaultLegacy(RcMenu);
 
-/**
- * @file Menu
- * @description 导航菜单，基于rc-menu实现：https://github.com/react-component/menu
- * @author fex
- */
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 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;
+        var _this = this;
+        var _a;
+        _this = _super.call(this, props) || this;
+        var _b = _this.normalizeNavigations(tslib.__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 _b = tslib.__values(props.navigations.entries()), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var _d = tslib.__read(_c.value, 2), index = _d[0], item = _d[1];
+                for (var _c = tslib.__values(props.navigations.entries()), _d = _c.next(); !_d.done; _d = _c.next()) {
+                    var _e = tslib.__read(_d.value, 2), index = _e[0], item = _e[1];
                     // 对比navigations中的link属性 否则item中包含很多处理过的属性 甚至包含react组件 对比会引发性能问题
                     // 如果作为组件使用时 可以通过配置link 配置关键对比属性 如果没有 那直接跳过
                     // 如果没有link 就先不对比了
@@ -67,20 +71,24 @@ var Menu = /** @class */ (function (_super) {
             catch (e_1_1) { e_1 = { error: e_1_1 }; }
             finally {
                 try {
-                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                    if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
                 }
                 finally { if (e_1) throw e_1.error; }
             }
         }
         if (isNavDiff || !isEqual__default["default"](prevProps.location, props.location)) {
-            var _e = this.normalizeNavigations(tslib.__assign(tslib.__assign({}, props), { isOpen: isOpen })), transformedNav = _e.transformedNav, activeKey = _e.activeKey, defaultOpenKeys = _e.defaultOpenKeys, openKeys = _e.openKeys;
+            var _f = this.normalizeNavigations(tslib.__assign(tslib.__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
+                openKeys: openKeys,
+                activeItems: activeItems
             });
         }
+        if (!isEqual__default["default"](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 = amisCore.findTree(navigations, function (item) { return item.id === key; });
@@ -96,6 +104,7 @@ var Menu = /** @class */ (function (_super) {
         var id = 1;
         var activeKeys = [];
         var openKeys = [];
+        var activeItems = [];
         var transformedNav = amisCore.mapTree(amisCore.filterTree(navigations, function (item, key, level) {
             // 水平导航不需要分割线
             if (!stacked && item.mode === 'divider') {
@@ -107,6 +116,7 @@ var Menu = /** @class */ (function (_super) {
             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) {
@@ -124,7 +134,8 @@ var Menu = /** @class */ (function (_super) {
             transformedNav: transformedNav,
             activeKey: activeKeys,
             defaultOpenKeys: activeKeyPaths,
-            openKeys: openKeys
+            openKeys: openKeys,
+            activeItems: activeItems
         };
     };
     Menu.prototype.handleItemClick = function (_a) {
@@ -168,7 +179,7 @@ var Menu = /** @class */ (function (_super) {
     Menu.prototype.selectSubItem = function (_a) {
         var key = _a.key; _a.domEvent; _a.props;
         var navigations = this.state.navigations;
-        var _b = this.props, stacked = _b.stacked, mode = _b.mode, collapsed = _b.collapsed, accordion = _b.accordion, onSelect = _b.onSelect;
+        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);
@@ -185,7 +196,14 @@ var Menu = /** @class */ (function (_super) {
             }
         }
         var currentItem = amisCore.findTree(navigations, function (item) { return item.id === key; });
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect((currentItem === null || currentItem === void 0 ? void 0 : currentItem.link) || currentItem, keyPaths.length);
+        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__default["default"](openKeys));
+        }
     };
     Menu.prototype.handleToggleExpand = function (ctx) {
         var navigations = this.state.navigations;
@@ -210,17 +228,17 @@ var Menu = /** @class */ (function (_super) {
             }
             var currentItem = amisCore.findTree(navigations, function (item) { return item.id === eventKey; });
             // 因为Nav里只处理当前菜单项 因此新增一个onToggle事件
-            onToggle === null || onToggle === void 0 ? void 0 : onToggle(currentItem === null || currentItem === void 0 ? void 0 : currentItem.link, keyPaths.length, isOpen);
+            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__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) {
+        return (_J$X_("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(icons.Icon, { icon: "right-arrow-bold", className: "icon" })) : typeof expandIcon === 'string' ? (React__default["default"].createElement("i", { className: cx(expandIcon) })) : (expandIcon)));
+            } }, !React__default["default"].isValidElement(expandIcon) ? (_J$X_(icons.Icon, { icon: typeof expandIcon === 'string' ? expandIcon : 'right-arrow-bold', className: "icon" })) : (expandIcon)));
     };
     Menu.prototype.renderMenuContent = function (list, level) {
         var _this = this;
@@ -230,19 +248,19 @@ var Menu = /** @class */ (function (_super) {
             // 如果这一级是分组标题 那么level不递增
             // 如果这一层第一个就是分组标题 那么收起状态下 不展示分割线
             if (item.mode && item.mode === 'group') {
-                return (React__default["default"].createElement(RcMenu.ItemGroup, { key: item.id, title: collapsed ? '' : item.label, className: item.className },
-                    collapsed && index > 0 ? (React__default["default"].createElement(RcMenu.Divider, { key: 'group-divider' + item.id })) : null,
+                return (_J$X_(RcMenu.ItemGroup, { key: item.id, title: collapsed ? '' : item.label, className: item.className },
+                    collapsed && index > 0 ? (_J$X_(RcMenu.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["default"].createElement(SubMenu["default"], tslib.__assign({}, item, { key: item.id, disabled: itemDisabled || link.loading, active: isActive(item), badge: badge, renderLink: renderLink, depth: level || 1, popupClassName: popupClassName }), _this.renderMenuContent(item.children || [], item.depth + 1)));
+                return (_J$X_(SubMenu["default"], tslib.__assign({}, item, { key: item.id, disabled: itemDisabled || link.loading, active: isActive(item), badge: badge, renderLink: renderLink, depth: level || 1, popupClassName: popupClassName }), _this.renderMenuContent(item.children || [], item.depth + 1)));
             }
-            return item.mode === 'divider' ? (React__default["default"].createElement(RcMenu.Divider, { key: item.id, className: cx("Nav-Menu-item-divider", (_a = {},
+            return item.mode === 'divider' ? (_J$X_(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, depth: level || 1, order: index, overflowedIndicator: overflowedIndicator, overflowMaxCount: overflowMaxCount })));
+                    _a)) })) : (_J$X_(MenuItem["default"], tslib.__assign({}, item, { key: item.id, disabled: itemDisabled, renderLink: renderLink, badge: badge, data: data, depth: level || 1, order: index, overflowedIndicator: overflowedIndicator, overflowMaxCount: overflowMaxCount })));
         });
     };
     Menu.prototype.render = function () {
@@ -253,11 +271,11 @@ var Menu = /** @class */ (function (_super) {
         var isDarkTheme = themeColor === 'dark';
         var rcMode = stacked
             ? mode === 'float'
-                ? 'vertical-right'
+                ? 'vertical-left'
                 : 'vertical'
             : 'horizontal';
         var disableOpen = collapsed || !stacked || (stacked && mode === 'float');
-        return (React__default["default"].createElement(MenuContext.MenuContext.Provider, { value: {
+        return (_J$X_(MenuContext.MenuContext.Provider, { value: {
                 themeColor: themeColor,
                 stacked: stacked,
                 mode: mode,
@@ -270,7 +288,7 @@ var Menu = /** @class */ (function (_super) {
                 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 = {},
+            _J$X_(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,
@@ -281,7 +299,7 @@ var Menu = /** @class */ (function (_super) {
                 // 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') })), 
+                })) : (_J$X_("i", { className: cx('Nav-Menu-item-icon Nav-Menu-overflowedIcon', 'fa fa-ellipsis-h') })), 
                 // RcMenu没有暴露这个属性 但实际可以覆盖
                 // @ts-ignore
                 maxCount: stacked || disabledOverflow

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -18,6 +18,9 @@ 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;
 var SchemaEditorItemArray = /** @class */ (function (_super) {
     tslib.__extends(SchemaEditorItemArray, _super);
     function SchemaEditorItemArray() {
@@ -38,23 +41,23 @@ var SchemaEditorItemArray = /** @class */ (function (_super) {
         (_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, value);
     };
     SchemaEditorItemArray.prototype.renderItems = function () {
-        var _a = this.props, cx = _a.classnames, value = _a.value, renderExtraProps = _a.renderExtraProps, renderModalProps = _a.renderModalProps, locale = _a.locale, __ = _a.translate, classPrefix = _a.classPrefix, disabled = _a.disabled, showInfo = _a.showInfo, types = _a.types, onTypeChange = _a.onTypeChange, enableAdvancedSetting = _a.enableAdvancedSetting, popOverContainer = _a.popOverContainer, placeholder = _a.placeholder;
+        var _a = this.props, cx = _a.classnames, value = _a.value, renderExtraProps = _a.renderExtraProps, renderModalProps = _a.renderModalProps, locale = _a.locale, __ = _a.translate, classPrefix = _a.classPrefix, disabled = _a.disabled, showInfo = _a.showInfo, types = _a.types, onTypeChange = _a.onTypeChange, enableAdvancedSetting = _a.enableAdvancedSetting, popOverContainer = _a.popOverContainer, placeholder = _a.placeholder, useMobileUI = _a.useMobileUI;
         var items = (value === null || value === void 0 ? void 0 : value.items) || {
             type: 'string'
         };
-        return (React__default["default"].createElement("div", { className: cx('SchemaEditorProps SchemaEditorArrayProps', {
+        return (_J$X_("div", { className: cx('SchemaEditorProps SchemaEditorArrayProps', {
                 'SchemaEditorProps--depth': showInfo !== false
             }) },
-            React__default["default"].createElement(Item.SchemaEditorItem, { types: types, onTypeChange: onTypeChange, prefix: React__default["default"].createElement("div", { className: cx('SchemaEditor-itemsLabel') }, __('JSONSchema.array_items')), value: items, onChange: this.handleItemsChange, renderExtraProps: renderExtraProps, renderModalProps: renderModalProps, locale: locale, translate: __, classnames: cx, classPrefix: classPrefix, disabled: disabled || !!(items === null || items === void 0 ? void 0 : items.$ref), enableAdvancedSetting: enableAdvancedSetting, popOverContainer: popOverContainer, placeholder: placeholder })));
+            _J$X_(Item.SchemaEditorItem, { types: types, onTypeChange: onTypeChange, prefix: _J$X_("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, useMobileUI: useMobileUI })));
     };
     SchemaEditorItemArray.prototype.render = function () {
         var _a = this.props, cx = _a.classnames, showInfo = _a.showInfo; _a.disabled;
-        return (React__default["default"].createElement("div", { className: cx('SchemaEditorItem SchemaEditorArray') },
-            showInfo !== false ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-                React__default["default"].createElement("a", { className: cx('SchemaEditor-caret', {
+        return (_J$X_("div", { className: cx('SchemaEditorItem SchemaEditorArray') },
+            showInfo !== false ? (_J$X_(React__default["default"].Fragment, null,
+                _J$X_("a", { className: cx('SchemaEditor-caret', {
                         'is-collapsed': this.state.collapsed
                     }), onClick: this.toggleCollapsed },
-                    React__default["default"].createElement(icons.Icon, { icon: "caret", className: "icon" })),
+                    _J$X_(icons.Icon, { icon: "caret", className: "icon" })),
                 this.renderCommon())) : null,
             this.state.collapsed ? null : this.renderItems()));
     };

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

@@ -30,6 +30,7 @@ export interface SchemaEditorItemCommonProps extends LocaleProps, ThemeProps {
     /** 各属性输入控件的placeholder */
     placeholder?: SchemaEditorItemPlaceholder;
     popOverContainer?: any;
+    useMobileUI?: boolean;
 }
 export declare class SchemaEditorItemCommon<P extends SchemaEditorItemCommonProps = SchemaEditorItemCommonProps, S = any> extends React.Component<P, S> {
     handleTypeChange(type: any): void;

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -24,6 +24,9 @@ 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;
 var schemaEditorItemPlaceholder = {
     key: 'JSONSchema.key',
     title: 'JSONSchema.title',
@@ -54,31 +57,31 @@ var SchemaEditorItemCommon = /** @class */ (function (_super) {
         return form.submit();
     };
     SchemaEditorItemCommon.prototype.renderCommon = function () {
-        var _a = this.props, value = _a.value, __ = _a.translate, typeMutable = _a.typeMutable, disabled = _a.disabled, cx = _a.classnames, required = _a.required, onRequiredChange = _a.onRequiredChange, renderExtraProps = _a.renderExtraProps, renderModalProps = _a.renderModalProps, enableAdvancedSetting = _a.enableAdvancedSetting, popOverContainer = _a.popOverContainer, prefix = _a.prefix, affix = _a.affix, types = _a.types, placeholder = _a.placeholder;
-        return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        var _a = this.props, value = _a.value, __ = _a.translate, typeMutable = _a.typeMutable, disabled = _a.disabled, cx = _a.classnames, required = _a.required, onRequiredChange = _a.onRequiredChange, renderExtraProps = _a.renderExtraProps, renderModalProps = _a.renderModalProps, enableAdvancedSetting = _a.enableAdvancedSetting, popOverContainer = _a.popOverContainer, prefix = _a.prefix, affix = _a.affix, types = _a.types, placeholder = _a.placeholder, useMobileUI = _a.useMobileUI;
+        return (_J$X_(React__default["default"].Fragment, null,
             prefix,
-            types.length > 1 ? (React__default["default"].createElement(Select["default"], { options: types, className: cx('SchemaEditor-type'), value: (value === null || value === void 0 ? void 0 : value.$ref) || (value === null || value === void 0 ? void 0 : value.type) || 'string', onChange: this.handleTypeChange, clearable: false, disabled: disabled || typeMutable === false, simpleValue: true })) : null,
-            onRequiredChange ? (React__default["default"].createElement(Checkbox["default"], { className: cx('SchemaEditor-required'), label: __('Required'), value: required, onChange: onRequiredChange, disabled: disabled || typeMutable === false })) : null, renderExtraProps === null || renderExtraProps === void 0 ? void 0 :
+            types.length > 1 ? (_J$X_(Select["default"], { options: types, className: cx('SchemaEditor-type'), value: (value === null || value === void 0 ? void 0 : value.$ref) || (value === null || value === void 0 ? void 0 : value.type) || 'string', onChange: this.handleTypeChange, clearable: false, disabled: disabled || typeMutable === false, simpleValue: true, useMobileUI: useMobileUI, popOverContainer: popOverContainer })) : null,
+            onRequiredChange ? (_J$X_(Checkbox["default"], { className: cx('SchemaEditor-required'), label: __('Required'), value: required, onChange: onRequiredChange, disabled: disabled || typeMutable === false })) : null, renderExtraProps === null || renderExtraProps === void 0 ? void 0 :
             renderExtraProps(value, this.handlePropsChange),
-            enableAdvancedSetting ? (React__default["default"].createElement(PickerContainer["default"], { value: value, bodyRender: function (_a) {
+            enableAdvancedSetting ? (_J$X_(PickerContainer["default"], { useMobileUI: useMobileUI, value: value, bodyRender: function (_a) {
                     var isOpened = _a.isOpened, value = _a.value, onChange = _a.onChange, ref = _a.ref;
-                    return isOpened ? (React__default["default"].createElement(Form["default"], { defaultValue: value, onSubmit: onChange, ref: ref }, function (_a) {
+                    return isOpened ? (_J$X_(Form["default"], { defaultValue: value, onSubmit: onChange, ref: ref }, function (_a) {
                         var control = _a.control, getValues = _a.getValues, setValue = _a.setValue;
-                        return (React__default["default"].createElement(React__default["default"].Fragment, null,
-                            React__default["default"].createElement(FormField.Controller, { label: __('JSONSchema.title'), name: "title", control: control, rules: { maxLength: 20 }, isRequired: true, render: function (_a) {
+                        return (_J$X_(React__default["default"].Fragment, null,
+                            _J$X_(FormField.Controller, { label: __('JSONSchema.title'), name: "title", control: control, rules: { maxLength: 20 }, isRequired: true, render: function (_a) {
                                     var _b;
                                     var field = _a.field;
-                                    return (React__default["default"].createElement(InputBox["default"], tslib.__assign({}, field, { disabled: disabled, placeholder: __((_b = placeholder === null || placeholder === void 0 ? void 0 : placeholder.title) !== null && _b !== void 0 ? _b : '') })));
+                                    return (_J$X_(InputBox["default"], tslib.__assign({}, field, { disabled: disabled, placeholder: __((_b = placeholder === null || placeholder === void 0 ? void 0 : placeholder.title) !== null && _b !== void 0 ? _b : ''), useMobileUI: useMobileUI })));
                                 } }),
-                            React__default["default"].createElement(FormField.Controller, { label: __('JSONSchema.description'), name: "description", control: control, render: function (_a) {
+                            _J$X_(FormField.Controller, { label: __('JSONSchema.description'), name: "description", control: control, render: function (_a) {
                                     var _b;
                                     var field = _a.field;
-                                    return (React__default["default"].createElement(Textarea["default"], tslib.__assign({}, field, { disabled: disabled, placeholder: __((_b = placeholder === null || placeholder === void 0 ? void 0 : placeholder.description) !== null && _b !== void 0 ? _b : '') })));
+                                    return (_J$X_(Textarea["default"], tslib.__assign({}, field, { disabled: disabled, useMobileUI: useMobileUI, placeholder: __((_b = placeholder === null || placeholder === void 0 ? void 0 : placeholder.description) !== null && _b !== void 0 ? _b : '') })));
                                 } }),
-                            React__default["default"].createElement(FormField.Controller, { label: __('JSONSchema.default'), name: "default", control: control, render: function (_a) {
+                            _J$X_(FormField.Controller, { label: __('JSONSchema.default'), name: "default", control: control, render: function (_a) {
                                     var _b;
                                     var field = _a.field;
-                                    return (React__default["default"].createElement(InputBox["default"], tslib.__assign({}, field, { disabled: disabled, placeholder: __((_b = placeholder === null || placeholder === void 0 ? void 0 : placeholder.default) !== null && _b !== void 0 ? _b : '') })));
+                                    return (_J$X_(InputBox["default"], tslib.__assign({}, field, { disabled: disabled, placeholder: __((_b = placeholder === null || placeholder === void 0 ? void 0 : placeholder.default) !== null && _b !== void 0 ? _b : ''), useMobileUI: useMobileUI })));
                                 } }), renderModalProps === null || renderModalProps === void 0 ? void 0 :
                             renderModalProps(getValues(), function (values) {
                                 Object.keys(values).forEach(function (key) {
@@ -88,14 +91,14 @@ var SchemaEditorItemCommon = /** @class */ (function (_super) {
                     })) : null;
                 }, beforeConfirm: this.handleBeforeSubmit, onConfirm: this.handlePropsChange, title: __('SubForm.editDetail'), popOverContainer: popOverContainer }, function (_a) {
                 var onClick = _a.onClick;
-                return (React__default["default"].createElement(Button["default"], { disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref), className: cx('SchemaEditor-btn'), onClick: onClick },
-                    React__default["default"].createElement(icons.Icon, { icon: "setting", className: "icon" })));
+                return (_J$X_(Button["default"], { disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref), className: cx('SchemaEditor-btn'), onClick: onClick },
+                    _J$X_(icons.Icon, { icon: "setting", className: "icon" })));
             })) : null,
             affix));
     };
     SchemaEditorItemCommon.prototype.render = function () {
         var cx = this.props.classnames;
-        return React__default["default"].createElement("div", { className: cx('SchemaEditorItem') }, this.renderCommon());
+        return _J$X_("div", { className: cx('SchemaEditorItem') }, this.renderCommon());
     };
     tslib.__decorate([
         amisCore.autobind,

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

@@ -2,6 +2,7 @@ import React from 'react';
 import { LocaleProps, ThemeProps } from 'amis-core';
 import { SchemaEditorItemCommonProps } from './Common';
 export interface SchemaEditorItemProps extends SchemaEditorItemCommonProps, LocaleProps, ThemeProps {
+    useMobileUI?: boolean;
 }
 export declare class SchemaEditorItem extends React.Component<SchemaEditorItemProps> {
     render(): React.JSX.Element;

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -17,6 +17,9 @@ 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;
 var SchemaEditorItem = /** @class */ (function (_super) {
     tslib.__extends(SchemaEditorItem, _super);
     function SchemaEditorItem() {
@@ -34,7 +37,7 @@ var SchemaEditorItem = /** @class */ (function (_super) {
                 Renderer = Array.SchemaEditorItemArray;
                 break;
         }
-        return React__default["default"].createElement(Renderer, tslib.__assign({}, this.props));
+        return _J$X_(Renderer, tslib.__assign({}, this.props));
     };
     return SchemaEditorItem;
 }(React__default["default"].Component));

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -20,6 +20,9 @@ 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;
 var SchemaEditorItemObject = /** @class */ (function (_super) {
     tslib.__extends(SchemaEditorItemObject, _super);
     function SchemaEditorItemObject() {
@@ -125,30 +128,30 @@ var SchemaEditorItemObject = /** @class */ (function (_super) {
     SchemaEditorItemObject.prototype.rendererProps = function () {
         var _this = this;
         var _a;
-        var _b = this.props, value = _b.value, __ = _b.translate, cx = _b.classnames, renderExtraProps = _b.renderExtraProps, renderModalProps = _b.renderModalProps, locale = _b.locale, classPrefix = _b.classPrefix, disabled = _b.disabled, showInfo = _b.showInfo, types = _b.types, onTypeChange = _b.onTypeChange, enableAdvancedSetting = _b.enableAdvancedSetting, popOverContainer = _b.popOverContainer, placeholder = _b.placeholder;
+        var _b = this.props, value = _b.value, __ = _b.translate, cx = _b.classnames, renderExtraProps = _b.renderExtraProps, renderModalProps = _b.renderModalProps, locale = _b.locale, classPrefix = _b.classPrefix, disabled = _b.disabled, showInfo = _b.showInfo, types = _b.types, onTypeChange = _b.onTypeChange, enableAdvancedSetting = _b.enableAdvancedSetting, popOverContainer = _b.popOverContainer, placeholder = _b.placeholder, useMobileUI = _b.useMobileUI;
         var members = this.state.members;
-        return (React__default["default"].createElement("div", { className: cx('SchemaEditorProps', {
+        return (_J$X_("div", { className: cx('SchemaEditorProps', {
                 'SchemaEditorProps--depth': showInfo !== false
             }) },
             members.length ? (members.map(function (member, index) {
                 var _a, _b;
-                return (React__default["default"].createElement(Item.SchemaEditorItem, { key: member.id, types: types, onTypeChange: onTypeChange, enableAdvancedSetting: enableAdvancedSetting, popOverContainer: popOverContainer, prefix: React__default["default"].createElement(React__default["default"].Fragment, null,
-                        React__default["default"].createElement(InputBox["default"], { className: cx('SchemaEditor-key'), hasError: member.hasError, value: member.key || '', onChange: _this.handlePropKeyChange.bind(_this, index), placeholder: __((_a = placeholder === null || placeholder === void 0 ? void 0 : placeholder.key) !== null && _a !== void 0 ? _a : ''), disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) }),
-                        React__default["default"].createElement(InputBox["default"], { className: cx('SchemaEditor-title'), value: member.schema.title || '', onChange: _this.handlePropTitleChange.bind(_this, index), placeholder: __((_b = placeholder === null || placeholder === void 0 ? void 0 : placeholder.title) !== null && _b !== void 0 ? _b : ''), disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) })), affix: React__default["default"].createElement(Button["default"], { className: cx('SchemaEditor-btn'), onClick: _this.handlePropRemove.bind(_this, index), iconOnly: true, disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) },
-                        React__default["default"].createElement(icons.Icon, { icon: "remove", className: "icon" })), value: member.schema, onChange: _this.handlePropChange.bind(_this, index), renderExtraProps: renderExtraProps, renderModalProps: renderModalProps, locale: locale, translate: __, classnames: cx, classPrefix: classPrefix, disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref), required: member.required, onRequiredChange: _this.handlePropRequiredChange.bind(_this, index), placeholder: placeholder }));
-            })) : (React__default["default"].createElement("div", { className: cx('SchemaEditorProps-placeholder') }, __((_a = placeholder === null || placeholder === void 0 ? void 0 : placeholder.empty) !== null && _a !== void 0 ? _a : ''))),
-            React__default["default"].createElement(Button["default"], { level: "link", onClick: this.handleAdd, size: "xs", disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) }, __('JSONSchema.add_prop'))));
+                return (_J$X_(Item.SchemaEditorItem, { useMobileUI: useMobileUI, key: member.id, types: types, onTypeChange: onTypeChange, enableAdvancedSetting: enableAdvancedSetting, popOverContainer: popOverContainer, prefix: _J$X_(React__default["default"].Fragment, null,
+                        _J$X_(InputBox["default"], { className: cx('SchemaEditor-key'), hasError: member.hasError, value: member.key || '', onChange: _this.handlePropKeyChange.bind(_this, index), placeholder: __((_a = placeholder === null || placeholder === void 0 ? void 0 : placeholder.key) !== null && _a !== void 0 ? _a : ''), disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref), useMobileUI: useMobileUI }),
+                        _J$X_(InputBox["default"], { className: cx('SchemaEditor-title'), value: member.schema.title || '', onChange: _this.handlePropTitleChange.bind(_this, index), placeholder: __((_b = placeholder === null || placeholder === void 0 ? void 0 : placeholder.title) !== null && _b !== void 0 ? _b : ''), disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref), useMobileUI: useMobileUI })), affix: _J$X_(Button["default"], { className: cx('SchemaEditor-btn'), onClick: _this.handlePropRemove.bind(_this, index), iconOnly: true, disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) },
+                        _J$X_(icons.Icon, { icon: "remove", className: "icon" })), value: member.schema, onChange: _this.handlePropChange.bind(_this, index), renderExtraProps: renderExtraProps, renderModalProps: renderModalProps, locale: locale, translate: __, classnames: cx, classPrefix: classPrefix, disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref), required: member.required, onRequiredChange: _this.handlePropRequiredChange.bind(_this, index), placeholder: placeholder }));
+            })) : (_J$X_("div", { className: cx('SchemaEditorProps-placeholder') }, __((_a = placeholder === null || placeholder === void 0 ? void 0 : placeholder.empty) !== null && _a !== void 0 ? _a : ''))),
+            _J$X_(Button["default"], { level: "link", onClick: this.handleAdd, size: "xs", disabled: disabled || !!(value === null || value === void 0 ? void 0 : value.$ref) }, __('JSONSchema.add_prop'))));
     };
     SchemaEditorItemObject.prototype.render = function () {
         var _a = this.props, cx = _a.classnames, showInfo = _a.showInfo; _a.translate; _a.disabled;
-        return (React__default["default"].createElement("div", { className: cx('SchemaEditorItem SchemaEditorObject', {
+        return (_J$X_("div", { className: cx('SchemaEditorItem SchemaEditorObject', {
                 'is-collapsed': this.state.collapsed
             }) },
-            showInfo !== false ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-                React__default["default"].createElement("a", { className: cx('SchemaEditor-caret', {
+            showInfo !== false ? (_J$X_(React__default["default"].Fragment, null,
+                _J$X_("a", { className: cx('SchemaEditor-caret', {
                         'is-collapsed': this.state.collapsed
                     }), onClick: this.toggleCollapsed },
-                    React__default["default"].createElement(icons.Icon, { icon: "caret", className: "icon" })),
+                    _J$X_(icons.Icon, { icon: "caret", className: "icon" })),
                 this.renderCommon())) : null,
             this.state.collapsed ? null : this.rendererProps()));
     };

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -17,6 +17,9 @@ 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;
 var SchemaVariableList = /** @class */ (function (_super) {
     tslib.__extends(SchemaVariableList, _super);
     function SchemaVariableList() {
@@ -54,14 +57,14 @@ var SchemaVariableList = /** @class */ (function (_super) {
     };
     SchemaVariableList.prototype.itemRender = function (option) {
         var _a = this.props, cx = _a.classnames, __ = _a.translate;
-        return (React__default["default"].createElement("span", { className: cx("FormulaEditor-VariableList-item") },
-            React__default["default"].createElement("label", null, option.label),
-            React__default["default"].createElement(TooltipWrapper["default"], { tooltip: option.description, tooltipTheme: "dark" },
-                React__default["default"].createElement("span", { className: cx("FormulaEditor-VariableList-item-tag") }, __("SchemaType.".concat(option.type || 'any'))))));
+        return (_J$X_("span", { className: cx("FormulaEditor-VariableList-item") },
+            _J$X_("label", null, option.label),
+            _J$X_(TooltipWrapper["default"], { tooltip: option.description, tooltipTheme: "dark" },
+                _J$X_("span", { className: cx("FormulaEditor-VariableList-item-tag") }, __("SchemaType.".concat(option.type || 'any'))))));
     };
     SchemaVariableList.prototype.render = function () {
         var _a = this.props, selectMode = _a.selectMode, value = _a.value, placeholderRender = _a.placeholderRender;
-        return (React__default["default"].createElement(VariableList["default"], { data: this.state.variables, value: value, onSelect: this.handleSelect, selectMode: selectMode || 'tree', itemRender: this.itemRender, placeholderRender: placeholderRender }));
+        return (_J$X_(VariableList["default"], { data: this.state.variables, value: value, onSelect: this.handleSelect, selectMode: selectMode || 'tree', itemRender: this.itemRender, placeholderRender: placeholderRender }));
     };
     tslib.__decorate([
         amisCore.autobind,

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -17,6 +17,9 @@ 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;
 var SchemaVariableListPicker = /** @class */ (function (_super) {
     tslib.__extends(SchemaVariableListPicker, _super);
     function SchemaVariableListPicker() {
@@ -24,15 +27,15 @@ var SchemaVariableListPicker = /** @class */ (function (_super) {
     }
     SchemaVariableListPicker.prototype.render = function () {
         var _a = this.props, __ = _a.translate, schemas = _a.schemas, value = _a.value, onConfirm = _a.onConfirm, onCancel = _a.onCancel, children = _a.children, title = _a.title, selectMode = _a.selectMode, beforeBuildVariables = _a.beforeBuildVariables, onPickerOpen = _a.onPickerOpen, placeholderRender = _a.placeholderRender;
-        return (React__default["default"].createElement(PickerContainer["default"], { onPickerOpen: onPickerOpen, title: title !== null && title !== void 0 ? title : __('Select.placeholder'), bodyRender: function (_a) {
+        return (_J$X_(PickerContainer["default"], { onPickerOpen: onPickerOpen, title: title !== null && title !== void 0 ? title : __('Select.placeholder'), bodyRender: function (_a) {
                 var _b;
                 var value = _a.value, onChange = _a.onChange, stateSchemas = _a.schemas, isOpened = _a.isOpened;
-                return isOpened ? (React__default["default"].createElement(SchemaVariableList["default"], { value: (_b = value === null || value === void 0 ? void 0 : value.value) !== null && _b !== void 0 ? _b : value, onSelect: function (value, schema) {
+                return isOpened ? (_J$X_(SchemaVariableList["default"], { value: (_b = value === null || value === void 0 ? void 0 : value.value) !== null && _b !== void 0 ? _b : value, onSelect: function (value, schema) {
                         return onChange({
                             value: value,
                             schema: schema
                         });
-                    }, schemas: stateSchemas !== null && stateSchemas !== void 0 ? stateSchemas : schemas, selectMode: selectMode, beforeBuildVariables: beforeBuildVariables, placeholderRender: placeholderRender })) : (React__default["default"].createElement(React__default["default"].Fragment, null));
+                    }, schemas: stateSchemas !== null && stateSchemas !== void 0 ? stateSchemas : schemas, selectMode: selectMode, beforeBuildVariables: beforeBuildVariables, placeholderRender: placeholderRender })) : (_J$X_(React__default["default"].Fragment, null));
             }, value: value, onConfirm: onConfirm, onCancel: onCancel }, children));
     };
     return SchemaVariableListPicker;