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

package/lib/control/exportImage.js

@@ -1,83 +1,177 @@
-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/exportImage.ts
-var exportImage_exports = {};
-__export(exportImage_exports, {
-  ExportImage: () => ExportImage,
-  default: () => ExportImage
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(exportImage_exports);
-var import_icon = require("../utils/icon");
-var import_buttonControl = __toESM(require("./baseControl/buttonControl"));
-var ExportImage = class extends import_buttonControl.default {
-  constructor() {
-    super(...arguments);
-    this.onClick = async () => {
-      const { onExport } = this.controlOption;
-      onExport == null ? void 0 : onExport(await this.getImage());
-    };
-    this.mergeImage = async (...base64List) => {
-      var _a;
-      const { imageType } = this.controlOption;
-      const { width = 0, height = 0 } = ((_a = this.mapsService.getContainer()) == null ? void 0 : _a.getBoundingClientRect()) ?? {};
-      const canvas = document.createElement("canvas");
-      canvas.width = width;
-      canvas.height = height;
-      const context = canvas.getContext("2d");
-      const imgList = await Promise.all(base64List.map((base64) => {
-        return new Promise((resolve) => {
-          const img = new Image();
-          img.onload = () => {
-            resolve(img);
-          };
-          img.src = base64;
-        });
-      }));
-      imgList.forEach((img) => {
-        context == null ? void 0 : context.drawImage(img, 0, 0, width, height);
-      });
-      return canvas.toDataURL(`image/${imageType}`);
-    };
-  }
-  onAdd() {
-    const button = super.onAdd();
-    button.addEventListener("click", this.onClick);
-    return button;
-  }
-  getDefault(option) {
-    return {
-      ...super.getDefault(option),
-      title: "\u5BFC\u51FA\u56FE\u7247",
-      btnIcon: (0, import_icon.createL7Icon)("l7-icon-export-picture"),
-      imageType: "png"
-    };
-  }
-  getImage() {
-    const mapImage = this.mapsService.exportMap("png");
-    const layerImage = this.scene.exportPng("png");
-    return this.mergeImage(mapImage, layerImage);
+exports.default = exports.ExportImage = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+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 _icon = require("../utils/icon");
+
+var _buttonControl = _interopRequireDefault(require("./baseControl/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 ExportImage = /*#__PURE__*/function (_ButtonControl) {
+  (0, _inherits2.default)(ExportImage, _ButtonControl);
+
+  var _super = _createSuper(ExportImage);
+
+  function ExportImage() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, ExportImage);
+
+    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), "onClick", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var onExport;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              onExport = _this.controlOption.onExport;
+
+              if (!(onExport === null || onExport === void 0)) {
+                _context.next = 5;
+                break;
+              }
+
+              void 0;
+              _context.next = 10;
+              break;
+
+            case 5:
+              _context.t0 = onExport;
+              _context.next = 8;
+              return _this.getImage();
+
+            case 8:
+              _context.t1 = _context.sent;
+              (0, _context.t0)(_context.t1);
+
+            case 10:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    })));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "mergeImage", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+      var _this$mapsService$get, _this$mapsService$get2;
+
+      var imageType,
+          _ref3,
+          _ref3$width,
+          width,
+          _ref3$height,
+          height,
+          canvas,
+          context,
+          _len2,
+          base64List,
+          _key2,
+          imgList,
+          _args2 = arguments;
+
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              imageType = _this.controlOption.imageType;
+              _ref3 = (_this$mapsService$get = (_this$mapsService$get2 = _this.mapsService.getContainer()) === null || _this$mapsService$get2 === void 0 ? void 0 : _this$mapsService$get2.getBoundingClientRect()) !== null && _this$mapsService$get !== void 0 ? _this$mapsService$get : {}, _ref3$width = _ref3.width, width = _ref3$width === void 0 ? 0 : _ref3$width, _ref3$height = _ref3.height, height = _ref3$height === void 0 ? 0 : _ref3$height;
+              canvas = document.createElement('canvas');
+              canvas.width = width;
+              canvas.height = height;
+              context = canvas.getContext('2d');
+
+              for (_len2 = _args2.length, base64List = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+                base64List[_key2] = _args2[_key2];
+              }
+
+              _context2.next = 9;
+              return Promise.all(base64List.map(function (base64) {
+                return new Promise(function (resolve) {
+                  var img = new Image();
+
+                  img.onload = function () {
+                    resolve(img);
+                  };
+
+                  img.src = base64;
+                });
+              }));
+
+            case 9:
+              imgList = _context2.sent;
+              imgList.forEach(function (img) {
+                context === null || context === void 0 ? void 0 : context.drawImage(img, 0, 0, width, height);
+              });
+              return _context2.abrupt("return", canvas.toDataURL("image/".concat(imageType)));
+
+            case 12:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    })));
+    return _this;
   }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ExportImage
-});
+
+  (0, _createClass2.default)(ExportImage, [{
+    key: "onAdd",
+    value: function onAdd() {
+      var button = (0, _get2.default)((0, _getPrototypeOf2.default)(ExportImage.prototype), "onAdd", this).call(this);
+      button.addEventListener('click', this.onClick);
+      return button;
+    }
+  }, {
+    key: "getDefault",
+    value: function getDefault(option) {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _get2.default)((0, _getPrototypeOf2.default)(ExportImage.prototype), "getDefault", this).call(this, option)), {}, {
+        title: '导出图片',
+        btnIcon: (0, _icon.createL7Icon)('l7-icon-export-picture'),
+        imageType: 'png'
+      });
+    }
+  }, {
+    key: "getImage",
+    value: function getImage() {
+      var mapImage = this.mapsService.exportMap('png');
+      var layerImage = this.scene.exportPng('png');
+      return this.mergeImage(mapImage, layerImage);
+    }
+  }]);
+  return ExportImage;
+}(_buttonControl.default);
+
+exports.default = exports.ExportImage = ExportImage;

package/lib/control/fullscreen.js

@@ -1,109 +1,164 @@
-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/fullscreen.ts
-var fullscreen_exports = {};
-__export(fullscreen_exports, {
-  Fullscreen: () => Fullscreen,
-  default: () => Fullscreen
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(fullscreen_exports);
-var import_l7_utils = require("@antv/l7-utils");
-var import_icon = require("../utils/icon");
-var import_screenfull = __toESM(require("../utils/screenfull"));
-var import_buttonControl = __toESM(require("./baseControl/buttonControl"));
-var Fullscreen = class extends import_buttonControl.default {
-  constructor(option) {
-    super(option);
-    this.isFullscreen = false;
-    this.toggleFullscreen = async () => {
-      if (import_screenfull.default.isEnabled) {
-        await import_screenfull.default.toggle(this.mapContainer);
-      }
-    };
-    this.onClick = () => {
-      this.toggleFullscreen();
-    };
-    this.onFullscreenChange = () => {
-      this.isFullscreen = !!document.fullscreenElement;
-      const {
-        btnText,
-        btnIcon,
-        title,
-        exitBtnText,
-        exitBtnIcon,
-        exitTitle
-      } = this.controlOption;
-      if (this.isFullscreen) {
-        this.setBtnTitle(exitTitle);
-        this.setBtnText(exitBtnText);
-        this.setBtnIcon(exitBtnIcon);
+exports.default = exports.Fullscreen = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+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 _icon = require("../utils/icon");
+
+var _screenfull = _interopRequireDefault(require("../utils/screenfull"));
+
+var _buttonControl = _interopRequireDefault(require("./baseControl/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 Fullscreen = /*#__PURE__*/function (_ButtonControl) {
+  (0, _inherits2.default)(Fullscreen, _ButtonControl);
+
+  var _super = _createSuper(Fullscreen);
+
+  function Fullscreen(option) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, Fullscreen);
+    _this = _super.call(this, option);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isFullscreen", false);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "toggleFullscreen", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (!_screenfull.default.isEnabled) {
+                _context.next = 3;
+                break;
+              }
+
+              _context.next = 3;
+              return _screenfull.default.toggle(_this.mapContainer);
+
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    })));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onClick", function () {
+      _this.toggleFullscreen();
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFullscreenChange", function () {
+      _this.isFullscreen = !!document.fullscreenElement;
+      var _this$controlOption = _this.controlOption,
+          btnText = _this$controlOption.btnText,
+          btnIcon = _this$controlOption.btnIcon,
+          title = _this$controlOption.title,
+          exitBtnText = _this$controlOption.exitBtnText,
+          exitBtnIcon = _this$controlOption.exitBtnIcon,
+          exitTitle = _this$controlOption.exitTitle;
+
+      if (_this.isFullscreen) {
+        _this.setBtnTitle(exitTitle);
+
+        _this.setBtnText(exitBtnText);
+
+        _this.setBtnIcon(exitBtnIcon);
       } else {
-        this.setBtnTitle(title);
-        this.setBtnText(btnText);
-        this.setBtnIcon(btnIcon);
+        _this.setBtnTitle(title);
+
+        _this.setBtnText(btnText);
+
+        _this.setBtnIcon(btnIcon);
       }
-      this.emit("fullscreenChange", this.isFullscreen);
-    };
-    if (!import_screenfull.default.isEnabled) {
-      console.warn("\u5F53\u524D\u6D4F\u89C8\u5668\u73AF\u5883\u4E0D\u652F\u6301\u5BF9\u5730\u56FE\u5168\u5C4F\u5316");
+
+      _this.emit('fullscreenChange', _this.isFullscreen);
+    });
+
+    if (!_screenfull.default.isEnabled) {
+      console.warn('当前浏览器环境不支持对地图全屏化');
     }
+
+    return _this;
   }
-  setOptions(newOptions) {
-    const { exitBtnText, exitBtnIcon, exitTitle } = newOptions;
-    if (this.isFullscreen) {
-      if (this.checkUpdateOption(newOptions, ["exitBtnIcon"])) {
-        this.setBtnIcon(exitBtnIcon);
-      }
-      if (this.checkUpdateOption(newOptions, ["exitBtnText"])) {
-        this.setBtnText(exitBtnText);
-      }
-      if (this.checkUpdateOption(newOptions, ["exitTitle"])) {
-        this.setBtnTitle(exitTitle);
+
+  (0, _createClass2.default)(Fullscreen, [{
+    key: "setOptions",
+    value: function setOptions(newOptions) {
+      var exitBtnText = newOptions.exitBtnText,
+          exitBtnIcon = newOptions.exitBtnIcon,
+          exitTitle = newOptions.exitTitle;
+
+      if (this.isFullscreen) {
+        if (this.checkUpdateOption(newOptions, ['exitBtnIcon'])) {
+          this.setBtnIcon(exitBtnIcon);
+        }
+
+        if (this.checkUpdateOption(newOptions, ['exitBtnText'])) {
+          this.setBtnText(exitBtnText);
+        }
+
+        if (this.checkUpdateOption(newOptions, ['exitTitle'])) {
+          this.setBtnTitle(exitTitle);
+        }
       }
+
+      (0, _get2.default)((0, _getPrototypeOf2.default)(Fullscreen.prototype), "setOptions", this).call(this, newOptions);
     }
-    super.setOptions(newOptions);
-  }
-  onAdd() {
-    const button = super.onAdd();
-    button.addEventListener("click", this.onClick);
-    this.mapContainer = import_l7_utils.DOM.getContainer(this.scene.getSceneConfig().id);
-    this.mapContainer.addEventListener("fullscreenchange", this.onFullscreenChange);
-    return button;
-  }
-  onRemove() {
-    super.onRemove();
-    this.mapContainer.removeEventListener("fullscreenchange", this.onFullscreenChange);
-  }
-  getDefault(option) {
-    return {
-      ...super.getDefault(option),
-      title: "\u5168\u5C4F",
-      btnIcon: (0, import_icon.createL7Icon)("l7-icon-fullscreen"),
-      exitTitle: "\u9000\u51FA\u5168\u5C4F",
-      exitBtnIcon: (0, import_icon.createL7Icon)("l7-icon-exit-fullscreen")
-    };
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Fullscreen
-});
+  }, {
+    key: "onAdd",
+    value: function onAdd() {
+      var button = (0, _get2.default)((0, _getPrototypeOf2.default)(Fullscreen.prototype), "onAdd", this).call(this);
+      button.addEventListener('click', this.onClick);
+      this.mapContainer = _l7Utils.DOM.getContainer(this.scene.getSceneConfig().id);
+      this.mapContainer.addEventListener('fullscreenchange', this.onFullscreenChange);
+      return button;
+    }
+  }, {
+    key: "onRemove",
+    value: function onRemove() {
+      (0, _get2.default)((0, _getPrototypeOf2.default)(Fullscreen.prototype), "onRemove", this).call(this);
+      this.mapContainer.removeEventListener('fullscreenchange', this.onFullscreenChange);
+    }
+  }, {
+    key: "getDefault",
+    value: function getDefault(option) {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _get2.default)((0, _getPrototypeOf2.default)(Fullscreen.prototype), "getDefault", this).call(this, option)), {}, {
+        title: '全屏',
+        btnIcon: (0, _icon.createL7Icon)('l7-icon-fullscreen'),
+        exitTitle: '退出全屏',
+        exitBtnIcon: (0, _icon.createL7Icon)('l7-icon-exit-fullscreen')
+      });
+    }
+  }]);
+  return Fullscreen;
+}(_buttonControl.default);
+
+exports.default = exports.Fullscreen = Fullscreen;