tdesign-react 0.19.1 → 0.21.0

package/cjs/popup/type.js

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

package/cjs/progress/Progress.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');
@@ -16,7 +16,7 @@ var _util_useConfig = require('../_util/useConfig.js');
 var _util_linearGradient = require('../_util/linearGradient.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.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 }; }
 
@@ -62,20 +62,20 @@ var Progress = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
     if (typeof label === "boolean") {
       info = /* @__PURE__ */React__default["default"].createElement("div", {
-        className: "".concat(classPrefix, "-progress--info")
+        className: "".concat(classPrefix, "-progress__info")
       }, "".concat(percentage, "%"));
 
       if (["success", "error", "warning"].includes(status)) {
         var Icon = iconMap[status];
         info = /* @__PURE__ */React__default["default"].createElement("div", {
-          className: "".concat(classPrefix, "-progress--info")
+          className: "".concat(classPrefix, "-progress__info")
         }, /* @__PURE__ */React__default["default"].createElement(Icon, {
-          className: "".concat(classPrefix, "-progress--icon")
+          className: "".concat(classPrefix, "-progress__icon")
         }));
       }
     } else {
       info = /* @__PURE__ */React__default["default"].createElement("div", {
-        className: "".concat(classPrefix, "-progress--info")
+        className: "".concat(classPrefix, "-progress__info")
       }, label);
     }
 
@@ -174,7 +174,7 @@ var Progress = /*#__PURE__*/React.forwardRef(function (props, ref) {
       fill: "none",
       transform: "matrix(0,-1,1,0,0,".concat(diameter, ")"),
       strokeDasharray: strokeDasharray,
-      className: "".concat(classPrefix, "-circle--inner"),
+      className: "".concat(classPrefix, "-progress__circle-inner"),
       style: circlePathStyle
     })));
     return /* @__PURE__ */React__default["default"].createElement("div", {
@@ -205,13 +205,13 @@ var Progress = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var PLUMP_SEPERATE = 10;
     progressDom = /* @__PURE__ */React__default["default"].createElement("div", {
       ref: ref,
-      className: classNames__default["default"]("".concat(classPrefix, "-progress--bar"), "".concat(classPrefix, "-progress--plump"), (_classNames2 = {}, defineProperty._defineProperty(_classNames2, "".concat(statusClassName), status), defineProperty._defineProperty(_classNames2, "".concat(classPrefix, "-progress--over-ten"), percentage > PLUMP_SEPERATE), defineProperty._defineProperty(_classNames2, "".concat(classPrefix, "-progress--under-ten"), percentage <= PLUMP_SEPERATE), _classNames2)),
+      className: classNames__default["default"]("".concat(classPrefix, "-progress__bar"), "".concat(classPrefix, "-progress--plump"), (_classNames2 = {}, defineProperty._defineProperty(_classNames2, "".concat(statusClassName), status), defineProperty._defineProperty(_classNames2, "".concat(classPrefix, "-progress--over-ten"), percentage > PLUMP_SEPERATE), defineProperty._defineProperty(_classNames2, "".concat(classPrefix, "-progress--under-ten"), percentage <= PLUMP_SEPERATE), _classNames2)),
       style: trackStyle
     }, /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(classPrefix, "-progress--inner"),
+      className: "".concat(classPrefix, "-progress__inner"),
       style: barStyle
     }, label && /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(classPrefix, "-progress--info"),
+      className: "".concat(classPrefix, "-progress__info"),
       style: percentage > 10 ? {
         color: "#fff"
       } : {
@@ -223,10 +223,10 @@ var Progress = /*#__PURE__*/React.forwardRef(function (props, ref) {
       ref: ref,
       className: classNames__default["default"]("".concat(classPrefix, "-progress--thin"), defineProperty._defineProperty({}, "".concat(statusClassName), status))
     }, /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(classPrefix, "-progress--bar"),
+      className: "".concat(classPrefix, "-progress__bar"),
       style: trackStyle
     }, /* @__PURE__ */React__default["default"].createElement("div", {
-      className: "".concat(classPrefix, "-progress--inner"),
+      className: "".concat(classPrefix, "-progress__inner"),
       style: barStyle
     })), getInfoContent());
   }

package/cjs/progress/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","sources":["../../src/progress/Progress.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport {\n  CheckCircleIcon,\n  CloseCircleIcon,\n  ErrorCircleIcon,\n  CheckCircleFilledIcon,\n  CloseCircleFilledIcon,\n  ErrorCircleFilledIcon,\n} from 'tdesign-icons-react';\nimport useConfig from '../_util/useConfig';\nimport getBackgroundColor from '../_util/linearGradient';\nimport { StyledProps } from '../common';\nimport { TdProgressProps } from './type';\n\nexport interface ProgressProps extends TdProgressProps, StyledProps {}\n/**\n * 按钮组件\n */\nconst Progress = forwardRef((props: ProgressProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    theme = 'line',\n    percentage = 0,\n    label = true,\n    color = '',\n    trackColor = '#f5f5f5',\n    strokeWidth,\n    size = 'medium',\n    className,\n  } = props;\n  let { status } = props;\n  if (!status && percentage >= 100) {\n    status = 'success';\n  }\n  let iconMap = {\n    success: CheckCircleFilledIcon,\n    error: CloseCircleFilledIcon,\n    warning: ErrorCircleFilledIcon,\n  };\n  const { classPrefix } = useConfig();\n  // 进度条展示内容\n  const getInfoContent = () => {\n    if (!label) {\n      return '';\n    }\n    let info: React.ReactNode;\n    // 为布尔值，默认百分百展示，否则之间展示label内容\n    if (typeof label === 'boolean') {\n      info = <div className={`${classPrefix}-progress--info`}>{`${percentage}%`}</div>;\n      if (['success', 'error', 'warning'].includes(status)) {\n        const Icon = iconMap[status];\n        info = (\n          <div className={`${classPrefix}-progress--info`}>\n            <Icon className={`${classPrefix}-progress--icon`} />\n          </div>\n        );\n      }\n    } else {\n      info = <div className={`${classPrefix}-progress--info`}>{label}</div>;\n    }\n    return info;\n  };\n  const statusClassName = `${classPrefix}-progress--status--${status}`;\n  let progressDom;\n  if (theme === 'circle') {\n    iconMap = {\n      success: CheckCircleIcon,\n      error: CloseCircleIcon,\n      warning: ErrorCircleIcon,\n    };\n    // 获取直径\n    const getDiameter = (): number => {\n      let diameter = 112;\n      if (!size) {\n        return diameter;\n      }\n      switch (size) {\n        default:\n          diameter = Number(size);\n          break;\n        case 'small':\n          diameter = 72;\n          break;\n        case 'medium':\n          diameter = 112;\n          break;\n        case 'large':\n          diameter = 160;\n          break;\n      }\n      return diameter;\n    };\n    // 获取环形进度条 环的宽度\n    const getCircleStokeWidth = (): number => {\n      if (!strokeWidth) {\n        if (size === 'small') {\n          return 4;\n        }\n      }\n      if (typeof strokeWidth !== 'number' || Number.isNaN(strokeWidth)) {\n        return 6;\n      }\n      return strokeWidth;\n    };\n    // 环形进度条尺寸(进度条占位空间，长宽占位)\n    const circleStokeWidth = getCircleStokeWidth();\n    // 直径\n    const diameter = getDiameter();\n    // 半径\n    const radius = diameter / 2;\n    // 内环半径\n    const innerRadius = radius - circleStokeWidth;\n\n    const perimeter = Math.PI * 2 * (radius - circleStokeWidth);\n    const percent = percentage / 100;\n    const strokeDasharray = `${perimeter * percent}  ${perimeter * (1 - percent)}`;\n    // 自适应文字，根据半路，适度调整\n    const fontSizeRatio = innerRadius * 0.27;\n    const circleBoxStyle = {\n      width: diameter,\n      height: diameter,\n      fontSize: 4 + fontSizeRatio,\n    } as React.CSSProperties;\n    const circlePathStyle = {\n      stroke: color,\n      strokeLinecap: circleStokeWidth < 30 ? 'round' : 'buff',\n    } as React.CSSProperties;\n    progressDom = (\n      <div\n        ref={ref}\n        className={classNames(`${classPrefix}-progress--circle`, {\n          [`${statusClassName}`]: status,\n        })}\n        style={circleBoxStyle}\n      >\n        {getInfoContent()}\n        <svg width={diameter} height={diameter} viewBox={`0 0 ${diameter} ${diameter}`}>\n          <circle\n            cx={radius}\n            cy={radius}\n            r={innerRadius}\n            strokeWidth={circleStokeWidth}\n            stroke={trackColor}\n            fill=\"none\"\n          ></circle>\n          <circle\n            cx={radius}\n            cy={radius}\n            r={innerRadius}\n            strokeWidth={circleStokeWidth}\n            fill=\"none\"\n            transform={`matrix(0,-1,1,0,0,${diameter})`}\n            strokeDasharray={strokeDasharray}\n            className={`${classPrefix}-circle--inner`}\n            style={circlePathStyle}\n          ></circle>\n        </svg>\n      </div>\n    );\n    return <div className={className}>{progressDom}</div>;\n  }\n  // 进度条轨道高度\n  const getHeight = (): string => {\n    if (strokeWidth) {\n      return typeof strokeWidth === 'string' ? strokeWidth : `${strokeWidth}px`;\n    }\n  };\n  const trackStyle = {\n    height: getHeight(),\n    backgroundColor: trackColor,\n    borderRadius: getHeight(),\n  } as React.CSSProperties;\n  const barStyle = {\n    width: `${percentage}%`,\n    background: getBackgroundColor(color),\n    borderRadius: getHeight(),\n  } as React.CSSProperties;\n  if (theme === 'plump') {\n    const PLUMP_SEPERATE = 10;\n    progressDom = (\n      <div\n        ref={ref}\n        className={classNames(`${classPrefix}-progress--bar`, `${classPrefix}-progress--plump`, {\n          [`${statusClassName}`]: status,\n          [`${classPrefix}-progress--over-ten`]: percentage > PLUMP_SEPERATE,\n          [`${classPrefix}-progress--under-ten`]: percentage <= PLUMP_SEPERATE,\n        })}\n        style={trackStyle}\n      >\n        <div className={`${classPrefix}-progress--inner`} style={barStyle}>\n          {label && (\n            <div\n              className={`${classPrefix}-progress--info`}\n              style={percentage > 10 ? { color: '#fff' } : { right: '-2.5em' }}\n            >{`${percentage}%`}</div>\n          )}\n        </div>\n      </div>\n    );\n  } else {\n    progressDom = (\n      <div\n        ref={ref}\n        className={classNames(`${classPrefix}-progress--thin`, {\n          [`${statusClassName}`]: status,\n        })}\n      >\n        <div className={`${classPrefix}-progress--bar`} style={trackStyle}>\n          <div className={`${classPrefix}-progress--inner`} style={barStyle}></div>\n        </div>\n        {getInfoContent()}\n      </div>\n    );\n  }\n  return <div className={className}>{progressDom}</div>;\n});\n\nProgress.displayName = 'Progress';\n\nexport default Progress;\n"],"names":["Progress","forwardRef","props","ref","theme","percentage","label","color","trackColor","strokeWidth","size","className","status","iconMap","success","CheckCircleFilledIcon","error","CloseCircleFilledIcon","warning","ErrorCircleFilledIcon","useConfig","classPrefix","getInfoContent","info","includes","Icon","statusClassName","progressDom","CheckCircleIcon","CloseCircleIcon","ErrorCircleIcon","getDiameter","diameter2","Number","getCircleStokeWidth","isNaN","circleStokeWidth","diameter","radius","innerRadius","perimeter","Math","PI","percent","strokeDasharray","fontSizeRatio","circleBoxStyle","width","height","fontSize","circlePathStyle","stroke","strokeLinecap","classNames","style","viewBox","cx","cy","r","fill","transform","getHeight","trackStyle","backgroundColor","borderRadius","barStyle","background","getBackgroundColor","PLUMP_SEPERATE","right","displayName"],"mappings":"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"}
+{"version":3,"file":"Progress.js","sources":["../../src/progress/Progress.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\nimport {\n  CheckCircleIcon,\n  CloseCircleIcon,\n  ErrorCircleIcon,\n  CheckCircleFilledIcon,\n  CloseCircleFilledIcon,\n  ErrorCircleFilledIcon,\n} from 'tdesign-icons-react';\nimport useConfig from '../_util/useConfig';\nimport getBackgroundColor from '../_util/linearGradient';\nimport { StyledProps } from '../common';\nimport { TdProgressProps } from './type';\n\nexport interface ProgressProps extends TdProgressProps, StyledProps {}\n/**\n * 按钮组件\n */\nconst Progress = forwardRef((props: ProgressProps, ref: React.Ref<HTMLDivElement>) => {\n  const {\n    theme = 'line',\n    percentage = 0,\n    label = true,\n    color = '',\n    trackColor = '#f5f5f5',\n    strokeWidth,\n    size = 'medium',\n    className,\n  } = props;\n  let { status } = props;\n  if (!status && percentage >= 100) {\n    status = 'success';\n  }\n  let iconMap = {\n    success: CheckCircleFilledIcon,\n    error: CloseCircleFilledIcon,\n    warning: ErrorCircleFilledIcon,\n  };\n  const { classPrefix } = useConfig();\n  // 进度条展示内容\n  const getInfoContent = () => {\n    if (!label) {\n      return '';\n    }\n    let info: React.ReactNode;\n    // 为布尔值，默认百分百展示，否则之间展示label内容\n    if (typeof label === 'boolean') {\n      info = <div className={`${classPrefix}-progress__info`}>{`${percentage}%`}</div>;\n      if (['success', 'error', 'warning'].includes(status)) {\n        const Icon = iconMap[status];\n        info = (\n          <div className={`${classPrefix}-progress__info`}>\n            <Icon className={`${classPrefix}-progress__icon`} />\n          </div>\n        );\n      }\n    } else {\n      info = <div className={`${classPrefix}-progress__info`}>{label}</div>;\n    }\n    return info;\n  };\n  const statusClassName = `${classPrefix}-progress--status--${status}`;\n  let progressDom;\n  if (theme === 'circle') {\n    iconMap = {\n      success: CheckCircleIcon,\n      error: CloseCircleIcon,\n      warning: ErrorCircleIcon,\n    };\n    // 获取直径\n    const getDiameter = (): number => {\n      let diameter = 112;\n      if (!size) {\n        return diameter;\n      }\n      switch (size) {\n        default:\n          diameter = Number(size);\n          break;\n        case 'small':\n          diameter = 72;\n          break;\n        case 'medium':\n          diameter = 112;\n          break;\n        case 'large':\n          diameter = 160;\n          break;\n      }\n      return diameter;\n    };\n    // 获取环形进度条 环的宽度\n    const getCircleStokeWidth = (): number => {\n      if (!strokeWidth) {\n        if (size === 'small') {\n          return 4;\n        }\n      }\n      if (typeof strokeWidth !== 'number' || Number.isNaN(strokeWidth)) {\n        return 6;\n      }\n      return strokeWidth;\n    };\n    // 环形进度条尺寸(进度条占位空间，长宽占位)\n    const circleStokeWidth = getCircleStokeWidth();\n    // 直径\n    const diameter = getDiameter();\n    // 半径\n    const radius = diameter / 2;\n    // 内环半径\n    const innerRadius = radius - circleStokeWidth;\n\n    const perimeter = Math.PI * 2 * (radius - circleStokeWidth);\n    const percent = percentage / 100;\n    const strokeDasharray = `${perimeter * percent}  ${perimeter * (1 - percent)}`;\n    // 自适应文字，根据半路，适度调整\n    const fontSizeRatio = innerRadius * 0.27;\n    const circleBoxStyle = {\n      width: diameter,\n      height: diameter,\n      fontSize: 4 + fontSizeRatio,\n    } as React.CSSProperties;\n    const circlePathStyle = {\n      stroke: color,\n      strokeLinecap: circleStokeWidth < 30 ? 'round' : 'buff',\n    } as React.CSSProperties;\n    progressDom = (\n      <div\n        ref={ref}\n        className={classNames(`${classPrefix}-progress--circle`, {\n          [`${statusClassName}`]: status,\n        })}\n        style={circleBoxStyle}\n      >\n        {getInfoContent()}\n        <svg width={diameter} height={diameter} viewBox={`0 0 ${diameter} ${diameter}`}>\n          <circle\n            cx={radius}\n            cy={radius}\n            r={innerRadius}\n            strokeWidth={circleStokeWidth}\n            stroke={trackColor}\n            fill=\"none\"\n          ></circle>\n          <circle\n            cx={radius}\n            cy={radius}\n            r={innerRadius}\n            strokeWidth={circleStokeWidth}\n            fill=\"none\"\n            transform={`matrix(0,-1,1,0,0,${diameter})`}\n            strokeDasharray={strokeDasharray}\n            className={`${classPrefix}-progress__circle-inner`}\n            style={circlePathStyle}\n          ></circle>\n        </svg>\n      </div>\n    );\n    return <div className={className}>{progressDom}</div>;\n  }\n  // 进度条轨道高度\n  const getHeight = (): string => {\n    if (strokeWidth) {\n      return typeof strokeWidth === 'string' ? strokeWidth : `${strokeWidth}px`;\n    }\n  };\n  const trackStyle = {\n    height: getHeight(),\n    backgroundColor: trackColor,\n    borderRadius: getHeight(),\n  } as React.CSSProperties;\n  const barStyle = {\n    width: `${percentage}%`,\n    background: getBackgroundColor(color),\n    borderRadius: getHeight(),\n  } as React.CSSProperties;\n  if (theme === 'plump') {\n    const PLUMP_SEPERATE = 10;\n    progressDom = (\n      <div\n        ref={ref}\n        className={classNames(`${classPrefix}-progress__bar`, `${classPrefix}-progress--plump`, {\n          [`${statusClassName}`]: status,\n          [`${classPrefix}-progress--over-ten`]: percentage > PLUMP_SEPERATE,\n          [`${classPrefix}-progress--under-ten`]: percentage <= PLUMP_SEPERATE,\n        })}\n        style={trackStyle}\n      >\n        <div className={`${classPrefix}-progress__inner`} style={barStyle}>\n          {label && (\n            <div\n              className={`${classPrefix}-progress__info`}\n              style={percentage > 10 ? { color: '#fff' } : { right: '-2.5em' }}\n            >{`${percentage}%`}</div>\n          )}\n        </div>\n      </div>\n    );\n  } else {\n    progressDom = (\n      <div\n        ref={ref}\n        className={classNames(`${classPrefix}-progress--thin`, {\n          [`${statusClassName}`]: status,\n        })}\n      >\n        <div className={`${classPrefix}-progress__bar`} style={trackStyle}>\n          <div className={`${classPrefix}-progress__inner`} style={barStyle}></div>\n        </div>\n        {getInfoContent()}\n      </div>\n    );\n  }\n  return <div className={className}>{progressDom}</div>;\n});\n\nProgress.displayName = 'Progress';\n\nexport default Progress;\n"],"names":["Progress","forwardRef","props","ref","theme","percentage","label","color","trackColor","strokeWidth","size","className","status","iconMap","success","CheckCircleFilledIcon","error","CloseCircleFilledIcon","warning","ErrorCircleFilledIcon","useConfig","classPrefix","getInfoContent","info","includes","Icon","statusClassName","progressDom","CheckCircleIcon","CloseCircleIcon","ErrorCircleIcon","getDiameter","diameter2","Number","getCircleStokeWidth","isNaN","circleStokeWidth","diameter","radius","innerRadius","perimeter","Math","PI","percent","strokeDasharray","fontSizeRatio","circleBoxStyle","width","height","fontSize","circlePathStyle","stroke","strokeLinecap","classNames","style","viewBox","cx","cy","r","fill","transform","getHeight","trackStyle","backgroundColor","borderRadius","barStyle","background","getBackgroundColor","PLUMP_SEPERATE","right","displayName"],"mappings":"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"}

package/cjs/progress/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 progress_Progress = require('./Progress.js');
-require('../_chunks/dep-cbedafdb.js');
+require('../_chunks/dep-d3bc70e6.js');
 require('react');
 require('classnames');
 require('tdesign-icons-react');
@@ -17,7 +17,7 @@ require('../_util/useConfig.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
 require('../_util/linearGradient.js');
-require('../_chunks/dep-ab51e170.js');
+require('../_chunks/dep-de61e955.js');
 
 var Progress = progress_Progress["default"];
 

package/cjs/progress/type.d.ts

@@ -1,11 +1,11 @@
 /**
  * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
- * updated at 2021-12-01 14:46:40
+ * updated at 2021-12-12 18:01:23
  * */
 import { TNode } from '../common';
 export interface TdProgressProps {
     /**
-     * 进度条颜色。示例：'#ED7B2F' 或 'orange' 或 ['#f00', '#0ff', '#f0f'] 或 { '0%': '#f00', '100%': '#0ff' } 或  { from: '#000', to: '#000' } 等
+     * 进度条颜色。示例：'#ED7B2F' 或 'orange' 或 `['#f00', '#0ff', '#f0f']` 或 `{ '0%': '#f00', '100%': '#0ff' }` 或  `{ from: '#000', to: '#000' }` 等
      * @default ''
      */
     color?: string | Array<string> | Record<string, string>;

package/cjs/progress/type.js

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

package/cjs/radio/Radio.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,31 +8,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../_chunks/dep-cbedafdb.js');
+require('../_chunks/dep-d3bc70e6.js');
 require('react');
 require('../_util/forwardRefWithStatics.js');
 require('../common/Check.js');
-var radio_RadioGroup = require('../_chunks/dep-d6a1c9fc.js');
+var radio_RadioGroup = require('../_chunks/dep-7229eeee.js');
 require('hoist-non-react-statics');
-require('../_chunks/dep-8f80ce94.js');
-require('../_chunks/dep-2c22ada3.js');
-require('../_chunks/dep-ab51e170.js');
+require('../_chunks/dep-da78990d.js');
+require('../_chunks/dep-d9282bb5.js');
+require('../_chunks/dep-de61e955.js');
 require('classnames');
 require('../_util/helper.js');
-require('../_chunks/dep-abe29065.js');
-require('../_chunks/dep-9ecba42e.js');
-require('../_chunks/dep-bc7ce7d9.js');
-require('../_chunks/dep-9b5ff552.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-4e5cf448.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/useConfig.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
 require('../_util/useDefault.js');
 require('../_util/noop.js');
+require('../_util/useCommonClassName.js');
 
 
 

package/cjs/radio/Radio.js.map

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

package/cjs/radio/RadioGroup.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,29 +8,30 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../_chunks/dep-cbedafdb.js');
-require('../_chunks/dep-8f80ce94.js');
+require('../_chunks/dep-d3bc70e6.js');
+require('../_chunks/dep-da78990d.js');
 require('react');
 require('classnames');
 require('../_util/useConfig.js');
 require('../_util/useDefault.js');
+require('../_util/useCommonClassName.js');
 require('../common/Check.js');
-var radio_RadioGroup = require('../_chunks/dep-d6a1c9fc.js');
-require('../_chunks/dep-2c22ada3.js');
+var radio_RadioGroup = require('../_chunks/dep-7229eeee.js');
+require('../_chunks/dep-d9282bb5.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
 require('../_util/noop.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-9b5ff552.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-4e5cf448.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/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 

package/cjs/radio/RadioGroup.js.map

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

package/cjs/radio/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,31 +8,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var radio_RadioGroup = require('../_chunks/dep-d6a1c9fc.js');
-require('../_chunks/dep-cbedafdb.js');
+var radio_RadioGroup = require('../_chunks/dep-7229eeee.js');
+require('../_chunks/dep-d3bc70e6.js');
 require('react');
 require('../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 require('../common/Check.js');
-require('../_chunks/dep-8f80ce94.js');
-require('../_chunks/dep-2c22ada3.js');
-require('../_chunks/dep-ab51e170.js');
+require('../_chunks/dep-da78990d.js');
+require('../_chunks/dep-d9282bb5.js');
+require('../_chunks/dep-de61e955.js');
 require('classnames');
 require('../_util/helper.js');
-require('../_chunks/dep-abe29065.js');
-require('../_chunks/dep-9ecba42e.js');
-require('../_chunks/dep-bc7ce7d9.js');
-require('../_chunks/dep-9b5ff552.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-4e5cf448.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/useConfig.js');
 require('../config-provider/ConfigContext.js');
 require('../locale/zh_CN.js');
 require('../_util/useDefault.js');
 require('../_util/noop.js');
+require('../_util/useCommonClassName.js');
 
 var Radio = radio_RadioGroup.Radio;
 

package/cjs/radio/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/radio/index.ts"],"sourcesContent":["import _Radio from './Radio';\n\nimport './style/index.js';\n\nexport type { RadioProps } from './Radio';\nexport type { RadioGroupProps } from './RadioGroup';\nexport * from './type';\n\nexport const Radio = _Radio;\nexport default Radio;\n"],"names":["Radio","_Radio"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,QAAQC;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/radio/index.ts"],"sourcesContent":["import _Radio from './Radio';\n\nimport './style/index.js';\n\nexport type { RadioProps } from './Radio';\nexport type { RadioGroupProps } from './RadioGroup';\nexport * from './type';\n\nexport const Radio = _Radio;\nexport default Radio;\n"],"names":["Radio","_Radio"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,QAAQC;;;;;"}

package/cjs/radio/type.d.ts

@@ -1,10 +1,15 @@
 /**
  * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
- * updated at 2021-09-09 11:44:25
+ * updated at 2021-12-12 18:01:23
  * */
 import { TNode, SizeEnum } from '../common';
 import { ChangeEvent } from 'react';
 export interface TdRadioProps {
+    /**
+     * 【开发中】是否允许取消选中
+     * @default false
+     */
+    allowUncheck?: boolean;
     /**
      * 是否选中
      */
@@ -86,7 +91,7 @@ export interface TdRadioGroupProps {
         e: ChangeEvent<HTMLInputElement>;
     }) => void;
 }
-export declare type RadioValue = string | number;
+export declare type RadioValue = string | number | boolean;
 export declare type RadioOption = string | number | RadioOptionObj;
 export interface RadioOptionObj {
     label?: string | TNode;

package/cjs/radio/type.js

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

package/cjs/rate/type.d.ts

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

package/cjs/rate/type.js

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

package/cjs/select/base/Option.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
@@ -8,25 +8,25 @@
 
 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 isNumber = require('../../_chunks/dep-56eca6a0.js');
-var isString = require('../../_chunks/dep-9166817e.js');
-var get = require('../../_chunks/dep-ebdde240.js');
+var isNumber = require('../../_chunks/dep-ea57a529.js');
+var isString = require('../../_chunks/dep-b9b29dde.js');
+var get = require('../../_chunks/dep-bf483375.js');
 var _util_useConfig = require('../../_util/useConfig.js');
 var _util_useRipple = require('../../_util/useRipple.js');
-require('../../_chunks/dep-bc7ce7d9.js');
-require('../../_chunks/dep-9b5ff552.js');
-require('../../_chunks/dep-44e3e9bb.js');
-require('../../_chunks/dep-ef75128a.js');
-require('../../_chunks/dep-6b5e4ff7.js');
-require('../../_chunks/dep-37d490bf.js');
-require('../../_chunks/dep-d58c0812.js');
-require('../../_chunks/dep-3cf89b5c.js');
-require('../../_chunks/dep-79109b15.js');
-require('../../_chunks/dep-4553e2fd.js');
-require('../../_chunks/dep-9ecba42e.js');
+require('../../_chunks/dep-134e03ea.js');
+require('../../_chunks/dep-4e5cf448.js');
+require('../../_chunks/dep-6518d17e.js');
+require('../../_chunks/dep-9351a106.js');
+require('../../_chunks/dep-9c880841.js');
+require('../../_chunks/dep-9733d1b2.js');
+require('../../_chunks/dep-7729ff87.js');
+require('../../_chunks/dep-2fd8f7ab.js');
+require('../../_chunks/dep-1042649c.js');
+require('../../_chunks/dep-ca5c0bd5.js');
+require('../../_chunks/dep-597fbc24.js');
 require('../../config-provider/ConfigContext.js');
 require('../../locale/zh_CN.js');
 require('../../_util/setStyle.js');

package/cjs/select/base/OptionGroup.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 _util_useConfig = require('../../_util/useConfig.js');
@@ -20,9 +20,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 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 OptionGroup = function OptionGroup(props) {
   var children = props.children,
@@ -46,9 +46,9 @@ var OptionGroup = function OptionGroup(props) {
     return child;
   });
   return /* @__PURE__ */React__default["default"].createElement("li", {
-    className: classNames__default["default"]("".concat(classPrefix, "-option-group"), defineProperty._defineProperty({}, "".concat(classPrefix, "-option-group__divider"), divider))
+    className: classNames__default["default"]("".concat(classPrefix, "-select-option-group"), defineProperty._defineProperty({}, "".concat(classPrefix, "-select-option-group__divider"), divider))
   }, /* @__PURE__ */React__default["default"].createElement("ul", {
-    className: "".concat(classPrefix, "-option-group-header")
+    className: "".concat(classPrefix, "-select-option-group__header")
   }, label), /* @__PURE__ */React__default["default"].createElement("ul", null, childrenWithProps));
 };
 

package/cjs/select/base/OptionGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"OptionGroup.js","sources":["../../../src/select/base/OptionGroup.tsx"],"sourcesContent":["import React, { Children, isValidElement, cloneElement } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../../_util/useConfig';\n\nimport { TdOptionGroupProps, SelectValue } from '../type';\n\nexport interface SelectGOptionGroupProps extends TdOptionGroupProps {\n  selectedValue?: SelectValue;\n  onSelect?: (\n    value: string | number,\n    context: { label?: React.ReactNode; selected?: boolean; event: React.MouseEvent },\n  ) => void;\n  divider?: boolean;\n  children?: React.ReactNode;\n}\n\nconst OptionGroup = (props: SelectGOptionGroupProps) => {\n  const { children, label, selectedValue, onSelect, divider } = props;\n\n  const { classPrefix } = useConfig();\n\n  const childrenWithProps = Children.map(children, (child) => {\n    if (isValidElement(child)) {\n      const addedProps = { selectedValue, onSelect };\n      return cloneElement(child, { ...addedProps });\n    }\n    return child;\n  });\n\n  return (\n    <li\n      className={classNames(`${classPrefix}-option-group`, {\n        [`${classPrefix}-option-group__divider`]: divider,\n      })}\n    >\n      <ul className={`${classPrefix}-option-group-header`}>{label}</ul>\n      <ul>{childrenWithProps}</ul>\n    </li>\n  );\n};\n\nexport default OptionGroup;\n"],"names":["OptionGroup","props","children","label","selectedValue","onSelect","divider","useConfig","classPrefix","childrenWithProps","Children","map","child","isValidElement","addedProps","cloneElement","className","classNames"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;IAgBMA,cAAc,SAAdA,WAAc,CAACC,KAAD,EAAoC;MAC9CC,WAAsDD,MAAtDC;MAAUC,QAA4CF,MAA5CE;MAAOC,gBAAqCH,MAArCG;MAAeC,WAAsBJ,MAAtBI;MAAUC,UAAYL,MAAZK;;mBAE1BC;MAAhBC,yBAAAA;;MAEFC,oBAAoBC,eAASC,GAAT,CAAaT,QAAb,EAAuB,UAACU,KAAD,EAAW;sBACtDC,qBAAeD,QAAQ;UACnBE,aAAa;AAAEV,QAAAA,eAAAA,aAAF;AAAiBC,QAAAA,UAAAA;AAAjB;0BACZU,mBAAaH,yBAAYE;;;WAE3BF;GALiB;gEASvB,MAAD;AACEI,IAAAA,WAAWC,yCAAcT,4EACnBA,wCAAsCF;AAF9C,4DAKG,MAAD;AAAIU,IAAAA,qBAAcR;AAAlB,KAAsDL,+DACrD,MAAD,MAAKM;;;;;"}
+{"version":3,"file":"OptionGroup.js","sources":["../../../src/select/base/OptionGroup.tsx"],"sourcesContent":["import React, { Children, isValidElement, cloneElement } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../../_util/useConfig';\n\nimport { TdOptionGroupProps, SelectValue } from '../type';\n\nexport interface SelectGOptionGroupProps extends TdOptionGroupProps {\n  selectedValue?: SelectValue;\n  onSelect?: (\n    value: string | number,\n    context: { label?: React.ReactNode; selected?: boolean; event: React.MouseEvent },\n  ) => void;\n  divider?: boolean;\n  children?: React.ReactNode;\n}\n\nconst OptionGroup = (props: SelectGOptionGroupProps) => {\n  const { children, label, selectedValue, onSelect, divider } = props;\n\n  const { classPrefix } = useConfig();\n\n  const childrenWithProps = Children.map(children, (child) => {\n    if (isValidElement(child)) {\n      const addedProps = { selectedValue, onSelect };\n      return cloneElement(child, { ...addedProps });\n    }\n    return child;\n  });\n\n  return (\n    <li\n      className={classNames(`${classPrefix}-select-option-group`, {\n        [`${classPrefix}-select-option-group__divider`]: divider,\n      })}\n    >\n      <ul className={`${classPrefix}-select-option-group__header`}>{label}</ul>\n      <ul>{childrenWithProps}</ul>\n    </li>\n  );\n};\n\nexport default OptionGroup;\n"],"names":["OptionGroup","props","children","label","selectedValue","onSelect","divider","useConfig","classPrefix","childrenWithProps","Children","map","child","isValidElement","addedProps","cloneElement","className","classNames"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;IAgBMA,cAAc,SAAdA,WAAc,CAACC,KAAD,EAAoC;MAC9CC,WAAsDD,MAAtDC;MAAUC,QAA4CF,MAA5CE;MAAOC,gBAAqCH,MAArCG;MAAeC,WAAsBJ,MAAtBI;MAAUC,UAAYL,MAAZK;;mBAE1BC;MAAhBC,yBAAAA;;MAEFC,oBAAoBC,eAASC,GAAT,CAAaT,QAAb,EAAuB,UAACU,KAAD,EAAW;sBACtDC,qBAAeD,QAAQ;UACnBE,aAAa;AAAEV,QAAAA,eAAAA,aAAF;AAAiBC,QAAAA,UAAAA;AAAjB;0BACZU,mBAAaH,yBAAYE;;;WAE3BF;GALiB;gEASvB,MAAD;AACEI,IAAAA,WAAWC,yCAAcT,mFACnBA,+CAA6CF;AAFrD,4DAKG,MAAD;AAAIU,IAAAA,qBAAcR;AAAlB,KAA8DL,+DAC7D,MAAD,MAAKM;;;;;"}