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

package/es/Tag/index.js

@@ -1,14 +1,16 @@
 import { j as o } from "../_virtual/jsx-runtime.js";
-import { useState as r, useRef as A, useEffect as g } from "react";
-import { EditOutline as le, Close as ce } from "@para-ui/icons";
+import { useState as r, useRef as A, useEffect as p } from "react";
+import "../node_modules/@para-ui/icons/SvgIcon/index.js";
+import { Close as le } from "../node_modules/@para-ui/icons/Close/index.js";
+import { EditOutline as ce } from "../node_modules/@para-ui/icons/EditOutline/index.js";
 import F from "clsx";
-import { default as Ne } from "./TagGroup.js";
+import { default as ke } from "./TagGroup.js";
 import { $prefixCls as n } from "../GlobalContext/constant.js";
 import ue from "../AutoTips/index.js";
-import p from "../node_modules/tinycolor2/esm/tinycolor.js";
+import g from "../node_modules/tinycolor2/esm/tinycolor.js";
 import de from "../Hooks/useGlobalProps.js";
 import './index.css';/* empty css           */
-const ge = ["blue", "green", "yellow", "red"], pe = (l) => {
+const pe = ["blue", "green", "yellow", "red"], ge = (l) => {
   const {
     type: f = "normal",
     className: G,
@@ -32,29 +34,29 @@ const ge = ["blue", "green", "yellow", "red"], pe = (l) => {
     marginBottom: I,
     marginRight: y,
     ...J
-  } = de(l, "TagGroup"), [Q, j] = r(!0), [$, N] = r(!1), [R, k] = r(""), [M, U] = r(0), [X, u] = r(!1), [Y, d] = r(!1), Z = A(), a = A(null);
-  g(() => {
+  } = de(l, "TagGroup"), [Q, j] = r(!0), [$, N] = r(!1), [R, k] = r(""), [M, U] = r(0), [X, u] = r(!1), [Y, d] = r(!1), Z = A(), i = A(null);
+  p(() => {
     "visible" in l && j(!!E);
-  }, [E]), g(() => {
-    if (!a.current) return;
-    const { offsetWidth: e } = a.current;
+  }, [E]), p(() => {
+    if (!i.current) return;
+    const { offsetWidth: e } = i.current;
     U(e), h && h(e);
-  }, [a, $]), g(() => {
+  }, [i, $]), p(() => {
     typeof s == "string" && k(s);
   }, [s]);
-  const i = () => t ? ge.includes(t) : !1, _ = {
-    color: t && !i() ? t : void 0,
-    backgroundColor: t && !i() ? p(t).setAlpha(0.1).toRgbString() : void 0,
-    borderColor: t && !i() && f === "outline" ? t : void 0,
+  const a = () => t ? pe.includes(t) : !1, _ = {
+    color: t && !a() ? t : void 0,
+    backgroundColor: t && !a() ? g(t).setAlpha(0.1).toRgbString() : void 0,
+    borderColor: t && !a() && f === "outline" ? t : void 0,
     maxWidth: K,
     marginBottom: I,
     marginRight: y,
     ...O
   }, P = {
-    backgroundColor: X ? p(t).setAlpha(0.1).toRgbString() : void 0,
+    backgroundColor: X ? g(t).setAlpha(0.1).toRgbString() : void 0,
     borderRadius: "2px"
   }, ee = {
-    backgroundColor: Y ? p(t).setAlpha(0.1).toRgbString() : void 0,
+    backgroundColor: Y ? g(t).setAlpha(0.1).toRgbString() : void 0,
     marginRight: s ? b === "small" ? "2px" : "4px" : void 0,
     borderRadius: "2px"
   }, te = F(
@@ -65,7 +67,7 @@ const ge = ["blue", "green", "yellow", "red"], pe = (l) => {
     {
       [`${n}-tag-has-color`]: t,
       [`${n}-tag-hidden`]: !Q,
-      [`${n}-tag-${t}`]: i()
+      [`${n}-tag-${t}`]: a()
     }
   ), W = (e) => {
     e.stopPropagation(), B?.(e), u(!1), !e.defaultPrevented && ("visible" in l || j(!1));
@@ -90,7 +92,7 @@ const ge = ["blue", "green", "yellow", "red"], pe = (l) => {
       children: x
     }
   ) : /* @__PURE__ */ o.jsx(
-    ce,
+    le,
     {
       className: "tag-close-icon",
       style: P,
@@ -106,7 +108,7 @@ const ge = ["blue", "green", "yellow", "red"], pe = (l) => {
       onMouseEnter: T,
       onMouseLeave: w,
       children: v ? /* @__PURE__ */ o.jsx(
-        le,
+        ce,
         {
           onMouseEnter: T,
           onMouseLeave: w,
@@ -119,9 +121,9 @@ const ge = ["blue", "green", "yellow", "red"], pe = (l) => {
     k(e.target.value), C && C(e.target.value);
   }, V = () => {
     N(!1);
-  }, ae = (e) => {
+  }, ie = (e) => {
     (e.keyCode === 13 || e.which === 13) && V();
-  }, ie = () => {
+  }, ae = () => {
     const e = F(`${n}-tag-edit-input`, z);
     return /* @__PURE__ */ o.jsx(
       "input",
@@ -139,17 +141,17 @@ const ge = ["blue", "green", "yellow", "red"], pe = (l) => {
         value: R,
         onChange: re,
         onBlur: V,
-        onKeyDown: ae
+        onKeyDown: ie
       }
     );
   };
-  return /* @__PURE__ */ o.jsx(o.Fragment, { children: $ ? ie() : /* @__PURE__ */ o.jsxs(
+  return /* @__PURE__ */ o.jsx(o.Fragment, { children: $ ? ae() : /* @__PURE__ */ o.jsxs(
     "span",
     {
       ...J,
       className: te,
       style: _,
-      ref: a,
+      ref: i,
       children: [
         se(),
         s && /* @__PURE__ */ o.jsx(ue, { tipMaxWidth: H, children: /* @__PURE__ */ o.jsx("span", { className: "tag-text", children: R || s }) }),
@@ -157,10 +159,10 @@ const ge = ["blue", "green", "yellow", "red"], pe = (l) => {
       ]
     }
   ) });
-}, ye = pe;
+}, $e = ge;
 export {
-  ye as Tag,
-  Ne as TagGroup,
-  ye as default
+  $e as Tag,
+  ke as TagGroup,
+  $e as default
 };
 //# sourceMappingURL=index.js.map

package/es/TextField/index.js

@@ -1,10 +1,10 @@
 import { j as n } from "../_virtual/jsx-runtime.js";
-import { useState as f, useRef as $e, useEffect as g, useMemo as w } from "react";
+import { useState as f, useRef as $e, useEffect as g, useMemo as y } from "react";
 import We from "../Label/index.js";
 import { UUID as Qe } from "@paraview/lib";
-import Xe from "@para-ui/icons/PreviewClose";
-import Ye from "@para-ui/icons/PreviewOpen";
-import Ze from "@para-ui/icons/CloseCircleF";
+import { PreviewClose as Xe } from "../node_modules/@para-ui/icons/PreviewClose/index.js";
+import { PreviewOpen as Ye } from "../node_modules/@para-ui/icons/PreviewOpen/index.js";
+import { CloseCircleF as Ze } from "../node_modules/@para-ui/icons/CloseCircleF/index.js";
 import _e from "../AutoTips/index.js";
 import { Loading as et } from "../Loading/index.js";
 import { Tooltip as tt } from "../Tooltip/index.js";
@@ -13,7 +13,7 @@ import ot from "../Hooks/useGlobalProps.js";
 import { Dropdown as lt } from "../Dropdown/index.js";
 import { $prefixCls as s } from "../GlobalContext/constant.js";
 import './index.css';/* empty css           */
-const U = (l) => typeof l == "number" && !isNaN(l), wt = (l) => {
+const V = (l) => typeof l == "number" && !isNaN(l), yt = (l) => {
   const {
     className: _,
     style: be,
@@ -40,16 +40,16 @@ const U = (l) => typeof l == "number" && !isNaN(l), wt = (l) => {
     rightIcon: A,
     showRightIcon: le = !0,
     allowClear: M = !1,
-    limitLength: O,
+    limitLength: H,
     fetchSuggestions: h,
-    selectPopoverClass: H,
+    selectPopoverClass: O,
     renderSelectItem: z,
     showSelectName: se = "value",
     resize: De = !0,
     searchEmpty: ie,
     onBlur: re,
     onFocus: ce,
-    onChange: p,
+    onChange: v,
     onKeydown: ae,
     onKeyUp: de,
     onEnter: fe,
@@ -58,7 +58,7 @@ const U = (l) => typeof l == "number" && !isNaN(l), wt = (l) => {
     onSelect: R,
     onClear: B,
     ...E
-  } = ot(l, "TextField"), [V] = f(`text-field-select-content-${Qe()}`), [he, P] = f(!0), [i, T] = f(""), [x, xe] = f(!1), [a, J] = f("text"), [D, Fe] = f(!1), [G, ge] = f(!1), [d, Ie] = f([]), v = $e(null), y = $e(null);
+  } = ot(l, "TextField"), [P] = f(`text-field-select-content-${Qe()}`), [he, U] = f(!0), [i, T] = f(""), [x, xe] = f(!1), [a, J] = f("text"), [D, Fe] = f(!1), [G, ge] = f(!1), [d, Ie] = f([]), p = $e(null), w = $e(null);
   g(() => {
     l.defaultValue !== void 0 && T(l.defaultValue === null ? "" : l.defaultValue);
   }, []), g(() => {
@@ -66,7 +66,7 @@ const U = (l) => typeof l == "number" && !isNaN(l), wt = (l) => {
   }, [m]), g(() => {
     b !== void 0 && T(b === null ? "" : b);
   }, [b]), g(() => {
-    P(!(i !== "" && i !== void 0));
+    U(!(i !== "" && i !== void 0));
   }, [i]), g(() => {
     h && Fe(x);
   }, [x, h]), g(() => (D ? window.addEventListener("keydown", W) : window.removeEventListener("keydown", W), () => {
@@ -75,7 +75,7 @@ const U = (l) => typeof l == "number" && !isNaN(l), wt = (l) => {
     if (!x && i) {
       const e = Ke(i);
       if (e !== i) {
-        const t = v.current;
+        const t = p.current;
         t.value = e;
         const o = { target: t };
         l.value === void 0 && T(e), l.onChange && l.onChange(o);
@@ -84,7 +84,7 @@ const U = (l) => typeof l == "number" && !isNaN(l), wt = (l) => {
   }, [i, x]);
   const Ke = (e) => {
     let t = e;
-    return U(l.limitLength) && e.toString().length > Number(l.limitLength) && (t = t.toString().substr(0, l.limitLength)), t;
+    return V(l.limitLength) && e.toString().length > Number(l.limitLength) && (t = t.toString().substr(0, l.limitLength)), t;
   }, Ce = (e) => {
     const { selectDom: t, keyCode: o, currentDom: c } = e;
     let r = c;
@@ -94,12 +94,12 @@ const U = (l) => typeof l == "number" && !isNaN(l), wt = (l) => {
     const o = t.clientHeight, r = e.offsetTop + e.clientHeight - o;
     r > 0 ? t.scrollTop = r : t.scrollTop = 0;
   }, W = (e) => {
-    const t = document.querySelector(`.${V}`);
+    const t = document.querySelector(`.${P}`);
     let o = null;
     const c = t?.querySelector(".text-field-select-content-item-keydown");
     if (e.keyCode === 13 && c) {
       const r = c.dataset.val;
-      ke(JSON.parse(r))(e), (v && v.current)?.blur();
+      ke(JSON.parse(r))(e), (p && p.current)?.blur();
     }
     c && (o = c, c.classList.remove("text-field-select-content-item-keydown")), e.keyCode === 40 && t && Ce({
       selectDom: t,
@@ -110,18 +110,18 @@ const U = (l) => typeof l == "number" && !isNaN(l), wt = (l) => {
       keyCode: e.keyCode,
       currentDom: o
     });
-  }, pe = (e) => {
-    xe(!1), e.target.value === "" && P(!0), re && re(e);
+  }, ve = (e) => {
+    xe(!1), e.target.value === "" && U(!0), re && re(e);
   }, Q = (e) => {
     h && (ge(!0), h(e, (t) => {
       Ie(t || []), ge(!1);
     }));
-  }, ve = (e) => {
+  }, pe = (e) => {
     xe(!0), ce && ce(e), Q(e.target.value);
-  }, ye = (e) => {
-    const t = e.target.value;
-    t && P(!1), l.value === void 0 && T(t), p && p(e), Q(e.target.value);
   }, we = (e) => {
+    const t = e.target.value;
+    t && U(!1), l.value === void 0 && T(t), v && v(e), Q(e.target.value);
+  }, ye = (e) => {
     e.keyCode === 13 && fe && fe(e), ae && ae(e);
   }, je = (e) => {
     de && de(e);
@@ -129,10 +129,10 @@ const U = (l) => typeof l == "number" && !isNaN(l), wt = (l) => {
     m === "password" && (a === "text" && J("password"), a === "password" && J("text")), L && L(e);
   }, F = () => l.value === void 0 ? i : b, Be = () => {
     let e = `${s}-text-field-select ${s}-scrollbar-small`;
-    return j && (e += ` ${s}-text-field-select-${j}`), H && (e += ` ${H}`), d.length > 0 && (e += ` ${s}-text-field-select-data`), (!d || d.length === 0) && (e += ` ${s}-text-field-no-select-data`), e;
+    return j && (e += ` ${s}-text-field-select-${j}`), O && (e += ` ${O}`), d.length > 0 && (e += ` ${s}-text-field-select-data`), (!d || d.length === 0) && (e += ` ${s}-text-field-no-select-data`), e;
   }, ke = (e) => (t) => {
     R && R(e);
-  }, X = w(() => /* @__PURE__ */ n.jsx(n.Fragment, { children: U(O) && /* @__PURE__ */ n.jsx("span", { className: "length-limit", children: `${i ? i.toString().length : 0}/${O}` }) }), [O, i]), Y = w(() => {
+  }, X = y(() => /* @__PURE__ */ n.jsx(n.Fragment, { children: V(H) && /* @__PURE__ */ n.jsx("span", { className: "length-limit", children: `${i ? i.toString().length : 0}/${H}` }) }), [H, i]), Y = y(() => {
     const t = A || // 只有密码模式有默认图标
     (m === "password" ? a === "password" ? /* @__PURE__ */ n.jsx(Xe, {}) : /* @__PURE__ */ n.jsx(Ye, {}) : null);
     return /* @__PURE__ */ n.jsx(n.Fragment, { children: le && t && /* @__PURE__ */ n.jsx(
@@ -146,13 +146,13 @@ const U = (l) => typeof l == "number" && !isNaN(l), wt = (l) => {
   }, [le, A, m, a, L]), Ee = () => S ? /* @__PURE__ */ n.jsx(
     "textarea",
     {
-      ref: v,
+      ref: p,
       rows: q,
       value: F(),
-      onBlur: pe,
-      onFocus: ve,
-      onChange: ye,
-      onKeyDown: we,
+      onBlur: ve,
+      onFocus: pe,
+      onChange: we,
+      onKeyDown: ye,
       onKeyUp: je,
       disabled: u,
       ...E
@@ -160,32 +160,32 @@ const U = (l) => typeof l == "number" && !isNaN(l), wt = (l) => {
   ) : /* @__PURE__ */ n.jsx(
     "input",
     {
-      ref: v,
+      ref: p,
       type: a,
       value: F(),
-      onBlur: pe,
-      onFocus: ve,
-      onChange: ye,
-      onKeyDown: we,
+      onBlur: ve,
+      onFocus: pe,
+      onChange: we,
+      onKeyDown: ye,
       onKeyUp: je,
       disabled: u,
       ...E
     }
-  ), Ve = () => {
-    const e = v.current;
-    e.value = "", l.value === void 0 && T(""), p && p({ target: e }), Q(""), B && B();
-  }, Pe = () => {
+  ), Pe = () => {
+    const e = p.current;
+    e.value = "", l.value === void 0 && T(""), v && v({ target: e }), Q(""), B && B();
+  }, Ue = () => {
     const e = F();
     if ((e || e === 0) && !u && M)
       return /* @__PURE__ */ n.jsx(
         "span",
         {
           className: "clean-up-icon",
-          onClick: Ve,
+          onClick: Pe,
           children: /* @__PURE__ */ n.jsx(Ze, {})
         }
       );
-  }, Ne = w(() => {
+  }, Ne = y(() => {
     const e = () => k === "outside" ? I : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
       C || I,
       K && /* @__PURE__ */ n.jsx("span", { className: "text-field-required", children: "*" }),
@@ -195,13 +195,13 @@ const U = (l) => typeof l == "number" && !isNaN(l), wt = (l) => {
       "div",
       {
         className: "text-field-content-within",
-        ref: y,
+        ref: w,
         children: [
           /* @__PURE__ */ n.jsxs("div", { className: "text-field-content-within-input", children: [
             Ee(),
             !t && t !== 0 && /* @__PURE__ */ n.jsx("span", { className: "text-field-label-placeholder", children: e() })
           ] }),
-          Pe(),
+          Ue(),
           X,
           Y
         ]
@@ -221,21 +221,21 @@ const U = (l) => typeof l == "number" && !isNaN(l), wt = (l) => {
     S,
     q,
     E,
-    p,
+    v,
     h,
     L,
     M,
     B
-  ]), Ue = w(() => {
+  ]), Ve = y(() => {
     const e = () => {
       let o = "text-field-select-content";
-      return G && (o += " text-field-select-content-loading"), V && (o += ` ${V}`), o;
+      return G && (o += " text-field-select-content-loading"), P && (o += ` ${P}`), o;
     }, t = (o) => typeof o == "object" && o !== null ? o[se] : o;
     return /* @__PURE__ */ n.jsxs(
       "div",
       {
         className: e(),
-        style: { width: `${y && y.current ? y.current.offsetWidth : 0}px` },
+        style: { width: `${w && w.current ? w.current.offsetWidth : 0}px` },
         children: [
           d && d.map((o, c) => /* @__PURE__ */ n.jsx(
             "div",
@@ -253,22 +253,22 @@ const U = (l) => typeof l == "number" && !isNaN(l), wt = (l) => {
       }
     );
   }, [
-    y,
+    w,
     D,
     d,
     z,
     se,
     R,
     G,
-    V,
+    P,
     ie
-  ]), qe = w(() => /* @__PURE__ */ n.jsx(
+  ]), qe = y(() => /* @__PURE__ */ n.jsx(
     lt,
     {
       visible: D,
       placement: "bottomLeft",
       trigger: ["click"],
-      overlay: /* @__PURE__ */ n.jsx(n.Fragment, { children: Ue }),
+      overlay: /* @__PURE__ */ n.jsx(n.Fragment, { children: Ve }),
       overlayClassName: Be(),
       children: Ne
     }
@@ -286,18 +286,18 @@ const U = (l) => typeof l == "number" && !isNaN(l), wt = (l) => {
     S,
     q,
     E,
-    p,
+    v,
     h,
     R,
-    y,
+    w,
     D,
-    H,
+    O,
     j,
     L,
     d,
     M,
     B
-  ]), Ae = w(() => {
+  ]), Ae = y(() => {
     if (k === "outside" && !!(K || $ || C)) {
       const t = () => {
         let o = "text-field-label";
@@ -315,12 +315,12 @@ const U = (l) => typeof l == "number" && !isNaN(l), wt = (l) => {
       );
     }
     return null;
-  }, [k, C, $, K, N]), Oe = () => {
+  }, [k, C, $, K, N]), He = () => {
     let e = `${s}-text-field`;
-    _ && (e += ` ${_}`), j && !S && (e += ` ${s}-text-field-${j}`), te && (e += ` ${s}-text-field-error`), x && (e += ` ${s}-text-field-focus`), u && (e += ` ${s}-text-field-disabled`), S && (e += ` ${s}-text-field-multiline`), U(l.limitLength) && (e += ` ${s}-text-field-limit-length`), U(l.limitLength) && i && i.toString().length > Number(l.limitLength) && (e += ` ${s}-text-field-limit`), De && (e += ` ${s}-text-field-resize`);
+    _ && (e += ` ${_}`), j && !S && (e += ` ${s}-text-field-${j}`), te && (e += ` ${s}-text-field-error`), x && (e += ` ${s}-text-field-focus`), u && (e += ` ${s}-text-field-disabled`), S && (e += ` ${s}-text-field-multiline`), V(l.limitLength) && (e += ` ${s}-text-field-limit-length`), V(l.limitLength) && i && i.toString().length > Number(l.limitLength) && (e += ` ${s}-text-field-limit`), De && (e += ` ${s}-text-field-resize`);
     const t = F();
     return (t || t === 0) && (e += ` ${s}-text-field-value`), M && (e += ` ${s}-text-field-allow-clear`), e;
-  }, He = (e) => {
+  }, Oe = (e) => {
     ue && ue(e);
   }, ze = (e) => {
     me && me(e);
@@ -329,7 +329,7 @@ const U = (l) => typeof l == "number" && !isNaN(l), wt = (l) => {
       "div",
       {
         className: "text-field-content-before",
-        onClick: He,
+        onClick: Oe,
         children: ne
       }
     ),
@@ -353,7 +353,7 @@ const U = (l) => typeof l == "number" && !isNaN(l), wt = (l) => {
   return /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: Oe(),
+      className: He(),
       style: be,
       children: [
         Ae,
@@ -372,7 +372,7 @@ const U = (l) => typeof l == "number" && !isNaN(l), wt = (l) => {
   );
 };
 export {
-  wt as TextField,
-  wt as default
+  yt as TextField,
+  yt as default
 };
 //# sourceMappingURL=index.js.map

package/es/TimePicker/style/css.d.ts

@@ -0,0 +1 @@
+export {};

package/es/ToggleButton/style/index.css

@@ -1 +1 @@
-.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-radio.paraui-v4-toggle-button-selected{border-color:#2e65e6;color:#fff;background-color:#2e65e6}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-radio.paraui-v4-toggle-button-selected:hover{border-color:#2e65e6}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-radio:hover{border-color:#5783eb}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-radio[disabled]{color:#a1a8b3;background-color:#fff;border:1px solid #d4dae3}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-radio[disabled]:hover{color:#a1a8b3}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-radio[disabled].paraui-v4-toggle-button-selected{color:#5c6573;background-color:#f7f8fa;border:1px solid #d4dae3}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check::before{content:" ";position:absolute;bottom:0;right:0;border:8px solid #d4dae3;border-top-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check::after{content:" ";width:8px;height:8px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAM5JREFUOE/NkQENwjAURFcFIAEHgIM5YCgAHCABFBAUAA5wABI2CTgABeUd+V06BqFkCeEnl6X9d7d/vy7rWK6jPvu9gfe+z9QnsHDOlV9NgHhk4gpxrvjJBogL+DtwATkG12QDxEvIG3AzcRmW/5gAgsaR+1S54peht+c8s7vxc7+OAFHCIVhBWkfLUm6VliazRsUGAzoy6YEz0LaDeItYMVrVWCJ/nVuUmHhArPuX1XoFTI4wJ8au+NYb/ziBCJZdJqoiPFfyBO+I/2twBz0qQBFvrubpAAAAAElFTkSuQmCC");background-size:8px 8px;background-repeat:no-repeat;position:absolute;bottom:1px;right:1px}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check:hover{border-color:#5783eb}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check:hover::before{border-color:#5783eb;border-top-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check.paraui-v4-toggle-button-selected{border-color:#2e65e6;color:#2e65e6}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check.paraui-v4-toggle-button-selected::before{border-color:#2e65e6;border-top-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check[disabled]{color:#a1a8b3;background-color:#fff;border:1px solid #d4dae3}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check[disabled]::before{border-color:#d4dae3;border-top-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check[disabled]:hover{color:#a1a8b3;background-color:#fff;border:1px solid #d4dae3}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check[disabled]:hover::before{border-color:#d4dae3;border-top-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check[disabled].paraui-v4-toggle-button-selected{color:#5c6573;background-color:#f7f8fa}.paraui-v4-toggle-button.toggle-button-icon.paraui-v4-toggle-button-selected{border-color:#2e65e6;color:#fff;background-color:#2e65e6}.paraui-v4-toggle-button.toggle-button-icon.paraui-v4-toggle-button-selected:hover{border-color:#2e65e6}.paraui-v4-toggle-button.toggle-button-icon[disabled].paraui-v4-toggle-button-selected{border-color:rgba(255,255,255,.5)}.paraui-v4-toggle-button.toggle-button-icon[disabled].paraui-v4-toggle-button-selected::before{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;content:"";background-color:rgba(255,255,255,.5)}.paraui-v4-toggle-button.toggle-button-text.paraui-v4-button-text{color:#1d2126}.paraui-v4-toggle-button.toggle-button-text.paraui-v4-button-text:hover{color:#2e65e6}.paraui-v4-toggle-button.toggle-button-text.paraui-v4-button-text:hover[disabled]{color:#5c6573}.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected{color:#2e65e6;border:0;font-weight:700}.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected:hover{color:#2e65e6}.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected[disabled]{color:#5c6573;background-color:rgba(0,0,0,0);border:0}.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected[disabled]:hover{background-color:rgba(0,0,0,0)}.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected:first-child:before{display:none}.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected::after{display:none}.paraui-v4-toggle-button.toggle-button-text[disabled]{color:#a1a8b3;background-color:rgba(0,0,0,0);border:0}.paraui-v4-toggle-button.toggle-button-text[disabled]:hover{color:#a1a8b3}.paraui-v4-toggle-button-wrap{display:inline-block}.paraui-v4-toggle-button .toggle-button-text{width:100%}.paraui-v4-toggle-button-disabled.paraui-v4-toggle-button{color:#5c6573}.paraui-v4-toggle-button-disabled.paraui-v4-toggle-button:hover{color:#5c6573}.paraui-v4-togglebutton-group{display:flex;flex-flow:row wrap}.paraui-v4-togglebutton-group .toggle-button-item{margin:0 8px}.paraui-v4-togglebutton-group-text .toggle-button-item .paraui-v4-toggle-button{margin:0;padding:0 16px}.paraui-v4-togglebutton-group-text .toggle-button-item~.toggle-button-item .paraui-v4-toggle-button::before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";width:1px;height:14px;background-color:#d4dae3}
+.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-radio.paraui-v4-toggle-button-selected{border-color:#2e65e6;color:#fff;background-color:#2e65e6}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-radio.paraui-v4-toggle-button-selected:hover{border-color:#2e65e6}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-radio:hover{border-color:#5783eb}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-radio[disabled]{color:#a1a8b3;background-color:#fff;border:1px solid #d4dae3}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-radio[disabled]:hover{color:#a1a8b3}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-radio[disabled].paraui-v4-toggle-button-selected{color:#5c6573;background-color:#f7f8fa;border:1px solid #d4dae3}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check::before{content:" ";position:absolute;bottom:0;right:0;border:8px solid #d4dae3;border-top-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check::after{content:" ";width:8px;height:8px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAM5JREFUOE/NkQENwjAURFcFIAEHgIM5YCgAHCABFBAUAA5wABI2CTgABeUd+V06BqFkCeEnl6X9d7d/vy7rWK6jPvu9gfe+z9QnsHDOlV9NgHhk4gpxrvjJBogL+DtwATkG12QDxEvIG3AzcRmW/5gAgsaR+1S54peht+c8s7vxc7+OAFHCIVhBWkfLUm6VliazRsUGAzoy6YEz0LaDeItYMVrVWCJ/nVuUmHhArPuX1XoFTI4wJ8au+NYb/ziBCJZdJqoiPFfyBO+I/2twBz0qQBFvrubpAAAAAElFTkSuQmCC");background-size:8px 8px;background-repeat:no-repeat;position:absolute;bottom:1px;right:1px}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check:hover{border-color:#5783eb}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check:hover::before{border-color:#5783eb;border-top-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check.paraui-v4-toggle-button-selected{border-color:#2e65e6;color:#2e65e6}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check.paraui-v4-toggle-button-selected::before{border-color:#2e65e6;border-top-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check[disabled]{color:#a1a8b3;background-color:#fff;border:1px solid #d4dae3}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check[disabled]::before{border-color:#d4dae3;border-top-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check[disabled]:hover{color:#a1a8b3;background-color:#fff;border:1px solid #d4dae3}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check[disabled]:hover::before{border-color:#d4dae3;border-top-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}.paraui-v4-toggle-button.toggle-button-outlined.paraui-v4-toggle-button-check[disabled].paraui-v4-toggle-button-selected{color:#5c6573;background-color:#f7f8fa}.paraui-v4-toggle-button.toggle-button-icon.paraui-v4-toggle-button-selected{border-color:#2e65e6;color:#fff;background-color:#2e65e6}.paraui-v4-toggle-button.toggle-button-icon.paraui-v4-toggle-button-selected:hover{border-color:#2e65e6}.paraui-v4-toggle-button.toggle-button-icon[disabled].paraui-v4-toggle-button-selected{border-color:hsla(0,0%,100%,.5)}.paraui-v4-toggle-button.toggle-button-icon[disabled].paraui-v4-toggle-button-selected::before{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;content:"";background-color:hsla(0,0%,100%,.5)}.paraui-v4-toggle-button.toggle-button-text.paraui-v4-button-text{color:#1d2126}.paraui-v4-toggle-button.toggle-button-text.paraui-v4-button-text:hover{color:#2e65e6}.paraui-v4-toggle-button.toggle-button-text.paraui-v4-button-text:hover[disabled]{color:#5c6573}.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected{color:#2e65e6;border:0;font-weight:700}.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected:hover{color:#2e65e6}.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected[disabled]{color:#5c6573;background-color:rgba(0,0,0,0);border:0}.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected[disabled]:hover{background-color:rgba(0,0,0,0)}.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected:first-child:before{display:none}.paraui-v4-toggle-button.toggle-button-text.paraui-v4-toggle-button-selected::after{display:none}.paraui-v4-toggle-button.toggle-button-text[disabled]{color:#a1a8b3;background-color:rgba(0,0,0,0);border:0}.paraui-v4-toggle-button.toggle-button-text[disabled]:hover{color:#a1a8b3}.paraui-v4-toggle-button-wrap{display:inline-block}.paraui-v4-toggle-button .toggle-button-text{width:100%}.paraui-v4-toggle-button-disabled.paraui-v4-toggle-button{color:#5c6573}.paraui-v4-toggle-button-disabled.paraui-v4-toggle-button:hover{color:#5c6573}.paraui-v4-togglebutton-group{display:flex;flex-flow:row wrap}.paraui-v4-togglebutton-group .toggle-button-item{margin:0 8px}.paraui-v4-togglebutton-group-text .toggle-button-item .paraui-v4-toggle-button{margin:0;padding:0 16px}.paraui-v4-togglebutton-group-text .toggle-button-item~.toggle-button-item .paraui-v4-toggle-button::before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";width:1px;height:14px;background-color:#d4dae3}

package/es/Tooltip/index.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { TooltipProps } from './interface';
+import { TooltipProps, TooltipPlacement } from './interface';
 export declare const Tooltip: FC<TooltipProps>;
-export type { TooltipProps };
+export type { TooltipProps, TooltipPlacement };
 export default Tooltip;

package/es/Tooltip/index.js

@@ -4,7 +4,7 @@ import _ from "rc-tooltip";
 import k, { getDisabledCompatibleChildren as C, mapLegacyPlacement as z } from "./utils.js";
 import I from "clsx";
 import { $rcPrefixCls as O, $prefixCls as U } from "../GlobalContext/constant.js";
-import q from "@para-ui/icons/Forbid";
+import { Forbid as q } from "../node_modules/@para-ui/icons/Forbid/index.js";
 import './index.css';/* empty css           */
 const R = l.forwardRef((e, w) => {
   const [P, u] = l.useState(e.defaultVisible), c = l.useRef(null), d = l.useRef(null), [$, j] = l.useState([0, 0]);

package/es/Tooltip/utils.js

@@ -1,5 +1,5 @@
 import { j as r } from "../_virtual/jsx-runtime.js";
-import { p as c } from "../_virtual/placements.js";
+import { placements as c } from "rc-tooltip/lib/placements";
 import i from "react";
 import a from "clsx";
 import { $rcPrefixCls as m } from "../GlobalContext/constant.js";
@@ -16,7 +16,7 @@ function b(t) {
     ...t
   };
 }
-function y(t) {
+function E(t) {
   const { horizontalArrowShift: o = 16, verticalArrowShift: s = 8, autoAdjustOverflow: f } = t, e = {
     left: {
       points: ["cr", "cl"],
@@ -69,7 +69,7 @@ function y(t) {
   };
   return Object.keys(e).forEach((n) => {
     e[n] = {
-      ...c.placements[n],
+      ...c[n],
       offset: h(n).offset,
       overflow: b(f)
     }, e[n].ignoreShake = !0;
@@ -170,7 +170,7 @@ function h(t) {
   }[o];
 }
 export {
-  y as default,
+  E as default,
   L as getDisabledCompatibleChildren,
   g as mapLegacyPlacement
 };

package/es/Transfer/box.js

@@ -3,13 +3,13 @@ import { useState as u, useRef as O, useEffect as p } from "react";
 import P from "../GlobalContext/useFormatMessage.js";
 import q from "./lang/index.js";
 import { Search as z } from "../Search/index.js";
-import F from "@para-ui/icons/Search";
+import { Search as F } from "../node_modules/@para-ui/icons/Search/index.js";
 import H from "clsx";
 import { useClick as J } from "./useClick.js";
 import K from "../AutoTips/index.js";
 import { Button as C } from "../Button/index.js";
-import L from "@para-ui/icons/Drag";
-import b from "../node_modules/sortablejs/modular/sortable.esm.js";
+import { Drag as L } from "../node_modules/@para-ui/icons/Drag/index.js";
+import b from "sortablejs";
 const ne = (j) => {
   const {
     title: v,
@@ -18,22 +18,22 @@ const ne = (j) => {
     onchange: f,
     onMove: k,
     queryAll: N,
-    inverse: y,
+    inverse: S,
     direction: n,
-    fluctuationPosition: S,
+    fluctuationPosition: y,
     fluctuationOrther: E,
     onEndSort: I,
     multiple: m,
     rightIcon: d,
     style: w,
     customKey: g
-  } = j, h = P("Transfer", q), [r, B] = u([]), [i, R] = u(0), [T, $] = u(0), x = O();
+  } = j, h = P("Transfer", q), [r, $] = u([]), [i, B] = u(0), [R, T] = u(0), x = O();
   p(() => {
     const e = [];
     let s = 0, o = 0;
     l.forEach((a, M) => {
       a.checked && !a.hide && e.push(M), (a.disabled || a.hide) && s++, a.hide && o++;
-    }), R(s), $(o), B(e);
+    }), B(s), T(o), $(e);
   }, [l]), p(() => {
     n == "right" && new b(x.current, {
       animation: 180,
@@ -97,7 +97,7 @@ const ne = (j) => {
                   e?.tagColor && "item-border",
                   e?.disabled && "item-disabled",
                   e?.checked && "item-checked",
-                  S === s && "item-fluctuation",
+                  y === s && "item-fluctuation",
                   E === s && "item-fluctuationOrther"
                 ),
                 style: D(e),
@@ -138,7 +138,7 @@ const ne = (j) => {
                 className: `${r.length === 0 || r.length === l.length - i ? "btn-off" : ""}`,
                 disabled: r.length === 0 || r.length === l.length - i,
                 onClick: () => {
-                  y(n);
+                  S(n);
                 },
                 children: h({ id: "inVertCheck" })
               }
@@ -147,7 +147,7 @@ const ne = (j) => {
           /* @__PURE__ */ t.jsxs("div", { className: "count", children: [
             r.length,
             "/",
-            l.length - T
+            l.length - R
           ] })
         ] })
       ]