vxe-table 4.3.4 → 4.3.6-beta.0

package/lib/filter/src/hook.js

@@ -4,48 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _vue = require("vue");
-
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
-
 var _vXETable = require("../../v-x-e-table");
-
 var _util = require("../../table/src/util");
-
 var _dom = require("../../tools/dom");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var __assign = void 0 && (void 0).__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
-      for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 var tableFilterMethodKeys = ['setFilter', 'clearFilter', 'getCheckedFilters'];
 var tableFilterHook = {
-  setupTable: function setupTable($xetable) {
+  setupTable: function ($xetable) {
     var reactData = $xetable.reactData,
-        internalData = $xetable.internalData;
-
+      internalData = $xetable.internalData;
     var _a = $xetable.getRefMaps(),
-        refTableBody = _a.refTableBody,
-        refTableFilter = _a.refTableFilter;
-
+      refTableBody = _a.refTableBody,
+      refTableFilter = _a.refTableFilter;
     var computeFilterOpts = $xetable.getComputeMaps().computeFilterOpts;
     var filterPrivateMethods = {
-      checkFilterOptions: function checkFilterOptions() {
+      checkFilterOptions: function () {
         var filterStore = reactData.filterStore;
         filterStore.isAllSelected = filterStore.options.every(function (item) {
           return item._checked;
@@ -54,7 +39,6 @@ var tableFilterHook = {
           return item._checked;
         });
       },
-
       /**
        * 点击筛选事件
        * 当筛选图标被点击时触发
@@ -64,19 +48,18 @@ var tableFilterHook = {
        * @param {ColumnInfo} column 列配置
        * @param {Object} params 参数
        */
-      triggerFilterEvent: function triggerFilterEvent(evnt, column, params) {
+      triggerFilterEvent: function (evnt, column, params) {
         var initStore = reactData.initStore,
-            filterStore = reactData.filterStore;
-
+          filterStore = reactData.filterStore;
         if (filterStore.column === column && filterStore.visible) {
           filterStore.visible = false;
         } else {
           var targetElem_1 = evnt.target,
-              pageX_1 = evnt.pageX;
+            pageX_1 = evnt.pageX;
           var visibleWidth_1 = (0, _dom.getDomNode)().visibleWidth;
           var filters = column.filters,
-              filterMultiple = column.filterMultiple,
-              filterRender = column.filterRender;
+            filterMultiple = column.filterMultiple,
+            filterRender = column.filterRender;
           var compConf = filterRender ? _vXETable.VXETable.renderer.get(filterRender.name) : null;
           var filterRecoverMethod_1 = column.filterRecoverMethod || (compConf ? compConf.filterRecoverMethod : null);
           internalData._currFilterParams = params;
@@ -85,13 +68,12 @@ var tableFilterHook = {
             options: filters,
             column: column,
             style: null
-          }); // 复原状态
-
+          });
+          // 复原状态
           filterStore.options.forEach(function (option) {
             var _checked = option._checked,
-                checked = option.checked;
+              checked = option.checked;
             option._checked = checked;
-
             if (!checked && _checked !== checked) {
               if (filterRecoverMethod_1) {
                 filterRecoverMethod_1({
@@ -114,28 +96,24 @@ var tableFilterHook = {
             var filterHeight = 0;
             var filterHeadElem = null;
             var filterFootElem = null;
-
             if (filterWrapperElem) {
               filterWidth = filterWrapperElem.offsetWidth;
               filterHeight = filterWrapperElem.offsetHeight;
               filterHeadElem = filterWrapperElem.querySelector('.vxe-table--filter-header');
               filterFootElem = filterWrapperElem.querySelector('.vxe-table--filter-footer');
             }
-
             var centerWidth = filterWidth / 2;
             var minMargin = 10;
             var maxLeft = bodyElem.clientWidth - filterWidth - minMargin;
             var left, right;
             var style = {
               top: "".concat(targetElem_1.offsetTop + targetElem_1.offsetParent.offsetTop + targetElem_1.offsetHeight + 8, "px")
-            }; // 判断面板不能大于表格高度
-
+            };
+            // 判断面板不能大于表格高度
             var maxHeight = null;
-
             if (filterHeight >= bodyElem.clientHeight) {
               maxHeight = Math.max(60, bodyElem.clientHeight - (filterFootElem ? filterFootElem.offsetHeight : 0) - (filterHeadElem ? filterHeadElem.offsetHeight : 0));
             }
-
             if (column.fixed === 'left') {
               left = targetElem_1.offsetLeft + targetElem_1.offsetParent.offsetLeft - centerWidth;
             } else if (column.fixed === 'right') {
@@ -143,30 +121,23 @@ var tableFilterHook = {
             } else {
               left = targetElem_1.offsetLeft + targetElem_1.offsetParent.offsetLeft - centerWidth - bodyElem.scrollLeft;
             }
-
             if (left) {
               var overflowWidth = pageX_1 + filterWidth - centerWidth + minMargin - visibleWidth_1;
-
               if (overflowWidth > 0) {
                 left -= overflowWidth;
               }
-
               style.left = "".concat(Math.min(maxLeft, Math.max(minMargin, left)), "px");
             } else if (right) {
               var overflowWidth = pageX_1 + filterWidth - centerWidth + minMargin - visibleWidth_1;
-
               if (overflowWidth > 0) {
                 right += overflowWidth;
               }
-
               style.right = "".concat(Math.max(minMargin, right), "px");
             }
-
             filterStore.style = style;
             filterStore.maxHeight = maxHeight;
           });
         }
-
         $xetable.dispatchEvent('filter-visible', {
           column: column,
           field: column.field,
@@ -175,23 +146,20 @@ var tableFilterHook = {
           visible: filterStore.visible
         }, evnt);
       },
-      handleClearFilter: function handleClearFilter(column) {
+      handleClearFilter: function (column) {
         if (column) {
           var filters = column.filters,
-              filterRender = column.filterRender;
-
+            filterRender = column.filterRender;
           if (filters) {
             var compConf = filterRender ? _vXETable.VXETable.renderer.get(filterRender.name) : null;
             var filterResetMethod_1 = column.filterResetMethod || (compConf ? compConf.filterResetMethod : null);
             filters.forEach(function (item) {
               item._checked = false;
               item.checked = false;
-
               if (!filterResetMethod_1) {
                 item.data = _xeUtils.default.clone(item.resetValue, true);
               }
             });
-
             if (filterResetMethod_1) {
               filterResetMethod_1({
                 options: filters,
@@ -202,16 +170,15 @@ var tableFilterHook = {
           }
         }
       },
-
       /**
        * 确认筛选
        * 当筛选面板中的确定按钮被按下时触发
        * @param {Event} evnt 事件
        */
-      confirmFilterEvent: function confirmFilterEvent(evnt) {
+      confirmFilterEvent: function (evnt) {
         var filterStore = reactData.filterStore,
-            oldScrollXLoad = reactData.scrollXLoad,
-            oldScrollYLoad = reactData.scrollYLoad;
+          oldScrollXLoad = reactData.scrollXLoad,
+          oldScrollYLoad = reactData.scrollYLoad;
         var filterOpts = computeFilterOpts.value;
         var column = filterStore.column;
         var field = column.field;
@@ -223,13 +190,12 @@ var tableFilterHook = {
             datas.push(item.data);
           }
         });
-        var filterList = $xetable.getCheckedFilters(); // 如果是服务端筛选，则跳过本地筛选处理
-
+        var filterList = $xetable.getCheckedFilters();
+        // 如果是服务端筛选，则跳过本地筛选处理
         if (!filterOpts.remote) {
           $xetable.handleTableData(true);
           $xetable.checkSelectionStatus();
         }
-
         $xetable.dispatchEvent('filter-change', {
           column: column,
           field: field,
@@ -242,17 +208,14 @@ var tableFilterHook = {
         $xetable.closeFilter();
         $xetable.updateFooter().then(function () {
           var scrollXLoad = reactData.scrollXLoad,
-              scrollYLoad = reactData.scrollYLoad;
-
+            scrollYLoad = reactData.scrollYLoad;
           if (oldScrollXLoad || scrollXLoad || oldScrollYLoad || scrollYLoad) {
             if (oldScrollXLoad || scrollXLoad) {
               $xetable.updateScrollXSpace();
             }
-
             if (oldScrollYLoad || scrollYLoad) {
               $xetable.updateScrollYSpace();
             }
-
             return $xetable.refreshScroll();
           }
         }).then(function () {
@@ -271,62 +234,52 @@ var tableFilterHook = {
        * 手动弹出筛选面板
        * @param column
        */
-      openFilter: function openFilter(fieldOrColumn) {
+      openFilter: function (fieldOrColumn) {
         var column = (0, _util.handleFieldOrColumn)($xetable, fieldOrColumn);
-
         if (column && column.filters) {
           var elemStore_1 = internalData.elemStore;
           var fixed_1 = column.fixed;
           return $xetable.scrollToColumn(column).then(function () {
             var headerWrapperRef = elemStore_1["".concat(fixed_1 || 'main', "-header-wrapper")] || elemStore_1['main-header-wrapper'];
             var headerWrapperElem = headerWrapperRef ? headerWrapperRef.value : null;
-
             if (headerWrapperElem) {
               var filterBtnElem = headerWrapperElem.querySelector(".vxe-header--column.".concat(column.id, " .vxe-filter--btn"));
               (0, _dom.triggerEvent)(filterBtnElem, 'click');
             }
           });
         }
-
         return (0, _vue.nextTick)();
       },
-
       /**
        * 修改筛选条件列表
        * @param {ColumnInfo} fieldOrColumn 列或字段名
        * @param {Array} options 选项
        */
-      setFilter: function setFilter(fieldOrColumn, options) {
+      setFilter: function (fieldOrColumn, options) {
         var column = (0, _util.handleFieldOrColumn)($xetable, fieldOrColumn);
-
         if (column && column.filters && options) {
           column.filters = (0, _util.toFilters)(options);
         }
-
         return (0, _vue.nextTick)();
       },
-
       /**
        * 清空指定列的筛选条件
        * 如果为空则清空所有列的筛选条件
        * @param {String} fieldOrColumn 列或字段名
        */
-      clearFilter: function clearFilter(fieldOrColumn) {
+      clearFilter: function (fieldOrColumn) {
         var filterStore = reactData.filterStore;
         var tableFullColumn = internalData.tableFullColumn;
         var filterOpts = computeFilterOpts.value;
         var column;
-
         if (fieldOrColumn) {
           column = (0, _util.handleFieldOrColumn)($xetable, fieldOrColumn);
-
           if (column) {
             filterPrivateMethods.handleClearFilter(column);
           }
         } else {
           tableFullColumn.forEach(filterPrivateMethods.handleClearFilter);
         }
-
         if (!fieldOrColumn || column !== filterStore.column) {
           Object.assign(filterStore, {
             isAllSelected: false,
@@ -338,22 +291,19 @@ var tableFilterHook = {
             visible: false
           });
         }
-
         if (!filterOpts.remote) {
           return $xetable.updateData();
         }
-
         return (0, _vue.nextTick)();
       },
-      getCheckedFilters: function getCheckedFilters() {
+      getCheckedFilters: function () {
         var tableFullColumn = internalData.tableFullColumn;
         var filterList = [];
-        tableFullColumn.filter(function (column) {
+        tableFullColumn.forEach(function (column) {
           var field = column.field,
-              filters = column.filters;
+            filters = column.filters;
           var valueList = [];
           var dataList = [];
-
           if (filters && filters.length) {
             filters.forEach(function (item) {
               if (item.checked) {
@@ -361,7 +311,6 @@ var tableFilterHook = {
                 dataList.push(item.data);
               }
             });
-
             if (valueList.length) {
               filterList.push({
                 column: column,
@@ -378,7 +327,7 @@ var tableFilterHook = {
     };
     return __assign(__assign({}, filterMethods), filterPrivateMethods);
   },
-  setupGrid: function setupGrid($xegrid) {
+  setupGrid: function ($xegrid) {
     return $xegrid.extendTableMethods(tableFilterMethodKeys);
   }
 };

package/lib/filter/src/hook.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_vXETable=require("../../v-x-e-table"),_util=require("../../table/src/util"),_dom=require("../../tools/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,l=1,r=arguments.length;l<r;l++)for(var i in t=arguments[l])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},tableFilterMethodKeys=["setFilter","clearFilter","getCheckedFilters"],tableFilterHook={setupTable:function(u){var c=u.reactData,a=u.internalData,e=u.getRefMaps(),_=e.refTableBody,b=e.refTableFilter,s=u.getComputeMaps().computeFilterOpts,n={checkFilterOptions:function(){var e=c.filterStore;e.isAllSelected=e.options.every(function(e){return e._checked}),e.isIndeterminate=!e.isAllSelected&&e.options.some(function(e){return e._checked})},triggerFilterEvent:function(e,d,t){var h,p,v,l,r,i,n,o=c.initStore,m=c.filterStore;m.column===d&&m.visible?m.visible=!1:(h=e.target,p=e.pageX,v=(0,_dom.getDomNode)().visibleWidth,l=d.filters,r=d.filterMultiple,i=(i=d.filterRender)?_vXETable.VXETable.renderer.get(i.name):null,n=d.filterRecoverMethod||(i?i.filterRecoverMethod:null),a._currFilterParams=t,Object.assign(m,{multiple:r,options:l,column:d,style:null}),m.options.forEach(function(e){var t=e._checked,l=e.checked;(e._checked=l)||t===l||n&&n({option:e,column:d,$table:u})}),this.checkFilterOptions(),m.visible=!0,o.filter=!0,(0,_vue.nextTick)(function(){var e=_.value.$el,t=b.value,l=t?t.$el:null,r=0,i=0,n=null,o=null;l&&(r=l.offsetWidth,i=l.offsetHeight,n=l.querySelector(".vxe-table--filter-header"),o=l.querySelector(".vxe-table--filter-footer"));var a,f,u,c=r/2,s=e.clientWidth-r-10,t={top:"".concat(h.offsetTop+h.offsetParent.offsetTop+h.offsetHeight+8,"px")},l=null;i>=e.clientHeight&&(l=Math.max(60,e.clientHeight-(o?o.offsetHeight:0)-(n?n.offsetHeight:0))),"left"===d.fixed?a=h.offsetLeft+h.offsetParent.offsetLeft-c:"right"===d.fixed?f=h.offsetParent.offsetWidth-h.offsetLeft+(h.offsetParent.offsetParent.offsetWidth-h.offsetParent.offsetLeft)-d.renderWidth-c:a=h.offsetLeft+h.offsetParent.offsetLeft-c-e.scrollLeft,a?(0<(u=p+r-c+10-v)&&(a-=u),t.left="".concat(Math.min(s,Math.max(10,a)),"px")):f&&(0<(u=p+r-c+10-v)&&(f+=u),t.right="".concat(Math.max(10,f),"px")),m.style=t,m.maxHeight=l})),u.dispatchEvent("filter-visible",{column:d,field:d.field,property:d.field,filterList:u.getCheckedFilters(),visible:m.visible},e)},handleClearFilter:function(e){var t,l,r;e&&(t=e.filters,l=e.filterRender,t&&(l=l?_vXETable.VXETable.renderer.get(l.name):null,r=e.filterResetMethod||(l?l.filterResetMethod:null),t.forEach(function(e){e._checked=!1,e.checked=!1,r||(e.data=_xeUtils.default.clone(e.resetValue,!0))}),r&&r({options:t,column:e,$table:u})))},confirmFilterEvent:function(e){var t=c.filterStore,l=c.scrollXLoad,r=c.scrollYLoad,i=s.value,n=t.column,o=n.field,a=[],f=[];n.filters.forEach(function(e){e.checked&&(a.push(e.value),f.push(e.data))});t=u.getCheckedFilters();i.remote||(u.handleTableData(!0),u.checkSelectionStatus()),u.dispatchEvent("filter-change",{column:n,field:o,property:o,values:a,datas:f,filters:t,filterList:t},e),u.closeFilter(),u.updateFooter().then(function(){var e=c.scrollXLoad,t=c.scrollYLoad;if(l||e||r||t)return(l||e)&&u.updateScrollXSpace(),(r||t)&&u.updateScrollYSpace(),u.refreshScroll()}).then(function(){return u.updateCellAreas(),u.recalculate(!0)}).then(function(){setTimeout(function(){return u.recalculate()},50)})}};return __assign(__assign({},{openFilter:function(e){var t=(0,_util.handleFieldOrColumn)(u,e);if(t&&t.filters){var l=a.elemStore,r=t.fixed;return u.scrollToColumn(t).then(function(){var e=l["".concat(r||"main","-header-wrapper")]||l["main-header-wrapper"],e=e?e.value:null;e&&(e=e.querySelector(".vxe-header--column.".concat(t.id," .vxe-filter--btn")),(0,_dom.triggerEvent)(e,"click"))})}return(0,_vue.nextTick)()},setFilter:function(e,t){e=(0,_util.handleFieldOrColumn)(u,e);return e&&e.filters&&t&&(e.filters=(0,_util.toFilters)(t)),(0,_vue.nextTick)()},clearFilter:function(e){var t,l=c.filterStore,r=a.tableFullColumn,i=s.value;return e?(t=(0,_util.handleFieldOrColumn)(u,e))&&n.handleClearFilter(t):r.forEach(n.handleClearFilter),e&&t===l.column||Object.assign(l,{isAllSelected:!1,isIndeterminate:!1,style:null,options:[],column:null,multiple:!1,visible:!1}),i.remote?(0,_vue.nextTick)():u.updateData()},getCheckedFilters:function(){var e=a.tableFullColumn,n=[];return e.filter(function(e){var t=e.field,l=e.filters,r=[],i=[];l&&l.length&&(l.forEach(function(e){e.checked&&(r.push(e.value),i.push(e.data))}),r.length&&n.push({column:e,field:t,property:t,values:r,datas:i}))}),n}}),n)},setupGrid:function(e){return e.extendTableMethods(tableFilterMethodKeys)}},_default=tableFilterHook;exports.default=_default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_vXETable=require("../../v-x-e-table"),_util=require("../../table/src/util"),_dom=require("../../tools/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var __assign=function(){return(__assign=Object.assign||function(e){for(var t,l=1,r=arguments.length;l<r;l++)for(var i in t=arguments[l])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},tableFilterMethodKeys=["setFilter","clearFilter","getCheckedFilters"],tableFilterHook={setupTable:function(u){var c=u.reactData,a=u.internalData,e=u.getRefMaps(),_=e.refTableBody,b=e.refTableFilter,s=u.getComputeMaps().computeFilterOpts,n={checkFilterOptions:function(){var e=c.filterStore;e.isAllSelected=e.options.every(function(e){return e._checked}),e.isIndeterminate=!e.isAllSelected&&e.options.some(function(e){return e._checked})},triggerFilterEvent:function(e,d,t){var h,p,v,l,r,i,n,o=c.initStore,m=c.filterStore;m.column===d&&m.visible?m.visible=!1:(h=e.target,p=e.pageX,v=(0,_dom.getDomNode)().visibleWidth,l=d.filters,r=d.filterMultiple,i=(i=d.filterRender)?_vXETable.VXETable.renderer.get(i.name):null,n=d.filterRecoverMethod||(i?i.filterRecoverMethod:null),a._currFilterParams=t,Object.assign(m,{multiple:r,options:l,column:d,style:null}),m.options.forEach(function(e){var t=e._checked,l=e.checked;(e._checked=l)||t===l||n&&n({option:e,column:d,$table:u})}),this.checkFilterOptions(),m.visible=!0,o.filter=!0,(0,_vue.nextTick)(function(){var e,t,l,r=_.value.$el,i=b.value,i=i?i.$el:null,n=0,o=0,a=null,f=null,i=(i&&(n=i.offsetWidth,o=i.offsetHeight,a=i.querySelector(".vxe-table--filter-header"),f=i.querySelector(".vxe-table--filter-footer")),n/2),u=r.clientWidth-n-10,c={top:"".concat(h.offsetTop+h.offsetParent.offsetTop+h.offsetHeight+8,"px")},s=null;o>=r.clientHeight&&(s=Math.max(60,r.clientHeight-(f?f.offsetHeight:0)-(a?a.offsetHeight:0))),"left"===d.fixed?e=h.offsetLeft+h.offsetParent.offsetLeft-i:"right"===d.fixed?t=h.offsetParent.offsetWidth-h.offsetLeft+(h.offsetParent.offsetParent.offsetWidth-h.offsetParent.offsetLeft)-d.renderWidth-i:e=h.offsetLeft+h.offsetParent.offsetLeft-i-r.scrollLeft,e?(0<(l=p+n-i+10-v)&&(e-=l),c.left="".concat(Math.min(u,Math.max(10,e)),"px")):t&&(0<(l=p+n-i+10-v)&&(t+=l),c.right="".concat(Math.max(10,t),"px")),m.style=c,m.maxHeight=s})),u.dispatchEvent("filter-visible",{column:d,field:d.field,property:d.field,filterList:u.getCheckedFilters(),visible:m.visible},e)},handleClearFilter:function(e){var t,l,r;e&&(t=e.filters,l=e.filterRender,t)&&(l=l?_vXETable.VXETable.renderer.get(l.name):null,r=e.filterResetMethod||(l?l.filterResetMethod:null),t.forEach(function(e){e._checked=!1,e.checked=!1,r||(e.data=_xeUtils.default.clone(e.resetValue,!0))}),r)&&r({options:t,column:e,$table:u})},confirmFilterEvent:function(e){var t=c.filterStore,l=c.scrollXLoad,r=c.scrollYLoad,i=s.value,t=t.column,n=t.field,o=[],a=[],f=(t.filters.forEach(function(e){e.checked&&(o.push(e.value),a.push(e.data))}),u.getCheckedFilters());i.remote||(u.handleTableData(!0),u.checkSelectionStatus()),u.dispatchEvent("filter-change",{column:t,field:n,property:n,values:o,datas:a,filters:f,filterList:f},e),u.closeFilter(),u.updateFooter().then(function(){var e=c.scrollXLoad,t=c.scrollYLoad;if(l||e||r||t)return(l||e)&&u.updateScrollXSpace(),(r||t)&&u.updateScrollYSpace(),u.refreshScroll()}).then(function(){return u.updateCellAreas(),u.recalculate(!0)}).then(function(){setTimeout(function(){return u.recalculate()},50)})}};return __assign(__assign({},{openFilter:function(e){var t,l,r=(0,_util.handleFieldOrColumn)(u,e);return r&&r.filters?(t=a.elemStore,l=r.fixed,u.scrollToColumn(r).then(function(){var e=t["".concat(l||"main","-header-wrapper")]||t["main-header-wrapper"],e=e?e.value:null;e&&(e=e.querySelector(".vxe-header--column.".concat(r.id," .vxe-filter--btn")),(0,_dom.triggerEvent)(e,"click"))})):(0,_vue.nextTick)()},setFilter:function(e,t){e=(0,_util.handleFieldOrColumn)(u,e);return e&&e.filters&&t&&(e.filters=(0,_util.toFilters)(t)),(0,_vue.nextTick)()},clearFilter:function(e){var t,l=c.filterStore,r=a.tableFullColumn,i=s.value;return e?(t=(0,_util.handleFieldOrColumn)(u,e))&&n.handleClearFilter(t):r.forEach(n.handleClearFilter),e&&t===l.column||Object.assign(l,{isAllSelected:!1,isIndeterminate:!1,style:null,options:[],column:null,multiple:!1,visible:!1}),i.remote?(0,_vue.nextTick)():u.updateData()},getCheckedFilters:function(){var e=a.tableFullColumn,n=[];return e.forEach(function(e){var t=e.field,l=e.filters,r=[],i=[];l&&l.length&&(l.forEach(function(e){e.checked&&(r.push(e.value),i.push(e.data))}),r.length)&&n.push({column:e,field:t,property:t,values:r,datas:i})}),n}}),n)},setupGrid:function(e){return e.extendTableMethods(tableFilterMethodKeys)}},_default=tableFilterHook;exports.default=_default;

package/lib/filter/src/panel.js

@@ -4,38 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _vue = require("vue");
-
 var _conf = _interopRequireDefault(require("../../v-x-e-table/src/conf"));
-
 var _vXETable = require("../../v-x-e-table");
-
 var _utils = require("../../tools/utils");
-
 var _dom = require("../../tools/dom");
-
 var _vn = require("../../tools/vn");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = (0, _vue.defineComponent)({
   name: 'VxeTableFilter',
   props: {
     filterStore: Object
   },
-  setup: function setup(props) {
+  setup: function (props) {
     var $xetable = (0, _vue.inject)('$xetable', {});
     var tableReactData = $xetable.reactData,
-        tableInternalData = $xetable.internalData;
+      tableInternalData = $xetable.internalData;
     var computeHasCheckOption = (0, _vue.computed)(function () {
       var filterStore = props.filterStore;
       return filterStore && filterStore.options.some(function (option) {
         return option.checked;
       });
-    }); // 全部筛选事件
-
-    var filterCheckAllEvent = function filterCheckAllEvent(evnt, value) {
+    });
+    // 全部筛选事件
+    var filterCheckAllEvent = function (evnt, value) {
       var filterStore = props.filterStore;
       filterStore.options.forEach(function (option) {
         option._checked = value;
@@ -48,18 +40,15 @@ var _default = (0, _vue.defineComponent)({
      * Publish methods
      *************************/
     // 确认筛选
-
-
-    var confirmFilter = function confirmFilter(evnt) {
+    var confirmFilter = function (evnt) {
       var filterStore = props.filterStore;
       filterStore.options.forEach(function (option) {
         option.checked = option._checked;
       });
       $xetable.confirmFilterEvent(evnt);
-    }; // （单选）筛选发生改变
-
-
-    var changeRadioOption = function changeRadioOption(evnt, checked, item) {
+    };
+    // （单选）筛选发生改变
+    var changeRadioOption = function (evnt, checked, item) {
       var filterStore = props.filterStore;
       filterStore.options.forEach(function (option) {
         option._checked = false;
@@ -73,34 +62,27 @@ var _default = (0, _vue.defineComponent)({
      * 当筛选面板中的重置按钮被按下时触发
      * @param {Event} evnt 事件
      */
-
-
-    var resetFilter = function resetFilter(evnt) {
+    var resetFilter = function (evnt) {
       var filterStore = props.filterStore;
       $xetable.handleClearFilter(filterStore.column);
       $xetable.confirmFilterEvent(evnt);
-    }; // （多选）筛选发生改变
-
-
-    var changeMultipleOption = function changeMultipleOption(evnt, checked, item) {
+    };
+    // （多选）筛选发生改变
+    var changeMultipleOption = function (evnt, checked, item) {
       item._checked = checked;
       $xetable.checkFilterOptions();
-    }; // 筛选发生改变
-
-
-    var changeOption = function changeOption(evnt, checked, item) {
+    };
+    // 筛选发生改变
+    var changeOption = function (evnt, checked, item) {
       var filterStore = props.filterStore;
-
       if (filterStore.multiple) {
         changeMultipleOption(evnt, checked, item);
       } else {
         changeRadioOption(evnt, checked, item);
       }
     };
-
-    var changeAllOption = function changeAllOption(evnt, checked) {
+    var changeAllOption = function (evnt, checked) {
       var filterStore = props.filterStore;
-
       if (filterStore.multiple) {
         filterCheckAllEvent(evnt, checked);
       } else {
@@ -110,8 +92,6 @@ var _default = (0, _vue.defineComponent)({
     /*************************
      * Publish methods
      *************************/
-
-
     var $panel = {
       changeRadioOption: changeRadioOption,
       changeMultipleOption: changeMultipleOption,
@@ -120,19 +100,17 @@ var _default = (0, _vue.defineComponent)({
       confirmFilter: confirmFilter,
       resetFilter: resetFilter
     };
-
-    var renderOptions = function renderOptions(filterRender, compConf) {
+    var renderOptions = function (filterRender, compConf) {
       var filterStore = props.filterStore;
       var column = filterStore.column,
-          multiple = filterStore.multiple,
-          maxHeight = filterStore.maxHeight;
+        multiple = filterStore.multiple,
+        maxHeight = filterStore.maxHeight;
       var slots = column.slots;
       var filterSlot = slots ? slots.filter : null;
       var params = Object.assign({}, tableInternalData._currFilterParams, {
         $panel: $panel,
         $table: $xetable
       });
-
       if (filterSlot) {
         return [(0, _vue.h)('div', {
           class: 'vxe-table--filter-template'
@@ -142,7 +120,6 @@ var _default = (0, _vue.defineComponent)({
           class: 'vxe-table--filter-template'
         }, (0, _vn.getSlotVNs)(compConf.renderFilter(filterRender, params)))];
       }
-
       var isAllChecked = multiple ? filterStore.isAllSelected : !filterStore.options.some(function (item) {
         return item._checked;
       });
@@ -155,7 +132,7 @@ var _default = (0, _vue.defineComponent)({
           'is--indeterminate': isAllIndeterminate
         }],
         title: _conf.default.i18n(multiple ? 'vxe.table.allTitle' : 'vxe.table.allFilter'),
-        onClick: function onClick(evnt) {
+        onClick: function (evnt) {
           changeAllOption(evnt, !filterStore.isAllSelected);
         }
       }, (multiple ? [(0, _vue.h)('span', {
@@ -175,7 +152,7 @@ var _default = (0, _vue.defineComponent)({
             'is--checked': item._checked
           }],
           title: item.label,
-          onClick: function onClick(evnt) {
+          onClick: function (evnt) {
             changeOption(evnt, !item._checked, item);
           }
         }, (multiple ? [(0, _vue.h)('span', {
@@ -185,11 +162,10 @@ var _default = (0, _vue.defineComponent)({
         }, (0, _utils.formatText)(item.label, 1))]));
       }))];
     };
-
-    var renderFooters = function renderFooters() {
+    var renderFooters = function () {
       var filterStore = props.filterStore;
       var column = filterStore.column,
-          multiple = filterStore.multiple;
+        multiple = filterStore.multiple;
       var hasCheckOption = computeHasCheckOption.value;
       var filterRender = column.filterRender;
       var compConf = filterRender ? _vXETable.VXETable.renderer.get(filterRender.name) : null;
@@ -206,8 +182,7 @@ var _default = (0, _vue.defineComponent)({
         onClick: resetFilter
       }, _conf.default.i18n('vxe.table.resetFilter'))])] : [];
     };
-
-    var renderVN = function renderVN() {
+    var renderVN = function () {
       var filterStore = props.filterStore;
       var initStore = tableReactData.initStore;
       var column = filterStore.column;
@@ -227,9 +202,7 @@ var _default = (0, _vue.defineComponent)({
         style: filterStore.style
       }, initStore.filter && filterStore.visible ? renderOptions(filterRender, compConf).concat(renderFooters()) : []);
     };
-
     return renderVN;
   }
 });
-
 exports.default = _default;

package/lib/filter/src/panel.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_vXETable=require("../../v-x-e-table"),_utils=require("../../tools/utils"),_dom=require("../../tools/dom"),_vn=require("../../tools/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=(0,_vue.defineComponent)({name:"VxeTableFilter",props:{filterStore:Object},setup:function(o){function i(e,t,l){o.filterStore.options.forEach(function(e){e._checked=!1}),l._checked=t,a.checkFilterOptions(),f(e)}function n(e,t,l){l._checked=t,a.checkFilterOptions()}var a=(0,_vue.inject)("$xetable",{}),c=a.reactData,u=a.internalData,s=(0,_vue.computed)(function(){var e=o.filterStore;return e&&e.options.some(function(e){return e.checked})}),f=function(e){o.filterStore.options.forEach(function(e){e.checked=e._checked}),a.confirmFilterEvent(e)},v=function(e){var t=o.filterStore;a.handleClearFilter(t.column),a.confirmFilterEvent(e)},_=function(e,t,l){o.filterStore.multiple?n(0,t,l):i(e,t,l)},d=function(e,t){var l;o.filterStore.multiple?(l=t,(t=o.filterStore).options.forEach(function(e){e._checked=l,e.checked=l}),t.isAllSelected=l,t.isIndeterminate=!1):v(e)},p={changeRadioOption:i,changeMultipleOption:n,changeAllOption:d,changeOption:_,confirmFilter:f,resetFilter:v};return function(){var e=o.filterStore,t=c.initStore,l=e.column,i=l?l.filterRender:null,n=i?_vXETable.VXETable.renderer.get(i.name):null,r=n?n.filterClassName:"",l=Object.assign({},u._currFilterParams,{$panel:p,$table:a});return(0,_vue.h)("div",{class:["vxe-table--filter-wrapper","filter--prevent-default",(0,_dom.getPropClass)(r,l),{"is--animat":a.props.animat,"is--multiple":e.multiple,"is--active":e.visible}],style:e.style},t.filter&&e.visible?function(e,t){var l=o.filterStore,i=l.column,n=l.multiple,r=l.maxHeight,c=i.slots,i=c?c.filter:null,c=Object.assign({},u._currFilterParams,{$panel:p,$table:a});if(i)return[(0,_vue.h)("div",{class:"vxe-table--filter-template"},a.callSlot(i,c))];if(t&&t.renderFilter)return[(0,_vue.h)("div",{class:"vxe-table--filter-template"},(0,_vn.getSlotVNs)(t.renderFilter(e,c)))];e=n?l.isAllSelected:!l.options.some(function(e){return e._checked}),c=n&&l.isIndeterminate;return[(0,_vue.h)("ul",{class:"vxe-table--filter-header"},[(0,_vue.h)("li",{class:["vxe-table--filter-option",{"is--checked":e,"is--indeterminate":c}],title:_conf.default.i18n(n?"vxe.table.allTitle":"vxe.table.allFilter"),onClick:function(e){d(e,!l.isAllSelected)}},(n?[(0,_vue.h)("span",{class:["vxe-checkbox--icon",c?_conf.default.icon.TABLE_CHECKBOX_INDETERMINATE:e?_conf.default.icon.TABLE_CHECKBOX_CHECKED:_conf.default.icon.TABLE_CHECKBOX_UNCHECKED]})]:[]).concat([(0,_vue.h)("span",{class:"vxe-checkbox--label"},_conf.default.i18n("vxe.table.allFilter"))]))]),(0,_vue.h)("ul",{class:"vxe-table--filter-body",style:r?{maxHeight:"".concat(r,"px")}:{}},l.options.map(function(t){var e=t._checked;return(0,_vue.h)("li",{class:["vxe-table--filter-option",{"is--checked":t._checked}],title:t.label,onClick:function(e){_(e,!t._checked,t)}},(n?[(0,_vue.h)("span",{class:["vxe-checkbox--icon",e?_conf.default.icon.TABLE_CHECKBOX_CHECKED:_conf.default.icon.TABLE_CHECKBOX_UNCHECKED]})]:[]).concat([(0,_vue.h)("span",{class:"vxe-checkbox--label"},(0,_utils.formatText)(t.label,1))]))}))]}(i,n).concat((t=o.filterStore,e=t.column,i=t.multiple,n=s.value,e=(e=e.filterRender)?_vXETable.VXETable.renderer.get(e.name):null,t=!n&&!t.isAllSelected&&!t.isIndeterminate,!i||e&&!1===e.showFilterFooter?[]:[(0,_vue.h)("div",{class:"vxe-table--filter-footer"},[(0,_vue.h)("button",{class:{"is--disabled":t},disabled:t,onClick:f},_conf.default.i18n("vxe.table.confirmFilter")),(0,_vue.h)("button",{onClick:v},_conf.default.i18n("vxe.table.resetFilter"))])])):[])}}});exports.default=_default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_vXETable=require("../../v-x-e-table"),_utils=require("../../tools/utils"),_dom=require("../../tools/dom"),_vn=require("../../tools/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=(0,_vue.defineComponent)({name:"VxeTableFilter",props:{filterStore:Object},setup:function(a){function i(e,t,l){a.filterStore.options.forEach(function(e){e._checked=!1}),l._checked=t,u.checkFilterOptions(),v(e)}function n(e,t,l){l._checked=t,u.checkFilterOptions()}var u=(0,_vue.inject)("$xetable",{}),s=u.reactData,f=u.internalData,_=(0,_vue.computed)(function(){var e=a.filterStore;return e&&e.options.some(function(e){return e.checked})}),v=function(e){a.filterStore.options.forEach(function(e){e.checked=e._checked}),u.confirmFilterEvent(e)},d=function(e){var t=a.filterStore;u.handleClearFilter(t.column),u.confirmFilterEvent(e)},p=function(e,t,l){a.filterStore.multiple?n(0,t,l):i(e,t,l)},h=function(e,t){var l;a.filterStore.multiple?(l=t,(t=a.filterStore).options.forEach(function(e){e._checked=l,e.checked=l}),t.isAllSelected=l,t.isIndeterminate=!1):d(e)},b={changeRadioOption:i,changeMultipleOption:n,changeAllOption:h,changeOption:p,confirmFilter:v,resetFilter:d};return function(){var t,l,e=a.filterStore,i=s.initStore,n=e.column,n=n?n.filterRender:null,r=n?_vXETable.VXETable.renderer.get(n.name):null,c=r?r.filterClassName:"",o=Object.assign({},f._currFilterParams,{$panel:b,$table:u});return(0,_vue.h)("div",{class:["vxe-table--filter-wrapper","filter--prevent-default",(0,_dom.getPropClass)(c,o),{"is--animat":u.props.animat,"is--multiple":e.multiple,"is--active":e.visible}],style:e.style},i.filter&&e.visible?(c=n,o=r,t=a.filterStore,i=t.column,l=t.multiple,e=t.maxHeight,i=(i=i.slots)?i.filter:null,n=Object.assign({},f._currFilterParams,{$panel:b,$table:u}),(i?[(0,_vue.h)("div",{class:"vxe-table--filter-template"},u.callSlot(i,n))]:o&&o.renderFilter?[(0,_vue.h)("div",{class:"vxe-table--filter-template"},(0,_vn.getSlotVNs)(o.renderFilter(c,n)))]:(i=l?t.isAllSelected:!t.options.some(function(e){return e._checked}),o=l&&t.isIndeterminate,[(0,_vue.h)("ul",{class:"vxe-table--filter-header"},[(0,_vue.h)("li",{class:["vxe-table--filter-option",{"is--checked":i,"is--indeterminate":o}],title:_conf.default.i18n(l?"vxe.table.allTitle":"vxe.table.allFilter"),onClick:function(e){h(e,!t.isAllSelected)}},(l?[(0,_vue.h)("span",{class:["vxe-checkbox--icon",o?_conf.default.icon.TABLE_CHECKBOX_INDETERMINATE:i?_conf.default.icon.TABLE_CHECKBOX_CHECKED:_conf.default.icon.TABLE_CHECKBOX_UNCHECKED]})]:[]).concat([(0,_vue.h)("span",{class:"vxe-checkbox--label"},_conf.default.i18n("vxe.table.allFilter"))]))]),(0,_vue.h)("ul",{class:"vxe-table--filter-body",style:e?{maxHeight:"".concat(e,"px")}:{}},t.options.map(function(t){var e=t._checked;return(0,_vue.h)("li",{class:["vxe-table--filter-option",{"is--checked":t._checked}],title:t.label,onClick:function(e){p(e,!t._checked,t)}},(l?[(0,_vue.h)("span",{class:["vxe-checkbox--icon",e?_conf.default.icon.TABLE_CHECKBOX_CHECKED:_conf.default.icon.TABLE_CHECKBOX_UNCHECKED]})]:[]).concat([(0,_vue.h)("span",{class:"vxe-checkbox--label"},(0,_utils.formatText)(t.label,1))]))}))])).concat((r=a.filterStore,c=r.column,n=r.multiple,o=_.value,c=(c=c.filterRender)?_vXETable.VXETable.renderer.get(c.name):null,o=!o&&!r.isAllSelected&&!r.isIndeterminate,!n||c&&!1===c.showFilterFooter?[]:[(0,_vue.h)("div",{class:"vxe-table--filter-footer"},[(0,_vue.h)("button",{class:{"is--disabled":o},disabled:o,onClick:v},_conf.default.i18n("vxe.table.confirmFilter")),(0,_vue.h)("button",{onClick:d},_conf.default.i18n("vxe.table.resetFilter"))])]))):[])}}});exports.default=_default;