shineout 0.0.1-alpha.1

package/cjs/table/__example__/09-02-sorter-render.js

@@ -0,0 +1,120 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.replace.js");
+require("core-js/modules/es.regexp.to-string.js");
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _mock = require("@sheinx/mock");
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var data = _mock.user.fetchSync(10);
+var columns = [{
+  title: 'Name',
+  fixed: 'left',
+  sorter: 'firstName',
+  defaultOrder: 'asc',
+  render: function render(d) {
+    return "".concat(d.firstName, " ").concat(d.lastName);
+  }
+}, {
+  title: 'Age',
+  render: 'age',
+  sorter: 'age'
+}, {
+  title: 'Position',
+  render: 'position'
+}, {
+  title: 'Salary($)',
+  render: function render(d) {
+    return "".concat(d.salary.toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1,'));
+  }
+}];
+var commonStyle = {
+  cursor: 'pointer',
+  width: '8px',
+  height: '5px',
+  display: 'flex',
+  alignItems: 'center'
+};
+var App = function App() {
+  var sorter = {
+    age: function age(order) {
+      return function (a, b) {
+        return order === 'asc' ? a.age - b.age : b.age - a.age;
+      };
+    },
+    firstName: function firstName(order) {
+      return function (a, b) {
+        return order === 'asc' ? a.firstName.localeCompare(b.firstName) : b.firstName.localeCompare(a.firstName);
+      };
+    }
+  };
+  var renderSorter = function renderSorter(_ref) {
+    var status = _ref.status,
+      triggerAsc = _ref.triggerAsc,
+      triggerDesc = _ref.triggerDesc;
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: _objectSpread(_objectSpread({}, commonStyle), {}, {
+          color: status === 'asc' ? '#197afa' : '#999da8'
+        }),
+        onClick: triggerAsc,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+          fill: "currentColor",
+          width: "8",
+          height: "5",
+          viewBox: "0 0 8 5",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+            d: "M3.59594 0.183058C3.80193 -0.0422441 4.12606 -0.0595753 4.35023 0.131065L4.40406 0.183058L7.83263 3.93306C8.05579 4.17714 8.05579 4.57286 7.83263 4.81694C7.62664 5.04224 7.30251 5.05958 7.07834 4.86893L7.02451 4.81694L4.40409 1.95128C4.18088 1.70732 3.81912 1.70732 3.59591 1.95128L0.975489 4.81694C0.769499 5.04224 0.445367 5.05958 0.2212 4.86893L0.167368 4.81694C-0.0386232 4.59164 -0.0544688 4.23712 0.119831 3.99194L0.167368 3.93306L3.59594 0.183058Z"
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: _objectSpread(_objectSpread({}, commonStyle), {}, {
+          color: status === 'desc' ? '#197afa' : '#999da8',
+          marginTop: 4
+        }),
+        onClick: triggerDesc,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+          width: "8",
+          height: "5",
+          viewBox: "0 0 8 5",
+          fill: "currentColor",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+            d: "M3.59594 4.81694C3.80193 5.04224 4.12606 5.05958 4.35023 4.86893L4.40406 4.81694L7.83263 1.06694C8.05579 0.822864 8.05579 0.427136 7.83263 0.183058C7.62664 -0.042244 7.30251 -0.0595751 7.07834 0.131065L7.02451 0.183058L4.40409 3.04872C4.18088 3.29268 3.81912 3.29268 3.59591 3.04872L0.975489 0.183058C0.769499 -0.042244 0.445367 -0.0595751 0.2212 0.131065L0.167368 0.183058C-0.0386232 0.408361 -0.0544688 0.76288 0.119831 1.00806L0.167368 1.06694L3.59594 4.81694Z"
+          })
+        })
+      })]
+    });
+  };
+  var handleSorter = function handleSorter(name, order) {
+    return sorter[name](order);
+  };
+  var handleCancel = function handleCancel(prevType, index) {
+    console.log('sort cancel : ', prevType, index);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Table, {
+    striped: true,
+    data: data,
+    keygen: "id",
+    columns: columns,
+    sorter: handleSorter,
+    onSortCancel: handleCancel,
+    renderSorter: renderSorter
+  });
+};
+var _default = App;
+exports.default = _default;

package/cjs/table/__example__/09-03-sorter-weight.d.ts

@@ -0,0 +1,16 @@
+/**
+ * cn - 多列排序
+ *    -- 设置 column 的 sorter 为一个对象，对象的rule属性同单列排序的sorter，weight表示排序权重，值越大表示排序优先级越高
+ *    -- 支持多列默认排序，为需要默认排序的列设置defaultOrder
+ *    -- sorter 返回一个 sort 函数时，使用这个函数对数据进行内部排序
+ *    -- 后端或自行排序用户自行处理，sorter 函数不要返回结果
+ * en - multiple Sorter
+ *    -- Set the sorter property of Table to indicate the method of table sort.
+ *    -- Set the sorter of column to an object, the rule attribute of the object is the same as the sorter of single column sorting, weight indicates the sorting weight, the larger the value, the higher the sorting priority
+ *    -- Support multi-column default sorting, set defaultOrder for columns that need default sorting
+ *    -- When the sorter returns a function, use this function to sort data internally.
+ *    -- Server-side or self-sorting is is handled by the user, do not return results.
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/cjs/table/__example__/09-03-sorter-weight.js

@@ -0,0 +1,123 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.replace.js");
+require("core-js/modules/es.regexp.to-string.js");
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 多列排序
+ *    -- 设置 column 的 sorter 为一个对象，对象的rule属性同单列排序的sorter，weight表示排序权重，值越大表示排序优先级越高
+ *    -- 支持多列默认排序，为需要默认排序的列设置defaultOrder
+ *    -- sorter 返回一个 sort 函数时，使用这个函数对数据进行内部排序
+ *    -- 后端或自行排序用户自行处理，sorter 函数不要返回结果
+ * en - multiple Sorter
+ *    -- Set the sorter property of Table to indicate the method of table sort.
+ *    -- Set the sorter of column to an object, the rule attribute of the object is the same as the sorter of single column sorting, weight indicates the sorting weight, the larger the value, the higher the sorting priority
+ *    -- Support multi-column default sorting, set defaultOrder for columns that need default sorting
+ *    -- When the sorter returns a function, use this function to sort data internally.
+ *    -- Server-side or self-sorting is is handled by the user, do not return results.
+ */
+
+var data = [{
+  id: 1,
+  firstName: 'Ephraim',
+  lastName: 'Wisozk',
+  position: 'Marketing Designer',
+  salary: 115777,
+  country: 'Reunion',
+  office: 'Miami',
+  age: 20
+}, {
+  id: 2,
+  firstName: 'Osvaldo',
+  lastName: 'Beer',
+  position: 'Financial Controller',
+  salary: 396093,
+  country: 'Syrian Arab Republic',
+  office: 'San Paulo',
+  age: 20
+}, {
+  id: 3,
+  firstName: 'Dylan',
+  lastName: 'Ratke',
+  position: 'Development Lead',
+  salary: 236064,
+  country: 'Peru',
+  office: 'Boston',
+  age: 25
+}, {
+  id: 4,
+  firstName: 'Shaniya',
+  lastName: 'Jacobs',
+  position: 'Developer',
+  salary: 338985,
+  country: 'Peru',
+  office: 'Chengdu',
+  age: 26
+}];
+var columns = [{
+  title: 'Name',
+  fixed: 'left',
+  render: function render(d) {
+    return "".concat(d.firstName, " ").concat(d.lastName);
+  }
+}, {
+  title: 'Age',
+  render: 'age',
+  sorter: {
+    rule: 'age',
+    weight: 2
+  },
+  defaultOrder: 'asc'
+}, {
+  title: 'Position',
+  render: 'position'
+}, {
+  title: 'Salary($)',
+  render: function render(d) {
+    return "".concat(d.salary.toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1,'));
+  },
+  sorter: {
+    rule: 'salary',
+    weight: 1
+  },
+  defaultOrder: 'desc'
+}];
+var sorter = {
+  age: function age(order) {
+    return function (a, b) {
+      return order === 'asc' ? a.age - b.age : b.age - a.age;
+    };
+  },
+  salary: function salary(order) {
+    return function (a, b) {
+      return order === 'asc' ? a.salary - b.salary : b.salary - a.salary;
+    };
+  }
+};
+var App = function App() {
+  var handleSorter = function handleSorter(name, order) {
+    return sorter[name](order);
+  };
+  var handleCancel = function handleCancel(prevType, index) {
+    console.log('sort cancel : ', prevType, index);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Table, {
+    striped: true,
+    data: data,
+    keygen: "id",
+    columns: columns,
+    sorter: handleSorter,
+    onSortCancel: handleCancel
+  });
+};
+var _default = App;
+exports.default = _default;

package/cjs/table/__example__/10-01-pagination copy.d.ts

@@ -0,0 +1,11 @@
+/**
+ * cn - 分页
+ *    -- 前端分页的情况下, 设置 pagination 显示分页，没有设置 onChange 处理数据的情况下，会自动对数据进行分页
+ *    -- pagination 的参数和 Pagination 组件一致
+ * en - Pagination
+ *    -- Set the pagination property to show the pagination and if not set onChange property, the data is automatically paged.
+ *    -- The parameters of pagination are consistent with the Pagination component.
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/cjs/table/__example__/10-01-pagination copy.js

@@ -0,0 +1,108 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.replace.js");
+require("core-js/modules/es.regexp.to-string.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _ = require("../..");
+var _mock = require("@sheinx/mock");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/**
+ * cn - 分页
+ *    -- 前端分页的情况下, 设置 pagination 显示分页，没有设置 onChange 处理数据的情况下，会自动对数据进行分页
+ *    -- pagination 的参数和 Pagination 组件一致
+ * en - Pagination
+ *    -- Set the pagination property to show the pagination and if not set onChange property, the data is automatically paged.
+ *    -- The parameters of pagination are consistent with the Pagination component.
+ */
+
+var data = _mock.user.fetchSync(1000);
+var App = function App() {
+  var _useState = (0, _react.useState)(1),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    current = _useState2[0],
+    setCurrent = _useState2[1];
+  var handlePageChange = function handlePageChange(c) {
+    setCurrent(c);
+  };
+  var columns = [{
+    title: 'id',
+    render: 'id',
+    width: 70,
+    sorter: function sorter(order) {
+      handlePageChange(1);
+      return function (a, b) {
+        if (order === 'asc') return a.id - b.id;
+        return b.id - a.id;
+      };
+    }
+  }, {
+    title: 'First Name',
+    group: 'Name',
+    render: 'firstName',
+    width: 100
+  }, {
+    title: 'Last Name',
+    fixed: 'left',
+    group: 'Name',
+    render: 'lastName',
+    width: 120,
+    sorter: function sorter(order) {
+      handlePageChange(1);
+      return function (a, b) {
+        if (order === 'asc') return a.lastName.localeCompare(b.lastName);
+        return b.lastName.localeCompare(a.lastName);
+      };
+    }
+  }, {
+    title: 'Country',
+    render: 'country'
+  }, {
+    title: 'Position',
+    render: 'position'
+  }, {
+    title: 'Office',
+    render: 'office'
+  }, {
+    title: 'Start Date',
+    render: 'start'
+  }, {
+    title: 'Salary($)',
+    fixed: 'right',
+    width: 100,
+    render: function render(d) {
+      return "".concat(d.salary.toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1,'));
+    }
+  }];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Table, {
+    keygen: "id",
+    data: data,
+    width: 1500,
+    columns: columns
+    // bordered
+    ,
+    pagination: {
+      current: current,
+      layout: ['links', 'list'],
+      onChange: handlePageChange,
+      pageSizeList: [10, 15, 20],
+      text: {
+        page: '/ page'
+      }
+    }
+  });
+};
+var _default = App;
+exports.default = _default;

package/cjs/table/__example__/10-02-pagination.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn -
+ *    -- 后端分页的情况下, 在 pagination 的 onChange 中处理（获取）数据，可以实现服务端分页
+ * en -
+ *    -- Processing (acquiring) data in pagination's onChange realizes the pagination of server-side.
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/cjs/table/__example__/10-02-pagination.js

@@ -0,0 +1,134 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _ = require("../..");
+var _mock = require("@sheinx/mock");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/**
+ * cn -
+ *    -- 后端分页的情况下, 在 pagination 的 onChange 中处理（获取）数据，可以实现服务端分页
+ * en -
+ *    -- Processing (acquiring) data in pagination's onChange realizes the pagination of server-side.
+ */
+
+var App = function App() {
+  var _useState = (0, _react.useState)(0),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    total = _useState2[0],
+    setTotal = _useState2[1];
+  var _useState3 = (0, _react.useState)({}),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    sorter = _useState4[0],
+    setSorter = _useState4[1];
+  var _useState5 = (0, _react.useState)(1),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    current = _useState6[0],
+    setCurrent = _useState6[1];
+  var _useState7 = (0, _react.useState)(20),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    pageSize = _useState8[0],
+    setPageSize = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    loading = _useState10[0],
+    setLoading = _useState10[1];
+  var _useState11 = (0, _react.useState)([]),
+    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+    data = _useState12[0],
+    setData = _useState12[1];
+  var fetchData = function fetchData() {
+    setLoading(true);
+    _mock.user.fetch.get('user', {
+      sorter: sorter,
+      current: current,
+      pageSize: pageSize,
+      username: ''
+    }).then(function (res) {
+      setData(res.data);
+      setLoading(false);
+      setTotal(res.total);
+    });
+  };
+  var handleSorter = function handleSorter(name, order) {
+    setSorter({
+      name: name,
+      order: order
+    });
+    setCurrent(1);
+  };
+  var handlePageChange = function handlePageChange(c, p) {
+    setCurrent(c);
+    setPageSize(p);
+  };
+  var columns = [{
+    width: 80,
+    title: 'id',
+    render: 'id',
+    sorter: function sorter(order) {
+      return handleSorter('id', order);
+    }
+  }, {
+    width: 100,
+    group: 'Name',
+    title: 'First Name',
+    render: 'firstName'
+  }, {
+    width: 120,
+    fixed: 'left',
+    group: 'Name',
+    render: 'lastName',
+    title: 'Last Name',
+    sorter: function sorter(order) {
+      return handleSorter('lastName', order);
+    }
+  }, {
+    title: 'Country',
+    render: 'country'
+  }, {
+    title: 'Office',
+    render: 'office'
+  }, {
+    title: 'Start Date',
+    render: 'start',
+    sorter: function sorter(order) {
+      return handleSorter('start', order);
+    }
+  }];
+  (0, _react.useEffect)(function () {
+    fetchData();
+  }, [current, pageSize, sorter]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Table, {
+    bordered: true,
+    virtual: true,
+    keygen: "id",
+    data: data,
+    loading: loading,
+    columns: columns,
+    style: {
+      height: 400
+    },
+    pagination: {
+      total: total,
+      current: current,
+      pageSize: pageSize,
+      align: 'center',
+      layout: ['links', 'list'],
+      onChange: handlePageChange,
+      pageSizeList: [10, 15, 20, 100]
+    }
+  });
+};
+var _default = App;
+exports.default = _default;

package/cjs/table/__example__/11-scroll.d.ts

@@ -0,0 +1,9 @@
+/**
+ * cn - 滚动加载
+ *    -- onScroll 事件会返回当前滚动条位置 (float 类型，[0,1])，可以据此实现滚动加载数据
+ * en - onScroll
+ *    -- The onScroll event returns the current position(float,[0,1]) of the scroll bar.
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/cjs/table/__example__/11-scroll.js

@@ -0,0 +1,104 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.concat.js");
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _ = require("../..");
+var _mock = require("@sheinx/mock");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/**
+ * cn - 滚动加载
+ *    -- onScroll 事件会返回当前滚动条位置 (float 类型，[0,1])，可以据此实现滚动加载数据
+ * en - onScroll
+ *    -- The onScroll event returns the current position(float,[0,1]) of the scroll bar.
+ */
+
+var App = function App() {
+  var _useState = (0, _react.useState)(20),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 1),
+    pageSize = _useState2[0];
+  var _useState3 = (0, _react.useState)(1),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    current = _useState4[0],
+    setCurrent = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    loading = _useState6[0],
+    setLoading = _useState6[1];
+  var _useState7 = (0, _react.useState)([]),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    data = _useState8[0],
+    setData = _useState8[1];
+  var fetchData = function fetchData() {
+    setLoading(true);
+    _mock.user.fetch.get('table', {
+      current: current,
+      pageSize: pageSize,
+      sorter: {},
+      username: ''
+    }).then(function (res) {
+      setData([].concat((0, _toConsumableArray2.default)(data), (0, _toConsumableArray2.default)(res.data)));
+      setLoading(false);
+    });
+  };
+  var handleScroll = function handleScroll(_left, top) {
+    if (top === 1 && !loading) {
+      setCurrent(current + 1);
+    }
+  };
+  var columns = [{
+    title: 'id',
+    render: 'id',
+    width: 70
+  }, {
+    width: 100,
+    group: 'Name',
+    title: 'First Name',
+    render: 'firstName'
+  }, {
+    width: 120,
+    fixed: 'left',
+    group: 'Name',
+    title: 'Last Name',
+    render: 'lastName'
+  }, {
+    title: 'Country',
+    render: 'country'
+  }, {
+    title: 'Office',
+    render: 'office'
+  }, {
+    title: 'Start Date',
+    render: 'start'
+  }];
+  (0, _react.useEffect)(function () {
+    fetchData();
+  }, [pageSize, current]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Table, {
+    bordered: true,
+    virtual: true,
+    keygen: "id",
+    data: data,
+    loading: loading,
+    columns: columns,
+    verticalAlign: "middle",
+    style: {
+      height: 450
+    },
+    onScroll: handleScroll
+  });
+};
+var _default = App;
+exports.default = _default;

package/cjs/table/__example__/12-col-row-span.d.ts

@@ -0,0 +1,13 @@
+/**
+ * cn - 合并行/列
+ *    -- 设置 column 的 rowSpan 可以合并行，rowSpan 为函数，会传入相邻的两行数据，根据此函数返回结果(bool)判断是否合并行
+ *    -- 设置 column 的 colSpan 可以合并列，colSpan 为函数，传入参数为当前行数据，函数返回结果为需要向后合并的列数，不合并返回 1
+ *    -- 一个单元格同时指定了rowSpan和colSpan时，如果两行的colSpan计算结果不同，这两行不会合并
+ * en - rowSpan & colSpan
+ *    -- - Set column's rowSpan property to merge rows. The rowSpan property is a function that passed in two adjacent rows of data and determine whether to merge or not.
+ *    -- - Set column's colSpan property to merge columns. The colSpan property is a function that passed in current row of data and the result returned by this function is as the number of columns that need to be merged.
+ *    -- - When a cell specifies both rowSpan and colSpan, if the colSpan's calculation results of the two rows are different, the two rows will not be merged.
+ */
+import React from 'react';
+declare const App: React.FC;
+export default App;