From 3a74bb651effaed3c9ca51ce646d5f05907d3091 Mon Sep 17 00:00:00 2001
From: melloware <mellowaredev@gmail.com>
Date: Mon, 6 Jan 2025 11:20:33 -0500
Subject: [PATCH] Fix #7504: TreeTable update docs example data

---
 components/doc/treetable/basicdoc.js          | 59 +++++++++++++++----
 components/doc/treetable/columntoggledoc.js   | 59 +++++++++++++++----
 .../doc/treetable/conditionalstyledoc.js      | 59 +++++++++++++++----
 components/doc/treetable/controlleddoc.js     | 59 +++++++++++++++----
 components/doc/treetable/dynamiccolumnsdoc.js | 59 +++++++++++++++----
 components/doc/treetable/editdoc.js           | 59 +++++++++++++++----
 components/doc/treetable/filterdoc.js         | 59 +++++++++++++++----
 components/doc/treetable/reorderdoc.js        | 59 +++++++++++++++----
 .../doc/treetable/resize/expandmodedoc.js     | 59 +++++++++++++++----
 components/doc/treetable/resize/fitmodedoc.js | 59 +++++++++++++++----
 .../doc/treetable/scroll/frozencolumnsdoc.js  | 59 +++++++++++++++----
 .../doc/treetable/scroll/horizontaldoc.js     | 59 +++++++++++++++----
 .../doc/treetable/scroll/verticaldoc.js       | 59 +++++++++++++++----
 .../doc/treetable/selection/checkboxdoc.js    | 59 +++++++++++++++----
 .../doc/treetable/selection/eventsdoc.js      | 59 +++++++++++++++----
 .../doc/treetable/selection/multipledoc.js    | 59 +++++++++++++++----
 .../doc/treetable/selection/singledoc.js      | 59 +++++++++++++++----
 .../doc/treetable/sort/multiplecolumnsdoc.js  | 59 +++++++++++++++----
 .../doc/treetable/sort/singlecolumndoc.js     | 59 +++++++++++++++----
 components/doc/treetable/statefuldoc.js       | 59 +++++++++++++++----
 components/doc/treetable/templatedoc.js       | 59 +++++++++++++++----
 21 files changed, 987 insertions(+), 252 deletions(-)

diff --git a/components/doc/treetable/basicdoc.js b/components/doc/treetable/basicdoc.js
index b983424ea1..49720ac089 100644
--- a/components/doc/treetable/basicdoc.js
+++ b/components/doc/treetable/basicdoc.js
@@ -72,26 +72,61 @@ export default function BasicDemo() {
         data: `
 {
     key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
+    data: {
+        name: 'Applications',
+        size: '100kb',
+        type: 'Folder'
+    },
     children: [
         {
             key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
+            data: {
+                name: 'React',
+                size: '25kb',
+                type: 'Folder'
+            },
             children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
+                {
+                    key: '0-0-0',
+                    data: {
+                        name: 'react.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-1',
+                    data: {
+                        name: 'native.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-2',
+                    data: {
+                        name: 'mobile.app',
+                        size: '5kb',
+                        type: 'Application'
+                    }
+                }
             ]
         },
         {
             key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
+            data: {
+                name: 'editor.app',
+                size: '25kb',
+                type: 'Application'
+            }
+        },
+        {
+            key: '0-2',
+            data: {
+                name: 'settings.app',
+                size: '50kb',
+                type: 'Application'
+            }
         }
     ]
 },
diff --git a/components/doc/treetable/columntoggledoc.js b/components/doc/treetable/columntoggledoc.js
index ff5340bc9c..a378edb309 100644
--- a/components/doc/treetable/columntoggledoc.js
+++ b/components/doc/treetable/columntoggledoc.js
@@ -125,26 +125,61 @@ export default function ColumnToggleDemo() {
         data: `
 {
     key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
+    data: {
+        name: 'Applications',
+        size: '100kb',
+        type: 'Folder'
+    },
     children: [
         {
             key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
+            data: {
+                name: 'React',
+                size: '25kb',
+                type: 'Folder'
+            },
             children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
+                {
+                    key: '0-0-0',
+                    data: {
+                        name: 'react.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-1',
+                    data: {
+                        name: 'native.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-2',
+                    data: {
+                        name: 'mobile.app',
+                        size: '5kb',
+                        type: 'Application'
+                    }
+                }
             ]
         },
         {
             key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
+            data: {
+                name: 'editor.app',
+                size: '25kb',
+                type: 'Application'
+            }
+        },
+        {
+            key: '0-2',
+            data: {
+                name: 'settings.app',
+                size: '50kb',
+                type: 'Application'
+            }
         }
     ]
 },
diff --git a/components/doc/treetable/conditionalstyledoc.js b/components/doc/treetable/conditionalstyledoc.js
index aaf0567259..9044b7e940 100644
--- a/components/doc/treetable/conditionalstyledoc.js
+++ b/components/doc/treetable/conditionalstyledoc.js
@@ -105,26 +105,61 @@ export default function ConditionalStyleDemo() {
         data: `
 {
     key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
+    data: {
+        name: 'Applications',
+        size: '100kb',
+        type: 'Folder'
+    },
     children: [
         {
             key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
+            data: {
+                name: 'React',
+                size: '25kb',
+                type: 'Folder'
+            },
             children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
+                {
+                    key: '0-0-0',
+                    data: {
+                        name: 'react.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-1',
+                    data: {
+                        name: 'native.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-2',
+                    data: {
+                        name: 'mobile.app',
+                        size: '5kb',
+                        type: 'Application'
+                    }
+                }
             ]
         },
         {
             key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
+            data: {
+                name: 'editor.app',
+                size: '25kb',
+                type: 'Application'
+            }
+        },
+        {
+            key: '0-2',
+            data: {
+                name: 'settings.app',
+                size: '50kb',
+                type: 'Application'
+            }
         }
     ]
 },
diff --git a/components/doc/treetable/controlleddoc.js b/components/doc/treetable/controlleddoc.js
index 809869155c..15d9628bac 100644
--- a/components/doc/treetable/controlleddoc.js
+++ b/components/doc/treetable/controlleddoc.js
@@ -111,26 +111,61 @@ export default function ControlledDemo() {
         data: `
 {
     key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
+    data: {
+        name: 'Applications',
+        size: '100kb',
+        type: 'Folder'
+    },
     children: [
         {
             key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
+            data: {
+                name: 'React',
+                size: '25kb',
+                type: 'Folder'
+            },
             children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
+                {
+                    key: '0-0-0',
+                    data: {
+                        name: 'react.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-1',
+                    data: {
+                        name: 'native.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-2',
+                    data: {
+                        name: 'mobile.app',
+                        size: '5kb',
+                        type: 'Application'
+                    }
+                }
             ]
         },
         {
             key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
+            data: {
+                name: 'editor.app',
+                size: '25kb',
+                type: 'Application'
+            }
+        },
+        {
+            key: '0-2',
+            data: {
+                name: 'settings.app',
+                size: '50kb',
+                type: 'Application'
+            }
         }
     ]
 },
diff --git a/components/doc/treetable/dynamiccolumnsdoc.js b/components/doc/treetable/dynamiccolumnsdoc.js
index be11ac2ba8..d799c1b796 100644
--- a/components/doc/treetable/dynamiccolumnsdoc.js
+++ b/components/doc/treetable/dynamiccolumnsdoc.js
@@ -92,26 +92,61 @@ export default function DynamicColumnsDemo() {
         data: `
 {
     key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
+    data: {
+        name: 'Applications',
+        size: '100kb',
+        type: 'Folder'
+    },
     children: [
         {
             key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
+            data: {
+                name: 'React',
+                size: '25kb',
+                type: 'Folder'
+            },
             children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
+                {
+                    key: '0-0-0',
+                    data: {
+                        name: 'react.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-1',
+                    data: {
+                        name: 'native.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-2',
+                    data: {
+                        name: 'mobile.app',
+                        size: '5kb',
+                        type: 'Application'
+                    }
+                }
             ]
         },
         {
             key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
+            data: {
+                name: 'editor.app',
+                size: '25kb',
+                type: 'Application'
+            }
+        },
+        {
+            key: '0-2',
+            data: {
+                name: 'settings.app',
+                size: '50kb',
+                type: 'Application'
+            }
         }
     ]
 },
diff --git a/components/doc/treetable/editdoc.js b/components/doc/treetable/editdoc.js
index 868dcce060..447107604c 100644
--- a/components/doc/treetable/editdoc.js
+++ b/components/doc/treetable/editdoc.js
@@ -201,26 +201,61 @@ export default function EditDemo() {
         data: `
 {
     key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
+    data: {
+        name: 'Applications',
+        size: '100kb',
+        type: 'Folder'
+    },
     children: [
         {
             key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
+            data: {
+                name: 'React',
+                size: '25kb',
+                type: 'Folder'
+            },
             children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
+                {
+                    key: '0-0-0',
+                    data: {
+                        name: 'react.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-1',
+                    data: {
+                        name: 'native.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-2',
+                    data: {
+                        name: 'mobile.app',
+                        size: '5kb',
+                        type: 'Application'
+                    }
+                }
             ]
         },
         {
             key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
+            data: {
+                name: 'editor.app',
+                size: '25kb',
+                type: 'Application'
+            }
+        },
+        {
+            key: '0-2',
+            data: {
+                name: 'settings.app',
+                size: '50kb',
+                type: 'Application'
+            }
         }
     ]
 },
diff --git a/components/doc/treetable/filterdoc.js b/components/doc/treetable/filterdoc.js
index e2b4e0641e..cb564254fd 100644
--- a/components/doc/treetable/filterdoc.js
+++ b/components/doc/treetable/filterdoc.js
@@ -154,26 +154,61 @@ export default function FilterDemo() {
         data: `
 {
     key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
+    data: {
+        name: 'Applications',
+        size: '100kb',
+        type: 'Folder'
+    },
     children: [
         {
             key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
+            data: {
+                name: 'React',
+                size: '25kb',
+                type: 'Folder'
+            },
             children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
+                {
+                    key: '0-0-0',
+                    data: {
+                        name: 'react.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-1',
+                    data: {
+                        name: 'native.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-2',
+                    data: {
+                        name: 'mobile.app',
+                        size: '5kb',
+                        type: 'Application'
+                    }
+                }
             ]
         },
         {
             key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
+            data: {
+                name: 'editor.app',
+                size: '25kb',
+                type: 'Application'
+            }
+        },
+        {
+            key: '0-2',
+            data: {
+                name: 'settings.app',
+                size: '50kb',
+                type: 'Application'
+            }
         }
     ]
 },
diff --git a/components/doc/treetable/reorderdoc.js b/components/doc/treetable/reorderdoc.js
index 218f2a3d52..520fb287a5 100644
--- a/components/doc/treetable/reorderdoc.js
+++ b/components/doc/treetable/reorderdoc.js
@@ -72,26 +72,61 @@ export default function ReorderDemo() {
         data: `
 {
     key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
+    data: {
+        name: 'Applications',
+        size: '100kb',
+        type: 'Folder'
+    },
     children: [
         {
             key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
+            data: {
+                name: 'React',
+                size: '25kb',
+                type: 'Folder'
+            },
             children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
+                {
+                    key: '0-0-0',
+                    data: {
+                        name: 'react.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-1',
+                    data: {
+                        name: 'native.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-2',
+                    data: {
+                        name: 'mobile.app',
+                        size: '5kb',
+                        type: 'Application'
+                    }
+                }
             ]
         },
         {
             key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
+            data: {
+                name: 'editor.app',
+                size: '25kb',
+                type: 'Application'
+            }
+        },
+        {
+            key: '0-2',
+            data: {
+                name: 'settings.app',
+                size: '50kb',
+                type: 'Application'
+            }
         }
     ]
 },
diff --git a/components/doc/treetable/resize/expandmodedoc.js b/components/doc/treetable/resize/expandmodedoc.js
index c8702813c7..d3a8ed7dd8 100644
--- a/components/doc/treetable/resize/expandmodedoc.js
+++ b/components/doc/treetable/resize/expandmodedoc.js
@@ -72,26 +72,61 @@ export default function ExpandModeDemo() {
         data: `
 {
     key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
+    data: {
+        name: 'Applications',
+        size: '100kb',
+        type: 'Folder'
+    },
     children: [
         {
             key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
+            data: {
+                name: 'React',
+                size: '25kb',
+                type: 'Folder'
+            },
             children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
+                {
+                    key: '0-0-0',
+                    data: {
+                        name: 'react.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-1',
+                    data: {
+                        name: 'native.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-2',
+                    data: {
+                        name: 'mobile.app',
+                        size: '5kb',
+                        type: 'Application'
+                    }
+                }
             ]
         },
         {
             key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
+            data: {
+                name: 'editor.app',
+                size: '25kb',
+                type: 'Application'
+            }
+        },
+        {
+            key: '0-2',
+            data: {
+                name: 'settings.app',
+                size: '50kb',
+                type: 'Application'
+            }
         }
     ]
 },
diff --git a/components/doc/treetable/resize/fitmodedoc.js b/components/doc/treetable/resize/fitmodedoc.js
index 5ac5076ac6..ed08bf74b7 100644
--- a/components/doc/treetable/resize/fitmodedoc.js
+++ b/components/doc/treetable/resize/fitmodedoc.js
@@ -72,26 +72,61 @@ export default function FitModeDemo() {
         data: `
 {
     key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
+    data: {
+        name: 'Applications',
+        size: '100kb',
+        type: 'Folder'
+    },
     children: [
         {
             key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
+            data: {
+                name: 'React',
+                size: '25kb',
+                type: 'Folder'
+            },
             children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
+                {
+                    key: '0-0-0',
+                    data: {
+                        name: 'react.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-1',
+                    data: {
+                        name: 'native.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-2',
+                    data: {
+                        name: 'mobile.app',
+                        size: '5kb',
+                        type: 'Application'
+                    }
+                }
             ]
         },
         {
             key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
+            data: {
+                name: 'editor.app',
+                size: '25kb',
+                type: 'Application'
+            }
+        },
+        {
+            key: '0-2',
+            data: {
+                name: 'settings.app',
+                size: '50kb',
+                type: 'Application'
+            }
         }
     ]
 },
diff --git a/components/doc/treetable/scroll/frozencolumnsdoc.js b/components/doc/treetable/scroll/frozencolumnsdoc.js
index c8b7f16058..7cd58a3d1e 100644
--- a/components/doc/treetable/scroll/frozencolumnsdoc.js
+++ b/components/doc/treetable/scroll/frozencolumnsdoc.js
@@ -84,26 +84,61 @@ export default function FrozenColumnsDemo() {
         data: `
 {
     key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
+    data: {
+        name: 'Applications',
+        size: '100kb',
+        type: 'Folder'
+    },
     children: [
         {
             key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
+            data: {
+                name: 'React',
+                size: '25kb',
+                type: 'Folder'
+            },
             children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
+                {
+                    key: '0-0-0',
+                    data: {
+                        name: 'react.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-1',
+                    data: {
+                        name: 'native.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-2',
+                    data: {
+                        name: 'mobile.app',
+                        size: '5kb',
+                        type: 'Application'
+                    }
+                }
             ]
         },
         {
             key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
+            data: {
+                name: 'editor.app',
+                size: '25kb',
+                type: 'Application'
+            }
+        },
+        {
+            key: '0-2',
+            data: {
+                name: 'settings.app',
+                size: '50kb',
+                type: 'Application'
+            }
         }
     ]
 },
diff --git a/components/doc/treetable/scroll/horizontaldoc.js b/components/doc/treetable/scroll/horizontaldoc.js
index 60ce828569..8d3a91a9af 100644
--- a/components/doc/treetable/scroll/horizontaldoc.js
+++ b/components/doc/treetable/scroll/horizontaldoc.js
@@ -81,26 +81,61 @@ export default function HorizontalScrollDemo() {
         data: `
 {
     key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
+    data: {
+        name: 'Applications',
+        size: '100kb',
+        type: 'Folder'
+    },
     children: [
         {
             key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
+            data: {
+                name: 'React',
+                size: '25kb',
+                type: 'Folder'
+            },
             children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
+                {
+                    key: '0-0-0',
+                    data: {
+                        name: 'react.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-1',
+                    data: {
+                        name: 'native.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-2',
+                    data: {
+                        name: 'mobile.app',
+                        size: '5kb',
+                        type: 'Application'
+                    }
+                }
             ]
         },
         {
             key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
+            data: {
+                name: 'editor.app',
+                size: '25kb',
+                type: 'Application'
+            }
+        },
+        {
+            key: '0-2',
+            data: {
+                name: 'settings.app',
+                size: '50kb',
+                type: 'Application'
+            }
         }
     ]
 },
diff --git a/components/doc/treetable/scroll/verticaldoc.js b/components/doc/treetable/scroll/verticaldoc.js
index 0cc0cb14a0..5bcdd0c467 100644
--- a/components/doc/treetable/scroll/verticaldoc.js
+++ b/components/doc/treetable/scroll/verticaldoc.js
@@ -72,26 +72,61 @@ export default function VerticalScrollDemo() {
         data: `
 {
     key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
+    data: {
+        name: 'Applications',
+        size: '100kb',
+        type: 'Folder'
+    },
     children: [
         {
             key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
+            data: {
+                name: 'React',
+                size: '25kb',
+                type: 'Folder'
+            },
             children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
+                {
+                    key: '0-0-0',
+                    data: {
+                        name: 'react.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-1',
+                    data: {
+                        name: 'native.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-2',
+                    data: {
+                        name: 'mobile.app',
+                        size: '5kb',
+                        type: 'Application'
+                    }
+                }
             ]
         },
         {
             key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
+            data: {
+                name: 'editor.app',
+                size: '25kb',
+                type: 'Application'
+            }
+        },
+        {
+            key: '0-2',
+            data: {
+                name: 'settings.app',
+                size: '50kb',
+                type: 'Application'
+            }
         }
     ]
 },
diff --git a/components/doc/treetable/selection/checkboxdoc.js b/components/doc/treetable/selection/checkboxdoc.js
index b45095a132..5ae5b0295c 100644
--- a/components/doc/treetable/selection/checkboxdoc.js
+++ b/components/doc/treetable/selection/checkboxdoc.js
@@ -87,26 +87,61 @@ export default function CheckboxRowSelectionDemo() {
         data: `
 {
     key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
+    data: {
+        name: 'Applications',
+        size: '100kb',
+        type: 'Folder'
+    },
     children: [
         {
             key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
+            data: {
+                name: 'React',
+                size: '25kb',
+                type: 'Folder'
+            },
             children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
+                {
+                    key: '0-0-0',
+                    data: {
+                        name: 'react.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-1',
+                    data: {
+                        name: 'native.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-2',
+                    data: {
+                        name: 'mobile.app',
+                        size: '5kb',
+                        type: 'Application'
+                    }
+                }
             ]
         },
         {
             key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
+            data: {
+                name: 'editor.app',
+                size: '25kb',
+                type: 'Application'
+            }
+        },
+        {
+            key: '0-2',
+            data: {
+                name: 'settings.app',
+                size: '50kb',
+                type: 'Application'
+            }
         }
     ]
 },
diff --git a/components/doc/treetable/selection/eventsdoc.js b/components/doc/treetable/selection/eventsdoc.js
index 823ecc6d11..8ea99d6c5b 100644
--- a/components/doc/treetable/selection/eventsdoc.js
+++ b/components/doc/treetable/selection/eventsdoc.js
@@ -111,26 +111,61 @@ export default function SingleRowSelectionDemo() {
         data: `
 {
     key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
+    data: {
+        name: 'Applications',
+        size: '100kb',
+        type: 'Folder'
+    },
     children: [
         {
             key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
+            data: {
+                name: 'React',
+                size: '25kb',
+                type: 'Folder'
+            },
             children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
+                {
+                    key: '0-0-0',
+                    data: {
+                        name: 'react.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-1',
+                    data: {
+                        name: 'native.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-2',
+                    data: {
+                        name: 'mobile.app',
+                        size: '5kb',
+                        type: 'Application'
+                    }
+                }
             ]
         },
         {
             key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
+            data: {
+                name: 'editor.app',
+                size: '25kb',
+                type: 'Application'
+            }
+        },
+        {
+            key: '0-2',
+            data: {
+                name: 'settings.app',
+                size: '50kb',
+                type: 'Application'
+            }
         }
     ]
 },
diff --git a/components/doc/treetable/selection/multipledoc.js b/components/doc/treetable/selection/multipledoc.js
index 2470a45032..35bd887e7e 100644
--- a/components/doc/treetable/selection/multipledoc.js
+++ b/components/doc/treetable/selection/multipledoc.js
@@ -101,26 +101,61 @@ export default function MultipleRowsSelectionDemo() {
         data: `
 {
     key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
+    data: {
+        name: 'Applications',
+        size: '100kb',
+        type: 'Folder'
+    },
     children: [
         {
             key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
+            data: {
+                name: 'React',
+                size: '25kb',
+                type: 'Folder'
+            },
             children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
+                {
+                    key: '0-0-0',
+                    data: {
+                        name: 'react.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-1',
+                    data: {
+                        name: 'native.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-2',
+                    data: {
+                        name: 'mobile.app',
+                        size: '5kb',
+                        type: 'Application'
+                    }
+                }
             ]
         },
         {
             key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
+            data: {
+                name: 'editor.app',
+                size: '25kb',
+                type: 'Application'
+            }
+        },
+        {
+            key: '0-2',
+            data: {
+                name: 'settings.app',
+                size: '50kb',
+                type: 'Application'
+            }
         }
     ]
 },
diff --git a/components/doc/treetable/selection/singledoc.js b/components/doc/treetable/selection/singledoc.js
index d5c7111121..ded32d11dc 100644
--- a/components/doc/treetable/selection/singledoc.js
+++ b/components/doc/treetable/selection/singledoc.js
@@ -92,26 +92,61 @@ export default function SingleRowSelectionDemo() {
         data: `
 {
     key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
+    data: {
+        name: 'Applications',
+        size: '100kb',
+        type: 'Folder'
+    },
     children: [
         {
             key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
+            data: {
+                name: 'React',
+                size: '25kb',
+                type: 'Folder'
+            },
             children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
+                {
+                    key: '0-0-0',
+                    data: {
+                        name: 'react.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-1',
+                    data: {
+                        name: 'native.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-2',
+                    data: {
+                        name: 'mobile.app',
+                        size: '5kb',
+                        type: 'Application'
+                    }
+                }
             ]
         },
         {
             key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
+            data: {
+                name: 'editor.app',
+                size: '25kb',
+                type: 'Application'
+            }
+        },
+        {
+            key: '0-2',
+            data: {
+                name: 'settings.app',
+                size: '50kb',
+                type: 'Application'
+            }
         }
     ]
 },
diff --git a/components/doc/treetable/sort/multiplecolumnsdoc.js b/components/doc/treetable/sort/multiplecolumnsdoc.js
index e0134de3c2..d54c467fac 100644
--- a/components/doc/treetable/sort/multiplecolumnsdoc.js
+++ b/components/doc/treetable/sort/multiplecolumnsdoc.js
@@ -78,26 +78,61 @@ export default function MultipleColumnsDemo() {
         data: `
 {
     key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
+    data: {
+        name: 'Applications',
+        size: '100kb',
+        type: 'Folder'
+    },
     children: [
         {
             key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
+            data: {
+                name: 'React',
+                size: '25kb',
+                type: 'Folder'
+            },
             children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
+                {
+                    key: '0-0-0',
+                    data: {
+                        name: 'react.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-1',
+                    data: {
+                        name: 'native.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-2',
+                    data: {
+                        name: 'mobile.app',
+                        size: '5kb',
+                        type: 'Application'
+                    }
+                }
             ]
         },
         {
             key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
+            data: {
+                name: 'editor.app',
+                size: '25kb',
+                type: 'Application'
+            }
+        },
+        {
+            key: '0-2',
+            data: {
+                name: 'settings.app',
+                size: '50kb',
+                type: 'Application'
+            }
         }
     ]
 },
diff --git a/components/doc/treetable/sort/singlecolumndoc.js b/components/doc/treetable/sort/singlecolumndoc.js
index a361392ab1..5b82731100 100644
--- a/components/doc/treetable/sort/singlecolumndoc.js
+++ b/components/doc/treetable/sort/singlecolumndoc.js
@@ -78,26 +78,61 @@ export default function SingleColumnDemo() {
         data: `
 {
     key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
+    data: {
+        name: 'Applications',
+        size: '100kb',
+        type: 'Folder'
+    },
     children: [
         {
             key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
+            data: {
+                name: 'React',
+                size: '25kb',
+                type: 'Folder'
+            },
             children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
+                {
+                    key: '0-0-0',
+                    data: {
+                        name: 'react.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-1',
+                    data: {
+                        name: 'native.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-2',
+                    data: {
+                        name: 'mobile.app',
+                        size: '5kb',
+                        type: 'Application'
+                    }
+                }
             ]
         },
         {
             key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
+            data: {
+                name: 'editor.app',
+                size: '25kb',
+                type: 'Application'
+            }
+        },
+        {
+            key: '0-2',
+            data: {
+                name: 'settings.app',
+                size: '50kb',
+                type: 'Application'
+            }
         }
     ]
 },
diff --git a/components/doc/treetable/statefuldoc.js b/components/doc/treetable/statefuldoc.js
index 58e80c3b38..c4c8a0fb74 100644
--- a/components/doc/treetable/statefuldoc.js
+++ b/components/doc/treetable/statefuldoc.js
@@ -76,26 +76,61 @@ export default function StatefulDemo() {
         data: `
 {
     key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
+    data: {
+        name: 'Applications',
+        size: '100kb',
+        type: 'Folder'
+    },
     children: [
         {
             key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
+            data: {
+                name: 'React',
+                size: '25kb',
+                type: 'Folder'
+            },
             children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
+                {
+                    key: '0-0-0',
+                    data: {
+                        name: 'react.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-1',
+                    data: {
+                        name: 'native.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-2',
+                    data: {
+                        name: 'mobile.app',
+                        size: '5kb',
+                        type: 'Application'
+                    }
+                }
             ]
         },
         {
             key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
+            data: {
+                name: 'editor.app',
+                size: '25kb',
+                type: 'Application'
+            }
+        },
+        {
+            key: '0-2',
+            data: {
+                name: 'settings.app',
+                size: '50kb',
+                type: 'Application'
+            }
         }
     ]
 },
diff --git a/components/doc/treetable/templatedoc.js b/components/doc/treetable/templatedoc.js
index 47c179df82..ded7109065 100644
--- a/components/doc/treetable/templatedoc.js
+++ b/components/doc/treetable/templatedoc.js
@@ -181,26 +181,61 @@ export default function TemplateDemo() {
         data: `
 {
     key: '0',
-    label: 'Documents',
-    data: 'Documents Folder',
-    icon: 'pi pi-fw pi-inbox',
+    data: {
+        name: 'Applications',
+        size: '100kb',
+        type: 'Folder'
+    },
     children: [
         {
             key: '0-0',
-            label: 'Work',
-            data: 'Work Folder',
-            icon: 'pi pi-fw pi-cog',
+            data: {
+                name: 'React',
+                size: '25kb',
+                type: 'Folder'
+            },
             children: [
-                { key: '0-0-0', label: 'Expenses.doc', icon: 'pi pi-fw pi-file', data: 'Expenses Document' },
-                { key: '0-0-1', label: 'Resume.doc', icon: 'pi pi-fw pi-file', data: 'Resume Document' }
+                {
+                    key: '0-0-0',
+                    data: {
+                        name: 'react.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-1',
+                    data: {
+                        name: 'native.app',
+                        size: '10kb',
+                        type: 'Application'
+                    }
+                },
+                {
+                    key: '0-0-2',
+                    data: {
+                        name: 'mobile.app',
+                        size: '5kb',
+                        type: 'Application'
+                    }
+                }
             ]
         },
         {
             key: '0-1',
-            label: 'Home',
-            data: 'Home Folder',
-            icon: 'pi pi-fw pi-home',
-            children: [{ key: '0-1-0', label: 'Invoices.txt', icon: 'pi pi-fw pi-file', data: 'Invoices for this month' }]
+            data: {
+                name: 'editor.app',
+                size: '25kb',
+                type: 'Application'
+            }
+        },
+        {
+            key: '0-2',
+            data: {
+                name: 'settings.app',
+                size: '50kb',
+                type: 'Application'
+            }
         }
     ]
 },