@para-ui/core 5.0.1 → 5.0.3-beta.8

package/es/RadioGroup/index.css

@@ -1 +1 @@
-@charset "UTF-8";.paraui-v4-radio-group{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;width:100%}.paraui-v4-radio-group>.radio-group-label{margin-bottom:6px}.paraui-v4-radio-group>.radio-group-content{line-height:0}.paraui-v4-radio-group>.radio-group-content .radio-item-box{margin-bottom:4px}.paraui-v4-radio-group>.radio-group-content>.radio-group-content-item{margin-bottom:6px}.paraui-v4-radio-group>.radio-group-content>.radio-group-content-item:last-child{margin-bottom:0}.paraui-v4-radio-group.paraui-v4-radio-group-column>.radio-group-content{display:flex;flex-direction:column}.paraui-v4-radio-group.paraui-v4-radio-group-column>.radio-group-content>span{margin-bottom:10px}.paraui-v4-radio-group.paraui-v4-radio-group-column>.radio-group-content>span:last-child{margin-bottom:0}
+@charset "UTF-8";.paraui-v4-radio-group{width:100%;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}.paraui-v4-radio-group>.radio-group-label{margin-bottom:6px}.paraui-v4-radio-group>.radio-group-content{line-height:0}.paraui-v4-radio-group>.radio-group-content .radio-item-box{margin-bottom:4px}.paraui-v4-radio-group>.radio-group-content>.radio-group-content-item{margin-bottom:6px}.paraui-v4-radio-group>.radio-group-content>.radio-group-content-item:last-child{margin-bottom:0}.paraui-v4-radio-group:not(.paraui-v4-radio-group-column)>.radio-group-content{margin-bottom:-4px}.paraui-v4-radio-group.paraui-v4-radio-group-column>.radio-group-content{display:flex;flex-direction:column}.paraui-v4-radio-group.paraui-v4-radio-group-column>.radio-group-content>span{margin-bottom:10px}.paraui-v4-radio-group.paraui-v4-radio-group-column>.radio-group-content>span:last-child{margin-bottom:0}

package/es/RadioGroup/style/index.css

@@ -1 +1 @@
-.paraui-v4-radio-group{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;width:100%}.paraui-v4-radio-group>.radio-group-label{margin-bottom:6px}.paraui-v4-radio-group>.radio-group-content{line-height:0}.paraui-v4-radio-group>.radio-group-content .radio-item-box{margin-bottom:4px}.paraui-v4-radio-group>.radio-group-content>.radio-group-content-item{margin-bottom:6px}.paraui-v4-radio-group>.radio-group-content>.radio-group-content-item:last-child{margin-bottom:0}.paraui-v4-radio-group.paraui-v4-radio-group-column>.radio-group-content{display:flex;flex-direction:column}.paraui-v4-radio-group.paraui-v4-radio-group-column>.radio-group-content>span{margin-bottom:10px}.paraui-v4-radio-group.paraui-v4-radio-group-column>.radio-group-content>span:last-child{margin-bottom:0}
+.paraui-v4-radio-group{width:100%;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}.paraui-v4-radio-group>.radio-group-label{margin-bottom:6px}.paraui-v4-radio-group>.radio-group-content{line-height:0}.paraui-v4-radio-group>.radio-group-content .radio-item-box{margin-bottom:4px}.paraui-v4-radio-group>.radio-group-content>.radio-group-content-item{margin-bottom:6px}.paraui-v4-radio-group>.radio-group-content>.radio-group-content-item:last-child{margin-bottom:0}.paraui-v4-radio-group:not(.paraui-v4-radio-group-column)>.radio-group-content{margin-bottom:-4px}.paraui-v4-radio-group.paraui-v4-radio-group-column>.radio-group-content{display:flex;flex-direction:column}.paraui-v4-radio-group.paraui-v4-radio-group-column>.radio-group-content>span{margin-bottom:10px}.paraui-v4-radio-group.paraui-v4-radio-group-column>.radio-group-content>span:last-child{margin-bottom:0}

package/es/RangeInput/index.js

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

package/es/Switch/index.js

@@ -1,32 +1,33 @@
 import { j as s } from "../_virtual/jsx-runtime.js";
-import { LoadingF as F } from "../para-ui-core/node_modules/@para-ui/icons/LoadingF/index.js";
+import { LoadingF as A } from "../para-ui-core/node_modules/@para-ui/icons/LoadingF/index.js";
 import x from "rc-switch";
-import j from "clsx";
+import f from "clsx";
 import { $prefixCls as l, $rcPrefixCls as e } from "../GlobalContext/constant.js";
-import f from "../Label/index.js";
-import { Tooltip as w } from "../Tooltip/index.js";
-import L from "../GlobalContext/useFormatMessage.js";
-import R from "./lang/index.js";
+import j from "../Label/index.js";
+import { Tooltip as u } from "../Tooltip/index.js";
+import S from "../GlobalContext/useFormatMessage.js";
+import { PARA_UI_COMPACT_CONTROL_MARKER as _ } from "../FieldForm/compactControlMarker.js";
+import F from "./lang/index.js";
 import './index.css';/* empty css           */
-const G = (u) => {
-  const N = L("Switch", R), {
+const L = (w) => {
+  const N = S("Switch", F), {
     size: c = "default",
     loading: i,
     disabled: a,
     className: g,
     label: r,
-    required: h = !1,
+    required: p = !1,
     desc: d,
     labelTooltip: C,
     descTooltip: T,
-    disabledTooltip: p,
+    disabledTooltip: h,
     loadingTitle: $ = N({ id: "ing" }),
-    labelPlacement: v = "top",
-    descPlacement: P = "start",
+    labelPlacement: P = "top",
+    descPlacement: R = "start",
     supText: t,
-    error: q,
+    error: M,
     ...o
-  } = u, m = j(
+  } = w, m = f(
     `${l}-switch`,
     {
       [`${l}-switch-small`]: c === "small",
@@ -35,15 +36,15 @@ const G = (u) => {
       [`${l}-switch-disabled`]: a
     },
     g
-  ), S = j(
+  ), v = f(
     `${l}-switch-label`,
-    `${l}-switch-label-${v}`,
-    `${l}-switch-desc-${P}`
-  ), n = /* @__PURE__ */ s.jsx("div", { className: `${e}-switch-handle`, children: i && /* @__PURE__ */ s.jsx(F, { className: `${e}-switch-loading-icon` }) }), b = () => a && p ? /* @__PURE__ */ s.jsx(
-    w,
+    `${l}-switch-label-${P}`,
+    `${l}-switch-desc-${R}`
+  ), n = /* @__PURE__ */ s.jsx("div", { className: `${e}-switch-handle`, children: i && /* @__PURE__ */ s.jsx(A, { className: `${e}-switch-loading-icon` }) }), b = () => a && h ? /* @__PURE__ */ s.jsx(
+    u,
     {
       disabled: !0,
-      ...p,
+      ...h,
       children: /* @__PURE__ */ s.jsxs("div", { className: `${e}-label-box`, children: [
         /* @__PURE__ */ s.jsx(
           x,
@@ -59,7 +60,7 @@ const G = (u) => {
       ] })
     }
   ) : /* @__PURE__ */ s.jsx(s.Fragment, { children: $ && i ? /* @__PURE__ */ s.jsx(
-    w,
+    u,
     {
       disabled: !0,
       title: $,
@@ -90,22 +91,22 @@ const G = (u) => {
     ),
     t && /* @__PURE__ */ s.jsx("span", { className: "sup-text", children: t })
   ] }) });
-  return r || d ? /* @__PURE__ */ s.jsxs("span", { className: S, children: [
+  return r || d ? /* @__PURE__ */ s.jsxs("span", { className: v, children: [
     d && /* @__PURE__ */ s.jsx(
-      f,
+      j,
       {
         label: d,
-        required: h,
+        required: p,
         ...T,
         className: `${e}-desc-text ${a ? `${e}-disabled-text` : ""}`
       }
     ),
     /* @__PURE__ */ s.jsxs("span", { className: `${l}-label-text-container`, children: [
       r && /* @__PURE__ */ s.jsx(
-        f,
+        j,
         {
           label: r,
-          required: h,
+          required: p,
           ...C,
           className: `${e}-switch-text ${a ? `${e}-disabled-text` : ""}`
         }
@@ -114,8 +115,9 @@ const G = (u) => {
     ] })
   ] }) : b();
 };
+L[_] = !0;
 export {
-  G as Switch,
-  G as default
+  L as Switch,
+  L as default
 };
 //# sourceMappingURL=index.js.map

package/es/Tag/TagGroup.js

@@ -1,9 +1,9 @@
 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 { Tag as v } from "./index.js";
 import d from "clsx";
 import "../para-ui-core/node_modules/@para-ui/icons/SvgIcon/index.js";
-import { Plus as j } from "../para-ui-core/node_modules/@para-ui/icons/Plus/index.js";
+import { Plus as T } from "../para-ui-core/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           */
@@ -11,16 +11,16 @@ const Z = (l) => {
   const {
     className: w,
     size: i = "large",
-    style: y,
+    style: j,
     defaultInputValue: f,
-    increased: N = !1,
-    increasedTag: c,
-    inputClassName: V,
+    increased: y = !1,
+    increasedTag: p,
+    inputClassName: N,
     inputWidth: G,
-    marginBottom: m = "8px",
+    marginBottom: V = "8px",
     marginRight: W = "8px",
-    onChange: p
-  } = q(l, "TagGroup"), [e, r] = u([]), [h, x] = u(f ?? ""), [E, C] = u(!1), I = z(), [b, R] = u();
+    onChange: c
+  } = q(l, "TagGroup"), [e, r] = u([]), [m, h] = u(f ?? ""), [E, x] = u(!1), C = z(), [I, R] = u();
   A(() => {
     if (l.data) {
       const t = l.data;
@@ -35,26 +35,24 @@ const Z = (l) => {
     }
   }, [l.data]);
   const g = (t) => t.map((n) => n.value), D = () => {
-    C(!0), setTimeout(() => {
-      I.current?.focus();
+    x(!0), setTimeout(() => {
+      C.current?.focus();
     });
   }, S = (t, n) => {
-    e[n].value = t, r([...e]), p?.(e, g(e));
+    e[n].value = t, r([...e]), c?.(e, g(e));
   }, k = (t) => {
-    x(t.target.value);
-  }, v = () => {
-    const t = h.trim();
-    t !== "" && (e.push({ value: t, label: t, closable: !0 }), r([...e]), p?.(e, g(e))), x(f ?? ""), C(!1);
+    h(t.target.value);
+  }, b = () => {
+    const t = m.trim();
+    t !== "" && (e.push({ value: t, label: t, closable: !0 }), r([...e]), c?.(e, g(e))), h(f ?? ""), x(!1);
   }, B = (t) => {
-    (t.keyCode === 13 || t.which === 13) && v();
+    (t.keyCode === 13 || t.which === 13) && b();
   }, 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));
+    a > -1 && (e.splice(a, 1), r([...e])), t.onClose && t.onClose(n), c?.(e, g(e));
   }, P = () => e?.length ? e.map((t, n) => /* @__PURE__ */ o.jsx(
-    T,
+    v,
     {
-      marginBottom: m,
-      marginRight: W,
       ...t,
       size: i,
       visible: !0,
@@ -70,24 +68,24 @@ const Z = (l) => {
         {
           "tag-group-input-large": i === "large"
         },
-        V
+        N
       );
       return /* @__PURE__ */ o.jsx(
         "input",
         {
-          style: { width: G || b, minWidth: b },
+          style: { width: G || I, minWidth: I },
           type: "text",
-          ref: I,
+          ref: C,
           className: s,
-          value: h,
+          value: m,
           onChange: k,
-          onBlur: v,
+          onBlur: b,
           onKeyDown: B
         }
       );
     }
-    let t = /* @__PURE__ */ o.jsx(j, {}), n = "New Tag";
-    c && (t = c.icon || /* @__PURE__ */ o.jsx(j, {}), n = c.text ?? "New Tag");
+    let t = /* @__PURE__ */ o.jsx(T, {}), n = "New Tag";
+    p && (t = p.icon || /* @__PURE__ */ o.jsx(T, {}), n = p.text ?? "New Tag");
     const a = d(
       "tag-group-new",
       {
@@ -96,14 +94,13 @@ const Z = (l) => {
       "tag-group-add-btn"
     );
     return /* @__PURE__ */ o.jsx(
-      T,
+      v,
       {
         getWidth: (s) => R(s),
         className: a,
         size: i,
         icon: t,
         onClick: D,
-        marginBottom: m,
         children: n
       }
     );
@@ -112,10 +109,10 @@ const Z = (l) => {
     "div",
     {
       className: d(`${K}-tag-group`, w),
-      style: y,
+      style: { rowGap: V, columnGap: W, ...j },
       children: [
         P(),
-        N && $()
+        y && $()
       ]
     }
   );

package/es/Tag/index.js

@@ -13,11 +13,11 @@ import './index.css';/* empty css           */
 const pe = ["blue", "green", "yellow", "red"], fe = (a) => {
   const {
     type: g = "normal",
-    className: G,
+    className: B,
     children: s,
     icon: c,
     color: t,
-    onClose: B,
+    onClose: G,
     onEdit: m,
     getWidth: h,
     tagChange: C,
@@ -34,7 +34,7 @@ const pe = ["blue", "green", "yellow", "red"], fe = (a) => {
     marginBottom: I,
     marginRight: y,
     ...J
-  } = de(a, "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);
+  } = de(a, "Tag"), [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 a && j(!!E);
   }, [E]), p(() => {
@@ -63,14 +63,14 @@ const pe = ["blue", "green", "yellow", "red"], fe = (a) => {
     `${n}-tag`,
     `${n}-tag-${g}`,
     `${n}-tag-${b}`,
-    G,
+    B,
     {
       [`${n}-tag-has-color`]: t,
       [`${n}-tag-hidden`]: !Q,
       [`${n}-tag-${t}`]: l()
     }
   ), W = (e) => {
-    e.stopPropagation(), B?.(e), u(!1), !e.defaultPrevented && ("visible" in a || j(!1));
+    e.stopPropagation(), G?.(e), u(!1), !e.defaultPrevented && ("visible" in a || j(!1));
   }, S = () => {
     u(!0);
   }, L = () => {

package/es/index.d.ts

@@ -72,6 +72,8 @@ export { default as Form } from './Form';
 export * from './Form';
 export { default as FormItem } from './FormItem';
 export * from './FormItem';
+export { default as FormItemGroup } from './FormItemGroup';
+export * from './FormItemGroup';
 export { default as FunctionModal } from './FunctionModal';
 export * from './FunctionModal';
 export { default as GlobalContext } from './GlobalContext';