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

package/es/DynamicMultiBox/interface.d.ts

@@ -1,38 +1,48 @@
-import { ReactNode } from 'react';
+import { ReactNode, CSSProperties } from 'react';
 import { TextFieldProps, SelectProps, SwitchProps, InputNumberProps, InputLangProps, ComboSelectProps, DatePickerProps } from '../index';
 import { LabelProps } from '../Label';
 import { TooltipProps } from '../Tooltip';
 /**组件类型：输入框，下拉框，开关，数字输入框，国际化输入框，日期框，时间选择框，组合选择器,自定义组件*/
 export type IInputType = 'TextField' | 'Select' | 'Switch' | 'InputNumber' | 'InputLang' | 'ComboSelect' | 'DatePicker' | 'custom';
-/** 配置项*/
-export type IConfig = {
-    /** 字段名，用于匹配*/
-    name?: string;
-    /** 组件类型*/
+/** value集合 —— 单行 value 值集合，name 映射 configItem 中的 name */
+export type IValueList<T extends Record<string, unknown> = Record<string, unknown>> = T;
+/** error集合 —— 单行错误集合，name 映射 configItem 中的 name；按 keyof T 精确收窄，rowKey 字段通过 cast 访问 */
+export type IErrors<T extends Record<string, unknown> = Record<string, unknown>> = {
+    [K in keyof T]?: unknown;
+};
+/** 配置项 */
+export type IConfig<T extends Record<string, unknown> = Record<string, unknown>> = {
+    /** 字段名，用于匹配 valueList 中的 key */
+    name?: keyof T & string;
+    /** 组件类型 */
     inputType?: IInputType;
-    /** 渲染自定义组件*/
-    customRender?: (name: string, rowIndex: number, valueList: IValueList[], errors?: IErrors[]) => ReactNode;
-    /** 禁用置灰组件*/
-    isDisabled?: boolean | ((rowIndex: number, name: string, valueList: IValueList[]) => boolean);
-    /** 固定字段，不需要显示在筛选器中的需要设置为true, 若不设置无法显示表单*/
+    /** 渲染自定义组件 */
+    customRender?: (name: keyof T & string, rowIndex: number, valueList: IValueList<T>[], errors?: IErrors<T>[]) => ReactNode;
+    /** 禁用置灰组件 */
+    isDisabled?: boolean | ((rowIndex: number, name: keyof T & string, valueList: IValueList<T>[]) => boolean);
+    /** 固定字段，不需要显示在筛选器中的需要设置为 true，若不设置无法显示表单 */
     isFixed?: boolean;
-    /** 用于switch*/
-    text?: ReactNode | ((rowIndex: number, name: string, valueList: IValueList[]) => ReactNode);
-    /** 是否必填*/
+    /** 用于 switch */
+    text?: ReactNode | ((rowIndex: number, name: keyof T & string, valueList: IValueList<T>[]) => ReactNode);
+    /** 是否必填 */
     required?: boolean;
-    /** 下拉列表数据，若某一列的每一行的下拉列表数据一致， 则只需传入数组，若需要自定义任意下拉列表数据，则传入函数*/
-    list?: ((rowIndex: number, id: string, name: string, valueList: IValueList[]) => unknown[]) | unknown[];
+    /** 下拉列表数据，若某一列的每一行的下拉列表数据一致，则只需传入数组；若需要自定义任意下拉列表数据，则传入函数 */
+    list?: ((rowIndex: number, id: string, name: keyof T & string, valueList: IValueList<T>[]) => unknown[]) | unknown[];
     /** 样式 */
-    style?: React.CSSProperties;
+    style?: CSSProperties;
     /** 标题样式 */
     labelProps?: LabelProps;
-    /** 组件其他样式,返回每个组件的样式 */
-    otherProps?: (rowIndex: number, name: string, valueList: IValueList[]) => Record<string, unknown>;
-    /** 其他*/
+    /** 组件其他样式，返回每个组件的样式 */
+    otherProps?: (rowIndex: number, name: keyof T & string, valueList: IValueList<T>[]) => Record<string, unknown>;
+    /**
+     * 其他字段
+     * 索引签名保留：IConfig 与 (TextFieldProps | SelectProps | ...) 多态子组件 props 交叉，
+     * 业务方需要透传不同子组件的 props（如 placeholder、suffix 等），与 Tabs/Table/Button 移除索引签名的情境不同
+     */
     [name: string]: unknown;
 } & (TextFieldProps | SelectProps | SwitchProps | InputNumberProps | InputLangProps | ComboSelectProps | DatePickerProps);
 /** 操作按钮配置项 */
-export interface IOperationButton {
+export interface IOperationButton<T extends Record<string, unknown> = Record<string, unknown>> {
     /** 按钮标识 */
     key: string;
     /** 按钮图标 */
@@ -40,11 +50,11 @@ export interface IOperationButton {
     /** 按钮文本 */
     text?: string;
     /** 是否禁用 */
-    disabled?: boolean | ((rowIndex: number, item: IValueList, valueList: IValueList[]) => boolean);
+    disabled?: boolean | ((rowIndex: number, item: IValueList<T>, valueList: IValueList<T>[]) => boolean);
     /** 点击事件 */
-    onClick: (rowIndex: number, item: IValueList, valueList: IValueList[]) => void;
+    onClick: (rowIndex: number, item: IValueList<T>, valueList: IValueList<T>[]) => void;
     /** 自定义渲染 */
-    render?: (rowIndex: number, item: IValueList, valueList: IValueList[]) => ReactNode;
+    render?: (rowIndex: number, item: IValueList<T>, valueList: IValueList<T>[]) => ReactNode;
     /** 样式 */
     className?: string;
     /** 提示 */
@@ -57,96 +67,86 @@ export interface IOperationButton {
      */
     order?: number;
 }
-/** value集合*/
-export interface IValueList {
-    /** 每行value值集合， name映射configItem中的name*/
-    [name: string]: unknown;
-}
-export interface IErrors {
-    /** 每行错误集合，name映射configItem中的name*/
-    [name: string]: unknown;
-}
-export interface ICurrentItem {
-    /** 表单名*/
-    name?: string;
-    /** 表单值*/
-    value?: unknown;
-    /** 表单所处下标*/
+/** 当前操作表单项；显式声明字段，禁止挂未声明字段 */
+export interface ICurrentItem<T extends Record<string, unknown> = Record<string, unknown>> {
+    /** 表单名 */
+    name?: keyof T & string;
+    /** 表单值 */
+    value?: T[keyof T];
+    /** 表单所处下标 */
     rowIndex?: number;
-    [name: string]: unknown;
+    /** 表单所处行的 rowKey 值（默认 rowKey 为 'id'） */
+    id?: string;
 }
-/** 过滤回调出参*/
-export interface IFilterParams {
-    /** 当前过滤操作项*/
+/** 过滤回调出参 */
+export interface IFilterParams<T extends Record<string, unknown> = Record<string, unknown>> {
+    /** 当前过滤操作项 */
     name?: string;
-    /** 是否选中*/
+    /** 是否选中 */
     checkedVal?: string[];
-    /** 更新后的valueList*/
-    valueList?: IValueList[];
-    /** 更新后的错误信息*/
-    errors?: IErrors[];
+    /** 更新后的 valueList */
+    valueList?: IValueList<T>[];
+    /** 更新后的错误信息 */
+    errors?: IErrors<T>[];
 }
-/** 主体接口定义*/
-export interface IMultiValueProps {
-    /** 指定每行key */
+/** 主体接口定义 */
+export interface IMultiValueProps<T extends Record<string, unknown> = Record<string, unknown>> {
+    /** 指定每行 key */
     rowKey?: string;
     /**
      * 组件配置项
      */
-    config?: IConfig[];
+    config?: IConfig<T>[];
     /**
      * 筛选配置
      */
-    filterConfig?: IConfig[];
+    filterConfig?: IConfig<T>[];
     /**
      * @desc 回调
-     * @param valueList 整个value值集合
+     * @param valueList 整个 value 值集合
      * @param currentItem 当前操作表单项
      * */
-    onChange?: (valueList: IValueList[], currentItem?: ICurrentItem) => void;
+    onChange?: (valueList: IValueList<T>[], currentItem?: ICurrentItem<T>) => void;
     /**
      * @desc 新增
-     * @param valueList 新增前valueList值集合
+     * @param valueList 新增前 valueList 值集合
      * @param errors 新增后错误集合
      *  */
-    onAdd?: (valueList: IValueList[], errors: IErrors[]) => void;
+    onAdd?: (valueList: IValueList<T>[], errors: IErrors<T>[]) => void;
     /**
      * 自定义删除
      * */
-    deleteRender?: (index: number, item: IValueList, valueList: IValueList[]) => ReactNode;
+    deleteRender?: (index: number, item: IValueList<T>, valueList: IValueList<T>[]) => ReactNode;
     /**
-     * @desc 删除，
-     * @param valueList 删除后整个valueList值集合
-     * @param deleteItem 删除项
+     * @desc 删除
+     * @param valueList 删除后整个 valueList 值集合
+     * @param errors 删除后错误集合
      */
-    onDelete?: (valueList: IValueList[], errors: IErrors[]) => void;
+    onDelete?: (valueList: IValueList<T>[], errors: IErrors<T>[]) => void;
     /**
      * @desc 筛选函数
-     * @param name 当前筛选项的name
-     * @param checked 是否选中， true选中， false反选
-     * @param valueList 筛选后的value
      * */
-    onFilter?: (data: IFilterParams) => void;
+    onFilter?: (data: IFilterParams<T>) => void;
     /**
      * @desc 排序
      * @param newValueList
      * @param swapIds 交换顺序的两个下标
      * */
-    onSort?: (newValueList: IValueList[], swapIds?: number[]) => void;
+    onSort?: (newValueList: IValueList<T>[], swapIds?: number[]) => void;
     /**
      * @desc 筛选值的集合
      * */
     checkedValue?: string[];
     /**
-     * 表单value集合
+     * 表单 value 集合
      */
-    valueList?: IValueList[];
+    valueList?: IValueList<T>[];
     /**
      * 表单错误集合
      */
-    errors?: IErrors[];
+    errors?: IErrors<T>[];
     /**
-     * 是否需要支持排序,默认不支持
+     * 是否需要支持排序，默认不支持
      */
     isSort?: boolean;
     /**
@@ -154,7 +154,7 @@ export interface IMultiValueProps {
      */
     isFilter?: boolean;
     /**
-     * 标题模式 none 不显示， single 只有第一列才显示， all 每列都显示
+     * 标题模式 none 不显示，single 只有第一列才显示，all 每列都显示
      */
     titleMode?: 'none' | 'single' | 'all';
     /**
@@ -166,11 +166,11 @@ export interface IMultiValueProps {
      */
     disabledAddTooltip?: TooltipProps;
     /**
-     * 列之间icon
+     * 列之间 icon
      * */
     icon?: ReactNode;
     /**
-     * 隐藏删除icon, string[] 指定某些行隐藏删除按钮, 入参为valueList中的id集合
+     * 隐藏删除 icon，string[] 指定某些行隐藏删除按钮，入参为 valueList 中的 id 集合
      * */
     deleteDisable?: string[];
     /**
@@ -187,7 +187,7 @@ export interface IMultiValueProps {
     /**
      * 新增项行表单的默认值
      */
-    initValue?: Record<string, unknown>;
+    initValue?: Partial<T>;
     /**
      * 筛选器弹出框样式
      */
@@ -199,5 +199,5 @@ export interface IMultiValueProps {
     /**
      * 自定义操作按钮，支持每行配置多个操作按钮
      */
-    operationButtons?: IOperationButton[];
+    operationButtons?: IOperationButton<T>[];
 }

package/es/FieldForm/FieldFormItem/ItemHolder.js

@@ -1,8 +1,8 @@
 import { j as t } from "../../_virtual/jsx-runtime.js";
-import { useContext as H, useMemo as M, useRef as R, useState as V } from "react";
+import { useContext as M, useMemo as N, useRef as R, useState as V } from "react";
 import W from "../../_virtual/index2.js";
-import _ from "../../_virtual/isVisible.js";
-import q from "../../_virtual/useLayoutEffect2.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";
@@ -27,17 +27,17 @@ function te(a) {
     label: C,
     labelProps: E,
     labelAlign: L,
-    colon: N,
-    labelWidth: P,
-    labelWrap: $
-  } = a, { prefixCls: i, layout: d } = H(A), n = M(() => c ?? d, [c, d]), o = R(null), f = !!(s != null || m.length || u.length), w = !!o.current && _(o.current), [B, p] = V(null);
+    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));
     }
-  }, [f, w]);
-  const F = (l) => {
+  }, [f, B]);
+  const H = (l) => {
     l || p(null);
   };
   return /* @__PURE__ */ t.jsx(
@@ -66,10 +66,10 @@ function te(a) {
               {
                 fieldId: r,
                 label: C,
-                labelWidth: P,
-                labelWrap: $,
+                labelWidth: $,
+                labelWrap: w,
                 labelAlign: L,
-                colon: N,
+                colon: P,
                 labelProps: { required: y, ...E },
                 hideLabel: S,
                 layout: n
@@ -83,8 +83,8 @@ function te(a) {
                 warnings: u,
                 status: e,
                 helperText: s,
-                marginBottom: B,
-                onErrorVisibleChanged: F,
+                marginBottom: F,
+                onErrorVisibleChanged: H,
                 hideError: j,
                 noSpacing: v,
                 children: /* @__PURE__ */ t.jsx(O.Provider, { value: I, children: b })

package/es/FieldForm/FieldFormItem/StatusProvider.js

@@ -1,13 +1,13 @@
 import { j as r } from "../../_virtual/jsx-runtime.js";
 import { useContext as C, useMemo as b } from "react";
-import g from "@para-ui/icons/Loading";
-import j from "@para-ui/icons/CheckCircleF";
-import v from "@para-ui/icons/CloseCircleF";
-import S from "@para-ui/icons/WarningCircleF";
-import N from "../../_virtual/index2.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/index2.js";
 import { FormItemInputContext as f } from "../context.js";
-import { getStatus as $ } from "../util.js";
-const M = {
+import { getStatus as M } from "../util.js";
+const N = {
   success: j,
   // 成功
   warning: S,
@@ -20,15 +20,15 @@ const M = {
 function w({
   children: I,
   errors: n,
-  warnings: s,
+  warnings: m,
   hasFeedback: t,
   validateStatus: d,
-  prefixCls: m,
+  prefixCls: s,
   meta: l,
-  noStyle: a
+  noStyle: c
 }) {
-  const o = $(n, s, l, null, !!t, d), {
-    isFormItemInput: c,
+  const o = M(n, m, l, null, !!t, d), {
+    isFormItemInput: a,
     // 是否是FormItemInput
     status: i,
     // 状态
@@ -39,13 +39,13 @@ function w({
   } = C(f), k = b(() => {
     let u;
     if (t) {
-      const p = o && M[o];
+      const p = o && N[o];
       u = p ? /* @__PURE__ */ r.jsx(
         "span",
         {
-          className: N(
-            `${m}-feedback-icon`,
-            `${m}-feedback-icon-${o}`
+          className: $(
+            `${s}-feedback-icon`,
+            `${s}-feedback-icon-${o}`
           ),
           children: /* @__PURE__ */ r.jsx(p, {})
         }
@@ -54,13 +54,13 @@ function w({
     const e = {
       status: o || "",
       errors: n,
-      warnings: s,
+      warnings: m,
       hasFeedback: !!t,
       feedbackIcon: u,
       isFormItemInput: !0
     };
-    return a && (e.status = (o ?? i) || "", e.isFormItemInput = c, e.hasFeedback = !!(t ?? x), e.feedbackIcon = t !== void 0 ? e.feedbackIcon : F), e;
-  }, [o, t, a, c, i]);
+    return c && (e.status = (o ?? i) || "", e.isFormItemInput = a, e.hasFeedback = !!(t ?? x), e.feedbackIcon = t !== void 0 ? e.feedbackIcon : F), e;
+  }, [o, t, c, a, i]);
   return /* @__PURE__ */ r.jsx(f.Provider, { value: k, children: I });
 }
 export {

package/es/FieldForm/FieldFormItem/index.js

@@ -1,15 +1,15 @@
 import { j as g } from "../../_virtual/jsx-runtime.js";
 import { useContext as h, useRef as ae, useMemo as U, isValidElement as W, Children as $, cloneElement as P } from "react";
 import { FieldContext as de, ListContext as le, Field as me } from "rc-field-form";
-import fe from "../../_virtual/useState.js";
-import { r as ue } from "../../_virtual/ref.js";
+import fe from "rc-util/lib/hooks/useState";
+import { supportRef as ue } from "rc-util/lib/ref";
 import ge from "./MemoInput.js";
 import { FormContext as ce, NoStyleItemContext as pe } from "../context.js";
 import he from "../hooks/useChildren.js";
 import ye from "../hooks/useFormItemStatus.js";
 import be from "../hooks/useFrameState.js";
 import Ce from "../hooks/useItemRef.js";
-import { getStatus as Se, toArray as E, getFieldId as Ie, isReactComponent as B } from "../util.js";
+import { getStatus as Se, toArray as j, getFieldId as Ie, isReactComponent as B } from "../util.js";
 import we from "./ItemHolder.js";
 function G() {
   return {
@@ -24,7 +24,7 @@ function G() {
 const ve = "__SPLIT__";
 function Fe(y) {
   const {
-    noStyle: j,
+    noStyle: E,
     shouldUpdate: J,
     dependencies: x,
     messageVariables: R,
@@ -43,7 +43,7 @@ function Fe(y) {
     size: I
   } = y, { name: Y, disabled: w, size: v } = h(ce), n = he(M), V = typeof n == "function", _ = h(pe), { validateTrigger: Z } = h(de), A = T !== void 0 ? T : Z, F = l != null, ee = h(le), K = ae(), [O, re] = be({}), [a, te] = fe(() => G()), ne = (r) => {
     const i = ee?.getKey(r.name);
-    if (te(r.destroy ? G() : r, !0), j && S !== !1 && _) {
+    if (te(r.destroy ? G() : r, !0), E && S !== !1 && _) {
       let t = r.name;
       if (r.destroy)
         t = K.current || t;
@@ -68,7 +68,7 @@ function Fe(y) {
   }, [O, a.errors, a.warnings]), m = U(
     () => Se(a.errors, a.warnings, a, "", !!z, L),
     [a, z, L]
-  ), D = (r, i, t, s) => j && !Q ? /* @__PURE__ */ g.jsx(g.Fragment, { children: $.map(r, (e) => B(e) ? P(e, {
+  ), D = (r, i, t, s) => E && !Q ? /* @__PURE__ */ g.jsx(g.Fragment, { children: $.map(r, (e) => B(e) ? P(e, {
     ...s,
     name: l,
     disabled: C ?? w,
@@ -113,7 +113,7 @@ function Fe(y) {
       const o = [];
       (S || c.length > 0) && o.push(`${i}_help`), e["aria-describedby"] = o.join(" ");
     }
-    c.length > 0 && (e["aria-invalid"] = "true"), t && (e["aria-required"] = "true"), ue.supportRef(n) && (e.ref = se(s, n)), (/* @__PURE__ */ new Set([...E(N), ...E(A)])).forEach((o) => {
+    c.length > 0 && (e["aria-invalid"] = "true"), t && (e["aria-required"] = "true"), ue(n) && (e.ref = se(s, n)), (/* @__PURE__ */ new Set([...j(N), ...j(A)])).forEach((o) => {
       e[o] = (...d) => {
         r[o]?.(...d), n.props[o]?.(...d);
       };
@@ -142,7 +142,7 @@ function Fe(y) {
       validateTrigger: A,
       onMetaChange: ne,
       children: (r, i, t) => {
-        const s = E(l).length && i ? i.name : [], e = Ie(s, Y), f = b !== void 0 ? b : !!X?.some((d) => {
+        const s = j(l).length && i ? i.name : [], e = Ie(s, Y), f = b !== void 0 ? b : !!X?.some((d) => {
           if (d && typeof d == "object" && d.required && !d.warningOnly)
             return !0;
           if (typeof d == "function") {

package/es/FieldForm/Form.js

@@ -26,8 +26,8 @@ const n = `${H}-field-form`, O = (b, W) => {
   } = b, [l, L] = S(0), { language: p } = T(K), j = F(
     () => J[p || "zh"],
     [p]
-  ), [o] = k(E), { __INTERNAL__: h } = o;
-  h.name = t;
+  ), [o] = k(E), { __INTERNAL__: x } = o;
+  x.name = t;
   const a = q(null);
   w(W, () => ({
     ...o,
@@ -40,9 +40,9 @@ const n = `${H}-field-form`, O = (b, W) => {
     const _ = e.querySelectorAll(`.${n}-item`);
     let s = 0;
     _?.forEach(($) => {
-      const x = $.querySelector("label");
-      if (x) {
-        const A = x.offsetWidth;
+      const h = $.querySelector("label");
+      if (h) {
+        const A = h.offsetWidth;
         s = Math.max(s, A);
       }
     }), L(s);
@@ -62,7 +62,7 @@ const n = `${H}-field-form`, O = (b, W) => {
       labelMaxWidth: l,
       layout: d,
       colon: c,
-      itemRef: h.itemRef,
+      itemRef: x.itemRef,
       form: o,
       prefixCls: n,
       disabled: m,

package/es/FieldForm/FormItemInput.js

@@ -3,37 +3,37 @@ import { useContext as p } from "react";
 import x from "../_virtual/index2.js";
 import g from "./ErrorList.js";
 import { FormContext as u } from "./context.js";
-const N = (m) => {
+const w = (h) => {
   const {
     fieldId: l,
-    children: h,
+    children: m,
     errors: n,
     warnings: s,
-    status: e,
+    status: t,
     helperText: o,
     marginBottom: i,
     onErrorVisibleChanged: c,
     hideError: a,
     noSpacing: d = !1
-  } = m, { prefixCls: t } = p(u);
+  } = h, { prefixCls: e } = p(u);
   return /* @__PURE__ */ r.jsxs(
     "div",
     {
-      className: x(`${t}-content`, {
-        [`${t}-content__${l}`]: l,
+      className: x(`${e}-content`, {
+        [`${e}-content__${l}`]: l,
         "has-spacing": !d,
-        "has-helper-text": !a && !!(n.length || s.length || o && (e === "error" || e === "warning"))
+        "has-helper-text": !a && !!(n.length || s.length || o && (t === "error" || t === "warning"))
       }),
       children: [
-        /* @__PURE__ */ r.jsx("div", { className: `${t}-control-input`, children: /* @__PURE__ */ r.jsx("div", { className: `${t}-control-input-content`, children: h }) }),
-        /* @__PURE__ */ r.jsx("div", { className: `${t}-helper-text`, children: !a && (i !== null || n.length || s.length || o && (e === "error" || e === "warning")) ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+        /* @__PURE__ */ r.jsx("div", { className: `${e}-control-input`, children: /* @__PURE__ */ r.jsx("div", { className: `${e}-control-input-content`, children: m }) }),
+        /* @__PURE__ */ r.jsx("div", { className: `${e}-helper-text`, children: !a && (i !== null || n.length || s.length || o && (t === "error" || t === "warning")) ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
           /* @__PURE__ */ r.jsx(
             g,
             {
               errors: n,
               warnings: s,
               helperText: o,
-              helpStatus: e,
+              helpStatus: t,
               onVisibleChanged: c
             }
           ),
@@ -44,6 +44,6 @@ const N = (m) => {
   );
 };
 export {
-  N as default
+  w as default
 };
 //# sourceMappingURL=FormItemInput.js.map

package/es/FieldForm/FormItemLabel.js

@@ -1,5 +1,5 @@
 import { j as s } from "../_virtual/jsx-runtime.js";
-import { useContext as u, useRef as A, useMemo as h, useLayoutEffect as F } from "react";
+import { useContext as u, useRef as F, useMemo as x, useLayoutEffect as N } from "react";
 import R from "../_virtual/index2.js";
 import w from "../GlobalContext/index.js";
 import { FormContext as E } from "./context.js";
@@ -7,28 +7,28 @@ import S from "../Label/index.js";
 const P = ({
   fieldId: m,
   label: t,
-  labelProps: x,
+  labelProps: h,
   hideLabel: b,
   colon: i,
   layout: r,
   labelAlign: d,
-  labelWidth: a,
+  labelWidth: c,
   labelWrap: g
 }) => {
   const {
     prefixCls: n,
-    colon: c,
+    colon: a,
     labelWidth: f,
     labelAlign: $,
     labelWrap: C
-  } = u(E), L = d || $, { language: W, locale: j } = u(w), o = A(null), N = (e) => typeof e == "number" ? `${e}px` : typeof e == "string" ? e.endsWith("px") ? e : `${e}px` : e, y = h(() => {
-    const e = a || f || 0;
-    return e && r === "horizontal" ? N(e) : "auto";
-  }, [a, f, r]), z = h(() => {
+  } = u(E), L = d || $, { language: W, locale: j } = u(w), o = F(null), y = (e) => typeof e == "number" ? `${e}px` : typeof e == "string" ? e.endsWith("px") ? e : `${e}px` : e, z = x(() => {
+    const e = c || f || 0;
+    return e && r === "horizontal" ? y(e) : "auto";
+  }, [c, f, r]), A = x(() => {
     let e = t;
-    return (i === !0 || c !== !1 && i !== !1) && r === "horizontal" && typeof t == "string" && t.trim() && (e = t.replace(/[:|：]\s*$/, "")), /* @__PURE__ */ s.jsx(s.Fragment, { children: e });
-  }, [W, j, t, i, c, r]);
-  return F(() => {
+    return (i === !0 || a !== !1 && i !== !1) && r === "horizontal" && typeof t == "string" && t.trim() && (e = t.replace(/[:|：]\s*$/, "")), /* @__PURE__ */ s.jsx(s.Fragment, { children: e });
+  }, [W, j, t, i, a, r]);
+  return N(() => {
     if (o.current) {
       const l = o.current.querySelector(`.${n}-label-comp`)?.clientHeight;
       if (l && l > 32) {
@@ -45,13 +45,13 @@ const P = ({
         "is-left": L === "left" && r === "horizontal",
         "is-wrap": g ?? C ?? !1
       }),
-      style: { width: y },
+      style: { width: z },
       children: /* @__PURE__ */ s.jsx(
         S,
         {
           className: `${n}-label-comp`,
-          label: z,
-          ...x
+          label: A,
+          ...h
         }
       )
     }

package/es/FieldForm/context.js

@@ -1,7 +1,7 @@
 import { j as e } from "../_virtual/jsx-runtime.js";
 import { createContext as o } from "react";
 import { FormProvider as m } from "rc-field-form";
-import i from "../_virtual/omit.js";
+import i from "rc-util/lib/omit";
 const x = (t) => {
   const r = i(t, ["prefixCls"]);
   return /* @__PURE__ */ e.jsx(m, { ...r });

package/es/FieldForm/hooks/useChildren.js

@@ -1,4 +1,4 @@
-import r from "../../_virtual/toArray.js";
+import r from "rc-util/lib/Children/toArray";
 function e(t) {
   if (typeof t == "function")
     return t;

package/es/FieldForm/hooks/useFrameState.js

@@ -1,5 +1,5 @@
 import { useState as p, useRef as n, useEffect as R } from "react";
-import c from "../../_virtual/raf.js";
+import c from "rc-util/lib/raf";
 function E(f) {
   const [a, l] = p(f), r = n(null), e = n([]), t = n(!1);
   R(() => (t.current = !1, () => {

package/es/FieldForm/hooks/useItemRef.js

@@ -1,15 +1,15 @@
 import { useContext as u, useRef as m } from "react";
-import { r as i } from "../../_virtual/ref.js";
+import { composeRef as i } from "rc-util/lib/ref";
 import { FormContext as s } from "../context.js";
-function x() {
+function g() {
   const { itemRef: f } = u(s), e = m({});
   function c(o, r) {
     const t = r && typeof r == "object" && r.ref, n = o.join("_");
-    return (e.current.name !== n || e.current.originRef !== t) && (e.current.name = n, e.current.originRef = t, e.current.ref = i.composeRef(f(o), t)), e.current.ref;
+    return (e.current.name !== n || e.current.originRef !== t) && (e.current.name = n, e.current.originRef = t, e.current.ref = i(f(o), t)), e.current.ref;
   }
   return c;
 }
 export {
-  x as default
+  g as default
 };
 //# sourceMappingURL=useItemRef.js.map