vxe-table 4.2.8 → 4.3.0-beta.2

package/es/modal/src/modal.js

@@ -19,6 +19,7 @@ import { GlobalEvent, hasEventKey, EVENT_KEYS } from '../../tools/event';
 import GlobalConfig from '../../v-x-e-table/src/conf';
 import VxeButtonConstructor from '../../button/src/button';
 import VxeLoading from '../../loading/index';
+import { getSlotVNs } from '../../tools/vn';
 export var allActivedModals = [];
 export var msgQueue = [];
 export default defineComponent({
@@ -117,8 +118,8 @@ export default defineComponent({
         var recalculate = function () {
             var width = props.width, height = props.height;
             var boxElem = getBox();
-            boxElem.style.width = "" + (width ? (isNaN(width) ? width : width + "px") : '');
-            boxElem.style.height = "" + (height ? (isNaN(height) ? height : height + "px") : '');
+            boxElem.style.width = "".concat(width ? (isNaN(width) ? width : "".concat(width, "px")) : '');
+            boxElem.style.height = "".concat(height ? (isNaN(height) ? height : "".concat(height, "px")) : '');
             return nextTick();
         };
         var updateZindex = function () {
@@ -145,16 +146,16 @@ export default defineComponent({
                 var posTop = '';
                 var posLeft = '';
                 if (left && !leftCenter) {
-                    posLeft = isNaN(left) ? left : left + "px";
+                    posLeft = isNaN(left) ? left : "".concat(left, "px");
                 }
                 else {
-                    posLeft = Math.max(marginSize, clientVisibleWidth / 2 - boxElem.offsetWidth / 2) + "px";
+                    posLeft = "".concat(Math.max(marginSize, clientVisibleWidth / 2 - boxElem.offsetWidth / 2), "px");
                 }
                 if (top && !topCenter) {
-                    posTop = isNaN(top) ? top : top + "px";
+                    posTop = isNaN(top) ? top : "".concat(top, "px");
                 }
                 else {
-                    posTop = Math.max(marginSize, clientVisibleHeight / 2 - boxElem.offsetHeight / 2) + "px";
+                    posTop = "".concat(Math.max(marginSize, clientVisibleHeight / 2 - boxElem.offsetHeight / 2), "px");
                 }
                 boxElem.style.top = posTop;
                 boxElem.style.left = posLeft;
@@ -236,16 +237,16 @@ export default defineComponent({
                     var boxElem = getBox();
                     var _a = posStorage.split(','), left = _a[0], top_1 = _a[1], width = _a[2], height = _a[3], zoomLeft = _a[4], zoomTop = _a[5], zoomWidth = _a[6], zoomHeight = _a[7];
                     if (left) {
-                        boxElem.style.left = left + "px";
+                        boxElem.style.left = "".concat(left, "px");
                     }
                     if (top_1) {
-                        boxElem.style.top = top_1 + "px";
+                        boxElem.style.top = "".concat(top_1, "px");
                     }
                     if (width) {
-                        boxElem.style.width = width + "px";
+                        boxElem.style.width = "".concat(width, "px");
                     }
                     if (height) {
-                        boxElem.style.height = height + "px";
+                        boxElem.style.height = "".concat(height, "px");
                     }
                     if (zoomLeft && zoomTop) {
                         reactData.zoomLocat = {
@@ -297,10 +298,10 @@ export default defineComponent({
                         height: boxElem.offsetHeight + (boxElem.style.height ? 0 : 1)
                     };
                     Object.assign(boxElem.style, {
-                        top: marginSize + "px",
-                        left: marginSize + "px",
-                        width: visibleWidth - marginSize * 2 + "px",
-                        height: visibleHeight - marginSize * 2 + "px"
+                        top: "".concat(marginSize, "px"),
+                        left: "".concat(marginSize, "px"),
+                        width: "".concat(visibleWidth - marginSize * 2, "px"),
+                        height: "".concat(visibleHeight - marginSize * 2, "px")
                     });
                     savePosStorage();
                 }
@@ -403,10 +404,10 @@ export default defineComponent({
                     var boxElem = getBox();
                     reactData.zoomLocat = null;
                     Object.assign(boxElem.style, {
-                        top: zoomLocat.top + "px",
-                        left: zoomLocat.left + "px",
-                        width: zoomLocat.width + "px",
-                        height: zoomLocat.height + "px"
+                        top: "".concat(zoomLocat.top, "px"),
+                        left: "".concat(zoomLocat.left, "px"),
+                        width: "".concat(zoomLocat.width, "px"),
+                        height: "".concat(zoomLocat.height, "px")
                     });
                     savePosStorage();
                 }
@@ -443,10 +444,10 @@ export default defineComponent({
             if (!isMsg) {
                 var boxElem = getBox();
                 if (XEUtils.isNumber(top)) {
-                    boxElem.style.top = top + "px";
+                    boxElem.style.top = "".concat(top, "px");
                 }
                 if (XEUtils.isNumber(left)) {
-                    boxElem.style.left = left + "px";
+                    boxElem.style.left = "".concat(left, "px");
                 }
             }
             return nextTick();
@@ -491,8 +492,8 @@ export default defineComponent({
                     if (top < minY) {
                         top = minY;
                     }
-                    boxElem.style.left = left + "px";
-                    boxElem.style.top = top + "px";
+                    boxElem.style.left = "".concat(left, "px");
+                    boxElem.style.top = "".concat(top, "px");
                     boxElem.className = boxElem.className.replace(/\s?is--drag/, '') + ' is--drag';
                 };
                 document.onmouseup = function () {
@@ -542,8 +543,8 @@ export default defineComponent({
                         width = dragLeft + clientWidth;
                         if (offsetLeft - dragLeft > marginSize) {
                             if (width > minWidth) {
-                                boxElem.style.width = (width < maxWidth ? width : maxWidth) + "px";
-                                boxElem.style.left = offsetLeft - dragLeft + "px";
+                                boxElem.style.width = "".concat(width < maxWidth ? width : maxWidth, "px");
+                                boxElem.style.left = "".concat(offsetLeft - dragLeft, "px");
                             }
                         }
                         break;
@@ -554,14 +555,14 @@ export default defineComponent({
                         height = dragTop + clientHeight;
                         if (offsetLeft - dragLeft > marginSize) {
                             if (width > minWidth) {
-                                boxElem.style.width = (width < maxWidth ? width : maxWidth) + "px";
-                                boxElem.style.left = offsetLeft - dragLeft + "px";
+                                boxElem.style.width = "".concat(width < maxWidth ? width : maxWidth, "px");
+                                boxElem.style.left = "".concat(offsetLeft - dragLeft, "px");
                             }
                         }
                         if (offsetTop - dragTop > marginSize) {
                             if (height > minHeight) {
-                                boxElem.style.height = (height < maxHeight ? height : maxHeight) + "px";
-                                boxElem.style.top = offsetTop - dragTop + "px";
+                                boxElem.style.height = "".concat(height < maxHeight ? height : maxHeight, "px");
+                                boxElem.style.top = "".concat(offsetTop - dragTop, "px");
                             }
                         }
                         break;
@@ -572,13 +573,13 @@ export default defineComponent({
                         height = dragTop + clientHeight;
                         if (offsetLeft - dragLeft > marginSize) {
                             if (width > minWidth) {
-                                boxElem.style.width = (width < maxWidth ? width : maxWidth) + "px";
-                                boxElem.style.left = offsetLeft - dragLeft + "px";
+                                boxElem.style.width = "".concat(width < maxWidth ? width : maxWidth, "px");
+                                boxElem.style.left = "".concat(offsetLeft - dragLeft, "px");
                             }
                         }
                         if (offsetTop + height + marginSize < visibleHeight) {
                             if (height > minHeight) {
-                                boxElem.style.height = (height < maxHeight ? height : maxHeight) + "px";
+                                boxElem.style.height = "".concat(height < maxHeight ? height : maxHeight, "px");
                             }
                         }
                         break;
@@ -587,8 +588,8 @@ export default defineComponent({
                         height = clientHeight + dragTop;
                         if (offsetTop - dragTop > marginSize) {
                             if (height > minHeight) {
-                                boxElem.style.height = (height < maxHeight ? height : maxHeight) + "px";
-                                boxElem.style.top = offsetTop - dragTop + "px";
+                                boxElem.style.height = "".concat(height < maxHeight ? height : maxHeight, "px");
+                                boxElem.style.top = "".concat(offsetTop - dragTop, "px");
                             }
                         }
                         break;
@@ -597,7 +598,7 @@ export default defineComponent({
                         width = dragLeft + clientWidth;
                         if (offsetLeft + width + marginSize < visibleWidth) {
                             if (width > minWidth) {
-                                boxElem.style.width = (width < maxWidth ? width : maxWidth) + "px";
+                                boxElem.style.width = "".concat(width < maxWidth ? width : maxWidth, "px");
                             }
                         }
                         break;
@@ -608,13 +609,13 @@ export default defineComponent({
                         height = dragTop + clientHeight;
                         if (offsetLeft + width + marginSize < visibleWidth) {
                             if (width > minWidth) {
-                                boxElem.style.width = (width < maxWidth ? width : maxWidth) + "px";
+                                boxElem.style.width = "".concat(width < maxWidth ? width : maxWidth, "px");
                             }
                         }
                         if (offsetTop - dragTop > marginSize) {
                             if (height > minHeight) {
-                                boxElem.style.height = (height < maxHeight ? height : maxHeight) + "px";
-                                boxElem.style.top = offsetTop - dragTop + "px";
+                                boxElem.style.height = "".concat(height < maxHeight ? height : maxHeight, "px");
+                                boxElem.style.top = "".concat(offsetTop - dragTop, "px");
                             }
                         }
                         break;
@@ -625,12 +626,12 @@ export default defineComponent({
                         height = dragTop + clientHeight;
                         if (offsetLeft + width + marginSize < visibleWidth) {
                             if (width > minWidth) {
-                                boxElem.style.width = (width < maxWidth ? width : maxWidth) + "px";
+                                boxElem.style.width = "".concat(width < maxWidth ? width : maxWidth, "px");
                             }
                         }
                         if (offsetTop + height + marginSize < visibleHeight) {
                             if (height > minHeight) {
-                                boxElem.style.height = (height < maxHeight ? height : maxHeight) + "px";
+                                boxElem.style.height = "".concat(height < maxHeight ? height : maxHeight, "px");
                             }
                         }
                         break;
@@ -639,7 +640,7 @@ export default defineComponent({
                         height = dragTop + clientHeight;
                         if (offsetTop + height + marginSize < visibleHeight) {
                             if (height > minHeight) {
-                                boxElem.style.height = (height < maxHeight ? height : maxHeight) + "px";
+                                boxElem.style.height = "".concat(height < maxHeight ? height : maxHeight, "px");
                             }
                         }
                         break;
@@ -663,7 +664,7 @@ export default defineComponent({
             var _a = props.slots, propSlots = _a === void 0 ? {} : _a, showClose = props.showClose, showZoom = props.showZoom, title = props.title;
             var zoomLocat = reactData.zoomLocat;
             var titleSlot = slots.title || propSlots.title;
-            var titVNs = titleSlot ? titleSlot({ $modal: $xemodal }) : [
+            var titVNs = titleSlot ? getSlotVNs(titleSlot({ $modal: $xemodal })) : [
                 h('span', {
                     class: 'vxe-modal--title'
                 }, title ? getFuncText(title) : GlobalConfig.i18n('vxe.alert.title'))
@@ -671,7 +672,7 @@ export default defineComponent({
             if (showZoom) {
                 titVNs.push(h('i', {
                     class: ['vxe-modal--zoom-btn', 'trigger--btn', zoomLocat ? GlobalConfig.icon.MODAL_ZOOM_OUT : GlobalConfig.icon.MODAL_ZOOM_IN],
-                    title: GlobalConfig.i18n("vxe.modal.zoom" + (zoomLocat ? 'Out' : 'In')),
+                    title: GlobalConfig.i18n("vxe.modal.zoom".concat(zoomLocat ? 'Out' : 'In')),
                     onClick: toggleZoomEvent
                 }));
             }
@@ -700,7 +701,7 @@ export default defineComponent({
                 headVNs.push(h('div', __assign({ class: ['vxe-modal--header', {
                             'is--draggable': draggable,
                             'is--ellipsis': !isMsg && props.showTitleOverflow
-                        }] }, headerOns), headerSlot ? (!reactData.inited || (props.destroyOnClose && !reactData.visible) ? [] : headerSlot({ $modal: $xemodal })) : renderTitles()));
+                        }] }, headerOns), headerSlot ? (!reactData.inited || (props.destroyOnClose && !reactData.visible) ? [] : getSlotVNs(headerSlot({ $modal: $xemodal }))) : renderTitles()));
             }
             return headVNs;
         };
@@ -715,13 +716,13 @@ export default defineComponent({
                     class: 'vxe-modal--status-wrapper'
                 }, [
                     h('i', {
-                        class: ['vxe-modal--status-icon', props.iconStatus || GlobalConfig.icon[("MODAL_" + status).toLocaleUpperCase()]]
+                        class: ['vxe-modal--status-icon', props.iconStatus || GlobalConfig.icon["MODAL_".concat(status).toLocaleUpperCase()]]
                     })
                 ]));
             }
             contVNs.push(h('div', {
                 class: 'vxe-modal--content'
-            }, defaultSlot ? (!reactData.inited || (props.destroyOnClose && !reactData.visible) ? [] : defaultSlot({ $modal: $xemodal })) : getFuncText(content)));
+            }, defaultSlot ? (!reactData.inited || (props.destroyOnClose && !reactData.visible) ? [] : getSlotVNs(defaultSlot({ $modal: $xemodal }))) : getFuncText(content)));
             if (!isMsg) {
                 /**
                  * 加载中
@@ -763,14 +764,14 @@ export default defineComponent({
             if (props.showFooter) {
                 footVNs.push(h('div', {
                     class: 'vxe-modal--footer'
-                }, footerSlot ? (!reactData.inited || (props.destroyOnClose && !reactData.visible) ? [] : footerSlot({ $modal: $xemodal })) : renderBtns()));
+                }, footerSlot ? (!reactData.inited || (props.destroyOnClose && !reactData.visible) ? [] : getSlotVNs(footerSlot({ $modal: $xemodal }))) : renderBtns()));
             }
             if (!isMsg && props.resize) {
                 footVNs.push(h('span', {
                     class: 'vxe-modal--resize'
                 }, ['wl', 'wr', 'swst', 'sest', 'st', 'swlb', 'selb', 'sb'].map(function (type) {
                     return h('span', {
-                        class: type + "-resize",
+                        class: "".concat(type, "-resize"),
                         type: type,
                         onMousedown: dragEvent
                     });
@@ -834,9 +835,9 @@ export default defineComponent({
             }, [
                 h('div', {
                     ref: refElem,
-                    class: ['vxe-modal--wrapper', "type--" + type, className || '', (_a = {},
-                            _a["size--" + vSize] = vSize,
-                            _a["status--" + status] = status,
+                    class: ['vxe-modal--wrapper', "type--".concat(type), className || '', (_a = {},
+                            _a["size--".concat(vSize)] = vSize,
+                            _a["status--".concat(status)] = status,
                             _a['is--animat'] = animat,
                             _a['lock--scroll'] = lockScroll,
                             _a['lock--view'] = lockView,
@@ -849,7 +850,7 @@ export default defineComponent({
                             _a)],
                     style: {
                         zIndex: reactData.modalZindex,
-                        top: modalTop ? modalTop + "px" : null
+                        top: modalTop ? "".concat(modalTop, "px") : null
                     },
                     onClick: selfClickEvent
                 }, [

package/es/modal/style.css

@@ -47,7 +47,7 @@
   .vxe-modal--wrapper.is--loading .vxe-modal--header,
   .vxe-modal--wrapper.is--loading .vxe-modal--footer {
     position: relative;
-    border-bottom-color: rgba(0, 0, 0, 0.2); }
+    border-bottom-color: rgba(0, 0, 0, 0.3); }
     .vxe-modal--wrapper.is--loading .vxe-modal--header:before,
     .vxe-modal--wrapper.is--loading .vxe-modal--footer:before {
       content: "";
@@ -61,7 +61,7 @@
          -moz-user-select: none;
           -ms-user-select: none;
               user-select: none;
-      background-color: rgba(0, 0, 0, 0.2); }
+      background-color: rgba(0, 0, 0, 0.3); }
   .vxe-modal--wrapper:not(.lock--view) {
     pointer-events: none; }
   .vxe-modal--wrapper:not(.type--message).lock--scroll {
@@ -195,7 +195,6 @@
   .vxe-modal--wrapper .vxe-modal--close-btn {
     position: absolute;
     right: 14px;
-    top: 0.85em;
     z-index: 1;
     cursor: pointer; }
     .vxe-modal--wrapper .vxe-modal--zoom-btn:hover,

package/es/pager/src/pager.js

@@ -120,7 +120,7 @@ export default defineComponent({
                 if (XEUtils.isNumber(item)) {
                     return {
                         value: item,
-                        label: "" + GlobalConfig.i18n('vxe.pager.pagesize', [item])
+                        label: "".concat(GlobalConfig.i18n('vxe.pager.pagesize', [item]))
                     };
                 }
                 return __assign({ value: '', label: '' }, item);
@@ -443,8 +443,8 @@ export default defineComponent({
             return h('div', {
                 ref: refElem,
                 class: ['vxe-pager', className ? (XEUtils.isFunction(className) ? className({ $pager: $xepager }) : className) : '', (_a = {},
-                        _a["size--" + vSize] = vSize,
-                        _a["align--" + align] = align,
+                        _a["size--".concat(vSize)] = vSize,
+                        _a["align--".concat(align)] = align,
                         _a['is--border'] = props.border,
                         _a['is--background'] = props.background,
                         _a['is--perfect'] = props.perfect,

package/es/pager/style.css

@@ -50,7 +50,7 @@
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none;
-    background-color: rgba(0, 0, 0, 0.2); }
+    background-color: rgba(0, 0, 0, 0.3); }
   .vxe-pager .vxe-pager--prev-btn,
   .vxe-pager .vxe-pager--next-btn,
   .vxe-pager .vxe-pager--num-btn,
@@ -58,6 +58,7 @@
   .vxe-pager .vxe-pager--jump-next {
     color: inherit;
     outline: 0;
+    padding: 0;
     border: 1px solid transparent; }
     .vxe-pager .vxe-pager--prev-btn:not(.is--disabled):focus,
     .vxe-pager .vxe-pager--next-btn:not(.is--disabled):focus,
@@ -170,7 +171,8 @@
     display: inline-block; }
   .vxe-pager .vxe-pager--jump .vxe-pager--goto,
   .vxe-pager .vxe-pager--sizes > .vxe-input {
-    height: 2.15em; }
+    height: 2.15em;
+    line-height: 2.15em; }
   .vxe-pager .vxe-pager--sizes > .vxe-select--panel .vxe-select-option {
     text-align: center; }
   .vxe-pager .vxe-pager--jump-prev,

package/es/pulldown/src/pulldown.js

@@ -103,15 +103,15 @@ export default defineComponent({
                                 left = marginSize;
                             }
                             Object.assign(panelStyle, {
-                                left: left + "px",
-                                top: top_1 + "px",
-                                minWidth: targetWidth + "px"
+                                left: "".concat(left, "px"),
+                                top: "".concat(top_1, "px"),
+                                minWidth: "".concat(targetWidth, "px")
                             });
                         }
                         else {
                             if (placement === 'top') {
                                 panelPlacement = 'top';
-                                panelStyle.bottom = targetHeight + "px";
+                                panelStyle.bottom = "".concat(targetHeight, "px");
                             }
                             else if (!placement) {
                                 // 如果下面不够放，则向上
@@ -119,7 +119,7 @@ export default defineComponent({
                                     // 如果上面不够放，则向下（优先）
                                     if (boundingTop - targetHeight - panelHeight > marginSize) {
                                         panelPlacement = 'top';
-                                        panelStyle.bottom = targetHeight + "px";
+                                        panelStyle.bottom = "".concat(targetHeight, "px");
                                     }
                                 }
                             }
@@ -258,7 +258,7 @@ export default defineComponent({
             return h('div', {
                 ref: refElem,
                 class: ['vxe-pulldown', (_a = {},
-                        _a["size--" + vSize] = vSize,
+                        _a["size--".concat(vSize)] = vSize,
                         _a['is--visivle'] = visiblePanel,
                         _a['is--disabled'] = disabled,
                         _a['is--active'] = isActivated,
@@ -275,7 +275,7 @@ export default defineComponent({
                     h('div', {
                         ref: refPulldowPnanel,
                         class: ['vxe-table--ignore-clear vxe-pulldown--panel', (_b = {},
-                                _b["size--" + vSize] = vSize,
+                                _b["size--".concat(vSize)] = vSize,
                                 _b['is--transfer'] = transfer,
                                 _b['animat--leave'] = animatVisible,
                                 _b['animat--enter'] = visiblePanel,

package/es/radio/src/button.js

@@ -86,7 +86,7 @@ export default defineComponent({
             var checked = computeChecked.value;
             return h('label', {
                 class: ['vxe-radio', 'vxe-radio-button', (_a = {},
-                        _a["size--" + vSize] = vSize,
+                        _a["size--".concat(vSize)] = vSize,
                         _a['is--disabled'] = isDisabled,
                         _a)],
                 title: props.title

package/es/radio/src/radio.js

@@ -84,10 +84,11 @@ export default defineComponent({
             var vSize = computeSize.value;
             var isDisabled = computeDisabled.value;
             var name = computeName.value;
-            var checked = computeChecked.value;
+            var isChecked = computeChecked.value;
             return h('label', {
                 class: ['vxe-radio', (_a = {},
-                        _a["size--" + vSize] = vSize,
+                        _a["size--".concat(vSize)] = vSize,
+                        _a['is--checked'] = isChecked,
                         _a['is--disabled'] = isDisabled,
                         _a)],
                 title: props.title
@@ -96,13 +97,13 @@ export default defineComponent({
                     class: 'vxe-radio--input',
                     type: 'radio',
                     name: name,
-                    checked: checked,
+                    checked: isChecked,
                     disabled: isDisabled,
                     onChange: changeEvent,
                     onClick: clickEvent
                 }),
                 h('span', {
-                    class: 'vxe-radio--icon'
+                    class: ['vxe-radio--icon', isChecked ? 'vxe-icon-radio-checked' : 'vxe-icon-radio-unchecked']
                 }),
                 h('span', {
                     class: 'vxe-radio--label'

package/es/radio/style.css

@@ -177,6 +177,35 @@
 .is--animat .vxe-radio > input:checked + span {
   transition: background-color 0.1s ease-in-out; }
 
+.vxe-radio {
+  cursor: pointer; }
+  .vxe-radio .vxe-radio--icon {
+    font-size: 1.34em; }
+  .vxe-radio .vxe-radio--icon {
+    color: #dcdfe6;
+    vertical-align: middle;
+    font-weight: 700;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none; }
+  .is--checked.vxe-radio {
+    color: #409eff; }
+    .is--checked.vxe-radio .vxe-radio--icon {
+      color: #409eff; }
+  .vxe-radio:not(.is--disabled) {
+    cursor: pointer; }
+    .vxe-radio:not(.is--disabled):hover .vxe-radio--icon {
+      color: #409eff; }
+  .is--disabled.vxe-radio {
+    color: #BFBFBF;
+    cursor: not-allowed; }
+    .is--disabled.vxe-radio .vxe-radio--icon {
+      color: #dcdfe6; }
+  .vxe-radio .vxe-radio--label {
+    padding-left: 0.5em;
+    vertical-align: middle; }
+
 /*radio-group*/
 .vxe-radio-group {
   display: inline-block;
@@ -191,13 +220,7 @@
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  line-height: 1;
-  cursor: pointer;
-  color: #606266; }
+  line-height: 1; }
   .vxe-radio > input[type="radio"] {
     position: absolute;
     width: 0;
@@ -206,50 +229,12 @@
     -webkit-appearance: none;
        -moz-appearance: none;
             appearance: none; }
-  .vxe-radio > input + .vxe-radio--icon {
-    position: relative;
-    display: inline-block;
-    width: 1em;
-    height: 1em;
-    border: 2px solid #dcdfe6;
-    background-color: #fff;
-    vertical-align: middle;
-    border-radius: 50%; }
-  .vxe-radio > input:checked + .vxe-radio--icon {
-    background-color: #409eff;
-    border-color: #409eff; }
-    .vxe-radio > input:checked + .vxe-radio--icon:before {
-      content: "";
-      position: absolute;
-      background-color: #fff;
-      border-radius: 50%;
-      height: 0.25em;
-      width: 0.25em;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%); }
-    .vxe-radio > input:checked + .vxe-radio--icon + .vxe-radio--label {
-      color: #409eff; }
-  .vxe-radio:not(.is--disabled) > input:focus + .vxe-radio--icon {
-    border-color: #409eff;
-    box-shadow: 0 0 0.2em 0 #409eff; }
-  .vxe-radio:not(.is--disabled):hover > input + .vxe-radio--icon {
-    border-color: #409eff; }
-  .vxe-radio.is--disabled {
-    cursor: not-allowed; }
-    .vxe-radio.is--disabled > input + .vxe-radio--icon {
-      border-color: #dcdfe6;
-      background-color: #f3f3f3; }
-      .vxe-radio.is--disabled > input + .vxe-radio--icon:before {
-        border-color: #c0c4cc;
-        background-color: #c0c4cc; }
-      .vxe-radio.is--disabled > input + .vxe-radio--icon + .vxe-radio--label {
-        color: #BFBFBF; }
   .vxe-radio .vxe-radio--label {
-    padding-left: 0.5em;
     vertical-align: middle;
     display: inline-block;
     max-width: 50em; }
+  .vxe-radio:not(.is--disabled) > input:focus + .vxe-radio--icon {
+    color: #409eff; }
   .vxe-radio:not(.vxe-radio-button) + .vxe-radio {
     margin-left: 10px; }
 
@@ -303,17 +288,9 @@
 
 .vxe-radio {
   font-size: 14px; }
-  .vxe-radio .vxe-radio--icon {
-    font-size: 16px; }
   .vxe-radio.size--medium {
     font-size: 14px; }
-    .vxe-radio.size--medium .vxe-radio--icon {
-      font-size: 15px; }
   .vxe-radio.size--small {
     font-size: 13px; }
-    .vxe-radio.size--small .vxe-radio--icon {
-      font-size: 14px; }
   .vxe-radio.size--mini {
     font-size: 12px; }
-    .vxe-radio.size--mini .vxe-radio--icon {
-      font-size: 14px; }