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

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

@@ -0,0 +1,448 @@
+/**
+ * tdesign v0.31.1
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var defineProperty = require('../../../_chunks/dep-3698c913.js');
+var toConsumableArray = require('../../../_chunks/dep-cfccf5fd.js');
+var slicedToArray = require('../../../_chunks/dep-58293904.js');
+var React = require('react');
+var classNames = require('classnames');
+var _util_useCommonClassName = require('../../../_util/useCommonClassName.js');
+var _util_useDefault = require('../../../_util/useDefault.js');
+var locale_LocalReceiver = require('../../../locale/LocalReceiver.js');
+var colorPicker_hooks_useClassname = require('../../hooks/useClassname.js');
+var colorPicker_components_panel_header = require('./header.js');
+var _common_js_colorPicker_color = require('../../../_common/js/color-picker/color.js');
+var colorPicker_const = require('../../const.js');
+var colorPicker_components_panel_linearGradient = require('./linear-gradient.js');
+var colorPicker_components_panel_saturation = require('./saturation.js');
+var colorPicker_components_panel_hue = require('./hue.js');
+var colorPicker_components_panel_alpha = require('./alpha.js');
+var colorPicker_components_panel_format_index = require('./format/index.js');
+var colorPicker_components_panel_swatches = require('./swatches.js');
+require('../../../_chunks/dep-5d0f89c3.js');
+require('../../../_util/useConfig.js');
+require('../../../_chunks/dep-360d6b7f.js');
+require('../../../_chunks/dep-f1535ead.js');
+require('../../../_chunks/dep-1717cdf1.js');
+require('../../../_chunks/dep-48820d0f.js');
+require('../../../_chunks/dep-97e5708c.js');
+require('../../../_chunks/dep-b5416abb.js');
+require('../../../_chunks/dep-927824d3.js');
+require('../../../_chunks/dep-49701a36.js');
+require('../../../_chunks/dep-d11b4401.js');
+require('../../../_chunks/dep-a57e90f3.js');
+require('../../../_chunks/dep-3dc60caf.js');
+require('../../../_chunks/dep-b2e56ab4.js');
+require('../../../_chunks/dep-670e8110.js');
+require('../../../_chunks/dep-95793ccd.js');
+require('../../../_chunks/dep-9025380b.js');
+require('../../../_chunks/dep-987d705b.js');
+require('../../../_chunks/dep-fc4dab29.js');
+require('../../../_chunks/dep-98e0931c.js');
+require('../../../_chunks/dep-8e0a758c.js');
+require('../../../_chunks/dep-83b2f1b6.js');
+require('../../../_common/js/global-config/locale/zh_CN.js');
+require('../../../config-provider/zh_CN_config.js');
+require('../../../_util/noop.js');
+require('tdesign-icons-react');
+require('../../../radio/index.js');
+require('../../../_chunks/dep-1c21c0cf.js');
+require('../../../_util/forwardRefWithStatics.js');
+require('hoist-non-react-statics');
+require('../../../common/Check.js');
+require('../../../_chunks/dep-b60bba5d.js');
+require('../../../_util/helper.js');
+require('../../../_chunks/dep-0cd38120.js');
+require('../../../_chunks/dep-e056a03c.js');
+require('../../../_chunks/dep-58c8f5ef.js');
+require('../../../_chunks/dep-30bc8f66.js');
+require('../../../_chunks/dep-c16d1840.js');
+require('../../../_util/useMutationObserver.js');
+require('../../../_chunks/dep-2f5bd56c.js');
+require('../../../_chunks/dep-98a02d25.js');
+require('../../../_chunks/dep-8c8337be.js');
+require('tinycolor2');
+require('../../../_common/js/color-picker/cmyk.js');
+require('../../../_common/js/color-picker/gradient.js');
+require('../../../_chunks/dep-2b1e5fb0.js');
+require('../../../_chunks/dep-418ace5a.js');
+require('../../../_chunks/dep-29c8dea3.js');
+require('../../../_chunks/dep-5c7065a8.js');
+require('../../../_chunks/dep-67fe4c06.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-e03ace63.js');
+require('../../../_util/easing.js');
+require('../../../input-number/StepHandler.js');
+require('../../../button/index.js');
+require('../../../button/Button.js');
+require('../../../_util/useRipple.js');
+require('../../../_util/useAnimation.js');
+require('../../../_util/setStyle.js');
+require('../../../loading/index.js');
+require('../../../loading/Loading.js');
+require('../../../common/Portal.js');
+require('react-dom');
+require('../../../loading/gradient.js');
+require('../../../_common/js/loading/circle-adapter.js');
+require('../../../_common/js/utils/set-style.js');
+require('../../../_common/js/utils/helper.js');
+require('../../../loading/plugin.js');
+require('../../../input-number/utils/numberUtils.js');
+require('../../../input/index.js');
+require('../../../input/Input.js');
+require('../../../input/InputGroup.js');
+require('../../../_util/useDefaultValue.js');
+require('../../../_util/useDrag.js');
+require('./slider.js');
+require('lodash');
+require('../../../select/index.js');
+require('../../../select/base/Select.js');
+require('../../../_chunks/dep-fad74605.js');
+require('../../../_chunks/dep-5e9977b7.js');
+require('../../../select/util/helper.js');
+require('../../../select/base/OptionGroup.js');
+require('../../../select/base/Option.js');
+require('../../../_chunks/dep-f19c35e4.js');
+require('../../../common/FakeArrow.js');
+require('../../../select-input/index.js');
+require('../../../select-input/SelectInput.js');
+require('../../../popup/index.js');
+require('../../../popup/Popup.js');
+require('react-transition-group');
+require('react-popper');
+require('../../../_util/composeRefs.js');
+require('../../../popup/hooks/useTriggerProps.js');
+require('../../../_util/useClickOutside.js');
+require('../../../popup/utils/getTransitionParams.js');
+require('../../../_util/useWindowSize.js');
+require('../../../select-input/useSingle.js');
+require('../../../_chunks/dep-dba23adb.js');
+require('../../../_chunks/dep-e9aa1e84.js');
+require('../../../_chunks/dep-faff3a04.js');
+require('../../../_chunks/dep-eca0275e.js');
+require('../../../select-input/useMultiple.js');
+require('../../../tag-input/index.js');
+require('../../../tag-input/TagInput.js');
+require('../../../_util/useDragSorter.js');
+require('../../../tag-input/useTagScroll.js');
+require('../../../tag-input/useTagList.js');
+require('../../../tag/index.js');
+require('../../../tag/Tag.js');
+require('../../../tag/CheckTag.js');
+require('../../../tag-input/useHover.js');
+require('../../../select-input/useOverlayStyle.js');
+require('../../../select/base/PopupContent.js');
+require('./format/inputs.js');
+require('./format/config.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+
+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._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__*/React.forwardRef(function (props, ref) {
+  var baseClassName = colorPicker_hooks_useClassname["default"]();
+
+  var _useCommonClassName = _util_useCommonClassName["default"](),
+      STATUS = _useCommonClassName.STATUS;
+
+  var _useLocaleReceiver = locale_LocalReceiver.useLocaleReceiver("colorPicker"),
+      _useLocaleReceiver2 = slicedToArray._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 = _util_useDefault["default"](value, defaultValue, onChange),
+      _useDefault2 = slicedToArray._slicedToArray(_useDefault, 2),
+      innerValue = _useDefault2[0],
+      setInnerValue = _useDefault2[1];
+
+  var colorInstanceRef = React.useRef(new _common_js_colorPicker_color.Color(innerValue || colorPicker_const.DEFAULT_COLOR));
+  React.useEffect(function () {
+    colorInstanceRef.current.update(defaultValue || colorPicker_const.DEFAULT_COLOR);
+  }, [defaultValue]);
+  var getmodeByColor = colorInstanceRef.current.isGradient ? "linear-gradient" : "monochrome";
+
+  var _useState = React.useState("monochrome"),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      mode = _useState2[0],
+      setMode = _useState2[1];
+
+  React.useEffect(function () {
+    if (colorModes.length === 1) {
+      setMode(colorModes[0]);
+    } else {
+      setMode(getmodeByColor);
+    }
+  }, [colorModes, getmodeByColor]);
+  var formatRef = React.useRef(colorInstanceRef.current.isGradient ? "CSS" : "RGB");
+  var recentColors = props.recentColors,
+      defaultRecentColors = props.defaultRecentColors,
+      onRecentColorsChange = props.onRecentColorsChange;
+
+  var _useDefault3 = _util_useDefault["default"](recentColors, defaultRecentColors, onRecentColorsChange),
+      _useDefault4 = slicedToArray._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 _common_js_colorPicker_color.Color(gradientColors.length > 0 ? linearGradient : colorPicker_const.DEFAULT_LINEAR_GRADIENT);
+      return;
+    }
+
+    colorInstanceRef.current = new _common_js_colorPicker_color.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._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 > colorPicker_const.TD_COLOR_USED_COLORS_MAX_SIZE) {
+      colors.length = colorPicker_const.TD_COLOR_USED_COLORS_MAX_SIZE;
+    }
+
+    handleRecentlyUsedColorsChange(colors);
+  };
+
+  var emitColorChange = function emitColorChange(trigger) {
+    setInnerValue(formatValue(), {
+      color: _common_js_colorPicker_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: _common_js_colorPicker_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: _common_js_colorPicker_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__default["default"].memo(function () {
+    var _systemColors;
+
+    var showUsedColors = recentColors !== null && recentColors !== false;
+    var systemColors = swatchColors;
+
+    if (systemColors === void 0) {
+      systemColors = toConsumableArray._toConsumableArray(colorPicker_const.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 = _common_js_colorPicker_color.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__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */React__default["default"].createElement("div", {
+      className: "".concat(baseClassName, "__swatches-wrap")
+    }, showUsedColors && /* @__PURE__ */React__default["default"].createElement(colorPicker_components_panel_swatches["default"], _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__default["default"].createElement(colorPicker_components_panel_swatches["default"], _objectSpread(_objectSpread({}, baseProps), {}, {
+      title: t(local.swatchColorTitle),
+      colors: systemColors,
+      onSetColor: function onSetColor(color) {
+        return handleSetColor(color);
+      }
+    }))));
+  });
+  return /* @__PURE__ */React__default["default"].createElement("div", {
+    className: classNames__default["default"]("".concat(baseClassName, "__panel"), disabled ? STATUS.disabled : false, className),
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    },
+    style: _objectSpread({}, style),
+    ref: ref
+  }, /* @__PURE__ */React__default["default"].createElement(colorPicker_components_panel_header["default"], {
+    baseClassName: baseClassName,
+    mode: mode,
+    colorModes: colorModes,
+    closeBtn: closeBtn,
+    togglePopup: togglePopup,
+    onModeChange: handleModeChange
+  }), /* @__PURE__ */React__default["default"].createElement("div", {
+    className: "".concat(baseClassName, "__body")
+  }, mode === "linear-gradient" && /* @__PURE__ */React__default["default"].createElement(colorPicker_components_panel_linearGradient["default"], _objectSpread(_objectSpread({}, baseProps), {}, {
+    onChange: handleGradientChange
+  })), /* @__PURE__ */React__default["default"].createElement(colorPicker_components_panel_saturation["default"], _objectSpread(_objectSpread({}, baseProps), {}, {
+    onChange: handleSaturationChange
+  })), /* @__PURE__ */React__default["default"].createElement(colorPicker_components_panel_hue["default"], _objectSpread(_objectSpread({}, baseProps), {}, {
+    onChange: handleHUEChange
+  })), enableAlpha && /* @__PURE__ */React__default["default"].createElement(colorPicker_components_panel_alpha["default"], _objectSpread(_objectSpread({}, baseProps), {}, {
+    onChange: handleAlphaChange
+  })), /* @__PURE__ */React__default["default"].createElement(colorPicker_components_panel_format_index["default"], _objectSpread(_objectSpread(_objectSpread({}, props), baseProps), {}, {
+    format: formatRef.current,
+    onModeChange: handleFormatModeChange,
+    onInputChange: handleInputChange
+  })), /* @__PURE__ */React__default["default"].createElement(SwatchesArea, null)));
+});
+var ColorPanel = /*#__PURE__*/React__default["default"].memo(Panel);
+
+exports["default"] = ColorPanel;
+//# sourceMappingURL=index.js.map

package/lib/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","_slicedToArray","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","_toConsumableArray","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/lib/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;