tdesign-react 0.31.2-alpha.1 → 0.32.0

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

@@ -0,0 +1,106 @@
+/**
+ * tdesign v0.32.0
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import { _ as _defineProperty } from '../../../_chunks/dep-8a61427d.js';
+import React, { useRef, useEffect } from 'react';
+import classNames from 'classnames';
+import { SLIDER_DEFAULT_WIDTH } from '../../const.js';
+import useDrag from '../../../_util/useDrag.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var ColorSlider = function ColorSlider(props) {
+  var color = props.color,
+      _props$className = props.className,
+      className = _props$className === void 0 ? "" : _props$className,
+      _props$value = props.value,
+      value = _props$value === void 0 ? 0 : _props$value,
+      _props$railStyle = props.railStyle,
+      railStyle = _props$railStyle === void 0 ? {} : _props$railStyle,
+      _props$maxValue = props.maxValue,
+      maxValue = _props$maxValue === void 0 ? 360 : _props$maxValue,
+      baseClassName = props.baseClassName,
+      disabled = props.disabled,
+      onChange = props.onChange;
+  var panelRef = useRef(null);
+  var thumbRef = useRef(null);
+  var isMovedRef = useRef(false);
+  var panelRectRef = useRef({
+    width: SLIDER_DEFAULT_WIDTH
+  });
+
+  var styles = function styles() {
+    var width = panelRectRef.current.width;
+
+    if (!width) {
+      return;
+    }
+
+    var left = Math.round(Number(value) / Number(maxValue) * width);
+    return {
+      left: "".concat(left, "px"),
+      color: color.rgb
+    };
+  };
+
+  var handleDrag = function handleDrag(coordinate, isEnded) {
+    if (disabled) {
+      return;
+    }
+
+    var width = panelRectRef.current.width;
+    var x = coordinate.x;
+    var value2 = Math.round(x / width * Number(maxValue) * 100) / 100;
+    isMovedRef.current = true;
+    onChange(value2, isEnded);
+  };
+
+  var handleDragEnd = function handleDragEnd(coordinate) {
+    if (disabled || !isMovedRef.current) {
+      return;
+    }
+
+    handleDrag(coordinate, true);
+    isMovedRef.current = false;
+  };
+
+  useDrag(panelRef, {
+    start: function start(coordinate) {
+      panelRectRef.current.width = panelRef.current.offsetWidth;
+      isMovedRef.current = false;
+      handleDrag(coordinate);
+    },
+    end: function end(coordinate) {
+      handleDragEnd(coordinate);
+    },
+    drag: function drag(coordinate) {
+      handleDrag(coordinate);
+    }
+  });
+  useEffect(function () {
+    panelRectRef.current.width = panelRef.current.offsetWidth || SLIDER_DEFAULT_WIDTH;
+  }, []);
+  return /* @__PURE__ */React.createElement("div", {
+    className: classNames("".concat(baseClassName, "__slider"), className),
+    ref: panelRef
+  }, /* @__PURE__ */React.createElement("div", {
+    className: "".concat(baseClassName, "__rail"),
+    style: railStyle
+  }), /* @__PURE__ */React.createElement("span", {
+    className: "".concat(baseClassName, "__thumb"),
+    role: "slider",
+    tabIndex: 0,
+    ref: thumbRef,
+    style: _objectSpread({}, styles())
+  }));
+};
+
+var ColorSlider$1 = /*#__PURE__*/React.memo(ColorSlider);
+
+export { ColorSlider$1 as default };
+//# sourceMappingURL=slider.js.map

package/esm/color-picker/components/panel/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sources":["../../../../src/color-picker/components/panel/slider.tsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport classnames from 'classnames';\nimport { SLIDER_DEFAULT_WIDTH } from '../../const';\nimport useDrag, { Coordinate } from '../../../_util/useDrag';\nimport { TdColorBaseProps } from '../../interface';\n\nexport interface TdColorSliderProps extends TdColorBaseProps {\n  className?: string;\n  value?: Number;\n  maxValue?: Number;\n  railStyle?: Object;\n}\n\nconst ColorSlider = (props: TdColorSliderProps) => {\n  const { color, className = '', value = 0, railStyle = {}, maxValue = 360, baseClassName, disabled, onChange } = props;\n  const panelRef = useRef<HTMLDivElement>(null);\n  const thumbRef = useRef<HTMLElement>(null);\n  const isMovedRef = useRef<boolean>(false);\n  const panelRectRef = useRef({\n    width: SLIDER_DEFAULT_WIDTH,\n  });\n\n  const styles = () => {\n    const { width } = panelRectRef.current;\n    if (!width) {\n      return;\n    }\n    const left = Math.round((Number(value) / Number(maxValue)) * width);\n    return {\n      left: `${left}px`,\n      color: color.rgb,\n    };\n  };\n\n  const handleDrag = (coordinate: Coordinate, isEnded?: boolean) => {\n    if (disabled) {\n      return;\n    }\n    const { width } = panelRectRef.current;\n    const { x } = coordinate;\n    const value = Math.round((x / width) * Number(maxValue) * 100) / 100;\n    isMovedRef.current = true;\n    onChange(value, isEnded);\n  };\n\n  const handleDragEnd = (coordinate: Coordinate) => {\n    if (disabled || !isMovedRef.current) {\n      return;\n    }\n\n    handleDrag(coordinate, true);\n    isMovedRef.current = false;\n  };\n\n  useDrag(panelRef, {\n    start: (coordinate: Coordinate) => {\n      // pop模式下由于是隐藏显示，这个宽度让其每次点击的时候重新计算\n      panelRectRef.current.width = panelRef.current.offsetWidth;\n      isMovedRef.current = false;\n      handleDrag(coordinate);\n    },\n    end: (coordinate: Coordinate) => {\n      handleDragEnd(coordinate);\n    },\n    drag: (coordinate: Coordinate) => {\n      handleDrag(coordinate);\n    },\n  });\n\n  useEffect(() => {\n    panelRectRef.current.width = panelRef.current.offsetWidth || SLIDER_DEFAULT_WIDTH;\n  }, []);\n\n  return (\n    <div className={classnames(`${baseClassName}__slider`, className)} ref={panelRef}>\n      <div className={`${baseClassName}__rail`} style={railStyle}></div>\n      <span\n        className={`${baseClassName}__thumb`}\n        role=\"slider\"\n        tabIndex={0}\n        ref={thumbRef}\n        style={{ ...styles() }}\n      ></span>\n    </div>\n  );\n};\n\nexport default React.memo(ColorSlider);\n"],"names":["ColorSlider","props","color","className","value","railStyle","maxValue","baseClassName","disabled","onChange","panelRef","useRef","thumbRef","isMovedRef","panelRectRef","width","SLIDER_DEFAULT_WIDTH","styles","current","left","Math","round","Number","rgb","handleDrag","coordinate","isEnded","x","value2","handleDragEnd","useDrag","start","offsetWidth","end","drag","useEffect","React","createElement","classnames","ref","style","role","tabIndex","memo"],"mappings":"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"}

package/esm/color-picker/components/panel/style/css.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/color-picker/components/panel/style/index.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+import '../../../style/index.js';

package/esm/color-picker/components/panel/swatches.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TdColorBaseProps } from '../../interface';
+export interface TdColorSwathcesProps extends TdColorBaseProps {
+    colors?: string[];
+    title?: String;
+    editable?: Boolean;
+    onSetColor?: Function;
+    handleAddColor?: Function;
+}
+declare const _default: React.MemoExoticComponent<(props: TdColorSwathcesProps) => JSX.Element>;
+export default _default;

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

@@ -0,0 +1,134 @@
+/**
+ * tdesign v0.32.0
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import React from 'react';
+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-1e5b43b6.js';
+import '../../../_chunks/dep-36c251e6.js';
+import '../../../_chunks/dep-63119f70.js';
+import '../../../_chunks/dep-8a61427d.js';
+import 'tinycolor2';
+import '../../../_common/js/color-picker/cmyk.js';
+import '../../../_common/js/color-picker/gradient.js';
+import '../../../_util/useConfig.js';
+import '../../../_chunks/dep-26b9f3d5.js';
+import '../../../_chunks/dep-20942df6.js';
+import '../../../_chunks/dep-c39c78cd.js';
+import '../../../_chunks/dep-ae758695.js';
+import '../../../_chunks/dep-8e097b2f.js';
+import '../../../_chunks/dep-a92150b2.js';
+import '../../../_chunks/dep-43f5f41f.js';
+import '../../../_chunks/dep-6bbd82f0.js';
+import '../../../_chunks/dep-e2a56b9c.js';
+import '../../../_chunks/dep-6cb0cfa2.js';
+import '../../../_chunks/dep-5045c746.js';
+import '../../../_chunks/dep-7ff49a9f.js';
+import '../../../_chunks/dep-ea4575dc.js';
+import '../../../_chunks/dep-9002343b.js';
+import '../../../_chunks/dep-45feb6ec.js';
+import '../../../_chunks/dep-bb5a950d.js';
+import '../../../_chunks/dep-5828c847.js';
+import '../../../_chunks/dep-92d9fa2a.js';
+import '../../../_chunks/dep-78d039c7.js';
+import '../../../_chunks/dep-770e3cfb.js';
+import '../../../_chunks/dep-75238982.js';
+import '../../../_chunks/dep-91c5c936.js';
+import '../../../_chunks/dep-15f50fa2.js';
+import '../../../locale/zh_CN.js';
+import '../../../_common/js/global-config/locale/zh_CN.js';
+import '../../../config-provider/zh_CN_config.js';
+
+var Swatches = function Swatches(props) {
+  var baseClassName = props.baseClassName,
+      _props$colors = props.colors,
+      colors = _props$colors === void 0 ? [] : _props$colors,
+      _props$title = props.title,
+      title = _props$title === void 0 ? "\u7CFB\u7EDF\u8272\u5F69" : _props$title,
+      _props$editable = props.editable,
+      editable = _props$editable === void 0 ? false : _props$editable,
+      onChange = props.onChange,
+      disabled = props.disabled,
+      onSetColor = props.onSetColor,
+      handleAddColor = props.handleAddColor;
+  var swatchesClass = "".concat(baseClassName, "__swatches");
+
+  var _useCommonClassName = useCommonClassName(),
+      statusClassNames = _useCommonClassName.STATUS;
+
+  var isEqualCurrentColor = function isEqualCurrentColor(color) {
+    return Color.compare(color, props.color.css);
+  };
+
+  var selectedColorIndex = function selectedColorIndex() {
+    return colors.findIndex(function (color) {
+      return isEqualCurrentColor(color);
+    });
+  };
+
+  var handleRemoveColor = function handleRemoveColor() {
+    var selectedIndex = selectedColorIndex();
+
+    if (selectedIndex > -1) {
+      var newColors = colors.filter(function (item, index) {
+        return index !== selectedIndex;
+      });
+      onChange(newColors);
+    }
+  };
+
+  var handleClick = function handleClick(color) {
+    return onSetColor(color);
+  };
+
+  return /* @__PURE__ */React.createElement("div", {
+    className: swatchesClass
+  }, /* @__PURE__ */React.createElement("h3", {
+    className: "".concat(swatchesClass, "--title")
+  }, /* @__PURE__ */React.createElement("span", null, title), editable && /* @__PURE__ */React.createElement("div", {
+    className: "".concat(swatchesClass, "--actions")
+  }, /* @__PURE__ */React.createElement("span", {
+    role: "button",
+    className: "".concat(baseClassName, "__icon"),
+    onClick: function onClick() {
+      return handleAddColor();
+    }
+  }, /* @__PURE__ */React.createElement(AddIcon, null)), colors.length > 0 ? /* @__PURE__ */React.createElement("span", {
+    role: "button",
+    className: "".concat(baseClassName, "__icon"),
+    onClick: function onClick() {
+      return handleRemoveColor();
+    }
+  }, /* @__PURE__ */React.createElement(DeleteIcon, null)) : null)), /* @__PURE__ */React.createElement("ul", {
+    className: classNames("".concat(swatchesClass, "--items"), "narrow-scrollbar")
+  }, colors.map(function (color) {
+    return /* @__PURE__ */React.createElement("li", {
+      className: classNames("".concat(swatchesClass, "--item"), isEqualCurrentColor(color) && editable ? statusClassNames.active : ""),
+      key: color,
+      onClick: function onClick() {
+        if (disabled) {
+          return;
+        }
+
+        handleClick(color);
+      }
+    }, /* @__PURE__ */React.createElement("div", {
+      className: classNames("".concat(swatchesClass, "--item__color"), "".concat(baseClassName, "--bg-alpha"))
+    }, /* @__PURE__ */React.createElement("span", {
+      className: "".concat(swatchesClass, "--item__inner"),
+      style: {
+        background: color
+      }
+    })));
+  })));
+};
+
+var SwatchesPanel = /*#__PURE__*/React.memo(Swatches);
+
+export { SwatchesPanel as default };
+//# sourceMappingURL=swatches.js.map

package/esm/color-picker/components/panel/swatches.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"swatches.js","sources":["../../../../src/color-picker/components/panel/swatches.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { DeleteIcon, AddIcon } from 'tdesign-icons-react';\nimport Color from '../../../_common/js/color-picker/color';\nimport { TdColorBaseProps } from '../../interface';\nimport useCommonClassName from '../../../_util/useCommonClassName';\n\nexport interface TdColorSwathcesProps extends TdColorBaseProps {\n  colors?: string[];\n  title?: String;\n  editable?: Boolean;\n  onSetColor?: Function;\n  handleAddColor?: Function;\n}\n\nconst Swatches = (props: TdColorSwathcesProps) => {\n  const {\n    baseClassName,\n    colors = [],\n    title = '系统色彩',\n    editable = false,\n    onChange,\n    disabled,\n    onSetColor,\n    handleAddColor,\n  } = props;\n  const swatchesClass = `${baseClassName}__swatches`;\n  const { STATUS: statusClassNames } = useCommonClassName();\n  const isEqualCurrentColor = (color: string) => Color.compare(color, props.color.css);\n\n  // 移除颜色\n  const selectedColorIndex = () => colors.findIndex((color) => isEqualCurrentColor(color));\n  const handleRemoveColor = () => {\n    const selectedIndex = selectedColorIndex();\n    if (selectedIndex > -1) {\n      const newColors = colors.filter((item, index) => index !== selectedIndex);\n      onChange(newColors);\n    }\n  };\n\n  const handleClick = (color: string) => onSetColor(color);\n\n  return (\n    <div className={swatchesClass}>\n      <h3 className={`${swatchesClass}--title`}>\n        <span>{title}</span>\n        {editable && (\n          <div className={`${swatchesClass}--actions`}>\n            <span role=\"button\" className={`${baseClassName}__icon`} onClick={() => handleAddColor()}>\n              <AddIcon />\n            </span>\n            {colors.length > 0 ? (\n              <span role=\"button\" className={`${baseClassName}__icon`} onClick={() => handleRemoveColor()}>\n                <DeleteIcon />\n              </span>\n            ) : null}\n          </div>\n        )}\n      </h3>\n      <ul className={classnames(`${swatchesClass}--items`, 'narrow-scrollbar')}>\n        {colors.map((color) => (\n          <li\n            className={classnames(\n              `${swatchesClass}--item`,\n              isEqualCurrentColor(color) && editable ? statusClassNames.active : '',\n            )}\n            key={color}\n            onClick={() => {\n              if (disabled) {\n                return;\n              }\n              handleClick(color);\n            }}\n          >\n            <div className={classnames(`${swatchesClass}--item__color`, `${baseClassName}--bg-alpha`)}>\n              <span\n                className={`${swatchesClass}--item__inner`}\n                style={{\n                  background: color,\n                }}\n              ></span>\n            </div>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nexport default React.memo(Swatches);\n"],"names":["Swatches","props","baseClassName","colors","title","editable","onChange","disabled","onSetColor","handleAddColor","swatchesClass","useCommonClassName","statusClassNames","STATUS","isEqualCurrentColor","color","Color","compare","css","selectedColorIndex","findIndex","handleRemoveColor","selectedIndex","newColors","filter","item","index","handleClick","React","createElement","className","role","onClick","AddIcon","length","DeleteIcon","classnames","map","active","key","style","background","memo"],"mappings":"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"}

package/esm/color-picker/components/style/css.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/color-picker/components/style/index.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+import '../../style/index.js';

package/esm/color-picker/components/trigger.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TdColorPickerProps } from '..';
+import { TdColorContext } from '../interface';
+export interface ColorTriggerProps extends TdColorPickerProps {
+    color?: string;
+    onTriggerChange?: (v?: string, context?: TdColorContext) => {};
+}
+declare const _default: React.MemoExoticComponent<(props: ColorTriggerProps) => JSX.Element>;
+export default _default;

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

@@ -0,0 +1,125 @@
+/**
+ * tdesign v0.32.0
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import { _ as _defineProperty } from '../../_chunks/dep-8a61427d.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-1e5b43b6.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-36c251e6.js';
+import '../../input/Input.js';
+import '../../_chunks/dep-6bbd82f0.js';
+import '../../_chunks/dep-3ccea244.js';
+import 'tdesign-icons-react';
+import '../../_chunks/dep-a92150b2.js';
+import '../../_chunks/dep-20942df6.js';
+import '../../_chunks/dep-43f5f41f.js';
+import '../../_chunks/dep-e2a56b9c.js';
+import '../../_util/forwardRefWithStatics.js';
+import 'hoist-non-react-statics';
+import '../../_util/useConfig.js';
+import '../../_chunks/dep-26b9f3d5.js';
+import '../../_chunks/dep-c39c78cd.js';
+import '../../_chunks/dep-ae758695.js';
+import '../../_chunks/dep-8e097b2f.js';
+import '../../_chunks/dep-6cb0cfa2.js';
+import '../../_chunks/dep-5045c746.js';
+import '../../_chunks/dep-7ff49a9f.js';
+import '../../_chunks/dep-ea4575dc.js';
+import '../../_chunks/dep-9002343b.js';
+import '../../_chunks/dep-45feb6ec.js';
+import '../../_chunks/dep-bb5a950d.js';
+import '../../_chunks/dep-5828c847.js';
+import '../../_chunks/dep-92d9fa2a.js';
+import '../../_chunks/dep-78d039c7.js';
+import '../../_chunks/dep-770e3cfb.js';
+import '../../_chunks/dep-75238982.js';
+import '../../_chunks/dep-91c5c936.js';
+import '../../_chunks/dep-15f50fa2.js';
+import '../../locale/zh_CN.js';
+import '../../_common/js/global-config/locale/zh_CN.js';
+import '../../config-provider/zh_CN_config.js';
+import '../../_util/helper.js';
+import '../../_chunks/dep-6d1a8abd.js';
+import '../../_chunks/dep-266d4260.js';
+import '../../_chunks/dep-f27cf3cb.js';
+import '../../_chunks/dep-53a6daf2.js';
+import '../../_chunks/dep-87f75a09.js';
+import '../../input/InputGroup.js';
+import '../../_util/useDefaultValue.js';
+import '../../_util/useDefault.js';
+import '../../_util/noop.js';
+import '../../locale/LocalReceiver.js';
+import '../../config-provider/index.js';
+import '../../config-provider/ConfigProvider.js';
+import '../../input/style/index.js';
+import '../../input/type.js';
+import '../../_chunks/dep-63119f70.js';
+import 'tinycolor2';
+import '../../_common/js/color-picker/cmyk.js';
+import '../../_common/js/color-picker/gradient.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var ColorPickerTrigger = function ColorPickerTrigger(props) {
+  var baseClassName = useClassname();
+  var _props$color = props.color,
+      color = _props$color === void 0 ? "" : _props$color,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      _props$inputProps = props.inputProps,
+      inputProps = _props$inputProps === void 0 ? {
+    autoWidth: true
+  } : _props$inputProps,
+      onTriggerChange = props.onTriggerChange;
+
+  var _useState = useState(color),
+      _useState2 = _slicedToArray(_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1];
+
+  var handleChange = function handleChange(input) {
+    if (Color.isValid(input)) {
+      setValue(input);
+    } else {
+      setValue(color);
+    }
+  };
+
+  useEffect(function () {
+    onTriggerChange(value);
+  }, [value]);
+  useEffect(function () {
+    setValue(color);
+  }, [color]);
+  return /* @__PURE__ */React.createElement("div", {
+    className: "".concat(baseClassName, "__trigger--default")
+  }, /* @__PURE__ */React.createElement(Input, _objectSpread(_objectSpread({}, inputProps), {}, {
+    value: value,
+    disabled: disabled,
+    label: /* @__PURE__ */React.createElement("div", {
+      className: classNames("".concat(baseClassName, "__trigger--default__color"), "".concat(baseClassName, "--bg-alpha"))
+    }, /* @__PURE__ */React.createElement("span", {
+      className: "color-inner",
+      style: {
+        background: value
+      }
+    })),
+    onBlur: handleChange,
+    onChange: function onChange(v) {
+      return setValue(v);
+    }
+  })));
+};
+
+var ColorTrigger = /*#__PURE__*/React.memo(ColorPickerTrigger);
+
+export { ColorTrigger as default };
+//# sourceMappingURL=trigger.js.map

package/esm/color-picker/components/trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trigger.js","sources":["../../../src/color-picker/components/trigger.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport classNames from 'classnames';\nimport { Input } from '../../input';\nimport ColorLib from '../../_common/js/color-picker/color';\nimport { TdColorPickerProps } from '..';\nimport useClassname from '../hooks/useClassname';\nimport { TdColorContext } from '../interface';\n\nexport interface ColorTriggerProps extends TdColorPickerProps {\n  color?: string;\n  onTriggerChange?: (v?: string, context?: TdColorContext) => {};\n}\n\nconst ColorPickerTrigger = (props: ColorTriggerProps) => {\n  const baseClassName = useClassname();\n  const {\n    color = '',\n    disabled = false,\n    inputProps = {\n      autoWidth: true,\n    },\n    onTriggerChange,\n  } = props;\n\n  const [value, setValue] = useState(color);\n\n  const handleChange = (input: string) => {\n    if (ColorLib.isValid(input)) {\n      setValue(input);\n    } else {\n      setValue(color);\n    }\n  };\n\n  useEffect(() => {\n    onTriggerChange(value);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value]);\n\n  useEffect(() => {\n    setValue(color);\n  }, [color]);\n\n  return (\n    <div className={`${baseClassName}__trigger--default`}>\n      <Input\n        {...inputProps}\n        value={value}\n        disabled={disabled}\n        label={\n          <div className={classNames(`${baseClassName}__trigger--default__color`, `${baseClassName}--bg-alpha`)}>\n            <span\n              className={'color-inner'}\n              style={{\n                background: value,\n              }}\n            ></span>\n          </div>\n        }\n        onBlur={handleChange}\n        onChange={(v: string) => setValue(v)}\n      />\n    </div>\n  );\n};\n\nexport default React.memo(ColorPickerTrigger);\n"],"names":["ColorPickerTrigger","props","baseClassName","useClassname","color","disabled","inputProps","autoWidth","onTriggerChange","useState","value","setValue","handleChange","input","ColorLib","isValid","useEffect","React","createElement","className","Input","label","classNames","style","background","onBlur","onChange","v","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAAW;AACpC,EAAMC,IAAAA,aAAa,GAAGC,YAAY,EAAlC,CAAA;AACA,EAOIF,IAAAA,YAAAA,GAAAA,KAPJ,CACEG,KADF;AAAA,MACEA,KADF,6BACU,EADV,GAAA,YAAA;AAAA,MAOIH,eAAAA,GAAAA,KAPJ,CAEEI,QAFF;AAAA,MAEEA,QAFF,gCAEa,KAFb,GAAA,eAAA;AAAA,MAOIJ,iBAAAA,GAAAA,KAPJ,CAGEK,UAHF;AAAA,MAGEA,UAHF,GAGe,iBAAA,KAAA,KAAA,CAAA,GAAA;AACXC,IAAAA,SAAS,EAAE,IAAA;AADA,GAHf,GAAA,iBAAA;AAAA,MAMEC,eANF,GAOIP,KAPJ,CAMEO,eANF,CAAA;;AAQA,EAA0BC,IAAAA,SAAAA,GAAAA,QAAQ,CAACL,KAAD,CAAlC;AAAA,MAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAA,MAAOM,KAAP,GAAA,UAAA,CAAA,CAAA,CAAA;AAAA,MAAcC,QAAd,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;;AACA,EAAA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAW;AAC9B,IAAA,IAAIC,KAAQ,CAACC,OAAT,CAAiBF,KAAjB,CAAJ,EAA6B;AAC3BF,MAAAA,QAAQ,CAACE,KAAD,CAAR,CAAA;AACD,KAFD,MAEO;AACLF,MAAAA,QAAQ,CAACP,KAAD,CAAR,CAAA;AACD,KAAA;AACF,GAND,CAAA;;AAOAY,EAAAA,SAAS,CAAC,YAAM;AACdR,IAAAA,eAAe,CAACE,KAAD,CAAf,CAAA;AACD,GAFQ,EAEN,CAACA,KAAD,CAFM,CAAT,CAAA;AAGAM,EAAAA,SAAS,CAAC,YAAM;AACdL,IAAAA,QAAQ,CAACP,KAAD,CAAR,CAAA;AACD,GAFQ,EAEN,CAACA,KAAD,CAFM,CAAT,CAAA;AAGA,EAAA,sBAAuBa,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAChDC,IAAAA,SAAS,YAAKjB,aAAL,EAAA,oBAAA,CAAA;AADuC,GAA3B,iBAEJe,KAAK,CAACC,aAAN,CAAoBE,KAApB,kCACdd,UADc,CAAA,EAAA,EAAA,EAAA;AAEjBI,IAAAA,KAAK,EAALA,KAFiB;AAGjBL,IAAAA,QAAQ,EAARA,QAHiB;AAIjBgB,IAAAA,KAAK,iBAAkBJ,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAChDC,MAAAA,SAAS,EAAEG,UAAU,CAAIpB,EAAAA,CAAAA,MAAAA,CAAAA,aAAJ,0CAAiDA,aAAjD,EAAA,YAAA,CAAA,CAAA;AAD2B,KAA3B,iBAEJe,KAAK,CAACC,aAAN,CAAoB,MAApB,EAA4B;AAC7CC,MAAAA,SAAS,EAAE,aADkC;AAE7CI,MAAAA,KAAK,EAAE;AACLC,QAAAA,UAAU,EAAEd,KAAAA;AADP,OAAA;AAFsC,KAA5B,CAFI,CAJN;AAYjBe,IAAAA,MAAM,EAAEb,YAZS;AAajBc,IAAAA,QAAQ,EAAE,SAAA,QAAA,CAACC,CAAD,EAAA;AAAA,MAAOhB,OAAAA,QAAQ,CAACgB,CAAD,CAAf,CAAA;AAAA,KAAA;AAbO,GAAA,CAAA,CAFI,CAAvB,CAAA;AAiBD,CAzCD,CAAA;;AA0CA,mBAAA,aAAeV,KAAK,CAACW,IAAN,CAAW5B,kBAAX,CAAf;;;;"}

package/esm/color-picker/const.d.ts

@@ -0,0 +1,15 @@
+import { TdColorPickerProps } from '.';
+/** 常量 */
+export declare const TD_COLOR_USED_COLORS_MAX_SIZE = 100;
+export declare const COLOR_MODES: {
+    monochrome: string;
+    'linear-gradient': string;
+};
+export declare const FORMATS: TdColorPickerProps['format'][];
+export declare const DEFAULT_COLOR = "#001F97";
+export declare const DEFAULT_LINEAR_GRADIENT = "linear-gradient(90deg, rgba(241,29,0,1) 0%, rgba(73,106,220,1) 100%);";
+export declare const DEFAULT_SYSTEM_SWATCH_COLORS: string[];
+export declare const SATURATION_PANEL_DEFAULT_WIDTH = 248;
+export declare const SATURATION_PANEL_DEFAULT_HEIGHT = 140;
+export declare const SLIDER_DEFAULT_WIDTH = 248;
+export declare const GRADIENT_SLIDER_DEFAULT_WIDTH = 190;

package/esm/color-picker/const.js

@@ -0,0 +1,22 @@
+/**
+ * tdesign v0.32.0
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+var TD_COLOR_USED_COLORS_MAX_SIZE = 100;
+var COLOR_MODES = {
+  monochrome: "\u5355\u8272",
+  "linear-gradient": "\u6E10\u53D8"
+};
+var FORMATS = ["HEX", "RGB", "HSL", "HSV", "CMYK", "CSS"];
+var DEFAULT_COLOR = "#001F97";
+var DEFAULT_LINEAR_GRADIENT = "linear-gradient(90deg, rgba(241,29,0,1) 0%, rgba(73,106,220,1) 100%);";
+var DEFAULT_SYSTEM_SWATCH_COLORS = ["#ECF2FE", "#D4E3FC", "#BBD3FB", "#96BBF8", "#699EF5", "#4787F0", "#266FE8", "#0052D9", "#0034B5", "#001F97", "#FDECEE", "#F9D7D9", "#F8B9BE", "#F78D94", "#F36D78", "#E34D59", "#C9353F", "#B11F26", "#951114", "#680506", "#FEF3E6", "#F9E0C7", "#F7C797", "#F2995F", "#ED7B2F", "#D35A21", "#BA431B", "#9E3610", "#842B0B", "#5A1907", "#E8F8F2", "#BCEBDC", "#85DBBE", "#48C79C", "#00A870", "#078D5C", "#067945", "#056334", "#044F2A", "#033017"];
+var SATURATION_PANEL_DEFAULT_WIDTH = 248;
+var SATURATION_PANEL_DEFAULT_HEIGHT = 140;
+var SLIDER_DEFAULT_WIDTH = 248;
+var GRADIENT_SLIDER_DEFAULT_WIDTH = 190;
+
+export { COLOR_MODES, DEFAULT_COLOR, DEFAULT_LINEAR_GRADIENT, DEFAULT_SYSTEM_SWATCH_COLORS, FORMATS, GRADIENT_SLIDER_DEFAULT_WIDTH, SATURATION_PANEL_DEFAULT_HEIGHT, SATURATION_PANEL_DEFAULT_WIDTH, SLIDER_DEFAULT_WIDTH, TD_COLOR_USED_COLORS_MAX_SIZE };
+//# sourceMappingURL=const.js.map

package/esm/color-picker/const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.js","sources":["../../src/color-picker/const.ts"],"sourcesContent":["import { TdColorPickerProps } from '.';\n\n/** 常量 */\n\n// 最近使用颜色最大个数\nexport const TD_COLOR_USED_COLORS_MAX_SIZE = 100; // 每行10个\n\n// 颜色模式options配置\nexport const COLOR_MODES = {\n  monochrome: '单色',\n  'linear-gradient': '渐变',\n};\n\n// 非透明色格式化类型\nexport const FORMATS: TdColorPickerProps['format'][] = ['HEX', 'RGB', 'HSL', 'HSV', 'CMYK', 'CSS'];\n\n// 默认颜色\nexport const DEFAULT_COLOR = '#001F97';\n\n// 默认渐变色\nexport const DEFAULT_LINEAR_GRADIENT = 'linear-gradient(90deg, rgba(241,29,0,1) 0%, rgba(73,106,220,1) 100%);';\n\n// 默认系统色彩\nexport const DEFAULT_SYSTEM_SWATCH_COLORS = [\n  '#ECF2FE',\n  '#D4E3FC',\n  '#BBD3FB',\n  '#96BBF8',\n  '#699EF5',\n  '#4787F0',\n  '#266FE8',\n  '#0052D9',\n  '#0034B5',\n  '#001F97',\n  '#FDECEE',\n  '#F9D7D9',\n  '#F8B9BE',\n  '#F78D94',\n  '#F36D78',\n  '#E34D59',\n  '#C9353F',\n  '#B11F26',\n  '#951114',\n  '#680506',\n  '#FEF3E6',\n  '#F9E0C7',\n  '#F7C797',\n  '#F2995F',\n  '#ED7B2F',\n  '#D35A21',\n  '#BA431B',\n  '#9E3610',\n  '#842B0B',\n  '#5A1907',\n  '#E8F8F2',\n  '#BCEBDC',\n  '#85DBBE',\n  '#48C79C',\n  '#00A870',\n  '#078D5C',\n  '#067945',\n  '#056334',\n  '#044F2A',\n  '#033017',\n];\n\n// saturation-panel default rect\nexport const SATURATION_PANEL_DEFAULT_WIDTH = 248;\nexport const SATURATION_PANEL_DEFAULT_HEIGHT = 140;\nexport const SLIDER_DEFAULT_WIDTH = 248;\nexport const GRADIENT_SLIDER_DEFAULT_WIDTH = 190;\n"],"names":["TD_COLOR_USED_COLORS_MAX_SIZE","COLOR_MODES","monochrome","FORMATS","DEFAULT_COLOR","DEFAULT_LINEAR_GRADIENT","DEFAULT_SYSTEM_SWATCH_COLORS","SATURATION_PANEL_DEFAULT_WIDTH","SATURATION_PANEL_DEFAULT_HEIGHT","SLIDER_DEFAULT_WIDTH","GRADIENT_SLIDER_DEFAULT_WIDTH"],"mappings":";;;;;;AAAO,IAAMA,6BAA6B,GAAG,IAAtC;AACA,IAAMC,WAAW,GAAG;AACzBC,EAAAA,UAAU,EAAE,cADa;AAEzB,EAAmB,iBAAA,EAAA,cAAA;AAFM,EAApB;AAIMC,IAAAA,OAAO,GAAG,CAAC,KAAD,EAAQ,KAAR,EAAe,KAAf,EAAsB,KAAtB,EAA6B,MAA7B,EAAqC,KAArC,EAAhB;AACA,IAAMC,aAAa,GAAG,UAAtB;AACA,IAAMC,uBAAuB,GAAG,wEAAhC;IACMC,4BAA4B,GAAG,CAC1C,SAD0C,EAE1C,SAF0C,EAG1C,SAH0C,EAI1C,SAJ0C,EAK1C,SAL0C,EAM1C,SAN0C,EAO1C,SAP0C,EAQ1C,SAR0C,EAS1C,SAT0C,EAU1C,SAV0C,EAW1C,SAX0C,EAY1C,SAZ0C,EAa1C,SAb0C,EAc1C,SAd0C,EAe1C,SAf0C,EAgB1C,SAhB0C,EAiB1C,SAjB0C,EAkB1C,SAlB0C,EAmB1C,SAnB0C,EAoB1C,SApB0C,EAqB1C,SArB0C,EAsB1C,SAtB0C,EAuB1C,SAvB0C,EAwB1C,SAxB0C,EAyB1C,SAzB0C,EA0B1C,SA1B0C,EA2B1C,SA3B0C,EA4B1C,SA5B0C,EA6B1C,SA7B0C,EA8B1C,SA9B0C,EA+B1C,SA/B0C,EAgC1C,SAhC0C,EAiC1C,SAjC0C,EAkC1C,SAlC0C,EAmC1C,SAnC0C,EAoC1C,SApC0C,EAqC1C,SArC0C,EAsC1C,SAtC0C,EAuC1C,SAvC0C,EAwC1C,SAxC0C,EAArC;AA0CA,IAAMC,8BAA8B,GAAG,IAAvC;AACA,IAAMC,+BAA+B,GAAG,IAAxC;AACA,IAAMC,oBAAoB,GAAG,IAA7B;AACA,IAAMC,6BAA6B,GAAG;;;;"}

package/esm/color-picker/hooks/useClassname.d.ts

@@ -0,0 +1,2 @@
+declare const useClassname: () => string;
+export default useClassname;

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

@@ -0,0 +1,46 @@
+/**
+ * tdesign v0.32.0
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import useConfig from '../../_util/useConfig.js';
+import 'react';
+import '../../_chunks/dep-26b9f3d5.js';
+import '../../_chunks/dep-8a61427d.js';
+import '../../_chunks/dep-20942df6.js';
+import '../../_chunks/dep-c39c78cd.js';
+import '../../_chunks/dep-ae758695.js';
+import '../../_chunks/dep-8e097b2f.js';
+import '../../_chunks/dep-a92150b2.js';
+import '../../_chunks/dep-43f5f41f.js';
+import '../../_chunks/dep-6bbd82f0.js';
+import '../../_chunks/dep-e2a56b9c.js';
+import '../../_chunks/dep-6cb0cfa2.js';
+import '../../_chunks/dep-5045c746.js';
+import '../../_chunks/dep-7ff49a9f.js';
+import '../../_chunks/dep-ea4575dc.js';
+import '../../_chunks/dep-9002343b.js';
+import '../../_chunks/dep-45feb6ec.js';
+import '../../_chunks/dep-bb5a950d.js';
+import '../../_chunks/dep-5828c847.js';
+import '../../_chunks/dep-92d9fa2a.js';
+import '../../_chunks/dep-78d039c7.js';
+import '../../_chunks/dep-770e3cfb.js';
+import '../../_chunks/dep-75238982.js';
+import '../../_chunks/dep-91c5c936.js';
+import '../../_chunks/dep-15f50fa2.js';
+import '../../locale/zh_CN.js';
+import '../../_common/js/global-config/locale/zh_CN.js';
+import '../../config-provider/zh_CN_config.js';
+
+var useClassname = function useClassname() {
+  var _useConfig = useConfig(),
+      classPrefix = _useConfig.classPrefix;
+
+  var baseClassName = "".concat(classPrefix, "-color-picker");
+  return baseClassName;
+};
+
+export { useClassname as default };
+//# sourceMappingURL=useClassname.js.map

package/esm/color-picker/hooks/useClassname.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClassname.js","sources":["../../../src/color-picker/hooks/useClassname.ts"],"sourcesContent":["import useConfig from '../../_util/useConfig';\n\nconst useClassname = () => {\n  const { classPrefix } = useConfig();\n  const baseClassName = `${classPrefix}-color-picker`;\n  return baseClassName;\n};\n\nexport default useClassname;\n"],"names":["useClassname","useConfig","classPrefix","baseClassName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAMA,YAAY,GAAG,SAAfA,YAAe,GAAM;AACzB,EAAA,IAAA,UAAA,GAAwBC,SAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR,CAAA;;AACA,EAAMC,IAAAA,aAAa,GAAMD,EAAAA,CAAAA,MAAAA,CAAAA,WAAN,EAAnB,eAAA,CAAA,CAAA;AACA,EAAA,OAAOC,aAAP,CAAA;AACD;;;;"}

package/esm/color-picker/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import './style';
+export type { ColorPickerProps } from './interface';
+export * from './type';
+export declare const ColorPickerPanel: import("react").MemoExoticComponent<{
+    (props: import("./interface").ColorPickerProps): JSX.Element;
+    displayName: string;
+}>;
+export declare const ColorPicker: import("react").NamedExoticComponent<import("./interface").ColorPickerProps>;
+export default ColorPicker;