w-component-vue 2.3.24 → 2.3.26

package/docs/module-WSwitch.html

@@ -407,7 +407,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Mon Aug 07 2023 23:41:44 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 Aug 08 2023 16:36:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTableDyn.html

@@ -1243,7 +1243,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Mon Aug 07 2023 23:41:44 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 Aug 08 2023 16:36:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WText.html

@@ -647,7 +647,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Mon Aug 07 2023 23:41:44 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 Aug 08 2023 16:36:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextCore.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 Mon Aug 07 2023 23:41:44 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 Aug 08 2023 16:36:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextInt.html

@@ -551,7 +551,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Mon Aug 07 2023 23:41:44 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 Aug 08 2023 16:36:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextIntCore.html

@@ -359,7 +359,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Mon Aug 07 2023 23:41:44 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 Aug 08 2023 16:36:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextSelect.html

@@ -731,7 +731,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Mon Aug 07 2023 23:41:44 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 Aug 08 2023 16:36:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextSuggest.html

@@ -791,7 +791,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Mon Aug 07 2023 23:41:44 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 Aug 08 2023 16:36:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextSuggestCore.html

@@ -563,7 +563,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Mon Aug 07 2023 23:41:44 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 Aug 08 2023 16:36:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextarea.html

@@ -647,7 +647,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Mon Aug 07 2023 23:41:44 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 Aug 08 2023 16:36:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextareaCore.html

@@ -287,7 +287,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Mon Aug 07 2023 23:41:44 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 Aug 08 2023 16:36:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeday.html

@@ -479,7 +479,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Mon Aug 07 2023 23:41:44 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 Aug 08 2023 16:36:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimedayCore.html

@@ -263,7 +263,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Mon Aug 07 2023 23:41:44 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 Aug 08 2023 16:36:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimedayRange.html

@@ -503,7 +503,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Mon Aug 07 2023 23:41:44 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 Aug 08 2023 16:36:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimedayRangeCore.html

@@ -287,7 +287,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Mon Aug 07 2023 23:41:44 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 Aug 08 2023 16:36:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminute.html

@@ -563,7 +563,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Mon Aug 07 2023 23:41:44 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 Aug 08 2023 16:36:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminuteCore.html

@@ -347,7 +347,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Mon Aug 07 2023 23:41:44 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 Aug 08 2023 16:36:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminuteRange.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 Mon Aug 07 2023 23:41:44 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 Aug 08 2023 16:36:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminuteRangeCore.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 Mon Aug 07 2023 23:41:44 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 Aug 08 2023 16:36:34 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 Mon Aug 07 2023 23:41:44 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 Aug 08 2023 16:36:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTooltip.html

@@ -431,7 +431,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Mon Aug 07 2023 23:41:44 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 Aug 08 2023 16:36:34 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 Mon Aug 07 2023 23:41:44 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 Aug 08 2023 16:36:34 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 Mon Aug 07 2023 23:41:44 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 Aug 08 2023 16:36:34 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 Mon Aug 07 2023 23:41:44 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 Aug 08 2023 16:36:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/vuetifyColor.mjs.html

@@ -147,7 +147,7 @@ export default color2hex
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Mon Aug 07 2023 23:41:44 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 Aug 08 2023 16:36:34 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "w-component-vue",
-  "version": "2.3.24",
+  "version": "2.3.26",
   "main": "dist/w-component-vue.umd.js",
   "dependencies": {
     "@mdi/js": "^7.2.96",

package/src/AppZoneWListCheck.vue

@@ -16,7 +16,7 @@
 
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-check
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListCheck.itemsObj"
                         v-model="WListCheck.itemsObjChecks"
                     >
@@ -34,7 +34,7 @@
 
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-check
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListCheck.itemsString"
                         v-model="WListCheck.itemsStringChecks"
                     >
@@ -52,7 +52,7 @@
 
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-check
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListCheck.itemsObj"
                         v-model="WListCheck.itemsObjChecks"
                         :paddingStyle="{v:5,h:6}"
@@ -72,7 +72,7 @@
 
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-check
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListCheck.itemsObjForKey"
                         v-model="WListCheck.itemsObjForKeyChecks"
                         :keyText="'name'"
@@ -84,6 +84,28 @@
             </div>
 
 
+            <div class="bk">
+                <demolink
+                    :kbname="'w-list-check'"
+                    :casename="'keyPickForObjItem'"
+                ></demolink>
+
+                <div style="display:inline-block; border:1px dashed #ddd;">
+                    <w-list-check
+                        style="height:300px; width:250px;"
+                        :items="WListCheck.itemsObj"
+                        v-model="WListCheck.itemsObjChecksPick"
+                        :keyPickForObjItem="'text'"
+                    >
+                    </w-list-check>
+                </div>
+                <div style="width:250px; font-size:0.7rem; word-break:break-all;">
+                    selects: {{JSON.stringify(WListCheck.itemsObjChecksPick)}}
+                </div>
+
+            </div>
+
+
             <div class="bk">
                 <demolink
                     :kbname="'w-list-check'"
@@ -92,7 +114,7 @@
 
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-check
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListCheck.itemsObjForNoEditable"
                         v-model="WListCheck.itemsObjForNoEditableChecks"
                     >
@@ -110,7 +132,7 @@
 
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-check
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListCheck.itemsObjForNoEditable"
                         v-model="WListCheck.itemsObjForNoEditableChecks"
                         :itemDisabledColor="'rgba(230,230,230,0.4)'"
@@ -129,7 +151,7 @@
 
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-check
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListCheck.itemsObjForNoEditable"
                         v-model="WListCheck.itemsObjForNoEditableChecks"
                         :itemTextColorDisabled="'#aaa'"
@@ -150,7 +172,7 @@
 
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-check
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListCheck.itemsObj"
                         v-model="WListCheck.itemsObjChecks"
                         :itemTextColor="'#666'"
@@ -177,7 +199,7 @@
 
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-check
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListCheck.itemsObj"
                         v-model="WListCheck.itemsObjChecks"
                         :itemCheckIconIconSize="20"
@@ -198,7 +220,7 @@
 
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-check
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListCheck.itemsObj"
                         v-model="WListCheck.itemsObjChecks"
                         :itemRippleColor="'rgba(21, 101, 192, 0.4)'"
@@ -217,7 +239,7 @@
 
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-check
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListCheck.itemsObjForNoEditable"
                         v-model="WListCheck.itemsObjForNoEditableChecks"
                         :itemCheckIconCheckedIconColorDisabled="'#B0BEC5'"
@@ -237,7 +259,7 @@
 
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-check
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListCheck.itemsObj"
                         v-model="WListCheck.itemsObjChecks"
                         :itemCheckIconCheckedIcon="mdiCheckboxMultipleMarked"
@@ -257,7 +279,7 @@
 
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-check
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListCheck.itemsObj"
                         v-model="WListCheck.itemsObjChecks"
                         :itemCheckIconCheckedIconColor="'#90A4AE'"
@@ -281,7 +303,7 @@
 
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-check
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListCheck.itemsObj"
                         v-model="WListCheck.itemsObjChecks"
                         :enableQuery="true"
@@ -300,7 +322,7 @@
 
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-check
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListCheck.itemsObj"
                         v-model="WListCheck.itemsObjChecks"
                         :itemBackgroundColorActive="'#444'"
@@ -356,7 +378,7 @@
 
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-check
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListCheck.itemsObj"
                         v-model="WListCheck.itemsObjChecks"
                         :enableQuery="true"
@@ -404,7 +426,7 @@
 
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-check
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListCheck.itemsObj"
                         v-model="WListCheck.itemsObjChecks"
                         :enableQuery="true"
@@ -428,7 +450,7 @@
 
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-check
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListCheck.itemsObj"
                         v-model="WListCheck.itemsObjChecks"
                         :enableQuery="true"
@@ -449,7 +471,7 @@
 
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-check
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListCheck.itemsObj"
                         v-model="WListCheck.itemsObjChecks"
                         :enableQuery="true"
@@ -482,7 +504,7 @@
 
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-check
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListCheck.itemsObj"
                         v-model="WListCheck.itemsObjChecks"
                     >
@@ -515,7 +537,7 @@
 
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-check
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListCheck.itemsObj"
                         v-model="WListCheck.itemsObjChecks"
                     >
@@ -539,7 +561,7 @@
 
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-check
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListCheck.itemsObjLarge"
                         v-model="WListCheck.itemsObjLargeChecks"
                     >
@@ -642,6 +664,10 @@ export default {
                         type: 'Primary',
                     },
                 ],
+                'itemsObjChecksPick': [
+                    'Audience',
+                    'Actions',
+                ],
                 'itemsObjLarge': [
                     {
                         text: 'Real-Time-1',

package/src/AppZoneWListHorizontal.vue

@@ -312,7 +312,7 @@
             <div class="bk">
                 <demolink
                     :kbname="'w-list-horizontal'"
-                    :casename="'slot item-content'"
+                    :casename="'slot item'"
                 ></demolink>
 
                 <w-list-horizontal
@@ -320,7 +320,7 @@
                     :itemActive.sync="WListHorizontal.itemActive"
                     :itemRippleColor="'rgba(200, 200, 200, 0.3)'"
                 >
-                    <template v-slot:item-content="props">
+                    <template v-slot:item="props">
                         <div style="display:flex; align-items:center;">
 
                             <div style="padding:8px 7px 0px 0px;">