evui 3.5.0 → 3.5.1

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

@@ -1,66 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,220 +0,0 @@
-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

@@ -1,146 +0,0 @@
-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

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