tdesign-react 0.36.4 → 0.36.5-alpha.1

package/lib/color-picker/components/panel/linear-gradient.js

@@ -9,8 +9,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var toConsumableArray = require('../../../_chunks/dep-ce946c89.js');
+var slicedToArray = require('../../../_chunks/dep-d4e73fc5.js');
 var React = require('react');
-var cloneDeep = require('../../../_chunks/dep-64ca4fde.js');
+var cloneDeep = require('../../../_chunks/dep-a2f885f7.js');
 var classNames = require('classnames');
 var colorPicker_hooks_useClassname = require('../../hooks/useClassname.js');
 var _common_js_colorPicker_color = require('../../../_common/js/color-picker/color.js');
@@ -18,8 +19,8 @@ var _util_useCommonClassName = require('../../../_util/useCommonClassName.js');
 var colorPicker_const = require('../../const.js');
 var inputNumber_index = require('../../../input-number/index.js');
 require('../../../_chunks/dep-f29aa32b.js');
-require('../../../_chunks/dep-df355cac.js');
-require('../../../_chunks/dep-642f0e2c.js');
+require('../../../_chunks/dep-adb7015b.js');
+require('../../../_chunks/dep-eca70c7a.js');
 require('../../../_chunks/dep-2bb5f892.js');
 require('../../../_chunks/dep-e396ce6f.js');
 require('../../../_chunks/dep-9de51ffb.js');
@@ -29,7 +30,7 @@ require('../../../_chunks/dep-d51746f5.js');
 require('../../../_chunks/dep-a928c6eb.js');
 require('../../../_chunks/dep-10387a1b.js');
 require('../../../_chunks/dep-4c1065ab.js');
-require('../../../_chunks/dep-7573549b.js');
+require('../../../_chunks/dep-7507efba.js');
 require('../../../_chunks/dep-e06baa36.js');
 require('../../../_chunks/dep-b031ec68.js');
 require('../../../_chunks/dep-240837fa.js');
@@ -39,11 +40,11 @@ require('../../../_chunks/dep-5c590aae.js');
 require('../../../_chunks/dep-13a266ae.js');
 require('../../../_chunks/dep-4aabd3a7.js');
 require('../../../_chunks/dep-b591483e.js');
-require('../../../_chunks/dep-bfdd780c.js');
+require('../../../_chunks/dep-97c0525b.js');
 require('../../../_chunks/dep-ead1add6.js');
-require('../../../_chunks/dep-fd28f73e.js');
+require('../../../_chunks/dep-95eda683.js');
 require('../../../_util/useConfig.js');
-require('../../../_chunks/dep-8ea88154.js');
+require('../../../_chunks/dep-ead40170.js');
 require('../../../_chunks/dep-58be86b5.js');
 require('../../../_chunks/dep-85c92fb1.js');
 require('../../../_chunks/dep-fa1c0c3b.js');
@@ -51,7 +52,6 @@ require('../../../_chunks/dep-3010dc95.js');
 require('../../../_chunks/dep-e2e27808.js');
 require('../../../_common/js/global-config/locale/zh_CN.js');
 require('../../../_common/js/global-config/default-config.js');
-require('../../../_chunks/dep-d4e73fc5.js');
 require('../../../_chunks/dep-aa0097f7.js');
 require('tinycolor2');
 require('../../../_common/js/color-picker/cmyk.js');
@@ -125,11 +125,18 @@ var LinearGradient = function LinearGradient(props) {
   var isDragging = React.useRef(false);
   var isMoved = React.useRef(false);
   var degree = React.useRef(props.color.gradientDegree);
-  var selectedId = React.useRef(props.color.gradientSelectedId);
+
+  var _useState = React.useState(props.color.gradientSelectedId),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      selectedId = _useState2[0],
+      setSelectedId = _useState2[1];
+
+  var selectedRef = React.useRef(props.color.gradientSelectedId);
   var colors = React.useRef(cloneDeep.cloneDeep_1(color.gradientColors));
   React.useEffect(function () {
     degree.current = color === null || color === void 0 ? void 0 : color.gradientDegree;
-    selectedId.current = color.gradientSelectedId;
+    setSelectedId(color.gradientSelectedId);
+    selectedRef.current = color.gradientSelectedId;
     colors.current = cloneDeep.cloneDeep_1(color.gradientColors);
   }, [color]);
 
@@ -167,7 +174,8 @@ var LinearGradient = function LinearGradient(props) {
       return;
     }
 
-    selectedId.current = value;
+    setSelectedId(value);
+    selectedRef.current = value;
     handleChange("selectedId", value);
   };
 
@@ -181,7 +189,7 @@ var LinearGradient = function LinearGradient(props) {
   }, [props.disabled, handleChange]);
   var updateActiveThumbLeft = React.useCallback(function (left) {
     var index = colors.current.findIndex(function (c) {
-      return c.id === selectedId.current;
+      return c.id === selectedRef.current;
     });
 
     if (index === -1) {
@@ -206,6 +214,8 @@ var LinearGradient = function LinearGradient(props) {
       return;
     }
 
+    selectedRef.current = id;
+    setSelectedId(id);
     isMoved.current = false;
     isDragging.current = true;
     e.preventDefault();
@@ -246,7 +256,7 @@ var LinearGradient = function LinearGradient(props) {
     var points = toConsumableArray._toConsumableArray(colors.current);
 
     var pos = points.findIndex(function (c) {
-      return c.id === selectedId.current;
+      return c.id === selectedRef.current;
     });
     var length = points.length;
 
@@ -300,8 +310,9 @@ var LinearGradient = function LinearGradient(props) {
     degree: 90
   });
 
-  var handleClickThumb = function handleClickThumb(e) {
-    return e.stopPropagation();
+  var handleClickThumb = function handleClickThumb(e, t) {
+    handleSelectedIdChange(t.id);
+    e.stopPropagation();
   };
 
   return /* @__PURE__ */React__default["default"].createElement("div", {
@@ -322,14 +333,16 @@ var LinearGradient = function LinearGradient(props) {
   }, colors.current.map(function (t) {
     var left = "".concat(Math.round(t.left * 100) / 100, "%");
     return /* @__PURE__ */React__default["default"].createElement("li", {
-      className: classNames__default["default"](["".concat(baseClassName, "__thumb"), "gradient-thumbs__item", selectedId.current === t.id ? statusClassNames.active : ""]),
+      className: classNames__default["default"](["".concat(baseClassName, "__thumb"), "gradient-thumbs__item", selectedId === t.id ? statusClassNames.active : ""]),
       key: t.id,
       title: "".concat(t.color, " ").concat(left),
       style: {
         color: t.color,
         left: left
       },
-      onClick: handleClickThumb,
+      onClick: function onClick(e) {
+        return handleClickThumb(e, t);
+      },
       onMouseDown: function onMouseDown(e) {
         return handleStart(t.id, e);
       }

package/lib/color-picker/components/panel/linear-gradient.js.map

@@ -1 +1 @@
-{"version":3,"file":"linear-gradient.js","sources":["../../../../src/color-picker/components/panel/linear-gradient.tsx"],"sourcesContent":["import React, { KeyboardEvent, MouseEvent as ReactMouseEvent, useCallback, useEffect, useRef } from 'react';\nimport cloneDeep from 'lodash/cloneDeep';\nimport classNames from 'classnames';\nimport useClassname from '../../hooks/useClassname';\nimport { genGradientPoint, gradientColors2string } from '../../../_common/js/color-picker/color';\nimport { GradientColorPoint } from '../../../_common/js/color-picker/gradient';\nimport useCommonClassName from '../../../_util/useCommonClassName';\nimport { GRADIENT_SLIDER_DEFAULT_WIDTH } from '../../const';\nimport InputNumber from '../../../input-number';\n\nconst DELETE_KEYS: string[] = ['delete', 'backspace'];\n\ntype TSliderRect = {\n  left: number;\n  width: number;\n};\n\nconst LinearGradient = (props) => {\n  const { onChange, color, disabled } = props;\n  const baseClassName = useClassname();\n  const { STATUS: statusClassNames } = useCommonClassName();\n  const refSlider = useRef<HTMLDivElement>(null);\n  const sliderRectRef = useRef<TSliderRect>({\n    left: 0,\n    width: GRADIENT_SLIDER_DEFAULT_WIDTH,\n  });\n  const isDragging = useRef<Boolean>(false);\n  const isMoved = useRef<Boolean>(false);\n  const degree = useRef(props.color.gradientDegree);\n  const selectedId = useRef(props.color.gradientSelectedId);\n  const colors = useRef<GradientColorPoint[]>(cloneDeep(color.gradientColors));\n\n  useEffect(() => {\n    degree.current = color?.gradientDegree;\n    selectedId.current = color.gradientSelectedId;\n    colors.current = cloneDeep(color.gradientColors);\n  }, [color]);\n\n  const updateSliderRect = () => {\n    const rect = refSlider.current.getBoundingClientRect();\n    sliderRectRef.current = {\n      left: rect.left,\n      width: rect.width || GRADIENT_SLIDER_DEFAULT_WIDTH,\n    };\n  };\n\n  const handleChange = useCallback(\n    (key: 'degree' | 'selectedId' | 'colors', payload: any, addUsedColor?: boolean) => {\n      if (disabled) {\n        return;\n      }\n      onChange({\n        key,\n        payload,\n        addUsedColor,\n      });\n    },\n    [onChange, disabled],\n  );\n\n  const handleDegreeChange = (value: number) => {\n    if (props.disabled || value === props.color.gradientDegree) {\n      return;\n    }\n    degree.current = value;\n    handleChange('degree', value, true);\n  };\n\n  const handleSelectedIdChange = (value: string) => {\n    if (props.disabled) {\n      return;\n    }\n    selectedId.current = value;\n    handleChange('selectedId', value);\n  };\n\n  const handleColorsChange = useCallback(\n    (value: GradientColorPoint[], isEnded?: boolean) => {\n      if (props.disabled) {\n        return;\n      }\n      colors.current = value;\n      handleChange('colors', value, isEnded);\n    },\n    [props.disabled, handleChange],\n  );\n\n  /**\n   * 设置bar的位置\n   * @param left\n   * @returns\n   */\n  const updateActiveThumbLeft = useCallback(\n    (left: number) => {\n      const index = colors.current.findIndex((c) => c.id === selectedId.current);\n      if (index === -1) {\n        return;\n      }\n      const point = colors.current[index];\n      const formatLeft = Math.max(0, Math.min(sliderRectRef.current.width, left));\n\n      const percentLeft = (formatLeft / sliderRectRef.current.width) * 100;\n\n      const newColors = colors.current.map((item, i) =>\n        index !== i\n          ? item\n          : {\n              color: point.color,\n              left: percentLeft,\n              id: point.id,\n            },\n      );\n\n      handleColorsChange(newColors);\n    },\n    [handleColorsChange],\n  );\n\n  // 移动开始\n  const handleStart = (id: string, e: ReactMouseEvent) => {\n    if (isDragging.current || props.disabled) {\n      return;\n    }\n    isMoved.current = false;\n    isDragging.current = true;\n    e.preventDefault();\n    e.stopPropagation();\n    // handleSelectedIdChange(id);\n    // 让 slider 获取焦点，以便键盘事件生效。\n    refSlider.current.focus();\n  };\n\n  // 移动中\n  const handleMove = useCallback(\n    (e: MouseEvent) => {\n      if (!isDragging.current || disabled) {\n        return;\n      }\n\n      const rect = refSlider.current.getBoundingClientRect();\n      const left = e.clientX - rect.x;\n      isMoved.current = true;\n      updateActiveThumbLeft(left);\n    },\n    [disabled, updateActiveThumbLeft],\n  );\n\n  // 移动结束\n  const handleEnd = useCallback(() => {\n    if (!isDragging.current) {\n      return;\n    }\n    setTimeout(() => {\n      isDragging.current = false;\n    }, 0);\n    if (isMoved.current) {\n      handleColorsChange(colors.current, true);\n      isMoved.current = false;\n    }\n  }, [handleColorsChange]);\n\n  const handleKeyup = (e: KeyboardEvent) => {\n    if (props.disabled) {\n      return;\n    }\n    const points = [...colors.current];\n    let pos = points.findIndex((c) => c.id === selectedId.current);\n    const { length } = points;\n    // 必须保证有两个点\n    if (DELETE_KEYS.includes(e.key.toLocaleLowerCase()) && length > 2 && pos >= 0 && pos <= length - 1) {\n      points.splice(pos, 1);\n      if (!points[pos]) {\n        // eslint-disable-next-line no-nested-ternary\n        pos = points[pos + 1] ? pos + 1 : points[pos - 1] ? pos - 1 : 0;\n      }\n      const current = points[pos];\n      handleColorsChange(points, true);\n      handleSelectedIdChange(current?.id);\n    }\n  };\n\n  const handleThumbBarClick = (e: ReactMouseEvent) => {\n    if (props.disabled) {\n      return;\n    }\n    updateSliderRect();\n\n    let left = e.clientX - sliderRectRef.current.left;\n    left = Math.max(0, Math.min(sliderRectRef.current.width, left));\n    const percentLeft = (left / sliderRectRef.current.width) * 100;\n\n    const newPoint = genGradientPoint(percentLeft, props.color.rgba);\n    const newColors = [...colors.current];\n    newColors.push(newPoint);\n    handleColorsChange(newColors, true);\n    handleSelectedIdChange(newPoint.id);\n  };\n\n  useEffect(() => {\n    updateSliderRect();\n\n    window.addEventListener('mousemove', handleMove, false);\n    window.addEventListener('mouseup', handleEnd, false);\n    window.addEventListener('contextmenu', handleEnd, false);\n\n    return () => {\n      window.removeEventListener('mousemove', handleMove, false);\n      window.removeEventListener('mouseup', handleEnd, false);\n      window.removeEventListener('contextmenu', handleEnd, false);\n    };\n    // eslint-disable-next-line\n  }, []);\n\n  const { linearGradient, gradientColors } = props.color;\n\n  const thumbBackground = gradientColors2string({\n    points: gradientColors,\n    degree: 90,\n  });\n\n  const handleClickThumb = (e: ReactMouseEvent) => e.stopPropagation();\n\n  return (\n    <div className={`${baseClassName}__gradient`}>\n      <div className={`${baseClassName}__gradient-slider`}>\n        <div\n          className={classNames(`${baseClassName}__slider`, `${baseClassName}--bg-alpha`)}\n          onKeyUp={handleKeyup}\n          tabIndex={0}\n          ref={refSlider}\n        >\n          <ul\n            className=\"gradient-thumbs\"\n            onClick={handleThumbBarClick}\n            style={{\n              background: thumbBackground,\n            }}\n          >\n            {colors.current.map((t) => {\n              const left = `${Math.round(t.left * 100) / 100}%`;\n              return (\n                <li\n                  className={classNames([\n                    `${baseClassName}__thumb`,\n                    'gradient-thumbs__item',\n                    selectedId.current === t.id ? statusClassNames.active : '',\n                  ])}\n                  key={t.id}\n                  title={`${t.color} ${left}`}\n                  style={{\n                    color: t.color,\n                    left,\n                  }}\n                  onClick={handleClickThumb}\n                  onMouseDown={(e: ReactMouseEvent) => handleStart(t.id, e)}\n                >\n                  <span className={classNames(['gradient-thumbs__item-inner', `${baseClassName}--bg-alpha`])}></span>\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n      </div>\n      <div className={`${baseClassName}__gradient-degree`} title={`${degree}deg`}>\n        <InputNumber\n          theme=\"normal\"\n          min={0}\n          max={360}\n          step={1}\n          format={(value: number) => `${value}°`}\n          value={degree.current}\n          onBlur={handleDegreeChange}\n          onEnter={handleDegreeChange}\n          disabled={props.disabled}\n        />\n      </div>\n      <div className={classNames([`${baseClassName}__gradient-preview`, `${baseClassName}--bg-alpha`])}>\n        <span\n          className=\"preview-inner\"\n          style={{\n            background: linearGradient,\n          }}\n        ></span>\n      </div>\n    </div>\n  );\n};\n\nexport default React.memo(LinearGradient);\n"],"names":["DELETE_KEYS","LinearGradient","props","onChange","color","disabled","baseClassName","useClassname","useCommonClassName","statusClassNames","STATUS","refSlider","useRef","sliderRectRef","left","width","GRADIENT_SLIDER_DEFAULT_WIDTH","isDragging","isMoved","degree","gradientDegree","selectedId","gradientSelectedId","colors","cloneDeep","gradientColors","useEffect","current","updateSliderRect","rect","getBoundingClientRect","handleChange","useCallback","key","payload","addUsedColor","handleDegreeChange","value","handleSelectedIdChange","handleColorsChange","isEnded","updateActiveThumbLeft","index","findIndex","c","id","point","formatLeft","Math","max","min","percentLeft","newColors","map","item","i","handleStart","e","preventDefault","stopPropagation","focus","handleMove","clientX","x","handleEnd","setTimeout","handleKeyup","points","_toConsumableArray","pos","length","includes","toLocaleLowerCase","splice","handleThumbBarClick","newPoint","genGradientPoint","rgba","push","window","addEventListener","removeEventListener","linearGradient","thumbBackground","gradientColors2string","handleClickThumb","React","createElement","className","classNames","onKeyUp","tabIndex","ref","onClick","style","background","t","round","active","title","onMouseDown","InputNumber","theme","step","format","onBlur","onEnter","memo"],"mappings":"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"}
+{"version":3,"file":"linear-gradient.js","sources":["../../../../src/color-picker/components/panel/linear-gradient.tsx"],"sourcesContent":["import React, { KeyboardEvent, MouseEvent as ReactMouseEvent, useCallback, useEffect, useRef, useState } from 'react';\nimport cloneDeep from 'lodash/cloneDeep';\nimport classNames from 'classnames';\nimport useClassname from '../../hooks/useClassname';\nimport { genGradientPoint, gradientColors2string } from '../../../_common/js/color-picker/color';\nimport { GradientColorPoint } from '../../../_common/js/color-picker/gradient';\nimport useCommonClassName from '../../../_util/useCommonClassName';\nimport { GRADIENT_SLIDER_DEFAULT_WIDTH } from '../../const';\nimport InputNumber from '../../../input-number';\n\nconst DELETE_KEYS: string[] = ['delete', 'backspace'];\n\ntype TSliderRect = {\n  left: number;\n  width: number;\n};\n\nconst LinearGradient = (props) => {\n  const { onChange, color, disabled } = props;\n  const baseClassName = useClassname();\n  const { STATUS: statusClassNames } = useCommonClassName();\n  const refSlider = useRef<HTMLDivElement>(null);\n  const sliderRectRef = useRef<TSliderRect>({\n    left: 0,\n    width: GRADIENT_SLIDER_DEFAULT_WIDTH,\n  });\n  const isDragging = useRef<Boolean>(false);\n  const isMoved = useRef<Boolean>(false);\n  const degree = useRef(props.color.gradientDegree);\n  const [selectedId, setSelectedId] = useState(props.color.gradientSelectedId);\n  const selectedRef = useRef(props.color.gradientSelectedId);\n  const colors = useRef<GradientColorPoint[]>(cloneDeep(color.gradientColors));\n\n  useEffect(() => {\n    degree.current = color?.gradientDegree;\n    setSelectedId(color.gradientSelectedId);\n    selectedRef.current = color.gradientSelectedId;\n    colors.current = cloneDeep(color.gradientColors);\n  }, [color]);\n\n  const updateSliderRect = () => {\n    const rect = refSlider.current.getBoundingClientRect();\n    sliderRectRef.current = {\n      left: rect.left,\n      width: rect.width || GRADIENT_SLIDER_DEFAULT_WIDTH,\n    };\n  };\n\n  const handleChange = useCallback(\n    (key: 'degree' | 'selectedId' | 'colors', payload: any, addUsedColor?: boolean) => {\n      if (disabled) {\n        return;\n      }\n      onChange({\n        key,\n        payload,\n        addUsedColor,\n      });\n    },\n    [onChange, disabled],\n  );\n\n  const handleDegreeChange = (value: number) => {\n    if (props.disabled || value === props.color.gradientDegree) {\n      return;\n    }\n    degree.current = value;\n    handleChange('degree', value, true);\n  };\n\n  const handleSelectedIdChange = (value: string) => {\n    if (props.disabled) {\n      return;\n    }\n    setSelectedId(value);\n    selectedRef.current = value;\n    handleChange('selectedId', value);\n  };\n\n  const handleColorsChange = useCallback(\n    (value: GradientColorPoint[], isEnded?: boolean) => {\n      if (props.disabled) {\n        return;\n      }\n      colors.current = value;\n      handleChange('colors', value, isEnded);\n    },\n    [props.disabled, handleChange],\n  );\n\n  /**\n   * 设置bar的位置\n   * @param left\n   * @returns\n   */\n  const updateActiveThumbLeft = useCallback(\n    (left: number) => {\n      const index = colors.current.findIndex((c) => c.id === selectedRef.current);\n      if (index === -1) {\n        return;\n      }\n      const point = colors.current[index];\n      const formatLeft = Math.max(0, Math.min(sliderRectRef.current.width, left));\n\n      const percentLeft = (formatLeft / sliderRectRef.current.width) * 100;\n\n      const newColors = colors.current.map((item, i) =>\n        index !== i\n          ? item\n          : {\n              color: point.color,\n              left: percentLeft,\n              id: point.id,\n            },\n      );\n\n      handleColorsChange(newColors);\n    },\n    [handleColorsChange],\n  );\n\n  // 移动开始\n  const handleStart = (id: string, e: ReactMouseEvent) => {\n    if (isDragging.current || props.disabled) {\n      return;\n    }\n    selectedRef.current = id;\n    setSelectedId(id);\n    isMoved.current = false;\n    isDragging.current = true;\n    e.preventDefault();\n    e.stopPropagation();\n    // handleSelectedIdChange(id);\n    // 让 slider 获取焦点，以便键盘事件生效。\n    refSlider.current.focus();\n  };\n\n  // 移动中\n  const handleMove = useCallback(\n    (e: MouseEvent) => {\n      if (!isDragging.current || disabled) {\n        return;\n      }\n\n      const rect = refSlider.current.getBoundingClientRect();\n      const left = e.clientX - rect.x;\n      isMoved.current = true;\n      updateActiveThumbLeft(left);\n    },\n    [disabled, updateActiveThumbLeft],\n  );\n\n  // 移动结束\n  const handleEnd = useCallback(() => {\n    if (!isDragging.current) {\n      return;\n    }\n    setTimeout(() => {\n      isDragging.current = false;\n    }, 0);\n    if (isMoved.current) {\n      handleColorsChange(colors.current, true);\n      isMoved.current = false;\n    }\n  }, [handleColorsChange]);\n\n  const handleKeyup = (e: KeyboardEvent) => {\n    if (props.disabled) {\n      return;\n    }\n    const points = [...colors.current];\n    let pos = points.findIndex((c) => c.id === selectedRef.current);\n    const { length } = points;\n    // 必须保证有两个点\n    if (DELETE_KEYS.includes(e.key.toLocaleLowerCase()) && length > 2 && pos >= 0 && pos <= length - 1) {\n      points.splice(pos, 1);\n      if (!points[pos]) {\n        // eslint-disable-next-line no-nested-ternary\n        pos = points[pos + 1] ? pos + 1 : points[pos - 1] ? pos - 1 : 0;\n      }\n      const current = points[pos];\n      handleColorsChange(points, true);\n      handleSelectedIdChange(current?.id);\n    }\n  };\n\n  const handleThumbBarClick = (e: ReactMouseEvent) => {\n    if (props.disabled) {\n      return;\n    }\n    updateSliderRect();\n\n    let left = e.clientX - sliderRectRef.current.left;\n    left = Math.max(0, Math.min(sliderRectRef.current.width, left));\n    const percentLeft = (left / sliderRectRef.current.width) * 100;\n\n    const newPoint = genGradientPoint(percentLeft, props.color.rgba);\n    const newColors = [...colors.current];\n    newColors.push(newPoint);\n    handleColorsChange(newColors, true);\n    handleSelectedIdChange(newPoint.id);\n  };\n\n  useEffect(() => {\n    updateSliderRect();\n\n    window.addEventListener('mousemove', handleMove, false);\n    window.addEventListener('mouseup', handleEnd, false);\n    window.addEventListener('contextmenu', handleEnd, false);\n\n    return () => {\n      window.removeEventListener('mousemove', handleMove, false);\n      window.removeEventListener('mouseup', handleEnd, false);\n      window.removeEventListener('contextmenu', handleEnd, false);\n    };\n    // eslint-disable-next-line\n  }, []);\n\n  const { linearGradient, gradientColors } = props.color;\n\n  const thumbBackground = gradientColors2string({\n    points: gradientColors,\n    degree: 90,\n  });\n\n  const handleClickThumb = (e: ReactMouseEvent, t) => {\n    handleSelectedIdChange(t.id);\n    e.stopPropagation();\n  };\n\n  return (\n    <div className={`${baseClassName}__gradient`}>\n      <div className={`${baseClassName}__gradient-slider`}>\n        <div\n          className={classNames(`${baseClassName}__slider`, `${baseClassName}--bg-alpha`)}\n          onKeyUp={handleKeyup}\n          tabIndex={0}\n          ref={refSlider}\n        >\n          <ul\n            className=\"gradient-thumbs\"\n            onClick={handleThumbBarClick}\n            style={{\n              background: thumbBackground,\n            }}\n          >\n            {colors.current.map((t) => {\n              const left = `${Math.round(t.left * 100) / 100}%`;\n              return (\n                <li\n                  className={classNames([\n                    `${baseClassName}__thumb`,\n                    'gradient-thumbs__item',\n                    selectedId === t.id ? statusClassNames.active : '',\n                  ])}\n                  key={t.id}\n                  title={`${t.color} ${left}`}\n                  style={{\n                    color: t.color,\n                    left,\n                  }}\n                  onClick={(e) => handleClickThumb(e, t)}\n                  onMouseDown={(e: ReactMouseEvent) => handleStart(t.id, e)}\n                >\n                  <span className={classNames(['gradient-thumbs__item-inner', `${baseClassName}--bg-alpha`])}></span>\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n      </div>\n      <div className={`${baseClassName}__gradient-degree`} title={`${degree}deg`}>\n        <InputNumber\n          theme=\"normal\"\n          min={0}\n          max={360}\n          step={1}\n          format={(value: number) => `${value}°`}\n          value={degree.current}\n          onBlur={handleDegreeChange}\n          onEnter={handleDegreeChange}\n          disabled={props.disabled}\n        />\n      </div>\n      <div className={classNames([`${baseClassName}__gradient-preview`, `${baseClassName}--bg-alpha`])}>\n        <span\n          className=\"preview-inner\"\n          style={{\n            background: linearGradient,\n          }}\n        ></span>\n      </div>\n    </div>\n  );\n};\n\nexport default React.memo(LinearGradient);\n"],"names":["DELETE_KEYS","LinearGradient","props","onChange","color","disabled","baseClassName","useClassname","useCommonClassName","statusClassNames","STATUS","refSlider","useRef","sliderRectRef","left","width","GRADIENT_SLIDER_DEFAULT_WIDTH","isDragging","isMoved","degree","gradientDegree","useState","gradientSelectedId","_slicedToArray","selectedId","setSelectedId","selectedRef","colors","cloneDeep","gradientColors","useEffect","current","updateSliderRect","rect","getBoundingClientRect","handleChange","useCallback","key","payload","addUsedColor","handleDegreeChange","value","handleSelectedIdChange","handleColorsChange","isEnded","updateActiveThumbLeft","index","findIndex","c","id","point","formatLeft","Math","max","min","percentLeft","newColors","map","item","i","handleStart","e","preventDefault","stopPropagation","focus","handleMove","clientX","x","handleEnd","setTimeout","handleKeyup","points","_toConsumableArray","pos","length","includes","toLocaleLowerCase","splice","handleThumbBarClick","newPoint","genGradientPoint","rgba","push","window","addEventListener","removeEventListener","linearGradient","thumbBackground","gradientColors2string","handleClickThumb","t","React","createElement","className","classNames","onKeyUp","tabIndex","ref","onClick","style","background","round","active","title","onMouseDown","InputNumber","theme","step","format","onBlur","onEnter","memo"],"mappings":"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"}

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

@@ -21,8 +21,8 @@ require('tinycolor2');
 require('../../../_common/js/color-picker/cmyk.js');
 require('../../../_common/js/color-picker/gradient.js');
 require('../../../_util/useConfig.js');
-require('../../../_chunks/dep-8ea88154.js');
-require('../../../_chunks/dep-642f0e2c.js');
+require('../../../_chunks/dep-ead40170.js');
+require('../../../_chunks/dep-eca70c7a.js');
 require('../../../_chunks/dep-2bb5f892.js');
 require('../../../_chunks/dep-e396ce6f.js');
 require('../../../_chunks/dep-9de51ffb.js');
@@ -32,7 +32,7 @@ require('../../../_chunks/dep-d51746f5.js');
 require('../../../_chunks/dep-a928c6eb.js');
 require('../../../_chunks/dep-10387a1b.js');
 require('../../../_chunks/dep-4c1065ab.js');
-require('../../../_chunks/dep-7573549b.js');
+require('../../../_chunks/dep-7507efba.js');
 require('../../../_chunks/dep-e06baa36.js');
 require('../../../_chunks/dep-b031ec68.js');
 require('../../../_chunks/dep-240837fa.js');

package/lib/color-picker/components/trigger.js

@@ -26,14 +26,14 @@ require('../../_chunks/dep-d51746f5.js');
 require('../../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 require('../../_util/useConfig.js');
-require('../../_chunks/dep-8ea88154.js');
-require('../../_chunks/dep-642f0e2c.js');
+require('../../_chunks/dep-ead40170.js');
+require('../../_chunks/dep-eca70c7a.js');
 require('../../_chunks/dep-2bb5f892.js');
 require('../../_chunks/dep-e396ce6f.js');
 require('../../_chunks/dep-a928c6eb.js');
 require('../../_chunks/dep-10387a1b.js');
 require('../../_chunks/dep-4c1065ab.js');
-require('../../_chunks/dep-7573549b.js');
+require('../../_chunks/dep-7507efba.js');
 require('../../_chunks/dep-e06baa36.js');
 require('../../_chunks/dep-b031ec68.js');
 require('../../_chunks/dep-240837fa.js');

package/lib/color-picker/hooks/useClassname.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _util_useConfig = require('../../_util/useConfig.js');
 require('react');
-require('../../_chunks/dep-8ea88154.js');
+require('../../_chunks/dep-ead40170.js');
 require('../../_chunks/dep-58be86b5.js');
-require('../../_chunks/dep-642f0e2c.js');
+require('../../_chunks/dep-eca70c7a.js');
 require('../../_chunks/dep-2bb5f892.js');
 require('../../_chunks/dep-e396ce6f.js');
 require('../../_chunks/dep-9de51ffb.js');
@@ -22,7 +22,7 @@ require('../../_chunks/dep-d51746f5.js');
 require('../../_chunks/dep-a928c6eb.js');
 require('../../_chunks/dep-10387a1b.js');
 require('../../_chunks/dep-4c1065ab.js');
-require('../../_chunks/dep-7573549b.js');
+require('../../_chunks/dep-7507efba.js');
 require('../../_chunks/dep-e06baa36.js');
 require('../../_chunks/dep-b031ec68.js');
 require('../../_chunks/dep-240837fa.js');

package/lib/color-picker/index.js

@@ -20,8 +20,8 @@ require('classnames');
 require('tinycolor2');
 require('../_util/useCommonClassName.js');
 require('../_util/useConfig.js');
-require('../_chunks/dep-8ea88154.js');
-require('../_chunks/dep-642f0e2c.js');
+require('../_chunks/dep-ead40170.js');
+require('../_chunks/dep-eca70c7a.js');
 require('../_chunks/dep-2bb5f892.js');
 require('../_chunks/dep-e396ce6f.js');
 require('../_chunks/dep-9de51ffb.js');
@@ -31,7 +31,7 @@ require('../_chunks/dep-d51746f5.js');
 require('../_chunks/dep-a928c6eb.js');
 require('../_chunks/dep-10387a1b.js');
 require('../_chunks/dep-4c1065ab.js');
-require('../_chunks/dep-7573549b.js');
+require('../_chunks/dep-7507efba.js');
 require('../_chunks/dep-e06baa36.js');
 require('../_chunks/dep-b031ec68.js');
 require('../_chunks/dep-240837fa.js');
@@ -60,7 +60,7 @@ require('./components/panel/header.js');
 require('tdesign-icons-react');
 require('./const.js');
 require('../radio/index.js');
-require('../_chunks/dep-c56e47ed.js');
+require('../_chunks/dep-55dbe856.js');
 require('../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 require('../common/Check.js');
@@ -77,11 +77,11 @@ require('../_common/js/color-picker/cmyk.js');
 require('../_common/js/color-picker/gradient.js');
 require('./defaultProps.js');
 require('./components/panel/linear-gradient.js');
-require('../_chunks/dep-64ca4fde.js');
-require('../_chunks/dep-df355cac.js');
-require('../_chunks/dep-bfdd780c.js');
+require('../_chunks/dep-a2f885f7.js');
+require('../_chunks/dep-adb7015b.js');
+require('../_chunks/dep-97c0525b.js');
 require('../_chunks/dep-ead1add6.js');
-require('../_chunks/dep-fd28f73e.js');
+require('../_chunks/dep-95eda683.js');
 require('../input-number/index.js');
 require('../input-number/InputNumber.js');
 require('../_util/useUpdateEffect.js');

package/lib/comment/Comment.js

@@ -12,9 +12,9 @@ var React = require('react');
 var classNames = require('classnames');
 var _util_useConfig = require('../_util/useConfig.js');
 var comment_defaultProps = require('./defaultProps.js');
-require('../_chunks/dep-8ea88154.js');
+require('../_chunks/dep-ead40170.js');
 require('../_chunks/dep-58be86b5.js');
-require('../_chunks/dep-642f0e2c.js');
+require('../_chunks/dep-eca70c7a.js');
 require('../_chunks/dep-2bb5f892.js');
 require('../_chunks/dep-e396ce6f.js');
 require('../_chunks/dep-9de51ffb.js');
@@ -24,7 +24,7 @@ require('../_chunks/dep-d51746f5.js');
 require('../_chunks/dep-a928c6eb.js');
 require('../_chunks/dep-10387a1b.js');
 require('../_chunks/dep-4c1065ab.js');
-require('../_chunks/dep-7573549b.js');
+require('../_chunks/dep-7507efba.js');
 require('../_chunks/dep-e06baa36.js');
 require('../_chunks/dep-b031ec68.js');
 require('../_chunks/dep-240837fa.js');

package/lib/comment/index.js

@@ -12,9 +12,9 @@ var comment_Comment = require('./Comment.js');
 require('react');
 require('classnames');
 require('../_util/useConfig.js');
-require('../_chunks/dep-8ea88154.js');
+require('../_chunks/dep-ead40170.js');
 require('../_chunks/dep-58be86b5.js');
-require('../_chunks/dep-642f0e2c.js');
+require('../_chunks/dep-eca70c7a.js');
 require('../_chunks/dep-2bb5f892.js');
 require('../_chunks/dep-e396ce6f.js');
 require('../_chunks/dep-9de51ffb.js');
@@ -24,7 +24,7 @@ require('../_chunks/dep-d51746f5.js');
 require('../_chunks/dep-a928c6eb.js');
 require('../_chunks/dep-10387a1b.js');
 require('../_chunks/dep-4c1065ab.js');
-require('../_chunks/dep-7573549b.js');
+require('../_chunks/dep-7507efba.js');
 require('../_chunks/dep-e06baa36.js');
 require('../_chunks/dep-b031ec68.js');
 require('../_chunks/dep-240837fa.js');

package/lib/common/Check.js

@@ -27,8 +27,8 @@ require('../_chunks/dep-e40e6534.js');
 require('../_chunks/dep-7eebf9a2.js');
 require('../_chunks/dep-a60ffcfa.js');
 require('../_chunks/dep-f0d3dbaa.js');
-require('../_chunks/dep-8ea88154.js');
-require('../_chunks/dep-642f0e2c.js');
+require('../_chunks/dep-ead40170.js');
+require('../_chunks/dep-eca70c7a.js');
 require('../_chunks/dep-2bb5f892.js');
 require('../_chunks/dep-e396ce6f.js');
 require('../_chunks/dep-9de51ffb.js');
@@ -36,7 +36,7 @@ require('../_chunks/dep-d51746f5.js');
 require('../_chunks/dep-a928c6eb.js');
 require('../_chunks/dep-10387a1b.js');
 require('../_chunks/dep-4c1065ab.js');
-require('../_chunks/dep-7573549b.js');
+require('../_chunks/dep-7507efba.js');
 require('../_chunks/dep-e06baa36.js');
 require('../_chunks/dep-240837fa.js');
 require('../_chunks/dep-fe563ec1.js');

package/lib/common/FakeArrow.js

@@ -12,8 +12,8 @@ var defineProperty = require('../_chunks/dep-58be86b5.js');
 var React = require('react');
 var classNames = require('classnames');
 var _util_useConfig = require('../_util/useConfig.js');
-require('../_chunks/dep-8ea88154.js');
-require('../_chunks/dep-642f0e2c.js');
+require('../_chunks/dep-ead40170.js');
+require('../_chunks/dep-eca70c7a.js');
 require('../_chunks/dep-2bb5f892.js');
 require('../_chunks/dep-e396ce6f.js');
 require('../_chunks/dep-9de51ffb.js');
@@ -23,7 +23,7 @@ require('../_chunks/dep-d51746f5.js');
 require('../_chunks/dep-a928c6eb.js');
 require('../_chunks/dep-10387a1b.js');
 require('../_chunks/dep-4c1065ab.js');
-require('../_chunks/dep-7573549b.js');
+require('../_chunks/dep-7507efba.js');
 require('../_chunks/dep-e06baa36.js');
 require('../_chunks/dep-b031ec68.js');
 require('../_chunks/dep-240837fa.js');

package/lib/common/Portal.js

@@ -19,9 +19,9 @@ require('../_chunks/dep-5f44a3cf.js');
 require('../_chunks/dep-13a266ae.js');
 require('../_chunks/dep-b031ec68.js');
 require('../_util/easing.js');
-require('../_chunks/dep-8ea88154.js');
+require('../_chunks/dep-ead40170.js');
 require('../_chunks/dep-58be86b5.js');
-require('../_chunks/dep-642f0e2c.js');
+require('../_chunks/dep-eca70c7a.js');
 require('../_chunks/dep-2bb5f892.js');
 require('../_chunks/dep-e396ce6f.js');
 require('../_chunks/dep-9de51ffb.js');
@@ -29,7 +29,7 @@ require('../_chunks/dep-d51746f5.js');
 require('../_chunks/dep-a928c6eb.js');
 require('../_chunks/dep-10387a1b.js');
 require('../_chunks/dep-4c1065ab.js');
-require('../_chunks/dep-7573549b.js');
+require('../_chunks/dep-7507efba.js');
 require('../_chunks/dep-e06baa36.js');
 require('../_chunks/dep-240837fa.js');
 require('../_chunks/dep-fe563ec1.js');

package/lib/config-provider/ConfigContext.js

@@ -10,10 +10,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../_chunks/dep-58be86b5.js');
 require('react');
-var configProvider_ConfigContext = require('../_chunks/dep-8ea88154.js');
+var configProvider_ConfigContext = require('../_chunks/dep-ead40170.js');
 require('../_common/js/global-config/locale/zh_CN.js');
 require('../_common/js/global-config/default-config.js');
-require('../_chunks/dep-642f0e2c.js');
+require('../_chunks/dep-eca70c7a.js');
 require('../_chunks/dep-2bb5f892.js');
 require('../_chunks/dep-e396ce6f.js');
 require('../_chunks/dep-9de51ffb.js');
@@ -23,7 +23,7 @@ require('../_chunks/dep-d51746f5.js');
 require('../_chunks/dep-a928c6eb.js');
 require('../_chunks/dep-10387a1b.js');
 require('../_chunks/dep-4c1065ab.js');
-require('../_chunks/dep-7573549b.js');
+require('../_chunks/dep-7507efba.js');
 require('../_chunks/dep-e06baa36.js');
 require('../_chunks/dep-b031ec68.js');
 require('../_chunks/dep-240837fa.js');

package/lib/config-provider/ConfigProvider.js

@@ -9,9 +9,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var configProvider_ConfigContext = require('../_chunks/dep-8ea88154.js');
+var configProvider_ConfigContext = require('../_chunks/dep-ead40170.js');
 require('../_chunks/dep-58be86b5.js');
-require('../_chunks/dep-642f0e2c.js');
+require('../_chunks/dep-eca70c7a.js');
 require('../_chunks/dep-2bb5f892.js');
 require('../_chunks/dep-e396ce6f.js');
 require('../_chunks/dep-9de51ffb.js');
@@ -21,7 +21,7 @@ require('../_chunks/dep-d51746f5.js');
 require('../_chunks/dep-a928c6eb.js');
 require('../_chunks/dep-10387a1b.js');
 require('../_chunks/dep-4c1065ab.js');
-require('../_chunks/dep-7573549b.js');
+require('../_chunks/dep-7507efba.js');
 require('../_chunks/dep-e06baa36.js');
 require('../_chunks/dep-b031ec68.js');
 require('../_chunks/dep-240837fa.js');

package/lib/config-provider/index.js

@@ -9,10 +9,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var configProvider_ConfigProvider = require('./ConfigProvider.js');
-var configProvider_ConfigContext = require('../_chunks/dep-8ea88154.js');
+var configProvider_ConfigContext = require('../_chunks/dep-ead40170.js');
 require('react');
 require('../_chunks/dep-58be86b5.js');
-require('../_chunks/dep-642f0e2c.js');
+require('../_chunks/dep-eca70c7a.js');
 require('../_chunks/dep-2bb5f892.js');
 require('../_chunks/dep-e396ce6f.js');
 require('../_chunks/dep-9de51ffb.js');
@@ -22,7 +22,7 @@ require('../_chunks/dep-d51746f5.js');
 require('../_chunks/dep-a928c6eb.js');
 require('../_chunks/dep-10387a1b.js');
 require('../_chunks/dep-4c1065ab.js');
-require('../_chunks/dep-7573549b.js');
+require('../_chunks/dep-7507efba.js');
 require('../_chunks/dep-e06baa36.js');
 require('../_chunks/dep-b031ec68.js');
 require('../_chunks/dep-240837fa.js');

package/lib/date-picker/DatePicker.js

@@ -19,8 +19,8 @@ var datePicker_hooks_useSingle = require('./hooks/useSingle.js');
 var datePicker_hooks_useFormat = require('./hooks/useFormat.js');
 var _common_js_datePicker_utils = require('../_common/js/date-picker/utils.js');
 var datePicker_defaultProps = require('./defaultProps.js');
-require('../_chunks/dep-8ea88154.js');
-require('../_chunks/dep-642f0e2c.js');
+require('../_chunks/dep-ead40170.js');
+require('../_chunks/dep-eca70c7a.js');
 require('../_chunks/dep-2bb5f892.js');
 require('../_chunks/dep-e396ce6f.js');
 require('../_chunks/dep-9de51ffb.js');
@@ -30,7 +30,7 @@ require('../_chunks/dep-d51746f5.js');
 require('../_chunks/dep-a928c6eb.js');
 require('../_chunks/dep-10387a1b.js');
 require('../_chunks/dep-4c1065ab.js');
-require('../_chunks/dep-7573549b.js');
+require('../_chunks/dep-7507efba.js');
 require('../_chunks/dep-e06baa36.js');
 require('../_chunks/dep-b031ec68.js');
 require('../_chunks/dep-240837fa.js');
@@ -142,7 +142,7 @@ require('./base/Table.js');
 require('./base/Cell.js');
 require('../time-picker/index.js');
 require('../time-picker/TimePicker.js');
-require('../_chunks/dep-9f0fe2f3.js');
+require('../_chunks/dep-ecd281e5.js');
 require('../_chunks/dep-3ab30515.js');
 require('../_chunks/dep-1776c0e3.js');
 require('../time-picker/hooks/useTimePickerTextConfig.js');
@@ -218,13 +218,13 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       format = _useFormat.format;
 
   React.useEffect(function () {
-    if (!enableTimePicker) return;
-
     if (popupVisible) {
+      setYear(dayjs__default["default"](value || new Date()).year());
+      setMonth(dayjs__default["default"](value || new Date()).month());
       setCacheValue(formatDate(value || new Date()));
       setTime(formatTime(value || new Date()));
     }
-  }, [value, popupVisible, enableTimePicker]);
+  }, [value, popupVisible]);
 
   function onCellMouseEnter(date) {
     setIsHoverCell(true);