@sdata/web-vue 4.5.0 → 4.5.2

package/es/form/index.d.ts

@@ -9,11 +9,11 @@ declare const Form: {
             required: true;
         };
         layout: {
-            type: import("vue").PropType<"inline" | "horizontal" | "vertical">;
+            type: import("vue").PropType<"horizontal" | "inline" | "vertical">;
             default: string;
         };
         size: {
-            type: import("vue").PropType<import("../index.ts").Size>;
+            type: import("vue").PropType<import("..").Size>;
         };
         labelColProps: {
             type: ObjectConstructor;
@@ -58,11 +58,11 @@ declare const Form: {
             values: Record<string, any>;
             errors: Record<string, import("./interface").ValidatedError> | undefined;
         }, _ev: Event) => any) | undefined;
-        onSubmitSuccess?: ((_values: Record<string, any>, _ev: Event) => any) | undefined;
         onSubmitFailed?: ((_data: {
             values: Record<string, any>;
             errors: Record<string, import("./interface").ValidatedError>;
         }, _ev: Event) => any) | undefined;
+        onSubmitSuccess?: ((_values: Record<string, any>, _ev: Event) => any) | undefined;
     }>, {
         validate: (callback?: (errors: undefined | Record<string, import("./interface").ValidatedError>) => void) => Promise<undefined | Record<string, import("./interface").ValidatedError>>;
         validateField: (field: string | string[], callback?: (errors: undefined | Record<string, import("./interface").ValidatedError>) => void) => Promise<undefined | Record<string, import("./interface").ValidatedError>>;
@@ -75,17 +75,17 @@ declare const Form: {
             values: Record<string, any>;
             errors: Record<string, import("./interface").ValidatedError> | undefined;
         }, _ev: Event) => any;
-        submitSuccess: (_values: Record<string, any>, _ev: Event) => any;
         submitFailed: (_data: {
             values: Record<string, any>;
             errors: Record<string, import("./interface").ValidatedError>;
         }, _ev: Event) => any;
+        submitSuccess: (_values: Record<string, any>, _ev: Event) => any;
     }, import("vue").PublicProps, {
-        layout: "inline" | "horizontal" | "vertical";
-        disabled: boolean;
+        layout: "horizontal" | "inline" | "vertical";
         labelColProps: Record<string, any>;
         wrapperColProps: Record<string, any>;
         labelAlign: "left" | "right";
+        disabled: boolean;
         autoLabelWidth: boolean;
         scrollToFirstError: boolean | ScrollIntoViewOptions;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -101,11 +101,11 @@ declare const Form: {
             required: true;
         };
         layout: {
-            type: import("vue").PropType<"inline" | "horizontal" | "vertical">;
+            type: import("vue").PropType<"horizontal" | "inline" | "vertical">;
             default: string;
         };
         size: {
-            type: import("vue").PropType<import("../index.ts").Size>;
+            type: import("vue").PropType<import("..").Size>;
         };
         labelColProps: {
             type: ObjectConstructor;
@@ -150,11 +150,11 @@ declare const Form: {
             values: Record<string, any>;
             errors: Record<string, import("./interface").ValidatedError> | undefined;
         }, _ev: Event) => any) | undefined;
-        onSubmitSuccess?: ((_values: Record<string, any>, _ev: Event) => any) | undefined;
         onSubmitFailed?: ((_data: {
             values: Record<string, any>;
             errors: Record<string, import("./interface").ValidatedError>;
         }, _ev: Event) => any) | undefined;
+        onSubmitSuccess?: ((_values: Record<string, any>, _ev: Event) => any) | undefined;
     }>, {
         validate: (callback?: (errors: undefined | Record<string, import("./interface").ValidatedError>) => void) => Promise<undefined | Record<string, import("./interface").ValidatedError>>;
         validateField: (field: string | string[], callback?: (errors: undefined | Record<string, import("./interface").ValidatedError>) => void) => Promise<undefined | Record<string, import("./interface").ValidatedError>>;
@@ -163,11 +163,11 @@ declare const Form: {
         setFields: (data: Record<string, import("./interface").FieldData>) => void;
         scrollToField: (field: string) => void;
     }, {}, {}, {}, {
-        layout: "inline" | "horizontal" | "vertical";
-        disabled: boolean;
+        layout: "horizontal" | "inline" | "vertical";
         labelColProps: Record<string, any>;
         wrapperColProps: Record<string, any>;
         labelAlign: "left" | "right";
+        disabled: boolean;
         autoLabelWidth: boolean;
         scrollToFirstError: boolean | ScrollIntoViewOptions;
     }>;
@@ -180,11 +180,11 @@ declare const Form: {
         required: true;
     };
     layout: {
-        type: import("vue").PropType<"inline" | "horizontal" | "vertical">;
+        type: import("vue").PropType<"horizontal" | "inline" | "vertical">;
         default: string;
     };
     size: {
-        type: import("vue").PropType<import("../index.ts").Size>;
+        type: import("vue").PropType<import("..").Size>;
     };
     labelColProps: {
         type: ObjectConstructor;
@@ -229,11 +229,11 @@ declare const Form: {
         values: Record<string, any>;
         errors: Record<string, import("./interface").ValidatedError> | undefined;
     }, _ev: Event) => any) | undefined;
-    onSubmitSuccess?: ((_values: Record<string, any>, _ev: Event) => any) | undefined;
     onSubmitFailed?: ((_data: {
         values: Record<string, any>;
         errors: Record<string, import("./interface").ValidatedError>;
     }, _ev: Event) => any) | undefined;
+    onSubmitSuccess?: ((_values: Record<string, any>, _ev: Event) => any) | undefined;
 }>, {
     validate: (callback?: (errors: undefined | Record<string, import("./interface").ValidatedError>) => void) => Promise<undefined | Record<string, import("./interface").ValidatedError>>;
     validateField: (field: string | string[], callback?: (errors: undefined | Record<string, import("./interface").ValidatedError>) => void) => Promise<undefined | Record<string, import("./interface").ValidatedError>>;
@@ -246,17 +246,17 @@ declare const Form: {
         values: Record<string, any>;
         errors: Record<string, import("./interface").ValidatedError> | undefined;
     }, _ev: Event) => any;
-    submitSuccess: (_values: Record<string, any>, _ev: Event) => any;
     submitFailed: (_data: {
         values: Record<string, any>;
         errors: Record<string, import("./interface").ValidatedError>;
     }, _ev: Event) => any;
+    submitSuccess: (_values: Record<string, any>, _ev: Event) => any;
 }, string, {
-    layout: "inline" | "horizontal" | "vertical";
-    disabled: boolean;
+    layout: "horizontal" | "inline" | "vertical";
     labelColProps: Record<string, any>;
     wrapperColProps: Record<string, any>;
     labelAlign: "left" | "right";
+    disabled: boolean;
     autoLabelWidth: boolean;
     scrollToFirstError: boolean | ScrollIntoViewOptions;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -319,8 +319,8 @@ declare const Form: {
             labelColStyle: ObjectConstructor;
             wrapperColStyle: ObjectConstructor;
             rowProps: ObjectConstructor;
-            rowClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            contentClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            rowClass: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
+            contentClass: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
             contentFlex: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -330,7 +330,7 @@ declare const Form: {
                 default: boolean;
             };
             labelColFlex: {
-                type: (StringConstructor | NumberConstructor)[];
+                type: (NumberConstructor | StringConstructor)[];
             };
             feedback: {
                 type: BooleanConstructor;
@@ -342,18 +342,18 @@ declare const Form: {
             };
             labelAttrs: ObjectConstructor;
         }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+            field: string;
+            showColon: boolean;
+            noStyle: boolean;
             disabled: boolean;
             required: boolean;
-            feedback: boolean;
-            showColon: boolean;
             asteriskPosition: string;
-            field: string;
-            noStyle: boolean;
-            validateTrigger: "focus" | "blur" | "change" | "input" | ("focus" | "blur" | "change" | "input")[];
+            validateTrigger: "blur" | "change" | "focus" | "input" | ("blur" | "change" | "focus" | "input")[];
             hideLabel: boolean;
             hideAsterisk: boolean;
             contentFlex: boolean;
             mergeProps: boolean | ((props: Record<string, any>) => Record<string, any>);
+            feedback: boolean;
             labelComponent: string;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -416,8 +416,8 @@ declare const Form: {
             labelColStyle: ObjectConstructor;
             wrapperColStyle: ObjectConstructor;
             rowProps: ObjectConstructor;
-            rowClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-            contentClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            rowClass: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
+            contentClass: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
             contentFlex: {
                 type: BooleanConstructor;
                 default: boolean;
@@ -427,7 +427,7 @@ declare const Form: {
                 default: boolean;
             };
             labelColFlex: {
-                type: (StringConstructor | NumberConstructor)[];
+                type: (NumberConstructor | StringConstructor)[];
             };
             feedback: {
                 type: BooleanConstructor;
@@ -439,18 +439,18 @@ declare const Form: {
             };
             labelAttrs: ObjectConstructor;
         }>> & Readonly<{}>, {}, {}, {}, {}, {
+            field: string;
+            showColon: boolean;
+            noStyle: boolean;
             disabled: boolean;
             required: boolean;
-            feedback: boolean;
-            showColon: boolean;
             asteriskPosition: string;
-            field: string;
-            noStyle: boolean;
-            validateTrigger: "focus" | "blur" | "change" | "input" | ("focus" | "blur" | "change" | "input")[];
+            validateTrigger: "blur" | "change" | "focus" | "input" | ("blur" | "change" | "focus" | "input")[];
             hideLabel: boolean;
             hideAsterisk: boolean;
             contentFlex: boolean;
             mergeProps: boolean | ((props: Record<string, any>) => Record<string, any>);
+            feedback: boolean;
             labelComponent: string;
         }>;
         __isFragment?: never;
@@ -510,8 +510,8 @@ declare const Form: {
         labelColStyle: ObjectConstructor;
         wrapperColStyle: ObjectConstructor;
         rowProps: ObjectConstructor;
-        rowClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        contentClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+        rowClass: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
+        contentClass: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
         contentFlex: {
             type: BooleanConstructor;
             default: boolean;
@@ -521,7 +521,7 @@ declare const Form: {
             default: boolean;
         };
         labelColFlex: {
-            type: (StringConstructor | NumberConstructor)[];
+            type: (NumberConstructor | StringConstructor)[];
         };
         feedback: {
             type: BooleanConstructor;
@@ -533,18 +533,18 @@ declare const Form: {
         };
         labelAttrs: ObjectConstructor;
     }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        field: string;
+        showColon: boolean;
+        noStyle: boolean;
         disabled: boolean;
         required: boolean;
-        feedback: boolean;
-        showColon: boolean;
         asteriskPosition: string;
-        field: string;
-        noStyle: boolean;
-        validateTrigger: "focus" | "blur" | "change" | "input" | ("focus" | "blur" | "change" | "input")[];
+        validateTrigger: "blur" | "change" | "focus" | "input" | ("blur" | "change" | "focus" | "input")[];
         hideLabel: boolean;
         hideAsterisk: boolean;
         contentFlex: boolean;
         mergeProps: boolean | ((props: Record<string, any>) => Record<string, any>);
+        feedback: boolean;
         labelComponent: string;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {

package/es/form/interface.d.ts

@@ -1,6 +1,6 @@
-export declare const VALIDATE_STATUSES: readonly ["success", "warning", "error", "validating"];
+export declare const VALIDATE_STATUSES: readonly ['success', 'warning', 'error', 'validating'];
 export type ValidateStatus = (typeof VALIDATE_STATUSES)[number];
-export declare const VALIDATE_TRIGGERS: readonly ["change", "input", "focus", "blur"];
+export declare const VALIDATE_TRIGGERS: readonly ['change', 'input', 'focus', 'blur'];
 export type ValidateTrigger = (typeof VALIDATE_TRIGGERS)[number];
 export interface FieldRule<FieldValue = any> {
     type?: 'string' | 'number' | 'boolean' | 'array' | 'object' | 'email' | 'url' | 'ip';

package/es/form/utils.d.ts

@@ -4,6 +4,6 @@ export declare function getValueByPath(obj: any, path: string, strict: boolean):
     k: string;
     v: unknown;
 };
-export declare const getFinalValidateStatus: (validateStatus: Record<string, ValidateStatus | "">) => "" | "success" | "warning" | "error" | "validating";
+export declare const getFinalValidateStatus: (validateStatus: Record<string, ValidateStatus | ''>) => "" | "error" | "success" | "validating" | "warning";
 export declare const getFinalValidateMessage: (validateMessage: Record<string, string>) => string[];
 export declare const getFormElementId: (prefix: string | undefined, field: string) => string;

package/es/grid/context.d.ts

@@ -13,7 +13,7 @@ export type GridContext = Readonly<{
 }>;
 export declare const GridContextInjectionKey: InjectionKey<GridContext>;
 export type GridDataCollector = Readonly<{
-    collectItemData: (index: number, itemData: GridItemData) => void;
-    removeItemData: (index: number) => void;
+    collectItemData: (id: number, index: number, itemData: GridItemData) => void;
+    removeItemData: (id: number) => void;
 }>;
 export declare const GridDataCollectorInjectionKey: InjectionKey<GridDataCollector>;

package/es/grid/{grid-col.vue.d.ts → grid-col.vue.d.vue.ts}

@@ -44,7 +44,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         }>;
     };
     flex: {
-        type: PropType<number | string | "initial" | "auto" | "none">;
+        type: PropType<number | string | 'initial' | 'auto' | 'none'>;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     span: {
@@ -86,7 +86,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         }>;
     };
     flex: {
-        type: PropType<number | string | "initial" | "auto" | "none">;
+        type: PropType<number | string | 'initial' | 'auto' | 'none'>;
     };
 }>> & Readonly<{}>, {
     span: number;

package/es/grid/grid-col.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNull, isNumber, isObject, isString, isUndefined } from "../_utils/is.js";
 import pick from "../_utils/pick.js";
@@ -102,14 +102,15 @@ var grid_col_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 				if (hasBreakpointValue(screenValue) && isNumber(screenValue)) result[`${prefixCls}-${screen}-${screenValue}`] = true;
 				else if (hasBreakpointValue(screenValue) && isObject(screenValue)) {
 					result[`${prefixCls}-${screen}-${screenValue.span}`] = screenValue.span;
-					result[`${prefixCls}-${screen}-offset-${screenValue.offset}`] = screenValue.offset;
-					result[`${prefixCls}-${screen}-order-${screenValue.order}`] = screenValue.order;
+					result[`${prefixCls}-${screen}-offset-${screenValue.offset}`] = hasBreakpointValue(screenValue.offset);
+					result[`${prefixCls}-${screen}-order-${screenValue.order}`] = hasBreakpointValue(screenValue.order);
 				}
 			});
 			return result;
 		});
 		const classNames = computed(() => {
-			return flexValue.value ? prefixCls : mergeClassName.value;
+			if (rowContext.div) return void 0;
+			return flexValue.value !== void 0 ? prefixCls : mergeClassName.value;
 		});
 		const paddingStyles = computed(() => {
 			const { gutter, div } = rowContext;
@@ -128,15 +129,15 @@ var grid_col_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			}
 			return result;
 		});
-		const flexStyles = computed(() => flexValue.value ? { flex: flexValue.value } : {});
+		const flexStyles = computed(() => flexValue.value !== void 0 ? { flex: flexValue.value } : {});
 		const responsiveConfig = computed(() => pick(props, responsiveArray));
 		const propSpan = useResponsiveValue(computed(() => _objectSpread2({
 			val: props.span,
 			key: "span"
 		}, responsiveConfig.value)));
 		const responsiveSpan = useResponsiveState(propSpan, 24, true);
-		const visible = computed(() => !!responsiveSpan.value);
-		const styles = computed(() => _objectSpread2(_objectSpread2({}, paddingStyles.value), flexStyles.value));
+		const visible = computed(() => rowContext.div || !!responsiveSpan.value);
+		const styles = computed(() => rowContext.div ? {} : _objectSpread2(_objectSpread2({}, paddingStyles.value), flexStyles.value));
 		return (_ctx, _cache) => {
 			return visible.value ? (openBlock(), createElementBlock("div", {
 				key: 0,

package/es/grid/grid-item.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,10 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useIndex } from "../_hooks/use-index.js";
 import { GridContextInjectionKey, GridDataCollectorInjectionKey } from "./context.js";
 import { useResponsiveState } from "./hook/use-responsive-state.js";
 import { resolveItemData } from "./utils/index.js";
-import { computed, createElementBlock, defineComponent, inject, normalizeClass, normalizeStyle, onUnmounted, openBlock, ref, renderSlot, toRefs, watchEffect } from "vue";
+import { computed, createElementBlock, defineComponent, getCurrentInstance, inject, normalizeClass, normalizeStyle, onUnmounted, openBlock, ref, renderSlot, toRefs, watchEffect } from "vue";
 //#region components/grid/grid-item.vue?vue&type=script&setup=true&lang.ts
 /**
 * @version 2.15.0
@@ -43,6 +43,7 @@ var grid_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		const props = __props;
 		const prefixCls = getPrefixCls("grid-item");
 		const domRef = ref();
+		const itemId = getCurrentInstance().uid;
 		const { computedIndex } = useIndex({
 			itemRef: domRef,
 			selector: `.${prefixCls}`
@@ -89,10 +90,10 @@ var grid_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		});
 		const overflow = computed(() => gridContext.overflow);
 		watchEffect(() => {
-			if (computedIndex.value !== -1) gridDataCollector === null || gridDataCollector === void 0 || gridDataCollector.collectItemData(computedIndex.value, itemData.value);
+			if (computedIndex.value !== -1) gridDataCollector === null || gridDataCollector === void 0 || gridDataCollector.collectItemData(itemId, computedIndex.value, itemData.value);
 		});
 		onUnmounted(() => {
-			if (computedIndex.value !== -1) gridDataCollector === null || gridDataCollector === void 0 || gridDataCollector.removeItemData(computedIndex.value);
+			gridDataCollector === null || gridDataCollector === void 0 || gridDataCollector.removeItemData(itemId);
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {

package/es/grid/{grid-row.vue.d.ts → grid-row.vue.d.vue.ts}

@@ -10,11 +10,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: number;
     };
     justify: {
-        type: PropType<"start" | "center" | "end" | "space-around" | "space-between">;
+        type: PropType<'start' | 'center' | 'end' | 'space-around' | 'space-between'>;
         default: string;
     };
     align: {
-        type: PropType<"start" | "center" | "end" | "stretch">;
+        type: PropType<'start' | 'center' | 'end' | 'stretch'>;
         default: string;
     };
     div: {
@@ -30,11 +30,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: number;
     };
     justify: {
-        type: PropType<"start" | "center" | "end" | "space-around" | "space-between">;
+        type: PropType<'start' | 'center' | 'end' | 'space-around' | 'space-between'>;
         default: string;
     };
     align: {
-        type: PropType<"start" | "center" | "end" | "stretch">;
+        type: PropType<'start' | 'center' | 'end' | 'stretch'>;
         default: string;
     };
     div: {
@@ -45,11 +45,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    wrap: boolean;
-    justify: "space-around" | "space-between" | "center" | "end" | "start";
-    div: boolean;
     gutter: number | ResponsiveValue | [number | ResponsiveValue, number | ResponsiveValue];
-    align: "stretch" | "center" | "end" | "start";
+    justify: "center" | "end" | "space-around" | "space-between" | "start";
+    align: "center" | "end" | "start" | "stretch";
+    div: boolean;
+    wrap: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/grid/grid-row.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { RowContextInjectionKey } from "./context.js";
 import { useResponsiveState } from "./hook/use-responsive-state.js";
@@ -54,6 +54,7 @@ var grid_row_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 		const { gutter, align, justify, div, wrap } = toRefs(__props);
 		const prefixCls = getPrefixCls("row");
 		const classNames = computed(() => {
+			if (div.value) return {};
 			return {
 				[`${prefixCls}`]: !div.value,
 				[`${prefixCls}-nowrap`]: !wrap.value,

package/es/grid/grid.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { GridContextInjectionKey, GridDataCollectorInjectionKey } from "./context.js";
 import { useResponsiveState } from "./hook/use-responsive-state.js";
@@ -66,11 +66,7 @@ var grid_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			"grid-template-columns": `repeat(${resCols.value}, minmax(0px, 1fr))`
 		}]);
 		const itemDataMap = reactive(/* @__PURE__ */ new Map());
-		const itemDataList = computed(() => {
-			const list = [];
-			for (const [index, itemData] of itemDataMap.entries()) list[index] = itemData;
-			return list;
-		});
+		const itemEntries = computed(() => [...itemDataMap.values()].sort((a, b) => a.index - b.index));
 		const gridContext = reactive({
 			overflow: false,
 			displayIndexList: [],
@@ -86,18 +82,21 @@ var grid_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 				cols: resCols.value,
 				collapsed: collapsed.value,
 				collapsedRows: collapsedRows.value,
-				itemDataList: itemDataList.value
+				itemDataList: itemEntries.value.map((item) => item.data)
 			});
 			gridContext.overflow = displayInfo.overflow;
-			gridContext.displayIndexList = displayInfo.displayIndexList;
+			gridContext.displayIndexList = displayInfo.displayIndexList.map((index) => itemEntries.value[index].index);
 		});
 		provide(GridContextInjectionKey, gridContext);
 		provide(GridDataCollectorInjectionKey, {
-			collectItemData(index, itemData) {
-				itemDataMap.set(index, itemData);
+			collectItemData(id, index, itemData) {
+				itemDataMap.set(id, {
+					index,
+					data: itemData
+				});
 			},
-			removeItemData(index) {
-				itemDataMap.delete(index);
+			removeItemData(id) {
+				itemDataMap.delete(id);
 			}
 		});
 		return (_ctx, _cache) => {