w-component-vue 2.3.17 → 2.3.19

package/src/components/WDialog.vue

@@ -83,12 +83,12 @@
                                     :footerHeight="footerHeight"
                                 >
 
+                                    <!-- 使用display:flex排版會無法支援動態變更btns, 故改為使用display:table -->
                                     <div
                                         :style="`
-                                            display:flex; align-items:center;
+                                            display:table;
                                             padding:0px ${headSpace}px;
                                             height:${headerHeight}px; max-height:${headerHeight}px;
-                                            overflow:hidden;
                                         `"
                                         v-domresize
                                         @domresize="resizeHead"
@@ -96,7 +96,10 @@
 
                                         <div
                                             ref="hdIcon"
-                                            style="padding-right:10px;"
+                                            style="
+                                                padding-right:10px;
+                                                display:table-cell; vertical-align:middle;
+                                            "
                                         >
 
                                             <WIcon
@@ -108,103 +111,116 @@
 
                                         <div
                                             ref="hdTitleAndStl"
-                                            style="width:100%; display:flex; align-items:center;"
+                                            style="
+                                                width:100%;
+                                                display:table-cell; vertical-align:middle;
+                                            "
                                         >
+                                            <div style="display:flex; align-items:center;">
 
-                                            <div
-                                                :style="`width:${titleWidth}px; ${useTitleFontSize} color:${useTitleColor}; text-overflow:ellipsis; white-space:nowrap; overflow-x:hidden;`"
-                                            >
-                                                {{title}}
-                                            </div>
+                                                <div
+                                                    :style="`width:${titleWidth}px; ${useTitleFontSize} color:${useTitleColor}; text-overflow:ellipsis; white-space:nowrap; overflow-x:hidden;`"
+                                                >
+                                                    {{title}}
+                                                </div>
 
-                                            <div
-                                                ref="hdStl"
-                                                style=""
-                                            >
+                                                <div
+                                                    ref="hdStl"
+                                                    style=""
+                                                >
 
-                                                <!-- 記得slot name為小寫, 若使用駝峰於瀏覽器端會需要轉小寫, 但於vue-cli無法使用小寫識別得要用駝峰, 故統一都小寫較安全 -->
-                                                <slot name="header-left"></slot>
+                                                    <!-- 記得slot name為小寫, 若使用駝峰於瀏覽器端會需要轉小寫, 但於vue-cli無法使用小寫識別得要用駝峰, 故統一都小寫較安全 -->
+                                                    <slot name="header-left"></slot>
 
-                                            </div>
+                                                </div>
 
+                                            </div>
                                         </div>
 
                                         <div
                                             ref="hdStr"
-                                            style=""
+                                            style="
+                                                display:table-cell; vertical-align:middle;
+                                            "
                                         >
+                                            <div style="display:flex; align-items:center;">
 
-                                            <!-- 記得slot name為小寫, 若使用駝峰於瀏覽器端會需要轉小寫, 但於vue-cli無法使用小寫識別得要用駝峰, 故統一都小寫較安全 -->
-                                            <slot name="header-right"></slot>
+                                                <!-- 記得slot name為小寫, 若使用駝峰於瀏覽器端會需要轉小寫, 但於vue-cli無法使用小寫識別得要用駝峰, 故統一都小寫較安全 -->
+                                                <slot name="header-right"></slot>
 
+                                            </div>
                                         </div>
 
                                         <div
                                             ref="hdBtns"
-                                            style="display:flex; align-items:center;"
+                                            style="
+                                                display:table-cell; vertical-align:middle;
+                                            "
                                         >
+                                            <div style="display:flex; align-items:center;">
+
+                                                <template v-for="(btn,kbtn) in headerBtns">
+
+                                                    <WButtonCircle
+                                                        style="padding-left:5px;"
+                                                        :key="kbtn"
+                                                        :icon="get(btn,'icon')"
+                                                        :shadow="false"
+                                                        :paddingStyle="{v:9,h:9}"
+                                                        :loadingColor="get(btn,'iconColor') || headerIconColor"
+                                                        :iconColor="get(btn,'iconColor') || headerIconColor"
+                                                        :iconColorHover="get(btn,'iconColor') || headerIconColor"
+                                                        :iconColorFocus="get(btn,'iconColor') || headerIconColor"
+                                                        :backgroundColor="get(btn,'backgroundColor') || 'transparent'"
+                                                        :backgroundColorHover="'rgba(255, 255, 255, 0.1)'"
+                                                        :backgroundColorFocus="'rgba(255, 255, 255, 0.3)'"
+                                                        :rippleColor="'rgba(255, 255, 255, 0.4)'"
+                                                        :tooltip="get(btn,'tooltip')"
+                                                        @click="clickBtns(btn)"
+                                                    ></WButtonCircle>
+
+                                                </template>
+
+                                                <template v-if="hasSaveBtn">
+                                                    <WButtonCircle
+                                                        style="padding-left:5px;"
+                                                        :icon="mdiCheckCircle"
+                                                        :shadow="false"
+                                                        :paddingStyle="{v:9,h:9}"
+                                                        :loadingColor="headerIconColor"
+                                                        :iconColor="headerIconColor"
+                                                        :iconColorHover="headerIconColor"
+                                                        :iconColorFocus="headerIconColor"
+                                                        :backgroundColor="'transparent'"
+                                                        :backgroundColorHover="'rgba(255, 255, 255, 0.1)'"
+                                                        :backgroundColorFocus="'rgba(255, 255, 255, 0.3)'"
+                                                        :rippleColor="'rgba(255, 255, 255, 0.4)'"
+                                                        :tooltip="saveBtnTooltip"
+                                                        :promiseUnlock="true"
+                                                        @click="clickSave"
+                                                    ></WButtonCircle>
+                                                </template>
+
+                                                <template v-if="hasCloseBtn">
+                                                    <WButtonCircle
+                                                        style="padding-left:5px;"
+                                                        :icon="mdiClose"
+                                                        :shadow="false"
+                                                        :paddingStyle="{v:9,h:9}"
+                                                        :loadingColor="headerIconColor"
+                                                        :iconColor="headerIconColor"
+                                                        :iconColorHover="headerIconColor"
+                                                        :iconColorFocus="headerIconColor"
+                                                        :backgroundColor="'transparent'"
+                                                        :backgroundColorHover="'rgba(255, 255, 255, 0.1)'"
+                                                        :backgroundColorFocus="'rgba(255, 255, 255, 0.3)'"
+                                                        :rippleColor="'rgba(255, 255, 255, 0.4)'"
+                                                        :tooltip="closeBtnTooltip"
+                                                        @click="clickClose(false)"
+                                                    ></WButtonCircle>
+                                                </template>
 
-                                            <template v-for="(btn,kbtn) in headerBtns">
-
-                                                <WButtonCircle
-                                                    style="padding-left:5px;"
-                                                    :key="kbtn"
-                                                    :icon="get(btn,'icon')"
-                                                    :shadow="false"
-                                                    :paddingStyle="{v:9,h:9}"
-                                                    :loadingColor="get(btn,'iconColor') || headerIconColor"
-                                                    :iconColor="get(btn,'iconColor') || headerIconColor"
-                                                    :iconColorHover="get(btn,'iconColor') || headerIconColor"
-                                                    :iconColorFocus="get(btn,'iconColor') || headerIconColor"
-                                                    :backgroundColor="get(btn,'backgroundColor') || 'transparent'"
-                                                    :backgroundColorHover="'rgba(255, 255, 255, 0.1)'"
-                                                    :backgroundColorFocus="'rgba(255, 255, 255, 0.3)'"
-                                                    :rippleColor="'rgba(255, 255, 255, 0.4)'"
-                                                    :tooltip="get(btn,'tooltip')"
-                                                    @click="clickBtns(btn)"
-                                                ></WButtonCircle>
-
-                                            </template>
-
-                                            <template v-if="hasSaveBtn">
-                                                <WButtonCircle
-                                                    style="padding-left:5px;"
-                                                    :icon="mdiCheckCircle"
-                                                    :shadow="false"
-                                                    :paddingStyle="{v:9,h:9}"
-                                                    :loadingColor="headerIconColor"
-                                                    :iconColor="headerIconColor"
-                                                    :iconColorHover="headerIconColor"
-                                                    :iconColorFocus="headerIconColor"
-                                                    :backgroundColor="'transparent'"
-                                                    :backgroundColorHover="'rgba(255, 255, 255, 0.1)'"
-                                                    :backgroundColorFocus="'rgba(255, 255, 255, 0.3)'"
-                                                    :rippleColor="'rgba(255, 255, 255, 0.4)'"
-                                                    :tooltip="saveBtnTooltip"
-                                                    :promiseUnlock="true"
-                                                    @click="clickSave"
-                                                ></WButtonCircle>
-                                            </template>
-
-                                            <template v-if="hasCloseBtn">
-                                                <WButtonCircle
-                                                    style="padding-left:5px;"
-                                                    :icon="mdiClose"
-                                                    :shadow="false"
-                                                    :paddingStyle="{v:9,h:9}"
-                                                    :loadingColor="headerIconColor"
-                                                    :iconColor="headerIconColor"
-                                                    :iconColorHover="headerIconColor"
-                                                    :iconColorFocus="headerIconColor"
-                                                    :backgroundColor="'transparent'"
-                                                    :backgroundColorHover="'rgba(255, 255, 255, 0.1)'"
-                                                    :backgroundColorFocus="'rgba(255, 255, 255, 0.3)'"
-                                                    :rippleColor="'rgba(255, 255, 255, 0.4)'"
-                                                    :tooltip="closeBtnTooltip"
-                                                    @click="clickClose(false)"
-                                                ></WButtonCircle>
-                                            </template>
-
+                                            </div>
                                         </div>
 
                                     </div>
@@ -275,7 +291,6 @@ import cloneDeep from 'lodash/cloneDeep'
 import genID from 'wsemi/src/genID.mjs'
 import genPm from 'wsemi/src/genPm.mjs'
 import replace from 'wsemi/src/replace.mjs'
-import waitFun from 'wsemi/src/waitFun.mjs'
 import domIsClientXYIn from 'wsemi/src/domIsClientXYIn.mjs'
 import color2hex from '../js/vuetifyColor.mjs'
 import domResize from '../js/domResize.mjs'
@@ -845,24 +860,6 @@ export default {
 
             let vo = this
 
-            //check
-            if (!vo.useIsModal) {
-                //非強制模式, 直接隱藏
-
-                //$nextTick
-                vo.$nextTick(() => {
-
-                    //hide
-                    vo.showTrans = false //一定要放在nextTick內, 避免emit出去會先觸發change
-
-                    //emit
-                    vo.$emit('update:show', vo.showTrans)
-
-                })
-
-                return
-            }
-
             //偵測點擊為彈窗區之外
             let b = false
             try {
@@ -885,25 +882,46 @@ export default {
             //check, 確定點擊位於抽屜slot區之外
             if (b) {
 
-                //放大比例
-                let d = 20 //基本放大須20px
-                let r = 1.02 //預設1.02
-                if (vo.panelWidth > 0) {
-                    r = (vo.panelWidth + d) / vo.panelWidth
+                //check
+                if (vo.useIsModal) {
+                    //強制模式, 顯示振動動畫
+
+                    //放大比例
+                    let d = 20 //基本放大須20px
+                    let r = 1.02 //預設1.02
+                    if (vo.panelWidth > 0) {
+                        r = (vo.panelWidth + d) / vo.panelWidth
+                    }
+                    // console.log('r', r)
+
+                    //延時
+                    let t = 100
+
+                    //顯示振動動畫
+                    vo.panelStylePlus = `transition:all ${t}ms; transform:scale(${r});`
+                    setTimeout(() => {
+                        vo.panelStylePlus = `transition:all ${t}ms;`
+                    }, t)
+                    setTimeout(() => {
+                        vo.panelStylePlus = '' //清除後還要再一次延時展示縮回動畫
+                    }, t * 2)
+
+                }
+                else {
+                    //非強制模式, 直接隱藏
+
+                    //$nextTick
+                    vo.$nextTick(() => {
+
+                        //hide
+                        vo.showTrans = false //一定要放在nextTick內, 避免emit出去會先觸發change
+
+                        //emit
+                        vo.$emit('update:show', vo.showTrans)
+
+                    })
+
                 }
-                // console.log('r', r)
-
-                //延時
-                let t = 100
-
-                //顯示振動動畫
-                vo.panelStylePlus = `transition:all ${t}ms; transform:scale(${r});`
-                setTimeout(() => {
-                    vo.panelStylePlus = `transition:all ${t}ms;`
-                }, t)
-                setTimeout(() => {
-                    vo.panelStylePlus = '' //清除後還要再一次延時展示縮回動畫
-                }, t * 2)
 
             }
 

package/src/components/WGroupTags.vue

@@ -191,12 +191,12 @@ import domDragDrop from '../js/domDragDrop.mjs'
 
 /**
  * @vue-prop {Array} [value=[]] 輸入項目的字串陣列或物件陣列，預設[]
- * @vue-prop {Boolean} [useActive=false] 輸入項目是否使用點擊成為活耀狀態布林值，預設false
+ * @vue-prop {Boolean} [enableActive=false] 輸入項目是否使用點擊成為活耀狀態布林值，預設false
  * @vue-prop {Object} [valueActive=null] 輸入活耀項目物件，預設null
  * @vue-prop {String} [keyText='text'] 輸入項目為物件時，存放顯示文字之欄位字串，預設'text'
  * @vue-prop {String} [keyIcon='icon'] 輸入項目為物件時，存放圖標之欄位字串，預設'icon'
  * @vue-prop {String} [keyTooltip='tooltip'] 輸入項目為物件時，存放提示之欄位字串，預設'tooltip'
- * @vue-prop {Boolean} [useColorsFromItem=false] 輸入當項目為物件時是否使用其內相關顏色設定用以覆蓋預設值布林值，預設false
+ * @vue-prop {Boolean} [enableColorsFromItem=false] 輸入當項目為物件時是否使用其內相關顏色設定用以覆蓋預設值布林值，預設false
  * @vue-prop {String} [icon=''] 輸入左側圖標字串，預設''
  * @vue-prop {String} [iconColor='black'] 輸入圖標顏色字串，預設'black'
  * @vue-prop {String} [iconColorHover='grey darken-3'] 輸入滑鼠移入時圖標顏色字串，預設'grey darken-3'
@@ -260,7 +260,8 @@ import domDragDrop from '../js/domDragDrop.mjs'
  * @vue-prop {Boolean} [editableClose=true] 輸入editable=true時是否顯示關閉按鈕布林值，預設true
  * @vue-prop {Boolean} [editableInput=true] 輸入editable=true時是否使用預設的slot input布林值，預設true
  * @vue-prop {Boolean} [enableCloseEventOnly=false] 輸入點擊移除按鈕時是否僅開啟關閉事件，代表不自動刪除項目，需通過監聽關閉事件@click-close自行處理刪除功能，預設false
- * @vue-prop {String} [nodata='無'] 輸入無任何字串陣列時的預設文字字串，預設'無'
+ * @vue-prop {Boolean} [enableNodata=false] 輸入是否使用nodata展示布林值，預設false
+ * @vue-prop {String} [nodata='Empty'] 輸入無任何字串陣列時的預設文字字串，預設'Empty'
  */
 export default {
     directives: {
@@ -275,7 +276,7 @@ export default {
             type: Array,
             default: () => [],
         },
-        useActive: {
+        enableActive: {
             type: Boolean,
             default: false,
         },
@@ -295,7 +296,7 @@ export default {
             type: String,
             default: 'tooltip',
         },
-        useColorsFromItem: {
+        enableColorsFromItem: {
             type: Boolean,
             default: false,
         },
@@ -568,7 +569,7 @@ export default {
         },
         nodata: {
             type: String,
-            default: 'empty',
+            default: 'Empty',
         },
     },
     data: function() {
@@ -681,7 +682,7 @@ export default {
 
             //c
             let c = null
-            if (vo.isObjValue) {
+            if (vo.enableColorsFromItem && vo.isObjValue) {
                 c = get(item, keyColor, null)
             }
             if (!c) {
@@ -697,7 +698,7 @@ export default {
             let vo = this
 
             //check
-            if (!vo.useActive) {
+            if (!vo.enableActive) {
                 return false
             }
 
@@ -765,8 +766,8 @@ export default {
             //$nextTick
             vo.$nextTick(() => {
 
-                //useActive
-                if (vo.useActive) {
+                //enableActive
+                if (vo.enableActive) {
 
                     //emit
                     vo.$emit('update:valueActive', item)
@@ -911,8 +912,8 @@ export default {
                         .then(() => { //確認關閉
                             //console.log('pm then')
 
-                            //useActive and isActive
-                            if (vo.useActive && vo.isActive(item)) {
+                            //enableActive and isActive
+                            if (vo.enableActive && vo.isActive(item)) {
 
                                 //emit
                                 vo.$emit('update:valueActive', null)
@@ -942,8 +943,8 @@ export default {
                     //emit
                     vo.$emit('click-close', msg)
 
-                    //useActive and isActive
-                    if (vo.useActive && vo.isActive(item)) {
+                    //enableActive and isActive
+                    if (vo.enableActive && vo.isActive(item)) {
 
                         //emit
                         vo.$emit('update:valueActive', null)

package/src/components/WListHorizontal.vue

@@ -85,7 +85,7 @@ import WListItem from './WListItem.vue'
 
 /**
  * @vue-prop {Array} [items=[]] 輸入項目的字串陣列或物件陣列，預設[]
- * @vue-prop {Boolean} [useActive=false] 輸入項目是否使用點擊成為活耀狀態布林值，預設false
+ * @vue-prop {Boolean} [enableActive=false] 輸入項目是否使用點擊成為活耀狀態布林值，預設false
  * @vue-prop {String|Object} [itemActive=null] 輸入活耀項目字串或物件，預設null
  * @vue-prop {String} [itemTextFontSize='1rem'] 輸入文字字型大小字串，預設'1rem'
  * @vue-prop {String} [keyText='text'] 輸入項目為物件時，存放顯示文字之欄位字串，預設'text'
@@ -122,7 +122,7 @@ export default {
             type: Array,
             default: () => [],
         },
-        useActive: {
+        enableActive: {
             type: Boolean,
             default: true,
         },
@@ -254,7 +254,7 @@ export default {
 
         changeItemActive: function() {
             let vo = this
-            if (vo.useActive) {
+            if (vo.enableActive) {
                 vo.itemActiveTrans = vo.itemActive
             }
             return ''
@@ -312,7 +312,7 @@ export default {
         getActive: function(item) {
             let vo = this
             let b = false
-            if (vo.useActive) {
+            if (vo.enableActive) {
                 b = isEqual(item, vo.itemActiveTrans)
             }
             return b

package/src/components/WListVertical.vue

@@ -87,7 +87,7 @@ import WListItem from './WListItem.vue'
 
 /**
  * @vue-prop {Array} [items=[]] 輸入項目的字串陣列或物件陣列，預設[]
- * @vue-prop {Boolean} [useActive=false] 輸入項目是否使用點擊成為活耀狀態布林值，預設false
+ * @vue-prop {Boolean} [enableActive=false] 輸入項目是否使用點擊成為活耀狀態布林值，預設false
  * @vue-prop {String|Object} [itemActive=null] 輸入活耀項目字串或物件，預設null
  * @vue-prop {String} [keyText='text'] 輸入項目為物件時，存放顯示文字之欄位字串，預設'text'
  * @vue-prop {String} [keyIcon='icon'] 輸入項目為物件時，存放圖標之欄位字串，預設'icon'
@@ -120,7 +120,7 @@ export default {
             type: Array,
             default: () => [],
         },
-        useActive: {
+        enableActive: {
             type: Boolean,
             default: true,
         },
@@ -216,7 +216,7 @@ export default {
 
         changeItemActive: function() {
             let vo = this
-            if (vo.useActive) {
+            if (vo.enableActive) {
                 vo.itemActiveTrans = vo.itemActive
             }
             return ''
@@ -293,7 +293,7 @@ export default {
         getActive: function(item) {
             let vo = this
             let b = false
-            if (vo.useActive) {
+            if (vo.enableActive) {
                 b = isEqual(item, vo.itemActiveTrans)
             }
             return b

package/src/components/WTableDyn.vue

@@ -16,7 +16,7 @@
 
                     <div
                         :style="`${useInforPadding}`"
-                        v-if="useInfor"
+                        v-if="enableInfor"
                     >
                         <table style="width:100%;">
                             <tbody>
@@ -46,7 +46,7 @@
 
                     <div
                         :style="`${useMenuPaddingStyle} background:${useMenuBackgroundColor};`"
-                        v-if="useMenu"
+                        v-if="enableMenu"
                     >
                         <div style="display:flex; align-items:center;">
 
@@ -142,7 +142,7 @@
 
                         <div
                             :style="`${useMenuPaddingStyle} background:${useMenuBackgroundColor};`"
-                            v-if="useMenu"
+                            v-if="enableMenu"
                         >
                             <div style="display:flex; align-items:center;">
 
@@ -166,7 +166,7 @@
 
                         <div
                             :style="`${useInforPadding}`"
-                            v-if="useInfor"
+                            v-if="enableInfor"
                         >
                             <slot
                                 name="infor"
@@ -238,11 +238,11 @@ import color2hex from '../js/vuetifyColor.mjs'
 
 /**
  * @vue-prop {Array} [pathItems=['詳見原始碼']] 輸入w-aggrid-vue-dyn組件js檔案位置字串陣列，預設詳見原始碼處props->pathItems->default
- * @vue-prop {Boolean} [useInfor=true] 輸入是否使用資訊區(資料名稱name與資料描述description)布林值，預設為true
+ * @vue-prop {Boolean} [enableInfor=true] 輸入是否使用資訊區(資料名稱name與資料描述description)布林值，預設為true
  * @vue-prop {String} [name=''] 輸入資料名稱字串，預設''
  * @vue-prop {String} [description=''] 輸入資料描述字串，預設''
  * @vue-prop {Object} [inforPaddingStyle={v:0,h:0}] 輸入資訊區(資料名稱name與資料描述description)內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:0}
- * @vue-prop {Boolean} [useMenu=true] 輸入是否使用選單按鈕區布林值，預設為true
+ * @vue-prop {Boolean} [enableMenu=true] 輸入是否使用選單按鈕區布林值，預設為true
  * @vue-prop {Object} [menuPaddingStyle={v:3,h:3}] 輸入選單按鈕區內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:3,h:3}
  * @vue-prop {String} [menuBackgroundColor='transparent'] 輸入選單按鈕區背景顏色字串，預設'transparent'
  * @vue-prop {String|Array} [sortColIds=''] 輸入初始化時自動排序數據的欄位，為字串或陣列，若輸入陣列時則依照順序排序，故最末者代表最終排序。預設''
@@ -252,7 +252,7 @@ import color2hex from '../js/vuetifyColor.mjs'
  * @vue-prop {String|Array} [removeIdsWhenDownload=''] 輸入下載Excel檔案時欲移除的欄位字串或陣列，預設''
  * @vue-prop {Boolean} [funGetLtdtHookWhenDownload=null] 輸入下載Excel檔案時針對ltdt數據階段的攔截處理函數，預設為null
  * @vue-prop {Boolean} [funGetMatHookWhenDownload=null] 輸入下載Excel檔案時針對mat數據階段的攔截處理函數，預設為null
- * @vue-prop {Boolean} [useHeadWhenDownload=false] 輸入下載Excel檔案時是否將欄位鍵值轉換成head布林值，此需提供opt.kpHead物件，預設為false
+ * @vue-prop {Boolean} [enableHeadWhenDownload=false] 輸入下載Excel檔案時是否將欄位鍵值轉換成head布林值，此需提供opt.kpHead物件，預設為false
  * @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
@@ -339,7 +339,7 @@ export default {
         pathItems: {
             type: Array, //預設值見WAggridVueDyn
         },
-        useInfor: {
+        enableInfor: {
             type: Boolean,
             default: true,
         },
@@ -360,7 +360,7 @@ export default {
                 }
             },
         },
-        useMenu: {
+        enableMenu: {
             type: Boolean,
             default: true,
         },
@@ -418,7 +418,7 @@ export default {
             type: Function,
             default: null,
         },
-        useHeadWhenDownload: {
+        enableHeadWhenDownload: {
             type: Boolean,
             default: false,
         },
@@ -990,7 +990,7 @@ export default {
                     //     return mat
                     // },
                     funGetMatHook: vo.funGetMatHookWhenDownload,
-                    useHead: vo.useHeadWhenDownload, //default: false
+                    useHead: vo.enableHeadWhenDownload, //default: false
                     fileName: vo.fileNameWhenDownload, //default: 'data.xlsx'
                     sheetName: vo.sheetNameWhenDownload, //default: data
                     pathItems: null, //default: 'https://cdn.jsdelivr.net/npm/xlsx@0.18.5/dist/xlsx.full.min.js'

package/src/components/WTree.vue

@@ -162,7 +162,7 @@
                                         :style="`${getOperatePanelHeight(props)} width:${operatePanelWidth}px;`"
                                         :items="getUseOperateItems(props)"
                                         :itemTextFontSize="'0.8rem'"
-                                        :useActive="false"
+                                        :enableActive="false"
                                         :paddingStyle="operateItemPaddingStyle"
                                         :itemBackgroundColor="operateItemBackgroundColor"
                                         :itemBackgroundColorHover="operateItemBackgroundColorHover"