@supermapgis/vue-iclient-leaflet 11.2.1 → 11.3.0

package/lib/image/index.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 363);
+/******/ 	return __webpack_require__(__webpack_require__.s = 358);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -105,19 +105,20 @@ module.exports = require("@babel/runtime/helpers/interopRequireDefault");
 // This module is a runtime utility for cleaner component module output and will
 // be included in the final webpack user bundle.
 
-function normalizeComponent(
+function normalizeComponent (
   scriptExports,
   render,
   staticRenderFns,
   functionalTemplate,
   injectStyles,
   scopeId,
-  moduleIdentifier /* server only */,
+  moduleIdentifier, /* server only */
   shadowMode /* vue-cli only */
 ) {
   // Vue.extend constructor export interop
-  var options =
-    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
+  var options = typeof scriptExports === 'function'
+    ? scriptExports.options
+    : scriptExports
 
   // render functions
   if (render) {
@@ -137,8 +138,7 @@ function normalizeComponent(
   }
 
   var hook
-  if (moduleIdentifier) {
-    // server build
+  if (moduleIdentifier) { // server build
     hook = function (context) {
       // 2.3 injection
       context =
@@ -163,12 +163,7 @@ function normalizeComponent(
     options._ssrRegister = hook
   } else if (injectStyles) {
     hook = shadowMode
-      ? function () {
-          injectStyles.call(
-            this,
-            (options.functional ? this.parent : this).$root.$options.shadowRoot
-          )
-        }
+      ? function () { injectStyles.call(this, this.$root.$options.shadowRoot) }
       : injectStyles
   }
 
@@ -177,16 +172,18 @@ function normalizeComponent(
       // for template-only hot-reload because in that case the render fn doesn't
       // go through the normalizer
       options._injectStyles = hook
-      // register for functional component in vue file
+      // register for functioal component in vue file
       var originalRender = options.render
-      options.render = function renderWithStyleInjection(h, context) {
+      options.render = function renderWithStyleInjection (h, context) {
         hook.call(context)
         return originalRender(h, context)
       }
     } else {
       // inject component registration as beforeCreate hook
       var existing = options.beforeCreate
-      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
+      options.beforeCreate = existing
+        ? [].concat(existing, hook)
+        : [hook]
     }
   }
 
@@ -199,19 +196,26 @@ function normalizeComponent(
 
 /***/ }),
 
-/***/ 117:
+/***/ 11:
+/***/ (function(module, exports) {
+
+module.exports = require("@babel/runtime/helpers/extends");
+
+/***/ }),
+
+/***/ 116:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_babel_loader_lib_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_Image_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(118);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_Image_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(117);
 /* harmony import */ var _node_modules_babel_loader_lib_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_Image_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_babel_loader_lib_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_Image_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__);
 /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_babel_loader_lib_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_Image_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_babel_loader_lib_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_Image_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
  /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_node_modules_vue_loader_lib_index_js_vue_loader_options_Image_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0___default.a); 
 
 /***/ }),
 
-/***/ 118:
+/***/ 117:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -228,6 +232,21 @@ var _Theme = _interopRequireDefault(__webpack_require__(2));
 
 var _util = __webpack_require__(9);
 
+var _Modal = _interopRequireDefault(__webpack_require__(360));
+
+var _index = _interopRequireDefault(__webpack_require__(15));
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -243,6 +262,9 @@ var _util = __webpack_require__(9);
 //
 var _default = exports.default = {
   name: 'SmImage',
+  components: {
+    SmModal: _Modal.default
+  },
   mixins: [_Theme.default],
   props: {
     src: {
@@ -256,6 +278,10 @@ var _default = exports.default = {
       type: String,
       default: ''
     },
+    previewMode: {
+      type: String,
+      default: 'none'
+    },
     target: {
       type: String,
       default: '_self'
@@ -263,12 +289,18 @@ var _default = exports.default = {
   },
   data: function data() {
     return {
+      previewVisible: false,
       repeatOption: {
         center: {
           backgroundRepeat: 'no-repeat',
           backgroundPosition: 'center',
           backgroundSize: 'contain'
         },
+        left: {
+          backgroundRepeat: 'no-repeat',
+          backgroundPosition: 'left center',
+          backgroundSize: 'contain'
+        },
         noRepeat: {
           backgroundSize: '100% 100%',
           backgroundRepeat: 'no-repeat'
@@ -289,6 +321,25 @@ var _default = exports.default = {
     };
   },
   computed: {
+    fullScreenStyle: function fullScreenStyle() {
+      return this.previewMode === 'full' ? {
+        dialogStyle: {
+          backgroundColor: 'transparent',
+          height: '100%'
+        },
+        dialogClass: 'sm-component-image__full',
+        bodyStyle: {
+          padding: 0,
+          width: '100%',
+          height: '100%'
+        }
+      } : {
+        dialogClass: 'sm-component-image__preview',
+        bodyStyle: {
+          padding: 0
+        }
+      };
+    },
     repeatStyle: function repeatStyle() {
       return this.repeatOption[this.repeat];
     },
@@ -306,9 +357,91 @@ var _default = exports.default = {
 
       return href;
     }
+  },
+  methods: {
+    handleLinkClick: function handleLinkClick(e) {
+      if (!this.href) {
+        e.preventDefault();
+      }
+    },
+    startPreview: function startPreview() {
+      if (this.previewMode === 'none') {
+        return;
+      }
+
+      _index.default.info(this.previewMode === 'popup' ? this.$t('info.pressEscToExit') : this.$t('info.pressEscOrClickToExit'), 3);
+
+      this.previewVisible = true;
+    },
+    endPreview: function endPreview() {
+      this.previewVisible = false;
+    }
+  }
+};
+
+/***/ }),
+
+/***/ 15:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var _interopRequireDefault = __webpack_require__(0);
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _Message = _interopRequireDefault(__webpack_require__(16));
+
+var _default = exports.default = _Message.default;
+
+/***/ }),
+
+/***/ 16:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var _interopRequireDefault = __webpack_require__(0);
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(__webpack_require__(11));
+
+var _message = _interopRequireDefault(__webpack_require__(17));
+
+var defaultPrefixCls = 'sm-component-message';
+var configCallback = _message.default.config;
+configCallback({
+  prefixCls: defaultPrefixCls
+});
+
+_message.default.config = function (options) {
+  if (options.prefixCls && options.prefixCls !== defaultPrefixCls) {
+    _message.default.destroy();
   }
+
+  configCallback((0, _extends2.default)({}, options, {
+    prefixCls: options.prefixCls || defaultPrefixCls
+  }));
 };
 
+var _default = exports.default = _message.default;
+
+/***/ }),
+
+/***/ 17:
+/***/ (function(module, exports) {
+
+module.exports = require("ant-design-vue/es/message");
+
 /***/ }),
 
 /***/ 2:
@@ -318,7 +451,7 @@ module.exports = require("@supermapgis/vue-iclient-leaflet/lib/_mixin/Theme.js")
 
 /***/ }),
 
-/***/ 264:
+/***/ 259:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -327,8 +460,8 @@ module.exports = require("@supermapgis/vue-iclient-leaflet/lib/_mixin/Theme.js")
 __webpack_require__.d(__webpack_exports__, "a", function() { return /* reexport */ render; });
 __webpack_require__.d(__webpack_exports__, "b", function() { return /* reexport */ staticRenderFns; });
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/common/image/Image.vue?vue&type=template&id=61b8f200&
-var render = function () {
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/common/image/Image.vue?vue&type=template&id=0acca77c&
+var render = function() {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
@@ -336,38 +469,79 @@ var render = function () {
     "div",
     {
       staticClass: "sm-component-image",
-      style: [_vm.getBackgroundStyle, _vm.getTextColorStyle],
+      style: [_vm.getBackgroundStyle, _vm.getTextColorStyle]
     },
     [
       _c(
         "a",
         {
-          class: [
-            "sm-component-image__link",
-            _vm.realHref ? "" : "sm-component-image__noLink",
-          ],
+          class: ["sm-component-image__link"],
           attrs: { href: _vm.realHref, target: _vm.target },
+          on: { click: _vm.handleLinkClick }
         },
         [
           _vm.src
-            ? _c("div", {
-                staticClass: "sm-component-image__content",
-                style: [_vm.repeatStyle, _vm.imgUrl],
-              })
+            ? _c(
+                "div",
+                {
+                  staticClass: "sm-component-image__content",
+                  style: [_vm.repeatStyle, _vm.imgUrl],
+                  on: { click: _vm.startPreview }
+                },
+                [
+                  _c("img", {
+                    staticStyle: {
+                      visibility: "hidden",
+                      "max-width": "100%",
+                      "max-height": "100%"
+                    },
+                    attrs: { src: _vm.src }
+                  })
+                ]
+              )
             : _c("i", {
                 staticClass:
-                  "sm-components-icon-tupian sm-component-image__defaultImg",
-              }),
+                  "sm-components-icon-tupian sm-component-image__defaultImg"
+              })
         ]
       ),
-    ]
+      _c(
+        "sm-modal",
+        {
+          attrs: {
+            zIndex: 1009,
+            centered: "",
+            width: "50%",
+            dialogClass: _vm.fullScreenStyle.dialogClass,
+            dialogStyle: _vm.fullScreenStyle.dialogStyle,
+            bodyStyle: _vm.fullScreenStyle.bodyStyle,
+            footer: null
+          },
+          model: {
+            value: _vm.previewVisible,
+            callback: function($$v) {
+              _vm.previewVisible = $$v
+            },
+            expression: "previewVisible"
+          }
+        },
+        [
+          _c("img", {
+            style: { "object-fit": "contain", width: "100%", height: "100%" },
+            attrs: { src: _vm.src },
+            on: { click: _vm.endPreview }
+          })
+        ]
+      )
+    ],
+    1
   )
 }
 var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./src/common/image/Image.vue?vue&type=template&id=61b8f200&
+// CONCATENATED MODULE: ./src/common/image/Image.vue?vue&type=template&id=0acca77c&
 
 
 /***/ }),
@@ -379,7 +553,7 @@ module.exports = require("@supermapgis/vue-iclient-leaflet/lib/init.js");
 
 /***/ }),
 
-/***/ 363:
+/***/ 358:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -392,7 +566,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _Image = _interopRequireDefault(__webpack_require__(364));
+var _Image = _interopRequireDefault(__webpack_require__(359));
 
 var _init = _interopRequireDefault(__webpack_require__(3));
 
@@ -405,13 +579,13 @@ var _default = exports.default = _Image.default;
 
 /***/ }),
 
-/***/ 364:
+/***/ 359:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _Image_vue_vue_type_template_id_61b8f200___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(264);
-/* harmony import */ var _Image_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(117);
+/* harmony import */ var _Image_vue_vue_type_template_id_0acca77c___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(259);
+/* harmony import */ var _Image_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(116);
 /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _Image_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _Image_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__[key]; }) }(__WEBPACK_IMPORT_KEY__));
 /* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1);
 
@@ -423,8 +597,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(
   _Image_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
-  _Image_vue_vue_type_template_id_61b8f200___WEBPACK_IMPORTED_MODULE_0__[/* render */ "a"],
-  _Image_vue_vue_type_template_id_61b8f200___WEBPACK_IMPORTED_MODULE_0__[/* staticRenderFns */ "b"],
+  _Image_vue_vue_type_template_id_0acca77c___WEBPACK_IMPORTED_MODULE_0__[/* render */ "a"],
+  _Image_vue_vue_type_template_id_0acca77c___WEBPACK_IMPORTED_MODULE_0__[/* staticRenderFns */ "b"],
   false,
   null,
   null,
@@ -432,10 +606,20 @@ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_
   
 )
 
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "src/common/image/Image.vue"
 /* harmony default export */ __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
+/***/ 360:
+/***/ (function(module, exports) {
+
+module.exports = require("@supermapgis/vue-iclient-leaflet/lib/modal");
+
+/***/ }),
+
 /***/ 9:
 /***/ (function(module, exports) {
 

package/lib/image/style/image.css

@@ -1 +1 @@
-.sm-component-image{width:100%;height:100%;background:var(--component-background);color:var(--text-color)}.sm-component-image__link{display:block;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sm-component-image__link:hover{cursor:pointer}.sm-component-image__noLink{pointer-events:none}.sm-component-image__content{width:100%;height:100%;opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.sm-component-image__defaultImg{color:var(--text-color);font-size:60px}
+.sm-component-image{width:100%;height:100%;background:var(--component-background);color:var(--text-color)}.sm-component-image__link{display:block;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sm-component-image__link:hover{cursor:pointer}.sm-component-image__preview .sm-component-modal-content .sm-component-modal-close{margin-left:-64px}.sm-component-image__preview .sm-component-modal-content .sm-component-modal-close .sm-component-modal-close-x{font-size:40px}.sm-component-image__full{width:100%!important;padding:0!important}.sm-component-image__full .sm-component-modal-content{background-color:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important;width:100%;height:100%}.sm-component-image__full .sm-component-modal-content .sm-component-modal-close{display:none;margin-left:-64px}.sm-component-image__full .sm-component-modal-content .sm-component-modal-close .sm-component-modal-close-x{font-size:40px}.sm-component-image__noLink{pointer-events:none}.sm-component-image__content{width:100%;height:100%;opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.sm-component-image__defaultImg{color:var(--text-color);font-size:60px}

package/lib/index.js

@@ -114,9 +114,9 @@ Object.keys(_components).forEach(function (key) {
   });
 });
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 
 var _default = exports.default = _components.default;
 
@@ -592,9 +592,9 @@ var _index54 = _interopRequireDefault(__webpack_require__(59));
 
 var _index55 = _interopRequireDefault(__webpack_require__(60));
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 
 var components = {
   Avatar: _index3.default,