vxe-pc-ui 0.0.2 → 0.2.0

package/lib/{anchor-link → anchor}/src/anchor-link.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")),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeAnchorLink",props:{content:[String,Number],title:[String,Number],href:String},emits:[],setup(l,e){const a=e["slots"];var t=_xeUtils.default.uniqueId();const o=(0,_vue.ref)();var r=(0,_vue.reactive)({});const n=(0,_vue.reactive)({id:t,href:l.href,children:[]}),u=(0,_vue.inject)("$xeAnchor",null),i=(0,_vue.inject)("$xeAnchorLink",null),v={refElem:o},s=(0,_vue.computed)(()=>{var e=l["href"];return u?u.reactData.activeHref===e:null}),c={};t={xID:t,props:l,context:e,reactData:r,linkConfig:n,getRefMaps:()=>v,getComputeMaps:()=>c};const _=e=>{var t=l["href"];u&&u.handleClickLink(e,t)};(0,_vue.watch)(()=>l.href,e=>{n.href=e}),(0,_vue.onMounted)(()=>{u&&o.value&&(0,_util.assemAnchorLink)(u,o.value,n,i)}),(0,_vue.onUnmounted)(()=>{u&&(0,_util.destroyAnchorLink)(u,n)});return t.renderVN=()=>{var{href:e,content:t,title:r}=l,n=a.default,u=a.sub,i=s.value;return(0,_vue.h)("div",{ref:o,class:["vxe-anchor-link",{"is--active":i}]},[(0,_vue.h)("a",{class:"vxe-anchor-link--item",href:e,title:r,onClick:_},n?n({}):_xeUtils.default.toValueString(t)),u?(0,_vue.h)("div",{class:"vxe-anchor-link--sub-items"},u({})):(0,_vue.createCommentVNode)()])},(0,_vue.provide)("$xeAnchorLink",t),t},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeAnchorLink",props:{content:[String,Number],title:[String,Number],href:String},emits:[],setup(l,e){const a=e["slots"];var t=_xeUtils.default.uniqueId();const o=(0,_vue.ref)();var r=(0,_vue.reactive)({});const n=(0,_vue.reactive)({id:t,href:l.href,children:[]}),u=(0,_vue.inject)("$xeAnchor",null),i=(0,_vue.inject)("$xeAnchorLink",null),v={refElem:o},s=(0,_vue.computed)(()=>{var e=l["href"];return u?u.reactData.activeHref===e:null}),c={};t={xID:t,props:l,context:e,reactData:r,linkConfig:n,getRefMaps:()=>v,getComputeMaps:()=>c};const _=e=>{var t=l["href"];u&&u.handleClickLink(e,t)};(0,_vue.watch)(()=>l.href,e=>{n.href=e}),(0,_vue.onMounted)(()=>{u&&o.value&&(0,_util.assembleAnchorLink)(u,o.value,n,i)}),(0,_vue.onUnmounted)(()=>{u&&(0,_util.destroyAnchorLink)(u,n)});return t.renderVN=()=>{var{href:e,content:t,title:r}=l,n=a.default,u=a.sub,i=s.value;return(0,_vue.h)("div",{ref:o,class:["vxe-anchor-link",{"is--active":i}]},[(0,_vue.h)("a",{class:"vxe-anchor-link--item",href:e,title:r,onClick:_},n?n({}):_xeUtils.default.toValueString(t)),u?(0,_vue.h)("div",{class:"vxe-anchor-link--sub-items"},u({})):(0,_vue.createCommentVNode)()])},(0,_vue.provide)("$xeAnchorLink",t),t},render(){return this.renderVN()}});

package/lib/anchor/src/anchor.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _vue = require("vue");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _dom = require("../../ui/src/dom");
-var _anchorLink = _interopRequireDefault(require("../../anchor-link/src/anchor-link"));
+var _anchorLink = _interopRequireDefault(require("./anchor-link"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = exports.default = (0, _vue.defineComponent)({
   name: 'VxeAnchor',

package/lib/anchor/src/anchor.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")),_dom=require("../../ui/src/dom"),_anchorLink=_interopRequireDefault(require("../../anchor-link/src/anchor-link"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeAnchor",props:{modelValue:String,options:Array,container:[String,Object,Function],showMarker:{type:Boolean,default:!0}},emits:["update:modelValue","change","click"],setup(n,e){const{slots:i,emit:u}=e;var t=_xeUtils.default.uniqueId();const a=(0,_vue.ref)(),o=(0,_vue.ref)(),l=(0,_vue.reactive)({activeHref:null,staticLinks:[]}),r={refElem:a},c=(0,_vue.computed)(()=>{const t=[];return _xeUtils.default.eachTree(l.staticLinks,e=>{t.push(e.href)},{children:"children"}),t}),s={};let v=null;const d={xID:t,props:n,context:e,reactData:l,getRefMaps:()=>r,getComputeMaps:()=>s},f={dispatchEvent(e,t,r){u(e,Object.assign({$xeAnchor:d,$event:r},t))}},h=()=>{var e=c.value;if(v){var t=v.querySelectorAll(e.map(e=>""+e).join(","));for(let e=0;e<t.length;e++){var r=t[e];if(0<r.getBoundingClientRect().top){r=r.id;l.activeHref="#"+r;break}}}},_=()=>{v&&v.removeEventListener("scroll",h)},p=()=>{(v=(()=>{var e=n["container"];if(e){if(_xeUtils.default.isElement(e))return e;if(_xeUtils.default.isString(e))return document.querySelector(e);if(_xeUtils.default.isFunction(e))return e({$xeAnchor:d})}return null})())&&v.addEventListener("scroll",h,{passive:!1})},m=(Object.assign(d,f,{handleClickLink(e,t){e.preventDefault();var r=document.getElementById((""+t).replace("#",""));r&&r.scrollIntoView({behavior:"smooth"}),r=t,l.activeHref=r,u("update:modelValue",r),f.dispatchEvent("click",{href:t},e)}}),(0,_vue.watch)(()=>n.modelValue,e=>{l.activeHref=e}),(0,_vue.watch)(()=>l.activeHref,()=>{(0,_vue.nextTick)(()=>{var e=l["activeHref"],t=a.value,r=o.value;t&&r&&e&&(e=t.querySelector(`[href="${e}"]`))&&(e=(0,_dom.getOffsetPos)(e,t)["top"],r.style.top=e+"px")})}),(0,_vue.watch)(()=>n.container,()=>{_(),p()}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{p()})}),(0,_vue.onBeforeUnmount)(()=>{_()}),e=>{const r=[];return e&&e.forEach(e=>{const t=e.children;t&&t.length?r.push((0,_vue.h)(_anchorLink.default,{content:e.content,title:e.title,href:e.href},{sub:()=>m(t)})):r.push((0,_vue.h)(_anchorLink.default,{content:e.content,title:e.title,href:e.href}))}),r});return d.renderVN=()=>{var{options:e,showMarker:t}=n,r=i.default;return(0,_vue.h)("div",{ref:a,class:["vxe-anchor",{"is--marker":t}]},[(0,_vue.h)("div",{class:"vxe-anchor--list"},r?r({}):m(e)),t?(0,_vue.h)("div",{ref:o,class:"vxe-anchor--marker"}):(0,_vue.createCommentVNode)()])},(0,_vue.provide)("$xeAnchor",d),d},render(){return this.renderVN()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_dom=require("../../ui/src/dom"),_anchorLink=_interopRequireDefault(require("./anchor-link"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeAnchor",props:{modelValue:String,options:Array,container:[String,Object,Function],showMarker:{type:Boolean,default:!0}},emits:["update:modelValue","change","click"],setup(n,e){const{slots:i,emit:u}=e;var t=_xeUtils.default.uniqueId();const a=(0,_vue.ref)(),o=(0,_vue.ref)(),l=(0,_vue.reactive)({activeHref:null,staticLinks:[]}),r={refElem:a},c=(0,_vue.computed)(()=>{const t=[];return _xeUtils.default.eachTree(l.staticLinks,e=>{t.push(e.href)},{children:"children"}),t}),s={};let v=null;const d={xID:t,props:n,context:e,reactData:l,getRefMaps:()=>r,getComputeMaps:()=>s},f={dispatchEvent(e,t,r){u(e,Object.assign({$xeAnchor:d,$event:r},t))}},h=()=>{var e=c.value;if(v){var t=v.querySelectorAll(e.map(e=>""+e).join(","));for(let e=0;e<t.length;e++){var r=t[e];if(0<r.getBoundingClientRect().top){r=r.id;l.activeHref="#"+r;break}}}},_=()=>{v&&v.removeEventListener("scroll",h)},p=()=>{(v=(()=>{var e=n["container"];if(e){if(_xeUtils.default.isElement(e))return e;if(_xeUtils.default.isString(e))return document.querySelector(e);if(_xeUtils.default.isFunction(e))return e({$xeAnchor:d})}return null})())&&v.addEventListener("scroll",h,{passive:!1})},m=(Object.assign(d,f,{handleClickLink(e,t){e.preventDefault();var r=document.getElementById((""+t).replace("#",""));r&&r.scrollIntoView({behavior:"smooth"}),r=t,l.activeHref=r,u("update:modelValue",r),f.dispatchEvent("click",{href:t},e)}}),(0,_vue.watch)(()=>n.modelValue,e=>{l.activeHref=e}),(0,_vue.watch)(()=>l.activeHref,()=>{(0,_vue.nextTick)(()=>{var e=l["activeHref"],t=a.value,r=o.value;t&&r&&e&&(e=t.querySelector(`[href="${e}"]`))&&(e=(0,_dom.getOffsetPos)(e,t)["top"],r.style.top=e+"px")})}),(0,_vue.watch)(()=>n.container,()=>{_(),p()}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{p()})}),(0,_vue.onBeforeUnmount)(()=>{_()}),e=>{const r=[];return e&&e.forEach(e=>{const t=e.children;t&&t.length?r.push((0,_vue.h)(_anchorLink.default,{content:e.content,title:e.title,href:e.href},{sub:()=>m(t)})):r.push((0,_vue.h)(_anchorLink.default,{content:e.content,title:e.title,href:e.href}))}),r});return d.renderVN=()=>{var{options:e,showMarker:t}=n,r=i.default;return(0,_vue.h)("div",{ref:a,class:["vxe-anchor",{"is--marker":t}]},[(0,_vue.h)("div",{class:"vxe-anchor--list"},r?r({}):m(e)),t?(0,_vue.h)("div",{ref:o,class:"vxe-anchor--marker"}):(0,_vue.createCommentVNode)()])},(0,_vue.provide)("$xeAnchor",d),d},render(){return this.renderVN()}});

package/lib/{anchor-link → anchor}/src/util.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.assemAnchorLink = assemAnchorLink;
+exports.assembleAnchorLink = assembleAnchorLink;
 exports.destroyAnchorLink = destroyAnchorLink;
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function assemAnchorLink($xeAnchor, elem, linkConfig, $xeParentAnchorLink) {
+function assembleAnchorLink($xeAnchor, elem, linkConfig, $xeParentAnchorLink) {
   const staticLinks = $xeAnchor.reactData.staticLinks;
   const parentElem = elem.parentNode;
   const parentLinkConfig = $xeParentAnchorLink ? $xeParentAnchorLink.linkConfig : null;

package/lib/anchor/src/util.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.assembleAnchorLink=assembleAnchorLink,exports.destroyAnchorLink=destroyAnchorLink;var _xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function assembleAnchorLink(e,i,t,r){var n=e.reactData.staticLinks,s=i.parentNode,r=r?r.linkConfig:null,r=r?r.children:n;s&&r&&(r.splice(_xeUtils.default.arrayIndexOf(s.children,i),0,t),e.reactData.staticLinks=n.slice(0))}function destroyAnchorLink(e,i){var t=e.reactData.staticLinks,r=_xeUtils.default.findTree(t,e=>e.id===i.id,{children:"children"});r&&r.items.splice(r.index,1),e.reactData.staticLinks=t.slice(0)}

package/lib/anchor-link/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AnchorLink = void 0;
-var _anchorLink = _interopRequireDefault(require("./src/anchor-link"));
+var _anchorLink = _interopRequireDefault(require("../anchor/src/anchor-link"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const VxeAnchorLink = Object.assign({}, _anchorLink.default, {
   install(app) {

package/lib/anchor-link/index.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.AnchorLink=void 0;var _anchorLink=_interopRequireDefault(require("./src/anchor-link"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const VxeAnchorLink=Object.assign({},_anchorLink.default,{install(e){e.component(_anchorLink.default.name,_anchorLink.default)}}),AnchorLink=exports.AnchorLink=VxeAnchorLink;var _default=exports.default=VxeAnchorLink;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.AnchorLink=void 0;var _anchorLink=_interopRequireDefault(require("../anchor/src/anchor-link"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const VxeAnchorLink=Object.assign({},_anchorLink.default,{install(e){e.component(_anchorLink.default.name,_anchorLink.default)}}),AnchorLink=exports.AnchorLink=VxeAnchorLink;var _default=exports.default=VxeAnchorLink;

package/lib/{button-group → button}/src/button-group.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _vue = require("vue");
-var _globalStore = _interopRequireDefault(require("../../ui/src/globalStore"));
+var _core = require("../../ui/src/core");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _button = _interopRequireDefault(require("../../button/src/button"));
 var _size = require("../../hooks/size");
@@ -22,7 +22,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
     disabled: Boolean,
     size: {
       type: String,
-      default: () => _globalStore.default.buttonGroup.size || _globalStore.default.size
+      default: () => (0, _core.getConfig)('buttonGroup.size') || (0, _core.getConfig)('size')
     }
   },
   emits: ['click'],

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_core=require("../../ui/src/core"),_xeUtils=_interopRequireDefault(require("xe-utils")),_button=_interopRequireDefault(require("../../button/src/button")),_size=require("../../hooks/size");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeButtonGroup",props:{options:Array,mode:String,status:String,round:Boolean,circle:Boolean,className:[String,Function],disabled:Boolean,size:{type:String,default:()=>(0,_core.getConfig)("buttonGroup.size")||(0,_core.getConfig)("size")}},emits:["click"],setup(r,e){const{slots:u,emit:n}=e;var t=_xeUtils.default.uniqueId();const o={},i={xID:t,props:r,context:e,getComputeMaps:()=>o},s=((0,_size.useSize)(r),{dispatchEvent(e,t,o){n(e,Object.assign({$buttonGroup:i,$event:o},t))}});Object.assign(i,s,{handleClick(e,t){var o=r["options"];const u=e["name"];o=o?o.find(e=>e.name===u):null;s.dispatchEvent("click",{...e,option:o},t)}});t=()=>{var{className:e,options:t}=r,o=u.default;return(0,_vue.h)("div",{class:["vxe-button-group",e?_xeUtils.default.isFunction(e)?e({$buttonGroup:i}):e:""]},o?o({}):t?t.map((e,t)=>(0,_vue.h)(_button.default,{key:t,...e})):[])};return i.renderVN=t,(0,_vue.provide)("$xeButtonGroup",i),t}});

package/lib/button/src/button.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _vue = require("vue");
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
-var _globalStore = _interopRequireDefault(require("../../ui/src/globalStore"));
+var _core = require("../../ui/src/core");
 var _iconStore = _interopRequireDefault(require("../../ui/src/iconStore"));
 var _size = require("../../hooks/size");
 var _dom = require("../../ui/src/dom");
@@ -29,7 +29,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
      */
     size: {
       type: String,
-      default: () => _globalStore.default.button.size || _globalStore.default.size
+      default: () => (0, _core.getConfig)('button.size') || (0, _core.getConfig)('size')
     },
     /**
      * 用来标识这一项
@@ -80,7 +80,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
      */
     transfer: {
       type: Boolean,
-      default: () => _globalStore.default.button.transfer
+      default: () => (0, _core.getConfig)('button.transfer')
     }
   },
   emits: ['click', 'mouseenter', 'mouseleave', 'dropdown-click'],

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")),_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()}});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_core=require("../../ui/src/core"),_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:()=>(0,_core.getConfig)("button.size")||(0,_core.getConfig)("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:()=>(0,_core.getConfig)("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)(),T=(0,_vue.ref)(),y=(0,_vue.ref)(),a={refElem:w},S={xID:t,props:f,context:e,reactData:h,internalData:n,getRefMaps:()=>a},i=(0,_vue.inject)("$xeButtonGroup",null);let s={};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"}),k=(0,_vue.computed)(()=>{var e=f["status"];return e||(i?i.props.status:"")}),q=(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}),u=()=>{h.panelIndex<(0,_utils.getLastZIndex)()&&(h.panelIndex=(0,_utils.nextZIndex)())},r=()=>(0,_vue.nextTick)().then(()=>{var{transfer:e,placement:o}=f,a=h["panelIndex"],i=T.value,s=y.value;if(s&&i){var u=i.offsetHeight,r=i.offsetWidth,l=s.offsetHeight,s=s.offsetWidth,a={zIndex:a},{top:i,left:d,boundingTop:c,visibleHeight:v,visibleWidth:p}=(0,_dom.getAbsolutePos)(i);let n="bottom";if(e){let e=d+r-s,t=i+u;"top"===o?(n="top",t=i-l):o||(v<c+u+l+5&&(n="top",t=i-l),t<5&&(n="bottom",t=i+u)),e+s+5>p&&(e-=e+s+5-p),e<5&&(e=5),Object.assign(a,{left:e+"px",right:"auto",top:t+"px",minWidth:r+"px"})}else"top"===o?(n="top",a.bottom=u+"px"):o||v<c+u+l&&5<c-u-l&&(n="top",a.bottom=u+"px");return h.panelStyle=a,h.panelPlacement=n,(0,_vue.nextTick)()}}),z=e=>{i?i.handleClick({name:f.name},e):s.dispatchEvent("click",{$event:e},e)},C=e=>{0===e.button&&e.stopPropagation()},E=e=>{var t=e.currentTarget;const n=y.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),s.dispatchEvent("dropdown-click",{name:o.getAttribute("name"),$event:e},e))},M=()=>{const e=y.value;e&&(e.dataset.active="Y",h.animatVisible=!0,setTimeout(()=>{"Y"===e.dataset.active&&(h.showPanel=!0,u(),r(),setTimeout(()=>{h.showPanel&&r()},50))},20))},V=e=>{const t=y.value;t&&(t.dataset.active="Y",h.inited||(h.inited=!0),n.showTime=setTimeout(()=>{"Y"===t.dataset.active?M():h.animatVisible=!1},250)),D(e)},B=e=>{l(),I(e)},D=e=>{o("mouseenter",{$event:e})},I=e=>{o("mouseleave",{$event:e})},l=()=>{const e=y.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)},$=()=>{l()},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};s={dispatchEvent(e,t,n){o(e,Object.assign({$button:S,$event:n},t))},focus(){return T.value.focus(),(0,_vue.nextTick)()},blur(){return T.value.blur(),(0,_vue.nextTick)()}},Object.assign(S,s),(0,_vue.onMounted)(()=>{"development"===process.env.NODE_ENV&&"text"===f.type&&(0,_log.warnLog)("vxe.error.delProp",["type=text","mode=text"]),_event.GlobalEvent.on(S,"mousewheel",e=>{var t=y.value;h.showPanel&&!(0,_dom.getEventTargetNode)(e,t).flag&&l()})}),(0,_vue.onUnmounted)(()=>{_event.GlobalEvent.off(S,"mousewheel")});return S.renderVN=()=>{var{className:e,popupClassName:t,transfer:n,title:o,type:a,destroyOnClose:i,name:s,disabled:u,loading:r}=f,{inited:l,showPanel:d}=h,c=N.value,v=P.value,p=k.value,m=q.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:S}):e:"",{["size--"+b]:b,"is--active":d}]},[(0,_vue.h)("button",{ref:T,class:["vxe-button","type--"+v,{["size--"+b]:b,["theme--"+p]:p,"is--round":m,"is--circle":_,"is--disabled":u||r,"is--loading":r}],title:o,name:s,type:c?a:"button",disabled:u||r,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||!l},[(0,_vue.h)("div",{ref:y,class:["vxe-button--dropdown-panel",t?_xeUtils.default.isFunction(t)?t({$button:S}):t:"",{["size--"+b]:b,"animat--leave":h.animatVisible,"animat--enter":d}],placement:h.panelPlacement,style:h.panelStyle},l?[(0,_vue.h)("div",{class:"vxe-button--dropdown-wrapper",onMousedown:C,onClick:E,onMouseenter:M,onMouseleave:$},i&&!d?[]:x.dropdowns({}))]:[])])]):(0,_vue.h)("button",{ref:T,class:["vxe-button","type--"+v,e?_xeUtils.default.isFunction(e)?e({$button:S}):e:"",{["size--"+b]:b,["theme--"+p]:p,"is--round":m,"is--circle":_,"is--disabled":u||r,"is--loading":r}],title:o,name:s,type:c?a:"button",disabled:u||r,onClick:z,onMouseenter:D,onMouseleave:I},U())},S},render(){return this.renderVN()}});

package/lib/button/style/style.css

@@ -52,19 +52,19 @@
   color: var(--vxe-ui-font-darken-color);
 }
 .vxe-button.type--text:not(.is--disabled):hover {
-  color: var(--vxe-ui-status-primary-lighten-color);
+  color: var(--vxe-ui-font-primary-lighten-color);
 }
 .vxe-button.type--text.theme--primary {
   color: var(--vxe-ui-font-primary-color);
 }
 .vxe-button.type--text.theme--primary:not(.is--disabled):focus {
-  color: var(--vxe-ui-status-primary-darken-color);
+  color: var(--vxe-ui-font-primary-darken-color);
 }
 .vxe-button.type--text.theme--primary:not(.is--disabled):hover {
-  color: var(--vxe-ui-status-primary-lighten-color);
+  color: var(--vxe-ui-font-primary-lighten-color);
 }
 .vxe-button.type--text.theme--primary.is--disabled {
-  color: var(--vxe-ui-status-primary-disabled-color);
+  color: var(--vxe-ui-font-primary-disabled-color);
 }
 .vxe-button.type--text.theme--success {
   color: var(--vxe-ui-status-success-color);
@@ -147,14 +147,14 @@
   padding: 0 1em;
 }
 .vxe-button.type--button:not(.is--disabled):hover {
-  color: var(--vxe-ui-status-primary-lighten-color);
+  color: var(--vxe-ui-font-primary-lighten-color);
 }
 .vxe-button.type--button:not(.is--disabled):focus {
   border-color: var(--vxe-ui-font-primary-color);
 }
 .vxe-button.type--button:not(.is--disabled):active {
-  color: var(--vxe-ui-status-primary-darken-color);
-  border-color: var(--vxe-ui-status-primary-darken-color);
+  color: var(--vxe-ui-font-primary-darken-color);
+  border-color: var(--vxe-ui-font-primary-darken-color);
   background-color: var(--vxe-ui-button-default-background-color);
 }
 .vxe-button.type--button.theme--primary {
@@ -166,17 +166,17 @@
 }
 .vxe-button.type--button.theme--primary:not(.is--disabled):hover {
   color: #fff;
-  background-color: var(--vxe-ui-status-primary-lighten-color);
-  border-color: var(--vxe-ui-status-primary-lighten-color);
+  background-color: var(--vxe-ui-font-primary-lighten-color);
+  border-color: var(--vxe-ui-font-primary-lighten-color);
 }
 .vxe-button.type--button.theme--primary:not(.is--disabled):active {
   color: #fff;
-  background-color: var(--vxe-ui-status-primary-darken-color);
-  border-color: var(--vxe-ui-status-primary-darken-color);
+  background-color: var(--vxe-ui-font-primary-darken-color);
+  border-color: var(--vxe-ui-font-primary-darken-color);
 }
 .vxe-button.type--button.theme--primary.is--disabled {
-  border-color: var(--vxe-ui-status-primary-disabled-color);
-  background-color: var(--vxe-ui-status-primary-disabled-color);
+  border-color: var(--vxe-ui-font-primary-disabled-color);
+  background-color: var(--vxe-ui-font-primary-disabled-color);
 }
 .vxe-button.type--button.theme--primary.is--loading {
   border-color: var(--vxe-ui-font-primary-color);
@@ -405,10 +405,10 @@
   color: var(--vxe-ui-font-color);
 }
 .vxe-button--dropdown.is--active > .vxe-button:not(.is--disabled) {
-  color: var(--vxe-ui-status-primary-lighten-color);
+  color: var(--vxe-ui-font-primary-lighten-color);
 }
 .vxe-button--dropdown.is--active > .vxe-button.type--text.theme--primary {
-  color: var(--vxe-ui-status-primary-lighten-color);
+  color: var(--vxe-ui-font-primary-lighten-color);
 }
 .vxe-button--dropdown.is--active > .vxe-button.type--text.theme--success {
   color: var(--vxe-ui-status-success-lighten-color);
@@ -427,8 +427,8 @@
 }
 .vxe-button--dropdown.is--active > .vxe-button.type--button.theme--primary {
   color: #fff;
-  background-color: var(--vxe-ui-status-primary-lighten-color);
-  border-color: var(--vxe-ui-status-primary-lighten-color);
+  background-color: var(--vxe-ui-font-primary-lighten-color);
+  border-color: var(--vxe-ui-font-primary-lighten-color);
 }
 .vxe-button--dropdown.is--active > .vxe-button.type--button.theme--success {
   color: #fff;

package/lib/button/style/style.min.css

@@ -1 +1 @@
-.vxe-button{position:relative;text-align:center;background-color:var(--vxe-ui-button-default-background-color);outline:0;font-size:var(--vxe-ui-font-size);max-width:var(--vxe-ui-button-max-width);line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border .2s ease-in-out}.vxe-button:not(.is--disabled){color:var(--vxe-ui-font-color);cursor:pointer}.vxe-button.is--loading{cursor:progress}.vxe-button.is--loading:before{content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:hsla(0,0%,100%,.35);pointer-events:none}.vxe-button.is--disabled{color:var(--vxe-ui-font-disabled-color)}.vxe-button.is--disabled:not(.is--loading){cursor:no-drop}.vxe-button.type--text{text-decoration:none;border:0;padding:.1em .5em;background-color:transparent}.vxe-button.type--text:not(.is--disabled):focus{color:var(--vxe-ui-font-darken-color)}.vxe-button.type--text:not(.is--disabled):hover{color:var(--vxe-ui-status-primary-lighten-color)}.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):focus{color:var(--vxe-ui-status-primary-darken-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):hover{color:var(--vxe-ui-status-primary-lighten-color)}.vxe-button.type--text.theme--primary.is--disabled{color:var(--vxe-ui-status-primary-disabled-color)}.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-color)}.vxe-button.type--text.theme--success:not(.is--disabled):focus{color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--text.theme--success:not(.is--disabled):hover{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--text.theme--success.is--disabled{color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-color)}.vxe-button.type--text.theme--info:not(.is--disabled):focus{color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--text.theme--info:not(.is--disabled):hover{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--text.theme--info.is--disabled{color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):focus{color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):hover{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--text.theme--warning.is--disabled{color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):focus{color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):hover{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--text.theme--danger.is--disabled{color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):focus{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect.is--disabled{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button{font-family:inherit;height:var(--vxe-ui-button-height-default);line-height:1;border:1px solid var(--vxe-ui-input-border-color)}.vxe-button.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-default)}.vxe-button.type--button:not(.is--round){border-radius:var(--vxe-ui-border-radius)}.vxe-button.type--button.is--circle{padding:0 .5em;min-width:var(--vxe-ui-button-height-default);border-radius:50%}.vxe-button.type--button:not(.is--circle){padding:0 1em}.vxe-button.type--button:not(.is--disabled):hover{color:var(--vxe-ui-status-primary-lighten-color)}.vxe-button.type--button:not(.is--disabled):focus{border-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button:not(.is--disabled):active{color:var(--vxe-ui-status-primary-darken-color);border-color:var(--vxe-ui-status-primary-darken-color);background-color:var(--vxe-ui-button-default-background-color)}.vxe-button.type--button.theme--primary{color:#fff}.vxe-button.type--button.theme--primary:not(.is--disabled){border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-primary-lighten-color);border-color:var(--vxe-ui-status-primary-lighten-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-primary-darken-color);border-color:var(--vxe-ui-status-primary-darken-color)}.vxe-button.type--button.theme--primary.is--disabled{border-color:var(--vxe-ui-status-primary-disabled-color);background-color:var(--vxe-ui-status-primary-disabled-color)}.vxe-button.type--button.theme--primary.is--loading{border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--success{color:#fff}.vxe-button.type--button.theme--success:not(.is--disabled){border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--success:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--button.theme--success:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-success-darken-color);border-color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--button.theme--success.is--disabled{border-color:var(--vxe-ui-status-success-disabled-color);background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--button.theme--success.is--loading{border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--info{color:#fff}.vxe-button.type--button.theme--info:not(.is--disabled){border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--info:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--button.theme--info:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-info-darken-color);border-color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--button.theme--info.is--disabled{border-color:var(--vxe-ui-status-info-disabled-color);background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--button.theme--info.is--loading{border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--warning{color:#fff}.vxe-button.type--button.theme--warning:not(.is--disabled){border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-warning-darken-color);border-color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--button.theme--warning.is--disabled{border-color:var(--vxe-ui-status-warning-disabled-color);background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--button.theme--warning.is--loading{border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--danger{color:#fff}.vxe-button.type--button.theme--danger:not(.is--disabled){border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-danger-darken-color);border-color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--button.theme--danger.is--disabled{border-color:var(--vxe-ui-status-danger-disabled-color);background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--button.theme--danger.is--loading{border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled){border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):active{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--disabled{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--loading{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-button.size--medium.type--button{height:var(--vxe-ui-button-height-medium)}.vxe-button.size--medium.type--button.is--circle{min-width:var(--vxe-ui-button-height-medium)}.vxe-button.size--medium.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-medium)}.vxe-button.size--medium .vxe-button--icon,.vxe-button.size--medium .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-medium)}.vxe-button.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-button.size--small.type--button{height:var(--vxe-ui-button-height-small)}.vxe-button.size--small.type--button.is--circle{min-width:var(--vxe-ui-button-height-small)}.vxe-button.size--small.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-small)}.vxe-button.size--small .vxe-button--icon,.vxe-button.size--small .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-small)}.vxe-button.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-button.size--mini.type--button{height:var(--vxe-ui-button-height-mini)}.vxe-button.size--mini.type--button.is--circle{min-width:var(--vxe-ui-button-height-mini)}.vxe-button.size--mini.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-mini)}.vxe-button.size--mini .vxe-button--icon,.vxe-button.size--mini .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-mini)}.vxe-button+.vxe-button--dropdown,.vxe-button+.vxe-button-wrapper,.vxe-button+.vxe-button.type--button,.vxe-button-wrapper+.vxe-button--dropdown,.vxe-button-wrapper+.vxe-button-wrapper,.vxe-button-wrapper+.vxe-button.type--button,.vxe-input+.vxe-button--dropdown,.vxe-input+.vxe-button-wrapper,.vxe-input+.vxe-button.type--button{margin-left:12px}.vxe-button--icon,.vxe-button--loading-icon{min-width:var(--vxe-ui-font-size)}.vxe-button--icon+.vxe-button--content,.vxe-button--loading-icon+.vxe-button--content{margin-left:4px}.vxe-button--dropdown,.vxe-button--wrapper{display:inline-block}.vxe-button--dropdown{position:relative}.vxe-button--dropdown+.vxe-button--dropdown,.vxe-button--dropdown+.vxe-button-wrapper,.vxe-button--dropdown+.vxe-button.type--button{margin-left:12px}.vxe-button--dropdown>.vxe-button.type--button.theme--primary{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--success{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--info{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--warning{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--danger{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button--dropdown.is--active>.vxe-button:not(.is--disabled){color:var(--vxe-ui-status-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--primary{color:var(--vxe-ui-status-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--primary{color:#fff;background-color:var(--vxe-ui-status-primary-lighten-color);border-color:var(--vxe-ui-status-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--success{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--info{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--warning{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--danger{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button--dropdown.is--active .vxe-button--dropdown-arrow{transform:rotate(180deg)}.vxe-button--dropdown-arrow{display:inline-block;font-size:12px;margin-left:4px;transition:transform .2s ease-in-out}.vxe-button--dropdown-panel{display:none;position:absolute;right:0;padding:4px 0}.vxe-button--dropdown-panel.animat--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-button--dropdown-panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-button--dropdown-panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-button--dropdown-wrapper{padding:5px;background-color:var(--vxe-ui-button-dropdown-panel-background-color);border-radius:var(--vxe-ui-border-radius);border:1px solid var(--vxe-ui-input-border-color);box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-button--dropdown-wrapper>.vxe-button.type--button,.vxe-button--dropdown-wrapper>.vxe-button.type--text{display:block;width:100%;border:0;margin:.4em 0 0 0}.vxe-button--dropdown-wrapper>.vxe-button.type--text{padding:2px 8px}.vxe-button--dropdown-wrapper>.vxe-button:first-child{margin-top:0}.vxe-button--dropdown-wrapper>.vxe-button:last-child{margin-bottom:0}
+.vxe-button{position:relative;text-align:center;background-color:var(--vxe-ui-button-default-background-color);outline:0;font-size:var(--vxe-ui-font-size);max-width:var(--vxe-ui-button-max-width);line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border .2s ease-in-out}.vxe-button:not(.is--disabled){color:var(--vxe-ui-font-color);cursor:pointer}.vxe-button.is--loading{cursor:progress}.vxe-button.is--loading:before{content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:hsla(0,0%,100%,.35);pointer-events:none}.vxe-button.is--disabled{color:var(--vxe-ui-font-disabled-color)}.vxe-button.is--disabled:not(.is--loading){cursor:no-drop}.vxe-button.type--text{text-decoration:none;border:0;padding:.1em .5em;background-color:transparent}.vxe-button.type--text:not(.is--disabled):focus{color:var(--vxe-ui-font-darken-color)}.vxe-button.type--text:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):focus{color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--text.theme--primary:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--text.theme--primary.is--disabled{color:var(--vxe-ui-font-primary-disabled-color)}.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-color)}.vxe-button.type--text.theme--success:not(.is--disabled):focus{color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--text.theme--success:not(.is--disabled):hover{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--text.theme--success.is--disabled{color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-color)}.vxe-button.type--text.theme--info:not(.is--disabled):focus{color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--text.theme--info:not(.is--disabled):hover{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--text.theme--info.is--disabled{color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):focus{color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--text.theme--warning:not(.is--disabled):hover{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--text.theme--warning.is--disabled{color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):focus{color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--text.theme--danger:not(.is--disabled):hover{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--text.theme--danger.is--disabled{color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):focus{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--text.theme--perfect.is--disabled{color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button{font-family:inherit;height:var(--vxe-ui-button-height-default);line-height:1;border:1px solid var(--vxe-ui-input-border-color)}.vxe-button.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-default)}.vxe-button.type--button:not(.is--round){border-radius:var(--vxe-ui-border-radius)}.vxe-button.type--button.is--circle{padding:0 .5em;min-width:var(--vxe-ui-button-height-default);border-radius:50%}.vxe-button.type--button:not(.is--circle){padding:0 1em}.vxe-button.type--button:not(.is--disabled):hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button:not(.is--disabled):focus{border-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button:not(.is--disabled):active{color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color);background-color:var(--vxe-ui-button-default-background-color)}.vxe-button.type--button.theme--primary{color:#fff}.vxe-button.type--button.theme--primary:not(.is--disabled){border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button.type--button.theme--primary:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-button.type--button.theme--primary.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-button.type--button.theme--primary.is--loading{border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-button.type--button.theme--success{color:#fff}.vxe-button.type--button.theme--success:not(.is--disabled){border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--success:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button.type--button.theme--success:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-success-darken-color);border-color:var(--vxe-ui-status-success-darken-color)}.vxe-button.type--button.theme--success.is--disabled{border-color:var(--vxe-ui-status-success-disabled-color);background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-button.type--button.theme--success.is--loading{border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-button.type--button.theme--info{color:#fff}.vxe-button.type--button.theme--info:not(.is--disabled){border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--info:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button.type--button.theme--info:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-info-darken-color);border-color:var(--vxe-ui-status-info-darken-color)}.vxe-button.type--button.theme--info.is--disabled{border-color:var(--vxe-ui-status-info-disabled-color);background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-button.type--button.theme--info.is--loading{border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-button.type--button.theme--warning{color:#fff}.vxe-button.type--button.theme--warning:not(.is--disabled){border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button.type--button.theme--warning:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-warning-darken-color);border-color:var(--vxe-ui-status-warning-darken-color)}.vxe-button.type--button.theme--warning.is--disabled{border-color:var(--vxe-ui-status-warning-disabled-color);background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-button.type--button.theme--warning.is--loading{border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-button.type--button.theme--danger{color:#fff}.vxe-button.type--button.theme--danger:not(.is--disabled){border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button.type--button.theme--danger:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-danger-darken-color);border-color:var(--vxe-ui-status-danger-darken-color)}.vxe-button.type--button.theme--danger.is--disabled{border-color:var(--vxe-ui-status-danger-disabled-color);background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-button.type--button.theme--danger.is--loading{border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled){border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):hover{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect:not(.is--disabled):active{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--disabled{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.type--button.theme--perfect.is--loading{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-button.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-button.size--medium.type--button{height:var(--vxe-ui-button-height-medium)}.vxe-button.size--medium.type--button.is--circle{min-width:var(--vxe-ui-button-height-medium)}.vxe-button.size--medium.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-medium)}.vxe-button.size--medium .vxe-button--icon,.vxe-button.size--medium .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-medium)}.vxe-button.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-button.size--small.type--button{height:var(--vxe-ui-button-height-small)}.vxe-button.size--small.type--button.is--circle{min-width:var(--vxe-ui-button-height-small)}.vxe-button.size--small.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-small)}.vxe-button.size--small .vxe-button--icon,.vxe-button.size--small .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-small)}.vxe-button.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-button.size--mini.type--button{height:var(--vxe-ui-button-height-mini)}.vxe-button.size--mini.type--button.is--circle{min-width:var(--vxe-ui-button-height-mini)}.vxe-button.size--mini.type--button.is--round{border-radius:var(--vxe-ui-button-round-border-radius-mini)}.vxe-button.size--mini .vxe-button--icon,.vxe-button.size--mini .vxe-button--loading-icon{min-width:var(--vxe-ui-font-size-mini)}.vxe-button+.vxe-button--dropdown,.vxe-button+.vxe-button-wrapper,.vxe-button+.vxe-button.type--button,.vxe-button-wrapper+.vxe-button--dropdown,.vxe-button-wrapper+.vxe-button-wrapper,.vxe-button-wrapper+.vxe-button.type--button,.vxe-input+.vxe-button--dropdown,.vxe-input+.vxe-button-wrapper,.vxe-input+.vxe-button.type--button{margin-left:12px}.vxe-button--icon,.vxe-button--loading-icon{min-width:var(--vxe-ui-font-size)}.vxe-button--icon+.vxe-button--content,.vxe-button--loading-icon+.vxe-button--content{margin-left:4px}.vxe-button--dropdown,.vxe-button--wrapper{display:inline-block}.vxe-button--dropdown{position:relative}.vxe-button--dropdown+.vxe-button--dropdown,.vxe-button--dropdown+.vxe-button-wrapper,.vxe-button--dropdown+.vxe-button.type--button{margin-left:12px}.vxe-button--dropdown>.vxe-button.type--button.theme--primary{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--success{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--info{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--warning{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--danger{color:#fff}.vxe-button--dropdown>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color)}.vxe-button--dropdown.is--active>.vxe-button:not(.is--disabled){color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--primary{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--success{color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--info{color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--warning{color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--danger{color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--text.theme--perfect{color:var(--vxe-ui-table-header-background-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--primary{color:#fff;background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--success{color:#fff;background-color:var(--vxe-ui-status-success-lighten-color);border-color:var(--vxe-ui-status-success-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--info{color:#fff;background-color:var(--vxe-ui-status-info-lighten-color);border-color:var(--vxe-ui-status-info-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--warning{color:#fff;background-color:var(--vxe-ui-status-warning-lighten-color);border-color:var(--vxe-ui-status-warning-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--danger{color:#fff;background-color:var(--vxe-ui-status-danger-lighten-color);border-color:var(--vxe-ui-status-danger-lighten-color)}.vxe-button--dropdown.is--active>.vxe-button.type--button.theme--perfect{color:var(--vxe-ui-font-color);background-color:var(--vxe-ui-table-header-background-color);border-color:var(--vxe-ui-table-header-background-color)}.vxe-button--dropdown.is--active .vxe-button--dropdown-arrow{transform:rotate(180deg)}.vxe-button--dropdown-arrow{display:inline-block;font-size:12px;margin-left:4px;transition:transform .2s ease-in-out}.vxe-button--dropdown-panel{display:none;position:absolute;right:0;padding:4px 0}.vxe-button--dropdown-panel.animat--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-button--dropdown-panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-button--dropdown-panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-button--dropdown-wrapper{padding:5px;background-color:var(--vxe-ui-button-dropdown-panel-background-color);border-radius:var(--vxe-ui-border-radius);border:1px solid var(--vxe-ui-input-border-color);box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-button--dropdown-wrapper>.vxe-button.type--button,.vxe-button--dropdown-wrapper>.vxe-button.type--text{display:block;width:100%;border:0;margin:.4em 0 0 0}.vxe-button--dropdown-wrapper>.vxe-button.type--text{padding:2px 8px}.vxe-button--dropdown-wrapper>.vxe-button:first-child{margin-top:0}.vxe-button--dropdown-wrapper>.vxe-button:last-child{margin-bottom:0}

package/lib/button-group/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ButtonGroup = void 0;
-var _buttonGroup = _interopRequireDefault(require("./src/button-group"));
+var _buttonGroup = _interopRequireDefault(require("../button/src/button-group"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const VxeButtonGroup = Object.assign({}, _buttonGroup.default, {
   install(app) {

package/lib/button-group/index.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ButtonGroup=void 0;var _buttonGroup=_interopRequireDefault(require("./src/button-group"));function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}const VxeButtonGroup=Object.assign({},_buttonGroup.default,{install(t){t.component(_buttonGroup.default.name,_buttonGroup.default)}}),ButtonGroup=exports.ButtonGroup=VxeButtonGroup;var _default=exports.default=VxeButtonGroup;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ButtonGroup=void 0;var _buttonGroup=_interopRequireDefault(require("../button/src/button-group"));function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}const VxeButtonGroup=Object.assign({},_buttonGroup.default,{install(t){t.component(_buttonGroup.default.name,_buttonGroup.default)}}),ButtonGroup=exports.ButtonGroup=VxeButtonGroup;var _default=exports.default=VxeButtonGroup;

package/lib/checkbox/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VxeCheckbox = exports.Checkbox = void 0;
+var _checkbox = _interopRequireDefault(require("./src/checkbox"));
+var _dynamics = require("../dynamics");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const VxeCheckbox = exports.VxeCheckbox = Object.assign(_checkbox.default, {
+  install(app) {
+    app.component(_checkbox.default.name, _checkbox.default);
+  }
+});
+const Checkbox = exports.Checkbox = VxeCheckbox;
+_dynamics.dynamicApp.component(_checkbox.default.name, _checkbox.default);
+var _default = exports.default = VxeCheckbox;

package/lib/checkbox/index.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeCheckbox=exports.Checkbox=void 0;var _checkbox=_interopRequireDefault(require("./src/checkbox")),_dynamics=require("../dynamics");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const VxeCheckbox=exports.VxeCheckbox=Object.assign(_checkbox.default,{install(e){e.component(_checkbox.default.name,_checkbox.default)}}),Checkbox=exports.Checkbox=VxeCheckbox;_dynamics.dynamicApp.component(_checkbox.default.name,_checkbox.default);var _default=exports.default=VxeCheckbox;

package/lib/checkbox/src/checkbox.js

@@ -0,0 +1,144 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _vue = require("vue");
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _utils = require("../../ui/src/utils");
+var _globalStore = _interopRequireDefault(require("../../ui/src/globalStore"));
+var _size = require("../../hooks/size");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = (0, _vue.defineComponent)({
+  name: 'VxeCheckbox',
+  props: {
+    modelValue: [String, Number, Boolean],
+    label: {
+      type: [String, Number],
+      default: null
+    },
+    indeterminate: Boolean,
+    title: [String, Number],
+    checkedValue: {
+      type: [String, Number, Boolean],
+      default: true
+    },
+    uncheckedValue: {
+      type: [String, Number, Boolean],
+      default: false
+    },
+    content: [String, Number],
+    disabled: Boolean,
+    size: {
+      type: String,
+      default: () => _globalStore.default.checkbox.size || _globalStore.default.size
+    }
+  },
+  emits: ['update:modelValue', 'change'],
+  setup(props, context) {
+    const {
+      slots,
+      emit
+    } = context;
+    const $xeform = (0, _vue.inject)('$xeForm', null);
+    const formItemInfo = (0, _vue.inject)('xeFormItemInfo', null);
+    const xID = _xeUtils.default.uniqueId();
+    const $xecheckbox = {
+      xID,
+      props,
+      context
+    };
+    let checkboxMethods = {};
+    const computeSize = (0, _size.useSize)(props);
+    const $xecheckboxgroup = (0, _vue.inject)('$xecheckboxgroup', null);
+    const computeIsChecked = (0, _vue.computed)(() => {
+      if ($xecheckboxgroup) {
+        return _xeUtils.default.includes($xecheckboxgroup.props.modelValue, props.label);
+      }
+      return props.modelValue === props.checkedValue;
+    });
+    const computeIsDisabled = (0, _vue.computed)(() => {
+      if (props.disabled) {
+        return true;
+      }
+      if ($xecheckboxgroup) {
+        const {
+          props: groupProps
+        } = $xecheckboxgroup;
+        const {
+          computeIsMaximize
+        } = $xecheckboxgroup.getComputeMaps();
+        const isMaximize = computeIsMaximize.value;
+        const isChecked = computeIsChecked.value;
+        return groupProps.disabled || isMaximize && !isChecked;
+      }
+      return false;
+    });
+    const changeEvent = evnt => {
+      const {
+        checkedValue,
+        uncheckedValue
+      } = props;
+      const isDisabled = computeIsDisabled.value;
+      if (!isDisabled) {
+        const checked = evnt.target.checked;
+        const value = checked ? checkedValue : uncheckedValue;
+        const params = {
+          checked,
+          value,
+          label: props.label
+        };
+        if ($xecheckboxgroup) {
+          $xecheckboxgroup.handleChecked(params, evnt);
+        } else {
+          emit('update:modelValue', value);
+          checkboxMethods.dispatchEvent('change', params, evnt);
+          // 自动更新校验状态
+          if ($xeform && formItemInfo) {
+            $xeform.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
+          }
+        }
+      }
+    };
+    checkboxMethods = {
+      dispatchEvent(type, params, evnt) {
+        emit(type, Object.assign({
+          $checkbox: $xecheckbox,
+          $event: evnt
+        }, params));
+      }
+    };
+    Object.assign($xecheckbox, checkboxMethods);
+    const renderVN = () => {
+      const vSize = computeSize.value;
+      const isDisabled = computeIsDisabled.value;
+      const isChecked = computeIsChecked.value;
+      const indeterminate = props.indeterminate;
+      return (0, _vue.h)('label', {
+        class: ['vxe-checkbox', {
+          [`size--${vSize}`]: vSize,
+          'is--indeterminate': indeterminate,
+          'is--disabled': isDisabled,
+          'is--checked': isChecked
+        }],
+        title: props.title
+      }, [(0, _vue.h)('input', {
+        class: 'vxe-checkbox--input',
+        type: 'checkbox',
+        disabled: isDisabled,
+        checked: isChecked,
+        onChange: changeEvent
+      }), (0, _vue.h)('span', {
+        class: ['vxe-checkbox--icon', indeterminate ? 'vxe-icon-checkbox-indeterminate' : isChecked ? 'vxe-icon-checkbox-checked' : 'vxe-icon-checkbox-unchecked']
+      }), (0, _vue.h)('span', {
+        class: 'vxe-checkbox--label'
+      }, slots.default ? slots.default({}) : (0, _utils.getFuncText)(props.content))]);
+    };
+    $xecheckbox.renderVN = renderVN;
+    return $xecheckbox;
+  },
+  render() {
+    return this.renderVN();
+  }
+});

package/lib/checkbox/src/checkbox.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")),_utils=require("../../ui/src/utils"),_globalStore=_interopRequireDefault(require("../../ui/src/globalStore")),_size=require("../../hooks/size");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCheckbox",props:{modelValue:[String,Number,Boolean],label:{type:[String,Number],default:null},indeterminate:Boolean,title:[String,Number],checkedValue:{type:[String,Number,Boolean],default:!0},uncheckedValue:{type:[String,Number,Boolean],default:!1},content:[String,Number],disabled:Boolean,size:{type:String,default:()=>_globalStore.default.checkbox.size||_globalStore.default.size}},emits:["update:modelValue","change"],setup(a,e){const{slots:i,emit:n}=e,c=(0,_vue.inject)("$xeForm",null),r=(0,_vue.inject)("xeFormItemInfo",null);const u={xID:_xeUtils.default.uniqueId(),props:a,context:e};let o={};const s=(0,_size.useSize)(a),d=(0,_vue.inject)("$xecheckboxgroup",null),v=(0,_vue.computed)(()=>d?_xeUtils.default.includes(d.props.modelValue,a.label):a.modelValue===a.checkedValue),b=(0,_vue.computed)(()=>{var e,t,l;return!!a.disabled||!!d&&(e=d["props"],t=d.getComputeMaps()["computeIsMaximize"],t=t.value,l=v.value,e.disabled||t&&!l)}),h=e=>{var t,{checkedValue:l,uncheckedValue:u}=a;b.value||(l={checked:t=e.target.checked,value:t=t?l:u,label:a.label},d?d.handleChecked(l,e):(n("update:modelValue",t),o.dispatchEvent("change",l,e),c&&r&&c.triggerItemEvent(e,r.itemConfig.field,t)))};o={dispatchEvent(e,t,l){n(e,Object.assign({$checkbox:u,$event:l},t))}},Object.assign(u,o);return u.renderVN=()=>{var e=s.value,t=b.value,l=v.value,u=a.indeterminate;return(0,_vue.h)("label",{class:["vxe-checkbox",{["size--"+e]:e,"is--indeterminate":u,"is--disabled":t,"is--checked":l}],title:a.title},[(0,_vue.h)("input",{class:"vxe-checkbox--input",type:"checkbox",disabled:t,checked:l,onChange:h}),(0,_vue.h)("span",{class:["vxe-checkbox--icon",u?"vxe-icon-checkbox-indeterminate":l?"vxe-icon-checkbox-checked":"vxe-icon-checkbox-unchecked"]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},i.default?i.default({}):(0,_utils.getFuncText)(a.content))])},u},render(){return this.renderVN()}});