vxe-table 3.9.0-rc.8 → 3.9.0

package/lib/table/module/filter/panel.js

@@ -7,30 +7,36 @@ exports.default = void 0;
 var _ui = require("../../../ui");
 var _utils = require("../../../ui/src/utils");
 var _vn = require("../../../ui/src/vn");
-var getI18n = _ui.VxeUI.getI18n,
-  getIcon = _ui.VxeUI.getIcon,
-  renderer = _ui.VxeUI.renderer;
+const {
+  getI18n,
+  getIcon,
+  renderer
+} = _ui.VxeUI;
 var _default = exports.default = {
   name: 'VxeTableFilterPanel',
   props: {
     filterStore: Object
   },
   computed: {
-    hasCheckOption: function hasCheckOption() {
-      var filterStore = this.filterStore;
-      return filterStore && filterStore.options.some(function (option) {
-        return option.checked;
-      });
+    hasCheckOption() {
+      const {
+        filterStore
+      } = this;
+      return filterStore && filterStore.options.some(option => option.checked);
     }
   },
-  render: function render(h) {
-    var $xetable = this.$parent,
-      filterStore = this.filterStore;
-    var args = filterStore.args,
-      column = filterStore.column;
-    var filterRender = column ? column.filterRender : null;
-    var compConf = (0, _utils.isEnableConf)(filterRender) ? renderer.get(filterRender.name) : null;
-    var filterClassName = compConf ? compConf.tableFilterClassName || compConf.filterClassName : '';
+  render(h) {
+    const {
+      $parent: $xetable,
+      filterStore
+    } = this;
+    const {
+      args,
+      column
+    } = filterStore;
+    const filterRender = column ? column.filterRender : null;
+    const compConf = (0, _utils.isEnableConf)(filterRender) ? renderer.get(filterRender.name) : null;
+    const filterClassName = compConf ? compConf.tableFilterClassName || compConf.filterClassName : '';
     return h('div', {
       class: ['vxe-table--filter-wrapper', 'filter--prevent-default', compConf && compConf.className ? compConf.className : '', (0, _utils.getClass)(filterClassName, Object.assign({
         $panel: this,
@@ -44,16 +50,19 @@ var _default = exports.default = {
     }, filterStore.visible && column ? this.renderOptions(h, filterRender, compConf).concat(this.renderFooter(h)) : []);
   },
   methods: {
-    renderOptions: function renderOptions(h, filterRender, compConf) {
-      var _this = this;
-      var $xetable = this.$parent,
-        filterStore = this.filterStore;
-      var args = filterStore.args,
-        column = filterStore.column,
-        multiple = filterStore.multiple,
-        maxHeight = filterStore.maxHeight;
-      var slots = column ? column.slots : null;
-      var rtFilter = compConf ? compConf.renderTableFilter || compConf.renderFilter : null;
+    renderOptions(h, filterRender, compConf) {
+      const {
+        $parent: $xetable,
+        filterStore
+      } = this;
+      const {
+        args,
+        column,
+        multiple,
+        maxHeight
+      } = filterStore;
+      const slots = column ? column.slots : null;
+      const rtFilter = compConf ? compConf.renderTableFilter || compConf.renderFilter : null;
       if (slots && slots.filter) {
         return [h('div', {
           class: 'vxe-table--filter-template'
@@ -69,10 +78,8 @@ var _default = exports.default = {
           context: this
         }, args))))];
       }
-      var isAllChecked = multiple ? filterStore.isAllSelected : !filterStore.options.some(function (item) {
-        return item._checked;
-      });
-      var isAllIndeterminate = multiple && filterStore.isIndeterminate;
+      const isAllChecked = multiple ? filterStore.isAllSelected : !filterStore.options.some(item => item._checked);
+      const isAllIndeterminate = multiple && filterStore.isIndeterminate;
       return [h('ul', {
         class: 'vxe-table--filter-header'
       }, [h('li', {
@@ -84,8 +91,8 @@ var _default = exports.default = {
           title: getI18n(multiple ? 'vxe.table.allTitle' : 'vxe.table.allFilter')
         },
         on: {
-          click: function click(evnt) {
-            _this.changeAllOption(evnt, !filterStore.isAllSelected);
+          click: evnt => {
+            this.changeAllOption(evnt, !filterStore.isAllSelected);
           }
         }
       }, (multiple ? [h('span', {
@@ -95,11 +102,11 @@ var _default = exports.default = {
       }, getI18n('vxe.table.allFilter'))]))]), h('ul', {
         class: 'vxe-table--filter-body',
         style: maxHeight ? {
-          maxHeight: "".concat(maxHeight, "px")
+          maxHeight: `${maxHeight}px`
         } : {}
-      }, filterStore.options.map(function (item) {
-        var isChecked = item._checked;
-        var isIndeterminate = false;
+      }, filterStore.options.map(item => {
+        const isChecked = item._checked;
+        const isIndeterminate = false;
         return h('li', {
           class: ['vxe-table--filter-option', {
             'is--checked': isChecked
@@ -108,8 +115,8 @@ var _default = exports.default = {
             title: item.label
           },
           on: {
-            click: function click(evnt) {
-              _this.changeOption(evnt, !item._checked, item);
+            click: evnt => {
+              this.changeOption(evnt, !item._checked, item);
             }
           }
         }, (multiple ? [h('span', {
@@ -119,16 +126,22 @@ var _default = exports.default = {
         }, (0, _utils.formatText)(item.label, 1))]));
       }))];
     },
-    renderFooter: function renderFooter(h) {
-      var $xetable = this.$parent,
-        hasCheckOption = this.hasCheckOption,
-        filterStore = this.filterStore;
-      var filterOpts = $xetable.filterOpts;
-      var column = filterStore.column,
-        multiple = filterStore.multiple;
-      var filterRender = column.filterRender;
-      var compConf = (0, _utils.isEnableConf)(filterRender) ? renderer.get(filterRender.name) : null;
-      var isDisabled = !hasCheckOption && !filterStore.isAllSelected && !filterStore.isIndeterminate;
+    renderFooter(h) {
+      const {
+        $parent: $xetable,
+        hasCheckOption,
+        filterStore
+      } = this;
+      const {
+        filterOpts
+      } = $xetable;
+      const {
+        column,
+        multiple
+      } = filterStore;
+      const filterRender = column.filterRender;
+      const compConf = (0, _utils.isEnableConf)(filterRender) ? renderer.get(filterRender.name) : null;
+      const isDisabled = !hasCheckOption && !filterStore.isAllSelected && !filterStore.isIndeterminate;
       return multiple && (compConf ? !(compConf.showTableFilterFooter === false || compConf.showFilterFooter === false || compConf.isFooter === false) : true) ? [h('div', {
         class: 'vxe-table--filter-footer'
       }, [h('button', {
@@ -148,9 +161,9 @@ var _default = exports.default = {
       }, filterOpts.resetButtonText || getI18n('vxe.table.resetFilter'))])] : [];
     },
     // 全部筛选事件
-    filterCheckAllEvent: function filterCheckAllEvent(evnt, value) {
-      var filterStore = this.filterStore;
-      filterStore.options.forEach(function (option) {
+    filterCheckAllEvent(evnt, value) {
+      const filterStore = this.filterStore;
+      filterStore.options.forEach(option => {
         option._checked = value;
         option.checked = value;
       });
@@ -161,10 +174,12 @@ var _default = exports.default = {
      * Publish methods
      *************************/
     // （单选）筛选发生改变
-    changeRadioOption: function changeRadioOption(evnt, checked, item) {
-      var $xetable = this.$parent,
-        filterStore = this.filterStore;
-      filterStore.options.forEach(function (option) {
+    changeRadioOption(evnt, checked, item) {
+      const {
+        $parent: $xetable,
+        filterStore
+      } = this;
+      filterStore.options.forEach(option => {
         option._checked = false;
       });
       item._checked = checked;
@@ -172,12 +187,14 @@ var _default = exports.default = {
       this.confirmFilter(evnt);
     },
     // （多选）筛选发生改变
-    changeMultipleOption: function changeMultipleOption(evnt, checked, item) {
-      var $xetable = this.$parent;
+    changeMultipleOption(evnt, checked, item) {
+      const {
+        $parent: $xetable
+      } = this;
       item._checked = checked;
       $xetable.checkFilterOptions();
     },
-    changeAllOption: function changeAllOption(evnt, checked) {
+    changeAllOption(evnt, checked) {
       if (this.filterStore.multiple) {
         this.filterCheckAllEvent(evnt, checked);
       } else {
@@ -185,7 +202,7 @@ var _default = exports.default = {
       }
     },
     // 筛选发生改变
-    changeOption: function changeOption(evnt, checked, item) {
+    changeOption(evnt, checked, item) {
       if (this.filterStore.multiple) {
         this.changeMultipleOption(evnt, checked, item);
       } else {
@@ -193,17 +210,21 @@ var _default = exports.default = {
       }
     },
     // 确认筛选
-    confirmFilter: function confirmFilter(evnt) {
-      var $xetable = this.$parent,
-        filterStore = this.filterStore;
-      filterStore.options.forEach(function (option) {
+    confirmFilter(evnt) {
+      const {
+        $parent: $xetable,
+        filterStore
+      } = this;
+      filterStore.options.forEach(option => {
         option.checked = option._checked;
       });
       $xetable.confirmFilterEvent(evnt);
     },
     // 重置筛选
-    resetFilter: function resetFilter(evnt) {
-      var $xetable = this.$parent;
+    resetFilter(evnt) {
+      const {
+        $parent: $xetable
+      } = this;
       $xetable.resetFilterEvent(evnt);
     }
     /*************************

package/lib/table/module/filter/panel.min.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _ui=require("../../../ui"),_utils=require("../../../ui/src/utils"),_vn=require("../../../ui/src/vn"),getI18n=_ui.VxeUI.getI18n,getIcon=_ui.VxeUI.getIcon,renderer=_ui.VxeUI.renderer,_default=exports.default={name:"VxeTableFilterPanel",props:{filterStore:Object},computed:{hasCheckOption:function(){var e=this.filterStore;return e&&e.options.some(function(e){return e.checked})}},render:function(e){var t=this.$parent,i=this.filterStore,l=i.args,n=i.column,r=n?n.filterRender:null,s=(0,_utils.isEnableConf)(r)?renderer.get(r.name):null,c=s?s.tableFilterClassName||s.filterClassName:"";return e("div",{class:["vxe-table--filter-wrapper","filter--prevent-default",s&&s.className?s.className:"",(0,_utils.getClass)(c,Object.assign({$panel:this,$table:t},l)),{"is--animat":t.animat,"is--multiple":i.multiple,"is--active":i.visible}],style:i.style},i.visible&&n?this.renderOptions(e,r,s).concat(this.renderFooter(e)):[])},methods:{renderOptions:function(i,e,t){var l=this,n=this.$parent,r=this.filterStore,s=r.args,c=r.column,o=r.multiple,a=r.maxHeight,c=c?c.slots:null,t=t?t.renderTableFilter||t.renderFilter:null;return c&&c.filter?[i("div",{class:"vxe-table--filter-template"},n.callSlot(c.filter,Object.assign({$panel:this,context:this},s),i))]:t?[i("div",{class:"vxe-table--filter-template"},(0,_vn.getSlotVNs)(t.call(n,i,e,Object.assign({$panel:this,context:this},s))))]:(c=o?r.isAllSelected:!r.options.some(function(e){return e._checked}),t=o&&r.isIndeterminate,[i("ul",{class:"vxe-table--filter-header"},[i("li",{class:["vxe-table--filter-option",{"is--checked":c,"is--indeterminate":t}],attrs:{title:getI18n(o?"vxe.table.allTitle":"vxe.table.allFilter")},on:{click:function(e){l.changeAllOption(e,!r.isAllSelected)}}},(o?[i("span",{class:["vxe-checkbox--icon",t?getIcon().TABLE_CHECKBOX_INDETERMINATE:c?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})]:[]).concat([i("span",{class:"vxe-checkbox--label"},getI18n("vxe.table.allFilter"))]))]),i("ul",{class:"vxe-table--filter-body",style:a?{maxHeight:"".concat(a,"px")}:{}},r.options.map(function(t){var e=t._checked;return i("li",{class:["vxe-table--filter-option",{"is--checked":e}],attrs:{title:t.label},on:{click:function(e){l.changeOption(e,!t._checked,t)}}},(o?[i("span",{class:["vxe-checkbox--icon",e?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})]:[]).concat([i("span",{class:"vxe-checkbox--label"},(0,_utils.formatText)(t.label,1))]))}))])},renderFooter:function(e){var t=this.$parent,i=this.hasCheckOption,l=this.filterStore,t=t.filterOpts,n=l.column,r=l.multiple,n=n.filterRender,n=(0,_utils.isEnableConf)(n)?renderer.get(n.name):null,i=!i&&!l.isAllSelected&&!l.isIndeterminate;return r&&(!n||!1!==n.showTableFilterFooter&&!1!==n.showFilterFooter&&!1!==n.isFooter)?[e("div",{class:"vxe-table--filter-footer"},[e("button",{class:{"is--disabled":i},attrs:{disabled:i},on:{click:this.confirmFilter}},t.confirmButtonText||getI18n("vxe.table.confirmFilter")),e("button",{on:{click:this.resetFilter}},t.resetButtonText||getI18n("vxe.table.resetFilter"))])]:[]},filterCheckAllEvent:function(e,t){var i=this.filterStore;i.options.forEach(function(e){e._checked=t,e.checked=t}),i.isAllSelected=t,i.isIndeterminate=!1},changeRadioOption:function(e,t,i){var l=this.$parent;this.filterStore.options.forEach(function(e){e._checked=!1}),i._checked=t,l.checkFilterOptions(),this.confirmFilter(e)},changeMultipleOption:function(e,t,i){var l=this.$parent;i._checked=t,l.checkFilterOptions()},changeAllOption:function(e,t){this.filterStore.multiple?this.filterCheckAllEvent(e,t):this.resetFilter(e)},changeOption:function(e,t,i){this.filterStore.multiple?this.changeMultipleOption(e,t,i):this.changeRadioOption(e,t,i)},confirmFilter:function(e){var t=this.$parent;this.filterStore.options.forEach(function(e){e.checked=e._checked}),t.confirmFilterEvent(e)},resetFilter:function(e){this.$parent.resetFilterEvent(e)}}};
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _ui=require("../../../ui"),_utils=require("../../../ui/src/utils"),_vn=require("../../../ui/src/vn");let{getI18n,getIcon,renderer}=_ui.VxeUI;var _default=exports.default={name:"VxeTableFilterPanel",props:{filterStore:Object},computed:{hasCheckOption(){var e=this.filterStore;return e&&e.options.some(e=>e.checked)}},render(e){var{$parent:t,filterStore:l}=this,{args:i,column:r}=l,s=r?r.filterRender:null,a=(0,_utils.isEnableConf)(s)?renderer.get(s.name):null,n=a?a.tableFilterClassName||a.filterClassName:"";return e("div",{class:["vxe-table--filter-wrapper","filter--prevent-default",a&&a.className?a.className:"",(0,_utils.getClass)(n,Object.assign({$panel:this,$table:t},i)),{"is--animat":t.animat,"is--multiple":l.multiple,"is--active":l.visible}],style:l.style},l.visible&&r?this.renderOptions(e,s,a).concat(this.renderFooter(e)):[])},methods:{renderOptions(l,e,t){let{$parent:i,filterStore:r}=this,{args:s,column:a,multiple:n,maxHeight:c}=r;var o=a?a.slots:null,t=t?t.renderTableFilter||t.renderFilter:null;return o&&o.filter?[l("div",{class:"vxe-table--filter-template"},i.callSlot(o.filter,Object.assign({$panel:this,context:this},s),l))]:t?[l("div",{class:"vxe-table--filter-template"},(0,_vn.getSlotVNs)(t.call(i,l,e,Object.assign({$panel:this,context:this},s))))]:(o=n?r.isAllSelected:!r.options.some(e=>e._checked),t=n&&r.isIndeterminate,[l("ul",{class:"vxe-table--filter-header"},[l("li",{class:["vxe-table--filter-option",{"is--checked":o,"is--indeterminate":t}],attrs:{title:getI18n(n?"vxe.table.allTitle":"vxe.table.allFilter")},on:{click:e=>{this.changeAllOption(e,!r.isAllSelected)}}},(n?[l("span",{class:["vxe-checkbox--icon",t?getIcon().TABLE_CHECKBOX_INDETERMINATE:o?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})]:[]).concat([l("span",{class:"vxe-checkbox--label"},getI18n("vxe.table.allFilter"))]))]),l("ul",{class:"vxe-table--filter-body",style:c?{maxHeight:c+"px"}:{}},r.options.map(t=>{var e=t._checked;return l("li",{class:["vxe-table--filter-option",{"is--checked":e}],attrs:{title:t.label},on:{click:e=>{this.changeOption(e,!t._checked,t)}}},(n?[l("span",{class:["vxe-checkbox--icon",e?getIcon().TABLE_CHECKBOX_CHECKED:getIcon().TABLE_CHECKBOX_UNCHECKED]})]:[]).concat([l("span",{class:"vxe-checkbox--label"},(0,_utils.formatText)(t.label,1))]))}))])},renderFooter(e){var{$parent:t,hasCheckOption:l,filterStore:i}=this,t=t.filterOpts,{column:r,multiple:s}=i,r=r.filterRender,r=(0,_utils.isEnableConf)(r)?renderer.get(r.name):null,l=!l&&!i.isAllSelected&&!i.isIndeterminate;return s&&(!r||!1!==r.showTableFilterFooter&&!1!==r.showFilterFooter&&!1!==r.isFooter)?[e("div",{class:"vxe-table--filter-footer"},[e("button",{class:{"is--disabled":l},attrs:{disabled:l},on:{click:this.confirmFilter}},t.confirmButtonText||getI18n("vxe.table.confirmFilter")),e("button",{on:{click:this.resetFilter}},t.resetButtonText||getI18n("vxe.table.resetFilter"))])]:[]},filterCheckAllEvent(e,t){var l=this.filterStore;l.options.forEach(e=>{e._checked=t,e.checked=t}),l.isAllSelected=t,l.isIndeterminate=!1},changeRadioOption(e,t,l){var{$parent:i,filterStore:r}=this;r.options.forEach(e=>{e._checked=!1}),l._checked=t,i.checkFilterOptions(),this.confirmFilter(e)},changeMultipleOption(e,t,l){var i=this.$parent;l._checked=t,i.checkFilterOptions()},changeAllOption(e,t){this.filterStore.multiple?this.filterCheckAllEvent(e,t):this.resetFilter(e)},changeOption(e,t,l){this.filterStore.multiple?this.changeMultipleOption(e,t,l):this.changeRadioOption(e,t,l)},confirmFilter(e){var{$parent:t,filterStore:l}=this;l.options.forEach(e=>{e.checked=e._checked}),t.confirmFilterEvent(e)},resetFilter(e){var t=this.$parent;t.resetFilterEvent(e)}}};