@rdeam/qui 2.0.0

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

@@ -0,0 +1,319 @@
+import resizeElement from "../../../directives/resize-element/index.mjs";
+import { searchFormEmits, searchFormProps } from "./isearch-form.mjs";
+import Grid_default from "./components/Grid/index.vue.mjs";
+import GridItem_default from "./components/Grid/components/GridItem.vue.mjs";
+import SearchFormItem_default from "./components/SearchFormItem.vue.mjs";
+import { Fragment, computed, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, onActivated, onBeforeMount, onMounted, provide, ref, resolveDirective, vShow, watch, withDirectives } from "vue";
+import { ElButton, ElForm, ElFormItem } from "element-plus";
+//#region packages/components/search-form/src/search-form.tsx
+var search_form_default = /* @__PURE__ */ defineComponent({
+	name: "SearchForm",
+	directives: { ResizeElement: resizeElement },
+	props: searchFormProps,
+	emits: searchFormEmits,
+	setup(props, { emit, expose, slots }) {
+		const collapsed = ref(false);
+		const searchFormInstance = ref();
+		const GridInstance = ref();
+		const breakPoint = computed(() => {
+			var _GridInstance$value;
+			return (_GridInstance$value = GridInstance.value) === null || _GridInstance$value === void 0 ? void 0 : _GridInstance$value.breakPoint;
+		});
+		const searchContainerWidth = ref(0);
+		const searchActionBoxWidth = ref(0);
+		const SearchActionEl = ref();
+		const showSpnas = ref(0);
+		const collapseIndex = ref(-1);
+		const defaultValueMap = /* @__PURE__ */ new Map();
+		const fieldFormatKeys = ref([]);
+		watch(() => props.collapse, (newValue) => {
+			collapsed.value = newValue;
+		}, { immediate: true });
+		const handleResize = async (e) => {
+			var _GridInstance$value2, _SearchActionEl$value;
+			searchContainerWidth.value = e.width;
+			(_GridInstance$value2 = GridInstance.value) === null || _GridInstance$value2 === void 0 || _GridInstance$value2.resize(e.width);
+			await nextTick();
+			const _width = (_SearchActionEl$value = SearchActionEl.value) === null || _SearchActionEl$value === void 0 ? void 0 : _SearchActionEl$value.offsetWidth;
+			searchActionBoxWidth.value = _width;
+			showSpnas.value = Math.floor(e.width / _width);
+			if (collapsed.value) calculateCollapsedIndex();
+		};
+		const handleCollapse = () => {
+			collapsed.value = !collapsed.value;
+			if (collapsed.value) calculateCollapsedIndex();
+			else collapseIndex.value = -1;
+		};
+		const _cformControls = computed(() => {
+			return props.formControls.filter((item) => {
+				if (item.hide && typeof item.hide === "function") return item.hide();
+				return true;
+			});
+		});
+		watch(() => _cformControls.value, () => {
+			if (collapsed.value) calculateCollapsedIndex();
+		});
+		function calculateCollapsedIndex() {
+			collapseIndex.value = -1;
+			const maxColsPerRow = showSpnas.value || 2;
+			const elements = _cformControls.value;
+			let currentRowCols = 0;
+			let rowCount = 1;
+			const totalElements = elements.length;
+			for (let i = 0; i < totalElements; i++) {
+				var _elements;
+				const elementCols = elements[i].span || 1;
+				const nextElementCol = i + 1 < totalElements ? ((_elements = elements[i + 1]) === null || _elements === void 0 ? void 0 : _elements.span) || 1 : 0;
+				if (currentRowCols + elementCols > maxColsPerRow) {
+					rowCount++;
+					currentRowCols = elementCols;
+				} else currentRowCols += elementCols;
+				if (rowCount === props.collapsedRows) {
+					if (currentRowCols + nextElementCol >= maxColsPerRow) {
+						collapseIndex.value = i + 1;
+						return i + 1;
+					}
+				}
+			}
+			collapseIndex.value = -1;
+		}
+		const handleActionResize = (e) => {
+			searchActionBoxWidth.value = e.width;
+		};
+		const insearchFormModel = ref({});
+		const _searchModel = computed({
+			get() {
+				return props.searchModel || insearchFormModel.value;
+			},
+			set(model) {
+				insearchFormModel.value = model;
+				emit("update:searchModel", model);
+			}
+		});
+		const resetField = (field, value = "") => {
+			const newModle = { ..._searchModel.value };
+			newModle[field] = value;
+			_searchModel.value = newModle;
+		};
+		const getFormatValues = () => {
+			return props.formControls.reduce((acc, item) => {
+				const { field, formatValue } = item;
+				if (typeof formatValue === "function") {
+					const value = _searchModel.value[field];
+					const _formatV = formatValue(value);
+					if (Object.prototype.toString.call(_formatV) === "[object Object]") acc = {
+						...acc,
+						..._formatV
+					};
+					else acc[field] = _formatV;
+				}
+				return acc;
+			}, {});
+		};
+		const getFieldFormat = () => {
+			return props.formControls.reduce((acc, item) => {
+				const { field, fieldFormat } = item;
+				if (field && fieldFormat) {
+					const formatResult = fieldFormat(_searchModel.value[field]);
+					if (typeof formatResult === "object") Object.assign(acc, formatResult);
+					else acc[field] = formatResult;
+					fieldFormatKeys.value.push(field);
+				}
+				return acc;
+			}, {});
+		};
+		const getValues = () => {
+			const values = {
+				..._searchModel.value,
+				...getFormatValues(),
+				...getFieldFormat()
+			};
+			fieldFormatKeys.value.forEach((key) => {
+				Reflect.deleteProperty(values, key);
+			});
+			return values;
+		};
+		const getResponsive = (control, index) => {
+			var _control$offset;
+			return {
+				span: control === null || control === void 0 ? void 0 : control.span,
+				offset: (_control$offset = control === null || control === void 0 ? void 0 : control.offset) !== null && _control$offset !== void 0 ? _control$offset : 0,
+				xs: control === null || control === void 0 ? void 0 : control.xs,
+				sm: control === null || control === void 0 ? void 0 : control.sm,
+				md: control === null || control === void 0 ? void 0 : control.md,
+				lg: control === null || control === void 0 ? void 0 : control.lg,
+				xl: control === null || control === void 0 ? void 0 : control.xl,
+				index
+			};
+		};
+		const getItemDefaultValue = (item) => {
+			if (item.defaultValue) return typeof item.defaultValue === "function" ? item.defaultValue() : item.defaultValue;
+			return "";
+		};
+		const handleDefaultValue = () => {
+			const _dv = {};
+			if (props.modelDefault) for (const [key, value] of Object.entries(props.modelDefault)) _dv[key] = typeof value === "function" ? value() : value;
+			for (const item of props.formControls) {
+				if (!item.field) return;
+				if (defaultValueMap.has(item.field)) _dv[item.field] = defaultValueMap.get(item.field);
+				else if (item.defaultValue) _dv[item.field] = getItemDefaultValue(item);
+			}
+			insearchFormModel.value = _dv;
+			emit("update:searchModel", _dv);
+		};
+		const isDefaultValue = () => {
+			if (props.modelDefault && Object.keys(props.modelDefault).length) return true;
+			else return props.formControls.some((item) => item.defaultValue);
+		};
+		const getDefaultValue = () => {
+			for (const item of props.formControls) if (item.field && item.defaultValue) defaultValueMap.set(item.field, getItemDefaultValue(item));
+		};
+		const getNotClearDefaultValues = () => {
+			const newObj = {};
+			const _clearDefaultValue = props.clearDefaultValue;
+			for (const item of props.formControls) {
+				const { field, clearDefaultValue } = item;
+				if (!field) continue;
+				if (clearDefaultValue === false || !_clearDefaultValue) {
+					var _props$modelDefault$f, _props$modelDefault;
+					newObj[field] = (_props$modelDefault$f = (_props$modelDefault = props.modelDefault) === null || _props$modelDefault === void 0 ? void 0 : _props$modelDefault[field]) !== null && _props$modelDefault$f !== void 0 ? _props$modelDefault$f : getItemDefaultValue(item);
+				}
+			}
+			return newObj;
+		};
+		const handleReset = () => {
+			props.beforeResetFun();
+			_searchModel.value = getNotClearDefaultValues();
+			emit("on-reset");
+			props.afterResetFun();
+		};
+		const handleQuery = () => {
+			var _props$afterSearchFun;
+			const values = getValues();
+			emit("on-search", values);
+			(_props$afterSearchFun = props.afterSearchFun) === null || _props$afterSearchFun === void 0 || _props$afterSearchFun.call(props, values);
+		};
+		const showCollapse = computed(() => {
+			let totalSpan = 0;
+			let show = false;
+			const isColConfigNumber = typeof props.colConfig === "number";
+			const breakpointValue = breakPoint.value;
+			const totalCol = _cformControls.value.reduce((prev, control) => {
+				var _control$breakpointVa, _control$breakpointVa2;
+				prev += (((_control$breakpointVa = control[breakpointValue]) === null || _control$breakpointVa === void 0 ? void 0 : _control$breakpointVa.span) || control.span || 1) + (((_control$breakpointVa2 = control[breakpointValue]) === null || _control$breakpointVa2 === void 0 ? void 0 : _control$breakpointVa2.offset) || control.offset || 0);
+				return prev;
+			}, 0);
+			for (const control of _cformControls.value) {
+				var _control$breakpointVa3, _control$breakpointVa4;
+				totalSpan += (((_control$breakpointVa3 = control[breakpointValue]) === null || _control$breakpointVa3 === void 0 ? void 0 : _control$breakpointVa3.span) || control.span || 1) + (((_control$breakpointVa4 = control[breakpointValue]) === null || _control$breakpointVa4 === void 0 ? void 0 : _control$breakpointVa4.offset) || control.offset || 0);
+				if (isColConfigNumber) {
+					if (totalSpan > props.colConfig) {
+						show = true;
+						break;
+					}
+				} else if (props.colConfig && totalSpan >= props.colConfig[breakpointValue]) {
+					show = true;
+					break;
+				}
+			}
+			if (props.colConfig) {
+				const _colConfig = props.colConfig;
+				if (Math.ceil((totalCol + 1) / _colConfig[breakpointValue]) > props.collapsedRows) show = true;
+				else show = false;
+			}
+			return show;
+		});
+		provide("collapseIndex", collapseIndex);
+		expose({
+			resetField,
+			getFormatValues,
+			getValues,
+			getFieldFormat,
+			handleDefaultValue
+		});
+		onActivated(() => {
+			var _searchFormInstance$v;
+			if (!hasFormControls.value) return;
+			handleResize((_searchFormInstance$v = searchFormInstance.value) === null || _searchFormInstance$v === void 0 ? void 0 : _searchFormInstance$v.getBoundingClientRect());
+		});
+		const hasFormControls = computed(() => {
+			var _props$formControls;
+			return Boolean(props === null || props === void 0 || (_props$formControls = props.formControls) === null || _props$formControls === void 0 ? void 0 : _props$formControls.length);
+		});
+		onBeforeMount(() => {
+			if (!hasFormControls.value) return;
+			getDefaultValue();
+			getNotClearDefaultValues();
+			if (isDefaultValue()) handleDefaultValue();
+		});
+		onMounted(() => {
+			if (props.collapse && hasFormControls.value) calculateCollapsedIndex();
+		});
+		return () => {
+			return hasFormControls.value ? withDirectives(createVNode("div", {
+				"ref": searchFormInstance,
+				"class": "hd-search-form relative bg-white px-[16px] pt-[20px]"
+			}, [createVNode(ElForm, {
+				"model": _searchModel.value,
+				"class": "search-form",
+				"label-width": "auto"
+			}, { default: () => [createVNode(Grid_default, {
+				"ref": GridInstance,
+				"collapsed": collapsed.value,
+				"gap": [16, 0],
+				"cols": props.colConfig,
+				"collapsedRows": props.collapsedRows
+			}, { default: () => [_cformControls.value.map((control, index) => {
+				return createVNode(GridItem_default, mergeProps({ "key": control.field }, getResponsive(control, index)), { default: () => [createVNode(ElFormItem, {
+					"label": control.label,
+					"class": "!mb-[20px]"
+				}, { default: () => [control.field ? createVNode(SearchFormItem_default, {
+					"modelValue": _searchModel.value[control.field],
+					"onUpdate:modelValue": ($event) => _searchModel.value[control.field] = $event,
+					"control": control,
+					"cslot": slots[control.field]
+				}, null) : null] })] });
+			}), withDirectives(createVNode(GridItem_default, { "suffix": true }, { default: () => [createVNode("div", {
+				"ref": SearchActionEl,
+				"class": "search-action-box flex items-center justify-end mb-[20px]"
+			}, [props.okpos === "right" ? createVNode(Fragment, null, [createVNode(ElButton, { "onClick": handleReset }, { default: () => [createTextVNode("重置")] }), createVNode(ElButton, {
+				"type": "primary",
+				"onClick": handleQuery
+			}, { default: () => [createTextVNode("查询")] })]) : createVNode(Fragment, null, [createVNode(ElButton, {
+				"type": "primary",
+				"onClick": handleQuery
+			}, { default: () => [createTextVNode("查询")] }), createVNode(ElButton, { "onClick": handleReset }, { default: () => [createTextVNode("重置")] })])])] }), [[resolveDirective("resizeElement"), handleActionResize]])] })] }), showCollapse.value && createVNode("div", { "class": `collapse-btn-box absolute bottom-0 left-0 w-full flex justify-center` }, [createVNode("div", {
+				"class": `collapse-btn h-[20px] w-[60px] flex items-center justify-center ${collapsed.value ? "down" : "up"}`,
+				"onClick": handleCollapse
+			}, [withDirectives(createVNode("svg", {
+				"width": "10px",
+				"height": "10px",
+				"viewBox": "0 0 14 13",
+				"fill": "none",
+				"class": "c-g-700 m-t-3-n yt-icon yt-icon-chevron-up-double"
+			}, [createVNode("path", {
+				"d": "M7.01 1.86 1.436 7.434l-.849-.849 6-6a.6.6 0 0 1 .849 0l6 6-.849.849-5.575-5.576Zm0 5-5.575 5.575-.849-.849 6-6a.6.6 0 0 1 .849 0l6 6-.849.849-5.575-5.576Z",
+				"fill": "currentColor",
+				"stroke": "none",
+				"stroke-width": "0",
+				"stroke-linecap": "round"
+			}, null)]), [[vShow, !collapsed.value]]), withDirectives(createVNode("svg", {
+				"width": "10px",
+				"height": "10px",
+				"viewBox": "0 0 14 13",
+				"fill": "none",
+				"class": "c-g-700 m-t-3-n yt-icon yt-icon-chevron-down-double"
+			}, [createVNode("path", {
+				"d": "m7.01 10.99 5.575-5.575.849.849-6 6a.6.6 0 0 1-.849 0l-6-6 .849-.849 5.575 5.576Zm0-5L12.584.416l.849.849-6 6a.6.6 0 0 1-.849 0l-6-6 .849-.849 5.575 5.576Z",
+				"fill": "currentColor",
+				"stroke": "none",
+				"stroke-width": "0",
+				"stroke-linecap": "round"
+			}, null)]), [[vShow, collapsed.value]])])])]), [[resolveDirective("resizeElement"), handleResize]]) : null;
+		};
+	}
+});
+//#endregion
+export { search_form_default as default };
+
+//# sourceMappingURL=search-form.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-form.mjs","names":["defineComponent","ref","computed","watch","nextTick","provide","onActivated","onBeforeMount","onMounted","createVNode","_createVNode","mergeProps","_mergeProps","Fragment","_Fragment","createTextVNode","_createTextVNode","resolveDirective","_resolveDirective","withDirectives","_withDirectives","vShow","_vShow","ElForm","ElFormItem","ElButton","searchFormProps","searchFormEmits","ResizeElement","Grid","GridItem","SearchFormItem","name","directives","props","emits","setup","emit","expose","slots","collapsed","searchFormInstance","GridInstance","breakPoint","value","searchContainerWidth","searchActionBoxWidth","SearchActionEl","showSpnas","collapseIndex","defaultValueMap","Map","fieldFormatKeys","collapse","newValue","immediate","handleResize","e","width","resize","_width","offsetWidth","Math","floor","calculateCollapsedIndex","handleCollapse","_cformControls","elements","formControls","filter","item","hide","maxColsPerRow","currentRowCols","rowCount","totalElements","length","i","elementCols","span","nextElementCol","collapsedRows","handleActionResize","insearchFormModel","_searchModel","get","searchModel","set","model","resetField","field","newModle","getFormatValues","reduce","acc","formatValue","_formatV","Object","prototype","toString","call","getFieldFormat","fieldFormat","formatResult","assign","push","getValues","values","forEach","key","Reflect","deleteProperty","getResponsive","control","index","offset","xs","sm","md","lg","xl","getItemDefaultValue","defaultValue","handleDefaultValue","_dv","modelDefault","entries","has","isDefaultValue","keys","some","getDefaultValue","getNotClearDefaultValues","newObj","_clearDefaultValue","clearDefaultValue","handleReset","beforeResetFun","afterResetFun","handleQuery","afterSearchFun","showCollapse","totalSpan","show","isColConfigNumber","colConfig","breakpointValue","totalCol","prev","_colConfig","rows","ceil","hasFormControls","rect","getBoundingClientRect","Boolean","default","map","label","$event","okpos"],"sources":["../../../../../../packages/components/search-form/src/search-form.tsx"],"sourcesContent":["import { defineComponent, ref, computed, watch, nextTick, provide, onActivated, onBeforeMount, onMounted } from 'vue'\nimport { ElForm, ElFormItem, ElButton } from 'element-plus'\nimport { searchFormProps, searchFormEmits, SearchFormControlProps } from './isearch-form'\nimport { BreakPoint } from './components/Grid/interface/index'\nimport { ResizeElement } from '@hd-custom/directives'\nimport Grid from './components/Grid/index.vue'\nimport GridItem from './components/Grid/components/GridItem.vue'\nimport SearchFormItem from './components/SearchFormItem.vue'\nexport default defineComponent({\n  name: 'SearchForm',\n  directives: { ResizeElement },\n  props: searchFormProps,\n  emits: searchFormEmits,\n  setup(props, { emit, expose, slots }) {\n    const collapsed = ref(false)\n    const searchFormInstance = ref()\n    const GridInstance = ref()\n    const breakPoint = computed<BreakPoint>(() => GridInstance.value?.breakPoint)\n    const searchContainerWidth = ref(0)\n    const searchActionBoxWidth = ref(0)\n    const SearchActionEl = ref()\n    const showSpnas = ref(0)\n    const collapseIndex = ref(-1)\n    const defaultValueMap = new Map()\n    const fieldFormatKeys = ref<string[]>([])\n    watch(\n      () => props.collapse,\n      (newValue: any) => {\n        collapsed.value = newValue\n      },\n      {\n        immediate: true,\n      },\n    )\n\n    const handleResize = async (e: any) => {\n      searchContainerWidth.value = e.width\n      GridInstance.value?.resize(e.width)\n      await nextTick()\n      const _width = SearchActionEl.value?.offsetWidth\n      searchActionBoxWidth.value = _width\n      showSpnas.value = Math.floor(e.width / _width)\n      if (collapsed.value) {\n        calculateCollapsedIndex()\n      }\n    }\n\n    const handleCollapse = () => {\n      collapsed.value = !collapsed.value\n      if (collapsed.value) {\n        calculateCollapsedIndex()\n      } else {\n        collapseIndex.value = -1\n      }\n    }\n\n    const _cformControls = computed(() => {\n      const elements = props.formControls.filter((item) => {\n        if (item.hide && typeof item.hide === 'function') {\n          return item.hide()\n        }\n        return true\n      })\n      return elements\n    })\n\n    watch(\n      () => _cformControls.value,\n      () => {\n        if (collapsed.value) {\n          calculateCollapsedIndex()\n        }\n      },\n    )\n\n    function calculateCollapsedIndex() {\n      collapseIndex.value = -1\n      const maxColsPerRow = showSpnas.value || 2\n      const elements = _cformControls.value\n      let currentRowCols = 0\n      let rowCount = 1\n      const totalElements = elements.length\n      for (let i = 0; i < totalElements; i++) {\n        const elementCols = elements[i].span || 1\n\n        const nextElementCol = i + 1 < totalElements ? elements[i + 1]?.span || 1 : 0\n\n        if (currentRowCols + elementCols > maxColsPerRow) {\n          rowCount++\n          currentRowCols = elementCols\n        } else {\n          currentRowCols += elementCols\n        }\n        if (rowCount === props.collapsedRows) {\n          if (currentRowCols + nextElementCol >= maxColsPerRow) {\n            collapseIndex.value = i + 1\n            return i + 1\n          }\n        }\n      }\n      collapseIndex.value = -1\n    }\n\n    const handleActionResize = (e: any) => {\n      searchActionBoxWidth.value = e.width\n    }\n\n    const insearchFormModel = ref({})\n\n    const _searchModel: any = computed({\n      get() {\n        return props.searchModel || insearchFormModel.value\n      },\n      set(model: any) {\n        insearchFormModel.value = model\n        emit('update:searchModel', model)\n      },\n    })\n\n    const resetField = (field: string, value = '') => {\n      const newModle: any = { ..._searchModel.value }\n      newModle[field] = value\n      // emit('update:searchModel', newModle)\n      _searchModel.value = newModle\n    }\n\n    const getFormatValues = () => {\n      return props.formControls.reduce((acc: any, item: SearchFormControlProps) => {\n        const { field, formatValue } = item as any\n        // 只处理那些有 formatValue 函数的属�?\n        if (typeof formatValue === 'function') {\n          const value = _searchModel.value[field]\n          // 只添加那些经过formatValue处理的属性到累加器对象中\n          const _formatV = formatValue(value)\n          if (Object.prototype.toString.call(_formatV) === '[object Object]') {\n            acc = { ...acc, ..._formatV }\n          } else {\n            acc[field] = _formatV\n          }\n        }\n        return acc\n      }, {})\n    }\n\n    const getFieldFormat = () => {\n      return props.formControls.reduce((acc: any, item: SearchFormControlProps) => {\n        const { field, fieldFormat } = item as any\n        if (field && fieldFormat) {\n          // �?fieldFormat 的结果添加到累加器中，而不是覆�?\n          const formatResult = fieldFormat(_searchModel.value[field])\n          if (typeof formatResult === 'object') {\n            // 如果返回的是对象，展开合并\n            Object.assign(acc, formatResult)\n          } else {\n            // 如果返回的是其他类型，使用字段名作为 key\n            acc[field] = formatResult\n          }\n          fieldFormatKeys.value.push(field)\n        }\n        return acc\n      }, {})\n    }\n\n    const getValues = () => {\n      const values = { ..._searchModel.value, ...getFormatValues(), ...getFieldFormat() }\n      fieldFormatKeys.value.forEach((key) => {\n        Reflect.deleteProperty(values, key)\n      })\n      return values\n    }\n\n    // 获取响应式设�?\n    const getResponsive = (control: SearchFormControlProps, index: number) => {\n      return {\n        span: control?.span,\n        offset: control?.offset ?? 0,\n        xs: control?.xs,\n        sm: control?.sm,\n        md: control?.md,\n        lg: control?.lg,\n        xl: control?.xl,\n        index,\n      }\n    }\n\n    const getItemDefaultValue = (item: SearchFormControlProps) => {\n      if (item.defaultValue) {\n        return typeof item.defaultValue === 'function' ? item.defaultValue() : item.defaultValue\n      }\n      return ''\n    }\n\n    // 处理默认�?\n    const handleDefaultValue = () => {\n      const _dv: any = {}\n      if (props.modelDefault) {\n        for (const [key, value] of Object.entries(props.modelDefault)) {\n          _dv[key] = typeof value === 'function' ? value() : value\n        }\n      }\n      for (const item of props.formControls) {\n        if (!item.field) return\n        if (defaultValueMap.has(item.field)) {\n          _dv[item.field] = defaultValueMap.get(item.field)\n        } else if (item.defaultValue) {\n          _dv[item.field] = getItemDefaultValue(item)\n        }\n      }\n      insearchFormModel.value = _dv\n      emit('update:searchModel', _dv)\n    }\n\n    const isDefaultValue = () => {\n      if (props.modelDefault && Object.keys(props.modelDefault).length) {\n        return true\n      } else {\n        return props.formControls.some((item: any) => item.defaultValue)\n      }\n    }\n\n    const getDefaultValue = () => {\n      for (const item of props.formControls) {\n        if (item.field && item.defaultValue) {\n          defaultValueMap.set(item.field, getItemDefaultValue(item))\n        }\n      }\n    }\n\n    const getNotClearDefaultValues = () => {\n      const newObj: any = {}\n      const _clearDefaultValue = props.clearDefaultValue\n      for (const item of props.formControls) {\n        const { field, clearDefaultValue } = item\n        if (!field) continue\n        if (clearDefaultValue === false || !_clearDefaultValue) {\n          newObj[field] = props.modelDefault?.[field] ?? getItemDefaultValue(item)\n        }\n      }\n      return newObj\n    }\n\n    const handleReset = () => {\n      props.beforeResetFun()\n      _searchModel.value = getNotClearDefaultValues()\n      emit('on-reset')\n      props.afterResetFun()\n    }\n\n    const handleQuery = () => {\n      const values = getValues()\n      emit('on-search', values)\n      props.afterSearchFun?.(values)\n    }\n\n    // 判断是否显示 展开/合并 按钮\n    const showCollapse = computed(() => {\n      let totalSpan = 0\n      let show = false\n\n      const isColConfigNumber = typeof props.colConfig === 'number'\n      const breakpointValue = breakPoint.value\n\n      const totalCol = _cformControls.value.reduce((prev, control: SearchFormControlProps) => {\n        prev +=\n          (control[breakpointValue]?.span || control.span || 1) +\n          (control[breakpointValue]?.offset || control.offset || 0)\n        return prev\n      }, 0)\n\n      for (const control of _cformControls.value) {\n        totalSpan +=\n          (control[breakpointValue]?.span || control.span || 1) +\n          (control[breakpointValue]?.offset || control.offset || 0)\n\n        if (isColConfigNumber) {\n          if (totalSpan > props.colConfig) {\n            show = true\n            break\n          }\n        } else if (props.colConfig && totalSpan >= props.colConfig[breakpointValue]) {\n          show = true\n          break\n        }\n      }\n      if (props.colConfig) {\n        const _colConfig: any = props.colConfig\n        const rows = Math.ceil((totalCol + 1) / _colConfig[breakpointValue])\n        if (rows > props.collapsedRows) {\n          show = true\n        } else {\n          show = false\n        }\n      }\n      return show\n    })\n\n    provide('collapseIndex', collapseIndex)\n    expose({ resetField, getFormatValues, getValues, getFieldFormat, handleDefaultValue })\n\n    onActivated(() => {\n      if (!hasFormControls.value) return\n      const rect = searchFormInstance.value?.getBoundingClientRect()\n      handleResize(rect)\n    })\n\n    const hasFormControls = computed(() => {\n      return Boolean(props?.formControls?.length)\n    })\n\n    onBeforeMount(() => {\n      if (!hasFormControls.value) return\n      getDefaultValue()\n      getNotClearDefaultValues()\n      if (isDefaultValue()) handleDefaultValue()\n    })\n\n    onMounted(() => {\n      if (props.collapse && hasFormControls.value) {\n        calculateCollapsedIndex()\n      }\n    })\n\n    return () => {\n      return hasFormControls.value ? (\n        <div\n          ref={searchFormInstance}\n          v-resizeElement={handleResize}\n          class=\"hd-search-form relative bg-white px-[16px] pt-[20px]\"\n        >\n          <ElForm model={_searchModel.value} class=\"search-form\" label-width=\"auto\">\n            <Grid\n              ref={GridInstance}\n              collapsed={collapsed.value}\n              gap={[16, 0]}\n              cols={props.colConfig}\n              collapsedRows={props.collapsedRows}\n            >\n              {_cformControls.value.map((control: SearchFormControlProps, index: number) => {\n                return (\n                  <GridItem key={control.field} {...getResponsive(control, index)}>\n                    <ElFormItem label={control.label} class=\"!mb-[20px]\">\n                      {control.field ? (\n                        <SearchFormItem\n                          v-model={_searchModel.value[control.field]}\n                          control={control}\n                          cslot={slots[control.field]}\n                        />\n                      ) : null}\n                    </ElFormItem>\n                  </GridItem>\n                )\n              })}\n              <GridItem suffix v-resizeElement={handleActionResize}>\n                <div ref={SearchActionEl} class=\"search-action-box flex items-center justify-end mb-[20px]\">\n                  {props.okpos === 'right' ? (\n                    <>\n                      <ElButton onClick={handleReset}>重置</ElButton>\n                      <ElButton type=\"primary\" onClick={handleQuery}>\n                        查询\n                      </ElButton>\n                    </>\n                  ) : (\n                    <>\n                      <ElButton type=\"primary\" onClick={handleQuery}>\n                        查询\n                      </ElButton>\n                      <ElButton onClick={handleReset}>重置</ElButton>\n                    </>\n                  )}\n                </div>\n              </GridItem>\n            </Grid>\n          </ElForm>\n          {showCollapse.value && (\n            <div class={`collapse-btn-box absolute bottom-0 left-0 w-full flex justify-center`}>\n              <div\n                class={`collapse-btn h-[20px] w-[60px] flex items-center justify-center ${collapsed.value ? 'down' : 'up'}`}\n                onClick={handleCollapse}\n              >\n                <svg\n                  v-show={!collapsed.value}\n                  width=\"10px\"\n                  height=\"10px\"\n                  viewBox=\"0 0 14 13\"\n                  fill=\"none\"\n                  class=\"c-g-700 m-t-3-n yt-icon yt-icon-chevron-up-double\"\n                >\n                  <path\n                    d=\"M7.01 1.86 1.436 7.434l-.849-.849 6-6a.6.6 0 0 1 .849 0l6 6-.849.849-5.575-5.576Zm0 5-5.575 5.575-.849-.849 6-6a.6.6 0 0 1 .849 0l6 6-.849.849-5.575-5.576Z\"\n                    fill=\"currentColor\"\n                    stroke=\"none\"\n                    stroke-width=\"0\"\n                    stroke-linecap=\"round\"\n                  ></path>\n                </svg>\n                <svg\n                  v-show={collapsed.value}\n                  width=\"10px\"\n                  height=\"10px\"\n                  viewBox=\"0 0 14 13\"\n                  fill=\"none\"\n                  class=\"c-g-700 m-t-3-n yt-icon yt-icon-chevron-down-double\"\n                >\n                  <path\n                    d=\"m7.01 10.99 5.575-5.575.849.849-6 6a.6.6 0 0 1-.849 0l-6-6 .849-.849 5.575 5.576Zm0-5L12.584.416l.849.849-6 6a.6.6 0 0 1-.849 0l-6-6 .849-.849 5.575 5.576Z\"\n                    fill=\"currentColor\"\n                    stroke=\"none\"\n                    stroke-width=\"0\"\n                    stroke-linecap=\"round\"\n                  ></path>\n                </svg>\n              </div>\n            </div>\n          )}\n        </div>\n      ) : null\n    }\n  },\n})\n"],"mappings":"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"}

package/es/components/search-form/style/index.d.ts

@@ -0,0 +1 @@
+import '../src/search-form.scss';

package/es/components/sticky-container/index.d.ts

@@ -0,0 +1,6 @@
+import StickyContainer from './src/sticky-container.js';
+import type { SFCWithInstall } from '../../utils/index.js';
+export declare const HdStickyContainer: SFCWithInstall<typeof StickyContainer>;
+export default HdStickyContainer;
+export * from './src/isticky-container.js';
+export type { StickyContainerInstance } from './src/instance.js';

package/es/components/sticky-container/index.mjs

@@ -0,0 +1,9 @@
+import { withInstall } from "../../utils/vue/install.mjs";
+import { stickyContainerEmits, stickyContainerProps } from "./src/isticky-container.mjs";
+import sticky_container_default from "./src/sticky-container.mjs";
+//#region packages/components/sticky-container/index.ts
+var HdStickyContainer = withInstall(sticky_container_default);
+//#endregion
+export { HdStickyContainer, HdStickyContainer as default, stickyContainerEmits, stickyContainerProps };
+
+//# sourceMappingURL=index.mjs.map

package/es/components/sticky-container/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../packages/components/sticky-container/index.ts"],"sourcesContent":["import { withInstall } from '@hd-custom/utils'\n\nimport StickyContainer from './src/sticky-container'\nimport type { SFCWithInstall } from '@hd-custom/utils'\n\nexport const HdStickyContainer: SFCWithInstall<typeof StickyContainer> = withInstall(StickyContainer)\nexport default HdStickyContainer\n\nexport * from './src/isticky-container'\nexport type { StickyContainerInstance } from './src/instance'\n"],"mappings":";;;;AAKA,IAAa,oBAA4D,YAAY,yBAAgB"}

package/es/components/sticky-container/src/instance.d.ts

@@ -0,0 +1,2 @@
+import type StickyContainer from './sticky-container.js';
+export type StickyContainerInstance = InstanceType<typeof StickyContainer>;

package/es/components/sticky-container/src/isticky-container.d.ts

@@ -0,0 +1,4 @@
+import type { ExtractPropTypes } from 'vue';
+export declare const stickyContainerProps: {};
+export declare const stickyContainerEmits: never[];
+export type StickyContainerProps = ExtractPropTypes<typeof stickyContainerProps>;

package/es/components/sticky-container/src/isticky-container.mjs

@@ -0,0 +1,8 @@
+import { buildProps } from "../../../utils/vue/props/runtime.mjs";
+//#region packages/components/sticky-container/src/isticky-container.ts
+var stickyContainerProps = buildProps({});
+var stickyContainerEmits = [];
+//#endregion
+export { stickyContainerEmits, stickyContainerProps };
+
+//# sourceMappingURL=isticky-container.mjs.map

package/es/components/sticky-container/src/isticky-container.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"isticky-container.mjs","names":[],"sources":["../../../../../../packages/components/sticky-container/src/isticky-container.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\nimport { buildProps } from '@hd-custom/utils'\n\nexport const stickyContainerProps = buildProps({})\n\nexport const stickyContainerEmits = []\n\nexport type StickyContainerProps = ExtractPropTypes<typeof stickyContainerProps>\n"],"mappings":";;AAGA,IAAa,uBAAuB,WAAW,EAAE,CAAC;AAElD,IAAa,uBAAuB,EAAE"}

package/es/components/sticky-container/src/sticky-container.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/sticky-container/src/sticky-container.mjs

@@ -0,0 +1,32 @@
+import { stickyContainerEmits, stickyContainerProps } from "./isticky-container.mjs";
+import { createTextVNode, createVNode, defineComponent, mergeProps, ref } from "vue";
+import { ElScrollbar } from "element-plus";
+//#region packages/components/sticky-container/src/sticky-container.tsx
+var sticky_container_default = /* @__PURE__ */ defineComponent({
+	name: "StickyContainer",
+	props: stickyContainerProps,
+	emits: stickyContainerEmits,
+	setup(props, { slots, attrs, expose }) {
+		const scrollbarRef = ref();
+		expose({
+			getScrollbarInstance: () => scrollbarRef.value,
+			scrollToBottom: () => {
+				var _scrollbarRef$value;
+				const scrollbar = (_scrollbarRef$value = scrollbarRef.value) === null || _scrollbarRef$value === void 0 ? void 0 : _scrollbarRef$value.wrapRef;
+				if (scrollbar) scrollbar.scrollTop = scrollbar.scrollHeight;
+			}
+		});
+		return () => createVNode("div", { "class": "hd-sticky-container staicky-w h-full flex flex-col overflow-y-hidden" }, [slots.header && createVNode("div", { "class": "staicky-h" }, [createTextVNode(" "), slots.header()]), createVNode("div", { "class": "staicky-c flex-1 h-0" }, [createVNode(ElScrollbar, mergeProps({
+			"ref": scrollbarRef,
+			"height": "100%"
+		}, attrs), { default: () => [
+			slots.default && slots.default(),
+			" ",
+			slots.footer && createVNode("div", { "class": "staicky-f sticky bottom-0 z-99" }, [slots.footer()])
+		] })])]);
+	}
+});
+//#endregion
+export { sticky_container_default as default };
+
+//# sourceMappingURL=sticky-container.mjs.map

package/es/components/sticky-container/src/sticky-container.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sticky-container.mjs","names":["defineComponent","ref","createTextVNode","_createTextVNode","createVNode","_createVNode","mergeProps","_mergeProps","stickyContainerProps","stickyContainerEmits","ElScrollbar","name","props","emits","setup","slots","attrs","expose","scrollbarRef","getScrollbarInstance","value","scrollToBottom","scrollbar","wrapRef","scrollTop","scrollHeight","header","default","footer"],"sources":["../../../../../../packages/components/sticky-container/src/sticky-container.tsx"],"sourcesContent":["import { defineComponent, ref } from 'vue'\nimport { stickyContainerProps, stickyContainerEmits } from './isticky-container'\nimport { ElScrollbar } from 'element-plus'\nexport default defineComponent({\n  name: 'StickyContainer',\n  props: stickyContainerProps,\n  emits: stickyContainerEmits,\n  setup(props, { slots, attrs, expose }) {\n    const scrollbarRef = ref()\n    expose({\n      getScrollbarInstance: () => scrollbarRef.value,\n      scrollToBottom: () => {\n        const scrollbar = scrollbarRef.value?.wrapRef\n        if (scrollbar) {\n          scrollbar.scrollTop = scrollbar.scrollHeight\n        }\n      },\n    })\n    return () => (\n      <div class=\"hd-sticky-container staicky-w h-full flex flex-col overflow-y-hidden\">\n        {slots.header && <div class=\"staicky-h\"> {slots.header()}</div>}\n        <div class=\"staicky-c flex-1 h-0\">\n          <ElScrollbar ref={scrollbarRef} height=\"100%\" {...attrs}>\n            {slots.default && slots.default()}{' '}\n            {slots.footer && <div class=\"staicky-f sticky bottom-0 z-99\">{slots.footer()}</div>}\n          </ElScrollbar>\n        </div>\n      </div>\n    )\n  },\n})\n"],"mappings":";;;;AAGA,IAAA,2BAAeA,gCAAgB;CAC7BW,MAAM;CACNC,OAAOJ;CACPK,OAAOJ;CACPK,MAAMF,OAAO,EAAEG,OAAOC,OAAOC,UAAU;EACrC,MAAMC,eAAejB,KAAK;AAC1BgB,SAAO;GACLE,4BAA4BD,aAAaE;GACzCC,sBAAsB;;IACpB,MAAMC,aAAAA,sBAAYJ,aAAaE,WAAAA,QAAAA,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAOG;AACtC,QAAID,UACFA,WAAUE,YAAYF,UAAUG;;GAGrC,CAAC;AACF,eAAOpB,YAAA,OAAA,EAAA,SAAA,wEAAA,EAAA,CAEFU,MAAMW,UAAMrB,YAAA,OAAA,EAAA,SAAA,aAAA,EAAA,CAAAF,gBAAA,IAAA,EAA6BY,MAAMW,QAAQ,CAAA,CAAO,EAAArB,YAAA,OAAA,EAAA,SAAA,wBAAA,EAAA,CAAAA,YAAAK,aAAAH,WAAA;GAAA,OAE3CW;GAAY,UAAA;GAAA,EAAoBF,MAAK,EAAA,EAAAW,eAAA;GACpDZ,MAAMY,WAAWZ,MAAMY,SAAS;GAAE;GAClCZ,MAAMa,UAAMvB,YAAA,OAAA,EAAA,SAAA,kCAAA,EAAA,CAAiDU,MAAMa,QAAQ,CAAA,CAAO;GAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAI1F;;CAEJ,CAAC"}

package/es/components/sticky-container/style/index.d.ts

@@ -0,0 +1 @@
+import '../src/sticky-container.scss';

package/es/components/table/index.d.ts

@@ -0,0 +1,6 @@
+import Table from './src/table.vue.js';
+import type { SFCWithInstall } from '../../utils/index.js';
+export declare const HdTable: SFCWithInstall<typeof Table>;
+export default HdTable;
+export * from './src/table.js';
+export type { TableInstance } from './src/instance.js';

package/es/components/table/index.mjs

@@ -0,0 +1,9 @@
+import { withInstall } from "../../utils/vue/install.mjs";
+import { tableEmits, tableProps } from "./src/table.mjs";
+import table_default from "./src/table.vue.mjs";
+//#region packages/components/table/index.ts
+var HdTable = withInstall(table_default);
+//#endregion
+export { HdTable, HdTable as default, tableEmits, tableProps };
+
+//# sourceMappingURL=index.mjs.map

package/es/components/table/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../packages/components/table/index.ts"],"sourcesContent":["import { withInstall } from '@hd-custom/utils'\n\nimport Table from './src/table.vue'\nimport type { SFCWithInstall } from '@hd-custom/utils'\n\nexport const HdTable: SFCWithInstall<typeof Table> = withInstall(Table)\nexport default HdTable\n\nexport * from './src/table'\nexport type { TableInstance } from './src/instance'\n"],"mappings":";;;;AAKA,IAAa,UAAwC,YAAY,cAAM"}

package/es/components/table/src/components/Setting.vue.d.ts

@@ -0,0 +1,30 @@
+import { PropType } from 'vue';
+interface setColumnsProps {
+    label: string;
+    prop: string;
+    checked: boolean;
+    disabled: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    columns: {
+        type: PropType<setColumnsProps[]>;
+        default: () => never[];
+    };
+}>, {
+    actionDialog: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "on-save": (...args: any[]) => void;
+    "on-return": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    columns: {
+        type: PropType<setColumnsProps[]>;
+        default: () => never[];
+    };
+}>> & Readonly<{
+    "onOn-save"?: ((...args: any[]) => any) | undefined;
+    "onOn-return"?: ((...args: any[]) => any) | undefined;
+}>, {
+    columns: setColumnsProps[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/es/components/table/src/components/Setting.vue.mjs

@@ -0,0 +1,7 @@
+import Setting_vue_vue_type_script_setup_true_lang_default from "./Setting.vue_vue_type_script_setup_true_lang.mjs";
+//#region packages/components/table/src/components/Setting.vue
+var Setting_default = Setting_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Setting_default as default };
+
+//# sourceMappingURL=Setting.vue.mjs.map

package/es/components/table/src/components/Setting.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Setting.vue.mjs","names":[],"sources":["../../../../../../../packages/components/table/src/components/Setting.vue"],"sourcesContent":["<template>\n  <ElDrawer v-model=\"dialogVisible\" direction=\"rtl\" title=\"列筛选\" size=\"360px\" class=\"p-0 iel-drawer__bodyp0\">\n    <!-- <div class=\"h-[32px] w-full search-box flex items-center pl-[26px]\">\n      <el-icon><Search /></el-icon>\n      <el-input placeholder=\"搜索\" class=\"flex-1 h-full\"> </el-input>\n    </div> -->\n\n    <div class=\"pl-[16px] flex flex-col\">\n      <template v-for=\"item in columns\" :key=\"item.prop\">\n        <ElCheckbox\n          v-model=\"item.checked\"\n          :checked=\"item.checked\"\n          size=\"large\"\n          :disabled=\"item.disabled\"\n          @change=\"handleChange\"\n        >\n          <span>{{ item.label }}</span>\n        </ElCheckbox>\n      </template>\n    </div>\n    <template #footer>\n      <div class=\"flex items-center justify-end\">\n        <ElButton type=\"default\" @click=\"handleSCancel\">取消</ElButton>\n        <!-- <ElButton type=\"primary\" @click=\"handleSReture\">恢复默认</ElButton> -->\n        <!-- <ElButton type=\"primary\" @click=\"handleSSave\">保存</ElButton> -->\n      </div>\n    </template>\n  </ElDrawer>\n</template>\n<script lang=\"ts\" setup>\nimport { PropType, ref } from 'vue'\nimport { ElDrawer, ElButton, ElCheckbox } from 'element-plus'\n\ninterface setColumnsProps {\n  label: string\n  prop: string\n  checked: boolean\n  disabled: boolean\n}\n\ndefineProps({\n  columns: {\n    type: Array as PropType<setColumnsProps[]>,\n    default: () => [],\n  },\n})\nconst emits = defineEmits(['on-save', 'on-return'])\n\nconst dialogVisible = ref(false)\nconst actionDialog = (): void => {\n  dialogVisible.value = true\n}\n\nconst handleChange = () => {\n  emits('on-save')\n}\n\nconst handleSCancel = () => {\n  dialogVisible.value = false\n}\n\ndefineExpose({\n  actionDialog,\n})\n</script>\n"],"mappings":""}

package/es/components/table/src/components/Setting.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,67 @@
+import { Fragment, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, renderList, toDisplayString, unref, withCtx } from "vue";
+import { ElButton, ElCheckbox, ElDrawer } from "element-plus";
+//#region packages/components/table/src/components/Setting.vue?vue&type=script&setup=true&lang.ts
+var Setting_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Setting",
+	props: { columns: {
+		type: Array,
+		default: () => []
+	} },
+	emits: ["on-save", "on-return"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const emits = __emit;
+		const dialogVisible = ref(false);
+		const actionDialog = () => {
+			dialogVisible.value = true;
+		};
+		const handleChange = () => {
+			emits("on-save");
+		};
+		const handleSCancel = () => {
+			dialogVisible.value = false;
+		};
+		__expose({ actionDialog });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ElDrawer), {
+				modelValue: dialogVisible.value,
+				"onUpdate:modelValue": ($event) => dialogVisible.value = $event,
+				direction: "rtl",
+				title: "列筛选",
+				size: "360px",
+				class: "p-0 iel-drawer__bodyp0"
+			}, {
+				footer: withCtx(() => [createElementVNode("div", { class: "flex items-center justify-end" }, [createVNode(unref(ElButton), {
+					type: "default",
+					onClick: handleSCancel
+				}, {
+					default: withCtx(() => [createTextVNode("取消")]),
+					_: 1
+				})])]),
+				default: withCtx(() => [createElementVNode("div", { class: "pl-[16px] flex flex-col" }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (item) => {
+					return openBlock(), createBlock(unref(ElCheckbox), {
+						key: item.prop,
+						modelValue: item.checked,
+						"onUpdate:modelValue": ($event) => item.checked = $event,
+						checked: item.checked,
+						size: "large",
+						disabled: item.disabled,
+						onChange: handleChange
+					}, {
+						default: withCtx(() => [createElementVNode("span", null, toDisplayString(item.label), 1)]),
+						_: 2
+					}, 1032, [
+						"modelValue",
+						"onUpdate:modelValue",
+						"checked",
+						"disabled"
+					]);
+				}), 128))])]),
+				_: 1
+			}, 8, ["modelValue", "onUpdate:modelValue"]);
+		};
+	}
+});
+//#endregion
+export { Setting_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Setting.vue_vue_type_script_setup_true_lang.mjs.map

package/es/components/table/src/components/Setting.vue_vue_type_script_setup_true_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Setting.vue_vue_type_script_setup_true_lang.mjs","names":[],"sources":["../../../../../../../packages/components/table/src/components/Setting.vue"],"sourcesContent":["<template>\n  <ElDrawer v-model=\"dialogVisible\" direction=\"rtl\" title=\"列筛选\" size=\"360px\" class=\"p-0 iel-drawer__bodyp0\">\n    <!-- <div class=\"h-[32px] w-full search-box flex items-center pl-[26px]\">\n      <el-icon><Search /></el-icon>\n      <el-input placeholder=\"搜索\" class=\"flex-1 h-full\"> </el-input>\n    </div> -->\n\n    <div class=\"pl-[16px] flex flex-col\">\n      <template v-for=\"item in columns\" :key=\"item.prop\">\n        <ElCheckbox\n          v-model=\"item.checked\"\n          :checked=\"item.checked\"\n          size=\"large\"\n          :disabled=\"item.disabled\"\n          @change=\"handleChange\"\n        >\n          <span>{{ item.label }}</span>\n        </ElCheckbox>\n      </template>\n    </div>\n    <template #footer>\n      <div class=\"flex items-center justify-end\">\n        <ElButton type=\"default\" @click=\"handleSCancel\">取消</ElButton>\n        <!-- <ElButton type=\"primary\" @click=\"handleSReture\">恢复默认</ElButton> -->\n        <!-- <ElButton type=\"primary\" @click=\"handleSSave\">保存</ElButton> -->\n      </div>\n    </template>\n  </ElDrawer>\n</template>\n<script lang=\"ts\" setup>\nimport { PropType, ref } from 'vue'\nimport { ElDrawer, ElButton, ElCheckbox } from 'element-plus'\n\ninterface setColumnsProps {\n  label: string\n  prop: string\n  checked: boolean\n  disabled: boolean\n}\n\ndefineProps({\n  columns: {\n    type: Array as PropType<setColumnsProps[]>,\n    default: () => [],\n  },\n})\nconst emits = defineEmits(['on-save', 'on-return'])\n\nconst dialogVisible = ref(false)\nconst actionDialog = (): void => {\n  dialogVisible.value = true\n}\n\nconst handleChange = () => {\n  emits('on-save')\n}\n\nconst handleSCancel = () => {\n  dialogVisible.value = false\n}\n\ndefineExpose({\n  actionDialog,\n})\n</script>\n"],"mappings":";;;;;;;;;;;EA8CA,MAAM,QAAQ;EAEd,MAAM,gBAAgB,IAAI,MAAK;EAC/B,MAAM,qBAA2B;AAC/B,iBAAc,QAAQ;;EAGxB,MAAM,qBAAqB;AACzB,SAAM,UAAS;;EAGjB,MAAM,sBAAsB;AAC1B,iBAAc,QAAQ;;AAGxB,WAAa,EACX,cACD,CAAA;;uBA9DC,YA0BW,MAAA,SAAA,EAAA;gBA1BQ,cAAA;qDAAa,QAAA;IAAE,WAAU;IAAM,OAAM;IAAM,MAAK;IAAQ,OAAM;;IAmBpE,QAAM,cAKT,CAJN,mBAIM,OAAA,EAJD,OAAM,iCAA+B,EAAA,CACxC,YAA6D,MAAA,SAAA,EAAA;KAAnD,MAAK;KAAW,SAAO;;4BAAiB,CAAA,gBAAF,KAAE,CAAA,CAAA;;;2BAHhD,CAZN,mBAYM,OAAA,EAZD,OAAM,2BAAyB,EAAA,EAAA,UAAA,KAAA,EAClC,mBAUW,UAAA,MAAA,WAVc,QAAA,UAAR,SAAI;yBACnB,YAQa,MAAA,WAAA,EAAA;WATyB,KAAK;kBAEhC,KAAK;8CAAA,UAAO;MACpB,SAAS,KAAK;MACf,MAAK;MACJ,UAAU,KAAK;MACf,UAAQ;;6BAEoB,CAA7B,mBAA6B,QAAA,MAAA,gBAApB,KAAK,MAAK,EAAA,EAAA,CAAA,CAAA"}