shineout 3.3.6-beta.4 → 3.3.6-beta.7

package/cjs/index.js

@@ -476,5 +476,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // 此文件由脚本自动生成，请勿直接修改。
 // This file was generated automatically by a script. Please do not modify it directly.
 var _default = exports.default = {
-  version: '3.3.6-beta.4'
+  version: '3.3.6-beta.7'
 };

package/dist/shineout.js

@@ -11968,7 +11968,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.3.6-beta.4');
+/* harmony default export */ var version = ('3.3.6-beta.7');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -24444,6 +24444,14 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({}, globalStyle
       background: "".concat(src.tableTbodyHoverBackgroundColor)
     }
   },
+  rowHover: {
+    '& td': {
+      transition: 'background-color 0.2s'
+    },
+    '&&:hover td': {
+      background: "".concat(src.tableTbodyHoverBackgroundColor)
+    }
+  },
   floatLeft: {
     '& $cellFixedLast$cellFixedLeft': {
       '&::after': {
@@ -37453,8 +37461,8 @@ var Cascader = function Cascader(props0) {
       return;
     }
   };
-  var handleChange = function handleChange(item) {
-    onChange === null || onChange === void 0 || onChange(item);
+  var handleChange = function handleChange(item, selectId) {
+    onChange === null || onChange === void 0 || onChange(item, selectId);
   };
   var handleClear = function handleClear(e) {
     e.stopPropagation();
@@ -48068,6 +48076,8 @@ var usePaginationList = function usePaginationList(props) {
 
 var Scroll = function Scroll(props) {
   var containerRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var scrollRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var wrapperRef = useForkRef(scrollRef, props.wrapperRef);
   var _useRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)({
       timer: null,
       isMouseDown: false,
@@ -48141,6 +48151,13 @@ var Scroll = function Scroll(props) {
       fromDrag: context.isMouseDown
     });
   });
+  var handleInnerScroll = usePersistFn(function (e) {
+    var scrollTop = e.currentTarget.scrollTop;
+    if (scrollRef.current) {
+      e.currentTarget.scrollTop = 0;
+      scrollRef.current.scrollTop += scrollTop;
+    }
+  });
   return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
     className: props.className,
     style: props.style,
@@ -48150,7 +48167,7 @@ var Scroll = function Scroll(props) {
     })), {}, {
       style: scrollerStyle,
       onScroll: handleScroll,
-      ref: props.wrapperRef,
+      ref: wrapperRef,
       onMouseDown: function onMouseDown() {
         context.isMouseDown = true;
       },
@@ -48162,6 +48179,7 @@ var Scroll = function Scroll(props) {
       })), {}, {
         style: containerStyle,
         ref: containerRef,
+        onScroll: handleInnerScroll,
         children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
           style: objectSpread2_default()({
             flexGrow: 1
@@ -55831,6 +55849,7 @@ var useTableTree = function useTableTree(props) {
 
 
 
+var MAX_ROW_SPAN = 200;
 var useTableVirtual = function useTableVirtual(props) {
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
     _useState2 = slicedToArray_default()(_useState, 2),
@@ -55913,7 +55932,9 @@ var useTableVirtual = function useTableVirtual(props) {
       topTimer: null,
       controlScrollRate: null,
       heightCallback: null,
-      preIndex: null
+      preIndex: null,
+      rowSpanRows: 0,
+      autoAddRows: 0
     }),
     context = _useRef.current;
   var getTranslate = usePersistFn(function (left, top) {
@@ -55964,17 +55985,20 @@ var useTableVirtual = function useTableVirtual(props) {
     var top = 0;
     var maxIndex = Math.max(props.data.length - rowsInView, 0);
     for (var i = 0; i <= maxIndex; i++) {
+      context.rowSpanRows = 0;
       sum += context.cachedHeight[i] || props.rowHeight;
       var rowSpanHeight = 0;
       if (rowSpanInfos) {
+        var maxRowSpanLenth = Math.min(rowSpanInfos.length, props.rowsInView > MAX_ROW_SPAN ? props.rowsInView : props.rowsInView || MAX_ROW_SPAN);
         var siblingsIndexs = [];
-        for (var k = 0; k < rowSpanInfos.length; k++) {
+        for (var k = 0; k < maxRowSpanLenth; k++) {
           if (rowSpanInfos[k] <= i && k > i) {
             siblingsIndexs.push(k);
           }
         }
         for (var j = 0; j < siblingsIndexs.length; j++) {
           var index = siblingsIndexs[j];
+          context.rowSpanRows += 1;
           rowSpanHeight += context.cachedHeight[index] || props.rowHeight;
         }
       }
@@ -56065,6 +56089,24 @@ var useTableVirtual = function useTableVirtual(props) {
       props.scrollRef.current.scrollTop = beforeHeight;
     }
   });
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    var scrollRefHeight = props.scrollRef.current ? props.scrollRef.current.clientHeight : 0;
+    var tableRefHeight = props.innerRef.current ? props.innerRef.current.clientHeight : 0;
+    var remainHeight = scrollRefHeight - tableRefHeight;
+    if (remainHeight > 0) {
+      var addonHeight = 0;
+      var addonCount = 0;
+      for (var i = startIndex + rowsInView; i < props.data.length; i++) {
+        var height = context.cachedHeight[i] || props.rowHeight;
+        addonHeight += height;
+        addonCount += 1;
+        if (addonHeight >= remainHeight + context.cachedHeight[0]) break;
+      }
+      if (addonCount > 0) {
+        context.autoAddRows = addonCount;
+      }
+    }
+  }, []);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     // 记录preIndex
     context.preIndex = startIndex;
@@ -56099,7 +56141,8 @@ var useTableVirtual = function useTableVirtual(props) {
       cb();
     }
   }, [scrollHeight]);
-  var renderData = props.disabled ? props.data : toConsumableArray_default()(props.data).slice(startIndex, startIndex + rowsInView);
+  var finalRowsInView = rowsInView + context.rowSpanRows + context.autoAddRows;
+  var renderData = props.disabled ? props.data : toConsumableArray_default()(props.data).slice(startIndex, startIndex + finalRowsInView);
   return {
     scrollHeight: scrollHeight,
     startIndex: startIndex,
@@ -57018,6 +57061,9 @@ var Tr = function Tr(props) {
     var tds = [];
     var skip = 0;
     var lastRowIndex = data.length - 1;
+    var hasSiblingRowSpan = data === null || data === void 0 ? void 0 : data.some(function (item) {
+      return item === null;
+    });
     var _loop = function _loop(i) {
       if (skip > 0) {
         skip--;
@@ -57029,13 +57075,13 @@ var Tr = function Tr(props) {
         var td = /*#__PURE__*/(0,jsx_runtime.jsx)("td", {
           colSpan: data[i].colSpan,
           rowSpan: data[i].rowSpan,
-          onMouseEnter: function onMouseEnter() {
+          onMouseEnter: props.hover && hasSiblingRowSpan ? function () {
             props.handleCellHover(props.rowIndex, data[i].rowSpan);
-          },
-          onMouseLeave: function onMouseLeave() {
+          } : undefined,
+          onMouseLeave: props.hover && hasSiblingRowSpan ? function () {
             props.handleCellHover(-1, 0);
-          },
-          className: classnames_default()(col.className, col.type === 'checkbox' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellCheckbox), col.fixed === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), col.fixed === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), col.align === 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignCenter), col.align === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignRight), (col.lastFixed || col.firstFixed || last.lastFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), lastRowIndex === i && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder), props.isCellHover(props.rowIndex, data[i].rowSpan) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellHover)),
+          } : undefined,
+          className: classnames_default()(col.className, col.type === 'checkbox' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellCheckbox), col.fixed === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), col.fixed === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), col.align === 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignCenter), col.align === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignRight), (col.lastFixed || col.firstFixed || last.lastFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), lastRowIndex === i && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder), data[i].rowSpan > 1 && props.isCellHover(props.rowIndex, data[i].rowSpan) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellHover)),
           style: getTdStyle(col, data[i].colSpan),
           dir: config.direction,
           onClick: props.onCellClick ? function () {
@@ -57101,7 +57147,7 @@ var Tr = function Tr(props) {
   return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)("tr", objectSpread2_default()(objectSpread2_default()({
       ref: trRef,
-      className: classnames_default()(props === null || props === void 0 || (_props$rowClassName = props.rowClassName) === null || _props$rowClassName === void 0 ? void 0 : _props$rowClassName.call(props, props.rawData, props.rowIndex), props.striped && props.rowIndex % 2 === 1 && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.rowStriped), props.isSelect && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.rowChecked))
+      className: classnames_default()(props === null || props === void 0 || (_props$rowClassName = props.rowClassName) === null || _props$rowClassName === void 0 ? void 0 : _props$rowClassName.call(props, props.rawData, props.rowIndex), props.striped && props.rowIndex % 2 === 1 && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.rowStriped), props.isSelect && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.rowChecked), props.hover && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.rowHover))
     }, props.rowEvents), {}, {
       onClick: handleRowClick,
       children: renderTds(props.columns, props.row)
@@ -57172,6 +57218,7 @@ var Tr = function Tr(props) {
       striped: props.striped,
       radio: props.radio,
       isCellHover: isCellHover,
+      hover: hover,
       isSelect: props.datum.check(rowSelectMergeStartData[index]),
       handleCellHover: handleCellHover
       // to update
@@ -58489,11 +58536,10 @@ var Tabs = function Tabs(props) {
       className: tabsStyle.panelWrapper,
       style: panelStyle,
       children: external_root_React_commonjs2_react_commonjs_react_amd_react_.Children.toArray(children).map(function (child, index) {
-        var Chlid = child;
-        if (tabs_isNamedComponent(Chlid.type) && Chlid.type.displayName === 'ShineoutTabsPanel') {
-          return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(Chlid, {
-            id: Chlid.props.id !== undefined ? Chlid.props.id : index,
-            active: active
+        var Child = child;
+        if (tabs_isNamedComponent(Child.type) && Child.type.displayName === 'ShineoutTabsPanel') {
+          return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(Child, {
+            id: Child.props.id !== undefined ? Child.props.id : index
           });
         }
         return null;
@@ -58504,20 +58550,20 @@ var Tabs = function Tabs(props) {
     var tabs = [];
     var border = getSplitColor();
     external_root_React_commonjs2_react_commonjs_react_amd_react_.Children.toArray(children).forEach(function (child, index) {
-      var Chlid = child;
-      if (!Chlid || !Chlid.type) return;
-      var childBorder = Chlid.props.splitColor || Chlid.props.border;
-      var _Chlid$props$id = Chlid.props.id,
-        id = _Chlid$props$id === void 0 ? index : _Chlid$props$id;
+      var Child = child;
+      if (!Child || !Child.type) return;
+      var childBorder = Child.props.splitColor || Child.props.border;
+      var _Child$props$id = Child.props.id,
+        id = _Child$props$id === void 0 ? index : _Child$props$id;
       if (active === id && childBorder) {
         border = childBorder;
       }
       tabs.push({
-        id: Chlid.props.id !== undefined ? Chlid.props.id : index,
-        tab: Chlid.props.tab,
-        disabled: Chlid.props.disabled,
+        id: Child.props.id !== undefined ? Child.props.id : index,
+        tab: Child.props.tab,
+        disabled: Child.props.disabled,
         jssStyle: jssStyle,
-        color: Chlid.props.color || (active === id ? color : undefined)
+        color: Child.props.color || (active === id ? color : undefined)
       });
     });
     var header = /*#__PURE__*/(0,jsx_runtime.jsx)(tabs_header, {
@@ -63886,7 +63932,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.3.6-beta.4'
+  version: '3.3.6-beta.7'
 });
 }();
 /******/ 	return __webpack_exports__;