@unicom-cloud/ui 0.8.67 → 0.8.69

package/select/Select.js

@@ -0,0 +1,549 @@
+import { jsx as _, jsxs as gt } from "react/jsx-runtime";
+import U from "lodash/isArray";
+import Ot from "lodash/isFunction";
+import ht, { useContext as Ct, useState as W, useMemo as De, useRef as b, useCallback as pe, useEffect as V, useImperativeHandle as vt } from "react";
+import { C as yt } from "../chunk/SSK90wgo.js";
+import { a as bt } from "../chunk/ll867Bf3.js";
+import { u as Vt } from "../chunk/B4YRLi8r.js";
+import { u as kt } from "../chunk/BFTV6myl.js";
+import { u as Re } from "../chunk/CdaT1b_F.js";
+import xt from "../select-view/index.js";
+import wt from "../trigger/index.js";
+import { m as fe } from "../chunk/JPPo5nY_.js";
+import { g as St } from "../chunk/Dh7Osrvr.js";
+import "../chunk/D-TPB2Do.js";
+import { o as At, e as He, c as $e, d as It, r as _t } from "../chunk/BrOW642m.js";
+import { o as Et } from "../chunk/BKKEev13.js";
+import { r as Ft } from "../chunk/CIRG541s.js";
+import Mt from "../utils/warning.js";
+import Nt from "../virtual-list/VirtualList.js";
+import Lt from "./OptGroup.js";
+import Tt from "./Option.js";
+import { getValidValue as Ge, flatChildren as Ut, isEmpty as de, preventDefaultEvent as Pt, isSelectOptGroup as Dt, isSelectOption as Rt } from "./util.js";
+import v from "lodash/isPlainObject.js";
+const je = "userCreatingOption", Ht = {
+  trigger: "click",
+  bordered: !0,
+  filterOption: !0,
+  unmountOnExit: !0,
+  defaultActiveFirstOption: !0,
+  allowCheckAll: !0
+}, $t = { bottom: 4 };
+function Gt(Ke, We) {
+  var Te;
+  const { getPrefixCls: qe, renderEmpty: ze, componentConfig: q, rtl: ge } = Ct(bt), u = kt(
+    Ke,
+    Ht,
+    q == null ? void 0 : q.Select
+  ), {
+    children: Oe,
+    renderFormat: he,
+    defaultActiveFirstOption: Ce,
+    disabled: Be,
+    unmountOnExit: Je,
+    notFoundContent: Qe,
+    showSearch: ve,
+    tokenSeparators: z,
+    options: ye,
+    filterOption: be,
+    labelInValue: P,
+    getPopupContainer: Xe,
+    trigger: Ye,
+    triggerElement: B,
+    triggerProps: c,
+    dropdownRender: Ve,
+    dropdownMenuStyle: ke,
+    dropdownMenuClassName: xe,
+    virtualListProps: D,
+    // events
+    onChange: we,
+    onSelect: Ze,
+    onDeselect: et,
+    onClear: J,
+    onSearch: Q,
+    onFocus: tt,
+    onBlur: X,
+    onPopupScroll: Y,
+    onVisibleChange: Z,
+    onInputValueChange: ee,
+    onPaste: te,
+    onKeyDown: ne
+  } = u;
+  let { mode: re, allowCheckAll: Se, allowCreate: d } = u;
+  re === "tags" && (re = "multiple", d = !0, Mt(
+    !0,
+    `[Pqb Select] The 'tags' mode will be removed in the next major version, please use {mode: "multiple", allowCreate: true} instead.`
+  ));
+  const m = qe("select"), p = re === "multiple";
+  p || (Se = !1);
+  const [nt, oe] = W(
+    Ge(u.defaultValue, p, P)
+  ), o = "value" in u ? Ge(u.value, p, P) : nt, [g, rt, ot] = Re("", {
+    value: "inputValue" in u ? u.inputValue || "" : void 0
+  }), [O, it] = Re(!1, {
+    defaultValue: u.defaultPopupVisible,
+    value: "popupVisible" in u ? u.popupVisible : c && "popupVisible" in c ? c.popupVisible : void 0
+  }), [M, lt] = W(null), [N, st] = W([]), [C, E] = W(
+    U(o) ? o[0] : o
+  ), {
+    childrenList: ie,
+    optionInfoMap: a,
+    optionValueList: k,
+    optionIndexListForArrowKey: w,
+    hasOptGroup: at,
+    hasComplexLabelInOptions: ut
+  } = De(() => Ut(
+    { children: Oe, options: ye, filterOption: be },
+    {
+      prefixCls: m,
+      inputValue: g,
+      userCreatedOptions: N,
+      userCreatingOption: M
+    }
+  ), [
+    Oe,
+    ye,
+    be,
+    g,
+    M,
+    N
+  ]), le = b(null), Ae = b(null), y = b(null), S = b([]), x = b(null), Ie = b(g), se = b(null), R = b(0), ae = b(!1), _e = Vt(`${m}-popup-`), H = de(o, p), Ee = De(() => {
+    var e, t;
+    if (Ce) {
+      const n = U(o) ? o[0] : o, r = !H && ((e = a.get(n)) == null ? void 0 : e._valid), l = ((t = a == null ? void 0 : a.get(k[0])) == null ? void 0 : t._origin) === je;
+      return r && !l ? n : k[w[0]];
+    }
+  }, [
+    o,
+    a,
+    k,
+    w,
+    Ce,
+    H
+  ]), $ = pe(
+    (e, t) => {
+      var r;
+      const n = a.get(e);
+      le.current && ((r = n == null ? void 0 : n.child) != null && r.props) && le.current.scrollTo({
+        key: n.child.props._key,
+        options: t
+      });
+    },
+    [a]
+  ), G = pe(
+    (e, t = !1) => v(d) && typeof (d == null ? void 0 : d.formatter) == "function" ? d.formatter(e, t) : e,
+    [d]
+  ), A = (e, t) => {
+    (e !== Ie.current || t !== se.current) && (rt(e), Ie.current = e, se.current = t, ee == null || ee(e, t));
+  }, F = (e) => {
+    var t;
+    O !== e && (it(e), Z == null || Z(e), (t = c == null ? void 0 : c.onVisibleChange) == null || t.call(c, e));
+  };
+  V(() => {
+    p ? Array.isArray(o) || oe(o === void 0 ? [] : [o]) : Array.isArray(o) && oe(o.length === 0 ? void 0 : o[0]);
+  }, [p, o]), V(() => {
+    if (O) {
+      E(Ee);
+      const e = U(o) ? o[0] : o;
+      !H && a.has(e) && setTimeout(() => $(e));
+    }
+  }, [O]), V(() => {
+    (x.current === "up" || x.current === "down") && ($(C), x.current = "none");
+  }, [C]), V(() => {
+    E(Ee);
+  }, [JSON.stringify(ie.map((e) => {
+    var t;
+    return (t = e == null ? void 0 : e.props) == null ? void 0 : t.value;
+  }))]), V(() => {
+    S.current = S.current.filter((e) => p ? U(o) && o.indexOf(e.value) > -1 : e.value === o);
+  }, [o, p]), V(() => {
+    if (d) {
+      let e;
+      if (de(o, p))
+        e = [];
+      else {
+        const n = Array.isArray(o) ? o : [o], r = n.filter((i) => {
+          var h;
+          const f = a.get(i) || ((h = S.current.find((s) => s.value === i)) == null ? void 0 : h.option);
+          return !f || f._origin === je;
+        }).map((i) => G(i));
+        e = N.filter((i) => {
+          const f = v(i) ? i.value : i;
+          return n.indexOf(f) !== -1;
+        }).concat(
+          r
+        );
+      }
+      const t = (n) => n.map((r) => v(r) ? r.value : r).toString();
+      t(e) !== t(N) && st(e);
+    }
+  }, [o, d, p, G]), V(() => {
+    d && lt(
+      g && !a.has(g) ? G(g, !0) : null
+    );
+  }, [g, G]), V(() => {
+    const { current: e } = se;
+    ot === g && (e === "manual" || e === "optionListHide") && (Q == null || Q(g, e));
+  }, [g]);
+  const L = pe(
+    (e) => {
+      const t = a.get(e);
+      if (t) {
+        const r = S.current.findIndex(
+          (l) => l.value === e
+        );
+        return r > -1 ? S.current.splice(r, 1, { value: e, option: t }) : S.current.push({ value: e, option: t }), t;
+      }
+      const n = S.current.find((r) => r.value === e);
+      return n && n.option;
+    },
+    [a]
+  ), Fe = (e) => {
+    if (!w.length)
+      return;
+    if (C === void 0 || !a.has(C))
+      return k[w[0]];
+    const n = a.get(C)._index, r = w.indexOf(n), l = w.length;
+    return k[w[((e === "up" ? r - 1 : r + 1) + l) % l]];
+  }, j = (e, t = de(e, p)) => {
+    let n = e;
+    const r = e === void 0 ? void 0 : Array.isArray(e) ? e.map(L) : L(e);
+    if (P && !t) {
+      const l = (i, f) => {
+        if (f)
+          return f.children;
+        const h = "value" in u ? u.value : "defaultValue" in u ? u.defaultValue : null;
+        if (Array.isArray(h)) {
+          for (const s of h)
+            if (v(s) && s.value === i)
+              return s.label;
+        } else if (v(h) && h.value === i)
+          return h.label;
+      };
+      Array.isArray(e) ? n = e.map((i, f) => ({
+        value: i,
+        label: l(i, r[f])
+      })) : n = {
+        value: e,
+        label: l(e, r)
+      };
+    }
+    return { option: r, value: n };
+  }, I = (e) => {
+    if (oe(e), we) {
+      const t = j(e);
+      we(t.value, t.option);
+    }
+  }, Me = (e, t) => {
+    if (t === "remove" || t === "add" && a.get(e)) {
+      const n = t === "add" ? o.concat(e) : o.filter((l) => l !== e), r = t === "add" ? Ze : et;
+      if (I(n), typeof r == "function") {
+        const l = j(
+          e,
+          !1
+        );
+        r(
+          l.value,
+          l.option
+        );
+      }
+    }
+  }, Ne = (e, t) => {
+    t || (p ? (Me(
+      e,
+      o.indexOf(e) === -1 ? "add" : "remove"
+    ), (!v(ve) || !ve.retainInputValueWhileSelect) && A("", "optionChecked")) : (e !== o && I(e), setTimeout(() => {
+      F(!1);
+    })));
+  }, K = St(
+    /* @__PURE__ */ new Map([
+      [At.key, () => F(!1)],
+      [
+        He.key,
+        () => {
+          if (O) {
+            const e = a.get(C);
+            e && Ne(C, e.disabled);
+          } else
+            F(!0);
+        }
+      ],
+      [
+        $e.key,
+        // 按tab键切换，关闭开启的弹出框
+        () => F(!1)
+      ],
+      [
+        It.key,
+        () => {
+          if (O)
+            return x.current = "up", E(Fe("up")), !1;
+        }
+      ],
+      [
+        _t.key,
+        () => {
+          if (O)
+            return x.current = "down", E(Fe("down")), !1;
+        }
+      ]
+    ])
+  ), ct = () => {
+    var f, h;
+    const e = (c == null ? void 0 : c.autoAlignPopupWidth) === !1 && (!((f = c == null ? void 0 : c.style) != null && f.width) || ((h = c == null ? void 0 : c.style) == null ? void 0 : h.width) === "auto"), t = e && ut, n = "notFoundContent" in u ? Qe : ze("Select"), r = ie.length ? /* @__PURE__ */ _(
+      Nt,
+      {
+        id: _e,
+        role: "listbox",
+        style: ke,
+        className: fe(`${m}-popup-inner`, xe),
+        ref: le,
+        data: ie,
+        height: null,
+        isStaticItemHeight: !at,
+        measureLongestItem: e,
+        itemKey: (s) => s.props._key,
+        onMouseDown: Pt,
+        onMouseMove: () => {
+          x.current = null;
+        },
+        onScroll: (s) => Y == null ? void 0 : Y(s.target),
+        ...D,
+        threshold: t ? null : D == null ? void 0 : D.threshold,
+        children: (s) => {
+          var Ue;
+          if (Dt(s))
+            return /* @__PURE__ */ _(s.type, { ...s.props, prefixCls: m });
+          if (Rt(s)) {
+            const Pe = (Ue = s.props) == null ? void 0 : Ue.value, ft = v(M) ? M.value : M, dt = N.map(
+              (T) => v(T) ? T.value : T
+            ), mt = {
+              prefixCls: m,
+              rtl: ge,
+              _valueActive: C,
+              _valueSelect: o,
+              _isMultipleMode: p,
+              _isUserCreatingOption: d && ft === Pe,
+              _isUserCreatedOption: d && dt.indexOf(Pe) > -1,
+              _onClick: Ne,
+              _onMouseEnter: (T) => {
+                x.current === null && E(T);
+              },
+              _onMouseLeave: () => {
+                x.current === null && E(void 0);
+              }
+            };
+            return s && /* @__PURE__ */ _(s.type, { ...s.props, ...mt });
+          }
+          return s;
+        }
+      }
+    ) : null, i = n && !(d && g) ? /* @__PURE__ */ _(
+      "div",
+      {
+        style: ke,
+        className: fe(`${m}-popup-inner`, xe),
+        children: n
+      }
+    ) : null;
+    return /* @__PURE__ */ gt(
+      "div",
+      {
+        className: fe(`${m}-popup`, {
+          [`${m}-popup-hidden`]: r === null && i === null,
+          [`${m}-popup-multiple`]: p
+        }),
+        tabIndex: -1,
+        onKeyDown: (s) => K(s),
+        children: [
+          !!p && !!r && !!Se && // 潘启宝添加
+          /* @__PURE__ */ _(
+            yt,
+            {
+              "aria-hidden": "true",
+              className: `${m}-checkbox ${m}-checkbox-all`,
+              checked: k.length === o.length,
+              indeterminate: k.length !== o.length && o.length !== 0,
+              onChange: (s) => {
+                I(s ? [...k] : []);
+              },
+              children: "全选"
+            }
+          ),
+          typeof Ve == "function" ? Ve(r || i) : r || i
+        ]
+      }
+    );
+  }, ue = (e) => {
+    if (R.current = null, p && U(z) && z.length) {
+      const t = e.split(new RegExp(`[${z.join("")}]`));
+      if (t.length > 1) {
+        R.current = Date.now();
+        const n = t.filter(
+          (i, f) => i && t.indexOf(i) === f
+        ), r = o.slice(0);
+        let l = !1;
+        n.forEach((i) => {
+          r.indexOf(i) === -1 && (d || a.get(i)) && (r.push(i), l = !0);
+        }), l && I(r);
+      }
+    }
+    return !!R.current;
+  }, pt = {
+    onFocus: tt,
+    onBlur: (e) => {
+      X == null || X(e), !O && !ae.current && A("", "optionListHide");
+    },
+    onKeyDown: (e) => {
+      if (e.target.tagName === "INPUT" && e.target.value) {
+        const t = e.key === $e.key, n = e.key === He.key;
+        if (n || t) {
+          const r = n ? `
+` : t ? "	" : "";
+          ue(e.target.value + r) && A("", "tokenSeparator");
+        }
+      }
+      K(e), ne == null || ne(e);
+    },
+    onChangeInputValue: (e, { nativeEvent: { inputType: t } }) => {
+      t !== "insertFromPaste" && ue(e), R.current ? A("", "tokenSeparator") : A(e, "manual"), !O && e && F(!0);
+    },
+    onPaste: (e) => {
+      ue(e.clipboardData.getData("text")), te == null || te(e);
+    },
+    // Option Items
+    onRemoveCheckedItem: (e, t, n) => {
+      n.stopPropagation(), Me(o[t], "remove");
+    },
+    onClear: (e) => {
+      if (e.stopPropagation(), p) {
+        const t = o.filter((n) => {
+          const r = a.get(n);
+          return r && r.disabled;
+        });
+        I(t);
+      } else
+        I(void 0);
+      A("", "manual"), J == null || J(O);
+    }
+  };
+  vt(
+    We,
+    () => {
+      var e;
+      return {
+        dom: (e = y.current) == null ? void 0 : e.dom,
+        focus() {
+          y.current && y.current.focus();
+        },
+        blur() {
+          y.current && y.current.blur();
+        },
+        hotkeyHandler: K,
+        activeOptionValue: C,
+        getOptionInfoByValue: L,
+        getOptionInfoList: () => [...a.values()].filter((t) => t._valid),
+        scrollIntoView: $,
+        getRootDOMNode() {
+          var t, n;
+          return (n = (t = y.current) == null ? void 0 : t.getRootDOMNode) == null ? void 0 : n.call(t);
+        }
+      };
+    },
+    [
+      K,
+      a,
+      C,
+      L,
+      $
+    ]
+  );
+  const Le = (e) => /* @__PURE__ */ _(
+    wt,
+    {
+      ref: Ae,
+      popup: ct,
+      trigger: Ye,
+      disabled: Be,
+      getPopupContainer: Xe,
+      classNames: "slideDynamicOrigin",
+      autoAlignPopupWidth: !0,
+      popupAlign: $t,
+      popupVisible: O,
+      unmountOnExit: Je,
+      onVisibleChange: F,
+      __onExit: () => {
+        ae.current = !0;
+      },
+      __onExited: () => {
+        ae.current = !1, A("", "optionListHide");
+      },
+      ...Et(c, ["popupVisible", "onVisibleChange"]),
+      children: e
+    }
+  ), ce = typeof B == "function" ? B(j(o)) : B;
+  return V(() => {
+    var t;
+    const e = Ft([(t = y.current) == null ? void 0 : t.dom], () => {
+      var n, r;
+      (r = (n = Ae.current) == null ? void 0 : n.updatePopupPosition) == null || r.call(n);
+    });
+    return () => {
+      e();
+    };
+  }, [(Te = y.current) == null ? void 0 : Te.dom]), ce != null ? Le(ce) : /* @__PURE__ */ _(
+    xt,
+    {
+      ...u,
+      ...pt,
+      ref: y,
+      value: o,
+      inputValue: g,
+      popupVisible: O,
+      rtl: ge,
+      prefixCls: m,
+      allowCreate: !!d,
+      ariaControls: _e,
+      isEmptyValue: H,
+      isMultiple: p,
+      onSort: I,
+      renderText: (e) => {
+        const t = L(e);
+        let n = e;
+        if (Ot(he)) {
+          const r = j(e, !1);
+          n = he(
+            r.option || null,
+            r.value
+          );
+        } else {
+          let r = !1;
+          if (P) {
+            const l = u.value || u.defaultValue;
+            if (Array.isArray(l)) {
+              const i = l.find(
+                (f) => v(f) && f.value === e
+              );
+              i && (n = i.label, r = !0);
+            } else v(l) && (n = l.label, r = !0);
+          }
+          !r && t && "children" in t && (n = t.children);
+        }
+        return {
+          text: n,
+          disabled: t && t.disabled
+        };
+      },
+      renderView: Le
+    }
+  );
+}
+const jt = ht.forwardRef(Gt), me = jt;
+me.displayName = "Select";
+me.Option = Tt;
+me.OptGroup = Lt;
+export {
+  Tt as SelectOption,
+  Lt as SelectOptionGroup,
+  me as default
+};

package/select/index.js

@@ -0,0 +1,8 @@
+import t from "./Select.js";
+import { default as r } from "./Option.js";
+import { default as f } from "./OptGroup.js";
+export {
+  r as SelectOption,
+  f as SelectOptionGroup,
+  t as default
+};

package/select/interface.js

@@ -0,0 +1 @@
+

package/select/util.js

@@ -0,0 +1,141 @@
+import { jsx as z } from "react/jsx-runtime";
+import { z as B } from "../chunk/URXCKjXr.js";
+import _ from "lodash/get";
+import T from "lodash/isArray";
+import F from "lodash/isNil";
+import I from "lodash/isNumber";
+import L from "lodash/isPlainObject";
+import N from "lodash/isString";
+import u from "react";
+import { f as U } from "../chunk/CftuXmo_.js";
+import { g as j } from "../chunk/B7M-FGia.js";
+import D from "./Option.js";
+function se(r) {
+  var o;
+  (o = r == null ? void 0 : r.preventDefault) == null || o.call(r);
+}
+function Q(r, o) {
+  return o ? !T(r) || B(r) : F(r);
+}
+function oe(r, o, m) {
+  return m && (o ? r = Array.isArray(r) ? r.map(
+    (i) => L(i) && "label" in i ? i.value : i
+  ) : r : r = L(r) && "label" in r ? r.value : r), Q(r, o) ? o ? Array.isArray(r) ? r : [] : void 0 : r;
+}
+function R(r) {
+  return _(r, "props.isSelectOption") || _(r, "type.__PQB_SELECT_OPTION__");
+}
+function v(r) {
+  return _(r, "props.isSelectOptGroup") || _(r, "type.__PQB_SELECT_OPTGROUP__");
+}
+function H({
+  children: r,
+  options: o,
+  filterOption: m
+}, {
+  inputValue: i = "",
+  userCreatedOptions: G,
+  userCreatingOption: b,
+  prefixCls: E
+}, {
+  optionInfoMap: a = /* @__PURE__ */ new Map(),
+  optionValueList: c = [],
+  customNodeCount: C = 0
+} = {}) {
+  let S = !1, g = !1, p = [], d = [];
+  const K = (e) => {
+    const s = _(e, "props.value"), t = _(e, "props.children");
+    return s === void 0 && t !== null && t !== void 0 ? t.toString() : s;
+  }, y = ({ label: e, value: s }, t, n) => !e && !s && !t ? (C++, `custom_node_${C}`) : n ? t || `group_${e}` : t || `${typeof s}_${s}` || `${e}_${a.size}`, A = (e, s, t) => {
+    const n = K(e);
+    let l = !0;
+    m === !0 ? l = n !== void 0 && String(n).toLowerCase().indexOf(i.toLowerCase()) !== -1 : typeof m == "function" && (l = !i || m(i, e, t));
+    const f = a.get(n), w = (f == null ? void 0 : f._origin) === "userCreatedOptions" || (f == null ? void 0 : f._origin) === "userCreatingOption";
+    if (!f || w) {
+      "_key" in e.props || (e = u.cloneElement(e, {
+        _key: y(e.props, e.key)
+      }));
+      const P = a.size, $ = {
+        child: e,
+        ...e.props,
+        value: n,
+        _index: P,
+        _origin: s,
+        _valid: l
+      };
+      if (a.set(n, $), w) {
+        const h = p.findIndex(
+          (x) => {
+            var k;
+            return ((k = x == null ? void 0 : x.props) == null ? void 0 : k.value) === n;
+          }
+        );
+        h > -1 && (l ? p[h] = e : p.splice(h, 1));
+      } else
+        c.push(n), l && (p.push(e), $.disabled || d.push(P));
+    }
+    typeof e.props.children != "string" && (g = !0);
+  }, O = (e, s) => {
+    s && T(e) && e.length && e.forEach((t) => {
+      (N(t) || I(t)) && (t = {
+        label: t,
+        value: t
+      });
+      const n = /* @__PURE__ */ z(
+        D,
+        {
+          _key: y(t),
+          value: t.value,
+          disabled: t.disabled === !0,
+          extra: t.extra,
+          children: U(t.label)
+        }
+      );
+      A(n, s, t);
+    });
+  };
+  return b && O([b], "userCreatingOption"), r && u.Children.map(r, (e) => {
+    if (v(e)) {
+      const { children: s, options: t } = e.props, {
+        childrenList: n,
+        optionIndexListForArrowKey: l,
+        hasComplexLabelInOptions: f
+      } = H(
+        { children: s, options: t, filterOption: m },
+        { inputValue: i, prefixCls: E },
+        { optionInfoMap: a, optionValueList: c, customNodeCount: C }
+      );
+      n.length && (p.push(
+        u.cloneElement(e, {
+          children: null,
+          _key: y(e.props, e.key, !0)
+        })
+      ), p = p.concat(n), d = d.concat(
+        l
+      ), S = !0, g = g || f);
+    } else R(e) ? A(e, "children", null) : L(e) && e.props && p.push(
+      u.cloneElement(e, {
+        _key: y(e.props, e.key)
+      })
+    );
+  }), O(o, "options"), O(G, "userCreatedOptions"), {
+    childrenList: j({
+      nodeList: p,
+      pattern: i,
+      highlightClassName: `${E}-highlight`
+    }),
+    optionInfoMap: a,
+    optionValueList: c,
+    optionIndexListForArrowKey: d,
+    hasOptGroup: S,
+    hasComplexLabelInOptions: g
+  };
+}
+export {
+  H as flatChildren,
+  oe as getValidValue,
+  Q as isEmpty,
+  v as isSelectOptGroup,
+  R as isSelectOption,
+  se as preventDefaultEvent
+};