tntd 3.0.0-beta.8 → 3.0.1

package/es/table/table.stories.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import Tag from '../tag';
-import { Table } from './';
+import { Table } from '.';
 const {
   Column,
   ColumnGroup
@@ -160,4 +160,415 @@ ColumnFilter.args = {
     showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} items`
   },
   loading: false
-};
+};
+export const All = () => {
+  const dataSource = [{
+    key: '1',
+    name: '胡彦斌',
+    age: 32,
+    address: '西湖区湖底公园1号'
+  }, {
+    key: '2',
+    name: '胡彦祖',
+    age: 42,
+    address: '西湖区湖底公园1号'
+  }];
+  const dataSource2 = [{
+    key: 1,
+    name: 'John Brown sr.',
+    age: 60,
+    address: 'New York No. 1 Lake Park',
+    children: [{
+      key: 11,
+      name: 'John Brown',
+      age: 42,
+      address: 'New York No. 2 Lake Park'
+    }, {
+      key: 12,
+      name: 'John Brown jr.',
+      age: 30,
+      address: 'New York No. 3 Lake Park',
+      children: [{
+        key: 121,
+        name: 'Jimmy Brown',
+        age: 16,
+        address: 'New York No. 3 Lake Park'
+      }]
+    }, {
+      key: 13,
+      name: 'Jim Green sr.',
+      age: 72,
+      address: 'London No. 1 Lake Park',
+      children: [{
+        key: 131,
+        name: 'Jim Green',
+        age: 42,
+        address: 'London No. 2 Lake Park',
+        children: [{
+          key: 1311,
+          name: 'Jim Green jr.',
+          age: 25,
+          address: 'London No. 3 Lake Park'
+        }, {
+          key: 1312,
+          name: 'Jimmy Green sr.',
+          age: 18,
+          address: 'London No. 4 Lake Park'
+        }]
+      }]
+    }]
+  }, {
+    key: 2,
+    name: 'Joe Black',
+    age: 32,
+    address: 'Sidney No. 1 Lake Park'
+  }];
+  const dataSource3 = [];
+  for (let i = 0; i < 100; i++) {
+    dataSource3.push({
+      key: i,
+      name: `Edward King ${i}`,
+      age: 32,
+      address: `London, Park Lane no. ${i}`
+    });
+  }
+  const columns = [{
+    title: '姓名',
+    dataIndex: 'name',
+    key: 'name'
+  }, {
+    title: '年龄',
+    dataIndex: 'age',
+    key: 'age'
+  }, {
+    title: '住址',
+    dataIndex: 'address',
+    key: 'address'
+  }];
+  // const columns2 = [
+  //   {
+  //     title: 'Full Name',
+  //     width: 100,
+  //     dataIndex: 'name',
+  //     key: 'name',
+  //     fixed: 'left',
+  //   },
+  //   {
+  //     title: 'Age',
+  //     width: 100,
+  //     dataIndex: 'age',
+  //     key: 'age',
+  //     fixed: 'left',
+  //   },
+  //   { title: 'Column 1', dataIndex: 'address', key: '1' },
+  //   { title: 'Column 2', dataIndex: 'address', key: '2' },
+  //   { title: 'Column 3', dataIndex: 'address', key: '3' },
+  //   { title: 'Column 4', dataIndex: 'address', key: '4' },
+  //   { title: 'Column 5', dataIndex: 'address', key: '5' },
+  //   { title: 'Column 6', dataIndex: 'address', key: '6' },
+  //   { title: 'Column 7', dataIndex: 'address', key: '7' },
+  //   { title: 'Column 8', dataIndex: 'address', key: '8' },
+  //   {
+  //     title: 'Action',
+  //     key: 'operation',
+  //     fixed: 'right',
+  //     width: 100,
+  //     render: () => <a>action</a>,
+  //   },
+  // ]
+  const columns1 = [{
+    title: 'Full Name',
+    width: 120,
+    dataIndex: 'name',
+    key: 'name'
+  }, {
+    title: 'Age',
+    width: 100,
+    dataIndex: 'age',
+    key: 'age'
+  }, {
+    title: 'Column 1',
+    dataIndex: 'address',
+    key: '1',
+    width: 150
+  }, {
+    title: 'Column 2',
+    dataIndex: 'address',
+    key: '2',
+    width: 150
+  }, {
+    title: 'Column 3',
+    dataIndex: 'address',
+    key: '3',
+    width: 150
+  }, {
+    title: 'Column 4',
+    dataIndex: 'address',
+    key: '4',
+    width: 150
+  }, {
+    title: 'Column 5',
+    dataIndex: 'address',
+    key: '5',
+    width: 150
+  }, {
+    title: 'Column 6',
+    dataIndex: 'address',
+    key: '6',
+    width: 150
+  }, {
+    title: 'Column 7',
+    dataIndex: 'address',
+    key: '7',
+    width: 150
+  }, {
+    title: 'Column 8',
+    dataIndex: 'address',
+    key: '8',
+    width: 150
+  }, {
+    title: 'Action',
+    key: 'operation',
+    width: 200,
+    render: () => React.createElement("a", null, "action")
+  }];
+  const columns2 = [{
+    title: 'Full Name',
+    width: 120,
+    dataIndex: 'name',
+    key: 'name',
+    fixed: 'left'
+  }, {
+    title: 'Age',
+    width: 100,
+    dataIndex: 'age',
+    key: 'age',
+    fixed: 'left'
+  }, {
+    title: 'Column 1',
+    dataIndex: 'address',
+    key: '1',
+    width: 150
+  }, {
+    title: 'Column 2',
+    dataIndex: 'address',
+    key: '2',
+    width: 150
+  }, {
+    title: 'Column 3',
+    dataIndex: 'address',
+    key: '3',
+    width: 150
+  }, {
+    title: 'Column 4',
+    dataIndex: 'address',
+    key: '4',
+    width: 150
+  }, {
+    title: 'Column 5',
+    dataIndex: 'address',
+    key: '5',
+    width: 150
+  }, {
+    title: 'Column 6',
+    dataIndex: 'address',
+    key: '6',
+    width: 150
+  }, {
+    title: 'Column 7',
+    dataIndex: 'address',
+    key: '7',
+    width: 150
+  }, {
+    title: 'Column 8',
+    dataIndex: 'address',
+    key: '8',
+    width: 150
+  }, {
+    title: 'Action',
+    key: 'operation',
+    width: 200,
+    render: () => React.createElement("a", null, "action")
+  }];
+  const columns3 = [{
+    title: 'Full Name',
+    width: 120,
+    dataIndex: 'name',
+    key: 'name'
+  }, {
+    title: 'Age',
+    width: 100,
+    dataIndex: 'age',
+    key: 'age'
+  }, {
+    title: 'Column 1',
+    dataIndex: 'address',
+    key: '1',
+    width: 150
+  }, {
+    title: 'Column 2',
+    dataIndex: 'address',
+    key: '2',
+    width: 150
+  }, {
+    title: 'Column 3',
+    dataIndex: 'address',
+    key: '3',
+    width: 150
+  }, {
+    title: 'Column 4',
+    dataIndex: 'address',
+    key: '4',
+    width: 150
+  }, {
+    title: 'Column 5',
+    dataIndex: 'address',
+    key: '5',
+    width: 150
+  }, {
+    title: 'Column 6',
+    dataIndex: 'address',
+    key: '6',
+    width: 150
+  }, {
+    title: 'Column 7',
+    dataIndex: 'address',
+    key: '7',
+    width: 150
+  }, {
+    title: 'Column 8',
+    dataIndex: 'address',
+    key: '8',
+    width: 150
+  }, {
+    title: 'Action',
+    key: 'operation',
+    fixed: 'right',
+    width: 200,
+    render: () => React.createElement("a", null, "action")
+  }];
+  const columns4 = [{
+    title: 'Full Name',
+    width: 120,
+    dataIndex: 'name',
+    key: 'name',
+    fixed: 'left'
+  }, {
+    title: 'Age',
+    width: 100,
+    dataIndex: 'age',
+    key: 'age',
+    fixed: 'left'
+  }, {
+    title: 'Column 1',
+    dataIndex: 'address',
+    key: '1',
+    width: 150
+  }, {
+    title: 'Column 2',
+    dataIndex: 'address',
+    key: '2',
+    width: 150
+  }, {
+    title: 'Column 3',
+    dataIndex: 'address',
+    key: '3',
+    width: 150
+  }, {
+    title: 'Column 4',
+    dataIndex: 'address',
+    key: '4',
+    width: 150
+  }, {
+    title: 'Column 5',
+    dataIndex: 'address',
+    key: '5',
+    width: 150
+  }, {
+    title: 'Column 6',
+    dataIndex: 'address',
+    key: '6',
+    width: 150
+  }, {
+    title: 'Column 7',
+    dataIndex: 'address',
+    key: '7',
+    width: 150
+  }, {
+    title: 'Column 8',
+    dataIndex: 'address',
+    key: '8',
+    width: 150
+  }, {
+    title: 'Action',
+    key: 'operation',
+    fixed: 'right',
+    width: 200,
+    render: () => React.createElement("a", null, "action")
+  }];
+  const style = {
+    marginBottom: 20
+  };
+  const propsMap = {
+    bordered: [true, false],
+    // bordered: [true],
+    showCellBorders: [true, false],
+    // showCellBorders: [true],
+    striped: [true, false],
+    shadowed: [true, false],
+    // scroll: [{ x: 1600 }, { y: 240 }, { x: 1600, y: 300 }],
+    scroll: [{
+      x: 1600
+    }, {
+      x: 1600,
+      y: 300
+    }],
+    columns: [columns1, columns2, columns3, columns4],
+    // size: ['default', 'middle', 'small'],
+    size: ['default'],
+    dataSource: [dataSource3]
+    // dataSource: [[]],
+  };
+  const propsList = Object.keys(propsMap).reduce((arr, key) => {
+    const data = propsMap[key];
+    if (arr.length === 0) {
+      return data.map(value => ({
+        [key]: value
+      }));
+    } else {
+      let back = [];
+      for (let i = 0; i < data.length; i++) {
+        const value = data[i];
+        for (let j = 0; j < arr.length; j++) {
+          const item = arr[j];
+          back.push(Object.assign(Object.assign({}, item), {
+            [key]: value
+          }));
+        }
+      }
+      return back;
+    }
+  }, []);
+  return React.createElement("div", {
+    style: {
+      background: '#fff',
+      padding: 20
+    }
+  }, propsList.map((props, i) => React.createElement(Table, Object.assign({}, props, {
+    key: i,
+    style: style,
+    pagination: {
+      pageSize: 5
+    }
+  }))));
+};
+All.args = {};
+/*
+bordered 边框 2
+striped 斑马线 2
+shadowed 阴影 2
+showCellBorders 单元格边框  2
+scroll 滚动 3
+fixed 是否固定 3
+size: 3
+*/

package/es/table/table.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.stories.js","sourceRoot":"","sources":["../../src/table/table.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, Story } from '@tntd/storybook-react-storykit'\nimport React from 'react'\n\nimport Tag from '../tag'\nimport { Table, TableProps } from './'\n\nconst { Column, ColumnGroup } = Table\n\nexport default {\n  component: Table,\n  title: 'Table',\n  parameters: {\n    backgrounds: {\n      default: 'gary',\n      values: [{ name: 'gary', value: '#f1f2f5' }],\n    },\n  },\n} as Meta\n\nconst Template: Story<\n  TableProps<{\n    key: string\n    name: string\n    age: number\n    address: string\n  }>\n> = (args) => (\n  <div\n    style={{\n      marginTop: '20px',\n    }}\n  >\n    <Table {...args} />\n  </div>\n)\n\nexport const Empty = Template.bind({})\n\nEmpty.args = {\n  columns: [\n    {\n      title: '姓名',\n      dataIndex: 'name',\n      key: 'name',\n    },\n    {\n      title: '年龄',\n      dataIndex: 'age',\n      key: 'age',\n    },\n    {\n      title: '住址',\n      dataIndex: 'address',\n      key: 'address',\n    },\n  ],\n}\n\nexport const Loading = Template.bind({})\n\nLoading.args = {\n  columns: [\n    {\n      title: '姓名',\n      dataIndex: 'name',\n      key: 'name',\n    },\n    {\n      title: '年龄',\n      dataIndex: 'age',\n      key: 'age',\n    },\n    {\n      title: '住址',\n      dataIndex: 'address',\n      key: 'address',\n    },\n  ],\n  loading: true,\n}\n\nexport const Default = Template.bind({})\n\nDefault.args = {\n  columns: [\n    {\n      title: '姓名',\n      dataIndex: 'name',\n      key: 'name',\n    },\n    {\n      title: '年龄',\n      dataIndex: 'age',\n      key: 'age',\n      render: (cellData) => <Tag color=\"green\">{cellData}</Tag>,\n    },\n    {\n      title: '住址',\n      dataIndex: 'address',\n      key: 'address',\n    },\n  ],\n  dataSource: [\n    {\n      key: '1',\n      name: '胡彦斌',\n      age: 32,\n      address: '西湖区湖底公园1号',\n    },\n    {\n      key: '2',\n      name: '胡彦祖',\n      age: 42,\n      address: '西湖区湖底公园1号',\n    },\n  ],\n  pagination: {\n    total: 50,\n    position: 'bottom',\n    showSizeChanger: true,\n    showQuickJumper: true,\n    showTotal: (total, range) => `${range[0]}-${range[1]}, 共 ${total} 条记录`,\n  },\n  loading: false,\n}\n\ninterface MockData {\n  key: string\n  age: number\n  address: string\n  firstName: string\n  lastName: string\n  tags: string[]\n}\n\nexport const ColumnFilter: Story<TableProps<MockData>> = (args) => (\n  <div\n    style={{\n      marginTop: '20px',\n    }}\n  >\n    <Table {...args}>\n      <ColumnGroup title=\"Name\">\n        <Column title=\"First Name\" dataIndex=\"firstName\" key=\"firstName\" />\n        <Column title=\"Last Name\" dataIndex=\"lastName\" key=\"lastName\" />\n      </ColumnGroup>\n      <Column title=\"Age\" dataIndex=\"age\" key=\"age\" />\n      <Column title=\"Address\" dataIndex=\"address\" key=\"address\" />\n      <Column\n        title=\"Tags\"\n        dataIndex=\"tags\"\n        key=\"tags\"\n        render={(tags: string[]) => (\n          <span>\n            {tags.map((tag) => (\n              <Tag color=\"blue\" key={tag}>\n                {tag}\n              </Tag>\n            ))}\n          </span>\n        )}\n      />\n      <Column\n        title=\"Action\"\n        key=\"action\"\n        render={(_, record: MockData) => (\n          <span>\n            <a>Invite {record.lastName}</a>\n            <a>Delete</a>\n          </span>\n        )}\n      />\n    </Table>\n  </div>\n)\n\nColumnFilter.args = {\n  dataSource: [\n    {\n      key: '1',\n      firstName: 'John',\n      lastName: 'Brown',\n      age: 32,\n      address: 'New York No. 1 Lake Park',\n      tags: ['nice', 'developer'],\n    },\n    {\n      key: '2',\n      firstName: 'Jim',\n      lastName: 'Green',\n      age: 42,\n      address: 'London No. 1 Lake Park',\n      tags: ['loser'],\n    },\n    {\n      key: '3',\n      firstName: 'Joe',\n      lastName: 'Black',\n      age: 32,\n      address: 'Sidney No. 1 Lake Park',\n      tags: ['cool', 'teacher'],\n    },\n  ],\n  pagination: {\n    total: 50,\n    position: 'bottom',\n    showSizeChanger: true,\n    showQuickJumper: true,\n    showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} items`,\n  },\n  loading: false,\n}\n"]}
+{"version":3,"file":"table.stories.js","sourceRoot":"","sources":["../../src/table/table.stories.jsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\n\nimport Tag from '../tag'\nimport { Table, TableProps } from '.'\n\nconst { Column, ColumnGroup } = Table\n\nexport default {\n  component: Table,\n  title: 'Table',\n  parameters: {\n    backgrounds: {\n      default: 'gary',\n      values: [{ name: 'gary', value: '#f1f2f5' }],\n    },\n  },\n}\n\nconst Template = (args) => (\n  <div\n    style={{\n      marginTop: '20px',\n    }}\n  >\n    <Table {...args} />\n  </div>\n)\n\nexport const Empty = Template.bind({})\n\nEmpty.args = {\n  columns: [\n    {\n      title: '姓名',\n      dataIndex: 'name',\n      key: 'name',\n    },\n    {\n      title: '年龄',\n      dataIndex: 'age',\n      key: 'age',\n    },\n    {\n      title: '住址',\n      dataIndex: 'address',\n      key: 'address',\n    },\n  ],\n}\n\nexport const Loading = Template.bind({})\n\nLoading.args = {\n  columns: [\n    {\n      title: '姓名',\n      dataIndex: 'name',\n      key: 'name',\n    },\n    {\n      title: '年龄',\n      dataIndex: 'age',\n      key: 'age',\n    },\n    {\n      title: '住址',\n      dataIndex: 'address',\n      key: 'address',\n    },\n  ],\n  loading: true,\n}\n\nexport const Default = Template.bind({})\n\nDefault.args = {\n  columns: [\n    {\n      title: '姓名',\n      dataIndex: 'name',\n      key: 'name',\n    },\n    {\n      title: '年龄',\n      dataIndex: 'age',\n      key: 'age',\n      render: (cellData) => <Tag color=\"green\">{cellData}</Tag>,\n    },\n    {\n      title: '住址',\n      dataIndex: 'address',\n      key: 'address',\n    },\n  ],\n  dataSource: [\n    {\n      key: '1',\n      name: '胡彦斌',\n      age: 32,\n      address: '西湖区湖底公园1号',\n    },\n    {\n      key: '2',\n      name: '胡彦祖',\n      age: 42,\n      address: '西湖区湖底公园1号',\n    },\n  ],\n  pagination: {\n    total: 50,\n    position: 'bottom',\n    showSizeChanger: true,\n    showQuickJumper: true,\n    showTotal: (total, range) => `${range[0]}-${range[1]}, 共 ${total} 条记录`,\n  },\n  loading: false,\n}\n\nexport const ColumnFilter = (args) => (\n  <div\n    style={{\n      marginTop: '20px',\n    }}\n  >\n    <Table {...args}>\n      <ColumnGroup title=\"Name\">\n        <Column title=\"First Name\" dataIndex=\"firstName\" key=\"firstName\" />\n        <Column title=\"Last Name\" dataIndex=\"lastName\" key=\"lastName\" />\n      </ColumnGroup>\n      <Column title=\"Age\" dataIndex=\"age\" key=\"age\" />\n      <Column title=\"Address\" dataIndex=\"address\" key=\"address\" />\n      <Column\n        title=\"Tags\"\n        dataIndex=\"tags\"\n        key=\"tags\"\n        render={(tags) => (\n          <span>\n            {tags.map((tag) => (\n              <Tag color=\"blue\" key={tag}>\n                {tag}\n              </Tag>\n            ))}\n          </span>\n        )}\n      />\n      <Column\n        title=\"Action\"\n        key=\"action\"\n        render={(_, record) => (\n          <span>\n            <a>Invite {record.lastName}</a>\n            <a>Delete</a>\n          </span>\n        )}\n      />\n    </Table>\n  </div>\n)\n\nColumnFilter.args = {\n  dataSource: [\n    {\n      key: '1',\n      firstName: 'John',\n      lastName: 'Brown',\n      age: 32,\n      address: 'New York No. 1 Lake Park',\n      tags: ['nice', 'developer'],\n    },\n    {\n      key: '2',\n      firstName: 'Jim',\n      lastName: 'Green',\n      age: 42,\n      address: 'London No. 1 Lake Park',\n      tags: ['loser'],\n    },\n    {\n      key: '3',\n      firstName: 'Joe',\n      lastName: 'Black',\n      age: 32,\n      address: 'Sidney No. 1 Lake Park',\n      tags: ['cool', 'teacher'],\n    },\n  ],\n  pagination: {\n    total: 50,\n    position: 'bottom',\n    showSizeChanger: true,\n    showQuickJumper: true,\n    showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} items`,\n  },\n  loading: false,\n}\n\nexport const All = () => {\n  const dataSource = [\n    {\n      key: '1',\n      name: '胡彦斌',\n      age: 32,\n      address: '西湖区湖底公园1号',\n    },\n    {\n      key: '2',\n      name: '胡彦祖',\n      age: 42,\n      address: '西湖区湖底公园1号',\n    },\n  ]\n  const dataSource2 = [\n    {\n      key: 1,\n      name: 'John Brown sr.',\n      age: 60,\n      address: 'New York No. 1 Lake Park',\n      children: [\n        {\n          key: 11,\n          name: 'John Brown',\n          age: 42,\n          address: 'New York No. 2 Lake Park',\n        },\n        {\n          key: 12,\n          name: 'John Brown jr.',\n          age: 30,\n          address: 'New York No. 3 Lake Park',\n          children: [\n            {\n              key: 121,\n              name: 'Jimmy Brown',\n              age: 16,\n              address: 'New York No. 3 Lake Park',\n            },\n          ],\n        },\n        {\n          key: 13,\n          name: 'Jim Green sr.',\n          age: 72,\n          address: 'London No. 1 Lake Park',\n          children: [\n            {\n              key: 131,\n              name: 'Jim Green',\n              age: 42,\n              address: 'London No. 2 Lake Park',\n              children: [\n                {\n                  key: 1311,\n                  name: 'Jim Green jr.',\n                  age: 25,\n                  address: 'London No. 3 Lake Park',\n                },\n                {\n                  key: 1312,\n                  name: 'Jimmy Green sr.',\n                  age: 18,\n                  address: 'London No. 4 Lake Park',\n                },\n              ],\n            },\n          ],\n        },\n      ],\n    },\n    {\n      key: 2,\n      name: 'Joe Black',\n      age: 32,\n      address: 'Sidney No. 1 Lake Park',\n    },\n  ]\n  const dataSource3 = []\n  for (let i = 0; i < 100; i++) {\n    dataSource3.push({\n      key: i,\n      name: `Edward King ${i}`,\n      age: 32,\n      address: `London, Park Lane no. ${i}`,\n    })\n  }\n\n  const columns = [\n    {\n      title: '姓名',\n      dataIndex: 'name',\n      key: 'name',\n    },\n    {\n      title: '年龄',\n      dataIndex: 'age',\n      key: 'age',\n    },\n    {\n      title: '住址',\n      dataIndex: 'address',\n      key: 'address',\n    },\n  ]\n  // const columns2 = [\n  //   {\n  //     title: 'Full Name',\n  //     width: 100,\n  //     dataIndex: 'name',\n  //     key: 'name',\n  //     fixed: 'left',\n  //   },\n  //   {\n  //     title: 'Age',\n  //     width: 100,\n  //     dataIndex: 'age',\n  //     key: 'age',\n  //     fixed: 'left',\n  //   },\n  //   { title: 'Column 1', dataIndex: 'address', key: '1' },\n  //   { title: 'Column 2', dataIndex: 'address', key: '2' },\n  //   { title: 'Column 3', dataIndex: 'address', key: '3' },\n  //   { title: 'Column 4', dataIndex: 'address', key: '4' },\n  //   { title: 'Column 5', dataIndex: 'address', key: '5' },\n  //   { title: 'Column 6', dataIndex: 'address', key: '6' },\n  //   { title: 'Column 7', dataIndex: 'address', key: '7' },\n  //   { title: 'Column 8', dataIndex: 'address', key: '8' },\n  //   {\n  //     title: 'Action',\n  //     key: 'operation',\n  //     fixed: 'right',\n  //     width: 100,\n  //     render: () => <a>action</a>,\n  //   },\n  // ]\n  const columns1 = [\n    { title: 'Full Name', width: 120, dataIndex: 'name', key: 'name' },\n    { title: 'Age', width: 100, dataIndex: 'age', key: 'age' },\n    { title: 'Column 1', dataIndex: 'address', key: '1', width: 150 },\n    { title: 'Column 2', dataIndex: 'address', key: '2', width: 150 },\n    { title: 'Column 3', dataIndex: 'address', key: '3', width: 150 },\n    { title: 'Column 4', dataIndex: 'address', key: '4', width: 150 },\n    { title: 'Column 5', dataIndex: 'address', key: '5', width: 150 },\n    { title: 'Column 6', dataIndex: 'address', key: '6', width: 150 },\n    { title: 'Column 7', dataIndex: 'address', key: '7', width: 150 },\n    { title: 'Column 8', dataIndex: 'address', key: '8', width: 150 },\n    { title: 'Action', key: 'operation', width: 200, render: () => <a>action</a> },\n  ]\n  const columns2 = [\n    { title: 'Full Name', width: 120, dataIndex: 'name', key: 'name', fixed: 'left' },\n    { title: 'Age', width: 100, dataIndex: 'age', key: 'age', fixed: 'left' },\n    { title: 'Column 1', dataIndex: 'address', key: '1', width: 150 },\n    { title: 'Column 2', dataIndex: 'address', key: '2', width: 150 },\n    { title: 'Column 3', dataIndex: 'address', key: '3', width: 150 },\n    { title: 'Column 4', dataIndex: 'address', key: '4', width: 150 },\n    { title: 'Column 5', dataIndex: 'address', key: '5', width: 150 },\n    { title: 'Column 6', dataIndex: 'address', key: '6', width: 150 },\n    { title: 'Column 7', dataIndex: 'address', key: '7', width: 150 },\n    { title: 'Column 8', dataIndex: 'address', key: '8', width: 150 },\n    { title: 'Action', key: 'operation', width: 200, render: () => <a>action</a> },\n  ]\n  const columns3 = [\n    { title: 'Full Name', width: 120, dataIndex: 'name', key: 'name' },\n    { title: 'Age', width: 100, dataIndex: 'age', key: 'age' },\n    { title: 'Column 1', dataIndex: 'address', key: '1', width: 150 },\n    { title: 'Column 2', dataIndex: 'address', key: '2', width: 150 },\n    { title: 'Column 3', dataIndex: 'address', key: '3', width: 150 },\n    { title: 'Column 4', dataIndex: 'address', key: '4', width: 150 },\n    { title: 'Column 5', dataIndex: 'address', key: '5', width: 150 },\n    { title: 'Column 6', dataIndex: 'address', key: '6', width: 150 },\n    { title: 'Column 7', dataIndex: 'address', key: '7', width: 150 },\n    { title: 'Column 8', dataIndex: 'address', key: '8', width: 150 },\n    { title: 'Action', key: 'operation', fixed: 'right', width: 200, render: () => <a>action</a> },\n  ]\n  const columns4 = [\n    { title: 'Full Name', width: 120, dataIndex: 'name', key: 'name', fixed: 'left' },\n    { title: 'Age', width: 100, dataIndex: 'age', key: 'age', fixed: 'left' },\n    { title: 'Column 1', dataIndex: 'address', key: '1', width: 150 },\n    { title: 'Column 2', dataIndex: 'address', key: '2', width: 150 },\n    { title: 'Column 3', dataIndex: 'address', key: '3', width: 150 },\n    { title: 'Column 4', dataIndex: 'address', key: '4', width: 150 },\n    { title: 'Column 5', dataIndex: 'address', key: '5', width: 150 },\n    { title: 'Column 6', dataIndex: 'address', key: '6', width: 150 },\n    { title: 'Column 7', dataIndex: 'address', key: '7', width: 150 },\n    { title: 'Column 8', dataIndex: 'address', key: '8', width: 150 },\n    { title: 'Action', key: 'operation', fixed: 'right', width: 200, render: () => <a>action</a> },\n  ]\n  const style = { marginBottom: 20 }\n  const propsMap = {\n    bordered: [true, false],\n    // bordered: [true],\n    showCellBorders: [true, false],\n    // showCellBorders: [true],\n    striped: [true, false],\n    shadowed: [true, false],\n    // scroll: [{ x: 1600 }, { y: 240 }, { x: 1600, y: 300 }],\n    scroll: [{ x: 1600 }, { x: 1600, y: 300 }],\n    columns: [columns1, columns2, columns3, columns4],\n    // size: ['default', 'middle', 'small'],\n    size: ['default'],\n    dataSource: [dataSource3],\n    // dataSource: [[]],\n  }\n  const propsList = Object.keys(propsMap).reduce((arr, key) => {\n    const data = propsMap[key]\n    if (arr.length === 0) {\n      return data.map((value) => ({ [key]: value }))\n    } else {\n      let back = []\n      for (let i = 0; i < data.length; i++) {\n        const value = data[i]\n        for (let j = 0; j < arr.length; j++) {\n          const item = arr[j]\n          back.push({ ...item, [key]: value })\n        }\n      }\n      return back\n    }\n  }, [])\n\n  return (\n    <div style={{ background: '#fff', padding: 20 }}>\n      {propsList.map((props, i) => (\n        <Table {...props} key={i} style={style} pagination={{ pageSize: 5 }} />\n      ))}\n      {/* <Table\n        dataSource={dataSource}\n        columns={columns}\n        rowSelection={{\n          onChange: (selectedRowKeys, selectedRows) => {\n            console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows)\n          },\n        }}\n        style={style}\n      />\n      <Table dataSource={[]} columns={columns} style={style} />\n\n      <Table columns={columns} dataSource={dataSource} size=\"middle\" style={style} />\n\n      <Table columns={columns} dataSource={dataSource} size=\"small\" style={style} />\n\n      <Table columns={columns} dataSource={dataSource} size=\"middle\" style={style} bordered />\n\n      <Table columns={columns} dataSource={dataSource} size=\"small\" style={style} bordered />\n\n      <Table\n        columns={columns}\n        dataSource={dataSource}\n        bordered\n        title={() => 'Header'}\n        footer={() => 'Footer'}\n        style={style}\n      />\n\n      <Table\n        columns={columns}\n        dataSource={[]}\n        bordered\n        title={() => 'Header'}\n        footer={() => 'Footer'}\n        style={style}\n      />\n\n      <Table columns={columns} dataSource={dataSource} bordered style={style} />\n\n      <Table columns={columns} dataSource={[]} bordered style={style} />\n\n      <Table columns={columns} dataSource={dataSource} shadowed style={style} />\n\n      <Table columns={columns} dataSource={[]} shadowed style={style} />\n\n      <Table\n        columns={columns}\n        expandedRowRender={(record) => <p style={{ margin: 0 }}>{record.address}</p>}\n        dataSource={dataSource}\n        style={style}\n      />\n\n      <Table columns={columns} dataSource={dataSource} bordered showCellBorders style={style} />\n\n      <Table\n        columns={columns}\n        rowSelection={{\n          onChange: (selectedRowKeys, selectedRows) => {\n            console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows)\n          },\n        }}\n        dataSource={dataSource2}\n        style={style}\n      />\n\n      <Table\n        columns={columns}\n        dataSource={dataSource3}\n        pagination={{ pageSize: 50 }}\n        scroll={{ y: 240 }}\n        style={style}\n      />\n\n      <Table columns={columns2} dataSource={dataSource3} scroll={{ x: 1300 }} style={style} />\n\n      <Table\n        columns={columns3}\n        dataSource={dataSource3}\n        scroll={{ x: 1500, y: 300 }}\n        style={style}\n      />\n\n      <Table\n        columns={columns2}\n        dataSource={dataSource3}\n        scroll={{ x: 1300 }}\n        bordered\n        style={style}\n        pagination={{ pageSize: 5 }}\n      />\n\n      <Table\n        columns={columns2}\n        dataSource={dataSource3}\n        scroll={{ x: 1300 }}\n        bordered\n        showCellBorders\n        style={style}\n        pagination={{ pageSize: 5 }}\n      /> */}\n    </div>\n  )\n}\nAll.args = {}\n\n/*\nbordered 边框 2\nstriped 斑马线 2\nshadowed 阴影 2\nshowCellBorders 单元格边框  2\nscroll 滚动 3\nfixed 是否固定 3\nsize: 3\n*/\n"]}

package/es/table/utils.js

@@ -16,4 +16,15 @@ export function normalizeColumns(elements) {
     columns.push(column);
   });
   return columns;
+}
+// 生成随机数，首位是字母
+export function makeRandomCode(num = 10) {
+  const numArr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
+  const charArr = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z'];
+  const arr = [...numArr, ...charArr];
+  let code = charArr[Math.floor(Math.random() * charArr.length)];
+  for (let i = 0; i < num - 1; i++) {
+    code += `${arr[Math.floor(Math.random() * arr.length)]}`;
+  }
+  return code;
 }

package/es/table/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/table/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,UAAU,gBAAgB,CAAI,QAA6B;IAC/D,MAAM,OAAO,GAAqB,EAAE,CAAA;IAEpC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;QAC3C,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;YAClC,OAAM;SACP;QAED,MAAM,MAAM,qBACN,OAAO,CAAC,KAAwB,CACrC,CAAA;QAED,IAAI,OAAO,CAAC,GAAG,EAAE;YACf,MAAM,CAAC,GAAG,GAAG,OAAO,CAAC,GAAG,CAAA;SACzB;QAED,8DAA8D;QAC9D,IAAI,OAAO,CAAC,IAAI,IAAK,OAAO,CAAC,IAAY,CAAC,wBAAwB,EAAE;YAClE,MAAM,CAAC,QAAQ,GAAG,gBAAgB,CAAC,MAAM,CAAC,QAAiB,CAAC,CAAA;SAC7D;QAED,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACtB,CAAC,CAAC,CAAA;IAEF,OAAO,OAAO,CAAA;AAChB,CAAC","sourcesContent":["import type { ColumnProps } from 'antd/es/table'\nimport React from 'react'\n\nexport function normalizeColumns<T>(elements: React.ReactChildren) {\n  const columns: ColumnProps<T>[] = []\n\n  React.Children.forEach(elements, (element) => {\n    if (!React.isValidElement(element)) {\n      return\n    }\n\n    const column = {\n      ...(element.props as ColumnProps<T>),\n    }\n\n    if (element.key) {\n      column.key = element.key\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    if (element.type && (element.type as any).__ANT_TABLE_COLUMN_GROUP) {\n      column.children = normalizeColumns(column.children as never)\n    }\n\n    columns.push(column)\n  })\n\n  return columns\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/table/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,UAAU,gBAAgB,CAAI,QAA6B;IAC/D,MAAM,OAAO,GAAqB,EAAE,CAAA;IAEpC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;QAC3C,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;YAClC,OAAM;SACP;QAED,MAAM,MAAM,qBACN,OAAO,CAAC,KAAwB,CACrC,CAAA;QAED,IAAI,OAAO,CAAC,GAAG,EAAE;YACf,MAAM,CAAC,GAAG,GAAG,OAAO,CAAC,GAAG,CAAA;SACzB;QAED,8DAA8D;QAC9D,IAAI,OAAO,CAAC,IAAI,IAAK,OAAO,CAAC,IAAY,CAAC,wBAAwB,EAAE;YAClE,MAAM,CAAC,QAAQ,GAAG,gBAAgB,CAAC,MAAM,CAAC,QAAiB,CAAC,CAAA;SAC7D;QAED,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACtB,CAAC,CAAC,CAAA;IAEF,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,cAAc;AAEd,MAAM,UAAU,cAAc,CAAC,GAAG,GAAG,EAAE;IACrC,MAAM,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAC7C,MAAM,OAAO,GAAG;QACd,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;QACH,GAAG;KACJ,CAAA;IACD,MAAM,GAAG,GAAG,CAAC,GAAG,MAAM,EAAE,GAAG,OAAO,CAAC,CAAA;IACnC,IAAI,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAA;IAC9D,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;QAChC,IAAI,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAA;KACzD;IACD,OAAO,IAAI,CAAA;AACb,CAAC","sourcesContent":["import type { ColumnProps } from 'antd/es/table'\nimport React from 'react'\n\nexport function normalizeColumns<T>(elements: React.ReactChildren) {\n  const columns: ColumnProps<T>[] = []\n\n  React.Children.forEach(elements, (element) => {\n    if (!React.isValidElement(element)) {\n      return\n    }\n\n    const column = {\n      ...(element.props as ColumnProps<T>),\n    }\n\n    if (element.key) {\n      column.key = element.key\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    if (element.type && (element.type as any).__ANT_TABLE_COLUMN_GROUP) {\n      column.children = normalizeColumns(column.children as never)\n    }\n\n    columns.push(column)\n  })\n\n  return columns\n}\n\n// 生成随机数，首位是字母\n\nexport function makeRandomCode(num = 10) {\n  const numArr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]\n  const charArr = [\n    'a',\n    'b',\n    'c',\n    'd',\n    'e',\n    'f',\n    'g',\n    'h',\n    'i',\n    'j',\n    'k',\n    'l',\n    'm',\n    'n',\n    'o',\n    'p',\n    'q',\n    'r',\n    's',\n    't',\n    'u',\n    'v',\n    'w',\n    'x',\n    'y',\n    'z',\n  ]\n  const arr = [...numArr, ...charArr]\n  let code = charArr[Math.floor(Math.random() * charArr.length)]\n  for (let i = 0; i < num - 1; i++) {\n    code += `${arr[Math.floor(Math.random() * arr.length)]}`\n  }\n  return code\n}\n"]}

package/es/table-container/index.js

@@ -6,7 +6,7 @@ export default ((WrappedComponent, options = {}) => {
     padding = true,
     className = ''
   } = options;
-  const currentVersion = version || localStorage.getItem('app_version') || 'v2';
+  const currentVersion = version || 'v3';
   return props => React.createElement("div", {
     className: cn('tnt-table-v-container', 'tnt-current-' + currentVersion, className, {
       'tnt-table-v-container-hide-padding': !padding

package/es/table-container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/table-container/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,cAAc,CAAC;AAEtB,eAAe,CAAC,gBAAgB,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE;IAC9C,MAAM,EAAE,OAAO,EAAC,OAAO,GAAC,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,OAAO,CAAA;IACxD,MAAM,cAAc,GAAG,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC;IAE9E,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CACd,6BAAK,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,cAAc,GAAG,cAAc,EAAE,SAAS,EAAE;YACpF,oCAAoC,EAAE,CAAC,OAAO;SAC/C,CAAC;QACA,oBAAC,gBAAgB,oBAAK,KAAK,EAAM,OAAO,EAAI,CAC1C,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import cn from 'classnames'\n\nimport './index.less';\n\nexport default (WrappedComponent, options = {}) => {\n    const { version,padding=true, className = '' } = options\n    const currentVersion = version || localStorage.getItem('app_version') || 'v2';\n\n    return (props) => (\n        <div className={cn('tnt-table-v-container', 'tnt-current-' + currentVersion, className, {\n            'tnt-table-v-container-hide-padding': !padding,\n          })}>\n            <WrappedComponent {...props} {...options} />\n        </div>\n    ); \n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/table-container/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,cAAc,CAAA;AAErB,eAAe,CAAC,gBAAgB,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE;IAC9C,MAAM,EAAE,OAAO,EAAE,OAAO,GAAC,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,OAAO,CAAA;IACzD,MAAM,cAAc,GAAG,OAAO,IAAI,IAAI,CAAC;IAEzC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAChB,6BACE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,cAAc,GAAG,cAAc,EAAE,SAAS,EAAE;YACjF,oCAAoC,EAAE,CAAC,OAAO;SAC/C,CAAC;QAEF,oBAAC,gBAAgB,oBAAK,KAAK,EAAM,OAAO,EAAI,CACxC,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import cn from 'classnames'\n\nimport './index.less'\n\nexport default (WrappedComponent, options = {}) => {\n    const { version, padding=true, className = '' } = options\n    const currentVersion = version || 'v3';\n\n  return (props) => (\n    <div\n      className={cn('tnt-table-v-container', 'tnt-current-' + currentVersion, className, {\n        'tnt-table-v-container-hide-padding': !padding,\n      })}\n    >\n      <WrappedComponent {...props} {...options} />\n    </div>\n  )\n}\n"]}

package/es/table-container/index.less

@@ -1,16 +1,16 @@
 .tnt-table-v-container.tnt-current-v3 {
-    border-radius: 16px;
-    background: #fff;
-    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
-    padding: 20px 16px 16px 16px;
-    max-height: calc(-84px + 100vh) !important;
-    overflow-y: auto;
-    &.tnt-table-v-container-hide-padding{
-        padding: 0;
-        background: transparent;
-    }
-    .tnt-querylistscene-content {
-        padding: 0;
-        background: transparent;
-    }
+  border-radius: 16px;
+  background: #fff !important;
+  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
+  padding: 20px 16px 16px 16px;
+  max-height: calc(-84px + 100vh) !important;
+  overflow-y: auto;
+  &.tnt-table-v-container-hide-padding {
+    padding: 0;
+    background: transparent;
+  }
+  .tnt-querylistscene-content {
+    padding: 0;
+    background: transparent;
+  }
 }

package/es/tabs/tabs.js

@@ -14,7 +14,7 @@ var __rest = this && this.__rest || function (s, e) {
  * @FilePath: /tntd/packages/tntd/src/tabs/tabs.tsx
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
-import React, { forwardRef, useMemo } from 'react';
+import React, { forwardRef, useMemo, useEffect } from 'react';
 import { ConfigConsumer } from 'antd/es/config-provider';
 import { default as AntdTabs } from 'antd/es/tabs';
 import { doUpperTitle } from '../utils';
@@ -55,6 +55,14 @@ export const Tabs = forwardRef((_a, ref) => {
     }
     return newType;
   }, [type]);
+  useEffect(() => {
+    if (type === 'ladder-card') {
+      const boxes = document.querySelectorAll('.ant-tabs-ladder-card .ant-tabs-nav .ant-tabs-tab');
+      boxes.forEach((box, index) => {
+        box.style.zIndex = boxes.length - index;
+      });
+    }
+  }, [type]);
   return React.createElement(ConfigConsumer, null, ({
     getPrefixCls
   }) => {

package/es/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,SAAS,MAAM,YAAY,CAAA;AAClC,cAAc,cAAc,CAAA;AAY5B,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EAA4C,EAAE,GAAG,EAAE,EAAE;QAArD,EAAE,QAAQ,EAAE,eAAe,EAAE,IAAI,OAAW,EAAN,IAAI,cAA1C,uCAA4C,CAAF;IACzC,IAAI,WAAW,GAA6B,QAAQ,CAAA;IACpD,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;QAC9B,WAAW,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,CAAC,KAA+B,EAAE,EAAE;;YACjE,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;gBAC/B,MAAM,WAAW,GAAY,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,WAAW,CAAA;gBACtD,MAAM,GAAG,GAA6B,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,GAAG,CAAA;gBACvD,uCACK,KAAK,KACR,KAAK,kCACA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KACf,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,EAAE,eAAe,CAAC,OAE9D;aACF;YACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC7B,OAAO,YAAY,CAAC,KAAK,EAAE,eAAe,CAAC,CAAA;aAC5C;YACD,OAAO,KAAK,CAAA;QACd,CAAC,CAAC,CAAA;KACH;IAED,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,IAAI,OAAO,GAAG,IAAI,CAAA;QAClB,IAAI,IAAI,KAAK,aAAa,EAAE;YAC1B,OAAO,GAAG,MAAM,CAAA;SACjB;aAAM,IAAI,IAAI,KAAK,sBAAsB,EAAE;YAC1C,OAAO,GAAG,eAAe,CAAA;SAC1B;QACD,OAAO,OAAO,CAAA;IAChB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;QACnC,MAAM,SAAS,GAAG,SAAS,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,EAAE;YAC3C,UAAU,EAAE,IAAI;YAChB,CAAC,GAAG,MAAM,cAAc,CAAC,EAAE,IAAI,KAAK,aAAa,IAAI,IAAI,KAAK,sBAAsB;SACrF,CAAC,CAAA;QAEF,OAAO,CACL,oBAAC,QAAQ,oBACH,IAAI,IACR,QAAQ,EAAE,WAAW,EACrB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,OAAmB,EACzB,SAAS,EAAE,SAAS,IACpB,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACe,CAAA;AAElB,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-10-16 11:08:28\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2023-10-16 16:24:53\n * @FilePath: /tntd/packages/tntd/src/tabs/tabs.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef, useMemo } from 'react'\nimport type { TabsProps as AntdTabsProps, TabsType } from 'antd/es/tabs'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdTabs } from 'antd/es/tabs'\nimport { doUpperTitle } from '../utils'\nimport classname from 'classnames'\nexport * from 'antd/es/tabs'\nexport interface TabsProps extends Omit<AntdTabsProps, 'type'> {\n  children?: Array<React.ReactElement>\n  upperCaseIgnore?: Array<string>\n  type?: TabsType | 'ladder-card' | 'editable-ladder-card'\n}\n\ninterface TabsComponent\n  extends React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<AntdTabs>> {\n  TabPane: typeof AntdTabs.TabPane\n}\n\nexport const Tabs = forwardRef<AntdTabs, TabsProps>(\n  ({ children, upperCaseIgnore, type, ...rest }, ref) => {\n    let newChildren: string | React.ReactNode = children\n    if (Array.isArray(newChildren)) {\n      newChildren = newChildren?.map((child: string | React.ReactNode) => {\n        if (React.isValidElement(child)) {\n          const upperIgnore: boolean = child?.props?.upperIgnore\n          const tab: string | React.ReactNode = child?.props?.tab\n          return {\n            ...child,\n            props: {\n              ...child?.props,\n              tab: upperIgnore ? tab : doUpperTitle(tab, upperCaseIgnore),\n            },\n          }\n        }\n        if (typeof child === 'string') {\n          return doUpperTitle(child, upperCaseIgnore)\n        }\n        return child\n      })\n    }\n\n    const newType = useMemo(() => {\n      let newType = type\n      if (type === 'ladder-card') {\n        newType = 'card'\n      } else if (type === 'editable-ladder-card') {\n        newType = 'editable-card'\n      }      \n      return newType\n    }, [type])\n\n    return (\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {          \n          const prefix = getPrefixCls('tabs')\n          const className = classname(rest?.className, {\n            'tnt-tabs': true,\n            [`${prefix}-ladder-card`]: type === 'ladder-card' || type === 'editable-ladder-card'\n          })\n\n          return (\n            <AntdTabs\n              {...rest}\n              children={newChildren}\n              ref={ref}\n              type={newType as TabsType}\n              className={className}\n            />\n          )\n        }}\n      </ConfigConsumer>\n    )\n  }\n) as TabsComponent\n\nTabs.TabPane = AntdTabs.TabPane\n"]}
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/tabs/tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-10-16 11:08:28\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2023-10-16 16:24:53\n * @FilePath: /tntd/packages/tntd/src/tabs/tabs.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef, useMemo, useEffect } from 'react'\nimport type { TabsProps as AntdTabsProps, TabsType } from 'antd/es/tabs'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdTabs } from 'antd/es/tabs'\nimport { doUpperTitle } from '../utils'\nimport classname from 'classnames'\nexport * from 'antd/es/tabs'\nexport interface TabsProps extends Omit<AntdTabsProps, 'type'> {\n  children?: Array<React.ReactElement>\n  upperCaseIgnore?: Array<string>\n  type?: TabsType | 'ladder-card' | 'editable-ladder-card'\n}\n\ninterface TabsComponent\n  extends React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<AntdTabs>> {\n  TabPane: typeof AntdTabs.TabPane\n}\n\nexport const Tabs = forwardRef<AntdTabs, TabsProps>(\n  ({ children, upperCaseIgnore, type, ...rest }, ref) => {\n    let newChildren: string | React.ReactNode = children\n    if (Array.isArray(newChildren)) {\n      newChildren = newChildren?.map((child: string | React.ReactNode) => {\n        if (React.isValidElement(child)) {\n          const upperIgnore: boolean = child?.props?.upperIgnore\n          const tab: string | React.ReactNode = child?.props?.tab\n          return {\n            ...child,\n            props: {\n              ...child?.props,\n              tab: upperIgnore ? tab : doUpperTitle(tab, upperCaseIgnore),\n            },\n          }\n        }\n        if (typeof child === 'string') {\n          return doUpperTitle(child, upperCaseIgnore)\n        }\n        return child\n      })\n    }\n\n    const newType = useMemo(() => {\n      let newType = type\n      if (type === 'ladder-card') {\n        newType = 'card'\n      } else if (type === 'editable-ladder-card') {\n        newType = 'editable-card'\n      }\n      return newType\n    }, [type])\n\n    useEffect(() => {\n      if (type === 'ladder-card') {\n        const boxes = document.querySelectorAll('.ant-tabs-ladder-card .ant-tabs-nav .ant-tabs-tab')\n        boxes.forEach((box: any, index: any) => {\n          box.style.zIndex = boxes.length - index\n        })\n      }\n    }, [type])\n\n    return (\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {\n          const prefix = getPrefixCls('tabs')\n          const className = classname(rest?.className, {\n            'tnt-tabs': true,\n            [`${prefix}-ladder-card`]: type === 'ladder-card' || type === 'editable-ladder-card',\n          })\n\n          return (\n            <AntdTabs\n              {...rest}\n              children={newChildren}\n              ref={ref}\n              type={newType as TabsType}\n              className={className}\n            />\n          )\n        }}\n      </ConfigConsumer>\n    )\n  }\n) as TabsComponent\n\nTabs.TabPane = AntdTabs.TabPane\n"]}