w-component-vue 2.4.18 → 2.4.20

package/docs/module-WTimeminute.html

@@ -587,7 +587,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Fri May 23 2025 11:16:20 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Tue May 27 2025 21:49:00 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminuteCore.html

@@ -371,7 +371,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Fri May 23 2025 11:16:20 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Tue May 27 2025 21:49:00 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminuteRange.html

@@ -611,7 +611,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Fri May 23 2025 11:16:20 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Tue May 27 2025 21:49:00 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminuteRangeCore.html

@@ -395,7 +395,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Fri May 23 2025 11:16:20 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Tue May 27 2025 21:49:00 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTinymceVueDyn.html

@@ -251,7 +251,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Fri May 23 2025 11:16:20 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Tue May 27 2025 21:49:00 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTooltip.html

@@ -443,7 +443,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Fri May 23 2025 11:16:20 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Tue May 27 2025 21:49:00 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTree.html

@@ -1487,7 +1487,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Fri May 23 2025 11:16:20 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Tue May 27 2025 21:49:00 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTreeIconCheckbox.html

@@ -299,7 +299,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Fri May 23 2025 11:16:20 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Tue May 27 2025 21:49:00 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTreeIconToggle.html

@@ -275,7 +275,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Fri May 23 2025 11:16:20 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Tue May 27 2025 21:49:00 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WVditorDyn.html

@@ -323,7 +323,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Fri May 23 2025 11:16:20 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Tue May 27 2025 21:49:00 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "w-component-vue",
-  "version": "2.4.18",
+  "version": "2.4.20",
   "main": "dist/w-component-vue.umd.js",
   "dependencies": {
     "@mdi/js": "^7.4.47",
     "lodash-es": "^4.17.21",
-    "wsemi": "^1.7.90"
+    "wsemi": "^1.7.92"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^5.0.8",

package/src/App.vue

@@ -1,250 +1,253 @@
 <template>
     <v-app
-        style="font-family:inherit;"
+        style=""
         :changeMenus="changeMenus"
     >
 
+        <div style="width:100svw; height:100svh; position:relative; overflow-y:auto;">
+
+
+            <template v-if="!isNarrow">
+                <a href="https://github.com/yuda-lyu/w-component-vue" class="github-corner" style="position:fixed; top:0; right:0; border:0; z-index:10000;" aria-label="View source on GitHub" target="_blank" rel="noreferrer noopener">
+                    <svg width="80" height="80" viewBox="0 0 250 250" style="fill:rgba(0,0,0,0.25); color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg>
+                </a>
+            </template>
+
+
+            <div style="width:100%; background:#f5f5f5;">
+
+                <div style="width:100%; overflow-x:auto;" v-if="cmpsL1 && cmpsL1.length>0">
+                    <WListHorizontal
+                        :items="cmpsL1"
+                        :itemActive.sync="cmpP1"
+                        :itemBackgroundColor="'transparent'"
+                        :itemBackgroundColorHover="'#eee'"
+                        :itemBackgroundColorActive="'#eee'"
+                        :keyText="'name'"
+                        :paddingStyle="{v:12,h:20}"
+                        @update:itemActive="(v)=>{indP3=0;indP2=0;indP1=getInd(v,cmpsL1)}"
+                    >
+                        <template v-slot:item="props">
+                            <div style="">
+                                {{kebabCase(props.item.name)}}
+                            </div>
+                        </template>
+                    </WListHorizontal>
+                    <div style="height:1px; background:#ddd;"></div>
+                </div>
+
+                <div style="width:100%; overflow-x:auto;" v-if="cmpsL2 && cmpsL2.length>0">
+                    <div style="height:3px; background:#fff;"></div>
+                    <WListHorizontal
+                        :items="cmpsL2"
+                        :itemActive.sync="cmpP2"
+                        :itemBackgroundColor="'transparent'"
+                        :itemBackgroundColorHover="'#eee'"
+                        :itemBackgroundColorActive="'#eee'"
+                        :keyText="'name'"
+                        :paddingStyle="{v:12,h:20}"
+                        @update:itemActive="(v)=>{indP3=0;indP2=getInd(v,cmpsL2)}"
+                    >
+                        <template v-slot:item="props">
+                            <div style="">
+                                {{kebabCase(props.item.name)}}
+                            </div>
+                        </template>
+                    </WListHorizontal>
+                    <div style="height:1px; background:#ddd;"></div>
+                </div>
+
+                <div style="width:100%; overflow-x:auto;" v-if="cmpsL3 && cmpsL3.length>0">
+                    <div style="height:3px; background:#fff;"></div>
+                    <WListHorizontal
+                        :items="cmpsL3"
+                        :itemActive.sync="cmpP3"
+                        :itemBackgroundColor="'transparent'"
+                        :itemBackgroundColorHover="'#eee'"
+                        :itemBackgroundColorActive="'#eee'"
+                        :keyText="'name'"
+                        :paddingStyle="{v:12,h:20}"
+                        @update:itemActive="(v)=>{indP3=getInd(v,cmpsL3)}"
+                    >
+                        <template v-slot:item="props">
+                            <div style="">
+                                {{kebabCase(props.item.name)}}
+                            </div>
+                        </template>
+                    </WListHorizontal>
+                    <div style="height:1px; background:#ddd;"></div>
+                </div>
 
-        <template v-if="!isNarrow">
-            <a href="https://github.com/yuda-lyu/w-component-vue" class="github-corner" style="position:fixed; top:0; right:0; border:0; z-index:10000;" aria-label="View source on GitHub" target="_blank" rel="noreferrer noopener">
-                <svg width="80" height="80" viewBox="0 0 250 250" style="fill:rgba(0,0,0,0.25); color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg>
-            </a>
-        </template>
-
-
-        <div style="background:#f5f5f5;">
-
-            <div style="width:calc( 100vw - 20px ); overflow-x:auto;" v-if="cmpsL1 && cmpsL1.length>0">
-                <WListHorizontal
-                    :items="cmpsL1"
-                    :itemActive.sync="cmpP1"
-                    :itemBackgroundColor="'transparent'"
-                    :itemBackgroundColorHover="'#eee'"
-                    :itemBackgroundColorActive="'#eee'"
-                    :keyText="'name'"
-                    :paddingStyle="{v:12,h:20}"
-                    @update:itemActive="(v)=>{indP3=0;indP2=0;indP1=getInd(v,cmpsL1)}"
-                >
-                    <template v-slot:item="props">
-                        <div style="">
-                            {{kebabCase(props.item.name)}}
-                        </div>
-                    </template>
-                </WListHorizontal>
-                <div style="height:1px; background:#ddd;"></div>
             </div>
 
-            <div style="width:calc( 100vw - 20px ); overflow-x:auto;" v-if="cmpsL2 && cmpsL2.length>0">
-                <div style="height:3px; background:#fff;"></div>
-                <WListHorizontal
-                    :items="cmpsL2"
-                    :itemActive.sync="cmpP2"
-                    :itemBackgroundColor="'transparent'"
-                    :itemBackgroundColorHover="'#eee'"
-                    :itemBackgroundColorActive="'#eee'"
-                    :keyText="'name'"
-                    :paddingStyle="{v:12,h:20}"
-                    @update:itemActive="(v)=>{indP3=0;indP2=getInd(v,cmpsL2)}"
-                >
-                    <template v-slot:item="props">
-                        <div style="">
-                            {{kebabCase(props.item.name)}}
-                        </div>
-                    </template>
-                </WListHorizontal>
-                <div style="height:1px; background:#ddd;"></div>
-            </div>
-
-            <div style="width:calc( 100vw - 20px ); overflow-x:auto;" v-if="cmpsL3 && cmpsL3.length>0">
-                <div style="height:3px; background:#fff;"></div>
-                <WListHorizontal
-                    :items="cmpsL3"
-                    :itemActive.sync="cmpP3"
-                    :itemBackgroundColor="'transparent'"
-                    :itemBackgroundColorHover="'#eee'"
-                    :itemBackgroundColorActive="'#eee'"
-                    :keyText="'name'"
-                    :paddingStyle="{v:12,h:20}"
-                    @update:itemActive="(v)=>{indP3=getInd(v,cmpsL3)}"
-                >
-                    <template v-slot:item="props">
-                        <div style="">
-                            {{kebabCase(props.item.name)}}
-                        </div>
-                    </template>
-                </WListHorizontal>
-                <div style="height:1px; background:#ddd;"></div>
-            </div>
-
-        </div>
 
+            <div style="width:100%;">
 
-        <div>
+                <AppZoneWBadge v-if="cmpPick==='WBadge'"></AppZoneWBadge>
 
-            <AppZoneWBadge v-if="cmpPick==='WBadge'"></AppZoneWBadge>
+                <AppZoneWPanelStripe v-if="cmpPick==='WPanelStripe'"></AppZoneWPanelStripe>
 
-            <AppZoneWPanelStripe v-if="cmpPick==='WPanelStripe'"></AppZoneWPanelStripe>
+                <AppZoneWPanelBulge v-if="cmpPick==='WPanelBulge'"></AppZoneWPanelBulge>
 
-            <AppZoneWPanelBulge v-if="cmpPick==='WPanelBulge'"></AppZoneWPanelBulge>
+                <AppZoneWPanelAvatar v-if="cmpPick==='WPanelAvatar'"></AppZoneWPanelAvatar>
 
-            <AppZoneWPanelAvatar v-if="cmpPick==='WPanelAvatar'"></AppZoneWPanelAvatar>
+                <AppZoneWPanelScrolly v-if="cmpPick==='WPanelScrolly'"></AppZoneWPanelScrolly>
 
-            <AppZoneWPanelScrolly v-if="cmpPick==='WPanelScrolly'"></AppZoneWPanelScrolly>
+                <AppZoneWPanelLabelItem v-if="cmpPick==='WPanelLabelItem'"></AppZoneWPanelLabelItem>
 
-            <AppZoneWPanelLabelItem v-if="cmpPick==='WPanelLabelItem'"></AppZoneWPanelLabelItem>
+                <AppZoneWPanelDivideHorizontal v-if="cmpPick==='WPanelDivideHorizontal'"></AppZoneWPanelDivideHorizontal>
 
-            <AppZoneWPanelDivideHorizontal v-if="cmpPick==='WPanelDivideHorizontal'"></AppZoneWPanelDivideHorizontal>
+                <AppZoneWPanelDivideVertical v-if="cmpPick==='WPanelDivideVertical'"></AppZoneWPanelDivideVertical>
 
-            <AppZoneWPanelDivideVertical v-if="cmpPick==='WPanelDivideVertical'"></AppZoneWPanelDivideVertical>
+                <AppZoneWPanelScale v-if="cmpPick==='WPanelScale'"></AppZoneWPanelScale>
 
-            <AppZoneWPanelScale v-if="cmpPick==='WPanelScale'"></AppZoneWPanelScale>
+                <AppZoneWIcon v-if="cmpPick==='WIcon'"></AppZoneWIcon>
 
-            <AppZoneWIcon v-if="cmpPick==='WIcon'"></AppZoneWIcon>
+                <AppZoneWImageLazy v-if="cmpPick==='WImageLazy'"></AppZoneWImageLazy>
 
-            <AppZoneWImageLazy v-if="cmpPick==='WImageLazy'"></AppZoneWImageLazy>
+                <AppZoneWDropfiles v-if="cmpPick==='WDropfiles'"></AppZoneWDropfiles>
 
-            <AppZoneWDropfiles v-if="cmpPick==='WDropfiles'"></AppZoneWDropfiles>
+                <AppZoneWButtonChip v-if="cmpPick==='WButtonChip'"></AppZoneWButtonChip>
 
-            <AppZoneWButtonChip v-if="cmpPick==='WButtonChip'"></AppZoneWButtonChip>
+                <AppZoneWButtonCircle v-if="cmpPick==='WButtonCircle'"></AppZoneWButtonCircle>
 
-            <AppZoneWButtonCircle v-if="cmpPick==='WButtonCircle'"></AppZoneWButtonCircle>
+                <AppZoneWSlider v-if="cmpPick==='WSlider'"></AppZoneWSlider>
 
-            <AppZoneWSlider v-if="cmpPick==='WSlider'"></AppZoneWSlider>
+                <AppZoneWProgressBar v-if="cmpPick==='WProgressBar'"></AppZoneWProgressBar>
 
-            <AppZoneWProgressBar v-if="cmpPick==='WProgressBar'"></AppZoneWProgressBar>
+                <AppZoneWProgressCircle v-if="cmpPick==='WProgressCircle'"></AppZoneWProgressCircle>
 
-            <AppZoneWProgressCircle v-if="cmpPick==='WProgressCircle'"></AppZoneWProgressCircle>
+                <AppZoneWSwitch v-if="cmpPick==='WSwitch'"></AppZoneWSwitch>
 
-            <AppZoneWSwitch v-if="cmpPick==='WSwitch'"></AppZoneWSwitch>
+                <AppZoneWCheckbox v-if="cmpPick==='WCheckbox'"></AppZoneWCheckbox>
 
-            <AppZoneWCheckbox v-if="cmpPick==='WCheckbox'"></AppZoneWCheckbox>
+                <AppZoneWLevelGrade v-if="cmpPick==='WLevelGrade'"></AppZoneWLevelGrade>
 
-            <AppZoneWLevelGrade v-if="cmpPick==='WLevelGrade'"></AppZoneWLevelGrade>
+                <AppZoneWAlert v-if="cmpPick==='WAlert'"></AppZoneWAlert>
 
-            <AppZoneWAlert v-if="cmpPick==='WAlert'"></AppZoneWAlert>
+                <AppZoneWDialog v-if="cmpPick==='WDialog'"></AppZoneWDialog>
 
-            <AppZoneWDialog v-if="cmpPick==='WDialog'"></AppZoneWDialog>
+                <AppZoneWConfirm v-if="cmpPick==='WConfirm'"></AppZoneWConfirm>
 
-            <AppZoneWConfirm v-if="cmpPick==='WConfirm'"></AppZoneWConfirm>
+                <AppZoneWTooltip v-if="cmpPick==='WTooltip'"></AppZoneWTooltip>
 
-            <AppZoneWTooltip v-if="cmpPick==='WTooltip'"></AppZoneWTooltip>
+                <AppZoneWPopup v-if="cmpPick==='WPopup'"></AppZoneWPopup>
 
-            <AppZoneWPopup v-if="cmpPick==='WPopup'"></AppZoneWPopup>
+                <AppZoneWPopupEditText v-if="cmpPick==='WPopupEditText'"></AppZoneWPopupEditText>
 
-            <AppZoneWPopupEditText v-if="cmpPick==='WPopupEditText'"></AppZoneWPopupEditText>
+                <AppZoneWDrawer v-if="cmpPick==='WDrawer'"></AppZoneWDrawer>
 
-            <AppZoneWDrawer v-if="cmpPick==='WDrawer'"></AppZoneWDrawer>
+                <AppZoneWGroupTags v-if="cmpPick==='WGroupTags'"></AppZoneWGroupTags>
 
-            <AppZoneWGroupTags v-if="cmpPick==='WGroupTags'"></AppZoneWGroupTags>
+                <AppZoneWGroupDragdrop v-if="cmpPick==='WGroupDragdrop'"></AppZoneWGroupDragdrop>
 
-            <AppZoneWGroupDragdrop v-if="cmpPick==='WGroupDragdrop'"></AppZoneWGroupDragdrop>
+                <AppZoneWGroupBaggage v-if="cmpPick==='WGroupBaggage'"></AppZoneWGroupBaggage>
 
-            <AppZoneWGroupBaggage v-if="cmpPick==='WGroupBaggage'"></AppZoneWGroupBaggage>
+                <AppZoneWListVertical v-if="cmpPick==='WListVertical'"></AppZoneWListVertical>
 
-            <AppZoneWListVertical v-if="cmpPick==='WListVertical'"></AppZoneWListVertical>
+                <AppZoneWListHorizontal v-if="cmpPick==='WListHorizontal'"></AppZoneWListHorizontal>
 
-            <AppZoneWListHorizontal v-if="cmpPick==='WListHorizontal'"></AppZoneWListHorizontal>
+                <AppZoneWInputRadio v-if="cmpPick==='WInputRadio'"></AppZoneWInputRadio>
 
-            <AppZoneWInputRadio v-if="cmpPick==='WInputRadio'"></AppZoneWInputRadio>
+                <AppZoneWInputCheckbox v-if="cmpPick==='WInputCheckbox'"></AppZoneWInputCheckbox>
 
-            <AppZoneWInputCheckbox v-if="cmpPick==='WInputCheckbox'"></AppZoneWInputCheckbox>
+                <AppZoneWListExpand v-if="cmpPick==='WListExpand'"></AppZoneWListExpand>
 
-            <AppZoneWListExpand v-if="cmpPick==='WListExpand'"></AppZoneWListExpand>
+                <AppZoneWListRadio v-if="cmpPick==='WListRadio'"></AppZoneWListRadio>
 
-            <AppZoneWListRadio v-if="cmpPick==='WListRadio'"></AppZoneWListRadio>
+                <AppZoneWListCheck v-if="cmpPick==='WListCheck'"></AppZoneWListCheck>
 
-            <AppZoneWListCheck v-if="cmpPick==='WListCheck'"></AppZoneWListCheck>
+                <AppZoneWGroupChipCheck v-if="cmpPick==='WGroupChipCheck'"></AppZoneWGroupChipCheck>
 
-            <AppZoneWGroupChipCheck v-if="cmpPick==='WGroupChipCheck'"></AppZoneWGroupChipCheck>
+                <AppZoneWGroupChipRadio v-if="cmpPick==='WGroupChipRadio'"></AppZoneWGroupChipRadio>
 
-            <AppZoneWGroupChipRadio v-if="cmpPick==='WGroupChipRadio'"></AppZoneWGroupChipRadio>
+                <AppZoneWGroupIconCheck v-if="cmpPick==='WGroupIconCheck'"></AppZoneWGroupIconCheck>
 
-            <AppZoneWGroupIconCheck v-if="cmpPick==='WGroupIconCheck'"></AppZoneWGroupIconCheck>
+                <AppZoneWGroupIconRadio v-if="cmpPick==='WGroupIconRadio'"></AppZoneWGroupIconRadio>
 
-            <AppZoneWGroupIconRadio v-if="cmpPick==='WGroupIconRadio'"></AppZoneWGroupIconRadio>
+                <AppZoneWText v-if="cmpPick==='WText'"></AppZoneWText>
 
-            <AppZoneWText v-if="cmpPick==='WText'"></AppZoneWText>
+                <AppZoneWTextInt v-if="cmpPick==='WTextInt'"></AppZoneWTextInt>
 
-            <AppZoneWTextInt v-if="cmpPick==='WTextInt'"></AppZoneWTextInt>
+                <AppZoneWTextarea v-if="cmpPick==='WTextarea'"></AppZoneWTextarea>
 
-            <AppZoneWTextarea v-if="cmpPick==='WTextarea'"></AppZoneWTextarea>
+                <AppZoneWTextSelect v-if="cmpPick==='WTextSelect'"></AppZoneWTextSelect>
 
-            <AppZoneWTextSelect v-if="cmpPick==='WTextSelect'"></AppZoneWTextSelect>
+                <AppZoneWTextSuggest v-if="cmpPick==='WTextSuggest'"></AppZoneWTextSuggest>
 
-            <AppZoneWTextSuggest v-if="cmpPick==='WTextSuggest'"></AppZoneWTextSuggest>
+                <AppZoneWTimeday v-if="cmpPick==='WTimeday'"></AppZoneWTimeday>
 
-            <AppZoneWTimeday v-if="cmpPick==='WTimeday'"></AppZoneWTimeday>
+                <AppZoneWTimeminute v-if="cmpPick==='WTimeminute'"></AppZoneWTimeminute>
 
-            <AppZoneWTimeminute v-if="cmpPick==='WTimeminute'"></AppZoneWTimeminute>
+                <AppZoneWTimedayRange v-if="cmpPick==='WTimedayRange'"></AppZoneWTimedayRange>
 
-            <AppZoneWTimedayRange v-if="cmpPick==='WTimedayRange'"></AppZoneWTimedayRange>
+                <AppZoneWTimeminuteRange v-if="cmpPick==='WTimeminuteRange'"></AppZoneWTimeminuteRange>
 
-            <AppZoneWTimeminuteRange v-if="cmpPick==='WTimeminuteRange'"></AppZoneWTimeminuteRange>
+                <AppZoneWDynamicList v-if="cmpPick==='WDynamicList'"></AppZoneWDynamicList>
 
-            <AppZoneWDynamicList v-if="cmpPick==='WDynamicList'"></AppZoneWDynamicList>
+                <AppZoneWSegmentsVertical v-if="cmpPick==='WSegmentsVertical'"></AppZoneWSegmentsVertical>
 
-            <AppZoneWSegmentsVertical v-if="cmpPick==='WSegmentsVertical'"></AppZoneWSegmentsVertical>
+                <AppZoneWJsonView v-if="cmpPick==='WJsonView'"></AppZoneWJsonView>
 
-            <AppZoneWJsonView v-if="cmpPick==='WJsonView'"></AppZoneWJsonView>
+                <AppZoneWTree v-if="cmpPick==='WTree'"></AppZoneWTree>
 
-            <AppZoneWTree v-if="cmpPick==='WTree'"></AppZoneWTree>
+                <AppZoneWHighchartsVueDyn v-if="cmpPick==='WHighchartsVueDyn'"></AppZoneWHighchartsVueDyn>
 
-            <AppZoneWHighchartsVueDyn v-if="cmpPick==='WHighchartsVueDyn'"></AppZoneWHighchartsVueDyn>
+                <AppZoneWHighchartsBitmapDyn v-if="cmpPick==='WHighchartsBitmapDyn'"></AppZoneWHighchartsBitmapDyn>
 
-            <AppZoneWHighchartsBitmapDyn v-if="cmpPick==='WHighchartsBitmapDyn'"></AppZoneWHighchartsBitmapDyn>
+                <AppZoneWHighstockVueDyn v-if="cmpPick==='WHighstockVueDyn'"></AppZoneWHighstockVueDyn>
 
-            <AppZoneWHighstockVueDyn v-if="cmpPick==='WHighstockVueDyn'"></AppZoneWHighstockVueDyn>
+                <AppZoneWEchartsVueDyn v-if="cmpPick==='WEchartsVueDyn'"></AppZoneWEchartsVueDyn>
 
-            <AppZoneWEchartsVueDyn v-if="cmpPick==='WEchartsVueDyn'"></AppZoneWEchartsVueDyn>
+                <AppZoneWThreejsVueDyn v-if="cmpPick==='WThreejsVueDyn'"></AppZoneWThreejsVueDyn>
 
-            <AppZoneWThreejsVueDyn v-if="cmpPick==='WThreejsVueDyn'"></AppZoneWThreejsVueDyn>
+                <AppZoneWAggridVueDyn v-if="cmpPick==='WAggridVueDyn'"></AppZoneWAggridVueDyn>
 
-            <AppZoneWAggridVueDyn v-if="cmpPick==='WAggridVueDyn'"></AppZoneWAggridVueDyn>
+                <AppZoneWTableDyn v-if="cmpPick==='WTableDyn'"></AppZoneWTableDyn>
 
-            <AppZoneWTableDyn v-if="cmpPick==='WTableDyn'"></AppZoneWTableDyn>
+                <AppZoneWImageViewerDyn v-if="cmpPick==='WImageViewerDyn'"></AppZoneWImageViewerDyn>
 
-            <AppZoneWImageViewerDyn v-if="cmpPick==='WImageViewerDyn'"></AppZoneWImageViewerDyn>
+                <AppZoneWImageCascadingDyn v-if="cmpPick==='WImageCascadingDyn'"></AppZoneWImageCascadingDyn>
 
-            <AppZoneWImageCascadingDyn v-if="cmpPick==='WImageCascadingDyn'"></AppZoneWImageCascadingDyn>
+                <AppZoneWCkeditorVueDyn v-if="cmpPick==='WCkeditorVueDyn'"></AppZoneWCkeditorVueDyn>
 
-            <AppZoneWCkeditorVueDyn v-if="cmpPick==='WCkeditorVueDyn'"></AppZoneWCkeditorVueDyn>
+                <AppZoneWTinymceVueDyn v-if="cmpPick==='WTinymceVueDyn'"></AppZoneWTinymceVueDyn>
 
-            <AppZoneWTinymceVueDyn v-if="cmpPick==='WTinymceVueDyn'"></AppZoneWTinymceVueDyn>
+                <AppZoneWQuillVueDyn v-if="cmpPick==='WQuillVueDyn'"></AppZoneWQuillVueDyn>
 
-            <AppZoneWQuillVueDyn v-if="cmpPick==='WQuillVueDyn'"></AppZoneWQuillVueDyn>
+                <AppZoneWVditorDyn v-if="cmpPick==='WVditorDyn'"></AppZoneWVditorDyn>
 
-            <AppZoneWVditorDyn v-if="cmpPick==='WVditorDyn'"></AppZoneWVditorDyn>
+                <AppZoneWLeafletVueDyn v-if="cmpPick==='WLeafletVueDyn'"></AppZoneWLeafletVueDyn>
 
-            <AppZoneWLeafletVueDyn v-if="cmpPick==='WLeafletVueDyn'"></AppZoneWLeafletVueDyn>
+                <AppZoneWExplorer v-if="cmpPick==='WExplorer'"></AppZoneWExplorer>
 
-            <AppZoneWExplorer v-if="cmpPick==='WExplorer'"></AppZoneWExplorer>
+                <AppZoneWColorPickHexagon v-if="cmpPick==='WColorPickHexagon'"></AppZoneWColorPickHexagon>
 
-            <AppZoneWColorPickHexagon v-if="cmpPick==='WColorPickHexagon'"></AppZoneWColorPickHexagon>
+                <AppZoneWColorPickHexagonGray v-if="cmpPick==='WColorPickHexagonGray'"></AppZoneWColorPickHexagonGray>
 
-            <AppZoneWColorPickHexagonGray v-if="cmpPick==='WColorPickHexagonGray'"></AppZoneWColorPickHexagonGray>
+                <AppZoneWColorPickHsv v-if="cmpPick==='WColorPickHsv'"></AppZoneWColorPickHsv>
 
-            <AppZoneWColorPickHsv v-if="cmpPick==='WColorPickHsv'"></AppZoneWColorPickHsv>
+                <AppZoneWColorPickHue v-if="cmpPick==='WColorPickHue'"></AppZoneWColorPickHue>
 
-            <AppZoneWColorPickHue v-if="cmpPick==='WColorPickHue'"></AppZoneWColorPickHue>
+                <AppZoneWColorPickAlpha v-if="cmpPick==='WColorPickAlpha'"></AppZoneWColorPickAlpha>
 
-            <AppZoneWColorPickAlpha v-if="cmpPick==='WColorPickAlpha'"></AppZoneWColorPickAlpha>
+                <AppZoneWColorPickStripe v-if="cmpPick==='WColorPickStripe'"></AppZoneWColorPickStripe>
 
-            <AppZoneWColorPickStripe v-if="cmpPick==='WColorPickStripe'"></AppZoneWColorPickStripe>
+                <AppZoneWColorSelectPanelBlock v-if="cmpPick==='WColorSelectPanelBlock'"></AppZoneWColorSelectPanelBlock>
 
-            <AppZoneWColorSelectPanelBlock v-if="cmpPick==='WColorSelectPanelBlock'"></AppZoneWColorSelectPanelBlock>
+                <AppZoneWColorSelectPanelHsva v-if="cmpPick==='WColorSelectPanelHsva'"></AppZoneWColorSelectPanelHsva>
 
-            <AppZoneWColorSelectPanelHsva v-if="cmpPick==='WColorSelectPanelHsva'"></AppZoneWColorSelectPanelHsva>
+                <AppZoneWColorSelectPanel v-if="cmpPick==='WColorSelectPanel'"></AppZoneWColorSelectPanel>
 
-            <AppZoneWColorSelectPanel v-if="cmpPick==='WColorSelectPanel'"></AppZoneWColorSelectPanel>
+                <AppZoneWColorSelectInput v-if="cmpPick==='WColorSelectInput'"></AppZoneWColorSelectInput>
 
-            <AppZoneWColorSelectInput v-if="cmpPick==='WColorSelectInput'"></AppZoneWColorSelectInput>
+                <AppZoneWColorSelect v-if="cmpPick==='WColorSelect'"></AppZoneWColorSelect>
 
-            <AppZoneWColorSelect v-if="cmpPick==='WColorSelect'"></AppZoneWColorSelect>
 
+            </div>
 
         </div>
 
-
     </v-app>
 </template>
 
@@ -770,10 +773,13 @@ export default {
 </script>
 
 <style>
+html,
+body {
+    font-family: '微軟正黑體', 'Microsoft JhengHei', 'MicrosoftJhengHeiRegular', 'Avenir', Helvetica, Arial, sans-serif;
+    overflow-y: hidden;
+}
+
 .v-application--wrap {
-    /* width與max-width fix for IE11, 其外不能使用padding或margin避免失效 */
-    width: 100vw !important;
-    max-width: 100vw !important;
     font-family: inherit;
     background: #fff;
 }