w-component-vue 2.2.39 → 2.2.42

package/docs/examples/w-explorer_pathSepIcon_pathSepIconColor_pathSepIconSize.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.39/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.42/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -162,6 +162,7 @@
         WExplorer: {
           bShowTree: true,
           treeWidth: 250,
+          funSortTree: null,
           fps1: [
             {
               type: "file",
@@ -512,6 +513,13 @@
               size: "676.7mb",
               tester: "Hector",
               priority: "L3"
+            },
+            {
+              type: "folder",
+              path: "/Videos/Empty",
+              size: "",
+              tester: "",
+              priority: ""
             }
           ]
         },
@@ -551,13 +559,16 @@
           };
         });
       },
-      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) {
         console.log("ckTriggerClickTreeFolderById", treeItemId);
@@ -595,17 +606,39 @@
           }
         );
       },
+      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;
+        let kfd = 0;
+        let kfl = 0;
         for (let i = 0; i < props.items.length; i++) {
           let v = props.items[i];
           let t = v.data._type;
-          if (t === "file") {
-            k++;
+          if (t === "folder") {
+            kfd++;
+          } else if (t === "file") {
+            kfl++;
           }
         }
-        return `There are ${k} file(s) in this folder`;
+        return `There are ${kfd} folder(s) and ${kfl} file(s) in this folder`;
       }
     }
   });

package/docs/examples/w-explorer_showTree_treeAfloat.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.39/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.42/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -167,6 +167,7 @@
         WExplorer: {
           bShowTree: true,
           treeWidth: 250,
+          funSortTree: null,
           fps1: [
             {
               type: "file",
@@ -517,6 +518,13 @@
               size: "676.7mb",
               tester: "Hector",
               priority: "L3"
+            },
+            {
+              type: "folder",
+              path: "/Videos/Empty",
+              size: "",
+              tester: "",
+              priority: ""
             }
           ]
         },
@@ -556,13 +564,16 @@
           };
         });
       },
-      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) {
         console.log("ckTriggerClickTreeFolderById", treeItemId);
@@ -600,17 +611,39 @@
           }
         );
       },
+      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;
+        let kfd = 0;
+        let kfl = 0;
         for (let i = 0; i < props.items.length; i++) {
           let v = props.items[i];
           let t = v.data._type;
-          if (t === "file") {
-            k++;
+          if (t === "folder") {
+            kfd++;
+          } else if (t === "file") {
+            kfl++;
           }
         }
-        return `There are ${k} file(s) in this folder`;
+        return `There are ${kfd} folder(s) and ${kfl} file(s) in this folder`;
       }
     }
   });

package/docs/examples/w-explorer_slot list-item-cover.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.39/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.42/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -192,6 +192,7 @@
         WExplorer: {
           bShowTree: true,
           treeWidth: 250,
+          funSortTree: null,
           fps1: [
             {
               type: "file",
@@ -542,6 +543,13 @@
               size: "676.7mb",
               tester: "Hector",
               priority: "L3"
+            },
+            {
+              type: "folder",
+              path: "/Videos/Empty",
+              size: "",
+              tester: "",
+              priority: ""
             }
           ]
         },
@@ -581,13 +589,16 @@
           };
         });
       },
-      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) {
         console.log("ckTriggerClickTreeFolderById", treeItemId);
@@ -625,17 +636,39 @@
           }
         );
       },
+      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;
+        let kfd = 0;
+        let kfl = 0;
         for (let i = 0; i < props.items.length; i++) {
           let v = props.items[i];
           let t = v.data._type;
-          if (t === "file") {
-            k++;
+          if (t === "folder") {
+            kfd++;
+          } else if (t === "file") {
+            kfl++;
           }
         }
-        return `There are ${k} file(s) in this folder`;
+        return `There are ${kfd} folder(s) and ${kfl} file(s) in this folder`;
       }
     }
   });

package/docs/examples/w-explorer_slot list-item-sub.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.39/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.42/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -198,6 +198,7 @@
         WExplorer: {
           bShowTree: true,
           treeWidth: 250,
+          funSortTree: null,
           fps1: [
             {
               type: "file",
@@ -548,6 +549,13 @@
               size: "676.7mb",
               tester: "Hector",
               priority: "L3"
+            },
+            {
+              type: "folder",
+              path: "/Videos/Empty",
+              size: "",
+              tester: "",
+              priority: ""
             }
           ]
         },
@@ -587,13 +595,16 @@
           };
         });
       },
-      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) {
         console.log("ckTriggerClickTreeFolderById", treeItemId);
@@ -631,17 +642,39 @@
           }
         );
       },
+      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;
+        let kfd = 0;
+        let kfl = 0;
         for (let i = 0; i < props.items.length; i++) {
           let v = props.items[i];
           let t = v.data._type;
-          if (t === "file") {
-            k++;
+          if (t === "folder") {
+            kfd++;
+          } else if (t === "file") {
+            kfl++;
           }
         }
-        return `There are ${k} file(s) in this folder`;
+        return `There are ${kfd} folder(s) and ${kfl} file(s) in this folder`;
       }
     }
   });

package/docs/examples/w-explorer_slot list-item_list-item-cover_list-head_list-foot.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.39/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.42/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -289,6 +289,7 @@
         WExplorer: {
           bShowTree: true,
           treeWidth: 250,
+          funSortTree: null,
           fps1: [
             {
               type: "file",
@@ -639,6 +640,13 @@
               size: "676.7mb",
               tester: "Hector",
               priority: "L3"
+            },
+            {
+              type: "folder",
+              path: "/Videos/Empty",
+              size: "",
+              tester: "",
+              priority: ""
             }
           ]
         },
@@ -678,13 +686,16 @@
           };
         });
       },
-      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) {
         console.log("ckTriggerClickTreeFolderById", treeItemId);
@@ -722,17 +733,39 @@
           }
         );
       },
+      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;
+        let kfd = 0;
+        let kfl = 0;
         for (let i = 0; i < props.items.length; i++) {
           let v = props.items[i];
           let t = v.data._type;
-          if (t === "file") {
-            k++;
+          if (t === "folder") {
+            kfd++;
+          } else if (t === "file") {
+            kfl++;
           }
         }
-        return `There are ${k} file(s) in this folder`;
+        return `There are ${kfd} folder(s) and ${kfl} file(s) in this folder`;
       }
     }
   });

package/docs/examples/w-explorer_small text.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.39/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.42/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -160,6 +160,7 @@
         WExplorer: {
           bShowTree: true,
           treeWidth: 250,
+          funSortTree: null,
           fps1: [
             {
               type: "file",
@@ -510,6 +511,13 @@
               size: "676.7mb",
               tester: "Hector",
               priority: "L3"
+            },
+            {
+              type: "folder",
+              path: "/Videos/Empty",
+              size: "",
+              tester: "",
+              priority: ""
             }
           ]
         },
@@ -549,13 +557,16 @@
           };
         });
       },
-      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) {
         console.log("ckTriggerClickTreeFolderById", treeItemId);
@@ -593,17 +604,39 @@
           }
         );
       },
+      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;
+        let kfd = 0;
+        let kfl = 0;
         for (let i = 0; i < props.items.length; i++) {
           let v = props.items[i];
           let t = v.data._type;
-          if (t === "file") {
-            k++;
+          if (t === "folder") {
+            kfd++;
+          } else if (t === "file") {
+            kfl++;
           }
         }
-        return `There are ${k} file(s) in this folder`;
+        return `There are ${kfd} folder(s) and ${kfl} file(s) in this folder`;
       }
     }
   });

package/docs/examples/w-explorer_toggleTreeFoldersAll.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.39/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.42/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -142,12 +142,22 @@
                     style="margin:0px 5px 5px 0px;"
                     small
                     @click="toggleTreeFoldersAll(true)"
-                >show all</v-btn>
+                >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
@@ -171,6 +181,7 @@
         WExplorer: {
           bShowTree: true,
           treeWidth: 250,
+          funSortTree: null,
           fps1: [
             {
               type: "file",
@@ -521,6 +532,13 @@
               size: "676.7mb",
               tester: "Hector",
               priority: "L3"
+            },
+            {
+              type: "folder",
+              path: "/Videos/Empty",
+              size: "",
+              tester: "",
+              priority: ""
             }
           ]
         },
@@ -560,13 +578,16 @@
           };
         });
       },
-      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) {
         console.log("ckTriggerClickTreeFolderById", treeItemId);
@@ -604,17 +625,39 @@
           }
         );
       },
+      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;
+        let kfd = 0;
+        let kfl = 0;
         for (let i = 0; i < props.items.length; i++) {
           let v = props.items[i];
           let t = v.data._type;
-          if (t === "file") {
-            k++;
+          if (t === "folder") {
+            kfd++;
+          } else if (t === "file") {
+            kfl++;
           }
         }
-        return `There are ${k} file(s) in this folder`;
+        return `There are ${kfd} folder(s) and ${kfl} file(s) in this folder`;
       }
     }
   });