@koi-design/uxd-ui 13.2.8 → 14.0.1

package/es/components/Table/tableUnits/TableHeaderRow.mjs

@@ -1,7 +1,7 @@
 import { defineComponent, h, Fragment, inject, computed, resolveComponent, openBlock, createElementBlock, normalizeStyle, renderList, mergeProps, createElementVNode, normalizeClass, createVNode, createBlock, withCtx, createCommentVNode } from 'vue';
 import { UIcon } from '../../Icon/index.mjs';
 import { UTooltip } from '../../Tooltip/index.mjs';
-import { USolidInfoCircle, USolidCaretUp, USolidCaretDown } from '@koi-design/uxd-icon';
+import { Info, ChevronUp, ChevronDown } from 'lucide-vue-next';
 import Render from '../../base/Render.mjs';
 import FilterDropdown from './FilterDropdown.mjs';
 import { getMinWidth } from '../utils.mjs';
@@ -41,7 +41,7 @@ const _sfc_main = defineComponent({
                   class: `${props.prefix}-column-tips-icon`
                 },
                 {
-                  default: () => h(USolidInfoCircle)
+                  default: () => h(Info)
                 }
               )
             }
@@ -51,8 +51,8 @@ const _sfc_main = defineComponent({
       return content;
     },
     UIcon,
-    USolidCaretUp,
-    USolidCaretDown
+    ChevronUp,
+    ChevronDown
   },
   props: {
     row: {
@@ -220,9 +220,9 @@ const _hoisted_2 = ["onClick"];
 const _hoisted_3 = ["onMousedown"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_RenderTitle = resolveComponent("RenderTitle");
-  const _component_USolidCaretUp = resolveComponent("USolidCaretUp");
+  const _component_ChevronUp = resolveComponent("ChevronUp");
   const _component_UIcon = resolveComponent("UIcon");
-  const _component_USolidCaretDown = resolveComponent("USolidCaretDown");
+  const _component_ChevronDown = resolveComponent("ChevronDown");
   const _component_FilterDropdown = resolveComponent("FilterDropdown");
   return openBlock(), createElementBlock("tr", {
     style: normalizeStyle(_ctx.rowStyle)
@@ -232,7 +232,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         key: index,
         ref_for: true,
         ref: _ctx.saveRef(`header-column-${cell._index}`)
-      }, { ref_for: true }, _ctx.getCellProps(cell), {
+      }, _ctx.getCellProps(cell), {
         style: _ctx.getCellStyle(cell),
         class: {
           [String(cell.className)]: !!cell.className,
@@ -279,7 +279,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     class: normalizeClass(`${_ctx.prefixCls}-column-sorter-up ${_ctx.isAscend(cell) ? "on" : "off"}`)
                   }, {
                     default: withCtx(() => [
-                      createVNode(_component_USolidCaretUp)
+                      createVNode(_component_ChevronUp)
                     ]),
                     _: 2
                   }, 1032, ["class"])) : createCommentVNode("v-if", true),
@@ -288,7 +288,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     class: normalizeClass(`${_ctx.prefixCls}-column-sorter-down ${_ctx.isDescend(cell) ? "on" : "off"}`)
                   }, {
                     default: withCtx(() => [
-                      createVNode(_component_USolidCaretDown)
+                      createVNode(_component_ChevronDown)
                     ]),
                     _: 2
                   }, 1032, ["class"])) : createCommentVNode("v-if", true)
@@ -316,7 +316,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }), 128))
   ], 4);
 }
-var TableHeaderRow = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Table\\tableUnits\\TableHeaderRow.vue"]]);
+var TableHeaderRow = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Table/tableUnits/TableHeaderRow.vue"]]);
 
 export { TableHeaderRow as default };
 //# sourceMappingURL=TableHeaderRow.mjs.map

package/es/components/Table/tableUnits/TableHeaderRow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderRow.mjs","sources":["../../../../../src/components/Table/tableUnits/TableHeaderRow.vue"],"sourcesContent":["<template>\n  <tr :style=\"rowStyle\">\n    <th\n      v-for=\"(cell, index) in row\"\n      :key=\"index\"\n      :ref=\"saveRef(`header-column-${cell._index}`)\"\n      v-bind=\"getCellProps(cell)\"\n      :style=\"getCellStyle(cell)\"\n      :class=\"{\n        [String(cell.className)]: !!cell.className,\n        [`${prefixCls}-column-header`]: true,\n        [`${prefixCls}-column-header-right`]: cell._isRightEdge,\n        [`${prefixCls}-column-has-actions`]: hasAction(cell),\n        [`${prefixCls}-column-has-sorters`]: hasSorters(cell),\n        [`${prefixCls}-column-has-filters`]: hasFilters(cell),\n        [`${prefixCls}-column-sort`]: isSortColumn(cell),\n        [`${prefixCls}-column-has-resize`]: hasResize(cell)\n      }\"\n      @click=\"(e) => handleHeaderClick(cell, e)\"\n    >\n      <template v-if=\"hasAction(cell)\">\n        <span :class=\"`${prefixCls}-header-column`\">\n          <div :class=\"{ [`${prefixCls}-column-sorters`]: hasSorters(cell) }\" @click=\"handleSorterClick(cell)\">\n            <span :class=\"`${prefixCls}-column-title`\">\n              <RenderTitle :cell=\"cell\" :prefix=\"prefixCls\" />\n            </span>\n            <span v-if=\"hasSorters(cell)\" :class=\"`${prefixCls}-column-sorter`\">\n              <div\n                :class=\"[\n                  `${prefixCls}-column-sorter-inner`,\n                  {\n                    [`${prefixCls}-column-sorter-inner-full`]: hasAscend(cell) && hasDescend(cell)\n                  }\n                ]\"\n              >\n                <UIcon v-if=\"hasAscend(cell)\" :class=\"`${prefixCls}-column-sorter-up ${isAscend(cell) ? 'on' : 'off'}`\">\n                  <USolidCaretUp />\n                </UIcon>\n                <UIcon v-if=\"hasDescend(cell)\" :class=\"`${prefixCls}-column-sorter-down ${isDescend(cell) ? 'on' : 'off'}`\">\n                  <USolidCaretDown />\n                </UIcon>\n              </div>\n            </span>\n          </div>\n        </span>\n        <FilterDropdown v-if=\"hasFilters(cell)\" :column=\"cell\" :locale=\"locale\" @select=\"handleFilterSelected\" />\n      </template>\n      <template v-else>\n        <RenderTitle :cell=\"cell\" :prefix=\"prefixCls\" />\n      </template>\n      <span v-if=\"hasResize(cell)\" :class=\"`${prefixCls}-column-resize-trigger`\" @mousedown=\"(e) => handleResizeMousedown(cell, e)\" />\n    </th>\n  </tr>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, inject, h, Fragment } from 'vue';\nimport type { PropType, CSSProperties, VNode } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport UTooltip from '@uxd-ui/components/Tooltip';\nimport { USolidCaretUp, USolidCaretDown, USolidInfoCircle } from '@koi-design/uxd-icon';\nimport Render from '../../base/Render';\nimport FilterDropdown from './FilterDropdown.vue';\nimport { getMinWidth } from '../utils';\nimport type { InnerColumn, TableContext } from '../Table.type';\nimport { getWidth } from '../hooks/useTableResize';\n\ninterface DragState {\n  startMouseLeft: number;\n  startLeft: number;\n  startColumnLeft: number;\n  tableLeft: number;\n}\n\nexport default defineComponent({\n  name: 'TableHeaderRow',\n  components: {\n    FilterDropdown,\n    RenderTitle: (props) => {\n      let content: VNode;\n      if (props.cell.titleRender) {\n        content = h(Render, {\n          render: () => {\n            return props.cell.titleRender({\n              title: props.cell.title,\n              setting: props.cell\n            });\n          }\n        });\n      } else {\n        content = h(Fragment, [props.cell.title]);\n      }\n\n      if (props.cell.tips) {\n        content = h(Fragment, [\n          content,\n          h(\n            UTooltip,\n            {\n              title: props.cell.tips\n            },\n            {\n              default: () =>\n                h(\n                  UIcon,\n                  {\n                    class: `${props.prefix}-column-tips-icon`\n                  },\n                  {\n                    default: () => h(USolidInfoCircle)\n                  }\n                )\n            }\n          )\n        ]);\n      }\n      return content;\n    },\n    UIcon,\n    USolidCaretUp,\n    USolidCaretDown\n  },\n  props: {\n    row: {\n      type: Array as PropType<InnerColumn[]>,\n      default: () => [] as InnerColumn[]\n    },\n    rows: {\n      type: Array as PropType<InnerColumn[][]>,\n      default: () => [] as InnerColumn[][]\n    }\n  },\n  setup(props) {\n    const {\n      prefixCls,\n      locale,\n      showResizeLine,\n      saveRef,\n      tableRefs,\n      // fixed: { fixedHeadRowsHeight },\n      size: { setResizeWidth, handleColumnResize, tableWidth },\n      filterAndSorter: {\n        hasAction,\n        hasSorters,\n        hasFilters,\n        isSortColumn,\n        isAscend,\n        isDescend,\n        hasAscend,\n        hasDescend,\n        toggleSortOrder,\n        setColumnFilter\n      },\n      headerEvents: { onHeaderCellClick }\n    } = inject<TableContext>('tableContext', {} as TableContext);\n\n    const rowStyle = computed(() => {\n      const style = {} as CSSProperties;\n      return style;\n    });\n\n    const getCellProps = (cell: InnerColumn) => {\n      const attrs = {} as Record<string, any>;\n      const { colSpan, rowSpan } = cell;\n      if (colSpan && colSpan > 1) {\n        attrs.colSpan = colSpan;\n      }\n      if (rowSpan && rowSpan > 1) {\n        attrs.rowSpan = rowSpan;\n      }\n      return attrs;\n    };\n\n    const getCellStyle = (cell: InnerColumn) => {\n      const style = {} as CSSProperties;\n      const { align, left, right } = cell;\n      if (align) {\n        style.textAlign = align;\n      }\n      if (left !== undefined) {\n        style.left = `${left}px`;\n      }\n      if (right !== undefined) {\n        style.right = `${right}px`;\n      }\n      return style;\n    };\n\n    const hasResize = (cell: InnerColumn) => {\n      return cell.resizable && !cell.children;\n    };\n\n    const handleSorterClick = (column: InnerColumn) => {\n      if (hasSorters(column)) {\n        toggleSortOrder(column);\n      }\n    };\n\n    const handleHeaderClick = (column: InnerColumn, e: any) => {\n      onHeaderCellClick(column, e);\n    };\n\n    const handleFilterSelected = (column: InnerColumn, selectedKeys: (string | number)[]) => {\n      setColumnFilter(column, selectedKeys);\n    };\n\n    const getFixedWidth = (direction: 'left' | 'right') => {\n      return props.row.reduce((pre, cur) => {\n        if (cur.fixed === direction) {\n          return pre + getWidth(cur.width, tableWidth.value);\n        }\n        return pre;\n      }, 0);\n    };\n\n    let dragging = false;\n    let dragState = {} as DragState;\n    const handleResizeMousedown = (column: InnerColumn, event: any) => {\n      if (!column || !column.resizable) {\n        return;\n      }\n      dragging = true;\n      const tableEl = tableRefs.table;\n      const tableLeft = tableEl.getBoundingClientRect().left;\n      const tableRight = tableEl.getBoundingClientRect().right;\n      const columnEl = tableRefs[`header-column-${column._index}`];\n      const columnRect = columnEl.getBoundingClientRect();\n      const resizeLineEl = tableRefs.resizeLine;\n      const minLeft = columnRect.left - tableLeft + getMinWidth(column);\n\n      const maxRight = tableRight - getFixedWidth('right') - tableLeft - 50;\n\n      dragState = {\n        startMouseLeft: event.clientX,\n        startLeft: columnRect.right - tableLeft,\n        startColumnLeft: columnRect.left - tableLeft,\n        tableLeft\n      };\n      resizeLineEl.style.left = `${dragState.startLeft}px`;\n      showResizeLine.value = true;\n      document.body.style.cursor = 'col-resize';\n      document.onselectstart = () => {\n        return false;\n      };\n      document.ondragstart = () => {\n        return false;\n      };\n      const handleMouseMove = (e: any) => {\n        const deltaLeft = e.clientX - dragState.startMouseLeft;\n        const proxyLeft = dragState.startLeft + deltaLeft;\n\n        resizeLineEl.style.left = `${Math.min(Math.max(minLeft, proxyLeft), maxRight)}px`;\n      };\n\n      const handleMouseUp = () => {\n        if (dragging) {\n          const { startColumnLeft, startLeft } = dragState;\n          const finalLeft = parseInt(resizeLineEl.style.left);\n          const columnWidth = finalLeft - startColumnLeft;\n          setResizeWidth(column, columnWidth);\n          handleColumnResize(columnWidth, startLeft - startColumnLeft, column, event);\n\n          document.body.style.cursor = '';\n          dragging = false;\n          dragState = {} as DragState;\n          showResizeLine.value = false;\n        }\n        document.removeEventListener('mousemove', handleMouseMove);\n        document.removeEventListener('mouseup', handleMouseUp);\n        document.onselectstart = null;\n        document.ondragstart = null;\n      };\n      document.addEventListener('mousemove', handleMouseMove);\n      document.addEventListener('mouseup', handleMouseUp);\n    };\n\n    return {\n      prefixCls,\n      saveRef,\n      locale,\n      rowStyle,\n      getCellProps,\n      getCellStyle,\n      hasAction,\n      hasSorters,\n      hasFilters,\n      hasResize,\n      isSortColumn,\n      isAscend,\n      isDescend,\n      hasAscend,\n      hasDescend,\n      handleSorterClick,\n      handleHeaderClick,\n      handleFilterSelected,\n      handleResizeMousedown\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeStyle","_Fragment","_mergeProps","_createElementVNode","_normalizeClass","_createVNode","_createBlock"],"mappings":"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"}
+{"version":3,"file":"TableHeaderRow.mjs","sources":["../../../../../src/components/Table/tableUnits/TableHeaderRow.vue"],"sourcesContent":["<template>\n  <tr :style=\"rowStyle\">\n    <th\n      v-for=\"(cell, index) in row\"\n      :key=\"index\"\n      :ref=\"saveRef(`header-column-${cell._index}`)\"\n      v-bind=\"getCellProps(cell)\"\n      :style=\"getCellStyle(cell)\"\n      :class=\"{\n        [String(cell.className)]: !!cell.className,\n        [`${prefixCls}-column-header`]: true,\n        [`${prefixCls}-column-header-right`]: cell._isRightEdge,\n        [`${prefixCls}-column-has-actions`]: hasAction(cell),\n        [`${prefixCls}-column-has-sorters`]: hasSorters(cell),\n        [`${prefixCls}-column-has-filters`]: hasFilters(cell),\n        [`${prefixCls}-column-sort`]: isSortColumn(cell),\n        [`${prefixCls}-column-has-resize`]: hasResize(cell)\n      }\"\n      @click=\"(e: Event) => handleHeaderClick(cell, e)\"\n    >\n      <template v-if=\"hasAction(cell)\">\n        <span :class=\"`${prefixCls}-header-column`\">\n          <div :class=\"{ [`${prefixCls}-column-sorters`]: hasSorters(cell) }\" @click=\"handleSorterClick(cell)\">\n            <span :class=\"`${prefixCls}-column-title`\">\n              <RenderTitle :cell=\"cell\" :prefix=\"prefixCls\" />\n            </span>\n            <span v-if=\"hasSorters(cell)\" :class=\"`${prefixCls}-column-sorter`\">\n              <div\n                :class=\"[\n                  `${prefixCls}-column-sorter-inner`,\n                  {\n                    [`${prefixCls}-column-sorter-inner-full`]: hasAscend(cell) && hasDescend(cell)\n                  }\n                ]\"\n              >\n                <UIcon v-if=\"hasAscend(cell)\" :class=\"`${prefixCls}-column-sorter-up ${isAscend(cell) ? 'on' : 'off'}`\">\n                  <ChevronUp />\n                </UIcon>\n                <UIcon v-if=\"hasDescend(cell)\" :class=\"`${prefixCls}-column-sorter-down ${isDescend(cell) ? 'on' : 'off'}`\">\n                  <ChevronDown />\n                </UIcon>\n              </div>\n            </span>\n          </div>\n        </span>\n        <FilterDropdown v-if=\"hasFilters(cell)\" :column=\"cell\" :locale=\"locale\" @select=\"handleFilterSelected\" />\n      </template>\n      <template v-else>\n        <RenderTitle :cell=\"cell\" :prefix=\"prefixCls\" />\n      </template>\n      <span v-if=\"hasResize(cell)\" :class=\"`${prefixCls}-column-resize-trigger`\" @mousedown=\"(e: Event) => handleResizeMousedown(cell, e)\" />\n    </th>\n  </tr>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, inject, h, Fragment } from 'vue';\nimport type { PropType, CSSProperties, VNode } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport UTooltip from '@uxd-ui/components/Tooltip';\nimport { ChevronUp, ChevronDown, Info } from 'lucide-vue-next';\nimport Render from '../../base/Render';\nimport FilterDropdown from './FilterDropdown.vue';\nimport { getMinWidth } from '../utils';\nimport type { InnerColumn, TableContext } from '../Table.type';\nimport { getWidth } from '../hooks/useTableResize';\n\ninterface DragState {\n  startMouseLeft: number;\n  startLeft: number;\n  startColumnLeft: number;\n  tableLeft: number;\n}\n\nexport default defineComponent({\n  name: 'TableHeaderRow',\n  components: {\n    FilterDropdown,\n    RenderTitle: (props) => {\n      let content: VNode;\n      if (props.cell.titleRender) {\n        content = h(Render, {\n          render: () => {\n            return props.cell.titleRender({\n              title: props.cell.title,\n              setting: props.cell\n            });\n          }\n        });\n      } else {\n        content = h(Fragment, [props.cell.title]);\n      }\n\n      if (props.cell.tips) {\n        content = h(Fragment, [\n          content,\n          h(\n            UTooltip,\n            {\n              title: props.cell.tips\n            },\n            {\n              default: () =>\n                h(\n                  UIcon,\n                  {\n                    class: `${props.prefix}-column-tips-icon`\n                  },\n                  {\n                    default: () => h(Info)\n                  }\n                )\n            }\n          )\n        ]);\n      }\n      return content;\n    },\n    UIcon,\n    ChevronUp,\n    ChevronDown\n  },\n  props: {\n    row: {\n      type: Array as PropType<InnerColumn[]>,\n      default: () => [] as InnerColumn[]\n    },\n    rows: {\n      type: Array as PropType<InnerColumn[][]>,\n      default: () => [] as InnerColumn[][]\n    }\n  },\n  setup(props) {\n    const {\n      prefixCls,\n      locale,\n      showResizeLine,\n      saveRef,\n      tableRefs,\n      // fixed: { fixedHeadRowsHeight },\n      size: { setResizeWidth, handleColumnResize, tableWidth },\n      filterAndSorter: {\n        hasAction,\n        hasSorters,\n        hasFilters,\n        isSortColumn,\n        isAscend,\n        isDescend,\n        hasAscend,\n        hasDescend,\n        toggleSortOrder,\n        setColumnFilter\n      },\n      headerEvents: { onHeaderCellClick }\n    } = inject<TableContext>('tableContext', {} as TableContext);\n\n    const rowStyle = computed(() => {\n      const style = {} as CSSProperties;\n      return style;\n    });\n\n    const getCellProps = (cell: InnerColumn) => {\n      const attrs = {} as Record<string, any>;\n      const { colSpan, rowSpan } = cell;\n      if (colSpan && colSpan > 1) {\n        attrs.colSpan = colSpan;\n      }\n      if (rowSpan && rowSpan > 1) {\n        attrs.rowSpan = rowSpan;\n      }\n      return attrs;\n    };\n\n    const getCellStyle = (cell: InnerColumn) => {\n      const style = {} as CSSProperties;\n      const { align, left, right } = cell;\n      if (align) {\n        style.textAlign = align;\n      }\n      if (left !== undefined) {\n        style.left = `${left}px`;\n      }\n      if (right !== undefined) {\n        style.right = `${right}px`;\n      }\n      return style;\n    };\n\n    const hasResize = (cell: InnerColumn) => {\n      return cell.resizable && !cell.children;\n    };\n\n    const handleSorterClick = (column: InnerColumn) => {\n      if (hasSorters(column)) {\n        toggleSortOrder(column);\n      }\n    };\n\n    const handleHeaderClick = (column: InnerColumn, e: any) => {\n      onHeaderCellClick(column, e);\n    };\n\n    const handleFilterSelected = (column: InnerColumn, selectedKeys: (string | number)[]) => {\n      setColumnFilter(column, selectedKeys);\n    };\n\n    const getFixedWidth = (direction: 'left' | 'right') => {\n      return props.row.reduce((pre, cur) => {\n        if (cur.fixed === direction) {\n          return pre + getWidth(cur.width, tableWidth.value);\n        }\n        return pre;\n      }, 0);\n    };\n\n    let dragging = false;\n    let dragState = {} as DragState;\n    const handleResizeMousedown = (column: InnerColumn, event: any) => {\n      if (!column || !column.resizable) {\n        return;\n      }\n      dragging = true;\n      const tableEl = tableRefs.table;\n      const tableLeft = tableEl.getBoundingClientRect().left;\n      const tableRight = tableEl.getBoundingClientRect().right;\n      const columnEl = tableRefs[`header-column-${column._index}`];\n      const columnRect = columnEl.getBoundingClientRect();\n      const resizeLineEl = tableRefs.resizeLine;\n      const minLeft = columnRect.left - tableLeft + getMinWidth(column);\n\n      const maxRight = tableRight - getFixedWidth('right') - tableLeft - 50;\n\n      dragState = {\n        startMouseLeft: event.clientX,\n        startLeft: columnRect.right - tableLeft,\n        startColumnLeft: columnRect.left - tableLeft,\n        tableLeft\n      };\n      resizeLineEl.style.left = `${dragState.startLeft}px`;\n      showResizeLine.value = true;\n      document.body.style.cursor = 'col-resize';\n      document.onselectstart = () => {\n        return false;\n      };\n      document.ondragstart = () => {\n        return false;\n      };\n      const handleMouseMove = (e: any) => {\n        const deltaLeft = e.clientX - dragState.startMouseLeft;\n        const proxyLeft = dragState.startLeft + deltaLeft;\n\n        resizeLineEl.style.left = `${Math.min(Math.max(minLeft, proxyLeft), maxRight)}px`;\n      };\n\n      const handleMouseUp = () => {\n        if (dragging) {\n          const { startColumnLeft, startLeft } = dragState;\n          const finalLeft = parseInt(resizeLineEl.style.left);\n          const columnWidth = finalLeft - startColumnLeft;\n          setResizeWidth(column, columnWidth);\n          handleColumnResize(columnWidth, startLeft - startColumnLeft, column, event);\n\n          document.body.style.cursor = '';\n          dragging = false;\n          dragState = {} as DragState;\n          showResizeLine.value = false;\n        }\n        document.removeEventListener('mousemove', handleMouseMove);\n        document.removeEventListener('mouseup', handleMouseUp);\n        document.onselectstart = null;\n        document.ondragstart = null;\n      };\n      document.addEventListener('mousemove', handleMouseMove);\n      document.addEventListener('mouseup', handleMouseUp);\n    };\n\n    return {\n      prefixCls,\n      saveRef,\n      locale,\n      rowStyle,\n      getCellProps,\n      getCellStyle,\n      hasAction,\n      hasSorters,\n      hasFilters,\n      hasResize,\n      isSortColumn,\n      isAscend,\n      isDescend,\n      hasAscend,\n      hasDescend,\n      handleSorterClick,\n      handleHeaderClick,\n      handleFilterSelected,\n      handleResizeMousedown\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeStyle","_Fragment","_mergeProps","_createElementVNode","_normalizeClass","_createVNode","_createBlock"],"mappings":"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"}