primevue 3.43.0 → 3.45.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,
@@ -282,8 +286,8 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
     function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty$5(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     function _defineProperty$5(obj, key, value) { key = _toPropertyKey$5(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-    function _toPropertyKey$5(arg) { var key = _toPrimitive$5(arg, "string"); return _typeof$5(key) === "symbol" ? key : String(key); }
-    function _toPrimitive$5(input, hint) { if (_typeof$5(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof$5(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+    function _toPropertyKey$5(t) { var i = _toPrimitive$5(t, "string"); return "symbol" == _typeof$5(i) ? i : String(i); }
+    function _toPrimitive$5(t, r) { if ("object" != _typeof$5(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof$5(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
     var _hoisted_1$4 = ["data-p-frozen-column"];
     function render$4(_ctx, _cache, $props, $setup, $data, $options) {
       return vue.openBlock(), vue.createElementBlock("td", vue.mergeProps({
@@ -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
@@ -499,8 +503,8 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
     function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     function _defineProperty$4(obj, key, value) { key = _toPropertyKey$4(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-    function _toPropertyKey$4(arg) { var key = _toPrimitive$4(arg, "string"); return _typeof$4(key) === "symbol" ? key : String(key); }
-    function _toPrimitive$4(input, hint) { if (_typeof$4(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof$4(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+    function _toPropertyKey$4(t) { var i = _toPrimitive$4(t, "string"); return "symbol" == _typeof$4(i) ? i : String(i); }
+    function _toPrimitive$4(t, r) { if ("object" != _typeof$4(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof$4(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
     var _hoisted_1$3 = ["tabindex", "aria-sort", "data-p-sortable-column", "data-p-resizable-column", "data-p-highlight", "data-p-frozen-column"];
     function render$3(_ctx, _cache, $props, $setup, $data, $options) {
       return vue.openBlock(), vue.createElementBlock("th", vue.mergeProps({
@@ -739,8 +743,8 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
     function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty$3(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     function _defineProperty$3(obj, key, value) { key = _toPropertyKey$3(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-    function _toPropertyKey$3(arg) { var key = _toPrimitive$3(arg, "string"); return _typeof$3(key) === "symbol" ? key : String(key); }
-    function _toPrimitive$3(input, hint) { if (_typeof$3(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof$3(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+    function _toPropertyKey$3(t) { var i = _toPrimitive$3(t, "string"); return "symbol" == _typeof$3(i) ? i : String(i); }
+    function _toPrimitive$3(t, r) { if ("object" != _typeof$3(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof$3(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
     var _hoisted_1$2 = ["data-p-frozen-column"];
     function render$2(_ctx, _cache, $props, $setup, $data, $options) {
       var _component_SpinnerIcon = vue.resolveComponent("SpinnerIcon");
@@ -830,8 +834,8 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
     function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty$2(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     function _defineProperty$2(obj, key, value) { key = _toPropertyKey$2(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-    function _toPropertyKey$2(arg) { var key = _toPrimitive$2(arg, "string"); return _typeof$2(key) === "symbol" ? key : String(key); }
-    function _toPrimitive$2(input, hint) { if (_typeof$2(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof$2(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+    function _toPropertyKey$2(t) { var i = _toPrimitive$2(t, "string"); return "symbol" == _typeof$2(i) ? i : String(i); }
+    function _toPrimitive$2(t, r) { if ("object" != _typeof$2(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof$2(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
     function _toConsumableArray$1(arr) { return _arrayWithoutHoles$1(arr) || _iterableToArray$1(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableSpread$1(); }
     function _nonIterableSpread$1() { 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 _unsupportedIterableToArray$1(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$1(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen); }
@@ -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);
     }
 
@@ -1286,8 +1301,8 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
     function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     function _defineProperty$1(obj, key, value) { key = _toPropertyKey$1(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-    function _toPropertyKey$1(arg) { var key = _toPrimitive$1(arg, "string"); return _typeof$1(key) === "symbol" ? key : String(key); }
-    function _toPrimitive$1(input, hint) { if (_typeof$1(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof$1(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+    function _toPropertyKey$1(t) { var i = _toPrimitive$1(t, "string"); return "symbol" == _typeof$1(i) ? i : String(i); }
+    function _toPrimitive$1(t, r) { if ("object" != _typeof$1(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof$1(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
     function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
     function _nonIterableSpread() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -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) {
@@ -1948,8 +1974,8 @@ this.primevue.treetable = (function (api, SpinnerIcon, Paginator, utils, BaseCom
     function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-    function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-    function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+    function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+    function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
     var _hoisted_1 = ["colspan"];
     function render(_ctx, _cache, $props, $setup, $data, $options) {
       var _component_TTPaginator = vue.resolveComponent("TTPaginator");
@@ -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')