vexip-ui/es/components/table/table-foot-cell.vue2.mjs.map

A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good

{"version":3,"file":"table-foot-cell.vue2.mjs","sources":["../../../components/table/table-foot-cell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Ellipsis } from '@/components/ellipsis'\nimport { Renderer } from '@/components/renderer'\nimport { ResizeObserver } from '@/components/resize-observer'\n\nimport { computed, inject, ref } from 'vue'\n\nimport { useNameHelper } from '@vexip-ui/config'\nimport { useRtl } from '@vexip-ui/hooks'\nimport { getLast, isFunction } from '@vexip-ui/utils'\nimport { TABLE_ACTIONS, TABLE_STORE, columnTypes } from './symbol'\n\nimport type { PropType, StyleValue } from 'vue'\nimport type { ColumnWithKey, SummaryWithKey, TableRowState, TableTypeColumn } from './symbol'\n\ndefineOptions({ name: 'TableFootCell' })\n\nconst props = defineProps({\n  row: {\n    type: Object as PropType<TableRowState>,\n    default: () => ({}),\n  },\n  column: {\n    type: Object as PropType<ColumnWithKey>,\n    default: () => ({}),\n  },\n  colIndex: {\n    type: Number,\n    default: -1,\n  },\n  summary: {\n    type: Object as PropType<SummaryWithKey>,\n    default: () => ({}),\n  },\n  summaryIndex: {\n    type: Number,\n    default: -1,\n  },\n  fixed: {\n    type: String as PropType<'left' | 'right' | undefined>,\n    default: null,\n  },\n  above: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst { state, getters, mutations } = inject(TABLE_STORE)!\nconst tableActions = inject(TABLE_ACTIONS)!\n\nconst nh = useNameHelper('table')\nconst { isRtl } = useRtl()\n\nconst wrapper = ref<HTMLElement>()\n\nconst inLast = computed(() => {\n  return props.column.index + cellSpan.value.colSpan >= state.columns.length\n})\nconst columns = computed(() => {\n  return props.fixed === 'left'\n    ? state.leftFixedColumns\n    : props.fixed === 'right'\n      ? state.rightFixedColumns\n      : state.normalColumns\n})\n// We use 'a' and 'b' to distinguish above and below\nconst prefix = computed(() => (props.above ? 'af' : 'bf'))\nconst summaries = computed(() => (props.above ? state.aboveSummaries : state.belowSummaries))\nconst heights = computed(() => (props.above ? getters.topFixedHeights : getters.bottomFixedHeights))\nconst className = computed(() => {\n  let customClass = null\n\n  if (typeof state.footClass === 'function') {\n    customClass = state.footClass({\n      column: props.column,\n      columnIndex: props.column.index,\n      summary: props.summary,\n      summaryIndex: props.summaryIndex,\n    })\n  } else {\n    customClass = state.footClass\n  }\n\n  const typed = columnTypes.includes((props.column as TableTypeColumn).type)\n\n  return [\n    nh.be('foot-cell'),\n    {\n      [nh.bem('foot-cell', 'typed')]: typed,\n      [nh.bem('foot-cell', 'center')]: typed || props.column.textAlign === 'center',\n      [nh.bem('foot-cell', 'right')]: props.column.textAlign === 'right',\n      [nh.bem('foot-cell', 'last')]: inLast.value,\n    },\n    props.column.class,\n    customClass,\n  ]\n})\nconst cellSpan = computed(() => {\n  return (\n    state.cellSpanMap\n      .get(props.fixed || 'default')!\n      .get(`${prefix.value}${props.summaryIndex},${props.column.index}`) || {\n      colSpan: 1,\n      rowSpan: 1,\n    }\n  )\n})\nconst customStyle = computed(() => {\n  if (typeof state.footStyle === 'function') {\n    return state.footStyle({\n      column: props.column,\n      columnIndex: props.column.index,\n      summary: props.summary,\n      summaryIndex: props.summaryIndex,\n    })\n  }\n\n  return state.cellStyle\n})\nconst style = computed(() => {\n  const totalWidths =\n    props.fixed === 'left'\n      ? getters.leftFixedWidths\n      : props.fixed === 'right'\n        ? getters.rightFixedWidths\n        : getters.normalWidths\n  const { colSpan, rowSpan } = cellSpan.value\n  const padLeft = columns.value[0]?.fixed === 'left' ? state.sidePadding[0] || 0 : 0\n  const padRight = getLast(columns.value)?.fixed === 'right' ? state.sidePadding[1] || 0 : 0\n  const width = totalWidths[props.colIndex + colSpan] - totalWidths[props.colIndex]\n\n  let height: number | undefined\n\n  if (rowSpan > 1) {\n    height = heights.value[props.summaryIndex + rowSpan] - heights.value[props.summaryIndex]\n  }\n\n  return [\n    props.column.style || '',\n    customStyle.value,\n    {\n      display: !colSpan || !rowSpan ? 'none' : undefined,\n      width: `${(props.column.index ? 0 : padLeft) + (inLast.value ? padRight : 0) + width}px`,\n      height: height ? `${height}px` : undefined,\n      visibility: props.column.fixed && !props.fixed ? 'hidden' : undefined,\n      borderRightWidth:\n        !state.border && colSpan > 1 && props.colIndex + colSpan >= totalWidths.length - 1\n          ? 0\n          : undefined,\n      borderBottomWidth:\n        rowSpan > 1 && props.summaryIndex + rowSpan >= summaries.value.length ? 0 : undefined,\n      transform: `translate3d(${isRtl.value ? '-' : ''}${\n        (props.column.index ? padLeft : 0) + totalWidths[props.colIndex]\n      }px, 0, 0)`,\n    },\n  ] as StyleValue\n})\nconst attrs = computed(() => {\n  let customAttrs: Record<string, any>\n\n  if (typeof state.footAttrs === 'function') {\n    customAttrs = state.footAttrs({\n      column: props.column,\n      columnIndex: props.column.index,\n      summary: props.summary,\n      summaryIndex: props.summaryIndex,\n    })\n  } else {\n    customAttrs = state.footAttrs\n  }\n\n  return { ...(props.column.attrs || {}), ...(customAttrs || {}) }\n})\nconst summaryData = computed(() => getters.summaryData.get(props.column.key))\n\nfunction buildEventPayload(event: Event) {\n  return {\n    column: props.column,\n    columnIndex: props.column.index,\n    summary: props.summary,\n    summaryIndex: props.summaryIndex,\n    event,\n  }\n}\n\nfunction handleMouseEnter(event: MouseEvent) {\n  tableActions?.emitFootEvent('Enter', buildEventPayload(event))\n}\n\nfunction handleMouseLeave(event: MouseEvent) {\n  tableActions?.emitFootEvent('Leave', buildEventPayload(event))\n}\n\nfunction handleClick(event: MouseEvent) {\n  tableActions?.emitFootEvent('Click', buildEventPayload(event))\n}\n\nfunction handleDblclick(event: MouseEvent) {\n  tableActions?.emitFootEvent('Dblclick', buildEventPayload(event))\n}\n\nfunction handleContextmenu(event: MouseEvent) {\n  tableActions?.emitFootEvent('Contextmenu', buildEventPayload(event))\n}\n\nfunction handleCellResize(entry: ResizeObserverEntry) {\n  mutations.setCellHeight(\n    props.row.key,\n    props.column.key,\n    (entry.borderBoxSize?.[0]?.blockSize ?? entry.contentRect.height) + state.borderWidth,\n  )\n}\n</script>\n\n<template>\n  <div\n    v-bind=\"attrs\"\n    ref=\"wrapper\"\n    :class=\"className\"\n    role=\"cell\"\n    :scope=\"column.first ? 'row' : undefined\"\n    :colspan=\"cellSpan.colSpan !== 1 ? cellSpan.colSpan : undefined\"\n    :rowspan=\"cellSpan.rowSpan !== 1 ? cellSpan.rowSpan : undefined\"\n    :style=\"style\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n    @click=\"handleClick\"\n    @dblclick=\"handleDblclick\"\n    @contextmenu=\"handleContextmenu\"\n  >\n    <div\n      v-if=\"column.index === 0\"\n      :class=\"nh.be('side-pad')\"\n      role=\"none\"\n      aria-hidden\n    ></div>\n    <ResizeObserver\n      v-if=\"isFunction(summary.renderer)\"\n      :disabled=\"column.ellipsis ?? state.ellipsis\"\n      :on-resize=\"handleCellResize\"\n    >\n      <span :class=\"nh.be('content')\">\n        <Ellipsis\n          v-if=\"column.ellipsis ?? state.ellipsis\"\n          inherit\n          :class=\"nh.be('ellipsis')\"\n          :tooltip-theme=\"state.tooltipTheme\"\n          :tip-max-width=\"state.tooltipWidth\"\n        >\n          <Renderer\n            :renderer=\"summary.renderer\"\n            :data=\"{\n              column,\n              index: column.index,\n              rows: state.data,\n              meta: summaryData\n            }\"\n          ></Renderer>\n        </Ellipsis>\n        <Renderer\n          v-else\n          :renderer=\"summary.renderer\"\n          :data=\"{\n            column,\n            index: column.index,\n            rows: state.data,\n            meta: summaryData\n          }\"\n        ></Renderer>\n      </span>\n    </ResizeObserver>\n    <div\n      v-if=\"inLast\"\n      :class=\"[nh.be('side-pad'), nh.bem('side-pad', 'right')]\"\n      role=\"none\"\n      aria-hidden\n    ></div>\n  </div>\n</template>\n"],"names":["props","__props","state","getters","mutations","inject","TABLE_STORE","tableActions","TABLE_ACTIONS","nh","useNameHelper","isRtl","useRtl","wrapper","ref","inLast","computed","cellSpan","columns","prefix","summaries","heights","className","customClass","typed","columnTypes","customStyle","style","totalWidths","colSpan","rowSpan","padLeft","_a","padRight","_b","getLast","width","height","attrs","customAttrs","summaryData","buildEventPayload","event","handleMouseEnter","handleMouseLeave","handleClick","handleDblclick","handleContextmenu","handleCellResize","entry","_createElementBlock","_mergeProps","_normalizeClass","_unref","isFunction","_createBlock","ResizeObserver","_createElementVNode","Ellipsis","_createVNode","Renderer"],"mappings":"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"}