w-component-vue 2.3.66 → 2.3.68

package/docs/examples/{w-group-radio_default.html → w-group-chip-radio_default.html}

@@ -78,7 +78,7 @@
     ></script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.66/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.68/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -125,15 +125,15 @@
                 style="cursor:pointer;"
                 title="open for copy link to view component"
                 onclick="window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"
-            >w-group-radio</span>
+            >w-group-chip-radio</span>
         </div>
         <div class="bk">
             <div class="item">default</div>
 
-            <w-group-radio
-                :items="WGroupRadio.string.items"
-                v-model="WGroupRadio.string.select"
-            ></w-group-radio>
+            <w-group-chip-radio
+                :items="WGroupChipRadio.string.items"
+                v-model="WGroupChipRadio.string.select"
+            ></w-group-chip-radio>
         </div>
     </v-app>
 
@@ -147,7 +147,7 @@
     vuetify: new Vuetify(),
     data: function() {
       return {
-        WGroupRadio: {
+        WGroupChipRadio: {
           string: {
             items: [
               "Dashboard",
@@ -229,7 +229,7 @@
             ],
             select: {
               text: "Dashboard",
-              icon: "mdi-account-supervisor-circle",
+              icon: "mdi-view-dashboard",
               tooltip: "tooltip for Dashboard"
             }
           },

package/docs/examples/{w-group-radio_group (only one).html → w-group-chip-radio_group (only one).html }

@@ -78,7 +78,7 @@
     ></script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.66/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.68/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -125,22 +125,22 @@
                 style="cursor:pointer;"
                 title="open for copy link to view component"
                 onclick="window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"
-            >w-group-radio</span>
+            >w-group-chip-radio</span>
         </div>
         <div class="bk">
             <div class="item">group (only one)</div>
 
             <div style="padding:10px 0px;">
                 <!-- 因使用group故marginStyle會被取消, 此處添加padding只是讓排版一致 -->
-                <w-group-radio
-                    :items="WGroupRadio.objectOne.items"
-                    v-model="WGroupRadio.objectOne.select"
+                <w-group-chip-radio
+                    :items="WGroupChipRadio.objectOne.items"
+                    v-model="WGroupChipRadio.objectOne.select"
                     :group="true"
                     :border-color="'#aaa'"
                     :border-color-hover="'#aaa'"
                     :border-color-active="'orange lighten-2'"
                     :shadow-active="false"
-                ></w-group-radio>
+                ></w-group-chip-radio>
             </div>
         </div>
     </v-app>
@@ -155,7 +155,7 @@
     vuetify: new Vuetify(),
     data: function() {
       return {
-        WGroupRadio: {
+        WGroupChipRadio: {
           string: {
             items: [
               "Dashboard",
@@ -237,7 +237,7 @@
             ],
             select: {
               text: "Dashboard",
-              icon: "mdi-account-supervisor-circle",
+              icon: "mdi-view-dashboard",
               tooltip: "tooltip for Dashboard"
             }
           },

package/docs/examples/{w-group-radio_group_borderColor_borderColorHover_borderColorActive.html → w-group-chip-radio_group_borderColor_borderColorHover_borderColorActive.html}

@@ -78,7 +78,7 @@
     ></script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.66/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.68/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -125,7 +125,7 @@
                 style="cursor:pointer;"
                 title="open for copy link to view component"
                 onclick="window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"
-            >w-group-radio</span>
+            >w-group-chip-radio</span>
         </div>
         <div class="bk">
             <div
@@ -134,9 +134,9 @@
 
             <div style="padding:10px 0px;">
                 <!-- 因使用group故marginStyle會被取消, 此處添加padding只是讓排版一致 -->
-                <w-group-radio
-                    :items="WGroupRadio.object.items"
-                    v-model="WGroupRadio.object.select"
+                <w-group-chip-radio
+                    :items="WGroupChipRadio.object.items"
+                    v-model="WGroupChipRadio.object.select"
                     :group="true"
                     :border-color="'#ccc'"
                     :border-color-hover="'#ccc'"
@@ -145,7 +145,7 @@
                     :icon-color-active="'orange darken-3'"
                     :background-color-active="'orange lighten-5'"
                     :shadow-active="false"
-                ></w-group-radio>
+                ></w-group-chip-radio>
             </div>
         </div>
     </v-app>
@@ -160,7 +160,7 @@
     vuetify: new Vuetify(),
     data: function() {
       return {
-        WGroupRadio: {
+        WGroupChipRadio: {
           string: {
             items: [
               "Dashboard",
@@ -242,7 +242,7 @@
             ],
             select: {
               text: "Dashboard",
-              icon: "mdi-account-supervisor-circle",
+              icon: "mdi-view-dashboard",
               tooltip: "tooltip for Dashboard"
             }
           },

package/docs/examples/{w-group-radio_group_groupBorderRadiusStyle_groupShift_borderRadius.html → w-group-chip-radio_group_groupBorderRadiusStyle_groupShift_borderRadius.html}

@@ -78,7 +78,7 @@
     ></script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.66/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.68/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -125,7 +125,7 @@
                 style="cursor:pointer;"
                 title="open for copy link to view component"
                 onclick="window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"
-            >w-group-radio</span>
+            >w-group-chip-radio</span>
         </div>
         <div class="bk">
             <div
@@ -135,9 +135,9 @@
             <div style="margin:20px 0px">
                 <div style="padding-left:20px; margin-bottom:-1px;">
                     <!-- 因上下皆有border, 故需負margin-bottom來吃掉重複border -->
-                    <w-group-radio
-                        :items="WGroupRadio.object.items"
-                        v-model="WGroupRadio.object.select"
+                    <w-group-chip-radio
+                        :items="WGroupChipRadio.object.items"
+                        v-model="WGroupChipRadio.object.select"
                         :group="true"
                         :group-border-radius-style="{top:true}"
                         :group-shift="7"
@@ -146,7 +146,7 @@
                         :border-color-hover="'#aaa'"
                         :border-color-active="'orange lighten-2'"
                         :margin-style="{}"
-                    ></w-group-radio>
+                    ></w-group-chip-radio>
                 </div>
                 <div
                     style="border:1px solid #aaa; padding:15px; font-size:0.85rem;"
@@ -157,11 +157,11 @@
                 <div
                     style="border:1px solid #aaa; padding:15px; font-size:0.85rem;"
                 >Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</div>
-                <div style="padding-left:20px; margin-top:-0.5px;">
-                    <!-- 因上下皆有border, 故需負margin-top來吃掉重複border, 0.5因渲染問題為手動調整結果 -->
-                    <w-group-radio
-                        :items="WGroupRadio.object.items"
-                        v-model="WGroupRadio.object.select"
+                <div style="padding-left:20px; margin-top:-1px;">
+                    <!-- 因上下皆有border, 故需負margin-top來吃掉重複border -->
+                    <w-group-chip-radio
+                        :items="WGroupChipRadio.object.items"
+                        v-model="WGroupChipRadio.object.select"
                         :group="true"
                         :group-border-radius-style="{bottom:true}"
                         :group-shift="7"
@@ -170,7 +170,7 @@
                         :border-color-hover="'#aaa'"
                         :border-color-active="'orange lighten-2'"
                         :margin-style="{}"
-                    ></w-group-radio>
+                    ></w-group-chip-radio>
                 </div>
             </div>
         </div>
@@ -186,7 +186,7 @@
     vuetify: new Vuetify(),
     data: function() {
       return {
-        WGroupRadio: {
+        WGroupChipRadio: {
           string: {
             items: [
               "Dashboard",
@@ -268,7 +268,7 @@
             ],
             select: {
               text: "Dashboard",
-              icon: "mdi-account-supervisor-circle",
+              icon: "mdi-view-dashboard",
               tooltip: "tooltip for Dashboard"
             }
           },

package/docs/examples/{w-group-radio_icon (fontawesome).html → w-group-chip-radio_icon (fontawesome).html }

@@ -78,7 +78,7 @@
     ></script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.66/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.68/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -125,15 +125,15 @@
                 style="cursor:pointer;"
                 title="open for copy link to view component"
                 onclick="window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"
-            >w-group-radio</span>
+            >w-group-chip-radio</span>
         </div>
         <div class="bk">
             <div class="item">icon (fontawesome)</div>
 
-            <w-group-radio
-                :items="WGroupRadio.objectFA.items"
-                v-model="WGroupRadio.objectFA.select"
-            ></w-group-radio>
+            <w-group-chip-radio
+                :items="WGroupChipRadio.objectFA.items"
+                v-model="WGroupChipRadio.objectFA.select"
+            ></w-group-chip-radio>
         </div>
     </v-app>
 
@@ -147,7 +147,7 @@
     vuetify: new Vuetify(),
     data: function() {
       return {
-        WGroupRadio: {
+        WGroupChipRadio: {
           string: {
             items: [
               "Dashboard",
@@ -229,7 +229,7 @@
             ],
             select: {
               text: "Dashboard",
-              icon: "mdi-account-supervisor-circle",
+              icon: "mdi-view-dashboard",
               tooltip: "tooltip for Dashboard"
             }
           },

package/docs/examples/{w-group-radio_icon (material).html → w-group-chip-radio_icon (material).html }

@@ -78,7 +78,7 @@
     ></script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.66/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.68/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -125,15 +125,15 @@
                 style="cursor:pointer;"
                 title="open for copy link to view component"
                 onclick="window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"
-            >w-group-radio</span>
+            >w-group-chip-radio</span>
         </div>
         <div class="bk">
             <div class="item">icon (material)</div>
 
-            <w-group-radio
-                :items="WGroupRadio.object.items"
-                v-model="WGroupRadio.object.select"
-            ></w-group-radio>
+            <w-group-chip-radio
+                :items="WGroupChipRadio.object.items"
+                v-model="WGroupChipRadio.object.select"
+            ></w-group-chip-radio>
         </div>
     </v-app>
 
@@ -147,7 +147,7 @@
     vuetify: new Vuetify(),
     data: function() {
       return {
-        WGroupRadio: {
+        WGroupChipRadio: {
           string: {
             items: [
               "Dashboard",
@@ -229,7 +229,7 @@
             ],
             select: {
               text: "Dashboard",
-              icon: "mdi-account-supervisor-circle",
+              icon: "mdi-view-dashboard",
               tooltip: "tooltip for Dashboard"
             }
           },

package/docs/examples/{w-group-radio_iconColorActive.html → w-group-chip-radio_iconColorActive.html}

@@ -78,7 +78,7 @@
     ></script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.66/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.68/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -125,16 +125,16 @@
                 style="cursor:pointer;"
                 title="open for copy link to view component"
                 onclick="window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"
-            >w-group-radio</span>
+            >w-group-chip-radio</span>
         </div>
         <div class="bk">
             <div class="item">iconColorActive</div>
 
-            <w-group-radio
-                :items="WGroupRadio.object.items"
-                v-model="WGroupRadio.object.select"
+            <w-group-chip-radio
+                :items="WGroupChipRadio.object.items"
+                v-model="WGroupChipRadio.object.select"
                 :icon-color-active="'yellow'"
-            ></w-group-radio>
+            ></w-group-chip-radio>
         </div>
     </v-app>
 
@@ -148,7 +148,7 @@
     vuetify: new Vuetify(),
     data: function() {
       return {
-        WGroupRadio: {
+        WGroupChipRadio: {
           string: {
             items: [
               "Dashboard",
@@ -230,7 +230,7 @@
             ],
             select: {
               text: "Dashboard",
-              icon: "mdi-account-supervisor-circle",
+              icon: "mdi-view-dashboard",
               tooltip: "tooltip for Dashboard"
             }
           },

package/docs/examples/{w-group-radio_iconColor_iconColorHover.html → w-group-chip-radio_iconColor_iconColorHover.html}

@@ -78,7 +78,7 @@
     ></script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.66/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.68/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -125,17 +125,17 @@
                 style="cursor:pointer;"
                 title="open for copy link to view component"
                 onclick="window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"
-            >w-group-radio</span>
+            >w-group-chip-radio</span>
         </div>
         <div class="bk">
             <div class="item">iconColor &amp; iconColorHover</div>
 
-            <w-group-radio
-                :items="WGroupRadio.object.items"
-                v-model="WGroupRadio.object.select"
+            <w-group-chip-radio
+                :items="WGroupChipRadio.object.items"
+                v-model="WGroupChipRadio.object.select"
                 :icon-color="'orange'"
                 :icon-color-hover="'orange darken-2'"
-            ></w-group-radio>
+            ></w-group-chip-radio>
         </div>
     </v-app>
 
@@ -149,7 +149,7 @@
     vuetify: new Vuetify(),
     data: function() {
       return {
-        WGroupRadio: {
+        WGroupChipRadio: {
           string: {
             items: [
               "Dashboard",
@@ -231,7 +231,7 @@
             ],
             select: {
               text: "Dashboard",
-              icon: "mdi-account-supervisor-circle",
+              icon: "mdi-view-dashboard",
               tooltip: "tooltip for Dashboard"
             }
           },

package/docs/examples/{w-group-radio_loading.html → w-group-chip-radio_loading.html}

@@ -78,7 +78,7 @@
     ></script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.66/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.68/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -125,16 +125,16 @@
                 style="cursor:pointer;"
                 title="open for copy link to view component"
                 onclick="window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"
-            >w-group-radio</span>
+            >w-group-chip-radio</span>
         </div>
         <div class="bk">
             <div class="item">loading</div>
 
-            <w-group-radio
-                :items="WGroupRadio.object.items"
-                v-model="WGroupRadio.object.select"
+            <w-group-chip-radio
+                :items="WGroupChipRadio.object.items"
+                v-model="WGroupChipRadio.object.select"
                 :loading="true"
-            ></w-group-radio>
+            ></w-group-chip-radio>
         </div>
     </v-app>
 
@@ -148,7 +148,7 @@
     vuetify: new Vuetify(),
     data: function() {
       return {
-        WGroupRadio: {
+        WGroupChipRadio: {
           string: {
             items: [
               "Dashboard",
@@ -230,7 +230,7 @@
             ],
             select: {
               text: "Dashboard",
-              icon: "mdi-account-supervisor-circle",
+              icon: "mdi-view-dashboard",
               tooltip: "tooltip for Dashboard"
             }
           },

package/docs/examples/{w-group-radio_loading_loadingColor.html → w-group-chip-radio_loading_loadingColor.html}

@@ -78,7 +78,7 @@
     ></script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.66/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.68/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -125,17 +125,17 @@
                 style="cursor:pointer;"
                 title="open for copy link to view component"
                 onclick="window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"
-            >w-group-radio</span>
+            >w-group-chip-radio</span>
         </div>
         <div class="bk">
             <div class="item">loading &amp; loadingColor</div>
 
-            <w-group-radio
-                :items="WGroupRadio.object.items"
-                v-model="WGroupRadio.object.select"
+            <w-group-chip-radio
+                :items="WGroupChipRadio.object.items"
+                v-model="WGroupChipRadio.object.select"
                 :loading="true"
                 :loading-color="'orange darken-4'"
-            ></w-group-radio>
+            ></w-group-chip-radio>
         </div>
     </v-app>
 
@@ -149,7 +149,7 @@
     vuetify: new Vuetify(),
     data: function() {
       return {
-        WGroupRadio: {
+        WGroupChipRadio: {
           string: {
             items: [
               "Dashboard",
@@ -231,7 +231,7 @@
             ],
             select: {
               text: "Dashboard",
-              icon: "mdi-account-supervisor-circle",
+              icon: "mdi-view-dashboard",
               tooltip: "tooltip for Dashboard"
             }
           },

package/docs/examples/{w-group-radio_marginStyle.html → w-group-chip-radio_marginStyle.html}

@@ -78,7 +78,7 @@
     ></script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.66/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.68/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -125,16 +125,16 @@
                 style="cursor:pointer;"
                 title="open for copy link to view component"
                 onclick="window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"
-            >w-group-radio</span>
+            >w-group-chip-radio</span>
         </div>
         <div class="bk">
             <div class="item">marginStyle</div>
 
-            <w-group-radio
-                :items="WGroupRadio.object.items"
-                v-model="WGroupRadio.object.select"
+            <w-group-chip-radio
+                :items="WGroupChipRadio.object.items"
+                v-model="WGroupChipRadio.object.select"
                 :margin-style="{top:0,right:25,bottom:0,left:0}"
-            ></w-group-radio>
+            ></w-group-chip-radio>
         </div>
     </v-app>
 
@@ -148,7 +148,7 @@
     vuetify: new Vuetify(),
     data: function() {
       return {
-        WGroupRadio: {
+        WGroupChipRadio: {
           string: {
             items: [
               "Dashboard",
@@ -230,7 +230,7 @@
             ],
             select: {
               text: "Dashboard",
-              icon: "mdi-account-supervisor-circle",
+              icon: "mdi-view-dashboard",
               tooltip: "tooltip for Dashboard"
             }
           },

package/docs/examples/{w-group-radio_no shadowActive.html → w-group-chip-radio_no shadowActive.html }

@@ -78,7 +78,7 @@
     ></script>
 
     <!-- w-component-vue -->
-    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.66/dist/w-component-vue.umd.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/w-component-vue@2.3.68/dist/w-component-vue.umd.js"></script>
 
     <style>
   .v-application--wrap {
@@ -125,16 +125,16 @@
                 style="cursor:pointer;"
                 title="open for copy link to view component"
                 onclick="window.open('//yuda-lyu.github.io/w-component-vue/examples/app.html?cmp='+this.innerText,'_blank')"
-            >w-group-radio</span>
+            >w-group-chip-radio</span>
         </div>
         <div class="bk">
             <div class="item">no shadowActive</div>
 
-            <w-group-radio
-                :items="WGroupRadio.object.items"
-                v-model="WGroupRadio.object.select"
+            <w-group-chip-radio
+                :items="WGroupChipRadio.object.items"
+                v-model="WGroupChipRadio.object.select"
                 :shadow-active="false"
-            ></w-group-radio>
+            ></w-group-chip-radio>
         </div>
     </v-app>
 
@@ -148,7 +148,7 @@
     vuetify: new Vuetify(),
     data: function() {
       return {
-        WGroupRadio: {
+        WGroupChipRadio: {
           string: {
             items: [
               "Dashboard",
@@ -230,7 +230,7 @@
             ],
             select: {
               text: "Dashboard",
-              icon: "mdi-account-supervisor-circle",
+              icon: "mdi-view-dashboard",
               tooltip: "tooltip for Dashboard"
             }
           },