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

package/es/index.js

@@ -4,23 +4,23 @@ import { default as l, checkArgvData as u, formatDataToObject as s, formatObject
 import { AutoBox as n } from "./AutoBox/index.js";
 import { AutoButton as C } from "./AutoButton/index.js";
 import { default as T } from "./AutoTips/index.js";
-import { Badge as P } from "./Badge/index.js";
-import { Breadcrumbs as M } from "./Breadcrumbs/index.js";
+import { Badge as B } from "./Badge/index.js";
+import { Breadcrumbs as S } from "./Breadcrumbs/index.js";
 import { Button as k } from "./Button/index.js";
-import { ButtonGroup as h } from "./ButtonGroup/index.js";
-import { Card as I } from "./Card/index.js";
-import { Carousel as F } from "./Carousel/index.js";
+import { ButtonGroup as R } from "./ButtonGroup/index.js";
+import { Card as D } from "./Card/index.js";
+import { Carousel as y } from "./Carousel/index.js";
 import { default as G } from "./Cascader/Cascader.js";
 import './Tree/style/index.css';import './ColorPicker/index.css';import './Cascader/index.css';/* empty css                    */
-import { Checkbox as v } from "./Checkbox/index.js";
-import { CheckboxGroup as H } from "./CheckboxGroup/index.js";
-import { default as E, CompletionItemKind as O } from "./CodeEditor/index.js";
-import { Collapse as Q } from "./Collapse/index.js";
-import { default as U } from "./CollapseBox/index.js";
-import { default as V } from "./CollapseLayout/index.js";
-import { default as z } from "./ColorPicker/swatchesPicker/index.js";
-import { default as W } from "./ColorPicker/compactPicker/index.js";
-import { default as Z } from "./ColorPicker/chromePicker/index.js";
+import { Checkbox as O } from "./Checkbox/index.js";
+import { CheckboxGroup as v } from "./CheckboxGroup/index.js";
+import { default as E, CompletionItemKind as H } from "./CodeEditor/index.js";
+import { Collapse as Y } from "./Collapse/index.js";
+import { default as Q } from "./CollapseBox/index.js";
+import { default as K } from "./CollapseLayout/index.js";
+import { default as q } from "./ColorPicker/swatchesPicker/index.js";
+import { default as J } from "./ColorPicker/compactPicker/index.js";
+import { default as X } from "./ColorPicker/chromePicker/index.js";
 import { default as $ } from "./ColorPicker/sketchPicker/index.js";
 /* empty css                       */
 import { ComboSelect as ro } from "./ComboSelect/index.js";
@@ -32,79 +32,82 @@ import { default as so } from "./DatePicker/index.js";
 import { default as no } from "./Descriptions/index.js";
 import { Desktop as Co } from "./Desktop/index.js";
 import { DragVerify as To } from "./DragVerify/index.js";
-import { Drawer as Po } from "./Drawer/index.js";
-import { Dropdown as Mo } from "./Dropdown/index.js";
+import { Drawer as Bo } from "./Drawer/index.js";
+import { Dropdown as So } from "./Dropdown/index.js";
 import { default as ko } from "./DynamicMultiBox/index.js";
-import { default as ho } from "./Empty/index.js";
-import { default as Io } from "./ExpressionInput/index.js";
-import { default as Fo } from "./FieldForm/index.js";
+import { default as Ro } from "./Empty/index.js";
+import { default as Do } from "./ExpressionInput/index.js";
+import { default as yo } from "./FieldForm/index.js";
 import { default as Go } from "./Form/index.js";
-import { default as vo } from "./FormItem/index.js";
-import { useModal as Ho, FunctionModalProvider as jo, useClose as Eo } from "./FunctionModal/modalContext.js";
-import { default as Yo } from "./GlobalContext/index.js";
-import { default as No } from "./Help/index.js";
-import { default as Ko } from "./HelperText/index.js";
-import { default as qo } from "./Image/index.js";
-import { InputCode as Jo } from "./InputCode/index.js";
-import { InputLang as Xo } from "./InputLang/index.js";
-import { InputNumber as _o } from "./InputNumber/index.js";
-import { default as or } from "./Label/index.js";
-import { Loading as er } from "./Loading/index.js";
-import { Menu as ar } from "./Menu/index.js";
-import { default as pr, MessageBar as mr } from "./Message/index.js";
-import { Modal as lr } from "./Modal/index.js";
-import { MultiBox as sr } from "./MultiBox/index.js";
-import { default as ir } from "./Notification/index.js";
-import { default as cr } from "./OperateBtn/index.js";
-import { PageHeader as gr } from "./PageHeader/index.js";
-import { Pagination as Br } from "./Pagination/index.js";
-import { ParauiProvider as Sr } from "./ParauiProvider/index.js";
-import { default as br } from "./PasswordRules/index.js";
-import { PopConfirm as Dr } from "./PopConfirm/index.js";
-import { PopMenu as yr } from "./PopMenu/index.js";
-import { Popover as Ar } from "./Popover/index.js";
-import { Progress as Rr } from "./Progress/index.js";
-import { Prompt as Lr } from "./Prompt/index.js";
+import { default as Oo } from "./FormItem/index.js";
+import { default as vo } from "./FormItemGroup/index.js";
+import { useModal as Eo, FunctionModalProvider as Ho, useClose as No } from "./FunctionModal/modalContext.js";
+import { default as _o } from "./GlobalContext/index.js";
+import { default as Uo } from "./Help/index.js";
+import { default as Vo } from "./HelperText/index.js";
+import { default as zo } from "./Image/index.js";
+import { InputCode as Wo } from "./InputCode/index.js";
+import { InputLang as Zo } from "./InputLang/index.js";
+import { InputNumber as or } from "./InputNumber/index.js";
+import { default as er } from "./Label/index.js";
+import { Loading as ar } from "./Loading/index.js";
+import { Menu as pr } from "./Menu/index.js";
+import { default as xr, MessageBar as lr } from "./Message/index.js";
+import { Modal as sr } from "./Modal/index.js";
+import { MultiBox as ir } from "./MultiBox/index.js";
+import { default as cr } from "./Notification/index.js";
+import { default as gr } from "./OperateBtn/index.js";
+import { PageHeader as Pr } from "./PageHeader/index.js";
+import { Pagination as Mr } from "./Pagination/index.js";
+import { ParauiProvider as br } from "./ParauiProvider/index.js";
+import { default as Ar } from "./PasswordRules/index.js";
+import { PopConfirm as hr } from "./PopConfirm/index.js";
+import { PopMenu as Ir } from "./PopMenu/index.js";
+import { Popover as Fr } from "./Popover/index.js";
+import { Progress as Lr } from "./Progress/index.js";
+import { Prompt as jr } from "./Prompt/index.js";
 import { default as wr } from "./Querying/index.js";
-import { QuickReply as jr } from "./QuickReply/index.js";
-import { Radio as Or } from "./Radio/index.js";
+import { QuickReply as Hr } from "./QuickReply/index.js";
+import { Radio as Yr } from "./Radio/index.js";
 import { RadioGroup as Qr } from "./RadioGroup/index.js";
-import { RangeInput as Ur } from "./RangeInput/index.js";
-import { Result as Vr } from "./Result/index.js";
-import { default as zr } from "./ScrollBar/index.js";
-import { Search as Wr } from "./Search/index.js";
-import { default as Zr } from "./Select/index.js";
-import { SelectInput as $r } from "./SelectInput/index.js";
-import { default as re, handFieldConfig as ee } from "./Selector/index.js";
-import { default as ae } from "./SelectorPicker/index.js";
-import { SingleBox as pe } from "./SingleBox/index.js";
-import { Slider as xe } from "./Slider/index.js";
-import { SortBox as ue } from "./SortBox/index.js";
-import { Status as de } from "./Status/index.js";
-import { Stepper as ne } from "./Stepper/index.js";
-import { Switch as Ce } from "./Switch/index.js";
-import { default as Te } from "./Table/index.js";
-import { Tabs as Pe } from "./Tabs/index.js";
-import { Tag as Me } from "./Tag/index.js";
-import { default as ke } from "./TextEditor/index.js";
-import { TextField as he } from "./TextField/index.js";
-import { default as Ie } from "./TimePicker/index.js";
-import { Timeline as Fe } from "./Timeline/index.js";
-import { Title as Ge } from "./Title/index.js";
+import { RangeInput as Kr } from "./RangeInput/index.js";
+import { Result as qr } from "./Result/index.js";
+import { default as Jr } from "./ScrollBar/index.js";
+import { Search as Xr } from "./Search/index.js";
+import { default as $r } from "./Select/index.js";
+import { SelectInput as re } from "./SelectInput/index.js";
+import { default as te, handFieldConfig as ae } from "./Selector/index.js";
+import { default as pe } from "./SelectorPicker/index.js";
+import { SingleBox as xe } from "./SingleBox/index.js";
+import { Slider as ue } from "./Slider/index.js";
+import { SortBox as de } from "./SortBox/index.js";
+import { Status as ne } from "./Status/index.js";
+import { Stepper as Ce } from "./Stepper/index.js";
+import { Switch as Te } from "./Switch/index.js";
+import { default as Be } from "./Table/index.js";
+import { Tabs as Se } from "./Tabs/index.js";
+import { Tag as ke } from "./Tag/index.js";
+import { default as Re } from "./TextEditor/index.js";
+import { TextField as De } from "./TextField/index.js";
+import { default as ye } from "./TimePicker/index.js";
+import { Timeline as Ge } from "./Timeline/index.js";
+import { Title as Oe } from "./Title/index.js";
 import { ToggleButton as ve } from "./ToggleButton/index.js";
-import { Tooltip as He } from "./Tooltip/index.js";
-import { SSortablejs as Ee, Transfer as Oe } from "./Transfer/index.js";
+import { Tooltip as Ee } from "./Tooltip/index.js";
+import { SSortablejs as Ne, Transfer as Ye } from "./Transfer/index.js";
 import { default as Qe } from "./Tree/Tree.js";
 /* empty css                      */
-import { default as Ue } from "./Upload/index.js";
-import { default as Ve, getDateYYYYMMddHHMM as qe, isObject as ze, pixelReplacement as Je } from "./Utils/index.js";
-import { default as Xe } from "./locale/index2.js";
-import { default as _e } from "./AutoTips/autoTipsMultiline/index.js";
-import { QuickReplyCode as ot } from "./QuickReply/QuickReplyCode/index.js";
-import { default as et } from "./Tag/TagGroup.js";
-import { default as at } from "./ToggleButton/ToggleButtonGroup.js";
-import { Confirm as pt } from "./Modal/Confirm/index.js";
-import { changeConfirmLocale as xt, getConfirmLocale as lt } from "./GlobalContext/confirmLocale.js";
+import { default as Ke } from "./Upload/index.js";
+import { default as qe, getDateYYYYMMddHHMM as ze, isObject as Je, pixelReplacement as We } from "./Utils/index.js";
+import { default as Ze } from "./locale/index2.js";
+import { default as ot } from "./AutoTips/autoTipsMultiline/index.js";
+import { QuickReplyCode as et } from "./QuickReply/QuickReplyCode/index.js";
+import { default as at } from "./Tag/TagGroup.js";
+import { default as pt } from "./ToggleButton/ToggleButtonGroup.js";
+import { Confirm as xt } from "./Modal/Confirm/index.js";
+import { PARA_UI_COMPACT_CONTROL_MARKER as ut } from "./FieldForm/compactControlMarker.js";
+import { changeConfirmLocale as dt, getConfirmLocale as it } from "./GlobalContext/confirmLocale.js";
+import { joinNamePath as ct } from "./FieldForm/util.js";
 export {
   f as AlignBox,
   m as Anchor,
@@ -112,26 +115,26 @@ export {
   n as AutoBox,
   C as AutoButton,
   T as AutoTips,
-  _e as AutoTipsMultiline,
-  P as Badge,
-  M as Breadcrumbs,
+  ot as AutoTipsMultiline,
+  B as Badge,
+  S as Breadcrumbs,
   k as Button,
-  h as ButtonGroup,
-  I as Card,
-  F as Carousel,
+  R as ButtonGroup,
+  D as Card,
+  y as Carousel,
   G as Cascader,
-  v as Checkbox,
-  H as CheckboxGroup,
-  Z as ChromePicker,
+  O as Checkbox,
+  v as CheckboxGroup,
+  X as ChromePicker,
   E as CodeEditor,
-  Q as Collapse,
-  U as CollapseBox,
-  V as CollapseLayout,
+  Y as Collapse,
+  Q as CollapseBox,
+  K as CollapseLayout,
   $ as ColorPicker,
   ro as ComboSelect,
-  W as CompactPicker,
-  O as CompletionItemKind,
-  pt as Confirm,
+  J as CompactPicker,
+  H as CompletionItemKind,
+  xt as Confirm,
   to as Container,
   fo as ContentBox,
   mo as CopyText,
@@ -140,88 +143,91 @@ export {
   no as Descriptions,
   Co as Desktop,
   To as DragVerify,
-  Po as Drawer,
-  Mo as Dropdown,
+  Bo as Drawer,
+  So as Dropdown,
   ko as DynamicMultiBox,
-  ho as Empty,
-  Io as ExpressionInput,
-  Fo as FieldForm,
+  Ro as Empty,
+  Do as ExpressionInput,
+  yo as FieldForm,
   Go as Form,
-  vo as FormItem,
-  Ho as FunctionModal,
-  jo as FunctionModalProvider,
-  Yo as GlobalContext,
-  No as Help,
-  Ko as HelperText,
-  qo as Image,
-  Jo as InputCode,
-  Xo as InputLang,
-  _o as InputNumber,
-  or as Label,
-  er as Loading,
-  ar as Menu,
-  pr as Message,
-  mr as MessageBar,
-  lr as Modal,
-  sr as MultiBox,
-  ir as Notification,
-  cr as OperateBtn,
-  gr as PageHeader,
-  Br as Pagination,
-  Sr as ParauiProvider,
-  br as PasswordRules,
-  Dr as PopConfirm,
-  yr as PopMenu,
-  Ar as Popover,
-  Rr as Progress,
-  Lr as Prompt,
+  Oo as FormItem,
+  vo as FormItemGroup,
+  Eo as FunctionModal,
+  Ho as FunctionModalProvider,
+  _o as GlobalContext,
+  Uo as Help,
+  Vo as HelperText,
+  zo as Image,
+  Wo as InputCode,
+  Zo as InputLang,
+  or as InputNumber,
+  er as Label,
+  ar as Loading,
+  pr as Menu,
+  xr as Message,
+  lr as MessageBar,
+  sr as Modal,
+  ir as MultiBox,
+  cr as Notification,
+  gr as OperateBtn,
+  ut as PARA_UI_COMPACT_CONTROL_MARKER,
+  Pr as PageHeader,
+  Mr as Pagination,
+  br as ParauiProvider,
+  Ar as PasswordRules,
+  hr as PopConfirm,
+  Ir as PopMenu,
+  Fr as Popover,
+  Lr as Progress,
+  jr as Prompt,
   wr as Querying,
-  jr as QuickReply,
-  ot as QuickReplyCode,
-  Or as Radio,
+  Hr as QuickReply,
+  et as QuickReplyCode,
+  Yr as Radio,
   Qr as RadioGroup,
-  Ur as RangeInput,
-  Vr as Result,
-  Ee as SSortablejs,
-  zr as ScrollBar,
-  Wr as Search,
-  Zr as Select,
-  $r as SelectInput,
-  re as Selector,
-  ae as SelectorPicker,
-  pe as SingleBox,
-  xe as Slider,
-  ue as SortBox,
-  de as Status,
-  ne as Stepper,
-  z as SwatchesPicker,
-  Ce as Switch,
-  Te as Table,
-  Pe as Tabs,
-  Me as Tag,
-  et as TagGroup,
-  ke as TextEditor,
-  he as TextField,
-  Ie as TimePicker,
-  Fe as Timeline,
-  Ge as Title,
+  Kr as RangeInput,
+  qr as Result,
+  Ne as SSortablejs,
+  Jr as ScrollBar,
+  Xr as Search,
+  $r as Select,
+  re as SelectInput,
+  te as Selector,
+  pe as SelectorPicker,
+  xe as SingleBox,
+  ue as Slider,
+  de as SortBox,
+  ne as Status,
+  Ce as Stepper,
+  q as SwatchesPicker,
+  Te as Switch,
+  Be as Table,
+  Se as Tabs,
+  ke as Tag,
+  at as TagGroup,
+  Re as TextEditor,
+  De as TextField,
+  ye as TimePicker,
+  Ge as Timeline,
+  Oe as Title,
   ve as ToggleButton,
-  at as ToggleButtonGroup,
-  He as Tooltip,
-  Oe as Transfer,
+  pt as ToggleButtonGroup,
+  Ee as Tooltip,
+  Ye as Transfer,
   Qe as Tree,
-  Ue as Upload,
-  Ve as Utils,
-  xt as changeConfirmLocale,
+  Ke as Upload,
+  qe as Utils,
+  dt as changeConfirmLocale,
   u as checkArgvData,
   s as formatDataToObject,
   d as formatObjectToData,
-  lt as getConfirmLocale,
-  qe as getDateYYYYMMddHHMM,
-  ee as handFieldConfig,
-  ze as isObject,
-  Xe as locale,
-  Je as pixelReplacement,
-  Eo as useClose
+  it as getConfirmLocale,
+  ze as getDateYYYYMMddHHMM,
+  ae as handFieldConfig,
+  Je as isObject,
+  ct as joinNamePath,
+  Ze as locale,
+  We as pixelReplacement,
+  No as useClose
 };
 //# sourceMappingURL=index.js.map

package/lib/Checkbox/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const l=require("../_virtual/jsx-runtime.js"),o=require("react"),g=require("../Label/index.js"),n=require("../GlobalContext/constant.js"),E=require("../Tooltip/index.js");;/* empty css            */const m=s=>{const{className:d="",label:i,labelTooltip:t,size:u="large",disabled:x=!1,disabledTooltip:h,indeterminate:f=!1,width:b,onChange:a,style:p}=s,[c,r]=o.useState(!1);o.useEffect(()=>{s.defaultChecked!==void 0&&r(s.defaultChecked)},[]),o.useEffect(()=>{s.checked!==void 0&&r(s.checked)},[s.checked]);const $=e=>{if(e.preventDefault(),x)return;if(f){s.checked===void 0&&r(!0),a&&a(e,!0);return}s.checked===void 0&&r(!c);const C=e.target;C.checked=!c,C.value=String(!c),a&&a(e,!c)},j=()=>{let e=`${n.$prefixCls}-checkbox`;return d&&(e+=` ${d}`),u&&(e+=` ${n.$prefixCls}-checkbox-${u}`),x&&(e+=` ${n.$prefixCls}-checkbox-disabled`),f?e+=` ${n.$prefixCls}-checkbox-indeterminate`:c&&(e+=` ${n.$prefixCls}-checkbox-checked`),t&&t.tooltipType&&(e+=` ${n.$prefixCls}-checkbox-${t.tooltipType}`),e},N=()=>{let e="checkbox-label";return t&&t.className&&(e+=` ${t.className}`),e},R=()=>{let e=" checkbox-help";return t&&t.helpClassName&&(e+=` ${t.helpClassName}`),e},v=()=>{const e={...p};return b&&(e.width=b),e},k=()=>l.jsxRuntimeExports.jsxs("label",{className:j(),onClick:$,style:v(),children:[l.jsxRuntimeExports.jsxs("span",{className:"checkbox-box",children:[l.jsxRuntimeExports.jsx("input",{type:"checkbox",value:String(c),...s.inputProps}),l.jsxRuntimeExports.jsx("span",{className:"checkbox-box-inner"})]}),i!==void 0&&i!==""&&i!==null?l.jsxRuntimeExports.jsx(g.default,{label:i,...t,helpClassName:R(),className:N()}):null]});return h?l.jsxRuntimeExports.jsx(E.Tooltip,{disabled:!0,...h,children:k()}):k()};exports.Checkbox=m;exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const l=require("../_virtual/jsx-runtime.js"),o=require("react"),E=require("../Label/index.js"),n=require("../GlobalContext/constant.js"),T=require("../Tooltip/index.js"),g=require("../FieldForm/compactControlMarker.js");;/* empty css            */const d=s=>{const{className:u="",label:i,labelTooltip:t,size:x="large",disabled:h=!1,disabledTooltip:f,indeterminate:b=!1,width:k,onChange:r,style:p}=s,[c,a]=o.useState(!1);o.useEffect(()=>{s.defaultChecked!==void 0&&a(s.defaultChecked)},[]),o.useEffect(()=>{s.checked!==void 0&&a(s.checked)},[s.checked]);const $=e=>{if(e.preventDefault(),h)return;if(b){s.checked===void 0&&a(!0),r&&r(e,!0);return}s.checked===void 0&&a(!c);const m=e.target;m.checked=!c,m.value=String(!c),r&&r(e,!c)},j=()=>{let e=`${n.$prefixCls}-checkbox`;return u&&(e+=` ${u}`),x&&(e+=` ${n.$prefixCls}-checkbox-${x}`),h&&(e+=` ${n.$prefixCls}-checkbox-disabled`),b?e+=` ${n.$prefixCls}-checkbox-indeterminate`:c&&(e+=` ${n.$prefixCls}-checkbox-checked`),t&&t.tooltipType&&(e+=` ${n.$prefixCls}-checkbox-${t.tooltipType}`),e},R=()=>{let e="checkbox-label";return t&&t.className&&(e+=` ${t.className}`),e},N=()=>{let e=" checkbox-help";return t&&t.helpClassName&&(e+=` ${t.helpClassName}`),e},v=()=>{const e={...p};return k&&(e.width=k),e},C=()=>l.jsxRuntimeExports.jsxs("label",{className:j(),onClick:$,style:v(),children:[l.jsxRuntimeExports.jsxs("span",{className:"checkbox-box",children:[l.jsxRuntimeExports.jsx("input",{type:"checkbox",value:String(c),...s.inputProps}),l.jsxRuntimeExports.jsx("span",{className:"checkbox-box-inner"})]}),i!==void 0&&i!==""&&i!==null?l.jsxRuntimeExports.jsx(E.default,{label:i,...t,helpClassName:N(),className:R()}):null]});return f?l.jsxRuntimeExports.jsx(T.Tooltip,{disabled:!0,...f,children:C()}):C()};d[g.PARA_UI_COMPACT_CONTROL_MARKER]=!0;exports.Checkbox=d;exports.default=d;
 //# sourceMappingURL=index.js.map

package/lib/CheckboxGroup/index.css

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

package/lib/CheckboxGroup/style/index.css

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

package/lib/ExpressionInput/Popup.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../_virtual/jsx-runtime.js"),O=require("react"),P=require("../para-ui-core/node_modules/@para-ui/icons/Lock/index.js"),o=require("../GlobalContext/constant.js");function I(n){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const l in n)if(l!=="default"){const x=Object.getOwnPropertyDescriptor(n,l);Object.defineProperty(c,l,x.get?x:{enumerable:!0,get:()=>n[l]})}}return c.default=n,Object.freeze(c)}const a=I(O),i=30,j=240,$=4,R=a.forwardRef((n,c)=>{const{instanceClass:l,visible:x,rect:d,header:E,candidates:s,highlight:m,virtualizeThreshold:T,onSelect:b,onHighlightChange:C}=n,[y,g]=a.useState(0),f=a.useRef(null);if(a.useEffect(()=>{g(0),f.current&&(f.current.scrollTop=0)},[s]),a.useEffect(()=>{const e=f.current;if(!e)return;const p=m*i,u=e.scrollTop,v=u+e.clientHeight;p<u?e.scrollTop=p:p+i>v&&(e.scrollTop=p+i-e.clientHeight)},[m]),!x||s.length===0)return null;const r=s.length>T,h=r?Math.max(0,Math.floor(y/i)-$):0,w=r?Math.ceil(j/i)+$*2:s.length,N=r?Math.min(s.length,h+w):s.length,M=s.slice(h,N),S=h*i;return t.jsxRuntimeExports.jsxs("div",{ref:c,className:`${o.$prefixCls}-expression-input-popup ${l}`,style:{position:"fixed",top:d.top,left:d.left,width:d.width},children:[t.jsxRuntimeExports.jsx("div",{className:`${o.$prefixCls}-expression-input-popup-header`,children:E}),t.jsxRuntimeExports.jsx("div",{ref:f,className:`${o.$prefixCls}-expression-input-popup-list`,style:{maxHeight:j,overflowY:"auto"},onScroll:e=>{r&&g(e.currentTarget.scrollTop)},children:t.jsxRuntimeExports.jsx("div",{style:{height:r?s.length*i:void 0,position:"relative"},children:t.jsxRuntimeExports.jsx("div",{style:{position:r?"absolute":void 0,top:r?S:void 0,left:0,right:0},children:M.map((e,p)=>{const u=h+p,v=u===m;return t.jsxRuntimeExports.jsxs("div",{"data-testid":`expr-candidate-row-${e.value}`,className:`${o.$prefixCls}-expression-input-popup-item${v?` ${o.$prefixCls}-expression-input-popup-item-active`:""}`,style:{height:i},onMouseEnter:()=>C(u),onMouseDown:H=>{H.preventDefault(),b(e)},children:[t.jsxRuntimeExports.jsx("span",{className:`${o.$prefixCls}-expression-input-popup-item-value`,children:e.label??e.value}),e.desc&&t.jsxRuntimeExports.jsx("span",{className:`${o.$prefixCls}-expression-input-popup-item-desc`,children:e.desc}),e.sensitive&&t.jsxRuntimeExports.jsx(P.Lock,{"data-testid":`expr-candidate-lock-${e.value}`,className:`${o.$prefixCls}-expression-input-popup-item-lock`})]},e.value)})})})})]})});R.displayName="Popup";exports.Popup=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../_virtual/jsx-runtime.js"),O=require("react"),P=require("../para-ui-core/node_modules/@para-ui/icons/Lock/index.js"),o=require("../GlobalContext/constant.js");function I(n){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const l in n)if(l!=="default"){const x=Object.getOwnPropertyDescriptor(n,l);Object.defineProperty(c,l,x.get?x:{enumerable:!0,get:()=>n[l]})}}return c.default=n,Object.freeze(c)}const a=I(O),i=30,j=240,$=4,R=a.forwardRef((n,c)=>{const{instanceClass:l,visible:x,rect:d,header:E,candidates:s,highlight:m,virtualizeThreshold:T,onSelect:b,onHighlightChange:C}=n,[y,g]=a.useState(0),f=a.useRef(null);if(a.useEffect(()=>{g(0),f.current&&(f.current.scrollTop=0)},[s]),a.useEffect(()=>{const e=f.current;if(!e)return;const p=m*i,u=e.scrollTop,v=u+e.clientHeight;p<u?e.scrollTop=p:p+i>v&&(e.scrollTop=p+i-e.clientHeight)},[m]),!x||s.length===0)return null;const r=s.length>T,h=r?Math.max(0,Math.floor(y/i)-$):0,w=r?Math.ceil(j/i)+$*2:s.length,N=r?Math.min(s.length,h+w):s.length,M=s.slice(h,N),S=h*i;return t.jsxRuntimeExports.jsxs("div",{ref:c,className:`${o.$prefixCls}-expression-input-popup ${l}`,style:{position:"fixed",top:d.top,left:d.left,width:d.width},children:[t.jsxRuntimeExports.jsx("div",{className:`${o.$prefixCls}-expression-input-popup-header`,children:E}),t.jsxRuntimeExports.jsx("div",{ref:f,className:`${o.$prefixCls}-expression-input-popup-list`,style:{maxHeight:j,overflowY:"auto"},onScroll:e=>{r&&g(e.currentTarget.scrollTop)},children:t.jsxRuntimeExports.jsx("div",{style:{height:r?s.length*i:void 0,position:"relative"},children:t.jsxRuntimeExports.jsx("div",{style:{position:r?"absolute":void 0,top:r?S:void 0,left:0,right:0},children:M.map((e,p)=>{const u=h+p,v=u===m;return t.jsxRuntimeExports.jsxs("div",{"data-testid":`expr-candidate-row-${e.value}`,className:`${o.$prefixCls}-expression-input-popup-item${v?` ${o.$prefixCls}-expression-input-popup-item-active`:""}`,style:{height:i},onMouseEnter:()=>C(u),onMouseDown:H=>{H.preventDefault(),b(e)},children:[t.jsxRuntimeExports.jsx("span",{className:`${o.$prefixCls}-expression-input-popup-item-value`,children:e.label??e.value}),e.desc&&t.jsxRuntimeExports.jsx("span",{className:`${o.$prefixCls}-expression-input-popup-item-desc`,title:e.desc,children:e.desc}),e.sensitive&&t.jsxRuntimeExports.jsx(P.Lock,{"data-testid":`expr-candidate-lock-${e.value}`,className:`${o.$prefixCls}-expression-input-popup-item-lock`})]},e.value)})})})})]})});R.displayName="Popup";exports.Popup=R;
 //# sourceMappingURL=Popup.js.map

package/lib/ExpressionInput/useExpressionInput.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),R=require("./detectChainAtCursor.js"),$=require("./filterCandidatesByPartial.js");function A(s){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const a in s)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(s,a);Object.defineProperty(l,a,o.get?o:{enumerable:!0,get:()=>s[a]})}}return l.default=s,Object.freeze(l)}const r=A(P);function E(s){const{value:l,onChange:a,resolveCandidates:o,triggerMode:y,triggerPrefix:u,disabled:p,readOnly:g}=s,[t,i]=r.useState(null),[h,f]=r.useState(0),S=r.useRef(new Map),k=r.useRef(null),m=r.useMemo(()=>{if(!t)return[];const e=t.parts.join("."),n=S.current;return n.has(e)||n.set(e,o(t.parts)),n.get(e)},[t,o]),c=r.useMemo(()=>t?$.filterCandidatesByPartial(m,t.partial):[],[m,t]),C=!p&&!g&&!!t&&c.length>0,j=r.useCallback((e,n)=>{if(p||g){i(null);return}a?.(e);const b=R.detectChainAtCursor(e,n,{triggerPrefix:u,triggerMode:y});i(b),f(0)},[a,p,g,u,y]),w=r.useCallback(()=>i(null),[]),d=r.useCallback(e=>{if(!t)return;const n=l.slice(0,t.startIdx),b=l.slice(t.endIdx),M=[...t.parts,e.value].join("."),D=`${u}.${M}${e.chain?".":""}`;k.current=n.length+D.length,a?.(`${n}${D}${b}`),i(null)},[t,l,a,u]),x=r.useCallback(e=>{C&&(e.key==="ArrowDown"?(e.preventDefault(),f(n=>(n+1)%c.length)):e.key==="ArrowUp"?(e.preventDefault(),f(n=>(n-1+c.length)%c.length)):e.key==="Enter"||e.key==="Tab"?(e.preventDefault(),d(c[h])):e.key==="Escape"&&(e.preventDefault(),i(null)))},[C,c,h,d]),O=r.useCallback(e=>{d(e)},[d]);return{open:C,ctx:t?{parts:t.parts,partial:t.partial}:null,candidates:c,highlight:h,setHighlight:f,pendingCursorRef:k,handleValueChange:j,handleKeyDown:x,handleSelect:O,close:w}}exports.useExpressionInput=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react"),w=require("./detectChainAtCursor.js"),I=require("./filterCandidatesByPartial.js");function T(l){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const s in l)if(s!=="default"){const a=Object.getOwnPropertyDescriptor(l,s);Object.defineProperty(c,s,a.get?a:{enumerable:!0,get:()=>l[s]})}}return c.default=l,Object.freeze(c)}const r=T(E);function q(l){const{value:c,onChange:s,resolveCandidates:a,triggerMode:d,triggerPrefix:u,disabled:h,readOnly:g}=l,[t,i]=r.useState(null),[C,f]=r.useState(0),m=r.useRef(new Map),x=r.useRef(a),b=r.useRef(null),D=r.useMemo(()=>{if(!t)return[];x.current!==a&&(m.current.clear(),x.current=a);const e=t.parts.join("."),n=m.current;return n.has(e)||n.set(e,a(t.parts)),n.get(e)},[t,a]),o=r.useMemo(()=>t?I.filterCandidatesByPartial(D,t.partial):[],[D,t]),y=!h&&!g&&!!t&&o.length>0,O=r.useCallback((e,n)=>{if(h||g){i(null);return}b.current=n,s?.(e);const k=w.detectChainAtCursor(e,n,{triggerPrefix:u,triggerMode:d});i(k),f(0)},[s,h,g,u,d]),M=r.useCallback(()=>i(null),[]),p=r.useCallback(e=>{if(!t)return;const n=c.slice(0,t.startIdx),k=c.slice(t.endIdx),A=[...t.parts,e.value].join("."),R=`${u}.${A}${e.chain?".":""}`,S=`${n}${R}${k}`,j=n.length+R.length;b.current=j,s?.(S),i(e.chain?w.detectChainAtCursor(S,j,{triggerPrefix:u,triggerMode:d}):null),f(0)},[t,c,s,u,d]),P=r.useCallback(e=>{y&&(e.key==="ArrowDown"?(e.preventDefault(),f(n=>(n+1)%o.length)):e.key==="ArrowUp"?(e.preventDefault(),f(n=>(n-1+o.length)%o.length)):e.key==="Enter"||e.key==="Tab"?(e.preventDefault(),p(o[C])):e.key==="Escape"&&(e.preventDefault(),i(null)))},[y,o,C,p]),$=r.useCallback(e=>{p(e)},[p]);return{open:y,ctx:t?{parts:t.parts,partial:t.partial}:null,candidates:o,highlight:C,setHighlight:f,pendingCursorRef:b,handleValueChange:O,handleKeyDown:P,handleSelect:$,close:M}}exports.useExpressionInput=q;
 //# sourceMappingURL=useExpressionInput.js.map

package/lib/FieldForm/ErrorList.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("../_virtual/jsx-runtime.js"),l=require("react"),c=require("../HelperText/index.js");function a(r,t,n,s=0){return{key:typeof r=="string"?r:`${t}-${s}`,error:r,errorStatus:n}}const m=({helperText:r,helpStatus:t,errors:n=[],warnings:s=[]})=>{const i=l.useMemo(()=>r!=null?[a(r,"help",t)]:[...n.map((e,o)=>a(e,"error","error",o)),...s.map((e,o)=>a(e,"warning","warning",o))],[r,n,s,t]);return u.jsxRuntimeExports.jsx(u.jsxRuntimeExports.Fragment,{children:Array.isArray(i)&&i.length?i.map(e=>u.jsxRuntimeExports.jsx("div",{className:`is-${e.errorStatus}`,children:u.jsxRuntimeExports.jsx(c.default,{error:!0,helperText:e.error})},e.key)):null})};exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../_virtual/jsx-runtime.js"),l=require("react"),m=require("../HelperText/index.js");function a(r,t,s,n=0){return{key:typeof r=="string"?r:`${t}-${n}`,error:r,errorStatus:s}}const c=({helperText:r,helpStatus:t,errors:s=[],warnings:n=[]})=>{const o=l.useMemo(()=>r!=null?[a(r,"help",t)]:[...s.map((e,u)=>a(e,"error","error",u)),...n.map((e,u)=>a(e,"warning","warning",u))],[r,s,n,t]);return i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:Array.isArray(o)&&o.length?o.map(e=>i.jsxRuntimeExports.jsx("div",{className:`is-${e.errorStatus}`,children:i.jsxRuntimeExports.jsx(m.default,{error:!0,helperText:e.error,hideErrorDom:!1})},e.key)):null})};exports.default=c;
 //# sourceMappingURL=ErrorList.js.map

package/lib/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/lib/FieldForm/FieldFormItem/ItemHolder.js

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

package/lib/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;

package/lib/FieldForm/FieldFormItem/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("../../_virtual/jsx-runtime.js"),i=require("react"),I=require("rc-field-form"),ie=require("rc-util/lib/hooks/useState"),oe=require("rc-util/lib/ref"),ae=require("./MemoInput.js"),H=require("../context.js"),le=require("../hooks/useChildren.js"),de=require("../hooks/useFormItemStatus.js"),ue=require("../hooks/useFrameState.js"),ce=require("../hooks/useItemRef.js"),m=require("../util.js"),me=require("./ItemHolder.js");function U(){return{errors:[],warnings:[],touched:!1,validating:!1,name:[],validated:!1}}const fe="__SPLIT__";function ge(b){const{noStyle:v,shouldUpdate:$,dependencies:w,messageVariables:F,trigger:P="onChange",validateTrigger:T,children:B,required:x,hidden:G,rules:J,name:u,label:N,disabled:C,helperText:q,hasFeedback:_,validateStatus:z,size:S}=b,{name:Q,disabled:E,size:R}=i.useContext(H.FormContext),n=le.default(B),A=typeof n=="function",V=i.useContext(H.NoStyleItemContext),{validateTrigger:X}=i.useContext(I.FieldContext),L=T!==void 0?T:X,j=u!=null,Y=i.useContext(I.ListContext),K=i.useRef(),[O,Z]=ue.default({}),[l,ee]=ie(()=>U()),re=r=>{const s=Y?.getKey(r.name);if(ee(r.destroy?U():r,!0),v&&q!==!1&&V){let t=r.name;if(r.destroy)t=K.current||t;else if(s!==void 0){const[o,e]=s;t=[o,...e],K.current=t}V(r,t)}},te=(r,s)=>{Z(t=>{const o={...t},f=[...r.name.slice(0,-1),...s].join(fe);return r.destroy?delete o[f]:o[f]=r,o})},[h,M]=i.useMemo(()=>{const r=[...l.errors],s=[...l.warnings];return Object.values(O).forEach(t=>{r.push(...t.errors||[]),s.push(...t.warnings||[])}),[r,s]},[O,l.errors,l.warnings]),c=i.useMemo(()=>m.getStatus(l.errors,l.warnings,l,"",!!_,z),[l,_,z]),k=(r,s,t,o)=>v&&!G?p.jsxRuntimeExports.jsx(p.jsxRuntimeExports.Fragment,{children:i.Children.map(r,e=>m.isReactComponent(e)?i.cloneElement(e,{...o,name:u,disabled:C??E,error:c==="error"||c==="warning",size:S??R,...e.props}):e)}):p.jsxRuntimeExports.jsx(me.default,{...b,fieldId:s,required:x??t,errors:h,warnings:M,status:c,meta:l,onSubItemMetaChange:te,children:i.Children.map(r,e=>m.isReactComponent(e)?i.cloneElement(e,{...o,name:u,disabled:C??E,error:c==="error"||c==="warning",size:S??R,...e.props}):e)});if(!j&&!A&&!w)return k(n);let g={};typeof N=="string"?g.label=N:u&&(g.label=String(u)),F&&(g={...g,...F});const ne=ce.default(),se=({control:r,fieldId:s,isRequired:t,mergedName:o})=>{if(!i.isValidElement(n))return null;const e={...n.props,...r,disabled:C??E,error:c==="error"||c==="warning",size:n.props?.size??S??R};if(e.fieldId||(e["data-field-id"]=s),q||h.length>0||M.length>0){const a=[];(q||h.length>0)&&a.push(`${s}_help`),e["aria-describedby"]=a.join(" ")}h.length>0&&(e["aria-invalid"]="true"),t&&(e["aria-required"]="true"),oe.supportRef(n)&&(e.ref=ne(o,n)),new Set([...m.toArray(P),...m.toArray(L)]).forEach(a=>{e[a]=(...d)=>{r[a]?.(...d),n.props[a]?.(...d)}});const y=[e["aria-required"],e["aria-invalid"],e["aria-describedby"]];return p.jsxRuntimeExports.jsx(ae.default,{control:r,update:n,childProps:y,children:i.cloneElement(n,e)})};return p.jsxRuntimeExports.jsx(I.Field,{...b,messageVariables:g,trigger:P,validateTrigger:L,onMetaChange:re,children:(r,s,t)=>{const o=m.toArray(u).length&&s?s.name:[],e=m.getFieldId(o,Q),f=x!==void 0?x:!!J?.some(d=>{if(d&&typeof d=="object"&&d.required&&!d.warningOnly)return!0;if(typeof d=="function"){const D=d(t);return D?.required&&!D?.warningOnly}return!1}),y={...r};let a=null;return Array.isArray(n)&&j?a=n:i.isValidElement(n)?a=se({control:y,fieldId:e,isRequired:f,mergedName:o}):A&&($||w)&&!j?a=n(t):a=n,k(a,e,f,y)}})}const W=ge;W.useStatus=de.default;exports.default=W;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("../../_virtual/jsx-runtime.js"),a=require("react"),v=require("rc-field-form"),de=require("rc-util/lib/hooks/useState"),le=require("rc-util/lib/ref"),ue=require("./MemoInput.js"),U=require("../context.js"),ce=require("../hooks/useChildren.js"),me=require("../hooks/useFormItemStatus.js"),ge=require("../hooks/useFrameState.js"),fe=require("../hooks/useItemRef.js"),u=require("../util.js"),pe=require("./ItemHolder.js");function W(){return{errors:[],warnings:[],touched:!1,validating:!1,name:[],validated:!1}}const he="__SPLIT__",ye={namePath:[],path:""};function Ce(b){const{noStyle:w,shouldUpdate:B,dependencies:F,messageVariables:T,trigger:N="onChange",validateTrigger:_,children:G,required:x,hidden:J,rules:Q,name:m,label:A,disabled:q,helperText:E,hasFeedback:z,validateStatus:M,size:S,spacing:I}=b,{name:X,disabled:P,size:R}=a.useContext(U.FormContext),t=ce.default(G),Z=a.useMemo(()=>I===void 0&&u.isCompactControlChild(t)?"compact":void 0,[I,t]),V=typeof t=="function",L=a.useContext(U.NoStyleItemContext),{validateTrigger:ee}=a.useContext(v.FieldContext),K=_!==void 0?_:ee,j=m!=null,re=a.useContext(v.ListContext),O=a.useRef(),[k,te]=ge.default({}),[d,ne]=de(()=>W()),se=e=>{const i=re?.getKey(e.name);if(ne(e.destroy?W():e,!0),w&&E!==!1&&L){let n=e.name;if(e.destroy)n=O.current||n;else if(i!==void 0){const[o,r]=i;n=[o,...r],O.current=n}L(e,n)}},ie=(e,i)=>{te(n=>{const o={...n},s=[...e.name.slice(0,-1),...i].join(he);return e.destroy?delete o[s]:o[s]=e,o})},[y,D]=a.useMemo(()=>{const e=[...d.errors],i=[...d.warnings];return Object.values(k).forEach(n=>{e.push(...n.errors||[]),i.push(...n.warnings||[])}),[e,i]},[k,d.errors,d.warnings]),g=a.useMemo(()=>u.getStatus(d.errors,d.warnings,d,"",!!z,M),[d,z,M]),Y=(e,i,n,o,r=ye)=>w&&!J?h.jsxRuntimeExports.jsx(h.jsxRuntimeExports.Fragment,{children:a.Children.map(e,s=>u.isReactComponent(s)?a.cloneElement(s,{...o,name:m,disabled:q??P,error:g==="error"||g==="warning",size:S??R,...s.props}):s)}):h.jsxRuntimeExports.jsx(pe.default,{...b,fieldId:i,required:x??n,errors:y,warnings:D,status:g,meta:d,identityMeta:r,onSubItemMetaChange:ie,spacing:I??Z,children:a.Children.map(e,s=>u.isReactComponent(s)?a.cloneElement(s,{...o,name:m,disabled:q??P,error:g==="error"||g==="warning",size:S??R,...s.props}):s)});if(!j&&!V&&!F)return Y(t);let p={};typeof A=="string"?p.label=A:m&&(p.label=String(m)),T&&(p={...p,...T});const oe=fe.default(),ae=({control:e,fieldId:i,isRequired:n,mergedName:o})=>{if(!a.isValidElement(t))return null;const r={...t.props,...e,disabled:q??P,error:g==="error"||g==="warning",size:t.props?.size??S??R};if(r.fieldId||(r["data-field-id"]=i),E||y.length>0||D.length>0){const l=[];(E||y.length>0)&&l.push(`${i}_help`),r["aria-describedby"]=l.join(" ")}y.length>0&&(r["aria-invalid"]="true"),n&&(r["aria-required"]="true"),le.supportRef(t)&&(r.ref=oe(o,t)),new Set([...u.toArray(N),...u.toArray(K)]).forEach(l=>{r[l]=(...c)=>{e[l]?.(...c),t.props[l]?.(...c)}});const C=[r["aria-required"],r["aria-invalid"],r["aria-describedby"]];return h.jsxRuntimeExports.jsx(ue.default,{control:e,update:t,childProps:C,children:a.cloneElement(t,r)})};return h.jsxRuntimeExports.jsx(v.Field,{...b,messageVariables:p,trigger:N,validateTrigger:K,onMetaChange:se,children:(e,i,n)=>{const o=u.toArray(m).length&&i?i.name:[],r={namePath:o,path:u.joinNamePath(o)},s=u.getFieldId(o,X),C=x!==void 0?x:!!Q?.some(f=>{if(f&&typeof f=="object"&&f.required&&!f.warningOnly)return!0;if(typeof f=="function"){const H=f(n);return H?.required&&!H?.warningOnly}return!1}),l={...e};let c=null;return Array.isArray(t)&&j?c=t:a.isValidElement(t)?c=ae({control:l,fieldId:s,isRequired:C,mergedName:o}):V&&(B||F)&&!j?c=t(n):c=t,Y(c,s,C,l,r)}})}const $=Ce;$.useStatus=me.default;exports.default=$;
 //# sourceMappingURL=index.js.map

package/lib/FieldForm/Form.d.ts

@@ -2,7 +2,7 @@ import { PropsWithChildren, RefAttributes, ReactElement, FC, ReactNode } from 'r
 import { useWatch } from 'rc-field-form';
 import { FormProps as RcFormProps } from 'rc-field-form/lib/Form';
 import { FormRef } from 'rc-field-form/lib/interface';
-import { FormLabelAlign } from './interface';
+import { FormLabelAlign, ItemDecorator } from './interface';
 import { FormInstance, default as useForm } from './hooks/useForm';
 import { FeedbackIcons } from './FieldFormItem';
 export type RequiredMark = boolean | 'optional' | ((labelNode: ReactNode, info: {
@@ -22,6 +22,8 @@ export interface FormProps<Values = unknown> extends Omit<RcFormProps<Values>, '
     disabled?: boolean;
     requiredMark?: RequiredMark;
     size?: 'small' | 'medium' | 'large';
+    spacing?: 'normal' | 'compact';
+    itemDecorator?: ItemDecorator;
 }
 declare const FieldForm: (<Values = unknown>(props: PropsWithChildren<FormProps<Values>> & RefAttributes<FormRef<Values>>) => ReactElement) & Pick<FC, "displayName">;
 export { useForm, useWatch, type FormInstance };

package/lib/FieldForm/Form.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../_virtual/jsx-runtime.js"),e=require("react"),A=require("../_virtual/index.js"),v=require("rc-field-form"),w=require("../GlobalContext/constant.js"),R=require("./hooks/useForm.js"),p=require("./context.js"),z=require("./lang/index.js"),O=require("../GlobalContext/index.js"),u=`${w.$prefixCls}-field-form`,V=(W,q)=>{const{className:E,disabled:c,form:M,colon:m,labelAlign:d,labelWidth:n,labelWrap:g,layout:f="vertical",onFinishFailed:j,name:r,style:y,size:x,..._}=W,[l,C]=e.useState(0),{language:b}=e.useContext(O.default),L=e.useMemo(()=>z.defaultValidateMessages[b||"zh"],[b]),[s]=R.default(M),{__INTERNAL__:h}=s;h.name=r;const o=e.useRef(null);e.useImperativeHandle(q,()=>({...s,nativeElement:o.current?.nativeElement}));const I=t=>{j?.(t)},P=t=>{if(!t)return;const $=t.querySelectorAll(`.${u}-item`);let a=0;$?.forEach(N=>{const F=N.querySelector("label");if(F){const T=F.offsetWidth;a=Math.max(a,T)}}),C(a)};e.useEffect(()=>{const t=setTimeout(()=>{P(o.current?.nativeElement)},0);return()=>clearTimeout(t)},[]);const S=e.useMemo(()=>({name:r,labelAlign:d,labelWrap:n?g:!1,labelWidth:n||l,labelMaxWidth:l,layout:f,colon:m,itemRef:h.itemRef,form:s,prefixCls:u,disabled:c,size:x}),[r,d,f,m,s,c,l,n,x]);return i.jsxRuntimeExports.jsx(p.FormProvider,{validateMessages:L,children:i.jsxRuntimeExports.jsx(p.FormContext.Provider,{value:S,children:i.jsxRuntimeExports.jsx(v,{id:r,..._,name:r,onFinishFailed:I,form:s,ref:o,className:A.default(E,u),style:{...y}})})})},G=e.forwardRef(V);Object.defineProperty(exports,"useWatch",{enumerable:!0,get:()=>v.useWatch});exports.useForm=R.default;exports.default=G;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../_virtual/jsx-runtime.js"),e=require("react"),z=require("../_virtual/index.js"),W=require("rc-field-form"),O=require("../GlobalContext/constant.js"),q=require("./hooks/useForm.js"),R=require("./context.js"),V=require("./lang/index.js"),D=require("../GlobalContext/index.js"),u=`${O.$prefixCls}-field-form`,G=(g,E)=>{const{className:M,disabled:c,form:j,colon:m,labelAlign:d,labelWidth:n,labelWrap:y,layout:f="vertical",onFinishFailed:_,name:r,style:C,size:x,spacing:b="normal",itemDecorator:h,...L}=g,[o,I]=e.useState(0),{language:F}=e.useContext(D.default),P=e.useMemo(()=>V.defaultValidateMessages[F||"zh"],[F]),[s]=q.default(j),{__INTERNAL__:p}=s;p.name=r;const l=e.useRef(null);e.useImperativeHandle(E,()=>({...s,nativeElement:l.current?.nativeElement}));const S=t=>{_?.(t)},$=t=>{if(!t)return;const T=t.querySelectorAll(`.${u}-item`);let a=0;T?.forEach(A=>{const v=A.querySelector("label");if(v){const w=v.offsetWidth;a=Math.max(a,w)}}),I(a)};e.useEffect(()=>{const t=setTimeout(()=>{$(l.current?.nativeElement)},0);return()=>clearTimeout(t)},[]);const N=e.useMemo(()=>({name:r,labelAlign:d,labelWrap:n?y:!1,labelWidth:n||o,labelMaxWidth:o,layout:f,colon:m,itemRef:p.itemRef,form:s,prefixCls:u,disabled:c,size:x,spacing:b,itemDecorator:h}),[r,d,f,m,s,c,o,n,x,b,h]);return i.jsxRuntimeExports.jsx(R.FormProvider,{validateMessages:P,children:i.jsxRuntimeExports.jsx(R.FormContext.Provider,{value:N,children:i.jsxRuntimeExports.jsx(W,{id:r,...L,name:r,onFinishFailed:S,form:s,ref:l,className:z.default(M,u),style:{...C}})})})},H=e.forwardRef(G);Object.defineProperty(exports,"useWatch",{enumerable:!0,get:()=>W.useWatch});exports.useForm=q.default;exports.default=H;
 //# sourceMappingURL=Form.js.map