@gx-design-vue/pro-table 0.2.0-alpha.7 → 0.2.0-alpha.9

package/dist/style/index.js

@@ -1,9 +1,17 @@
+import { genToolbarStyle } from "../components/Toolbar/style.js";
 import { genProTableFitPage } from "./fit-page.js";
 import { genProTableList } from "./list.js";
+import { genProTableResizable } from "./resizable.js";
 import { genProTableScroll } from "./scroll.js";
+import { genProTableSearch } from "./search.js";
+import { proGenStyleHooks } from "@gx-design-vue/pro-provider";
 //#region src/style/index.ts
 const genProTableStyle = (token) => {
 	return { [token.componentCls]: {
+		[`${token.componentCls}-content`]: {
+			display: "flex",
+			flexDirection: "column"
+		},
 		[`${token.componentCls}-card`]: { [`${token.antCls}-table-pagination${token.antCls}-pagination`]: {
 			margin: 0,
 			marginTop: token.margin
@@ -19,35 +27,16 @@ const genProTableStyle = (token) => {
 			justifyContent: "center",
 			marginBlock: token.marginXL
 		},
-		"&-table-tree": { [`${token.antCls}-table-row-cell-ellipsis`]: {
-			overflow: "hidden",
-			textOverflow: "ellipsis",
-			whiteSpace: "nowrap",
-			[`${token.antCls}-table-column-title`]: {
-				overflow: "hidden",
-				textOverflow: "ellipsis",
-				whiteSpace: "nowrap"
-			}
-		} },
 		"&-full-screen": { [`${token.componentCls}-content`]: {
 			height: "100% !important",
 			padding: 24,
 			backgroundColor: token.colorWhite,
 			boxShadow: "0 4px 8px #0003, 0 6px 20px #00000030 !important"
 		} },
-		"&-no-scroll": {
-			[`${token.antCls}-table`]: { table: {
-				width: "100% !important",
-				minWidth: "unset"
-			} },
-			[`${token.antCls}-table-ping-right:not(${token.antCls}-table-has-fix-right)`]: { [`${token.antCls}-table-container::after`]: { boxShadow: "none" } },
-			[`${token.antCls}-table-bordered ${token.antCls}-table-fixed-left ${token.antCls}-table-thead > tr > th`]: { "&:last-child": { borderRight: 0 } },
-			[`${token.antCls}-table-bordered ${token.antCls}-table-fixed-left ${token.antCls}-table-tbody > tr > td`]: { "&:last-child": { borderRight: 0 } }
-		},
 		[`&-card-border`]: {
 			paddingInline: token.paddingMD,
 			paddingBlock: token.paddingMD,
-			border: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`,
+			border: `${token.lineWidth} ${token.lineType} ${token.colorSplit}`,
 			borderRadius: token.borderRadiusLG,
 			backgroundColor: token.colorBgContainer,
 			[`${token.antCls}-table-wrapper ${token.antCls}-table-pagination${token.antCls}-pagination`]: { marginBottom: 0 }
@@ -61,61 +50,22 @@ const genProTableStyle = (token) => {
 				cursor: "pointer"
 			}
 		},
-		[`${token.componentCls}-ellipsis`]: {
-			overflow: "hidden",
-			textOverflow: "ellipsis",
-			display: "-webkit-box",
-			"-webkit-box-orient": "vertical",
-			"word-break": "break-word"
-		},
 		[`${token.componentCls}-action-size`]: { display: "inline-block" },
-		[`${token.componentCls}-action-columns`]: {
-			display: "inline-block",
-			[`${token.antCls}-popover-inner-content`]: { padding: "8px 0 8px 16px" },
-			[`${token.antCls}-tree ${token.antCls}-tree-switcher-noop`]: { display: "none" },
-			[`${token.antCls}-tree > ${token.antCls}-tree-treenode`]: {
-				width: "100%",
-				alignItems: "center",
-				"&:first-child": { paddingTop: 0 },
-				"&:last-child": { paddingBottom: 4 },
-				"&:hover": {
-					backgroundColor: "#e6f7ff",
-					[`${token.componentCls}-action-columns-list-item-actions`]: { display: "block" }
-				}
-			},
-			[`${token.antCls}-tree  ${token.antCls}-tree-node-content-wrapper`]: {
-				flex: "1",
-				"&:hover": { backgroundColor: "transparent" }
-			},
-			"&-popover-title": {
-				display: "flex",
-				alignItems: "center",
-				justifyContent: "space-between",
-				"&-check": { marginRight: 8 },
-				[`${token.antCls}-btn-sm`]: { padding: 0 }
-			},
-			"&-list-group": {
-				marginTop: 6,
-				marginBottom: 6,
-				fontSize: 12,
-				color: "rgba(0, 0, 0, 0.45)"
-			},
-			"$-list-item": {
-				display: "flex",
-				alignItems: "center",
-				justifyContent: "space-between",
-				"&-actions": {
-					display: "block",
-					float: "right",
-					cursor: "pointer",
-					"> span + span": { marginLeft: 8 },
-					"&-disabled": { "action": { color: "rgba(0, 0, 0, 0.25)" } },
-					"anticon": { color: token.colorPrimary }
-				}
-			}
-		},
-		[`${token.antCls}-tooltip-inner`]: { a: { color: token.colorWhite } }
+		[`${token.componentCls}-a`]: {
+			color: token.colorPrimary,
+			cursor: "pointer",
+			"&:hover": { color: token.colorPrimaryHover }
+		}
 	} };
 };
+var style_default = proGenStyleHooks("ProTable", (token) => [
+	genProTableStyle(token),
+	genProTableList(token),
+	genProTableScroll(token),
+	genProTableFitPage(token),
+	genProTableResizable(token),
+	genProTableSearch(token),
+	genToolbarStyle(token)
+]);
 //#endregion
-export { genProTableFitPage, genProTableList, genProTableScroll, genProTableStyle };
+export { style_default as default };

package/dist/style/list.d.ts

@@ -1,6 +1,8 @@
-import { GenerateStyle } from "@gx-design-vue/pro-provider";
+import { ProFullToken } from "@gx-design-vue/pro-provider";
+import { CSSObject } from "@antdv-next/cssinjs";
+import { GenerateStyle } from "antdv-next/dist/theme/internal";
 
 //#region src/style/list.d.ts
-declare const genProTableList: GenerateStyle;
+declare const genProTableList: GenerateStyle<ProFullToken<'ProTable'>, CSSObject>;
 //#endregion
 export { genProTableList };

package/dist/style/list.js

@@ -3,16 +3,7 @@ const genProTableList = (token) => {
 	return { [token.componentCls]: { [`${token.componentCls}-list`]: {
 		clear: "both",
 		maxWidth: "100%",
-		[`${token.componentCls}-pagination${token.antCls}-pagination`]: { marginTop: token.margin },
-		[`${token.componentCls}-pagination`]: {
-			display: "flex",
-			flexWrap: "wrap",
-			rowGap: token.paddingXS,
-			"> *": { flex: "none" },
-			"&-left": { justifyContent: "flex-start" },
-			"&-center": { justifyContent: "center" },
-			"&-right": { justifyContent: "flex-end" }
-		}
+		[`${token.componentCls}-pagination${token.antCls}-pagination`]: { marginTop: token.margin }
 	} } };
 };
 //#endregion

package/dist/style/resizable.d.ts

@@ -0,0 +1,8 @@
+import { ProFullToken } from "@gx-design-vue/pro-provider";
+import { CSSObject } from "@antdv-next/cssinjs";
+import { GenerateStyle } from "antdv-next/dist/theme/internal";
+
+//#region src/style/resizable.d.ts
+declare const genProTableResizable: GenerateStyle<ProFullToken<'ProTable'>, CSSObject>;
+//#endregion
+export { genProTableResizable };

package/dist/style/resizable.js

@@ -0,0 +1,18 @@
+//#region src/style/resizable.ts
+const genProTableResizable = (token) => {
+	return { [token.componentCls]: {
+		".resizable-title": { position: "relative" },
+		".resizable-handle": {
+			position: "absolute",
+			top: 0,
+			right: -5,
+			width: 10,
+			height: "100%",
+			cursor: "col-resize",
+			userSelect: "none",
+			zIndex: 1
+		}
+	} };
+};
+//#endregion
+export { genProTableResizable };

package/dist/style/scroll.d.ts

@@ -1,6 +1,8 @@
-import { GenerateStyle } from "@gx-design-vue/pro-provider";
+import { ProFullToken } from "@gx-design-vue/pro-provider";
+import { CSSObject } from "@antdv-next/cssinjs";
+import { GenerateStyle } from "antdv-next/dist/theme/internal";
 
 //#region src/style/scroll.d.ts
-declare const genProTableScroll: GenerateStyle;
+declare const genProTableScroll: GenerateStyle<ProFullToken<'ProTable'>, CSSObject>;
 //#endregion
 export { genProTableScroll };

package/dist/style/scroll.js

@@ -1,5 +1,8 @@
-import { TinyColor } from "@ctrl/tinycolor";
+import { unit } from "@gx-design-vue/pro-provider";
 //#region src/style/scroll.ts
+function withAlpha(color, alpha) {
+	return `color-mix(in srgb, ${color} ${alpha * 100}%, transparent)`;
+}
 function scrollBarStyle() {
 	return {
 		scrollbarWidth: "none",
@@ -10,8 +13,8 @@ function scrollBarStyle() {
 	};
 }
 const genProTableScroll = (token) => {
-	const color = new TinyColor(token.colorText).setAlpha(.2).toRgbString();
-	const colorHover = new TinyColor(token.colorText).setAlpha(.4).toRgbString();
+	const color = withAlpha(token.colorText, .2);
+	const colorHover = withAlpha(token.colorText, .4);
 	return { [token.componentCls]: {
 		[`${token.antCls}-table-container`]: { position: "relative" },
 		[`${token.componentCls}-scroll`]: {
@@ -20,7 +23,7 @@ const genProTableScroll = (token) => {
 				right: 2,
 				bottom: 2,
 				zIndex: 100,
-				borderRadius: token.borderRadius - 2,
+				borderRadius: `calc(${unit(token.borderRadius)} - 2px)`,
 				"&.is-vertical": {
 					top: 2,
 					width: 6,
@@ -48,9 +51,8 @@ const genProTableScroll = (token) => {
 				}
 			}
 		},
-		[`${token.antCls}-table-content`]: scrollBarStyle(),
 		[`${token.antCls}-table-body`]: scrollBarStyle(),
-		[`${token.antCls}-table-empty`]: { [`${token.antCls}-table-content`]: scrollBarStyle() }
+		[`${token.antCls}-table-container`]: scrollBarStyle()
 	} };
 };
 //#endregion

package/dist/style/search.d.ts

@@ -0,0 +1,8 @@
+import { ProFullToken } from "@gx-design-vue/pro-provider";
+import { CSSObject } from "@antdv-next/cssinjs";
+import { GenerateStyle } from "antdv-next/dist/theme/internal";
+
+//#region src/style/search.d.ts
+declare const genProTableSearch: GenerateStyle<ProFullToken<'ProTable'>, CSSObject>;
+//#endregion
+export { genProTableSearch };

package/dist/{components/Form/style.js → style/search.js}

@@ -1,6 +1,7 @@
-//#region src/components/Form/style.ts
-const genTableFormStyle = (token) => {
-	return {
+import { unit } from "@gx-design-vue/pro-provider";
+//#region src/style/search.ts
+const genProTableSearch = (token) => {
+	return { [token.componentCls]: {
 		[`${token.componentCls}-search`]: {
 			position: "relative",
 			display: "flex",
@@ -9,8 +10,8 @@ const genTableFormStyle = (token) => {
 			"&-border": {
 				paddingInline: token.paddingMD,
 				paddingBlock: token.paddingMD,
-				paddingBlockEnd: token.paddingMD - 16,
-				border: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}`,
+				paddingBlockEnd: `calc(${unit(token.paddingMD)} - 16px)`,
+				border: `${token.lineWidth} ${token.lineType} ${token.colorSplit}`,
 				borderRadius: token.borderRadiusLG,
 				marginBottom: token.marginLG,
 				backgroundColor: token.colorBgContainer
@@ -64,6 +65,19 @@ const genTableFormStyle = (token) => {
 						borderRightWidth: 0,
 						backgroundColor: "transparent",
 						cursor: "default"
+					},
+					[`${token.antCls}-input${token.componentCls}-number-range-separator`]: {
+						textAlign: "center",
+						borderInlineStartWidth: 0,
+						borderInlineEndWidth: 0,
+						backgroundColor: "transparent",
+						color: token.colorTextTertiary,
+						cursor: "default",
+						[`&:disabled, &${token.antCls}-input-disabled`]: {
+							backgroundColor: "transparent",
+							color: token.colorTextTertiary,
+							cursor: "default"
+						}
 					}
 				},
 				"&-label": {
@@ -72,7 +86,7 @@ const genTableFormStyle = (token) => {
 						content: "\":\"",
 						position: "relative",
 						marginBlock: 0,
-						marginInlineStart: token.marginXXS / 2,
+						marginInlineStart: `calc(${unit(token.marginXXS)} / 2)`,
 						marginInlineEnd: token.marginXS
 					},
 					[`&${token.componentCls}-search-item-label-no-colon::after`]: { content: "\" \"" },
@@ -89,7 +103,7 @@ const genTableFormStyle = (token) => {
 			justifyContent: "center",
 			alignItems: "center"
 		}
-	};
+	} };
 };
 //#endregion
-export { genTableFormStyle };
+export { genProTableSearch };

package/dist/theme/augment.d.ts

@@ -0,0 +1,8 @@
+import { ComponentToken } from "../style/index.js";
+
+//#region src/theme/augment.d.ts
+declare module 'antdv-next/dist/theme/interface/components' {
+  interface ComponentTokenMap {
+    ProTable?: ComponentToken;
+  }
+}

package/dist/theme/interface/components.d.ts

@@ -0,0 +1,8 @@
+import { ComponentToken } from "../../style/index.js";
+
+//#region src/theme/interface/components.d.ts
+interface ComponentTokenMap {
+  ProTable: ComponentToken;
+}
+//#endregion
+export { ComponentTokenMap };

package/dist/utils/dateFormat.d.ts

@@ -0,0 +1,9 @@
+import dayjs from "dayjs";
+
+//#region src/utils/dateFormat.d.ts
+type DateFormatType = ((day: dayjs.Dayjs) => string) | string | undefined;
+declare function formatStringValue(value: any, format: DateFormatType): string;
+declare function resolveValueFormat(valueFormat?: string, showTime?: boolean | Record<string, any>): string;
+declare function formatDateRangeArray(values: any[], format: DateFormatType | DateFormatType[], type?: 'dayjs' | 'string'): any[] | undefined;
+//#endregion
+export { formatDateRangeArray, formatStringValue, resolveValueFormat };

package/dist/utils/dateFormat.js

@@ -0,0 +1,29 @@
+import dayjs from "dayjs";
+//#region src/utils/dateFormat.ts
+function formatStringValue(value, format) {
+	if (typeof format === "function") return format(dayjs(value));
+	return dayjs(value).format(format);
+}
+function resolveValueFormat(valueFormat, showTime) {
+	return showTime ? "YYYY-MM-DD HH:mm:ss" : valueFormat ?? "YYYY-MM-DD";
+}
+function formatDateRangeArray(values, format, type = "string") {
+	if (!Array.isArray(values) || values.length !== 2) return;
+	const [startText, endText] = values;
+	let formatFirst;
+	let formatEnd;
+	if (Array.isArray(format)) {
+		formatFirst = format[0];
+		formatEnd = format[1];
+	} else if (typeof format === "object" && format !== void 0) {
+		formatFirst = format.format;
+		formatEnd = format.format;
+	} else {
+		formatFirst = format;
+		formatEnd = format;
+	}
+	if (type === "dayjs") return [dayjs(startText), dayjs(endText)];
+	return [startText ? formatStringValue(startText, formatFirst) : "", endText ? formatStringValue(endText, formatEnd) : ""];
+}
+//#endregion
+export { formatDateRangeArray, formatStringValue, resolveValueFormat };

package/dist/utils/formConstants.d.ts

@@ -0,0 +1,9 @@
+import { Breakpoint } from "@gx-design-vue/pro-utils";
+
+//#region src/utils/formConstants.d.ts
+declare const DEFAULT_BREAKPOINT_SPANS: {
+  breakpoint: Breakpoint;
+  span: number;
+}[];
+//#endregion
+export { DEFAULT_BREAKPOINT_SPANS };

package/dist/utils/formConstants.js

@@ -0,0 +1,29 @@
+//#region src/utils/formConstants.ts
+const DEFAULT_BREAKPOINT_SPANS = [
+	{
+		breakpoint: "xxl",
+		span: 4
+	},
+	{
+		breakpoint: "xl",
+		span: 3
+	},
+	{
+		breakpoint: "lg",
+		span: 2
+	},
+	{
+		breakpoint: "md",
+		span: 2
+	},
+	{
+		breakpoint: "sm",
+		span: 2
+	},
+	{
+		breakpoint: "xs",
+		span: 1
+	}
+];
+//#endregion
+export { DEFAULT_BREAKPOINT_SPANS };

package/dist/utils/valueFormat.d.ts

@@ -0,0 +1,9 @@
+import { ProColumnsValueType } from "../interface.js";
+
+//#region src/utils/valueFormat.d.ts
+interface ValueFormatOptions {
+  className?: string;
+}
+declare function valueFormat(value: any, valueType: ProColumnsValueType | undefined, options?: ValueFormatOptions): any;
+//#endregion
+export { ValueFormatOptions, valueFormat };

package/dist/utils/valueFormat.js

@@ -0,0 +1,27 @@
+import { h } from "vue";
+import { isNil, isObject } from "@gx-design-vue/pro-utils";
+import dayjs from "dayjs";
+//#region src/utils/valueFormat.ts
+function valueFormat(value, valueType, options = {}) {
+	if (isNil(value) || value === "") return value;
+	if (!valueType || valueType === "text") return value;
+	if (isObject(valueType) && !Array.isArray(valueType)) {
+		const config = valueType;
+		const tagName = config.node ?? "span";
+		return h(tagName === "a" ? "span" : tagName, {
+			class: config.class,
+			...config.attr ?? {},
+			...config.click ? { onClick: config.click } : {}
+		}, value);
+	}
+	switch (valueType) {
+		case "link": return h("span", { class: [`${options.className}-a`] }, value);
+		case "time": return dayjs(value).format("HH:mm:ss");
+		case "dateMonth": return `${dayjs(value).month() + 1}月`;
+		case "date": return dayjs(value).format("YYYY-MM-DD");
+		case "dateTime": return dayjs(value).format("YYYY-MM-DD HH:mm:ss");
+		default: return value;
+	}
+}
+//#endregion
+export { valueFormat };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gx-design-vue/pro-table",
   "type": "module",
-  "version": "0.2.0-alpha.7",
+  "version": "0.2.0-alpha.9",
   "description": "Gx Design Pro Table",
   "author": {
     "name": "gx12358",
@@ -40,17 +40,18 @@
     "vue": ">=3.2.0"
   },
   "dependencies": {
-    "@ant-design/icons-vue": "^7.0.1",
+    "@antdv-next/cssinjs": "^1.0.6",
+    "@antdv-next/icons": "^1.0.6",
     "@ctrl/tinycolor": "^3.5.0",
-    "@vueuse/core": "^14.2.0",
-    "ant-design-vue": "^4.2.6",
+    "@vueuse/core": "^14.3.0",
+    "antdv-next": "^1.3.3",
     "dayjs": "^1.11.19",
     "es-toolkit": "^1.43.0",
-    "@gx-design-vue/pro-utils": "^0.2.0-alpha.2",
-    "@gx-design-vue/pro-app": "^0.1.0-alpha.1",
-    "@gx-design-vue/context": "^0.0.5-alpha.2",
-    "@gx-design-vue/pro-provider": "^0.1.0-alpha.4",
-    "@gx-design-vue/pro-hooks": "^0.2.0-alpha.2"
+    "@gx-design-vue/context": "^0.0.5-alpha.3",
+    "@gx-design-vue/pro-hooks": "^0.2.0-alpha.3",
+    "@gx-design-vue/pro-utils": "^0.2.0-alpha.3",
+    "@gx-design-vue/pro-provider": "^0.1.0-alpha.5",
+    "@gx-design-vue/pro-app": "^0.1.0-alpha.2"
   },
   "browserslist": [
     "> 1%",

package/dist/components/Form/components/RequestSelect.d.ts

@@ -1,50 +0,0 @@
-import { ProSchemaValueEnumType } from "../../../types/ColumnTypings.js";
-import * as vue from "vue";
-import { PropType } from "vue";
-
-//#region src/components/Form/components/RequestSelect.d.ts
-declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
-  fetch: PropType<() => Promise<ProSchemaValueEnumType[]>>;
-  loading: {
-    type: PropType<boolean>;
-    default: boolean;
-  };
-  debounceTime: PropType<number>;
-  manual: {
-    type: PropType<boolean>;
-    default: any;
-  };
-  fieldName: {
-    type: PropType<string>;
-    default: string;
-  };
-  notFoundContent: {
-    type: PropType<(loading: boolean) => any>;
-  };
-}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-  [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-  fetch: PropType<() => Promise<ProSchemaValueEnumType[]>>;
-  loading: {
-    type: PropType<boolean>;
-    default: boolean;
-  };
-  debounceTime: PropType<number>;
-  manual: {
-    type: PropType<boolean>;
-    default: any;
-  };
-  fieldName: {
-    type: PropType<string>;
-    default: string;
-  };
-  notFoundContent: {
-    type: PropType<(loading: boolean) => any>;
-  };
-}>> & Readonly<{}>, {
-  loading: boolean;
-  manual: boolean;
-  fieldName: string;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-//#endregion
-export { _default as default };

package/dist/components/Form/components/RequestSelect.js

@@ -1,56 +0,0 @@
-import { cloneVNode, defineComponent, ref, watch } from "vue";
-import { isArray } from "@gx-design-vue/pro-utils";
-import { useDebounceFn } from "@vueuse/core";
-import { cloneDeep as cloneDeep$1 } from "es-toolkit";
-//#region src/components/Form/components/RequestSelect.tsx
-var RequestSelect_default = /* @__PURE__ */ defineComponent({
-	name: "RequestSelect",
-	props: {
-		fetch: Function,
-		loading: {
-			type: Boolean,
-			default: false
-		},
-		debounceTime: Number,
-		manual: {
-			type: Boolean,
-			default: void 0
-		},
-		fieldName: {
-			type: String,
-			default: "options"
-		},
-		notFoundContent: { type: Function }
-	},
-	setup(props, { slots }) {
-		const options = ref([]);
-		const loading = ref(props.loading);
-		const status = ref("init");
-		const debouncedFn = useDebounceFn(props.fetch, props.debounceTime || 10);
-		watch([() => props.fetch, () => props.manual], () => {
-			if (status.value !== "init" && loading.value) return;
-			const manual = props.manual ?? false;
-			if (props.fetch && !manual) {
-				loading.value = true;
-				debouncedFn().then((result) => {
-					options.value = cloneDeep$1(result);
-					status.value = "success";
-				}).catch((e) => {
-					console.error(e);
-					status.value = "error";
-				}).finally(() => {
-					loading.value = false;
-				});
-			}
-		}, { immediate: true });
-		return () => {
-			const children = slots.default?.();
-			return cloneVNode(isArray(children) ? children[0] : children, {
-				options: options.value,
-				notFoundContent: props.notFoundContent?.(loading.value)
-			});
-		};
-	}
-});
-//#endregion
-export { RequestSelect_default as default };

package/dist/components/Form/hooks/useForm.d.ts

@@ -1,11 +0,0 @@
-import { ProSearchMap } from "../../../types/ColumnTypings.js";
-import { Ref } from "vue";
-
-//#region src/components/Form/hooks/useForm.d.ts
-declare function useForm(defaultState: Ref<any>, searchMap: Ref<ProSearchMap[]>): {
-  formState: any;
-  resetFormState: () => void;
-  changeFormState: (key: string, value: any) => void;
-};
-//#endregion
-export { useForm };

package/dist/components/Form/hooks/useForm.js

@@ -1,30 +0,0 @@
-import { reactive, toRaw, watch } from "vue";
-import { cloneDeep } from "@gx-design-vue/pro-utils";
-//#region src/components/Form/hooks/useForm.ts
-function useForm(defaultState, searchMap) {
-	const formState = reactive({});
-	function resetFormState() {
-		Object.assign(formState, cloneDeep(toRaw(defaultState.value)));
-		const dateRangeRecord = searchMap.value.find((item) => item.valueType === "dateRange");
-		if (dateRangeRecord && dateRangeRecord.name) {
-			const value = dateRangeRecord.rangeStartName || dateRangeRecord.rangeEndName ? defaultState.value[dateRangeRecord.rangeStartName || "start"] ? [defaultState.value[dateRangeRecord.rangeStartName || "start"], defaultState.value[dateRangeRecord.rangeEndName || "end"]] : void 0 : defaultState.value[dateRangeRecord.name];
-			changeFormState(dateRangeRecord.name, value);
-		}
-	}
-	watch(() => defaultState.value, () => {
-		resetFormState();
-	}, {
-		deep: true,
-		immediate: true
-	});
-	function changeFormState(key, value) {
-		if (key) formState[key] = value;
-	}
-	return {
-		formState,
-		resetFormState,
-		changeFormState
-	};
-}
-//#endregion
-export { useForm };