tdesign-react 0.31.2-alpha.1 → 0.31.2-alpha.2

package/es/_chunks/{dep-5d29cc59.js → dep-7e7b26b4.js}

@@ -219,4 +219,4 @@ Avatar.displayName = "Avatar";
 var _Avatar = Avatar;
 
 export { Group as G, _Avatar as _ };
-//# sourceMappingURL=dep-5d29cc59.js.map
+//# sourceMappingURL=dep-7e7b26b4.js.map

package/es/_chunks/{dep-5d29cc59.js.map → dep-7e7b26b4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dep-5d29cc59.js","sources":["../../src/avatar/AvararGroup.tsx","../../src/avatar/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport Avatar from './Avatar';\nimport Popup from '../popup/Popup';\nimport useConfig from '../_util/useConfig';\nimport { AvatarContextProvider } from './AvatarContext';\nimport { TdAvatarGroupProps } from './type';\nimport { StyledProps } from '../common';\n\nexport interface AvatarGroupProps extends TdAvatarGroupProps, StyledProps {\n  children?: React.ReactNode;\n}\nconst Group: React.FC<AvatarGroupProps> = (props) => {\n  const { classPrefix } = useConfig();\n  const preClass = `${classPrefix}-avatar`;\n  const {\n    className,\n    cascading = 'right-up',\n    collapseAvatar,\n    max,\n    placement,\n    popupProps,\n    size = 'medium',\n    children,\n    ...avatarGroupProps\n  } = props;\n\n  const childrenList = React.Children.toArray(children);\n  let allChildrenList;\n  if (childrenList.length > 0) {\n    allChildrenList = childrenList.map((child: JSX.Element, index: number) =>\n      React.cloneElement(child, { key: `avatar-group-item-${index}`, ...child.props }),\n    );\n  }\n  const groupClass = classNames(`${preClass}-group`, className, {\n    [`${preClass}--offset-right`]: cascading === 'right-up',\n    [`${preClass}--offset-left`]: cascading === 'left-up',\n  });\n  const childrenCount = childrenList.length;\n  if (max && childrenCount > max) {\n    const showList = allChildrenList.slice(0, max);\n    const hiddenList = allChildrenList.slice(max, childrenCount);\n    const popupNum = `+${childrenCount - max}`;\n    const popupMergeProps = { ...popupProps, placement };\n    const popupNodes = popupProps ? (\n      <Popup {...popupMergeProps}>\n        {collapseAvatar ? <Avatar size={size}>{collapseAvatar}</Avatar> : <Avatar size={size}>{popupNum}</Avatar>}\n      </Popup>\n    ) : (\n      <Popup key=\"avatar-popup-key\" placement={placement} content={hiddenList} trigger=\"hover\" showArrow>\n        {collapseAvatar ? <Avatar size={size}>{collapseAvatar}</Avatar> : <Avatar size={size}>{popupNum}</Avatar>}\n      </Popup>\n    );\n    showList.push(popupNodes);\n    return (\n      <AvatarContextProvider size={size}>\n        <div className={groupClass}>{showList}</div>\n      </AvatarContextProvider>\n    );\n  }\n  return (\n    <AvatarContextProvider size={size}>\n      <div className={groupClass} {...avatarGroupProps}>\n        {allChildrenList}\n      </div>\n    </AvatarContextProvider>\n  );\n};\nexport default Group;\n","import React, { useRef, useState, useEffect, useContext, Ref } from 'react';\nimport useResizeObserver from 'use-resize-observer';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport useCommonClassName from '../_util/useCommonClassName';\nimport composeRefs from '../_util/composeRefs';\nimport { TdAvatarProps } from './type';\nimport { StyledProps } from '../common';\nimport AvatarContext from './AvatarContext';\nimport AvatarGroup from './AvararGroup';\n\nexport interface AvatarProps extends TdAvatarProps, StyledProps {\n  children?: React.ReactNode;\n}\n\nconst Avatar = forwardRefWithStatics(\n  (props: AvatarProps, ref: Ref<HTMLElement>) => {\n    const {\n      alt,\n      hideOnLoadFailed = false,\n      icon,\n      image,\n      shape = 'circle',\n      size: avatarSize = 'default',\n      onError,\n      children,\n      style,\n      className,\n      ...avatarProps\n    } = props;\n    const groupSize = useContext(AvatarContext);\n    const { classPrefix } = useConfig();\n    const [scale, setScale] = useState(1);\n    const [isImgExist, setIsImgExist] = useState(true);\n    const avatarRef = useRef<HTMLElement>(null);\n    const avatarChildrenRef = useRef<HTMLElement>(null);\n    const size = avatarSize === 'default' ? groupSize : avatarSize;\n    const gap = 4;\n    const handleScale = () => {\n      if (!avatarChildrenRef.current || !avatarRef.current) {\n        return;\n      }\n      const childrenWidth = avatarChildrenRef.current.offsetWidth;\n      const avatarWidth = avatarRef.current.offsetWidth;\n\n      if (childrenWidth !== 0 && avatarWidth !== 0) {\n        if (gap * 2 < avatarWidth) {\n          setScale(avatarWidth - gap * 2 < childrenWidth ? (avatarWidth - gap * 2) / childrenWidth : 1);\n        }\n      }\n    };\n    const { ref: observerRef } = useResizeObserver<HTMLDivElement>({\n      onResize: handleScale,\n    });\n\n    const handleImgLoadError = () => {\n      onError && onError();\n      !hideOnLoadFailed && setIsImgExist(false);\n    };\n\n    useEffect(() => {\n      setIsImgExist(true);\n      setScale(1);\n    }, [props.image]);\n\n    useEffect(() => {\n      handleScale();\n    }, []);\n\n    const { SIZE } = useCommonClassName();\n    const numSizeStyle: React.CSSProperties =\n      size && !SIZE[size]\n        ? {\n            width: size,\n            height: size,\n            fontSize: `${Number.parseInt(size, 10) / 2}px`,\n          }\n        : {};\n    const imageStyle: React.CSSProperties =\n      size && !SIZE[size]\n        ? {\n            width: size,\n            height: size,\n          }\n        : {};\n\n    const preClass = `${classPrefix}-avatar`;\n\n    const avatarClass = classNames(preClass, className, {\n      [SIZE[size]]: !!SIZE[size],\n      [`${preClass}--${shape}`]: !!shape,\n      [`${preClass}-icon`]: !!icon,\n    });\n\n    let content;\n    if (image && isImgExist) {\n      content = <img src={image} alt={alt} style={imageStyle} onError={handleImgLoadError} />;\n    } else if (icon) {\n      content = icon;\n    } else {\n      const childrenStyle: React.CSSProperties = {\n        transform: `scale(${scale})`,\n      };\n      content = (\n        <span ref={composeRefs(ref, avatarChildrenRef, observerRef) as any} style={childrenStyle}>\n          {children}\n        </span>\n      );\n    }\n    return (\n      <div\n        ref={composeRefs(ref, avatarRef) as any}\n        className={avatarClass}\n        style={{ ...numSizeStyle, ...style }}\n        {...avatarProps}\n      >\n        {content}\n      </div>\n    );\n  },\n  { Group: AvatarGroup },\n);\n\nAvatar.displayName = 'Avatar';\n\nexport default Avatar;\n"],"names":["Group","props","useConfig","classPrefix","preClass","className","cascading","collapseAvatar","max","placement","popupProps","size","children","avatarGroupProps","_excluded","childrenList","React","Children","toArray","allChildrenList","length","map","child","index","cloneElement","_objectSpread","key","groupClass","classNames","childrenCount","showList","slice","hiddenList","popupNum","popupMergeProps","popupNodes","createElement","Popup","Avatar","content","trigger","showArrow","push","AvatarContextProvider","forwardRefWithStatics","ref","alt","hideOnLoadFailed","icon","image","shape","avatarSize","onError","style","avatarProps","groupSize","useContext","AvatarContext","useState","scale","setScale","isImgExist","setIsImgExist","avatarRef","useRef","avatarChildrenRef","gap","handleScale","current","childrenWidth","offsetWidth","avatarWidth","useResizeObserver","onResize","observerRef","handleImgLoadError","useEffect","useCommonClassName","SIZE","numSizeStyle","width","height","fontSize","Number","parseInt","imageStyle","avatarClass","src","childrenStyle","transform","composeRefs","AvatarGroup","displayName"],"mappings":"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"}
+{"version":3,"file":"dep-7e7b26b4.js","sources":["../../src/avatar/AvararGroup.tsx","../../src/avatar/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport Avatar from './Avatar';\nimport Popup from '../popup/Popup';\nimport useConfig from '../_util/useConfig';\nimport { AvatarContextProvider } from './AvatarContext';\nimport { TdAvatarGroupProps } from './type';\nimport { StyledProps } from '../common';\n\nexport interface AvatarGroupProps extends TdAvatarGroupProps, StyledProps {\n  children?: React.ReactNode;\n}\nconst Group: React.FC<AvatarGroupProps> = (props) => {\n  const { classPrefix } = useConfig();\n  const preClass = `${classPrefix}-avatar`;\n  const {\n    className,\n    cascading = 'right-up',\n    collapseAvatar,\n    max,\n    placement,\n    popupProps,\n    size = 'medium',\n    children,\n    ...avatarGroupProps\n  } = props;\n\n  const childrenList = React.Children.toArray(children);\n  let allChildrenList;\n  if (childrenList.length > 0) {\n    allChildrenList = childrenList.map((child: JSX.Element, index: number) =>\n      React.cloneElement(child, { key: `avatar-group-item-${index}`, ...child.props }),\n    );\n  }\n  const groupClass = classNames(`${preClass}-group`, className, {\n    [`${preClass}--offset-right`]: cascading === 'right-up',\n    [`${preClass}--offset-left`]: cascading === 'left-up',\n  });\n  const childrenCount = childrenList.length;\n  if (max && childrenCount > max) {\n    const showList = allChildrenList.slice(0, max);\n    const hiddenList = allChildrenList.slice(max, childrenCount);\n    const popupNum = `+${childrenCount - max}`;\n    const popupMergeProps = { ...popupProps, placement };\n    const popupNodes = popupProps ? (\n      <Popup {...popupMergeProps}>\n        {collapseAvatar ? <Avatar size={size}>{collapseAvatar}</Avatar> : <Avatar size={size}>{popupNum}</Avatar>}\n      </Popup>\n    ) : (\n      <Popup key=\"avatar-popup-key\" placement={placement} content={hiddenList} trigger=\"hover\" showArrow>\n        {collapseAvatar ? <Avatar size={size}>{collapseAvatar}</Avatar> : <Avatar size={size}>{popupNum}</Avatar>}\n      </Popup>\n    );\n    showList.push(popupNodes);\n    return (\n      <AvatarContextProvider size={size}>\n        <div className={groupClass}>{showList}</div>\n      </AvatarContextProvider>\n    );\n  }\n  return (\n    <AvatarContextProvider size={size}>\n      <div className={groupClass} {...avatarGroupProps}>\n        {allChildrenList}\n      </div>\n    </AvatarContextProvider>\n  );\n};\nexport default Group;\n","import React, { useRef, useState, useEffect, useContext, Ref } from 'react';\nimport useResizeObserver from 'use-resize-observer';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport useCommonClassName from '../_util/useCommonClassName';\nimport composeRefs from '../_util/composeRefs';\nimport { TdAvatarProps } from './type';\nimport { StyledProps } from '../common';\nimport AvatarContext from './AvatarContext';\nimport AvatarGroup from './AvararGroup';\n\nexport interface AvatarProps extends TdAvatarProps, StyledProps {\n  children?: React.ReactNode;\n}\n\nconst Avatar = forwardRefWithStatics(\n  (props: AvatarProps, ref: Ref<HTMLElement>) => {\n    const {\n      alt,\n      hideOnLoadFailed = false,\n      icon,\n      image,\n      shape = 'circle',\n      size: avatarSize = 'default',\n      onError,\n      children,\n      style,\n      className,\n      ...avatarProps\n    } = props;\n    const groupSize = useContext(AvatarContext);\n    const { classPrefix } = useConfig();\n    const [scale, setScale] = useState(1);\n    const [isImgExist, setIsImgExist] = useState(true);\n    const avatarRef = useRef<HTMLElement>(null);\n    const avatarChildrenRef = useRef<HTMLElement>(null);\n    const size = avatarSize === 'default' ? groupSize : avatarSize;\n    const gap = 4;\n    const handleScale = () => {\n      if (!avatarChildrenRef.current || !avatarRef.current) {\n        return;\n      }\n      const childrenWidth = avatarChildrenRef.current.offsetWidth;\n      const avatarWidth = avatarRef.current.offsetWidth;\n\n      if (childrenWidth !== 0 && avatarWidth !== 0) {\n        if (gap * 2 < avatarWidth) {\n          setScale(avatarWidth - gap * 2 < childrenWidth ? (avatarWidth - gap * 2) / childrenWidth : 1);\n        }\n      }\n    };\n    const { ref: observerRef } = useResizeObserver<HTMLDivElement>({\n      onResize: handleScale,\n    });\n\n    const handleImgLoadError = () => {\n      onError && onError();\n      !hideOnLoadFailed && setIsImgExist(false);\n    };\n\n    useEffect(() => {\n      setIsImgExist(true);\n      setScale(1);\n    }, [props.image]);\n\n    useEffect(() => {\n      handleScale();\n    }, []);\n\n    const { SIZE } = useCommonClassName();\n    const numSizeStyle: React.CSSProperties =\n      size && !SIZE[size]\n        ? {\n            width: size,\n            height: size,\n            fontSize: `${Number.parseInt(size, 10) / 2}px`,\n          }\n        : {};\n    const imageStyle: React.CSSProperties =\n      size && !SIZE[size]\n        ? {\n            width: size,\n            height: size,\n          }\n        : {};\n\n    const preClass = `${classPrefix}-avatar`;\n\n    const avatarClass = classNames(preClass, className, {\n      [SIZE[size]]: !!SIZE[size],\n      [`${preClass}--${shape}`]: !!shape,\n      [`${preClass}-icon`]: !!icon,\n    });\n\n    let content;\n    if (image && isImgExist) {\n      content = <img src={image} alt={alt} style={imageStyle} onError={handleImgLoadError} />;\n    } else if (icon) {\n      content = icon;\n    } else {\n      const childrenStyle: React.CSSProperties = {\n        transform: `scale(${scale})`,\n      };\n      content = (\n        <span ref={composeRefs(ref, avatarChildrenRef, observerRef) as any} style={childrenStyle}>\n          {children}\n        </span>\n      );\n    }\n    return (\n      <div\n        ref={composeRefs(ref, avatarRef) as any}\n        className={avatarClass}\n        style={{ ...numSizeStyle, ...style }}\n        {...avatarProps}\n      >\n        {content}\n      </div>\n    );\n  },\n  { Group: AvatarGroup },\n);\n\nAvatar.displayName = 'Avatar';\n\nexport default Avatar;\n"],"names":["Group","props","useConfig","classPrefix","preClass","className","cascading","collapseAvatar","max","placement","popupProps","size","children","avatarGroupProps","_excluded","childrenList","React","Children","toArray","allChildrenList","length","map","child","index","cloneElement","_objectSpread","key","groupClass","classNames","childrenCount","showList","slice","hiddenList","popupNum","popupMergeProps","popupNodes","createElement","Popup","Avatar","content","trigger","showArrow","push","AvatarContextProvider","forwardRefWithStatics","ref","alt","hideOnLoadFailed","icon","image","shape","avatarSize","onError","style","avatarProps","groupSize","useContext","AvatarContext","useState","scale","setScale","isImgExist","setIsImgExist","avatarRef","useRef","avatarChildrenRef","gap","handleScale","current","childrenWidth","offsetWidth","avatarWidth","useResizeObserver","onResize","observerRef","handleImgLoadError","useEffect","useCommonClassName","SIZE","numSizeStyle","width","height","fontSize","Number","parseInt","imageStyle","avatarClass","src","childrenStyle","transform","composeRefs","AvatarGroup","displayName"],"mappings":"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"}

package/es/_common/js/color-picker/cmyk.d.ts

@@ -0,0 +1,27 @@
+/**
+ * rgb 转 cmyk
+ * @param red
+ * @param green
+ * @param blue
+ * @returns
+ */
+export declare const rgb2cmyk: (red: number, green: number, blue: number) => number[];
+/**
+ * cmyk 转 rgb
+ * @param cyan
+ * @param magenta
+ * @param yellow
+ * @param black
+ * @returns
+ */
+export declare const cmyk2rgb: (cyan: number, magenta: number, yellow: number, black: number) => {
+    r: number;
+    g: number;
+    b: number;
+};
+/**
+ * 输入色转rgb
+ * @param input
+ * @returns
+ */
+export declare const cmykInputToColor: (input: string) => string;

package/es/_common/js/color-picker/color.d.ts

@@ -0,0 +1,154 @@
+import tinyColor from 'tinycolor2';
+import { GradientColors, GradientColorPoint } from './gradient';
+export interface ColorObject {
+    alpha: number;
+    css: string;
+    hex: string;
+    hex8: string;
+    hsl: string;
+    hsla: string;
+    hsv: string;
+    hsva: string;
+    rgb: string;
+    rgba: string;
+    saturation: number;
+    value: number;
+    isGradient: boolean;
+    linearGradient?: string;
+}
+interface ColorStates {
+    s: number;
+    v: number;
+    h: number;
+    a: number;
+}
+interface GradientStates {
+    colors: GradientColorPoint[];
+    degree: number;
+    selectedId: string;
+    css?: string;
+}
+/**
+ * 将渐变对象转换成字符串
+ * @param object
+ * @returns
+ */
+export declare const gradientColors2string: (object: GradientColors) => string;
+/**
+ * 去除颜色的透明度
+ * @param color
+ * @returns
+ */
+export declare const getColorWithoutAlpha: (color: string) => string;
+export declare const genId: () => string;
+/**
+ * 生成一个渐变颜色
+ * @param left
+ * @param color
+ * @returns
+ */
+export declare const genGradientPoint: (left: number, color: string) => GradientColorPoint;
+export declare class Color {
+    states: ColorStates;
+    originColor: string;
+    isGradient: boolean;
+    gradientStates: GradientStates;
+    constructor(input: string);
+    update(input: string): void;
+    get saturation(): number;
+    set saturation(value: number);
+    get value(): number;
+    set value(value: number);
+    get hue(): number;
+    set hue(value: number);
+    get alpha(): number;
+    set alpha(value: number);
+    get rgb(): string;
+    get rgba(): string;
+    get hsv(): string;
+    get hsva(): string;
+    get hsl(): string;
+    get hsla(): string;
+    get hex(): string;
+    get hex8(): string;
+    get cmyk(): string;
+    get css(): string;
+    get linearGradient(): string;
+    get gradientColors(): GradientColorPoint[];
+    set gradientColors(colors: GradientColorPoint[]);
+    get gradientSelectedId(): string;
+    set gradientSelectedId(id: string);
+    get gradientDegree(): number;
+    set gradientDegree(degree: number);
+    get gradientSelectedPoint(): GradientColorPoint;
+    getFormatsColorMap(): {
+        HEX: string;
+        CMYK: string;
+        RGB: string;
+        RGBA: string;
+        HSL: string;
+        HSLA: string;
+        HSV: string;
+        HSVA: string;
+        CSS: string;
+    };
+    updateCurrentGradientColor(): false | this;
+    updateStates(input: string): void;
+    getRgba(): {
+        r: number;
+        g: number;
+        b: number;
+        a: number;
+    };
+    getCmyk(): {
+        c: number;
+        m: number;
+        y: number;
+        k: number;
+    };
+    getHsva(): tinyColor.ColorFormats.HSVA;
+    getHsla(): tinyColor.ColorFormats.HSLA;
+    /**
+     * 判断输入色是否与当前色相同
+     * @param color
+     * @returns
+     */
+    equals(color: string): boolean;
+    /**
+     * 校验输入色是否是一个有效颜色
+     * @param color
+     * @returns
+     */
+    static isValid(color: string): boolean;
+    static hsva2color(h: number, s: number, v: number, a: number): string;
+    static hsla2color(h: number, s: number, l: number, a: number): string;
+    static rgba2color(r: number, g: number, b: number, a: number): string;
+    static hex2color(hex: string, a: number): string;
+    /**
+     * 对象转颜色字符串
+     * @param object
+     * @param format
+     * @returns
+     */
+    static object2color(object: any, format: string): string;
+    /**
+     * 是否是渐变色
+     * @param input
+     * @returns
+     */
+    static isGradientColor: (input: string) => boolean;
+    /**
+     * 比较两个颜色是否相同
+     * @param color1
+     * @param color2
+     * @returns
+     */
+    static compare: (color1: string, color2: string) => boolean;
+}
+/**
+ * 获取对外输出的color对象
+ * @param color
+ * @returns
+ */
+export declare const getColorObject: (color: Color) => ColorObject;
+export default Color;

package/es/_common/js/color-picker/gradient.d.ts

@@ -0,0 +1,22 @@
+export interface GradientColorPoint {
+    id?: string;
+    color?: string;
+    left?: number;
+}
+export interface GradientColors {
+    points: GradientColorPoint[];
+    degree: number;
+}
+/**
+ * 验证是否是渐变字符串
+ * @param input
+ * @returns
+ */
+export declare const isGradientColor: (input: string) => null | RegExpExecArray;
+/**
+ * 解析渐变字符串为 GradientColors 对象
+ * @param input
+ * @returns
+ */
+export declare const parseGradientString: (input: string) => GradientColors | boolean;
+export default parseGradientString;

package/es/_util/useClickOutside.d.ts

@@ -1,2 +1,2 @@
 import { MutableRefObject } from 'react';
-export default function useClickOutside<T extends HTMLElement>(refs: MutableRefObject<T>[], handler: (event: MouseEvent | TouchEvent) => void): void;
+export default function useClickOutside<T extends HTMLElement>(refs: MutableRefObject<T>[], handler: (event: MouseEvent | TouchEvent) => void, includePopup?: boolean): void;

package/es/_util/useClickOutside.js

@@ -5,14 +5,62 @@
  */
 
 import { useEffect } from 'react';
+import useConfig from './useConfig.js';
+import '../_chunks/dep-bbad8591.js';
+import '../_chunks/dep-1628aaec.js';
+import '../_chunks/dep-8702aba9.js';
+import '../_chunks/dep-e9e7c24f.js';
+import '../_chunks/dep-c47502ef.js';
+import '../_chunks/dep-3a2f4bdf.js';
+import '../_chunks/dep-d51fd958.js';
+import '../_chunks/dep-db8880c0.js';
+import '../_chunks/dep-8efaaac0.js';
+import '../_chunks/dep-d539b435.js';
+import '../_chunks/dep-2b0021c1.js';
+import '../_chunks/dep-09299e3f.js';
+import '../_chunks/dep-23b2574f.js';
+import '../_chunks/dep-a1403158.js';
+import '../_chunks/dep-c03c5f48.js';
+import '../_chunks/dep-9b67144e.js';
+import '../_chunks/dep-d038aaf3.js';
+import '../_chunks/dep-00728537.js';
+import '../_chunks/dep-32abd81f.js';
+import '../_chunks/dep-f3e5eb4b.js';
+import '../_chunks/dep-ae52f85e.js';
+import '../_chunks/dep-63ed508e.js';
+import '../_chunks/dep-155571ca.js';
+import '../_chunks/dep-81670ae9.js';
+import '../locale/zh_CN.js';
+import '../_common/js/global-config/locale/zh_CN.js';
+import '../config-provider/zh_CN_config.js';
 
-function useClickOutside(refs, handler) {
+function useClickOutside(refs, handler, includePopup) {
+  var _useConfig = useConfig(),
+      classPrefix = _useConfig.classPrefix;
+
+  var POPUP_SELECTOR = ".".concat(classPrefix, "-popup");
   useEffect(function () {
     var listener = function listener(event) {
-      if (!Array.isArray(refs) || refs.find(function (ref) {
+      if (!Array.isArray(refs)) {
+        return;
+      }
+
+      var elements = [];
+
+      if (includePopup) {
+        document.querySelectorAll(POPUP_SELECTOR).forEach(function (ele) {
+          elements.push(ele);
+        });
+      }
+
+      elements = Array.from(new Set(elements));
+
+      if (refs.find(function (ref) {
         var _ref$current;
 
         return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.contains(event.target);
+      }) || elements.find(function (el) {
+        return el === null || el === void 0 ? void 0 : el.contains(event.target);
       })) {
         return;
       }
@@ -26,7 +74,7 @@ function useClickOutside(refs, handler) {
       document.removeEventListener("mousedown", listener);
       document.removeEventListener("touchstart", listener);
     };
-  }, [refs, handler]);
+  }, [refs, handler, includePopup]);
 }
 
 export { useClickOutside as default };

package/es/_util/useClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClickOutside.js","sources":["../../src/_util/useClickOutside.ts"],"sourcesContent":["import { MutableRefObject, useEffect } from 'react';\n\nexport default function useClickOutside<T extends HTMLElement>(\n  refs: MutableRefObject<T>[],\n  handler: (event: MouseEvent | TouchEvent) => void,\n) {\n  useEffect(() => {\n    const listener = (event) => {\n      // Do nothing if clicking ref's element or descendent elements\n      if (!Array.isArray(refs) || refs.find((ref) => ref.current?.contains(event.target))) {\n        return;\n      }\n      handler(event);\n    };\n    // todo: pointerdown， jsdom 暂未实现 pointer 事件，后续加上后可以改进.\n    document.addEventListener('mousedown', listener);\n    document.addEventListener('touchstart', listener);\n    return () => {\n      document.removeEventListener('mousedown', listener);\n      document.removeEventListener('touchstart', listener);\n    };\n  }, [refs, handler]);\n}\n"],"names":["useClickOutside","refs","handler","useEffect","listener","event","Array","isArray","find","ref","current","contains","target","document","addEventListener","removeEventListener"],"mappings":";;;;;;;;AACe,SAASA,eAAT,CAAyBC,IAAzB,EAA+BC,OAA/B,EAAwC;AACrDC,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAW;AAC1B,MAAA,IAAI,CAACC,KAAK,CAACC,OAAN,CAAcN,IAAd,CAAD,IAAwBA,IAAI,CAACO,IAAL,CAAU,UAACC,GAAD,EAAA;AAAA,QAAA,IAAA,YAAA,CAAA;;AAAA,QAASA,OAAAA,CAAAA,YAAAA,GAAAA,GAAG,CAACC,OAAb,MAAS,IAAA,IAAA,YAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAaC,QAAb,CAAsBN,KAAK,CAACO,MAA5B,CAAT,CAAA;AAAA,OAAV,CAA5B,EAAqF;AACnF,QAAA,OAAA;AACD,OAAA;;AACDV,MAAAA,OAAO,CAACG,KAAD,CAAP,CAAA;AACD,KALD,CAAA;;AAMAQ,IAAAA,QAAQ,CAACC,gBAAT,CAA0B,WAA1B,EAAuCV,QAAvC,CAAA,CAAA;AACAS,IAAAA,QAAQ,CAACC,gBAAT,CAA0B,YAA1B,EAAwCV,QAAxC,CAAA,CAAA;AACA,IAAA,OAAO,YAAM;AACXS,MAAAA,QAAQ,CAACE,mBAAT,CAA6B,WAA7B,EAA0CX,QAA1C,CAAA,CAAA;AACAS,MAAAA,QAAQ,CAACE,mBAAT,CAA6B,YAA7B,EAA2CX,QAA3C,CAAA,CAAA;AACD,KAHD,CAAA;AAID,GAbQ,EAaN,CAACH,IAAD,EAAOC,OAAP,CAbM,CAAT,CAAA;AAcD;;;;"}
+{"version":3,"file":"useClickOutside.js","sources":["../../src/_util/useClickOutside.ts"],"sourcesContent":["import { MutableRefObject, useEffect } from 'react';\nimport useConfig from './useConfig';\n\nexport default function useClickOutside<T extends HTMLElement>(\n  refs: MutableRefObject<T>[],\n  handler: (event: MouseEvent | TouchEvent) => void,\n  includePopup?: boolean,\n) {\n  const { classPrefix } = useConfig();\n  const POPUP_SELECTOR = `.${classPrefix}-popup`;\n\n  useEffect(() => {\n    const listener = (event) => {\n      if (!Array.isArray(refs)) {\n        return;\n      }\n\n      let elements = [];\n      if (includePopup) {\n        document.querySelectorAll(POPUP_SELECTOR).forEach((ele: Element) => {\n          elements.push(ele as HTMLElement);\n        });\n      }\n      elements = Array.from(new Set(elements));\n\n      // Do nothing if clicking ref's element or descendent elements\n      if (\n        refs.find((ref) => ref.current?.contains(event.target)) ||\n        elements.find((el) => el?.contains(event.target))\n      ) {\n        return;\n      }\n      handler(event);\n    };\n    // todo: pointerdown， jsdom 暂未实现 pointer 事件，后续加上后可以改进.\n    document.addEventListener('mousedown', listener);\n    document.addEventListener('touchstart', listener);\n    return () => {\n      document.removeEventListener('mousedown', listener);\n      document.removeEventListener('touchstart', listener);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [refs, handler, includePopup]);\n}\n"],"names":["useClickOutside","refs","handler","includePopup","useConfig","classPrefix","POPUP_SELECTOR","useEffect","listener","event","Array","isArray","elements","document","querySelectorAll","forEach","ele","push","from","Set","find","ref","current","contains","target","el","addEventListener","removeEventListener"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEe,SAASA,eAAT,CAAyBC,IAAzB,EAA+BC,OAA/B,EAAwCC,YAAxC,EAAsD;AACnE,EAAA,IAAA,UAAA,GAAwBC,SAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR,CAAA;;AACA,EAAMC,IAAAA,cAAc,GAAOD,GAAAA,CAAAA,MAAAA,CAAAA,WAAP,EAApB,QAAA,CAAA,CAAA;AACAE,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAW;AAC1B,MAAA,IAAI,CAACC,KAAK,CAACC,OAAN,CAAcV,IAAd,CAAL,EAA0B;AACxB,QAAA,OAAA;AACD,OAAA;;AACD,MAAIW,IAAAA,QAAQ,GAAG,EAAf,CAAA;;AACA,MAAA,IAAIT,YAAJ,EAAkB;AAChBU,QAAAA,QAAQ,CAACC,gBAAT,CAA0BR,cAA1B,EAA0CS,OAA1C,CAAkD,UAACC,GAAD,EAAS;AACzDJ,UAAAA,QAAQ,CAACK,IAAT,CAAcD,GAAd,CAAA,CAAA;AACD,SAFD,CAAA,CAAA;AAGD,OAAA;;AACDJ,MAAAA,QAAQ,GAAGF,KAAK,CAACQ,IAAN,CAAW,IAAIC,GAAJ,CAAQP,QAAR,CAAX,CAAX,CAAA;;AACA,MAAA,IAAIX,IAAI,CAACmB,IAAL,CAAU,UAACC,GAAD,EAAA;AAAA,QAAA,IAAA,YAAA,CAAA;;AAAA,QAASA,OAAAA,CAAAA,YAAAA,GAAAA,GAAG,CAACC,OAAb,MAAS,IAAA,IAAA,YAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAaC,QAAb,CAAsBd,KAAK,CAACe,MAA5B,CAAT,CAAA;AAAA,OAAV,KAA2DZ,QAAQ,CAACQ,IAAT,CAAc,UAACK,EAAD,EAAA;AAAA,QAAQA,OAAAA,EAAR,KAAQA,IAAAA,IAAAA,EAAR,KAAQA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAE,CAAEF,QAAJ,CAAad,KAAK,CAACe,MAAnB,CAAR,CAAA;AAAA,OAAd,CAA/D,EAAkH;AAChH,QAAA,OAAA;AACD,OAAA;;AACDtB,MAAAA,OAAO,CAACO,KAAD,CAAP,CAAA;AACD,KAfD,CAAA;;AAgBAI,IAAAA,QAAQ,CAACa,gBAAT,CAA0B,WAA1B,EAAuClB,QAAvC,CAAA,CAAA;AACAK,IAAAA,QAAQ,CAACa,gBAAT,CAA0B,YAA1B,EAAwClB,QAAxC,CAAA,CAAA;AACA,IAAA,OAAO,YAAM;AACXK,MAAAA,QAAQ,CAACc,mBAAT,CAA6B,WAA7B,EAA0CnB,QAA1C,CAAA,CAAA;AACAK,MAAAA,QAAQ,CAACc,mBAAT,CAA6B,YAA7B,EAA2CnB,QAA3C,CAAA,CAAA;AACD,KAHD,CAAA;AAID,GAvBQ,EAuBN,CAACP,IAAD,EAAOC,OAAP,EAAgBC,YAAhB,CAvBM,CAAT,CAAA;AAwBD;;;;"}

package/es/_util/useDrag.d.ts

@@ -0,0 +1,16 @@
+export interface Coordinate {
+    x: number;
+    y: number;
+}
+interface DraggableCallback {
+    (coordinate: Coordinate, event?: MouseEvent): void;
+}
+interface DraggableProps {
+    start?: DraggableCallback;
+    drag?: DraggableCallback;
+    end?: DraggableCallback;
+}
+declare const useDrag: (ref: any, options: DraggableProps) => {
+    isDragging: boolean;
+};
+export default useDrag;

package/es/_util/useDrag.js

@@ -0,0 +1,74 @@
+/**
+ * tdesign v0.31.1
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import { useRef, useEffect } from 'react';
+
+var useDrag = function useDrag(ref, options) {
+  var start = options.start,
+      end = options.end,
+      drag = options.drag;
+  var isDraggingRef = useRef(false);
+
+  var getCoordinate = function getCoordinate(event) {
+    try {
+      var _ref$current;
+
+      var rect = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.getBoundingClientRect();
+      var left = event.clientX - rect.left;
+      var top = event.clientY - rect.top;
+      return {
+        y: Math.min(Math.max(0, top), rect.height),
+        x: Math.min(Math.max(0, left), rect.width)
+      };
+    } catch (error) {
+      return {
+        y: null,
+        x: null
+      };
+    }
+  };
+
+  var handlePointerMove = function handlePointerMove(e) {
+    if (isDraggingRef.current) drag(getCoordinate(e), e);
+  };
+
+  var handlePointerUp = function handlePointerUp(e) {
+    isDraggingRef.current = false;
+    end(getCoordinate(e), e);
+    window.removeEventListener("mouseup", handlePointerUp);
+    window.removeEventListener("mousemove", handlePointerMove);
+  };
+
+  var handlePointerDown = function handlePointerDown(e) {
+    isDraggingRef.current = true;
+    start(getCoordinate(e), e);
+    window.addEventListener("mouseup", handlePointerUp);
+    window.addEventListener("mousemove", handlePointerMove);
+  };
+
+  useEffect(function () {
+    var element = ref.current;
+
+    if (element) {
+      element.addEventListener("mousedown", handlePointerDown);
+    }
+
+    return function () {
+      if (element) {
+        element.removeEventListener("mousedown", handlePointerDown);
+      }
+
+      window.removeEventListener("mouseup", handlePointerUp);
+      window.removeEventListener("mousemove", handlePointerMove);
+    };
+  }, []);
+  return {
+    isDragging: isDraggingRef.current
+  };
+};
+
+export { useDrag as default };
+//# sourceMappingURL=useDrag.js.map

package/es/_util/useDrag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDrag.js","sources":["../../src/_util/useDrag.ts"],"sourcesContent":["import { useRef, useEffect } from 'react';\n\nexport interface Coordinate {\n  x: number;\n  y: number;\n}\n\ninterface DraggableCallback {\n  (coordinate: Coordinate, event?: MouseEvent): void;\n}\n\ninterface DraggableProps {\n  start?: DraggableCallback;\n  drag?: DraggableCallback;\n  end?: DraggableCallback;\n}\n\nconst useDrag = (ref, options: DraggableProps) => {\n  const { start, end, drag } = options;\n\n  const isDraggingRef = useRef(false);\n\n  const getCoordinate = (event: MouseEvent) => {\n    try {\n      const rect = ref.current?.getBoundingClientRect();\n      const left = event.clientX - rect.left;\n      const top = event.clientY - rect.top;\n      return {\n        y: Math.min(Math.max(0, top), rect.height),\n        x: Math.min(Math.max(0, left), rect.width),\n      };\n    } catch (error) {\n      return {\n        y: null,\n        x: null,\n      };\n    }\n  };\n\n  const handlePointerMove = (e: MouseEvent) => {\n    if (isDraggingRef.current) drag(getCoordinate(e), e);\n  };\n\n  const handlePointerUp = (e: MouseEvent) => {\n    isDraggingRef.current = false;\n    end(getCoordinate(e), e);\n    window.removeEventListener('mouseup', handlePointerUp);\n    window.removeEventListener('mousemove', handlePointerMove);\n  };\n\n  const handlePointerDown = (e: MouseEvent) => {\n    isDraggingRef.current = true;\n    start(getCoordinate(e), e);\n    window.addEventListener('mouseup', handlePointerUp);\n    window.addEventListener('mousemove', handlePointerMove);\n  };\n\n  useEffect(() => {\n    const element = ref.current;\n    if (element) {\n      element.addEventListener('mousedown', handlePointerDown);\n    }\n    return () => {\n      if (element) {\n        element.removeEventListener('mousedown', handlePointerDown);\n      }\n      window.removeEventListener('mouseup', handlePointerUp);\n      window.removeEventListener('mousemove', handlePointerMove);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return {\n    isDragging: isDraggingRef.current,\n  };\n};\n\nexport default useDrag;\n"],"names":["useDrag","ref","options","start","end","drag","isDraggingRef","useRef","getCoordinate","event","rect","current","getBoundingClientRect","left","clientX","top","clientY","y","Math","min","max","height","x","width","error","handlePointerMove","e","handlePointerUp","window","removeEventListener","handlePointerDown","addEventListener","useEffect","element","isDragging"],"mappings":"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"}

package/es/avatar/AvararGroup.js

@@ -8,7 +8,7 @@ import '../_chunks/dep-1628aaec.js';
 import '../_chunks/dep-ea842483.js';
 import 'react';
 import 'classnames';
-export { G as default } from '../_chunks/dep-5d29cc59.js';
+export { G as default } from '../_chunks/dep-7e7b26b4.js';
 import '../popup/Popup.js';
 import '../_util/useConfig.js';
 import './AvatarContext.js';

package/es/avatar/Avatar.js

@@ -15,7 +15,7 @@ import '../_util/forwardRefWithStatics.js';
 import '../_util/useCommonClassName.js';
 import '../_util/composeRefs.js';
 import './AvatarContext.js';
-export { _ as default } from '../_chunks/dep-5d29cc59.js';
+export { _ as default } from '../_chunks/dep-7e7b26b4.js';
 import '../_chunks/dep-85a9595a.js';
 import '../_chunks/dep-bbad8591.js';
 import '../_chunks/dep-8702aba9.js';

package/es/avatar/index.js

@@ -4,7 +4,7 @@
  * @license MIT
  */
 
-import { _ as _Avatar } from '../_chunks/dep-5d29cc59.js';
+import { _ as _Avatar } from '../_chunks/dep-7e7b26b4.js';
 import './style/css.js';
 import './type.js';
 import '../_chunks/dep-1628aaec.js';

package/es/color-picker/ColorPicker.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ColorPickerProps } from './interface';
+declare const _default: React.NamedExoticComponent<ColorPickerProps>;
+export default _default;