w-component-vue 2.5.17 → 2.5.19

package/src/components/WAggridVueDyn.vue

@@ -100,7 +100,9 @@ export default {
         },
         opt: {
             type: Object,
-            default: () => {},
+            default: () => {
+                return {}
+            },
         },
         height: {
             type: Number,

package/src/components/WButtonChip.vue

@@ -187,7 +187,7 @@ import WTooltip from './WTooltip.vue'
  * @vue-prop {String} [tooltipTextFontSize='0.85rem'] 輸入提示文字字型大小字串，預設'0.85rem'
  * @vue-prop {String} [tooltipTextColor='white'] 輸入提示文字顏色字串，預設'white'
  * @vue-prop {String} [tooltipBackgroundColor='rgba(60,60,60,0.75)'] 輸入背景顏色字串，預設'rgba(60,60,60,0.75)'
- * @vue-prop {Boolean} [shadow=false] 輸入是否顯示陰影布林值，預設false
+ * @vue-prop {Boolean} [shadow=true] 輸入是否顯示陰影布林值，預設true
  * @vue-prop {String} [shadowStyle=''] 輸入陰影顏色字串，預設值詳見props
  * @vue-prop {Boolean} [shadowActive=true] 輸入主動模式時是否顯示陰影布林值，預設true
  * @vue-prop {String} [shadowActiveStyle=''] 輸入主動模式時陰影顏色字串，預設值詳見props
@@ -199,6 +199,7 @@ import WTooltip from './WTooltip.vue'
  * @vue-prop {Boolean} [active=false] 輸入是否為主動模式布林值，預設false
  * @vue-prop {Boolean} [close=false] 輸入是否具有關閉按鈕模式布林值，預設false
  * @vue-prop {Boolean} [cursorPointer=true] 輸入是否滑鼠移入顯示pointer樣式布林值，預設true
+ * @vue-prop {Boolean} [promiseUnlock=false] 輸入是否點擊後自動設定為loading為true並需使用promise解鎖布林值，預設false
  * @vue-prop {Boolean} [loading=false] 輸入是否為載入模式布林值，預設false
  * @vue-prop {String} [loadingColor='grey darken-2'] 輸入載入圖標顏色字串，預設'grey darken-2'
  * @vue-prop {String} [role='button'] 輸入角色字串，預設'button'
@@ -357,7 +358,6 @@ export default {
         },
         shadow: {
             type: Boolean,
-            //default: false,
             default: true,
         },
         shadowStyle: {

package/src/components/WCkeditorVueDyn.vue

@@ -36,7 +36,9 @@ export default {
         },
         settings: {
             type: Object,
-            default: () => {},
+            default: () => {
+                return {}
+            },
         },
         height: {
             type: Number,

package/src/components/WColorPickHue.vue

@@ -68,7 +68,7 @@ import convertColor from '../js/convertColor.mjs'
 
 
 /**
- * @vue-prop {String} [value='#FFFFFF'] 輸入顏色字串，預設'#FFFFFF'
+ * @vue-prop {String} [value='#FF0000'] 輸入顏色字串，預設'#FF0000'
  * @vue-prop {Number} [width=200] 輸入寬度數字，單位px，預設200
  * @vue-prop {Number} [height=20] 輸入高度數字，單位px，預設20
  * @vue-prop {Number} [cursorSize=7] 輸入游標寬度數字，單位px，預設7

package/src/components/WConfirm.vue

@@ -99,7 +99,7 @@ import WDialog from './WDialog.vue'
  * @vue-prop {String} [title=''] 輸入標題字串，預設''
  * @vue-prop {String} [titleColor='black'] 輸入標題顏色字串，預設'black'
  * @vue-prop {String} [content=''] 輸入內容字串，預設''
- * @vue-prop {String} [contentColor='black'] 輸入內容顏色字串，預設'black'
+ * @vue-prop {String} [contentColor='grey darken-2'] 輸入內容顏色字串，預設'grey darken-2'
  * @vue-prop {String} [contentIcon=mdiAlert] 輸入內容左側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiAlert
  * @vue-prop {String} [contentIconColor='orange'] 輸入內容左側圖標顏色字串，預設'orange'
  * @vue-prop {Number} [contentIconSize=40] 輸入內容左側圖標大小數字，預設40

package/src/components/WDrawer.vue

@@ -140,7 +140,7 @@ import convertColor from '../js/convertColor.mjs'
  * @vue-prop {Number} [drawerWidth=200] 輸入抽屜寬度數字，單位為px，預設200
  * @vue-prop {Number} [drawerWidthMin=null] 輸入使用拖曳抽屜寬度分隔條(dragDrawerWidth=true)時，拖曳抽屜寬度分隔條最小值數字，預設null
  * @vue-prop {Number} [drawerWidthMax=null] 輸入使用拖曳抽屜寬度分隔條(dragDrawerWidth=true)時，拖曳抽屜寬度分隔條最大值數字，預設null
- * @vue-prop {Boolean} [afloat=false] 輸入是否為浮動顯示布林值，設為true時浮在內容區上故不壓縮內容區寬度，預設false
+ * @vue-prop {Boolean} [afloat=false] 輸入是否為浮動顯示布林值，設為true時浮在內容區上故不壓縮內容區寬度，搭配autoSwitchToFloat或autoSwitchToFix時會由組件改寫，建議使用.sync綁定，預設false
  * @vue-prop {Boolean} [afloatByFix=false] 輸入浮動顯示時是否使用fixed布林值，若為true使用'fixed'反之使用'absolute'，預設false
  * @vue-prop {Number} [overlayOpacity=0.45] 輸入浮動顯示時抽屜外側陰影層之透明度數字，預設0.45
  * @vue-prop {String} [overlayColor='grey darken-2'] 輸入浮動顯示時抽屜外側陰影層背景顏色字串，預設'grey darken-2'
@@ -151,9 +151,10 @@ import convertColor from '../js/convertColor.mjs'
  * @vue-prop {String} [drawerBarBorderColor='transparent'] 輸入分隔條框線顏色字串，預設'transparent'
  * @vue-prop {Number} [drawerBarBorderSize=3] 輸入分隔條框線寬度數字，單位為px，預設3，通常配合barBorderColor='transparent'使可拖曳區加大又不遮蔽可視區
  * @vue-prop {Boolean} [autoSwitchToHide=false] 輸入是否自動切換至隱藏布林值，當抽屜顯示時且組件寬度過小時則隱藏，預設false
- * @vue-prop {Boolean} [autoSwitchToFloat=false] 輸入是否自動切換至浮動布林值，當抽屜顯示時且組件寬度過小時則浮動，預設false
  * @vue-prop {Boolean} [autoSwitchToShow=false] 輸入是否自動切換至顯示布林值，當抽屜隱藏時且組件寬度過大時則顯示，預設false
- * @vue-prop {Number} [switchWidth=340] 輸入當自動顯隱時判斷組件寬度過小之門檻寬度數字，單位為px，預設340
+ * @vue-prop {Boolean} [autoSwitchToFloat=false] 輸入是否自動切換至浮動布林值，當抽屜顯示時且組件寬度過小時則浮動，預設false
+ * @vue-prop {Boolean} [autoSwitchToFix=false] 輸入是否自動切換至佔版布林值，當抽屜為浮動時且組件寬度過大時則佔版，為autoSwitchToFloat之回程故須搭配其使用，僅回復由autoSwitchToFloat造成之浮動而不覆寫呼叫端以afloat明確指定之浮動，與Float不同之處為不論抽屜顯示與否皆會判斷，切換時發出update:afloat為false故建議afloat使用.sync綁定，另此處之Fix代表佔版(非浮動)，與afloatByFix之fixed定位無關，預設false
+ * @vue-prop {Number} [switchWidth=340] 輸入當自動切換顯示、隱藏、浮動、佔版時判斷組件寬度過小之門檻寬度數字，變窄至小於此值時隱藏或浮動，變寬至大於等於此值時顯示或佔版，當afloatByFix為true時比較的是視窗可視寬度，單位為px，預設340
  */
 export default {
     directives: {
@@ -225,11 +226,15 @@ export default {
             type: Boolean,
             default: false,
         },
+        autoSwitchToShow: {
+            type: Boolean,
+            default: false,
+        },
         autoSwitchToFloat: {
             type: Boolean,
             default: false,
         },
-        autoSwitchToShow: {
+        autoSwitchToFix: {
             type: Boolean,
             default: false,
         },
@@ -354,6 +359,14 @@ export default {
 
         changeAfloat: function() {
             let vo = this
+
+            //___afloatFromAuto___, 記錄當前浮動是否由autoSwitchToFloat所造成, 供autoSwitchToFix判斷可否自動恢復佔版
+            //刻意不宣告於data使其為非響應式, 否則本computed讀取後會成為依賴, 於autoSwitchToFloat寫入時被標髒而重算, 使afloatTrans被prop值覆寫
+            //afloat由外部改變(非自動浮動後經.sync之回寫)時視為呼叫端明確指定, 清除標記後autoSwitchToFix便不覆寫該指定
+            if (!(vo.___afloatFromAuto___ === true && vo.afloat === true)) {
+                vo.___afloatFromAuto___ = false
+            }
+
             vo.afloatTrans = vo.afloat
             return ''
         },
@@ -550,7 +563,8 @@ export default {
             if (vo.autoSwitchToFloat) {
                 if (vo.valueTrans && !vo.afloatTrans && mw === 'smaller' && vo.panelWidth < wl) { //已開啟抽屜且為佔版模式且為變窄時才浮動
 
-                    //save afloatTrans
+                    //save afloatTrans, 並標記此浮動為自動切換所造成, 供autoSwitchToFix回復
+                    vo.___afloatFromAuto___ = true
                     vo.afloatTrans = true
 
                     //emit
@@ -559,6 +573,22 @@ export default {
                 }
             }
 
+            //autoSwitchToFix
+            if (vo.autoSwitchToFix) {
+                //不檢核valueTrans, 因toggleValue不寫入valueTrans(唯一寫入處為changeValue), autoSwitchToShow於同輪發出input後valueTrans仍為舊值, 檢核會使抽屜自動顯示時無法同時恢復佔版
+                //僅回復由autoSwitchToFloat造成之浮動, 呼叫端以afloat明確指定之浮動不覆寫
+                if (vo.___afloatFromAuto___ === true && vo.afloatTrans && mw === 'larger' && vo.panelWidth >= wl) { //已為自動浮動且為變寬時才佔版
+
+                    //save afloatTrans
+                    vo.___afloatFromAuto___ = false
+                    vo.afloatTrans = false
+
+                    //emit
+                    vo.$emit('update:afloat', false)
+
+                }
+            }
+
             //emit
             vo.$emit('resize', msg)
 

package/src/components/WDropfiles.vue

@@ -16,7 +16,7 @@ import domDropFiles from 'wsemi/src/domDropFiles.mjs'
 
 /**
  * @vue-prop {String} [backgroundColor='transparent'] 輸入背景顏色字串，預設'transparent'
- * @vue-prop {String} [backgroundColorDropIn='purple lighten-5'] 輸入滑鼠拖曳檔案移入時背景顏色字串，預設'purple lighten-5'
+ * @vue-prop {String} [backgroundColorDropIn='grey lighten-4'] 輸入滑鼠拖曳檔案移入時背景顏色字串，預設'grey lighten-4'
  * @vue-prop {String} [backgroundColorHover='grey lighten-5'] 輸入滑鼠移入時背景顏色字串，預設'grey lighten-5'
  * @vue-prop {Number} [timeTransition=0.3] 輸入style的transition時間數字，單位s，預設0.3
  * @vue-prop {Number} [borderRadius=6] 輸入邊框圓角角度數字，單位為px，預設6

package/src/components/WEchartsVueDyn.vue

@@ -49,7 +49,9 @@ export default {
         },
         options: {
             type: Object,
-            default: () => {},
+            default: () => {
+                return {}
+            },
         },
         theme: {
             type: [String, Object],
@@ -57,11 +59,15 @@ export default {
         },
         initOptions: {
             type: Object,
-            default: () => {},
+            default: () => {
+                return {}
+            },
         },
         updateOptions: {
             type: Object,
-            default: () => {},
+            default: () => {
+                return {}
+            },
         },
         group: {
             type: String,
@@ -77,7 +83,9 @@ export default {
         },
         loadingOptions: {
             type: Object,
-            default: () => {},
+            default: () => {
+                return {}
+            },
         },
         autoresize: {
             type: [Boolean, Object],

package/src/components/WExplorer.vue

@@ -466,6 +466,7 @@ import WButtonCircle from './WButtonCircle.vue'
  * @vue-prop {Number} [treeDefaultDisplayLevel=null] 輸入樹狀資料夾之初始展開層數數字，若輸入1就是預設展開至第1層，第2層(含)以下則都隱藏，若輸入null就是全展開，預設null
  * @vue-prop {Object} [treePaddingStyle={v:0,h:0}] 輸入樹狀資料夾之內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:0}
  * @vue-prop {Number} [treeIndent=0.7] 輸入樹狀資料夾之縮排比率數字，若使用1就是1倍的圖標寬度(24px)+2*separation(3px)，預設0.7
+ * @vue-prop {String} [treeItemTextFontSize='0.85rem'] 輸入樹狀資料夾之文字字型大小字串，預設'0.85rem'
  * @vue-prop {String} [treeItemTextColor='#444'] 輸入樹狀資料夾之文字顏色字串，預設'#444'
  * @vue-prop {String} [treeItemTextColorHover='#222'] 輸入滑鼠移入時樹狀資料夾之文字顏色字串，預設'#222'
  * @vue-prop {String} [treeItemTextColorActive='#000'] 輸入主動模式時樹狀資料夾之文字顏色字串，預設'#000'
@@ -506,7 +507,7 @@ import WButtonCircle from './WButtonCircle.vue'
  * @vue-prop {String} [listItemRippleColor='rgba(255,255,255,0.4)'] 輸入清單區項目之ripple效果顏色字串，預設'rgba(255,255,255,0.4)'
  * @vue-prop {String} [listBackgroundColor='#fff'] 輸入清單區背景顏色字串，預設'#fff'
  * @vue-prop {String} [btnDisplayTreeIconShow=mdiArrowRightBoldHexagonOutline] 輸入顯示樹狀資料夾按鈕圖標字串，預設mdiArrowRightBoldHexagonOutline
- * @vue-prop {String} [btnDisplayTreeIconShow=mdiArrowLeftBoldHexagonOutline] 輸入隱藏樹狀資料夾按鈕圖標字串，預設mdiArrowLeftBoldHexagonOutline
+ * @vue-prop {String} [btnDisplayTreeIconHide=mdiArrowLeftBoldHexagonOutline] 輸入隱藏樹狀資料夾按鈕圖標字串，預設mdiArrowLeftBoldHexagonOutline
  * @vue-prop {Number} [btnDisplayTreeIconSize=20] 輸入顯隱樹狀資料夾按鈕圖標之尺寸數字，單位為px，預設20
  * @vue-prop {String} [btnDisplayTreeIconColor='grey darken-1'] 輸入顯隱樹狀資料夾按鈕圖標顏色字串，預設'grey darken-1'
  * @vue-prop {String} [btnDisplayTreeIconColorHover='grey darken-2'] 輸入滑鼠移入時顯隱樹狀資料夾按鈕圖標顏色字串，預設'grey darken-2'
@@ -522,7 +523,7 @@ import WButtonCircle from './WButtonCircle.vue'
  * @vue-prop {String} [pathSepIcon=mdiChevronRight] 輸入路徑區分隔符號之圖標字串，預設mdiChevronRight
  * @vue-prop {String} [pathSepIconColor='#888'] 輸入路徑區分隔符號之圖標顏色字串，預設'#888'
  * @vue-prop {Number} [pathSepIconSize=18] 輸入路徑區分隔符號之圖標尺寸數字，單位為px，預設18
- * @vue-prop {String} [pathBackgroundColor='transparent'] 輸入路徑區背景顏色字串，預設'#fff'
+ * @vue-prop {String} [pathBackgroundColor='#fff'] 輸入路徑區背景顏色字串，預設'#fff'
  * @vue-prop {String} [noSelectedText='No selected folder'] 輸入尚未選擇資料夾文字字串，預設'No selected folder'
  * @vue-prop {Boolean} [draggable=false] 輸入是否為可拖曳編輯模式布林值，若draggable設定true，此時所有節點皆為展開顯示並且禁止顯隱節點功能，也就是defaultDisplayLevel強制設定為null，此外也不提供過濾功能，也就是filterKeywords強制清空。開啟draggable僅適用小規模數據。draggable預設false
  * @vue-prop {String} [dgTextDisabled='Can not drop here'] 輸入禁止拖曳文字字串，預設'Can not drop here'
@@ -539,7 +540,7 @@ import WButtonCircle from './WButtonCircle.vue'
  * @vue-prop {String} [dgPreviewBorderColor='#f26'] 輸入拖曳時預覽元素邊框顏色字串，預設'#f26'
  * @vue-prop {String} [dgPreviewBackground='transparent'] 輸入拖曳時預覽元素背景顏色字串，預設'transparent'
  * @vue-prop {Boolean} [operatable=false] 輸入是否使用控制節點模式布林值，若operatable設定true，將於各項目右側顯示控制按鈕，點擊可彈出選單進行插入與刪除等項目，此時會觸發事件click-operate-item，而處理相應數據則需呼叫事件提供物件內operateItem函數，詳情請見範例。此時所有節點皆為展開顯示並且禁止顯隱節點功能，也就是defaultDisplayLevel強制設定為null，此外也不提供過濾功能，也就是filterKeywords強制清空。開啟operatable僅適用小規模數據。operatable預設false
- * @vue-prop {String} [operateItemTextForRename='Rename folder'] 輸入控制選項變更文字之文字字串，預設'Rename folder'
+ * @vue-prop {String} [operateItemTextForRename='Rename'] 輸入控制選項變更文字之文字字串，預設'Rename'
  * @vue-prop {String} [operateItemTextForInsertChild='Create sub folder'] 輸入控制選項插入子項目之文字字串，預設'Create sub folder'
  * @vue-prop {String} [operateItemTextForDelete='Delete folder'] 輸入控制選項刪除項目之文字字串，預設'Delete folder'
  * @vue-prop {String} [operateItemIconForRename=mdiRenameOutline] 輸入控制選項變更文字之圖標字串，預設mdiRenameOutline
@@ -566,7 +567,7 @@ import WButtonCircle from './WButtonCircle.vue'
  * @vue-prop {String} [editorRenameInputTextBottomLineBorderColor='grey lighten-1'] 輸入變更文字彈窗之輸入文字框之底部線顏色字串，預設'grey lighten-1'
  * @vue-prop {String} [editorRenameInputTextBottomLineBorderColorHover='grey'] 輸入變更文字彈窗之輸入文字框之滑鼠移入時底部線顏色字串，預設'grey'
  * @vue-prop {String} [editorRenameInputTextBottomLineBorderColorFocus='blue darken-1'] 輸入變更文字彈窗之輸入文字框之取得焦點時底部線顏色字串，預設'blue darken-1'
- * @vue-prop {String} [editorRenameCancelBtnText='Save'] 輸入變更文字彈窗之取消按鈕文字字串，預設'Save'
+ * @vue-prop {String} [editorRenameCancelBtnText='Cancel'] 輸入變更文字彈窗之取消按鈕文字字串，預設'Cancel'
  * @vue-prop {String} [editorRenameCancelBtnTextColor='grey darken-3'] 輸入變更文字彈窗之取消按鈕文字顏色字串，預設'grey darken-3'
  * @vue-prop {String} [editorRenameCancelBtnTextColorHover='grey darken-2'] 輸入變更文字彈窗之滑鼠移入時取消按鈕文字顏色字串，預設'grey darken-2'
  * @vue-prop {String} [editorRenameCancelBtnIcon=mdiCloseCircleOutline] 輸入變更文字彈窗之取消按鈕圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiCloseCircleOutline

package/src/components/WGroupBaggage.vue

@@ -117,7 +117,7 @@ import WGroupBaggageItem from './WGroupBaggageItem.vue'
  * @vue-prop {Number} [tagBorderRadius=4] 輸入標記區框線圓角度數字，單位為px，預設4
  * @vue-prop {Number} [tagBorderWidth=1] 輸入標記區框線寬度數字，單位px，預設1
  * @vue-prop {String} [tagBorderColor='#fff'] 輸入標記區框線顏色字串，預設'#fff'
- * @vue-prop {String} [tagBorderColor='#ccc'] 輸入滑鼠移入時標記區框線顏色字串，預設'#ccc'
+ * @vue-prop {String} [tagBorderColorHover='#ccc'] 輸入滑鼠移入時標記區框線顏色字串，預設'#ccc'
  * @vue-prop {String} [tagBackgroundColor='#e5e5e5'] 輸入標記區背景顏色字串，預設'#e5e5e5'
  * @vue-prop {String} [tagBackgroundColorHover='#d8d8d8'] 輸入滑鼠移入時標記區背景顏色字串，預設'#d8d8d8'
  * @vue-prop {Object} [tagPaddingStyle={v:1,h:5}] 輸入標記區內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:1,h:5}
@@ -129,7 +129,7 @@ import WGroupBaggageItem from './WGroupBaggageItem.vue'
  * @vue-prop {Number} [contentBorderRadius=4] 輸入內容區框線圓角度數字，單位為px，預設4
  * @vue-prop {Number} [contentBorderWidth=1] 輸入內容區框線寬度數字，單位px，預設1
  * @vue-prop {String} [contentBorderColor='#ddd'] 輸入內容區框線顏色字串，預設'#ddd'
- * @vue-prop {String} [contentBorderColor='#cccccc'] 輸入滑鼠移入時內容區框線顏色字串，預設'#cccccc'
+ * @vue-prop {String} [contentBorderColorHover='#cccccc'] 輸入滑鼠移入時內容區框線顏色字串，預設'#cccccc'
  * @vue-prop {String} [contentBackgroundColor='#fff'] 輸入內容區背景顏色字串，預設'#fff'
  * @vue-prop {String} [contentBackgroundColorHover='#f2f2f2'] 輸入滑鼠移入時內容區背景顏色字串，預設'#f2f2f2'
  * @vue-prop {Object} [contentPaddingStyle={v:1,h:5}] 輸入內容區內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:1,h:5}

package/src/components/WGroupTags.vue

@@ -263,7 +263,7 @@ import domDragDrop from '../js/domDragDrop.mjs'
  * @vue-prop {String} [inputExpansionIconColor='grey'] 輸入輸入框右側圖標顏色字串，預設'grey'
  * @vue-prop {String} [suggectItemTextColor='grey darken-3'] 輸入輸入框下拉選單項目文字顏色字串，預設'grey darken-3'
  * @vue-prop {String} [suggectItemTextColorHover='light-blue darken-2'] 輸入輸入框下拉選單項目文字Hover顏色字串，預設'light-blue darken-2'
- * @vue-prop {String} [suggectItemFontSize='0.9rem'] 輸入輸入框下拉選單項目顯示文字大小字串，預設'0.9rem'
+ * @vue-prop {String} [suggectItemFontSize='0.8rem'] 輸入輸入框下拉選單項目顯示文字大小字串，預設'0.8rem'
  * @vue-prop {String} [suggectItemBackgroundColor='white'] 輸入輸入框下拉選單項目背景顏色字串，預設'white'
  * @vue-prop {String} [suggectItemBackgroundColorHover='light-blue lighten-5'] 輸入輸入框下拉選單項目背景Hover顏色字串，預設'light-blue lighten-5'
  * @vue-prop {String} [addButtonText='Add'] 輸入新增按鈕文字字串，預設'Add'

package/src/components/WHighchartsVueDyn.vue

@@ -27,7 +27,9 @@ export default {
         },
         options: {
             type: Object,
-            default: () => {},
+            default: () => {
+                return {}
+            },
         },
     },
     data: function() {

package/src/components/WHighstockVueDyn.vue

@@ -26,7 +26,9 @@ export default {
         },
         options: {
             type: Object,
-            default: () => {},
+            default: () => {
+                return {}
+            },
         },
     },
     data: function() {

package/src/components/WImageCascading.vue

@@ -107,7 +107,6 @@ function getFileName(str) {
  * @vue-prop {Object} [arrangeWhenFinish=false] 輸入是否於圖片載入完畢時依照原本圖片順序排序布林值，預設false
  * @vue-prop {Number} [numParallel=5] 輸入同時載入圖片數量數字，預設5
  * @vue-prop {Object} [opt={}] 輸入viewerjs設定物件，預設使用optOne或optMuti，若img僅一個則使用optOne，反之使用optMuti
- * @vue-prop {Boolean} [multiple=false] 輸入
  */
 export default {
     directives: {
@@ -139,7 +138,9 @@ export default {
         },
         imageStyle: {
             type: Object,
-            default: () => {},
+            default: () => {
+                return {}
+            },
         },
         arrangeWhenFinish: {
             type: Boolean,
@@ -151,7 +152,9 @@ export default {
         },
         opt: {
             type: Object,
-            default: () => {},
+            default: () => {
+                return {}
+            },
         },
     },
     data: function() {

package/src/components/WImageViewer.vue

@@ -55,11 +55,15 @@ export default {
         },
         imageStyle: {
             type: Object,
-            default: () => {},
+            default: () => {
+                return {}
+            },
         },
         opt: {
             type: Object,
-            default: () => {},
+            default: () => {
+                return {}
+            },
         },
         multiple: {
             type: Boolean,

package/src/components/WJsonView.vue

@@ -126,7 +126,7 @@ import WTree from './WTree.vue'
  * @vue-prop {String} [keyNumbersColor='grey lighten-1'] 輸入鍵值內含子節點數量顏色字串，預設'grey lighten-1'
  * @vue-prop {String} [numColor='indigo accent-2'] 輸入值為數值時的顏色字串，預設'indigo accent-2'
  * @vue-prop {String} [strColor='orange accent-2'] 輸入值為字串時的顏色字串，預設'orange accent-2'
- * @vue-prop {String} [bolColor='#ab0d90'] 輸入值為布林值時的顏色字串，預設'#ab0d90'
+ * @vue-prop {String} [bolColor='light-green lighten-1'] 輸入值為布林值時的顏色字串，預設'light-green lighten-1'
  * @vue-prop {String} [funColor='purple accent-2'] 輸入值為函數時的顏色字串，預設'purple accent-2'
  * @vue-prop {String} [defaultColor='grey darken-4'] 輸入值為其他類型時的顏色字串，預設'grey darken-4'
  * @vue-prop {String} [rippleColor='rgba(200,200,200,0.4)'] 輸入ripple效果顏色字串，預設'rgba(200,200,200,0.4)'
@@ -141,7 +141,9 @@ export default {
     props: {
         data: {
             type: [Array, Object],
-            default: () => {},
+            default: () => {
+                return {}
+            },
         },
         viewHeightMax: {
             type: Number,

package/src/components/WLeafletVueDyn.vue

@@ -53,6 +53,7 @@ import WIconLoading from './WIconLoading.vue'
 
 
 /**
+ * @vue-prop {Array} [pathItems=['base:w-leaflet-vue']] 輸入w-leaflet-vue組件js檔案位置字串陣列，預設['base:w-leaflet-vue']
  * @vue-prop {Object} opt 輸入資料設定物件
  * @vue-prop {Array} [opt.center=[23.5, 121.1]] 輸入地圖顯示中點陣列，陣列為WGS84[緯度,經度]，預設[23.5, 121.1]
  * @vue-prop {Number} [opt.zoom=7] 輸入地圖顯示層級整數，預設7
@@ -183,7 +184,9 @@ export default {
         },
         opt: {
             type: Object,
-            default: () => {},
+            default: () => {
+                return {}
+            },
         },
     },
     data: function() {

package/src/components/WLevelGrade.vue

@@ -96,8 +96,25 @@ import WIcon from './WIcon.vue'
 
 
 /**
- * @vue-prop {Array} [items=[]] 輸入項目的物件陣列，預設[]
-
+ * @vue-prop {Array} [levels=[]] 輸入級距的物件陣列，各級距物件之欄位名由keyColor、keyLow、keyUp、keyDelimiter、keyText指定，預設[]
+ * @vue-prop {Number} [value=null] 輸入當前數值，會於所在級距(keyLow<=value<=keyUp)之左側顯示箭頭，預設null
+ * @vue-prop {String} [keyColor='color'] 輸入級距物件中代表色塊顏色之欄位字串，預設'color'
+ * @vue-prop {String} [keyLow='low'] 輸入級距物件中代表級距下限之欄位字串，預設'low'
+ * @vue-prop {String} [keyUp='up'] 輸入級距物件中代表級距上限之欄位字串，預設'up'
+ * @vue-prop {String} [keyDelimiter='delimiter'] 輸入級距物件中代表上下限間分隔文字之欄位字串，預設'delimiter'
+ * @vue-prop {String} [keyText='text'] 輸入級距物件中代表說明文字之欄位字串，預設'text'
+ * @vue-prop {Number} [spaceForGrade=5] 輸入色塊與級距數值之間距數字，單位為px，預設5
+ * @vue-prop {Number} [spaceForText=5] 輸入級距數值與說明文字之間距數字，單位為px，預設5
+ * @vue-prop {Number} [tickDig=null] 輸入級距上下限數值之顯示有效位數數字，須為正整數，未給予則不處理，預設null
+ * @vue-prop {Number} [gradeSize=18] 輸入色塊尺寸數字，亦為各級距列之高度，單位為px，預設18
+ * @vue-prop {String} [gradeTextFontSize='0.75rem'] 輸入級距數值與說明文字之字型大小字串，預設'0.75rem'
+ * @vue-prop {String} [gradeTextColor='#444'] 輸入級距數值與說明文字之顏色字串，預設'#444'
+ * @vue-prop {String} [arrowColor='#666'] 輸入當前數值所在級距之箭頭顏色字串，預設'#666'
+ * @vue-prop {Number} [arrowSize=10] 輸入當前數值所在級距之箭頭尺寸數字，單位為px，預設10
+ * @vue-slot {Object} low 級距下限之渲染slot，slot props為{ klevel, level }
+ * @vue-slot {Object} up 級距上限之渲染slot，slot props為{ klevel, level }
+ * @vue-slot {Object} delimiter 上下限間分隔文字之渲染slot，slot props為{ klevel, level }
+ * @vue-slot {Object} text 說明文字之渲染slot，slot props為{ klevel, level }
  */
 export default {
     components: {

package/src/components/WListCheck.vue

@@ -186,12 +186,12 @@ import WListVertical from './WListVertical.vue'
  * @vue-prop {String} [itemBackgroundColorDisabled='white'] 輸入非啟用模式時背景顏色字串，預設'white'
  * @vue-prop {String} [itemTextColor='#444'] 輸入文字顏色字串，預設'#444'
  * @vue-prop {String} [itemTextColorHover='#222'] 輸入滑鼠移入時文字顏色字串，預設'#222'
- * @vue-prop {String} [itemTextColorActive='white'] 輸入主動模式時文字顏色字串，預設'white'
+ * @vue-prop {String} [itemTextColorActive='#000'] 輸入主動模式時文字顏色字串，預設'#000'
  * @vue-prop {String} [itemTextColorDisabled='#444'] 輸入非啟用模式時文字顏色字串，預設'#444'
  * @vue-prop {Number} [itemIconSize=18] 輸入左側圖標之尺寸數字，單位px，預設18
  * @vue-prop {String} [itemIconColor='#444'] 輸入圖標顏色字串，預設'#444'
  * @vue-prop {String} [itemIconColorHover='#222'] 輸入滑鼠移入時圖標顏色字串，預設'#222'
- * @vue-prop {String} [itemIconColorActive='white'] 輸入主動模式時圖標顏色字串，預設'white'
+ * @vue-prop {String} [itemIconColorActive='#000'] 輸入主動模式時圖標顏色字串，預設'#000'
  * @vue-prop {String} [itemIconColorDisabled='#444'] 輸入非啟用模式時圖標顏色字串，預設'#444'
  * @vue-prop {String} [itemRippleColor='rgba(255,255,255,0.4)'] 輸入ripple效果顏色字串，預設'rgba(255,255,255,0.4)'
  * @vue-prop {String} [itemDisabledColor='transparent'] 輸入非編輯模式時遮罩顏色字串，預設'transparent'
@@ -209,7 +209,7 @@ import WListVertical from './WListVertical.vue'
  * @vue-prop {String} [itemCheckIconUncheckedIconColorDisabled='grey'] 輸入非啟用模式時核選圖標無效(false|'n')圖標顏色字串，預設'grey'
  * @vue-prop {Boolean} [enableQuery=false] 輸入是否使用過濾關鍵字功能布林值，預設false
  * @vue-prop {String} [query=''] 輸入過濾關鍵字字串，預設''
- * @vue-prop {String} [queryKeysPickForObjItem=[]] 輸入項目為物件時，於查詢時所須提取出之欄位字串陣列，預設[]
+ * @vue-prop {String} [queryKeysPickForObjItem=['text']] 輸入項目為物件時，於查詢時所須提取出之欄位字串陣列，預設['text']
  * @vue-prop {Object} [queryPaddingStyle={v:0,h:0}] 輸入過濾文字框之內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:0}
  * @vue-prop {Number} [queryBorderRadius=30] 輸入過濾文字框之框圓角度數字，單位為px，預設30
  * @vue-prop {Boolean} [queryShadow=false] 輸入過濾文字框之是否為陰影模式，預設false

package/src/components/WListHorizontal.vue

@@ -119,7 +119,7 @@ import WListItem from './WListItem.vue'
 
 /**
  * @vue-prop {Array} [items=[]] 輸入項目的字串陣列或物件陣列，預設[]
- * @vue-prop {Boolean} [enableActive=false] 輸入項目是否使用點擊成為活耀狀態布林值，預設false
+ * @vue-prop {Boolean} [enableActive=true] 輸入項目是否使用點擊成為活耀狀態布林值，預設true
  * @vue-prop {String|Object} [itemActive=null] 輸入活耀項目字串或物件，預設null
  * @vue-prop {String} [itemTextFontSize='1rem'] 輸入文字字型大小字串，預設'1rem'
  * @vue-prop {String} [keyText='text'] 輸入項目為物件時，存放顯示文字之欄位字串，預設'text'
@@ -127,7 +127,7 @@ import WListItem from './WListItem.vue'
  * @vue-prop {Number} [space=0] 輸入項目之間間隔數字，單位px，預設0
  * @vue-prop {Object} [paddingStyle={v:10,h:12}] 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:10,h:12}
  * @vue-prop {Number} [itemBorderRadius=0] 輸入框圓角度數字，單位為px，預設0
- * @vue-prop {String} [itemBackgroundColor='white'] 輸入背景顏色字串，預設'white'
+ * @vue-prop {String} [itemBackgroundColor='transparent'] 輸入背景顏色字串，預設'transparent'
  * @vue-prop {String} [itemBackgroundColorHover='rgba(200,200,200,0.2)'] 輸入滑鼠移入時背景顏色字串，預設'rgba(200,200,200,0.2)'
  * @vue-prop {String} [itemBackgroundColorActive='white'] 輸入主動模式時背景顏色字串，預設'white'
  * @vue-prop {String} [itemBackgroundColorDisabled='white'] 輸入非啟用模式時背景顏色字串，預設'white'

package/src/components/WListRadio.vue

@@ -49,12 +49,12 @@ import WListCheck from './WListCheck.vue'
  * @vue-prop {String} [itemBackgroundColorDisabled='white'] 輸入非啟用模式時背景顏色字串，預設'white'
  * @vue-prop {String} [itemTextColor='#444'] 輸入文字顏色字串，預設'#444'
  * @vue-prop {String} [itemTextColorHover='#222'] 輸入滑鼠移入時文字顏色字串，預設'#222'
- * @vue-prop {String} [itemTextColorActive='white'] 輸入主動模式時文字顏色字串，預設'white'
+ * @vue-prop {String} [itemTextColorActive='#000'] 輸入主動模式時文字顏色字串，預設'#000'
  * @vue-prop {String} [itemTextColorDisabled='#444'] 輸入非啟用模式時文字顏色字串，預設'#444'
  * @vue-prop {Number} [itemIconSize=18] 輸入左側圖標之尺寸數字，單位px，預設18
  * @vue-prop {String} [itemIconColor='#444'] 輸入圖標顏色字串，預設'#444'
  * @vue-prop {String} [itemIconColorHover='#222'] 輸入滑鼠移入時圖標顏色字串，預設'#222'
- * @vue-prop {String} [itemIconColorActive='white'] 輸入主動模式時圖標顏色字串，預設'white'
+ * @vue-prop {String} [itemIconColorActive='#000'] 輸入主動模式時圖標顏色字串，預設'#000'
  * @vue-prop {String} [itemIconColorDisabled='#444'] 輸入非啟用模式時圖標顏色字串，預設'#444'
  * @vue-prop {String} [itemRippleColor='rgba(255,255,255,0.4)'] 輸入ripple效果顏色字串，預設'rgba(255,255,255,0.4)'
  * @vue-prop {String} [itemDisabledColor='transparent'] 輸入非編輯模式時遮罩顏色字串，預設'transparent'
@@ -72,7 +72,7 @@ import WListCheck from './WListCheck.vue'
  * @vue-prop {String} [itemCheckIconUncheckedIconColorDisabled='grey'] 輸入非啟用模式時核選圖標無效(false|'n')圖標顏色字串，預設'grey'
  * @vue-prop {Boolean} [enableQuery=false] 輸入是否使用過濾關鍵字功能布林值，預設false
  * @vue-prop {String} [query=''] 輸入過濾關鍵字字串，預設''
- * @vue-prop {String} [queryKeysPickForObjItem=[]] 輸入項目為物件時，於查詢時所須提取出之欄位字串陣列，預設[]
+ * @vue-prop {String} [queryKeysPickForObjItem=['text']] 輸入項目為物件時，於查詢時所須提取出之欄位字串陣列，預設['text']
  * @vue-prop {Object} [queryPaddingStyle={v:0,h:0}] 輸入過濾文字框之內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:0}
  * @vue-prop {Number} [queryBorderRadius=30] 輸入過濾文字框之框圓角度數字，單位為px，預設30
  * @vue-prop {Boolean} [queryShadow=false] 輸入過濾文字框之是否為陰影模式，預設false

package/src/components/WListVertical.vue

@@ -128,7 +128,8 @@ import WListItem from './WListItem.vue'
 
 /**
  * @vue-prop {Array} [items=[]] 輸入項目的字串陣列或物件陣列，預設[]
- * @vue-prop {Boolean} [enableActive=false] 輸入項目是否使用點擊成為活耀狀態布林值，預設false
+ * @vue-prop {Boolean} [enableActive=true] 輸入項目是否使用點擊成為活耀狀態布林值，預設true
+ * @vue-prop {String} [query=''] 輸入過濾關鍵字字串，預設''
  * @vue-prop {String|Object} [itemActive=null] 輸入活耀項目字串或物件，預設null
  * @vue-prop {String} [keyText='text'] 輸入項目為物件時，存放顯示文字之欄位字串，預設'text'
  * @vue-prop {String} [keyIcon='icon'] 輸入項目為物件時，存放圖標之欄位字串，預設'icon'

package/src/components/WMaplibreglVueDyn.vue

@@ -244,7 +244,9 @@ export default {
         },
         opt: {
             type: Object,
-            default: () => {},
+            default: () => {
+                return {}
+            },
         },
     },
     data: function() {

package/src/components/WPanelAvatar.vue

@@ -90,7 +90,7 @@ import WIcon from './WIcon.vue'
  * @vue-prop {Number} [avatarIconSize=60] 輸入圖標尺寸數字，單位為px，預設60
  * @vue-prop {String} [avatarIconColor='white'] 輸入圖標顏色字串，預設'white'
  * @vue-prop {Number} [avatarBorderWidth=1] 輸入圖標區框線寬度數字，單位為px，預設1
- * @vue-prop {String} [avatarBorderColor='transparnet'] 輸入圖標區框線顏色字串，預設'transparnet'
+ * @vue-prop {String} [avatarBorderColor='transparent'] 輸入圖標區框線顏色字串，預設'transparent'
  * @vue-prop {String} [avatarBackgroundColor='rgba(239,108,0,0.5)'] 輸入圖標區背景顏色字串，預設'rgba(239,108,0,0.5)'
  * @vue-prop {Number} [avatarBorderRadius=10] 輸入圖標區框圓角程度數字，單位為px，預設10
  * @vue-prop {Boolean} [avatarShadow=true] 輸入是否使用圖標區陰影效果數字，預設true

package/src/components/WPanelBulge.vue

@@ -54,10 +54,10 @@ import domResize from '../js/domResize.mjs'
  * @vue-prop {Object} [paddingStyle={v:0,h:20}] 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:20}
  * @vue-prop {String} [headerText=''] 輸入標題文字字串，預設''
  * @vue-prop {String} [headerTextColor='white'] 輸入標題文字顏色字串，預設'white'
- * @vue-prop {String} [headerBackgroundColor='teal lighten-2'] 輸入標題背景顏色字串，預設'teal lighten-2'
+ * @vue-prop {String} [headerBackgroundColor='rgba(77, 182, 172, 0.8)'] 輸入標題背景顏色字串，預設'rgba(77, 182, 172, 0.8)'
  * @vue-prop {Boolean} [headerShadow=true] 輸入標題區是否使用陰影模式，預設true
  * @vue-prop {Number} [contentBorderRadius=0] 輸入內容區圓角寬度，單位為px，預設0
- * @vue-prop {Number|String} [contentPadding=20] 輸入內容區邊寬長度數字或字串，若輸入數字則單位為px，預設20，若輸入字串則需自己添加單位
+ * @vue-prop {Number|String} [contentPadding=0] 輸入內容區邊寬長度數字或字串，若輸入數字則單位為px，預設0，若輸入字串則需自己添加單位
  * @vue-prop {String} [contentBackgroundColor='white'] 輸入內容區塊背景顏色字串，預設'white'
  * @vue-prop {Boolean} [contentShadow=true] 輸入內容區是否使用陰影模式，預設true
  */

package/src/components/WPanelLabelItem.vue

@@ -132,6 +132,9 @@ import convertColor from '../js/convertColor.mjs'
  * @vue-prop {Number} [labelShiftTop=0] 輸入文字垂直平移距離數字，單位為px，預設0
  * @vue-prop {Number} [space=0] 輸入標籤與項目區距離數字，單位為px，若為分行展示時則代表垂直距離(基礎距離0px)，若為非分行展示時則代表水平距離(基礎距離8px)，space為基礎距離再額外增加之距離，預設0
  * @vue-prop {Boolean} [seplines=false] 輸入標籤與項目是否為分行展示布林值，預設false
+ * @vue-prop {Boolean} [floatForItemSub=true] 輸入item-sub插槽區是否採浮動展示布林值，為true時以position:absolute浮貼於項目區下方而不佔空間，為false時另起一列正常佔空間，預設true
+ * @vue-slot {Object} item 項目區之渲染slot
+ * @vue-slot {Object} item-sub 項目區下方附屬內容之渲染slot，展示方式由floatForItemSub決定
  */
 export default {
     components: {

package/src/components/WPopup.vue

@@ -30,14 +30,14 @@ import WTooltip from './WTooltip.vue'
  * @vue-prop {Number} [maxWidth=null] 輸入彈窗最大寬度數字，不含paddingStyle的寬度，單位為px，預設null
  * @vue-prop {Boolean} [autoFitMinWidth=false] 輸入是否使用驅動區寬度作為彈窗之最小寬度布林值，不含paddingStyle的寬度，預設false
  * @vue-prop {Boolean} [autoFitMaxWidth=false] 輸入是否使用驅動區寬度作為彈窗之最大寬度布林值，不含paddingStyle的寬度，預設false
- * @vue-prop {String} [placement='bottom'] 輸入彈窗出現位置字串，可選'top-start'、'top'、'top-end'、'bottom-start'、'bottom'、'bottom-end'、'left-start'、'left'、'left-end'、'right-start'、'right'、'right-end'、，預設'bottom'
+ * @vue-prop {String} [placement='bottom-start'] 輸入彈窗出現位置字串，可選'top-start'、'top'、'top-end'、'bottom-start'、'bottom'、'bottom-end'、'left-start'、'left'、'left-end'、'right-start'、'right'、'right-end'、，預設'bottom-start'
  * @vue-prop {Number} [placementDistX=0] 輸入彈窗距離觸發元素之水平向右平移數字，單位為px，預設0
  * @vue-prop {Number} [placementDistY=5] 輸入彈窗距離觸發元素之垂直向下平移數字，單位為px，預設5
  * @vue-prop {Number} [borderRadius=4] 輸入彈窗框圓角度數字，單位為px，預設4
- * @vue-prop {String} [textFontSize='0.85rem'] 輸入彈窗文字字型大小字串，預設'0.85rem'
- * @vue-prop {String} [textColor='white'] 輸入彈窗文字顏色字串，預設'white'
- * @vue-prop {String} [backgroundColor='rgba(60,60,60,0.75)'] 輸入彈窗背景顏色字串，預設'rgba(60,60,60,0.75)'
- * @vue-prop {Object} [paddingStyle={v:2,h:10}] 輸入彈窗內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:2,h:10}
+ * @vue-prop {String} [textFontSize='inherit'] 輸入彈窗文字字型大小字串，預設'inherit'
+ * @vue-prop {String} [textColor='black'] 輸入彈窗文字顏色字串，預設'black'
+ * @vue-prop {String} [backgroundColor='white'] 輸入彈窗背景顏色字串，預設'white'
+ * @vue-prop {Object} [paddingStyle={v:0,h:0}] 輸入彈窗內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:0}
  * @vue-prop {String} [modeHide='click'] 輸入點擊外部關閉模式字串，可選'click'與'mousedown'，'click'為mouseup時才關閉，'mousedown'為mousedown時關閉，預設'click'
  * @vue-prop {Boolean} [shadow=true] 輸入彈窗是否顯示陰影布林值，預設true
  * @vue-prop {String} [shadowStyle=''] 輸入彈窗陰影顏色字串，預設值詳見props

package/src/components/WPopupEditText.vue

@@ -88,12 +88,12 @@ import WIcon from './WIcon.vue'
 
 /**
  * @vue-prop {String|Number} [value=''] 輸入數據字串或數字，預設''
- * @vue-prop {String} [title=''] 輸入上方區數據標題字串，預設''
+ * @vue-prop {String} [title='Editor'] 輸入上方區數據標題字串，預設'Editor'
  * @vue-prop {String} [titleColor='grey darken-3'] 輸入上方區數據標題顏色字串，預設'grey darken-3'
  * @vue-prop {String} [titleFontSize='0.8rem'] 輸入上方區數據標題字型大小字串，預設'0.8rem'
  * @vue-prop {String} [contentIcon=mdiSquareEditOutline] 輸入內容區圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiCommentEditOutline
  * @vue-prop {String} [contentIconColor='orange'] 輸入內容區圖標顏色字串，預設'orange'
- * @vue-prop {Number} [contentIconSize=36] 輸入內容區圖標大小，單位為px，預設36
+ * @vue-prop {Number} [contentIconSize=28] 輸入內容區圖標大小，單位為px，預設28
  * @vue-prop {String} [inputTextColor='grey darken-3'] 輸入輸入文字框之文字顏色字串，預設'grey darken-3'
  * @vue-prop {String} [inputTextBottomLineBorderColor='grey lighten-1'] 輸入輸入文字框之底部線顏色字串，預設'grey lighten-1'
  * @vue-prop {String} [inputTextBottomLineBorderColorHover='grey'] 輸入輸入文字框之滑鼠移入時底部線顏色字串，預設'grey'