- Description:
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
items |
Array | [] |
No | 輸入項目的字串陣列或物件陣列，預設[] |
value |
String|Object | null |
No | 輸入單選字串或物件，預設null |
keyText |
String | 'text' |
No | 輸入項目為物件時，存放顯示文字之欄位字串，預設'text' |
keyIcon |
String | 'icon' |
No | 輸入項目為物件時，存放圖標之欄位字串，預設'icon' |
keyPickForObjItem |
String | '' |
No | 輸入項目為物件時，比對是否核選之欄位字串，若為空字串代表使用項目物件直接作比對，預設'' |
paddingStyle |
Object | {v:6,h:8} |
No | 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:6,h:8} |
spaceBetweenCheckboxAndContent |
Number | 8 |
No | 輸入左側核選圖標與項目內容區之距離數字，單位px，預設8 |
itemTextFontSize |
String | '1.0rem' |
No | 輸入文字字型大小字串，預設'1.0rem' |
itemBackgroundColor |
String | 'white' |
No | 輸入背景顏色字串，預設'white' |
itemBackgroundColorHover |
String | 'rgba(200,200,200,0.2)' |
No | 輸入滑鼠移入時背景顏色字串，預設'rgba(200,200,200,0.2)' |
itemBackgroundColorActive |
String | 'rgba(200,200,200,0.4)' |
No | 輸入主動模式時背景顏色字串，預設'rgba(200,200,200,0.4)' |
itemBackgroundColorDisabled |
String | 'white' |
No | 輸入非啟用模式時背景顏色字串，預設'white' |
itemTextColor |
String | '#444' |
No | 輸入文字顏色字串，預設'#444' |
itemTextColorHover |
String | '#222' |
No | 輸入滑鼠移入時文字顏色字串，預設'#222' |
itemTextColorActive |
String | 'white' |
No | 輸入主動模式時文字顏色字串，預設'white' |
itemTextColorDisabled |
String | '#444' |
No | 輸入非啟用模式時文字顏色字串，預設'#444' |
itemIconSize |
Number | 18 |
No | 輸入左側圖標之尺寸數字，單位px，預設18 |
itemIconColor |
String | '#444' |
No | 輸入圖標顏色字串，預設'#444' |
itemIconColorHover |
String | '#222' |
No | 輸入滑鼠移入時圖標顏色字串，預設'#222' |
itemIconColorActive |
String | 'white' |
No | 輸入主動模式時圖標顏色字串，預設'white' |
itemIconColorDisabled |
String | '#444' |
No | 輸入非啟用模式時圖標顏色字串，預設'#444' |
itemRippleColor |
String | 'rgba(255,255,255,0.4)' |
No | 輸入ripple效果顏色字串，預設'rgba(255,255,255,0.4)' |
itemDisabledColor |
String | 'transparent' |
No | 輸入非編輯模式時遮罩顏色字串，預設'transparent' |
itemCursorPointer |
Boolean | true |
No | 輸入是否滑鼠移入顯示pointer樣式布林值，預設true |
itemCheckIconIconSize |
Number | 18 |
No | 輸入核選圖標之圖標大小，單位為px，預設18 |
itemCheckIconCheckedIcon |
String | mdiCheckCircle |
No | 輸入核選圖標之有效(true|'y')圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiCheckCircle |
itemCheckIconCheckedIconColor |
String | 'blue darken-3' |
No | 輸入核選圖標有效(true|'y')圖標顏色字串，預設'blue darken-3' |
itemCheckIconCheckedIconColorHover |
String | 'blue darken-2' |
No | 輸入滑鼠移入時核選圖標有效(true|'y')圖標顏色字串，預設'blue darken-2' |
itemCheckIconCheckedIconColorActive |
String | 'blue darken-2' |
No | 輸入主動模式時核選圖標有效(true|'y')圖標顏色字串，預設'blue darken-2' |
itemCheckIconCheckedIconColorDisabled |
String | 'grey' |
No | 輸入非啟用模式時核選圖標有效(true|'y')圖標顏色字串，預設'grey' |
itemCheckIconUncheckedIcon |
String | mdiCheckboxBlankCircleOutline |
No | 輸入核選圖標之無效(false|'n')圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiCheckboxBlankCircleOutline |
itemCheckIconUncheckedIconColor |
String | 'blue darken-3' |
No | 輸入核選圖標無效(false|'n')圖標顏色字串，預設'blue darken-3' |
itemCheckIconUncheckedIconColorHover |
String | 'blue darken-2' |
No | 輸入滑鼠移入時核選圖標無效(false|'n')圖標顏色字串，預設'blue darken-2' |
itemCheckIconUncheckedIconColorActive |
String | 'blue darken-2' |
No | 輸入主動模式時核選圖標無效(false|'n')圖標顏色字串，預設'blue darken-2' |
itemCheckIconUncheckedIconColorDisabled |
String | 'grey' |
No | 輸入非啟用模式時核選圖標無效(false|'n')圖標顏色字串，預設'grey' |
enableQuery |
Boolean | false |
No | 輸入是否使用過濾關鍵字功能布林值，預設false |
query |
String | '' |
No | 輸入過濾關鍵字字串，預設'' |
queryKeysPickForObjItem |
String | [] |
No | 輸入項目為物件時，於查詢時所須提取出之欄位字串陣列，預設[] |
queryPaddingStyle |
Object | {v:0,h:0} |
No | 輸入過濾文字框之內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:0} |
queryBorderRadius |
Number | 30 |
No | 輸入過濾文字框之框圓角度數字，單位為px，預設30 |
queryShadow |
Boolean | false |
No | 輸入過濾文字框之是否為陰影模式，預設false |
queryTextFontSize |
String | '1.0rem' |
No | 輸入過濾文字框之文字大小字串，預設'1.0rem' |
queryTextColor |
String | 'black' |
No | 輸入過濾文字框之文字顏色字串，預設'black' |
queryTextAlign |
String | 'left' |
No | 輸入過濾文字框之文字左右對齊字串，預設'left' |
queryIcon |
String | mdiFilterOutline |
No | 輸入過濾文字框之左側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiFilterOutline |
queryIconSize |
Number | 18 |
No | 輸入過濾文字框之左側圖標大小，單位為px，預設18 |
queryIconColor |
String | 'blue' |
No | 輸入過濾文字框之左側圖標顏色字串，預設'blue' |
queryIconColorHover |
String | 'blue darken-1' |
No | 輸入過濾文字框之滑鼠移入時左側圖標顏色字串，預設'blue darken-1' |
queryIconColorFocus |
String | 'blue darken-1' |
No | 輸入過濾文字框之取得焦點時左側圖標顏色字串，預設'blue darken-1' |
queryIconTooltip |
String | '' |
No | 輸入過濾文字框之左側圖標提示文字字串，預設'' |
queryIconShiftOuter |
Number | 0 |
No | 輸入過濾文字框之左右側圖標與外框距離數字，單位為px，預設0 |
queryIconShiftInner |
Number | 5 |
No | 輸入過濾文字框之左右側圖標與內插槽區距離數字，單位為px，預設5 |
queryBackgroundColor |
String | 'transparent' |
No | 輸入過濾文字框之背景顏色字串，預設'transparent' |
queryBackgroundColorHover |
String | 'transparent' |
No | 輸入過濾文字框之滑鼠移入時背景顏色字串，預設'transparent' |
queryBackgroundColorFocus |
String | 'transparent' |
No | 輸入過濾文字框之取得焦點時背景顏色字串，預設'transparent' |
queryBorderColor |
String | 'transparent' |
No | 輸入過濾文字框之邊框顏色字串，預設'transparent' |
queryBorderColorHover |
String | 'transparent' |
No | 輸入過濾文字框之滑鼠移入時邊框顏色字串，預設'transparent' |
queryBorderColorFocus |
String | 'transparent' |
No | 輸入過濾文字框之取得焦點時邊框顏色字串，預設'transparent' |
queryBottomLineBorderColor |
String | 'grey lighten-1' |
No | 輸入過濾文字框之底部線顏色字串，預設'grey lighten-1' |
queryBottomLineBorderColorHover |
String | 'grey' |
No | 輸入過濾文字框之滑鼠移入時底部線顏色字串，預設'grey' |
queryBottomLineBorderColorFocus |
String | 'blue darken-1' |
No | 輸入過濾文字框之取得焦點時底部線顏色字串，預設'blue darken-1' |
queryBottomLineBorderWidth |
Number | 1 |
No | 輸入過濾文字框之底部線寬度數字，單位為px，預設1 |
queryBottomLineBorderWidthHover |
Number | 1 |
No | 輸入過濾文字框之滑鼠移入時底部線寬度數字，單位為px，預設1 |
queryBottomLineBorderWidthFocus |
Number | 2 |
No | 輸入過濾文字框之取得焦點時底部線寬度數字，單位為px，預設2 |
queryPlaceholder |
String | 'Keywords' |
No | 輸入過濾文字框之無文字時的替代字符字串，預設'Keywords' |
queryHeight |
Number | 28 |
No | 輸入過濾文字框之高度數字，單位為px，預設28 |
queryFocused |
Boolean | false |
No | 輸入過濾文字框之是否為取得焦點狀態，預設false |
queryPanelPaddingStyle |
Object | {v:10,h:10} |
No | 輸入過濾文字框所在區域之內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:10,h:10} |
querySepLineColor |
String | '#ddd' |
No | 輸入過濾文字框與下方核選區之分界線顏色字串，預設'#ddd' |
querySepLineWidth |
Number | 1 |
No | 輸入過濾文字框與下方核選區之分界線寬度數字，單位為px，預設1 |
| Name | Type | Default value | Required? | Description |
|---|---|---|---|---|
items |
Array | [] |
No | 輸入項目的字串陣列或物件陣列，預設[] |
value |
String|Object | null |
No | 輸入單選字串或物件，預設null |
keyText |
String | 'text' |
No | 輸入項目為物件時，存放顯示文字之欄位字串，預設'text' |
keyIcon |
String | 'icon' |
No | 輸入項目為物件時，存放圖標之欄位字串，預設'icon' |
keyPickForObjItem |
String | '' |
No | 輸入項目為物件時，比對是否核選之欄位字串，若為空字串代表使用項目物件直接作比對，預設'' |
paddingStyle |
Object | {v:6,h:8} |
No | 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:6,h:8} |
spaceBetweenCheckboxAndContent |
Number | 8 |
No | 輸入左側核選圖標與項目內容區之距離數字，單位px，預設8 |
itemTextFontSize |
String | '1.0rem' |
No | 輸入文字字型大小字串，預設'1.0rem' |
itemBackgroundColor |
String | 'white' |
No | 輸入背景顏色字串，預設'white' |
itemBackgroundColorHover |
String | 'rgba(200,200,200,0.2)' |
No | 輸入滑鼠移入時背景顏色字串，預設'rgba(200,200,200,0.2)' |
itemBackgroundColorActive |
String | 'rgba(200,200,200,0.4)' |
No | 輸入主動模式時背景顏色字串，預設'rgba(200,200,200,0.4)' |
itemBackgroundColorDisabled |
String | 'white' |
No | 輸入非啟用模式時背景顏色字串，預設'white' |
itemTextColor |
String | '#444' |
No | 輸入文字顏色字串，預設'#444' |
itemTextColorHover |
String | '#222' |
No | 輸入滑鼠移入時文字顏色字串，預設'#222' |
itemTextColorActive |
String | 'white' |
No | 輸入主動模式時文字顏色字串，預設'white' |
itemTextColorDisabled |
String | '#444' |
No | 輸入非啟用模式時文字顏色字串，預設'#444' |
itemIconSize |
Number | 18 |
No | 輸入左側圖標之尺寸數字，單位px，預設18 |
itemIconColor |
String | '#444' |
No | 輸入圖標顏色字串，預設'#444' |
itemIconColorHover |
String | '#222' |
No | 輸入滑鼠移入時圖標顏色字串，預設'#222' |
itemIconColorActive |
String | 'white' |
No | 輸入主動模式時圖標顏色字串，預設'white' |
itemIconColorDisabled |
String | '#444' |
No | 輸入非啟用模式時圖標顏色字串，預設'#444' |
itemRippleColor |
String | 'rgba(255,255,255,0.4)' |
No | 輸入ripple效果顏色字串，預設'rgba(255,255,255,0.4)' |
itemDisabledColor |
String | 'transparent' |
No | 輸入非編輯模式時遮罩顏色字串，預設'transparent' |
itemCursorPointer |
Boolean | true |
No | 輸入是否滑鼠移入顯示pointer樣式布林值，預設true |
itemCheckIconIconSize |
Number | 18 |
No | 輸入核選圖標之圖標大小，單位為px，預設18 |
itemCheckIconCheckedIcon |
String | mdiCheckCircle |
No | 輸入核選圖標之有效(true|'y')圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiCheckCircle |
itemCheckIconCheckedIconColor |
String | 'blue darken-3' |
No | 輸入核選圖標有效(true|'y')圖標顏色字串，預設'blue darken-3' |
itemCheckIconCheckedIconColorHover |
String | 'blue darken-2' |
No | 輸入滑鼠移入時核選圖標有效(true|'y')圖標顏色字串，預設'blue darken-2' |
itemCheckIconCheckedIconColorActive |
String | 'blue darken-2' |
No | 輸入主動模式時核選圖標有效(true|'y')圖標顏色字串，預設'blue darken-2' |
itemCheckIconCheckedIconColorDisabled |
String | 'grey' |
No | 輸入非啟用模式時核選圖標有效(true|'y')圖標顏色字串，預設'grey' |
itemCheckIconUncheckedIcon |
String | mdiCheckboxBlankCircleOutline |
No | 輸入核選圖標之無效(false|'n')圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiCheckboxBlankCircleOutline |
itemCheckIconUncheckedIconColor |
String | 'blue darken-3' |
No | 輸入核選圖標無效(false|'n')圖標顏色字串，預設'blue darken-3' |
itemCheckIconUncheckedIconColorHover |
String | 'blue darken-2' |
No | 輸入滑鼠移入時核選圖標無效(false|'n')圖標顏色字串，預設'blue darken-2' |
itemCheckIconUncheckedIconColorActive |
String | 'blue darken-2' |
No | 輸入主動模式時核選圖標無效(false|'n')圖標顏色字串，預設'blue darken-2' |
itemCheckIconUncheckedIconColorDisabled |
String | 'grey' |
No | 輸入非啟用模式時核選圖標無效(false|'n')圖標顏色字串，預設'grey' |
enableQuery |
Boolean | false |
No | 輸入是否使用過濾關鍵字功能布林值，預設false |
query |
String | '' |
No | 輸入過濾關鍵字字串，預設'' |
queryKeysPickForObjItem |
String | [] |
No | 輸入項目為物件時，於查詢時所須提取出之欄位字串陣列，預設[] |
queryPaddingStyle |
Object | {v:0,h:0} |
No | 輸入過濾文字框之內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:0} |
queryBorderRadius |
Number | 30 |
No | 輸入過濾文字框之框圓角度數字，單位為px，預設30 |
queryShadow |
Boolean | false |
No | 輸入過濾文字框之是否為陰影模式，預設false |
queryTextFontSize |
String | '1.0rem' |
No | 輸入過濾文字框之文字大小字串，預設'1.0rem' |
queryTextColor |
String | 'black' |
No | 輸入過濾文字框之文字顏色字串，預設'black' |
queryTextAlign |
String | 'left' |
No | 輸入過濾文字框之文字左右對齊字串，預設'left' |
queryIcon |
String | mdiFilterOutline |
No | 輸入過濾文字框之左側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiFilterOutline |
queryIconSize |
Number | 18 |
No | 輸入過濾文字框之左側圖標大小，單位為px，預設18 |
queryIconColor |
String | 'blue' |
No | 輸入過濾文字框之左側圖標顏色字串，預設'blue' |
queryIconColorHover |
String | 'blue darken-1' |
No | 輸入過濾文字框之滑鼠移入時左側圖標顏色字串，預設'blue darken-1' |
queryIconColorFocus |
String | 'blue darken-1' |
No | 輸入過濾文字框之取得焦點時左側圖標顏色字串，預設'blue darken-1' |
queryIconTooltip |
String | '' |
No | 輸入過濾文字框之左側圖標提示文字字串，預設'' |
queryIconShiftOuter |
Number | 0 |
No | 輸入過濾文字框之左右側圖標與外框距離數字，單位為px，預設0 |
queryIconShiftInner |
Number | 5 |
No | 輸入過濾文字框之左右側圖標與內插槽區距離數字，單位為px，預設5 |
queryBackgroundColor |
String | 'transparent' |
No | 輸入過濾文字框之背景顏色字串，預設'transparent' |
queryBackgroundColorHover |
String | 'transparent' |
No | 輸入過濾文字框之滑鼠移入時背景顏色字串，預設'transparent' |
queryBackgroundColorFocus |
String | 'transparent' |
No | 輸入過濾文字框之取得焦點時背景顏色字串，預設'transparent' |
queryBorderColor |
String | 'transparent' |
No | 輸入過濾文字框之邊框顏色字串，預設'transparent' |
queryBorderColorHover |
String | 'transparent' |
No | 輸入過濾文字框之滑鼠移入時邊框顏色字串，預設'transparent' |
queryBorderColorFocus |
String | 'transparent' |
No | 輸入過濾文字框之取得焦點時邊框顏色字串，預設'transparent' |
queryBottomLineBorderColor |
String | 'grey lighten-1' |
No | 輸入過濾文字框之底部線顏色字串，預設'grey lighten-1' |
queryBottomLineBorderColorHover |
String | 'grey' |
No | 輸入過濾文字框之滑鼠移入時底部線顏色字串，預設'grey' |
queryBottomLineBorderColorFocus |
String | 'blue darken-1' |
No | 輸入過濾文字框之取得焦點時底部線顏色字串，預設'blue darken-1' |
queryBottomLineBorderWidth |
Number | 1 |
No | 輸入過濾文字框之底部線寬度數字，單位為px，預設1 |
queryBottomLineBorderWidthHover |
Number | 1 |
No | 輸入過濾文字框之滑鼠移入時底部線寬度數字，單位為px，預設1 |
queryBottomLineBorderWidthFocus |
Number | 2 |
No | 輸入過濾文字框之取得焦點時底部線寬度數字，單位為px，預設2 |
queryPlaceholder |
String | 'Keywords' |
No | 輸入過濾文字框之無文字時的替代字符字串，預設'Keywords' |
queryHeight |
Number | 28 |
No | 輸入過濾文字框之高度數字，單位為px，預設28 |
queryFocused |
Boolean | false |
No | 輸入過濾文字框之是否為取得焦點狀態，預設false |
queryPanelPaddingStyle |
Object | {v:10,h:10} |
No | 輸入過濾文字框所在區域之內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:10,h:10} |
querySepLineColor |
String | '#ddd' |
No | 輸入過濾文字框與下方核選區之分界線顏色字串，預設'#ddd' |
querySepLineWidth |
Number | 1 |
No | 輸入過濾文字框與下方核選區之分界線寬度數字，單位為px，預設1 |