npm - w-component-vue - Versions diffs - 2.3.25 → 2.3.27 - Mend

w-component-vue 2.3.25 → 2.3.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1250) hide show

package/src/AppZoneWListCheck.vue CHANGED Viewed

@@ -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/AppZoneWListRadio.vue CHANGED Viewed

@@ -16,7 +16,7 @@
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-radio
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListRadio.itemsObj"
                         v-model="WListRadio.itemsObjCheck"
                     >
@@ -34,7 +34,7 @@
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-radio
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListRadio.itemsString"
                         v-model="WListRadio.itemsStringCheck"
                     >
@@ -52,7 +52,7 @@
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-radio
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListRadio.itemsObj"
                         v-model="WListRadio.itemsObjCheck"
                         :paddingStyle="{v:5,h:6}"
@@ -72,8 +72,7 @@
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-radio
-                        style="height:400px; width:250px;"
-                        :multiCheck="false"
+                        style="height:300px; width:250px;"
                         :items="WListRadio.itemsObjForKey"
                         v-model="WListRadio.itemsObjForKeyCheck"
                         :keyText="'name'"
@@ -85,6 +84,28 @@
             </div>
+            <div class="bk">
+                <demolink
+                    :kbname="'w-list-radio'"
+                    :casename="'keyPickForObjItem'"
+                ></demolink>
+                <div style="display:inline-block; border:1px dashed #ddd;">
+                    <w-list-radio
+                        style="height:300px; width:250px;"
+                        :items="WListRadio.itemsObj"
+                        v-model="WListRadio.itemsObjCheckPick"
+                        :keyPickForObjItem="'text'"
+                    >
+                    </w-list-radio>
+                </div>
+                <div style="width:250px; font-size:0.7rem; word-break:break-all;">
+                    selects: {{JSON.stringify(WListRadio.itemsObjCheckPick)}}
+                </div>
+            </div>
             <div class="bk">
                 <demolink
                     :kbname="'w-list-radio'"
@@ -93,7 +114,7 @@
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-radio
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListRadio.itemsObjForNoEditable"
                         v-model="WListRadio.itemsObjForNoEditableCheck"
                     >
@@ -111,7 +132,7 @@
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-radio
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListRadio.itemsObjForNoEditable"
                         v-model="WListRadio.itemsObjForNoEditableCheck"
                         :itemDisabledColor="'rgba(230,230,230,0.4)'"
@@ -130,7 +151,7 @@
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-radio
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListRadio.itemsObjForNoEditable"
                         v-model="WListRadio.itemsObjForNoEditableCheck"
                         :itemTextColorDisabled="'#aaa'"
@@ -151,7 +172,7 @@
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-radio
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListRadio.itemsObj"
                         v-model="WListRadio.itemsObjCheck"
                         :itemTextColor="'#666'"
@@ -178,7 +199,7 @@
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-radio
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListRadio.itemsObj"
                         v-model="WListRadio.itemsObjCheck"
                         :itemCheckIconIconSize="20"
@@ -199,7 +220,7 @@
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-radio
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListRadio.itemsObj"
                         v-model="WListRadio.itemsObjCheck"
                         :itemRippleColor="'rgba(21, 101, 192, 0.4)'"
@@ -218,7 +239,7 @@
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-radio
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListRadio.itemsObjForNoEditable"
                         v-model="WListRadio.itemsObjForNoEditableCheck"
                         :itemCheckIconCheckedIconColorDisabled="'#B0BEC5'"
@@ -238,7 +259,7 @@
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-radio
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListRadio.itemsObj"
                         v-model="WListRadio.itemsObjCheck"
                         :itemCheckIconCheckedIcon="mdiCheckboxMultipleMarkedCircle"
@@ -258,7 +279,7 @@
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-radio
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListRadio.itemsObj"
                         v-model="WListRadio.itemsObjCheck"
                         :itemCheckIconCheckedIconColor="'#90A4AE'"
@@ -282,7 +303,7 @@
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-radio
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListRadio.itemsObj"
                         v-model="WListRadio.itemsObjCheck"
                         :enableQuery="true"
@@ -301,7 +322,7 @@
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-radio
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListRadio.itemsObj"
                         v-model="WListRadio.itemsObjCheck"
                         :itemBackgroundColorActive="'#444'"
@@ -357,7 +378,7 @@
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-radio
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListRadio.itemsObj"
                         v-model="WListRadio.itemsObjCheck"
                         :enableQuery="true"
@@ -405,7 +426,7 @@
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-radio
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListRadio.itemsObj"
                         v-model="WListRadio.itemsObjCheck"
                         :enableQuery="true"
@@ -429,7 +450,7 @@
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-radio
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListRadio.itemsObj"
                         v-model="WListRadio.itemsObjCheck"
                         :enableQuery="true"
@@ -450,7 +471,7 @@
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-radio
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListRadio.itemsObj"
                         v-model="WListRadio.itemsObjCheck"
                         :enableQuery="true"
@@ -483,7 +504,7 @@
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-radio
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListRadio.itemsObj"
                         v-model="WListRadio.itemsObjCheck"
                     >
@@ -516,7 +537,7 @@
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-radio
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListRadio.itemsObj"
                         v-model="WListRadio.itemsObjCheck"
                     >
@@ -540,7 +561,7 @@
                 <div style="display:inline-block; border:1px dashed #ddd;">
                     <w-list-radio
-                        style="height:400px; width:250px;"
+                        style="height:300px; width:250px;"
                         :items="WListRadio.itemsObjLarge"
                         v-model="WListRadio.itemsObjLargeCheck"
                     >
@@ -636,6 +657,7 @@ export default {
                     icon: mdiBookMusicOutline,
                     type: 'Default',
                 },
+                'itemsObjCheckPick': 'Audience',
                 'itemsObjLarge': [
                     {
                         text: 'Real-Time-1',

package/src/components/WListRadio.vue CHANGED Viewed

@@ -3,14 +3,29 @@
         v-bind="{...$props,multiCheck:false}"
         v-on="$listeners"
     >
-        <template v-slot="props">
+        <template v-slot:header="">
+            <slot
+                name="header"
+            ></slot>
+        </template>
+        <template v-slot:item-content="props">
             <slot
+                name="item-content"
                 :item="props.item"
                 :kitem="props.kitem"
                 :isHover="props.isHover"
                 :isActive="props.isActive"
             ></slot>
         </template>
+        <template v-slot:footer="">
+            <slot
+                name="footer"
+            ></slot>
+        </template>
     </WListCheck>
 </template>

package/src/components/WTextSelect.vue CHANGED Viewed

@@ -120,11 +120,11 @@ import WTextSuggestCore from './WTextSuggestCore.vue'
  * @vue-prop {String} [textFontSize='0.85rem'] 輸入文字大小字串，預設'0.85rem'
  * @vue-prop {String} [textColor='black'] 輸入文字顏色字串，預設'black'
  * @vue-prop {String} [itemTextFontSize='0.8rem'] 輸入項目顯示文字大小字串，預設'0.8rem'
- * @vue-prop {String} [itemTextColor='grey darken-3'] 輸入項目文字顏色字串，預設'grey darken-3'
- * @vue-prop {String} [itemTextColorHover='light-blue darken-2'] 輸入項目文字Hover顏色字串，預設'light-blue darken-2'
+ * @vue-prop {String} [itemTextColor='#444'] 輸入項目文字顏色字串，預設'#444'
+ * @vue-prop {String} [itemTextColorHover='#333'] 輸入項目文字Hover顏色字串，預設'#333'
  * @vue-prop {String} [itemBackgroundColor='white'] 輸入項目背景顏色字串，預設'white'
- * @vue-prop {String} [itemBackgroundColorHover='light-blue lighten-5'] 輸入項目背景Hover顏色字串，預設'light-blue lighten-5'
- * @vue-prop {Object} [itemPaddingStyle={v:12,h:16}] 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:12,h:16}
+ * @vue-prop {String} [itemBackgroundColorHover='#f2f2f2'] 輸入項目背景Hover顏色字串，預設'#f2f2f2'
+ * @vue-prop {Object} [itemPaddingStyle={v:10,h:14}] 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:10,h:14}
  * @vue-prop {String} [leftIcon=''] 輸入左側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設''
  * @vue-prop {Number} [leftIconSize=24] 輸入左側圖標大小，單位為px，預設24
  * @vue-prop {String} [leftIconColor='deep-orange lighten-2'] 輸入左側圖標顏色字串，預設'deep-orange lighten-2'
@@ -209,11 +209,11 @@ export default {
         },
         itemTextColor: {
             type: String,
-            default: 'grey darken-3',
+            default: '#444',
         },
         itemTextColorHover: {
             type: String,
-            default: 'light-blue darken-2',
+            default: '#333',
         },
         itemBackgroundColor: {
             type: String,
@@ -221,14 +221,14 @@ export default {
         },
         itemBackgroundColorHover: {
             type: String,
-            default: 'light-blue lighten-5',
+            default: '#f2f2f2',
         },
         itemPaddingStyle: {
             type: Object,
             default: () => {
                 return {
-                    v: 12,
-                    h: 16,
+                    v: 10,
+                    h: 14,
                 }
             },
         },

package/src/components/WTextSuggest.vue CHANGED Viewed

@@ -114,11 +114,11 @@ import WTextSuggestCore from './WTextSuggestCore.vue'
  * @vue-prop {String} [textFontSize='0.85rem'] 輸入文字大小字串，預設'0.85rem'
  * @vue-prop {String} [textColor='black'] 輸入文字顏色字串，預設'black'
  * @vue-prop {String} [itemTextFontSize='0.8rem'] 輸入項目顯示文字大小字串，預設'0.8rem'
- * @vue-prop {String} [itemTextColor='grey darken-3'] 輸入項目文字顏色字串，預設'grey darken-3'
- * @vue-prop {String} [itemTextColorHover='light-blue darken-2'] 輸入項目文字Hover顏色字串，預設'light-blue darken-2'
+ * @vue-prop {String} [itemTextColor='#444'] 輸入項目文字顏色字串，預設'#444'
+ * @vue-prop {String} [itemTextColorHover='#333'] 輸入項目文字Hover顏色字串，預設'#333'
  * @vue-prop {String} [itemBackgroundColor='white'] 輸入項目背景顏色字串，預設'white'
- * @vue-prop {String} [itemBackgroundColorHover='light-blue lighten-5'] 輸入項目背景Hover顏色字串，預設'light-blue lighten-5'
- * @vue-prop {Object} [itemPaddingStyle={v:12,h:16}] 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:12,h:16}
+ * @vue-prop {String} [itemBackgroundColorHover='#f2f2f2'] 輸入項目背景Hover顏色字串，預設'#f2f2f2'
+ * @vue-prop {Object} [itemPaddingStyle={v:10,h:14}] 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:10,h:14}
  * @vue-prop {String} [leftIcon=''] 輸入左側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設''
  * @vue-prop {Number} [leftIconSize=24] 輸入左側圖標大小，單位為px，預設24
  * @vue-prop {String} [leftIconColor='deep-orange lighten-2'] 輸入左側圖標顏色字串，預設'deep-orange lighten-2'
@@ -204,11 +204,11 @@ export default {
         },
         itemTextColor: {
             type: String,
-            default: 'grey darken-3',
+            default: '#444',
         },
         itemTextColorHover: {
             type: String,
-            default: 'light-blue darken-2',
+            default: '#333',
         },
         itemTextFontSize: {
             type: String,
@@ -220,14 +220,14 @@ export default {
         },
         itemBackgroundColorHover: {
             type: String,
-            default: 'light-blue lighten-5',
+            default: '#f2f2f2',
         },
         itemPaddingStyle: {
             type: Object,
             default: () => {
                 return {
-                    v: 12,
-                    h: 16,
+                    v: 10,
+                    h: 14,
                 }
             },
         },

package/src/components/WTextSuggestCore.vue CHANGED Viewed

@@ -140,11 +140,11 @@ import WIcon from './WIcon.vue'
  * @vue-prop {String} [textColor='black'] 輸入文字顏色字串，預設'black'
  * @vue-prop {String} [textAlign='left'] 輸入文字左右對齊字串，預設'left'
  * @vue-prop {String} [itemTextFontSize='0.8rem'] 輸入項目顯示文字大小字串，預設'0.8rem'
- * @vue-prop {String} [itemTextColor='grey darken-3'] 輸入項目文字顏色字串，預設'grey darken-3'
- * @vue-prop {String} [itemTextColorHover='light-blue darken-2'] 輸入項目文字Hover顏色字串，預設'light-blue darken-2'
+ * @vue-prop {String} [itemTextColor='#444'] 輸入項目文字顏色字串，預設'#444'
+ * @vue-prop {String} [itemTextColorHover='#333'] 輸入項目文字Hover顏色字串，預設'#333'
  * @vue-prop {String} [itemBackgroundColor='white'] 輸入項目背景顏色字串，預設'white'
- * @vue-prop {String} [itemBackgroundColorHover='light-blue lighten-5'] 輸入項目背景Hover顏色字串，預設'light-blue lighten-5'
- * @vue-prop {Object} [itemPaddingStyle={v:12,h:16}] 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:12,h:16}
+ * @vue-prop {String} [itemBackgroundColorHover='#f2f2f2'] 輸入項目背景Hover顏色字串，預設'#f2f2f2'
+ * @vue-prop {Object} [itemPaddingStyle={v:10,h:14}] 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:10,h:14}
  * @vue-prop {String} [expansionIcon=mdiPlay] 輸入顯隱圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設使用mdi的圖標(mdiPlay)
  * @vue-prop {Number} [expansionIconSize=18] 輸入顯隱圖標尺寸數字，單位為px，預設18
  * @vue-prop {String} [expansionIconColor='grey'] 輸入顯隱圖標顏色字串，預設'grey'
@@ -209,11 +209,11 @@ export default {
         },
         itemTextColor: {
             type: String,
-            default: 'grey darken-3',
+            default: '#444',
         },
         itemTextColorHover: {
             type: String,
-            default: 'light-blue darken-2',
+            default: '#333',
         },
         itemBackgroundColor: {
             type: String,
@@ -221,14 +221,14 @@ export default {
         },
         itemBackgroundColorHover: {
             type: String,
-            default: 'light-blue lighten-5',
+            default: '#f2f2f2',
         },
         itemPaddingStyle: {
             type: Object,
             default: () => {
                 return {
-                    v: 12,
-                    h: 16,
+                    v: 10,
+                    h: 14,
                 }
             },
         },