@web-utils/component 2.7.30 → 2.7.32

package/dist/components/resize-observer/index.js

@@ -1,62 +0,0 @@
-import { j as getInternetExplorerVersion } from "../../chunks/utils.d7f73f8d.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
-var render = function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "resize-observer",
-    attrs: {
-      tabindex: "-1"
-    }
-  });
-}, staticRenderFns = [];
-let isIE;
-function initCompat() {
-  initCompat.init || (initCompat.init = !0, isIE = getInternetExplorerVersion() !== -1);
-}
-const __vue2_script = {
-  name: "ResizeObserver",
-  mounted() {
-    initCompat(), this.$nextTick(() => {
-      this._w = this.$el.offsetWidth, this._h = this.$el.offsetHeight;
-    });
-    const object = document.createElement("object");
-    this._resizeObject = object, object.setAttribute("aria-hidden", "true"), object.setAttribute("tabindex", -1), object.onload = this.addResizeHandlers, object.type = "text/html", isIE && this.$el.appendChild(object), object.data = "about:blank", isIE || this.$el.appendChild(object);
-  },
-  beforeDestroy() {
-    this.removeResizeHandlers();
-  },
-  methods: {
-    compareAndNotify() {
-      (this._w !== this.$el.offsetWidth || this._h !== this.$el.offsetHeight) && (this._w = this.$el.offsetWidth, this._h = this.$el.offsetHeight, this.$emit("notify", {
-        width: this._w,
-        height: this._h
-      }));
-    },
-    addResizeHandlers() {
-      this._resizeObject.contentDocument.defaultView.addEventListener("resize", this.compareAndNotify), this.compareAndNotify();
-    },
-    removeResizeHandlers() {
-      this._resizeObject && this._resizeObject.onload && (!isIE && this._resizeObject.contentDocument && this._resizeObject.contentDocument.defaultView.removeEventListener("resize", this.compareAndNotify), this.$el.removeChild(this._resizeObject), this._resizeObject.onload = null, this._resizeObject = null);
-    }
-  }
-}, __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  !1,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
-    this[o] = __cssModules[o];
-}
-const ResizeObserver = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  ResizeObserver as default
-};

package/dist/components/sign/index.js

@@ -1,133 +0,0 @@
-import { s as setPx } from "../../chunks/util.89913643.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
-var render = function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "avue-sige"
-  }, [_c("canvas", {
-    ref: "canvas",
-    staticClass: "avue-sige__canvas",
-    attrs: {
-      width: _vm.width,
-      height: _vm.height
-    }
-  })]);
-}, staticRenderFns = [];
-function create5star(context, sx, sy, radius, color, rotato) {
-  context.save(), context.fillStyle = color, context.translate(sx, sy), context.rotate(Math.PI + rotato), context.beginPath();
-  var x = Math.sin(0), y = Math.cos(0);
-  const dig = Math.PI / 5 * 4;
-  for (let i = 0; i < 5; i++) {
-    var x = Math.sin(i * dig), y = Math.cos(i * dig);
-    context.lineTo(x * radius, y * radius);
-  }
-  context.closePath(), context.stroke(), context.fill(), context.restore();
-}
-const __vue2_script = {
-  name: "Sign",
-  props: {
-    width: {
-      type: Number,
-      default: 600
-    },
-    height: {
-      type: Number,
-      default: 400
-    }
-  },
-  data() {
-    return {
-      disabled: !1,
-      linex: [],
-      liney: [],
-      linen: [],
-      canvas: {},
-      context: {}
-    };
-  },
-  computed: {
-    styleName() {
-      return {
-        width: setPx(this.width),
-        height: setPx(this.height)
-      };
-    }
-  },
-  mounted() {
-    this.init();
-  },
-  methods: {
-    getStar(text, text1, text2) {
-      const canvas = this.canvas, context = this.context, width = canvas.width / 2, height = canvas.height / 2;
-      context.lineWidth = 7, context.strokeStyle = "#f00", context.beginPath(), context.arc(width, height, 110, 0, Math.PI * 2), context.stroke(), create5star(context, width, height, 20, "#f00", 0), context.font = "18px 黑体", context.textBaseline = "middle", context.textAlign = "center", context.lineWidth = 1, context.strokeStyle = "#f00", context.strokeText(text, width, height + 50), context.font = "14px 黑体", context.textBaseline = "middle", context.textAlign = "center", context.lineWidth = 1, context.strokeStyle = "#f00", context.strokeText(text2, width, height + 80), context.translate(width, height), context.font = "22px 黑体";
-      const count = text1.length, angle = 4 * Math.PI / (3 * (count - 1)), chars = text1.split("");
-      let c;
-      for (let i = 0; i < count; i++)
-        c = chars[i], i == 0 ? context.rotate(5 * Math.PI / 6) : context.rotate(angle), context.save(), context.translate(90, 0), context.rotate(Math.PI / 2), context.strokeText(c, 0, 0), context.restore(), context.save();
-      this.disabled = !0;
-    },
-    submit(width, height) {
-      return width || (width = this.width), height || (height = this.height), this.canvas.toDataURL("i/png");
-    },
-    clear() {
-      this.linex = [], this.liney = [], this.linen = [], this.disabled = !1;
-    },
-    init() {
-      this.canvas = this.$refs.canvas;
-      const canvas = this.canvas, _safe = this;
-      typeof document.ontouchstart != "undefined" ? (canvas.addEventListener("touchmove", onMouseMove, !1), canvas.addEventListener("touchstart", onMouseDown, !1), canvas.addEventListener("touchend", onMouseUp, !1)) : (canvas.addEventListener("mousemove", onMouseMove, !1), canvas.addEventListener("mousedown", onMouseDown, !1), canvas.addEventListener("mouseup", onMouseUp, !1), canvas.addEventListener("mouseleave", onMouseUp, !1)), this.context = canvas.getContext("2d");
-      const context = this.context;
-      this.linex = [], this.liney = [], this.linen = [];
-      let lastX = 1, lastY = 30, flag = 0;
-      function getCanvasPos(canvas2, evt) {
-        const rect = canvas2.getBoundingClientRect();
-        let x, y;
-        return evt.targetTouches ? (x = evt.targetTouches[0].clientX, y = evt.targetTouches[0].clientY) : (x = evt.clientX, y = evt.clientY), {
-          x: (x - rect.left) * (canvas2.width / rect.width),
-          y: (y - rect.top) * (canvas2.height / rect.height)
-        };
-      }
-      function onMouseMove(evt) {
-        if (_safe.disabled)
-          return;
-        const x = getCanvasPos(canvas, evt).x, y = getCanvasPos(canvas, evt).y;
-        if (flag === 1) {
-          _safe.linex.push(x), _safe.liney.push(y), _safe.linen.push(1), context.save(), context.translate(context.canvas.width / 2, context.canvas.height / 2), context.translate(-context.canvas.width / 2, -context.canvas.height / 2), context.beginPath(), context.lineWidth = 2;
-          for (let i = 1; i < _safe.linex.length; i++)
-            lastX = _safe.linex[i], lastY = _safe.liney[i], _safe.linen[i] === 0 ? context.moveTo(lastX, lastY) : context.lineTo(lastX, lastY);
-          context.shadowBlur = 10, context.stroke(), context.restore();
-        }
-        evt.preventDefault();
-      }
-      function onMouseDown(evt) {
-        if (_safe.disabled)
-          return;
-        const x = getCanvasPos(canvas, evt).x, y = getCanvasPos(canvas, evt).y;
-        flag = 1, _safe.linex.push(x), _safe.liney.push(y), _safe.linen.push(0);
-      }
-      function onMouseUp() {
-        _safe.disabled || (flag = 0);
-      }
-    }
-  }
-}, __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  !1,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
-    this[o] = __cssModules[o];
-}
-const Sign = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  Sign as default
-};

package/dist/components/swiper/index.js

@@ -1,178 +0,0 @@
-var __async = (__this, __arguments, generator) => new Promise((resolve, reject) => {
-  var fulfilled = (value) => {
-    try {
-      step(generator.next(value));
-    } catch (e) {
-      reject(e);
-    }
-  }, rejected = (value) => {
-    try {
-      step(generator.throw(value));
-    } catch (e) {
-      reject(e);
-    }
-  }, step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-  step((generator = generator.apply(__this, __arguments)).next());
-});
-import { getEleWidth } from "@web-utils/core";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
-var render = function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "egd-swiper"
-  }, [_c("ElButton", {
-    staticClass: "el-carousel__arrow el-carousel__arrow--left",
-    attrs: {
-      disabled: _vm.reachedLeft,
-      icon: "el-icon-arrow-left"
-    },
-    on: {
-      click: _vm.clickLeft
-    }
-  }), _c("div", {
-    ref: "swiperBox",
-    staticClass: "egd-swiper-box",
-    on: {
-      wheel: function($event) {
-        return $event.stopPropagation(), $event.preventDefault(), _vm.onMouseWheel.apply(null, arguments);
-      }
-    }
-  }, [_c("div", {
-    ref: "swiperContent",
-    staticClass: "egd-swiper-content",
-    style: _vm.swiperContentStyle
-  }, [_vm._t("default")], 2)]), _c("ElButton", {
-    staticClass: "el-carousel__arrow el-carousel__arrow--right",
-    attrs: {
-      disabled: _vm.reachedRight,
-      icon: "el-icon-arrow-right"
-    },
-    on: {
-      click: _vm.clickRight
-    }
-  }), _c("ResizeObserver", {
-    on: {
-      notify: _vm.resize
-    }
-  })], 1);
-}, staticRenderFns = [];
-const __vue2_script = {
-  name: "Swiper",
-  data() {
-    return {
-      mouseDown: !1,
-      swiperBoxWith: 0,
-      swiperContentWidth: 0,
-      translateX: 0,
-      reachedLeft: !0,
-      reachedRight: !1,
-      childrenWidth: [],
-      swiperContentStyle: {
-        transitionDuration: "0ms",
-        transform: "translate3d(0px, 0px, 0px)"
-      }
-    };
-  },
-  mounted() {
-    return __async(this, null, function* () {
-      yield this.layout();
-    });
-  },
-  updated() {
-    this.computeContentWidth();
-  },
-  methods: {
-    layout() {
-      return __async(this, null, function* () {
-        yield this.$nextTick(), this.computeContentWidth(), this.resize();
-      });
-    },
-    resize() {
-      console.log(1), this.swiperBoxWith = this.$refs.swiperBox.offsetWidth;
-    },
-    computeContentWidth() {
-      let width = 0;
-      const childrenWidth = [], { children } = this.$refs.swiperContent;
-      Array.prototype.forEach.call(children, (el) => {
-        const cw = getEleWidth(el);
-        width += cw, childrenWidth.push(cw);
-      }), this.childrenWidth = childrenWidth, this.swiperContentWidth = width;
-    },
-    updateDuration(use) {
-      this.swiperContentStyle.transitionDuration = use ? "300ms" : "0ms";
-    },
-    setTranslateX(translateX) {
-      this.swiperContentWidth <= this.swiperBoxWith || (translateX > 0 ? (this.translateX = 0, this.reachedLeft = !0, this.reachedRight = !1) : translateX - this.swiperBoxWith < -this.swiperContentWidth ? (this.translateX = -this.swiperContentWidth + this.swiperBoxWith, this.reachedLeft = !1, this.reachedRight = !0) : (this.translateX = translateX, this.reachedLeft = !1, this.reachedRight = !1), this.swiperContentStyle.transform = `translate3d(${this.translateX}px, 0px, 0px)`);
-    },
-    clickLeft() {
-      this.updateDuration(!0);
-      let translateX = this.translateX + this.swiperBoxWith, width = translateX;
-      if (translateX < 0) {
-        width = 0, translateX = -translateX;
-        for (let i = 0, len = this.childrenWidth.length; i < len && (width += this.childrenWidth[i], !(width >= translateX)); i++)
-          ;
-        width = -width;
-      }
-      this.setTranslateX(width);
-    },
-    clickRight() {
-      this.updateDuration(!0);
-      const translateX = Math.abs(this.translateX - this.swiperBoxWith);
-      let width = 0;
-      for (let i = 0, len = this.childrenWidth.length; i < len; i++)
-        if (width += this.childrenWidth[i], width >= translateX) {
-          width > translateX && (width -= this.childrenWidth[i]);
-          break;
-        }
-      this.setTranslateX(-width);
-    },
-    onMouseWheel(e) {
-      this.updateDuration(!0), e.deltaMode === WheelEvent.DOM_DELTA_LINE ? this.setTranslateX(this.translateX - e.deltaY * 30) : e.deltaMode === WheelEvent.DOM_DELTA_PAGE ? e.deltaY > 0 ? this.clickRight() : this.clickLeft() : this.setTranslateX(this.translateX - e.deltaY);
-    },
-    onMouseDown(e) {
-      this.mouseDown = !0, this.startX = e.clientX, this.translateXRaw = this.translateX, window.addEventListener("mousemove", this.onMouseMove, { passive: !1 }), window.addEventListener("mouseup", this.onMouseUp, { passive: !1 });
-    },
-    onMouseUp(e) {
-      this.mouseDown = !1, this.updateDuration(!0), this.$refs.swiperContent.addEventListener("transitionend", this.transitionend), this.$refs.swiperContent.addEventListener("webkitTransitionEnd", this.transitionend);
-      const t = e.clientX - this.startX;
-      if (t < 0) {
-        const translateX = this.translateX + t;
-        this.setTranslateX(translateX);
-      }
-      if (t > 0) {
-        const translateX = this.translateX + t;
-        this.setTranslateX(translateX);
-      }
-      window.removeEventListener("mousemove", this.onMouseMove), window.removeEventListener("mouseup", this.onMouseUp);
-    },
-    onMouseMove(e) {
-      this.mouseDown && requestAnimationFrame(() => {
-        const disX = e.clientX - this.startX, translateX = this.translateXRaw + disX;
-        this.setTranslateX(translateX);
-      });
-    },
-    transitionend() {
-      this.updateDuration(!1), this.$refs.swiperContent.removeEventListener("transitionend", this.transitionend), this.$refs.swiperContent.removeEventListener("webkitTransitionEnd", this.transitionend);
-    }
-  }
-}, __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  !1,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
-    this[o] = __cssModules[o];
-}
-const Swiper = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  Swiper as default
-};