@gx-design-vue/pro-table 0.2.0-alpha.15 → 0.2.0-alpha.16

package/dist/ProTable.js

@@ -87,6 +87,20 @@ const ForwardProTable = /* @__PURE__ */ defineComponent((props, { attrs, slots,
 		loading: computed(() => props.loading),
 		onChange: (val) => props.onLoadingChange?.(val)
 	});
+	/**
+	* loading 指示器解析：
+	* 优先级 loading(SpinProps).indicator > 全局 configContext.indicator > Spin 默认。
+	* configContext.indicator 可能是函数，需调用取值（与 AppPage 一致）。
+	*/
+	const resolvedIndicator = computed(() => {
+		const loadingProp = props.loading;
+		if (loadingProp && typeof loadingProp === "object") {
+			const indicator = loadingProp.indicator;
+			if (indicator !== void 0) return indicator;
+		}
+		const ctxIndicator = configContext?.indicator?.value;
+		return typeof ctxIndicator === "function" ? ctxIndicator() : ctxIndicator;
+	});
 	const { selectedRowKeys, selectedItems, mergedRowSelection, select: selectRow, selectAll: selectAllRows, remove: removeSelectedKeys, clear: clearSelectedKeys, sync: syncSelectedRows } = useRowSelection({
 		rowKey: computed(() => props.rowKey),
 		rowSelection: computed(() => props.rowSelection),
@@ -372,7 +386,7 @@ const ForwardProTable = /* @__PURE__ */ defineComponent((props, { attrs, slots,
 			"listToolAfter": slots.listToolAfter?.() ?? props.listToolAfter,
 			"proClasses": props.proClasses ?? {},
 			"proStyles": props.proStyles ?? {}
-		}, null), isCustomRenderMode.value ? createVNode(Spin, { "spinning": !!loadingState.value }, { default: () => [createVNode("div", { "class": classNames(`${prefixCls.value}-list`, props.proClasses?.list) }, [createVNode("div", {
+		}, null), createVNode("div", { "class": `${prefixCls.value}-loading-container` }, [isCustomRenderMode.value ? createVNode("div", { "class": classNames(`${prefixCls.value}-list`, props.proClasses?.list) }, [createVNode("div", {
 			"class": classNames(`${prefixCls.value}-list-content`, props.proClasses?.listContent),
 			"style": props.proStyles?.listContent
 		}, [renderCustomContent()]), paginationInfo.value !== false && dataSource.value?.length > 0 && createVNode(Pagination, mergeProps(paginationInfo.value, {
@@ -380,7 +394,7 @@ const ForwardProTable = /* @__PURE__ */ defineComponent((props, { attrs, slots,
 			"class": classNames(`${prefixCls.value}-pagination`, props.proClasses?.pagination),
 			"style": props.proStyles?.pagination,
 			"onChange": onCustomPaginationChange
-		}), null)])] }) : createVNode(Fragment, null, [createVNode(Table, mergeProps(passThroughProps.value, {
+		}), null)]) : createVNode(Fragment, null, [createVNode(Table, mergeProps(passThroughProps.value, {
 			"scroll": tableScroll.value,
 			"dataSource": dataSource.value,
 			"columns": props.draggable ? resizableColumns.value : tableColumns.value,
@@ -388,7 +402,7 @@ const ForwardProTable = /* @__PURE__ */ defineComponent((props, { attrs, slots,
 			"rowKey": props.rowKey,
 			"size": tableSize.value,
 			"pagination": paginationInfo.value,
-			"loading": loadingState.value,
+			"loading": false,
 			"rowSelection": mergedRowSelection.value,
 			"onChange": onTableChange,
 			"onUpdate:expandedRowKeys": onTableExpandedRowKeysChange,
@@ -400,7 +414,7 @@ const ForwardProTable = /* @__PURE__ */ defineComponent((props, { attrs, slots,
 		}), tableSlots.value), scrollEl.value && createVNode(Teleport, { "to": scrollEl.value }, { default: () => [createVNode(Bar_default, {
 			"ref": barRef,
 			"hasScrollY": !!tableScroll.value.y
-		}, null)] })])])])]);
+		}, null)] })]), loadingState.value && createVNode("div", { "class": classNames(`${prefixCls.value}-loading-mask`, hashId.value) }, [createVNode(Spin, { "indicator": resolvedIndicator.value }, null)])])])])]);
 	};
 }, {
 	props: /* @__PURE__ */ mergeDefaults({

package/dist/components/ScrollBar/Bar.d.ts

@@ -70,11 +70,11 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
 }>> & Readonly<{}>, {
   readonly always: boolean;
-  readonly minSize: number;
   readonly barStyle: {
     x: CSSProperties;
     y: CSSProperties;
   };
+  readonly minSize: number;
   readonly hasScrollY: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion

package/dist/components/ScrollBar/Thumb.d.ts

@@ -44,9 +44,9 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     readonly default: () => {};
   };
 }>> & Readonly<{}>, {
+  readonly vertical: boolean;
   readonly always: boolean;
   readonly barStyle: CSSProperties;
-  readonly vertical: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { _default as default, thumbProps };

package/dist/components/SearchForm/FormItemContainer.d.ts

@@ -67,9 +67,9 @@ declare const FormItemContainer: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     default: any;
   };
 }>> & Readonly<{}>, {
+  onSubmit: () => void;
   autoRequest: boolean;
   loading: boolean;
-  onSubmit: () => void;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { FormItemContainer };

package/dist/components/SearchForm/FormItemWrapper.d.ts

@@ -70,10 +70,10 @@ declare const FormItemWrapper: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     default: any;
   };
 }>> & Readonly<{}>, {
-  hashId: string;
   label: any;
+  hashId: string;
   labelWidth: string | number;
-  labelAlign: "left" | "center" | "right";
+  labelAlign: "left" | "right" | "center";
   colon: boolean;
   formItemStyle: CSSProperties;
   globalLabelGap: number;

package/dist/components/SearchForm/SearchForm.d.ts

@@ -111,10 +111,10 @@ declare const ProTableSearchForm: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     default: any;
   };
 }>> & Readonly<{}>, {
-  loading: any;
   onReset: (params: Record<string, any>) => void;
   proClasses: Record<string, string>;
   proStyles: Record<string, any>;
+  loading: any;
   formColumns: ProSearchMap<"text", string>[];
   formConfig: FormConfig;
   formAutoRequest: boolean;

package/dist/hooks/useFetchData.js

@@ -50,7 +50,7 @@ function useFetchData(config, action) {
 	}
 	/** 写入表格数据并同步 sortIndex，无 request 时同步 dataSource total */
 	function setTableDataList(list) {
-		tableDataList.value = getSortIndex(list, toRaw(pageInfo));
+		tableDataList.value = getSortIndex(toRaw(list), toRaw(pageInfo));
 		if (!request || !isFunction(request)) {
 			const total = list.length || 0;
 			if (total !== pageInfo.total) setPagination({ total });