@web-utils/component 2.7.35 → 2.7.37

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

@@ -1,264 +0,0 @@
-import { i as isMediaType } from "../../chunks/util.b0d0b0ad.js";
-import { setPx } from "@web-utils/core";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _vm.isShow ? _c("div", {
-    staticClass: "avue-image-preview"
-  }, [_vm.ops.modal ? _c("div", {
-    staticClass: "avue-image-preview__mask",
-    on: {
-      "click": _vm.close
-    }
-  }) : _vm._e(), _c("span", {
-    staticClass: "el-image-viewer__btn el-image-viewer__close",
-    on: {
-      "click": _vm.close
-    }
-  }, [_c("i", {
-    staticClass: "el-icon-circle-close"
-  })]), _vm.isRrrow ? _c("span", {
-    staticClass: "el-image-viewer__btn el-image-viewer__prev",
-    on: {
-      "click": function($event) {
-        return _vm.handlePrev();
-      }
-    }
-  }, [_c("i", {
-    staticClass: "el-icon-arrow-left"
-  })]) : _vm._e(), _vm.isRrrow ? _c("span", {
-    staticClass: "el-image-viewer__btn el-image-viewer__next",
-    on: {
-      "click": function($event) {
-        return _vm.handleNext();
-      }
-    }
-  }, [_c("i", {
-    staticClass: "el-icon-arrow-right"
-  })]) : _vm._e(), _c("div", {
-    ref: "box",
-    staticClass: "avue-image-preview__box"
-  }, [_c("ElCarousel", {
-    ref: "carousel",
-    attrs: {
-      "show-indicators": false,
-      "initial-index": _vm.index,
-      "initial-swipe": _vm.index,
-      "interval": 0,
-      "arrow": "never",
-      "indicator-position": "none"
-    },
-    on: {
-      "change": _vm.handleChange
-    }
-  }, _vm._l(_vm.datas, function(item, indexs) {
-    return _c("ElCarouselItem", {
-      key: indexs,
-      nativeOn: {
-        "click": function($event) {
-          if ($event.target !== $event.currentTarget)
-            return null;
-          _vm.ops.closeOnClickModal ? _vm.close() : "";
-        }
-      }
-    }, [_vm.isMediaType(item) ? _c(_vm.isMediaType(item), {
-      ref: "item",
-      refInFor: true,
-      tag: "Component",
-      style: [_vm.styleName, _vm.styleBoxName],
-      attrs: {
-        "id": `avue-image-preview__${indexs}`,
-        "src": item.url,
-        "controls": "controls",
-        "ondragstart": "return false"
-      },
-      on: {
-        "click": function($event) {
-          return _vm.handleClick(item, indexs);
-        },
-        "mousedown": _vm.move
-      }
-    }) : _c("div", {
-      staticClass: "avue-image-preview__file",
-      attrs: {
-        "id": `avue-image-preview__${indexs}`
-      },
-      on: {
-        "click": function($event) {
-          return _vm.handleClick(item, indexs, true);
-        }
-      }
-    }, [_c("span", [_c("i", {
-      staticClass: "el-icon-document"
-    }), _c("p", [_vm._v(_vm._s(item.name || _vm.getName(item.url)))])])])], 1);
-  }), 1)], 1), _c("div", {
-    staticClass: "el-image-viewer__btn el-image-viewer__actions"
-  }, [_c("div", {
-    staticClass: "el-image-viewer__actions__inner"
-  }, [_c("i", {
-    staticClass: "el-icon-zoom-out",
-    on: {
-      "click": _vm.subScale
-    }
-  }), _c("i", {
-    staticClass: "el-icon-zoom-in",
-    on: {
-      "click": _vm.addScale
-    }
-  }), _c("i", {
-    staticClass: "el-image-viewer__actions__divider"
-  }), _c("i", {
-    staticClass: "el-icon-printer",
-    on: {
-      "click": _vm.handlePrint
-    }
-  }), _c("i", {
-    staticClass: "el-image-viewer__actions__divider"
-  }), _c("i", {
-    staticClass: "el-icon-refresh-left",
-    on: {
-      "click": function($event) {
-        _vm.rotate = _vm.rotate - 90;
-      }
-    }
-  }), _c("i", {
-    staticClass: "el-icon-refresh-right",
-    on: {
-      "click": function($event) {
-        _vm.rotate = _vm.rotate + 90;
-      }
-    }
-  })])])]) : _vm._e();
-};
-var staticRenderFns = [];
-const ImagePreview_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "ImagePreview",
-  // imagePreview,
-  data() {
-    return {
-      left: 0,
-      top: 0,
-      scale: 1,
-      datas: [],
-      rotate: 0,
-      isShow: false,
-      index: 0,
-      ops: {}
-    };
-  },
-  computed: {
-    styleBoxName() {
-      return {
-        marginLeft: setPx(this.left),
-        marginTop: setPx(this.top)
-      };
-    },
-    styleName() {
-      return {
-        transform: `scale(${this.scale}) rotate(${this.rotate}deg)`,
-        maxWidth: "100%",
-        maxHeight: "100%"
-      };
-    },
-    isRrrow() {
-      return this.datas.length > 1;
-    }
-  },
-  methods: {
-    getName(url) {
-      return url.substring(url.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((ele) => {
-        ele.pause && ele.pause();
-      });
-    },
-    isMediaType(item) {
-      return isMediaType(item.url, item.type);
-    },
-    subScale() {
-      if (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 disX = e.clientX;
-      let disY = e.clientY;
-      const scale = 2;
-      document.onmousemove = (e2) => {
-        const left = e2.clientX - disX;
-        const top = e2.clientY - disY;
-        disX = e2.clientX;
-        disY = e2.clientY;
-        this.left = this.left + left * scale;
-        this.top = this.top + top * scale;
-      };
-      document.onmouseup = () => {
-        document.onmousemove = null;
-        document.onmouseup = null;
-      };
-    },
-    handleClick(item, index, df = false) {
-      if (typeof this.ops.click === "function") {
-        this.ops.click(item, index);
-      } else if (df) {
-        window.open(item.url);
-      }
-    },
-    close() {
-      this.isShow = false;
-      if (typeof this.ops.beforeClose === "function") {
-        this.ops.beforeClose(this.datas, this.index);
-      }
-      this.$destroy();
-      this.$el.remove();
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const ImagePreview = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  ImagePreview as default
-};

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

@@ -1,113 +0,0 @@
-import Viewer from "viewerjs";
-import "viewerjs/dist/viewer.css";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: !_vm.lazy,
-      expression: "!lazy"
-    }],
-    ref: "wrapper",
-    staticClass: "image-viewer"
-  }, [_vm._t("default", function() {
-    return _vm._l(_vm.images, function(item) {
-      return _c("img", {
-        key: item.src,
-        staticClass: "image-item",
-        style: {
-          backgroundImage: `url('${item.src}')`
-        },
-        attrs: {
-          "data-src": item.src,
-          "alt": item.alt
-        }
-      });
-    });
-  })], 2);
-};
-var staticRenderFns = [];
-const ImageViewer_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "ImageViewer",
-  props: {
-    images: Array,
-    url: {
-      type: String,
-      default: "data-src"
-    },
-    lazy: Boolean
-  },
-  mounted() {
-    if (!this.lazy) {
-      this.init({
-        container: this.$refs.wrapper,
-        options: {
-          navbar: false,
-          backdrop: "static",
-          url: this.url
-        }
-      });
-    }
-  },
-  updated() {
-    var _a;
-    if (!this.lazy) {
-      (_a = this.gallery) == null ? void 0 : _a.update();
-    }
-  },
-  beforeDestroy() {
-    if (!this.lazy) {
-      this.gallery.destroy();
-    }
-  },
-  methods: {
-    init({ container, options }) {
-      this.gallery = new Viewer(container, options);
-    },
-    show({ container, options, index } = {}) {
-      container = container || this.$refs.wrapper;
-      options = options || {
-        navbar: false,
-        backdrop: "static",
-        url: this.url,
-        loop: false,
-        initialViewIndex: index || 0,
-        hidden: () => {
-          this.gallery.destroy();
-          this.gallery = null;
-        }
-      };
-      if (!this.gallery) {
-        this.init({ container, options });
-        this.gallery.show();
-      }
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const ImageViewer = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  ImageViewer as default
-};

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

@@ -1,340 +0,0 @@
-import Focus from "element-ui/src/mixins/focus";
-import RepeatClick from "element-ui/src/directives/repeat-click";
-import { i as inputNumberMixin } from "../../chunks/input-number-mixin.44b78389.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    class: ["input-number", "el-input-number", _vm.inputNumberSize ? `el-input-number--${_vm.inputNumberSize}` : "", {
-      "is-disabled": _vm.inputNumberDisabled,
-      "is-without-controls": !_vm.controls,
-      "is-controls-right": _vm.controlsAtRight
-    }],
-    on: {
-      "dragstart": function($event) {
-        $event.preventDefault();
-      }
-    }
-  }, [_vm.controls ? _c("span", {
-    directives: [{
-      name: "repeat-click",
-      rawName: "v-repeat-click",
-      value: _vm.decrease,
-      expression: "decrease"
-    }],
-    staticClass: "el-input-number__decrease",
-    class: {
-      "is-disabled": _vm.minDisabled
-    },
-    attrs: {
-      "role": "button"
-    },
-    on: {
-      "keydown": function($event) {
-        if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter"))
-          return null;
-        return _vm.decrease.apply(null, arguments);
-      }
-    }
-  }, [_c("i", {
-    class: `el-icon-${_vm.controlsAtRight ? "arrow-down" : "minus"}`
-  })]) : _vm._e(), _vm.controls ? _c("span", {
-    directives: [{
-      name: "repeat-click",
-      rawName: "v-repeat-click",
-      value: _vm.increase,
-      expression: "increase"
-    }],
-    staticClass: "el-input-number__increase",
-    class: {
-      "is-disabled": _vm.maxDisabled
-    },
-    attrs: {
-      "role": "button"
-    },
-    on: {
-      "keydown": function($event) {
-        if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter"))
-          return null;
-        return _vm.increase.apply(null, arguments);
-      }
-    }
-  }, [_c("i", {
-    class: `el-icon-${_vm.controlsAtRight ? "arrow-up" : "plus"}`
-  })]) : _vm._e(), _c("ElInput", {
-    ref: "input",
-    attrs: {
-      "value": _vm.displayValue,
-      "placeholder": _vm.placeholder,
-      "disabled": _vm.inputNumberDisabled,
-      "size": _vm.inputNumberSize,
-      "max": _vm.max,
-      "prefix-icon": _vm.prefixIcon,
-      "suffix-icon": _vm.suffixIcon,
-      "min": _vm.min,
-      "name": _vm.name,
-      "label": _vm.label
-    },
-    on: {
-      "blur": _vm.handleBlur,
-      "focus": _vm.handleFocus,
-      "input": _vm.handleInput,
-      "change": _vm.handleInputChange
-    },
-    nativeOn: {
-      "keydown": [function($event) {
-        if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "up", 38, $event.key, ["Up", "ArrowUp"]))
-          return null;
-        $event.preventDefault();
-        return _vm.increase.apply(null, arguments);
-      }, function($event) {
-        if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "down", 40, $event.key, ["Down", "ArrowDown"]))
-          return null;
-        $event.preventDefault();
-        return _vm.decrease.apply(null, arguments);
-      }]
-    },
-    scopedSlots: _vm._u([{
-      key: "append",
-      fn: function() {
-        return [_vm._t("append")];
-      },
-      proxy: true
-    }, {
-      key: "prefix",
-      fn: function() {
-        return [_vm._t("prefix")];
-      },
-      proxy: true
-    }, {
-      key: "prepend",
-      fn: function() {
-        return [_vm._t("prepend")];
-      },
-      proxy: true
-    }, {
-      key: "suffix",
-      fn: function() {
-        return [_vm._t("suffix")];
-      },
-      proxy: true
-    }], null, true)
-  })], 1);
-};
-var staticRenderFns = [];
-const InputNumber_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "InputNumber",
-  directives: {
-    repeatClick: RepeatClick
-  },
-  mixins: [Focus("input"), inputNumberMixin],
-  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, step, getPrecision, precision } = this;
-      const stepPrecision = getPrecision(step);
-      if (precision !== void 0) {
-        if (stepPrecision > precision) {
-          console.warn("[Element Warn][InputNumber]precision should not be less than the decimal places of step");
-        }
-        return precision;
-      } else {
-        return Math.max(getPrecision(value), stepPrecision);
-      }
-    },
-    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 currentValue = this.currentValue;
-      if (typeof currentValue === "number") {
-        if (this.stepStrictly) {
-          const stepPrecision = this.getPrecision(this.step);
-          const precisionFactor = Math.pow(10, stepPrecision);
-          currentValue = Math.round(currentValue / this.step) * precisionFactor * this.step / precisionFactor;
-        }
-        if (this.precision !== void 0) {
-          currentValue = currentValue.toFixed(this.precision);
-        }
-      }
-      return currentValue;
-    }
-  },
-  watch: {
-    value: {
-      immediate: true,
-      handler(value) {
-        let newVal = value === void 0 ? value : Number(value);
-        if (newVal !== void 0) {
-          if (isNaN(newVal)) {
-            return;
-          }
-          if (this.stepStrictly) {
-            const stepPrecision = this.getPrecision(this.step);
-            const precisionFactor = Math.pow(10, stepPrecision);
-            newVal = Math.round(newVal / this.step) * precisionFactor * this.step / precisionFactor;
-          }
-          if (this.precision !== void 0) {
-            newVal = this.toPrecision(newVal, this.precision);
-          }
-        }
-        if (newVal >= this.max)
-          newVal = this.max;
-        if (newVal <= this.min)
-          newVal = this.min;
-        this.currentValue = newVal;
-        this.userInput = null;
-        this.$emit("input", newVal);
-      }
-    }
-  },
-  mounted() {
-    const innerInput = this.$refs.input.$refs.input;
-    innerInput.setAttribute("role", "spinbutton");
-    innerInput.setAttribute("aria-valuemax", this.max);
-    innerInput.setAttribute("aria-valuemin", this.min);
-    innerInput.setAttribute("aria-valuenow", this.currentValue);
-    innerInput.setAttribute("aria-disabled", this.inputNumberDisabled);
-  },
-  updated() {
-    if (!this.$refs || !this.$refs.input)
-      return;
-    const innerInput = this.$refs.input.$refs.input;
-    innerInput.setAttribute("aria-valuenow", this.currentValue);
-  },
-  methods: {
-    toPrecision(num, precision) {
-      if (precision === void 0)
-        precision = this.numPrecision;
-      return parseFloat(Math.round(num * Math.pow(10, precision)) / Math.pow(10, precision));
-    },
-    getPrecision(value) {
-      if (value === void 0)
-        return 0;
-      const valueString = value.toString();
-      const dotPosition = valueString.indexOf(".");
-      let precision = 0;
-      if (dotPosition !== -1) {
-        precision = valueString.length - dotPosition - 1;
-      }
-      return precision;
-    },
-    _increase(val, step) {
-      if (typeof val !== "number" && val !== void 0)
-        return this.currentValue;
-      const precisionFactor = Math.pow(10, this.numPrecision);
-      return this.toPrecision((precisionFactor * val + precisionFactor * step) / precisionFactor);
-    },
-    _decrease(val, step) {
-      if (typeof val !== "number" && val !== void 0)
-        return this.currentValue;
-      const precisionFactor = Math.pow(10, this.numPrecision);
-      return this.toPrecision((precisionFactor * val - precisionFactor * step) / precisionFactor);
-    },
-    increase() {
-      if (this.inputNumberDisabled || this.maxDisabled)
-        return;
-      const value = this.value || 0;
-      const newVal = this._increase(value, this.step);
-      this.setCurrentValue(newVal);
-    },
-    decrease() {
-      if (this.inputNumberDisabled || this.minDisabled)
-        return;
-      const value = this.value || 0;
-      const newVal = this._decrease(value, this.step);
-      this.setCurrentValue(newVal);
-    },
-    handleBlur(event) {
-      this.$emit("blur", event);
-    },
-    handleFocus(event) {
-      this.$emit("focus", event);
-    },
-    setCurrentValue(newVal) {
-      const oldVal = this.currentValue;
-      if (typeof newVal === "number" && this.precision !== void 0) {
-        newVal = this.toPrecision(newVal, this.precision);
-      }
-      if (newVal >= this.max)
-        newVal = this.max;
-      if (newVal <= this.min)
-        newVal = this.min;
-      if (oldVal === newVal)
-        return;
-      this.userInput = null;
-      this.$emit("input", newVal);
-      this.$emit("change", newVal, oldVal);
-      this.currentValue = newVal;
-    },
-    handleInput(value) {
-      this.userInput = value;
-    },
-    handleInputChange(value) {
-      const newVal = value === "" ? void 0 : Number(value);
-      if (!isNaN(newVal) || value === "") {
-        this.setCurrentValue(newVal);
-      }
-      this.userInput = null;
-    },
-    select() {
-      this.$refs.input.select();
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const InputNumber = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  InputNumber as default
-};