tdesign-react 0.17.0 → 0.18.2

package/es/list/List.js

@@ -1,21 +1,39 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-308ea020.js';
+import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
 import React__default from 'react';
 import classNames from 'classnames';
-import { LoadingIcon } from 'tdesign-icons-react';
 import useConfig from '../_util/useConfig.js';
 import forwardRefWithStatics from '../_util/forwardRefWithStatics.js';
 import noop from '../_util/noop.js';
+import { Loading } from '../loading/index.js';
 import ListItem from './ListItem.js';
 import ListItemMeta from './ListItemMeta.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import 'hoist-non-react-statics';
+import '../loading/loading.js';
+import '../_chunks/dep-2f008905.js';
+import '../_chunks/dep-6a5b1968.js';
+import 'react-dom';
+import '../_util/dom.js';
+import 'raf';
+import '../_chunks/dep-e507e9db.js';
+import '../_chunks/dep-cb80da27.js';
+import '../_chunks/dep-b6ff8559.js';
+import '../_chunks/dep-1189939f.js';
+import '../_chunks/dep-9ad4f4b7.js';
+import '../_chunks/dep-4e491803.js';
+import '../_chunks/dep-f3eac264.js';
+import '../_util/easing.js';
+import '../common/Portal.js';
+import '../_chunks/dep-65c183dc.js';
+import './style/css.js';
+import '../_type/components/loading/index.js';
 
 var List = forwardRefWithStatics(function (props, ref) {
   var _classNames, _classNames2;
@@ -67,7 +85,9 @@ var List = forwardRefWithStatics(function (props, ref) {
   var loadElement = asyncLoading === void 0 ? "" : /* @__PURE__ */React__default.createElement("div", {
     className: classNames("".concat(classPrefix, "-list__load"), (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-list__load--loading"), asyncLoading === "loading"), _defineProperty(_classNames, "".concat(classPrefix, "-list__load--load-more"), asyncLoading === "load-more"), _classNames)),
     onClick: handleClickLoad
-  }, asyncLoading === "loading" ? /* @__PURE__ */React__default.createElement(React__default.Fragment, null, /* @__PURE__ */React__default.createElement(LoadingIcon, null), /* @__PURE__ */React__default.createElement("span", null, "\u6B63\u5728\u52A0\u8F7D\u4E2D\uFF0C\u8BF7\u7A0D\u7B49")) : /* @__PURE__ */React__default.createElement("span", null, "\u70B9\u51FB\u52A0\u8F7D\u66F4\u591A"));
+  }, asyncLoading === "loading" ? /* @__PURE__ */React__default.createElement("div", null, /* @__PURE__ */React__default.createElement(Loading, {
+    loading: true
+  }), /* @__PURE__ */React__default.createElement("span", null, "\u6B63\u5728\u52A0\u8F7D\u4E2D\uFF0C\u8BF7\u7A0D\u7B49")) : /* @__PURE__ */React__default.createElement("span", null, "\u70B9\u51FB\u52A0\u8F7D\u66F4\u591A"));
   return /* @__PURE__ */React__default.createElement("div", {
     ref: ref,
     style: style,

package/es/list/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../src/list/List.tsx"],"sourcesContent":["import React, { MouseEvent, WheelEvent } from 'react';\nimport classNames from 'classnames';\nimport { LoadingIcon } from 'tdesign-icons-react';\nimport useConfig from '../_util/useConfig';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport noop from '../_util/noop';\nimport { TdListProps } from '../_type/components/list';\nimport { StyledProps } from '../_type';\nimport ListItem from './ListItem';\nimport ListItemMeta from './ListItemMeta';\n\nexport interface ListProps extends TdListProps, StyledProps {\n  /**\n   * 文本内容\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * 列表组件\n */\nconst List = forwardRefWithStatics(\n  (props: ListProps, ref: React.Ref<HTMLDivElement>) => {\n    const {\n      header,\n      footer,\n      asyncLoading,\n      size = 'medium',\n      split = true,\n      stripe = false,\n      layout = 'horizontal',\n      children,\n      className,\n      onLoadMore = noop,\n      onScroll = noop,\n      style = {},\n    } = props;\n\n    const { classPrefix } = useConfig();\n\n    const handleClickLoad = (e: MouseEvent<HTMLDivElement>) => {\n      if (asyncLoading === 'load-more') {\n        onLoadMore({ e });\n      }\n    };\n\n    const handleScroll = (event: WheelEvent<HTMLDivElement>): void => {\n      const { currentTarget } = event;\n      const { scrollTop, offsetHeight, scrollHeight } = currentTarget;\n      const scrollBottom = scrollHeight - scrollTop - offsetHeight;\n      onScroll({ e: event, scrollTop, scrollBottom });\n    };\n\n    // prettier-ignore\n    const loadElement = asyncLoading === undefined ? (\n      ''\n    ) : (\n    <div\n      className={classNames(`${classPrefix}-list__load`, {\n        [`${classPrefix}-list__load--loading`]: asyncLoading === 'loading',\n        [`${classPrefix}-list__load--load-more`]: asyncLoading === 'load-more',\n      })}\n      onClick={handleClickLoad}\n    >\n      {asyncLoading === 'loading' ? (\n        <>\n          <LoadingIcon />\n          <span>正在加载中，请稍等</span>\n        </>\n      ) : (\n        <span>点击加载更多</span>\n      )}\n    </div>\n    );\n\n    return (\n      <div\n        ref={ref}\n        style={style}\n        onScroll={handleScroll}\n        className={classNames(className, 't-list', {\n          [`${classPrefix}-list--split`]: split,\n          [`${classPrefix}-list--stripe`]: stripe,\n          [`${classPrefix}-list--vertical-action`]: layout === 'vertical',\n          [`${classPrefix}-size-s`]: size === 'small',\n          [`${classPrefix}-size-l`]: size === 'large',\n        })}\n      >\n        {header}\n        <ul className={`${classPrefix}-list-items`}>{children}</ul>\n        {loadElement}\n        {footer}\n      </div>\n    );\n  },\n  { ListItem, ListItemMeta },\n);\n\nList.displayName = 'List';\n\nexport default List;\n"],"names":["List","forwardRefWithStatics","props","ref","header","footer","asyncLoading","size","split","stripe","layout","children","className","onLoadMore","noop","onScroll","style","useConfig","classPrefix","handleClickLoad","e","handleScroll","event","currentTarget","scrollTop","offsetHeight","scrollHeight","scrollBottom","loadElement","classNames","onClick","LoadingIcon","ListItem","ListItemMeta","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;IAqBMA,OAAOC,sBACX,UAACC,KAAD,EAAmBC,GAAnB,EAAsD;AAAA;;MAElDC,SAYEF,MAZFE;MACAC,SAWEH,MAXFG;MACAC,eAUEJ,MAVFI;oBAUEJ,MATFK;MAAAA,gCAAO;qBASLL,MARFM;MAAAA,kCAAQ;sBAQNN,MAPFO;MAAAA,oCAAS;sBAOPP,MANFQ;MAAAA,oCAAS;MACTC,WAKET,MALFS;MACAC,YAIEV,MAJFU;0BAIEV,MAHFW;MAAAA,4CAAaC;wBAGXZ,MAFFa;MAAAA,wCAAWD;qBAETZ,MADFc;MAAAA,kCAAQ;;mBAGcC;MAAhBC,yBAAAA;;MAEFC,kBAAkB,SAAlBA,eAAkB,CAACC,CAAD,EAAmC;QACrDd,iBAAiB,aAAa;iBACrB;AAAEc,QAAAA,GAAAA;AAAF;;;;MAITC,eAAe,SAAfA,YAAe,CAACC,KAAD,EAA6C;QACxDC,gBAAkBD,MAAlBC;QACAC,YAA0CD,cAA1CC;QAAWC,eAA+BF,cAA/BE;QAAcC,eAAiBH,cAAjBG;QAC3BC,eAAeD,eAAeF,SAAf,GAA2BC;aACvC;AAAEL,MAAAA,GAAGE,KAAL;AAAYE,MAAAA,WAAAA,SAAZ;AAAuBG,MAAAA,cAAAA;AAAvB;;;MAILC,cAActB,iBAAiB,MAAjB,GAClB,EADkB,+CAGnB,OAAD;AACEM,IAAAA,WAAWiB,qBAAcX,uFACnBA,sCAAoCZ,iBAAiB,mDACrDY,wCAAsCZ,iBAAiB,2BAH/D;AAKEwB,IAAAA,SAASX;AALX,KAOGb,iBAAiB,SAAjB,0HAEIyB,aAAD,mDACC,QAAD,MAAM,0DAHT,+CAME,QAAD,MAAM;qDAMP,OAAD;AACE5B,IAAAA,KAAAA,GADF;AAEEa,IAAAA,OAAAA,KAFF;AAGED,IAAAA,UAAUM,YAHZ;AAIET,IAAAA,WAAWiB,WAAWjB,WAAW,sEAC3BM,8BAA4BV,gDAC5BU,+BAA6BT,iDAC7BS,wCAAsCR,WAAW,qDACjDQ,yBAAuBX,SAAS,kDAChCW,yBAAuBX,SAAS;AATxC,KAYGH,oDACA,MAAD;AAAIQ,IAAAA,qBAAcM;AAAlB,KAA6CP,WAC5CiB,aACAvB;GAIP;AAAE2B,EAAAA,UAAAA,QAAF;AAAYC,EAAAA,cAAAA;AAAZ;AAGFjC,KAAKkC,WAAL,GAAmB,MAAnB;;;;"}
+{"version":3,"file":"List.js","sources":["../../src/list/List.tsx"],"sourcesContent":["import React, { MouseEvent, WheelEvent } from 'react';\nimport classNames from 'classnames';\n\nimport useConfig from '../_util/useConfig';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport noop from '../_util/noop';\nimport { TdListProps } from '../_type/components/list';\nimport { StyledProps } from '../_type';\nimport Loading from '../loading';\nimport ListItem from './ListItem';\nimport ListItemMeta from './ListItemMeta';\n\nexport interface ListProps extends TdListProps, StyledProps {\n  /**\n   * 文本内容\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * 列表组件\n */\nconst List = forwardRefWithStatics(\n  (props: ListProps, ref: React.Ref<HTMLDivElement>) => {\n    const {\n      header,\n      footer,\n      asyncLoading,\n      size = 'medium',\n      split = true,\n      stripe = false,\n      layout = 'horizontal',\n      children,\n      className,\n      onLoadMore = noop,\n      onScroll = noop,\n      style = {},\n    } = props;\n\n    const { classPrefix } = useConfig();\n\n    const handleClickLoad = (e: MouseEvent<HTMLDivElement>) => {\n      if (asyncLoading === 'load-more') {\n        onLoadMore({ e });\n      }\n    };\n\n    const handleScroll = (event: WheelEvent<HTMLDivElement>): void => {\n      const { currentTarget } = event;\n      const { scrollTop, offsetHeight, scrollHeight } = currentTarget;\n      const scrollBottom = scrollHeight - scrollTop - offsetHeight;\n      onScroll({ e: event, scrollTop, scrollBottom });\n    };\n\n    // prettier-ignore\n    const loadElement = asyncLoading === undefined ? (\n      ''\n    ) : (\n    <div\n      className={classNames(`${classPrefix}-list__load`, {\n        [`${classPrefix}-list__load--loading`]: asyncLoading === 'loading',\n        [`${classPrefix}-list__load--load-more`]: asyncLoading === 'load-more',\n      })}\n      onClick={handleClickLoad}\n    >\n      {asyncLoading === 'loading' ? (\n        <div>\n          <Loading loading={true} />\n          <span>正在加载中，请稍等</span>\n        </div>\n      ) : (\n        <span>点击加载更多</span>\n      )}\n    </div>\n    );\n\n    return (\n      <div\n        ref={ref}\n        style={style}\n        onScroll={handleScroll}\n        className={classNames(className, 't-list', {\n          [`${classPrefix}-list--split`]: split,\n          [`${classPrefix}-list--stripe`]: stripe,\n          [`${classPrefix}-list--vertical-action`]: layout === 'vertical',\n          [`${classPrefix}-size-s`]: size === 'small',\n          [`${classPrefix}-size-l`]: size === 'large',\n        })}\n      >\n        {header}\n        <ul className={`${classPrefix}-list-items`}>{children}</ul>\n        {loadElement}\n        {footer}\n      </div>\n    );\n  },\n  { ListItem, ListItemMeta },\n);\n\nList.displayName = 'List';\n\nexport default List;\n"],"names":["List","forwardRefWithStatics","props","ref","header","footer","asyncLoading","size","split","stripe","layout","children","className","onLoadMore","noop","onScroll","style","useConfig","classPrefix","handleClickLoad","e","handleScroll","event","currentTarget","scrollTop","offsetHeight","scrollHeight","scrollBottom","loadElement","classNames","onClick","Loading","loading","ListItem","ListItemMeta","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsBMA,OAAOC,sBACX,UAACC,KAAD,EAAmBC,GAAnB,EAAsD;AAAA;;MAElDC,SAYEF,MAZFE;MACAC,SAWEH,MAXFG;MACAC,eAUEJ,MAVFI;oBAUEJ,MATFK;MAAAA,gCAAO;qBASLL,MARFM;MAAAA,kCAAQ;sBAQNN,MAPFO;MAAAA,oCAAS;sBAOPP,MANFQ;MAAAA,oCAAS;MACTC,WAKET,MALFS;MACAC,YAIEV,MAJFU;0BAIEV,MAHFW;MAAAA,4CAAaC;wBAGXZ,MAFFa;MAAAA,wCAAWD;qBAETZ,MADFc;MAAAA,kCAAQ;;mBAGcC;MAAhBC,yBAAAA;;MAEFC,kBAAkB,SAAlBA,eAAkB,CAACC,CAAD,EAAmC;QACrDd,iBAAiB,aAAa;iBACrB;AAAEc,QAAAA,GAAAA;AAAF;;;;MAITC,eAAe,SAAfA,YAAe,CAACC,KAAD,EAA6C;QACxDC,gBAAkBD,MAAlBC;QACAC,YAA0CD,cAA1CC;QAAWC,eAA+BF,cAA/BE;QAAcC,eAAiBH,cAAjBG;QAC3BC,eAAeD,eAAeF,SAAf,GAA2BC;aACvC;AAAEL,MAAAA,GAAGE,KAAL;AAAYE,MAAAA,WAAAA,SAAZ;AAAuBG,MAAAA,cAAAA;AAAvB;;;MAILC,cAActB,iBAAiB,MAAjB,GAClB,EADkB,+CAGnB,OAAD;AACEM,IAAAA,WAAWiB,qBAAcX,uFACnBA,sCAAoCZ,iBAAiB,mDACrDY,wCAAsCZ,iBAAiB,2BAH/D;AAKEwB,IAAAA,SAASX;AALX,KAOGb,iBAAiB,SAAjB,+CACE,OAAD,kDACGyB,SAAD;AAASC,IAAAA,SAAS;AAAlB,kDACC,QAAD,MAAM,0DAHT,+CAME,QAAD,MAAM;qDAMP,OAAD;AACE7B,IAAAA,KAAAA,GADF;AAEEa,IAAAA,OAAAA,KAFF;AAGED,IAAAA,UAAUM,YAHZ;AAIET,IAAAA,WAAWiB,WAAWjB,WAAW,sEAC3BM,8BAA4BV,gDAC5BU,+BAA6BT,iDAC7BS,wCAAsCR,WAAW,qDACjDQ,yBAAuBX,SAAS,kDAChCW,yBAAuBX,SAAS;AATxC,KAYGH,oDACA,MAAD;AAAIQ,IAAAA,qBAAcM;AAAlB,KAA6CP,WAC5CiB,aACAvB;GAIP;AAAE4B,EAAAA,UAAAA,QAAF;AAAYC,EAAAA,cAAAA;AAAZ;AAGFlC,KAAKmC,WAAL,GAAmB,MAAnB;;;;"}

package/es/list/ListItem.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */

package/es/list/ListItemMeta.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */

package/es/list/index.d.ts

@@ -3,6 +3,7 @@ import './style/index.js';
 export type { ListProps } from './List';
 export type { ListItemProps } from './ListItem';
 export type { ListItemMetaProps } from './ListItemMeta';
+export * from '../_type/components/list';
 export declare const List: import("react").FunctionComponent<import("./List").ListProps & import("react").RefAttributes<HTMLDivElement>> & {
     ListItem: import("react").ForwardRefExoticComponent<import("./ListItem").ListItemProps & import("react").RefAttributes<HTMLLIElement>>;
     ListItemMeta: import("react").ForwardRefExoticComponent<import("../_type/components/list").TdListItemMetaProps & import("react").RefAttributes<HTMLDivElement>>;

package/es/list/index.js

@@ -1,21 +1,39 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import List$1 from './List.js';
 import './style/css.js';
-import '../_chunks/dep-308ea020.js';
+import '../_type/components/list/index.js';
+import '../_chunks/dep-efe7433b.js';
 import 'react';
 import 'classnames';
-import 'tdesign-icons-react';
 import '../_util/useConfig.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../_util/noop.js';
+import '../loading/index.js';
+import '../loading/loading.js';
+import '../_chunks/dep-2f008905.js';
+import '../_chunks/dep-6a5b1968.js';
+import 'react-dom';
+import '../_util/dom.js';
+import 'raf';
+import '../_chunks/dep-e507e9db.js';
+import '../_chunks/dep-cb80da27.js';
+import '../_chunks/dep-b6ff8559.js';
+import '../_chunks/dep-1189939f.js';
+import '../_chunks/dep-9ad4f4b7.js';
+import '../_chunks/dep-4e491803.js';
+import '../_chunks/dep-f3eac264.js';
+import '../_util/easing.js';
+import '../common/Portal.js';
+import '../_chunks/dep-65c183dc.js';
+import '../_type/components/loading/index.js';
 import './ListItem.js';
 import './ListItemMeta.js';
 

package/es/list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/list/index.ts"],"sourcesContent":["import _List from './List';\n\nimport './style/index.js';\n\nexport type { ListProps } from './List';\nexport type { ListItemProps } from './ListItem';\nexport type { ListItemMetaProps } from './ListItemMeta';\n\nexport const List = _List;\nexport default List;\n"],"names":["List","_List"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAQaA,OAAOC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/list/index.ts"],"sourcesContent":["import _List from './List';\n\nimport './style/index.js';\n\nexport type { ListProps } from './List';\nexport type { ListItemProps } from './ListItem';\nexport type { ListItemMetaProps } from './ListItemMeta';\nexport * from '../_type/components/list';\n\nexport const List = _List;\nexport default List;\n"],"names":["List","_List"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASaA,OAAOC;;;;"}

package/es/list/style/index.css

@@ -18,58 +18,58 @@
 }
 :root,
 :root[theme-mode="light"] {
-  --td-brand-color-1: #ECF2FE;
-  --td-brand-color-2: #D4E3FC;
-  --td-brand-color-3: #BBD3FB;
-  --td-brand-color-4: #96BBF8;
-  --td-brand-color-5: #699EF5;
-  --td-brand-color-6: #4787F0;
-  --td-brand-color-7: #266FE8;
-  --td-brand-color-8: #0052D9;
-  --td-brand-color-9: #0034B5;
-  --td-brand-color-10: #001F97;
-  --td-warning-color-1: #FEF3E6;
-  --td-warning-color-2: #F9E0C7;
-  --td-warning-color-3: #F7C797;
-  --td-warning-color-4: #F2995F;
-  --td-warning-color-5: #ED7B2F;
-  --td-warning-color-6: #D35A21;
-  --td-warning-color-7: #BA431B;
-  --td-warning-color-8: #9E3610;
-  --td-warning-color-9: #842B0B;
-  --td-warning-color-10: #5A1907;
-  --td-error-color-1: #FDECEE;
-  --td-error-color-2: #F9D7D9;
-  --td-error-color-3: #F8B9BE;
-  --td-error-color-4: #F78D94;
-  --td-error-color-5: #F36D78;
-  --td-error-color-6: #E34D59;
-  --td-error-color-7: #C9353F;
-  --td-error-color-8: #B11F26;
+  --td-brand-color-1: #ecf2fe;
+  --td-brand-color-2: #d4e3fc;
+  --td-brand-color-3: #bbd3fb;
+  --td-brand-color-4: #96bbf8;
+  --td-brand-color-5: #699ef5;
+  --td-brand-color-6: #4787f0;
+  --td-brand-color-7: #266fe8;
+  --td-brand-color-8: #0052d9;
+  --td-brand-color-9: #0034b5;
+  --td-brand-color-10: #001f97;
+  --td-warning-color-1: #fef3e6;
+  --td-warning-color-2: #f9e0c7;
+  --td-warning-color-3: #f7c797;
+  --td-warning-color-4: #f2995f;
+  --td-warning-color-5: #ed7b2f;
+  --td-warning-color-6: #d35a21;
+  --td-warning-color-7: #ba431b;
+  --td-warning-color-8: #9e3610;
+  --td-warning-color-9: #842b0b;
+  --td-warning-color-10: #5a1907;
+  --td-error-color-1: #fdecee;
+  --td-error-color-2: #f9d7d9;
+  --td-error-color-3: #f8b9be;
+  --td-error-color-4: #f78d94;
+  --td-error-color-5: #f36d78;
+  --td-error-color-6: #e34d59;
+  --td-error-color-7: #c9353f;
+  --td-error-color-8: #b11f26;
   --td-error-color-9: #951114;
   --td-error-color-10: #680506;
-  --td-success-color-1: #E8F8F2;
-  --td-success-color-2: #BCEBDC;
-  --td-success-color-3: #85DBBE;
-  --td-success-color-4: #48C79C;
-  --td-success-color-5: #00A870;
-  --td-success-color-6: #078D5C;
+  --td-success-color-1: #e8f8f2;
+  --td-success-color-2: #bcebdc;
+  --td-success-color-3: #85dbbe;
+  --td-success-color-4: #48c79c;
+  --td-success-color-5: #00a870;
+  --td-success-color-6: #078d5c;
   --td-success-color-7: #067945;
   --td-success-color-8: #056334;
-  --td-success-color-9: #044F2A;
+  --td-success-color-9: #044f2a;
   --td-success-color-10: #033017;
-  --td-gray-color-1: #F3F3F3;
-  --td-gray-color-2: #EEEEEE;
-  --td-gray-color-3: #E7E7E7;
-  --td-gray-color-4: #DCDCDC;
-  --td-gray-color-5: #C5C5C5;
-  --td-gray-color-6: #A6A6A6;
-  --td-gray-color-7: #8B8B8B;
-  --td-gray-color-8: #777777;
-  --td-gray-color-9: #5E5E5E;
-  --td-gray-color-10: #4B4B4B;
+  --td-gray-color-1: #f3f3f3;
+  --td-gray-color-2: #eee;
+  --td-gray-color-3: #e7e7e7;
+  --td-gray-color-4: #dcdcdc;
+  --td-gray-color-5: #c5c5c5;
+  --td-gray-color-6: #a6a6a6;
+  --td-gray-color-7: #8b8b8b;
+  --td-gray-color-8: #777;
+  --td-gray-color-9: #5e5e5e;
+  --td-gray-color-10: #4b4b4b;
   --td-gray-color-11: #383838;
-  --td-gray-color-12: #2C2C2C;
+  --td-gray-color-12: #2c2c2c;
   --td-gray-color-13: #242424;
   --td-gray-color-14: #181818;
   --td-font-white-1: #ffffff;
@@ -130,69 +130,69 @@
   --td-component-stroke: var(--td-gray-color-3);
   --td-border-level-2-color: var(--td-gray-color-4);
   --td-component-border: var(--td-gray-color-4);
-  --td-shadow-1: 0px 1px 10px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, .08), 0px 2px 4px -1px rgba(0, 0, 0, .12);
-  --td-shadow-2: 0px 3px 14px 2px rgba(0, 0, 0, 0.05), 0px 8px 10px 1px rgba(0, 0, 0, .06), 0px 5px 5px -3px rgba(0, 0, 0, .1);
-  --td-shadow-3: 0px 6px 30px 5px rgba(0, 0, 0, 0.05), 0px 16px 24px 2px rgba(0, 0, 0, .04), 0px 8px 10px -5px rgba(0, 0, 0, .08);
-  --td-shadow-inset-top: inset 0px 0.5px 0px #DCDCDC;
-  --td-shadow-inset-right: inset 0.5px 0px 0px #DCDCDC;
-  --td-shadow-inset-bottom: inset 0px -0.5px 0px #DCDCDC;
-  --td-shadow-inset-left: inset -0.5px 0px 0px #DCDCDC;
+  --td-shadow-1: 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 8%), 0 2px 4px -1px rgba(0, 0, 0, 12%);
+  --td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 6%), 0 5px 5px -3px rgba(0, 0, 0, 10%);
+  --td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 4%), 0 8px 10px -5px rgba(0, 0, 0, 8%);
+  --td-shadow-inset-top: inset 0 0.5px 0 #dcdcdc;
+  --td-shadow-inset-right: inset 0.5px 0 0 #dcdcdc;
+  --td-shadow-inset-bottom: inset 0 -0.5px 0 #dcdcdc;
+  --td-shadow-inset-left: inset -0.5px 0 0 #dcdcdc;
   --td-table-shadow-color: rgba(0, 0, 0, 0.08);
   --td-scrollbar-color: rgba(0, 0, 0, 0.1);
 }
 :root[theme-mode="dark"] {
-  --td-brand-color-1: #1B2F51;
+  --td-brand-color-1: #1b2f51;
   --td-brand-color-2: #173463;
   --td-brand-color-3: #143975;
-  --td-brand-color-4: #103D88;
-  --td-brand-color-5: #0D429A;
-  --td-brand-color-6: #054BBE;
-  --td-brand-color-7: #2667D4;
-  --td-brand-color-8: #4582E6;
-  --td-brand-color-9: #699EF5;
-  --td-brand-color-10: #96BBF8;
-  --td-warning-color-1: #4F2A1D;
-  --td-warning-color-2: #582F21;
-  --td-warning-color-3: #733C23;
-  --td-warning-color-4: #A75D2B;
-  --td-warning-color-5: #CF6E2D;
-  --td-warning-color-6: #DC7633;
-  --td-warning-color-7: #E8935C;
-  --td-warning-color-8: #ECBF91;
-  --td-warning-color-9: #EED7BF;
-  --td-warning-color-10: #F3E9DC;
+  --td-brand-color-4: #103d88;
+  --td-brand-color-5: #0d429a;
+  --td-brand-color-6: #054bbe;
+  --td-brand-color-7: #2667d4;
+  --td-brand-color-8: #4582e6;
+  --td-brand-color-9: #699ef5;
+  --td-brand-color-10: #96bbf8;
+  --td-warning-color-1: #4f2a1d;
+  --td-warning-color-2: #582f21;
+  --td-warning-color-3: #733c23;
+  --td-warning-color-4: #a75d2b;
+  --td-warning-color-5: #cf6e2d;
+  --td-warning-color-6: #dc7633;
+  --td-warning-color-7: #e8935c;
+  --td-warning-color-8: #ecbf91;
+  --td-warning-color-9: #eed7bf;
+  --td-warning-color-10: #f3e9dc;
   --td-error-color-1: #472324;
-  --td-error-color-2: #5E2A2D;
+  --td-error-color-2: #5e2a2d;
   --td-error-color-3: #703439;
-  --td-error-color-4: #83383E;
-  --td-error-color-5: #A03F46;
-  --td-error-color-6: #C64751;
-  --td-error-color-7: #DE6670;
-  --td-error-color-8: #EC888E;
-  --td-error-color-9: #EDB1B6;
-  --td-error-color-10: #EECED0;
-  --td-success-color-1: #193A2A;
-  --td-success-color-2: #1A4230;
-  --td-success-color-3: #17533D;
-  --td-success-color-4: #0D7A55;
+  --td-error-color-4: #83383e;
+  --td-error-color-5: #a03f46;
+  --td-error-color-6: #c64751;
+  --td-error-color-7: #de6670;
+  --td-error-color-8: #ec888e;
+  --td-error-color-9: #edb1b6;
+  --td-error-color-10: #eeced0;
+  --td-success-color-1: #193a2a;
+  --td-success-color-2: #1a4230;
+  --td-success-color-3: #17533d;
+  --td-success-color-4: #0d7a55;
   --td-success-color-5: #059465;
-  --td-success-color-6: #43AF8A;
-  --td-success-color-7: #46BF96;
-  --td-success-color-8: #80D2B6;
-  --td-success-color-9: #B4E1D3;
-  --td-success-color-10: #DEEDE8;
-  --td-gray-color-1: #F3F3F3;
-  --td-gray-color-2: #EEEEEE;
-  --td-gray-color-3: #E7E7E7;
-  --td-gray-color-4: #DCDCDC;
-  --td-gray-color-5: #C5C5C5;
-  --td-gray-color-6: #A6A6A6;
-  --td-gray-color-7: #8B8B8B;
-  --td-gray-color-8: #777777;
-  --td-gray-color-9: #5E5E5E;
-  --td-gray-color-10: #4B4B4B;
+  --td-success-color-6: #43af8a;
+  --td-success-color-7: #46bf96;
+  --td-success-color-8: #80d2b6;
+  --td-success-color-9: #b4e1d3;
+  --td-success-color-10: #deede8;
+  --td-gray-color-1: #f3f3f3;
+  --td-gray-color-2: #eee;
+  --td-gray-color-3: #e7e7e7;
+  --td-gray-color-4: #dcdcdc;
+  --td-gray-color-5: #c5c5c5;
+  --td-gray-color-6: #a6a6a6;
+  --td-gray-color-7: #8b8b8b;
+  --td-gray-color-8: #777;
+  --td-gray-color-9: #5e5e5e;
+  --td-gray-color-10: #4b4b4b;
   --td-gray-color-11: #383838;
-  --td-gray-color-12: #2C2C2C;
+  --td-gray-color-12: #2c2c2c;
   --td-gray-color-13: #242424;
   --td-gray-color-14: #181818;
   --td-font-white-1: rgba(255, 255, 255, 0.9);
@@ -253,13 +253,13 @@
   --td-component-stroke: var(--td-gray-color-11);
   --td-border-level-2-color: var(--td-gray-color-9);
   --td-component-border: var(--td-gray-color-9);
-  --td-shadow-1: 0px 4px 6px rgba(0, 0, 0, 0.06), 0px 1px 10px rgba(0, 0, 0, .08), 0px 2px 4px rgba(0, 0, 0, .12);
-  --td-shadow-2: 0px 8px 10px rgba(0, 0, 0, 0.12), 0px 3px 14px rgba(0, 0, 0, .1), 0px 5px 5px rgba(0, 0, 0, .16);
-  --td-shadow-3: 0px 16px 24px rgba(0, 0, 0, 0.14), 0px 6px 30px rgba(0, 0, 0, .12), 0px 8px 10px rgba(0, 0, 0, .2);
-  --td-shadow-inset-top: inset 0px 0.5px 0px #5E5E5E;
-  --td-shadow-inset-right: inset 0.5px 0px 0px #5E5E5E;
-  --td-shadow-inset-bottom: inset 0px -0.5px 0px #5E5E5E;
-  --td-shadow-inset-left: inset -0.5px 0px 0px #5E5E5E;
+  --td-shadow-1: 0 4px 6px rgba(0, 0, 0, 0.06), 0 1px 10px rgba(0, 0, 0, 8%), 0 2px 4px rgba(0, 0, 0, 12%);
+  --td-shadow-2: 0 8px 10px rgba(0, 0, 0, 0.12), 0 3px 14px rgba(0, 0, 0, 10%), 0 5px 5px rgba(0, 0, 0, 16%);
+  --td-shadow-3: 0 16px 24px rgba(0, 0, 0, 0.14), 0 6px 30px rgba(0, 0, 0, 12%), 0 8px 10px rgba(0, 0, 0, 20%);
+  --td-shadow-inset-top: inset 0 0.5px 0 #5e5e5e;
+  --td-shadow-inset-right: inset 0.5px 0 0 #5e5e5e;
+  --td-shadow-inset-bottom: inset 0 -0.5px 0 #5e5e5e;
+  --td-shadow-inset-left: inset -0.5px 0 0 #5e5e5e;
   --td-table-shadow-color: rgba(0, 0, 0, 0.55);
   --td-scrollbar-color: rgba(255, 255, 255, 0.1);
 }
@@ -411,7 +411,8 @@
 .t-list__load.t-list__load--loading {
   color: var(--td-text-color-placeholder);
 }
-.t-list__load.t-list__load--loading .t-icon {
+.t-list__load.t-list__load--loading .t-icon,
+.t-list__load.t-list__load--loading .t-loading {
   color: var(--td-brand-color-5);
   font-size: 16px;
   margin-right: 8px;

package/es/list/style/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */

package/es/loading/index.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import './style/index.js';
 export type { LoadingProps } from './loading';
+export * from '../_type/components/loading';
 export { loading } from './loading';
 export declare const Loading: import("react").FC<import("./loading").LoadingProps>;
 export default Loading;

package/es/loading/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -7,27 +7,28 @@
 import Loading$1 from './loading.js';
 export { loading } from './loading.js';
 import './style/css.js';
-import '../_chunks/dep-308ea020.js';
-import '../_chunks/dep-01d52b00.js';
-import '../_chunks/dep-65d3c0dc.js';
+import '../_type/components/loading/index.js';
+import '../_chunks/dep-efe7433b.js';
+import '../_chunks/dep-2f008905.js';
+import '../_chunks/dep-6a5b1968.js';
 import 'react';
 import 'react-dom';
 import 'classnames';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-8ce9524a.js';
-import '../_chunks/dep-d77e1dab.js';
-import '../_chunks/dep-72e49bf9.js';
-import '../_chunks/dep-4f8d4a92.js';
-import '../_chunks/dep-50d67a9e.js';
-import '../_chunks/dep-6d4ba42b.js';
-import '../_chunks/dep-0bebd973.js';
+import '../_chunks/dep-e507e9db.js';
+import '../_chunks/dep-cb80da27.js';
+import '../_chunks/dep-b6ff8559.js';
+import '../_chunks/dep-1189939f.js';
+import '../_chunks/dep-9ad4f4b7.js';
+import '../_chunks/dep-4e491803.js';
+import '../_chunks/dep-f3eac264.js';
 import '../_util/easing.js';
 import '../_util/useConfig.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../common/Portal.js';
-import '../_chunks/dep-edc09aef.js';
+import '../_chunks/dep-65c183dc.js';
 
 var Loading = Loading$1;
 

package/es/loading/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/loading/index.ts"],"sourcesContent":["import _Loading from './loading';\n\nimport './style/index.js';\n\nexport type { LoadingProps } from './loading';\n\nexport { loading } from './loading';\n\nexport const Loading = _Loading;\nexport default Loading;\n"],"names":["Loading","_Loading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,UAAUC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/loading/index.ts"],"sourcesContent":["import _Loading from './loading';\n\nimport './style/index.js';\n\nexport type { LoadingProps } from './loading';\nexport * from '../_type/components/loading';\n\nexport { loading } from './loading';\n\nexport const Loading = _Loading;\nexport default Loading;\n"],"names":["Loading","_Loading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASaA,UAAUC;;;;"}

package/es/loading/loading.d.ts

@@ -2,6 +2,7 @@ import { FC } from 'react';
 import { StyledProps } from '../_type';
 import { LoadingMethod, TdLoadingProps } from '../_type/components/loading';
 export interface LoadingProps extends TdLoadingProps, StyledProps {
+    inheritColor?: boolean;
 }
 /**
  * Loading组件

package/es/loading/loading.js

@@ -1,30 +1,30 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-308ea020.js';
-import { _ as _slicedToArray } from '../_chunks/dep-01d52b00.js';
-import React__default, { useState, useEffect } from 'react';
+import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
+import { _ as _slicedToArray } from '../_chunks/dep-2f008905.js';
+import React__default, { useState, useRef, useEffect } from 'react';
 import ReactDOM__default from 'react-dom';
 import classNames from 'classnames';
 import { addClass, removeClass } from '../_util/dom.js';
 import useConfig from '../_util/useConfig.js';
 import Portal from '../common/Portal.js';
-import '../_chunks/dep-65d3c0dc.js';
+import '../_chunks/dep-6a5b1968.js';
 import 'raf';
-import '../_chunks/dep-8ce9524a.js';
-import '../_chunks/dep-d77e1dab.js';
-import '../_chunks/dep-72e49bf9.js';
-import '../_chunks/dep-4f8d4a92.js';
-import '../_chunks/dep-50d67a9e.js';
-import '../_chunks/dep-6d4ba42b.js';
-import '../_chunks/dep-0bebd973.js';
+import '../_chunks/dep-e507e9db.js';
+import '../_chunks/dep-cb80da27.js';
+import '../_chunks/dep-b6ff8559.js';
+import '../_chunks/dep-1189939f.js';
+import '../_chunks/dep-9ad4f4b7.js';
+import '../_chunks/dep-4e491803.js';
+import '../_chunks/dep-f3eac264.js';
 import '../_util/easing.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
-import '../_chunks/dep-edc09aef.js';
+import '../_chunks/dep-65c183dc.js';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -46,13 +46,57 @@ var Loading = function Loading(props) {
       content = props.content,
       _props$children = props.children,
       children = _props$children === void 0 ? content : _props$children,
-      zIndex = props.zIndex;
+      zIndex = props.zIndex,
+      inheritColor = props.inheritColor;
 
   var _useState = useState(delay ? false : loading2),
       _useState2 = _slicedToArray(_useState, 2),
       showLoading = _useState2[0],
       setShowLoading = _useState2[1];
 
+  var _useState3 = useState({}),
+      _useState4 = _slicedToArray(_useState3, 2),
+      styleFromEnv = _useState4[0],
+      setStyleFromEnv = _useState4[1];
+
+  var conicRef = useRef();
+  useEffect(function () {
+    if (indicator === true) {
+      var el = conicRef === null || conicRef === void 0 ? void 0 : conicRef.current;
+      var basicStyle = {};
+
+      if (el) {
+        var _window, _window$navigator;
+
+        var _getComputedStyle = getComputedStyle(el),
+            fontSize = _getComputedStyle.fontSize,
+            color = _getComputedStyle.color;
+
+        var ua = (_window = window) === null || _window === void 0 ? void 0 : (_window$navigator = _window.navigator) === null || _window$navigator === void 0 ? void 0 : _window$navigator.userAgent;
+        var isSafari = /Safari/.test(ua) && !/Chrome/.test(ua);
+
+        if (isSafari) {
+          basicStyle = {
+            transformOrigin: "-1px -1px",
+            transform: "scale(".concat(parseInt(fontSize, 10) / 14, ")")
+          };
+        }
+
+        if (color) {
+          var matched = color.match(/[\d.]+/g);
+          var endColor = "rgba(".concat(matched[0], ", ").concat(matched[1], ", ").concat(matched[2], ", 0)");
+          setStyleFromEnv(_objectSpread(_objectSpread({}, basicStyle), {}, {
+            background: "conic-gradient(from 90deg at 50% 50%,".concat(endColor, " 0deg, ").concat(color, " 360deg)")
+          }));
+        } else {
+          setStyleFromEnv(_objectSpread(_objectSpread({}, basicStyle), {}, {
+            background: ""
+          }));
+        }
+      }
+    }
+  }, [indicator]);
+
   var _useConfig = useConfig(),
       classPrefix = _useConfig.classPrefix;
 
@@ -60,17 +104,18 @@ var Loading = function Loading(props) {
   var textClass = "".concat(classPrefix, "-loading-text");
   var relativeClass = "".concat(classPrefix, "-loading-parent__relative");
   var wrapperClass = "".concat(classPrefix, "-loading__wrapper");
+  var inheritClass = "".concat(classPrefix, "-loading--inherit-color");
   var fullscreenClass = "".concat(classPrefix, "-loading-fullscreen");
   var maskClass = "".concat(classPrefix, "-loading-mask");
   var gradientClass = "".concat(classPrefix, "-loading__gradient");
-  var defaultChildClass = "".concat(gradientClass, " ").concat(classPrefix, "-icon-loading");
+  var defaultChildClass = classNames(gradientClass, "".concat(classPrefix, "-icon-loading"));
   var lockClass = "".concat(classPrefix, "-loading-lock");
   var sizeMap = {
     large: "".concat(classPrefix, "-size-l"),
     small: "".concat(classPrefix, "-size-s"),
     medium: "".concat(classPrefix, "-size-m")
   };
-  var itemClass = [name, sizeMap[size], className];
+  var itemClass = classNames(name, sizeMap[size], className, _defineProperty({}, inheritClass, inheritColor));
   var wrapperList = [wrapperClass];
   if (showOverlay || fullscreen) wrapperList.push(maskClass);
   if (fullscreen) wrapperList.push(fullscreenClass);
@@ -89,7 +134,9 @@ var Loading = function Loading(props) {
     width: "12",
     height: "12"
   }, /* @__PURE__ */React__default.createElement("div", {
-    className: "".concat(gradientClass, "-conic")
+    className: "".concat(gradientClass, "-conic"),
+    style: styleFromEnv,
+    ref: conicRef
   }))) : null;
   var loadingContent = children;
   var textDom = text ? /* @__PURE__ */React__default.createElement("div", {