vxe-table 3.4.12 → 3.4.14-beta.2

package/lib/pulldown/src/pulldown.js

@@ -19,6 +19,7 @@ var _default2 = {
   name: 'VxePulldown',
   mixins: [_size.default],
   props: {
+    value: Boolean,
     disabled: Boolean,
     placement: String,
     size: {
@@ -42,6 +43,15 @@ var _default2 = {
       isActivated: false
     };
   },
+  watch: {
+    value: function value(_value) {
+      if (_value) {
+        this.showPanel();
+      } else {
+        this.hidePanel();
+      }
+    }
+  },
   created: function created() {
     _tools.GlobalEvent.on(this, 'mousewheel', this.handleGlobalMousewheelEvent);
 
@@ -186,6 +196,8 @@ var _default2 = {
           setTimeout(function () {
             _this.visiblePanel = true;
 
+            _this.$emit('update:input', true);
+
             _this.updatePlacement();
 
             setTimeout(function () {
@@ -207,6 +219,7 @@ var _default2 = {
       var _this2 = this;
 
       this.visiblePanel = false;
+      this.$emit('update:input', false);
       return new Promise(function (resolve) {
         if (_this2.animatVisible) {
           _this2.hidePanelTimeout = setTimeout(function () {

package/lib/pulldown/src/pulldown.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_size=_interopRequireDefault(require("../../mixins/size")),_tools=require("../../tools");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var _default2={name:"VxePulldown",mixins:[_size.default],props:{disabled:Boolean,placement:String,size:{type:String,default:function(){return _conf.default.size}},destroyOnClose:Boolean,transfer:Boolean},data:function(){return{inited:!1,panelIndex:0,panelStyle:null,panelPlacement:null,currentValue:null,visiblePanel:!1,animatVisible:!1,isActivated:!1}},created:function(){_tools.GlobalEvent.on(this,"mousewheel",this.handleGlobalMousewheelEvent),_tools.GlobalEvent.on(this,"mousedown",this.handleGlobalMousedownEvent),_tools.GlobalEvent.on(this,"blur",this.handleGlobalBlurEvent)},beforeDestroy:function(){var e=this.$refs.panel;e&&e.parentNode&&e.parentNode.removeChild(e)},destroyed:function(){_tools.GlobalEvent.off(this,"mousewheel"),_tools.GlobalEvent.off(this,"mousedown"),_tools.GlobalEvent.off(this,"blur")},render:function(e){var t=this.$scopedSlots,i=this.inited,n=this.vSize,l=this.destroyOnClose,o=this.transfer,s=this.isActivated,a=this.disabled,r=this.animatVisible,d=this.visiblePanel,u=this.panelStyle,h=this.panelPlacement,c=t.default,f=t.dropdown;return e("div",{class:["vxe-pulldown",(_defineProperty(t={},"size--".concat(n),n),_defineProperty(t,"is--visivle",d),_defineProperty(t,"is--disabled",a),_defineProperty(t,"is--active",s),t)]},[e("div",{ref:"content",class:"vxe-pulldown--content"},c?c.call(this,{$pulldown:this},e):[]),e("div",{ref:"panel",class:["vxe-table--ignore-clear vxe-pulldown--panel",(_defineProperty(c={},"size--".concat(n),n),_defineProperty(c,"is--transfer",o),_defineProperty(c,"animat--leave",r),_defineProperty(c,"animat--enter",d),c)],attrs:{placement:h},style:u},f?[e("div",{class:"vxe-pulldown--wrapper"},!i||l&&!d&&!r?[]:f.call(this,{$pulldown:this},e))]:[])])},methods:{handleGlobalMousewheelEvent:function(e){var t=this.$refs,i=this.disabled,n=this.visiblePanel;i||n&&(_tools.DomTools.getEventTargetNode(e,t.panel).flag?this.updatePlacement():(this.hidePanel(),this.$emit("hide-panel",{$event:e})))},handleGlobalMousedownEvent:function(e){var t=this.$refs,i=this.$el,n=this.disabled,l=this.visiblePanel;n||(this.isActivated=_tools.DomTools.getEventTargetNode(e,i).flag||_tools.DomTools.getEventTargetNode(e,t.panel).flag,l&&!this.isActivated&&(this.hidePanel(),this.$emit("hide-panel",{$event:e})))},handleGlobalBlurEvent:function(e){this.visiblePanel&&(this.isActivated=!1,this.hidePanel(),this.$emit("hide-panel",{$event:e}))},updateZindex:function(){this.panelIndex<_tools.UtilTools.getLastZIndex()&&(this.panelIndex=_tools.UtilTools.nextZIndex())},isPanelVisible:function(){return this.visiblePanel},togglePanel:function(){return this.visiblePanel?this.hidePanel():this.showPanel()},showPanel:function(){var t=this;return this.inited||(this.inited=!0,this.transfer&&document.body.appendChild(this.$refs.panel)),new Promise(function(e){t.disabled?e(t.$nextTick()):(clearTimeout(t.hidePanelTimeout),t.isActivated=!0,t.animatVisible=!0,setTimeout(function(){t.visiblePanel=!0,t.updatePlacement(),setTimeout(function(){e(t.updatePlacement())},40)},10),t.updateZindex())})},hidePanel:function(){var t=this;return this.visiblePanel=!1,new Promise(function(e){t.animatVisible?t.hidePanelTimeout=setTimeout(function(){t.animatVisible=!1,e(t.$nextTick())},350):e(t.$nextTick())})},updatePlacement:function(){var c=this;return this.$nextTick().then(function(){var e,t,i,n,l,o,s,a,r=c.$refs,d=c.transfer,u=c.placement,h=c.panelIndex;return c.visiblePanel&&(a=r.panel,o=r.content,a&&o&&(e=o.offsetHeight,t=o.offsetWidth,i=a.offsetHeight,n=a.offsetWidth,l={zIndex:h},r=(s=_tools.DomTools.getAbsolutePos(o)).boundingTop,a=s.boundingLeft,h=s.visibleHeight,o=s.visibleWidth,s="bottom",d?(d=r+e,"top"===u?(s="top",d=r-i):u||(h<d+i+5&&(s="top",d=r-i),d<5&&(s="bottom",d=r+e)),o<(a=a)+n+5&&(a-=a+n+5-o),a<5&&(a=5),Object.assign(l,{left:"".concat(a,"px"),top:"".concat(d,"px"),minWidth:"".concat(t,"px")})):"top"===u?(s="top",l.bottom="".concat(e,"px")):u||h<r+e+i&&5<r-e-i&&(s="top",l.bottom="".concat(e,"px")),c.panelStyle=l,c.panelPlacement=s)),c.$nextTick()})}}};exports.default=_default2;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_size=_interopRequireDefault(require("../../mixins/size")),_tools=require("../../tools");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _defineProperty(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var _default2={name:"VxePulldown",mixins:[_size.default],props:{value:Boolean,disabled:Boolean,placement:String,size:{type:String,default:function(){return _conf.default.size}},destroyOnClose:Boolean,transfer:Boolean},data:function(){return{inited:!1,panelIndex:0,panelStyle:null,panelPlacement:null,currentValue:null,visiblePanel:!1,animatVisible:!1,isActivated:!1}},watch:{value:function(e){e?this.showPanel():this.hidePanel()}},created:function(){_tools.GlobalEvent.on(this,"mousewheel",this.handleGlobalMousewheelEvent),_tools.GlobalEvent.on(this,"mousedown",this.handleGlobalMousedownEvent),_tools.GlobalEvent.on(this,"blur",this.handleGlobalBlurEvent)},beforeDestroy:function(){var e=this.$refs.panel;e&&e.parentNode&&e.parentNode.removeChild(e)},destroyed:function(){_tools.GlobalEvent.off(this,"mousewheel"),_tools.GlobalEvent.off(this,"mousedown"),_tools.GlobalEvent.off(this,"blur")},render:function(e){var t=this.$scopedSlots,i=this.inited,n=this.vSize,l=this.destroyOnClose,o=this.transfer,s=this.isActivated,a=this.disabled,r=this.animatVisible,d=this.visiblePanel,u=this.panelStyle,h=this.panelPlacement,c=t.default,f=t.dropdown;return e("div",{class:["vxe-pulldown",(_defineProperty(t={},"size--".concat(n),n),_defineProperty(t,"is--visivle",d),_defineProperty(t,"is--disabled",a),_defineProperty(t,"is--active",s),t)]},[e("div",{ref:"content",class:"vxe-pulldown--content"},c?c.call(this,{$pulldown:this},e):[]),e("div",{ref:"panel",class:["vxe-table--ignore-clear vxe-pulldown--panel",(_defineProperty(c={},"size--".concat(n),n),_defineProperty(c,"is--transfer",o),_defineProperty(c,"animat--leave",r),_defineProperty(c,"animat--enter",d),c)],attrs:{placement:h},style:u},f?[e("div",{class:"vxe-pulldown--wrapper"},!i||l&&!d&&!r?[]:f.call(this,{$pulldown:this},e))]:[])])},methods:{handleGlobalMousewheelEvent:function(e){var t=this.$refs,i=this.disabled,n=this.visiblePanel;i||n&&(_tools.DomTools.getEventTargetNode(e,t.panel).flag?this.updatePlacement():(this.hidePanel(),this.$emit("hide-panel",{$event:e})))},handleGlobalMousedownEvent:function(e){var t=this.$refs,i=this.$el,n=this.disabled,l=this.visiblePanel;n||(this.isActivated=_tools.DomTools.getEventTargetNode(e,i).flag||_tools.DomTools.getEventTargetNode(e,t.panel).flag,l&&!this.isActivated&&(this.hidePanel(),this.$emit("hide-panel",{$event:e})))},handleGlobalBlurEvent:function(e){this.visiblePanel&&(this.isActivated=!1,this.hidePanel(),this.$emit("hide-panel",{$event:e}))},updateZindex:function(){this.panelIndex<_tools.UtilTools.getLastZIndex()&&(this.panelIndex=_tools.UtilTools.nextZIndex())},isPanelVisible:function(){return this.visiblePanel},togglePanel:function(){return this.visiblePanel?this.hidePanel():this.showPanel()},showPanel:function(){var t=this;return this.inited||(this.inited=!0,this.transfer&&document.body.appendChild(this.$refs.panel)),new Promise(function(e){t.disabled?e(t.$nextTick()):(clearTimeout(t.hidePanelTimeout),t.isActivated=!0,t.animatVisible=!0,setTimeout(function(){t.visiblePanel=!0,t.$emit("update:input",!0),t.updatePlacement(),setTimeout(function(){e(t.updatePlacement())},40)},10),t.updateZindex())})},hidePanel:function(){var t=this;return this.visiblePanel=!1,this.$emit("update:input",!1),new Promise(function(e){t.animatVisible?t.hidePanelTimeout=setTimeout(function(){t.animatVisible=!1,e(t.$nextTick())},350):e(t.$nextTick())})},updatePlacement:function(){var c=this;return this.$nextTick().then(function(){var e,t,i,n,l,o,s,a,r=c.$refs,d=c.transfer,u=c.placement,h=c.panelIndex;return c.visiblePanel&&(a=r.panel,o=r.content,a&&o&&(e=o.offsetHeight,t=o.offsetWidth,i=a.offsetHeight,n=a.offsetWidth,l={zIndex:h},r=(s=_tools.DomTools.getAbsolutePos(o)).boundingTop,a=s.boundingLeft,h=s.visibleHeight,o=s.visibleWidth,s="bottom",d?(d=r+e,"top"===u?(s="top",d=r-i):u||(h<d+i+5&&(s="top",d=r-i),d<5&&(s="bottom",d=r+e)),o<(a=a)+n+5&&(a-=a+n+5-o),a<5&&(a=5),Object.assign(l,{left:"".concat(a,"px"),top:"".concat(d,"px"),minWidth:"".concat(t,"px")})):"top"===u?(s="top",l.bottom="".concat(e,"px")):u||h<r+e+i&&5<r-e-i&&(s="top",l.bottom="".concat(e,"px")),c.panelStyle=l,c.panelPlacement=s)),c.$nextTick()})}}};exports.default=_default2;