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 |