@web-utils/component 3.0.6 → 3.1.1

package/image-preview/index.mjs

@@ -1,147 +1,18 @@
-var v = Object.defineProperty;
+var m = Object.defineProperty;
 var l = Object.getOwnPropertySymbols;
 var _ = Object.prototype.hasOwnProperty, h = Object.prototype.propertyIsEnumerable;
-var r = (e, i, t) => i in e ? v(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t, c = (e, i) => {
-  for (var t in i || (i = {}))
-    _.call(i, t) && r(e, t, i[t]);
+var r = (i, e, t) => e in i ? m(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, c = (i, e) => {
+  for (var t in e || (e = {}))
+    _.call(e, t) && r(i, t, e[t]);
   if (l)
-    for (var t of l(i))
-      h.call(i, t) && r(e, t, i[t]);
-  return e;
+    for (var t of l(e))
+      h.call(e, t) && r(i, t, e[t]);
+  return i;
 };
-import { i as p } from "../chunks/util.ae730cde.mjs";
+import { i as v } from "../chunks/util.ae730cde.mjs";
 import { setPx as u } from "@web-utils/core";
-import f from "vue";
-import { n as g } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var w = function() {
-  var e = this, i = e.$createElement, t = e._self._c || i;
-  return e.isShow ? t("div", {
-    staticClass: "avue-image-preview"
-  }, [e.ops.modal ? t("div", {
-    staticClass: "avue-image-preview__mask",
-    on: {
-      click: e.close
-    }
-  }) : e._e(), t("span", {
-    staticClass: "el-image-viewer__btn el-image-viewer__close",
-    on: {
-      click: e.close
-    }
-  }, [t("i", {
-    staticClass: "el-icon-circle-close"
-  })]), e.isRrrow ? t("span", {
-    staticClass: "el-image-viewer__btn el-image-viewer__prev",
-    on: {
-      click: function(s) {
-        return e.handlePrev();
-      }
-    }
-  }, [t("i", {
-    staticClass: "el-icon-arrow-left"
-  })]) : e._e(), e.isRrrow ? t("span", {
-    staticClass: "el-image-viewer__btn el-image-viewer__next",
-    on: {
-      click: function(s) {
-        return e.handleNext();
-      }
-    }
-  }, [t("i", {
-    staticClass: "el-icon-arrow-right"
-  })]) : e._e(), t("div", {
-    ref: "box",
-    staticClass: "avue-image-preview__box"
-  }, [t("ElCarousel", {
-    ref: "carousel",
-    attrs: {
-      "show-indicators": !1,
-      "initial-index": e.index,
-      "initial-swipe": e.index,
-      interval: 0,
-      arrow: "never",
-      "indicator-position": "none"
-    },
-    on: {
-      change: e.handleChange
-    }
-  }, e._l(e.datas, function(s, a) {
-    return t("ElCarouselItem", {
-      key: a,
-      nativeOn: {
-        click: function(n) {
-          if (n.target !== n.currentTarget)
-            return null;
-          e.ops.closeOnClickModal && e.close();
-        }
-      }
-    }, [e.isMediaType(s) ? t(e.isMediaType(s), {
-      ref: "item",
-      refInFor: !0,
-      tag: "Component",
-      style: [e.styleName, e.styleBoxName],
-      attrs: {
-        id: `avue-image-preview__${a}`,
-        src: s.url,
-        controls: "controls",
-        ondragstart: "return false"
-      },
-      on: {
-        click: function(n) {
-          return e.handleClick(s, a);
-        },
-        mousedown: e.move
-      }
-    }) : t("div", {
-      staticClass: "avue-image-preview__file",
-      attrs: {
-        id: `avue-image-preview__${a}`
-      },
-      on: {
-        click: function(n) {
-          return e.handleClick(s, a, !0);
-        }
-      }
-    }, [t("span", [t("i", {
-      staticClass: "el-icon-document"
-    }), t("p", [e._v(e._s(s.name || e.getName(s.url)))])])])], 1);
-  }), 1)], 1), t("div", {
-    staticClass: "el-image-viewer__btn el-image-viewer__actions"
-  }, [t("div", {
-    staticClass: "el-image-viewer__actions__inner"
-  }, [t("i", {
-    staticClass: "el-icon-zoom-out",
-    on: {
-      click: e.subScale
-    }
-  }), t("i", {
-    staticClass: "el-icon-zoom-in",
-    on: {
-      click: e.addScale
-    }
-  }), t("i", {
-    staticClass: "el-image-viewer__actions__divider"
-  }), t("i", {
-    staticClass: "el-icon-printer",
-    on: {
-      click: e.handlePrint
-    }
-  }), t("i", {
-    staticClass: "el-image-viewer__actions__divider"
-  }), t("i", {
-    staticClass: "el-icon-refresh-left",
-    on: {
-      click: function(s) {
-        e.rotate = e.rotate - 90;
-      }
-    }
-  }), t("i", {
-    staticClass: "el-icon-refresh-right",
-    on: {
-      click: function(s) {
-        e.rotate = e.rotate + 90;
-      }
-    }
-  })])])]) : e._e();
-}, C = [];
+import p from "vue";
+import { n as f } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
 const o = {
   name: "ImagePreview",
   data() {
@@ -175,8 +46,8 @@ const o = {
     }
   },
   methods: {
-    getName(e) {
-      return e.substring(e.lastIndexOf("/") + 1);
+    getName(i) {
+      return i.substring(i.lastIndexOf("/") + 1);
     },
     handlePrint() {
       this.$Print(`#avue-image-preview__${this.index}`);
@@ -188,12 +59,12 @@ const o = {
       this.$refs.carousel.next(), this.index = this.$refs.carousel.activeIndex, this.stopItem();
     },
     stopItem() {
-      this.left = 0, this.top = 0, this.$refs.item.forEach((e) => {
-        e.pause && e.pause();
+      this.left = 0, this.top = 0, this.$refs.item.forEach((i) => {
+        i.pause && i.pause();
       });
     },
-    isMediaType(e) {
-      return p(e.url, e.type);
+    isMediaType(i) {
+      return v(i.url, i.type);
     },
     subScale() {
       this.scale !== 0.2 && (this.scale = parseFloat((this.scale - 0.2).toFixed(2)));
@@ -204,27 +75,27 @@ const o = {
     handleChange() {
       this.scale = 1, this.rotate = 0;
     },
-    move(e) {
-      let i = e.clientX, t = e.clientY;
+    move(i) {
+      let e = i.clientX, t = i.clientY;
       const s = 2;
       document.onmousemove = (a) => {
-        const n = a.clientX - i, m = a.clientY - t;
-        i = a.clientX, t = a.clientY, this.left = this.left + n * s, this.top = this.top + m * s;
+        const n = a.clientX - e, d = a.clientY - t;
+        e = a.clientX, t = a.clientY, this.left = this.left + n * s, this.top = this.top + d * s;
       }, document.onmouseup = () => {
         document.onmousemove = null, document.onmouseup = null;
       };
     },
-    handleClick(e, i, t = !1) {
-      typeof this.ops.click == "function" ? this.ops.click(e, i) : t && window.open(e.url);
+    handleClick(i, e, t = !1) {
+      typeof this.ops.click == "function" ? this.ops.click(i, e) : t && window.open(i.url);
     },
     close() {
       this.isShow = !1, typeof this.ops.beforeClose == "function" && this.ops.beforeClose(this.datas, this.index), this.$destroy(), this.$el.remove();
     }
   }
-}, x = (e = [], i = 0, t = {}) => {
-  const s = f.extend(o), a = {
-    datas: e,
-    index: i,
+}, g = (i = [], e = 0, t = {}) => {
+  const s = p.extend(o), a = {
+    datas: i,
+    index: e,
     ops: c({
       closeOnClickModal: !1,
       beforeClose: null,
@@ -236,25 +107,40 @@ const o = {
   }).$mount();
   return document.body.appendChild(n.$el), n.isShow = !0, n;
 };
-o.imagePreview = x;
-const k = o, d = {};
-var $ = /* @__PURE__ */ g(
-  k,
+o.imagePreview = g;
+const w = o;
+var C = function() {
+  var e = this, t = e._self._c;
+  return e._self._setupProxy, e.isShow ? t("div", { staticClass: "avue-image-preview" }, [e.ops.modal ? t("div", { staticClass: "avue-image-preview__mask", on: { click: e.close } }) : e._e(), t("span", { staticClass: "el-image-viewer__btn el-image-viewer__close", on: { click: e.close } }, [t("i", { staticClass: "el-icon-circle-close" })]), e.isRrrow ? t("span", { staticClass: "el-image-viewer__btn el-image-viewer__prev", on: { click: function(s) {
+    return e.handlePrev();
+  } } }, [t("i", { staticClass: "el-icon-arrow-left" })]) : e._e(), e.isRrrow ? t("span", { staticClass: "el-image-viewer__btn el-image-viewer__next", on: { click: function(s) {
+    return e.handleNext();
+  } } }, [t("i", { staticClass: "el-icon-arrow-right" })]) : e._e(), t("div", { ref: "box", staticClass: "avue-image-preview__box" }, [t("ElCarousel", { ref: "carousel", attrs: { "show-indicators": !1, "initial-index": e.index, "initial-swipe": e.index, interval: 0, arrow: "never", "indicator-position": "none" }, on: { change: e.handleChange } }, e._l(e.datas, function(s, a) {
+    return t("ElCarouselItem", { key: a, nativeOn: { click: function(n) {
+      if (n.target !== n.currentTarget)
+        return null;
+      e.ops.closeOnClickModal && e.close();
+    } } }, [e.isMediaType(s) ? t(e.isMediaType(s), { ref: "item", refInFor: !0, tag: "Component", style: [e.styleName, e.styleBoxName], attrs: { id: `avue-image-preview__${a}`, src: s.url, controls: "controls", ondragstart: "return false" }, on: { click: function(n) {
+      return e.handleClick(s, a);
+    }, mousedown: e.move } }) : t("div", { staticClass: "avue-image-preview__file", attrs: { id: `avue-image-preview__${a}` }, on: { click: function(n) {
+      return e.handleClick(s, a, !0);
+    } } }, [t("span", [t("i", { staticClass: "el-icon-document" }), t("p", [e._v(e._s(s.name || e.getName(s.url)))])])])], 1);
+  }), 1)], 1), t("div", { staticClass: "el-image-viewer__btn el-image-viewer__actions" }, [t("div", { staticClass: "el-image-viewer__actions__inner" }, [t("i", { staticClass: "el-icon-zoom-out", on: { click: e.subScale } }), t("i", { staticClass: "el-icon-zoom-in", on: { click: e.addScale } }), t("i", { staticClass: "el-image-viewer__actions__divider" }), t("i", { staticClass: "el-icon-printer", on: { click: e.handlePrint } }), t("i", { staticClass: "el-image-viewer__actions__divider" }), t("i", { staticClass: "el-icon-refresh-left", on: { click: function(s) {
+    e.rotate = e.rotate - 90;
+  } } }), t("i", { staticClass: "el-icon-refresh-right", on: { click: function(s) {
+    e.rotate = e.rotate + 90;
+  } } })])])]) : e._e();
+}, x = [], k = /* @__PURE__ */ f(
   w,
   C,
+  x,
   !1,
-  y,
+  null,
   null,
   null,
   null
 );
-function y(e) {
-  for (let i in d)
-    this[i] = d[i];
-}
-const M = /* @__PURE__ */ function() {
-  return $.exports;
-}();
+const N = k.exports;
 export {
-  M as default
+  N as default
 };

package/image-viewer/index.mjs

@@ -1,34 +1,7 @@
-import i from "viewerjs";
+import s from "viewerjs";
 import "viewerjs/dist/viewer.css";
-import { n as l } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var n = function() {
-  var e = this, t = e.$createElement, r = e._self._c || t;
-  return r("div", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: !e.lazy,
-      expression: "!lazy"
-    }],
-    ref: "wrapper",
-    staticClass: "image-viewer"
-  }, [e._t("default", function() {
-    return e._l(e.images, function(a) {
-      return r("img", {
-        key: a.src,
-        staticClass: "image-item",
-        style: {
-          backgroundImage: `url('${a.src}')`
-        },
-        attrs: {
-          "data-src": a.src,
-          alt: a.alt
-        }
-      });
-    });
-  })], 2);
-}, o = [];
-const u = {
+import { n as i } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+const l = {
   name: "ImageViewer",
   props: {
     images: Array,
@@ -49,47 +22,48 @@ const u = {
     });
   },
   updated() {
-    var e;
-    this.lazy || (e = this.gallery) == null || e.update();
+    var r;
+    this.lazy || (r = this.gallery) == null || r.update();
   },
   beforeDestroy() {
     this.lazy || this.gallery.destroy();
   },
   methods: {
-    init({ container: e, options: t }) {
-      this.gallery = new i(e, t);
+    init({ container: r, options: e }) {
+      this.gallery = new s(r, e);
     },
-    show({ container: e, options: t, index: r } = {}) {
-      e = e || this.$refs.wrapper, t = t || {
+    show({ container: r, options: e, index: a } = {}) {
+      r = r || this.$refs.wrapper, e = e || {
         navbar: !1,
         backdrop: "static",
         url: this.url,
         loop: !1,
-        initialViewIndex: r || 0,
+        initialViewIndex: a || 0,
         hidden: () => {
           this.gallery.destroy(), this.gallery = null;
         }
-      }, this.gallery || (this.init({ container: e, options: t }), this.gallery.show());
+      }, this.gallery || (this.init({ container: r, options: e }), this.gallery.show());
     }
   }
-}, s = {};
-var c = /* @__PURE__ */ l(
-  u,
+};
+var n = function() {
+  var e = this, a = e._self._c;
+  return a("div", { directives: [{ name: "show", rawName: "v-show", value: !e.lazy, expression: "!lazy" }], ref: "wrapper", staticClass: "image-viewer" }, [e._t("default", function() {
+    return e._l(e.images, function(t) {
+      return a("img", { key: t.src, staticClass: "image-item", style: { backgroundImage: `url('${t.src}')` }, attrs: { "data-src": t.src, alt: t.alt } });
+    });
+  })], 2);
+}, o = [], u = /* @__PURE__ */ i(
+  l,
   n,
   o,
   !1,
-  _,
+  null,
   null,
   null,
   null
 );
-function _(e) {
-  for (let t in s)
-    this[t] = s[t];
-}
-const p = /* @__PURE__ */ function() {
-  return c.exports;
-}();
+const h = u.exports;
 export {
-  p as default
+  h as default
 };