tntd 3.0.0-beta.2 → 3.0.0-beta.21

package/lib/table/table.stories.js

@@ -3,11 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Loading = exports.Empty = exports.Default = exports.ColumnFilter = void 0;
+exports["default"] = exports.Loading = exports.Empty = exports.Default = exports.ColumnFilter = exports.All = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _tag = _interopRequireDefault(require("../tag"));
-var _2 = require("./");
+var _2 = require(".");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var Column = _2.Table.Column,
   ColumnGroup = _2.Table.ColumnGroup;
 var _default = exports["default"] = {
@@ -181,4 +185,423 @@ ColumnFilter.args = {
     }
   },
   loading: false
-};
+};
+var All = exports.All = function All() {
+  var dataSource = [{
+    key: '1',
+    name: '胡彦斌',
+    age: 32,
+    address: '西湖区湖底公园1号'
+  }, {
+    key: '2',
+    name: '胡彦祖',
+    age: 42,
+    address: '西湖区湖底公园1号'
+  }];
+  var 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'
+  }];
+  var dataSource3 = [];
+  for (var i = 0; i < 100; i++) {
+    dataSource3.push({
+      key: i,
+      name: "Edward King ".concat(i),
+      age: 32,
+      address: "London, Park Lane no. ".concat(i)
+    });
+  }
+  var 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>,
+  //   },
+  // ]
+  var 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: function render() {
+      return _react["default"].createElement("a", null, "action");
+    }
+  }];
+  var 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: function render() {
+      return _react["default"].createElement("a", null, "action");
+    }
+  }];
+  var 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: function render() {
+      return _react["default"].createElement("a", null, "action");
+    }
+  }];
+  var 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: function render() {
+      return _react["default"].createElement("a", null, "action");
+    }
+  }];
+  var style = {
+    marginBottom: 20
+  };
+  var 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: [[]],
+  };
+  var propsList = Object.keys(propsMap).reduce(function (arr, key) {
+    var data = propsMap[key];
+    if (arr.length === 0) {
+      return data.map(function (value) {
+        return _defineProperty({}, key, value);
+      });
+    } else {
+      var back = [];
+      for (var _i = 0; _i < data.length; _i++) {
+        var value = data[_i];
+        for (var j = 0; j < arr.length; j++) {
+          var item = arr[j];
+          back.push(Object.assign(Object.assign({}, item), _defineProperty({}, key, value)));
+        }
+      }
+      return back;
+    }
+  }, []);
+  return _react["default"].createElement("div", {
+    style: {
+      background: '#fff',
+      padding: 20
+    }
+  }, propsList.map(function (props, i) {
+    return _react["default"].createElement(_2.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/lib/table/table.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.stories.js","sourceRoot":"","sources":["../../src/table/table.stories.tsx"],"names":[],"mappings":";;;;;;AACA,kDAAyB;AAEzB,iDAAwB;AACxB,yBAAsC;AAEtC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,QAAK,CAAA;AAErC,kBAAe;IACb,SAAS,EAAE,QAAK;IAChB,KAAK,EAAE,OAAO;IACd,UAAU,EAAE;QACV,WAAW,EAAE;YACX,OAAO,EAAE,MAAM;YACf,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;SAC7C;KACF;CACM,CAAA;AAET,MAAM,QAAQ,GAOV,CAAC,IAAI,EAAE,EAAE,CAAC,CACZ,uCACE,KAAK,EAAE;QACL,SAAS,EAAE,MAAM;KAClB;IAED,8BAAC,QAAK,oBAAK,IAAI,EAAI,CACf,CACP,CAAA;AAEY,QAAA,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEtC,aAAK,CAAC,IAAI,GAAG;IACX,OAAO,EAAE;QACP;YACE,KAAK,EAAE,IAAI;YACX,SAAS,EAAE,MAAM;YACjB,GAAG,EAAE,MAAM;SACZ;QACD;YACE,KAAK,EAAE,IAAI;YACX,SAAS,EAAE,KAAK;YAChB,GAAG,EAAE,KAAK;SACX;QACD;YACE,KAAK,EAAE,IAAI;YACX,SAAS,EAAE,SAAS;YACpB,GAAG,EAAE,SAAS;SACf;KACF;CACF,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,eAAO,CAAC,IAAI,GAAG;IACb,OAAO,EAAE;QACP;YACE,KAAK,EAAE,IAAI;YACX,SAAS,EAAE,MAAM;YACjB,GAAG,EAAE,MAAM;SACZ;QACD;YACE,KAAK,EAAE,IAAI;YACX,SAAS,EAAE,KAAK;YAChB,GAAG,EAAE,KAAK;SACX;QACD;YACE,KAAK,EAAE,IAAI;YACX,SAAS,EAAE,SAAS;YACpB,GAAG,EAAE,SAAS;SACf;KACF;IACD,OAAO,EAAE,IAAI;CACd,CAAA;AAEY,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,eAAO,CAAC,IAAI,GAAG;IACb,OAAO,EAAE;QACP;YACE,KAAK,EAAE,IAAI;YACX,SAAS,EAAE,MAAM;YACjB,GAAG,EAAE,MAAM;SACZ;QACD;YACE,KAAK,EAAE,IAAI;YACX,SAAS,EAAE,KAAK;YAChB,GAAG,EAAE,KAAK;YACV,MAAM,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,8BAAC,aAAG,IAAC,KAAK,EAAC,OAAO,IAAE,QAAQ,CAAO;SAC1D;QACD;YACE,KAAK,EAAE,IAAI;YACX,SAAS,EAAE,SAAS;YACpB,GAAG,EAAE,SAAS;SACf;KACF;IACD,UAAU,EAAE;QACV;YACE,GAAG,EAAE,GAAG;YACR,IAAI,EAAE,KAAK;YACX,GAAG,EAAE,EAAE;YACP,OAAO,EAAE,WAAW;SACrB;QACD;YACE,GAAG,EAAE,GAAG;YACR,IAAI,EAAE,KAAK;YACX,GAAG,EAAE,EAAE;YACP,OAAO,EAAE,WAAW;SACrB;KACF;IACD,UAAU,EAAE;QACV,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,QAAQ;QAClB,eAAe,EAAE,IAAI;QACrB,eAAe,EAAE,IAAI;QACrB,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,OAAO,KAAK,MAAM;KACvE;IACD,OAAO,EAAE,KAAK;CACf,CAAA;AAWM,MAAM,YAAY,GAAgC,CAAC,IAAI,EAAE,EAAE,CAAC,CACjE,uCACE,KAAK,EAAE;QACL,SAAS,EAAE,MAAM;KAClB;IAED,8BAAC,QAAK,oBAAK,IAAI;QACb,8BAAC,WAAW,IAAC,KAAK,EAAC,MAAM;YACvB,8BAAC,MAAM,IAAC,KAAK,EAAC,YAAY,EAAC,SAAS,EAAC,WAAW,EAAC,GAAG,EAAC,WAAW,GAAG;YACnE,8BAAC,MAAM,IAAC,KAAK,EAAC,WAAW,EAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,UAAU,GAAG,CACpD;QACd,8BAAC,MAAM,IAAC,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,GAAG,EAAC,KAAK,GAAG;QAChD,8BAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAC,SAAS,EAAC,GAAG,EAAC,SAAS,GAAG;QAC5D,8BAAC,MAAM,IACL,KAAK,EAAC,MAAM,EACZ,SAAS,EAAC,MAAM,EAChB,GAAG,EAAC,MAAM,EACV,MAAM,EAAE,CAAC,IAAc,EAAE,EAAE,CAAC,CAC1B,4CACG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,8BAAC,aAAG,IAAC,KAAK,EAAC,MAAM,EAAC,GAAG,EAAE,GAAG,IACvB,GAAG,CACA,CACP,CAAC,CACG,CACR,GACD;QACF,8BAAC,MAAM,IACL,KAAK,EAAC,QAAQ,EACd,GAAG,EAAC,QAAQ,EACZ,MAAM,EAAE,CAAC,CAAC,EAAE,MAAgB,EAAE,EAAE,CAAC,CAC/B;gBACE;;oBAAW,MAAM,CAAC,QAAQ,CAAK;gBAC/B,kDAAa,CACR,CACR,GACD,CACI,CACJ,CACP,CAAA;AAvCY,QAAA,YAAY,gBAuCxB;AAED,oBAAY,CAAC,IAAI,GAAG;IAClB,UAAU,EAAE;QACV;YACE,GAAG,EAAE,GAAG;YACR,SAAS,EAAE,MAAM;YACjB,QAAQ,EAAE,OAAO;YACjB,GAAG,EAAE,EAAE;YACP,OAAO,EAAE,0BAA0B;YACnC,IAAI,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC;SAC5B;QACD;YACE,GAAG,EAAE,GAAG;YACR,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,OAAO;YACjB,GAAG,EAAE,EAAE;YACP,OAAO,EAAE,wBAAwB;YACjC,IAAI,EAAE,CAAC,OAAO,CAAC;SAChB;QACD;YACE,GAAG,EAAE,GAAG;YACR,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,OAAO;YACjB,GAAG,EAAE,EAAE;YACP,OAAO,EAAE,wBAAwB;YACjC,IAAI,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC;SAC1B;KACF;IACD,UAAU,EAAE;QACV,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,QAAQ;QAClB,eAAe,EAAE,IAAI;QACrB,eAAe,EAAE,IAAI;QACrB,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,OAAO,KAAK,QAAQ;KACzE;IACD,OAAO,EAAE,KAAK;CACf,CAAA","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/lib/table/utils.d.ts

@@ -1,4 +1,5 @@
 import type { ColumnProps } from 'antd/lib/table';
 import React from 'react';
 export declare function normalizeColumns<T>(elements: React.ReactChildren): ColumnProps<T>[];
+export declare function makeRandomCode(num?: number): string;
 //# sourceMappingURL=utils.d.ts.map

package/lib/table/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/table/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,aAAa,oBAyBhE"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/table/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,aAAa,oBAyBhE;AAID,wBAAgB,cAAc,CAAC,GAAG,SAAK,UAoCtC"}

package/lib/table/utils.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.makeRandomCode = makeRandomCode;
 exports.normalizeColumns = normalizeColumns;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -23,4 +24,16 @@ function normalizeColumns(elements) {
     columns.push(column);
   });
   return columns;
+}
+// 生成随机数，首位是字母
+function makeRandomCode() {
+  var num = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 10;
+  var numArr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
+  var 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'];
+  var arr = [].concat(numArr, charArr);
+  var code = charArr[Math.floor(Math.random() * charArr.length)];
+  for (var i = 0; i < num - 1; i++) {
+    code += "".concat(arr[Math.floor(Math.random() * arr.length)]);
+  }
+  return code;
 }

package/lib/table/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/table/utils.ts"],"names":[],"mappings":";;;;;;AACA,kDAAyB;AAEzB,SAAgB,gBAAgB,CAAI,QAA6B;IAC/D,MAAM,OAAO,GAAqB,EAAE,CAAA;IAEpC,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;QAC3C,IAAI,CAAC,eAAK,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;AAzBD,4CAyBC","sourcesContent":["import type { ColumnProps } from 'antd/lib/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,kDAAyB;AAEzB,SAAgB,gBAAgB,CAAI,QAA6B;IAC/D,MAAM,OAAO,GAAqB,EAAE,CAAA;IAEpC,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;QAC3C,IAAI,CAAC,eAAK,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;AAzBD,4CAyBC;AAED,cAAc;AAEd,SAAgB,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;AApCD,wCAoCC","sourcesContent":["import type { ColumnProps } from 'antd/lib/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/lib/table-container/index.d.ts

@@ -0,0 +1,3 @@
+declare function _default(WrappedComponent: any, options?: {}): (props: any) => import("react").JSX.Element;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/lib/table-container/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/table-container/index.js"],"names":[],"mappings":"AAIe,4GAad"}

package/lib/table-container/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+require("./index.less");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _default = exports["default"] = function _default(WrappedComponent) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var version = options.version,
+    _options$padding = options.padding,
+    padding = _options$padding === void 0 ? true : _options$padding,
+    _options$className = options.className,
+    className = _options$className === void 0 ? '' : _options$className;
+  var currentVersion = version || 'v3';
+  return function (props) {
+    return React.createElement("div", {
+      className: (0, _classnames["default"])('tnt-table-v-container', 'tnt-current-' + currentVersion, className, {
+        'tnt-table-v-container-hide-padding': !padding
+      })
+    }, React.createElement(WrappedComponent, Object.assign({}, props, options)));
+  };
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/table-container/index.js"],"names":[],"mappings":";;;;;AAAA,4DAA2B;AAE3B,wBAAqB;AAErB,kBAAe,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,IAAA,oBAAE,EAAC,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/lib/table-container/index.less

@@ -0,0 +1,16 @@
+.tnt-table-v-container.tnt-current-v3 {
+  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;
+  }
+}