w-component-vue 2.2.7 → 2.2.10

package/docs/examples/w-confirm_slot content.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.7/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.10/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -93,7 +93,7 @@
     width: 100vw;
     max-width: 100vw;
     font-family: inherit;
-    background-color: #fff;
+    background: #fff;
   }
   .item {
     /* 因item位於demolink, 提取各範例html後會刪除demolink, 故得額外補上 */

package/docs/examples/w-confirm_slot footer.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.7/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.10/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -93,7 +93,7 @@
     width: 100vw;
     max-width: 100vw;
     font-family: inherit;
-    background-color: #fff;
+    background: #fff;
   }
   .item {
     /* 因item位於demolink, 提取各範例html後會刪除demolink, 故得額外補上 */

package/docs/examples/w-confirm_slot header.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.7/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.10/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -93,7 +93,7 @@
     width: 100vw;
     max-width: 100vw;
     font-family: inherit;
-    background-color: #fff;
+    background: #fff;
   }
   .item {
     /* 因item位於demolink, 提取各範例html後會刪除demolink, 故得額外補上 */

package/docs/examples/w-confirm_titleColor_headerBackgroundColor_footerBackgroundColor.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.7/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.10/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -93,7 +93,7 @@
     width: 100vw;
     max-width: 100vw;
     font-family: inherit;
-    background-color: #fff;
+    background: #fff;
   }
   .item {
     /* 因item位於demolink, 提取各範例html後會刪除demolink, 故得額外補上 */

package/docs/examples/w-confirm_title_content.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.7/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.10/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -93,7 +93,7 @@
     width: 100vw;
     max-width: 100vw;
     font-family: inherit;
-    background-color: #fff;
+    background: #fff;
   }
   .item {
     /* 因item位於demolink, 提取各範例html後會刪除demolink, 故得額外補上 */

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.7/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.10/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -93,7 +93,7 @@
     width: 100vw;
     max-width: 100vw;
     font-family: inherit;
-    background-color: #fff;
+    background: #fff;
   }
   .item {
     /* 因item位於demolink, 提取各範例html後會刪除demolink, 故得額外補上 */
@@ -194,7 +194,8 @@
           bShow11: false,
           bShow12: false,
           bShow13: false,
-          bShow14: false,
+          bShow14a: false,
+          bShow14b: false,
           bShow15: false,
           bShow16: false,
           bShow17: false,

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.7/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.10/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -93,7 +93,7 @@
     width: 100vw;
     max-width: 100vw;
     font-family: inherit;
-    background-color: #fff;
+    background: #fff;
   }
   .item {
     /* 因item位於demolink, 提取各範例html後會刪除demolink, 故得額外補上 */
@@ -201,7 +201,8 @@
           bShow11: false,
           bShow12: false,
           bShow13: false,
-          bShow14: false,
+          bShow14a: false,
+          bShow14b: false,
           bShow15: false,
           bShow16: false,
           bShow17: false,

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.7/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.10/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -93,7 +93,7 @@
     width: 100vw;
     max-width: 100vw;
     font-family: inherit;
-    background-color: #fff;
+    background: #fff;
   }
   .item {
     /* 因item位於demolink, 提取各範例html後會刪除demolink, 故得額外補上 */
@@ -145,13 +145,13 @@
                 depressed
                 small
                 elevation="2"
-                @click="WDialog.bShow14=!WDialog.bShow14"
-            >Show({{WDialog.bShow14}})</v-btn>
+                @click="WDialog.bShow14a=!WDialog.bShow14a"
+            >Show({{WDialog.bShow14a}})</v-btn>
 
             <w-dialog
-                :show.sync="WDialog.bShow14"
+                :show.sync="WDialog.bShow14a"
                 :title="WDialog.title"
-                :max-width="0"
+                :max-width="WDialog.bShow14b?1000:0"
                 @resize="resizeEvent"
                 @click-save="clickSave"
                 @click-close="clickClose"
@@ -166,11 +166,20 @@
                         <div style="margin:15px 0px;">{{WDialog.text4}}</div>
 
                         <v-btn
+                            style="margin-right:10px;"
                             depressed
                             small
                             elevation="2"
-                            @click="WDialog.bShow14=!WDialog.bShow14"
+                            @click="WDialog.bShow14a=!WDialog.bShow14a"
                         >Hide Window</v-btn>
+
+                        <v-btn
+                            style="margin-right:10px;"
+                            depressed
+                            small
+                            elevation="2"
+                            @click="WDialog.bShow14b=!WDialog.bShow14b"
+                        >Toggle to {{WDialog.bShow14b?'Fullscreen':'Normal Size'}}</v-btn>
                     </div>
                 </template>
             </w-dialog>
@@ -201,7 +210,8 @@
           bShow11: false,
           bShow12: false,
           bShow13: false,
-          bShow14: false,
+          bShow14a: false,
+          bShow14b: false,
           bShow15: false,
           bShow16: false,
           bShow17: false,

package/docs/examples/w-dialog_hasSaveBtn and hasCloseBtn, 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.7/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.10/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -93,7 +93,7 @@
     width: 100vw;
     max-width: 100vw;
     font-family: inherit;
-    background-color: #fff;
+    background: #fff;
   }
   .item {
     /* 因item位於demolink, 提取各範例html後會刪除demolink, 故得額外補上 */
@@ -197,7 +197,8 @@
           bShow11: false,
           bShow12: false,
           bShow13: false,
-          bShow14: false,
+          bShow14a: false,
+          bShow14b: false,
           bShow15: false,
           bShow16: false,
           bShow17: false,

package/docs/examples/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.7/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.10/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -93,7 +93,7 @@
     width: 100vw;
     max-width: 100vw;
     font-family: inherit;
-    background-color: #fff;
+    background: #fff;
   }
   .item {
     /* 因item位於demolink, 提取各範例html後會刪除demolink, 故得額外補上 */
@@ -194,7 +194,8 @@
           bShow11: false,
           bShow12: false,
           bShow13: false,
-          bShow14: false,
+          bShow14a: false,
+          bShow14b: false,
           bShow15: false,
           bShow16: false,
           bShow17: false,

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.7/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.10/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -93,7 +93,7 @@
     width: 100vw;
     max-width: 100vw;
     font-family: inherit;
-    background-color: #fff;
+    background: #fff;
   }
   .item {
     /* 因item位於demolink, 提取各範例html後會刪除demolink, 故得額外補上 */
@@ -194,7 +194,8 @@
           bShow11: false,
           bShow12: false,
           bShow13: false,
-          bShow14: false,
+          bShow14a: false,
+          bShow14b: false,
           bShow15: false,
           bShow16: false,
           bShow17: false,

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.7/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.10/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -93,7 +93,7 @@
     width: 100vw;
     max-width: 100vw;
     font-family: inherit;
-    background-color: #fff;
+    background: #fff;
   }
   .item {
     /* 因item位於demolink, 提取各範例html後會刪除demolink, 故得額外補上 */
@@ -195,7 +195,8 @@
           bShow11: false,
           bShow12: false,
           bShow13: false,
-          bShow14: false,
+          bShow14a: false,
+          bShow14b: false,
           bShow15: false,
           bShow16: false,
           bShow17: false,

package/docs/examples/w-dialog_headerIconColor_headerTextColor_headerBackgroundColor.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.7/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.10/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -93,7 +93,7 @@
     width: 100vw;
     max-width: 100vw;
     font-family: inherit;
-    background-color: #fff;
+    background: #fff;
   }
   .item {
     /* 因item位於demolink, 提取各範例html後會刪除demolink, 故得額外補上 */
@@ -198,7 +198,8 @@
           bShow11: false,
           bShow12: false,
           bShow13: false,
-          bShow14: false,
+          bShow14a: false,
+          bShow14b: false,
           bShow15: false,
           bShow16: false,
           bShow17: false,

package/docs/examples/w-dialog_icon (fontawesome).html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.7/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.10/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -93,7 +93,7 @@
     width: 100vw;
     max-width: 100vw;
     font-family: inherit;
-    background-color: #fff;
+    background: #fff;
   }
   .item {
     /* 因item位於demolink, 提取各範例html後會刪除demolink, 故得額外補上 */
@@ -194,7 +194,8 @@
           bShow11: false,
           bShow12: false,
           bShow13: false,
-          bShow14: false,
+          bShow14a: false,
+          bShow14b: false,
           bShow15: false,
           bShow16: false,
           bShow17: false,

package/docs/examples/w-dialog_maxWidth, for narrow width.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.7/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.10/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -93,7 +93,7 @@
     width: 100vw;
     max-width: 100vw;
     font-family: inherit;
-    background-color: #fff;
+    background: #fff;
   }
   .item {
     /* 因item位於demolink, 提取各範例html後會刪除demolink, 故得額外補上 */
@@ -194,7 +194,8 @@
           bShow11: false,
           bShow12: false,
           bShow13: false,
-          bShow14: false,
+          bShow14a: false,
+          bShow14b: false,
           bShow15: false,
           bShow16: false,
           bShow17: false,

package/docs/examples/w-dialog_multi dialogs.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.7/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.10/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -93,7 +93,7 @@
     width: 100vw;
     max-width: 100vw;
     font-family: inherit;
-    background-color: #fff;
+    background: #fff;
   }
   .item {
     /* 因item位於demolink, 提取各範例html後會刪除demolink, 故得額外補上 */
@@ -237,7 +237,8 @@
           bShow11: false,
           bShow12: false,
           bShow13: false,
-          bShow14: false,
+          bShow14a: false,
+          bShow14b: false,
           bShow15: false,
           bShow16: false,
           bShow17: false,

package/docs/examples/w-dialog_saveBtnTooltip_closeBtnTooltip.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.7/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.10/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -93,7 +93,7 @@
     width: 100vw;
     max-width: 100vw;
     font-family: inherit;
-    background-color: #fff;
+    background: #fff;
   }
   .item {
     /* 因item位於demolink, 提取各範例html後會刪除demolink, 故得額外補上 */
@@ -195,7 +195,8 @@
           bShow11: false,
           bShow12: false,
           bShow13: false,
-          bShow14: false,
+          bShow14a: false,
+          bShow14b: false,
           bShow15: false,
           bShow16: false,
           bShow17: false,

package/docs/examples/w-dialog_scrollable.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.7/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.10/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -93,7 +93,7 @@
     width: 100vw;
     max-width: 100vw;
     font-family: inherit;
-    background-color: #fff;
+    background: #fff;
   }
   .item {
     /* 因item位於demolink, 提取各範例html後會刪除demolink, 故得額外補上 */
@@ -194,7 +194,8 @@
           bShow11: false,
           bShow12: false,
           bShow13: false,
-          bShow14: false,
+          bShow14a: false,
+          bShow14b: false,
           bShow15: false,
           bShow16: false,
           bShow17: false,

package/docs/examples/w-dialog_separate for slot content.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.7/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.10/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -93,7 +93,7 @@
     width: 100vw;
     max-width: 100vw;
     font-family: inherit;
-    background-color: #fff;
+    background: #fff;
   }
   .item {
     /* 因item位於demolink, 提取各範例html後會刪除demolink, 故得額外補上 */
@@ -198,7 +198,8 @@
           bShow11: false,
           bShow12: false,
           bShow13: false,
-          bShow14: false,
+          bShow14a: false,
+          bShow14b: false,
           bShow15: false,
           bShow16: false,
           bShow17: false,

package/docs/examples/w-dialog_slot content.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.7/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.10/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -93,7 +93,7 @@
     width: 100vw;
     max-width: 100vw;
     font-family: inherit;
-    background-color: #fff;
+    background: #fff;
   }
   .item {
     /* 因item位於demolink, 提取各範例html後會刪除demolink, 故得額外補上 */
@@ -193,7 +193,8 @@
           bShow11: false,
           bShow12: false,
           bShow13: false,
-          bShow14: false,
+          bShow14a: false,
+          bShow14b: false,
           bShow15: false,
           bShow16: false,
           bShow17: false,

package/docs/examples/w-dialog_slot header-left_header-right.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.7/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.10/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -93,7 +93,7 @@
     width: 100vw;
     max-width: 100vw;
     font-family: inherit;
-    background-color: #fff;
+    background: #fff;
   }
   .item {
     /* 因item位於demolink, 提取各範例html後會刪除demolink, 故得額外補上 */
@@ -157,7 +157,7 @@
             >
                 <template v-slot:header-left>
                     <select
-                        style="margin-left:15px; padding:0px 20px; background-color:rgba(255,255,255,0.1); color:#fff; border:1px solid rgba(255,255,255,0.7); border-radius:30px; outline:none;"
+                        style="margin-left:15px; padding:0px 20px; background:rgba(255,255,255,0.1); color:#fff; border:1px solid rgba(255,255,255,0.7); border-radius:30px; outline:none;"
                     >
                         <option style="color:#000;" value="0">Select Fruit</option>
                         <option style="color:#000;" value="1">L-Apple</option>
@@ -168,7 +168,7 @@
 
                 <template v-slot:header-right>
                     <select
-                        style="margin-right:15px; padding:0px 20px; background-color:rgba(255,255,255,0.1); color:#fff; border:1px solid rgba(255,255,255,0.7); border-radius:30px; outline:none;"
+                        style="margin-right:15px; padding:0px 20px; background:rgba(255,255,255,0.1); color:#fff; border:1px solid rgba(255,255,255,0.7); border-radius:30px; outline:none;"
                     >
                         <option style="color:#000;" value="0">Select Fruit</option>
                         <option style="color:#000;" value="1">R-Apple</option>
@@ -215,7 +215,8 @@
           bShow11: false,
           bShow12: false,
           bShow13: false,
-          bShow14: false,
+          bShow14a: false,
+          bShow14b: false,
           bShow15: false,
           bShow16: false,
           bShow17: false,

package/docs/examples/w-dialog_table in slot content.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.7/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.10/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -93,7 +93,7 @@
     width: 100vw;
     max-width: 100vw;
     font-family: inherit;
-    background-color: #fff;
+    background: #fff;
   }
   .item {
     /* 因item位於demolink, 提取各範例html後會刪除demolink, 故得額外補上 */
@@ -260,7 +260,8 @@
           bShow11: false,
           bShow12: false,
           bShow13: false,
-          bShow14: false,
+          bShow14a: false,
+          bShow14b: false,
           bShow15: false,
           bShow16: false,
           bShow17: false,

package/docs/examples/w-dialog_title.html

@@ -85,7 +85,7 @@
     </script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.7/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.2.10/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -93,7 +93,7 @@
     width: 100vw;
     max-width: 100vw;
     font-family: inherit;
-    background-color: #fff;
+    background: #fff;
   }
   .item {
     /* 因item位於demolink, 提取各範例html後會刪除demolink, 故得額外補上 */
@@ -193,7 +193,8 @@
           bShow11: false,
           bShow12: false,
           bShow13: false,
-          bShow14: false,
+          bShow14a: false,
+          bShow14b: false,
           bShow15: false,
           bShow16: false,
           bShow17: false,