@baishuyun/ui-base 2.0.0 → 2.2.0

package/dist/vendors/Tree-CCY2gtpG.js

@@ -0,0 +1,225 @@
+import { jsx as a, jsxs as N, Fragment as O } from "react/jsx-runtime";
+import M, { useMemo as j, useCallback as I, createContext as R, useContext as V, useEffect as $ } from "react";
+import { I as z } from "../Icon/Icon-BlkVlKDd.js";
+import { c as E } from "./clsx-OuTLNxxd.js";
+import { n as _ } from "./lodash-es-CZfJRWhO.js";
+import { B as A } from "../CheckBox/CheckBox-Bu40TO29.js";
+import F from "../Radio/index.js";
+import { useControllableValue as B } from "ahooks";
+import { getMatchingNodesPaths as W, getNodePath as q } from "../Tree/utils/index.js";
+const L = ({ text: e, highlight: s }) => {
+  const [t, o] = j(
+    () => e && s ? [e.toLowerCase(), s.toLowerCase()] : [],
+    [e, s]
+  ), g = I(() => {
+    if (!s.trim())
+      return [{ text: e, isMatch: !1 }];
+    const l = o ? t == null ? void 0 : t.indexOf(o) : -1;
+    return l === -1 || l === void 0 ? [{ text: e, isMatch: !1 }] : [
+      { text: e.slice(0, l), isMatch: !1 },
+      { text: e.slice(l, l + s.length), isMatch: !0 },
+      { text: e.slice(l + s.length), isMatch: !1 }
+    ].filter((c) => c.text);
+  }, [e, s, t, o])(), f = {
+    color: "#0265ff",
+    fontWeight: 500
+  };
+  return /* @__PURE__ */ a("div", { className: "select-none text-ellipsis overflow-hidden whitespace-nowrap truncate w-full", children: g.map(
+    (l, c) => l.isMatch ? /* @__PURE__ */ a("span", { style: f, children: l.text }, c) : /* @__PURE__ */ a("span", { children: l.text }, c)
+  ) });
+};
+L.displayName = "HighlightText";
+const G = M.memo(L), P = R({
+  searchValue: "",
+  selectedKeys: [],
+  expandedKeys: [],
+  parentCheckable: !1,
+  onSelect: _,
+  onExpand: _,
+  icon: void 0,
+  switcherIcon: void 0,
+  checkType: "default",
+  showSwitcher: !0
+}), J = 22, H = ({ node: e, level: s = 0, fieldNames: t }) => {
+  var r;
+  const o = V(P), {
+    searchValue: v,
+    selectedKeys: g,
+    expandedKeys: f,
+    onSelect: l,
+    onExpand: c,
+    onDeSelect: x,
+    parentCheckable: w,
+    checkType: d,
+    showSwitcher: k
+  } = V(P), h = e[t.children] && e[t.children].length > 0, m = g.includes(e[t.value]), p = h ? f.includes(e[t.value]) : !1, y = () => {
+    if (e.checkable === !1) {
+      h && (c == null || c(e[t.value], !p));
+      return;
+    }
+    if (h) {
+      w ? C() : c == null || c(e[t.value], !p);
+      return;
+    }
+    C();
+  }, C = () => {
+    m ? x == null || x(e[t.value]) : l == null || l(e[t.value], e);
+  }, K = (n) => {
+    n.stopPropagation(), h && (c == null || c(e[t.value], !p));
+  }, S = (n = !1) => {
+    const i = e.icon || o.icon;
+    if (!i) return null;
+    const u = typeof i == "function" ? i(e) : i;
+    return M.isValidElement(u) ? /* @__PURE__ */ a(
+      "span",
+      {
+        className: E({
+          "text-[#0265ff]": n,
+          "text-[#73819c]": !n
+        }),
+        children: u
+      }
+    ) : null;
+  }, T = (n) => h ? o.switcherIcon ? o.switcherIcon(n) : /* @__PURE__ */ a(
+    z,
+    {
+      name: "arrow-right",
+      className: E("transition-transform duration-300 ease-in-out text-[#666]", {
+        "rotate-90": n
+      })
+    }
+  ) : null, b = () => h && !w || d === "default" || e.checkable === !1 ? null : /* @__PURE__ */ N("div", { className: "ml-auto shrink-0", children: [
+    d === "radio" && /* @__PURE__ */ a(F, { checked: m }),
+    d === "checkbox" && /* @__PURE__ */ a(A, { checked: m })
+  ] });
+  return /* @__PURE__ */ N(O, { children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: E("rounded-[4px] cursor-pointer", {
+          "text-[#0265ff] bg-[#f0f6ff]": m && d === "default",
+          "hover:bg-[#f3f3f3]": !m || d !== "default"
+        }),
+        onClick: y,
+        children: /* @__PURE__ */ N(
+          "div",
+          {
+            className: "flex items-center px-[10px] py-[7px] gap-x-[6px]",
+            style: { marginLeft: `${s * J}px` },
+            children: [
+              /* @__PURE__ */ a(
+                "div",
+                {
+                  className: E("w-4 h-4 flex items-center justify-center flex-shrink-0", {
+                    hidden: !k
+                  }),
+                  onClick: K,
+                  children: T(p)
+                }
+              ),
+              S(m),
+              M.isValidElement(e[t.title]) ? e[t.title] : /* @__PURE__ */ a(G, { text: e[t.title], highlight: v }),
+              b()
+            ]
+          }
+        )
+      }
+    ),
+    h && /* @__PURE__ */ a(
+      "div",
+      {
+        className: "grid transition-[grid-template-rows] duration-300 ease-in-out",
+        style: { gridTemplateRows: p ? "1fr" : "0fr" },
+        children: /* @__PURE__ */ a("div", { className: "overflow-hidden", children: (r = e[t.children]) == null ? void 0 : r.map((n) => /* @__PURE__ */ a(
+          H,
+          {
+            node: n,
+            level: s + 1,
+            fieldNames: t
+          },
+          n[t.value]
+        )) })
+      }
+    )
+  ] });
+}, Q = (e) => {
+  const {
+    data: s,
+    searchValue: t = "",
+    fieldNames: o = { title: "title", value: "value", children: "children" },
+    icon: v,
+    switcherIcon: g,
+    onSelect: f,
+    parentCheckable: l = !1,
+    checkType: c = "default",
+    defaultExpandedKeys: x,
+    showSwitcher: w = !0,
+    onDeSelect: d
+  } = e, [k, h] = B(e, {
+    defaultValuePropName: "defaultSelectedKeys",
+    valuePropName: "selectedKeys",
+    defaultValue: [],
+    trigger: "__DO_NOT_CALLED__"
+  }), m = () => {
+    var n;
+    const r = /* @__PURE__ */ new Set();
+    return (n = e.selectedKeys) != null && n.length ? (e.selectedKeys.forEach((i) => {
+      const u = q(s, i, o);
+      u && u.length > 1 && u.slice(0, -1).forEach((D) => r.add(D));
+    }), [...r]) : [];
+  }, [p, y] = B(e, {
+    valuePropName: "expandedKeys",
+    defaultValuePropName: "defaultExpandedKeys",
+    defaultValue: m(),
+    trigger: "onExpand"
+  });
+  $(() => {
+    if (!t) {
+      if (k.length || x != null && x.length) return;
+      y([]);
+      return;
+    }
+    const r = /* @__PURE__ */ new Set(), n = W(s, t, o);
+    if (n.length === 0) {
+      y([]);
+      return;
+    }
+    n.forEach((i) => i.slice(0, -1).forEach((u) => r.add(u))), r.size !== 0 && y([...r]);
+  }, [t]);
+  const C = I(
+    (r, n) => {
+      h((i) => c === "checkbox" ? [.../* @__PURE__ */ new Set([...i, r])] : [r]), f && (f == null || f(r, n));
+    },
+    [f, h, c]
+  ), K = (r, n) => {
+    C(r, n);
+  }, S = I(
+    (r) => {
+      h((n) => n.filter((i) => i !== r)), d == null || d(r);
+    },
+    [h, d]
+  ), T = (r, n) => {
+    const i = n ? [...p, r] : p.filter((u) => u !== r);
+    y(i);
+  };
+  if (!(s != null && s.length)) return null;
+  const b = {
+    searchValue: t,
+    selectedKeys: k,
+    expandedKeys: p,
+    onSelect: K,
+    onDeSelect: S,
+    onExpand: T,
+    icon: v,
+    switcherIcon: g,
+    checkType: c,
+    parentCheckable: l,
+    showSwitcher: w
+  };
+  return /* @__PURE__ */ a(P.Provider, { value: b, children: /* @__PURE__ */ a("div", { className: "bsy-tree text-sm", children: s.map((r) => /* @__PURE__ */ a(H, { node: r, fieldNames: o }, r[o.value])) }) });
+};
+Q.displayName = "BsyTree";
+export {
+  G as H,
+  Q as T
+};