w-component-vue 2.3.30 → 2.3.32

package/docs/module-WText.html

@@ -647,7 +647,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Wed Aug 16 2023 13:22:22 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 4.0.2</a> on Thu Sep 07 2023 13:17:44 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextCore.html

@@ -299,7 +299,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Wed Aug 16 2023 13:22:22 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 4.0.2</a> on Thu Sep 07 2023 13:17:44 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextInt.html

@@ -551,7 +551,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Wed Aug 16 2023 13:22:22 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 4.0.2</a> on Thu Sep 07 2023 13:17:44 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextIntCore.html

@@ -359,7 +359,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Wed Aug 16 2023 13:22:22 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 4.0.2</a> on Thu Sep 07 2023 13:17:44 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextSelect.html

@@ -731,7 +731,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Wed Aug 16 2023 13:22:22 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 4.0.2</a> on Thu Sep 07 2023 13:17:44 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextSuggest.html

@@ -791,7 +791,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Wed Aug 16 2023 13:22:22 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 4.0.2</a> on Thu Sep 07 2023 13:17:44 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextSuggestCore.html

@@ -563,7 +563,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Wed Aug 16 2023 13:22:22 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 4.0.2</a> on Thu Sep 07 2023 13:17:44 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextarea.html

@@ -647,7 +647,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Wed Aug 16 2023 13:22:22 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 4.0.2</a> on Thu Sep 07 2023 13:17:44 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTextareaCore.html

@@ -287,7 +287,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Wed Aug 16 2023 13:22:22 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 4.0.2</a> on Thu Sep 07 2023 13:17:44 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeday.html

@@ -479,7 +479,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Wed Aug 16 2023 13:22:22 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 4.0.2</a> on Thu Sep 07 2023 13:17:44 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimedayCore.html

@@ -263,7 +263,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Wed Aug 16 2023 13:22:22 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 4.0.2</a> on Thu Sep 07 2023 13:17:44 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimedayRange.html

@@ -503,7 +503,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Wed Aug 16 2023 13:22:22 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 4.0.2</a> on Thu Sep 07 2023 13:17:44 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimedayRangeCore.html

@@ -287,7 +287,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Wed Aug 16 2023 13:22:22 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 4.0.2</a> on Thu Sep 07 2023 13:17:44 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminute.html

@@ -563,7 +563,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Wed Aug 16 2023 13:22:22 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 4.0.2</a> on Thu Sep 07 2023 13:17:44 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminuteCore.html

@@ -347,7 +347,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Wed Aug 16 2023 13:22:22 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 4.0.2</a> on Thu Sep 07 2023 13:17:44 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminuteRange.html

@@ -587,7 +587,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Wed Aug 16 2023 13:22:22 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 4.0.2</a> on Thu Sep 07 2023 13:17:44 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTimeminuteRangeCore.html

@@ -371,7 +371,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Wed Aug 16 2023 13:22:22 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 4.0.2</a> on Thu Sep 07 2023 13:17:44 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTinymceVueDyn.html

@@ -251,7 +251,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Wed Aug 16 2023 13:22:22 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 4.0.2</a> on Thu Sep 07 2023 13:17:44 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTooltip.html

@@ -431,7 +431,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Wed Aug 16 2023 13:22:22 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 4.0.2</a> on Thu Sep 07 2023 13:17:44 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTree.html

@@ -1487,7 +1487,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Wed Aug 16 2023 13:22:22 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 4.0.2</a> on Thu Sep 07 2023 13:17:44 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTreeIconCheckbox.html

@@ -299,7 +299,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Wed Aug 16 2023 13:22:22 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 4.0.2</a> on Thu Sep 07 2023 13:17:44 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/module-WTreeIconToggle.html

@@ -275,7 +275,7 @@
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Wed Aug 16 2023 13:22:22 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 4.0.2</a> on Thu Sep 07 2023 13:17:44 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/docs/vuetifyColor.mjs.html

@@ -147,7 +147,7 @@ export default color2hex
 <br class="clear">
 
 <footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 4.0.2</a> on Wed Aug 16 2023 13:22:22 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 4.0.2</a> on Thu Sep 07 2023 13:17:44 GMT+0800 (台北標準時間) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
 </footer>
 
 <script>prettyPrint();</script>

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "w-component-vue",
-  "version": "2.3.30",
+  "version": "2.3.32",
   "main": "dist/w-component-vue.umd.js",
   "dependencies": {
     "@mdi/js": "^7.2.96",
     "lodash": "^4.17.21",
-    "wsemi": "^1.7.21"
+    "wsemi": "^1.7.33"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^5.0.8",

package/src/AppZoneWTableDyn.vue

@@ -400,7 +400,7 @@
             <div class="bk">
                 <demolink
                     :kbname="'w-table-dyn'"
-                    :casename="'editable & textLabelDataName & textPlaceholderDataName & textLabelDataDescription & textPlaceholderDataDescription'"
+                    :casename="'editable & language & textLabelDataName & textPlaceholderDataName & textLabelDataDescription & textPlaceholderDataDescription'"
                 ></demolink>
 
                 <w-table-dyn
@@ -409,6 +409,7 @@
                     :description="WTableDyn.description"
                     :opt="WTableDyn.opt2"
                     :editable="true"
+                    :language="'zh-tw'"
                     :textLabelDataName="'名稱'"
                     :textPlaceholderDataName="'請輸入數據名稱'"
                     :textLabelDataDescription="'說明'"
@@ -423,7 +424,7 @@
             <div class="bk">
                 <demolink
                     :kbname="'w-table-dyn'"
-                    :casename="'editable & checkId & tooltipAddRow & tooltipDeleteSelectedRows & tooltipDownloadExcelFile & tooltipUploadExcelFile & uploadModeTitle & uploadModeTextForReplace & uploadModeTextForAppend'"
+                    :casename="'editable & language & checkId & tooltipAddRow & tooltipDeleteSelectedRows & tooltipDownloadExcelFile & tooltipDownloadExcelFileForDisplay & tooltipUploadExcelFile & uploadModeTitle & uploadModeTextForReplace & uploadModeTextForAppend'"
                 ></demolink>
 
                 <w-table-dyn
@@ -432,10 +433,12 @@
                     :description="WTableDyn.description"
                     :opt="WTableDyn.opt2"
                     :editable="true"
+                    :language="'zh-tw'"
                     :checkId="'id'"
                     :tooltipAddRow="'新增數據'"
                     :tooltipDeleteSelectedRows="'刪除選擇數據'"
-                    :tooltipDownloadExcelFile="'下載 Excel(xlsx) 數據檔案'"
+                    :tooltipDownloadExcelFile="'下載數據成為 Excel(xlsx) 檔案'"
+                    :tooltipDownloadExcelFileForDisplay="'下載過濾後數據成為 Excel(xlsx) 檔案'"
                     :tooltipUploadExcelFile="'上傳 Excel(xlsx) 數據檔案'"
                     :uploadModeTitle="'請選擇上傳模式：'"
                     :uploadModeTextForReplace="'取代'"
@@ -550,6 +553,11 @@ export default {
     },
     data: function() {
         let keys1 = ['make', 'model', 'price']
+        let kpHeadFilterType1 = { //default: num (num,text,time,set)
+            'make': 'text',
+            'model': 'text',
+            'price': 'num',
+        }
         let rows1 = [
             { make: 'Toyota', model: 'Celica', price: 35000 },
             { make: 'Ford', model: 'Mondeo', price: 32000 },
@@ -566,6 +574,15 @@ export default {
             { make: 'Subaru', model: 'BRZ', price: 48000 },
         ]
         let keys2 = ['id', 'mappingId', 'order', 'make', 'model', 'price', 'isActive']
+        let kpHeadFilterType2 = { //default: num (num,text,time,set)
+            'id': 'text',
+            'mappingId': 'text',
+            'order': 'num',
+            'make': 'text',
+            'model': 'text',
+            'price': 'num',
+            'isActive': 'text',
+        }
         let rows2 = [
             { id: 'id-Toyota', mappingId: 'car_table', order: 0, make: 'Toyota', model: 'Celica', price: 35000, isActive: 'y' },
             { id: 'id-Ford', mappingId: 'car_table', order: 1, make: 'Ford', model: 'Mondeo', price: 32000, isActive: 'y' },
@@ -582,6 +599,15 @@ export default {
             { id: 'id-Subaru', mappingId: 'car_table', order: 3, make: 'Subaru', model: 'BRZ', price: 48000, isActive: 'y' },
         ]
         let keys3 = ['id', 'mappingId', 'order', 'make', 'model', 'price', 'isActive']
+        let kpHeadFilterType3 = { //default: num (num,text,time,set)
+            'id': 'text',
+            'mappingId': 'text',
+            'order': 'num',
+            'make': 'text',
+            'model': 'text',
+            'price': 'num',
+            'isActive': 'text',
+        }
         let rows3 = [
             { id: '', mappingId: '', order: 0, make: 'Toyota', model: 'Celica', price: 35000 },
             { id: '', mappingId: '', order: 1, make: 'Ford', model: 'Mondeo', price: 32000 },
@@ -603,14 +629,17 @@ export default {
                 'description': 'The relationship between different car types and prices',
                 'opt1': {
                     keys: keys1,
+                    kpHeadFilterType: kpHeadFilterType1,
                     rows: rows1,
                 },
                 'opt2': {
                     keys: keys2,
+                    kpHeadFilterType: kpHeadFilterType2,
                     rows: rows2,
                 },
                 'opt3': {
                     keys: keys2,
+                    kpHeadFilterType: kpHeadFilterType2,
                     rows: rows2,
                     kpHead: {
                         id: '主鍵',
@@ -624,6 +653,7 @@ export default {
                 },
                 'opt4': {
                     keys: keys2,
+                    kpHeadFilterType: kpHeadFilterType2,
                     rows: rows2,
                     beforeAddRow: function(newRow) {
                         newRow.id = 'id-random-' + Math.random()
@@ -632,6 +662,7 @@ export default {
                 },
                 'opt5': {
                     keys: keys2,
+                    kpHeadFilterType: kpHeadFilterType2,
                     rows: rows2,
                     kpConvertKeysWhenUploadData: {
                         makeTemp: 'make',
@@ -650,6 +681,7 @@ export default {
                 },
                 'opt7': {
                     keys: keys3,
+                    kpHeadFilterType: kpHeadFilterType3,
                     rows: rows3,
                     modifyDataWhenSave: function(rows) {
                         console.log('modifyDataWhenSave', rows)

package/src/components/WAggridVueDyn.vue

@@ -25,6 +25,7 @@ import getVue from '../js/getVue.mjs'
  * @vue-prop {Object} [opt.kpHeadFixLeft={}] 輸入key對應head之是否固定於左側物件，預設各key值為false
  * @vue-prop {Boolean} [opt.defHeadFilter=true] 輸入head預設之是否允許過濾布林值，預設為true
  * @vue-prop {Object} [opt.kpHeadFilter={}] 輸入key對應head之是否允許過濾物件，預設各key值為defHeadFilter
+ * @vue-prop {Object} [opt.kpHeadFilterType={}] 輸入key對應head之過濾器物件，可使用'num'、'text'、'time'、'set'，預設各key值為'num'
  * @vue-prop {Boolean} [opt.defHeadDrag=true] 輸入head預設之是否允許拖曳布林值，預設為true
  * @vue-prop {Object} [opt.kpHeadDrag={}] 輸入key對應head之是否允許拖曳物件，預設各key值為defHeadDrag
  * @vue-prop {Object} [opt.kpHeadCheckBox={}] 輸入key對應head與key的各列是否使用核選方塊物件，預設各key值為false
@@ -44,6 +45,7 @@ import getVue from '../js/getVue.mjs'
  * @vue-prop {Boolean} [opt.defCellEditable=false] 輸入cell預設之是否可編輯布林值，預設為false
  * @vue-prop {Object} [opt.kpCellEditable={}] 輸入key對應cell之是否可編輯物件，預設各key值為defCellEditable
  * @vue-prop {Object} [opt.kpConvertKeysWhenUploadData={}] 輸入上傳Excel檔案時，當key轉會成對應新key值物件，預設{}
+ * @vue-prop {Function} [opt.rowsChange=()=>{}] 輸入rows change之觸發事件，預設為()=>{}
  * @vue-prop {Function} [opt.rowClick=()=>{}] 輸入row click之觸發事件，預設為()=>{}
  * @vue-prop {Function} [opt.rowDbClick=()=>{}] 輸入row double click之觸發事件，預設為()=>{}
  * @vue-prop {Function} [opt.rowChange=()=>{}] 輸入row change之觸發事件，預設為()=>{}
@@ -55,21 +57,11 @@ import getVue from '../js/getVue.mjs'
  * @vue-prop {Function} [opt.cellChange=()=>{}] 輸入cell change之觸發事件，預設為()=>{}
  * @vue-prop {Function} [opt.cellMouseEnter=()=>{}] 輸入cell mouseenter之觸發事件，預設為()=>{}
  * @vue-prop {Function} [opt.cellMouseLeave=()=>{}] 輸入cell mouseleave之觸發事件，預設為()=>{}
+ * @vue-prop {Function} [opt.filterChange=()=>{}] 輸入filter change之觸發事件，預設為()=>{}
  * @vue-prop {Boolean} [opt.autoFitColumn=false] 輸入當表格尺寸變更時自動調整欄寬布林值，預設false
+ * @vue-prop {String} [opt.language='en'] 輸入指定語系字串，可選'en'、'zh-tw'、'zh-cn'，預設為'en'
  * @vue-prop {Number} [height=300] 表格高度，單位為px，預設300
  * @vue-prop {String} [filterall=''] 輸入對全表數據進行過濾之字串，預設為''
- * @vue-event {Null} refresh 指調用組件的method，無輸入與回傳，刷新表格
- * @vue-event {Array} showKeys 指調用組件的method，輸入指定欲顯示欄位的keys，數量最多為原本初始化的keys，可更改順序，無回傳
- * @vue-event {Array} setHeadFilter 指調用組件的method，輸入指定欄位的key與要過濾的值value，會於界面上指定欄進行過濾
- * @vue-event {Array} clearHeadFilter 指調用組件的method，輸入指定欄位的key並清除當前所使用的過濾值
- * @vue-event {Array} clearHeadFilterAll 指調用組件的method，無輸入與回傳，清除當前所有欄位所使用的過濾值
- * @vue-event {Null} getDisplayData 指調用組件的method，無輸入，會回傳目前表格所顯示之數據
- * @vue-event {Null} getInstance 指調用組件的method，無輸入，會回傳ag-grid表格實例物件
- * @vue-event {Null} fitColumns 指調用組件的method，無輸入與回傳，自動調整欄寬
- * @vue-event {String} pasteText 指調用組件的method，輸入text為欲貼上的文字，showRowIndNow為貼上的列指標整數，預設null，showColKeyNow為貼上的欄位key值字串，預設null
- * @vue-event {Null} downloadDisplayData 指調用組件的method，無輸入，下載目前表格所顯示之數據為Excel檔，亦會回傳目前表格所顯示之數據
- * @vue-event {Null} downloadData 指調用組件的method，無輸入，下載數據為Excel檔，亦會回傳數據
- * @vue-event {Object} uploadData 指調用組件的method，輸入設定物件，其中pathItems代表調用wsemi的getDataFromExcelFileU8ArrDyn所傳入的xlsx的來源網址陣列，beforeUpload代表上傳前的處理數據函數，parseSheetInd代表提取Excel檔案的第幾個sheet整數，預設為0。呼叫時會開啟選擇檔案視窗給使用者上傳Excel檔案，需為含有標題的Excel檔，標題需為各欄位key值而非head。回傳為Promise，resolve為成功上傳之數據，reject為失敗原因
  */
 export default {
     components: {
@@ -82,7 +74,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.3.0/dist/ag-grid-community.min.noStyle.js',
                 'https://cdn.jsdelivr.net/npm/ag-grid-vue@27.3.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.38/dist/w-aggrid-vue.umd.js',
+                'https://cdn.jsdelivr.net/npm/w-aggrid-vue@2.0.40/dist/w-aggrid-vue.umd.js',
             ],
         },
         opt: {

package/src/components/WTableDyn.vue

@@ -76,10 +76,20 @@
                                 :backgroundColor="'white'"
                                 :backgroundColorHover="'white'"
                                 :tooltip="tooltipDownloadExcelFile"
-                                @click="downloadData"
+                                @click="downloadData('raw')"
                                 v-if="hasEffRows"
                             ></WButtonCircle>
 
+                            <WButtonCircle
+                                style="margin:5px;"
+                                :icon="mdiMonitorArrowDown"
+                                :backgroundColor="'white'"
+                                :backgroundColorHover="'white'"
+                                :tooltip="tooltipDownloadExcelFileForDisplay"
+                                @click="downloadData('display')"
+                                v-if="isFilter && hasEffRows"
+                            ></WButtonCircle>
+
                             <WPopup
                                 v-model="showPickUploadMode"
                             >
@@ -152,10 +162,20 @@
                                     :tooltip="tooltipDownloadExcelFile"
                                     :backgroundColor="'white'"
                                     :backgroundColorHover="'white'"
-                                    @click="downloadData"
+                                    @click="downloadData('raw')"
                                     v-if="hasEffRows"
                                 ></WButtonCircle>
 
+                                <WButtonCircle
+                                    style="margin:5px;"
+                                    :icon="mdiMonitorArrowDown"
+                                    :tooltip="tooltipDownloadExcelFileForDisplay"
+                                    :backgroundColor="'white'"
+                                    :backgroundColorHover="'white'"
+                                    @click="downloadData('display')"
+                                    v-if="isFilter && hasEffRows"
+                                ></WButtonCircle>
+
                                 <slot
                                     name="btns"
                                     :editable="editable"
@@ -203,7 +223,7 @@
 </template>
 
 <script>
-import { mdiDownload, mdiUpload, mdiDeleteForever, mdiTextBoxPlusOutline } from '@mdi/js/mdi.js'
+import { mdiDownload, mdiMonitorArrowDown, mdiUpload, mdiDeleteForever, mdiTextBoxPlusOutline } from '@mdi/js/mdi.js'
 import get from 'lodash/get'
 import map from 'lodash/map'
 import each from 'lodash/each'
@@ -262,7 +282,8 @@ import color2hex from '../js/vuetifyColor.mjs'
  * @vue-prop {String} [textPlaceholderDataDescription='Please enter data description'] 輸入數據說明placeholder字串，預設'Please enter data description'
  * @vue-prop {String} [tooltipAddRow='add new row'] 輸入新增數據按鈕tooltip字串，預設'add new row'
  * @vue-prop {String} [tooltipDeleteSelectedRows='delete selected rows'] 輸入刪除選擇數據按鈕tooltip字串，預設'delete selected rows'
- * @vue-prop {String} [tooltipDownloadExcelFile='download data to Excel file'] 輸入下載Excel數據檔案按鈕tooltip字串，預設'download data to Excel file'
+ * @vue-prop {String} [tooltipDownloadExcelFile='download data to Excel file'] 輸入下載數據成為Excel檔案按鈕tooltip字串，預設'download data to Excel file'
+ * @vue-prop {String} [tooltipDownloadExcelFileForDisplay='download filtered data to Excel file'] 輸入下載過濾後數據成為Excel檔案按鈕tooltip字串，預設'download filtered data to Excel file'
  * @vue-prop {String} [tooltipUploadExcelFile='upload data to Excel file'] 輸入上傳Excel數據檔案按鈕tooltip字串，預設'upload data to Excel file'
  * @vue-prop {String} [successMsgFromAddRow='add row successfully'] 輸入新增數據成功事件訊息字串，預設'add row successfully'
  * @vue-prop {String} [errorMsgFromAddRow='can not add row'] 輸入無法新增數據事件訊息字串，預設'can not add row'
@@ -319,7 +340,9 @@ import color2hex from '../js/vuetifyColor.mjs'
  * @vue-prop {Function} [opt.cellChange=function(){}] 輸入cell change之觸發事件，預設為function(){}
  * @vue-prop {Function} [opt.cellMouseEnter=function(){}] 輸入cell mouseenter之觸發事件，預設為function(){}
  * @vue-prop {Function} [opt.cellMouseLeave=function(){}] 輸入cell mouseleave之觸發事件，預設為function(){}
+ * @vue-prop {Function} [opt.filterChange=()=>{}] 輸入filter change之觸發事件，預設為()=>{}
  * @vue-prop {Boolean} [opt.autoFitColumn=false] 輸入當表格尺寸變更時自動調整欄寬布林值，預設false
+ * @vue-prop {String} [opt.language='en'] 輸入指定語系字串，可選'en'、'zh-tw'、'zh-cn'，預設為'en'
  * @vue-prop {Object} [opt.optForUploadData={}] 輸入呼叫組件uploadData上傳檔案時用的設定物件，物件可給予鍵值：pathItems代表調用wsemi的getDataFromExcelFileU8ArrDyn所傳入的xlsx的來源網址陣列，beforeUpload代表上傳前的處理數據函數，parseSheetInd代表提取Excel檔案的第幾個sheet整數(預設為0)，optForUploadData預設{}
  * @vue-prop {Function} [opt.modifyDataWhenSave=undefined] 輸入當儲存時修改儲存數據事件，輸入rows，輸出rows，預設為undefined
  * @vue-prop {Boolean} [opt.checkNoDataWhenSave=false] 輸入當儲存時是否檢核無數據布林值，預設false
@@ -339,6 +362,10 @@ export default {
         pathItems: {
             type: Array, //預設值見WAggridVueDyn
         },
+        language: {
+            type: String,
+            default: 'en',
+        },
         enableInfor: {
             type: Boolean,
             default: true,
@@ -460,11 +487,15 @@ export default {
         },
         tooltipDownloadExcelFile: {
             type: String,
-            default: 'download data to Excel file', //下載 Excel 數據檔案
+            default: 'download data to Excel file', //下載數據成為Excel檔案
+        },
+        tooltipDownloadExcelFileForDisplay: {
+            type: String,
+            default: 'download filtered data to Excel file', //下載過濾後數據成為Excel檔案
         },
         tooltipUploadExcelFile: {
             type: String,
-            default: 'upload data to Excel file', //上傳 Excel 數據檔案
+            default: 'upload data to Excel file', //上傳數據 Excel 檔案
         },
         successMsgFromAddRow: {
             type: String,
@@ -526,6 +557,7 @@ export default {
     data: function() {
         return {
             mdiDownload,
+            mdiMonitorArrowDown,
             mdiUpload,
             mdiDeleteForever,
             mdiTextBoxPlusOutline,
@@ -545,6 +577,8 @@ export default {
             descriptionTemp: '',
             rowsTemp: [],
 
+            isFilter: false,
+
         }
     },
     computed: {
@@ -812,14 +846,41 @@ export default {
 
             //useOpt
             let useOpt = {
+
+                defCellAlighH: 'left',
+
+                ...vo.opt,
+
+                //由此組件複寫
+                language: vo.language,
                 rows,
                 keys: vo.useKeys,
                 defCellEditable: vo.editable,
-                defCellAlighH: 'left',
                 kpHead: vo.useKpHead,
                 rowChecked: function(rs) {
                     //console.log('rowChecked rs', rs)
+
+                    //save
                     vo.rowsSelect = rs
+
+                    //call
+                    if (isfun(get(vo.opt, 'rowChecked'))) {
+                        vo.opt.rowChecked(rs)
+                    }
+
+                },
+                filterChange: function(msg) {
+                    // console.log('filterChange msg', msg)
+
+                    //save
+                    let isFilter = get(msg, 'isFilter', false)
+                    vo.isFilter = isFilter
+
+                    //call
+                    if (isfun(get(vo.opt, 'filterChange'))) {
+                        vo.opt.filterChange(msg)
+                    }
+
                 },
             }
 
@@ -953,15 +1014,27 @@ export default {
 
         },
 
-        downloadData: function() {
-            //console.log('methods downloadData')
+        downloadData: function(mode = 'raw') {
+            //console.log('methods downloadData', mode)
 
             let vo = this
 
             try {
 
+                //keyFun
+                let keyFun = ''
+                if (mode === 'raw') {
+                    keyFun = 'downloadData'
+                }
+                else if (mode === 'display') {
+                    keyFun = 'downloadDisplayData'
+                }
+                else {
+                    throw new Error(`invlaid mode[${mode}]`)
+                }
+
                 //fun
-                let fun = get(vo, `$refs.cmp.$refs.$self.downloadData`)
+                let fun = get(vo, `$refs.cmp.$refs.$self.${keyFun}`)
 
                 //check
                 if (!isfun(fun)) {