w-component-vue 2.2.41 → 2.2.42

package/docs/examples/w-explorer_btnDisplayTreeBackgroundColor_btnDisplayTreeBackgroundColorHover_btnDisplayTreeBackgroundColorFocus.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.41/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 {
@@ -513,6 +513,13 @@
               size: "676.7mb",
               tester: "Hector",
               priority: "L3"
+            },
+            {
+              type: "folder",
+              path: "/Videos/Empty",
+              size: "",
+              tester: "",
+              priority: ""
             }
           ]
         },
@@ -620,15 +627,18 @@
       },
       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_btnDisplayTreeIconColor_btnDisplayTreeIconColorHover_btnDisplayTreeIconColorFocus.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.41/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 {
@@ -513,6 +513,13 @@
               size: "676.7mb",
               tester: "Hector",
               priority: "L3"
+            },
+            {
+              type: "folder",
+              path: "/Videos/Empty",
+              size: "",
+              tester: "",
+              priority: ""
             }
           ]
         },
@@ -620,15 +627,18 @@
       },
       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_btnDisplayTreeIconShow_btnDisplayTreeIconHide_btnDisplayTreeIconSize.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.41/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 {
@@ -513,6 +513,13 @@
               size: "676.7mb",
               tester: "Hector",
               priority: "L3"
+            },
+            {
+              type: "folder",
+              path: "/Videos/Empty",
+              size: "",
+              tester: "",
+              priority: ""
             }
           ]
         },
@@ -620,15 +627,18 @@
       },
       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_dark mode.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.41/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 {
@@ -554,6 +554,13 @@
               size: "676.7mb",
               tester: "Hector",
               priority: "L3"
+            },
+            {
+              type: "folder",
+              path: "/Videos/Empty",
+              size: "",
+              tester: "",
+              priority: ""
             }
           ]
         },
@@ -661,15 +668,18 @@
       },
       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_default.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.41/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 {
@@ -508,6 +508,13 @@
               size: "676.7mb",
               tester: "Hector",
               priority: "L3"
+            },
+            {
+              type: "folder",
+              path: "/Videos/Empty",
+              size: "",
+              tester: "",
+              priority: ""
             }
           ]
         },
@@ -615,15 +622,18 @@
       },
       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_events.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.41/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 {
@@ -511,6 +511,13 @@
               size: "676.7mb",
               tester: "Hector",
               priority: "L3"
+            },
+            {
+              type: "folder",
+              path: "/Videos/Empty",
+              size: "",
+              tester: "",
+              priority: ""
             }
           ]
         },
@@ -618,15 +625,18 @@
       },
       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_funSortTree.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.41/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 {
@@ -522,6 +522,13 @@
               size: "676.7mb",
               tester: "Hector",
               priority: "L3"
+            },
+            {
+              type: "folder",
+              path: "/Videos/Empty",
+              size: "",
+              tester: "",
+              priority: ""
             }
           ]
         },
@@ -629,15 +636,18 @@
       },
       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_lineBetweenPathAndListWidth_lineBetweenPathAndListColor.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.41/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 {
@@ -512,6 +512,13 @@
               size: "676.7mb",
               tester: "Hector",
               priority: "L3"
+            },
+            {
+              type: "folder",
+              path: "/Videos/Empty",
+              size: "",
+              tester: "",
+              priority: ""
             }
           ]
         },
@@ -619,15 +626,18 @@
       },
       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_listBackgroundColor.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.41/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 {
@@ -509,6 +509,13 @@
               size: "676.7mb",
               tester: "Hector",
               priority: "L3"
+            },
+            {
+              type: "folder",
+              path: "/Videos/Empty",
+              size: "",
+              tester: "",
+              priority: ""
             }
           ]
         },
@@ -616,15 +623,18 @@
       },
       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_listFolderIcon_listFileIcon_listIconSize.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.41/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 {
@@ -513,6 +513,13 @@
               size: "676.7mb",
               tester: "Hector",
               priority: "L3"
+            },
+            {
+              type: "folder",
+              path: "/Videos/Empty",
+              size: "",
+              tester: "",
+              priority: ""
             }
           ]
         },
@@ -620,15 +627,18 @@
       },
       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_listItemBackgroundColor_listItemBackgroundColorHover_listItemBackgroundColorActive.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.41/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 {
@@ -513,6 +513,13 @@
               size: "676.7mb",
               tester: "Hector",
               priority: "L3"
+            },
+            {
+              type: "folder",
+              path: "/Videos/Empty",
+              size: "",
+              tester: "",
+              priority: ""
             }
           ]
         },
@@ -620,15 +627,18 @@
       },
       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_listItemIconColor_listItemIconColorHover_listItemIconColorActive.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.41/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 {
@@ -513,6 +513,13 @@
               size: "676.7mb",
               tester: "Hector",
               priority: "L3"
+            },
+            {
+              type: "folder",
+              path: "/Videos/Empty",
+              size: "",
+              tester: "",
+              priority: ""
             }
           ]
         },
@@ -620,15 +627,18 @@
       },
       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_listItemRippleColor.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.41/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 {
@@ -509,6 +509,13 @@
               size: "676.7mb",
               tester: "Hector",
               priority: "L3"
+            },
+            {
+              type: "folder",
+              path: "/Videos/Empty",
+              size: "",
+              tester: "",
+              priority: ""
             }
           ]
         },
@@ -616,15 +623,18 @@
       },
       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_listItemTextColor_listItemTextColorHover_listItemTextColorActive.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.41/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 {
@@ -513,6 +513,13 @@
               size: "676.7mb",
               tester: "Hector",
               priority: "L3"
+            },
+            {
+              type: "folder",
+              path: "/Videos/Empty",
+              size: "",
+              tester: "",
+              priority: ""
             }
           ]
         },
@@ -620,15 +627,18 @@
       },
       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`;
       }
     }
   });