element-plus/es/components/table-v2/src/renderers/header-cell.mjs.map

A Component Library for Vue 3

{"version":3,"file":"header-cell.mjs","sources":["../../../../../../../packages/components/table-v2/src/renderers/header-cell.tsx"],"sourcesContent":["import { renderSlot } from 'vue'\nimport { HeaderCell, SortIcon } from '../components'\n// import ColumnResizer from '../table-column-resizer'\nimport { Alignment, SortOrder, oppositeOrderMap } from '../constants'\nimport { placeholderSign } from '../private'\nimport { componentToSlot, enforceUnit, tryCall } from '../utils'\n\nimport type { FunctionalComponent, UnwrapNestedRefs } from 'vue'\nimport type { Translator, UseNamespaceReturn } from '@element-plus/hooks'\nimport type { TableV2HeaderRowCellRendererParams } from '../components'\nimport type { UseTableReturn } from '../use-table'\nimport type { TableV2Props } from '../table'\n\nexport type HeaderCellRendererProps = TableV2HeaderRowCellRendererParams &\n  UnwrapNestedRefs<Pick<UseTableReturn, 'onColumnSorted'>> &\n  Pick<TableV2Props, 'sortBy' | 'sortState' | 'headerCellProps'> & {\n    ns: UseNamespaceReturn\n    t: Translator\n  }\n\nconst HeaderCellRenderer: FunctionalComponent<HeaderCellRendererProps> = (\n  props,\n  { slots }\n) => {\n  const { column, ns, t, style, onColumnSorted } = props\n\n  const cellStyle = enforceUnit(style)\n\n  if (column.placeholderSign === placeholderSign) {\n    return (\n      <div class={ns.em('header-row-cell', 'placeholder')} style={cellStyle} />\n    )\n  }\n\n  const { headerCellRenderer, headerClass, sortable } = column\n\n  /**\n   * render Cell children\n   */\n\n  const cellProps = {\n    ...props,\n    class: ns.e('header-cell-text'),\n  }\n\n  const columnCellRenderer =\n    componentToSlot<typeof cellProps>(headerCellRenderer)\n\n  const Cell = columnCellRenderer\n    ? columnCellRenderer(cellProps)\n    : renderSlot(slots, 'default', cellProps, () => [\n        <HeaderCell {...cellProps} />,\n      ])\n\n  /**\n   * Render cell container and sort indicator\n   */\n  const { sortBy, sortState, headerCellProps } = props\n\n  let sorting: boolean, sortOrder: SortOrder, ariaSort: string | undefined\n  if (sortState) {\n    const order = sortState[column.key!]\n    sorting = Boolean(oppositeOrderMap[order])\n    sortOrder = sorting ? order : SortOrder.ASC\n  } else {\n    sorting = column.key === sortBy.key\n    sortOrder = sorting ? sortBy.order : SortOrder.ASC\n  }\n  if (sortOrder === SortOrder.ASC) {\n    ariaSort = 'ascending'\n  } else if (sortOrder === SortOrder.DESC) {\n    ariaSort = 'descending'\n  } else {\n    ariaSort = undefined\n  }\n\n  const cellKls = [\n    ns.e('header-cell'),\n    tryCall(headerClass, props, ''),\n    column.align === Alignment.CENTER && ns.is('align-center'),\n    column.align === Alignment.RIGHT && ns.is('align-right'),\n    sortable && ns.is('sortable'),\n  ]\n\n  const cellWrapperProps = {\n    ...tryCall(headerCellProps, props),\n    onClick: column.sortable ? onColumnSorted : undefined,\n    ariaSort: sortable ? ariaSort : undefined,\n    class: cellKls,\n    style: cellStyle,\n    ['data-key']: column.key,\n  }\n\n  // For now we don't deliver resizable column feature since it has some UX issue.\n  return (\n    <div {...cellWrapperProps} role=\"columnheader\">\n      {Cell}\n\n      {sortable && (\n        <SortIcon\n          class={[ns.e('sort-icon'), sorting && ns.is('sorting')]}\n          sortOrder={sortOrder}\n          ariaLabel={t('el.table.sortLabel', { column: column.title || '' })}\n        />\n      )}\n    </div>\n  )\n}\n\nexport default HeaderCellRenderer\nexport type HeaderCellSlotProps = HeaderCellRendererProps & { class: string }\n"],"names":["HeaderCellRenderer","props","slots","column","ns","t","style","onColumnSorted","cellStyle","enforceUnit","placeholderSign","_createVNode","em","headerCellRenderer","headerClass","sortable","cellProps","class","e","columnCellRenderer","componentToSlot","Cell","renderSlot","HeaderCell","sortBy","sortState","headerCellProps","sorting","sortOrder","ariaSort","order","key","Boolean","oppositeOrderMap","SortOrder","ASC","DESC","undefined","cellKls","tryCall","align","Alignment","CENTER","is","RIGHT","cellWrapperProps","onClick","_mergeProps","SortIcon","title"],"mappings":"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"}