@tendaui/react 1.2.3 → 1.3.0

package/es/list/_example/multiline.js

@@ -0,0 +1,66 @@
+import React__default from 'react';
+import { List } from '../index.js';
+import '../List.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-CzLhKWCf.js';
+import 'classnames';
+import 'lodash-es';
+import '../../_chunks/dep-BP0-apUT.js';
+import 'hoist-non-react-statics';
+import '../../_chunks/dep-U1T8CQY9.js';
+import '../../_chunks/dep-spxR0DG0.js';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../loading/index.js';
+import '../../loading/Loading.js';
+import '../../_chunks/dep-DRwijJcv.js';
+import '../../common/Portal.js';
+import 'react-dom';
+import '../../_chunks/dep-BRbJGDI9.js';
+import '../../loading/Gradient.js';
+import '../../_chunks/dep-DHWwZ2Nj.js';
+import '../../_chunks/dep-DN7d1SzH.js';
+import '../../_chunks/dep-PPA-yoAy.js';
+import '../../_chunks/dep-DbVHGoUC.js';
+import '../../loading/style/css.js';
+import '../../_chunks/dep-UHQn9biR.js';
+import '../../config-provider/index.js';
+import '../../config-provider/ConfigProvider.js';
+import '../ListItem.js';
+import '../ListItemMeta.js';
+import '../../_chunks/dep-Dlppf0JU.js';
+import '../../_chunks/dep-CgyDw_YI.js';
+import '../style/css.js';
+
+var ListItem = List.ListItem,
+  ListItemMeta = List.ListItemMeta;
+var MultilineList = function MultilineList() {
+  var listData = [{
+    id: 1,
+    title: "\u5217\u8868\u4E3B\u6807\u9898",
+    content: "\u8FD9\u662F\u4E00\u6BB5\u8F83\u957F\u7684\u63CF\u8FF0\u6587\u5B57\uFF0C\u7528\u4E8E\u5C55\u793A\u591A\u884C\u6587\u672C\u7684\u6548\u679C\u3002"
+  }, {
+    id: 2,
+    title: "\u5217\u8868\u4E3B\u6807\u9898",
+    content: "\u8FD9\u662F\u4E00\u6BB5\u8F83\u957F\u7684\u63CF\u8FF0\u6587\u5B57\uFF0C\u7528\u4E8E\u5C55\u793A\u591A\u884C\u6587\u672C\u7684\u6548\u679C\u3002"
+  }, {
+    id: 3,
+    title: "\u5217\u8868\u4E3B\u6807\u9898",
+    content: "\u8FD9\u662F\u4E00\u6BB5\u8F83\u957F\u7684\u63CF\u8FF0\u6587\u5B57\uFF0C\u7528\u4E8E\u5C55\u793A\u591A\u884C\u6587\u672C\u7684\u6548\u679C\u3002"
+  }];
+  return /* @__PURE__ */React__default.createElement(List, null, listData.map(function (item) {
+    return /* @__PURE__ */React__default.createElement(ListItem, {
+      key: item.id
+    }, /* @__PURE__ */React__default.createElement(ListItemMeta, {
+      title: item.title,
+      description: item.content
+    }));
+  }));
+};
+
+export { MultilineList as default };
+//# sourceMappingURL=multiline.js.map

package/es/list/_example/multiline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiline.js","sources":["../../../../components/list/_example/multiline.tsx"],"sourcesContent":["import React from \"react\";\nimport { List } from \"../index\";\n\nconst { ListItem, ListItemMeta } = List;\n\nconst MultilineList = () => {\n  const listData = [\n    { id: 1, title: \"列表主标题\", content: \"这是一段较长的描述文字，用于展示多行文本的效果。\" },\n    { id: 2, title: \"列表主标题\", content: \"这是一段较长的描述文字，用于展示多行文本的效果。\" },\n    { id: 3, title: \"列表主标题\", content: \"这是一段较长的描述文字，用于展示多行文本的效果。\" }\n  ];\n\n  return (\n    <List>\n      {listData.map((item) => (\n        <ListItem key={item.id}>\n          <ListItemMeta title={item.title} description={item.content} />\n        </ListItem>\n      ))}\n    </List>\n  );\n};\n\nexport default MultilineList;\n"],"names":["ListItem","List","ListItemMeta","MultilineList","listData","id","title","content","React","createElement","map","item","key","description"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAQA,QAAA,GAA2BC,IAAA,CAA3BD,QAAA;EAAUE,YAAA,GAAiBD,IAAA,CAAjBC,YAAA;AAElB,IAAMC,gBAAgB,SAAhBA,gBAAsB;EAC1B,IAAMC,QAAA,GAAW,CACf;AAAEC,IAAAA,EAAA,EAAI,CAAA;AAAGC,IAAAA,KAAA,EAAO,gCAAA;AAASC,IAAAA,SAAS;AAA2B,GAAA,EAC7D;AAAEF,IAAAA,EAAA,EAAI,CAAA;AAAGC,IAAAA,KAAA,EAAO,gCAAA;AAASC,IAAAA,SAAS;AAA2B,GAAA,EAC7D;AAAEF,IAAAA,EAAA,EAAI,CAAA;AAAGC,IAAAA,KAAA,EAAO,gCAAA;AAASC,IAAAA,SAAS;AAA2B,GAAA,CAC/D;AAEA,EAAA,sBACEC,cAAA,CAAAC,aAAA,CAACR,YACEG,QAAA,CAASM,GAAA,CAAI,UAACC,IAAA,EAAA;AAAA,IAAA,sBACbH,cAAA,CAAAC,aAAA,CAACT;MAASY,GAAA,EAAKD,IAAA,CAAKN;sBAClBG,cAAA,CAAAC,aAAA,CAACP,YAAA,EAAA;MAAaI,OAAOK,IAAA,CAAKL,KAAA;MAAOO,aAAaF,IAAA,CAAKJ;AAAA,KAAS,CAC9D,CACD;AAAA,EAAA,CAAA,CACH,CAAA;AAEJ;;;;"}

package/es/list/_example/scroll-loading.js

@@ -0,0 +1,133 @@
+import { _ as _asyncToGenerator, a as _regeneratorRuntime } from '../../_chunks/dep-CPjkUfQu.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default, { useState, useEffect } from 'react';
+import { List } from '../index.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import '../List.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import 'classnames';
+import 'lodash-es';
+import '../../_chunks/dep-BP0-apUT.js';
+import 'hoist-non-react-statics';
+import '../../_chunks/dep-U1T8CQY9.js';
+import '../../_chunks/dep-spxR0DG0.js';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import 'dayjs';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../loading/index.js';
+import '../../loading/Loading.js';
+import '../../_chunks/dep-DRwijJcv.js';
+import '../../common/Portal.js';
+import 'react-dom';
+import '../../_chunks/dep-BRbJGDI9.js';
+import '../../loading/Gradient.js';
+import '../../_chunks/dep-DHWwZ2Nj.js';
+import '../../_chunks/dep-DN7d1SzH.js';
+import '../../_chunks/dep-PPA-yoAy.js';
+import '../../_chunks/dep-DbVHGoUC.js';
+import '../../loading/style/css.js';
+import '../../_chunks/dep-UHQn9biR.js';
+import '../../config-provider/index.js';
+import '../../config-provider/ConfigProvider.js';
+import '../ListItem.js';
+import '../ListItemMeta.js';
+import '../../_chunks/dep-Dlppf0JU.js';
+import '../../_chunks/dep-CgyDw_YI.js';
+import '../style/css.js';
+
+var ListItem = List.ListItem,
+  ListItemMeta = List.ListItemMeta;
+var ScrollLoadingList = function ScrollLoadingList() {
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    listData = _useState2[0],
+    setListData = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isLoading = _useState4[0],
+    setIsLoading = _useState4[1];
+  var _useState5 = useState(1),
+    _useState6 = _slicedToArray(_useState5, 2),
+    pageNum = _useState6[0],
+    setPageNum = _useState6[1];
+  var dataSource = [];
+  var total = 100;
+  var pageSize = 20;
+  for (var i = 0; i < total; i++) {
+    dataSource.push({
+      id: i,
+      content: "\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9",
+      icon: "https://tdesign.gtimg.com/list-icon.png",
+      title: "\u5217\u8868\u6807\u9898 ".concat(i + 1)
+    });
+  }
+  var fetchData = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(pageInfo) {
+      return _regeneratorRuntime.wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!isLoading) {
+              _context.next = 1;
+              break;
+            }
+            return _context.abrupt("return");
+          case 1:
+            setIsLoading(true);
+            setTimeout(function () {
+              var pageNum2 = pageInfo.pageNum,
+                pageSize2 = pageInfo.pageSize;
+              var newDataSource = dataSource.slice((pageNum2 - 1) * pageSize2, pageNum2 * pageSize2);
+              setListData(function (prev) {
+                return prev.concat(newDataSource);
+              });
+              setPageNum(pageNum2);
+              setIsLoading(false);
+            }, 500);
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function fetchData(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var handleScroll = function handleScroll(_ref2) {
+    var scrollBottom = _ref2.scrollBottom;
+    if (!scrollBottom && listData.length < total) {
+      fetchData({
+        pageNum: pageNum + 1,
+        pageSize: pageSize
+      });
+    }
+  };
+  useEffect(function () {
+    fetchData({
+      pageNum: pageNum,
+      pageSize: pageSize
+    });
+  }, []);
+  return /* @__PURE__ */React__default.createElement(List, {
+    asyncLoading: isLoading ? "loading" : "",
+    size: "small",
+    style: {
+      height: "300px",
+      overflow: "auto"
+    },
+    onScroll: handleScroll
+  }, listData.map(function (item) {
+    return /* @__PURE__ */React__default.createElement(ListItem, {
+      key: item.id
+    }, /* @__PURE__ */React__default.createElement(ListItemMeta, {
+      image: item.icon,
+      title: item.title,
+      description: item.content
+    }));
+  }));
+};
+
+export { ScrollLoadingList as default };
+//# sourceMappingURL=scroll-loading.js.map

package/es/list/_example/scroll-loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-loading.js","sources":["../../../../components/list/_example/scroll-loading.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { List } from \"../index\";\n\nconst { ListItem, ListItemMeta } = List;\n\ninterface ListItemData {\n  id: number;\n  content: string;\n  icon: string;\n  title: string;\n}\n\nconst ScrollLoadingList = () => {\n  const [listData, setListData] = useState<ListItemData[]>([]);\n  const [isLoading, setIsLoading] = useState(false);\n  const [pageNum, setPageNum] = useState(1);\n\n  const dataSource: ListItemData[] = [];\n  const total = 100;\n  const pageSize = 20;\n\n  for (let i = 0; i < total; i++) {\n    dataSource.push({\n      id: i,\n      content: \"列表内容列表内容列表内容\",\n      icon: \"https://tdesign.gtimg.com/list-icon.png\",\n      title: `列表标题 ${i + 1}`\n    });\n  }\n\n  const fetchData = async (pageInfo: { pageNum: number; pageSize: number }) => {\n    if (isLoading) return;\n    setIsLoading(true);\n    setTimeout(() => {\n      const { pageNum, pageSize } = pageInfo;\n      const newDataSource = dataSource.slice((pageNum - 1) * pageSize, pageNum * pageSize);\n      setListData((prev) => prev.concat(newDataSource));\n      setPageNum(pageNum);\n      setIsLoading(false);\n    }, 500);\n  };\n\n  const handleScroll = ({ scrollBottom }: { scrollTop: number; scrollBottom: number }) => {\n    if (!scrollBottom && listData.length < total) {\n      fetchData({ pageNum: pageNum + 1, pageSize });\n    }\n  };\n\n  useEffect(() => {\n    fetchData({ pageNum, pageSize });\n  }, []);\n\n  return (\n    <List\n      asyncLoading={isLoading ? \"loading\" : \"\"}\n      size=\"small\"\n      style={{ height: \"300px\", overflow: \"auto\" }}\n      onScroll={handleScroll}\n    >\n      {listData.map((item) => (\n        <ListItem key={item.id}>\n          <ListItemMeta image={item.icon} title={item.title} description={item.content} />\n        </ListItem>\n      ))}\n    </List>\n  );\n};\n\nexport default ScrollLoadingList;\n"],"names":["ListItem","List","ListItemMeta","ScrollLoadingList","_useState","useState","_useState2","_slicedToArray","listData","setListData","_useState3","_useState4","isLoading","setIsLoading","_useState5","_useState6","pageNum","setPageNum","dataSource","total","pageSize","i","push","id","content","icon","title","concat","fetchData","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","pageInfo","wrap","_context","prev","next","abrupt","setTimeout","newDataSource","slice","stop","_x","apply","arguments","handleScroll","_ref2","scrollBottom","length","useEffect","React","createElement","asyncLoading","size","style","height","overflow","onScroll","map","item","key","image","description"],"mappings":"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"}

package/es/list/_example/sizes.js

@@ -0,0 +1,94 @@
+import React__default from 'react';
+import { List } from '../index.js';
+import '../List.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-CzLhKWCf.js';
+import 'classnames';
+import 'lodash-es';
+import '../../_chunks/dep-BP0-apUT.js';
+import 'hoist-non-react-statics';
+import '../../_chunks/dep-U1T8CQY9.js';
+import '../../_chunks/dep-spxR0DG0.js';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../loading/index.js';
+import '../../loading/Loading.js';
+import '../../_chunks/dep-DRwijJcv.js';
+import '../../common/Portal.js';
+import 'react-dom';
+import '../../_chunks/dep-BRbJGDI9.js';
+import '../../loading/Gradient.js';
+import '../../_chunks/dep-DHWwZ2Nj.js';
+import '../../_chunks/dep-DN7d1SzH.js';
+import '../../_chunks/dep-PPA-yoAy.js';
+import '../../_chunks/dep-DbVHGoUC.js';
+import '../../loading/style/css.js';
+import '../../_chunks/dep-UHQn9biR.js';
+import '../../config-provider/index.js';
+import '../../config-provider/ConfigProvider.js';
+import '../ListItem.js';
+import '../ListItemMeta.js';
+import '../../_chunks/dep-Dlppf0JU.js';
+import '../../_chunks/dep-CgyDw_YI.js';
+import '../style/css.js';
+
+var ListItem = List.ListItem;
+var SizesList = function SizesList() {
+  var listData = [{
+    id: 1,
+    content: "\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9"
+  }, {
+    id: 2,
+    content: "\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9"
+  }, {
+    id: 3,
+    content: "\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9"
+  }];
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "32px"
+    }
+  }, /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("h4", {
+    style: {
+      marginBottom: "16px",
+      color: "#666"
+    }
+  }, "\u5C0F\u5C3A\u5BF8"), /* @__PURE__ */React__default.createElement(List, {
+    size: "small"
+  }, listData.map(function (item) {
+    return /* @__PURE__ */React__default.createElement(ListItem, {
+      key: item.id
+    }, item.content);
+  }))), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("h4", {
+    style: {
+      marginBottom: "16px",
+      color: "#666"
+    }
+  }, "\u4E2D\u5C3A\u5BF8\uFF08\u9ED8\u8BA4\uFF09"), /* @__PURE__ */React__default.createElement(List, {
+    size: "medium"
+  }, listData.map(function (item) {
+    return /* @__PURE__ */React__default.createElement(ListItem, {
+      key: item.id
+    }, item.content);
+  }))), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("h4", {
+    style: {
+      marginBottom: "16px",
+      color: "#666"
+    }
+  }, "\u5927\u5C3A\u5BF8"), /* @__PURE__ */React__default.createElement(List, {
+    size: "large"
+  }, listData.map(function (item) {
+    return /* @__PURE__ */React__default.createElement(ListItem, {
+      key: item.id
+    }, item.content);
+  }))));
+};
+
+export { SizesList as default };
+//# sourceMappingURL=sizes.js.map

package/es/list/_example/sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.js","sources":["../../../../components/list/_example/sizes.tsx"],"sourcesContent":["import React from \"react\";\nimport { List } from \"../index\";\n\nconst { ListItem } = List;\n\nconst SizesList = () => {\n  const listData = [\n    { id: 1, content: \"列表内容列表内容列表内容\" },\n    { id: 2, content: \"列表内容列表内容列表内容\" },\n    { id: 3, content: \"列表内容列表内容列表内容\" }\n  ];\n\n  return (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"32px\" }}>\n      <div>\n        <h4 style={{ marginBottom: \"16px\", color: \"#666\" }}>小尺寸</h4>\n        <List size=\"small\">\n          {listData.map((item) => (\n            <ListItem key={item.id}>{item.content}</ListItem>\n          ))}\n        </List>\n      </div>\n\n      <div>\n        <h4 style={{ marginBottom: \"16px\", color: \"#666\" }}>中尺寸（默认）</h4>\n        <List size=\"medium\">\n          {listData.map((item) => (\n            <ListItem key={item.id}>{item.content}</ListItem>\n          ))}\n        </List>\n      </div>\n\n      <div>\n        <h4 style={{ marginBottom: \"16px\", color: \"#666\" }}>大尺寸</h4>\n        <List size=\"large\">\n          {listData.map((item) => (\n            <ListItem key={item.id}>{item.content}</ListItem>\n          ))}\n        </List>\n      </div>\n    </div>\n  );\n};\n\nexport default SizesList;\n"],"names":["ListItem","List","SizesList","listData","id","content","React","createElement","style","display","flexDirection","gap","marginBottom","color","size","map","item","key"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAQA,WAAaC,IAAA,CAAbD;AAER,IAAME,YAAY,SAAZA,YAAkB;EACtB,IAAMC,QAAA,GAAW,CACf;AAAEC,IAAAA,EAAA,EAAI,CAAA;AAAGC,IAAAA,OAAA,EAAS;AAAe,GAAA,EACjC;AAAED,IAAAA,EAAA,EAAI,CAAA;AAAGC,IAAAA,OAAA,EAAS;AAAe,GAAA,EACjC;AAAED,IAAAA,EAAA,EAAI,CAAA;AAAGC,IAAAA,OAAA,EAAS;AAAe,GAAA,CACnC;AAEA,EAAA,sBACEC,cAAA,CAAAC,aAAA,CAAC;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,SAAS,MAAA;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,GAAA,EAAK;AAAO;AAAA,GAAA,8CACjE,KAAA,EAAA,IAAA,iBACCL,cAAA,CAAAC,aAAA,CAAC,IAAA,EAAA;AAAGC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,YAAA,EAAc;AAAQC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,oBAAG,CAAA,iBACvDP,cAAA,CAAAC,aAAA,CAACN;AAAKa,IAAAA,IAAA,EAAK;AAAA,GAAA,EACRX,QAAA,CAASY,GAAA,CAAI,UAACC,IAAA,EAAA;AAAA,IAAA,mDACZhB,QAAA,EAAA;MAASiB,GAAA,EAAKD,IAAA,CAAKZ;AAAA,KAAA,EAAKY,IAAA,CAAKX,OAAQ,CACvC;AAAA,EAAA,CAAA,CACH,CACF,CAAA,iBAEAC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,iBACCD,cAAA,CAAAC,aAAA,CAAC;AAAGC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,YAAA,EAAc,MAAA;AAAQC,MAAAA,KAAA,EAAO;AAAO;KAAG,4CAAO,CAAA,8CAC1DZ,IAAA,EAAA;AAAKa,IAAAA,IAAA,EAAK;KACRX,QAAA,CAASY,GAAA,CAAI,UAACC,IAAA,EAAA;AAAA,IAAA,sBACbV,cAAA,CAAAC,aAAA,CAACP,QAAA,EAAA;MAASiB,KAAKD,IAAA,CAAKZ;AAAA,KAAA,EAAKY,IAAA,CAAKX,OAAQ,CACvC;AAAA,EAAA,CAAA,CACH,CACF,CAAA,iBAEAC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA,IAAA,iBACCD,cAAA,CAAAC,aAAA,CAAC,IAAA,EAAA;AAAGC,IAAAA,KAAA,EAAO;AAAEI,MAAAA,YAAA,EAAc,MAAA;AAAQC,MAAAA,KAAA,EAAO;AAAO;GAAA,EAAG,oBAAG,kBACvDP,cAAA,CAAAC,aAAA,CAACN,IAAA,EAAA;AAAKa,IAAAA,IAAA,EAAK;AAAA,GAAA,EACRX,QAAA,CAASY,GAAA,CAAI,UAACC,IAAA,EAAA;AAAA,IAAA,sBACbV,cAAA,CAAAC,aAAA,CAACP,QAAA,EAAA;MAASiB,GAAA,EAAKD,IAAA,CAAKZ;AAAA,KAAA,EAAKY,KAAKX,OAAQ,CACvC;EAAA,CAAA,CACH,CACF,CACF,CAAA;AAEJ;;;;"}

package/es/list/_example/split.js

@@ -0,0 +1,93 @@
+import React__default from 'react';
+import { List } from '../index.js';
+import '../List.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-CzLhKWCf.js';
+import 'classnames';
+import 'lodash-es';
+import '../../_chunks/dep-BP0-apUT.js';
+import 'hoist-non-react-statics';
+import '../../_chunks/dep-U1T8CQY9.js';
+import '../../_chunks/dep-spxR0DG0.js';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../loading/index.js';
+import '../../loading/Loading.js';
+import '../../_chunks/dep-DRwijJcv.js';
+import '../../common/Portal.js';
+import 'react-dom';
+import '../../_chunks/dep-BRbJGDI9.js';
+import '../../loading/Gradient.js';
+import '../../_chunks/dep-DHWwZ2Nj.js';
+import '../../_chunks/dep-DN7d1SzH.js';
+import '../../_chunks/dep-PPA-yoAy.js';
+import '../../_chunks/dep-DbVHGoUC.js';
+import '../../loading/style/css.js';
+import '../../_chunks/dep-UHQn9biR.js';
+import '../../config-provider/index.js';
+import '../../config-provider/ConfigProvider.js';
+import '../ListItem.js';
+import '../ListItemMeta.js';
+import '../../_chunks/dep-Dlppf0JU.js';
+import '../../_chunks/dep-CgyDw_YI.js';
+import '../style/css.js';
+
+var ListItem = List.ListItem;
+var SplitList = function SplitList() {
+  var listData = [{
+    id: 1,
+    content: "\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9"
+  }, {
+    id: 2,
+    content: "\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9"
+  }, {
+    id: 3,
+    content: "\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9"
+  }, {
+    id: 4,
+    content: "\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9"
+  }];
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      gap: "32px"
+    }
+  }, /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      flex: 1
+    }
+  }, /* @__PURE__ */React__default.createElement("h4", {
+    style: {
+      marginBottom: "16px",
+      color: "#666"
+    }
+  }, "\u65E0\u5206\u5272\u7EBF"), /* @__PURE__ */React__default.createElement(List, {
+    split: false
+  }, listData.map(function (item) {
+    return /* @__PURE__ */React__default.createElement(ListItem, {
+      key: item.id
+    }, item.content);
+  }))), /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      flex: 1
+    }
+  }, /* @__PURE__ */React__default.createElement("h4", {
+    style: {
+      marginBottom: "16px",
+      color: "#666"
+    }
+  }, "\u6709\u5206\u5272\u7EBF"), /* @__PURE__ */React__default.createElement(List, {
+    split: true
+  }, listData.map(function (item) {
+    return /* @__PURE__ */React__default.createElement(ListItem, {
+      key: item.id
+    }, item.content);
+  }))));
+};
+
+export { SplitList as default };
+//# sourceMappingURL=split.js.map

package/es/list/_example/split.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split.js","sources":["../../../../components/list/_example/split.tsx"],"sourcesContent":["import React from \"react\";\nimport { List } from \"../index\";\n\nconst { ListItem } = List;\n\nconst SplitList = () => {\n  const listData = [\n    { id: 1, content: \"列表内容列表内容列表内容\" },\n    { id: 2, content: \"列表内容列表内容列表内容\" },\n    { id: 3, content: \"列表内容列表内容列表内容\" },\n    { id: 4, content: \"列表内容列表内容列表内容\" }\n  ];\n\n  return (\n    <div style={{ display: \"flex\", gap: \"32px\" }}>\n      <div style={{ flex: 1 }}>\n        <h4 style={{ marginBottom: \"16px\", color: \"#666\" }}>无分割线</h4>\n        <List split={false}>\n          {listData.map((item) => (\n            <ListItem key={item.id}>{item.content}</ListItem>\n          ))}\n        </List>\n      </div>\n      <div style={{ flex: 1 }}>\n        <h4 style={{ marginBottom: \"16px\", color: \"#666\" }}>有分割线</h4>\n        <List split={true}>\n          {listData.map((item) => (\n            <ListItem key={item.id}>{item.content}</ListItem>\n          ))}\n        </List>\n      </div>\n    </div>\n  );\n};\n\nexport default SplitList;\n"],"names":["ListItem","List","SplitList","listData","id","content","style","display","gap","React","createElement","flex","marginBottom","color","split","map","item","key"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAQA,WAAaC,IAAA,CAAbD;AAER,IAAME,YAAY,SAAZA,YAAkB;EACtB,IAAMC,QAAA,GAAW,CACf;AAAEC,IAAAA,EAAA,EAAI,CAAA;AAAGC,IAAAA,OAAA,EAAS;AAAe,GAAA,EACjC;AAAED,IAAAA,EAAA,EAAI,CAAA;AAAGC,IAAAA,OAAA,EAAS;AAAe,GAAA,EACjC;AAAED,IAAAA,EAAA,EAAI,CAAA;AAAGC,IAAAA,OAAA,EAAS;AAAe,GAAA,EACjC;AAAED,IAAAA,EAAA,EAAI,CAAA;AAAGC,IAAAA,OAAA,EAAS;AAAe,GAAA,CACnC;AAEA,EAAA,mDACG,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS;AAAQC,MAAAA,GAAA,EAAK;AAAO;AAAA,GAAA,iBACzCC,cAAA,CAAAC,aAAA,CAAC;AAAIJ,IAAAA,KAAA,EAAO;AAAEK,MAAAA,MAAM;AAAE;AAAA,GAAA,8CACnB,IAAA,EAAA;AAAGL,IAAAA,KAAA,EAAO;AAAEM,MAAAA,YAAA,EAAc;AAAQC,MAAAA,KAAA,EAAO;AAAO;KAAG,0BAAI,CAAA,8CACvDZ,IAAA,EAAA;AAAKa,IAAAA,KAAA,EAAO;AAAA,GAAA,EACVX,QAAA,CAASY,IAAI,UAACC,IAAA,EAAA;AAAA,IAAA,mDACZhB,QAAA,EAAA;MAASiB,GAAA,EAAKD,KAAKZ;AAAA,KAAA,EAAKY,IAAA,CAAKX,OAAQ,CACvC;EAAA,CAAA,CACH,CACF,CAAA,iBACAI,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIJ,IAAAA,OAAO;AAAEK,MAAAA,IAAA,EAAM;AAAE;AAAA,GAAA,8CACnB,IAAA,EAAA;AAAGL,IAAAA,KAAA,EAAO;AAAEM,MAAAA,YAAA,EAAc,MAAA;AAAQC,MAAAA,OAAO;AAAO;GAAA,EAAG,0BAAI,CAAA,8CACvDZ,IAAA,EAAA;AAAKa,IAAAA,KAAA,EAAO;KACVX,QAAA,CAASY,GAAA,CAAI,UAACC,IAAA,EAAA;AAAA,IAAA,sBACbP,cAAA,CAAAC,aAAA,CAACV,QAAA,EAAA;MAASiB,GAAA,EAAKD,KAAKZ;AAAA,KAAA,EAAKY,IAAA,CAAKX,OAAQ,CACvC;EAAA,CAAA,CACH,CACF,CACF,CAAA;AAEJ;;;;"}

package/es/list/_example/stripe.js

@@ -0,0 +1,68 @@
+import React__default from 'react';
+import { List } from '../index.js';
+import '../List.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import '../../_chunks/dep-CzLhKWCf.js';
+import 'classnames';
+import 'lodash-es';
+import '../../_chunks/dep-BP0-apUT.js';
+import 'hoist-non-react-statics';
+import '../../_chunks/dep-U1T8CQY9.js';
+import '../../_chunks/dep-spxR0DG0.js';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../loading/index.js';
+import '../../loading/Loading.js';
+import '../../_chunks/dep-DRwijJcv.js';
+import '../../common/Portal.js';
+import 'react-dom';
+import '../../_chunks/dep-BRbJGDI9.js';
+import '../../loading/Gradient.js';
+import '../../_chunks/dep-DHWwZ2Nj.js';
+import '../../_chunks/dep-DN7d1SzH.js';
+import '../../_chunks/dep-PPA-yoAy.js';
+import '../../_chunks/dep-DbVHGoUC.js';
+import '../../loading/style/css.js';
+import '../../_chunks/dep-UHQn9biR.js';
+import '../../config-provider/index.js';
+import '../../config-provider/ConfigProvider.js';
+import '../ListItem.js';
+import '../ListItemMeta.js';
+import '../../_chunks/dep-Dlppf0JU.js';
+import '../../_chunks/dep-CgyDw_YI.js';
+import '../style/css.js';
+
+var ListItem = List.ListItem;
+var StripeList = function StripeList() {
+  var listData = [{
+    id: 1,
+    content: "\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9"
+  }, {
+    id: 2,
+    content: "\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9"
+  }, {
+    id: 3,
+    content: "\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9"
+  }, {
+    id: 4,
+    content: "\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9"
+  }, {
+    id: 5,
+    content: "\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9\u5217\u8868\u5185\u5BB9"
+  }];
+  return /* @__PURE__ */React__default.createElement(List, {
+    stripe: true,
+    split: false
+  }, listData.map(function (item) {
+    return /* @__PURE__ */React__default.createElement(ListItem, {
+      key: item.id
+    }, item.content);
+  }));
+};
+
+export { StripeList as default };
+//# sourceMappingURL=stripe.js.map

package/es/list/_example/stripe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stripe.js","sources":["../../../../components/list/_example/stripe.tsx"],"sourcesContent":["import React from \"react\";\nimport { List } from \"../index\";\n\nconst { ListItem } = List;\n\nconst StripeList = () => {\n  const listData = [\n    { id: 1, content: \"列表内容列表内容列表内容\" },\n    { id: 2, content: \"列表内容列表内容列表内容\" },\n    { id: 3, content: \"列表内容列表内容列表内容\" },\n    { id: 4, content: \"列表内容列表内容列表内容\" },\n    { id: 5, content: \"列表内容列表内容列表内容\" }\n  ];\n\n  return (\n    <List stripe={true} split={false}>\n      {listData.map((item) => (\n        <ListItem key={item.id}>{item.content}</ListItem>\n      ))}\n    </List>\n  );\n};\n\nexport default StripeList;\n"],"names":["ListItem","List","StripeList","listData","id","content","stripe","split","map","item","React","createElement","key"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAQA,WAAaC,IAAA,CAAbD;AAER,IAAME,aAAa,SAAbA,aAAmB;EACvB,IAAMC,QAAA,GAAW,CACf;AAAEC,IAAAA,EAAA,EAAI,CAAA;AAAGC,IAAAA,OAAA,EAAS;AAAe,GAAA,EACjC;AAAED,IAAAA,EAAA,EAAI,CAAA;AAAGC,IAAAA,OAAA,EAAS;AAAe,GAAA,EACjC;AAAED,IAAAA,EAAA,EAAI,CAAA;AAAGC,IAAAA,OAAA,EAAS;AAAe,GAAA,EACjC;AAAED,IAAAA,EAAA,EAAI,CAAA;AAAGC,IAAAA,OAAA,EAAS;AAAe,GAAA,EACjC;AAAED,IAAAA,EAAA,EAAI,CAAA;AAAGC,IAAAA,OAAA,EAAS;AAAe,GAAA,CACnC;AAEA,EAAA,mDACGJ,IAAA,EAAA;AAAKK,IAAAA,MAAA,EAAQ;AAAMC,IAAAA,KAAA,EAAO;AAAA,GAAA,EACxBJ,SAASK,GAAA,CAAI,UAACC,IAAA,EAAA;AAAA,IAAA,sBACbC,cAAA,CAAAC,aAAA,CAACX;MAASY,GAAA,EAAKH,IAAA,CAAKL;OAAKK,IAAA,CAAKJ,OAAQ,CACvC;AAAA,EAAA,CAAA,CACH,CAAA;AAEJ;;;;"}

package/es/list/_example/virtual-scroll.js

@@ -0,0 +1,97 @@
+import { _ as _slicedToArray } from '../../_chunks/dep-CzLhKWCf.js';
+import React__default, { useState, useRef, useEffect } from 'react';
+import { List } from '../index.js';
+import '../List.js';
+import '../../_chunks/dep-Cwish4GD.js';
+import '../../_chunks/dep-D-UKOauR.js';
+import 'classnames';
+import 'lodash-es';
+import '../../_chunks/dep-BP0-apUT.js';
+import 'hoist-non-react-statics';
+import '../../_chunks/dep-U1T8CQY9.js';
+import '../../_chunks/dep-spxR0DG0.js';
+import '../../_chunks/dep-u1x3x6MJ.js';
+import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep--nQ-cjme.js';
+import 'dayjs';
+import '../../_chunks/dep-DGvfel3I.js';
+import '../../loading/index.js';
+import '../../loading/Loading.js';
+import '../../_chunks/dep-DRwijJcv.js';
+import '../../common/Portal.js';
+import 'react-dom';
+import '../../_chunks/dep-BRbJGDI9.js';
+import '../../loading/Gradient.js';
+import '../../_chunks/dep-DHWwZ2Nj.js';
+import '../../_chunks/dep-DN7d1SzH.js';
+import '../../_chunks/dep-PPA-yoAy.js';
+import '../../_chunks/dep-DbVHGoUC.js';
+import '../../loading/style/css.js';
+import '../../_chunks/dep-UHQn9biR.js';
+import '../../config-provider/index.js';
+import '../../config-provider/ConfigProvider.js';
+import '../ListItem.js';
+import '../ListItemMeta.js';
+import '../../_chunks/dep-Dlppf0JU.js';
+import '../../_chunks/dep-CgyDw_YI.js';
+import '../style/css.js';
+
+var ListItem = List.ListItem,
+  ListItemMeta = List.ListItemMeta;
+var VirtualScrollList = function VirtualScrollList() {
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    data = _useState2[0],
+    setData = _useState2[1];
+  var listRef = useRef(null);
+  var handleScrollTo = function handleScrollTo() {
+    var _listRef$current;
+    (_listRef$current = listRef.current) === null || _listRef$current === void 0 || _listRef$current.scrollTo({
+      index: 30,
+      behavior: "smooth"
+    });
+  };
+  useEffect(function () {
+    var list = [];
+    for (var i = 0; i < 3e3; i++) {
+      list.push({
+        content: "\u7B2C".concat(i + 1, "\u4E2A\u5217\u8868\u5185\u5BB9\u7684\u63CF\u8FF0\u6027\u6587\u5B57")
+      });
+    }
+    setTimeout(function () {
+      return setData(list);
+    }, 0);
+  }, []);
+  var imageUrl = "https://tdesign.gtimg.com/site/avatar.jpg";
+  return /* @__PURE__ */React__default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px"
+    }
+  }, /* @__PURE__ */React__default.createElement(List, {
+    ref: listRef,
+    style: {
+      height: "300px"
+    },
+    scroll: {
+      type: "virtual",
+      rowHeight: 80,
+      bufferSize: 10,
+      threshold: 10
+    }
+  }, data.map(function (item, index) {
+    return /* @__PURE__ */React__default.createElement(ListItem, {
+      key: index
+    }, /* @__PURE__ */React__default.createElement(ListItemMeta, {
+      image: imageUrl,
+      title: "\u5217\u8868\u6807\u9898",
+      description: item.content
+    }));
+  })), /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement("button", {
+    onClick: handleScrollTo
+  }, "\u6EDA\u52A8\u5230\u7B2C 30 \u9879")));
+};
+
+export { VirtualScrollList as default };
+//# sourceMappingURL=virtual-scroll.js.map

package/es/list/_example/virtual-scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtual-scroll.js","sources":["../../../../components/list/_example/virtual-scroll.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { List } from \"../index\";\n\nconst { ListItem, ListItemMeta } = List;\n\ninterface ListItemData {\n  content: string;\n}\n\nconst VirtualScrollList = () => {\n  const [data, setData] = useState<ListItemData[]>([]);\n  const listRef = useRef<any>(null);\n\n  const handleScrollTo = () => {\n    listRef.current?.scrollTo({\n      index: 30,\n      behavior: \"smooth\"\n    });\n  };\n\n  useEffect(() => {\n    const list: ListItemData[] = [];\n    for (let i = 0; i < 3000; i++) {\n      list.push({ content: `第${i + 1}个列表内容的描述性文字` });\n    }\n    setTimeout(() => setData(list), 0);\n  }, []);\n\n  const imageUrl = \"https://tdesign.gtimg.com/site/avatar.jpg\";\n\n  return (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n      <List\n        ref={listRef}\n        style={{ height: \"300px\" }}\n        scroll={{ type: \"virtual\", rowHeight: 80, bufferSize: 10, threshold: 10 }}\n      >\n        {data.map((item, index) => (\n          <ListItem key={index}>\n            <ListItemMeta image={imageUrl} title=\"列表标题\" description={item.content} />\n          </ListItem>\n        ))}\n      </List>\n      <div>\n        <button onClick={handleScrollTo}>滚动到第 30 项</button>\n      </div>\n    </div>\n  );\n};\n\nexport default VirtualScrollList;\n"],"names":["ListItem","List","ListItemMeta","VirtualScrollList","_useState","useState","_useState2","_slicedToArray","data","setData","listRef","useRef","handleScrollTo","_listRef$current","current","scrollTo","index","behavior","useEffect","list","i","push","content","concat","setTimeout","imageUrl","React","createElement","style","display","flexDirection","gap","ref","height","scroll","type","rowHeight","bufferSize","threshold","map","item","key","image","title","description","onClick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAQA,QAAA,GAA2BC,IAAA,CAA3BD,QAAA;EAAUE,YAAA,GAAiBD,IAAA,CAAjBC,YAAA;AAMlB,IAAMC,oBAAoB,SAApBA,oBAA0B;AAC9B,EAAA,IAAAC,SAAA,GAAwBC,QAAA,CAAyB,EAAE,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA5CI,IAAAA,IAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAMG,IAAAA,OAAO,GAAAH,UAAA,CAAA,CAAA,CAAA;AACpB,EAAA,IAAMI,OAAA,GAAUC,OAAY,IAAI,CAAA;AAEhC,EAAA,IAAMC,iBAAiB,SAAjBA,iBAAuB;AAAA,IAAA,IAAAC,gBAAA;IAC3B,CAAAA,gBAAA,GAAAH,OAAA,CAAQI,oDAARD,gBAAA,CAAiBE,QAAA,CAAS;AACxBC,MAAAA,KAAA,EAAO,EAAA;AACPC,MAAAA,QAAA,EAAU;AACZ,KAAC,CAAA;EACH,CAAA;AAEAC,EAAAA,SAAA,CAAU,YAAM;IACd,IAAMC,OAAuB,EAAC;IAC9B,KAAA,IAASC,CAAA,GAAI,CAAA,EAAGA,CAAA,GAAI,GAAA,EAAMA,CAAA,EAAA,EAAK;MAC7BD,IAAA,CAAKE,KAAK;AAAEC,QAAAA,OAAA,EAAA,QAAA,CAAAC,MAAA,CAAaH,CAAA,GAAI,CAAC,EAAA,oEAAA;AAAc,OAAC,CAAA;AAC/C,IAAA;AACAI,IAAAA,UAAA,CAAW,YAAA;MAAA,OAAMf,OAAA,CAAQU,IAAI,CAAA;AAAA,IAAA,CAAA,EAAG,CAAC,CAAA;EACnC,CAAA,EAAG,EAAE,CAAA;EAEL,IAAMM,QAAA,GAAW,2CAAA;AAEjB,EAAA,sBACEC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;AAAIC,IAAAA,KAAA,EAAO;AAAEC,MAAAA,OAAA,EAAS;AAAQC,MAAAA,aAAA,EAAe,QAAA;AAAUC,MAAAA,GAAA,EAAK;AAAO;AAAA,GAAA,iBAClEL,cAAA,CAAAC,aAAA,CAAC1B,IAAA,EAAA;AACC+B,IAAAA,GAAA,EAAKtB,OAAA;AACLkB,IAAAA,KAAA,EAAO;AAAEK,MAAAA,MAAA,EAAQ;KAAQ;AACzBC,IAAAA,MAAA,EAAQ;AAAEC,MAAAA,IAAA,EAAM,SAAA;AAAWC,MAAAA,WAAW,EAAA;AAAIC,MAAAA,UAAA,EAAY,EAAA;AAAIC,MAAAA,SAAA,EAAW;AAAG;GAAA,EAEvE9B,KAAK+B,GAAA,CAAI,UAACC,MAAMxB,KAAA,EAAA;AAAA,IAAA,sBACfU,cAAA,CAAAC,aAAA,CAAC3B;AAASyC,MAAAA,GAAA,EAAKzB;AAAA,KAAA,8CACZd,YAAA,EAAA;AAAawC,MAAAA,KAAA,EAAOjB;AAAUkB,MAAAA,KAAA,EAAM,0BAAA;MAAOC,aAAaJ,IAAA,CAAKlB;AAAA,KAAS,CACzE,CACD;AAAA,EAAA,CAAA,CACH,CAAA,8CACC,KAAA,EAAA,IAAA,iBACCI,cAAA,CAAAC,aAAA,CAAC;AAAOkB,IAAAA,OAAA,EAASjC;AAAA,GAAA,EAAgB,oCAAS,CAC5C,CACF,CAAA;AAEJ;;;;"}