amis-core 3.1.1 → 3.3.0

package/lib/renderers/Item.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.1.1
+ * amis-core v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -21,7 +21,7 @@ var debounce = require('lodash/debounce');
 var api = require('../utils/api.js');
 var ReactDOM = require('react-dom');
 require('../utils/ColorScale.js');
-require('lodash/chunk');
+require('../utils/columnsSplit.js');
 var dataMapping = require('../utils/dataMapping.js');
 require('../utils/DataSchema.js');
 require('../utils/DataScope.js');
@@ -29,6 +29,7 @@ require('moment');
 var object = require('../utils/object.js');
 require('amis-formula');
 require('../utils/debug.js');
+require('../utils/dom.js');
 require('../utils/errors.js');
 require('lodash/isPlainObject');
 require('classnames');
@@ -37,8 +38,10 @@ require('lodash/isObject');
 require('lodash/isString');
 require('lodash/isBoolean');
 var getVariable = require('../utils/getVariable.js');
-require('lodash');
+require('../utils/highlight.js');
+require('../utils/icon.js');
 require('../utils/image.js');
+require('lodash/isEqual');
 require('../actions/Action.js');
 require('lodash/cloneDeep');
 require('../utils/resize-sensor.js');
@@ -60,6 +63,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var hoistNonReactStatic__default = /*#__PURE__*/_interopDefaultLegacy(hoistNonReactStatic);
 var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var getItemLabelClassName = function (props) {
     var staticLabelClassName = props.staticLabelClassName, labelClassName = props.labelClassName;
     return props.static && staticLabelClassName
@@ -279,11 +285,12 @@ var FormItemWrap = /** @class */ (function (_super) {
             ]
         };
         if (mode === 'popOver') {
-            return (React__default["default"].createElement(Overlay["default"], { container: popOverContainer || this.target, target: function () { return _this.target; }, placement: position || 'left-bottom-left-top', show: true },
-                React__default["default"].createElement(PopOver["default"], { classPrefix: ns, className: cx("".concat(ns, "auto-fill-popOver"), popOverClassName), style: {
+            return (_J$X_(Overlay["default"], { container: popOverContainer || this.target, target: function () { return _this.target; }, placement: position || 'left-bottom-left-top', show: true },
+                _J$X_(PopOver["default"], { classPrefix: ns, className: cx("".concat(ns, "auto-fill-popOver"), popOverClassName), style: {
                         minWidth: this.target ? this.target.offsetWidth : undefined
-                    }, offset: offset, onHide: this.hanldeClose, overlay: true }, render('popOver-auto-fill-form', form, {
-                    onSubmit: this.hanldeSubmit
+                    }, offset: offset, onHide: this.handleClose, overlay: true }, render('popOver-auto-fill-form', form, {
+                    onAction: this.handleAction,
+                    onSubmit: this.handleSubmit
                 }))));
         }
         else {
@@ -291,15 +298,20 @@ var FormItemWrap = /** @class */ (function (_super) {
         }
     };
     // 参照录入popOver提交
-    FormItemWrap.prototype.hanldeSubmit = function (values) {
+    FormItemWrap.prototype.handleSubmit = function (values) {
         var _a = this.props; _a.onBulkChange; var autoFill = _a.autoFill;
         if (!autoFill || (autoFill && !(autoFill === null || autoFill === void 0 ? void 0 : autoFill.hasOwnProperty('api')))) {
             return;
         }
         this.updateAutoFillData(values.selectedItems);
-        this.hanldeClose();
+        this.handleClose();
     };
-    FormItemWrap.prototype.hanldeClose = function () {
+    FormItemWrap.prototype.handleAction = function (e, action, data) {
+        if (action.actionType === 'cancel') {
+            this.handleClose();
+        }
+    };
+    FormItemWrap.prototype.handleClose = function () {
         this.setState({
             isOpened: false
         });
@@ -363,7 +375,7 @@ var FormItemWrap = /** @class */ (function (_super) {
         }
         var renderLayout = FormItemWrap.layoutRenderers[mode] ||
             FormItemWrap.layoutRenderers['normal'];
-        return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        return (_J$X_(React__default["default"].Fragment, null,
             renderLayout(this.props, this.renderControl.bind(this)),
             model
                 ? render('modal', tslib.__assign({ type: 'dialog' }, model.dialogSchema), {
@@ -374,7 +386,7 @@ var FormItemWrap = /** @class */ (function (_super) {
                     formStore: undefined
                 })
                 : null,
-            React__default["default"].createElement(CustomStyle["default"], { config: {
+            _J$X_(CustomStyle["default"], { config: {
                     themeCss: themeCss || css,
                     classNames: [
                         {
@@ -384,7 +396,7 @@ var FormItemWrap = /** @class */ (function (_super) {
                     ],
                     id: id + '-label'
                 }, env: env }),
-            React__default["default"].createElement(CustomStyle["default"], { config: {
+            _J$X_(CustomStyle["default"], { config: {
                     themeCss: themeCss || css,
                     classNames: [
                         {
@@ -412,24 +424,24 @@ var FormItemWrap = /** @class */ (function (_super) {
             var right = helper.getWidthRate(horizontal.right);
             var labelAlign = props.labelAlign || props.formLabelAlign;
             var labelWidth = props.labelWidth || props.formLabelWidth;
-            return (React__default["default"].createElement("div", { "data-role": "form-item", className: cx("Form-item Form-item--horizontal", isStatic && staticClassName ? staticClassName : className, (_a = {
+            return (_J$X_("div", { "data-role": "form-item", className: cx("Form-item Form-item--horizontal", isStatic && staticClassName ? staticClassName : className, (_a = {
                         'Form-item--horizontal-justify': horizontal.justify
                     },
                     _a["is-error"] = model && !model.valid,
                     _a["is-required"] = required,
                     _a), model === null || model === void 0 ? void 0 : model.errClassNames), style: style },
-                label !== false ? (React__default["default"].createElement("label", { className: cx("Form-label", (_b = {},
+                label !== false ? (_J$X_("label", { className: cx("Form-label", (_b = {},
                         _b["Form-itemColumn--".concat(typeof horizontal.leftFixed === 'string'
                             ? horizontal.leftFixed
                             : 'normal')] = horizontal.leftFixed,
                         _b["Form-itemColumn--".concat(left)] = !horizontal.leftFixed,
                         _b['Form-label--left'] = labelAlign === 'left',
                         _b), getItemLabelClassName(props)), style: labelWidth != null ? { width: labelWidth } : undefined },
-                    React__default["default"].createElement("span", null,
+                    _J$X_("span", null,
                         label
                             ? render('label', typeof label === 'string' ? tpl.filter(label, data) : label)
                             : null,
-                        required && (label || labelRemark) ? (React__default["default"].createElement("span", { className: cx("Form-star") }, "*")) : null,
+                        required && (label || labelRemark) ? (_J$X_("span", { className: cx("Form-star") }, "*")) : null,
                         labelRemark
                             ? render('label-remark', {
                                 type: 'remark',
@@ -437,14 +449,10 @@ var FormItemWrap = /** @class */ (function (_super) {
                                 tooltip: labelRemark,
                                 useMobileUI: useMobileUI,
                                 className: cx("Form-labelRemark"),
-                                container: props.popOverContainer
-                                    ? props.popOverContainer
-                                    : env && env.getModalContainer
-                                        ? env.getModalContainer
-                                        : undefined
+                                container: props.popOverContainer || env.getModalContainer
                             })
                             : null))) : null,
-                React__default["default"].createElement("div", { className: cx("Form-value", (_c = {},
+                _J$X_("div", { className: cx("Form-value", (_c = {},
                         // [`Form-itemColumn--offset${getWidthRate(horizontal.offset)}`]: !label && label !== false,
                         _c["Form-itemColumn--".concat(right)] = !horizontal.leftFixed && !!right && right !== 12 - left,
                         _c)) },
@@ -461,11 +469,7 @@ var FormItemWrap = /** @class */ (function (_super) {
                             tooltip: remark,
                             className: cx("Form-remark"),
                             useMobileUI: useMobileUI,
-                            container: props.popOverContainer
-                                ? props.popOverContainer
-                                : env && env.getModalContainer
-                                    ? env.getModalContainer
-                                    : undefined
+                            container: props.popOverContainer || env.getModalContainer
                         })
                         : null,
                     hint && model && model.isFocused
@@ -476,7 +480,7 @@ var FormItemWrap = /** @class */ (function (_super) {
                     model &&
                         !model.valid &&
                         showErrorMsg !== false &&
-                        Array.isArray(model.errors) ? (React__default["default"].createElement("ul", { className: cx("Form-feedback") }, model.errors.map(function (msg, key) { return (React__default["default"].createElement("li", { key: key }, msg)); }))) : null,
+                        Array.isArray(model.errors) ? (_J$X_("ul", { className: cx("Form-feedback") }, model.errors.map(function (msg, key) { return (_J$X_("li", { key: key }, msg)); }))) : null,
                     renderDescription !== false && description
                         ? render('description', description, {
                             className: cx("Form-description", descriptionClassName)
@@ -486,18 +490,19 @@ var FormItemWrap = /** @class */ (function (_super) {
         normal: function (props, renderControl) {
             var _a;
             var className = props.className, style = props.style, cx = props.classnames, desc = props.desc, description = props.description, label = props.label, render = props.render, required = props.required, caption = props.caption, remark = props.remark, labelRemark = props.labelRemark, env = props.env, descriptionClassName = props.descriptionClassName, captionClassName = props.captionClassName, model = props.formItem, renderLabel = props.renderLabel, renderDescription = props.renderDescription, hint = props.hint, data = props.data, showErrorMsg = props.showErrorMsg, useMobileUI = props.useMobileUI; props.translate; var isStatic = props.static, staticClassName = props.staticClassName;
+            var mobileUI = useMobileUI && helper.isMobile();
             description = description || desc;
-            return (React__default["default"].createElement("div", { "data-role": "form-item", className: cx("Form-item Form-item--normal", isStatic && staticClassName ? staticClassName : className, (_a = {
+            return (_J$X_("div", { "data-role": "form-item", className: cx("Form-item Form-item--normal", isStatic && staticClassName ? staticClassName : className, (_a = {
                         'is-error': model && !model.valid
                     },
                     _a["is-required"] = required,
                     _a), model === null || model === void 0 ? void 0 : model.errClassNames), style: style },
-                label && renderLabel !== false ? (React__default["default"].createElement("label", { className: cx("Form-label", getItemLabelClassName(props)) },
-                    React__default["default"].createElement("span", null,
+                label && renderLabel !== false ? (_J$X_("label", { className: cx("Form-label", getItemLabelClassName(props)) },
+                    _J$X_("span", null,
                         label
                             ? render('label', typeof label === 'string' ? tpl.filter(label, data) : label)
                             : null,
-                        required && (label || labelRemark) ? (React__default["default"].createElement("span", { className: cx("Form-star") }, "*")) : null,
+                        required && (label || labelRemark) ? (_J$X_("span", { className: cx("Form-star") }, "*")) : null,
                         labelRemark
                             ? render('label-remark', {
                                 type: 'remark',
@@ -505,62 +510,87 @@ var FormItemWrap = /** @class */ (function (_super) {
                                 tooltip: labelRemark,
                                 className: cx("Form-lableRemark"),
                                 useMobileUI: useMobileUI,
-                                container: props.popOverContainer
-                                    ? props.popOverContainer
-                                    : env && env.getModalContainer
-                                        ? env.getModalContainer
-                                        : undefined
+                                container: props.popOverContainer || env.getModalContainer
                             })
                             : null))) : null,
-                renderControl(),
-                caption
-                    ? render('caption', caption, {
-                        className: cx("Form-caption", captionClassName)
-                    })
-                    : null,
-                remark
-                    ? render('remark', {
-                        type: 'remark',
-                        icon: remark.icon || 'warning-mark',
-                        className: cx("Form-remark"),
-                        tooltip: remark,
-                        useMobileUI: useMobileUI,
-                        container: env && env.getModalContainer
-                            ? env.getModalContainer
-                            : undefined
-                    })
-                    : null,
-                hint && model && model.isFocused
-                    ? render('hint', hint, {
-                        className: cx("Form-hint")
-                    })
-                    : null,
-                model &&
-                    !model.valid &&
-                    showErrorMsg !== false &&
-                    Array.isArray(model.errors) ? (React__default["default"].createElement("ul", { className: cx("Form-feedback") }, model.errors.map(function (msg, key) { return (React__default["default"].createElement("li", { key: key }, msg)); }))) : null,
-                renderDescription !== false && description
-                    ? render('description', description, {
-                        className: cx("Form-description", descriptionClassName)
-                    })
-                    : null));
+                mobileUI ? (_J$X_("div", { className: cx('Form-item-controlBox') },
+                    renderControl(),
+                    caption
+                        ? render('caption', caption, {
+                            className: cx("Form-caption", captionClassName)
+                        })
+                        : null,
+                    remark
+                        ? render('remark', {
+                            type: 'remark',
+                            icon: remark.icon || 'warning-mark',
+                            className: cx("Form-remark"),
+                            tooltip: remark,
+                            useMobileUI: useMobileUI,
+                            container: props.popOverContainer || env.getModalContainer
+                        })
+                        : null,
+                    hint && model && model.isFocused
+                        ? render('hint', hint, {
+                            className: cx("Form-hint")
+                        })
+                        : null,
+                    model &&
+                        !model.valid &&
+                        showErrorMsg !== false &&
+                        Array.isArray(model.errors) ? (_J$X_("ul", { className: cx("Form-feedback") }, model.errors.map(function (msg, key) { return (_J$X_("li", { key: key }, msg)); }))) : null,
+                    renderDescription !== false && description
+                        ? render('description', description, {
+                            className: cx("Form-description", descriptionClassName)
+                        })
+                        : null)) : (_J$X_(React__default["default"].Fragment, null,
+                    renderControl(),
+                    caption
+                        ? render('caption', caption, {
+                            className: cx("Form-caption", captionClassName)
+                        })
+                        : null,
+                    remark
+                        ? render('remark', {
+                            type: 'remark',
+                            icon: remark.icon || 'warning-mark',
+                            className: cx("Form-remark"),
+                            tooltip: remark,
+                            useMobileUI: useMobileUI,
+                            container: props.popOverContainer || env.getModalContainer
+                        })
+                        : null,
+                    hint && model && model.isFocused
+                        ? render('hint', hint, {
+                            className: cx("Form-hint")
+                        })
+                        : null,
+                    model &&
+                        !model.valid &&
+                        showErrorMsg !== false &&
+                        Array.isArray(model.errors) ? (_J$X_("ul", { className: cx("Form-feedback") }, model.errors.map(function (msg, key) { return (_J$X_("li", { key: key }, msg)); }))) : null,
+                    renderDescription !== false && description
+                        ? render('description', description, {
+                            className: cx("Form-description", descriptionClassName)
+                        })
+                        : null))));
         },
         inline: function (props, renderControl) {
             var _a;
             var className = props.className, style = props.style, cx = props.classnames, desc = props.desc, description = props.description, label = props.label, render = props.render, required = props.required, caption = props.caption, descriptionClassName = props.descriptionClassName, captionClassName = props.captionClassName, model = props.formItem, remark = props.remark, labelRemark = props.labelRemark, env = props.env, hint = props.hint, renderLabel = props.renderLabel, renderDescription = props.renderDescription, data = props.data, showErrorMsg = props.showErrorMsg, useMobileUI = props.useMobileUI; props.translate; var isStatic = props.static, staticClassName = props.staticClassName;
             var labelWidth = props.labelWidth || props.formLabelWidth;
             description = description || desc;
-            return (React__default["default"].createElement("div", { "data-role": "form-item", className: cx("Form-item Form-item--inline", isStatic && staticClassName ? staticClassName : className, (_a = {
+            return (_J$X_("div", { "data-role": "form-item", className: cx("Form-item Form-item--inline", isStatic && staticClassName ? staticClassName : className, (_a = {
                         'is-error': model && !model.valid
                     },
                     _a["is-required"] = required,
                     _a), model === null || model === void 0 ? void 0 : model.errClassNames), style: style },
-                label && renderLabel !== false ? (React__default["default"].createElement("label", { className: cx("Form-label", getItemLabelClassName(props)), style: labelWidth != null ? { width: labelWidth } : undefined },
-                    React__default["default"].createElement("span", null,
+                label && renderLabel !== false ? (_J$X_("label", { className: cx("Form-label", getItemLabelClassName(props)), style: labelWidth != null ? { width: labelWidth } : undefined },
+                    _J$X_("span", null,
                         label
                             ? render('label', typeof label === 'string' ? tpl.filter(label, data) : label)
                             : label,
-                        required && (label || labelRemark) ? (React__default["default"].createElement("span", { className: cx("Form-star") }, "*")) : null,
+                        required && (label || labelRemark) ? (_J$X_("span", { className: cx("Form-star") }, "*")) : null,
                         labelRemark
                             ? render('label-remark', {
                                 type: 'remark',
@@ -568,14 +598,10 @@ var FormItemWrap = /** @class */ (function (_super) {
                                 tooltip: labelRemark,
                                 className: cx("Form-lableRemark"),
                                 useMobileUI: useMobileUI,
-                                container: props.popOverContainer
-                                    ? props.popOverContainer
-                                    : env && env.getModalContainer
-                                        ? env.getModalContainer
-                                        : undefined
+                                container: props.popOverContainer || env.getModalContainer
                             })
                             : null))) : null,
-                React__default["default"].createElement("div", { className: cx("Form-value") },
+                _J$X_("div", { className: cx("Form-value") },
                     renderControl(),
                     caption
                         ? render('caption', caption, {
@@ -589,11 +615,7 @@ var FormItemWrap = /** @class */ (function (_super) {
                             className: cx("Form-remark"),
                             tooltip: remark,
                             useMobileUI: useMobileUI,
-                            container: props.popOverContainer
-                                ? props.popOverContainer
-                                : env && env.getModalContainer
-                                    ? env.getModalContainer
-                                    : undefined
+                            container: props.popOverContainer || env.getModalContainer
                         })
                         : null,
                     hint && model && model.isFocused
@@ -604,7 +626,7 @@ var FormItemWrap = /** @class */ (function (_super) {
                     model &&
                         !model.valid &&
                         showErrorMsg !== false &&
-                        Array.isArray(model.errors) ? (React__default["default"].createElement("ul", { className: cx("Form-feedback") }, model.errors.map(function (msg, key) { return (React__default["default"].createElement("li", { key: key }, msg)); }))) : null,
+                        Array.isArray(model.errors) ? (_J$X_("ul", { className: cx("Form-feedback") }, model.errors.map(function (msg, key) { return (_J$X_("li", { key: key }, msg)); }))) : null,
                     renderDescription !== false && description
                         ? render('description', description, {
                             className: cx("Form-description", descriptionClassName)
@@ -616,16 +638,16 @@ var FormItemWrap = /** @class */ (function (_super) {
             var className = props.className, style = props.style, cx = props.classnames, desc = props.desc, description = props.description, label = props.label, render = props.render, required = props.required, caption = props.caption, remark = props.remark, labelRemark = props.labelRemark, env = props.env, descriptionClassName = props.descriptionClassName, captionClassName = props.captionClassName, model = props.formItem, renderLabel = props.renderLabel, renderDescription = props.renderDescription, hint = props.hint, data = props.data, showErrorMsg = props.showErrorMsg, useMobileUI = props.useMobileUI; props.translate; var isStatic = props.static, staticClassName = props.staticClassName;
             var labelWidth = props.labelWidth || props.formLabelWidth;
             description = description || desc;
-            return (React__default["default"].createElement("div", { "data-role": "form-item", className: cx("Form-item Form-item--row", isStatic && staticClassName ? staticClassName : className, (_a = {
+            return (_J$X_("div", { "data-role": "form-item", className: cx("Form-item Form-item--row", isStatic && staticClassName ? staticClassName : className, (_a = {
                         'is-error': model && !model.valid
                     },
                     _a["is-required"] = required,
                     _a), model === null || model === void 0 ? void 0 : model.errClassNames), style: style },
-                React__default["default"].createElement("div", { className: cx('Form-rowInner') },
-                    label && renderLabel !== false ? (React__default["default"].createElement("label", { className: cx("Form-label", getItemLabelClassName(props)), style: labelWidth != null ? { width: labelWidth } : undefined },
-                        React__default["default"].createElement("span", null,
+                _J$X_("div", { className: cx('Form-rowInner') },
+                    label && renderLabel !== false ? (_J$X_("label", { className: cx("Form-label", getItemLabelClassName(props)), style: labelWidth != null ? { width: labelWidth } : undefined },
+                        _J$X_("span", null,
                             render('label', typeof label === 'string' ? tpl.filter(label, data) : label),
-                            required && (label || labelRemark) ? (React__default["default"].createElement("span", { className: cx("Form-star") }, "*")) : null,
+                            required && (label || labelRemark) ? (_J$X_("span", { className: cx("Form-star") }, "*")) : null,
                             labelRemark
                                 ? render('label-remark', {
                                     type: 'remark',
@@ -633,11 +655,7 @@ var FormItemWrap = /** @class */ (function (_super) {
                                     tooltip: labelRemark,
                                     className: cx("Form-lableRemark"),
                                     useMobileUI: useMobileUI,
-                                    container: props.popOverContainer
-                                        ? props.popOverContainer
-                                        : env && env.getModalContainer
-                                            ? env.getModalContainer
-                                            : undefined
+                                    container: props.popOverContainer || env.getModalContainer
                                 })
                                 : null))) : null,
                     renderControl(),
@@ -652,9 +670,7 @@ var FormItemWrap = /** @class */ (function (_super) {
                             icon: remark.icon || 'warning-mark',
                             className: cx("Form-remark"),
                             tooltip: remark,
-                            container: env && env.getModalContainer
-                                ? env.getModalContainer
-                                : undefined
+                            container: props.popOverContainer || env.getModalContainer
                         })
                         : null),
                 hint && model && model.isFocused
@@ -665,7 +681,7 @@ var FormItemWrap = /** @class */ (function (_super) {
                 model &&
                     !model.valid &&
                     showErrorMsg !== false &&
-                    Array.isArray(model.errors) ? (React__default["default"].createElement("ul", { className: cx('Form-feedback') }, model.errors.map(function (msg, key) { return (React__default["default"].createElement("li", { key: key }, msg)); }))) : null,
+                    Array.isArray(model.errors) ? (_J$X_("ul", { className: cx('Form-feedback') }, model.errors.map(function (msg, key) { return (_J$X_("li", { key: key }, msg)); }))) : null,
                 description && renderDescription !== false
                     ? render('description', description, {
                         className: cx("Form-description", descriptionClassName)
@@ -690,13 +706,19 @@ var FormItemWrap = /** @class */ (function (_super) {
         tslib.__metadata("design:type", Function),
         tslib.__metadata("design:paramtypes", [Object]),
         tslib.__metadata("design:returntype", void 0)
-    ], FormItemWrap.prototype, "hanldeSubmit", null);
+    ], FormItemWrap.prototype, "handleSubmit", null);
+    tslib.__decorate([
+        helper.autobind,
+        tslib.__metadata("design:type", Function),
+        tslib.__metadata("design:paramtypes", [Object, Object, Object]),
+        tslib.__metadata("design:returntype", void 0)
+    ], FormItemWrap.prototype, "handleAction", null);
     tslib.__decorate([
         helper.autobind,
         tslib.__metadata("design:type", Function),
         tslib.__metadata("design:paramtypes", []),
         tslib.__metadata("design:returntype", void 0)
-    ], FormItemWrap.prototype, "hanldeClose", null);
+    ], FormItemWrap.prototype, "handleClose", null);
     tslib.__decorate([
         helper.autobind,
         tslib.__metadata("design:type", Function),
@@ -855,8 +877,8 @@ function asFormItem(config) {
                     var mobileUI = useMobileUI && helper.isMobile();
                     //@ts-ignore
                     var isOpened = this.state.isOpened;
-                    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-                        React__default["default"].createElement(Control, tslib.__assign({}, rest, { useMobileUI: useMobileUI, onOpenDialog: this.handleOpenDialog, size: config.sizeMutable !== false ? undefined : size, onFocus: this.handleFocus, onBlur: this.handleBlur, type: type, classnames: cx, ref: isSFC ? undefined : this.refFn, forwardedRef: isSFC ? this.refFn : undefined, formItem: model, className: cx("Form-control", (_a = {
+                    return (_J$X_(React__default["default"].Fragment, null,
+                        _J$X_(Control, tslib.__assign({}, rest, { useMobileUI: useMobileUI, onOpenDialog: this.handleOpenDialog, size: config.sizeMutable !== false ? undefined : size, onFocus: this.handleFocus, onBlur: this.handleBlur, type: type, classnames: cx, ref: isSFC ? undefined : this.refFn, forwardedRef: isSFC ? this.refFn : undefined, formItem: model, className: cx("Form-control", (_a = {
                                     'is-inline': !!rest.inline && !mobileUI,
                                     'is-error': model && !model.valid,
                                     'is-full': size === 'full'

package/lib/renderers/Options.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.1.1
+ * amis-core v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -28,23 +28,25 @@ var isPlainObject = require('lodash/isPlainObject');
 var normalizeOptions = require('../utils/normalizeOptions.js');
 var optionValueCompare = require('../utils/optionValueCompare.js');
 require('../utils/ColorScale.js');
-require('lodash/chunk');
+require('../utils/columnsSplit.js');
 require('../utils/DataSchema.js');
 require('../utils/DataScope.js');
 require('../utils/debug.js');
-require('react-dom');
+require('../utils/dom.js');
 require('../utils/errors.js');
 require('classnames');
 require('lodash/isObject');
 require('lodash/isString');
 require('lodash/isBoolean');
-require('lodash');
+require('../utils/highlight.js');
+require('../utils/icon.js');
 require('../utils/image.js');
 var keyToPath = require('../utils/keyToPath.js');
 var rendererEvent = require('../utils/renderer-event.js');
 require('lodash/cloneDeep');
 require('../utils/resize-sensor.js');
 require('react-overlays/useRootClose');
+require('react-dom');
 require('../utils/SimpleMap.js');
 require('lodash/mapValues');
 require('lodash/camelCase');
@@ -60,6 +62,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var findIndex__default = /*#__PURE__*/_interopDefaultLegacy(findIndex);
 var isPlainObject__default = /*#__PURE__*/_interopDefaultLegacy(isPlainObject);
 
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var detectProps = Item.detectProps.concat([
     'value',
     'options',
@@ -807,7 +812,7 @@ function registerOptionsControl(config) {
         FormOptionsItem.prototype.render = function () {
             var _a = this.props, value = _a.value, formItem = _a.formItem, addApi = _a.addApi, editApi = _a.editApi, deleteApi = _a.deleteApi, creatable = _a.creatable, editable = _a.editable, removable = _a.removable, enableNodePath = _a.enableNodePath, pathSeparator = _a.pathSeparator, _b = _a.delimiter, delimiter = _b === void 0 ? ',' : _b, _c = _a.labelField, labelField = _c === void 0 ? 'label' : _c, _d = _a.valueField, valueField = _d === void 0 ? 'value' : _d, __ = _a.translate;
             var _e = helper.normalizeNodePath(value, enableNodePath, labelField, valueField, pathSeparator, delimiter), nodePathArray = _e.nodePathArray, nodeValueArray = _e.nodeValueArray;
-            return (React__default["default"].createElement(Control, tslib.__assign({}, this.props, { placeholder: __(this.props.placeholder), ref: this.inputRef, options: formItem ? formItem.filteredOptions : [], onToggle: this.handleToggle, onToggleAll: this.handleToggleAll, selectedOptions: formItem
+            return (_J$X_(Control, tslib.__assign({}, this.props, { placeholder: __(this.props.placeholder), ref: this.inputRef, options: formItem ? formItem.filteredOptions : [], onToggle: this.handleToggle, onToggleAll: this.handleToggleAll, selectedOptions: formItem
                     ? formItem.getSelectedOptions(value, enableNodePath ? nodeValueArray : undefined)
                     : [], nodePath: nodePathArray, loading: formItem ? formItem.loading : false, setLoading: this.setLoading, setOptions: this.setOptions, syncOptions: this.syncOptions, reloadOptions: this.reload, deferLoad: this.deferLoad, leftDeferLoad: this.leftDeferLoad, expandTreeOptions: this.expandTreeOptions, creatable: creatable !== false && api.isEffectiveApi(addApi) ? true : creatable, editable: editable || (editable !== false && api.isEffectiveApi(editApi)), removable: removable || (removable !== false && api.isEffectiveApi(deleteApi)), onAdd: this.handleOptionAdd, onEdit: this.handleOptionEdit, onDelete: this.handleOptionDelete })));
         };

package/lib/renderers/Placeholder.js

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

package/lib/renderers/builtin.js

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

package/lib/renderers/register.js

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

package/lib/renderers/wrapControl.d.ts

@@ -49,30 +49,10 @@ export interface ControlProps {
     store: IIRendererStore;
 }
 export declare function wrapControl<T extends React.ComponentType<React.ComponentProps<T> & ControlProps>>(ComposedComponent: T): {
-    new (props: Omit<any, "rootStore"> | Readonly<Omit<any, "rootStore">>): {
-        render(): React.JSX.Element;
-        context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<any, "rootStore">>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Omit<any, "rootStore">>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<any, "rootStore">>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<any, "rootStore">>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<any, "rootStore">>, prevState: Readonly<{}>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<any, "rootStore">>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<any, "rootStore">>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<any, "rootStore">>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<any, "rootStore">>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    new (props: Omit<any, "rootStore">, context: any): {
+    new (props: Omit<any, "rootStore">): {
+        ref: any;
+        getWrappedInstance(): any;
+        refFn(ref: any): void;
         render(): React.JSX.Element;
         context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<any, "rootStore">>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;