w-component-vue 2.3.42 → 2.3.44

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 Wed Oct 25 2023 23:13:33 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 Thu Oct 26 2023 22:56:57 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 Wed Oct 25 2023 23:13:33 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 Thu Oct 26 2023 22:56:57 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 Wed Oct 25 2023 23:13:33 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 Thu Oct 26 2023 22:56:57 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 Wed Oct 25 2023 23:13:33 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 Thu Oct 26 2023 22:56:57 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 Wed Oct 25 2023 23:13:33 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 Thu Oct 26 2023 22:56:57 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 Wed Oct 25 2023 23:13:33 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 Thu Oct 26 2023 22:56:57 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 Wed Oct 25 2023 23:13:33 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 Thu Oct 26 2023 22:56:57 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 Wed Oct 25 2023 23:13:33 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 Thu Oct 26 2023 22:56:57 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 Wed Oct 25 2023 23:13:33 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 Thu Oct 26 2023 22:56:57 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 Wed Oct 25 2023 23:13:33 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 Thu Oct 26 2023 22:56:57 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 Wed Oct 25 2023 23:13:33 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 Thu Oct 26 2023 22:56:57 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 Wed Oct 25 2023 23:13:33 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 Thu Oct 26 2023 22:56:57 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 Wed Oct 25 2023 23:13:33 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 Thu Oct 26 2023 22:56:57 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 Wed Oct 25 2023 23:13:33 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 Thu Oct 26 2023 22:56:57 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 Wed Oct 25 2023 23:13:33 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 Thu Oct 26 2023 22:56:57 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 Wed Oct 25 2023 23:13:33 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 Thu Oct 26 2023 22:56:57 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 Wed Oct 25 2023 23:13:33 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 Thu Oct 26 2023 22:56:57 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 Wed Oct 25 2023 23:13:33 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 Thu Oct 26 2023 22:56:57 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 Wed Oct 25 2023 23:13:33 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 Thu Oct 26 2023 22:56:57 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 Wed Oct 25 2023 23:13:33 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 Thu Oct 26 2023 22:56:57 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 Wed Oct 25 2023 23:13:33 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 Thu Oct 26 2023 22:56:57 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 Wed Oct 25 2023 23:13:33 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 Thu Oct 26 2023 22:56:57 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.42",
+  "version": "2.3.44",
   "main": "dist/w-component-vue.umd.js",
   "dependencies": {
     "@mdi/js": "^7.2.96",

package/src/AppZoneWIcon.vue

@@ -34,19 +34,6 @@
             </div>
 
 
-            <div class="bk">
-                <demolink
-                    :kbname="'w-icon'"
-                    :casename="'icon (fontawesome2)'"
-                ></demolink>
-
-                <w-icon
-                    :icon="'fab fa-angular'"
-                ></w-icon>
-
-            </div>
-
-
             <div class="bk">
                 <demolink
                     :kbname="'w-icon'"

package/src/AppZoneWListExpand.vue

@@ -126,6 +126,42 @@
             </div>
 
 
+            <div class="bk">
+                <demolink
+                    :kbname="'w-list-expand'"
+                    :casename="'string items & slot item-content'"
+                ></demolink>
+
+                <div style="display:inline-block; border:1px dashed #ddd;">
+                    <w-list-expand
+                        style="height:400px; width:250px;"
+                        :items="WListExpand.itemsString"
+                        :itemActive.sync="WListExpand.itemsStringActive"
+                    >
+
+                        <template v-slot:item-content="props">
+                            <!-- 使用多層border-left會有無渲染間距, 導致看起來有白線, 暫時使用align-items:stretch呈現 -->
+                            <div style="display:flex; align-items:stretch; border-bottom:1px solid #eee;">
+
+                                <div style="padding-left:10px; background:#FFE0B2;">
+                                </div>
+
+                                <div style="padding-left:1px; background:#FFB74D;">
+                                </div>
+
+                                <div style="padding:10px; font-size:0.7rem; background:rgba(255, 243, 224, 0.2);">
+                                    {{props}}
+                                </div>
+
+                            </div>
+                        </template>
+
+                    </w-list-expand>
+                </div>
+
+            </div>
+
+
             <div class="bk">
                 <demolink
                     :kbname="'w-list-expand'"
@@ -325,6 +361,15 @@ export default {
             mdiPencilOutline,
             mdiLightbulbOnOutline,
             'WListExpand': {
+                'itemsString': [
+                    'Real-Time',
+                    'Audience',
+                    'Conversions',
+                    'Management',
+                    'Settings',
+                    'Actions',
+                ],
+                'itemsStringActive': 'Real-Time',
                 'itemsObj': [
                     {
                         text: 'Real-Time',

package/src/AppZoneWListHorizontal.vue

@@ -161,6 +161,20 @@
                     :casename="'string items'"
                 ></demolink>
 
+                <w-list-horizontal
+                    :items="WListHorizontal.itemsString"
+                >
+                </w-list-horizontal>
+
+            </div>
+
+
+            <div class="bk">
+                <demolink
+                    :kbname="'w-list-horizontal'"
+                    :casename="'string items & itemActive'"
+                ></demolink>
+
                 <w-list-horizontal
                     :items="WListHorizontal.itemsString"
                     :itemActive.sync="WListHorizontal.itemsStringActive"
@@ -393,6 +407,7 @@ export default {
                     'Settings',
                     'Actions',
                 ],
+                'itemsStringActive': 'Real-Time',
                 'itemsObj': [
                     {
                         text: 'Real-Time',
@@ -539,7 +554,6 @@ export default {
                         editable: true,
                     },
                 ],
-                'itemsStringActive': 'Real-Time',
                 'itemActive': {
                     text: 'Audience',
                     icon: mdiBookMusicOutline,

package/src/AppZoneWListVertical.vue

@@ -103,13 +103,14 @@
             <div class="bk">
                 <demolink
                     :kbname="'w-list-vertical'"
-                    :casename="'string items'"
+                    :casename="'itemActive'"
                 ></demolink>
 
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-vertical
                         style="height:400px; width:250px;"
-                        :items="WListVertical.itemsString"
+                        :items="WListVertical.itemsObj"
+                        :itemActive.sync="WListVertical.itemActive"
                     >
                     </w-list-vertical>
                 </div>
@@ -120,14 +121,13 @@
             <div class="bk">
                 <demolink
                     :kbname="'w-list-vertical'"
-                    :casename="'itemActive'"
+                    :casename="'string items'"
                 ></demolink>
 
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-vertical
                         style="height:400px; width:250px;"
-                        :items="WListVertical.itemsObj"
-                        :itemActive.sync="WListVertical.itemActive"
+                        :items="WListVertical.itemsString"
                     >
                     </w-list-vertical>
                 </div>
@@ -135,6 +135,22 @@
             </div>
 
 
+            <div class="bk">
+                <demolink
+                    :kbname="'w-list-vertical'"
+                    :casename="'string items & itemActive'"
+                ></demolink>
+
+                <w-list-vertical
+                    style="height:400px; width:250px;"
+                    :items="WListVertical.itemsString"
+                    :itemActive.sync="WListVertical.itemsStringActive"
+                >
+                </w-list-vertical>
+
+            </div>
+
+
             <div class="bk">
                 <demolink
                     :kbname="'w-list-vertical'"
@@ -412,6 +428,7 @@ export default {
                     'Settings',
                     'Actions',
                 ],
+                'itemsStringActive': 'Real-Time',
                 'itemsObj': [
                     {
                         text: 'Real-Time',

package/src/components/WButtonChip.vue

@@ -49,6 +49,7 @@
                                                 :style="`margin-left:-6px; margin-right:${hasText?5:-6}px;`"
                                                 :icon="icon"
                                                 :color="useIconColor"
+                                                :colorHover="useIconColor"
                                                 :size="iconSize"
                                                 v-if="hasIcon"
                                             ></WIcon>
@@ -75,6 +76,7 @@
                                     <WIcon
                                         :icon="mdiCloseCircle"
                                         :color="useIconColor"
+                                        :colorHover="useIconColor"
                                         :size="iconSize"
                                     ></WIcon>
                                 </div>

package/src/components/WButtonCircle.vue

@@ -35,6 +35,7 @@
                         <WIcon
                             :icon="icon"
                             :color="useIconColor"
+                            :colorHover="useIconColor"
                             :size="iconSize"
                             v-if="!loadingTrans"
                         ></WIcon>

package/src/components/WCheckbox.vue

@@ -13,12 +13,14 @@
             <WIcon
                 :icon="checkedIcon"
                 :color="useCheckedIconColor"
+                :colorHover="useCheckedIconColor"
                 :size="iconSize"
                 v-if="b"
             ></WIcon>
             <WIcon
                 :icon="uncheckedIcon"
                 :color="useUncheckedIconColor"
+                :colorHover="useUncheckedIconColor"
                 :size="iconSize"
                 v-else
             ></WIcon>

package/src/components/WConfirm.vue

@@ -30,6 +30,7 @@
                                 :icon="contentIcon"
                                 :size="contentIconSize"
                                 :color="contentIconColor"
+                                :colorHover="contentIconColor"
                             ></WIcon>
                         </div>
 

package/src/components/WDialog.vue

@@ -105,6 +105,7 @@
                                             <WIcon
                                                 :icon="useHeaderIcon"
                                                 :color="headerIconColor"
+                                                :colorHover="headerIconColor"
                                             ></WIcon>
 
                                         </div>

package/src/components/WExplorer.vue

@@ -131,6 +131,7 @@
                                     <WIcon
                                         :icon="treeFolderIcon"
                                         :color="getTreeFolderIconColor(props)"
+                                        :colorHover="getTreeFolderIconColor(props)"
                                         :size="treeFolderIconSize"
                                     ></WIcon>
                                 </div>
@@ -228,6 +229,7 @@
                                         <WIcon
                                             :icon="pathSepIcon"
                                             :color="pathSepIconColor"
+                                            :colorHover="pathSepIconColor"
                                             :size="pathSepIconSize"
                                         ></WIcon>
 
@@ -323,6 +325,7 @@
                                                     <WIcon
                                                         :icon="props.item.icon"
                                                         :color="getListItemIconColor(props)"
+                                                        :colorHover="getListItemIconColor(props)"
                                                         :size="listItemIconSize"
                                                     ></WIcon>
                                                 </div>

package/src/components/WListExpand.vue

@@ -53,7 +53,7 @@
                         >
                             <slot
                                 name="item-header"
-                                :item="{...item,...props}"
+                                :item="getSlotItem(item,props)"
                             >
                             </slot>
                         </template>
@@ -63,7 +63,7 @@
                         >
                             <slot
                                 name="item-content"
-                                :item="{...item,...props}"
+                                :item="getSlotItem(item,props)"
                             >
                                 <div style="padding:10px; font-size:0.9rem;">
                                     {{getDsp(item)}}
@@ -357,19 +357,22 @@ export default {
             function add() {
                 if (vo.activeMode === 'one') {
                     itemActiveTemp = item
+                    // console.log('add0 itemActiveTemp', itemActiveTemp)
                 }
                 else if (vo.activeMode === 'multi') {
-                    // console.log('add itemActiveTemp', itemActiveTemp)
+                    // console.log('add1 itemActiveTemp', itemActiveTemp)
                     itemActiveTemp.push(cloneDeep(item))
+                    // console.log('add2 itemActiveTemp', cloneDeep(item))
                 }
             }
 
             function remove() {
                 if (vo.activeMode === 'one') {
                     itemActiveTemp = null
+                    // console.log('remove0 itemActiveTemp', itemActiveTemp)
                 }
                 else if (vo.activeMode === 'multi') {
-                    // console.log('remove itemActiveTemp 1', cloneDeep(itemActiveTemp), cloneDeep(item))
+                    // console.log('remove1 itemActiveTemp', cloneDeep(itemActiveTemp), cloneDeep(item))
                     let ts = []
                     each(itemActiveTemp, (v) => {
                         if (!isEqual(item, v)) {
@@ -377,7 +380,7 @@ export default {
                         }
                     })
                     itemActiveTemp = ts
-                    // console.log('remove itemActiveTemp 2', cloneDeep(itemActiveTemp), cloneDeep(item))
+                    // console.log('remove2 itemActiveTemp', cloneDeep(itemActiveTemp), cloneDeep(item))
                 }
             }
 
@@ -391,21 +394,44 @@ export default {
                 // console.log('目前顯示, 點擊得隱藏')
                 remove()
             }
-            // console.log('itemActiveTemp', cloneDeep(itemActiveTemp))
 
             //update
             vo.itemActiveTrans = itemActiveTemp
+            // console.log('itemActiveTemp', cloneDeep(itemActiveTemp))
 
             //nextTick
             vo.$nextTick(() => {
 
                 //emit
                 vo.$emit('update:itemActive', cloneDeep(itemActiveTemp))
+                // console.log('itemActive', cloneDeep(itemActiveTemp))
 
             })
 
         },
 
+        getSlotItem(item, props) {
+            // console.log('methods getSlotItem', item, props)
+
+            let vo = this
+
+            let msg = null
+            if (vo.isObjValue) {
+                msg = {
+                    ...item,
+                    ...props,
+                }
+            }
+            else {
+                msg = {
+                    item,
+                    ...props,
+                }
+            }
+
+            return msg
+        },
+
         ckItem: function(item) {
             // console.log('methods ckItem', item)
 

package/src/components/WListExpandItem.vue

@@ -18,6 +18,7 @@
                         <WIcon
                             :icon="expansionIcon"
                             :color="useExpansionIconColor"
+                            :colorHover="useExpansionIconColor"
                             :size="expansionIconSize"
                         ></WIcon>
                     </div>
@@ -33,6 +34,7 @@
                         style="margin-right:8px;"
                         :icon="icon"
                         :color="useIconColor"
+                        :colorHover="useIconColor"
                         :size="iconSize"
                         v-if="hasIcon"
                     ></WIcon>