@antv/l7-component 2.9.32-alpha.2 → 2.9.32-alpha.4

package/lib/constants/index.js

@@ -0,0 +1,90 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/constants/index.ts
+var constants_exports = {};
+__export(constants_exports, {
+  GaodeMapStyleConfig: () => GaodeMapStyleConfig,
+  MapboxMapStyleConfig: () => MapboxMapStyleConfig
+});
+module.exports = __toCommonJS(constants_exports);
+var GaodeMapStyleConfig = {
+  normal: {
+    text: "\u6807\u51C6",
+    img: "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*-nqiT6Vu948AAAAAAAAAAAAAARQnAQ"
+  },
+  light: {
+    text: "\u6708\u5149\u94F6",
+    img: "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*J_wYQL_PaUEAAAAAAAAAAAAAARQnAQ"
+  },
+  dark: {
+    text: "\u5E7B\u5F71\u9ED1",
+    img: "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*U7M9QI1yat4AAAAAAAAAAAAAARQnAQ"
+  },
+  fresh: {
+    text: "\u8349\u8272\u9752",
+    img: "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*T-oBT4hB5ucAAAAAAAAAAAAAARQnAQ"
+  },
+  grey: {
+    text: "\u96C5\u58EB\u7070",
+    img: "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*OREXQ4vgQRIAAAAAAAAAAAAAARQnAQ"
+  },
+  graffiti: {
+    text: "\u6D82\u9E26",
+    img: "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*4UApTKmeiy4AAAAAAAAAAAAAARQnAQ"
+  },
+  macaron: {
+    text: "\u9A6C\u5361\u9F99",
+    img: "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*0GrCQLtDjNcAAAAAAAAAAAAAARQnAQ"
+  },
+  darkblue: {
+    text: "\u6781\u591C\u84DD",
+    img: "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*uWxqSZQlPkkAAAAAAAAAAAAAARQnAQ"
+  },
+  wine: {
+    text: "\u9171\u7C7D",
+    img: "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*OFPrTbg3an0AAAAAAAAAAAAAARQnAQ"
+  }
+};
+var MapboxMapStyleConfig = {
+  normal: {
+    text: "\u6807\u51C6",
+    img: "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*AnfJTbIBJOkAAAAAAAAAAAAAARQnAQ"
+  },
+  light: {
+    text: "\u4EAE",
+    img: "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*gnuiQIok9qIAAAAAAAAAAAAAARQnAQ"
+  },
+  dark: {
+    text: "\u6697",
+    img: "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*NwG-TbOlBH0AAAAAAAAAAAAAARQnAQ"
+  },
+  satellite: {
+    text: "\u536B\u661F",
+    img: "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*2X5EQLKul3IAAAAAAAAAAAAAARQnAQ"
+  },
+  outdoors: {
+    text: "\u6237\u5916",
+    img: "https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*gXFLRIaBUI0AAAAAAAAAAAAAARQnAQ"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GaodeMapStyleConfig,
+  MapboxMapStyleConfig
+});

package/lib/control/baseControl/buttonControl.js

@@ -0,0 +1,118 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/control/baseControl/buttonControl.ts
+var buttonControl_exports = {};
+__export(buttonControl_exports, {
+  ButtonControl: () => ButtonControl,
+  default: () => ButtonControl
+});
+module.exports = __toCommonJS(buttonControl_exports);
+var import_l7_utils = require("@antv/l7-utils");
+var import_control = __toESM(require("./control"));
+var ButtonControl = class extends import_control.default {
+  constructor() {
+    super(...arguments);
+    this.isDisable = false;
+  }
+  setIsDisable(newIsDisable) {
+    var _a, _b;
+    this.isDisable = newIsDisable;
+    if (newIsDisable) {
+      (_a = this.button) == null ? void 0 : _a.setAttribute("disabled", "true");
+    } else {
+      (_b = this.button) == null ? void 0 : _b.removeAttribute("disabled");
+    }
+  }
+  createButton(className = "") {
+    return import_l7_utils.DOM.create("button", `l7-button-control ${className}`);
+  }
+  onAdd() {
+    this.button = this.createButton();
+    this.isDisable = false;
+    const { title, btnText, btnIcon } = this.controlOption;
+    this.setBtnTitle(title);
+    this.setBtnText(btnText);
+    this.setBtnIcon(btnIcon);
+    return this.button;
+  }
+  onRemove() {
+    this.button = this.buttonIcon = this.buttonText = void 0;
+    this.isDisable = false;
+  }
+  setOptions(newOptions) {
+    const { title, btnText, btnIcon } = newOptions;
+    if (this.checkUpdateOption(newOptions, ["title"])) {
+      this.setBtnTitle(title);
+    }
+    if (this.checkUpdateOption(newOptions, ["btnIcon"])) {
+      this.setBtnIcon(btnIcon);
+    }
+    if (this.checkUpdateOption(newOptions, ["btnText"])) {
+      this.setBtnText(btnText);
+    }
+    super.setOptions(newOptions);
+  }
+  setBtnTitle(title) {
+    var _a;
+    (_a = this.button) == null ? void 0 : _a.setAttribute("title", title ?? "");
+  }
+  setBtnIcon(newIcon) {
+    var _a, _b, _c;
+    if (this.buttonIcon) {
+      import_l7_utils.DOM.remove(this.buttonIcon);
+    }
+    if (newIcon) {
+      const firstChild = (_a = this.button) == null ? void 0 : _a.firstChild;
+      if (firstChild) {
+        (_b = this.button) == null ? void 0 : _b.insertBefore(newIcon, firstChild);
+      } else {
+        (_c = this.button) == null ? void 0 : _c.appendChild(newIcon);
+      }
+      this.buttonIcon = newIcon;
+    }
+  }
+  setBtnText(newText) {
+    var _a;
+    if (!this.button) {
+      return;
+    }
+    import_l7_utils.DOM.removeClass(this.button, "l7-button-control--row");
+    import_l7_utils.DOM.removeClass(this.button, "l7-button-control--column");
+    if (newText) {
+      let btnText = this.buttonText;
+      if (!btnText) {
+        btnText = import_l7_utils.DOM.create("div", "l7-button-control__text");
+        (_a = this.button) == null ? void 0 : _a.appendChild(btnText);
+        this.buttonText = btnText;
+      }
+      btnText.innerText = newText;
+      import_l7_utils.DOM.addClass(this.button, this.controlOption.vertical ? "l7-button-control--column" : "l7-button-control--row");
+    } else if (!newText && this.buttonText) {
+      import_l7_utils.DOM.remove(this.buttonText);
+      this.buttonText = void 0;
+    }
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ButtonControl
+});

package/lib/control/baseControl/control.js

@@ -0,0 +1,172 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/control/baseControl/control.ts
+var control_exports = {};
+__export(control_exports, {
+  Control: () => Control,
+  PositionType: () => import_l7_core2.PositionType,
+  default: () => Control
+});
+module.exports = __toCommonJS(control_exports);
+var import_l7_core = require("@antv/l7-core");
+var import_l7_utils = require("@antv/l7-utils");
+var import_eventemitter3 = __toESM(require("eventemitter3"));
+var import_l7_core2 = require("@antv/l7-core");
+var _Control = class extends import_eventemitter3.default {
+  constructor(option) {
+    super();
+    _Control.controlCount++;
+    this.controlOption = {
+      ...this.getDefault(option),
+      ...option || {}
+    };
+  }
+  getOptions() {
+    return this.controlOption;
+  }
+  setOptions(newOptions) {
+    if ("position" in newOptions) {
+      this.setPosition(newOptions.position);
+    }
+    if ("className" in newOptions) {
+      this.setClassName(newOptions.className);
+    }
+    if ("style" in newOptions) {
+      this.setStyle(newOptions.style);
+    }
+    this.controlOption = {
+      ...this.controlOption,
+      ...newOptions
+    };
+  }
+  addTo(sceneContainer) {
+    this.mapsService = sceneContainer.get(import_l7_core.TYPES.IMapService);
+    this.renderService = sceneContainer.get(import_l7_core.TYPES.IRendererService);
+    this.layerService = sceneContainer.get(import_l7_core.TYPES.ILayerService);
+    this.controlService = sceneContainer.get(import_l7_core.TYPES.IControlService);
+    this.configService = sceneContainer.get(import_l7_core.TYPES.IGlobalConfigService);
+    this.scene = sceneContainer.get(import_l7_core.TYPES.ISceneService);
+    this.sceneContainer = sceneContainer;
+    this.isShow = true;
+    this.container = this.onAdd();
+    import_l7_utils.DOM.addClass(this.container, "l7-control");
+    const { className, style } = this.controlOption;
+    if (className) {
+      this.setClassName(className);
+    }
+    if (style) {
+      this.setStyle(style);
+    }
+    this.insertContainer();
+    this.emit("add", this);
+    return this;
+  }
+  remove() {
+    if (!this.mapsService) {
+      return this;
+    }
+    import_l7_utils.DOM.remove(this.container);
+    this.onRemove();
+    this.emit("remove", this);
+  }
+  show() {
+    const container = this.container;
+    import_l7_utils.DOM.removeClass(container, "l7-control--hide");
+    this.isShow = true;
+    this.emit("show", this);
+  }
+  hide() {
+    const container = this.container;
+    import_l7_utils.DOM.addClass(container, "l7-control--hide");
+    this.isShow = false;
+    this.emit("hide", this);
+  }
+  getDefault(option) {
+    return {
+      position: import_l7_core.PositionType.TOPRIGHT,
+      name: `${_Control.controlCount}`
+    };
+  }
+  getContainer() {
+    return this.container;
+  }
+  getIsShow() {
+    return this.isShow;
+  }
+  _refocusOnMap(e) {
+    if (this.mapsService && e && e.screenX > 0 && e.screenY > 0) {
+      const container = this.mapsService.getContainer();
+      if (container !== null) {
+        container.focus();
+      }
+    }
+  }
+  setPosition(position = import_l7_core.PositionType.TOPLEFT) {
+    const controlService = this.controlService;
+    if (controlService) {
+      controlService.removeControl(this);
+    }
+    this.controlOption.position = position;
+    if (controlService) {
+      controlService.addControl(this, this.sceneContainer);
+    }
+    return this;
+  }
+  setClassName(className) {
+    const container = this.container;
+    const { className: oldClassName } = this.controlOption;
+    if (oldClassName) {
+      import_l7_utils.DOM.removeClass(container, oldClassName);
+    }
+    if (className) {
+      import_l7_utils.DOM.addClass(container, className);
+    }
+  }
+  setStyle(style) {
+    const container = this.container;
+    if (style) {
+      container.setAttribute("style", style);
+    } else {
+      container.removeAttribute("style");
+    }
+  }
+  insertContainer() {
+    const container = this.container;
+    const position = this.controlOption.position;
+    const corner = this.controlService.controlCorners[position];
+    if (position.indexOf("bottom") !== -1) {
+      corner.insertBefore(container, corner.firstChild);
+    } else {
+      corner.appendChild(container);
+    }
+  }
+  checkUpdateOption(option, keys) {
+    return keys.some((key) => key in option);
+  }
+};
+var Control = _Control;
+Control.controlCount = 0;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Control,
+  PositionType
+});

package/lib/control/baseControl/index.js

@@ -0,0 +1,22 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/control/baseControl/index.ts
+var baseControl_exports = {};
+module.exports = __toCommonJS(baseControl_exports);
+__reExport(baseControl_exports, require("./control"), module.exports);
+__reExport(baseControl_exports, require("./buttonControl"), module.exports);
+__reExport(baseControl_exports, require("./popperControl"), module.exports);
+__reExport(baseControl_exports, require("./selectControl"), module.exports);

package/lib/control/baseControl/popperControl.js

@@ -0,0 +1,108 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/control/baseControl/popperControl.ts
+var popperControl_exports = {};
+__export(popperControl_exports, {
+  PopperControl: () => PopperControl,
+  default: () => PopperControl
+});
+module.exports = __toCommonJS(popperControl_exports);
+var import_popper = require("../../utils/popper");
+var import_buttonControl = __toESM(require("./buttonControl"));
+var PopperPlacementMap = {
+  topleft: "right-start",
+  topcenter: "bottom",
+  topright: "left-start",
+  bottomleft: "right-end",
+  bottomcenter: "top",
+  bottomright: "left-end",
+  lefttop: "bottom-start",
+  leftcenter: "right",
+  leftbottom: "top-start",
+  righttop: "bottom-end",
+  rightcenter: "left",
+  rightbottom: "top-end"
+};
+var PopperControl = class extends import_buttonControl.default {
+  getPopper() {
+    return this.popper;
+  }
+  hide() {
+    this.popper.hide();
+    super.hide();
+  }
+  getDefault(option) {
+    const defaultOption = super.getDefault(option);
+    const position = (option == null ? void 0 : option.position) ?? defaultOption.position;
+    return {
+      ...super.getDefault(option),
+      popperPlacement: PopperPlacementMap[position],
+      popperTrigger: "click"
+    };
+  }
+  onAdd() {
+    const button = super.onAdd();
+    this.initPopper();
+    return button;
+  }
+  onRemove() {
+    this.popper.destroy();
+  }
+  initPopper() {
+    const {
+      popperClassName,
+      popperPlacement,
+      popperTrigger
+    } = this.controlOption;
+    const popperContainer = this.mapsService.getMapContainer();
+    this.popper = new import_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);
+    }
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PopperControl
+});

package/lib/control/baseControl/selectControl.js

@@ -0,0 +1,153 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/control/baseControl/selectControl.ts
+var selectControl_exports = {};
+__export(selectControl_exports, {
+  SelectControl: () => SelectControl,
+  default: () => SelectControl
+});
+module.exports = __toCommonJS(selectControl_exports);
+var import_l7_utils = require("@antv/l7-utils");
+var import_popperControl = require("./popperControl");
+var SelectControl = class extends import_popperControl.PopperControl {
+  constructor() {
+    super(...arguments);
+    this.selectValue = [];
+    this.createNormalOption = (option) => {
+      const isSelect = this.selectValue.includes(option.value);
+      const optionDOM = import_l7_utils.DOM.create("div", `l7-select-control-item ${isSelect ? "l7-select-control-item-active" /* ActiveOptionClassName */ : ""}`);
+      if (this.getIsMultiple()) {
+        optionDOM.appendChild(this.createCheckbox(isSelect));
+      }
+      if (option.icon) {
+        optionDOM.appendChild(option.icon);
+      }
+      const textDOM = import_l7_utils.DOM.create("span");
+      textDOM.innerText = option.text;
+      optionDOM.appendChild(textDOM);
+      return optionDOM;
+    };
+    this.onItemClick = (item) => {
+      if (this.getIsMultiple()) {
+        const targetIndex = this.selectValue.findIndex((value) => value === item.value);
+        if (targetIndex > -1) {
+          this.selectValue.splice(targetIndex, 1);
+        } else {
+          this.selectValue = [...this.selectValue, item.value];
+        }
+      } else {
+        this.selectValue = [item.value];
+      }
+      this.setSelectValue(this.selectValue);
+    };
+  }
+  setOptions(option) {
+    super.setOptions(option);
+    const { options } = option;
+    if (options) {
+      this.popper.setContent(this.getPopperContent(options));
+    }
+  }
+  onAdd() {
+    const button = super.onAdd();
+    const { defaultValue } = this.controlOption;
+    if (defaultValue) {
+      this.selectValue = this.transSelectValue(defaultValue);
+    }
+    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("data-option-value" /* OptionValueAttrKey */);
+      const checkboxDOM = this.getIsMultiple() ? optionDOM.querySelector("input[type=checkbox]") : void 0;
+      if (finalValue.includes(optionValue)) {
+        import_l7_utils.DOM.addClass(optionDOM, "l7-select-control-item-active" /* ActiveOptionClassName */);
+        if (checkboxDOM) {
+          import_l7_utils.DOM.setChecked(checkboxDOM, true);
+        }
+      } else {
+        import_l7_utils.DOM.removeClass(optionDOM, "l7-select-control-item-active" /* ActiveOptionClassName */);
+        if (checkboxDOM) {
+          import_l7_utils.DOM.setChecked(checkboxDOM, false);
+        }
+      }
+    });
+    this.selectValue = finalValue;
+    if (emitEvent) {
+      this.emit("selectChange", this.getIsMultiple() ? finalValue : finalValue[0]);
+    }
+  }
+  getPopperContent(options) {
+    const isImageOptions = this.isImageOptions();
+    const content = import_l7_utils.DOM.create("div", isImageOptions ? "l7-select-control--image" : "l7-select-control--normal");
+    if (this.getIsMultiple()) {
+      import_l7_utils.DOM.addClass(content, "l7-select-control--multiple");
+    }
+    const optionsDOMList = options.map((option, optionIndex) => {
+      const optionDOM = isImageOptions ? this.createImageOption(option) : this.createNormalOption(option);
+      optionDOM.setAttribute("data-option-value" /* OptionValueAttrKey */, option.value);
+      optionDOM.setAttribute("data-option-index" /* 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 = import_l7_utils.DOM.create("div", `l7-select-control-item ${isSelect ? "l7-select-control-item-active" /* ActiveOptionClassName */ : ""}`);
+    const imgDOM = import_l7_utils.DOM.create("img");
+    imgDOM.setAttribute("src", option.img);
+    import_l7_utils.DOM.setUnDraggable(imgDOM);
+    optionDOM.appendChild(imgDOM);
+    const rowDOM = import_l7_utils.DOM.create("div", "l7-select-control-item-row");
+    if (this.getIsMultiple()) {
+      optionDOM.appendChild(this.createCheckbox(isSelect));
+    }
+    const textDOM = import_l7_utils.DOM.create("span");
+    textDOM.innerText = option.text;
+    rowDOM.appendChild(textDOM);
+    optionDOM.appendChild(rowDOM);
+    return optionDOM;
+  }
+  createCheckbox(isSelect) {
+    const checkboxDOM = import_l7_utils.DOM.create("input");
+    checkboxDOM.setAttribute("type", "checkbox");
+    if (isSelect) {
+      import_l7_utils.DOM.setChecked(checkboxDOM, true);
+    }
+    return checkboxDOM;
+  }
+  isImageOptions() {
+    return !!this.controlOption.options.find((item) => item.img);
+  }
+  transSelectValue(value) {
+    return Array.isArray(value) ? value : [value];
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SelectControl
+});