primevue 3.44.0 → 3.46.0

package/treetable/treetable.js

@@ -25,6 +25,10 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
           type: null,
           "default": null
         },
+        dataKey: {
+          type: [String, Function],
+          "default": 'key'
+        },
         expandedKeys: {
           type: null,
           "default": null
@@ -39,7 +43,7 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
         },
         metaKeySelection: {
           type: Boolean,
-          "default": true
+          "default": false
         },
         rows: {
           type: Number,
@@ -414,7 +418,7 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
           });
         },
         onKeyDown: function onKeyDown(event) {
-          if ((event.code === 'Enter' || event.code === 'Space') && event.currentTarget.nodeName === 'TH' && utils.DomHandler.getAttribute(event.currentTarget, 'data-p-sortable-column')) {
+          if ((event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') && event.currentTarget.nodeName === 'TH' && utils.DomHandler.getAttribute(event.currentTarget, 'data-p-sortable-column')) {
             this.$emit('column-click', {
               originalEvent: event,
               column: this.column
@@ -848,6 +852,10 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
           type: null,
           "default": null
         },
+        dataKey: {
+          type: [String, Function],
+          "default": 'key'
+        },
         parentNode: {
           type: null,
           "default": null
@@ -920,6 +928,9 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
         onTouchEnd: function onTouchEnd() {
           this.nodeTouched = true;
         },
+        nodeKey: function nodeKey(node) {
+          return utils.ObjectUtils.resolveFieldData(node, this.dataKey);
+        },
         onKeyDown: function onKeyDown(event, item) {
           switch (event.code) {
             case 'ArrowDown':
@@ -941,8 +952,11 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
               this.onEndKey(event);
               break;
             case 'Enter':
+            case 'NumpadEnter':
             case 'Space':
-              this.onEnterKey(event, item);
+              if (!utils.DomHandler.isClickable(event.target)) {
+                this.onEnterKey(event, item);
+              }
               break;
             case 'Tab':
               this.onTabKey(event);
@@ -1053,10 +1067,10 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
           });
         },
         propagateDown: function propagateDown(node, check, selectionKeys) {
-          if (check) selectionKeys[node.key] = {
+          if (check) selectionKeys[this.nodeKey(node)] = {
             checked: true,
             partialChecked: false
-          };else delete selectionKeys[node.key];
+          };else delete selectionKeys[this.nodeKey(node)];
           if (node.children && node.children.length) {
             var _iterator = _createForOfIteratorHelper$1(node.children),
               _step;
@@ -1082,7 +1096,7 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
           try {
             for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
               var child = _step2.value;
-              if (_selectionKeys[child.key] && _selectionKeys[child.key].checked) checkedChildCount++;else if (_selectionKeys[child.key] && _selectionKeys[child.key].partialChecked) childPartialSelected = true;
+              if (_selectionKeys[this.nodeKey(child)] && _selectionKeys[this.nodeKey(child)].checked) checkedChildCount++;else if (_selectionKeys[this.nodeKey(child)] && _selectionKeys[this.nodeKey(child)].partialChecked) childPartialSelected = true;
             }
           } catch (err) {
             _iterator2.e(err);
@@ -1090,18 +1104,18 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
             _iterator2.f();
           }
           if (check && checkedChildCount === this.node.children.length) {
-            _selectionKeys[this.node.key] = {
+            _selectionKeys[this.nodeKey(this.node)] = {
               checked: true,
               partialChecked: false
             };
           } else {
             if (!check) {
-              delete _selectionKeys[this.node.key];
+              delete _selectionKeys[this.nodeKey(this.node)];
             }
-            if (childPartialSelected || checkedChildCount > 0 && checkedChildCount !== this.node.children.length) _selectionKeys[this.node.key] = {
+            if (childPartialSelected || checkedChildCount > 0 && checkedChildCount !== this.node.children.length) _selectionKeys[this.nodeKey(this.node)] = {
               checked: false,
               partialChecked: true
-            };else _selectionKeys[this.node.key] = {
+            };else _selectionKeys[this.nodeKey(this.node)] = {
               checked: false,
               partialChecked: false
             };
@@ -1122,7 +1136,7 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
           try {
             for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
               var child = _step3.value;
-              if (_selectionKeys[child.key] && _selectionKeys[child.key].checked) checkedChildCount++;else if (_selectionKeys[child.key] && _selectionKeys[child.key].partialChecked) childPartialSelected = true;
+              if (_selectionKeys[this.nodeKey(child)] && _selectionKeys[this.nodeKey(child)].checked) checkedChildCount++;else if (_selectionKeys[this.nodeKey(child)] && _selectionKeys[this.nodeKey(child)].partialChecked) childPartialSelected = true;
             }
           } catch (err) {
             _iterator3.e(err);
@@ -1130,18 +1144,18 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
             _iterator3.f();
           }
           if (check && checkedChildCount === this.node.children.length) {
-            _selectionKeys[this.node.key] = {
+            _selectionKeys[this.nodeKey(this.node)] = {
               checked: true,
               partialChecked: false
             };
           } else {
             if (!check) {
-              delete _selectionKeys[this.node.key];
+              delete _selectionKeys[this.nodeKey(this.node)];
             }
-            if (childPartialSelected || checkedChildCount > 0 && checkedChildCount !== this.node.children.length) _selectionKeys[this.node.key] = {
+            if (childPartialSelected || checkedChildCount > 0 && checkedChildCount !== this.node.children.length) _selectionKeys[this.nodeKey(this.node)] = {
               checked: false,
               partialChecked: true
-            };else _selectionKeys[this.node.key] = {
+            };else _selectionKeys[this.nodeKey(this.node)] = {
               checked: false,
               partialChecked: false
             };
@@ -1169,19 +1183,19 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
           return [this.node.styleClass, this.cx('row')];
         },
         expanded: function expanded() {
-          return this.expandedKeys && this.expandedKeys[this.node.key] === true;
+          return this.expandedKeys && this.expandedKeys[this.nodeKey(this.node)] === true;
         },
         leaf: function leaf() {
           return this.node.leaf === false ? false : !(this.node.children && this.node.children.length);
         },
         selected: function selected() {
-          return this.selectionMode && this.selectionKeys ? this.selectionKeys[this.node.key] === true : false;
+          return this.selectionMode && this.selectionKeys ? this.selectionKeys[this.nodeKey(this.node)] === true : false;
         },
         checked: function checked() {
-          return this.selectionKeys ? this.selectionKeys[this.node.key] && this.selectionKeys[this.node.key].checked : false;
+          return this.selectionKeys ? this.selectionKeys[this.nodeKey(this.node)] && this.selectionKeys[this.nodeKey(this.node)].checked : false;
         },
         partialChecked: function partialChecked() {
-          return this.selectionKeys ? this.selectionKeys[this.node.key] && this.selectionKeys[this.node.key].partialChecked : false;
+          return this.selectionKeys ? this.selectionKeys[this.nodeKey(this.node)] && this.selectionKeys[this.nodeKey(this.node)].partialChecked : false;
         },
         getAriaSelected: function getAriaSelected() {
           return this.selectionMode === 'single' || this.selectionMode === 'multiple' ? this.selected : null;
@@ -1255,7 +1269,8 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
         key: 0
       }, vue.renderList($props.node.children, function (childNode) {
         return vue.openBlock(), vue.createBlock(_component_TreeTableRow, {
-          key: childNode.key,
+          key: $options.nodeKey(childNode),
+          dataKey: $props.dataKey,
           columns: $props.columns,
           node: childNode,
           parentNode: $props.node,
@@ -1275,7 +1290,7 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
           }),
           onCheckboxChange: $options.onCheckboxChange,
           pt: _ctx.pt
-        }, null, 8, ["columns", "node", "parentNode", "level", "expandedKeys", "selectionMode", "selectionKeys", "indentation", "ariaPosInset", "ariaSetSize", "templates", "onCheckboxChange", "pt"]);
+        }, null, 8, ["dataKey", "columns", "node", "parentNode", "level", "expandedKeys", "selectionMode", "selectionKeys", "indentation", "ariaPosInset", "ariaSetSize", "templates", "onCheckboxChange", "pt"]);
       }), 128)) : vue.createCommentVNode("", true)], 64);
     }
 
@@ -1298,10 +1313,11 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
       name: 'TreeTable',
       "extends": script$5,
       emits: ['node-expand', 'node-collapse', 'update:expandedKeys', 'update:selectionKeys', 'node-select', 'node-unselect', 'update:first', 'update:rows', 'page', 'update:sortField', 'update:sortOrder', 'update:multiSortMeta', 'sort', 'filter', 'column-resize-end'],
-      documentColumnResizeListener: null,
-      documentColumnResizeEndListener: null,
-      lastResizeHelperX: null,
-      resizeColumnElement: null,
+      provide: function provide() {
+        return {
+          $columns: this.d_columns
+        };
+      },
       data: function data() {
         return {
           d_expandedKeys: this.expandedKeys || {},
@@ -1310,9 +1326,16 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
           d_sortField: this.sortField,
           d_sortOrder: this.sortOrder,
           d_multiSortMeta: this.multiSortMeta ? _toConsumableArray(this.multiSortMeta) : [],
-          hasASelectedNode: false
+          hasASelectedNode: false,
+          d_columns: new utils.HelperSet({
+            type: 'Column'
+          })
         };
       },
+      documentColumnResizeListener: null,
+      documentColumnResizeEndListener: null,
+      lastResizeHelperX: null,
+      resizeColumnElement: null,
       watch: {
         expandedKeys: function expandedKeys(newValue) {
           this.d_expandedKeys = newValue;
@@ -1343,6 +1366,9 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
           this.updateScrollWidth();
         }
       },
+      beforeUnmount: function beforeUnmount() {
+        this.d_columns.clear();
+      },
       methods: {
         columnProp: function columnProp(col, prop) {
           return utils.ObjectUtils.getVNodeProp(col, prop);
@@ -1355,7 +1381,7 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
           };
         },
         onNodeToggle: function onNodeToggle(node) {
-          var key = node.key;
+          var key = this.nodeKey(node);
           if (this.d_expandedKeys[key]) {
             delete this.d_expandedKeys[key];
             this.$emit('node-collapse', node);
@@ -1373,9 +1399,13 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
             this.$emit('update:selectionKeys', _selectionKeys);
           }
         },
+        nodeKey: function nodeKey(node) {
+          return utils.ObjectUtils.resolveFieldData(node, this.dataKey);
+        },
         handleSelectionWithMetaKey: function handleSelectionWithMetaKey(event) {
           var originalEvent = event.originalEvent;
           var node = event.node;
+          var nodeKey = this.nodeKey(node);
           var metaKey = originalEvent.metaKey || originalEvent.ctrlKey;
           var selected = this.isNodeSelected(node);
           var _selectionKeys;
@@ -1384,7 +1414,7 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
               _selectionKeys = {};
             } else {
               _selectionKeys = _objectSpread$1({}, this.selectionKeys);
-              delete _selectionKeys[node.key];
+              delete _selectionKeys[nodeKey];
             }
             this.$emit('node-unselect', node);
           } else {
@@ -1393,13 +1423,14 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
             } else if (this.isMultipleSelectionMode()) {
               _selectionKeys = !metaKey ? {} : this.selectionKeys ? _objectSpread$1({}, this.selectionKeys) : {};
             }
-            _selectionKeys[node.key] = true;
+            _selectionKeys[nodeKey] = true;
             this.$emit('node-select', node);
           }
           return _selectionKeys;
         },
         handleSelectionWithoutMetaKey: function handleSelectionWithoutMetaKey(event) {
           var node = event.node;
+          var nodeKey = this.nodeKey(node);
           var selected = this.isNodeSelected(node);
           var _selectionKeys;
           if (this.isSingleSelectionMode()) {
@@ -1408,17 +1439,17 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
               this.$emit('node-unselect', node);
             } else {
               _selectionKeys = {};
-              _selectionKeys[node.key] = true;
+              _selectionKeys[nodeKey] = true;
               this.$emit('node-select', node);
             }
           } else {
             if (selected) {
               _selectionKeys = _objectSpread$1({}, this.selectionKeys);
-              delete _selectionKeys[node.key];
+              delete _selectionKeys[nodeKey];
               this.$emit('node-unselect', node);
             } else {
               _selectionKeys = this.selectionKeys ? _objectSpread$1({}, this.selectionKeys) : {};
-              _selectionKeys[node.key] = true;
+              _selectionKeys[nodeKey] = true;
               this.$emit('node-select', node);
             }
           }
@@ -1661,7 +1692,7 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
           return matched;
         },
         isNodeSelected: function isNodeSelected(node) {
-          return this.selectionMode && this.selectionKeys ? this.selectionKeys[node.key] === true : false;
+          return this.selectionMode && this.selectionKeys ? this.selectionKeys[this.nodeKey(node)] === true : false;
         },
         isNodeLeaf: function isNodeLeaf(node) {
           return node.leaf === false ? false : !(node.children && node.children.length);
@@ -1801,7 +1832,7 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
           }
         },
         onColumnKeyDown: function onColumnKeyDown(event, col) {
-          if (event.code === 'Enter' && event.currentTarget.nodeName === 'TH' && utils.DomHandler.getAttribute(event.currentTarget, 'data-p-sortable-column')) {
+          if ((event.code === 'Enter' || event.code === 'NumpadEnter') && event.currentTarget.nodeName === 'TH' && utils.DomHandler.getAttribute(event.currentTarget, 'data-p-sortable-column')) {
             this.onColumnHeaderClick(event, col);
           }
         },
@@ -1851,12 +1882,7 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
       },
       computed: {
         columns: function columns() {
-          var cols = [];
-          var children = this.$slots["default"]();
-          children.forEach(function (child) {
-            if (child.children && child.children instanceof Array) cols = [].concat(_toConsumableArray(cols), _toConsumableArray(child.children));else if (child.type.name === 'Column') cols.push(child);
-          });
-          return cols;
+          return this.d_columns.get(this);
         },
         processedData: function processedData() {
           if (this.lazy) {
@@ -1962,7 +1988,7 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
         role: "table"
       }, _ctx.ptm('root'), {
         "data-pc-name": "treetable"
-      }), [_ctx.loading && _ctx.loadingMode === 'mask' ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+      }), [vue.renderSlot(_ctx.$slots, "default"), _ctx.loading && _ctx.loadingMode === 'mask' ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         key: 0,
         "class": _ctx.cx('loadingWrapper')
       }, _ctx.ptm('loadingWrapper')), [vue.createElementVNode("div", vue.mergeProps({
@@ -2106,7 +2132,8 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
         key: 0
       }, vue.renderList($options.dataToRender, function (node, index) {
         return vue.openBlock(), vue.createBlock(_component_TTRow, {
-          key: node.key,
+          key: $options.nodeKey(node),
+          dataKey: _ctx.dataKey,
           columns: $options.columns,
           node: node,
           level: 0,
@@ -2123,7 +2150,7 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
           onNodeClick: $options.onNodeClick,
           onCheckboxChange: $options.onCheckboxChange,
           pt: _ctx.pt
-        }, null, 8, ["columns", "node", "expandedKeys", "indentation", "selectionMode", "selectionKeys", "ariaSetSize", "ariaPosInset", "tabindex", "loadingMode", "templates", "onNodeToggle", "onNodeClick", "onCheckboxChange", "pt"]);
+        }, null, 8, ["dataKey", "columns", "node", "expandedKeys", "indentation", "selectionMode", "selectionKeys", "ariaSetSize", "ariaPosInset", "tabindex", "loadingMode", "templates", "onNodeToggle", "onNodeClick", "onCheckboxChange", "pt"]);
       }), 128)) : (vue.openBlock(), vue.createElementBlock("tr", vue.mergeProps({
         key: 1,
         "class": _ctx.cx('emptyMessage')