@web-utils/component 3.0.6 → 3.1.0

package/static-pageable-table/index.mjs

@@ -1,33 +1,6 @@
-import { chunk as n } from "@web-utils/integrations/lodash";
-import { n as i } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var o = function() {
-  var e = this, t = e.$createElement, a = e._self._c || t;
-  return a("div", {
-    staticClass: "static-pageable-table"
-  }, [a("ElTable", e._g(e._b({
-    attrs: {
-      size: "mini",
-      data: e.records
-    }
-  }, "ElTable", e.$attrs, !1), e.$listeners), [e._t("default", function() {
-    return [e._v("请添加表格列")];
-  })], 2), a("ElPagination", {
-    attrs: {
-      "current-page": e.page.page,
-      "hide-on-single-page": !0,
-      "page-size": e.page.limit,
-      total: e.page.total,
-      background: "",
-      layout: "total, prev, pager, next"
-    },
-    on: {
-      "current-change": function(s) {
-        e.page.page = s;
-      }
-    }
-  })], 1);
-}, l = [];
-const c = {
+import { chunk as r } from "@web-utils/integrations/lodash";
+import { n as s } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+const l = {
   name: "StaticPageableTable",
   props: {
     rows: {
@@ -66,27 +39,28 @@ const c = {
   },
   methods: {
     fetchData() {
-      this.records = n(this.rows, this.page.limit)[this.page.page - 1];
+      this.records = r(this.rows, this.page.limit)[this.page.page - 1];
     }
   }
-}, r = {};
-var p = /* @__PURE__ */ i(
-  c,
-  o,
+};
+var n = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "static-pageable-table" }, [t("ElTable", e._g(e._b({ attrs: { size: "mini", data: e.records } }, "ElTable", e.$attrs, !1), e.$listeners), [e._t("default", function() {
+    return [e._v("请添加表格列")];
+  })], 2), t("ElPagination", { attrs: { "current-page": e.page.page, "hide-on-single-page": !0, "page-size": e.page.limit, total: e.page.total, background: "", layout: "total, prev, pager, next" }, on: { "current-change": (a) => {
+    e.page.page = a;
+  } } })], 1);
+}, i = [], o = /* @__PURE__ */ s(
   l,
+  n,
+  i,
   !1,
-  g,
+  null,
   null,
   null,
   null
 );
-function g(e) {
-  for (let t in r)
-    this[t] = r[t];
-}
-const h = /* @__PURE__ */ function() {
-  return p.exports;
-}();
+const _ = o.exports;
 export {
-  h as default
+  _ as default
 };

package/swiper/index.mjs

@@ -1,67 +1,27 @@
-var h = (t, e, s) => new Promise((i, r) => {
-  var d = (n) => {
+var h = (e, t, s) => new Promise((i, r) => {
+  var l = (n) => {
     try {
       a(s.next(n));
     } catch (o) {
       r(o);
     }
-  }, c = (n) => {
+  }, d = (n) => {
     try {
       a(s.throw(n));
     } catch (o) {
       r(o);
     }
-  }, a = (n) => n.done ? i(n.value) : Promise.resolve(n.value).then(d, c);
-  a((s = s.apply(t, e)).next());
+  }, a = (n) => n.done ? i(n.value) : Promise.resolve(n.value).then(l, d);
+  a((s = s.apply(e, t)).next());
 });
-import { getEleWidth as u } from "@web-utils/core";
-import p from "@web-utils/component/resize-observer";
+import { getEleWidth as c } from "@web-utils/core";
+import u from "@web-utils/component/resize-observer";
 import "@web-utils/component/resize-observer/style.css";
-import { n as f } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var w = function() {
-  var t = this, e = t.$createElement, s = t._self._c || e;
-  return s("div", {
-    staticClass: "egd-swiper"
-  }, [s("ElButton", {
-    staticClass: "el-carousel__arrow el-carousel__arrow--left",
-    attrs: {
-      disabled: t.reachedLeft,
-      icon: "el-icon-arrow-left"
-    },
-    on: {
-      click: t.clickLeft
-    }
-  }), s("div", {
-    ref: "swiperBox",
-    staticClass: "egd-swiper-box",
-    on: {
-      wheel: function(i) {
-        return i.stopPropagation(), i.preventDefault(), t.onMouseWheel.apply(null, arguments);
-      }
-    }
-  }, [s("div", {
-    ref: "swiperContent",
-    staticClass: "egd-swiper-content",
-    style: t.swiperContentStyle
-  }, [t._t("default")], 2)]), s("ElButton", {
-    staticClass: "el-carousel__arrow el-carousel__arrow--right",
-    attrs: {
-      disabled: t.reachedRight,
-      icon: "el-icon-arrow-right"
-    },
-    on: {
-      click: t.clickRight
-    }
-  }), s("ResizeObserver", {
-    on: {
-      notify: t.resize
-    }
-  })], 1);
-}, m = [];
-const v = {
+import { n as p } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+const f = {
   name: "Swiper",
   components: {
-    ResizeObserver: p
+    ResizeObserver: u
   },
   data() {
     return {
@@ -96,63 +56,63 @@ const v = {
       this.swiperBoxWith = this.$refs.swiperBox.offsetWidth;
     },
     computeContentWidth() {
-      let t = 0;
-      const e = [], { children: s } = this.$refs.swiperContent;
+      let e = 0;
+      const t = [], { children: s } = this.$refs.swiperContent;
       Array.prototype.forEach.call(s, (i) => {
-        const r = u(i);
-        t += r, e.push(r);
-      }), this.childrenWidth = e, this.swiperContentWidth = t;
+        const r = c(i);
+        e += r, t.push(r);
+      }), this.childrenWidth = t, this.swiperContentWidth = e;
     },
-    updateDuration(t) {
-      this.swiperContentStyle.transitionDuration = t ? "300ms" : "0ms";
+    updateDuration(e) {
+      this.swiperContentStyle.transitionDuration = e ? "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(e) {
+      this.swiperContentWidth <= this.swiperBoxWith || (e > 0 ? (this.translateX = 0, this.reachedLeft = !0, this.reachedRight = !1) : e - this.swiperBoxWith < -this.swiperContentWidth ? (this.translateX = -this.swiperContentWidth + this.swiperBoxWith, this.reachedLeft = !1, this.reachedRight = !0) : (this.translateX = e, 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 e = this.translateX + this.swiperBoxWith, t = e;
+      if (e < 0) {
+        t = 0, e = -e;
+        for (let s = 0, i = this.childrenWidth.length; s < i && (t += this.childrenWidth[s], !(t >= e)); s++)
           ;
-        e = -e;
+        t = -t;
       }
-      this.setTranslateX(e);
+      this.setTranslateX(t);
     },
     clickRight() {
       this.updateDuration(!0);
-      const t = Math.abs(this.translateX - this.swiperBoxWith);
-      let e = 0;
+      const e = Math.abs(this.translateX - this.swiperBoxWith);
+      let t = 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]);
+        if (t += this.childrenWidth[s], t >= e) {
+          t > e && (t -= this.childrenWidth[s]);
           break;
         }
-      this.setTranslateX(-e);
+      this.setTranslateX(-t);
     },
-    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;
+      const t = e.clientX - this.startX;
+      if (t < 0) {
+        const s = this.translateX + t;
         this.setTranslateX(s);
       }
-      if (e > 0) {
-        const s = this.translateX + e;
+      if (t > 0) {
+        const s = this.translateX + t;
         this.setTranslateX(s);
       }
       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;
+        const t = e.clientX - this.startX, s = this.translateXRaw + t;
         this.setTranslateX(s);
       });
     },
@@ -160,24 +120,23 @@ const v = {
       this.updateDuration(!1), this.$refs.swiperContent.removeEventListener("transitionend", this.transitionend), this.$refs.swiperContent.removeEventListener("webkitTransitionEnd", this.transitionend);
     }
   }
-}, l = {};
-var _ = /* @__PURE__ */ f(
-  v,
+};
+var w = function() {
+  var t = this, s = t._self._c;
+  return s("div", { staticClass: "egd-swiper" }, [s("ElButton", { staticClass: "el-carousel__arrow el-carousel__arrow--left", attrs: { disabled: t.reachedLeft, icon: "el-icon-arrow-left" }, on: { click: t.clickLeft } }), s("div", { ref: "swiperBox", staticClass: "egd-swiper-box", on: { wheel: function(i) {
+    return i.stopPropagation(), i.preventDefault(), t.onMouseWheel.apply(null, arguments);
+  } } }, [s("div", { ref: "swiperContent", staticClass: "egd-swiper-content", style: t.swiperContentStyle }, [t._t("default")], 2)]), s("ElButton", { staticClass: "el-carousel__arrow el-carousel__arrow--right", attrs: { disabled: t.reachedRight, icon: "el-icon-arrow-right" }, on: { click: t.clickRight } }), s("ResizeObserver", { on: { notify: t.resize } })], 1);
+}, m = [], _ = /* @__PURE__ */ p(
+  f,
   w,
   m,
   !1,
-  X,
+  null,
   null,
   null,
   null
 );
-function X(t) {
-  for (let e in l)
-    this[e] = l[e];
-}
-const L = /* @__PURE__ */ function() {
-  return _.exports;
-}();
+const E = _.exports;
 export {
-  L as default
+  E as default
 };

package/tab/index.mjs

@@ -1,31 +1,8 @@
-import { p as a } from "../chunks/tab-mixin.e2b9c6a4.mjs";
-import { n as s } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var o = function() {
-  var t = this, r = t.$createElement, e = t._self._c || r;
-  return e("div", {
-    staticClass: "vux-tab-wrap",
-    class: t.barPosition === "top" ? "vux-tab-bar-top" : ""
-  }, [e("div", {
-    staticClass: "vux-tab-container"
-  }, [e("div", {
-    ref: "nav",
-    staticClass: "vux-tab",
-    class: [{
-      "vux-tab-no-animate": !t.animate,
-      scrollable: t.scrollable
-    }]
-  }, [t._t("default"), t.animate ? e("div", {
-    staticClass: "vux-tab-ink-bar",
-    class: t.barClass,
-    style: t.barStyle
-  }, [t.customBarWidth ? e("span", {
-    staticClass: "vux-tab-bar-inner",
-    style: t.innerBarStyle
-  }) : t._e()]) : t._e()], 2)])]);
-}, l = [];
-const c = {
+import { p as n } from "../chunks/tab-mixin.e2b9c6a4.mjs";
+import { n as a } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+const s = {
   name: "Tab",
-  mixins: [a],
+  mixins: [n],
   props: {
     lineWidth: {
       type: Number,
@@ -124,24 +101,21 @@ const c = {
       window.requestAnimationFrame(e);
     }
   }
-}, n = {};
-var h = /* @__PURE__ */ s(
-  c,
+};
+var o = function() {
+  var r = this, e = r._self._c;
+  return e("div", { staticClass: "vux-tab-wrap", class: r.barPosition === "top" ? "vux-tab-bar-top" : "" }, [e("div", { staticClass: "vux-tab-container" }, [e("div", { ref: "nav", staticClass: "vux-tab", class: [{ "vux-tab-no-animate": !r.animate, scrollable: r.scrollable }] }, [r._t("default"), r.animate ? e("div", { staticClass: "vux-tab-ink-bar", class: r.barClass, style: r.barStyle }, [r.customBarWidth ? e("span", { staticClass: "vux-tab-bar-inner", style: r.innerBarStyle }) : r._e()]) : r._e()], 2)])]);
+}, l = [], c = /* @__PURE__ */ a(
+  s,
   o,
   l,
   !1,
-  u,
+  null,
   null,
   null,
   null
 );
-function u(t) {
-  for (let r in n)
-    this[r] = n[r];
-}
-const m = /* @__PURE__ */ function() {
-  return h.exports;
-}();
+const b = c.exports;
 export {
-  m as default
+  b as default
 };

package/tab-item/index.mjs

@@ -1,28 +1,8 @@
-import { c as n } from "../chunks/tab-mixin.e2b9c6a4.mjs";
-import { n as l } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var o = function() {
-  var e = this, t = e.$createElement, a = e._self._c || t;
-  return a("div", {
-    staticClass: "vux-tab-item",
-    class: [e.currentSelected ? e.activeClass : "", {
-      "vux-tab-selected": e.currentSelected,
-      "vux-tab-disabled": e.disabled
-    }],
-    style: e.style,
-    on: {
-      click: e.onItemClick
-    }
-  }, [e._t("default"), typeof e.badgeLabel != "undefined" && e.badgeLabel !== "" ? a("span", {
-    staticClass: "vux-tab-item-badge",
-    style: {
-      background: e.badgeBackground,
-      color: e.badgeColor
-    }
-  }, [e._v(" " + e._s(e.badgeLabel) + " ")]) : e._e()], 2);
-}, s = [];
-const i = {
+import { c as a } from "../chunks/tab-mixin.e2b9c6a4.mjs";
+import { n as r } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+const l = {
   name: "TabItem",
-  mixins: [n],
+  mixins: [a],
   props: {
     activeClass: {
       type: String
@@ -50,24 +30,30 @@ const i = {
       };
     }
   }
-}, r = {};
-var d = /* @__PURE__ */ l(
-  i,
-  o,
+};
+var n = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "vux-tab-item", class: [
+    e.currentSelected ? e.activeClass : "",
+    {
+      "vux-tab-selected": e.currentSelected,
+      "vux-tab-disabled": e.disabled
+    }
+  ], style: e.style, on: { click: e.onItemClick } }, [e._t("default"), typeof e.badgeLabel != "undefined" && e.badgeLabel !== "" ? t("span", { staticClass: "vux-tab-item-badge", style: {
+    background: e.badgeBackground,
+    color: e.badgeColor
+  } }, [e._v(" " + e._s(e.badgeLabel) + " ")]) : e._e()], 2);
+}, s = [], o = /* @__PURE__ */ r(
+  l,
+  n,
   s,
   !1,
-  c,
+  null,
   null,
   null,
   null
 );
-function c(e) {
-  for (let t in r)
-    this[t] = r[t];
-}
-const p = /* @__PURE__ */ function() {
-  return d.exports;
-}();
+const b = o.exports;
 export {
-  p as default
+  b as default
 };

package/table-column/index.mjs

@@ -1,17 +1,17 @@
-var u = Object.defineProperty, d = Object.defineProperties;
-var c = Object.getOwnPropertyDescriptors;
+var s = Object.defineProperty, u = Object.defineProperties;
+var d = Object.getOwnPropertyDescriptors;
 var o = Object.getOwnPropertySymbols;
-var f = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
-var i = (n, e, t) => e in n ? u(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, l = (n, e) => {
-  for (var t in e || (e = {}))
-    f.call(e, t) && i(n, t, e[t]);
+var c = Object.prototype.hasOwnProperty, f = Object.prototype.propertyIsEnumerable;
+var i = (t, e, n) => e in t ? s(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, l = (t, e) => {
+  for (var n in e || (e = {}))
+    c.call(e, n) && i(t, n, e[n]);
   if (o)
-    for (var t of o(e))
-      p.call(e, t) && i(n, t, e[t]);
-  return n;
-}, r = (n, e) => d(n, c(e));
-import { n as g } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-const m = {
+    for (var n of o(e))
+      f.call(e, n) && i(t, n, e[n]);
+  return t;
+}, r = (t, e) => u(t, d(e));
+import { n as p } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
+const g = {
   props: {
     type: {
       type: String,
@@ -61,46 +61,38 @@ const m = {
       default() {
         return ["ascending", "descending", null];
       },
-      validator(n) {
-        return n.every((e) => ["ascending", "descending", null].indexOf(e) > -1);
+      validator(t) {
+        return t.every((e) => ["ascending", "descending", null].indexOf(e) > -1);
       }
     }
   }
-}, _ = {
+}, m = {
   name: "TableColumn",
   functional: !0,
-  mixins: [m],
-  render(n, { data: e, props: t, children: s }) {
-    return n(
+  mixins: [g],
+  render(t, { data: e, props: n, children: a }) {
+    return t(
       "ElTableColumn",
       r(l({}, e), {
-        props: r(l({}, t), {
-          showOverflowTooltip: ["selection", "single-selection", "index", "expand"].includes(t.type) ? !1 : t.showOverflowTooltip
+        props: r(l({}, n), {
+          showOverflowTooltip: ["selection", "single-selection", "index", "expand"].includes(n.type) ? !1 : n.showOverflowTooltip
         })
       }),
-      s
+      a
     );
   }
-};
-let y, S;
-const a = {};
-var v = /* @__PURE__ */ g(
-  _,
+}, y = null, S = null;
+var b = /* @__PURE__ */ p(
+  m,
   y,
   S,
   !1,
-  h,
+  null,
   null,
   null,
   null
 );
-function h(n) {
-  for (let e in a)
-    this[e] = a[e];
-}
-const x = /* @__PURE__ */ function() {
-  return v.exports;
-}();
+const w = b.exports;
 export {
-  x as default
+  w as default
 };