w-component-vue 2.2.37 → 2.2.40

package/docs/examples/{w-explorer_toggleTreeIconColor_toggleTreeIconBackgroundColor_toggleTreeIconBackgroundColorHover.html → w-explorer_treeToggleIconSize.html}

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.37/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.40/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -134,17 +134,13 @@
                 onclick="window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"
             >w-explorer</span>
         </div>
-        <div v-if="false" class="bk">
-            <div
-                class="item"
-            >toggleTreeIconColor &amp; toggleTreeIconBackgroundColor &amp; toggleTreeIconBackgroundColorHover</div>
+        <div class="bk">
+            <div class="item">treeToggleIconSize</div>
 
             <w-explorer
                 style="width:600px; height:250px;"
                 :items="WExplorer.fps1"
-                :toggle-tree-icon-color="'#f58'"
-                :toggle-tree-icon-background-color="'rgba(255,200,200,0.5)'"
-                :toggle-tree-icon-background-color-hover="'#fcc'"
+                :tree-toggle-icon-size="18"
             ></w-explorer>
         </div>
     </v-app>
@@ -161,6 +157,8 @@
       return {
         WExplorer: {
           bShowTree: true,
+          treeWidth: 250,
+          funSortTree: null,
           fps1: [
             {
               type: "file",
@@ -241,98 +239,98 @@
             },
             {
               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"
@@ -594,6 +592,25 @@
           }
         );
       },
+      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);
         let k = 0;

package/docs/examples/{w-explorer_toggleTreeIconSize.html → w-explorer_treeWidth.html}

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.37/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.40/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -134,13 +134,17 @@
                 onclick="window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"
             >w-explorer</span>
         </div>
-        <div v-if="false" class="bk">
-            <div class="item">toggleTreeIconSize</div>
+        <div class="bk">
+            <div class="item">treeWidth</div>
+
+            <div
+                style="padding-bottom:10px;font-size:0.8rem;"
+            >treeWidth: {{WExplorer.treeWidth}}</div>
 
             <w-explorer
                 style="width:600px; height:250px;"
                 :items="WExplorer.fps1"
-                :toggle-tree-icon-size="18"
+                :tree-width.sync="WExplorer.treeWidth"
             ></w-explorer>
         </div>
     </v-app>
@@ -157,6 +161,8 @@
       return {
         WExplorer: {
           bShowTree: true,
+          treeWidth: 250,
+          funSortTree: null,
           fps1: [
             {
               type: "file",
@@ -237,98 +243,98 @@
             },
             {
               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"
@@ -590,6 +596,25 @@
           }
         );
       },
+      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);
         let k = 0;

package/docs/examples/w-explorer_treeWidthMin_treeWidthMax.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.37/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.40/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -134,7 +134,7 @@
                 onclick="window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"
             >w-explorer</span>
         </div>
-        <div v-if="false" class="bk">
+        <div class="bk">
             <div class="item">treeWidthMin &amp; treeWidthMax</div>
 
             <w-explorer
@@ -158,6 +158,8 @@
       return {
         WExplorer: {
           bShowTree: true,
+          treeWidth: 250,
+          funSortTree: null,
           fps1: [
             {
               type: "file",
@@ -238,98 +240,98 @@
             },
             {
               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"
@@ -591,6 +593,25 @@
           }
         );
       },
+      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);
         let k = 0;