npm - w-component-vue - Versions diffs - 2.3.21 → 2.3.23 - Mend

w-component-vue 2.3.21 → 2.3.23

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 (1238) hide show

package/docs/module-WListCheck.html ADDED Viewed

@@ -0,0 +1,1056 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>WListCheck - Documentation</title>
+    <script src="scripts/prettify/prettify.js"></script>
+    <script src="scripts/prettify/lang-css.js"></script>
+    <!--[if lt IE 9]>
+      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+    <link type="text/css" rel="stylesheet" href="styles/prettify.css">
+    <link type="text/css" rel="stylesheet" href="styles/jsdoc.css">
+    <script src="scripts/nav.js" defer></script>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
+<body>
+<input type="checkbox" id="nav-trigger" class="nav-trigger" />
+<label for="nav-trigger" class="navicon-button x">
+  <div class="navicon"></div>
+</label>
+<label for="nav-trigger" class="overlay"></label>
+<nav >
+    <h2><a href="index.html">Home</a></h2><h3>Modules</h3><ul><li><a href="module-WAggridVueDyn.html">WAggridVueDyn</a></li><li><a href="module-WBadge.html">WBadge</a></li><li><a href="module-WButtonChip.html">WButtonChip</a></li><li><a href="module-WButtonCircle.html">WButtonCircle</a></li><li><a href="module-WCheckbox.html">WCheckbox</a></li><li><a href="module-WCkeditorVueDyn.html">WCkeditorVueDyn</a></li><li><a href="module-WConfirm.html">WConfirm</a></li><li><a href="module-WDialog.html">WDialog</a></li><li><a href="module-WDrawer.html">WDrawer</a></li><li><a href="module-WDropfiles.html">WDropfiles</a></li><li><a href="module-WDynamicList.html">WDynamicList</a></li><li><a href="module-WEchartsVueDyn.html">WEchartsVueDyn</a></li><li><a href="module-WExplorer.html">WExplorer</a></li><li><a href="module-WGroupBaggage.html">WGroupBaggage</a></li><li><a href="module-WGroupCheck.html">WGroupCheck</a></li><li><a href="module-WGroupDragdrop.html">WGroupDragdrop</a></li><li><a href="module-WGroupRadio.html">WGroupRadio</a></li><li><a href="module-WGroupTags.html">WGroupTags</a></li><li><a href="module-WHighchartsBitmapDyn.html">WHighchartsBitmapDyn</a></li><li><a href="module-WHighchartsVueDyn.html">WHighchartsVueDyn</a></li><li><a href="module-WHighstockVueDyn.html">WHighstockVueDyn</a></li><li><a href="module-WIcon.html">WIcon</a></li><li><a href="module-WIconLoading.html">WIconLoading</a></li><li><a href="module-WIconSvg.html">WIconSvg</a></li><li><a href="module-WImageCascadingDyn.html">WImageCascadingDyn</a></li><li><a href="module-WImageViewerDyn.html">WImageViewerDyn</a></li><li><a href="module-WInputCheckbox.html">WInputCheckbox</a></li><li><a href="module-WInputRadio.html">WInputRadio</a></li><li><a href="module-WJsonView.html">WJsonView</a></li><li><a href="module-WLeafletVueDyn.html">WLeafletVueDyn</a></li><li><a href="module-WListCheck.html">WListCheck</a></li><li><a href="module-WListExpand.html">WListExpand</a></li><li><a href="module-WListExpandItem.html">WListExpandItem</a></li><li><a href="module-WListHorizontal.html">WListHorizontal</a></li><li><a href="module-WListItem.html">WListItem</a></li><li><a href="module-WListVertical.html">WListVertical</a></li><li><a href="module-WPanelAvatar.html">WPanelAvatar</a></li><li><a href="module-WPanelBulge.html">WPanelBulge</a></li><li><a href="module-WPanelDivideHorizontal.html">WPanelDivideHorizontal</a></li><li><a href="module-WPanelDivideVertical.html">WPanelDivideVertical</a></li><li><a href="module-WPanelLabelItem.html">WPanelLabelItem</a></li><li><a href="module-WPanelScale.html">WPanelScale</a></li><li><a href="module-WPanelScrolly.html">WPanelScrolly</a></li><li><a href="module-WPanelScrollyCore.html">WPanelScrollyCore</a></li><li><a href="module-WPanelStripe.html">WPanelStripe</a></li><li><a href="module-WPopup.html">WPopup</a></li><li><a href="module-WPopupEditText.html">WPopupEditText</a></li><li><a href="module-WProgressBar.html">WProgressBar</a></li><li><a href="module-WProgressCircle.html">WProgressCircle</a></li><li><a href="module-WQuillVueDyn.html">WQuillVueDyn</a></li><li><a href="module-WSegmentsVertical.html">WSegmentsVertical</a></li><li><a href="module-WShellBottomLine.html">WShellBottomLine</a></li><li><a href="module-WShellEllipse.html">WShellEllipse</a></li><li><a href="module-WSwitch.html">WSwitch</a></li><li><a href="module-WTableDyn.html">WTableDyn</a></li><li><a href="module-WText.html">WText</a></li><li><a href="module-WTextCore.html">WTextCore</a></li><li><a href="module-WTextInt.html">WTextInt</a></li><li><a href="module-WTextIntCore.html">WTextIntCore</a></li><li><a href="module-WTextSelect.html">WTextSelect</a></li><li><a href="module-WTextSuggest.html">WTextSuggest</a></li><li><a href="module-WTextSuggestCore.html">WTextSuggestCore</a></li><li><a href="module-WTextarea.html">WTextarea</a></li><li><a href="module-WTextareaCore.html">WTextareaCore</a></li><li><a href="module-WTimeday.html">WTimeday</a></li><li><a href="module-WTimedayCore.html">WTimedayCore</a></li><li><a href="module-WTimedayRange.html">WTimedayRange</a></li><li><a href="module-WTimedayRangeCore.html">WTimedayRangeCore</a></li><li><a href="module-WTimeminute.html">WTimeminute</a></li><li><a href="module-WTimeminuteCore.html">WTimeminuteCore</a></li><li><a href="module-WTimeminuteRange.html">WTimeminuteRange</a></li><li><a href="module-WTimeminuteRangeCore.html">WTimeminuteRangeCore</a></li><li><a href="module-WTinymceVueDyn.html">WTinymceVueDyn</a></li><li><a href="module-WTooltip.html">WTooltip</a></li><li><a href="module-WTree.html">WTree</a></li><li><a href="module-WTreeIconCheckbox.html">WTreeIconCheckbox</a></li><li><a href="module-WTreeIconToggle.html">WTreeIconToggle</a></li></ul><h3>Global</h3><ul><li><a href="global.html#binarySearch">binarySearch</a></li><li><a href="global.html#color2hex">color2hex</a></li></ul>
+</nav>
+<div id="main">
+    <h1 class="page-title">WListCheck</h1>
+<section>
+<header>
+</header>
+<article>
+        <div class="container-overview">
+<dl class="details">
+    <dt class="tag-description">Description:</dt>
+    <dd class="tag-description"><ul class="dummy"><li></p></div></div>
+<h3 class="subsection-title" style="margin-top: 1em" data-jsdoc-vuejs="section-props">Props</h3>
+<table data-jsdoc-vuejs="table-props">
+    <thead>
+    <tr>
+        <th>Name</th>
+        <th>Type</th>
+        <th>Default value</th>
+        <th>Required?</th>
+        <th>Description</th>
+    </tr>
+    </thead>
+    <tbody><tr>
+        <td><code>multiCheck</code></td>
+        <td>Boolean</td>
+        <td><code>true</code></td>
+        <td>No</td>
+        <td>輸入是否為複選模式布林值，預設true</td>
+    </tr><tr>
+        <td><code>items</code></td>
+        <td>Array</td>
+        <td><code>[]</code></td>
+        <td>No</td>
+        <td>輸入項目的字串陣列或物件陣列，預設[]</td>
+    </tr><tr>
+        <td><code>value</code></td>
+        <td>Array|String|Object</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入單、複選陣列、字串或物件陣列，預設null</td>
+    </tr><tr>
+        <td><code>keyText</code></td>
+        <td>String</td>
+        <td><code>'text'</code></td>
+        <td>No</td>
+        <td>輸入項目為物件時，存放顯示文字之欄位字串，預設'text'</td>
+    </tr><tr>
+        <td><code>keyIcon</code></td>
+        <td>String</td>
+        <td><code>'icon'</code></td>
+        <td>No</td>
+        <td>輸入項目為物件時，存放圖標之欄位字串，預設'icon'</td>
+    </tr><tr>
+        <td><code>keyPickForObjItem</code></td>
+        <td>String</td>
+        <td><code>''</code></td>
+        <td>No</td>
+        <td>輸入項目為物件時，比對是否核選之欄位字串，若為空字串代表使用項目物件直接作比對，預設''</td>
+    </tr><tr>
+        <td><code>paddingStyle</code></td>
+        <td>Object</td>
+        <td><code>{v:6,h:8}</code></td>
+        <td>No</td>
+        <td>輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:6,h:8}</td>
+    </tr><tr>
+        <td><code>spaceBetweenCheckboxAndContent</code></td>
+        <td>Number</td>
+        <td><code>8</code></td>
+        <td>No</td>
+        <td>輸入左側核選圖標與項目內容區之距離數字，單位px，預設8</td>
+    </tr><tr>
+        <td><code>itemTextFontSize</code></td>
+        <td>String</td>
+        <td><code>'1.0rem'</code></td>
+        <td>No</td>
+        <td>輸入文字字型大小字串，預設'1.0rem'</td>
+    </tr><tr>
+        <td><code>itemBackgroundColor</code></td>
+        <td>String</td>
+        <td><code>'white'</code></td>
+        <td>No</td>
+        <td>輸入背景顏色字串，預設'white'</td>
+    </tr><tr>
+        <td><code>itemBackgroundColorHover</code></td>
+        <td>String</td>
+        <td><code>'rgba(200,200,200,0.2)'</code></td>
+        <td>No</td>
+        <td>輸入滑鼠移入時背景顏色字串，預設'rgba(200,200,200,0.2)'</td>
+    </tr><tr>
+        <td><code>itemBackgroundColorActive</code></td>
+        <td>String</td>
+        <td><code>'rgba(200,200,200,0.4)'</code></td>
+        <td>No</td>
+        <td>輸入主動模式時背景顏色字串，預設'rgba(200,200,200,0.4)'</td>
+    </tr><tr>
+        <td><code>itemBackgroundColorDisabled</code></td>
+        <td>String</td>
+        <td><code>'white'</code></td>
+        <td>No</td>
+        <td>輸入非啟用模式時背景顏色字串，預設'white'</td>
+    </tr><tr>
+        <td><code>itemTextColor</code></td>
+        <td>String</td>
+        <td><code>'#444'</code></td>
+        <td>No</td>
+        <td>輸入文字顏色字串，預設'#444'</td>
+    </tr><tr>
+        <td><code>itemTextColorHover</code></td>
+        <td>String</td>
+        <td><code>'#222'</code></td>
+        <td>No</td>
+        <td>輸入滑鼠移入時文字顏色字串，預設'#222'</td>
+    </tr><tr>
+        <td><code>itemTextColorActive</code></td>
+        <td>String</td>
+        <td><code>'white'</code></td>
+        <td>No</td>
+        <td>輸入主動模式時文字顏色字串，預設'white'</td>
+    </tr><tr>
+        <td><code>itemTextColorDisabled</code></td>
+        <td>String</td>
+        <td><code>'#444'</code></td>
+        <td>No</td>
+        <td>輸入非啟用模式時文字顏色字串，預設'#444'</td>
+    </tr><tr>
+        <td><code>itemIconSize</code></td>
+        <td>Number</td>
+        <td><code>18</code></td>
+        <td>No</td>
+        <td>輸入左側圖標之尺寸數字，單位px，預設18</td>
+    </tr><tr>
+        <td><code>itemIconColor</code></td>
+        <td>String</td>
+        <td><code>'#444'</code></td>
+        <td>No</td>
+        <td>輸入圖標顏色字串，預設'#444'</td>
+    </tr><tr>
+        <td><code>itemIconColorHover</code></td>
+        <td>String</td>
+        <td><code>'#222'</code></td>
+        <td>No</td>
+        <td>輸入滑鼠移入時圖標顏色字串，預設'#222'</td>
+    </tr><tr>
+        <td><code>itemIconColorActive</code></td>
+        <td>String</td>
+        <td><code>'white'</code></td>
+        <td>No</td>
+        <td>輸入主動模式時圖標顏色字串，預設'white'</td>
+    </tr><tr>
+        <td><code>itemIconColorDisabled</code></td>
+        <td>String</td>
+        <td><code>'#444'</code></td>
+        <td>No</td>
+        <td>輸入非啟用模式時圖標顏色字串，預設'#444'</td>
+    </tr><tr>
+        <td><code>itemRippleColor</code></td>
+        <td>String</td>
+        <td><code>'rgba(255,255,255,0.4)'</code></td>
+        <td>No</td>
+        <td>輸入ripple效果顏色字串，預設'rgba(255,255,255,0.4)'</td>
+    </tr><tr>
+        <td><code>itemDisabledColor</code></td>
+        <td>String</td>
+        <td><code>'transparent'</code></td>
+        <td>No</td>
+        <td>輸入非編輯模式時遮罩顏色字串，預設'transparent'</td>
+    </tr><tr>
+        <td><code>itemCursorPointer</code></td>
+        <td>Boolean</td>
+        <td><code>true</code></td>
+        <td>No</td>
+        <td>輸入是否滑鼠移入顯示pointer樣式布林值，預設true</td>
+    </tr><tr>
+        <td><code>itemCheckIconIconSize</code></td>
+        <td>Number</td>
+        <td><code>18</code></td>
+        <td>No</td>
+        <td>輸入核選圖標之圖標大小，單位為px，預設18</td>
+    </tr><tr>
+        <td><code>itemCheckIconCheckedIcon</code></td>
+        <td>String</td>
+        <td><code>mdiCheckboxMarked</code></td>
+        <td>No</td>
+        <td>輸入核選圖標之有效(true|'y')圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiCheckboxMarked</td>
+    </tr><tr>
+        <td><code>itemCheckIconCheckedIconColor</code></td>
+        <td>String</td>
+        <td><code>'blue darken-3'</code></td>
+        <td>No</td>
+        <td>輸入核選圖標有效(true|'y')圖標顏色字串，預設'blue darken-3'</td>
+    </tr><tr>
+        <td><code>itemCheckIconCheckedIconColorHover</code></td>
+        <td>String</td>
+        <td><code>'blue darken-2'</code></td>
+        <td>No</td>
+        <td>輸入滑鼠移入時核選圖標有效(true|'y')圖標顏色字串，預設'blue darken-2'</td>
+    </tr><tr>
+        <td><code>itemCheckIconCheckedIconColorActive</code></td>
+        <td>String</td>
+        <td><code>'blue darken-2'</code></td>
+        <td>No</td>
+        <td>輸入主動模式時核選圖標有效(true|'y')圖標顏色字串，預設'blue darken-2'</td>
+    </tr><tr>
+        <td><code>itemCheckIconCheckedIconColorDisabled</code></td>
+        <td>String</td>
+        <td><code>'grey'</code></td>
+        <td>No</td>
+        <td>輸入非啟用模式時核選圖標有效(true|'y')圖標顏色字串，預設'grey'</td>
+    </tr><tr>
+        <td><code>itemCheckIconUncheckedIcon</code></td>
+        <td>String</td>
+        <td><code>mdiCheckboxBlankOutline</code></td>
+        <td>No</td>
+        <td>輸入核選圖標之無效(false|'n')圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiCheckboxBlankOutline</td>
+    </tr><tr>
+        <td><code>itemCheckIconUncheckedIconColor</code></td>
+        <td>String</td>
+        <td><code>'blue darken-3'</code></td>
+        <td>No</td>
+        <td>輸入核選圖標無效(false|'n')圖標顏色字串，預設'blue darken-3'</td>
+    </tr><tr>
+        <td><code>itemCheckIconUncheckedIconColorHover</code></td>
+        <td>String</td>
+        <td><code>'blue darken-2'</code></td>
+        <td>No</td>
+        <td>輸入滑鼠移入時核選圖標無效(false|'n')圖標顏色字串，預設'blue darken-2'</td>
+    </tr><tr>
+        <td><code>itemCheckIconUncheckedIconColorActive</code></td>
+        <td>String</td>
+        <td><code>'blue darken-2'</code></td>
+        <td>No</td>
+        <td>輸入主動模式時核選圖標無效(false|'n')圖標顏色字串，預設'blue darken-2'</td>
+    </tr><tr>
+        <td><code>itemCheckIconUncheckedIconColorDisabled</code></td>
+        <td>String</td>
+        <td><code>'grey'</code></td>
+        <td>No</td>
+        <td>輸入非啟用模式時核選圖標無效(false|'n')圖標顏色字串，預設'grey'</td>
+    </tr><tr>
+        <td><code>enableQuery</code></td>
+        <td>Boolean</td>
+        <td><code>false</code></td>
+        <td>No</td>
+        <td>輸入是否使用過濾關鍵字功能布林值，預設false</td>
+    </tr><tr>
+        <td><code>query</code></td>
+        <td>String</td>
+        <td><code>''</code></td>
+        <td>No</td>
+        <td>輸入過濾關鍵字字串，預設''</td>
+    </tr><tr>
+        <td><code>queryKeysPickForObjItem</code></td>
+        <td>String</td>
+        <td><code>[]</code></td>
+        <td>No</td>
+        <td>輸入項目為物件時，於查詢時所須提取出之欄位字串陣列，預設[]</td>
+    </tr><tr>
+        <td><code>queryPaddingStyle</code></td>
+        <td>Object</td>
+        <td><code>{v:0,h:0}</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:0}</td>
+    </tr><tr>
+        <td><code>queryBorderRadius</code></td>
+        <td>Number</td>
+        <td><code>30</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之框圓角度數字，單位為px，預設30</td>
+    </tr><tr>
+        <td><code>queryShadow</code></td>
+        <td>Boolean</td>
+        <td><code>false</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之是否為陰影模式，預設false</td>
+    </tr><tr>
+        <td><code>queryTextFontSize</code></td>
+        <td>String</td>
+        <td><code>'1.0rem'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之文字大小字串，預設'1.0rem'</td>
+    </tr><tr>
+        <td><code>queryTextColor</code></td>
+        <td>String</td>
+        <td><code>'black'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之文字顏色字串，預設'black'</td>
+    </tr><tr>
+        <td><code>queryTextAlign</code></td>
+        <td>String</td>
+        <td><code>'left'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之文字左右對齊字串，預設'left'</td>
+    </tr><tr>
+        <td><code>queryIcon</code></td>
+        <td>String</td>
+        <td><code>mdiFilterOutline</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之左側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiFilterOutline</td>
+    </tr><tr>
+        <td><code>queryIconSize</code></td>
+        <td>Number</td>
+        <td><code>18</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之左側圖標大小，單位為px，預設18</td>
+    </tr><tr>
+        <td><code>queryIconColor</code></td>
+        <td>String</td>
+        <td><code>'blue'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之左側圖標顏色字串，預設'blue'</td>
+    </tr><tr>
+        <td><code>queryIconColorHover</code></td>
+        <td>String</td>
+        <td><code>'blue darken-1'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之滑鼠移入時左側圖標顏色字串，預設'blue darken-1'</td>
+    </tr><tr>
+        <td><code>queryIconColorFocus</code></td>
+        <td>String</td>
+        <td><code>'blue darken-1'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之取得焦點時左側圖標顏色字串，預設'blue darken-1'</td>
+    </tr><tr>
+        <td><code>queryIconTooltip</code></td>
+        <td>String</td>
+        <td><code>''</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之左側圖標提示文字字串，預設''</td>
+    </tr><tr>
+        <td><code>queryIconShiftOuter</code></td>
+        <td>Number</td>
+        <td><code>0</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之左右側圖標與外框距離數字，單位為px，預設0</td>
+    </tr><tr>
+        <td><code>queryIconShiftInner</code></td>
+        <td>Number</td>
+        <td><code>5</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之左右側圖標與內插槽區距離數字，單位為px，預設5</td>
+    </tr><tr>
+        <td><code>queryBackgroundColor</code></td>
+        <td>String</td>
+        <td><code>'transparent'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之背景顏色字串，預設'transparent'</td>
+    </tr><tr>
+        <td><code>queryBackgroundColorHover</code></td>
+        <td>String</td>
+        <td><code>'transparent'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之滑鼠移入時背景顏色字串，預設'transparent'</td>
+    </tr><tr>
+        <td><code>queryBackgroundColorFocus</code></td>
+        <td>String</td>
+        <td><code>'transparent'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之取得焦點時背景顏色字串，預設'transparent'</td>
+    </tr><tr>
+        <td><code>queryBorderColor</code></td>
+        <td>String</td>
+        <td><code>'transparent'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之邊框顏色字串，預設'transparent'</td>
+    </tr><tr>
+        <td><code>queryBorderColorHover</code></td>
+        <td>String</td>
+        <td><code>'transparent'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之滑鼠移入時邊框顏色字串，預設'transparent'</td>
+    </tr><tr>
+        <td><code>queryBorderColorFocus</code></td>
+        <td>String</td>
+        <td><code>'transparent'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之取得焦點時邊框顏色字串，預設'transparent'</td>
+    </tr><tr>
+        <td><code>queryBottomLineBorderColor</code></td>
+        <td>String</td>
+        <td><code>'grey lighten-1'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之底部線顏色字串，預設'grey lighten-1'</td>
+    </tr><tr>
+        <td><code>queryBottomLineBorderColorHover</code></td>
+        <td>String</td>
+        <td><code>'grey'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之滑鼠移入時底部線顏色字串，預設'grey'</td>
+    </tr><tr>
+        <td><code>queryBottomLineBorderColorFocus</code></td>
+        <td>String</td>
+        <td><code>'blue darken-1'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之取得焦點時底部線顏色字串，預設'blue darken-1'</td>
+    </tr><tr>
+        <td><code>queryBottomLineBorderWidth</code></td>
+        <td>Number</td>
+        <td><code>1</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之底部線寬度數字，單位為px，預設1</td>
+    </tr><tr>
+        <td><code>queryBottomLineBorderWidthHover</code></td>
+        <td>Number</td>
+        <td><code>1</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之滑鼠移入時底部線寬度數字，單位為px，預設1</td>
+    </tr><tr>
+        <td><code>queryBottomLineBorderWidthFocus</code></td>
+        <td>Number</td>
+        <td><code>2</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之取得焦點時底部線寬度數字，單位為px，預設2</td>
+    </tr><tr>
+        <td><code>queryPlaceholder</code></td>
+        <td>String</td>
+        <td><code>'Keywords'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之無文字時的替代字符字串，預設'Keywords'</td>
+    </tr><tr>
+        <td><code>queryHeight</code></td>
+        <td>Number</td>
+        <td><code>28</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之高度數字，單位為px，預設28</td>
+    </tr><tr>
+        <td><code>queryFocused</code></td>
+        <td>Boolean</td>
+        <td><code>false</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之是否為取得焦點狀態，預設false</td>
+    </tr><tr>
+        <td><code>queryPanelPaddingStyle</code></td>
+        <td>Object</td>
+        <td><code>{v:10,h:10}</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框所在區域之內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:10,h:10}</td>
+    </tr><tr>
+        <td><code>querySepLineColor</code></td>
+        <td>String</td>
+        <td><code>'#ddd'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框與下方核選區之分界線顏色字串，預設'#ddd'</td>
+    </tr><tr>
+        <td><code>querySepLineWidth</code></td>
+        <td>Number</td>
+        <td><code>1</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框與下方核選區之分界線寬度數字，單位為px，預設1</td>
+    </tr></tbody>
+</table>
+<div class="container-overview"><div><p>
+</li></ul></dd>
+</dl>
+                <div class="description usertext"></p></div></div>
+<h3 class="subsection-title" style="margin-top: 1em" data-jsdoc-vuejs="section-props">Props</h3>
+<table data-jsdoc-vuejs="table-props">
+    <thead>
+    <tr>
+        <th>Name</th>
+        <th>Type</th>
+        <th>Default value</th>
+        <th>Required?</th>
+        <th>Description</th>
+    </tr>
+    </thead>
+    <tbody><tr>
+        <td><code>multiCheck</code></td>
+        <td>Boolean</td>
+        <td><code>true</code></td>
+        <td>No</td>
+        <td>輸入是否為複選模式布林值，預設true</td>
+    </tr><tr>
+        <td><code>items</code></td>
+        <td>Array</td>
+        <td><code>[]</code></td>
+        <td>No</td>
+        <td>輸入項目的字串陣列或物件陣列，預設[]</td>
+    </tr><tr>
+        <td><code>value</code></td>
+        <td>Array|String|Object</td>
+        <td><code>null</code></td>
+        <td>No</td>
+        <td>輸入單、複選陣列、字串或物件陣列，預設null</td>
+    </tr><tr>
+        <td><code>keyText</code></td>
+        <td>String</td>
+        <td><code>'text'</code></td>
+        <td>No</td>
+        <td>輸入項目為物件時，存放顯示文字之欄位字串，預設'text'</td>
+    </tr><tr>
+        <td><code>keyIcon</code></td>
+        <td>String</td>
+        <td><code>'icon'</code></td>
+        <td>No</td>
+        <td>輸入項目為物件時，存放圖標之欄位字串，預設'icon'</td>
+    </tr><tr>
+        <td><code>keyPickForObjItem</code></td>
+        <td>String</td>
+        <td><code>''</code></td>
+        <td>No</td>
+        <td>輸入項目為物件時，比對是否核選之欄位字串，若為空字串代表使用項目物件直接作比對，預設''</td>
+    </tr><tr>
+        <td><code>paddingStyle</code></td>
+        <td>Object</td>
+        <td><code>{v:6,h:8}</code></td>
+        <td>No</td>
+        <td>輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:6,h:8}</td>
+    </tr><tr>
+        <td><code>spaceBetweenCheckboxAndContent</code></td>
+        <td>Number</td>
+        <td><code>8</code></td>
+        <td>No</td>
+        <td>輸入左側核選圖標與項目內容區之距離數字，單位px，預設8</td>
+    </tr><tr>
+        <td><code>itemTextFontSize</code></td>
+        <td>String</td>
+        <td><code>'1.0rem'</code></td>
+        <td>No</td>
+        <td>輸入文字字型大小字串，預設'1.0rem'</td>
+    </tr><tr>
+        <td><code>itemBackgroundColor</code></td>
+        <td>String</td>
+        <td><code>'white'</code></td>
+        <td>No</td>
+        <td>輸入背景顏色字串，預設'white'</td>
+    </tr><tr>
+        <td><code>itemBackgroundColorHover</code></td>
+        <td>String</td>
+        <td><code>'rgba(200,200,200,0.2)'</code></td>
+        <td>No</td>
+        <td>輸入滑鼠移入時背景顏色字串，預設'rgba(200,200,200,0.2)'</td>
+    </tr><tr>
+        <td><code>itemBackgroundColorActive</code></td>
+        <td>String</td>
+        <td><code>'rgba(200,200,200,0.4)'</code></td>
+        <td>No</td>
+        <td>輸入主動模式時背景顏色字串，預設'rgba(200,200,200,0.4)'</td>
+    </tr><tr>
+        <td><code>itemBackgroundColorDisabled</code></td>
+        <td>String</td>
+        <td><code>'white'</code></td>
+        <td>No</td>
+        <td>輸入非啟用模式時背景顏色字串，預設'white'</td>
+    </tr><tr>
+        <td><code>itemTextColor</code></td>
+        <td>String</td>
+        <td><code>'#444'</code></td>
+        <td>No</td>
+        <td>輸入文字顏色字串，預設'#444'</td>
+    </tr><tr>
+        <td><code>itemTextColorHover</code></td>
+        <td>String</td>
+        <td><code>'#222'</code></td>
+        <td>No</td>
+        <td>輸入滑鼠移入時文字顏色字串，預設'#222'</td>
+    </tr><tr>
+        <td><code>itemTextColorActive</code></td>
+        <td>String</td>
+        <td><code>'white'</code></td>
+        <td>No</td>
+        <td>輸入主動模式時文字顏色字串，預設'white'</td>
+    </tr><tr>
+        <td><code>itemTextColorDisabled</code></td>
+        <td>String</td>
+        <td><code>'#444'</code></td>
+        <td>No</td>
+        <td>輸入非啟用模式時文字顏色字串，預設'#444'</td>
+    </tr><tr>
+        <td><code>itemIconSize</code></td>
+        <td>Number</td>
+        <td><code>18</code></td>
+        <td>No</td>
+        <td>輸入左側圖標之尺寸數字，單位px，預設18</td>
+    </tr><tr>
+        <td><code>itemIconColor</code></td>
+        <td>String</td>
+        <td><code>'#444'</code></td>
+        <td>No</td>
+        <td>輸入圖標顏色字串，預設'#444'</td>
+    </tr><tr>
+        <td><code>itemIconColorHover</code></td>
+        <td>String</td>
+        <td><code>'#222'</code></td>
+        <td>No</td>
+        <td>輸入滑鼠移入時圖標顏色字串，預設'#222'</td>
+    </tr><tr>
+        <td><code>itemIconColorActive</code></td>
+        <td>String</td>
+        <td><code>'white'</code></td>
+        <td>No</td>
+        <td>輸入主動模式時圖標顏色字串，預設'white'</td>
+    </tr><tr>
+        <td><code>itemIconColorDisabled</code></td>
+        <td>String</td>
+        <td><code>'#444'</code></td>
+        <td>No</td>
+        <td>輸入非啟用模式時圖標顏色字串，預設'#444'</td>
+    </tr><tr>
+        <td><code>itemRippleColor</code></td>
+        <td>String</td>
+        <td><code>'rgba(255,255,255,0.4)'</code></td>
+        <td>No</td>
+        <td>輸入ripple效果顏色字串，預設'rgba(255,255,255,0.4)'</td>
+    </tr><tr>
+        <td><code>itemDisabledColor</code></td>
+        <td>String</td>
+        <td><code>'transparent'</code></td>
+        <td>No</td>
+        <td>輸入非編輯模式時遮罩顏色字串，預設'transparent'</td>
+    </tr><tr>
+        <td><code>itemCursorPointer</code></td>
+        <td>Boolean</td>
+        <td><code>true</code></td>
+        <td>No</td>
+        <td>輸入是否滑鼠移入顯示pointer樣式布林值，預設true</td>
+    </tr><tr>
+        <td><code>itemCheckIconIconSize</code></td>
+        <td>Number</td>
+        <td><code>18</code></td>
+        <td>No</td>
+        <td>輸入核選圖標之圖標大小，單位為px，預設18</td>
+    </tr><tr>
+        <td><code>itemCheckIconCheckedIcon</code></td>
+        <td>String</td>
+        <td><code>mdiCheckboxMarked</code></td>
+        <td>No</td>
+        <td>輸入核選圖標之有效(true|'y')圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiCheckboxMarked</td>
+    </tr><tr>
+        <td><code>itemCheckIconCheckedIconColor</code></td>
+        <td>String</td>
+        <td><code>'blue darken-3'</code></td>
+        <td>No</td>
+        <td>輸入核選圖標有效(true|'y')圖標顏色字串，預設'blue darken-3'</td>
+    </tr><tr>
+        <td><code>itemCheckIconCheckedIconColorHover</code></td>
+        <td>String</td>
+        <td><code>'blue darken-2'</code></td>
+        <td>No</td>
+        <td>輸入滑鼠移入時核選圖標有效(true|'y')圖標顏色字串，預設'blue darken-2'</td>
+    </tr><tr>
+        <td><code>itemCheckIconCheckedIconColorActive</code></td>
+        <td>String</td>
+        <td><code>'blue darken-2'</code></td>
+        <td>No</td>
+        <td>輸入主動模式時核選圖標有效(true|'y')圖標顏色字串，預設'blue darken-2'</td>
+    </tr><tr>
+        <td><code>itemCheckIconCheckedIconColorDisabled</code></td>
+        <td>String</td>
+        <td><code>'grey'</code></td>
+        <td>No</td>
+        <td>輸入非啟用模式時核選圖標有效(true|'y')圖標顏色字串，預設'grey'</td>
+    </tr><tr>
+        <td><code>itemCheckIconUncheckedIcon</code></td>
+        <td>String</td>
+        <td><code>mdiCheckboxBlankOutline</code></td>
+        <td>No</td>
+        <td>輸入核選圖標之無效(false|'n')圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiCheckboxBlankOutline</td>
+    </tr><tr>
+        <td><code>itemCheckIconUncheckedIconColor</code></td>
+        <td>String</td>
+        <td><code>'blue darken-3'</code></td>
+        <td>No</td>
+        <td>輸入核選圖標無效(false|'n')圖標顏色字串，預設'blue darken-3'</td>
+    </tr><tr>
+        <td><code>itemCheckIconUncheckedIconColorHover</code></td>
+        <td>String</td>
+        <td><code>'blue darken-2'</code></td>
+        <td>No</td>
+        <td>輸入滑鼠移入時核選圖標無效(false|'n')圖標顏色字串，預設'blue darken-2'</td>
+    </tr><tr>
+        <td><code>itemCheckIconUncheckedIconColorActive</code></td>
+        <td>String</td>
+        <td><code>'blue darken-2'</code></td>
+        <td>No</td>
+        <td>輸入主動模式時核選圖標無效(false|'n')圖標顏色字串，預設'blue darken-2'</td>
+    </tr><tr>
+        <td><code>itemCheckIconUncheckedIconColorDisabled</code></td>
+        <td>String</td>
+        <td><code>'grey'</code></td>
+        <td>No</td>
+        <td>輸入非啟用模式時核選圖標無效(false|'n')圖標顏色字串，預設'grey'</td>
+    </tr><tr>
+        <td><code>enableQuery</code></td>
+        <td>Boolean</td>
+        <td><code>false</code></td>
+        <td>No</td>
+        <td>輸入是否使用過濾關鍵字功能布林值，預設false</td>
+    </tr><tr>
+        <td><code>query</code></td>
+        <td>String</td>
+        <td><code>''</code></td>
+        <td>No</td>
+        <td>輸入過濾關鍵字字串，預設''</td>
+    </tr><tr>
+        <td><code>queryKeysPickForObjItem</code></td>
+        <td>String</td>
+        <td><code>[]</code></td>
+        <td>No</td>
+        <td>輸入項目為物件時，於查詢時所須提取出之欄位字串陣列，預設[]</td>
+    </tr><tr>
+        <td><code>queryPaddingStyle</code></td>
+        <td>Object</td>
+        <td><code>{v:0,h:0}</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:0}</td>
+    </tr><tr>
+        <td><code>queryBorderRadius</code></td>
+        <td>Number</td>
+        <td><code>30</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之框圓角度數字，單位為px，預設30</td>
+    </tr><tr>
+        <td><code>queryShadow</code></td>
+        <td>Boolean</td>
+        <td><code>false</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之是否為陰影模式，預設false</td>
+    </tr><tr>
+        <td><code>queryTextFontSize</code></td>
+        <td>String</td>
+        <td><code>'1.0rem'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之文字大小字串，預設'1.0rem'</td>
+    </tr><tr>
+        <td><code>queryTextColor</code></td>
+        <td>String</td>
+        <td><code>'black'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之文字顏色字串，預設'black'</td>
+    </tr><tr>
+        <td><code>queryTextAlign</code></td>
+        <td>String</td>
+        <td><code>'left'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之文字左右對齊字串，預設'left'</td>
+    </tr><tr>
+        <td><code>queryIcon</code></td>
+        <td>String</td>
+        <td><code>mdiFilterOutline</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之左側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設mdiFilterOutline</td>
+    </tr><tr>
+        <td><code>queryIconSize</code></td>
+        <td>Number</td>
+        <td><code>18</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之左側圖標大小，單位為px，預設18</td>
+    </tr><tr>
+        <td><code>queryIconColor</code></td>
+        <td>String</td>
+        <td><code>'blue'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之左側圖標顏色字串，預設'blue'</td>
+    </tr><tr>
+        <td><code>queryIconColorHover</code></td>
+        <td>String</td>
+        <td><code>'blue darken-1'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之滑鼠移入時左側圖標顏色字串，預設'blue darken-1'</td>
+    </tr><tr>
+        <td><code>queryIconColorFocus</code></td>
+        <td>String</td>
+        <td><code>'blue darken-1'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之取得焦點時左側圖標顏色字串，預設'blue darken-1'</td>
+    </tr><tr>
+        <td><code>queryIconTooltip</code></td>
+        <td>String</td>
+        <td><code>''</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之左側圖標提示文字字串，預設''</td>
+    </tr><tr>
+        <td><code>queryIconShiftOuter</code></td>
+        <td>Number</td>
+        <td><code>0</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之左右側圖標與外框距離數字，單位為px，預設0</td>
+    </tr><tr>
+        <td><code>queryIconShiftInner</code></td>
+        <td>Number</td>
+        <td><code>5</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之左右側圖標與內插槽區距離數字，單位為px，預設5</td>
+    </tr><tr>
+        <td><code>queryBackgroundColor</code></td>
+        <td>String</td>
+        <td><code>'transparent'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之背景顏色字串，預設'transparent'</td>
+    </tr><tr>
+        <td><code>queryBackgroundColorHover</code></td>
+        <td>String</td>
+        <td><code>'transparent'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之滑鼠移入時背景顏色字串，預設'transparent'</td>
+    </tr><tr>
+        <td><code>queryBackgroundColorFocus</code></td>
+        <td>String</td>
+        <td><code>'transparent'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之取得焦點時背景顏色字串，預設'transparent'</td>
+    </tr><tr>
+        <td><code>queryBorderColor</code></td>
+        <td>String</td>
+        <td><code>'transparent'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之邊框顏色字串，預設'transparent'</td>
+    </tr><tr>
+        <td><code>queryBorderColorHover</code></td>
+        <td>String</td>
+        <td><code>'transparent'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之滑鼠移入時邊框顏色字串，預設'transparent'</td>
+    </tr><tr>
+        <td><code>queryBorderColorFocus</code></td>
+        <td>String</td>
+        <td><code>'transparent'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之取得焦點時邊框顏色字串，預設'transparent'</td>
+    </tr><tr>
+        <td><code>queryBottomLineBorderColor</code></td>
+        <td>String</td>
+        <td><code>'grey lighten-1'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之底部線顏色字串，預設'grey lighten-1'</td>
+    </tr><tr>
+        <td><code>queryBottomLineBorderColorHover</code></td>
+        <td>String</td>
+        <td><code>'grey'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之滑鼠移入時底部線顏色字串，預設'grey'</td>
+    </tr><tr>
+        <td><code>queryBottomLineBorderColorFocus</code></td>
+        <td>String</td>
+        <td><code>'blue darken-1'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之取得焦點時底部線顏色字串，預設'blue darken-1'</td>
+    </tr><tr>
+        <td><code>queryBottomLineBorderWidth</code></td>
+        <td>Number</td>
+        <td><code>1</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之底部線寬度數字，單位為px，預設1</td>
+    </tr><tr>
+        <td><code>queryBottomLineBorderWidthHover</code></td>
+        <td>Number</td>
+        <td><code>1</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之滑鼠移入時底部線寬度數字，單位為px，預設1</td>
+    </tr><tr>
+        <td><code>queryBottomLineBorderWidthFocus</code></td>
+        <td>Number</td>
+        <td><code>2</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之取得焦點時底部線寬度數字，單位為px，預設2</td>
+    </tr><tr>
+        <td><code>queryPlaceholder</code></td>
+        <td>String</td>
+        <td><code>'Keywords'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之無文字時的替代字符字串，預設'Keywords'</td>
+    </tr><tr>
+        <td><code>queryHeight</code></td>
+        <td>Number</td>
+        <td><code>28</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之高度數字，單位為px，預設28</td>
+    </tr><tr>
+        <td><code>queryFocused</code></td>
+        <td>Boolean</td>
+        <td><code>false</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框之是否為取得焦點狀態，預設false</td>
+    </tr><tr>
+        <td><code>queryPanelPaddingStyle</code></td>
+        <td>Object</td>
+        <td><code>{v:10,h:10}</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框所在區域之內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:10,h:10}</td>
+    </tr><tr>
+        <td><code>querySepLineColor</code></td>
+        <td>String</td>
+        <td><code>'#ddd'</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框與下方核選區之分界線顏色字串，預設'#ddd'</td>
+    </tr><tr>
+        <td><code>querySepLineWidth</code></td>
+        <td>Number</td>
+        <td><code>1</code></td>
+        <td>No</td>
+        <td>輸入過濾文字框與下方核選區之分界線寬度數字，單位為px，預設1</td>
+    </tr></tbody>
+</table>
+<div class="container-overview"><div><p>
+</div>
+        </div>
+</article>
+</section>
+</div>
+<br class="clear">
+<footer>
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Mon Aug 07 2023 23:20:49 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+</footer>
+<script>prettyPrint();</script>
+<script src="scripts/polyfill.js"></script>
+<script src="scripts/linenumber.js"></script>
+</body>
+</html>