1 line
7.6 KiB
Plaintext
1 line
7.6 KiB
Plaintext
|
{"version":3,"file":"index.mjs","sources":["../../../src/treetable/style/TreeTableStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/treetable';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n root: ({ instance, props }) => [\n 'p-treetable p-component',\n {\n 'p-treetable-hoverable': props.rowHover || instance.rowSelectionMode,\n 'p-treetable-resizable': props.resizableColumns,\n 'p-treetable-resizable-fit': props.resizableColumns && props.columnResizeMode === 'fit',\n 'p-treetable-scrollable': props.scrollable,\n 'p-treetable-flex-scrollable': props.scrollable && props.scrollHeight === 'flex',\n 'p-treetable-gridlines': props.showGridlines,\n 'p-treetable-sm': props.size === 'small',\n 'p-treetable-lg': props.size === 'large'\n }\n ],\n loading: 'p-treetable-loading', //TODO: required?\n mask: 'p-treetable-mask p-overlay-mask',\n loadingIcon: 'p-treetable-loading-icon',\n header: 'p-treetable-header',\n paginator: ({ position }) => 'p-treetable-paginator-' + position,\n tableContainer: 'p-treetable-table-container',\n table: ({ props }) => [\n 'p-treetable-table',\n {\n 'p-treetable-scrollable-table': props.scrollable,\n 'p-treetable-resizable-table': props.resizableColumns,\n 'p-treetable-resizable-table-fit': props.resizableColumns && props.columnResizeMode === 'fit'\n }\n ],\n thead: 'p-treetable-thead',\n headerCell: ({ instance, props }) => [\n 'p-treetable-header-cell',\n {\n 'p-treetable-sortable-column': instance.columnProp('sortable'),\n 'p-treetable-resizable-column': props.resizableColumns,\n 'p-treetable-column-sorted': instance.columnProp('sortable') ? instance.isColumnSorted() : false,\n 'p-treetable-frozen-column': instance.columnProp('frozen')\n }\n ],\n columnResizer: 'p-treetable-column-resizer',\n columnHeaderContent: 'p-treetable-column-header-content',\n columnTitle: 'p-treetable-column-title',\n sortIcon: 'p-treetable-sort-icon',\n pcSortBadge: 'p-treetable-sort-badge',\n tbody: 'p-treetable-tbody',\n row: ({ props, instance }) => [\n {\n 'p-treetable-selectable-row': instance.$parentInstance.rowSelectionMode,\n 'p-treetable-row-selected': instance.selected,\n 'p-treetable-contextmenu-row-selected': props.contextMenuSelection && instance.isSelectedWithContextMenu\n }\n ],\n bodyCell: ({ instance }) => [\n {\n 'p-treetable-frozen-column': instance.columnProp('frozen')\n }\n ],\n bodyCellContent: ({ instance }) => [\n 'p-treetable-body-cell-content',\n {\n 'p-treetable-body-cell-content-expander': instance.columnProp('expander')\n }\n ],\n nodeToggleButton: 'p-treetable-node-toggle-button',\n nodeToggleIcon: 'p-treetable-node-toggle-icon',\n pcNodeCheckbox: 'p-treetable-node-checkbox',\n emptyMessage: 'p-treetable-empty-message',\n tfoot: 'p-treetable-tfoot',\n footerCell: ({ instance }) => [\n {\n 'p-treetable-frozen-column': instance.columnProp('frozen')\n }\n ],\n footer: 'p-treetable-footer',\n columnResizeIndicator: 'p-treetable-column-resize-indicator'\n};\n\nconst inlineStyles = {\n tableContainer: { overflow: 'auto' },\n thead: { position: 'sticky' },\n tfoot: { position: 'sticky' }\n};\n\nexport default BaseStyle.extend({\n name: 'treetable',\n style,\n classes,\n inlineStyles\n});\n"],"names":["classes","root","_ref","instance","props","rowHover","rowSelectionMode","resizableColumns","columnResizeMode","scrollable","scrollHeight","showGridlines","size","loading","mask","loadingIcon","header","paginator","_ref2","position","tableContainer","table","_ref3","thead","headerCell","_ref4","columnProp","isColumnSorted","columnResizer","columnHeaderContent","columnTitle","sortIcon
|