amis-core 3.2.0 → 3.3.0

package/lib/renderers/Item.js

@@ -1,5 +1,5 @@
 /**
- * amis-core v3.2.0
+ * 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,8 +285,8 @@ 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.handleClose, overlay: true }, render('popOver-auto-fill-form', form, {
                     onAction: this.handleAction,
@@ -369,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), {
@@ -380,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: [
                         {
@@ -390,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: [
                         {
@@ -418,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',
@@ -443,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)) },
@@ -467,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
@@ -482,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)
@@ -494,17 +492,17 @@ 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 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',
@@ -512,14 +510,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,
-                mobileUI ? (React__default["default"].createElement("div", { className: cx('Form-item-controlBox') },
+                mobileUI ? (_J$X_("div", { className: cx('Form-item-controlBox') },
                     renderControl(),
                     caption
                         ? render('caption', caption, {
@@ -533,9 +527,7 @@ var FormItemWrap = /** @class */ (function (_super) {
                             className: cx("Form-remark"),
                             tooltip: remark,
                             useMobileUI: useMobileUI,
-                            container: env && env.getModalContainer
-                                ? env.getModalContainer
-                                : undefined
+                            container: props.popOverContainer || env.getModalContainer
                         })
                         : null,
                     hint && model && model.isFocused
@@ -546,12 +538,12 @@ 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)
                         })
-                        : null)) : (React__default["default"].createElement(React__default["default"].Fragment, null,
+                        : null)) : (_J$X_(React__default["default"].Fragment, null,
                     renderControl(),
                     caption
                         ? render('caption', caption, {
@@ -565,9 +557,7 @@ var FormItemWrap = /** @class */ (function (_super) {
                             className: cx("Form-remark"),
                             tooltip: remark,
                             useMobileUI: useMobileUI,
-                            container: env && env.getModalContainer
-                                ? env.getModalContainer
-                                : undefined
+                            container: props.popOverContainer || env.getModalContainer
                         })
                         : null,
                     hint && model && model.isFocused
@@ -578,7 +568,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)
@@ -590,17 +580,17 @@ 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, 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',
@@ -608,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, {
@@ -629,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
@@ -644,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)
@@ -656,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',
@@ -673,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(),
@@ -692,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
@@ -705,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)
@@ -901,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.2.0
+ * 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.2.0
+ * amis-core v3.3.0
  * Copyright 2018-2023 fex
  */
 

package/lib/renderers/builtin.js

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

package/lib/renderers/register.js

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