amis-editor 5.2.5-beta.7 → 5.3.0

package/esm/renderer/NavBadgeControl.d.ts

@@ -3,7 +3,7 @@
  */
 import React from 'react';
 import type { FormControlProps } from 'amis-core';
-import type { SchemaExpression } from 'amis/lib/Schema';
+import type { SchemaExpression } from 'amis';
 export interface BadgeControlProps extends FormControlProps {
     /**
      * 角标类型
@@ -49,23 +49,23 @@ export default class BadgeControl extends React.Component<BadgeControlProps, Bad
         offset: number[];
         size?: any;
         style?: unknown;
-        visibleOn?: unknown;
         text?: unknown;
-        mode?: "text" | "dot" | "ribbon" | undefined;
         level?: any;
-        animation?: unknown;
+        visibleOn?: unknown;
+        mode?: "text" | "dot" | "ribbon" | undefined;
         position?: "top-right" | "top-left" | "bottom-left" | "bottom-right" | undefined;
+        animation?: unknown;
         overflowCount?: number | undefined;
     } | {
         offset: [number, number];
         size?: any;
         style?: unknown;
-        visibleOn?: unknown;
         text?: unknown;
-        mode?: "text" | "dot" | "ribbon" | undefined;
         level?: any;
-        animation?: unknown;
+        visibleOn?: unknown;
+        mode?: "text" | "dot" | "ribbon" | undefined;
         position?: "top-right" | "top-left" | "bottom-left" | "bottom-right" | undefined;
+        animation?: unknown;
         overflowCount?: number | undefined;
     };
     handleSwitchChange(checked: boolean): void;

package/esm/renderer/NavBadgeControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.5-alpha.12
+ * amis-editor v5.3.0
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/NavDefaultActive.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.5-alpha.12
+ * amis-editor v5.3.0
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/NavSourceControl.d.ts

@@ -4,7 +4,7 @@
 import React from 'react';
 import Sortable from 'sortablejs';
 import type { FormControlProps } from 'amis-core';
-import { SchemaApi } from 'amis/lib/Schema';
+import type { SchemaApi } from 'amis';
 export type valueType = 'text' | 'boolean' | 'number';
 export type NavControlItem = {
     label: string;

package/esm/renderer/NavSourceControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.5-alpha.12
+ * amis-editor v5.3.0
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/OptionControl.d.ts

@@ -4,8 +4,8 @@
 import React from 'react';
 import Sortable from 'sortablejs';
 import type { Option } from 'amis';
-import type { FormControlProps } from 'amis-core';
-import { SchemaApi } from 'amis/lib/Schema';
+import { FormControlProps } from 'amis-core';
+import type { SchemaApi } from 'amis';
 export type valueType = 'text' | 'boolean' | 'number';
 export interface PopoverForm {
     optionLabel: string;
@@ -18,12 +18,13 @@ export type OptionControlItem = Option & {
 export interface OptionControlProps extends FormControlProps {
     className?: string;
 }
+export type SourceType = 'custom' | 'api' | 'apicenter' | 'variable';
 export interface OptionControlState {
     options: Array<OptionControlItem>;
     api: SchemaApi;
     labelField: string;
     valueField: string;
-    source: 'custom' | 'api' | 'apicenter';
+    source: SourceType;
 }
 export default class OptionControl extends React.Component<OptionControlProps, OptionControlState> {
     sortable?: Sortable;
@@ -32,6 +33,10 @@ export default class OptionControl extends React.Component<OptionControlProps, O
     $comp: string;
     internalProps: string[];
     constructor(props: OptionControlProps);
+    /**
+     * 数据更新
+     */
+    componentWillReceiveProps(nextProps: OptionControlProps): void;
     /**
      * 获取当前选项值的类型
      */
@@ -45,6 +50,9 @@ export default class OptionControl extends React.Component<OptionControlProps, O
      */
     transformOptionValue(value: any): string;
     transformOptions(props: OptionControlProps): {
+        hiddenOn?: any;
+        hidden?: any;
+        badge?: any;
         label: any;
         value: any;
         checked: boolean;
@@ -65,7 +73,7 @@ export default class OptionControl extends React.Component<OptionControlProps, O
     /**
      * 切换选项类型
      */
-    handleSourceChange(source: 'custom' | 'api' | 'apicenter'): void;
+    handleSourceChange(source: SourceType): void;
     /**
      * 删除选项
      */
@@ -78,13 +86,18 @@ export default class OptionControl extends React.Component<OptionControlProps, O
      * 编辑选项
      */
     toggleEdit(index: number): void;
+    /**
+     * 编辑角标
+     */
+    toggleBadge(index: number, value: string): void;
     handleEditLabel(index: number, value: string): void;
+    handleHiddenValueChange(index: number, value: string): void;
     handleAdd(): void;
     handleValueTypeChange(index: number, type: valueType): void;
     handleValueChange(index: number, value: string): void;
     handleBatchAdd(values: {
         batchOption: string;
-    }, action: any): void;
+    }[], action: any): void;
     renderHeader(): JSX.Element;
     renderOption(props: any): JSX.Element;
     buildBatchAddSchema(): {
@@ -97,6 +110,9 @@ export default class OptionControl extends React.Component<OptionControlProps, O
             closeOnEsc: boolean;
             closeOnOutside: boolean;
             showCloseButton: boolean;
+            onConfirm: (values: {
+                batchOption: string;
+            }[], action: any) => void;
             body: ({
                 type: string;
                 level: string;

package/esm/renderer/OptionControl.js

@@ -1,18 +1,20 @@
 /**
- * amis-editor v5.2.5-alpha.12
+ * amis-editor v5.3.0
  * Copyright 2018-2023 @fex
  */
 
-import { __extends, __assign, __read, __spreadArray, __decorate, __metadata } from 'tslib';
+import { __extends, __assign, __rest, __read, __spreadArray, __decorate, __metadata } from 'tslib';
 import React__default from 'react';
 import { findDOMNode } from 'react-dom';
 import cx from 'classnames';
 import uniqBy from 'lodash/uniqBy';
 import omit from 'lodash/omit';
+import get from 'lodash/get';
 import Sortable from 'sortablejs';
 import { Icon, Checkbox, render, Button, FormItem } from 'amis';
 import { value2array } from 'amis-ui/lib/components/Select';
 import { getI18nEnabled, getSchemaTpl, tipedLabel, autobind } from 'amis-editor-core';
+import { createObject } from 'amis-core';
 import { i18n } from 'i18n-runtime';
 
 /**
@@ -27,7 +29,7 @@ var OptionControl = /** @class */function (_super) {
     if (props.data.hasOwnProperty('source') && props.data.source) {
       var api = props.data.source;
       var url = typeof api === 'string' ? api : typeof api === 'object' ? api.url || '' : '';
-      source = !url.indexOf('api://') ? 'apicenter' : 'api';
+      source = /\$\{(.*?)\}/g.test(props.data.source) ? 'variable' : !url.indexOf('api://') ? 'apicenter' : 'api';
     }
     _this.state = {
       options: _this.transformOptions(props),
@@ -38,6 +40,21 @@ var OptionControl = /** @class */function (_super) {
     };
     return _this;
   }
+  /**
+   * 数据更新
+   */
+  OptionControl.prototype.componentWillReceiveProps = function (nextProps) {
+    var options = get(nextProps, 'data.options') ? this.transformOptions(nextProps) : [];
+    if (JSON.stringify(this.state.options.map(function (item) {
+      return __assign(__assign({}, item), {
+        editing: undefined
+      });
+    })) !== JSON.stringify(options)) {
+      this.setState({
+        options: options
+      });
+    }
+  };
   /**
    * 获取当前选项值的类型
    */
@@ -88,12 +105,18 @@ var OptionControl = /** @class */function (_super) {
     });
     return Array.isArray(options) ? options.map(function (item) {
       var _a;
-      return {
+      return __assign(__assign(__assign({
         label: item.label,
         // 为了使用户编写label时同时生效到value
         value: item.label === item.value ? null : item.value,
         checked: !!~valueArray.indexOf(item[(_a = ctx === null || ctx === void 0 ? void 0 : ctx.valueField) !== null && _a !== void 0 ? _a : 'value'])
-      };
+      }, (item === null || item === void 0 ? void 0 : item.badge) ? {
+        badge: item.badge
+      } : {}), item.hidden !== undefined ? {
+        hidden: item.hidden
+      } : {}), item.hiddenOn !== undefined ? {
+        hiddenOn: item.hiddenOn
+      } : {});
     }) : [];
   };
   /**
@@ -112,7 +135,7 @@ var OptionControl = /** @class */function (_super) {
       delimiter = ctx.delimiter,
       valueField = ctx.valueField;
     var checkedOptions = this.state.options.filter(function (item) {
-      return item.checked;
+      return item.checked && (item === null || item === void 0 ? void 0 : item.hidden) !== true;
     }).map(function (item) {
       return omit(item, _this.internalProps);
     });
@@ -155,14 +178,18 @@ var OptionControl = /** @class */function (_super) {
     if (source === 'custom') {
       var options = this.state.options;
       data.options = options.map(function (item) {
-        return {
+        return __assign(__assign(__assign({}, (item === null || item === void 0 ? void 0 : item.badge) ? {
+          badge: item.badge
+        } : {}), {
           label: item.label,
           value: item.value == null || item.value === '' ? item.label : item.value
-        };
+        }), item.hiddenOn !== undefined ? {
+          hiddenOn: item.hiddenOn
+        } : {});
       });
-      data.value = defaultValue || undefined;
+      data.value = defaultValue;
     }
-    if (source === 'api' || source === 'apicenter') {
+    if (source === 'api' || source === 'apicenter' || source === 'variable') {
       var _a = this.state,
         api = _a.api,
         labelField = _a.labelField,
@@ -233,6 +260,7 @@ var OptionControl = /** @class */function (_super) {
    */
   OptionControl.prototype.handleSourceChange = function (source) {
     this.setState({
+      api: '',
       source: source
     }, this.onChange);
   };
@@ -285,6 +313,19 @@ var OptionControl = /** @class */function (_super) {
       options: options
     });
   };
+  /**
+   * 编辑角标
+   */
+  OptionControl.prototype.toggleBadge = function (index, value) {
+    var _this = this;
+    var options = this.state.options;
+    options[index].badge = value;
+    this.setState({
+      options: options
+    }, function () {
+      return _this.onChange();
+    });
+  };
   OptionControl.prototype.handleEditLabel = function (index, value) {
     var _this = this;
     var options = this.state.options.concat();
@@ -297,6 +338,21 @@ var OptionControl = /** @class */function (_super) {
       return _this.onChange();
     });
   };
+  OptionControl.prototype.handleHiddenValueChange = function (index, value) {
+    var _this = this;
+    var options = this.state.options.concat();
+    var _a = options[index];
+      _a.hiddenOn;
+      var option = __rest(_a, ["hiddenOn"]);
+    options.splice(index, 1, __assign(__assign({}, option), !value ? {} : {
+      hiddenOn: value
+    }));
+    this.setState({
+      options: options
+    }, function () {
+      return _this.onChange();
+    });
+  };
   OptionControl.prototype.handleAdd = function () {
     var _this = this;
     var options = this.state.options;
@@ -335,7 +391,7 @@ var OptionControl = /** @class */function (_super) {
   OptionControl.prototype.handleBatchAdd = function (values, action) {
     var _this = this;
     var options = this.state.options.concat();
-    var addedOptions = values.batchOption.split('\n').map(function (option) {
+    var addedOptions = values[0].batchOption.split('\n').map(function (option) {
       var item = option.trim();
       if (~item.indexOf(' ')) {
         var _a = __read(item.split(' '), 2),
@@ -373,7 +429,7 @@ var OptionControl = /** @class */function (_super) {
       hasApiCenter = _b.hasApiCenter;
     var classPrefix = (_a = env === null || env === void 0 ? void 0 : env.theme) === null || _a === void 0 ? void 0 : _a.classPrefix;
     var source = this.state.source;
-    var optionSourceList = __spreadArray([{
+    var optionSourceList = __spreadArray(__spreadArray([{
       label: i18n("01820262aa9ad5b130f8f5b86bfd2968"),
       value: 'custom'
     }, {
@@ -382,12 +438,15 @@ var OptionControl = /** @class */function (_super) {
     }], __read(hasApiCenter ? [{
       label: i18n("e6ff6a97bf600c02942db3126a7077b8"),
       value: 'apicenter'
-    }] : []
+    }] : []), false), [{
+      label: i18n("50334fc77fc5a2c2636f14f158d3c417"),
+      value: 'variable'
+    }
     // {
     //   label: '表单实体',
     //   value: 'form'
     // }
-    ), false).map(function (item) {
+    ], false).map(function (item) {
       return __assign(__assign({}, item), {
         onClick: function () {
           return _this.handleSourceChange(item.value);
@@ -430,13 +489,16 @@ var OptionControl = /** @class */function (_super) {
       editing = props.editing,
       multipleProps = props.multipleProps,
       closeDefaultCheck = props.closeDefaultCheck;
-    var render$1 = this.props.render;
-    var ctx = this.props.data;
+    var _a = this.props,
+      render$1 = _a.render,
+      ctx = _a.data,
+      node = _a.node;
     var isMultiple = (ctx === null || ctx === void 0 ? void 0 : ctx.multiple) === true || multipleProps;
     var i18nEnabled = getI18nEnabled();
     var label = this.transformOptionValue(props.label);
     var value = this.transformOptionValue(props.value);
     var valueType = this.getOptionValueType(props.value);
+    var showBadge = node.type === 'button-group-select';
     var editDom = editing ? React__default.createElement("div", {
       className: "ae-OptionControlItem-extendMore"
     }, render$1('option', {
@@ -456,6 +518,7 @@ var OptionControl = /** @class */function (_super) {
         label: i18n("97d07614380da93d257f9fbf81aa56fb"),
         mode: 'horizontal',
         value: label,
+        name: 'optionLabel',
         labelClassName: 'ae-OptionControlItem-EditLabel',
         valueClassName: 'ae-OptionControlItem-EditValue',
         onChange: function (v) {
@@ -470,7 +533,7 @@ var OptionControl = /** @class */function (_super) {
         mode: 'horizontal',
         body: [{
           type: 'select',
-          name: 'valueType',
+          name: 'optionValueType',
           value: valueType,
           options: [{
             label: i18n("97d07614380da93d257f9fbf81aa56fb"),
@@ -489,7 +552,7 @@ var OptionControl = /** @class */function (_super) {
         }, {
           type: 'input-text',
           placeholder: i18n("f4ab507e2fa2d2bd66bcdeafd9fef797"),
-          name: 'value',
+          name: 'optionValue',
           value: value,
           visibleOn: "this.optionValueType !== 'boolean'",
           onChange: function (v) {
@@ -498,7 +561,7 @@ var OptionControl = /** @class */function (_super) {
         }, {
           type: 'input-text',
           placeholder: i18n("f4ab507e2fa2d2bd66bcdeafd9fef797"),
-          name: 'value',
+          name: 'optionValue',
           value: value,
           visibleOn: "this.optionValueType === 'boolean'",
           onChange: function (v) {
@@ -512,7 +575,33 @@ var OptionControl = /** @class */function (_super) {
             value: false
           }]
         }]
+      }, {
+        type: 'ae-expressionFormulaControl',
+        name: 'optionHiddenOn',
+        label: i18n("dce5379cb978a8259ecfca8f08f00817"),
+        labelClassName: 'ae-OptionControlItem-EditLabel',
+        valueClassName: 'ae-OptionControlItem-EditValue',
+        onChange: function (v) {
+          return _this.handleHiddenValueChange(index, v);
+        }
+      }, {
+        type: i18nEnabled ? 'input-text-i18n' : 'input-text',
+        placeholder: i18n("7f05bea37729325a6cc84eb26bb9f8c8"),
+        label: i18n("b8c467fce096a649583c0bc9d9281a5c"),
+        mode: 'horizontal',
+        visible: showBadge,
+        value: props === null || props === void 0 ? void 0 : props.badge,
+        name: 'optionBadge',
+        labelClassName: 'ae-OptionControlItem-EditLabel',
+        valueClassName: 'ae-OptionControlItem-EditValue',
+        onChange: function (v) {
+          return _this.toggleBadge(index, v);
+        }
       }]
+    }, {
+      data: createObject(ctx, {
+        option: props
+      })
     })) : null;
     var operationBtn = [{
       type: 'button',
@@ -540,6 +629,8 @@ var OptionControl = /** @class */function (_super) {
         }
       });
     }
+    var disabled = (props === null || props === void 0 ? void 0 : props.hidden) === true;
+    var tooltip = disabled ? i18n("bc3f5a690d8c3a47d27ef8a1b127bafc") : i18n("0560b060c438e9326f92718ccbc3f95b");
     return React__default.createElement("li", {
       className: "ae-OptionControlItem",
       key: index
@@ -552,10 +643,11 @@ var OptionControl = /** @class */function (_super) {
       className: "icon"
     })), !this.props.closeDefaultCheck && this.props.data.defaultCheckAll !== true && React__default.createElement("span", {
       className: "inline-flex",
-      "data-tooltip": "\u9ED8\u8BA4\u9009\u4E2D\u6B64\u9879"
+      "data-tooltip": tooltip
     }, React__default.createElement(Checkbox, {
       className: "ae-OptionControlItem-checkbox",
       checked: checked,
+      disabled: disabled,
       type: isMultiple ? 'checkbox' : 'radio',
       onChange: function (newChecked, shift) {
         return _this.handleToggleDefaultValue(index, newChecked, shift);
@@ -594,6 +686,7 @@ var OptionControl = /** @class */function (_super) {
         closeOnEsc: true,
         closeOnOutside: false,
         showCloseButton: true,
+        onConfirm: this.handleBatchAdd,
         body: [{
           type: 'alert',
           level: 'warning',
@@ -651,9 +744,6 @@ var OptionControl = /** @class */function (_super) {
       api = _a.api,
       labelField = _a.labelField,
       valueField = _a.valueField;
-    if (source === 'custom') {
-      return null;
-    }
     return render('api', getSchemaTpl('apiControl', {
       label: i18n("54ea89b497ec3bb319c68844dfa3687f"),
       name: 'source',
@@ -709,16 +799,20 @@ var OptionControl = /** @class */function (_super) {
       level: "enhance",
       onClick: this.handleAdd,
       ref: this.targetRef
-    }, "\u6DFB\u52A0\u9009\u9879"), render('inner', this.buildBatchAddSchema(), {
-      onSubmit: this.handleBatchAdd
-    }))) : null, this.renderApiPanel());
+    }, "\u6DFB\u52A0\u9009\u9879"), render('inner', this.buildBatchAddSchema()))) : null, source === 'api' || source === 'apicenter' ? this.renderApiPanel() : null, source === 'variable' ? render('variable', getSchemaTpl('sourceBindControl', {
+      label: false,
+      className: 'ae-ExtendMore'
+    }), {
+      onChange: this.handleAPIChange
+    }) : null);
   };
   __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], OptionControl.prototype, "targetRef", null);
   __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], OptionControl.prototype, "dragRef", null);
   __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [String]), __metadata("design:returntype", void 0)], OptionControl.prototype, "handleSourceChange", null);
   __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Number, String]), __metadata("design:returntype", void 0)], OptionControl.prototype, "handleEditLabel", null);
+  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Number, String]), __metadata("design:returntype", void 0)], OptionControl.prototype, "handleHiddenValueChange", null);
   __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], OptionControl.prototype, "handleAdd", null);
-  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Object, Object]), __metadata("design:returntype", void 0)], OptionControl.prototype, "handleBatchAdd", null);
+  __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Array, Object]), __metadata("design:returntype", void 0)], OptionControl.prototype, "handleBatchAdd", null);
   __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], OptionControl.prototype, "handleAPIChange", null);
   __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [String]), __metadata("design:returntype", void 0)], OptionControl.prototype, "handleLableFieldChange", null);
   __decorate([autobind, __metadata("design:type", Function), __metadata("design:paramtypes", [String]), __metadata("design:returntype", void 0)], OptionControl.prototype, "handleValueFieldChange", null);

package/esm/renderer/RangePartsControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.5-alpha.12
+ * amis-editor v5.3.0
  * Copyright 2018-2023 @fex
  */
 

package/esm/renderer/StatusControl.d.ts

@@ -4,8 +4,8 @@
 import React from 'react';
 import { Option } from 'amis';
 import type { FormControlProps } from 'amis-core';
-import type { SchemaCollection } from 'amis/lib/Schema';
-import type { FormSchema } from 'amis/lib/schema';
+import type { SchemaCollection } from 'amis';
+import type { FormSchema } from '../../../amis/src/Schema';
 export interface StatusControlProps extends FormControlProps {
     name: string;
     expressionName: string;
@@ -14,6 +14,9 @@ export interface StatusControlProps extends FormControlProps {
     options?: Option[];
     children?: SchemaCollection;
     messages?: Pick<FormSchema, 'messages'>;
+    noBulkChange?: boolean;
+    noBulkChangeData?: any;
+    onDataChange?: (value: any) => void;
 }
 type StatusFormData = {
     statusType: number;

package/esm/renderer/StatusControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.5-alpha.12
+ * amis-editor v5.3.0
  * Copyright 2018-2023 @fex
  */
 
@@ -23,7 +23,9 @@ var StatusControl = /** @class */function (_super) {
   StatusControl.prototype.initState = function () {
     var _a = this.props,
       _b = _a.data,
-      ctx = _b === void 0 ? {} : _b,
+      data = _b === void 0 ? {} : _b,
+      noBulkChange = _a.noBulkChange,
+      noBulkChangeData = _a.noBulkChangeData,
       expressionName = _a.expressionName,
       name = _a.name,
       trueValue = _a.trueValue;
@@ -31,6 +33,10 @@ var StatusControl = /** @class */function (_super) {
       statusType: 1,
       expression: ''
     };
+    var ctx = data;
+    if (noBulkChange && noBulkChangeData) {
+      ctx = noBulkChangeData;
+    }
     if (ctx[expressionName] || ctx[expressionName] === '') {
       formData.statusType = 2;
       formData.expression = ctx[expressionName];
@@ -54,15 +60,21 @@ var StatusControl = /** @class */function (_super) {
       var _a;
       var _b = _this.props,
         onBulkChange = _b.onBulkChange,
+        noBulkChange = _b.noBulkChange,
+        onDataChange = _b.onDataChange,
         expressionName = _b.expressionName,
         name = _b.name;
-      onBulkChange && onBulkChange((_a = {}, _a[name] = value == trueValue ? trueValue : falseValue, _a[expressionName] = undefined, _a));
+      var newData = (_a = {}, _a[name] = value == trueValue ? trueValue : falseValue, _a[expressionName] = undefined, _a);
+      !noBulkChange && onBulkChange && onBulkChange(newData);
+      onDataChange && onDataChange(newData);
     });
   };
   StatusControl.prototype.handleFormSubmit = function (values) {
     var _a;
     var _b = this.props,
       onBulkChange = _b.onBulkChange,
+      noBulkChange = _b.noBulkChange,
+      onDataChange = _b.onDataChange,
       name = _b.name,
       expressionName = _b.expressionName;
     var data = (_a = {}, _a[name] = undefined, _a[expressionName] = undefined, _a);
@@ -77,7 +89,8 @@ var StatusControl = /** @class */function (_super) {
         data[expressionName] = values.expression;
         break;
     }
-    onBulkChange && onBulkChange(data);
+    !noBulkChange && onBulkChange && onBulkChange(data);
+    onDataChange && onDataChange(data);
   };
   StatusControl.prototype.render = function () {
     var _a = this.props,