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

package/lib/control/baseControl/buttonControl.js

@@ -1,118 +1,207 @@
-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
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-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");
+exports.default = exports.ButtonControl = void 0;
+
+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 _control = _interopRequireDefault(require("./control"));
+
+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 ButtonControl = /*#__PURE__*/function (_Control) {
+  (0, _inherits2.default)(ButtonControl, _Control);
+
+  var _super = _createSuper(ButtonControl);
+
+  function ButtonControl() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, ButtonControl);
+
+    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));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isDisable", false);
+    return _this;
   }
-  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);
+
+  (0, _createClass2.default)(ButtonControl, [{
+    key: "setIsDisable",
+    value:
+    /**
+     * 设置当前按钮
+     * @param newIsDisable
+     */
+    function setIsDisable(newIsDisable) {
+      this.isDisable = newIsDisable;
+
+      if (newIsDisable) {
+        var _this$button;
+
+        (_this$button = this.button) === null || _this$button === void 0 ? void 0 : _this$button.setAttribute('disabled', 'true');
+      } else {
+        var _this$button2;
+
+        (_this$button2 = this.button) === null || _this$button2 === void 0 ? void 0 : _this$button2.removeAttribute('disabled');
+      }
     }
-    if (this.checkUpdateOption(newOptions, ["btnIcon"])) {
-      this.setBtnIcon(btnIcon);
+  }, {
+    key: "createButton",
+    value: function createButton() {
+      var className = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+      return _l7Utils.DOM.create('button', "l7-button-control ".concat(className));
     }
-    if (this.checkUpdateOption(newOptions, ["btnText"])) {
+  }, {
+    key: "onAdd",
+    value: function onAdd() {
+      this.button = this.createButton();
+      this.isDisable = false;
+      var _this$controlOption = this.controlOption,
+          title = _this$controlOption.title,
+          btnText = _this$controlOption.btnText,
+          btnIcon = _this$controlOption.btnIcon;
+      this.setBtnTitle(title);
       this.setBtnText(btnText);
+      this.setBtnIcon(btnIcon);
+      return this.button;
     }
-    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);
+  }, {
+    key: "onRemove",
+    value: function onRemove() {
+      this.button = this.buttonIcon = this.buttonText = undefined;
+      this.isDisable = false;
     }
-    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);
+    /**
+     * 更新配置方法
+     * @param newOptions
+     */
+
+  }, {
+    key: "setOptions",
+    value: function setOptions(newOptions) {
+      var title = newOptions.title,
+          btnText = newOptions.btnText,
+          btnIcon = newOptions.btnIcon;
+
+      if (this.checkUpdateOption(newOptions, ['title'])) {
+        this.setBtnTitle(title);
       }
-      this.buttonIcon = newIcon;
+
+      if (this.checkUpdateOption(newOptions, ['btnIcon'])) {
+        this.setBtnIcon(btnIcon);
+      }
+
+      if (this.checkUpdateOption(newOptions, ['btnText'])) {
+        this.setBtnText(btnText);
+      }
+
+      (0, _get2.default)((0, _getPrototypeOf2.default)(ButtonControl.prototype), "setOptions", this).call(this, newOptions);
     }
-  }
-  setBtnText(newText) {
-    var _a;
-    if (!this.button) {
-      return;
+    /**
+     * 设置按钮 title
+     * @param title
+     */
+
+  }, {
+    key: "setBtnTitle",
+    value: function setBtnTitle(title) {
+      var _this$button3;
+
+      (_this$button3 = this.button) === null || _this$button3 === void 0 ? void 0 : _this$button3.setAttribute('title', title !== null && title !== void 0 ? title : '');
     }
-    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;
+    /**
+     * 设置按钮 Icon
+     * @param newIcon
+     */
+
+  }, {
+    key: "setBtnIcon",
+    value: function setBtnIcon(newIcon) {
+      if (this.buttonIcon) {
+        _l7Utils.DOM.remove(this.buttonIcon);
+      }
+
+      if (newIcon) {
+        var _this$button4;
+
+        var firstChild = (_this$button4 = this.button) === null || _this$button4 === void 0 ? void 0 : _this$button4.firstChild;
+
+        if (firstChild) {
+          var _this$button5;
+
+          (_this$button5 = this.button) === null || _this$button5 === void 0 ? void 0 : _this$button5.insertBefore(newIcon, firstChild);
+        } else {
+          var _this$button6;
+
+          (_this$button6 = this.button) === null || _this$button6 === void 0 ? void 0 : _this$button6.appendChild(newIcon);
+        }
+
+        this.buttonIcon = newIcon;
       }
-      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
-});
+    /**
+     * 设置按钮文本
+     * @param newText
+     */
+
+  }, {
+    key: "setBtnText",
+    value: function setBtnText(newText) {
+      if (!this.button) {
+        return;
+      }
+
+      _l7Utils.DOM.removeClass(this.button, 'l7-button-control--row');
+
+      _l7Utils.DOM.removeClass(this.button, 'l7-button-control--column');
+
+      if (newText) {
+        var btnText = this.buttonText;
+
+        if (!btnText) {
+          var _this$button7;
+
+          btnText = _l7Utils.DOM.create('div', 'l7-button-control__text');
+          (_this$button7 = this.button) === null || _this$button7 === void 0 ? void 0 : _this$button7.appendChild(btnText);
+          this.buttonText = btnText;
+        }
+
+        btnText.innerText = newText;
+
+        _l7Utils.DOM.addClass(this.button, this.controlOption.vertical ? 'l7-button-control--column' : 'l7-button-control--row');
+      } else if (!newText && this.buttonText) {
+        _l7Utils.DOM.remove(this.buttonText);
+
+        this.buttonText = undefined;
+      }
+    }
+  }]);
+  return ButtonControl;
+}(_control.default);
+
+exports.default = exports.ButtonControl = ButtonControl;