amis-ui 3.1.1 → 3.3.0

package/lib/components/condition-builder/GroupOrItem.d.ts

@@ -24,8 +24,17 @@ export interface CBGroupOrItemProps extends ThemeProps {
     formula?: FormulaPickerProps;
     popOverContainer?: any;
     renderEtrValue?: any;
-    selectMode?: 'list' | 'tree';
+    selectMode?: 'list' | 'tree' | 'chained';
     isCollapsed?: boolean;
+    depth: number;
+    isAddBtnVisibleOn?: (param: {
+        depth: number;
+        breadth: number;
+    }) => boolean;
+    isAddGroupBtnVisibleOn?: (param: {
+        depth: number;
+        breadth: number;
+    }) => boolean;
 }
 export declare class CBGroupOrItem extends React.Component<CBGroupOrItemProps> {
     state: {

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * 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() {
@@ -36,6 +39,9 @@ var CBGroupOrItem = /** @class */ (function (_super) {
         (_b = (_a = this.props).onRemove) === null || _b === void 0 ? void 0 : _b.call(_a, this.props.index);
     };
     CBGroupOrItem.prototype.handlerHoverIn = function (e) {
+        if (amisCore.isMobile()) {
+            return;
+        }
         e.stopPropagation();
         this.setState({
             hover: true
@@ -47,19 +53,19 @@ 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;
-        return (React__default["default"].createElement("div", { className: cx("CBGroupOrItem".concat(builderMode === 'simple' ? '-simple' : '')), "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', {
-                    'is-hover': this.state.hover
+        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 (_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, onDragStart: onDragStart, config: config, fields: fields, value: value, onChange: this.handleItemChange, fieldClassName: fieldClassName, funcs: funcs, removeable: true, onRemove: this.handleItemRemove, data: data, renderEtrValue: renderEtrValue }))) : (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.1.1
+ * 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.d.ts

@@ -19,7 +19,7 @@ export interface ConditionItemProps extends ThemeProps, LocaleProps {
     formula?: FormulaPickerProps;
     popOverContainer?: any;
     renderEtrValue?: any;
-    selectMode?: 'list' | 'tree';
+    selectMode?: 'list' | 'tree' | 'chained';
 }
 export declare class ConditionItem extends React.Component<ConditionItemProps> {
     handleLeftFieldSelect(field: any): void;

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * 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,17 +117,16 @@ var ConditionItem = /** @class */ (function (_super) {
                     return operator;
                 }
             });
-            return (React__default["default"].createElement(PopOverContainer.PopOverContainer, { 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') },
-                        React__default["default"].createElement("span", { className: cx('CBGroup-operatorCaret') },
-                            React__default["default"].createElement(icons.Icon, { icon: "caret", className: "icon" })))));
+                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;
@@ -170,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.1.1
+ * 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 }));
+            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 }));
+            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 }));
+            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 }));
+            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 }));
+            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 }));
+            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.1.1
+ * amis-ui v3.3.0
  * Copyright 2018-2023 fex
  */
 

package/lib/components/condition-builder/index.d.ts

@@ -20,12 +20,21 @@ export interface ConditionBuilderProps extends ThemeProps, LocaleProps {
     onChange: (value?: ConditionGroupValue) => void;
     config?: ConditionBuilderConfig;
     disabled?: boolean;
+    draggable?: boolean;
     searchable?: boolean;
     fieldClassName?: string;
     formula?: FormulaPickerProps;
     popOverContainer?: any;
     renderEtrValue?: any;
-    selectMode?: 'list' | 'tree';
+    selectMode?: 'list' | 'tree' | 'chained';
+    isAddBtnVisibleOn?: (param: {
+        depth: number;
+        breadth: number;
+    }) => boolean;
+    isAddGroupBtnVisibleOn?: (param: {
+        depth: number;
+        breadth: number;
+    }) => boolean;
 }
 export interface ConditionBuilderState {
     tmpValue: ConditionGroupValue;

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

@@ -1,5 +1,5 @@
 /**
- * amis-ui v3.1.1
+ * 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() {
@@ -28,6 +31,10 @@ var QueryBuilder = /** @class */ (function (_super) {
         return _this;
     }
     QueryBuilder.prototype.handleDragStart = function (e) {
+        var _a = this.props.draggable, draggable = _a === void 0 ? true : _a;
+        // draggable为false时不可拖拽
+        if (!draggable)
+            return;
         var target = e.currentTarget;
         var item = target.closest('[data-id]');
         this.dragTarget = item;
@@ -154,10 +161,10 @@ 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, searchable = _a.searchable, builderMode = _a.builderMode, formula = _a.formula, renderEtrValue = _a.renderEtrValue, selectMode = _a.selectMode;
+        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;
         var normalizedValue = Array.isArray(value === null || value === void 0 ? void 0 : value.children)
             ? tslib.__assign(tslib.__assign({}, value), { children: amisCore.mapTree(value.children, function (value) {
                     if (value.id) {
@@ -165,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, searchable: searchable, formula: formula, renderEtrValue: renderEtrValue, popOverContainer: popOverContainer, selectMode: selectMode }));
+        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;
@@ -173,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)), 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([