vxe-pc-ui 0.0.1 → 0.0.2

package/lib/button/src/button.js

@@ -0,0 +1,540 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _vue = require("vue");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _globalStore = _interopRequireDefault(require("../../ui/src/globalStore"));
+var _iconStore = _interopRequireDefault(require("../../ui/src/iconStore"));
+var _size = require("../../hooks/size");
+var _dom = require("../../ui/src/dom");
+var _utils = require("../../ui/src/utils");
+var _event = require("../../ui/src/event");
+var _log = require("../../ui/src/log");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = (0, _vue.defineComponent)({
+  name: 'VxeButton',
+  props: {
+    /**
+     * 按钮类型
+     */
+    type: String,
+    mode: String,
+    className: [String, Function],
+    popupClassName: [String, Function],
+    /**
+     * 按钮尺寸
+     */
+    size: {
+      type: String,
+      default: () => _globalStore.default.button.size || _globalStore.default.size
+    },
+    /**
+     * 用来标识这一项
+     */
+    name: [String, Number],
+    /**
+     * 按钮内容
+     */
+    content: String,
+    /**
+     * 固定显示下拉面板的方向
+     */
+    placement: String,
+    /**
+     * 按钮状态
+     */
+    status: String,
+    /**
+     * 标题
+     */
+    title: String,
+    /**
+     * 按钮的图标
+     */
+    icon: String,
+    /**
+     * 圆角边框
+     */
+    round: Boolean,
+    /**
+     * 圆角按钮
+     */
+    circle: Boolean,
+    /**
+     * 是否禁用
+     */
+    disabled: Boolean,
+    /**
+     * 是否加载中
+     */
+    loading: Boolean,
+    /**
+     * 在下拉面板关闭时销毁内容
+     */
+    destroyOnClose: Boolean,
+    /**
+     * 是否将弹框容器插入于 body 内
+     */
+    transfer: {
+      type: Boolean,
+      default: () => _globalStore.default.button.transfer
+    }
+  },
+  emits: ['click', 'mouseenter', 'mouseleave', 'dropdown-click'],
+  setup(props, context) {
+    const {
+      slots,
+      emit
+    } = context;
+    const xID = _xeUtils.default.uniqueId();
+    const computeSize = (0, _size.useSize)(props);
+    const reactData = (0, _vue.reactive)({
+      inited: false,
+      showPanel: false,
+      animatVisible: false,
+      panelIndex: 0,
+      panelStyle: {},
+      panelPlacement: ''
+    });
+    const internalData = {
+      showTime: null
+    };
+    const refElem = (0, _vue.ref)();
+    const refButton = (0, _vue.ref)();
+    const refBtnPanel = (0, _vue.ref)();
+    const refMaps = {
+      refElem
+    };
+    const $xeButton = {
+      xID,
+      props,
+      context,
+      reactData,
+      internalData,
+      getRefMaps: () => refMaps
+    };
+    const $xeButtonGroup = (0, _vue.inject)('$xeButtonGroup', null);
+    let buttonMethods = {};
+    const computeIsFormBtn = (0, _vue.computed)(() => {
+      const {
+        type
+      } = props;
+      if (type) {
+        return ['submit', 'reset', 'button'].indexOf(type) > -1;
+      }
+      return false;
+    });
+    const computeBtnMode = (0, _vue.computed)(() => {
+      const {
+        type,
+        mode
+      } = props;
+      if (mode === 'text' || type === 'text' || $xeButtonGroup && $xeButtonGroup.props.mode === 'text') {
+        return 'text';
+      }
+      return 'button';
+    });
+    const computeBtnStatus = (0, _vue.computed)(() => {
+      const {
+        status
+      } = props;
+      if (status) {
+        return status;
+      }
+      if ($xeButtonGroup) {
+        return $xeButtonGroup.props.status;
+      }
+      return '';
+    });
+    const computeBtnRound = (0, _vue.computed)(() => {
+      const {
+        round
+      } = props;
+      if (round) {
+        return round;
+      }
+      if ($xeButtonGroup) {
+        return $xeButtonGroup.props.round;
+      }
+      return false;
+    });
+    const computeBtnCircle = (0, _vue.computed)(() => {
+      const {
+        circle
+      } = props;
+      if (circle) {
+        return circle;
+      }
+      if ($xeButtonGroup) {
+        return $xeButtonGroup.props.circle;
+      }
+      return false;
+    });
+    const updateZindex = () => {
+      if (reactData.panelIndex < (0, _utils.getLastZIndex)()) {
+        reactData.panelIndex = (0, _utils.nextZIndex)();
+      }
+    };
+    const updatePlacement = () => {
+      return (0, _vue.nextTick)().then(() => {
+        const {
+          transfer,
+          placement
+        } = props;
+        const {
+          panelIndex
+        } = reactData;
+        const targetElem = refButton.value;
+        const panelElem = refBtnPanel.value;
+        if (panelElem && targetElem) {
+          const targetHeight = targetElem.offsetHeight;
+          const targetWidth = targetElem.offsetWidth;
+          const panelHeight = panelElem.offsetHeight;
+          const panelWidth = panelElem.offsetWidth;
+          const marginSize = 5;
+          const panelStyle = {
+            zIndex: panelIndex
+          };
+          const {
+            top,
+            left,
+            boundingTop,
+            visibleHeight,
+            visibleWidth
+          } = (0, _dom.getAbsolutePos)(targetElem);
+          let panelPlacement = 'bottom';
+          if (transfer) {
+            let btnLeft = left + targetWidth - panelWidth;
+            let btnTop = top + targetHeight;
+            if (placement === 'top') {
+              panelPlacement = 'top';
+              btnTop = top - panelHeight;
+            } else if (!placement) {
+              // 如果下面不够放，则向上
+              if (boundingTop + targetHeight + panelHeight + marginSize > visibleHeight) {
+                panelPlacement = 'top';
+                btnTop = top - panelHeight;
+              }
+              // 如果上面不够放，则向下（优先）
+              if (btnTop < marginSize) {
+                panelPlacement = 'bottom';
+                btnTop = top + targetHeight;
+              }
+            }
+            // 如果溢出右边
+            if (btnLeft + panelWidth + marginSize > visibleWidth) {
+              btnLeft -= btnLeft + panelWidth + marginSize - visibleWidth;
+            }
+            // 如果溢出左边
+            if (btnLeft < marginSize) {
+              btnLeft = marginSize;
+            }
+            Object.assign(panelStyle, {
+              left: `${btnLeft}px`,
+              right: 'auto',
+              top: `${btnTop}px`,
+              minWidth: `${targetWidth}px`
+            });
+          } else {
+            if (placement === 'top') {
+              panelPlacement = 'top';
+              panelStyle.bottom = `${targetHeight}px`;
+            } else if (!placement) {
+              // 如果下面不够放，则向上
+              if (boundingTop + targetHeight + panelHeight > visibleHeight) {
+                // 如果上面不够放，则向下（优先）
+                if (boundingTop - targetHeight - panelHeight > marginSize) {
+                  panelPlacement = 'top';
+                  panelStyle.bottom = `${targetHeight}px`;
+                }
+              }
+            }
+          }
+          reactData.panelStyle = panelStyle;
+          reactData.panelPlacement = panelPlacement;
+          return (0, _vue.nextTick)();
+        }
+      });
+    };
+    const clickEvent = evnt => {
+      if ($xeButtonGroup) {
+        $xeButtonGroup.handleClick({
+          name: props.name
+        }, evnt);
+      } else {
+        buttonMethods.dispatchEvent('click', {
+          $event: evnt
+        }, evnt);
+      }
+    };
+    const mousedownDropdownEvent = evnt => {
+      const isLeftBtn = evnt.button === 0;
+      if (isLeftBtn) {
+        evnt.stopPropagation();
+      }
+    };
+    const clickDropdownEvent = evnt => {
+      const dropdownElem = evnt.currentTarget;
+      const panelElem = refBtnPanel.value;
+      const {
+        flag,
+        targetElem
+      } = (0, _dom.getEventTargetNode)(evnt, dropdownElem, 'vxe-button');
+      if (flag) {
+        if (panelElem) {
+          panelElem.dataset.active = 'N';
+        }
+        reactData.showPanel = false;
+        setTimeout(() => {
+          if (!panelElem || panelElem.dataset.active !== 'Y') {
+            reactData.animatVisible = false;
+          }
+        }, 350);
+        buttonMethods.dispatchEvent('dropdown-click', {
+          name: targetElem.getAttribute('name'),
+          $event: evnt
+        }, evnt);
+      }
+    };
+    const mouseenterDropdownEvent = () => {
+      const panelElem = refBtnPanel.value;
+      if (panelElem) {
+        panelElem.dataset.active = 'Y';
+        reactData.animatVisible = true;
+        setTimeout(() => {
+          if (panelElem.dataset.active === 'Y') {
+            reactData.showPanel = true;
+            updateZindex();
+            updatePlacement();
+            setTimeout(() => {
+              if (reactData.showPanel) {
+                updatePlacement();
+              }
+            }, 50);
+          }
+        }, 20);
+      }
+    };
+    const mouseenterTargetEvent = evnt => {
+      const panelElem = refBtnPanel.value;
+      if (panelElem) {
+        panelElem.dataset.active = 'Y';
+        if (!reactData.inited) {
+          reactData.inited = true;
+        }
+        internalData.showTime = setTimeout(() => {
+          if (panelElem.dataset.active === 'Y') {
+            mouseenterDropdownEvent();
+          } else {
+            reactData.animatVisible = false;
+          }
+        }, 250);
+      }
+      mouseenterEvent(evnt);
+    };
+    const mouseleaveTargetEvent = evnt => {
+      closePanel();
+      mouseleaveEvent(evnt);
+    };
+    const mouseenterEvent = evnt => {
+      emit('mouseenter', {
+        $event: evnt
+      });
+    };
+    const mouseleaveEvent = evnt => {
+      emit('mouseleave', {
+        $event: evnt
+      });
+    };
+    const closePanel = () => {
+      const panelElem = refBtnPanel.value;
+      clearTimeout(internalData.showTime);
+      if (panelElem) {
+        panelElem.dataset.active = 'N';
+        setTimeout(() => {
+          if (panelElem.dataset.active !== 'Y') {
+            reactData.showPanel = false;
+            setTimeout(() => {
+              if (panelElem.dataset.active !== 'Y') {
+                reactData.animatVisible = false;
+              }
+            }, 350);
+          }
+        }, 100);
+      } else {
+        reactData.animatVisible = false;
+        reactData.showPanel = false;
+      }
+    };
+    const mouseleaveDropdownEvent = () => {
+      closePanel();
+    };
+    const renderContent = () => {
+      const {
+        content,
+        icon,
+        loading
+      } = props;
+      const contVNs = [];
+      if (loading) {
+        contVNs.push((0, _vue.h)('i', {
+          class: ['vxe-button--loading-icon', _iconStore.default.BUTTON_LOADING]
+        }));
+      } else if (slots.icon) {
+        contVNs.push((0, _vue.h)('span', {
+          class: 'vxe-button--custom-icon'
+        }, slots.icon({})));
+      } else if (icon) {
+        contVNs.push((0, _vue.h)('i', {
+          class: ['vxe-button--icon', icon]
+        }));
+      }
+      if (slots.default) {
+        contVNs.push((0, _vue.h)('span', {
+          class: 'vxe-button--content'
+        }, slots.default({})));
+      } else if (content) {
+        contVNs.push((0, _vue.h)('span', {
+          class: 'vxe-button--content'
+        }, (0, _utils.getFuncText)(content)));
+      }
+      return contVNs;
+    };
+    buttonMethods = {
+      dispatchEvent(type, params, evnt) {
+        emit(type, Object.assign({
+          $button: $xeButton,
+          $event: evnt
+        }, params));
+      },
+      focus() {
+        const btnElem = refButton.value;
+        btnElem.focus();
+        return (0, _vue.nextTick)();
+      },
+      blur() {
+        const btnElem = refButton.value;
+        btnElem.blur();
+        return (0, _vue.nextTick)();
+      }
+    };
+    Object.assign($xeButton, buttonMethods);
+    (0, _vue.onMounted)(() => {
+      if (process.env.NODE_ENV === 'development') {
+        if (props.type === 'text') {
+          (0, _log.warnLog)('vxe.error.delProp', ['type=text', 'mode=text']);
+        }
+      }
+      _event.GlobalEvent.on($xeButton, 'mousewheel', evnt => {
+        const panelElem = refBtnPanel.value;
+        if (reactData.showPanel && !(0, _dom.getEventTargetNode)(evnt, panelElem).flag) {
+          closePanel();
+        }
+      });
+    });
+    (0, _vue.onUnmounted)(() => {
+      _event.GlobalEvent.off($xeButton, 'mousewheel');
+    });
+    const renderVN = () => {
+      const {
+        className,
+        popupClassName,
+        transfer,
+        title,
+        type,
+        destroyOnClose,
+        name,
+        disabled,
+        loading
+      } = props;
+      const {
+        inited,
+        showPanel
+      } = reactData;
+      const isFormBtn = computeIsFormBtn.value;
+      const btnMode = computeBtnMode.value;
+      const btnStatus = computeBtnStatus.value;
+      const btnRound = computeBtnRound.value;
+      const btnCircle = computeBtnCircle.value;
+      const vSize = computeSize.value;
+      if (slots.dropdowns) {
+        return (0, _vue.h)('div', {
+          ref: refElem,
+          class: ['vxe-button--dropdown', className ? _xeUtils.default.isFunction(className) ? className({
+            $button: $xeButton
+          }) : className : '', {
+            [`size--${vSize}`]: vSize,
+            'is--active': showPanel
+          }]
+        }, [(0, _vue.h)('button', {
+          ref: refButton,
+          class: ['vxe-button', `type--${btnMode}`, {
+            [`size--${vSize}`]: vSize,
+            [`theme--${btnStatus}`]: btnStatus,
+            'is--round': btnRound,
+            'is--circle': btnCircle,
+            'is--disabled': disabled || loading,
+            'is--loading': loading
+          }],
+          title,
+          name,
+          type: isFormBtn ? type : 'button',
+          disabled: disabled || loading,
+          onMouseenter: mouseenterTargetEvent,
+          onMouseleave: mouseleaveTargetEvent,
+          onClick: clickEvent
+        }, renderContent().concat([(0, _vue.h)('i', {
+          class: `vxe-button--dropdown-arrow ${_iconStore.default.BUTTON_DROPDOWN}`
+        })])), (0, _vue.h)(_vue.Teleport, {
+          to: 'body',
+          disabled: transfer ? !inited : true
+        }, [(0, _vue.h)('div', {
+          ref: refBtnPanel,
+          class: ['vxe-button--dropdown-panel', popupClassName ? _xeUtils.default.isFunction(popupClassName) ? popupClassName({
+            $button: $xeButton
+          }) : popupClassName : '', {
+            [`size--${vSize}`]: vSize,
+            'animat--leave': reactData.animatVisible,
+            'animat--enter': showPanel
+          }],
+          placement: reactData.panelPlacement,
+          style: reactData.panelStyle
+        }, inited ? [(0, _vue.h)('div', {
+          class: 'vxe-button--dropdown-wrapper',
+          onMousedown: mousedownDropdownEvent,
+          onClick: clickDropdownEvent,
+          onMouseenter: mouseenterDropdownEvent,
+          onMouseleave: mouseleaveDropdownEvent
+        }, destroyOnClose && !showPanel ? [] : slots.dropdowns({}))] : [])])]);
+      }
+      return (0, _vue.h)('button', {
+        ref: refButton,
+        class: ['vxe-button', `type--${btnMode}`, className ? _xeUtils.default.isFunction(className) ? className({
+          $button: $xeButton
+        }) : className : '', {
+          [`size--${vSize}`]: vSize,
+          [`theme--${btnStatus}`]: btnStatus,
+          'is--round': btnRound,
+          'is--circle': btnCircle,
+          'is--disabled': disabled || loading,
+          'is--loading': loading
+        }],
+        title,
+        name,
+        type: isFormBtn ? type : 'button',
+        disabled: disabled || loading,
+        onClick: clickEvent,
+        onMouseenter: mouseenterEvent,
+        onMouseleave: mouseleaveEvent
+      }, renderContent());
+    };
+    $xeButton.renderVN = renderVN;
+    return $xeButton;
+  },
+  render() {
+    return this.renderVN();
+  }
+});

package/lib/button/src/button.min.js

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

package/lib/button/style/index.js

@@ -0,0 +1 @@
+require('./style.css')