tdesign-react 0.32.2-alpha.4 → 0.32.2

package/es/collapse/style/index.css

@@ -0,0 +1,74 @@
+.t-collapse {
+  border: solid 1px var(--td-component-border);
+  border-bottom: 0;
+  background: var(--td-bg-color-container);
+}
+.t-collapse.t--border-less {
+  border: none;
+}
+.t-collapse.t--border-less .t-collapse-panel__header {
+  border-bottom: none;
+}
+.t-collapse.t--border-less .t-collapse-panel__body {
+  background: var(--td-bg-color-container);
+  border: none;
+}
+.t-collapse-panel__icon {
+  cursor: pointer;
+}
+.t-collapse-panel__icon--left {
+  margin-right: 8px;
+}
+.t-collapse-panel__icon--right {
+  margin-left: 8px;
+}
+.t-collapse-panel__wrapper {
+  overflow: hidden;
+}
+.t-collapse-panel__wrapper .t-collapse-panel__header {
+  padding: 0 16px;
+  border-bottom: solid 1px var(--td-component-border);
+  height: 46px;
+  font-size: 14px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.t-collapse-panel__wrapper .t-collapse-panel__header--blank {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+}
+.t-collapse-panel__wrapper .t-collapse-panel__header.t-is-clickable {
+  cursor: pointer;
+}
+.t-collapse-panel__wrapper .t-collapse-panel__body {
+  border-bottom: solid 1px var(--td-component-border);
+  background: var(--td-bg-color-secondarycontainer);
+}
+.t-collapse-panel__wrapper .t-collapse-panel__body--collapsed {
+  border: none;
+}
+.t-collapse-panel__wrapper .t-collapse-panel__content {
+  padding: 12px 16px 12px 40px;
+}
+.t-collapse-panel.t-is-disabled {
+  background: var(--td-bg-color-component-disabled);
+}
+.t-collapse-panel.t-is-disabled .t-collapse-panel__header {
+  cursor: not-allowed;
+}
+.t-collapse-panel.t-is-disabled .t-collapse-panel__icon {
+  cursor: not-allowed;
+}
+.t-collapse-panel.t-is-disabled .t-collapse-panel__body {
+  background: var(--td-bg-color-component-disabled);
+}
+.t-slide-down-enter-active,
+.t-slide-down-leave-active {
+  -webkit-transition: height 0.3s, padding 0.3s;
+  transition: height 0.3s, padding 0.3s;
+}

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

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

package/es/collapse/style/index.js

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

package/es/collapse/style/index.js.map

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

package/es/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/es/collapse/type.js

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

package/es/collapse/type.js.map

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

package/es/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-d1528b10.js';
+import '../_chunks/dep-d53557dd.js';
+import '../_chunks/dep-a3799de9.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-2529798e.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 './style/css.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';
@@ -81,24 +81,24 @@ import '../config-provider/index.js';
 import '../config-provider/ConfigProvider.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-102e71e2.js';
 import '../common/Check.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-c7f581a7.js';
+import '../_chunks/dep-0ce437c4.js';
+import '../_chunks/dep-96c19464.js';
+import '../_chunks/dep-d3e9d4f9.js';
+import '../_chunks/dep-732f97c6.js';
 import '../input-number/index.js';
 import '../input-number/InputNumber.js';
 import '../_util/useUpdateEffect.js';
@@ -128,20 +128,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';
@@ -162,7 +162,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; }
 
@@ -181,6 +182,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],
@@ -196,21 +203,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,
@@ -223,9 +232,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/es/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":"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"}
+{"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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"}

package/es/color-picker/ColorPickerPanel.js

@@ -1,41 +1,41 @@
 /**
- * tdesign v0.32.1
+ * tdesign v0.32.2
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-7d265775.js';
+import { _ as _defineProperty } from '../_chunks/dep-065feaa0.js';
 import React from 'react';
 import ColorPanel from './components/panel/index.js';
-import '../_chunks/dep-fbebe54f.js';
-import '../_chunks/dep-6c1f99cf.js';
-import '../_chunks/dep-f43d2ff9.js';
+import '../_chunks/dep-e6edcfc2.js';
+import '../_chunks/dep-a0c32e41.js';
+import '../_chunks/dep-1c98922d.js';
 import 'classnames';
 import '../_util/useCommonClassName.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-d1528b10.js';
+import '../_chunks/dep-d53557dd.js';
+import '../_chunks/dep-a3799de9.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-2529798e.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';
@@ -49,40 +49,40 @@ import './components/panel/header.js';
 import 'tdesign-icons-react';
 import './const.js';
 import '../radio/index.js';
-import '../_chunks/dep-aa507466.js';
+import '../_chunks/dep-102e71e2.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../common/Check.js';
-import '../_chunks/dep-f5934d82.js';
+import '../_chunks/dep-c45e799b.js';
 import '../_util/helper.js';
-import '../_chunks/dep-6d7a13ee.js';
-import '../_chunks/dep-94430898.js';
-import '../_chunks/dep-f069ae37.js';
-import '../_chunks/dep-30dd4524.js';
-import '../_chunks/dep-0a1c4cd9.js';
+import '../_chunks/dep-b27cd086.js';
+import '../_chunks/dep-555e4911.js';
+import '../_chunks/dep-44991b63.js';
+import '../_chunks/dep-7aa43ad5.js';
+import '../_chunks/dep-c5f31768.js';
 import '../_util/useMutationObserver.js';
-import '../_chunks/dep-6f313265.js';
-import '../_chunks/dep-54c22c7a.js';
+import '../_chunks/dep-508d17f0.js';
+import '../_chunks/dep-687ae3b9.js';
 import './style/css.js';
 import '../radio/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 './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-c7f581a7.js';
+import '../_chunks/dep-0ce437c4.js';
+import '../_chunks/dep-96c19464.js';
+import '../_chunks/dep-d3e9d4f9.js';
+import '../_chunks/dep-732f97c6.js';
 import '../input-number/index.js';
 import '../input-number/InputNumber.js';
 import '../_util/useUpdateEffect.js';
 import '../_util/useLayoutEffect.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-6d93165a.js';
+import '../_chunks/dep-9466e5e1.js';
 import '../_util/easing.js';
 import '../input-number/StepHandler.js';
 import '../button/index.js';
@@ -117,12 +117,12 @@ 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';
@@ -137,10 +137,10 @@ import '../popup/utils/getTransitionParams.js';
 import '../_util/useWindowSize.js';
 import '../popup/type.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';

package/es/color-picker/components/panel/alpha.js

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.32.1
+ * tdesign v0.32.2
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../../_chunks/dep-7d265775.js';
-import { _ as _objectWithoutProperties } from '../../../_chunks/dep-f5934d82.js';
+import { _ as _defineProperty } from '../../../_chunks/dep-065feaa0.js';
+import { _ as _objectWithoutProperties } from '../../../_chunks/dep-c45e799b.js';
 import React from 'react';
 import classNames from 'classnames';
 import ColorSlider from './slider.js';

package/es/color-picker/components/panel/format/config.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.32.1
+ * tdesign v0.32.2
  * (c) 2022 tdesign
  * @license MIT
  */