@web-utils/component 3.8.3 → 4.0.1

package/swiper/index.mjs

@@ -1,27 +1,11 @@
-var h = (e, t, s) => new Promise((i, r) => {
-  var l = (n) => {
-    try {
-      a(s.next(n));
-    } catch (o) {
-      r(o);
-    }
-  }, d = (n) => {
-    try {
-      a(s.throw(n));
-    } catch (o) {
-      r(o);
-    }
-  }, a = (n) => n.done ? i(n.value) : Promise.resolve(n.value).then(l, d);
-  a((s = s.apply(e, t)).next());
-});
-import { getEleWidth as c } from "@web-utils/core";
-import p from "../resize-observer/index.mjs";
+import { getEleWidth as r } from "@web-utils/core";
+import a from "../resize-observer/index.mjs";
 import "../resize-observer/style.css";
-import { n as u } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const f = {
+import { n as o } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const h = {
   name: "Swiper",
   components: {
-    ResizeObserver: p
+    ResizeObserver: a
   },
   data() {
     return {
@@ -38,19 +22,15 @@ const f = {
       }
     };
   },
-  mounted() {
-    return h(this, null, function* () {
-      yield this.layout();
-    });
+  async mounted() {
+    await this.layout();
   },
   updated() {
     this.computeContentWidth();
   },
   methods: {
-    layout() {
-      return h(this, null, function* () {
-        yield this.$nextTick(), this.computeContentWidth(), this.resize();
-      });
+    async layout() {
+      await this.$nextTick(), this.computeContentWidth(), this.resize();
     },
     resize() {
       this.swiperBoxWith = this.$refs.swiperBox.offsetWidth;
@@ -59,8 +39,8 @@ const f = {
       let e = 0;
       const t = [], { children: s } = this.$refs.swiperContent;
       Array.prototype.forEach.call(s, (i) => {
-        const r = c(i);
-        e += r, t.push(r);
+        const n = r(i);
+        e += n, t.push(n);
       }), this.childrenWidth = t, this.swiperContentWidth = e;
     },
     updateDuration(e) {
@@ -121,20 +101,20 @@ const f = {
     }
   }
 };
-var w = function() {
+var l = 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 = [], X = /* @__PURE__ */ u(
-  f,
-  w,
-  m,
+}, d = [], c = /* @__PURE__ */ o(
+  h,
+  l,
+  d,
   !1,
   null,
   null
 );
-const x = X.exports;
+const m = c.exports;
 export {
-  x as default
+  m as default
 };

package/swiper/style.css

@@ -1 +1 @@
-.egd-swiper{height:100%;padding:0 60px;position:relative}.egd-swiper .el-button.el-carousel__arrow{color:#fff;background-color:rgba(31,45,61,.11);border-color:rgba(31,45,61,.01);border-radius:50%;padding:0;font-size:12px}.egd-swiper .el-button.el-carousel__arrow i{cursor:unset}.egd-swiper .el-button.el-carousel__arrow.is-disabled{color:#fff;background-color:rgba(31,45,61,.11);border-color:rgba(31,45,61,.01)}.egd-swiper .egd-swiper-box{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:100%;overflow:hidden}.egd-swiper .egd-swiper-box .egd-swiper-content{flex-flow:row;width:100%;height:100%;padding-top:14px;transition-property:transform;display:flex;overflow:visible;transform:translate(0,0)}
+.egd-swiper{height:100%;padding:0 60px;position:relative}.egd-swiper .el-button.el-carousel__arrow{color:#fff;background-color:#1f2d3d1c;border-color:#1f2d3d03;border-radius:50%;padding:0;font-size:12px}.egd-swiper .el-button.el-carousel__arrow i{cursor:unset}.egd-swiper .el-button.el-carousel__arrow.is-disabled{color:#fff;background-color:#1f2d3d1c;border-color:#1f2d3d03}.egd-swiper .egd-swiper-box{-webkit-user-select:none;user-select:none;height:100%;overflow:hidden}.egd-swiper .egd-swiper-box .egd-swiper-content{flex-flow:row;width:100%;height:100%;padding-top:14px;transition-property:transform;display:flex;overflow:visible;transform:translate(0,0)}

package/tab/index.mjs

@@ -1,4 +1,4 @@
-import { p as n } from "../chunks/tab-mixin.CVr9bZtn.mjs";
+import { p as n } from "../chunks/tab-mixin.BNK6dxLN.mjs";
 import { n as a } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
 const s = {
   name: "Tab",

package/tab/style.css

@@ -1 +1 @@
-.vux-tab-ink-bar{text-align:center;background-color:#1989fa;height:2px;position:absolute;bottom:0;left:0}.vux-tab-ink-bar-transition-forward{transition:right .3s cubic-bezier(.35,0,.25,1),left .3s cubic-bezier(.35,0,.25,1) 90ms}.vux-tab-ink-bar-transition-backward{transition:right .3s cubic-bezier(.35,0,.25,1) 90ms,left .3s cubic-bezier(.35,0,.25,1)}.vux-tab-bar-top .vux-tab-ink-bar{top:0}.vux-tab{background-color:#fff;height:36px;display:flex;position:relative}.vux-tab button{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;background:0 0;border:0;outline:0;padding:0}.vux-tab .vux-tab-item{box-sizing:border-box;color:#666;text-align:center;cursor:pointer;flex:auto;width:100%;height:100%;font-size:14px;line-height:36px;display:block}.vux-tab .vux-tab-item.vux-tab-selected{color:#1989fa;border-bottom:3px solid #1989fa}.vux-tab-bar-top .vux-tab .vux-tab-item.vux-tab-selected{border-top:3px solid #1989fa;border-bottom:none}.vux-tab .vux-tab-item.vux-tab-disabled{color:#ddd}.vux-tab.vux-tab-no-animate .vux-tab-item.vux-tab-selected{background:0 0}.vux-tab-bar-inner{background-color:#1989fa;height:100%;margin:auto;transition:width .3s cubic-bezier(.35,0,.25,1);display:block}.vux-tab-item-badge{box-sizing:border-box;vertical-align:middle;background-clip:padding-box;border-radius:30px;min-width:18px;height:18px;margin:auto 0 auto 4px;padding:0 4px;font-size:11px;line-height:18px;display:inline-block;position:absolute;top:0;bottom:0}.vux-tab-wrap{padding-top:36px;position:relative}.vux-tab-container{height:36px;position:absolute;top:0;left:0;right:0;overflow:hidden}.scrollable{box-sizing:content-box;-webkit-overflow-scrolling:touch;padding-bottom:17px;overflow-x:auto;overflow-y:hidden}.scrollable::-webkit-scrollbar{display:none}.scrollable .vux-tab-ink-bar{position:absolute;bottom:17px}.scrollable .vux-tab-item{flex:0 0 22%}
+.vux-tab-ink-bar{text-align:center;background-color:#1989fa;height:2px;position:absolute;bottom:0;left:0}.vux-tab-ink-bar-transition-forward{transition:right .3s cubic-bezier(.35,0,.25,1),left .3s cubic-bezier(.35,0,.25,1) 90ms}.vux-tab-ink-bar-transition-backward{transition:right .3s cubic-bezier(.35,0,.25,1) 90ms,left .3s cubic-bezier(.35,0,.25,1)}.vux-tab-bar-top .vux-tab-ink-bar{top:0}.vux-tab{background-color:#fff;height:36px;display:flex;position:relative}.vux-tab button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:0;outline:0;padding:0}.vux-tab .vux-tab-item{box-sizing:border-box;color:#666;text-align:center;cursor:pointer;flex:auto;width:100%;height:100%;font-size:14px;line-height:36px;display:block}.vux-tab .vux-tab-item.vux-tab-selected{color:#1989fa;border-bottom:3px solid #1989fa}.vux-tab-bar-top .vux-tab .vux-tab-item.vux-tab-selected{border-top:3px solid #1989fa;border-bottom:none}.vux-tab .vux-tab-item.vux-tab-disabled{color:#ddd}.vux-tab.vux-tab-no-animate .vux-tab-item.vux-tab-selected{background:0 0}.vux-tab-bar-inner{background-color:#1989fa;height:100%;margin:auto;transition:width .3s cubic-bezier(.35,0,.25,1);display:block}.vux-tab-item-badge{box-sizing:border-box;vertical-align:middle;background-clip:padding-box;border-radius:30px;min-width:18px;height:18px;margin:auto 0 auto 4px;padding:0 4px;font-size:11px;line-height:18px;display:inline-block;position:absolute;top:0;bottom:0}.vux-tab-wrap{padding-top:36px;position:relative}.vux-tab-container{height:36px;position:absolute;top:0;left:0;right:0;overflow:hidden}.scrollable{box-sizing:content-box;-webkit-overflow-scrolling:touch;padding-bottom:17px;overflow:auto hidden}.scrollable::-webkit-scrollbar{display:none}.scrollable .vux-tab-ink-bar{position:absolute;bottom:17px}.scrollable .vux-tab-item{flex:0 0 22%}

package/tab-item/index.mjs

@@ -1,4 +1,4 @@
-import { c as a } from "../chunks/tab-mixin.CVr9bZtn.mjs";
+import { c as a } from "../chunks/tab-mixin.BNK6dxLN.mjs";
 import { n as r } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
 const l = {
   name: "TabItem",
@@ -39,7 +39,7 @@ var n = function() {
       "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: {
+  ], style: e.style, on: { click: e.onItemClick } }, [e._t("default"), typeof e.badgeLabel < "u" && 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);

package/table-column/index.mjs

@@ -1,17 +1,9 @@
-var s = Object.defineProperty, u = Object.defineProperties;
-var d = Object.getOwnPropertyDescriptors;
-var o = Object.getOwnPropertySymbols;
-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 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.CeySl7Fu.mjs";
-const g = {
+import { _ } from "../chunks/helper.BiMLcEEk.mjs";
+import { h as g } from "vue";
+import w from "../dict-render/index.mjs";
+import { f as v } from "../chunks/core.DJEgjQW6.mjs";
+import { n as F } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const x = {
   props: {
     type: {
       type: String,
@@ -27,7 +19,7 @@ const g = {
     renderHeader: Function,
     sortable: {
       type: [Boolean, String],
-      default: !1
+      default: !0
     },
     sortMethod: Function,
     sortBy: [String, Function, Array],
@@ -39,6 +31,8 @@ const g = {
     align: String,
     headerAlign: String,
     showTooltipWhenOverflow: Boolean,
+    clickable: Boolean,
+    cellClick: Function,
     showOverflowTooltip: {
       type: Boolean,
       default: !0
@@ -61,36 +55,117 @@ const g = {
       default() {
         return ["ascending", "descending", null];
       },
-      validator(t) {
-        return t.every((e) => ["ascending", "descending", null].indexOf(e) > -1);
+      validator(n) {
+        return n.every((t) => ["ascending", "descending", null].indexOf(t) > -1);
       }
-    }
+    },
+    dictType: String,
+    options: Array,
+    autoUpdate: Boolean,
+    treeDict: Boolean,
+    idAsValue: {
+      type: Boolean,
+      default: !0
+    },
+    labelAsValue: Boolean
+  }
+}, N = {
+  selection: !0,
+  "single-selection": !0,
+  index: !0,
+  expand: !0
+}, O = (n, t, e, y, d) => {
+  var i;
+  const l = n.rowDbClick || ((i = n.$children.find((f) => f.$options.name === "TableView")) == null ? void 0 : i.rowDbClick);
+  l == null || l(t, e, y, d);
+}, V = (n) => {
+  let t = n.target;
+  for (; t && t.tagName.toUpperCase() !== "HTML"; ) {
+    if (t.tagName.toUpperCase() === "TD")
+      return t;
+    t = t.parentNode;
   }
-}, m = {
+  return null;
+}, D = () => {
+}, M = (n) => !v(n).length, k = {
   name: "TableColumn",
   functional: !0,
-  mixins: [g],
-  render(t, { data: e, props: n, children: a }) {
-    return t(
-      "ElTableColumn",
-      r(l({}, e), {
-        props: r(l({}, n), {
-          showOverflowTooltip: ["selection", "single-selection", "index", "expand"].includes(n.type) ? !1 : n.showOverflowTooltip
-        })
-      }),
-      a
-    );
+  mixins: [x],
+  render(n, {
+    data: t,
+    props: e,
+    children: y,
+    parent: d,
+    listeners: {
+      click: l
+    }
+  }) {
+    const {
+      scopedSlots: i,
+      ...f
+    } = t, {
+      clickable: C,
+      cellClick: a,
+      ...b
+    } = e, S = {
+      ...i || {}
+    }, h = N[e.type];
+    if (!h) {
+      const p = i == null ? void 0 : i.default, c = C || l || a;
+      (c || e.dictType || e.options) && (S.default = (T) => {
+        const {
+          row: o,
+          column: r
+        } = T, B = c ? (u) => {
+          const m = V(u);
+          l || a ? (l == null || l(o, r, o, r, m, u), a == null || a(o, r, o, r, m, u)) : O(d, o, r, m, u);
+        } : D;
+        let s = p == null ? void 0 : p(T);
+        return M(s) && (s = null), (e.dictType || e.options) && !s ? g(w, {
+          class: {
+            "is-clickable": c
+          },
+          on: {
+            click: B
+          },
+          attrs: {
+            row: o,
+            column: r,
+            dictType: e.dictType,
+            treeDict: e.treeDict,
+            idAsValue: e.idAsValue,
+            labelAsValue: e.labelAsValue,
+            options: e.options
+          }
+        }) : c ? g("span", {
+          class: "is-clickable",
+          on: {
+            click: B
+          }
+        }, [s || (o == null ? void 0 : o[r == null ? void 0 : r.property])]) : s;
+      });
+    }
+    const A = {
+      ...f,
+      props: {
+        ...b,
+        showOverflowTooltip: h ? !1 : b.showOverflowTooltip
+      }
+    };
+    return g("ElTableColumn", _([{}, A, {
+      scopedSlots: S
+    }]));
   }
-}, y = null, S = null;
-var b = /* @__PURE__ */ p(
-  m,
-  y,
-  S,
+}, H = null, P = null;
+var U = /* @__PURE__ */ F(
+  k,
+  H,
+  P,
   !1,
   null,
   null
 );
-const w = b.exports;
+const K = U.exports;
 export {
-  w as default
+  K as default
 };

package/table-column/style.css

@@ -0,0 +1 @@
+.is-clickable{cursor:pointer;text-decoration:underline}.is-clickable:hover{color:var(--color-primary)}.el-table__column-filter-trigger{line-height:unset}