bkui-vue 0.0.1-beta.468 → 0.0.1-beta.469

package/lib/image/index.js

@@ -1,944 +1 @@
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("../shared"), require("vue"), require("../icon"), require("vue-types"), require("lodash"), require("../directives"));
-	else if(typeof define === 'function' && define.amd)
-		define(["../shared", "vue", "../icon", "vue-types", "lodash", "../directives"], factory);
-	else {
-		var a = typeof exports === 'object' ? factory(require("../shared"), require("vue"), require("../icon"), require("vue-types"), require("lodash"), require("../directives")) : factory(root["../shared"], root["vue"], root["../icon"], root["vue-types"], root["lodash"], root["../directives"]);
-		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
-	}
-})(self, (__WEBPACK_EXTERNAL_MODULE__4212__, __WEBPACK_EXTERNAL_MODULE__748__, __WEBPACK_EXTERNAL_MODULE__6870__, __WEBPACK_EXTERNAL_MODULE__210__, __WEBPACK_EXTERNAL_MODULE__467__, __WEBPACK_EXTERNAL_MODULE__4061__) => {
-return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
-
-/***/ 5458:
-/***/ ((module, __unused_webpack___webpack_exports__, __webpack_require__) => {
-
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9601);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2609);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, `.bk-image-viewer-wrapper {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  display: flex;
-  background: rgba(0, 0, 0, 0.6);
-  flex-direction: column;
-}
-.bk-image-viewer-mask {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}
-.bk-image-viewer-header {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 9;
-  display: flex;
-  width: 100%;
-  height: 52px;
-  color: #c4c6cc;
-  background: rgba(0, 0, 0, 0.7);
-  justify-content: space-between;
-  align-items: center;
-}
-.bk-image-viewer-header > div {
-  padding: 0 25px;
-  overflow: hidden;
-  font-size: 14px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  flex: 1;
-}
-.bk-image-viewer-header .quit-box {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-}
-.bk-image-viewer-header .quit-tips {
-  font-size: 14px;
-  color: #979ba5;
-}
-.bk-image-viewer-btn {
-  position: absolute;
-  z-index: 1;
-  display: flex;
-  color: #dcdee5;
-  background-color: rgba(0, 0, 0, 0.3);
-  border-radius: 50%;
-  opacity: 0.8;
-  box-sizing: border-box;
-  user-select: none;
-  align-items: center;
-  justify-content: center;
-}
-.bk-image-viewer-btn:hover {
-  color: #fff;
-  background-color: rgba(0, 0, 0, 0.4);
-}
-.bk-image-viewer-close {
-  height: 52px;
-  font-size: 32px;
-  line-height: 48px;
-  color: #c4c6cc;
-  text-align: center;
-  cursor: pointer;
-}
-.bk-image-viewer-close:hover {
-  color: #fff;
-}
-.bk-image-viewer-canvas {
-  display: flex;
-  width: 100%;
-  height: 100%;
-  justify-content: center;
-  align-items: center;
-}
-.bk-image-viewer-has-header {
-  padding-top: 52px;
-}
-.bk-image-viewer-error {
-  font-size: 14px;
-  color: #313238;
-  text-align: center;
-}
-.bk-image-viewer-error .bk-icon {
-  margin-bottom: 15px;
-  font-size: 85px;
-  line-height: 1;
-}
-.bk-image-viewer-actions {
-  bottom: 30px;
-  left: 50%;
-  width: 282px;
-  height: 44px;
-  padding: 0 23px;
-  background-color: rgba(0, 0, 0, 0.4);
-  border-color: #fff;
-  border-radius: 22px;
-  transform: translateX(-50%);
-}
-.bk-image-viewer-actions:hover {
-  background: rgba(0, 0, 0, 0.5);
-}
-.bk-image-viewer-actions-inner {
-  display: flex;
-  width: 100%;
-  height: 100%;
-  font-size: 23px;
-  color: #c4c6cc;
-  text-align: justify;
-  align-items: center;
-  justify-content: space-around;
-}
-.bk-image-viewer-actions-inner .bk-icon {
-  cursor: pointer;
-}
-.bk-image-viewer-actions-inner .bk-icon:hover {
-  color: #fff;
-}
-.bk-image-viewer-next,
-.bk-image-viewer-prev {
-  top: 50%;
-  width: 80px;
-  height: 80px;
-  font-size: 40px;
-  cursor: pointer;
-}
-.bk-image-viewer-prev {
-  left: 40px;
-  transform: translateY(-50%);
-}
-.bk-image-viewer-next {
-  right: 40px;
-  text-indent: 2px;
-  transform: translateY(-50%);
-}
-`, ""]);
-// Exports
-/* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = ((/* unused pure expression or super */ null && (___CSS_LOADER_EXPORT___)));
-
-
-/***/ }),
-
-/***/ 2609:
-/***/ ((module) => {
-
-
-
-/*
-  MIT License http://www.opensource.org/licenses/mit-license.php
-  Author Tobias Koppers @sokra
-*/
-module.exports = function (cssWithMappingToString) {
-  var list = [];
-
-  // return the list of modules as css string
-  list.toString = function toString() {
-    return this.map(function (item) {
-      var content = "";
-      var needLayer = typeof item[5] !== "undefined";
-      if (item[4]) {
-        content += "@supports (".concat(item[4], ") {");
-      }
-      if (item[2]) {
-        content += "@media ".concat(item[2], " {");
-      }
-      if (needLayer) {
-        content += "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {");
-      }
-      content += cssWithMappingToString(item);
-      if (needLayer) {
-        content += "}";
-      }
-      if (item[2]) {
-        content += "}";
-      }
-      if (item[4]) {
-        content += "}";
-      }
-      return content;
-    }).join("");
-  };
-
-  // import a list of modules into the list
-  list.i = function i(modules, media, dedupe, supports, layer) {
-    if (typeof modules === "string") {
-      modules = [[null, modules, undefined]];
-    }
-    var alreadyImportedModules = {};
-    if (dedupe) {
-      for (var k = 0; k < this.length; k++) {
-        var id = this[k][0];
-        if (id != null) {
-          alreadyImportedModules[id] = true;
-        }
-      }
-    }
-    for (var _k = 0; _k < modules.length; _k++) {
-      var item = [].concat(modules[_k]);
-      if (dedupe && alreadyImportedModules[item[0]]) {
-        continue;
-      }
-      if (typeof layer !== "undefined") {
-        if (typeof item[5] === "undefined") {
-          item[5] = layer;
-        } else {
-          item[1] = "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {").concat(item[1], "}");
-          item[5] = layer;
-        }
-      }
-      if (media) {
-        if (!item[2]) {
-          item[2] = media;
-        } else {
-          item[1] = "@media ".concat(item[2], " {").concat(item[1], "}");
-          item[2] = media;
-        }
-      }
-      if (supports) {
-        if (!item[4]) {
-          item[4] = "".concat(supports);
-        } else {
-          item[1] = "@supports (".concat(item[4], ") {").concat(item[1], "}");
-          item[4] = supports;
-        }
-      }
-      list.push(item);
-    }
-  };
-  return list;
-};
-
-/***/ }),
-
-/***/ 9601:
-/***/ ((module) => {
-
-
-
-module.exports = function (i) {
-  return i[1];
-};
-
-/***/ }),
-
-/***/ 4061:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__4061__;
-
-/***/ }),
-
-/***/ 6870:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__6870__;
-
-/***/ }),
-
-/***/ 4212:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__4212__;
-
-/***/ }),
-
-/***/ 467:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__467__;
-
-/***/ }),
-
-/***/ 748:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__748__;
-
-/***/ }),
-
-/***/ 210:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__210__;
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			id: moduleId,
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/compat get default export */
-/******/ 	(() => {
-/******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = (module) => {
-/******/ 			var getter = module && module.__esModule ?
-/******/ 				() => (module['default']) :
-/******/ 				() => (module);
-/******/ 			__webpack_require__.d(getter, { a: getter });
-/******/ 			return getter;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
-(() => {
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  Image: () => (/* reexport */ src_image),
-  ImageViewer: () => (/* reexport */ src_image_viewer),
-  "default": () => (/* binding */ src)
-});
-
-// EXTERNAL MODULE: external "../shared"
-var external_shared_ = __webpack_require__(4212);
-// EXTERNAL MODULE: external "vue"
-var external_vue_ = __webpack_require__(748);
-// EXTERNAL MODULE: external "../icon"
-var external_icon_ = __webpack_require__(6870);
-// EXTERNAL MODULE: external "vue-types"
-var external_vue_types_ = __webpack_require__(210);
-;// CONCATENATED MODULE: ../../packages/image/src/props.ts
-
-
-var FitEnum;
-(function (FitEnum) {
-  FitEnum["FILL"] = "fill";
-  FitEnum["CONTAIN"] = "contain";
-  FitEnum["COVER"] = "cover";
-  FitEnum["NONE"] = "none";
-  FitEnum["SCALE_DOWN"] = "scale-down";
-})(FitEnum || (FitEnum = {}));
-var propsImage = {
-  src: external_shared_.PropTypes.string.def(''),
-  fallback: external_shared_.PropTypes.string.def(''),
-  placeholder: external_shared_.PropTypes.any,
-  fit: (0,external_vue_types_.toType)('fit', {}).def(FitEnum.FILL),
-  lazy: external_shared_.PropTypes.bool,
-  urlList: external_shared_.PropTypes.array.def([]),
-  isShowPreviewTitle: external_shared_.PropTypes.bool.def(true),
-  maskClose: external_shared_.PropTypes.bool.def(true),
-  zIndex: external_shared_.PropTypes.number.def(2000)
-};
-var propsImageViever = {
-  urlList: {
-    type: Array,
-    "default": function _default() {
-      return [];
-    }
-  },
-  zIndex: external_shared_.PropTypes.number.def(2000),
-  initialIndex: external_shared_.PropTypes.number.def(0),
-  isShowTitle: external_shared_.PropTypes.bool.def(true),
-  loops: external_shared_.PropTypes.bool.def(true),
-  maskClose: external_shared_.PropTypes.bool.def(true)
-};
-// EXTERNAL MODULE: ../../packages/image/src/image-viewer.less
-var image_viewer = __webpack_require__(5458);
-;// CONCATENATED MODULE: ../../packages/image/src/image.tsx
-
-/*
-* Tencent is pleased to support the open source community by making
-* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
-*
-* Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
-*
-* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
-*
-* License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
-*
-* ---------------------------------------------------
-* Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
-* documentation files (the "Software"), to deal in the Software without restriction, including without limitation
-* the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
-* to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-*
-* The above copyright notice and this permission notice shall be included in all copies or substantial portions of
-* the Software.
-*
-* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
-* THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
-* CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
-* IN THE SOFTWARE.
-*/
-
-
-
-
-
-/* harmony default export */ const src_image = ((0,external_vue_.defineComponent)({
-  name: 'Image',
-  props: propsImage,
-  emits: ['loaded', 'error', 'close', 'change'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit,
-      slots = _ref.slots;
-    var loading = (0,external_vue_.ref)(true);
-    var hasError = (0,external_vue_.ref)(true);
-    var isShowViewer = (0,external_vue_.ref)(false);
-    var prevOverflow = (0,external_vue_.ref)('');
-    var imageSrc = (0,external_vue_.ref)('');
-    function clickHandler() {}
-    (0,external_vue_.watch)(function () {
-      return props.src;
-    }, function () {
-      loadImage();
-    });
-    var preview = (0,external_vue_.computed)(function () {
-      var _a;
-      return ((_a = props === null || props === void 0 ? void 0 : props.urlList) === null || _a === void 0 ? void 0 : _a.length) > 0;
-    });
-    function closeViewer() {
-      document.body.style.overflow = prevOverflow.value;
-      isShowViewer.value = false;
-      emit('close');
-    }
-    function change(val) {
-      emit('change', val);
-    }
-    function loadImage() {
-      loading.value = true;
-      hasError.value = false;
-      imageSrc.value = props.src;
-    }
-    return function () {
-      function getContent() {
-        if (loading.value) {
-          return (0,external_vue_.createVNode)("div", {
-            "class": "bk-image-placeholder"
-          }, [(0,external_vue_.createVNode)(external_icon_.Spinner, null, null)]);
-        }
-        if (hasError.value) {
-          if (slots.error) {
-            if (typeof slots.error === 'function') {
-              return slots.error();
-            }
-            return slots.error;
-          }
-          return (0,external_vue_.createVNode)("div", {
-            "class": "bk-image-placeholder"
-          }, [props.fallback ? (0,external_vue_.createVNode)("img", {
-            "src": props.fallback,
-            "alt": "\u56FE\u7247\u52A0\u8F7D\u9519\u8BEF"
-          }, null) : '', (0,external_vue_.withDirectives)((0,external_vue_.createVNode)("i", {
-            "class": "bk-icon icon-image-fail"
-          }, null), [[(0,external_vue_.resolveDirective)("else")]])]);
-        }
-        // @ts-ignore
-        return (0,external_vue_.createVNode)("img", {
-          "src": props.src,
-          "onClick": clickHandler,
-          "style": {
-            objectFit: fit
-          }
-        }, null);
-      }
-      return (0,external_vue_.createVNode)("div", {
-        "class": "bk-image"
-      }, [getContent(), preview.value && isShowViewer.value ? (0,external_vue_.createVNode)(src_image_viewer, {
-        "zIndex": props.zIndex,
-        "maskClose": props.maskClose,
-        "is-show-title": props.isShowPreviewTitle,
-        "url-list": props.urlList,
-        "onClose": closeViewer,
-        "onChange": change
-      }, null) : '']);
-    };
-  }
-}));
-// EXTERNAL MODULE: external "lodash"
-var external_lodash_ = __webpack_require__(467);
-// EXTERNAL MODULE: external "../directives"
-var external_directives_ = __webpack_require__(4061);
-;// CONCATENATED MODULE: ../../packages/image/src/image-viewer.tsx
-
-/*
-* Tencent is pleased to support the open source community by making
-* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
-*
-* Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
-*
-* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
-*
-* License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
-*
-* ---------------------------------------------------
-* Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
-* documentation files (the "Software"), to deal in the Software without restriction, including without limitation
-* the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
-* to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-*
-* The above copyright notice and this permission notice shall be included in all copies or substantial portions of
-* the Software.
-*
-* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
-* THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
-* CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
-* IN THE SOFTWARE.
-*/
-
-
-
-
-
-
-/* harmony default export */ const src_image_viewer = ((0,external_vue_.defineComponent)({
-  name: 'ImageViewer',
-  directives: {
-    bkTooltips: external_directives_.bkTooltips
-  },
-  props: propsImageViever,
-  emits: ['close', 'change'],
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var scopeEventListener = (0,external_vue_.effectScope)();
-    // @ts-ignore
-    var wrapper = (0,external_vue_.ref)();
-    var imgRefs = (0,external_vue_.ref)([]);
-    var mode = (0,external_vue_.ref)('');
-    var index = (0,external_vue_.ref)(props.initialIndex);
-    var loading = (0,external_vue_.ref)(false);
-    var error = (0,external_vue_.ref)(false);
-    var transform = (0,external_vue_.shallowRef)({
-      scale: 1,
-      deg: 0,
-      offsetX: 0,
-      offsetY: 0,
-      enableTransition: false
-    });
-    var isSingle = (0,external_vue_.computed)(function () {
-      var _a;
-      return ((_a = props === null || props === void 0 ? void 0 : props.urlList) === null || _a === void 0 ? void 0 : _a.length) < 2;
-    });
-    var isFirst = (0,external_vue_.computed)(function () {
-      return index.value === 0;
-    });
-    var isLast = (0,external_vue_.computed)(function () {
-      return index.value === props.urlList.length - 1;
-    });
-    var currentImg = (0,external_vue_.computed)(function () {
-      return props.urlList[index.value];
-    });
-    var currentName = (0,external_vue_.computed)(function () {
-      var arr = currentImg.value.split('/');
-      return arr[arr.length - 1];
-    });
-    var imgStyle = (0,external_vue_.computed)(function () {
-      var _transform$value = transform.value,
-        scale = _transform$value.scale,
-        deg = _transform$value.deg,
-        offsetX = _transform$value.offsetX,
-        offsetY = _transform$value.offsetY,
-        enableTransition = _transform$value.enableTransition;
-      var translateX = offsetX / scale;
-      var translateY = offsetY / scale;
-      switch (deg % 360) {
-        case 90:
-        case -270:
-          ;
-          var _ref2 = [translateY, -translateX];
-          translateX = _ref2[0];
-          translateY = _ref2[1];
-          break;
-        case 180:
-        case -180:
-          ;
-          var _ref3 = [-translateX, -translateY];
-          translateX = _ref3[0];
-          translateY = _ref3[1];
-          break;
-        case 270:
-        case -90:
-          ;
-          var _ref4 = [-translateY, translateX];
-          translateX = _ref4[0];
-          translateY = _ref4[1];
-          break;
-      }
-      var style = {
-        transform: "scale(".concat(scale, ") rotate(").concat(deg, "deg) translate(").concat(translateX, "px, ").concat(translateY, "px)"),
-        transition: enableTransition ? 'transform .3s' : ''
-      };
-      if (mode.value === 'contain') {
-        style.maxWidth = '100%';
-        style.maxHeight = '100%';
-      }
-      return style;
-    });
-    var wrapStyles = (0,external_vue_.computed)(function () {
-      var zIndex = 2000;
-      if (props.zIndex) {
-        zIndex = props.zIndex;
-      } else {
-        zIndex += external_shared_.bkZIndexManager.getModalNextIndex() || 1;
-      }
-      return {
-        zIndex: zIndex
-      };
-    });
-    var keydownHandler = (0,external_lodash_.throttle)(function (e) {
-      switch (Number(e.code)) {
-        // ESC
-        case 27:
-          hide();
-          break;
-        // SPACE
-        case 32:
-          toggleMode('original');
-          break;
-        // LEFT_ARROW
-        case 37:
-          prev();
-          break;
-        // UP_ARROW
-        case 38:
-          handleActions('zoomIn');
-          break;
-        // RIGHT_ARROW
-        case 39:
-          next();
-          break;
-        // DOWN_ARROW
-        case 40:
-          handleActions('zoomOut');
-          break;
-      }
-    });
-    var mousewheelHandler = (0,external_lodash_.throttle)(function (e /* TODO: wheelDelta is deprecated */) {
-      var delta = e.wheelDelta ? e.wheelDelta : -e.detail;
-      if (delta > 0) {
-        handleActions('zoomIn', {
-          zoomRate: 1.2,
-          enableTransition: false
-        });
-      } else {
-        handleActions('zoomOut', {
-          zoomRate: 1.2,
-          enableTransition: false
-        });
-      }
-    });
-    scopeEventListener.run(function () {
-      document.addEventListener('keydown', keydownHandler);
-      document.addEventListener('mousewheel', mousewheelHandler);
-    });
-    function hide() {
-      document.removeEventListener('keydown', keydownHandler);
-      document.removeEventListener('mousewheel', mousewheelHandler);
-      scopeEventListener.stop();
-      emit('close');
-    }
-    function toggleMode(modeNames) {
-      if (loading.value) return;
-      mode.value = modeNames;
-      reset();
-    }
-    function reset() {
-      transform.value = {
-        scale: 1,
-        deg: 0,
-        offsetX: 0,
-        offsetY: 0,
-        enableTransition: false
-      };
-    }
-    function prev() {
-      if (isFirst.value && !props.loops) return;
-      var len = props.urlList.length;
-      index.value = (index.value - 1 + len) % len;
-    }
-    function next() {
-      if (isLast.value && !props.loops) return;
-      var len = props.urlList.length;
-      index.value = (index.value + 1) % len;
-    }
-    function handleActions(action) {
-      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      if (loading.value) return;
-      var _Object$assign = Object.assign({
-          zoomRate: 0.2,
-          rotateDeg: 90,
-          enableTransition: true
-        }, options),
-        zoomRate = _Object$assign.zoomRate,
-        rotateDeg = _Object$assign.rotateDeg,
-        enableTransition = _Object$assign.enableTransition;
-      switch (action) {
-        case 'zoomOut':
-          if (transform.value.scale > 0.2) {
-            transform.value.scale = Number.parseFloat((transform.value.scale - zoomRate).toFixed(3));
-          }
-          break;
-        case 'zoomIn':
-          if (transform.value.scale < 7) {
-            transform.value.scale = Number.parseFloat((transform.value.scale + zoomRate).toFixed(3));
-          }
-          break;
-        case 'clockwise':
-          transform.value.deg += rotateDeg;
-          break;
-        case 'anticlockwise':
-          transform.value.deg -= rotateDeg;
-          break;
-      }
-      transform.value.enableTransition = enableTransition;
-    }
-    function handleImgLoad() {
-      error.value = false;
-      loading.value = false;
-    }
-    function handleImgError(e) {
-      error.value = true;
-      loading.value = false;
-      e.target.alt = '加载失败';
-    }
-    function handleMouseDown(e) {
-      if (loading.value || e.button !== 0 || !wrapper.value) return;
-      transform.value.enableTransition = false;
-      var _transform$value2 = transform.value,
-        offsetX = _transform$value2.offsetX,
-        offsetY = _transform$value2.offsetY;
-      var startX = e.pageX;
-      var startY = e.pageY;
-      var mousemove = (0,external_lodash_.throttle)(function (ev) {
-        transform.value = Object.assign(Object.assign({}, transform.value), {
-          offsetX: offsetX + ev.pageX - startX,
-          offsetY: offsetY + ev.pageY - startY
-        });
-      });
-      var mouseup = function mouseup() {
-        document.removeEventListener('mousemove', mousemove);
-        document.removeEventListener('mouseup', mouseup);
-      };
-      document.addEventListener('mousemove', mousemove);
-      document.addEventListener('mouseup', mouseup);
-      e.preventDefault();
-    }
-    return function () {
-      return (0,external_vue_.createVNode)(external_vue_.Teleport, {
-        "to": "body"
-      }, {
-        "default": function _default() {
-          return [(0,external_vue_.createVNode)(external_vue_.Transition, null, {
-            "default": function _default() {
-              return [(0,external_vue_.createVNode)("div", {
-                "tabindex": "-1",
-                "ref": "wrapper",
-                "class": "bk-image-viewer-wrapper",
-                "style": wrapStyles.value
-              }, [(0,external_vue_.createVNode)("div", {
-                "class": "bk-image-viewer-mask",
-                "onClick": function onClick() {
-                  props.maskClose && hide();
-                }
-              }, null), props.isShowTitle && props.urlList.length ? (0,external_vue_.createVNode)("div", {
-                "class": "bk-image-viewer-header"
-              }, [(0,external_vue_.createVNode)("div", null, [currentName]), (0,external_vue_.createVNode)("div", {
-                "class": "tc "
-              }, [index.value + 1, (0,external_vue_.createTextVNode)("/"), props.urlList.length]), (0,external_vue_.createVNode)("div", {
-                "class": "quit-box tr"
-              }, [(0,external_vue_.createVNode)("div", {
-                "class": "quit-tips mr10"
-              }, [(0,external_vue_.createTextVNode)("ESC \u53EF\u4EE5\u9000\u51FA\u5168\u5C4F")]), (0,external_vue_.createVNode)("div", {
-                "class": "bk-image-viewer-close",
-                "onClick": hide
-              }, [(0,external_vue_.createVNode)(external_icon_.Close, null, null)])])]) : '', !isSingle.value ? (0,external_vue_.createVNode)(external_vue_.Fragment, null, [(0,external_vue_.createVNode)("div", {
-                "onClick": prev,
-                "class": "bk-image-viewer-btn bk-image-viewer-prev ".concat(!props.loops && isFirst ? 'is-disabled' : '')
-              }, [(0,external_vue_.createVNode)(external_icon_.AngleLeft, null, null)]), (0,external_vue_.createVNode)("div", {
-                "onClick": next,
-                "class": "bk-image-viewer-btn bk-image-viewer-prev ".concat(!props.loops && isLast ? 'is-disabled' : '')
-              }, [(0,external_vue_.createVNode)(external_icon_.AngleRight, null, null)]), (0,external_vue_.createVNode)("div", {
-                "class": "bk-image-viewer-actions-inner"
-              }, [(0,external_vue_.withDirectives)((0,external_vue_.createVNode)(external_icon_.AngleLeft, {
-                "onClick": function onClick() {
-                  return handleActions('zoomOut');
-                }
-              }, null), [[(0,external_vue_.resolveDirective)("bk-tooltips"), "{content: '\u63D0\u793A\u4FE1\u606F', placement: 'top'}"]]), (0,external_vue_.withDirectives)((0,external_vue_.createVNode)("i", {
-                "class": "",
-                "onClick": function onClick() {
-                  return handleActions('zoomOut');
-                }
-              }, null), [[(0,external_vue_.resolveDirective)("bk-tooltips"), "{content: '\u63D0\u793A\u4FE1\u606F', placement: 'top'}"]]), (0,external_vue_.withDirectives)((0,external_vue_.createVNode)("i", {
-                "class": "bk-icon icon-narrow-line",
-                "onClick": function onClick() {
-                  return handleActions('zoomOut');
-                }
-              }, null), [[(0,external_vue_.resolveDirective)("bk-tooltips"), "{content: '\u63D0\u793A\u4FE1\u606F', placement: 'top'}"]])])]) : '', (0,external_vue_.createVNode)("div", {
-                "class": "bk-image-viewer-canvas ".concat(props.isShowTitle ? 'bk-image-viewer-has-header' : '')
-              }, [error.value ? (0,external_vue_.createVNode)("div", {
-                "class": "bk-image-viewer-error"
-              }, [(0,external_vue_.createVNode)("div", null, [(0,external_vue_.createVNode)("i", {
-                "class": "bk-icon icon-image-fail"
-              }, null)]), (0,external_vue_.createVNode)("div", null, [(0,external_vue_.createTextVNode)("\u62B1\u6B49\uFF0C\u56FE\u7247\u52A0\u8F7D\u5931\u8D25")])]) : props.urlList.map(function (url, i) {
-                if (i === index.value) {
-                  return '';
-                }
-                return (0,external_vue_.createVNode)("img", {
-                  "key": i,
-                  "ref": function ref(el) {
-                    return imgRefs[i] = el;
-                  },
-                  "class": "bk-image-viewer-img",
-                  "style": imgStyle.value,
-                  "src": url,
-                  "onLoad": handleImgLoad,
-                  "onError": handleImgError,
-                  "onMousedown": handleMouseDown
-                }, null);
-              })])])];
-            }
-          })];
-        }
-      });
-    };
-  }
-}));
-;// CONCATENATED MODULE: ../../packages/image/src/index.ts
-/*
-* Tencent is pleased to support the open source community by making
-* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
-*
-* Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
-*
-* 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
-*
-* License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
-*
-* ---------------------------------------------------
-* Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
-* documentation files (the "Software"), to deal in the Software without restriction, including without limitation
-* the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
-* to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-*
-* The above copyright notice and this permission notice shall be included in all copies or substantial portions of
-* the Software.
-*
-* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
-* THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
-* CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
-* IN THE SOFTWARE.
-*/
-
-
-
-
-var BkImage = (0,external_shared_.withInstall)(src_image);
-/* harmony default export */ const src = (BkImage);
-})();
-
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});
+!function(e,n){if("object"==typeof exports&&"object"==typeof module)module.exports=n(require("../shared"),require("vue"),require("../icon"),require("vue-types"),require("lodash"),require("../directives"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon","vue-types","lodash","../directives"],n);else{var t="object"==typeof exports?n(require("../shared"),require("vue"),require("../icon"),require("vue-types"),require("lodash"),require("../directives")):n(e["../shared"],e.vue,e["../icon"],e["vue-types"],e.lodash,e["../directives"]);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,n,t,o,r,i)=>(()=>{"use strict";var a={5458:(e,n,t)=>{var o=t(9601),r=t.n(o),i=t(2609);t.n(i)()(r()).push([e.id,".bk-image-viewer-wrapper {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  background: rgba(0, 0, 0, 0.6);\n  flex-direction: column;\n}\n.bk-image-viewer-mask {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n.bk-image-viewer-header {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 9;\n  display: flex;\n  width: 100%;\n  height: 52px;\n  color: #c4c6cc;\n  background: rgba(0, 0, 0, 0.7);\n  justify-content: space-between;\n  align-items: center;\n}\n.bk-image-viewer-header > div {\n  padding: 0 25px;\n  overflow: hidden;\n  font-size: 14px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex: 1;\n}\n.bk-image-viewer-header .quit-box {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n.bk-image-viewer-header .quit-tips {\n  font-size: 14px;\n  color: #979ba5;\n}\n.bk-image-viewer-btn {\n  position: absolute;\n  z-index: 1;\n  display: flex;\n  color: #dcdee5;\n  background-color: rgba(0, 0, 0, 0.3);\n  border-radius: 50%;\n  opacity: 0.8;\n  box-sizing: border-box;\n  user-select: none;\n  align-items: center;\n  justify-content: center;\n}\n.bk-image-viewer-btn:hover {\n  color: #fff;\n  background-color: rgba(0, 0, 0, 0.4);\n}\n.bk-image-viewer-close {\n  height: 52px;\n  font-size: 32px;\n  line-height: 48px;\n  color: #c4c6cc;\n  text-align: center;\n  cursor: pointer;\n}\n.bk-image-viewer-close:hover {\n  color: #fff;\n}\n.bk-image-viewer-canvas {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  justify-content: center;\n  align-items: center;\n}\n.bk-image-viewer-has-header {\n  padding-top: 52px;\n}\n.bk-image-viewer-error {\n  font-size: 14px;\n  color: #313238;\n  text-align: center;\n}\n.bk-image-viewer-error .bk-icon {\n  margin-bottom: 15px;\n  font-size: 85px;\n  line-height: 1;\n}\n.bk-image-viewer-actions {\n  bottom: 30px;\n  left: 50%;\n  width: 282px;\n  height: 44px;\n  padding: 0 23px;\n  background-color: rgba(0, 0, 0, 0.4);\n  border-color: #fff;\n  border-radius: 22px;\n  transform: translateX(-50%);\n}\n.bk-image-viewer-actions:hover {\n  background: rgba(0, 0, 0, 0.5);\n}\n.bk-image-viewer-actions-inner {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  font-size: 23px;\n  color: #c4c6cc;\n  text-align: justify;\n  align-items: center;\n  justify-content: space-around;\n}\n.bk-image-viewer-actions-inner .bk-icon {\n  cursor: pointer;\n}\n.bk-image-viewer-actions-inner .bk-icon:hover {\n  color: #fff;\n}\n.bk-image-viewer-next,\n.bk-image-viewer-prev {\n  top: 50%;\n  width: 80px;\n  height: 80px;\n  font-size: 40px;\n  cursor: pointer;\n}\n.bk-image-viewer-prev {\n  left: 40px;\n  transform: translateY(-50%);\n}\n.bk-image-viewer-next {\n  right: 40px;\n  text-indent: 2px;\n  transform: translateY(-50%);\n}\n",""])},2609:e=>{e.exports=function(e){var n=[];return n.toString=function(){return this.map((function(n){var t="",o=void 0!==n[5];return n[4]&&(t+="@supports (".concat(n[4],") {")),n[2]&&(t+="@media ".concat(n[2]," {")),o&&(t+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),t+=e(n),o&&(t+="}"),n[2]&&(t+="}"),n[4]&&(t+="}"),t})).join("")},n.i=function(e,t,o,r,i){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(o)for(var l=0;l<this.length;l++){var c=this[l][0];null!=c&&(a[c]=!0)}for(var s=0;s<e.length;s++){var u=[].concat(e[s]);o&&a[u[0]]||(void 0!==i&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=i),t&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=t):u[2]=t),r&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=r):u[4]="".concat(r)),n.push(u))}},n}},9601:e=>{e.exports=function(e){return e[1]}},4061:e=>{e.exports=i},6870:e=>{e.exports=t},4212:n=>{n.exports=e},467:e=>{e.exports=r},748:e=>{e.exports=n},210:e=>{e.exports=o}},l={};function c(e){var n=l[e];if(void 0!==n)return n.exports;var t=l[e]={id:e,exports:{}};return a[e](t,t.exports,c),t.exports}c.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return c.d(n,{a:n}),n},c.d=(e,n)=>{for(var t in n)c.o(n,t)&&!c.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},c.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{c.r(s),c.d(s,{Image:()=>l,ImageViewer:()=>v,default:()=>f});var e,n=c(4212),t=c(748),o=c(6870),r=c(210);!function(e){e.FILL="fill",e.CONTAIN="contain",e.COVER="cover",e.NONE="none",e.SCALE_DOWN="scale-down"}(e||(e={}));var i={src:n.PropTypes.string.def(""),fallback:n.PropTypes.string.def(""),placeholder:n.PropTypes.any,fit:(0,r.toType)("fit",{}).def(e.FILL),lazy:n.PropTypes.bool,urlList:n.PropTypes.array.def([]),isShowPreviewTitle:n.PropTypes.bool.def(!0),maskClose:n.PropTypes.bool.def(!0),zIndex:n.PropTypes.number.def(2e3)},a={urlList:{type:Array,default:function(){return[]}},zIndex:n.PropTypes.number.def(2e3),initialIndex:n.PropTypes.number.def(0),isShowTitle:n.PropTypes.bool.def(!0),loops:n.PropTypes.bool.def(!0),maskClose:n.PropTypes.bool.def(!0)};c(5458);const l=(0,t.defineComponent)({name:"Image",props:i,emits:["loaded","error","close","change"],setup:function(e,n){var r=n.emit,i=n.slots,a=(0,t.ref)(!0),l=(0,t.ref)(!0),c=(0,t.ref)(!1),s=(0,t.ref)(""),u=(0,t.ref)("");function d(){}(0,t.watch)((function(){return e.src}),(function(){a.value=!0,l.value=!1,u.value=e.src}));var f=(0,t.computed)((function(){var n;return(null===(n=null==e?void 0:e.urlList)||void 0===n?void 0:n.length)>0}));function p(){document.body.style.overflow=s.value,c.value=!1,r("close")}function m(e){r("change",e)}return function(){return(0,t.createVNode)("div",{class:"bk-image"},[a.value?(0,t.createVNode)("div",{class:"bk-image-placeholder"},[(0,t.createVNode)(o.Spinner,null,null)]):l.value?i.error?"function"==typeof i.error?i.error():i.error:(0,t.createVNode)("div",{class:"bk-image-placeholder"},[e.fallback?(0,t.createVNode)("img",{src:e.fallback,alt:"图片加载错误"},null):"",(0,t.withDirectives)((0,t.createVNode)("i",{class:"bk-icon icon-image-fail"},null),[[(0,t.resolveDirective)("else")]])]):(0,t.createVNode)("img",{src:e.src,onClick:d,style:{objectFit:fit}},null),f.value&&c.value?(0,t.createVNode)(v,{zIndex:e.zIndex,maskClose:e.maskClose,"is-show-title":e.isShowPreviewTitle,"url-list":e.urlList,onClose:p,onChange:m},null):""])}}});var u=c(467),d=c(4061);const v=(0,t.defineComponent)({name:"ImageViewer",directives:{bkTooltips:d.bkTooltips},props:a,emits:["close","change"],setup:function(e,r){var i=r.emit,a=(0,t.effectScope)(),l=(0,t.ref)(),c=(0,t.ref)([]),s=(0,t.ref)(""),d=(0,t.ref)(e.initialIndex),v=(0,t.ref)(!1),f=(0,t.ref)(!1),p=(0,t.shallowRef)({scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}),m=(0,t.computed)((function(){var n;return(null===(n=null==e?void 0:e.urlList)||void 0===n?void 0:n.length)<2})),b=(0,t.computed)((function(){return 0===d.value})),g=(0,t.computed)((function(){return d.value===e.urlList.length-1})),h=(0,t.computed)((function(){return e.urlList[d.value]})),k=(0,t.computed)((function(){var e=h.value.split("/");return e[e.length-1]})),x=(0,t.computed)((function(){var e=p.value,n=e.scale,t=e.deg,o=e.offsetX,r=e.offsetY,i=e.enableTransition,a=o/n,l=r/n;switch(t%360){case 90:case-270:var c=[l,-a];a=c[0],l=c[1];break;case 180:case-180:var u=[-a,-l];a=u[0],l=u[1];break;case 270:case-90:var d=[-l,a];a=d[0],l=d[1]}var v={transform:"scale(".concat(n,") rotate(").concat(t,"deg) translate(").concat(a,"px, ").concat(l,"px)"),transition:i?"transform .3s":""};return"contain"===s.value&&(v.maxWidth="100%",v.maxHeight="100%"),v})),w=(0,t.computed)((function(){var t=2e3;return e.zIndex?t=e.zIndex:t+=n.bkZIndexManager.getModalNextIndex()||1,{zIndex:t}})),y=(0,u.throttle)((function(e){switch(Number(e.code)){case 27:V();break;case 32:v.value||(s.value="original",p.value={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1});break;case 37:T();break;case 38:L("zoomIn");break;case 39:z();break;case 40:L("zoomOut")}})),N=(0,u.throttle)((function(e){L((e.wheelDelta?e.wheelDelta:-e.detail)>0?"zoomIn":"zoomOut",{zoomRate:1.2,enableTransition:!1})}));function V(){document.removeEventListener("keydown",y),document.removeEventListener("mousewheel",N),a.stop(),i("close")}function T(){if(!b.value||e.loops){var n=e.urlList.length;d.value=(d.value-1+n)%n}}function z(){if(!g.value||e.loops){var n=e.urlList.length;d.value=(d.value+1)%n}}function L(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!v.value){var t=Object.assign({zoomRate:.2,rotateDeg:90,enableTransition:!0},n),o=t.zoomRate,r=t.rotateDeg,i=t.enableTransition;switch(e){case"zoomOut":p.value.scale>.2&&(p.value.scale=Number.parseFloat((p.value.scale-o).toFixed(3)));break;case"zoomIn":p.value.scale<7&&(p.value.scale=Number.parseFloat((p.value.scale+o).toFixed(3)));break;case"clockwise":p.value.deg+=r;break;case"anticlockwise":p.value.deg-=r}p.value.enableTransition=i}}function C(){f.value=!1,v.value=!1}function I(e){f.value=!0,v.value=!1,e.target.alt="加载失败"}function j(e){if(!v.value&&0===e.button&&l.value){p.value.enableTransition=!1;var n=p.value,t=n.offsetX,o=n.offsetY,r=e.pageX,i=e.pageY,a=(0,u.throttle)((function(e){p.value=Object.assign(Object.assign({},p.value),{offsetX:t+e.pageX-r,offsetY:o+e.pageY-i})}));document.addEventListener("mousemove",a),document.addEventListener("mouseup",(function e(){document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",e)})),e.preventDefault()}}return a.run((function(){document.addEventListener("keydown",y),document.addEventListener("mousewheel",N)})),function(){return(0,t.createVNode)(t.Teleport,{to:"body"},{default:function(){return[(0,t.createVNode)(t.Transition,null,{default:function(){return[(0,t.createVNode)("div",{tabindex:"-1",ref:"wrapper",class:"bk-image-viewer-wrapper",style:w.value},[(0,t.createVNode)("div",{class:"bk-image-viewer-mask",onClick:function(){e.maskClose&&V()}},null),e.isShowTitle&&e.urlList.length?(0,t.createVNode)("div",{class:"bk-image-viewer-header"},[(0,t.createVNode)("div",null,[k]),(0,t.createVNode)("div",{class:"tc "},[d.value+1,(0,t.createTextVNode)("/"),e.urlList.length]),(0,t.createVNode)("div",{class:"quit-box tr"},[(0,t.createVNode)("div",{class:"quit-tips mr10"},[(0,t.createTextVNode)("ESC 可以退出全屏")]),(0,t.createVNode)("div",{class:"bk-image-viewer-close",onClick:V},[(0,t.createVNode)(o.Close,null,null)])])]):"",m.value?"":(0,t.createVNode)(t.Fragment,null,[(0,t.createVNode)("div",{onClick:T,class:"bk-image-viewer-btn bk-image-viewer-prev ".concat(!e.loops&&b?"is-disabled":"")},[(0,t.createVNode)(o.AngleLeft,null,null)]),(0,t.createVNode)("div",{onClick:z,class:"bk-image-viewer-btn bk-image-viewer-prev ".concat(!e.loops&&g?"is-disabled":"")},[(0,t.createVNode)(o.AngleRight,null,null)]),(0,t.createVNode)("div",{class:"bk-image-viewer-actions-inner"},[(0,t.withDirectives)((0,t.createVNode)(o.AngleLeft,{onClick:function(){return L("zoomOut")}},null),[[(0,t.resolveDirective)("bk-tooltips"),"{content: '提示信息', placement: 'top'}"]]),(0,t.withDirectives)((0,t.createVNode)("i",{class:"",onClick:function(){return L("zoomOut")}},null),[[(0,t.resolveDirective)("bk-tooltips"),"{content: '提示信息', placement: 'top'}"]]),(0,t.withDirectives)((0,t.createVNode)("i",{class:"bk-icon icon-narrow-line",onClick:function(){return L("zoomOut")}},null),[[(0,t.resolveDirective)("bk-tooltips"),"{content: '提示信息', placement: 'top'}"]])])]),(0,t.createVNode)("div",{class:"bk-image-viewer-canvas ".concat(e.isShowTitle?"bk-image-viewer-has-header":"")},[f.value?(0,t.createVNode)("div",{class:"bk-image-viewer-error"},[(0,t.createVNode)("div",null,[(0,t.createVNode)("i",{class:"bk-icon icon-image-fail"},null)]),(0,t.createVNode)("div",null,[(0,t.createTextVNode)("抱歉，图片加载失败")])]):e.urlList.map((function(e,n){return n===d.value?"":(0,t.createVNode)("img",{key:n,ref:function(e){return c[n]=e},class:"bk-image-viewer-img",style:x.value,src:e,onLoad:C,onError:I,onMousedown:j},null)}))])])]}})]}})}}}),f=(0,n.withInstall)(l)})(),s})()));