tdesign-react 0.18.2 → 0.19.0

package/cjs/tabs/TabNavItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabNavItem.js","sources":["../../src/tabs/TabNavItem.tsx"],"sourcesContent":["import React, { MouseEvent, useRef } from 'react';\nimport classNames from 'classnames';\nimport { CloseIcon } from 'tdesign-icons-react';\nimport useRipple from '../_util/useRipple';\nimport { TdTabPanelProps, TdTabsProps } from '../_type/components/tabs';\nimport noop from '../_util/noop';\nimport { useTabClass } from './useTabClass';\n\nexport interface TabNavItemProps extends TdTabPanelProps {\n  // 当前 item 是否处于激活态\n  isActive: boolean;\n  // 点击事件\n  onClick: (e: MouseEvent) => void;\n  theme: 'normal' | 'card';\n  placement: string;\n  size?: 'medium' | 'large';\n  index: number;\n  onTabRemove: TdTabsProps['onRemove'];\n}\n\nconst TabNavItem: React.FC<TabNavItemProps> = (props) => {\n  const {\n    label,\n    removable,\n    isActive,\n    onClick = noop,\n    theme,\n    placement,\n    onRemove = noop,\n    value,\n    size = 'medium',\n    disabled = false,\n    index,\n    onTabRemove = noop,\n  } = props;\n\n  const isCard = theme === 'card';\n\n  // 样式变量和常量定义\n  const { tdTabsClassGenerator, tdClassGenerator, tdSizeClassGenerator } = useTabClass();\n\n  const rippleRef = useRef();\n  useRipple(rippleRef);\n\n  return (\n    <div\n      onClick={disabled ? noop : onClick}\n      className={classNames(\n        tdTabsClassGenerator('nav-item'),\n        isCard ? tdTabsClassGenerator('nav--card') : '',\n        tdSizeClassGenerator(size),\n        isActive ? tdClassGenerator('is-active') : '',\n        tdClassGenerator(`is-${placement}`),\n        disabled ? tdClassGenerator('is-disabled') : '',\n      )}\n    >\n      {/* 根据新的 dom 结构和样式进行改动，卡片类型情况下不需要 nav-item-wrapper 这个 div */}\n      {isCard ? (\n        <span className={classNames(tdTabsClassGenerator('nav-item-text-wrapper'))}>{label}</span>\n      ) : (\n        <div ref={rippleRef} className={classNames(tdTabsClassGenerator('nav-item-wrapper'))}>\n          <span className={classNames(tdTabsClassGenerator('nav-item-text-wrapper'))}>{label}</span>\n        </div>\n      )}\n      {removable ? (\n        <CloseIcon\n          className={classNames('remove-btn')}\n          onClick={(e) => {\n            if (disabled) {\n              return;\n            }\n            e.stopPropagation();\n            onRemove({ value, e });\n            onTabRemove({ value, e, index });\n          }}\n        />\n      ) : null}\n    </div>\n  );\n};\n\nexport default TabNavItem;\n"],"names":["TabNavItem","props","label","removable","isActive","onClick","noop","theme","placement","onRemove","value","size","disabled","index","onTabRemove","isCard","useTabClass","tdTabsClassGenerator","tdClassGenerator","tdSizeClassGenerator","rippleRef","useRef","className","classNames","ref","CloseIcon","e","stopPropagation"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;IAoBMA,aAAwC,SAAxCA,UAAwC,CAACC,KAAD,EAAW;MAErDC,QAYED,MAZFC;MACAC,YAWEF,MAXFE;MACAC,WAUEH,MAVFG;uBAUEH,MATFI;MAAAA,sCAAUC;MACVC,QAQEN,MARFM;MACAC,YAOEP,MAPFO;wBAOEP,MANFQ;MAAAA,wCAAWH;MACXI,QAKET,MALFS;oBAKET,MAJFU;MAAAA,gCAAO;wBAILV,MAHFW;MAAAA,wCAAW;MACXC,QAEEZ,MAFFY;2BAEEZ,MADFa;MAAAA,8CAAcR;MAGVS,SAASR,UAAU;;qBAGgDS;MAAjEC,oCAAAA;MAAsBC,gCAAAA;MAAkBC,oCAAAA;;MAE1CC,YAAYC;6BACRD;gEAGP,OAAD;AACEf,IAAAA,SAASO,WAAWN,wBAAOD,OAD7B;AAEEiB,IAAAA,WAAWC,+BACTN,qBAAqB,aACrBF,SAASE,qBAAqB,eAAe,IAC7CE,qBAAqBR,OACrBP,WAAWc,iBAAiB,eAAe,IAC3CA,8BAAuBV,aACvBI,WAAWM,iBAAiB,iBAAiB;AARjD,KAYGH,gEACE,QAAD;AAAMO,IAAAA,WAAWC,+BAAWN,qBAAqB;AAAjD,KAA6Ef,gEAE5E,OAAD;AAAKsB,IAAAA,KAAKJ,SAAV;AAAqBE,IAAAA,WAAWC,+BAAWN,qBAAqB;AAAhE,4DACG,QAAD;AAAMK,IAAAA,WAAWC,+BAAWN,qBAAqB;AAAjD,KAA6Ef,SAGhFC,mEACEsB,6BAAD;AACEH,IAAAA,WAAWC,+BAAW,aADxB;AAEElB,IAAAA,SAAS,iBAACqB,CAAD,EAAO;UACVd,UAAU;;;;QAGZe;eACO;AAAEjB,QAAAA,OAAAA,KAAF;AAASgB,QAAAA,GAAAA;AAAT;kBACG;AAAEhB,QAAAA,OAAAA,KAAF;AAASgB,QAAAA,GAAAA,CAAT;AAAYb,QAAAA,OAAAA;AAAZ;;AARhB,OAWE;;;;;"}
+{"version":3,"file":"TabNavItem.js","sources":["../../src/tabs/TabNavItem.tsx"],"sourcesContent":["import React, { MouseEvent, useRef } from 'react';\nimport classNames from 'classnames';\nimport { CloseIcon } from 'tdesign-icons-react';\nimport useRipple from '../_util/useRipple';\nimport { TdTabPanelProps, TdTabsProps } from './type';\nimport noop from '../_util/noop';\nimport { useTabClass } from './useTabClass';\n\nexport interface TabNavItemProps extends TdTabPanelProps {\n  // 当前 item 是否处于激活态\n  isActive: boolean;\n  // 点击事件\n  onClick: (e: MouseEvent) => void;\n  theme: 'normal' | 'card';\n  placement: string;\n  size?: 'medium' | 'large';\n  index: number;\n  onTabRemove: TdTabsProps['onRemove'];\n}\n\nconst TabNavItem: React.FC<TabNavItemProps> = (props) => {\n  const {\n    label,\n    removable,\n    isActive,\n    onClick = noop,\n    theme,\n    placement,\n    onRemove = noop,\n    value,\n    size = 'medium',\n    disabled = false,\n    index,\n    onTabRemove = noop,\n  } = props;\n\n  const isCard = theme === 'card';\n\n  // 样式变量和常量定义\n  const { tdTabsClassGenerator, tdClassGenerator, tdSizeClassGenerator } = useTabClass();\n\n  const rippleRef = useRef();\n  useRipple(rippleRef);\n\n  return (\n    <div\n      onClick={disabled ? noop : onClick}\n      className={classNames(\n        tdTabsClassGenerator('nav-item'),\n        isCard ? tdTabsClassGenerator('nav--card') : '',\n        tdSizeClassGenerator(size),\n        isActive ? tdClassGenerator('is-active') : '',\n        tdClassGenerator(`is-${placement}`),\n        disabled ? tdClassGenerator('is-disabled') : '',\n      )}\n    >\n      {/* 根据新的 dom 结构和样式进行改动，卡片类型情况下不需要 nav-item-wrapper 这个 div */}\n      {isCard ? (\n        <span className={classNames(tdTabsClassGenerator('nav-item-text-wrapper'))}>{label}</span>\n      ) : (\n        <div ref={rippleRef} className={classNames(tdTabsClassGenerator('nav-item-wrapper'))}>\n          <span className={classNames(tdTabsClassGenerator('nav-item-text-wrapper'))}>{label}</span>\n        </div>\n      )}\n      {removable ? (\n        <CloseIcon\n          className={classNames('remove-btn')}\n          onClick={(e) => {\n            if (disabled) {\n              return;\n            }\n            e.stopPropagation();\n            onRemove({ value, e });\n            onTabRemove({ value, e, index });\n          }}\n        />\n      ) : null}\n    </div>\n  );\n};\n\nexport default TabNavItem;\n"],"names":["TabNavItem","props","label","removable","isActive","onClick","noop","theme","placement","onRemove","value","size","disabled","index","onTabRemove","isCard","useTabClass","tdTabsClassGenerator","tdClassGenerator","tdSizeClassGenerator","rippleRef","useRef","className","classNames","ref","CloseIcon","e","stopPropagation"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;IAoBMA,aAAwC,SAAxCA,UAAwC,CAACC,KAAD,EAAW;MAErDC,QAYED,MAZFC;MACAC,YAWEF,MAXFE;MACAC,WAUEH,MAVFG;uBAUEH,MATFI;MAAAA,sCAAUC;MACVC,QAQEN,MARFM;MACAC,YAOEP,MAPFO;wBAOEP,MANFQ;MAAAA,wCAAWH;MACXI,QAKET,MALFS;oBAKET,MAJFU;MAAAA,gCAAO;wBAILV,MAHFW;MAAAA,wCAAW;MACXC,QAEEZ,MAFFY;2BAEEZ,MADFa;MAAAA,8CAAcR;MAGVS,SAASR,UAAU;;qBAGgDS;MAAjEC,oCAAAA;MAAsBC,gCAAAA;MAAkBC,oCAAAA;;MAE1CC,YAAYC;6BACRD;gEAGP,OAAD;AACEf,IAAAA,SAASO,WAAWN,wBAAOD,OAD7B;AAEEiB,IAAAA,WAAWC,+BACTN,qBAAqB,aACrBF,SAASE,qBAAqB,eAAe,IAC7CE,qBAAqBR,OACrBP,WAAWc,iBAAiB,eAAe,IAC3CA,8BAAuBV,aACvBI,WAAWM,iBAAiB,iBAAiB;AARjD,KAYGH,gEACE,QAAD;AAAMO,IAAAA,WAAWC,+BAAWN,qBAAqB;AAAjD,KAA6Ef,gEAE5E,OAAD;AAAKsB,IAAAA,KAAKJ,SAAV;AAAqBE,IAAAA,WAAWC,+BAAWN,qBAAqB;AAAhE,4DACG,QAAD;AAAMK,IAAAA,WAAWC,+BAAWN,qBAAqB;AAAjD,KAA6Ef,SAGhFC,mEACEsB,6BAAD;AACEH,IAAAA,WAAWC,+BAAW,aADxB;AAEElB,IAAAA,SAAS,iBAACqB,CAAD,EAAO;UACVd,UAAU;;;;QAGZe;eACO;AAAEjB,QAAAA,OAAAA,KAAF;AAASgB,QAAAA,GAAAA;AAAT;kBACG;AAAEhB,QAAAA,OAAAA,KAAF;AAASgB,QAAAA,GAAAA,CAAT;AAAYb,QAAAA,OAAAA;AAAZ;;AARhB,OAWE;;;;;"}

package/cjs/tabs/TabPanel.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TdTabPanelProps } from '../_type/components/tabs';
-import { Styles } from '../_type/common';
+import { TdTabPanelProps } from './type';
+import { Styles } from '../common';
 export interface TabPanelProps extends TdTabPanelProps {
     style?: Styles;
 }

package/cjs/tabs/TabPanel.js

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

package/cjs/tabs/TabPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.js","sources":["../../src/tabs/TabPanel.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { TdTabPanelProps } from '../_type/components/tabs';\nimport { Styles } from '../_type/common';\nimport { useTabClass } from './useTabClass';\n\nexport interface TabPanelProps extends TdTabPanelProps {\n  style?: Styles;\n}\n\nconst TabPanel: React.FC<TabPanelProps> = (props) => {\n  const { tdTabPanelClassPrefix } = useTabClass();\n\n  const { style } = props;\n\n  return (\n    <div className={classNames(tdTabPanelClassPrefix)} style={style}>\n      {props.children}\n    </div>\n  );\n};\n\nTabPanel.displayName = 'TabPanel';\n\nexport default TabPanel;\n"],"names":["TabPanel","props","useTabClass","tdTabPanelClassPrefix","style","className","classNames","children","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAUMA,WAAoC,SAApCA,QAAoC,CAACC,KAAD,EAAW;qBACjBC;MAA1BC,qCAAAA;;MAEAC,QAAUH,MAAVG;gEAGL,OAAD;AAAKC,IAAAA,WAAWC,+BAAWH,sBAA3B;AAAmDC,IAAAA,OAAAA;AAAnD,KACGH,MAAMM;;;AAKbP,SAASQ,WAAT,GAAuB,UAAvB;;;;"}
+{"version":3,"file":"TabPanel.js","sources":["../../src/tabs/TabPanel.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { TdTabPanelProps } from './type';\nimport { Styles } from '../common';\nimport { useTabClass } from './useTabClass';\n\nexport interface TabPanelProps extends TdTabPanelProps {\n  style?: Styles;\n}\n\nconst TabPanel: React.FC<TabPanelProps> = (props) => {\n  const { tdTabPanelClassPrefix } = useTabClass();\n\n  const { style } = props;\n\n  return (\n    <div className={classNames(tdTabPanelClassPrefix)} style={style}>\n      {props.children}\n    </div>\n  );\n};\n\nTabPanel.displayName = 'TabPanel';\n\nexport default TabPanel;\n"],"names":["TabPanel","props","useTabClass","tdTabPanelClassPrefix","style","className","classNames","children","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAUMA,WAAoC,SAApCA,QAAoC,CAACC,KAAD,EAAW;qBACjBC;MAA1BC,qCAAAA;;MAEAC,QAAUH,MAAVG;gEAGL,OAAD;AAAKC,IAAAA,WAAWC,+BAAWH,sBAA3B;AAAmDC,IAAAA,OAAAA;AAAnD,KACGH,MAAMM;;;AAKbP,SAASQ,WAAT,GAAuB,UAAvB;;;;"}

package/cjs/tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TdTabsProps } from '../_type/components/tabs';
+import { TdTabsProps } from './type';
 export interface TabsProps extends TdTabsProps {
     children?: React.ReactNode;
 }

package/cjs/tabs/Tabs.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,15 +8,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-3690810b.js');
-var slicedToArray = require('../_chunks/dep-7555b3cd.js');
+var defineProperty = require('../_chunks/dep-4c7f195b.js');
+var slicedToArray = require('../_chunks/dep-40a2cedf.js');
 var React = require('react');
 var classNames = require('classnames');
 var _util_forwardRefWithStatics = require('../_util/forwardRefWithStatics.js');
 var tabs_TabNav = require('./TabNav.js');
 var tabs_useTabClass = require('./useTabClass.js');
 var tabs_TabPanel = require('./TabPanel.js');
-require('../_chunks/dep-3a707dd3.js');
+require('../_chunks/dep-e8ae5c27.js');
 require('hoist-non-react-statics');
 require('tdesign-icons-react');
 require('../_util/noop.js');

package/cjs/tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../src/tabs/Tabs.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport classNames from 'classnames';\nimport { TabValue, TdTabsProps } from '../_type/components/tabs';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport TabNav from './TabNav';\nimport { useTabClass } from './useTabClass';\nimport TabPanel from './TabPanel';\n\nexport interface TabsProps extends TdTabsProps {\n  children?: React.ReactNode;\n}\n\nconst Tabs = forwardRefWithStatics(\n  (props: TabsProps, ref) => {\n    const { children, placement, onRemove } = props;\n    let { defaultValue } = props;\n\n    // 样式工具引入\n    const { tdTabsClassPrefix, tdTabsClassGenerator, tdClassGenerator } = useTabClass();\n\n    const itemList = React.Children.map(children, (child: any) => {\n      if (child && child.type === TabPanel) {\n        return child.props;\n      }\n      return null;\n    });\n\n    // 当未设置默认值时，默认选中第一个。\n    if (defaultValue === undefined && Array.isArray(itemList) && itemList.length !== 0) {\n      defaultValue = itemList[0].value;\n    }\n\n    const [value, setValue] = useState<TabValue>(defaultValue);\n\n    const renderTabNav = () => (\n      <TabNav {...props} activeValue={value} onRemove={onRemove} itemList={itemList} tabClick={setValue} />\n    );\n\n    return (\n      <div ref={ref} className={classNames(tdTabsClassPrefix)}>\n        {placement !== 'bottom' ? renderTabNav() : null}\n        <div className={classNames(tdTabsClassGenerator('content'), tdClassGenerator(`is-${placement}`))}>\n          {React.Children.map(children, (child: any) => {\n            if (child && child.type === TabPanel) {\n              if (child.props.value === value) {\n                return child;\n              }\n              // 实现 renderOnHide\n              if (child.props.renderOnHide) {\n                return <TabPanel style={{ display: 'none' }}>{child.props.children}</TabPanel>;\n              }\n            }\n            return null;\n          })}\n        </div>\n        {placement === 'bottom' ? renderTabNav() : null}\n      </div>\n    );\n  },\n  { TabPanel },\n);\n\nTabs.displayName = 'Tabs';\n\nexport default Tabs;\n"],"names":["Tabs","forwardRefWithStatics","props","ref","children","placement","onRemove","defaultValue","useTabClass","tdTabsClassPrefix","tdTabsClassGenerator","tdClassGenerator","itemList","React","Children","map","child","type","TabPanel","Array","isArray","length","value","useState","setValue","renderTabNav","TabNav","activeValue","tabClick","className","classNames","renderOnHide","style","display","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAYMA,OAAOC,uCACX,UAACC,KAAD,EAAmBC,GAAnB,EAA2B;MACjBC,WAAkCF,MAAlCE;MAAUC,YAAwBH,MAAxBG;MAAWC,WAAaJ,MAAbI;MACvBC,eAAiBL,MAAjBK;;qBAGgEC;MAA9DC,iCAAAA;MAAmBC,oCAAAA;MAAsBC,gCAAAA;;MAE3CC,WAAWC,0BAAMC,QAAN,CAAeC,GAAf,CAAmBX,QAAnB,EAA6B,UAACY,KAAD,EAAgB;QACxDA,SAASA,MAAMC,IAAN,KAAeC,0BAAU;aAC7BF,MAAMd;;;WAER;GAJQ;;MAQbK,iBAAiB,MAAjB,IAA8BY,MAAMC,OAAN,CAAcR,QAAd,CAA9B,IAAyDA,SAASS,MAAT,KAAoB,GAAG;mBACnET,SAAS,EAAT,CAAYU;;;kBAGHC,eAAmBhB;;MAAtCe;MAAOE;;MAERC,eAAe,SAAfA,YAAe;AAAA,kEAClBC,wDAAWxB;AAAOyB,MAAAA,aAAaL;AAAOhB,MAAAA,UAAAA;AAAoBM,MAAAA,UAAAA;AAAoBgB,MAAAA,UAAUJ;OADtE;AAAA;;gEAKlB,OAAD;AAAKrB,IAAAA,KAAAA,GAAL;AAAe0B,IAAAA,WAAWC,+BAAWrB;AAArC,KACGJ,cAAc,QAAd,GAAyBoB,cAAzB,GAA0C,6DAC1C,OAAD;AAAKI,IAAAA,WAAWC,+BAAWpB,qBAAqB,YAAYC,8BAAuBN;AAAnF,KACGQ,0BAAMC,QAAN,CAAeC,GAAf,CAAmBX,QAAnB,EAA6B,UAACY,KAAD,EAAgB;QACxCA,SAASA,MAAMC,IAAN,KAAeC,0BAAU;UAChCF,MAAMd,KAAN,CAAYoB,KAAZ,KAAsBA,OAAO;eACxBN;;;UAGLA,MAAMd,KAAN,CAAY6B,cAAc;sEACpBb,0BAAD;AAAUc,UAAAA,OAAO;AAAEC,YAAAA,SAAS;AAAX;AAAjB,WAAuCjB,MAAMd,KAAN,CAAYE;;;;WAGvD;GAVR,IAaFC,cAAc,QAAd,GAAyBoB,cAAzB,GAA0C;GAIjD;AAAEP,EAAAA,UAAAA;AAAF;AAGFlB,KAAKkC,WAAL,GAAmB,MAAnB;;;;"}
+{"version":3,"file":"Tabs.js","sources":["../../src/tabs/Tabs.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport classNames from 'classnames';\nimport { TabValue, TdTabsProps } from './type';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport TabNav from './TabNav';\nimport { useTabClass } from './useTabClass';\nimport TabPanel from './TabPanel';\n\nexport interface TabsProps extends TdTabsProps {\n  children?: React.ReactNode;\n}\n\nconst Tabs = forwardRefWithStatics(\n  (props: TabsProps, ref) => {\n    const { children, placement, onRemove } = props;\n    let { defaultValue } = props;\n\n    // 样式工具引入\n    const { tdTabsClassPrefix, tdTabsClassGenerator, tdClassGenerator } = useTabClass();\n\n    const itemList = React.Children.map(children, (child: any) => {\n      if (child && child.type === TabPanel) {\n        return child.props;\n      }\n      return null;\n    });\n\n    // 当未设置默认值时，默认选中第一个。\n    if (defaultValue === undefined && Array.isArray(itemList) && itemList.length !== 0) {\n      defaultValue = itemList[0].value;\n    }\n\n    const [value, setValue] = useState<TabValue>(defaultValue);\n\n    const renderTabNav = () => (\n      <TabNav {...props} activeValue={value} onRemove={onRemove} itemList={itemList} tabClick={setValue} />\n    );\n\n    return (\n      <div ref={ref} className={classNames(tdTabsClassPrefix)}>\n        {placement !== 'bottom' ? renderTabNav() : null}\n        <div className={classNames(tdTabsClassGenerator('content'), tdClassGenerator(`is-${placement}`))}>\n          {React.Children.map(children, (child: any) => {\n            if (child && child.type === TabPanel) {\n              if (child.props.value === value) {\n                return child;\n              }\n              // 实现 renderOnHide\n              if (child.props.renderOnHide) {\n                return <TabPanel style={{ display: 'none' }}>{child.props.children}</TabPanel>;\n              }\n            }\n            return null;\n          })}\n        </div>\n        {placement === 'bottom' ? renderTabNav() : null}\n      </div>\n    );\n  },\n  { TabPanel },\n);\n\nTabs.displayName = 'Tabs';\n\nexport default Tabs;\n"],"names":["Tabs","forwardRefWithStatics","props","ref","children","placement","onRemove","defaultValue","useTabClass","tdTabsClassPrefix","tdTabsClassGenerator","tdClassGenerator","itemList","React","Children","map","child","type","TabPanel","Array","isArray","length","value","useState","setValue","renderTabNav","TabNav","activeValue","tabClick","className","classNames","renderOnHide","style","display","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAYMA,OAAOC,uCACX,UAACC,KAAD,EAAmBC,GAAnB,EAA2B;MACjBC,WAAkCF,MAAlCE;MAAUC,YAAwBH,MAAxBG;MAAWC,WAAaJ,MAAbI;MACvBC,eAAiBL,MAAjBK;;qBAGgEC;MAA9DC,iCAAAA;MAAmBC,oCAAAA;MAAsBC,gCAAAA;;MAE3CC,WAAWC,0BAAMC,QAAN,CAAeC,GAAf,CAAmBX,QAAnB,EAA6B,UAACY,KAAD,EAAgB;QACxDA,SAASA,MAAMC,IAAN,KAAeC,0BAAU;aAC7BF,MAAMd;;;WAER;GAJQ;;MAQbK,iBAAiB,MAAjB,IAA8BY,MAAMC,OAAN,CAAcR,QAAd,CAA9B,IAAyDA,SAASS,MAAT,KAAoB,GAAG;mBACnET,SAAS,EAAT,CAAYU;;;kBAGHC,eAAmBhB;;MAAtCe;MAAOE;;MAERC,eAAe,SAAfA,YAAe;AAAA,kEAClBC,wDAAWxB;AAAOyB,MAAAA,aAAaL;AAAOhB,MAAAA,UAAAA;AAAoBM,MAAAA,UAAAA;AAAoBgB,MAAAA,UAAUJ;OADtE;AAAA;;gEAKlB,OAAD;AAAKrB,IAAAA,KAAAA,GAAL;AAAe0B,IAAAA,WAAWC,+BAAWrB;AAArC,KACGJ,cAAc,QAAd,GAAyBoB,cAAzB,GAA0C,6DAC1C,OAAD;AAAKI,IAAAA,WAAWC,+BAAWpB,qBAAqB,YAAYC,8BAAuBN;AAAnF,KACGQ,0BAAMC,QAAN,CAAeC,GAAf,CAAmBX,QAAnB,EAA6B,UAACY,KAAD,EAAgB;QACxCA,SAASA,MAAMC,IAAN,KAAeC,0BAAU;UAChCF,MAAMd,KAAN,CAAYoB,KAAZ,KAAsBA,OAAO;eACxBN;;;UAGLA,MAAMd,KAAN,CAAY6B,cAAc;sEACpBb,0BAAD;AAAUc,UAAAA,OAAO;AAAEC,YAAAA,SAAS;AAAX;AAAjB,WAAuCjB,MAAMd,KAAN,CAAYE;;;;WAGvD;GAVR,IAaFC,cAAc,QAAd,GAAyBoB,cAAzB,GAA0C;GAIjD;AAAEP,EAAAA,UAAAA;AAAF;AAGFlB,KAAKkC,WAAL,GAAmB,MAAnB;;;;"}

package/cjs/tabs/index.d.ts

@@ -2,7 +2,7 @@
 import './style/index.js';
 export type { TabsProps } from './Tabs';
 export type { TabPanelProps } from './TabPanel';
-export * from '../_type/components/tabs';
+export * from './type';
 export declare const Tabs: import("react").FunctionComponent<import("./Tabs").TabsProps & import("react").RefAttributes<any>> & {
     TabPanel: import("react").FC<import("./TabPanel").TabPanelProps>;
 };

package/cjs/tabs/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -9,9 +9,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tabs_Tabs = require('./Tabs.js');
-require('../_chunks/dep-3690810b.js');
-require('../_chunks/dep-7555b3cd.js');
-require('../_chunks/dep-3a707dd3.js');
+require('../_chunks/dep-4c7f195b.js');
+require('../_chunks/dep-40a2cedf.js');
+require('../_chunks/dep-e8ae5c27.js');
 require('react');
 require('classnames');
 require('../_util/forwardRefWithStatics.js');

package/cjs/tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/tabs/index.ts"],"sourcesContent":["import _Tabs from './Tabs';\n\nimport './style/index.js';\n\nexport type { TabsProps } from './Tabs';\nexport type { TabPanelProps } from './TabPanel';\nexport * from '../_type/components/tabs';\n\nexport const Tabs = _Tabs;\nexport default Tabs;\n"],"names":["Tabs","_Tabs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,OAAOC;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/tabs/index.ts"],"sourcesContent":["import _Tabs from './Tabs';\n\nimport './style/index.js';\n\nexport type { TabsProps } from './Tabs';\nexport type { TabPanelProps } from './TabPanel';\nexport * from './type';\n\nexport const Tabs = _Tabs;\nexport default Tabs;\n"],"names":["Tabs","_Tabs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,OAAOC;;;;;"}

package/cjs/tabs/type.d.ts

@@ -0,0 +1,104 @@
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * updated at 2021-12-01 14:46:40
+ * */
+import { TNode, TElement } from '../common';
+import { MouseEvent } from 'react';
+export interface TdTabsProps {
+    /**
+     * 选项卡是否可增加
+     * @default false
+     */
+    addable?: boolean;
+    /**
+     * 是否禁用选项卡
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 选项卡列表
+     */
+    list?: Array<TdTabPanelProps>;
+    /**
+     * 选项卡位置
+     * @default top
+     */
+    placement?: 'left' | 'top' | 'bottom' | 'right';
+    /**
+     * 组件尺寸
+     * @default medium
+     */
+    size?: 'medium' | 'large';
+    /**
+     * 选项卡风格，包含 默认风格 和 卡片风格两种
+     * @default normal
+     */
+    theme?: 'normal' | 'card';
+    /**
+     * 激活的选项卡值
+     */
+    value?: TabValue;
+    /**
+     * 激活的选项卡值，非受控属性
+     */
+    defaultValue?: TabValue;
+    /**
+     * 添加选项卡时触发
+     */
+    onAdd?: (context: {
+        e: MouseEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 激活的选项卡发生变化时触发
+     */
+    onChange?: (value: TabValue) => void;
+    /**
+     * 删除选项卡时触发
+     */
+    onRemove?: (options: {
+        value: TabValue;
+        index: number;
+        e: MouseEvent<SVGSVGElement>;
+    }) => void;
+}
+export interface TdTabPanelProps {
+    /**
+     * 用于自定义选项卡导航，同 panel
+     */
+    default?: TElement;
+    /**
+     * 选项卡内容隐藏时是否销毁
+     * @default true
+     */
+    destroyOnHide?: boolean;
+    /**
+     * 是否禁用当前选项卡
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 选项卡名称，可自定义选项卡导航内容
+     */
+    label?: TNode;
+    /**
+     * 用于自定义选项卡面板内容
+     */
+    panel?: TNode;
+    /**
+     * 当前选项卡是否允许移除
+     * @default false
+     */
+    removable?: boolean;
+    /**
+     * 选项卡的值，唯一标识
+     */
+    value?: TabValue;
+    /**
+     * 点击删除按钮时触发
+     */
+    onRemove?: (options: {
+        value: TabValue;
+        e: MouseEvent<SVGSVGElement>;
+    }) => void;
+}
+export declare type TabValue = string | number;

package/cjs/tabs/type.js

@@ -0,0 +1,9 @@
+/**
+ * tdesign v0.19.0
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+//# sourceMappingURL=type.js.map

package/cjs/tabs/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/cjs/tabs/useTabClass.js

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

package/cjs/tag/CheckTag.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TdCheckTagProps } from '../_type/components/tag';
-import { StyledProps } from '../_type';
+import { TdCheckTagProps } from './type';
+import { StyledProps } from '../common';
 /**
  * CheckTag 组件支持的属性
  */

package/cjs/tag/CheckTag.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,15 +8,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-3690810b.js');
-var slicedToArray = require('../_chunks/dep-7555b3cd.js');
-var objectWithoutProperties = require('../_chunks/dep-76f334ae.js');
+var defineProperty = require('../_chunks/dep-4c7f195b.js');
+var slicedToArray = require('../_chunks/dep-40a2cedf.js');
+var objectWithoutProperties = require('../_chunks/dep-3d292398.js');
 var React = require('react');
 var classNames = require('classnames');
 var _util_useDefault = require('../_util/useDefault.js');
 var _util_useConfig = require('../_util/useConfig.js');
 var _util_noop = require('../_util/noop.js');
-require('../_chunks/dep-3a707dd3.js');
+require('../_chunks/dep-e8ae5c27.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
 

package/cjs/tag/CheckTag.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckTag.js","sources":["../../src/tag/CheckTag.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport useDefault from '../_util/useDefault';\nimport useConfig from '../_util/useConfig';\nimport { TdCheckTagProps } from '../_type/components/tag';\nimport { StyledProps } from '../_type';\nimport noop from '../_util/noop';\n\n/**\n * CheckTag 组件支持的属性\n */\nexport interface CheckTagProps extends TdCheckTagProps, StyledProps {\n  /**\n   * 标签内容\n   */\n  children?: React.ReactNode;\n}\n\nconst CheckTag = forwardRef((props: CheckTagProps, ref: React.Ref<HTMLSpanElement>) => {\n  const {\n    checked,\n    content,\n    defaultChecked,\n    onChange,\n    onClick = noop,\n    disabled,\n    children,\n    className,\n    ...tagOtherProps\n  } = props;\n  const [value, onValueChange] = useDefault(checked, defaultChecked, onChange);\n\n  const { classPrefix } = useConfig();\n  const tagClassPrefix = `${classPrefix}-tag`;\n\n  const checkTagClassNames = classNames(\n    tagClassPrefix,\n    className,\n    `${tagClassPrefix}--default`,\n    `${tagClassPrefix}--check`,\n    {\n      [`${tagClassPrefix}--disabled`]: disabled,\n      [`${tagClassPrefix}--checked`]: value,\n    },\n  );\n\n  return (\n    <span\n      ref={ref}\n      className={checkTagClassNames}\n      {...tagOtherProps}\n      onClick={(e) => {\n        !disabled && onValueChange(!value);\n        onClick({ e });\n      }}\n    >\n      {children || content}\n    </span>\n  );\n});\n\nCheckTag.displayName = 'CheckTag';\n\nexport default CheckTag;\n"],"names":["CheckTag","forwardRef","props","ref","checked","content","defaultChecked","onChange","onClick","noop","disabled","children","className","tagOtherProps","useDefault","value","onValueChange","useConfig","classPrefix","tagClassPrefix","checkTagClassNames","classNames","e","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkBMA,wBAAWC,iBAAW,UAACC,KAAD,EAAuBC,GAAvB,EAA2D;AAAA;;MAEnFC,UASEF,MATFE;MACAC,UAQEH,MARFG;MACAC,iBAOEJ,MAPFI;MACAC,WAMEL,MANFK;uBAMEL,MALFM;MAAAA,uCAAUC;MACVC,WAIER,MAJFQ;MACAC,WAGET,MAHFS;MACAC,YAEEV,MAFFU;MACGC,iEACDX;;oBAC2BY,4BAAWV,SAASE,gBAAgBC;;MAA5DQ;MAAOC;;mBAEUC;MAAhBC,yBAAAA;;MACFC,2BAAoBD;MAEpBE,qBAAqBC,+BACzBF,gBACAP,qBACGO,wCACAA,qGAEGA,+BAA6BT,iEAC7BS,8BAA4BJ;gEAKjC;AACCZ,IAAAA,KAAAA;AACAS,IAAAA,WAAWQ;KACPP;AACJL,IAAAA,SAAS,iBAACc,CAAD,EAAO;OACbZ,YAAYM,cAAc,CAACD;;eACpB;AAAEO,QAAAA,GAAAA;AAAF;;MAGTX,YAAYN;;AAKnBL,SAASuB,WAAT,GAAuB,UAAvB;;;;"}
+{"version":3,"file":"CheckTag.js","sources":["../../src/tag/CheckTag.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport useDefault from '../_util/useDefault';\nimport useConfig from '../_util/useConfig';\nimport { TdCheckTagProps } from './type';\nimport { StyledProps } from '../common';\nimport noop from '../_util/noop';\n\n/**\n * CheckTag 组件支持的属性\n */\nexport interface CheckTagProps extends TdCheckTagProps, StyledProps {\n  /**\n   * 标签内容\n   */\n  children?: React.ReactNode;\n}\n\nconst CheckTag = forwardRef((props: CheckTagProps, ref: React.Ref<HTMLSpanElement>) => {\n  const {\n    checked,\n    content,\n    defaultChecked,\n    onChange,\n    onClick = noop,\n    disabled,\n    children,\n    className,\n    ...tagOtherProps\n  } = props;\n  const [value, onValueChange] = useDefault(checked, defaultChecked, onChange);\n\n  const { classPrefix } = useConfig();\n  const tagClassPrefix = `${classPrefix}-tag`;\n\n  const checkTagClassNames = classNames(\n    tagClassPrefix,\n    className,\n    `${tagClassPrefix}--default`,\n    `${tagClassPrefix}--check`,\n    {\n      [`${tagClassPrefix}--disabled`]: disabled,\n      [`${tagClassPrefix}--checked`]: value,\n    },\n  );\n\n  return (\n    <span\n      ref={ref}\n      className={checkTagClassNames}\n      {...tagOtherProps}\n      onClick={(e) => {\n        !disabled && onValueChange(!value);\n        onClick({ e });\n      }}\n    >\n      {children || content}\n    </span>\n  );\n});\n\nCheckTag.displayName = 'CheckTag';\n\nexport default CheckTag;\n"],"names":["CheckTag","forwardRef","props","ref","checked","content","defaultChecked","onChange","onClick","noop","disabled","children","className","tagOtherProps","useDefault","value","onValueChange","useConfig","classPrefix","tagClassPrefix","checkTagClassNames","classNames","e","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkBMA,wBAAWC,iBAAW,UAACC,KAAD,EAAuBC,GAAvB,EAA2D;AAAA;;MAEnFC,UASEF,MATFE;MACAC,UAQEH,MARFG;MACAC,iBAOEJ,MAPFI;MACAC,WAMEL,MANFK;uBAMEL,MALFM;MAAAA,uCAAUC;MACVC,WAIER,MAJFQ;MACAC,WAGET,MAHFS;MACAC,YAEEV,MAFFU;MACGC,iEACDX;;oBAC2BY,4BAAWV,SAASE,gBAAgBC;;MAA5DQ;MAAOC;;mBAEUC;MAAhBC,yBAAAA;;MACFC,2BAAoBD;MAEpBE,qBAAqBC,+BACzBF,gBACAP,qBACGO,wCACAA,qGAEGA,+BAA6BT,iEAC7BS,8BAA4BJ;gEAKjC;AACCZ,IAAAA,KAAAA;AACAS,IAAAA,WAAWQ;KACPP;AACJL,IAAAA,SAAS,iBAACc,CAAD,EAAO;OACbZ,YAAYM,cAAc,CAACD;;eACpB;AAAEO,QAAAA,GAAAA;AAAF;;MAGTX,YAAYN;;AAKnBL,SAASuB,WAAT,GAAuB,UAAvB;;;;"}

package/cjs/tag/Tag.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { StyledProps } from '../_type';
-import { TdTagProps } from '../_type/components/tag';
+import { StyledProps } from '../common';
+import { TdTagProps } from './type';
 /**
  * Tag 组件支持的属性。
  */

package/cjs/tag/Tag.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,8 +8,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-3690810b.js');
-var objectWithoutProperties = require('../_chunks/dep-76f334ae.js');
+var defineProperty = require('../_chunks/dep-4c7f195b.js');
+var objectWithoutProperties = require('../_chunks/dep-3d292398.js');
 var React = require('react');
 var classNames = require('classnames');
 var tdesignIconsReact = require('tdesign-icons-react');
@@ -20,8 +20,8 @@ var tag_CheckTag = require('./CheckTag.js');
 require('hoist-non-react-statics');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
-require('../_chunks/dep-7555b3cd.js');
-require('../_chunks/dep-3a707dd3.js');
+require('../_chunks/dep-40a2cedf.js');
+require('../_chunks/dep-e8ae5c27.js');
 require('../_util/useDefault.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../src/tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { CloseIcon } from 'tdesign-icons-react';\nimport noop from '../_util/noop';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport useConfig from '../_util/useConfig';\nimport { StyledProps } from '../_type';\nimport { TdTagProps } from '../_type/components/tag';\nimport CheckTag from './CheckTag';\n\n/**\n * Tag 组件支持的属性。\n */\nexport interface TagProps extends TdTagProps, StyledProps {\n  /**\n   * 标签内容\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * 标签组件\n */\nconst Tag = forwardRefWithStatics(\n  (props: TagProps, ref: React.Ref<HTMLSpanElement>) => {\n    const {\n      theme = 'default',\n      size = 'medium',\n      shape = 'square',\n      variant = 'dark',\n      closable,\n      maxWidth,\n      icon,\n      content,\n      onClick = noop,\n      onClose = noop,\n      className,\n      style,\n      disabled,\n      children,\n      ...otherTagProps\n    } = props;\n\n    const { classPrefix } = useConfig();\n    const tagClassPrefix = `${classPrefix}-tag`;\n\n    const sizeMap = {\n      large: `${classPrefix}-size-l`,\n      small: `${classPrefix}-size-s`,\n    };\n\n    const tagClassNames = classNames(\n      tagClassPrefix,\n      `${tagClassPrefix}--${theme}`,\n      `${tagClassPrefix}--${variant}`,\n      `${tagClassPrefix}--${size}`,\n      `${tagClassPrefix}--${shape}`,\n      {\n        [`${tagClassPrefix}--ellipsis`]: !!maxWidth,\n        [`${tagClassPrefix}--disabled`]: disabled,\n      },\n      sizeMap[size],\n      className,\n    );\n\n    /**\n     * 删除 Icon\n     */\n    const deleteIcon = <CloseIcon onClick={(e) => onClose({ e })} className={`${tagClassPrefix}__icon-close`} />;\n\n    const tag: JSX.Element = (\n      <span ref={ref} className={tagClassNames} onClick={(e) => onClick({ e })} {...otherTagProps}>\n        {icon}\n        {maxWidth ? (\n          <span className={`${tagClassPrefix}--text`} style={{ ...(style || {}), ...{ maxWidth } }}>\n            {children || content}\n          </span>\n        ) : (\n          children || content\n        )}\n        {closable && deleteIcon}\n      </span>\n    );\n\n    return tag;\n  },\n  {\n    CheckTag,\n  },\n);\n\nTag.displayName = 'Tag';\n\nexport default Tag;\n"],"names":["Tag","forwardRefWithStatics","props","ref","theme","size","shape","variant","closable","maxWidth","icon","content","onClick","noop","onClose","className","style","disabled","children","otherTagProps","useConfig","classPrefix","tagClassPrefix","sizeMap","large","small","tagClassNames","classNames","deleteIcon","CloseIcon","e","tag","CheckTag","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAuBMA,MAAMC,uCACV,UAACC,KAAD,EAAkBC,GAAlB,EAAsD;AAAA;;qBAiBhDD,MAfFE;MAAAA,kCAAQ;oBAeNF,MAdFG;MAAAA,gCAAO;qBAcLH,MAbFI;MAAAA,kCAAQ;uBAaNJ,MAZFK;MAAAA,sCAAU;MACVC,WAWEN,MAXFM;MACAC,WAUEP,MAVFO;MACAC,OASER,MATFQ;MACAC,UAQET,MARFS;uBAQET,MAPFU;MAAAA,uCAAUC;uBAORX,MANFY;MAAAA,sCAAUD;MACVE,YAKEb,MALFa;MACAC,QAIEd,MAJFc;MACAC,WAGEf,MAHFe;MACAC,WAEEhB,MAFFgB;MACGC,iEACDjB;;mBAEoBkB;MAAhBC,yBAAAA;;MACFC,2BAAoBD;MAEpBE,UAAU;AACdC,IAAAA,iBAAUH,uBADI;AAEdI,IAAAA,iBAAUJ;AAFI;MAKVK,gBAAgBC,+BACpBL,0BACGA,6BAAmBlB,kBACnBkB,6BAAmBf,oBACnBe,6BAAmBjB,iBACnBiB,6BAAmBhB,iFAEhBgB,+BAA6B,CAAC,CAACb,iEAC/Ba,+BAA6BL,yBAEnCM,QAAQlB,OACRU;MAMIa,oEAAcC,6BAAD;AAAWjB,IAAAA,SAAS,iBAACkB,CAAD;AAAA,aAAOhB,QAAQ;AAAEgB,QAAAA,GAAAA;AAAF,QAAf;AAAA,KAApB;AAA2Cf,IAAAA,qBAAcO;AAAzD;MAEbS,6DACH;AAAK5B,IAAAA,KAAAA;AAAUY,IAAAA,WAAWW;AAAed,IAAAA,SAAS,iBAACkB,CAAD;AAAA,aAAOlB,SAAQ;AAAEkB,QAAAA,GAAAA;AAAF,QAAf;AAAA;KAA2BX,gBAC3ET,MACAD,kEACE,QAAD;AAAMM,IAAAA,qBAAcO,yBAApB;AAA4CN,IAAAA,uCAAaA,SAAS,KAAQ;AAAEP,MAAAA,UAAAA;AAAF;AAA1E,KACGS,YAAYP,WAGfO,YAAYP,SAEbH,YAAYoB;SAIVG;GAET;AACEC,EAAAA,UAAAA;AADF;AAKFhC,IAAIiC,WAAJ,GAAkB,KAAlB;;;;"}
+{"version":3,"file":"Tag.js","sources":["../../src/tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { CloseIcon } from 'tdesign-icons-react';\nimport noop from '../_util/noop';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport useConfig from '../_util/useConfig';\nimport { StyledProps } from '../common';\nimport { TdTagProps } from './type';\nimport CheckTag from './CheckTag';\n\n/**\n * Tag 组件支持的属性。\n */\nexport interface TagProps extends TdTagProps, StyledProps {\n  /**\n   * 标签内容\n   */\n  children?: React.ReactNode;\n}\n\n/**\n * 标签组件\n */\nconst Tag = forwardRefWithStatics(\n  (props: TagProps, ref: React.Ref<HTMLSpanElement>) => {\n    const {\n      theme = 'default',\n      size = 'medium',\n      shape = 'square',\n      variant = 'dark',\n      closable,\n      maxWidth,\n      icon,\n      content,\n      onClick = noop,\n      onClose = noop,\n      className,\n      style,\n      disabled,\n      children,\n      ...otherTagProps\n    } = props;\n\n    const { classPrefix } = useConfig();\n    const tagClassPrefix = `${classPrefix}-tag`;\n\n    const sizeMap = {\n      large: `${classPrefix}-size-l`,\n      small: `${classPrefix}-size-s`,\n    };\n\n    const tagClassNames = classNames(\n      tagClassPrefix,\n      `${tagClassPrefix}--${theme}`,\n      `${tagClassPrefix}--${variant}`,\n      `${tagClassPrefix}--${size}`,\n      `${tagClassPrefix}--${shape}`,\n      {\n        [`${tagClassPrefix}--ellipsis`]: !!maxWidth,\n        [`${tagClassPrefix}--disabled`]: disabled,\n      },\n      sizeMap[size],\n      className,\n    );\n\n    /**\n     * 删除 Icon\n     */\n    const deleteIcon = <CloseIcon onClick={(e) => onClose({ e })} className={`${tagClassPrefix}__icon-close`} />;\n\n    const tag: JSX.Element = (\n      <span ref={ref} className={tagClassNames} onClick={(e) => onClick({ e })} {...otherTagProps}>\n        {icon}\n        {maxWidth ? (\n          <span className={`${tagClassPrefix}--text`} style={{ ...(style || {}), ...{ maxWidth } }}>\n            {children || content}\n          </span>\n        ) : (\n          children || content\n        )}\n        {closable && deleteIcon}\n      </span>\n    );\n\n    return tag;\n  },\n  {\n    CheckTag,\n  },\n);\n\nTag.displayName = 'Tag';\n\nexport default Tag;\n"],"names":["Tag","forwardRefWithStatics","props","ref","theme","size","shape","variant","closable","maxWidth","icon","content","onClick","noop","onClose","className","style","disabled","children","otherTagProps","useConfig","classPrefix","tagClassPrefix","sizeMap","large","small","tagClassNames","classNames","deleteIcon","CloseIcon","e","tag","CheckTag","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAuBMA,MAAMC,uCACV,UAACC,KAAD,EAAkBC,GAAlB,EAAsD;AAAA;;qBAiBhDD,MAfFE;MAAAA,kCAAQ;oBAeNF,MAdFG;MAAAA,gCAAO;qBAcLH,MAbFI;MAAAA,kCAAQ;uBAaNJ,MAZFK;MAAAA,sCAAU;MACVC,WAWEN,MAXFM;MACAC,WAUEP,MAVFO;MACAC,OASER,MATFQ;MACAC,UAQET,MARFS;uBAQET,MAPFU;MAAAA,uCAAUC;uBAORX,MANFY;MAAAA,sCAAUD;MACVE,YAKEb,MALFa;MACAC,QAIEd,MAJFc;MACAC,WAGEf,MAHFe;MACAC,WAEEhB,MAFFgB;MACGC,iEACDjB;;mBAEoBkB;MAAhBC,yBAAAA;;MACFC,2BAAoBD;MAEpBE,UAAU;AACdC,IAAAA,iBAAUH,uBADI;AAEdI,IAAAA,iBAAUJ;AAFI;MAKVK,gBAAgBC,+BACpBL,0BACGA,6BAAmBlB,kBACnBkB,6BAAmBf,oBACnBe,6BAAmBjB,iBACnBiB,6BAAmBhB,iFAEhBgB,+BAA6B,CAAC,CAACb,iEAC/Ba,+BAA6BL,yBAEnCM,QAAQlB,OACRU;MAMIa,oEAAcC,6BAAD;AAAWjB,IAAAA,SAAS,iBAACkB,CAAD;AAAA,aAAOhB,QAAQ;AAAEgB,QAAAA,GAAAA;AAAF,QAAf;AAAA,KAApB;AAA2Cf,IAAAA,qBAAcO;AAAzD;MAEbS,6DACH;AAAK5B,IAAAA,KAAAA;AAAUY,IAAAA,WAAWW;AAAed,IAAAA,SAAS,iBAACkB,CAAD;AAAA,aAAOlB,SAAQ;AAAEkB,QAAAA,GAAAA;AAAF,QAAf;AAAA;KAA2BX,gBAC3ET,MACAD,kEACE,QAAD;AAAMM,IAAAA,qBAAcO,yBAApB;AAA4CN,IAAAA,uCAAaA,SAAS,KAAQ;AAAEP,MAAAA,UAAAA;AAAF;AAA1E,KACGS,YAAYP,WAGfO,YAAYP,SAEbH,YAAYoB;SAIVG;GAET;AACEC,EAAAA,UAAAA;AADF;AAKFhC,IAAIiC,WAAJ,GAAkB,KAAlB;;;;"}

package/cjs/tag/index.d.ts

@@ -2,7 +2,7 @@
 import './style/index.js';
 export type { TagProps } from './Tag';
 export type { CheckTagProps } from './CheckTag';
-export * from '../_type/components/tag';
+export * from './type';
 export declare const Tag: import("react").FunctionComponent<import("./Tag").TagProps & import("react").RefAttributes<HTMLSpanElement>> & {
     CheckTag: import("react").ForwardRefExoticComponent<import("./CheckTag").CheckTagProps & import("react").RefAttributes<HTMLSpanElement>>;
 };

package/cjs/tag/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -9,8 +9,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tag_Tag = require('./Tag.js');
-require('../_chunks/dep-3690810b.js');
-require('../_chunks/dep-76f334ae.js');
+require('../_chunks/dep-4c7f195b.js');
+require('../_chunks/dep-3d292398.js');
 require('react');
 require('classnames');
 require('tdesign-icons-react');
@@ -21,8 +21,8 @@ require('../_util/useConfig.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
 require('./CheckTag.js');
-require('../_chunks/dep-7555b3cd.js');
-require('../_chunks/dep-3a707dd3.js');
+require('../_chunks/dep-40a2cedf.js');
+require('../_chunks/dep-e8ae5c27.js');
 require('../_util/useDefault.js');
 
 var Tag = tag_Tag["default"];

package/cjs/tag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/tag/index.ts"],"sourcesContent":["import _Tag from './Tag';\n\nimport './style/index.js';\n\nexport type { TagProps } from './Tag';\nexport type { CheckTagProps } from './CheckTag';\nexport * from '../_type/components/tag';\n\nexport const Tag = _Tag;\nexport default Tag;\n"],"names":["Tag","_Tag"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,MAAMC;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/tag/index.ts"],"sourcesContent":["import _Tag from './Tag';\n\nimport './style/index.js';\n\nexport type { TagProps } from './Tag';\nexport type { CheckTagProps } from './CheckTag';\nexport * from './type';\n\nexport const Tag = _Tag;\nexport default Tag;\n"],"names":["Tag","_Tag"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,MAAMC;;;;;"}

package/cjs/tag/type.d.ts

@@ -0,0 +1,93 @@
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * updated at 2021-12-01 14:46:40
+ * */
+import { TNode, TElement, SizeEnum } from '../common';
+import { CSSProperties, MouseEvent } from 'react';
+export interface TdTagProps {
+    /**
+     * 标签是否可关闭
+     * @default false
+     */
+    closable?: boolean;
+    /**
+     * 组件子元素
+     */
+    content?: TNode;
+    /**
+     * 标签禁用态，失效标签不能触发事件。默认风格（theme=default）才有禁用态
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 标签中的图标，可自定义图标呈现
+     */
+    icon?: TElement;
+    /**
+     * 标签最大宽度，宽度超出后会出现省略号。示例：'50px' / 80
+     */
+    maxWidth?: CSSProperties['maxWidth'] | number;
+    /**
+     * 标签类型，有三种：方形、圆角方形、标记型
+     * @default square
+     */
+    shape?: 'square' | 'round' | 'mark';
+    /**
+     * 标签尺寸
+     * @default medium
+     */
+    size?: SizeEnum;
+    /**
+     * 组件风格，用于描述组件不同的应用场景
+     * @default default
+     */
+    theme?: 'default' | 'primary' | 'warning' | 'danger' | 'success';
+    /**
+     * 影响标签风格（theme）
+     * @default dark
+     */
+    variant?: 'dark' | 'light' | 'plain';
+    /**
+     * 点击时触发
+     */
+    onClick?: (context: {
+        e: MouseEvent<HTMLSpanElement>;
+    }) => void;
+    /**
+     * 如果关闭按钮存在，点击关闭按钮时触发
+     */
+    onClose?: (context: {
+        e: MouseEvent<SVGElement>;
+    }) => void;
+}
+export interface TdCheckTagProps {
+    /**
+     * 标签选中的状态，默认风格（theme=default）才有选中态
+     * @default false
+     */
+    checked?: boolean;
+    /**
+     * 标签选中的状态，默认风格（theme=default）才有选中态，非受控属性
+     * @default false
+     */
+    defaultChecked?: boolean;
+    /**
+     * 组件子元素
+     */
+    content?: TNode;
+    /**
+     * 标签禁用态，失效标签不能触发事件。默认风格（theme=default）才有禁用态
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 组件子元素
+     */
+    onChange?: (checked: boolean) => void;
+    /**
+     * 点击标签时触发
+     */
+    onClick?: (context: {
+        e: MouseEvent<HTMLElement>;
+    }) => void;
+}

package/cjs/tag/type.js

@@ -0,0 +1,9 @@
+/**
+ * tdesign v0.19.0
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+//# sourceMappingURL=type.js.map

package/cjs/tag/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/cjs/textarea/Textarea.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TdTextareaProps } from '../_type/components/textarea';
-import { StyledProps } from '../_type';
+import { TdTextareaProps } from './type';
+import { StyledProps } from '../common';
 export interface TextareaProps extends TdTextareaProps, StyledProps {
 }
 declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLInputElement>>;

package/cjs/textarea/Textarea.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,14 +8,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-3690810b.js');
-var slicedToArray = require('../_chunks/dep-7555b3cd.js');
-var objectWithoutProperties = require('../_chunks/dep-76f334ae.js');
+var defineProperty = require('../_chunks/dep-4c7f195b.js');
+var slicedToArray = require('../_chunks/dep-40a2cedf.js');
+var objectWithoutProperties = require('../_chunks/dep-3d292398.js');
 var React = require('react');
 var classNames = require('classnames');
 var _util_useConfig = require('../_util/useConfig.js');
 var _util_noop = require('../_util/noop.js');
-require('../_chunks/dep-3a707dd3.js');
+require('../_chunks/dep-e8ae5c27.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
 
@@ -24,7 +24,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 
-var _excluded = ["disabled", "maxlength", "className", "readonly", "value", "style", "onKeydown", "onKeypress", "onKeyup", "onChange"];
+var _excluded = ["disabled", "maxlength", "className", "readonly", "value", "style", "onKeydown", "onKeypress", "onKeyup", "onChange", "autosize"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -46,6 +46,8 @@ var Textarea = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onKeyup = _props$onKeyup === void 0 ? _util_noop["default"] : _props$onKeyup,
       _props$onChange = props.onChange,
       onChange = _props$onChange === void 0 ? _util_noop["default"] : _props$onChange,
+      _props$autosize = props.autosize,
+      autosize = _props$autosize === void 0 ? false : _props$autosize,
       otherProps = objectWithoutProperties._objectWithoutProperties(props, _excluded);
 
   var _useState = React.useState(false),
@@ -106,6 +108,9 @@ var Textarea = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className: classNames__default["default"](className, "".concat(classPrefix, "-textarea"))
   }, /* @__PURE__ */React__default["default"].createElement("textarea", _objectSpread(_objectSpread(_objectSpread({}, textareaProps), eventProps), {}, {
     value: value,
+    style: {
+      height: Array.isArray(autosize) || autosize ? null : "auto"
+    },
     className: textareaClassNames,
     readOnly: readonly,
     disabled: disabled,