w-component-vue 2.1.86 → 2.2.2

package/docs/module-WTextSuggest.html

@@ -464,7 +464,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Apr 11 2022 14:41:27 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Tue Apr 12 2022 19:31:58 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextSuggestCore.html

@@ -368,7 +368,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Apr 11 2022 14:41:27 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Tue Apr 12 2022 19:31:58 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextarea.html

@@ -218,7 +218,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Apr 11 2022 14:41:27 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Tue Apr 12 2022 19:31:58 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeday.html

@@ -332,7 +332,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Apr 11 2022 14:41:27 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Tue Apr 12 2022 19:31:58 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimedayCore.html

@@ -230,7 +230,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Apr 11 2022 14:41:27 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Tue Apr 12 2022 19:31:58 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimedayRange.html

@@ -338,7 +338,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Apr 11 2022 14:41:27 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Tue Apr 12 2022 19:31:58 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimedayRangeCore.html

@@ -242,7 +242,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Apr 11 2022 14:41:27 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Tue Apr 12 2022 19:31:58 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminute.html

@@ -368,7 +368,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Apr 11 2022 14:41:27 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Tue Apr 12 2022 19:31:58 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminuteCore.html

@@ -272,7 +272,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Apr 11 2022 14:41:27 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Tue Apr 12 2022 19:31:58 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminuteRange.html

@@ -380,7 +380,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Apr 11 2022 14:41:27 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Tue Apr 12 2022 19:31:58 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminuteRangeCore.html

@@ -284,7 +284,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Apr 11 2022 14:41:27 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Tue Apr 12 2022 19:31:58 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTinymceVueDyn.html

@@ -224,7 +224,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Apr 11 2022 14:41:27 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Tue Apr 12 2022 19:31:58 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTree.html

@@ -566,7 +566,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Apr 11 2022 14:41:27 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Tue Apr 12 2022 19:31:58 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTreeIconCheckbox.html

@@ -242,7 +242,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Apr 11 2022 14:41:27 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Tue Apr 12 2022 19:31:58 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTreeIconToggle.html

@@ -218,7 +218,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Apr 11 2022 14:41:27 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Tue Apr 12 2022 19:31:58 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/vuetifyColor.mjs.html

@@ -144,7 +144,7 @@ export default color2hex
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Mon Apr 11 2022 14:41:27 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
+    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.10</a> on Tue Apr 12 2022 19:31:58 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "w-component-vue",
-  "version": "2.1.86",
+  "version": "2.2.2",
   "author": "yuda-lyu(semisphere)",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/AppZoneWDrawer.vue

@@ -401,64 +401,50 @@ export default {
                 'title': 'Article Title',
                 'content': 'Here is an article content, texts are from Vuetify. There are three ways in which you can install Vuetify. The first (and recommended) way is to utilize the vuetify-loader or what we call automatic A-la-carte. This will ensure that your application only uses the features and styles from Vuetify that are needed, significantly reducing your application\'s compiled size. Keep in mind, when importing from vuetify/lib, the necessary styles are automatically imported for you.',
                 'listItems': [
-
                     {
-                        text: '宜蘭測站',
-                        icon: 'fas fa-binoculars',
+                        text: 'Interpreting',
+                        icon: 'fas fa-american-sign-language-interpreting',
                     },
                     {
-                        text: '台南測站A',
-                        icon: 'fas fa-binoculars',
+                        text: 'Search',
+                        icon: 'fas fa-search',
                     },
                     {
-                        text: '台南測站B',
+                        text: 'Binoculars',
                         icon: 'fas fa-binoculars',
                     },
-
-                    // {
-                    //     text: 'Interpreting',
-                    //     icon: 'fas fa-american-sign-language-interpreting',
-                    // },
-                    // {
-                    //     text: 'Search',
-                    //     icon: 'fas fa-search',
-                    // },
-                    // {
-                    //     text: 'Binoculars',
-                    //     icon: 'fas fa-binoculars',
-                    // },
-                    // {
-                    //     text: 'Building',
-                    //     icon: 'fa-regular fa-building',
-                    // },
-                    // {
-                    //     text: 'Tachometer-alt',
-                    //     icon: 'fas fa-tachometer-alt',
-                    // },
-                    // {
-                    //     text: 'Chess-king',
-                    //     icon: 'fas fa-chess-king',
-                    // },
-                    // {
-                    //     text: 'Calendar',
-                    //     icon: 'fas fa-calendar-alt',
-                    // },
-                    // {
-                    //     text: 'chart',
-                    //     icon: 'fas fa-chart-bar',
-                    // },
-                    // {
-                    //     text: 'Cloud-meatball',
-                    //     icon: 'fas fa-cloud-meatball',
-                    // },
-                    // {
-                    //     text: 'Cubes',
-                    //     icon: 'fas fa-cubes',
-                    // },
-                    // {
-                    //     text: 'Dungeon',
-                    //     icon: 'fas fa-dungeon',
-                    // },
+                    {
+                        text: 'Building',
+                        icon: 'fa-regular fa-building',
+                    },
+                    {
+                        text: 'Tachometer-alt',
+                        icon: 'fas fa-tachometer-alt',
+                    },
+                    {
+                        text: 'Chess-king',
+                        icon: 'fas fa-chess-king',
+                    },
+                    {
+                        text: 'Calendar',
+                        icon: 'fas fa-calendar-alt',
+                    },
+                    {
+                        text: 'chart',
+                        icon: 'fas fa-chart-bar',
+                    },
+                    {
+                        text: 'Cloud-meatball',
+                        icon: 'fas fa-cloud-meatball',
+                    },
+                    {
+                        text: 'Cubes',
+                        icon: 'fas fa-cubes',
+                    },
+                    {
+                        text: 'Dungeon',
+                        icon: 'fas fa-dungeon',
+                    },
                 ],
                 'listPkgs': [
                     {

package/src/AppZoneWGroupCheck.vue

@@ -521,7 +521,7 @@
                                 View
                             </div>
 
-                            <div :style="'margin-right:-9px; display:inline-block; border-radius:10px; font-size:0.85rem; user-select:none; padding:0px 12px; '.concat(props.item.active ? 'color:#000; background:rgba(255,255,255,0.7);' : 'color:#888; background:transparent;')">
+                            <div :style="'margin-right:-9px; display:inline-block; border-radius:10px; font-size:0.85rem; user-select:none; padding:0px 12px; '.concat(props.item.active ? 'color:#000; background:rgba(255,255,255,0.7);' : 'color:#444; background:transparent;')">
                                 {{props.item.data}}
                             </div>
 

package/src/AppZoneWGroupRadio.vue

@@ -518,7 +518,7 @@
                                 View
                             </div>
 
-                            <div :style="'margin-right:-9px; display:inline-block; border-radius:10px; font-size:0.85rem; user-select:none; padding:0px 12px; '.concat(props.item.active ? 'color:#000; background:rgba(255,255,255,0.7);' : 'color:#888; background:transparent;')">
+                            <div :style="'margin-right:-9px; display:inline-block; border-radius:10px; font-size:0.85rem; user-select:none; padding:0px 12px; '.concat(props.item.active ? 'color:#000; background:rgba(255,255,255,0.7);' : 'color:#444; background:transparent;')">
                                 {{props.item.data}}
                             </div>
 

package/src/components/WAggridVueDyn.vue

@@ -79,7 +79,7 @@ export default {
                 'https://cdn.jsdelivr.net/npm/xlsx@0.18.5/dist/xlsx.full.min.js', //w-aggrid-vue的download與upload會使用, 一併預載
                 'https://cdn.jsdelivr.net/npm/ag-grid-community@27.1.0/dist/ag-grid-community.min.noStyle.js',
                 'https://cdn.jsdelivr.net/npm/ag-grid-vue@27.1.0/dist/ag-grid-vue.umd.min.js', //於es5內載入時, AgGridVue會出現在window['ag-grid-vue'].AgGridVue
-                'https://cdn.jsdelivr.net/npm/w-aggrid-vue@2.0.29/dist/w-aggrid-vue.umd.js',
+                'https://cdn.jsdelivr.net/npm/w-aggrid-vue@2.0.30/dist/w-aggrid-vue.umd.js',
             ],
         },
         opt: {

package/src/components/WTableDyn.vue

@@ -233,8 +233,12 @@ import color2hex from '../js/vuetifyColor.mjs'
  * @vue-prop {String|Array} [hideIds=''] 輸入欲隱藏欄位字串或陣列，可被opt.kpHeadHide複寫，預設''
  * @vue-prop {String|Array} [fixIds=''] 輸入欲固定於左側欄位字串或陣列，可被opt.kpHeadFixLeft複寫，預設''
  * @vue-prop {String} [checkId=''] 輸入欲使用核選方塊欄位字串，可被opt.kpHeadCheckBox複寫，預設''
- * @vue-prop {String|Array} [removeIdsWhenDownload=''] 輸入當下載成Excel檔案時欲移除的欄位字串或陣列，預設''
- * @vue-prop {Boolean} [checkNoDataWhenSave=false] 輸入於儲存時是否檢查無有效資料布林值，預設為false
+ * @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 {String} [fileNameWhenDownload='data.xlsx'] 輸入下載Excel檔案時儲存檔名稱字串，預設'data.xlsx'
+ * @vue-prop {String} [sheetNameWhenDownload='data'] 輸入下載Excel檔案時sheet名稱字串，預設'data'
  * @vue-prop {Boolean} [editable=false] 輸入是否可編輯布林值，可被opt.defCellEditable複寫，預設為false
  * @vue-prop {String} [textLabelDataName='Data name] 輸入數據名稱字串，預設'Data name'
  * @vue-prop {String} [textPlaceholderDataName='Please enter data name'] 輸入數據名稱placeholder字串，預設'Please enter data name'
@@ -382,6 +386,26 @@ export default {
             //     'isActive',
             // ],
         },
+        funGetLtdtHookWhenDownload: {
+            type: Function,
+            default: null,
+        },
+        funGetMatHookWhenDownload: {
+            type: Function,
+            default: null,
+        },
+        useHeadWhenDownload: {
+            type: Boolean,
+            default: false,
+        },
+        fileNameWhenDownload: {
+            type: String,
+            default: 'data.xlsx',
+        },
+        sheetNameWhenDownload: {
+            type: String,
+            default: 'data',
+        },
         editable: {
             type: Boolean,
             default: false,
@@ -923,6 +947,7 @@ export default {
                 //downloadData
                 fun({
                     funGetKeysHook: (keys) => {
+                        // console.log('funGetKeysHook', keys)
                         if (isestr(vo.removeIdsWhenDownload)) {
                             pull(keys, vo.removeIdsWhenDownload)
                         }
@@ -930,7 +955,21 @@ export default {
                             pull(keys, ...vo.removeIdsWhenDownload)
                         }
                         return keys
-                    }
+                    },
+                    // funGetLtdtHook: function(ltdt) {
+                    //     // console.log('funGetLtdtHook', ltdt)
+                    //     return ltdt
+                    // },
+                    funGetLtdtHook: vo.funGetLtdtHookWhenDownload,
+                    // funGetMatHook: function(mat) {
+                    //     // console.log('funGetMatHook', mat)
+                    //     return mat
+                    // },
+                    funGetMatHook: vo.funGetMatHookWhenDownload,
+                    useHead: vo.useHeadWhenDownload, //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'
                 })
 
                 vo.$emit('success', vo.successMsgFromDownloadData)

package/src/components/WTree.vue

@@ -54,10 +54,10 @@
                         <div :style="`display:table-cell; vertical-align:top; padding-right:${separation}px;`"></div>
 
                         <div :style="`display:table-cell; vertical-align:top; padding:0px ${separation}px;`">
-                            <div :style="`display:flex; align-items:center; justify-content:center; height:${defItemHeight}px; overflow:hidden;`">
+                            <div :style="`display:flex; align-items:center; justify-content:center; width:${defItemHeight/defIconHeight*defIconWidth}px; height:${defItemHeight}px; overflow:hidden;`">
                                 <div :style="`transform-origin:center; transform:scale(${iconHeight/defIconHeight});`">
                                     <WTreeIconToggle
-                                        :style="`width:24px; height:${defIconHeight}px;`"
+                                        :style="`width${defIconWidth}px; height:${defIconHeight}px;`"
                                         :dir="`${props.row.unfolding?'bottom':'right'}`"
                                         :iconColor="iconToggleColor"
                                         :iconBackgroundColor="iconToggleBackgroundColor"
@@ -65,17 +65,17 @@
                                         @click.stop="toggleItems(props.row)"
                                         v-if="hasChildren(props.index)"
                                     ></WTreeIconToggle>
-                                    <div style="padding-right:24px;" v-else></div>
+                                    <div :style="`padding-right:${defIconWidth}px;`" v-else></div>
                                 </div>
                             </div>
                         </div>
 
                         <!-- 因顯隱圖標比較小而勾選圖標比較大, 讓separation全灌到padding-right處使排版比較均勻 -->
                         <div :style="`display:table-cell; vertical-align:top; padding:0px ${2*separation}px 0px 0px;`" v-if="selectable">
-                            <div :style="`display:flex; align-items:center; justify-content:center; height:${defItemHeight}px; overflow:hidden;`">
+                            <div :style="`display:flex; align-items:center; justify-content:center; width:${defItemHeight/defIconHeight*defIconWidth}px; height:${defItemHeight}px; overflow:hidden;`">
                                 <div :style="`transform-origin:center; transform:scale(${iconHeight/defIconHeight});`">
                                     <WTreeIconCheckbox
-                                        :style="`height:${defIconHeight}px;`"
+                                        :style="`width${defIconWidth}px; height:${defIconHeight}px;`"
                                         :mode="props.row.checked"
                                         :editable="getEditable(props.row.item)"
                                         :uncheckedColor="iconUncheckedColor"
@@ -583,6 +583,7 @@ export default {
             viewHeightMaxTrans: 2, //預設給予>=2最小內容區高度, 使能觸發顯示渲染連動機制
 
             separation: 3,
+            defIconWidth: 24,
             defIconHeight: 34,
             selectionsTrans: [],
 
@@ -695,7 +696,7 @@ export default {
 
             let vo = this
 
-            return vo.indent * (24 + 2 * vo.separation)
+            return vo.indent * (vo.defIconWidth + 2 * vo.separation)
         },
 
         usePadding: function() {