tdesign-react 0.32.2-alpha.4 → 0.32.2

package/lib/collapse/index.js

@@ -0,0 +1,52 @@
+/**
+ * tdesign v0.32.2
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var collapse_Collapse = require('./Collapse.js');
+require('../_chunks/dep-d61a867a.js');
+require('../_chunks/dep-2c15fe00.js');
+require('../_chunks/dep-4c37ccd4.js');
+require('../_chunks/dep-15a1f1b4.js');
+require('react');
+require('classnames');
+require('../_util/useConfig.js');
+require('../_chunks/dep-8bbd2d3b.js');
+require('../_chunks/dep-a64b63ed.js');
+require('../_chunks/dep-968dd605.js');
+require('../_chunks/dep-55635dbd.js');
+require('../_chunks/dep-e172d4d6.js');
+require('../_chunks/dep-c8a4caeb.js');
+require('../_chunks/dep-49511fc1.js');
+require('../_chunks/dep-a0e5c7d3.js');
+require('../_chunks/dep-07e418a0.js');
+require('../_chunks/dep-0840d660.js');
+require('../_chunks/dep-789daff5.js');
+require('../_chunks/dep-831198ca.js');
+require('../_chunks/dep-2effefe9.js');
+require('../_chunks/dep-f2ddf327.js');
+require('../_chunks/dep-00fbca76.js');
+require('../_chunks/dep-5f37f810.js');
+require('../_chunks/dep-b54d15a4.js');
+require('../_chunks/dep-0a40c3fb.js');
+require('../_chunks/dep-af3a63ce.js');
+require('../_chunks/dep-22b4c7dc.js');
+require('../_common/js/global-config/locale/zh_CN.js');
+require('../config-provider/zh_CN_config.js');
+require('../_util/useDefault.js');
+require('../_util/noop.js');
+require('./CollapsePanel.js');
+require('react-transition-group');
+require('./CollapseContext.js');
+require('../common/FakeArrow.js');
+
+var Collapse = collapse_Collapse["default"];
+
+exports.Collapse = Collapse;
+exports["default"] = Collapse;
+//# sourceMappingURL=index.js.map

package/lib/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/lib/collapse/style/css.d.ts

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

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

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

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

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

package/lib/collapse/type.js.map

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

package/lib/color-picker/ColorPicker.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.32.1
+ * tdesign v0.32.2
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,9 +8,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-f89c4dc0.js');
-var slicedToArray = require('../_chunks/dep-09373b46.js');
-var objectWithoutProperties = require('../_chunks/dep-27f40fc0.js');
+var defineProperty = require('../_chunks/dep-d61a867a.js');
+var slicedToArray = require('../_chunks/dep-2c15fe00.js');
+var objectWithoutProperties = require('../_chunks/dep-15a1f1b4.js');
 var React = require('react');
 var popup_index = require('../popup/index.js');
 var colorPicker_hooks_useClassname = require('./hooks/useClassname.js');
@@ -18,33 +18,33 @@ var _util_useDefault = require('../_util/useDefault.js');
 var colorPicker_components_trigger = require('./components/trigger.js');
 var colorPicker_components_panel_index = require('./components/panel/index.js');
 var _util_useClickOutside = require('../_util/useClickOutside.js');
-require('../_chunks/dep-73709f4a.js');
+require('../_chunks/dep-4c37ccd4.js');
 require('../popup/Popup.js');
 require('react-transition-group');
 require('classnames');
 require('react-popper');
 require('../_util/useAnimation.js');
 require('../_util/useConfig.js');
-require('../_chunks/dep-a129de86.js');
-require('../_chunks/dep-129536d8.js');
-require('../_chunks/dep-fb2ab6a9.js');
-require('../_chunks/dep-b06362b1.js');
-require('../_chunks/dep-aa243393.js');
-require('../_chunks/dep-9e01735b.js');
-require('../_chunks/dep-f8915e50.js');
-require('../_chunks/dep-4ec272b0.js');
-require('../_chunks/dep-c478f8a7.js');
-require('../_chunks/dep-2d990736.js');
-require('../_chunks/dep-1ce3ad20.js');
-require('../_chunks/dep-e6fb5701.js');
-require('../_chunks/dep-4dd79279.js');
-require('../_chunks/dep-762c1404.js');
-require('../_chunks/dep-d7fe064d.js');
-require('../_chunks/dep-76094f75.js');
-require('../_chunks/dep-b4ca30dc.js');
-require('../_chunks/dep-d89f8782.js');
-require('../_chunks/dep-fb0b1806.js');
-require('../_chunks/dep-978bfcc5.js');
+require('../_chunks/dep-8bbd2d3b.js');
+require('../_chunks/dep-a64b63ed.js');
+require('../_chunks/dep-968dd605.js');
+require('../_chunks/dep-55635dbd.js');
+require('../_chunks/dep-e172d4d6.js');
+require('../_chunks/dep-c8a4caeb.js');
+require('../_chunks/dep-49511fc1.js');
+require('../_chunks/dep-a0e5c7d3.js');
+require('../_chunks/dep-07e418a0.js');
+require('../_chunks/dep-0840d660.js');
+require('../_chunks/dep-789daff5.js');
+require('../_chunks/dep-831198ca.js');
+require('../_chunks/dep-2effefe9.js');
+require('../_chunks/dep-f2ddf327.js');
+require('../_chunks/dep-00fbca76.js');
+require('../_chunks/dep-5f37f810.js');
+require('../_chunks/dep-b54d15a4.js');
+require('../_chunks/dep-0a40c3fb.js');
+require('../_chunks/dep-af3a63ce.js');
+require('../_chunks/dep-22b4c7dc.js');
 require('../_common/js/global-config/locale/zh_CN.js');
 require('../config-provider/zh_CN_config.js');
 require('../_util/composeRefs.js');
@@ -52,14 +52,14 @@ require('../common/Portal.js');
 require('react-dom');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-e4288713.js');
+require('../_chunks/dep-e2357196.js');
 require('../_util/easing.js');
 require('../popup/hooks/useTriggerProps.js');
 require('../popup/utils/getTransitionParams.js');
 require('../_util/useMutationObserver.js');
-require('../_chunks/dep-af4a73b5.js');
-require('../_chunks/dep-ec3f9c9a.js');
-require('../_chunks/dep-c650d1f8.js');
+require('../_chunks/dep-7f9baeb7.js');
+require('../_chunks/dep-d2d4cb60.js');
+require('../_chunks/dep-fc974440.js');
 require('../_util/useWindowSize.js');
 require('../_util/noop.js');
 require('../input/index.js');
@@ -68,31 +68,31 @@ require('tdesign-icons-react');
 require('../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 require('../_util/helper.js');
-require('../_chunks/dep-61d3c494.js');
-require('../_chunks/dep-63525b04.js');
-require('../_chunks/dep-18ca3b0b.js');
-require('../_chunks/dep-2d97f437.js');
+require('../_chunks/dep-7aca56e6.js');
+require('../_chunks/dep-148dc682.js');
+require('../_chunks/dep-ae2f3c19.js');
+require('../_chunks/dep-1372211a.js');
 require('../input/InputGroup.js');
 require('../_util/useDefaultValue.js');
 require('../locale/LocalReceiver.js');
 require('../_common/js/color-picker/color.js');
-require('../_chunks/dep-d39e18b3.js');
+require('../_chunks/dep-dc42561d.js');
 require('tinycolor2');
 require('../_common/js/color-picker/cmyk.js');
 require('../_common/js/color-picker/gradient.js');
-require('../_chunks/dep-994e5553.js');
+require('../_chunks/dep-d8e9e41d.js');
 require('../_util/useCommonClassName.js');
 require('./components/panel/header.js');
 require('./const.js');
 require('../radio/index.js');
-require('../_chunks/dep-e8b3b4ce.js');
+require('../_chunks/dep-f3e5424d.js');
 require('../common/Check.js');
 require('./components/panel/linear-gradient.js');
-require('../_chunks/dep-f22b4d8d.js');
-require('../_chunks/dep-e28ee7d9.js');
-require('../_chunks/dep-bcc3235b.js');
-require('../_chunks/dep-9cf02c8f.js');
-require('../_chunks/dep-195cf5b4.js');
+require('../_chunks/dep-50bffc0f.js');
+require('../_chunks/dep-48573088.js');
+require('../_chunks/dep-ffe6b722.js');
+require('../_chunks/dep-075ef6a3.js');
+require('../_chunks/dep-1fc92b9b.js');
 require('../input-number/index.js');
 require('../input-number/InputNumber.js');
 require('../_util/useUpdateEffect.js');
@@ -119,20 +119,20 @@ require('./components/panel/format/index.js');
 require('lodash');
 require('../select/index.js');
 require('../select/base/Select.js');
-require('../_chunks/dep-5744cdef.js');
-require('../_chunks/dep-5b4db0c4.js');
+require('../_chunks/dep-ceaf9ac6.js');
+require('../_chunks/dep-bfa9bff6.js');
 require('../select/util/helper.js');
 require('../select/base/OptionGroup.js');
 require('../select/base/Option.js');
-require('../_chunks/dep-ba468dc4.js');
+require('../_chunks/dep-114d7e6c.js');
 require('../common/FakeArrow.js');
 require('../select-input/index.js');
 require('../select-input/SelectInput.js');
 require('../select-input/useSingle.js');
-require('../_chunks/dep-bb0a6e9d.js');
-require('../_chunks/dep-52ac7580.js');
-require('../_chunks/dep-ef4363d7.js');
-require('../_chunks/dep-f6c49254.js');
+require('../_chunks/dep-2d14c8ce.js');
+require('../_chunks/dep-2dc0adae.js');
+require('../_chunks/dep-39acf10e.js');
+require('../_chunks/dep-bdf0fab9.js');
 require('../select-input/useMultiple.js');
 require('../tag-input/index.js');
 require('../tag-input/TagInput.js');
@@ -153,7 +153,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-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; }
 
@@ -172,6 +173,12 @@ var ColorPicker = function ColorPicker(props) {
       colorModes = props.colorModes,
       rest = objectWithoutProperties._objectWithoutProperties(props, _excluded);
 
+  var _ref = popupProps || {},
+      overlayClassName = _ref.overlayClassName,
+      _ref$overlayStyle = _ref.overlayStyle,
+      overlayStyle = _ref$overlayStyle === void 0 ? {} : _ref$overlayStyle,
+      restPopupProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded2);
+
   var _useState = React.useState(false),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
       visible = _useState2[0],
@@ -187,21 +194,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)
   });
 
   _util_useClickOutside["default"]([triggerRef, colorPanelRef], function () {
     setVisible(false);
   }, true);
   return /* @__PURE__ */React__default["default"].createElement(popup_index.Popup, _objectSpread(_objectSpread({}, popProps), {}, {
+    onVisibleChange: function onVisibleChange(v) {
+      return setVisible(v);
+    },
     content: !disabled && /* @__PURE__ */React__default["default"].createElement(colorPicker_components_panel_index["default"], _objectSpread(_objectSpread({}, rest), {}, {
       disabled: disabled,
       value: innerValue,
@@ -214,9 +223,6 @@ var ColorPicker = function ColorPicker(props) {
     }))
   }), /* @__PURE__ */React__default["default"].createElement("div", {
     className: "".concat(baseClassName, "__trigger"),
-    onClick: function onClick() {
-      return setVisible(!visible);
-    },
     ref: triggerRef
   }, /* @__PURE__ */React__default["default"].createElement(colorPicker_components_trigger["default"], {
     color: innerValue,

package/lib/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","_slicedToArray","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","_objectWithoutProperties","useState","_slicedToArray","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/lib/color-picker/ColorPickerPanel.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.32.1
+ * tdesign v0.32.2
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,35 +8,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../_chunks/dep-f89c4dc0.js');
+var defineProperty = require('../_chunks/dep-d61a867a.js');
 var React = require('react');
 var colorPicker_components_panel_index = require('./components/panel/index.js');
-require('../_chunks/dep-994e5553.js');
-require('../_chunks/dep-73709f4a.js');
-require('../_chunks/dep-09373b46.js');
+require('../_chunks/dep-d8e9e41d.js');
+require('../_chunks/dep-4c37ccd4.js');
+require('../_chunks/dep-2c15fe00.js');
 require('classnames');
 require('../_util/useCommonClassName.js');
 require('../_util/useConfig.js');
-require('../_chunks/dep-a129de86.js');
-require('../_chunks/dep-129536d8.js');
-require('../_chunks/dep-fb2ab6a9.js');
-require('../_chunks/dep-b06362b1.js');
-require('../_chunks/dep-aa243393.js');
-require('../_chunks/dep-9e01735b.js');
-require('../_chunks/dep-f8915e50.js');
-require('../_chunks/dep-4ec272b0.js');
-require('../_chunks/dep-c478f8a7.js');
-require('../_chunks/dep-2d990736.js');
-require('../_chunks/dep-1ce3ad20.js');
-require('../_chunks/dep-e6fb5701.js');
-require('../_chunks/dep-4dd79279.js');
-require('../_chunks/dep-762c1404.js');
-require('../_chunks/dep-d7fe064d.js');
-require('../_chunks/dep-76094f75.js');
-require('../_chunks/dep-b4ca30dc.js');
-require('../_chunks/dep-d89f8782.js');
-require('../_chunks/dep-fb0b1806.js');
-require('../_chunks/dep-978bfcc5.js');
+require('../_chunks/dep-8bbd2d3b.js');
+require('../_chunks/dep-a64b63ed.js');
+require('../_chunks/dep-968dd605.js');
+require('../_chunks/dep-55635dbd.js');
+require('../_chunks/dep-e172d4d6.js');
+require('../_chunks/dep-c8a4caeb.js');
+require('../_chunks/dep-49511fc1.js');
+require('../_chunks/dep-a0e5c7d3.js');
+require('../_chunks/dep-07e418a0.js');
+require('../_chunks/dep-0840d660.js');
+require('../_chunks/dep-789daff5.js');
+require('../_chunks/dep-831198ca.js');
+require('../_chunks/dep-2effefe9.js');
+require('../_chunks/dep-f2ddf327.js');
+require('../_chunks/dep-00fbca76.js');
+require('../_chunks/dep-5f37f810.js');
+require('../_chunks/dep-b54d15a4.js');
+require('../_chunks/dep-0a40c3fb.js');
+require('../_chunks/dep-af3a63ce.js');
+require('../_chunks/dep-22b4c7dc.js');
 require('../_common/js/global-config/locale/zh_CN.js');
 require('../config-provider/zh_CN_config.js');
 require('../_util/useDefault.js');
@@ -47,38 +47,38 @@ require('./components/panel/header.js');
 require('tdesign-icons-react');
 require('./const.js');
 require('../radio/index.js');
-require('../_chunks/dep-e8b3b4ce.js');
+require('../_chunks/dep-f3e5424d.js');
 require('../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 require('../common/Check.js');
-require('../_chunks/dep-27f40fc0.js');
+require('../_chunks/dep-15a1f1b4.js');
 require('../_util/helper.js');
-require('../_chunks/dep-61d3c494.js');
-require('../_chunks/dep-63525b04.js');
-require('../_chunks/dep-c650d1f8.js');
-require('../_chunks/dep-18ca3b0b.js');
-require('../_chunks/dep-2d97f437.js');
+require('../_chunks/dep-7aca56e6.js');
+require('../_chunks/dep-148dc682.js');
+require('../_chunks/dep-fc974440.js');
+require('../_chunks/dep-ae2f3c19.js');
+require('../_chunks/dep-1372211a.js');
 require('../_util/useMutationObserver.js');
-require('../_chunks/dep-af4a73b5.js');
-require('../_chunks/dep-ec3f9c9a.js');
+require('../_chunks/dep-7f9baeb7.js');
+require('../_chunks/dep-d2d4cb60.js');
 require('../_common/js/color-picker/color.js');
-require('../_chunks/dep-d39e18b3.js');
+require('../_chunks/dep-dc42561d.js');
 require('tinycolor2');
 require('../_common/js/color-picker/cmyk.js');
 require('../_common/js/color-picker/gradient.js');
 require('./components/panel/linear-gradient.js');
-require('../_chunks/dep-f22b4d8d.js');
-require('../_chunks/dep-e28ee7d9.js');
-require('../_chunks/dep-bcc3235b.js');
-require('../_chunks/dep-9cf02c8f.js');
-require('../_chunks/dep-195cf5b4.js');
+require('../_chunks/dep-50bffc0f.js');
+require('../_chunks/dep-48573088.js');
+require('../_chunks/dep-ffe6b722.js');
+require('../_chunks/dep-075ef6a3.js');
+require('../_chunks/dep-1fc92b9b.js');
 require('../input-number/index.js');
 require('../input-number/InputNumber.js');
 require('../_util/useUpdateEffect.js');
 require('../_util/useLayoutEffect.js');
 require('../_util/dom.js');
 require('raf');
-require('../_chunks/dep-e4288713.js');
+require('../_chunks/dep-e2357196.js');
 require('../_util/easing.js');
 require('../input-number/StepHandler.js');
 require('../button/index.js');
@@ -109,12 +109,12 @@ require('./components/panel/format/index.js');
 require('lodash');
 require('../select/index.js');
 require('../select/base/Select.js');
-require('../_chunks/dep-5744cdef.js');
-require('../_chunks/dep-5b4db0c4.js');
+require('../_chunks/dep-ceaf9ac6.js');
+require('../_chunks/dep-bfa9bff6.js');
 require('../select/util/helper.js');
 require('../select/base/OptionGroup.js');
 require('../select/base/Option.js');
-require('../_chunks/dep-ba468dc4.js');
+require('../_chunks/dep-114d7e6c.js');
 require('../common/FakeArrow.js');
 require('../select-input/index.js');
 require('../select-input/SelectInput.js');
@@ -128,10 +128,10 @@ require('../_util/useClickOutside.js');
 require('../popup/utils/getTransitionParams.js');
 require('../_util/useWindowSize.js');
 require('../select-input/useSingle.js');
-require('../_chunks/dep-bb0a6e9d.js');
-require('../_chunks/dep-52ac7580.js');
-require('../_chunks/dep-ef4363d7.js');
-require('../_chunks/dep-f6c49254.js');
+require('../_chunks/dep-2d14c8ce.js');
+require('../_chunks/dep-2dc0adae.js');
+require('../_chunks/dep-39acf10e.js');
+require('../_chunks/dep-bdf0fab9.js');
 require('../select-input/useMultiple.js');
 require('../tag-input/index.js');
 require('../tag-input/TagInput.js');

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

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.32.1
+ * tdesign v0.32.2
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,8 +8,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defineProperty = require('../../../_chunks/dep-f89c4dc0.js');
-var objectWithoutProperties = require('../../../_chunks/dep-27f40fc0.js');
+var defineProperty = require('../../../_chunks/dep-d61a867a.js');
+var objectWithoutProperties = require('../../../_chunks/dep-15a1f1b4.js');
 var React = require('react');
 var classNames = require('classnames');
 var colorPicker_components_panel_slider = require('./slider.js');

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

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