first commit

frontend/node_modules/antd/es/table/style/fixed.js

@@ -0,0 +1,123 @@
+const genFixedStyle = token => {
+  const {
+    componentCls,
+    lineWidth,
+    colorSplit,
+    motionDurationSlow,
+    zIndexTableFixed,
+    tableBg,
+    zIndexTableSticky,
+    calc
+  } = token;
+  const shadowColor = colorSplit;
+  // Follow style is magic of shadow which should not follow token:
+  return {
+    [`${componentCls}-wrapper`]: {
+      [`
+        ${componentCls}-cell-fix-left,
+        ${componentCls}-cell-fix-right
+      `]: {
+        position: 'sticky !important',
+        zIndex: zIndexTableFixed,
+        background: tableBg
+      },
+      [`
+        ${componentCls}-cell-fix-left-first::after,
+        ${componentCls}-cell-fix-left-last::after
+      `]: {
+        position: 'absolute',
+        top: 0,
+        right: {
+          _skip_check_: true,
+          value: 0
+        },
+        bottom: calc(lineWidth).mul(-1).equal(),
+        width: 30,
+        transform: 'translateX(100%)',
+        transition: `box-shadow ${motionDurationSlow}`,
+        content: '""',
+        pointerEvents: 'none',
+        // fix issues: https://github.com/ant-design/ant-design/issues/54587
+        willChange: 'transform'
+      },
+      [`${componentCls}-cell-fix-left-all::after`]: {
+        display: 'none'
+      },
+      [`
+        ${componentCls}-cell-fix-right-first::after,
+        ${componentCls}-cell-fix-right-last::after
+      `]: {
+        position: 'absolute',
+        top: 0,
+        bottom: calc(lineWidth).mul(-1).equal(),
+        left: {
+          _skip_check_: true,
+          value: 0
+        },
+        width: 30,
+        transform: 'translateX(-100%)',
+        transition: `box-shadow ${motionDurationSlow}`,
+        content: '""',
+        pointerEvents: 'none'
+      },
+      [`${componentCls}-container`]: {
+        position: 'relative',
+        '&::before, &::after': {
+          position: 'absolute',
+          top: 0,
+          bottom: 0,
+          zIndex: calc(zIndexTableSticky).add(1).equal({
+            unit: false
+          }),
+          width: 30,
+          transition: `box-shadow ${motionDurationSlow}`,
+          content: '""',
+          pointerEvents: 'none'
+        },
+        '&::before': {
+          insetInlineStart: 0
+        },
+        '&::after': {
+          insetInlineEnd: 0
+        }
+      },
+      [`${componentCls}-ping-left`]: {
+        [`&:not(${componentCls}-has-fix-left) ${componentCls}-container::before`]: {
+          boxShadow: `inset 10px 0 8px -8px ${shadowColor}`
+        },
+        [`
+          ${componentCls}-cell-fix-left-first::after,
+          ${componentCls}-cell-fix-left-last::after
+        `]: {
+          boxShadow: `inset 10px 0 8px -8px ${shadowColor}`
+        },
+        [`${componentCls}-cell-fix-left-last::before`]: {
+          backgroundColor: 'transparent !important'
+        }
+      },
+      [`${componentCls}-ping-right`]: {
+        [`&:not(${componentCls}-has-fix-right) ${componentCls}-container::after`]: {
+          boxShadow: `inset -10px 0 8px -8px ${shadowColor}`
+        },
+        [`
+          ${componentCls}-cell-fix-right-first::after,
+          ${componentCls}-cell-fix-right-last::after
+        `]: {
+          boxShadow: `inset -10px 0 8px -8px ${shadowColor}`
+        }
+      },
+      // Gapped fixed Columns do not show the shadow
+      [`${componentCls}-fixed-column-gapped`]: {
+        [`
+        ${componentCls}-cell-fix-left-first::after,
+        ${componentCls}-cell-fix-left-last::after,
+        ${componentCls}-cell-fix-right-first::after,
+        ${componentCls}-cell-fix-right-last::after
+      `]: {
+          boxShadow: 'none'
+        }
+      }
+    }
+  };
+};
+export default genFixedStyle;