vxe-pc-ui 4.15.13 → 4.15.15

package/lib/menu/style/style.css

@@ -1,3 +1,20 @@
+.vxe-menu {
+  --vxe-ui-menu-current-font-size: var(--vxe-ui-font-size-default);
+  --vxe-ui-menu-current-item-height: var(--vxe-ui-menu-item-height-default);
+}
+.vxe-menu.size--medium {
+  --vxe-ui-menu-current-font-size: var(--vxe-ui-font-size-medium);
+  --vxe-ui-menu-current-item-height: var(--vxe-ui-menu-item-height-medium);
+}
+.vxe-menu.size--small {
+  --vxe-ui-menu-current-font-size: var(--vxe-ui-font-size-small);
+  --vxe-ui-menu-current-item-height: var(--vxe-ui-menu-item-height-small);
+}
+.vxe-menu.size--mini {
+  --vxe-ui-menu-current-font-size: var(--vxe-ui-font-size-mini);
+  --vxe-ui-menu-current-item-height: var(--vxe-ui-menu-item-height-mini);
+}
+
 .vxe-menu {
   position: relative;
 }
@@ -11,6 +28,7 @@
 }
 
 .vxe-menu {
+  font-size: var(--vxe-ui-menu-current-font-size);
   color: var(--vxe-ui-font-color);
   font-family: var(--vxe-ui-font-family);
   background-color: var(--vxe-ui-layout-background-color);
@@ -39,6 +57,7 @@
   display: flex;
   flex-direction: row;
   align-items: center;
+  height: var(--vxe-ui-menu-current-item-height);
   color: var(--vxe-ui-font-color);
   text-decoration: none;
   -webkit-user-select: none;
@@ -119,35 +138,9 @@
   display: block;
 }
 
-.vxe-menu--item-level3 {
-  font-size: 13px;
-}
-
-.vxe-menu--item-link {
-  height: var(--vxe-ui-menu-item-height-default);
-}
-
-.vxe-menu {
-  font-size: var(--vxe-ui-font-size-default);
-}
-.vxe-menu.size--medium {
-  font-size: var(--vxe-ui-font-size-medium);
-}
-.vxe-menu.size--medium .vxe-menu--item-link {
-  height: var(--vxe-ui-menu-item-height-medium);
-}
-.vxe-menu.size--small {
-  font-size: var(--vxe-ui-font-size-small);
-}
-.vxe-menu.size--small .vxe-menu--item-link {
-  height: var(--vxe-ui-menu-item-height-small);
-}
-.vxe-menu.size--mini {
-  font-size: var(--vxe-ui-font-size-mini);
-}
-.vxe-menu.size--mini .vxe-menu--item-link {
-  height: var(--vxe-ui-menu-item-height-mini);
+.vxe-menu .vxe-menu--item-level3 {
+  font-size: var(--vxe-ui-menu-item-height-small);
 }
 .vxe-menu.size--small .vxe-menu--item-level3, .vxe-menu.size--mini .vxe-menu--item-level3 {
-  font-size: 12px;
+  font-size: var(--vxe-ui-menu-item-height-mini);
 }

package/lib/menu/style/style.min.css

@@ -1 +1 @@
-.vxe-menu{position:relative}.vxe-menu.is--collapsed .vxe-menu--item-custom-title,.vxe-menu.is--collapsed .vxe-menu--item-link-collapse,.vxe-menu.is--collapsed .vxe-menu--item-link-title{display:none}.vxe-menu.is--loading{min-height:4em}.vxe-menu{color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color)}.vxe-menu--collapse-wrapper{display:none;position:absolute;overflow:auto;background-color:var(--vxe-ui-layout-background-color)}.vxe-menu--collapse-wrapper.is--collapsed{display:block;transition:all .25s ease-in-out}.vxe-menu--collapse-wrapper:not(.is--enter) .vxe-menu--item-custom-title,.vxe-menu--collapse-wrapper:not(.is--enter) .vxe-menu--item-link-collapse,.vxe-menu--collapse-wrapper:not(.is--enter) .vxe-menu--item-link-title{display:none}.vxe-menu--collapse-wrapper.is--enter{box-shadow:var(--vxe-ui-menu-collapse-wrapper-box-shadow)}.vxe-menu--item-link{display:flex;flex-direction:row;align-items:center;color:var(--vxe-ui-font-color);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-menu--item-link:hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-menu--item-custom-title,.vxe-menu--item-link,.vxe-menu--item-link-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-menu--item-link-icon{flex-shrink:0;width:var(--vxe-ui-menu-icon-width);text-align:center}.vxe-menu--item-custom-title,.vxe-menu--item-link-title{flex-grow:1;padding-left:.2em}.vxe-menu--item-link-collapse{flex-shrink:0;padding:.5em}.vxe-menu--item-link-collapse i{display:inline-block;font-size:.8em;transition:transform .25s ease-in-out}.vxe-menu--item-wrapper.vxe-menu--item-level1>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double)}.vxe-menu--item-wrapper.vxe-menu--item-level1>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 1)}.vxe-menu--item-wrapper.vxe-menu--item-level2>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 2)}.vxe-menu--item-wrapper.vxe-menu--item-level3>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 3)}.vxe-menu--item-wrapper.vxe-menu--item-level4>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 4)}.vxe-menu--item-wrapper.vxe-menu--item-level5>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 5)}.vxe-menu--item-wrapper.vxe-menu--item-level6>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 6)}.vxe-menu--item-wrapper.vxe-menu--item-level7>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 7)}.vxe-menu--item-group{display:none}.vxe-menu--item-wrapper.is--active>.vxe-menu--item-link{font-weight:700}.vxe-menu--item-wrapper.is--exact-active>.vxe-menu--item-link{color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-base-active-background-color)}.vxe-menu--item-wrapper.is--expand>.vxe-menu--item-group{display:block}.vxe-menu--item-level3{font-size:13px}.vxe-menu--item-link{height:var(--vxe-ui-menu-item-height-default)}.vxe-menu{font-size:var(--vxe-ui-font-size-default)}.vxe-menu.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-menu.size--medium .vxe-menu--item-link{height:var(--vxe-ui-menu-item-height-medium)}.vxe-menu.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-menu.size--small .vxe-menu--item-link{height:var(--vxe-ui-menu-item-height-small)}.vxe-menu.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-menu.size--mini .vxe-menu--item-link{height:var(--vxe-ui-menu-item-height-mini)}.vxe-menu.size--mini .vxe-menu--item-level3,.vxe-menu.size--small .vxe-menu--item-level3{font-size:12px}
+.vxe-menu{--vxe-ui-menu-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-menu-current-item-height:var(--vxe-ui-menu-item-height-default)}.vxe-menu.size--medium{--vxe-ui-menu-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-menu-current-item-height:var(--vxe-ui-menu-item-height-medium)}.vxe-menu.size--small{--vxe-ui-menu-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-menu-current-item-height:var(--vxe-ui-menu-item-height-small)}.vxe-menu.size--mini{--vxe-ui-menu-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-menu-current-item-height:var(--vxe-ui-menu-item-height-mini)}.vxe-menu{position:relative}.vxe-menu.is--collapsed .vxe-menu--item-custom-title,.vxe-menu.is--collapsed .vxe-menu--item-link-collapse,.vxe-menu.is--collapsed .vxe-menu--item-link-title{display:none}.vxe-menu.is--loading{min-height:4em}.vxe-menu{font-size:var(--vxe-ui-menu-current-font-size);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color)}.vxe-menu--collapse-wrapper{display:none;position:absolute;overflow:auto;background-color:var(--vxe-ui-layout-background-color)}.vxe-menu--collapse-wrapper.is--collapsed{display:block;transition:all .25s ease-in-out}.vxe-menu--collapse-wrapper:not(.is--enter) .vxe-menu--item-custom-title,.vxe-menu--collapse-wrapper:not(.is--enter) .vxe-menu--item-link-collapse,.vxe-menu--collapse-wrapper:not(.is--enter) .vxe-menu--item-link-title{display:none}.vxe-menu--collapse-wrapper.is--enter{box-shadow:var(--vxe-ui-menu-collapse-wrapper-box-shadow)}.vxe-menu--item-link{display:flex;flex-direction:row;align-items:center;height:var(--vxe-ui-menu-current-item-height);color:var(--vxe-ui-font-color);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-menu--item-link:hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-menu--item-custom-title,.vxe-menu--item-link,.vxe-menu--item-link-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-menu--item-link-icon{flex-shrink:0;width:var(--vxe-ui-menu-icon-width);text-align:center}.vxe-menu--item-custom-title,.vxe-menu--item-link-title{flex-grow:1;padding-left:.2em}.vxe-menu--item-link-collapse{flex-shrink:0;padding:.5em}.vxe-menu--item-link-collapse i{display:inline-block;font-size:.8em;transition:transform .25s ease-in-out}.vxe-menu--item-wrapper.vxe-menu--item-level1>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double)}.vxe-menu--item-wrapper.vxe-menu--item-level1>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 1)}.vxe-menu--item-wrapper.vxe-menu--item-level2>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 2)}.vxe-menu--item-wrapper.vxe-menu--item-level3>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 3)}.vxe-menu--item-wrapper.vxe-menu--item-level4>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 4)}.vxe-menu--item-wrapper.vxe-menu--item-level5>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 5)}.vxe-menu--item-wrapper.vxe-menu--item-level6>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 6)}.vxe-menu--item-wrapper.vxe-menu--item-level7>.vxe-menu--item-link{padding:0 var(--vxe-ui-layout-padding-double) 0 calc(var(--vxe-ui-layout-padding-double) * 7)}.vxe-menu--item-group{display:none}.vxe-menu--item-wrapper.is--active>.vxe-menu--item-link{font-weight:700}.vxe-menu--item-wrapper.is--exact-active>.vxe-menu--item-link{color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-base-active-background-color)}.vxe-menu--item-wrapper.is--expand>.vxe-menu--item-group{display:block}.vxe-menu .vxe-menu--item-level3{font-size:var(--vxe-ui-menu-item-height-small)}.vxe-menu.size--mini .vxe-menu--item-level3,.vxe-menu.size--small .vxe-menu--item-level3{font-size:var(--vxe-ui-menu-item-height-mini)}

package/lib/notice-bar/style/style.css

@@ -1,7 +1,20 @@
+.vxe-notice-bar {
+  --vxe-ui-notice-bar-current-font-size: var(--vxe-ui-font-size-default);
+}
+.vxe-notice-bar.size--medium {
+  --vxe-ui-notice-bar-current-font-size: var(--vxe-ui-font-size-medium);
+}
+.vxe-notice-bar.size--small {
+  --vxe-ui-notice-bar-current-font-size: var(--vxe-ui-font-size-small);
+}
+.vxe-notice-bar.size--mini {
+  --vxe-ui-notice-bar-current-font-size: var(--vxe-ui-font-size-mini);
+}
+
 .vxe-notice-bar {
   display: flex;
   flex-direction: row;
-  font-size: var(--vxe-ui-font-size-default);
+  font-size: var(--vxe-ui-notice-bar-current-font-size);
   color: var(--vxe-ui-font-color);
   font-family: var(--vxe-ui-font-family);
 }
@@ -66,13 +79,4 @@
   100% {
     transform: translateX(-100%);
   }
-}
-.vxe-notice-bar.size--medium {
-  font-size: var(--vxe-ui-font-size-medium);
-}
-.vxe-notice-bar.size--small {
-  font-size: var(--vxe-ui-font-size-small);
-}
-.vxe-notice-bar.size--mini {
-  font-size: var(--vxe-ui-font-size-mini);
 }

package/lib/notice-bar/style/style.min.css

@@ -1 +1 @@
-.vxe-notice-bar{display:flex;flex-direction:row;font-size:var(--vxe-ui-font-size-default);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-notice-bar--prefix,.vxe-notice-bar--suffix{flex-shrink:0}.vxe-notice-bar--content{flex-grow:1;overflow:hidden;padding:0 .2em}.vxe-notice-bar--inner{overflow:hidden}.vxe-notice-bar--wrapper{display:inline-block;white-space:nowrap;animation-duration:15s;animation-timing-function:linear;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-play-state:running}.vxe-notice-bar.is--loop .vxe-notice-bar--wrapper{animation-iteration-count:infinite}.vxe-notice-bar.is--horizontal.dir--left .vxe-notice-bar--wrapper{animation-name:scrollLeftText}.vxe-notice-bar.is--horizontal.dir--right .vxe-notice-bar--wrapper{animation-name:scrollRightText}.vxe-notice-bar.is--horizontal.dir--left .vxe-notice-bar--wrapper,.vxe-notice-bar.is--horizontal.dir--right .vxe-notice-bar--wrapper{padding-left:100%}.vxe-notice-bar.is--horizontal.dir--left .vxe-notice-bar--wrapper.is--end,.vxe-notice-bar.is--horizontal.dir--right .vxe-notice-bar--wrapper.is--end{padding-left:0}.vxe-notice-bar.is--horizontal .vxe-notice-bar--wrapper:hover{animation-play-state:paused}@keyframes scrollRightText{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes scrollLeftText{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}.vxe-notice-bar.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-notice-bar.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-notice-bar.size--mini{font-size:var(--vxe-ui-font-size-mini)}
+.vxe-notice-bar{--vxe-ui-notice-bar-current-font-size:var(--vxe-ui-font-size-default)}.vxe-notice-bar.size--medium{--vxe-ui-notice-bar-current-font-size:var(--vxe-ui-font-size-medium)}.vxe-notice-bar.size--small{--vxe-ui-notice-bar-current-font-size:var(--vxe-ui-font-size-small)}.vxe-notice-bar.size--mini{--vxe-ui-notice-bar-current-font-size:var(--vxe-ui-font-size-mini)}.vxe-notice-bar{display:flex;flex-direction:row;font-size:var(--vxe-ui-notice-bar-current-font-size);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-notice-bar--prefix,.vxe-notice-bar--suffix{flex-shrink:0}.vxe-notice-bar--content{flex-grow:1;overflow:hidden;padding:0 .2em}.vxe-notice-bar--inner{overflow:hidden}.vxe-notice-bar--wrapper{display:inline-block;white-space:nowrap;animation-duration:15s;animation-timing-function:linear;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-play-state:running}.vxe-notice-bar.is--loop .vxe-notice-bar--wrapper{animation-iteration-count:infinite}.vxe-notice-bar.is--horizontal.dir--left .vxe-notice-bar--wrapper{animation-name:scrollLeftText}.vxe-notice-bar.is--horizontal.dir--right .vxe-notice-bar--wrapper{animation-name:scrollRightText}.vxe-notice-bar.is--horizontal.dir--left .vxe-notice-bar--wrapper,.vxe-notice-bar.is--horizontal.dir--right .vxe-notice-bar--wrapper{padding-left:100%}.vxe-notice-bar.is--horizontal.dir--left .vxe-notice-bar--wrapper.is--end,.vxe-notice-bar.is--horizontal.dir--right .vxe-notice-bar--wrapper.is--end{padding-left:0}.vxe-notice-bar.is--horizontal .vxe-notice-bar--wrapper:hover{animation-play-state:paused}@keyframes scrollRightText{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes scrollLeftText{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}

package/lib/radio/src/button.js

@@ -197,7 +197,9 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
         onChange: changeEvent,
         onClick: clickEvent
       }), (0, _vue.h)('span', {
-        class: 'vxe-radio--label'
+        class: ['vxe-radio--label', {
+          'is--disabled': isDisabled
+        }]
       }, defaultSlot ? defaultSlot({}) : (0, _utils.getFuncText)(content))]);
     };
     $xeRadioButton.renderVN = renderVN;

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRadioButton",props:{modelValue:[String,Number,Boolean],checkedValue:{type:[String,Number,Boolean],default:void 0},title:[String,Number],content:[String,Number],disabled:{type:Boolean,default:null},strict:{type:Boolean,default:()=>(0,_ui.getConfig)().radioButton.strict},size:{type:String,default:()=>(0,_ui.getConfig)().radioButton.size||(0,_ui.getConfig)().size},label:{type:[String,Number,Boolean],default:null}},emits:["update:modelValue","change"],setup(o,e){let{slots:d,emit:u}=e,a=(0,_vue.inject)("$xeForm",null),i=(0,_vue.inject)("xeFormItemInfo",null),s=(0,_vue.inject)("$xeRadioGroup",null);var t=_xeUtils.default.uniqueId(),l=(0,_vue.reactive)({});let c=(0,_ui.useSize)(o).computeSize,v={xID:t,props:o,context:e,reactData:l},p=(0,_vue.computed)(()=>{var e,t,l=o.disabled;if(null===l&&s)return{computeIsDisabled:e,computeIsReadonly:t}=s.getComputeMaps(),e=e.value,t=t.value,e||t;return l}),_=(0,_vue.computed)(()=>s?s.name:null),n=(0,_vue.computed)(()=>(s?s.props:o).strict),m=(0,_vue.computed)(()=>{var{label:e,checkedValue:t}=o,e=_xeUtils.default.isUndefined(t)?e:t;return s?s.props.modelValue===e:o.modelValue===e}),r=(e,t,l)=>{u(e,(0,_ui.createEvent)(l,{$radioGroup:s},t))};t={dispatchEvent:r};Object.assign(v,t,{});let f=(e,t)=>{var l=o.content;s?s.handleChecked({label:e,checkedValue:e,checkedLabel:l},t):(u("update:modelValue",e),r("change",{value:e,label:e,checkedValue:e,checkedLabel:l},t),a&&i&&a.triggerItemEvent(t,i.itemConfig.field,e))},b=e=>{var t,l;p.value||({label:l,checkedValue:t}=o,l=_xeUtils.default.isUndefined(t)?l:t,f(l,e))},x=e=>{var t=p.value,l=n.value;t||l||({label:t,checkedValue:l}=o,(_xeUtils.default.isUndefined(l)?t:l)===(s?s.props:o).modelValue&&f(null,e))};e=()=>{var{label:e,content:t,checkedValue:l}=o,e=_xeUtils.default.isUndefined(l)?e:l,l=c.value,u=p.value,a=_.value,i=m.value,n=d.default;if(s){var r=s.getComputeMaps().computeIsReadonly,r=r.value;if(r)return i?(0,_vue.h)("label",{class:["vxe-radio vxe-radio--button-view",{["size--"+l]:l,"is--readonly":r}]},[(0,_vue.h)("span",{class:"vxe-checkbox--label"},n?n({}):(0,_utils.getFuncText)(t))]):(0,_ui.renderEmptyElement)(v)}return(0,_vue.h)("label",{key:e,class:["vxe-radio vxe-radio--button",{["size--"+l]:l,"is--disabled":u}],title:o.title},[(0,_vue.h)("input",{class:"vxe-radio--input",type:"radio",name:a,checked:i,disabled:u,onChange:b,onClick:x}),(0,_vue.h)("span",{class:"vxe-radio--label"},n?n({}):(0,_utils.getFuncText)(t))])};return v.renderVN=e}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_ui=require("../../ui");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRadioButton",props:{modelValue:[String,Number,Boolean],checkedValue:{type:[String,Number,Boolean],default:void 0},title:[String,Number],content:[String,Number],disabled:{type:Boolean,default:null},strict:{type:Boolean,default:()=>(0,_ui.getConfig)().radioButton.strict},size:{type:String,default:()=>(0,_ui.getConfig)().radioButton.size||(0,_ui.getConfig)().size},label:{type:[String,Number,Boolean],default:null}},emits:["update:modelValue","change"],setup(d,e){let{slots:o,emit:u}=e,a=(0,_vue.inject)("$xeForm",null),i=(0,_vue.inject)("xeFormItemInfo",null),s=(0,_vue.inject)("$xeRadioGroup",null);var t=_xeUtils.default.uniqueId(),l=(0,_vue.reactive)({});let c=(0,_ui.useSize)(d).computeSize,v={xID:t,props:d,context:e,reactData:l},p=(0,_vue.computed)(()=>{var e,t,l=d.disabled;if(null===l&&s)return{computeIsDisabled:e,computeIsReadonly:t}=s.getComputeMaps(),e=e.value,t=t.value,e||t;return l}),_=(0,_vue.computed)(()=>s?s.name:null),n=(0,_vue.computed)(()=>(s?s.props:d).strict),m=(0,_vue.computed)(()=>{var{label:e,checkedValue:t}=d,e=_xeUtils.default.isUndefined(t)?e:t;return s?s.props.modelValue===e:d.modelValue===e}),r=(e,t,l)=>{u(e,(0,_ui.createEvent)(l,{$radioGroup:s},t))};t={dispatchEvent:r};Object.assign(v,t,{});let f=(e,t)=>{var l=d.content;s?s.handleChecked({label:e,checkedValue:e,checkedLabel:l},t):(u("update:modelValue",e),r("change",{value:e,label:e,checkedValue:e,checkedLabel:l},t),a&&i&&a.triggerItemEvent(t,i.itemConfig.field,e))},b=e=>{var t,l;p.value||({label:l,checkedValue:t}=d,l=_xeUtils.default.isUndefined(t)?l:t,f(l,e))},x=e=>{var t=p.value,l=n.value;t||l||({label:t,checkedValue:l}=d,(_xeUtils.default.isUndefined(l)?t:l)===(s?s.props:d).modelValue&&f(null,e))};e=()=>{var{label:e,content:t,checkedValue:l}=d,e=_xeUtils.default.isUndefined(l)?e:l,l=c.value,u=p.value,a=_.value,i=m.value,n=o.default;if(s){var r=s.getComputeMaps().computeIsReadonly,r=r.value;if(r)return i?(0,_vue.h)("label",{class:["vxe-radio vxe-radio--button-view",{["size--"+l]:l,"is--readonly":r}]},[(0,_vue.h)("span",{class:"vxe-checkbox--label"},n?n({}):(0,_utils.getFuncText)(t))]):(0,_ui.renderEmptyElement)(v)}return(0,_vue.h)("label",{key:e,class:["vxe-radio vxe-radio--button",{["size--"+l]:l,"is--disabled":u}],title:d.title},[(0,_vue.h)("input",{class:"vxe-radio--input",type:"radio",name:a,checked:i,disabled:u,onChange:b,onClick:x}),(0,_vue.h)("span",{class:["vxe-radio--label",{"is--disabled":u}]},n?n({}):(0,_utils.getFuncText)(t))])};return v.renderVN=e}});

package/lib/radio/src/group.js

@@ -32,6 +32,10 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       default: null
     },
     type: String,
+    status: {
+      type: String,
+      default: () => (0, _ui.getConfig)().radioGroup.status
+    },
     options: Array,
     optionProps: Object,
     strict: {
@@ -179,7 +183,8 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
     const renderVN = () => {
       const {
         options,
-        type
+        type,
+        status
       } = props;
       const vSize = computeSize.value;
       const defaultSlot = slots.default;
@@ -189,6 +194,7 @@ var _default = exports.default = (0, _comp.defineVxeComponent)({
       const btnComp = type === 'button' ? _button.default : _radio.default;
       return (0, _vue.h)('div', {
         class: ['vxe-radio-group', {
+          [`theme--${status}`]: status,
           [`size--${vSize}`]: vSize
         }]
       }, defaultSlot ? defaultSlot({}) : options ? options.map(item => {

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

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_radio=_interopRequireDefault(require("./radio")),_button=_interopRequireDefault(require("./button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function createReactData(){return{}}function createInternalData(){return{}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRadioGroup",props:{modelValue:[String,Number,Boolean],disabled:{type:Boolean,default:null},readonly:{type:Boolean,default:null},type:String,options:Array,optionProps:Object,strict:{type:Boolean,default:()=>(0,_ui.getConfig)().radioGroup.strict},size:{type:String,default:()=>(0,_ui.getConfig)().radioGroup.size||(0,_ui.getConfig)().size},defaultConfig:Object},emits:["update:modelValue","change","default-change"],setup(n,e){let{slots:d,emit:a}=e,l=(0,_vue.inject)("$xeForm",null),r=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();let s=(0,_ui.useSize)(n).computeSize,u=(0,_vue.reactive)(createReactData()),o=createInternalData();var i=(0,_vue.computed)(()=>{var e=n.readonly;return null===e?!!l&&l.props.readonly:e}),c=(0,_vue.computed)(()=>{var e=n.disabled;return null===e?!!l&&l.props.disabled:e});let p=(0,_vue.computed)(()=>Object.assign({},n.defaultConfig)),v={computeIsDisabled:c,computeIsReadonly:i},_={xID:t,props:n,context:e,reactData:u,name:_xeUtils.default.uniqueId("xe_group_"),getComputeMaps:()=>v},f=(0,_vue.computed)(()=>Object.assign({},n.optionProps)),m=(0,_vue.computed)(()=>f.value.label||"label"),g=(0,_vue.computed)(()=>f.value.value||"value"),x=(0,_vue.computed)(()=>f.value.disabled||"disabled"),b=e=>{a("update:modelValue",e)},h=(e,t,u)=>{a(e,(0,_ui.createEvent)(u,{$radioGroup:_},t))};c={dispatchEvent:h};let q=e=>{var u=o.isLoaded,t=p.value;let a=g.value;if(!u){u=t.selectMode;if(0<e.length&&_xeUtils.default.eqNull(n.modelValue)){if("first"===u||"last"===u){let t=_xeUtils.default[u](e);t&&(0,_vue.nextTick)(()=>{var e;_xeUtils.default.eqNull(n.modelValue)&&(e=t[a],b(e),h("default-change",{value:e},null))})}o.isLoaded=!0}}return(0,_vue.nextTick)()};Object.assign(_,c,{handleChecked(e,t){var{checkedValue:e,checkedLabel:u}=e,a=e;b(a),h("change",{value:a,label:a,checkedValue:e,checkedLabel:u},t),l&&r&&l.triggerItemEvent(t,r.itemConfig.field,a)}});return(0,_vue.watch)(()=>n.options,e=>{q(e||[])}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=n.options;e&&q(e)})}),(0,_vue.onUnmounted)(()=>{_xeUtils.default.assign(u,createReactData()),_xeUtils.default.assign(o,createInternalData())}),(0,_vue.provide)("$xeRadioGroup",_),_.renderVN=()=>{var{options:e,type:t}=n,u=s.value,a=d.default;let l=g.value,r=m.value,o=x.value,i=("button"===t?_button:_radio).default;return(0,_vue.h)("div",{class:["vxe-radio-group",{["size--"+u]:u}]},a?a({}):e?e.map(e=>(0,_vue.h)(i,{key:e[l],checkedValue:e[l],content:e[r],disabled:e[o]})):[])},_},render(){return this.renderVN()}});
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_radio=_interopRequireDefault(require("./radio")),_button=_interopRequireDefault(require("./button"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function createReactData(){return{}}function createInternalData(){return{}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeRadioGroup",props:{modelValue:[String,Number,Boolean],disabled:{type:Boolean,default:null},readonly:{type:Boolean,default:null},type:String,status:{type:String,default:()=>(0,_ui.getConfig)().radioGroup.status},options:Array,optionProps:Object,strict:{type:Boolean,default:()=>(0,_ui.getConfig)().radioGroup.strict},size:{type:String,default:()=>(0,_ui.getConfig)().radioGroup.size||(0,_ui.getConfig)().size},defaultConfig:Object},emits:["update:modelValue","change","default-change"],setup(d,e){let{slots:s,emit:a}=e,l=(0,_vue.inject)("$xeForm",null),r=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId();let c=(0,_ui.useSize)(d).computeSize,u=(0,_vue.reactive)(createReactData()),i=createInternalData();var o=(0,_vue.computed)(()=>{var e=d.readonly;return null===e?!!l&&l.props.readonly:e}),n=(0,_vue.computed)(()=>{var e=d.disabled;return null===e?!!l&&l.props.disabled:e});let p=(0,_vue.computed)(()=>Object.assign({},d.defaultConfig)),v={computeIsDisabled:n,computeIsReadonly:o},_={xID:t,props:d,context:e,reactData:u,name:_xeUtils.default.uniqueId("xe_group_"),getComputeMaps:()=>v},f=(0,_vue.computed)(()=>Object.assign({},d.optionProps)),m=(0,_vue.computed)(()=>f.value.label||"label"),g=(0,_vue.computed)(()=>f.value.value||"value"),x=(0,_vue.computed)(()=>f.value.disabled||"disabled"),b=e=>{a("update:modelValue",e)},h=(e,t,u)=>{a(e,(0,_ui.createEvent)(u,{$radioGroup:_},t))};n={dispatchEvent:h};let q=e=>{var u=i.isLoaded,t=p.value;let a=g.value;if(!u){u=t.selectMode;if(0<e.length&&_xeUtils.default.eqNull(d.modelValue)){if("first"===u||"last"===u){let t=_xeUtils.default[u](e);t&&(0,_vue.nextTick)(()=>{var e;_xeUtils.default.eqNull(d.modelValue)&&(e=t[a],b(e),h("default-change",{value:e},null))})}i.isLoaded=!0}}return(0,_vue.nextTick)()};Object.assign(_,n,{handleChecked(e,t){var{checkedValue:e,checkedLabel:u}=e,a=e;b(a),h("change",{value:a,label:a,checkedValue:e,checkedLabel:u},t),l&&r&&l.triggerItemEvent(t,r.itemConfig.field,a)}});return(0,_vue.watch)(()=>d.options,e=>{q(e||[])}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{var e=d.options;e&&q(e)})}),(0,_vue.onUnmounted)(()=>{_xeUtils.default.assign(u,createReactData()),_xeUtils.default.assign(i,createInternalData())}),(0,_vue.provide)("$xeRadioGroup",_),_.renderVN=()=>{var{options:e,type:t,status:u}=d,a=c.value,l=s.default;let r=g.value,i=m.value,o=x.value,n=("button"===t?_button:_radio).default;return(0,_vue.h)("div",{class:["vxe-radio-group",{["theme--"+u]:u,["size--"+a]:a}]},l?l({}):e?e.map(e=>(0,_vue.h)(n,{key:e[r],checkedValue:e[r],content:e[i],disabled:e[o]})):[])},_},render(){return this.renderVN()}});

package/lib/radio/style/style.css

@@ -1,3 +1,20 @@
+.vxe-radio {
+  --vxe-ui-radio-current-font-size: var(--vxe-ui-font-size-default);
+  --vxe-ui-radio-current-margin-right: var(--vxe-ui-base-margin-gap-default);
+}
+.vxe-radio.size--medium {
+  --vxe-ui-radio-current-font-size: var(--vxe-ui-font-size-medium);
+  --vxe-ui-radio-current-margin-right: var(--vxe-ui-base-margin-gap-medium);
+}
+.vxe-radio.size--small {
+  --vxe-ui-radio-current-font-size: var(--vxe-ui-font-size-small);
+  --vxe-ui-radio-current-margin-right: var(--vxe-ui-base-margin-gap-small);
+}
+.vxe-radio.size--mini {
+  --vxe-ui-radio-current-font-size: var(--vxe-ui-font-size-mini);
+  --vxe-ui-radio-current-margin-right: var(--vxe-ui-base-margin-gap-mini);
+}
+
 /*radio-group*/
 .vxe-radio-group {
   display: inline-flex;
@@ -14,9 +31,12 @@
 /*radio*/
 .vxe-radio {
   display: inline-flex;
+  flex-direction: row;
+  align-items: center;
   vertical-align: middle;
   white-space: nowrap;
   line-height: 1;
+  font-size: var(--vxe-ui-radio-current-font-size);
 }
 .vxe-radio {
   cursor: pointer;
@@ -53,7 +73,7 @@
   color: var(--vxe-ui-input-disabled-color);
 }
 .vxe-radio .vxe-radio--label {
-  padding-left: 0.5em;
+  padding-left: 0.4em;
   vertical-align: middle;
 }
 .vxe-radio > input[type=radio] {
@@ -77,39 +97,11 @@
   color: var(--vxe-ui-font-primary-darken-color);
 }
 
-.vxe-radio {
-  font-size: var(--vxe-ui-font-size-default);
-}
-.vxe-radio.size--medium {
-  font-size: var(--vxe-ui-font-size-medium);
-}
-.vxe-radio.size--small {
-  font-size: var(--vxe-ui-font-size-small);
-}
-.vxe-radio.size--mini {
-  font-size: var(--vxe-ui-font-size-mini);
-}
 .vxe-radio:last-of-type {
   margin-right: 0;
 }
 
 .vxe-radio--default,
 .vxe-radio-group {
-  margin-right: var(--vxe-ui-base-margin-gap-default);
-}
-.vxe-radio--default.size--medium,
-.vxe-radio-group.size--medium {
-  margin-right: var(--vxe-ui-base-margin-gap-medium);
-}
-.vxe-radio--default.size--small,
-.vxe-radio-group.size--small {
-  margin-right: var(--vxe-ui-base-margin-gap-small);
-}
-.vxe-radio--default.size--mini,
-.vxe-radio-group.size--mini {
-  margin-right: var(--vxe-ui-base-margin-gap-mini);
-}
-.vxe-radio--default:last-of-type,
-.vxe-radio-group:last-of-type {
-  margin-right: 0;
+  margin-right: var(--vxe-ui-radio-current-margin-right);
 }

package/lib/radio/style/style.min.css

@@ -1 +1 @@
-.vxe-radio-group{display:inline-flex;vertical-align:middle;line-height:1;font-size:0}.vxe-radio--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-radio{display:inline-flex;vertical-align:middle;white-space:nowrap;line-height:1}.vxe-radio{cursor:pointer}.vxe-radio .vxe-radio--icon{font-size:1.26em}.vxe-radio .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-radio.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-radio.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-radio:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-radio.is--readonly{cursor:auto}.vxe-radio.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-radio.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-radio .vxe-radio--label{padding-left:.5em;vertical-align:middle}.vxe-radio>input[type=radio]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-radio .vxe-radio--label{vertical-align:middle;display:inline-block;max-width:50em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-radio:not(.is--disabled)>input:focus+.vxe-radio--icon{color:var(--vxe-ui-font-primary-darken-color)}.vxe-radio{font-size:var(--vxe-ui-font-size-default)}.vxe-radio.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-radio.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-radio.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-radio:last-of-type{margin-right:0}.vxe-radio--default,.vxe-radio-group{margin-right:var(--vxe-ui-base-margin-gap-default)}.vxe-radio--default.size--medium,.vxe-radio-group.size--medium{margin-right:var(--vxe-ui-base-margin-gap-medium)}.vxe-radio--default.size--small,.vxe-radio-group.size--small{margin-right:var(--vxe-ui-base-margin-gap-small)}.vxe-radio--default.size--mini,.vxe-radio-group.size--mini{margin-right:var(--vxe-ui-base-margin-gap-mini)}.vxe-radio--default:last-of-type,.vxe-radio-group:last-of-type{margin-right:0}
+.vxe-radio{--vxe-ui-radio-current-font-size:var(--vxe-ui-font-size-default);--vxe-ui-radio-current-margin-right:var(--vxe-ui-base-margin-gap-default)}.vxe-radio.size--medium{--vxe-ui-radio-current-font-size:var(--vxe-ui-font-size-medium);--vxe-ui-radio-current-margin-right:var(--vxe-ui-base-margin-gap-medium)}.vxe-radio.size--small{--vxe-ui-radio-current-font-size:var(--vxe-ui-font-size-small);--vxe-ui-radio-current-margin-right:var(--vxe-ui-base-margin-gap-small)}.vxe-radio.size--mini{--vxe-ui-radio-current-font-size:var(--vxe-ui-font-size-mini);--vxe-ui-radio-current-margin-right:var(--vxe-ui-base-margin-gap-mini)}.vxe-radio-group{display:inline-flex;vertical-align:middle;line-height:1;font-size:0}.vxe-radio--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-radio{display:inline-flex;flex-direction:row;align-items:center;vertical-align:middle;white-space:nowrap;line-height:1;font-size:var(--vxe-ui-radio-current-font-size)}.vxe-radio{cursor:pointer}.vxe-radio .vxe-radio--icon{font-size:1.26em}.vxe-radio .vxe-radio--icon{color:var(--vxe-ui-input-border-color);border-radius:50%;vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-radio.is--checked{color:var(--vxe-ui-font-primary-color)}.vxe-radio.is--checked .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-radio:not(.is--disabled):hover .vxe-radio--icon{color:var(--vxe-ui-font-primary-color)}.vxe-radio.is--readonly{cursor:auto}.vxe-radio.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-radio.is--disabled .vxe-radio--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-radio .vxe-radio--label{padding-left:.4em;vertical-align:middle}.vxe-radio>input[type=radio]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-radio .vxe-radio--label{vertical-align:middle;display:inline-block;max-width:50em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-radio:not(.is--disabled)>input:focus+.vxe-radio--icon{color:var(--vxe-ui-font-primary-darken-color)}.vxe-radio:last-of-type{margin-right:0}.vxe-radio--default,.vxe-radio-group{margin-right:var(--vxe-ui-radio-current-margin-right)}

package/lib/radio-button/style/style.css

@@ -1,6 +1,3 @@
-.vxe-radio--button .vxe-radio--label {
-  background-color: var(--vxe-ui-layout-background-color);
-}
 .vxe-radio--button:first-child .vxe-radio--label {
   border-left: 1px solid var(--vxe-ui-input-border-color);
   border-radius: var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius);
@@ -8,10 +5,6 @@
 .vxe-radio--button:last-child .vxe-radio--label {
   border-radius: 0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0;
 }
-.vxe-radio--button > input:checked + .vxe-radio--label {
-  color: #fff;
-  background-color: var(--vxe-ui-font-primary-color);
-}
 .vxe-radio--button .vxe-radio--label {
   padding: 0 1em;
   line-height: calc(var(--vxe-ui-button-height-default) - 2px);
@@ -27,9 +20,159 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.vxe-radio--button > input:focus + .vxe-radio--label {
+
+.vxe-radio--button > input:checked + .vxe-radio--label {
+  color: #fff;
+  border-color: var(--vxe-ui-font-primary-color);
+  background-color: var(--vxe-ui-font-primary-color);
+}
+.vxe-radio--button > input:checked + .vxe-radio--label:not(.is--disabled):hover {
+  background-color: var(--vxe-ui-font-primary-lighten-color);
+  border-color: var(--vxe-ui-font-primary-lighten-color);
+}
+.vxe-radio--button > input:checked + .vxe-radio--label:not(.is--disabled):active {
+  background-color: var(--vxe-ui-font-primary-darken-color);
+  border-color: var(--vxe-ui-font-primary-darken-color);
+}
+.vxe-radio--button > input:checked + .vxe-radio--label.is--disabled {
+  border-color: var(--vxe-ui-font-primary-disabled-color);
+  background-color: var(--vxe-ui-font-primary-disabled-color);
+}
+
+.vxe-radio-group.theme--primary .vxe-radio--button > input:checked + .vxe-radio--label {
+  color: #fff;
   border-color: var(--vxe-ui-font-primary-color);
+  background-color: var(--vxe-ui-font-primary-color);
+}
+.vxe-radio-group.theme--primary .vxe-radio--button > input:checked + .vxe-radio--label: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-radio-group.theme--primary .vxe-radio--button > input:checked + .vxe-radio--label: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-radio-group.theme--primary .vxe-radio--button > input:checked + .vxe-radio--label.is--disabled {
+  border-color: var(--vxe-ui-font-primary-disabled-color);
+  background-color: var(--vxe-ui-font-primary-disabled-color);
+}
+.vxe-radio-group.theme--success .vxe-radio--button > input:checked + .vxe-radio--label {
+  color: #fff;
+  border-color: var(--vxe-ui-status-success-color);
+  background-color: var(--vxe-ui-status-success-color);
+}
+.vxe-radio-group.theme--success .vxe-radio--button > input:checked + .vxe-radio--label: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-radio-group.theme--success .vxe-radio--button > input:checked + .vxe-radio--label: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-radio-group.theme--success .vxe-radio--button > input:checked + .vxe-radio--label.is--disabled {
+  border-color: var(--vxe-ui-status-success-disabled-color);
+  background-color: var(--vxe-ui-status-success-disabled-color);
+}
+.vxe-radio-group.theme--info .vxe-radio--button > input:checked + .vxe-radio--label {
+  color: #fff;
+  border-color: var(--vxe-ui-status-info-color);
+  background-color: var(--vxe-ui-status-info-color);
+}
+.vxe-radio-group.theme--info .vxe-radio--button > input:checked + .vxe-radio--label: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-radio-group.theme--info .vxe-radio--button > input:checked + .vxe-radio--label: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-radio-group.theme--info .vxe-radio--button > input:checked + .vxe-radio--label.is--disabled {
+  border-color: var(--vxe-ui-status-info-disabled-color);
+  background-color: var(--vxe-ui-status-info-disabled-color);
+}
+.vxe-radio-group.theme--warning .vxe-radio--button > input:checked + .vxe-radio--label {
+  color: #fff;
+  border-color: var(--vxe-ui-status-warning-color);
+  background-color: var(--vxe-ui-status-warning-color);
+}
+.vxe-radio-group.theme--warning .vxe-radio--button > input:checked + .vxe-radio--label: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-radio-group.theme--warning .vxe-radio--button > input:checked + .vxe-radio--label: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-radio-group.theme--warning .vxe-radio--button > input:checked + .vxe-radio--label.is--disabled {
+  border-color: var(--vxe-ui-status-warning-disabled-color);
+  background-color: var(--vxe-ui-status-warning-disabled-color);
+}
+.vxe-radio-group.theme--danger .vxe-radio--button > input:checked + .vxe-radio--label {
+  color: #fff;
+  border-color: var(--vxe-ui-status-danger-color);
+  background-color: var(--vxe-ui-status-danger-color);
+}
+.vxe-radio-group.theme--danger .vxe-radio--button > input:checked + .vxe-radio--label: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-radio-group.theme--danger .vxe-radio--button > input:checked + .vxe-radio--label: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-radio-group.theme--danger .vxe-radio--button > input:checked + .vxe-radio--label.is--disabled {
+  border-color: var(--vxe-ui-status-danger-disabled-color);
+  background-color: var(--vxe-ui-status-danger-disabled-color);
+}
+.vxe-radio-group.theme--error .vxe-radio--button > input:checked + .vxe-radio--label {
+  color: #fff;
+  border-color: var(--vxe-ui-status-error-color);
+  background-color: var(--vxe-ui-status-error-color);
+}
+.vxe-radio-group.theme--error .vxe-radio--button > input:checked + .vxe-radio--label:not(.is--disabled):hover {
+  color: #fff;
+  background-color: var(--vxe-ui-status-error-lighten-color);
+  border-color: var(--vxe-ui-status-error-lighten-color);
+}
+.vxe-radio-group.theme--error .vxe-radio--button > input:checked + .vxe-radio--label:not(.is--disabled):active {
+  color: #fff;
+  background-color: var(--vxe-ui-status-error-darken-color);
+  border-color: var(--vxe-ui-status-error-darken-color);
+}
+.vxe-radio-group.theme--error .vxe-radio--button > input:checked + .vxe-radio--label.is--disabled {
+  border-color: var(--vxe-ui-status-error-disabled-color);
+  background-color: var(--vxe-ui-status-error-disabled-color);
+}
+.vxe-radio-group.theme--perfect .vxe-radio--button > input:checked + .vxe-radio--label {
+  color: var(--vxe-ui-font-color);
+  border-color: var(--vxe-ui-table-header-background-color);
+  background-color: var(--vxe-ui-table-header-background-color);
+}
+.vxe-radio-group.theme--perfect .vxe-radio--button > input:checked + .vxe-radio--label: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-radio-group.theme--perfect .vxe-radio--button > input:checked + .vxe-radio--label: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-radio-group.theme--perfect .vxe-radio--button > input:checked + .vxe-radio--label.is--disabled {
+  border-color: var(--vxe-ui-table-header-background-color);
+  background-color: var(--vxe-ui-table-header-background-color);
 }
+
 .vxe-radio--button.size--medium .vxe-radio--label {
   line-height: calc(var(--vxe-ui-button-height-medium) - 2px);
 }

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

@@ -1 +1 @@
-.vxe-radio--button .vxe-radio--label{background-color:var(--vxe-ui-layout-background-color)}.vxe-radio--button:first-child .vxe-radio--label{border-left:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-radio--button:last-child .vxe-radio--label{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-radio--button>input:checked+.vxe-radio--label{color:#fff;background-color:var(--vxe-ui-font-primary-color)}.vxe-radio--button .vxe-radio--label{padding:0 1em;line-height:calc(var(--vxe-ui-button-height-default) - 2px);display:inline-block;border-style:solid;border-color:var(--vxe-ui-input-border-color);border-width:1px 1px 1px 0;max-width:50em;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-radio--button>input:focus+.vxe-radio--label{border-color:var(--vxe-ui-font-primary-color)}.vxe-radio--button.size--medium .vxe-radio--label{line-height:calc(var(--vxe-ui-button-height-medium) - 2px)}.vxe-radio--button.size--small .vxe-radio--label{line-height:calc(var(--vxe-ui-button-height-small) - 2px)}.vxe-radio--button.size--mini .vxe-radio--label{line-height:calc(var(--vxe-ui-button-height-mini) - 2px)}
+.vxe-radio--button:first-child .vxe-radio--label{border-left:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius)}.vxe-radio--button:last-child .vxe-radio--label{border-radius:0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0}.vxe-radio--button .vxe-radio--label{padding:0 1em;line-height:calc(var(--vxe-ui-button-height-default) - 2px);display:inline-block;border-style:solid;border-color:var(--vxe-ui-input-border-color);border-width:1px 1px 1px 0;max-width:50em;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-radio--button>input:checked+.vxe-radio--label{color:#fff;border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):hover{background-color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):active{background-color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-radio--button>input:checked+.vxe-radio--label.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-radio-group.theme--primary .vxe-radio--button>input:checked+.vxe-radio--label{color:#fff;border-color:var(--vxe-ui-font-primary-color);background-color:var(--vxe-ui-font-primary-color)}.vxe-radio-group.theme--primary .vxe-radio--button>input:checked+.vxe-radio--label: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-radio-group.theme--primary .vxe-radio--button>input:checked+.vxe-radio--label: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-radio-group.theme--primary .vxe-radio--button>input:checked+.vxe-radio--label.is--disabled{border-color:var(--vxe-ui-font-primary-disabled-color);background-color:var(--vxe-ui-font-primary-disabled-color)}.vxe-radio-group.theme--success .vxe-radio--button>input:checked+.vxe-radio--label{color:#fff;border-color:var(--vxe-ui-status-success-color);background-color:var(--vxe-ui-status-success-color)}.vxe-radio-group.theme--success .vxe-radio--button>input:checked+.vxe-radio--label: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-radio-group.theme--success .vxe-radio--button>input:checked+.vxe-radio--label: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-radio-group.theme--success .vxe-radio--button>input:checked+.vxe-radio--label.is--disabled{border-color:var(--vxe-ui-status-success-disabled-color);background-color:var(--vxe-ui-status-success-disabled-color)}.vxe-radio-group.theme--info .vxe-radio--button>input:checked+.vxe-radio--label{color:#fff;border-color:var(--vxe-ui-status-info-color);background-color:var(--vxe-ui-status-info-color)}.vxe-radio-group.theme--info .vxe-radio--button>input:checked+.vxe-radio--label: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-radio-group.theme--info .vxe-radio--button>input:checked+.vxe-radio--label: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-radio-group.theme--info .vxe-radio--button>input:checked+.vxe-radio--label.is--disabled{border-color:var(--vxe-ui-status-info-disabled-color);background-color:var(--vxe-ui-status-info-disabled-color)}.vxe-radio-group.theme--warning .vxe-radio--button>input:checked+.vxe-radio--label{color:#fff;border-color:var(--vxe-ui-status-warning-color);background-color:var(--vxe-ui-status-warning-color)}.vxe-radio-group.theme--warning .vxe-radio--button>input:checked+.vxe-radio--label: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-radio-group.theme--warning .vxe-radio--button>input:checked+.vxe-radio--label: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-radio-group.theme--warning .vxe-radio--button>input:checked+.vxe-radio--label.is--disabled{border-color:var(--vxe-ui-status-warning-disabled-color);background-color:var(--vxe-ui-status-warning-disabled-color)}.vxe-radio-group.theme--danger .vxe-radio--button>input:checked+.vxe-radio--label{color:#fff;border-color:var(--vxe-ui-status-danger-color);background-color:var(--vxe-ui-status-danger-color)}.vxe-radio-group.theme--danger .vxe-radio--button>input:checked+.vxe-radio--label: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-radio-group.theme--danger .vxe-radio--button>input:checked+.vxe-radio--label: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-radio-group.theme--danger .vxe-radio--button>input:checked+.vxe-radio--label.is--disabled{border-color:var(--vxe-ui-status-danger-disabled-color);background-color:var(--vxe-ui-status-danger-disabled-color)}.vxe-radio-group.theme--error .vxe-radio--button>input:checked+.vxe-radio--label{color:#fff;border-color:var(--vxe-ui-status-error-color);background-color:var(--vxe-ui-status-error-color)}.vxe-radio-group.theme--error .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):hover{color:#fff;background-color:var(--vxe-ui-status-error-lighten-color);border-color:var(--vxe-ui-status-error-lighten-color)}.vxe-radio-group.theme--error .vxe-radio--button>input:checked+.vxe-radio--label:not(.is--disabled):active{color:#fff;background-color:var(--vxe-ui-status-error-darken-color);border-color:var(--vxe-ui-status-error-darken-color)}.vxe-radio-group.theme--error .vxe-radio--button>input:checked+.vxe-radio--label.is--disabled{border-color:var(--vxe-ui-status-error-disabled-color);background-color:var(--vxe-ui-status-error-disabled-color)}.vxe-radio-group.theme--perfect .vxe-radio--button>input:checked+.vxe-radio--label{color:var(--vxe-ui-font-color);border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-radio-group.theme--perfect .vxe-radio--button>input:checked+.vxe-radio--label: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-radio-group.theme--perfect .vxe-radio--button>input:checked+.vxe-radio--label: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-radio-group.theme--perfect .vxe-radio--button>input:checked+.vxe-radio--label.is--disabled{border-color:var(--vxe-ui-table-header-background-color);background-color:var(--vxe-ui-table-header-background-color)}.vxe-radio--button.size--medium .vxe-radio--label{line-height:calc(var(--vxe-ui-button-height-medium) - 2px)}.vxe-radio--button.size--small .vxe-radio--label{line-height:calc(var(--vxe-ui-button-height-small) - 2px)}.vxe-radio--button.size--mini .vxe-radio--label{line-height:calc(var(--vxe-ui-button-height-mini) - 2px)}

package/lib/select/style/style.css

@@ -1,7 +1,39 @@
+.vxe-select,
+.vxe-select--panel {
+  --vxe-ui-select-current-font-size: var(--vxe-ui-font-size-default);
+  --vxe-ui-select-current-option-height: var(--vxe-ui-select-option-height-default);
+}
+.vxe-select.size--medium,
+.vxe-select--panel.size--medium {
+  --vxe-ui-select-current-font-size: var(--vxe-ui-font-size-medium);
+  --vxe-ui-select-current-option-height: var(--vxe-ui-select-option-height-medium);
+}
+.vxe-select.size--small,
+.vxe-select--panel.size--small {
+  --vxe-ui-select-current-font-size: var(--vxe-ui-font-size-small);
+  --vxe-ui-select-current-option-height: var(--vxe-ui-select-option-height-small);
+}
+.vxe-select.size--mini,
+.vxe-select--panel.size--mini {
+  --vxe-ui-select-current-font-size: var(--vxe-ui-font-size-mini);
+  --vxe-ui-select-current-option-height: var(--vxe-ui-select-option-height-mini);
+}
+
+.vxe-select,
+.vxe-select--panel {
+  --vxe-ui-select-current-padding: var(--vxe-ui-layout-padding-default);
+}
+.vxe-select.size--small, .vxe-select.size--mini,
+.vxe-select--panel.size--small,
+.vxe-select--panel.size--mini {
+  --vxe-ui-select-current-padding: var(--vxe-ui-layout-padding-half);
+}
+
 .vxe-select {
   position: relative;
   display: inline-block;
   width: 180px;
+  font-size: var(--vxe-ui-select-current-font-size);
   color: var(--vxe-ui-font-color);
   text-align: left;
 }
@@ -35,6 +67,7 @@
 }
 
 .vxe-select--panel {
+  font-size: var(--vxe-ui-select-current-font-size);
   display: none;
   position: absolute;
   left: 0;
@@ -121,7 +154,7 @@
 }
 
 .vxe-select--total-btns {
-  padding-left: var(--vxe-ui-current-padding);
+  padding-left: var(--vxe-ui-select-current-padding);
   flex-grow: 1;
 }
 
@@ -265,7 +298,7 @@
   color: var(--vxe-ui-input-disabled-color);
 }
 .vxe-select-option--checkbox .vxe-checkbox--label {
-  padding-left: 0.5em;
+  padding-left: 0.4em;
   vertical-align: middle;
 }
 
@@ -307,7 +340,7 @@
   color: var(--vxe-ui-input-disabled-color);
 }
 .vxe-select-option--radio .vxe-radio--label {
-  padding-left: 0.5em;
+  padding-left: 0.4em;
   vertical-align: middle;
 }
 
@@ -322,62 +355,12 @@
   color: var(--vxe-ui-select-empty-color);
 }
 
-.vxe-select,
-.vxe-select--panel {
-  font-size: var(--vxe-ui-font-size-default);
-}
-.vxe-select.size--medium,
-.vxe-select--panel.size--medium {
-  font-size: var(--vxe-ui-font-size-medium);
-}
-.vxe-select.size--small,
-.vxe-select--panel.size--small {
-  font-size: var(--vxe-ui-font-size-small);
-}
-.vxe-select.size--mini,
-.vxe-select--panel.size--mini {
-  font-size: var(--vxe-ui-font-size-mini);
-}
-
-.vxe-select,
-.vxe-select--panel {
-  --vxe-ui-current-padding: var(--vxe-ui-layout-padding-default);
-}
-.vxe-select.size--small, .vxe-select.size--mini,
-.vxe-select--panel.size--small,
-.vxe-select--panel.size--mini {
-  --vxe-ui-current-padding: var(--vxe-ui-layout-padding-half);
+.vxe-select-option {
+  height: var(--vxe-ui-select-current-option-height);
 }
 
-.vxe-select--panel .vxe-select-option {
-  height: var(--vxe-ui-select-option-height-default);
-}
-.vxe-select--panel .vxe-select-option,
-.vxe-select--panel .vxe-select--search-loading,
-.vxe-select--panel .vxe-select--empty-placeholder {
-  line-height: var(--vxe-ui-select-option-height-default);
-}
-.vxe-select--panel.size--medium .vxe-select-option {
-  height: var(--vxe-ui-select-option-height-medium);
-}
-.vxe-select--panel.size--medium .vxe-select-option,
-.vxe-select--panel.size--medium .vxe-select--search-loading,
-.vxe-select--panel.size--medium .vxe-select--empty-placeholder {
-  line-height: var(--vxe-ui-select-option-height-medium);
-}
-.vxe-select--panel.size--small .vxe-select-option {
-  height: var(--vxe-ui-select-option-height-small);
-}
-.vxe-select--panel.size--small .vxe-select-option,
-.vxe-select--panel.size--small .vxe-select--search-loading,
-.vxe-select--panel.size--small .vxe-select--empty-placeholder {
-  line-height: var(--vxe-ui-select-option-height-small);
-}
-.vxe-select--panel.size--mini .vxe-select-option {
-  height: var(--vxe-ui-select-option-height-mini);
-}
-.vxe-select--panel.size--mini .vxe-select-option,
-.vxe-select--panel.size--mini .vxe-select--search-loading,
-.vxe-select--panel.size--mini .vxe-select--empty-placeholder {
-  line-height: var(--vxe-ui-select-option-height-mini);
+.vxe-select-option,
+.vxe-select--search-loading,
+.vxe-select--empty-placeholder {
+  line-height: var(--vxe-ui-select-current-option-height);
 }