tdesign-react 0.19.1 → 0.20.0

package/cjs/dialog/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -10,16 +10,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var dialog_Dialog = require('./Dialog.js');
 var dialog_plugin = require('./plugin.js');
-require('../_chunks/dep-ab51e170.js');
-require('../_chunks/dep-cbedafdb.js');
-require('../_chunks/dep-8f80ce94.js');
-require('../_chunks/dep-2c22ada3.js');
+require('../_chunks/dep-c3ff803a.js');
+require('../_chunks/dep-3b16b729.js');
+require('../_chunks/dep-fb19c6e4.js');
+require('../_chunks/dep-0f342310.js');
 require('react');
-require('../_chunks/dep-9166817e.js');
-require('../_chunks/dep-bc7ce7d9.js');
-require('../_chunks/dep-9b5ff552.js');
-require('../_chunks/dep-ef75128a.js');
-require('../_chunks/dep-44e3e9bb.js');
+require('../_chunks/dep-9ee20113.js');
+require('../_chunks/dep-6b1174cd.js');
+require('../_chunks/dep-e8336ca1.js');
+require('../_chunks/dep-9e3e211f.js');
+require('../_chunks/dep-2302f518.js');
 require('tdesign-icons-react');
 require('../locale/LocalReceiver.js');
 require('../config-provider/ConfigContext.js');
@@ -33,11 +33,13 @@ 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('../_util/easing.js');
 require('../common/Portal.js');
+require('react-dom');
+require('../loading/gradient.js');
+require('../loading/plugin.js');
 require('./RenderDialog.js');
 require('react-transition-group');
 require('../_util/useSetState.js');

package/cjs/dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/dialog/index.tsx"],"sourcesContent":["import _Dialog from './Dialog';\n\nimport './style/index.js';\n\nexport type { DialogProps } from './Dialog';\nexport * from './type';\n\nexport { DialogPlugin, dialog } from './plugin';\nexport const Dialog = _Dialog;\nexport default Dialog;\n"],"names":["Dialog","_Dialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,SAASC;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/dialog/index.tsx"],"sourcesContent":["import _Dialog from './Dialog';\n\nimport './style/index.js';\n\nexport type { DialogProps } from './Dialog';\nexport * from './type';\n\nexport { DialogPlugin, dialog } from './plugin';\nexport const Dialog = _Dialog;\nexport default Dialog;\n"],"names":["Dialog","_Dialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,SAASC;;;;;;;"}

package/cjs/dialog/plugin.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,19 +8,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-cbedafdb.js');
+var defineProperty = require('../_chunks/dep-3b16b729.js');
 var React = require('react');
 var ReactDOM = require('react-dom');
 var dialog_Dialog = require('./Dialog.js');
 var _util_dom = require('../_util/dom.js');
-require('../_chunks/dep-ab51e170.js');
-require('../_chunks/dep-8f80ce94.js');
-require('../_chunks/dep-2c22ada3.js');
-require('../_chunks/dep-9166817e.js');
-require('../_chunks/dep-bc7ce7d9.js');
-require('../_chunks/dep-9b5ff552.js');
-require('../_chunks/dep-ef75128a.js');
-require('../_chunks/dep-44e3e9bb.js');
+require('../_chunks/dep-c3ff803a.js');
+require('../_chunks/dep-fb19c6e4.js');
+require('../_chunks/dep-0f342310.js');
+require('../_chunks/dep-9ee20113.js');
+require('../_chunks/dep-6b1174cd.js');
+require('../_chunks/dep-e8336ca1.js');
+require('../_chunks/dep-9e3e211f.js');
+require('../_chunks/dep-2302f518.js');
 require('tdesign-icons-react');
 require('../locale/LocalReceiver.js');
 require('../config-provider/ConfigContext.js');
@@ -35,6 +35,8 @@ require('../_util/setStyle.js');
 require('../loading/index.js');
 require('../loading/loading.js');
 require('../common/Portal.js');
+require('../loading/gradient.js');
+require('../loading/plugin.js');
 require('raf');
 require('../_util/easing.js');
 require('./RenderDialog.js');
@@ -62,9 +64,9 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 
-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 createDialog = function createDialog(props) {
   var dialogRef = /*#__PURE__*/React__namespace.createRef();

package/cjs/dialog/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","sources":["../../src/dialog/plugin.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport DialogComponent, { DialogProps } from './Dialog';\n\nimport { getAttach } from '../_util/dom';\nimport { DialogOptions, DialogMethod, DialogConfirmMethod, DialogAlertMethod, DialogInstance } from './type';\n\nexport interface DialogPlugin extends DialogMethod {\n  alert?: DialogAlertMethod;\n  confirm?: DialogConfirmMethod;\n}\n\nconst createDialog: DialogPlugin = (props: DialogOptions) => {\n  const dialogRef = React.createRef<DialogInstance>();\n  const options = { ...props };\n  const div = document.createElement('div');\n  ReactDOM.render(<DialogComponent {...(options as DialogProps)} visible={true} ref={dialogRef} isPlugin />, div);\n  const container = getAttach(options.attach);\n  if (container) {\n    container.appendChild(div);\n  } else {\n    console.error('attach is not exist');\n  }\n\n  const dialogNode: DialogInstance = {\n    show: () => {\n      dialogRef.current?.show();\n    },\n    hide: () => {\n      dialogRef.current?.hide();\n    },\n    update: (updateOptions: DialogOptions) => {\n      dialogRef.current?.update(updateOptions);\n    },\n    destroy: () => {\n      container.contains(div) && container.removeChild(div);\n    },\n  };\n  return dialogNode;\n};\n\nconst confirm: DialogConfirmMethod = (props: DialogOptions) => createDialog(props);\n\nconst alert: DialogAlertMethod = (props: Omit<DialogOptions, 'confirmBtn'>) => {\n  const options = { ...props };\n  options.cancelBtn = null;\n  return createDialog(options);\n};\n\ncreateDialog.alert = alert;\ncreateDialog.confirm = confirm;\n\nexport const dialog = createDialog;\n\nexport const DialogPlugin = createDialog;\n"],"names":["createDialog","props","dialogRef","React","createRef","options","div","document","createElement","render","DialogComponent","visible","ref","isPlugin","container","getAttach","attach","appendChild","error","dialogNode","show","current","hide","update","updateOptions","destroy","contains","removeChild","confirm","alert","cancelBtn","dialog","DialogPlugin"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAMA,eAA6B,SAA7BA,YAA6B,CAACC,KAAD,EAA0B;MACrDC,yBAAYC,iBAAMC,SAAN;;MACZC,4BAAeJ;;MACfK,MAAMC,SAASC,aAAT,CAAuB,KAAvB;sBACHC,sDAAQC,0DAAqBL;AAAyBM,IAAAA,SAAS;AAAMC,IAAAA,KAAKV;AAAWW,IAAAA,UAAQ;OAAKP;MACrGQ,YAAYC,oBAAUV,QAAQW;;MAChCF,WAAW;cACHG,YAAYX;SACjB;YACGY,MAAM;;;MAGVC,aAA6B;AACjCC,IAAAA,MAAM,gBAAM;AAAA;;sCACAC,iFAASD;KAFY;AAIjCE,IAAAA,MAAM,gBAAM;AAAA;;uCACAD,mFAASC;KALY;AAOjCC,IAAAA,QAAQ,gBAACC,aAAD,EAAkC;AAAA;;uCAC9BH,mFAASE,OAAOC;KARK;AAUjCC,IAAAA,SAAS,mBAAM;gBACHC,SAASpB,QAAQQ,UAAUa,WAAV,CAAsBrB,GAAtB;;AAXI;SAc5Ba;CA1BT;;AA6BA,IAAMS,UAA+B,SAA/BA,OAA+B,CAAC3B,KAAD;AAAA,SAA0BD,aAAaC,MAAvC;AAAA,CAArC;;AAEA,IAAM4B,QAA2B,SAA3BA,KAA2B,CAAC5B,KAAD,EAA8C;MACvEI,4BAAeJ;;UACb6B,YAAY;SACb9B,aAAaK;CAHtB;;AAMAL,aAAa6B,KAAb,GAAqBA,KAArB;AACA7B,aAAa4B,OAAb,GAAuBA,OAAvB;IAEaG,SAAS/B;IAETgC,eAAehC;;;;;"}
+{"version":3,"file":"plugin.js","sources":["../../src/dialog/plugin.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport DialogComponent, { DialogProps } from './Dialog';\n\nimport { getAttach } from '../_util/dom';\nimport { DialogOptions, DialogMethod, DialogConfirmMethod, DialogAlertMethod, DialogInstance } from './type';\n\nexport interface DialogPlugin extends DialogMethod {\n  alert?: DialogAlertMethod;\n  confirm?: DialogConfirmMethod;\n}\n\nconst createDialog: DialogPlugin = (props: DialogOptions) => {\n  const dialogRef = React.createRef<DialogInstance>();\n  const options = { ...props };\n  const div = document.createElement('div');\n  ReactDOM.render(<DialogComponent {...(options as DialogProps)} visible={true} ref={dialogRef} isPlugin />, div);\n  const container = getAttach(options.attach);\n  if (container) {\n    container.appendChild(div);\n  } else {\n    console.error('attach is not exist');\n  }\n\n  const dialogNode: DialogInstance = {\n    show: () => {\n      dialogRef.current?.show();\n    },\n    hide: () => {\n      dialogRef.current?.hide();\n    },\n    update: (updateOptions: DialogOptions) => {\n      dialogRef.current?.update(updateOptions);\n    },\n    destroy: () => {\n      container.contains(div) && container.removeChild(div);\n    },\n  };\n  return dialogNode;\n};\n\nconst confirm: DialogConfirmMethod = (props: DialogOptions) => createDialog(props);\n\nconst alert: DialogAlertMethod = (props: Omit<DialogOptions, 'confirmBtn'>) => {\n  const options = { ...props };\n  options.cancelBtn = null;\n  return createDialog(options);\n};\n\ncreateDialog.alert = alert;\ncreateDialog.confirm = confirm;\n\nexport const dialog = createDialog;\n\nexport const DialogPlugin = createDialog;\n"],"names":["createDialog","props","dialogRef","React","createRef","options","div","document","createElement","render","DialogComponent","visible","ref","isPlugin","container","getAttach","attach","appendChild","error","dialogNode","show","current","hide","update","updateOptions","destroy","contains","removeChild","confirm","alert","cancelBtn","dialog","DialogPlugin"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAMA,eAA6B,SAA7BA,YAA6B,CAACC,KAAD,EAA0B;MACrDC,yBAAYC,iBAAMC,SAAN;;MACZC,4BAAeJ;;MACfK,MAAMC,SAASC,aAAT,CAAuB,KAAvB;sBACHC,sDAAQC,0DAAqBL;AAAyBM,IAAAA,SAAS;AAAMC,IAAAA,KAAKV;AAAWW,IAAAA,UAAQ;OAAKP;MACrGQ,YAAYC,oBAAUV,QAAQW;;MAChCF,WAAW;cACHG,YAAYX;SACjB;YACGY,MAAM;;;MAGVC,aAA6B;AACjCC,IAAAA,MAAM,gBAAM;AAAA;;sCACAC,iFAASD;KAFY;AAIjCE,IAAAA,MAAM,gBAAM;AAAA;;uCACAD,mFAASC;KALY;AAOjCC,IAAAA,QAAQ,gBAACC,aAAD,EAAkC;AAAA;;uCAC9BH,mFAASE,OAAOC;KARK;AAUjCC,IAAAA,SAAS,mBAAM;gBACHC,SAASpB,QAAQQ,UAAUa,WAAV,CAAsBrB,GAAtB;;AAXI;SAc5Ba;CA1BT;;AA6BA,IAAMS,UAA+B,SAA/BA,OAA+B,CAAC3B,KAAD;AAAA,SAA0BD,aAAaC,MAAvC;AAAA,CAArC;;AAEA,IAAM4B,QAA2B,SAA3BA,KAA2B,CAAC5B,KAAD,EAA8C;MACvEI,4BAAeJ;;UACb6B,YAAY;SACb9B,aAAaK;CAHtB;;AAMAL,aAAa6B,KAAb,GAAqBA,KAArB;AACA7B,aAAa4B,OAAb,GAAuBA,OAAvB;IAEaG,SAAS/B;IAETgC,eAAehC;;;;;"}

package/cjs/dialog/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 { ButtonProps } from '../button';
 import { TNode, AttachNode } from '../common';

package/cjs/dialog/type.js

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

package/cjs/divider/Divider.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,8 +8,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-cbedafdb.js');
-var objectWithoutProperties = require('../_chunks/dep-ab51e170.js');
+var defineProperty = require('../_chunks/dep-3b16b729.js');
+var objectWithoutProperties = require('../_chunks/dep-c3ff803a.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 = ["theme", "dashed", "align", "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 Divider = function Divider(props) {
   var _classNames;
@@ -48,7 +48,7 @@ var Divider = function Divider(props) {
     className: dividerClassNames,
     style: style
   }, otherDividerProps), children ? /* @__PURE__ */React__default["default"].createElement("span", {
-    className: "".concat(classPrefix, "-divider-inner-text")
+    className: "".concat(classPrefix, "-divider__inner-text")
   }, children) : null);
 };
 

package/cjs/divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sources":["../../src/divider/Divider.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\nimport { StyledProps } from '../common';\nimport { TdDividerProps } from './type';\n\n/**\n * Divider 组件支持的属性。\n */\nexport interface DividerProps extends TdDividerProps, StyledProps {\n  /**\n   * 文本内容\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * 分割线组件\n */\nconst Divider = (props: DividerProps) => {\n  const { theme = 'horizontal', dashed, align = 'center', className, style, children, ...otherDividerProps } = props;\n\n  const { classPrefix } = useConfig();\n  const dividerClassNames = classNames(`${classPrefix}-divider`, className, {\n    [`${classPrefix}-divider--horizontal`]: theme === 'horizontal',\n    [`${classPrefix}-divider--vertical`]: theme === 'vertical',\n    [`${classPrefix}-divider--dashed`]: !!dashed,\n    [`${classPrefix}-divider--with-text`]: !!children,\n    [`${classPrefix}-divider--with-text-${align}`]: !!children,\n  });\n\n  return (\n    <div className={dividerClassNames} style={style} {...otherDividerProps}>\n      {children ? <span className={`${classPrefix}-divider-inner-text`}>{children}</span> : null}\n    </div>\n  );\n};\n\nDivider.displayName = 'Divider';\n\nexport default Divider;\n"],"names":["Divider","props","theme","dashed","align","className","style","children","otherDividerProps","useConfig","classPrefix","dividerClassNames","classNames","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmBMA,UAAU,SAAVA,OAAU,CAACC,KAAD,EAAyB;AAAA;;qBACsEA,MAArGC;MAAAA,kCAAQ;MAAcC,SAA+EF,MAA/EE;qBAA+EF,MAAvEG;MAAAA,kCAAQ;MAAUC,YAAqDJ,MAArDI;MAAWC,QAA0CL,MAA1CK;MAAOC,WAAmCN,MAAnCM;MAAaC,qEAAsBP;;mBAErFQ;MAAhBC,yBAAAA;;MACFC,oBAAoBC,yCAAcF,0BAAuBL,oFACzDK,sCAAoCR,UAAU,qEAC9CQ,oCAAkCR,UAAU,mEAC5CQ,kCAAgC,CAAC,CAACP,+DAClCO,qCAAmC,CAAC,CAACH,iEACrCG,4CAAkCN,QAAU,CAAC,CAACG;gEAIjD;AAAIF,IAAAA,WAAWM;AAAmBL,IAAAA,OAAAA;KAAkBE,oBAClDD,kEAAY,QAAD;AAAMF,IAAAA,qBAAcK;AAApB,KAAuDH,YAAmB;;;AAK5FP,QAAQa,WAAR,GAAsB,SAAtB;;;;"}
+{"version":3,"file":"Divider.js","sources":["../../src/divider/Divider.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\nimport { StyledProps } from '../common';\nimport { TdDividerProps } from './type';\n\n/**\n * Divider 组件支持的属性。\n */\nexport interface DividerProps extends TdDividerProps, StyledProps {\n  /**\n   * 文本内容\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * 分割线组件\n */\nconst Divider = (props: DividerProps) => {\n  const { theme = 'horizontal', dashed, align = 'center', className, style, children, ...otherDividerProps } = props;\n\n  const { classPrefix } = useConfig();\n  const dividerClassNames = classNames(`${classPrefix}-divider`, className, {\n    [`${classPrefix}-divider--horizontal`]: theme === 'horizontal',\n    [`${classPrefix}-divider--vertical`]: theme === 'vertical',\n    [`${classPrefix}-divider--dashed`]: !!dashed,\n    [`${classPrefix}-divider--with-text`]: !!children,\n    [`${classPrefix}-divider--with-text-${align}`]: !!children,\n  });\n\n  return (\n    <div className={dividerClassNames} style={style} {...otherDividerProps}>\n      {children ? <span className={`${classPrefix}-divider__inner-text`}>{children}</span> : null}\n    </div>\n  );\n};\n\nDivider.displayName = 'Divider';\n\nexport default Divider;\n"],"names":["Divider","props","theme","dashed","align","className","style","children","otherDividerProps","useConfig","classPrefix","dividerClassNames","classNames","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmBMA,UAAU,SAAVA,OAAU,CAACC,KAAD,EAAyB;AAAA;;qBACsEA,MAArGC;MAAAA,kCAAQ;MAAcC,SAA+EF,MAA/EE;qBAA+EF,MAAvEG;MAAAA,kCAAQ;MAAUC,YAAqDJ,MAArDI;MAAWC,QAA0CL,MAA1CK;MAAOC,WAAmCN,MAAnCM;MAAaC,qEAAsBP;;mBAErFQ;MAAhBC,yBAAAA;;MACFC,oBAAoBC,yCAAcF,0BAAuBL,oFACzDK,sCAAoCR,UAAU,qEAC9CQ,oCAAkCR,UAAU,mEAC5CQ,kCAAgC,CAAC,CAACP,+DAClCO,qCAAmC,CAAC,CAACH,iEACrCG,4CAAkCN,QAAU,CAAC,CAACG;gEAIjD;AAAIF,IAAAA,WAAWM;AAAmBL,IAAAA,OAAAA;KAAkBE,oBAClDD,kEAAY,QAAD;AAAMF,IAAAA,qBAAcK;AAApB,KAAwDH,YAAmB;;;AAK7FP,QAAQa,WAAR,GAAsB,SAAtB;;;;"}

package/cjs/divider/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -9,8 +9,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var divider_Divider = require('./Divider.js');
-require('../_chunks/dep-cbedafdb.js');
-require('../_chunks/dep-ab51e170.js');
+require('../_chunks/dep-3b16b729.js');
+require('../_chunks/dep-c3ff803a.js');
 require('react');
 require('classnames');
 require('../_util/useConfig.js');

package/cjs/divider/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';
 export interface TdDividerProps {

package/cjs/divider/type.js

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

package/cjs/drawer/Drawer.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,8 +8,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-cbedafdb.js');
-var slicedToArray = require('../_chunks/dep-8f80ce94.js');
+var defineProperty = require('../_chunks/dep-3b16b729.js');
+var slicedToArray = require('../_chunks/dep-fb19c6e4.js');
 var React = require('react');
 var classNames = require('classnames');
 var tdesignIconsReact = require('tdesign-icons-react');
@@ -19,13 +19,13 @@ var _util_getScrollbarWidth = require('../_util/getScrollbarWidth.js');
 var _util_hasScrollBar = require('../_util/hasScrollBar.js');
 var drawer_DrawerWrapper = require('./DrawerWrapper.js');
 var button_index = require('../button/index.js');
-require('../_chunks/dep-2c22ada3.js');
+require('../_chunks/dep-0f342310.js');
 require('../locale/zh_CN.js');
 require('../common/Portal.js');
-require('../_chunks/dep-9b5ff552.js');
+require('../_chunks/dep-e8336ca1.js');
 require('react-dom');
 require('../button/Button.js');
-require('../_chunks/dep-ab51e170.js');
+require('../_chunks/dep-c3ff803a.js');
 require('../_util/noop.js');
 require('../_util/useConfig.js');
 require('../_util/useRipple.js');
@@ -34,20 +34,22 @@ require('../loading/index.js');
 require('../loading/loading.js');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-9166817e.js');
-require('../_chunks/dep-bc7ce7d9.js');
-require('../_chunks/dep-ef75128a.js');
-require('../_chunks/dep-44e3e9bb.js');
+require('../_chunks/dep-9ee20113.js');
+require('../_chunks/dep-6b1174cd.js');
+require('../_chunks/dep-9e3e211f.js');
+require('../_chunks/dep-2302f518.js');
 require('../_util/easing.js');
+require('../loading/gradient.js');
+require('../loading/plugin.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); 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 CloseTriggerType = {
   CLICK_OVERLAY: "overlay",
   CLICK_CLOSE_BTN: "close-btn",
@@ -219,8 +221,8 @@ var Drawer = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   }
 
-  var drawerClass = classNames__default["default"](prefixCls, className, "".concat(prefixCls, "-").concat(placement), (_classnames = {}, defineProperty._defineProperty(_classnames, "".concat(prefixCls, "-open"), visible), defineProperty._defineProperty(_classnames, "".concat(prefixCls, "-attach"), showInAttachedElement), defineProperty._defineProperty(_classnames, "".concat(prefixCls, "-no-mask"), !showOverlay), _classnames));
-  var contentWrapperClass = classNames__default["default"]("".concat(prefixCls, "__content-wrapper"), "".concat(prefixCls, "__content-wrapper-").concat(placement));
+  var drawerClass = classNames__default["default"](prefixCls, className, "".concat(prefixCls, "--").concat(placement), (_classnames = {}, defineProperty._defineProperty(_classnames, "".concat(prefixCls, "--open"), visible), defineProperty._defineProperty(_classnames, "".concat(prefixCls, "--attach"), showInAttachedElement), defineProperty._defineProperty(_classnames, "".concat(prefixCls, "--without-mask"), !showOverlay), _classnames));
+  var contentWrapperClass = classNames__default["default"]("".concat(prefixCls, "__content-wrapper"), "".concat(prefixCls, "__content-wrapper--").concat(placement));
   var contentWrapperStyle = {
     transform: visible ? "translateX(0)" : void 0,
     width: ["left", "right"].includes(placement) ? getSizeValue(size) : "",
@@ -232,12 +234,12 @@ var Drawer = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var defaultCancelBtn = /* @__PURE__ */React__default["default"].createElement(button_index.Button, {
       theme: "default",
       onClick: onCancelClick,
-      className: "".concat(prefixCls, "-cancel")
+      className: "".concat(prefixCls, "__cancel")
     }, cancelText);
     var defaultConfirmBtn = /* @__PURE__ */React__default["default"].createElement(button_index.Button, {
       theme: "primary",
       onClick: onConfirmClick,
-      className: "".concat(prefixCls, "-confirm")
+      className: "".concat(prefixCls, "__confirm")
     }, confirmText);
     var renderCancelBtn = cancelBtn && /*#__PURE__*/React__default["default"].isValidElement(cancelBtn) ? cancelBtn : defaultCancelBtn;
     var renderConfirmBtn = confirmBtn && /*#__PURE__*/React__default["default"].isValidElement(confirmBtn) ? confirmBtn : defaultConfirmBtn;

package/cjs/drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../src/drawer/Drawer.tsx"],"sourcesContent":["import React, { forwardRef, useState, useContext, useEffect, useImperativeHandle, useRef } from 'react';\nimport classnames from 'classnames';\n\nimport { CloseIcon } from 'tdesign-icons-react';\nimport { useLocaleReceiver } from '../locale/LocalReceiver';\nimport { ConfigContext } from '../config-provider';\nimport getScrollbarWidth from '../_util/getScrollbarWidth';\nimport hasScrollBar from '../_util/hasScrollBar';\nimport { TdDrawerProps, DrawerEventSource } from './type';\nimport { StyledProps } from '../common';\nimport DrawerWrapper from './DrawerWrapper';\nimport Button from '../button';\n\nexport const CloseTriggerType: { [key: string]: DrawerEventSource } = {\n  CLICK_OVERLAY: 'overlay',\n  CLICK_CLOSE_BTN: 'close-btn',\n  CLICK_CANCEL_BTN: 'cancel',\n  KEYDOWN_ESC: 'esc',\n};\n\nexport interface DrawerProps extends TdDrawerProps, StyledProps {}\n\nconst getSizeValue = (size: string): string => {\n  const defaultSize = isNaN(Number(size)) ? size : `${size}px`;\n  return (\n    {\n      small: '300px',\n      medium: '500px',\n      large: '760px',\n    }[size] || defaultSize\n  );\n};\n\nconst Drawer = forwardRef((props: DrawerProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    className,\n    style,\n    visible,\n    attach = '',\n    showOverlay,\n    size,\n    placement,\n    onCancel,\n    onConfirm,\n    onClose,\n    onCloseBtnClick,\n    onOverlayClick,\n    onEscKeydown,\n    showInAttachedElement,\n    closeOnOverlayClick,\n    closeOnEscKeydown,\n    children,\n    header,\n    body,\n    footer,\n    closeBtn,\n    cancelBtn,\n    confirmBtn,\n    zIndex,\n    destroyOnClose,\n    mode,\n  } = props;\n\n  // 国际化文本初始化\n  const [local, t] = useLocaleReceiver('drawer');\n  const confirmText = t(local.confirm);\n  const cancelText = t(local.cancel);\n\n  const { classPrefix } = useContext(ConfigContext);\n  const containerRef = useRef<HTMLDivElement>();\n  const contentWrapperRef = useRef<HTMLDivElement>();\n  const drawerRef = useRef<HTMLElement>(); // 即最终的 attach dom，默认为 document.body\n  const prefixCls = `${classPrefix}-drawer`;\n\n  const transform = visible ? 'translate(0px)' : '';\n  const closeIcon = React.isValidElement(closeBtn) ? closeBtn : <CloseIcon />;\n\n  const [isDestroyOnClose, setIsDestroyOnClose] = useState(false);\n\n  useImperativeHandle(ref, () => containerRef.current);\n\n  // 重置销毁钩子判断\n  useEffect(() => {\n    if (!destroyOnClose || !visible) return;\n    setIsDestroyOnClose(false);\n  }, [visible, destroyOnClose]);\n\n  useEffect(() => {\n    let documentBodyCssText = '';\n\n    if (visible) {\n      if (attach !== '' && hasScrollBar()) {\n        // 处理滚动条宽度导致晃动的问题。\n        const scrollbarWidth = getScrollbarWidth();\n        documentBodyCssText = `overflow: hidden; width: calc(100% - ${scrollbarWidth}px);`;\n\n        if (mode !== 'push') {\n          // 这里做简单的性能优化，如果是 body 那么在下面 mode=push 的模式下，一起使用 cssText 设置，减少重绘重排\n          document.body.style.cssText = documentBodyCssText;\n        }\n      }\n    }\n\n    if (mode === 'push') {\n      drawerRef.current.style.cssText = 'transition: margin 300ms cubic-bezier(0.7, 0.3, 0.1, 1) 0s';\n\n      const marginStr = {\n        left: `margin: 0 0 0 ${getSizeValue(size)}`,\n        right: `margin: 0 0 0 -${getSizeValue(size)}`,\n        top: `margin: ${getSizeValue(size)} 0 0 0`,\n        bottom: `margin: -${getSizeValue(size)} 0 0 0`,\n      }[placement];\n\n      if (visible) {\n        drawerRef.current.style.cssText += marginStr;\n      } else {\n        drawerRef.current.style.cssText = drawerRef.current.style.cssText.replace(/margin:.+;/, '');\n      }\n    }\n\n    if (contentWrapperRef.current) {\n      // 聚焦到 Drawer 最外层元素即 containerRef.current，KeyDown 事件才有效。\n      containerRef.current.focus();\n\n      contentWrapperRef.current.style.transform = transform;\n    }\n  }, [attach, mode, transform, visible, placement, size]);\n\n  function onMaskClick(e: React.MouseEvent<HTMLDivElement>) {\n    onOverlayClick?.({ e });\n    closeOnOverlayClick && onClose?.({ e, trigger: CloseTriggerType.CLICK_OVERLAY });\n  }\n  function onClickCloseBtn(e: React.MouseEvent<HTMLDivElement>) {\n    onCloseBtnClick?.({ e });\n    onClose?.({ e, trigger: CloseTriggerType.CLICK_CLOSE_BTN });\n  }\n  function onKeyDownEsc(e: React.KeyboardEvent<HTMLDivElement>) {\n    if (e.key !== 'Escape') return;\n\n    onEscKeydown?.({ e });\n    closeOnEscKeydown && onClose?.({ e, trigger: CloseTriggerType.KEYDOWN_ESC });\n  }\n  function onCancelClick(e: React.MouseEvent<HTMLButtonElement>) {\n    onCancel?.({ e });\n    onClose?.({ e, trigger: CloseTriggerType.CLICK_CANCEL_BTN });\n  }\n  function onConfirmClick(e: React.MouseEvent<HTMLButtonElement>) {\n    onConfirm?.({ e });\n  }\n\n  function onTransitionEnd() {\n    if (!visible) {\n      // 重置样式\n      document.body.style.display = 'none';\n      document.body.style.overflow = '';\n      document.body.style.width = '';\n      document.body.style.margin = '';\n      document.body.style.display = 'block';\n\n      destroyOnClose && setIsDestroyOnClose(true);\n    }\n  }\n\n  const drawerClass = classnames(prefixCls, className, `${prefixCls}-${placement}`, {\n    [`${prefixCls}-open`]: visible,\n    [`${prefixCls}-attach`]: showInAttachedElement,\n    [`${prefixCls}-no-mask`]: !showOverlay,\n  });\n\n  const contentWrapperClass = classnames(`${prefixCls}__content-wrapper`, `${prefixCls}__content-wrapper-${placement}`);\n  const contentWrapperStyle = {\n    transform: visible ? 'translateX(0)' : undefined,\n    width: ['left', 'right'].includes(placement) ? getSizeValue(size) : '',\n    height: ['top', 'bottom'].includes(placement) ? getSizeValue(size) : '',\n  };\n\n  function getFooter(): React.ReactNode {\n    if (footer !== true) return footer;\n\n    const defaultCancelBtn = (\n      <Button theme=\"default\" onClick={onCancelClick} className={`${prefixCls}-cancel`}>\n        {cancelText}\n      </Button>\n    );\n\n    const defaultConfirmBtn = (\n      <Button theme=\"primary\" onClick={onConfirmClick} className={`${prefixCls}-confirm`}>\n        {confirmText}\n      </Button>\n    );\n\n    const renderCancelBtn = cancelBtn && React.isValidElement(cancelBtn) ? cancelBtn : defaultCancelBtn;\n    const renderConfirmBtn = confirmBtn && React.isValidElement(confirmBtn) ? confirmBtn : defaultConfirmBtn;\n\n    const footerStyle = {\n      display: 'flex',\n      justifyContent: placement === 'right' ? 'flex-start' : 'flex-end',\n    };\n\n    return (\n      <div style={footerStyle}>\n        {placement === 'right' ? renderConfirmBtn : null}\n        {renderCancelBtn}\n        {placement !== 'right' ? renderConfirmBtn : null}\n      </div>\n    );\n  }\n\n  const renderOverlay = showOverlay ? <div className={`${prefixCls}__mask`} onClick={onMaskClick} /> : null;\n  const renderCloseBtn = closeBtn ? (\n    <div onClick={onClickCloseBtn} className={`${prefixCls}__close-btn`}>\n      {closeIcon}\n    </div>\n  ) : null;\n  const renderHeader = header && <div className={`${prefixCls}__header`}>{header}</div>;\n  const renderBody = <div className={`${prefixCls}__body`}>{body || children}</div>;\n  const renderFooter = footer && <div className={`${prefixCls}__footer`}>{getFooter()}</div>;\n\n  if (isDestroyOnClose && !visible) return null;\n\n  return (\n    <DrawerWrapper attach={attach} ref={drawerRef}>\n      <div\n        ref={containerRef}\n        className={drawerClass}\n        style={{ zIndex, ...style }}\n        tabIndex={0} // https://stackoverflow.com/questions/43503964/onkeydown-event-not-working-on-divs-in-react\n        onKeyDown={onKeyDownEsc}\n        onTransitionEnd={onTransitionEnd}\n      >\n        {renderOverlay}\n        <div ref={contentWrapperRef} className={contentWrapperClass} style={contentWrapperStyle}>\n          {renderCloseBtn}\n          {renderHeader}\n          {renderBody}\n          {renderFooter}\n        </div>\n      </div>\n    </DrawerWrapper>\n  );\n});\n\nDrawer.defaultProps = {\n  attach: '',\n  closeBtn: true,\n  closeOnOverlayClick: true,\n  closeOnEscKeydown: true,\n  size: 'small',\n  placement: 'right',\n  mode: 'overlay',\n  destroyOnClose: false,\n  showOverlay: true,\n  header: undefined,\n  footer: true,\n};\n\nDrawer.displayName = 'Drawer';\n\nexport default Drawer;\n"],"names":["CloseTriggerType","CLICK_OVERLAY","CLICK_CLOSE_BTN","CLICK_CANCEL_BTN","KEYDOWN_ESC","getSizeValue","size","defaultSize","isNaN","Number","small","medium","large","Drawer","forwardRef","props","ref","className","style","visible","attach","showOverlay","placement","onCancel","onConfirm","onClose","onCloseBtnClick","onOverlayClick","onEscKeydown","showInAttachedElement","closeOnOverlayClick","closeOnEscKeydown","children","header","body","footer","closeBtn","cancelBtn","confirmBtn","zIndex","destroyOnClose","mode","useLocaleReceiver","local","t","confirmText","confirm","cancelText","cancel","useContext","ConfigContext","classPrefix","containerRef","useRef","contentWrapperRef","drawerRef","prefixCls","transform","closeIcon","React","isValidElement","CloseIcon","useState","isDestroyOnClose","setIsDestroyOnClose","current","documentBodyCssText","hasScrollBar","scrollbarWidth","getScrollbarWidth","cssText","marginStr","left","right","top","bottom","replace","focus","e","trigger","key","display","overflow","width","margin","drawerClass","classnames","contentWrapperClass","contentWrapperStyle","includes","height","defaultCancelBtn","Button","theme","onClick","onCancelClick","defaultConfirmBtn","onConfirmClick","renderCancelBtn","renderConfirmBtn","footerStyle","justifyContent","renderOverlay","onMaskClick","renderCloseBtn","onClickCloseBtn","renderHeader","renderBody","renderFooter","getFooter","DrawerWrapper","tabIndex","onKeyDown","onKeyDownEsc","onTransitionEnd","defaultProps","displayName"],"mappings":"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"}
+{"version":3,"file":"Drawer.js","sources":["../../src/drawer/Drawer.tsx"],"sourcesContent":["import React, { forwardRef, useState, useContext, useEffect, useImperativeHandle, useRef } from 'react';\nimport classnames from 'classnames';\n\nimport { CloseIcon } from 'tdesign-icons-react';\nimport { useLocaleReceiver } from '../locale/LocalReceiver';\nimport { ConfigContext } from '../config-provider';\nimport getScrollbarWidth from '../_util/getScrollbarWidth';\nimport hasScrollBar from '../_util/hasScrollBar';\nimport { TdDrawerProps, DrawerEventSource } from './type';\nimport { StyledProps } from '../common';\nimport DrawerWrapper from './DrawerWrapper';\nimport Button from '../button';\n\nexport const CloseTriggerType: { [key: string]: DrawerEventSource } = {\n  CLICK_OVERLAY: 'overlay',\n  CLICK_CLOSE_BTN: 'close-btn',\n  CLICK_CANCEL_BTN: 'cancel',\n  KEYDOWN_ESC: 'esc',\n};\n\nexport interface DrawerProps extends TdDrawerProps, StyledProps {}\n\nconst getSizeValue = (size: string): string => {\n  const defaultSize = isNaN(Number(size)) ? size : `${size}px`;\n  return (\n    {\n      small: '300px',\n      medium: '500px',\n      large: '760px',\n    }[size] || defaultSize\n  );\n};\n\nconst Drawer = forwardRef((props: DrawerProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    className,\n    style,\n    visible,\n    attach = '',\n    showOverlay,\n    size,\n    placement,\n    onCancel,\n    onConfirm,\n    onClose,\n    onCloseBtnClick,\n    onOverlayClick,\n    onEscKeydown,\n    showInAttachedElement,\n    closeOnOverlayClick,\n    closeOnEscKeydown,\n    children,\n    header,\n    body,\n    footer,\n    closeBtn,\n    cancelBtn,\n    confirmBtn,\n    zIndex,\n    destroyOnClose,\n    mode,\n  } = props;\n\n  // 国际化文本初始化\n  const [local, t] = useLocaleReceiver('drawer');\n  const confirmText = t(local.confirm);\n  const cancelText = t(local.cancel);\n\n  const { classPrefix } = useContext(ConfigContext);\n  const containerRef = useRef<HTMLDivElement>();\n  const contentWrapperRef = useRef<HTMLDivElement>();\n  const drawerRef = useRef<HTMLElement>(); // 即最终的 attach dom，默认为 document.body\n  const prefixCls = `${classPrefix}-drawer`;\n\n  const transform = visible ? 'translate(0px)' : '';\n  const closeIcon = React.isValidElement(closeBtn) ? closeBtn : <CloseIcon />;\n\n  const [isDestroyOnClose, setIsDestroyOnClose] = useState(false);\n\n  useImperativeHandle(ref, () => containerRef.current);\n\n  // 重置销毁钩子判断\n  useEffect(() => {\n    if (!destroyOnClose || !visible) return;\n    setIsDestroyOnClose(false);\n  }, [visible, destroyOnClose]);\n\n  useEffect(() => {\n    let documentBodyCssText = '';\n\n    if (visible) {\n      if (attach !== '' && hasScrollBar()) {\n        // 处理滚动条宽度导致晃动的问题。\n        const scrollbarWidth = getScrollbarWidth();\n        documentBodyCssText = `overflow: hidden; width: calc(100% - ${scrollbarWidth}px);`;\n\n        if (mode !== 'push') {\n          // 这里做简单的性能优化，如果是 body 那么在下面 mode=push 的模式下，一起使用 cssText 设置，减少重绘重排\n          document.body.style.cssText = documentBodyCssText;\n        }\n      }\n    }\n\n    if (mode === 'push') {\n      drawerRef.current.style.cssText = 'transition: margin 300ms cubic-bezier(0.7, 0.3, 0.1, 1) 0s';\n\n      const marginStr = {\n        left: `margin: 0 0 0 ${getSizeValue(size)}`,\n        right: `margin: 0 0 0 -${getSizeValue(size)}`,\n        top: `margin: ${getSizeValue(size)} 0 0 0`,\n        bottom: `margin: -${getSizeValue(size)} 0 0 0`,\n      }[placement];\n\n      if (visible) {\n        drawerRef.current.style.cssText += marginStr;\n      } else {\n        drawerRef.current.style.cssText = drawerRef.current.style.cssText.replace(/margin:.+;/, '');\n      }\n    }\n\n    if (contentWrapperRef.current) {\n      // 聚焦到 Drawer 最外层元素即 containerRef.current，KeyDown 事件才有效。\n      containerRef.current.focus();\n\n      contentWrapperRef.current.style.transform = transform;\n    }\n  }, [attach, mode, transform, visible, placement, size]);\n\n  function onMaskClick(e: React.MouseEvent<HTMLDivElement>) {\n    onOverlayClick?.({ e });\n    closeOnOverlayClick && onClose?.({ e, trigger: CloseTriggerType.CLICK_OVERLAY });\n  }\n  function onClickCloseBtn(e: React.MouseEvent<HTMLDivElement>) {\n    onCloseBtnClick?.({ e });\n    onClose?.({ e, trigger: CloseTriggerType.CLICK_CLOSE_BTN });\n  }\n  function onKeyDownEsc(e: React.KeyboardEvent<HTMLDivElement>) {\n    if (e.key !== 'Escape') return;\n\n    onEscKeydown?.({ e });\n    closeOnEscKeydown && onClose?.({ e, trigger: CloseTriggerType.KEYDOWN_ESC });\n  }\n  function onCancelClick(e: React.MouseEvent<HTMLButtonElement>) {\n    onCancel?.({ e });\n    onClose?.({ e, trigger: CloseTriggerType.CLICK_CANCEL_BTN });\n  }\n  function onConfirmClick(e: React.MouseEvent<HTMLButtonElement>) {\n    onConfirm?.({ e });\n  }\n\n  function onTransitionEnd() {\n    if (!visible) {\n      // 重置样式\n      document.body.style.display = 'none';\n      document.body.style.overflow = '';\n      document.body.style.width = '';\n      document.body.style.margin = '';\n      document.body.style.display = 'block';\n\n      destroyOnClose && setIsDestroyOnClose(true);\n    }\n  }\n\n  const drawerClass = classnames(prefixCls, className, `${prefixCls}--${placement}`, {\n    [`${prefixCls}--open`]: visible,\n    [`${prefixCls}--attach`]: showInAttachedElement,\n    [`${prefixCls}--without-mask`]: !showOverlay,\n  });\n\n  const contentWrapperClass = classnames(\n    `${prefixCls}__content-wrapper`,\n    `${prefixCls}__content-wrapper--${placement}`,\n  );\n  const contentWrapperStyle = {\n    transform: visible ? 'translateX(0)' : undefined,\n    width: ['left', 'right'].includes(placement) ? getSizeValue(size) : '',\n    height: ['top', 'bottom'].includes(placement) ? getSizeValue(size) : '',\n  };\n\n  function getFooter(): React.ReactNode {\n    if (footer !== true) return footer;\n\n    const defaultCancelBtn = (\n      <Button theme=\"default\" onClick={onCancelClick} className={`${prefixCls}__cancel`}>\n        {cancelText}\n      </Button>\n    );\n\n    const defaultConfirmBtn = (\n      <Button theme=\"primary\" onClick={onConfirmClick} className={`${prefixCls}__confirm`}>\n        {confirmText}\n      </Button>\n    );\n\n    const renderCancelBtn = cancelBtn && React.isValidElement(cancelBtn) ? cancelBtn : defaultCancelBtn;\n    const renderConfirmBtn = confirmBtn && React.isValidElement(confirmBtn) ? confirmBtn : defaultConfirmBtn;\n\n    const footerStyle = {\n      display: 'flex',\n      justifyContent: placement === 'right' ? 'flex-start' : 'flex-end',\n    };\n\n    return (\n      <div style={footerStyle}>\n        {placement === 'right' ? renderConfirmBtn : null}\n        {renderCancelBtn}\n        {placement !== 'right' ? renderConfirmBtn : null}\n      </div>\n    );\n  }\n\n  const renderOverlay = showOverlay ? <div className={`${prefixCls}__mask`} onClick={onMaskClick} /> : null;\n  const renderCloseBtn = closeBtn ? (\n    <div onClick={onClickCloseBtn} className={`${prefixCls}__close-btn`}>\n      {closeIcon}\n    </div>\n  ) : null;\n  const renderHeader = header && <div className={`${prefixCls}__header`}>{header}</div>;\n  const renderBody = <div className={`${prefixCls}__body`}>{body || children}</div>;\n  const renderFooter = footer && <div className={`${prefixCls}__footer`}>{getFooter()}</div>;\n\n  if (isDestroyOnClose && !visible) return null;\n\n  return (\n    <DrawerWrapper attach={attach} ref={drawerRef}>\n      <div\n        ref={containerRef}\n        className={drawerClass}\n        style={{ zIndex, ...style }}\n        tabIndex={0} // https://stackoverflow.com/questions/43503964/onkeydown-event-not-working-on-divs-in-react\n        onKeyDown={onKeyDownEsc}\n        onTransitionEnd={onTransitionEnd}\n      >\n        {renderOverlay}\n        <div ref={contentWrapperRef} className={contentWrapperClass} style={contentWrapperStyle}>\n          {renderCloseBtn}\n          {renderHeader}\n          {renderBody}\n          {renderFooter}\n        </div>\n      </div>\n    </DrawerWrapper>\n  );\n});\n\nDrawer.defaultProps = {\n  attach: '',\n  closeBtn: true,\n  closeOnOverlayClick: true,\n  closeOnEscKeydown: true,\n  size: 'small',\n  placement: 'right',\n  mode: 'overlay',\n  destroyOnClose: false,\n  showOverlay: true,\n  header: undefined,\n  footer: true,\n};\n\nDrawer.displayName = 'Drawer';\n\nexport default Drawer;\n"],"names":["CloseTriggerType","CLICK_OVERLAY","CLICK_CLOSE_BTN","CLICK_CANCEL_BTN","KEYDOWN_ESC","getSizeValue","size","defaultSize","isNaN","Number","small","medium","large","Drawer","forwardRef","props","ref","className","style","visible","attach","showOverlay","placement","onCancel","onConfirm","onClose","onCloseBtnClick","onOverlayClick","onEscKeydown","showInAttachedElement","closeOnOverlayClick","closeOnEscKeydown","children","header","body","footer","closeBtn","cancelBtn","confirmBtn","zIndex","destroyOnClose","mode","useLocaleReceiver","local","t","confirmText","confirm","cancelText","cancel","useContext","ConfigContext","classPrefix","containerRef","useRef","contentWrapperRef","drawerRef","prefixCls","transform","closeIcon","React","isValidElement","CloseIcon","useState","isDestroyOnClose","setIsDestroyOnClose","current","documentBodyCssText","hasScrollBar","scrollbarWidth","getScrollbarWidth","cssText","marginStr","left","right","top","bottom","replace","focus","e","trigger","key","display","overflow","width","margin","drawerClass","classnames","contentWrapperClass","contentWrapperStyle","includes","height","defaultCancelBtn","Button","theme","onClick","onCancelClick","defaultConfirmBtn","onConfirmClick","renderCancelBtn","renderConfirmBtn","footerStyle","justifyContent","renderOverlay","onMaskClick","renderCloseBtn","onClickCloseBtn","renderHeader","renderBody","renderFooter","getFooter","DrawerWrapper","tabIndex","onKeyDown","onKeyDownEsc","onTransitionEnd","defaultProps","displayName"],"mappings":"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"}

package/cjs/drawer/DrawerWrapper.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -10,9 +10,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var common_Portal = require('../common/Portal.js');
-require('../_chunks/dep-8f80ce94.js');
-require('../_chunks/dep-2c22ada3.js');
-require('../_chunks/dep-9b5ff552.js');
+require('../_chunks/dep-fb19c6e4.js');
+require('../_chunks/dep-0f342310.js');
+require('../_chunks/dep-e8336ca1.js');
 require('react-dom');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/drawer/_util.js

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

package/cjs/drawer/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -9,9 +9,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var drawer_Drawer = require('./Drawer.js');
-require('../_chunks/dep-cbedafdb.js');
-require('../_chunks/dep-8f80ce94.js');
-require('../_chunks/dep-2c22ada3.js');
+require('../_chunks/dep-3b16b729.js');
+require('../_chunks/dep-fb19c6e4.js');
+require('../_chunks/dep-0f342310.js');
 require('react');
 require('classnames');
 require('tdesign-icons-react');
@@ -22,11 +22,11 @@ require('../_util/getScrollbarWidth.js');
 require('../_util/hasScrollBar.js');
 require('./DrawerWrapper.js');
 require('../common/Portal.js');
-require('../_chunks/dep-9b5ff552.js');
+require('../_chunks/dep-e8336ca1.js');
 require('react-dom');
 require('../button/index.js');
 require('../button/Button.js');
-require('../_chunks/dep-ab51e170.js');
+require('../_chunks/dep-c3ff803a.js');
 require('../_util/noop.js');
 require('../_util/useConfig.js');
 require('../_util/useRipple.js');
@@ -35,11 +35,13 @@ require('../loading/index.js');
 require('../loading/loading.js');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-9166817e.js');
-require('../_chunks/dep-bc7ce7d9.js');
-require('../_chunks/dep-ef75128a.js');
-require('../_chunks/dep-44e3e9bb.js');
+require('../_chunks/dep-9ee20113.js');
+require('../_chunks/dep-6b1174cd.js');
+require('../_chunks/dep-9e3e211f.js');
+require('../_chunks/dep-2302f518.js');
 require('../_util/easing.js');
+require('../loading/gradient.js');
+require('../loading/plugin.js');
 
 var Drawer = drawer_Drawer["default"];
 

package/cjs/drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/drawer/index.tsx"],"sourcesContent":["import _Drawer from './Drawer';\n\nimport './style/index.js';\n\nexport type { DrawerProps } from './Drawer';\nexport * from './type';\n\nexport const Drawer = _Drawer;\nexport default Drawer;\n"],"names":["Drawer","_Drawer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,SAASC;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/drawer/index.tsx"],"sourcesContent":["import _Drawer from './Drawer';\n\nimport './style/index.js';\n\nexport type { DrawerProps } from './Drawer';\nexport * from './type';\n\nexport const Drawer = _Drawer;\nexport default Drawer;\n"],"names":["Drawer","_Drawer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,SAASC;;;;;"}

package/cjs/drawer/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 { ButtonProps } from '../button';
 import { TNode, AttachNode } from '../common';

package/cjs/drawer/type.js

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

package/cjs/dropdown/Dropdown.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.20.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,7 +8,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-cbedafdb.js');
+var defineProperty = require('../_chunks/dep-3b16b729.js');
 var React = require('react');
 var classNames = require('classnames');
 var _util_useConfig = require('../_util/useConfig.js');
@@ -17,8 +17,9 @@ var dropdown_DropdownMenu = require('./DropdownMenu.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
 require('../popup/Popup.js');
-require('../_chunks/dep-8f80ce94.js');
-require('../_chunks/dep-2c22ada3.js');
+require('../_chunks/dep-fb19c6e4.js');
+require('../_chunks/dep-0f342310.js');
+require('react-transition-group');
 require('react-popper');
 require('../_util/useDefault.js');
 require('../_util/noop.js');
@@ -26,25 +27,26 @@ require('../_util/composeRefs.js');
 require('../_util/usePrevious.js');
 require('../popup/Portal.js');
 require('react-dom');
-require('../popup/useTriggerProps.js');
+require('../popup/hooks/useTriggerProps.js');
 require('../_util/useClickOutside.js');
-require('../_chunks/dep-24e6d496.js');
+require('../popup/hooks/usePopupCssTransition.js');
+require('../_chunks/dep-359fe2d6.js');
 require('./DropdownItem.js');
 require('tdesign-icons-react');
 require('../_util/useRipple.js');
 require('../_util/setStyle.js');
 require('../divider/index.js');
 require('../divider/Divider.js');
-require('../_chunks/dep-ab51e170.js');
+require('../_chunks/dep-c3ff803a.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); 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 Dropdown = function Dropdown(props) {
   var _props$popupProps = props.popupProps,
@@ -92,7 +94,8 @@ var Dropdown = function Dropdown(props) {
   }, popupProps);
 
   return /* @__PURE__ */React__default["default"].createElement(popup_index.Popup, _objectSpread({
-    ref: popupRef
+    ref: popupRef,
+    expandAnimation: true
   }, popupParams), children);
 };
 

package/cjs/dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../src/dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport classNames from 'classnames';\nimport { DropdownOption, TdDropdownProps } from './type';\nimport { ClassName } from '../common';\nimport useConfig from '../_util/useConfig';\nimport Popup from '../popup';\nimport DropdownMenu from './DropdownMenu';\n\nexport interface DropdownProps extends TdDropdownProps {\n  className?: ClassName;\n  children?: React.ReactNode;\n}\n\nconst Dropdown = (props: DropdownProps) => {\n  const {\n    popupProps = {},\n    disabled,\n    placement = 'bottom-left',\n    trigger = 'hover',\n    className = '',\n    children,\n    hideAfterItemClick = true,\n  } = props;\n  const { classPrefix } = useConfig();\n  const dropdownClass = `${classPrefix}-dropdown`;\n  const popupRef = useRef(null);\n  const handleMenuClick = (data: DropdownOption, context: { e: React.MouseEvent<HTMLDivElement, MouseEvent> }) => {\n    if (hideAfterItemClick) {\n      popupRef.current.setVisible(false);\n    }\n    props.onClick?.(data, context);\n  };\n  const DropdownContent = () => <DropdownMenu {...props} onClick={handleMenuClick}></DropdownMenu>;\n\n  const popupParams = {\n    disabled,\n    placement,\n    trigger,\n    showArrow: false,\n    overlayClassName: classNames(dropdownClass, className),\n    content: DropdownContent(),\n    ...popupProps,\n  };\n\n  return (\n    <Popup ref={popupRef} {...popupParams}>\n      {children}\n    </Popup>\n  );\n};\n\nDropdown.displayName = 'Dropdown';\n\nexport default Dropdown;\n"],"names":["Dropdown","props","popupProps","disabled","placement","trigger","className","children","hideAfterItemClick","useConfig","classPrefix","dropdownClass","popupRef","useRef","handleMenuClick","data","context","current","setVisible","onClick","DropdownContent","DropdownMenu","popupParams","showArrow","overlayClassName","classNames","content","Popup","ref","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaMA,WAAW,SAAXA,QAAW,CAACC,KAAD,EAA0B;0BASrCA,MAPFC;MAAAA,4CAAa;MACbC,WAMEF,MANFE;yBAMEF,MALFG;MAAAA,0CAAY;uBAKVH,MAJFI;MAAAA,sCAAU;yBAIRJ,MAHFK;MAAAA,0CAAY;MACZC,WAEEN,MAFFM;8BAEEN,MADFO;MAAAA,wDAAqB;;mBAECC;MAAhBC,yBAAAA;;MACFC,0BAAmBD;MACnBE,WAAWC,aAAO;;MAClBC,kBAAkB,SAAlBA,eAAkB,CAACC,IAAD,EAAuBC,OAAvB,EAAwF;AAAA;;QAC1GR,oBAAoB;eACbS,QAAQC,WAAW;;;4BAExBC,qFAAUJ,MAAMC;;;MAElBI,kBAAkB,SAAlBA,eAAkB;AAAA,kEAAOC,kEAAiBpB;AAAOkB,MAAAA,SAASL;OAAxC;AAAA;;MAElBQ;AACJnB,IAAAA,UAAAA;AACAC,IAAAA,WAAAA;AACAC,IAAAA,SAAAA;AACAkB,IAAAA,WAAW;AACXC,IAAAA,kBAAkBC,+BAAWd,eAAeL;AAC5CoB,IAAAA,SAASN;KACNlB;;gEAIFyB;AAAMC,IAAAA,KAAKhB;KAAcU,cACvBf;;;AAKPP,SAAS6B,WAAT,GAAuB,UAAvB;;;;"}
+{"version":3,"file":"Dropdown.js","sources":["../../src/dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport classNames from 'classnames';\nimport { DropdownOption, TdDropdownProps } from './type';\nimport { ClassName } from '../common';\nimport useConfig from '../_util/useConfig';\nimport Popup from '../popup';\nimport DropdownMenu from './DropdownMenu';\n\nexport interface DropdownProps extends TdDropdownProps {\n  className?: ClassName;\n  children?: React.ReactNode;\n}\n\nconst Dropdown = (props: DropdownProps) => {\n  const {\n    popupProps = {},\n    disabled,\n    placement = 'bottom-left',\n    trigger = 'hover',\n    className = '',\n    children,\n    hideAfterItemClick = true,\n  } = props;\n  const { classPrefix } = useConfig();\n  const dropdownClass = `${classPrefix}-dropdown`;\n  const popupRef = useRef(null);\n  const handleMenuClick = (data: DropdownOption, context: { e: React.MouseEvent<HTMLDivElement, MouseEvent> }) => {\n    if (hideAfterItemClick) {\n      popupRef.current.setVisible(false);\n    }\n    props.onClick?.(data, context);\n  };\n  const DropdownContent = () => <DropdownMenu {...props} onClick={handleMenuClick}></DropdownMenu>;\n\n  const popupParams = {\n    disabled,\n    placement,\n    trigger,\n    showArrow: false,\n    overlayClassName: classNames(dropdownClass, className),\n    content: DropdownContent(),\n    ...popupProps,\n  };\n\n  return (\n    <Popup ref={popupRef} expandAnimation={true} {...popupParams}>\n      {children}\n    </Popup>\n  );\n};\n\nDropdown.displayName = 'Dropdown';\n\nexport default Dropdown;\n"],"names":["Dropdown","props","popupProps","disabled","placement","trigger","className","children","hideAfterItemClick","useConfig","classPrefix","dropdownClass","popupRef","useRef","handleMenuClick","data","context","current","setVisible","onClick","DropdownContent","DropdownMenu","popupParams","showArrow","overlayClassName","classNames","content","Popup","ref","expandAnimation","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaMA,WAAW,SAAXA,QAAW,CAACC,KAAD,EAA0B;0BASrCA,MAPFC;MAAAA,4CAAa;MACbC,WAMEF,MANFE;yBAMEF,MALFG;MAAAA,0CAAY;uBAKVH,MAJFI;MAAAA,sCAAU;yBAIRJ,MAHFK;MAAAA,0CAAY;MACZC,WAEEN,MAFFM;8BAEEN,MADFO;MAAAA,wDAAqB;;mBAECC;MAAhBC,yBAAAA;;MACFC,0BAAmBD;MACnBE,WAAWC,aAAO;;MAClBC,kBAAkB,SAAlBA,eAAkB,CAACC,IAAD,EAAuBC,OAAvB,EAAwF;AAAA;;QAC1GR,oBAAoB;eACbS,QAAQC,WAAW;;;4BAExBC,qFAAUJ,MAAMC;;;MAElBI,kBAAkB,SAAlBA,eAAkB;AAAA,kEAAOC,kEAAiBpB;AAAOkB,MAAAA,SAASL;OAAxC;AAAA;;MAElBQ;AACJnB,IAAAA,UAAAA;AACAC,IAAAA,WAAAA;AACAC,IAAAA,SAAAA;AACAkB,IAAAA,WAAW;AACXC,IAAAA,kBAAkBC,+BAAWd,eAAeL;AAC5CoB,IAAAA,SAASN;KACNlB;;gEAIFyB;AAAMC,IAAAA,KAAKhB;AAAUiB,IAAAA,iBAAiB;KAAUP,cAC9Cf;;;AAKPP,SAAS8B,WAAT,GAAuB,UAAvB;;;;"}