@unicom-cloud/ui 0.8.41

package/chunk/CwewmGEF.js

@@ -0,0 +1,516 @@
+import { jsxs as ke, jsx as E } from "react/jsx-runtime";
+import { isEmptyValue as ye, isEmptyArray as Se, isEmptyObject as Ve } from "@unicom-cloud/utils/is";
+import ve from "lodash/debounce";
+import z from "lodash/isArray";
+import F from "lodash/isFunction";
+import Pe from "lodash/isNil";
+import B from "lodash/isPlainObject";
+import { forwardRef as oe, useRef as x, useCallback as K, useMemo as Y, useImperativeHandle as ue, useContext as de, useState as ee, useEffect as ie } from "react";
+import "./DP2rzg_V.js";
+import { a as fe } from "./Dc_89PVN.js";
+import Ke from "../hooks/useId.js";
+import Ie from "../hooks/useIsFirstRender.js";
+import _e from "../hooks/useMergeProps.js";
+import ce from "../hooks/useMergeValue.js";
+import Te from "../SelectView.js";
+import "./BVC51EZ7.js";
+import { T as L, g as Ne, a as Oe, b as we } from "./vpaTr5dz.js";
+import xe from "../Trigger.js";
+import Z from "@unicom-cloud/utils/class-name";
+import Le from "lodash/isString";
+import Re from "../hooks/useForceUpdate.js";
+import te from "../hooks/useUpdateEffect.js";
+import ae from "lodash/isEqualWith";
+import De from "lodash/isUndefined";
+import He from "../hooks/usePrevious.js";
+function Ee(t, o) {
+  const {
+    value: l,
+    multiple: f,
+    loadMore: h,
+    treeCheckedStrategy: i,
+    treeCheckStrictly: e,
+    treeData: u,
+    treeProps: C,
+    prefixCls: n,
+    treeCheckable: v
+  } = t, k = C && C.renderTitle, m = x(), d = K(
+    (p, { checkedNodes: a, checked: s, node: b }) => {
+      const P = p.map((y) => {
+        const T = a.find((I) => I && I.props._key === y);
+        return T ? {
+          label: T.props.title,
+          value: T.props._key,
+          disabled: T.props.disabled
+        } : l.find((D) => D.value === y) || {
+          label: y,
+          value: y
+        };
+      });
+      t.onChange(P, {
+        checked: s,
+        trigger: b == null ? void 0 : b.props
+      });
+    },
+    [t.onChange, l]
+  ), _ = K(
+    (p, { node: a, selected: s }) => {
+      let b = [
+        {
+          value: a.props._key,
+          label: a.props.title
+        }
+      ];
+      if (f) {
+        b = [...l];
+        const P = b.findIndex((y) => y.value === a.props._key);
+        P > -1 ? b.splice(P, 1) : b.push({
+          value: a.props._key,
+          label: a.props.title
+        });
+      }
+      t.onChange(b, { trigger: a == null ? void 0 : a.props, selected: s });
+    },
+    [t.onChange, l, f]
+  ), R = K((p, { node: a, e: s }) => {
+    var I, D;
+    const { checked: b, checkable: P, disabled: y, disableCheckbox: T } = a.props;
+    m.current && !T && !y && P !== !1 && ((D = (I = m.current) == null ? void 0 : I.handleCheck) == null || D.call(I, !b, a.props._key, s));
+  }, []), N = K(
+    (p) => {
+      if (F(h)) {
+        const a = p.props.dataRef;
+        return h(p, a);
+      }
+      return [];
+    },
+    [h]
+  ), q = K(
+    (p) => {
+      if (k)
+        return k(p);
+      const a = t.inputValue, { title: s } = p;
+      if (a && Le(s)) {
+        const b = s.toLowerCase().indexOf(a.toLowerCase());
+        if (b === -1)
+          return s;
+        const P = s.substr(0, b), y = s.substr(b + a.length);
+        return /* @__PURE__ */ ke("span", { children: [
+          P,
+          /* @__PURE__ */ E("span", { className: `${n}-highlight`, children: s.substr(b, a.length) }),
+          y
+        ] });
+      }
+      return s;
+    },
+    [n, t.inputValue, k]
+  ), S = Y(() => t.treeCheckable ? {
+    onCheck: d,
+    checkedKeys: l.map((p) => p.value)
+  } : {}, [d, l, t.treeCheckable]), J = Y(() => t.treeCheckable ? [] : l.map((p) => p.value), [t.treeCheckable, l]), A = K(
+    (p, a) => {
+      t.treeCheckable ? R(p, a) : _(p, a);
+    },
+    [t.treeCheckable, R, _]
+  );
+  return ue(
+    o,
+    () => m.current,
+    []
+  ), /* @__PURE__ */ E(
+    L,
+    {
+      ref: m,
+      size: t.size,
+      blockNode: !0,
+      filterNode: t.filterNode,
+      ...C,
+      checkable: v,
+      multiple: f,
+      loadMore: t.loadMore ? N : void 0,
+      checkedStrategy: i,
+      checkStrictly: e,
+      onMouseDown: (p) => {
+        p.preventDefault();
+      },
+      ...S,
+      treeData: u,
+      fieldNames: t.fieldNames,
+      renderTitle: q,
+      onSelect: A,
+      selectedKeys: J
+    }
+  );
+}
+const Ae = oe(Ee), he = {
+  key: "key",
+  title: "title",
+  children: "children",
+  selectable: "selectable",
+  disabled: "disabled",
+  disableCheckbox: "disableCheckbox",
+  checkable: "checkable",
+  isLeaf: "isLeaf"
+}, se = (t, o, l) => {
+  const f = {};
+  let h = 0;
+  const i = (e, u) => {
+    const C = e.length;
+    return e.map((n, v) => {
+      const k = n[l.children], m = l.key in n ? n[l.key] : `${(u == null ? void 0 : u._key) || ""}-${v}`, d = {
+        ...n,
+        title: n[l.title],
+        selectable: n[l.selectable],
+        disabled: n[l.disabled],
+        disableCheckbox: n[l.disableCheckbox],
+        checkable: n[l.checkable],
+        isLeaf: n[l.isLeaf],
+        key: m,
+        children: k,
+        _key: m,
+        parentKey: u ? u._key : void 0,
+        pathParentKeys: u && u.pathParentKeys || [],
+        _level: u._level || 0,
+        _index: h++
+      };
+      return C === v + 1 && (d.className = Z(
+        `${o}-node-is-tail`,
+        d.className
+      )), f[m] = d, k && k.length && (f[m].children = i(k, {
+        _key: m,
+        _level: d._level + 1,
+        pathParentKeys: [...(u == null ? void 0 : u.pathParentKeys) || [], m]
+      })), d;
+    });
+  };
+  return i(t || [], {}), f;
+}, Fe = (t, o) => {
+  const { getPrefixCls: l } = de(fe), f = {
+    ...he,
+    ...o
+  }, h = Re(), i = l("tree"), e = x(
+    se(t, i, f)
+  );
+  return te(() => {
+    e.current = se(t, i, f), h();
+  }, [t]), e.current;
+}, U = (t) => {
+  let o = t;
+  return z(t) || (o = t == null ? [] : [t]), o.map((l) => B(l) ? l.value : l);
+}, j = (t, o, l) => t == null ? [] : (z(t) ? t : [t]).map((h) => {
+  let i = B(h) ? { ...h } : { value: h, label: void 0 };
+  const e = o[i.value];
+  if (e)
+    i.label = i.label || e.title, i.disabled = e.disabled;
+  else if (z(l)) {
+    const u = l.find((C) => C.value === i.value);
+    i = {
+      ...i,
+      ...u
+    };
+  }
+  return De(i.label) && (i.label = i.value), i;
+}), We = (t, o, l, f) => {
+  if (!f.treeCheckStrictly) {
+    const { checkedKeys: h, indeterminateKeys: i } = Ne(t, o);
+    let e = h;
+    return l.current = i, f.treeCheckedStrategy === L.SHOW_PARENT ? e = e.filter((u) => {
+      const C = o[u];
+      if (!C || e.indexOf(C.parentKey) === -1)
+        return !0;
+    }) : f.treeCheckedStrategy === L.SHOW_CHILD && (e = e.filter((u) => {
+      const C = o[u];
+      if (!C || !C.children || !C.children.length)
+        return !0;
+    })), e;
+  }
+  return l.current = [], t;
+}, Me = (t, o, l) => {
+  const f = x([]), h = () => {
+    const n = t.value || t.defaultValue || [];
+    if (t.treeCheckable) {
+      const v = We(
+        U(n),
+        o,
+        l,
+        t
+      ), k = j(
+        n,
+        o,
+        f.current
+      );
+      return j(
+        v,
+        o,
+        k
+      );
+    }
+    return j(n, o);
+  }, [i, e] = ee(h), u = (n) => {
+    f.current = n, e(n);
+  };
+  te(() => {
+    const n = h();
+    "value" in t && (t.labelInValue ? ae(
+      U(i),
+      U(n)
+    ) || u(n) : ae(i, n) || u(n));
+  }, [
+    t.treeCheckedStrategy,
+    t.treeCheckStrictly,
+    t.treeCheckable,
+    t.value,
+    o
+  ]);
+  const C = K(
+    (n, v) => {
+      const { onChange: k, labelInValue: m } = t, d = t.multiple || t.treeCheckable;
+      "value" in t || u(n);
+      let _;
+      d ? _ = n.map((R) => m ? { label: R.label, value: R.value } : R.value) : _ = m ? n[0] : n[0] && n[0].value, k == null || k(_, v);
+    },
+    [
+      t.onChange,
+      t.labelInValue,
+      t.multiple,
+      t.treeCheckable,
+      t.value
+    ]
+  );
+  return [i, C];
+};
+function $e(t) {
+  const o = He(t) || {}, l = () => t.treeData || Oe(t.children), [f, h] = ee(l());
+  return te(() => {
+    (t.treeData !== o.treeData || t.children !== o.children) && h(l());
+  }, [t]), [f];
+}
+const Ue = {
+  bordered: !0,
+  treeCheckedStrategy: L.SHOW_CHILD,
+  fieldNames: he
+}, je = { bottom: 4 }, ze = (t, o) => {
+  const { getPrefixCls: l, renderEmpty: f, componentConfig: h, rtl: i } = de(fe), e = _e(
+    t,
+    Ue,
+    h == null ? void 0 : h.TreeSelect
+  ), u = Ie(), C = x(), n = x(null), v = x(null), k = x([]), [m] = $e(e), d = Fe(m, e.fieldNames), [_, R] = ee(), [N, q] = ce(!1, {
+    value: e.popupVisible
+  }), [S, J] = ce(
+    void 0,
+    // Compatible with previous behavior 'undefined as default'
+    {
+      value: "inputValue" in e ? e.inputValue || "" : void 0
+    }
+  ), A = x(S), p = x(null), { onInputValueChange: a } = e, [s, b] = Me(
+    e,
+    d,
+    k
+  ), P = e.multiple || e.treeCheckable, y = l("tree-select"), T = S && !F(e.onSearch), I = Ke(`${y}-popup-`), D = (r) => {
+    var c;
+    r !== N && (q(r), (c = e.onVisibleChange) == null || c.call(e, r));
+  }, G = (r, c) => {
+    (r !== A.current || c !== p.current) && (J(r), A.current = r, p.current = c, a == null || a(r, c));
+  }, me = K(
+    (r) => ve(async (g) => {
+      if (F(e.onSearch)) {
+        await e.onSearch(g);
+        return;
+      }
+      if (!g)
+        return m;
+      const V = /* @__PURE__ */ new Set();
+      Object.keys(d).forEach((O) => {
+        const w = d[O];
+        let H = !1;
+        if (F(e.filterTreeNode))
+          e.filterTreeNode(g, /* @__PURE__ */ E(L.Node, { ...w })) && (H = !0);
+        else {
+          const $ = w.value || w._key;
+          $ && $.indexOf(g) > -1 && (H = !0);
+        }
+        H && V.add(w.key);
+      }), R(V);
+    }, 100)(r),
+    [e.onSearch, m, d, e.filterTreeNode]
+  ), re = K(() => {
+    let r = !0;
+    B(e.showSearch) && (r = e.showSearch.retainInputValueWhileSelect !== !1), e.multiple && !r && S !== void 0 && G("", "optionChecked");
+  }, [S, e.multiple, JSON.stringify(e.showSearch)]), M = K(
+    (r, c) => {
+      b(r, c), re(), P || D(!1);
+    },
+    [b, re, N]
+  ), pe = (r, c, g) => {
+    if (g.stopPropagation(), r.disabled)
+      return;
+    const V = B(r.value) ? r.value.value : r.value;
+    if (!e.treeCheckable || e.treeCheckStrictly || !d[V]) {
+      const w = s.filter((H, $) => $ !== c);
+      M(w, {
+        trigger: d[V] || r,
+        checked: !1,
+        selected: !1
+      });
+      return;
+    }
+    const O = we(
+      V,
+      !1,
+      U(s),
+      d,
+      k.current
+    );
+    k.current = O.indeterminateKeys, M(j(O.checkedKeys, d, s), {
+      trigger: d[V],
+      checked: !1,
+      selected: !1
+    });
+  };
+  function Q(r) {
+    return ye(r) || Se(r) || Ve(r);
+  }
+  ie(() => {
+    S !== void 0 && me(S), S !== A.current && (A.current = S);
+  }, [S]);
+  const X = Y(() => {
+    let r = [];
+    if (S)
+      for (const c in d) {
+        const V = [...d[c].pathParentKeys, c];
+        V.some((O) => _ && _.has(O)) && (r = r.concat(V));
+      }
+    return Array.from(new Set(r));
+  }, [S, d, _]);
+  ie(() => {
+    N ? setTimeout(() => {
+      const r = s[0];
+      n.current && r && n.current.scrollIntoView(r.value);
+    }) : u || S && G("", "optionListHide");
+  }, [N]), ue(o, () => ({
+    focus() {
+      v.current && v.current.focus();
+    },
+    blur() {
+      v.current && v.current.blur();
+    }
+  }));
+  const be = K(
+    (r) => T ? X.indexOf(r._key) > -1 : !0,
+    [T, X]
+  ), ge = K(
+    (r) => {
+      const { disabled: c, value: g } = r || {};
+      let V = r == null ? void 0 : r.label;
+      return F(e.renderFormat) && (V = e.renderFormat(
+        d[g] || null,
+        e.labelInValue ? r : g
+      )), { text: V || g || "", disabled: c };
+    },
+    [e.renderFormat, e.labelInValue, d]
+  ), Ce = (r) => {
+    b(r, {});
+  }, le = (r) => {
+    var c;
+    return /* @__PURE__ */ E(
+      xe,
+      {
+        autoAlignPopupWidth: !1,
+        autoAlignPopupMinWidth: !0,
+        ref: C,
+        classNames: "slideDynamicOrigin",
+        trigger: "click",
+        position: "bl",
+        getPopupContainer: e.getPopupContainer,
+        popupAlign: je,
+        unmountOnExit: e.unmountOnExit,
+        ...e.triggerProps,
+        className: Z(`${y}-trigger`, (c = e.triggerProps) == null ? void 0 : c.className),
+        popup: () => {
+          var O, w, H;
+          const g = e.dropdownRender, V = T && Q(X) || Q(m) ? e.notFoundContent || (f == null ? void 0 : f("TreeSelect")) : /* @__PURE__ */ E(
+            Ae,
+            {
+              prefixCls: y,
+              ref: n,
+              ...e,
+              inputValue: S,
+              filterNode: be,
+              value: s,
+              onChange: M,
+              multiple: P,
+              treeData: m
+            }
+          );
+          return /* @__PURE__ */ E(
+            "div",
+            {
+              id: I,
+              className: Z(`${y}-popup`, {
+                [`${y}-rtl-popup`]: i
+              }),
+              style: {
+                maxHeight: (O = e.treeProps) != null && O.height || (H = (w = e.treeProps) == null ? void 0 : w.virtualListProps) != null && H.height ? "unset" : "",
+                ...e.dropdownMenuStyle
+              },
+              children: F(g) ? g(V) : V
+            }
+          );
+        },
+        disabled: e.disabled,
+        onVisibleChange: (g) => {
+          D(g);
+        },
+        popupVisible: N,
+        children: r
+      }
+    );
+  }, ne = typeof e.triggerElement == "function" ? (() => {
+    var c;
+    let r;
+    return P ? r = s.map(
+      (g) => e.labelInValue ? { label: g.label, value: g.value } : g.value
+    ) : r = e.labelInValue ? s[0] : (c = s[0]) == null ? void 0 : c.value, e.triggerElement({ value: r });
+  })() : e.triggerElement;
+  return Pe(ne) ? /* @__PURE__ */ E(
+    Te,
+    {
+      ref: v,
+      rtl: i,
+      ariaControls: I,
+      ...e,
+      popupVisible: N,
+      value: !P && z(s) ? s[0] : s,
+      inputValue: S,
+      isEmptyValue: Q(s),
+      prefixCls: y,
+      isMultiple: P,
+      renderText: ge,
+      onSort: Ce,
+      onRemoveCheckedItem: pe,
+      onClear: (r) => {
+        var c;
+        r.stopPropagation(), M([], {}), (c = e.onClear) == null || c.call(e, !!N);
+      },
+      onKeyDown: (r) => {
+        var c;
+        r.stopPropagation(), (c = e.onKeyDown) == null || c.call(e, r);
+      },
+      onFocus: (r) => {
+        r && r.stopPropagation();
+      },
+      onChangeInputValue: (r) => {
+        G(r, "manual");
+      },
+      renderView: le
+    }
+  ) : le(ne);
+}, Be = oe(ze), W = Be;
+W.displayName = "TreeSelect";
+W.Node = L.Node;
+W.SHOW_ALL = L.SHOW_ALL;
+W.SHOW_PARENT = L.SHOW_PARENT;
+W.SHOW_CHILD = L.SHOW_CHILD;
+export {
+  W as T
+};