fast-element-plus 1.0.1 → 1.0.2

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 { FaTableChangeColumnsCtx, 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: FaTableChangeColumnsCtx[]) => 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 (props.change) {\n\t\t\t\tif (state.change) {\n\t\t\t\t\tawait props.change(\n\t\t\t\t\t\ttableState.orgColumns.map((m) => ({\n\t\t\t\t\t\t\tcolumnID: m.columnID,\n\t\t\t\t\t\t\tlabel: m.label,\n\t\t\t\t\t\t\tfixed: m.fixed,\n\t\t\t\t\t\t\twidth: m.width,\n\t\t\t\t\t\t\tsmallWidth: m.smallWidth,\n\t\t\t\t\t\t\torder: m.order,\n\t\t\t\t\t\t\tsortable: m.sortable,\n\t\t\t\t\t\t\tcopy: m.copy,\n\t\t\t\t\t\t\tautoWidth: m.autoWidth,\n\t\t\t\t\t\t\tshow: m.show,\n\t\t\t\t\t\t\tsearch: {\n\t\t\t\t\t\t\t\tlabel: m.search?.label,\n\t\t\t\t\t\t\t\torder: m.search?.order,\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\tElMessage.success(\"保存列配置成功\");\n\t\t\t\t} else {\n\t\t\t\t\tElMessage.info(\"列配置未发生变化\");\n\t\t\t\t}\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 \"submitInfo\":\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\tfillHeight\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),\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),\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\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":["name","props","change","type","definePropType","Function","setup","expose","tableState","inject","tableStateKey","state","reactive","tableKey","stringUtil","generateRandomString","sortableInstance","undefined","faDialogRef","ref","indexMethod","index","tableRowDrop","tBody","document","querySelector","destroy","Sortable","animation","delay","onEnd","evt","newIndex","oldIndex","curRow","orgColumns","splice","map","item","order","open","value","ElNotification","message","handleChange","m","columnID","label","fixed","width","smallWidth","sortable","copy","autoWidth","show","search","ElMessage","success","info","handleConfirmClick","close","handleOrderChange","orderColumns","filter","f","pureSearch","sort","a","b","indexOf","forEach","handleColumnChange","autoWidthDisabled","row","switchEl","result","modelValue","disabled","placeholder","tag","pureSearchDisabled","orderEl","radioEl","useRender","_createVNode","FaDialog","header","_Fragment","_createTextVNode","_resolveComponent","default","ElTable","ElTableColumn","ElInput","$event","_mergeProps","ElRadioGroup","ElRadio","ElInputNumber","ElSwitch","disabledSortable","slot","useExpose"],"mappings":"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"}
+{"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 { FaTableChangeColumnsCtx, 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: FaTableChangeColumnsCtx[]) => 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 (props.change) {\n\t\t\t\tif (state.change) {\n\t\t\t\t\tawait props.change(\n\t\t\t\t\t\ttableState.orgColumns.map((m) => ({\n\t\t\t\t\t\t\tcolumnID: m.columnID,\n\t\t\t\t\t\t\tlabel: m.label,\n\t\t\t\t\t\t\tfixed: m.fixed,\n\t\t\t\t\t\t\twidth: m.width,\n\t\t\t\t\t\t\tsmallWidth: m.smallWidth,\n\t\t\t\t\t\t\torder: m.order,\n\t\t\t\t\t\t\tsortable: m.sortable,\n\t\t\t\t\t\t\tcopy: m.copy,\n\t\t\t\t\t\t\tautoWidth: m.autoWidth,\n\t\t\t\t\t\t\tshow: m.show,\n\t\t\t\t\t\t\tsearch: {\n\t\t\t\t\t\t\t\tlabel: m.search?.label,\n\t\t\t\t\t\t\t\torder: m.search?.order,\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\tElMessage.success(\"保存列配置成功\");\n\t\t\t\t} else {\n\t\t\t\t\tElMessage.info(\"列配置未发生变化\");\n\t\t\t\t}\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 \"submitInfo\":\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\tfillHeight\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),\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),\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\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","map","m","columnID","label","fixed","width","smallWidth","order","sortable","copy","autoWidth","show","search","ElMessage","success","info","handleConfirmClick","value","close","handleOrderChange","orderColumns","filter","f","pureSearch","sort","a","b","indexOf","forEach","item","handleColumnChange","autoWidthDisabled","row","switchEl","result","modelValue","disabled","placeholder","tag","pureSearchDisabled","orderEl","radioEl","useRender","_createVNode","FaDialog","class","onConfirmClick","showFullscreen","confirmButtonText","fillHeight","header","_Fragment","_createTextVNode","_resolveComponent","default","ElTable","data","rowKey","border","ElTableColumn","align","minWidth","ElInput","readonly","$event","onChange","_mergeProps","ElRadioGroup","ElRadio","ElInputNumber","min","max","stepStrictly","controls","clearable","ElSwitch","inlinePrompt","activeText","inactiveText","disabledSortable","slot","useExpose","open","tableRowDrop","tBody","document","querySelector","destroy","Sortable","animation","delay","onEnd","evt","newIndex","oldIndex","curRow","splice","ElNotification","message"],"mappings":"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"}

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

@@ -1,56 +1,2 @@
-import { defineComponent, inject, createVNode } from "vue";
-import { ElMessageBox, ElPagination } from "element-plus";
-import { useRender, definePropType } from "@fast-china/utils";
-import { isNumber, isNull } from "lodash-unified";
-import { tableStateKey } from "./useTable.mjs";
-const TablePagination = /* @__PURE__ */ defineComponent({
-  name: "FaTablePagination",
-  props: {
-    /** @description 页码 */
-    pageSizes: {
-      type: definePropType(Array),
-      default: [20, 30, 50, 100, 200, 300, 500, 1e3]
-    }
-  },
-  emits: {
-    /** @description 页码改变 */
-    sizeChange: (pageSize) => isNumber(pageSize) || isNull(pageSize),
-    /** @description 当前页数改变 */
-    currentChange: (currentPage) => isNumber(currentPage) || isNull(currentPage)
-  },
-  setup(props, {
-    emit
-  }) {
-    const tableState = inject(tableStateKey);
-    const handleSizeChange = (pageSize) => {
-      if (pageSize > 100) {
-        ElMessageBox.confirm("当前页码已经超过100条/页，可能会造成页面卡顿，是否继续？", {
-          confirmButtonText: "继续",
-          type: "warning"
-        }).then(() => {
-          emit("sizeChange", pageSize);
-        });
-      } else {
-        emit("sizeChange", pageSize);
-      }
-    };
-    useRender(() => createVNode(ElPagination, {
-      "class": "fa-table-pagination",
-      "size": "small",
-      "currentPage": tableState.tablePagination.pageIndex,
-      "onUpdate:currentPage": ($event) => tableState.tablePagination.pageIndex = $event,
-      "pageSize": tableState.tablePagination.pageSize,
-      "onUpdate:pageSize": ($event) => tableState.tablePagination.pageSize = $event,
-      "pageSizes": props.pageSizes,
-      "background": true,
-      "layout": "jumper, prev, pager, next, sizes, total",
-      "total": tableState.tablePagination.totalRows,
-      "onSizeChange": handleSizeChange,
-      "onCurrentChange": (currentPage) => emit("currentChange", currentPage)
-    }, null));
-  }
-});
-export {
-  TablePagination as default
-};
+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:1e3}),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

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 { ElMessageBox, 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\tElMessageBox.confirm(\"当前页码已经超过100条/页，可能会造成页面卡顿，是否继续？\", {\n\t\t\t\t\tconfirmButtonText: \"继续\",\n\t\t\t\t\ttype: \"warning\",\n\t\t\t\t}).then(() => {\n\t\t\t\t\temit(\"sizeChange\", pageSize);\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\temit(\"sizeChange\", pageSize);\n\t\t\t}\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":["name","props","pageSizes","type","definePropType","Array","default","emits","sizeChange","pageSize","isNumber","isNull","currentChange","currentPage","setup","emit","tableState","inject","tableStateKey","handleSizeChange","ElMessageBox","confirm","confirmButtonText","then","useRender","_createVNode","ElPagination","tablePagination","pageIndex","$event","totalRows"],"mappings":";;;;;AAMA,MAAA,kDAA+B;AAAA,EAC9BA,MAAM;AAAA,EACNC,OAAO;AAAA;AAAA,IAENC,WAAW;AAAA,MACVC,MAAMC,eAAyBC,KAAK;AAAA,MACpCC,SAAS,CAAC,IAAI,IAAI,IAAI,KAAK,KAAK,KAAK,KAAK,GAAI;AAAA,IAC/C;AAAA;EAEDC,OAAO;AAAA;AAAA,IAENC,YAAaC,cAAqBC,SAASD,QAAQ,KAAKE,OAAOF,QAAQ;AAAA;AAAA,IAEvEG,eAAgBC,iBAAwBH,SAASG,WAAW,KAAKF,OAAOE,WAAW;AAAA;EAEpFC,MAAMb,OAAO;AAAA,IAAEc;AAAAA,EAAK,GAAG;AACtB,UAAMC,aAAaC,OAAOC,aAAa;AAEvC,UAAMC,mBAAoBV,cAA2B;AACpD,UAAIA,WAAW,KAAK;AACnBW,qBAAaC,QAAQ,kCAAkC;AAAA,UACtDC,mBAAmB;AAAA,UACnBnB,MAAM;AAAA,QACP,CAAC,EAAEoB,KAAK,MAAM;AACbR,eAAK,cAAcN,QAAQ;AAAA,QAC5B,CAAC;AAAA,MACF,OAAO;AACNM,aAAK,cAAcN,QAAQ;AAAA,MAC5B;AAAA,IACD;AAEAe,cAAU,MAAAC,YAAAC,cAAA;AAAA,MAAA,SAAA;AAAA,MAAA,QAAA;AAAA,MAAA,eAIYV,WAAWW,gBAAgBC;AAAAA,MAAS,wBAAAC,YAApCb,WAAWW,gBAAgBC,YAASC;AAAAA,MAAA,YACvCb,WAAWW,gBAAgBlB;AAAAA,MAAQ,qBAAAoB,YAAnCb,WAAWW,gBAAgBlB,WAAQoB;AAAAA,MAAA,aACzC5B,MAAMC;AAAAA,MAAS,cAAA;AAAA,MAAA,UAAA;AAAA,MAAA,SAGnBc,WAAWW,gBAAgBG;AAAAA,MAAS,gBAC7BX;AAAAA,MAAgB,mBACZN,iBAAwBE,KAAK,iBAAiBF,WAAW;AAAA,IAAC,GAAA,IAAA,CAE7E;AAAA,EACF;AACD,CAAC;"}
+{"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: 1000,\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"}

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

@@ -1,269 +1,2 @@
-import { isVNode, defineComponent, ref, inject, computed, reactive, watch, createVNode, mergeProps, createTextVNode } from "vue";
-import { useGlobalSize, ElButton, ElIcon } from "element-plus";
-import { Refresh, Eleme, Search, ArrowDown, ArrowUp } from "@element-plus/icons-vue";
-import { FaDrawer } from "../../drawer/index.mjs";
-import { FaLayoutGrid, FaLayoutGridItem } from "../../layoutGrid/index.mjs";
-import { Brush } from "@fast-element-plus/icons-vue";
-import { withDefineType, useRender, makeSlots, definePropType } from "@fast-china/utils";
-import { getTableDefaultSlots } from "./table.type.mjs";
-import TableSearchFormItem from "./tableSearchFormItem.mjs";
-import { tableStateKey } from "./useTable.mjs";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const TableSearchForm = /* @__PURE__ */ defineComponent({
-  name: "FaTableSearchForm",
-  props: {
-    /** @description 显示 */
-    show: {
-      type: Boolean,
-      required: true
-    },
-    /** @description 折叠搜素 */
-    collapsedSearch: {
-      type: Boolean,
-      default: true
-    },
-    /** @description 高级搜素抽屉 */
-    advancedSearchDrawer: {
-      type: Boolean,
-      default: false
-    },
-    /** @description Grid布局列配置 */
-    cols: {
-      type: definePropType([String, Number, Object]),
-      default: () => ({
-        xs: 2,
-        sm: 3,
-        md: 4,
-        lg: 5,
-        xl: 6
-      })
-    },
-    /** @description 搜索 */
-    search: {
-      type: definePropType(Function),
-      required: true
-    },
-    /** @description 重置 */
-    reset: {
-      type: definePropType(Function),
-      required: true
-    }
-  },
-  slots: makeSlots(),
-  setup(props, {
-    slots,
-    expose
-  }) {
-    const _globalSize = useGlobalSize();
-    const gridRef = ref();
-    const tableState = inject(tableStateKey);
-    const breakPoint = computed(() => gridRef.value?.breakPoint);
-    const state = reactive({
-      refreshing: false,
-      height: "auto",
-      /** 折叠 */
-      collapsed: true,
-      /** 显示折叠 */
-      showCollapsed: computed(() => {
-        let show = false;
-        tableState.searchColumns.reduce((prev, current) => {
-          prev += (current.search[breakPoint.value]?.span ?? current.search?.span ?? 1) + (current.search[breakPoint.value]?.offset ?? current.search?.offset ?? 0);
-          if (typeof props.cols !== "number") {
-            if (prev >= props.cols[breakPoint.value]) show = true;
-          } else {
-            if (prev >= props.cols) show = true;
-          }
-          return prev;
-        }, 0);
-        return show;
-      }),
-      searchColumns: withDefineType([]),
-      advancedSearchColumns: withDefineType([]),
-      breakPoint: void 0
-    });
-    const faTableSearchFormRef = ref();
-    const advancedSearchRef = ref();
-    const getResponsive = (item) => {
-      return {
-        span: item?.span,
-        offset: item?.offset ?? 0,
-        xs: item?.xs,
-        sm: item?.sm,
-        md: item?.md,
-        lg: item?.lg,
-        xl: item?.xl
-      };
-    };
-    const handleBreakPointChange = ({
-      breakPoint: breakPoint2
-    }) => {
-      state.breakPoint = props.cols[breakPoint2] - 1;
-      state.searchColumns = tableState.searchColumns.filter((f) => f?.show).slice(0, state.breakPoint);
-      state.advancedSearchColumns = tableState.searchColumns.filter((f) => f?.show).slice(state.breakPoint);
-    };
-    watch(() => tableState.searchColumns, () => {
-      if (state.breakPoint) {
-        state.searchColumns = tableState.searchColumns.filter((f) => f?.show).slice(0, state.breakPoint);
-        state.advancedSearchColumns = tableState.searchColumns.filter((f) => f?.show).slice(state.breakPoint);
-      }
-    });
-    const searchColumns = computed(() => props.advancedSearchDrawer ? state.searchColumns : tableState.searchColumns);
-    watch(() => props.advancedSearchDrawer, (newValue) => {
-      if (newValue) {
-        state.collapsed = true;
-      } else {
-        state.collapsed = props.collapsedSearch;
-      }
-      state.refreshing = true;
-      setTimeout(() => {
-        state.refreshing = false;
-      }, 1);
-    });
-    watch(() => props.collapsedSearch, (newValue) => {
-      if (!props.collapsedSearch) {
-        state.collapsed = newValue;
-      } else {
-        state.collapsed = true;
-      }
-    }, {
-      immediate: true
-    });
-    useRender(() => {
-      let _slot;
-      return tableState.searchColumns.length > 0 && createVNode("div", {
-        "ref": faTableSearchFormRef,
-        "class": ["el-card fa-table__search", {
-          "fa-table__search-hidden": !props.show,
-          "fa-table__search__disable": tableState.loading
-        }]
-      }, [createVNode("form", {
-        "class": "el-form el-form--default el-form--label-right"
-      }, [!state.refreshing && createVNode(FaLayoutGrid, {
-        "ref": gridRef,
-        "collapsed": state.collapsed,
-        "gap": _globalSize.value === "small" ? [20, 0] : [20, 10],
-        "cols": props.cols,
-        "onBreakPointChange": handleBreakPointChange
-      }, {
-        default: () => [searchColumns.value.map((item, index) => createVNode(FaLayoutGridItem, mergeProps({
-          "key": item?.search?.key ?? item.prop
-        }, getResponsive(item.search), {
-          "index": index
-        }), {
-          default: () => [createVNode("div", {
-            "class": "el-form-item el-form-item--default el-form-item--label-right"
-          }, [createVNode("label", {
-            "class": "el-form-item__label"
-          }, [item.search.label]), createVNode("div", {
-            "class": "el-form-item__content"
-          }, [item.search?.slot ? slots[item.search.slot] && slots[item.search.slot]({
-            column: item,
-            search: props.search,
-            ...getTableDefaultSlots(tableState)
-          }) : createVNode(TableSearchFormItem, {
-            "column": item,
-            "search": props.search
-          }, null)])])]
-        })), createVNode(FaLayoutGridItem, {
-          "suffix": true
-        }, {
-          default: () => [createVNode("div", {
-            "class": "fa-table__search-operation"
-          }, [createVNode(ElButton, {
-            "loading": tableState.loading,
-            "loadingIcon": Eleme,
-            "title": "搜索",
-            "type": "primary",
-            "plain": true,
-            "icon": Refresh,
-            "onClick": () => props.search()
-          }, {
-            default: () => [createTextVNode("搜索")]
-          }), createVNode(ElButton, {
-            "loading": tableState.loading,
-            "loadingIcon": Eleme,
-            "title": "重置",
-            "icon": Brush,
-            "onClick": () => props.reset()
-          }, {
-            default: () => [createTextVNode("重置")]
-          }), props.advancedSearchDrawer ? state.advancedSearchColumns.length > 0 && createVNode(ElButton, {
-            "loading": tableState.loading,
-            "loadingIcon": Eleme,
-            "title": "高级搜索",
-            "type": "info",
-            "plain": true,
-            "icon": Search,
-            "onClick": () => advancedSearchRef.value.open()
-          }, {
-            default: () => [createTextVNode("高级搜索")]
-          }) : state.showCollapsed && createVNode(ElButton, {
-            "loading": tableState.loading,
-            "loadingIcon": Eleme,
-            "title": state.collapsed ? "展开" : "折叠",
-            "link": true,
-            "type": "primary",
-            "onClick": () => {
-              state.collapsed = !state.collapsed;
-            }
-          }, {
-            default: () => [state.collapsed ? "展开" : "折叠", createVNode(ElIcon, null, {
-              default: () => [state.collapsed ? createVNode(ArrowDown, null, null) : createVNode(ArrowUp, null, null)]
-            })]
-          })])]
-        })]
-      })]), props.advancedSearchDrawer && state.advancedSearchColumns.length > 0 && createVNode(FaDrawer, {
-        "ref": advancedSearchRef,
-        "class": "fa-table__search-advanced",
-        "size": "20%",
-        "title": "高级搜索",
-        "appendToBody": false,
-        "showCloseButton": false,
-        "showConfirmButton": false,
-        "showFullscreen": false,
-        "showRefresh": false,
-        "onConfirmClick": () => props.search()
-      }, {
-        default: () => [createVNode("form", {
-          "class": "el-form el-form--default el-form--label-top"
-        }, [createVNode(FaLayoutGrid, {
-          "gap": [20, 0],
-          "cols": {
-            xs: 2,
-            sm: 3,
-            md: 4,
-            lg: 5,
-            xl: 6
-          }
-        }, _isSlot(_slot = state.advancedSearchColumns.map((item, index) => createVNode(FaLayoutGridItem, mergeProps({
-          "key": item.prop ?? item?.search?.key
-        }, getResponsive(item.search), {
-          "index": index
-        }), {
-          default: () => [createVNode("div", {
-            "class": "el-form-item el-form-item--default el-form-item--label-top"
-          }, [createVNode("label", {
-            "class": "el-form-item__label"
-          }, [item.search.label]), createVNode("div", {
-            "class": "el-form-item__content"
-          }, [item.search.slot ? slots[item.search.slot] && slots[item.search.slot]({
-            column: item,
-            search: props.search,
-            ...getTableDefaultSlots(tableState)
-          }) : createVNode(TableSearchFormItem, {
-            "column": item,
-            "search": props.search
-          }, null)])])]
-        }))) ? _slot : {
-          default: () => [_slot]
-        })])]
-      })]);
-    });
-  }
-});
-export {
-  TableSearchForm as default
-};
+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

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":["_isSlot","s","Object","prototype","toString","call","_isVNode","name","props","show","type","Boolean","required","collapsedSearch","default","advancedSearchDrawer","cols","definePropType","String","Number","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","loading","FaLayoutGrid","map","index","FaLayoutGridItem","_mergeProps","key","prop","label","slot","column","getTableDefaultSlots","FaTableSearchFormItem","ElButton","Eleme","Refresh","onClick","_createTextVNode","Brush","Search","open","ElIcon","ArrowDown","ArrowUp","FaDrawer","onConfirmClick"],"mappings":"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"}
+{"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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"}