w-component-vue 2.2.38 → 2.2.41

package/docs/module-WSwitch.html

@@ -302,7 +302,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 08:57:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 20:29:40 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTableDyn.html

@@ -708,7 +708,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 08:57:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 20:29:40 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WText.html

@@ -422,7 +422,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 08:57:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 20:29:40 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextCore.html

@@ -248,7 +248,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 08:57:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 20:29:40 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextInt.html

@@ -374,7 +374,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 08:57:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 20:29:40 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextIntCore.html

@@ -278,7 +278,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 08:57:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 20:29:40 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextSelect.html

@@ -434,7 +434,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 08:57:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 20:29:40 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextSuggest.html

@@ -464,7 +464,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 08:57:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 20:29:40 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextSuggestCore.html

@@ -368,7 +368,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 08:57:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 20:29:40 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextarea.html

@@ -218,7 +218,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 08:57:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 20:29:40 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeday.html

@@ -338,7 +338,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 08:57:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 20:29:40 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimedayCore.html

@@ -230,7 +230,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 08:57:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 20:29:40 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimedayRange.html

@@ -350,7 +350,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 08:57:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 20:29:40 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimedayRangeCore.html

@@ -242,7 +242,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 08:57:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 20:29:40 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminute.html

@@ -380,7 +380,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 08:57:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 20:29:40 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminuteCore.html

@@ -272,7 +272,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 08:57:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 20:29:40 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminuteRange.html

@@ -392,7 +392,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 08:57:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 20:29:40 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminuteRangeCore.html

@@ -284,7 +284,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 08:57:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 20:29:40 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTinymceVueDyn.html

@@ -224,7 +224,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 08:57:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 20:29:40 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTree.html

@@ -626,7 +626,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 08:57:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 20:29:40 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTreeIconCheckbox.html

@@ -248,7 +248,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 08:57:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 20:29:40 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTreeIconToggle.html

@@ -224,7 +224,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 08:57:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 20:29:40 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/vuetifyColor.mjs.html

@@ -144,7 +144,7 @@ export default color2hex
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 08:57:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Aug 15 2022 20:29:40 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "w-component-vue",
-  "version": "2.2.38",
+  "version": "2.2.41",
   "main": "dist/w-component-vue.umd.js",
   "dependencies": {
     "@mdi/js": "^7.0.96",
     "lodash": "^4.17.21",
-    "wsemi": "^1.6.75"
+    "wsemi": "^1.6.77"
   },
   "devDependencies": {
     "eslint": "^7.26.0",
@@ -27,7 +27,7 @@
     "vue-cli-plugin-vuetify": "^2.4.8",
     "vuetify": "^2.6.4",
     "vuetify-loader": "^1.7.3",
-    "w-package-tools": "^1.0.65"
+    "w-package-tools": "^1.0.66"
   },
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/App.vue

@@ -489,12 +489,6 @@ export default {
             io2: 0,
             io3: 0,
             sCmps: [
-                {
-                    name: 'combination',
-                    cmps: [
-                        { name: 'WExplorer' },
-                    ]
-                },
                 {
                     name: 'basic',
                     cmps: [
@@ -566,6 +560,7 @@ export default {
                 {
                     name: 'tree',
                     cmps: [
+                        { name: 'WExplorer' },
                         { name: 'WTree' },
                         { name: 'WJsonView' },
                     ]
@@ -581,12 +576,6 @@ export default {
                         { name: 'WDrawer' },
                     ]
                 },
-                // {
-                //     name: 'combination',
-                //     cmps: [
-                //         { name: 'WExplorer' },
-                //     ]
-                // },
                 {
                     name: 'dynamic',
                     cmps: [

package/src/AppZoneWExplorer.vue

@@ -705,8 +705,10 @@
                 ></demolink>
 
                 <div>
-                    <v-btn style="margin:0px 5px 5px 0px;" small @click="toggleTreeFoldersAll(true)">show all</v-btn>
+                    <v-btn style="margin:0px 5px 5px 0px;" small @click="toggleTreeFoldersAll(true)">display all</v-btn>
                     <v-btn style="margin:0px 5px 5px 0px;" small @click="toggleTreeFoldersAll(false)">hide all</v-btn>
+                    <v-btn style="margin:0px 5px 5px 0px;" small @click="toggleTreeFoldersAll(null,1)">display to level1</v-btn>
+                    <v-btn style="margin:0px 5px 5px 0px;" small @click="toggleTreeFoldersAll(null,2)">display to level2</v-btn>
                 </div>
 
                 <w-explorer
@@ -831,6 +833,27 @@
             </div>
 
 
+            <div class="bk">
+                <demolink
+                    :kbname="'w-explorer'"
+                    :casename="'funSortTree'"
+                ></demolink>
+
+                <div style="padding-bottom:10px;">
+                    <v-btn style="margin:0px 5px 5px 0px;" small @click="ckFunSortTree('funSortTree')">funSortTree(reverse)</v-btn>
+                    <v-btn style="margin:0px 5px 5px 0px;" small @click="ckFunSortTree('default')">default</v-btn>
+                </div>
+
+                <w-explorer
+                    style="width:600px; height:250px;"
+                    :items="WExplorer.fps1"
+                    :funSortTree="WExplorer.funSortTree"
+                >
+                </w-explorer>
+
+            </div>
+
+
             <div class="bk">
                 <demolink
                     :kbname="'w-explorer'"
@@ -1107,6 +1130,7 @@ export default {
             'WExplorer': {
                 bShowTree: true,
                 treeWidth: 250,
+                funSortTree: null,
                 fps1: [
                     {
                         type: 'file',
@@ -1187,98 +1211,98 @@ export default {
                     },
                     {
                         type: 'file',
-                        path: '/Applications/Systems/Regulator/vers/settings-v01.st',
+                        path: '/Applications/Systems/Regulator/vers/1-settings.st',
                         size: '56.2kb',
                         tester: 'Mavis',
                         priority: 'L5',
                     },
                     {
                         type: 'file',
-                        path: '/Applications/Systems/Regulator/vers/settings-v02.st',
+                        path: '/Applications/Systems/Regulator/vers/2-settings.st',
                         size: '87.2kb',
                         tester: 'Geraint',
                         priority: 'L5',
                     },
                     {
                         type: 'file',
-                        path: '/Applications/Systems/Regulator/vers/settings-v03.st',
+                        path: '/Applications/Systems/Regulator/vers/3-settings.st',
                         size: '224.2kb',
                         tester: 'Penelope',
                         priority: 'L5',
                     },
                     {
                         type: 'file',
-                        path: '/Applications/Systems/Regulator/vers/settings-v04.st',
+                        path: '/Applications/Systems/Regulator/vers/10-settings.st',
                         size: '72.7kb',
                         tester: 'Heman',
                         priority: 'L5',
                     },
                     {
                         type: 'file',
-                        path: '/Applications/Systems/Regulator/vers/settings-v05.st',
+                        path: '/Applications/Systems/Regulator/vers/111-settings.st',
                         size: '91.2kb',
                         tester: 'Tessa',
                         priority: 'L5',
                     },
                     {
                         type: 'file',
-                        path: '/Applications//Systems/device01.iso',
+                        path: '/Applications//Systems/device1.iso',
                         size: '1.2gb',
                         tester: 'Una',
                         priority: 'L2',
                     },
                     {
                         type: 'file',
-                        path: '/Applications//Systems/device02.iso',
+                        path: '/Applications//Systems/device2.iso',
                         size: '1.3gb',
                         tester: 'Jasper',
                         priority: 'L2',
                     },
                     {
                         type: 'file',
-                        path: '/Applications//Systems/device03.iso',
+                        path: '/Applications//Systems/device3.iso',
                         size: '1.1gb',
                         tester: 'Violet',
                         priority: 'L2',
                     },
                     {
                         type: 'file',
-                        path: '/Applications//Systems/device04.iso',
+                        path: '/Applications//Systems/device4.iso',
                         size: '1.7gb',
                         tester: 'Perter',
                         priority: 'L2',
                     },
                     {
                         type: 'file',
-                        path: '/Applications//Systems/device05.iso',
+                        path: '/Applications//Systems/device5.iso',
                         size: '2.0gb',
                         tester: 'Winifred',
                         priority: 'L2',
                     },
                     {
                         type: 'file',
-                        path: '/Applications//Systems/device06.iso',
+                        path: '/Applications//Systems/device6.iso',
                         size: '1.7gb',
                         tester: 'Lance',
                         priority: 'L2',
                     },
                     {
                         type: 'file',
-                        path: '/Applications//Systems/device07.iso',
+                        path: '/Applications//Systems/device7.iso',
                         size: '2.1gb',
                         tester: 'Marvin',
                         priority: 'L2',
                     },
                     {
                         type: 'file',
-                        path: '/Applications//Systems/device08.iso',
+                        path: '/Applications//Systems/device8.iso',
                         size: '1.5gb',
                         tester: 'Nat',
                         priority: 'L2',
                     },
                     {
                         type: 'file',
-                        path: '/Applications//Systems/device09.iso',
+                        path: '/Applications//Systems/device9.iso',
                         size: '1.8gb',
                         tester: 'Nahum',
                         priority: 'L2',
@@ -1493,13 +1517,13 @@ export default {
             })
 
         },
-        toggleTreeFoldersAll: function(toUnfolding) {
-            console.log('toggleTreeFoldersAll', toUnfolding)
+        toggleTreeFoldersAll: function(toUnfolding, toLevel) {
+            console.log('toggleTreeFoldersAll', toUnfolding, toLevel)
 
             let vo = this
 
             //toggleTreeFoldersAll
-            vo.$refs.ref_toggleTreeFoldersAll.toggleTreeFoldersAll(toUnfolding)
+            vo.$refs.ref_toggleTreeFoldersAll.toggleTreeFoldersAll(toUnfolding, toLevel)
 
         },
         ckTriggerClickTreeFolderById: function(treeItemId) {
@@ -1535,6 +1559,27 @@ export default {
                 return null
             })
 
+        },
+        ckFunSortTree: function(m) {
+            console.log('ckFunSortTree', m)
+
+            let vo = this
+
+            //fun
+            let fun = (rs) => {
+                console.log('rs', rs)
+                rs.reverse()
+                return rs
+            }
+
+            //funSortTree
+            if (m === 'default') {
+                vo.WExplorer.funSortTree = null
+            }
+            else {
+                vo.WExplorer.funSortTree = fun
+            }
+
         },
         getFolderInfor: function(props) {
             console.log('getFolderInfor', props)

package/src/AppZoneWTree.vue

@@ -167,8 +167,10 @@
                 ></demolink>
 
                 <div>
-                    <v-btn style="margin:0px 5px 5px 0px;" small @click="toggleItemsAll(true)">show all</v-btn>
+                    <v-btn style="margin:0px 5px 5px 0px;" small @click="toggleItemsAll(true)">display all</v-btn>
                     <v-btn style="margin:0px 5px 5px 0px;" small @click="toggleItemsAll(false)">hide all</v-btn>
+                    <v-btn style="margin:0px 5px 5px 0px;" small @click="toggleItemsAll(null,1)">display to level1</v-btn>
+                    <v-btn style="margin:0px 5px 5px 0px;" small @click="toggleItemsAll(null,2)">display to level2</v-btn>
                 </div>
 
                 <w-tree
@@ -1658,13 +1660,13 @@ export default {
             })
 
         },
-        toggleItemsAll: function(toUnfolding) {
-            console.log('toggleItemsAll', toUnfolding)
+        toggleItemsAll: function(toUnfolding, toLevel) {
+            console.log('toggleItemsAll', toUnfolding, toLevel)
 
             let vo = this
 
             //toggleItemsAll
-            vo.$refs.ref_toggleItemsAll.toggleItemsAll(toUnfolding)
+            vo.$refs.ref_toggleItemsAll.toggleItemsAll(toUnfolding, toLevel)
 
         },
     },

package/src/components/WExplorer.vue

@@ -286,6 +286,7 @@ import isestr from 'wsemi/src/isestr.mjs'
 import isfun from 'wsemi/src/isfun.mjs'
 import ispm from 'wsemi/src/ispm.mjs'
 import replace from 'wsemi/src/replace.mjs'
+import arrSort from 'wsemi/src/arrSort.mjs'
 import filepathToTree from 'wsemi/src/filepathToTree.mjs'
 import color2hex from '../js/vuetifyColor.mjs'
 import domResize from '../js/domResize.mjs'
@@ -300,6 +301,7 @@ import WButtonCircle from './WButtonCircle.vue'
 /**
  * @vue-prop {Array} [items=[]] 輸入項目物件陣列，預設[]
  * @vue-prop {String} [bindRoot='root'] 輸入建置根目錄名稱字串，預設'root'
+ * @vue-prop {Function} [funSortTree=null] 輸入排序樹狀資料夾名稱函數，預設null
  * @vue-prop {Boolean} [showTree=false] 輸入是否顯示樹狀資料夾布林值，預設false
  * @vue-prop {Number} [treeWidth=200] 輸入拖曳抽屜寬度數字，單位為px，預設200
  * @vue-prop {Number} [treeWidthMin=null] 輸入拖曳抽屜寬度最小值數字，單位為px，預設null
@@ -388,6 +390,10 @@ export default {
             type: String,
             default: 'root',
         },
+        funSortTree: {
+            type: Function,
+            default: null,
+        },
         showTree: {
             type: Boolean,
             default: true,
@@ -718,8 +724,34 @@ export default {
 
             let vo = this
 
+            //soryItems
+            let soryItems = (rs, pid, ns) => {
+                // console.log('soryItems', 'pid=', pid, 'ns=', ns, 'rs=', rs)
+
+                // let mm = (rs) => {
+                //     return map(rs, (v, k) => {
+                //         return {
+                //             k,
+                //             t: v.text
+                //         }
+                //     })
+                // }
+
+                //arrSort
+                // console.log('rs1', JSON.stringify(mm(rs)))
+                rs = arrSort(rs, { compareKey: 'text', localeCompare: true })
+                // console.log('rs2', JSON.stringify(mm(rs)))
+
+                //funSortTree
+                if (isfun(vo.funSortTree)) {
+                    rs = vo.funSortTree(rs)
+                }
+
+                return rs
+            }
+
             //filepathToTree
-            let r = filepathToTree(vo.items, { bindRoot: vo.bindRoot })
+            let r = filepathToTree(vo.items, { bindRoot: vo.bindRoot, soryItems })
 
             //save
             vo.treeItemsFolder = r.treeItemsFolder
@@ -1104,12 +1136,12 @@ export default {
             return vo.$refs.wt.toggleItemsByFun(cb)
         },
 
-        toggleTreeFoldersAll: function(toUnfolding) {
-            // console.log('methods toggleTreeFoldersAll', toUnfolding)
+        toggleTreeFoldersAll: function(toUnfolding, toLevel) {
+            // console.log('methods toggleTreeFoldersAll', toUnfolding, toLevel)
 
             let vo = this
 
-            return vo.$refs.wt.toggleItemsAll(toUnfolding)
+            return vo.$refs.wt.toggleItemsAll(toUnfolding, toLevel)
         },
 
         triggerClickTreeFolderById: function(id) {