tdesign-react 0.17.0 → 0.18.2

package/esm/popup/Popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.js","sources":["../../src/popup/Popup.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  CSSProperties,\n  useState,\n  useEffect,\n  cloneElement,\n  isValidElement,\n  useMemo,\n  useImperativeHandle,\n  useRef,\n} from 'react';\nimport classNames from 'classnames';\nimport { usePopper } from 'react-popper';\nimport Popper from '@popperjs/core';\nimport { StyledProps } from '../_type';\nimport useDefault from '../_util/useDefault';\nimport useConfig from '../_util/useConfig';\nimport composeRefs from '../_util/composeRefs';\nimport usePrevious from '../_util/usePrevious';\nimport { TdPopupProps } from '../_type/components/popup';\nimport Portal from './Portal';\nimport useTriggerProps from './useTriggerProps';\n\nexport interface PopupProps extends TdPopupProps, StyledProps {}\n/**\n * 修复参数对齐popper.js 组件展示方向，与TD组件定义有差异\n */\ntype PlacementDictionary = {\n  [Key in TdPopupProps['placement']]: Popper.Placement;\n};\n\nconst placementMap: PlacementDictionary = {\n  top: 'top',\n  'top-left': 'top-start',\n  'top-right': 'top-end',\n  bottom: 'bottom',\n  'bottom-left': 'bottom-start',\n  'bottom-right': 'bottom-end',\n  left: 'left',\n  'left-top': 'left-start',\n  'left-bottom': 'left-end',\n  right: 'right',\n  'right-top': 'right-start',\n  'right-bottom': 'right-end',\n};\n\nconst Popup = forwardRef<HTMLDivElement, PopupProps>((props, ref) => {\n  const {\n    trigger = 'hover',\n    content = null,\n    placement = 'top',\n    attach,\n    showArrow = false,\n    destroyOnClose = false,\n    className,\n    style,\n    overlayClassName,\n    overlayStyle,\n    triggerElement,\n    children = triggerElement,\n    disabled,\n    defaultVisible = false,\n    zIndex,\n    onVisibleChange,\n  } = props;\n  const { classPrefix } = useConfig();\n  const [visible, setVisible] = useDefault(props.visible, defaultVisible, onVisibleChange);\n  const preVisible = usePrevious(visible);\n\n  // refs\n  const [triggerRef, setTriggerRef] = useState<HTMLElement>(null);\n  const [overlayRef, setOverlayRef] = useState<HTMLDivElement>(null);\n  const contentRef = useRef(null);\n\n  const { styles, attributes, update } = usePopper(triggerRef, overlayRef, {\n    placement: placementMap[placement],\n  });\n\n  useImperativeHandle(ref, (): any => ({\n    setVisible,\n    getContentRef: contentRef?.current,\n  }));\n\n  const defaulstStyles = useMemo(() => {\n    if (triggerRef && typeof overlayStyle === 'function') return { ...overlayStyle(triggerRef), zIndex };\n    return { ...overlayStyle, zIndex };\n  }, [overlayStyle, zIndex, triggerRef]);\n  // 设置 style 决定展示与隐藏\n  const overlayVisibleStyle: CSSProperties = visible ? defaulstStyles : { ...defaulstStyles, display: 'none' };\n\n  const triggerNodeTemp = useMemo(() => {\n    const [triggerChildNode] = React.Children.toArray(children);\n\n    if (React.Children.count(children) === 1 && isValidElement(triggerChildNode)) {\n      return triggerChildNode;\n    }\n    return <span className={`${classPrefix}-trigger`}>{children}</span>;\n  }, [children, classPrefix]);\n\n  const [triggerProps, popupProps] = useTriggerProps(\n    { current: overlayRef },\n    { current: triggerRef },\n    [trigger],\n    visible,\n    setVisible,\n    disabled,\n    triggerNodeTemp,\n  );\n\n  // 触发器只能有一个元素\n  const disabledClassName = classNames({ [`${classPrefix}-is-disabled`]: disabled });\n\n  // 代理 trigger 的 ref\n  const triggerNode = cloneElement(triggerNodeTemp, {\n    ref: composeRefs((triggerNodeTemp as any).ref, setTriggerRef),\n    className: classNames(disabledClassName, triggerNodeTemp.props.className),\n    ...triggerProps,\n  });\n\n  // portal\n  let portal: React.ReactElement = null;\n  // 如果要展示，或者已经渲染过，默认不销毁\n  if (visible || overlayRef) {\n    portal = (\n      <Portal attach={attach}>\n        <div\n          ref={composeRefs(setOverlayRef, ref)}\n          style={styles.popper}\n          className={`${classPrefix}-popup`}\n          {...attributes.popper}\n          {...popupProps}\n        >\n          <div\n            className={classNames(`${classPrefix}-popup-content`, overlayClassName, {\n              [`${classPrefix}-popup-content--arrow`]: showArrow,\n            })}\n            style={overlayVisibleStyle}\n            ref={contentRef}\n          >\n            {showArrow ? (\n              <div style={styles.arrow} className={`${classPrefix}-popup__arrow`} />\n            ) : null}\n            {content}\n          </div>\n        </div>\n      </Portal>\n    );\n  }\n\n  // 强制销毁\n  if (!visible && destroyOnClose) {\n    portal = null;\n  }\n\n  // 弹出框展示的时候，重新计算一下位置\n  useEffect(() => {\n    if (visible !== preVisible && visible && update) {\n      update();\n    }\n  }, [visible, preVisible, update]);\n\n  return (\n    <div className={classNames(`${classPrefix}-popup-reference`, className)} style={style}>\n      {triggerNode}\n      {portal}\n    </div>\n  );\n});\n\nPopup.displayName = 'Popup';\n\nexport default Popup;\n"],"names":["placementMap","top","bottom","left","right","Popup","forwardRef","props","ref","trigger","content","placement","attach","showArrow","destroyOnClose","className","style","overlayClassName","overlayStyle","triggerElement","children","disabled","defaultVisible","zIndex","onVisibleChange","useConfig","classPrefix","useDefault","visible","setVisible","preVisible","usePrevious","useState","triggerRef","setTriggerRef","overlayRef","setOverlayRef","contentRef","useRef","usePopper","styles","attributes","update","getContentRef","current","defaulstStyles","useMemo","overlayVisibleStyle","display","triggerNodeTemp","React","Children","toArray","triggerChildNode","count","isValidElement","useTriggerProps","triggerProps","popupProps","disabledClassName","classNames","triggerNode","cloneElement","composeRefs","portal","Portal","popper","arrow","displayName"],"mappings":"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"}
+{"version":3,"file":"Popup.js","sources":["../../src/popup/Popup.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  CSSProperties,\n  useState,\n  useEffect,\n  cloneElement,\n  isValidElement,\n  useMemo,\n  useImperativeHandle,\n  useRef,\n} from 'react';\nimport classNames from 'classnames';\nimport { usePopper } from 'react-popper';\nimport Popper from '@popperjs/core';\nimport { StyledProps } from '../_type';\nimport useDefault from '../_util/useDefault';\nimport useConfig from '../_util/useConfig';\nimport composeRefs from '../_util/composeRefs';\nimport usePrevious from '../_util/usePrevious';\nimport { TdPopupProps } from '../_type/components/popup';\nimport Portal from './Portal';\nimport useTriggerProps from './useTriggerProps';\n\nexport interface PopupProps extends TdPopupProps, StyledProps {}\n/**\n * 修复参数对齐popper.js 组件展示方向，与TD组件定义有差异\n */\ntype PlacementDictionary = {\n  [Key in TdPopupProps['placement']]: Popper.Placement;\n};\n\nconst placementMap: PlacementDictionary = {\n  top: 'top',\n  'top-left': 'top-start',\n  'top-right': 'top-end',\n  bottom: 'bottom',\n  'bottom-left': 'bottom-start',\n  'bottom-right': 'bottom-end',\n  left: 'left',\n  'left-top': 'left-start',\n  'left-bottom': 'left-end',\n  right: 'right',\n  'right-top': 'right-start',\n  'right-bottom': 'right-end',\n};\n\nconst Popup = forwardRef<HTMLDivElement, PopupProps>((props, ref) => {\n  const {\n    trigger = 'hover',\n    content = null,\n    placement = 'top',\n    attach,\n    showArrow = false,\n    destroyOnClose = false,\n    className,\n    style,\n    overlayClassName,\n    overlayStyle,\n    triggerElement,\n    children = triggerElement,\n    disabled,\n    defaultVisible = false,\n    zIndex,\n    onVisibleChange,\n  } = props;\n  const { classPrefix } = useConfig();\n  const [visible, setVisible] = useDefault(props.visible, defaultVisible, onVisibleChange);\n  const preVisible = usePrevious(visible);\n\n  // refs\n  const [triggerRef, setTriggerRef] = useState<HTMLElement>(null);\n  const [overlayRef, setOverlayRef] = useState<HTMLDivElement>(null);\n  const contentRef = useRef(null);\n\n  // https://popper.js.org/react-popper/v2/faq/\n  const [firstUpdate, setFirstUpdate] = useState<boolean>(false);\n  const onPopperFirstUpdate = useMemo(\n    () => () => {\n      setFirstUpdate(true);\n    },\n    [],\n  );\n\n  const { styles, attributes, update } = usePopper(triggerRef, overlayRef, {\n    placement: placementMap[placement],\n    onFirstUpdate: onPopperFirstUpdate,\n  });\n\n  useImperativeHandle(ref, (): any => ({\n    setVisible,\n    getContentRef: contentRef?.current,\n  }));\n\n  const defaulstStyles = useMemo(() => {\n    if (triggerRef && typeof overlayStyle === 'function') return { ...overlayStyle(triggerRef), zIndex };\n    return { ...overlayStyle, zIndex };\n  }, [overlayStyle, zIndex, triggerRef]);\n  // 设置 style 决定展示与隐藏\n  const overlayVisibleStyle: CSSProperties = defaulstStyles;\n\n  const triggerNodeTemp = useMemo(() => {\n    const [triggerChildNode] = React.Children.toArray(children);\n\n    if (React.Children.count(children) === 1 && isValidElement(triggerChildNode)) {\n      return triggerChildNode;\n    }\n    return <span className={`${classPrefix}-trigger`}>{children}</span>;\n  }, [children, classPrefix]);\n\n  const [triggerProps, popupProps] = useTriggerProps(\n    { current: overlayRef },\n    { current: triggerRef },\n    [trigger],\n    visible,\n    setVisible,\n    disabled,\n    triggerNodeTemp,\n  );\n\n  // 触发器只能有一个元素\n  const disabledClassName = classNames({ [`${classPrefix}-is-disabled`]: disabled });\n\n  // 代理 trigger 的 ref\n  const triggerNode = cloneElement(triggerNodeTemp, {\n    ref: composeRefs((triggerNodeTemp as any).ref, setTriggerRef),\n    className: classNames(disabledClassName, triggerNodeTemp.props.className),\n    ...triggerProps,\n  });\n\n  // portal\n  let portal: React.ReactElement = null;\n  // 如果要展示，或者已经渲染过，默认不销毁\n  if (visible || overlayRef) {\n    portal = (\n      <Portal attach={attach}>\n        <div\n          ref={composeRefs(setOverlayRef, ref)}\n          style={styles.popper}\n          className={classNames(\n            `${classPrefix}-popup`,\n            `${classPrefix}-popup_animation-enter-active`,\n            visible ? `${classPrefix}-popup_animation-leave` : `${classPrefix}-popup_animation-leave-to`,\n          )}\n          {...attributes.popper}\n          {...popupProps}\n        >\n          <div\n            className={classNames(`${classPrefix}-popup-content`, overlayClassName, {\n              [`${classPrefix}-popup-content--arrow`]: showArrow,\n            })}\n            style={overlayVisibleStyle}\n            ref={contentRef}\n          >\n            {showArrow ? <div style={styles.arrow} className={`${classPrefix}-popup__arrow`} /> : null}\n            {content}\n          </div>\n        </div>\n      </Portal>\n    );\n  }\n\n  // 强制销毁\n  if (!visible && destroyOnClose) {\n    portal = null;\n  }\n\n  // 弹出框展示的时候，重新计算一下位置\n  useEffect(() => {\n    if ((visible || firstUpdate) && update) {\n      update();\n    }\n  }, [visible, preVisible, update, children, firstUpdate]);\n\n  const handlePopupWrapperMouseDown = () => {\n    const removeUpdate = () => window.removeEventListener('mousemove', update);\n    window.removeEventListener('mouseup', removeUpdate);\n    window.addEventListener('mousemove', update);\n    window.addEventListener('mouseup', removeUpdate);\n  };\n\n  return (\n    <div\n      className={classNames(`${classPrefix}-popup-reference`, className)}\n      onMouseDown={handlePopupWrapperMouseDown}\n      style={style}\n    >\n      {triggerNode}\n      {portal}\n    </div>\n  );\n});\n\nPopup.displayName = 'Popup';\n\nexport default Popup;\n"],"names":["placementMap","top","bottom","left","right","Popup","forwardRef","props","ref","trigger","content","placement","attach","showArrow","destroyOnClose","className","style","overlayClassName","overlayStyle","triggerElement","children","disabled","defaultVisible","zIndex","onVisibleChange","useConfig","classPrefix","useDefault","visible","setVisible","preVisible","usePrevious","useState","triggerRef","setTriggerRef","overlayRef","setOverlayRef","contentRef","useRef","firstUpdate","setFirstUpdate","onPopperFirstUpdate","useMemo","usePopper","onFirstUpdate","styles","attributes","update","getContentRef","current","defaulstStyles","overlayVisibleStyle","triggerNodeTemp","React","Children","toArray","triggerChildNode","count","isValidElement","useTriggerProps","triggerProps","popupProps","disabledClassName","classNames","triggerNode","cloneElement","composeRefs","portal","Portal","popper","arrow","handlePopupWrapperMouseDown","removeUpdate","window","removeEventListener","addEventListener","onMouseDown","displayName"],"mappings":"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"}

package/esm/popup/Portal.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { AttachNode } from '../_type/common';
 export interface PortalProps {
     children: ReactNode;
     attach: AttachNode;
 }
-declare const Portal: (props: PortalProps) => import("react").ReactPortal;
+declare const Portal: (props: PortalProps) => React.ReactPortal;
 export default Portal;

package/esm/popup/Portal.js

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

package/esm/popup/Portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.js","sources":["../../src/popup/Portal.tsx"],"sourcesContent":["import { useEffect, ReactNode, useMemo } from 'react';\nimport { createPortal } from 'react-dom';\nimport { AttachNode } from '../_type/common';\n\nexport interface PortalProps {\n  // 子元素\n  children: ReactNode;\n\n  // 自定义 container 的方法\n  attach: AttachNode;\n}\n\n// 将 children 渲染到正常的 DOM 树外面\nconst Portal = (props: PortalProps) => {\n  const { children, attach } = props;\n\n  const container = useMemo(() => {\n    const el = document.createElement('div');\n    return el;\n  }, []);\n\n  useEffect(() => {\n    let parentElement = document.body;\n    let el = null;\n\n    // 处理 getContainer\n    if (typeof attach === 'function') {\n      el = attach();\n    } else if (typeof attach === 'string') {\n      el = document.querySelector(attach);\n    }\n\n    if (el instanceof HTMLElement) {\n      parentElement = el;\n    }\n\n    parentElement.appendChild(container);\n    return () => {\n      parentElement.removeChild(container);\n    };\n  }, [container, attach]);\n\n  return createPortal(children, container);\n};\n\nexport default Portal;\n"],"names":["Portal","props","children","attach","container","useMemo","el","document","createElement","parentElement","body","querySelector","HTMLElement","appendChild","removeChild","createPortal"],"mappings":";;;;;;;;;IAaMA,SAAS,SAATA,MAAS,CAACC,KAAD,EAAwB;MAC7BC,WAAqBD,MAArBC;MAAUC,SAAWF,MAAXE;MAEZC,YAAYC,QAAQ,YAAM;QACxBC,KAAKC,SAASC,aAAT,CAAuB,KAAvB;WACJF;KACN;YAEO,YAAM;QACVG,gBAAgBF,SAASG;QACzBJ,KAAK;;QAGL,OAAOH,MAAP,KAAkB,YAAY;WAC3BA;eACI,OAAOA,MAAP,KAAkB,UAAU;WAChCI,SAASI,aAAT,CAAuBR,MAAvB;;;QAGHG,cAAcM,aAAa;sBACbN;;;kBAGJO,YAAYT;WACnB,YAAM;oBACGU,YAAYV;;KAE3B,CAACA,SAAD,EAAYD,MAAZ;sBAEIY,aAAab,UAAUE;;;;;"}
+{"version":3,"file":"Portal.js","sources":["../../src/popup/Portal.tsx"],"sourcesContent":["import React, { useEffect, ReactNode, useMemo } from 'react';\nimport { createPortal } from 'react-dom';\nimport { AttachNode } from '../_type/common';\n\nexport interface PortalProps {\n  // 子元素\n  children: ReactNode;\n\n  // 自定义 container 的方法\n  attach: AttachNode;\n}\n\n// 将 children 渲染到正常的 DOM 树外面\nconst Portal = (props: PortalProps): React.ReactPortal => {\n  const { children, attach } = props;\n\n  const container = useMemo(() => {\n    const el = document.createElement('div');\n    return el;\n  }, []);\n\n  useEffect(() => {\n    let parentElement = document.body;\n    let el = null;\n\n    // 处理 getContainer\n    if (typeof attach === 'function') {\n      el = attach();\n    } else if (typeof attach === 'string') {\n      el = document.querySelector(attach);\n    }\n\n    if (el instanceof HTMLElement) {\n      parentElement = el;\n    }\n\n    parentElement.appendChild(container);\n    return () => {\n      parentElement.removeChild(container);\n    };\n  }, [container, attach]);\n\n  return createPortal(children, container);\n};\n\nexport default Portal;\n"],"names":["Portal","props","children","attach","container","useMemo","el","document","createElement","parentElement","body","querySelector","HTMLElement","appendChild","removeChild","createPortal"],"mappings":";;;;;;;;;IAaMA,SAAS,SAATA,MAAS,CAACC,KAAD,EAA2C;MAChDC,WAAqBD,MAArBC;MAAUC,SAAWF,MAAXE;MAEZC,YAAYC,QAAQ,YAAM;QACxBC,KAAKC,SAASC,aAAT,CAAuB,KAAvB;WACJF;KACN;YAEO,YAAM;QACVG,gBAAgBF,SAASG;QACzBJ,KAAK;;QAGL,OAAOH,MAAP,KAAkB,YAAY;WAC3BA;eACI,OAAOA,MAAP,KAAkB,UAAU;WAChCI,SAASI,aAAT,CAAuBR,MAAvB;;;QAGHG,cAAcM,aAAa;sBACbN;;;kBAGJO,YAAYT;WACnB,YAAM;oBACGU,YAAYV;;KAE3B,CAACA,SAAD,EAAYD,MAAZ;sBAEIY,aAAab,UAAUE;;;;;"}

package/esm/popup/index.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import './style/index.js';
 export type { PopupProps } from './Popup';
+export * from '../_type/components/popup';
 export declare const Popup: import("react").ForwardRefExoticComponent<import("./Popup").PopupProps & import("react").RefAttributes<HTMLDivElement>>;
 export default Popup;

package/esm/popup/index.js

@@ -1,14 +1,15 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import Popup$1 from './Popup.js';
 import './style/index.js';
-import '../_chunks/dep-308ea020.js';
-import '../_chunks/dep-01d52b00.js';
-import '../_chunks/dep-65d3c0dc.js';
+import '../_type/components/popup/index.js';
+import '../_chunks/dep-efe7433b.js';
+import '../_chunks/dep-2f008905.js';
+import '../_chunks/dep-6a5b1968.js';
 import 'react';
 import 'classnames';
 import 'react-popper';

package/esm/popup/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/popup/index.ts"],"sourcesContent":["import _Popup from './Popup';\n\nimport './style/index.js';\n\nexport type { PopupProps } from './Popup';\n\nexport const Popup = _Popup;\nexport default Popup;\n"],"names":["Popup","_Popup"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;IAMaA,QAAQC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/popup/index.ts"],"sourcesContent":["import _Popup from './Popup';\n\nimport './style/index.js';\n\nexport type { PopupProps } from './Popup';\nexport * from '../_type/components/popup';\n\nexport const Popup = _Popup;\nexport default Popup;\n"],"names":["Popup","_Popup"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,QAAQC;;;;"}

package/esm/popup/useTriggerProps.js

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

package/esm/progress/Progress.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-308ea020.js';
+import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
 import React__default, { forwardRef } from 'react';
 import classNames from 'classnames';
 import { CheckCircleFilledIcon, CloseCircleFilledIcon, ErrorCircleFilledIcon, CheckCircleIcon, CloseCircleIcon, ErrorCircleIcon } from 'tdesign-icons-react';
@@ -12,7 +12,7 @@ import useConfig from '../_util/useConfig.js';
 import getBackgroundColor from '../_util/linearGradient.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
-import '../_chunks/dep-34727236.js';
+import '../_chunks/dep-016d27a7.js';
 
 var Progress = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$theme = props.theme,

package/esm/progress/index.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import './style/index.js';
 export type { ProgressProps } from './Progress';
+export * from '../_type/components/progress';
 export declare const Progress: import("react").ForwardRefExoticComponent<import("./Progress").ProgressProps & import("react").RefAttributes<HTMLDivElement>>;
 export default Progress;

package/esm/progress/index.js

@@ -1,12 +1,13 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import Progress$1 from './Progress.js';
 import './style/index.js';
-import '../_chunks/dep-308ea020.js';
+import '../_type/components/progress/index.js';
+import '../_chunks/dep-efe7433b.js';
 import 'react';
 import 'classnames';
 import 'tdesign-icons-react';
@@ -14,7 +15,7 @@ import '../_util/useConfig.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../_util/linearGradient.js';
-import '../_chunks/dep-34727236.js';
+import '../_chunks/dep-016d27a7.js';
 
 var Progress = Progress$1;
 

package/esm/progress/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/progress/index.ts"],"sourcesContent":["import _Progress from './Progress';\n\nimport './style/index.js';\n\nexport type { ProgressProps } from './Progress';\n\nexport const Progress = _Progress;\nexport default Progress;\n"],"names":["Progress","_Progress"],"mappings":";;;;;;;;;;;;;;;;;;IAMaA,WAAWC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/progress/index.ts"],"sourcesContent":["import _Progress from './Progress';\n\nimport './style/index.js';\n\nexport type { ProgressProps } from './Progress';\nexport * from '../_type/components/progress';\n\nexport const Progress = _Progress;\nexport default Progress;\n"],"names":["Progress","_Progress"],"mappings":";;;;;;;;;;;;;;;;;;;IAOaA,WAAWC;;;;"}

package/esm/radio/Radio.js

@@ -1,19 +1,31 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import '../_chunks/dep-308ea020.js';
+import '../_chunks/dep-efe7433b.js';
 import 'react';
 import '../_util/forwardRefWithStatics.js';
 import '../common/Check.js';
-export { _ as default } from '../_chunks/dep-86ed9432.js';
+export { _ as default } from '../_chunks/dep-5e5c403a.js';
 import 'hoist-non-react-statics';
-import '../_chunks/dep-01d52b00.js';
-import '../_chunks/dep-65d3c0dc.js';
-import '../_chunks/dep-34727236.js';
+import '../_chunks/dep-2f008905.js';
+import '../_chunks/dep-6a5b1968.js';
+import '../_chunks/dep-016d27a7.js';
 import 'classnames';
+import '../_util/helper.js';
+import '../_chunks/dep-8037ad24.js';
+import '../_chunks/dep-cb80da27.js';
+import '../_chunks/dep-43869d17.js';
+import '../_chunks/dep-b6ff8559.js';
+import '../_chunks/dep-1189939f.js';
+import '../_chunks/dep-9ad4f4b7.js';
+import '../_chunks/dep-4e491803.js';
+import '../_chunks/dep-9d2e7b62.js';
+import '../_chunks/dep-f3eac264.js';
+import '../_chunks/dep-5ec09fbd.js';
+import '../_chunks/dep-0c106052.js';
 import '../_util/useConfig.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';

package/esm/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/esm/radio/RadioGroup.js

@@ -1,22 +1,34 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import '../_chunks/dep-308ea020.js';
-import '../_chunks/dep-01d52b00.js';
+import '../_chunks/dep-efe7433b.js';
+import '../_chunks/dep-2f008905.js';
 import 'react';
 import 'classnames';
 import '../_util/useConfig.js';
 import '../_util/useDefault.js';
 import '../common/Check.js';
-export { R as default } from '../_chunks/dep-86ed9432.js';
-import '../_chunks/dep-65d3c0dc.js';
+export { R as default } from '../_chunks/dep-5e5c403a.js';
+import '../_chunks/dep-6a5b1968.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../_util/noop.js';
-import '../_chunks/dep-34727236.js';
+import '../_chunks/dep-016d27a7.js';
+import '../_util/helper.js';
+import '../_chunks/dep-8037ad24.js';
+import '../_chunks/dep-cb80da27.js';
+import '../_chunks/dep-43869d17.js';
+import '../_chunks/dep-b6ff8559.js';
+import '../_chunks/dep-1189939f.js';
+import '../_chunks/dep-9ad4f4b7.js';
+import '../_chunks/dep-4e491803.js';
+import '../_chunks/dep-9d2e7b62.js';
+import '../_chunks/dep-f3eac264.js';
+import '../_chunks/dep-5ec09fbd.js';
+import '../_chunks/dep-0c106052.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 //# sourceMappingURL=RadioGroup.js.map

package/esm/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/esm/radio/index.d.ts

@@ -2,6 +2,7 @@
 import './style/index.js';
 export type { RadioProps } from './Radio';
 export type { RadioGroupProps } from './RadioGroup';
+export * from '../_type/components/radio';
 export declare const Radio: import("react").FunctionComponent<Pick<import("../common/Check").CheckProps, "disabled" | "label" | "style" | "readonly" | "children" | "value" | "className" | "name" | "defaultChecked" | "onChange" | "checkAll" | "checked" | "indeterminate"> & import("react").RefAttributes<HTMLLabelElement>> & {
     Group: {
         (props: import("./RadioGroup").RadioGroupProps): JSX.Element;

package/esm/radio/index.js

@@ -1,20 +1,33 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _Radio } from '../_chunks/dep-86ed9432.js';
+import { _ as _Radio } from '../_chunks/dep-5e5c403a.js';
 import './style/index.js';
-import '../_chunks/dep-308ea020.js';
+import '../_type/components/radio/index.js';
+import '../_chunks/dep-efe7433b.js';
 import 'react';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../common/Check.js';
-import '../_chunks/dep-01d52b00.js';
-import '../_chunks/dep-65d3c0dc.js';
-import '../_chunks/dep-34727236.js';
+import '../_chunks/dep-2f008905.js';
+import '../_chunks/dep-6a5b1968.js';
+import '../_chunks/dep-016d27a7.js';
 import 'classnames';
+import '../_util/helper.js';
+import '../_chunks/dep-8037ad24.js';
+import '../_chunks/dep-cb80da27.js';
+import '../_chunks/dep-43869d17.js';
+import '../_chunks/dep-b6ff8559.js';
+import '../_chunks/dep-1189939f.js';
+import '../_chunks/dep-9ad4f4b7.js';
+import '../_chunks/dep-4e491803.js';
+import '../_chunks/dep-9d2e7b62.js';
+import '../_chunks/dep-f3eac264.js';
+import '../_chunks/dep-5ec09fbd.js';
+import '../_chunks/dep-0c106052.js';
 import '../_util/useConfig.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';

package/esm/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';\n\nexport const Radio = _Radio;\nexport default Radio;\n"],"names":["Radio","_Radio"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;IAOaA,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/components/radio';\n\nexport const Radio = _Radio;\nexport default Radio;\n"],"names":["Radio","_Radio"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,QAAQC;;;;"}

package/esm/select/base/Option.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { StyledProps } from '../../_type/StyledProps';
-import { SelectValue, TdOptionProps, TdSelectProps } from '../../_type/components/select';
+import { SelectValue, TdOptionProps, TdSelectProps, SelectKeysType } from '../../_type/components/select';
 /**
  * Option 组件属性
  */
@@ -8,10 +8,13 @@ export interface SelectOptionProps extends StyledProps, TdOptionProps, Pick<TdSe
     selectedValue?: SelectValue;
     children?: React.ReactNode;
     onSelect?: (value: string | number, context: {
-        label?: string | number;
+        label?: string;
         selected?: boolean;
         event: React.MouseEvent;
+        restData?: Record<string, any>;
     }) => void;
+    restData?: Record<string, any>;
+    keys?: SelectKeysType;
 }
 declare const Option: (props: SelectOptionProps) => JSX.Element;
 export default Option;

package/esm/select/base/Option.js

@@ -1,43 +1,64 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-308ea020.js';
+import { _ as _defineProperty } from '../../_chunks/dep-efe7433b.js';
 import React__default, { useRef } from 'react';
 import classNames from 'classnames';
-import { i as isNumber_1 } from '../../_chunks/dep-8f70dd0b.js';
-import { i as isString_1 } from '../../_chunks/dep-8ce9524a.js';
+import { i as isNumber_1 } from '../../_chunks/dep-462edfd5.js';
+import { i as isString_1 } from '../../_chunks/dep-e507e9db.js';
+import { g as get_1 } from '../../_chunks/dep-b6158110.js';
 import useConfig from '../../_util/useConfig.js';
 import useRipple from '../../_util/useRipple.js';
-import '../../_chunks/dep-d77e1dab.js';
-import '../../_chunks/dep-72e49bf9.js';
-import '../../_chunks/dep-4f8d4a92.js';
-import '../../_chunks/dep-0bebd973.js';
-import '../../_chunks/dep-50d67a9e.js';
-import '../../_chunks/dep-6d4ba42b.js';
+import '../../_chunks/dep-cb80da27.js';
+import '../../_chunks/dep-b6ff8559.js';
+import '../../_chunks/dep-1189939f.js';
+import '../../_chunks/dep-f3eac264.js';
+import '../../_chunks/dep-9ad4f4b7.js';
+import '../../_chunks/dep-4e491803.js';
+import '../../_chunks/dep-744f52b3.js';
+import '../../_chunks/dep-9d2e7b62.js';
+import '../../_chunks/dep-e83a1558.js';
+import '../../_chunks/dep-83646039.js';
+import '../../_chunks/dep-504203df.js';
+import '../../_chunks/dep-74a044dc.js';
+import '../../_chunks/dep-47afb0bc.js';
+import '../../_chunks/dep-ed9505a3.js';
+import '../../_chunks/dep-43869d17.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
 import '../../_util/setStyle.js';
 
+var componentType = "select";
+
 var Option = function Option(props) {
   var _classNames2;
 
   var propDisabled = props.disabled,
+      propLabel = props.label,
+      selectedValue = props.selectedValue,
+      multiple = props.multiple,
       size = props.size,
       max = props.max,
+      keys = props.keys,
       value = props.value,
-      multiple = props.multiple,
-      selectedValue = props.selectedValue,
       onSelect = props.onSelect,
-      children = props.children;
-  var label = props.label || value;
-  var componentType = "select";
+      children = props.children,
+      restData = props.restData;
   var selected;
+  var label = propLabel || value;
+  var disabled = propDisabled || multiple && Array.isArray(selectedValue) && max && selectedValue.length >= max;
+
+  var _useConfig = useConfig(),
+      classPrefix = _useConfig.classPrefix;
+
+  var optionRef = useRef();
+  useRipple(optionRef);
 
   if (!multiple) {
-    selected = isNumber_1(selectedValue) || isString_1(selectedValue) ? value === selectedValue : value === (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.value);
+    selected = isNumber_1(selectedValue) || isString_1(selectedValue) ? value === selectedValue : value === get_1(selectedValue, (keys === null || keys === void 0 ? void 0 : keys.value) || "value");
   }
 
   if (multiple && Array.isArray(selectedValue)) {
@@ -46,24 +67,17 @@ var Option = function Option(props) {
         return item === value;
       }
 
-      return item.value === value;
+      return get_1(item, (keys === null || keys === void 0 ? void 0 : keys.value) || "value") === value;
     });
   }
 
-  var disabled = propDisabled || multiple && Array.isArray(selectedValue) && max && selectedValue.length >= max;
-
-  var _useConfig = useConfig(),
-      classPrefix = _useConfig.classPrefix;
-
-  var optionRef = useRef();
-  useRipple(optionRef);
-
   var handleSelect = function handleSelect(event) {
-    if (!disabled) {
+    if (!disabled || multiple && selected) {
       onSelect(value, {
-        label: label,
+        label: String(label),
         selected: selected,
-        event: event
+        event: event,
+        restData: restData
       });
     }
   };
@@ -73,12 +87,12 @@ var Option = function Option(props) {
       var _classNames;
 
       return /* @__PURE__ */React__default.createElement("label", {
-        className: classNames("".concat(classPrefix, "-checkbox"), (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-is-disabled"), disabled), _defineProperty(_classNames, "".concat(classPrefix, "-is-checked"), selected), _classNames))
+        className: classNames("".concat(classPrefix, "-checkbox"), (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-is-disabled"), disabled && !selected), _defineProperty(_classNames, "".concat(classPrefix, "-is-checked"), selected), _classNames))
       }, /* @__PURE__ */React__default.createElement("input", {
         type: "checkbox",
         className: classNames("".concat(classPrefix, "-checkbox__former")),
         value: "",
-        disabled: disabled,
+        disabled: disabled && !selected,
         onClick: function onClick(e) {
           return e.stopPropagation();
         }

package/esm/select/base/Option.js.map

@@ -1 +1 @@
-{"version":3,"file":"Option.js","sources":["../../../src/select/base/Option.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport classNames from 'classnames';\nimport isNumber from 'lodash/isNumber';\nimport isString from 'lodash/isString';\n\nimport useConfig from '../../_util/useConfig';\nimport useRipple from '../../_util/useRipple';\nimport { StyledProps } from '../../_type/StyledProps';\nimport { SelectValue, TdOptionProps, TdSelectProps, Options } from '../../_type/components/select';\n\n/**\n * Option 组件属性\n */\nexport interface SelectOptionProps\n  extends StyledProps,\n    TdOptionProps,\n    Pick<TdSelectProps, 'size' | 'multiple' | 'max'> {\n  selectedValue?: SelectValue;\n  children?: React.ReactNode;\n  onSelect?: (\n    value: string | number,\n    context: { label?: string | number; selected?: boolean; event: React.MouseEvent },\n  ) => void;\n}\n\ntype SelectLabeledValue = Required<Omit<Options, 'disabled'>>;\n\nconst Option = (props: SelectOptionProps) => {\n  const { disabled: propDisabled, size, max, value, multiple, selectedValue, onSelect, children } = props;\n  const label = props.label || value;\n  const componentType = 'select';\n\n  let selected: boolean;\n\n  // 处理单选场景\n  if (!multiple) {\n    selected =\n      isNumber(selectedValue) || isString(selectedValue)\n        ? value === selectedValue\n        : value === (selectedValue as SelectLabeledValue)?.value;\n  }\n\n  // 处理多选场景\n  if (multiple && Array.isArray(selectedValue)) {\n    selected = selectedValue.some((item) => {\n      if (isNumber(item) || isString(item)) {\n        // 如果非object类型\n        return item === value;\n      }\n      return (item as SelectLabeledValue).value === value;\n    });\n  }\n\n  const disabled = propDisabled || (multiple && Array.isArray(selectedValue) && max && selectedValue.length >= max);\n\n  const { classPrefix } = useConfig();\n  const optionRef = useRef();\n\n  // 使用斜八角动画\n  useRipple(optionRef);\n\n  const handleSelect = (event: React.MouseEvent) => {\n    if (!disabled) {\n      onSelect(value, { label, selected, event });\n    }\n  };\n\n  const renderItem = (children: React.ReactNode) => {\n    if (multiple) {\n      return (\n        <label\n          className={classNames(`${classPrefix}-checkbox`, {\n            [`${classPrefix}-is-disabled`]: disabled,\n            [`${classPrefix}-is-checked`]: selected,\n          })}\n        >\n          <input\n            type=\"checkbox\"\n            className={classNames(`${classPrefix}-checkbox__former`)}\n            value=\"\"\n            disabled={disabled}\n            onClick={(e) => e.stopPropagation()}\n          />\n          <span className={classNames(`${classPrefix}-checkbox__input`)}></span>\n          <span className={classNames(`${classPrefix}-checkbox__label`)}>{children || label}</span>\n        </label>\n      );\n    }\n    return <span>{children || label}</span>;\n  };\n\n  return (\n    <li\n      className={classNames(props.className, `${classPrefix}-${componentType}-option`, {\n        [`${classPrefix}-is-disabled`]: disabled,\n        [`${classPrefix}-is-selected`]: selected,\n        [`${classPrefix}-size-s`]: size === 'small',\n        [`${classPrefix}-size-l`]: size === 'large',\n      })}\n      key={value}\n      onClick={handleSelect}\n      ref={optionRef}\n    >\n      {renderItem(children)}\n    </li>\n  );\n};\n\nexport default Option;\n"],"names":["Option","props","propDisabled","disabled","size","max","value","multiple","selectedValue","onSelect","children","label","componentType","selected","isNumber","isString","Array","isArray","some","item","length","useConfig","classPrefix","optionRef","useRef","handleSelect","event","renderItem","children2","className","classNames","type","onClick","e","stopPropagation","key","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;IA2BMA,SAAS,SAATA,MAAS,CAACC,KAAD,EAA8B;AAAA;;MACzBC,eAAgFD,MAA1FE;MAAwBC,OAAkEH,MAAlEG;MAAMC,MAA4DJ,MAA5DI;MAAKC,QAAuDL,MAAvDK;MAAOC,WAAgDN,MAAhDM;MAAUC,gBAAsCP,MAAtCO;MAAeC,WAAuBR,MAAvBQ;MAAUC,WAAaT,MAAbS;MAC/EC,QAAQV,MAAMU,KAAN,IAAeL;MACvBM,gBAAgB;MAElBC;;MAGA,CAACN,UAAU;eAEXO,WAASN,cAAT,IAA2BO,WAASP,cAApC,GACIF,UAAUE,aADd,GAEIF,WAAWE,0BAAAA,oCAAAA,cAAsCF;;;MAIrDC,YAAYS,MAAMC,OAAN,CAAcT,aAAd,GAA8B;eACjCA,cAAcU,IAAd,CAAmB,UAACC,IAAD,EAAU;UAClCL,WAASK,KAAT,IAAkBJ,WAASI,OAAO;eAE7BA,SAASb;;;aAEVa,KAA4Bb,KAA5B,KAAsCA;KALrC;;;MASPH,WAAWD,gBAAiBK,YAAYS,MAAMC,OAAN,CAAcT,aAAd,CAAZ,IAA4CH,GAA5C,IAAmDG,cAAcY,MAAd,IAAwBf;;mBAErFgB;MAAhBC,yBAAAA;;MACFC,YAAYC;YAGRD;;MAEJE,eAAe,SAAfA,YAAe,CAACC,KAAD,EAA6B;QAC5C,CAACvB,UAAU;eACJG,OAAO;AAAEK,QAAAA,OAAAA,KAAF;AAASE,QAAAA,UAAAA,QAAT;AAAmBa,QAAAA,OAAAA;AAAnB;;;;MAIdC,aAAa,SAAbA,UAAa,CAACC,SAAD,EAA+B;QAC5CrB,UAAU;AAAA;;yDAET,SAAD;AACEsB,QAAAA,WAAWC,qBAAcR,qFACnBA,8BAA4BnB,kDAC5BmB,6BAA2BT;AAHnC,qDAMG,SAAD;AACEkB,QAAAA,MAAK,UADP;AAEEF,QAAAA,WAAWC,qBAAcR,kCAF3B;AAGEhB,QAAAA,OAAM,EAHR;AAIEH,QAAAA,UAAAA,QAJF;AAKE6B,QAAAA,SAAS,iBAACC,CAAD;AAAA,iBAAOA,EAAEC,eAAF,EAAP;AAAA;AALX,sDAOC,QAAD;AAAML,QAAAA,WAAWC,qBAAcR;AAA/B,sDACC,QAAD;AAAMO,QAAAA,WAAWC,qBAAcR;AAA/B,SAAgEM,aAAYjB;;;uDAI1E,QAAD,MAAOiB,aAAYjB;;;qDAIzB,MAAD;AACEkB,IAAAA,WAAWC,WAAW7B,MAAM4B,qBAAcP,yBAAeV,uFACnDU,8BAA4BnB,mDAC5BmB,8BAA4BT,mDAC5BS,yBAAuBlB,SAAS,kDAChCkB,yBAAuBlB,SAAS,wBALxC;AAOE+B,IAAAA,KAAK7B,KAPP;AAQE0B,IAAAA,SAASP,YARX;AASEW,IAAAA,KAAKb;AATP,KAWGI,WAAWjB;;;;;"}
+{"version":3,"file":"Option.js","sources":["../../../src/select/base/Option.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport classNames from 'classnames';\nimport isNumber from 'lodash/isNumber';\nimport isString from 'lodash/isString';\nimport get from 'lodash/get';\n\nimport useConfig from '../../_util/useConfig';\nimport useRipple from '../../_util/useRipple';\nimport { StyledProps } from '../../_type/StyledProps';\nimport { SelectValue, TdOptionProps, TdSelectProps, SelectKeysType } from '../../_type/components/select';\n\n/**\n * Option 组件属性\n */\nexport interface SelectOptionProps\n  extends StyledProps,\n    TdOptionProps,\n    Pick<TdSelectProps, 'size' | 'multiple' | 'max'> {\n  selectedValue?: SelectValue;\n  children?: React.ReactNode;\n  onSelect?: (\n    value: string | number,\n    context: { label?: string; selected?: boolean; event: React.MouseEvent; restData?: Record<string, any> },\n  ) => void;\n  restData?: Record<string, any>;\n  keys?: SelectKeysType;\n}\n\nconst componentType = 'select';\n\nconst Option = (props: SelectOptionProps) => {\n  const {\n    disabled: propDisabled,\n    label: propLabel,\n    selectedValue,\n    multiple,\n    size,\n    max,\n    keys,\n    value,\n    onSelect,\n    children,\n    restData,\n  } = props;\n\n  let selected: boolean;\n  const label = propLabel || value;\n  const disabled = propDisabled || (multiple && Array.isArray(selectedValue) && max && selectedValue.length >= max);\n\n  const { classPrefix } = useConfig();\n  const optionRef = useRef();\n  // 使用斜八角动画\n  useRipple(optionRef);\n\n  // 处理单选场景\n  if (!multiple) {\n    selected =\n      isNumber(selectedValue) || isString(selectedValue)\n        ? value === selectedValue\n        : value === get(selectedValue, keys?.value || 'value');\n  }\n\n  // 处理多选场景\n  if (multiple && Array.isArray(selectedValue)) {\n    selected = selectedValue.some((item) => {\n      if (isNumber(item) || isString(item)) {\n        // 如果非object类型\n        return item === value;\n      }\n      return get(item, keys?.value || 'value') === value;\n    });\n  }\n\n  const handleSelect = (event: React.MouseEvent) => {\n    if (!disabled || (multiple && selected)) {\n      onSelect(value, { label: String(label), selected, event, restData });\n    }\n  };\n\n  const renderItem = (children: React.ReactNode) => {\n    if (multiple) {\n      return (\n        <label\n          className={classNames(`${classPrefix}-checkbox`, {\n            [`${classPrefix}-is-disabled`]: disabled && !selected,\n            [`${classPrefix}-is-checked`]: selected,\n          })}\n        >\n          <input\n            type=\"checkbox\"\n            className={classNames(`${classPrefix}-checkbox__former`)}\n            value=\"\"\n            disabled={disabled && !selected}\n            onClick={(e) => e.stopPropagation()}\n          />\n          <span className={classNames(`${classPrefix}-checkbox__input`)}></span>\n          <span className={classNames(`${classPrefix}-checkbox__label`)}>{children || label}</span>\n        </label>\n      );\n    }\n    return <span>{children || label}</span>;\n  };\n\n  return (\n    <li\n      className={classNames(props.className, `${classPrefix}-${componentType}-option`, {\n        [`${classPrefix}-is-disabled`]: disabled,\n        [`${classPrefix}-is-selected`]: selected,\n        [`${classPrefix}-size-s`]: size === 'small',\n        [`${classPrefix}-size-l`]: size === 'large',\n      })}\n      key={value}\n      onClick={handleSelect}\n      ref={optionRef}\n    >\n      {renderItem(children)}\n    </li>\n  );\n};\n\nexport default Option;\n"],"names":["componentType","Option","props","propDisabled","disabled","propLabel","label","selectedValue","multiple","size","max","keys","value","onSelect","children","restData","selected","Array","isArray","length","useConfig","classPrefix","optionRef","useRef","isNumber","isString","get","some","item","handleSelect","event","String","renderItem","children2","className","classNames","type","onClick","e","stopPropagation","key","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,IAAMA,gBAAgB,QAAtB;;IAEMC,SAAS,SAATA,MAAS,CAACC,KAAD,EAA8B;AAAA;;MAE/BC,eAWRD,MAXFE;MACOC,YAULH,MAVFI;MACAC,gBASEL,MATFK;MACAC,WAQEN,MARFM;MACAC,OAOEP,MAPFO;MACAC,MAMER,MANFQ;MACAC,OAKET,MALFS;MACAC,QAIEV,MAJFU;MACAC,WAGEX,MAHFW;MACAC,WAEEZ,MAFFY;MACAC,WACEb,MADFa;MAGEC;MACEV,QAAQD,aAAaO;MACrBR,WAAWD,gBAAiBK,YAAYS,MAAMC,OAAN,CAAcX,aAAd,CAAZ,IAA4CG,GAA5C,IAAmDH,cAAcY,MAAd,IAAwBT;;mBAErFU;MAAhBC,yBAAAA;;MACFC,YAAYC;YAERD;;MAGN,CAACd,UAAU;eAEXgB,WAASjB,cAAT,IAA2BkB,WAASlB,cAApC,GACIK,UAAUL,aADd,GAEIK,UAAUc,MAAInB,eAAe,CAAAI,aAAA,IAAAA,eAAA,YAAAA,KAAMC,KAAN,KAAe;;;MAIhDJ,YAAYS,MAAMC,OAAN,CAAcX,aAAd,GAA8B;eACjCA,cAAcoB,IAAd,CAAmB,UAACC,IAAD,EAAU;UAClCJ,WAASI,KAAT,IAAkBH,WAASG,OAAO;eAE7BA,SAAShB;;;aAEXc,MAAIE,MAAM,CAAAjB,aAAA,IAAAA,eAAA,YAAAA,KAAMC,KAAN,KAAe,QAAzB,KAAsCA;KALpC;;;MASPiB,eAAe,SAAfA,YAAe,CAACC,KAAD,EAA6B;QAC5C,CAAC1B,QAAD,IAAcI,YAAYQ,UAAW;eAC9BJ,OAAO;AAAEN,QAAAA,OAAOyB,OAAOzB,MAAhB;AAAwBU,QAAAA,UAAAA,QAAxB;AAAkCc,QAAAA,OAAAA,KAAlC;AAAyCf,QAAAA,UAAAA;AAAzC;;;;MAIdiB,aAAa,SAAbA,UAAa,CAACC,SAAD,EAA+B;QAC5CzB,UAAU;AAAA;;yDAET,SAAD;AACE0B,QAAAA,WAAWC,qBAAcd,qFACnBA,8BAA4BjB,YAAY,CAACY,kDACzCK,6BAA2BL;AAHnC,qDAMG,SAAD;AACEoB,QAAAA,MAAK,UADP;AAEEF,QAAAA,WAAWC,qBAAcd,kCAF3B;AAGET,QAAAA,OAAM,EAHR;AAIER,QAAAA,UAAUA,YAAY,CAACY,QAJzB;AAKEqB,QAAAA,SAAS,iBAACC,CAAD;AAAA,iBAAOA,EAAEC,eAAF,EAAP;AAAA;AALX,sDAOC,QAAD;AAAML,QAAAA,WAAWC,qBAAcd;AAA/B,sDACC,QAAD;AAAMa,QAAAA,WAAWC,qBAAcd;AAA/B,SAAgEY,aAAY3B;;;uDAI1E,QAAD,MAAO2B,aAAY3B;;;qDAIzB,MAAD;AACE4B,IAAAA,WAAWC,WAAWjC,MAAMgC,qBAAcb,yBAAerB,uFACnDqB,8BAA4BjB,mDAC5BiB,8BAA4BL,mDAC5BK,yBAAuBZ,SAAS,kDAChCY,yBAAuBZ,SAAS,wBALxC;AAOE+B,IAAAA,KAAK5B,KAPP;AAQEyB,IAAAA,SAASR,YARX;AASEY,IAAAA,KAAKnB;AATP,KAWGU,WAAWlB;;;;;"}

package/esm/select/base/OptionGroup.d.ts

@@ -7,6 +7,7 @@ export interface SelectGOptionGroupProps extends TdOptionGroupProps {
         selected?: boolean;
         event: React.MouseEvent;
     }) => void;
+    divider?: boolean;
     children?: React.ReactNode;
 }
 declare const OptionGroup: (props: SelectGOptionGroupProps) => JSX.Element;

package/esm/select/base/OptionGroup.js

@@ -1,11 +1,12 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-308ea020.js';
+import { _ as _defineProperty } from '../../_chunks/dep-efe7433b.js';
 import React__default, { Children, isValidElement, cloneElement } from 'react';
+import classNames from 'classnames';
 import useConfig from '../../_util/useConfig.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
@@ -18,7 +19,8 @@ var OptionGroup = function OptionGroup(props) {
   var children = props.children,
       label = props.label,
       selectedValue = props.selectedValue,
-      onSelect = props.onSelect;
+      onSelect = props.onSelect,
+      divider = props.divider;
 
   var _useConfig = useConfig(),
       classPrefix = _useConfig.classPrefix;
@@ -35,7 +37,7 @@ var OptionGroup = function OptionGroup(props) {
     return child;
   });
   return /* @__PURE__ */React__default.createElement("li", {
-    className: "".concat(classPrefix, "-option-group")
+    className: classNames("".concat(classPrefix, "-option-group"), _defineProperty({}, "".concat(classPrefix, "-option-group__divider"), divider))
   }, /* @__PURE__ */React__default.createElement("ul", {
     className: "".concat(classPrefix, "-option-group-header")
   }, label), /* @__PURE__ */React__default.createElement("ul", null, childrenWithProps));

package/esm/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 useConfig from '../../_util/useConfig';\n\nimport { TdOptionGroupProps, SelectValue } from '../../_type/components/select';\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  children?: React.ReactNode;\n}\n\nconst OptionGroup = (props: SelectGOptionGroupProps) => {\n  const { children, label, selectedValue, onSelect } = 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 className={`${classPrefix}-option-group`}>\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","useConfig","classPrefix","childrenWithProps","Children","map","child","isValidElement","addedProps","cloneElement","className"],"mappings":";;;;;;;;;;;;;;;;IAcMA,cAAc,SAAdA,WAAc,CAACC,KAAD,EAAoC;MAC9CC,WAA6CD,MAA7CC;MAAUC,QAAmCF,MAAnCE;MAAOC,gBAA4BH,MAA5BG;MAAeC,WAAaJ,MAAbI;;mBAEhBC;MAAhBC,yBAAAA;;MAEFC,oBAAoBC,SAASC,GAAT,CAAaR,QAAb,EAAuB,UAACS,KAAD,EAAW;sBACtDC,eAAeD,QAAQ;UACnBE,aAAa;AAAET,QAAAA,eAAAA,aAAF;AAAiBC,QAAAA,UAAAA;AAAjB;0BACZS,aAAaH,yBAAYE;;;WAE3BF;GALiB;qDASvB,MAAD;AAAII,IAAAA,qBAAcR;AAAlB,iDACG,MAAD;AAAIQ,IAAAA,qBAAcR;AAAlB,KAAsDJ,oDACrD,MAAD,MAAKK;;;;;"}
+{"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/components/select';\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,SAASC,GAAT,CAAaT,QAAb,EAAuB,UAACU,KAAD,EAAW;sBACtDC,eAAeD,QAAQ;UACnBE,aAAa;AAAEV,QAAAA,eAAAA,aAAF;AAAiBC,QAAAA,UAAAA;AAAjB;0BACZU,aAAaH,yBAAYE;;;WAE3BF;GALiB;qDASvB,MAAD;AACEI,IAAAA,WAAWC,qBAAcT,6DACnBA,wCAAsCF;AAF9C,iDAKG,MAAD;AAAIU,IAAAA,qBAAcR;AAAlB,KAAsDL,oDACrD,MAAD,MAAKM;;;;;"}

package/esm/select/base/PopupContent.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 import { TdSelectProps, SelectValue } from '../../_type/components/select';
-interface SelectPopupProps extends Pick<TdSelectProps, 'value' | 'size' | 'multiple' | 'empty' | 'options' | 'max' | 'loadingText' | 'loading' | 'valueType'> {
+interface SelectPopupProps extends Pick<TdSelectProps, 'value' | 'size' | 'multiple' | 'empty' | 'options' | 'max' | 'loadingText' | 'loading' | 'valueType' | 'keys'> {
     onChange?: (value: SelectValue, context?: {
         label?: string | number;
+        restData?: Record<string, any>;
     }) => void;
     /**
      * 是否展示popup