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

package/AGENTS.md

@@ -2,6 +2,7 @@
 
 本文档帮助 AI 工具（Cursor、Claude Code 等）正确使用 @para-ui/core 组件库。
 
+
 ## 🚨 必查 Top 9 高频陷阱（写代码前必读，不分组件）
 
 **M5 + combo baseline 实证**：以下 9 个陷阱在多轮实验中是主要失败模式。**忽略其中任何一个 = 概率失败一个 task**。

package/FieldForm/component.json

@@ -61,6 +61,20 @@
         "children": {
             "type": "ReactNode",
             "description": "FieldForm 接收任意 ReactNode(包括 FieldForm.Item / Button type=submit / 自定义包装);**但每个 Item 的 child 必须是支持 value/onChange/error/disabled 的自定义组件**(TextField / Select / Checkbox / Switch / DatePicker / InputNumber 等);**不可用原生 input/textarea/select/button — 会触发 React non-boolean-attribute warning**(因 cloneElement 注入 error={false} 给原生 DOM 元素时,React 视 error 为 DOM attr → 报错);见 childrenContract.FormItem"
+        },
+        "itemDecorator": {
+            "type": "ItemDecorator",
+            "objectShape": {
+                "getItemClassName": {
+                    "type": "(meta: ItemDecoratorMeta) => string | undefined | false",
+                    "description": "按字段 namePath/path 返回要合并到该 FieldForm.Item 根节点的 className;返回 undefined/''/false 时不追加，不影响其他状态 class(is-error/is-success 等)"
+                },
+                "renderItemExtra": {
+                    "type": "(meta: ItemDecoratorMeta) => ReactNode",
+                    "description": "按字段 namePath/path 在该 FieldForm.Item 根节点内追加渲染内容(如 diff 命中原因说明);渲染在根节点内、内部间距容器之外，不影响 has-spacing/has-helper-text 的 20px 间距机制"
+                }
+            },
+            "description": "Form 级一次注册、所有子孙 FieldForm.Item 自动生效的字段装饰扩展点;meta.namePath 来自 rc-field-form 的 renderMeta.name(真实的、经过 List 等上下文处理后的最终路径)，meta.path 是预拼接字符串(数组下标用方括号,如 'ubr.list[0].x');未传 name 的 Item 固定拿到 { namePath: [], path: '' };典型用法:`<FieldForm itemDecorator={{ getItemClassName: (meta) => isHit(meta.path) ? 'is-hit' : undefined, renderItemExtra: (meta) => isHit(meta.path) ? <span>命中原因</span> : null }}>`"
         }
     },
     "childrenContract": {
@@ -137,7 +151,9 @@
         "把'仅使用 FieldForm 本身'解读为'整个文件不能 import TextField/Button'(见 interpretivePriority.resolution)",
         "字段过多不分组",
         "忽略异步校验",
-        "在 mount 后修改 initialValues prop(应用 form.setFieldsValue;initialValues 仅 mount 时灌入)"
+        "在 mount 后修改 initialValues prop(应用 form.setFieldsValue;initialValues 仅 mount 时灌入)",
+        "在 itemDecorator.getItemClassName/renderItemExtra 回调体内调用 useContext/useXxx 等 Hook(回调运行在 ItemHolder 渲染过程中，不在业务组件自身的渲染调用栈里，会违反 Hooks 规则;应在业务组件顶层用 Hook 取数后，用 useMemo 包成闭包再传入 itemDecorator)",
+        "期望 itemDecorator 对 noStyle 的 FieldForm.Item 生效(noStyle 不渲染独立 wrapper 节点，没有可挂载 className/额外内容的位置)"
     ],
     "events": {
         "onFinish": {
@@ -187,6 +203,11 @@
             "issue": "rules 中的 validator 函数签名必须返回 Promise(rc-field-form 约定),不是同步返回",
             "wrong": "rules={[{ validator: (_, val) => val > 0 ? true : false }]}  // 同步返回 boolean 不被识别",
             "right": "rules={[{ validator: (_, val) => val > 0 ? Promise.resolve() : Promise.reject('必须大于 0') }]}"
+        },
+        {
+            "issue": "itemDecorator 的 getItemClassName/renderItemExtra 回调不能在函数体内调用 React Hook",
+            "wrong": "itemDecorator={{ getItemClassName: (meta) => { const hit = useFieldHighlight(meta.path); return hit ? 'is-hit' : undefined; } }}  // 在回调体内调用 Hook，违反 Hooks 规则",
+            "right": "const highlightMap = useFieldHighlightMap();\nconst itemDecorator = useMemo(() => ({ getItemClassName: (meta) => (highlightMap[meta.path] ? 'is-hit' : undefined) }), [highlightMap]);\n<FieldForm itemDecorator={itemDecorator}>"
         }
     ],
     "mapping": {

package/FormItemGroup/component.json

@@ -0,0 +1,72 @@
+{
+    "name": "FormItemGroup",
+    "category": "Layout",
+    "description": "表单项堆叠容器：官方推荐的字段间纵向/横向间距方案。字段自带的 20px 间距基线（helper-text 占位）原本要外层手动挂 `.paraui-v4-form` 类名才会生效，容易被忘记导致字段在 flex 布局下零间距；FormItemGroup 把这条基线内置在自己身上，不用再记类名。同时内部 gap 只认自身 CSS 变量（!important），裸写 style.gap 不会生效，用来替代业务/AI 随手在字段外层加 gap 导致的间距叠加问题（基线已经占了 20px，外层再加 gap 会翻倍）。一个组件同时兜住「漏挂基线类→零间距」和「叠加 gap→翻倍」两个方向。",
+    "semantic": {
+        "intent": ["表单字段堆叠", "受控间距容器", "间距基线兜底"],
+        "useCases": [
+            "多个 TextField/Select/Switch 等字段手写堆叠（最常见场景，不依赖 Form/FieldForm）",
+            "多个 FormItem/FieldFormItem 纵向堆叠(direction='vertical'，默认)",
+            "少量字段并排展示(direction='horizontal')",
+            "需要在字段之间加统一间距的场景(gap 属性)"
+        ],
+        "riskLevel": "low"
+    },
+    "variants": {
+        "vertical": {
+            "meaning": "默认值。`display:flex; flex-direction:column`，字段自上而下堆叠。"
+        },
+        "horizontal": {
+            "meaning": "`display:flex; flex-direction:row`，字段并排展示。"
+        }
+    },
+    "states": ["default"],
+    "idealProps": {
+        "direction": {
+            "type": "enum",
+            "values": ["vertical", "horizontal"],
+            "default": "vertical",
+            "description": "排列方向。表单场景基本用默认的 'vertical'。"
+        },
+        "gap": {
+            "type": "number",
+            "default": 0,
+            "description": "字段间距(px)，默认 0——不额外加间距，完全依赖字段自身已有的间距（如 helper-text 占位）。真正需要更大间距时才传这个值，例如 gap={32}。"
+        },
+        "children": {
+            "type": "ReactNode",
+            "description": "子元素，通常是若干个 FormItem / FieldFormItem。"
+        },
+        "className": {
+            "type": "string",
+            "description": "外层根 div 的类名。"
+        },
+        "style": {
+            "type": "React.CSSProperties",
+            "description": "外层根 div 的内联样式。注意其中的 gap 不会生效（会被组件内部 !important 规则覆盖），间距请用 gap 属性。"
+        }
+    },
+    "do": [
+        "字段纵向堆叠用 <FormItemGroup> 替代手写 <div style={{ display:'flex', flexDirection:'column', gap: 16 }}>",
+        "用 <FormItemGroup> 包住字段就自动拿到 20px 间距基线，不需要再额外记着给外层容器挂 `.paraui-v4-form` 类名",
+        "确实需要比字段自带间距更大的间距时，用 gap 属性：<FormItemGroup gap={32}>",
+        "字段并排展示用 direction='horizontal'"
+    ],
+    "dont": [
+        "不要在 style 里直接写 gap，例如 <FormItemGroup style={{ gap: 16 }}>——会被内部规则忽略，且不会有任何视觉效果，请改用 gap 属性",
+        "不要在没有堆叠需求的单个字段外面套一层 FormItemGroup，纯粹是多余包裹",
+        "确实需要密集布局下零间距（如表格内联编辑），仍可以用更具体的选择器覆盖 min-height（这条基线规则没有 !important），不需要绕开 FormItemGroup"
+    ],
+    "events": {},
+    "typescriptPitfalls": [
+        {
+            "issue": "style.gap 不会生效，是设计上的行为而不是 bug",
+            "wrong": "<FormItemGroup style={{ gap: 16 }}>...</FormItemGroup>  // 不生效，且不会报 TS 错误，容易被误以为生效了",
+            "right": "<FormItemGroup gap={16}>...</FormItemGroup>  // 通过 gap 属性设置，实际生效"
+        }
+    ],
+    "mapping": {
+        "realComponent": "FormItemGroup",
+        "adapter": null
+    }
+}

package/Menu/component.json

@@ -116,12 +116,14 @@
         "配置 shrinkOthers 以提升用户查找效率",
         "使用 icon 辅助识别菜单项",
         "**菜单数据通过 menuListProps.list 传入**（不是顶层 list prop）：`<Menu menuListProps={{ list: menuData }} />`，menuData 是 MenuChildrenProps[] 数组",
-        "MenuChildrenProps 核心字段（src/Menu/interface.ts:25-63）：`label: ReactNode`（菜单名），`path: string`（路径，与 selectMenu 比对高亮），`icon: ReactNode`（图标），`children: MenuChildrenProps[]`（子菜单），`type: 'redirect'|'router'|'iframe'|'snack'|'snackPage'`（菜单类型），`href: string`（a 标签地址），`badge: ReactNode`（标记）"
+        "MenuChildrenProps 核心字段（src/Menu/interface.ts:25-63）：`label: ReactNode`（菜单名），`path: string`（路径，与 selectMenu 比对高亮），`icon: ReactNode`（图标），`children: MenuChildrenProps[]`（子菜单），`type: 'redirect'|'router'|'iframe'|'snack'|'snackPage'`（菜单类型），`href: string`（a 标签地址），`badge: ReactNode`（标记）",
+        "`group: boolean`（仅一级生效,需同时有 children）：把该项渲染成不可点击的纯文本分组小标题,children 常驻展开且按顶层菜单项样式渲染（不缩进,可配 icon）。示例：`{ label: '路由管理', group: true, children: [{ label: '路由规则', path: '/router/rule' }, { label: '静态资源', path: '/router/static' }] }`"
     ],
     "dont": [
         "在菜单项中放置非导航类的复杂交互组件",
         "过度使用动态生成的菜单导致性能问题",
-        "把菜单数据传给顶层 list prop——Menu 没有顶层 list prop,数据必须通过 menuListProps.list 传入"
+        "把菜单数据传给顶层 list prop——Menu 没有顶层 list prop,数据必须通过 menuListProps.list 传入",
+        "不要在非一级菜单项或没有 children 的项上设置 group: true——不满足条件会被忽略,自动退化为原有渲染（普通叶子节点 / 普通折叠子菜单）,不会报错但也不会生效"
     ],
     "events": {
         "onClickMenu": {
@@ -171,6 +173,11 @@
             "issue": "color prop 只有 'deep' 和 'light' 两个有效值(ColorType),传其他字符串 TS 报错",
             "wrong": "color='dark'  // TS2322: Type '\"dark\"' is not assignable to type 'ColorType'",
             "right": "color='deep'  // 合法值: 'deep'(深色主题) | 'light'(浅色主题)"
+        },
+        {
+            "issue": "group 生效需同时满足两个前提：该项是一级菜单（level 1）且自身有 children；在二级菜单项或没有 children 的项上设置 group: true 会被静默忽略,自动退化为原渲染,容易被误以为是 bug",
+            "wrong": "// 二级菜单项上设置 group,不会生效\n{ label: '一级', children: [{ label: '二级', group: true, children: [...] }] }",
+            "right": "// group 只能设在一级菜单项上\n{ label: '路由管理', group: true, children: [{ label: '路由规则', path: '/router/rule' }] }"
         }
     ],
     "mapping": {

package/es/Anchor/anchorMenu/index.js

@@ -1,7 +1,7 @@
 import { j as e } from "../../_virtual/jsx-runtime.js";
 import { useEffect as k, useMemo as u, createElement as A } from "react";
 import C from "clsx";
-import { Down as E } from "../../para-ui-core/node_modules/@para-ui/icons/Down/index.js";
+import { Down as E } from "../../node_modules/@para-ui/icons/Down/index.js";
 import './index.css';/* empty css           */
 import w from "../../AutoTips/index.js";
 const y = (l) => {

package/es/Anchor/index.js

@@ -3,9 +3,9 @@ import { useState as f, useRef as Y, useEffect as D, useMemo as E } from "react"
 import L from "clsx";
 import { $prefixCls as C } from "../GlobalContext/constant.js";
 import Z from "./anchorMenu/index.js";
-import { ToRight as W } from "../para-ui-core/node_modules/@para-ui/icons/ToRight/index.js";
-import { ToLeft as z } from "../para-ui-core/node_modules/@para-ui/icons/ToLeft/index.js";
-import { PreviewOpen as _ } from "../para-ui-core/node_modules/@para-ui/icons/PreviewOpen/index.js";
+import { ToRight as W } from "../node_modules/@para-ui/icons/ToRight/index.js";
+import { ToLeft as z } from "../node_modules/@para-ui/icons/ToLeft/index.js";
+import { PreviewOpen as _ } from "../node_modules/@para-ui/icons/PreviewOpen/index.js";
 import { Search as ee } from "../Search/index.js";
 import re from "../GlobalContext/useFormatMessage.js";
 import ne from "./lang/index.js";

package/es/Argv/dataGenerator/index.js

@@ -3,7 +3,7 @@ import { useState as y, useRef as J, useEffect as j, useMemo as E } from "react"
 import { TextField as N } from "../../TextField/index.js";
 import C from "../../Select/index.js";
 import { defaultInputValueMapping as O, booleanSelectList as V, dataTypeSelectList as G } from "./config.js";
-import { ExpandPart as k } from "../../para-ui-core/node_modules/@para-ui/icons/ExpandPart/index.js";
+import { ExpandPart as k } from "../../node_modules/@para-ui/icons/ExpandPart/index.js";
 import { InputNumber as F } from "../../InputNumber/index.js";
 import { Modal as z } from "../../Modal/index.js";
 import { Message as L } from "../../Message/index.js";

package/es/Argv/index.js

@@ -9,8 +9,8 @@ import R from "./batchEdit/index.js";
 import w, { checkGeneratorData as z, formatGeneratorToData as A, formatDataToGenerator as O } from "./dataGenerator/index.js";
 import H from "../Label/index.js";
 import { TextField as Q } from "../TextField/index.js";
-import { Delete as U } from "../para-ui-core/node_modules/@para-ui/icons/Delete/index.js";
-import { PlusCircleF as W } from "../para-ui-core/node_modules/@para-ui/icons/PlusCircleF/index.js";
+import { Delete as U } from "../node_modules/@para-ui/icons/Delete/index.js";
+import { PlusCircleF as W } from "../node_modules/@para-ui/icons/PlusCircleF/index.js";
 import { isObject as V } from "../Utils/index.js";
 import './index.css';/* empty css           */
 const fr = (l) => {

package/es/AutoBox/index.js

@@ -2,7 +2,7 @@ import { j as n } from "../_virtual/jsx-runtime.js";
 import { useRef as z, useState as p, useEffect as a, Fragment as P } from "react";
 import { Popover as F } from "../Popover/index.js";
 import { Protal as O } from "./protal.js";
-import { More as V } from "../para-ui-core/node_modules/@para-ui/icons/More/index.js";
+import { More as V } from "../node_modules/@para-ui/icons/More/index.js";
 import { $prefixCls as $ } from "../GlobalContext/constant.js";
 import './index.css';/* empty css           */
 const U = (s) => {

package/es/AutoButton/index.js

@@ -3,7 +3,7 @@ import { useState as w, useRef as y, useEffect as S, Fragment as u } from "react
 import { Button as i } from "../Button/index.js";
 import z from "../AutoTips/index.js";
 import { PopConfirm as E } from "../PopConfirm/index.js";
-import { MoreVert as F } from "../para-ui-core/node_modules/@para-ui/icons/MoreVert/index.js";
+import { MoreVert as F } from "../node_modules/@para-ui/icons/MoreVert/index.js";
 import { $prefixCls as C } from "../GlobalContext/constant.js";
 import { Dropdown as O } from "../Dropdown/index.js";
 import { Tooltip as J } from "../Tooltip/index.js";

package/es/Breadcrumbs/index.js

@@ -2,8 +2,8 @@ import { j as t } from "../_virtual/jsx-runtime.js";
 import { useState as W, useRef as y, useEffect as M, Fragment as z } from "react";
 import { Popover as E } from "../Popover/index.js";
 import I from "../AutoTips/index.js";
-import { More as O } from "../para-ui-core/node_modules/@para-ui/icons/More/index.js";
-import { Return as J } from "../para-ui-core/node_modules/@para-ui/icons/Return/index.js";
+import { More as O } from "../node_modules/@para-ui/icons/More/index.js";
+import { Return as J } from "../node_modules/@para-ui/icons/Return/index.js";
 import { $prefixCls as l } from "../GlobalContext/constant.js";
 import G from "../GlobalContext/useFormatMessage.js";
 import K from "./lang/index.js";

package/es/Button/SplitButton.js

@@ -1,6 +1,6 @@
 import { j as r } from "../_virtual/jsx-runtime.js";
 import { useRef as I } from "react";
-import { Down as M } from "../para-ui-core/node_modules/@para-ui/icons/Down/index.js";
+import { Down as M } from "../node_modules/@para-ui/icons/Down/index.js";
 import { Button as u } from "./index.js";
 import { Dropdown as E } from "../Dropdown/index.js";
 import f from "clsx";

package/es/Button/index.js

@@ -1,7 +1,7 @@
 import { j as t } from "../_virtual/jsx-runtime.js";
 import { useState as y, useEffect as I } from "react";
 import P from "clsx";
-import { LoadingF as C } from "../para-ui-core/node_modules/@para-ui/icons/LoadingF/index.js";
+import { LoadingF as C } from "../node_modules/@para-ui/icons/LoadingF/index.js";
 import { Tooltip as g } from "../Tooltip/index.js";
 import w from "./SplitButton.js";
 import { $prefixCls as n } from "../GlobalContext/constant.js";

package/es/Carousel/index.js

@@ -3,8 +3,8 @@ import e from "react";
 import b from "react-slick";
 import d from "clsx";
 import { $prefixCls as N } from "../GlobalContext/constant.js";
-import { RightCircleF as P } from "../para-ui-core/node_modules/@para-ui/icons/RightCircleF/index.js";
-import { LeftCircleF as g } from "../para-ui-core/node_modules/@para-ui/icons/LeftCircleF/index.js";
+import { RightCircleF as P } from "../node_modules/@para-ui/icons/RightCircleF/index.js";
+import { LeftCircleF as g } from "../node_modules/@para-ui/icons/LeftCircleF/index.js";
 import './index.css';/* empty css           */
 const _ = e.forwardRef((s, u) => {
   const { dots: c = !0, arrows: m = !1, draggable: x = !1, dotPosition: o = "bottom", className: C, ...h } = s, r = e.useRef(), i = (j, R = !1) => {

package/es/Cascader/Cascader.js

@@ -3,11 +3,11 @@ import { BaseSelect as Fe } from "rc-select";
 import te from "clsx";
 import _e from "rc-select/lib/hooks/useId";
 import { conductCheck as Be } from "rc-tree/lib/utils/conductUtil";
-import { Right as Je } from "../para-ui-core/node_modules/@para-ui/icons/Right/index.js";
+import { Right as Je } from "../node_modules/@para-ui/icons/Right/index.js";
 import se from "rc-util/lib/hooks/useEvent";
 import ze from "rc-util/lib/hooks/useMergedState";
-import { Down as Ue } from "../para-ui-core/node_modules/@para-ui/icons/Down/index.js";
-import { CloseCircleF as qe } from "../para-ui-core/node_modules/@para-ui/icons/CloseCircleF/index.js";
+import { Down as Ue } from "../node_modules/@para-ui/icons/Down/index.js";
+import { CloseCircleF as qe } from "../node_modules/@para-ui/icons/CloseCircleF/index.js";
 import * as o from "react";
 import Ge from "./context.js";
 import Qe from "./hooks/useDisplayValues.js";

package/es/Cascader/OptionList/Column.js

@@ -4,9 +4,9 @@ import * as F from "react";
 import U from "../context.js";
 import { isLeaf as Y, toPathKey as Z } from "../utils/commonUtil.js";
 import { Tooltip as K } from "../../Tooltip/index.js";
-import "../../para-ui-core/node_modules/@para-ui/icons/SvgIcon/index.js";
-import { Forbid as V } from "../../para-ui-core/node_modules/@para-ui/icons/Forbid/index.js";
-import { LoadingF as ee } from "../../para-ui-core/node_modules/@para-ui/icons/LoadingF/index.js";
+import "../../node_modules/@para-ui/icons/SvgIcon/index.js";
+import { Forbid as V } from "../../node_modules/@para-ui/icons/Forbid/index.js";
+import { LoadingF as ee } from "../../node_modules/@para-ui/icons/LoadingF/index.js";
 import { $prefixCls as y } from "../../GlobalContext/constant.js";
 import ne from "../lang/index.js";
 import L from "../../AutoTips/index.js";

package/es/Checkbox/index.js

@@ -1,10 +1,11 @@
 import { j as s } from "../_virtual/jsx-runtime.js";
-import { useState as g, useEffect as x } from "react";
-import y from "../Label/index.js";
+import { useState as R, useEffect as x } from "react";
+import T from "../Label/index.js";
 import { $prefixCls as a } from "../GlobalContext/constant.js";
-import { Tooltip as T } from "../Tooltip/index.js";
+import { Tooltip as g } from "../Tooltip/index.js";
+import { PARA_UI_COMPACT_CONTROL_MARKER as y } from "../FieldForm/compactControlMarker.js";
 import './index.css';/* empty css           */
-const H = (c) => {
+const A = (c) => {
   const {
     className: r = "",
     label: n,
@@ -13,28 +14,28 @@ const H = (c) => {
     disabled: h = !1,
     disabledTooltip: f,
     indeterminate: m = !1,
-    width: k,
-    onChange: i,
+    width: u,
+    onChange: o,
     style: C
-  } = c, [l, o] = g(!1);
+  } = c, [l, i] = R(!1);
   x(() => {
-    c.defaultChecked !== void 0 && o(c.defaultChecked);
+    c.defaultChecked !== void 0 && i(c.defaultChecked);
   }, []), x(() => {
-    c.checked !== void 0 && o(c.checked);
+    c.checked !== void 0 && i(c.checked);
   }, [c.checked]);
   const p = (e) => {
     if (e.preventDefault(), h) return;
     if (m) {
-      c.checked === void 0 && o(!0), i && i(e, !0);
+      c.checked === void 0 && i(!0), o && o(e, !0);
       return;
     }
-    c.checked === void 0 && o(!l);
+    c.checked === void 0 && i(!l);
     const b = e.target;
-    b.checked = !l, b.value = String(!l), i && i(e, !l);
-  }, $ = () => {
+    b.checked = !l, b.value = String(!l), o && o(e, !l);
+  }, N = () => {
     let e = `${a}-checkbox`;
     return r && (e += ` ${r}`), d && (e += ` ${a}-checkbox-${d}`), h && (e += ` ${a}-checkbox-disabled`), m ? e += ` ${a}-checkbox-indeterminate` : l && (e += ` ${a}-checkbox-checked`), t && t.tooltipType && (e += ` ${a}-checkbox-${t.tooltipType}`), e;
-  }, N = () => {
+  }, $ = () => {
     let e = "checkbox-label";
     return t && t.className && (e += ` ${t.className}`), e;
   }, j = () => {
@@ -42,11 +43,11 @@ const H = (c) => {
     return t && t.helpClassName && (e += ` ${t.helpClassName}`), e;
   }, v = () => {
     const e = { ...C };
-    return k && (e.width = k), e;
-  }, u = () => /* @__PURE__ */ s.jsxs(
+    return u && (e.width = u), e;
+  }, k = () => /* @__PURE__ */ s.jsxs(
     "label",
     {
-      className: $(),
+      className: N(),
       onClick: p,
       style: v(),
       children: [
@@ -62,28 +63,29 @@ const H = (c) => {
           /* @__PURE__ */ s.jsx("span", { className: "checkbox-box-inner" })
         ] }),
         n !== void 0 && n !== "" && n !== null ? /* @__PURE__ */ s.jsx(
-          y,
+          T,
           {
             label: n,
             ...t,
             helpClassName: j(),
-            className: N()
+            className: $()
           }
         ) : null
       ]
     }
   );
   return f ? /* @__PURE__ */ s.jsx(
-    T,
+    g,
     {
       disabled: !0,
       ...f,
-      children: u()
+      children: k()
     }
-  ) : u();
+  ) : k();
 };
+A[y] = !0;
 export {
-  H as Checkbox,
-  H as default
+  A as Checkbox,
+  A as default
 };
 //# sourceMappingURL=index.js.map

package/es/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/es/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/es/Collapse/index.js

@@ -2,7 +2,7 @@ import { j as t } from "../_virtual/jsx-runtime.js";
 import C from "rc-collapse";
 import { CollapsePanelProps as b } from "./collapsePanel.js";
 import { toArray as $, omit as g, cloneElement as v } from "./util.js";
-import { Right as P } from "../para-ui-core/node_modules/@para-ui/icons/Right/index.js";
+import { Right as P } from "../node_modules/@para-ui/icons/Right/index.js";
 import j from "./motion.js";
 import { $rcPrefixCls as I, $prefixCls as c } from "../GlobalContext/constant.js";
 import './index.css';/* empty css           */

package/es/CollapseLayout/index.js

@@ -1,7 +1,7 @@
 import { j as c } from "../_virtual/jsx-runtime.js";
 import { useRef as y, useState as Z, useEffect as _ } from "react";
-import { LeftTriangleF as tt } from "../para-ui-core/node_modules/@para-ui/icons/LeftTriangleF/index.js";
-import { RightTriangleF as et } from "../para-ui-core/node_modules/@para-ui/icons/RightTriangleF/index.js";
+import { LeftTriangleF as tt } from "../node_modules/@para-ui/icons/LeftTriangleF/index.js";
+import { RightTriangleF as et } from "../node_modules/@para-ui/icons/RightTriangleF/index.js";
 import { $prefixCls as w } from "../GlobalContext/constant.js";
 import ot from "clsx";
 import { getAutoHeightDuration as nt } from "../CollapseBox/util.js";

package/es/ComboSelect/index.js

@@ -1,9 +1,9 @@
 import { j as t } from "../_virtual/jsx-runtime.js";
 import Jt, { useRef as v, useState as g, useEffect as S, useMemo as N, useImperativeHandle as Ut } from "react";
-import { Down as Qt } from "../para-ui-core/node_modules/@para-ui/icons/Down/index.js";
-import { Search as Xt } from "../para-ui-core/node_modules/@para-ui/icons/Search/index.js";
-import { Close as ot } from "../para-ui-core/node_modules/@para-ui/icons/Close/index.js";
-import { CloseCircleF as Yt } from "../para-ui-core/node_modules/@para-ui/icons/CloseCircleF/index.js";
+import { Down as Qt } from "../node_modules/@para-ui/icons/Down/index.js";
+import { Search as Xt } from "../node_modules/@para-ui/icons/Search/index.js";
+import { Close as ot } from "../node_modules/@para-ui/icons/Close/index.js";
+import { CloseCircleF as Yt } from "../node_modules/@para-ui/icons/CloseCircleF/index.js";
 import Zt from "../Table/index.js";
 import eo from "../Tree/Tree.js";
 import './index.css';import '../Tree/style/index.css';/* empty css                       */
@@ -24,7 +24,7 @@ import ho from "../Label/index.js";
 import bo from "../HelperText/index.js";
 import { $prefixCls as m } from "../GlobalContext/constant.js";
 import { Search as vo } from "../Search/index.js";
-import { LoadingF as go } from "../para-ui-core/node_modules/@para-ui/icons/LoadingF/index.js";
+import { LoadingF as go } from "../node_modules/@para-ui/icons/LoadingF/index.js";
 /* empty css           */
 const _o = (nt) => {
   const {

package/es/CopyText/index.js

@@ -1,7 +1,7 @@
 import { j as e } from "../_virtual/jsx-runtime.js";
 import { useState as x, useRef as I, useEffect as f } from "react";
-import { Copy as V } from "../para-ui-core/node_modules/@para-ui/icons/Copy/index.js";
-import { CheckS as D } from "../para-ui-core/node_modules/@para-ui/icons/CheckS/index.js";
+import { Copy as V } from "../node_modules/@para-ui/icons/Copy/index.js";
+import { CheckS as D } from "../node_modules/@para-ui/icons/CheckS/index.js";
 import { TextField as E } from "../TextField/index.js";
 import w from "../Label/index.js";
 import F from "../AutoTips/index.js";

package/es/CycleSelector/index.js

@@ -2,8 +2,8 @@ import { j as r } from "../_virtual/jsx-runtime.js";
 import ge, { useState as d, useRef as ke, useEffect as $, useImperativeHandle as we } from "react";
 import $e from "clsx";
 import q from "dayjs";
-import { Close as qe } from "../para-ui-core/node_modules/@para-ui/icons/Close/index.js";
-import { WarningCircleF as Ye } from "../para-ui-core/node_modules/@para-ui/icons/WarningCircleF/index.js";
+import { Close as qe } from "../node_modules/@para-ui/icons/Close/index.js";
+import { WarningCircleF as Ye } from "../node_modules/@para-ui/icons/WarningCircleF/index.js";
 import { $prefixCls as P } from "../GlobalContext/constant.js";
 import W from "../DatePicker/index.js";
 import h from "../Select/index.js";

package/es/DatePicker/generatePicker/generateRangePicker.js

@@ -1,10 +1,10 @@
 import { j as r } from "../../_virtual/jsx-runtime.js";
 import a, { forwardRef as Z, useImperativeHandle as ee } from "react";
 import u from "clsx";
-import { CloseCircleF as re } from "../../para-ui-core/node_modules/@para-ui/icons/CloseCircleF/index.js";
-import { SortRight as oe } from "../../para-ui-core/node_modules/@para-ui/icons/SortRight/index.js";
-import { Calendar as te } from "../../para-ui-core/node_modules/@para-ui/icons/Calendar/index.js";
-import { Time as se } from "../../para-ui-core/node_modules/@para-ui/icons/Time/index.js";
+import { CloseCircleF as re } from "../../node_modules/@para-ui/icons/CloseCircleF/index.js";
+import { SortRight as oe } from "../../node_modules/@para-ui/icons/SortRight/index.js";
+import { Calendar as te } from "../../node_modules/@para-ui/icons/Calendar/index.js";
+import { Time as se } from "../../node_modules/@para-ui/icons/Time/index.js";
 import { RangePicker as ne } from "rc-picker";
 import { mergedLocale as ae, getTimeProps as T, getRangePlaceholder as le, formatPickerValue as ie, getPopupContainer as ce, isolationPopupPollution as pe } from "../util.js";
 import { Components as ue, pickerFormatMap as me } from "./index.js";

package/es/DatePicker/generatePicker/generateSinglePicker.js

@@ -2,9 +2,9 @@ import { j as r } from "../../_virtual/jsx-runtime.js";
 import l, { forwardRef as oe, useImperativeHandle as te } from "react";
 import m from "clsx";
 import se from "rc-picker";
-import { CloseCircleF as ne } from "../../para-ui-core/node_modules/@para-ui/icons/CloseCircleF/index.js";
-import { Calendar as ae } from "../../para-ui-core/node_modules/@para-ui/icons/Calendar/index.js";
-import { Time as le } from "../../para-ui-core/node_modules/@para-ui/icons/Time/index.js";
+import { CloseCircleF as ne } from "../../node_modules/@para-ui/icons/CloseCircleF/index.js";
+import { Calendar as ae } from "../../node_modules/@para-ui/icons/Calendar/index.js";
+import { Time as le } from "../../node_modules/@para-ui/icons/Time/index.js";
 import { mergedLocale as ie, getTimeProps as w, getPlaceholder as ce, formatPickerValue as pe, getPopupContainer as ue, isolationPopupPollution as me } from "../util.js";
 import { Components as fe, pickerFormatMap as de } from "./index.js";
 import R from "../lang/index.js";

package/es/Desktop/index.js

@@ -4,7 +4,7 @@ import { TextField as gt } from "../TextField/index.js";
 import { DeepClone as xt } from "@snack-kit/lib";
 import { $prefixCls as rt } from "../GlobalContext/constant.js";
 import F from "../AutoTips/index.js";
-import { Left as qt } from "../para-ui-core/node_modules/@para-ui/icons/Left/index.js";
+import { Left as qt } from "../node_modules/@para-ui/icons/Left/index.js";
 import { Button as Dt } from "../Button/index.js";
 import Rt from "react-dom";
 import { Tooltip as bt } from "../Tooltip/index.js";

package/es/DragVerify/index.js

@@ -1,10 +1,10 @@
 import { j as n } from "../_virtual/jsx-runtime.js";
 import { useState as N, useRef as k, useEffect as J } from "react";
 import z from "clsx";
-import { DoubleRight as G } from "../para-ui-core/node_modules/@para-ui/icons/DoubleRight/index.js";
-import { Close as K } from "../para-ui-core/node_modules/@para-ui/icons/Close/index.js";
-import { Check as O } from "../para-ui-core/node_modules/@para-ui/icons/Check/index.js";
-import { Refresh as Q } from "../para-ui-core/node_modules/@para-ui/icons/Refresh/index.js";
+import { DoubleRight as G } from "../node_modules/@para-ui/icons/DoubleRight/index.js";
+import { Close as K } from "../node_modules/@para-ui/icons/Close/index.js";
+import { Check as O } from "../node_modules/@para-ui/icons/Check/index.js";
+import { Refresh as Q } from "../node_modules/@para-ui/icons/Refresh/index.js";
 import { $prefixCls as U } from "../GlobalContext/constant.js";
 import Y from "../GlobalContext/useFormatMessage.js";
 import Z from "./lang/index.js";

package/es/DynamicMultiBox/index.js

@@ -3,10 +3,10 @@ import { useState as P, useRef as q, useEffect as S, useMemo as le } from "react
 import { Popover as Ee } from "../Popover/index.js";
 import ie from "../Label/index.js";
 import { CheckboxGroup as Be } from "../CheckboxGroup/index.js";
-import { Panel as Se } from "../para-ui-core/node_modules/@para-ui/icons/Panel/index.js";
-import { PlusCircleF as Fe } from "../para-ui-core/node_modules/@para-ui/icons/PlusCircleF/index.js";
-import { Delete as $e } from "../para-ui-core/node_modules/@para-ui/icons/Delete/index.js";
-import { Drag as Re } from "../para-ui-core/node_modules/@para-ui/icons/Drag/index.js";
+import { Panel as Se } from "../node_modules/@para-ui/icons/Panel/index.js";
+import { PlusCircleF as Fe } from "../node_modules/@para-ui/icons/PlusCircleF/index.js";
+import { Delete as $e } from "../node_modules/@para-ui/icons/Delete/index.js";
+import { Drag as Re } from "../node_modules/@para-ui/icons/Drag/index.js";
 import we from "./rowForm.js";
 import { UUID as Le } from "@snack-kit/lib";
 import { ReactSortable as Te } from "react-sortablejs";