w-component-vue 2.2.85 → 2.2.86

package/docs/examples/w-dialog_closeWithInterceptor.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.85/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.86/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -141,11 +141,11 @@
                 depressed
                 small
                 elevation="2"
-                @click="WDialog.bShow12=!WDialog.bShow12"
-            >Show({{WDialog.bShow12}})</v-btn>
+                @click="WDialog.bShow14=!WDialog.bShow14"
+            >Show({{WDialog.bShow14}})</v-btn>
 
             <w-dialog
-                :show.sync="WDialog.bShow12"
+                :show.sync="WDialog.bShow14"
                 :title="WDialog.title"
                 :close-with-interceptor="true"
                 @resize="resizeEvent"
@@ -192,19 +192,21 @@
           bShow13: false,
           bShow14: false,
           bShow15: false,
-          bShow16a: false,
-          bShow16b: true, //fullscreen
-          bShow17: false,
+          bShow16: false,
+          bShow17a: false,
+          bShow17b: true, //fullscreen
           bShow18: false,
           bShow19: false,
           bShow20: false,
           bShow21: false,
           bShow22: false,
-          bShow23a: false,
-          bShow23b: false,
-          bShow23c: false,
+          bShow23: false,
           bShow24: false,
-          bShow25: false,
+          iShow24: 0,
+          bShow25a: false,
+          bShow25b: false,
+          bShow25c: false,
+          bShow26: false,
           headerBtns: [
             {
               icon: "fas fa-book-reader",
@@ -266,6 +268,19 @@
         alert("pm.resolve() for close");
         msg.pm.resolve();
         //msg.pm.reject()
+      },
+
+      delayClose: function() {
+        console.log("delayClose");
+        let vo = this;
+        vo.WDialog.iShow24 = 5;
+        let t = setInterval(() => {
+          vo.WDialog.iShow24 -= 1;
+          if (vo.WDialog.iShow24 <= 0) {
+            clearInterval(t);
+            vo.WDialog.bShow24 = false;
+          }
+        }, 1000);
       }
     }
   });

package/docs/examples/w-dialog_contentTextColor_contentBackgroundColor.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.85/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.86/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -141,11 +141,11 @@
                 depressed
                 small
                 elevation="2"
-                @click="WDialog.bShow14=!WDialog.bShow14"
-            >Show({{WDialog.bShow14}})</v-btn>
+                @click="WDialog.bShow15=!WDialog.bShow15"
+            >Show({{WDialog.bShow15}})</v-btn>
 
             <w-dialog
-                :show.sync="WDialog.bShow14"
+                :show.sync="WDialog.bShow15"
                 :title="WDialog.title"
                 :content-text-color="'#fff'"
                 :content-background-color="'cyan darken-2'"
@@ -199,19 +199,21 @@
           bShow13: false,
           bShow14: false,
           bShow15: false,
-          bShow16a: false,
-          bShow16b: true, //fullscreen
-          bShow17: false,
+          bShow16: false,
+          bShow17a: false,
+          bShow17b: true, //fullscreen
           bShow18: false,
           bShow19: false,
           bShow20: false,
           bShow21: false,
           bShow22: false,
-          bShow23a: false,
-          bShow23b: false,
-          bShow23c: false,
+          bShow23: false,
           bShow24: false,
-          bShow25: false,
+          iShow24: 0,
+          bShow25a: false,
+          bShow25b: false,
+          bShow25c: false,
+          bShow26: false,
           headerBtns: [
             {
               icon: "fas fa-book-reader",
@@ -273,6 +275,19 @@
         alert("pm.resolve() for close");
         msg.pm.resolve();
         //msg.pm.reject()
+      },
+
+      delayClose: function() {
+        console.log("delayClose");
+        let vo = this;
+        vo.WDialog.iShow24 = 5;
+        let t = setInterval(() => {
+          vo.WDialog.iShow24 -= 1;
+          if (vo.WDialog.iShow24 <= 0) {
+            clearInterval(t);
+            vo.WDialog.bShow24 = false;
+          }
+        }, 1000);
       }
     }
   });

package/docs/examples/w-dialog_dialogZIndex.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.85/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.86/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -141,11 +141,11 @@
                 depressed
                 small
                 elevation="2"
-                @click="WDialog.bShow25=!WDialog.bShow25"
-            >Show({{WDialog.bShow25}})</v-btn>
+                @click="WDialog.bShow26=!WDialog.bShow26"
+            >Show({{WDialog.bShow26}})</v-btn>
 
             <w-dialog
-                :show.sync="WDialog.bShow25"
+                :show.sync="WDialog.bShow26"
                 :title="WDialog.title"
                 :dialog-z-index="1000"
                 @resize="resizeEvent"
@@ -192,19 +192,21 @@
           bShow13: false,
           bShow14: false,
           bShow15: false,
-          bShow16a: false,
-          bShow16b: true, //fullscreen
-          bShow17: false,
+          bShow16: false,
+          bShow17a: false,
+          bShow17b: true, //fullscreen
           bShow18: false,
           bShow19: false,
           bShow20: false,
           bShow21: false,
           bShow22: false,
-          bShow23a: false,
-          bShow23b: false,
-          bShow23c: false,
+          bShow23: false,
           bShow24: false,
-          bShow25: false,
+          iShow24: 0,
+          bShow25a: false,
+          bShow25b: false,
+          bShow25c: false,
+          bShow26: false,
           headerBtns: [
             {
               icon: "fas fa-book-reader",
@@ -266,6 +268,19 @@
         alert("pm.resolve() for close");
         msg.pm.resolve();
         //msg.pm.reject()
+      },
+
+      delayClose: function() {
+        console.log("delayClose");
+        let vo = this;
+        vo.WDialog.iShow24 = 5;
+        let t = setInterval(() => {
+          vo.WDialog.iShow24 -= 1;
+          if (vo.WDialog.iShow24 <= 0) {
+            clearInterval(t);
+            vo.WDialog.bShow24 = false;
+          }
+        }, 1000);
       }
     }
   });

package/docs/examples/w-dialog_fullscreen.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.85/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.86/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -141,13 +141,13 @@
                 depressed
                 small
                 elevation="2"
-                @click="WDialog.bShow16a=!WDialog.bShow16a"
-            >Show({{WDialog.bShow16a}})</v-btn>
+                @click="WDialog.bShow17a=!WDialog.bShow17a"
+            >Show({{WDialog.bShow17a}})</v-btn>
 
             <w-dialog
-                :show.sync="WDialog.bShow16a"
+                :show.sync="WDialog.bShow17a"
                 :title="WDialog.title"
-                :fullscreen="WDialog.bShow16b"
+                :fullscreen="WDialog.bShow17b"
                 @resize="resizeEvent"
                 @click-save="clickSave"
                 @click-close="clickClose"
@@ -166,7 +166,7 @@
                             depressed
                             small
                             elevation="2"
-                            @click="WDialog.bShow16a=!WDialog.bShow16a"
+                            @click="WDialog.bShow17a=!WDialog.bShow17a"
                         >Hide Window</v-btn>
 
                         <v-btn
@@ -174,8 +174,8 @@
                             depressed
                             small
                             elevation="2"
-                            @click="WDialog.bShow16b=!WDialog.bShow16b"
-                        >Toggle to {{WDialog.bShow16b?'Normal Size':'Fullscreen'}}</v-btn>
+                            @click="WDialog.bShow17b=!WDialog.bShow17b"
+                        >Toggle to {{WDialog.bShow17b?'Normal Size':'Fullscreen'}}</v-btn>
                     </div>
                 </template>
             </w-dialog>
@@ -208,19 +208,21 @@
           bShow13: false,
           bShow14: false,
           bShow15: false,
-          bShow16a: false,
-          bShow16b: true, //fullscreen
-          bShow17: false,
+          bShow16: false,
+          bShow17a: false,
+          bShow17b: true, //fullscreen
           bShow18: false,
           bShow19: false,
           bShow20: false,
           bShow21: false,
           bShow22: false,
-          bShow23a: false,
-          bShow23b: false,
-          bShow23c: false,
+          bShow23: false,
           bShow24: false,
-          bShow25: false,
+          iShow24: 0,
+          bShow25a: false,
+          bShow25b: false,
+          bShow25c: false,
+          bShow26: false,
           headerBtns: [
             {
               icon: "fas fa-book-reader",
@@ -282,6 +284,19 @@
         alert("pm.resolve() for close");
         msg.pm.resolve();
         //msg.pm.reject()
+      },
+
+      delayClose: function() {
+        console.log("delayClose");
+        let vo = this;
+        vo.WDialog.iShow24 = 5;
+        let t = setInterval(() => {
+          vo.WDialog.iShow24 -= 1;
+          if (vo.WDialog.iShow24 <= 0) {
+            clearInterval(t);
+            vo.WDialog.bShow24 = false;
+          }
+        }, 1000);
       }
     }
   });

package/docs/examples/{w-dialog_hasSaveBtn, no save button.html → w-dialog_hasSaveBtn (no save button).html }

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.85/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.86/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -135,7 +135,7 @@
             >w-dialog</span>
         </div>
         <div class="bk">
-            <div class="item">hasSaveBtn, no save button</div>
+            <div class="item">hasSaveBtn (no save button)</div>
 
             <v-btn
                 depressed
@@ -192,19 +192,21 @@
           bShow13: false,
           bShow14: false,
           bShow15: false,
-          bShow16a: false,
-          bShow16b: true, //fullscreen
-          bShow17: false,
+          bShow16: false,
+          bShow17a: false,
+          bShow17b: true, //fullscreen
           bShow18: false,
           bShow19: false,
           bShow20: false,
           bShow21: false,
           bShow22: false,
-          bShow23a: false,
-          bShow23b: false,
-          bShow23c: false,
+          bShow23: false,
           bShow24: false,
-          bShow25: false,
+          iShow24: 0,
+          bShow25a: false,
+          bShow25b: false,
+          bShow25c: false,
+          bShow26: false,
           headerBtns: [
             {
               icon: "fas fa-book-reader",
@@ -266,6 +268,19 @@
         alert("pm.resolve() for close");
         msg.pm.resolve();
         //msg.pm.reject()
+      },
+
+      delayClose: function() {
+        console.log("delayClose");
+        let vo = this;
+        vo.WDialog.iShow24 = 5;
+        let t = setInterval(() => {
+          vo.WDialog.iShow24 -= 1;
+          if (vo.WDialog.iShow24 <= 0) {
+            clearInterval(t);
+            vo.WDialog.bShow24 = false;
+          }
+        }, 1000);
       }
     }
   });

package/docs/examples/{w-dialog_hasSaveBtn and hasCloseBtn, no save and close button.html → w-dialog_hasSaveBtn_hasCloseBtn_isModal (no save and close button).html }

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.85/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.86/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -137,7 +137,7 @@
         <div class="bk">
             <div
                 class="item"
-            >hasSaveBtn and hasCloseBtn, no save and close button</div>
+            >hasSaveBtn &amp; hasCloseBtn &amp; isModal (no save and close button)</div>
 
             <v-btn
                 depressed
@@ -151,6 +151,7 @@
                 :title="WDialog.title"
                 :has-save-btn="false"
                 :has-close-btn="false"
+                :is-modal="false"
                 @resize="resizeEvent"
                 @click-save="clickSave"
                 @click-close="clickClose"
@@ -195,19 +196,21 @@
           bShow13: false,
           bShow14: false,
           bShow15: false,
-          bShow16a: false,
-          bShow16b: true, //fullscreen
-          bShow17: false,
+          bShow16: false,
+          bShow17a: false,
+          bShow17b: true, //fullscreen
           bShow18: false,
           bShow19: false,
           bShow20: false,
           bShow21: false,
           bShow22: false,
-          bShow23a: false,
-          bShow23b: false,
-          bShow23c: false,
+          bShow23: false,
           bShow24: false,
-          bShow25: false,
+          iShow24: 0,
+          bShow25a: false,
+          bShow25b: false,
+          bShow25c: false,
+          bShow26: false,
           headerBtns: [
             {
               icon: "fas fa-book-reader",
@@ -269,6 +272,19 @@
         alert("pm.resolve() for close");
         msg.pm.resolve();
         //msg.pm.reject()
+      },
+
+      delayClose: function() {
+        console.log("delayClose");
+        let vo = this;
+        vo.WDialog.iShow24 = 5;
+        let t = setInterval(() => {
+          vo.WDialog.iShow24 -= 1;
+          if (vo.WDialog.iShow24 <= 0) {
+            clearInterval(t);
+            vo.WDialog.bShow24 = false;
+          }
+        }, 1000);
       }
     }
   });

package/docs/examples/w-dialog_headerBackgroundColor.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.85/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.86/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -192,19 +192,21 @@
           bShow13: false,
           bShow14: false,
           bShow15: false,
-          bShow16a: false,
-          bShow16b: true, //fullscreen
-          bShow17: false,
+          bShow16: false,
+          bShow17a: false,
+          bShow17b: true, //fullscreen
           bShow18: false,
           bShow19: false,
           bShow20: false,
           bShow21: false,
           bShow22: false,
-          bShow23a: false,
-          bShow23b: false,
-          bShow23c: false,
+          bShow23: false,
           bShow24: false,
-          bShow25: false,
+          iShow24: 0,
+          bShow25a: false,
+          bShow25b: false,
+          bShow25c: false,
+          bShow26: false,
           headerBtns: [
             {
               icon: "fas fa-book-reader",
@@ -266,6 +268,19 @@
         alert("pm.resolve() for close");
         msg.pm.resolve();
         //msg.pm.reject()
+      },
+
+      delayClose: function() {
+        console.log("delayClose");
+        let vo = this;
+        vo.WDialog.iShow24 = 5;
+        let t = setInterval(() => {
+          vo.WDialog.iShow24 -= 1;
+          if (vo.WDialog.iShow24 <= 0) {
+            clearInterval(t);
+            vo.WDialog.bShow24 = false;
+          }
+        }, 1000);
       }
     }
   });

package/docs/examples/w-dialog_headerBtns.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.85/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.86/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -193,19 +193,21 @@
           bShow13: false,
           bShow14: false,
           bShow15: false,
-          bShow16a: false,
-          bShow16b: true, //fullscreen
-          bShow17: false,
+          bShow16: false,
+          bShow17a: false,
+          bShow17b: true, //fullscreen
           bShow18: false,
           bShow19: false,
           bShow20: false,
           bShow21: false,
           bShow22: false,
-          bShow23a: false,
-          bShow23b: false,
-          bShow23c: false,
+          bShow23: false,
           bShow24: false,
-          bShow25: false,
+          iShow24: 0,
+          bShow25a: false,
+          bShow25b: false,
+          bShow25c: false,
+          bShow26: false,
           headerBtns: [
             {
               icon: "fas fa-book-reader",
@@ -267,6 +269,19 @@
         alert("pm.resolve() for close");
         msg.pm.resolve();
         //msg.pm.reject()
+      },
+
+      delayClose: function() {
+        console.log("delayClose");
+        let vo = this;
+        vo.WDialog.iShow24 = 5;
+        let t = setInterval(() => {
+          vo.WDialog.iShow24 -= 1;
+          if (vo.WDialog.iShow24 <= 0) {
+            clearInterval(t);
+            vo.WDialog.bShow24 = false;
+          }
+        }, 1000);
       }
     }
   });

package/docs/examples/w-dialog_headerShadow (no shadow).html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.85/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.86/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -192,19 +192,21 @@
           bShow13: false,
           bShow14: false,
           bShow15: false,
-          bShow16a: false,
-          bShow16b: true, //fullscreen
-          bShow17: false,
+          bShow16: false,
+          bShow17a: false,
+          bShow17b: true, //fullscreen
           bShow18: false,
           bShow19: false,
           bShow20: false,
           bShow21: false,
           bShow22: false,
-          bShow23a: false,
-          bShow23b: false,
-          bShow23c: false,
+          bShow23: false,
           bShow24: false,
-          bShow25: false,
+          iShow24: 0,
+          bShow25a: false,
+          bShow25b: false,
+          bShow25c: false,
+          bShow26: false,
           headerBtns: [
             {
               icon: "fas fa-book-reader",
@@ -266,6 +268,19 @@
         alert("pm.resolve() for close");
         msg.pm.resolve();
         //msg.pm.reject()
+      },
+
+      delayClose: function() {
+        console.log("delayClose");
+        let vo = this;
+        vo.WDialog.iShow24 = 5;
+        let t = setInterval(() => {
+          vo.WDialog.iShow24 -= 1;
+          if (vo.WDialog.iShow24 <= 0) {
+            clearInterval(t);
+            vo.WDialog.bShow24 = false;
+          }
+        }, 1000);
       }
     }
   });

package/docs/examples/w-dialog_headerShadowStyle.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.85/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.86/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -192,19 +192,21 @@
           bShow13: false,
           bShow14: false,
           bShow15: false,
-          bShow16a: false,
-          bShow16b: true, //fullscreen
-          bShow17: false,
+          bShow16: false,
+          bShow17a: false,
+          bShow17b: true, //fullscreen
           bShow18: false,
           bShow19: false,
           bShow20: false,
           bShow21: false,
           bShow22: false,
-          bShow23a: false,
-          bShow23b: false,
-          bShow23c: false,
+          bShow23: false,
           bShow24: false,
-          bShow25: false,
+          iShow24: 0,
+          bShow25a: false,
+          bShow25b: false,
+          bShow25c: false,
+          bShow26: false,
           headerBtns: [
             {
               icon: "fas fa-book-reader",
@@ -266,6 +268,19 @@
         alert("pm.resolve() for close");
         msg.pm.resolve();
         //msg.pm.reject()
+      },
+
+      delayClose: function() {
+        console.log("delayClose");
+        let vo = this;
+        vo.WDialog.iShow24 = 5;
+        let t = setInterval(() => {
+          vo.WDialog.iShow24 -= 1;
+          if (vo.WDialog.iShow24 <= 0) {
+            clearInterval(t);
+            vo.WDialog.bShow24 = false;
+          }
+        }, 1000);
       }
     }
   });