primevue 4.5.0 → 4.5.2

package/tree/Tree.vue

@@ -1,13 +1,13 @@
 <template>
     <div :class="cx('root')" @dragover="onDragOver" @dragenter="onDragEnter" @dragleave="onDragLeave" @drop="onDrop" :data-p="containerDataP" v-bind="ptmi('root')">
-        <template v-if="loading && loadingMode === 'mask'">
-            <div :class="cx('mask')" v-bind="ptm('mask')">
+        <transition name="p-overlay-mask">
+            <div v-if="loading && loadingMode === 'mask'" :class="cx('mask')" v-bind="ptm('mask')">
                 <slot name="loadingicon" :class="cx('loadingIcon')">
                     <i v-if="loadingIcon" :class="[cx('loadingIcon'), 'pi-spin', loadingIcon]" v-bind="ptm('loadingIcon')" />
                     <SpinnerIcon v-else spin :class="cx('loadingIcon')" v-bind="ptm('loadingIcon')" />
                 </slot>
             </div>
-        </template>
+        </transition>
         <IconField v-if="filter" :unstyled="unstyled" :pt="{ ...ptm('pcFilter'), ...ptm('pcFilterContainer') }" :class="cx('pcFilterContainer')">
             <InputText v-model="filterValue" autocomplete="off" :class="cx('pcFilterInput')" :placeholder="filterPlaceholder" :unstyled="unstyled" @keyup="onFilterKeyup" :pt="ptm('pcFilterInput')" />
             <InputIcon :unstyled="unstyled" :pt="ptm('pcFilterIconContainer')">

package/tree/TreeNode.vue

@@ -125,7 +125,7 @@ export default {
             default: null
         },
         rootNodes: {
-            type: Array,
+            type: Object,
             default: null
         },
         expandedKeys: {

package/tree/index.mjs

@@ -7,7 +7,7 @@ import InputIcon from 'primevue/inputicon';
 import InputText from 'primevue/inputtext';
 import BaseComponent from '@primevue/core/basecomponent';
 import TreeStyle from 'primevue/tree/style';
-import { reactive, resolveComponent, resolveDirective, createElementBlock, openBlock, mergeProps, createCommentVNode, createElementVNode, normalizeClass, withDirectives, createBlock, Fragment, resolveDynamicComponent, withCtx, withModifiers, createTextVNode, toDisplayString, renderList, renderSlot, createVNode } from 'vue';
+import { reactive, resolveComponent, resolveDirective, createElementBlock, openBlock, mergeProps, createCommentVNode, createElementVNode, normalizeClass, withDirectives, createBlock, Fragment, resolveDynamicComponent, withCtx, withModifiers, createTextVNode, toDisplayString, renderList, createVNode, Transition, renderSlot } from 'vue';
 import CheckIcon from '@primevue/icons/check';
 import ChevronDownIcon from '@primevue/icons/chevrondown';
 import ChevronRightIcon from '@primevue/icons/chevronright';
@@ -194,7 +194,7 @@ var script$1 = {
       "default": null
     },
     rootNodes: {
-      type: Array,
+      type: Object,
       "default": null
     },
     expandedKeys: {
@@ -1463,22 +1463,29 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       return $options.onDrop && $options.onDrop.apply($options, arguments);
     }),
     "data-p": $options.containerDataP
-  }, _ctx.ptmi('root')), [_ctx.loading && _ctx.loadingMode === 'mask' ? (openBlock(), createElementBlock("div", mergeProps({
+  }, _ctx.ptmi('root')), [createVNode(Transition, {
+    name: "p-overlay-mask"
+  }, {
+    "default": withCtx(function () {
+      return [_ctx.loading && _ctx.loadingMode === 'mask' ? (openBlock(), createElementBlock("div", mergeProps({
+        key: 0,
+        "class": _ctx.cx('mask')
+      }, _ctx.ptm('mask')), [renderSlot(_ctx.$slots, "loadingicon", {
+        "class": normalizeClass(_ctx.cx('loadingIcon'))
+      }, function () {
+        return [_ctx.loadingIcon ? (openBlock(), createElementBlock("i", mergeProps({
+          key: 0,
+          "class": [_ctx.cx('loadingIcon'), 'pi-spin', _ctx.loadingIcon]
+        }, _ctx.ptm('loadingIcon')), null, 16)) : (openBlock(), createBlock(_component_SpinnerIcon, mergeProps({
+          key: 1,
+          spin: "",
+          "class": _ctx.cx('loadingIcon')
+        }, _ctx.ptm('loadingIcon')), null, 16, ["class"]))];
+      })], 16)) : createCommentVNode("", true)];
+    }),
+    _: 3
+  }), _ctx.filter ? (openBlock(), createBlock(_component_IconField, {
     key: 0,
-    "class": _ctx.cx('mask')
-  }, _ctx.ptm('mask')), [renderSlot(_ctx.$slots, "loadingicon", {
-    "class": normalizeClass(_ctx.cx('loadingIcon'))
-  }, function () {
-    return [_ctx.loadingIcon ? (openBlock(), createElementBlock("i", mergeProps({
-      key: 0,
-      "class": [_ctx.cx('loadingIcon'), 'pi-spin', _ctx.loadingIcon]
-    }, _ctx.ptm('loadingIcon')), null, 16)) : (openBlock(), createBlock(_component_SpinnerIcon, mergeProps({
-      key: 1,
-      spin: "",
-      "class": _ctx.cx('loadingIcon')
-    }, _ctx.ptm('loadingIcon')), null, 16, ["class"]))];
-  })], 16)) : createCommentVNode("", true), _ctx.filter ? (openBlock(), createBlock(_component_IconField, {
-    key: 1,
     unstyled: _ctx.unstyled,
     pt: _objectSpread(_objectSpread({}, _ctx.ptm('pcFilter')), _ctx.ptm('pcFilterContainer')),
     "class": normalizeClass(_ctx.cx('pcFilterContainer'))