tdesign-react 1.1.7 → 1.1.8-alpha.1

package/cjs/collapse/index.js

@@ -18,8 +18,8 @@ require('react');
 require('classnames');
 require('../hooks/useConfig.js');
 require('../config-provider/ConfigContext.js');
-require('../_chunks/dep-9ab23909.js');
-require('../_chunks/dep-851fe2e3.js');
+require('../_chunks/dep-54490445.js');
+require('../_chunks/dep-82ebaf5b.js');
 require('../_chunks/dep-dc221f14.js');
 require('../_chunks/dep-283a6cd9.js');
 require('../_chunks/dep-0ab47988.js');
@@ -28,7 +28,7 @@ require('../_chunks/dep-5f3b023e.js');
 require('../_chunks/dep-bd8834bc.js');
 require('../_chunks/dep-5b53bf7d.js');
 require('../_chunks/dep-2332bae9.js');
-require('../_chunks/dep-5dbe2ce6.js');
+require('../_chunks/dep-ded57388.js');
 require('../_chunks/dep-e34e52ce.js');
 require('../_chunks/dep-ea34cb51.js');
 require('../_chunks/dep-fed7da85.js');
@@ -37,7 +37,7 @@ require('../_chunks/dep-70fc6b07.js');
 require('../_chunks/dep-66b3ce2f.js');
 require('../_chunks/dep-5fa33b82.js');
 require('../_chunks/dep-4af8bb7b.js');
-require('../_chunks/dep-7ccad509.js');
+require('../_chunks/dep-d2ad67f9.js');
 require('../_chunks/dep-34eb5bc1.js');
 require('../_common/js/global-config/locale/zh_CN.js');
 require('dayjs');
@@ -56,6 +56,7 @@ require('react-transition-group');
 require('./CollapseContext.js');
 require('../common/FakeArrow.js');
 require('./defaultProps.js');
+require('../hooks/useDefaultProps.js');
 
 var Collapse = collapse_Collapse["default"];
 

package/cjs/collapse/index.js.map

@@ -1 +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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,IAAMA,QAAW,GAAAC;;;;;"}
+{"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,IAAMA,QAAW,GAAAC;;;;;"}

package/cjs/color-picker/ColorPicker.js

@@ -18,6 +18,7 @@ var hooks_useControlled = require('../hooks/useControlled.js');
 var colorPicker_components_trigger = require('./components/trigger.js');
 var colorPicker_components_panel_index = require('./components/panel/index.js');
 var colorPicker_defaultProps = require('./defaultProps.js');
+var hooks_useDefaultProps = require('../hooks/useDefaultProps.js');
 require('../_chunks/dep-80620c56.js');
 require('../popup/Popup.js');
 require('react-transition-group');
@@ -35,12 +36,12 @@ require('react-popper');
 require('../_util/useAnimation.js');
 require('../hooks/useConfig.js');
 require('../config-provider/ConfigContext.js');
-require('../_chunks/dep-9ab23909.js');
-require('../_chunks/dep-851fe2e3.js');
+require('../_chunks/dep-54490445.js');
+require('../_chunks/dep-82ebaf5b.js');
 require('../_chunks/dep-dc221f14.js');
 require('../_chunks/dep-283a6cd9.js');
 require('../_chunks/dep-2332bae9.js');
-require('../_chunks/dep-5dbe2ce6.js');
+require('../_chunks/dep-ded57388.js');
 require('../_chunks/dep-ea34cb51.js');
 require('../_chunks/dep-fed7da85.js');
 require('../_chunks/dep-3ba7997f.js');
@@ -48,7 +49,7 @@ require('../_chunks/dep-70fc6b07.js');
 require('../_chunks/dep-66b3ce2f.js');
 require('../_chunks/dep-5fa33b82.js');
 require('../_chunks/dep-4af8bb7b.js');
-require('../_chunks/dep-7ccad509.js');
+require('../_chunks/dep-d2ad67f9.js');
 require('../_chunks/dep-34eb5bc1.js');
 require('../_common/js/global-config/locale/zh_CN.js');
 require('dayjs');
@@ -100,7 +101,7 @@ require('../_util/useCommonClassName.js');
 require('./components/panel/header.js');
 require('./const.js');
 require('../radio/index.js');
-require('../_chunks/dep-6e2c91ae.js');
+require('../_chunks/dep-3b6bed4c.js');
 require('../common/Check.js');
 require('../_chunks/dep-4210f49b.js');
 require('../_util/helper.js');
@@ -109,9 +110,9 @@ require('../_chunks/dep-0b0bd3b8.js');
 require('../radio/defaultProps.js');
 require('../radio/useKeyboard.js');
 require('./components/panel/linear-gradient.js');
-require('../_chunks/dep-09fdddaa.js');
-require('../_chunks/dep-35fb9b10.js');
-require('../_chunks/dep-ee48fdf3.js');
+require('../_chunks/dep-1922b4d5.js');
+require('../_chunks/dep-2de6ed16.js');
+require('../_chunks/dep-75a054e0.js');
 require('../_chunks/dep-f8f5bea5.js');
 require('../input-number/index.js');
 require('../input-number/InputNumber.js');
@@ -130,7 +131,6 @@ require('../loading/plugin.js');
 require('../_util/react-render.js');
 require('../_chunks/dep-395172b5.js');
 require('../button/defaultProps.js');
-require('../hooks/useDefaultProps.js');
 require('../input-number/useInputNumber.js');
 require('../_common/js/input-number/number.js');
 require('../_chunks/dep-c4def842.js');
@@ -155,9 +155,9 @@ require('../common/FakeArrow.js');
 require('../select-input/index.js');
 require('../select-input/SelectInput.js');
 require('../select-input/useSingle.js');
-require('../_chunks/dep-7c4c7d22.js');
-require('../_chunks/dep-9d63eb25.js');
-require('../_chunks/dep-181f7444.js');
+require('../_chunks/dep-80eb985d.js');
+require('../_chunks/dep-202a66a4.js');
+require('../_chunks/dep-4891dcd4.js');
 require('../select-input/useMultiple.js');
 require('../tag-input/index.js');
 require('../tag-input/TagInput.js');
@@ -192,12 +192,13 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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._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 ColorPicker = function ColorPicker(props) {
   var baseClassName = colorPicker_hooks_useClassNames["default"]();
-  var popupProps = props.popupProps,
-    disabled = props.disabled,
-    inputProps = props.inputProps,
-    onChange = props.onChange,
-    colorModes = props.colorModes,
-    rest = objectWithoutProperties._objectWithoutProperties(props, _excluded);
+  var _useDefaultProps = hooks_useDefaultProps["default"](props, colorPicker_defaultProps.colorPickerDefaultProps),
+    popupProps = _useDefaultProps.popupProps,
+    disabled = _useDefaultProps.disabled,
+    inputProps = _useDefaultProps.inputProps,
+    onChange = _useDefaultProps.onChange,
+    colorModes = _useDefaultProps.colorModes,
+    rest = objectWithoutProperties._objectWithoutProperties(_useDefaultProps, _excluded);
   var _ref = popupProps || {},
     overlayClassName = _ref.overlayClassName,
     _ref$overlayInnerStyl = _ref.overlayInnerStyle,
@@ -240,7 +241,6 @@ var ColorPicker = function ColorPicker(props) {
   })));
 };
 ColorPicker.displayName = "ColorPicker";
-ColorPicker.defaultProps = colorPicker_defaultProps.colorPickerDefaultProps;
 var _ColorPicker = /*#__PURE__*/React__default["default"].memo(ColorPicker);
 
 exports["default"] = _ColorPicker;

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

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","sources":["../../src/color-picker/ColorPicker.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { Popup, PopupProps } from '../popup';\nimport { ColorPickerProps, TdColorContext } from './interface';\nimport useClassName from './hooks/useClassNames';\nimport useControlled from '../hooks/useControlled';\nimport ColorTrigger from './components/trigger';\nimport ColorPanel from './components/panel/index';\nimport { colorPickerDefaultProps } from './defaultProps';\n\nconst ColorPicker: React.FC<ColorPickerProps> = (props) => {\n  const baseClassName = useClassName();\n  const { popupProps, disabled, inputProps, onChange, colorModes, ...rest } = props;\n  const { overlayClassName, overlayInnerStyle = {}, ...restPopupProps } = popupProps || {};\n\n  const [innerValue, setInnerValue] = useControlled(props, 'value', 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    ...restPopupProps,\n    overlayClassName: [baseClassName, overlayClassName],\n    overlayInnerStyle: {\n      padding: 0,\n      ...overlayInnerStyle,\n    },\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            onChange={(value: string, context: TdColorContext) => setInnerValue(value, context)}\n            ref={colorPanelRef}\n          />\n        )\n      }\n    >\n      <div className={`${baseClassName}__trigger`} ref={triggerRef}>\n        <ColorTrigger disabled={disabled} inputProps={inputProps} value={innerValue} onChange={setInnerValue} />\n      </div>\n    </Popup>\n  );\n};\n\nColorPicker.displayName = 'ColorPicker';\nColorPicker.defaultProps = colorPickerDefaultProps;\n\nexport default React.memo(ColorPicker);\n"],"names":["ColorPicker","props","baseClassName","useClassName","popupProps","disabled","inputProps","onChange","colorModes","rest","_excluded","_ref","overlayClassName","overlayInnerStyle","_ref$overlayInnerStyl","restPopupProps","_objectWithoutProperties","_excluded2","_useControlled","useControlled","_useControlled2","_slicedToArray","innerValue","setInnerValue","triggerRef","useRef","colorPanelRef","popProps","_objectSpread","placement","expandAnimation","trigger","padding","React","createElement","Popup","content","ColorPanel","value","context","ref","className","ColorTrigger","displayName","defaultProps","colorPickerDefaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"ColorPicker.js","sources":["../../src/color-picker/ColorPicker.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { Popup, PopupProps } from '../popup';\nimport { ColorPickerProps, TdColorContext } from './interface';\nimport useClassName from './hooks/useClassNames';\nimport useControlled from '../hooks/useControlled';\nimport ColorTrigger from './components/trigger';\nimport ColorPanel from './components/panel/index';\nimport { colorPickerDefaultProps } from './defaultProps';\nimport useDefaultProps from '../hooks/useDefaultProps';\n\nconst ColorPicker: React.FC<ColorPickerProps> = (props) => {\n  const baseClassName = useClassName();\n  const { popupProps, disabled, inputProps, onChange, colorModes, ...rest } = useDefaultProps<ColorPickerProps>(\n    props,\n    colorPickerDefaultProps,\n  );\n  const { overlayClassName, overlayInnerStyle = {}, ...restPopupProps } = popupProps || {};\n\n  const [innerValue, setInnerValue] = useControlled(props, 'value', 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    ...restPopupProps,\n    overlayClassName: [baseClassName, overlayClassName],\n    overlayInnerStyle: {\n      padding: 0,\n      ...overlayInnerStyle,\n    },\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            onChange={(value: string, context: TdColorContext) => setInnerValue(value, context)}\n            ref={colorPanelRef}\n          />\n        )\n      }\n    >\n      <div className={`${baseClassName}__trigger`} ref={triggerRef}>\n        <ColorTrigger disabled={disabled} inputProps={inputProps} value={innerValue} onChange={setInnerValue} />\n      </div>\n    </Popup>\n  );\n};\n\nColorPicker.displayName = 'ColorPicker';\n\nexport default React.memo(ColorPicker);\n"],"names":["ColorPicker","props","baseClassName","useClassName","_useDefaultProps","useDefaultProps","colorPickerDefaultProps","popupProps","disabled","inputProps","onChange","colorModes","rest","_ref","overlayClassName","overlayInnerStyle","_ref$overlayInnerStyl","restPopupProps","_objectWithoutProperties","_excluded2","_useControlled","useControlled","_useControlled2","_slicedToArray","innerValue","setInnerValue","triggerRef","useRef","colorPanelRef","popProps","_objectSpread","placement","expandAnimation","trigger","padding","React","createElement","Popup","content","ColorPanel","value","context","ref","className","ColorTrigger","displayName","memo"],"mappings":"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"}

package/cjs/color-picker/ColorPickerPanel.d.ts

@@ -1,7 +1,4 @@
 import React from 'react';
 import { ColorPickerProps } from './interface';
-declare const _default: React.MemoExoticComponent<{
-    (props: ColorPickerProps): React.JSX.Element;
-    displayName: string;
-}>;
+declare const _default: React.NamedExoticComponent<ColorPickerProps>;
 export default _default;

package/cjs/color-picker/ColorPickerPanel.js

@@ -19,8 +19,8 @@ require('tinycolor2');
 require('../_util/useCommonClassName.js');
 require('../hooks/useConfig.js');
 require('../config-provider/ConfigContext.js');
-require('../_chunks/dep-9ab23909.js');
-require('../_chunks/dep-851fe2e3.js');
+require('../_chunks/dep-54490445.js');
+require('../_chunks/dep-82ebaf5b.js');
 require('../_chunks/dep-dc221f14.js');
 require('../_chunks/dep-283a6cd9.js');
 require('../_chunks/dep-0ab47988.js');
@@ -29,7 +29,7 @@ require('../_chunks/dep-5f3b023e.js');
 require('../_chunks/dep-bd8834bc.js');
 require('../_chunks/dep-5b53bf7d.js');
 require('../_chunks/dep-2332bae9.js');
-require('../_chunks/dep-5dbe2ce6.js');
+require('../_chunks/dep-ded57388.js');
 require('../_chunks/dep-e34e52ce.js');
 require('../_chunks/dep-ea34cb51.js');
 require('../_chunks/dep-fed7da85.js');
@@ -38,7 +38,7 @@ require('../_chunks/dep-70fc6b07.js');
 require('../_chunks/dep-66b3ce2f.js');
 require('../_chunks/dep-5fa33b82.js');
 require('../_chunks/dep-4af8bb7b.js');
-require('../_chunks/dep-7ccad509.js');
+require('../_chunks/dep-d2ad67f9.js');
 require('../_chunks/dep-34eb5bc1.js');
 require('../_common/js/global-config/locale/zh_CN.js');
 require('dayjs');
@@ -55,7 +55,7 @@ require('./hooks/useClassNames.js');
 require('./components/panel/header.js');
 require('./const.js');
 require('../radio/index.js');
-require('../_chunks/dep-6e2c91ae.js');
+require('../_chunks/dep-3b6bed4c.js');
 require('../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 require('../common/Check.js');
@@ -80,9 +80,9 @@ require('../_common/js/color-picker/gradient.js');
 require('../_chunks/dep-1a923dce.js');
 require('./defaultProps.js');
 require('./components/panel/linear-gradient.js');
-require('../_chunks/dep-09fdddaa.js');
-require('../_chunks/dep-35fb9b10.js');
-require('../_chunks/dep-ee48fdf3.js');
+require('../_chunks/dep-1922b4d5.js');
+require('../_chunks/dep-2de6ed16.js');
+require('../_chunks/dep-75a054e0.js');
 require('../_chunks/dep-f8f5bea5.js');
 require('../input-number/index.js');
 require('../input-number/InputNumber.js');
@@ -154,9 +154,9 @@ require('../popup/utils/transition.js');
 require('../_util/useWindowSize.js');
 require('../popup/defaultProps.js');
 require('../select-input/useSingle.js');
-require('../_chunks/dep-7c4c7d22.js');
-require('../_chunks/dep-9d63eb25.js');
-require('../_chunks/dep-181f7444.js');
+require('../_chunks/dep-80eb985d.js');
+require('../_chunks/dep-202a66a4.js');
+require('../_chunks/dep-4891dcd4.js');
 require('../select-input/useMultiple.js');
 require('../tag-input/index.js');
 require('../tag-input/TagInput.js');

package/cjs/color-picker/ColorPickerPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPickerPanel.js","sources":["../../src/color-picker/ColorPickerPanel.tsx"],"sourcesContent":["import React from 'react';\nimport ColorPanel from './components/panel';\nimport { ColorPickerProps } from './interface';\n\nconst ColorPickerPanel = (props: ColorPickerProps) => <ColorPanel {...props} popupProps={null} closeBtn={false} />;\n\nColorPickerPanel.displayName = 'ColorPickerPanel';\n\nexport default React.memo(ColorPickerPanel);\n"],"names":["ColorPickerPanel","props","React","createElement","ColorPanel","_objectSpread","popupProps","closeBtn","displayName","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,gBAAA,GAAmB,SAAnBA,gBAAAA,CAAoBC,KAAA,EAAA;EAAA,sBAA6BC,yBAAA,CAAAC,aAAA,CAAAC,6CAAA,EAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAeJ,KAAA,CAAA,EAAA,EAAA,EAAA;AAAOK,IAAAA,UAAY,EAAA,IAAA;AAAMC,IAAAA,QAAU,EAAA,KAAA;AAAA,GAAA,CAAO,CAAA,CAAA;AAAA,CAAA,CAAA;AAEhHP,gBAAA,CAAiBQ,WAAc,GAAA,kBAAA,CAAA;AAE/B,wBAAA,aAAeN,yBAAA,CAAMO,KAAKT,gBAAgB,CAAA;;;;"}
+{"version":3,"file":"ColorPickerPanel.js","sources":["../../src/color-picker/ColorPickerPanel.tsx"],"sourcesContent":["import React from 'react';\nimport ColorPanel from './components/panel';\nimport { ColorPickerProps } from './interface';\n\nconst ColorPickerPanel: React.FC<ColorPickerProps> = (props) => (\n  <ColorPanel {...props} popupProps={null} closeBtn={false} />\n);\n\nColorPickerPanel.displayName = 'ColorPickerPanel';\n\nexport default React.memo(ColorPickerPanel);\n"],"names":["ColorPickerPanel","props","React","createElement","ColorPanel","_objectSpread","popupProps","closeBtn","displayName","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,gBAAA,GAA+C,SAA/CA,gBAAAA,CAAgDC,KAAA,EAAA;EAAA,sBACnDC,yBAAA,CAAAC,aAAA,CAAAC,6CAAA,EAAAC,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAeJ,KAAA,CAAA,EAAA,EAAA,EAAA;AAAOK,IAAAA,UAAY,EAAA,IAAA;AAAMC,IAAAA,QAAU,EAAA,KAAA;AAAA,GAAA,CAAO,CAAA,CAAA;AAAA,CAAA,CAAA;AAG5DP,gBAAA,CAAiBQ,WAAc,GAAA,kBAAA,CAAA;AAE/B,wBAAA,aAAeN,yBAAA,CAAMO,KAAKT,gBAAgB,CAAA;;;;"}

package/cjs/color-picker/components/panel/alpha.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TdColorBaseProps } from '../../interface';
-declare const _default: React.MemoExoticComponent<(props: TdColorBaseProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: TdColorBaseProps) => JSX.Element>;
 export default _default;

package/cjs/color-picker/components/panel/format/index.d.ts

@@ -7,5 +7,5 @@ export interface TdColorFormatProps extends TdColorPickerProps {
     baseClassName: string;
     color: Color;
 }
-declare const _default: React.MemoExoticComponent<(props: TdColorFormatProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: TdColorFormatProps) => JSX.Element>;
 export default _default;

package/cjs/color-picker/components/panel/format/index.js

@@ -41,16 +41,16 @@ require('../../../../_chunks/dep-35eb92a6.js');
 require('../../../../_util/noop.js');
 require('../../../../locale/LocalReceiver.js');
 require('../../../../config-provider/ConfigContext.js');
-require('../../../../_chunks/dep-9ab23909.js');
-require('../../../../_chunks/dep-851fe2e3.js');
-require('../../../../_chunks/dep-5dbe2ce6.js');
+require('../../../../_chunks/dep-54490445.js');
+require('../../../../_chunks/dep-82ebaf5b.js');
+require('../../../../_chunks/dep-ded57388.js');
 require('../../../../_chunks/dep-ea34cb51.js');
 require('../../../../_chunks/dep-fed7da85.js');
 require('../../../../_chunks/dep-3ba7997f.js');
 require('../../../../_chunks/dep-66b3ce2f.js');
 require('../../../../_chunks/dep-5fa33b82.js');
 require('../../../../_chunks/dep-4af8bb7b.js');
-require('../../../../_chunks/dep-7ccad509.js');
+require('../../../../_chunks/dep-d2ad67f9.js');
 require('../../../../_chunks/dep-34eb5bc1.js');
 require('../../../../_common/js/global-config/locale/zh_CN.js');
 require('dayjs');
@@ -104,9 +104,9 @@ require('../../../../_util/useMutationObserver.js');
 require('../../../../_util/useWindowSize.js');
 require('../../../../popup/defaultProps.js');
 require('../../../../select-input/useSingle.js');
-require('../../../../_chunks/dep-7c4c7d22.js');
-require('../../../../_chunks/dep-9d63eb25.js');
-require('../../../../_chunks/dep-181f7444.js');
+require('../../../../_chunks/dep-80eb985d.js');
+require('../../../../_chunks/dep-202a66a4.js');
+require('../../../../_chunks/dep-4891dcd4.js');
 require('../../../../_chunks/dep-f8f5bea5.js');
 require('../../../../input/index.js');
 require('../../../../input/Input.js');

package/cjs/color-picker/components/panel/format/inputs.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const _default: React.MemoExoticComponent<(props: any) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: any) => JSX.Element>;
 export default _default;

package/cjs/color-picker/components/panel/format/inputs.js

@@ -46,19 +46,19 @@ require('../../../../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 require('../../../../hooks/useConfig.js');
 require('../../../../config-provider/ConfigContext.js');
-require('../../../../_chunks/dep-9ab23909.js');
-require('../../../../_chunks/dep-851fe2e3.js');
+require('../../../../_chunks/dep-54490445.js');
+require('../../../../_chunks/dep-82ebaf5b.js');
 require('../../../../_chunks/dep-dc221f14.js');
 require('../../../../_chunks/dep-283a6cd9.js');
 require('../../../../_chunks/dep-2332bae9.js');
-require('../../../../_chunks/dep-5dbe2ce6.js');
+require('../../../../_chunks/dep-ded57388.js');
 require('../../../../_chunks/dep-ea34cb51.js');
 require('../../../../_chunks/dep-fed7da85.js');
 require('../../../../_chunks/dep-3ba7997f.js');
 require('../../../../_chunks/dep-66b3ce2f.js');
 require('../../../../_chunks/dep-5fa33b82.js');
 require('../../../../_chunks/dep-4af8bb7b.js');
-require('../../../../_chunks/dep-7ccad509.js');
+require('../../../../_chunks/dep-d2ad67f9.js');
 require('../../../../_chunks/dep-34eb5bc1.js');
 require('../../../../_common/js/global-config/locale/zh_CN.js');
 require('dayjs');

package/cjs/color-picker/components/panel/header.d.ts

@@ -10,5 +10,5 @@ export interface ColorPanelHeaderProps extends TdColorPickerProps {
     }) => void;
     baseClassName?: string;
 }
-declare const _default: React.MemoExoticComponent<(props: ColorPanelHeaderProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: ColorPanelHeaderProps) => JSX.Element>;
 export default _default;

package/cjs/color-picker/components/panel/header.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var colorPicker_const = require('../../const.js');
 var radio_index = require('../../../radio/index.js');
-require('../../../_chunks/dep-6e2c91ae.js');
+require('../../../_chunks/dep-3b6bed4c.js');
 require('../../../_chunks/dep-e7be6251.js');
 require('../../../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
@@ -36,21 +36,21 @@ require('../../../_chunks/dep-35eb92a6.js');
 require('../../../_chunks/dep-0b0bd3b8.js');
 require('../../../hooks/useConfig.js');
 require('../../../config-provider/ConfigContext.js');
-require('../../../_chunks/dep-9ab23909.js');
-require('../../../_chunks/dep-851fe2e3.js');
+require('../../../_chunks/dep-54490445.js');
+require('../../../_chunks/dep-82ebaf5b.js');
 require('../../../_chunks/dep-dc221f14.js');
 require('../../../_chunks/dep-283a6cd9.js');
 require('../../../_chunks/dep-0ab47988.js');
 require('../../../_chunks/dep-5b53bf7d.js');
 require('../../../_chunks/dep-2332bae9.js');
-require('../../../_chunks/dep-5dbe2ce6.js');
+require('../../../_chunks/dep-ded57388.js');
 require('../../../_chunks/dep-ea34cb51.js');
 require('../../../_chunks/dep-fed7da85.js');
 require('../../../_chunks/dep-3ba7997f.js');
 require('../../../_chunks/dep-66b3ce2f.js');
 require('../../../_chunks/dep-5fa33b82.js');
 require('../../../_chunks/dep-4af8bb7b.js');
-require('../../../_chunks/dep-7ccad509.js');
+require('../../../_chunks/dep-d2ad67f9.js');
 require('../../../_chunks/dep-34eb5bc1.js');
 require('../../../_common/js/global-config/locale/zh_CN.js');
 require('dayjs');

package/cjs/color-picker/components/panel/hue.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TdColorBaseProps } from '../../interface';
-declare const _default: React.MemoExoticComponent<(props: TdColorBaseProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: TdColorBaseProps) => JSX.Element>;
 export default _default;

package/cjs/color-picker/components/panel/index.js

@@ -31,8 +31,8 @@ var colorPicker_components_panel_swatches = require('./swatches.js');
 require('../../../_chunks/dep-80620c56.js');
 require('../../../hooks/useConfig.js');
 require('../../../config-provider/ConfigContext.js');
-require('../../../_chunks/dep-9ab23909.js');
-require('../../../_chunks/dep-851fe2e3.js');
+require('../../../_chunks/dep-54490445.js');
+require('../../../_chunks/dep-82ebaf5b.js');
 require('../../../_chunks/dep-dc221f14.js');
 require('../../../_chunks/dep-283a6cd9.js');
 require('../../../_chunks/dep-0ab47988.js');
@@ -41,7 +41,7 @@ require('../../../_chunks/dep-5f3b023e.js');
 require('../../../_chunks/dep-bd8834bc.js');
 require('../../../_chunks/dep-5b53bf7d.js');
 require('../../../_chunks/dep-2332bae9.js');
-require('../../../_chunks/dep-5dbe2ce6.js');
+require('../../../_chunks/dep-ded57388.js');
 require('../../../_chunks/dep-e34e52ce.js');
 require('../../../_chunks/dep-ea34cb51.js');
 require('../../../_chunks/dep-fed7da85.js');
@@ -50,7 +50,7 @@ require('../../../_chunks/dep-70fc6b07.js');
 require('../../../_chunks/dep-66b3ce2f.js');
 require('../../../_chunks/dep-5fa33b82.js');
 require('../../../_chunks/dep-4af8bb7b.js');
-require('../../../_chunks/dep-7ccad509.js');
+require('../../../_chunks/dep-d2ad67f9.js');
 require('../../../_chunks/dep-34eb5bc1.js');
 require('../../../_common/js/global-config/locale/zh_CN.js');
 require('dayjs');
@@ -62,7 +62,7 @@ require('../../../_chunks/dep-3fd0a05d.js');
 require('../../../_chunks/dep-58ab3552.js');
 require('../../../_util/noop.js');
 require('../../../radio/index.js');
-require('../../../_chunks/dep-6e2c91ae.js');
+require('../../../_chunks/dep-3b6bed4c.js');
 require('../../../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 require('../../../common/Check.js');
@@ -84,9 +84,9 @@ require('../../../_chunks/dep-2da3a9c8.js');
 require('../../../_common/js/color-picker/cmyk.js');
 require('../../../_common/js/color-picker/gradient.js');
 require('../../../_chunks/dep-1a923dce.js');
-require('../../../_chunks/dep-09fdddaa.js');
-require('../../../_chunks/dep-35fb9b10.js');
-require('../../../_chunks/dep-ee48fdf3.js');
+require('../../../_chunks/dep-1922b4d5.js');
+require('../../../_chunks/dep-2de6ed16.js');
+require('../../../_chunks/dep-75a054e0.js');
 require('../../../_chunks/dep-f8f5bea5.js');
 require('../../../input-number/index.js');
 require('../../../input-number/InputNumber.js');
@@ -154,9 +154,9 @@ require('../../../popup/utils/transition.js');
 require('../../../_util/useWindowSize.js');
 require('../../../popup/defaultProps.js');
 require('../../../select-input/useSingle.js');
-require('../../../_chunks/dep-7c4c7d22.js');
-require('../../../_chunks/dep-9d63eb25.js');
-require('../../../_chunks/dep-181f7444.js');
+require('../../../_chunks/dep-80eb985d.js');
+require('../../../_chunks/dep-202a66a4.js');
+require('../../../_chunks/dep-4891dcd4.js');
 require('../../../select-input/useMultiple.js');
 require('../../../tag-input/index.js');
 require('../../../tag-input/TagInput.js');

package/cjs/color-picker/components/panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/color-picker/components/panel/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, forwardRef, MutableRefObject, useCallback } from 'react';\nimport classNames from 'classnames';\nimport tinyColor from 'tinycolor2';\n\nimport useCommonClassName from '../../../_util/useCommonClassName';\nimport useControlled from '../../../hooks/useControlled';\nimport { useLocaleReceiver } from '../../../locale/LocalReceiver';\nimport useClassName from '../../hooks/useClassNames';\nimport PanelHeader from './header';\nimport Color, { getColorObject } from '../../../_common/js/color-picker/color';\nimport { GradientColorPoint } from '../../../_common/js/color-picker/gradient';\nimport {\n  DEFAULT_COLOR,\n  DEFAULT_LINEAR_GRADIENT,\n  TD_COLOR_USED_COLORS_MAX_SIZE,\n  DEFAULT_SYSTEM_SWATCH_COLORS,\n} from '../../const';\nimport { ColorPickerProps, TdColorModes, TdColorSaturationData } from '../../interface';\nimport { ColorPickerChangeTrigger, TdColorPickerProps } from '../../type';\nimport { colorPickerDefaultProps } from '../../defaultProps';\nimport LinearGradient from './linear-gradient';\nimport SaturationPanel from './saturation';\nimport HUESlider from './hue';\nimport AlphaSlider from './alpha';\nimport FormatPanel from './format';\nimport SwatchesPanel from './swatches';\n\nconst mathRound = Math.round;\n\nconst Panel = forwardRef((props: ColorPickerProps, ref: MutableRefObject<HTMLDivElement>) => {\n  const baseClassName = useClassName();\n  const { STATUS } = useCommonClassName();\n  const [local, t] = useLocaleReceiver('colorPicker');\n  const {\n    value,\n    disabled,\n    onChange,\n    enableAlpha = false,\n    format,\n    onPaletteBarChange,\n    swatchColors,\n    className,\n    style = {},\n    togglePopup,\n    closeBtn,\n    colorModes = ['linear-gradient', 'monochrome'],\n    showPrimaryColorPreview = true,\n  } = props;\n  const [innerValue, setInnerValue] = useControlled(props, 'value', onChange);\n  const colorInstanceRef = useRef<Color>(new Color(innerValue || DEFAULT_COLOR));\n  const getmodeByColor = colorInstanceRef.current.isGradient ? 'linear-gradient' : 'monochrome';\n  const [mode, setMode] = useState<TdColorModes>(colorModes?.length === 1 ? colorModes[0] : getmodeByColor);\n  const [updateId, setUpdateId] = useState(0);\n  const update = useCallback(\n    (value) => {\n      colorInstanceRef.current.update(value);\n      setUpdateId(updateId + 1);\n    },\n    [updateId],\n  );\n\n  const formatValue = useCallback(() => {\n    // 渐变模式下直接输出css样式\n    if (mode === 'linear-gradient') {\n      return colorInstanceRef.current.linearGradient;\n    }\n\n    return colorInstanceRef.current.getFormatsColorMap()[format] || colorInstanceRef.current.css;\n  }, [format, mode]);\n\n  const emitColorChange = useCallback(\n    (trigger?: ColorPickerChangeTrigger) => {\n      setInnerValue(formatValue(), {\n        color: getColorObject(colorInstanceRef.current),\n        trigger: trigger || 'palette-saturation-brightness',\n      });\n    },\n    [formatValue, setInnerValue],\n  );\n\n  useEffect(() => {\n    if (typeof value === 'undefined' || mode === 'linear-gradient') {\n      return;\n    }\n\n    // common Color new 的时候使用 hsv ，一个 rgba 可以对应两个 hsv ，这里先直接用 tinycolor 比较下颜色是否修改了\n    const newUniqColor = tinyColor(value).toRgb();\n    const { r, g, b, a } = newUniqColor;\n    const newUniqRgbaColor = `rgba(${mathRound(r)}, ${mathRound(g)}, ${mathRound(b)}, ${a})`;\n\n    const newColor = new Color(value);\n    const formattedColor = newUniqRgbaColor || DEFAULT_COLOR;\n    const currentColor = colorInstanceRef.current.rgba;\n\n    const isInRightMode = mode === 'monochrome' && !newColor.isGradient;\n\n    if (formattedColor !== currentColor && isInRightMode) {\n      update(value);\n      setMode(newColor.isGradient ? 'linear-gradient' : 'monochrome');\n    }\n  }, [value, formatValue, setInnerValue, mode, update]);\n\n  useEffect(() => {\n    if (colorModes.length === 1) {\n      setMode(colorModes[0]);\n    } else {\n      setMode(getmodeByColor);\n    }\n  }, [colorModes, getmodeByColor]);\n\n  const formatRef = useRef<TdColorPickerProps['format']>(colorInstanceRef.current.isGradient ? 'CSS' : 'RGB');\n\n  const { onRecentColorsChange } = props;\n  const [recentlyUsedColors, setRecentlyUsedColors] = useControlled(props, 'recentColors', onRecentColorsChange, {\n    defaultRecentColors: colorPickerDefaultProps.recentColors,\n  });\n\n  const baseProps = {\n    color: colorInstanceRef.current,\n    disabled,\n    baseClassName,\n  };\n\n  const handleModeChange = (value: TdColorModes) => {\n    setMode(value);\n    const { rgba, gradientColors, linearGradient } = colorInstanceRef.current;\n    if (value === 'linear-gradient') {\n      colorInstanceRef.current = new Color(gradientColors.length > 0 ? linearGradient : DEFAULT_LINEAR_GRADIENT);\n      return;\n    }\n    colorInstanceRef.current = new Color(rgba);\n  };\n  // 最近使用颜色变更时触发\n  const handleRecentlyUsedColorsChange = (colors: string[]) => {\n    setRecentlyUsedColors(colors);\n  };\n\n  // 添加最近使用颜色\n  const addRecentlyUsedColor = () => {\n    const colors = [...((recentlyUsedColors as string[]) || [])];\n    const { isGradient, linearGradient, rgba } = colorInstanceRef.current;\n    const currentColor = isGradient ? linearGradient : rgba;\n    const index = colors.indexOf(currentColor);\n    if (index > -1) {\n      colors.splice(index, 1);\n    }\n    colors.unshift(currentColor);\n    if (colors.length > TD_COLOR_USED_COLORS_MAX_SIZE) {\n      colors.length = TD_COLOR_USED_COLORS_MAX_SIZE;\n    }\n    handleRecentlyUsedColorsChange(colors);\n  };\n\n  // 饱和度变化\n  const handleSaturationChange = ({ saturation, value }: TdColorSaturationData) => {\n    const { saturation: sat, value: val } = colorInstanceRef.current;\n    let changeTrigger: ColorPickerChangeTrigger = 'palette-saturation-brightness';\n    if (value !== val && saturation !== sat) {\n      changeTrigger = 'palette-saturation-brightness';\n      colorInstanceRef.current.saturation = saturation;\n      colorInstanceRef.current.value = value;\n    } else if (saturation !== sat) {\n      changeTrigger = 'palette-saturation';\n      colorInstanceRef.current.saturation = saturation;\n    } else if (value !== val) {\n      changeTrigger = 'palette-brightness';\n      colorInstanceRef.current.value = value;\n    } else {\n      return;\n    }\n\n    emitColorChange(changeTrigger);\n  };\n\n  // hue色相变化\n  const handleHUEChange = (hue: number) => {\n    colorInstanceRef.current.hue = hue;\n    emitColorChange('palette-hue-bar');\n    onPaletteBarChange?.({\n      color: getColorObject(colorInstanceRef.current),\n    });\n  };\n\n  /**\n   * 透明度变化\n   * @param alpha\n   */\n  const handleAlphaChange = (alpha: number) => {\n    colorInstanceRef.current.alpha = alpha;\n    emitColorChange('palette-alpha-bar');\n    onPaletteBarChange?.({\n      color: getColorObject(colorInstanceRef.current),\n    });\n  };\n\n  /**\n   * 渐变改变\n   * @param param0\n   */\n  const handleGradientChange = ({\n    key,\n    payload,\n  }: {\n    key: 'degree' | 'selectedId' | 'colors';\n    payload: number | string | GradientColorPoint[];\n    addUsedColor?: boolean;\n  }) => {\n    let trigger: ColorPickerChangeTrigger = 'palette-saturation-brightness';\n    switch (key) {\n      case 'degree':\n        colorInstanceRef.current.gradientDegree = payload as number;\n        trigger = 'input';\n        break;\n      case 'selectedId':\n        colorInstanceRef.current.gradientSelectedId = payload as string;\n        setUpdateId((prevId) => prevId + 1);\n        break;\n      case 'colors':\n        colorInstanceRef.current.gradientColors = payload as GradientColorPoint[];\n        break;\n    }\n    emitColorChange(trigger);\n  };\n\n  // format选择格式变化\n  const handleFormatModeChange = (format: TdColorPickerProps['format']) => (formatRef.current = format);\n\n  // format输入变化\n  const handleInputChange = (input: string, alpha?: number) => {\n    update(input);\n    colorInstanceRef.current.alpha = alpha;\n    emitColorChange('input');\n  };\n\n  // 渲染预设颜色区域\n  const SwatchesArea = React.memo(() => {\n    // 最近使用颜色\n    const showUsedColors = recentlyUsedColors !== null && recentlyUsedColors !== false;\n    // 系统颜色\n    let systemColors = swatchColors;\n    if (systemColors === undefined) {\n      systemColors = [...DEFAULT_SYSTEM_SWATCH_COLORS];\n    }\n    const showSystemColors = systemColors?.length > 0;\n\n    if (!showSystemColors && !showUsedColors) {\n      return null;\n    }\n\n    // 色块点击\n    const handleSetColor = (value: string, trigger: ColorPickerChangeTrigger) => {\n      const isGradientValue = Color.isGradientColor(value);\n      const color = colorInstanceRef.current;\n      if (isGradientValue) {\n        if (colorModes.includes('linear-gradient')) {\n          setMode('linear-gradient');\n          color.update(value);\n          color.updateCurrentGradientColor();\n        } else {\n          console.warn('该模式不支持渐变色');\n        }\n      } else if (mode === 'linear-gradient') {\n        setMode('monochrome');\n        color.update(value);\n      } else {\n        color.update(value);\n      }\n      emitColorChange(trigger);\n    };\n\n    return (\n      <>\n        <div className={`${baseClassName}__swatches-wrap`}>\n          {showUsedColors && (\n            <SwatchesPanel\n              {...baseProps}\n              title={t(local.recentColorTitle)}\n              editable\n              handleAddColor={addRecentlyUsedColor}\n              colors={recentlyUsedColors as string[]}\n              onSetColor={(color: string) => handleSetColor(color, 'recent')}\n              onChange={handleRecentlyUsedColorsChange}\n            />\n          )}\n          {showSystemColors && (\n            <SwatchesPanel\n              {...baseProps}\n              title={t(local.swatchColorTitle)}\n              colors={systemColors}\n              onSetColor={(color: string) => handleSetColor(color, 'preset')}\n            />\n          )}\n        </div>\n      </>\n    );\n  });\n\n  const isGradient = mode === 'linear-gradient';\n\n  return (\n    <div\n      className={classNames(`${baseClassName}__panel`, disabled ? STATUS.disabled : false, className)}\n      onClick={(e) => e.stopPropagation()}\n      style={{ ...style }}\n      ref={ref}\n    >\n      <PanelHeader\n        baseClassName={baseClassName}\n        mode={mode}\n        colorModes={colorModes}\n        closeBtn={closeBtn}\n        togglePopup={togglePopup}\n        onModeChange={handleModeChange}\n      />\n      <div className={`${baseClassName}__body`}>\n        {isGradient && <LinearGradient {...baseProps} onChange={handleGradientChange} />}\n        <SaturationPanel {...baseProps} onChange={handleSaturationChange} />\n        <div className={`${baseClassName}__sliders-wrapper`}>\n          <div className={`${baseClassName}__sliders`}>\n            <HUESlider {...baseProps} onChange={handleHUEChange} />\n            {enableAlpha && <AlphaSlider {...baseProps} onChange={handleAlphaChange} />}\n          </div>\n          {showPrimaryColorPreview ? (\n            <div className={classNames([`${baseClassName}__sliders-preview`, `${baseClassName}--bg-alpha`])}>\n              <span\n                className={`${baseClassName}__sliders-preview-inner`}\n                style={{\n                  background: isGradient ? colorInstanceRef.current.linearGradient : colorInstanceRef.current.rgba,\n                }}\n              />\n            </div>\n          ) : null}\n        </div>\n\n        <FormatPanel\n          {...props}\n          {...baseProps}\n          format={formatRef.current}\n          onModeChange={handleFormatModeChange}\n          onInputChange={handleInputChange}\n        />\n        <SwatchesArea />\n      </div>\n    </div>\n  );\n});\n\nexport default React.memo(Panel);\n"],"names":["mathRound","Math","round","Panel","forwardRef","props","ref","baseClassName","useClassName","_useCommonClassName","useCommonClassName","STATUS","_useLocaleReceiver","useLocaleReceiver","_useLocaleReceiver2","_slicedToArray","local","t","value","disabled","onChange","_props$enableAlpha","enableAlpha","format","onPaletteBarChange","swatchColors","className","_props$style","style","togglePopup","closeBtn","_props$colorModes","colorModes","_props$showPrimaryCol","showPrimaryColorPreview","_useControlled","useControlled","_useControlled2","innerValue","setInnerValue","colorInstanceRef","useRef","Color","DEFAULT_COLOR","getmodeByColor","current","isGradient","_useState","useState","length","_useState2","mode","setMode","_useState3","_useState4","updateId","setUpdateId","update","useCallback","formatValue","linearGradient","getFormatsColorMap","css","emitColorChange","trigger","color","getColorObject","useEffect","newUniqColor","tinyColor","toRgb","r","g","b","a","newUniqRgbaColor","concat","newColor","formattedColor","currentColor","rgba","isInRightMode","formatRef","onRecentColorsChange","_useControlled3","defaultRecentColors","colorPickerDefaultProps","recentColors","_useControlled4","recentlyUsedColors","setRecentlyUsedColors","baseProps","handleModeChange","_colorInstanceRef$cur","gradientColors","DEFAULT_LINEAR_GRADIENT","handleRecentlyUsedColorsChange","colors","addRecentlyUsedColor","_toConsumableArray","_colorInstanceRef$cur2","index","indexOf","splice","unshift","TD_COLOR_USED_COLORS_MAX_SIZE","handleSaturationChange","saturation","_ref","_colorInstanceRef$cur3","sat","val","changeTrigger","handleHUEChange","hue","handleAlphaChange","alpha","handleGradientChange","key","_ref2","payload","gradientDegree","gradientSelectedId","prevId","handleFormatModeChange","handleInputChange","input","SwatchesArea","React","memo","_systemColors","showUsedColors","systemColors","DEFAULT_SYSTEM_SWATCH_COLORS","showSystemColors","handleSetColor","isGradientValue","isGradientColor","includes","updateCurrentGradientColor","console","warn","createElement","SwatchesPanel","_objectSpread","title","recentColorTitle","editable","handleAddColor","onSetColor","swatchColorTitle","classNames","onClick","e","stopPropagation","PanelHeader","onModeChange","LinearGradient","SaturationPanel","HUESlider","AlphaSlider","background","FormatPanel","onInputChange"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/color-picker/components/panel/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, forwardRef, useCallback } from 'react';\nimport classNames from 'classnames';\nimport tinyColor from 'tinycolor2';\nimport useCommonClassName from '../../../_util/useCommonClassName';\nimport useControlled from '../../../hooks/useControlled';\nimport { useLocaleReceiver } from '../../../locale/LocalReceiver';\nimport useClassName from '../../hooks/useClassNames';\nimport PanelHeader from './header';\nimport Color, { getColorObject } from '../../../_common/js/color-picker/color';\nimport { GradientColorPoint } from '../../../_common/js/color-picker/gradient';\nimport {\n  DEFAULT_COLOR,\n  DEFAULT_LINEAR_GRADIENT,\n  TD_COLOR_USED_COLORS_MAX_SIZE,\n  DEFAULT_SYSTEM_SWATCH_COLORS,\n} from '../../const';\nimport { ColorPickerProps, TdColorModes, TdColorSaturationData } from '../../interface';\nimport { ColorPickerChangeTrigger, TdColorPickerProps } from '../../type';\nimport { colorPickerDefaultProps } from '../../defaultProps';\nimport LinearGradient from './linear-gradient';\nimport SaturationPanel from './saturation';\nimport HUESlider from './hue';\nimport AlphaSlider from './alpha';\nimport FormatPanel from './format';\nimport SwatchesPanel from './swatches';\n\nconst mathRound = Math.round;\n\nconst Panel = forwardRef<HTMLDivElement, ColorPickerProps>((props, ref) => {\n  const baseClassName = useClassName();\n  const { STATUS } = useCommonClassName();\n  const [local, t] = useLocaleReceiver('colorPicker');\n  const {\n    value,\n    disabled,\n    onChange,\n    enableAlpha = false,\n    format,\n    onPaletteBarChange,\n    swatchColors,\n    className,\n    style = {},\n    togglePopup,\n    closeBtn,\n    colorModes = ['linear-gradient', 'monochrome'],\n    showPrimaryColorPreview = true,\n  } = props;\n  const [innerValue, setInnerValue] = useControlled(props, 'value', onChange);\n  const colorInstanceRef = useRef<Color>(new Color(innerValue || DEFAULT_COLOR));\n  const getmodeByColor = colorInstanceRef.current.isGradient ? 'linear-gradient' : 'monochrome';\n  const [mode, setMode] = useState<TdColorModes>(colorModes?.length === 1 ? colorModes[0] : getmodeByColor);\n  const [updateId, setUpdateId] = useState(0);\n  const update = useCallback(\n    (value) => {\n      colorInstanceRef.current.update(value);\n      setUpdateId(updateId + 1);\n    },\n    [updateId],\n  );\n\n  const formatValue = useCallback(() => {\n    // 渐变模式下直接输出css样式\n    if (mode === 'linear-gradient') {\n      return colorInstanceRef.current.linearGradient;\n    }\n\n    return colorInstanceRef.current.getFormatsColorMap()[format] || colorInstanceRef.current.css;\n  }, [format, mode]);\n\n  const emitColorChange = useCallback(\n    (trigger?: ColorPickerChangeTrigger) => {\n      setInnerValue(formatValue(), {\n        color: getColorObject(colorInstanceRef.current),\n        trigger: trigger || 'palette-saturation-brightness',\n      });\n    },\n    [formatValue, setInnerValue],\n  );\n\n  useEffect(() => {\n    if (typeof value === 'undefined' || mode === 'linear-gradient') {\n      return;\n    }\n\n    // common Color new 的时候使用 hsv ，一个 rgba 可以对应两个 hsv ，这里先直接用 tinycolor 比较下颜色是否修改了\n    const newUniqColor = tinyColor(value).toRgb();\n    const { r, g, b, a } = newUniqColor;\n    const newUniqRgbaColor = `rgba(${mathRound(r)}, ${mathRound(g)}, ${mathRound(b)}, ${a})`;\n\n    const newColor = new Color(value);\n    const formattedColor = newUniqRgbaColor || DEFAULT_COLOR;\n    const currentColor = colorInstanceRef.current.rgba;\n\n    const isInRightMode = mode === 'monochrome' && !newColor.isGradient;\n\n    if (formattedColor !== currentColor && isInRightMode) {\n      update(value);\n      setMode(newColor.isGradient ? 'linear-gradient' : 'monochrome');\n    }\n  }, [value, formatValue, setInnerValue, mode, update]);\n\n  useEffect(() => {\n    if (colorModes.length === 1) {\n      setMode(colorModes[0]);\n    } else {\n      setMode(getmodeByColor);\n    }\n  }, [colorModes, getmodeByColor]);\n\n  const formatRef = useRef<TdColorPickerProps['format']>(colorInstanceRef.current.isGradient ? 'CSS' : 'RGB');\n\n  const { onRecentColorsChange } = props;\n  const [recentlyUsedColors, setRecentlyUsedColors] = useControlled(props, 'recentColors', onRecentColorsChange, {\n    defaultRecentColors: colorPickerDefaultProps.recentColors,\n  });\n\n  const baseProps = {\n    color: colorInstanceRef.current,\n    disabled,\n    baseClassName,\n  };\n\n  const handleModeChange = (value: TdColorModes) => {\n    setMode(value);\n    const { rgba, gradientColors, linearGradient } = colorInstanceRef.current;\n    if (value === 'linear-gradient') {\n      colorInstanceRef.current = new Color(gradientColors.length > 0 ? linearGradient : DEFAULT_LINEAR_GRADIENT);\n      return;\n    }\n    colorInstanceRef.current = new Color(rgba);\n  };\n  // 最近使用颜色变更时触发\n  const handleRecentlyUsedColorsChange = (colors: string[]) => {\n    setRecentlyUsedColors(colors);\n  };\n\n  // 添加最近使用颜色\n  const addRecentlyUsedColor = () => {\n    const colors = [...((recentlyUsedColors as string[]) || [])];\n    const { isGradient, linearGradient, rgba } = colorInstanceRef.current;\n    const currentColor = isGradient ? linearGradient : rgba;\n    const index = colors.indexOf(currentColor);\n    if (index > -1) {\n      colors.splice(index, 1);\n    }\n    colors.unshift(currentColor);\n    if (colors.length > TD_COLOR_USED_COLORS_MAX_SIZE) {\n      colors.length = TD_COLOR_USED_COLORS_MAX_SIZE;\n    }\n    handleRecentlyUsedColorsChange(colors);\n  };\n\n  // 饱和度变化\n  const handleSaturationChange = ({ saturation, value }: TdColorSaturationData) => {\n    const { saturation: sat, value: val } = colorInstanceRef.current;\n    let changeTrigger: ColorPickerChangeTrigger = 'palette-saturation-brightness';\n    if (value !== val && saturation !== sat) {\n      changeTrigger = 'palette-saturation-brightness';\n      colorInstanceRef.current.saturation = saturation;\n      colorInstanceRef.current.value = value;\n    } else if (saturation !== sat) {\n      changeTrigger = 'palette-saturation';\n      colorInstanceRef.current.saturation = saturation;\n    } else if (value !== val) {\n      changeTrigger = 'palette-brightness';\n      colorInstanceRef.current.value = value;\n    } else {\n      return;\n    }\n\n    emitColorChange(changeTrigger);\n  };\n\n  // hue色相变化\n  const handleHUEChange = (hue: number) => {\n    colorInstanceRef.current.hue = hue;\n    emitColorChange('palette-hue-bar');\n    onPaletteBarChange?.({\n      color: getColorObject(colorInstanceRef.current),\n    });\n  };\n\n  /**\n   * 透明度变化\n   * @param alpha\n   */\n  const handleAlphaChange = (alpha: number) => {\n    colorInstanceRef.current.alpha = alpha;\n    emitColorChange('palette-alpha-bar');\n    onPaletteBarChange?.({\n      color: getColorObject(colorInstanceRef.current),\n    });\n  };\n\n  /**\n   * 渐变改变\n   * @param param0\n   */\n  const handleGradientChange = ({\n    key,\n    payload,\n  }: {\n    key: 'degree' | 'selectedId' | 'colors';\n    payload: number | string | GradientColorPoint[];\n    addUsedColor?: boolean;\n  }) => {\n    let trigger: ColorPickerChangeTrigger = 'palette-saturation-brightness';\n    switch (key) {\n      case 'degree':\n        colorInstanceRef.current.gradientDegree = payload as number;\n        trigger = 'input';\n        break;\n      case 'selectedId':\n        colorInstanceRef.current.gradientSelectedId = payload as string;\n        setUpdateId((prevId) => prevId + 1);\n        break;\n      case 'colors':\n        colorInstanceRef.current.gradientColors = payload as GradientColorPoint[];\n        break;\n    }\n    emitColorChange(trigger);\n  };\n\n  // format选择格式变化\n  const handleFormatModeChange = (format: TdColorPickerProps['format']) => (formatRef.current = format);\n\n  // format输入变化\n  const handleInputChange = (input: string, alpha?: number) => {\n    update(input);\n    colorInstanceRef.current.alpha = alpha;\n    emitColorChange('input');\n  };\n\n  // 渲染预设颜色区域\n  const SwatchesArea = React.memo(() => {\n    // 最近使用颜色\n    const showUsedColors = recentlyUsedColors !== null && recentlyUsedColors !== false;\n    // 系统颜色\n    let systemColors = swatchColors;\n    if (systemColors === undefined) {\n      systemColors = [...DEFAULT_SYSTEM_SWATCH_COLORS];\n    }\n    const showSystemColors = systemColors?.length > 0;\n\n    if (!showSystemColors && !showUsedColors) {\n      return null;\n    }\n\n    // 色块点击\n    const handleSetColor = (value: string, trigger: ColorPickerChangeTrigger) => {\n      const isGradientValue = Color.isGradientColor(value);\n      const color = colorInstanceRef.current;\n      if (isGradientValue) {\n        if (colorModes.includes('linear-gradient')) {\n          setMode('linear-gradient');\n          color.update(value);\n          color.updateCurrentGradientColor();\n        } else {\n          console.warn('该模式不支持渐变色');\n        }\n      } else if (mode === 'linear-gradient') {\n        setMode('monochrome');\n        color.update(value);\n      } else {\n        color.update(value);\n      }\n      emitColorChange(trigger);\n    };\n\n    return (\n      <>\n        <div className={`${baseClassName}__swatches-wrap`}>\n          {showUsedColors && (\n            <SwatchesPanel\n              {...baseProps}\n              title={t(local.recentColorTitle)}\n              editable\n              handleAddColor={addRecentlyUsedColor}\n              colors={recentlyUsedColors as string[]}\n              onSetColor={(color: string) => handleSetColor(color, 'recent')}\n              onChange={handleRecentlyUsedColorsChange}\n            />\n          )}\n          {showSystemColors && (\n            <SwatchesPanel\n              {...baseProps}\n              title={t(local.swatchColorTitle)}\n              colors={systemColors}\n              onSetColor={(color: string) => handleSetColor(color, 'preset')}\n            />\n          )}\n        </div>\n      </>\n    );\n  });\n\n  const isGradient = mode === 'linear-gradient';\n\n  return (\n    <div\n      className={classNames(`${baseClassName}__panel`, disabled ? STATUS.disabled : false, className)}\n      onClick={(e) => e.stopPropagation()}\n      style={{ ...style }}\n      ref={ref}\n    >\n      <PanelHeader\n        baseClassName={baseClassName}\n        mode={mode}\n        colorModes={colorModes}\n        closeBtn={closeBtn}\n        togglePopup={togglePopup}\n        onModeChange={handleModeChange}\n      />\n      <div className={`${baseClassName}__body`}>\n        {isGradient && <LinearGradient {...baseProps} onChange={handleGradientChange} />}\n        <SaturationPanel {...baseProps} onChange={handleSaturationChange} />\n        <div className={`${baseClassName}__sliders-wrapper`}>\n          <div className={`${baseClassName}__sliders`}>\n            <HUESlider {...baseProps} onChange={handleHUEChange} />\n            {enableAlpha && <AlphaSlider {...baseProps} onChange={handleAlphaChange} />}\n          </div>\n          {showPrimaryColorPreview ? (\n            <div className={classNames([`${baseClassName}__sliders-preview`, `${baseClassName}--bg-alpha`])}>\n              <span\n                className={`${baseClassName}__sliders-preview-inner`}\n                style={{\n                  background: isGradient ? colorInstanceRef.current.linearGradient : colorInstanceRef.current.rgba,\n                }}\n              />\n            </div>\n          ) : null}\n        </div>\n\n        <FormatPanel\n          {...props}\n          {...baseProps}\n          format={formatRef.current}\n          onModeChange={handleFormatModeChange}\n          onInputChange={handleInputChange}\n        />\n        <SwatchesArea />\n      </div>\n    </div>\n  );\n});\n\nexport default React.memo(Panel);\n"],"names":["mathRound","Math","round","Panel","forwardRef","props","ref","baseClassName","useClassName","_useCommonClassName","useCommonClassName","STATUS","_useLocaleReceiver","useLocaleReceiver","_useLocaleReceiver2","_slicedToArray","local","t","value","disabled","onChange","_props$enableAlpha","enableAlpha","format","onPaletteBarChange","swatchColors","className","_props$style","style","togglePopup","closeBtn","_props$colorModes","colorModes","_props$showPrimaryCol","showPrimaryColorPreview","_useControlled","useControlled","_useControlled2","innerValue","setInnerValue","colorInstanceRef","useRef","Color","DEFAULT_COLOR","getmodeByColor","current","isGradient","_useState","useState","length","_useState2","mode","setMode","_useState3","_useState4","updateId","setUpdateId","update","useCallback","formatValue","linearGradient","getFormatsColorMap","css","emitColorChange","trigger","color","getColorObject","useEffect","newUniqColor","tinyColor","toRgb","r","g","b","a","newUniqRgbaColor","concat","newColor","formattedColor","currentColor","rgba","isInRightMode","formatRef","onRecentColorsChange","_useControlled3","defaultRecentColors","colorPickerDefaultProps","recentColors","_useControlled4","recentlyUsedColors","setRecentlyUsedColors","baseProps","handleModeChange","_colorInstanceRef$cur","gradientColors","DEFAULT_LINEAR_GRADIENT","handleRecentlyUsedColorsChange","colors","addRecentlyUsedColor","_toConsumableArray","_colorInstanceRef$cur2","index","indexOf","splice","unshift","TD_COLOR_USED_COLORS_MAX_SIZE","handleSaturationChange","saturation","_ref","_colorInstanceRef$cur3","sat","val","changeTrigger","handleHUEChange","hue","handleAlphaChange","alpha","handleGradientChange","key","_ref2","payload","gradientDegree","gradientSelectedId","prevId","handleFormatModeChange","handleInputChange","input","SwatchesArea","React","memo","_systemColors","showUsedColors","systemColors","DEFAULT_SYSTEM_SWATCH_COLORS","showSystemColors","handleSetColor","isGradientValue","isGradientColor","includes","updateCurrentGradientColor","console","warn","createElement","SwatchesPanel","_objectSpread","title","recentColorTitle","editable","handleAddColor","onSetColor","swatchColorTitle","classNames","onClick","e","stopPropagation","PanelHeader","onModeChange","LinearGradient","SaturationPanel","HUESlider","AlphaSlider","background","FormatPanel","onInputChange"],"mappings":"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"}

package/cjs/color-picker/components/panel/linear-gradient.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const _default: React.MemoExoticComponent<(props: any) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: any) => JSX.Element>;
 export default _default;