Commit 43e4c21950ea3659c538ecc29b04b0377a6de874

Authored by Netfan
Committed by GitHub
1 parent 9cd293c2

fix(table): columns ref fixed(#564) (#573)

src/components/Table/src/hooks/useColumns.ts
@@ -113,7 +113,7 @@ export function useColumns( @@ -113,7 +113,7 @@ export function useColumns(
113 let cacheColumns = unref(propsRef).columns; 113 let cacheColumns = unref(propsRef).columns;
114 114
115 const getColumnsRef = computed(() => { 115 const getColumnsRef = computed(() => {
116 - const columns = unref(columnsRef); 116 + const columns = cloneDeep(unref(columnsRef));
117 117
118 handleIndexColumn(propsRef, getPaginationRef, columns); 118 handleIndexColumn(propsRef, getPaginationRef, columns);
119 handleActionColumn(propsRef, columns); 119 handleActionColumn(propsRef, columns);
@@ -122,8 +122,7 @@ export function useColumns( @@ -122,8 +122,7 @@ export function useColumns(
122 } 122 }
123 const { ellipsis } = unref(propsRef); 123 const { ellipsis } = unref(propsRef);
124 124
125 - const cloneColumns = cloneDeep(columns);  
126 - cloneColumns.forEach((item) => { 125 + columns.forEach((item) => {
127 const { customRender, slots } = item; 126 const { customRender, slots } = item;
128 127
129 handleItem( 128 handleItem(
@@ -131,7 +130,7 @@ export function useColumns( @@ -131,7 +130,7 @@ export function useColumns(
131 Reflect.has(item, 'ellipsis') ? !!item.ellipsis : !!ellipsis && !customRender && !slots 130 Reflect.has(item, 'ellipsis') ? !!item.ellipsis : !!ellipsis && !customRender && !slots
132 ); 131 );
133 }); 132 });
134 - return cloneColumns; 133 + return columns;
135 }); 134 });
136 135
137 function isIfShow(column: BasicColumn): boolean { 136 function isIfShow(column: BasicColumn): boolean {