amis-editor 5.2.5 → 5.3.0

package/lib/renderer/BadgeControl.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 {
     /**
      * 角标类型
@@ -67,34 +67,34 @@ export default class BadgeControl extends React.Component<BadgeControlProps, Bad
     transformBadgeValue(): BadgeForm;
     normalizeBadgeValue(form: BadgeForm): {
         offset: number[];
+        size?: any;
         style?: {
             [propName: string]: any;
         } | undefined;
         text?: string | number | undefined;
-        visibleOn?: string | undefined;
-        size?: any;
+        level?: any;
+        visibleOn?: any;
         mode?: "text" | "dot" | "ribbon" | undefined;
-        animation?: boolean | undefined;
-        level?: string | undefined;
         position?: "top-right" | "top-left" | "bottom-left" | "bottom-right" | undefined;
+        animation?: boolean | undefined;
         overflowCount?: number | undefined;
     } | {
         offset: [number, number];
+        size?: any;
         style?: {
             [propName: string]: any;
         } | undefined;
         text?: string | number | undefined;
-        visibleOn?: string | undefined;
-        size?: any;
+        level?: any;
+        visibleOn?: any;
         mode?: "text" | "dot" | "ribbon" | undefined;
-        animation?: boolean | undefined;
-        level?: string | undefined;
         position?: "top-right" | "top-left" | "bottom-left" | "bottom-right" | undefined;
+        animation?: boolean | undefined;
         overflowCount?: number | undefined;
     };
     handleSwitchChange(checked: boolean): void;
     handleSubmit(form: BadgeForm, action: any): void;
-    renderBody(): JSX.Element;
+    renderBody(): any;
     render(): JSX.Element;
 }
 export declare class BadgeControlRenderer extends BadgeControl {

package/lib/renderer/BadgeControl.js

@@ -1,5 +1,5 @@
 /**
- * amis-editor v5.2.4-beta.39
+ * amis-editor v5.3.0
  * Copyright 2018-2023 @fex
  */
 
@@ -31,295 +31,261 @@ var BadgeControl = /** @class */function (_super) {
     };
     return _this;
   }
-  Object.defineProperty(BadgeControl.prototype, "componentDidUpdate", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (prevProps) {
-      var _a, _b;
-      var props = this.props;
-      if (amisEditorCore.anyChanged(['mode', 'text', 'size', 'offset', 'position', 'overflowCount', 'visibleOn', 'animation', 'style', 'level'], (_a = prevProps === null || prevProps === void 0 ? void 0 : prevProps.value) !== null && _a !== void 0 ? _a : {}, (_b = props === null || props === void 0 ? void 0 : props.value) !== null && _b !== void 0 ? _b : {})) {
-        this.setState({
-          checked: !!amisEditorCore.isObject(props === null || props === void 0 ? void 0 : props.value)
-        });
-      }
-    }
-  });
-  Object.defineProperty(BadgeControl.prototype, "transformBadgeValue", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
-      var _a, _b;
-      var ctx = this.props.data;
-      var badge = (_a = ctx === null || ctx === void 0 ? void 0 : ctx.badge) !== null && _a !== void 0 ? _a : {};
-      // 避免获取到上层的size
-      var size = (_b = ctx === null || ctx === void 0 ? void 0 : ctx.badge) === null || _b === void 0 ? void 0 : _b.size;
-      var offset = [0, 0];
-      // 转换成combo可以识别的格式
-      if (Array.isArray(badge === null || badge === void 0 ? void 0 : badge.offset) && (badge === null || badge === void 0 ? void 0 : badge.offset.length) >= 2) {
-        offset[0] = badge.offset[0];
-        offset[1] = badge.offset[1];
-      }
-      return tslib.__assign(tslib.__assign({}, badge), {
-        size: size,
-        offset: offset
+  BadgeControl.prototype.componentDidUpdate = function (prevProps) {
+    var _a, _b;
+    var props = this.props;
+    if (amisEditorCore.anyChanged(['mode', 'text', 'size', 'offset', 'position', 'overflowCount', 'visibleOn', 'animation', 'style', 'level'], (_a = prevProps === null || prevProps === void 0 ? void 0 : prevProps.value) !== null && _a !== void 0 ? _a : {}, (_b = props === null || props === void 0 ? void 0 : props.value) !== null && _b !== void 0 ? _b : {})) {
+      this.setState({
+        checked: !!amisEditorCore.isObject(props === null || props === void 0 ? void 0 : props.value)
       });
     }
-  });
-  Object.defineProperty(BadgeControl.prototype, "normalizeBadgeValue", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (form) {
-      var _a, _b;
-      var offset = amisEditorCore.isObject(form === null || form === void 0 ? void 0 : form.offset) && ((_a = form === null || form === void 0 ? void 0 : form.offset) === null || _a === void 0 ? void 0 : _a[0]) && ((_b = form === null || form === void 0 ? void 0 : form.offset) === null || _b === void 0 ? void 0 : _b[1]) ? {
-        offset: [form.offset[0], form.offset[1]]
-      } : {};
-      return tslib.__assign(tslib.__assign({}, form), offset);
+  };
+  BadgeControl.prototype.transformBadgeValue = function () {
+    var _a, _b, _c, _d;
+    var _e = this.props,
+      ctx = _e.data,
+      node = _e.node;
+    var badge = (_a = ctx === null || ctx === void 0 ? void 0 : ctx.badge) !== null && _a !== void 0 ? _a : {};
+    // 避免获取到上层的size
+    var size = (_b = ctx === null || ctx === void 0 ? void 0 : ctx.badge) === null || _b === void 0 ? void 0 : _b.size;
+    if (node.type === 'button-group-select') {
+      badge = (_d = (_c = ctx === null || ctx === void 0 ? void 0 : ctx.option) === null || _c === void 0 ? void 0 : _c.badge) !== null && _d !== void 0 ? _d : {};
+      size = badge === null || badge === void 0 ? void 0 : badge.size;
     }
-  });
-  Object.defineProperty(BadgeControl.prototype, "handleSwitchChange", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (checked) {
-      var _a = this.props,
-        onChange = _a.onChange,
-        disabled = _a.disabled;
-      if (disabled) {
-        return;
-      }
-      this.setState({
-        checked: checked
-      });
-      onChange === null || onChange === void 0 ? void 0 : onChange(checked ? {
-        mode: 'dot'
-      } : undefined);
+    var offset = [0, 0];
+    // 转换成combo可以识别的格式
+    if (Array.isArray(badge === null || badge === void 0 ? void 0 : badge.offset) && (badge === null || badge === void 0 ? void 0 : badge.offset.length) >= 2) {
+      offset[0] = badge.offset[0];
+      offset[1] = badge.offset[1];
     }
-  });
-  Object.defineProperty(BadgeControl.prototype, "handleSubmit", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function (form, action) {
-      var onBulkChange = this.props.onBulkChange;
-      if ((action === null || action === void 0 ? void 0 : action.type) === 'submit') {
-        onBulkChange === null || onBulkChange === void 0 ? void 0 : onBulkChange({
-          badge: this.normalizeBadgeValue(form)
-        });
-      }
+    return tslib.__assign(tslib.__assign({}, badge), {
+      size: size,
+      offset: offset
+    });
+  };
+  BadgeControl.prototype.normalizeBadgeValue = function (form) {
+    var _a, _b;
+    var offset = amisEditorCore.isObject(form === null || form === void 0 ? void 0 : form.offset) && ((_a = form === null || form === void 0 ? void 0 : form.offset) === null || _a === void 0 ? void 0 : _a[0]) && ((_b = form === null || form === void 0 ? void 0 : form.offset) === null || _b === void 0 ? void 0 : _b[1]) ? {
+      offset: [form.offset[0], form.offset[1]]
+    } : {};
+    return tslib.__assign(tslib.__assign({}, form), offset);
+  };
+  BadgeControl.prototype.handleSwitchChange = function (checked) {
+    var _a = this.props,
+      onChange = _a.onChange,
+      disabled = _a.disabled;
+    if (disabled) {
+      return;
     }
-  });
-  Object.defineProperty(BadgeControl.prototype, "renderBody", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
-      var render = this.props.render;
-      var data = this.transformBadgeValue();
-      var i18nEnabled = amisEditorCore.getI18nEnabled();
-      return render('badge-form', {
-        type: 'form',
-        className: 'ae-BadgeControl-form w-full',
-        wrapWithPanel: false,
-        panelClassName: 'border-none shadow-none mb-0',
-        bodyClassName: 'p-none',
-        actionsClassName: 'border-none mt-2.5',
-        wrapperComponent: 'div',
-        preventEnterSubmit: true,
-        submitOnChange: true,
-        body: [{
-          label: i18nRuntime.i18n("226b0912184333c81babf2f1894ec0c1"),
-          name: 'mode',
-          type: 'button-group-select',
-          size: 'sm',
-          mode: 'row',
-          tiled: true,
-          className: 'ae-BadgeControl-buttonGroup',
-          options: [{
-            label: i18nRuntime.i18n("be604f8b7ec5e80288b091ee12bbab7f"),
-            value: 'dot',
-            icon: 'fa fa-circle'
-          }, {
-            label: i18nRuntime.i18n("ca746b1ff10193a3ce20878dec04a733"),
-            value: 'text',
-            icon: 'fa fa-font'
-          }, {
-            label: i18nRuntime.i18n("9adcfe38533f68035b2bf7831d310381"),
-            value: 'ribbon',
-            icon: 'fa fa-ribbon'
-          }],
-          pipeIn: amisEditorCore.defaultValue('dot')
+    this.setState({
+      checked: checked
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(checked ? {
+      mode: 'dot'
+    } : undefined);
+  };
+  BadgeControl.prototype.handleSubmit = function (form, action) {
+    var onBulkChange = this.props.onBulkChange;
+    if ((action === null || action === void 0 ? void 0 : action.type) === 'submit') {
+      onBulkChange === null || onBulkChange === void 0 ? void 0 : onBulkChange({
+        badge: this.normalizeBadgeValue(form)
+      });
+    }
+  };
+  BadgeControl.prototype.renderBody = function () {
+    var render = this.props.render;
+    var data = this.transformBadgeValue();
+    var i18nEnabled = amisEditorCore.getI18nEnabled();
+    return render('badge-form', {
+      type: 'form',
+      className: 'ae-BadgeControl-form w-full',
+      wrapWithPanel: false,
+      panelClassName: 'border-none shadow-none mb-0',
+      bodyClassName: 'p-none',
+      actionsClassName: 'border-none mt-2.5',
+      wrapperComponent: 'div',
+      preventEnterSubmit: true,
+      submitOnChange: true,
+      body: [{
+        label: i18nRuntime.i18n("226b0912184333c81babf2f1894ec0c1"),
+        name: 'mode',
+        type: 'button-group-select',
+        size: 'sm',
+        mode: 'row',
+        tiled: true,
+        className: 'ae-BadgeControl-buttonGroup',
+        options: [{
+          label: i18nRuntime.i18n("be604f8b7ec5e80288b091ee12bbab7f"),
+          value: 'dot',
+          icon: 'fa fa-circle'
         }, {
-          label: i18nRuntime.i18n("cbc608353218e1d63e6f47c9db1eae64"),
-          name: 'text',
-          type: i18nEnabled ? 'input-text-i18n' : 'input-text',
-          mode: 'row',
-          visibleOn: "data.mode !== 'dot'",
-          pipeOut: function (value) {
-            return Number.isNaN(Number(value)) || value === '' ? value : Number(value);
-          }
+          label: i18nRuntime.i18n("ca746b1ff10193a3ce20878dec04a733"),
+          value: 'text',
+          icon: 'fa fa-font'
+        }, {
+          label: i18nRuntime.i18n("9adcfe38533f68035b2bf7831d310381"),
+          value: 'ribbon',
+          icon: 'fa fa-ribbon'
+        }],
+        pipeIn: amisEditorCore.defaultValue('dot')
+      }, {
+        label: i18nRuntime.i18n("cbc608353218e1d63e6f47c9db1eae64"),
+        name: 'text',
+        type: i18nEnabled ? 'input-text-i18n' : 'input-text',
+        mode: 'row',
+        visibleOn: "data.mode !== 'dot'",
+        pipeOut: function (value) {
+          return Number.isNaN(Number(value)) || value === '' ? value : Number(value);
+        }
+      }, {
+        label: i18nRuntime.i18n("2613e43b46ca52dabc232054c1611c80"),
+        name: 'level',
+        type: 'button-group-select',
+        size: 'sm',
+        mode: 'row',
+        tiled: true,
+        className: 'ae-BadgeControl-buttonGroup',
+        options: [{
+          label: i18nRuntime.i18n("330363dfc524cff2488f2ebde0500896"),
+          value: 'success'
         }, {
-          label: i18nRuntime.i18n("2613e43b46ca52dabc232054c1611c80"),
-          name: 'level',
-          type: 'button-group-select',
-          size: 'sm',
-          mode: 'row',
-          tiled: true,
-          className: 'ae-BadgeControl-buttonGroup',
-          options: [{
-            label: i18nRuntime.i18n("330363dfc524cff2488f2ebde0500896"),
-            value: 'success'
-          }, {
-            label: i18nRuntime.i18n("900c70fa5f7dbc014e6f762d5e0e885c"),
-            value: 'warning'
-          }, {
-            label: i18nRuntime.i18n("540f84ddc0883866b229f71c2844199a"),
-            value: 'danger'
-          }, {
-            label: i18nRuntime.i18n("d8c7e04c8e2be23dd3b81a31db6e04f1"),
-            value: 'info'
-          }],
-          pipeIn: amisEditorCore.defaultValue('danger')
+          label: i18nRuntime.i18n("900c70fa5f7dbc014e6f762d5e0e885c"),
+          value: 'warning'
         }, {
-          label: i18nRuntime.i18n("e4f10a8916d4c5375529e21d9b66e5f9"),
-          name: 'position',
-          type: 'button-group-select',
-          size: 'sm',
-          mode: 'row',
-          tiled: true,
-          className: 'ae-BadgeControl-buttonGroup',
-          options: [{
-            label: '',
-            value: 'top-left',
-            icon: 'fa fa-long-arrow-alt-up',
-            className: 'ae-BadgeControl-position--antiClockwise'
-          }, {
-            label: '',
-            value: 'top-right',
-            icon: 'fa fa-long-arrow-alt-up',
-            className: 'ae-BadgeControl-position--clockwise'
-          }, {
-            label: '',
-            value: 'bottom-left',
-            icon: 'fa fa-long-arrow-alt-down',
-            className: 'ae-BadgeControl-position--clockwise'
-          }, {
-            label: '',
-            value: 'bottom-right',
-            icon: 'fa fa-long-arrow-alt-down',
-            className: 'ae-BadgeControl-position--antiClockwise'
-          }],
-          pipeIn: amisEditorCore.defaultValue('top-right')
+          label: i18nRuntime.i18n("540f84ddc0883866b229f71c2844199a"),
+          value: 'danger'
         }, {
-          type: 'input-group',
-          mode: 'row',
-          inputClassName: 'inline-flex justify-right flex-row-reverse',
-          label: amisEditorCore.tipedLabel(i18nRuntime.i18n("ebc556841a9264ebaab728efad7af777"), i18nRuntime.i18n("81cdf47e8d8adfc70faac2cbc55e4067")),
-          body: [{
-            type: 'input-number',
-            name: 'offset',
-            suffix: 'px',
-            pipeIn: function (value) {
-              return Array.isArray(value) ? value[0] || 0 : 0;
-            },
-            pipeOut: function (value, oldValue, data) {
-              return [value, data.offset[1]];
-            }
-          }, {
-            type: 'input-number',
-            name: 'offset',
-            suffix: 'px',
-            pipeIn: function (value) {
-              return Array.isArray(value) ? value[1] || 0 : 0;
-            },
-            pipeOut: function (value, oldValue, data) {
-              return [data.offset[0], value];
-            }
-          }]
+          label: i18nRuntime.i18n("d8c7e04c8e2be23dd3b81a31db6e04f1"),
+          value: 'info'
+        }],
+        pipeIn: amisEditorCore.defaultValue('danger')
+      }, {
+        label: i18nRuntime.i18n("e4f10a8916d4c5375529e21d9b66e5f9"),
+        name: 'position',
+        type: 'button-group-select',
+        size: 'sm',
+        mode: 'row',
+        tiled: true,
+        className: 'ae-BadgeControl-buttonGroup',
+        options: [{
+          label: '',
+          value: 'top-left',
+          icon: 'fa fa-long-arrow-alt-up',
+          className: 'ae-BadgeControl-position--antiClockwise'
         }, {
-          label: i18nRuntime.i18n("7ba3812c61e01b3049404a46fac8deda"),
-          name: 'size',
-          type: 'switch',
-          mode: 'row',
-          inputClassName: 'inline-flex justify-between flex-row-reverse',
+          label: '',
+          value: 'top-right',
+          icon: 'fa fa-long-arrow-alt-up',
+          className: 'ae-BadgeControl-position--clockwise'
+        }, {
+          label: '',
+          value: 'bottom-left',
+          icon: 'fa fa-long-arrow-alt-down',
+          className: 'ae-BadgeControl-position--clockwise'
+        }, {
+          label: '',
+          value: 'bottom-right',
+          icon: 'fa fa-long-arrow-alt-down',
+          className: 'ae-BadgeControl-position--antiClockwise'
+        }],
+        pipeIn: amisEditorCore.defaultValue('top-right')
+      }, {
+        type: 'input-group',
+        mode: 'row',
+        inputClassName: 'inline-flex justify-right flex-row-reverse',
+        label: amisEditorCore.tipedLabel(i18nRuntime.i18n("ebc556841a9264ebaab728efad7af777"), i18nRuntime.i18n("81cdf47e8d8adfc70faac2cbc55e4067")),
+        body: [{
+          type: 'input-number',
+          name: 'offset',
+          suffix: 'px',
           pipeIn: function (value) {
-            return !!value;
+            return Array.isArray(value) ? value[0] || 0 : 0;
           },
           pipeOut: function (value, oldValue, data) {
-            return value ? (data === null || data === void 0 ? void 0 : data.mode) === 'dot' ? 6 : (data === null || data === void 0 ? void 0 : data.mode) === 'ribbon' ? 12 : 16 : undefined;
+            return [value, data.offset[1]];
           }
         }, {
-          label: '',
-          name: 'size',
           type: 'input-number',
-          size: 'sm',
-          mode: 'row',
-          min: 1,
-          max: 100,
+          name: 'offset',
           suffix: 'px',
-          visibleOn: 'this.size',
           pipeIn: function (value) {
-            return typeof value === 'number' ? value : 0;
+            return Array.isArray(value) ? value[1] || 0 : 0;
+          },
+          pipeOut: function (value, oldValue, data) {
+            return [data.offset[0], value];
           }
-        }, {
-          label: amisEditorCore.tipedLabel(i18nRuntime.i18n("29e13ada94b145a1359291d5e1564655"), i18nRuntime.i18n("42becf09dfd209746b66726e7d21d014")),
-          name: 'overflowCount',
-          type: 'input-number',
-          size: 'sm',
-          mode: 'row',
-          visibleOn: "data.mode === 'text'"
-        }, {
-          label: i18nRuntime.i18n("b599979e9a40823363451aeaadc0723f"),
-          name: 'animation',
-          type: 'switch',
-          mode: 'row',
-          inputClassName: 'inline-flex justify-between flex-row-reverse'
         }]
       }, {
-        data: data,
-        onSubmit: this.handleSubmit.bind(this)
-      });
-    }
-  });
-  Object.defineProperty(BadgeControl.prototype, "render", {
-    enumerable: false,
-    configurable: true,
-    writable: true,
-    value: function () {
-      var _a = this.props,
-        classPrefix = _a.classPrefix,
-        className = _a.className,
-        labelClassName = _a.labelClassName,
-        label = _a.label,
-        disabled = _a.disabled;
-      var checked = this.state.checked;
-      return React__default["default"].createElement("div", {
-        className: cx__default["default"]('ae-BadgeControl', className)
-      }, React__default["default"].createElement("div", {
-        className: cx__default["default"]('ae-BadgeControl-switch')
-      }, React__default["default"].createElement("label", {
-        className: cx__default["default"]("".concat(classPrefix, "Form-label"), labelClassName)
-      }, label || i18nRuntime.i18n("b8c467fce096a649583c0bc9d9281a5c")), React__default["default"].createElement(amis.Switch, {
-        value: checked,
-        onChange: this.handleSwitchChange,
-        disabled: disabled
-      })), checked ? this.renderBody() : null);
-    }
-  });
-  Object.defineProperty(BadgeControl, "defaultProps", {
-    enumerable: true,
-    configurable: true,
-    writable: true,
-    value: {
-      mode: 'dot',
-      overflowCount: 99,
-      position: 'top-right',
-      level: 'danger',
-      animation: false
-    }
-  });
+        label: i18nRuntime.i18n("7ba3812c61e01b3049404a46fac8deda"),
+        name: 'size',
+        type: 'switch',
+        mode: 'row',
+        inputClassName: 'inline-flex justify-between flex-row-reverse',
+        pipeIn: function (value) {
+          return !!value;
+        },
+        pipeOut: function (value, oldValue, data) {
+          return value ? (data === null || data === void 0 ? void 0 : data.mode) === 'dot' ? 6 : (data === null || data === void 0 ? void 0 : data.mode) === 'ribbon' ? 12 : 16 : undefined;
+        }
+      }, {
+        label: '',
+        name: 'size',
+        type: 'input-number',
+        size: 'sm',
+        mode: 'row',
+        min: 1,
+        max: 100,
+        suffix: 'px',
+        visibleOn: 'this.size',
+        pipeIn: function (value) {
+          return typeof value === 'number' ? value : 0;
+        }
+      }, {
+        label: amisEditorCore.tipedLabel(i18nRuntime.i18n("29e13ada94b145a1359291d5e1564655"), i18nRuntime.i18n("42becf09dfd209746b66726e7d21d014")),
+        name: 'overflowCount',
+        type: 'input-number',
+        size: 'sm',
+        mode: 'row',
+        visibleOn: "data.mode === 'text'"
+      }, {
+        label: i18nRuntime.i18n("b599979e9a40823363451aeaadc0723f"),
+        name: 'animation',
+        type: 'switch',
+        mode: 'row',
+        inputClassName: 'inline-flex justify-between flex-row-reverse'
+      }]
+    }, {
+      data: data,
+      onSubmit: this.handleSubmit.bind(this)
+    });
+  };
+  BadgeControl.prototype.render = function () {
+    var _a = this.props,
+      classPrefix = _a.classPrefix,
+      className = _a.className,
+      labelClassName = _a.labelClassName,
+      label = _a.label,
+      disabled = _a.disabled;
+    var checked = this.state.checked;
+    return React__default["default"].createElement("div", {
+      className: cx__default["default"]('ae-BadgeControl', className)
+    }, React__default["default"].createElement("div", {
+      className: cx__default["default"]('ae-BadgeControl-switch')
+    }, React__default["default"].createElement("label", {
+      className: cx__default["default"]("".concat(classPrefix, "Form-label"), labelClassName)
+    }, label || i18nRuntime.i18n("b8c467fce096a649583c0bc9d9281a5c")), React__default["default"].createElement(amis.Switch, {
+      value: checked,
+      onChange: this.handleSwitchChange,
+      disabled: disabled
+    })), checked ? this.renderBody() : null);
+  };
+  BadgeControl.defaultProps = {
+    mode: 'dot',
+    overflowCount: 99,
+    position: 'top-right',
+    level: 'danger',
+    animation: false
+  };
   tslib.__decorate([amisEditorCore.autobind, tslib.__metadata("design:type", Function), tslib.__metadata("design:paramtypes", [Boolean]), tslib.__metadata("design:returntype", void 0)], BadgeControl.prototype, "handleSwitchChange", null);
   return BadgeControl;
 }(React__default["default"].Component);

package/lib/renderer/ButtonGroupControl.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @file icon按钮组
+ */
+import React from 'react';
+import { FormControlProps } from 'amis';
+export interface ButtonGroupControlProps extends FormControlProps {
+    options?: Array<{
+        label: string;
+        icon: string;
+        value: string;
+        iconClassName?: string;
+    }>;
+    onChange: (value: string | number) => void;
+    value?: string | number;
+}
+export default class ButtonGroupControl extends React.Component<ButtonGroupControlProps> {
+    constructor(props: any);
+    render(): JSX.Element;
+}
+export declare class ButtonGroupControlRenderer extends ButtonGroupControl {
+}