w-component-vue 2.3.85 → 2.3.87

package/script.txt

@@ -1,18 +1,18 @@
-#node --experimental-modules --es-module-specifier-resolution=node toolg/addVersion.mjs
-node --experimental-modules --es-module-specifier-resolution=node toolg/modifyReadme.mjs
+#node --experimental-modules toolg/addVersion.mjs
+node --experimental-modules toolg/modifyReadme.mjs
 
-node --experimental-modules --es-module-specifier-resolution=node toolg/cleanFolder.mjs
+node --experimental-modules toolg/cleanFolder.mjs
 ./node_modules/.bin/jsdoc -c .jsdoc
 
-node --experimental-modules --es-module-specifier-resolution=node toolg/gDistApp.mjs
+node --experimental-modules toolg/gDistApp.mjs
 
-node --experimental-modules --es-module-specifier-resolution=node toolg/gExtractHtml.mjs
-node --experimental-modules --es-module-specifier-resolution=node toolg/gDocExams.mjs
+node --experimental-modules toolg/gExtractHtml.mjs
+node --experimental-modules toolg/gDocExams.mjs
 
-node --experimental-modules --es-module-specifier-resolution=node toolg/gMergeComps.mjs
+node --experimental-modules toolg/gMergeComps.mjs
 
-node --experimental-modules --es-module-specifier-resolution=node toolg/gDistRollupWorkerFuncs.mjs
-node --experimental-modules --es-module-specifier-resolution=node toolg/gDistRollupComps.mjs
+node --experimental-modules toolg/gDistRollupWorkerFuncs.mjs
+node --experimental-modules toolg/gDistRollupComps.mjs
 
 git add .  -A
 git commit -m 'modify: '
@@ -23,6 +23,6 @@ npm run deploy
 #npm test
 
 #rm -r test-screenshot
-#node --experimental-modules --es-module-specifier-resolution=node gUITest.mjs
+#node --experimental-modules gUITest.mjs
 
 #npm publish

package/src/AppZoneWGroupTags.vue

@@ -194,7 +194,7 @@
                     v-model="WGroupTags.objects"
                     :suggests="WGroupTags.suggestsObjects"
                     :addMode="'input'"
-                    @click-add="ckInputAdd"
+                    @click-add="ckInputAddForObject"
                 >
                     <template v-slot:suggest="props">
                         <div style="color:#888; font-size:0.70rem;">{{props.item.kind}}</div>
@@ -206,6 +206,29 @@
             </div>
 
 
+            <div class="bk" style="display:block;">
+                <demolink
+                    :kbname="'w-group-tags'"
+                    :casename="'suggests & slot suggest & addMode & addWhenInputByOutside'"
+                ></demolink>
+
+                <w-group-tags
+                    v-model="WGroupTags.strings"
+                    :suggests="WGroupTags.suggestsObjects"
+                    :addMode="'input'"
+                    :addWhenInputByOutside="true"
+                    @click-add="(msg)=>{ckInputAddForString(msg,'text')}"
+                >
+                    <template v-slot:suggest="props">
+                        <div style="color:#888; font-size:0.70rem;">{{props.item.kind}}</div>
+                        <div style="color:#000; font-size:0.85rem;">{{props.item.text}}</div>
+                    </template>
+                </w-group-tags>
+
+                <div style="padding-left:5px; font-size:0.9rem; color:#ea6;">binding: strings</div>
+            </div>
+
+
             <div class="bk" style="display:block;">
                 <demolink
                     :kbname="'w-group-tags'"
@@ -217,7 +240,7 @@
                     :suggests="WGroupTags.suggestsObjectsName"
                     :addMode="'input'"
                     :inputKeyText="'name'"
-                    @click-add="ckInputAdd"
+                    @click-add="ckInputAddForObject"
                 >
                     <template v-slot:suggest="props">
                         <div style="color:#888; font-size:0.70rem;">{{props.item.kind}}</div>
@@ -229,6 +252,30 @@
             </div>
 
 
+            <div class="bk" style="display:block;">
+                <demolink
+                    :kbname="'w-group-tags'"
+                    :casename="'suggests & slot suggest & addMode & inputKeyText & addWhenInputByOutside'"
+                ></demolink>
+
+                <w-group-tags
+                    v-model="WGroupTags.strings"
+                    :suggests="WGroupTags.suggestsObjectsName"
+                    :addMode="'input'"
+                    :inputKeyText="'name'"
+                    :addWhenInputByOutside="true"
+                    @click-add="(msg)=>{ckInputAddForString(msg,'name')}"
+                >
+                    <template v-slot:suggest="props">
+                        <div style="color:#888; font-size:0.70rem;">{{props.item.kind}}</div>
+                        <div style="color:#000; font-size:0.85rem;">{{props.item.name}}</div>
+                    </template>
+                </w-group-tags>
+
+                <div style="padding-left:5px; font-size:0.9rem; color:#ea6;">binding: strings</div>
+            </div>
+
+
             <div class="bk" style="display:block;">
                 <demolink
                     :kbname="'w-group-tags'"
@@ -1482,10 +1529,14 @@ export default {
                 msg.setLoading(false)
             }, 2000)
         },
-        ckInputAdd: function(msg) {
-            console.log('ckInputAdd', msg)
+        ckInputAddForObject: function(msg) {
+            console.log('ckInputAddForObject', msg)
             this.WGroupTags.objects.push(msg)
         },
+        ckInputAddForString: function(msg, key) {
+            console.log('ckInputAddForString', msg, key)
+            this.WGroupTags.strings.push(msg[key])
+        },
     },
 }
 </script>

package/src/AppZoneWText.vue

@@ -257,6 +257,20 @@
             </div>
 
 
+            <div class="bk">
+                <demolink
+                    :kbname="'w-text'"
+                    :casename="'password'"
+                ></demolink>
+
+                <w-text
+                    :leftIcon="mdiCheckUnderlineCircle"
+                    :password="true"
+                    v-model="WText.text"
+                ></w-text>
+            </div>
+
+
             <div class="bk">
                 <demolink
                     :kbname="'w-text'"
@@ -667,6 +681,32 @@
             </div>
 
 
+            <div class="bk">
+                <demolink
+                    :kbname="'w-text'"
+                    :casename="'border & password'"
+                ></demolink>
+
+                <w-text
+                    :shadow="false"
+                    :bottomLineBorderColor="'transparent'"
+                    :bottomLineBorderColorHover="'transparent'"
+                    :bottomLineBorderColorFocus="'transparent'"
+                    :paddingStyle="{h:15}"
+                    :iconShiftOuter="-10"
+                    :borderColor="'blue lighten-2'"
+                    :borderColorHover="'blue'"
+                    :borderColorFocus="'blue darken-2'"
+                    :backgroundColor="'white'"
+                    :backgroundColorHover="'rgba(237, 247, 255, 1)'"
+                    :backgroundColorFocus="'blue lighten-5'"
+                    :leftIcon="mdiCheckUnderlineCircle"
+                    :password="true"
+                    v-model="WText.text"
+                ></w-text>
+            </div>
+
+
             <div class="bk">
                 <demolink
                     :kbname="'w-text'"

package/src/components/WButtonCircle.vue

@@ -74,10 +74,10 @@
 </template>
 
 <script>
-import get from 'lodash-es/get.js'
-import map from 'lodash-es/map.js'
-import join from 'lodash-es/join.js'
-import split from 'lodash-es/split.js'
+import get from 'lodash-es/get.js'
+import map from 'lodash-es/map.js'
+import join from 'lodash-es/join.js'
+import split from 'lodash-es/split.js'
 import isnum from 'wsemi/src/isnum.mjs'
 import isestr from 'wsemi/src/isestr.mjs'
 import cdbl from 'wsemi/src/cdbl.mjs'
@@ -127,7 +127,7 @@ import WTooltip from './WTooltip.vue'
  * @vue-prop {String} [loadingColor='grey darken-2'] 輸入載入圖標顏色字串，預設'grey darken-2'
  * @vue-prop {Boolean} [promiseUnlock=false] 輸入是否點擊後自動設定為loading為true並需使用promise解鎖布林值，預設false
  * @vue-prop {String} [role='button'] 輸入角色字串，預設'button'
- * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式，預設true
+ * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  * @vue-prop {String} [disabledColor='rgba(255,255,255,0.5)'] 輸入非編輯模式時遮罩顏色字串，預設'rgba(255,255,255,0.5)'
  */
 export default {

package/src/components/WCheckbox.vue

@@ -62,7 +62,7 @@ import WIcon from './WIcon.vue'
  * @vue-prop {String} [uncheckedIconColor='blue darken-3'] 輸入可編輯時，無效(false|'n')圖標顏色字串，預設'blue darken-3'
  * @vue-prop {String} [uncheckedIconColorHover='blue darken-2'] 輸入滑鼠移入時可編輯時，無效(false|'n')圖標顏色字串，預設'blue darken-2'
  * @@vue-prop {String} [uncheckedIconColorDisabled='grey'] 輸入不可編輯時，無效(false|'n')圖標顏色字串，預設'grey'
- * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式，預設true
+ * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  */
 export default {
     components: {

package/src/components/WGroupTags.vue

@@ -158,7 +158,7 @@
                         :items="suggests"
                         :placeholder="placeholder"
                         :noResultsText="noResultsText"
-                        v-model="userinput"
+                        v-model="userInput"
                         @enter="clickAddBtn"
                         @click-right="clickAddBtn"
                     >
@@ -274,6 +274,7 @@ import domDragDrop from '../js/domDragDrop.mjs'
  * @vue-prop {String} [addButtonBackgroundColor='white'] 輸入新增按鈕背景顏色字串，預設'white'
  * @vue-prop {String} [addButtonBackgroundColorHover='white'] 輸入滑鼠移入時新增按鈕背景顏色字串，預設'white'
  * @vue-prop {String} [addButtonTooltip='Add'] 輸入新增按鈕提示文字字串，預設'Add'
+ * @vue-prop {Boolean} [addWhenInputByOutside=false] 輸入當指定或自動使用input並新增時，是否強制使用click-add事件進行新增處理布林值，預設false
  * @vue-prop {Boolean} [closeWithInterceptor=false] 輸入是否通過攔截器來決定是否進行關閉布林值，此處之攔截器係用promise來控制，當使用者點擊關閉時可先行確認或提示。當closeWithInterceptor=true時，於click-close事件所接收物件資訊中的pm，使用pm.resolve()則代表確定關閉，反之pm.reject()則取消關閉事件，預設false
  * @vue-prop {Boolean} [draggable=true] 輸入是否可拖曳模式布林值，預設true
  * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
@@ -579,6 +580,10 @@ export default {
             type: String,
             default: 'Add',
         },
+        addWhenInputByOutside: {
+            type: Boolean,
+            default: false,
+        },
         closeWithInterceptor: {
             type: Boolean,
             default: false,
@@ -623,7 +628,7 @@ export default {
 
             itemsTrans: [],
             itemActiveTrans: null,
-            userinput: '',
+            userInput: '',
 
         }
     },
@@ -880,25 +885,25 @@ export default {
                 })
 
             }
-            else {
+            else { //vo.useMode === 'input'
 
                 //check
-                if (trim(vo.userinput) === '') {
+                if (trim(vo.userInput) === '') {
                     return
                 }
 
-                //isObjValue
-                if (vo.isObjValue) {
-                    //若為obj, 則須交由外部自行處理push
+                //addWhenInputByOutside || isObjValue
+                if (vo.addWhenInputByOutside || vo.isObjValue) {
+                    //若指定由外部處理push, 或若為obj則須交由外部處理push
 
                     //$nextTick
                     vo.$nextTick(() => {
 
                         //emit
-                        vo.$emit('click-add', vo.userinput)
+                        vo.$emit('click-add', vo.userInput)
 
                         //clear
-                        vo.userinput = ''
+                        vo.userInput = ''
 
                     })
 
@@ -907,7 +912,7 @@ export default {
 
                     //check
                     let r = filter(vo.itemsTrans, (v) => {
-                        return isEqual(v, vo.userinput)
+                        return isEqual(v, vo.userInput)
                     })
                     if (size(r) >= 1) {
 
@@ -918,7 +923,7 @@ export default {
                             vo.$emit('error', 'duplicate values')
 
                             //clear
-                            vo.userinput = ''
+                            vo.userInput = ''
 
                         })
 
@@ -929,16 +934,16 @@ export default {
                     vo.$nextTick(() => {
 
                         //push
-                        vo.itemsTrans.push(trim(vo.userinput))
+                        vo.itemsTrans.push(trim(vo.userInput))
 
                         //emit
                         vo.$emit('input', vo.itemsTrans)
 
                         //emit
-                        vo.$emit('click-add', vo.userinput)
+                        vo.$emit('click-add', vo.userInput)
 
                         //clear
-                        vo.userinput = ''
+                        vo.userInput = ''
 
                     })
 

package/src/components/WShellEllipse.vue

@@ -151,7 +151,7 @@ import WTooltip from './WTooltip.vue'
  * @vue-prop {String} [tooltipTextColor='white'] 輸入提示文字顏色字串，預設'white'
  * @vue-prop {String} [tooltipBackgroundColor='rgba(60,60,60,0.75)'] 輸入背景顏色字串，預設'rgba(60,60,60,0.75)'
  * @vue-prop {String} [verticalAlign='center'] 輸入input與文字之垂直對齊字串，可選'top'、'center'、'bottom'，預設'center'
- * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式，預設true
+ * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  * @vue-prop {Boolean} [hovered=false] 輸入是否為滑鼠移入狀態，預設false
  * @vue-prop {Boolean} [focused=false] 輸入是否為取得焦點狀態，預設false
  */

package/src/components/WSlider.vue

@@ -78,8 +78,8 @@
 </template>
 
 <script>
-import get from 'lodash-es/get.js'
-import isNumber from 'lodash-es/isNumber.js'
+import get from 'lodash-es/get.js'
+import isNumber from 'lodash-es/isNumber.js'
 import dig from 'wsemi/src/dig.mjs'
 import round from 'wsemi/src/round.mjs'
 import cdbl from 'wsemi/src/cdbl.mjs'
@@ -118,7 +118,7 @@ import hide from '@popperjs/core/lib/modifiers/hide.js'
  * @vue-prop {String} [tooltipTextFontSize='0.85rem'] 輸入提示窗框文字字型大小字串，預設'0.85rem'
  * @vue-prop {String} [tooltipTextColor='white'] 輸入提示窗框文字顏色字串，預設'white'
  * @vue-prop {String} [tooltipBackgroundColor='#666'] 輸入值域條背景顏色字串，預設'#666'
- * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式，預設true
+ * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  */
 export default {
     directives: {

package/src/components/WSwitch.vue

@@ -62,7 +62,7 @@ import convertColor from '../js/convertColor.mjs'
  * @vue-prop {String} [uncheckedSwitchBarColor='#8ad'] 輸入可編輯時，無效(false|'n')切換器滑動區顏色字串，預設'#8ad'
  * @vue-prop {String} [uncheckedSwitchBarColorHover='#9bd'] 輸入滑鼠移入時可編輯時，無效(false|'n')切換器滑動區顏色字串，預設'#9bd'
  * @vue-prop {String} [uncheckedSwitchBarColorDisabled='#bbb'] 輸入不可編輯時，無效(false|'n')切換器滑動區顏色字串，預設'#bbb'
- * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式，預設true
+ * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  */
 export default {
     props: {

package/src/components/WText.vue

@@ -47,6 +47,7 @@
                     :textAlign="textAlign"
                     :placeholder="placeholder"
                     :height="height"
+                    :password="password"
                     :editable="editable"
                     :value="value"
                     :focused="focusedTrans"
@@ -107,7 +108,8 @@ import WTextCore from './WTextCore.vue'
  * @vue-prop {Number} [bottomLineBorderWidthFocus=2] 輸入取得焦點時底部線寬度數字，單位為px，預設2
  * @vue-prop {String} [placeholder=''] 輸入無文字時的替代字符字串，預設''
  * @vue-prop {Number} [height=28] 輸入高度數字，單位為px，預設28
- * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式，預設true
+ * @vue-prop {Boolean} [password=false] 輸入是否輸入密碼狀態布林值，預設false
+ * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  * @vue-prop {Boolean} [focused=false] 輸入是否為取得焦點狀態，預設false
  */
 export default {
@@ -265,6 +267,10 @@ export default {
             type: Number,
             default: 28,
         },
+        password: {
+            type: Boolean,
+            default: false,
+        },
         editable: {
             type: Boolean,
             default: true,

package/src/components/WTextCore.vue

@@ -3,7 +3,7 @@
         <!-- 要設定display:block否則input會有最小高度 -->
         <input
             ref="inp"
-            type="text"
+            :type="password?'password':`text`"
             :style="`transition:all 0.3s; display:block; outline:none; width:100%; box-sizing:border-box; border-style:none; background:transparent; color:${useTextColor}; ${useHeight} text-align:${textAlign}; ${useTextFontSize} opacity:${(valueTrans==='' && !focused)?0.6:1};`"
             :readonly="!editable"
             :placeholder="placeholder"
@@ -34,8 +34,9 @@ import convertColor from '../js/convertColor.mjs'
  * @vue-prop {String} [textAlign='left'] 輸入文字左右對齊字串，預設'left'
  * @vue-prop {String} [placeholder=''] 輸入無文字時的替代字符字串，預設''
  * @vue-prop {Number|String} [height=''] 輸入高度數字或字串，數字單位為px，預設''
- * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式，預設true
- * @vue-prop {Boolean} [focused=false] 輸入是否為取得焦點狀態，預設false
+ * @vue-prop {Boolean} [password=false] 輸入是否輸入密碼狀態布林值，預設false
+ * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
+ * @vue-prop {Boolean} [focused=false] 輸入是否為取得焦點狀態布林值，預設false
  */
 export default {
     props: {
@@ -67,6 +68,10 @@ export default {
             type: [Number, String],
             default: '',
         },
+        password: {
+            type: Boolean,
+            default: false,
+        },
         editable: {
             type: Boolean,
             default: true,

package/src/components/WTextInt.vue

@@ -91,7 +91,7 @@ import WTextIntCore from './WTextIntCore.vue'
  * @vue-prop {String} [buttonColor='deep-orange lighten-2'] 輸入框內圖標按鈕顏色字串，預設'deep-orange lighten-2'
  * @vue-prop {String} [buttonColorHover='deep-orange lighten-1'] 輸入滑鼠移入時框內圖標按鈕顏色字串，預設'deep-orange lighten-1'
  * @vue-prop {String} [buttonColorFocus='deep-orange lighten-1'] 輸入取得焦點時框內圖標按鈕顏色字串，預設'deep-orange lighten-1'
- * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式，預設true
+ * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  * @vue-prop {Boolean} [focused=false] 輸入是否為取得焦點狀態，預設false
  */
 export default {

package/src/components/WTextIntCore.vue

@@ -71,7 +71,7 @@ import WTextCore from './WTextCore.vue'
  * @vue-prop {String} [buttonColorHover='deep-orange lighten-1'] 輸入滑鼠移入時框內圖標按鈕顏色字串，預設'deep-orange lighten-1'
  * @vue-prop {String} [buttonColorFocus='deep-orange lighten-1'] 輸入取得焦點時框內圖標按鈕Focus顏色字串，預設'deep-orange lighten-1'
  * @vue-prop {Number} [height=28] 輸入高度數字，單位為px，預設28
- * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式，預設true
+ * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  * @vue-prop {Boolean} [focused=false] 輸入是否為取得焦點狀態，預設false
  */
 export default {

package/src/components/WTextarea.vue

@@ -107,7 +107,7 @@ import WTextareaCore from './WTextareaCore.vue'
  * @vue-prop {String} [placeholder=''] 輸入無文字時的替代字符字串，預設''
  * @vue-prop {Number|String} [height=null] 輸入高度數字或字串，數字單位為px，若給予非有效值則代表自動更新高度，預設null
  * @vue-prop {String} [verticalAlign='top'] 輸入input與文字之垂直對齊字串，可選'top'、'center'、'bottom'，預設'top'
- * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式，預設true
+ * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  * @vue-prop {Boolean} [focused=false] 輸入是否為取得焦點狀態，預設false
  */
 export default {

package/src/components/WTextareaCore.vue

@@ -50,7 +50,7 @@ import convertColor from '../js/convertColor.mjs'
  * @vue-prop {String} [textAlign='left'] 輸入文字左右對齊字串，預設'left'
  * @vue-prop {String} [placeholder=''] 輸入無文字時的替代字符字串，預設''
  * @vue-prop {Number|String} [height=null] 輸入高度數字或字串，數字單位為px，若給予非有效值則代表自動更新高度，預設null
- * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式，預設true
+ * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  * @vue-prop {Boolean} [focused=false] 輸入是否為取得焦點狀態，預設false
  */
 export default {

package/src/components/WTimeday.vue

@@ -75,7 +75,7 @@ import WTimedayCore from './WTimedayCore.vue'
  * @vue-prop {String} [pickColor='deep-orange darken-1'] 輸入日期彈窗中選擇指定日期之顏色字串，預設'deep-orange darken-1'
  * @vue-prop {Number} [placementDist=7] 輸入日期彈窗y向下平移數字，預設7
  * @vue-prop {String} [textEmpty='Select a date'] 輸入尚未輸入日期之顯示文字字串，預設'Select a date'
- * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式，預設true
+ * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  * @vue-prop {Boolean} [focused=false] 輸入是否為取得焦點狀態，預設false
  */
 export default {

package/src/components/WTimedayCore.vue

@@ -63,7 +63,7 @@ import convertColor from '../js/convertColor.mjs'
  * @vue-prop {String} [pickColor='deep-orange darken-1'] 輸入日期彈窗中選擇指定日期之顏色字串，預設'deep-orange darken-1'
  * @vue-prop {Number} [placementDist=7] 輸入日期彈窗y向下平移數字，預設7
  * @vue-prop {String} [textEmpty='Select a date'] 輸入尚未輸入日期之顯示文字字串，預設'Select a date'
- * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式，預設true
+ * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  */
 export default {
     props: {

package/src/components/WTimedayCoreRe.vue

@@ -109,7 +109,7 @@ function daysMonth(month, year) {
  * @vue-prop {String} [textColor='black'] 輸入文字顏色字串，預設'black'
  * @vue-prop {String} [pickColor='deep-orange darken-1'] 輸入日期彈窗中選擇指定日期之顏色字串，預設'deep-orange darken-1'
  * @vue-prop {Number} [placementDist=7] 輸入日期彈窗y向下平移數字，預設7
- * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式，預設true
+ * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  */
 export default {
     props: {

package/src/components/WTimedayRange.vue

@@ -80,7 +80,7 @@ import WTimedayRangeCore from './WTimedayRangeCore.vue'
  * @vue-prop {String} [pickColor='deep-orange darken-1'] 輸入日期彈窗中選擇指定日期之顏色字串，預設'deep-orange darken-1'
  * @vue-prop {Number} [placementDist=7] 輸入日期彈窗y向下平移數字，預設7
  * @vue-prop {String} [textEmpty='Select a date'] 輸入尚未輸入日期之顯示文字字串，預設'Select a date'
- * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式，預設true
+ * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  * @vue-prop {Boolean} [focused=false] 輸入是否為取得焦點狀態，預設false
  */
 export default {

package/src/components/WTimedayRangeCore.vue

@@ -52,7 +52,7 @@ import WTimedayCore from './WTimedayCore.vue'
  * @vue-prop {String} [pickColor='deep-orange darken-1'] 輸入日期彈窗中選擇指定日期之顏色字串，預設'deep-orange darken-1'
  * @vue-prop {Number} [placementDist=7] 輸入日期彈窗y向下平移數字，預設7
  * @vue-prop {String} [textEmpty='Select a date'] 輸入尚未輸入日期之顯示文字字串，預設'Select a date'
- * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式，預設true
+ * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  */
 export default {
     components: {

package/src/components/WTimeminute.vue

@@ -89,7 +89,7 @@ import WTimeminuteCore from './WTimeminuteCore.vue'
  * @vue-prop {String} [expansionIconColor='grey'] 輸入顯隱圖標顏色字串，預設'grey'
  * @vue-prop {Number} [placementDist=7] 輸入日期彈窗y向下平移數字，預設7
  * @vue-prop {String} [textEmpty='Select a date'] 輸入尚未輸入日期之顯示文字字串，預設'Select a date'
- * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式，預設true
+ * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  * @vue-prop {Boolean} [focused=false] 輸入是否為取得焦點狀態，預設false
  */
 export default {

package/src/components/WTimeminuteCore.vue

@@ -76,7 +76,7 @@ import WTextSuggestCore from './WTextSuggestCore.vue'
  * @vue-prop {String} [expansionIconColor='grey'] 輸入顯隱圖標顏色字串，預設'grey'
  * @vue-prop {Number} [placementDist=7] 輸入日期彈窗y向下平移數字，預設7
  * @vue-prop {String} [textEmpty='Select a date'] 輸入尚未輸入日期之顯示文字字串，預設'Select a date'
- * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式，預設true
+ * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  */
 export default {
     components: {

package/src/components/WTimeminuteRange.vue

@@ -94,7 +94,7 @@ import WTimeminuteRangeCore from './WTimeminuteRangeCore.vue'
  * @vue-prop {String} [expansionIconColor='grey'] 輸入顯隱圖標顏色字串，預設'grey'
  * @vue-prop {Number} [placementDist=7] 輸入日期彈窗y向下平移數字，預設7
  * @vue-prop {String} [textEmpty='Select a date'] 輸入尚未輸入日期之顯示文字字串，預設'Select a date'
- * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式，預設true
+ * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  * @vue-prop {Boolean} [focused=false] 輸入是否為取得焦點狀態，預設false
  */
 export default {

package/src/components/WTimeminuteRangeCore.vue

@@ -74,7 +74,7 @@ import WTimeminuteCore from './WTimeminuteCore.vue'
  * @vue-prop {String} [expansionIconColor='grey'] 輸入顯隱圖標顏色字串，預設'grey'
  * @vue-prop {Number} [placementDist=7] 輸入日期彈窗y向下平移數字，預設7
  * @vue-prop {String} [textEmpty='Select a date'] 輸入尚未輸入日期之顯示文字字串，預設'Select a date'
- * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式，預設true
+ * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  */
 export default {
     components: {

package/src/components/WTreeIconCheckbox.vue

@@ -56,7 +56,7 @@ import convertColor from '../js/convertColor.mjs'
 /**
  * @vue-prop {String} [mode='unchecked'] 輸入勾選模式字串，可選'unchecked'、'checked'、'checkedPartially'，預設'unchecked'
  * @vue-prop {Number} [iconSize=24] 輸入顯隱icon按鈕高度數字，預設24
- * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式，預設true
+ * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  * @vue-prop {String} [uncheckedColor='grey darken-2'] 輸入未勾選時顏色字串，預設'grey darken-2'
  * @vue-prop {String} [uncheckedDisabledColor='grey'] 輸入禁用時未勾選時顏色字串，預設'grey'
  * @vue-prop {String} [checkedColor='blue darken-3'] 輸入勾選時顏色字串，預設'blue darken-3'

package/src/components/WTreeIconToggle.vue

@@ -65,7 +65,7 @@
 </template>
 
 <script>
-import get from 'lodash-es/get.js'
+import get from 'lodash-es/get.js'
 import convertColor from '../js/convertColor.mjs'
 
 
@@ -76,7 +76,7 @@ import convertColor from '../js/convertColor.mjs'
  * @vue-prop {String} [iconDisabledColor='grey lighten-1'] 輸入顯隱icon按鈕禁用時顏色字串，預設'grey lighten-1'
  * @vue-prop {String} [iconBackgroundColor='transparent'] 輸入顯隱icon按鈕背景顏色字串，預設'transparent'
  * @vue-prop {String} [iconBackgroundColorHover='rgba(128,128,128,0.15)'] 輸入滑鼠移入時顯隱icon按鈕背景顏色字串，預設'rgba(128,128,128,0.15)'
- * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式，預設true
+ * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true
  */
 export default {
     components: {