vxe-table 4.2.8 → 4.3.0-beta.10

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,25 +664,35 @@ 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 }) : [
-                h('span', {
-                    class: 'vxe-modal--title'
-                }, title ? getFuncText(title) : GlobalConfig.i18n('vxe.alert.title'))
+            var cornerSlot = slots.corner || propSlots.corner;
+            var titVNs = [
+                h('div', {
+                    class: 'vxe-modal--header-title'
+                }, titleSlot ? getSlotVNs(titleSlot({ $modal: $xemodal })) : (title ? getFuncText(title) : GlobalConfig.i18n('vxe.alert.title')))
             ];
+            var rightVNs = [];
+            if (cornerSlot) {
+                rightVNs.push(h('span', {
+                    class: 'vxe-modal--corner-warpper'
+                }, getSlotVNs(cornerSlot({ $modal: $xemodal }))));
+            }
             if (showZoom) {
-                titVNs.push(h('i', {
+                rightVNs.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
                 }));
             }
             if (showClose) {
-                titVNs.push(h('i', {
+                rightVNs.push(h('i', {
                     class: ['vxe-modal--close-btn', 'trigger--btn', GlobalConfig.icon.MODAL_CLOSE],
                     title: GlobalConfig.i18n('vxe.modal.close'),
                     onClick: closeEvent
                 }));
             }
+            titVNs.push(h('div', {
+                class: 'vxe-modal--header-right'
+            }, rightVNs));
             return titVNs;
         };
         var renderHeaders = function () {
@@ -700,7 +711,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 +726,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 +774,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 +845,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 +860,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

@@ -120,8 +120,6 @@
     overflow: auto; }
     .vxe-modal--wrapper.type--modal .vxe-modal--body .vxe-modal--content, .vxe-modal--wrapper.type--alert .vxe-modal--body .vxe-modal--content, .vxe-modal--wrapper.type--confirm .vxe-modal--body .vxe-modal--content {
       overflow: auto; }
-  .vxe-modal--wrapper.type--modal .vxe-modal--header {
-    padding: 0.6em 4.6em 0.6em 1em; }
   .vxe-modal--wrapper.type--alert .vxe-modal--status-wrapper, .vxe-modal--wrapper.type--confirm .vxe-modal--status-wrapper {
     font-size: 1.6em;
     padding-left: 10px; }
@@ -174,10 +172,11 @@
     display: flex;
     flex-grow: 1; }
   .vxe-modal--wrapper .vxe-modal--header {
+    display: flex;
+    flex-direction: row;
     flex-shrink: 0;
     font-size: 1.1em;
     font-weight: 700;
-    padding: 0.6em 2.8em 0.6em 1em;
     border-bottom: 1px solid #ebeef5;
     background-color: #F8F8F8;
     border-radius: 4px 4px 0 0;
@@ -185,24 +184,25 @@
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none; }
-    .vxe-modal--wrapper .vxe-modal--header.is--draggable {
+    .vxe-modal--wrapper .vxe-modal--header.is--draggable .vxe-modal--header-title {
       cursor: move; }
-    .vxe-modal--wrapper .vxe-modal--header.is--ellipsis {
+    .vxe-modal--wrapper .vxe-modal--header.is--ellipsis .vxe-modal--header-title {
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap; }
+  .vxe-modal--wrapper .vxe-modal--header-title {
+    flex-grow: 1;
+    padding: 0.6em 0 0.6em 1em; }
+  .vxe-modal--wrapper .vxe-modal--header-right {
+    flex-shrink: 0;
+    padding: 0.6em 1em 0.6em 0; }
   .vxe-modal--wrapper .vxe-modal--zoom-btn,
   .vxe-modal--wrapper .vxe-modal--close-btn {
-    position: absolute;
-    right: 14px;
-    top: 0.85em;
-    z-index: 1;
-    cursor: pointer; }
+    cursor: pointer;
+    margin-left: 0.6em; }
     .vxe-modal--wrapper .vxe-modal--zoom-btn:hover,
     .vxe-modal--wrapper .vxe-modal--close-btn:hover {
       color: #409eff; }
-  .vxe-modal--wrapper .vxe-modal--zoom-btn {
-    right: 44px; }
   .vxe-modal--wrapper .vxe-modal--footer {
     flex-shrink: 0;
     text-align: right;

package/es/optgroup/index.d.ts

@@ -1,4 +1,4 @@
-import { Option } from '../../types/option'
+import { VxeOption } from '../../types/option'
 
 export * from '../../types/option'
-export default Option
+export default VxeOption

package/es/optgroup/index.js

@@ -1,9 +1,10 @@
 import VxeOptgroupComponent from '../select/src/optgroup';
 import { dynamicApp } from '../dynamics';
-export var Optgroup = Object.assign(VxeOptgroupComponent, {
+export var VxeOptgroup = Object.assign(VxeOptgroupComponent, {
     install: function (app) {
         app.component(VxeOptgroupComponent.name, VxeOptgroupComponent);
     }
 });
+export var Optgroup = VxeOptgroup;
 dynamicApp.component(VxeOptgroupComponent.name, VxeOptgroupComponent);
-export default Optgroup;
+export default VxeOptgroup;

package/es/option/index.d.ts

@@ -1,4 +1,4 @@
-import { Select } from '../../types/select'
+import { VxeSelect } from '../../types/select'
 
 export * from '../../types/select'
-export default Select
+export default VxeSelect

package/es/option/index.js

@@ -1,9 +1,10 @@
 import VxeOptionComponent from '../select/src/option';
 import { dynamicApp } from '../dynamics';
-export var Option = Object.assign(VxeOptionComponent, {
+export var VxeOption = Object.assign(VxeOptionComponent, {
     install: function (app) {
         app.component(VxeOptionComponent.name, VxeOptionComponent);
     }
 });
+export var Option = VxeOption;
 dynamicApp.component(VxeOptionComponent.name, VxeOptionComponent);
-export default Option;
+export default VxeOption;

package/es/pager/index.d.ts

@@ -1,4 +1,4 @@
-import { Pager } from '../../types/pager'
+import { VxePager } from '../../types/pager'
 
 export * from '../../types/pager'
-export default Pager
+export default VxePager

package/es/pager/index.js

@@ -1,9 +1,10 @@
 import VxePagerComponent from './src/pager';
 import { dynamicApp } from '../dynamics';
-export var Pager = Object.assign(VxePagerComponent, {
+export var VxePager = Object.assign(VxePagerComponent, {
     install: function (app) {
         app.component(VxePagerComponent.name, VxePagerComponent);
     }
 });
+export var Pager = VxePager;
 dynamicApp.component(VxePagerComponent.name, VxePagerComponent);
-export default Pager;
+export default VxePager;

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

@@ -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/index.d.ts

@@ -1,4 +1,4 @@
-import { Pulldown } from '../../types/pulldown'
+import { VxePulldown } from '../../types/pulldown'
 
 export * from '../../types/pulldown'
-export default Pulldown
+export default VxePulldown

package/es/pulldown/index.js

@@ -1,9 +1,10 @@
 import VxePulldownComponent from './src/pulldown';
 import { dynamicApp } from '../dynamics';
-export var Pulldown = Object.assign(VxePulldownComponent, {
+export var VxePulldown = Object.assign(VxePulldownComponent, {
     install: function (app) {
         app.component(VxePulldownComponent.name, VxePulldownComponent);
     }
 });
+export var Pulldown = VxePulldown;
 dynamicApp.component(VxePulldownComponent.name, VxePulldownComponent);
-export default Pulldown;
+export default VxePulldown;

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/index.d.ts

@@ -1,4 +1,4 @@
-import { Radio } from '../../types/radio'
+import { VxeRadio } from '../../types/radio'
 
 export * from '../../types/radio'
-export default Radio
+export default VxeRadio

package/es/radio/index.js

@@ -1,9 +1,10 @@
 import VxeRadioComponent from './src/radio';
 import { dynamicApp } from '../dynamics';
-export var Radio = Object.assign(VxeRadioComponent, {
+export var VxeRadio = Object.assign(VxeRadioComponent, {
     install: function (app) {
         app.component(VxeRadioComponent.name, VxeRadioComponent);
     }
 });
+export var Radio = VxeRadio;
 dynamicApp.component(VxeRadioComponent.name, VxeRadioComponent);
-export default Radio;
+export default VxeRadio;

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'