evui 3.4.214 → 3.5.0

package/dist/components/toggle/Toggle.vue.js

@@ -0,0 +1,66 @@
+import { openBlock as i, createElementBlock as n, normalizeStyle as c, normalizeClass as r, computed as u } from "vue";
+/* empty css            */
+import m from "../../_virtual/_plugin-vue_export-helper.js";
+const f = {
+  name: "EvToggle",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    readonly: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    width: {
+      type: Number,
+      default: 40
+    },
+    activeColor: {
+      type: String,
+      default: "#409EFF"
+    },
+    inactiveColor: {
+      type: String,
+      default: "#DCDFE6"
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(a, { emit: l }) {
+    const e = u({
+      get: () => a.modelValue,
+      set: (o) => {
+        l("update:modelValue", o), l("change", o);
+      }
+    });
+    return {
+      mv: e,
+      clickMv: () => {
+        !a.disabled && !a.readonly && (e.value = !e.value);
+      }
+    };
+  }
+};
+function v(a, l, e, t, o, s) {
+  return i(), n("div", {
+    class: r(["ev-toggle", {
+      checked: e.modelValue,
+      disabled: e.disabled,
+      readonly: e.readonly
+    }]),
+    style: c({
+      width: `${e.width}px`,
+      border: `1px solid ${e.modelValue ? e.activeColor : e.inactiveColor}`,
+      "background-color": `${e.modelValue ? e.activeColor : e.inactiveColor}`
+    }),
+    onClick: l[0] || (l[0] = (...d) => t.clickMv && t.clickMv(...d))
+  }, null, 6);
+}
+const C = /* @__PURE__ */ m(f, [["render", v]]);
+export {
+  C as default
+};

package/dist/components/toggle/index.js

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

package/dist/components/tree/Tree.vue.js

@@ -0,0 +1,220 @@
+import { resolveComponent as w, openBlock as k, createElementBlock as b, Fragment as L, renderList as P, createBlock as M, withModifiers as W, toDisplayString as H, createCommentVNode as E, ref as K, computed as q, watch as S, onMounted as z, onBeforeUnmount as G } from "vue";
+import D from "./TreeNode.vue.js";
+import J from "../../_virtual/_plugin-vue_export-helper.js";
+const Q = {
+  name: "EvTree",
+  components: { TreeNode: D },
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    },
+    useCheckbox: {
+      type: Boolean,
+      default: !1
+    },
+    emptyText: {
+      type: String,
+      default: "No Data"
+    },
+    expandIcon: {
+      type: String,
+      default: ""
+    },
+    collapseIcon: {
+      type: String,
+      default: ""
+    },
+    contextMenuItems: {
+      type: Array,
+      default: () => []
+    },
+    searchWord: {
+      type: String,
+      default: ""
+    },
+    searchIncludeChildren: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: {
+    "click-node": null,
+    "dblclick-node": null,
+    check: Array
+  },
+  setup(i, { emit: a }) {
+    const d = K(i.data);
+    let c = [];
+    const v = K(null);
+    let m = !1;
+    const C = D;
+    function s(e) {
+      const n = c[e].parent;
+      if (typeof n > "u")
+        return;
+      const o = c[e].node, t = c[n].node;
+      if (!(o.checked === t.checked && o.indeterminate === t.indeterminate)) {
+        if (o.checked)
+          t.checked = t.children.every((r) => r.checked), t.indeterminate = !t.checked;
+        else {
+          const r = (h) => h.checked || o.indeterminate;
+          t.checked = !1, t.indeterminate = t.children.some(r);
+        }
+        s(n);
+      }
+    }
+    function u(e, n = {}) {
+      const o = Object.keys(n);
+      for (let t = 0; t < o.length; t++)
+        e[o[t]] = n[o[t]];
+      e.children && e.children.forEach((t) => {
+        u(t, n);
+      });
+    }
+    function y() {
+      let e = 0;
+      const n = [], o = [];
+      function t(r, h) {
+        const l = r;
+        l.nodeKey = e++, Object.hasOwnProperty.call(l, "selected") || (l.selected = !1), Object.hasOwnProperty.call(l, "visible") || (l.visible = !0), "value" in l && o.includes(l.value) ? (console.warn("[EVUI][Tree] The 'value' of data should be unique."), l.value += l.nodeKey) : "value" in l || (l.value = l.title + l.nodeKey), o.push(l.value), n[l.nodeKey] = { node: l, nodeKey: l.nodeKey }, typeof h < "u" && (n[l.nodeKey].parent = h.nodeKey, n[h.nodeKey].children.push(l.nodeKey)), l.children && (n[l.nodeKey].children = [], l.children.forEach((j) => t(j, l)));
+      }
+      return d.value.length && t(d.value[0]), n;
+    }
+    c = y();
+    function p() {
+      return c.filter((e) => e.node.checked).map((e) => e.node);
+    }
+    function N() {
+      p().forEach((n) => {
+        u(n, { checked: !0 });
+        const o = c[n.nodeKey].parent;
+        if (!o && o !== 0)
+          return;
+        const t = c[o].node;
+        typeof n.checked < "u" && n.checked && t.checked !== n.checked && s(n.nodeKey);
+      });
+    }
+    function B({ nodeKey: e, isChecked: n }) {
+      const o = c[e].node;
+      o.checked = n, o.indeterminate = !1, s(e), u(o, { checked: n, indeterminate: !1 });
+      const t = p();
+      a("check", t), N();
+    }
+    function A(e) {
+      const n = c[e].node;
+      for (let o = 0; o < c.length; o++)
+        c[o].node.nodeKey !== e && (c[o].node.selected = !1);
+      a("click-node", { title: n.title, value: n.value });
+    }
+    function O(e) {
+      const n = c[e].node;
+      a("dblclick-node", { title: n.title, value: n.value });
+    }
+    const g = (e) => {
+      i.contextMenuItems.length && m && (v.value.show(e), m = !1);
+    }, U = (e, n) => {
+      m = e, g(n);
+    }, x = (e, n) => e.toLowerCase().includes(n.toLowerCase()), I = (e) => {
+      var n;
+      if (e.children) {
+        const o = !!((n = e.children.filter(
+          (t) => x(t.title, i.searchWord)
+        )) != null && n.length);
+        e.children.forEach((t) => {
+          I(t), t.visible = o && x(t.title, i.searchWord) || !o;
+        });
+      }
+    };
+    function _(e) {
+      e.children && e.children.forEach((n) => {
+        n.visible = !1, _(n);
+      });
+    }
+    function T(e) {
+      if (!e && e !== 0)
+        return;
+      const n = c[e];
+      n.node.visible = !0, n.parent !== void 0 && T(n.parent);
+    }
+    function F(e) {
+      c.forEach((o) => {
+        const t = o.node;
+        t.visible = !1;
+      }), c.filter((o) => x(o.node.title, e)).forEach((o) => {
+        const t = o.node;
+        t.visible = !0, i.searchIncludeChildren ? I(t) : _(t);
+        const r = c[t.nodeKey].parent;
+        T(r);
+      });
+    }
+    const V = q(
+      () => !d.value.length || d.value.every((e) => !e.visible)
+    );
+    S(
+      () => i.data,
+      (e) => {
+        d.value = e, c = y();
+      },
+      {
+        deep: !0
+      }
+    );
+    let f;
+    return S(
+      () => i.searchWord,
+      (e) => {
+        f && clearTimeout(f), f = setTimeout(() => {
+          e ? F(e) : c.forEach((n) => {
+            const o = n.node;
+            o.visible = !0;
+          });
+        }, 200);
+      }
+    ), z(() => {
+      N();
+      const e = p();
+      e.length && a("check", e);
+    }), G(() => {
+      f && clearTimeout(f);
+    }), {
+      treeNodeData: d,
+      contextMenu: v,
+      component: C,
+      isShowEmptyText: V,
+      updateCheckedInfo: B,
+      clickContent: A,
+      dblClickContent: O,
+      showContextMenu: g,
+      getContextMenuFlag: U
+    };
+  }
+}, R = { class: "ev-tree-view" }, X = { key: 0 };
+function Y(i, a, d, c, v, m) {
+  const C = w("tree-node"), s = w("ev-context-menu");
+  return k(), b("div", R, [
+    (k(!0), b(L, null, P(c.treeNodeData, (u, y) => (k(), M(C, {
+      key: y,
+      data: u,
+      "use-checkbox": d.useCheckbox,
+      "expand-icon": d.expandIcon,
+      "collapse-icon": d.collapseIcon,
+      comp: c.component,
+      onUpdateCheckedInfo: c.updateCheckedInfo,
+      onClickNode: c.clickContent,
+      onDblclickNode: c.dblClickContent,
+      onShowContextMenu: c.getContextMenuFlag,
+      onContextmenu: W(c.showContextMenu, ["prevent"])
+    }, null, 8, ["data", "use-checkbox", "expand-icon", "collapse-icon", "comp", "onUpdateCheckedInfo", "onClickNode", "onDblclickNode", "onShowContextMenu", "onContextmenu"]))), 128)),
+    c.isShowEmptyText ? (k(), b("div", X, H(d.emptyText), 1)) : E("", !0),
+    d.contextMenuItems.length ? (k(), M(s, {
+      key: 1,
+      ref: "contextMenu",
+      items: d.contextMenuItems
+    }, null, 8, ["items"])) : E("", !0)
+  ]);
+}
+const ne = /* @__PURE__ */ J(Q, [["render", Y]]);
+export {
+  ne as default
+};

package/dist/components/tree/TreeNode.vue.js

@@ -0,0 +1,146 @@
+import { reactive as w, computed as m, resolveComponent as f, withDirectives as p, openBlock as d, createElementBlock as b, createElementVNode as r, normalizeClass as D, createBlock as k, createCommentVNode as C, toDisplayString as N, createVNode as T, TransitionGroup as _, withCtx as E, Fragment as S, renderList as V, resolveDynamicComponent as M, vShow as B } from "vue";
+/* empty css              */
+import F from "../../_virtual/_plugin-vue_export-helper.js";
+const K = {
+  name: "TreeNode",
+  props: {
+    data: {
+      type: Object,
+      require: !0,
+      default: () => ({})
+    },
+    useCheckbox: {
+      type: Boolean,
+      default: !1
+    },
+    expandIcon: {
+      type: String,
+      default: ""
+    },
+    collapseIcon: {
+      type: String,
+      default: ""
+    },
+    comp: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: {
+    "update-checked-info": null,
+    "click-node": null,
+    "dblclick-node": null,
+    "show-context-menu": null
+  },
+  setup(l, { emit: n }) {
+    const t = w(l.data), e = m(() => l.data.children && l.data.children.length), u = m(() => {
+      const c = l.expandIcon ? l.expandIcon : "ev-icon-s-play", a = l.expandIcon ? l.collapseIcon : "ev-icon-s-play";
+      return l.data.expand ? a : c;
+    }), h = m(() => l.data.children);
+    function i(c, a) {
+      n("update-checked-info", { nodeKey: a, isChecked: c });
+    }
+    function s({ nodeKey: c, isChecked: a }) {
+      n("update-checked-info", { nodeKey: c, isChecked: a });
+    }
+    function o() {
+      t.expand = !t.expand;
+    }
+    function x() {
+      t.disabled || (t.selected = !t.selected, n("click-node", t.nodeKey));
+    }
+    function v(c) {
+      n("click-node", c);
+    }
+    function I() {
+      t.disabled || n("dblclick-node", t.nodeKey);
+    }
+    function y(c) {
+      n("dblclick-node", c);
+    }
+    function g(c) {
+      n("show-context-menu", !0, c);
+    }
+    return {
+      expandIconClasses: u,
+      showExpandIcon: e,
+      treeData: t,
+      childrenInfo: h,
+      handleCheck: i,
+      emitCheckedInfo: s,
+      handleExpand: o,
+      clickTreeContent: x,
+      emitClickedContent: v,
+      dblClickTreeContent: I,
+      emitDblClickedContent: y,
+      handleContextmenu: g,
+      emitContextMenuFlag: (c, a) => {
+        n("show-context-menu", c, a);
+      }
+    };
+  }
+}, U = { class: "ev-tree-children" }, j = { class: "ev-tree-node" };
+function O(l, n, t, e, u, h) {
+  const i = f("ev-icon"), s = f("ev-checkbox");
+  return p((d(), b("ul", U, [
+    r("li", null, [
+      r("span", {
+        class: D([{ expand: e.treeData.expand }, "ev-tree-toggle"])
+      }, [
+        e.showExpandIcon ? (d(), k(i, {
+          key: 0,
+          icon: e.expandIconClasses,
+          onClick: e.handleExpand
+        }, null, 8, ["icon", "onClick"])) : C("", !0)
+      ], 2),
+      r("div", j, [
+        t.useCheckbox ? (d(), k(s, {
+          key: 0,
+          modelValue: e.treeData.checked,
+          "onUpdate:modelValue": n[0] || (n[0] = (o) => e.treeData.checked = o),
+          indeterminate: e.treeData.indeterminate,
+          disabled: e.treeData.disabled,
+          onChange: n[1] || (n[1] = (o) => e.handleCheck(e.treeData.checked, e.treeData.nodeKey))
+        }, null, 8, ["modelValue", "indeterminate", "disabled"])) : C("", !0),
+        e.treeData.iconClass ? (d(), k(i, {
+          key: 1,
+          icon: e.treeData.iconClass,
+          class: "ev-tree-icon"
+        }, null, 8, ["icon"])) : C("", !0),
+        r("span", {
+          class: D([{
+            "ev-tree-title-selected": e.treeData.selected,
+            "ev-tree-title-disabled": e.treeData.disabled
+          }, "ev-tree-title"]),
+          onContextmenu: n[2] || (n[2] = (...o) => e.handleContextmenu && e.handleContextmenu(...o)),
+          onClick: n[3] || (n[3] = (...o) => e.clickTreeContent && e.clickTreeContent(...o)),
+          onDblclick: n[4] || (n[4] = (...o) => e.dblClickTreeContent && e.dblClickTreeContent(...o))
+        }, N(e.treeData.title), 35)
+      ]),
+      T(_, { name: "fade" }, {
+        default: E(() => [
+          e.treeData.expand ? (d(!0), b(S, { key: 0 }, V(e.childrenInfo, (o, x) => (d(), k(M(t.comp), {
+            key: `${o.value}-${x}`,
+            data: o,
+            "use-checkbox": t.useCheckbox,
+            "expand-icon": t.expandIcon,
+            "collapse-icon": t.collapseIcon,
+            comp: t.comp,
+            onUpdateCheckedInfo: e.emitCheckedInfo,
+            onClickNode: e.emitClickedContent,
+            onDblclickNode: e.emitDblClickedContent,
+            onShowContextMenu: e.emitContextMenuFlag
+          }, null, 40, ["data", "use-checkbox", "expand-icon", "collapse-icon", "comp", "onUpdateCheckedInfo", "onClickNode", "onDblclickNode", "onShowContextMenu"]))), 128)) : C("", !0)
+        ]),
+        _: 1
+      })
+    ])
+  ], 512)), [
+    [B, e.treeData.visible]
+  ]);
+}
+const A = /* @__PURE__ */ F(K, [["render", O]]);
+export {
+  A as default
+};

package/dist/components/tree/index.js

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