fast-element-plus 1.0.19 → 1.0.21

package/es/components/table/src/tableColumn.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tableColumn.mjs","sources":["../../../../../packages/components/table/src/tableColumn.tsx"],"sourcesContent":["import { Fragment, computed, defineComponent, h, inject, resolveComponent, watch } from \"vue\";\nimport { ElIcon, ElImage, ElMessage, ElTableColumn, ElTag, ElText, dayjs, useGlobalSize } from \"element-plus\";\nimport { CopyDocument } from \"@element-plus/icons-vue\";\nimport FaImage from \"@fast-element-plus/components/image\";\nimport { consoleError, dateUtil, definePropType, makeSlots, stringUtil, useProps, useRender } from \"@fast-china/utils\";\nimport { isArray, isFunction, isNil, isNumber, isObject, isString } from \"lodash-unified\";\nimport artwork from \"../images/artwork.png\";\nimport notImage from \"../images/notImage.png\";\nimport { tableUtil } from \"../utils/table\";\nimport { getTableDefaultSlots } from \"./table.type\";\nimport { enumMapKey, tableStateKey } from \"./useTable\";\nimport type {\n\tFaTableColumnCtx,\n\tFaTableColumnDateFormat,\n\tFaTableColumnType,\n\tFaTableDefaultSlotsResult,\n\tFaTableEnumColumnCtx,\n\tFaTableEnumColumnType,\n} from \"./table.type\";\nimport type { TableColumnCtx } from \"element-plus\";\nimport type { ComputedRef, PropType, VNode } from \"vue\";\n\ntype DefaultRow = any;\n\nexport const tableColumnProps = {\n\t/**\n\t * @description type of the column. If set to `selection`, the column will display checkbox. If set to `index`, the column will display index of the row (staring from 1). If set to `expand`, the column will display expand icon\n\t */\n\ttype: {\n\t\ttype: String,\n\t\tdefault: \"default\",\n\t},\n\t/**\n\t * @description column label\n\t */\n\tlabel: String,\n\t/**\n\t * @description class name of cells in the column\n\t */\n\tclassName: String,\n\t/**\n\t * @description class name of the label of this column\n\t */\n\tlabelClassName: String,\n\t/**\n\t * @description\n\t */\n\tproperty: String,\n\t/**\n\t * @description field name. You can also use its alias: `property`\n\t */\n\tprop: String,\n\t/**\n\t * @description column width\n\t */\n\twidth: {\n\t\ttype: [String, Number],\n\t\tdefault: \"\",\n\t},\n\t/**\n\t * @description column minimum width. Columns with `width` has a fixed width, while columns with `min-width` has a width that is distributed in proportion\n\t */\n\tminWidth: {\n\t\ttype: [String, Number],\n\t\tdefault: \"\",\n\t},\n\t/**\n\t * @description render function for table header of this column\n\t */\n\trenderHeader: Function as PropType<TableColumnCtx<DefaultRow>[\"renderHeader\"]>,\n\t/**\n\t * @description whether column can be sorted. Remote sorting can be done by setting this attribute to 'custom' and listening to the `sort-change` event of Table\n\t */\n\tsortable: {\n\t\ttype: [Boolean, String],\n\t\tdefault: false,\n\t},\n\t/**\n\t * @description sorting method, works when `sortable` is `true`. Should return a number, just like Array.sort\n\t */\n\tsortMethod: Function as PropType<TableColumnCtx<DefaultRow>[\"sortMethod\"]>,\n\t/**\n\t * @description specify which property to sort by, works when `sortable` is `true` and `sort-method` is `undefined`. If set to an Array, the column will sequentially sort by the next property if the previous one is equal\n\t */\n\tsortBy: [String, Function, Array] as PropType<TableColumnCtx<DefaultRow>[\"sortBy\"]>,\n\t/**\n\t * @description whether column width can be resized, works when `border` of `el-table` is `true`\n\t */\n\tresizable: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * @description column's key. If you need to use the filter-change event, you need this attribute to identify which column is being filtered\n\t */\n\tcolumnKey: String,\n\t/**\n\t * @description alignment, the value should be 'left' \\/ 'center' \\/ 'right'\n\t */\n\talign: String,\n\t/**\n\t * @description alignment of the table header. If omitted, the value of the above `align` attribute will be applied, the value should be 'left' \\/ 'center' \\/ 'right'\n\t */\n\theaderAlign: String,\n\t/**\n\t * @description whether to hide extra content and show them in a tooltip when hovering on the cell\n\t */\n\tshowOverflowTooltip: {\n\t\ttype: [Boolean, Object] as PropType<TableColumnCtx<DefaultRow>[\"showOverflowTooltip\"]>,\n\t\tdefault: undefined,\n\t},\n\t/**\n\t * @description whether column is fixed at left / right. Will be fixed at left if `true`\n\t */\n\tfixed: [Boolean, String],\n\t/**\n\t * @description function that formats cell content\n\t */\n\tformatter: Function as PropType<TableColumnCtx<DefaultRow>[\"formatter\"]>,\n\t/**\n\t * @description function that determines if a certain row can be selected, works when `type` is 'selection'\n\t */\n\tselectable: Function as PropType<TableColumnCtx<DefaultRow>[\"selectable\"]>,\n\t/**\n\t * @description whether to reserve selection after data refreshing, works when `type` is 'selection'. Note that `row-key` is required for this to work\n\t */\n\treserveSelection: Boolean,\n\t/**\n\t * @description data filtering method. If `filter-multiple` is on, this method will be called multiple times for each row, and a row will display if one of the calls returns `true`\n\t */\n\tfilterMethod: Function as PropType<TableColumnCtx<DefaultRow>[\"filterMethod\"]>,\n\t/**\n\t * @description filter value for selected data, might be useful when table header is rendered with `render-header`\n\t */\n\tfilteredValue: Array as PropType<TableColumnCtx<DefaultRow>[\"filteredValue\"]>,\n\t/**\n\t * @description an array of data filtering options. For each element in this array, `text` and `value` are required\n\t */\n\tfilters: Array as PropType<TableColumnCtx<DefaultRow>[\"filters\"]>,\n\t/**\n\t * @description placement for the filter dropdown\n\t */\n\tfilterPlacement: String,\n\t/**\n\t * @description whether data filtering supports multiple options\n\t */\n\tfilterMultiple: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * @description className for the filter dropdown\n\t */\n\tfilterClassName: String,\n\t/**\n\t * @description customize indices for each row, works on columns with `type=index`\n\t */\n\tindex: [Number, Function] as PropType<TableColumnCtx<DefaultRow>[\"index\"]>,\n\t/**\n\t * @description the order of the sorting strategies used when sorting the data, works when `sortable` is `true`. Accepts an array, as the user clicks on the header, the column is sorted in order of the elements in the array\n\t */\n\tsortOrders: {\n\t\ttype: Array as PropType<TableColumnCtx<DefaultRow>[\"sortOrders\"]>,\n\t\tdefault: (): TableColumnCtx<DefaultRow>[\"sortOrders\"] => {\n\t\t\treturn [\"ascending\", \"descending\", null];\n\t\t},\n\t\tvalidator: (val: TableColumnCtx<unknown>[\"sortOrders\"]): boolean => {\n\t\t\treturn val.every((order: string) => [\"ascending\", \"descending\", null].includes(order));\n\t\t},\n\t},\n};\n\ntype FaTableColumnSlotsResult = {\n\t/** @description slots为表格内容的时候才会返回 */\n\trow?: any;\n\t/** @description slot为表头内容的时候返回 'TableColumnCtx<any>' 否则返回 'FaTableColumnCtx' */\n\tcolumn?: TableColumnCtx<any> | FaTableColumnCtx;\n\t$index?: number;\n};\n\ntype FaTableColumnDefaultSlots = {\n\t[key: string]: FaTableDefaultSlotsResult & FaTableColumnSlotsResult;\n};\n\ntype FaTableColumnSlots = {\n\t/** @description 默认内容插槽 */\n\tdefault: FaTableDefaultSlotsResult & { row: any; column: FaTableColumnCtx; $index: number };\n\t/** @description 自定义表头的内容 */\n\theader: FaTableDefaultSlotsResult & { column: FaTableColumnCtx; $index: number };\n\t/** @description 自定义 filter 图标 */\n\tfilterIcon: FaTableDefaultSlotsResult & { filterOpened: boolean };\n\t/** @description 展开列的自定义内容 */\n\texpand: FaTableDefaultSlotsResult & { expanded: boolean };\n} & FaTableColumnDefaultSlots;\n\nexport default defineComponent({\n\tname: \"FaTableColumn\",\n\tprops: {\n\t\t...tableColumnProps,\n\t\t/**\n\t\t * @description type of the column. If set to `selection`, the column will display checkbox. If set to `index`, the column will display index of the row (staring from 1). If set to `expand`, the column will display expand icon\n\t\t */\n\t\ttype: {\n\t\t\ttype: definePropType<FaTableColumnType>(String),\n\t\t\tdefault: \"default\",\n\t\t},\n\t\t/**\n\t\t * @description column width\n\t\t */\n\t\twidth: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: \"auto\",\n\t\t},\n\t\t/** @description alignment, the value should be 'left' \\/ 'center' \\/ 'right' */\n\t\talign: {\n\t\t\ttype: String,\n\t\t\tdefault: \"left\",\n\t\t},\n\t\t/** @description alignment of the table header. If omitted, the value of the above `align` attribute will be applied, the value should be 'left' \\/ 'center' \\/ 'right' */\n\t\theaderAlign: {\n\t\t\ttype: String,\n\t\t\tdefault: \"left\",\n\t\t},\n\t\t/** @description 是否显示在表格当中 */\n\t\tshow: Boolean,\n\t\t/** @description 小页面的宽度，如果为空，则继承默认宽度 */\n\t\tsmallWidth: {\n\t\t\ttype: [String, Number],\n\t\t},\n\t\t/** @description 自适应宽度 */\n\t\tautoWidth: Boolean,\n\t\t/** @description 插槽名称 */\n\t\tslot: String,\n\t\t/** @description 表格头部插槽名称 */\n\t\theaderSlot: String,\n\t\t/** @description 自定义表头内容渲染（tsx语法） */\n\t\theaderRender: {\n\t\t\ttype: definePropType<({ column, $index }: { column: TableColumnCtx<any>; $index: number } & FaTableDefaultSlotsResult) => VNode[]>(\n\t\t\t\tFunction\n\t\t\t),\n\t\t},\n\t\t/** @description 自定义单元格内容渲染（tsx语法） */\n\t\trender: {\n\t\t\ttype: definePropType<\n\t\t\t\t({ row, column, $index }: { row: any; column: FaTableColumnCtx; $index: number } & FaTableDefaultSlotsResult) => VNode[]\n\t\t\t>(Function),\n\t\t},\n\t\t/** @description 多级表头 */\n\t\t_children: {\n\t\t\ttype: definePropType<FaTableColumnCtx[]>(Array),\n\t\t},\n\t\t/** @description 隐藏图片 */\n\t\thideImage: Boolean,\n\t\t/** @description 复制 */\n\t\tcopy: Boolean,\n\t\t/** @description 是否为 Link Button */\n\t\tlink: Boolean,\n\t\t/** @description 合并行字段 */\n\t\tspanProp: String,\n\t\t/** @description Link 按钮的点击事件，优先级最高 */\n\t\tclick: {\n\t\t\ttype: definePropType<({ row, $index }: { row: any; $index?: number }) => void>(Function),\n\t\t},\n\t\t/** @description 点击Emits事件回调 */\n\t\tclickEmit: String,\n\t\t/** @description 图片列是否显示为原图，默认 false 显示缩略图 */\n\t\toriginalImage: Boolean,\n\t\t/** @description 显示时间格式化字符串 */\n\t\tdateFix: Boolean,\n\t\t/** @description 显示在页面中的日期格式 */\n\t\tdateFormat: {\n\t\t\ttype: definePropType<FaTableColumnDateFormat>(String),\n\t\t},\n\t\t/** @description 是否是标签展示 */\n\t\ttag: Boolean,\n\t\t/** @description 枚举类型（渲染值的字典） */\n\t\tenum: {\n\t\t\ttype: definePropType<FaTableEnumColumnType>([String, Array, Function]),\n\t\t},\n\t\t/** @description 数据删除字段，如果为 true 会显示遮罩层 */\n\t\tdataDeleteField: String,\n\t\t/** @description 时间信息字段 */\n\t\ttimeInfoField: {\n\t\t\ttype: definePropType<{ userName?: string; time?: string }>(Object),\n\t\t\tdefault: () => ({\n\t\t\t\tuserName: \"createdUserName\",\n\t\t\t\ttime: \"createdTime\",\n\t\t\t}),\n\t\t},\n\t},\n\temits: {\n\t\t/** @description 图片预览 */\n\t\timagePreview: (url: string): boolean => isString(url),\n\t\t/** @description 自定义单元格点击事件 */\n\t\tcustomCellClick: (emitName: string, { row, column, $index }: { row: any; column: FaTableColumnCtx; $index: number }): boolean =>\n\t\t\t(isNil(emitName) || isString(emitName)) && isObject(row) && isObject(column) && isNumber($index),\n\t},\n\tslots: makeSlots<FaTableColumnSlots>(),\n\tsetup(props, { slots, emit }) {\n\t\tconst _globalSize = useGlobalSize();\n\t\tconst tableState = inject(tableStateKey);\n\t\tconst enumMap = inject(enumMapKey);\n\n\t\tconst columnCtx = computed(() => props as unknown as FaTableColumnCtx);\n\n\t\t/** 获取ClassName */\n\t\tconst getClassName = (): string => {\n\t\t\tlet className = \"\";\n\t\t\tif (props.type === \"timeInfo\") {\n\t\t\t\tclassName += \"fa-table__line-height-normal-column\";\n\t\t\t}\n\t\t\tif (props.type === \"date\" || props.type === \"time\" || props.type === \"dateTime\") {\n\t\t\t\tif (props.dateFix) {\n\t\t\t\t\tclassName += \"fa-table__line-height-normal-column\";\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (props.className) {\n\t\t\t\treturn `${className} ${props.className}`;\n\t\t\t}\n\t\t\treturn className ? className : undefined;\n\t\t};\n\n\t\t/** 获取宽度 */\n\t\tconst getWidth = (defAttr: string): string | number => {\n\t\t\tif (props.autoWidth) {\n\t\t\t\treturn computed(() => {\n\t\t\t\t\tconst findInfo = tableState.autoColumnWidth.find((f) => f.prop === props.prop);\n\t\t\t\t\tif (findInfo) {\n\t\t\t\t\t\treturn `${findInfo.width}px`;\n\t\t\t\t\t}\n\t\t\t\t\treturn \"auto\";\n\t\t\t\t}).value;\n\t\t\t}\n\t\t\tif (_globalSize.value === \"small\") {\n\t\t\t\treturn props.smallWidth ?? props.width ?? props.minWidth ?? defAttr ?? \"auto\";\n\t\t\t}\n\t\t\treturn props.width ?? props.minWidth ?? defAttr ?? \"auto\";\n\t\t};\n\n\t\t/** 表头自动宽度渲染 */\n\t\tconst autoWidthHeaderRender = (el: VNode[]): VNode[] => {\n\t\t\tif (props.autoWidth) {\n\t\t\t\treturn (\n\t\t\t\t\t<div class={[\"fa-table__auto-width-column__cell-header\", `__fa-table__auto-width-column__cell-header__${props.prop}`]}>{el}</div>\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\treturn el;\n\t\t\t}\n\t\t};\n\n\t\t/** 自动宽度渲染 */\n\t\tconst autoWidthRender = (el: VNode[]): VNode[] => {\n\t\t\tif (props.autoWidth) {\n\t\t\t\treturn <div class={[\"fa-table__auto-width-column__cell\", `__fa-table__auto-width-column__cell__${props.prop}`]}>{el}</div>;\n\t\t\t} else {\n\t\t\t\treturn el;\n\t\t\t}\n\t\t};\n\n\t\t/** 表头渲染 */\n\t\tconst headerRender = ({ column, $index }: { column: TableColumnCtx<any>; $index: number }): VNode[] => {\n\t\t\tif (props.headerRender) {\n\t\t\t\treturn autoWidthHeaderRender(props.headerRender({ column, $index, ...getTableDefaultSlots(tableState) }));\n\t\t\t} else if (props.headerSlot) {\n\t\t\t\treturn autoWidthHeaderRender(\n\t\t\t\t\tslots[props.headerSlot] && slots[props.headerSlot]({ column, $index, ...getTableDefaultSlots(tableState) })\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\treturn autoWidthHeaderRender(<span>{props.label}</span>);\n\t\t\t}\n\t\t};\n\n\t\t/** 复制渲染 */\n\t\tconst copyRender = (value, copy?: boolean): VNode[] => {\n\t\t\treturn (\n\t\t\t\t(props.copy || copy) &&\n\t\t\t\tvalue && (\n\t\t\t\t\t<ElIcon\n\t\t\t\t\t\tclass=\"fa__copy-icon\"\n\t\t\t\t\t\ttitle=\"复制\"\n\t\t\t\t\t\tonClick={async () => {\n\t\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\t\tawait stringUtil.copy(String(value));\n\t\t\t\t\t\t\t\tElMessage({\n\t\t\t\t\t\t\t\t\ttype: \"success\",\n\t\t\t\t\t\t\t\t\tmessage: \"复制成功\",\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t} catch (error) {\n\t\t\t\t\t\t\t\tconsoleError(\"FaTableColumn\", error);\n\t\t\t\t\t\t\t\tElMessage({\n\t\t\t\t\t\t\t\t\ttype: \"error\",\n\t\t\t\t\t\t\t\t\tmessage: \"复制失败\",\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<CopyDocument />\n\t\t\t\t\t</ElIcon>\n\t\t\t\t)\n\t\t\t);\n\t\t};\n\n\t\t/** 渲染单元格数据 */\n\t\tconst renderCellData = ({ row }: { row: any }): any => {\n\t\t\tconst cellValue = tableUtil.handleRowAccordingToProp(row, props.prop);\n\n\t\t\tlet enumKey = props.prop;\n\t\t\tlet enumData: FaTableEnumColumnCtx[];\n\n\t\t\tif (isString(props.enum)) {\n\t\t\t\tenumKey = props.enum;\n\t\t\t\tenumData = enumMap.get(enumKey);\n\t\t\t} else if (isArray(props.enum)) {\n\t\t\t\tenumData = props.enum;\n\t\t\t} else if (isFunction(props.enum)) {\n\t\t\t\tenumData = props.enum({ row });\n\t\t\t}\n\n\t\t\tif (enumData) {\n\t\t\t\treturn tableUtil.filterEnum(cellValue, enumData);\n\t\t\t} else {\n\t\t\t\treturn tableUtil.formatValue(cellValue);\n\t\t\t}\n\t\t};\n\n\t\t/** 格式化渲染 */\n\t\tconst formatterRender = (row: any, column: TableColumnCtx<any>, cellValue: any, index: number): any => {\n\t\t\tif (column.formatter) {\n\t\t\t\treturn column.formatter(row, column, cellValue, index);\n\t\t\t} else {\n\t\t\t\treturn cellValue;\n\t\t\t}\n\t\t};\n\n\t\t/** 时间信息列渲染 */\n\t\tconst timeInfoRender = (row: any, column: TableColumnCtx<any>, $index: number): VNode[] => {\n\t\t\tconst userName = row[props.timeInfoField?.userName ?? \"createdUserName\"];\n\t\t\tconst time = row[props.timeInfoField?.time ?? \"createdTime\"];\n\t\t\treturn (\n\t\t\t\t<Fragment>\n\t\t\t\t\t<div style=\"white-space: nowrap; overflow: hidden; text-overflow:  ellipsis;\" title={time}>\n\t\t\t\t\t\t{userName && <span style=\"margin-right: 5px;\">{userName}</span>}\n\t\t\t\t\t\t<span>{time}</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t{time && (\n\t\t\t\t\t\t<ElTag type=\"info\" round effect=\"light\" size=\"small\">\n\t\t\t\t\t\t\t{dateUtil.dateTimeFix(String(time))}\n\t\t\t\t\t\t</ElTag>\n\t\t\t\t\t)}\n\t\t\t\t</Fragment>\n\t\t\t);\n\t\t};\n\n\t\t/** 标签列渲染 */\n\t\tconst tagRender = (row: any, column: TableColumnCtx<any>, $index: number): VNode[] => {\n\t\t\tconst renderValue = formatterRender(row, column, renderCellData({ row }), $index);\n\n\t\t\tlet enumKey = props.prop;\n\t\t\tlet enumData: FaTableEnumColumnCtx[];\n\n\t\t\tif (isString(props.enum)) {\n\t\t\t\tenumKey = props.enum;\n\t\t\t\tenumData = enumMap.get(enumKey);\n\t\t\t} else if (isArray(props.enum)) {\n\t\t\t\tenumData = props.enum;\n\t\t\t} else if (isFunction(props.enum)) {\n\t\t\t\tenumData = props.enum({ row });\n\t\t\t}\n\n\t\t\tconst type = tableUtil.filterEnum(tableUtil.handleRowAccordingToProp(row, props.prop), enumData, null, \"tag\");\n\t\t\treturn (\n\t\t\t\t<Fragment>\n\t\t\t\t\t{copyRender(renderValue)}\n\t\t\t\t\t{renderValue ? <ElTag type={type}>{renderValue}</ElTag> : null}\n\t\t\t\t</Fragment>\n\t\t\t);\n\t\t};\n\n\t\t/** 时间列渲染 */\n\t\tconst dateRender = (row: any, column: TableColumnCtx<any>, $index: number): VNode[] => {\n\t\t\tlet dateFormat;\n\t\t\tswitch (props.type) {\n\t\t\t\tcase \"date\":\n\t\t\t\t\tdateFormat = \"YYYY-MM-DD\";\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"time\":\n\t\t\t\t\tdateFormat = \"HH:mm:ss\";\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"dateTime\":\n\t\t\t\t\tdateFormat = \"YYYY-MM-DD HH:mm:ss\";\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t\tconst renderValue = row[props.prop]\n\t\t\t\t? formatterRender(row, column, dayjs(row[props.prop]).format(props.dateFormat ?? dateFormat), $index)\n\t\t\t\t: null;\n\t\t\treturn (\n\t\t\t\t<Fragment>\n\t\t\t\t\t{copyRender(renderValue)}\n\t\t\t\t\t{renderValue}\n\t\t\t\t\t{props.dateFix && renderValue && (\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t<ElTag type=\"info\" round effect=\"light\" size=\"small\">\n\t\t\t\t\t\t\t\t{dateUtil.dateTimeFix(String(renderValue))}\n\t\t\t\t\t\t\t</ElTag>\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t)}\n\t\t\t\t</Fragment>\n\t\t\t);\n\t\t};\n\n\t\t/** 数值列渲染 */\n\t\tconst numberRender = (row: any, column: TableColumnCtx<any>, $index: number): VNode[] => {\n\t\t\tconst renderValue = row[props.prop];\n\t\t\tif (!renderValue || !isNumber(renderValue)) {\n\t\t\t\treturn formatterRender(row, column, renderValue, $index);\n\t\t\t}\n\t\t\tlet useGrouping = false;\n\t\t\tlet maximumFractionDigits: number;\n\t\t\tswitch (props.type) {\n\t\t\t\tcase \"d2\":\n\t\t\t\t\tmaximumFractionDigits = 2;\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"d4\":\n\t\t\t\t\tmaximumFractionDigits = 4;\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"d6\":\n\t\t\t\t\tmaximumFractionDigits = 6;\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"gd2\":\n\t\t\t\t\tmaximumFractionDigits = 2;\n\t\t\t\t\tuseGrouping = true;\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"gd4\":\n\t\t\t\t\tmaximumFractionDigits = 4;\n\t\t\t\t\tuseGrouping = true;\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"gd6\":\n\t\t\t\t\tmaximumFractionDigits = 6;\n\t\t\t\t\tuseGrouping = true;\n\t\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\treturn formatterRender(\n\t\t\t\trow,\n\t\t\t\tcolumn,\n\t\t\t\trenderValue.toLocaleString(\"zh-CN\", {\n\t\t\t\t\tminimumFractionDigits: 2,\n\t\t\t\t\tmaximumFractionDigits,\n\t\t\t\t\tuseGrouping,\n\t\t\t\t}),\n\t\t\t\t$index\n\t\t\t);\n\t\t};\n\n\t\t/** 链接列渲染 */\n\t\tconst linkRender = (row: any, column: TableColumnCtx<any>, $index: number): VNode[] => {\n\t\t\tconst renderValue = formatterRender(row, column, row[props.prop], $index);\n\t\t\treturn autoWidthRender(\n\t\t\t\t<Fragment>\n\t\t\t\t\t{copyRender(renderValue)}\n\t\t\t\t\t{renderValue && (\n\t\t\t\t\t\t<ElText\n\t\t\t\t\t\t\tclass={\"el-link is-hover-underline fa-table__link-column__text\"}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t// 数据删除拦截点击\n\t\t\t\t\t\t\t\tif (props.dataDeleteField && row[props.dataDeleteField] === true) return;\n\t\t\t\t\t\t\t\tif (props.click) {\n\t\t\t\t\t\t\t\t\tprops.click({ row, $index });\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\temit(\"customCellClick\", props.clickEmit, {\n\t\t\t\t\t\t\t\t\t\trow,\n\t\t\t\t\t\t\t\t\t\tcolumn: columnCtx.value,\n\t\t\t\t\t\t\t\t\t\t$index,\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{renderValue}\n\t\t\t\t\t\t</ElText>\n\t\t\t\t\t)}\n\t\t\t\t</Fragment>\n\t\t\t);\n\t\t};\n\n\t\tconst defaultRender = ({ row, column, $index }: { row: any; column: TableColumnCtx<any>; $index: number }): VNode[] => {\n\t\t\tif (props.type === \"timeInfo\") {\n\t\t\t\treturn timeInfoRender(row, column, $index);\n\t\t\t}\n\t\t\tif (props.tag) {\n\t\t\t\treturn tagRender(row, column, $index);\n\t\t\t}\n\t\t\tif (props.type === \"date\" || props.type === \"time\" || props.type === \"dateTime\") {\n\t\t\t\treturn dateRender(row, column, $index);\n\t\t\t}\n\t\t\tif (\n\t\t\t\tprops.type === \"d2\" ||\n\t\t\t\tprops.type === \"d4\" ||\n\t\t\t\tprops.type === \"d6\" ||\n\t\t\t\tprops.type === \"gd2\" ||\n\t\t\t\tprops.type === \"gd4\" ||\n\t\t\t\tprops.type === \"gd6\"\n\t\t\t) {\n\t\t\t\treturn numberRender(row, column, $index);\n\t\t\t}\n\t\t\tif (props.link) {\n\t\t\t\treturn linkRender(row, column, $index);\n\t\t\t}\n\t\t\tif (props.render) {\n\t\t\t\treturn autoWidthRender(props.render({ row, column: columnCtx.value, $index, ...getTableDefaultSlots(tableState) }));\n\t\t\t}\n\t\t\tif (props.slot) {\n\t\t\t\treturn autoWidthRender(\n\t\t\t\t\tslots[props.slot] && slots[props.slot]({ row, column: columnCtx.value, $index, ...getTableDefaultSlots(tableState) })\n\t\t\t\t);\n\t\t\t}\n\t\t\tconst renderValue = formatterRender(row, column, row[props.prop], $index);\n\t\t\treturn autoWidthRender(\n\t\t\t\t<Fragment>\n\t\t\t\t\t{copyRender(renderValue)}\n\t\t\t\t\t{renderValue}\n\t\t\t\t</Fragment>\n\t\t\t);\n\t\t};\n\n\t\tlet elTableColumnProps: ComputedRef<TableColumnCtx<any>> = useProps(props, tableColumnProps, [\n\t\t\t\"type\",\n\t\t\t\"width\",\n\t\t\t\"minWidth\",\n\t\t\t\"sortable\",\n\t\t\t\"sortOrders\",\n\t\t\t\"resizable\",\n\t\t\t\"showOverflowTooltip\",\n\t\t]) as unknown as ComputedRef<TableColumnCtx<any>>;\n\n\t\twatch(\n\t\t\t() => props,\n\t\t\t() => {\n\t\t\t\telTableColumnProps = useProps(props, tableColumnProps, [\n\t\t\t\t\t\"type\",\n\t\t\t\t\t\"className\",\n\t\t\t\t\t\"minWidth\",\n\t\t\t\t\t\"sortable\",\n\t\t\t\t\t\"sortOrders\",\n\t\t\t\t\t\"resizable\",\n\t\t\t\t\t\"showOverflowTooltip\",\n\t\t\t\t]) as unknown as ComputedRef<TableColumnCtx<any>>;\n\t\t\t}\n\t\t);\n\n\t\tuseRender(() => (\n\t\t\t<Fragment>\n\t\t\t\t{\n\t\t\t\t\t// 如果有配置多级表头的数据，则递归该组件\n\t\t\t\t\tprops._children?.length ? (\n\t\t\t\t\t\t<ElTableColumn\n\t\t\t\t\t\t\t{...elTableColumnProps.value}\n\t\t\t\t\t\t\tclassName={getClassName()}\n\t\t\t\t\t\t\tminWidth={getWidth(\"auto\")}\n\t\t\t\t\t\t\tsortable={props.sortable ? \"custom\" : false}\n\t\t\t\t\t\t\tsortOrders={props.sortOrders ?? [\"descending\", \"ascending\", null]}\n\t\t\t\t\t\t\tresizable={props.resizable && !props.autoWidth}\n\t\t\t\t\t\t\tshowOverflowTooltip={(props.showOverflowTooltip ?? true) && !props.autoWidth && props.type == \"default\"}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\theader: ({ column, $index }: { column: TableColumnCtx<any>; $index: number }) => headerRender({ column, $index }),\n\t\t\t\t\t\t\t\tdefault: () =>\n\t\t\t\t\t\t\t\t\tprops._children.map((col: FaTableColumnCtx) =>\n\t\t\t\t\t\t\t\t\t\th(\n\t\t\t\t\t\t\t\t\t\t\tresolveComponent(\"FaTableColumn\"),\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t...col,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\tslots\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t</ElTableColumn>\n\t\t\t\t\t) : props.type === \"image\" ? (\n\t\t\t\t\t\t<ElTableColumn\n\t\t\t\t\t\t\t{...elTableColumnProps.value}\n\t\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\t\tclassName=\"fa-table__image-column\"\n\t\t\t\t\t\t\tminWidth=\"50px\"\n\t\t\t\t\t\t\tsortable={false}\n\t\t\t\t\t\t\tresizable={false}\n\t\t\t\t\t\t\tshowOverflowTooltip={false}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\theader: ({ column, $index }: { column: TableColumnCtx<any>; $index: number }) => headerRender({ column, $index }),\n\t\t\t\t\t\t\t\tdefault: ({ row }: { row: any; column: TableColumnCtx<any>; $index: number }) =>\n\t\t\t\t\t\t\t\t\trow[props.prop] ? (\n\t\t\t\t\t\t\t\t\t\tprops.hideImage ? (\n\t\t\t\t\t\t\t\t\t\t\t<ElImage\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"fa-image\"\n\t\t\t\t\t\t\t\t\t\t\t\tlazy\n\t\t\t\t\t\t\t\t\t\t\t\tsrc={artwork}\n\t\t\t\t\t\t\t\t\t\t\t\tfit=\"cover\"\n\t\t\t\t\t\t\t\t\t\t\t\tpreviewSrcList={[row[props.prop]]}\n\t\t\t\t\t\t\t\t\t\t\t\tcloseOnPressEscape\n\t\t\t\t\t\t\t\t\t\t\t\thideOnClickModal\n\t\t\t\t\t\t\t\t\t\t\t\tpreviewTeleported\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<FaImage lazy src={row[props.prop]} fit=\"cover\" original={props.originalImage} thumb />\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<ElImage class=\"fa-image\" lazy src={notImage} fit=\"cover\" />\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t</ElTableColumn>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t// 其他正常的列\n\t\t\t\t\t\t<ElTableColumn\n\t\t\t\t\t\t\t{...elTableColumnProps.value}\n\t\t\t\t\t\t\tclassName={getClassName()}\n\t\t\t\t\t\t\tminWidth={getWidth(\"auto\")}\n\t\t\t\t\t\t\tsortable={props.sortable ? \"custom\" : false}\n\t\t\t\t\t\t\tsortOrders={props.sortOrders ?? [\"descending\", \"ascending\", null]}\n\t\t\t\t\t\t\tresizable={props.resizable && !props.autoWidth}\n\t\t\t\t\t\t\tshowOverflowTooltip={(props.showOverflowTooltip ?? true) && !props.autoWidth && props.type == \"default\"}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\theader: ({ column, $index }: { column: TableColumnCtx<any>; $index: number }) =>\n\t\t\t\t\t\t\t\t\tslots.header\n\t\t\t\t\t\t\t\t\t\t? slots.header({ column: columnCtx.value, $index, ...getTableDefaultSlots(tableState) })\n\t\t\t\t\t\t\t\t\t\t: headerRender({ column, $index }),\n\t\t\t\t\t\t\t\tdefault: ({ row, column, $index }: { row: any; column: TableColumnCtx<any>; $index: number }) =>\n\t\t\t\t\t\t\t\t\tslots.default\n\t\t\t\t\t\t\t\t\t\t? slots.default({ row, column: columnCtx.value, $index, ...getTableDefaultSlots(tableState) })\n\t\t\t\t\t\t\t\t\t\t: defaultRender({ row, column, $index }),\n\t\t\t\t\t\t\t\tfilterIcon: ({ filterOpened }: { filterOpened: boolean }) =>\n\t\t\t\t\t\t\t\t\tslots.filterIcon && slots.filterIcon({ filterOpened, ...getTableDefaultSlots(tableState) }),\n\t\t\t\t\t\t\t\texpand: ({ expanded }: { expanded: boolean }) =>\n\t\t\t\t\t\t\t\t\tslots.expand && slots.expand({ expanded, ...getTableDefaultSlots(tableState) }),\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t</ElTableColumn>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t</Fragment>\n\t\t));\n\t},\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","tableColumnProps","type","String","default","label","className","labelClassName","property","prop","width","Number","minWidth","renderHeader","Function","sortable","Boolean","sortMethod","sortBy","Array","resizable","columnKey","align","headerAlign","showOverflowTooltip","undefined","fixed","formatter","selectable","reserveSelection","filterMethod","filteredValue","filters","filterPlacement","filterMultiple","filterClassName","index","sortOrders","validator","val","every","order","includes","TableColumn","name","props","definePropType","show","smallWidth","autoWidth","slot","headerSlot","headerRender","render","_children","hideImage","copy","link","spanProp","click","clickEmit","originalImage","dateFix","dateFormat","tag","enum","dataDeleteField","timeInfoField","userName","time","emits","imagePreview","url","isString","customCellClick","emitName","row","column","$index","isNil","isObject","isNumber","slots","makeSlots","setup","emit","_globalSize","useGlobalSize","tableState","inject","tableStateKey","enumMap","enumMapKey","columnCtx","computed","getClassName","getWidth","defAttr","findInfo","autoColumnWidth","find","f","value","autoWidthHeaderRender","el","_createVNode","class","autoWidthRender","getTableDefaultSlots","copyRender","ElIcon","title","onClick","async","stringUtil","ElMessage","message","error","consoleError","CopyDocument","formatterRender","cellValue","tagRender","renderValue","renderCellData","tableUtil","handleRowAccordingToProp","enumData","enumKey","get","isArray","isFunction","filterEnum","formatValue","_Fragment","ElTag","defaultRender","timeInfoRender","_slot","style","round","effect","size","dateUtil","dateTimeFix","dateRender","_slot2","dayjs","format","numberRender","maximumFractionDigits","useGrouping","toLocaleString","minimumFractionDigits","linkRender","ElText","elTableColumnProps","useProps","watch","useRender","length","ElTableColumn","_mergeProps","header","map","col","h","resolveComponent","ElImage","lazy","src","artwork","fit","previewSrcList","closeOnPressEscape","hideOnClickModal","previewTeleported","FaImage","original","thumb","notImage","filterIcon","filterOpened","expand","expanded"],"mappings":"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"}
+{"version":3,"file":"tableColumn.mjs","names":["Fragment","computed","defineComponent","h","inject","resolveComponent","watch","createVNode","_createVNode","isVNode","_isVNode","_Fragment","mergeProps","_mergeProps","ElIcon","ElImage","ElMessage","ElTableColumn","ElTag","ElText","dayjs","useGlobalSize","CopyDocument","FaImage","consoleError","dateUtil","definePropType","makeSlots","stringUtil","useProps","useRender","isArray","isFunction","isNil","isNumber","isObject","isString","artwork","notImage","tableUtil","getTableDefaultSlots","enumMapKey","tableStateKey","_isSlot","s","Object","prototype","toString","call","tableColumnProps","type","String","default","label","className","labelClassName","property","prop","width","Number","minWidth","renderHeader","Function","sortable","Boolean","sortMethod","sortBy","Array","resizable","columnKey","align","headerAlign","showOverflowTooltip","undefined","fixed","formatter","selectable","reserveSelection","filterMethod","filteredValue","filters","filterPlacement","filterMultiple","filterClassName","index","sortOrders","validator","val","every","order","includes","name","props","show","smallWidth","autoWidth","slot","headerSlot","headerRender","render","_children","hideImage","copy","link","spanProp","click","clickEmit","originalImage","dateFix","dateFormat","tag","enum","dataDeleteField","timeInfoField","userName","time","emits","imagePreview","url","customCellClick","emitName","row","column","$index","slots","setup","emit","_globalSize","tableState","enumMap","columnCtx","getClassName","getWidth","defAttr","findInfo","autoColumnWidth","find","f","value","autoWidthHeaderRender","el","autoWidthRender","copyRender","onClick","message","error","renderCellData","cellValue","handleRowAccordingToProp","enumKey","enumData","get","filterEnum","formatValue","formatterRender","timeInfoRender","_slot","dateTimeFix","tagRender","renderValue","dateRender","_slot2","format","numberRender","useGrouping","maximumFractionDigits","toLocaleString","minimumFractionDigits","linkRender","defaultRender","elTableColumnProps","length","header","map","col","filterIcon","filterOpened","expand","expanded"],"sources":["../../../../../packages/components/table/src/tableColumn.tsx"],"sourcesContent":["import { Fragment, computed, defineComponent, h, inject, resolveComponent, watch } from \"vue\";\nimport { ElIcon, ElImage, ElMessage, ElTableColumn, ElTag, ElText, dayjs, useGlobalSize } from \"element-plus\";\nimport { CopyDocument } from \"@element-plus/icons-vue\";\nimport FaImage from \"@fast-element-plus/components/image\";\nimport { consoleError, dateUtil, definePropType, makeSlots, stringUtil, useProps, useRender } from \"@fast-china/utils\";\nimport { isArray, isFunction, isNil, isNumber, isObject, isString } from \"lodash-unified\";\nimport artwork from \"../images/artwork.png\";\nimport notImage from \"../images/notImage.png\";\nimport { tableUtil } from \"../utils/table\";\nimport { getTableDefaultSlots } from \"./table.type\";\nimport { enumMapKey, tableStateKey } from \"./useTable\";\nimport type {\n\tFaTableColumnCtx,\n\tFaTableColumnDateFormat,\n\tFaTableColumnType,\n\tFaTableDefaultSlotsResult,\n\tFaTableEnumColumnCtx,\n\tFaTableEnumColumnType,\n} from \"./table.type\";\nimport type { TableColumnCtx } from \"element-plus\";\nimport type { ComputedRef, PropType, VNode } from \"vue\";\n\ntype DefaultRow = any;\n\nexport const tableColumnProps = {\n\t/**\n\t * @description type of the column. If set to `selection`, the column will display checkbox. If set to `index`, the column will display index of the row (staring from 1). If set to `expand`, the column will display expand icon\n\t */\n\ttype: {\n\t\ttype: String,\n\t\tdefault: \"default\",\n\t},\n\t/**\n\t * @description column label\n\t */\n\tlabel: String,\n\t/**\n\t * @description class name of cells in the column\n\t */\n\tclassName: String,\n\t/**\n\t * @description class name of the label of this column\n\t */\n\tlabelClassName: String,\n\t/**\n\t * @description\n\t */\n\tproperty: String,\n\t/**\n\t * @description field name. You can also use its alias: `property`\n\t */\n\tprop: String,\n\t/**\n\t * @description column width\n\t */\n\twidth: {\n\t\ttype: [String, Number],\n\t\tdefault: \"\",\n\t},\n\t/**\n\t * @description column minimum width. Columns with `width` has a fixed width, while columns with `min-width` has a width that is distributed in proportion\n\t */\n\tminWidth: {\n\t\ttype: [String, Number],\n\t\tdefault: \"\",\n\t},\n\t/**\n\t * @description render function for table header of this column\n\t */\n\trenderHeader: Function as PropType<TableColumnCtx<DefaultRow>[\"renderHeader\"]>,\n\t/**\n\t * @description whether column can be sorted. Remote sorting can be done by setting this attribute to 'custom' and listening to the `sort-change` event of Table\n\t */\n\tsortable: {\n\t\ttype: [Boolean, String],\n\t\tdefault: false,\n\t},\n\t/**\n\t * @description sorting method, works when `sortable` is `true`. Should return a number, just like Array.sort\n\t */\n\tsortMethod: Function as PropType<TableColumnCtx<DefaultRow>[\"sortMethod\"]>,\n\t/**\n\t * @description specify which property to sort by, works when `sortable` is `true` and `sort-method` is `undefined`. If set to an Array, the column will sequentially sort by the next property if the previous one is equal\n\t */\n\tsortBy: [String, Function, Array] as PropType<TableColumnCtx<DefaultRow>[\"sortBy\"]>,\n\t/**\n\t * @description whether column width can be resized, works when `border` of `el-table` is `true`\n\t */\n\tresizable: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * @description column's key. If you need to use the filter-change event, you need this attribute to identify which column is being filtered\n\t */\n\tcolumnKey: String,\n\t/**\n\t * @description alignment, the value should be 'left' \\/ 'center' \\/ 'right'\n\t */\n\talign: String,\n\t/**\n\t * @description alignment of the table header. If omitted, the value of the above `align` attribute will be applied, the value should be 'left' \\/ 'center' \\/ 'right'\n\t */\n\theaderAlign: String,\n\t/**\n\t * @description whether to hide extra content and show them in a tooltip when hovering on the cell\n\t */\n\tshowOverflowTooltip: {\n\t\ttype: [Boolean, Object] as PropType<TableColumnCtx<DefaultRow>[\"showOverflowTooltip\"]>,\n\t\tdefault: undefined,\n\t},\n\t/**\n\t * @description whether column is fixed at left / right. Will be fixed at left if `true`\n\t */\n\tfixed: [Boolean, String],\n\t/**\n\t * @description function that formats cell content\n\t */\n\tformatter: Function as PropType<TableColumnCtx<DefaultRow>[\"formatter\"]>,\n\t/**\n\t * @description function that determines if a certain row can be selected, works when `type` is 'selection'\n\t */\n\tselectable: Function as PropType<TableColumnCtx<DefaultRow>[\"selectable\"]>,\n\t/**\n\t * @description whether to reserve selection after data refreshing, works when `type` is 'selection'. Note that `row-key` is required for this to work\n\t */\n\treserveSelection: Boolean,\n\t/**\n\t * @description data filtering method. If `filter-multiple` is on, this method will be called multiple times for each row, and a row will display if one of the calls returns `true`\n\t */\n\tfilterMethod: Function as PropType<TableColumnCtx<DefaultRow>[\"filterMethod\"]>,\n\t/**\n\t * @description filter value for selected data, might be useful when table header is rendered with `render-header`\n\t */\n\tfilteredValue: Array as PropType<TableColumnCtx<DefaultRow>[\"filteredValue\"]>,\n\t/**\n\t * @description an array of data filtering options. For each element in this array, `text` and `value` are required\n\t */\n\tfilters: Array as PropType<TableColumnCtx<DefaultRow>[\"filters\"]>,\n\t/**\n\t * @description placement for the filter dropdown\n\t */\n\tfilterPlacement: String,\n\t/**\n\t * @description whether data filtering supports multiple options\n\t */\n\tfilterMultiple: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/**\n\t * @description className for the filter dropdown\n\t */\n\tfilterClassName: String,\n\t/**\n\t * @description customize indices for each row, works on columns with `type=index`\n\t */\n\tindex: [Number, Function] as PropType<TableColumnCtx<DefaultRow>[\"index\"]>,\n\t/**\n\t * @description the order of the sorting strategies used when sorting the data, works when `sortable` is `true`. Accepts an array, as the user clicks on the header, the column is sorted in order of the elements in the array\n\t */\n\tsortOrders: {\n\t\ttype: Array as PropType<TableColumnCtx<DefaultRow>[\"sortOrders\"]>,\n\t\tdefault: (): TableColumnCtx<DefaultRow>[\"sortOrders\"] => {\n\t\t\treturn [\"ascending\", \"descending\", null];\n\t\t},\n\t\tvalidator: (val: TableColumnCtx<unknown>[\"sortOrders\"]): boolean => {\n\t\t\treturn val.every((order: string) => [\"ascending\", \"descending\", null].includes(order));\n\t\t},\n\t},\n};\n\ntype FaTableColumnSlotsResult = {\n\t/** @description slots为表格内容的时候才会返回 */\n\trow?: any;\n\t/** @description slot为表头内容的时候返回 'TableColumnCtx<any>' 否则返回 'FaTableColumnCtx' */\n\tcolumn?: TableColumnCtx<any> | FaTableColumnCtx;\n\t$index?: number;\n};\n\ntype FaTableColumnDefaultSlots = {\n\t[key: string]: FaTableDefaultSlotsResult & FaTableColumnSlotsResult;\n};\n\ntype FaTableColumnSlots = {\n\t/** @description 默认内容插槽 */\n\tdefault: FaTableDefaultSlotsResult & { row: any; column: FaTableColumnCtx; $index: number };\n\t/** @description 自定义表头的内容 */\n\theader: FaTableDefaultSlotsResult & { column: FaTableColumnCtx; $index: number };\n\t/** @description 自定义 filter 图标 */\n\tfilterIcon: FaTableDefaultSlotsResult & { filterOpened: boolean };\n\t/** @description 展开列的自定义内容 */\n\texpand: FaTableDefaultSlotsResult & { expanded: boolean };\n} & FaTableColumnDefaultSlots;\n\nexport default defineComponent({\n\tname: \"FaTableColumn\",\n\tprops: {\n\t\t...tableColumnProps,\n\t\t/**\n\t\t * @description type of the column. If set to `selection`, the column will display checkbox. If set to `index`, the column will display index of the row (staring from 1). If set to `expand`, the column will display expand icon\n\t\t */\n\t\ttype: {\n\t\t\ttype: definePropType<FaTableColumnType>(String),\n\t\t\tdefault: \"default\",\n\t\t},\n\t\t/**\n\t\t * @description column width\n\t\t */\n\t\twidth: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: \"auto\",\n\t\t},\n\t\t/** @description alignment, the value should be 'left' \\/ 'center' \\/ 'right' */\n\t\talign: {\n\t\t\ttype: String,\n\t\t\tdefault: \"left\",\n\t\t},\n\t\t/** @description alignment of the table header. If omitted, the value of the above `align` attribute will be applied, the value should be 'left' \\/ 'center' \\/ 'right' */\n\t\theaderAlign: {\n\t\t\ttype: String,\n\t\t\tdefault: \"left\",\n\t\t},\n\t\t/** @description 是否显示在表格当中 */\n\t\tshow: Boolean,\n\t\t/** @description 小页面的宽度，如果为空，则继承默认宽度 */\n\t\tsmallWidth: {\n\t\t\ttype: [String, Number],\n\t\t},\n\t\t/** @description 自适应宽度 */\n\t\tautoWidth: Boolean,\n\t\t/** @description 插槽名称 */\n\t\tslot: String,\n\t\t/** @description 表格头部插槽名称 */\n\t\theaderSlot: String,\n\t\t/** @description 自定义表头内容渲染（tsx语法） */\n\t\theaderRender: {\n\t\t\ttype: definePropType<({ column, $index }: { column: TableColumnCtx<any>; $index: number } & FaTableDefaultSlotsResult) => VNode[]>(\n\t\t\t\tFunction\n\t\t\t),\n\t\t},\n\t\t/** @description 自定义单元格内容渲染（tsx语法） */\n\t\trender: {\n\t\t\ttype: definePropType<\n\t\t\t\t({ row, column, $index }: { row: any; column: FaTableColumnCtx; $index: number } & FaTableDefaultSlotsResult) => VNode[]\n\t\t\t>(Function),\n\t\t},\n\t\t/** @description 多级表头 */\n\t\t_children: {\n\t\t\ttype: definePropType<FaTableColumnCtx[]>(Array),\n\t\t},\n\t\t/** @description 隐藏图片 */\n\t\thideImage: Boolean,\n\t\t/** @description 复制 */\n\t\tcopy: Boolean,\n\t\t/** @description 是否为 Link Button */\n\t\tlink: Boolean,\n\t\t/** @description 合并行字段 */\n\t\tspanProp: String,\n\t\t/** @description Link 按钮的点击事件，优先级最高 */\n\t\tclick: {\n\t\t\ttype: definePropType<({ row, $index }: { row: any; $index?: number }) => void>(Function),\n\t\t},\n\t\t/** @description 点击Emits事件回调 */\n\t\tclickEmit: String,\n\t\t/** @description 图片列是否显示为原图，默认 false 显示缩略图 */\n\t\toriginalImage: Boolean,\n\t\t/** @description 显示时间格式化字符串 */\n\t\tdateFix: Boolean,\n\t\t/** @description 显示在页面中的日期格式 */\n\t\tdateFormat: {\n\t\t\ttype: definePropType<FaTableColumnDateFormat>(String),\n\t\t},\n\t\t/** @description 是否是标签展示 */\n\t\ttag: Boolean,\n\t\t/** @description 枚举类型（渲染值的字典） */\n\t\tenum: {\n\t\t\ttype: definePropType<FaTableEnumColumnType>([String, Array, Function]),\n\t\t},\n\t\t/** @description 数据删除字段，如果为 true 会显示遮罩层 */\n\t\tdataDeleteField: String,\n\t\t/** @description 时间信息字段 */\n\t\ttimeInfoField: {\n\t\t\ttype: definePropType<{ userName?: string; time?: string }>(Object),\n\t\t\tdefault: () => ({\n\t\t\t\tuserName: \"createdUserName\",\n\t\t\t\ttime: \"createdTime\",\n\t\t\t}),\n\t\t},\n\t},\n\temits: {\n\t\t/** @description 图片预览 */\n\t\timagePreview: (url: string): boolean => isString(url),\n\t\t/** @description 自定义单元格点击事件 */\n\t\tcustomCellClick: (emitName: string, { row, column, $index }: { row: any; column: FaTableColumnCtx; $index: number }): boolean =>\n\t\t\t(isNil(emitName) || isString(emitName)) && isObject(row) && isObject(column) && isNumber($index),\n\t},\n\tslots: makeSlots<FaTableColumnSlots>(),\n\tsetup(props, { slots, emit }) {\n\t\tconst _globalSize = useGlobalSize();\n\t\tconst tableState = inject(tableStateKey);\n\t\tconst enumMap = inject(enumMapKey);\n\n\t\tconst columnCtx = computed(() => props as unknown as FaTableColumnCtx);\n\n\t\t/** 获取ClassName */\n\t\tconst getClassName = (): string => {\n\t\t\tlet className = \"\";\n\t\t\tif (props.type === \"timeInfo\") {\n\t\t\t\tclassName += \"fa-table__line-height-normal-column\";\n\t\t\t}\n\t\t\tif (props.type === \"date\" || props.type === \"time\" || props.type === \"dateTime\") {\n\t\t\t\tif (props.dateFix) {\n\t\t\t\t\tclassName += \"fa-table__line-height-normal-column\";\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (props.className) {\n\t\t\t\treturn `${className} ${props.className}`;\n\t\t\t}\n\t\t\treturn className ? className : undefined;\n\t\t};\n\n\t\t/** 获取宽度 */\n\t\tconst getWidth = (defAttr: string): string | number => {\n\t\t\tif (props.autoWidth) {\n\t\t\t\treturn computed(() => {\n\t\t\t\t\tconst findInfo = tableState.autoColumnWidth.find((f) => f.prop === props.prop);\n\t\t\t\t\tif (findInfo) {\n\t\t\t\t\t\treturn `${findInfo.width}px`;\n\t\t\t\t\t}\n\t\t\t\t\treturn \"auto\";\n\t\t\t\t}).value;\n\t\t\t}\n\t\t\tif (_globalSize.value === \"small\") {\n\t\t\t\treturn props.smallWidth ?? props.width ?? props.minWidth ?? defAttr ?? \"auto\";\n\t\t\t}\n\t\t\treturn props.width ?? props.minWidth ?? defAttr ?? \"auto\";\n\t\t};\n\n\t\t/** 表头自动宽度渲染 */\n\t\tconst autoWidthHeaderRender = (el: VNode[]): VNode[] => {\n\t\t\tif (props.autoWidth) {\n\t\t\t\treturn (\n\t\t\t\t\t<div class={[\"fa-table__auto-width-column__cell-header\", `__fa-table__auto-width-column__cell-header__${props.prop}`]}>{el}</div>\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\treturn el;\n\t\t\t}\n\t\t};\n\n\t\t/** 自动宽度渲染 */\n\t\tconst autoWidthRender = (el: VNode[]): VNode[] => {\n\t\t\tif (props.autoWidth) {\n\t\t\t\treturn <div class={[\"fa-table__auto-width-column__cell\", `__fa-table__auto-width-column__cell__${props.prop}`]}>{el}</div>;\n\t\t\t} else {\n\t\t\t\treturn el;\n\t\t\t}\n\t\t};\n\n\t\t/** 表头渲染 */\n\t\tconst headerRender = ({ column, $index }: { column: TableColumnCtx<any>; $index: number }): VNode[] => {\n\t\t\tif (props.headerRender) {\n\t\t\t\treturn autoWidthHeaderRender(props.headerRender({ column, $index, ...getTableDefaultSlots(tableState) }));\n\t\t\t} else if (props.headerSlot) {\n\t\t\t\treturn autoWidthHeaderRender(\n\t\t\t\t\tslots[props.headerSlot] && slots[props.headerSlot]({ column, $index, ...getTableDefaultSlots(tableState) })\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\treturn autoWidthHeaderRender(<span>{props.label}</span>);\n\t\t\t}\n\t\t};\n\n\t\t/** 复制渲染 */\n\t\tconst copyRender = (value, copy?: boolean): VNode[] => {\n\t\t\treturn (\n\t\t\t\t(props.copy || copy) &&\n\t\t\t\tvalue && (\n\t\t\t\t\t<ElIcon\n\t\t\t\t\t\tclass=\"fa__copy-icon\"\n\t\t\t\t\t\ttitle=\"复制\"\n\t\t\t\t\t\tonClick={async () => {\n\t\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\t\tawait stringUtil.copy(String(value));\n\t\t\t\t\t\t\t\tElMessage({\n\t\t\t\t\t\t\t\t\ttype: \"success\",\n\t\t\t\t\t\t\t\t\tmessage: \"复制成功\",\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t} catch (error) {\n\t\t\t\t\t\t\t\tconsoleError(\"FaTableColumn\", error);\n\t\t\t\t\t\t\t\tElMessage({\n\t\t\t\t\t\t\t\t\ttype: \"error\",\n\t\t\t\t\t\t\t\t\tmessage: \"复制失败\",\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<CopyDocument />\n\t\t\t\t\t</ElIcon>\n\t\t\t\t)\n\t\t\t);\n\t\t};\n\n\t\t/** 渲染单元格数据 */\n\t\tconst renderCellData = ({ row }: { row: any }): any => {\n\t\t\tconst cellValue = tableUtil.handleRowAccordingToProp(row, props.prop);\n\n\t\t\tlet enumKey = props.prop;\n\t\t\tlet enumData: FaTableEnumColumnCtx[];\n\n\t\t\tif (isString(props.enum)) {\n\t\t\t\tenumKey = props.enum;\n\t\t\t\tenumData = enumMap.get(enumKey);\n\t\t\t} else if (isArray(props.enum)) {\n\t\t\t\tenumData = props.enum;\n\t\t\t} else if (isFunction(props.enum)) {\n\t\t\t\tenumData = props.enum({ row });\n\t\t\t}\n\n\t\t\tif (enumData) {\n\t\t\t\treturn tableUtil.filterEnum(cellValue, enumData);\n\t\t\t} else {\n\t\t\t\treturn tableUtil.formatValue(cellValue);\n\t\t\t}\n\t\t};\n\n\t\t/** 格式化渲染 */\n\t\tconst formatterRender = (row: any, column: TableColumnCtx<any>, cellValue: any, index: number): any => {\n\t\t\tif (column.formatter) {\n\t\t\t\treturn column.formatter(row, column, cellValue, index);\n\t\t\t} else {\n\t\t\t\treturn cellValue;\n\t\t\t}\n\t\t};\n\n\t\t/** 时间信息列渲染 */\n\t\tconst timeInfoRender = (row: any, column: TableColumnCtx<any>, $index: number): VNode[] => {\n\t\t\tconst userName = row[props.timeInfoField?.userName ?? \"createdUserName\"];\n\t\t\tconst time = row[props.timeInfoField?.time ?? \"createdTime\"];\n\t\t\treturn (\n\t\t\t\t<Fragment>\n\t\t\t\t\t<div style=\"white-space: nowrap; overflow: hidden; text-overflow:  ellipsis;\" title={time}>\n\t\t\t\t\t\t{userName && <span style=\"margin-right: 5px;\">{userName}</span>}\n\t\t\t\t\t\t<span>{time}</span>\n\t\t\t\t\t</div>\n\t\t\t\t\t{time && (\n\t\t\t\t\t\t<ElTag type=\"info\" round effect=\"light\" size=\"small\">\n\t\t\t\t\t\t\t{dateUtil.dateTimeFix(String(time))}\n\t\t\t\t\t\t</ElTag>\n\t\t\t\t\t)}\n\t\t\t\t</Fragment>\n\t\t\t);\n\t\t};\n\n\t\t/** 标签列渲染 */\n\t\tconst tagRender = (row: any, column: TableColumnCtx<any>, $index: number): VNode[] => {\n\t\t\tconst renderValue = formatterRender(row, column, renderCellData({ row }), $index);\n\n\t\t\tlet enumKey = props.prop;\n\t\t\tlet enumData: FaTableEnumColumnCtx[];\n\n\t\t\tif (isString(props.enum)) {\n\t\t\t\tenumKey = props.enum;\n\t\t\t\tenumData = enumMap.get(enumKey);\n\t\t\t} else if (isArray(props.enum)) {\n\t\t\t\tenumData = props.enum;\n\t\t\t} else if (isFunction(props.enum)) {\n\t\t\t\tenumData = props.enum({ row });\n\t\t\t}\n\n\t\t\tconst type = tableUtil.filterEnum(tableUtil.handleRowAccordingToProp(row, props.prop), enumData, null, \"tag\");\n\t\t\treturn (\n\t\t\t\t<Fragment>\n\t\t\t\t\t{copyRender(renderValue)}\n\t\t\t\t\t{renderValue ? <ElTag type={type}>{renderValue}</ElTag> : null}\n\t\t\t\t</Fragment>\n\t\t\t);\n\t\t};\n\n\t\t/** 时间列渲染 */\n\t\tconst dateRender = (row: any, column: TableColumnCtx<any>, $index: number): VNode[] => {\n\t\t\tlet dateFormat;\n\t\t\tswitch (props.type) {\n\t\t\t\tcase \"date\":\n\t\t\t\t\tdateFormat = \"YYYY-MM-DD\";\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"time\":\n\t\t\t\t\tdateFormat = \"HH:mm:ss\";\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"dateTime\":\n\t\t\t\t\tdateFormat = \"YYYY-MM-DD HH:mm:ss\";\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t\tconst renderValue = row[props.prop]\n\t\t\t\t? formatterRender(row, column, dayjs(row[props.prop]).format(props.dateFormat ?? dateFormat), $index)\n\t\t\t\t: null;\n\t\t\treturn (\n\t\t\t\t<Fragment>\n\t\t\t\t\t{copyRender(renderValue)}\n\t\t\t\t\t{renderValue}\n\t\t\t\t\t{props.dateFix && renderValue && (\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t<ElTag type=\"info\" round effect=\"light\" size=\"small\">\n\t\t\t\t\t\t\t\t{dateUtil.dateTimeFix(String(renderValue))}\n\t\t\t\t\t\t\t</ElTag>\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t)}\n\t\t\t\t</Fragment>\n\t\t\t);\n\t\t};\n\n\t\t/** 数值列渲染 */\n\t\tconst numberRender = (row: any, column: TableColumnCtx<any>, $index: number): VNode[] => {\n\t\t\tconst renderValue = row[props.prop];\n\t\t\tif (!renderValue || !isNumber(renderValue)) {\n\t\t\t\treturn formatterRender(row, column, renderValue, $index);\n\t\t\t}\n\t\t\tlet useGrouping = false;\n\t\t\tlet maximumFractionDigits: number;\n\t\t\tswitch (props.type) {\n\t\t\t\tcase \"d2\":\n\t\t\t\t\tmaximumFractionDigits = 2;\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"d4\":\n\t\t\t\t\tmaximumFractionDigits = 4;\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"d6\":\n\t\t\t\t\tmaximumFractionDigits = 6;\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"gd2\":\n\t\t\t\t\tmaximumFractionDigits = 2;\n\t\t\t\t\tuseGrouping = true;\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"gd4\":\n\t\t\t\t\tmaximumFractionDigits = 4;\n\t\t\t\t\tuseGrouping = true;\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"gd6\":\n\t\t\t\t\tmaximumFractionDigits = 6;\n\t\t\t\t\tuseGrouping = true;\n\t\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\treturn formatterRender(\n\t\t\t\trow,\n\t\t\t\tcolumn,\n\t\t\t\trenderValue.toLocaleString(\"zh-CN\", {\n\t\t\t\t\tminimumFractionDigits: 2,\n\t\t\t\t\tmaximumFractionDigits,\n\t\t\t\t\tuseGrouping,\n\t\t\t\t}),\n\t\t\t\t$index\n\t\t\t);\n\t\t};\n\n\t\t/** 链接列渲染 */\n\t\tconst linkRender = (row: any, column: TableColumnCtx<any>, $index: number): VNode[] => {\n\t\t\tconst renderValue = formatterRender(row, column, row[props.prop], $index);\n\t\t\treturn autoWidthRender(\n\t\t\t\t<Fragment>\n\t\t\t\t\t{copyRender(renderValue)}\n\t\t\t\t\t{renderValue && (\n\t\t\t\t\t\t<ElText\n\t\t\t\t\t\t\tclass={\"el-link is-hover-underline fa-table__link-column__text\"}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t// 数据删除拦截点击\n\t\t\t\t\t\t\t\tif (props.dataDeleteField && row[props.dataDeleteField] === true) return;\n\t\t\t\t\t\t\t\tif (props.click) {\n\t\t\t\t\t\t\t\t\tprops.click({ row, $index });\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\temit(\"customCellClick\", props.clickEmit, {\n\t\t\t\t\t\t\t\t\t\trow,\n\t\t\t\t\t\t\t\t\t\tcolumn: columnCtx.value,\n\t\t\t\t\t\t\t\t\t\t$index,\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{renderValue}\n\t\t\t\t\t\t</ElText>\n\t\t\t\t\t)}\n\t\t\t\t</Fragment>\n\t\t\t);\n\t\t};\n\n\t\tconst defaultRender = ({ row, column, $index }: { row: any; column: TableColumnCtx<any>; $index: number }): VNode[] => {\n\t\t\tif (props.type === \"timeInfo\") {\n\t\t\t\treturn timeInfoRender(row, column, $index);\n\t\t\t}\n\t\t\tif (props.tag) {\n\t\t\t\treturn tagRender(row, column, $index);\n\t\t\t}\n\t\t\tif (props.type === \"date\" || props.type === \"time\" || props.type === \"dateTime\") {\n\t\t\t\treturn dateRender(row, column, $index);\n\t\t\t}\n\t\t\tif (\n\t\t\t\tprops.type === \"d2\" ||\n\t\t\t\tprops.type === \"d4\" ||\n\t\t\t\tprops.type === \"d6\" ||\n\t\t\t\tprops.type === \"gd2\" ||\n\t\t\t\tprops.type === \"gd4\" ||\n\t\t\t\tprops.type === \"gd6\"\n\t\t\t) {\n\t\t\t\treturn numberRender(row, column, $index);\n\t\t\t}\n\t\t\tif (props.link) {\n\t\t\t\treturn linkRender(row, column, $index);\n\t\t\t}\n\t\t\tif (props.render) {\n\t\t\t\treturn autoWidthRender(props.render({ row, column: columnCtx.value, $index, ...getTableDefaultSlots(tableState) }));\n\t\t\t}\n\t\t\tif (props.slot) {\n\t\t\t\treturn autoWidthRender(\n\t\t\t\t\tslots[props.slot] && slots[props.slot]({ row, column: columnCtx.value, $index, ...getTableDefaultSlots(tableState) })\n\t\t\t\t);\n\t\t\t}\n\t\t\tconst renderValue = formatterRender(row, column, row[props.prop], $index);\n\t\t\treturn autoWidthRender(\n\t\t\t\t<Fragment>\n\t\t\t\t\t{copyRender(renderValue)}\n\t\t\t\t\t{renderValue}\n\t\t\t\t</Fragment>\n\t\t\t);\n\t\t};\n\n\t\tlet elTableColumnProps: ComputedRef<TableColumnCtx<any>> = useProps(props, tableColumnProps, [\n\t\t\t\"type\",\n\t\t\t\"width\",\n\t\t\t\"minWidth\",\n\t\t\t\"sortable\",\n\t\t\t\"sortOrders\",\n\t\t\t\"resizable\",\n\t\t\t\"showOverflowTooltip\",\n\t\t]) as unknown as ComputedRef<TableColumnCtx<any>>;\n\n\t\twatch(\n\t\t\t() => props,\n\t\t\t() => {\n\t\t\t\telTableColumnProps = useProps(props, tableColumnProps, [\n\t\t\t\t\t\"type\",\n\t\t\t\t\t\"className\",\n\t\t\t\t\t\"minWidth\",\n\t\t\t\t\t\"sortable\",\n\t\t\t\t\t\"sortOrders\",\n\t\t\t\t\t\"resizable\",\n\t\t\t\t\t\"showOverflowTooltip\",\n\t\t\t\t]) as unknown as ComputedRef<TableColumnCtx<any>>;\n\t\t\t}\n\t\t);\n\n\t\tuseRender(() => (\n\t\t\t<Fragment>\n\t\t\t\t{\n\t\t\t\t\t// 如果有配置多级表头的数据，则递归该组件\n\t\t\t\t\tprops._children?.length ? (\n\t\t\t\t\t\t<ElTableColumn\n\t\t\t\t\t\t\t{...elTableColumnProps.value}\n\t\t\t\t\t\t\tclassName={getClassName()}\n\t\t\t\t\t\t\tminWidth={getWidth(\"auto\")}\n\t\t\t\t\t\t\tsortable={props.sortable ? \"custom\" : false}\n\t\t\t\t\t\t\tsortOrders={props.sortOrders ?? [\"descending\", \"ascending\", null]}\n\t\t\t\t\t\t\tresizable={props.resizable && !props.autoWidth}\n\t\t\t\t\t\t\tshowOverflowTooltip={(props.showOverflowTooltip ?? true) && !props.autoWidth && props.type == \"default\"}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\theader: ({ column, $index }: { column: TableColumnCtx<any>; $index: number }) => headerRender({ column, $index }),\n\t\t\t\t\t\t\t\tdefault: () =>\n\t\t\t\t\t\t\t\t\tprops._children.map((col: FaTableColumnCtx) =>\n\t\t\t\t\t\t\t\t\t\th(\n\t\t\t\t\t\t\t\t\t\t\tresolveComponent(\"FaTableColumn\"),\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t...col,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\tslots\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t</ElTableColumn>\n\t\t\t\t\t) : props.type === \"image\" ? (\n\t\t\t\t\t\t<ElTableColumn\n\t\t\t\t\t\t\t{...elTableColumnProps.value}\n\t\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\t\tclassName=\"fa-table__image-column\"\n\t\t\t\t\t\t\tminWidth=\"50px\"\n\t\t\t\t\t\t\tsortable={false}\n\t\t\t\t\t\t\tresizable={false}\n\t\t\t\t\t\t\tshowOverflowTooltip={false}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\theader: ({ column, $index }: { column: TableColumnCtx<any>; $index: number }) => headerRender({ column, $index }),\n\t\t\t\t\t\t\t\tdefault: ({ row }: { row: any; column: TableColumnCtx<any>; $index: number }) =>\n\t\t\t\t\t\t\t\t\trow[props.prop] ? (\n\t\t\t\t\t\t\t\t\t\tprops.hideImage ? (\n\t\t\t\t\t\t\t\t\t\t\t<ElImage\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"fa-image\"\n\t\t\t\t\t\t\t\t\t\t\t\tlazy\n\t\t\t\t\t\t\t\t\t\t\t\tsrc={artwork}\n\t\t\t\t\t\t\t\t\t\t\t\tfit=\"cover\"\n\t\t\t\t\t\t\t\t\t\t\t\tpreviewSrcList={[row[props.prop]]}\n\t\t\t\t\t\t\t\t\t\t\t\tcloseOnPressEscape\n\t\t\t\t\t\t\t\t\t\t\t\thideOnClickModal\n\t\t\t\t\t\t\t\t\t\t\t\tpreviewTeleported\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<FaImage lazy src={row[props.prop]} fit=\"cover\" original={props.originalImage} thumb />\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<ElImage class=\"fa-image\" lazy src={notImage} fit=\"cover\" />\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t</ElTableColumn>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t// 其他正常的列\n\t\t\t\t\t\t<ElTableColumn\n\t\t\t\t\t\t\t{...elTableColumnProps.value}\n\t\t\t\t\t\t\tclassName={getClassName()}\n\t\t\t\t\t\t\tminWidth={getWidth(\"auto\")}\n\t\t\t\t\t\t\tsortable={props.sortable ? \"custom\" : false}\n\t\t\t\t\t\t\tsortOrders={props.sortOrders ?? [\"descending\", \"ascending\", null]}\n\t\t\t\t\t\t\tresizable={props.resizable && !props.autoWidth}\n\t\t\t\t\t\t\tshowOverflowTooltip={(props.showOverflowTooltip ?? true) && !props.autoWidth && props.type == \"default\"}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\theader: ({ column, $index }: { column: TableColumnCtx<any>; $index: number }) =>\n\t\t\t\t\t\t\t\t\tslots.header\n\t\t\t\t\t\t\t\t\t\t? slots.header({ column: columnCtx.value, $index, ...getTableDefaultSlots(tableState) })\n\t\t\t\t\t\t\t\t\t\t: headerRender({ column, $index }),\n\t\t\t\t\t\t\t\tdefault: ({ row, column, $index }: { row: any; column: TableColumnCtx<any>; $index: number }) =>\n\t\t\t\t\t\t\t\t\tslots.default\n\t\t\t\t\t\t\t\t\t\t? slots.default({ row, column: columnCtx.value, $index, ...getTableDefaultSlots(tableState) })\n\t\t\t\t\t\t\t\t\t\t: defaultRender({ row, column, $index }),\n\t\t\t\t\t\t\t\tfilterIcon: ({ filterOpened }: { filterOpened: boolean }) =>\n\t\t\t\t\t\t\t\t\tslots.filterIcon && slots.filterIcon({ filterOpened, ...getTableDefaultSlots(tableState) }),\n\t\t\t\t\t\t\t\texpand: ({ expanded }: { expanded: boolean }) =>\n\t\t\t\t\t\t\t\t\tslots.expand && slots.expand({ expanded, ...getTableDefaultSlots(tableState) }),\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t</ElTableColumn>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t</Fragment>\n\t\t));\n\t},\n});\n"],"mappings":"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"}

package/es/components/table/src/tableColumnSettingDialog.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as e,inject as l,reactive as a,ref as o,createVNode as t,Fragment as d,mergeProps as n,createTextVNode as r,resolveComponent as i}from"vue";import{ElNotification as s,ElMessage as u,ElTable as c,ElTableColumn as m,ElInput as p,ElRadioGroup as h,ElRadio as b,ElInputNumber as f,ElSwitch as g}from"element-plus";import{FaDialog as w}from"../../dialog/index.mjs";import{stringUtil as x,useRender as y,useExpose as V,definePropType as C}from"@fast-china/utils";import v from"sortablejs";import{tableStateKey as S}from"./useTable.mjs";const T=/* @__PURE__ */e({name:"FaTableColumnsSettingDialog",props:{change:{type:C(Function)}},setup(e,{expose:C}){const T=l(S),U=a({tableKey:x.generateRandomString(8),sortableInstance:void 0,change:!1}),_=o(),I=e=>e+1,W=async()=>{U.change?e.change&&await e.change(T.orgColumns):u.info("列配置未发生变化")},k=()=>{_.value.close(async()=>{await W()})},K=()=>{U.change=!0;let e=T.orgColumns.filter(e=>!e?.pureSearch);e=e.sort((l,a)=>l.order!==a.order?l.order-a.order:e.indexOf(a)-e.indexOf(l)),T.orgColumns=[...e,...T.orgColumns.filter(e=>e?.pureSearch)],T.orgColumns.forEach((e,l)=>{e.order=l+1})},P=()=>{U.change=!0},j=(e,l=!1)=>{const a={modelValue:void 0,disabled:!1,placeholder:void 0};if(e?.type)switch(e?.type){case"expand":a.disabled=!0,a.placeholder="暂不支持宽度配置";break;case"image":a.disabled=!0,a.placeholder="图片列无需配置";break;case"date":case"time":case"dateTime":a.disabled=!0,a.placeholder="时间/日期列无需配置";break;case"timeInfo":a.disabled=!0,a.placeholder="当前列无需配置"}else e?.tag?(a.disabled=!0,a.placeholder="标签列无需配置"):e?.autoWidth&&(a.disabled=!0,a.placeholder="自动列宽无需配置");return a.disabled||(delete a.disabled,delete a.modelValue,delete a.placeholder),l&&delete a.placeholder,a},F=(e,l=!1,a=!1,o=!1)=>{const t={modelValue:void 0,disabled:!1,placeholder:void 0};return e?.pureSearch&&(t.disabled=!0,t.placeholder="搜索列无需配置"),t.disabled?o&&delete t.modelValue:(delete t.disabled,delete t.modelValue,delete t.placeholder),l&&delete t.placeholder,a&&(t.placeholder="999"),t};return y(()=>t(w,{ref:_,class:"fa-table__column-setting-dialog",onConfirmClick:k,showFullscreen:!1,confirmButtonText:U.change?"保存更改":"确认",fullHeight:!0},{header:()=>t(d,null,[r("列表配置（留空则恢复默认配置）"),t(i("el-text"),{type:"info"},{default:()=>[r("点击保存才会进行数据缓存，点击取消为本此生效")]})]),default:()=>t(c,{class:["fa-table__column-setting",`fa-table__column-setting-${U.tableKey}`],data:T.orgColumns,rowKey:"prop",border:!0},{default:()=>t(d,null,[t(m,{type:"index",fixed:"left",align:"center",width:45,index:I},null),t(m,{label:"列显示名称",minWidth:200},{default:({row:e})=>"image"===e.type?t(p,{disabled:!0,readonly:!0,modelValue:e.label,"onUpdate:modelValue":l=>e.label=l,placeholder:"请输入列显示名称",onChange:P},null):t(p,n({modelValue:e.label,"onUpdate:modelValue":l=>e.label=l,placeholder:"请输入列显示名称"},F(e),{onChange:P}),null)}),t(m,{label:"固定",width:230},{default:({row:e})=>t(h,n({modelValue:e.fixed,"onUpdate:modelValue":l=>e.fixed=l},F(e,!1,!1,!0),{onChange:P}),{default:()=>[t(b,{value:!1},{default:()=>[r("无")]}),t(b,{value:"left"},{default:()=>[r("左侧")]}),t(b,{value:"right"},{default:()=>[r("右侧")]})]})}),t(m,{label:"宽度",width:200},{default:({row:e})=>t(f,n({modelValue:e.width,"onUpdate:modelValue":l=>e.width=l,min:1,max:999,stepStrictly:!0,controls:!1,clearable:!0,placeholder:"请输入宽度"},j(e),F(e),{onChange:P}),{suffix:()=>t("span",null,[r("px")])})}),t(m,{label:"小的宽度",width:200},{default:({row:e})=>t(f,n({modelValue:e.smallWidth,"onUpdate:modelValue":l=>e.smallWidth=l,min:1,max:999,stepStrictly:!0,controls:!1,clearable:!0,placeholder:"请输入小的宽度"},j(e),F(e),{onChange:P}),{suffix:()=>t("span",null,[r("px")])})}),t(m,{label:"顺序",width:100},{default:({row:e})=>t(f,n({style:"width: auto;",modelValue:e.order,"onUpdate:modelValue":l=>e.order=l,min:1,max:999,stepStrictly:!0,controls:!1,clearable:!0,placeholder:"请输入顺序"},F(e,!1,!0),{onChange:K}),null)}),t(m,{label:"排序",width:65},{default:({row:e})=>t(g,n({modelValue:e.sortable,"onUpdate:modelValue":l=>e.sortable=l,inlinePrompt:!0,activeText:"是",inactiveText:"否",disabled:e.disabledSortable||"image"===e?.type},F(e,!0),{onChange:P}),null)}),t(m,{label:"复制",width:65},{default:({row:e})=>t(g,n({modelValue:e.copy,"onUpdate:modelValue":l=>e.copy=l,inlinePrompt:!0,activeText:"是",inactiveText:"否",disabled:!!e?.type||!!e?.slot},F(e,!0),{onChange:P}),null)}),t(m,{label:"自动宽度",width:85},{default:({row:e})=>t(g,n({modelValue:e.autoWidth,"onUpdate:modelValue":l=>e.autoWidth=l,inlinePrompt:!0,activeText:"是",inactiveText:"否",disabled:!!e?.type},F(e,!0),{onChange:P}),null)}),t(m,{label:"显示",width:75},{default:({row:e})=>t(g,{modelValue:e.show,"onUpdate:modelValue":l=>e.show=l,inlinePrompt:!0,activeText:"显示",inactiveText:"隐藏",onChange:P},null)}),t(m,{label:"搜索框名称",minWidth:200},{default:({row:e})=>e.search?t(p,{modelValue:e.search.label,"onUpdate:modelValue":l=>e.search.label=l,placeholder:"请输入搜索框名称",onChange:P},null):t(p,{disabled:!0,placeholder:"当前列暂无搜索项配置"},null)}),t(m,{label:"搜索框顺序",width:200},{default:({row:e})=>e.search?t(f,{modelValue:e.search.order,"onUpdate:modelValue":l=>e.search.order=l,min:1,max:999,stepStrictly:!0,controls:!1,clearable:!0,placeholder:"请输入搜索框顺序",onChange:P},null):t(f,{disabled:!0,min:1,max:999,stepStrictly:!0,controls:!1,clearable:!0,placeholder:"当前列暂无搜索项配置"},null)})])})})),V(C,{open:()=>{_.value.open(()=>{(()=>{const e=document.querySelector(`.fa-table__column-setting-${U.tableKey} .el-table__body-wrapper tbody`);U.sortableInstance&&U.sortableInstance.destroy(),U.sortableInstance=new v(e,{animation:150,delay:0,onEnd(e){const{newIndex:l,oldIndex:a}=e;if(l!==a){U.change=!0;const e=T.orgColumns.splice(a,1)[0];T.orgColumns.splice(l,0,e),T.orgColumns=T.orgColumns.map((e,l)=>({...e,order:l+1}))}}})})(),s({message:"点击保存才会进行数据缓存，点击取消为本此生效",type:"info"})})},change:W})}});export{T as default};
-//# sourceMappingURL=tableColumnSettingDialog.mjs.map
+import e from"../../dialog/index.mjs";import{tableStateKey as l}from"./useTable.mjs";import{definePropType as a,stringUtil as o,useExpose as t,useRender as d}from"@fast-china/utils";import{Fragment as n,createTextVNode as r,createVNode as i,defineComponent as s,inject as u,mergeProps as c,reactive as m,ref as p,resolveComponent as h}from"vue";import{ElInput as b,ElInputNumber as f,ElMessage as g,ElNotification as w,ElRadio as x,ElRadioGroup as y,ElSwitch as V,ElTable as C,ElTableColumn as v}from"element-plus";import S from"sortablejs";var T=/* @__PURE__ */s({name:"FaTableColumnsSettingDialog",props:{change:{type:a(Function)}},setup(a,{expose:s}){const T=u(l),U=m({tableKey:o.generateRandomString(8),sortableInstance:void 0,change:!1}),_=p(),I=e=>e+1,W=async()=>{U.change?a.change&&await a.change(T.orgColumns):g.info("列配置未发生变化")},k=()=>{_.value.close(async()=>{await W()})},K=()=>{U.change=!0;let e=T.orgColumns.filter(e=>!e?.pureSearch);e=e.sort((l,a)=>l.order!==a.order?l.order-a.order:e.indexOf(a)-e.indexOf(l)),T.orgColumns=[...e,...T.orgColumns.filter(e=>e?.pureSearch)],T.orgColumns.forEach((e,l)=>{e.order=l+1})},P=()=>{U.change=!0},j=(e,l=!1)=>{const a={modelValue:void 0,disabled:!1,placeholder:void 0};if(e?.type)switch(e?.type){case"expand":a.disabled=!0,a.placeholder="暂不支持宽度配置";break;case"image":a.disabled=!0,a.placeholder="图片列无需配置";break;case"date":case"time":case"dateTime":a.disabled=!0,a.placeholder="时间/日期列无需配置";break;case"timeInfo":a.disabled=!0,a.placeholder="当前列无需配置"}else e?.tag?(a.disabled=!0,a.placeholder="标签列无需配置"):e?.autoWidth&&(a.disabled=!0,a.placeholder="自动列宽无需配置");return a.disabled||(delete a.disabled,delete a.modelValue,delete a.placeholder),l&&delete a.placeholder,a},F=(e,l=!1,a=!1,o=!1)=>{const t={modelValue:void 0,disabled:!1,placeholder:void 0};return e?.pureSearch&&(t.disabled=!0,t.placeholder="搜索列无需配置"),t.disabled?o&&delete t.modelValue:(delete t.disabled,delete t.modelValue,delete t.placeholder),l&&delete t.placeholder,a&&(t.placeholder="999"),t};return d(()=>i(e,{ref:_,class:"fa-table__column-setting-dialog",onConfirmClick:k,showFullscreen:!1,confirmButtonText:U.change?"保存更改":"确认",fullHeight:!0},{header:()=>i(n,null,[r("列表配置（留空则恢复默认配置）"),i(h("el-text"),{type:"info"},{default:()=>[r("点击保存才会进行数据缓存，点击取消为本此生效")]})]),default:()=>i(C,{class:["fa-table__column-setting",`fa-table__column-setting-${U.tableKey}`],data:T.orgColumns,rowKey:"prop",border:!0},{default:()=>i(n,null,[i(v,{type:"index",fixed:"left",align:"center",width:45,index:I},null),i(v,{label:"列显示名称",minWidth:200},{default:({row:e})=>"image"===e.type?i(b,{disabled:!0,readonly:!0,modelValue:e.label,"onUpdate:modelValue":l=>e.label=l,placeholder:"请输入列显示名称",onChange:P},null):i(b,c({modelValue:e.label,"onUpdate:modelValue":l=>e.label=l,placeholder:"请输入列显示名称"},F(e),{onChange:P}),null)}),i(v,{label:"固定",width:230},{default:({row:e})=>i(y,c({modelValue:e.fixed,"onUpdate:modelValue":l=>e.fixed=l},F(e,!1,!1,!0),{onChange:P}),{default:()=>[i(x,{value:!1},{default:()=>[r("无")]}),i(x,{value:"left"},{default:()=>[r("左侧")]}),i(x,{value:"right"},{default:()=>[r("右侧")]})]})}),i(v,{label:"宽度",width:200},{default:({row:e})=>i(f,c({modelValue:e.width,"onUpdate:modelValue":l=>e.width=l,min:1,max:999,stepStrictly:!0,controls:!1,clearable:!0,placeholder:"请输入宽度"},j(e),F(e),{onChange:P}),{suffix:()=>i("span",null,[r("px")])})}),i(v,{label:"小的宽度",width:200},{default:({row:e})=>i(f,c({modelValue:e.smallWidth,"onUpdate:modelValue":l=>e.smallWidth=l,min:1,max:999,stepStrictly:!0,controls:!1,clearable:!0,placeholder:"请输入小的宽度"},j(e),F(e),{onChange:P}),{suffix:()=>i("span",null,[r("px")])})}),i(v,{label:"顺序",width:100},{default:({row:e})=>i(f,c({style:"width: auto;",modelValue:e.order,"onUpdate:modelValue":l=>e.order=l,min:1,max:999,stepStrictly:!0,controls:!1,clearable:!0,placeholder:"请输入顺序"},F(e,!1,!0),{onChange:K}),null)}),i(v,{label:"排序",width:65},{default:({row:e})=>i(V,c({modelValue:e.sortable,"onUpdate:modelValue":l=>e.sortable=l,inlinePrompt:!0,activeText:"是",inactiveText:"否",disabled:e.disabledSortable||"image"===e?.type},F(e,!0),{onChange:P}),null)}),i(v,{label:"复制",width:65},{default:({row:e})=>i(V,c({modelValue:e.copy,"onUpdate:modelValue":l=>e.copy=l,inlinePrompt:!0,activeText:"是",inactiveText:"否",disabled:!!e?.type||!!e?.slot},F(e,!0),{onChange:P}),null)}),i(v,{label:"自动宽度",width:85},{default:({row:e})=>i(V,c({modelValue:e.autoWidth,"onUpdate:modelValue":l=>e.autoWidth=l,inlinePrompt:!0,activeText:"是",inactiveText:"否",disabled:!!e?.type},F(e,!0),{onChange:P}),null)}),i(v,{label:"显示",width:75},{default:({row:e})=>i(V,{modelValue:e.show,"onUpdate:modelValue":l=>e.show=l,inlinePrompt:!0,activeText:"显示",inactiveText:"隐藏",onChange:P},null)}),i(v,{label:"搜索框名称",minWidth:200},{default:({row:e})=>e.search?i(b,{modelValue:e.search.label,"onUpdate:modelValue":l=>e.search.label=l,placeholder:"请输入搜索框名称",onChange:P},null):i(b,{disabled:!0,placeholder:"当前列暂无搜索项配置"},null)}),i(v,{label:"搜索框顺序",width:200},{default:({row:e})=>e.search?i(f,{modelValue:e.search.order,"onUpdate:modelValue":l=>e.search.order=l,min:1,max:999,stepStrictly:!0,controls:!1,clearable:!0,placeholder:"请输入搜索框顺序",onChange:P},null):i(f,{disabled:!0,min:1,max:999,stepStrictly:!0,controls:!1,clearable:!0,placeholder:"当前列暂无搜索项配置"},null)})])})})),t(s,{open:()=>{_.value.open(()=>{(()=>{const e=document.querySelector(`.fa-table__column-setting-${U.tableKey} .el-table__body-wrapper tbody`);U.sortableInstance&&U.sortableInstance.destroy(),U.sortableInstance=new S(e,{animation:150,delay:0,onEnd(e){const{newIndex:l,oldIndex:a}=e;if(l!==a){U.change=!0;const e=T.orgColumns.splice(a,1)[0];T.orgColumns.splice(l,0,e),T.orgColumns=T.orgColumns.map((e,l)=>({...e,order:l+1}))}}})})(),w({message:"点击保存才会进行数据缓存，点击取消为本此生效",type:"info"})})},change:W})}});export{T as default};
+//# sourceMappingURL=tableColumnSettingDialog.mjs.map

package/es/components/table/src/tableColumnSettingDialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tableColumnSettingDialog.mjs","sources":["../../../../../packages/components/table/src/tableColumnSettingDialog.tsx"],"sourcesContent":["import { Fragment, defineComponent, inject, reactive, ref } from \"vue\";\nimport { ElInput, ElInputNumber, ElMessage, ElNotification, ElRadio, ElRadioGroup, ElSwitch, ElTable, ElTableColumn } from \"element-plus\";\nimport { FaDialog } from \"@fast-element-plus/components/dialog\";\nimport { definePropType, stringUtil, useExpose, useRender } from \"@fast-china/utils\";\nimport Sortable from \"sortablejs\";\nimport { tableStateKey } from \"./useTable\";\nimport type { FaTableColumnCtx } from \"./table.type\";\nimport type { FaDialogInstance } from \"@fast-element-plus/components/dialog\";\nimport type { TableColumnCtx } from \"element-plus\";\n\nexport default defineComponent({\n\tname: \"FaTableColumnsSettingDialog\",\n\tprops: {\n\t\t/** @description 改变 */\n\t\tchange: {\n\t\t\ttype: definePropType<(columns: FaTableColumnCtx[]) => Promise<void>>(Function),\n\t\t},\n\t},\n\tsetup(props, { expose }) {\n\t\tconst tableState = inject(tableStateKey);\n\n\t\tconst state = reactive({\n\t\t\ttableKey: stringUtil.generateRandomString(8),\n\t\t\tsortableInstance: undefined,\n\t\t\tchange: false,\n\t\t});\n\n\t\tconst faDialogRef = ref<FaDialogInstance>();\n\n\t\tconst indexMethod = (index: number): number => {\n\t\t\treturn index + 1;\n\t\t};\n\n\t\t// /**\n\t\t//  * 处理固定行ClassName\n\t\t//  */\n\t\t// const handleFixedRowClassName = (row: FaTableColumnCtx) => {\n\t\t// \tif (row.fixed) {\n\t\t// \t\treturn \"fa-table__setting-fixed-column\";\n\t\t// \t}\n\t\t// };\n\n\t\tconst tableRowDrop = (): void => {\n\t\t\tconst tBody = document.querySelector(`.fa-table__column-setting-${state.tableKey} .el-table__body-wrapper tbody`) as any;\n\n\t\t\t// 销毁现有Sortable实例（如果存在）\n\t\t\tif (state.sortableInstance) {\n\t\t\t\tstate.sortableInstance.destroy();\n\t\t\t}\n\n\t\t\tstate.sortableInstance = new Sortable(tBody, {\n\t\t\t\t// ms, number 单位：ms，定义排序动画的时间\n\t\t\t\tanimation: 150,\n\t\t\t\tdelay: 0,\n\t\t\t\t// filter: \".fa-table__setting-fixed-column\",\n\t\t\t\t// onMove(evt: any) {\n\t\t\t\t// \tconst { related } = evt;\n\t\t\t\t// \treturn !related.classList.contains(\"fa-table__setting-fixed-column\");\n\t\t\t\t// },\n\t\t\t\tonEnd(evt: any): void {\n\t\t\t\t\tconst { newIndex, oldIndex } = evt;\n\t\t\t\t\tif (newIndex !== oldIndex) {\n\t\t\t\t\t\tstate.change = true;\n\t\t\t\t\t\tconst curRow = tableState.orgColumns.splice(oldIndex, 1)[0];\n\t\t\t\t\t\ttableState.orgColumns.splice(newIndex, 0, curRow);\n\t\t\t\t\t\ttableState.orgColumns = tableState.orgColumns.map((item, index) => {\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...item,\n\t\t\t\t\t\t\t\torder: index + 1,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t});\n\t\t};\n\n\t\tconst open = (): void => {\n\t\t\tfaDialogRef.value.open(() => {\n\t\t\t\ttableRowDrop();\n\t\t\t\tElNotification({\n\t\t\t\t\tmessage: \"点击保存才会进行数据缓存，点击取消为本此生效\",\n\t\t\t\t\ttype: \"info\",\n\t\t\t\t});\n\t\t\t});\n\t\t};\n\n\t\tconst handleChange = async (): Promise<void> => {\n\t\t\tif (state.change) {\n\t\t\t\tprops.change && (await props.change(tableState.orgColumns));\n\t\t\t} else {\n\t\t\t\tElMessage.info(\"列配置未发生变化\");\n\t\t\t}\n\t\t};\n\n\t\tconst handleConfirmClick = (): void => {\n\t\t\tfaDialogRef.value.close(async () => {\n\t\t\t\tawait handleChange();\n\t\t\t});\n\t\t};\n\n\t\tconst handleOrderChange = (): void => {\n\t\t\tstate.change = true;\n\t\t\tlet orderColumns = tableState.orgColumns.filter((f) => !f?.pureSearch);\n\t\t\torderColumns = orderColumns.sort((a, b) => {\n\t\t\t\tif (a.order !== b.order) {\n\t\t\t\t\treturn a.order - b.order;\n\t\t\t\t} else {\n\t\t\t\t\treturn orderColumns.indexOf(b) - orderColumns.indexOf(a);\n\t\t\t\t}\n\t\t\t});\n\t\t\ttableState.orgColumns = [...orderColumns, ...tableState.orgColumns.filter((f) => f?.pureSearch)];\n\t\t\ttableState.orgColumns.forEach((item, index) => {\n\t\t\t\titem.order = index + 1;\n\t\t\t});\n\t\t};\n\n\t\tconst handleColumnChange = (): void => {\n\t\t\tstate.change = true;\n\t\t};\n\n\t\tconst autoWidthDisabled = (\n\t\t\trow: FaTableColumnCtx,\n\t\t\tswitchEl = false\n\t\t): {\n\t\t\tmodelValue: any;\n\t\t\tdisabled: boolean;\n\t\t\tplaceholder: any;\n\t\t} => {\n\t\t\tconst result = { modelValue: undefined, disabled: false, placeholder: undefined };\n\t\t\tif (row?.type) {\n\t\t\t\tswitch (row?.type) {\n\t\t\t\t\tcase \"expand\":\n\t\t\t\t\t\tresult.disabled = true;\n\t\t\t\t\t\tresult.placeholder = \"暂不支持宽度配置\";\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"image\":\n\t\t\t\t\t\tresult.disabled = true;\n\t\t\t\t\t\tresult.placeholder = \"图片列无需配置\";\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"date\":\n\t\t\t\t\tcase \"time\":\n\t\t\t\t\tcase \"dateTime\":\n\t\t\t\t\t\tresult.disabled = true;\n\t\t\t\t\t\tresult.placeholder = \"时间/日期列无需配置\";\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"timeInfo\":\n\t\t\t\t\t\tresult.disabled = true;\n\t\t\t\t\t\tresult.placeholder = \"当前列无需配置\";\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t} else if (row?.tag) {\n\t\t\t\tresult.disabled = true;\n\t\t\t\tresult.placeholder = \"标签列无需配置\";\n\t\t\t} else if (row?.autoWidth) {\n\t\t\t\tresult.disabled = true;\n\t\t\t\tresult.placeholder = \"自动列宽无需配置\";\n\t\t\t}\n\t\t\tif (!result.disabled) {\n\t\t\t\tdelete result.disabled;\n\t\t\t\tdelete result.modelValue;\n\t\t\t\tdelete result.placeholder;\n\t\t\t}\n\t\t\tif (switchEl) {\n\t\t\t\tdelete result.placeholder;\n\t\t\t}\n\t\t\treturn result;\n\t\t};\n\n\t\tconst pureSearchDisabled = (\n\t\t\trow: FaTableColumnCtx,\n\t\t\tswitchEl = false,\n\t\t\torderEl = false,\n\t\t\tradioEl = false\n\t\t): {\n\t\t\tmodelValue: any;\n\t\t\tdisabled: boolean;\n\t\t\tplaceholder: any;\n\t\t} => {\n\t\t\tconst result = { modelValue: undefined, disabled: false, placeholder: undefined };\n\t\t\tif (row?.pureSearch) {\n\t\t\t\tresult.disabled = true;\n\t\t\t\tresult.placeholder = \"搜索列无需配置\";\n\t\t\t}\n\t\t\tif (!result.disabled) {\n\t\t\t\tdelete result.disabled;\n\t\t\t\tdelete result.modelValue;\n\t\t\t\tdelete result.placeholder;\n\t\t\t} else {\n\t\t\t\tif (radioEl) {\n\t\t\t\t\tdelete result.modelValue;\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (switchEl) {\n\t\t\t\tdelete result.placeholder;\n\t\t\t}\n\t\t\tif (orderEl) {\n\t\t\t\tresult.placeholder = \"999\";\n\t\t\t}\n\t\t\treturn result;\n\t\t};\n\n\t\tuseRender(() => (\n\t\t\t<FaDialog\n\t\t\t\tref={faDialogRef}\n\t\t\t\tclass=\"fa-table__column-setting-dialog\"\n\t\t\t\tonConfirmClick={handleConfirmClick}\n\t\t\t\tshowFullscreen={false}\n\t\t\t\tconfirmButtonText={state.change ? \"保存更改\" : \"确认\"}\n\t\t\t\tfullHeight\n\t\t\t>\n\t\t\t\t{{\n\t\t\t\t\theader: () => (\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t列表配置（留空则恢复默认配置）\n\t\t\t\t\t\t\t<el-text type=\"info\">点击保存才会进行数据缓存，点击取消为本此生效</el-text>\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t),\n\t\t\t\t\tdefault: () => (\n\t\t\t\t\t\t<ElTable\n\t\t\t\t\t\t\tclass={[\"fa-table__column-setting\", `fa-table__column-setting-${state.tableKey}`]}\n\t\t\t\t\t\t\tdata={tableState.orgColumns}\n\t\t\t\t\t\t\trowKey=\"prop\"\n\t\t\t\t\t\t\tborder\n\t\t\t\t\t\t\t// rowClassName={handleFixedRowClassName}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\tdefault: () => (\n\t\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t\t<ElTableColumn type=\"index\" fixed=\"left\" align=\"center\" width={45} index={indexMethod} />\n\t\t\t\t\t\t\t\t\t\t<ElTableColumn label=\"列显示名称\" minWidth={200}>\n\t\t\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t\t\tdefault: ({ row }: { row: FaTableColumnCtx; column: TableColumnCtx<any>; $index: number }) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\trow.type === \"image\" ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ElInput\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treadonly\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvModel={row.label}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"请输入列显示名称\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleColumnChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ElInput\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvModel={row.label}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"请输入列显示名称\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{...pureSearchDisabled(row)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleColumnChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t</ElTableColumn>\n\t\t\t\t\t\t\t\t\t\t<ElTableColumn label=\"固定\" width={230}>\n\t\t\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t\t\tdefault: ({ row }: { row: FaTableColumnCtx; column: TableColumnCtx<any>; $index: number }) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ElRadioGroup\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvModel={row.fixed}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{...pureSearchDisabled(row, false, false, true)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleColumnChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ElRadio value={false}>无</ElRadio>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ElRadio value=\"left\">左侧</ElRadio>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ElRadio value=\"right\">右侧</ElRadio>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</ElRadioGroup>\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t</ElTableColumn>\n\t\t\t\t\t\t\t\t\t\t<ElTableColumn label=\"宽度\" width={200}>\n\t\t\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t\t\tdefault: ({ row }: { row: FaTableColumnCtx; column: TableColumnCtx<any>; $index: number }) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ElInputNumber\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvModel={row.width}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmin={1}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmax={999}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstepStrictly\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcontrols={false}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclearable\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"请输入宽度\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{...autoWidthDisabled(row)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{...pureSearchDisabled(row)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleColumnChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsuffix: () => <span>px</span>,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</ElInputNumber>\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t</ElTableColumn>\n\t\t\t\t\t\t\t\t\t\t<ElTableColumn label=\"小的宽度\" width={200}>\n\t\t\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t\t\tdefault: ({ row }: { row: FaTableColumnCtx; column: TableColumnCtx<any>; $index: number }) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ElInputNumber\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvModel={row.smallWidth}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmin={1}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmax={999}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstepStrictly\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcontrols={false}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclearable\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"请输入小的宽度\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{...autoWidthDisabled(row)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{...pureSearchDisabled(row)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleColumnChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsuffix: () => <span>px</span>,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</ElInputNumber>\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t</ElTableColumn>\n\t\t\t\t\t\t\t\t\t\t<ElTableColumn label=\"顺序\" width={100}>\n\t\t\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t\t\tdefault: ({ row }: { row: FaTableColumnCtx; column: TableColumnCtx<any>; $index: number }) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ElInputNumber\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"width: auto;\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvModel={row.order}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmin={1}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmax={999}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstepStrictly\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcontrols={false}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclearable\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"请输入顺序\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{...pureSearchDisabled(row, false, true)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleOrderChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t</ElTableColumn>\n\t\t\t\t\t\t\t\t\t\t<ElTableColumn label=\"排序\" width={65}>\n\t\t\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t\t\tdefault: ({ row }: { row: FaTableColumnCtx; column: TableColumnCtx<any>; $index: number }) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ElSwitch\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvModel={row.sortable}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tinlinePrompt\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tactiveText=\"是\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tinactiveText=\"否\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={row.disabledSortable || row?.type === \"image\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{...pureSearchDisabled(row, true)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleColumnChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t</ElTableColumn>\n\t\t\t\t\t\t\t\t\t\t<ElTableColumn label=\"复制\" width={65}>\n\t\t\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t\t\tdefault: ({ row }: { row: FaTableColumnCtx; column: TableColumnCtx<any>; $index: number }) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ElSwitch\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvModel={row.copy}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tinlinePrompt\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tactiveText=\"是\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tinactiveText=\"否\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!!row?.type || !!row?.slot}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{...pureSearchDisabled(row, true)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleColumnChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t</ElTableColumn>\n\t\t\t\t\t\t\t\t\t\t<ElTableColumn label=\"自动宽度\" width={85}>\n\t\t\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t\t\tdefault: ({ row }: { row: FaTableColumnCtx; column: TableColumnCtx<any>; $index: number }) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ElSwitch\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvModel={row.autoWidth}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tinlinePrompt\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tactiveText=\"是\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tinactiveText=\"否\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!!row?.type}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{...pureSearchDisabled(row, true)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleColumnChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t</ElTableColumn>\n\t\t\t\t\t\t\t\t\t\t<ElTableColumn label=\"显示\" width={75}>\n\t\t\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t\t\tdefault: ({ row }: { row: FaTableColumnCtx; column: TableColumnCtx<any>; $index: number }) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ElSwitch\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvModel={row.show}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tinlinePrompt\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tactiveText=\"显示\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tinactiveText=\"隐藏\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleColumnChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t</ElTableColumn>\n\t\t\t\t\t\t\t\t\t\t<ElTableColumn label=\"搜索框名称\" minWidth={200}>\n\t\t\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t\t\tdefault: ({ row }: { row: FaTableColumnCtx; column: TableColumnCtx<any>; $index: number }) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\trow.search ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ElInput\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvModel={row.search.label}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"请输入搜索框名称\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleColumnChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ElInput disabled placeholder=\"当前列暂无搜索项配置\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t</ElTableColumn>\n\t\t\t\t\t\t\t\t\t\t<ElTableColumn label=\"搜索框顺序\" width={200}>\n\t\t\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t\t\tdefault: ({ row }: { row: FaTableColumnCtx; column: TableColumnCtx<any>; $index: number }) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\trow.search ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ElInputNumber\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvModel={row.search.order}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmin={1}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmax={999}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstepStrictly\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcontrols={false}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclearable\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"请输入搜索框顺序\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleColumnChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ElInputNumber\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmin={1}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmax={999}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstepStrictly\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcontrols={false}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclearable\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"当前列暂无搜索项配置\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t</ElTableColumn>\n\t\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t</ElTable>\n\t\t\t\t\t),\n\t\t\t\t}}\n\t\t\t</FaDialog>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 打开 */\n\t\t\topen,\n\t\t\t/** @description 列改变 */\n\t\t\tchange: handleChange,\n\t\t});\n\t},\n});\n"],"names":["TableColumnsSettingDialog","name","props","change","type","definePropType","Function","setup","expose","tableState","inject","tableStateKey","state","reactive","tableKey","stringUtil","generateRandomString","sortableInstance","undefined","faDialogRef","ref","indexMethod","index","handleChange","async","orgColumns","ElMessage","info","handleConfirmClick","value","close","handleOrderChange","orderColumns","filter","f","pureSearch","sort","a","b","order","indexOf","forEach","item","handleColumnChange","autoWidthDisabled","row","switchEl","result","modelValue","disabled","placeholder","tag","autoWidth","pureSearchDisabled","orderEl","radioEl","useRender","_createVNode","FaDialog","class","onConfirmClick","showFullscreen","confirmButtonText","fullHeight","header","_Fragment","_createTextVNode","_resolveComponent","default","ElTable","data","rowKey","border","ElTableColumn","fixed","align","width","label","minWidth","ElInput","readonly","$event","onChange","_mergeProps","ElRadioGroup","ElRadio","ElInputNumber","min","max","stepStrictly","controls","clearable","suffix","smallWidth","style","ElSwitch","sortable","inlinePrompt","activeText","inactiveText","disabledSortable","copy","slot","show","search","useExpose","open","tableRowDrop","tBody","document","querySelector","destroy","Sortable","animation","delay","onEnd","evt","newIndex","oldIndex","curRow","splice","map","ElNotification","message"],"mappings":"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"}
+{"version":3,"file":"tableColumnSettingDialog.mjs","names":["Fragment","defineComponent","inject","reactive","ref","createTextVNode","_createTextVNode","resolveComponent","_resolveComponent","createVNode","_createVNode","_Fragment","mergeProps","_mergeProps","ElInput","ElInputNumber","ElMessage","ElNotification","ElRadio","ElRadioGroup","ElSwitch","ElTable","ElTableColumn","FaDialog","definePropType","stringUtil","useExpose","useRender","Sortable","tableStateKey","name","props","change","type","Function","setup","expose","tableState","state","tableKey","generateRandomString","sortableInstance","undefined","faDialogRef","indexMethod","index","tableRowDrop","tBody","document","querySelector","destroy","animation","delay","onEnd","evt","newIndex","oldIndex","curRow","orgColumns","splice","map","item","order","open","value","message","handleChange","info","handleConfirmClick","close","handleOrderChange","orderColumns","filter","f","pureSearch","sort","a","b","indexOf","forEach","handleColumnChange","autoWidthDisabled","row","switchEl","result","modelValue","disabled","placeholder","tag","autoWidth","pureSearchDisabled","orderEl","radioEl","header","default","label","$event","fixed","width","suffix","smallWidth","sortable","disabledSortable","copy","slot","show","search"],"sources":["../../../../../packages/components/table/src/tableColumnSettingDialog.tsx"],"sourcesContent":["import { Fragment, defineComponent, inject, reactive, ref } from \"vue\";\nimport { ElInput, ElInputNumber, ElMessage, ElNotification, ElRadio, ElRadioGroup, ElSwitch, ElTable, ElTableColumn } from \"element-plus\";\nimport { FaDialog } from \"@fast-element-plus/components/dialog\";\nimport { definePropType, stringUtil, useExpose, useRender } from \"@fast-china/utils\";\nimport Sortable from \"sortablejs\";\nimport { tableStateKey } from \"./useTable\";\nimport type { FaTableColumnCtx } from \"./table.type\";\nimport type { FaDialogInstance } from \"@fast-element-plus/components/dialog\";\nimport type { TableColumnCtx } from \"element-plus\";\n\nexport default defineComponent({\n\tname: \"FaTableColumnsSettingDialog\",\n\tprops: {\n\t\t/** @description 改变 */\n\t\tchange: {\n\t\t\ttype: definePropType<(columns: FaTableColumnCtx[]) => Promise<void>>(Function),\n\t\t},\n\t},\n\tsetup(props, { expose }) {\n\t\tconst tableState = inject(tableStateKey);\n\n\t\tconst state = reactive({\n\t\t\ttableKey: stringUtil.generateRandomString(8),\n\t\t\tsortableInstance: undefined,\n\t\t\tchange: false,\n\t\t});\n\n\t\tconst faDialogRef = ref<FaDialogInstance>();\n\n\t\tconst indexMethod = (index: number): number => {\n\t\t\treturn index + 1;\n\t\t};\n\n\t\t// /**\n\t\t//  * 处理固定行ClassName\n\t\t//  */\n\t\t// const handleFixedRowClassName = (row: FaTableColumnCtx) => {\n\t\t// \tif (row.fixed) {\n\t\t// \t\treturn \"fa-table__setting-fixed-column\";\n\t\t// \t}\n\t\t// };\n\n\t\tconst tableRowDrop = (): void => {\n\t\t\tconst tBody = document.querySelector(`.fa-table__column-setting-${state.tableKey} .el-table__body-wrapper tbody`) as any;\n\n\t\t\t// 销毁现有Sortable实例（如果存在）\n\t\t\tif (state.sortableInstance) {\n\t\t\t\tstate.sortableInstance.destroy();\n\t\t\t}\n\n\t\t\tstate.sortableInstance = new Sortable(tBody, {\n\t\t\t\t// ms, number 单位：ms，定义排序动画的时间\n\t\t\t\tanimation: 150,\n\t\t\t\tdelay: 0,\n\t\t\t\t// filter: \".fa-table__setting-fixed-column\",\n\t\t\t\t// onMove(evt: any) {\n\t\t\t\t// \tconst { related } = evt;\n\t\t\t\t// \treturn !related.classList.contains(\"fa-table__setting-fixed-column\");\n\t\t\t\t// },\n\t\t\t\tonEnd(evt: any): void {\n\t\t\t\t\tconst { newIndex, oldIndex } = evt;\n\t\t\t\t\tif (newIndex !== oldIndex) {\n\t\t\t\t\t\tstate.change = true;\n\t\t\t\t\t\tconst curRow = tableState.orgColumns.splice(oldIndex, 1)[0];\n\t\t\t\t\t\ttableState.orgColumns.splice(newIndex, 0, curRow);\n\t\t\t\t\t\ttableState.orgColumns = tableState.orgColumns.map((item, index) => {\n\t\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t\t...item,\n\t\t\t\t\t\t\t\torder: index + 1,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t});\n\t\t};\n\n\t\tconst open = (): void => {\n\t\t\tfaDialogRef.value.open(() => {\n\t\t\t\ttableRowDrop();\n\t\t\t\tElNotification({\n\t\t\t\t\tmessage: \"点击保存才会进行数据缓存，点击取消为本此生效\",\n\t\t\t\t\ttype: \"info\",\n\t\t\t\t});\n\t\t\t});\n\t\t};\n\n\t\tconst handleChange = async (): Promise<void> => {\n\t\t\tif (state.change) {\n\t\t\t\tprops.change && (await props.change(tableState.orgColumns));\n\t\t\t} else {\n\t\t\t\tElMessage.info(\"列配置未发生变化\");\n\t\t\t}\n\t\t};\n\n\t\tconst handleConfirmClick = (): void => {\n\t\t\tfaDialogRef.value.close(async () => {\n\t\t\t\tawait handleChange();\n\t\t\t});\n\t\t};\n\n\t\tconst handleOrderChange = (): void => {\n\t\t\tstate.change = true;\n\t\t\tlet orderColumns = tableState.orgColumns.filter((f) => !f?.pureSearch);\n\t\t\torderColumns = orderColumns.sort((a, b) => {\n\t\t\t\tif (a.order !== b.order) {\n\t\t\t\t\treturn a.order - b.order;\n\t\t\t\t} else {\n\t\t\t\t\treturn orderColumns.indexOf(b) - orderColumns.indexOf(a);\n\t\t\t\t}\n\t\t\t});\n\t\t\ttableState.orgColumns = [...orderColumns, ...tableState.orgColumns.filter((f) => f?.pureSearch)];\n\t\t\ttableState.orgColumns.forEach((item, index) => {\n\t\t\t\titem.order = index + 1;\n\t\t\t});\n\t\t};\n\n\t\tconst handleColumnChange = (): void => {\n\t\t\tstate.change = true;\n\t\t};\n\n\t\tconst autoWidthDisabled = (\n\t\t\trow: FaTableColumnCtx,\n\t\t\tswitchEl = false\n\t\t): {\n\t\t\tmodelValue: any;\n\t\t\tdisabled: boolean;\n\t\t\tplaceholder: any;\n\t\t} => {\n\t\t\tconst result = { modelValue: undefined, disabled: false, placeholder: undefined };\n\t\t\tif (row?.type) {\n\t\t\t\tswitch (row?.type) {\n\t\t\t\t\tcase \"expand\":\n\t\t\t\t\t\tresult.disabled = true;\n\t\t\t\t\t\tresult.placeholder = \"暂不支持宽度配置\";\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"image\":\n\t\t\t\t\t\tresult.disabled = true;\n\t\t\t\t\t\tresult.placeholder = \"图片列无需配置\";\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"date\":\n\t\t\t\t\tcase \"time\":\n\t\t\t\t\tcase \"dateTime\":\n\t\t\t\t\t\tresult.disabled = true;\n\t\t\t\t\t\tresult.placeholder = \"时间/日期列无需配置\";\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"timeInfo\":\n\t\t\t\t\t\tresult.disabled = true;\n\t\t\t\t\t\tresult.placeholder = \"当前列无需配置\";\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t} else if (row?.tag) {\n\t\t\t\tresult.disabled = true;\n\t\t\t\tresult.placeholder = \"标签列无需配置\";\n\t\t\t} else if (row?.autoWidth) {\n\t\t\t\tresult.disabled = true;\n\t\t\t\tresult.placeholder = \"自动列宽无需配置\";\n\t\t\t}\n\t\t\tif (!result.disabled) {\n\t\t\t\tdelete result.disabled;\n\t\t\t\tdelete result.modelValue;\n\t\t\t\tdelete result.placeholder;\n\t\t\t}\n\t\t\tif (switchEl) {\n\t\t\t\tdelete result.placeholder;\n\t\t\t}\n\t\t\treturn result;\n\t\t};\n\n\t\tconst pureSearchDisabled = (\n\t\t\trow: FaTableColumnCtx,\n\t\t\tswitchEl = false,\n\t\t\torderEl = false,\n\t\t\tradioEl = false\n\t\t): {\n\t\t\tmodelValue: any;\n\t\t\tdisabled: boolean;\n\t\t\tplaceholder: any;\n\t\t} => {\n\t\t\tconst result = { modelValue: undefined, disabled: false, placeholder: undefined };\n\t\t\tif (row?.pureSearch) {\n\t\t\t\tresult.disabled = true;\n\t\t\t\tresult.placeholder = \"搜索列无需配置\";\n\t\t\t}\n\t\t\tif (!result.disabled) {\n\t\t\t\tdelete result.disabled;\n\t\t\t\tdelete result.modelValue;\n\t\t\t\tdelete result.placeholder;\n\t\t\t} else {\n\t\t\t\tif (radioEl) {\n\t\t\t\t\tdelete result.modelValue;\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (switchEl) {\n\t\t\t\tdelete result.placeholder;\n\t\t\t}\n\t\t\tif (orderEl) {\n\t\t\t\tresult.placeholder = \"999\";\n\t\t\t}\n\t\t\treturn result;\n\t\t};\n\n\t\tuseRender(() => (\n\t\t\t<FaDialog\n\t\t\t\tref={faDialogRef}\n\t\t\t\tclass=\"fa-table__column-setting-dialog\"\n\t\t\t\tonConfirmClick={handleConfirmClick}\n\t\t\t\tshowFullscreen={false}\n\t\t\t\tconfirmButtonText={state.change ? \"保存更改\" : \"确认\"}\n\t\t\t\tfullHeight\n\t\t\t>\n\t\t\t\t{{\n\t\t\t\t\theader: () => (\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t列表配置（留空则恢复默认配置）\n\t\t\t\t\t\t\t<el-text type=\"info\">点击保存才会进行数据缓存，点击取消为本此生效</el-text>\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t),\n\t\t\t\t\tdefault: () => (\n\t\t\t\t\t\t<ElTable\n\t\t\t\t\t\t\tclass={[\"fa-table__column-setting\", `fa-table__column-setting-${state.tableKey}`]}\n\t\t\t\t\t\t\tdata={tableState.orgColumns}\n\t\t\t\t\t\t\trowKey=\"prop\"\n\t\t\t\t\t\t\tborder\n\t\t\t\t\t\t\t// rowClassName={handleFixedRowClassName}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\tdefault: () => (\n\t\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t\t<ElTableColumn type=\"index\" fixed=\"left\" align=\"center\" width={45} index={indexMethod} />\n\t\t\t\t\t\t\t\t\t\t<ElTableColumn label=\"列显示名称\" minWidth={200}>\n\t\t\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t\t\tdefault: ({ row }: { row: FaTableColumnCtx; column: TableColumnCtx<any>; $index: number }) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\trow.type === \"image\" ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ElInput\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treadonly\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvModel={row.label}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"请输入列显示名称\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleColumnChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ElInput\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvModel={row.label}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"请输入列显示名称\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{...pureSearchDisabled(row)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleColumnChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t</ElTableColumn>\n\t\t\t\t\t\t\t\t\t\t<ElTableColumn label=\"固定\" width={230}>\n\t\t\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t\t\tdefault: ({ row }: { row: FaTableColumnCtx; column: TableColumnCtx<any>; $index: number }) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ElRadioGroup\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvModel={row.fixed}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{...pureSearchDisabled(row, false, false, true)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleColumnChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ElRadio value={false}>无</ElRadio>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ElRadio value=\"left\">左侧</ElRadio>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ElRadio value=\"right\">右侧</ElRadio>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</ElRadioGroup>\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t</ElTableColumn>\n\t\t\t\t\t\t\t\t\t\t<ElTableColumn label=\"宽度\" width={200}>\n\t\t\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t\t\tdefault: ({ row }: { row: FaTableColumnCtx; column: TableColumnCtx<any>; $index: number }) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ElInputNumber\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvModel={row.width}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmin={1}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmax={999}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstepStrictly\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcontrols={false}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclearable\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"请输入宽度\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{...autoWidthDisabled(row)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{...pureSearchDisabled(row)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleColumnChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsuffix: () => <span>px</span>,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</ElInputNumber>\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t</ElTableColumn>\n\t\t\t\t\t\t\t\t\t\t<ElTableColumn label=\"小的宽度\" width={200}>\n\t\t\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t\t\tdefault: ({ row }: { row: FaTableColumnCtx; column: TableColumnCtx<any>; $index: number }) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ElInputNumber\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvModel={row.smallWidth}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmin={1}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmax={999}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstepStrictly\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcontrols={false}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclearable\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"请输入小的宽度\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{...autoWidthDisabled(row)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{...pureSearchDisabled(row)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleColumnChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsuffix: () => <span>px</span>,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</ElInputNumber>\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t</ElTableColumn>\n\t\t\t\t\t\t\t\t\t\t<ElTableColumn label=\"顺序\" width={100}>\n\t\t\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t\t\tdefault: ({ row }: { row: FaTableColumnCtx; column: TableColumnCtx<any>; $index: number }) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ElInputNumber\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"width: auto;\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvModel={row.order}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmin={1}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmax={999}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstepStrictly\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcontrols={false}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclearable\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"请输入顺序\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{...pureSearchDisabled(row, false, true)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleOrderChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t</ElTableColumn>\n\t\t\t\t\t\t\t\t\t\t<ElTableColumn label=\"排序\" width={65}>\n\t\t\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t\t\tdefault: ({ row }: { row: FaTableColumnCtx; column: TableColumnCtx<any>; $index: number }) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ElSwitch\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvModel={row.sortable}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tinlinePrompt\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tactiveText=\"是\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tinactiveText=\"否\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={row.disabledSortable || row?.type === \"image\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{...pureSearchDisabled(row, true)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleColumnChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t</ElTableColumn>\n\t\t\t\t\t\t\t\t\t\t<ElTableColumn label=\"复制\" width={65}>\n\t\t\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t\t\tdefault: ({ row }: { row: FaTableColumnCtx; column: TableColumnCtx<any>; $index: number }) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ElSwitch\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvModel={row.copy}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tinlinePrompt\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tactiveText=\"是\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tinactiveText=\"否\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!!row?.type || !!row?.slot}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{...pureSearchDisabled(row, true)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleColumnChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t</ElTableColumn>\n\t\t\t\t\t\t\t\t\t\t<ElTableColumn label=\"自动宽度\" width={85}>\n\t\t\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t\t\tdefault: ({ row }: { row: FaTableColumnCtx; column: TableColumnCtx<any>; $index: number }) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ElSwitch\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvModel={row.autoWidth}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tinlinePrompt\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tactiveText=\"是\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tinactiveText=\"否\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!!row?.type}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{...pureSearchDisabled(row, true)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleColumnChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t</ElTableColumn>\n\t\t\t\t\t\t\t\t\t\t<ElTableColumn label=\"显示\" width={75}>\n\t\t\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t\t\tdefault: ({ row }: { row: FaTableColumnCtx; column: TableColumnCtx<any>; $index: number }) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ElSwitch\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvModel={row.show}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tinlinePrompt\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tactiveText=\"显示\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tinactiveText=\"隐藏\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleColumnChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t</ElTableColumn>\n\t\t\t\t\t\t\t\t\t\t<ElTableColumn label=\"搜索框名称\" minWidth={200}>\n\t\t\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t\t\tdefault: ({ row }: { row: FaTableColumnCtx; column: TableColumnCtx<any>; $index: number }) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\trow.search ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ElInput\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvModel={row.search.label}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"请输入搜索框名称\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleColumnChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ElInput disabled placeholder=\"当前列暂无搜索项配置\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t</ElTableColumn>\n\t\t\t\t\t\t\t\t\t\t<ElTableColumn label=\"搜索框顺序\" width={200}>\n\t\t\t\t\t\t\t\t\t\t\t{{\n\t\t\t\t\t\t\t\t\t\t\t\tdefault: ({ row }: { row: FaTableColumnCtx; column: TableColumnCtx<any>; $index: number }) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\trow.search ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ElInputNumber\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvModel={row.search.order}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmin={1}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmax={999}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstepStrictly\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcontrols={false}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclearable\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"请输入搜索框顺序\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleColumnChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ElInputNumber\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmin={1}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmax={999}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstepStrictly\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcontrols={false}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclearable\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"当前列暂无搜索项配置\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t</ElTableColumn>\n\t\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t</ElTable>\n\t\t\t\t\t),\n\t\t\t\t}}\n\t\t\t</FaDialog>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 打开 */\n\t\t\topen,\n\t\t\t/** @description 列改变 */\n\t\t\tchange: handleChange,\n\t\t});\n\t},\n});\n"],"mappings":"6hBAUA,IAAA,iBAAeC,EAAgB,CAC9B6B,KAAM,8BACNC,MAAO,CAENC,OAAQ,CACPC,KAAMT,EAA+DU,YAGvEC,KAAAA,CAAMJ,GAAO,OAAEK,IACd,MAAMC,EAAanC,EAAO2B,GAEpBS,EAAQnC,EAAS,CACtBoC,SAAUd,EAAWe,qBAAqB,GAC1CC,sBAAkBC,EAClBV,QAAQ,IAGHW,EAAcvC,IAEdwC,EAAeC,GACbA,EAAQ,EAwDVqB,EAAe,UAChB5B,EAAMN,OACTD,EAAMC,cAAiBD,EAAMC,OAAOK,EAAWqB,YAE/C1C,EAAUmD,KAAK,aAIXC,EAAAA,KACLzB,EAAYqB,MAAMK,MAAM,gBACjBH,OAIFI,EAAAA,KACLhC,EAAMN,QAAS,EACf,IAAIuC,EAAelC,EAAWqB,WAAWc,OAAQC,IAAOA,GAAGC,YAC3DH,EAAeA,EAAaI,KAAAA,CAAMC,EAAGC,IAChCD,EAAEd,QAAUe,EAAEf,MACVc,EAAEd,MAAQe,EAAEf,MAEZS,EAAaO,QAAQD,GAAKN,EAAaO,QAAQF,IAGxDvC,EAAWqB,WAAa,IAAIa,KAAiBlC,EAAWqB,WAAWc,OAAQC,GAAMA,GAAGC,aACpFrC,EAAWqB,WAAWqB,QAAAA,CAASlB,EAAMhB,KACpCgB,EAAKC,MAAQjB,EAAQ,KAIjBmC,EAAAA,KACL1C,EAAMN,QAAS,GAGViD,EAAAA,CACLC,EACAC,GAAW,KAMX,MAAMC,EAAS,CAAEC,gBAAY3C,EAAW4C,UAAU,EAAOC,iBAAa7C,GACtE,GAAIwC,GAAKjD,KACR,OAAQiD,GAAKjD,MACZ,IAAK,SACJmD,EAAOE,UAAW,EAClBF,EAAOG,YAAc,WACrB,MACD,IAAK,QACJH,EAAOE,UAAW,EAClBF,EAAOG,YAAc,UACrB,MACD,IAAK,OACL,IAAK,OACL,IAAK,WACJH,EAAOE,UAAW,EAClBF,EAAOG,YAAc,aACrB,MACD,IAAK,WACJH,EAAOE,UAAW,EAClBF,EAAOG,YAAc,eAGbL,GAAKM,KACfJ,EAAOE,UAAW,EAClBF,EAAOG,YAAc,WACXL,GAAKO,YACfL,EAAOE,UAAW,EAClBF,EAAOG,YAAc,YAUtB,OARKH,EAAOE,kBACJF,EAAOE,gBACPF,EAAOC,kBACPD,EAAOG,aAEXJ,UACIC,EAAOG,YAERH,GAGFM,EAAAA,CACLR,EACAC,GAAW,EACXQ,GAAU,EACVC,GAAU,KAMV,MAAMR,EAAS,CAAEC,gBAAY3C,EAAW4C,UAAU,EAAOC,iBAAa7C,GAoBtE,OAnBIwC,GAAKR,aACRU,EAAOE,UAAW,EAClBF,EAAOG,YAAc,WAEjBH,EAAOE,SAKPM,UACIR,EAAOC,mBALRD,EAAOE,gBACPF,EAAOC,kBACPD,EAAOG,aAMXJ,UACIC,EAAOG,YAEXI,IACHP,EAAOG,YAAc,OAEfH,GA6OR,OA1OAzD,EAAAA,IAAUjB,EAAAa,EAAA,CAAA,IAEHoB,EAAW,MAAA,kCAAA,eAEAyB,EAAkB,gBAClB,EAAK,kBACF9B,EAAMN,OAAS,OAAS,KAAI,YAAA,GAAA,CAI9C6D,OAAAA,IAAQnF,EAAAC,EAAA,KAAA,CAAAL,EAAA,mBAAAI,EAAAF,EAAA,WAAA,CAAA,KAAA,QAAA,CAAAsF,QAAAA,IAAA,CAAAxF,EAAA,+BAMRwF,QAAAA,IAASpF,EAAAW,EAAA,CAAA,MAEA,CAAC,2BAA4B,4BAA4BiB,EAAMC,YAAW,KAC3EF,EAAWqB,WAAU,OAAA,OAAA,QAAA,GAAA,CAM1BoC,QAAAA,IAASpF,EAAAC,EAAA,KAAA,CAAAD,EAAAY,EAAA,CAAA,KAAA,QAAA,MAAA,OAAA,MAAA,SAAA,MAEwD,GAAE,MAASsB,GAAW,MAAAlC,EAAAY,EAAA,CAAA,MAAA,QAAA,SAC9C,KAAG,CAExCwE,QAAAA,EAAYZ,SACE,UAAbA,EAAIjD,KAAgBvB,EAAAI,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,WAIVoE,EAAIa,MAAK,sBAAAC,GAATd,EAAIa,MAAKC,EAAA,YAAA,WAAA,SAEPhB,GAAkB,MAAAtE,EAAAI,EAAAD,EAAA,CAAA,WAIpBqE,EAAIa,MAAK,sBAAAC,GAATd,EAAIa,MAAKC,EAAA,YAAA,YAEbN,EAAmBR,GAAI,CAAA,SACjBF,IAAkB,QAE7BtE,EAAAY,EAAA,CAAA,MAAA,KAAA,MAG6B,KAAG,CAElCwE,QAAAA,EAAYZ,SAA6ExE,EAAAS,EAAAN,EAAA,CAAA,WAE/EqE,EAAIe,MAAK,sBAAAD,GAATd,EAAIe,MAAKD,GACbN,EAAmBR,GAAK,GAAO,GAAO,GAAK,CAAA,SACrCF,IAAkB,CAAAc,QAAAA,IAAA,CAAApF,EAAAQ,EAAA,CAAA,OAEZ,GAAK,CAAA4E,QAAAA,IAAA,CAAAxF,EAAA,QAAAI,EAAAQ,EAAA,CAAA,MAAA,QAAA,CAAA4E,QAAAA,IAAA,CAAAxF,EAAA,SAAAI,EAAAQ,EAAA,CAAA,MAAA,SAAA,CAAA4E,QAAAA,IAAA,CAAAxF,EAAA,cAItBI,EAAAY,EAAA,CAAA,MAAA,KAAA,MAG8B,KAAG,CAElCwE,QAAAA,EAAYZ,SAA6ExE,EAAAK,EAAAF,EAAA,CAAA,WAE/EqE,EAAIgB,MAAK,sBAAAF,GAATd,EAAIgB,MAAKF,EAAA,IACZ,EAAC,IACD,IAAG,cAAA,EAAA,UAEE,EAAK,WAAA,EAAA,YAAA,SAGXf,EAAkBC,GAClBQ,EAAmBR,GAAI,CAAA,SACjBF,IAAkB,CAG3BmB,OAAAA,IAAQzF,EAAA,OAAA,KAAA,CAAAJ,EAAA,YAGVI,EAAAY,EAAA,CAAA,MAAA,OAAA,MAGgC,KAAG,CAEpCwE,QAAAA,EAAYZ,SAA6ExE,EAAAK,EAAAF,EAAA,CAAA,WAE/EqE,EAAIkB,WAAU,sBAAAJ,GAAdd,EAAIkB,WAAUJ,EAAA,IACjB,EAAC,IACD,IAAG,cAAA,EAAA,UAEE,EAAK,WAAA,EAAA,YAAA,WAGXf,EAAkBC,GAClBQ,EAAmBR,GAAI,CAAA,SACjBF,IAAkB,CAG3BmB,OAAAA,IAAQzF,EAAA,OAAA,KAAA,CAAAJ,EAAA,YAGVI,EAAAY,EAAA,CAAA,MAAA,KAAA,MAG8B,KAAG,CAElCwE,QAAAA,EAAYZ,SAA6ExE,EAAAK,EAAAF,EAAA,CAAA,MAAA,eAAA,WAG/EqE,EAAIpB,MAAK,sBAAAkC,GAATd,EAAIpB,MAAKkC,EAAA,IACZ,EAAC,IACD,IAAG,cAAA,EAAA,UAEE,EAAK,WAAA,EAAA,YAAA,SAGXN,EAAmBR,GAAK,GAAO,GAAK,CAAA,SAC9BZ,IAAiB,QAE5B5D,EAAAY,EAAA,CAAA,MAAA,KAAA,MAG8B,IAAE,CAEjCwE,QAAAA,EAAYZ,SAA6ExE,EAAAU,EAAAP,EAAA,CAAA,WAE/EqE,EAAImB,SAAQ,sBAAAL,GAAZd,EAAImB,SAAQL,EAAA,cAAA,EAAA,WAAA,IAAA,aAAA,IAAA,SAIVd,EAAIoB,kBAAkC,UAAdpB,GAAKjD,MACnCyD,EAAmBR,GAAK,GAAK,CAAA,SACvBF,IAAkB,QAE7BtE,EAAAY,EAAA,CAAA,MAAA,KAAA,MAG8B,IAAE,CAEjCwE,QAAAA,EAAYZ,SAA6ExE,EAAAU,EAAAP,EAAA,CAAA,WAE/EqE,EAAIqB,KAAI,sBAAAP,GAARd,EAAIqB,KAAIP,EAAA,cAAA,EAAA,WAAA,IAAA,aAAA,IAAA,WAIJd,GAAKjD,QAAUiD,GAAKsB,MAC5Bd,EAAmBR,GAAK,GAAK,CAAA,SACvBF,IAAkB,QAE7BtE,EAAAY,EAAA,CAAA,MAAA,OAAA,MAGgC,IAAE,CAEnCwE,QAAAA,EAAYZ,SAA6ExE,EAAAU,EAAAP,EAAA,CAAA,WAE/EqE,EAAIO,UAAS,sBAAAO,GAAbd,EAAIO,UAASO,EAAA,cAAA,EAAA,WAAA,IAAA,aAAA,IAAA,WAITd,GAAKjD,MACbyD,EAAmBR,GAAK,GAAK,CAAA,SACvBF,IAAkB,QAE7BtE,EAAAY,EAAA,CAAA,MAAA,KAAA,MAG8B,IAAE,CAEjCwE,QAAAA,EAAYZ,SAA6ExE,EAAAU,EAAA,CAAA,WAE/E8D,EAAIuB,KAAI,sBAAAT,GAARd,EAAIuB,KAAIT,EAAA,cAAA,EAAA,WAAA,KAAA,aAAA,KAAA,SAINhB,GAAkB,QAE7BtE,EAAAY,EAAA,CAAA,MAAA,QAAA,SAGoC,KAAG,CAExCwE,QAAAA,EAAYZ,SACXA,EAAIwB,OAAMhG,EAAAI,EAAA,CAAA,WAEAoE,EAAIwB,OAAOX,MAAK,sBAAAC,GAAhBd,EAAIwB,OAAOX,MAAKC,EAAA,YAAA,WAAA,SAEdhB,GAAkB,MAAAtE,EAAAI,EAAA,CAAA,UAAA,EAAA,YAAA,cAAA,QAI7BJ,EAAAY,EAAA,CAAA,MAAA,QAAA,MAGgC,KAAG,CAErCwE,QAAAA,EAAYZ,SACXA,EAAIwB,OAAMhG,EAAAK,EAAA,CAAA,WAEAmE,EAAIwB,OAAO5C,MAAK,sBAAAkC,GAAhBd,EAAIwB,OAAO5C,MAAKkC,EAAA,IACnB,EAAC,IACD,IAAG,cAAA,EAAA,UAEE,EAAK,WAAA,EAAA,YAAA,WAAA,SAGLhB,GAAkB,MAAAtE,EAAAK,EAAA,CAAA,UAAA,EAAA,IAKvB,EAAC,IACD,IAAG,cAAA,EAAA,UAEE,EAAK,WAAA,EAAA,YAAA,cAAA,eAgBrBW,EAAUU,EAAQ,CAExB2B,KAzWKA,KACLpB,EAAYqB,MAAMD,KAAAA,KAnCbjB,MACL,MAAMC,EAAQC,SAASC,cAAc,6BAA6BX,EAAMC,0CAGpED,EAAMG,kBACTH,EAAMG,iBAAiBS,UAGxBZ,EAAMG,iBAAmB,IAAIb,EAASmB,EAAO,CAE5CI,UAAW,IACXC,MAAO,EAMPC,KAAAA,CAAMC,GACL,MAAM,SAAEC,EAAAA,SAAUC,GAAaF,EAC/B,GAAIC,IAAaC,EAAU,CAC1BlB,EAAMN,QAAS,EACf,MAAMyB,EAASpB,EAAWqB,WAAWC,OAAOH,EAAU,GAAG,GACzDnB,EAAWqB,WAAWC,OAAOJ,EAAU,EAAGE,GAC1CpB,EAAWqB,WAAarB,EAAWqB,WAAWE,IAAAA,CAAKC,EAAMhB,KACjD,IACHgB,EACHC,MAAOjB,EAAQ,UAUnBC,GACA7B,EAAe,CACdgD,QAAS,yBACThC,KAAM,YAsWRD,OAAQkC"}

package/es/components/table/src/tablePagination.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as e,inject as a,createVNode as t}from"vue";import{ElNotification as n,ElPagination as i}from"element-plus";import{useRender as o,definePropType as r}from"@fast-china/utils";import{isNumber as g,isNull as p}from"lodash-unified";import{tableStateKey as s}from"./useTable.mjs";const l=/* @__PURE__ */e({name:"FaTablePagination",props:{pageSizes:{type:r(Array),default:[20,30,50,100,200,300,500,1e3]}},emits:{sizeChange:e=>g(e)||p(e),currentChange:e=>g(e)||p(e)},setup(e,{emit:r}){const g=a(s),p=e=>{e>100&&n({title:"欢迎",message:"当前页码已经超过100条/页，可能会造成页面卡顿。",type:"warning",duration:2e3}),r("sizeChange",e)};o(()=>t(i,{class:"fa-table-pagination",size:"small",currentPage:g.tablePagination.pageIndex,"onUpdate:currentPage":e=>g.tablePagination.pageIndex=e,pageSize:g.tablePagination.pageSize,"onUpdate:pageSize":e=>g.tablePagination.pageSize=e,pageSizes:e.pageSizes,background:!0,layout:"jumper, prev, pager, next, sizes, total",total:g.tablePagination.totalRows,onSizeChange:p,onCurrentChange:e=>r("currentChange",e)},null))}});export{l as default};
-//# sourceMappingURL=tablePagination.mjs.map
+import{tableStateKey as e}from"./useTable.mjs";import{definePropType as a,useRender as t}from"@fast-china/utils";import{createVNode as n,defineComponent as i,inject as o}from"vue";import{ElNotification as r,ElPagination as g}from"element-plus";import{isNull as p,isNumber as s}from"lodash-unified";var l=/* @__PURE__ */i({name:"FaTablePagination",props:{pageSizes:{type:a(Array),default:[20,30,50,100]}},emits:{sizeChange:e=>s(e)||p(e),currentChange:e=>s(e)||p(e)},setup(a,{emit:i}){const p=o(e),s=e=>{e>100&&r({title:"欢迎",message:"当前页码已经超过100条/页，可能会造成页面卡顿。",type:"warning",duration:2e3}),i("sizeChange",e)};t(()=>n(g,{class:"fa-table-pagination",size:"small",currentPage:p.tablePagination.pageIndex,"onUpdate:currentPage":e=>p.tablePagination.pageIndex=e,pageSize:p.tablePagination.pageSize,"onUpdate:pageSize":e=>p.tablePagination.pageSize=e,pageSizes:a.pageSizes,background:!0,layout:"jumper, prev, pager, next, sizes, total",total:p.tablePagination.totalRows,onSizeChange:s,onCurrentChange:e=>i("currentChange",e)},null))}});export{l as default};
+//# sourceMappingURL=tablePagination.mjs.map

package/es/components/table/src/tablePagination.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tablePagination.mjs","sources":["../../../../../packages/components/table/src/tablePagination.tsx"],"sourcesContent":["import { defineComponent, inject } from \"vue\";\nimport { ElNotification, ElPagination } from \"element-plus\";\nimport { definePropType, useRender } from \"@fast-china/utils\";\nimport { isNull, isNumber } from \"lodash-unified\";\nimport { tableStateKey } from \"./useTable\";\n\nexport default defineComponent({\n\tname: \"FaTablePagination\",\n\tprops: {\n\t\t/** @description 页码 */\n\t\tpageSizes: {\n\t\t\ttype: definePropType<number[]>(Array),\n\t\t\tdefault: [20, 30, 50, 100, 200, 300, 500, 1000],\n\t\t},\n\t},\n\temits: {\n\t\t/** @description 页码改变 */\n\t\tsizeChange: (pageSize: number) => isNumber(pageSize) || isNull(pageSize),\n\t\t/** @description 当前页数改变 */\n\t\tcurrentChange: (currentPage: number) => isNumber(currentPage) || isNull(currentPage),\n\t},\n\tsetup(props, { emit }) {\n\t\tconst tableState = inject(tableStateKey);\n\n\t\tconst handleSizeChange = (pageSize: number): void => {\n\t\t\tif (pageSize > 100) {\n\t\t\t\tElNotification({\n\t\t\t\t\ttitle: \"欢迎\",\n\t\t\t\t\tmessage: \"当前页码已经超过100条/页，可能会造成页面卡顿。\",\n\t\t\t\t\ttype: \"warning\",\n\t\t\t\t\tduration: 2000,\n\t\t\t\t});\n\t\t\t}\n\t\t\temit(\"sizeChange\", pageSize);\n\t\t};\n\n\t\tuseRender(() => (\n\t\t\t<ElPagination\n\t\t\t\tclass=\"fa-table-pagination\"\n\t\t\t\tsize=\"small\"\n\t\t\t\tvModel:currentPage={tableState.tablePagination.pageIndex}\n\t\t\t\tvModel:pageSize={tableState.tablePagination.pageSize}\n\t\t\t\tpageSizes={props.pageSizes}\n\t\t\t\tbackground\n\t\t\t\tlayout=\"jumper, prev, pager, next, sizes, total\"\n\t\t\t\ttotal={tableState.tablePagination.totalRows}\n\t\t\t\tonSizeChange={handleSizeChange}\n\t\t\t\tonCurrentChange={(currentPage: number) => emit(\"currentChange\", currentPage)}\n\t\t\t/>\n\t\t));\n\t},\n});\n"],"names":["TablePagination","name","props","pageSizes","type","definePropType","Array","default","emits","sizeChange","pageSize","isNumber","isNull","currentChange","currentPage","setup","emit","tableState","inject","tableStateKey","handleSizeChange","ElNotification","title","message","duration","useRender","_createVNode","ElPagination","class","size","tablePagination","pageIndex","$event","background","layout","total","totalRows","onSizeChange","onCurrentChange"],"mappings":"0SAMA,MAAAA,mBAA+B,CAC9BC,KAAM,oBACNC,MAAO,CAENC,UAAW,CACVC,KAAMC,EAAyBC,OAC/BC,QAAS,CAAC,GAAI,GAAI,GAAI,IAAK,IAAK,IAAK,IAAK,OAG5CC,MAAO,CAENC,WAAaC,GAAqBC,EAASD,IAAaE,EAAOF,GAE/DG,cAAgBC,GAAwBH,EAASG,IAAgBF,EAAOE,IAEzEC,KAAAA,CAAMb,GAAOc,KAAEA,IACd,MAAMC,EAAaC,EAAOC,GAEpBC,EAAoBV,IACrBA,EAAW,KACdW,EAAe,CACdC,MAAO,KACPC,QAAS,4BACTnB,KAAM,UACNoB,SAAU,MAGZR,EAAK,aAAcN,IAGpBe,EAAU,IAAAC,EAAAC,EAAA,CAAAC,MAAA,sBAAAC,KAAA,QAAAf,YAIYG,EAAWa,gBAAgBC,UAAS,uBAAAC,GAApCf,EAAWa,gBAAgBC,UAASC,EAAAtB,SACvCO,EAAWa,gBAAgBpB,SAAQ,oBAAAsB,GAAnCf,EAAWa,gBAAgBpB,SAAQsB,EAAA7B,UACzCD,EAAMC,UAAS8B,YAAA,EAAAC,OAAA,0CAAAC,MAGnBlB,EAAWa,gBAAgBM,UAASC,aAC7BjB,EAAgBkB,gBACZxB,GAAwBE,EAAK,gBAAiBF,IAAY,MAG/E"}
+{"version":3,"file":"tablePagination.mjs","names":["defineComponent","inject","createVNode","_createVNode","ElNotification","ElPagination","definePropType","useRender","isNull","isNumber","tableStateKey","name","props","pageSizes","type","Array","default","emits","sizeChange","pageSize","currentChange","currentPage","setup","emit","tableState","handleSizeChange","title","message","duration","tablePagination","pageIndex","$event","totalRows"],"sources":["../../../../../packages/components/table/src/tablePagination.tsx"],"sourcesContent":["import { defineComponent, inject } from \"vue\";\nimport { ElNotification, ElPagination } from \"element-plus\";\nimport { definePropType, useRender } from \"@fast-china/utils\";\nimport { isNull, isNumber } from \"lodash-unified\";\nimport { tableStateKey } from \"./useTable\";\n\nexport default defineComponent({\n\tname: \"FaTablePagination\",\n\tprops: {\n\t\t/** @description 页码 */\n\t\tpageSizes: {\n\t\t\ttype: definePropType<number[]>(Array),\n\t\t\tdefault: [20, 30, 50, 100],\n\t\t},\n\t},\n\temits: {\n\t\t/** @description 页码改变 */\n\t\tsizeChange: (pageSize: number) => isNumber(pageSize) || isNull(pageSize),\n\t\t/** @description 当前页数改变 */\n\t\tcurrentChange: (currentPage: number) => isNumber(currentPage) || isNull(currentPage),\n\t},\n\tsetup(props, { emit }) {\n\t\tconst tableState = inject(tableStateKey);\n\n\t\tconst handleSizeChange = (pageSize: number): void => {\n\t\t\tif (pageSize > 100) {\n\t\t\t\tElNotification({\n\t\t\t\t\ttitle: \"欢迎\",\n\t\t\t\t\tmessage: \"当前页码已经超过100条/页，可能会造成页面卡顿。\",\n\t\t\t\t\ttype: \"warning\",\n\t\t\t\t\tduration: 2000,\n\t\t\t\t});\n\t\t\t}\n\t\t\temit(\"sizeChange\", pageSize);\n\t\t};\n\n\t\tuseRender(() => (\n\t\t\t<ElPagination\n\t\t\t\tclass=\"fa-table-pagination\"\n\t\t\t\tsize=\"small\"\n\t\t\t\tvModel:currentPage={tableState.tablePagination.pageIndex}\n\t\t\t\tvModel:pageSize={tableState.tablePagination.pageSize}\n\t\t\t\tpageSizes={props.pageSizes}\n\t\t\t\tbackground\n\t\t\t\tlayout=\"jumper, prev, pager, next, sizes, total\"\n\t\t\t\ttotal={tableState.tablePagination.totalRows}\n\t\t\t\tonSizeChange={handleSizeChange}\n\t\t\t\tonCurrentChange={(currentPage: number) => emit(\"currentChange\", currentPage)}\n\t\t\t/>\n\t\t));\n\t},\n});\n"],"mappings":"0SAMA,IAAA,iBAAeA,EAAgB,CAC9BW,KAAM,oBACNC,MAAO,CAENC,UAAW,CACVC,KAAMR,EAAyBS,OAC/BC,QAAS,CAAC,GAAI,GAAI,GAAI,OAGxBC,MAAO,CAENC,WAAaC,GAAqBV,EAASU,IAAaX,EAAOW,GAE/DC,cAAgBC,GAAwBZ,EAASY,IAAgBb,EAAOa,IAEzEC,KAAAA,CAAMV,GAAO,KAAEW,IACd,MAAMC,EAAavB,EAAOS,GAEpBe,EAAoBN,IACrBA,EAAW,KACdf,EAAe,CACdsB,MAAO,KACPC,QAAS,4BACTb,KAAM,UACNc,SAAU,MAGZL,EAAK,aAAcJ,IAGpBZ,EAAAA,IAAUJ,EAAAE,EAAA,CAAA,MAAA,sBAAA,KAAA,QAAA,YAIYmB,EAAWK,gBAAgBC,UAAS,uBAAAC,GAApCP,EAAWK,gBAAgBC,UAASC,EAAA,SACvCP,EAAWK,gBAAgBV,SAAQ,oBAAAY,GAAnCP,EAAWK,gBAAgBV,SAAQY,EAAA,UACzCnB,EAAMC,UAAS,YAAA,EAAA,OAAA,0CAAA,MAGnBW,EAAWK,gBAAgBG,UAAS,aAC7BP,EAAgB,gBACZJ,GAAwBE,EAAK,gBAAiBF,IAAY"}

package/es/components/table/src/tableSearchForm.mjs

@@ -1,2 +1,2 @@
-import{isVNode as e,defineComponent as l,ref as a,inject as o,computed as s,reactive as r,watch as t,createVNode as c,mergeProps as n,createTextVNode as i}from"vue";import{useGlobalSize as m,ElButton as d,ElIcon as h}from"element-plus";import{Refresh as u,Eleme as f,Search as p,ArrowDown as b,ArrowUp as g}from"@element-plus/icons-vue";import{FaDrawer as v}from"../../drawer/index.mjs";import{FaLayoutGrid as C,FaLayoutGridItem as y}from"../../layoutGrid/index.mjs";import{Brush as k}from"@fast-element-plus/icons-vue";import{withDefineType as _,useRender as S,makeSlots as w,definePropType as x}from"@fast-china/utils";import{getTableDefaultSlots as P}from"./table.type.mjs";import j from"./tableSearchFormItem.mjs";import{tableStateKey as B}from"./useTable.mjs";const F=/* @__PURE__ */l({name:"FaTableSearchForm",props:{show:{type:Boolean,required:!0},collapsedSearch:{type:Boolean,default:!0},advancedSearchDrawer:{type:Boolean,default:!1},cols:{type:x([String,Number,Object]),default:()=>({xs:2,sm:3,md:4,lg:5,xl:6})},search:{type:x(Function),required:!0},reset:{type:x(Function),required:!0}},slots:w(),setup(l,{slots:w,expose:x}){const F=m(),D=a(),I=o(B),T=s(()=>D.value?.breakPoint),q=r({refreshing:!1,height:"auto",collapsed:!0,showCollapsed:s(()=>{let e=!1;return I.searchColumns.reduce((a,o)=>(a+=(o.search[T.value]?.span??o.search?.span??1)+(o.search[T.value]?.offset??o.search?.offset??0),"number"!=typeof l.cols?a>=l.cols[T.value]&&(e=!0):a>=l.cols&&(e=!0),a),0),e}),searchColumns:_([]),advancedSearchColumns:_([]),breakPoint:void 0}),O=a(),z=a(),G=e=>({span:e?.span,offset:e?.offset??0,xs:e?.xs,sm:e?.sm,md:e?.md,lg:e?.lg,xl:e?.xl}),N=({breakPoint:e})=>{q.breakPoint=l.cols[e]-1,q.searchColumns=I.searchColumns.filter(e=>e?.show).slice(0,q.breakPoint),q.advancedSearchColumns=I.searchColumns.filter(e=>e?.show).slice(q.breakPoint)};t(()=>I.searchColumns,()=>{q.breakPoint&&(q.searchColumns=I.searchColumns.filter(e=>e?.show).slice(0,q.breakPoint),q.advancedSearchColumns=I.searchColumns.filter(e=>e?.show).slice(q.breakPoint))});const R=s(()=>l.advancedSearchDrawer?q.searchColumns:I.searchColumns);t(()=>l.advancedSearchDrawer,e=>{q.collapsed=!!e||l.collapsedSearch,q.refreshing=!0,setTimeout(()=>{q.refreshing=!1},1)}),t(()=>l.collapsedSearch,e=>{l.collapsedSearch?q.collapsed=!0:q.collapsed=e},{immediate:!0}),S(()=>{let a;return I.searchColumns.length>0&&c("div",{ref:O,class:["el-card fa-table__search",{"fa-table__search-hidden":!l.show,"fa-table__search__disable":I.loading}]},[c("form",{class:"el-form el-form--default el-form--label-right"},[!q.refreshing&&c(C,{ref:D,collapsed:q.collapsed,gap:"small"===F.value?[20,0]:[20,10],cols:l.cols,onBreakPointChange:N},{default:()=>[R.value.map((e,a)=>c(y,n({key:e?.search?.key??e.prop},G(e.search),{index:a}),{default:()=>[c("div",{class:"el-form-item el-form-item--default el-form-item--label-right"},[c("label",{class:"el-form-item__label"},[e.search.label]),c("div",{class:"el-form-item__content"},[e.search?.slot?w[e.search.slot]&&w[e.search.slot]({column:e,search:l.search,...P(I)}):c(j,{column:e,search:l.search},null)])])]})),c(y,{suffix:!0},{default:()=>[c("div",{class:"fa-table__search-operation"},[c(d,{loading:I.loading,loadingIcon:f,title:"搜索",type:"primary",plain:!0,icon:u,onClick:()=>l.search()},{default:()=>[i("搜索")]}),c(d,{loading:I.loading,loadingIcon:f,title:"重置",icon:k,onClick:()=>l.reset()},{default:()=>[i("重置")]}),l.advancedSearchDrawer?q.advancedSearchColumns.length>0&&c(d,{loading:I.loading,loadingIcon:f,title:"高级搜索",type:"info",plain:!0,icon:p,onClick:()=>z.value.open()},{default:()=>[i("高级搜索")]}):q.showCollapsed&&c(d,{loading:I.loading,loadingIcon:f,title:q.collapsed?"展开":"折叠",link:!0,type:"primary",onClick:()=>{q.collapsed=!q.collapsed}},{default:()=>[q.collapsed?"展开":"折叠",c(h,null,{default:()=>[q.collapsed?c(b,null,null):c(g,null,null)]})]})])]})]})]),l.advancedSearchDrawer&&q.advancedSearchColumns.length>0&&c(v,{ref:z,class:"fa-table__search-advanced",size:"20%",title:"高级搜索",appendToBody:!1,showCloseButton:!1,showConfirmButton:!1,showFullscreen:!1,showRefresh:!1,onConfirmClick:()=>l.search()},{default:()=>{return[c("form",{class:"el-form el-form--default el-form--label-top"},[c(C,{gap:[20,0],cols:{xs:2,sm:3,md:4,lg:5,xl:6}},(o=a=q.advancedSearchColumns.map((e,a)=>c(y,n({key:e.prop??e?.search?.key},G(e.search),{index:a}),{default:()=>[c("div",{class:"el-form-item el-form-item--default el-form-item--label-top"},[c("label",{class:"el-form-item__label"},[e.search.label]),c("div",{class:"el-form-item__content"},[e.search.slot?w[e.search.slot]&&w[e.search.slot]({column:e,search:l.search,...P(I)}):c(j,{column:e,search:l.search},null)])])]})),"function"==typeof o||"[object Object]"===Object.prototype.toString.call(o)&&!e(o)?a:{default:()=>[a]}))])];var o}})])})}});export{F as default};
-//# sourceMappingURL=tableSearchForm.mjs.map
+import e from"../../drawer/index.mjs";import l,{FaLayoutGridItem as a}from"../../layoutGrid/index.mjs";import{getTableDefaultSlots as o}from"./table.type.mjs";import{tableStateKey as s}from"./useTable.mjs";import r from"./tableSearchFormItem.mjs";import{Brush as t}from"@fast-element-plus/icons-vue";import{definePropType as c,makeSlots as n,useRender as i,withDefineType as m}from"@fast-china/utils";import{computed as d,createTextVNode as h,createVNode as u,defineComponent as f,inject as p,isVNode as b,mergeProps as g,reactive as v,ref as C,watch as y}from"vue";import{ElButton as k,ElIcon as _,useGlobalSize as S}from"element-plus";import{ArrowDown as w,ArrowUp as x,Eleme as P,Refresh as j,Search as B}from"@element-plus/icons-vue";var F=/* @__PURE__ */f({name:"FaTableSearchForm",props:{show:{type:Boolean,required:!0},collapsedSearch:{type:Boolean,default:!0},advancedSearchDrawer:{type:Boolean,default:!1},cols:{type:c([String,Number,Object]),default:()=>({xs:2,sm:3,md:4,lg:5,xl:6})},search:{type:c(Function),required:!0},reset:{type:c(Function),required:!0}},slots:n(),setup(c,{slots:n,expose:f}){const F=S(),D=C(),I=p(s),T=d(()=>D.value?.breakPoint),q=v({refreshing:!1,height:"auto",collapsed:!0,showCollapsed:d(()=>{let e=!1;return I.searchColumns.reduce((l,a)=>(l+=(a.search[T.value]?.span??a.search?.span??1)+(a.search[T.value]?.offset??a.search?.offset??0),"number"!=typeof c.cols?l>=c.cols[T.value]&&(e=!0):l>=c.cols&&(e=!0),l),0),e}),searchColumns:m([]),advancedSearchColumns:m([]),breakPoint:void 0}),O=C(),z=C(),G=e=>({span:e?.span,offset:e?.offset??0,xs:e?.xs,sm:e?.sm,md:e?.md,lg:e?.lg,xl:e?.xl}),N=({breakPoint:e})=>{q.breakPoint=c.cols[e]-1,q.searchColumns=I.searchColumns.filter(e=>e?.show).slice(0,q.breakPoint),q.advancedSearchColumns=I.searchColumns.filter(e=>e?.show).slice(q.breakPoint)};y(()=>I.searchColumns,()=>{q.breakPoint&&(q.searchColumns=I.searchColumns.filter(e=>e?.show).slice(0,q.breakPoint),q.advancedSearchColumns=I.searchColumns.filter(e=>e?.show).slice(q.breakPoint))});const R=d(()=>c.advancedSearchDrawer?q.searchColumns:I.searchColumns);y(()=>c.advancedSearchDrawer,e=>{q.collapsed=!!e||c.collapsedSearch,q.refreshing=!0,setTimeout(()=>{q.refreshing=!1},1)}),y(()=>c.collapsedSearch,e=>{c.collapsedSearch?q.collapsed=!0:q.collapsed=e},{immediate:!0}),i(()=>{let s;return I.searchColumns.length>0&&u("div",{ref:O,class:["el-card fa-table__search",{"fa-table__search-hidden":!c.show,"fa-table__search__disable":I.loading}]},[u("form",{class:"el-form el-form--default el-form--label-right"},[!q.refreshing&&u(l,{ref:D,collapsed:q.collapsed,gap:"small"===F.value?[20,0]:[20,10],cols:c.cols,onBreakPointChange:N},{default:()=>[R.value.map((e,l)=>u(a,g({key:e?.search?.key??e.prop},G(e.search),{index:l}),{default:()=>[u("div",{class:"el-form-item el-form-item--default el-form-item--label-right"},[u("label",{class:"el-form-item__label"},[e.search.label]),u("div",{class:"el-form-item__content"},[e.search?.slot?n[e.search.slot]&&n[e.search.slot]({column:e,search:c.search,...o(I)}):u(r,{column:e,search:c.search},null)])])]})),u(a,{suffix:!0},{default:()=>[u("div",{class:"fa-table__search-operation"},[u(k,{loading:I.loading,loadingIcon:P,title:"搜索",type:"primary",plain:!0,icon:j,onClick:()=>c.search()},{default:()=>[h("搜索")]}),u(k,{loading:I.loading,loadingIcon:P,title:"重置",icon:t,onClick:()=>c.reset()},{default:()=>[h("重置")]}),c.advancedSearchDrawer?q.advancedSearchColumns.length>0&&u(k,{loading:I.loading,loadingIcon:P,title:"高级搜索",type:"info",plain:!0,icon:B,onClick:()=>z.value.open()},{default:()=>[h("高级搜索")]}):q.showCollapsed&&u(k,{loading:I.loading,loadingIcon:P,title:q.collapsed?"展开":"折叠",link:!0,type:"primary",onClick:()=>{q.collapsed=!q.collapsed}},{default:()=>[q.collapsed?"展开":"折叠",u(_,null,{default:()=>[q.collapsed?u(w,null,null):u(x,null,null)]})]})])]})]})]),c.advancedSearchDrawer&&q.advancedSearchColumns.length>0&&u(e,{ref:z,class:"fa-table__search-advanced",size:"20%",title:"高级搜索",appendToBody:!1,showCloseButton:!1,showConfirmButton:!1,showFullscreen:!1,showRefresh:!1,onConfirmClick:()=>c.search()},{default:()=>{return[u("form",{class:"el-form el-form--default el-form--label-top"},[u(l,{gap:[20,0],cols:{xs:2,sm:3,md:4,lg:5,xl:6}},(e=s=q.advancedSearchColumns.map((e,l)=>u(a,g({key:e.prop??e?.search?.key},G(e.search),{index:l}),{default:()=>[u("div",{class:"el-form-item el-form-item--default el-form-item--label-top"},[u("label",{class:"el-form-item__label"},[e.search.label]),u("div",{class:"el-form-item__content"},[e.search.slot?n[e.search.slot]&&n[e.search.slot]({column:e,search:c.search,...o(I)}):u(r,{column:e,search:c.search},null)])])]})),"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!b(e)?s:{default:()=>[s]}))])];var e}})])})}});export{F as default};
+//# sourceMappingURL=tableSearchForm.mjs.map

package/es/components/table/src/tableSearchForm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tableSearchForm.mjs","sources":["../../../../../packages/components/table/src/tableSearchForm.tsx"],"sourcesContent":["import { computed, defineComponent, inject, reactive, ref, watch } from \"vue\";\nimport { ElButton, ElIcon, useGlobalSize } from \"element-plus\";\nimport { ArrowDown, ArrowUp, Eleme, Refresh, Search } from \"@element-plus/icons-vue\";\nimport { FaDrawer } from \"@fast-element-plus/components/drawer\";\nimport { FaLayoutGrid, FaLayoutGridItem } from \"@fast-element-plus/components/layoutGrid\";\nimport { Brush } from \"@fast-element-plus/icons-vue\";\nimport { definePropType, makeSlots, useRender, withDefineType } from \"@fast-china/utils\";\nimport { getTableDefaultSlots } from \"./table.type\";\nimport FaTableSearchFormItem from \"./tableSearchFormItem\";\nimport { tableStateKey } from \"./useTable\";\nimport type { FaTableColumnCtx, FaTableDefaultSlotsResult, FaTableSearchColumnCtx } from \"./table.type\";\nimport type { FaDrawerInstance } from \"@fast-element-plus/components/drawer\";\nimport type { FaLayoutGridBreakPoint, FaLayoutGridInstance, FaLayoutGridItemResponsive } from \"@fast-element-plus/components/layoutGrid\";\n\ntype FaTableSearchFormSlots = {\n\t[key: string]: FaTableDefaultSlotsResult & {\n\t\tcolumn?: FaTableColumnCtx;\n\t\tsearch?: () => void;\n\t};\n};\n\nexport default defineComponent({\n\tname: \"FaTableSearchForm\",\n\tprops: {\n\t\t/** @description 显示 */\n\t\tshow: {\n\t\t\ttype: Boolean,\n\t\t\trequired: true,\n\t\t},\n\t\t/** @description 折叠搜素 */\n\t\tcollapsedSearch: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t\t/** @description 高级搜素抽屉 */\n\t\tadvancedSearchDrawer: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\t/** @description Grid布局列配置 */\n\t\tcols: {\n\t\t\ttype: definePropType<string | number | Record<FaLayoutGridBreakPoint, number>>([String, Number, Object]),\n\t\t\tdefault: () => ({ xs: 2, sm: 3, md: 4, lg: 5, xl: 6 }),\n\t\t},\n\t\t/** @description 搜索 */\n\t\tsearch: {\n\t\t\ttype: definePropType<() => void>(Function),\n\t\t\trequired: true,\n\t\t},\n\t\t/** @description 重置 */\n\t\treset: {\n\t\t\ttype: definePropType<() => void>(Function),\n\t\t\trequired: true,\n\t\t},\n\t},\n\tslots: makeSlots<FaTableSearchFormSlots>(),\n\tsetup(props, { slots, expose }) {\n\t\tconst _globalSize = useGlobalSize();\n\n\t\t// 获取响应式断点\n\t\tconst gridRef = ref<FaLayoutGridInstance>();\n\n\t\tconst tableState = inject(tableStateKey);\n\n\t\tconst breakPoint = computed<FaLayoutGridBreakPoint>(() => gridRef.value?.breakPoint);\n\n\t\tconst state = reactive({\n\t\t\trefreshing: false,\n\t\t\theight: \"auto\",\n\t\t\t/** 折叠 */\n\t\t\tcollapsed: true,\n\t\t\t/** 显示折叠 */\n\t\t\tshowCollapsed: computed(() => {\n\t\t\t\tlet show = false;\n\t\t\t\ttableState.searchColumns.reduce((prev, current) => {\n\t\t\t\t\tprev +=\n\t\t\t\t\t\t(current.search[breakPoint.value]?.span ?? current.search?.span ?? 1) +\n\t\t\t\t\t\t(current.search[breakPoint.value]?.offset ?? current.search?.offset ?? 0);\n\t\t\t\t\tif (typeof props.cols !== \"number\") {\n\t\t\t\t\t\tif (prev >= props.cols[breakPoint.value]) show = true;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (prev >= props.cols) show = true;\n\t\t\t\t\t}\n\t\t\t\t\treturn prev;\n\t\t\t\t}, 0);\n\t\t\t\treturn show;\n\t\t\t}),\n\t\t\tsearchColumns: withDefineType<FaTableColumnCtx[]>([]),\n\t\t\tadvancedSearchColumns: withDefineType<FaTableColumnCtx[]>([]),\n\t\t\tbreakPoint: undefined,\n\t\t});\n\n\t\tconst faTableSearchFormRef = ref<HTMLElement>();\n\t\tconst advancedSearchRef = ref<FaDrawerInstance>();\n\n\t\t// 获取响应式设置\n\t\tconst getResponsive = (\n\t\t\titem: FaTableSearchColumnCtx\n\t\t): {\n\t\t\tspan: number;\n\t\t\toffset: number;\n\t\t\txs: FaLayoutGridItemResponsive;\n\t\t\tsm: FaLayoutGridItemResponsive;\n\t\t\tmd: FaLayoutGridItemResponsive;\n\t\t\tlg: FaLayoutGridItemResponsive;\n\t\t\txl: FaLayoutGridItemResponsive;\n\t\t} => {\n\t\t\treturn {\n\t\t\t\tspan: item?.span,\n\t\t\t\toffset: item?.offset ?? 0,\n\t\t\t\txs: item?.xs,\n\t\t\t\tsm: item?.sm,\n\t\t\t\tmd: item?.md,\n\t\t\t\tlg: item?.lg,\n\t\t\t\txl: item?.xl,\n\t\t\t};\n\t\t};\n\n\t\tconst handleBreakPointChange = ({ breakPoint }: { breakPoint: FaLayoutGridBreakPoint }): void => {\n\t\t\t// 这里 -1 是排除固定的\n\t\t\tstate.breakPoint = props.cols[breakPoint] - 1;\n\t\t\tstate.searchColumns = tableState.searchColumns.filter((f) => f?.show).slice(0, state.breakPoint);\n\t\t\tstate.advancedSearchColumns = tableState.searchColumns.filter((f) => f?.show).slice(state.breakPoint);\n\t\t};\n\n\t\twatch(\n\t\t\t() => tableState.searchColumns,\n\t\t\t() => {\n\t\t\t\tif (state.breakPoint) {\n\t\t\t\t\tstate.searchColumns = tableState.searchColumns.filter((f) => f?.show).slice(0, state.breakPoint);\n\t\t\t\t\tstate.advancedSearchColumns = tableState.searchColumns.filter((f) => f?.show).slice(state.breakPoint);\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\tconst searchColumns = computed(() => (props.advancedSearchDrawer ? state.searchColumns : tableState.searchColumns));\n\n\t\twatch(\n\t\t\t() => props.advancedSearchDrawer,\n\t\t\t(newValue) => {\n\t\t\t\tif (newValue) {\n\t\t\t\t\t// 抽屉默认折叠\n\t\t\t\t\tstate.collapsed = true;\n\t\t\t\t} else {\n\t\t\t\t\tstate.collapsed = props.collapsedSearch;\n\t\t\t\t}\n\t\t\t\tstate.refreshing = true;\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tstate.refreshing = false;\n\t\t\t\t}, 1);\n\t\t\t}\n\t\t);\n\n\t\twatch(\n\t\t\t() => props.collapsedSearch,\n\t\t\t(newValue) => {\n\t\t\t\tif (!props.collapsedSearch) {\n\t\t\t\t\tstate.collapsed = newValue;\n\t\t\t\t} else {\n\t\t\t\t\t// 抽屉默认折叠\n\t\t\t\t\tstate.collapsed = true;\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\timmediate: true,\n\t\t\t}\n\t\t);\n\n\t\tuseRender(\n\t\t\t() =>\n\t\t\t\ttableState.searchColumns.length > 0 && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={faTableSearchFormRef}\n\t\t\t\t\t\tclass={[\n\t\t\t\t\t\t\t\"el-card fa-table__search\",\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\"fa-table__search-hidden\": !props.show,\n\t\t\t\t\t\t\t\t\"fa-table__search__disable\": tableState.loading,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t]}\n\t\t\t\t\t>\n\t\t\t\t\t\t<form class=\"el-form el-form--default el-form--label-right\">\n\t\t\t\t\t\t\t{!state.refreshing && (\n\t\t\t\t\t\t\t\t<FaLayoutGrid\n\t\t\t\t\t\t\t\t\tref={gridRef}\n\t\t\t\t\t\t\t\t\tcollapsed={state.collapsed}\n\t\t\t\t\t\t\t\t\tgap={_globalSize.value === \"small\" ? [20, 0] : [20, 10]}\n\t\t\t\t\t\t\t\t\tcols={props.cols}\n\t\t\t\t\t\t\t\t\tonBreakPointChange={handleBreakPointChange}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{searchColumns.value.map((item, index) => (\n\t\t\t\t\t\t\t\t\t\t<FaLayoutGridItem key={item?.search?.key ?? item.prop} {...getResponsive(item.search)} index={index}>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"el-form-item el-form-item--default el-form-item--label-right\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"el-form-item__label\">{item.search.label}</label>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"el-form-item__content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{item.search?.slot ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tslots[item.search.slot] &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tslots[item.search.slot]({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolumn: item,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsearch: props.search,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t...getTableDefaultSlots(tableState),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<FaTableSearchFormItem column={item} search={props.search} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</FaLayoutGridItem>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t<FaLayoutGridItem suffix>\n\t\t\t\t\t\t\t\t\t\t<div class=\"fa-table__search-operation\">\n\t\t\t\t\t\t\t\t\t\t\t<ElButton\n\t\t\t\t\t\t\t\t\t\t\t\tloading={tableState.loading}\n\t\t\t\t\t\t\t\t\t\t\t\tloadingIcon={Eleme}\n\t\t\t\t\t\t\t\t\t\t\t\ttitle=\"搜索\"\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\t\t\t\t\t\t\t\tplain\n\t\t\t\t\t\t\t\t\t\t\t\ticon={Refresh}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => props.search()}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t搜索\n\t\t\t\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t\t\t\t\t<ElButton\n\t\t\t\t\t\t\t\t\t\t\t\tloading={tableState.loading}\n\t\t\t\t\t\t\t\t\t\t\t\tloadingIcon={Eleme}\n\t\t\t\t\t\t\t\t\t\t\t\ttitle=\"重置\"\n\t\t\t\t\t\t\t\t\t\t\t\ticon={Brush}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => props.reset()}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t重置\n\t\t\t\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t\t\t\t\t{props.advancedSearchDrawer\n\t\t\t\t\t\t\t\t\t\t\t\t? state.advancedSearchColumns.length > 0 && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ElButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tloading={tableState.loading}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tloadingIcon={Eleme}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle=\"高级搜索\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"info\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplain\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={Search}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => advancedSearchRef.value.open()}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t高级搜索\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t: state.showCollapsed && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ElButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tloading={tableState.loading}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tloadingIcon={Eleme}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle={state.collapsed ? \"展开\" : \"折叠\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlink\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstate.collapsed = !state.collapsed;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{state.collapsed ? \"展开\" : \"折叠\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ElIcon>{state.collapsed ? <ArrowDown /> : <ArrowUp />}</ElIcon>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</FaLayoutGridItem>\n\t\t\t\t\t\t\t\t</FaLayoutGrid>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</form>\n\t\t\t\t\t\t{props.advancedSearchDrawer && state.advancedSearchColumns.length > 0 && (\n\t\t\t\t\t\t\t<FaDrawer\n\t\t\t\t\t\t\t\tref={advancedSearchRef}\n\t\t\t\t\t\t\t\tclass=\"fa-table__search-advanced\"\n\t\t\t\t\t\t\t\tsize=\"20%\"\n\t\t\t\t\t\t\t\ttitle=\"高级搜索\"\n\t\t\t\t\t\t\t\tappendToBody={false}\n\t\t\t\t\t\t\t\tshowCloseButton={false}\n\t\t\t\t\t\t\t\tshowConfirmButton={false}\n\t\t\t\t\t\t\t\tshowFullscreen={false}\n\t\t\t\t\t\t\t\tshowRefresh={false}\n\t\t\t\t\t\t\t\tonConfirmClick={() => props.search()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<form class=\"el-form el-form--default el-form--label-top\">\n\t\t\t\t\t\t\t\t\t<FaLayoutGrid gap={[20, 0]} cols={{ xs: 2, sm: 3, md: 4, lg: 5, xl: 6 }}>\n\t\t\t\t\t\t\t\t\t\t{state.advancedSearchColumns.map((item, index) => (\n\t\t\t\t\t\t\t\t\t\t\t<FaLayoutGridItem key={item.prop ?? item?.search?.key} {...getResponsive(item.search)} index={index}>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"el-form-item el-form-item--default el-form-item--label-top\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"el-form-item__label\">{item.search.label}</label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"el-form-item__content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.search.slot ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tslots[item.search.slot] &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tslots[item.search.slot]({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolumn: item,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsearch: props.search,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t...getTableDefaultSlots(tableState),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<FaTableSearchFormItem column={item} search={props.search} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</FaLayoutGridItem>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</FaLayoutGrid>\n\t\t\t\t\t\t\t\t</form>\n\t\t\t\t\t\t\t</FaDrawer>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)\n\t\t);\n\t},\n});\n"],"names":["TableSearchForm","name","props","show","type","Boolean","required","collapsedSearch","default","advancedSearchDrawer","cols","definePropType","String","Number","Object","xs","sm","md","lg","xl","search","Function","reset","slots","makeSlots","setup","expose","_globalSize","useGlobalSize","gridRef","ref","tableState","inject","tableStateKey","breakPoint","computed","value","state","reactive","refreshing","height","collapsed","showCollapsed","searchColumns","reduce","prev","current","span","offset","withDefineType","advancedSearchColumns","undefined","faTableSearchFormRef","advancedSearchRef","getResponsive","item","handleBreakPointChange","filter","f","slice","watch","newValue","setTimeout","immediate","useRender","_slot","length","_createVNode","class","loading","FaLayoutGrid","gap","onBreakPointChange","map","index","FaLayoutGridItem","_mergeProps","key","prop","label","slot","column","getTableDefaultSlots","FaTableSearchFormItem","suffix","ElButton","loadingIcon","Eleme","title","plain","icon","Refresh","onClick","_createTextVNode","Brush","Search","open","link","ElIcon","ArrowDown","ArrowUp","FaDrawer","size","appendToBody","showCloseButton","showConfirmButton","showFullscreen","showRefresh","onConfirmClick","s","prototype","toString","call","_isVNode"],"mappings":"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"}
+{"version":3,"file":"tableSearchForm.mjs","names":["computed","defineComponent","inject","reactive","ref","watch","createVNode","_createVNode","mergeProps","_mergeProps","createTextVNode","_createTextVNode","isVNode","_isVNode","ElButton","ElIcon","useGlobalSize","ArrowDown","ArrowUp","Eleme","Refresh","Search","FaDrawer","FaLayoutGrid","FaLayoutGridItem","Brush","definePropType","makeSlots","useRender","withDefineType","getTableDefaultSlots","FaTableSearchFormItem","tableStateKey","_isSlot","s","Object","prototype","toString","call","name","props","show","type","Boolean","required","collapsedSearch","default","advancedSearchDrawer","cols","String","Number","xs","sm","md","lg","xl","search","Function","reset","slots","setup","expose","_globalSize","gridRef","tableState","breakPoint","value","state","refreshing","height","collapsed","showCollapsed","searchColumns","reduce","prev","current","span","offset","advancedSearchColumns","undefined","faTableSearchFormRef","advancedSearchRef","getResponsive","item","handleBreakPointChange","filter","f","slice","newValue","setTimeout","immediate","_slot","length","loading","map","index","key","prop","label","slot","column","onClick","open","onConfirmClick"],"sources":["../../../../../packages/components/table/src/tableSearchForm.tsx"],"sourcesContent":["import { computed, defineComponent, inject, reactive, ref, watch } from \"vue\";\nimport { ElButton, ElIcon, useGlobalSize } from \"element-plus\";\nimport { ArrowDown, ArrowUp, Eleme, Refresh, Search } from \"@element-plus/icons-vue\";\nimport { FaDrawer } from \"@fast-element-plus/components/drawer\";\nimport { FaLayoutGrid, FaLayoutGridItem } from \"@fast-element-plus/components/layoutGrid\";\nimport { Brush } from \"@fast-element-plus/icons-vue\";\nimport { definePropType, makeSlots, useRender, withDefineType } from \"@fast-china/utils\";\nimport { getTableDefaultSlots } from \"./table.type\";\nimport FaTableSearchFormItem from \"./tableSearchFormItem\";\nimport { tableStateKey } from \"./useTable\";\nimport type { FaTableColumnCtx, FaTableDefaultSlotsResult, FaTableSearchColumnCtx } from \"./table.type\";\nimport type { FaDrawerInstance } from \"@fast-element-plus/components/drawer\";\nimport type { FaLayoutGridBreakPoint, FaLayoutGridInstance, FaLayoutGridItemResponsive } from \"@fast-element-plus/components/layoutGrid\";\n\ntype FaTableSearchFormSlots = {\n\t[key: string]: FaTableDefaultSlotsResult & {\n\t\tcolumn?: FaTableColumnCtx;\n\t\tsearch?: () => void;\n\t};\n};\n\nexport default defineComponent({\n\tname: \"FaTableSearchForm\",\n\tprops: {\n\t\t/** @description 显示 */\n\t\tshow: {\n\t\t\ttype: Boolean,\n\t\t\trequired: true,\n\t\t},\n\t\t/** @description 折叠搜素 */\n\t\tcollapsedSearch: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t\t/** @description 高级搜素抽屉 */\n\t\tadvancedSearchDrawer: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\t/** @description Grid布局列配置 */\n\t\tcols: {\n\t\t\ttype: definePropType<string | number | Record<FaLayoutGridBreakPoint, number>>([String, Number, Object]),\n\t\t\tdefault: () => ({ xs: 2, sm: 3, md: 4, lg: 5, xl: 6 }),\n\t\t},\n\t\t/** @description 搜索 */\n\t\tsearch: {\n\t\t\ttype: definePropType<() => void>(Function),\n\t\t\trequired: true,\n\t\t},\n\t\t/** @description 重置 */\n\t\treset: {\n\t\t\ttype: definePropType<() => void>(Function),\n\t\t\trequired: true,\n\t\t},\n\t},\n\tslots: makeSlots<FaTableSearchFormSlots>(),\n\tsetup(props, { slots, expose }) {\n\t\tconst _globalSize = useGlobalSize();\n\n\t\t// 获取响应式断点\n\t\tconst gridRef = ref<FaLayoutGridInstance>();\n\n\t\tconst tableState = inject(tableStateKey);\n\n\t\tconst breakPoint = computed<FaLayoutGridBreakPoint>(() => gridRef.value?.breakPoint);\n\n\t\tconst state = reactive({\n\t\t\trefreshing: false,\n\t\t\theight: \"auto\",\n\t\t\t/** 折叠 */\n\t\t\tcollapsed: true,\n\t\t\t/** 显示折叠 */\n\t\t\tshowCollapsed: computed(() => {\n\t\t\t\tlet show = false;\n\t\t\t\ttableState.searchColumns.reduce((prev, current) => {\n\t\t\t\t\tprev +=\n\t\t\t\t\t\t(current.search[breakPoint.value]?.span ?? current.search?.span ?? 1) +\n\t\t\t\t\t\t(current.search[breakPoint.value]?.offset ?? current.search?.offset ?? 0);\n\t\t\t\t\tif (typeof props.cols !== \"number\") {\n\t\t\t\t\t\tif (prev >= props.cols[breakPoint.value]) show = true;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (prev >= props.cols) show = true;\n\t\t\t\t\t}\n\t\t\t\t\treturn prev;\n\t\t\t\t}, 0);\n\t\t\t\treturn show;\n\t\t\t}),\n\t\t\tsearchColumns: withDefineType<FaTableColumnCtx[]>([]),\n\t\t\tadvancedSearchColumns: withDefineType<FaTableColumnCtx[]>([]),\n\t\t\tbreakPoint: undefined,\n\t\t});\n\n\t\tconst faTableSearchFormRef = ref<HTMLElement>();\n\t\tconst advancedSearchRef = ref<FaDrawerInstance>();\n\n\t\t// 获取响应式设置\n\t\tconst getResponsive = (\n\t\t\titem: FaTableSearchColumnCtx\n\t\t): {\n\t\t\tspan: number;\n\t\t\toffset: number;\n\t\t\txs: FaLayoutGridItemResponsive;\n\t\t\tsm: FaLayoutGridItemResponsive;\n\t\t\tmd: FaLayoutGridItemResponsive;\n\t\t\tlg: FaLayoutGridItemResponsive;\n\t\t\txl: FaLayoutGridItemResponsive;\n\t\t} => {\n\t\t\treturn {\n\t\t\t\tspan: item?.span,\n\t\t\t\toffset: item?.offset ?? 0,\n\t\t\t\txs: item?.xs,\n\t\t\t\tsm: item?.sm,\n\t\t\t\tmd: item?.md,\n\t\t\t\tlg: item?.lg,\n\t\t\t\txl: item?.xl,\n\t\t\t};\n\t\t};\n\n\t\tconst handleBreakPointChange = ({ breakPoint }: { breakPoint: FaLayoutGridBreakPoint }): void => {\n\t\t\t// 这里 -1 是排除固定的\n\t\t\tstate.breakPoint = props.cols[breakPoint] - 1;\n\t\t\tstate.searchColumns = tableState.searchColumns.filter((f) => f?.show).slice(0, state.breakPoint);\n\t\t\tstate.advancedSearchColumns = tableState.searchColumns.filter((f) => f?.show).slice(state.breakPoint);\n\t\t};\n\n\t\twatch(\n\t\t\t() => tableState.searchColumns,\n\t\t\t() => {\n\t\t\t\tif (state.breakPoint) {\n\t\t\t\t\tstate.searchColumns = tableState.searchColumns.filter((f) => f?.show).slice(0, state.breakPoint);\n\t\t\t\t\tstate.advancedSearchColumns = tableState.searchColumns.filter((f) => f?.show).slice(state.breakPoint);\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\t// @ts-ignore ts(2589)\n\t\tconst searchColumns = computed(() => (props.advancedSearchDrawer ? state.searchColumns : tableState.searchColumns));\n\n\t\twatch(\n\t\t\t() => props.advancedSearchDrawer,\n\t\t\t(newValue) => {\n\t\t\t\tif (newValue) {\n\t\t\t\t\t// 抽屉默认折叠\n\t\t\t\t\tstate.collapsed = true;\n\t\t\t\t} else {\n\t\t\t\t\tstate.collapsed = props.collapsedSearch;\n\t\t\t\t}\n\t\t\t\tstate.refreshing = true;\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tstate.refreshing = false;\n\t\t\t\t}, 1);\n\t\t\t}\n\t\t);\n\n\t\twatch(\n\t\t\t() => props.collapsedSearch,\n\t\t\t(newValue) => {\n\t\t\t\tif (!props.collapsedSearch) {\n\t\t\t\t\tstate.collapsed = newValue;\n\t\t\t\t} else {\n\t\t\t\t\t// 抽屉默认折叠\n\t\t\t\t\tstate.collapsed = true;\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\timmediate: true,\n\t\t\t}\n\t\t);\n\n\t\tuseRender(\n\t\t\t() =>\n\t\t\t\ttableState.searchColumns.length > 0 && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={faTableSearchFormRef}\n\t\t\t\t\t\tclass={[\n\t\t\t\t\t\t\t\"el-card fa-table__search\",\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\"fa-table__search-hidden\": !props.show,\n\t\t\t\t\t\t\t\t\"fa-table__search__disable\": tableState.loading,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t]}\n\t\t\t\t\t>\n\t\t\t\t\t\t<form class=\"el-form el-form--default el-form--label-right\">\n\t\t\t\t\t\t\t{!state.refreshing && (\n\t\t\t\t\t\t\t\t<FaLayoutGrid\n\t\t\t\t\t\t\t\t\tref={gridRef}\n\t\t\t\t\t\t\t\t\tcollapsed={state.collapsed}\n\t\t\t\t\t\t\t\t\tgap={_globalSize.value === \"small\" ? [20, 0] : [20, 10]}\n\t\t\t\t\t\t\t\t\tcols={props.cols}\n\t\t\t\t\t\t\t\t\tonBreakPointChange={handleBreakPointChange}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{searchColumns.value.map((item, index) => (\n\t\t\t\t\t\t\t\t\t\t<FaLayoutGridItem key={item?.search?.key ?? item.prop} {...getResponsive(item.search)} index={index}>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"el-form-item el-form-item--default el-form-item--label-right\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"el-form-item__label\">{item.search.label}</label>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"el-form-item__content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{item.search?.slot ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tslots[item.search.slot] &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tslots[item.search.slot]({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolumn: item,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsearch: props.search,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t...getTableDefaultSlots(tableState),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<FaTableSearchFormItem column={item} search={props.search} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</FaLayoutGridItem>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t<FaLayoutGridItem suffix>\n\t\t\t\t\t\t\t\t\t\t<div class=\"fa-table__search-operation\">\n\t\t\t\t\t\t\t\t\t\t\t<ElButton\n\t\t\t\t\t\t\t\t\t\t\t\tloading={tableState.loading}\n\t\t\t\t\t\t\t\t\t\t\t\tloadingIcon={Eleme}\n\t\t\t\t\t\t\t\t\t\t\t\ttitle=\"搜索\"\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\t\t\t\t\t\t\t\tplain\n\t\t\t\t\t\t\t\t\t\t\t\ticon={Refresh}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => props.search()}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t搜索\n\t\t\t\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t\t\t\t\t<ElButton\n\t\t\t\t\t\t\t\t\t\t\t\tloading={tableState.loading}\n\t\t\t\t\t\t\t\t\t\t\t\tloadingIcon={Eleme}\n\t\t\t\t\t\t\t\t\t\t\t\ttitle=\"重置\"\n\t\t\t\t\t\t\t\t\t\t\t\ticon={Brush}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => props.reset()}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t重置\n\t\t\t\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t\t\t\t\t{props.advancedSearchDrawer\n\t\t\t\t\t\t\t\t\t\t\t\t? state.advancedSearchColumns.length > 0 && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ElButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tloading={tableState.loading}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tloadingIcon={Eleme}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle=\"高级搜索\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"info\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplain\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={Search}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => advancedSearchRef.value.open()}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t高级搜索\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t: state.showCollapsed && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ElButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tloading={tableState.loading}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tloadingIcon={Eleme}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle={state.collapsed ? \"展开\" : \"折叠\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlink\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstate.collapsed = !state.collapsed;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{state.collapsed ? \"展开\" : \"折叠\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ElIcon>{state.collapsed ? <ArrowDown /> : <ArrowUp />}</ElIcon>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</FaLayoutGridItem>\n\t\t\t\t\t\t\t\t</FaLayoutGrid>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</form>\n\t\t\t\t\t\t{props.advancedSearchDrawer && state.advancedSearchColumns.length > 0 && (\n\t\t\t\t\t\t\t<FaDrawer\n\t\t\t\t\t\t\t\tref={advancedSearchRef}\n\t\t\t\t\t\t\t\tclass=\"fa-table__search-advanced\"\n\t\t\t\t\t\t\t\tsize=\"20%\"\n\t\t\t\t\t\t\t\ttitle=\"高级搜索\"\n\t\t\t\t\t\t\t\tappendToBody={false}\n\t\t\t\t\t\t\t\tshowCloseButton={false}\n\t\t\t\t\t\t\t\tshowConfirmButton={false}\n\t\t\t\t\t\t\t\tshowFullscreen={false}\n\t\t\t\t\t\t\t\tshowRefresh={false}\n\t\t\t\t\t\t\t\tonConfirmClick={() => props.search()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<form class=\"el-form el-form--default el-form--label-top\">\n\t\t\t\t\t\t\t\t\t<FaLayoutGrid gap={[20, 0]} cols={{ xs: 2, sm: 3, md: 4, lg: 5, xl: 6 }}>\n\t\t\t\t\t\t\t\t\t\t{state.advancedSearchColumns.map((item, index) => (\n\t\t\t\t\t\t\t\t\t\t\t<FaLayoutGridItem key={item.prop ?? item?.search?.key} {...getResponsive(item.search)} index={index}>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"el-form-item el-form-item--default el-form-item--label-top\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<label class=\"el-form-item__label\">{item.search.label}</label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"el-form-item__content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.search.slot ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tslots[item.search.slot] &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tslots[item.search.slot]({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolumn: item,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsearch: props.search,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t...getTableDefaultSlots(tableState),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<FaTableSearchFormItem column={item} search={props.search} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</FaLayoutGridItem>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</FaLayoutGrid>\n\t\t\t\t\t\t\t\t</form>\n\t\t\t\t\t\t\t</FaDrawer>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)\n\t\t);\n\t},\n});\n"],"mappings":"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"}

package/es/components/table/src/tableSearchFormItem.mjs

@@ -1,2 +1,2 @@
-import{defineComponent as e,inject as l,reactive as c,createVNode as t,Fragment as r,h as a,resolveComponent as s}from"vue";import{ElOption as u}from"element-plus";import{withDefineType as n,dateUtil as o,useRender as m,makeSlots as i,definePropType as p}from"@fast-china/utils";import{isString as d}from"lodash-unified";import{getTableDefaultSlots as h}from"./table.type.mjs";import{tableStateKey as E,enumMapKey as S}from"./useTable.mjs";const f=["el-input","ELInput","el-input-number","ELInputNumber","el-select","ElSelect","el-select-v2","ElSelectV2","el-tree-select","ElTreeSelect","el-cascader","ElCascader","el-date-picker","ElDatePicker","el-time-picker","ElTimePicker","el-time-select","ElTimeSelect"],b=["el-select","ElSelect","el-select-v2","ElSelectV2","el-tree-select","ElTreeSelect"],g=["el-input","ELInput","el-input-number","ELInputNumber"],T=["el-select","ElSelect","el-select-v2","ElSelectV2","el-tree-select","ElTreeSelect","el-cascader","ElCascader"],k=/* @__PURE__ */e({name:"FaTableSearchFormItem",props:{column:{type:p(Object),required:!0,default:{}},search:{type:p(Function),required:!0}},slots:i(),setup(e,{slots:i}){const p=l(E),k=l(S),P=c({enumDict:n([])}),v=l=>{d(l)&&(l=l.trim()),p.searchParam[e.column?.search?.key??e.column.prop]=l},y=l=>{e.search()},D=()=>{const l=e.column.search,c={};if(f.includes(l?.el)&&(c.clearable=!0),b.includes(l?.el)&&(c.filterable=!0),g.includes(l?.el)&&(c.placeholder="请输入"),T.includes(l?.el)&&(c.placeholder="请选择"),["el-date-picker","ElDatePicker"].includes(l?.el)&&(c.unlinkPanels=!0,["datetimerange","daterange","monthrange","yearrange"].includes(l?.props?.type)?(c.defaultTime=o.getDefaultTime(),c.shortcuts=o.getShortcuts(),c.rangeSeparator="至",c.startPlaceholder="开始时间",c.endPlaceholder="结束时间"):(c.defaultTime=o.getSimpleTime(),c.shortcuts=o.getSimpleShortcuts())),["el-time-picker","ElTimePicker"].includes(l?.el)&&l?.props?.isRange&&(c.rangeSeparator="至",c.startPlaceholder="开始时间",c.endPlaceholder="结束时间"),["el-select","ElSelect","el-select-v2","ElSelectV2","el-cascader","ElCascader","el-tree-select","ElTreeSelect"].includes(l?.el)){let l;l=e.column.enum&&d(e.column.enum)?k.get(e.column.enum):k.get(e.column.prop??e.column.search?.key),l=l.filter(e=>!1!==e?.show),P.enumDict=l??[]}return["el-select-v2","ElSelectV2","el-cascader","ElCascader"].includes(l?.el)&&(c.options=P.enumDict),["el-tree-select","ElTreeSelect"].includes(l?.el)&&(c.data=P.enumDict),c};m(()=>t(r,null,[e.column.search?.el&&a(s(e.column.search.el),{...D(),...e.column.search.props,modelValue:p.searchParam[e.column?.search?.key??e.column.prop],"onUpdate:modelValue":v,onChange:y},{default:()=>["el-select","ElSelect"].includes(e.column.search.el)?P.enumDict.map((l,c)=>a(u,{key:c,label:l[e.column.search.props?.label??"label"],value:l[e.column.search.props?.value??"value"],disabled:l[e.column.search.props?.disabled??"disabled"]})):i.default&&i.default({column:e.column,search:e.search,...h(p)})})]))}});export{k as default};
-//# sourceMappingURL=tableSearchFormItem.mjs.map
+import{getTableDefaultSlots as e}from"./table.type.mjs";import{enumMapKey as l,tableStateKey as c}from"./useTable.mjs";import{dateUtil as t,definePropType as r,makeSlots as a,useRender as s,withDefineType as u}from"@fast-china/utils";import{Fragment as n,createVNode as o,defineComponent as m,h as i,inject as p,reactive as d,resolveComponent as h}from"vue";import{ElOption as E}from"element-plus";import{isString as S}from"lodash-unified";var f=["el-input","ELInput","el-input-number","ELInputNumber","el-select","ElSelect","el-select-v2","ElSelectV2","el-tree-select","ElTreeSelect","el-cascader","ElCascader","el-date-picker","ElDatePicker","el-time-picker","ElTimePicker","el-time-select","ElTimeSelect"],b=["el-select","ElSelect","el-select-v2","ElSelectV2","el-tree-select","ElTreeSelect"],g=["el-input","ELInput","el-input-number","ELInputNumber"],T=["el-select","ElSelect","el-select-v2","ElSelectV2","el-tree-select","ElTreeSelect","el-cascader","ElCascader"],k=/* @__PURE__ */m({name:"FaTableSearchFormItem",props:{column:{type:r(Object),required:!0,default:{}},search:{type:r(Function),required:!0}},slots:a(),setup(r,{slots:a}){const m=p(c),k=p(l),P=d({enumDict:u([])}),v=e=>{S(e)&&(e=e.trim()),m.searchParam[r.column?.search?.key??r.column.prop]=e},y=e=>{r.search()},D=()=>{const e=r.column.search,l={};if(f.includes(e?.el)&&(l.clearable=!0),b.includes(e?.el)&&(l.filterable=!0),g.includes(e?.el)&&(l.placeholder="请输入"),T.includes(e?.el)&&(l.placeholder="请选择"),["el-date-picker","ElDatePicker"].includes(e?.el)&&(l.unlinkPanels=!0,["datetimerange","daterange","monthrange","yearrange"].includes(e?.props?.type)?(l.defaultTime=t.getDefaultTime(),l.shortcuts=t.getShortcuts(),l.rangeSeparator="至",l.startPlaceholder="开始时间",l.endPlaceholder="结束时间"):(l.defaultTime=t.getSimpleTime(),l.shortcuts=t.getSimpleShortcuts(),l.placeholder="请选择")),["el-time-picker","ElTimePicker"].includes(e?.el)&&e?.props?.isRange&&(l.rangeSeparator="至",l.startPlaceholder="开始时间",l.endPlaceholder="结束时间"),["el-select","ElSelect","el-select-v2","ElSelectV2","el-cascader","ElCascader","el-tree-select","ElTreeSelect"].includes(e?.el)){let e;e=r.column.enum&&S(r.column.enum)?k.get(r.column.enum):k.get(r.column.prop??r.column.search?.key),e=e.filter(e=>!1!==e?.show),P.enumDict=e??[]}return["el-select-v2","ElSelectV2","el-cascader","ElCascader"].includes(e?.el)&&(l.options=P.enumDict),["el-tree-select","ElTreeSelect"].includes(e?.el)&&(l.data=P.enumDict),l};s(()=>o(n,null,[r.column.search?.el&&i(h(r.column.search.el),{...D(),...r.column.search.props,modelValue:m.searchParam[r.column?.search?.key??r.column.prop],"onUpdate:modelValue":v,onChange:y},{default:()=>["el-select","ElSelect"].includes(r.column.search.el)?P.enumDict.map((e,l)=>i(E,{key:l,label:e[r.column.search.props?.label??"label"],value:e[r.column.search.props?.value??"value"],disabled:e[r.column.search.props?.disabled??"disabled"]})):a.default&&a.default({column:r.column,search:r.search,...e(m)})})]))}});export{k as default};
+//# sourceMappingURL=tableSearchFormItem.mjs.map