@unicom-cloud/ui 0.8.158 → 0.8.160

package/form/FormList.js

@@ -1,43 +1,44 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isFunction as e, isUndefined as t } from "../utils/is.js";
-import { FormListContext as n } from "./context.js";
-import r from "../utils/warning.js";
-import { isFieldMatch as i, isSyntheticEvent as a } from "./utils.js";
-import o from "./FormItem.js";
-import { useRef as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
-import l from "lodash/get";
+import { FORM_LIST_COMPONENT_INFO as n } from "../utils/names.js";
+import { FormListContext as r } from "./context.js";
+import i from "../utils/warning.js";
+import { isFieldMatch as a, isSyntheticEvent as o } from "./utils.js";
+import s from "./FormItem.js";
+import { useRef as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+import u from "lodash/get";
 //#region components/pc/form/FormList.tsx
-var u = (e, n) => !t(e) && e >= 0 && e < n.length;
-function d(d) {
-	let { field: f, children: p, initialValue: m } = d, h = s({
+var d = (e, n) => !t(e) && e >= 0 && e < n.length;
+function f(n) {
+	let { field: f, children: p, initialValue: m } = n, h = c({
 		id: 0,
 		keys: []
-	}), g = "initialValue" in d ? { initialValue: m } : {}, _ = h.current.keys;
-	return /* @__PURE__ */ c(n.Provider, {
+	}), g = "initialValue" in n ? { initialValue: m } : {}, _ = h.current.keys;
+	return /* @__PURE__ */ l(r.Provider, {
 		value: {
-			...d,
-			hidden: d.hidden
+			...n,
+			hidden: n.hidden
 		},
-		children: /* @__PURE__ */ c(o, {
+		children: /* @__PURE__ */ l(s, {
 			field: f,
 			...g,
 			isFormList: !0,
-			rules: d.rules,
-			hidden: d.hidden,
+			rules: n.rules,
+			hidden: n.hidden,
 			wrapperCol: { span: 24 },
-			noStyle: "noStyle" in d ? d.noStyle : !d.rules,
-			shouldUpdate: (e, t, n) => !!(n && !n.isInner && i(n.field, [f]) && l(e, f)?.length !== l(t, f)?.length),
-			children: (n, i, { value: o, onChange: s }) => {
-				let c = o || [];
+			noStyle: "noStyle" in n ? n.noStyle : !n.rules,
+			shouldUpdate: (e, t, n) => !!(n && !n.isInner && a(n.field, [f]) && u(e, f)?.length !== u(t, f)?.length),
+			children: (n, r, { value: a, onChange: s }) => {
+				let c = a || [];
 				function l(e, n) {
-					if (a(e)) {
-						r(!0, "Form.List: The event object cannot be used as a parameter of the add method");
+					if (o(e)) {
+						i(!0, "Form.List: The event object cannot be used as a parameter of the add method");
 						return;
 					}
-					let o = i.getInnerMethods()?.innerGetFieldValue?.(f) || [], c = h.current.id;
+					let a = r.getInnerMethods()?.innerGetFieldValue?.(f) || [], c = h.current.id;
 					h.current.id += 1;
-					let l = o || [], u = l;
+					let l = a || [], u = l;
 					!t(n) && n >= 0 && n <= l.length ? (_.splice(n, 0, c), u = [
 						...l.slice(0, n),
 						e,
@@ -47,15 +48,15 @@ function d(d) {
 						ignore: t(e)
 					});
 				}
-				function d(e) {
-					let t = (i.getInnerMethods()?.innerGetFieldValue?.(f) || []).filter((t, n, r) => n !== e);
+				function u(e) {
+					let t = (r.getInnerMethods()?.innerGetFieldValue?.(f) || []).filter((t, n, r) => n !== e);
 					_.splice(e, 1), s([...t], { isFormList: !0 });
 				}
 				function m(e, t) {
-					let n = i.getInnerMethods()?.innerGetFieldValue?.(f) || [];
-					if (e === t || !u(e, n) || !u(t, n)) return;
-					let r = _[e];
-					_.splice(e, 1), _.splice(t, 0, r);
+					let n = r.getInnerMethods()?.innerGetFieldValue?.(f) || [];
+					if (e === t || !d(e, n) || !d(t, n)) return;
+					let i = _[e];
+					_.splice(e, 1), _.splice(t, 0, i);
 					let a = n[e], o = [...n];
 					o.splice(e, 1), o.splice(t, 0, a), s([...o], { isFormList: !0 });
 				}
@@ -69,14 +70,14 @@ function d(d) {
 					};
 				}), {
 					add: l,
-					remove: d,
+					remove: u,
 					move: m
 				})), g;
 			}
 		})
 	});
 }
-d.displayName = "FormList";
+f.displayName = n.displayName;
 //#endregion
-export { d as default };
+export { f as default };
 /* 独立思考，明辨是非 */

package/form/FormProvider.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { FormProviderContext as e } from "./context.js";
 import { useCallback as t, useRef as n } from "react";
 import { jsx as r } from "react/jsx-runtime";

package/form/constant.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 //#region components/pc/form/constant.ts
 var e = "form", t = `${e}-item`;
 //#endregion

package/form/context.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { NOOP as e } from "../utils/constant.js";
 import { createContext as t } from "react";
 import { UI_PC_PREFIX as n } from "@unicom-cloud/utils/constant/ui";

package/form/hook/useForm.d.ts

@@ -1,5 +1,5 @@
 import type { FormInstance, KeyType } from '../interface';
 export declare function getFormInstance<FormData = unknown, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData>(): FormInstance<FormData, FieldValue, FieldKey>;
-type SetForm = () => void;
-declare function useForm<FormData = unknown, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData>(form?: FormInstance<FormData, FieldValue, FieldKey>): [FormInstance<FormData, FieldValue, FieldKey> | null | undefined, SetForm];
+type InitForm = () => void;
+declare function useForm<FormData = unknown, FieldValue = FormData[keyof FormData], FieldKey extends KeyType = keyof FormData>(form?: FormInstance<FormData, FieldValue, FieldKey>): [FormInstance<FormData, FieldValue, FieldKey>, InitForm];
 export default useForm;

package/form/hook/useForm.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import e from "../../utils/pick.js";
 import t from "../store.js";
 import { useEffect as n, useRef as r } from "react";
@@ -45,10 +45,9 @@ function i() {
 }
 function a(e) {
 	let t = r(e);
-	t.current ||= e || a();
+	t.current ||= e || i();
 	function a() {
-		let e = i();
-		return t.current = e, e;
+		return t.current = i();
 	}
 	return n(() => () => {}, []), [t.current, a];
 }

package/form/hook/useFormContext.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isFunction as e } from "../../utils/is.js";
 import t from "../../hooks/use-force-update/index.js";
 import { FormContext as n } from "../context.js";

package/form/hook/useFormState.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isEqualWith as e, isFunction as t } from "../../utils/is.js";
 import { FormContext as n } from "../context.js";
 import r from "../../utils/warning.js";

package/form/hook/useWatch.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isArray as e, isFunction as t, isString as n } from "../../utils/is.js";
 import { FormContext as r } from "../context.js";
 import i from "../../utils/warning.js";

package/form/index.d.ts

@@ -1,5 +1,4 @@
 import { FormContext, FormItemContext, FormListContext, FormProviderContext } from './context';
-import Component from './Form';
 import FormControl from './FormControl';
 import FormItem from './FormItem';
 import FormItemLabel from './FormItemLabel';
@@ -13,23 +12,38 @@ import useFormState from './hook/useFormState';
 import useWatch from './hook/useWatch';
 import type { FormInstance, FormItemProps, FormProps, FormProviderProps } from './interface';
 import { ValidateError } from './utils';
-type FormRef = typeof Component;
-export interface FormComponent extends FormRef {
-    Item: typeof FormItem;
+declare const Form: import("react").ForwardRefExoticComponent<FormProps<unknown, unknown, import("./interface").KeyType> & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<FormInstance<unknown, unknown, import("./interface").KeyType>>> & {
+    id: string;
+    Provider: (props: import("react").PropsWithChildren<FormProviderProps>) => import("react/jsx-runtime").JSX.Element;
+    Item: <FormData, FieldValue = FormData[keyof FormData], FieldKey extends import("./interface").KeyType = keyof FormData>(props: FormItemProps<FormData, FieldValue, FieldKey> & {
+        ref?: React.Ref<any>;
+    }) => React.ReactElement;
     List: typeof FormList;
-    FormControl: typeof FormControl;
-    Provider: typeof FormProvider;
+    Control: import("react").ForwardRefExoticComponent<import("./interface").FormControlProps<unknown, unknown, import("./interface").KeyType> & import("react").RefAttributes<import("./FormControl").FormControlImperativeHandle<unknown, unknown, import("./interface").KeyType>>> & {
+        isFormControl: boolean;
+    };
     getFormInstance: typeof getFormInstance;
     useForm: typeof useForm;
     useFormContext: typeof useFormContext;
     useWatch: typeof useWatch;
     useFormState: typeof useFormState;
-    FormContext: typeof FormContext;
-    FormItemContext: typeof FormItemContext;
-    FormProviderContext: typeof FormProviderContext;
-    FormListContext: typeof FormListContext;
-}
-declare const Form: FormComponent;
-export { FormContext, FormControl, FormItem, FormItemContext, FormItemLabel, FormItemTip, FormLabelSymbol, FormList, FormListContext, FormProvider, FormProviderContext, getFormInstance, useForm, useFormContext, useFormState, useWatch as useFormWatch, ValidateError, };
+    Context: import("react").Context<import("./interface").FormContextProps>;
+    ItemContext: import("react").Context<import("./interface").FormItemContextProps>;
+    ProviderContext: import("react").Context<{
+        register?: (name: string, form: FormInstance) => void;
+        onFormValuesChange?: (id: string | undefined, changedValues: any) => void;
+        onFormSubmit?: (id: string | undefined, values: any) => void;
+        onFormReset?: (id: string | undefined, values: any) => void;
+    }>;
+    ListContext: import("react").Context<{
+        hidden?: boolean;
+    }>;
+    LabelSymbol: typeof FormLabelSymbol;
+    ItemLabel: typeof FormItemLabel;
+    ItemTip: import("react").ForwardRefExoticComponent<import("./interface").FormItemTipProps & import("react").RefAttributes<unknown>>;
+};
+export { FormContext, FormControl, FormItem, FormItemContext, FormItemLabel, FormItemTip, FormLabelSymbol, FormList, FormListContext, FormProvider, FormProviderContext, ValidateError as FormValidateError, getFormInstance, useForm, useFormContext, useFormState, useWatch as useFormWatch, };
 export default Form;
 export type { FormInstance, FormItemProps, FormProps, FormProviderProps };

package/form/index.js

@@ -1,37 +1,39 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
-import { FormContext as e, FormItemContext as t, FormListContext as n, FormProviderContext as r } from "./context.js";
-import { ValidateError as i } from "./utils.js";
-import a, { getFormInstance as o } from "./hook/useForm.js";
-import s from "./Form.js";
-import c from "./FormControl.js";
-import l from "./FormLabelSymbol.js";
-import u from "./FormItemLabel.js";
-import d from "./FormItemTip.js";
-import f from "./FormItem.js";
-import p from "./FormList.js";
-import m from "./FormProvider.js";
-import h from "./hook/useFormContext.js";
-import g from "./hook/useFormState.js";
-import _ from "./hook/useWatch.js";
-//#region components/pc/form/index.tsx
-var v = Object.assign(s, {
-	Provider: m,
-	Item: f,
-	List: p,
-	Control: c,
-	getFormInstance: o,
-	useForm: a,
-	useFormContext: h,
-	useWatch: _,
-	useFormState: g,
-	Context: e,
-	ItemContext: t,
-	ProviderContext: r,
-	ListContext: n,
-	LabelSymbol: l,
-	ItemLabel: u,
-	ItemTip: d
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
+import { FORM_COMPONENT_INFO as e } from "../utils/names.js";
+import { FormContext as t, FormItemContext as n, FormListContext as r, FormProviderContext as i } from "./context.js";
+import { ValidateError as a } from "./utils.js";
+import o, { getFormInstance as s } from "./hook/useForm.js";
+import c from "./Form.js";
+import l from "./FormControl.js";
+import u from "./FormLabelSymbol.js";
+import d from "./FormItemLabel.js";
+import f from "./FormItemTip.js";
+import p from "./FormItem.js";
+import m from "./FormList.js";
+import h from "./FormProvider.js";
+import g from "./hook/useFormContext.js";
+import _ from "./hook/useFormState.js";
+import v from "./hook/useWatch.js";
+//#region components/pc/form/index.ts
+var y = Object.assign(c, {
+	id: e.id,
+	Provider: h,
+	Item: p,
+	List: m,
+	Control: l,
+	getFormInstance: s,
+	useForm: o,
+	useFormContext: g,
+	useWatch: v,
+	useFormState: _,
+	Context: t,
+	ItemContext: n,
+	ProviderContext: i,
+	ListContext: r,
+	LabelSymbol: u,
+	ItemLabel: d,
+	ItemTip: f
 });
 //#endregion
-export { e as FormContext, c as FormControl, f as FormItem, t as FormItemContext, u as FormItemLabel, d as FormItemTip, l as FormLabelSymbol, p as FormList, n as FormListContext, m as FormProvider, r as FormProviderContext, i as ValidateError, v as default, o as getFormInstance, a as useForm, h as useFormContext, g as useFormState, _ as useFormWatch };
+export { t as FormContext, l as FormControl, p as FormItem, n as FormItemContext, d as FormItemLabel, f as FormItemTip, u as FormLabelSymbol, m as FormList, r as FormListContext, h as FormProvider, i as FormProviderContext, a as FormValidateError, y as default, s as getFormInstance, o as useForm, g as useFormContext, _ as useFormState, v as useFormWatch };
 /* 独立思考，明辨是非 */

package/form/interface.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import "./store.js";
 import "react";
 import "react/jsx-runtime";

package/form/promisify.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isFunction as e } from "../utils/is.js";
 import { ValidateError as t } from "./utils.js";
 //#region components/pc/form/promisify.ts

package/form/store.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isArray as e, isArrayAndNotEmpty as t, isExist as n, isFunction as r, isPlainObject as i, isPromise as a, isUndefined as o } from "../utils/is.js";
 import { NOOP as s } from "../utils/constant.js";
 import { SubmitStatus as c } from "./interface.js";

package/form/utils.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isArray as e, isFunction as t, isNumber as n, isObjectLike as r, isPlainObject as i, isSparseArray as a, isString as o, isUndefined as s } from "../utils/is.js";
 import { ValidatorSchema as c } from "../utils/validate.js";
 import l from "react";

package/global-provider/GlobalProvider.js

@@ -1,18 +1,19 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
-import e from "../config-provider/initUI.js";
-import t from "./context.js";
-import { useEffect as n, useLayoutEffect as r } from "react";
-import { jsx as i } from "react/jsx-runtime";
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
+import { GLOBAL_PROVIDER_COMPONENT_INFO as e } from "../utils/names.js";
+import t from "../config-provider/initUI.js";
+import n from "./context.js";
+import { useEffect as r, useLayoutEffect as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
 //#region components/pc/global-provider/GlobalProvider.tsx
-e();
-function a(e) {
-	let { children: a, ...o } = e;
-	return r(() => () => {}, []), n(() => () => {}, []), /* @__PURE__ */ i(t.Provider, {
+t();
+function o(e) {
+	let { children: t, ...o } = e;
+	return i(() => () => {}, []), r(() => () => {}, []), /* @__PURE__ */ a(n.Provider, {
 		value: o,
-		children: a
+		children: t
 	});
 }
-a.displayName = "GlobalProvider";
+o.displayName = e.displayName;
 //#endregion
-export { a as default };
+export { o as default };
 /* 独立思考，明辨是非 */

package/global-provider/context.js

@@ -1,6 +1,6 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { createContext as e } from "react";
-//#region components/pc/global-provider/context.tsx
+//#region components/pc/global-provider/context.ts
 var t = e({});
 //#endregion
 export { t as default };

package/global-provider/index.d.ts

@@ -3,6 +3,7 @@ import GlobalContext from './context';
 import type { GlobalProviderProps } from './interface';
 declare const GlobalConsumer: import("react").Consumer<GlobalProviderProps>;
 declare const GlobalProvider: typeof Component & {
+    id: string;
     Context: import("react").Context<GlobalProviderProps>;
     Consumer: import("react").Consumer<GlobalProviderProps>;
 };

package/global-provider/index.js

@@ -1,11 +1,13 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
-import e from "./context.js";
-import t from "./GlobalProvider.js";
-//#region components/pc/global-provider/index.tsx
-var n = e.Consumer, r = Object.assign(t, {
-	Context: e,
-	Consumer: n
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
+import { GLOBAL_PROVIDER_COMPONENT_INFO as e } from "../utils/names.js";
+import t from "./context.js";
+import n from "./GlobalProvider.js";
+//#region components/pc/global-provider/index.ts
+var r = t.Consumer, i = Object.assign(n, {
+	id: e.id,
+	Context: t,
+	Consumer: r
 });
 //#endregion
-export { n as GlobalConsumer, e as GlobalContext, r as default };
+export { r as GlobalConsumer, t as GlobalContext, i as default };
 /* 独立思考，明辨是非 */

package/grid/Grid.js

@@ -1,24 +1,25 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isNil as e, isNumber as t, isPlainObject as n, isString as r } from "../utils/is.js";
 import i from "../hooks/use-responsive-state/index.js";
 import a from "../utils/className.js";
-import o from "../hooks/use-merge-props/index.js";
-import s from "../config-provider/context.js";
+import { GRID_COMPONENT_INFO as o } from "../utils/names.js";
+import s from "../hooks/use-merge-props/index.js";
+import c from "../config-provider/context.js";
 import "../config-provider/index.js";
 import "../constant/index.js";
-import { GridContext as c } from "./context.js";
-import { forwardRef as l, useContext as u, useImperativeHandle as d, useRef as f } from "react";
-import { jsx as p } from "react/jsx-runtime";
-import { GAP_SIZE_MAP as m, processGap as h } from "@unicom-cloud/ui-common/flex/utils";
+import { GridContext as l } from "./context.js";
+import { forwardRef as u, useContext as d, useImperativeHandle as f, useRef as p } from "react";
+import { jsx as m } from "react/jsx-runtime";
+import { GAP_SIZE_MAP as h, processGap as g } from "@unicom-cloud/ui-common/flex/utils";
 //#region components/pc/grid/Grid.tsx
-var g = {
+var _ = {
 	cols: 24,
-	gap: m.small
+	gap: h.small
 };
-function _(l, m) {
-	let { prefixCls: _, getPrefixCls: v, componentConfig: y, rtl: b } = u(s), x = v?.("grid"), { style: S, className: C, children: w, cols: T, gap: E, colGap: D, rowGap: O } = o(l, g, y?.Grid);
+function v(o, u) {
+	let { prefixCls: h, getPrefixCls: v, componentConfig: y, rtl: b } = d(c), x = v?.("grid"), { style: S, className: C, children: w, cols: T, gap: E, colGap: D, rowGap: O } = s(o, _, y?.Grid);
 	e(E), e(O), e(D);
-	let k = h(E, O, D), A = i(k.rowGap, 0), j = i(k.columnGap, 0), M = i(T, 24), N = {};
+	let k = g(E, O, D), A = i(k.rowGap, 0), j = i(k.columnGap, 0), M = i(T, 24), N = {};
 	A && (N.rowGap = A), j && (N.columnGap = j);
 	{
 		let e;
@@ -30,17 +31,17 @@ function _(l, m) {
 		} else e = "repeat(auto-fit, minmax(0px, 1fr))";
 		e && (N.gridTemplateColumns = e);
 	}
-	let P = f(null);
-	return d(m, () => ({ getRootElement() {
+	let P = p(null);
+	return f(u, () => ({ getRootElement() {
 		return P.current;
-	} })), /* @__PURE__ */ p("div", {
+	} })), /* @__PURE__ */ m("div", {
 		ref: P,
 		style: {
 			...N,
 			...S
 		},
 		className: a(x, b && `${x}-rtl`, C),
-		children: /* @__PURE__ */ p(c.Provider, {
+		children: /* @__PURE__ */ m(l.Provider, {
 			value: {
 				cols: M,
 				rowGap: A,
@@ -50,8 +51,8 @@ function _(l, m) {
 		})
 	});
 }
-var v = l(_);
-v.displayName = "Grid";
+var y = u(v);
+y.displayName = o.displayName;
 //#endregion
-export { v as default };
+export { y as default };
 /* 独立思考，明辨是非 */

package/grid/Item.js

@@ -1,25 +1,26 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isNumber as e } from "../utils/is.js";
 import t from "../hooks/use-responsive-state/index.js";
 import n from "../utils/className.js";
-import r from "../hooks/use-merge-props/index.js";
-import i from "../config-provider/context.js";
+import { GRID_ITEM_COMPONENT_INFO as r } from "../utils/names.js";
+import i from "../hooks/use-merge-props/index.js";
+import a from "../config-provider/context.js";
 import "../config-provider/index.js";
-import { GridContext as a } from "./context.js";
-import { resolveItemData as o } from "./utils.js";
-import { forwardRef as s, useContext as c } from "react";
-import { jsx as l } from "react/jsx-runtime";
+import { GridContext as o } from "./context.js";
+import { resolveItemData as s } from "./utils.js";
+import { forwardRef as c, useContext as l } from "react";
+import { jsx as u } from "react/jsx-runtime";
 //#region components/pc/grid/Item.tsx
-function u(s, u) {
-	let { prefixCls: d, getPrefixCls: f, componentConfig: p, rtl: m } = c(i), h = f?.("grid-item"), { style: g, className: _, children: v, offset: y, span: b, order: x } = r(s, {
+function d(r, c) {
+	let { prefixCls: d, getPrefixCls: f, componentConfig: p, rtl: m } = l(a), h = f?.("grid-item"), { style: g, className: _, children: v, offset: y, span: b, order: x } = i(r, {
 		offset: 0,
 		span: 1
-	}, p?.GridItem), { colGap: S, cols: C } = c(a), w = t(y, 0), T = t(b, 1), { span: E, offset: D } = e(C) ? o(C, {
+	}, p?.GridItem), { colGap: S, cols: C } = l(o), w = t(y, 0), T = t(b, 1), { span: E, offset: D } = e(C) ? s(C, {
 		span: T,
 		offset: w
 	}) : {}, O = {};
-	return e(x) && (O.order = x), e(E) && (O.gridColumnStart = `span ${E}`, e(S) && e(D) && D > 0 && (O.marginInlineStart = `calc(${`(100% - ${S * (E - 1)}px) / ${E}`} * ${D} + ${S * D}px)`), O.gridColumnEnd = `span ${b}`), /* @__PURE__ */ l("div", {
-		ref: u,
+	return e(x) && (O.order = x), e(E) && (O.gridColumnStart = `span ${E}`, e(S) && e(D) && D > 0 && (O.marginInlineStart = `calc(${`(100% - ${S * (E - 1)}px) / ${E}`} * ${D} + ${S * D}px)`), O.gridColumnEnd = `span ${b}`), /* @__PURE__ */ u("div", {
+		ref: c,
 		style: {
 			...O,
 			...g
@@ -28,8 +29,8 @@ function u(s, u) {
 		children: v
 	});
 }
-var d = s(u);
-d.displayName = "Grid.Item";
+var f = c(d);
+f.displayName = r.displayName;
 //#endregion
-export { d as default };
+export { f as default };
 /* 独立思考，明辨是非 */

package/grid/context.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { createContext as e } from "react";
 //#region components/pc/grid/context.ts
 var t = e({});

package/grid/index.d.ts

@@ -4,8 +4,10 @@ import { GridContext } from './context';
 import type { GridProps, GridTemplateColumnsAuto, GridUnitProps } from './interface';
 import Item from './Item';
 declare const Grid: import("react").ForwardRefExoticComponent<GridProps & import("react").RefAttributes<unknown>> & {
+    id: string;
     Item: import("react").ForwardRefExoticComponent<import("./interface").GridItemProps & import("react").RefAttributes<unknown>>;
     Row: import("react").ForwardRefExoticComponent<import("..").RowProps & import("react").RefAttributes<HTMLDivElement>> & {
+        id: string;
         Item: import("react").ForwardRefExoticComponent<import("..").ColProps & import("react").RefAttributes<HTMLDivElement>>;
         Col: import("react").ForwardRefExoticComponent<import("..").ColProps & import("react").RefAttributes<HTMLDivElement>>;
         Context: import("react").Context<{

package/grid/index.js

@@ -1,16 +1,18 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
-import e from "../row-col/Col.js";
-import t from "../row-col/index.js";
-import { GridContext as n } from "./context.js";
-import r from "./Grid.js";
-import i from "./Item.js";
-//#region components/pc/grid/index.tsx
-var a = Object.assign(r, {
-	Item: i,
-	Row: t,
-	Col: e,
-	Context: n
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
+import { GRID_COMPONENT_INFO as e } from "../utils/names.js";
+import t from "../row-col/Col.js";
+import n from "../row-col/index.js";
+import { GridContext as r } from "./context.js";
+import i from "./Grid.js";
+import a from "./Item.js";
+//#region components/pc/grid/index.ts
+var o = Object.assign(i, {
+	id: e.id,
+	Item: a,
+	Row: n,
+	Col: t,
+	Context: r
 });
 //#endregion
-export { e as GridCol, n as GridContext, i as GridItem, t as GridRow, a as default };
+export { t as GridCol, r as GridContext, a as GridItem, n as GridRow, o as default };
 /* 独立思考，明辨是非 */

package/grid/utils.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 //#region components/pc/grid/utils.ts
 function e(e, { span: t, offset: n }) {
 	let r = t ?? 1, i = n ?? 0, a = Math.min(i, e);

package/hooks/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import e from "./use-breakpoint/index.js";
 import t from "./use-responsive-state/index.js";
 import n from "./use-verification-code/index.js";

package/hooks/use-breakpoint/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import e from "../../utils/responsiveObserve.js";
 import t from "../use-force-update/index.js";
 import { useEffect as n, useRef as r } from "react";