vft 0.0.524 → 0.0.525

package/lib/components/table/table.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,1043 @@
+const require_form_register = require("../../utils/form-register.cjs");
+const require_index = require("../../hooks/use-namespace/index.cjs");
+const require_use_form = require("../super-form/use/use-form.cjs");
+const require_constants = require("../empty/constants.cjs");
+const require_index$1 = require("../empty/index.cjs");
+const require_directive = require("../loading/directive.cjs");
+const require_index$2 = require("../client-only/index.cjs");
+const require_index$3 = require("../pagination/index.cjs");
+const require_index$4 = require("../skeleton/index.cjs");
+const require_index$5 = require("../super-form/index.cjs");
+require("./constants.cjs");
+const require_use_columns = require("./use/use-columns.cjs");
+const require_use_data_source = require("./use/use-data-source.cjs");
+const require_use_loading = require("./use/use-loading.cjs");
+const require_use_pagination = require("./use/use-pagination.cjs");
+let _vft_utils = require("@vft/utils");
+let vue = require("vue");
+//#region ../../packages/components/table/table.vue?vue&type=script&setup=true&lang.tsx
+const __default__ = (0, vue.defineComponent)({ name: "vft-table" });
+var table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	...__default__,
+	props: {
+		sticky: {
+			type: [Boolean, Object],
+			required: false
+		},
+		api: {
+			type: Function,
+			required: false
+		},
+		pageSize: {
+			type: Number,
+			required: false,
+			default: 15
+		},
+		total: {
+			type: Number,
+			required: false
+		},
+		rowkey: {
+			type: String,
+			required: false,
+			default: "_X_ROW_KEY"
+		},
+		immediate: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		fetchSetting: {
+			type: Object,
+			required: false
+		},
+		watchApiFetch: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		beforeFetch: {
+			type: Function,
+			required: false
+		},
+		delEmptyParams: {
+			type: [Boolean, String],
+			required: false,
+			default: "strict"
+		},
+		afterFetch: {
+			type: Function,
+			required: false
+		},
+		transformParams: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		extraParams: {
+			type: null,
+			required: false
+		},
+		extraSysHeight: {
+			type: Number,
+			required: false,
+			default: 200
+		},
+		pageHeight: {
+			type: Number,
+			required: false,
+			default: 40
+		},
+		showPager: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		addMaxHeight: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		pagination: {
+			type: Object,
+			required: false
+		},
+		formOptions: {
+			type: Object,
+			required: false
+		},
+		onChange: {
+			type: Function,
+			required: false
+		},
+		emptyCfg: {
+			type: Object,
+			required: false,
+			default: () => ({ type: require_constants.EmptyEnum.NoData })
+		},
+		loadingCfg: {
+			type: Object,
+			required: false
+		},
+		layouts: {
+			type: Array,
+			required: false
+		},
+		columns: {
+			type: Array,
+			required: false
+		},
+		pagerConfig: {
+			type: Object,
+			required: false
+		},
+		proxyConfig: {
+			type: Object,
+			required: false
+		},
+		toolbarConfig: {
+			type: Object,
+			required: false,
+			default: () => ({
+				enabled: false,
+				slots: { buttons: "toolbarButtons" }
+			})
+		},
+		formConfig: {
+			type: Object,
+			required: false
+		},
+		zoomConfig: {
+			type: Object,
+			required: false
+		},
+		size: {
+			type: [null, String],
+			required: false
+		},
+		id: {
+			type: [String, Function],
+			required: false
+		},
+		data: {
+			type: Array,
+			required: false
+		},
+		height: {
+			type: [Number, String],
+			required: false
+		},
+		minHeight: {
+			type: [Number, String],
+			required: false
+		},
+		maxHeight: {
+			type: [Number, String],
+			required: false
+		},
+		stripe: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		padding: {
+			type: Boolean,
+			required: false
+		},
+		round: {
+			type: Boolean,
+			required: false
+		},
+		border: {
+			type: [Boolean, String],
+			required: false,
+			default: "full"
+		},
+		loading: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		align: {
+			type: [null, String],
+			required: false,
+			default: "center"
+		},
+		headerAlign: {
+			type: [null, String],
+			required: false,
+			default: "center"
+		},
+		footerAlign: {
+			type: [null, String],
+			required: false
+		},
+		showHeader: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		showFooter: {
+			type: Boolean,
+			required: false
+		},
+		footerData: {
+			type: Array,
+			required: false
+		},
+		footerMethod: {
+			type: Function,
+			required: false
+		},
+		rowClassName: {
+			type: [String, Function],
+			required: false
+		},
+		cellClassName: {
+			type: [String, Function],
+			required: false
+		},
+		headerRowClassName: {
+			type: [String, Function],
+			required: false
+		},
+		headerCellClassName: {
+			type: [String, Function],
+			required: false
+		},
+		footerRowClassName: {
+			type: [String, Function],
+			required: false
+		},
+		footerCellClassName: {
+			type: [String, Function],
+			required: false
+		},
+		cellStyle: {
+			type: [Object, Function],
+			required: false
+		},
+		rowStyle: {
+			type: [Object, Function],
+			required: false
+		},
+		headerCellStyle: {
+			type: [Object, Function],
+			required: false
+		},
+		headerRowStyle: {
+			type: [Object, Function],
+			required: false
+		},
+		footerRowStyle: {
+			type: [Object, Function],
+			required: false
+		},
+		footerCellStyle: {
+			type: [Object, Function],
+			required: false
+		},
+		mergeCells: {
+			type: Array,
+			required: false
+		},
+		mergeFooterItems: {
+			type: Array,
+			required: false
+		},
+		spanMethod: {
+			type: Function,
+			required: false
+		},
+		footerSpanMethod: {
+			type: Function,
+			required: false
+		},
+		showOverflow: {
+			type: [
+				Boolean,
+				String,
+				null
+			],
+			required: false,
+			default: "tooltip"
+		},
+		showHeaderOverflow: {
+			type: [
+				Boolean,
+				String,
+				null
+			],
+			required: false
+		},
+		showFooterOverflow: {
+			type: [
+				Boolean,
+				String,
+				null
+			],
+			required: false
+		},
+		keepSource: {
+			type: Boolean,
+			required: false
+		},
+		autoResize: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		syncResize: {
+			type: [
+				Boolean,
+				String,
+				Number
+			],
+			required: false
+		},
+		columnConfig: {
+			type: Object,
+			required: false,
+			default: () => ({
+				drag: false,
+				resizable: true,
+				minWidth: "15%"
+			})
+		},
+		rowConfig: {
+			type: Object,
+			required: false,
+			default: () => ({
+				isHover: true,
+				isCurrent: true,
+				useKey: true
+			})
+		},
+		cellConfig: {
+			type: Object,
+			required: false
+		},
+		headerCellConfig: {
+			type: Object,
+			required: false
+		},
+		footerCellConfig: {
+			type: Object,
+			required: false
+		},
+		aggregateConfig: {
+			type: Object,
+			required: false
+		},
+		rowGroupConfig: {
+			type: Object,
+			required: false
+		},
+		currentRowConfig: {
+			type: Object,
+			required: false
+		},
+		currentColumnConfig: {
+			type: Object,
+			required: false
+		},
+		dragConfig: {
+			type: Object,
+			required: false
+		},
+		rowDragConfig: {
+			type: Object,
+			required: false
+		},
+		columnDragConfig: {
+			type: Object,
+			required: false
+		},
+		customConfig: {
+			type: Object,
+			required: false
+		},
+		resizeConfig: {
+			type: Object,
+			required: false
+		},
+		resizableConfig: {
+			type: Object,
+			required: false
+		},
+		seqConfig: {
+			type: Object,
+			required: false
+		},
+		sortConfig: {
+			type: Object,
+			required: false
+		},
+		filterConfig: {
+			type: Object,
+			required: false
+		},
+		radioConfig: {
+			type: Object,
+			required: false
+		},
+		checkboxConfig: {
+			type: Object,
+			required: false
+		},
+		tooltipConfig: {
+			type: Object,
+			required: false
+		},
+		exportConfig: {
+			type: Object,
+			required: false
+		},
+		importConfig: {
+			type: Object,
+			required: false
+		},
+		printConfig: {
+			type: Object,
+			required: false
+		},
+		expandConfig: {
+			type: Object,
+			required: false
+		},
+		treeConfig: {
+			type: Object,
+			required: false
+		},
+		menuConfig: {
+			type: Object,
+			required: false
+		},
+		mouseConfig: {
+			type: Object,
+			required: false
+		},
+		areaConfig: {
+			type: Object,
+			required: false
+		},
+		fnrConfig: {
+			type: Object,
+			required: false
+		},
+		keyboardConfig: {
+			type: Object,
+			required: false
+		},
+		clipConfig: {
+			type: Object,
+			required: false
+		},
+		editConfig: {
+			type: Object,
+			required: false
+		},
+		validConfig: {
+			type: Object,
+			required: false
+		},
+		editRules: {
+			type: Object,
+			required: false
+		},
+		emptyText: {
+			type: String,
+			required: false
+		},
+		emptyRender: {
+			type: Object,
+			required: false
+		},
+		loadingConfig: {
+			type: Object,
+			required: false
+		},
+		scrollX: {
+			type: Object,
+			required: false
+		},
+		scrollY: {
+			type: Object,
+			required: false
+		},
+		virtualXConfig: {
+			type: Object,
+			required: false,
+			default: () => ({ enabled: false })
+		},
+		virtualYConfig: {
+			type: Object,
+			required: false,
+			default: () => ({ enabled: false })
+		},
+		scrollbarConfig: {
+			type: Object,
+			required: false
+		},
+		params: {
+			type: null,
+			required: false
+		},
+		resizable: {
+			type: Boolean,
+			required: false
+		},
+		highlightCurrentRow: {
+			type: Boolean,
+			required: false
+		},
+		highlightHoverRow: {
+			type: Boolean,
+			required: false
+		},
+		highlightCurrentColumn: {
+			type: Boolean,
+			required: false
+		},
+		highlightHoverColumn: {
+			type: Boolean,
+			required: false
+		},
+		highlightCell: {
+			type: Boolean,
+			required: false
+		},
+		columnKey: {
+			type: Boolean,
+			required: false
+		},
+		rowKey: {
+			type: Boolean,
+			required: false
+		},
+		rowId: {
+			type: String,
+			required: false
+		},
+		fit: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		animat: {
+			type: Boolean,
+			required: false
+		},
+		delayHover: {
+			type: Number,
+			required: false
+		}
+	},
+	emits: [
+		"update:data",
+		"keydown-start",
+		"keydown",
+		"keydown-end",
+		"paste",
+		"copy",
+		"cut",
+		"current-change",
+		"current-row-change",
+		"current-row-disabled",
+		"current-column-change",
+		"current-column-disabled",
+		"radio-change",
+		"checkbox-change",
+		"checkbox-all",
+		"checkbox-range-start",
+		"checkbox-range-change",
+		"checkbox-range-end",
+		"checkbox-range-select",
+		"cell-click",
+		"cell-dblclick",
+		"cell-menu",
+		"cell-mouseenter",
+		"cell-mouseleave",
+		"cell-selected",
+		"cell-delete-value",
+		"cell-backspace-value",
+		"header-cell-click",
+		"header-cell-dblclick",
+		"header-cell-menu",
+		"footer-cell-click",
+		"footer-cell-dblclick",
+		"footer-cell-menu",
+		"clear-merge",
+		"sort-change",
+		"clear-sort",
+		"clear-all-sort",
+		"filter-change",
+		"filter-visible",
+		"clear-filter",
+		"clear-all-filter",
+		"resizable-change",
+		"column-resizable-change",
+		"row-resizable-change",
+		"toggle-row-group-expand",
+		"toggle-row-expand",
+		"toggle-tree-expand",
+		"menu-click",
+		"edit-closed",
+		"row-dragstart",
+		"row-dragover",
+		"row-dragend",
+		"column-dragstart",
+		"column-dragover",
+		"column-dragend",
+		"enter-append-row",
+		"edit-actived",
+		"edit-activated",
+		"edit-disabled",
+		"valid-error",
+		"scroll",
+		"scroll-boundary",
+		"custom",
+		"custom-visible-change",
+		"custom-visible-all",
+		"custom-fixed-change",
+		"change-fnr",
+		"open-fnr",
+		"show-fnr",
+		"hide-fnr",
+		"fnr-change",
+		"fnr-find",
+		"fnr-find-all",
+		"fnr-replace",
+		"fnr-replace-all",
+		"cell-area-copy",
+		"cell-area-cut",
+		"cell-area-paste",
+		"cell-area-merge",
+		"clear-cell-area-selection",
+		"clear-cell-area-merge",
+		"header-cell-area-selection",
+		"cell-area-selection-invalid",
+		"cell-area-selection-start",
+		"cell-area-selection-drag",
+		"cell-area-selection-end",
+		"cell-area-extension-start",
+		"cell-area-extension-drag",
+		"cell-area-extension-end",
+		"cell-area-selection-all-start",
+		"cell-area-selection-all-end",
+		"cell-area-arrows-start",
+		"cell-area-arrows-end",
+		"active-cell-change-start",
+		"active-cell-change-end",
+		"change",
+		"sort-change",
+		"fetch-success",
+		"form-submit",
+		"form-reset",
+		"update:page-num",
+		"update:page-size",
+		"register",
+		"page-change",
+		"form-submit",
+		"form-submit-invalid",
+		"form-reset",
+		"form-collapse",
+		"form-toggle-collapse",
+		"proxy-query",
+		"proxy-delete",
+		"proxy-save",
+		"toolbar-button-click",
+		"toolbar-tool-click",
+		"zoom"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const defaultLoadingCfg = (0, vue.computed)(() => ({
+			customClass: "vft-card-loading",
+			text: (0, vue.createVNode)("div", null, [(0, vue.createVNode)("span", null, [(0, vue.createTextVNode)("加载中")]), (0, vue.createVNode)("span", { "class": "dot" }, null)])
+		}));
+		const finalLoadingCfg = (0, vue.computed)(() => __props.loadingCfg || defaultLoadingCfg.value);
+		const emit = __emit;
+		let vxeApp;
+		const VxeGrid = (0, vue.defineAsyncComponent)(async () => {
+			const m = await Promise.resolve().then(() => require("./vxe-runtime.cjs"));
+			m.setupVxe(vxeApp);
+			return m.VxeGrid;
+		});
+		const toCamelCase = (str) => str.replace(/-(\w)/g, (_, c) => c.toUpperCase());
+		const ns = require_index.useNamespace("table");
+		const attrs = (0, vue.useAttrs)();
+		const xGrid = (0, vue.ref)();
+		const pageRef = (0, vue.ref)();
+		const tableData = (0, vue.ref)([]);
+		const innerPropsRef = (0, vue.ref)();
+		const formRef = (0, vue.ref)();
+		const instance = (0, vue.getCurrentInstance)();
+		vxeApp = instance.appContext.app;
+		const getProps = (0, vue.computed)(() => {
+			return (0, _vft_utils.deepMerge)(instance.props, (0, vue.unref)(innerPropsRef));
+		});
+		const { getLoading, setLoading } = require_use_loading.useLoading(getProps);
+		const { getPaginationInfo, setPagination, getCurrentPage } = require_use_pagination.usePagination(getProps);
+		const { getViewColumns, setColumns } = require_use_columns.useColumns(getProps);
+		(0, vue.watch)(() => getCurrentPage(), (val) => {
+			(0, vue.nextTick)(() => {
+				setProps({ seqConfig: { startIndex: (val - 1) * (getPaginationInfo.value?.pageSize || (0, vue.unref)(getProps).pageSize || 15) } });
+			});
+		}, { immediate: true });
+		function setProps(props) {
+			innerPropsRef.value = {
+				...(0, vue.unref)(innerPropsRef),
+				...props
+			};
+		}
+		const { getDataSourceRef, handleTableChange: onTableChange, reload, deleteTableDataRecord, insertTableDataRecord, updateTableData, updateTableDataRecord, setTableData, getDataSource, getRawDataSource, tableSearch, expandTreeLevel } = require_use_data_source.useDataSource(getProps, {
+			tableData,
+			setLoading,
+			getPaginationInfo,
+			setPagination,
+			getGridRef: () => xGrid.value
+		}, emit);
+		function handleTableChange(pageInfo) {
+			if (pageInfo?.pageSize) setPagination({ currentPage: 1 });
+			onTableChange(pageInfo);
+			emit("change", pageInfo);
+			const { onChange } = (0, vue.unref)(getProps);
+			onChange && (0, _vft_utils.isFunction)(onChange) && onChange(pageInfo);
+		}
+		const emitEvents = {};
+		[
+			"update:data",
+			"keydown-start",
+			"keydown",
+			"keydown-end",
+			"paste",
+			"copy",
+			"cut",
+			"current-change",
+			"current-row-change",
+			"current-row-disabled",
+			"current-column-change",
+			"current-column-disabled",
+			"radio-change",
+			"checkbox-change",
+			"checkbox-all",
+			"checkbox-range-start",
+			"checkbox-range-change",
+			"checkbox-range-end",
+			"checkbox-range-select",
+			"cell-click",
+			"cell-dblclick",
+			"cell-menu",
+			"cell-mouseenter",
+			"cell-mouseleave",
+			"cell-selected",
+			"cell-delete-value",
+			"cell-backspace-value",
+			"header-cell-click",
+			"header-cell-dblclick",
+			"header-cell-menu",
+			"footer-cell-click",
+			"footer-cell-dblclick",
+			"footer-cell-menu",
+			"clear-merge",
+			"sort-change",
+			"clear-sort",
+			"clear-all-sort",
+			"filter-change",
+			"filter-visible",
+			"clear-filter",
+			"clear-all-filter",
+			"resizable-change",
+			"column-resizable-change",
+			"row-resizable-change",
+			"toggle-row-group-expand",
+			"toggle-row-expand",
+			"toggle-tree-expand",
+			"menu-click",
+			"edit-closed",
+			"row-dragstart",
+			"row-dragover",
+			"row-dragend",
+			"column-dragstart",
+			"column-dragover",
+			"column-dragend",
+			"enter-append-row",
+			"edit-actived",
+			"edit-activated",
+			"edit-disabled",
+			"valid-error",
+			"scroll",
+			"scroll-boundary",
+			"custom",
+			"custom-visible-change",
+			"custom-visible-all",
+			"custom-fixed-change",
+			"change-fnr",
+			"open-fnr",
+			"show-fnr",
+			"hide-fnr",
+			"fnr-change",
+			"fnr-find",
+			"fnr-find-all",
+			"fnr-replace",
+			"fnr-replace-all",
+			"cell-area-copy",
+			"cell-area-cut",
+			"cell-area-paste",
+			"cell-area-merge",
+			"clear-cell-area-selection",
+			"clear-cell-area-merge",
+			"header-cell-area-selection",
+			"cell-area-selection-invalid",
+			"cell-area-selection-start",
+			"cell-area-selection-drag",
+			"cell-area-selection-end",
+			"cell-area-extension-start",
+			"cell-area-extension-drag",
+			"cell-area-extension-end",
+			"cell-area-selection-all-start",
+			"cell-area-selection-all-end",
+			"cell-area-arrows-start",
+			"cell-area-arrows-end",
+			"active-cell-change-start",
+			"active-cell-change-end",
+			"change",
+			"sort-change",
+			"fetch-success",
+			"form-submit",
+			"form-reset",
+			"update:page-num",
+			"update:page-size",
+			"register",
+			"page-change",
+			"form-submit",
+			"form-submit-invalid",
+			"form-reset",
+			"form-collapse",
+			"form-toggle-collapse",
+			"proxy-query",
+			"proxy-delete",
+			"proxy-save",
+			"toolbar-button-click",
+			"toolbar-tool-click",
+			"zoom"
+		].forEach((name) => {
+			const type = toCamelCase(`on-${name}`);
+			emitEvents[type] = (...args) => emit(name, ...args);
+		});
+		const getBindValues = (0, vue.computed)(() => {
+			const dataSource = (0, vue.unref)(getDataSourceRef);
+			const values = {
+				...attrs,
+				...(0, vue.unref)(getProps),
+				columns: (0, vue.toRaw)((0, vue.unref)(getViewColumns)),
+				loading: (0, vue.unref)(getLoading),
+				data: dataSource,
+				loadingCfg: (0, vue.unref)(finalLoadingCfg),
+				...emitEvents
+			};
+			if (_vft_utils.isClient) {
+				if ((0, vue.unref)(getProps)?.addMaxHeight || (0, vue.unref)(getProps)?.maxHeight) values.maxHeight = (0, vue.unref)(getProps)?.maxHeight ? (0, vue.unref)(getProps)?.maxHeight : `${window.innerHeight - (0, vue.unref)(getProps)?.extraSysHeight - (getProps.value?.showPager ? getProps.value?.pageHeight || 40 : 0)}px`;
+				const _minHeight = (0, vue.unref)(getProps)?.minHeight;
+				values.minHeight = _minHeight || (_minHeight !== 0 && (0, vue.unref)(getProps)?.toolbarConfig?.custom ? 300 : void 0);
+			}
+			if ((0, vue.unref)(getProps)?.toolbarConfig?.refresh) values.proxyConfig = (0, vue.unref)(getProps)?.proxyConfig || {
+				response: {
+					result: (0, vue.unref)(getProps)?.fetchSetting?.listField,
+					total: (0, vue.unref)(getProps)?.fetchSetting?.totalField
+				},
+				autoLoad: false,
+				ajax: { query: async () => {
+					return await reload();
+				} }
+			};
+			return values;
+		});
+		const tableAction = {
+			setPagination,
+			emit,
+			setProps,
+			reload,
+			deleteTableDataRecord,
+			insertTableDataRecord,
+			updateTableDataRecord,
+			updateTableData,
+			setTableData,
+			getDataSource,
+			getDataSourceRef,
+			setColumns,
+			getRawDataSource,
+			tableSearch,
+			expandTreeLevel
+		};
+		emit("register", tableAction);
+		const searchAllSchema = {
+			field: "_filterTableData",
+			label: "",
+			type: require_form_register.FormCompEnum.Search,
+			itemProps: { class: "search-all-form-item" },
+			componentProps: () => {
+				return { onChange: (e) => {
+					handleFormSubmit({ "_filterTableData": e });
+				} };
+			}
+		};
+		const formConfig = (0, _vft_utils.deepMerge)({
+			schemas: [getBindValues.value?.formOptions?.addSearchAllSchema ? searchAllSchema : {}],
+			rowProps: { justify: "start" },
+			labelPosition: "left",
+			quickColSpan: 5,
+			watchDataIsChange: true,
+			showResetButton: true,
+			showSubmitButton: true,
+			size: "small",
+			submitButtonOptions: { btnText: "搜索" },
+			actionInline: true
+		}, (0, _vft_utils.omit)(getBindValues.value?.formOptions, ["showActionForm", "addSearchAllSchema"]), "replace");
+		const createMergedOnClear = (originalOnClear) => {
+			return (...args) => {
+				if (originalOnClear && (0, _vft_utils.isFunction)(originalOnClear)) originalOnClear(...args);
+				(0, vue.nextTick)(() => {
+					reload();
+				});
+			};
+		};
+		const [registerForm] = require_use_form.useForm({
+			...formConfig,
+			schemas: ((0, vue.unref)(formConfig)?.schemas || []).map((item) => {
+				if (!(0, vue.unref)(getBindValues)?.formOptions?.autoReloadOnClear) return item;
+				if (!item.type || item.type === require_form_register.FormCompEnum.Input || item.type === require_form_register.FormCompEnum.Search || item.type === require_form_register.FormCompEnum.Textarea) {
+					const { componentProps } = item;
+					if ((0, _vft_utils.isFunction)(componentProps)) return {
+						...item,
+						componentProps: async (opt) => {
+							const props = await componentProps(opt);
+							const originalOnClear = props?.onClear;
+							return {
+								...props,
+								onClear: createMergedOnClear(originalOnClear)
+							};
+						}
+					};
+					else {
+						const originalOnClear = componentProps?.onClear;
+						return {
+							...item,
+							componentProps: {
+								...componentProps,
+								onClear: createMergedOnClear(originalOnClear)
+							}
+						};
+					}
+				}
+				return item;
+			})
+		});
+		const handleFormSubmit = (values) => {
+			if (Reflect.has(values, "_filterTableData")) tableSearch(values._filterTableData);
+			emit("form-submit", values);
+		};
+		const handleFormReset = () => {
+			setTableData(getRawDataSource());
+			emit("form-reset");
+		};
+		__expose({
+			table: xGrid,
+			formRef,
+			pageRef,
+			...tableAction
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)([(0, vue.unref)(ns).b(), { [(0, vue.unref)(ns).is("form-exceed-one-rows")]: formRef.value?.willExceedOneRow }]) }, [(0, vue.createVNode)((0, vue.unref)(require_index$2.VftClientOnly), null, {
+				fallback: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_index$4.VftSkeleton))]),
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(VxeGrid), (0, vue.mergeProps)({
+					ref_key: "xGrid",
+					ref: xGrid
+				}, getBindValues.value), {
+					toolbarButtons: (0, vue.withCtx)(() => [
+						(0, vue.renderSlot)(_ctx.$slots, "toolbar-left"),
+						getBindValues.value?.formOptions?.showActionForm ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$5.VftSuperForm), {
+							key: 0,
+							ref_key: "formRef",
+							ref: formRef,
+							onRegister: (0, vue.unref)(registerForm),
+							onSubmit: handleFormSubmit,
+							onReset: handleFormReset
+						}, (0, vue.createSlots)({ _: 2 }, [
+							_ctx.$slots.resetBefore ? {
+								name: "resetBefore",
+								fn: (0, vue.withCtx)((data) => [(0, vue.renderSlot)(_ctx.$slots, "resetBefore", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(data)))]),
+								key: "0"
+							} : void 0,
+							_ctx.$slots.submitBefore ? {
+								name: "submitBefore",
+								fn: (0, vue.withCtx)((data) => [(0, vue.renderSlot)(_ctx.$slots, "submitBefore", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(data)))]),
+								key: "1"
+							} : void 0,
+							_ctx.$slots.submitAfter ? {
+								name: "submitAfter",
+								fn: (0, vue.withCtx)((data) => [(0, vue.renderSlot)(_ctx.$slots, "submitAfter", (0, vue.normalizeProps)((0, vue.guardReactiveProps)(data)))]),
+								key: "2"
+							} : void 0
+						]), 1032, ["onRegister"])) : (0, vue.createCommentVNode)("v-if", true),
+						(0, vue.renderSlot)(_ctx.$slots, "toolbar-right")
+					]),
+					empty: (0, vue.withCtx)(() => [!getBindValues.value.loading ? (0, vue.renderSlot)(_ctx.$slots, "empty", { key: 0 }, () => [(0, vue.createVNode)((0, vue.unref)(require_index$1.VftEmpty), (0, vue.normalizeProps)((0, vue.guardReactiveProps)(getBindValues.value.emptyCfg)), null, 16)]) : (0, vue.createCommentVNode)("v-if", true)]),
+					loading: (0, vue.withCtx)(() => [(0, vue.withDirectives)((0, vue.createElementVNode)("div", null, null, 512), [[vue.vShow, getBindValues.value.loading], [(0, vue.unref)(require_directive.vLoading), getBindValues.value.loadingCfg]])]),
+					_: 3
+				}, 16), getBindValues.value.showPager ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$3.VftPagination), (0, vue.mergeProps)({
+					key: 0,
+					ref_key: "pageRef",
+					ref: pageRef
+				}, (0, vue.unref)(getPaginationInfo), {
+					class: [(0, vue.unref)(ns).e("pager"), (0, vue.unref)(ns).m(`pager-${(0, vue.unref)(getPaginationInfo)?.pagePlacement}`)],
+					onCurrentChange: _cache[0] || (_cache[0] = (page) => handleTableChange({ currentPage: page })),
+					onSizeChange: _cache[1] || (_cache[1] = (_size) => handleTableChange({ pageSize: _size }))
+				}), null, 16, ["class"])) : (0, vue.createCommentVNode)("v-if", true)]),
+				_: 3
+			})], 2);
+		};
+	}
+});
+//#endregion
+exports.default = table_vue_vue_type_script_setup_true_lang_default;