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

package/es/Tabs/index.js

@@ -1,167 +1,168 @@
-import { j as a } from "../_virtual/jsx-runtime.js";
-import R, { useState as ee, useEffect as te, createElement as oe } from "react";
-import re, { TabPane as T } from "rc-tabs";
-import { More as ae, Close as f, Plus as ne } from "@para-ui/icons";
+import { j as r } from "../_virtual/jsx-runtime.js";
+import T, { useState as oe, useEffect as te, createElement as re } from "react";
+import ae, { TabPane as R } from "rc-tabs";
+import "../node_modules/@para-ui/icons/SvgIcon/index.js";
+import { Close as u } from "../node_modules/@para-ui/icons/Close/index.js";
+import { More as ne } from "../node_modules/@para-ui/icons/More/index.js";
+import { Plus as se } from "../node_modules/@para-ui/icons/Plus/index.js";
 import { PopConfirm as ie } from "../PopConfirm/index.js";
-import { Radio as se } from "../Radio/index.js";
-import le from "../Help/index.js";
-import de from "clsx";
-import ce from "../GlobalContext/useFormatMessage.js";
-import me from "./lang/index.js";
-import { $rcPrefixCls as c, $prefixCls as pe } from "../GlobalContext/constant.js";
+import { Radio as le } from "../Radio/index.js";
+import de from "../Help/index.js";
+import ce from "clsx";
+import me from "../GlobalContext/useFormatMessage.js";
+import pe from "./lang/index.js";
+import { $rcPrefixCls as d, $prefixCls as fe } from "../GlobalContext/constant.js";
 import { Tooltip as ue } from "../Tooltip/index.js";
 import './index.css';/* empty css           */
-const fe = (y) => {
+const k = (E) => {
   const {
-    type: k,
-    className: A,
+    type: A,
+    className: N,
     size: h,
-    onEdit: m,
-    hideAdd: E,
-    centered: K,
-    addIcon: N,
-    moreIcon: w = /* @__PURE__ */ a.jsx(ae, {}),
-    editable: p,
+    onEdit: c,
+    hideAdd: y,
+    centered: V,
+    addIcon: w,
+    moreIcon: K = /* @__PURE__ */ r.jsx(ne, {}),
+    editable: m,
     mode: b,
     showAdd: S,
-    showPopConfirm: V,
-    popConfirmProps: H,
-    data: s,
-    onChange: M,
+    showPopConfirm: H,
+    popConfirmProps: M,
+    data: i,
+    onChange: z,
     onAdd: C,
     children: x,
-    value: z,
+    value: B,
     activeKey: D,
     radio: F,
-    radioValue: d,
+    radioValue: l,
     defaultRadioValue: J,
     navWithPadding: O = !0,
     onRadioChange: W,
     ..._
-  } = y, q = ce("Tabs", me), r = `${pe}-tabs`, n = k ?? b, [B, $] = ee(J);
+  } = E, q = me("Tabs", pe), t = `${fe}-tabs`, a = A ?? b, [G, $] = oe(J);
   te(() => {
-    d !== void 0 && $(d);
-  }, [d]);
-  const G = (e) => {
-    d === void 0 && $(e), W?.(e);
-  }, g = (e) => {
-    let t = {}, o = e;
-    return s && (t = s.find((i) => String(i.value) === e) || {}, t?.value !== void 0 && (o = String(t.value))), { currItem: t, tKey: o };
-  };
+    l !== void 0 && $(l);
+  }, [l]);
+  const L = (e) => {
+    l === void 0 && $(e), W?.(e);
+  }, g = (e) => i?.find((o) => String(o.value) === e);
   let v;
-  (n === "editable-card" || p) && (v = {
-    onEdit: (e, { key: t, event: o }) => {
+  (a === "editable-card" || m) && (v = {
+    onEdit: (e, { key: o, event: n }) => {
       if (e === "add")
-        C ? C(o) : m?.({}, o, e);
+        C ? C(n) : c?.({}, n, e);
       else {
-        const { currItem: i, tKey: l } = g(t);
-        m?.(i, String(l), e);
+        const s = g(o);
+        s && c?.(s, s.value, e);
       }
     },
-    removeIcon: /* @__PURE__ */ a.jsx(f, {}),
-    addIcon: N || /* @__PURE__ */ a.jsx(ne, {}),
-    showAdd: E !== !0 && S !== !1
+    removeIcon: /* @__PURE__ */ r.jsx(u, {}),
+    addIcon: w || /* @__PURE__ */ r.jsx(se, {}),
+    showAdd: y !== !0 && S !== !1
   });
-  const L = (e) => {
-    const { currItem: t, tKey: o } = g(e);
-    M?.(o, t);
-  }, Q = (e) => {
-    const { closable: t, closeIcon: o } = e;
-    return t === !1 ? null : V ? /* @__PURE__ */ a.jsx("span", { onClick: (i) => i.stopPropagation(), children: /* @__PURE__ */ a.jsx(
+  const Q = (e) => {
+    const o = g(e);
+    z?.(o?.value ?? e, o);
+  }, U = (e) => {
+    const { closable: o, closeIcon: n } = e;
+    return o === !1 ? null : H ? /* @__PURE__ */ r.jsx("span", { onClick: (s) => s.stopPropagation(), children: /* @__PURE__ */ r.jsx(
       ie,
       {
         content: q({ id: "confirmDelete" }),
         placement: "top",
-        ...H,
-        onOk: () => m?.(e, e.value, "remove"),
-        children: o || /* @__PURE__ */ a.jsx(f, {})
+        ...M,
+        onOk: () => c?.(e, e.value, "remove"),
+        children: n || /* @__PURE__ */ r.jsx(u, {})
       }
-    ) }) : o || /* @__PURE__ */ a.jsx(f, {});
-  }, U = () => {
-    if (!s?.length) return x;
+    ) }) : n || /* @__PURE__ */ r.jsx(u, {});
+  }, X = () => {
+    if (!i?.length) return x;
     const e = b === "card-container" && F;
-    return s.map((t) => {
-      const { label: o, content: i, value: l, showHelp: j, helpProps: P, disabledTooltip: I, ...Z } = t;
-      let u = j || e ? /* @__PURE__ */ a.jsxs("span", { className: `${c}-tabs-tab-help`, children: [
-        e && /* @__PURE__ */ a.jsx(
-          se,
+    return i.map((o) => {
+      const { label: n, content: s, value: p, showHelp: j, helpProps: P, disabledTooltip: I, ...ee } = o;
+      let f = j || e ? /* @__PURE__ */ r.jsxs("span", { className: `${d}-tabs-tab-help`, children: [
+        e && /* @__PURE__ */ r.jsx(
+          le,
           {
-            checked: B === l,
-            onChange: () => G(l)
+            checked: G === p,
+            onChange: () => L(p)
           }
         ),
-        o,
-        j && /* @__PURE__ */ a.jsx(
-          le,
+        n,
+        j && /* @__PURE__ */ r.jsx(
+          de,
           {
             placement: "bottom-start",
             ...P,
             title: P?.title ?? ""
           }
         )
-      ] }) : o;
-      return I && (u = /* @__PURE__ */ a.jsx(
+      ] }) : n;
+      return I && (f = /* @__PURE__ */ r.jsx(
         ue,
         {
           disabled: !0,
           placement: "bottom-start",
           ...I,
-          children: u
+          children: f
         }
-      )), /* @__PURE__ */ oe(
-        T,
+      )), /* @__PURE__ */ re(
+        R,
         {
-          ...Z,
-          tab: u,
-          key: l,
-          closeIcon: Q(t)
+          ...ee,
+          tab: f,
+          key: p,
+          closeIcon: U(o)
         },
-        i
+        s
       );
     });
-  }, X = () => {
-    const e = D ?? z;
-    if (e !== void 0) return String(e);
   }, Y = () => {
+    const e = D ?? B;
+    if (e !== void 0) return String(e);
+  }, Z = () => {
     let e;
-    return s?.length ? e = s.some((t) => t.content) : e = R.Children.toArray(x).some(
-      (t) => R.isValidElement(t) && t.props.children
+    return i?.length ? e = i.some((o) => o.content) : e = T.Children.toArray(x).some(
+      (o) => T.isValidElement(o) && o.props.children
     ), !e;
   };
-  return /* @__PURE__ */ a.jsx(
-    re,
+  return /* @__PURE__ */ r.jsx(
+    ae,
     {
-      activeKey: X(),
-      moreTransitionName: `${c}-tabs-slide-up`,
+      activeKey: Y(),
+      moreTransitionName: `${d}-tabs-slide-up`,
       ..._,
-      className: de(
-        r,
+      className: ce(
+        t,
         {
-          [`${r}-${h}`]: h,
-          [`${r}-line`]: !n || n === "line",
-          [`${r}-editable-line`]: (!n || n === "line") && p,
-          [`${r}-card`]: ["card", "editable-card"].includes(n),
-          [`${r}-editable-card`]: n === "editable-card",
-          [`${r}-track`]: n === "track",
-          [`${r}-editable-track`]: n === "track" && p,
-          [`${r}-card-container ${r}-card`]: n === "card-container",
-          [`${r}-centered`]: K,
-          [`${r}-no-child`]: Y(),
-          [`${c}-nav-padding`]: O
+          [`${t}-${h}`]: h,
+          [`${t}-line`]: !a || a === "line",
+          [`${t}-editable-line`]: (!a || a === "line") && m,
+          [`${t}-card`]: ["card", "editable-card"].includes(a),
+          [`${t}-editable-card`]: a === "editable-card",
+          [`${t}-track`]: a === "track",
+          [`${t}-editable-track`]: a === "track" && m,
+          [`${t}-card-container ${t}-card`]: a === "card-container",
+          [`${t}-centered`]: V,
+          [`${t}-no-child`]: Z(),
+          [`${d}-nav-padding`]: O
         },
-        A
+        N
       ),
       editable: v,
-      moreIcon: w,
-      prefixCls: `${c}-tabs`,
-      onChange: L,
-      children: U()
+      moreIcon: K,
+      prefixCls: `${d}-tabs`,
+      onChange: Q,
+      children: X()
     }
   );
 };
-fe.TabPane = T;
+k.TabPane = R;
+const ye = k;
 export {
-  fe as Tabs,
-  fe as default
+  ye as Tabs,
+  ye as default
 };
 //# sourceMappingURL=index.js.map

package/es/Tag/TagGroup.js

@@ -2,11 +2,12 @@ import { j as o } from "../_virtual/jsx-runtime.js";
 import { useState as u, useRef as z, useEffect as A } from "react";
 import { Tag as T } from "./index.js";
 import d from "clsx";
-import { Plus as j } from "@para-ui/icons";
+import "../node_modules/@para-ui/icons/SvgIcon/index.js";
+import { Plus as j } from "../node_modules/@para-ui/icons/Plus/index.js";
 import { $prefixCls as K } from "../GlobalContext/constant.js";
 import q from "../Hooks/useGlobalProps.js";
 import './index.css';/* empty css           */
-const Y = (l) => {
+const Z = (l) => {
   const {
     className: w,
     size: i = "large",
@@ -19,47 +20,47 @@ const Y = (l) => {
     marginBottom: m = "8px",
     marginRight: W = "8px",
     onChange: p
-  } = q(l, "TagGroup"), [t, r] = u([]), [h, x] = u(f ?? ""), [E, C] = u(!1), I = z(), [b, R] = u();
+  } = q(l, "TagGroup"), [e, r] = u([]), [h, x] = u(f ?? ""), [E, C] = u(!1), I = z(), [b, R] = u();
   A(() => {
     if (l.data) {
-      const e = l.data;
-      if (e.some((a) => ["string", "number"].includes(typeof a))) {
-        const a = e.map((s) => ({
+      const t = l.data;
+      if (t.some((a) => ["string", "number"].includes(typeof a))) {
+        const a = t.map((s) => ({
           value: String(s),
           label: String(s)
         }));
         r(a);
       } else
-        r([...e]);
+        r([...t]);
     }
   }, [l.data]);
-  const g = (e) => e.map((n) => n.value), D = () => {
+  const g = (t) => t.map((n) => n.value), D = () => {
     C(!0), setTimeout(() => {
       I.current?.focus();
     });
-  }, S = (e, n) => {
-    t[n].value = e, r([...t]), p?.(t, g(t));
-  }, k = (e) => {
-    x(e.target.value);
+  }, S = (t, n) => {
+    e[n].value = t, r([...e]), p?.(e, g(e));
+  }, k = (t) => {
+    x(t.target.value);
   }, v = () => {
-    const e = h.trim();
-    e !== "" && (t.push({ value: e, label: e, closable: !0 }), r([...t]), p?.(t, g(t))), x(f ?? ""), C(!1);
-  }, B = (e) => {
-    (e.keyCode === 13 || e.which === 13) && v();
-  }, O = (e) => (n) => {
-    const a = t.findIndex((s) => s.value === e.value);
-    a > -1 && (t.splice(a, 1), r([...t])), e.onClose && e.onClose(n), p?.(t, g(t));
-  }, P = () => t?.length ? t.map((e, n) => /* @__PURE__ */ o.jsx(
+    const t = h.trim();
+    t !== "" && (e.push({ value: t, label: t, closable: !0 }), r([...e]), p?.(e, g(e))), x(f ?? ""), C(!1);
+  }, B = (t) => {
+    (t.keyCode === 13 || t.which === 13) && v();
+  }, O = (t) => (n) => {
+    const a = e.findIndex((s) => s.value === t.value);
+    a > -1 && (e.splice(a, 1), r([...e])), t.onClose && t.onClose(n), p?.(e, g(e));
+  }, P = () => e?.length ? e.map((t, n) => /* @__PURE__ */ o.jsx(
     T,
     {
       marginBottom: m,
       marginRight: W,
-      ...e,
+      ...t,
       size: i,
       visible: !0,
       tagChange: (a) => S(a, n),
-      onClose: O(e),
-      children: e.label
+      onClose: O(t),
+      children: t.label
     },
     n
   )) : null, $ = () => {
@@ -85,8 +86,8 @@ const Y = (l) => {
         }
       );
     }
-    let e = /* @__PURE__ */ o.jsx(j, {}), n = "New Tag";
-    c && (e = c.icon || /* @__PURE__ */ o.jsx(j, {}), n = c.text ?? "New Tag");
+    let t = /* @__PURE__ */ o.jsx(j, {}), n = "New Tag";
+    c && (t = c.icon || /* @__PURE__ */ o.jsx(j, {}), n = c.text ?? "New Tag");
     const a = d(
       "tag-group-new",
       {
@@ -100,7 +101,7 @@ const Y = (l) => {
         getWidth: (s) => R(s),
         className: a,
         size: i,
-        icon: e,
+        icon: t,
         onClick: D,
         marginBottom: m,
         children: n
@@ -120,6 +121,6 @@ const Y = (l) => {
   );
 };
 export {
-  Y as default
+  Z as default
 };
 //# sourceMappingURL=TagGroup.js.map

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