@antv/l7-component 2.21.0 → 2.21.2

package/lib/control/baseControl/popperControl.js

@@ -6,17 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.PopperControl = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _popper = require("../../utils/popper");
 var _buttonControl = _interopRequireDefault(require("./buttonControl"));
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var PopperPlacementMap = {
+const PopperPlacementMap = {
   topleft: 'right-start',
   topcenter: 'bottom',
   topright: 'left-start',
@@ -30,96 +23,77 @@ var PopperPlacementMap = {
   rightcenter: 'left',
   rightbottom: 'top-end'
 };
-var PopperControl = exports.default = exports.PopperControl = /*#__PURE__*/function (_ButtonControl) {
-  (0, _inherits2.default)(PopperControl, _ButtonControl);
-  var _super = _createSuper(PopperControl);
-  function PopperControl() {
-    (0, _classCallCheck2.default)(this, PopperControl);
-    return _super.apply(this, arguments);
-  }
-  (0, _createClass2.default)(PopperControl, [{
-    key: "getPopper",
-    value:
+class PopperControl extends _buttonControl.default {
+  constructor(...args) {
+    super(...args);
     /**
      * 气泡实例
      * @protected
      */
+    (0, _defineProperty2.default)(this, "popper", void 0);
+  }
+  getPopper() {
+    return this.popper;
+  }
+  hide() {
+    this.popper.hide();
+    super.hide();
+  }
 
-    function getPopper() {
-      return this.popper;
-    }
-  }, {
-    key: "hide",
-    value: function hide() {
-      this.popper.hide();
-      (0, _get2.default)((0, _getPrototypeOf2.default)(PopperControl.prototype), "hide", this).call(this);
-    }
+  /**
+   * 获取默认配置
+   * @param option
+   */
+  getDefault(option) {
+    var _option$position;
+    const defaultOption = super.getDefault(option);
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    const position = (_option$position = option === null || option === void 0 ? void 0 : option.position) !== null && _option$position !== void 0 ? _option$position : defaultOption.position;
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, super.getDefault(option)), {}, {
+      popperPlacement: position instanceof Element ? 'bottom' : PopperPlacementMap[position],
+      popperTrigger: 'click'
+    });
+  }
+  onAdd() {
+    const button = super.onAdd();
+    this.initPopper();
+    return button;
+  }
+  onRemove() {
+    this.popper.destroy();
+  }
+  initPopper() {
+    const {
+      popperClassName,
+      popperPlacement,
+      popperTrigger
+    } = this.controlOption;
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    const popperContainer = this.mapsService.getMapContainer();
 
-    /**
-     * 获取默认配置
-     * @param option
-     */
-  }, {
-    key: "getDefault",
-    value: function getDefault(option) {
-      var _option$position;
-      var defaultOption = (0, _get2.default)((0, _getPrototypeOf2.default)(PopperControl.prototype), "getDefault", this).call(this, option);
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      var position = (_option$position = option === null || option === void 0 ? void 0 : option.position) !== null && _option$position !== void 0 ? _option$position : defaultOption.position;
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _get2.default)((0, _getPrototypeOf2.default)(PopperControl.prototype), "getDefault", this).call(this, option)), {}, {
-        popperPlacement: position instanceof Element ? 'bottom' : PopperPlacementMap[position],
-        popperTrigger: 'click'
-      });
-    }
-  }, {
-    key: "onAdd",
-    value: function onAdd() {
-      var button = (0, _get2.default)((0, _getPrototypeOf2.default)(PopperControl.prototype), "onAdd", this).call(this);
-      this.initPopper();
-      return button;
-    }
-  }, {
-    key: "onRemove",
-    value: function onRemove() {
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    this.popper = new _popper.Popper(this.button, {
+      className: popperClassName,
+      placement: popperPlacement,
+      trigger: popperTrigger,
+      container: popperContainer,
+      unique: true
+    });
+    this.popper.on('show', () => {
+      this.emit('popperShow', this);
+    }).on('hide', () => {
+      this.emit('popperHide', this);
+    });
+    return this.popper;
+  }
+  setOptions(option) {
+    super.setOptions(option);
+    if (this.checkUpdateOption(option, ['popperPlacement', 'popperTrigger', 'popperClassName'])) {
+      const content = this.popper.getContent();
       this.popper.destroy();
+      this.initPopper();
+      this.popper.setContent(content);
     }
-  }, {
-    key: "initPopper",
-    value: function initPopper() {
-      var _this = this;
-      var _this$controlOption = this.controlOption,
-        popperClassName = _this$controlOption.popperClassName,
-        popperPlacement = _this$controlOption.popperPlacement,
-        popperTrigger = _this$controlOption.popperTrigger;
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      var popperContainer = this.mapsService.getMapContainer();
-
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      this.popper = new _popper.Popper(this.button, {
-        className: popperClassName,
-        placement: popperPlacement,
-        trigger: popperTrigger,
-        container: popperContainer,
-        unique: true
-      });
-      this.popper.on('show', function () {
-        _this.emit('popperShow', _this);
-      }).on('hide', function () {
-        _this.emit('popperHide', _this);
-      });
-      return this.popper;
-    }
-  }, {
-    key: "setOptions",
-    value: function setOptions(option) {
-      (0, _get2.default)((0, _getPrototypeOf2.default)(PopperControl.prototype), "setOptions", this).call(this, option);
-      if (this.checkUpdateOption(option, ['popperPlacement', 'popperTrigger', 'popperClassName'])) {
-        var content = this.popper.getContent();
-        this.popper.destroy();
-        this.initPopper();
-        this.popper.setContent(content);
-      }
-    }
-  }]);
-  return PopperControl;
-}(_buttonControl.default);
+  }
+}
+exports.default = exports.PopperControl = PopperControl;

package/lib/control/baseControl/selectControl.d.ts

@@ -0,0 +1,53 @@
+import type { IPopperControlOption } from './popperControl';
+import { PopperControl } from './popperControl';
+type BaseOptionItem = {
+    value: string;
+    text: string;
+    [key: string]: string;
+};
+type NormalOptionItem = BaseOptionItem & {
+    icon?: HTMLElement;
+};
+type ImageOptionItem = BaseOptionItem & {
+    img: string;
+};
+export type ControlOptionItem = ImageOptionItem | NormalOptionItem;
+export interface ISelectControlOption extends IPopperControlOption {
+    options: ControlOptionItem[];
+    defaultValue?: string | string[];
+}
+export { SelectControl };
+export default class SelectControl<O extends ISelectControlOption = ISelectControlOption> extends PopperControl<O> {
+    /**
+     * 当前选中的值
+     * @protected
+     */
+    protected selectValue: string[];
+    /**
+     * 选项对应的 DOM 列表
+     * @protected
+     */
+    protected optionDOMList: HTMLElement[];
+    setOptions(option: Partial<O>): void;
+    onAdd(): HTMLElement;
+    getSelectValue(): string | string[];
+    setSelectValue(value: string | string[], emitEvent?: boolean): void;
+    /**
+     * 是否为多选
+     * @protected
+     */
+    protected getIsMultiple(): boolean;
+    /**
+     * 渲染弹窗内容
+     * @param options
+     * @returns
+     */
+    protected getPopperContent(options: ControlOptionItem[]): HTMLElement;
+    protected createNormalOption: (option: NormalOptionItem) => HTMLElement;
+    protected createImageOption(option: ImageOptionItem): HTMLElement;
+    protected createCheckbox(isSelect: boolean): HTMLElement;
+    protected createRadio(isSelect: boolean): HTMLElement;
+    protected onItemClick: (item: ControlOptionItem) => void;
+    protected isImageOptions(): boolean;
+    protected transSelectValue(value: string | string[]): string[];
+}

package/lib/control/baseControl/selectControl.js

@@ -5,220 +5,176 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.SelectControl = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _l7Utils = require("@antv/l7-utils");
 var _popperControl = require("./popperControl");
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var SelectControlConstant = /*#__PURE__*/function (SelectControlConstant) {
   SelectControlConstant["ActiveOptionClassName"] = "l7-select-control-item-active";
   SelectControlConstant["OptionValueAttrKey"] = "data-option-value";
   SelectControlConstant["OptionIndexAttrKey"] = "data-option-index";
   return SelectControlConstant;
 }(SelectControlConstant || {});
-var SelectControl = exports.default = exports.SelectControl = /*#__PURE__*/function (_PopperControl) {
-  (0, _inherits2.default)(SelectControl, _PopperControl);
-  var _super = _createSuper(SelectControl);
-  function SelectControl() {
-    var _this;
-    (0, _classCallCheck2.default)(this, SelectControl);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
+class SelectControl extends _popperControl.PopperControl {
+  constructor(...args) {
+    super(...args);
     /**
      * 当前选中的值
      * @protected
      */
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "selectValue", []);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createNormalOption", function (option) {
-      var isSelect = _this.selectValue.includes(option.value);
-      var optionDOM = _l7Utils.DOM.create('div', "l7-select-control-item ".concat(isSelect ? SelectControlConstant.ActiveOptionClassName : ''));
-      if (_this.getIsMultiple()) {
-        optionDOM.appendChild(_this.createCheckbox(isSelect));
+    (0, _defineProperty2.default)(this, "selectValue", []);
+    /**
+     * 选项对应的 DOM 列表
+     * @protected
+     */
+    (0, _defineProperty2.default)(this, "optionDOMList", void 0);
+    (0, _defineProperty2.default)(this, "createNormalOption", option => {
+      const isSelect = this.selectValue.includes(option.value);
+      const optionDOM = _l7Utils.DOM.create('div', `l7-select-control-item ${isSelect ? SelectControlConstant.ActiveOptionClassName : ''}`);
+      if (this.getIsMultiple()) {
+        optionDOM.appendChild(this.createCheckbox(isSelect));
       } else {
-        optionDOM.appendChild(_this.createRadio(isSelect));
+        optionDOM.appendChild(this.createRadio(isSelect));
       }
       if (option.icon) {
         optionDOM.appendChild(option.icon);
       }
-      var textDOM = _l7Utils.DOM.create('span');
+      const textDOM = _l7Utils.DOM.create('span');
       textDOM.innerText = option.text;
       optionDOM.appendChild(textDOM);
       return optionDOM;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onItemClick", function (item) {
-      if (_this.getIsMultiple()) {
-        var targetIndex = _this.selectValue.findIndex(function (value) {
-          return value === item.value;
-        });
+    (0, _defineProperty2.default)(this, "onItemClick", item => {
+      if (this.getIsMultiple()) {
+        const targetIndex = this.selectValue.findIndex(value => value === item.value);
         if (targetIndex > -1) {
-          _this.selectValue.splice(targetIndex, 1);
+          this.selectValue.splice(targetIndex, 1);
         } else {
-          _this.selectValue = [].concat((0, _toConsumableArray2.default)(_this.selectValue), [item.value]);
+          this.selectValue = [...this.selectValue, item.value];
         }
       } else {
-        _this.selectValue = [item.value];
+        this.selectValue = [item.value];
       }
-      _this.setSelectValue(_this.selectValue);
+      this.setSelectValue(this.selectValue);
     });
-    return _this;
   }
-  (0, _createClass2.default)(SelectControl, [{
-    key: "setOptions",
-    value:
-    /**
-     * 选项对应的 DOM 列表
-     * @protected
-     */
-
-    function setOptions(option) {
-      (0, _get2.default)((0, _getPrototypeOf2.default)(SelectControl.prototype), "setOptions", this).call(this, option);
-      var options = option.options;
-      if (options) {
-        this.popper.setContent(this.getPopperContent(options));
-      }
-    }
-  }, {
-    key: "onAdd",
-    value: function onAdd() {
-      var button = (0, _get2.default)((0, _getPrototypeOf2.default)(SelectControl.prototype), "onAdd", this).call(this);
-      var defaultValue = this.controlOption.defaultValue;
-      if (defaultValue) {
-        this.selectValue = this.transSelectValue(defaultValue);
-      }
-      this.popper.setContent(this.getPopperContent(this.controlOption.options));
-      return button;
+  setOptions(option) {
+    super.setOptions(option);
+    const {
+      options
+    } = option;
+    if (options) {
+      this.popper.setContent(this.getPopperContent(options));
     }
-  }, {
-    key: "getSelectValue",
-    value: function getSelectValue() {
-      return this.getIsMultiple() ? this.selectValue : this.selectValue[0];
+  }
+  onAdd() {
+    const button = super.onAdd();
+    const {
+      defaultValue
+    } = this.controlOption;
+    if (defaultValue) {
+      this.selectValue = this.transSelectValue(defaultValue);
     }
-  }, {
-    key: "setSelectValue",
-    value: function setSelectValue(value) {
-      var emitEvent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-      var finalValue = this.transSelectValue(value);
-      this.optionDOMList.forEach(function (optionDOM) {
-        var optionValue = optionDOM.getAttribute(SelectControlConstant.OptionValueAttrKey);
-        var checkboxDOM = optionDOM.querySelector('input[type=checkbox]');
-        var radioDOM = optionDOM.querySelector('input[type=radio]');
-        var isActive = finalValue.includes(optionValue);
+    this.popper.setContent(this.getPopperContent(this.controlOption.options));
+    return button;
+  }
+  getSelectValue() {
+    return this.getIsMultiple() ? this.selectValue : this.selectValue[0];
+  }
+  setSelectValue(value, emitEvent = true) {
+    const finalValue = this.transSelectValue(value);
+    this.optionDOMList.forEach(optionDOM => {
+      const optionValue = optionDOM.getAttribute(SelectControlConstant.OptionValueAttrKey);
+      const checkboxDOM = optionDOM.querySelector('input[type=checkbox]');
+      const radioDOM = optionDOM.querySelector('input[type=radio]');
+      const isActive = finalValue.includes(optionValue);
 
-        // 设置类名和选中状态的函数
-        var setDOMState = function setDOMState(dom, active) {
-          _l7Utils.DOM.toggleClass(optionDOM, SelectControlConstant.ActiveOptionClassName, active);
-          if (dom) {
-            _l7Utils.DOM.setChecked(dom, active);
-          }
-        };
-        setDOMState(checkboxDOM, isActive);
-        setDOMState(radioDOM, isActive);
-      });
-      this.selectValue = finalValue;
-      if (emitEvent) {
-        this.emit('selectChange', this.getIsMultiple() ? finalValue : finalValue[0]);
-      }
+      // 设置类名和选中状态的函数
+      const setDOMState = (dom, active) => {
+        _l7Utils.DOM.toggleClass(optionDOM, SelectControlConstant.ActiveOptionClassName, active);
+        if (dom) {
+          _l7Utils.DOM.setChecked(dom, active);
+        }
+      };
+      setDOMState(checkboxDOM, isActive);
+      setDOMState(radioDOM, isActive);
+    });
+    this.selectValue = finalValue;
+    if (emitEvent) {
+      this.emit('selectChange', this.getIsMultiple() ? finalValue : finalValue[0]);
     }
+  }
 
-    /**
-     * 是否为多选
-     * @protected
-     */
-  }, {
-    key: "getIsMultiple",
-    value: function getIsMultiple() {
-      return false;
-    }
+  /**
+   * 是否为多选
+   * @protected
+   */
+  getIsMultiple() {
+    return false;
+  }
 
-    /**
-     * 渲染弹窗内容
-     * @param options
-     * @returns
-     */
-  }, {
-    key: "getPopperContent",
-    value: function getPopperContent(options) {
-      var _this2 = this;
-      var isImageOptions = this.isImageOptions();
-      var content = _l7Utils.DOM.create('div', isImageOptions ? 'l7-select-control--image' : 'l7-select-control--normal');
-      if (this.getIsMultiple()) {
-        _l7Utils.DOM.addClass(content, 'l7-select-control--multiple');
-      }
-      var optionsDOMList = options.map(function (option, optionIndex) {
-        var optionDOM = isImageOptions ?
-        // @ts-ignore
-        _this2.createImageOption(option) : _this2.createNormalOption(option);
-        optionDOM.setAttribute(SelectControlConstant.OptionValueAttrKey, option.value);
-        optionDOM.setAttribute(SelectControlConstant.OptionIndexAttrKey, window.String(optionIndex));
-        optionDOM.addEventListener('click', _this2.onItemClick.bind(_this2, option));
-        return optionDOM;
-      });
-      content.append.apply(content, (0, _toConsumableArray2.default)(optionsDOMList));
-      this.optionDOMList = optionsDOMList;
-      return content;
+  /**
+   * 渲染弹窗内容
+   * @param options
+   * @returns
+   */
+  getPopperContent(options) {
+    const isImageOptions = this.isImageOptions();
+    const content = _l7Utils.DOM.create('div', isImageOptions ? 'l7-select-control--image' : 'l7-select-control--normal');
+    if (this.getIsMultiple()) {
+      _l7Utils.DOM.addClass(content, 'l7-select-control--multiple');
     }
-  }, {
-    key: "createImageOption",
-    value: function createImageOption(option) {
-      var isSelect = this.selectValue.includes(option.value);
-      var optionDOM = _l7Utils.DOM.create('div', "l7-select-control-item ".concat(isSelect ? SelectControlConstant.ActiveOptionClassName : ''));
-      var imgDOM = _l7Utils.DOM.create('img');
-      imgDOM.setAttribute('src', option.img);
-      _l7Utils.DOM.setUnDraggable(imgDOM);
-      optionDOM.appendChild(imgDOM);
-      var rowDOM = _l7Utils.DOM.create('div', 'l7-select-control-item-row');
-      if (this.getIsMultiple()) {
-        optionDOM.appendChild(this.createCheckbox(isSelect));
-      }
-      var textDOM = _l7Utils.DOM.create('span');
-      textDOM.innerText = option.text;
-      rowDOM.appendChild(textDOM);
-      optionDOM.appendChild(rowDOM);
+    const optionsDOMList = options.map((option, optionIndex) => {
+      const optionDOM = isImageOptions ?
+      // @ts-ignore
+      this.createImageOption(option) : this.createNormalOption(option);
+      optionDOM.setAttribute(SelectControlConstant.OptionValueAttrKey, option.value);
+      optionDOM.setAttribute(SelectControlConstant.OptionIndexAttrKey, window.String(optionIndex));
+      optionDOM.addEventListener('click', this.onItemClick.bind(this, option));
       return optionDOM;
+    });
+    content.append(...optionsDOMList);
+    this.optionDOMList = optionsDOMList;
+    return content;
+  }
+  createImageOption(option) {
+    const isSelect = this.selectValue.includes(option.value);
+    const optionDOM = _l7Utils.DOM.create('div', `l7-select-control-item ${isSelect ? SelectControlConstant.ActiveOptionClassName : ''}`);
+    const imgDOM = _l7Utils.DOM.create('img');
+    imgDOM.setAttribute('src', option.img);
+    _l7Utils.DOM.setUnDraggable(imgDOM);
+    optionDOM.appendChild(imgDOM);
+    const rowDOM = _l7Utils.DOM.create('div', 'l7-select-control-item-row');
+    if (this.getIsMultiple()) {
+      optionDOM.appendChild(this.createCheckbox(isSelect));
     }
-  }, {
-    key: "createCheckbox",
-    value: function createCheckbox(isSelect) {
-      var checkboxDOM = _l7Utils.DOM.create('input');
-      checkboxDOM.setAttribute('type', 'checkbox');
-      if (isSelect) {
-        _l7Utils.DOM.setChecked(checkboxDOM, true);
-      }
-      return checkboxDOM;
-    }
-  }, {
-    key: "createRadio",
-    value: function createRadio(isSelect) {
-      var radioDOM = _l7Utils.DOM.create('input');
-      radioDOM.setAttribute('type', 'radio');
-      if (isSelect) {
-        _l7Utils.DOM.setChecked(radioDOM, true);
-      }
-      return radioDOM;
-    }
-  }, {
-    key: "isImageOptions",
-    value: function isImageOptions() {
-      // @ts-ignore
-      return !!this.controlOption.options.find(function (item) {
-        return item.img;
-      });
+    const textDOM = _l7Utils.DOM.create('span');
+    textDOM.innerText = option.text;
+    rowDOM.appendChild(textDOM);
+    optionDOM.appendChild(rowDOM);
+    return optionDOM;
+  }
+  createCheckbox(isSelect) {
+    const checkboxDOM = _l7Utils.DOM.create('input');
+    checkboxDOM.setAttribute('type', 'checkbox');
+    if (isSelect) {
+      _l7Utils.DOM.setChecked(checkboxDOM, true);
     }
-  }, {
-    key: "transSelectValue",
-    value: function transSelectValue(value) {
-      return Array.isArray(value) ? value : [value];
+    return checkboxDOM;
+  }
+  createRadio(isSelect) {
+    const radioDOM = _l7Utils.DOM.create('input');
+    radioDOM.setAttribute('type', 'radio');
+    if (isSelect) {
+      _l7Utils.DOM.setChecked(radioDOM, true);
     }
-  }]);
-  return SelectControl;
-}(_popperControl.PopperControl);
+    return radioDOM;
+  }
+  isImageOptions() {
+    // @ts-ignore
+    return !!this.controlOption.options.find(item => item.img);
+  }
+  transSelectValue(value) {
+    return Array.isArray(value) ? value : [value];
+  }
+}
+exports.default = exports.SelectControl = SelectControl;

package/lib/control/exportImage.d.ts

@@ -0,0 +1,19 @@
+import type { IButtonControlOption } from './baseControl/buttonControl';
+import ButtonControl from './baseControl/buttonControl';
+export interface IExportImageControlOption extends IButtonControlOption {
+    imageType: 'png' | 'jpeg';
+    onExport: (base64: string) => void;
+}
+export { ExportImage };
+export default class ExportImage extends ButtonControl<IExportImageControlOption> {
+    onAdd(): HTMLElement;
+    getDefault(option?: Partial<IExportImageControlOption>): IExportImageControlOption;
+    getImage(): Promise<string>;
+    protected onClick: () => Promise<void>;
+    /**
+     * 将多张图片合并为一张图片
+     * @protected
+     * @param base64List
+     */
+    protected mergeImage: (...base64List: string[]) => Promise<string>;
+}