@web-utils/component 4.0.1 → 4.0.3

package/table-column/index.mjs

@@ -1,9 +1,63 @@
-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 = {
+import { _ as T } from "../chunks/helper.BiMLcEEk.mjs";
+import { h as d } from "vue";
+import { g as C } from "../chunks/dictionary.DsN-2ukC.mjs";
+import { n as B } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+import { f as V } from "../chunks/core.DJEgjQW6.mjs";
+const D = {
+  name: "DictRender",
+  inheritAttrs: !1,
+  props: {
+    row: Object,
+    column: Object,
+    dictType: String,
+    options: Array,
+    treeDict: Boolean,
+    idAsValue: {
+      type: Boolean,
+      default: !0
+    },
+    labelAsValue: Boolean
+  },
+  data() {
+    return {
+      label: ""
+    };
+  },
+  computed: {
+    value() {
+      return this.row[this.column.property];
+    }
+  },
+  watch: {
+    value: {
+      immediate: !0,
+      async handler() {
+        var l, e;
+        this.dictType ? this.label = await C(this.dictType, this.value, !0, {
+          treeDict: this.treeDict,
+          idAsValue: this.idAsValue,
+          labelAsValue: this.labelAsValue
+        }) : this.label = ((e = (l = this.options) == null ? void 0 : l.find((t) => `${t.value}` == `${this.value}`)) == null ? void 0 : e.label) ?? `${this.value}`;
+      }
+    }
+  },
+  render() {
+    return d("span", T([{}, {
+      on: this.$listeners
+    }, {}, {
+      domProps: this.$attrs
+    }]), [this.label]);
+  }
+}, F = null, O = null;
+var $ = /* @__PURE__ */ B(
+  D,
+  F,
+  O,
+  !1,
+  null,
+  null
+);
+const x = $.exports, N = {
   props: {
     type: {
       type: String,
@@ -55,8 +109,8 @@ const x = {
       default() {
         return ["ascending", "descending", null];
       },
-      validator(n) {
-        return n.every((t) => ["ascending", "descending", null].indexOf(t) > -1);
+      validator(l) {
+        return l.every((e) => ["ascending", "descending", null].indexOf(e) > -1);
       }
     },
     dictType: String,
@@ -69,103 +123,103 @@ const x = {
     },
     labelAsValue: Boolean
   }
-}, N = {
+}, M = {
   selection: !0,
   "single-selection": !0,
   index: !0,
   expand: !0
-}, O = (n, t, e, y, d) => {
+}, k = (l, e, t, y, p) => {
   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;
+  const n = l.rowDbClick || ((i = l.$children.find((f) => f.$options.name === "TableView")) == null ? void 0 : i.rowDbClick);
+  n == null || n(e, t, y, p);
+}, H = (l) => {
+  let e = l.target;
+  for (; e && e.tagName.toUpperCase() !== "HTML"; ) {
+    if (e.tagName.toUpperCase() === "TD")
+      return e;
+    e = e.parentNode;
   }
   return null;
-}, D = () => {
-}, M = (n) => !v(n).length, k = {
+}, P = () => {
+}, R = (l) => !V(l).length, U = {
   name: "TableColumn",
   functional: !0,
-  mixins: [x],
-  render(n, {
-    data: t,
-    props: e,
+  mixins: [N],
+  render(l, {
+    data: e,
+    props: t,
     children: y,
-    parent: d,
+    parent: p,
     listeners: {
-      click: l
+      click: n
     }
   }) {
     const {
       scopedSlots: i,
       ...f
-    } = t, {
-      clickable: C,
+    } = e, {
+      clickable: v,
       cellClick: a,
       ...b
-    } = e, S = {
+    } = t, g = {
       ...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) => {
+    }, _ = M[t.type];
+    if (!_) {
+      const m = i == null ? void 0 : i.default, c = v || n || a;
+      (c || t.dictType || t.options) && (g.default = (A) => {
         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, {
+        } = A, S = c ? (u) => {
+          const h = H(u);
+          n || a ? (n == null || n(o, r, o, r, h, u), a == null || a(o, r, o, r, h, u)) : k(p, o, r, h, u);
+        } : P;
+        let s = m == null ? void 0 : m(A);
+        return R(s) && (s = null), (t.dictType || t.options) && !s ? d(x, {
           class: {
             "is-clickable": c
           },
           on: {
-            click: B
+            click: S
           },
           attrs: {
             row: o,
             column: r,
-            dictType: e.dictType,
-            treeDict: e.treeDict,
-            idAsValue: e.idAsValue,
-            labelAsValue: e.labelAsValue,
-            options: e.options
+            dictType: t.dictType,
+            treeDict: t.treeDict,
+            idAsValue: t.idAsValue,
+            labelAsValue: t.labelAsValue,
+            options: t.options
           }
-        }) : c ? g("span", {
+        }) : c ? d("span", {
           class: "is-clickable",
           on: {
-            click: B
+            click: S
           }
         }, [s || (o == null ? void 0 : o[r == null ? void 0 : r.property])]) : s;
       });
     }
-    const A = {
+    const w = {
       ...f,
       props: {
         ...b,
-        showOverflowTooltip: h ? !1 : b.showOverflowTooltip
+        showOverflowTooltip: _ ? !1 : b.showOverflowTooltip
       }
     };
-    return g("ElTableColumn", _([{}, A, {
-      scopedSlots: S
+    return d("ElTableColumn", T([{}, w, {
+      scopedSlots: g
     }]));
   }
-}, H = null, P = null;
-var U = /* @__PURE__ */ F(
-  k,
-  H,
-  P,
+}, j = null, z = null;
+var E = /* @__PURE__ */ B(
+  U,
+  j,
+  z,
   !1,
   null,
   null
 );
-const K = U.exports;
+const X = E.exports;
 export {
-  K as default
+  X as default
 };

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@web-utils/component",
-  "version": "4.0.1",
+  "version": "4.0.3",
   "contributions": {
     "html": {
       "description-markup": "markdown",