You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

0 lines
24 KiB

1 month ago
  1. {"ast":null,"code":"import { defineComponent, getCurrentInstance, ref, computed, watch, resolveComponent, resolveDirective, openBlock, createBlock, withCtx, createElementBlock, createElementVNode, normalizeClass, createVNode, Fragment, renderList, createTextVNode, toDisplayString, withDirectives, renderSlot } from 'vue';\nimport { ElCheckbox } from '../../checkbox/index.mjs';\nimport { ElIcon } from '../../icon/index.mjs';\nimport { ArrowDown, ArrowUp } from '@element-plus/icons-vue';\nimport { ElTooltip } from '../../tooltip/index.mjs';\nimport { ElScrollbar } from '../../scrollbar/index.mjs';\nimport _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';\nimport ClickOutside from '../../../directives/click-outside/index.mjs';\nimport { useLocale } from '../../../hooks/use-locale/index.mjs';\nimport { useNamespace } from '../../../hooks/use-namespace/index.mjs';\nimport { isPropAbsent } from '../../../utils/types.mjs';\nconst {\n CheckboxGroup: ElCheckboxGroup\n} = ElCheckbox;\nconst _sfc_main = defineComponent({\n name: \"ElTableFilterPanel\",\n components: {\n ElCheckbox,\n ElCheckboxGroup,\n ElScrollbar,\n ElTooltip,\n ElIcon,\n ArrowDown,\n ArrowUp\n },\n directives: {\n ClickOutside\n },\n props: {\n placement: {\n type: String,\n default: \"bottom-start\"\n },\n store: {\n type: Object\n },\n column: {\n type: Object\n },\n upDataColumn: {\n type: Function\n },\n appendTo: {\n type: String\n }\n },\n setup(props) {\n const instance = getCurrentInstance();\n const {\n t\n } = useLocale();\n const ns = useNamespace(\"table-filter\");\n const parent = instance == null ? void 0 : instance.parent;\n if (!parent.filterPanels.value[props.column.id]) {\n parent.filterPanels.value[props.column.id] = instance;\n }\n const tooltipVisible = ref(false);\n const tooltip = ref(null);\n const filters = computed(() => {\n return props.column && props.column.filters;\n });\n const filterClassName = computed(() => {\n if (props.column.filterClassName) {\n return `${ns.b()} ${props.column.filterClassName}`;\n }\n return ns.b();\n });\n const filterValue = computed({\n get: () => {\n var _a;\n return (((_a = props.column) == null ? void 0 : _a.filteredValue) || [])[0];\n },\n set: value => {\n if (filteredValue.value) {\n if (!isPropAbsent(value)) {\n filteredValue.value.splice(0, 1, value);\n } else {\n filteredValue.value.splice(0, 1);\n }\n }\n }\n });\n const filteredValue = computed({\n get() {\n if (props.column) {\n return props.column.filteredValue || [];\n }\n return [];\n },\n set(value) {\n if (props.column) {\n props.upDataColumn(\"filteredValue\", value);\n }\n }\n });\n const multiple = computed(() => {\n if (props.column) {\n return props.column.filterMultiple;\n }\n return true;\n });\n const isActive = filter => {\n return filter.value === filterValue.value;\n };\n const hidden = () => {\n tooltipVisible.value = false;\n };\n const showFilterPanel = e => {\n e.stopPropagation();\n tooltipVisible.value = !tooltipVisible.value;\n };\n const hideFilterPanel = () => {\n tooltipVisible.value = false;\n };\n const handleConfirm = () => {\n confirmFilter(filteredValue.value);\n hidden();\n };\n const handleReset = () => {\n filteredValue.value = [];\n confirmFilter(filteredValue.value);\n hidden();\n };\n const handleSelect = _filterValue => {\n filterValue.value = _filterValue;\n if (!isPropAbsent(_filterValue)) {\n confirmFilter(filteredValue.value);\n } else {\n confirmFilter([]);\n }\n hidden();\n };\n const confirmFilter = filteredValue2 => {\n props.store.commit(\"filterChange\", {\n column: