evui 3.5.0-rc.1 → 3.5.0

package/dist/components/treeGrid/TreeGridNode.vue.js

@@ -0,0 +1,274 @@
+import { computed as u, resolveComponent as v, openBlock as i, createElementBlock as r, normalizeClass as x, normalizeStyle as g, createVNode as F, createCommentVNode as s, Fragment as S, renderList as E, createElementVNode as y, createBlock as N, withModifiers as I, renderSlot as V } from "vue";
+import H from "../grid/icon/icon-option-button.vue.js";
+/* empty css                  */
+import R from "../../_virtual/_plugin-vue_export-helper.js";
+const O = {
+  name: "TreeGridNode",
+  components: { GridOptionButton: H },
+  props: {
+    dataIndex: {
+      type: Number,
+      default: 0
+    },
+    nodeData: {
+      type: Object,
+      default: () => ({})
+    },
+    selectedData: {
+      type: Object,
+      default: () => ({})
+    },
+    useCheckbox: {
+      type: Object,
+      default: () => ({})
+    },
+    orderedColumns: {
+      type: [Array],
+      default: () => []
+    },
+    expandIcon: {
+      type: String,
+      default: ""
+    },
+    collapseIcon: {
+      type: String,
+      default: ""
+    },
+    parentIcon: {
+      type: String,
+      default: ""
+    },
+    childIcon: {
+      type: String,
+      default: ""
+    },
+    customContextMenu: {
+      type: [Array],
+      default: () => []
+    },
+    menuRef: {
+      type: Object,
+      default: null
+    },
+    rowHeight: {
+      type: Number,
+      default: 35
+    },
+    minWidth: {
+      type: Number,
+      default: 40
+    },
+    borderStyle: {
+      type: String,
+      default: ""
+    },
+    highlightIndex: {
+      type: Number,
+      default: -1
+    }
+  },
+  emits: {
+    "check-tree-data": null,
+    "expand-tree-data": null,
+    "click-tree-data": null,
+    "dbl-click-tree-data": null,
+    "context-menu": null
+  },
+  setup(d, { emit: t }) {
+    const a = (n, l) => {
+      t("check-tree-data", n, l);
+    }, e = (n) => {
+      t("expand-tree-data", n);
+    }, p = (n, l) => {
+      t("click-tree-data", n, l);
+    }, D = (n, l) => {
+      t("dbl-click-tree-data", n, l);
+    }, k = (n) => {
+      t("context-menu", n);
+    }, b = (n) => {
+      const l = d.expandIcon ? d.expandIcon : "", m = d.expandIcon ? d.collapseIcon : "";
+      return n.expand ? m : l;
+    }, f = u(() => d.nodeData || {}), C = u(() => d.parentIcon || "tree-parent-icon"), o = u(() => d.childIcon || "tree-child-icon"), c = u(
+      () => C.value !== "none" || o.value !== "none"
+    ), w = u(() => {
+      const n = d.orderedColumns || [], l = n.findIndex(
+        (h) => h.expandColumn && !h.hide && !h.hiddenDisplay
+      );
+      if (l !== -1)
+        return l;
+      const m = n.findIndex((h) => !h.hide && !h.hiddenDisplay);
+      return m !== -1 ? m : 0;
+    }), M = (n) => ({
+      row: !0,
+      "tree-row": !0,
+      [`tree-row--level-${n == null ? void 0 : n.level}`]: !0,
+      highlight: (n == null ? void 0 : n.index) === d.highlightIndex,
+      selected: n.selected,
+      "non-border": !!d.borderStyle && d.borderStyle !== "rows"
+    }), _ = u(() => ({
+      cell: !0,
+      "row-checkbox": !0,
+      "non-border": !!d.borderStyle
+    }));
+    return {
+      parentIconMV: C,
+      childIconMV: o,
+      node: f,
+      isDataIcon: c,
+      checkboxClass: _,
+      expandColumnIdx: w,
+      onCheck: a,
+      onExpand: e,
+      onClick: p,
+      onDblClick: D,
+      onContextMenu: k,
+      expandIconClasses: b,
+      getRowClass: M,
+      getColumnClass: (n, l) => ({
+        cell: !0,
+        "tree-td": l === 0,
+        [n.type]: n.type,
+        [n.align]: n.align,
+        [n.field]: n.field,
+        "non-border": !!d.borderStyle
+      }),
+      getColumnStyle: (n, l) => ({
+        width: `${n.width}px`,
+        height: `${d.rowHeight}px`,
+        "line-height": `${d.rowHeight}px`,
+        "min-width": `${d.minWidth}px`,
+        "border-right": d.orderedColumns.length - 1 === l ? "none" : "1px solid #CFCFCF"
+      }),
+      getDepthStyle: (n) => ({
+        "margin-left": `${n * 13}px`
+      })
+    };
+  }
+}, j = ["data-index"], z = ["data-name", "data-index"], B = { class: "td-content__wrapper" }, G = ["title"], W = { class: "td-content" };
+function A(d, t, a, e, p, D) {
+  var C;
+  const k = v("ev-checkbox"), b = v("ev-icon"), f = v("grid-option-button");
+  return i(), r("tr", {
+    "data-index": e.node.index,
+    class: x(e.getRowClass(e.node)),
+    onClick: t[7] || (t[7] = (o) => e.onClick(o, e.node)),
+    onDblclick: t[8] || (t[8] = (o) => e.onDblClick(o, e.node))
+  }, [
+    a.useCheckbox.use ? (i(), r("td", {
+      key: 0,
+      class: x(e.checkboxClass),
+      style: g({
+        width: `${a.minWidth}px`,
+        height: `${a.rowHeight}px`,
+        "border-right": "1px solid #CFCFCF"
+      })
+    }, [
+      F(k, {
+        modelValue: e.node.checked,
+        "onUpdate:modelValue": t[0] || (t[0] = (o) => e.node.checked = o),
+        disabled: e.node.uncheckable,
+        indeterminate: e.node.indeterminate,
+        class: "row-checkbox-input",
+        onChange: t[1] || (t[1] = (o) => e.onCheck(o, e.node))
+      }, null, 8, ["modelValue", "disabled", "indeterminate"])
+    ], 6)) : s("", !0),
+    (i(!0), r(S, null, E(a.orderedColumns, (o, c) => (i(), r(S, { key: c }, [
+      !o.hide && !o.hiddenDisplay ? (i(), r("td", {
+        key: 0,
+        "data-name": o.field,
+        "data-index": e.node.index,
+        class: x(e.getColumnClass(o, c)),
+        style: g(e.getColumnStyle(o, c))
+      }, [
+        y("div", B, [
+          c === e.expandColumnIdx ? (i(), r("span", {
+            key: 0,
+            style: g(e.getDepthStyle(e.node.level))
+          }, null, 4)) : s("", !0),
+          c === e.expandColumnIdx ? (i(), r("span", {
+            key: 1,
+            class: x({
+              expand: e.node.expand,
+              "ev-tree-toggle": !0
+            })
+          }, [
+            e.node.hasChild ? (i(), r(S, { key: 0 }, [
+              e.expandIconClasses(e.node) ? (i(), N(b, {
+                key: 0,
+                icon: e.expandIconClasses(e.node),
+                style: { display: "block" },
+                onClick: t[2] || (t[2] = (w) => e.onExpand(e.node))
+              }, null, 8, ["icon"])) : (i(), r("button", {
+                key: 1,
+                class: "tree-expand-icon",
+                onClick: t[3] || (t[3] = I((w) => e.onExpand(e.node), ["stop"]))
+              }, [...t[9] || (t[9] = [
+                y("i", null, null, -1)
+              ])]))
+            ], 64)) : s("", !0)
+          ], 2)) : s("", !0),
+          c === e.expandColumnIdx && e.isDataIcon ? (i(), r("span", {
+            key: 2,
+            title: e.node[o.field],
+            class: x({
+              expand: e.node.expand,
+              "ev-tree-toggle": !0
+            })
+          }, [
+            y("span", {
+              class: x(e.node.hasChild ? e.parentIconMV : e.childIconMV)
+            }, [...t[10] || (t[10] = [
+              y("i", null, null, -1)
+            ])], 2)
+          ], 10, G)) : s("", !0),
+          y("div", W, [
+            d.$slots[o.field + "Node"] ? V(d.$slots, o.field + "Node", {
+              key: 0,
+              item: {
+                data: e.node.data
+              }
+            }, void 0, !0) : s("", !0)
+          ])
+        ])
+      ], 14, z)) : s("", !0)
+    ], 64))), 128)),
+    (C = a.customContextMenu) != null && C.length ? (i(), r("td", {
+      key: 1,
+      class: x({
+        "row-contextmenu": !0,
+        "non-border": !!a.borderStyle
+      }),
+      style: g({
+        position: "sticky",
+        right: 0,
+        width: "30px",
+        height: `${a.rowHeight}px`,
+        "min-width": "30px",
+        "line-height": `${a.rowHeight}px`
+      })
+    }, [
+      d.$slots.contextmenuIconNode ? (i(), r("span", {
+        key: 0,
+        class: "row-contextmenu__btn",
+        onClick: [
+          t[4] || (t[4] = (o) => e.onContextMenu(o)),
+          t[5] || (t[5] = I((...o) => a.menuRef.show && a.menuRef.show(...o), ["prevent"]))
+        ]
+      }, [
+        V(d.$slots, "contextmenuIconNode", {}, void 0, !0)
+      ])) : (i(), N(f, {
+        key: 1,
+        icon: "ev-icon-warning2",
+        class: "row-contextmenu__btn",
+        onClick: [
+          t[6] || (t[6] = (o) => e.onContextMenu(o)),
+          I(a.menuRef.show, ["prevent"])
+        ]
+      }, null, 8, ["onClick"]))
+    ], 6)) : s("", !0)
+  ], 42, j);
+}
+const Q = /* @__PURE__ */ R(O, [["render", A], ["__scopeId", "data-v-faab3696"]]);
+export {
+  Q as default
+};

package/dist/components/treeGrid/TreeGridToolbar.vue.js

@@ -0,0 +1,15 @@
+import { openBlock as r, createElementBlock as e, renderSlot as t } from "vue";
+/* empty css                     */
+import s from "../../_virtual/_plugin-vue_export-helper.js";
+const a = {
+  name: "EvTreeGridToolbar"
+}, n = { class: "tree-grid-toolbar" };
+function c(o, p, l, i, d, _) {
+  return r(), e("div", n, [
+    t(o.$slots, "toolbarWrapper")
+  ]);
+}
+const b = /* @__PURE__ */ s(a, [["render", c]]);
+export {
+  b as default
+};

package/dist/components/treeGrid/index.js

@@ -0,0 +1,7 @@
+import e from "./TreeGrid.vue.js";
+e.install = (o) => {
+  o.component(e.name, e);
+};
+export {
+  e as default
+};