shineout 3.7.0-beta.1 → 3.7.0-beta.2

package/cjs/index.js

@@ -514,5 +514,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.7.0-beta.1'
+  version: '3.7.0-beta.2'
 };

package/dist/shineout.js

@@ -12142,7 +12142,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.7.0-beta.1');
+/* harmony default export */ var version = ('3.7.0-beta.2');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -61976,10 +61976,10 @@ var thead_toNum = toNum;
   };
   var getFixedStyle = function getFixedStyle(fixed, index, colSpan, level) {
     if (fixed === 'left') {
-      if (props.fixLeftNum !== undefined) {
+      if (props.virtual) {
         // 这是virtual table场景下的th样式
         return {
-          transform: "translate3d(".concat(props.fixLeftNum, "px, 0, 0)")
+          transform: "translate3d(var(--virtual-fixed-left, 0), 0, 0)"
         };
       }
       var left = colgroup.slice(0, index).reduce(function (a, b) {
@@ -61993,10 +61993,10 @@ var thead_toNum = toNum;
       };
     }
     if (fixed === 'right') {
-      if (props.fixRightNum !== undefined) {
+      if (props.virtual) {
         // 这是virtual table场景下的th样式
         return {
-          transform: "translate3d(".concat(0 - props.fixRightNum, "px, 0, 0)")
+          transform: "translate3d(var(--virtual-fixed-right, 0), 0, 0)"
         };
       }
       var right = colgroup.slice(index + colSpan).reduce(function (a, b) {
@@ -62369,9 +62369,9 @@ var Tr = function Tr(props) {
   var getFixedStyle = function getFixedStyle(fixed, index, colSpan) {
     if (!props.isScrollX) return;
     if (fixed === 'left') {
-      if (props.fixLeftNum !== undefined) {
+      if (props.virtual) {
         return {
-          transform: "translate3d(".concat(props.fixLeftNum, "px, 0, 0)")
+          transform: "translate3d(var(--virtual-fixed-left, 0), 0, 0)"
         };
       }
       var left = props.colgroup.slice(0, index).reduce(function (a, b) {
@@ -62383,9 +62383,9 @@ var Tr = function Tr(props) {
       };
     }
     if (fixed === 'right') {
-      if (props.fixRightNum !== undefined) {
+      if (props.virtual) {
         return {
-          transform: "translate3d(".concat(0 - props.fixRightNum, "px, 0, 0)")
+          transform: "translate3d(var(--virtual-fixed-right, 0), 0, 0)"
         };
       }
       var right = props.colgroup.slice(index + colSpan).reduce(function (a, b) {
@@ -62775,8 +62775,7 @@ var Tr = function Tr(props) {
       isEmptyTree: props.isEmptyTree,
       treeColumnsName: props.treeColumnsName,
       setRowHeight: props.setRowHeight,
-      fixLeftNum: props.fixLeftNum,
-      fixRightNum: props.fixRightNum,
+      virtual: props.virtual,
       striped: props.striped,
       radio: props.radio,
       isCellHover: isCellHover,
@@ -62817,9 +62816,9 @@ var tfoot_isArray = isArray,
   var getFixedStyle = function getFixedStyle(fixed, index, colSpan) {
     var colgroup = props.colgroup;
     if (fixed === 'left') {
-      if (props.fixLeftNum !== undefined) {
+      if (props.virtual) {
         return {
-          transform: "translate3d(".concat(props.fixLeftNum, "px, 0, 0)")
+          transform: "translate3d(var(--virtual-fixed-left, 0), 0, 0)"
         };
       }
       var left = colgroup.slice(0, index).reduce(function (a, b) {
@@ -62831,9 +62830,9 @@ var tfoot_isArray = isArray,
       };
     }
     if (fixed === 'right') {
-      if (props.fixRightNum !== undefined) {
+      if (props.virtual) {
         return {
-          transform: "translate3d(-".concat(props.fixRightNum, "px, 0, 0)")
+          transform: "translate3d(var(--virtual-fixed-right, 0), 0, 0)"
         };
       }
       var right = colgroup.slice(index + colSpan).reduce(function (a, b) {
@@ -63327,19 +63326,22 @@ var emptyRef = {
     };
     if (isRenderVirtualTable) {
       var _props$data4;
+      var virtualCssVar = {
+        '--virtual-fixed-left': "".concat(virtualInfo.innerLeft, "px"),
+        '--virtual-fixed-right': fixRightNum > 0 ? "-".concat(fixRightNum, "px") : "".concat(fixRightNum, "px")
+      };
       return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
         children: [renderHeadMirrorScroller(), !props.hideHeader && /*#__PURE__*/(0,jsx_runtime.jsx)(StickyWrapper, objectSpread2_default()(objectSpread2_default()({}, props.sticky ? stickyProps : {}), {}, {
           children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
             className: headWrapperClass,
             children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
-              style: {
+              style: objectSpread2_default()({
                 width: width,
-                transform: "translate3d(".concat(0 - virtualInfo.innerLeft, "px, 0, 0)")
-              },
+                transform: "translate3d(-".concat(virtualInfo.innerLeft, "px, 0, 0)")
+              }, virtualCssVar),
               ref: theadRef,
               children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(thead, objectSpread2_default()(objectSpread2_default()({}, headCommonProps), {}, {
-                fixLeftNum: virtualInfo.innerLeft,
-                fixRightNum: fixRightNum
+                virtual: true
               }))]
             })
           })
@@ -63353,30 +63355,28 @@ var emptyRef = {
           defaultHeight: context.emptyHeight,
           isScrollY: isScrollY,
           children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
-            style: {
+            style: objectSpread2_default()({
               width: width,
               transform: virtualInfo.getTranslate()
-            },
+            }, virtualCssVar),
             ref: tbodyRef,
             children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(tbody, objectSpread2_default()(objectSpread2_default()({}, bodyCommonProps), {}, {
               currentIndex: virtualInfo.startIndex,
               data: virtualInfo.data,
               setRowHeight: virtualInfo.setRowHeight,
-              fixLeftNum: virtualInfo.innerLeft,
-              fixRightNum: fixRightNum
+              virtual: true
             }))]
           })
         }), renderEmpty(), showFoot ? /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
           className: footWrapperClass,
           children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
-            style: {
+            style: objectSpread2_default()({
               width: width,
               transform: "translate3d(-".concat(virtualInfo.innerLeft, "px, 0, 0)")
-            },
+            }, virtualCssVar),
             ref: tfootRef,
             children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(tfoot, objectSpread2_default()(objectSpread2_default()({}, footCommonProps), {}, {
-              fixLeftNum: virtualInfo.innerLeft,
-              fixRightNum: fixRightNum
+              virtual: true
             }))]
           })
         }) : null]
@@ -69812,7 +69812,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.7.0-beta.1'
+  version: '3.7.0-beta.2'
 });
 }();
 /******/ 	return __webpack_exports__;