amis-ui 3.2.0 → 3.3.0

package/lib/components/condition-builder/Expression.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * 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 fieldMap = {
     value: '值',
     field: '字段',
@@ -103,17 +106,17 @@ var Expression = /** @class */ (function (_super) {
         if ((!Array.isArray(funcs) || !funcs.length) && ~types.indexOf('func')) {
             types.splice(types.indexOf('func'), 1);
         }
-        return (React__default["default"].createElement(React__default["default"].Fragment, null,
-            inputType === 'value' ? (React__default["default"].createElement(Value["default"], { field: valueField, value: value, onChange: this.handleValueChange, op: op, data: data, disabled: disabled, formula: formula, popOverContainer: popOverContainer, renderEtrValue: renderEtrValue })) : null,
-            inputType === 'field' ? (React__default["default"].createElement(Field["default"], { value: value === null || value === void 0 ? void 0 : value.field, onChange: this.handleFieldChange, fieldClassName: fieldClassName, disabled: disabled, searchable: searchable, popOverContainer: popOverContainer, selectMode: selectMode, options: valueField
+        return (_J$X_(React__default["default"].Fragment, null,
+            inputType === 'value' ? (_J$X_(Value["default"], { field: valueField, value: value, onChange: this.handleValueChange, op: op, data: data, disabled: disabled, formula: formula, popOverContainer: popOverContainer, renderEtrValue: renderEtrValue })) : null,
+            inputType === 'field' ? (_J$X_(Field["default"], { value: value === null || value === void 0 ? void 0 : value.field, onChange: this.handleFieldChange, fieldClassName: fieldClassName, disabled: disabled, searchable: searchable, popOverContainer: popOverContainer, selectMode: selectMode, options: valueField
                     ? amisCore.filterTree(fields, function (item) {
                         return item.children ||
                             item.type === valueField.type;
                     })
                     : fields })) : null,
-            inputType === 'func' ? (React__default["default"].createElement(Func["default"], { config: config, value: value, onChange: this.handleFuncChange, fieldClassName: fieldClassName, funcs: funcs, fields: fields, allowedTypes: allowedTypes, disabled: disabled })) : null,
-            inputType === 'formula' ? (React__default["default"].createElement(Formula["default"], { value: value === null || value === void 0 ? void 0 : value.value, onChange: this.handleFormulaChange, disabled: disabled })) : null,
-            types.length > 1 ? (React__default["default"].createElement(InputSwitch["default"], { disabled: disabled, value: inputType, popOverContainer: popOverContainer, onChange: this.handleInputTypeChange, options: types.map(function (item) { return ({
+            inputType === 'func' ? (_J$X_(Func["default"], { config: config, value: value, onChange: this.handleFuncChange, fieldClassName: fieldClassName, funcs: funcs, fields: fields, allowedTypes: allowedTypes, disabled: disabled })) : null,
+            inputType === 'formula' ? (_J$X_(Formula["default"], { value: value === null || value === void 0 ? void 0 : value.value, onChange: this.handleFormulaChange, disabled: disabled })) : null,
+            types.length > 1 ? (_J$X_(InputSwitch["default"], { disabled: disabled, value: inputType, popOverContainer: popOverContainer, onChange: this.handleInputTypeChange, options: types.map(function (item) { return ({
                     label: fieldMap[item],
                     value: item
                 }); }) })) : null));

package/lib/components/condition-builder/Field.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * 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 option2value = function (item) { return item.name; };
 var ConditionField = /** @class */ (function (_super) {
     tslib.__extends(ConditionField, _super);
@@ -25,11 +28,11 @@ var ConditionField = /** @class */ (function (_super) {
     }
     ConditionField.prototype.render = function () {
         var _a = this.props, onChange = _a.onChange, value = _a.value, cx = _a.classnames, disabled = _a.disabled, translate = _a.translate, searchable = _a.searchable, _b = _a.selectMode, selectMode = _b === void 0 ? 'list' : _b, options = _a.options, loadingConfig = _a.loadingConfig;
-        return selectMode === 'chained' ? (React__default["default"].createElement(ChainedDropdownSelection["default"], { multiple: false, classnames: cx, translate: translate, options: options, value: value, valueField: "name", option2value: option2value, searchable: searchable, disabled: disabled, onChange: function (value) {
+        return selectMode === 'chained' ? (_J$X_(ChainedDropdownSelection["default"], { multiple: false, classnames: cx, translate: translate, options: options, value: value, valueField: "name", option2value: option2value, searchable: searchable, disabled: disabled, onChange: function (value) {
                 onChange(Array.isArray(value) ? value[0] : value);
-            } })) : selectMode === 'tree' ? (React__default["default"].createElement(DropDownSelection["default"], { className: 'is-scrollable', classnames: cx, translate: translate, multiple: false, option2value: option2value, searchable: searchable, disabled: disabled, valueField: 'name', mode: 'tree', options: options, value: value, loadingConfig: loadingConfig, onChange: function (value) {
+            } })) : selectMode === 'tree' ? (_J$X_(DropDownSelection["default"], { className: 'is-scrollable', classnames: cx, translate: translate, multiple: false, option2value: option2value, searchable: searchable, disabled: disabled, valueField: 'name', mode: 'tree', options: options, value: value, loadingConfig: loadingConfig, onChange: function (value) {
                 onChange(value);
-            } })) : (React__default["default"].createElement(DropDownSelection["default"], { classnames: cx, translate: translate, options: options, value: value, valueField: 'name', option2value: option2value, searchable: searchable, disabled: disabled, onChange: function (value) {
+            } })) : (_J$X_(DropDownSelection["default"], { classnames: cx, translate: translate, options: options, value: value, valueField: 'name', option2value: option2value, searchable: searchable, disabled: disabled, onChange: function (value) {
                 return onChange(Array.isArray(value) ? value[0] : value);
             } }));
     };

package/lib/components/condition-builder/Formula.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -16,6 +16,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 Formula = /** @class */ (function (_super) {
     tslib.__extends(Formula, _super);
     function Formula() {
@@ -23,8 +26,8 @@ var Formula = /** @class */ (function (_super) {
     }
     Formula.prototype.render = function () {
         var _a = this.props, cx = _a.classnames, value = _a.value, onChange = _a.onChange, disabled = _a.disabled, __ = _a.translate;
-        return (React__default["default"].createElement("div", { className: cx('CBFormula') },
-            React__default["default"].createElement(InputBox["default"], { disabled: disabled, value: value, onChange: onChange, placeholder: __('Condition.formula_placeholder'), prefix: React__default["default"].createElement("span", { className: cx('CBFormula-label') }, __('Condition.expression')), useMobileUI: true })));
+        return (_J$X_("div", { className: cx('CBFormula') },
+            _J$X_(InputBox["default"], { disabled: disabled, value: value, onChange: onChange, placeholder: __('Condition.formula_placeholder'), prefix: _J$X_("span", { className: cx('CBFormula-label') }, __('Condition.expression')), useMobileUI: true })));
     };
     return Formula;
 }(React__default["default"].Component));

package/lib/components/condition-builder/Func.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * 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 option2value = function (item) { return item.type; };
 var ConditionFunc = /** @class */ (function (_super) {
     tslib.__extends(ConditionFunc, _super);
@@ -40,10 +43,10 @@ var ConditionFunc = /** @class */ (function (_super) {
     ConditionFunc.prototype.renderFunc = function (func) {
         var _this = this;
         var _a = this.props, cx = _a.classnames, fields = _a.fields, value = _a.value, funcs = _a.funcs, config = _a.config, disabled = _a.disabled;
-        return (React__default["default"].createElement("div", { className: cx('CBFunc-args') },
-            React__default["default"].createElement("span", null, "("),
-            Array.isArray(func.args) && func.args.length ? (React__default["default"].createElement("div", null, func.args.map(function (item, index) { return (React__default["default"].createElement(Expression["default"], { config: config, key: index, index: index, fields: fields, value: value === null || value === void 0 ? void 0 : value.args[index], valueField: { type: item.type }, onChange: _this.handleArgChange, funcs: funcs, disabled: disabled })); }))) : null,
-            React__default["default"].createElement("span", null, ")")));
+        return (_J$X_("div", { className: cx('CBFunc-args') },
+            _J$X_("span", null, "("),
+            Array.isArray(func.args) && func.args.length ? (_J$X_("div", null, func.args.map(function (item, index) { return (_J$X_(Expression["default"], { config: config, key: index, index: index, fields: fields, value: value === null || value === void 0 ? void 0 : value.args[index], valueField: { type: item.type }, onChange: _this.handleArgChange, funcs: funcs, disabled: disabled })); }))) : null,
+            _J$X_("span", null, ")")));
     };
     ConditionFunc.prototype.render = function () {
         var _this = this;
@@ -51,18 +54,18 @@ var ConditionFunc = /** @class */ (function (_super) {
         var func = value
             ? amisCore.findTree(funcs, function (item) { return item.type === value.func; })
             : null;
-        return (React__default["default"].createElement("div", { className: cx('CBFunc') },
-            React__default["default"].createElement(PopOverContainer.PopOverContainer, { popOverRender: function (_a) {
+        return (_J$X_("div", { className: cx('CBFunc') },
+            _J$X_(PopOverContainer.PopOverContainer, { popOverRender: function (_a) {
                     var onClose = _a.onClose;
-                    return (React__default["default"].createElement(GroupedSelection["default"], { onClick: onClose, options: funcs, value: func === null || func === void 0 ? void 0 : func.type, option2value: option2value, onChange: _this.handleFuncChange, multiple: false }));
+                    return (_J$X_(GroupedSelection["default"], { onClick: onClose, options: funcs, value: func === null || func === void 0 ? void 0 : func.type, option2value: option2value, onChange: _this.handleFuncChange, multiple: false }));
                 } }, function (_a) {
                 var onClick = _a.onClick, ref = _a.ref, isOpened = _a.isOpened;
-                return (React__default["default"].createElement("div", { className: cx('CBFunc-select') },
-                    React__default["default"].createElement(ResultBox["default"], { className: cx('CBGroup-fieldInput', fieldClassName, isOpened ? 'is-active' : ''), ref: ref, allowInput: false, result: func, onResultChange: amisCore.noop, onResultClick: onClick, placeholder: __('Condition.field_placeholder'), disabled: disabled },
-                        React__default["default"].createElement("span", { className: cx('CBGroup-fieldCaret') },
-                            React__default["default"].createElement(icons.Icon, { icon: "right-arrow-bold", className: "icon" })))));
+                return (_J$X_("div", { className: cx('CBFunc-select') },
+                    _J$X_(ResultBox["default"], { className: cx('CBGroup-fieldInput', fieldClassName, isOpened ? 'is-active' : ''), ref: ref, allowInput: false, result: func, onResultChange: amisCore.noop, onResultClick: onClick, placeholder: __('Condition.field_placeholder'), disabled: disabled },
+                        _J$X_("span", { className: cx('CBGroup-fieldCaret') },
+                            _J$X_(icons.Icon, { icon: "right-arrow-bold", className: "icon" })))));
             }),
-            func ? (this.renderFunc(func)) : (React__default["default"].createElement("span", { className: cx('CBFunc-error') }, __('Condition.fun_error')))));
+            func ? (this.renderFunc(func)) : (_J$X_("span", { className: cx('CBFunc-error') }, __('Condition.fun_error')))));
     };
     tslib.__decorate([
         amisCore.autobind,

package/lib/components/condition-builder/Group.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * 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 ConditionGroup = /** @class */ (function (_super) {
     tslib.__extends(ConditionGroup, _super);
     function ConditionGroup(props) {
@@ -118,14 +121,14 @@ var ConditionGroup = /** @class */ (function (_super) {
         var param = { depth: depth, breadth: (_a = body === null || body === void 0 ? void 0 : body.length) !== null && _a !== void 0 ? _a : 0 };
         var addConditionVisibleBool = (_b = isAddBtnVisibleOn === null || isAddBtnVisibleOn === void 0 ? void 0 : isAddBtnVisibleOn(param)) !== null && _b !== void 0 ? _b : true;
         var addConditionGroupVisibleBool = (_c = isAddGroupBtnVisibleOn === null || isAddGroupBtnVisibleOn === void 0 ? void 0 : isAddGroupBtnVisibleOn(param)) !== null && _c !== void 0 ? _c : true;
-        return (React__default["default"].createElement("div", { className: cx('CBGroup'), "data-group-id": value === null || value === void 0 ? void 0 : value.id },
-            builderMode === 'simple' && showANDOR === false ? null : (React__default["default"].createElement("div", { className: cx('CBGroup-toolbarCondition'), draggable: draggable, onDragStart: onDragStart },
-                Array.isArray(value === null || value === void 0 ? void 0 : value.children) && value.children.length > 1 ? (React__default["default"].createElement("div", { className: cx('CBGroup-toolbarCondition-arrow', {
+        return (_J$X_("div", { className: cx('CBGroup'), "data-group-id": value === null || value === void 0 ? void 0 : value.id },
+            builderMode === 'simple' && showANDOR === false ? null : (_J$X_("div", { className: cx('CBGroup-toolbarCondition'), draggable: draggable, onDragStart: onDragStart },
+                Array.isArray(value === null || value === void 0 ? void 0 : value.children) && value.children.length > 1 ? (_J$X_("div", { className: cx('CBGroup-toolbarCondition-arrow', {
                         'is-collapse': isCollapsed
                     }), onClick: this.toggleCollapse },
-                    React__default["default"].createElement(downArrowBold["default"], null))) : null,
-                showNot ? (React__default["default"].createElement(Button["default"], { onClick: this.handleNotClick, className: "m-b-sm z-10", size: "xs", active: value === null || value === void 0 ? void 0 : value.not, disabled: disabled }, __('Condition.not'))) : null,
-                React__default["default"].createElement(Select["default"], { options: [
+                    _J$X_(downArrowBold["default"], null))) : null,
+                showNot ? (_J$X_(Button["default"], { onClick: this.handleNotClick, className: "m-b-sm z-10", size: "xs", active: value === null || value === void 0 ? void 0 : value.not, disabled: disabled }, __('Condition.not'))) : null,
+                _J$X_(Select["default"], { options: [
                         {
                             label: __('Condition.and'),
                             value: 'and'
@@ -135,20 +138,20 @@ var ConditionGroup = /** @class */ (function (_super) {
                             value: 'or'
                         }
                     ], value: (value === null || value === void 0 ? void 0 : value.conjunction) || 'and', disabled: disabled, onChange: this.handleConjunctionChange, clearable: false }))),
-            React__default["default"].createElement("div", { className: cx('CBGroup-body-wrapper') },
-                React__default["default"].createElement("div", { className: cx('CBGroup-body') },
-                    body ? (body.map(function (item, index) { return (React__default["default"].createElement(GroupOrItem["default"], { draggable: draggable && value.children.length > 1, onDragStart: onDragStart, config: config, key: item.id, fields: fields, fieldClassName: fieldClassName, value: item, index: index, onChange: _this.handleItemChange, funcs: funcs, onRemove: _this.handleItemRemove, data: data, disabled: disabled, searchable: searchable, builderMode: builderMode, formula: formula, popOverContainer: popOverContainer, renderEtrValue: renderEtrValue, selectMode: selectMode, isCollapsed: isCollapsed, depth: depth, isAddBtnVisibleOn: isAddBtnVisibleOn, isAddGroupBtnVisibleOn: isAddGroupBtnVisibleOn })); })) : (React__default["default"].createElement("div", { className: cx("CBGroup-placeholder ".concat(builderMode === 'simple' ? 'simple' : '')) }, __('Condition.blank'))),
-                    isCollapsed ? (React__default["default"].createElement("div", { className: cx('CBGroup-body-collapse') },
-                        React__default["default"].createElement("span", { onClick: this.toggleCollapse },
+            _J$X_("div", { className: cx('CBGroup-body-wrapper') },
+                _J$X_("div", { className: cx('CBGroup-body') },
+                    body ? (body.map(function (item, index) { return (_J$X_(GroupOrItem["default"], { draggable: draggable && value.children.length > 1, onDragStart: onDragStart, config: config, key: item.id, fields: fields, fieldClassName: fieldClassName, value: item, index: index, onChange: _this.handleItemChange, funcs: funcs, onRemove: _this.handleItemRemove, data: data, disabled: disabled, searchable: searchable, builderMode: builderMode, formula: formula, popOverContainer: popOverContainer, renderEtrValue: renderEtrValue, selectMode: selectMode, isCollapsed: isCollapsed, depth: depth, isAddBtnVisibleOn: isAddBtnVisibleOn, isAddGroupBtnVisibleOn: isAddGroupBtnVisibleOn })); })) : (_J$X_("div", { className: cx("CBGroup-placeholder ".concat(builderMode === 'simple' ? 'simple' : '')) }, __('Condition.blank'))),
+                    isCollapsed ? (_J$X_("div", { className: cx('CBGroup-body-collapse') },
+                        _J$X_("span", { onClick: this.toggleCollapse },
                             __('Condition.collapse'),
                             " ",
-                            React__default["default"].createElement(downArrowBold["default"], null)))) : null),
-                isCollapsed ? null : (React__default["default"].createElement("div", { className: cx('CBGroup-toolbar'), draggable: draggable, onDragStart: onDragStart },
-                    React__default["default"].createElement("div", { className: cx("CBGroup-toolbarConditionAdd".concat(builderMode === 'simple' ? '-simple' : '')) },
-                        React__default["default"].createElement("div", { className: cx('ButtonGroup') },
-                            addConditionVisibleBool ? (React__default["default"].createElement(Button["default"], { level: "link", onClick: this.handleAdd, size: "xs", disabled: disabled }, __('Condition.add_cond'))) : null,
-                            addConditionGroupVisibleBool && builderMode !== 'simple' ? (React__default["default"].createElement(Button["default"], { onClick: this.handleAddGroup, size: "xs", disabled: disabled, level: "link" }, __('Condition.add_cond_group'))) : null,
-                            removeable ? (React__default["default"].createElement(Button["default"], { onClick: onRemove, size: "xs", disabled: disabled, level: "link" }, __('Condition.delete_cond_group'))) : null)))))));
+                            _J$X_(downArrowBold["default"], null)))) : null),
+                isCollapsed ? null : (_J$X_("div", { className: cx('CBGroup-toolbar'), draggable: draggable, onDragStart: onDragStart },
+                    _J$X_("div", { className: cx("CBGroup-toolbarConditionAdd".concat(builderMode === 'simple' ? '-simple' : '')) },
+                        _J$X_("div", { className: cx('ButtonGroup') },
+                            addConditionVisibleBool ? (_J$X_(Button["default"], { level: "link", onClick: this.handleAdd, size: "xs", disabled: disabled }, __('Condition.add_cond'))) : null,
+                            addConditionGroupVisibleBool && builderMode !== 'simple' ? (_J$X_(Button["default"], { onClick: this.handleAddGroup, size: "xs", disabled: disabled, level: "link" }, __('Condition.add_cond_group'))) : null,
+                            removeable ? (_J$X_(Button["default"], { onClick: onRemove, size: "xs", disabled: disabled, level: "link" }, __('Condition.delete_cond_group'))) : null)))))));
     };
     tslib.__decorate([
         amisCore.autobind,

package/lib/components/condition-builder/GroupOrItem.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -19,6 +19,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 CBGroupOrItem = /** @class */ (function (_super) {
     tslib.__extends(CBGroupOrItem, _super);
     function CBGroupOrItem() {
@@ -51,18 +54,18 @@ var CBGroupOrItem = /** @class */ (function (_super) {
     };
     CBGroupOrItem.prototype.render = function () {
         var _a = this.props, builderMode = _a.builderMode, cx = _a.classnames, fieldClassName = _a.fieldClassName, value = _a.value, config = _a.config, fields = _a.fields, funcs = _a.funcs, draggable = _a.draggable, data = _a.data, disabled = _a.disabled, searchable = _a.searchable, onDragStart = _a.onDragStart, formula = _a.formula, popOverContainer = _a.popOverContainer, selectMode = _a.selectMode, renderEtrValue = _a.renderEtrValue, isCollapsed = _a.isCollapsed, depth = _a.depth, isAddBtnVisibleOn = _a.isAddBtnVisibleOn, isAddGroupBtnVisibleOn = _a.isAddGroupBtnVisibleOn;
-        return (React__default["default"].createElement("div", { className: cx("CBGroupOrItem".concat(builderMode === 'simple' ? '-simple' : ''), { 'is-mobile': amisCore.isMobile() }), "data-id": value === null || value === void 0 ? void 0 : value.id },
-            React__default["default"].createElement("div", { className: cx('CBGroupOrItem-body') }, (value === null || value === void 0 ? void 0 : value.conjunction) ? (React__default["default"].createElement("div", { className: cx('CBGroupOrItem-body-group', {
+        return (_J$X_("div", { className: cx("CBGroupOrItem".concat(builderMode === 'simple' ? '-simple' : ''), { 'is-mobile': amisCore.isMobile() }), "data-id": value === null || value === void 0 ? void 0 : value.id },
+            _J$X_("div", { className: cx('CBGroupOrItem-body') }, (value === null || value === void 0 ? void 0 : value.conjunction) ? (_J$X_("div", { className: cx('CBGroupOrItem-body-group', {
                     'is-hover': this.state.hover || amisCore.isMobile()
                 }), onMouseOver: this.handlerHoverIn, onMouseOut: this.handlerHoverOut },
-                draggable && !disabled ? (React__default["default"].createElement("a", { draggable: true, onDragStart: onDragStart, className: cx('CBGroupOrItem-dragbar') },
-                    React__default["default"].createElement(icons.Icon, { icon: "drag-bar", className: "icon" }))) : null,
-                React__default["default"].createElement(Group["default"], { isCollapsed: isCollapsed, draggable: draggable, disabled: disabled, searchable: searchable, selectMode: selectMode, onDragStart: onDragStart, config: config, fields: fields, value: value, onChange: this.handleItemChange, fieldClassName: fieldClassName, funcs: funcs, removeable: true, onRemove: this.handleItemRemove, data: data, renderEtrValue: renderEtrValue, depth: depth + 1, isAddBtnVisibleOn: isAddBtnVisibleOn, isAddGroupBtnVisibleOn: isAddGroupBtnVisibleOn }))) : (React__default["default"].createElement("div", { className: cx('CBGroupOrItem-body-item') },
-                draggable && !disabled ? (React__default["default"].createElement("a", { draggable: true, onDragStart: onDragStart, className: cx('CBGroupOrItem-dragbar') },
-                    React__default["default"].createElement(icons.Icon, { icon: "drag-bar", className: "icon" }))) : null,
-                React__default["default"].createElement(Item["default"], { disabled: disabled, searchable: searchable, config: config, fields: fields, value: value, onChange: this.handleItemChange, fieldClassName: fieldClassName, funcs: funcs, data: data, formula: formula, popOverContainer: popOverContainer, renderEtrValue: renderEtrValue, selectMode: selectMode }),
-                React__default["default"].createElement(Button["default"], { className: cx('CBDelete'), onClick: this.handleItemRemove, disabled: disabled, level: "link" },
-                    React__default["default"].createElement(icons.Icon, { icon: "remove", className: "icon" })))))));
+                draggable && !disabled ? (_J$X_("a", { draggable: true, onDragStart: onDragStart, className: cx('CBGroupOrItem-dragbar') },
+                    _J$X_(icons.Icon, { icon: "drag-bar", className: "icon" }))) : null,
+                _J$X_(Group["default"], { isCollapsed: isCollapsed, draggable: draggable, disabled: disabled, searchable: searchable, selectMode: selectMode, onDragStart: onDragStart, config: config, fields: fields, formula: formula, value: value, onChange: this.handleItemChange, fieldClassName: fieldClassName, funcs: funcs, removeable: true, onRemove: this.handleItemRemove, data: data, renderEtrValue: renderEtrValue, depth: depth + 1, isAddBtnVisibleOn: isAddBtnVisibleOn, isAddGroupBtnVisibleOn: isAddGroupBtnVisibleOn }))) : (_J$X_("div", { className: cx('CBGroupOrItem-body-item') },
+                draggable && !disabled ? (_J$X_("a", { draggable: true, onDragStart: onDragStart, className: cx('CBGroupOrItem-dragbar') },
+                    _J$X_(icons.Icon, { icon: "drag-bar", className: "icon" }))) : null,
+                _J$X_(Item["default"], { disabled: disabled, searchable: searchable, config: config, fields: fields, value: value, onChange: this.handleItemChange, fieldClassName: fieldClassName, funcs: funcs, data: data, formula: formula, popOverContainer: popOverContainer, renderEtrValue: renderEtrValue, selectMode: selectMode }),
+                _J$X_(Button["default"], { className: cx('CBDelete'), onClick: this.handleItemRemove, disabled: disabled, level: "link" },
+                    _J$X_(icons.Icon, { icon: "remove", className: "icon" })))))));
     };
     tslib.__decorate([
         amisCore.autobind,

package/lib/components/condition-builder/InputSwitch.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -7,27 +7,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+require('react');
 var PopOverContainer = require('../PopOverContainer.js');
 var icons = require('../icons.js');
 var GroupedSelection = require('../GroupedSelection.js');
 var amisCore = require('amis-core');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
+var __react_jsx__ = require('react');
+var _J$X_ = (__react_jsx__["default"] || __react_jsx__).createElement;
+(__react_jsx__["default"] || __react_jsx__).Fragment;
 var option2value = function (item) { return item.value; };
 function InputSwitch(_a) {
     var options = _a.options, value = _a.value, onChange = _a.onChange, cx = _a.classnames, disabled = _a.disabled, popOverContainer = _a.popOverContainer;
-    return (React__default["default"].createElement(PopOverContainer.PopOverContainer, { popOverContainer: popOverContainer, popOverRender: function (_a) {
+    return (_J$X_(PopOverContainer.PopOverContainer, { popOverContainer: popOverContainer, popOverRender: function (_a) {
             var onClose = _a.onClose;
-            return (React__default["default"].createElement(GroupedSelection["default"], { onClick: onClose, option2value: option2value, onChange: onChange, options: options, value: value, multiple: false, disabled: disabled }));
+            return (_J$X_(GroupedSelection["default"], { onClick: onClose, option2value: option2value, onChange: onChange, options: options, value: value, multiple: false, disabled: disabled }));
         } }, function (_a) {
         var onClick = _a.onClick, isOpened = _a.isOpened, ref = _a.ref;
-        return (React__default["default"].createElement("div", { className: cx('CBInputSwitch', isOpened ? 'is-active' : '') },
-            React__default["default"].createElement("a", { onClick: onClick, ref: ref },
-                React__default["default"].createElement(icons.Icon, { icon: "ellipsis-v" }))));
+        return (_J$X_("div", { className: cx('CBInputSwitch', isOpened ? 'is-active' : '') },
+            _J$X_("a", { onClick: onClick, ref: ref },
+                _J$X_(icons.Icon, { icon: "ellipsis-v" }))));
     }));
 }
 var InputSwitch$1 = amisCore.themeable(InputSwitch);

package/lib/components/condition-builder/Item.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -22,6 +22,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 option2value = function (item) { return item.value; };
 var ConditionItem = /** @class */ (function (_super) {
     tslib.__extends(ConditionItem, _super);
@@ -81,7 +84,7 @@ var ConditionItem = /** @class */ (function (_super) {
     };
     ConditionItem.prototype.renderLeft = function () {
         var _a = this.props, value = _a.value, fields = _a.fields, funcs = _a.funcs, config = _a.config, disabled = _a.disabled, fieldClassName = _a.fieldClassName, searchable = _a.searchable, popOverContainer = _a.popOverContainer, selectMode = _a.selectMode;
-        return (React__default["default"].createElement(Expression["default"], { config: config, funcs: funcs, value: value.left, fieldClassName: fieldClassName, onChange: this.handleLeftChange, fields: fields, disabled: disabled, searchable: searchable, popOverContainer: popOverContainer, selectMode: selectMode, allowedTypes: ['field', 'func'].filter(function (type) { return type === 'field' || type === 'func'; }) }));
+        return (_J$X_(Expression["default"], { config: config, funcs: funcs, value: value.left, fieldClassName: fieldClassName, onChange: this.handleLeftChange, fields: fields, disabled: disabled, searchable: searchable, popOverContainer: popOverContainer, selectMode: selectMode, allowedTypes: ['field', 'func'].filter(function (type) { return type === 'field' || type === 'func'; }) }));
     };
     ConditionItem.prototype.renderOperator = function () {
         var _this = this;
@@ -114,16 +117,16 @@ var ConditionItem = /** @class */ (function (_super) {
                     return operator;
                 }
             });
-            return (React__default["default"].createElement(PopOverContainer.PopOverContainer, { useMobileUI: true, popOverContainer: popOverContainer || (function () { return ReactDOM.findDOMNode(_this); }), popOverRender: function (_a) {
+            return (_J$X_(PopOverContainer.PopOverContainer, { useMobileUI: true, popOverContainer: popOverContainer || (function () { return ReactDOM.findDOMNode(_this); }), popOverRender: function (_a) {
                     var onClose = _a.onClose;
-                    return (React__default["default"].createElement(GroupedSelection["default"], { onClick: onClose, option2value: option2value, onChange: _this.handleOperatorChange, options: options_1, value: value.op, multiple: false }));
+                    return (_J$X_(GroupedSelection["default"], { onClick: onClose, option2value: option2value, onChange: _this.handleOperatorChange, options: options_1, value: value.op, multiple: false }));
                 } }, function (_a) {
                 var _b;
                 var onClick = _a.onClick, isOpened = _a.isOpened, ref = _a.ref;
-                return (React__default["default"].createElement("div", { className: cx('CBGroup-operator') },
-                    React__default["default"].createElement(ResultBox["default"], { className: cx('CBGroup-operatorInput', isOpened ? 'is-active' : ''), ref: ref, allowInput: false, result: __1(config.OperationMap[value === null || value === void 0 ? void 0 : value.op]) ||
-                            ((_b = options_1.find(function (option) { return option.value === value.op; })) === null || _b === void 0 ? void 0 : _b.label), onResultChange: amisCore.noop, onResultClick: onClick, disabled: disabled, placeholder: __1('Condition.cond_placeholder'), useMobileUI: true }, !amisCore.isMobile() ? (React__default["default"].createElement("span", { className: cx('CBGroup-operatorCaret') },
-                        React__default["default"].createElement(icons.Icon, { icon: "right-arrow-bold", className: "icon" }))) : null)));
+                return (_J$X_("div", { className: cx('CBGroup-operator') },
+                    _J$X_(ResultBox["default"], { className: cx('CBGroup-operatorInput', isOpened ? 'is-active' : ''), ref: ref, allowInput: false, result: __1(config.OperationMap[value === null || value === void 0 ? void 0 : value.op]) ||
+                            ((_b = options_1.find(function (option) { return option.value === value.op; })) === null || _b === void 0 ? void 0 : _b.label), onResultChange: amisCore.noop, onResultClick: onClick, disabled: disabled, placeholder: __1('Condition.cond_placeholder'), useMobileUI: true }, !amisCore.isMobile() ? (_J$X_("span", { className: cx('CBGroup-operatorCaret') },
+                        _J$X_(icons.Icon, { icon: "right-arrow-bold", className: "icon" }))) : null)));
             }));
         }
         return null;
@@ -169,26 +172,26 @@ var ConditionItem = /** @class */ (function (_super) {
             return null;
         }
         else if (op === 'between' || op === 'not_between') {
-            return (React__default["default"].createElement(React__default["default"].Fragment, null,
-                React__default["default"].createElement(Expression["default"], { config: config, funcs: funcs, valueField: field, value: (_c = value.right) === null || _c === void 0 ? void 0 : _c[0], data: data, onChange: this.handleRightSubChange.bind(this, 0), fields: fields, allowedTypes: (field === null || field === void 0 ? void 0 : field.valueTypes) ||
+            return (_J$X_(React__default["default"].Fragment, null,
+                _J$X_(Expression["default"], { config: config, funcs: funcs, valueField: field, value: (_c = value.right) === null || _c === void 0 ? void 0 : _c[0], data: data, onChange: this.handleRightSubChange.bind(this, 0), fields: fields, allowedTypes: (field === null || field === void 0 ? void 0 : field.valueTypes) ||
                         config.valueTypes || ['value', 'field', 'func', 'formula'], disabled: disabled, formula: formula, popOverContainer: popOverContainer, renderEtrValue: renderEtrValue }),
-                React__default["default"].createElement("span", { className: cx('CBSeprator') }, "~"),
-                React__default["default"].createElement(Expression["default"], { config: config, funcs: funcs, valueField: field, value: (_d = value.right) === null || _d === void 0 ? void 0 : _d[1], data: data, onChange: this.handleRightSubChange.bind(this, 1), fields: fields, allowedTypes: (field === null || field === void 0 ? void 0 : field.valueTypes) ||
+                _J$X_("span", { className: cx('CBSeprator') }, "~"),
+                _J$X_(Expression["default"], { config: config, funcs: funcs, valueField: field, value: (_d = value.right) === null || _d === void 0 ? void 0 : _d[1], data: data, onChange: this.handleRightSubChange.bind(this, 1), fields: fields, allowedTypes: (field === null || field === void 0 ? void 0 : field.valueTypes) ||
                         config.valueTypes || ['value', 'field', 'func', 'formula'], disabled: disabled, formula: formula, popOverContainer: popOverContainer, renderEtrValue: renderEtrValue })));
         }
         else if (option && typeof option !== 'string' && option.values) {
             return option.values.map(function (schema, i) {
-                return (React__default["default"].createElement("span", { key: i },
-                    React__default["default"].createElement(Expression["default"], { config: config, op: op, funcs: funcs, valueField: tslib.__assign(tslib.__assign({}, field), { value: schema }), value: amisCore.getVariable(value.right, schema.name), data: data, onChange: _this.handleRightSubChange.bind(_this, schema.name), fields: fields, allowedTypes: (field === null || field === void 0 ? void 0 : field.valueTypes) ||
+                return (_J$X_("span", { key: i },
+                    _J$X_(Expression["default"], { config: config, op: op, funcs: funcs, valueField: tslib.__assign(tslib.__assign({}, field), { value: schema }), value: amisCore.getVariable(value.right, schema.name), data: data, onChange: _this.handleRightSubChange.bind(_this, schema.name), fields: fields, allowedTypes: (field === null || field === void 0 ? void 0 : field.valueTypes) ||
                             config.valueTypes || ['value', 'field', 'func', 'formula'], disabled: disabled, formula: formula, popOverContainer: popOverContainer, renderEtrValue: renderEtrValue })));
             });
         }
-        return (React__default["default"].createElement(Expression["default"], { config: config, op: op, funcs: funcs, valueField: field, value: value.right, data: data, onChange: this.handleRightChange, fields: fields, allowedTypes: (field === null || field === void 0 ? void 0 : field.valueTypes) ||
+        return (_J$X_(Expression["default"], { config: config, op: op, funcs: funcs, valueField: field, value: value.right, data: data, onChange: this.handleRightChange, fields: fields, allowedTypes: (field === null || field === void 0 ? void 0 : field.valueTypes) ||
                 config.valueTypes || ['value', 'field', 'func', 'formula'], disabled: disabled, formula: formula, popOverContainer: popOverContainer, renderEtrValue: renderEtrValue }));
     };
     ConditionItem.prototype.render = function () {
         var cx = this.props.classnames;
-        return (React__default["default"].createElement("div", { className: cx('CBItem') },
+        return (_J$X_("div", { className: cx('CBItem') },
             this.renderLeft(),
             this.renderOperator(),
             this.renderRight()));

package/lib/components/condition-builder/Value.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -21,6 +21,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 Value = /** @class */ (function (_super) {
     tslib.__extends(Value, _super);
     function Value() {
@@ -40,29 +43,34 @@ var Value = /** @class */ (function (_super) {
                 onChange: onChange,
                 disabled: disabled
             });
-            input = React__default["default"].createElement(Picker.FormulaPicker, tslib.__assign({}, formula));
+            var inputSettings = field.type !== 'custom' && (formula === null || formula === void 0 ? void 0 : formula.inputSettings)
+                ? tslib.__assign(tslib.__assign(tslib.__assign({}, formula === null || formula === void 0 ? void 0 : formula.inputSettings), field), { multiple: field.type === 'select' &&
+                        op &&
+                        typeof op === 'string' &&
+                        ['select_any_in', 'select_not_any_in'].includes(op) }) : undefined;
+            input = _J$X_(Picker.FormulaPicker, tslib.__assign({}, formula, { inputSettings: inputSettings }));
         }
         else if (field.type === 'text') {
-            input = (React__default["default"].createElement(InputBox["default"], { value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange, placeholder: __(field.placeholder), disabled: disabled, useMobileUI: true }));
+            input = (_J$X_(InputBox["default"], { value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange, placeholder: __(field.placeholder), disabled: disabled, useMobileUI: true }));
         }
         else if (field.type === 'number') {
-            input = (React__default["default"].createElement(NumberInput["default"], { placeholder: __(field.placeholder) || __('NumberInput.placeholder'), step: field.step, min: field.minimum, max: field.maximum, precision: field.precision, value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange, disabled: disabled, useMobileUI: true }));
+            input = (_J$X_(NumberInput["default"], { placeholder: __(field.placeholder) || __('NumberInput.placeholder'), step: field.step, min: field.minimum, max: field.maximum, precision: field.precision, value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange, disabled: disabled, useMobileUI: true }));
         }
         else if (field.type === 'date') {
-            input = (React__default["default"].createElement(DatePicker["default"], { placeholder: __(field.placeholder) || __('Date.placeholder'), format: field.format || 'YYYY-MM-DD', inputFormat: field.inputFormat || 'YYYY-MM-DD', value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange, timeFormat: "", disabled: disabled, popOverContainer: popOverContainer, useMobileUI: true }));
+            input = (_J$X_(DatePicker["default"], { placeholder: __(field.placeholder) || __('Date.placeholder'), format: field.format || 'YYYY-MM-DD', inputFormat: field.inputFormat || 'YYYY-MM-DD', value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange, timeFormat: "", disabled: disabled, popOverContainer: popOverContainer, useMobileUI: true }));
         }
         else if (field.type === 'time') {
-            input = (React__default["default"].createElement(DatePicker["default"], { viewMode: "time", placeholder: __(field.placeholder) || __('Time.placeholder'), format: field.format || 'HH:mm', inputFormat: field.inputFormat || 'HH:mm', value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange, dateFormat: "", timeFormat: field.format || 'HH:mm', disabled: disabled, popOverContainer: popOverContainer, useMobileUI: true }));
+            input = (_J$X_(DatePicker["default"], { viewMode: "time", placeholder: __(field.placeholder) || __('Time.placeholder'), format: field.format || 'HH:mm', inputFormat: field.inputFormat || 'HH:mm', value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange, dateFormat: "", timeFormat: field.format || 'HH:mm', disabled: disabled, popOverContainer: popOverContainer, useMobileUI: true }));
         }
         else if (field.type === 'datetime') {
-            input = (React__default["default"].createElement(DatePicker["default"], { placeholder: __(field.placeholder) || 'Time.placeholder', format: field.format || '', inputFormat: field.inputFormat || 'YYYY-MM-DD HH:mm', value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange, timeFormat: field.timeFormat || 'HH:mm', disabled: disabled, popOverContainer: popOverContainer, useMobileUI: true }));
+            input = (_J$X_(DatePicker["default"], { placeholder: __(field.placeholder) || __('Time.placeholder'), format: field.format || '', inputFormat: field.inputFormat || 'YYYY-MM-DD HH:mm', value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange, timeFormat: field.timeFormat || 'HH:mm', disabled: disabled, popOverContainer: popOverContainer, useMobileUI: true }));
         }
         else if (field.type === 'select') {
             var autoComplete = field.autoComplete;
-            input = (React__default["default"].createElement(Select.SelectWithRemoteOptions, { simpleValue: true, options: field.options, placeholder: __(field.placeholder) || 'Select.placeholder', source: field.source, autoComplete: autoComplete, searchable: field.searchable, value: (_a = value !== null && value !== void 0 ? value : field.defaultValue) !== null && _a !== void 0 ? _a : '', data: data, onChange: onChange, multiple: op === 'select_any_in' || op === 'select_not_any_in', disabled: disabled, popOverContainer: popOverContainer, useMobileUI: true }));
+            input = (_J$X_(Select.SelectWithRemoteOptions, { simpleValue: true, options: field.options, placeholder: __(field.placeholder) || 'Select.placeholder', source: field.source, autoComplete: autoComplete, searchable: field.searchable, value: (_a = value !== null && value !== void 0 ? value : field.defaultValue) !== null && _a !== void 0 ? _a : '', data: data, onChange: onChange, multiple: op === 'select_any_in' || op === 'select_not_any_in', disabled: disabled, popOverContainer: popOverContainer, useMobileUI: true }));
         }
         else if (field.type === 'boolean') {
-            input = (React__default["default"].createElement(Switch["default"], { value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange, disabled: disabled }));
+            input = (_J$X_(Switch["default"], { value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange, disabled: disabled }));
         }
         else if (field.type === 'custom') {
             input = renderEtrValue
@@ -74,7 +82,7 @@ var Value = /** @class */ (function (_super) {
                 })
                 : null;
         }
-        return React__default["default"].createElement("div", { className: cx('CBValue') }, input);
+        return _J$X_("div", { className: cx('CBValue') }, input);
     };
     return Value;
 }(React__default["default"].Component));

package/lib/components/condition-builder/config.js

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

package/lib/components/condition-builder/index.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.2.0
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 
@@ -19,6 +19,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 QueryBuilder = /** @class */ (function (_super) {
     tslib.__extends(QueryBuilder, _super);
     function QueryBuilder() {
@@ -158,7 +161,7 @@ var QueryBuilder = /** @class */ (function (_super) {
         var html = {
             __html: "<span class=\"label label-info\">".concat(__('Condition.configured'), "</span>")
         };
-        return (React__default["default"].createElement("div", { className: cx('CPGroup-result'), dangerouslySetInnerHTML: html }));
+        return (_J$X_("div", { className: cx('CPGroup-result'), dangerouslySetInnerHTML: html }));
     };
     QueryBuilder.prototype.renderBody = function (onChange, value, popOverContainer) {
         var _a = this.props, cx = _a.classnames, fieldClassName = _a.fieldClassName, fields = _a.fields, funcs = _a.funcs, showNot = _a.showNot, showANDOR = _a.showANDOR, data = _a.data, disabled = _a.disabled, _b = _a.draggable, draggable = _b === void 0 ? true : _b, searchable = _a.searchable, builderMode = _a.builderMode, formula = _a.formula, renderEtrValue = _a.renderEtrValue, selectMode = _a.selectMode, isAddBtnVisibleOn = _a.isAddBtnVisibleOn, isAddGroupBtnVisibleOn = _a.isAddGroupBtnVisibleOn;
@@ -169,7 +172,7 @@ var QueryBuilder = /** @class */ (function (_super) {
                     }
                     return tslib.__assign(tslib.__assign({}, value), { id: amisCore.guid() });
                 }) }) : value;
-        return (React__default["default"].createElement(Group["default"], { builderMode: builderMode, config: this.config, funcs: funcs || this.config.funcs, fields: fields || this.config.fields, value: normalizedValue, onChange: onChange, classnames: cx, fieldClassName: fieldClassName, removeable: false, onDragStart: this.handleDragStart, showANDOR: showANDOR, showNot: showNot, data: data, disabled: disabled, draggable: draggable, searchable: searchable, formula: formula, renderEtrValue: renderEtrValue, popOverContainer: popOverContainer, selectMode: selectMode, depth: 1, isAddBtnVisibleOn: isAddBtnVisibleOn, isAddGroupBtnVisibleOn: isAddGroupBtnVisibleOn }));
+        return (_J$X_(Group["default"], { builderMode: builderMode, config: this.config, funcs: funcs || this.config.funcs, fields: fields || this.config.fields, value: normalizedValue, onChange: onChange, classnames: cx, fieldClassName: fieldClassName, removeable: false, onDragStart: this.handleDragStart, showANDOR: showANDOR, showNot: showNot, data: data, disabled: disabled, draggable: draggable, searchable: searchable, formula: formula, renderEtrValue: renderEtrValue, popOverContainer: popOverContainer, selectMode: selectMode, depth: 1, isAddBtnVisibleOn: isAddBtnVisibleOn, isAddGroupBtnVisibleOn: isAddGroupBtnVisibleOn }));
     };
     QueryBuilder.prototype.render = function () {
         var _this = this;
@@ -177,9 +180,9 @@ var QueryBuilder = /** @class */ (function (_super) {
         if (embed) {
             return this.renderBody(onFinalChange, value, popOverContainer);
         }
-        return (React__default["default"].createElement(PickerContainer["default"], { classnames: cx, classPrefix: classPrefix, translate: translate, locale: locale, onConfirm: onFinalChange, value: value, size: 'md', popOverContainer: popOverContainer, bodyRender: function (params) { return _this.renderBody(params.onChange, params.value); }, title: title }, function (_a) {
+        return (_J$X_(PickerContainer["default"], { classnames: cx, classPrefix: classPrefix, translate: translate, locale: locale, onConfirm: onFinalChange, value: value, size: 'md', popOverContainer: popOverContainer, bodyRender: function (params) { return _this.renderBody(params.onChange, params.value); }, title: title }, function (_a) {
             var onClick = _a.onClick, isOpened = _a.isOpened;
-            return (React__default["default"].createElement(ResultBox["default"], { classnames: cx, classPrefix: classPrefix, translate: translate, locale: locale, className: cx('CBGroup-result', { 'is-active': isOpened }), allowInput: false, clearable: true, result: value, itemRender: _this.highlightValue, onResultChange: amisCore.noop, onClear: _this.handleClear, disabled: disabled, borderMode: 'full', placeholder: placeholder, actions: pickerIcon && (React__default["default"].createElement("span", { className: cx('CBPicker-trigger'), onClick: onClick }, pickerIcon)), useMobileUI: true, onResultClick: onClick }));
+            return (_J$X_(ResultBox["default"], { classnames: cx, classPrefix: classPrefix, translate: translate, locale: locale, className: cx('CBGroup-result', { 'is-active': isOpened }), allowInput: false, clearable: true, result: value, itemRender: _this.highlightValue, onResultChange: amisCore.noop, onClear: _this.handleClear, disabled: disabled, borderMode: 'full', placeholder: placeholder, actions: pickerIcon && (_J$X_("span", { className: cx('CBPicker-trigger'), onClick: onClick }, pickerIcon)), useMobileUI: true, onResultClick: onClick }));
         }));
     };
     tslib.__decorate([