@web-utils/component 4.0.0 → 4.0.2

package/image-cropper/index.mjs

@@ -1,22 +1,10 @@
-var p = Object.defineProperty;
-var n = Object.getOwnPropertySymbols;
-var l = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
-var s = (o, e, t) => e in o ? p(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, a = (o, e) => {
-  for (var t in e || (e = {}))
-    l.call(e, t) && s(o, t, e[t]);
-  if (n)
-    for (var t of n(e))
-      c.call(e, t) && s(o, t, e[t]);
-  return o;
-};
-import { B as u } from "../chunks/util.DqFv_pWg.mjs";
-import { VueCropper as f } from "vue-cropper";
-import m from "vue";
-import { n as h } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const r = {
+import { B as r } from "../chunks/util.DqFv_pWg.mjs";
+import { VueCropper as n } from "vue-cropper";
+import { n as s } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const p = {
   name: "ImageCropper",
   components: {
-    VueCropper: f
+    VueCropper: n
   },
   data() {
     return {
@@ -49,7 +37,7 @@ const r = {
       this.visible = !1, this.$refs.cropper.getCropData((o) => {
         var t, i;
         let e = o;
-        this.option.type === "file" && (e = u(o, `${(/* @__PURE__ */ new Date()).getTime()}.${this.option.outputType}`)), (i = (t = this.option).callback) == null || i.call(t, e);
+        this.option.type === "file" && (e = r(o, `${(/* @__PURE__ */ new Date()).getTime()}.${this.option.outputType}`)), (i = (t = this.option).callback) == null || i.call(t, e);
       });
     },
     cancel(o) {
@@ -57,49 +45,10 @@ const r = {
       o == null || o(), this.visible = !1, (t = (e = this.option).cancel) == null || t.call(e), typeof this.option.beforeClose == "function" && this.option.beforeClose(), this.$destroy(), this.$el.remove();
     }
   }
-}, d = (o = {}) => {
-  const e = m.extend(r), t = a({
-    outputSize: 1,
-    // 裁剪生成图片的质量(可选0.1 - 1)
-    outputType: "jpeg",
-    // 裁剪生成图片的格式（jpeg || png || webp）
-    info: !0,
-    // 图片大小信息
-    canScale: !0,
-    // 图片是否允许滚轮缩放
-    autoCrop: !0,
-    // 是否默认生成截图框
-    fixed: !1,
-    // 是否开启截图框宽高固定比例
-    full: !1,
-    // false按原比例裁切图片，不失真
-    fixedBox: !1,
-    // 固定截图框大小，不允许改变
-    canMove: !0,
-    // 上传图片是否可以移动
-    canMoveBox: !0,
-    // 截图框能否拖动
-    original: !1,
-    // 上传图片按照原始比例渲染
-    centerBox: !0,
-    // 截图框是否被限制在图片里面
-    height: !0,
-    // 是否按照设备的dpr 输出等比例图片
-    infoTrue: !1,
-    // true为展示真实输出图片宽高，false展示看到的截图框宽高
-    enlarge: 1
-  }, o), i = new e({
-    data: {
-      option: t
-    }
-  }).$mount();
-  return document.body.appendChild(i.$el), i.show(), i;
 };
-r.imageCropper = d;
-const v = r;
-var g = function() {
+var a = function() {
   var e = this, t = e._self._c;
-  return e._self._setupProxy, t("ElementDialog", { staticClass: "avue-cropper", attrs: { visible: e.visible, "before-close": e.cancel, title: "图片剪裁", "close-on-press-escape": !1, "close-on-click-modal": !1, "modal-append-to-body": e.$AVUE.modalAppendToBody, "append-to-body": e.$AVUE.appendToBody, width: "1000px" }, on: { "update:visible": function(i) {
+  return t("ElementDialog", { staticClass: "avue-cropper", attrs: { visible: e.visible, "before-close": e.cancel, title: "图片剪裁", "close-on-press-escape": !1, "close-on-click-modal": !1, "modal-append-to-body": e.$AVUE.modalAppendToBody, "append-to-body": e.$AVUE.appendToBody, width: "1000px" }, on: { "update:visible": function(i) {
     e.visible = i;
   } }, scopedSlots: e._u([{ key: "footer", fn: function() {
     return [t("ElButton", { attrs: { size: "small", type: "primary" }, on: { click: e.submit } }, [e._v(" 确 定 ")]), t("ElButton", { attrs: { size: "small" }, on: { click: function(i) {
@@ -110,15 +59,15 @@ var g = function() {
   } } }), t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-zoom-out" }, on: { click: function(i) {
     return e.changeScale(-1);
   } } }), t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-refresh-left" }, on: { click: e.rotateLeft } }), t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-refresh-right" }, on: { click: e.rotateRight } })], 1)]), t("div", { staticClass: "show-preview" }, [t("div", { staticClass: "preview", style: e.previews.div }, [t("img", { style: e.previews.img, attrs: { src: e.previews.url, alt: "" } })])])])]);
-}, y = [], x = /* @__PURE__ */ h(
-  v,
-  g,
-  y,
+}, l = [], c = /* @__PURE__ */ s(
+  p,
+  a,
+  l,
   !1,
   null,
   null
 );
-const w = x.exports;
+const h = c.exports;
 export {
-  w as default
+  h as default
 };

package/image-preview/index.mjs

@@ -1,19 +1,7 @@
-var m = Object.defineProperty;
-var l = Object.getOwnPropertySymbols;
-var h = Object.prototype.hasOwnProperty, v = Object.prototype.propertyIsEnumerable;
-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 = {}))
-    h.call(e, t) && r(i, t, e[t]);
-  if (l)
-    for (var t of l(e))
-      v.call(e, t) && r(i, t, e[t]);
-  return i;
-};
-import { i as _ } from "../chunks/util.DqFv_pWg.mjs";
-import { setPx as u } from "@web-utils/core";
-import f from "vue";
-import { n as p } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const o = {
+import { i as r } from "../chunks/util.DqFv_pWg.mjs";
+import { setPx as o } from "@web-utils/core";
+import { n as c } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const u = {
   name: "ImagePreview",
   data() {
     return {
@@ -30,8 +18,8 @@ const o = {
   computed: {
     styleBoxName() {
       return {
-        marginLeft: u(this.left),
-        marginTop: u(this.top)
+        marginLeft: o(this.left),
+        marginTop: o(this.top)
       };
     },
     styleName() {
@@ -65,7 +53,7 @@ const o = {
       });
     },
     isMediaType(i) {
-      return _(i.url, i.type);
+      return r(i.url, i.type);
     },
     subScale() {
       this.scale !== 0.2 && (this.scale = parseFloat((this.scale - 0.2).toFixed(2)));
@@ -80,8 +68,8 @@ const o = {
       let e = i.clientX, t = i.clientY;
       const s = 2;
       document.onmousemove = (a) => {
-        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;
+        const n = a.clientX - e, l = a.clientY - t;
+        e = a.clientX, t = a.clientY, this.left = this.left + n * s, this.top = this.top + l * s;
       }, document.onmouseup = () => {
         document.onmousemove = null, document.onmouseup = null;
       };
@@ -93,26 +81,10 @@ const o = {
       this.isShow = !1, typeof this.ops.beforeClose == "function" && this.ops.beforeClose(this.datas, this.index), this.$destroy(), this.$el.remove();
     }
   }
-}, g = (i = [], e = 0, t = {}) => {
-  const s = f.extend(o), a = {
-    datas: i,
-    index: e,
-    ops: c({
-      closeOnClickModal: !1,
-      beforeClose: null,
-      click: null,
-      modal: !0
-    }, t)
-  }, n = new s({
-    data: a
-  }).$mount();
-  return document.body.appendChild(n.$el), n.isShow = !0, n;
 };
-o.imagePreview = g;
-const w = o;
-var C = function() {
+var d = 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.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();
@@ -130,15 +102,15 @@ var C = function() {
   } } }), t("i", { staticClass: "el-icon-refresh-right", on: { click: function(s) {
     e.rotate = e.rotate + 90;
   } } })])])]) : e._e();
-}, x = [], k = /* @__PURE__ */ p(
-  w,
-  C,
-  x,
+}, h = [], m = /* @__PURE__ */ c(
+  u,
+  d,
+  h,
   !1,
   null,
   null
 );
-const N = k.exports;
+const p = m.exports;
 export {
-  N as default
+  p as default
 };

package/image-preview/style.css

@@ -1 +1 @@
-.avue-img--center{justify-content:center;align-items:center;display:flex}.avue-img--fullscreen .el-dialog__body{height:100%}.avue-image-preview{z-index:9998;width:100%;height:100%;transition:all .5s;position:fixed;top:0;left:0}.avue-image-preview .el-image-viewer__close i{color:#fff}.avue-image-preview .el-image-viewer__btn{z-index:1024}.avue-image-preview img{cursor:pointer;transition:all .5s}.avue-image-preview__file{text-align:center}.avue-image-preview__file a{color:#fff}.avue-image-preview__file i{cursor:pointer;font-size:80px}.avue-image-preview__mask{background:rgba(0,0,0,.5);width:100%;height:100%;position:absolute;top:0;left:0}.avue-image-preview__box{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.avue-image-preview__box .el-carousel{width:90%;height:100%}.avue-image-preview__box .el-carousel__container{height:100%}.avue-image-preview__box .el-carousel__item{justify-content:center;align-items:center;width:100%;height:100%;display:flex}
+.avue-img--center{justify-content:center;align-items:center;display:flex}.avue-img--fullscreen .el-dialog__body{height:100%}.avue-image-preview{z-index:9998;width:100%;height:100%;transition:all .5s;position:fixed;top:0;left:0}.avue-image-preview .el-image-viewer__close i{color:#fff}.avue-image-preview .el-image-viewer__btn{z-index:1024}.avue-image-preview img{cursor:pointer;transition:all .5s}.avue-image-preview__file{text-align:center}.avue-image-preview__file a{color:#fff}.avue-image-preview__file i{cursor:pointer;font-size:80px}.avue-image-preview__mask{background:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}.avue-image-preview__box{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.avue-image-preview__box .el-carousel{width:90%;height:100%}.avue-image-preview__box .el-carousel__container{height:100%}.avue-image-preview__box .el-carousel__item{justify-content:center;align-items:center;width:100%;height:100%;display:flex}

package/image-viewer/style.css

@@ -1 +1 @@
-.image-viewer .image-item{cursor:pointer;background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;outline:none;width:100px;height:100px;display:inline-block}.viewer-backdrop{background-color:#5e5e5e}
+.image-viewer .image-item{cursor:pointer;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;outline:none;width:100px;height:100px;display:inline-block}.viewer-backdrop{background-color:#5e5e5e}