vxe-table 4.2.8 → 4.3.0-beta.2

package/es/input/src/input.js

@@ -245,7 +245,7 @@ export default defineComponent({
         var computeDateLabelFormat = computed(function () {
             var isDatePickerType = computeIsDatePickerType.value;
             if (isDatePickerType) {
-                return props.labelFormat || GlobalConfig.i18n("vxe.input.date.labelFormat." + props.type);
+                return props.labelFormat || GlobalConfig.i18n("vxe.input.date.labelFormat.".concat(props.type));
             }
             return null;
         });
@@ -289,9 +289,9 @@ export default defineComponent({
                     return GlobalConfig.i18n('vxe.input.date.monthLabel', [year]);
                 }
                 else if (datePanelType === 'year') {
-                    return yearList.length ? yearList[0].year + " - " + yearList[yearList.length - 1].year : '';
+                    return yearList.length ? "".concat(yearList[0].year, " - ").concat(yearList[yearList.length - 1].year) : '';
                 }
-                return GlobalConfig.i18n('vxe.input.date.dayLabel', [year, month ? GlobalConfig.i18n("vxe.input.date.m" + month) : '-']);
+                return GlobalConfig.i18n('vxe.input.date.dayLabel', [year, month ? GlobalConfig.i18n("vxe.input.date.m".concat(month)) : '-']);
             }
             return '';
         });
@@ -324,7 +324,7 @@ export default defineComponent({
                 return weekDatas.map(function (day) {
                     return {
                         value: day,
-                        label: GlobalConfig.i18n("vxe.input.date.weeks.w" + day)
+                        label: GlobalConfig.i18n("vxe.input.date.weeks.w".concat(day))
                     };
                 });
             }
@@ -661,7 +661,7 @@ export default defineComponent({
                         if (yyIndex > -1) {
                             var yyNum = Number(dLabel.substring(yyIndex, yyIndex + 4));
                             if (yyNum && !isNaN(yyNum)) {
-                                dLabel = dLabel.replace("" + yyNum, "" + (yyNum - 1));
+                                dLabel = dLabel.replace("".concat(yyNum), "".concat(yyNum - 1));
                             }
                         }
                     }
@@ -1387,15 +1387,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) {
                             // 如果下面不够放，则向上
@@ -1403,7 +1403,7 @@ export default defineComponent({
                                 // 如果上面不够放，则向下（优先）
                                 if (boundingTop - targetHeight - panelHeight > marginSize) {
                                     panelPlacement = 'top';
-                                    panelStyle.bottom = targetHeight + "px";
+                                    panelStyle.bottom = "".concat(targetHeight, "px");
                                 }
                             }
                         }
@@ -1599,7 +1599,7 @@ export default defineComponent({
                         style: festivalItem.style
                     }, [
                         festivalLabels.length > 1 ? h('span', {
-                            class: ['vxe-input--date-festival--overlap', "overlap--" + festivalLabels.length]
+                            class: ['vxe-input--date-festival--overlap', "overlap--".concat(festivalLabels.length)]
                         }, festivalLabels.map(function (label) { return h('span', label.substring(0, 3)); })) : h('span', {
                             class: 'vxe-input--date-festival--label'
                         }, festivalLabels[0].substring(0, 3))
@@ -1619,7 +1619,7 @@ export default defineComponent({
             var matchFormat = 'yyyyMMdd';
             return [
                 h('table', {
-                    class: "vxe-input--date-" + datePanelType + "-view",
+                    class: "vxe-input--date-".concat(datePanelType, "-view"),
                     cellspacing: 0,
                     cellpadding: 0,
                     border: 0
@@ -1659,7 +1659,7 @@ export default defineComponent({
             var matchFormat = 'yyyyMMdd';
             return [
                 h('table', {
-                    class: "vxe-input--date-" + datePanelType + "-view",
+                    class: "vxe-input--date-".concat(datePanelType, "-view"),
                     cellspacing: 0,
                     cellpadding: 0,
                     border: 0
@@ -1701,7 +1701,7 @@ export default defineComponent({
             var matchFormat = 'yyyyMM';
             return [
                 h('table', {
-                    class: "vxe-input--date-" + datePanelType + "-view",
+                    class: "vxe-input--date-".concat(datePanelType, "-view"),
                     cellspacing: 0,
                     cellpadding: 0,
                     border: 0
@@ -1720,7 +1720,7 @@ export default defineComponent({
                                 },
                                 onClick: function () { return dateSelectEvent(item); },
                                 onMouseenter: function () { return dateMouseenterEvent(item); }
-                            }, renderDateLabel(item, GlobalConfig.i18n("vxe.input.date.months.m" + item.month)));
+                            }, renderDateLabel(item, GlobalConfig.i18n("vxe.input.date.months.m".concat(item.month))));
                         }));
                     }))
                 ])
@@ -1735,7 +1735,7 @@ export default defineComponent({
             var matchFormat = 'yyyyq';
             return [
                 h('table', {
-                    class: "vxe-input--date-" + datePanelType + "-view",
+                    class: "vxe-input--date-".concat(datePanelType, "-view"),
                     cellspacing: 0,
                     cellpadding: 0,
                     border: 0
@@ -1754,7 +1754,7 @@ export default defineComponent({
                                 },
                                 onClick: function () { return dateSelectEvent(item); },
                                 onMouseenter: function () { return dateMouseenterEvent(item); }
-                            }, renderDateLabel(item, GlobalConfig.i18n("vxe.input.date.quarters.q" + item.quarter)));
+                            }, renderDateLabel(item, GlobalConfig.i18n("vxe.input.date.quarters.q".concat(item.quarter))));
                         }));
                     }))
                 ])
@@ -1769,7 +1769,7 @@ export default defineComponent({
             var matchFormat = 'yyyy';
             return [
                 h('table', {
-                    class: "vxe-input--date-" + datePanelType + "-view",
+                    class: "vxe-input--date-".concat(datePanelType, "-view"),
                     cellspacing: 0,
                     cellpadding: 0,
                     border: 0
@@ -1838,7 +1838,7 @@ export default defineComponent({
                             onClick: datePrevEvent
                         }, [
                             h('i', {
-                                class: 'vxe-icon--caret-left'
+                                class: 'vxe-icon-caret-left'
                             })
                         ]),
                         h('span', {
@@ -1846,7 +1846,7 @@ export default defineComponent({
                             onClick: dateTodayMonthEvent
                         }, [
                             h('i', {
-                                class: 'vxe-icon--dot'
+                                class: 'vxe-icon-dot'
                             })
                         ]),
                         h('span', {
@@ -1856,7 +1856,7 @@ export default defineComponent({
                             onClick: dateNextEvent
                         }, [
                             h('i', {
-                                class: 'vxe-icon--caret-right'
+                                class: 'vxe-icon-caret-right'
                             })
                         ]),
                         multiple && computeSupportMultiples.value ? h('span', {
@@ -1970,8 +1970,8 @@ export default defineComponent({
                 }, [
                     h('div', {
                         ref: refInputPanel,
-                        class: ['vxe-table--ignore-clear vxe-input--panel', "type--" + type, (_a = {},
-                                _a["size--" + vSize] = vSize,
+                        class: ['vxe-table--ignore-clear vxe-input--panel', "type--".concat(type), (_a = {},
+                                _a["size--".concat(vSize)] = vSize,
                                 _a['is--transfer'] = transfer,
                                 _a['animat--leave'] = animatVisible,
                                 _a['animat--enter'] = visiblePanel,
@@ -2227,9 +2227,9 @@ export default defineComponent({
             }
             return h('div', {
                 ref: refElem,
-                class: ['vxe-input', "type--" + type, className, (_a = {},
-                        _a["size--" + vSize] = vSize,
-                        _a["is--" + align] = align,
+                class: ['vxe-input', "type--".concat(type), className, (_a = {},
+                        _a["size--".concat(vSize)] = vSize,
+                        _a["is--".concat(align)] = align,
                         _a['is--controls'] = controls,
                         _a['is--prefix'] = !!prefix,
                         _a['is--suffix'] = !!suffix,

package/es/input/style.css

@@ -172,6 +172,10 @@
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%); }
+  .vxe-input .vxe-input--date-picker-icon[class*="vxe-icon-"],
+  .vxe-input .vxe-input--search-icon[class*="vxe-icon-"],
+  .vxe-input .vxe-input--password-icon[class*="vxe-icon-"] {
+    font-size: 1.5em; }
 
 .vxe-input .vxe-input--date-picker-suffix {
   display: flex;
@@ -190,6 +194,7 @@
 
 .vxe-input .vxe-input--number-prev-icon,
 .vxe-input .vxe-input--number-next-icon {
+  line-height: 0.8em;
   position: absolute;
   left: 50%;
   transform: translateX(-50%); }
@@ -521,24 +526,28 @@
 
 .vxe-input {
   font-size: 14px;
-  height: 34px; }
+  height: 34px;
+  line-height: 34px; }
   .vxe-input .vxe-input--inner[type="date"]::-webkit-inner-spin-button, .vxe-input .vxe-input--inner[type="month"]::-webkit-inner-spin-button, .vxe-input .vxe-input--inner[type="week"]::-webkit-inner-spin-button {
     margin-top: 6px; }
   .vxe-input .vxe-input--inner[type="date"]::-webkit-inner-spin-button, .vxe-input .vxe-input--inner[type="month"]::-webkit-inner-spin-button, .vxe-input .vxe-input--inner[type="week"]::-webkit-inner-spin-button, .vxe-input .vxe-input--inner[type="number"]::-webkit-inner-spin-button {
     height: 24px; }
   .vxe-input.size--medium {
     font-size: 14px;
-    height: 32px; }
+    height: 32px;
+    line-height: 32px; }
     .vxe-input.size--medium .vxe-input--inner[type="date"]::-webkit-inner-spin-button, .vxe-input.size--medium .vxe-input--inner[type="month"]::-webkit-inner-spin-button, .vxe-input.size--medium .vxe-input--inner[type="week"]::-webkit-inner-spin-button {
       margin-top: 4px; }
   .vxe-input.size--small {
     font-size: 13px;
-    height: 30px; }
+    height: 30px;
+    line-height: 30px; }
     .vxe-input.size--small .vxe-input--inner[type="date"]::-webkit-inner-spin-button, .vxe-input.size--small .vxe-input--inner[type="month"]::-webkit-inner-spin-button, .vxe-input.size--small .vxe-input--inner[type="week"]::-webkit-inner-spin-button {
       margin-top: 2px; }
   .vxe-input.size--mini {
     font-size: 12px;
-    height: 28px; }
+    height: 28px;
+    line-height: 28px; }
     .vxe-input.size--mini .vxe-input--inner[type="date"]::-webkit-inner-spin-button, .vxe-input.size--mini .vxe-input--inner[type="month"]::-webkit-inner-spin-button, .vxe-input.size--mini .vxe-input--inner[type="week"]::-webkit-inner-spin-button {
       margin-top: 0; }
 

package/es/keyboard/src/hook.js

@@ -49,7 +49,7 @@ var tableKeyboardHook = {
                     if (rowNodeRest) {
                         rangeRows.push(rowNodeRest.item);
                         countHeight += targetTrElem.offsetHeight;
-                        targetTrElem = targetTrElem[siblingProp + "ElementSibling"];
+                        targetTrElem = targetTrElem["".concat(siblingProp, "ElementSibling")];
                     }
                 }
             }
@@ -62,7 +62,7 @@ var tableKeyboardHook = {
                 var elemStore = internalData.elemStore;
                 var disX_1 = evnt.clientX;
                 var disY_1 = evnt.clientY;
-                var bodyWrapperRef = elemStore[(column.fixed || 'main') + "-body-wrapper"] || elemStore['main-body-wrapper'];
+                var bodyWrapperRef = elemStore["".concat(column.fixed || 'main', "-body-wrapper")] || elemStore['main-body-wrapper'];
                 var bodyWrapperElem_1 = bodyWrapperRef ? bodyWrapperRef.value : null;
                 if (!bodyWrapperElem_1) {
                     return;
@@ -83,7 +83,7 @@ var tableKeyboardHook = {
                 var isMouseScrollDown_1 = false;
                 var mouseScrollSpaceSize_1 = 1;
                 var triggerEvent_1 = function (type, evnt) {
-                    $xetable.dispatchEvent("checkbox-range-" + type, { records: $xetable.getCheckboxRecords(), reserves: $xetable.getCheckboxReserveRecords() }, evnt);
+                    $xetable.dispatchEvent("checkbox-range-".concat(type), { records: $xetable.getCheckboxRecords(), reserves: $xetable.getCheckboxReserveRecords() }, evnt);
                 };
                 var handleChecked_1 = function (evnt) {
                     var clientX = evnt.clientX, clientY = evnt.clientY;
@@ -117,10 +117,10 @@ var tableKeyboardHook = {
                         // 向右
                         rangeWidth = Math.min(rangeWidth, bodyWrapperElem_1.clientWidth - startLeft_1 - marginSize_1);
                     }
-                    checkboxRangeElem_1.style.height = rangeHeight + "px";
-                    checkboxRangeElem_1.style.width = rangeWidth + "px";
-                    checkboxRangeElem_1.style.left = rangeLeft + "px";
-                    checkboxRangeElem_1.style.top = rangeTop + "px";
+                    checkboxRangeElem_1.style.height = "".concat(rangeHeight, "px");
+                    checkboxRangeElem_1.style.width = "".concat(rangeWidth, "px");
+                    checkboxRangeElem_1.style.left = "".concat(rangeLeft, "px");
+                    checkboxRangeElem_1.style.top = "".concat(rangeTop, "px");
                     checkboxRangeElem_1.style.display = 'block';
                     var rangeRows = getCheckboxRangeRows(params, trElem_1, offsetTop < marginSize_1 ? -rangeHeight : rangeHeight);
                     // 至少滑动 10px 才能有效匹配

package/es/list/src/list.js

@@ -67,11 +67,11 @@ export default defineComponent({
             var height = props.height, maxHeight = props.maxHeight;
             var style = {};
             if (height) {
-                style.height = "" + (isNaN(height) ? height : height + "px");
+                style.height = "".concat(isNaN(height) ? height : "".concat(height, "px"));
             }
             else if (maxHeight) {
                 style.height = 'auto';
-                style.maxHeight = "" + (isNaN(maxHeight) ? maxHeight : maxHeight + "px");
+                style.maxHeight = "".concat(isNaN(maxHeight) ? maxHeight : "".concat(maxHeight, "px"));
             }
             return style;
         });
@@ -282,7 +282,7 @@ export default defineComponent({
             return h('div', {
                 ref: refElem,
                 class: ['vxe-list', className ? (XEUtils.isFunction(className) ? className({ $list: $xelist }) : className) : '', (_a = {},
-                        _a["size--" + vSize] = vSize,
+                        _a["size--".concat(vSize)] = vSize,
                         _a['is--loading'] = loading,
                         _a)]
             }, [
@@ -295,14 +295,14 @@ export default defineComponent({
                     h('div', {
                         class: 'vxe-list--y-space',
                         style: {
-                            height: bodyHeight ? bodyHeight + "px" : ''
+                            height: bodyHeight ? "".concat(bodyHeight, "px") : ''
                         }
                     }),
                     h('div', {
                         ref: refVirtualBody,
                         class: 'vxe-list--body',
                         style: {
-                            marginTop: topSpaceHeight ? topSpaceHeight + "px" : ''
+                            marginTop: topSpaceHeight ? "".concat(topSpaceHeight, "px") : ''
                         }
                     }, slots.default ? slots.default({ items: items, $list: $xelist }) : [])
                 ]),

package/es/loading/src/loading.js

@@ -24,7 +24,7 @@ export default defineComponent({
                 }),
                 text ? h('div', {
                     class: 'vxe-loading--text'
-                }, "" + text) : null
+                }, "".concat(text)) : null
             ])
         ]);
     }

package/es/menu/src/hooks.js

@@ -56,8 +56,8 @@ var tableMenuHook = {
                                     showChild: false,
                                     style: {
                                         zIndex: internalData.tZindex,
-                                        top: top_1 + "px",
-                                        left: left_1 + "px"
+                                        top: "".concat(top_1, "px"),
+                                        left: "".concat(left_1, "px")
                                     }
                                 });
                                 nextTick(function () {
@@ -69,10 +69,10 @@ var tableMenuHook = {
                                     var offsetTop = boundingTop + clientHeight - visibleHeight_1;
                                     var offsetLeft = boundingLeft + clientWidth - visibleWidth_1;
                                     if (offsetTop > -10) {
-                                        ctxMenuStore.style.top = Math.max(scrollTop_1 + 2, top_1 - clientHeight - 2) + "px";
+                                        ctxMenuStore.style.top = "".concat(Math.max(scrollTop_1 + 2, top_1 - clientHeight - 2), "px");
                                     }
                                     if (offsetLeft > -10) {
-                                        ctxMenuStore.style.left = Math.max(scrollLeft_1 + 2, left_1 - clientWidth - 2) + "px";
+                                        ctxMenuStore.style.left = "".concat(Math.max(scrollLeft_1 + 2, left_1 - clientWidth - 2), "px");
                                     }
                                 });
                             };
@@ -197,7 +197,7 @@ var tableMenuHook = {
                     // 分别匹配表尾、内容、表尾的快捷菜单
                     for (var index = 0; index < layoutList.length; index++) {
                         var layout = layoutList[index];
-                        var columnTargetNode = getEventTargetNode(evnt, el, "vxe-" + layout + "--column", function (target) {
+                        var columnTargetNode = getEventTargetNode(evnt, el, "vxe-".concat(layout, "--column"), function (target) {
                             // target=td|th，直接向上找 table 去匹配即可
                             return target.parentNode.parentNode.parentNode.getAttribute('xid') === xID;
                         });
@@ -206,7 +206,7 @@ var tableMenuHook = {
                             var cell = columnTargetNode.targetElem;
                             var columnNodeRest = $xetable.getColumnNode(cell);
                             var column = columnNodeRest ? columnNodeRest.item : null;
-                            var typePrefix = layout + "-";
+                            var typePrefix = "".concat(layout, "-");
                             if (column) {
                                 Object.assign(params, { column: column, columnIndex: $xetable.getColumnIndex(column), cell: cell });
                             }
@@ -219,12 +219,12 @@ var tableMenuHook = {
                                     params.rowIndex = $xetable.getRowIndex(row);
                                 }
                             }
-                            var eventType = typePrefix + "cell-menu";
+                            var eventType = "".concat(typePrefix, "cell-menu");
                             openContextMenu(evnt, layout, params);
                             $xetable.dispatchEvent(eventType, params, evnt);
                             return;
                         }
-                        else if (getEventTargetNode(evnt, el, "vxe-table--" + layout + "-wrapper", function (target) { return target.getAttribute('xid') === xID; }).flag) {
+                        else if (getEventTargetNode(evnt, el, "vxe-table--".concat(layout, "-wrapper"), function (target) { return target.getAttribute('xid') === xID; }).flag) {
                             if (menuOpts.trigger === 'cell') {
                                 evnt.preventDefault();
                             }
@@ -261,7 +261,7 @@ var tableMenuHook = {
                                 // 是否超出右侧
                                 if (posLeft + childWrapperElem.offsetWidth > visibleWidth - 10) {
                                     left = 'auto';
-                                    right = menuElem.offsetWidth + "px";
+                                    right = "".concat(menuElem.offsetWidth, "px");
                                 }
                                 // 是否超出底部
                                 var top_2 = '';

package/es/menu/src/panel.js

@@ -42,7 +42,7 @@ export default defineComponent({
                                     'link--disabled': item.disabled,
                                     'link--active': item === ctxMenuStore.selected
                                 }],
-                            key: gIndex + "_" + index
+                            key: "".concat(gIndex, "_").concat(index)
                         }, [
                             h('a', {
                                 class: 'vxe-context-menu--link',
@@ -76,7 +76,7 @@ export default defineComponent({
                                             'link--disabled': child.disabled,
                                             'link--active': child === ctxMenuStore.selectChild
                                         }],
-                                    key: gIndex + "_" + index + "_" + cIndex
+                                    key: "".concat(gIndex, "_").concat(index, "_").concat(cIndex)
                                 }, [
                                     h('a', {
                                         class: 'vxe-context-menu--link',