ik-next-ui 0.0.6 → 0.0.7

package/dist/IkTree/ik-next-ui.css

@@ -1 +1 @@
-.ik-tree-main[data-v-5bc868cd]{display:flex;flex-direction:column;height:100%;width:100%}.ik-tree-main.auto-flow[data-v-5bc868cd]{margin:-20px}.ik-tree-main.auto-flow .ik-tree-search[data-v-5bc868cd]{padding:0 var(--v7b25cf50)}.ik-tree-main.auto-flow .ik-tree.el-tree[data-v-5bc868cd]{padding:0 var(--v7b25cf50);overflow:auto}.ik-tree-main .ik-tree-search[data-v-5bc868cd]{margin-bottom:8px}.ik-tree-main .ik-tree-search[data-v-5bc868cd] .el-input-group__append{padding:0}.ik-tree-main .ik-tree.el-tree[data-v-5bc868cd]{flex:1;color:var(--ik-color-font-normal)}.ik-tree-main .ik-tree.el-tree.auto-flow[data-v-5bc868cd]{margin-right:calc(var(--v7b25cf50) * -1);padding-right:var(--v7b25cf50)}.ik-tree-main .ik-tree.el-tree[data-v-5bc868cd] .el-tree-node.is-current.is-focusable>.el-tree-node__content{color:var(--el-color-primary);background-color:var(--el-color-primary-light-9)}.ik-tree-main .ik-tree.el-tree[data-v-5bc868cd] .el-tree-node.is-expanded.is-focusable:not(.is-current)>.el-tree-node__content{color:var(--ik-text-color);background-color:transparent}.ik-tree-main .ik-tree.el-tree[data-v-5bc868cd] .el-tree-node:not(.is-current)>.el-tree-node__content{background-color:transparent!important}
+.ik-tree-main[data-v-cd738723]{display:flex;flex-direction:column;height:100%;width:100%}.ik-tree-main.auto-flow[data-v-cd738723]{margin:-20px}.ik-tree-main.auto-flow .ik-tree-search[data-v-cd738723]{padding:0 var(--a631d680)}.ik-tree-main.auto-flow .ik-tree.el-tree[data-v-cd738723]{padding:0 var(--a631d680);overflow:auto}.ik-tree-main .ik-tree-search[data-v-cd738723]{margin-bottom:8px}.ik-tree-main .ik-tree-search[data-v-cd738723] .el-input-group__append{padding:0}.ik-tree-main .ik-tree.el-tree[data-v-cd738723]{flex:1;color:var(--ik-color-font-normal)}.ik-tree-main .ik-tree.el-tree.auto-flow[data-v-cd738723]{margin-right:calc(var(--a631d680) * -1);padding-right:var(--a631d680)}.ik-tree-main .ik-tree.el-tree[data-v-cd738723] .el-tree-node.is-current.is-focusable>.el-tree-node__content{color:var(--el-color-primary);background-color:var(--el-color-primary-light-9)}.ik-tree-main .ik-tree.el-tree[data-v-cd738723] .el-tree-node.is-expanded.is-focusable:not(.is-current)>.el-tree-node__content{color:var(--ik-text-color);background-color:transparent}.ik-tree-main .ik-tree.el-tree[data-v-cd738723] .el-tree-node:not(.is-current)>.el-tree-node__content{background-color:transparent!important}

package/dist/IkTree/ik.index.es.js

@@ -1,12 +1,15 @@
-import { defineComponent as $, useCssVars as S, ref as m, watch as b, computed as x, resolveComponent as T, openBlock as v, createElementBlock as V, Fragment as B, renderSlot as y, createElementVNode as N, normalizeClass as I, createBlock as K, unref as h, createCommentVNode as E, createVNode as F, mergeProps as U, createSlots as O, withCtx as P } from "vue";
-import { ElTree as R } from "element-plus";
-import { Search as j } from "@element-plus/icons-vue";
-const z = (t, d) => (t.install = (r) => {
+import { defineComponent as N, useCssVars as V, useAttrs as B, computed as m, ref as k, watch as F, resolveComponent as I, openBlock as h, createElementBlock as O, Fragment as A, renderSlot as y, createElementVNode as M, normalizeClass as U, createBlock as $, unref as v, createCommentVNode as j, createVNode as E, mergeProps as P, createSlots as R, withCtx as z } from "vue";
+import { ElTree as _ } from "element-plus";
+import { Search as q } from "@element-plus/icons-vue";
+const D = (t, i) => (t.install = (a) => {
   for (const l of [t, ...Object.values({})])
-    r.component(l.name, l);
-}, t), A = /* @__PURE__ */ $({
+    a.component(l.name, l);
+}, t), G = /* @__PURE__ */ N({
+  name: "IkTree",
+  inheritAttrs: !1,
   __name: "IkTree",
   props: {
+    // ===== IkTree 自定义属性 =====
     showSearch: {
       type: Boolean,
       default: !0
@@ -15,10 +18,6 @@ const z = (t, d) => (t.install = (r) => {
       type: String,
       default: "请输入名称检索"
     },
-    emptyText: {
-      type: String,
-      default: "暂无数据"
-    },
     // 是否自适应滚动
     autoFlow: {
       type: Boolean,
@@ -34,91 +33,120 @@ const z = (t, d) => (t.install = (r) => {
       type: Boolean,
       default: !1
     },
+    // ===== el-tree 常用属性（提供更好的类型提示和默认值）=====
     data: {
       type: Array,
       default: () => []
+    },
+    emptyText: {
+      type: String,
+      default: "暂无数据"
+    },
+    nodeKey: {
+      type: String,
+      default: "id"
+    },
+    props: {
+      type: Object,
+      default: () => ({ children: "children", label: "label" })
     }
   },
   emits: ["node-click"],
-  setup(t, { expose: d, emit: r }) {
-    S((e) => ({
-      v7b25cf50: g.value
+  setup(t, { expose: i, emit: a }) {
+    V((e) => ({
+      a631d680: x.value
     }));
-    const l = t, a = m(""), c = m();
-    b(
-      () => a.value,
+    const l = t, s = B(), g = [
+      "showSearch",
+      "placeholder",
+      "autoFlow",
+      "padding",
+      "clickUncheck"
+    ], w = m(() => {
+      const e = {};
+      for (const [o, n] of Object.entries(s))
+        g.includes(o) || (e[o] = n);
+      return e;
+    }), d = k(""), c = k();
+    F(
+      () => d.value,
       (e) => {
-        var n;
-        (n = c.value) == null || n.filter(e);
+        var o;
+        (o = c.value) == null || o.filter(e);
       }
     );
-    const g = x(
+    const x = m(
       () => typeof l.padding == "string" ? l.padding : `${l.padding}px`
-    ), C = () => {
-      a.value = "";
-    }, p = r, s = m(null), w = (e) => {
-      var u, o, i;
+    ), b = () => {
+      d.value = "";
+    }, p = a, f = k(null), C = (e) => {
+      var n, r, u;
       if (!l.clickUncheck) {
         p("node-click", e);
         return;
       }
-      const n = (u = c.value) == null ? void 0 : u.getCurrentKey();
-      if (s.value !== null && n === s.value)
-        (o = c.value) == null || o.setCurrentKey(), s.value = null, p("node-click", null);
+      const o = (n = c.value) == null ? void 0 : n.getCurrentKey();
+      if (f.value !== null && o === f.value)
+        (r = c.value) == null || r.setCurrentKey(), f.value = null, p("node-click", null);
       else {
         p("node-click", e);
-        const f = (i = c.value) == null ? void 0 : i.getCurrentKey();
-        s.value = f ?? null;
+        const K = (u = c.value) == null ? void 0 : u.getCurrentKey();
+        f.value = K ?? null;
       }
-    };
-    return d({ tree: c, filterText: a, resetInput: C }), (e, n) => {
-      const u = T("el-input");
-      return v(), V(
-        B,
+    }, S = (e, o) => {
+      var r, u;
+      const n = typeof ((r = l.props) == null ? void 0 : r.label) == "string" ? l.props.label : "label";
+      return ((u = o[n]) == null ? void 0 : u.includes(e)) ?? !1;
+    }, T = m(() => {
+      const e = s.filterNodeMethod || s["filter-node-method"];
+      return e || S;
+    });
+    return i({ tree: c, filterText: d, resetInput: b }), (e, o) => {
+      const n = I("el-input");
+      return h(), O(
+        A,
         null,
         [
           y(e.$slots, "inset", {}, void 0, !0),
-          N(
+          M(
             "div",
             {
-              class: I(["ik-tree-main", { "auto-flow": t.autoFlow }])
+              class: U(["ik-tree-main", { "auto-flow": t.autoFlow }])
             },
             [
-              t.showSearch ? (v(), K(u, {
+              t.showSearch ? (h(), $(n, {
                 key: 0,
-                modelValue: a.value,
-                "onUpdate:modelValue": n[0] || (n[0] = (o) => a.value = o),
+                modelValue: d.value,
+                "onUpdate:modelValue": o[0] || (o[0] = (r) => d.value = r),
                 modelModifiers: { trim: !0 },
                 class: "w-full ik-tree-search",
                 placeholder: t.placeholder,
                 clearable: "",
-                "suffix-icon": h(j)
-              }, null, 8, ["modelValue", "placeholder", "suffix-icon"])) : E("v-if", !0),
-              F(h(R), U({
+                "suffix-icon": v(q)
+              }, null, 8, ["modelValue", "placeholder", "suffix-icon"])) : j("v-if", !0),
+              E(v(_), P({
                 ref_key: "treeRef",
-                ref: c,
-                "empty-text": t.emptyText
-              }, e.$attrs, {
-                data: t.data || e.$attrs.data,
-                "node-key": e.$attrs["node-key"] || e.$attrs.nodeKey || "id",
+                ref: c
+              }, w.value, {
+                data: t.data,
+                "empty-text": t.emptyText,
+                "node-key": t.nodeKey,
+                props: l,
+                "filter-node-method": T.value,
                 class: "ik-tree",
-                onNodeClick: w,
-                "filter-node-method": (o, i) => {
-                  var f, k;
-                  return i[((k = (f = e.$attrs) == null ? void 0 : f.props) == null ? void 0 : k.label) || "label"].includes(o);
-                }
-              }), O({
+                onNodeClick: C
+              }), R({
                 _: 2
                 /* DYNAMIC */
               }, [
                 e.$slots.default ? {
                   name: "default",
-                  fn: P(({ data: o }) => [
-                    y(e.$slots, "default", { data: o }, void 0, !0)
+                  fn: z(({ data: r }) => [
+                    y(e.$slots, "default", { data: r }, void 0, !0)
                   ]),
                   key: "0"
                 } : void 0
-              ]), 1040, ["empty-text", "data", "node-key", "filter-node-method"])
+              ]), 1040, ["data", "empty-text", "node-key", "props", "filter-node-method"])
             ],
             2
             /* CLASS */
@@ -129,13 +157,13 @@ const z = (t, d) => (t.install = (r) => {
       );
     };
   }
-}), M = (t, d) => {
-  const r = t.__vccOpts || t;
-  for (const [l, a] of d)
-    r[l] = a;
-  return r;
-}, q = /* @__PURE__ */ M(A, [["__scopeId", "data-v-5bc868cd"]]), J = z(q);
+}), H = (t, i) => {
+  const a = t.__vccOpts || t;
+  for (const [l, s] of i)
+    a[l] = s;
+  return a;
+}, J = /* @__PURE__ */ H(G, [["__scopeId", "data-v-cd738723"]]), X = D(J);
 export {
-  J as IkTree,
-  J as default
+  X as IkTree,
+  X as default
 };