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

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

@@ -0,0 +1,456 @@
+/**
+ * tdesign v0.31.1
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import { _ as _defineProperty } from '../../../_chunks/dep-1628aaec.js';
+import { _ as _toConsumableArray } from '../../../_chunks/dep-3cf23cb4.js';
+import { _ as _slicedToArray } from '../../../_chunks/dep-aca05d9d.js';
+import React, { forwardRef, useRef, useEffect, useState } from 'react';
+import classNames from 'classnames';
+import useCommonClassName from '../../../_util/useCommonClassName.js';
+import useDefault from '../../../_util/useDefault.js';
+import { useLocaleReceiver } from '../../../locale/LocalReceiver.js';
+import useClassname from '../../hooks/useClassname.js';
+import PanelHeader from './header.js';
+import { Color, getColorObject } from '../../../_common/js/color-picker/color.js';
+import { DEFAULT_COLOR, DEFAULT_LINEAR_GRADIENT, TD_COLOR_USED_COLORS_MAX_SIZE, DEFAULT_SYSTEM_SWATCH_COLORS } from '../../const.js';
+import LinearGradient from './linear-gradient.js';
+import SaturationPanel from './saturation.js';
+import HUESlider from './hue.js';
+import AlphaSlider from './alpha.js';
+import FormatPanel from './format/index.js';
+import SwatchesPanel from './swatches.js';
+import '../../../_chunks/dep-85a9595a.js';
+import '../../../_util/useConfig.js';
+import '../../../_chunks/dep-bbad8591.js';
+import '../../../_chunks/dep-8702aba9.js';
+import '../../../_chunks/dep-e9e7c24f.js';
+import '../../../_chunks/dep-c47502ef.js';
+import '../../../_chunks/dep-3a2f4bdf.js';
+import '../../../_chunks/dep-d51fd958.js';
+import '../../../_chunks/dep-db8880c0.js';
+import '../../../_chunks/dep-8efaaac0.js';
+import '../../../_chunks/dep-d539b435.js';
+import '../../../_chunks/dep-2b0021c1.js';
+import '../../../_chunks/dep-09299e3f.js';
+import '../../../_chunks/dep-23b2574f.js';
+import '../../../_chunks/dep-a1403158.js';
+import '../../../_chunks/dep-c03c5f48.js';
+import '../../../_chunks/dep-9b67144e.js';
+import '../../../_chunks/dep-d038aaf3.js';
+import '../../../_chunks/dep-00728537.js';
+import '../../../_chunks/dep-32abd81f.js';
+import '../../../_chunks/dep-f3e5eb4b.js';
+import '../../../_chunks/dep-ae52f85e.js';
+import '../../../_chunks/dep-63ed508e.js';
+import '../../../_chunks/dep-155571ca.js';
+import '../../../_chunks/dep-81670ae9.js';
+import '../../../locale/zh_CN.js';
+import '../../../_common/js/global-config/locale/zh_CN.js';
+import '../../../config-provider/zh_CN_config.js';
+import '../../../_util/noop.js';
+import '../../../config-provider/index.js';
+import '../../../config-provider/ConfigProvider.js';
+import 'tdesign-icons-react';
+import '../../../radio/index.js';
+import '../../../_chunks/dep-07385e51.js';
+import '../../../_util/forwardRefWithStatics.js';
+import 'hoist-non-react-statics';
+import '../../../common/Check.js';
+import '../../../_chunks/dep-ea842483.js';
+import '../../../_util/helper.js';
+import '../../../_chunks/dep-e0790d2e.js';
+import '../../../_chunks/dep-020d9062.js';
+import '../../../_chunks/dep-fd1b4e24.js';
+import '../../../_chunks/dep-0d23bb2c.js';
+import '../../../_chunks/dep-db65b23a.js';
+import '../../../_util/useMutationObserver.js';
+import '../../../_chunks/dep-be94af1f.js';
+import '../../../_chunks/dep-5e457cfd.js';
+import './style/css.js';
+import '../../../radio/type.js';
+import '../../../_chunks/dep-926c2765.js';
+import 'tinycolor2';
+import '../../../_common/js/color-picker/cmyk.js';
+import '../../../_common/js/color-picker/gradient.js';
+import '../../../_chunks/dep-9926d76f.js';
+import '../../../_chunks/dep-cdbc448f.js';
+import '../../../_chunks/dep-d17dffc0.js';
+import '../../../_chunks/dep-6bf856c2.js';
+import '../../../_chunks/dep-d820193b.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-c9e242b1.js';
+import '../../../_util/easing.js';
+import '../../../input-number/StepHandler.js';
+import '../../../button/index.js';
+import '../../../button/Button.js';
+import '../../../_util/useRipple.js';
+import '../../../_util/useAnimation.js';
+import '../../../_util/setStyle.js';
+import '../../../loading/index.js';
+import '../../../loading/Loading.js';
+import '../../../common/Portal.js';
+import 'react-dom';
+import '../../../loading/gradient.js';
+import '../../../_common/js/loading/circle-adapter.js';
+import '../../../_common/js/utils/set-style.js';
+import '../../../_common/js/utils/helper.js';
+import '../../../loading/plugin.js';
+import '../../../loading/type.js';
+import '../../../button/type.js';
+import '../../../input-number/utils/numberUtils.js';
+import '../../../input/index.js';
+import '../../../input/Input.js';
+import '../../../input/InputGroup.js';
+import '../../../_util/useDefaultValue.js';
+import '../../../input/type.js';
+import '../../../input-number/type.js';
+import '../../../_util/useDrag.js';
+import './slider.js';
+import 'lodash';
+import '../../../select/index.js';
+import '../../../select/base/Select.js';
+import '../../../_chunks/dep-83cb7911.js';
+import '../../../_chunks/dep-83177e8d.js';
+import '../../../select/util/helper.js';
+import '../../../select/base/OptionGroup.js';
+import '../../../select/base/Option.js';
+import '../../../_chunks/dep-cf0a5e4d.js';
+import '../../../common/FakeArrow.js';
+import '../../../select-input/index.js';
+import '../../../select-input/SelectInput.js';
+import '../../../popup/index.js';
+import '../../../popup/Popup.js';
+import 'react-transition-group';
+import 'react-popper';
+import '../../../_util/composeRefs.js';
+import '../../../popup/hooks/useTriggerProps.js';
+import '../../../_util/useClickOutside.js';
+import '../../../popup/utils/getTransitionParams.js';
+import '../../../_util/useWindowSize.js';
+import '../../../popup/type.js';
+import '../../../select-input/useSingle.js';
+import '../../../_chunks/dep-41ddaf4d.js';
+import '../../../_chunks/dep-3ce0d185.js';
+import '../../../_chunks/dep-b1d1fc8a.js';
+import '../../../_chunks/dep-65dde75f.js';
+import '../../../select-input/useMultiple.js';
+import '../../../tag-input/index.js';
+import '../../../tag-input/TagInput.js';
+import '../../../_util/useDragSorter.js';
+import '../../../tag-input/useTagScroll.js';
+import '../../../tag-input/useTagList.js';
+import '../../../tag/index.js';
+import '../../../tag/Tag.js';
+import '../../../tag/CheckTag.js';
+import '../../../tag/type.js';
+import '../../../tag-input/useHover.js';
+import '../../../tag-input/type.js';
+import '../../../select-input/useOverlayStyle.js';
+import '../../../select-input/type.js';
+import '../../../select/base/PopupContent.js';
+import '../../../select/type.js';
+import './format/inputs.js';
+import './format/config.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Panel = /*#__PURE__*/forwardRef(function (props, ref) {
+  var baseClassName = useClassname();
+
+  var _useCommonClassName = useCommonClassName(),
+      STATUS = _useCommonClassName.STATUS;
+
+  var _useLocaleReceiver = useLocaleReceiver("colorPicker"),
+      _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 2),
+      local = _useLocaleReceiver2[0],
+      t = _useLocaleReceiver2[1];
+
+  var disabled = props.disabled,
+      value = props.value,
+      defaultValue = props.defaultValue,
+      onChange = props.onChange,
+      _props$enableAlpha = props.enableAlpha,
+      enableAlpha = _props$enableAlpha === void 0 ? false : _props$enableAlpha,
+      format = props.format,
+      onPaletteBarChange = props.onPaletteBarChange,
+      swatchColors = props.swatchColors,
+      className = props.className,
+      _props$style = props.style,
+      style = _props$style === void 0 ? {} : _props$style,
+      togglePopup = props.togglePopup,
+      closeBtn = props.closeBtn,
+      _props$colorModes = props.colorModes,
+      colorModes = _props$colorModes === void 0 ? ["linear-gradient", "monochrome"] : _props$colorModes;
+
+  var _useDefault = useDefault(value, defaultValue, onChange),
+      _useDefault2 = _slicedToArray(_useDefault, 2),
+      innerValue = _useDefault2[0],
+      setInnerValue = _useDefault2[1];
+
+  var colorInstanceRef = useRef(new Color(innerValue || DEFAULT_COLOR));
+  useEffect(function () {
+    colorInstanceRef.current.update(defaultValue || DEFAULT_COLOR);
+  }, [defaultValue]);
+  var getmodeByColor = colorInstanceRef.current.isGradient ? "linear-gradient" : "monochrome";
+
+  var _useState = useState("monochrome"),
+      _useState2 = _slicedToArray(_useState, 2),
+      mode = _useState2[0],
+      setMode = _useState2[1];
+
+  useEffect(function () {
+    if (colorModes.length === 1) {
+      setMode(colorModes[0]);
+    } else {
+      setMode(getmodeByColor);
+    }
+  }, [colorModes, getmodeByColor]);
+  var formatRef = useRef(colorInstanceRef.current.isGradient ? "CSS" : "RGB");
+  var recentColors = props.recentColors,
+      defaultRecentColors = props.defaultRecentColors,
+      onRecentColorsChange = props.onRecentColorsChange;
+
+  var _useDefault3 = useDefault(recentColors, defaultRecentColors, onRecentColorsChange),
+      _useDefault4 = _slicedToArray(_useDefault3, 2),
+      recentlyUsedColors = _useDefault4[0],
+      setRecentlyUsedColors = _useDefault4[1];
+
+  var baseProps = {
+    color: colorInstanceRef.current,
+    disabled: disabled,
+    baseClassName: baseClassName
+  };
+
+  var handleModeChange = function handleModeChange(value2) {
+    setMode(value2);
+    var _colorInstanceRef$cur = colorInstanceRef.current,
+        rgba = _colorInstanceRef$cur.rgba,
+        gradientColors = _colorInstanceRef$cur.gradientColors,
+        linearGradient = _colorInstanceRef$cur.linearGradient;
+
+    if (value2 === "linear-gradient") {
+      colorInstanceRef.current = new Color(gradientColors.length > 0 ? linearGradient : DEFAULT_LINEAR_GRADIENT);
+      return;
+    }
+
+    colorInstanceRef.current = new Color(rgba);
+  };
+
+  var formatValue = function formatValue() {
+    if (mode === "linear-gradient") {
+      return colorInstanceRef.current.linearGradient;
+    }
+
+    return colorInstanceRef.current.getFormatsColorMap()[format] || colorInstanceRef.current.css;
+  };
+
+  var handleRecentlyUsedColorsChange = function handleRecentlyUsedColorsChange(colors) {
+    setRecentlyUsedColors(colors);
+  };
+
+  var addRecentlyUsedColor = function addRecentlyUsedColor() {
+    if (recentlyUsedColors === null || recentlyUsedColors === false) {
+      return;
+    }
+
+    var colors = _toConsumableArray(recentlyUsedColors || []);
+
+    var _colorInstanceRef$cur2 = colorInstanceRef.current,
+        isGradient = _colorInstanceRef$cur2.isGradient,
+        linearGradient = _colorInstanceRef$cur2.linearGradient,
+        rgba = _colorInstanceRef$cur2.rgba;
+    var currentColor = isGradient ? linearGradient : rgba;
+    var index = colors.indexOf(currentColor);
+
+    if (index > -1) {
+      colors.splice(index, 1);
+    }
+
+    colors.unshift(currentColor);
+
+    if (colors.length > TD_COLOR_USED_COLORS_MAX_SIZE) {
+      colors.length = TD_COLOR_USED_COLORS_MAX_SIZE;
+    }
+
+    handleRecentlyUsedColorsChange(colors);
+  };
+
+  var emitColorChange = function emitColorChange(trigger) {
+    setInnerValue(formatValue(), {
+      color: getColorObject(colorInstanceRef.current),
+      trigger: trigger || "palette-saturation-brightness"
+    });
+  };
+
+  var handleSaturationChange = function handleSaturationChange(_ref) {
+    var saturation = _ref.saturation,
+        value2 = _ref.value;
+    var _colorInstanceRef$cur3 = colorInstanceRef.current,
+        sat = _colorInstanceRef$cur3.saturation,
+        val = _colorInstanceRef$cur3.value;
+    var changeTrigger = "palette-saturation-brightness";
+    colorInstanceRef.current.saturation = saturation;
+    colorInstanceRef.current.value = value2;
+
+    if (value2 !== val && saturation !== sat) {
+      changeTrigger = "palette-saturation-brightness";
+    } else if (saturation !== sat) {
+      changeTrigger = "palette-saturation";
+    } else if (value2 !== val) {
+      changeTrigger = "palette-brightness";
+    } else {
+      return;
+    }
+
+    emitColorChange(changeTrigger);
+  };
+
+  var handleHUEChange = function handleHUEChange(hue) {
+    colorInstanceRef.current.hue = hue;
+    emitColorChange("palette-hue-bar");
+    onPaletteBarChange === null || onPaletteBarChange === void 0 ? void 0 : onPaletteBarChange({
+      color: getColorObject(colorInstanceRef.current)
+    });
+  };
+
+  var handleAlphaChange = function handleAlphaChange(alpha) {
+    colorInstanceRef.current.alpha = alpha;
+    emitColorChange("palette-alpha-bar");
+    onPaletteBarChange === null || onPaletteBarChange === void 0 ? void 0 : onPaletteBarChange({
+      color: getColorObject(colorInstanceRef.current)
+    });
+  };
+
+  var handleGradientChange = function handleGradientChange(_ref2) {
+    var key = _ref2.key,
+        payload = _ref2.payload;
+    var trigger = "palette-saturation-brightness";
+
+    switch (key) {
+      case "degree":
+        colorInstanceRef.current.gradientDegree = payload;
+        trigger = "input";
+        break;
+
+      case "selectedId":
+        colorInstanceRef.current.gradientSelectedId = payload;
+        break;
+
+      case "colors":
+        colorInstanceRef.current.gradientColors = payload;
+        break;
+    }
+
+    emitColorChange(trigger);
+  };
+
+  var handleFormatModeChange = function handleFormatModeChange(format2) {
+    return formatRef.current = format2;
+  };
+
+  var handleInputChange = function handleInputChange(input, alpha) {
+    colorInstanceRef.current.update(input);
+    colorInstanceRef.current.alpha = alpha;
+    emitColorChange("input");
+  };
+
+  var SwatchesArea = /*#__PURE__*/React.memo(function () {
+    var _systemColors;
+
+    var showUsedColors = recentColors !== null && recentColors !== false;
+    var systemColors = swatchColors;
+
+    if (systemColors === void 0) {
+      systemColors = _toConsumableArray(DEFAULT_SYSTEM_SWATCH_COLORS);
+    }
+
+    var showSystemColors = ((_systemColors = systemColors) === null || _systemColors === void 0 ? void 0 : _systemColors.length) > 0;
+
+    if (!showSystemColors && !showUsedColors) {
+      return null;
+    }
+
+    var handleSetColor = function handleSetColor(value2) {
+      var isGradientValue = Color.isGradientColor(value2);
+      var color = colorInstanceRef.current;
+
+      if (isGradientValue) {
+        if (colorModes.includes("linear-gradient")) {
+          setMode("linear-gradient");
+          color.update(value2);
+          color.updateCurrentGradientColor();
+        } else {
+          console.warn("\u8BE5\u6A21\u5F0F\u4E0D\u652F\u6301\u6E10\u53D8\u8272");
+        }
+      } else if (mode === "linear-gradient") {
+        color.updateStates(value2);
+        color.updateCurrentGradientColor();
+      } else {
+        color.update(value2);
+      }
+
+      emitColorChange();
+    };
+
+    return /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement("div", {
+      className: "".concat(baseClassName, "__swatches-wrap")
+    }, showUsedColors && /* @__PURE__ */React.createElement(SwatchesPanel, _objectSpread(_objectSpread({}, baseProps), {}, {
+      title: t(local.recentColorTitle),
+      editable: true,
+      handleAddColor: addRecentlyUsedColor,
+      colors: recentlyUsedColors,
+      onSetColor: function onSetColor(color) {
+        return handleSetColor(color);
+      },
+      onChange: handleRecentlyUsedColorsChange
+    })), showSystemColors && /* @__PURE__ */React.createElement(SwatchesPanel, _objectSpread(_objectSpread({}, baseProps), {}, {
+      title: t(local.swatchColorTitle),
+      colors: systemColors,
+      onSetColor: function onSetColor(color) {
+        return handleSetColor(color);
+      }
+    }))));
+  });
+  return /* @__PURE__ */React.createElement("div", {
+    className: classNames("".concat(baseClassName, "__panel"), disabled ? STATUS.disabled : false, className),
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    },
+    style: _objectSpread({}, style),
+    ref: ref
+  }, /* @__PURE__ */React.createElement(PanelHeader, {
+    baseClassName: baseClassName,
+    mode: mode,
+    colorModes: colorModes,
+    closeBtn: closeBtn,
+    togglePopup: togglePopup,
+    onModeChange: handleModeChange
+  }), /* @__PURE__ */React.createElement("div", {
+    className: "".concat(baseClassName, "__body")
+  }, mode === "linear-gradient" && /* @__PURE__ */React.createElement(LinearGradient, _objectSpread(_objectSpread({}, baseProps), {}, {
+    onChange: handleGradientChange
+  })), /* @__PURE__ */React.createElement(SaturationPanel, _objectSpread(_objectSpread({}, baseProps), {}, {
+    onChange: handleSaturationChange
+  })), /* @__PURE__ */React.createElement(HUESlider, _objectSpread(_objectSpread({}, baseProps), {}, {
+    onChange: handleHUEChange
+  })), enableAlpha && /* @__PURE__ */React.createElement(AlphaSlider, _objectSpread(_objectSpread({}, baseProps), {}, {
+    onChange: handleAlphaChange
+  })), /* @__PURE__ */React.createElement(FormatPanel, _objectSpread(_objectSpread(_objectSpread({}, props), baseProps), {}, {
+    format: formatRef.current,
+    onModeChange: handleFormatModeChange,
+    onInputChange: handleInputChange
+  })), /* @__PURE__ */React.createElement(SwatchesArea, null)));
+});
+var ColorPanel = /*#__PURE__*/React.memo(Panel);
+
+export { ColorPanel as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/color-picker/components/panel/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, forwardRef, MutableRefObject } from 'react';\nimport classNames from 'classnames';\nimport useCommonClassName from '../../../_util/useCommonClassName';\nimport useDefault from '../../../_util/useDefault';\nimport { useLocaleReceiver } from '../../../locale/LocalReceiver';\nimport useClassname from '../../hooks/useClassname';\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 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 Panel = forwardRef((props: ColorPickerProps, ref: MutableRefObject<HTMLDivElement>) => {\n  const baseClassName = useClassname();\n  const { STATUS } = useCommonClassName();\n  const [local, t] = useLocaleReceiver('colorPicker');\n  const {\n    disabled,\n    value,\n    defaultValue,\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  } = props;\n  const [innerValue, setInnerValue] = useDefault(value, defaultValue, onChange);\n  const colorInstanceRef = useRef<Color>(new Color(innerValue || DEFAULT_COLOR));\n\n  useEffect(() => {\n    colorInstanceRef.current.update(defaultValue || DEFAULT_COLOR);\n  }, [defaultValue]);\n\n  const getmodeByColor = colorInstanceRef.current.isGradient ? 'linear-gradient' : 'monochrome';\n  const [mode, setMode] = useState<TdColorModes>('monochrome');\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 { recentColors, defaultRecentColors, onRecentColorsChange } = props;\n  const [recentlyUsedColors, setRecentlyUsedColors] = useDefault(\n    recentColors,\n    defaultRecentColors,\n    onRecentColorsChange,\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 formatValue = () => {\n    // 渐变模式下直接输出css样式\n    if (mode === 'linear-gradient') {\n      return colorInstanceRef.current.linearGradient;\n    }\n\n    return colorInstanceRef.current.getFormatsColorMap()[format] || colorInstanceRef.current.css;\n  };\n\n  // 最近使用颜色变更时触发\n  const handleRecentlyUsedColorsChange = (colors: string[]) => {\n    setRecentlyUsedColors(colors);\n  };\n\n  // 添加最近使用颜色\n  const addRecentlyUsedColor = () => {\n    if (recentlyUsedColors === null || recentlyUsedColors === false) {\n      return;\n    }\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  const emitColorChange = (trigger?: ColorPickerChangeTrigger) => {\n    setInnerValue(formatValue(), {\n      color: getColorObject(colorInstanceRef.current),\n      trigger: trigger || 'palette-saturation-brightness',\n    });\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    colorInstanceRef.current.saturation = saturation;\n    colorInstanceRef.current.value = value;\n\n    if (value !== val && saturation !== sat) {\n      changeTrigger = 'palette-saturation-brightness';\n    } else if (saturation !== sat) {\n      changeTrigger = 'palette-saturation';\n    } else if (value !== val) {\n      changeTrigger = 'palette-brightness';\n    } else {\n      return;\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        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    colorInstanceRef.current.update(input);\n    colorInstanceRef.current.alpha = alpha;\n    emitColorChange('input');\n  };\n\n  // 渲染预设颜色区域\n  const SwatchesArea = React.memo(() => {\n    // 最近使用颜色\n    const showUsedColors = recentColors !== null && recentColors !== 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) => {\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        color.updateStates(value);\n        color.updateCurrentGradientColor();\n      } else {\n        color.update(value);\n      }\n      emitColorChange();\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)}\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)}\n            />\n          )}\n        </div>\n      </>\n    );\n  });\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        {mode === 'linear-gradient' && <LinearGradient {...baseProps} onChange={handleGradientChange} />}\n        <SaturationPanel {...baseProps} onChange={handleSaturationChange} />\n        <HUESlider {...baseProps} onChange={handleHUEChange} />\n        {enableAlpha && <AlphaSlider {...baseProps} onChange={handleAlphaChange} />}\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":["Panel","forwardRef","props","ref","baseClassName","useClassname","useCommonClassName","STATUS","useLocaleReceiver","local","t","disabled","value","defaultValue","onChange","enableAlpha","format","onPaletteBarChange","swatchColors","className","style","togglePopup","closeBtn","colorModes","useDefault","innerValue","setInnerValue","colorInstanceRef","useRef","Color","DEFAULT_COLOR","useEffect","current","update","getmodeByColor","isGradient","useState","mode","setMode","length","formatRef","recentColors","defaultRecentColors","onRecentColorsChange","recentlyUsedColors","setRecentlyUsedColors","baseProps","color","handleModeChange","value2","rgba","gradientColors","linearGradient","DEFAULT_LINEAR_GRADIENT","formatValue","getFormatsColorMap","css","handleRecentlyUsedColorsChange","colors","addRecentlyUsedColor","currentColor","index","indexOf","splice","unshift","TD_COLOR_USED_COLORS_MAX_SIZE","emitColorChange","trigger","getColorObject","handleSaturationChange","saturation","sat","val","changeTrigger","handleHUEChange","hue","handleAlphaChange","alpha","handleGradientChange","key","payload","gradientDegree","gradientSelectedId","handleFormatModeChange","format2","handleInputChange","input","SwatchesArea","React","memo","showUsedColors","systemColors","DEFAULT_SYSTEM_SWATCH_COLORS","showSystemColors","handleSetColor","isGradientValue","isGradientColor","includes","updateCurrentGradientColor","console","warn","updateStates","createElement","Fragment","SwatchesPanel","title","recentColorTitle","editable","handleAddColor","onSetColor","swatchColorTitle","classNames","onClick","e","stopPropagation","PanelHeader","onModeChange","LinearGradient","SaturationPanel","HUESlider","AlphaSlider","FormatPanel","onInputChange"],"mappings":"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"}

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

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