chore: init

Author: zombieJ

docs/demo/stack-columns.md

@@ -0,0 +1,8 @@
+---
+title: Stack Columns
+nav:
+  title: Demo
+  path: /demo
+---
+
+<code src="../examples/stack-columns.tsx"></code>

docs/examples/stack-columns.tsx

@@ -0,0 +1,61 @@
+import type { ColumnType } from 'rc-table';
+import Table from 'rc-table';
+import React from 'react';
+import '../../assets/index.less';
+
+interface RecordType {
+  a: string;
+  b?: string;
+  c?: string;
+  d: number;
+  key: string;
+}
+
+const columns: ColumnType<RecordType>[] = [
+  { title: 'title1', dataIndex: 'a', key: 'a', width: 100, fixed: 'left' },
+  { title: 'title2', dataIndex: 'b', key: 'b', width: 50 },
+  { title: 'title3', dataIndex: 'c', key: 'c', fixed: 'left' },
+  { title: 'title4', dataIndex: 'b', key: 'd' },
+  { title: 'title5', dataIndex: 'b', key: 'e' },
+  { title: 'title6', dataIndex: 'b', key: 'f' },
+  {
+    title: 'title7',
+    dataIndex: 'b',
+    key: 'g',
+  },
+  { title: 'title8', dataIndex: 'b', key: 'h' },
+  { title: 'title9', dataIndex: 'b', key: 'i' },
+  { title: 'title10', dataIndex: 'b', key: 'j', fixed: 'right' },
+  { title: 'title11', dataIndex: 'b', key: 'k', width: 50 },
+  { title: 'title12', dataIndex: 'b', key: 'l', width: 100, fixed: 'right' },
+];
+
+const data: RecordType[] = [
+  {
+    a: '123',
+    b: 'x',
+    d: 3,
+    key: '1',
+  },
+];
+
+const Demo = () => {
+  const [scrollY, setScrollY] = React.useState(true);
+
+  return (
+    <div style={{ width: 800 }}>
+      <label>
+        <input type="checkbox" checked={scrollY} onChange={() => setScrollY(!scrollY)} />
+        Scroll Y
+      </label>
+      <Table
+        // direction="rtl"
+        columns={columns}
+        scroll={{ x: 1200 }}
+        data={data}
+      />
+    </div>
+  );
+};
+
+export default Demo;

src/interface.ts

@@ -20,7 +20,10 @@ import type { DeepNamePath } from './namePathType';
 
 export type Key = React.Key;
 
-export type FixedType = 'left' | 'right' | boolean;
+/**
+ * Use `start` or `end` instead. `left` or `right` is deprecated.
+ */
+export type FixedType = 'start' | 'end' | 'left' | 'right' | boolean;
 
 export type DefaultRecordType = Record<string, any>;
 

src/utils/fixUtil.ts

@@ -42,26 +42,26 @@ export function getCellFixedInfo(
   const prevColumn = columns[colStart - 1];
 
   // need show shadow only when canLastFix is true
-  const canLastFix =
-    (nextColumn && !nextColumn.fixed) ||
-    (prevColumn && !prevColumn.fixed) ||
-    columns.every(col => col.fixed === 'left');
+  // const canLastFix =
+  //   (nextColumn && !nextColumn.fixed) ||
+  //   (prevColumn && !prevColumn.fixed) ||
+  //   columns.every(col => col.fixed === 'left');
 
-  if (direction === 'rtl') {
-    if (fixLeft !== undefined) {
-      const prevFixLeft = prevColumn && prevColumn.fixed === 'left';
-      firstFixLeft = !prevFixLeft && canLastFix;
-    } else if (fixRight !== undefined) {
-      const nextFixRight = nextColumn && nextColumn.fixed === 'right';
-      lastFixRight = !nextFixRight && canLastFix;
-    }
-  } else if (fixLeft !== undefined) {
-    const nextFixLeft = nextColumn && nextColumn.fixed === 'left';
-    lastFixLeft = !nextFixLeft && canLastFix;
-  } else if (fixRight !== undefined) {
-    const prevFixRight = prevColumn && prevColumn.fixed === 'right';
-    firstFixRight = !prevFixRight && canLastFix;
-  }
+  // if (direction === 'rtl') {
+  //   if (fixLeft !== undefined) {
+  //     const prevFixLeft = prevColumn && prevColumn.fixed === 'left';
+  //     firstFixLeft = !prevFixLeft && canLastFix;
+  //   } else if (fixRight !== undefined) {
+  //     const nextFixRight = nextColumn && nextColumn.fixed === 'right';
+  //     lastFixRight = !nextFixRight && canLastFix;
+  //   }
+  // } else if (fixLeft !== undefined) {
+  //   const nextFixLeft = nextColumn && nextColumn.fixed === 'left';
+  //   lastFixLeft = !nextFixLeft && canLastFix;
+  // } else if (fixRight !== undefined) {
+  //   const prevFixRight = prevColumn && prevColumn.fixed === 'right';
+  //   firstFixRight = !prevFixRight && canLastFix;
+  // }
 
   return {
     fixLeft,