tdesign-react 0.19.0 → 0.20.2

package/cjs/input-number/StepHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepHandler.js","sources":["../../src/input-number/StepHandler.tsx"],"sourcesContent":["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport { ChevronUpIcon, ChevronDownIcon, RemoveIcon, AddIcon } from 'tdesign-icons-react';\nimport useCommonClassName from '../_util/useCommonClassName';\nimport Button from '../button';\n\nimport { InputNumberProps, ChangeContext } from './InputNumber';\n\nexport interface StepHandlerProps {\n  prefixClassName: string;\n  theme: InputNumberProps['theme'];\n  onStep: React.Dispatch<ChangeContext>;\n  disabledDecrease: boolean;\n  disabledIncrease: boolean;\n}\n\nexport default function StepHandler(props: StepHandlerProps) {\n  const { prefixClassName, theme, onStep, disabledDecrease, disabledIncrease } = props;\n  const commonClassNames = useCommonClassName();\n\n  const decreaseIcon = theme === 'column' ? <ChevronDownIcon /> : <RemoveIcon />;\n  const increaseIcon = theme === 'column' ? <ChevronUpIcon /> : <AddIcon />;\n\n  const onStepDecrease = (e) => disabledDecrease || onStep({ type: 'reduce', e });\n  const onStepIncrease = (e) => disabledIncrease || onStep({ type: 'add', e });\n\n  return (\n    <>\n      <Button\n        variant=\"outline\"\n        className={classNames(`${prefixClassName}__decrease`, {\n          [commonClassNames.STATUS.disabled]: disabledDecrease,\n        })}\n        onClick={onStepDecrease}\n        icon={decreaseIcon}\n        shape=\"square\"\n      ></Button>\n      <Button\n        variant=\"outline\"\n        className={classNames(`${prefixClassName}__increase`, {\n          [commonClassNames.STATUS.disabled]: disabledIncrease,\n        })}\n        onClick={onStepIncrease}\n        icon={increaseIcon}\n        shape=\"square\"\n      ></Button>\n    </>\n  );\n}\n"],"names":["props","prefixClassName","theme","onStep","disabledDecrease","disabledIncrease","commonClassNames","useCommonClassName","decreaseIcon","ChevronDownIcon","RemoveIcon","increaseIcon","ChevronUpIcon","AddIcon","onStepDecrease","e","type","onStepIncrease","Button","variant","className","classNames","STATUS","disabled","onClick","icon","shape"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAiBoCA,OAAyB;MACnDC,kBAAuED,MAAvEC;MAAiBC,QAAsDF,MAAtDE;MAAOC,SAA+CH,MAA/CG;MAAQC,mBAAuCJ,MAAvCI;MAAkBC,mBAAqBL,MAArBK;MACpDC,mBAAmBC;MAEnBC,eAAeN,UAAU,QAAV,iDAAsBO,mCAAD,KAArB,iDAA4CC,8BAAD;MAC1DC,eAAeT,UAAU,QAAV,iDAAsBU,iCAAD,KAArB,iDAA0CC,2BAAD;;MAExDC,iBAAiB,SAAjBA,cAAiB,CAACC,CAAD;AAAA,WAAOX,oBAAoBD,OAAO;AAAEa,MAAAA,MAAM,QAAR;AAAkBD,MAAAA,GAAAA;AAAlB,MAAlC;AAAA;;MACjBE,iBAAiB,SAAjBA,cAAiB,CAACF,CAAD;AAAA,WAAOV,oBAAoBF,OAAO;AAAEa,MAAAA,MAAM,KAAR;AAAeD,MAAAA,GAAAA;AAAf,MAAlC;AAAA;;sIAIlBG,qBAAD;AACEC,IAAAA,SAAQ,SADV;AAEEC,IAAAA,WAAWC,yCAAcpB,mEACtBK,iBAAiBgB,MAAjB,CAAwBC,UAAWnB,kBAHxC;AAKEoB,IAAAA,SAASV,cALX;AAMEW,IAAAA,MAAMjB,YANR;AAOEkB,IAAAA,OAAM;AAPR,oDASCR,qBAAD;AACEC,IAAAA,SAAQ,SADV;AAEEC,IAAAA,WAAWC,yCAAcpB,mEACtBK,iBAAiBgB,MAAjB,CAAwBC,UAAWlB,kBAHxC;AAKEmB,IAAAA,SAASP,cALX;AAMEQ,IAAAA,MAAMd,YANR;AAOEe,IAAAA,OAAM;AAPR;;;;;"}
+{"version":3,"file":"StepHandler.js","sources":["../../src/input-number/StepHandler.tsx"],"sourcesContent":["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport { ChevronUpIcon, ChevronDownIcon, RemoveIcon, AddIcon } from 'tdesign-icons-react';\nimport useCommonClassName from '../_util/useCommonClassName';\nimport Button from '../button';\n\nimport { InputNumberProps, ChangeContext } from './InputNumber';\n\nexport interface StepHandlerProps {\n  prefixClassName: string;\n  theme: InputNumberProps['theme'];\n  onStep: React.Dispatch<ChangeContext>;\n  disabledDecrease: boolean;\n  disabledIncrease: boolean;\n}\n\nexport default function StepHandler(props: StepHandlerProps) {\n  const { prefixClassName, theme, onStep, disabledDecrease, disabledIncrease } = props;\n  const commonClassNames = useCommonClassName();\n\n  const decreaseIcon = theme === 'column' ? <ChevronDownIcon /> : <RemoveIcon />;\n  const increaseIcon = theme === 'column' ? <ChevronUpIcon /> : <AddIcon />;\n\n  const onStepDecrease = (e) => disabledDecrease || onStep({ type: 'reduce', e });\n  const onStepIncrease = (e) => disabledIncrease || onStep({ type: 'add', e });\n\n  return (\n    <>\n      <Button\n        variant=\"outline\"\n        className={classNames(`${prefixClassName}__decrease`, {\n          [commonClassNames.STATUS.disabled]: disabledDecrease,\n        })}\n        onClick={onStepDecrease}\n        icon={decreaseIcon}\n        shape=\"square\"\n      ></Button>\n      <Button\n        variant=\"outline\"\n        className={classNames(`${prefixClassName}__increase`, {\n          [commonClassNames.STATUS.disabled]: disabledIncrease,\n        })}\n        onClick={onStepIncrease}\n        icon={increaseIcon}\n        shape=\"square\"\n      ></Button>\n    </>\n  );\n}\n"],"names":["props","prefixClassName","theme","onStep","disabledDecrease","disabledIncrease","commonClassNames","useCommonClassName","decreaseIcon","ChevronDownIcon","RemoveIcon","increaseIcon","ChevronUpIcon","AddIcon","onStepDecrease","e","type","onStepIncrease","Button","variant","className","classNames","STATUS","disabled","onClick","icon","shape"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAiBoCA,OAAyB;MACnDC,kBAAuED,MAAvEC;MAAiBC,QAAsDF,MAAtDE;MAAOC,SAA+CH,MAA/CG;MAAQC,mBAAuCJ,MAAvCI;MAAkBC,mBAAqBL,MAArBK;MACpDC,mBAAmBC;MAEnBC,eAAeN,UAAU,QAAV,iDAAsBO,mCAAD,KAArB,iDAA4CC,8BAAD;MAC1DC,eAAeT,UAAU,QAAV,iDAAsBU,iCAAD,KAArB,iDAA0CC,2BAAD;;MAExDC,iBAAiB,SAAjBA,cAAiB,CAACC,CAAD;AAAA,WAAOX,oBAAoBD,OAAO;AAAEa,MAAAA,MAAM,QAAR;AAAkBD,MAAAA,GAAAA;AAAlB,MAAlC;AAAA;;MACjBE,iBAAiB,SAAjBA,cAAiB,CAACF,CAAD;AAAA,WAAOV,oBAAoBF,OAAO;AAAEa,MAAAA,MAAM,KAAR;AAAeD,MAAAA,GAAAA;AAAf,MAAlC;AAAA;;sIAIlBG,qBAAD;AACEC,IAAAA,SAAQ,SADV;AAEEC,IAAAA,WAAWC,yCAAcpB,mEACtBK,iBAAiBgB,MAAjB,CAAwBC,UAAWnB,kBAHxC;AAKEoB,IAAAA,SAASV,cALX;AAMEW,IAAAA,MAAMjB,YANR;AAOEkB,IAAAA,OAAM;AAPR,oDASCR,qBAAD;AACEC,IAAAA,SAAQ,SADV;AAEEC,IAAAA,WAAWC,yCAAcpB,mEACtBK,iBAAiBgB,MAAjB,CAAwBC,UAAWlB,kBAHxC;AAKEmB,IAAAA,SAASP,cALX;AAMEQ,IAAAA,MAAMd,YANR;AAOEe,IAAAA,OAAM;AAPR;;;;;"}

package/cjs/input-number/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -9,10 +9,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var inputNumber_InputNumber = require('./InputNumber.js');
-require('../_chunks/dep-4c7f195b.js');
-require('../_chunks/dep-40a2cedf.js');
-require('../_chunks/dep-e8ae5c27.js');
-require('../_chunks/dep-3d292398.js');
+require('../_chunks/dep-fbba5228.js');
+require('../_chunks/dep-dd339118.js');
+require('../_chunks/dep-f0d47bb8.js');
+require('../_chunks/dep-a7d1b8f6.js');
 require('react');
 require('classnames');
 require('../_util/useConfig.js');
@@ -29,21 +29,23 @@ require('../_util/useRipple.js');
 require('../_util/setStyle.js');
 require('../loading/index.js');
 require('../loading/loading.js');
-require('react-dom');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-3df5c5b3.js');
-require('../_chunks/dep-a67a7b7d.js');
-require('../_chunks/dep-abac90a1.js');
-require('../_chunks/dep-7d18dcc4.js');
-require('../_chunks/dep-bbf1db9b.js');
+require('../_chunks/dep-d8175c29.js');
+require('../_chunks/dep-6d489c03.js');
+require('../_chunks/dep-2de38d86.js');
+require('../_chunks/dep-4eba1f75.js');
+require('../_chunks/dep-4e77303c.js');
 require('../_util/easing.js');
 require('../common/Portal.js');
+require('react-dom');
+require('../loading/gradient.js');
+require('../loading/plugin.js');
 require('./utils/numberUtils.js');
 require('../input/index.js');
 require('../input/Input.js');
-require('../_chunks/dep-a3eb13e7.js');
-require('../_chunks/dep-79f85966.js');
+require('../_chunks/dep-5a49e892.js');
+require('../_chunks/dep-2c2c2c72.js');
 require('../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 require('../input/InputGroup.js');

package/cjs/input-number/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/input-number/index.ts"],"sourcesContent":["import _InputNumber from './InputNumber';\n\nimport './style/index.js';\n\nexport type { InputNumberProps } from './InputNumber';\nexport * from './type';\n\nexport const InputNumber = _InputNumber;\nexport default InputNumber;\n"],"names":["InputNumber","_InputNumber"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,cAAcC;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/input-number/index.ts"],"sourcesContent":["import _InputNumber from './InputNumber';\n\nimport './style/index.js';\n\nexport type { InputNumberProps } from './InputNumber';\nexport * from './type';\n\nexport const InputNumber = _InputNumber;\nexport default InputNumber;\n"],"names":["InputNumber","_InputNumber"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,cAAcC;;;;;"}

package/cjs/input-number/type.d.ts

@@ -1,6 +1,6 @@
 /**
  * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
- * updated at 2021-12-01 14:46:40
+ * updated at 2021-12-12 18:01:23
  * */
 import { MouseEvent, KeyboardEvent, FocusEvent, FormEvent } from 'react';
 export interface TdInputNumberProps {

package/cjs/input-number/type.js

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

package/cjs/input-number/utils/numberUtils.js

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

package/cjs/layout/Layout.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,14 +8,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var slicedToArray = require('../_chunks/dep-40a2cedf.js');
-var defineProperty = require('../_chunks/dep-4c7f195b.js');
-var objectWithoutProperties = require('../_chunks/dep-3d292398.js');
+var slicedToArray = require('../_chunks/dep-dd339118.js');
+var defineProperty = require('../_chunks/dep-fbba5228.js');
+var objectWithoutProperties = require('../_chunks/dep-a7d1b8f6.js');
 var React = require('react');
 var classNames = require('classnames');
 var _util_useConfig = require('../_util/useConfig.js');
 var layout_Sider = require('./Sider.js');
-require('../_chunks/dep-e8ae5c27.js');
+require('../_chunks/dep-f0d47bb8.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
 
@@ -29,9 +29,9 @@ var _excluded = ["className", "style", "children"],
     _excluded3 = ["className", "style", "children"],
     _excluded4 = ["className", "style", "children"];
 
-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; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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) { defineProperty._defineProperty(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 Header = function Header(props) {
   var _useConfig = _util_useConfig["default"](),
@@ -42,7 +42,7 @@ var Header = function Header(props) {
       children = props.children,
       others = objectWithoutProperties._objectWithoutProperties(props, _excluded);
 
-  var headerClassNames = classNames__default["default"]("".concat(classPrefix, "-layout--header"), className);
+  var headerClassNames = classNames__default["default"]("".concat(classPrefix, "-layout__header"), className);
   return /* @__PURE__ */React__default["default"].createElement("header", _objectSpread({
     className: headerClassNames,
     style: style
@@ -58,7 +58,7 @@ var Footer = function Footer(props) {
       children = props.children,
       others = objectWithoutProperties._objectWithoutProperties(props, _excluded2);
 
-  var footerClassNames = classNames__default["default"]("".concat(classPrefix, "-layout--footer"), className);
+  var footerClassNames = classNames__default["default"]("".concat(classPrefix, "-layout__footer"), className);
   return /* @__PURE__ */React__default["default"].createElement("footer", _objectSpread({
     className: footerClassNames,
     style: style
@@ -74,7 +74,7 @@ var Content = function Content(props) {
       children = props.children,
       others = objectWithoutProperties._objectWithoutProperties(props, _excluded3);
 
-  var contentClassNames = classNames__default["default"]("".concat(classPrefix, "-layout--content"), className);
+  var contentClassNames = classNames__default["default"]("".concat(classPrefix, "-layout__content"), className);
   return /* @__PURE__ */React__default["default"].createElement("main", _objectSpread({
     className: contentClassNames,
     style: style
@@ -101,7 +101,7 @@ var Layout = function Layout(props) {
   var _useConfig4 = _util_useConfig["default"](),
       classPrefix = _useConfig4.classPrefix;
 
-  var layoutClassNames = classNames__default["default"]("".concat(classPrefix, "-layout"), defineProperty._defineProperty({}, "".concat(classPrefix, "-layout-has-sider"), !!siders.length), className);
+  var layoutClassNames = classNames__default["default"]("".concat(classPrefix, "-layout"), defineProperty._defineProperty({}, "".concat(classPrefix, "-layout--with-sider"), !!siders.length), className);
   return /* @__PURE__ */React__default["default"].createElement("div", _objectSpread({
     className: layoutClassNames,
     style: style

package/cjs/layout/Layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","sources":["../../src/layout/Layout.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\nimport { StyledProps } from '../common';\nimport { TdHeaderProps, TdFooterProps } from './type';\nimport Sider from './Sider';\n\nexport interface LayoutProps extends StyledProps {\n  children?: React.ReactNode;\n}\nexport interface HeaderProps extends TdHeaderProps, StyledProps {\n  children?: React.ReactNode;\n}\nexport interface ContentProps extends StyledProps {\n  children?: React.ReactNode;\n}\nexport interface FooterProps extends TdFooterProps, StyledProps {\n  children?: React.ReactNode;\n}\n\nconst Header = (props: HeaderProps) => {\n  const { classPrefix } = useConfig();\n  const { className, style, children, ...others } = props;\n  const headerClassNames = classNames(`${classPrefix}-layout--header`, className);\n  return (\n    <header className={headerClassNames} style={style} {...others}>\n      {children}\n    </header>\n  );\n};\n\nconst Footer = (props: FooterProps) => {\n  const { classPrefix } = useConfig();\n  const { className, style, children, ...others } = props;\n  const footerClassNames = classNames(`${classPrefix}-layout--footer`, className);\n  return (\n    <footer className={footerClassNames} style={style} {...others}>\n      {children}\n    </footer>\n  );\n};\n\nconst Content = (props: ContentProps) => {\n  const { classPrefix } = useConfig();\n  const { className, style, children, ...others } = props;\n  const contentClassNames = classNames(`${classPrefix}-layout--content`, className);\n  return (\n    <main className={contentClassNames} style={style} {...others}>\n      {children}\n    </main>\n  );\n};\n\n/**\n * 布局组件\n */\nconst Layout = (props: LayoutProps) => {\n  const { className, style, children, ...otherLayoutProps } = props;\n  const [siders, setSiders] = useState([]);\n\n  useEffect(() => {\n    React.Children.forEach(children, (child: any) => {\n      if (child.type === Sider) setSiders([child]);\n    });\n  }, [children]);\n\n  const { classPrefix } = useConfig();\n  const layoutClassNames = classNames(\n    `${classPrefix}-layout`,\n    {\n      [`${classPrefix}-layout-has-sider`]: !!siders.length,\n    },\n    className,\n  );\n\n  return (\n    <div className={layoutClassNames} style={style} {...otherLayoutProps}>\n      {children}\n    </div>\n  );\n};\n\nLayout.Header = Header;\nLayout.Content = Content;\nLayout.Footer = Footer;\nLayout.Sider = Sider;\n\nHeader.displayName = 'Header';\nContent.displayName = 'Content';\nFooter.displayName = 'Footer';\nLayout.displayName = 'Layout';\n\nexport default Layout;\n"],"names":["Header","props","useConfig","classPrefix","className","style","children","others","headerClassNames","classNames","Footer","footerClassNames","Content","contentClassNames","Layout","otherLayoutProps","useState","siders","setSiders","Children","forEach","child","type","Sider","layoutClassNames","length","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAMA,SAAS,SAATA,MAAS,CAACC,KAAD,EAAwB;mBACbC;MAAhBC,yBAAAA;;MACAC,YAA0CH,MAA1CG;MAAWC,QAA+BJ,MAA/BI;MAAOC,WAAwBL,MAAxBK;MAAaC,0DAAWN;;MAC5CO,mBAAmBC,yCAAcN,iCAA8BC;gEAElE;AAAOA,IAAAA,WAAWI;AAAkBH,IAAAA,OAAAA;KAAkBE,SACpDD;CANP;;AAWA,IAAMI,SAAS,SAATA,MAAS,CAACT,KAAD,EAAwB;oBACbC;MAAhBC,0BAAAA;;MACAC,YAA0CH,MAA1CG;MAAWC,QAA+BJ,MAA/BI;MAAOC,WAAwBL,MAAxBK;MAAaC,0DAAWN;;MAC5CU,mBAAmBF,yCAAcN,iCAA8BC;gEAElE;AAAOA,IAAAA,WAAWO;AAAkBN,IAAAA,OAAAA;KAAkBE,SACpDD;CANP;;AAWA,IAAMM,UAAU,SAAVA,OAAU,CAACX,KAAD,EAAyB;oBACfC;MAAhBC,0BAAAA;;MACAC,YAA0CH,MAA1CG;MAAWC,QAA+BJ,MAA/BI;MAAOC,WAAwBL,MAAxBK;MAAaC,0DAAWN;;MAC5CY,oBAAoBJ,yCAAcN,kCAA+BC;gEAEpE;AAAKA,IAAAA,WAAWS;AAAmBR,IAAAA,OAAAA;KAAkBE,SACnDD;CANP;;IAcMQ,SAAS,SAATA,MAAS,CAACb,KAAD,EAAwB;MAC7BG,YAAoDH,MAApDG;MAAWC,QAAyCJ,MAAzCI;MAAOC,WAAkCL,MAAlCK;MAAaS,oEAAqBd;;kBAChCe,eAAS;;MAA9BC;MAAQC;;kBAEL,YAAM;8BACRC,SAASC,QAAQd,UAAU,UAACe,KAAD,EAAgB;UAC3CA,MAAMC,IAAN,KAAeC,mCAAiB,CAACF,KAAD;;KAErC,CAACf,QAAD;;oBAEqBJ;MAAhBC,0BAAAA;;MACFqB,mBAAmBf,yCACpBN,sEAEGA,mCAAiC,CAAC,CAACc,OAAOQ,SAEhDrB;gEAIC;AAAIA,IAAAA,WAAWoB;AAAkBnB,IAAAA,OAAAA;KAAkBU,mBACjDT;;;AAKPQ,OAAOd,MAAP,GAAgBA,MAAhB;AACAc,OAAOF,OAAP,GAAiBA,OAAjB;AACAE,OAAOJ,MAAP,GAAgBA,MAAhB;AACAI,OAAOS,KAAP,GAAeA,uBAAf;AAEAvB,OAAO0B,WAAP,GAAqB,QAArB;AACAd,QAAQc,WAAR,GAAsB,SAAtB;AACAhB,OAAOgB,WAAP,GAAqB,QAArB;AACAZ,OAAOY,WAAP,GAAqB,QAArB;;;;"}
+{"version":3,"file":"Layout.js","sources":["../../src/layout/Layout.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\nimport { StyledProps } from '../common';\nimport { TdHeaderProps, TdFooterProps } from './type';\nimport Sider from './Sider';\n\nexport interface LayoutProps extends StyledProps {\n  children?: React.ReactNode;\n}\nexport interface HeaderProps extends TdHeaderProps, StyledProps {\n  children?: React.ReactNode;\n}\nexport interface ContentProps extends StyledProps {\n  children?: React.ReactNode;\n}\nexport interface FooterProps extends TdFooterProps, StyledProps {\n  children?: React.ReactNode;\n}\n\nconst Header = (props: HeaderProps) => {\n  const { classPrefix } = useConfig();\n  const { className, style, children, ...others } = props;\n  const headerClassNames = classNames(`${classPrefix}-layout__header`, className);\n  return (\n    <header className={headerClassNames} style={style} {...others}>\n      {children}\n    </header>\n  );\n};\n\nconst Footer = (props: FooterProps) => {\n  const { classPrefix } = useConfig();\n  const { className, style, children, ...others } = props;\n  const footerClassNames = classNames(`${classPrefix}-layout__footer`, className);\n  return (\n    <footer className={footerClassNames} style={style} {...others}>\n      {children}\n    </footer>\n  );\n};\n\nconst Content = (props: ContentProps) => {\n  const { classPrefix } = useConfig();\n  const { className, style, children, ...others } = props;\n  const contentClassNames = classNames(`${classPrefix}-layout__content`, className);\n  return (\n    <main className={contentClassNames} style={style} {...others}>\n      {children}\n    </main>\n  );\n};\n\n/**\n * 布局组件\n */\nconst Layout = (props: LayoutProps) => {\n  const { className, style, children, ...otherLayoutProps } = props;\n  const [siders, setSiders] = useState([]);\n\n  useEffect(() => {\n    React.Children.forEach(children, (child: any) => {\n      if (child.type === Sider) setSiders([child]);\n    });\n  }, [children]);\n\n  const { classPrefix } = useConfig();\n  const layoutClassNames = classNames(\n    `${classPrefix}-layout`,\n    {\n      [`${classPrefix}-layout--with-sider`]: !!siders.length,\n    },\n    className,\n  );\n\n  return (\n    <div className={layoutClassNames} style={style} {...otherLayoutProps}>\n      {children}\n    </div>\n  );\n};\n\nLayout.Header = Header;\nLayout.Content = Content;\nLayout.Footer = Footer;\nLayout.Sider = Sider;\n\nHeader.displayName = 'Header';\nContent.displayName = 'Content';\nFooter.displayName = 'Footer';\nLayout.displayName = 'Layout';\n\nexport default Layout;\n"],"names":["Header","props","useConfig","classPrefix","className","style","children","others","headerClassNames","classNames","Footer","footerClassNames","Content","contentClassNames","Layout","otherLayoutProps","useState","siders","setSiders","Children","forEach","child","type","Sider","layoutClassNames","length","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAMA,SAAS,SAATA,MAAS,CAACC,KAAD,EAAwB;mBACbC;MAAhBC,yBAAAA;;MACAC,YAA0CH,MAA1CG;MAAWC,QAA+BJ,MAA/BI;MAAOC,WAAwBL,MAAxBK;MAAaC,0DAAWN;;MAC5CO,mBAAmBC,yCAAcN,iCAA8BC;gEAElE;AAAOA,IAAAA,WAAWI;AAAkBH,IAAAA,OAAAA;KAAkBE,SACpDD;CANP;;AAWA,IAAMI,SAAS,SAATA,MAAS,CAACT,KAAD,EAAwB;oBACbC;MAAhBC,0BAAAA;;MACAC,YAA0CH,MAA1CG;MAAWC,QAA+BJ,MAA/BI;MAAOC,WAAwBL,MAAxBK;MAAaC,0DAAWN;;MAC5CU,mBAAmBF,yCAAcN,iCAA8BC;gEAElE;AAAOA,IAAAA,WAAWO;AAAkBN,IAAAA,OAAAA;KAAkBE,SACpDD;CANP;;AAWA,IAAMM,UAAU,SAAVA,OAAU,CAACX,KAAD,EAAyB;oBACfC;MAAhBC,0BAAAA;;MACAC,YAA0CH,MAA1CG;MAAWC,QAA+BJ,MAA/BI;MAAOC,WAAwBL,MAAxBK;MAAaC,0DAAWN;;MAC5CY,oBAAoBJ,yCAAcN,kCAA+BC;gEAEpE;AAAKA,IAAAA,WAAWS;AAAmBR,IAAAA,OAAAA;KAAkBE,SACnDD;CANP;;IAcMQ,SAAS,SAATA,MAAS,CAACb,KAAD,EAAwB;MAC7BG,YAAoDH,MAApDG;MAAWC,QAAyCJ,MAAzCI;MAAOC,WAAkCL,MAAlCK;MAAaS,oEAAqBd;;kBAChCe,eAAS;;MAA9BC;MAAQC;;kBAEL,YAAM;8BACRC,SAASC,QAAQd,UAAU,UAACe,KAAD,EAAgB;UAC3CA,MAAMC,IAAN,KAAeC,mCAAiB,CAACF,KAAD;;KAErC,CAACf,QAAD;;oBAEqBJ;MAAhBC,0BAAAA;;MACFqB,mBAAmBf,yCACpBN,sEAEGA,qCAAmC,CAAC,CAACc,OAAOQ,SAElDrB;gEAIC;AAAIA,IAAAA,WAAWoB;AAAkBnB,IAAAA,OAAAA;KAAkBU,mBACjDT;;;AAKPQ,OAAOd,MAAP,GAAgBA,MAAhB;AACAc,OAAOF,OAAP,GAAiBA,OAAjB;AACAE,OAAOJ,MAAP,GAAgBA,MAAhB;AACAI,OAAOS,KAAP,GAAeA,uBAAf;AAEAvB,OAAO0B,WAAP,GAAqB,QAArB;AACAd,QAAQc,WAAR,GAAsB,SAAtB;AACAhB,OAAOgB,WAAP,GAAqB,QAArB;AACAZ,OAAOY,WAAP,GAAqB,QAArB;;;;"}

package/cjs/layout/Sider.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,8 +8,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-4c7f195b.js');
-var objectWithoutProperties = require('../_chunks/dep-3d292398.js');
+var defineProperty = require('../_chunks/dep-fbba5228.js');
+var objectWithoutProperties = require('../_chunks/dep-a7d1b8f6.js');
 var React = require('react');
 var classNames = require('classnames');
 var _util_useConfig = require('../_util/useConfig.js');
@@ -23,9 +23,9 @@ var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 
 var _excluded = ["width", "className", "style", "children"];
 
-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; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { defineProperty._defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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) { defineProperty._defineProperty(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 Sider = function Sider(props) {
   var width = props.width,
@@ -37,7 +37,7 @@ var Sider = function Sider(props) {
   var _useConfig = _util_useConfig["default"](),
       classPrefix = _useConfig.classPrefix;
 
-  var siderClassNames = classNames__default["default"]("".concat(classPrefix, "-layout--sider"), className);
+  var siderClassNames = classNames__default["default"]("".concat(classPrefix, "-layout__sider"), className);
   var siderWidth = typeof width === "number" ? "".concat(width, "px") : String(width);
 
   var siderStyle = _objectSpread({

package/cjs/layout/Sider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sider.js","sources":["../../src/layout/Sider.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\nimport { TdAsideProps } from './type';\nimport { StyledProps } from '../common';\n\nexport interface SiderProps extends TdAsideProps, StyledProps {\n  /**\n   * 文本内容\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * Sider 组件\n */\nconst Sider = (props: SiderProps) => {\n  const { width, className, style, children, ...otherSiderProps } = props;\n\n  const { classPrefix } = useConfig();\n  const siderClassNames = classNames(`${classPrefix}-layout--sider`, className);\n  const siderWidth = typeof width === 'number' ? `${width}px` : String(width);\n\n  const siderStyle = {\n    width: siderWidth,\n    maxWidth: siderWidth,\n    minWidth: siderWidth,\n    flex: `0 0 ${siderWidth}`,\n    ...style,\n  };\n\n  return (\n    <aside className={siderClassNames} style={siderStyle} {...otherSiderProps}>\n      {children}\n    </aside>\n  );\n};\n\nSider.defaultProps = {\n  width: 232,\n};\n\nSider.displayName = 'Sider';\n\nexport default Sider;\n"],"names":["Sider","props","width","className","style","children","otherSiderProps","useConfig","classPrefix","siderClassNames","classNames","siderWidth","String","siderStyle","maxWidth","minWidth","flex","defaultProps","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgBMA,QAAQ,SAARA,KAAQ,CAACC,KAAD,EAAuB;MAC3BC,QAA0DD,MAA1DC;MAAOC,YAAmDF,MAAnDE;MAAWC,QAAwCH,MAAxCG;MAAOC,WAAiCJ,MAAjCI;MAAaC,mEAAoBL;;mBAE1CM;MAAhBC,yBAAAA;;MACFC,kBAAkBC,yCAAcF,gCAA6BL;MAC7DQ,aAAa,OAAOT,KAAP,KAAiB,QAAjB,aAA+BA,KAA/B,UAA2CU,OAAOV;;MAE/DW;AACJX,IAAAA,OAAOS;AACPG,IAAAA,UAAUH;AACVI,IAAAA,UAAUJ;AACVK,IAAAA,oBAAaL;KACVP;;gEAIF;AAAMD,IAAAA,WAAWM;AAAiBL,IAAAA,OAAOS;KAAgBP,kBACvDD;;;AAKPL,MAAMiB,YAAN,GAAqB;AACnBf,EAAAA,OAAO;AADY,CAArB;AAIAF,MAAMkB,WAAN,GAAoB,OAApB;;;;"}
+{"version":3,"file":"Sider.js","sources":["../../src/layout/Sider.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\nimport { TdAsideProps } from './type';\nimport { StyledProps } from '../common';\n\nexport interface SiderProps extends TdAsideProps, StyledProps {\n  /**\n   * 文本内容\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * Sider 组件\n */\nconst Sider = (props: SiderProps) => {\n  const { width, className, style, children, ...otherSiderProps } = props;\n\n  const { classPrefix } = useConfig();\n  const siderClassNames = classNames(`${classPrefix}-layout__sider`, className);\n  const siderWidth = typeof width === 'number' ? `${width}px` : String(width);\n\n  const siderStyle = {\n    width: siderWidth,\n    maxWidth: siderWidth,\n    minWidth: siderWidth,\n    flex: `0 0 ${siderWidth}`,\n    ...style,\n  };\n\n  return (\n    <aside className={siderClassNames} style={siderStyle} {...otherSiderProps}>\n      {children}\n    </aside>\n  );\n};\n\nSider.defaultProps = {\n  width: 232,\n};\n\nSider.displayName = 'Sider';\n\nexport default Sider;\n"],"names":["Sider","props","width","className","style","children","otherSiderProps","useConfig","classPrefix","siderClassNames","classNames","siderWidth","String","siderStyle","maxWidth","minWidth","flex","defaultProps","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgBMA,QAAQ,SAARA,KAAQ,CAACC,KAAD,EAAuB;MAC3BC,QAA0DD,MAA1DC;MAAOC,YAAmDF,MAAnDE;MAAWC,QAAwCH,MAAxCG;MAAOC,WAAiCJ,MAAjCI;MAAaC,mEAAoBL;;mBAE1CM;MAAhBC,yBAAAA;;MACFC,kBAAkBC,yCAAcF,gCAA6BL;MAC7DQ,aAAa,OAAOT,KAAP,KAAiB,QAAjB,aAA+BA,KAA/B,UAA2CU,OAAOV;;MAE/DW;AACJX,IAAAA,OAAOS;AACPG,IAAAA,UAAUH;AACVI,IAAAA,UAAUJ;AACVK,IAAAA,oBAAaL;KACVP;;gEAIF;AAAMD,IAAAA,WAAWM;AAAiBL,IAAAA,OAAOS;KAAgBP,kBACvDD;;;AAKPL,MAAMiB,YAAN,GAAqB;AACnBf,EAAAA,OAAO;AADY,CAArB;AAIAF,MAAMkB,WAAN,GAAoB,OAApB;;;;"}

package/cjs/layout/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -9,10 +9,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var layout_Layout = require('./Layout.js');
-require('../_chunks/dep-40a2cedf.js');
-require('../_chunks/dep-e8ae5c27.js');
-require('../_chunks/dep-4c7f195b.js');
-require('../_chunks/dep-3d292398.js');
+require('../_chunks/dep-dd339118.js');
+require('../_chunks/dep-f0d47bb8.js');
+require('../_chunks/dep-fbba5228.js');
+require('../_chunks/dep-a7d1b8f6.js');
 require('react');
 require('classnames');
 require('../_util/useConfig.js');

package/cjs/layout/type.d.ts

@@ -1,6 +1,6 @@
 /**
  * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
- * updated at 2021-12-01 16:57:46
+ * updated at 2021-12-12 18:01:23
  * */
 export interface TdHeaderProps {
     /**

package/cjs/layout/type.js

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

package/cjs/list/List.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,7 +8,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-4c7f195b.js');
+var defineProperty = require('../_chunks/dep-fbba5228.js');
 var React = require('react');
 var classNames = require('classnames');
 var _util_useConfig = require('../_util/useConfig.js');
@@ -21,18 +21,20 @@ require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
 require('hoist-non-react-statics');
 require('../loading/loading.js');
-require('../_chunks/dep-40a2cedf.js');
-require('../_chunks/dep-e8ae5c27.js');
-require('react-dom');
+require('../_chunks/dep-dd339118.js');
+require('../_chunks/dep-f0d47bb8.js');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-3df5c5b3.js');
-require('../_chunks/dep-a67a7b7d.js');
-require('../_chunks/dep-abac90a1.js');
-require('../_chunks/dep-7d18dcc4.js');
-require('../_chunks/dep-bbf1db9b.js');
+require('../_chunks/dep-d8175c29.js');
+require('../_chunks/dep-6d489c03.js');
+require('../_chunks/dep-2de38d86.js');
+require('../_chunks/dep-4eba1f75.js');
+require('../_chunks/dep-4e77303c.js');
 require('../_util/easing.js');
 require('../common/Portal.js');
+require('react-dom');
+require('../loading/gradient.js');
+require('../loading/plugin.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -98,7 +100,7 @@ var List = _util_forwardRefWithStatics["default"](function (props, ref) {
     onScroll: handleScroll,
     className: classNames__default["default"](className, "t-list", (_classNames2 = {}, defineProperty._defineProperty(_classNames2, "".concat(classPrefix, "-list--split"), split), defineProperty._defineProperty(_classNames2, "".concat(classPrefix, "-list--stripe"), stripe), defineProperty._defineProperty(_classNames2, "".concat(classPrefix, "-list--vertical-action"), layout === "vertical"), defineProperty._defineProperty(_classNames2, "".concat(classPrefix, "-size-s"), size === "small"), defineProperty._defineProperty(_classNames2, "".concat(classPrefix, "-size-l"), size === "large"), _classNames2))
   }, header, /* @__PURE__ */React__default["default"].createElement("ul", {
-    className: "".concat(classPrefix, "-list-items")
+    className: "".concat(classPrefix, "-list__inner")
   }, children), loadElement, footer);
 }, {
   ListItem: list_ListItem["default"],

package/cjs/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';\n\nimport useConfig from '../_util/useConfig';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport noop from '../_util/noop';\nimport { TdListProps } from './type';\nimport { StyledProps } from '../common';\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,uCACX,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,0DAGnB,OAAD;AACEM,IAAAA,WAAWiB,yCAAcX,sGACnBA,sCAAoCZ,iBAAiB,kEACrDY,wCAAsCZ,iBAAiB,2BAH/D;AAKEwB,IAAAA,SAASX;AALX,KAOGb,iBAAiB,SAAjB,0DACE,OAAD,6DACGyB,uBAAD;AAASC,IAAAA,SAAS;AAAlB,6DACC,QAAD,MAAM,0DAHT,0DAME,QAAD,MAAM;gEAMP,OAAD;AACE7B,IAAAA,KAAAA,GADF;AAEEa,IAAAA,OAAAA,KAFF;AAGED,IAAAA,UAAUM,YAHZ;AAIET,IAAAA,WAAWiB,+BAAWjB,WAAW,qFAC3BM,8BAA4BV,+DAC5BU,+BAA6BT,gEAC7BS,wCAAsCR,WAAW,oEACjDQ,yBAAuBX,SAAS,iEAChCW,yBAAuBX,SAAS;AATxC,KAYGH,+DACA,MAAD;AAAIQ,IAAAA,qBAAcM;AAAlB,KAA6CP,WAC5CiB,aACAvB;GAIP;AAAE4B,EAAAA,UAAAA,wBAAF;AAAYC,EAAAA,cAAAA;AAAZ;AAGFlC,KAAKmC,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';\nimport { StyledProps } from '../common';\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__inner`}>{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,uCACX,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,0DAGnB,OAAD;AACEM,IAAAA,WAAWiB,yCAAcX,sGACnBA,sCAAoCZ,iBAAiB,kEACrDY,wCAAsCZ,iBAAiB,2BAH/D;AAKEwB,IAAAA,SAASX;AALX,KAOGb,iBAAiB,SAAjB,0DACE,OAAD,6DACGyB,uBAAD;AAASC,IAAAA,SAAS;AAAlB,6DACC,QAAD,MAAM,0DAHT,0DAME,QAAD,MAAM;gEAMP,OAAD;AACE7B,IAAAA,KAAAA,GADF;AAEEa,IAAAA,OAAAA,KAFF;AAGED,IAAAA,UAAUM,YAHZ;AAIET,IAAAA,WAAWiB,+BAAWjB,WAAW,qFAC3BM,8BAA4BV,+DAC5BU,+BAA6BT,gEAC7BS,wCAAsCR,WAAW,oEACjDQ,yBAAuBX,SAAS,iEAChCW,yBAAuBX,SAAS;AATxC,KAYGH,+DACA,MAAD;AAAIQ,IAAAA,qBAAcM;AAAlB,KAA8CP,WAC7CiB,aACAvB;GAIP;AAAE4B,EAAAA,UAAAA,wBAAF;AAAYC,EAAAA,cAAAA;AAAZ;AAGFlC,KAAKmC,WAAL,GAAmB,MAAnB;;;;"}

package/cjs/list/ListItem.js

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

package/cjs/list/ListItemMeta.js

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

package/cjs/list/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.0
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -9,7 +9,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var list_List = require('./List.js');
-require('../_chunks/dep-4c7f195b.js');
+require('../_chunks/dep-fbba5228.js');
 require('react');
 require('classnames');
 require('../_util/useConfig.js');
@@ -20,18 +20,20 @@ require('hoist-non-react-statics');
 require('../_util/noop.js');
 require('../loading/index.js');
 require('../loading/loading.js');
-require('../_chunks/dep-40a2cedf.js');
-require('../_chunks/dep-e8ae5c27.js');
-require('react-dom');
+require('../_chunks/dep-dd339118.js');
+require('../_chunks/dep-f0d47bb8.js');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-3df5c5b3.js');
-require('../_chunks/dep-a67a7b7d.js');
-require('../_chunks/dep-abac90a1.js');
-require('../_chunks/dep-7d18dcc4.js');
-require('../_chunks/dep-bbf1db9b.js');
+require('../_chunks/dep-d8175c29.js');
+require('../_chunks/dep-6d489c03.js');
+require('../_chunks/dep-2de38d86.js');
+require('../_chunks/dep-4eba1f75.js');
+require('../_chunks/dep-4e77303c.js');
 require('../_util/easing.js');
 require('../common/Portal.js');
+require('react-dom');
+require('../loading/gradient.js');
+require('../loading/plugin.js');
 require('./ListItem.js');
 require('./ListItemMeta.js');
 

package/cjs/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';\nexport * from './type';\n\nexport const List = _List;\nexport default List;\n"],"names":["List","_List"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASaA,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';\n\nexport const List = _List;\nexport default List;\n"],"names":["List","_List"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASaA,OAAOC;;;;;"}

package/cjs/list/type.d.ts

@@ -1,6 +1,6 @@
 /**
  * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
- * updated at 2021-12-01 14:46:40
+ * updated at 2021-12-12 18:01:23
  * */
 import { TNode } from '../common';
 import { MouseEvent, WheelEvent } from 'react';

package/cjs/list/type.js

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

package/cjs/loading/gradient.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+/**
+ * Loading组件 渐变部分实现
+ */
+declare const GradientLoading: FC;
+export default GradientLoading;

package/cjs/loading/gradient.js

@@ -0,0 +1,94 @@
+/**
+ * tdesign v0.20.2
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var defineProperty = require('../_chunks/dep-fbba5228.js');
+var slicedToArray = require('../_chunks/dep-dd339118.js');
+var React = require('react');
+var classNames = require('classnames');
+var _util_useConfig = require('../_util/useConfig.js');
+require('../_chunks/dep-f0d47bb8.js');
+require('../config-provider/ConfigContext.js');
+require('../locale/zh_CN.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+
+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) { defineProperty._defineProperty(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 GradientLoading = function GradientLoading() {
+  var _useConfig = _util_useConfig["default"](),
+      classPrefix = _useConfig.classPrefix;
+
+  var _useState = React.useState({}),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      styleFromEnv = _useState2[0],
+      setStyleFromEnv = _useState2[1];
+
+  var conicRef = React.useRef();
+  var gradientClass = "".concat(classPrefix, "-loading__gradient");
+  React.useEffect(function () {
+    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: ""
+        }));
+      }
+    }
+  }, []);
+  return /* @__PURE__ */React__default["default"].createElement("svg", {
+    className: classNames__default["default"](gradientClass, "".concat(classPrefix, "-icon-loading")),
+    viewBox: "0 0 14 14",
+    version: "1.1",
+    width: "1em",
+    height: "1em",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /* @__PURE__ */React__default["default"].createElement("foreignObject", {
+    x: "1",
+    y: "1",
+    width: "12",
+    height: "12"
+  }, /* @__PURE__ */React__default["default"].createElement("div", {
+    className: "".concat(gradientClass, "-conic"),
+    style: styleFromEnv,
+    ref: conicRef
+  })));
+};
+
+exports["default"] = GradientLoading;
+//# sourceMappingURL=gradient.js.map

package/cjs/loading/gradient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradient.js","sources":["../../src/loading/gradient.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, FC } from 'react';\nimport classnames from 'classnames';\n\nimport useConfig from '../_util/useConfig';\n\n/**\n * Loading组件 渐变部分实现\n */\nconst GradientLoading: FC = () => {\n  const { classPrefix } = useConfig();\n  const [styleFromEnv, setStyleFromEnv] = useState({});\n  const conicRef = useRef();\n\n  const gradientClass = `${classPrefix}-loading__gradient`;\n\n  useEffect(() => {\n    const el = conicRef?.current;\n    let basicStyle = {};\n\n    if (el) {\n      const { fontSize, color } = getComputedStyle(el);\n      // to fix the browser compat of foreignObject in Safari,\n      // https://bugs.webkit.org/show_bug.cgi?id=23113\n      const ua = window?.navigator?.userAgent;\n      const isSafari = /Safari/.test(ua) && !/Chrome/.test(ua);\n      if (isSafari) {\n        basicStyle = {\n          transformOrigin: '-1px -1px',\n          transform: `scale(${parseInt(fontSize, 10) / 14})`,\n        };\n      }\n      if (color) {\n        const matched = color.match(/[\\d.]+/g);\n        const endColor = `rgba(${matched[0]}, ${matched[1]}, ${matched[2]}, 0)`;\n        setStyleFromEnv({\n          ...basicStyle,\n          background: `conic-gradient(from 90deg at 50% 50%,${endColor} 0deg, ${color} 360deg)`,\n        });\n      } else {\n        setStyleFromEnv({\n          ...basicStyle,\n          background: '',\n        });\n      }\n    }\n  }, []);\n\n  return (\n    <svg\n      className={classnames(gradientClass, `${classPrefix}-icon-loading`)}\n      viewBox=\"0 0 14 14\"\n      version=\"1.1\"\n      width=\"1em\"\n      height=\"1em\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <foreignObject x=\"1\" y=\"1\" width=\"12\" height=\"12\">\n        <div className={`${gradientClass}-conic`} style={styleFromEnv} ref={conicRef} />\n      </foreignObject>\n    </svg>\n  );\n};\nexport default GradientLoading;\n"],"names":["GradientLoading","useConfig","classPrefix","useState","styleFromEnv","setStyleFromEnv","conicRef","useRef","gradientClass","el","current","basicStyle","getComputedStyle","fontSize","color","ua","window","navigator","userAgent","isSafari","test","transformOrigin","transform","parseInt","matched","match","endColor","background","className","classnames","viewBox","version","width","height","xmlns","x","y","style","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQMA,kBAAsB,SAAtBA,eAAsB,GAAM;mBACRC;MAAhBC,yBAAAA;;kBACgCC,eAAS;;MAA1CC;MAAcC;;MACfC,WAAWC;MAEXC,0BAAmBN;kBAEf,YAAM;QACRO,KAAKH,qBAAAA,+BAAAA,SAAUI;QACjBC,aAAa;;QAEbF,IAAI;AAAA;;8BACsBG,iBAAiBH;UAArCI,6BAAAA;UAAUC,0BAAAA;;UAGZC,gBAAKC,uEAAA,QAAQC,+DAAR,kBAAmBC;UACxBC,WAAW,SAASC,IAAT,CAAcL,EAAd,KAAqB,CAAC,SAASK,IAAT,CAAcL,EAAd;;UACnCI,UAAU;qBACC;AACXE,UAAAA,iBAAiB,WADN;AAEXC,UAAAA,2BAAoBC,SAASV,UAAU,GAAnB,GAAyB;AAFlC;;;UAKXC,OAAO;YACHU,UAAUV,MAAMW,KAAN,CAAY,SAAZ;YACVC,0BAAmBF,QAAQ,iBAAOA,QAAQ,iBAAOA,QAAQ;wDAE1Db;AACHgB,UAAAA,2DAAoDD,4BAAkBZ;;aAEnE;wDAEAH;AACHgB,UAAAA,YAAY;;;;KAIjB;gEAGA,OAAD;AACEC,IAAAA,WAAWC,+BAAWrB,yBAAkBN,8BAD1C;AAEE4B,IAAAA,SAAQ,WAFV;AAGEC,IAAAA,SAAQ,KAHV;AAIEC,IAAAA,OAAM,KAJR;AAKEC,IAAAA,QAAO,KALT;AAMEC,IAAAA,OAAM;AANR,4DAQG,iBAAD;AAAeC,IAAAA,GAAE,GAAjB;AAAqBC,IAAAA,GAAE,GAAvB;AAA2BJ,IAAAA,OAAM,IAAjC;AAAsCC,IAAAA,QAAO;AAA7C,4DACG,OAAD;AAAKL,IAAAA,qBAAcpB,wBAAnB;AAA0C6B,IAAAA,OAAOjC,YAAjD;AAA+DkC,IAAAA,KAAKhC;AAApE;;;;;"}

package/cjs/loading/index.d.ts

@@ -2,6 +2,6 @@
 import './style/index.js';
 export type { LoadingProps } from './loading';
 export * from './type';
-export { loading } from './loading';
+export { LoadingPlugin, loading } from './plugin';
 export declare const Loading: import("react").FC<import("./loading").LoadingProps>;
 export default Loading;