@web-utils/component 4.0.0 → 4.0.2

package/table-column/index.mjs

@@ -1,17 +1,63 @@
-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 { _ 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,
@@ -27,7 +73,7 @@ const g = {
     renderHeader: Function,
     sortable: {
       type: [Boolean, String],
-      default: !1
+      default: !0
     },
     sortMethod: Function,
     sortBy: [String, Function, Array],
@@ -39,6 +85,8 @@ const g = {
     align: String,
     headerAlign: String,
     showTooltipWhenOverflow: Boolean,
+    clickable: Boolean,
+    cellClick: Function,
     showOverflowTooltip: {
       type: Boolean,
       default: !0
@@ -61,36 +109,117 @@ const g = {
       default() {
         return ["ascending", "descending", null];
       },
-      validator(t) {
-        return t.every((e) => ["ascending", "descending", null].indexOf(e) > -1);
+      validator(l) {
+        return l.every((e) => ["ascending", "descending", null].indexOf(e) > -1);
       }
-    }
+    },
+    dictType: String,
+    options: Array,
+    autoUpdate: Boolean,
+    treeDict: Boolean,
+    idAsValue: {
+      type: Boolean,
+      default: !0
+    },
+    labelAsValue: Boolean
+  }
+}, M = {
+  selection: !0,
+  "single-selection": !0,
+  index: !0,
+  expand: !0
+}, k = (l, e, t, y, p) => {
+  var i;
+  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;
   }
-}, m = {
+  return null;
+}, P = () => {
+}, R = (l) => !V(l).length, U = {
   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: [N],
+  render(l, {
+    data: e,
+    props: t,
+    children: y,
+    parent: p,
+    listeners: {
+      click: n
+    }
+  }) {
+    const {
+      scopedSlots: i,
+      ...f
+    } = e, {
+      clickable: v,
+      cellClick: a,
+      ...b
+    } = t, g = {
+      ...i || {}
+    }, _ = 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
+        } = 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: S
+          },
+          attrs: {
+            row: o,
+            column: r,
+            dictType: t.dictType,
+            treeDict: t.treeDict,
+            idAsValue: t.idAsValue,
+            labelAsValue: t.labelAsValue,
+            options: t.options
+          }
+        }) : c ? d("span", {
+          class: "is-clickable",
+          on: {
+            click: S
+          }
+        }, [s || (o == null ? void 0 : o[r == null ? void 0 : r.property])]) : s;
+      });
+    }
+    const w = {
+      ...f,
+      props: {
+        ...b,
+        showOverflowTooltip: _ ? !1 : b.showOverflowTooltip
+      }
+    };
+    return d("ElTableColumn", T([{}, w, {
+      scopedSlots: g
+    }]));
   }
-}, y = null, S = null;
-var b = /* @__PURE__ */ p(
-  m,
-  y,
-  S,
+}, j = null, z = null;
+var E = /* @__PURE__ */ B(
+  U,
+  j,
+  z,
   !1,
   null,
   null
 );
-const w = b.exports;
+const X = E.exports;
 export {
-  w as default
+  X 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}