w-component-vue 2.5.16 → 2.5.18

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/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'

package/src/components/WProgressBar.vue

@@ -66,7 +66,7 @@ import WIcon from './WIcon.vue'
  * @vue-prop {String} [titleTextFontSize='0.85rem'] 輸入文字字型大小字串，預設'0.85rem'
  * @vue-prop {Number} [height=4] 輸入高度數字，單位為px，預設4
  * @vue-prop {Number} [borderRadius=5] 輸入框圓角度數字，單位為px，預設5
- * @vue-prop {String} [progColor='light-green accent-4'] 輸入進度條顏色字串，預設'light-green accent-4'
+ * @vue-prop {String} [progColor='lime accent-4'] 輸入進度條顏色字串，預設'lime accent-4'
  * @vue-prop {String} [progBackgroundColor='light-green lighten-5'] 輸入進度條背景顏色字串，預設'light-green lighten-5'
  * @vue-prop {Number} [iconSize=20] 輸入左側圖標之尺寸數字，單位px，預設20
  * @vue-prop {String} [iconWaiting='mdiOrbitVariant'] 輸入等待狀態(value<=0)圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設'mdiOrbitVariant'

package/src/components/WProgressCircle.vue

@@ -81,7 +81,7 @@ import WTooltip from './WTooltip.vue'
 /**
  * @vue-prop {String} [text=''] 輸入文字字串，預設''
  * @vue-prop {Number} [value=0] 輸入數值，介於0~100之間，預設0
- * @vue-prop {String} [color='rgba(150,150,150,0.8)'] 輸入環狀圓條顏色字串，預設'rgba(150,150,150,0.8)'
+ * @vue-prop {String} [color='rgba(100,100,100,0.8)'] 輸入環狀圓條顏色字串，預設'rgba(100,100,100,0.8)'
  * @vue-prop {String} [trackColor='rgba(150,150,150,0.4)'] 輸入環狀軌道顏色字串，預設'rgba(150,150,150,0.4)'
  * @vue-prop {Number} [size=120] 輸入進度條外徑寬度，單位為px，預設120
  * @vue-prop {Number} [width=6] 輸入環狀圓條寬度，單位為px，預設6

package/src/components/WQuillVueDyn.vue

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

package/src/components/WSegmentsVertical.vue

@@ -232,7 +232,7 @@ import convertColor from '../js/convertColor.mjs'
  * @vue-prop {String} [keyText='text'] 輸入項目物件存放顯示文字之欄位字串，預設'text'
  * @vue-prop {Number} [valueMin=null] 輸入項目陣列內全部值之最小值數字，預設null
  * @vue-prop {Number} [valueMax=null] 輸入項目陣列內全部值之最大值數字，預設null
- * @vue-prop {String} [title='left'] 輸入軸標題文字字串，可選'left'與'right'，預設'left'
+ * @vue-prop {String} [title=''] 輸入軸標題文字字串，可選'left'與'right'，預設''
  * @vue-prop {String} [titleColor='#444'] 輸入軸標題文字顏色字串，預設'#444'
  * @vue-prop {String} [titleFontSize='1rem'] 輸入軸標題文字字型大小字串，預設'1rem'
  * @vue-prop {Number} [titleShift=null] 輸入軸標題與左側軸距離數字，單位為px，若給null則自動使用值為-paddingStyle.left+12，預設null
@@ -251,7 +251,7 @@ import convertColor from '../js/convertColor.mjs'
  * @vue-prop {String} [segmentBackgroundImageSize='75%'] 輸入區塊背景圖片尺寸字串，預設'75%'
  * @vue-prop {String} [segmentBackgroundColor='#FFB74D'] 輸入區塊背景顏色字串，預設'#FFB74D'
  * @vue-prop {Function} [funSegmentBackgroundColor=null] 輸入處理項目數據之區塊背景函數，預設null
- * @vue-prop {String|Object} [segmentBorderColor='#FFB74D'] 輸入區塊邊框顏色字串或物件，給予物件時可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，預設'#FB8C00'
+ * @vue-prop {String|Object} [segmentBorderColor='#FB8C00'] 輸入區塊邊框顏色字串或物件，給予物件時可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，預設'#FB8C00'
  * @vue-prop {Function} [funSegmentBorderColor=null] 輸入處理項目數據之區塊邊框函數，預設null
  * @vue-prop {Number} [segmentSize=3] 輸入區塊尺寸(為單側寬度，不含垂直線軸)數字，區塊以垂直線軸為中心左右各segmentSize，含線軸之總寬為segmentSize*2+1，單位為px，預設3
  * @vue-prop {Boolean} [segmentCanClick=false] 輸入區塊是否可點擊布林值，預設false

package/src/components/WShellEllipse.vue

@@ -140,7 +140,7 @@ import WTooltip from './WTooltip.vue'
  * @vue-prop {String} [rightIcon=''] 輸入右側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設''
  * @vue-prop {Number} [rightIconSize=24] 輸入右側圖標大小，單位為px，預設24
  * @vue-prop {String} [rightIconColor='deep-orange lighten-2'] 輸入右側圖標顏色字串，預設'deep-orange lighten-2'
- * @vue-prop {String} [rightIconColorHover='deep-orange lighten-1'] 輸入滑鼠移入時右側圖標顏色字串，預設'deep-orange lighten-1'
+ * @vue-prop {String} [rightIconColorHover='deep-orange lighten-2'] 輸入滑鼠移入時右側圖標顏色字串，預設'deep-orange lighten-2'
  * @vue-prop {String} [rightIconColorFocus='deep-orange lighten-1'] 輸入取得焦點時右側圖標顏色字串，預設'deep-orange lighten-1'
  * @vue-prop {String} [rightIconTooltip=''] 輸入右側圖標提示文字字串，預設''
  * @vue-prop {Number} [iconShiftOuter=-10] 輸入左右側圖標與外框距離數字，單位為px，預設-10

package/src/components/WSlider.vue

@@ -114,7 +114,7 @@ import hide from '@popperjs/core/lib/modifiers/hide.js'
  * @vue-prop {String} [sliderBackgroundColorDisabled='#aaa'] 輸入不可編輯時拖曳球背景顏色字串，預設'#aaa'
  * @vue-prop {Number} [cmpZIndex=3000] 輸入提示窗使用z-index數字，預設3000
  * @vue-prop {Number} [tooltipPlacementDist=5] 輸入提示窗距離觸發元素距離數字，單位為px，預設5
- * @vue-prop {Number} [tooltipBorderRadius=5] 輸入提示窗框圓角度數字，單位為px，預設4
+ * @vue-prop {Number} [tooltipBorderRadius=4] 輸入提示窗框圓角度數字，單位為px，預設4
  * @vue-prop {String} [tooltipTextFontSize='0.85rem'] 輸入提示窗框文字字型大小字串，預設'0.85rem'
  * @vue-prop {String} [tooltipTextColor='white'] 輸入提示窗框文字顏色字串，預設'white'
  * @vue-prop {String} [tooltipBackgroundColor='#666'] 輸入值域條背景顏色字串，預設'#666'

package/src/components/WSwitch.vue

@@ -53,14 +53,14 @@ import convertColor from '../js/convertColor.mjs'
  * @vue-prop {String} [checkedSwitchCircleColor='blue darken-3'] 輸入可編輯時，有效(true|'y')切換器鈕扣區顏色字串，預設'blue darken-3'
  * @vue-prop {String} [checkedSwitchCircleColorHover='blue darken-2'] 輸入滑鼠移入時可編輯時，有效(true|'y')切換器鈕扣區顏色字串，預設'blue darken-2'
  * @vue-prop {String} [checkedSwitchCircleColorDisabled='grey'] 輸入不可編輯時，有效(true|'y')切換器鈕扣區顏色字串，預設'grey'
- * @vue-prop {String} [uncheckedSwitchCircleColor='#8ad'] 輸入可編輯時，無效(false|'n')切換器鈕扣區顏色字串，預設'#8ad'
- * @vue-prop {String} [uncheckedSwitchCircleColorHover='#9bd'] 輸入滑鼠移入時可編輯時，無效(false|'n')切換器鈕扣區顏色字串，預設'#9bd'
+ * @vue-prop {String} [uncheckedSwitchCircleColor='#fafafa'] 輸入可編輯時，無效(false|'n')切換器鈕扣區顏色字串，預設'#fafafa'
+ * @vue-prop {String} [uncheckedSwitchCircleColorHover='#fff'] 輸入滑鼠移入時可編輯時，無效(false|'n')切換器鈕扣區顏色字串，預設'#fff'
  * @vue-prop {String} [uncheckedSwitchCircleColorDisabled='#bababa'] 輸入不可編輯時，無效(false|'n')切換器鈕扣區顏色字串，預設'#bababa'
  * @vue-prop {String} [checkedSwitchBarColor='#74a4d9'] 輸入可編輯時，有效(true|'y')切換器滑動區顏色字串，預設'#74a4d9'
  * @vue-prop {String} [checkedSwitchBarColorHover='#8bb3df'] 輸入滑鼠移入時可編輯時，有效(true|'y')切換器滑動區顏色字串，預設'#8bb3df'
- * @vue-prop {String} [checkedSwitchBarColorDisabled='grey'] 輸入不可編輯時，有效(true|'y')切換器滑動區顏色字串，預設'grey'
- * @vue-prop {String} [uncheckedSwitchBarColor='#8ad'] 輸入可編輯時，無效(false|'n')切換器滑動區顏色字串，預設'#8ad'
- * @vue-prop {String} [uncheckedSwitchBarColorHover='#9bd'] 輸入滑鼠移入時可編輯時，無效(false|'n')切換器滑動區顏色字串，預設'#9bd'
+ * @vue-prop {String} [checkedSwitchBarColorDisabled='#ececec'] 輸入不可編輯時，有效(true|'y')切換器滑動區顏色字串，預設'#ececec'
+ * @vue-prop {String} [uncheckedSwitchBarColor='#c5c5c5'] 輸入可編輯時，無效(false|'n')切換器滑動區顏色字串，預設'#c5c5c5'
+ * @vue-prop {String} [uncheckedSwitchBarColorHover='#ccc'] 輸入滑鼠移入時可編輯時，無效(false|'n')切換器滑動區顏色字串，預設'#ccc'
  * @vue-prop {String} [uncheckedSwitchBarColorDisabled='#ececec'] 輸入不可編輯時，無效(false|'n')切換器滑動區顏色字串，預設'#ececec'
  * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  */

package/src/components/WTableDyn.vue

@@ -112,9 +112,9 @@ import WIconLoading from './WIconLoading.vue'
  * @vue-prop {String} [fileNameWhenDownload='data.xlsx'] 輸入下載Excel檔案時儲存檔名稱字串，預設'data.xlsx'
  * @vue-prop {String} [sheetNameWhenDownload='data'] 輸入下載Excel檔案時sheet名稱字串，預設'data'
  * @vue-prop {Boolean} [editable=false] 輸入是否可編輯布林值，可被opt.defCellEditable複寫，預設為false
- * @vue-prop {String} [textLabelDataName='Data name] 輸入數據名稱字串，預設'Data name'
+ * @vue-prop {String} [textLabelDataName='Data name:'] 輸入數據名稱字串，預設'Data name:'
  * @vue-prop {String} [textPlaceholderDataName='Please enter data name'] 輸入數據名稱placeholder字串，預設'Please enter data name'
- * @vue-prop {String} [textLabelDataDescription='Data description'] 輸入數據說明字串，預設'Data description'
+ * @vue-prop {String} [textLabelDataDescription='Data description:'] 輸入數據說明字串，預設'Data description:'
  * @vue-prop {String} [textPlaceholderDataDescription='Please enter data description'] 輸入數據說明placeholder字串，預設'Please enter data description'
  * @vue-prop {String} [tooltipAddRow='add new row'] 輸入新增數據按鈕tooltip字串，預設'add new row'
  * @vue-prop {String} [tooltipDeleteSelectedRows='delete selected rows'] 輸入刪除選擇數據按鈕tooltip字串，預設'delete selected rows'
@@ -146,7 +146,7 @@ import WIconLoading from './WIconLoading.vue'
  * @vue-slot {Object} head-render 輸入head之渲染slot，轉發至w-table-vue再至w-aggrid-vue，slot props為{ value, key }
  * @vue-slot {Object} head-tooltip 輸入head之tooltip渲染slot，轉發至w-table-vue再至w-aggrid-vue，slot props為{ value, key }，slot內容於掛載時取靜態HTML快照，不支援事件綁定、子組件狀態與響應式更新
  * @vue-prop {Number} [cmpZIndex=3000] 輸入彈窗使用z-index數字，供嵌於高z-index彈窗內時提高層級，預設3000
- * @vue-prop {Object} [opt={}] 輸入w-aggrid-vue設定物件，預設{}
+ * @vue-prop {Object} [opt=null] 輸入w-aggrid-vue設定物件，預設null
  * @vue-prop {Array} [opt.keys] 輸入資料各欄位keys
  * @vue-prop {Array} [opt.rows] 輸入資料列，各列為物件，內含各欄位keys之值，例[{},{},...,{}]
  * @vue-prop {Object} [opt.kpHead={}] 輸入key對應head物件，預設各key值為本身key值