primevue 3.30.1 → 3.30.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/basecomponent/BaseComponent.vue +1 -1
- package/basecomponent/basecomponent.cjs.js +1 -1
- package/basecomponent/basecomponent.cjs.min.js +1 -1
- package/basecomponent/basecomponent.esm.js +1 -1
- package/basecomponent/basecomponent.esm.min.js +1 -1
- package/basecomponent/basecomponent.js +1 -1
- package/basecomponent/basecomponent.min.js +1 -1
- package/basedirective/basedirective.cjs.js +1 -1
- package/basedirective/basedirective.cjs.min.js +1 -1
- package/basedirective/basedirective.esm.js +1 -1
- package/basedirective/basedirective.esm.min.js +1 -1
- package/basedirective/basedirective.js +1 -1
- package/basedirective/basedirective.min.js +1 -1
- package/column/Column.d.ts +48 -0
- package/columngroup/ColumnGroup.d.ts +5 -0
- package/core/core.js +19 -13
- package/core/core.min.js +5 -5
- package/datatable/BaseDataTable.vue +7 -1
- package/datatable/BodyCell.vue +5 -3
- package/datatable/ColumnFilter.vue +43 -8
- package/datatable/DataTable.d.ts +30 -0
- package/datatable/FooterCell.vue +3 -1
- package/datatable/HeaderCell.vue +6 -2
- package/datatable/HeaderCheckbox.vue +5 -2
- package/datatable/RowCheckbox.vue +5 -2
- package/datatable/RowRadioButton.vue +5 -2
- package/datatable/TableBody.vue +33 -13
- package/datatable/TableFooter.vue +10 -2
- package/datatable/TableHeader.vue +12 -2
- package/datatable/datatable.cjs.js +149 -43
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +149 -43
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +150 -44
- package/datatable/datatable.min.js +1 -1
- package/dialog/Dialog.vue +13 -1
- package/dialog/dialog.cjs.js +6 -2
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +6 -2
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +6 -2
- package/dialog/dialog.min.js +1 -1
- package/dock/Dock.d.ts +4 -0
- package/dock/DockSub.vue +9 -8
- package/dock/dock.cjs.js +9 -8
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.esm.js +9 -8
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +9 -8
- package/dock/dock.min.js +1 -1
- package/galleria/Galleria.d.ts +4 -0
- package/galleria/GalleriaContent.vue +16 -6
- package/galleria/GalleriaItem.vue +2 -1
- package/galleria/GalleriaThumbnails.vue +1 -0
- package/galleria/galleria.cjs.js +34 -17
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +35 -18
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +34 -17
- package/galleria/galleria.min.js +1 -1
- package/message/BaseMessage.vue +2 -2
- package/message/Message.d.ts +10 -0
- package/message/Message.vue +3 -3
- package/message/message.cjs.js +8 -8
- package/message/message.cjs.min.js +1 -1
- package/message/message.esm.js +8 -8
- package/message/message.esm.min.js +1 -1
- package/message/message.js +8 -8
- package/message/message.min.js +1 -1
- package/multiselect/MultiSelect.vue +2 -1
- package/multiselect/multiselect.cjs.js +4 -4
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.esm.js +5 -5
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +4 -4
- package/multiselect/multiselect.min.js +1 -1
- package/overlaypanel/OverlayPanel.vue +4 -2
- package/overlaypanel/overlaypanel.cjs.js +4 -2
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.esm.js +4 -2
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +4 -2
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +1 -1
- package/scrollpanel/ScrollPanel.vue +2 -0
- package/scrollpanel/scrollpanel.cjs.js +6 -2
- package/scrollpanel/scrollpanel.cjs.min.js +1 -1
- package/scrollpanel/scrollpanel.esm.js +6 -2
- package/scrollpanel/scrollpanel.esm.min.js +1 -1
- package/scrollpanel/scrollpanel.js +6 -2
- package/scrollpanel/scrollpanel.min.js +1 -1
- package/sidebar/Sidebar.vue +1 -1
- package/sidebar/sidebar.cjs.js +3 -1
- package/sidebar/sidebar.cjs.min.js +1 -1
- package/sidebar/sidebar.esm.js +3 -1
- package/sidebar/sidebar.esm.min.js +1 -1
- package/sidebar/sidebar.js +3 -1
- package/sidebar/sidebar.min.js +1 -1
- package/splitbutton/SplitButton.vue +2 -1
- package/splitbutton/splitbutton.cjs.js +4 -2
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +4 -2
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +4 -2
- package/splitbutton/splitbutton.min.js +1 -1
- package/tabmenu/TabMenu.vue +71 -72
- package/tabmenu/tabmenu.cjs.js +67 -75
- package/tabmenu/tabmenu.cjs.min.js +1 -1
- package/tabmenu/tabmenu.esm.js +67 -75
- package/tabmenu/tabmenu.esm.min.js +1 -1
- package/tabmenu/tabmenu.js +67 -75
- package/tabmenu/tabmenu.min.js +1 -1
- package/tabview/TabView.vue +2 -0
- package/tabview/tabview.cjs.js +6 -2
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.esm.js +6 -2
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +6 -2
- package/tabview/tabview.min.js +1 -1
- package/toast/BaseToast.vue +2 -2
- package/toast/Toast.d.ts +10 -0
- package/toast/ToastMessage.vue +3 -2
- package/toast/toast.cjs.js +7 -6
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.esm.js +7 -6
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +7 -6
- package/toast/toast.min.js +1 -1
- package/tree/Tree.d.ts +9 -0
- package/tree/TreeNode.vue +3 -1
- package/tree/tree.cjs.js +3 -1
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.esm.js +3 -1
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +3 -1
- package/tree/tree.min.js +1 -1
- package/treetable/BaseTreeTable.vue +7 -1
- package/treetable/BodyCell.vue +14 -4
- package/treetable/FooterCell.vue +3 -1
- package/treetable/HeaderCell.vue +9 -2
- package/treetable/TreeTable.d.ts +30 -8
- package/treetable/TreeTable.vue +9 -2
- package/treetable/TreeTableRow.vue +10 -1
- package/treetable/treetable.cjs.js +58 -13
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +59 -14
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +58 -13
- package/treetable/treetable.min.js +1 -1
- package/vetur-attributes.json +8 -0
- package/vetur-tags.json +2 -0
- package/web-types.json +21 -1
package/tree/tree.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primevue=this.primevue||{},this.primevue.tree=function(e,t,n,o,r,i,l,c,a,s,d){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=u(e),h=u(t),f=u(o),y=u(i),g=u(l),m=u(c),b=u(a),k=u(s),v=r.useStyle("\n.p-tree-container {\n margin: 0;\n padding: 0;\n list-style-type: none;\n overflow: auto;\n}\n\n.p-treenode-children {\n margin: 0;\n padding: 0;\n list-style-type: none;\n}\n\n.p-tree-wrapper {\n overflow: auto;\n}\n\n.p-treenode-selectable {\n cursor: pointer;\n user-select: none;\n}\n\n.p-tree-toggler {\n cursor: pointer;\n user-select: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n flex-shrink: 0;\n}\n\n.p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n visibility: hidden;\n}\n\n.p-treenode-content {\n display: flex;\n align-items: center;\n}\n\n.p-tree-filter {\n width: 100%;\n}\n\n.p-tree-filter-container {\n position: relative;\n display: block;\n width: 100%;\n}\n\n.p-tree-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-tree-loading {\n position: relative;\n min-height: 4rem;\n}\n\n.p-tree .p-tree-loading-overlay {\n position: absolute;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-tree-flex-scrollable {\n display: flex;\n flex: 1;\n height: 100%;\n flex-direction: column;\n}\n\n.p-tree-flex-scrollable .p-tree-wrapper {\n flex: 1;\n}\n",{name:"tree",manual:!0}),x={name:"BaseTree",extends:f.default,props:{value:{type:null,default:null},expandedKeys:{type:null,default:null},selectionKeys:{type:null,default:null},selectionMode:{type:String,default:null},metaKeySelection:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:void 0},filter:{type:Boolean,default:!1},filterBy:{type:String,default:"label"},filterMode:{type:String,default:"lenient"},filterPlaceholder:{type:String,default:null},filterLocale:{type:String,default:void 0},scrollHeight:{type:String,default:null},level:{type:Number,default:0},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},css:{classes:{root:function(e){var t=e.props;return["p-tree p-component",{"p-tree-selectable":null!=t.selectionMode,"p-tree-loading":t.loading,"p-tree-flex-scrollable":"flex"===t.scrollHeight}]},loadingOverlay:"p-tree-loading-overlay p-component-overlay",loadingIcon:"p-tree-loading-icon",filterContainer:"p-tree-filter-container",input:"p-tree-filter p-inputtext p-component",searchIcon:"p-tree-filter-icon",wrapper:"p-tree-wrapper",container:"p-tree-container",node:function(e){return["p-treenode",{"p-treenode-leaf":e.instance.leaf}]},content:function(e){var t=e.instance;return["p-treenode-content",t.node.styleClass,{"p-treenode-selectable":t.selectable,"p-highlight":t.checkboxMode?t.checked:t.selected}]},toggler:"p-tree-toggler p-link",togglerIcon:"p-tree-toggler-icon",checkboxContainer:"p-checkbox p-component",checkbox:function(e){var t=e.instance;return["p-checkbox-box",{"p-highlight":t.checked,"p-indeterminate":t.partialChecked}]},checkboxIcon:"p-checkbox-icon",nodeIcon:function(e){return["p-treenode-icon",e.instance.node.icon]},label:"p-treenode-label",subgroup:"p-treenode-children"},loadStyle:v.load},provide:function(){return{$parentInstance:this}}};function C(e){return C="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},C(e)}function S(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=E(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var o=0,r=function(){};return{s:r,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,l=!0,c=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){c=!0,i=e},f:function(){try{l||null==n.return||n.return()}finally{if(c)throw i}}}}function w(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function K(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach((function(t){N(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function N(e,t,n){return(t=T(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function T(e){var t=I(e,"string");return"symbol"===C(t)?t:String(t)}function I(e,t){if("object"!==C(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==C(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){return B(e)||M(e)||E(e)||P()}function P(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,t){if(e){if("string"==typeof e)return A(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?A(e,t):void 0}}function M(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function B(e){if(Array.isArray(e))return A(e)}function A(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}var D={name:"TreeNode",hostName:"Tree",extends:f.default,emits:["node-toggle","node-click","checkbox-change"],props:{node:{type:null,default:null},expandedKeys:{type:null,default:null},selectionKeys:{type:null,default:null},selectionMode:{type:String,default:null},templates:{type:null,default:null},level:{type:Number,default:null},index:{type:Number,default:null}},nodeTouched:!1,toggleClicked:!1,mounted:function(){this.setAllNodesTabIndexes()},methods:{toggle:function(){this.$emit("node-toggle",this.node),this.toggleClicked=!0},label:function(e){return"function"==typeof e.label?e.label():e.label},onChildNodeToggle:function(e){this.$emit("node-toggle",e)},getPTOptions:function(e){return this.ptm(e,{context:{expanded:this.expanded,selected:this.selected,checked:this.checked}})},onClick:function(e){this.toggleClicked||n.DomHandler.getAttribute(e.target,'[data-pc-section="toggler"]')||n.DomHandler.getAttribute(e.target.parentElement,'[data-pc-section="toggler"]')?this.toggleClicked=!1:(this.isCheckboxSelectionMode()?this.toggleCheckbox():this.$emit("node-click",{originalEvent:e,nodeTouched:this.nodeTouched,node:this.node}),this.nodeTouched=!1)},onChildNodeClick:function(e){this.$emit("node-click",e)},onTouchEnd:function(){this.nodeTouched=!0},onKeyDown:function(e){if(this.isSameNode(e))switch(e.code){case"Tab":this.onTabKey(e);break;case"ArrowDown":this.onArrowDown(e);break;case"ArrowUp":this.onArrowUp(e);break;case"ArrowRight":this.onArrowRight(e);break;case"ArrowLeft":this.onArrowLeft(e);break;case"Enter":case"Space":this.onEnterKey(e)}},onArrowDown:function(e){var t="toggler"===e.target.getAttribute("data-pc-section")?e.target.closest('[role="treeitem"]'):e.target,n=t.children[1];if(n)this.focusRowChange(t,n.children[0]);else if(t.nextElementSibling)this.focusRowChange(t,t.nextElementSibling);else{var o=this.findNextSiblingOfAncestor(t);o&&this.focusRowChange(t,o)}e.preventDefault()},onArrowUp:function(e){var t=e.target;if(t.previousElementSibling)this.focusRowChange(t,t.previousElementSibling,this.findLastVisibleDescendant(t.previousElementSibling));else{var n=this.getParentNodeElement(t);n&&this.focusRowChange(t,n)}e.preventDefault()},onArrowRight:function(e){var t=this;this.leaf||this.expanded||(e.currentTarget.tabIndex=-1,this.$emit("node-toggle",this.node),this.$nextTick((function(){t.onArrowDown(e)})))},onArrowLeft:function(e){var t=n.DomHandler.findSingle(e.currentTarget,'[data-pc-section="toggler"]');if(0===this.level&&!this.expanded)return!1;if(this.expanded&&!this.leaf)return t.click(),!1;var o=this.findBeforeClickableNode(e.currentTarget);o&&this.focusRowChange(e.currentTarget,o)},onEnterKey:function(e){this.setTabIndexForSelectionMode(e,this.nodeTouched),this.onClick(e),e.preventDefault()},onTabKey:function(){this.setAllNodesTabIndexes()},setAllNodesTabIndexes:function(){var e=n.DomHandler.find(this.$refs.currentNode.closest('[data-pc-section="container"]'),'[role="treeitem"]'),t=O(e).some((function(e){return"true"===e.getAttribute("aria-selected")||"true"===e.getAttribute("aria-checked")}));(O(e).forEach((function(e){e.tabIndex=-1})),t)?O(e).filter((function(e){return"true"===e.getAttribute("aria-selected")||"true"===e.getAttribute("aria-checked")}))[0].tabIndex=0:O(e)[0].tabIndex=0},setTabIndexForSelectionMode:function(e,t){if(null!==this.selectionMode){var o=O(n.DomHandler.find(this.$refs.currentNode.parentElement,'[role="treeitem"]'));e.currentTarget.tabIndex=!1===t?-1:0,o.every((function(e){return-1===e.tabIndex}))&&(o[0].tabIndex=0)}},focusRowChange:function(e,t,n){e.tabIndex="-1",t.tabIndex="0",this.focusNode(n||t)},findBeforeClickableNode:function(e){var t=e.closest("ul").closest("li");if(t){var o=n.DomHandler.findSingle(t,"button");return o&&"hidden"!==o.style.visibility?t:this.findBeforeClickableNode(e.previousElementSibling)}return null},toggleCheckbox:function(){var e=this.selectionKeys?K({},this.selectionKeys):{},t=!this.checked;this.propagateDown(this.node,t,e),this.$emit("checkbox-change",{node:this.node,check:t,selectionKeys:e})},propagateDown:function(e,t,n){if(t?n[e.key]={checked:!0,partialChecked:!1}:delete n[e.key],e.children&&e.children.length){var o,r=S(e.children);try{for(r.s();!(o=r.n()).done;){this.propagateDown(o.value,t,n)}}catch(e){r.e(e)}finally{r.f()}}},propagateUp:function(e){var t,n=e.check,o=K({},e.selectionKeys),r=0,i=!1,l=S(this.node.children);try{for(l.s();!(t=l.n()).done;){var c=t.value;o[c.key]&&o[c.key].checked?r++:o[c.key]&&o[c.key].partialChecked&&(i=!0)}}catch(e){l.e(e)}finally{l.f()}n&&r===this.node.children.length?o[this.node.key]={checked:!0,partialChecked:!1}:(n||delete o[this.node.key],i||r>0&&r!==this.node.children.length?o[this.node.key]={checked:!1,partialChecked:!0}:delete o[this.node.key]),this.$emit("checkbox-change",{node:e.node,check:e.check,selectionKeys:o})},onChildCheckboxChange:function(e){this.$emit("checkbox-change",e)},findNextSiblingOfAncestor:function(e){var t=this.getParentNodeElement(e);return t?t.nextElementSibling?t.nextElementSibling:this.findNextSiblingOfAncestor(t):null},findLastVisibleDescendant:function(e){var t=e.children[1];return t?this.findLastVisibleDescendant(t.children[t.children.length-1]):e},getParentNodeElement:function(e){var t=e.parentElement.parentElement;return"treeitem"===n.DomHandler.getAttribute(t,"role")?t:null},focusNode:function(e){e.focus()},isCheckboxSelectionMode:function(){return"checkbox"===this.selectionMode},isSameNode:function(e){return e.currentTarget&&(e.currentTarget.isSameNode(e.target)||e.currentTarget.isSameNode(e.target.closest('[role="treeitem"]')))}},computed:{hasChildren:function(){return this.node.children&&this.node.children.length>0},expanded:function(){return this.expandedKeys&&!0===this.expandedKeys[this.node.key]},leaf:function(){return!1!==this.node.leaf&&!(this.node.children&&this.node.children.length)},selectable:function(){return!1!==this.node.selectable&&null!=this.selectionMode},selected:function(){return!(!this.selectionMode||!this.selectionKeys)&&!0===this.selectionKeys[this.node.key]},checkboxMode:function(){return"checkbox"===this.selectionMode&&!1!==this.node.selectable},checked:function(){return!!this.selectionKeys&&(this.selectionKeys[this.node.key]&&this.selectionKeys[this.node.key].checked)},partialChecked:function(){return!!this.selectionKeys&&(this.selectionKeys[this.node.key]&&this.selectionKeys[this.node.key].partialChecked)},ariaChecked:function(){return"single"===this.selectionMode||"multiple"===this.selectionMode?this.selected:void 0},ariaSelected:function(){return this.checkboxMode?this.checked:void 0}},components:{ChevronDownIcon:g.default,ChevronRightIcon:m.default,CheckIcon:y.default,MinusIcon:b.default},directives:{ripple:k.default}},j=["aria-label","aria-selected","aria-expanded","aria-setsize","aria-posinset","aria-level","aria-checked","tabindex"],$=["data-p-highlight","data-p-selectable"],V=["data-p-checked","data-p-partialchecked"];function F(e){return F="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},F(e)}function L(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=H(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var o=0,r=function(){};return{s:r,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,l=!0,c=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){c=!0,i=e},f:function(){try{l||null==n.return||n.return()}finally{if(c)throw i}}}}function R(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function H(e,t){if(e){if("string"==typeof e)return z(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?z(e,t):void 0}}function U(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _(e){if(Array.isArray(e))return z(e)}function z(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function W(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function q(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?W(Object(n),!0).forEach((function(t){G(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):W(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function G(e,t,n){return(t=J(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function J(e){var t=Q(e,"string");return"symbol"===F(t)?t:String(t)}function Q(e,t){if("object"!==F(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==F(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}D.render=function(e,t,n,o,r,i){var l=d.resolveComponent("TreeNode",!0),c=d.resolveDirective("ripple");return d.openBlock(),d.createElementBlock("li",d.mergeProps({ref:"currentNode",class:e.cx("node"),role:"treeitem","aria-label":i.label(n.node),"aria-selected":i.ariaSelected,"aria-expanded":i.expanded,"aria-setsize":n.node.children?n.node.children.length:0,"aria-posinset":n.index+1,"aria-level":n.level,"aria-checked":i.ariaChecked,tabindex:0===n.index?0:-1,onKeydown:t[3]||(t[3]=function(){return i.onKeyDown&&i.onKeyDown.apply(i,arguments)})},1===n.level?i.getPTOptions("node"):e.ptm("subgroup")),[d.createElementVNode("div",d.mergeProps({class:e.cx("content"),onClick:t[1]||(t[1]=function(){return i.onClick&&i.onClick.apply(i,arguments)}),onTouchend:t[2]||(t[2]=function(){return i.onTouchEnd&&i.onTouchEnd.apply(i,arguments)}),style:n.node.style},i.getPTOptions("content"),{"data-p-highlight":i.checkboxMode?i.checked:i.selected,"data-p-selectable":i.selectable}),[d.withDirectives((d.openBlock(),d.createElementBlock("button",d.mergeProps({type:"button",class:e.cx("toggler"),onClick:t[0]||(t[0]=function(){return i.toggle&&i.toggle.apply(i,arguments)}),tabindex:"-1","aria-hidden":"true"},i.getPTOptions("toggler")),[n.templates.togglericon?(d.openBlock(),d.createBlock(d.resolveDynamicComponent(n.templates.togglericon),{key:0,node:n.node,expanded:i.expanded,class:d.normalizeClass(e.cx("togglerIcon"))},null,8,["node","expanded","class"])):i.expanded?(d.openBlock(),d.createBlock(d.resolveDynamicComponent(n.node.expandedIcon?"span":"ChevronDownIcon"),d.mergeProps({key:1,class:e.cx("togglerIcon")},i.getPTOptions("togglerIcon")),null,16,["class"])):(d.openBlock(),d.createBlock(d.resolveDynamicComponent(n.node.collapsedIcon?"span":"ChevronRightIcon"),d.mergeProps({key:2,class:e.cx("togglerIcon")},i.getPTOptions("togglerIcon")),null,16,["class"]))],16)),[[c]]),i.checkboxMode?(d.openBlock(),d.createElementBlock("div",d.mergeProps({key:0,class:e.cx("checkboxContainer"),"aria-hidden":"true"},i.getPTOptions("checkboxContainer")),[d.createElementVNode("div",d.mergeProps({class:e.cx("checkbox"),role:"checkbox"},i.getPTOptions("checkbox"),{"data-p-checked":i.checked,"data-p-partialchecked":i.partialChecked}),[n.templates.checkboxicon?(d.openBlock(),d.createBlock(d.resolveDynamicComponent(n.templates.checkboxicon),{key:0,checked:i.checked,partialChecked:i.partialChecked,class:d.normalizeClass(e.cx("checkboxIcon"))},null,8,["checked","partialChecked","class"])):(d.openBlock(),d.createBlock(d.resolveDynamicComponent(i.checked?"CheckIcon":i.partialChecked?"MinusIcon":null),d.mergeProps({key:1,class:e.cx("checkboxIcon")},i.getPTOptions("checkboxIcon")),null,16,["class"]))],16,V)],16)):d.createCommentVNode("",!0),d.createElementVNode("span",d.mergeProps({class:e.cx("nodeIcon")},i.getPTOptions("nodeIcon")),null,16),d.createElementVNode("span",d.mergeProps({class:e.cx("label")},i.getPTOptions("label")),[n.templates[n.node.type]||n.templates.default?(d.openBlock(),d.createBlock(d.resolveDynamicComponent(n.templates[n.node.type]||n.templates.default),{key:0,node:n.node},null,8,["node"])):(d.openBlock(),d.createElementBlock(d.Fragment,{key:1},[d.createTextVNode(d.toDisplayString(i.label(n.node)),1)],64))],16)],16,$),i.hasChildren&&i.expanded?(d.openBlock(),d.createElementBlock("ul",d.mergeProps({key:0,class:e.cx("subgroup"),role:"group"},e.ptm("subgroup")),[(d.openBlock(!0),d.createElementBlock(d.Fragment,null,d.renderList(n.node.children,(function(t){return d.openBlock(),d.createBlock(l,{key:t.key,node:t,templates:n.templates,level:n.level+1,expandedKeys:n.expandedKeys,onNodeToggle:i.onChildNodeToggle,onNodeClick:i.onChildNodeClick,selectionMode:n.selectionMode,selectionKeys:n.selectionKeys,onCheckboxChange:i.propagateUp,pt:e.pt},null,8,["node","templates","level","expandedKeys","onNodeToggle","onNodeClick","selectionMode","selectionKeys","onCheckboxChange","pt"])})),128))],16)):d.createCommentVNode("",!0)],16,j)};var X={name:"Tree",extends:x,emits:["node-expand","node-collapse","update:expandedKeys","update:selectionKeys","node-select","node-unselect"],data:function(){return{d_expandedKeys:this.expandedKeys||{},filterValue:null}},watch:{expandedKeys:function(e){this.d_expandedKeys=e}},methods:{onNodeToggle:function(e){var t=e.key;this.d_expandedKeys[t]?(delete this.d_expandedKeys[t],this.$emit("node-collapse",e)):(this.d_expandedKeys[t]=!0,this.$emit("node-expand",e)),this.d_expandedKeys=q({},this.d_expandedKeys),this.$emit("update:expandedKeys",this.d_expandedKeys)},onNodeClick:function(e){if(null!=this.selectionMode&&!1!==e.node.selectable){var t=!e.nodeTouched&&this.metaKeySelection?this.handleSelectionWithMetaKey(e):this.handleSelectionWithoutMetaKey(e);this.$emit("update:selectionKeys",t)}},onCheckboxChange:function(e){this.$emit("update:selectionKeys",e.selectionKeys),this.$emit(e.check?"node-select":"node-unselect",e.node)},handleSelectionWithMetaKey:function(e){var t,n=e.originalEvent,o=e.node,r=n.metaKey||n.ctrlKey;return this.isNodeSelected(o)&&r?(this.isSingleSelectionMode()?t={}:delete(t=q({},this.selectionKeys))[o.key],this.$emit("node-unselect",o)):(this.isSingleSelectionMode()?t={}:this.isMultipleSelectionMode()&&(t=r&&this.selectionKeys?q({},this.selectionKeys):{}),t[o.key]=!0,this.$emit("node-select",o)),t},handleSelectionWithoutMetaKey:function(e){var t,n=e.node,o=this.isNodeSelected(n);return this.isSingleSelectionMode()?o?(t={},this.$emit("node-unselect",n)):((t={})[n.key]=!0,this.$emit("node-select",n)):o?(delete(t=q({},this.selectionKeys))[n.key],this.$emit("node-unselect",n)):((t=this.selectionKeys?q({},this.selectionKeys):{})[n.key]=!0,this.$emit("node-select",n)),t},isSingleSelectionMode:function(){return"single"===this.selectionMode},isMultipleSelectionMode:function(){return"multiple"===this.selectionMode},isNodeSelected:function(e){return!(!this.selectionMode||!this.selectionKeys)&&!0===this.selectionKeys[e.key]},isChecked:function(e){return!!this.selectionKeys&&(this.selectionKeys[e.key]&&this.selectionKeys[e.key].checked)},isNodeLeaf:function(e){return!1!==e.leaf&&!(e.children&&e.children.length)},onFilterKeydown:function(e){13===e.which&&e.preventDefault()},findFilteredNodes:function(e,t){if(e){var n=!1;if(e.children){var o=_(c=e.children)||U(c)||H(c)||R();e.children=[];var r,i=L(o);try{for(i.s();!(r=i.n()).done;){var l=q({},r.value);this.isFilterMatched(l,t)&&(n=!0,e.children.push(l))}}catch(e){i.e(e)}finally{i.f()}}if(n)return!0}var c},isFilterMatched:function(e,t){var o,r=t.searchFields,i=t.filterText,l=t.strict,c=!1,a=L(r);try{for(a.s();!(o=a.n()).done;){String(n.ObjectUtils.resolveFieldData(e,o.value)).toLocaleLowerCase(this.filterLocale).indexOf(i)>-1&&(c=!0)}}catch(e){a.e(e)}finally{a.f()}return(!c||l&&!this.isNodeLeaf(e))&&(c=this.findFilteredNodes(e,{searchFields:r,filterText:i,strict:l})||c),c}},computed:{filteredValue:function(){var e,t=[],n=this.filterBy.split(","),o=this.filterValue.trim().toLocaleLowerCase(this.filterLocale),r="strict"===this.filterMode,i=L(this.value);try{for(i.s();!(e=i.n()).done;){var l=q({},e.value),c={searchFields:n,filterText:o,strict:r};(r&&(this.findFilteredNodes(l,c)||this.isFilterMatched(l,c))||!r&&(this.isFilterMatched(l,c)||this.findFilteredNodes(l,c)))&&t.push(l)}}catch(e){i.e(e)}finally{i.f()}return t},valueToRender:function(){return this.filterValue&&this.filterValue.trim().length>0?this.filteredValue:this.value}},components:{TreeNode:D,SearchIcon:p.default,SpinnerIcon:h.default}},Y=["placeholder"],Z=["aria-labelledby","aria-label"];return X.render=function(e,t,n,o,r,i){var l=d.resolveComponent("SpinnerIcon"),c=d.resolveComponent("SearchIcon"),a=d.resolveComponent("TreeNode");return d.openBlock(),d.createElementBlock("div",d.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"tree"}),[e.loading?(d.openBlock(),d.createElementBlock("div",d.mergeProps({key:0,class:e.cx("loadingOverlay")},e.ptm("loadingOverlay")),[d.renderSlot(e.$slots,"loadingicon",{class:d.normalizeClass(e.cx("loadingIcon"))},(function(){return[e.loadingIcon?(d.openBlock(),d.createElementBlock("i",d.mergeProps({key:0,class:[e.cx("loadingIcon"),"pi-spin",e.loadingIcon]},e.ptm("loadingIcon")),null,16)):(d.openBlock(),d.createBlock(l,d.mergeProps({key:1,spin:"",class:e.cx("loadingIcon")},e.ptm("loadingIcon")),null,16,["class"]))]}))],16)):d.createCommentVNode("",!0),e.filter?(d.openBlock(),d.createElementBlock("div",d.mergeProps({key:1,class:e.cx("filterContainer")},e.ptm("filterContainer")),[d.withDirectives(d.createElementVNode("input",d.mergeProps({"onUpdate:modelValue":t[0]||(t[0]=function(e){return r.filterValue=e}),type:"text",autocomplete:"off",class:e.cx("input"),placeholder:e.filterPlaceholder,onKeydown:t[1]||(t[1]=function(){return i.onFilterKeydown&&i.onFilterKeydown.apply(i,arguments)})},e.ptm("input")),null,16,Y),[[d.vModelText,r.filterValue]]),d.renderSlot(e.$slots,"searchicon",{class:d.normalizeClass(e.cx("searchIcon"))},(function(){return[d.createVNode(c,d.mergeProps({class:e.cx("searchIcon")},e.ptm("searchIcon")),null,16,["class"])]}))],16)):d.createCommentVNode("",!0),d.createElementVNode("div",d.mergeProps({class:e.cx("wrapper"),style:{maxHeight:e.scrollHeight}},e.ptm("wrapper")),[d.createElementVNode("ul",d.mergeProps({class:e.cx("container"),role:"tree","aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel},e.ptm("container")),[(d.openBlock(!0),d.createElementBlock(d.Fragment,null,d.renderList(i.valueToRender,(function(t,n){return d.openBlock(),d.createBlock(a,{key:t.key,node:t,templates:e.$slots,level:e.level+1,index:n,expandedKeys:r.d_expandedKeys,onNodeToggle:i.onNodeToggle,onNodeClick:i.onNodeClick,selectionMode:e.selectionMode,selectionKeys:e.selectionKeys,onCheckboxChange:i.onCheckboxChange,pt:e.pt},null,8,["node","templates","level","index","expandedKeys","onNodeToggle","onNodeClick","selectionMode","selectionKeys","onCheckboxChange","pt"])})),128))],16,Z)],16)],16)},X}(primevue.icons.search,primevue.icons.spinner,primevue.utils,primevue.basecomponent,primevue.usestyle,primevue.icons.check,primevue.icons.chevrondown,primevue.icons.chevronright,primevue.icons.minus,primevue.ripple,Vue);
|
|
1
|
+
this.primevue=this.primevue||{},this.primevue.tree=function(e,t,n,o,r,i,l,c,a,s,d){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=u(e),h=u(t),f=u(o),y=u(i),g=u(l),m=u(c),b=u(a),k=u(s),v=r.useStyle("\n.p-tree-container {\n margin: 0;\n padding: 0;\n list-style-type: none;\n overflow: auto;\n}\n\n.p-treenode-children {\n margin: 0;\n padding: 0;\n list-style-type: none;\n}\n\n.p-tree-wrapper {\n overflow: auto;\n}\n\n.p-treenode-selectable {\n cursor: pointer;\n user-select: none;\n}\n\n.p-tree-toggler {\n cursor: pointer;\n user-select: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n flex-shrink: 0;\n}\n\n.p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n visibility: hidden;\n}\n\n.p-treenode-content {\n display: flex;\n align-items: center;\n}\n\n.p-tree-filter {\n width: 100%;\n}\n\n.p-tree-filter-container {\n position: relative;\n display: block;\n width: 100%;\n}\n\n.p-tree-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-tree-loading {\n position: relative;\n min-height: 4rem;\n}\n\n.p-tree .p-tree-loading-overlay {\n position: absolute;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-tree-flex-scrollable {\n display: flex;\n flex: 1;\n height: 100%;\n flex-direction: column;\n}\n\n.p-tree-flex-scrollable .p-tree-wrapper {\n flex: 1;\n}\n",{name:"tree",manual:!0}),x={name:"BaseTree",extends:f.default,props:{value:{type:null,default:null},expandedKeys:{type:null,default:null},selectionKeys:{type:null,default:null},selectionMode:{type:String,default:null},metaKeySelection:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},loadingIcon:{type:String,default:void 0},filter:{type:Boolean,default:!1},filterBy:{type:String,default:"label"},filterMode:{type:String,default:"lenient"},filterPlaceholder:{type:String,default:null},filterLocale:{type:String,default:void 0},scrollHeight:{type:String,default:null},level:{type:Number,default:0},"aria-labelledby":{type:String,default:null},"aria-label":{type:String,default:null}},css:{classes:{root:function(e){var t=e.props;return["p-tree p-component",{"p-tree-selectable":null!=t.selectionMode,"p-tree-loading":t.loading,"p-tree-flex-scrollable":"flex"===t.scrollHeight}]},loadingOverlay:"p-tree-loading-overlay p-component-overlay",loadingIcon:"p-tree-loading-icon",filterContainer:"p-tree-filter-container",input:"p-tree-filter p-inputtext p-component",searchIcon:"p-tree-filter-icon",wrapper:"p-tree-wrapper",container:"p-tree-container",node:function(e){return["p-treenode",{"p-treenode-leaf":e.instance.leaf}]},content:function(e){var t=e.instance;return["p-treenode-content",t.node.styleClass,{"p-treenode-selectable":t.selectable,"p-highlight":t.checkboxMode?t.checked:t.selected}]},toggler:"p-tree-toggler p-link",togglerIcon:"p-tree-toggler-icon",checkboxContainer:"p-checkbox p-component",checkbox:function(e){var t=e.instance;return["p-checkbox-box",{"p-highlight":t.checked,"p-indeterminate":t.partialChecked}]},checkboxIcon:"p-checkbox-icon",nodeIcon:function(e){return["p-treenode-icon",e.instance.node.icon]},label:"p-treenode-label",subgroup:"p-treenode-children"},loadStyle:v.load},provide:function(){return{$parentInstance:this}}};function C(e){return C="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},C(e)}function S(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=E(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var o=0,r=function(){};return{s:r,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,l=!0,c=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){c=!0,i=e},f:function(){try{l||null==n.return||n.return()}finally{if(c)throw i}}}}function w(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function K(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach((function(t){N(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function N(e,t,n){return(t=T(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function T(e){var t=I(e,"string");return"symbol"===C(t)?t:String(t)}function I(e,t){if("object"!==C(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==C(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){return B(e)||M(e)||E(e)||P()}function P(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,t){if(e){if("string"==typeof e)return A(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?A(e,t):void 0}}function M(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function B(e){if(Array.isArray(e))return A(e)}function A(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}var D={name:"TreeNode",hostName:"Tree",extends:f.default,emits:["node-toggle","node-click","checkbox-change"],props:{node:{type:null,default:null},expandedKeys:{type:null,default:null},selectionKeys:{type:null,default:null},selectionMode:{type:String,default:null},templates:{type:null,default:null},level:{type:Number,default:null},index:{type:Number,default:null}},nodeTouched:!1,toggleClicked:!1,mounted:function(){this.setAllNodesTabIndexes()},methods:{toggle:function(){this.$emit("node-toggle",this.node),this.toggleClicked=!0},label:function(e){return"function"==typeof e.label?e.label():e.label},onChildNodeToggle:function(e){this.$emit("node-toggle",e)},getPTOptions:function(e){return this.ptm(e,{context:{index:this.index,expanded:this.expanded,selected:this.selected,checked:this.checked,leaf:this.leaf}})},onClick:function(e){this.toggleClicked||n.DomHandler.getAttribute(e.target,'[data-pc-section="toggler"]')||n.DomHandler.getAttribute(e.target.parentElement,'[data-pc-section="toggler"]')?this.toggleClicked=!1:(this.isCheckboxSelectionMode()?this.toggleCheckbox():this.$emit("node-click",{originalEvent:e,nodeTouched:this.nodeTouched,node:this.node}),this.nodeTouched=!1)},onChildNodeClick:function(e){this.$emit("node-click",e)},onTouchEnd:function(){this.nodeTouched=!0},onKeyDown:function(e){if(this.isSameNode(e))switch(e.code){case"Tab":this.onTabKey(e);break;case"ArrowDown":this.onArrowDown(e);break;case"ArrowUp":this.onArrowUp(e);break;case"ArrowRight":this.onArrowRight(e);break;case"ArrowLeft":this.onArrowLeft(e);break;case"Enter":case"Space":this.onEnterKey(e)}},onArrowDown:function(e){var t="toggler"===e.target.getAttribute("data-pc-section")?e.target.closest('[role="treeitem"]'):e.target,n=t.children[1];if(n)this.focusRowChange(t,n.children[0]);else if(t.nextElementSibling)this.focusRowChange(t,t.nextElementSibling);else{var o=this.findNextSiblingOfAncestor(t);o&&this.focusRowChange(t,o)}e.preventDefault()},onArrowUp:function(e){var t=e.target;if(t.previousElementSibling)this.focusRowChange(t,t.previousElementSibling,this.findLastVisibleDescendant(t.previousElementSibling));else{var n=this.getParentNodeElement(t);n&&this.focusRowChange(t,n)}e.preventDefault()},onArrowRight:function(e){var t=this;this.leaf||this.expanded||(e.currentTarget.tabIndex=-1,this.$emit("node-toggle",this.node),this.$nextTick((function(){t.onArrowDown(e)})))},onArrowLeft:function(e){var t=n.DomHandler.findSingle(e.currentTarget,'[data-pc-section="toggler"]');if(0===this.level&&!this.expanded)return!1;if(this.expanded&&!this.leaf)return t.click(),!1;var o=this.findBeforeClickableNode(e.currentTarget);o&&this.focusRowChange(e.currentTarget,o)},onEnterKey:function(e){this.setTabIndexForSelectionMode(e,this.nodeTouched),this.onClick(e),e.preventDefault()},onTabKey:function(){this.setAllNodesTabIndexes()},setAllNodesTabIndexes:function(){var e=n.DomHandler.find(this.$refs.currentNode.closest('[data-pc-section="container"]'),'[role="treeitem"]'),t=O(e).some((function(e){return"true"===e.getAttribute("aria-selected")||"true"===e.getAttribute("aria-checked")}));(O(e).forEach((function(e){e.tabIndex=-1})),t)?O(e).filter((function(e){return"true"===e.getAttribute("aria-selected")||"true"===e.getAttribute("aria-checked")}))[0].tabIndex=0:O(e)[0].tabIndex=0},setTabIndexForSelectionMode:function(e,t){if(null!==this.selectionMode){var o=O(n.DomHandler.find(this.$refs.currentNode.parentElement,'[role="treeitem"]'));e.currentTarget.tabIndex=!1===t?-1:0,o.every((function(e){return-1===e.tabIndex}))&&(o[0].tabIndex=0)}},focusRowChange:function(e,t,n){e.tabIndex="-1",t.tabIndex="0",this.focusNode(n||t)},findBeforeClickableNode:function(e){var t=e.closest("ul").closest("li");if(t){var o=n.DomHandler.findSingle(t,"button");return o&&"hidden"!==o.style.visibility?t:this.findBeforeClickableNode(e.previousElementSibling)}return null},toggleCheckbox:function(){var e=this.selectionKeys?K({},this.selectionKeys):{},t=!this.checked;this.propagateDown(this.node,t,e),this.$emit("checkbox-change",{node:this.node,check:t,selectionKeys:e})},propagateDown:function(e,t,n){if(t?n[e.key]={checked:!0,partialChecked:!1}:delete n[e.key],e.children&&e.children.length){var o,r=S(e.children);try{for(r.s();!(o=r.n()).done;){this.propagateDown(o.value,t,n)}}catch(e){r.e(e)}finally{r.f()}}},propagateUp:function(e){var t,n=e.check,o=K({},e.selectionKeys),r=0,i=!1,l=S(this.node.children);try{for(l.s();!(t=l.n()).done;){var c=t.value;o[c.key]&&o[c.key].checked?r++:o[c.key]&&o[c.key].partialChecked&&(i=!0)}}catch(e){l.e(e)}finally{l.f()}n&&r===this.node.children.length?o[this.node.key]={checked:!0,partialChecked:!1}:(n||delete o[this.node.key],i||r>0&&r!==this.node.children.length?o[this.node.key]={checked:!1,partialChecked:!0}:delete o[this.node.key]),this.$emit("checkbox-change",{node:e.node,check:e.check,selectionKeys:o})},onChildCheckboxChange:function(e){this.$emit("checkbox-change",e)},findNextSiblingOfAncestor:function(e){var t=this.getParentNodeElement(e);return t?t.nextElementSibling?t.nextElementSibling:this.findNextSiblingOfAncestor(t):null},findLastVisibleDescendant:function(e){var t=e.children[1];return t?this.findLastVisibleDescendant(t.children[t.children.length-1]):e},getParentNodeElement:function(e){var t=e.parentElement.parentElement;return"treeitem"===n.DomHandler.getAttribute(t,"role")?t:null},focusNode:function(e){e.focus()},isCheckboxSelectionMode:function(){return"checkbox"===this.selectionMode},isSameNode:function(e){return e.currentTarget&&(e.currentTarget.isSameNode(e.target)||e.currentTarget.isSameNode(e.target.closest('[role="treeitem"]')))}},computed:{hasChildren:function(){return this.node.children&&this.node.children.length>0},expanded:function(){return this.expandedKeys&&!0===this.expandedKeys[this.node.key]},leaf:function(){return!1!==this.node.leaf&&!(this.node.children&&this.node.children.length)},selectable:function(){return!1!==this.node.selectable&&null!=this.selectionMode},selected:function(){return!(!this.selectionMode||!this.selectionKeys)&&!0===this.selectionKeys[this.node.key]},checkboxMode:function(){return"checkbox"===this.selectionMode&&!1!==this.node.selectable},checked:function(){return!!this.selectionKeys&&(this.selectionKeys[this.node.key]&&this.selectionKeys[this.node.key].checked)},partialChecked:function(){return!!this.selectionKeys&&(this.selectionKeys[this.node.key]&&this.selectionKeys[this.node.key].partialChecked)},ariaChecked:function(){return"single"===this.selectionMode||"multiple"===this.selectionMode?this.selected:void 0},ariaSelected:function(){return this.checkboxMode?this.checked:void 0}},components:{ChevronDownIcon:g.default,ChevronRightIcon:m.default,CheckIcon:y.default,MinusIcon:b.default},directives:{ripple:k.default}},j=["aria-label","aria-selected","aria-expanded","aria-setsize","aria-posinset","aria-level","aria-checked","tabindex"],$=["data-p-highlight","data-p-selectable"],V=["data-p-checked","data-p-partialchecked"];function F(e){return F="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},F(e)}function L(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=H(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var o=0,r=function(){};return{s:r,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,l=!0,c=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){c=!0,i=e},f:function(){try{l||null==n.return||n.return()}finally{if(c)throw i}}}}function R(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function H(e,t){if(e){if("string"==typeof e)return z(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?z(e,t):void 0}}function U(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _(e){if(Array.isArray(e))return z(e)}function z(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function W(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function q(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?W(Object(n),!0).forEach((function(t){G(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):W(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function G(e,t,n){return(t=J(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function J(e){var t=Q(e,"string");return"symbol"===F(t)?t:String(t)}function Q(e,t){if("object"!==F(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==F(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}D.render=function(e,t,n,o,r,i){var l=d.resolveComponent("TreeNode",!0),c=d.resolveDirective("ripple");return d.openBlock(),d.createElementBlock("li",d.mergeProps({ref:"currentNode",class:e.cx("node"),role:"treeitem","aria-label":i.label(n.node),"aria-selected":i.ariaSelected,"aria-expanded":i.expanded,"aria-setsize":n.node.children?n.node.children.length:0,"aria-posinset":n.index+1,"aria-level":n.level,"aria-checked":i.ariaChecked,tabindex:0===n.index?0:-1,onKeydown:t[3]||(t[3]=function(){return i.onKeyDown&&i.onKeyDown.apply(i,arguments)})},1===n.level?i.getPTOptions("node"):e.ptm("subgroup")),[d.createElementVNode("div",d.mergeProps({class:e.cx("content"),onClick:t[1]||(t[1]=function(){return i.onClick&&i.onClick.apply(i,arguments)}),onTouchend:t[2]||(t[2]=function(){return i.onTouchEnd&&i.onTouchEnd.apply(i,arguments)}),style:n.node.style},i.getPTOptions("content"),{"data-p-highlight":i.checkboxMode?i.checked:i.selected,"data-p-selectable":i.selectable}),[d.withDirectives((d.openBlock(),d.createElementBlock("button",d.mergeProps({type:"button",class:e.cx("toggler"),onClick:t[0]||(t[0]=function(){return i.toggle&&i.toggle.apply(i,arguments)}),tabindex:"-1","aria-hidden":"true"},i.getPTOptions("toggler")),[n.templates.togglericon?(d.openBlock(),d.createBlock(d.resolveDynamicComponent(n.templates.togglericon),{key:0,node:n.node,expanded:i.expanded,class:d.normalizeClass(e.cx("togglerIcon"))},null,8,["node","expanded","class"])):i.expanded?(d.openBlock(),d.createBlock(d.resolveDynamicComponent(n.node.expandedIcon?"span":"ChevronDownIcon"),d.mergeProps({key:1,class:e.cx("togglerIcon")},i.getPTOptions("togglerIcon")),null,16,["class"])):(d.openBlock(),d.createBlock(d.resolveDynamicComponent(n.node.collapsedIcon?"span":"ChevronRightIcon"),d.mergeProps({key:2,class:e.cx("togglerIcon")},i.getPTOptions("togglerIcon")),null,16,["class"]))],16)),[[c]]),i.checkboxMode?(d.openBlock(),d.createElementBlock("div",d.mergeProps({key:0,class:e.cx("checkboxContainer"),"aria-hidden":"true"},i.getPTOptions("checkboxContainer")),[d.createElementVNode("div",d.mergeProps({class:e.cx("checkbox"),role:"checkbox"},i.getPTOptions("checkbox"),{"data-p-checked":i.checked,"data-p-partialchecked":i.partialChecked}),[n.templates.checkboxicon?(d.openBlock(),d.createBlock(d.resolveDynamicComponent(n.templates.checkboxicon),{key:0,checked:i.checked,partialChecked:i.partialChecked,class:d.normalizeClass(e.cx("checkboxIcon"))},null,8,["checked","partialChecked","class"])):(d.openBlock(),d.createBlock(d.resolveDynamicComponent(i.checked?"CheckIcon":i.partialChecked?"MinusIcon":null),d.mergeProps({key:1,class:e.cx("checkboxIcon")},i.getPTOptions("checkboxIcon")),null,16,["class"]))],16,V)],16)):d.createCommentVNode("",!0),d.createElementVNode("span",d.mergeProps({class:e.cx("nodeIcon")},i.getPTOptions("nodeIcon")),null,16),d.createElementVNode("span",d.mergeProps({class:e.cx("label")},i.getPTOptions("label")),[n.templates[n.node.type]||n.templates.default?(d.openBlock(),d.createBlock(d.resolveDynamicComponent(n.templates[n.node.type]||n.templates.default),{key:0,node:n.node},null,8,["node"])):(d.openBlock(),d.createElementBlock(d.Fragment,{key:1},[d.createTextVNode(d.toDisplayString(i.label(n.node)),1)],64))],16)],16,$),i.hasChildren&&i.expanded?(d.openBlock(),d.createElementBlock("ul",d.mergeProps({key:0,class:e.cx("subgroup"),role:"group"},e.ptm("subgroup")),[(d.openBlock(!0),d.createElementBlock(d.Fragment,null,d.renderList(n.node.children,(function(t){return d.openBlock(),d.createBlock(l,{key:t.key,node:t,templates:n.templates,level:n.level+1,expandedKeys:n.expandedKeys,onNodeToggle:i.onChildNodeToggle,onNodeClick:i.onChildNodeClick,selectionMode:n.selectionMode,selectionKeys:n.selectionKeys,onCheckboxChange:i.propagateUp,pt:e.pt},null,8,["node","templates","level","expandedKeys","onNodeToggle","onNodeClick","selectionMode","selectionKeys","onCheckboxChange","pt"])})),128))],16)):d.createCommentVNode("",!0)],16,j)};var X={name:"Tree",extends:x,emits:["node-expand","node-collapse","update:expandedKeys","update:selectionKeys","node-select","node-unselect"],data:function(){return{d_expandedKeys:this.expandedKeys||{},filterValue:null}},watch:{expandedKeys:function(e){this.d_expandedKeys=e}},methods:{onNodeToggle:function(e){var t=e.key;this.d_expandedKeys[t]?(delete this.d_expandedKeys[t],this.$emit("node-collapse",e)):(this.d_expandedKeys[t]=!0,this.$emit("node-expand",e)),this.d_expandedKeys=q({},this.d_expandedKeys),this.$emit("update:expandedKeys",this.d_expandedKeys)},onNodeClick:function(e){if(null!=this.selectionMode&&!1!==e.node.selectable){var t=!e.nodeTouched&&this.metaKeySelection?this.handleSelectionWithMetaKey(e):this.handleSelectionWithoutMetaKey(e);this.$emit("update:selectionKeys",t)}},onCheckboxChange:function(e){this.$emit("update:selectionKeys",e.selectionKeys),this.$emit(e.check?"node-select":"node-unselect",e.node)},handleSelectionWithMetaKey:function(e){var t,n=e.originalEvent,o=e.node,r=n.metaKey||n.ctrlKey;return this.isNodeSelected(o)&&r?(this.isSingleSelectionMode()?t={}:delete(t=q({},this.selectionKeys))[o.key],this.$emit("node-unselect",o)):(this.isSingleSelectionMode()?t={}:this.isMultipleSelectionMode()&&(t=r&&this.selectionKeys?q({},this.selectionKeys):{}),t[o.key]=!0,this.$emit("node-select",o)),t},handleSelectionWithoutMetaKey:function(e){var t,n=e.node,o=this.isNodeSelected(n);return this.isSingleSelectionMode()?o?(t={},this.$emit("node-unselect",n)):((t={})[n.key]=!0,this.$emit("node-select",n)):o?(delete(t=q({},this.selectionKeys))[n.key],this.$emit("node-unselect",n)):((t=this.selectionKeys?q({},this.selectionKeys):{})[n.key]=!0,this.$emit("node-select",n)),t},isSingleSelectionMode:function(){return"single"===this.selectionMode},isMultipleSelectionMode:function(){return"multiple"===this.selectionMode},isNodeSelected:function(e){return!(!this.selectionMode||!this.selectionKeys)&&!0===this.selectionKeys[e.key]},isChecked:function(e){return!!this.selectionKeys&&(this.selectionKeys[e.key]&&this.selectionKeys[e.key].checked)},isNodeLeaf:function(e){return!1!==e.leaf&&!(e.children&&e.children.length)},onFilterKeydown:function(e){13===e.which&&e.preventDefault()},findFilteredNodes:function(e,t){if(e){var n=!1;if(e.children){var o=_(c=e.children)||U(c)||H(c)||R();e.children=[];var r,i=L(o);try{for(i.s();!(r=i.n()).done;){var l=q({},r.value);this.isFilterMatched(l,t)&&(n=!0,e.children.push(l))}}catch(e){i.e(e)}finally{i.f()}}if(n)return!0}var c},isFilterMatched:function(e,t){var o,r=t.searchFields,i=t.filterText,l=t.strict,c=!1,a=L(r);try{for(a.s();!(o=a.n()).done;){String(n.ObjectUtils.resolveFieldData(e,o.value)).toLocaleLowerCase(this.filterLocale).indexOf(i)>-1&&(c=!0)}}catch(e){a.e(e)}finally{a.f()}return(!c||l&&!this.isNodeLeaf(e))&&(c=this.findFilteredNodes(e,{searchFields:r,filterText:i,strict:l})||c),c}},computed:{filteredValue:function(){var e,t=[],n=this.filterBy.split(","),o=this.filterValue.trim().toLocaleLowerCase(this.filterLocale),r="strict"===this.filterMode,i=L(this.value);try{for(i.s();!(e=i.n()).done;){var l=q({},e.value),c={searchFields:n,filterText:o,strict:r};(r&&(this.findFilteredNodes(l,c)||this.isFilterMatched(l,c))||!r&&(this.isFilterMatched(l,c)||this.findFilteredNodes(l,c)))&&t.push(l)}}catch(e){i.e(e)}finally{i.f()}return t},valueToRender:function(){return this.filterValue&&this.filterValue.trim().length>0?this.filteredValue:this.value}},components:{TreeNode:D,SearchIcon:p.default,SpinnerIcon:h.default}},Y=["placeholder"],Z=["aria-labelledby","aria-label"];return X.render=function(e,t,n,o,r,i){var l=d.resolveComponent("SpinnerIcon"),c=d.resolveComponent("SearchIcon"),a=d.resolveComponent("TreeNode");return d.openBlock(),d.createElementBlock("div",d.mergeProps({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"tree"}),[e.loading?(d.openBlock(),d.createElementBlock("div",d.mergeProps({key:0,class:e.cx("loadingOverlay")},e.ptm("loadingOverlay")),[d.renderSlot(e.$slots,"loadingicon",{class:d.normalizeClass(e.cx("loadingIcon"))},(function(){return[e.loadingIcon?(d.openBlock(),d.createElementBlock("i",d.mergeProps({key:0,class:[e.cx("loadingIcon"),"pi-spin",e.loadingIcon]},e.ptm("loadingIcon")),null,16)):(d.openBlock(),d.createBlock(l,d.mergeProps({key:1,spin:"",class:e.cx("loadingIcon")},e.ptm("loadingIcon")),null,16,["class"]))]}))],16)):d.createCommentVNode("",!0),e.filter?(d.openBlock(),d.createElementBlock("div",d.mergeProps({key:1,class:e.cx("filterContainer")},e.ptm("filterContainer")),[d.withDirectives(d.createElementVNode("input",d.mergeProps({"onUpdate:modelValue":t[0]||(t[0]=function(e){return r.filterValue=e}),type:"text",autocomplete:"off",class:e.cx("input"),placeholder:e.filterPlaceholder,onKeydown:t[1]||(t[1]=function(){return i.onFilterKeydown&&i.onFilterKeydown.apply(i,arguments)})},e.ptm("input")),null,16,Y),[[d.vModelText,r.filterValue]]),d.renderSlot(e.$slots,"searchicon",{class:d.normalizeClass(e.cx("searchIcon"))},(function(){return[d.createVNode(c,d.mergeProps({class:e.cx("searchIcon")},e.ptm("searchIcon")),null,16,["class"])]}))],16)):d.createCommentVNode("",!0),d.createElementVNode("div",d.mergeProps({class:e.cx("wrapper"),style:{maxHeight:e.scrollHeight}},e.ptm("wrapper")),[d.createElementVNode("ul",d.mergeProps({class:e.cx("container"),role:"tree","aria-labelledby":e.ariaLabelledby,"aria-label":e.ariaLabel},e.ptm("container")),[(d.openBlock(!0),d.createElementBlock(d.Fragment,null,d.renderList(i.valueToRender,(function(t,n){return d.openBlock(),d.createBlock(a,{key:t.key,node:t,templates:e.$slots,level:e.level+1,index:n,expandedKeys:r.d_expandedKeys,onNodeToggle:i.onNodeToggle,onNodeClick:i.onNodeClick,selectionMode:e.selectionMode,selectionKeys:e.selectionKeys,onCheckboxChange:i.onCheckboxChange,pt:e.pt},null,8,["node","templates","level","index","expandedKeys","onNodeToggle","onNodeClick","selectionMode","selectionKeys","onCheckboxChange","pt"])})),128))],16,Z)],16)],16)},X}(primevue.icons.search,primevue.icons.spinner,primevue.utils,primevue.basecomponent,primevue.usestyle,primevue.icons.check,primevue.icons.chevrondown,primevue.icons.chevronright,primevue.icons.minus,primevue.ripple,Vue);
|
|
@@ -187,7 +187,9 @@ const classes = {
|
|
|
187
187
|
'p-treetable-scrollable-horizontal': props.scrollable && props.scrollDirection === 'horizontal',
|
|
188
188
|
'p-treetable-scrollable-both': props.scrollable && props.scrollDirection === 'both',
|
|
189
189
|
'p-treetable-flex-scrollable': props.scrollable && props.scrollHeight === 'flex',
|
|
190
|
-
'p-treetable-responsive-scroll': props.responsiveLayout === 'scroll'
|
|
190
|
+
'p-treetable-responsive-scroll': props.responsiveLayout === 'scroll',
|
|
191
|
+
'p-treetable-sm': props.size === 'small',
|
|
192
|
+
'p-treetable-lg': props.size === 'large'
|
|
191
193
|
}
|
|
192
194
|
],
|
|
193
195
|
loadingWrapper: 'p-treetable-loading',
|
|
@@ -416,6 +418,10 @@ export default {
|
|
|
416
418
|
type: String,
|
|
417
419
|
default: null
|
|
418
420
|
},
|
|
421
|
+
size: {
|
|
422
|
+
type: String,
|
|
423
|
+
default: null
|
|
424
|
+
},
|
|
419
425
|
tableProps: {
|
|
420
426
|
type: Object,
|
|
421
427
|
default: null
|
package/treetable/BodyCell.vue
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
<component v-else-if="expanded" :is="node.expandedIcon ? 'span' : 'ChevronDownIcon'" :class="cx('rowTogglerIcon')" v-bind="getColumnPT('rowTogglerIcon')" />
|
|
6
6
|
<component v-else :is="node.collapsedIcon ? 'span' : 'ChevronRightIcon'" :class="cx('rowTogglerIcon')" v-bind="getColumnPT('rowTogglerIcon')" />
|
|
7
7
|
</button>
|
|
8
|
-
<div v-if="checkboxSelectionMode && columnProp('expander')" :class="cx('checkboxWrapper')" @click="toggleCheckbox" v-bind="
|
|
8
|
+
<div v-if="checkboxSelectionMode && columnProp('expander')" :class="cx('checkboxWrapper')" @click="toggleCheckbox" v-bind="getColumnCheckboxPT('checkboxWrapper')">
|
|
9
9
|
<div class="p-hidden-accessible" v-bind="getColumnPT('hiddenInputWrapper')" :data-p-hidden-accessible="true">
|
|
10
10
|
<input type="checkbox" @focus="onCheckboxFocus" @blur="onCheckboxBlur" tabindex="-1" v-bind="getColumnPT('hiddenInput')" />
|
|
11
11
|
</div>
|
|
@@ -113,7 +113,15 @@ export default {
|
|
|
113
113
|
state: this.$data
|
|
114
114
|
},
|
|
115
115
|
context: {
|
|
116
|
-
index: this.index
|
|
116
|
+
index: this.index,
|
|
117
|
+
focused: this.checkboxFocused,
|
|
118
|
+
selectable: this.$parentInstance.rowHover || this.$parentInstance.rowSelectionMode,
|
|
119
|
+
selected: this.$parent.selected,
|
|
120
|
+
frozen: this.columnProp('frozen'),
|
|
121
|
+
scrollable: this.$parentInstance.scrollable,
|
|
122
|
+
scrollDirection: this.$parentInstance.scrollDirection,
|
|
123
|
+
showGridlines: this.$parentInstance.showGridlines,
|
|
124
|
+
size: this.$parentInstance?.size
|
|
117
125
|
}
|
|
118
126
|
};
|
|
119
127
|
|
|
@@ -123,7 +131,7 @@ export default {
|
|
|
123
131
|
return this.column.props && this.column.props.pt ? this.column.props.pt : undefined; //@todo
|
|
124
132
|
},
|
|
125
133
|
getColumnCheckboxPT(key) {
|
|
126
|
-
|
|
134
|
+
const columnMetaData = {
|
|
127
135
|
props: this.column.props,
|
|
128
136
|
parent: {
|
|
129
137
|
props: this.$props,
|
|
@@ -134,7 +142,9 @@ export default {
|
|
|
134
142
|
focused: this.checkboxFocused,
|
|
135
143
|
partialChecked: this.partialChecked
|
|
136
144
|
}
|
|
137
|
-
}
|
|
145
|
+
};
|
|
146
|
+
|
|
147
|
+
return mergeProps(this.ptm(`column.${key}`, { column: columnMetaData }), this.ptm(`column.${key}`, columnMetaData), this.ptmo(this.getColumnProp(), key, columnMetaData));
|
|
138
148
|
},
|
|
139
149
|
updateStickyPosition() {
|
|
140
150
|
if (this.columnProp('frozen')) {
|
package/treetable/FooterCell.vue
CHANGED
package/treetable/HeaderCell.vue
CHANGED
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
<component v-if="column.children && column.children.header" :is="column.children.header" :column="column" />
|
|
18
18
|
<span v-if="columnProp('header')" :class="cx('headerTitle')" v-bind="getColumnPT('headerTitle')">{{ columnProp('header') }}</span>
|
|
19
19
|
<span v-if="columnProp('sortable')" v-bind="getColumnPT('sort')">
|
|
20
|
-
<component :is="(column.children && column.children.sorticon) || sortableColumnIcon" :sorted="sortState.sorted" :sortOrder="sortState.sortOrder" data-pc-section="sorticon" :class="cx('sortIcon')" />
|
|
20
|
+
<component :is="(column.children && column.children.sorticon) || sortableColumnIcon" :sorted="sortState.sorted" :sortOrder="sortState.sortOrder" data-pc-section="sorticon" :class="cx('sortIcon')" v-bind="getColumnPT('sortIcon')" />
|
|
21
21
|
</span>
|
|
22
22
|
<span v-if="isMultiSorted()" :class="cx('sortBadge')" v-bind="getColumnPT('sortBadge')">{{ getMultiSortMetaIndex() + 1 }}</span>
|
|
23
23
|
</th>
|
|
@@ -93,7 +93,14 @@ export default {
|
|
|
93
93
|
state: this.$data
|
|
94
94
|
},
|
|
95
95
|
context: {
|
|
96
|
-
index: this.index
|
|
96
|
+
index: this.index,
|
|
97
|
+
sorted: this.isColumnSorted(),
|
|
98
|
+
frozen: this.$parentInstance.scrollable && this.columnProp('frozen'),
|
|
99
|
+
resizable: this.resizableColumns,
|
|
100
|
+
scrollable: this.$parentInstance.scrollable,
|
|
101
|
+
scrollDirection: this.$parentInstance.scrollDirection,
|
|
102
|
+
showGridlines: this.$parentInstance.showGridlines,
|
|
103
|
+
size: this.$parentInstance?.size
|
|
97
104
|
}
|
|
98
105
|
};
|
|
99
106
|
|
package/treetable/TreeTable.d.ts
CHANGED
|
@@ -23,6 +23,7 @@ export interface TreeTablePassThroughMethodOptions {
|
|
|
23
23
|
instance: any;
|
|
24
24
|
props: TreeTableProps;
|
|
25
25
|
state: TreeTableState;
|
|
26
|
+
context: TreeTableContext;
|
|
26
27
|
}
|
|
27
28
|
|
|
28
29
|
/**
|
|
@@ -213,14 +214,6 @@ export interface TreeTablePassThroughOptions {
|
|
|
213
214
|
* Uses to pass attributes to the header row's DOM element.
|
|
214
215
|
*/
|
|
215
216
|
headerRow?: TreeTablePassThroughOptionType;
|
|
216
|
-
/**
|
|
217
|
-
* Uses to pass attributes to the header filter row's DOM element.
|
|
218
|
-
*/
|
|
219
|
-
headerFilterRow?: TreeTablePassThroughOptionType;
|
|
220
|
-
/**
|
|
221
|
-
* Uses to pass attributes to the header filter cell's DOM element.
|
|
222
|
-
*/
|
|
223
|
-
headerFilterCell?: TreeTablePassThroughOptionType;
|
|
224
217
|
/**
|
|
225
218
|
* Uses to pass attributes to the tbody's DOM element.
|
|
226
219
|
*/
|
|
@@ -330,6 +323,31 @@ export interface TreeTableState {
|
|
|
330
323
|
d_editing: boolean;
|
|
331
324
|
}
|
|
332
325
|
|
|
326
|
+
/**
|
|
327
|
+
* Defines current options in TreeTable component.
|
|
328
|
+
*/
|
|
329
|
+
export interface TreeTableContext {
|
|
330
|
+
/**
|
|
331
|
+
* Current index state of the item.
|
|
332
|
+
*/
|
|
333
|
+
index: number;
|
|
334
|
+
/**
|
|
335
|
+
* Current frozen state of the row as a boolean.
|
|
336
|
+
* @defaultValue false
|
|
337
|
+
*/
|
|
338
|
+
frozen: boolean;
|
|
339
|
+
/**
|
|
340
|
+
* Current selectable state of the row as a boolean.
|
|
341
|
+
* @defaultValue false
|
|
342
|
+
*/
|
|
343
|
+
selectable: boolean;
|
|
344
|
+
/**
|
|
345
|
+
* Current selected state of the row as a boolean.
|
|
346
|
+
* @defaultValue false
|
|
347
|
+
*/
|
|
348
|
+
selected: boolean;
|
|
349
|
+
}
|
|
350
|
+
|
|
333
351
|
/**
|
|
334
352
|
* Defines valid properties in TreeTable component.
|
|
335
353
|
*/
|
|
@@ -529,6 +547,10 @@ export interface TreeTableProps {
|
|
|
529
547
|
* @defaultValue stack
|
|
530
548
|
*/
|
|
531
549
|
responsiveLayout?: 'stack' | 'scroll' | undefined;
|
|
550
|
+
/**
|
|
551
|
+
* Defines the size of the table.
|
|
552
|
+
*/
|
|
553
|
+
size?: 'small' | 'large' | undefined;
|
|
532
554
|
/**
|
|
533
555
|
* Props to pass to the table element.
|
|
534
556
|
*/
|
package/treetable/TreeTable.vue
CHANGED
|
@@ -65,9 +65,9 @@
|
|
|
65
65
|
></TTHeaderCell>
|
|
66
66
|
</template>
|
|
67
67
|
</tr>
|
|
68
|
-
<tr v-if="hasColumnFilter()" v-bind="ptm('
|
|
68
|
+
<tr v-if="hasColumnFilter()" v-bind="ptm('headerRow')">
|
|
69
69
|
<template v-for="(col, i) of columns" :key="columnProp(col, 'columnKey') || columnProp(col, 'field') || i">
|
|
70
|
-
<th v-if="!columnProp(col, 'hidden')" :class="getFilterColumnHeaderClass(col)" :style="[columnProp(col, 'style'), columnProp(col, 'filterHeaderStyle')]" v-bind="ptm('
|
|
70
|
+
<th v-if="!columnProp(col, 'hidden')" :class="getFilterColumnHeaderClass(col)" :style="[columnProp(col, 'style'), columnProp(col, 'filterHeaderStyle')]" v-bind="ptm('headerCell', ptHeaderCellOptions(col))">
|
|
71
71
|
<component v-if="col.children && col.children.filter" :is="col.children.filter" :column="col" :index="i" />
|
|
72
72
|
</th>
|
|
73
73
|
</template>
|
|
@@ -231,6 +231,13 @@ export default {
|
|
|
231
231
|
columnProp(col, prop) {
|
|
232
232
|
return ObjectUtils.getVNodeProp(col, prop);
|
|
233
233
|
},
|
|
234
|
+
ptHeaderCellOptions(column) {
|
|
235
|
+
return {
|
|
236
|
+
context: {
|
|
237
|
+
frozen: this.columnProp(column, 'frozen')
|
|
238
|
+
}
|
|
239
|
+
};
|
|
240
|
+
},
|
|
234
241
|
onNodeToggle(node) {
|
|
235
242
|
const key = node.key;
|
|
236
243
|
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
@click="onClick"
|
|
15
15
|
@keydown="onKeyDown"
|
|
16
16
|
@touchend="onTouchEnd"
|
|
17
|
-
v-bind="ptm('row')"
|
|
17
|
+
v-bind="ptm('row', ptmOptions)"
|
|
18
18
|
:data-p-highlight="selected"
|
|
19
19
|
>
|
|
20
20
|
<template v-for="(col, i) of columns" :key="columnProp(col, 'columnKey') || columnProp(col, 'field') || i">
|
|
@@ -413,6 +413,15 @@ export default {
|
|
|
413
413
|
},
|
|
414
414
|
getAriaSelected() {
|
|
415
415
|
return this.selectionMode === 'single' || this.selectionMode === 'multiple' ? this.selected : null;
|
|
416
|
+
},
|
|
417
|
+
ptmOptions() {
|
|
418
|
+
return {
|
|
419
|
+
context: {
|
|
420
|
+
selectable: this.$parentInstance.rowHover || this.$parentInstance.rowSelectionMode,
|
|
421
|
+
selected: this.selected,
|
|
422
|
+
scrollable: this.$parentInstance.scrollable
|
|
423
|
+
}
|
|
424
|
+
};
|
|
416
425
|
}
|
|
417
426
|
},
|
|
418
427
|
components: {
|
|
@@ -46,7 +46,9 @@ var classes = {
|
|
|
46
46
|
'p-treetable-scrollable-horizontal': props.scrollable && props.scrollDirection === 'horizontal',
|
|
47
47
|
'p-treetable-scrollable-both': props.scrollable && props.scrollDirection === 'both',
|
|
48
48
|
'p-treetable-flex-scrollable': props.scrollable && props.scrollHeight === 'flex',
|
|
49
|
-
'p-treetable-responsive-scroll': props.responsiveLayout === 'scroll'
|
|
49
|
+
'p-treetable-responsive-scroll': props.responsiveLayout === 'scroll',
|
|
50
|
+
'p-treetable-sm': props.size === 'small',
|
|
51
|
+
'p-treetable-lg': props.size === 'large'
|
|
50
52
|
}];
|
|
51
53
|
},
|
|
52
54
|
loadingWrapper: 'p-treetable-loading',
|
|
@@ -280,6 +282,10 @@ var script$5 = {
|
|
|
280
282
|
type: String,
|
|
281
283
|
"default": null
|
|
282
284
|
},
|
|
285
|
+
size: {
|
|
286
|
+
type: String,
|
|
287
|
+
"default": null
|
|
288
|
+
},
|
|
283
289
|
tableProps: {
|
|
284
290
|
type: Object,
|
|
285
291
|
"default": null
|
|
@@ -330,6 +336,7 @@ var script$4 = {
|
|
|
330
336
|
return utils.ObjectUtils.getVNodeProp(this.column, prop);
|
|
331
337
|
},
|
|
332
338
|
getColumnPT: function getColumnPT(key) {
|
|
339
|
+
var _this$$parentInstance;
|
|
333
340
|
var columnMetaData = {
|
|
334
341
|
props: this.column.props,
|
|
335
342
|
parent: {
|
|
@@ -337,7 +344,9 @@ var script$4 = {
|
|
|
337
344
|
state: this.$data
|
|
338
345
|
},
|
|
339
346
|
context: {
|
|
340
|
-
index: this.index
|
|
347
|
+
index: this.index,
|
|
348
|
+
frozen: this.columnProp('frozen'),
|
|
349
|
+
size: (_this$$parentInstance = this.$parentInstance) === null || _this$$parentInstance === void 0 ? void 0 : _this$$parentInstance.size
|
|
341
350
|
}
|
|
342
351
|
};
|
|
343
352
|
return vue.mergeProps(this.ptm("column.".concat(key), {
|
|
@@ -454,6 +463,7 @@ var script$3 = {
|
|
|
454
463
|
return utils.ObjectUtils.getVNodeProp(this.column, prop);
|
|
455
464
|
},
|
|
456
465
|
getColumnPT: function getColumnPT(key) {
|
|
466
|
+
var _this$$parentInstance;
|
|
457
467
|
var columnMetaData = {
|
|
458
468
|
props: this.column.props,
|
|
459
469
|
parent: {
|
|
@@ -461,7 +471,14 @@ var script$3 = {
|
|
|
461
471
|
state: this.$data
|
|
462
472
|
},
|
|
463
473
|
context: {
|
|
464
|
-
index: this.index
|
|
474
|
+
index: this.index,
|
|
475
|
+
sorted: this.isColumnSorted(),
|
|
476
|
+
frozen: this.$parentInstance.scrollable && this.columnProp('frozen'),
|
|
477
|
+
resizable: this.resizableColumns,
|
|
478
|
+
scrollable: this.$parentInstance.scrollable,
|
|
479
|
+
scrollDirection: this.$parentInstance.scrollDirection,
|
|
480
|
+
showGridlines: this.$parentInstance.showGridlines,
|
|
481
|
+
size: (_this$$parentInstance = this.$parentInstance) === null || _this$$parentInstance === void 0 ? void 0 : _this$$parentInstance.size
|
|
465
482
|
}
|
|
466
483
|
};
|
|
467
484
|
return vue.mergeProps(this.ptm("column.".concat(key), {
|
|
@@ -624,12 +641,12 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
624
641
|
"class": _ctx.cx('headerTitle')
|
|
625
642
|
}, $options.getColumnPT('headerTitle')), vue.toDisplayString($options.columnProp('header')), 17)) : vue.createCommentVNode("", true), $options.columnProp('sortable') ? (vue.openBlock(), vue.createElementBlock("span", vue.normalizeProps(vue.mergeProps({
|
|
626
643
|
key: 3
|
|
627
|
-
}, $options.getColumnPT('sort'))), [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.column.children && $props.column.children.sorticon || $options.sortableColumnIcon), {
|
|
644
|
+
}, $options.getColumnPT('sort'))), [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.column.children && $props.column.children.sorticon || $options.sortableColumnIcon), vue.mergeProps({
|
|
628
645
|
sorted: $options.sortState.sorted,
|
|
629
646
|
sortOrder: $options.sortState.sortOrder,
|
|
630
647
|
"data-pc-section": "sorticon",
|
|
631
|
-
"class":
|
|
632
|
-
}, null,
|
|
648
|
+
"class": _ctx.cx('sortIcon')
|
|
649
|
+
}, $options.getColumnPT('sortIcon')), null, 16, ["sorted", "sortOrder", "class"]))], 16)) : vue.createCommentVNode("", true), $options.isMultiSorted() ? (vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({
|
|
633
650
|
key: 4,
|
|
634
651
|
"class": _ctx.cx('sortBadge')
|
|
635
652
|
}, $options.getColumnPT('sortBadge')), vue.toDisplayString($options.getMultiSortMetaIndex() + 1), 17)) : vue.createCommentVNode("", true)], 16, _hoisted_1$2);
|
|
@@ -712,6 +729,7 @@ var script$2 = {
|
|
|
712
729
|
return utils.ObjectUtils.getVNodeProp(this.column, prop);
|
|
713
730
|
},
|
|
714
731
|
getColumnPT: function getColumnPT(key) {
|
|
732
|
+
var _this$$parentInstance;
|
|
715
733
|
var columnMetaData = {
|
|
716
734
|
props: this.column.props,
|
|
717
735
|
parent: {
|
|
@@ -719,7 +737,15 @@ var script$2 = {
|
|
|
719
737
|
state: this.$data
|
|
720
738
|
},
|
|
721
739
|
context: {
|
|
722
|
-
index: this.index
|
|
740
|
+
index: this.index,
|
|
741
|
+
focused: this.checkboxFocused,
|
|
742
|
+
selectable: this.$parentInstance.rowHover || this.$parentInstance.rowSelectionMode,
|
|
743
|
+
selected: this.$parent.selected,
|
|
744
|
+
frozen: this.columnProp('frozen'),
|
|
745
|
+
scrollable: this.$parentInstance.scrollable,
|
|
746
|
+
scrollDirection: this.$parentInstance.scrollDirection,
|
|
747
|
+
showGridlines: this.$parentInstance.showGridlines,
|
|
748
|
+
size: (_this$$parentInstance = this.$parentInstance) === null || _this$$parentInstance === void 0 ? void 0 : _this$$parentInstance.size
|
|
723
749
|
}
|
|
724
750
|
};
|
|
725
751
|
return vue.mergeProps(this.ptm("column.".concat(key), {
|
|
@@ -730,7 +756,7 @@ var script$2 = {
|
|
|
730
756
|
return this.column.props && this.column.props.pt ? this.column.props.pt : undefined; //@todo
|
|
731
757
|
},
|
|
732
758
|
getColumnCheckboxPT: function getColumnCheckboxPT(key) {
|
|
733
|
-
|
|
759
|
+
var columnMetaData = {
|
|
734
760
|
props: this.column.props,
|
|
735
761
|
parent: {
|
|
736
762
|
props: this.$props,
|
|
@@ -741,7 +767,10 @@ var script$2 = {
|
|
|
741
767
|
focused: this.checkboxFocused,
|
|
742
768
|
partialChecked: this.partialChecked
|
|
743
769
|
}
|
|
744
|
-
}
|
|
770
|
+
};
|
|
771
|
+
return vue.mergeProps(this.ptm("column.".concat(key), {
|
|
772
|
+
column: columnMetaData
|
|
773
|
+
}), this.ptm("column.".concat(key), columnMetaData), this.ptmo(this.getColumnProp(), key, columnMetaData));
|
|
745
774
|
},
|
|
746
775
|
updateStickyPosition: function updateStickyPosition() {
|
|
747
776
|
if (this.columnProp('frozen')) {
|
|
@@ -844,7 +873,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
844
873
|
onClick: _cache[3] || (_cache[3] = function () {
|
|
845
874
|
return $options.toggleCheckbox && $options.toggleCheckbox.apply($options, arguments);
|
|
846
875
|
})
|
|
847
|
-
}, $options.
|
|
876
|
+
}, $options.getColumnCheckboxPT('checkboxWrapper')), [vue.createElementVNode("div", vue.mergeProps({
|
|
848
877
|
"class": "p-hidden-accessible"
|
|
849
878
|
}, $options.getColumnPT('hiddenInputWrapper'), {
|
|
850
879
|
"data-p-hidden-accessible": true
|
|
@@ -1235,6 +1264,15 @@ var script$1 = {
|
|
|
1235
1264
|
},
|
|
1236
1265
|
getAriaSelected: function getAriaSelected() {
|
|
1237
1266
|
return this.selectionMode === 'single' || this.selectionMode === 'multiple' ? this.selected : null;
|
|
1267
|
+
},
|
|
1268
|
+
ptmOptions: function ptmOptions() {
|
|
1269
|
+
return {
|
|
1270
|
+
context: {
|
|
1271
|
+
selectable: this.$parentInstance.rowHover || this.$parentInstance.rowSelectionMode,
|
|
1272
|
+
selected: this.selected,
|
|
1273
|
+
scrollable: this.$parentInstance.scrollable
|
|
1274
|
+
}
|
|
1275
|
+
};
|
|
1238
1276
|
}
|
|
1239
1277
|
},
|
|
1240
1278
|
components: {
|
|
@@ -1267,7 +1305,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
1267
1305
|
onTouchend: _cache[3] || (_cache[3] = function () {
|
|
1268
1306
|
return $options.onTouchEnd && $options.onTouchEnd.apply($options, arguments);
|
|
1269
1307
|
})
|
|
1270
|
-
}, _ctx.ptm('row'), {
|
|
1308
|
+
}, _ctx.ptm('row', $options.ptmOptions), {
|
|
1271
1309
|
"data-p-highlight": $options.selected
|
|
1272
1310
|
}), [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.columns, function (col, i) {
|
|
1273
1311
|
return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
|
|
@@ -1387,6 +1425,13 @@ var script = {
|
|
|
1387
1425
|
columnProp: function columnProp(col, prop) {
|
|
1388
1426
|
return utils.ObjectUtils.getVNodeProp(col, prop);
|
|
1389
1427
|
},
|
|
1428
|
+
ptHeaderCellOptions: function ptHeaderCellOptions(column) {
|
|
1429
|
+
return {
|
|
1430
|
+
context: {
|
|
1431
|
+
frozen: this.columnProp(column, 'frozen')
|
|
1432
|
+
}
|
|
1433
|
+
};
|
|
1434
|
+
},
|
|
1390
1435
|
onNodeToggle: function onNodeToggle(node) {
|
|
1391
1436
|
var key = node.key;
|
|
1392
1437
|
if (this.d_expandedKeys[key]) {
|
|
@@ -2103,14 +2148,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
2103
2148
|
}, null, 8, ["column", "resizableColumns", "sortField", "sortOrder", "multiSortMeta", "sortMode", "onColumnClick", "onColumnResizestart", "index", "pt"])) : vue.createCommentVNode("", true)], 64);
|
|
2104
2149
|
}), 128))], 16), $options.hasColumnFilter() ? (vue.openBlock(), vue.createElementBlock("tr", vue.normalizeProps(vue.mergeProps({
|
|
2105
2150
|
key: 0
|
|
2106
|
-
}, _ctx.ptm('
|
|
2151
|
+
}, _ctx.ptm('headerRow'))), [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.columns, function (col, i) {
|
|
2107
2152
|
return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
|
|
2108
2153
|
key: $options.columnProp(col, 'columnKey') || $options.columnProp(col, 'field') || i
|
|
2109
2154
|
}, [!$options.columnProp(col, 'hidden') ? (vue.openBlock(), vue.createElementBlock("th", vue.mergeProps({
|
|
2110
2155
|
key: 0,
|
|
2111
2156
|
"class": $options.getFilterColumnHeaderClass(col),
|
|
2112
2157
|
style: [$options.columnProp(col, 'style'), $options.columnProp(col, 'filterHeaderStyle')]
|
|
2113
|
-
}, _ctx.ptm('
|
|
2158
|
+
}, _ctx.ptm('headerCell', $options.ptHeaderCellOptions(col))), [col.children && col.children.filter ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(col.children.filter), {
|
|
2114
2159
|
key: 0,
|
|
2115
2160
|
column: col,
|
|
2116
2161
|
index: i
|