vxe-pc-ui 3.3.41 → 3.3.43

package/lib/index.umd.js

@@ -12862,7 +12862,7 @@ function handleBooleanDefaultValue(value) {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-var log_version = "ui v".concat("3.3.41");
+var log_version = "ui v".concat("3.3.43");
 var warnLog = log.create('warn', log_version);
 var errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
@@ -12870,7 +12870,7 @@ var errLog = log.create('error', log_version);
 
 
 
-var ui_version = "3.3.41";
+var ui_version = "3.3.43";
 index_esm_VxeUI.version = ui_version;
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.tableVersion = '';
@@ -18429,11 +18429,13 @@ var CarouselItem = VxeCarouselItem;
       var $xeCheckbox = this;
       var props = $xeCheckbox;
       var slots = $xeCheckbox.$scopedSlots;
+      var label = props.label;
       var vSize = $xeCheckbox.computeSize;
       var isDisabled = $xeCheckbox.computeIsDisabled;
       var isChecked = $xeCheckbox.computeIsChecked;
       var indeterminate = !isChecked && props.indeterminate;
       return h('label', {
+        key: label,
         class: ['vxe-checkbox', _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--indeterminate', indeterminate), 'is--disabled', isDisabled), 'is--checked', isChecked)],
         attrs: {
           title: props.title
@@ -18637,6 +18639,7 @@ var Checkbox = VxeCheckbox;
         class: 'vxe-checkbox-group'
       }, defaultSlot ? defaultSlot({}) : options ? options.map(function (item) {
         return h(src_checkbox, {
+          key: item[valueField],
           props: {
             label: item[valueField],
             content: item[labelField],
@@ -30967,7 +30970,9 @@ var Link = VxeLink;
     var reactData = {
       scrollYLoad: false,
       bodyHeight: 0,
-      rowHeight: 0,
+      customHeight: 0,
+      customMaxHeight: 0,
+      parentHeight: 0,
       topSpaceHeight: 0,
       items: []
     };
@@ -30999,14 +31004,17 @@ var Link = VxeLink;
     computeStyles: function computeStyles() {
       var $xeList = this;
       var props = $xeList;
+      var reactData = $xeList.reactData;
       var height = props.height,
         maxHeight = props.maxHeight;
+      var customHeight = reactData.customHeight,
+        customMaxHeight = reactData.customMaxHeight;
       var style = {};
       if (height) {
-        style.height = "".concat(isNaN(height) ? height : "".concat(height, "px"));
+        style.height = "".concat(customHeight, "px");
       } else if (maxHeight) {
         style.height = 'auto';
-        style.maxHeight = "".concat(isNaN(maxHeight) ? maxHeight : "".concat(maxHeight, "px"));
+        style.maxHeight = "".concat(customMaxHeight, "px");
       }
       return style;
     }
@@ -31067,6 +31075,33 @@ var Link = VxeLink;
       $xeList.clearScroll();
       return $xeList.loadData(datas);
     },
+    calcTableHeight: function calcTableHeight(key) {
+      var $xeList = this;
+      var props = $xeList;
+      var reactData = $xeList.reactData;
+      var parentHeight = reactData.parentHeight;
+      var val = props[key];
+      var num = 0;
+      if (val) {
+        if (val === '100%' || val === 'auto') {
+          num = parentHeight;
+        } else {
+          if (isScale(val)) {
+            num = Math.floor((external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toInteger(val) || 1) / 100 * parentHeight);
+          } else {
+            num = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(val);
+          }
+          num = Math.max(40, num);
+        }
+      }
+      return num;
+    },
+    updateHeight: function updateHeight() {
+      var $xeList = this;
+      var reactData = $xeList.reactData;
+      reactData.customHeight = $xeList.calcTableHeight('height');
+      reactData.customMaxHeight = $xeList.calcTableHeight('maxHeight');
+    },
     updateYSpace: function updateYSpace() {
       var $xeList = this;
       var reactData = $xeList.reactData;
@@ -31114,7 +31149,7 @@ var Link = VxeLink;
         if (firstItemElem) {
           rowHeight = firstItemElem.offsetHeight;
         }
-        rowHeight = Math.max(20, rowHeight);
+        rowHeight = Math.max(12, rowHeight);
         scrollYStore.rowHeight = rowHeight;
         // 计算 Y 逻辑
         if (scrollYLoad) {
@@ -31123,12 +31158,11 @@ var Link = VxeLink;
           var offsetYSize = sYOpts.oSize ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(sYOpts.oSize) : dom_browse.edge ? 10 : 0;
           scrollYStore.offsetSize = offsetYSize;
           scrollYStore.visibleSize = visibleYSize;
-          scrollYStore.endIndex = Math.max(scrollYStore.startIndex, visibleYSize + offsetYSize, scrollYStore.endIndex);
+          scrollYStore.endIndex = Math.max(scrollYStore.startIndex + visibleYSize + offsetYSize, scrollYStore.endIndex);
           $xeList.updateYData();
         } else {
           $xeList.updateYSpace();
         }
-        reactData.rowHeight = rowHeight;
       });
     },
     /**
@@ -31189,11 +31223,17 @@ var Link = VxeLink;
      */
     recalculate: function recalculate() {
       var $xeList = this;
+      var reactData = $xeList.reactData;
       var el = $xeList.$refs.refElem;
-      if (el.clientWidth && el.clientHeight) {
-        return $xeList.computeScrollLoad();
+      if (el) {
+        var parentEl = el.parentElement;
+        reactData.parentHeight = parentEl ? parentEl.clientHeight : 0;
+        $xeList.updateHeight();
+        if (el.clientWidth && el.clientHeight) {
+          return $xeList.computeScrollLoad();
+        }
       }
-      return Promise.resolve();
+      return $xeList.$nextTick();
     },
     loadYData: function loadYData(evnt) {
       var $xeList = this;
@@ -31297,6 +31337,14 @@ var Link = VxeLink;
       var props = $xeList;
       $xeList.loadData(props.data || []);
     },
+    height: function height() {
+      var $xeList = this;
+      $xeList.recalculate();
+    },
+    maxHeight: function maxHeight() {
+      var $xeList = this;
+      $xeList.recalculate();
+    },
     syncResize: function syncResize(val) {
       var $xeList = this;
       if (val) {
@@ -31312,23 +31360,25 @@ var Link = VxeLink;
   created: function created() {
     var $xeList = this;
     var props = $xeList;
-    globalEvents.on($xeList, 'resize', function () {
-      $xeList.recalculate();
-    });
     $xeList.loadData(props.data || []);
   },
   mounted: function mounted() {
     var $xeList = this;
     var props = $xeList;
     var internalData = $xeList.internalData;
+    $xeList.recalculate();
     if (props.autoResize) {
       var el = $xeList.$refs.refElem;
       var resizeObserver = globalResize.create(function () {
         return $xeList.recalculate();
       });
       resizeObserver.observe(el);
+      if (el) {
+        resizeObserver.observe(el.parentElement);
+      }
       internalData.resizeObserver = resizeObserver;
     }
+    globalEvents.on($xeList, 'resize', $xeList.recalculate);
   },
   activated: function activated() {
     var $xeList = this;
@@ -38883,12 +38933,14 @@ var Pulldown = VxePulldown;
     renderVN: function renderVN(h) {
       var $xeRadio = this;
       var props = $xeRadio;
+      var label = props.label;
       var slots = $xeRadio.$scopedSlots;
       var vSize = $xeRadio.computeSize;
       var isDisabled = $xeRadio.computeIsDisabled;
       var name = $xeRadio.computeName;
       var isChecked = $xeRadio.computeChecked;
       return h('label', {
+        key: label,
         class: ['vxe-radio', _defineProperty(_defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--checked', isChecked), 'is--disabled', isDisabled)],
         attrs: {
           title: props.title
@@ -39088,11 +39140,13 @@ var Radio = VxeRadio;
       var $xeRadioButton = this;
       var props = $xeRadioButton;
       var slots = $xeRadioButton.$scopedSlots;
+      var label = props.label;
       var vSize = $xeRadioButton.computeSize;
       var isDisabled = $xeRadioButton.computeIsDisabled;
       var name = $xeRadioButton.computeName;
       var isChecked = $xeRadioButton.computeChecked;
       return h('label', {
+        key: label,
         class: ['vxe-radio', 'vxe-radio-button', _defineProperty(_defineProperty({}, "size--".concat(vSize), vSize), 'is--disabled', isDisabled)],
         attrs: {
           title: props.title
@@ -39278,6 +39332,7 @@ var RadioButton = VxeRadioButton;
         class: 'vxe-radio-group'
       }, defaultSlot ? defaultSlot({}) : options ? options.map(function (item) {
         return h(btnComp, {
+          key: item[valueField],
           props: {
             label: item[valueField],
             content: item[labelField],