tdesign-react 0.32.2-alpha.5 → 0.32.3-alpha.1

package/esm/collapse/CollapsePanel.js

@@ -0,0 +1,156 @@
+/**
+ * tdesign v0.32.2
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import { _ as _defineProperty } from '../_chunks/dep-065feaa0.js';
+import React, { useRef } from 'react';
+import classNames from 'classnames';
+import { CSSTransition } from 'react-transition-group';
+import { useCollapseContext } from './CollapseContext.js';
+import FakeArrow from '../common/FakeArrow.js';
+import useConfig from '../_util/useConfig.js';
+import '../_chunks/dep-8a15168f.js';
+import '../_chunks/dep-d53557dd.js';
+import '../_chunks/dep-0d8cb1c4.js';
+import '../_chunks/dep-fc517ce8.js';
+import '../_chunks/dep-9f3310a8.js';
+import '../_chunks/dep-d2eabf3a.js';
+import '../_chunks/dep-41ee2273.js';
+import '../_chunks/dep-d938f760.js';
+import '../_chunks/dep-4143f564.js';
+import '../_chunks/dep-7b1dc1a7.js';
+import '../_chunks/dep-44151a0a.js';
+import '../_chunks/dep-f0deb898.js';
+import '../_chunks/dep-3f22c86c.js';
+import '../_chunks/dep-f44c9a12.js';
+import '../_chunks/dep-e47e0f4f.js';
+import '../_chunks/dep-b5ad4daf.js';
+import '../_chunks/dep-9a60e769.js';
+import '../_chunks/dep-6488ed92.js';
+import '../_chunks/dep-0c3e32da.js';
+import '../_chunks/dep-4706ff76.js';
+import '../_chunks/dep-da87f462.js';
+import '../_chunks/dep-7210328e.js';
+import '../_chunks/dep-0b5e0d58.js';
+import '../locale/zh_CN.js';
+import '../_common/js/global-config/locale/zh_CN.js';
+import '../config-provider/zh_CN_config.js';
+
+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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _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 CollapsePanel = function CollapsePanel(props) {
+  var value = props.value,
+      disabled = props.disabled,
+      _props$destroyOnColla = props.destroyOnCollapse,
+      destroyOnCollapse = _props$destroyOnColla === void 0 ? false : _props$destroyOnColla,
+      expandIcon = props.expandIcon,
+      className = props.className,
+      _props$style = props.style,
+      style = _props$style === void 0 ? {} : _props$style,
+      header = props.header,
+      headerRightContent = props.headerRightContent,
+      children = props.children,
+      index = props.index;
+
+  var _useCollapseContext = useCollapseContext(),
+      disableAll = _useCollapseContext.disabled,
+      defaultExpandAll = _useCollapseContext.defaultExpandAll,
+      expandIconPlacement = _useCollapseContext.expandIconPlacement,
+      expandOnRowClick = _useCollapseContext.expandOnRowClick,
+      expandIconAll = _useCollapseContext.expandIcon,
+      updateCollapseValue = _useCollapseContext.updateCollapseValue,
+      collapseValue = _useCollapseContext.collapseValue;
+
+  var _useConfig = useConfig(),
+      classPrefix = _useConfig.classPrefix;
+
+  var componentName = "".concat(classPrefix, "-collapse-panel");
+  var innerValue = value || index;
+  var showExpandIcon = expandIcon === void 0 ? expandIconAll : expandIcon;
+  var headRef = useRef();
+  var contentRef = useRef();
+  var bodyRef = useRef();
+  var isDisabled = disabled || disableAll;
+
+  if (defaultExpandAll) {
+    updateCollapseValue(innerValue);
+  }
+
+  var isActive = Array.isArray(collapseValue) ? collapseValue.includes(innerValue) : collapseValue === innerValue;
+  var classes = classNames(componentName, _defineProperty({}, "".concat(classPrefix, "-is-disabled"), isDisabled), className);
+
+  var handleClick = function handleClick(e) {
+    var canExpand = expandOnRowClick && e.target === headRef.current || ["svg", "path"].includes(e.target.tagName);
+
+    if (canExpand && !isDisabled) {
+      updateCollapseValue(innerValue);
+    }
+  };
+
+  var renderIcon = function renderIcon(direction) {
+    return /* @__PURE__ */React.createElement(FakeArrow, {
+      isActive: isActive,
+      overlayClassName: classNames("".concat(componentName, "__icon"), "".concat(componentName, "__icon--").concat(direction))
+    });
+  };
+
+  var renderHeader = function renderHeader() {
+    var cls = ["".concat(componentName, "__header"), _defineProperty({}, "".concat(classPrefix, "-is-clickable"), expandOnRowClick && !isDisabled)];
+    return /* @__PURE__ */React.createElement("div", {
+      ref: headRef,
+      className: classNames(cls),
+      onClick: handleClick
+    }, showExpandIcon && expandIconPlacement === "left" ? renderIcon(expandIconPlacement) : null, header && header, /* @__PURE__ */React.createElement("div", {
+      className: "".concat(componentName, "__header--blank")
+    }), headerRightContent && headerRightContent, showExpandIcon && expandIconPlacement === "right" ? renderIcon(expandIconPlacement) : null);
+  };
+
+  var renderBody = function renderBody() {
+    var transitionCallbacks = {
+      onEnter: function onEnter() {
+        bodyRef.current.style.height = "".concat(contentRef === null || contentRef === void 0 ? void 0 : contentRef.current.clientHeight, "px");
+      },
+      onEntered: function onEntered() {
+        bodyRef.current.style.height = "auto";
+      },
+      onExit: function onExit() {
+        bodyRef.current.style.height = "".concat(contentRef === null || contentRef === void 0 ? void 0 : contentRef.current.clientHeight, "px");
+      },
+      onExiting: function onExiting() {
+        bodyRef.current.style.height = "0px";
+      }
+    };
+    return /* @__PURE__ */React.createElement(CSSTransition, _objectSpread({
+      "in": isActive,
+      appear: true,
+      timeout: 300,
+      nodeRef: bodyRef,
+      unmountOnExit: destroyOnCollapse
+    }, transitionCallbacks), /* @__PURE__ */React.createElement("div", {
+      style: {
+        height: 0
+      },
+      className: classNames("".concat(componentName, "__body"), "".concat(classPrefix, "-slide-down-enter-active"), _defineProperty({}, "".concat(componentName, "__body--collapsed"), !isActive)),
+      ref: bodyRef
+    }, /* @__PURE__ */React.createElement("div", {
+      className: "".concat(componentName, "__content"),
+      ref: contentRef
+    }, children)));
+  };
+
+  return /* @__PURE__ */React.createElement("div", {
+    className: classes,
+    style: _objectSpread({}, style)
+  }, /* @__PURE__ */React.createElement("div", {
+    className: "".concat(componentName, "__wrapper")
+  }, renderHeader(), renderBody()));
+};
+
+CollapsePanel.displayName = "CollapsePanel";
+
+export { CollapsePanel as default };
+//# sourceMappingURL=CollapsePanel.js.map

package/esm/collapse/CollapsePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsePanel.js","sources":["../../src/collapse/CollapsePanel.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport classnames from 'classnames';\nimport { CSSTransition } from 'react-transition-group';\nimport { useCollapseContext } from './CollapseContext';\nimport FakeArrow from '../common/FakeArrow';\nimport useConfig from '../_util/useConfig';\nimport { TdCollapsePanelProps } from './type';\nimport { StyledProps } from '../common';\n\nexport interface CollapsePanelProps extends TdCollapsePanelProps, StyledProps {\n  children?: React.ReactNode;\n  index?: number;\n}\n\nconst CollapsePanel = (props: CollapsePanelProps) => {\n  const {\n    value,\n    disabled,\n    destroyOnCollapse = false,\n    expandIcon,\n    className,\n    style = {},\n    header,\n    headerRightContent,\n    children,\n    index,\n  } = props;\n  const {\n    disabled: disableAll,\n    defaultExpandAll,\n    expandIconPlacement,\n    expandOnRowClick,\n    expandIcon: expandIconAll,\n    updateCollapseValue,\n    collapseValue,\n  } = useCollapseContext();\n\n  const { classPrefix } = useConfig();\n  const componentName = `${classPrefix}-collapse-panel`;\n  const innerValue = value || index;\n  const showExpandIcon = expandIcon === undefined ? expandIconAll : expandIcon;\n  const headRef = useRef();\n  const contentRef = useRef<HTMLDivElement>();\n  const bodyRef = useRef<HTMLDivElement>();\n  const isDisabled = disabled || disableAll;\n\n  if (defaultExpandAll) {\n    updateCollapseValue(innerValue);\n  }\n\n  const isActive = Array.isArray(collapseValue) ? collapseValue.includes(innerValue) : collapseValue === innerValue;\n\n  const classes = classnames(\n    componentName,\n    {\n      [`${classPrefix}-is-disabled`]: isDisabled,\n    },\n    className,\n  );\n\n  const handleClick = (e) => {\n    const canExpand =\n      (expandOnRowClick && e.target === headRef.current) || ['svg', 'path'].includes((e.target as Element).tagName);\n\n    if (canExpand && !isDisabled) {\n      updateCollapseValue(innerValue);\n    }\n  };\n\n  const renderIcon = (direction: string) => (\n    <FakeArrow\n      isActive={isActive}\n      overlayClassName={classnames(`${componentName}__icon`, `${componentName}__icon--${direction}`)}\n    />\n  );\n\n  const renderHeader = () => {\n    const cls = [\n      `${componentName}__header`,\n      {\n        [`${classPrefix}-is-clickable`]: expandOnRowClick && !isDisabled,\n      },\n    ];\n    return (\n      <div ref={headRef} className={classnames(cls)} onClick={handleClick}>\n        {showExpandIcon && expandIconPlacement === 'left' ? renderIcon(expandIconPlacement) : null}\n        {header && header}\n        <div className={`${componentName}__header--blank`}></div>\n        {headerRightContent && headerRightContent}\n        {showExpandIcon && expandIconPlacement === 'right' ? renderIcon(expandIconPlacement) : null}\n      </div>\n    );\n  };\n\n  const renderBody = () => {\n    const transitionCallbacks = {\n      onEnter: () => {\n        bodyRef.current.style.height = `${contentRef?.current.clientHeight}px`;\n      },\n      onEntered: () => {\n        bodyRef.current.style.height = 'auto';\n      },\n      onExit: () => {\n        bodyRef.current.style.height = `${contentRef?.current.clientHeight}px`;\n      },\n      onExiting: () => {\n        bodyRef.current.style.height = '0px';\n      },\n    };\n    return (\n      <CSSTransition\n        in={isActive}\n        appear\n        timeout={300}\n        nodeRef={bodyRef}\n        unmountOnExit={destroyOnCollapse}\n        {...transitionCallbacks}\n      >\n        <div\n          style={{ height: 0 }}\n          className={classnames(`${componentName}__body`, `${classPrefix}-slide-down-enter-active`, {\n            [`${componentName}__body--collapsed`]: !isActive,\n          })}\n          ref={bodyRef}\n        >\n          <div className={`${componentName}__content`} ref={contentRef}>\n            {children}\n          </div>\n        </div>\n      </CSSTransition>\n    );\n  };\n\n  return (\n    <div className={classes} style={{ ...style }}>\n      <div className={`${componentName}__wrapper`}>\n        {renderHeader()}\n        {renderBody()}\n      </div>\n    </div>\n  );\n};\n\nCollapsePanel.displayName = 'CollapsePanel';\n\nexport default CollapsePanel;\n"],"names":["CollapsePanel","props","value","disabled","destroyOnCollapse","expandIcon","className","style","header","headerRightContent","children","index","useCollapseContext","disableAll","defaultExpandAll","expandIconPlacement","expandOnRowClick","expandIconAll","updateCollapseValue","collapseValue","useConfig","classPrefix","componentName","innerValue","showExpandIcon","headRef","useRef","contentRef","bodyRef","isDisabled","isActive","Array","isArray","includes","classes","classnames","handleClick","e","canExpand","target","current","tagName","renderIcon","direction","React","createElement","FakeArrow","overlayClassName","renderHeader","cls","ref","onClick","renderBody","transitionCallbacks","onEnter","height","clientHeight","onEntered","onExit","onExiting","CSSTransition","appear","timeout","nodeRef","unmountOnExit","displayName"],"mappings":"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"}

package/esm/collapse/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import './style';
+export type { CollapseProps } from './Collapse';
+export * from './type';
+export declare const Collapse: {
+    (props: import("./Collapse").CollapseProps): JSX.Element;
+    Panel: {
+        (props: import("./CollapsePanel").CollapsePanelProps): JSX.Element;
+        displayName: string;
+    };
+    displayName: string;
+};
+export default Collapse;

package/esm/collapse/index.js

@@ -0,0 +1,53 @@
+/**
+ * tdesign v0.32.2
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import Collapse$1 from './Collapse.js';
+import './style';
+import './type.js';
+import '../_chunks/dep-065feaa0.js';
+import '../_chunks/dep-1c98922d.js';
+import '../_chunks/dep-a0c32e41.js';
+import '../_chunks/dep-c45e799b.js';
+import 'react';
+import 'classnames';
+import '../_util/useConfig.js';
+import '../_chunks/dep-8a15168f.js';
+import '../_chunks/dep-d53557dd.js';
+import '../_chunks/dep-0d8cb1c4.js';
+import '../_chunks/dep-fc517ce8.js';
+import '../_chunks/dep-9f3310a8.js';
+import '../_chunks/dep-d2eabf3a.js';
+import '../_chunks/dep-41ee2273.js';
+import '../_chunks/dep-d938f760.js';
+import '../_chunks/dep-4143f564.js';
+import '../_chunks/dep-7b1dc1a7.js';
+import '../_chunks/dep-44151a0a.js';
+import '../_chunks/dep-f0deb898.js';
+import '../_chunks/dep-3f22c86c.js';
+import '../_chunks/dep-f44c9a12.js';
+import '../_chunks/dep-e47e0f4f.js';
+import '../_chunks/dep-b5ad4daf.js';
+import '../_chunks/dep-9a60e769.js';
+import '../_chunks/dep-6488ed92.js';
+import '../_chunks/dep-0c3e32da.js';
+import '../_chunks/dep-4706ff76.js';
+import '../_chunks/dep-da87f462.js';
+import '../_chunks/dep-7210328e.js';
+import '../_chunks/dep-0b5e0d58.js';
+import '../locale/zh_CN.js';
+import '../_common/js/global-config/locale/zh_CN.js';
+import '../config-provider/zh_CN_config.js';
+import '../_util/useDefault.js';
+import '../_util/noop.js';
+import './CollapsePanel.js';
+import 'react-transition-group';
+import './CollapseContext.js';
+import '../common/FakeArrow.js';
+
+var Collapse = Collapse$1;
+
+export { Collapse, Collapse as default };
+//# sourceMappingURL=index.js.map

package/esm/collapse/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/collapse/index.ts"],"sourcesContent":["import _Collapse from './Collapse';\n\nimport './style';\n\nexport type { CollapseProps } from './Collapse';\nexport * from './type';\n\nexport const Collapse = _Collapse;\n\nexport default Collapse;\n"],"names":["Collapse","_Collapse"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGO,IAAMA,QAAQ,GAAGC;;;;"}

package/esm/collapse/style/css.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/collapse/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/collapse/style/index.js

@@ -0,0 +1 @@
+import '../../_common/style/web/components/collapse/_index.less';

package/esm/collapse/type.d.ts

@@ -0,0 +1,89 @@
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * */
+import { TNode } from '../common';
+export interface TdCollapseProps {
+    /**
+     * 是否为无边框模式
+     * @default false
+     */
+    borderless?: boolean;
+    /**
+     * 默认是否展开全部
+     * @default false
+     */
+    defaultExpandAll?: boolean;
+    /**
+     * 是否禁用面板展开/收起操作
+     */
+    disabled?: boolean;
+    /**
+     * 展开图标。值为 undefined 或 false 则不显示展开图标；值为 true 显示默认图标；值类型为函数，则表示完全自定义展开图标
+     * @default true
+     */
+    expandIcon?: TNode;
+    /**
+     * 展开图标的位置，左侧或右侧
+     * @default left
+     */
+    expandIconPlacement?: 'left' | 'right';
+    /**
+     * 每个面板互斥展开，每次只展开一个面板
+     * @default false
+     */
+    expandMutex?: boolean;
+    /**
+     * 是否允许点击整行标题展开面板
+     * @default true
+     */
+    expandOnRowClick?: boolean;
+    /**
+     * 展开的面板集合
+     */
+    value?: CollapseValue;
+    /**
+     * 展开的面板集合，非受控属性
+     */
+    defaultValue?: CollapseValue;
+    /**
+     * 切换面板时触发，返回变化的值
+     */
+    onChange?: (value: CollapseValue) => void;
+}
+export interface TdCollapsePanelProps {
+    /**
+     * 折叠面板内容，同 content
+     */
+    children?: TNode;
+    /**
+     * 折叠面板内容
+     */
+    content?: TNode;
+    /**
+     * 当前面板处理折叠状态时，是否销毁面板内容
+     * @default false
+     */
+    destroyOnCollapse?: boolean;
+    /**
+     * 禁止当前面板展开，优先级大于 Collapse 的同名属性
+     */
+    disabled?: boolean;
+    /**
+     * 当前折叠面板展开图标，优先级大于 Collapse 的同名属性
+     */
+    expandIcon?: TNode;
+    /**
+     * 面板头内容
+     */
+    header?: TNode;
+    /**
+     * 面板头的右侧区域，一般用于呈现面板操作
+     */
+    headerRightContent?: TNode;
+    /**
+     * 当前面板唯一标识，如果值为空则取当前面下标兜底作为唯一标识
+     */
+    value?: string | number;
+}
+export declare type CollapseValue = Array<string | number>;
+export declare type CollapsePanelValue = string | number;

package/esm/collapse/type.js

@@ -0,0 +1,7 @@
+/**
+ * tdesign v0.32.2
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+//# sourceMappingURL=type.js.map

package/esm/collapse/type.js.map

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

package/esm/color-picker/ColorPicker.js

@@ -1,12 +1,12 @@
 /**
- * tdesign v0.32.1
+ * tdesign v0.32.2
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-7d265775.js';
-import { _ as _slicedToArray } from '../_chunks/dep-f43d2ff9.js';
-import { _ as _objectWithoutProperties } from '../_chunks/dep-f5934d82.js';
+import { _ as _defineProperty } from '../_chunks/dep-065feaa0.js';
+import { _ as _slicedToArray } from '../_chunks/dep-1c98922d.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-c45e799b.js';
 import React, { useState, useRef } from 'react';
 import { Popup } from '../popup/index.js';
 import useClassname from './hooks/useClassname.js';
@@ -14,36 +14,36 @@ import useDefault from '../_util/useDefault.js';
 import ColorTrigger from './components/trigger.js';
 import ColorPanel from './components/panel/index.js';
 import useClickOutside from '../_util/useClickOutside.js';
-import '../_chunks/dep-6c1f99cf.js';
+import '../_chunks/dep-a0c32e41.js';
 import '../popup/Popup.js';
 import 'react-transition-group';
 import 'classnames';
 import 'react-popper';
 import '../_util/useAnimation.js';
 import '../_util/useConfig.js';
-import '../_chunks/dep-c5a280af.js';
-import '../_chunks/dep-098c2e47.js';
-import '../_chunks/dep-a9e7d390.js';
-import '../_chunks/dep-567dd4dd.js';
-import '../_chunks/dep-7a9bd45a.js';
-import '../_chunks/dep-63f906d4.js';
-import '../_chunks/dep-6a6ae75e.js';
-import '../_chunks/dep-9c1531f8.js';
-import '../_chunks/dep-023ef36a.js';
-import '../_chunks/dep-cfb2d970.js';
-import '../_chunks/dep-673abb3a.js';
-import '../_chunks/dep-95ac7d72.js';
-import '../_chunks/dep-0cd1e34b.js';
-import '../_chunks/dep-101470b1.js';
-import '../_chunks/dep-eb69bfba.js';
-import '../_chunks/dep-de209d53.js';
-import '../_chunks/dep-c318ace1.js';
-import '../_chunks/dep-60d02e1e.js';
-import '../_chunks/dep-fbedb6c5.js';
-import '../_chunks/dep-affde0b6.js';
-import '../_chunks/dep-badeb78e.js';
-import '../_chunks/dep-d56ab162.js';
-import '../_chunks/dep-a43cf11c.js';
+import '../_chunks/dep-8a15168f.js';
+import '../_chunks/dep-d53557dd.js';
+import '../_chunks/dep-0d8cb1c4.js';
+import '../_chunks/dep-fc517ce8.js';
+import '../_chunks/dep-9f3310a8.js';
+import '../_chunks/dep-d2eabf3a.js';
+import '../_chunks/dep-41ee2273.js';
+import '../_chunks/dep-d938f760.js';
+import '../_chunks/dep-4143f564.js';
+import '../_chunks/dep-7b1dc1a7.js';
+import '../_chunks/dep-44151a0a.js';
+import '../_chunks/dep-f0deb898.js';
+import '../_chunks/dep-3f22c86c.js';
+import '../_chunks/dep-f44c9a12.js';
+import '../_chunks/dep-e47e0f4f.js';
+import '../_chunks/dep-b5ad4daf.js';
+import '../_chunks/dep-9a60e769.js';
+import '../_chunks/dep-6488ed92.js';
+import '../_chunks/dep-0c3e32da.js';
+import '../_chunks/dep-4706ff76.js';
+import '../_chunks/dep-da87f462.js';
+import '../_chunks/dep-7210328e.js';
+import '../_chunks/dep-0b5e0d58.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../config-provider/zh_CN_config.js';
@@ -52,14 +52,14 @@ import '../common/Portal.js';
 import 'react-dom';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-6d93165a.js';
+import '../_chunks/dep-9466e5e1.js';
 import '../_util/easing.js';
 import '../popup/hooks/useTriggerProps.js';
 import '../popup/utils/getTransitionParams.js';
 import '../_util/useMutationObserver.js';
-import '../_chunks/dep-6f313265.js';
-import '../_chunks/dep-54c22c7a.js';
-import '../_chunks/dep-f069ae37.js';
+import '../_chunks/dep-508d17f0.js';
+import '../_chunks/dep-687ae3b9.js';
+import '../_chunks/dep-44991b63.js';
 import '../_util/useWindowSize.js';
 import '../_util/noop.js';
 import '../popup/style/index.js';
@@ -70,10 +70,10 @@ import 'tdesign-icons-react';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../_util/helper.js';
-import '../_chunks/dep-6d7a13ee.js';
-import '../_chunks/dep-94430898.js';
-import '../_chunks/dep-30dd4524.js';
-import '../_chunks/dep-0a1c4cd9.js';
+import '../_chunks/dep-b27cd086.js';
+import '../_chunks/dep-555e4911.js';
+import '../_chunks/dep-7aa43ad5.js';
+import '../_chunks/dep-c5f31768.js';
 import '../input/InputGroup.js';
 import '../_util/useDefaultValue.js';
 import '../locale/LocalReceiver.js';
@@ -82,25 +82,25 @@ import '../config-provider/ConfigProvider.js';
 import '../input/style/index.js';
 import '../input/type.js';
 import '../_common/js/color-picker/color.js';
-import '../_chunks/dep-9b23af8e.js';
+import '../_chunks/dep-b31a2ba5.js';
 import 'tinycolor2';
 import '../_common/js/color-picker/cmyk.js';
 import '../_common/js/color-picker/gradient.js';
-import '../_chunks/dep-fbebe54f.js';
+import '../_chunks/dep-e6edcfc2.js';
 import '../_util/useCommonClassName.js';
 import './components/panel/header.js';
 import './const.js';
 import '../radio/index.js';
-import '../_chunks/dep-aa507466.js';
+import '../_chunks/dep-f0f489a4.js';
 import '../common/Check.js';
 import '../radio/style/index.js';
 import '../radio/type.js';
 import './components/panel/linear-gradient.js';
-import '../_chunks/dep-69abc6ae.js';
-import '../_chunks/dep-16818dbb.js';
-import '../_chunks/dep-3fc4bb40.js';
-import '../_chunks/dep-0a33d33c.js';
-import '../_chunks/dep-8e240acc.js';
+import '../_chunks/dep-8b55b44a.js';
+import '../_chunks/dep-8e4f07c2.js';
+import '../_chunks/dep-a2a5ab28.js';
+import '../_chunks/dep-d3e9d4f9.js';
+import '../_chunks/dep-c9cfaf9f.js';
 import '../input-number/index.js';
 import '../input-number/InputNumber.js';
 import '../_util/useUpdateEffect.js';
@@ -133,20 +133,20 @@ import './components/panel/format/index.js';
 import 'lodash';
 import '../select/index.js';
 import '../select/base/Select.js';
-import '../_chunks/dep-4ff57738.js';
-import '../_chunks/dep-959dfb67.js';
+import '../_chunks/dep-52365f8b.js';
+import '../_chunks/dep-4c2b4a70.js';
 import '../select/util/helper.js';
 import '../select/base/OptionGroup.js';
 import '../select/base/Option.js';
-import '../_chunks/dep-db067e63.js';
+import '../_chunks/dep-190aee11.js';
 import '../common/FakeArrow.js';
 import '../select-input/index.js';
 import '../select-input/SelectInput.js';
 import '../select-input/useSingle.js';
-import '../_chunks/dep-2ceb8da9.js';
-import '../_chunks/dep-f6ffbde3.js';
-import '../_chunks/dep-3f0ce0a9.js';
-import '../_chunks/dep-a9eaa40f.js';
+import '../_chunks/dep-fd51a2dd.js';
+import '../_chunks/dep-a034ed95.js';
+import '../_chunks/dep-f536f7c8.js';
+import '../_chunks/dep-8c3856a9.js';
 import '../select-input/useMultiple.js';
 import '../tag-input/index.js';
 import '../tag-input/TagInput.js';
@@ -171,7 +171,8 @@ import './components/panel/format/inputs.js';
 import './components/panel/format/config.js';
 import './components/panel/swatches.js';
 
-var _excluded = ["popupProps", "defaultValue", "disabled", "inputProps", "value", "onChange", "colorModes"];
+var _excluded = ["popupProps", "defaultValue", "disabled", "inputProps", "value", "onChange", "colorModes"],
+    _excluded2 = ["overlayClassName", "overlayStyle"];
 
 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; }
 
@@ -190,6 +191,12 @@ var ColorPicker = function ColorPicker(props) {
       colorModes = props.colorModes,
       rest = _objectWithoutProperties(props, _excluded);
 
+  var _ref = popupProps || {},
+      overlayClassName = _ref.overlayClassName,
+      _ref$overlayStyle = _ref.overlayStyle,
+      overlayStyle = _ref$overlayStyle === void 0 ? {} : _ref$overlayStyle,
+      restPopupProps = _objectWithoutProperties(_ref, _excluded2);
+
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       visible = _useState2[0],
@@ -205,21 +212,23 @@ var ColorPicker = function ColorPicker(props) {
 
   var popProps = _objectSpread(_objectSpread({
     placement: "bottom-left",
-    expandAnimation: true
-  }, popupProps || {}), {}, {
+    expandAnimation: true,
     trigger: "click",
-    attach: "body",
-    overlayClassName: [baseClassName],
-    visible: visible,
-    overlayStyle: {
+    visible: visible
+  }, restPopupProps), {}, {
+    overlayClassName: [baseClassName, overlayClassName],
+    overlayStyle: _objectSpread({
       padding: 0
-    }
+    }, overlayStyle)
   });
 
   useClickOutside([triggerRef, colorPanelRef], function () {
     setVisible(false);
   }, true);
   return /* @__PURE__ */React.createElement(Popup, _objectSpread(_objectSpread({}, popProps), {}, {
+    onVisibleChange: function onVisibleChange(v) {
+      return setVisible(v);
+    },
     content: !disabled && /* @__PURE__ */React.createElement(ColorPanel, _objectSpread(_objectSpread({}, rest), {}, {
       disabled: disabled,
       value: innerValue,
@@ -232,9 +241,6 @@ var ColorPicker = function ColorPicker(props) {
     }))
   }), /* @__PURE__ */React.createElement("div", {
     className: "".concat(baseClassName, "__trigger"),
-    onClick: function onClick() {
-      return setVisible(!visible);
-    },
     ref: triggerRef
   }, /* @__PURE__ */React.createElement(ColorTrigger, {
     color: innerValue,

package/esm/color-picker/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","sources":["../../src/color-picker/ColorPicker.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { Popup, PopupProps } from '../popup';\nimport { ColorPickerProps, TdColorContext } from './interface';\nimport useClassname from './hooks/useClassname';\nimport useDefault from '../_util/useDefault';\nimport ColorTrigger from './components/trigger';\nimport ColorPanel from './components/panel/index';\nimport useClickOutside from '../_util/useClickOutside';\n\nconst ColorPicker: React.FC<ColorPickerProps> = (props) => {\n  const baseClassName = useClassname();\n  const { popupProps, defaultValue, disabled = false, inputProps, value, onChange, colorModes, ...rest } = props;\n\n  const [visible, setVisible] = useState(false);\n  const [innerValue, setInnerValue] = useDefault(value, defaultValue, onChange);\n  const triggerRef = useRef<HTMLDivElement>();\n  const colorPanelRef = useRef();\n\n  const popProps: PopupProps = {\n    placement: 'bottom-left',\n    expandAnimation: true,\n    ...((popupProps as PopupProps) || {}),\n    trigger: 'click',\n    attach: 'body',\n    overlayClassName: [baseClassName],\n    visible,\n    overlayStyle: {\n      padding: 0,\n    },\n  };\n\n  useClickOutside(\n    [triggerRef, colorPanelRef],\n    () => {\n      setVisible(false);\n    },\n    true,\n  );\n\n  return (\n    <Popup\n      {...popProps}\n      content={\n        !disabled && (\n          <ColorPanel\n            {...rest}\n            disabled={disabled}\n            value={innerValue}\n            colorModes={colorModes}\n            togglePopup={setVisible}\n            onChange={(value: string, context: TdColorContext) => setInnerValue(value, context)}\n            ref={colorPanelRef}\n          />\n        )\n      }\n    >\n      <div className={`${baseClassName}__trigger`} onClick={() => setVisible(!visible)} ref={triggerRef}>\n        <ColorTrigger color={innerValue} disabled={disabled} inputProps={inputProps} onTriggerChange={setInnerValue} />\n      </div>\n    </Popup>\n  );\n};\n\nColorPicker.displayName = 'ColorPicker';\n\nexport default React.memo(ColorPicker);\n"],"names":["ColorPicker","props","baseClassName","useClassname","popupProps","defaultValue","disabled","inputProps","value","onChange","colorModes","rest","useState","visible","setVisible","useDefault","innerValue","setInnerValue","triggerRef","useRef","colorPanelRef","popProps","placement","expandAnimation","trigger","attach","overlayClassName","overlayStyle","padding","useClickOutside","React","createElement","Popup","content","ColorPanel","togglePopup","value2","context","ref","className","onClick","ColorTrigger","color","onTriggerChange","displayName","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAW;AAC7B,EAAMC,IAAAA,aAAa,GAAGC,YAAY,EAAlC,CAAA;;AACA,EAAA,IAAQC,UAAR,GAAyGH,KAAzG,CAAQG,UAAR;AAAA,MAAoBC,YAApB,GAAyGJ,KAAzG,CAAoBI,YAApB;AAAA,MAAyGJ,eAAAA,GAAAA,KAAzG,CAAkCK,QAAlC;AAAA,MAAkCA,QAAlC,gCAA6C,KAA7C,GAAA,eAAA;AAAA,MAAoDC,UAApD,GAAyGN,KAAzG,CAAoDM,UAApD;AAAA,MAAgEC,KAAhE,GAAyGP,KAAzG,CAAgEO,KAAhE;AAAA,MAAuEC,QAAvE,GAAyGR,KAAzG,CAAuEQ,QAAvE;AAAA,MAAiFC,UAAjF,GAAyGT,KAAzG,CAAiFS,UAAjF;AAAA,MAAgGC,IAAhG,4BAAyGV,KAAzG,EAAA,SAAA,CAAA,CAAA;;AACA,EAA8BW,IAAAA,SAAAA,GAAAA,QAAQ,CAAC,KAAD,CAAtC;AAAA,MAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAA,MAAOC,OAAP,GAAA,UAAA,CAAA,CAAA,CAAA;AAAA,MAAgBC,UAAhB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;;AACA,EAAA,IAAA,WAAA,GAAoCC,UAAU,CAACP,KAAD,EAAQH,YAAR,EAAsBI,QAAtB,CAA9C;AAAA,MAAA,YAAA,GAAA,cAAA,CAAA,WAAA,EAAA,CAAA,CAAA;AAAA,MAAOO,UAAP,GAAA,YAAA,CAAA,CAAA,CAAA;AAAA,MAAmBC,aAAnB,GAAA,YAAA,CAAA,CAAA,CAAA,CAAA;;AACA,EAAMC,IAAAA,UAAU,GAAGC,MAAM,EAAzB,CAAA;AACA,EAAMC,IAAAA,aAAa,GAAGD,MAAM,EAA5B,CAAA;;AACA,EAAA,IAAME,QAAQ,GAAA,aAAA,CAAA,aAAA,CAAA;AACZC,IAAAA,SAAS,EAAE,aADC;AAEZC,IAAAA,eAAe,EAAE,IAAA;AAFL,GAGTnB,EAAAA,UAAU,IAAI,EAHL,CAAA,EAAA,EAAA,EAAA;AAIZoB,IAAAA,OAAO,EAAE,OAJG;AAKZC,IAAAA,MAAM,EAAE,MALI;AAMZC,IAAAA,gBAAgB,EAAE,CAACxB,aAAD,CANN;AAOZW,IAAAA,OAAO,EAAPA,OAPY;AAQZc,IAAAA,YAAY,EAAE;AACZC,MAAAA,OAAO,EAAE,CAAA;AADG,KAAA;AARF,GAAd,CAAA,CAAA;;AAYAC,EAAAA,eAAe,CAAC,CAACX,UAAD,EAAaE,aAAb,CAAD,EAA8B,YAAM;AACjDN,IAAAA,UAAU,CAAC,KAAD,CAAV,CAAA;AACD,GAFc,EAEZ,IAFY,CAAf,CAAA;AAGA,EAAA,sBAAuBgB,KAAK,CAACC,aAAN,CAAoBC,KAApB,kCAClBX,QADkB,CAAA,EAAA,EAAA,EAAA;AAErBY,IAAAA,OAAO,EAAE,CAAC3B,QAAD,mBAA6BwB,KAAK,CAACC,aAAN,CAAoBG,UAApB,EAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EACjCvB,IADiC,CAAA,EAAA,EAAA,EAAA;AAEpCL,MAAAA,QAAQ,EAARA,QAFoC;AAGpCE,MAAAA,KAAK,EAAEQ,UAH6B;AAIpCN,MAAAA,UAAU,EAAVA,UAJoC;AAKpCyB,MAAAA,WAAW,EAAErB,UALuB;AAMpCL,MAAAA,QAAQ,EAAE,SAAC2B,QAAAA,CAAAA,MAAD,EAASC,OAAT,EAAA;AAAA,QAAA,OAAqBpB,aAAa,CAACmB,MAAD,EAASC,OAAT,CAAlC,CAAA;AAAA,OAN0B;AAOpCC,MAAAA,GAAG,EAAElB,aAAAA;AAP+B,KAAA,CAAA,CAAA;AAFjB,GAAA,CAAA,iBAWJU,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAC5CQ,IAAAA,SAAS,EAAKrC,EAAAA,CAAAA,MAAAA,CAAAA,aAAL,EADmC,WAAA,CAAA;AAE5CsC,IAAAA,OAAO,EAAE,SAAA,OAAA,GAAA;AAAA,MAAA,OAAM1B,UAAU,CAAC,CAACD,OAAF,CAAhB,CAAA;AAAA,KAFmC;AAG5CyB,IAAAA,GAAG,EAAEpB,UAAAA;AAHuC,GAA3B,iBAIAY,KAAK,CAACC,aAAN,CAAoBU,YAApB,EAAkC;AACnDC,IAAAA,KAAK,EAAE1B,UAD4C;AAEnDV,IAAAA,QAAQ,EAARA,QAFmD;AAGnDC,IAAAA,UAAU,EAAVA,UAHmD;AAInDoC,IAAAA,eAAe,EAAE1B,aAAAA;AAJkC,GAAlC,CAJA,CAXI,CAAvB,CAAA;AAqBD,CA3CD,CAAA;;AA4CAjB,WAAW,CAAC4C,WAAZ,GAA0B,aAA1B,CAAA;AACA,mBAAA,aAAed,KAAK,CAACe,IAAN,CAAW7C,WAAX,CAAf;;;;"}
+{"version":3,"file":"ColorPicker.js","sources":["../../src/color-picker/ColorPicker.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { Popup, PopupProps } from '../popup';\nimport { ColorPickerProps, TdColorContext } from './interface';\nimport useClassname from './hooks/useClassname';\nimport useDefault from '../_util/useDefault';\nimport ColorTrigger from './components/trigger';\nimport ColorPanel from './components/panel/index';\nimport useClickOutside from '../_util/useClickOutside';\n\nconst ColorPicker: React.FC<ColorPickerProps> = (props) => {\n  const baseClassName = useClassname();\n  const { popupProps, defaultValue, disabled = false, inputProps, value, onChange, colorModes, ...rest } = props;\n  const { overlayClassName, overlayStyle = {}, ...restPopupProps } = popupProps || {};\n\n  const [visible, setVisible] = useState(false);\n  const [innerValue, setInnerValue] = useDefault(value, defaultValue, onChange);\n  const triggerRef = useRef<HTMLDivElement>();\n  const colorPanelRef = useRef();\n\n  const popProps: PopupProps = {\n    placement: 'bottom-left',\n    expandAnimation: true,\n    trigger: 'click',\n    visible,\n    ...restPopupProps,\n    overlayClassName: [baseClassName, overlayClassName],\n    overlayStyle: {\n      padding: 0,\n      ...overlayStyle,\n    },\n  };\n\n  useClickOutside(\n    [triggerRef, colorPanelRef],\n    () => {\n      setVisible(false);\n    },\n    true,\n  );\n\n  return (\n    <Popup\n      {...popProps}\n      onVisibleChange={(v) => setVisible(v)}\n      content={\n        !disabled && (\n          <ColorPanel\n            {...rest}\n            disabled={disabled}\n            value={innerValue}\n            colorModes={colorModes}\n            togglePopup={setVisible}\n            onChange={(value: string, context: TdColorContext) => setInnerValue(value, context)}\n            ref={colorPanelRef}\n          />\n        )\n      }\n    >\n      <div className={`${baseClassName}__trigger`} ref={triggerRef}>\n        <ColorTrigger color={innerValue} disabled={disabled} inputProps={inputProps} onTriggerChange={setInnerValue} />\n      </div>\n    </Popup>\n  );\n};\n\nColorPicker.displayName = 'ColorPicker';\n\nexport default React.memo(ColorPicker);\n"],"names":["ColorPicker","props","baseClassName","useClassname","popupProps","defaultValue","disabled","inputProps","value","onChange","colorModes","rest","overlayClassName","overlayStyle","restPopupProps","useState","visible","setVisible","useDefault","innerValue","setInnerValue","triggerRef","useRef","colorPanelRef","popProps","placement","expandAnimation","trigger","padding","useClickOutside","React","createElement","Popup","onVisibleChange","v","content","ColorPanel","togglePopup","value2","context","ref","className","ColorTrigger","color","onTriggerChange","displayName","memo"],"mappings":"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"}