vxe-table 4.3.4 → 4.3.6-beta.0

package/lib/button/src/button.js

@@ -4,24 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _vue = require("vue");
-
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
-
 var _conf = _interopRequireDefault(require("../../v-x-e-table/src/conf"));
-
 var _size = require("../../hooks/size");
-
 var _dom = require("../../tools/dom");
-
 var _utils = require("../../tools/utils");
-
 var _event = require("../../tools/event");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default2 = (0, _vue.defineComponent)({
+var _default = (0, _vue.defineComponent)({
   name: 'VxeButton',
   props: {
     /**
@@ -29,84 +20,70 @@ var _default2 = (0, _vue.defineComponent)({
      */
     type: String,
     className: String,
-
     /**
      * 按钮尺寸
      */
     size: {
       type: String,
-      default: function _default() {
+      default: function () {
         return _conf.default.button.size || _conf.default.size;
       }
     },
-
     /**
      * 用来标识这一项
      */
     name: [String, Number],
-
     /**
      * 按钮内容
      */
     content: String,
-
     /**
      * 固定显示下拉面板的方向
      */
     placement: String,
-
     /**
      * 按钮状态
      */
     status: String,
-
     /**
      * 按钮的图标
      */
     icon: String,
-
     /**
      * 圆角边框
      */
     round: Boolean,
-
     /**
      * 圆角按钮
      */
     circle: Boolean,
-
     /**
      * 是否禁用
      */
     disabled: Boolean,
-
     /**
      * 是否加载中
      */
     loading: Boolean,
-
     /**
      * 在下拉面板关闭时销毁内容
      */
     destroyOnClose: Boolean,
-
     /**
      * 是否将弹框容器插入于 body 内
      */
     transfer: {
       type: Boolean,
-      default: function _default() {
+      default: function () {
         return _conf.default.button.transfer;
       }
     }
   },
   emits: ['click', 'dropdown-click'],
-  setup: function setup(props, context) {
+  setup: function (props, context) {
     var slots = context.slots,
-        emit = context.emit;
-
+      emit = context.emit;
     var xID = _xeUtils.default.uniqueId();
-
     var computeSize = (0, _size.useSize)(props);
     var reactData = (0, _vue.reactive)({
       inited: false,
@@ -131,39 +108,34 @@ var _default2 = (0, _vue.defineComponent)({
       context: context,
       reactData: reactData,
       internalData: internalData,
-      getRefMaps: function getRefMaps() {
+      getRefMaps: function () {
         return refMaps;
       }
     };
     var buttonMethods = {};
     var computeIsFormBtn = (0, _vue.computed)(function () {
       var type = props.type;
-
       if (type) {
         return ['submit', 'reset', 'button'].indexOf(type) > -1;
       }
-
       return false;
     });
     var computeBtnType = (0, _vue.computed)(function () {
       var type = props.type;
       return type && type === 'text' ? type : 'button';
     });
-
-    var updateZindex = function updateZindex() {
+    var updateZindex = function () {
       if (reactData.panelIndex < (0, _utils.getLastZIndex)()) {
         reactData.panelIndex = (0, _utils.nextZIndex)();
       }
     };
-
-    var updatePlacement = function updatePlacement() {
+    var updatePlacement = function () {
       return (0, _vue.nextTick)().then(function () {
         var transfer = props.transfer,
-            placement = props.placement;
+          placement = props.placement;
         var panelIndex = reactData.panelIndex;
         var targetElem = refButton.value;
         var panelElem = refBtnPanel.value;
-
         if (panelElem && targetElem) {
           var targetHeight = targetElem.offsetHeight;
           var targetWidth = targetElem.offsetWidth;
@@ -173,20 +145,16 @@ var _default2 = (0, _vue.defineComponent)({
           var panelStyle = {
             zIndex: panelIndex
           };
-
           var _a = (0, _dom.getAbsolutePos)(targetElem),
-              top_1 = _a.top,
-              left = _a.left,
-              boundingTop = _a.boundingTop,
-              visibleHeight = _a.visibleHeight,
-              visibleWidth = _a.visibleWidth;
-
+            top_1 = _a.top,
+            left = _a.left,
+            boundingTop = _a.boundingTop,
+            visibleHeight = _a.visibleHeight,
+            visibleWidth = _a.visibleWidth;
           var panelPlacement = 'bottom';
-
           if (transfer) {
             var btnLeft = left + targetWidth - panelWidth;
             var btnTop = top_1 + targetHeight;
-
             if (placement === 'top') {
               panelPlacement = 'top';
               btnTop = top_1 - panelHeight;
@@ -195,25 +163,21 @@ var _default2 = (0, _vue.defineComponent)({
               if (boundingTop + targetHeight + panelHeight + marginSize > visibleHeight) {
                 panelPlacement = 'top';
                 btnTop = top_1 - panelHeight;
-              } // 如果上面不够放，则向下（优先）
-
-
+              }
+              // 如果上面不够放，则向下（优先）
               if (btnTop < marginSize) {
                 panelPlacement = 'bottom';
                 btnTop = top_1 + targetHeight;
               }
-            } // 如果溢出右边
-
-
+            }
+            // 如果溢出右边
             if (btnLeft + panelWidth + marginSize > visibleWidth) {
               btnLeft -= btnLeft + panelWidth + marginSize - visibleWidth;
-            } // 如果溢出左边
-
-
+            }
+            // 如果溢出左边
             if (btnLeft < marginSize) {
               btnLeft = marginSize;
             }
-
             Object.assign(panelStyle, {
               left: "".concat(btnLeft, "px"),
               right: 'auto',
@@ -235,41 +199,33 @@ var _default2 = (0, _vue.defineComponent)({
               }
             }
           }
-
           reactData.panelStyle = panelStyle;
           reactData.panelPlacement = panelPlacement;
           return (0, _vue.nextTick)();
         }
       });
     };
-
-    var clickEvent = function clickEvent(evnt) {
+    var clickEvent = function (evnt) {
       buttonMethods.dispatchEvent('click', {
         $event: evnt
       }, evnt);
     };
-
-    var mousedownDropdownEvent = function mousedownDropdownEvent(evnt) {
+    var mousedownDropdownEvent = function (evnt) {
       var isLeftBtn = evnt.button === 0;
-
       if (isLeftBtn) {
         evnt.stopPropagation();
       }
     };
-
-    var clickDropdownEvent = function clickDropdownEvent(evnt) {
+    var clickDropdownEvent = function (evnt) {
       var dropdownElem = evnt.currentTarget;
       var panelElem = refBtnPanel.value;
-
       var _a = (0, _dom.getEventTargetNode)(evnt, dropdownElem, 'vxe-button'),
-          flag = _a.flag,
-          targetElem = _a.targetElem;
-
+        flag = _a.flag,
+        targetElem = _a.targetElem;
       if (flag) {
         if (panelElem) {
           panelElem.dataset.active = 'N';
         }
-
         reactData.showPanel = false;
         setTimeout(function () {
           if (!panelElem || panelElem.dataset.active !== 'Y') {
@@ -282,10 +238,8 @@ var _default2 = (0, _vue.defineComponent)({
         }, evnt);
       }
     };
-
-    var mouseenterEvent = function mouseenterEvent() {
+    var mouseenterEvent = function () {
       var panelElem = refBtnPanel.value;
-
       if (panelElem) {
         panelElem.dataset.active = 'Y';
         reactData.animatVisible = true;
@@ -303,17 +257,13 @@ var _default2 = (0, _vue.defineComponent)({
         }, 20);
       }
     };
-
-    var mouseenterTargetEvent = function mouseenterTargetEvent() {
+    var mouseenterTargetEvent = function () {
       var panelElem = refBtnPanel.value;
-
       if (panelElem) {
         panelElem.dataset.active = 'Y';
-
         if (!reactData.inited) {
           reactData.inited = true;
         }
-
         internalData.showTime = setTimeout(function () {
           if (panelElem.dataset.active === 'Y') {
             mouseenterEvent();
@@ -323,11 +273,9 @@ var _default2 = (0, _vue.defineComponent)({
         }, 250);
       }
     };
-
-    var closePanel = function closePanel() {
+    var closePanel = function () {
       var panelElem = refBtnPanel.value;
       clearTimeout(internalData.showTime);
-
       if (panelElem) {
         panelElem.dataset.active = 'N';
         setTimeout(function () {
@@ -345,17 +293,14 @@ var _default2 = (0, _vue.defineComponent)({
         reactData.showPanel = false;
       }
     };
-
-    var mouseleaveEvent = function mouseleaveEvent() {
+    var mouseleaveEvent = function () {
       closePanel();
     };
-
-    var renderContent = function renderContent() {
+    var renderContent = function () {
       var content = props.content,
-          icon = props.icon,
-          loading = props.loading;
+        icon = props.icon,
+        loading = props.loading;
       var contVNs = [];
-
       if (loading) {
         contVNs.push((0, _vue.h)('i', {
           class: ['vxe-button--loading-icon', _conf.default.icon.BUTTON_LOADING]
@@ -369,7 +314,6 @@ var _default2 = (0, _vue.defineComponent)({
           class: ['vxe-button--icon', icon]
         }));
       }
-
       if (slots.default) {
         contVNs.push((0, _vue.h)('span', {
           class: 'vxe-button--content'
@@ -379,23 +323,21 @@ var _default2 = (0, _vue.defineComponent)({
           class: 'vxe-button--content'
         }, (0, _utils.getFuncText)(content)));
       }
-
       return contVNs;
     };
-
     buttonMethods = {
-      dispatchEvent: function dispatchEvent(type, params, evnt) {
+      dispatchEvent: function (type, params, evnt) {
         emit(type, Object.assign({
           $button: $xebutton,
           $event: evnt
         }, params));
       },
-      focus: function focus() {
+      focus: function () {
         var btnElem = refButton.value;
         btnElem.focus();
         return (0, _vue.nextTick)();
       },
-      blur: function blur() {
+      blur: function () {
         var btnElem = refButton.value;
         btnElem.blur();
         return (0, _vue.nextTick)();
@@ -405,7 +347,6 @@ var _default2 = (0, _vue.defineComponent)({
     (0, _vue.onMounted)(function () {
       _event.GlobalEvent.on($xebutton, 'mousewheel', function (evnt) {
         var panelElem = refBtnPanel.value;
-
         if (reactData.showPanel && !(0, _dom.getEventTargetNode)(evnt, panelElem).flag) {
           closePanel();
         }
@@ -414,26 +355,23 @@ var _default2 = (0, _vue.defineComponent)({
     (0, _vue.onUnmounted)(function () {
       _event.GlobalEvent.off($xebutton, 'mousewheel');
     });
-
-    var renderVN = function renderVN() {
+    var renderVN = function () {
       var _a, _b, _c, _d;
-
       var className = props.className,
-          transfer = props.transfer,
-          type = props.type,
-          round = props.round,
-          circle = props.circle,
-          destroyOnClose = props.destroyOnClose,
-          status = props.status,
-          name = props.name,
-          disabled = props.disabled,
-          loading = props.loading;
+        transfer = props.transfer,
+        type = props.type,
+        round = props.round,
+        circle = props.circle,
+        destroyOnClose = props.destroyOnClose,
+        status = props.status,
+        name = props.name,
+        disabled = props.disabled,
+        loading = props.loading;
       var inited = reactData.inited,
-          showPanel = reactData.showPanel;
+        showPanel = reactData.showPanel;
       var isFormBtn = computeIsFormBtn.value;
       var btnType = computeBtnType.value;
       var vSize = computeSize.value;
-
       if (slots.dropdowns) {
         return (0, _vue.h)('div', {
           ref: refElem,
@@ -465,7 +403,6 @@ var _default2 = (0, _vue.defineComponent)({
           onMouseleave: mouseleaveEvent
         }, destroyOnClose && !showPanel ? [] : slots.dropdowns({}))] : [])])]);
       }
-
       return (0, _vue.h)('button', {
         ref: refButton,
         class: ['vxe-button', "type--".concat(btnType), (_d = {}, _d["size--".concat(vSize)] = vSize, _d["theme--".concat(status)] = status, _d['is--round'] = round, _d['is--circle'] = circle, _d['is--disabled'] = disabled || loading, _d['is--loading'] = loading, _d)],
@@ -475,13 +412,11 @@ var _default2 = (0, _vue.defineComponent)({
         onClick: clickEvent
       }, renderContent());
     };
-
     $xebutton.renderVN = renderVN;
     return $xebutton;
   },
-  render: function render() {
+  render: function () {
     return this.renderVN();
   }
 });
-
-exports.default = _default2;
+exports.default = _default;

package/lib/button/src/button.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")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_size=require("../../hooks/size"),_dom=require("../../tools/dom"),_utils=require("../../tools/utils"),_event=require("../../tools/event");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default2=(0,_vue.defineComponent)({name:"VxeButton",props:{type:String,className:String,size:{type:String,default:function(){return _conf.default.button.size||_conf.default.size}},name:[String,Number],content:String,placement:String,status:String,icon:String,round:Boolean,circle:Boolean,disabled:Boolean,loading:Boolean,destroyOnClose:Boolean,transfer:{type:Boolean,default:function(){return _conf.default.button.transfer}}},emits:["click","dropdown-click"],setup:function(m,e){function _(e){u.dispatchEvent("click",{$event:e},e)}function b(e){0===e.button&&e.stopPropagation()}function h(e){var t=e.currentTarget,n=z.value,t=(o=(0,_dom.getEventTargetNode)(e,t,"vxe-button")).flag,o=o.targetElem;t&&(n&&(n.dataset.active="N"),P.showPanel=!1,setTimeout(function(){n&&"Y"===n.dataset.active||(P.animatVisible=!1)},350),u.dispatchEvent("dropdown-click",{name:o.getAttribute("name"),$event:e},e))}function x(){var e=z.value;e&&(e.dataset.active="Y",P.inited||(P.inited=!0),n.showTime=setTimeout(function(){"Y"===e.dataset.active?q():P.animatVisible=!1},250))}function g(){l()}function w(){var e=m.content,t=m.icon,n=[];return m.loading?n.push((0,_vue.h)("i",{class:["vxe-button--loading-icon",_conf.default.icon.BUTTON_LOADING]})):T.icon?n.push((0,_vue.h)("span",{class:"vxe-button--custom-icon"},T.icon({}))):t&&n.push((0,_vue.h)("i",{class:["vxe-button--icon",t]})),T.default?n.push((0,_vue.h)("span",{class:"vxe-button--content"},T.default({}))):e&&n.push((0,_vue.h)("span",{class:"vxe-button--content"},(0,_utils.getFuncText)(e))),n}var T=e.slots,o=e.emit,t=_xeUtils.default.uniqueId(),y=(0,_size.useSize)(m),P=(0,_vue.reactive)({inited:!1,showPanel:!1,animatVisible:!1,panelIndex:0,panelStyle:{},panelPlacement:""}),n={showTime:null},N=(0,_vue.ref)(),k=(0,_vue.ref)(),z=(0,_vue.ref)(),a={refElem:N},i={xID:t,props:m,context:e,reactData:P,internalData:n,getRefMaps:function(){return a}},u={},O=(0,_vue.computed)(function(){var e=m.type;return!!e&&-1<["submit","reset","button"].indexOf(e)}),S=(0,_vue.computed)(function(){var e=m.type;return e&&"text"===e?e:"button"}),s=function(){P.panelIndex<(0,_utils.getLastZIndex)()&&(P.panelIndex=(0,_utils.nextZIndex)())},c=function(){return(0,_vue.nextTick)().then(function(){var e=m.transfer,t=m.placement,n=P.panelIndex,o=k.value,a=z.value;if(a&&o){var i=o.offsetHeight,u=o.offsetWidth,s=a.offsetHeight,c=a.offsetWidth,l={zIndex:n},r=(0,_dom.getAbsolutePos)(o),d=r.top,v=r.left,a=r.boundingTop,n=r.visibleHeight,o=r.visibleWidth,r="bottom";return e?(e=d+i,"top"===t?(r="top",e=d-s):t||(n<a+i+s+5&&(r="top",e=d-s),e<5&&(r="bottom",e=d+i)),o<(v=v+u-c)+c+5&&(v-=v+c+5-o),v<5&&(v=5),Object.assign(l,{left:"".concat(v,"px"),right:"auto",top:"".concat(e,"px"),minWidth:"".concat(u,"px")})):"top"===t?(r="top",l.bottom="".concat(i,"px")):t||n<a+i+s&&5<a-i-s&&(r="top",l.bottom="".concat(i,"px")),P.panelStyle=l,P.panelPlacement=r,(0,_vue.nextTick)()}})},q=function(){var e=z.value;e&&(e.dataset.active="Y",P.animatVisible=!0,setTimeout(function(){"Y"===e.dataset.active&&(P.showPanel=!0,s(),c(),setTimeout(function(){P.showPanel&&c()},50))},20))},l=function(){var e=z.value;clearTimeout(n.showTime),e?(e.dataset.active="N",setTimeout(function(){"Y"!==e.dataset.active&&(P.showPanel=!1,setTimeout(function(){"Y"!==e.dataset.active&&(P.animatVisible=!1)},350))},100)):(P.animatVisible=!1,P.showPanel=!1)},u={dispatchEvent:function(e,t,n){o(e,Object.assign({$button:i,$event:n},t))},focus:function(){return k.value.focus(),(0,_vue.nextTick)()},blur:function(){return k.value.blur(),(0,_vue.nextTick)()}};Object.assign(i,u),(0,_vue.onMounted)(function(){_event.GlobalEvent.on(i,"mousewheel",function(e){var t=z.value;P.showPanel&&!(0,_dom.getEventTargetNode)(e,t).flag&&l()})}),(0,_vue.onUnmounted)(function(){_event.GlobalEvent.off(i,"mousewheel")});return i.renderVN=function(){var e=m.className,t=m.transfer,n=m.type,o=m.round,a=m.circle,i=m.destroyOnClose,u=m.status,s=m.name,c=m.disabled,l=m.loading,r=P.inited,d=P.showPanel,v=O.value,f=S.value,p=y.value;return T.dropdowns?(0,_vue.h)("div",{ref:N,class:["vxe-button--dropdown",e,((e={})["size--".concat(p)]=p,e["is--active"]=d,e)]},[(0,_vue.h)("button",{ref:k,class:["vxe-button","type--".concat(f),((e={})["size--".concat(p)]=p,e["theme--".concat(u)]=u,e["is--round"]=o,e["is--circle"]=a,e["is--disabled"]=c||l,e["is--loading"]=l,e)],name:s,type:v?n:"button",disabled:c||l,onMouseenter:x,onMouseleave:g,onClick:_},w().concat([(0,_vue.h)("i",{class:"vxe-button--dropdown-arrow ".concat(_conf.default.icon.BUTTON_DROPDOWN)})])),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!t||!r},[(0,_vue.h)("div",{ref:z,class:["vxe-button--dropdown-panel",((t={})["size--".concat(p)]=p,t["animat--leave"]=P.animatVisible,t["animat--enter"]=d,t)],placement:P.panelPlacement,style:P.panelStyle},r?[(0,_vue.h)("div",{class:"vxe-button--dropdown-wrapper",onMousedown:b,onClick:h,onMouseenter:q,onMouseleave:g},i&&!d?[]:T.dropdowns({}))]:[])])]):(0,_vue.h)("button",{ref:k,class:["vxe-button","type--".concat(f),((f={})["size--".concat(p)]=p,f["theme--".concat(u)]=u,f["is--round"]=o,f["is--circle"]=a,f["is--disabled"]=c||l,f["is--loading"]=l,f)],name:s,type:v?n:"button",disabled:c||l,onClick:_},w())},i},render:function(){return this.renderVN()}});exports.default=_default2;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_size=require("../../hooks/size"),_dom=require("../../tools/dom"),_utils=require("../../tools/utils"),_event=require("../../tools/event");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=(0,_vue.defineComponent)({name:"VxeButton",props:{type:String,className:String,size:{type:String,default:function(){return _conf.default.button.size||_conf.default.size}},name:[String,Number],content:String,placement:String,status:String,icon:String,round:Boolean,circle:Boolean,disabled:Boolean,loading:Boolean,destroyOnClose:Boolean,transfer:{type:Boolean,default:function(){return _conf.default.button.transfer}}},emits:["click","dropdown-click"],setup:function(m,e){function _(e){u.dispatchEvent("click",{$event:e},e)}function b(e){0===e.button&&e.stopPropagation()}function h(e){var t=e.currentTarget,n=z.value,o=(t=(0,_dom.getEventTargetNode)(e,t,"vxe-button")).flag,t=t.targetElem;o&&(n&&(n.dataset.active="N"),P.showPanel=!1,setTimeout(function(){n&&"Y"===n.dataset.active||(P.animatVisible=!1)},350),u.dispatchEvent("dropdown-click",{name:t.getAttribute("name"),$event:e},e))}function x(){var e=z.value;e&&(e.dataset.active="Y",P.inited||(P.inited=!0),n.showTime=setTimeout(function(){"Y"===e.dataset.active?q():P.animatVisible=!1},250))}function g(){l()}function w(){var e=m.content,t=m.icon,n=[];return m.loading?n.push((0,_vue.h)("i",{class:["vxe-button--loading-icon",_conf.default.icon.BUTTON_LOADING]})):T.icon?n.push((0,_vue.h)("span",{class:"vxe-button--custom-icon"},T.icon({}))):t&&n.push((0,_vue.h)("i",{class:["vxe-button--icon",t]})),T.default?n.push((0,_vue.h)("span",{class:"vxe-button--content"},T.default({}))):e&&n.push((0,_vue.h)("span",{class:"vxe-button--content"},(0,_utils.getFuncText)(e))),n}var T=e.slots,o=e.emit,t=_xeUtils.default.uniqueId(),y=(0,_size.useSize)(m),P=(0,_vue.reactive)({inited:!1,showPanel:!1,animatVisible:!1,panelIndex:0,panelStyle:{},panelPlacement:""}),n={showTime:null},N=(0,_vue.ref)(),k=(0,_vue.ref)(),z=(0,_vue.ref)(),a={refElem:N},i={xID:t,props:m,context:e,reactData:P,internalData:n,getRefMaps:function(){return a}},u={},O=(0,_vue.computed)(function(){var e=m.type;return!!e&&-1<["submit","reset","button"].indexOf(e)}),S=(0,_vue.computed)(function(){var e=m.type;return e&&"text"===e?e:"button"}),s=function(){P.panelIndex<(0,_utils.getLastZIndex)()&&(P.panelIndex=(0,_utils.nextZIndex)())},c=function(){return(0,_vue.nextTick)().then(function(){var e,t,n,o,a,i,u,s,c=m.transfer,l=m.placement,r=P.panelIndex,d=k.value,v=z.value;if(v&&d)return e=d.offsetHeight,t=d.offsetWidth,n=v.offsetHeight,v=v.offsetWidth,r={zIndex:r},s=(d=(0,_dom.getAbsolutePos)(d)).top,o=d.left,a=d.boundingTop,i=d.visibleHeight,d=d.visibleWidth,u="bottom",c?(c=s+e,"top"===l?(u="top",c=s-n):l||(i<a+e+n+5&&(u="top",c=s-n),c<5&&(u="bottom",c=s+e)),d<(s=o+t-v)+v+5&&(s-=s+v+5-d),s<5&&(s=5),Object.assign(r,{left:"".concat(s,"px"),right:"auto",top:"".concat(c,"px"),minWidth:"".concat(t,"px")})):"top"===l?(u="top",r.bottom="".concat(e,"px")):l||i<a+e+n&&5<a-e-n&&(u="top",r.bottom="".concat(e,"px")),P.panelStyle=r,P.panelPlacement=u,(0,_vue.nextTick)()})},q=function(){var e=z.value;e&&(e.dataset.active="Y",P.animatVisible=!0,setTimeout(function(){"Y"===e.dataset.active&&(P.showPanel=!0,s(),c(),setTimeout(function(){P.showPanel&&c()},50))},20))},l=function(){var e=z.value;clearTimeout(n.showTime),e?(e.dataset.active="N",setTimeout(function(){"Y"!==e.dataset.active&&(P.showPanel=!1,setTimeout(function(){"Y"!==e.dataset.active&&(P.animatVisible=!1)},350))},100)):(P.animatVisible=!1,P.showPanel=!1)},u={dispatchEvent:function(e,t,n){o(e,Object.assign({$button:i,$event:n},t))},focus:function(){return k.value.focus(),(0,_vue.nextTick)()},blur:function(){return k.value.blur(),(0,_vue.nextTick)()}};Object.assign(i,u),(0,_vue.onMounted)(function(){_event.GlobalEvent.on(i,"mousewheel",function(e){var t=z.value;P.showPanel&&!(0,_dom.getEventTargetNode)(e,t).flag&&l()})}),(0,_vue.onUnmounted)(function(){_event.GlobalEvent.off(i,"mousewheel")});return i.renderVN=function(){var e=m.className,t=m.transfer,n=m.type,o=m.round,a=m.circle,i=m.destroyOnClose,u=m.status,s=m.name,c=m.disabled,l=m.loading,r=P.inited,d=P.showPanel,v=O.value,f=S.value,p=y.value;return T.dropdowns?(0,_vue.h)("div",{ref:N,class:["vxe-button--dropdown",e,((e={})["size--".concat(p)]=p,e["is--active"]=d,e)]},[(0,_vue.h)("button",{ref:k,class:["vxe-button","type--".concat(f),((e={})["size--".concat(p)]=p,e["theme--".concat(u)]=u,e["is--round"]=o,e["is--circle"]=a,e["is--disabled"]=c||l,e["is--loading"]=l,e)],name:s,type:v?n:"button",disabled:c||l,onMouseenter:x,onMouseleave:g,onClick:_},w().concat([(0,_vue.h)("i",{class:"vxe-button--dropdown-arrow ".concat(_conf.default.icon.BUTTON_DROPDOWN)})])),(0,_vue.h)(_vue.Teleport,{to:"body",disabled:!t||!r},[(0,_vue.h)("div",{ref:z,class:["vxe-button--dropdown-panel",((e={})["size--".concat(p)]=p,e["animat--leave"]=P.animatVisible,e["animat--enter"]=d,e)],placement:P.panelPlacement,style:P.panelStyle},r?[(0,_vue.h)("div",{class:"vxe-button--dropdown-wrapper",onMousedown:b,onClick:h,onMouseenter:q,onMouseleave:g},i&&!d?[]:T.dropdowns({}))]:[])])]):(0,_vue.h)("button",{ref:k,class:["vxe-button","type--".concat(f),((t={})["size--".concat(p)]=p,t["theme--".concat(u)]=u,t["is--round"]=o,t["is--circle"]=a,t["is--disabled"]=c||l,t["is--loading"]=l,t)],name:s,type:v?n:"button",disabled:c||l,onClick:_},w())},i},render:function(){return this.renderVN()}});exports.default=_default;