vxe-pc-ui 0.0.2 → 0.1.0

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 $xeformiteminfo = (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 && $xeformiteminfo) {
+            $xeform.triggerItemEvent(evnt, $xeformiteminfo.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()}});

package/lib/checkbox/src/group.js

@@ -0,0 +1,129 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _vue = require("vue");
+var _globalStore = _interopRequireDefault(require("../../ui/src/globalStore"));
+var _xeUtils = _interopRequireDefault(require("xe-utils"));
+var _checkbox = _interopRequireDefault(require("./checkbox"));
+var _size = require("../../hooks/size");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = (0, _vue.defineComponent)({
+  name: 'VxeCheckboxGroup',
+  props: {
+    modelValue: Array,
+    options: Array,
+    optionProps: Object,
+    disabled: Boolean,
+    max: {
+      type: [String, Number],
+      default: null
+    },
+    size: {
+      type: String,
+      default: () => _globalStore.default.checkboxGroup.size || _globalStore.default.size
+    }
+  },
+  emits: ['update:modelValue', 'change'],
+  setup(props, context) {
+    const {
+      slots,
+      emit
+    } = context;
+    const $xeform = (0, _vue.inject)('$xeForm', null);
+    const $xeformiteminfo = (0, _vue.inject)('$xeFormItemInfo', null);
+    const xID = _xeUtils.default.uniqueId();
+    const computeIsMaximize = (0, _vue.computed)(() => {
+      const {
+        modelValue,
+        max
+      } = props;
+      if (max) {
+        return (modelValue ? modelValue.length : 0) >= _xeUtils.default.toNumber(max);
+      }
+      return false;
+    });
+    const computePropsOpts = (0, _vue.computed)(() => {
+      return props.optionProps || {};
+    });
+    const computeLabelField = (0, _vue.computed)(() => {
+      const propsOpts = computePropsOpts.value;
+      return propsOpts.label || 'label';
+    });
+    const computeValueField = (0, _vue.computed)(() => {
+      const propsOpts = computePropsOpts.value;
+      return propsOpts.value || 'value';
+    });
+    const computeDisabledField = (0, _vue.computed)(() => {
+      const propsOpts = computePropsOpts.value;
+      return propsOpts.disabled || 'disabled';
+    });
+    const computeMaps = {
+      computeIsMaximize
+    };
+    const $xecheckboxgroup = {
+      xID,
+      props,
+      context,
+      getComputeMaps: () => computeMaps
+    };
+    (0, _size.useSize)(props);
+    const checkboxGroupMethods = {
+      dispatchEvent(type, params, evnt) {
+        emit(type, Object.assign({
+          $checkboxGroup: $xecheckboxgroup,
+          $event: evnt
+        }, params));
+      }
+    };
+    const checkboxGroupPrivateMethods = {
+      handleChecked(params, evnt) {
+        const {
+          checked,
+          label
+        } = params;
+        const checklist = props.modelValue || [];
+        const checkIndex = checklist.indexOf(label);
+        if (checked) {
+          if (checkIndex === -1) {
+            checklist.push(label);
+          }
+        } else {
+          checklist.splice(checkIndex, 1);
+        }
+        emit('update:modelValue', checklist);
+        $xecheckboxgroup.dispatchEvent('change', Object.assign({
+          checklist
+        }, params), evnt);
+        // 自动更新校验状态
+        if ($xeform && $xeformiteminfo) {
+          $xeform.triggerItemEvent(evnt, $xeformiteminfo.itemConfig.field, checklist);
+        }
+      }
+    };
+    Object.assign($xecheckboxgroup, checkboxGroupMethods, checkboxGroupPrivateMethods);
+    const renderVN = () => {
+      const {
+        options
+      } = props;
+      const defaultSlot = slots.default;
+      const valueField = computeValueField.value;
+      const labelField = computeLabelField.value;
+      const disabledField = computeDisabledField.value;
+      return (0, _vue.h)('div', {
+        class: 'vxe-checkbox-group'
+      }, defaultSlot ? defaultSlot({}) : options ? options.map(item => {
+        return (0, _vue.h)(_checkbox.default, {
+          label: item[valueField],
+          content: item[labelField],
+          disabled: item[disabledField]
+        });
+      }) : []);
+    };
+    $xecheckboxgroup.renderVN = renderVN;
+    (0, _vue.provide)('$xecheckboxgroup', $xecheckboxgroup);
+    return renderVN;
+  }
+});

package/lib/checkbox/src/group.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_globalStore=_interopRequireDefault(require("../../ui/src/globalStore")),_xeUtils=_interopRequireDefault(require("xe-utils")),_checkbox=_interopRequireDefault(require("./checkbox")),_size=require("../../hooks/size");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCheckboxGroup",props:{modelValue:Array,options:Array,optionProps:Object,disabled:Boolean,max:{type:[String,Number],default:null},size:{type:String,default:()=>_globalStore.default.checkboxGroup.size||_globalStore.default.size}},emits:["update:modelValue","change"],setup(a,e){const{slots:r,emit:i}=e,n=(0,_vue.inject)("$xeForm",null),s=(0,_vue.inject)("$xeFormItemInfo",null);var t=_xeUtils.default.uniqueId(),u=(0,_vue.computed)(()=>{var{modelValue:e,max:t}=a;return!!t&&(e?e.length:0)>=_xeUtils.default.toNumber(t)});const l=(0,_vue.computed)(()=>a.optionProps||{}),d=(0,_vue.computed)(()=>{return l.value.label||"label"}),c=(0,_vue.computed)(()=>{return l.value.value||"value"}),p=(0,_vue.computed)(()=>{return l.value.disabled||"disabled"}),o={computeIsMaximize:u},v={xID:t,props:a,context:e,getComputeMaps:()=>o};(0,_size.useSize)(a);Object.assign(v,{dispatchEvent(e,t,u){i(e,Object.assign({$checkboxGroup:v,$event:u},t))}},{handleChecked(e,t){var{checked:u,label:l}=e,o=a.modelValue||[],r=o.indexOf(l);u?-1===r&&o.push(l):o.splice(r,1),i("update:modelValue",o),v.dispatchEvent("change",Object.assign({checklist:o},e),t),n&&s&&n.triggerItemEvent(t,s.itemConfig.field,o)}});u=()=>{var e=a["options"],t=r.default;const u=c.value,l=d.value,o=p.value;return(0,_vue.h)("div",{class:"vxe-checkbox-group"},t?t({}):e?e.map(e=>(0,_vue.h)(_checkbox.default,{label:e[u],content:e[l],disabled:e[o]})):[])};return v.renderVN=u,(0,_vue.provide)("$xecheckboxgroup",v),u}});

package/lib/checkbox/style/style.css

@@ -0,0 +1,107 @@
+/*checkbox-group*/
+.vxe-checkbox-group {
+  display: inline-block;
+  vertical-align: middle;
+  line-height: 1;
+}
+
+/*checkbox*/
+.vxe-checkbox {
+  display: inline-block;
+  vertical-align: middle;
+  white-space: nowrap;
+  line-height: 1;
+}
+.vxe-checkbox .vxe-checkbox--icon {
+  font-size: 1.34em;
+}
+.vxe-checkbox .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-border-color);
+  vertical-align: middle;
+  font-weight: 700;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.vxe-checkbox.is--checked, .vxe-checkbox.is--indeterminate {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-checkbox.is--checked .vxe-checkbox--icon, .vxe-checkbox.is--indeterminate .vxe-checkbox--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-checkbox:not(.is--disabled) {
+  cursor: pointer;
+}
+.vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon {
+  color: var(--vxe-ui-font-primary-color);
+}
+.vxe-checkbox.is--hidden {
+  cursor: default;
+}
+.vxe-checkbox.is--disabled {
+  color: var(--vxe-ui-font-disabled-color);
+  cursor: not-allowed;
+}
+.vxe-checkbox.is--disabled .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-disabled-color);
+}
+.vxe-checkbox .vxe-checkbox--label {
+  padding-left: 0.5em;
+  vertical-align: middle;
+}
+.vxe-checkbox + .vxe-checkbox {
+  margin-left: 10px;
+}
+.vxe-checkbox > input[type=checkbox] {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border: 0;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+.vxe-checkbox.is--indeterminate > input:not(:checked) + .vxe-checkbox--icon {
+  color: var(--vxe-primary-color);
+}
+.vxe-checkbox:not(.is--disabled) > input:focus + .vxe-checkbox--icon {
+  color: var(--vxe-primary-color);
+  box-shadow: 0 0 0.2em 0 var(--vxe-primary-color);
+}
+.vxe-checkbox:not(.is--disabled):hover > input + .vxe-checkbox--icon {
+  border-color: var(--vxe-primary-color);
+}
+.vxe-checkbox.is--disabled {
+  cursor: not-allowed;
+}
+.vxe-checkbox.is--disabled > input + .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-disabled-color);
+}
+.vxe-checkbox.is--disabled > input + .vxe-checkbox--icon + .vxe-checkbox--label {
+  color: var(--vxe-font-disabled-color);
+}
+.vxe-checkbox.is--disabled > input:checked + .vxe-checkbox--icon {
+  color: var(--vxe-ui-input-disabled-color);
+}
+.vxe-checkbox .vxe-checkbox--label {
+  padding-left: 0.5em;
+  vertical-align: middle;
+  display: inline-block;
+  max-width: 50em;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.vxe-checkbox {
+  font-size: var(--vxe-font-size);
+}
+.vxe-checkbox.size--medium {
+  font-size: var(--vxe-font-size-medium);
+}
+.vxe-checkbox.size--small {
+  font-size: var(--vxe-font-size-small);
+}
+.vxe-checkbox.size--mini {
+  font-size: var(--vxe-font-size-mini);
+}

package/lib/checkbox/style/style.min.css

@@ -0,0 +1 @@
+.vxe-checkbox-group{display:inline-block;vertical-align:middle;line-height:1}.vxe-checkbox{display:inline-block;vertical-align:middle;white-space:nowrap;line-height:1}.vxe-checkbox .vxe-checkbox--icon{font-size:1.34em}.vxe-checkbox .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-checkbox.is--checked,.vxe-checkbox.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--checked .vxe-checkbox--icon,.vxe-checkbox.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox:not(.is--disabled){cursor:pointer}.vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--hidden{cursor:default}.vxe-checkbox.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-checkbox.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-checkbox+.vxe-checkbox{margin-left:10px}.vxe-checkbox>input[type=checkbox]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-checkbox.is--indeterminate>input:not(:checked)+.vxe-checkbox--icon{color:var(--vxe-primary-color)}.vxe-checkbox:not(.is--disabled)>input:focus+.vxe-checkbox--icon{color:var(--vxe-primary-color);box-shadow:0 0 .2em 0 var(--vxe-primary-color)}.vxe-checkbox:not(.is--disabled):hover>input+.vxe-checkbox--icon{border-color:var(--vxe-primary-color)}.vxe-checkbox.is--disabled{cursor:not-allowed}.vxe-checkbox.is--disabled>input+.vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox.is--disabled>input+.vxe-checkbox--icon+.vxe-checkbox--label{color:var(--vxe-font-disabled-color)}.vxe-checkbox.is--disabled>input:checked+.vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle;display:inline-block;max-width:50em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox{font-size:var(--vxe-font-size)}.vxe-checkbox.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-checkbox.size--small{font-size:var(--vxe-font-size-small)}.vxe-checkbox.size--mini{font-size:var(--vxe-font-size-mini)}