@web-utils/component 2.7.36 → 2.7.37

package/dist/components/image-preview/index.mjs

@@ -0,0 +1,233 @@
+import { i as c } from "../../chunks/util.eca708b6.mjs";
+import { setPx as o } from "@web-utils/core";
+import { n as u } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var _ = function() {
+  var e = this, a = e.$createElement, t = e._self._c || a;
+  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(i) {
+        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(i) {
+        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(i, s) {
+    return t("ElCarouselItem", {
+      key: s,
+      nativeOn: {
+        click: function(n) {
+          if (n.target !== n.currentTarget)
+            return null;
+          e.ops.closeOnClickModal && e.close();
+        }
+      }
+    }, [e.isMediaType(i) ? t(e.isMediaType(i), {
+      ref: "item",
+      refInFor: !0,
+      tag: "Component",
+      style: [e.styleName, e.styleBoxName],
+      attrs: {
+        id: `avue-image-preview__${s}`,
+        src: i.url,
+        controls: "controls",
+        ondragstart: "return false"
+      },
+      on: {
+        click: function(n) {
+          return e.handleClick(i, s);
+        },
+        mousedown: e.move
+      }
+    }) : t("div", {
+      staticClass: "avue-image-preview__file",
+      attrs: {
+        id: `avue-image-preview__${s}`
+      },
+      on: {
+        click: function(n) {
+          return e.handleClick(i, s, !0);
+        }
+      }
+    }, [t("span", [t("i", {
+      staticClass: "el-icon-document"
+    }), t("p", [e._v(e._s(i.name || e.getName(i.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(i) {
+        e.rotate = e.rotate - 90;
+      }
+    }
+  }), t("i", {
+    staticClass: "el-icon-refresh-right",
+    on: {
+      click: function(i) {
+        e.rotate = e.rotate + 90;
+      }
+    }
+  })])])]) : e._e();
+}, d = [];
+const h = {
+  name: "ImagePreview",
+  // imagePreview,
+  data() {
+    return {
+      left: 0,
+      top: 0,
+      scale: 1,
+      datas: [],
+      rotate: 0,
+      isShow: !1,
+      index: 0,
+      ops: {}
+    };
+  },
+  computed: {
+    styleBoxName() {
+      return {
+        marginLeft: o(this.left),
+        marginTop: o(this.top)
+      };
+    },
+    styleName() {
+      return {
+        transform: `scale(${this.scale}) rotate(${this.rotate}deg)`,
+        maxWidth: "100%",
+        maxHeight: "100%"
+      };
+    },
+    isRrrow() {
+      return this.datas.length > 1;
+    }
+  },
+  methods: {
+    getName(e) {
+      return e.substring(e.lastIndexOf("/") + 1);
+    },
+    handlePrint() {
+      this.$Print(`#avue-image-preview__${this.index}`);
+    },
+    handlePrev() {
+      this.$refs.carousel.prev(), this.index = this.$refs.carousel.activeIndex, this.stopItem();
+    },
+    handleNext() {
+      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();
+      });
+    },
+    isMediaType(e) {
+      return c(e.url, e.type);
+    },
+    subScale() {
+      this.scale !== 0.2 && (this.scale = parseFloat((this.scale - 0.2).toFixed(2)));
+    },
+    addScale() {
+      this.scale = parseFloat((this.scale + 0.2).toFixed(2));
+    },
+    handleChange() {
+      this.scale = 1, this.rotate = 0;
+    },
+    move(e) {
+      let a = e.clientX, t = e.clientY;
+      const i = 2;
+      document.onmousemove = (s) => {
+        const n = s.clientX - a, r = s.clientY - t;
+        a = s.clientX, t = s.clientY, this.left = this.left + n * i, this.top = this.top + r * i;
+      }, document.onmouseup = () => {
+        document.onmousemove = null, document.onmouseup = null;
+      };
+    },
+    handleClick(e, a, t = !1) {
+      typeof this.ops.click == "function" ? this.ops.click(e, a) : t && window.open(e.url);
+    },
+    close() {
+      this.isShow = !1, typeof this.ops.beforeClose == "function" && this.ops.beforeClose(this.datas, this.index), this.$destroy(), this.$el.remove();
+    }
+  }
+}, l = {};
+var v = /* @__PURE__ */ u(
+  h,
+  _,
+  d,
+  !1,
+  m,
+  null,
+  null,
+  null
+);
+function m(e) {
+  for (let a in l)
+    this[a] = l[a];
+}
+const w = /* @__PURE__ */ function() {
+  return v.exports;
+}();
+export {
+  w as default
+};

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

@@ -1,72 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.avue-img--center {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.avue-img--fullscreen .el-dialog__body {
-  height: 100%;
-}
-.avue-image-preview {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  transition: all 0.5s;
-  z-index: 9998;
-}
-.avue-image-preview .el-image-viewer__close i {
-  color: #fff;
-}
-.avue-image-preview .el-image-viewer__btn {
-  z-index: 1024;
-}
-.avue-image-preview img {
-  transition: all 0.5s;
-  cursor: pointer;
-}
-.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 {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: rgba(0, 0, 0, 0.5);
-}
-.avue-image-preview__box {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.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 {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
+.avue-img--center{display:flex;align-items:center;justify-content:center}.avue-img--fullscreen .el-dialog__body{height:100%}.avue-image-preview{position:fixed;top:0;left:0;width:100%;height:100%;transition:all .5s;z-index:9998}.avue-image-preview .el-image-viewer__close i{color:#fff}.avue-image-preview .el-image-viewer__btn{z-index:1024}.avue-image-preview img{transition:all .5s;cursor:pointer}.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{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.avue-image-preview__box{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.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{width:100%;height:100%;display:flex;align-items:center;justify-content:center}

package/dist/components/image-viewer/index.mjs

@@ -0,0 +1,95 @@
+import i 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 = {
+  name: "ImageViewer",
+  props: {
+    images: Array,
+    url: {
+      type: String,
+      default: "data-src"
+    },
+    lazy: Boolean
+  },
+  mounted() {
+    this.lazy || this.init({
+      container: this.$refs.wrapper,
+      options: {
+        navbar: !1,
+        backdrop: "static",
+        url: this.url
+      }
+    });
+  },
+  updated() {
+    var e;
+    this.lazy || (e = this.gallery) == null || e.update();
+  },
+  beforeDestroy() {
+    this.lazy || this.gallery.destroy();
+  },
+  methods: {
+    init({ container: e, options: t }) {
+      this.gallery = new i(e, t);
+    },
+    show({ container: e, options: t, index: r } = {}) {
+      e = e || this.$refs.wrapper, t = t || {
+        navbar: !1,
+        backdrop: "static",
+        url: this.url,
+        loop: !1,
+        initialViewIndex: r || 0,
+        hidden: () => {
+          this.gallery.destroy(), this.gallery = null;
+        }
+      }, this.gallery || (this.init({ container: e, options: t }), this.gallery.show());
+    }
+  }
+}, s = {};
+var c = /* @__PURE__ */ l(
+  u,
+  n,
+  o,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(e) {
+  for (let t in s)
+    this[t] = s[t];
+}
+const p = /* @__PURE__ */ function() {
+  return c.exports;
+}();
+export {
+  p as default
+};

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

@@ -1,21 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.image-viewer .image-item {
-  display: inline-block;
-  width: 100px;
-  height: 100px;
-  cursor: pointer;
-  background-repeat: no-repeat;
-  background-size: cover;
-  background-position: center;
-  border: none;
-  background-color: transparent;
-  outline: none;
-}
-.viewer-backdrop {
-  background-color: #5e5e5e;
-}
+.image-viewer .image-item{display:inline-block;width:100px;height:100px;cursor:pointer;background-repeat:no-repeat;background-size:cover;background-position:center;border:none;background-color:transparent;outline:none}.viewer-backdrop{background-color:#5e5e5e}

package/dist/components/input-number/index.mjs

@@ -0,0 +1,274 @@
+import u from "element-ui/src/mixins/focus";
+import o from "element-ui/src/directives/repeat-click";
+import { i as a } from "../../chunks/input-number-mixin.41a066be.mjs";
+import { n as l } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var c = function() {
+  var e = this, t = e.$createElement, n = e._self._c || t;
+  return n("div", {
+    class: ["input-number", "el-input-number", e.inputNumberSize ? `el-input-number--${e.inputNumberSize}` : "", {
+      "is-disabled": e.inputNumberDisabled,
+      "is-without-controls": !e.controls,
+      "is-controls-right": e.controlsAtRight
+    }],
+    on: {
+      dragstart: function(i) {
+        i.preventDefault();
+      }
+    }
+  }, [e.controls ? n("span", {
+    directives: [{
+      name: "repeat-click",
+      rawName: "v-repeat-click",
+      value: e.decrease,
+      expression: "decrease"
+    }],
+    staticClass: "el-input-number__decrease",
+    class: {
+      "is-disabled": e.minDisabled
+    },
+    attrs: {
+      role: "button"
+    },
+    on: {
+      keydown: function(i) {
+        return !i.type.indexOf("key") && e._k(i.keyCode, "enter", 13, i.key, "Enter") ? null : e.decrease.apply(null, arguments);
+      }
+    }
+  }, [n("i", {
+    class: `el-icon-${e.controlsAtRight ? "arrow-down" : "minus"}`
+  })]) : e._e(), e.controls ? n("span", {
+    directives: [{
+      name: "repeat-click",
+      rawName: "v-repeat-click",
+      value: e.increase,
+      expression: "increase"
+    }],
+    staticClass: "el-input-number__increase",
+    class: {
+      "is-disabled": e.maxDisabled
+    },
+    attrs: {
+      role: "button"
+    },
+    on: {
+      keydown: function(i) {
+        return !i.type.indexOf("key") && e._k(i.keyCode, "enter", 13, i.key, "Enter") ? null : e.increase.apply(null, arguments);
+      }
+    }
+  }, [n("i", {
+    class: `el-icon-${e.controlsAtRight ? "arrow-up" : "plus"}`
+  })]) : e._e(), n("ElInput", {
+    ref: "input",
+    attrs: {
+      value: e.displayValue,
+      placeholder: e.placeholder,
+      disabled: e.inputNumberDisabled,
+      size: e.inputNumberSize,
+      max: e.max,
+      "prefix-icon": e.prefixIcon,
+      "suffix-icon": e.suffixIcon,
+      min: e.min,
+      name: e.name,
+      label: e.label
+    },
+    on: {
+      blur: e.handleBlur,
+      focus: e.handleFocus,
+      input: e.handleInput,
+      change: e.handleInputChange
+    },
+    nativeOn: {
+      keydown: [function(i) {
+        return !i.type.indexOf("key") && e._k(i.keyCode, "up", 38, i.key, ["Up", "ArrowUp"]) ? null : (i.preventDefault(), e.increase.apply(null, arguments));
+      }, function(i) {
+        return !i.type.indexOf("key") && e._k(i.keyCode, "down", 40, i.key, ["Down", "ArrowDown"]) ? null : (i.preventDefault(), e.decrease.apply(null, arguments));
+      }]
+    },
+    scopedSlots: e._u([{
+      key: "append",
+      fn: function() {
+        return [e._t("append")];
+      },
+      proxy: !0
+    }, {
+      key: "prefix",
+      fn: function() {
+        return [e._t("prefix")];
+      },
+      proxy: !0
+    }, {
+      key: "prepend",
+      fn: function() {
+        return [e._t("prepend")];
+      },
+      proxy: !0
+    }, {
+      key: "suffix",
+      fn: function() {
+        return [e._t("suffix")];
+      },
+      proxy: !0
+    }], null, !0)
+  })], 1);
+}, p = [];
+const h = {
+  name: "InputNumber",
+  directives: {
+    repeatClick: o
+  },
+  mixins: [u("input"), a],
+  inject: {
+    elForm: {
+      default: ""
+    },
+    elFormItem: {
+      default: ""
+    }
+  },
+  data() {
+    return {
+      currentValue: 0,
+      userInput: null
+    };
+  },
+  computed: {
+    minDisabled() {
+      return this._decrease(this.value, this.step) < this.min;
+    },
+    maxDisabled() {
+      return this._increase(this.value, this.step) > this.max;
+    },
+    numPrecision() {
+      const { value: e, step: t, getPrecision: n, precision: i } = this, r = n(t);
+      return i !== void 0 ? (r > i && console.warn("[Element Warn][InputNumber]precision should not be less than the decimal places of step"), i) : Math.max(n(e), r);
+    },
+    controlsAtRight() {
+      return this.controls && this.controlsPosition === "right";
+    },
+    _elFormItemSize() {
+      return (this.elFormItem || {}).elFormItemSize;
+    },
+    inputNumberSize() {
+      return this.size || this._elFormItemSize || (this.$ELEMENT || {}).size;
+    },
+    inputNumberDisabled() {
+      return this.disabled || !!(this.elForm || {}).disabled;
+    },
+    displayValue() {
+      if (this.userInput !== null)
+        return this.userInput;
+      let e = this.currentValue;
+      if (typeof e == "number") {
+        if (this.stepStrictly) {
+          const t = this.getPrecision(this.step), n = Math.pow(10, t);
+          e = Math.round(e / this.step) * n * this.step / n;
+        }
+        this.precision !== void 0 && (e = e.toFixed(this.precision));
+      }
+      return e;
+    }
+  },
+  watch: {
+    value: {
+      immediate: !0,
+      handler(e) {
+        let t = e === void 0 ? e : Number(e);
+        if (t !== void 0) {
+          if (isNaN(t))
+            return;
+          if (this.stepStrictly) {
+            const n = this.getPrecision(this.step), i = Math.pow(10, n);
+            t = Math.round(t / this.step) * i * this.step / i;
+          }
+          this.precision !== void 0 && (t = this.toPrecision(t, this.precision));
+        }
+        t >= this.max && (t = this.max), t <= this.min && (t = this.min), this.currentValue = t, this.userInput = null, this.$emit("input", t);
+      }
+    }
+  },
+  mounted() {
+    const e = this.$refs.input.$refs.input;
+    e.setAttribute("role", "spinbutton"), e.setAttribute("aria-valuemax", this.max), e.setAttribute("aria-valuemin", this.min), e.setAttribute("aria-valuenow", this.currentValue), e.setAttribute("aria-disabled", this.inputNumberDisabled);
+  },
+  updated() {
+    if (!this.$refs || !this.$refs.input)
+      return;
+    this.$refs.input.$refs.input.setAttribute("aria-valuenow", this.currentValue);
+  },
+  methods: {
+    toPrecision(e, t) {
+      return t === void 0 && (t = this.numPrecision), parseFloat(Math.round(e * Math.pow(10, t)) / Math.pow(10, t));
+    },
+    getPrecision(e) {
+      if (e === void 0)
+        return 0;
+      const t = e.toString(), n = t.indexOf(".");
+      let i = 0;
+      return n !== -1 && (i = t.length - n - 1), i;
+    },
+    _increase(e, t) {
+      if (typeof e != "number" && e !== void 0)
+        return this.currentValue;
+      const n = Math.pow(10, this.numPrecision);
+      return this.toPrecision((n * e + n * t) / n);
+    },
+    _decrease(e, t) {
+      if (typeof e != "number" && e !== void 0)
+        return this.currentValue;
+      const n = Math.pow(10, this.numPrecision);
+      return this.toPrecision((n * e - n * t) / n);
+    },
+    increase() {
+      if (this.inputNumberDisabled || this.maxDisabled)
+        return;
+      const e = this.value || 0, t = this._increase(e, this.step);
+      this.setCurrentValue(t);
+    },
+    decrease() {
+      if (this.inputNumberDisabled || this.minDisabled)
+        return;
+      const e = this.value || 0, t = this._decrease(e, this.step);
+      this.setCurrentValue(t);
+    },
+    handleBlur(e) {
+      this.$emit("blur", e);
+    },
+    handleFocus(e) {
+      this.$emit("focus", e);
+    },
+    setCurrentValue(e) {
+      const t = this.currentValue;
+      typeof e == "number" && this.precision !== void 0 && (e = this.toPrecision(e, this.precision)), e >= this.max && (e = this.max), e <= this.min && (e = this.min), t !== e && (this.userInput = null, this.$emit("input", e), this.$emit("change", e, t), this.currentValue = e);
+    },
+    handleInput(e) {
+      this.userInput = e;
+    },
+    handleInputChange(e) {
+      const t = e === "" ? void 0 : Number(e);
+      (!isNaN(t) || e === "") && this.setCurrentValue(t), this.userInput = null;
+    },
+    select() {
+      this.$refs.input.select();
+    }
+  }
+}, s = {};
+var d = /* @__PURE__ */ l(
+  h,
+  c,
+  p,
+  !1,
+  m,
+  null,
+  null,
+  null
+);
+function m(e) {
+  for (let t in s)
+    this[t] = s[t];
+}
+const x = /* @__PURE__ */ function() {
+  return d.exports;
+}();
+export {
+  x as default
+};

package/dist/components/input-number/style.css

@@ -1,15 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.el-input-number.input-number {
-  display: block;
-}
-.el-input-number.input-number .el-input-group {
-  display: inline-table;
-}
-.el-input-number.input-number .el-input {
-  width: 100%;
-}
+.el-input-number.input-number{display:block}.el-input-number.input-number .el-input-group{display:inline-table}.el-input-number.input-number .el-input{width:100%}