@rdeam/qui 2.0.0

package/es/components/search-form/src/components/Grid/components/GridItem.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridItem.vue.mjs","names":[],"sources":["../../../../../../../../../packages/components/search-form/src/components/Grid/components/GridItem.vue"],"sourcesContent":["<template>\n  <div v-show=\"isShow\" :style=\"style\">\n    <slot></slot>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { computed, inject, Ref, ref, useAttrs, watch } from 'vue'\nimport { BreakPoint, Responsive } from '../interface/index'\n\n// 定义 GridItem 组件的 Props 类型\ntype Props = {\n  offset?: number // 偏移量\n  span?: number // 跨度\n  suffix?: boolean // 是否是后缀项\n  xs?: Responsive // 响应式配置\n  sm?: Responsive\n  md?: Responsive\n  lg?: Responsive\n  xl?: Responsive\n}\n\n// 设置默认 Props 值\nconst props = withDefaults(defineProps<Props>(), {\n  offset: 0, // 默认偏移量为0\n  span: 1, // 默认跨度为1\n  suffix: false, // 默认不是后缀项\n  xs: undefined,\n  sm: undefined,\n  md: undefined,\n  lg: undefined,\n  xl: undefined,\n})\n\nconst attrs: any = useAttrs()\nconst isShow = ref(true) // 是否显示网格项，默认为true\n\n// 注入断点\nconst breakPoint = inject<Ref<BreakPoint>>('breakPoint', ref('xl'))\n// const shouldHiddenIndex = inject<Ref<number>>(\"shouldHiddenIndex\", ref(-1));\nconst collapseIndex: any = inject('collapseIndex')\n// 监听 shouldHiddenIndex 和 breakPoint 的变化，根据条件判断是否显示网格项\nwatch(\n  () => [collapseIndex.value, breakPoint.value],\n  (n) => {\n    if (attrs.index !== undefined) {\n      const nv = n[0] as number\n      isShow.value = !(n[0] !== -1 && parseInt(attrs.index) >= nv)\n    }\n  },\n  { immediate: true },\n)\n\nconst gap = inject('gap', 0) // 获取间距值\nconst cols = inject<Ref<number>>('cols', ref(4)) // 获取列数值\n\n// 根据当前断点和 Props 计算样式\nconst style = computed(() => {\n  let span = props[breakPoint.value]?.span ?? props.span // 获取当前断点下的跨度值，如果没有则使用默认跨度值\n  let offset = props[breakPoint.value]?.offset ?? props.offset // 获取当前断点下的偏移量值，如果没有则使用默认偏移量值\n  if (props.suffix) {\n    // 如果是后缀项，则使用 gridColumnStart 和 gridColumnEnd 来设置网格项的位置\n    return {\n      gridColumnStart: cols.value - span - offset + 1,\n      gridColumnEnd: `span ${span + offset}`,\n      marginLeft: offset !== 0 ? `calc(((100% + ${gap}px) / ${span + offset}) * ${offset})` : 'unset',\n    }\n  } else {\n    // 如果不是后缀项，则使用 gridColumn 来设置网格项的位置\n    return {\n      gridColumn: `span ${span + offset > cols.value ? cols.value : span + offset}/span ${\n        span + offset > cols.value ? cols.value : span + offset\n      }`,\n      marginLeft: offset !== 0 ? `calc(((100% + ${gap}px) / ${span + offset}) * ${offset})` : 'unset',\n    }\n  }\n})\n</script>\n"],"mappings":""}

package/es/components/search-form/src/components/Grid/components/GridItem.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,54 @@
+import { computed, createElementBlock, defineComponent, inject, normalizeStyle, openBlock, ref, renderSlot, useAttrs, vShow, watch, withDirectives } from "vue";
+//#region packages/components/search-form/src/components/Grid/components/GridItem.vue?vue&type=script&setup=true&lang.ts
+var GridItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "GridItem",
+	props: {
+		offset: { default: 0 },
+		span: { default: 1 },
+		suffix: {
+			type: Boolean,
+			default: false
+		},
+		xs: { default: void 0 },
+		sm: { default: void 0 },
+		md: { default: void 0 },
+		lg: { default: void 0 },
+		xl: { default: void 0 }
+	},
+	setup(__props) {
+		const props = __props;
+		const attrs = useAttrs();
+		const isShow = ref(true);
+		const breakPoint = inject("breakPoint", ref("xl"));
+		const collapseIndex = inject("collapseIndex");
+		watch(() => [collapseIndex.value, breakPoint.value], (n) => {
+			if (attrs.index !== void 0) {
+				const nv = n[0];
+				isShow.value = !(n[0] !== -1 && parseInt(attrs.index) >= nv);
+			}
+		}, { immediate: true });
+		const gap = inject("gap", 0);
+		const cols = inject("cols", ref(4));
+		const style = computed(() => {
+			var _props$breakPoint$val, _props$breakPoint$val2, _props$breakPoint$val3, _props$breakPoint$val4;
+			let span = (_props$breakPoint$val = (_props$breakPoint$val2 = props[breakPoint.value]) === null || _props$breakPoint$val2 === void 0 ? void 0 : _props$breakPoint$val2.span) !== null && _props$breakPoint$val !== void 0 ? _props$breakPoint$val : props.span;
+			let offset = (_props$breakPoint$val3 = (_props$breakPoint$val4 = props[breakPoint.value]) === null || _props$breakPoint$val4 === void 0 ? void 0 : _props$breakPoint$val4.offset) !== null && _props$breakPoint$val3 !== void 0 ? _props$breakPoint$val3 : props.offset;
+			if (props.suffix) return {
+				gridColumnStart: cols.value - span - offset + 1,
+				gridColumnEnd: `span ${span + offset}`,
+				marginLeft: offset !== 0 ? `calc(((100% + ${gap}px) / ${span + offset}) * ${offset})` : "unset"
+			};
+			else return {
+				gridColumn: `span ${span + offset > cols.value ? cols.value : span + offset}/span ${span + offset > cols.value ? cols.value : span + offset}`,
+				marginLeft: offset !== 0 ? `calc(((100% + ${gap}px) / ${span + offset}) * ${offset})` : "unset"
+			};
+		});
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createElementBlock("div", { style: normalizeStyle(style.value) }, [renderSlot(_ctx.$slots, "default")], 4)), [[vShow, isShow.value]]);
+		};
+	}
+});
+//#endregion
+export { GridItem_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=GridItem.vue_vue_type_script_setup_true_lang.mjs.map

package/es/components/search-form/src/components/Grid/components/GridItem.vue_vue_type_script_setup_true_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridItem.vue_vue_type_script_setup_true_lang.mjs","names":[],"sources":["../../../../../../../../../packages/components/search-form/src/components/Grid/components/GridItem.vue"],"sourcesContent":["<template>\n  <div v-show=\"isShow\" :style=\"style\">\n    <slot></slot>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { computed, inject, Ref, ref, useAttrs, watch } from 'vue'\nimport { BreakPoint, Responsive } from '../interface/index'\n\n// 定义 GridItem 组件的 Props 类型\ntype Props = {\n  offset?: number // 偏移量\n  span?: number // 跨度\n  suffix?: boolean // 是否是后缀项\n  xs?: Responsive // 响应式配置\n  sm?: Responsive\n  md?: Responsive\n  lg?: Responsive\n  xl?: Responsive\n}\n\n// 设置默认 Props 值\nconst props = defineProps({\n  offset: { default: 0 },\n  span: { default: 1 },\n  suffix: { type: Boolean, default: false },\n  xs: { default: undefined },\n  sm: { default: undefined },\n  md: { default: undefined },\n  lg: { default: undefined },\n  xl: { default: undefined }\n})\n\nconst attrs: any = useAttrs()\nconst isShow = ref(true) // 是否显示网格项，默认为true\n\n// 注入断点\nconst breakPoint = inject<Ref<BreakPoint>>('breakPoint', ref('xl'))\n// const shouldHiddenIndex = inject<Ref<number>>(\"shouldHiddenIndex\", ref(-1));\nconst collapseIndex: any = inject('collapseIndex')\n// 监听 shouldHiddenIndex 和 breakPoint 的变化，根据条件判断是否显示网格项\nwatch(\n  () => [collapseIndex.value, breakPoint.value],\n  (n) => {\n    if (attrs.index !== undefined) {\n      const nv = n[0] as number\n      isShow.value = !(n[0] !== -1 && parseInt(attrs.index) >= nv)\n    }\n  },\n  { immediate: true },\n)\n\nconst gap = inject('gap', 0) // 获取间距值\nconst cols = inject<Ref<number>>('cols', ref(4)) // 获取列数值\n\n// 根据当前断点和 Props 计算样式\nconst style = computed(() => {\n  let span = props[breakPoint.value]?.span ?? props.span // 获取当前断点下的跨度值，如果没有则使用默认跨度值\n  let offset = props[breakPoint.value]?.offset ?? props.offset // 获取当前断点下的偏移量值，如果没有则使用默认偏移量值\n  if (props.suffix) {\n    // 如果是后缀项，则使用 gridColumnStart 和 gridColumnEnd 来设置网格项的位置\n    return {\n      gridColumnStart: cols.value - span - offset + 1,\n      gridColumnEnd: `span ${span + offset}`,\n      marginLeft: offset !== 0 ? `calc(((100% + ${gap}px) / ${span + offset}) * ${offset})` : 'unset',\n    }\n  } else {\n    // 如果不是后缀项，则使用 gridColumn 来设置网格项的位置\n    return {\n      gridColumn: `span ${span + offset > cols.value ? cols.value : span + offset}/span ${\n        span + offset > cols.value ? cols.value : span + offset\n      }`,\n      marginLeft: offset !== 0 ? `calc(((100% + ${gap}px) / ${span + offset}) * ${offset})` : 'unset',\n    }\n  }\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAsBA,MAAM,QAAQ;EAWd,MAAM,QAAa,UAAS;EAC5B,MAAM,SAAS,IAAI,KAAK;EAGxB,MAAM,aAAa,OAAwB,cAAc,IAAI,KAAK,CAAA;EAElE,MAAM,gBAAqB,OAAO,gBAAe;AAEjD,cACQ,CAAC,cAAc,OAAO,WAAW,MAAM,GAC5C,MAAM;AACL,OAAI,MAAM,UAAU,KAAA,GAAW;IAC7B,MAAM,KAAK,EAAE;AACb,WAAO,QAAQ,EAAE,EAAE,OAAO,MAAM,SAAS,MAAM,MAAM,IAAI;;KAG7D,EAAE,WAAW,MAAM,CACrB;EAEA,MAAM,MAAM,OAAO,OAAO,EAAE;EAC5B,MAAM,OAAO,OAAoB,QAAQ,IAAI,EAAE,CAAC;EAGhD,MAAM,QAAQ,eAAe;;GAC3B,IAAI,QAAA,yBAAA,yBAAO,MAAM,WAAW,YAAA,QAAA,2BAAA,KAAA,IAAA,KAAA,IAAA,uBAAQ,UAAA,QAAA,0BAAA,KAAA,IAAA,wBAAQ,MAAM;GAClD,IAAI,UAAA,0BAAA,yBAAS,MAAM,WAAW,YAAA,QAAA,2BAAA,KAAA,IAAA,KAAA,IAAA,uBAAQ,YAAA,QAAA,2BAAA,KAAA,IAAA,yBAAU,MAAM;AACtD,OAAI,MAAM,OAER,QAAO;IACL,iBAAiB,KAAK,QAAQ,OAAO,SAAS;IAC9C,eAAe,QAAQ,OAAO;IAC9B,YAAY,WAAW,IAAI,iBAAiB,IAAI,QAAQ,OAAO,OAAO,MAAM,OAAO,KAAK;IAC1F;OAGA,QAAO;IACL,YAAY,QAAQ,OAAO,SAAS,KAAK,QAAQ,KAAK,QAAQ,OAAO,OAAO,QAC1E,OAAO,SAAS,KAAK,QAAQ,KAAK,QAAQ,OAAO;IAEnD,YAAY,WAAW,IAAI,iBAAiB,IAAI,QAAQ,OAAO,OAAO,MAAM,OAAO,KAAK;IAC1F;IAEH;;uCA1EC,mBAEM,OAAA,EAFgB,OAAK,eAAE,MAAA,MAAK,EAAA,EAAA,CAChC,WAAa,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,GAAA,CAAA,CAAA,OADF,OAAA,MAAM,CAAA,CAAA"}

package/es/components/search-form/src/components/Grid/index.vue.d.ts

@@ -0,0 +1,28 @@
+import type { BreakPoint } from './interface/index.js';
+type Props = {
+    cols?: number | Record<BreakPoint, number>;
+    collapsed?: boolean;
+    collapsedRows?: number;
+    gap?: [number, number] | number;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {
+    breakPoint: any;
+    resize: (width: number) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    collapsedRows: number;
+    cols: number | Record<BreakPoint, number>;
+    collapsed: boolean;
+    gap: [number, number] | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/search-form/src/components/Grid/index.vue.mjs

@@ -0,0 +1,7 @@
+import index_vue_vue_type_script_setup_true_lang_default from "./index.vue_vue_type_script_setup_true_lang.mjs";
+//#region packages/components/search-form/src/components/Grid/index.vue
+var Grid_default = index_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Grid_default as default };
+
+//# sourceMappingURL=index.vue.mjs.map

package/es/components/search-form/src/components/Grid/index.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.mjs","names":[],"sources":["../../../../../../../../packages/components/search-form/src/components/Grid/index.vue"],"sourcesContent":["<template>\n  <div :style=\"style\">\n    <slot></slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, provide } from 'vue'\nimport type { BreakPoint } from './interface/index'\n\ntype Props = {\n  cols?: number | Record<BreakPoint, number> // 列数\n  collapsed?: boolean // 是否折叠\n  collapsedRows?: number // 折叠时显示的行数\n  gap?: [number, number] | number // 网格项之间的间距\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  cols: () => ({ xs: 1, sm: 2, md: 3, lg: 4, xl: 6 }), // 默认列数\n  collapsed: false, // 默认不折叠\n  collapsedRows: 1, // 默认折叠时显示一行\n  gap: 0, // 默认间距为0\n})\n\nconst breakPoint = ref<BreakPoint>('xl')\n// const hiddenIndex = ref(-1);\n\n// 监听窗口大小变化的回调函数\nconst resize = (width: number) => {\n  // switch (!!width) {\n  //   case width < 768:\n  //     breakPoint.value = \"xs\";\n  //     break;\n  //   case width >= 768 && width < 992:\n  //     breakPoint.value = \"sm\";\n  //     break;\n  //   case width >= 992 && width < 1200:\n  //     breakPoint.value = \"md\";\n  //     break;\n  //   case width >= 1200 && width < 1920:\n  //     breakPoint.value = \"lg\";\n  //     break;\n  //   case width >= 1920:\n  //     breakPoint.value = \"xl\";\n  //     break;\n  // }\n  if (width < 768) {\n    breakPoint.value = 'xs'\n  } else if (width >= 768 && width < 992) {\n    breakPoint.value = 'sm'\n  } else if (width >= 992 && width < 1200) {\n    breakPoint.value = 'md'\n  } else if (width >= 1200 && width < 1920) {\n    breakPoint.value = 'lg'\n  } else {\n    breakPoint.value = 'xl'\n  }\n}\n\n// 注入 gap 间距，如果 gap 是一个数组，则取第一个值作为间距值\nprovide('gap', Array.isArray(props.gap) ? props.gap[0] : props.gap)\n\n// 注入响应式断点，即屏幕大小变化时的断点值\nprovide('breakPoint', breakPoint)\n\n// 注入要开始折叠的 index，即需要折叠的部分在 fields 数组中的起始位置\n// provide(\"shouldHiddenIndex\", hiddenIndex);\n\n// 注入 cols，即当前屏幕大小下的列数\nconst cols = computed(() => {\n  if (typeof props.cols === 'object') return props.cols[breakPoint.value] ?? props.cols\n  return props.cols\n})\nprovide('cols', cols)\n\n// let slots: any = useSlots();\n// if (slots.default && typeof slots.default === \"function\") {\n//   slots = slots.default();\n// }\n// console.log(\"获取插槽------\", slots);\n// // 寻找需要开始折叠的字段 index，实现折叠功能\n// const findIndex = () => {\n//   let fields: VNodeArrayChildren = [];\n//   let suffix: any = null;\n//   logger(slots);\n//   slots.forEach((slot: any) => {\n//     if (typeof slot.type === \"object\") {\n//       if (slot.type.name === \"GridItem\" && slot.props?.suffix !== undefined) {\n//         suffix = slot;\n//       }\n//     }\n//     if (typeof slot.type === \"symbol\") {\n//       if (Array.isArray(slot.children)) {\n//         slot.children.forEach((child: any) => {\n//           child && fields.push(child);\n//         });\n//       }\n//     }\n//   });\n\n//   // 计算 suffix 所占用的列\n//   let suffixCols = 0;\n//   if (suffix) {\n//     suffixCols =\n//       (suffix.props[breakPoint.value]?.span ?? suffix.props?.span ?? 1) +\n//       (suffix.props[breakPoint.value]?.offset ?? suffix.props?.offset ?? 0);\n//   }\n//   // 遍历所有表单项，计算它们所占用的列数，并判断是否需要折叠\n//   try {\n//     let find = false;\n//     fields.reduce((prev = 0, current: any, index) => {\n//       prev +=\n//         (current.props[breakPoint.value]?.span ?? (current as VNode).props?.span ?? 1) +\n//         (current.props[breakPoint.value]?.offset ?? (current as VNode).props?.offset ?? 0);\n//       if ((prev as number) > props.collapsedRows * cols.value - suffixCols) {\n//         hiddenIndex.value = index;\n//         console.log(\"隐藏的列下标---1\", hiddenIndex.value);\n//         find = true;\n//         throw \"find it\";\n//       }\n//       return prev;\n//     }, 0);\n\n//     if (!find) hiddenIndex.value = -1;\n//     console.log(\"隐藏的列下标---2\", hiddenIndex.value);\n//   } catch (e) {\n//     // warning(e);\n//   }\n// };\n\n// 监听断点变化，当断点变化时重新计算需要折叠的部分的起始位置\n// watch(\n//   () => breakPoint.value,\n//   () => {\n//     if (props.collapsed) findIndex();\n//   }\n// );\n\n// // 监听 collapsed\n// watch(\n//   () => props.collapsed,\n//   (value) => {\n//     console.log(\"collapsed-变化\", value);\n//     if (value) return findIndex();\n//     hiddenIndex.value = -1;\n//   }\n// );\n\n// 设置间距\nconst gap = computed(() => {\n  if (typeof props.gap === 'number') return `${props.gap}px`\n  if (Array.isArray(props.gap)) return `${props.gap[1]}px ${props.gap[0]}px`\n  return 'unset'\n})\n\n// 设置 style\nconst style = computed(() => {\n  return {\n    display: 'grid',\n    gridGap: gap.value,\n    gridTemplateColumns: `repeat(${cols.value}, minmax(0, 1fr))`,\n  }\n})\n\n// 在组件挂载前执行，如果需要折叠，则寻找需要折叠的字段 index\n// onBeforeMount(() => props.collapsed && findIndex());\n\ndefineExpose({ breakPoint, resize })\n</script>\n"],"mappings":""}

package/es/components/search-form/src/components/Grid/index.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,62 @@
+import { computed, createElementBlock, defineComponent, normalizeStyle, openBlock, provide, ref, renderSlot } from "vue";
+//#region packages/components/search-form/src/components/Grid/index.vue?vue&type=script&setup=true&lang.ts
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		cols: { default: () => ({
+			xs: 1,
+			sm: 2,
+			md: 3,
+			lg: 4,
+			xl: 6
+		}) },
+		collapsed: {
+			type: Boolean,
+			default: false
+		},
+		collapsedRows: { default: 1 },
+		gap: { default: 0 }
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const breakPoint = ref("xl");
+		const resize = (width) => {
+			if (width < 768) breakPoint.value = "xs";
+			else if (width >= 768 && width < 992) breakPoint.value = "sm";
+			else if (width >= 992 && width < 1200) breakPoint.value = "md";
+			else if (width >= 1200 && width < 1920) breakPoint.value = "lg";
+			else breakPoint.value = "xl";
+		};
+		provide("gap", Array.isArray(props.gap) ? props.gap[0] : props.gap);
+		provide("breakPoint", breakPoint);
+		const cols = computed(() => {
+			var _props$cols$breakPoin;
+			if (typeof props.cols === "object") return (_props$cols$breakPoin = props.cols[breakPoint.value]) !== null && _props$cols$breakPoin !== void 0 ? _props$cols$breakPoin : props.cols;
+			return props.cols;
+		});
+		provide("cols", cols);
+		const gap = computed(() => {
+			if (typeof props.gap === "number") return `${props.gap}px`;
+			if (Array.isArray(props.gap)) return `${props.gap[1]}px ${props.gap[0]}px`;
+			return "unset";
+		});
+		const style = computed(() => {
+			return {
+				display: "grid",
+				gridGap: gap.value,
+				gridTemplateColumns: `repeat(${cols.value}, minmax(0, 1fr))`
+			};
+		});
+		__expose({
+			breakPoint,
+			resize
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { style: normalizeStyle(style.value) }, [renderSlot(_ctx.$slots, "default")], 4);
+		};
+	}
+});
+//#endregion
+export { index_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=index.vue_vue_type_script_setup_true_lang.mjs.map

package/es/components/search-form/src/components/Grid/index.vue_vue_type_script_setup_true_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue_vue_type_script_setup_true_lang.mjs","names":[],"sources":["../../../../../../../../packages/components/search-form/src/components/Grid/index.vue"],"sourcesContent":["<template>\n  <div :style=\"style\">\n    <slot></slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, provide } from 'vue'\nimport type { BreakPoint } from './interface/index'\n\ntype Props = {\n  cols?: number | Record<BreakPoint, number> // 列数\n  collapsed?: boolean // 是否折叠\n  collapsedRows?: number // 折叠时显示的行数\n  gap?: [number, number] | number // 网格项之间的间距\n}\n\nconst props = defineProps({\n  cols: { default: () => ({ xs: 1, sm: 2, md: 3, lg: 4, xl: 6 }) },\n  collapsed: { type: Boolean, default: false },\n  collapsedRows: { default: 1 },\n  gap: { default: 0 }\n})\n\nconst breakPoint = ref<BreakPoint>('xl')\n// const hiddenIndex = ref(-1);\n\n// 监听窗口大小变化的回调函数\nconst resize = (width: number) => {\n  // switch (!!width) {\n  //   case width < 768:\n  //     breakPoint.value = \"xs\";\n  //     break;\n  //   case width >= 768 && width < 992:\n  //     breakPoint.value = \"sm\";\n  //     break;\n  //   case width >= 992 && width < 1200:\n  //     breakPoint.value = \"md\";\n  //     break;\n  //   case width >= 1200 && width < 1920:\n  //     breakPoint.value = \"lg\";\n  //     break;\n  //   case width >= 1920:\n  //     breakPoint.value = \"xl\";\n  //     break;\n  // }\n  if (width < 768) {\n    breakPoint.value = 'xs'\n  } else if (width >= 768 && width < 992) {\n    breakPoint.value = 'sm'\n  } else if (width >= 992 && width < 1200) {\n    breakPoint.value = 'md'\n  } else if (width >= 1200 && width < 1920) {\n    breakPoint.value = 'lg'\n  } else {\n    breakPoint.value = 'xl'\n  }\n}\n\n// 注入 gap 间距，如果 gap 是一个数组，则取第一个值作为间距值\nprovide('gap', Array.isArray(props.gap) ? props.gap[0] : props.gap)\n\n// 注入响应式断点，即屏幕大小变化时的断点值\nprovide('breakPoint', breakPoint)\n\n// 注入要开始折叠的 index，即需要折叠的部分在 fields 数组中的起始位置\n// provide(\"shouldHiddenIndex\", hiddenIndex);\n\n// 注入 cols，即当前屏幕大小下的列数\nconst cols = computed(() => {\n  if (typeof props.cols === 'object') return props.cols[breakPoint.value] ?? props.cols\n  return props.cols\n})\nprovide('cols', cols)\n\n// let slots: any = useSlots();\n// if (slots.default && typeof slots.default === \"function\") {\n//   slots = slots.default();\n// }\n// console.log(\"获取插槽------\", slots);\n// // 寻找需要开始折叠的字段 index，实现折叠功能\n// const findIndex = () => {\n//   let fields: VNodeArrayChildren = [];\n//   let suffix: any = null;\n//   logger(slots);\n//   slots.forEach((slot: any) => {\n//     if (typeof slot.type === \"object\") {\n//       if (slot.type.name === \"GridItem\" && slot.props?.suffix !== undefined) {\n//         suffix = slot;\n//       }\n//     }\n//     if (typeof slot.type === \"symbol\") {\n//       if (Array.isArray(slot.children)) {\n//         slot.children.forEach((child: any) => {\n//           child && fields.push(child);\n//         });\n//       }\n//     }\n//   });\n\n//   // 计算 suffix 所占用的列\n//   let suffixCols = 0;\n//   if (suffix) {\n//     suffixCols =\n//       (suffix.props[breakPoint.value]?.span ?? suffix.props?.span ?? 1) +\n//       (suffix.props[breakPoint.value]?.offset ?? suffix.props?.offset ?? 0);\n//   }\n//   // 遍历所有表单项，计算它们所占用的列数，并判断是否需要折叠\n//   try {\n//     let find = false;\n//     fields.reduce((prev = 0, current: any, index) => {\n//       prev +=\n//         (current.props[breakPoint.value]?.span ?? (current as VNode).props?.span ?? 1) +\n//         (current.props[breakPoint.value]?.offset ?? (current as VNode).props?.offset ?? 0);\n//       if ((prev as number) > props.collapsedRows * cols.value - suffixCols) {\n//         hiddenIndex.value = index;\n//         console.log(\"隐藏的列下标---1\", hiddenIndex.value);\n//         find = true;\n//         throw \"find it\";\n//       }\n//       return prev;\n//     }, 0);\n\n//     if (!find) hiddenIndex.value = -1;\n//     console.log(\"隐藏的列下标---2\", hiddenIndex.value);\n//   } catch (e) {\n//     // warning(e);\n//   }\n// };\n\n// 监听断点变化，当断点变化时重新计算需要折叠的部分的起始位置\n// watch(\n//   () => breakPoint.value,\n//   () => {\n//     if (props.collapsed) findIndex();\n//   }\n// );\n\n// // 监听 collapsed\n// watch(\n//   () => props.collapsed,\n//   (value) => {\n//     console.log(\"collapsed-变化\", value);\n//     if (value) return findIndex();\n//     hiddenIndex.value = -1;\n//   }\n// );\n\n// 设置间距\nconst gap = computed(() => {\n  if (typeof props.gap === 'number') return `${props.gap}px`\n  if (Array.isArray(props.gap)) return `${props.gap[1]}px ${props.gap[0]}px`\n  return 'unset'\n})\n\n// 设置 style\nconst style = computed(() => {\n  return {\n    display: 'grid',\n    gridGap: gap.value,\n    gridTemplateColumns: `repeat(${cols.value}, minmax(0, 1fr))`,\n  }\n})\n\n// 在组件挂载前执行，如果需要折叠，则寻找需要折叠的字段 index\n// onBeforeMount(() => props.collapsed && findIndex());\n\ndefineExpose({ breakPoint, resize })\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAiBA,MAAM,QAAQ;EAOd,MAAM,aAAa,IAAgB,KAAI;EAIvC,MAAM,UAAU,UAAkB;AAkBhC,OAAI,QAAQ,IACV,YAAW,QAAQ;YACV,SAAS,OAAO,QAAQ,IACjC,YAAW,QAAQ;YACV,SAAS,OAAO,QAAQ,KACjC,YAAW,QAAQ;YACV,SAAS,QAAQ,QAAQ,KAClC,YAAW,QAAQ;OAEnB,YAAW,QAAQ;;AAKvB,UAAQ,OAAO,MAAM,QAAQ,MAAM,IAAI,GAAG,MAAM,IAAI,KAAK,MAAM,IAAG;AAGlE,UAAQ,cAAc,WAAU;EAMhC,MAAM,OAAO,eAAe;;AAC1B,OAAI,OAAO,MAAM,SAAS,SAAU,SAAA,wBAAO,MAAM,KAAK,WAAW,YAAA,QAAA,0BAAA,KAAA,IAAA,wBAAU,MAAM;AACjF,UAAO,MAAM;IACd;AACD,UAAQ,QAAQ,KAAI;EA4EpB,MAAM,MAAM,eAAe;AACzB,OAAI,OAAO,MAAM,QAAQ,SAAU,QAAO,GAAG,MAAM,IAAI;AACvD,OAAI,MAAM,QAAQ,MAAM,IAAI,CAAE,QAAO,GAAG,MAAM,IAAI,GAAG,KAAK,MAAM,IAAI,GAAG;AACvE,UAAO;IACR;EAGD,MAAM,QAAQ,eAAe;AAC3B,UAAO;IACL,SAAS;IACT,SAAS,IAAI;IACb,qBAAqB,UAAU,KAAK,MAAM;IAC5C;IACD;AAKD,WAAa;GAAE;GAAY;GAAQ,CAAA;;uBAtKjC,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,MAAK,EAAA,EAAA,CAChB,WAAa,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/es/components/search-form/src/components/Grid/interface/index.d.ts

@@ -0,0 +1,5 @@
+export type BreakPoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type Responsive = {
+    span?: number;
+    offset?: number;
+};

package/es/components/search-form/src/components/SearchFormItem.vue.d.ts

@@ -0,0 +1,36 @@
+import { PropType } from 'vue';
+import { SearchFormControlProps } from '../isearch-form.js';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    control: {
+        type: PropType<SearchFormControlProps>;
+        required: true;
+    };
+    modelValue: {
+        type: (ArrayConstructor | ObjectConstructor | NumberConstructor | StringConstructor | BooleanConstructor)[];
+        default: string;
+    };
+    cslot: {
+        type: FunctionConstructor[];
+        default: null;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    control: {
+        type: PropType<SearchFormControlProps>;
+        required: true;
+    };
+    modelValue: {
+        type: (ArrayConstructor | ObjectConstructor | NumberConstructor | StringConstructor | BooleanConstructor)[];
+        default: string;
+    };
+    cslot: {
+        type: FunctionConstructor[];
+        default: null;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: string | number | boolean | unknown[] | Record<string, any>;
+    cslot: Function;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/components/search-form/src/components/SearchFormItem.vue.mjs

@@ -0,0 +1,7 @@
+import SearchFormItem_vue_vue_type_script_lang_default from "./SearchFormItem.vue_vue_type_script_lang.mjs";
+//#region packages/components/search-form/src/components/SearchFormItem.vue
+var SearchFormItem_default = SearchFormItem_vue_vue_type_script_lang_default;
+//#endregion
+export { SearchFormItem_default as default };
+
+//# sourceMappingURL=SearchFormItem.vue.mjs.map

package/es/components/search-form/src/components/SearchFormItem.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchFormItem.vue.mjs","names":[],"sources":["../../../../../../../packages/components/search-form/src/components/SearchFormItem.vue"],"sourcesContent":["<script lang=\"tsx\">\r\nimport { PropType, defineComponent, defineAsyncComponent, computed } from 'vue'\r\nimport { SearchFormControlProps, SelectOptionsProps } from '../isearch-form'\r\nimport RemoteSearch from '@hd-custom/components/remote-search'\r\n\r\nconst _elNameMap: any = {\r\n  input: 'ElInput',\r\n  select: 'ElSelect',\r\n  'tree-select': 'ElTreeSelect',\r\n  'date-picker': 'ElDatePicker',\r\n  'time-picker': 'ElTimePicker',\r\n  switch: 'ElSwitch',\r\n  checkbox: 'ElCheckbox',\r\n}\r\n\r\nexport default defineComponent({\r\n  props: {\r\n    control: {\r\n      type: Object as PropType<SearchFormControlProps>,\r\n      required: true,\r\n    },\r\n    modelValue: {\r\n      type: [String, Number, Boolean, Array, Object],\r\n      default: '',\r\n    },\r\n    cslot: {\r\n      type: [Function],\r\n      default: null,\r\n    },\r\n  },\r\n  emits: ['update:modelValue'],\r\n  setup(props, ctx) {\r\n    const _control = props.control\r\n    const _el: any = props?.control?.el\r\n    const _elName: any = _elNameMap[_el]\r\n    const ElInputComponent = defineAsyncComponent(() => import('element-plus').then((module: any) => module[_elName]))\r\n    const _ElOption = defineAsyncComponent(() => import('element-plus').then((module: any) => module['ElOption']))\r\n\r\n    // 判断 placeholder\r\n    const _placeholder = (control: SearchFormControlProps | undefined) => {\r\n      return control?.props?.placeholder ?? (control?.el === 'input' ? '请输入' : '请选择')\r\n    }\r\n    // 是否有清除按�?(当搜索项有默认值时，清除按钮不显示)\r\n    const _clearable = (control: SearchFormControlProps | undefined) => {\r\n      return control?.props?.clearable ?? (control?.defaultValue == null || control?.defaultValue == undefined)\r\n    }\r\n\r\n    const _value = computed({\r\n      get() {\r\n        if (_elName === _elNameMap.select && _control?.props?.multiple && !Array.isArray(props.modelValue)) {\r\n          return []\r\n        }\r\n        return typeof props.modelValue === 'string' ? props.modelValue?.trim() : props.modelValue\r\n      },\r\n      set(value) {\r\n        ctx.emit('update:modelValue', typeof value === 'string' ? value?.trim() : value)\r\n      },\r\n    })\r\n\r\n    const renderEl = () => {\r\n      const renderElInputComponent = (children?: any) => (\r\n        <ElInputComponent\r\n          v-model={_value.value}\r\n          placeholder={_placeholder(props?.control)}\r\n          clearable={_clearable(props?.control)}\r\n          {...props?.control?.props}\r\n          class=\"msearch-form-item\"\r\n        >\r\n          {children}\r\n        </ElInputComponent>\r\n      )\r\n\r\n      const renderElOption = (options: SelectOptionsProps[]) => {\r\n        return options.map((item) => <_ElOption label={item.label} value={item.value}></_ElOption>)\r\n      }\r\n\r\n      if (props.control.el === 'select') {\r\n        if (props.control.options) {\r\n          return renderElInputComponent(renderElOption(props.control.options))\r\n        } else if (props.control.isRemote) {\r\n          return selectRemoteRender()\r\n        }\r\n      } else {\r\n        return renderElInputComponent()\r\n      }\r\n    }\r\n\r\n    const controlRender = () => {\r\n      return _control.render && _control.render(_value, _control)\r\n    }\r\n\r\n    const selectRemoteRender = () => {\r\n      return _control.isRemote && <RemoteSearch v-model={_value.value} {..._control.remoteProps} />\r\n    }\r\n\r\n    return () => {\r\n      return (\r\n        <>\r\n          {_control?.render\r\n            ? controlRender()\r\n            : props.cslot\r\n              ? props.cslot({ _value, control: _control })\r\n              : _control?.el && renderEl()}\r\n        </>\r\n      )\r\n    }\r\n  },\r\n})\r\n</script>\r\n"],"mappings":""}

package/es/components/search-form/src/components/SearchFormItem.vue_vue_type_script_lang.mjs

@@ -0,0 +1,103 @@
+import { HdRemoteSearch } from "../../../remote-search/index.mjs";
+import { Fragment, computed, createVNode, defineAsyncComponent, defineComponent, isVNode, mergeProps } from "vue";
+//#region packages/components/search-form/src/components/SearchFormItem.vue?vue&type=script&lang.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var _elNameMap = {
+	input: "ElInput",
+	select: "ElSelect",
+	"tree-select": "ElTreeSelect",
+	"date-picker": "ElDatePicker",
+	"time-picker": "ElTimePicker",
+	switch: "ElSwitch",
+	checkbox: "ElCheckbox"
+};
+var SearchFormItem_vue_vue_type_script_lang_default = /* @__PURE__ */ defineComponent({
+	props: {
+		control: {
+			type: Object,
+			required: true
+		},
+		modelValue: {
+			type: [
+				String,
+				Number,
+				Boolean,
+				Array,
+				Object
+			],
+			default: ""
+		},
+		cslot: {
+			type: [Function],
+			default: null
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(props, ctx) {
+		var _props$control;
+		const _control = props.control;
+		const _elName = _elNameMap[props === null || props === void 0 || (_props$control = props.control) === null || _props$control === void 0 ? void 0 : _props$control.el];
+		const ElInputComponent = defineAsyncComponent(() => import("element-plus").then((module) => module[_elName]));
+		const _ElOption = defineAsyncComponent(() => import("element-plus").then((module) => module["ElOption"]));
+		const _placeholder = (control) => {
+			var _control$props$placeh, _control$props;
+			return (_control$props$placeh = control === null || control === void 0 || (_control$props = control.props) === null || _control$props === void 0 ? void 0 : _control$props.placeholder) !== null && _control$props$placeh !== void 0 ? _control$props$placeh : (control === null || control === void 0 ? void 0 : control.el) === "input" ? "请输入" : "请选择";
+		};
+		const _clearable = (control) => {
+			var _control$props$cleara, _control$props2;
+			return (_control$props$cleara = control === null || control === void 0 || (_control$props2 = control.props) === null || _control$props2 === void 0 ? void 0 : _control$props2.clearable) !== null && _control$props$cleara !== void 0 ? _control$props$cleara : (control === null || control === void 0 ? void 0 : control.defaultValue) == null || (control === null || control === void 0 ? void 0 : control.defaultValue) == void 0;
+		};
+		const _value = computed({
+			get() {
+				var _control$props3, _props$modelValue;
+				if (_elName === _elNameMap.select && (_control === null || _control === void 0 || (_control$props3 = _control.props) === null || _control$props3 === void 0 ? void 0 : _control$props3.multiple) && !Array.isArray(props.modelValue)) return [];
+				return typeof props.modelValue === "string" ? (_props$modelValue = props.modelValue) === null || _props$modelValue === void 0 ? void 0 : _props$modelValue.trim() : props.modelValue;
+			},
+			set(value) {
+				ctx.emit("update:modelValue", typeof value === "string" ? value === null || value === void 0 ? void 0 : value.trim() : value);
+			}
+		});
+		const renderEl = () => {
+			const renderElInputComponent = (children) => {
+				var _props$control2;
+				return createVNode(ElInputComponent, mergeProps({
+					"modelValue": _value.value,
+					"onUpdate:modelValue": ($event) => _value.value = $event,
+					"placeholder": _placeholder(props === null || props === void 0 ? void 0 : props.control),
+					"clearable": _clearable(props === null || props === void 0 ? void 0 : props.control)
+				}, props === null || props === void 0 || (_props$control2 = props.control) === null || _props$control2 === void 0 ? void 0 : _props$control2.props, { "class": "msearch-form-item" }), _isSlot(children) ? children : { default: () => [children] });
+			};
+			const renderElOption = (options) => {
+				return options.map((item) => createVNode(_ElOption, {
+					"label": item.label,
+					"value": item.value
+				}, null));
+			};
+			if (props.control.el === "select") {
+				if (props.control.options) return renderElInputComponent(renderElOption(props.control.options));
+				else if (props.control.isRemote) return selectRemoteRender();
+			} else return renderElInputComponent();
+		};
+		const controlRender = () => {
+			return _control.render && _control.render(_value, _control);
+		};
+		const selectRemoteRender = () => {
+			return _control.isRemote && createVNode(HdRemoteSearch, mergeProps({
+				"modelValue": _value.value,
+				"onUpdate:modelValue": ($event) => _value.value = $event
+			}, _control.remoteProps), null);
+		};
+		return () => {
+			return createVNode(Fragment, null, [(_control === null || _control === void 0 ? void 0 : _control.render) ? controlRender() : props.cslot ? props.cslot({
+				_value,
+				control: _control
+			}) : (_control === null || _control === void 0 ? void 0 : _control.el) && renderEl()]);
+		};
+	}
+});
+//#endregion
+export { SearchFormItem_vue_vue_type_script_lang_default as default };
+
+//# sourceMappingURL=SearchFormItem.vue_vue_type_script_lang.mjs.map

package/es/components/search-form/src/components/SearchFormItem.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchFormItem.vue_vue_type_script_lang.mjs","names":[],"sources":["../../../../../../../packages/components/search-form/src/components/SearchFormItem.vue"],"sourcesContent":["<script lang=\"tsx\">\r\nimport { PropType, defineComponent, defineAsyncComponent, computed } from 'vue'\r\nimport { SearchFormControlProps, SelectOptionsProps } from '../isearch-form'\r\nimport RemoteSearch from '@hd-custom/components/remote-search'\r\n\r\nconst _elNameMap: any = {\r\n  input: 'ElInput',\r\n  select: 'ElSelect',\r\n  'tree-select': 'ElTreeSelect',\r\n  'date-picker': 'ElDatePicker',\r\n  'time-picker': 'ElTimePicker',\r\n  switch: 'ElSwitch',\r\n  checkbox: 'ElCheckbox',\r\n}\r\n\r\nexport default defineComponent({\r\n  props: {\r\n    control: {\r\n      type: Object as PropType<SearchFormControlProps>,\r\n      required: true,\r\n    },\r\n    modelValue: {\r\n      type: [String, Number, Boolean, Array, Object],\r\n      default: '',\r\n    },\r\n    cslot: {\r\n      type: [Function],\r\n      default: null,\r\n    },\r\n  },\r\n  emits: ['update:modelValue'],\r\n  setup(props, ctx) {\r\n    const _control = props.control\r\n    const _el: any = props?.control?.el\r\n    const _elName: any = _elNameMap[_el]\r\n    const ElInputComponent = defineAsyncComponent(() => import('element-plus').then((module: any) => module[_elName]))\r\n    const _ElOption = defineAsyncComponent(() => import('element-plus').then((module: any) => module['ElOption']))\r\n\r\n    // 判断 placeholder\r\n    const _placeholder = (control: SearchFormControlProps | undefined) => {\r\n      return control?.props?.placeholder ?? (control?.el === 'input' ? '请输入' : '请选择')\r\n    }\r\n    // 是否有清除按�?(当搜索项有默认值时，清除按钮不显示)\r\n    const _clearable = (control: SearchFormControlProps | undefined) => {\r\n      return control?.props?.clearable ?? (control?.defaultValue == null || control?.defaultValue == undefined)\r\n    }\r\n\r\n    const _value = computed({\r\n      get() {\r\n        if (_elName === _elNameMap.select && _control?.props?.multiple && !Array.isArray(props.modelValue)) {\r\n          return []\r\n        }\r\n        return typeof props.modelValue === 'string' ? props.modelValue?.trim() : props.modelValue\r\n      },\r\n      set(value) {\r\n        ctx.emit('update:modelValue', typeof value === 'string' ? value?.trim() : value)\r\n      },\r\n    })\r\n\r\n    const renderEl = () => {\r\n      const renderElInputComponent = (children?: any) => (\r\n        <ElInputComponent\r\n          v-model={_value.value}\r\n          placeholder={_placeholder(props?.control)}\r\n          clearable={_clearable(props?.control)}\r\n          {...props?.control?.props}\r\n          class=\"msearch-form-item\"\r\n        >\r\n          {children}\r\n        </ElInputComponent>\r\n      )\r\n\r\n      const renderElOption = (options: SelectOptionsProps[]) => {\r\n        return options.map((item) => <_ElOption label={item.label} value={item.value}></_ElOption>)\r\n      }\r\n\r\n      if (props.control.el === 'select') {\r\n        if (props.control.options) {\r\n          return renderElInputComponent(renderElOption(props.control.options))\r\n        } else if (props.control.isRemote) {\r\n          return selectRemoteRender()\r\n        }\r\n      } else {\r\n        return renderElInputComponent()\r\n      }\r\n    }\r\n\r\n    const controlRender = () => {\r\n      return _control.render && _control.render(_value, _control)\r\n    }\r\n\r\n    const selectRemoteRender = () => {\r\n      return _control.isRemote && <RemoteSearch v-model={_value.value} {..._control.remoteProps} />\r\n    }\r\n\r\n    return () => {\r\n      return (\r\n        <>\r\n          {_control?.render\r\n            ? controlRender()\r\n            : props.cslot\r\n              ? props.cslot({ _value, control: _control })\r\n              : _control?.el && renderEl()}\r\n        </>\r\n      )\r\n    }\r\n  },\r\n})\r\n</script>\r\n"],"mappings":"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"}

package/es/components/search-form/src/instance.d.ts

@@ -0,0 +1,2 @@
+import type SearchForm from './search-form.js';
+export type SearchFormInstance = InstanceType<typeof SearchForm>;

package/es/components/search-form/src/isearch-form.d.ts

@@ -0,0 +1,76 @@
+import type { ExtractPropTypes } from 'vue';
+import { InputProps, ElSelect, SwitchProps, TimePickerDefaultProps, CheckboxProps, ElDatePicker } from 'element-plus';
+import { TimeSelectProps } from 'element-plus/es/components/time-select/src/time-select';
+import { HdRemoteSearch } from '../../remote-search/index.js';
+export type RemoteSelectProps = Partial<typeof HdRemoteSearch.__defaults>;
+type ElDatePickerProps = typeof ElDatePicker.props;
+type ElSelectProps = typeof ElSelect.props;
+interface _SelectProps {
+    remoteProps?: RemoteSelectProps;
+}
+type FormEl = {
+    input: Partial<InputProps>;
+    select: _SelectProps;
+    'tree-select': ElSelectProps;
+    'date-picker': ElDatePickerProps;
+    'time-picker': TimePickerDefaultProps;
+    'time-select': TimeSelectProps;
+    switch: SwitchProps;
+    checkbox: CheckboxProps;
+};
+export type BreakPoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type Responsive = {
+    span?: number;
+    offset?: number;
+};
+export interface SelectOptionsProps {
+    label: string;
+    value: any;
+}
+interface SearchProps<T extends keyof FormEl> {
+    el?: T;
+    props?: FormEl[T];
+    label?: string;
+    field?: string;
+    defaultValue?: string | number | boolean | Function | any[];
+    clearDefaultValue?: boolean;
+    formatValue?: Function;
+    fieldFormat?: Function;
+    span?: number;
+    offset?: number;
+    options?: SelectOptionsProps[];
+    colConfig?: number | Record<BreakPoint, number>;
+    xs?: Responsive;
+    sm?: Responsive;
+    md?: Responsive;
+    lg?: Responsive;
+    xl?: Responsive;
+    render?: Function;
+    isRemote?: boolean;
+    remoteProps?: any;
+    hide?: () => boolean;
+}
+type El = keyof FormEl;
+export type SearchFormControlProps = SearchProps<El>;
+export declare const searchFormProps: {
+    searchModel: import("../../../utils/index.js").EpPropFinalized<ObjectConstructor, unknown, unknown, () => null, boolean>;
+    colConfig: import("../../../utils/index.js").EpPropFinalized<(ObjectConstructor | NumberConstructor)[], unknown, unknown, () => {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+    }, boolean>;
+    collapsedRows: import("../../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    formControls: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => SearchFormControlProps[]) | (() => SearchFormControlProps[]) | (((new (...args: any[]) => SearchFormControlProps[]) | (() => SearchFormControlProps[])) | null)[], unknown, unknown, () => never[], boolean>;
+    modelDefault: import("../../../utils/index.js").EpPropFinalized<ObjectConstructor, unknown, unknown, null, boolean>;
+    okpos: import("../../../utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+    collapse: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    clearDefaultValue: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    afterSearchFun: import("../../../utils/index.js").EpPropFinalized<FunctionConstructor, unknown, unknown, () => {}, boolean>;
+    afterResetFun: import("../../../utils/index.js").EpPropFinalized<FunctionConstructor, unknown, unknown, () => {}, boolean>;
+    beforeResetFun: import("../../../utils/index.js").EpPropFinalized<FunctionConstructor, unknown, unknown, () => {}, boolean>;
+};
+export declare const searchFormEmits: string[];
+export type SearchFormProps = ExtractPropTypes<typeof searchFormProps>;
+export {};

package/es/components/search-form/src/isearch-form.mjs

@@ -0,0 +1,63 @@
+import { buildProps } from "../../../utils/vue/props/runtime.mjs";
+//#region packages/components/search-form/src/isearch-form.ts
+var searchFormProps = buildProps({
+	searchModel: {
+		type: Object,
+		default: () => null
+	},
+	colConfig: {
+		type: [Number, Object],
+		default: () => ({
+			xs: 1,
+			sm: 2,
+			md: 3,
+			lg: 4,
+			xl: 6
+		})
+	},
+	collapsedRows: {
+		type: Number,
+		default: 1
+	},
+	formControls: {
+		type: Array,
+		default: () => []
+	},
+	modelDefault: {
+		type: Object,
+		default: null
+	},
+	okpos: {
+		type: String,
+		default: "right"
+	},
+	collapse: {
+		type: Boolean,
+		default: false
+	},
+	clearDefaultValue: {
+		type: Boolean,
+		default: true
+	},
+	afterSearchFun: {
+		type: Function,
+		default: () => ({})
+	},
+	afterResetFun: {
+		type: Function,
+		default: () => ({})
+	},
+	beforeResetFun: {
+		type: Function,
+		default: () => ({})
+	}
+});
+var searchFormEmits = [
+	"update:searchModel",
+	"on-search",
+	"on-reset"
+];
+//#endregion
+export { searchFormEmits, searchFormProps };
+
+//# sourceMappingURL=isearch-form.mjs.map

package/es/components/search-form/src/isearch-form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isearch-form.mjs","names":[],"sources":["../../../../../../packages/components/search-form/src/isearch-form.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue'\nimport { buildProps } from '@hd-custom/utils'\nimport { InputProps, ElSelect, SwitchProps, TimePickerDefaultProps, CheckboxProps, ElDatePicker } from 'element-plus'\nimport { TimeSelectProps } from 'element-plus/es/components/time-select/src/time-select'\nimport { HdRemoteSearch } from '@hd-custom/components/remote-search'\n\nexport type RemoteSelectProps = Partial<typeof HdRemoteSearch.__defaults>\ntype ElDatePickerProps = typeof ElDatePicker.props\ntype ElSelectProps = typeof ElSelect.props\ninterface _SelectProps {\n  remoteProps?: RemoteSelectProps\n}\n\ntype FormEl = {\n  input: Partial<InputProps>\n  select: _SelectProps\n  'tree-select': ElSelectProps\n  'date-picker': ElDatePickerProps\n  'time-picker': TimePickerDefaultProps\n  'time-select': TimeSelectProps\n  switch: SwitchProps\n  checkbox: CheckboxProps\n}\n\nexport type BreakPoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\nexport type Responsive = {\n  span?: number\n  offset?: number\n}\n\nexport interface SelectOptionsProps {\n  label: string\n  value: any\n}\ninterface SearchProps<T extends keyof FormEl> {\n  el?: T\n  props?: FormEl[T]\n  label?: string\n  field?: string // 搜索字段名称\n  defaultValue?: string | number | boolean | Function | any[] // 搜索项默认�?\n  clearDefaultValue?: boolean\n  formatValue?: Function\n  fieldFormat?: Function\n  span?: number // 搜索项所占用的列数，默认�?�?\n  offset?: number // 搜索字段左侧偏移列数\n  options?: SelectOptionsProps[]\n  colConfig?: number | Record<BreakPoint, number>\n  xs?: Responsive\n  sm?: Responsive\n  md?: Responsive\n  lg?: Responsive\n  xl?: Responsive\n  render?: Function\n  isRemote?: boolean\n  remoteProps?: any\n  hide?: () => boolean\n}\n\ntype El = keyof FormEl\n\nexport type SearchFormControlProps = SearchProps<El>\n\nexport const searchFormProps = buildProps({\n  searchModel: {\n    type: Object,\n    default: () => null, // 这里的默认值必须是 null ，不能是 {} ，否则会导致表单无法输入\n  },\n  colConfig: {\n    type: [Number, Object],\n    default: () => ({ xs: 1, sm: 2, md: 3, lg: 4, xl: 6 }),\n  },\n  collapsedRows: {\n    type: Number,\n    default: 1,\n  },\n  formControls: {\n    type: Array as PropType<SearchFormControlProps[]>,\n    default: () => [],\n  },\n  modelDefault: {\n    type: Object,\n    default: null,\n  },\n  okpos: {\n    type: String,\n    default: 'right',\n  },\n  collapse: {\n    type: Boolean,\n    default: false,\n  },\n  clearDefaultValue: {\n    type: Boolean,\n    default: true,\n  },\n  afterSearchFun: {\n    type: Function,\n    default: () => ({}),\n  },\n  afterResetFun: {\n    type: Function,\n    default: () => ({}),\n  },\n  beforeResetFun: {\n    type: Function,\n    default: () => ({}),\n  },\n})\n\nexport const searchFormEmits = ['update:searchModel', 'on-search', 'on-reset']\n\nexport type SearchFormProps = ExtractPropTypes<typeof searchFormProps>\n"],"mappings":";;AA8DA,IAAa,kBAAkB,WAAW;CACxC,aAAa;EACX,MAAM;EACN,eAAe;EAChB;CACD,WAAW;EACT,MAAM,CAAC,QAAQ,OAAO;EACtB,gBAAgB;GAAE,IAAI;GAAG,IAAI;GAAG,IAAI;GAAG,IAAI;GAAG,IAAI;GAAG;EACtD;CACD,eAAe;EACb,MAAM;EACN,SAAS;EACV;CACD,cAAc;EACZ,MAAM;EACN,eAAe,EAAE;EAClB;CACD,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACD,OAAO;EACL,MAAM;EACN,SAAS;EACV;CACD,UAAU;EACR,MAAM;EACN,SAAS;EACV;CACD,mBAAmB;EACjB,MAAM;EACN,SAAS;EACV;CACD,gBAAgB;EACd,MAAM;EACN,gBAAgB,EAAE;EACnB;CACD,eAAe;EACb,MAAM;EACN,gBAAgB,EAAE;EACnB;CACD,gBAAgB;EACd,MAAM;EACN,gBAAgB,EAAE;EACnB;CACF,CAAC;AAEF,IAAa,kBAAkB;CAAC;CAAsB;CAAa;CAAW"}

package/es/components/search-form/src/search-form.d.ts

@@ -0,0 +1,55 @@
+import { SearchFormControlProps } from './isearch-form.js';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    searchModel: import("../../../utils/index.js").EpPropFinalized<ObjectConstructor, unknown, unknown, () => null, boolean>;
+    colConfig: import("../../../utils/index.js").EpPropFinalized<(ObjectConstructor | NumberConstructor)[], unknown, unknown, () => {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+    }, boolean>;
+    collapsedRows: import("../../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    formControls: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => SearchFormControlProps[]) | (() => SearchFormControlProps[]) | (((new (...args: any[]) => SearchFormControlProps[]) | (() => SearchFormControlProps[])) | null)[], unknown, unknown, () => never[], boolean>;
+    modelDefault: import("../../../utils/index.js").EpPropFinalized<ObjectConstructor, unknown, unknown, null, boolean>;
+    okpos: import("../../../utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+    collapse: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    clearDefaultValue: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    afterSearchFun: import("../../../utils/index.js").EpPropFinalized<FunctionConstructor, unknown, unknown, () => {}, boolean>;
+    afterResetFun: import("../../../utils/index.js").EpPropFinalized<FunctionConstructor, unknown, unknown, () => {}, boolean>;
+    beforeResetFun: import("../../../utils/index.js").EpPropFinalized<FunctionConstructor, unknown, unknown, () => {}, boolean>;
+}>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    searchModel: import("../../../utils/index.js").EpPropFinalized<ObjectConstructor, unknown, unknown, () => null, boolean>;
+    colConfig: import("../../../utils/index.js").EpPropFinalized<(ObjectConstructor | NumberConstructor)[], unknown, unknown, () => {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+    }, boolean>;
+    collapsedRows: import("../../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    formControls: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => SearchFormControlProps[]) | (() => SearchFormControlProps[]) | (((new (...args: any[]) => SearchFormControlProps[]) | (() => SearchFormControlProps[])) | null)[], unknown, unknown, () => never[], boolean>;
+    modelDefault: import("../../../utils/index.js").EpPropFinalized<ObjectConstructor, unknown, unknown, null, boolean>;
+    okpos: import("../../../utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+    collapse: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    clearDefaultValue: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    afterSearchFun: import("../../../utils/index.js").EpPropFinalized<FunctionConstructor, unknown, unknown, () => {}, boolean>;
+    afterResetFun: import("../../../utils/index.js").EpPropFinalized<FunctionConstructor, unknown, unknown, () => {}, boolean>;
+    beforeResetFun: import("../../../utils/index.js").EpPropFinalized<FunctionConstructor, unknown, unknown, () => {}, boolean>;
+}>> & Readonly<{
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}>, {
+    searchModel: Record<string, any>;
+    colConfig: import("../../../utils/index.js").EpPropMergeType<(ObjectConstructor | NumberConstructor)[], unknown, unknown>;
+    collapsedRows: number;
+    formControls: SearchFormControlProps[];
+    modelDefault: Record<string, any>;
+    okpos: string;
+    collapse: import("../../../utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    clearDefaultValue: import("../../../utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    afterSearchFun: Function;
+    afterResetFun: Function;
+    beforeResetFun: Function;
+}, {}, {}, {
+    ResizeElement: import("vue").Directive;
+}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;