w-component-vue 2.2.37 → 2.2.40

package/docs/examples/w-explorer_dark mode.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">dark mode</div>
 
             <div style="display:inline-block; padding:40px; background:#777;">
@@ -153,15 +153,15 @@
                     :tree-item-background-color="'transparent'"
                     :tree-item-background-color-hover="'rgba(150,150,150,0.4)'"
                     :tree-item-background-color-active="'rgba(150,150,150,0.2)'"
-                    :tree-background-color="'transparent'"
-                    :toggle-tree-icon-color="'rgba(255,255,255,0.6)'"
-                    :toggle-tree-icon-background-color="'transparent'"
-                    :toggle-tree-icon-background-color-hover="'rgba(150,150,150,0.2)'"
+                    :tree-background-color="'#333'"
+                    :tree-toggle-icon-color="'rgba(255,255,255,0.6)'"
+                    :tree-toggle-icon-background-color="'transparent'"
+                    :tree-toggle-icon-background-color-hover="'rgba(150,150,150,0.2)'"
                     :path-btn-text-color="'#ddd'"
                     :path-btn-text-color-hover="'#eee'"
                     :path-btn-background-color="'transparent'"
                     :path-btn-background-color-hover="'rgba(150,150,150,0.2)'"
-                    :path-background-color="'transparent'"
+                    :path-background-color="'#333'"
                     :btn-display-tree-icon-color="'#ccc'"
                     :btn-display-tree-icon-color-hover="'#eee'"
                     :btn-display-tree-icon-color-focus="'#eee'"
@@ -177,7 +177,7 @@
                     :list-item-background-color="'transparent'"
                     :list-item-background-color-hover="'rgba(150,150,150,0.4)'"
                     :list-item-background-color-active="'rgba(150,150,150,0.2)'"
-                    :list-background-color="'transparent'"
+                    :list-background-color="'#333'"
                     :tree-drawer-bar-size="1"
                     :tree-drawer-bar-color="'rgba(150,150,150,0.4)'"
                     :line-between-path-and-list-width="1"
@@ -202,6 +202,8 @@
       return {
         WExplorer: {
           bShowTree: true,
+          treeWidth: 250,
+          funSortTree: null,
           fps1: [
             {
               type: "file",
@@ -282,98 +284,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"
@@ -635,6 +637,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_default.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">default</div>
 
             <w-explorer
@@ -156,6 +156,8 @@
       return {
         WExplorer: {
           bShowTree: true,
+          treeWidth: 250,
+          funSortTree: null,
           fps1: [
             {
               type: "file",
@@ -236,98 +238,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"
@@ -589,6 +591,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_events.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">events</div>
 
             <w-explorer
@@ -159,6 +159,8 @@
       return {
         WExplorer: {
           bShowTree: true,
+          treeWidth: 250,
+          funSortTree: null,
           fps1: [
             {
               type: "file",
@@ -239,98 +241,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"
@@ -592,6 +594,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;