tdesign-react 0.19.1 → 0.21.0

package/cjs/dropdown/DropdownItem.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.21.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-d3bc70e6.js');
 var React = require('react');
 var classNames = require('classnames');
 var tdesignIconsReact = require('tdesign-icons-react');
@@ -19,7 +19,7 @@ require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
 require('../_util/setStyle.js');
 require('../divider/Divider.js');
-require('../_chunks/dep-ab51e170.js');
+require('../_chunks/dep-de61e955.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -50,7 +50,7 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var renderSuffix = function renderSuffix() {
     return hasChildren ? /* @__PURE__ */React__default["default"].createElement(tdesignIconsReact.ChevronRightIcon, {
-      className: "children-suffix"
+      className: "".concat(classPrefix, "-dropdown__item-icon")
     }) : null;
   };
 
@@ -72,9 +72,7 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   return /* @__PURE__ */React__default["default"].createElement("div", null, /* @__PURE__ */React__default["default"].createElement("div", {
-    className: classNames__default["default"](dropdownItemClass, (_classNames = {
-      "has-suffix": hasChildren
-    }, defineProperty._defineProperty(_classNames, "".concat(classPrefix, "-is-disabled"), disabled), defineProperty._defineProperty(_classNames, "".concat(classPrefix, "-is-active"), active), _classNames)),
+    className: classNames__default["default"](dropdownItemClass, (_classNames = {}, defineProperty._defineProperty(_classNames, "".concat(classPrefix, "-dropdown--suffix"), hasChildren), defineProperty._defineProperty(_classNames, "".concat(classPrefix, "-is-disabled"), disabled), defineProperty._defineProperty(_classNames, "".concat(classPrefix, "-is-active"), active), _classNames)),
     style: {
       maxWidth: "".concat(maxColumnWidth, "px"),
       minWidth: "".concat(minColumnWidth, "px")
@@ -83,9 +81,9 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onMouseOver: handleMouseover,
     ref: ref || dropdownItemRef
   }, /* @__PURE__ */React__default["default"].createElement("div", {
-    className: "".concat(dropdownItemClass, "__content")
+    className: "".concat(dropdownItemClass, "-content")
   }, /* @__PURE__ */React__default["default"].createElement("span", {
-    className: "".concat(dropdownItemClass, "__content__text")
+    className: "".concat(dropdownItemClass, "-text")
   }, content)), renderSuffix()), divider ? /* @__PURE__ */React__default["default"].createElement(divider_index.Divider, null) : null);
 });
 

package/cjs/dropdown/DropdownItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownItem.js","sources":["../../src/dropdown/DropdownItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport classNames from 'classnames';\nimport { ChevronRightIcon as TIconChevronRight } from 'tdesign-icons-react';\nimport { DropdownOption, TdDropdownProps } from './type';\nimport useConfig from '../_util/useConfig';\nimport useRipple from '../_util/useRipple';\nimport TDivider from '../divider';\n\ntype DropdownItemProps = Pick<DropdownOption, 'content' | 'value' | 'divider' | 'onClick'> &\n  Pick<TdDropdownProps, 'maxColumnWidth' | 'minColumnWidth'> & {\n    path: string;\n    hasChildren: boolean;\n    active: boolean;\n    disabled: boolean;\n    onHover: (path: string) => void;\n  };\n\nconst DropdownItem = forwardRef((props: DropdownItemProps, ref: React.RefObject<HTMLButtonElement>) => {\n  const {\n    path = '',\n    hasChildren = false,\n    maxColumnWidth,\n    minColumnWidth,\n    active,\n    disabled,\n    content,\n    value,\n    divider,\n  } = props;\n\n  const { classPrefix } = useConfig();\n  const dropdownItemRef = useRef(null);\n\n  useRipple(ref || dropdownItemRef);\n\n  const dropdownItemClass = `${classPrefix}-dropdown__item`;\n  const renderSuffix = () => (hasChildren ? <TIconChevronRight className=\"children-suffix\" /> : null);\n  const handleItemClick = (e: React.MouseEvent<HTMLDivElement, MouseEvent>): void => {\n    if (!hasChildren && !disabled) {\n      const data = {\n        value,\n        path,\n        content,\n      };\n      props.onClick(data, { e });\n    }\n  };\n  const handleMouseover = (): void => {\n    props.onHover(path);\n  };\n  return (\n    <div>\n      <div\n        className={classNames(dropdownItemClass, {\n          'has-suffix': hasChildren,\n          [`${classPrefix}-is-disabled`]: disabled,\n          [`${classPrefix}-is-active`]: active,\n        })}\n        style={{\n          maxWidth: `${maxColumnWidth}px`,\n          minWidth: `${minColumnWidth}px`,\n        }}\n        onClick={handleItemClick}\n        onMouseOver={handleMouseover}\n        ref={ref || dropdownItemRef}\n      >\n        <div className={`${dropdownItemClass}__content`}>\n          <span className={`${dropdownItemClass}__content__text`}>{content}</span>\n        </div>\n        {renderSuffix()}\n      </div>\n      {divider ? <TDivider /> : null}\n    </div>\n  );\n});\n\nexport default DropdownItem;\n"],"names":["DropdownItem","forwardRef","props","ref","path","hasChildren","maxColumnWidth","minColumnWidth","active","disabled","content","value","divider","useConfig","classPrefix","dropdownItemRef","useRef","dropdownItemClass","renderSuffix","TIconChevronRight","className","handleItemClick","e","data","onClick","handleMouseover","onHover","classNames","style","maxWidth","minWidth","onMouseOver","TDivider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiBMA,4BAAeC,iBAAW,UAACC,KAAD,EAA2BC,GAA3B,EAAuE;AAAA;;oBAWjGD,MATFE;MAAAA,gCAAO;2BASLF,MARFG;MAAAA,8CAAc;MACdC,iBAOEJ,MAPFI;MACAC,iBAMEL,MANFK;MACAC,SAKEN,MALFM;MACAC,WAIEP,MAJFO;MACAC,UAGER,MAHFQ;MACAC,QAEET,MAFFS;MACAC,UACEV,MADFU;;mBAGsBC;MAAhBC,yBAAAA;;MACFC,kBAAkBC,aAAO;6BAErBb,OAAOY;MAEXE,8BAAuBH;;MACvBI,eAAe,SAAfA,YAAe;AAAA,WAAOb,qEAAec,oCAAD;AAAmBC,MAAAA,WAAU;AAA7B,SAAoD,IAAzE;AAAA;;MACfC,kBAAkB,SAAlBA,eAAkB,CAACC,CAAD,EAA2D;QAC7E,CAACjB,WAAD,IAAgB,CAACI,UAAU;UACvBc,OAAO;AACXZ,QAAAA,OAAAA,KADW;AAEXP,QAAAA,MAAAA,IAFW;AAGXM,QAAAA,SAAAA;AAHW;YAKPc,QAAQD,MAAM;AAAED,QAAAA,GAAAA;AAAF;;;;MAGlBG,kBAAkB,SAAlBA,eAAkB,GAAY;UAC5BC,QAAQtB;;;gEAGb,OAAD,6DACG,OAAD;AACEgB,IAAAA,WAAWO,+BAAWV;AACpB,oBAAcZ;6DACVS,8BAA4BL,iEAC5BK,4BAA0BN,sBAJlC;AAMEoB,IAAAA,OAAO;AACLC,MAAAA,oBAAavB,qBADR;AAELwB,MAAAA,oBAAavB;AAFR,KANT;AAUEiB,IAAAA,SAASH,eAVX;AAWEU,IAAAA,aAAaN,eAXf;AAYEtB,IAAAA,KAAKA,OAAOY;AAZd,4DAcG,OAAD;AAAKK,IAAAA,qBAAcH;AAAnB,4DACG,QAAD;AAAMG,IAAAA,qBAAcH;AAApB,KAAyDP,WAE1DQ,iBAEFN,iEAAWoB,uBAAD,QAAe;;;;;"}
+{"version":3,"file":"DropdownItem.js","sources":["../../src/dropdown/DropdownItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport classNames from 'classnames';\nimport { ChevronRightIcon as TIconChevronRight } from 'tdesign-icons-react';\nimport { DropdownOption, TdDropdownProps } from './type';\nimport useConfig from '../_util/useConfig';\nimport useRipple from '../_util/useRipple';\nimport TDivider from '../divider';\n\ntype DropdownItemProps = Pick<DropdownOption, 'content' | 'value' | 'divider' | 'onClick'> &\n  Pick<TdDropdownProps, 'maxColumnWidth' | 'minColumnWidth'> & {\n    path: string;\n    hasChildren: boolean;\n    active: boolean;\n    disabled: boolean;\n    onHover: (path: string) => void;\n  };\n\nconst DropdownItem = forwardRef((props: DropdownItemProps, ref: React.RefObject<HTMLButtonElement>) => {\n  const {\n    path = '',\n    hasChildren = false,\n    maxColumnWidth,\n    minColumnWidth,\n    active,\n    disabled,\n    content,\n    value,\n    divider,\n  } = props;\n\n  const { classPrefix } = useConfig();\n  const dropdownItemRef = useRef(null);\n\n  useRipple(ref || dropdownItemRef);\n\n  const dropdownItemClass = `${classPrefix}-dropdown__item`;\n  const renderSuffix = () =>\n    hasChildren ? <TIconChevronRight className={`${classPrefix}-dropdown__item-icon`} /> : null;\n  const handleItemClick = (e: React.MouseEvent<HTMLDivElement, MouseEvent>): void => {\n    if (!hasChildren && !disabled) {\n      const data = {\n        value,\n        path,\n        content,\n      };\n      props.onClick(data, { e });\n    }\n  };\n  const handleMouseover = (): void => {\n    props.onHover(path);\n  };\n  return (\n    <div>\n      <div\n        className={classNames(dropdownItemClass, {\n          [`${classPrefix}-dropdown--suffix`]: hasChildren,\n          [`${classPrefix}-is-disabled`]: disabled,\n          [`${classPrefix}-is-active`]: active,\n        })}\n        style={{\n          maxWidth: `${maxColumnWidth}px`,\n          minWidth: `${minColumnWidth}px`,\n        }}\n        onClick={handleItemClick}\n        onMouseOver={handleMouseover}\n        ref={ref || dropdownItemRef}\n      >\n        <div className={`${dropdownItemClass}-content`}>\n          <span className={`${dropdownItemClass}-text`}>{content}</span>\n        </div>\n        {renderSuffix()}\n      </div>\n      {divider ? <TDivider /> : null}\n    </div>\n  );\n});\n\nexport default DropdownItem;\n"],"names":["DropdownItem","forwardRef","props","ref","path","hasChildren","maxColumnWidth","minColumnWidth","active","disabled","content","value","divider","useConfig","classPrefix","dropdownItemRef","useRef","dropdownItemClass","renderSuffix","TIconChevronRight","className","handleItemClick","e","data","onClick","handleMouseover","onHover","classNames","style","maxWidth","minWidth","onMouseOver","TDivider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiBMA,4BAAeC,iBAAW,UAACC,KAAD,EAA2BC,GAA3B,EAAuE;AAAA;;oBAWjGD,MATFE;MAAAA,gCAAO;2BASLF,MARFG;MAAAA,8CAAc;MACdC,iBAOEJ,MAPFI;MACAC,iBAMEL,MANFK;MACAC,SAKEN,MALFM;MACAC,WAIEP,MAJFO;MACAC,UAGER,MAHFQ;MACAC,QAEET,MAFFS;MACAC,UACEV,MADFU;;mBAGsBC;MAAhBC,yBAAAA;;MACFC,kBAAkBC,aAAO;6BAErBb,OAAOY;MAEXE,8BAAuBH;;MACvBI,eAAe,SAAfA,YAAe;AAAA,WACnBb,qEAAec,oCAAD;AAAmBC,MAAAA,qBAAcN;AAAjC,SAAyE,IADpE;AAAA;;MAEfO,kBAAkB,SAAlBA,eAAkB,CAACC,CAAD,EAA2D;QAC7E,CAACjB,WAAD,IAAgB,CAACI,UAAU;UACvBc,OAAO;AACXZ,QAAAA,OAAAA,KADW;AAEXP,QAAAA,MAAAA,IAFW;AAGXM,QAAAA,SAAAA;AAHW;YAKPc,QAAQD,MAAM;AAAED,QAAAA,GAAAA;AAAF;;;;MAGlBG,kBAAkB,SAAlBA,eAAkB,GAAY;UAC5BC,QAAQtB;;;gEAGb,OAAD,6DACG,OAAD;AACEgB,IAAAA,WAAWO,+BAAWV,4FAChBH,mCAAiCT,oEACjCS,8BAA4BL,iEAC5BK,4BAA0BN,sBAJlC;AAMEoB,IAAAA,OAAO;AACLC,MAAAA,oBAAavB,qBADR;AAELwB,MAAAA,oBAAavB;AAFR,KANT;AAUEiB,IAAAA,SAASH,eAVX;AAWEU,IAAAA,aAAaN,eAXf;AAYEtB,IAAAA,KAAKA,OAAOY;AAZd,4DAcG,OAAD;AAAKK,IAAAA,qBAAcH;AAAnB,4DACG,QAAD;AAAMG,IAAAA,qBAAcH;AAApB,KAA+CP,WAEhDQ,iBAEFN,iEAAWoB,uBAAD,QAAe;;;;;"}

package/cjs/dropdown/DropdownMenu.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,22 +8,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var toConsumableArray = require('../_chunks/dep-24e6d496.js');
-var slicedToArray = require('../_chunks/dep-8f80ce94.js');
+var toConsumableArray = require('../_chunks/dep-b5fa133f.js');
+var slicedToArray = require('../_chunks/dep-da78990d.js');
 var React = require('react');
 var classNames = require('classnames');
 var _util_useConfig = require('../_util/useConfig.js');
 var dropdown_DropdownItem = require('./DropdownItem.js');
-require('../_chunks/dep-2c22ada3.js');
+require('../_chunks/dep-d9282bb5.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
-require('../_chunks/dep-cbedafdb.js');
+require('../_chunks/dep-d3bc70e6.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-de61e955.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -73,7 +73,7 @@ var DropdownMenu = function DropdownMenu(props) {
   };
 
   var renderDropdownColumn = function renderDropdownColumn(children, showSubmenu, pathPrefix) {
-    var menuClass = ["".concat(dropdownMenuClass, "__column"), "narrow-scrollbar", {
+    var menuClass = ["".concat(dropdownMenuClass, "-column"), "narrow-scrollbar", {
       submenu__visible: showSubmenu
     }];
     return /* @__PURE__ */React__default["default"].createElement("div", {

package/cjs/dropdown/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","sources":["../../src/dropdown/DropdownMenu.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport classNames from 'classnames';\nimport { DropdownOption } from './type';\nimport useConfig from '../_util/useConfig';\nimport { DropdownProps } from './Dropdown';\nimport DropdownItem from './DropdownItem';\n\nconst DropdownMenu = (props: DropdownProps) => {\n  const { options = [], maxHeight = 300, maxColumnWidth = 100, minColumnWidth = 10 } = props;\n  const [path, setPath] = useState<string>('');\n  const { classPrefix } = useConfig();\n  const dropdownMenuClass = `${classPrefix}-dropdown__menu`;\n  const isActive = (item: DropdownOption, pathPrefix: string, excludeSelf = true): boolean => {\n    const itemPath = `${pathPrefix}/${item.value}`;\n    if (excludeSelf && path === itemPath) {\n      return false;\n    }\n    return path.indexOf(itemPath) === 0;\n  };\n  const handleHoverItem = (path: string) => {\n    setPath(path);\n  };\n  const handleItemClick = (\n    data: DropdownOption,\n    context: { e: React.MouseEvent<HTMLDivElement, MouseEvent> },\n    idx: number,\n  ) => {\n    options[idx]?.onClick?.(data, context);\n    props.onClick(data, context);\n  };\n  const renderDropdownColumn = (children: Array<DropdownOption>, showSubmenu: boolean, pathPrefix: string) => {\n    // eslint-disable-next-line\n    const menuClass = [`${dropdownMenuClass}__column`, 'narrow-scrollbar', { submenu__visible: showSubmenu }];\n    return (\n      <div\n        key={`/${pathPrefix}`}\n        className={classNames(menuClass)}\n        style={{\n          maxHeight: `${maxHeight}px`,\n        }}\n      >\n        {children.map((item, idx) => (\n          <DropdownItem\n            key={idx}\n            disabled={item.disabled}\n            active={isActive(item, pathPrefix) || item.active}\n            value={item.value}\n            content={item.content}\n            divider={item.divider}\n            hasChildren={item.children && item.children.length > 0}\n            path={`${pathPrefix}/${item.value}`}\n            maxColumnWidth={maxColumnWidth}\n            minColumnWidth={minColumnWidth}\n            onClick={(data: DropdownOption, context: { e: React.MouseEvent<HTMLDivElement, MouseEvent> }) =>\n              handleItemClick(data, context, idx)\n            }\n            onHover={handleHoverItem}\n          />\n        ))}\n      </div>\n    );\n  };\n\n  const dropdownItems = (options: Array<DropdownOption>, pathPrefix = '') => {\n    const columns = [];\n    const activeItem = options.find((item) => isActive(item, pathPrefix, false));\n    columns.push(renderDropdownColumn(options, !!activeItem, pathPrefix));\n    if (activeItem?.children?.length) {\n      columns.push(...dropdownItems(activeItem.children, `${pathPrefix}/${activeItem.value}`));\n    }\n    return columns;\n  };\n  const renderDropdownItems = dropdownItems(options);\n  return <div className={dropdownMenuClass}>{renderDropdownItems}</div>;\n};\n\nexport default DropdownMenu;\n"],"names":["DropdownMenu","props","options","maxHeight","maxColumnWidth","minColumnWidth","useState","path","setPath","useConfig","classPrefix","dropdownMenuClass","isActive","item","pathPrefix","excludeSelf","itemPath","value","indexOf","handleHoverItem","path2","handleItemClick","data","context","idx","onClick","renderDropdownColumn","children","showSubmenu","menuClass","submenu__visible","key","className","classNames","style","map","DropdownItem","disabled","active","content","divider","hasChildren","length","onHover","dropdownItems","options2","columns","activeItem","find","push","renderDropdownItems"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOMA,eAAe,SAAfA,YAAe,CAACC,KAAD,EAA0B;uBACwCA,MAA7EC;MAAAA,sCAAU;yBAAmED,MAA/DE;MAAAA,0CAAY;8BAAmDF,MAA9CG;MAAAA,oDAAiB;8BAA6BH,MAAxBI;MAAAA,oDAAiB;;kBACtDC,eAAiB;;MAAlCC;MAAMC;;mBACWC;MAAhBC,yBAAAA;;MACFC,8BAAuBD;;MACvBE,WAAW,SAAXA,QAAW,CAACC,IAAD,EAAuBC,UAAvB,EAA2E;AAAA,QAAhCC,WAAgC,uEAAlB,IAAkB;QACpFC,qBAAcF,wBAAcD,KAAKI;;QACnCF,eAAeR,SAASS,UAAU;aAC7B;;;WAEFT,KAAKW,OAAL,CAAaF,QAAb,MAA2B;;;MAE9BG,kBAAkB,SAAlBA,eAAkB,CAACC,KAAD,EAAkB;YAChCA;;;MAEJC,kBAAkB,SAAlBA,eAAkB,CACtBC,IADsB,EAEtBC,OAFsB,EAGtBC,GAHsB,EAInB;AAAA;;4BACKA,0FAAMC,wGAAUH,MAAMC;UACxBE,QAAQH,MAAMC;;;MAEhBG,uBAAuB,SAAvBA,oBAAuB,CAACC,QAAD,EAAkCC,WAAlC,EAAwDd,UAAxD,EAA+E;QAEpGe,YAAY,WAAIlB,iBAAJ,eAAiC,kBAAjC,EAAqD;AAAEmB,MAAAA,kBAAkBF;AAApB,KAArD;kEAEf,OAAD;AACEG,MAAAA,gBAASjB,WADX;AAEEkB,MAAAA,WAAWC,+BAAWJ,UAFxB;AAGEK,MAAAA,OAAO;AACL/B,QAAAA,qBAAcA;AADT;AAHT,OAOGwB,SAASQ,GAAT,CAAa,UAACtB,IAAD,EAAOW,GAAP;AAAA,oEACXY,kCAAD;AACEL,QAAAA,KAAKP,GADP;AAEEa,QAAAA,UAAUxB,KAAKwB,QAFjB;AAGEC,QAAAA,QAAQ1B,SAASC,MAAMC,WAAf,IAA8BD,KAAKyB,MAH7C;AAIErB,QAAAA,OAAOJ,KAAKI,KAJd;AAKEsB,QAAAA,SAAS1B,KAAK0B,OALhB;AAMEC,QAAAA,SAAS3B,KAAK2B,OANhB;AAOEC,QAAAA,aAAa5B,KAAKc,QAAL,IAAiBd,KAAKc,QAAL,CAAce,MAAd,GAAuB,CAPvD;AAQEnC,QAAAA,gBAASO,wBAAcD,KAAKI,MAR9B;AASEb,QAAAA,gBAAAA,cATF;AAUEC,QAAAA,gBAAAA,cAVF;AAWEoB,QAAAA,SAAS,iBAACH,IAAD,EAAuBC,OAAvB;AAAA,iBACPF,gBAAgBC,MAAMC,SAASC,IADxB;AAAA,SAXX;AAcEmB,QAAAA,SAASxB;AAdX,QADY;AAAA,KAAb;;;MAsBDyB,gBAAgB,SAAhBA,aAAgB,CAACC,QAAD,EAAqD;AAAA;;AAAA,QAApB/B,UAAoB,uEAAP,EAAO;QACnEgC,UAAU;QACVC,aAAaF,SAAQG,IAAR,CAAa,UAACnC,IAAD;AAAA,aAAUD,SAASC,MAAMC,YAAY,MAArC;AAAA,KAAb;YACXmC,KAAKvB,qBAAqBmB,UAAS,CAAC,CAACE,YAAYjC;;QACrDiC,uBAAAA,iDAAAA,WAAYpB,yDAAZ,qBAAsBe,QAAQ;cACxBO,yDAAQL,cAAcG,WAAWpB,oBAAab,wBAAciC,WAAW9B;;;WAE1E6B;;;MAEHI,sBAAsBN,cAAc1C;gEAClC,OAAD;AAAK8B,IAAAA,WAAWrB;AAAhB,KAAoCuC;;;;;"}
+{"version":3,"file":"DropdownMenu.js","sources":["../../src/dropdown/DropdownMenu.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport classNames from 'classnames';\nimport { DropdownOption } from './type';\nimport useConfig from '../_util/useConfig';\nimport { DropdownProps } from './Dropdown';\nimport DropdownItem from './DropdownItem';\n\nconst DropdownMenu = (props: DropdownProps) => {\n  const { options = [], maxHeight = 300, maxColumnWidth = 100, minColumnWidth = 10 } = props;\n  const [path, setPath] = useState<string>('');\n  const { classPrefix } = useConfig();\n  const dropdownMenuClass = `${classPrefix}-dropdown__menu`;\n  const isActive = (item: DropdownOption, pathPrefix: string, excludeSelf = true): boolean => {\n    const itemPath = `${pathPrefix}/${item.value}`;\n    if (excludeSelf && path === itemPath) {\n      return false;\n    }\n    return path.indexOf(itemPath) === 0;\n  };\n  const handleHoverItem = (path: string) => {\n    setPath(path);\n  };\n  const handleItemClick = (\n    data: DropdownOption,\n    context: { e: React.MouseEvent<HTMLDivElement, MouseEvent> },\n    idx: number,\n  ) => {\n    options[idx]?.onClick?.(data, context);\n    props.onClick(data, context);\n  };\n  const renderDropdownColumn = (children: Array<DropdownOption>, showSubmenu: boolean, pathPrefix: string) => {\n    // eslint-disable-next-line\n    const menuClass = [`${dropdownMenuClass}-column`, 'narrow-scrollbar', { submenu__visible: showSubmenu }];\n    return (\n      <div\n        key={`/${pathPrefix}`}\n        className={classNames(menuClass)}\n        style={{\n          maxHeight: `${maxHeight}px`,\n        }}\n      >\n        {children.map((item, idx) => (\n          <DropdownItem\n            key={idx}\n            disabled={item.disabled}\n            active={isActive(item, pathPrefix) || item.active}\n            value={item.value}\n            content={item.content}\n            divider={item.divider}\n            hasChildren={item.children && item.children.length > 0}\n            path={`${pathPrefix}/${item.value}`}\n            maxColumnWidth={maxColumnWidth}\n            minColumnWidth={minColumnWidth}\n            onClick={(data: DropdownOption, context: { e: React.MouseEvent<HTMLDivElement, MouseEvent> }) =>\n              handleItemClick(data, context, idx)\n            }\n            onHover={handleHoverItem}\n          />\n        ))}\n      </div>\n    );\n  };\n\n  const dropdownItems = (options: Array<DropdownOption>, pathPrefix = '') => {\n    const columns = [];\n    const activeItem = options.find((item) => isActive(item, pathPrefix, false));\n    columns.push(renderDropdownColumn(options, !!activeItem, pathPrefix));\n    if (activeItem?.children?.length) {\n      columns.push(...dropdownItems(activeItem.children, `${pathPrefix}/${activeItem.value}`));\n    }\n    return columns;\n  };\n  const renderDropdownItems = dropdownItems(options);\n  return <div className={dropdownMenuClass}>{renderDropdownItems}</div>;\n};\n\nexport default DropdownMenu;\n"],"names":["DropdownMenu","props","options","maxHeight","maxColumnWidth","minColumnWidth","useState","path","setPath","useConfig","classPrefix","dropdownMenuClass","isActive","item","pathPrefix","excludeSelf","itemPath","value","indexOf","handleHoverItem","path2","handleItemClick","data","context","idx","onClick","renderDropdownColumn","children","showSubmenu","menuClass","submenu__visible","key","className","classNames","style","map","DropdownItem","disabled","active","content","divider","hasChildren","length","onHover","dropdownItems","options2","columns","activeItem","find","push","renderDropdownItems"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOMA,eAAe,SAAfA,YAAe,CAACC,KAAD,EAA0B;uBACwCA,MAA7EC;MAAAA,sCAAU;yBAAmED,MAA/DE;MAAAA,0CAAY;8BAAmDF,MAA9CG;MAAAA,oDAAiB;8BAA6BH,MAAxBI;MAAAA,oDAAiB;;kBACtDC,eAAiB;;MAAlCC;MAAMC;;mBACWC;MAAhBC,yBAAAA;;MACFC,8BAAuBD;;MACvBE,WAAW,SAAXA,QAAW,CAACC,IAAD,EAAuBC,UAAvB,EAA2E;AAAA,QAAhCC,WAAgC,uEAAlB,IAAkB;QACpFC,qBAAcF,wBAAcD,KAAKI;;QACnCF,eAAeR,SAASS,UAAU;aAC7B;;;WAEFT,KAAKW,OAAL,CAAaF,QAAb,MAA2B;;;MAE9BG,kBAAkB,SAAlBA,eAAkB,CAACC,KAAD,EAAkB;YAChCA;;;MAEJC,kBAAkB,SAAlBA,eAAkB,CACtBC,IADsB,EAEtBC,OAFsB,EAGtBC,GAHsB,EAInB;AAAA;;4BACKA,0FAAMC,wGAAUH,MAAMC;UACxBE,QAAQH,MAAMC;;;MAEhBG,uBAAuB,SAAvBA,oBAAuB,CAACC,QAAD,EAAkCC,WAAlC,EAAwDd,UAAxD,EAA+E;QAEpGe,YAAY,WAAIlB,iBAAJ,cAAgC,kBAAhC,EAAoD;AAAEmB,MAAAA,kBAAkBF;AAApB,KAApD;kEAEf,OAAD;AACEG,MAAAA,gBAASjB,WADX;AAEEkB,MAAAA,WAAWC,+BAAWJ,UAFxB;AAGEK,MAAAA,OAAO;AACL/B,QAAAA,qBAAcA;AADT;AAHT,OAOGwB,SAASQ,GAAT,CAAa,UAACtB,IAAD,EAAOW,GAAP;AAAA,oEACXY,kCAAD;AACEL,QAAAA,KAAKP,GADP;AAEEa,QAAAA,UAAUxB,KAAKwB,QAFjB;AAGEC,QAAAA,QAAQ1B,SAASC,MAAMC,WAAf,IAA8BD,KAAKyB,MAH7C;AAIErB,QAAAA,OAAOJ,KAAKI,KAJd;AAKEsB,QAAAA,SAAS1B,KAAK0B,OALhB;AAMEC,QAAAA,SAAS3B,KAAK2B,OANhB;AAOEC,QAAAA,aAAa5B,KAAKc,QAAL,IAAiBd,KAAKc,QAAL,CAAce,MAAd,GAAuB,CAPvD;AAQEnC,QAAAA,gBAASO,wBAAcD,KAAKI,MAR9B;AASEb,QAAAA,gBAAAA,cATF;AAUEC,QAAAA,gBAAAA,cAVF;AAWEoB,QAAAA,SAAS,iBAACH,IAAD,EAAuBC,OAAvB;AAAA,iBACPF,gBAAgBC,MAAMC,SAASC,IADxB;AAAA,SAXX;AAcEmB,QAAAA,SAASxB;AAdX,QADY;AAAA,KAAb;;;MAsBDyB,gBAAgB,SAAhBA,aAAgB,CAACC,QAAD,EAAqD;AAAA;;AAAA,QAApB/B,UAAoB,uEAAP,EAAO;QACnEgC,UAAU;QACVC,aAAaF,SAAQG,IAAR,CAAa,UAACnC,IAAD;AAAA,aAAUD,SAASC,MAAMC,YAAY,MAArC;AAAA,KAAb;YACXmC,KAAKvB,qBAAqBmB,UAAS,CAAC,CAACE,YAAYjC;;QACrDiC,uBAAAA,iDAAAA,WAAYpB,yDAAZ,qBAAsBe,QAAQ;cACxBO,yDAAQL,cAAcG,WAAWpB,oBAAab,wBAAciC,WAAW9B;;;WAE1E6B;;;MAEHI,sBAAsBN,cAAc1C;gEAClC,OAAD;AAAK8B,IAAAA,WAAWrB;AAAhB,KAAoCuC;;;;;"}

package/cjs/dropdown/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -9,7 +9,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var dropdown_Dropdown = require('./Dropdown.js');
-require('../_chunks/dep-cbedafdb.js');
+require('../_chunks/dep-d3bc70e6.js');
 require('react');
 require('classnames');
 require('../_util/useConfig.js');
@@ -17,8 +17,9 @@ require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
 require('../popup/index.js');
 require('../popup/Popup.js');
-require('../_chunks/dep-8f80ce94.js');
-require('../_chunks/dep-2c22ada3.js');
+require('../_chunks/dep-da78990d.js');
+require('../_chunks/dep-d9282bb5.js');
+require('react-transition-group');
 require('react-popper');
 require('../_util/useDefault.js');
 require('../_util/noop.js');
@@ -26,17 +27,18 @@ 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('../popup/hooks/usePopupCssTransition.js');
 require('./DropdownMenu.js');
-require('../_chunks/dep-24e6d496.js');
+require('../_chunks/dep-b5fa133f.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-de61e955.js');
 
 var Dropdown = dropdown_Dropdown["default"];
 

package/cjs/dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/dropdown/index.ts"],"sourcesContent":["import _Dropdown from './Dropdown';\n\nimport './style/index.js';\n\nexport type { DropdownProps } from './Dropdown';\nexport * from './type';\n\nexport const Dropdown = _Dropdown;\n\nexport default Dropdown;\n"],"names":["Dropdown","_Dropdown"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,WAAWC;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/dropdown/index.ts"],"sourcesContent":["import _Dropdown from './Dropdown';\n\nimport './style/index.js';\n\nexport type { DropdownProps } from './Dropdown';\nexport * from './type';\n\nexport const Dropdown = _Dropdown;\n\nexport default Dropdown;\n"],"names":["Dropdown","_Dropdown"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,WAAWC;;;;;"}

package/cjs/dropdown/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 { PopupProps } from '../popup';
 import { TNode } from '../common';
@@ -22,20 +22,20 @@ export interface TdDropdownProps {
      */
     hideAfterItemClick?: boolean;
     /**
-     * 选项最大宽度，内容超出时，显示为省略号，单位：px
+     * 选项最大宽度，内容超出时，显示为省略号。值为字符串时，值就是最大宽度；值为数字时，单位：px
      * @default 100
      */
-    maxColumnWidth?: number;
+    maxColumnWidth?: string | number;
     /**
      * 弹窗最大高度，单位：px 。统一控制每一列的高度
      * @default 300
      */
     maxHeight?: number;
     /**
-     * 选项最小宽度，单位：px
+     * 选项最小宽度。值为字符串时，值就是最大宽度；值为数字时，单位：px
      * @default 10
      */
-    minColumnWidth?: number;
+    minColumnWidth?: string | number;
     /**
      * 下拉操作项
      * @default []

package/cjs/dropdown/type.js

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

package/cjs/form/Form.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,92 +8,109 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var slicedToArray = require('../_chunks/dep-8f80ce94.js');
-var defineProperty = require('../_chunks/dep-cbedafdb.js');
+var slicedToArray = require('../_chunks/dep-da78990d.js');
+var defineProperty = require('../_chunks/dep-d3bc70e6.js');
 var React = require('react');
 var classNames = require('classnames');
-var isEmpty = require('../_chunks/dep-47c5958a.js');
-var form_FormItem = require('../_chunks/dep-76b423db.js');
-var isFunction = require('../_chunks/dep-3cf89b5c.js');
-var flatten = require('../_chunks/dep-8866ca0f.js');
+var isEmpty = require('../_chunks/dep-00b8a2d1.js');
+var form_FormItem = require('../_chunks/dep-51c4e7f7.js');
+var isFunction = require('../_chunks/dep-2fd8f7ab.js');
+var flatten = require('../_chunks/dep-25bfef5a.js');
 var _util_useConfig = require('../_util/useConfig.js');
 var _util_forwardRefWithStatics = require('../_util/forwardRefWithStatics.js');
 var form_FormContext = require('./FormContext.js');
-require('../_chunks/dep-2c22ada3.js');
-require('../_chunks/dep-d86dd68c.js');
-require('../_chunks/dep-bc7ce7d9.js');
-require('../_chunks/dep-9b5ff552.js');
-require('../_chunks/dep-c0a7a7d0.js');
-require('../_chunks/dep-44e3e9bb.js');
-require('../_chunks/dep-13b26ac7.js');
-require('../_chunks/dep-d58c0812.js');
-require('../_chunks/dep-79109b15.js');
-require('../_chunks/dep-61673248.js');
-require('../_chunks/dep-ef75128a.js');
-require('../_chunks/dep-0b364e7e.js');
+require('../_chunks/dep-d9282bb5.js');
+require('../_chunks/dep-f17d6eda.js');
+require('../_chunks/dep-134e03ea.js');
+require('../_chunks/dep-4e5cf448.js');
+require('../_chunks/dep-bfed6fdf.js');
+require('../_chunks/dep-6518d17e.js');
+require('../_chunks/dep-8f43c640.js');
+require('../_chunks/dep-7729ff87.js');
+require('../_chunks/dep-1042649c.js');
+require('../_chunks/dep-18156ba1.js');
+require('../_chunks/dep-9351a106.js');
+require('../_chunks/dep-fc960735.js');
 require('tdesign-icons-react');
 require('../checkbox/index.js');
-require('../_chunks/dep-1d475598.js');
+require('../_chunks/dep-f04f391f.js');
 require('../common/Check.js');
-require('../_chunks/dep-ab51e170.js');
+require('../_chunks/dep-de61e955.js');
 require('../_util/helper.js');
-require('../_chunks/dep-abe29065.js');
-require('../_chunks/dep-9ecba42e.js');
-require('../_chunks/dep-37d490bf.js');
-require('../_chunks/dep-cba485ce.js');
-require('../_chunks/dep-62e1d7f2.js');
+require('../_chunks/dep-2b06a1a0.js');
+require('../_chunks/dep-597fbc24.js');
+require('../_chunks/dep-9733d1b2.js');
+require('../_chunks/dep-010aedd2.js');
+require('../_chunks/dep-3707da92.js');
 require('../_util/useDefault.js');
 require('../_util/noop.js');
-require('../_chunks/dep-56eca6a0.js');
+require('../_chunks/dep-ea57a529.js');
 require('hoist-non-react-statics');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
 require('../upload/index.js');
 require('../upload/upload.js');
-require('../upload/dragger.js');
-require('../upload/themes/dragger-progress.js');
+require('../_chunks/dep-b5fa133f.js');
+require('../_chunks/dep-056bf66d.js');
+require('../_chunks/dep-730b3235.js');
+require('../_chunks/dep-9c880841.js');
+require('../_chunks/dep-ca5c0bd5.js');
+require('../_chunks/dep-2fec69e8.js');
+require('../_chunks/dep-531831e1.js');
+require('../_chunks/dep-74126c22.js');
+require('../_chunks/dep-bf483375.js');
+require('../_chunks/dep-b4047642.js');
+require('../_chunks/dep-06d7c0c6.js');
+require('../_chunks/dep-437656db.js');
+require('../_chunks/dep-b957e0af.js');
+require('../dialog/index.js');
+require('../dialog/Dialog.js');
+require('../_chunks/dep-b9b29dde.js');
+require('../locale/LocalReceiver.js');
 require('../button/index.js');
 require('../button/Button.js');
 require('../_util/useRipple.js');
 require('../_util/setStyle.js');
 require('../loading/index.js');
 require('../loading/loading.js');
-require('react-dom');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-9166817e.js');
 require('../_util/easing.js');
 require('../common/Portal.js');
+require('react-dom');
+require('../loading/gradient.js');
+require('../loading/plugin.js');
+require('../dialog/RenderDialog.js');
+require('react-transition-group');
+require('../_util/useSetState.js');
+require('../dialog/plugin.js');
+require('../upload/dragger.js');
+require('../upload/themes/dragger-progress.js');
 require('../upload/util.js');
-require('../_chunks/dep-24e6d496.js');
 require('../upload/upload-trigger.js');
 require('../upload/tips.js');
 require('../_common/js/upload/xhr.js');
 require('../upload/themes/single-file.js');
 require('../upload/themes/image-card.js');
-require('../dialog/index.js');
-require('../dialog/Dialog.js');
-require('../locale/LocalReceiver.js');
-require('../dialog/RenderDialog.js');
-require('react-transition-group');
-require('../_util/useSetState.js');
-require('../dialog/plugin.js');
+require('../upload/boolean-render.js');
+require('../upload/themes/flow-list/index.js');
+require('../upload/themes/flow-list/img-list.js');
+require('../upload/themes/flow-list/file-list.js');
 require('../upload/hooks/useDefaultValue.js');
 require('../tag/index.js');
 require('../tag/Tag.js');
 require('../tag/CheckTag.js');
 require('./formModel.js');
-require('../_chunks/dep-7ee74ed6.js');
-require('../_chunks/dep-99912346.js');
+require('../_chunks/dep-4b160964.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 Form = _util_forwardRefWithStatics["default"](function (props, ref) {
   var style = props.style,
       className = props.className,

package/cjs/form/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../src/form/Form.tsx"],"sourcesContent":["import React, { useRef, createRef, useImperativeHandle } from 'react';\nimport classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\nimport isNil from 'lodash/isNil';\nimport isFunction from 'lodash/isFunction';\nimport flatten from 'lodash/flatten';\nimport useConfig from '../_util/useConfig';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport { TdFormProps, FormValidateResult } from './type';\nimport { StyledProps } from '../common';\nimport FormContext from './FormContext';\nimport FormItem from './FormItem';\n\nexport interface FormProps extends TdFormProps, StyledProps {\n  children?: React.ReactNode;\n}\n\nexport type Result = FormValidateResult<FormData>;\n\nconst Form = forwardRefWithStatics(\n  (props: FormProps, ref) => {\n    const {\n      style,\n      className,\n      labelWidth = '100px',\n      statusIcon,\n      labelAlign = 'right',\n      layout = 'vertical',\n      size = 'medium',\n      colon = false,\n      requiredMark = true,\n      scrollToFirstError,\n      showErrorMessage = true,\n      resetType = 'empty',\n      rules,\n      children,\n      onSubmit,\n      onReset,\n    } = props;\n    const { classPrefix } = useConfig();\n    const formClass = classNames(className, `${classPrefix}-form`, {\n      [`${classPrefix}-form-inline`]: layout === 'inline',\n    });\n\n    const formRef = useRef(null);\n    const formItemsRef = useRef([]);\n    formItemsRef.current = React.Children.map(children, (_child, index) => (formItemsRef.current[index] = createRef()));\n\n    const FORM_ITEM_CLASS_PREFIX = `${classPrefix}-form-item__`;\n\n    function getFirstError(r: Result) {\n      if (r === true) return;\n      const [firstKey] = Object.keys(r);\n      if (scrollToFirstError) {\n        scrollTo(`.${FORM_ITEM_CLASS_PREFIX + firstKey}`);\n      }\n      return r[firstKey][0]?.message;\n    }\n    // 校验不通过时，滚动到第一个错误表单\n    function scrollTo(selector: string) {\n      const dom = document.querySelector(selector);\n      const behavior = scrollToFirstError as ScrollBehavior;\n      dom && dom.scrollIntoView({ behavior });\n    }\n\n    function submitHandler(e: React.FormEvent<HTMLFormElement>) {\n      e?.preventDefault();\n      validate().then((r) => {\n        getFirstError(r);\n        onSubmit?.({ validateResult: r, e });\n      });\n    }\n    function resetHandler(e: React.FormEvent<HTMLFormElement>) {\n      e?.preventDefault();\n      formItemsRef.current.forEach((formItemRef) => {\n        if (!isFunction(formItemRef.resetField)) return;\n        formItemRef.resetField();\n      });\n      onReset?.({ e });\n    }\n\n    // 对外方法，该方法会触发全部表单组件错误信息显示\n    function validate(param?: Record<string, any>): Promise<Result> {\n      function needValidate(name: string, fields: string[]) {\n        if (!fields || !Array.isArray(fields)) return true;\n        return fields.indexOf(name) !== -1;\n      }\n\n      const { fields, trigger = 'all' } = param || {};\n      const list = formItemsRef.current\n        .filter((formItemRef) => isFunction(formItemRef.validate) && needValidate(formItemRef.name, fields))\n        .map((formItemRef) => formItemRef.validate(trigger));\n\n      return new Promise((resolve) => {\n        Promise.all(flatten(list))\n          .then((arr: any) => {\n            const r = arr.reduce((r, err) => Object.assign(r || {}, err), {});\n            Object.keys(r).forEach((key) => {\n              if (r[key] === true) {\n                delete r[key];\n              }\n            });\n            resolve(isEmpty(r) ? true : r);\n          })\n          .catch(console.error);\n      });\n    }\n\n    // 对外方法，获取整个表单的值\n    function getAllFieldsValue() {\n      const fieldsValue = {};\n      formItemsRef.current.forEach((formItemRef) => {\n        // name 有可能为undefined。 值为空的时候，不返回（null或者undefined或者空字符串）\n        if (formItemRef?.name && !isNil(formItemRef.value)) {\n          fieldsValue[formItemRef.name] = formItemRef.value;\n        }\n      });\n\n      return fieldsValue;\n    }\n\n    // 对外方法，获取对应 formItem 的值\n    function getFieldValue(name: string) {\n      if (!name) return null;\n      const target = formItemsRef.current.find((formItemRef) => formItemRef.name === name);\n      return target && target.value;\n    }\n\n    // 对外方法，设置对应 formItem 的值\n    function setFieldsValue(fileds = {}) {\n      const formItemsMap = formItemsRef.current.reduce((acc, currItem) => {\n        const { name } = currItem;\n        return { ...acc, [name]: currItem };\n      }, {});\n      Object.keys(fileds).forEach((key) => {\n        formItemsMap[key]?.setValue(fileds[key]);\n      });\n    }\n\n    // 对外方法，设置对应 formItem 的数据\n    function setFields(fileds = []) {\n      if (!Array.isArray(fileds)) throw new Error('setFields 参数需要 Array 类型');\n      const formItemsMap = formItemsRef.current.reduce((acc, currItem) => {\n        const { name } = currItem;\n        return { ...acc, [name]: currItem };\n      }, {});\n      fileds.forEach((filed) => {\n        const { name, value, status } = filed;\n        formItemsMap[name]?.setField({ value, status });\n      });\n    }\n\n    useImperativeHandle(ref, (): any => ({\n      submit: submitHandler,\n      reset: resetHandler,\n      getFieldValue,\n      setFieldsValue,\n      setFields,\n      validate,\n      getAllFieldsValue,\n    }));\n\n    return (\n      <FormContext.Provider\n        value={{\n          labelWidth,\n          statusIcon,\n          labelAlign,\n          layout,\n          size,\n          colon,\n          requiredMark,\n          showErrorMessage,\n          scrollToFirstError,\n          resetType,\n          rules,\n        }}\n      >\n        <form className={formClass} style={style} onSubmit={submitHandler} onReset={resetHandler} ref={formRef}>\n          {React.Children.map(children, (child: React.ReactElement, index) => {\n            if (!child) return null;\n\n            const { cloneElement } = React;\n            return cloneElement(child, {\n              ref: (el: React.ReactElement) => {\n                if (!el) return;\n                formItemsRef.current[index] = el;\n              },\n            });\n          })}\n        </form>\n      </FormContext.Provider>\n    );\n  },\n  { FormItem },\n);\n\nForm.displayName = 'Form';\n\nexport default Form;\n"],"names":["Form","forwardRefWithStatics","props","ref","style","className","labelWidth","statusIcon","labelAlign","layout","size","colon","requiredMark","scrollToFirstError","showErrorMessage","resetType","rules","children","onSubmit","onReset","useConfig","classPrefix","formClass","classNames","formRef","useRef","formItemsRef","current","React","Children","map","_child","index","createRef","FORM_ITEM_CLASS_PREFIX","r","Object","keys","firstKey","message","selector","dom","document","querySelector","behavior","scrollIntoView","e","preventDefault","then","validateResult","forEach","formItemRef","isFunction","resetField","param","name","fields2","Array","isArray","indexOf","fields","trigger","list","filter","validate","needValidate","Promise","resolve","all","flatten","arr","reduce","r2","err","assign","key","isEmpty","console","error","fieldsValue","isNil","value","target","find","fileds","formItemsMap","acc","currItem","setValue","Error","filed","status","setField","submit","submitHandler","reset","resetHandler","getFieldValue","setFieldsValue","setFields","getAllFieldsValue","FormContext","Provider","child","cloneElement","el","FormItem","displayName"],"mappings":"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"}
+{"version":3,"file":"Form.js","sources":["../../src/form/Form.tsx"],"sourcesContent":["import React, { useRef, createRef, useImperativeHandle } from 'react';\nimport classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\nimport isNil from 'lodash/isNil';\nimport isFunction from 'lodash/isFunction';\nimport flatten from 'lodash/flatten';\nimport useConfig from '../_util/useConfig';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport { TdFormProps, FormValidateResult } from './type';\nimport { StyledProps } from '../common';\nimport FormContext from './FormContext';\nimport FormItem from './FormItem';\n\nexport interface FormProps extends TdFormProps, StyledProps {\n  children?: React.ReactNode;\n}\n\nexport type Result = FormValidateResult<FormData>;\n\nconst Form = forwardRefWithStatics(\n  (props: FormProps, ref) => {\n    const {\n      style,\n      className,\n      labelWidth = '100px',\n      statusIcon,\n      labelAlign = 'right',\n      layout = 'vertical',\n      size = 'medium',\n      colon = false,\n      requiredMark = true,\n      scrollToFirstError,\n      showErrorMessage = true,\n      resetType = 'empty',\n      rules,\n      children,\n      onSubmit,\n      onReset,\n    } = props;\n    const { classPrefix } = useConfig();\n    const formClass = classNames(className, `${classPrefix}-form`, {\n      [`${classPrefix}-form-inline`]: layout === 'inline',\n    });\n\n    const formRef = useRef(null);\n    const formItemsRef = useRef([]);\n    formItemsRef.current = React.Children.map(children, (_child, index) => (formItemsRef.current[index] = createRef()));\n\n    const FORM_ITEM_CLASS_PREFIX = `${classPrefix}-form-item__`;\n\n    function getFirstError(r: Result) {\n      if (r === true) return;\n      const [firstKey] = Object.keys(r);\n      if (scrollToFirstError) {\n        scrollTo(`.${FORM_ITEM_CLASS_PREFIX + firstKey}`);\n      }\n      return r[firstKey][0]?.message;\n    }\n    // 校验不通过时，滚动到第一个错误表单\n    function scrollTo(selector: string) {\n      const dom = document.querySelector(selector);\n      const behavior = scrollToFirstError as ScrollBehavior;\n      dom && dom.scrollIntoView({ behavior });\n    }\n\n    function submitHandler(e: React.FormEvent<HTMLFormElement>) {\n      e?.preventDefault();\n      validate().then((r) => {\n        getFirstError(r);\n        onSubmit?.({ validateResult: r, e });\n      });\n    }\n    function resetHandler(e: React.FormEvent<HTMLFormElement>) {\n      e?.preventDefault();\n      formItemsRef.current.forEach((formItemRef) => {\n        if (!isFunction(formItemRef.resetField)) return;\n        formItemRef.resetField();\n      });\n      onReset?.({ e });\n    }\n\n    // 对外方法，该方法会触发全部表单组件错误信息显示\n    function validate(param?: Record<string, any>): Promise<Result> {\n      function needValidate(name: string, fields: string[]) {\n        if (!fields || !Array.isArray(fields)) return true;\n        return fields.indexOf(name) !== -1;\n      }\n\n      const { fields, trigger = 'all' } = param || {};\n      const list = formItemsRef.current\n        .filter((formItemRef) => isFunction(formItemRef.validate) && needValidate(formItemRef.name, fields))\n        .map((formItemRef) => formItemRef.validate(trigger));\n\n      return new Promise((resolve) => {\n        Promise.all(flatten(list))\n          .then((arr: any) => {\n            const r = arr.reduce((r, err) => Object.assign(r || {}, err), {});\n            Object.keys(r).forEach((key) => {\n              if (r[key] === true) {\n                delete r[key];\n              }\n            });\n            resolve(isEmpty(r) ? true : r);\n          })\n          .catch(console.error);\n      });\n    }\n\n    // 对外方法，获取整个表单的值\n    function getAllFieldsValue() {\n      const fieldsValue = {};\n      formItemsRef.current.forEach((formItemRef) => {\n        // name 有可能为undefined。 值为空的时候，不返回（null或者undefined或者空字符串）\n        if (formItemRef?.name && !isNil(formItemRef.value)) {\n          fieldsValue[formItemRef.name] = formItemRef.value;\n        }\n      });\n\n      return fieldsValue;\n    }\n\n    // 对外方法，获取对应 formItem 的值\n    function getFieldValue(name: string) {\n      if (!name) return null;\n      const target = formItemsRef.current.find((formItemRef) => formItemRef.name === name);\n      return target && target.value;\n    }\n\n    // 对外方法，设置对应 formItem 的值\n    function setFieldsValue(fileds = {}) {\n      const formItemsMap = formItemsRef.current.reduce((acc, currItem) => {\n        const { name } = currItem;\n        return { ...acc, [name]: currItem };\n      }, {});\n      Object.keys(fileds).forEach((key) => {\n        formItemsMap[key]?.setValue(fileds[key]);\n      });\n    }\n\n    // 对外方法，设置对应 formItem 的数据\n    function setFields(fileds = []) {\n      if (!Array.isArray(fileds)) throw new Error('setFields 参数需要 Array 类型');\n      const formItemsMap = formItemsRef.current.reduce((acc, currItem) => {\n        const { name } = currItem;\n        return { ...acc, [name]: currItem };\n      }, {});\n      fileds.forEach((filed) => {\n        const { name, value, status } = filed;\n        formItemsMap[name]?.setField({ value, status });\n      });\n    }\n\n    useImperativeHandle(ref, (): any => ({\n      submit: submitHandler,\n      reset: resetHandler,\n      getFieldValue,\n      setFieldsValue,\n      setFields,\n      validate,\n      getAllFieldsValue,\n    }));\n\n    return (\n      <FormContext.Provider\n        value={{\n          labelWidth,\n          statusIcon,\n          labelAlign,\n          layout,\n          size,\n          colon,\n          requiredMark,\n          showErrorMessage,\n          scrollToFirstError,\n          resetType,\n          rules,\n        }}\n      >\n        <form className={formClass} style={style} onSubmit={submitHandler} onReset={resetHandler} ref={formRef}>\n          {React.Children.map(children, (child: React.ReactElement, index) => {\n            if (!child) return null;\n\n            const { cloneElement } = React;\n            return cloneElement(child, {\n              ref: (el: React.ReactElement) => {\n                if (!el) return;\n                formItemsRef.current[index] = el;\n              },\n            });\n          })}\n        </form>\n      </FormContext.Provider>\n    );\n  },\n  { FormItem },\n);\n\nForm.displayName = 'Form';\n\nexport default Form;\n"],"names":["Form","forwardRefWithStatics","props","ref","style","className","labelWidth","statusIcon","labelAlign","layout","size","colon","requiredMark","scrollToFirstError","showErrorMessage","resetType","rules","children","onSubmit","onReset","useConfig","classPrefix","formClass","classNames","formRef","useRef","formItemsRef","current","React","Children","map","_child","index","createRef","FORM_ITEM_CLASS_PREFIX","r","Object","keys","firstKey","message","selector","dom","document","querySelector","behavior","scrollIntoView","e","preventDefault","then","validateResult","forEach","formItemRef","isFunction","resetField","param","name","fields2","Array","isArray","indexOf","fields","trigger","list","filter","validate","needValidate","Promise","resolve","all","flatten","arr","reduce","r2","err","assign","key","isEmpty","console","error","fieldsValue","isNil","value","target","find","fileds","formItemsMap","acc","currItem","setValue","Error","filed","status","setField","submit","submitHandler","reset","resetHandler","getFieldValue","setFieldsValue","setFields","getAllFieldsValue","FormContext","Provider","child","cloneElement","el","FormItem","displayName"],"mappings":"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"}

package/cjs/form/FormContext.js

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

package/cjs/form/FormItem.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,12 +8,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../_chunks/dep-9b5ff552.js');
-require('../_chunks/dep-cbedafdb.js');
-require('../_chunks/dep-8f80ce94.js');
+require('../_chunks/dep-4e5cf448.js');
+require('../_chunks/dep-d3bc70e6.js');
+require('../_chunks/dep-da78990d.js');
 require('react');
 require('classnames');
-var form_FormItem = require('../_chunks/dep-76b423db.js');
+var form_FormItem = require('../_chunks/dep-51c4e7f7.js');
 require('tdesign-icons-react');
 require('../_util/useConfig.js');
 require('../checkbox/index.js');
@@ -21,68 +21,85 @@ require('../upload/index.js');
 require('../tag/index.js');
 require('./formModel.js');
 require('./FormContext.js');
-require('../_chunks/dep-2c22ada3.js');
+require('../_chunks/dep-d9282bb5.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
-require('../_chunks/dep-1d475598.js');
+require('../_chunks/dep-f04f391f.js');
 require('../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 require('../common/Check.js');
-require('../_chunks/dep-ab51e170.js');
+require('../_chunks/dep-de61e955.js');
 require('../_util/helper.js');
-require('../_chunks/dep-abe29065.js');
-require('../_chunks/dep-9ecba42e.js');
-require('../_chunks/dep-bc7ce7d9.js');
-require('../_chunks/dep-ef75128a.js');
-require('../_chunks/dep-37d490bf.js');
-require('../_chunks/dep-44e3e9bb.js');
-require('../_chunks/dep-cba485ce.js');
-require('../_chunks/dep-62e1d7f2.js');
+require('../_chunks/dep-2b06a1a0.js');
+require('../_chunks/dep-597fbc24.js');
+require('../_chunks/dep-134e03ea.js');
+require('../_chunks/dep-9351a106.js');
+require('../_chunks/dep-9733d1b2.js');
+require('../_chunks/dep-6518d17e.js');
+require('../_chunks/dep-010aedd2.js');
+require('../_chunks/dep-3707da92.js');
 require('../_util/useDefault.js');
 require('../_util/noop.js');
-require('../_chunks/dep-56eca6a0.js');
+require('../_chunks/dep-ea57a529.js');
 require('../upload/upload.js');
-require('../_chunks/dep-47c5958a.js');
-require('../_chunks/dep-d86dd68c.js');
-require('../_chunks/dep-c0a7a7d0.js');
-require('../_chunks/dep-13b26ac7.js');
-require('../_chunks/dep-d58c0812.js');
-require('../_chunks/dep-3cf89b5c.js');
-require('../_chunks/dep-79109b15.js');
-require('../_chunks/dep-61673248.js');
-require('../_chunks/dep-0b364e7e.js');
-require('../upload/dragger.js');
-require('../upload/themes/dragger-progress.js');
+require('../_chunks/dep-b5fa133f.js');
+require('../_chunks/dep-056bf66d.js');
+require('../_chunks/dep-00b8a2d1.js');
+require('../_chunks/dep-f17d6eda.js');
+require('../_chunks/dep-bfed6fdf.js');
+require('../_chunks/dep-8f43c640.js');
+require('../_chunks/dep-7729ff87.js');
+require('../_chunks/dep-2fd8f7ab.js');
+require('../_chunks/dep-1042649c.js');
+require('../_chunks/dep-18156ba1.js');
+require('../_chunks/dep-fc960735.js');
+require('../_chunks/dep-730b3235.js');
+require('../_chunks/dep-9c880841.js');
+require('../_chunks/dep-ca5c0bd5.js');
+require('../_chunks/dep-2fec69e8.js');
+require('../_chunks/dep-531831e1.js');
+require('../_chunks/dep-74126c22.js');
+require('../_chunks/dep-bf483375.js');
+require('../_chunks/dep-b4047642.js');
+require('../_chunks/dep-06d7c0c6.js');
+require('../_chunks/dep-437656db.js');
+require('../_chunks/dep-b957e0af.js');
+require('../dialog/index.js');
+require('../dialog/Dialog.js');
+require('../_chunks/dep-b9b29dde.js');
+require('../locale/LocalReceiver.js');
 require('../button/index.js');
 require('../button/Button.js');
 require('../_util/useRipple.js');
 require('../_util/setStyle.js');
 require('../loading/index.js');
 require('../loading/loading.js');
-require('react-dom');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-9166817e.js');
 require('../_util/easing.js');
 require('../common/Portal.js');
+require('react-dom');
+require('../loading/gradient.js');
+require('../loading/plugin.js');
+require('../dialog/RenderDialog.js');
+require('react-transition-group');
+require('../_util/useSetState.js');
+require('../dialog/plugin.js');
+require('../upload/dragger.js');
+require('../upload/themes/dragger-progress.js');
 require('../upload/util.js');
-require('../_chunks/dep-24e6d496.js');
 require('../upload/upload-trigger.js');
 require('../upload/tips.js');
 require('../_common/js/upload/xhr.js');
 require('../upload/themes/single-file.js');
 require('../upload/themes/image-card.js');
-require('../dialog/index.js');
-require('../dialog/Dialog.js');
-require('../locale/LocalReceiver.js');
-require('../dialog/RenderDialog.js');
-require('react-transition-group');
-require('../_util/useSetState.js');
-require('../dialog/plugin.js');
+require('../upload/boolean-render.js');
+require('../upload/themes/flow-list/index.js');
+require('../upload/themes/flow-list/img-list.js');
+require('../upload/themes/flow-list/file-list.js');
 require('../upload/hooks/useDefaultValue.js');
 require('../tag/Tag.js');
 require('../tag/CheckTag.js');
-require('../_chunks/dep-7ee74ed6.js');