@cldemo/ui-kit 1.0.9 → 1.0.11

package/buildLibs/utils/Web/ClPreview.js

@@ -1,353 +0,0 @@
-import { defineComponent as W, inject as G, reactive as O, computed as I, openBlock as r, createElementBlock as d, normalizeClass as P, createElementVNode as m, withModifiers as g, createVNode as p, Fragment as C, toDisplayString as q, Transition as H, withCtx as X, withDirectives as J, normalizeStyle as Y, vShow as K, createCommentVNode as M, defineAsyncComponent as Z, ref as V, onBeforeUnmount as ee, provide as se, createBlock as Q, unref as te, nextTick as oe } from "vue";
-import { C as l } from "../Shared/base-DU7nGSf6.js";
-import { C as x } from "../Shared/index-DvNmQjNH.js";
-import { _ as ie } from "../Shared/Index.vue_vue_type_script_setup_true_lang-C7NQ-ioq.js";
-import { _ as h } from "../Shared/Index.vue_vue_type_script_setup_true_lang-D4kAoS8e.js";
-import { _ as ne } from "../Shared/Index.vue_vue_type_script_setup_true_lang-ByzNMF0c.js";
-const ae = { class: "preview-image" }, le = { class: "preview-image-actions-container" }, re = { key: 0 }, ce = {
-  key: 2,
-  class: "image-num"
-}, de = {
-  key: 0,
-  class: "preview-image-container"
-}, me = ["src"], pe = {
-  key: 0,
-  class: "preview-image-loading"
-}, ue = /* @__PURE__ */ W({
-  name: "ClPreviewImage",
-  __name: "Image",
-  props: {
-    imageInx: {
-      type: Number,
-      default: 0
-      // desc: 当前显示的图片索引
-    },
-    list: {
-      type: Array,
-      default: () => []
-      // desc: 图片地址列表
-    },
-    isLoop: {
-      type: Boolean,
-      default: !1
-      // desc: 是否循环切换 | enum: true, false
-    },
-    isShowCopy: {
-      type: Boolean,
-      default: !0
-      // desc: 是否显示复制按钮 | enum: true, false
-    }
-  },
-  setup(k, { expose: T }) {
-    const f = k, S = G("$PreviewTop");
-    let a = null;
-    const e = O({
-      isShow: !1,
-      isSwitch: !1,
-      isLoading: !1,
-      src: "",
-      isFading: !1,
-      scale: 1,
-      scaleRatio: 1.4,
-      rotate: 0,
-      rotateAngle: 90,
-      showIndex: f.imageInx
-    }), t = I(() => {
-      const i = {}, o = [];
-      return o.push(`scale(${e.scale})`), o.push(`rotate(${e.rotate}deg)`), i.transform = o.join(" "), i.opacity = e.isFading ? "0" : "1", i;
-    }), v = () => {
-      if (!S)
-        return;
-      const { showIndex: i } = e, o = f.list, c = l.isArray(o) ? o.length : 0, A = c > 0 && i >= 0 && i < c;
-      if (e.isShow = A, A) {
-        a && clearTimeout(a);
-        const j = e.isFading ? 200 : 0;
-        setTimeout(() => {
-          e.isSwitch = !0, e.src = f.list[i], S.setPrevNextStatus(i, c), a = setTimeout(() => {
-            e.isLoading = !0;
-          }, 150);
-        }, j);
-      } else
-        e.isSwitch = !1;
-    }, D = () => {
-      a && (clearTimeout(a), a = null), e.isFading = !1, e.isLoading = !1;
-    }, w = () => {
-      a && (clearTimeout(a), a = null), e.isFading = !1, e.isLoading = !1;
-    }, u = () => {
-      const { scale: i, scaleRatio: o } = e, c = i * o;
-      c < 7 && (e.scale = Number(c.toFixed(3)));
-    }, _ = () => {
-      const { scale: i, scaleRatio: o } = e, c = i / o;
-      c > 0.18 && (e.scale = Number(c.toFixed(3)));
-    }, b = () => {
-      const { rotate: i, rotateAngle: o } = e;
-      e.rotate = (i - o) % 360;
-    }, N = () => {
-      const { rotate: i, rotateAngle: o } = e;
-      e.rotate = (i + o) % 360;
-    }, B = () => {
-      e.scale = 1, e.rotate = 0;
-    };
-    return T({
-      show: (i) => {
-        e.showIndex = i, v();
-      },
-      hide: () => {
-        e.scale = 1, e.rotate = 0, e.isFading = !1, e.isShow = !1;
-      },
-      prev: () => {
-        const { showIndex: i } = e;
-        let o = -1;
-        i > 0 ? o = i - 1 : f.isLoop && (o = f.list.length - 1), o > -1 && (e.isFading = !0, e.showIndex = o, e.scale = 1, e.rotate = 0, v());
-      },
-      next: () => {
-        const { showIndex: i } = e;
-        let o = -1;
-        i < f.list.length - 1 ? o = i + 1 : f.isLoop && (o = 0), o > -1 && (e.isFading = !0, e.showIndex = o, e.scale = 1, e.rotate = 0, v());
-      },
-      large: () => {
-        u();
-      },
-      small: () => {
-        _();
-      }
-    }), (i, o) => (r(), d("div", ae, [
-      e.isShow ? (r(), d("div", {
-        key: 0,
-        class: P({
-          "preview-btn": !0,
-          "preview-image-actions": !0,
-          "preview-image-num": k.list.length > 1
-        })
-      }, [
-        m("div", le, [
-          m("span", {
-            onClick: g(u, ["stop"])
-          }, [
-            p(h, { name: "search-plus" })
-          ]),
-          m("span", {
-            onClick: g(_, ["stop"])
-          }, [
-            p(h, { name: "search-minus" })
-          ]),
-          m("span", {
-            onClick: g(b, ["stop"])
-          }, [
-            p(h, { name: "rotate-left" })
-          ]),
-          m("span", {
-            onClick: g(N, ["stop"])
-          }, [
-            p(h, { name: "rotate-right" })
-          ]),
-          m("span", {
-            onClick: g(B, ["stop"])
-          }, [
-            p(h, { name: "restore" })
-          ]),
-          k.isShowCopy ? (r(), d("span", re, [
-            p(ne, {
-              textLabel: e.src
-            }, null, 8, ["textLabel"])
-          ])) : (r(), d(C, { key: 1 }, [], 64)),
-          k.list.length > 1 ? (r(), d("span", ce, q(e.showIndex + 1) + "/" + q(k.list.length), 1)) : (r(), d(C, { key: 3 }, [], 64))
-        ])
-      ], 2)) : (r(), d(C, { key: 1 }, [], 64)),
-      p(H, {
-        "enter-active-class": "preview-image-enter",
-        "leave-active-class": "preview-image-leave"
-      }, {
-        default: X(() => [
-          e.isShow ? J((r(), d("div", de, [
-            J(m("img", {
-              src: e.src,
-              style: Y(t.value),
-              onLoad: D,
-              onError: w
-            }, null, 44, me), [
-              [K, !e.isLoading]
-            ]),
-            e.isLoading ? (r(), d("div", pe, [...o[0] || (o[0] = [
-              m("div", { class: "preview-image-spinner" }, null, -1)
-            ])])) : M("", !0)
-          ], 512)), [
-            [K, e.isSwitch]
-          ]) : M("", !0)
-        ]),
-        _: 1
-      })
-    ]));
-  }
-}), fe = ["id"], _e = /* @__PURE__ */ W({
-  name: "ClPreview",
-  __name: "Index",
-  setup(k, { expose: T }) {
-    const f = Z(() => import("../Shared/Video-BV0YLYT2.js")), S = V(null), a = V(null), e = V(null), t = O({
-      elId: `preview-${l.getRandom(5)}`,
-      className: "",
-      type: "",
-      list: [],
-      isLoop: !1,
-      isShowPrevNext: !1,
-      isDisablePrev: !1,
-      isDisableNext: !1,
-      isShowCopy: !0
-    });
-    let v = null;
-    const D = I(() => {
-      let s = { "panel-preview": !0 };
-      return s = l.getJsonMerge(s, x.getClassNameJson(t.className)), s;
-    }), w = I(() => t.type === "image"), u = I(() => t.type === "video"), _ = () => document.querySelector("body"), b = () => document.querySelector("body>.panel-preview"), N = () => {
-      const s = b();
-      return !l.isUndefined(s);
-    }, B = () => {
-      N() ? (clearTimeout(v), v = null) : (document.body.className = x.getAddClass(document.body.className, "preview-open"), _().appendChild(S.value));
-    }, F = (s) => {
-      let n = s.keyCode;
-      if (!l.isUndefined(n))
-        switch (n = n.toString(), n) {
-          case "38":
-            s.preventDefault(), s.stopPropagation();
-            break;
-          case "40":
-            s.preventDefault(), s.stopPropagation();
-            break;
-        }
-    }, R = (s) => {
-      let n = s.keyCode;
-      if (!l.isUndefined(n))
-        switch (n = n.toString(), n) {
-          case "27":
-            i();
-            break;
-          case "37":
-            o();
-            break;
-          case "38":
-            s.preventDefault(), s.stopPropagation(), w.value ? a.value?.large() : u.value && o();
-            break;
-          case "39":
-            c();
-            break;
-          case "40":
-            s.preventDefault(), s.stopPropagation(), w.value ? a.value?.small() : u.value && c();
-            break;
-        }
-    }, $ = () => {
-      window.removeEventListener("keydown", F), window.removeEventListener("keyup", R);
-    }, U = () => {
-      window.addEventListener("keydown", F), window.addEventListener("keyup", R);
-    }, E = (s = !1) => {
-      N() && (v = setTimeout(
-        () => {
-          const n = b();
-          n && (document.body.className = x.getRemoveClass(
-            document.body.className,
-            "preview-open"
-          ), _().removeChild(n)), $();
-        },
-        s ? 2 * 1e3 : 0
-      ));
-    }, z = (s) => {
-      if (!l.isEmpty(s) && !l.isEmpty(s.src)) {
-        B(), l.isNonEmptyString(s.id) && (t.elId = s.id), t.className = l.isNonEmptyString(s.className) ? s.className : "";
-        let n = [];
-        const y = s.src;
-        l.isArray(y) ? n = y : l.isString(y) && (n = [y]), t.type = s.type, t.list = n, t.isLoop = l.isBoolean(s.isLoop) ? s.isLoop : !1, t.isShowCopy = l.isBoolean(s.isShowCopy) ? s.isShowCopy : !0;
-        const L = l.isEmpty(s.showIndex) ? 0 : s.showIndex;
-        U(), oe(() => {
-          w.value ? a.value?.show(L) : u.value && e.value?.show(L);
-        });
-      }
-    };
-    ee(() => {
-      clearTimeout(v), v = null, $();
-      const s = b();
-      s && (document.body.className = x.getRemoveClass(document.body.className, "preview-open"), _().removeChild(s));
-    });
-    const i = () => {
-      w.value ? a.value?.hide() : u.value && e.value?.hide(), E();
-    }, o = () => {
-      t.isDisablePrev || (w.value ? a.value?.prev() : u.value && e.value?.prev());
-    }, c = () => {
-      t.isDisableNext || (w.value ? a.value?.next() : u.value && e.value?.next());
-    };
-    return se("$PreviewTop", {
-      setPrevNextStatus: (s, n) => {
-        const y = n > 1;
-        if (t.isShowPrevNext = y, y) {
-          const { isLoop: L } = t;
-          t.isDisablePrev = L ? !1 : s === 0, t.isDisableNext = L ? !1 : s === n - 1;
-        }
-      }
-    }), T({
-      show: (s) => {
-        z(s);
-      },
-      destroy: () => {
-        E(), t.elId = `preview-${l.getRandom(5)}`, t.className = "", t.type = "", t.list = [], t.isLoop = !1, t.isShowPrevNext = !1, t.isDisablePrev = !1, t.isDisableNext = !1;
-      }
-    }), (s, n) => (r(), d("div", {
-      ref_key: "refElTopParent",
-      ref: S,
-      id: t.elId,
-      class: P(D.value)
-    }, [
-      p(ie, {
-        teleportTarget: "self",
-        show: !0,
-        background: "rgba(0, 0, 0, 0.5)",
-        zIndex: 0,
-        isLockScroll: !1,
-        duration: 0
-      }),
-      m("div", {
-        class: "preview-btn preview-close",
-        onClick: g(i, ["stop"])
-      }, [
-        p(h, { name: "close" })
-      ]),
-      t.isShowPrevNext ? (r(), d(C, { key: 0 }, [
-        m("div", {
-          class: P({
-            "preview-btn": !0,
-            "preview-prev": !0,
-            "preview-btn-disable": t.isDisablePrev
-          }),
-          onClick: g(o, ["stop"])
-        }, [
-          p(h, { name: "angle-left" })
-        ], 2),
-        m("div", {
-          class: P({
-            "preview-btn": !0,
-            "preview-next": !0,
-            "preview-btn-disable": t.isDisableNext
-          }),
-          onClick: g(c, ["stop"])
-        }, [
-          p(h, { name: "angle-right" })
-        ], 2)
-      ], 64)) : (r(), d(C, { key: 1 }, [], 64)),
-      w.value ? (r(), Q(ue, {
-        key: 2,
-        ref_key: "refElImage",
-        ref: a,
-        isLoop: t.isLoop,
-        list: t.list,
-        isShowCopy: t.isShowCopy
-      }, null, 8, ["isLoop", "list", "isShowCopy"])) : u.value ? (r(), Q(te(f), {
-        key: 3,
-        ref_key: "refElVideo",
-        ref: e,
-        isLoop: t.isLoop,
-        list: t.list
-      }, null, 8, ["isLoop", "list"])) : (r(), d(C, { key: 4 }, [], 64))
-    ], 10, fe));
-  }
-});
-export {
-  _e as default
-};
-//# sourceMappingURL=ClPreview.js.map

package/buildLibs/utils/Web/ClPreview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClPreview.js","sources":["../../../src/libs/Web/Preview/Image.vue","../../../src/libs/Web/Preview/Index.vue"],"sourcesContent":["<template>\n  <div class=\"preview-image\">\n    <div\n      v-if=\"optBase.isShow\"\n      :class=\"{\n        'preview-btn': true,\n        'preview-image-actions': true,\n        'preview-image-num': list.length > 1,\n      }\"\n    >\n      <div class=\"preview-image-actions-container\">\n        <span @click.stop=\"onLarge\"><cl-icon-font :name=\"'search-plus'\"></cl-icon-font></span>\n        <span @click.stop=\"onSmall\"><cl-icon-font :name=\"'search-minus'\"></cl-icon-font></span>\n        <span @click.stop=\"onRotateLeft\"><cl-icon-font :name=\"'rotate-left'\"></cl-icon-font></span>\n        <span @click.stop=\"onRotateRight\"\n          ><cl-icon-font :name=\"'rotate-right'\"></cl-icon-font\n        ></span>\n        <span @click.stop=\"onReduction\"><cl-icon-font :name=\"'restore'\"></cl-icon-font></span>\n        <span v-if=\"isShowCopy\">\n          <cl-clipboard :textLabel=\"optBase.src\" />\n        </span>\n        <template v-else></template>\n        <span\n          v-if=\"list.length > 1\"\n          class=\"image-num\"\n          >{{ optBase.showIndex + 1 }}/{{ list.length }}</span\n        >\n        <template v-else></template>\n      </div>\n    </div>\n    <template v-else></template>\n    <transition\n      enter-active-class=\"preview-image-enter\"\n      leave-active-class=\"preview-image-leave\"\n    >\n      <div\n        v-if=\"optBase.isShow\"\n        v-show=\"optBase.isSwitch\"\n        class=\"preview-image-container\"\n      >\n        <img\n          v-show=\"!optBase.isLoading\"\n          :src=\"optBase.src\"\n          :style=\"styImage\"\n          @load=\"onImgLoad\"\n          @error=\"onImgError\"\n        />\n        <div\n          v-if=\"optBase.isLoading\"\n          class=\"preview-image-loading\"\n        >\n          <div class=\"preview-image-spinner\"></div>\n        </div>\n      </div>\n    </transition>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { inject, reactive, computed } from 'vue';\nimport CommonBase from '../../Common/base';\nimport ClClipboard from '../../Element/Clipboard/Index.vue';\nimport ClIconFont from '../../Element/IconFont/Index.vue';\n\ndefineOptions({ name: 'ClPreviewImage' });\n\nconst props = defineProps({\n  imageInx: {\n    type: Number,\n    default: 0, // desc: 当前显示的图片索引\n  },\n  list: {\n    type: Array,\n    default: () => [], // desc: 图片地址列表\n  },\n  isLoop: {\n    type: Boolean,\n    default: false, // desc: 是否循环切换 | enum: true, false\n  },\n  isShowCopy: {\n    type: Boolean,\n    default: true, // desc: 是否显示复制按钮 | enum: true, false\n  },\n});\n\nconst _selfTop: any = inject('$PreviewTop');\n\nlet _loadingTimer: ReturnType<typeof setTimeout> | null = null;\n\nconst optBase: any = reactive({\n  isShow: false,\n  isSwitch: false,\n  isLoading: false,\n  src: '',\n  isFading: false,\n  scale: 1,\n  scaleRatio: 1.4,\n  rotate: 0,\n  rotateAngle: 90,\n  showIndex: props.imageInx,\n});\n\nconst styImage = computed(() => {\n  const sty: any = {};\n  const transform = [];\n  transform.push(`scale(${optBase.scale})`);\n  transform.push(`rotate(${optBase.rotate}deg)`);\n  sty['transform'] = transform.join(' ');\n  sty['opacity'] = optBase.isFading ? '0' : '1';\n  return sty;\n});\n\nconst _initBase = () => {\n  if (!_selfTop) {\n    return;\n  }\n  const { showIndex } = optBase;\n  const list = props.list;\n  const len = CommonBase.isArray(list) ? list.length : 0;\n  const isShow = len > 0 && showIndex >= 0 && showIndex < len;\n  optBase.isShow = isShow;\n  if (isShow) {\n    if (_loadingTimer) clearTimeout(_loadingTimer);\n    const delay = optBase.isFading ? 200 : 0;\n    setTimeout(() => {\n      optBase.isSwitch = true;\n      optBase.src = props.list[showIndex];\n      _selfTop.setPrevNextStatus(showIndex, len);\n      _loadingTimer = setTimeout(() => {\n        optBase.isLoading = true;\n      }, 150);\n    }, delay);\n  } else {\n    optBase.isSwitch = false;\n  }\n};\n\nconst onImgLoad = () => {\n  if (_loadingTimer) {\n    clearTimeout(_loadingTimer);\n    _loadingTimer = null;\n  }\n  optBase.isFading = false;\n  optBase.isLoading = false;\n};\nconst onImgError = () => {\n  if (_loadingTimer) {\n    clearTimeout(_loadingTimer);\n    _loadingTimer = null;\n  }\n  optBase.isFading = false;\n  optBase.isLoading = false;\n};\n\nconst onLarge = () => {\n  const { scale, scaleRatio } = optBase;\n  const newScale = scale * scaleRatio;\n  if (newScale < 7) {\n    optBase.scale = Number(newScale.toFixed(3));\n  }\n};\nconst onSmall = () => {\n  const { scale, scaleRatio } = optBase;\n  const newScale = scale / scaleRatio;\n  if (newScale > 0.18) {\n    optBase.scale = Number(newScale.toFixed(3));\n  }\n};\nconst onRotateLeft = () => {\n  const { rotate, rotateAngle } = optBase;\n  optBase.rotate = (rotate - rotateAngle) % 360;\n};\nconst onRotateRight = () => {\n  const { rotate, rotateAngle } = optBase;\n  optBase.rotate = (rotate + rotateAngle) % 360;\n};\nconst onReduction = () => {\n  optBase.scale = 1;\n  optBase.rotate = 0;\n};\n\nconst show = (showIndex: number) => {\n  optBase.showIndex = showIndex;\n  _initBase();\n};\nconst hide = () => {\n  optBase.scale = 1;\n  optBase.rotate = 0;\n  optBase.isFading = false;\n  optBase.isShow = false;\n};\nconst prev = () => {\n  const { showIndex } = optBase;\n  let newShowIndex = -1;\n  if (showIndex > 0) {\n    newShowIndex = showIndex - 1;\n  } else {\n    if (props.isLoop) {\n      newShowIndex = props.list.length - 1;\n    }\n  }\n  if (newShowIndex > -1) {\n    optBase.isFading = true;\n    optBase.showIndex = newShowIndex;\n    optBase.scale = 1;\n    optBase.rotate = 0;\n    _initBase();\n  }\n};\nconst next = () => {\n  const { showIndex } = optBase;\n  let newShowIndex = -1;\n  if (showIndex < props.list.length - 1) {\n    newShowIndex = showIndex + 1;\n  } else {\n    if (props.isLoop) {\n      newShowIndex = 0;\n    }\n  }\n  if (newShowIndex > -1) {\n    optBase.isFading = true;\n    optBase.showIndex = newShowIndex;\n    optBase.scale = 1;\n    optBase.rotate = 0;\n    _initBase();\n  }\n};\nconst large = () => {\n  onLarge();\n};\nconst small = () => {\n  onSmall();\n};\n\nexport interface ClPreviewImageExpose {\n  show: (showIndex: number) => void;\n  hide: () => void;\n  prev: () => void;\n  next: () => void;\n  large: () => void;\n  small: () => void;\n}\n\ndefineExpose({\n  show,\n  hide,\n  prev,\n  next,\n  large,\n  small,\n});\n</script>\n","<template>\n  <div\n    ref=\"refElTopParent\"\n    :id=\"optBase.elId\"\n    :class=\"clsParent\"\n  >\n    <cl-overlay\n      teleportTarget=\"self\"\n      :show=\"true\"\n      :background=\"'rgba(0, 0, 0, 0.5)'\"\n      :zIndex=\"0\"\n      :isLockScroll=\"false\"\n      :duration=\"0\"\n    />\n    <div\n      class=\"preview-btn preview-close\"\n      @click.stop=\"onClose\"\n    >\n      <cl-icon-font :name=\"'close'\"></cl-icon-font>\n    </div>\n    <template v-if=\"optBase.isShowPrevNext\">\n      <div\n        :class=\"{\n          'preview-btn': true,\n          'preview-prev': true,\n          'preview-btn-disable': optBase.isDisablePrev,\n        }\"\n        @click.stop=\"onPrev\"\n      >\n        <cl-icon-font :name=\"'angle-left'\"></cl-icon-font>\n      </div>\n      <div\n        :class=\"{\n          'preview-btn': true,\n          'preview-next': true,\n          'preview-btn-disable': optBase.isDisableNext,\n        }\"\n        @click.stop=\"onNext\"\n      >\n        <cl-icon-font :name=\"'angle-right'\"></cl-icon-font>\n      </div>\n    </template>\n    <template v-else></template>\n    <cl-preview-image\n      ref=\"refElImage\"\n      v-if=\"optIsImage\"\n      :isLoop=\"optBase.isLoop\"\n      :list=\"optBase.list\"\n      :isShowCopy=\"optBase.isShowCopy\"\n    />\n    <cl-preview-video\n      ref=\"refElVideo\"\n      v-else-if=\"optIsVideo\"\n      :isLoop=\"optBase.isLoop\"\n      :list=\"optBase.list\"\n    />\n    <template v-else></template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, reactive, computed, provide, onBeforeUnmount, nextTick, defineAsyncComponent } from 'vue';\nimport CommonBase from '../../Common/base';\nimport CommonElement from '../../Common/Element/index';\nimport ClOverlay from '../../Element/Overlay/Index.vue';\nimport ClIconFont from '../../Element/IconFont/Index.vue';\nimport ClPreviewImage from './Image.vue';\n// 视频预览按需加载：video.js 体积大且仅预览视频时用到，随组件首次渲染才载入，不进任何页面首屏\nconst ClPreviewVideo = defineAsyncComponent(() => import('./Video.vue'));\nimport './index.css';\n\ndefineOptions({ name: 'ClPreview' });\n\nconst refElTopParent = ref<HTMLElement | null>(null);\nconst refElImage = ref<InstanceType<typeof ClPreviewImage> | null>(null);\nconst refElVideo = ref<InstanceType<typeof ClPreviewVideo> | null>(null);\n\nconst optBase: any = reactive({\n  elId: `preview-${CommonBase.getRandom(5)}`,\n  className: '',\n  type: '',\n  list: [],\n  isLoop: false,\n  isShowPrevNext: false,\n  isDisablePrev: false,\n  isDisableNext: false,\n  isShowCopy: true,\n});\n\nlet _timeOutDestroyContainer: any = null;\n\nconst clsParent = computed(() => {\n  let cls: Record<string, boolean> = { 'panel-preview': true };\n  cls = CommonBase.getJsonMerge(cls, CommonElement.getClassNameJson(optBase.className));\n  return cls;\n});\nconst optIsImage = computed(() => {\n  return optBase.type === 'image';\n});\nconst optIsVideo = computed(() => {\n  return optBase.type === 'video';\n});\n\nconst _getBody = () => {\n  const el: any = document.querySelector('body');\n  return el;\n};\nconst _getTopEl = () => {\n  const el: any = document.querySelector('body>.panel-preview');\n  return el;\n};\nconst _checkContainer = () => {\n  const el = _getTopEl();\n  return !CommonBase.isUndefined(el);\n};\nconst _creatorContainer = () => {\n  if (!_checkContainer()) {\n    document.body.className = CommonElement.getAddClass(document.body.className, 'preview-open');\n    _getBody().appendChild(refElTopParent.value);\n  } else {\n    clearTimeout(_timeOutDestroyContainer);\n    _timeOutDestroyContainer = null;\n  }\n};\n// kb: 所有键盘操作仅在预览窗口打开时生效\n// kb: ← | 上一张\n// kb: → | 下一张\n// kb: ↑ | 图片模式：放大；视频模式：上一张\n// kb: ↓ | 图片模式：缩小；视频模式：下一张\n// kb: ESC | 关闭预览\nconst _onWinKeydown = (e: any) => {\n  let keyCode = e.keyCode;\n  if (!CommonBase.isUndefined(keyCode)) {\n    keyCode = keyCode.toString();\n    switch (keyCode) {\n      case '38':\n        e.preventDefault();\n        e.stopPropagation();\n        break;\n      case '40':\n        e.preventDefault();\n        e.stopPropagation();\n        break;\n      default:\n        break;\n    }\n  }\n};\nconst _onWinKeyup = (e: any) => {\n  let keyCode = e.keyCode;\n  if (!CommonBase.isUndefined(keyCode)) {\n    keyCode = keyCode.toString();\n    switch (keyCode) {\n      case '27':\n        onClose();\n        break;\n      case '37':\n        onPrev();\n        break;\n      case '38':\n        e.preventDefault();\n        e.stopPropagation();\n        if (optIsImage.value) {\n          refElImage.value?.large();\n        } else if (optIsVideo.value) {\n          onPrev();\n        }\n        break;\n      case '39':\n        onNext();\n        break;\n      case '40':\n        e.preventDefault();\n        e.stopPropagation();\n        if (optIsImage.value) {\n          refElImage.value?.small();\n        } else if (optIsVideo.value) {\n          onNext();\n        }\n        break;\n      default:\n        break;\n    }\n  }\n};\nconst _removeQuickEventListener = () => {\n  window.removeEventListener('keydown', _onWinKeydown);\n  window.removeEventListener('keyup', _onWinKeyup);\n};\nconst _addQuickEventListener = () => {\n  window.addEventListener('keydown', _onWinKeydown);\n  window.addEventListener('keyup', _onWinKeyup);\n};\nconst _destroyContainer = (isTimeout = false) => {\n  if (_checkContainer()) {\n    _timeOutDestroyContainer = setTimeout(\n      () => {\n        const el = _getTopEl();\n        if (el) {\n          document.body.className = CommonElement.getRemoveClass(\n            document.body.className,\n            'preview-open',\n          );\n          _getBody().removeChild(el);\n        }\n        _removeQuickEventListener();\n      },\n      isTimeout ? 2 * 1000 : 0,\n    );\n  }\n};\nconst _creatorItem = (optExt: any) => {\n  if (!CommonBase.isEmpty(optExt) && !CommonBase.isEmpty(optExt.src)) {\n    _creatorContainer();\n    if (CommonBase.isNonEmptyString(optExt.id)) {\n      optBase.elId = optExt.id;\n    }\n    optBase.className = CommonBase.isNonEmptyString(optExt.className) ? optExt.className : '';\n    let srcList: any = [];\n    const src = optExt.src;\n    if (CommonBase.isArray(src)) {\n      srcList = src;\n    } else if (CommonBase.isString(src)) {\n      srcList = [src];\n    }\n    optBase.type = optExt.type;\n    optBase.list = srcList;\n    optBase.isLoop = CommonBase.isBoolean(optExt.isLoop) ? optExt.isLoop : false;\n    optBase.isShowCopy = CommonBase.isBoolean(optExt.isShowCopy) ? optExt.isShowCopy : true;\n    const showIndex = CommonBase.isEmpty(optExt.showIndex) ? 0 : optExt.showIndex;\n\n    _addQuickEventListener();\n    nextTick(() => {\n      if (optIsImage.value) {\n        refElImage.value?.show(showIndex);\n      } else if (optIsVideo.value) {\n        refElVideo.value?.show(showIndex);\n      }\n    });\n  }\n};\n\nonBeforeUnmount(() => {\n  clearTimeout(_timeOutDestroyContainer);\n  _timeOutDestroyContainer = null;\n  _removeQuickEventListener();\n  const el = _getTopEl();\n  if (el) {\n    document.body.className = CommonElement.getRemoveClass(document.body.className, 'preview-open');\n    _getBody().removeChild(el);\n  }\n});\n\nconst onClose = () => {\n  if (optIsImage.value) {\n    refElImage.value?.hide();\n  } else if (optIsVideo.value) {\n    refElVideo.value?.hide();\n  }\n  _destroyContainer();\n};\nconst onPrev = () => {\n  if (!optBase.isDisablePrev) {\n    if (optIsImage.value) {\n      refElImage.value?.prev();\n    } else if (optIsVideo.value) {\n      refElVideo.value?.prev();\n    }\n  }\n};\nconst onNext = () => {\n  if (!optBase.isDisableNext) {\n    if (optIsImage.value) {\n      refElImage.value?.next();\n    } else if (optIsVideo.value) {\n      refElVideo.value?.next();\n    }\n  }\n};\n\nprovide('$PreviewTop', {\n  setPrevNextStatus: (showIndex: number, totalLen: number) => {\n    const isShowPrevNext = totalLen > 1;\n    optBase.isShowPrevNext = isShowPrevNext;\n    if (isShowPrevNext) {\n      const { isLoop } = optBase;\n      optBase.isDisablePrev = isLoop ? false : showIndex === 0;\n      optBase.isDisableNext = isLoop ? false : showIndex === totalLen - 1;\n    }\n  },\n});\n\nconst show = (opt: any) => {\n  _creatorItem(opt);\n};\nconst destroy = () => {\n  _destroyContainer();\n  optBase.elId = `preview-${CommonBase.getRandom(5)}`;\n  optBase.className = '';\n  optBase.type = '';\n  optBase.list = [];\n  optBase.isLoop = false;\n  optBase.isShowPrevNext = false;\n  optBase.isDisablePrev = false;\n  optBase.isDisableNext = false;\n};\n\nexport interface ClPreviewExpose {\n  show: (opt: Record<string, any>) => void;\n  destroy: () => void;\n}\n\ndefineExpose({\n  show,\n  destroy,\n});\n</script>\n"],"names":["props","__props","_selfTop","inject","_loadingTimer","optBase","reactive","styImage","computed","sty","transform","_initBase","showIndex","list","len","CommonBase","isShow","delay","onImgLoad","onImgError","onLarge","scale","scaleRatio","newScale","onSmall","onRotateLeft","rotate","rotateAngle","onRotateRight","onReduction","__expose","newShowIndex","_openBlock","_createElementBlock","_hoisted_1","_normalizeClass","_createElementVNode","_hoisted_2","_createVNode","ClIconFont","_hoisted_3","ClClipboard","_Fragment","_hoisted_4","_toDisplayString","_Transition","_withDirectives","_hoisted_5","_vShow","_hoisted_7","_cache","ClPreviewVideo","defineAsyncComponent","refElTopParent","ref","refElImage","refElVideo","_timeOutDestroyContainer","clsParent","cls","CommonElement","optIsImage","optIsVideo","_getBody","_getTopEl","_checkContainer","el","_creatorContainer","_onWinKeydown","e","keyCode","_onWinKeyup","onClose","onPrev","onNext","_removeQuickEventListener","_addQuickEventListener","_destroyContainer","isTimeout","_creatorItem","optExt","srcList","src","nextTick","onBeforeUnmount","provide","totalLen","isShowPrevNext","isLoop","opt","ClOverlay","_createBlock","ClPreviewImage","_unref"],"mappings":"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"}