@para-ui/core 5.0.2 → 5.0.3-beta.10

package/es/ExpressionInput/Popup.js

@@ -1,8 +1,8 @@
 import { j as t } from "../_virtual/jsx-runtime.js";
 import * as p from "react";
-import { Lock as S } from "../para-ui-core/node_modules/@para-ui/icons/Lock/index.js";
+import { Lock as S } from "../node_modules/@para-ui/icons/Lock/index.js";
 import { $prefixCls as o } from "../GlobalContext/constant.js";
-const i = 30, d = 240, m = 4, b = p.forwardRef((v, g) => {
+const i = 30, m = 240, d = 4, b = p.forwardRef((v, g) => {
   const {
     instanceClass: T,
     visible: $,
@@ -24,7 +24,7 @@ const i = 30, d = 240, m = 4, b = p.forwardRef((v, g) => {
     n < r ? e.scrollTop = n : n + i > f && (e.scrollTop = n + i - e.clientHeight);
   }, [h]), !$ || s.length === 0)
     return null;
-  const l = s.length > w, u = l ? Math.max(0, Math.floor(H / i) - m) : 0, M = l ? Math.ceil(d / i) + m * 2 : s.length, R = l ? Math.min(s.length, u + M) : s.length, y = s.slice(u, R), C = u * i;
+  const l = s.length > w, u = l ? Math.max(0, Math.floor(H / i) - d) : 0, M = l ? Math.ceil(m / i) + d * 2 : s.length, R = l ? Math.min(s.length, u + M) : s.length, y = s.slice(u, R), C = u * i;
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -38,7 +38,7 @@ const i = 30, d = 240, m = 4, b = p.forwardRef((v, g) => {
           {
             ref: c,
             className: `${o}-expression-input-popup-list`,
-            style: { maxHeight: d, overflowY: "auto" },
+            style: { maxHeight: m, overflowY: "auto" },
             onScroll: (e) => {
               l && x(e.currentTarget.scrollTop);
             },
@@ -65,7 +65,14 @@ const i = 30, d = 240, m = 4, b = p.forwardRef((v, g) => {
                       },
                       children: [
                         /* @__PURE__ */ t.jsx("span", { className: `${o}-expression-input-popup-item-value`, children: e.label ?? e.value }),
-                        e.desc && /* @__PURE__ */ t.jsx("span", { className: `${o}-expression-input-popup-item-desc`, children: e.desc }),
+                        e.desc && /* @__PURE__ */ t.jsx(
+                          "span",
+                          {
+                            className: `${o}-expression-input-popup-item-desc`,
+                            title: e.desc,
+                            children: e.desc
+                          }
+                        ),
                         e.sensitive && /* @__PURE__ */ t.jsx(
                           S,
                           {

package/es/ExpressionInput/index.css

@@ -1 +1 @@
-@charset "UTF-8";.paraui-v4-expression-input{display:inline-block;width:100%}.paraui-v4-expression-input input{position:relative;z-index:1;color:transparent!important;caret-color:#1d2126!important}.paraui-v4-expression-input-overlay{position:absolute;inset:0;z-index:0;overflow:hidden;color:#1d2126;white-space:pre;pointer-events:none}.paraui-v4-expression-input-overlay-highlight{color:#2e65e6}.paraui-v4-expression-input-popup{z-index:1500;min-width:280px;overflow:hidden;background:#fff;border:1px solid rgb(212,218,227);border-radius:4px;box-shadow:0 2px 8px #d4dae366}.paraui-v4-expression-input-popup-header{padding:6px 12px;font-size:12px;color:#a1a8b3;border-bottom:1px solid rgb(234,236,241)}.paraui-v4-expression-input-popup-list{padding:4px 0}.paraui-v4-expression-input-popup-item{display:flex;align-items:center;padding:0 12px;font-size:14px;color:#1d2126;white-space:nowrap;cursor:pointer}.paraui-v4-expression-input-popup-item-active{color:#2e65e6;background:#f0f5ff}.paraui-v4-expression-input-popup-item-value{flex:0 0 auto;margin-right:8px}.paraui-v4-expression-input-popup-item-desc{flex:1 1 auto;overflow:hidden;font-size:12px;color:#a1a8b3;text-overflow:ellipsis}.paraui-v4-expression-input-popup-item-lock{flex:0 0 auto;margin-left:8px;font-size:16px;color:#a1a8b3}
+@charset "UTF-8";.paraui-v4-expression-input{display:inline-block;width:100%}.paraui-v4-expression-input input,.paraui-v4-expression-input textarea{position:relative;z-index:1;color:transparent!important;caret-color:#1d2126!important}.paraui-v4-expression-input-overlay{position:absolute;inset:0;z-index:0;overflow:hidden;color:#1d2126;white-space:pre;pointer-events:none}.paraui-v4-expression-input-overlay-highlight{color:#2e65e6}.paraui-v4-expression-input-popup{z-index:1500;min-width:280px;overflow:hidden;background:#fff;border:1px solid rgb(212,218,227);border-radius:4px;box-shadow:0 2px 8px #d4dae366}.paraui-v4-expression-input-popup-header{padding:6px 12px;font-size:12px;color:#a1a8b3;border-bottom:1px solid rgb(234,236,241)}.paraui-v4-expression-input-popup-list{padding:4px 0}.paraui-v4-expression-input-popup-item{display:flex;align-items:center;padding:0 12px;font-size:14px;color:#1d2126;white-space:nowrap;cursor:pointer}.paraui-v4-expression-input-popup-item-active{color:#2e65e6;background:#f0f5ff}.paraui-v4-expression-input-popup-item-value{flex:0 0 auto;margin-right:8px}.paraui-v4-expression-input-popup-item-desc{flex:1 1 auto;overflow:hidden;font-size:12px;color:#a1a8b3;text-overflow:ellipsis}.paraui-v4-expression-input-popup-item-lock{flex:0 0 auto;margin-left:8px;font-size:16px;color:#a1a8b3}

package/es/ExpressionInput/index.js

@@ -1,13 +1,13 @@
-import { j as c } from "../_virtual/jsx-runtime.js";
+import { j as u } from "../_virtual/jsx-runtime.js";
 import './index.css';/* empty css           */
 import * as r from "react";
-import * as z from "react-dom";
+import * as C from "react-dom";
 import { UUID as Z } from "@snack-kit/lib";
 import { TextField as Q } from "../TextField/index.js";
 import { Tooltip as Y } from "../Tooltip/index.js";
 import ee from "../GlobalContext/usePopupContainer.js";
 import te from "../GlobalContext/useFormatMessage.js";
-import { $prefixCls as T } from "../GlobalContext/constant.js";
+import { $prefixCls as z } from "../GlobalContext/constant.js";
 import { useExpressionInput as re } from "./useExpressionInput.js";
 import { Popup as ne } from "./Popup.js";
 import { isExpressionValue as oe } from "./isExpressionValue.js";
@@ -19,47 +19,47 @@ const ae = 50, ce = "$", Le = (F) => {
     value: d,
     onChange: O,
     resolveCandidates: j,
-    triggerMode: E = "braces",
-    triggerPrefix: p = ce,
+    triggerMode: x = "braces",
+    triggerPrefix: f = ce,
     virtualizeThreshold: D = ae,
-    renderPopupHeader: x,
-    expressionTooltip: f,
-    disabled: y,
+    renderPopupHeader: S,
+    expressionTooltip: g,
+    disabled: w,
     readOnly: I,
-    className: S,
-    ...g
-  } = F, H = te("ExpressionInput", le), [m] = r.useState(() => `${T}-expression-input-${Z()}`), n = r.useRef(null), R = r.useRef(null), P = r.useRef({ getRootDomNode: () => n.current }), $ = ee(P), [M, q] = r.useState({ top: 0, left: 0, width: 0 }), l = r.useRef(null), [w, U] = r.useState(null), [V, W] = r.useState({}), a = String(d ?? ""), _ = r.useMemo(() => se(a), [a]), {
-    open: o,
-    ctx: u,
-    candidates: h,
-    highlight: A,
-    setHighlight: B,
-    handleValueChange: K,
-    handleKeyDown: N,
-    handleSelect: k,
-    close: L,
-    pendingCursorRef: v
+    className: y,
+    ...m
+  } = F, H = te("ExpressionInput", le), [h] = r.useState(() => `${z}-expression-input-${Z()}`), n = r.useRef(null), R = r.useRef(null), P = r.useRef({ getRootDomNode: () => n.current }), $ = ee(P), [M, q] = r.useState({ top: 0, left: 0, width: 0 }), o = r.useRef(null), [L, A] = r.useState(null), [B, U] = r.useState({}), a = String(d ?? ""), k = r.useMemo(() => se(a), [a]), {
+    open: s,
+    ctx: p,
+    candidates: v,
+    highlight: N,
+    setHighlight: V,
+    handleValueChange: W,
+    handleKeyDown: _,
+    handleSelect: K,
+    close: T,
+    pendingCursorRef: E
   } = re({
     value: a,
     onChange: O,
     resolveCandidates: j,
-    triggerMode: E,
-    triggerPrefix: p,
-    disabled: y,
+    triggerMode: x,
+    triggerPrefix: f,
+    disabled: w,
     readOnly: I
-  }), s = r.useCallback(() => {
+  }), i = r.useCallback(() => {
     const e = n.current?.querySelector("input, textarea");
     if (!e)
       return;
     const t = e.getBoundingClientRect();
     q({ top: t.bottom + 4, left: t.left, width: Math.max(t.width, 280) });
-  }, []), i = r.useCallback(() => {
+  }, []), l = r.useCallback(() => {
     const e = n.current?.querySelector("input, textarea");
     if (!e)
       return;
-    U(e.parentElement);
-    const t = window.getComputedStyle(e);
-    W({
+    A(e.parentElement);
+    const t = window.getComputedStyle(e), c = e.tagName === "TEXTAREA";
+    U({
       paddingTop: t.paddingTop,
       paddingRight: t.paddingRight,
       paddingBottom: t.paddingBottom,
@@ -72,108 +72,110 @@ const ae = 50, ce = "$", Le = (F) => {
       boxSizing: t.boxSizing,
       borderWidth: t.borderWidth,
       borderStyle: t.borderStyle,
-      borderColor: "transparent"
+      borderColor: "transparent",
+      whiteSpace: c ? t.whiteSpace : "pre",
+      wordBreak: c ? t.wordBreak : "normal"
     });
   }, []);
   r.useLayoutEffect(() => {
-    i(), window.addEventListener("resize", i);
+    l(), window.addEventListener("resize", l);
     const e = n.current;
     let t;
-    return e && typeof ResizeObserver < "u" && (t = new ResizeObserver(i), t.observe(e)), () => {
-      window.removeEventListener("resize", i), t?.disconnect();
+    return e && typeof ResizeObserver < "u" && (t = new ResizeObserver(l), t.observe(e)), () => {
+      window.removeEventListener("resize", l), t?.disconnect();
     };
-  }, [i]), r.useEffect(() => {
+  }, [l]), r.useEffect(() => {
     const e = n.current?.querySelector("input, textarea");
     if (!e)
       return;
     const t = () => {
-      l.current && (l.current.scrollLeft = e.scrollLeft);
+      o.current && (o.current.scrollLeft = e.scrollLeft, o.current.scrollTop = e.scrollTop);
     };
     return e.addEventListener("scroll", t), () => e.removeEventListener("scroll", t);
   }, []), r.useEffect(() => {
     const e = n.current?.querySelector("input, textarea");
-    e && l.current && (l.current.scrollLeft = e.scrollLeft);
+    e && o.current && (o.current.scrollLeft = e.scrollLeft, o.current.scrollTop = e.scrollTop);
   }, [d]), r.useEffect(() => {
-    const e = v.current;
+    const e = E.current;
     if (e === null)
       return;
     const t = n.current?.querySelector("input, textarea");
-    t && (t.focus(), t.setSelectionRange(e, e)), v.current = null;
-  }, [d, v]), r.useEffect(() => {
-    if (o)
-      return s(), window.addEventListener("scroll", s, !0), window.addEventListener("resize", s), () => {
-        window.removeEventListener("scroll", s, !0), window.removeEventListener("resize", s);
+    t && (t.focus(), t.setSelectionRange(e, e)), E.current = null;
+  }, [d, E]), r.useEffect(() => {
+    if (s)
+      return i(), window.addEventListener("scroll", i, !0), window.addEventListener("resize", i), () => {
+        window.removeEventListener("scroll", i, !0), window.removeEventListener("resize", i);
       };
-  }, [o, s]), r.useEffect(() => {
-    if (!o)
+  }, [s, i]), r.useEffect(() => {
+    if (!s)
       return;
     const e = (t) => {
-      const C = t.target;
-      n.current?.contains(C) || R.current?.contains(C) || L();
+      const c = t.target;
+      n.current?.contains(c) || R.current?.contains(c) || T();
     };
     return document.addEventListener("mousedown", e, !0), () => document.removeEventListener("mousedown", e, !0);
-  }, [o, L, m]);
+  }, [s, T, h]);
   const G = (e) => {
     const t = e.target.selectionStart ?? e.target.value.length;
-    K(e.target.value, t);
-  }, J = u ? x ? x(u, h.length) : H(
+    W(e.target.value, t);
+  }, X = p ? S ? S(p, v.length) : H(
     { id: "header" },
-    { path: u.parts.length ? u.parts.join(".") : p, count: h.length }
-  ) : null, X = !!f && oe(a, p, E), b = /* @__PURE__ */ c.jsx(
+    { path: p.parts.length ? p.parts.join(".") : f, count: v.length }
+  ) : null, J = !!g && oe(a, f, x), b = /* @__PURE__ */ u.jsx(
     Q,
     {
-      ...g,
+      ...m,
       value: a,
-      disabled: y,
+      disabled: w,
       onChange: G,
       onFocus: (e) => {
-        i(), g.onFocus?.(e);
+        l(), m.onFocus?.(e);
       },
       onKeydown: (e) => {
-        N(e), g.onKeydown?.(e);
+        _(e), m.onKeydown?.(e);
       }
     }
   );
-  return /* @__PURE__ */ c.jsxs(
+  return /* @__PURE__ */ u.jsxs(
     "div",
     {
       ref: n,
-      className: `${T}-expression-input ${m}${S ? ` ${S}` : ""}`,
+      className: `${z}-expression-input ${h}${y ? ` ${y}` : ""}`,
       children: [
-        f ? /* @__PURE__ */ c.jsx(
+        g ? /* @__PURE__ */ u.jsx(
           Y,
           {
-            title: f,
+            title: g,
             trigger: ["hover", "focus"],
-            ...X ? {} : { visible: !1 },
+            ...J ? {} : { visible: !1 },
             children: b
           }
         ) : b,
-        w && z.createPortal(
-          /* @__PURE__ */ c.jsx(
+        L && C.createPortal(
+          /* @__PURE__ */ u.jsx(
             ie,
             {
-              ref: l,
-              segments: _,
-              style: V
+              ref: o,
+              segments: k,
+              style: B
             }
           ),
-          w
+          L
         ),
-        o && n.current && z.createPortal(
-          /* @__PURE__ */ c.jsx(
+        s && n.current && C.createPortal(
+          /* @__PURE__ */ u.jsx(
             ne,
             {
               ref: R,
-              instanceClass: m,
-              visible: o,
+              instanceClass: h,
+              visible: s,
               rect: M,
-              header: J,
-              candidates: h,
-              highlight: A,
+              header: X,
+              candidates: v,
+              highlight: N,
               virtualizeThreshold: D,
-              onSelect: k,
-              onHighlightChange: B
+              onSelect: K,
+              onHighlightChange: V
             }
           ),
           $(n.current)

package/es/ExpressionInput/style/index.css

@@ -1 +1 @@
-.paraui-v4-expression-input{display:inline-block;width:100%}.paraui-v4-expression-input input{position:relative;z-index:1;color:rgba(0,0,0,0) !important;caret-color:#1d2126 !important}.paraui-v4-expression-input-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;color:#1d2126;white-space:pre;pointer-events:none}.paraui-v4-expression-input-overlay-highlight{color:#2e65e6}.paraui-v4-expression-input-popup{z-index:1500;min-width:280px;overflow:hidden;background:#fff;border:1px solid #d4dae3;border-radius:4px;box-shadow:0px 2px 8px 0px rgba(212,218,227,.4)}.paraui-v4-expression-input-popup-header{padding:6px 12px;font-size:12px;color:#a1a8b3;border-bottom:1px solid #eaecf1}.paraui-v4-expression-input-popup-list{padding:4px 0}.paraui-v4-expression-input-popup-item{display:flex;align-items:center;padding:0 12px;font-size:14px;color:#1d2126;white-space:nowrap;cursor:pointer}.paraui-v4-expression-input-popup-item-active{color:#2e65e6;background:#f0f5ff}.paraui-v4-expression-input-popup-item-value{flex:0 0 auto;margin-right:8px}.paraui-v4-expression-input-popup-item-desc{flex:1 1 auto;overflow:hidden;font-size:12px;color:#a1a8b3;text-overflow:ellipsis}.paraui-v4-expression-input-popup-item-lock{flex:0 0 auto;margin-left:8px;font-size:16px;color:#a1a8b3}
+.paraui-v4-expression-input{display:inline-block;width:100%}.paraui-v4-expression-input input,.paraui-v4-expression-input textarea{position:relative;z-index:1;color:rgba(0,0,0,0) !important;caret-color:#1d2126 !important}.paraui-v4-expression-input-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;color:#1d2126;white-space:pre;pointer-events:none}.paraui-v4-expression-input-overlay-highlight{color:#2e65e6}.paraui-v4-expression-input-popup{z-index:1500;min-width:280px;overflow:hidden;background:#fff;border:1px solid #d4dae3;border-radius:4px;box-shadow:0px 2px 8px 0px rgba(212,218,227,.4)}.paraui-v4-expression-input-popup-header{padding:6px 12px;font-size:12px;color:#a1a8b3;border-bottom:1px solid #eaecf1}.paraui-v4-expression-input-popup-list{padding:4px 0}.paraui-v4-expression-input-popup-item{display:flex;align-items:center;padding:0 12px;font-size:14px;color:#1d2126;white-space:nowrap;cursor:pointer}.paraui-v4-expression-input-popup-item-active{color:#2e65e6;background:#f0f5ff}.paraui-v4-expression-input-popup-item-value{flex:0 0 auto;margin-right:8px}.paraui-v4-expression-input-popup-item-desc{flex:1 1 auto;overflow:hidden;font-size:12px;color:#a1a8b3;text-overflow:ellipsis}.paraui-v4-expression-input-popup-item-lock{flex:0 0 auto;margin-left:8px;font-size:16px;color:#a1a8b3}

package/es/FieldForm/ErrorList.js

@@ -1,18 +1,18 @@
 import { j as i } from "../_virtual/jsx-runtime.js";
 import { useMemo as u } from "react";
 import l from "../HelperText/index.js";
-function a(r, t, n, e = 0) {
+function a(r, t, e, n = 0) {
   return {
-    key: typeof r == "string" ? r : `${t}-${e}`,
+    key: typeof r == "string" ? r : `${t}-${n}`,
     error: r,
-    errorStatus: n
+    errorStatus: e
   };
 }
-const d = ({ helperText: r, helpStatus: t, errors: n = [], warnings: e = [] }) => {
+const d = ({ helperText: r, helpStatus: t, errors: e = [], warnings: n = [] }) => {
   const s = u(() => r != null ? [a(r, "help", t)] : [
-    ...n.map((o, m) => a(o, "error", "error", m)),
-    ...e.map((o, m) => a(o, "warning", "warning", m))
-  ], [r, n, e, t]);
+    ...e.map((o, m) => a(o, "error", "error", m)),
+    ...n.map((o, m) => a(o, "warning", "warning", m))
+  ], [r, e, n, t]);
   return /* @__PURE__ */ i.jsx(i.Fragment, { children: Array.isArray(s) && s.length ? s.map((o) => /* @__PURE__ */ i.jsx(
     "div",
     {
@@ -21,7 +21,8 @@ const d = ({ helperText: r, helpStatus: t, errors: n = [], warnings: e = [] }) =
         l,
         {
           error: !0,
-          helperText: o.error
+          helperText: o.error,
+          hideErrorDom: !1
         }
       )
     },

package/es/FieldForm/FieldFormItem/ItemHolder.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { Meta } from 'rc-field-form/lib/interface';
+import { ItemDecoratorMeta } from '../interface';
 import { ReportMetaChange } from '../context';
 import { FormItemProps } from './index';
 export interface ItemHolderProps extends FormItemProps {
@@ -7,6 +8,7 @@ export interface ItemHolderProps extends FormItemProps {
     errors: ReactNode[];
     warnings: ReactNode[];
     meta: Meta;
+    identityMeta: ItemDecoratorMeta;
     onSubItemMetaChange: ReportMetaChange;
 }
 declare function ItemHolder(props: ItemHolderProps): import("react/jsx-runtime").JSX.Element;

package/es/FieldForm/FieldFormItem/ItemHolder.js

@@ -1,95 +1,105 @@
 import { j as t } from "../../_virtual/jsx-runtime.js";
-import { useContext as M, useMemo as N, useRef as R, useState as V } from "react";
-import W from "../../_virtual/index.js";
-import _ from "rc-util/lib/Dom/isVisible";
-import q from "rc-util/lib/hooks/useLayoutEffect";
-import { FormContext as A, NoStyleItemContext as O } from "../context.js";
-import T from "../FormItemLabel.js";
-import k from "../FormItemInput.js";
-import z from "./StatusProvider.js";
-function te(a) {
+import { useContext as q, useMemo as I, useRef as A, useState as D } from "react";
+import O from "../../_virtual/index.js";
+import T from "rc-util/lib/Dom/isVisible";
+import k from "rc-util/lib/hooks/useLayoutEffect";
+import { FormContext as z, NoStyleItemContext as G } from "../context.js";
+import J from "../FormItemLabel.js";
+import K from "../FormItemInput.js";
+import Q from "./StatusProvider.js";
+function ne(l) {
   const {
-    className: h,
-    style: g,
-    helperText: s,
+    className: S,
+    style: C,
+    helperText: i,
     errors: m,
-    warnings: u,
+    warnings: c,
     status: e,
-    hidden: x,
-    children: b,
+    hidden: j,
+    children: v,
     fieldId: r,
-    required: y,
-    onSubItemMetaChange: I,
-    layout: c,
-    hideLabel: S,
-    hideError: j,
-    noSpacing: v,
-    label: C,
-    labelProps: E,
-    labelAlign: L,
-    colon: P,
-    labelWidth: $,
-    labelWrap: w
-  } = a, { prefixCls: i, layout: d } = M(A), n = N(() => c ?? d, [c, d]), o = R(null), f = !!(s != null || m.length || u.length), B = !!o.current && _(o.current), [F, p] = V(null);
-  q(() => {
-    if (f && o.current) {
-      const l = getComputedStyle(o.current);
-      p(parseInt(l.marginBottom, 10));
+    required: E,
+    identityMeta: u,
+    onSubItemMetaChange: L,
+    layout: d,
+    hideLabel: $,
+    hideError: M,
+    noSpacing: N,
+    spacing: p,
+    label: P,
+    labelProps: w,
+    labelAlign: B,
+    colon: F,
+    labelWidth: H,
+    labelWrap: R
+  } = l, { prefixCls: s, layout: f, spacing: g, itemDecorator: h } = q(z), n = I(() => d ?? f, [d, f]), x = I(() => p ?? g, [p, g]), o = A(null), b = !!(i != null || m.length || c.length), V = !!o.current && T(o.current), [W, y] = D(null);
+  k(() => {
+    if (b && o.current) {
+      const a = getComputedStyle(o.current);
+      y(parseInt(a.marginBottom, 10));
     }
-  }, [f, B]);
-  const H = (l) => {
-    l || p(null);
+  }, [b, V]);
+  const _ = (a) => {
+    a || y(null);
   };
   return /* @__PURE__ */ t.jsx(
-    z,
+    Q,
     {
-      ...a,
-      prefixCls: i,
+      ...l,
+      prefixCls: s,
       children: /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: W(h, `${i}-item`, {
-            [`${i}-item__${r}`]: r,
-            // 状态
-            "is-success": e === "success",
-            "is-warning": e === "warning",
-            "is-error": e === "error",
-            "is-validating": e === "validating",
-            "is-hidden": x,
-            // 布局
-            [`is-${n}`]: n
-          }),
-          style: g,
+          className: O(
+            S,
+            `${s}-item`,
+            {
+              [`${s}-item__${r}`]: r,
+              // 状态
+              "is-success": e === "success",
+              "is-warning": e === "warning",
+              "is-error": e === "error",
+              "is-validating": e === "validating",
+              "is-hidden": j,
+              // 布局
+              [`is-${n}`]: n,
+              // 间距密度
+              [`is-spacing-${x}`]: x
+            },
+            h?.getItemClassName?.(u)
+          ),
+          style: C,
           children: [
             /* @__PURE__ */ t.jsx(
-              T,
+              J,
               {
                 fieldId: r,
-                label: C,
-                labelWidth: $,
-                labelWrap: w,
-                labelAlign: L,
-                colon: P,
-                labelProps: { required: y, ...E },
-                hideLabel: S,
+                label: P,
+                labelWidth: H,
+                labelWrap: R,
+                labelAlign: B,
+                colon: F,
+                labelProps: { required: E, ...w },
+                hideLabel: $,
                 layout: n
               }
             ),
             /* @__PURE__ */ t.jsx(
-              k,
+              K,
               {
                 fieldId: r,
                 errors: m,
-                warnings: u,
+                warnings: c,
                 status: e,
-                helperText: s,
-                marginBottom: F,
-                onErrorVisibleChanged: H,
-                hideError: j,
-                noSpacing: v,
-                children: /* @__PURE__ */ t.jsx(O.Provider, { value: I, children: b })
+                helperText: i,
+                marginBottom: W,
+                onErrorVisibleChanged: _,
+                hideError: M,
+                noSpacing: N,
+                children: /* @__PURE__ */ t.jsx(G.Provider, { value: L, children: v })
               }
-            )
+            ),
+            h?.renderItemExtra?.(u)
           ]
         }
       )
@@ -97,6 +107,6 @@ function te(a) {
   );
 }
 export {
-  te as default
+  ne as default
 };
 //# sourceMappingURL=ItemHolder.js.map

package/es/FieldForm/FieldFormItem/StatusProvider.js

@@ -1,9 +1,9 @@
 import { j as r } from "../../_virtual/jsx-runtime.js";
 import { useContext as C, useMemo as b } from "react";
-import { Loading as g } from "../../para-ui-core/node_modules/@para-ui/icons/Loading/index.js";
-import { CheckCircleF as j } from "../../para-ui-core/node_modules/@para-ui/icons/CheckCircleF/index.js";
-import { CloseCircleF as v } from "../../para-ui-core/node_modules/@para-ui/icons/CloseCircleF/index.js";
-import { WarningCircleF as S } from "../../para-ui-core/node_modules/@para-ui/icons/WarningCircleF/index.js";
+import { Loading as g } from "../../node_modules/@para-ui/icons/Loading/index.js";
+import { CheckCircleF as j } from "../../node_modules/@para-ui/icons/CheckCircleF/index.js";
+import { CloseCircleF as v } from "../../node_modules/@para-ui/icons/CloseCircleF/index.js";
+import { WarningCircleF as S } from "../../node_modules/@para-ui/icons/WarningCircleF/index.js";
 import $ from "../../_virtual/index.js";
 import { FormItemInputContext as f } from "../context.js";
 import { getStatus as M } from "../util.js";

package/es/FieldForm/FieldFormItem/index.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode, ReactElement, CSSProperties } from 'react';
 import { FieldProps } from 'rc-field-form/lib/Field';
 import { Meta } from 'rc-field-form/lib/interface';
+import { ItemDecoratorMeta } from '../interface';
 import { FormInstance, FormItemLayout } from '../Form';
 import { FormItemInputProps } from '../FormItemInput';
 import { FormItemLabelProps } from '../FormItemLabel';
@@ -35,6 +36,7 @@ export interface FormItemProps<Values = unknown> extends FormItemLabelProps, For
     disabled?: boolean;
     size?: 'small' | 'medium' | 'large';
     noSpacing?: boolean;
+    spacing?: 'normal' | 'compact';
 }
 export interface ItemHolderProps extends FormItemProps {
     errors: ReactNode[];
@@ -44,6 +46,7 @@ export interface ItemHolderProps extends FormItemProps {
     fieldId?: string;
     isRequired?: boolean;
     onSubItemMetaChange: ReportMetaChange;
+    identityMeta: ItemDecoratorMeta;
 }
 declare function InternalFormItem<Values = unknown>(props: FormItemProps<Values>): ReactElement;
 type InternalFormItemType = typeof InternalFormItem;