vxe-table 4.2.8 → 4.3.0-beta.0

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

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

package/es/select/src/select.js

@@ -6,6 +6,7 @@ import { getEventTargetNode, getAbsolutePos } from '../../tools/dom';
 import { getLastZIndex, nextZIndex, getFuncText, formatText } from '../../tools/utils';
 import { GlobalEvent, hasEventKey, EVENT_KEYS } from '../../tools/event';
 import VxeInputComponent from '../../input/src/input';
+import { getSlotVNs } from '../../tools/vn';
 function isOptionVisible(option) {
     return option.visible !== false;
 }
@@ -125,7 +126,7 @@ export default defineComponent({
                     slotFunc = slots[slotFunc] || null;
                 }
                 if (XEUtils.isFunction(slotFunc)) {
-                    return slotFunc(params);
+                    return getSlotVNs(slotFunc(params));
                 }
             }
             return [];
@@ -172,7 +173,7 @@ export default defineComponent({
                 return vals.map(function (val) {
                     var label = getSelectLabel(val);
                     if (multiMaxCharNum > 0 && label.length > multiMaxCharNum) {
-                        return label.substring(0, multiMaxCharNum) + "...";
+                        return "".concat(label.substring(0, multiMaxCharNum), "...");
                     }
                     return label;
                 }).join(', ');
@@ -204,7 +205,7 @@ export default defineComponent({
                     reactData.visibleGroupList = fullGroupList.filter(function (group) { return isOptionVisible(group) && filterMethod({ group: group, option: null, searchValue: searchValue }); });
                 }
                 else if (filterable) {
-                    reactData.visibleGroupList = fullGroupList.filter(function (group) { return isOptionVisible(group) && (!searchValue || ("" + group[groupLabelField]).indexOf(searchValue) > -1); });
+                    reactData.visibleGroupList = fullGroupList.filter(function (group) { return isOptionVisible(group) && (!searchValue || "".concat(group[groupLabelField]).indexOf(searchValue) > -1); });
                 }
                 else {
                     reactData.visibleGroupList = fullGroupList.filter(isOptionVisible);
@@ -215,7 +216,7 @@ export default defineComponent({
                     reactData.visibleOptionList = fullOptionList.filter(function (option) { return isOptionVisible(option) && filterMethod({ group: null, option: option, searchValue: searchValue }); });
                 }
                 else if (filterable) {
-                    reactData.visibleOptionList = fullOptionList.filter(function (option) { return isOptionVisible(option) && (!searchValue || ("" + option[labelField]).indexOf(searchValue) > -1); });
+                    reactData.visibleOptionList = fullOptionList.filter(function (option) { return isOptionVisible(option) && (!searchValue || "".concat(option[labelField]).indexOf(searchValue) > -1); });
                 }
                 else {
                     reactData.visibleOptionList = fullOptionList.filter(isOptionVisible);
@@ -257,7 +258,7 @@ export default defineComponent({
                 if (option) {
                     var optWrapperElem = refOptionWrapper.value;
                     var panelElem = refOptionPanel.value;
-                    var optElem = panelElem.querySelector("[optid='" + getOptid(option) + "']");
+                    var optElem = panelElem.querySelector("[optid='".concat(getOptid(option), "']"));
                     if (optWrapperElem && optElem) {
                         var wrapperHeight = optWrapperElem.offsetHeight;
                         var offsetPadding = 5;
@@ -325,15 +326,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) {
                             // 如果下面不够放，则向上
@@ -341,7 +342,7 @@ export default defineComponent({
                                 // 如果上面不够放，则向下（优先）
                                 if (boundingTop - targetHeight - panelHeight > marginSize) {
                                     panelPlacement = 'top';
-                                    panelStyle.bottom = targetHeight + "px";
+                                    panelStyle.bottom = "".concat(targetHeight, "px");
                                 }
                             }
                         }
@@ -847,7 +848,7 @@ export default defineComponent({
             return h('div', {
                 ref: refElem,
                 class: ['vxe-select', className ? (XEUtils.isFunction(className) ? className({ $select: $xeselect }) : className) : '', (_a = {},
-                        _a["size--" + vSize] = vSize,
+                        _a["size--".concat(vSize)] = vSize,
                         _a['is--visivle'] = visiblePanel,
                         _a['is--disabled'] = disabled,
                         _a['is--filter'] = filterable,
@@ -884,7 +885,7 @@ export default defineComponent({
                     h('div', {
                         ref: refOptionPanel,
                         class: ['vxe-table--ignore-clear vxe-select--panel', (_b = {},
-                                _b["size--" + vSize] = vSize,
+                                _b["size--".concat(vSize)] = vSize,
                                 _b['is--transfer'] = transfer,
                                 _b['animat--leave'] = !loading && reactData.animatVisible,
                                 _b['animat--enter'] = !loading && visiblePanel,

package/es/select/style.css

@@ -38,6 +38,7 @@
   .vxe-select > .vxe-input {
     width: 100%; }
     .vxe-select > .vxe-input .vxe-input--suffix-icon {
+      display: inline-block;
       transition: transform 0.2s ease-in-out; }
   .vxe-select.is--active:not(.is--filter) > .vxe-input .vxe-input--inner {
     border: 1px solid #409eff; }