primevue
Version:
PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc
2 lines (1 loc) • 7.11 kB
JavaScript
this.primevue=this.primevue||{},this.primevue.treetable=this.primevue.treetable||{},this.primevue.treetable.style=function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return t(primevue.base.style).default.extend({name:"treetable",css:"\n@layer primevue {\n .p-treetable {\n position: relative;\n }\n\n .p-treetable table {\n border-collapse: collapse;\n width: 100%;\n table-layout: fixed;\n }\n\n .p-treetable .p-sortable-column {\n cursor: pointer;\n user-select: none;\n }\n\n .p-treetable-responsive-scroll > .p-treetable-wrapper {\n overflow-x: auto;\n }\n\n .p-treetable-responsive-scroll > .p-treetable-wrapper > table,\n .p-treetable-auto-layout > .p-treetable-wrapper > table {\n table-layout: auto;\n }\n\n .p-treetable-hoverable-rows .p-treetable-tbody > tr {\n cursor: pointer;\n }\n\n .p-treetable-toggler {\n cursor: pointer;\n user-select: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n vertical-align: middle;\n overflow: hidden;\n position: relative;\n }\n\n .p-treetable-toggler + .p-checkbox {\n vertical-align: middle;\n }\n\n .p-treetable-toggler + .p-checkbox + span {\n vertical-align: middle;\n }\n\n /* Resizable */\n .p-treetable-resizable > .p-treetable-wrapper {\n overflow-x: auto;\n }\n\n .p-treetable-resizable .p-treetable-thead > tr > th,\n .p-treetable-resizable .p-treetable-tfoot > tr > td,\n .p-treetable-resizable .p-treetable-tbody > tr > td {\n overflow: hidden;\n }\n\n .p-treetable-resizable .p-resizable-column:not(.p-frozen-column) {\n background-clip: padding-box;\n position: relative;\n }\n\n .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {\n display: none;\n }\n\n .p-treetable .p-column-resizer {\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n margin: 0;\n width: 0.5rem;\n height: 100%;\n padding: 0px;\n cursor: col-resize;\n border: 1px solid transparent;\n }\n\n .p-treetable .p-column-resizer-helper {\n width: 1px;\n position: absolute;\n z-index: 10;\n display: none;\n }\n\n .p-treetable .p-treetable-loading-overlay {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 2;\n }\n\n /* Scrollable */\n .p-treetable-scrollable .p-treetable-wrapper {\n position: relative;\n overflow: auto;\n }\n\n .p-treetable-scrollable .p-treetable-table {\n display: block;\n }\n\n .p-treetable-scrollable .p-treetable-thead,\n .p-treetable-scrollable .p-treetable-tbody,\n .p-treetable-scrollable .p-treetable-tfoot {\n display: block;\n }\n\n .p-treetable-scrollable .p-treetable-thead > tr,\n .p-treetable-scrollable .p-treetable-tbody > tr,\n .p-treetable-scrollable .p-treetable-tfoot > tr {\n display: flex;\n flex-wrap: nowrap;\n width: 100%;\n }\n\n .p-treetable-scrollable .p-treetable-thead > tr > th,\n .p-treetable-scrollable .p-treetable-tbody > tr > td,\n .p-treetable-scrollable .p-treetable-tfoot > tr > td {\n display: flex;\n flex: 1 1 0;\n align-items: center;\n }\n\n .p-treetable-scrollable .p-treetable-thead {\n position: sticky;\n top: 0;\n z-index: 1;\n }\n\n .p-treetable-scrollable .p-treetable-tfoot {\n position: sticky;\n bottom: 0;\n z-index: 1;\n }\n\n .p-treetable-scrollable .p-frozen-column {\n position: sticky;\n background: inherit;\n }\n\n .p-treetable-scrollable th.p-frozen-column {\n z-index: 1;\n }\n\n .p-treetable-scrollable-both .p-treetable-thead > tr > th,\n .p-treetable-scrollable-both .p-treetable-tbody > tr > td,\n .p-treetable-scrollable-both .p-treetable-tfoot > tr > td,\n .p-treetable-scrollable-horizontal .p-treetable-thead > tr > th .p-treetable-scrollable-horizontal .p-treetable-tbody > tr > td,\n .p-treetable-scrollable-horizontal .p-treetable-tfoot > tr > td {\n flex: 0 0 auto;\n }\n\n .p-treetable-flex-scrollable {\n display: flex;\n flex-direction: column;\n height: 100%;\n }\n\n .p-treetable-flex-scrollable .p-treetable-wrapper {\n display: flex;\n flex-direction: column;\n flex: 1;\n height: 100%;\n }\n}\n",classes:{root:function(e){var t=e.props;return["p-treetable p-component",{"p-treetable-hoverable-rows":t.rowHover||e.instance.rowSelectionMode,"p-treetable-auto-layout":t.autoLayout,"p-treetable-resizable":t.resizableColumns,"p-treetable-resizable-fit":t.resizableColumns&&"fit"===t.columnResizeMode,"p-treetable-gridlines":t.showGridlines,"p-treetable-scrollable":t.scrollable,"p-treetable-scrollable-vertical":t.scrollable&&"vertical"===t.scrollDirection,"p-treetable-scrollable-horizontal":t.scrollable&&"horizontal"===t.scrollDirection,"p-treetable-scrollable-both":t.scrollable&&"both"===t.scrollDirection,"p-treetable-flex-scrollable":t.scrollable&&"flex"===t.scrollHeight,"p-treetable-responsive-scroll":"scroll"===t.responsiveLayout,"p-treetable-sm":"small"===t.size,"p-treetable-lg":"large"===t.size}]},loadingWrapper:"p-treetable-loading",loadingOverlay:"p-treetable-loading-overlay p-component-overlay",loadingIcon:"p-treetable-loading-icon",header:"p-treetable-header",paginator:function(e){var t=e.instance;return t.paginatorTop?"p-paginator-top":t.paginatorBottom?"p-paginator-bottom":""},wrapper:"p-treetable-wrapper",thead:"p-treetable-thead",headerCell:function(e){var t=e.instance,l=e.props,r=e.column;return r&&t.hasColumnFilter()?["p-filter-column",{"p-frozen-column":t.columnProp(r,"frozen")}]:[{"p-sortable-column":t.columnProp("sortable"),"p-resizable-column":l.resizableColumns,"p-highlight":t.isColumnSorted(),"p-frozen-column":t.columnProp("frozen")}]},columnResizer:"p-column-resizer",headerTitle:"p-column-title",sortIcon:"p-sortable-column-icon",sortBadge:"p-sortable-column-badge",tbody:"p-treetable-tbody",row:function(e){return[{"p-highlight":e.instance.selected}]},bodyCell:function(e){return[{"p-frozen-column":e.instance.columnProp("frozen")}]},rowToggler:"p-treetable-toggler p-link",rowTogglerIcon:"p-tree-toggler-icon",checkboxWrapper:function(e){return["p-checkbox p-treetable-checkbox p-component",{"p-checkbox-focused":e.instance.checkboxFocused}]},checkbox:function(e){var t=e.instance;return["p-checkbox-box",{"p-highlight":t.checked,"p-focus":t.checkboxFocused,"p-indeterminate":t.partialChecked}]},checkboxicon:"p-checkbox-icon",emptyMessage:"p-treetable-emptymessage",tfoot:"p-treetable-tfoot",footerCell:function(e){return[{"p-frozen-column":e.instance.columnProp("frozen")}]},footer:"p-treetable-footer",resizeHelper:"p-column-resizer-helper p-highlight"}})}();