vxe-table 4.2.8 → 4.3.0-beta.10

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.4em; }
+  .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; }

package/es/radio-button/index.d.ts

@@ -1,4 +1,4 @@
-import { RadioButton } from '../../types/radio-button'
+import { VxeRadioButton } from '../../types/radio-button'
 
 export * from '../../types/radio-button'
-export default RadioButton
+export default VxeRadioButton

package/es/radio-button/index.js

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

package/es/radio-group/index.d.ts

@@ -1,4 +1,4 @@
-import { RadioGroup } from '../../types/radio-group'
+import { VxeRadioGroup } from '../../types/radio-group'
 
 export * from '../../types/radio-group'
-export default RadioGroup
+export default VxeRadioGroup

package/es/radio-group/index.js

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

package/es/select/index.d.ts

@@ -1,4 +1,4 @@
-import { Optgroup } from '../../types/optgroup'
+import { VxeOptgroup } from '../../types/optgroup'
 
 export * from '../../types/optgroup'
-export default Optgroup
+export default VxeOptgroup

package/es/select/index.js

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

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; }