@web-utils/component 3.0.3 → 3.0.5

package/image-cropper/index.mjs

@@ -1,22 +1,21 @@
-var l = Object.defineProperty;
-var a = Object.getOwnPropertySymbols;
-var u = Object.prototype.hasOwnProperty, f = Object.prototype.propertyIsEnumerable;
-var s = (e, t, o) => t in e ? l(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, p = (e, t) => {
-  for (var o in t || (t = {}))
-    u.call(t, o) && s(e, o, t[o]);
-  if (a)
-    for (var o of a(t))
-      f.call(t, o) && s(e, o, t[o]);
+var c = Object.defineProperty;
+var r = Object.getOwnPropertySymbols;
+var l = Object.prototype.hasOwnProperty, u = Object.prototype.propertyIsEnumerable;
+var a = (e, o, t) => o in e ? c(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t, s = (e, o) => {
+  for (var t in o || (o = {}))
+    l.call(o, t) && a(e, t, o[t]);
+  if (r)
+    for (var t of r(o))
+      u.call(o, t) && a(e, t, o[t]);
   return e;
 };
-import { B as m } from "../chunks/util.ae730cde.mjs";
-import { VueCropper as d } from "vue-cropper";
-import h from "vue";
-import n from "element-ui/lib/button";
-import { n as v } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var g = function() {
-  var e = this, t = e.$createElement, o = e._self._c || t;
-  return o("ElementDialog", {
+import { B as f } from "../chunks/util.ae730cde.mjs";
+import { VueCropper as m } from "vue-cropper";
+import d from "vue";
+import { n as h } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var v = function() {
+  var e = this, o = e.$createElement, t = e._self._c || o;
+  return t("ElementDialog", {
     staticClass: "avue-cropper",
     attrs: {
       visible: e.visible,
@@ -36,7 +35,7 @@ var g = function() {
     scopedSlots: e._u([{
       key: "footer",
       fn: function() {
-        return [o(n, {
+        return [t("ElButton", {
           attrs: {
             size: "small",
             type: "primary"
@@ -44,7 +43,7 @@ var g = function() {
           on: {
             click: e.submit
           }
-        }, [e._v(" 确 定 ")]), o(n, {
+        }, [e._v(" 确 定 ")]), t("ElButton", {
           attrs: {
             size: "small"
           },
@@ -57,13 +56,13 @@ var g = function() {
       },
       proxy: !0
     }])
-  }, [o("div", {
+  }, [t("div", {
     staticClass: "cropper-content"
-  }, [o("div", {
+  }, [t("div", {
     staticClass: "cropper-box"
-  }, [o("div", {
+  }, [t("div", {
     staticClass: "cropper"
-  }, [o("VueCropper", {
+  }, [t("VueCropper", {
     ref: "cropper",
     attrs: {
       img: e.option.img,
@@ -91,9 +90,9 @@ var g = function() {
     on: {
       realTime: e.realTime
     }
-  })], 1), o("div", {
+  })], 1), t("div", {
     staticClass: "footer-btn"
-  }, [o(n, {
+  }, [t("ElButton", {
     attrs: {
       size: "mini",
       type: "danger",
@@ -104,7 +103,7 @@ var g = function() {
         return e.changeScale(1);
       }
     }
-  }), o(n, {
+  }), t("ElButton", {
     attrs: {
       size: "mini",
       type: "danger",
@@ -115,7 +114,7 @@ var g = function() {
         return e.changeScale(-1);
       }
     }
-  }), o(n, {
+  }), t("ElButton", {
     attrs: {
       size: "mini",
       icon: "el-icon-back",
@@ -124,7 +123,7 @@ var g = function() {
     on: {
       click: e.rotateLeft
     }
-  }), o(n, {
+  }), t("ElButton", {
     attrs: {
       size: "mini",
       type: "danger",
@@ -133,23 +132,23 @@ var g = function() {
     on: {
       click: e.rotateRight
     }
-  })], 1)]), o("div", {
+  })], 1)]), t("div", {
     staticClass: "show-preview"
-  }, [o("div", {
+  }, [t("div", {
     staticClass: "preview",
     style: e.previews.div
-  }, [o("img", {
+  }, [t("img", {
     style: e.previews.img,
     attrs: {
       src: e.previews.url,
       alt: ""
     }
   })])])])]);
-}, _ = [];
-const r = {
+}, g = [];
+const n = {
   name: "ImageCropper",
   components: {
-    VueCropper: d
+    VueCropper: m
   },
   data() {
     return {
@@ -180,8 +179,8 @@ const r = {
     },
     submit() {
       this.visible = !1, this.$refs.cropper.getCropData((e) => {
-        let t = e;
-        this.option.type === "file" && (t = m(e, `${(/* @__PURE__ */ new Date()).getTime()}.${this.option.outputType}`)), this.option.callback && this.option.callback(t);
+        let o = e;
+        this.option.type === "file" && (o = f(e, `${(/* @__PURE__ */ new Date()).getTime()}.${this.option.outputType}`)), this.option.callback && this.option.callback(o);
       });
     },
     cancel(e) {
@@ -189,7 +188,7 @@ const r = {
     }
   }
 }, x = (e = {}) => {
-  const t = h.extend(r), o = p({
+  const o = d.extend(n), t = s({
     outputSize: 1,
     // 裁剪生成图片的质量(可选0.1 - 1)
     outputType: "jpeg",
@@ -219,32 +218,32 @@ const r = {
     infoTrue: !1,
     // true为展示真实输出图片宽高，false展示看到的截图框宽高
     enlarge: 1
-  }, e), i = new t({
+  }, e), i = new o({
     data: {
-      option: o
+      option: t
     }
   }).$mount();
   return document.body.appendChild(i.$el), i.show(), i;
 };
-r.imageCropper = x;
-const b = r, c = {};
-var C = /* @__PURE__ */ v(
-  b,
-  g,
+n.imageCropper = x;
+const _ = n, p = {};
+var b = /* @__PURE__ */ h(
   _,
+  v,
+  g,
   !1,
-  y,
+  C,
   null,
   null,
   null
 );
-function y(e) {
-  for (let t in c)
-    this[t] = c[t];
+function C(e) {
+  for (let o in p)
+    this[o] = p[o];
 }
-const B = /* @__PURE__ */ function() {
-  return C.exports;
+const k = /* @__PURE__ */ function() {
+  return b.exports;
 }();
 export {
-  B as default
+  k as default
 };

package/image-preview/index.mjs

@@ -1,9 +1,9 @@
-var d = Object.defineProperty;
+var v = Object.defineProperty;
 var l = Object.getOwnPropertySymbols;
-var v = Object.prototype.hasOwnProperty, h = Object.prototype.propertyIsEnumerable;
-var r = (e, i, t) => i in e ? d(e, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[i] = t, c = (e, i) => {
+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 = {}))
-    v.call(i, t) && r(e, t, i[t]);
+    _.call(i, t) && r(e, t, i[t]);
   if (l)
     for (var t of l(i))
       h.call(i, t) && r(e, t, i[t]);
@@ -12,10 +12,8 @@ var r = (e, i, t) => i in e ? d(e, i, { enumerable: !0, configurable: !0, writab
 import { i as p } from "../chunks/util.ae730cde.mjs";
 import { setPx as u } from "@web-utils/core";
 import f from "vue";
-import g from "element-ui/lib/carousel-item";
-import w from "element-ui/lib/carousel";
-import { n as C } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var x = function() {
+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"
@@ -52,7 +50,7 @@ var x = function() {
   })]) : e._e(), t("div", {
     ref: "box",
     staticClass: "avue-image-preview__box"
-  }, [t(w, {
+  }, [t("ElCarousel", {
     ref: "carousel",
     attrs: {
       "show-indicators": !1,
@@ -66,7 +64,7 @@ var x = function() {
       change: e.handleChange
     }
   }, e._l(e.datas, function(s, a) {
-    return t(g, {
+    return t("ElCarouselItem", {
       key: a,
       nativeOn: {
         click: function(n) {
@@ -143,7 +141,7 @@ var x = function() {
       }
     }
   })])])]) : e._e();
-}, k = [];
+}, C = [];
 const o = {
   name: "ImagePreview",
   data() {
@@ -210,8 +208,8 @@ const o = {
       let i = e.clientX, t = e.clientY;
       const s = 2;
       document.onmousemove = (a) => {
-        const n = a.clientX - i, _ = a.clientY - t;
-        i = a.clientX, t = a.clientY, this.left = this.left + n * s, this.top = this.top + _ * s;
+        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;
       }, document.onmouseup = () => {
         document.onmousemove = null, document.onmouseup = null;
       };
@@ -223,7 +221,7 @@ const o = {
       this.isShow = !1, typeof this.ops.beforeClose == "function" && this.ops.beforeClose(this.datas, this.index), this.$destroy(), this.$el.remove();
     }
   }
-}, $ = (e = [], i = 0, t = {}) => {
+}, x = (e = [], i = 0, t = {}) => {
   const s = f.extend(o), a = {
     datas: e,
     index: i,
@@ -238,25 +236,25 @@ const o = {
   }).$mount();
   return document.body.appendChild(n.$el), n.isShow = !0, n;
 };
-o.imagePreview = $;
-const y = o, m = {};
-var b = /* @__PURE__ */ C(
-  y,
-  x,
+o.imagePreview = x;
+const k = o, d = {};
+var $ = /* @__PURE__ */ g(
   k,
+  w,
+  C,
   !1,
-  P,
+  y,
   null,
   null,
   null
 );
-function P(e) {
-  for (let i in m)
-    this[i] = m[i];
+function y(e) {
+  for (let i in d)
+    this[i] = d[i];
 }
-const R = /* @__PURE__ */ function() {
-  return b.exports;
+const M = /* @__PURE__ */ function() {
+  return $.exports;
 }();
 export {
-  R as default
+  M as default
 };