@para-ui/core 5.0.0-beta.1 → 5.0.0-beta.11

package/es/RangeInput/index.js

@@ -1,143 +1,160 @@
-import { j as r } from "../_virtual/jsx-runtime.js";
-import { useState as h, useRef as U, useEffect as V } from "react";
-import { $prefixCls as l } from "../GlobalContext/constant.js";
-import X from "../Label/index.js";
-import { InputNumber as A } from "../InputNumber/index.js";
-import M from "../HelperText/index.js";
-import Y from "clsx";
-import { Tooltip as Z } from "../Tooltip/index.js";
-import { DeepClone as _ } from "@paraview/lib";
+import { j as n } from "../_virtual/jsx-runtime.js";
+import { useState as b, useRef as q, useEffect as v } from "react";
+import { $prefixCls as i } from "../GlobalContext/constant.js";
+import ee from "../Label/index.js";
+import { InputNumber as H } from "../InputNumber/index.js";
+import P from "../HelperText/index.js";
+import re from "clsx";
+import { Tooltip as ne } from "../Tooltip/index.js";
+import { DeepClone as te } from "@paraview/lib";
 import './index.css';/* empty css           */
-const de = (s) => {
+function ge(o) {
   const {
-    className: W,
-    style: H,
-    label: I,
-    labelTooltip: P,
-    size: S = "large",
-    required: q = !1,
-    disabled: t = !1,
-    disabledTooltip: a,
-    warningMessage: g,
-    warnTime: z = 2e3,
-    defaultValue: ee,
-    value: d,
-    error: x = !1,
-    hideErrorDom: b,
-    helperText: L = "",
-    separator: k = "~",
-    unit: C,
-    placeholder: i,
-    onFocus: j,
-    onBlur: v,
-    onEnter: T,
-    onChange: E,
-    otherProps: u
-  } = s, [n, m] = h([null, null]), [G, N] = h(!1), [J, $] = h(!1), D = U({
-    timer: null
-  });
-  V(() => {
-    s.defaultValue !== void 0 && m(s.defaultValue);
-  }, []), V(() => {
-    d !== void 0 && m(d);
-  }, [d]);
-  const w = (e) => i && i instanceof Array ? i[e] : i, c = (e) => t && t instanceof Array ? t[e] : t, F = (e) => (o) => {
-    N(!0), j && j(o, e);
-  }, y = (e) => (o) => {
-    N(!1), v && v(o, e), n[0] !== null && n[1] !== null && n[0] > n[1] && (f(e)(null), g && K());
-  }, K = () => {
-    clearTimeout(D.current.timer), $(!0), D.current.timer = setTimeout(() => {
-      $(!1);
-    }, z);
-  }, B = (e) => (o) => {
-    T && T(o, e);
-  }, f = (e) => (o) => {
-    const p = n ? _(n) : [];
-    p[e] = o, s.value === void 0 && m(p), E && E(p, e);
-  }, R = () => /* @__PURE__ */ r.jsxs("div", { className: "range-input-content", children: [
-    /* @__PURE__ */ r.jsx(
-      A,
+    className: S,
+    style: z,
+    label: L,
+    labelTooltip: k,
+    size: G = "large",
+    required: J = !1,
+    disabled: l = !1,
+    disabledTooltip: s,
+    warningMessage: w,
+    warnTime: K = 2e3,
+    defaultValue: ae,
+    value: h,
+    error: C = !1,
+    hideErrorDom: R,
+    helperText: O = "",
+    separator: Q = "~",
+    unit: j,
+    placeholder: c,
+    clearable: oe = !1,
+    onFocus: T,
+    onBlur: E,
+    onEnter: I,
+    onChange: d,
+    otherProps: f
+  } = o, [u, m] = b([null, null]), [U, F] = b(!1), [X, N] = b(!1), e = q({
+    timer: null,
+    swapRafId: null
+  }), $ = q(null);
+  v(() => {
+    o.defaultValue !== void 0 && m(o.defaultValue);
+  }, []), v(() => {
+    h !== void 0 && m(h);
+  }, [h]), v(() => () => {
+    e.current.swapRafId !== null && (cancelAnimationFrame(e.current.swapRafId), e.current.swapRafId = null), e.current.timer !== null && (clearTimeout(e.current.timer), e.current.timer = null);
+  }, []);
+  const A = (r) => c && c instanceof Array ? c[r] : c, p = (r) => l && l instanceof Array ? l[r] : l, D = (r) => (t) => {
+    F(!0), T && T(t, r);
+  }, y = (r) => (t) => {
+    F(!1), E && E(t, r), e.current.swapRafId !== null && cancelAnimationFrame(e.current.swapRafId), e.current.swapRafId = requestAnimationFrame(() => {
+      e.current.swapRafId = null;
+      const a = $.current;
+      if (a && a.contains(document.activeElement))
+        return;
+      const [g, x] = u;
+      if (g !== null && x !== null && g > x) {
+        const W = [x, g];
+        o.value === void 0 && m(W), d && d(W, -1), w && Y();
+      }
+    });
+  }, Y = () => {
+    clearTimeout(e.current.timer), N(!0), e.current.timer = setTimeout(() => {
+      N(!1);
+    }, K);
+  }, B = (r) => (t) => {
+    I && I(t, r);
+  }, V = (r) => (t) => {
+    const a = u ? te(u) : [];
+    a[r] = t, o.value === void 0 && m(a), d && d(a, r);
+  }, M = () => /* @__PURE__ */ n.jsxs("div", { className: "range-input-content", children: [
+    /* @__PURE__ */ n.jsx(
+      H,
       {
-        ...u && u[0],
+        ...f && f[0],
+        clearable: !0,
         btnMode: "none",
         hideErrorDom: !0,
-        placeholder: w(0),
-        disabled: c(0),
-        disabledTooltip: a?.[0],
-        value: n[0],
-        onFocus: F(0),
+        placeholder: A(0),
+        disabled: p(0),
+        disabledTooltip: s?.[0],
+        value: u[0],
+        onFocus: D(0),
         onBlur: y(0),
         onEnter: B(0),
-        onChange: f(0)
+        onChange: V(0)
       }
     ),
-    /* @__PURE__ */ r.jsx("span", { className: "separator", children: k }),
-    /* @__PURE__ */ r.jsx(
-      A,
+    /* @__PURE__ */ n.jsx("span", { className: "separator", children: Q }),
+    /* @__PURE__ */ n.jsx(
+      H,
       {
-        ...u && u[1],
+        ...f && f[1],
+        clearable: !0,
         btnMode: "none",
         hideErrorDom: !0,
-        placeholder: w(1),
-        disabled: c(1),
-        disabledTooltip: a?.[1],
-        value: n[1],
-        onFocus: F(1),
+        placeholder: A(1),
+        disabled: p(1),
+        disabledTooltip: s?.[1],
+        value: u[1],
+        onFocus: D(1),
         onBlur: y(1),
         onEnter: B(1),
-        onChange: f(1)
+        onChange: V(1)
       }
     ),
-    C && /* @__PURE__ */ r.jsx("span", { className: "unit", children: C })
-  ] }), O = () => a && !(a instanceof Array) ? /* @__PURE__ */ r.jsx(
-    Z,
+    j && /* @__PURE__ */ n.jsx("span", { className: "unit", children: j })
+  ] }), Z = () => s && !(s instanceof Array) ? /* @__PURE__ */ n.jsx(
+    ne,
     {
       disabled: !0,
-      ...a,
-      children: R()
+      ...s,
+      children: M()
     }
-  ) : R(), Q = () => J ? /* @__PURE__ */ r.jsx(
-    M,
+  ) : M(), _ = () => X ? /* @__PURE__ */ n.jsx(
+    P,
     {
       className: "range-input-warning-text",
-      helperText: g,
-      hideErrorDom: b
+      helperText: w,
+      hideErrorDom: R
     }
-  ) : /* @__PURE__ */ r.jsx(
-    M,
+  ) : /* @__PURE__ */ n.jsx(
+    P,
     {
       className: "range-input-error-text",
-      error: x,
-      helperText: L,
-      hideErrorDom: b
+      error: C,
+      helperText: O,
+      hideErrorDom: R
     }
   );
-  return /* @__PURE__ */ r.jsxs(
+  return /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: Y(W, `${l}-range-input`, `${l}-range-input-${S}`, {
-        [`${l}-range-input-focus`]: G,
-        [`${l}-range-input-disabled`]: t === !0 || c(0) && c(1),
-        [`${l}-range-input-error`]: x
+      ref: $,
+      className: re(S, `${i}-range-input`, `${i}-range-input-${G}`, {
+        [`${i}-range-input-focus`]: U,
+        [`${i}-range-input-disabled`]: l === !0 || p(0) && p(1),
+        [`${i}-range-input-error`]: C
       }),
-      style: H,
+      style: z,
       children: [
-        /* @__PURE__ */ r.jsx(
-          X,
+        /* @__PURE__ */ n.jsx(
+          ee,
           {
-            label: I,
-            required: q,
-            ...P
+            label: L,
+            required: J,
+            ...k
           }
         ),
-        O(),
-        Q()
+        Z(),
+        _()
       ]
     }
   );
-};
+}
 export {
-  de as RangeInput,
-  de as default
+  ge as RangeInput,
+  ge as default
 };
 //# sourceMappingURL=index.js.map

package/es/Result/index.js

@@ -1,17 +1,17 @@
 import { j as s } from "../_virtual/jsx-runtime.js";
 import f from "clsx";
 import p from "../AutoTips/index.js";
-import h from "@para-ui/icons/Check";
-import j from "@para-ui/icons/Close";
-import N from "@para-ui/icons/Loading";
-import { $prefixCls as n } from "../GlobalContext/constant.js";
+import { Check as h } from "../node_modules/@para-ui/icons/Check/index.js";
+import { Close as j } from "../node_modules/@para-ui/icons/Close/index.js";
+import { Loading as N } from "../node_modules/@para-ui/icons/Loading/index.js";
+import { $prefixCls as l } from "../GlobalContext/constant.js";
 import './index.css';/* empty css           */
 const v = {
   success: /* @__PURE__ */ s.jsx(h, {}),
   error: /* @__PURE__ */ s.jsx(j, {}),
   loading: /* @__PURE__ */ s.jsx(N, {})
-}, y = (l) => {
-  const { className: c, style: a, status: e, icon: r, title: i, subTitle: o, footer: t } = l, m = () => {
+}, A = (n) => {
+  const { className: c, style: a, status: e, icon: r, title: i, subTitle: t, footer: o } = n, m = () => {
     if (r)
       return /* @__PURE__ */ s.jsx("div", { className: "icon-box", children: r });
     if (e)
@@ -20,17 +20,17 @@ const v = {
     if (i)
       return /* @__PURE__ */ s.jsx("div", { className: "title", children: /* @__PURE__ */ s.jsx(p, { children: i }) });
   }, x = () => {
-    if (o)
-      return /* @__PURE__ */ s.jsx("div", { className: "sub-title", children: o });
-  }, u = () => {
     if (t)
-      return /* @__PURE__ */ s.jsx("div", { className: "footer", children: t });
+      return /* @__PURE__ */ s.jsx("div", { className: "sub-title", children: t });
+  }, u = () => {
+    if (o)
+      return /* @__PURE__ */ s.jsx("div", { className: "footer", children: o });
   };
   return /* @__PURE__ */ s.jsxs(
     "div",
     {
-      className: f(c, `${n}-result`, {
-        [`${n}-result-${e}`]: e
+      className: f(c, `${l}-result`, {
+        [`${l}-result-${e}`]: e
       }),
       style: a,
       children: [
@@ -43,7 +43,7 @@ const v = {
   );
 };
 export {
-  y as Result,
-  y as default
+  A as Result,
+  A as default
 };
 //# sourceMappingURL=index.js.map

package/es/Search/index.js

@@ -1,14 +1,14 @@
 import { j as i } from "../_virtual/jsx-runtime.js";
-import { useState as S, useEffect as d } from "react";
+import { useState as N, useEffect as d } from "react";
 import { TextField as B } from "../TextField/index.js";
-import F from "@para-ui/icons/Search";
+import { Search as F } from "../node_modules/@para-ui/icons/Search/index.js";
 import { $prefixCls as c } from "../GlobalContext/constant.js";
 import './index.css';/* empty css           */
 const b = (e) => {
   const {
     className: s = "",
     style: m,
-    size: a = "large",
+    size: n = "large",
     radius: C = !1,
     placeholder: v = "",
     value: t,
@@ -23,41 +23,41 @@ const b = (e) => {
     onEnter: k,
     onClear: w,
     otherProps: E
-  } = e, [n, l] = S("");
+  } = e, [a, l] = N("");
   d(() => {
     e.defaultValue !== void 0 && l(e.defaultValue);
   }, []), d(() => {
     t !== void 0 && l(t);
   }, [t]);
-  const R = () => u || /* @__PURE__ */ i.jsx(F, {}), V = () => {
+  const R = () => u || /* @__PURE__ */ i.jsx(F, {}), S = () => {
     if (f || e.onClickRightIcon) {
-      f?.(n), e.onClickRightIcon?.(n);
+      f?.(a), e.onClickRightIcon?.(a);
       return;
     }
-    r && r(n, null);
-  }, p = (o) => {
+    r && r(a, null);
+  }, V = (o) => {
     const h = o.target.value;
     e.value === void 0 && l(h), r && r(h, o);
-  }, y = () => {
+  }, p = () => {
     let o = `${c}-search`;
-    return s && (o += ` ${s}`), a && (o += ` ${c}-search-${a}`), C && (o += ` ${c}-search-radius`), o;
-  }, N = () => e.value === void 0 ? n : t;
+    return s && (o += ` ${s}`), n && (o += ` ${c}-search-${n}`), C && (o += ` ${c}-search-radius`), o;
+  }, y = () => e.value === void 0 ? a : t;
   return /* @__PURE__ */ i.jsx(
     "div",
     {
-      className: y(),
+      className: p(),
       style: m,
       children: /* @__PURE__ */ i.jsx(
         B,
         {
           className: "search-text-field",
-          size: a,
+          size: n,
           placeholder: v,
-          value: N(),
+          value: y(),
           rightIcon: R(),
-          onClickIcon: V,
+          onClickIcon: S,
           hideErrorDom: !0,
-          onChange: p,
+          onChange: V,
           onBlur: x,
           onFocus: I,
           onKeydown: $,

package/es/Select/index.css

@@ -1 +1 @@
-@charset "UTF-8";.paraui-v4-select{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400;display:inline-block;vertical-align:top;width:100%}.paraui-v4-select>.select-content{line-height:0;border:1px solid;border-radius:4px;border-color:#d4dae3;padding-right:10px;position:relative;cursor:pointer;background-color:#fff}.paraui-v4-select>.select-content:hover{border-color:#5783eb}.paraui-v4-select>.select-content:hover>.select-svg>svg{color:#2e65e6}.paraui-v4-select>.select-content>.select-label-placeholder{width:100%;height:100%;padding:0 10px;color:#a1a8b3;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;left:0;top:0;z-index:1}.paraui-v4-select>.select-content>.select-label-placeholder>.select-required{margin-left:2px;color:#f44242}.paraui-v4-select>.select-content>.select-svg{position:absolute;right:10px;top:0;z-index:11}.paraui-v4-select>.select-content>.select-svg>svg{font-size:18px;transition:all .3s;color:#5c6573;opacity:0}.paraui-v4-select>.select-content>.select-svg>.clean-up-icon{position:absolute;left:0;top:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;opacity:0}.paraui-v4-select>.select-content>.select-svg>.clean-up-icon>svg{font-size:16px;transition:all .3s;color:#a1a8b3}.paraui-v4-select>.select-content>.select-svg>.clean-up-icon:hover>svg{color:#2e65e6}.paraui-v4-select>.select-content>.radio-select-content{padding-left:10px;font-size:14px;line-height:1.43;color:#1d2126;word-break:break-all}.paraui-v4-select>.select-content>.radio-search-outside{position:absolute;top:0;left:0;width:100%;height:100%;line-height:1.43;padding:0 10px;font-size:14px;cursor:pointer;color:#1d2126;border:0;border-radius:4px;background:transparent;z-index:10}.paraui-v4-select>.select-content>.check-select-content{padding-left:10px;overflow:hidden}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item{display:inline-block;background-color:#eaecf1;border-radius:2px;padding:0 30px 0 10px;color:#1d2126;margin-right:4px;vertical-align:top;max-width:100%;white-space:nowrap;position:relative}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item.check-select-content-item-more{cursor:pointer;color:#1d2126;padding-right:10px}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item.check-select-content-item-more>span{max-width:none}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item.check-select-content-item-more:hover{color:#2e65e6}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item>span{display:inline-block;height:100%;vertical-align:top;max-width:100%;overflow:hidden;text-overflow:ellipsis}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item>svg{cursor:pointer;color:#1d2126;font-size:16px;position:absolute;z-index:10;right:10px}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item>svg:hover{color:#2e65e6}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item.check-select-content-item-noclose{padding-right:10px}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item.check-select-content-item-noclose>span{max-width:none}.paraui-v4-select>.select-content>.check-select-content>.check-search-outside{width:10px;max-width:100%!important;display:none;border:0;color:#1d2126;font-size:14px;cursor:pointer}.paraui-v4-select.paraui-v4-select-allow-clear>.select-content{padding-right:38px}.paraui-v4-select.paraui-v4-select-allow-clear>.select-content .select-label-placeholder{padding-right:38px}.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value>.select-content:hover>.select-svg>svg{opacity:0;transition:all 0s}.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value>.select-content:hover>.select-svg>.clean-up-icon{opacity:1;transition:all .3s}.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value.paraui-v4-select-disabled>.select-content:hover>.select-svg>svg{opacity:1}.paraui-v4-select.paraui-v4-select-over-line>.select-content>.check-select-content{display:flex;flex-wrap:wrap}.paraui-v4-select.paraui-v4-select-over-line>.select-content>.check-select-content input{flex:1;z-index:10}.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-small>.select-content{height:inherit;min-height:28px}.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-small>.select-content>.check-select-content{height:100%}.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-medium>.select-content{height:inherit;min-height:28px}.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-medium>.select-content>.check-select-content{height:100%}.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-large>.select-content{height:inherit;min-height:32px}.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-large>.select-content>.check-select-content{height:100%}.paraui-v4-select.paraui-v4-select-show-select>.select-content{padding-right:38px}.paraui-v4-select.paraui-v4-select-show-select>.select-content .select-label-placeholder{padding-right:38px}.paraui-v4-select.paraui-v4-select-show-select>.select-content>.select-svg>svg{opacity:1}.paraui-v4-select.paraui-v4-select-show-select>.select-content>.radio-search-outside{padding:0 38px 0 10px}.paraui-v4-select.paraui-v4-select-disabled>.select-content{background-color:#f7f8fa;cursor:not-allowed}.paraui-v4-select.paraui-v4-select-disabled>.select-content:hover{border-color:#d4dae3}.paraui-v4-select.paraui-v4-select-disabled>.select-content:hover>.select-svg>svg{color:#5c6573}.paraui-v4-select.paraui-v4-select-disabled>.select-content>.radio-select-content{color:#5c6573}.paraui-v4-select.paraui-v4-select-disabled>.select-content>.check-select-content>.check-select-content-item>span{max-width:100%}.paraui-v4-select.paraui-v4-select-error>.select-content{border-color:#f44242!important}.paraui-v4-select.paraui-v4-select-open>.select-content{border-color:#2e65e6}.paraui-v4-select.paraui-v4-select-open>.select-content>.select-svg>svg{transform:rotate(180deg);color:#2e65e6}.paraui-v4-select.paraui-v4-select-open>.select-content>.check-select-content>.check-search-outside{display:inline-block}.paraui-v4-select.paraui-v4-select-small>.select-content{height:28px}.paraui-v4-select.paraui-v4-select-small>.select-content>.select-label-placeholder{line-height:26px}.paraui-v4-select.paraui-v4-select-small>.select-content>.select-svg{top:4px}.paraui-v4-select.paraui-v4-select-small>.select-content>.radio-select-content{padding-bottom:3px;padding-top:3px}.paraui-v4-select.paraui-v4-select-small>.select-content>.check-select-content{padding-bottom:3px;height:26px}.paraui-v4-select.paraui-v4-select-small>.select-content>.check-select-content>.check-select-content-item{margin-top:3px;height:20px;line-height:20px}.paraui-v4-select.paraui-v4-select-small>.select-content>.check-select-content>.check-select-content-item>svg{top:2px}.paraui-v4-select.paraui-v4-select-small>.select-content>.check-select-content>.check-search-outside{margin-top:3px;height:20px}.paraui-v4-select.paraui-v4-select-medium>.select-content{height:28px}.paraui-v4-select.paraui-v4-select-medium>.select-content>.select-label-placeholder{line-height:26px}.paraui-v4-select.paraui-v4-select-medium>.select-content>.select-svg{top:4px}.paraui-v4-select.paraui-v4-select-medium>.select-content>.radio-select-content{padding-bottom:3px;padding-top:3px}.paraui-v4-select.paraui-v4-select-medium>.select-content>.check-select-content{padding-bottom:3px;height:26px}.paraui-v4-select.paraui-v4-select-medium>.select-content>.check-select-content>.check-select-content-item{margin-top:3px;height:20px;line-height:20px}.paraui-v4-select.paraui-v4-select-medium>.select-content>.check-select-content>.check-select-content-item>svg{top:2px}.paraui-v4-select.paraui-v4-select-medium>.select-content>.check-select-content>.check-search-outside{margin-top:3px;height:20px}.paraui-v4-select.paraui-v4-select-large>.select-content{height:32px}.paraui-v4-select.paraui-v4-select-large>.select-content>.select-label-placeholder{line-height:30px}.paraui-v4-select.paraui-v4-select-large>.select-content>.select-svg{top:6px}.paraui-v4-select.paraui-v4-select-large>.select-content>.radio-select-content{padding-bottom:5px;padding-top:5px}.paraui-v4-select.paraui-v4-select-large>.select-content>.check-select-content{padding-bottom:3px;height:30px}.paraui-v4-select.paraui-v4-select-large>.select-content>.check-select-content>.check-select-content-item{margin-top:3px;height:24px;line-height:24px}.paraui-v4-select.paraui-v4-select-large>.select-content>.check-select-content>.check-select-content-item>svg{top:4px}.paraui-v4-select.paraui-v4-select-large>.select-content>.check-select-content>.check-search-outside{margin-top:4px;height:22px}.paraui-v4-select-popover.paraui-v4-select-popover-hide{display:none!important}.paraui-v4-select-popover.component-dropdown .select-popover-content{padding:4px 0}.paraui-v4-select-popover.component-dropdown .select-popover-content.select-popover-content-search>.select-popover-list{padding-top:0}.paraui-v4-select-popover.component-dropdown .select-popover-content.select-popover-content-search>.select-popover-list>.select-nodata{margin-top:20px}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-search{display:flex;align-items:center;padding:0 10px;border-bottom:1px solid;border-color:#eaecf1;height:30px}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-search>input{border:0;outline:none;font-size:14px;color:#1d2126;width:100%;height:100%;line-height:1.43}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-search>input::placeholder{font-size:14px;opacity:1;color:#a1a8b3}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-search>input::-ms-clear{display:none}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-search>input::-ms-reveal{display:none}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-search>input:-moz-placeholder{color:#a1a8b3}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-search>input::-moz-placeholder{color:#a1a8b3}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-search>input:-ms-input-placeholder{color:#a1a8b3}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-search>input::-ms-input-placeholder{color:#a1a8b3}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-search>svg{color:#5c6573;font-size:18px;cursor:pointer}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list{max-height:320px;overflow:auto}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list.select-popover-list-loading{height:100px}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item{display:flex;cursor:pointer;padding:0 10px;align-items:center;height:30px;line-height:30px}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item>.select-popover-list-item-label{flex:1;overflow:hidden;color:#1d2126;font-size:14px}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item>.select-popover-list-item-svg{line-height:0;display:none}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item>.select-popover-list-item-svg>svg{font-size:18px;color:#2e65e6}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-select>.select-popover-list-item-label{color:#2e65e6}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-select>.select-popover-list-item-svg{display:inline-block}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-hover{background-color:#f7f8fa}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-keydown{background-color:#f7f8fa}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-disabled{cursor:not-allowed}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-disabled>.select-popover-list-item-label{color:#a1a8b3!important}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list>.select-popover-list-group .select-popover-list-group-label{display:inline-block;width:100%;padding:0 10px;color:#a1a8b3;font-size:12px;height:30px;line-height:30px}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list>.select-nodata{text-align:center;font-size:14px;color:#1d2126;margin-top:16px;margin-bottom:29px}.paraui-v4-select-more-popover .select-more{width:290px;padding:4px 0}.paraui-v4-select-more-popover .select-more>.select-more-title{font-size:12px;padding:0 10px;color:#a1a8b3;line-height:30px}.paraui-v4-select-more-popover .select-more>.select-more-content{max-height:320px;overflow:auto}.paraui-v4-select-more-popover .select-more>.select-more-content>.select-more-content-item{padding:0 10px;display:flex;justify-content:space-around;align-items:center;line-height:30px}.paraui-v4-select-more-popover .select-more>.select-more-content>.select-more-content-item:hover{background-color:#f7f8fa}.paraui-v4-select-more-popover .select-more>.select-more-content>.select-more-content-item>span{flex:1;overflow:hidden;display:inline-block;font-size:14px}.paraui-v4-select-more-popover .select-more>.select-more-content>.select-more-content-item>svg{font-size:18px;position:relative;cursor:pointer;color:#5c6573}.paraui-v4-select-more-popover .select-more>.select-more-content>.select-more-content-item>svg:hover{color:#2e65e6;border-radius:2px}
+@charset "UTF-8";.paraui-v4-select{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400;display:inline-block;vertical-align:top;width:100%}.paraui-v4-select>.select-content{line-height:0;border:1px solid;border-radius:4px;border-color:#d4dae3;padding-right:10px;position:relative;cursor:pointer;background-color:#fff}.paraui-v4-select>.select-content:hover{border-color:#5783eb}.paraui-v4-select>.select-content:hover>.select-svg>svg{color:#2e65e6}.paraui-v4-select>.select-content>.select-label-placeholder{width:100%;height:100%;padding:0 10px;color:#a1a8b3;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;left:0;top:0;z-index:1}.paraui-v4-select>.select-content>.select-label-placeholder>.select-required{margin-left:2px;color:#f44242}.paraui-v4-select>.select-content>.select-svg{position:absolute;right:10px;top:0;z-index:11}.paraui-v4-select>.select-content>.select-svg>svg{font-size:18px;transition:all .3s;color:#5c6573;opacity:0}.paraui-v4-select>.select-content>.select-svg>.clean-up-icon{position:absolute;left:0;top:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;opacity:0}.paraui-v4-select>.select-content>.select-svg>.clean-up-icon>svg{font-size:16px;transition:all .3s;color:#a1a8b3}.paraui-v4-select>.select-content>.select-svg>.clean-up-icon:hover>svg{color:#2e65e6}.paraui-v4-select>.select-content>.radio-select-content{padding-left:10px;font-size:14px;line-height:1.43;color:#1d2126;word-break:break-all}.paraui-v4-select>.select-content>.radio-search-outside{position:absolute;top:0;left:0;width:100%;height:100%;line-height:1.43;padding:0 10px;font-size:14px;cursor:pointer;color:#1d2126;border:0;border-radius:4px;background:transparent;z-index:10}.paraui-v4-select>.select-content>.check-select-content{padding-left:10px;overflow:hidden}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item{display:inline-block;background-color:#eaecf1;border-radius:2px;padding:0 30px 0 10px;color:#1d2126;margin-right:4px;vertical-align:top;max-width:100%;white-space:nowrap;position:relative}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item.check-select-content-item-more{cursor:pointer;color:#1d2126;padding-right:10px}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item.check-select-content-item-more>span{max-width:none}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item.check-select-content-item-more:hover{color:#2e65e6}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item>span{display:inline-block;height:100%;vertical-align:top;max-width:100%;overflow:hidden;text-overflow:ellipsis}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item>svg{cursor:pointer;color:#1d2126;font-size:16px;position:absolute;z-index:10;right:10px}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item>svg:hover{color:#2e65e6}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item.check-select-content-item-noclose{padding-right:10px}.paraui-v4-select>.select-content>.check-select-content>.check-select-content-item.check-select-content-item-noclose>span{max-width:none}.paraui-v4-select>.select-content>.check-select-content>.check-search-outside{width:10px;max-width:100%!important;display:none;border:0;color:#1d2126;font-size:14px;cursor:pointer}.paraui-v4-select.paraui-v4-select-allow-clear>.select-content{padding-right:38px}.paraui-v4-select.paraui-v4-select-allow-clear>.select-content .select-label-placeholder{padding-right:38px}.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value>.select-content:hover>.select-svg>svg{opacity:0;transition:all 0s}.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value>.select-content:hover>.select-svg>.clean-up-icon{opacity:1;transition:all .3s}.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value.paraui-v4-select-disabled>.select-content:hover>.select-svg>svg{opacity:1}.paraui-v4-select.paraui-v4-select-over-line>.select-content>.check-select-content{display:flex;flex-wrap:wrap}.paraui-v4-select.paraui-v4-select-over-line>.select-content>.check-select-content input{flex:1;z-index:10}.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-small>.select-content{height:inherit;min-height:28px}.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-small>.select-content>.check-select-content{height:100%}.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-medium>.select-content{height:inherit;min-height:28px}.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-medium>.select-content>.check-select-content{height:100%}.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-large>.select-content{height:inherit;min-height:32px}.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-large>.select-content>.check-select-content{height:100%}.paraui-v4-select.paraui-v4-select-show-select>.select-content{padding-right:38px}.paraui-v4-select.paraui-v4-select-show-select>.select-content .select-label-placeholder{padding-right:38px}.paraui-v4-select.paraui-v4-select-show-select>.select-content>.select-svg>svg{opacity:1}.paraui-v4-select.paraui-v4-select-show-select>.select-content>.radio-search-outside{padding:0 38px 0 10px}.paraui-v4-select.paraui-v4-select-disabled>.select-content{background-color:#f7f8fa;cursor:not-allowed}.paraui-v4-select.paraui-v4-select-disabled>.select-content:hover{border-color:#d4dae3}.paraui-v4-select.paraui-v4-select-disabled>.select-content:hover>.select-svg>svg{color:#5c6573}.paraui-v4-select.paraui-v4-select-disabled>.select-content>.radio-select-content{color:#5c6573}.paraui-v4-select.paraui-v4-select-disabled>.select-content>.check-select-content>.check-select-content-item>span{max-width:100%}.paraui-v4-select.paraui-v4-select-error>.select-content{border-color:#f44242!important}.paraui-v4-select.paraui-v4-select-open>.select-content{border-color:#2e65e6}.paraui-v4-select.paraui-v4-select-open>.select-content>.select-svg>svg{transform:rotate(180deg);color:#2e65e6}.paraui-v4-select.paraui-v4-select-open>.select-content>.check-select-content>.check-search-outside{display:inline-block}.paraui-v4-select.paraui-v4-select-small>.select-content{height:28px}.paraui-v4-select.paraui-v4-select-small>.select-content>.select-label-placeholder{line-height:26px}.paraui-v4-select.paraui-v4-select-small>.select-content>.select-svg{top:4px}.paraui-v4-select.paraui-v4-select-small>.select-content>.radio-select-content{padding-bottom:3px;padding-top:3px}.paraui-v4-select.paraui-v4-select-small>.select-content>.check-select-content{padding-bottom:3px;height:26px}.paraui-v4-select.paraui-v4-select-small>.select-content>.check-select-content>.check-select-content-item{margin-top:3px;height:20px;line-height:20px}.paraui-v4-select.paraui-v4-select-small>.select-content>.check-select-content>.check-select-content-item>svg{top:2px}.paraui-v4-select.paraui-v4-select-small>.select-content>.check-select-content>.check-search-outside{margin-top:3px;height:20px}.paraui-v4-select.paraui-v4-select-medium>.select-content{height:28px}.paraui-v4-select.paraui-v4-select-medium>.select-content>.select-label-placeholder{line-height:26px}.paraui-v4-select.paraui-v4-select-medium>.select-content>.select-svg{top:4px}.paraui-v4-select.paraui-v4-select-medium>.select-content>.radio-select-content{padding-bottom:3px;padding-top:3px}.paraui-v4-select.paraui-v4-select-medium>.select-content>.check-select-content{padding-bottom:3px;height:26px}.paraui-v4-select.paraui-v4-select-medium>.select-content>.check-select-content>.check-select-content-item{margin-top:3px;height:20px;line-height:20px}.paraui-v4-select.paraui-v4-select-medium>.select-content>.check-select-content>.check-select-content-item>svg{top:2px}.paraui-v4-select.paraui-v4-select-medium>.select-content>.check-select-content>.check-search-outside{margin-top:3px;height:20px}.paraui-v4-select.paraui-v4-select-large>.select-content{height:32px}.paraui-v4-select.paraui-v4-select-large>.select-content>.select-label-placeholder{line-height:30px}.paraui-v4-select.paraui-v4-select-large>.select-content>.select-svg{top:6px}.paraui-v4-select.paraui-v4-select-large>.select-content>.radio-select-content{padding-bottom:5px;padding-top:5px}.paraui-v4-select.paraui-v4-select-large>.select-content>.check-select-content{padding-bottom:3px;height:30px}.paraui-v4-select.paraui-v4-select-large>.select-content>.check-select-content>.check-select-content-item{margin-top:3px;height:24px;line-height:24px}.paraui-v4-select.paraui-v4-select-large>.select-content>.check-select-content>.check-select-content-item>svg{top:4px}.paraui-v4-select.paraui-v4-select-large>.select-content>.check-select-content>.check-search-outside{margin-top:4px;height:22px}.paraui-v4-select-popover.paraui-v4-select-popover-hide{display:none!important}.paraui-v4-select-popover.component-dropdown .select-popover-content{padding:4px 0}.paraui-v4-select-popover.component-dropdown .select-popover-content.select-popover-content-search>.select-popover-list{padding-top:0}.paraui-v4-select-popover.component-dropdown .select-popover-content.select-popover-content-search>.select-popover-list>.select-nodata{margin-top:20px}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-search .text-field-content{border:none;border-radius:0;border-bottom:1px solid rgb(234,236,241)}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list{max-height:320px;overflow:auto}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list.select-popover-list-loading{height:100px}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item{display:flex;cursor:pointer;padding:0 10px;align-items:center;height:30px;line-height:30px}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item>.select-popover-list-item-label{flex:1;overflow:hidden;color:#1d2126;font-size:14px}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item>.select-popover-list-item-svg{line-height:0;display:none}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item>.select-popover-list-item-svg>svg{font-size:18px;color:#2e65e6}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-select>.select-popover-list-item-label{color:#2e65e6}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-select>.select-popover-list-item-svg{display:inline-block}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-hover{background-color:#f7f8fa}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-keydown{background-color:#f7f8fa}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-disabled{cursor:not-allowed}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list .select-popover-list-item.select-popover-list-item-disabled>.select-popover-list-item-label{color:#a1a8b3!important}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list>.select-popover-list-group .select-popover-list-group-label{display:inline-block;width:100%;padding:0 10px;color:#a1a8b3;font-size:12px;height:30px;line-height:30px}.paraui-v4-select-popover.component-dropdown .select-popover-content>.select-popover-list>.select-nodata{text-align:center;font-size:14px;color:#1d2126;margin-top:16px;margin-bottom:29px}.paraui-v4-select-more-popover .select-more{width:290px;padding:4px 0}.paraui-v4-select-more-popover .select-more>.select-more-title{font-size:12px;padding:0 10px;color:#a1a8b3;line-height:30px}.paraui-v4-select-more-popover .select-more>.select-more-content{max-height:320px;overflow:auto}.paraui-v4-select-more-popover .select-more>.select-more-content>.select-more-content-item{padding:0 10px;display:flex;justify-content:space-around;align-items:center;line-height:30px}.paraui-v4-select-more-popover .select-more>.select-more-content>.select-more-content-item:hover{background-color:#f7f8fa}.paraui-v4-select-more-popover .select-more>.select-more-content>.select-more-content-item>span{flex:1;overflow:hidden;display:inline-block;font-size:14px}.paraui-v4-select-more-popover .select-more>.select-more-content>.select-more-content-item>svg{font-size:18px;position:relative;cursor:pointer;color:#5c6573}.paraui-v4-select-more-popover .select-more>.select-more-content>.select-more-content-item>svg:hover{color:#2e65e6;border-radius:2px}

package/es/Select/index.d.ts

@@ -1,15 +1,16 @@
-import { default as React, FunctionComponent, ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 import { EmptyProps } from '../Empty';
 import { LabelTooltipProps } from '../Label';
 import { TooltipProps } from '../Tooltip';
 import { HelperTextDetailProps } from '../HelperText';
-import { SelectOptionBase } from '../Utils/type';
+import { SelectOptionBase, SelectOptionValue } from '../Utils/type';
 /** Select 下拉选项类型 */
 export interface SelectOption extends SelectOptionBase {
     /** 子选项数组 */
     children?: SelectOption[];
 }
-export interface SelectProps extends HelperTextDetailProps {
+/** Select 共享 props —— 不含随 multiple 变化的 value/defaultValue/onChange/onEnter/multiple */
+export interface SelectBaseProps<T extends SelectOptionValue = SelectOptionValue, Item extends SelectOptionBase = SelectOptionBase> extends HelperTextDetailProps {
     /** 样式class */
     className?: string;
     /** style */
@@ -35,23 +36,21 @@ export interface SelectProps extends HelperTextDetailProps {
     /** 搜索提示语 */
     searchPlaceholder?: string;
     /** 是否禁用，传入数组时表示禁用的选项值列表 */
-    disabled?: boolean | Array<string | number | boolean>;
+    disabled?: boolean | T[];
     /**
      * 禁用提示
      */
     disabledTooltip?: TooltipProps;
-    /** 是否多选 */
-    multiple?: boolean;
     /** 是否必填 */
     required?: boolean;
     /** 下拉选项数组 */
-    list: SelectOption[];
+    list: Item[];
     /**
      * 自定义渲染
      * item: 当前想数据
      * type: true 下拉选项 false 已选项 more: 更多选项
      * */
-    renderContent?: (item: SelectOption, type: boolean | 'more') => ReactNode;
+    renderContent?: (item: Item, type: boolean | 'more') => ReactNode;
     /** 下拉选中是否有图标, 默认有 */
     selectCheckIcon?: boolean;
     /** 显示名字段 */
@@ -60,10 +59,6 @@ export interface SelectProps extends HelperTextDetailProps {
     showValue?: string;
     /** 下级字段 */
     childrenName?: string;
-    /** 默认值，多选时为数组，单选时为单值 */
-    defaultValue?: string | number | boolean | Array<string | number | boolean>;
-    /** 选中值，多选时为数组，单选时为单值（受控） */
-    value?: string | number | boolean | Array<string | number | boolean>;
     /** 超出换行 */
     overLine?: boolean;
     /** 是否有搜索 */
@@ -79,11 +74,7 @@ export interface SelectProps extends HelperTextDetailProps {
     /** 更多className */
     morePopoverClassName?: string;
     /** 返回输入建议的方法 */
-    fetchSuggestions?: (val: string, cb: (data: SelectOption[]) => void) => void;
-    /** 改变值回调 */
-    onChange?: (val: string | number | boolean | Array<string | number | boolean>, e: React.SyntheticEvent) => void;
-    /** 全局回车事件 */
-    onEnter?: (val: string | number | boolean | Array<string | number | boolean>) => void;
+    fetchSuggestions?: (val: string, cb: (data: Item[]) => void) => void;
     /** 搜索框输入框回车事件 */
     onEnterInput?: (val: string) => void;
     /** 点击清空内容回调 */
@@ -92,7 +83,42 @@ export interface SelectProps extends HelperTextDetailProps {
     getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
     /** 失去焦点改变值 */
     blurChangeValueBol?: boolean;
-    [name: string]: unknown;
 }
-declare const Select: FunctionComponent<SelectProps>;
+/** 单选模式 */
+export interface SelectSingleProps<T extends SelectOptionValue = SelectOptionValue, Item extends SelectOptionBase = SelectOptionBase> extends SelectBaseProps<T, Item> {
+    /** 是否多选（未传或 false 为单选） */
+    multiple?: false;
+    /** 默认值（单选） */
+    defaultValue?: T;
+    /** 选中值（单选受控） */
+    value?: T;
+    /** 改变值回调；清空时 val 为空字符串 */
+    /** 改变值回调；清空时 val 为 undefined */
+    onChange?: (val: T | undefined, e: React.SyntheticEvent) => void;
+    /** 全局回车事件（单选） */
+    onEnter?: (val: T) => void;
+}
+/** 多选模式 */
+export interface SelectMultipleProps<T extends SelectOptionValue = SelectOptionValue, Item extends SelectOptionBase = SelectOptionBase> extends SelectBaseProps<T, Item> {
+    /** 是否多选 */
+    multiple: true;
+    /** 默认值（多选） */
+    defaultValue?: T[];
+    /** 选中值（多选受控） */
+    value?: T[];
+    /** 改变值回调（多选） */
+    onChange?: (val: T[], e: React.SyntheticEvent) => void;
+    /** 全局回车事件（多选） */
+    onEnter?: (val: T[]) => void;
+}
+/**
+ * Select 的 props
+ * - `multiple` 未传或为 `false`：value / defaultValue 为 `T`，onChange/onEnter 入参为 `T`（清空时 `undefined`）
+ * - `multiple` 为 `true`：value / defaultValue 为 `T[]`，onChange/onEnter 入参为 `T[]`（清空时 `[]`）
+ * - 第二个泛型参数 `Item` 描述 `list` 行项的具体类型，默认 `SelectOptionBase`，
+ *   可传业务侧 DTO 接口（如 `{ label, value, id, time }`）以承载 `renderContent` /
+ *   `fetchSuggestions` 的端到端类型推导。
+ */
+export type SelectProps<T extends SelectOptionValue = SelectOptionValue, Item extends SelectOptionBase = SelectOptionBase> = SelectSingleProps<T, Item> | SelectMultipleProps<T, Item>;
+declare function Select<T extends SelectOptionValue = SelectOptionValue, Item extends SelectOptionBase = SelectOptionBase>(outerProps: SelectProps<T, Item>): import("react/jsx-runtime").JSX.Element;
 export default Select;