tdesign-react 0.36.4 → 0.36.5-alpha.3

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

@@ -1,68 +1,68 @@
 /**
- * tdesign v0.36.4
+ * tdesign v0.36.5-alpha.3
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _toConsumableArray } from '../../../_chunks/dep-036c3aef.js';
-import React, { useRef, useEffect, useCallback } from 'react';
-import { c as cloneDeep_1 } from '../../../_chunks/dep-f8df0745.js';
+import { _ as _toConsumableArray } from '../../../_chunks/dep-c1ecc5c7.js';
+import { _ as _slicedToArray } from '../../../_chunks/dep-23cddccb.js';
+import React, { useRef, useState, useEffect, useCallback } from 'react';
+import { c as cloneDeep_1 } from '../../../_chunks/dep-406c4d28.js';
 import classNames from 'classnames';
 import useClassname from '../../hooks/useClassname.js';
 import { genGradientPoint, gradientColors2string } from '../../../_common/js/color-picker/color.js';
 import useCommonClassName from '../../../_util/useCommonClassName.js';
 import { GRADIENT_SLIDER_DEFAULT_WIDTH } from '../../const.js';
 import { InputNumber } from '../../../input-number/index.js';
-import '../../../_chunks/dep-0b35c3c3.js';
-import '../../../_chunks/dep-1bfef2f8.js';
-import '../../../_chunks/dep-d16b680d.js';
-import '../../../_chunks/dep-6a571ab1.js';
-import '../../../_chunks/dep-0e5ce2b1.js';
-import '../../../_chunks/dep-7e9e06ed.js';
-import '../../../_chunks/dep-5450cfc9.js';
-import '../../../_chunks/dep-f794d54d.js';
-import '../../../_chunks/dep-e170d39d.js';
-import '../../../_chunks/dep-c421f442.js';
-import '../../../_chunks/dep-7516af6b.js';
-import '../../../_chunks/dep-1018bfc9.js';
-import '../../../_chunks/dep-f555a04e.js';
-import '../../../_chunks/dep-b38db526.js';
-import '../../../_chunks/dep-2e1a3f0f.js';
-import '../../../_chunks/dep-043c0073.js';
-import '../../../_chunks/dep-27a469b1.js';
-import '../../../_chunks/dep-e741e76b.js';
-import '../../../_chunks/dep-0497e351.js';
-import '../../../_chunks/dep-1fd28a7f.js';
-import '../../../_chunks/dep-48112525.js';
-import '../../../_chunks/dep-0d9cdb75.js';
-import '../../../_chunks/dep-d461e8e9.js';
-import '../../../_chunks/dep-d4213652.js';
-import '../../../_chunks/dep-569a6b90.js';
-import '../../../_chunks/dep-31b6f855.js';
-import '../../../_chunks/dep-ff3d0e90.js';
-import '../../../_chunks/dep-ed4be109.js';
+import '../../../_chunks/dep-1f22ea83.js';
+import '../../../_chunks/dep-f0d3d471.js';
+import '../../../_chunks/dep-53179888.js';
+import '../../../_chunks/dep-885e9a2d.js';
+import '../../../_chunks/dep-44b683be.js';
+import '../../../_chunks/dep-c3d89ae9.js';
+import '../../../_chunks/dep-32d75afe.js';
+import '../../../_chunks/dep-9b53e8ff.js';
+import '../../../_chunks/dep-a3736a5b.js';
+import '../../../_chunks/dep-99331e31.js';
+import '../../../_chunks/dep-4bfdbc67.js';
+import '../../../_chunks/dep-342f5c13.js';
+import '../../../_chunks/dep-fa759414.js';
+import '../../../_chunks/dep-815b8030.js';
+import '../../../_chunks/dep-d955008d.js';
+import '../../../_chunks/dep-4b43a3d2.js';
+import '../../../_chunks/dep-c651eeef.js';
+import '../../../_chunks/dep-b79524c9.js';
+import '../../../_chunks/dep-d5abe1ea.js';
+import '../../../_chunks/dep-119cc2fb.js';
+import '../../../_chunks/dep-38543584.js';
+import '../../../_chunks/dep-1ca4dc0f.js';
+import '../../../_chunks/dep-92b6e0d6.js';
+import '../../../_chunks/dep-f03d6a97.js';
+import '../../../_chunks/dep-687c48c2.js';
+import '../../../_chunks/dep-d5e85d4a.js';
+import '../../../_chunks/dep-8deef950.js';
+import '../../../_chunks/dep-cf4a00a9.js';
 import '../../../_util/useConfig.js';
-import '../../../_chunks/dep-bd84497a.js';
-import '../../../_chunks/dep-464074e8.js';
-import '../../../_chunks/dep-32ef1cf4.js';
-import '../../../_chunks/dep-fb42f40c.js';
-import '../../../_chunks/dep-222083a7.js';
-import '../../../_chunks/dep-c7330b5e.js';
+import '../../../_chunks/dep-dbccc05e.js';
+import '../../../_chunks/dep-eaf9d2e9.js';
+import '../../../_chunks/dep-5400e28a.js';
+import '../../../_chunks/dep-e7eccaae.js';
+import '../../../_chunks/dep-2322cc84.js';
+import '../../../_chunks/dep-939a39e2.js';
 import '../../../locale/zh_CN.js';
 import '../../../_common/js/global-config/locale/zh_CN.js';
 import '../../../_common/js/global-config/default-config.js';
-import '../../../_chunks/dep-e430d65b.js';
-import '../../../_chunks/dep-c220e5fd.js';
+import '../../../_chunks/dep-3674ae78.js';
 import 'tinycolor2';
 import '../../../_common/js/color-picker/cmyk.js';
 import '../../../_common/js/color-picker/gradient.js';
 import '../../../input-number/InputNumber.js';
-import '../../../_chunks/dep-7ff8a6e1.js';
+import '../../../_chunks/dep-680e28a4.js';
 import '../../../_util/useUpdateEffect.js';
 import '../../../_util/useLayoutEffect.js';
 import '../../../_util/dom.js';
 import 'raf';
-import '../../../_chunks/dep-7f466171.js';
+import '../../../_chunks/dep-07bd4d1b.js';
 import '../../../_util/easing.js';
 import '../../../input-number/StepHandler.js';
 import 'tdesign-icons-react';
@@ -81,9 +81,10 @@ import '../../../_common/js/utils/set-style.js';
 import '../../../_common/js/utils/helper.js';
 import '../../../loading/defaultProps.js';
 import '../../../loading/plugin.js';
-import './style/css.js';
+import '../../../loading/style/css.js';
 import '../../../loading/type.js';
 import '../../../button/defaultProps.js';
+import '../../../button/style/css.js';
 import '../../../button/type.js';
 import '../../../input-number/utils/numberUtils.js';
 import '../../../input/index.js';
@@ -91,12 +92,12 @@ import '../../../input/Input.js';
 import '../../../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../../../_util/helper.js';
-import '../../../_chunks/dep-96c74bd9.js';
-import '../../../_chunks/dep-ae128ab6.js';
-import '../../../_chunks/dep-bbf6ecd2.js';
-import '../../../_chunks/dep-337a96c8.js';
-import '../../../_chunks/dep-4d3c80a2.js';
-import '../../../_chunks/dep-87b86af5.js';
+import '../../../_chunks/dep-cb307947.js';
+import '../../../_chunks/dep-cbf57c4f.js';
+import '../../../_chunks/dep-562df16d.js';
+import '../../../_chunks/dep-9b0a94c1.js';
+import '../../../_chunks/dep-52c22d7a.js';
+import '../../../_chunks/dep-f3dc18bd.js';
 import '../../../input/InputGroup.js';
 import '../../../hooks/useControlled.js';
 import '../../../_util/noop.js';
@@ -104,8 +105,10 @@ import '../../../locale/LocalReceiver.js';
 import '../../../config-provider/index.js';
 import '../../../config-provider/ConfigProvider.js';
 import '../../../input/defaultProps.js';
+import '../../../input/style/css.js';
 import '../../../input/type.js';
 import '../../../input-number/defaultProps.js';
+import '../../../input-number/style/css.js';
 import '../../../input-number/type.js';
 
 var DELETE_KEYS = ["delete", "backspace"];
@@ -127,11 +130,18 @@ var LinearGradient = function LinearGradient(props) {
   var isDragging = useRef(false);
   var isMoved = useRef(false);
   var degree = useRef(props.color.gradientDegree);
-  var selectedId = useRef(props.color.gradientSelectedId);
+
+  var _useState = useState(props.color.gradientSelectedId),
+      _useState2 = _slicedToArray(_useState, 2),
+      selectedId = _useState2[0],
+      setSelectedId = _useState2[1];
+
+  var selectedRef = useRef(props.color.gradientSelectedId);
   var colors = useRef(cloneDeep_1(color.gradientColors));
   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_1(color.gradientColors);
   }, [color]);
 
@@ -169,7 +179,8 @@ var LinearGradient = function LinearGradient(props) {
       return;
     }
 
-    selectedId.current = value;
+    setSelectedId(value);
+    selectedRef.current = value;
     handleChange("selectedId", value);
   };
 
@@ -183,7 +194,7 @@ var LinearGradient = function LinearGradient(props) {
   }, [props.disabled, handleChange]);
   var updateActiveThumbLeft = useCallback(function (left) {
     var index = colors.current.findIndex(function (c) {
-      return c.id === selectedId.current;
+      return c.id === selectedRef.current;
     });
 
     if (index === -1) {
@@ -208,6 +219,8 @@ var LinearGradient = function LinearGradient(props) {
       return;
     }
 
+    selectedRef.current = id;
+    setSelectedId(id);
     isMoved.current = false;
     isDragging.current = true;
     e.preventDefault();
@@ -248,7 +261,7 @@ var LinearGradient = function LinearGradient(props) {
     var points = _toConsumableArray(colors.current);
 
     var pos = points.findIndex(function (c) {
-      return c.id === selectedId.current;
+      return c.id === selectedRef.current;
     });
     var length = points.length;
 
@@ -302,8 +315,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.createElement("div", {
@@ -324,14 +338,16 @@ var LinearGradient = function LinearGradient(props) {
   }, colors.current.map(function (t) {
     var left = "".concat(Math.round(t.left * 100) / 100, "%");
     return /* @__PURE__ */React.createElement("li", {
-      className: classNames(["".concat(baseClassName, "__thumb"), "gradient-thumbs__item", selectedId.current === t.id ? statusClassNames.active : ""]),
+      className: classNames(["".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/es/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","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","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","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/es/color-picker/components/panel/saturation.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.36.4
+ * tdesign v0.36.5-alpha.3
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../../_chunks/dep-464074e8.js';
+import { _ as _defineProperty } from '../../../_chunks/dep-eaf9d2e9.js';
 import React, { useRef, useCallback, useEffect } from 'react';
 import { SATURATION_PANEL_DEFAULT_WIDTH, SATURATION_PANEL_DEFAULT_HEIGHT } from '../../const.js';
 import useDrag from '../../../_util/useDrag.js';

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

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.36.4
+ * tdesign v0.36.5-alpha.3
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../../_chunks/dep-464074e8.js';
+import { _ as _defineProperty } from '../../../_chunks/dep-eaf9d2e9.js';
 import React, { useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import { SLIDER_DEFAULT_WIDTH } from '../../const.js';

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

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.36.4
+ * tdesign v0.36.5-alpha.3
  * (c) 2022 tdesign
  * @license MIT
  */

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

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.36.4
+ * tdesign v0.36.5-alpha.3
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -9,42 +9,42 @@ import classNames from 'classnames';
 import { AddIcon, DeleteIcon } from 'tdesign-icons-react';
 import { Color } from '../../../_common/js/color-picker/color.js';
 import useCommonClassName from '../../../_util/useCommonClassName.js';
-import '../../../_chunks/dep-e430d65b.js';
-import '../../../_chunks/dep-0b35c3c3.js';
-import '../../../_chunks/dep-c220e5fd.js';
-import '../../../_chunks/dep-464074e8.js';
+import '../../../_chunks/dep-23cddccb.js';
+import '../../../_chunks/dep-1f22ea83.js';
+import '../../../_chunks/dep-3674ae78.js';
+import '../../../_chunks/dep-eaf9d2e9.js';
 import 'tinycolor2';
 import '../../../_common/js/color-picker/cmyk.js';
 import '../../../_common/js/color-picker/gradient.js';
 import '../../../_util/useConfig.js';
-import '../../../_chunks/dep-bd84497a.js';
-import '../../../_chunks/dep-1bfef2f8.js';
-import '../../../_chunks/dep-6a571ab1.js';
-import '../../../_chunks/dep-0e5ce2b1.js';
-import '../../../_chunks/dep-7e9e06ed.js';
-import '../../../_chunks/dep-5450cfc9.js';
-import '../../../_chunks/dep-f794d54d.js';
-import '../../../_chunks/dep-e170d39d.js';
-import '../../../_chunks/dep-c421f442.js';
-import '../../../_chunks/dep-7516af6b.js';
-import '../../../_chunks/dep-1018bfc9.js';
-import '../../../_chunks/dep-f555a04e.js';
-import '../../../_chunks/dep-b38db526.js';
-import '../../../_chunks/dep-2e1a3f0f.js';
-import '../../../_chunks/dep-043c0073.js';
-import '../../../_chunks/dep-27a469b1.js';
-import '../../../_chunks/dep-e741e76b.js';
-import '../../../_chunks/dep-0497e351.js';
-import '../../../_chunks/dep-1fd28a7f.js';
-import '../../../_chunks/dep-48112525.js';
-import '../../../_chunks/dep-0d9cdb75.js';
-import '../../../_chunks/dep-d461e8e9.js';
-import '../../../_chunks/dep-d4213652.js';
-import '../../../_chunks/dep-569a6b90.js';
-import '../../../_chunks/dep-32ef1cf4.js';
-import '../../../_chunks/dep-fb42f40c.js';
-import '../../../_chunks/dep-222083a7.js';
-import '../../../_chunks/dep-c7330b5e.js';
+import '../../../_chunks/dep-dbccc05e.js';
+import '../../../_chunks/dep-f0d3d471.js';
+import '../../../_chunks/dep-885e9a2d.js';
+import '../../../_chunks/dep-44b683be.js';
+import '../../../_chunks/dep-c3d89ae9.js';
+import '../../../_chunks/dep-32d75afe.js';
+import '../../../_chunks/dep-9b53e8ff.js';
+import '../../../_chunks/dep-a3736a5b.js';
+import '../../../_chunks/dep-99331e31.js';
+import '../../../_chunks/dep-4bfdbc67.js';
+import '../../../_chunks/dep-342f5c13.js';
+import '../../../_chunks/dep-fa759414.js';
+import '../../../_chunks/dep-815b8030.js';
+import '../../../_chunks/dep-d955008d.js';
+import '../../../_chunks/dep-4b43a3d2.js';
+import '../../../_chunks/dep-c651eeef.js';
+import '../../../_chunks/dep-b79524c9.js';
+import '../../../_chunks/dep-d5abe1ea.js';
+import '../../../_chunks/dep-119cc2fb.js';
+import '../../../_chunks/dep-38543584.js';
+import '../../../_chunks/dep-1ca4dc0f.js';
+import '../../../_chunks/dep-92b6e0d6.js';
+import '../../../_chunks/dep-f03d6a97.js';
+import '../../../_chunks/dep-687c48c2.js';
+import '../../../_chunks/dep-5400e28a.js';
+import '../../../_chunks/dep-e7eccaae.js';
+import '../../../_chunks/dep-2322cc84.js';
+import '../../../_chunks/dep-939a39e2.js';
 import '../../../locale/zh_CN.js';
 import '../../../_common/js/global-config/locale/zh_CN.js';
 import '../../../_common/js/global-config/default-config.js';

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

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.36.4
+ * tdesign v0.36.5-alpha.3
  * (c) 2022 tdesign
  * @license MIT
  */

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

@@ -1,61 +1,61 @@
 /**
- * tdesign v0.36.4
+ * tdesign v0.36.5-alpha.3
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-464074e8.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-e430d65b.js';
+import { _ as _defineProperty } from '../../_chunks/dep-eaf9d2e9.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-23cddccb.js';
 import React, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { Input } from '../../input/index.js';
 import { Color } from '../../_common/js/color-picker/color.js';
 import useClassname from '../hooks/useClassname.js';
-import '../../_chunks/dep-0b35c3c3.js';
+import '../../_chunks/dep-1f22ea83.js';
 import '../../input/Input.js';
-import '../../_chunks/dep-e170d39d.js';
-import '../../_chunks/dep-7ff8a6e1.js';
+import '../../_chunks/dep-a3736a5b.js';
+import '../../_chunks/dep-680e28a4.js';
 import 'tdesign-icons-react';
-import '../../_chunks/dep-5450cfc9.js';
-import '../../_chunks/dep-1bfef2f8.js';
-import '../../_chunks/dep-f794d54d.js';
-import '../../_chunks/dep-c421f442.js';
-import '../../_chunks/dep-7516af6b.js';
+import '../../_chunks/dep-32d75afe.js';
+import '../../_chunks/dep-f0d3d471.js';
+import '../../_chunks/dep-9b53e8ff.js';
+import '../../_chunks/dep-99331e31.js';
+import '../../_chunks/dep-4bfdbc67.js';
 import '../../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../../_util/useConfig.js';
-import '../../_chunks/dep-bd84497a.js';
-import '../../_chunks/dep-6a571ab1.js';
-import '../../_chunks/dep-0e5ce2b1.js';
-import '../../_chunks/dep-7e9e06ed.js';
-import '../../_chunks/dep-1018bfc9.js';
-import '../../_chunks/dep-f555a04e.js';
-import '../../_chunks/dep-b38db526.js';
-import '../../_chunks/dep-2e1a3f0f.js';
-import '../../_chunks/dep-043c0073.js';
-import '../../_chunks/dep-27a469b1.js';
-import '../../_chunks/dep-e741e76b.js';
-import '../../_chunks/dep-0497e351.js';
-import '../../_chunks/dep-1fd28a7f.js';
-import '../../_chunks/dep-48112525.js';
-import '../../_chunks/dep-0d9cdb75.js';
-import '../../_chunks/dep-d461e8e9.js';
-import '../../_chunks/dep-d4213652.js';
-import '../../_chunks/dep-569a6b90.js';
-import '../../_chunks/dep-32ef1cf4.js';
-import '../../_chunks/dep-fb42f40c.js';
-import '../../_chunks/dep-222083a7.js';
-import '../../_chunks/dep-c7330b5e.js';
+import '../../_chunks/dep-dbccc05e.js';
+import '../../_chunks/dep-885e9a2d.js';
+import '../../_chunks/dep-44b683be.js';
+import '../../_chunks/dep-c3d89ae9.js';
+import '../../_chunks/dep-342f5c13.js';
+import '../../_chunks/dep-fa759414.js';
+import '../../_chunks/dep-815b8030.js';
+import '../../_chunks/dep-d955008d.js';
+import '../../_chunks/dep-4b43a3d2.js';
+import '../../_chunks/dep-c651eeef.js';
+import '../../_chunks/dep-b79524c9.js';
+import '../../_chunks/dep-d5abe1ea.js';
+import '../../_chunks/dep-119cc2fb.js';
+import '../../_chunks/dep-38543584.js';
+import '../../_chunks/dep-1ca4dc0f.js';
+import '../../_chunks/dep-92b6e0d6.js';
+import '../../_chunks/dep-f03d6a97.js';
+import '../../_chunks/dep-687c48c2.js';
+import '../../_chunks/dep-5400e28a.js';
+import '../../_chunks/dep-e7eccaae.js';
+import '../../_chunks/dep-2322cc84.js';
+import '../../_chunks/dep-939a39e2.js';
 import '../../locale/zh_CN.js';
 import '../../_common/js/global-config/locale/zh_CN.js';
 import '../../_common/js/global-config/default-config.js';
 import '../../_util/helper.js';
-import '../../_chunks/dep-96c74bd9.js';
-import '../../_chunks/dep-ae128ab6.js';
-import '../../_chunks/dep-bbf6ecd2.js';
-import '../../_chunks/dep-337a96c8.js';
-import '../../_chunks/dep-4d3c80a2.js';
-import '../../_chunks/dep-87b86af5.js';
+import '../../_chunks/dep-cb307947.js';
+import '../../_chunks/dep-cbf57c4f.js';
+import '../../_chunks/dep-562df16d.js';
+import '../../_chunks/dep-9b0a94c1.js';
+import '../../_chunks/dep-52c22d7a.js';
+import '../../_chunks/dep-f3dc18bd.js';
 import '../../input/InputGroup.js';
 import '../../hooks/useControlled.js';
 import '../../_util/noop.js';
@@ -63,9 +63,9 @@ import '../../locale/LocalReceiver.js';
 import '../../config-provider/index.js';
 import '../../config-provider/ConfigProvider.js';
 import '../../input/defaultProps.js';
-import './style/css.js';
+import '../../input/style/css.js';
 import '../../input/type.js';
-import '../../_chunks/dep-c220e5fd.js';
+import '../../_chunks/dep-3674ae78.js';
 import 'tinycolor2';
 import '../../_common/js/color-picker/cmyk.js';
 import '../../_common/js/color-picker/gradient.js';

package/es/color-picker/const.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.36.4
+ * tdesign v0.36.5-alpha.3
  * (c) 2022 tdesign
  * @license MIT
  */

package/es/color-picker/defaultProps.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.36.4
+ * tdesign v0.36.5-alpha.3
  * (c) 2022 tdesign
  * @license MIT
  */