@web-utils/component 2.7.20 → 2.7.22

package/dist/components/swiper/index.js

@@ -1,46 +1,62 @@
-import { getEleWidth as a } from "@web-utils/core";
-import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var h = function() {
-  var t = this, e = t.$createElement, s = t._self._c || e;
-  return s("div", {
+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"
-  }, [s("ElButton", {
+  }, [_c("ElButton", {
     staticClass: "el-carousel__arrow el-carousel__arrow--left",
     attrs: {
-      disabled: t.reachedLeft,
+      disabled: _vm.reachedLeft,
       icon: "el-icon-arrow-left"
     },
     on: {
-      click: t.clickLeft
+      click: _vm.clickLeft
     }
-  }), s("div", {
+  }), _c("div", {
     ref: "swiperBox",
     staticClass: "egd-swiper-box",
     on: {
-      wheel: function(i) {
-        return i.stopPropagation(), i.preventDefault(), t.onMouseWheel.apply(null, arguments);
+      wheel: function($event) {
+        return $event.stopPropagation(), $event.preventDefault(), _vm.onMouseWheel.apply(null, arguments);
       }
     }
-  }, [s("div", {
+  }, [_c("div", {
     ref: "swiperContent",
     staticClass: "egd-swiper-content",
-    style: t.swiperContentStyle
-  }, [t._t("default")], 2)]), s("ElButton", {
+    style: _vm.swiperContentStyle
+  }, [_vm._t("default")], 2)]), _c("ElButton", {
     staticClass: "el-carousel__arrow el-carousel__arrow--right",
     attrs: {
-      disabled: t.reachedRight,
+      disabled: _vm.reachedRight,
       icon: "el-icon-arrow-right"
     },
     on: {
-      click: t.clickRight
+      click: _vm.clickRight
     }
-  }), s("ResizeObserver", {
+  }), _c("ResizeObserver", {
     on: {
-      notify: t.resize
+      notify: _vm.resize
     }
   })], 1);
-}, l = [];
-const d = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "Swiper",
   data() {
     return {
@@ -57,102 +73,106 @@ const d = {
       }
     };
   },
-  async mounted() {
-    await this.layout();
+  mounted() {
+    return __async(this, null, function* () {
+      yield this.layout();
+    });
   },
   updated() {
     this.computeContentWidth();
   },
   methods: {
-    async layout() {
-      await this.$nextTick(), this.computeContentWidth(), this.resize();
+    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 t = 0;
-      const e = [], { children: s } = this.$refs.swiperContent;
-      Array.prototype.forEach.call(s, (i) => {
-        const n = a(i);
-        t += n, e.push(n);
-      }), this.childrenWidth = e, this.swiperContentWidth = t;
+      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(t) {
-      this.swiperContentStyle.transitionDuration = t ? "300ms" : "0ms";
+    updateDuration(use) {
+      this.swiperContentStyle.transitionDuration = use ? "300ms" : "0ms";
     },
-    setTranslateX(t) {
-      this.swiperContentWidth <= this.swiperBoxWith || (t > 0 ? (this.translateX = 0, this.reachedLeft = !0, this.reachedRight = !1) : t - this.swiperBoxWith < -this.swiperContentWidth ? (this.translateX = -this.swiperContentWidth + this.swiperBoxWith, this.reachedLeft = !1, this.reachedRight = !0) : (this.translateX = t, this.reachedLeft = !1, this.reachedRight = !1), this.swiperContentStyle.transform = `translate3d(${this.translateX}px, 0px, 0px)`);
+    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 t = this.translateX + this.swiperBoxWith, e = t;
-      if (t < 0) {
-        e = 0, t = -t;
-        for (let s = 0, i = this.childrenWidth.length; s < i && (e += this.childrenWidth[s], !(e >= t)); s++)
+      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++)
           ;
-        e = -e;
+        width = -width;
       }
-      this.setTranslateX(e);
+      this.setTranslateX(width);
     },
     clickRight() {
       this.updateDuration(!0);
-      const t = Math.abs(this.translateX - this.swiperBoxWith);
-      let e = 0;
-      for (let s = 0, i = this.childrenWidth.length; s < i; s++)
-        if (e += this.childrenWidth[s], e >= t) {
-          e > t && (e -= this.childrenWidth[s]);
+      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(-e);
+      this.setTranslateX(-width);
     },
-    onMouseWheel(t) {
-      this.updateDuration(!0), t.deltaMode === WheelEvent.DOM_DELTA_LINE ? this.setTranslateX(this.translateX - t.deltaY * 30) : t.deltaMode === WheelEvent.DOM_DELTA_PAGE ? t.deltaY > 0 ? this.clickRight() : this.clickLeft() : this.setTranslateX(this.translateX - t.deltaY);
+    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(t) {
-      this.mouseDown = !0, this.startX = t.clientX, this.translateXRaw = this.translateX, window.addEventListener("mousemove", this.onMouseMove, { passive: !1 }), window.addEventListener("mouseup", this.onMouseUp, { passive: !1 });
+    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(t) {
+    onMouseUp(e) {
       this.mouseDown = !1, this.updateDuration(!0), this.$refs.swiperContent.addEventListener("transitionend", this.transitionend), this.$refs.swiperContent.addEventListener("webkitTransitionEnd", this.transitionend);
-      const e = t.clientX - this.startX;
-      if (e < 0) {
-        const s = this.translateX + e;
-        this.setTranslateX(s);
+      const t = e.clientX - this.startX;
+      if (t < 0) {
+        const translateX = this.translateX + t;
+        this.setTranslateX(translateX);
       }
-      if (e > 0) {
-        const s = this.translateX + e;
-        this.setTranslateX(s);
+      if (t > 0) {
+        const translateX = this.translateX + t;
+        this.setTranslateX(translateX);
       }
       window.removeEventListener("mousemove", this.onMouseMove), window.removeEventListener("mouseup", this.onMouseUp);
     },
-    onMouseMove(t) {
+    onMouseMove(e) {
       this.mouseDown && requestAnimationFrame(() => {
-        const e = t.clientX - this.startX, s = this.translateXRaw + e;
-        this.setTranslateX(s);
+        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);
     }
   }
-}, r = {};
-var c = /* @__PURE__ */ o(
-  d,
-  h,
-  l,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  u,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function u(t) {
-  for (let e in r)
-    this[e] = r[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const w = /* @__PURE__ */ function() {
-  return c.exports;
+const Swiper = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  w as default
+  Swiper as default
 };

package/dist/components/tab/index.js

@@ -1,31 +1,31 @@
-import { p as a } from "../../chunks/tab-mixin.8c0142e0.js";
-import { n as s } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var o = function() {
-  var t = this, r = t.$createElement, e = t._self._c || r;
-  return e("div", {
+import { p as parentMixin } from "../../chunks/tab-mixin.9d568df9.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: "vux-tab-wrap",
-    class: t.barPosition === "top" ? "vux-tab-bar-top" : ""
-  }, [e("div", {
+    class: _vm.barPosition === "top" ? "vux-tab-bar-top" : ""
+  }, [_c("div", {
     staticClass: "vux-tab-container"
-  }, [e("div", {
+  }, [_c("div", {
     ref: "nav",
     staticClass: "vux-tab",
     class: [{
-      "vux-tab-no-animate": !t.animate,
-      scrollable: t.scrollable
+      "vux-tab-no-animate": !_vm.animate,
+      scrollable: _vm.scrollable
     }]
-  }, [t._t("default"), t.animate ? e("div", {
+  }, [_vm._t("default"), _vm.animate ? _c("div", {
     staticClass: "vux-tab-ink-bar",
-    class: t.barClass,
-    style: t.barStyle
-  }, [t.customBarWidth ? e("span", {
+    class: _vm.barClass,
+    style: _vm.barStyle
+  }, [_vm.customBarWidth ? _c("span", {
     staticClass: "vux-tab-bar-inner",
-    style: t.innerBarStyle
-  }) : t._e()]) : t._e()], 2)])]);
-}, l = [];
-const c = {
+    style: _vm.innerBarStyle
+  }) : _vm._e()]) : _vm._e()], 2)])]);
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "Tab",
-  mixins: [a],
+  mixins: [parentMixin],
   props: {
     lineWidth: {
       type: Number,
@@ -45,8 +45,8 @@ const c = {
     barPosition: {
       type: String,
       default: "bottom",
-      validator(t) {
-        return ["bottom", "top"].indexOf(t) !== -1;
+      validator(val) {
+        return ["bottom", "top"].indexOf(val) !== -1;
       }
     }
   },
@@ -59,15 +59,15 @@ const c = {
   computed: {
     barLeft() {
       if (this.hasReady) {
-        const t = this.scrollable ? window.innerWidth / this.$children[this.currentIndex || 0].$el.getBoundingClientRect().width : this.number;
-        return `${this.currentIndex * (100 / t)}%`;
+        const count = this.scrollable ? window.innerWidth / this.$children[this.currentIndex || 0].$el.getBoundingClientRect().width : this.number;
+        return `${this.currentIndex * (100 / count)}%`;
       }
       return null;
     },
     barRight() {
       if (this.hasReady) {
-        const t = this.scrollable ? window.innerWidth / this.$children[this.currentIndex || 0].$el.getBoundingClientRect().width : this.number;
-        return `${(t - this.currentIndex - 1) * (100 / t)}%`;
+        const count = this.scrollable ? window.innerWidth / this.$children[this.currentIndex || 0].$el.getBoundingClientRect().width : this.number;
+        return `${(count - this.currentIndex - 1) * (100 / count)}%`;
       }
       return null;
     },
@@ -80,14 +80,14 @@ const c = {
     },
     // end
     barStyle() {
-      const t = {
+      const commonStyle = {
         left: this.barLeft,
         right: this.barRight,
         display: "block",
         height: `${this.lineWidth}px`,
         transition: this.hasReady ? null : "none"
       };
-      return this.customBarWidth ? t.backgroundColor = "transparent" : t.backgroundColor = this.barActiveColor || this.activeColor, t;
+      return this.customBarWidth ? commonStyle.backgroundColor = "transparent" : commonStyle.backgroundColor = this.barActiveColor || this.activeColor, commonStyle;
     },
     barClass() {
       return {
@@ -100,8 +100,8 @@ const c = {
     }
   },
   watch: {
-    currentIndex(t, r) {
-      this.direction = t > r ? "forward" : "backward", this.$emit("on-index-change", t, r), this.hasReady && this.scrollToActiveTab();
+    currentIndex(newIndex, oldIndex) {
+      this.direction = newIndex > oldIndex ? "forward" : "backward", this.$emit("on-index-change", newIndex, oldIndex), this.hasReady && this.scrollToActiveTab();
     }
   },
   mounted() {
@@ -115,33 +115,33 @@ const c = {
     scrollToActiveTab() {
       if (!this.scrollable || !this.$children || !this.$children.length)
         return;
-      const t = this.$children[this.currentIndex].$el;
-      let r = 0;
-      const e = () => {
-        const i = this.$refs.nav;
-        i.scrollLeft += (t.offsetLeft - (i.offsetWidth - t.offsetWidth) / 2 - i.scrollLeft) / 15, ++r < 15 && window.requestAnimationFrame(e);
+      const currentIndexTab = this.$children[this.currentIndex].$el;
+      let count = 0;
+      const step = () => {
+        const nav = this.$refs.nav;
+        nav.scrollLeft += (currentIndexTab.offsetLeft - (nav.offsetWidth - currentIndexTab.offsetWidth) / 2 - nav.scrollLeft) / 15, ++count < 15 && window.requestAnimationFrame(step);
       };
-      window.requestAnimationFrame(e);
+      window.requestAnimationFrame(step);
     }
   }
-}, n = {};
-var h = /* @__PURE__ */ s(
-  c,
-  o,
-  l,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  u,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function u(t) {
-  for (let r in n)
-    this[r] = n[r];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const m = /* @__PURE__ */ function() {
-  return h.exports;
+const Tab = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  m as default
+  Tab as default
 };

package/dist/components/tab-item/index.js

@@ -1,28 +1,28 @@
-import { c as n } from "../../chunks/tab-mixin.8c0142e0.js";
-import { n as l } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var o = function() {
-  var e = this, t = e.$createElement, a = e._self._c || t;
-  return a("div", {
+import { c as childMixin } from "../../chunks/tab-mixin.9d568df9.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: "vux-tab-item",
-    class: [e.currentSelected ? e.activeClass : "", {
-      "vux-tab-selected": e.currentSelected,
-      "vux-tab-disabled": e.disabled
+    class: [_vm.currentSelected ? _vm.activeClass : "", {
+      "vux-tab-selected": _vm.currentSelected,
+      "vux-tab-disabled": _vm.disabled
     }],
-    style: e.style,
+    style: _vm.style,
     on: {
-      click: e.onItemClick
+      click: _vm.onItemClick
     }
-  }, [e._t("default"), typeof e.badgeLabel < "u" && e.badgeLabel !== "" ? a("span", {
+  }, [_vm._t("default"), typeof _vm.badgeLabel != "undefined" && _vm.badgeLabel !== "" ? _c("span", {
     staticClass: "vux-tab-item-badge",
     style: {
-      background: e.badgeBackground,
-      color: e.badgeColor
+      background: _vm.badgeBackground,
+      color: _vm.badgeColor
     }
-  }, [e._v(" " + e._s(e.badgeLabel) + " ")]) : e._e()], 2);
-}, s = [];
-const i = {
+  }, [_vm._v(" " + _vm._s(_vm.badgeLabel) + " ")]) : _vm._e()], 2);
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "TabItem",
-  mixins: [n],
+  mixins: [childMixin],
   props: {
     activeClass: {
       type: String
@@ -50,24 +50,24 @@ const i = {
       };
     }
   }
-}, r = {};
-var d = /* @__PURE__ */ l(
-  i,
-  o,
-  s,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  c,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function c(e) {
-  for (let t in r)
-    this[t] = r[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const p = /* @__PURE__ */ function() {
-  return d.exports;
+const TabItem = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  p as default
+  TabItem as default
 };

package/dist/components/table-column/index.js

@@ -1,5 +1,17 @@
-import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-const i = {
+var __defProp = Object.defineProperty, __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty, __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp.call(b, prop) && __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b))
+      __propIsEnum.call(b, prop) && __defNormalProp(a, prop, b[prop]);
+  return a;
+}, __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+const tableColumnProps = {
   props: {
     type: {
       type: String,
@@ -49,44 +61,42 @@ const i = {
       default() {
         return ["ascending", "descending", null];
       },
-      validator(n) {
-        return n.every((e) => ["ascending", "descending", null].indexOf(e) > -1);
+      validator(val) {
+        return val.every((order) => ["ascending", "descending", null].indexOf(order) > -1);
       }
     }
   }
-}, a = {
+}, __vue2_script = {
   name: "TableColumn",
   functional: !0,
-  mixins: [i],
-  render(n, { data: e, props: t, children: r }) {
-    return n("ElTableColumn", {
-      ...e,
-      props: {
-        ...t,
-        showOverflowTooltip: ["selection", "single-selection", "index", "expand"].includes(t.type) ? !1 : t.showOverflowTooltip
-      }
-    }, r);
+  mixins: [tableColumnProps],
+  render(createElement, { data, props, children }) {
+    return createElement("ElTableColumn", __spreadProps(__spreadValues({}, data), {
+      props: __spreadProps(__spreadValues({}, props), {
+        showOverflowTooltip: ["selection", "single-selection", "index", "expand"].includes(props.type) ? !1 : props.showOverflowTooltip
+      })
+    }), children);
   }
 };
-let s, u;
-const l = {};
-var d = /* @__PURE__ */ o(
-  a,
-  s,
-  u,
+let __vue2_render, __vue2_staticRenderFns;
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  __vue2_render,
+  __vue2_staticRenderFns,
   !1,
-  c,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function c(n) {
-  for (let e in l)
-    this[e] = l[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const p = /* @__PURE__ */ function() {
-  return d.exports;
+const TableColumn = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  p as default
+  TableColumn as default
 };