@web-utils/component 2.7.13 → 2.7.15

package/dist/components/header-search/index.js

@@ -1,7 +1,7 @@
-import { s as S } from "../../chunks/slot.1b8d2b1b.js";
-import { c as h } from "../../chunks/config.46422d7f.js";
-import { d as w } from "../../chunks/dataformat.d3fd2d1b.js";
-import { o, j as g, d as m } from "../../chunks/util.80e28481.js";
+import { s as S } from "../../chunks/slot.4b391395.js";
+import { c as o } from "../../chunks/config.46422d7f.js";
+import { d as w } from "../../chunks/dataformat.65b92bfe.js";
+import { o as h, j as g, d as m } from "../../chunks/util.23fe58fb.js";
 import { n as F } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 var _ = function() {
   var e = this, a = e.$createElement, c = e._self._c || a;
@@ -103,12 +103,13 @@ const y = {
     option() {
       const e = this.crud.option, a = (t = []) => {
         t = m(t);
-        let s = [], u = 0;
+        const s = [];
+        let u = 0;
         return t = t.sort((r, l) => (l.searchOrder || 0) - (r.searchOrder || 0)), t.forEach((r) => {
           if (r.search) {
-            let l = u < this.searchIndex, d = {};
+            const l = u < this.searchIndex, d = {};
             Object.keys(r).forEach((i) => {
-              let p = "search";
+              const p = "search";
               if (i != "searchProp" && i.includes(p)) {
                 let n = i.replace(p, "");
                 if (n.length == 0)
@@ -118,11 +119,11 @@ const y = {
             }), r = Object.assign(r, d, {
               type: w(r),
               detail: !1,
-              dicFlag: r.cascader ? !0 : o(r.dicFlag, !1),
-              span: r.searchSpan || e.searchSpan || h.searchSpan,
+              dicFlag: r.cascader ? !0 : h(r.dicFlag, !1),
+              span: r.searchSpan || e.searchSpan || o.searchSpan,
               control: r.searchControl,
-              gutter: r.searchGutter || e.searchGutter || h.searchGutter,
-              labelWidth: r.searchLabelWidth || e.searchLabelWidth || h.searchLabelWidth,
+              gutter: r.searchGutter || e.searchGutter || o.searchGutter,
+              labelWidth: r.searchLabelWidth || e.searchLabelWidth || o.searchLabelWidth,
               labelPosition: r.searchLabelPosition || e.searchLabelPosition,
               size: r.searchSize || e.searchSize,
               value: r.searchValue,
@@ -150,10 +151,10 @@ const y = {
           enter: e.searchEnter,
           size: e.searchSize,
           submitText: e.searchBtnText || "搜 索",
-          submitBtn: o(e.searchBtn, h.searchSubBtn),
+          submitBtn: h(e.searchBtn, o.searchSubBtn),
           submitIcon: this.crud.getBtnIcon("searchBtn"),
           emptyText: e.emptyBtnText || "清 空",
-          emptyBtn: o(e.emptyBtn, h.emptyBtn),
+          emptyBtn: h(e.emptyBtn, o.emptyBtn),
           emptyIcon: this.crud.getBtnIcon("emptyBtn"),
           menuSpan: (() => this.show || !this.isSearchIcon || e.searchMenuSpan < 6 ? e.searchMenuSpan : 6)(),
           menuPosition: e.searchMenuPosition || "center",
@@ -163,7 +164,7 @@ const y = {
       })(e);
     },
     isSearchIcon() {
-      return o(this.crud.option.searchIcon, this.$AVUE.searchIcon) && this.searchLen > this.searchIndex;
+      return h(this.crud.option.searchIcon, this.$AVUE.searchIcon) && this.searchLen > this.searchIndex;
     },
     searchLen() {
       let e = 0;
@@ -226,7 +227,7 @@ const y = {
     },
     dataFormat() {
       const e = this.crud.option;
-      this.searchShow = o(e.searchShow, h.searchShow);
+      this.searchShow = h(e.searchShow, o.searchShow);
     }
   }
 }, f = {};

package/dist/components/image-cropper/index.js

@@ -0,0 +1,299 @@
+import { w as s } from "../../chunks/util.23fe58fb.js";
+import { VueCropper as a } from "vue-cropper";
+import { n as p } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+import f from "vue";
+var l = function() {
+  var e = this, o = e.$createElement, t = e._self._c || o;
+  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) {
+              return e.cancel();
+            }
+          }
+        }, [e._v(" 取 消 ")])];
+      },
+      proxy: !0
+    }])
+  }, [t("div", {
+    staticClass: "cropper-content"
+  }, [t("div", {
+    staticClass: "cropper-box"
+  }, [t("div", {
+    staticClass: "cropper"
+  }, [t("VueCropper", {
+    ref: "cropper",
+    attrs: {
+      img: e.option.img,
+      "output-size": e.option.outputSize,
+      "output-type": e.option.outputType,
+      info: e.option.info,
+      "can-scale": e.option.canScale,
+      "auto-crop": e.option.autoCrop,
+      "auto-crop-width": e.option.autoCropWidth,
+      "auto-crop-height": e.option.autoCropHeight,
+      fixed: e.option.fixed,
+      "fixed-number": e.option.fixedNumber,
+      full: e.option.full,
+      "fixed-box": e.option.fixedBox,
+      "can-move": e.option.canMove,
+      "can-move-box": e.option.canMoveBox,
+      original: e.option.original,
+      "center-box": e.option.centerBox,
+      height: e.option.height,
+      "info-true": e.option.infoTrue,
+      "max-img-size": e.option.maxImgSize,
+      enlarge: e.option.enlarge,
+      mode: e.option.mode
+    },
+    on: {
+      realTime: e.realTime
+    }
+  })], 1), t("div", {
+    staticClass: "footer-btn"
+  }, [t("ElButton", {
+    attrs: {
+      size: "mini",
+      type: "danger",
+      icon: "el-icon-zoom-in"
+    },
+    on: {
+      click: function(i) {
+        return e.changeScale(1);
+      }
+    }
+  }), t("ElButton", {
+    attrs: {
+      size: "mini",
+      type: "danger",
+      icon: "el-icon-zoom-out"
+    },
+    on: {
+      click: function(i) {
+        return e.changeScale(-1);
+      }
+    }
+  }), t("ElButton", {
+    attrs: {
+      size: "mini",
+      icon: "el-icon-back",
+      type: "danger"
+    },
+    on: {
+      click: e.rotateLeft
+    }
+  }), t("ElButton", {
+    attrs: {
+      size: "mini",
+      type: "danger",
+      icon: "el-icon-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: ""
+    }
+  })])])])]);
+}, c = [];
+const h = {
+  name: "ImageCropper",
+  imageCropper: u,
+  components: {
+    VueCropper: a
+  },
+  data() {
+    return {
+      visible: !1,
+      previews: {},
+      option: {}
+    };
+  },
+  methods: {
+    show() {
+      this.visible = !0;
+    },
+    // 图片缩放
+    changeScale(e) {
+      e = e || 1, this.$refs.cropper.changeScale(e);
+    },
+    // 向左旋转
+    rotateLeft() {
+      this.$refs.cropper.rotateLeft();
+    },
+    // 向右旋转
+    rotateRight() {
+      this.$refs.cropper.rotateRight();
+    },
+    // 实时预览函数
+    realTime(e) {
+      this.previews = e;
+    },
+    submit() {
+      this.visible = !1, this.$refs.cropper.getCropData((e) => {
+        let o = e;
+        this.option.type === "file" && (o = s(e, `${new Date().getTime()}.${this.option.outputType}`)), this.option.callback && this.option.callback(o);
+      });
+    },
+    cancel(e) {
+      e && e(), this.visible = !1, this.option.cancel && this.option.cancel(), typeof this.option.beforeClose == "function" && this.option.beforeClose(), this.$destroy(), this.$el.remove();
+    }
+  }
+}, n = {};
+var m = /* @__PURE__ */ p(
+  h,
+  l,
+  c,
+  !1,
+  v,
+  null,
+  null,
+  null
+);
+function v(e) {
+  for (let o in n)
+    this[o] = n[o];
+}
+const d = /* @__PURE__ */ function() {
+  return m.exports;
+}(), u = (e = {}) => {
+  const o = f.extend(d), t = {
+    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: !1,
+    // 截图框是否被限制在图片里面
+    height: !0,
+    // 是否按照设备的dpr 输出等比例图片
+    infoTrue: !1,
+    // true为展示真实输出图片宽高，false展示看到的截图框宽高
+    enlarge: 1,
+    // 图片根据截图框输出比例倍数
+    ...e
+  }, i = new o({
+    data: {
+      option: t
+    }
+  });
+  return i.$mount(), document.body.appendChild(i.$el), i.show(), i;
+}, g = {
+  name: "ImageCropper",
+  imageCropper: u,
+  components: {
+    VueCropper: a
+  },
+  data() {
+    return {
+      visible: !1,
+      previews: {},
+      option: {}
+    };
+  },
+  methods: {
+    show() {
+      this.visible = !0;
+    },
+    // 图片缩放
+    changeScale(e) {
+      e = e || 1, this.$refs.cropper.changeScale(e);
+    },
+    // 向左旋转
+    rotateLeft() {
+      this.$refs.cropper.rotateLeft();
+    },
+    // 向右旋转
+    rotateRight() {
+      this.$refs.cropper.rotateRight();
+    },
+    // 实时预览函数
+    realTime(e) {
+      this.previews = e;
+    },
+    submit() {
+      this.visible = !1, this.$refs.cropper.getCropData((e) => {
+        let o = e;
+        this.option.type === "file" && (o = s(e, `${new Date().getTime()}.${this.option.outputType}`)), this.option.callback && this.option.callback(o);
+      });
+    },
+    cancel(e) {
+      e && e(), this.visible = !1, this.option.cancel && this.option.cancel(), typeof this.option.beforeClose == "function" && this.option.beforeClose(), this.$destroy(), this.$el.remove();
+    }
+  }
+}, r = {};
+var _ = /* @__PURE__ */ p(
+  g,
+  l,
+  c,
+  !1,
+  b,
+  null,
+  null,
+  null
+);
+function b(e) {
+  for (let o in r)
+    this[o] = r[o];
+}
+const w = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  w as default
+};

package/dist/components/image-cropper/style.css

@@ -0,0 +1 @@
+.avue-cropper .cropper-content{display:flex;justify-content:flex-end}.avue-cropper .cropper-content .cropper-box{flex:1;width:100%}.avue-cropper .cropper-content .cropper-box .cropper{width:auto;height:300px}.avue-cropper .cropper-content .show-preview{flex:1;display:flex;justify-content:center}.avue-cropper .cropper-content .show-preview .preview{overflow:hidden;border:1px solid #67c23a;background:#cccccc}.avue-cropper .cropper-content .footer-btn{margin-top:30px;display:flex;justify-content:center;padding-right:10px}