@tendaui/react 1.2.4 → 1.3.0

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

@@ -1,11 +1,12 @@
 import { _ as _defineProperty } from '../../../../_chunks/dep-Cwish4GD.js';
 import { _ as _slicedToArray } from '../../../../_chunks/dep-CzLhKWCf.js';
-import React, { useState } from 'react';
-import { getColorFormatOptions } from '../../../utils/color-picker/index.js';
+import React__default, { useState } from 'react';
+import '../../../utils/color-picker/index.js';
 import { Select } from '../../../../select/index.js';
 import FormatInputs from './inputs.js';
+import { a as getColorFormatOptions } from '../../../../_chunks/dep-BK4_iOSv.js';
 import '../../../../_chunks/dep-D-UKOauR.js';
-import '../../../../_chunks/dep-DJmE940f.js';
+import '../../../../_chunks/dep-CHpQ3xhh.js';
 import '../../../../_chunks/dep-Chz4ZJCb.js';
 import '../../../../_chunks/dep-zOZQ0R9g.js';
 import 'lodash-es';
@@ -13,15 +14,16 @@ import '../../../../_chunks/dep-CgyDw_YI.js';
 import '../../../../select/Select.js';
 import '../../../../_chunks/dep-DN7d1SzH.js';
 import 'classnames';
-import '../../../../_chunks/dep-DQ6kXoi8.js';
-import '../../../../_chunks/dep-DwWrhxkd.js';
-import '../../../../_chunks/dep-gy8uvBaS.js';
-import '../../../../_chunks/dep-5U9UjDaf.js';
+import '../../../../_chunks/dep-DHWwZ2Nj.js';
+import '../../../../_chunks/dep-grkSd2UB.js';
+import '../../../../_chunks/dep-u1x3x6MJ.js';
+import '../../../../config-provider/ConfigContext.js';
+import '../../../../_chunks/dep--nQ-cjme.js';
 import 'dayjs';
 import '../../../../_chunks/dep-BP0-apUT.js';
 import 'hoist-non-react-statics';
-import '../../../../_chunks/dep-CJCt0IS0.js';
-import '../../../../_chunks/dep-Bjfn7Zv_.js';
+import '../../../../_chunks/dep-Cd1UOXnJ.js';
+import '../../../../_chunks/dep-2HsCYcmp.js';
 import '../../../../_chunks/dep-DGvfel3I.js';
 import '../../../../select/Option.js';
 import '../../../../_chunks/dep-PPA-yoAy.js';
@@ -43,8 +45,8 @@ import '../../../../select-input/hook/useSingle.js';
 import '../../../../input/index.js';
 import '../../../../input/Input.js';
 import '@tendaui/icons';
-import '../../../../_chunks/dep-D6YxJv-F.js';
-import '../../../../_chunks/dep-CD_4-1Xb.js';
+import '../../../../_chunks/dep-spxR0DG0.js';
+import '../../../../_chunks/dep-UHQn9biR.js';
 import '../../../../config-provider/index.js';
 import '../../../../config-provider/ConfigProvider.js';
 import '../../../../input/InputGroup.js';
@@ -55,14 +57,14 @@ import '../../../../tag-input/TagInput.js';
 import '../../../../tag-input/hooks/useTagList.js';
 import '../../../../tag/index.js';
 import '../../../../tag/Tag.js';
-import '../../../../_chunks/dep-ByzdZjUR.js';
+import '../../../../_chunks/dep-bWaVq_y3.js';
 import '../../../../tag/style/css.js';
 import '../../../../hooks/useDragSorter.js';
 import '../../../../tag-input/style/css.js';
 import '../../../../popup/index.js';
 import '../../../../popup/Popup.js';
 import '../../../../portal/Portal.js';
-import '../../../../_chunks/dep-CkmtEv0Y.js';
+import '../../../../_chunks/dep-B2D1svZy.js';
 import 'react-is';
 import '../../../../_chunks/dep-C1XcmShP.js';
 import '../../../../_chunks/dep-Ccktr_jk.js';
@@ -71,7 +73,7 @@ import 'react-fast-compare';
 import 'react-transition-group';
 import '../../../../popup/style/css.js';
 import '../../../../select-input/style/css.js';
-import '../../../../_chunks/dep-aX8qrQpB.js';
+import '../../../../_chunks/dep-BbOvNxhg.js';
 import '../../../../select/style/css.js';
 import '../../../../input-number/index.js';
 import '../../../../input-number/InputNumber.js';
@@ -80,7 +82,7 @@ import '../../../../button/Button.js';
 import '../../../../button/style/css.js';
 import '../../../../input-number/useInputNumber.js';
 import '../../../../utils/log/index.js';
-import '../../../../_chunks/dep-DTlQ2dCA.js';
+import '../../../../_chunks/dep--qagmRQa.js';
 import '../../../../input-number/style/css.js';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -97,11 +99,11 @@ var FormatPanel = function FormatPanel(props) {
   var handleModeChange = function handleModeChange(v) {
     setFormatMode(v);
   };
-  return /* @__PURE__ */React.createElement("div", {
+  return /* @__PURE__ */React__default.createElement("div", {
     className: "".concat(baseClassName, "__format")
-  }, /* @__PURE__ */React.createElement("div", {
+  }, /* @__PURE__ */React__default.createElement("div", {
     className: "".concat(baseClassName, "__format--item")
-  }, /* @__PURE__ */React.createElement(Select, {
+  }, /* @__PURE__ */React__default.createElement(Select, {
     size: "small",
     className: "".concat(baseClassName, "__format-mode-select"),
     popupProps: _objectSpread({
@@ -111,7 +113,7 @@ var FormatPanel = function FormatPanel(props) {
     value: formatMode,
     onChange: handleModeChange
   }, getColorFormatOptions(enableAlpha).map(function (item) {
-    return /* @__PURE__ */React.createElement(Select.Option, {
+    return /* @__PURE__ */React__default.createElement(Select.Option, {
       key: item,
       value: item,
       label: item,
@@ -119,13 +121,13 @@ var FormatPanel = function FormatPanel(props) {
         fontSize: "12px"
       }
     });
-  }))), /* @__PURE__ */React.createElement("div", {
+  }))), /* @__PURE__ */React__default.createElement("div", {
     className: "".concat(baseClassName, "__format--item")
-  }, /* @__PURE__ */React.createElement(FormatInputs, _objectSpread(_objectSpread({}, props), {}, {
+  }, /* @__PURE__ */React__default.createElement(FormatInputs, _objectSpread(_objectSpread({}, props), {}, {
     format: formatMode
   }))));
 };
-var index = /*#__PURE__*/React.memo(FormatPanel);
+var FormatPanel$1 = /*#__PURE__*/React__default.memo(FormatPanel);
 
-export { index as default };
+export { FormatPanel$1 as default };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../components/color-picker/components/panel/format/index.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Color, getColorFormatOptions } from \"../../../utils/color-picker\";\nimport Select from \"../../../../select\";\nimport type { TdColorPickerProps } from \"../../../type\";\nimport FormatInputs from \"./inputs\";\n\nexport interface TdColorFormatProps extends TdColorPickerProps {\n  onInputChange: () => void;\n  baseClassName: string;\n  color: Color;\n}\n\nconst FormatPanel = (props: TdColorFormatProps) => {\n  const { enableAlpha, baseClassName, format, selectInputProps } = props;\n  const [formatMode, setFormatMode] = useState(format);\n\n  const handleModeChange = (v: TdColorPickerProps[\"format\"]) => {\n    setFormatMode(v);\n  };\n\n  return (\n    <div className={`${baseClassName}__format`}>\n      <div className={`${baseClassName}__format--item`}>\n        <Select\n          size=\"small\"\n          className={`${baseClassName}__format-mode-select`}\n          popupProps={{\n            overlayClassName: `${baseClassName}__select-options`,\n            ...selectInputProps?.popupProps\n          }}\n          autoWidth\n          value={formatMode}\n          onChange={handleModeChange}\n        >\n          {getColorFormatOptions(enableAlpha).map((item) => (\n            <Select.Option key={item} value={item} label={item} style={{ fontSize: \"12px\" }} />\n          ))}\n        </Select>\n      </div>\n      <div className={`${baseClassName}__format--item`}>\n        <FormatInputs {...props} format={formatMode} />\n      </div>\n    </div>\n  );\n};\n\nexport default React.memo(FormatPanel);\n"],"names":["FormatPanel","props","enableAlpha","baseClassName","format","selectInputProps","_useState","useState","_useState2","_slicedToArray","formatMode","setFormatMode","handleModeChange","v","React","createElement","className","concat","Select","size","popupProps","_objectSpread","overlayClassName","autoWidth","value","onChange","getColorFormatOptions","map","item","Option","key","label","style","fontSize","FormatInputs","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAMA,WAAA,GAAc,SAAdA,WAAAA,CAAeC,KAAA,EAA8B;AACjD,EAAA,IAAQC,WAAA,GAAyDD,KAAA,CAAzDC,WAAA;IAAaC,aAAA,GAA4CF,KAAA,CAA5CE,aAAA;IAAeC,MAAA,GAA6BH,KAAA,CAA7BG,MAAA;IAAQC,mBAAqBJ,KAAA,CAArBI;AAC5C,EAAA,IAAAC,SAAA,GAAoCC,SAASH,MAAM,CAAA;IAAAI,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA5CI,IAAAA,UAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAYG,IAAAA,aAAa,GAAAH,UAAA,CAAA,CAAA,CAAA;AAEhC,EAAA,IAAMI,gBAAA,GAAmB,SAAnBA,gBAAAA,CAAoBC,CAAA,EAAoC;IAC5DF,aAAA,CAAcE,CAAC,CAAA;EACjB,CAAA;AAEA,EAAA,sBACEC,KAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;IAAIC,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAcd,aAAa,EAAA,UAAA;AAAA,GAAA,iBAC9BW,KAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;IAAIC,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAcd,aAAa,EAAA,gBAAA;AAAA,GAAA,iBAC9BW,KAAA,CAAAC,aAAA,CAACG,MAAA,EAAA;AACCC,IAAAA,IAAA,EAAK,OAAA;AACLH,IAAAA,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAcd,aAAa,EAAA,sBAAA,CAAA;AAC3BiB,IAAAA,UAAA,EAAAC,aAAA,CAAA;MACEC,gBAAA,EAAA,EAAA,CAAAL,MAAA,CAAqBd,aAAa,EAAA,kBAAA;AAAA,KAAA,EAC/BE,gBAAA,KAAA,IAAA,IAAAA,gBAAA,uBAAAA,gBAAA,CAAkBe,UAAA,CACvB;AACAG,IAAAA,SAAA,EAAS,IAAA;AACTC,IAAAA,KAAA,EAAOd,UAAA;AACPe,IAAAA,QAAA,EAAUb;GAAA,EAETc,qBAAA,CAAsBxB,WAAW,CAAA,CAAEyB,GAAA,CAAI,UAACC,IAAA,EAAA;IAAA,sBACvCd,KAAA,CAAAC,aAAA,CAACG,OAAOW,MAAA,EAAP;AAAcC,MAAAA,KAAKF,IAAA;AAAMJ,MAAAA,KAAA,EAAOI;AAAMG,MAAAA,KAAA,EAAOH,IAAA;AAAMI,MAAAA,OAAO;AAAEC,QAAAA,QAAA,EAAU;AAAO;AAAA,KAAG,CAClF;EAAA,CAAA,CACH,CACF,CAAA,iBACAnB,KAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;IAAIC,qBAAcb,aAAa,EAAA,gBAAA;AAAA,GAAA,iBAC9BW,KAAA,CAAAC,aAAA,CAACmB,8CAAiBjC,KAAA,CAAA,EAAA,EAAA,EAAA;AAAOG,IAAAA,MAAA,EAAQM;GAAA,CAAY,CAC/C,CACF,CAAA;AAEJ,CAAA;AAEA,YAAA,aAAeI,KAAA,CAAMqB,KAAKnC,WAAW,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../components/color-picker/components/panel/format/index.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Color, getColorFormatOptions } from \"../../../utils/color-picker\";\nimport Select from \"../../../../select\";\nimport type { TdColorPickerProps } from \"../../../type\";\nimport FormatInputs from \"./inputs\";\n\nexport interface TdColorFormatProps extends TdColorPickerProps {\n  onInputChange: () => void;\n  baseClassName: string;\n  color: Color;\n}\n\nconst FormatPanel = (props: TdColorFormatProps) => {\n  const { enableAlpha, baseClassName, format, selectInputProps } = props;\n  const [formatMode, setFormatMode] = useState(format);\n\n  const handleModeChange = (v: TdColorPickerProps[\"format\"]) => {\n    setFormatMode(v);\n  };\n\n  return (\n    <div className={`${baseClassName}__format`}>\n      <div className={`${baseClassName}__format--item`}>\n        <Select\n          size=\"small\"\n          className={`${baseClassName}__format-mode-select`}\n          popupProps={{\n            overlayClassName: `${baseClassName}__select-options`,\n            ...selectInputProps?.popupProps\n          }}\n          autoWidth\n          value={formatMode}\n          onChange={handleModeChange}\n        >\n          {getColorFormatOptions(enableAlpha).map((item) => (\n            <Select.Option key={item} value={item} label={item} style={{ fontSize: \"12px\" }} />\n          ))}\n        </Select>\n      </div>\n      <div className={`${baseClassName}__format--item`}>\n        <FormatInputs {...props} format={formatMode} />\n      </div>\n    </div>\n  );\n};\n\nexport default React.memo(FormatPanel);\n"],"names":["FormatPanel","props","enableAlpha","baseClassName","format","selectInputProps","_useState","useState","_useState2","_slicedToArray","formatMode","setFormatMode","handleModeChange","v","React","createElement","className","concat","Select","size","popupProps","_objectSpread","overlayClassName","autoWidth","value","onChange","getColorFormatOptions","map","item","Option","key","label","style","fontSize","FormatInputs","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAMA,WAAA,GAAc,SAAdA,WAAAA,CAAeC,KAAA,EAA8B;AACjD,EAAA,IAAQC,WAAA,GAAyDD,KAAA,CAAzDC,WAAA;IAAaC,aAAA,GAA4CF,KAAA,CAA5CE,aAAA;IAAeC,MAAA,GAA6BH,KAAA,CAA7BG,MAAA;IAAQC,mBAAqBJ,KAAA,CAArBI;AAC5C,EAAA,IAAAC,SAAA,GAAoCC,SAASH,MAAM,CAAA;IAAAI,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA5CI,IAAAA,UAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAYG,IAAAA,aAAa,GAAAH,UAAA,CAAA,CAAA,CAAA;AAEhC,EAAA,IAAMI,gBAAA,GAAmB,SAAnBA,gBAAAA,CAAoBC,CAAA,EAAoC;IAC5DF,aAAA,CAAcE,CAAC,CAAA;EACjB,CAAA;AAEA,EAAA,sBACEC,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;IAAIC,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAcd,aAAa,EAAA,UAAA;AAAA,GAAA,iBAC9BW,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;IAAIC,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAcd,aAAa,EAAA,gBAAA;AAAA,GAAA,iBAC9BW,cAAA,CAAAC,aAAA,CAACG,MAAA,EAAA;AACCC,IAAAA,IAAA,EAAK,OAAA;AACLH,IAAAA,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAcd,aAAa,EAAA,sBAAA,CAAA;AAC3BiB,IAAAA,UAAA,EAAAC,aAAA,CAAA;MACEC,gBAAA,EAAA,EAAA,CAAAL,MAAA,CAAqBd,aAAa,EAAA,kBAAA;AAAA,KAAA,EAC/BE,gBAAA,KAAA,IAAA,IAAAA,gBAAA,uBAAAA,gBAAA,CAAkBe,UAAA,CACvB;AACAG,IAAAA,SAAA,EAAS,IAAA;AACTC,IAAAA,KAAA,EAAOd,UAAA;AACPe,IAAAA,QAAA,EAAUb;GAAA,EAETc,qBAAA,CAAsBxB,WAAW,CAAA,CAAEyB,GAAA,CAAI,UAACC,IAAA,EAAA;IAAA,sBACvCd,cAAA,CAAAC,aAAA,CAACG,OAAOW,MAAA,EAAP;AAAcC,MAAAA,KAAKF,IAAA;AAAMJ,MAAAA,KAAA,EAAOI;AAAMG,MAAAA,KAAA,EAAOH,IAAA;AAAMI,MAAAA,OAAO;AAAEC,QAAAA,QAAA,EAAU;AAAO;AAAA,KAAG,CAClF;EAAA,CAAA,CACH,CACF,CAAA,iBACAnB,cAAA,CAAAC,aAAA,CAAC,KAAA,EAAA;IAAIC,qBAAcb,aAAa,EAAA,gBAAA;AAAA,GAAA,iBAC9BW,cAAA,CAAAC,aAAA,CAACmB,8CAAiBjC,KAAA,CAAA,EAAA,EAAA,EAAA;AAAOG,IAAAA,MAAA,EAAQM;GAAA,CAAY,CAC/C,CACF,CAAA;AAEJ,CAAA;AAEA,oBAAA,aAAeI,cAAA,CAAMqB,KAAKnC,WAAW,CAAA;;;;"}

package/es/color-picker/components/panel/format/inputs.js

@@ -1,28 +1,30 @@
 import { _ as _defineProperty } from '../../../../_chunks/dep-Cwish4GD.js';
-import React, { useRef, useEffect } from 'react';
+import React__default, { useRef, useEffect } from 'react';
 import { throttle } from 'lodash-es';
-import { getColorFormatMap, getColorFormatInputs } from '../../../utils/color-picker/index.js';
+import '../../../utils/color-picker/index.js';
 import { Input } from '../../../../input/index.js';
 import { InputNumber } from '../../../../input-number/index.js';
-import { C as Color } from '../../../../_chunks/dep-DJmE940f.js';
+import { g as getColorFormatMap, b as getColorFormatInputs } from '../../../../_chunks/dep-BK4_iOSv.js';
+import { C as Color } from '../../../../_chunks/dep-CHpQ3xhh.js';
 import '../../../../_chunks/dep-D-UKOauR.js';
 import '../../../../_chunks/dep-Chz4ZJCb.js';
-import '../../../../_chunks/dep-CgyDw_YI.js';
 import '../../../../_chunks/dep-CzLhKWCf.js';
 import '../../../../_chunks/dep-zOZQ0R9g.js';
+import '../../../../_chunks/dep-CgyDw_YI.js';
 import '../../../../input/Input.js';
 import '../../../../_chunks/dep-DN7d1SzH.js';
 import 'classnames';
 import '@tendaui/icons';
 import '../../../../_chunks/dep-BRbJGDI9.js';
 import '../../../../_chunks/dep-DRwijJcv.js';
-import '../../../../_chunks/dep-DwWrhxkd.js';
-import '../../../../_chunks/dep-D6YxJv-F.js';
+import '../../../../_chunks/dep-grkSd2UB.js';
+import '../../../../_chunks/dep-spxR0DG0.js';
 import '../../../../_chunks/dep-DGvfel3I.js';
-import '../../../../_chunks/dep-gy8uvBaS.js';
-import '../../../../_chunks/dep-5U9UjDaf.js';
+import '../../../../_chunks/dep-u1x3x6MJ.js';
+import '../../../../config-provider/ConfigContext.js';
+import '../../../../_chunks/dep--nQ-cjme.js';
 import 'dayjs';
-import '../../../../_chunks/dep-CD_4-1Xb.js';
+import '../../../../_chunks/dep-UHQn9biR.js';
 import '../../../../config-provider/index.js';
 import '../../../../config-provider/ConfigProvider.js';
 import '../../../../input/InputGroup.js';
@@ -35,15 +37,15 @@ import '../../../../loading/Loading.js';
 import '../../../../common/Portal.js';
 import 'react-dom';
 import '../../../../loading/Gradient.js';
-import '../../../../_chunks/dep-DQ6kXoi8.js';
+import '../../../../_chunks/dep-DHWwZ2Nj.js';
 import '../../../../_chunks/dep-PPA-yoAy.js';
 import '../../../../_chunks/dep-DbVHGoUC.js';
 import '../../../../loading/style/css.js';
 import '../../../../button/style/css.js';
 import '../../../../input-number/useInputNumber.js';
 import '../../../../utils/log/index.js';
-import '../../../../_chunks/dep-DTlQ2dCA.js';
-import '../../../../_chunks/dep-ByzdZjUR.js';
+import '../../../../_chunks/dep--qagmRQa.js';
+import '../../../../_chunks/dep-bWaVq_y3.js';
 import '../../../../input-number/style/css.js';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -105,7 +107,7 @@ var FormatInputs = function FormatInputs(props) {
       return throttleUpdate.cancel();
     };
   }, [color.saturation, color.hue, color.value, color.alpha, format]);
-  return /* @__PURE__ */React.createElement("div", {
+  return /* @__PURE__ */React__default.createElement("div", {
     className: "input-group"
   }, getColorFormatInputs(format, enableAlpha).map(function (config) {
     var currentValue = modelValueRef.current[config.key];
@@ -121,17 +123,17 @@ var FormatInputs = function FormatInputs(props) {
         return handleInputChange(config.key, v, config.max);
       }
     });
-    return /* @__PURE__ */React.createElement("div", {
+    return /* @__PURE__ */React__default.createElement("div", {
       className: "input-group__item",
       key: config.key,
       style: {
         flex: config.flex || 1
       }
-    }, config.type === "input" ? /* @__PURE__ */React.createElement(Input, _objectSpread(_objectSpread({}, commonProps), {}, {
+    }, config.type === "input" ? /* @__PURE__ */React__default.createElement(Input, _objectSpread(_objectSpread({}, commonProps), {}, {
       defaultValue: currentValue,
       key: "".concat(inputKey.current, "-").concat(currentValue),
-      maxlength: format === "HEX" ? 9 : void 0
-    })) : /* @__PURE__ */React.createElement(InputNumber, _objectSpread(_objectSpread({}, commonProps), {}, {
+      maxLength: format === "HEX" ? 9 : void 0
+    })) : /* @__PURE__ */React__default.createElement(InputNumber, _objectSpread(_objectSpread({}, commonProps), {}, {
       min: config.min,
       max: config.max,
       format: config.format,
@@ -144,7 +146,7 @@ var FormatInputs = function FormatInputs(props) {
     })));
   }));
 };
-var FormatInputs$1 = /*#__PURE__*/React.memo(FormatInputs);
+var FormatInputs$1 = /*#__PURE__*/React__default.memo(FormatInputs);
 
 export { FormatInputs$1 as default };
 //# sourceMappingURL=inputs.js.map

package/es/color-picker/components/panel/format/inputs.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputs.js","sources":["../../../../../../components/color-picker/components/panel/format/inputs.tsx"],"sourcesContent":["import React, { useRef, useEffect } from \"react\";\nimport { throttle } from \"lodash-es\";\nimport { Color, getColorFormatInputs, getColorFormatMap } from \"../../../utils/color-picker\";\nimport type { TdColorFormatProps } from \".\";\nimport Input from \"../../../../input\";\nimport InputNumber from \"../../../../input-number\";\n\nconst FormatInputs = (props: TdColorFormatProps) => {\n  const { format, enableAlpha, inputProps, disabled, onInputChange, color } = props;\n  const modelValueRef = useRef<Record<string, number | string>>({});\n  const lastModelValue = useRef<Record<string, number | string>>({});\n  const inputKey = useRef<number>(0);\n\n  const updateModelValue = () => {\n    const value = getColorFormatMap(color, \"encode\")[format];\n    if (!value || typeof value === \"string\") return;\n\n    const valueObj = value as Record<string, number | string>;\n    if (enableAlpha && \"a\" in valueObj) {\n      valueObj.a = Math.round(color.alpha * 100);\n    }\n\n    const changedFormatValue: Record<string, number | string> = {};\n    Object.keys(valueObj).forEach((key) => {\n      if (valueObj[key] !== modelValueRef.current[key]) {\n        changedFormatValue[key] = valueObj[key];\n      }\n      lastModelValue.current[key] = valueObj[key];\n    });\n\n    if (Object.keys(changedFormatValue).length > 0) {\n      modelValueRef.current = valueObj;\n    }\n  };\n\n  const handleInputChange = (key: string, v: number | string, max: number) => {\n    inputKey.current = performance.now();\n\n    if (v.toString().trim() === \"\") {\n      const lastValue = lastModelValue.current[key];\n      color.update(lastValue as string);\n      onInputChange();\n      return;\n    }\n\n    if (!v || v === lastModelValue.current[key] || Number(v) < 0 || Number(v) > max) return;\n    lastModelValue.current[key] = v;\n\n    const newFormatValue = {\n      ...modelValueRef.current,\n      [key]: v\n    };\n    modelValueRef.current = newFormatValue;\n    if (key === \"a\") {\n      color.alpha = (v as number) / 100;\n    } else if (key === \"hex\" || key === \"css\") {\n      color.update(v as string);\n    } else {\n      color.update(Color.object2color(newFormatValue, format));\n    }\n    onInputChange();\n  };\n\n  updateModelValue();\n  useEffect(() => {\n    const throttleUpdate = throttle(updateModelValue, 100);\n    throttleUpdate();\n    return () => throttleUpdate.cancel();\n  }, [color.saturation, color.hue, color.value, color.alpha, format]);\n\n  return (\n    <div className=\"input-group\">\n      {getColorFormatInputs(format, enableAlpha).map((config) => {\n        const currentValue = modelValueRef.current[config.key];\n        const commonProps = {\n          ...inputProps,\n          disabled,\n          title: currentValue,\n          align: \"center\" as const,\n          size: \"small\" as const,\n          onBlur: (v: string) => handleInputChange(config.key, v, config.max),\n          onEnter: (v: string) => handleInputChange(config.key, v, config.max)\n        };\n\n        return (\n          <div\n            className=\"input-group__item\"\n            key={config.key}\n            style={{\n              flex: config.flex || 1\n            }}\n          >\n            {config.type === \"input\" ? (\n              <Input\n                {...commonProps}\n                defaultValue={currentValue as string}\n                key={`${inputKey.current}-${currentValue}`}\n                maxlength={format === \"HEX\" ? 9 : undefined}\n              />\n            ) : (\n              <InputNumber\n                {...commonProps}\n                min={config.min}\n                max={config.max}\n                format={config.format as (value: number) => string}\n                step={1}\n                value={currentValue as number}\n                onChange={(v) => handleInputChange(config.key, v ?? (config.min as number), config.max)}\n                theme=\"normal\"\n              />\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nexport default React.memo(FormatInputs);\n"],"names":["FormatInputs","props","format","enableAlpha","inputProps","disabled","onInputChange","color","modelValueRef","useRef","lastModelValue","inputKey","updateModelValue","value","getColorFormatMap","valueObj","a","Math","round","alpha","changedFormatValue","Object","keys","forEach","key","current","length","handleInputChange","v","max","performance","now","toString","trim","lastValue","update","Number","newFormatValue","_objectSpread","_defineProperty","Color","object2color","useEffect","throttleUpdate","throttle","cancel","saturation","hue","React","createElement","className","getColorFormatInputs","map","config","currentValue","commonProps","title","align","size","onBlur","onEnter","style","flex","type","Input","defaultValue","concat","maxlength","InputNumber","min","step","onChange","theme","memo"],"mappings":"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"}
+{"version":3,"file":"inputs.js","sources":["../../../../../../components/color-picker/components/panel/format/inputs.tsx"],"sourcesContent":["import React, { useRef, useEffect } from \"react\";\nimport { throttle } from \"lodash-es\";\nimport { Color, getColorFormatInputs, getColorFormatMap } from \"../../../utils/color-picker\";\nimport type { TdColorFormatProps } from \".\";\nimport Input from \"../../../../input\";\nimport InputNumber from \"../../../../input-number\";\n\nconst FormatInputs = (props: TdColorFormatProps) => {\n  const { format, enableAlpha, inputProps, disabled, onInputChange, color } = props;\n  const modelValueRef = useRef<Record<string, number | string>>({});\n  const lastModelValue = useRef<Record<string, number | string>>({});\n  const inputKey = useRef<number>(0);\n\n  const updateModelValue = () => {\n    const value = getColorFormatMap(color, \"encode\")[format];\n    if (!value || typeof value === \"string\") return;\n\n    const valueObj = value as Record<string, number | string>;\n    if (enableAlpha && \"a\" in valueObj) {\n      valueObj.a = Math.round(color.alpha * 100);\n    }\n\n    const changedFormatValue: Record<string, number | string> = {};\n    Object.keys(valueObj).forEach((key) => {\n      if (valueObj[key] !== modelValueRef.current[key]) {\n        changedFormatValue[key] = valueObj[key];\n      }\n      lastModelValue.current[key] = valueObj[key];\n    });\n\n    if (Object.keys(changedFormatValue).length > 0) {\n      modelValueRef.current = valueObj;\n    }\n  };\n\n  const handleInputChange = (key: string, v: number | string, max: number) => {\n    inputKey.current = performance.now();\n\n    if (v.toString().trim() === \"\") {\n      const lastValue = lastModelValue.current[key];\n      color.update(lastValue as string);\n      onInputChange();\n      return;\n    }\n\n    if (!v || v === lastModelValue.current[key] || Number(v) < 0 || Number(v) > max) return;\n    lastModelValue.current[key] = v;\n\n    const newFormatValue = {\n      ...modelValueRef.current,\n      [key]: v\n    };\n    modelValueRef.current = newFormatValue;\n    if (key === \"a\") {\n      color.alpha = (v as number) / 100;\n    } else if (key === \"hex\" || key === \"css\") {\n      color.update(v as string);\n    } else {\n      color.update(Color.object2color(newFormatValue, format));\n    }\n    onInputChange();\n  };\n\n  updateModelValue();\n  useEffect(() => {\n    const throttleUpdate = throttle(updateModelValue, 100);\n    throttleUpdate();\n    return () => throttleUpdate.cancel();\n  }, [color.saturation, color.hue, color.value, color.alpha, format]);\n\n  return (\n    <div className=\"input-group\">\n      {getColorFormatInputs(format, enableAlpha).map((config) => {\n        const currentValue = modelValueRef.current[config.key];\n        const commonProps = {\n          ...inputProps,\n          disabled,\n          title: currentValue,\n          align: \"center\" as const,\n          size: \"small\" as const,\n          onBlur: (v: string) => handleInputChange(config.key, v, config.max),\n          onEnter: (v: string) => handleInputChange(config.key, v, config.max)\n        };\n\n        return (\n          <div\n            className=\"input-group__item\"\n            key={config.key}\n            style={{\n              flex: config.flex || 1\n            }}\n          >\n            {config.type === \"input\" ? (\n              <Input\n                {...commonProps}\n                defaultValue={currentValue as string}\n                key={`${inputKey.current}-${currentValue}`}\n                maxLength={format === \"HEX\" ? 9 : undefined}\n              />\n            ) : (\n              <InputNumber\n                {...commonProps}\n                min={config.min}\n                max={config.max}\n                format={config.format as (value: number) => string}\n                step={1}\n                value={currentValue as number}\n                onChange={(v) => handleInputChange(config.key, v ?? (config.min as number), config.max)}\n                theme=\"normal\"\n              />\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nexport default React.memo(FormatInputs);\n"],"names":["FormatInputs","props","format","enableAlpha","inputProps","disabled","onInputChange","color","modelValueRef","useRef","lastModelValue","inputKey","updateModelValue","value","getColorFormatMap","valueObj","a","Math","round","alpha","changedFormatValue","Object","keys","forEach","key","current","length","handleInputChange","v","max","performance","now","toString","trim","lastValue","update","Number","newFormatValue","_objectSpread","_defineProperty","Color","object2color","useEffect","throttleUpdate","throttle","cancel","saturation","hue","React","createElement","className","getColorFormatInputs","map","config","currentValue","commonProps","title","align","size","onBlur","onEnter","style","flex","type","Input","defaultValue","concat","maxLength","InputNumber","min","step","onChange","theme","memo"],"mappings":"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"}

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

@@ -1,28 +1,30 @@
-import React from 'react';
+import React__default from 'react';
 import '../../utils/color-picker/index.js';
 import { Radio } from '../../../radio/index.js';
-import { j as COLOR_MODES } from '../../../_chunks/dep-DJmE940f.js';
+import { i as COLOR_MODES } from '../../../_chunks/dep-CHpQ3xhh.js';
 import '../../../_chunks/dep-Chz4ZJCb.js';
 import '../../../_chunks/dep-Cwish4GD.js';
 import '../../../_chunks/dep-D-UKOauR.js';
+import '../../../_chunks/dep-BK4_iOSv.js';
 import '../../../_chunks/dep-CgyDw_YI.js';
 import '../../../_chunks/dep-CzLhKWCf.js';
 import '../../../_chunks/dep-zOZQ0R9g.js';
 import 'lodash-es';
-import '../../../_chunks/dep-Dr5wkz0z.js';
+import '../../../_chunks/dep--svkhMCP.js';
 import '../../../_chunks/dep-BP0-apUT.js';
 import 'hoist-non-react-statics';
 import '../../../common/Check.js';
 import '../../../_chunks/dep-DN7d1SzH.js';
 import 'classnames';
-import '../../../_chunks/dep-DQ6kXoi8.js';
-import '../../../_chunks/dep-gy8uvBaS.js';
-import '../../../_chunks/dep-5U9UjDaf.js';
+import '../../../_chunks/dep-DHWwZ2Nj.js';
+import '../../../_chunks/dep-u1x3x6MJ.js';
+import '../../../config-provider/ConfigContext.js';
+import '../../../_chunks/dep--nQ-cjme.js';
 import 'dayjs';
-import '../../../_chunks/dep-DwWrhxkd.js';
-import '../../../_chunks/dep-DTlQ2dCA.js';
+import '../../../_chunks/dep-grkSd2UB.js';
+import '../../../_chunks/dep--qagmRQa.js';
 import '../../../_chunks/dep-DGvfel3I.js';
-import '../../../_chunks/dep-CkmtEv0Y.js';
+import '../../../_chunks/dep-B2D1svZy.js';
 import '../../../_chunks/dep-Ccktr_jk.js';
 import '../../../_chunks/dep-DRwijJcv.js';
 import '../../../radio/style/css.js';
@@ -38,23 +40,23 @@ var Header = function Header(props) {
   if (isSingleMode) {
     return null;
   }
-  return /* @__PURE__ */React.createElement("div", {
+  return /* @__PURE__ */React__default.createElement("div", {
     className: "".concat(baseClassName, "__head")
-  }, /* @__PURE__ */React.createElement("div", {
+  }, /* @__PURE__ */React__default.createElement("div", {
     className: "".concat(baseClassName, "__mode")
-  }, /* @__PURE__ */React.createElement(Radio.Group, {
+  }, /* @__PURE__ */React__default.createElement(Radio.Group, {
     variant: "default-filled",
     size: "small",
     value: mode,
     onChange: onModeChange
   }, Object.keys(COLOR_MODES).map(function (key) {
-    return /* @__PURE__ */React.createElement(Radio.Button, {
+    return /* @__PURE__ */React__default.createElement(Radio.Button, {
       key: key,
       value: key
     }, COLOR_MODES[key]);
   }))));
 };
-var header = /*#__PURE__*/React.memo(Header);
+var header = /*#__PURE__*/React__default.memo(Header);
 
 export { header as default };
 //# sourceMappingURL=header.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"header.js","sources":["../../../../../components/color-picker/components/panel/header.tsx"],"sourcesContent":["import React from \"react\";\nimport { COLOR_MODES } from \"../../utils/color-picker\";\nimport Radio, { RadioValue } from \"../../../radio\";\nimport { TdColorModes, TdColorPickerProps } from \"../../type\";\n\nexport interface ColorPanelHeaderProps extends TdColorPickerProps {\n  mode?: TdColorModes;\n  colorModes?: Array<TdColorModes>;\n  onModeChange?: (value: RadioValue, context: { e: React.ChangeEvent<HTMLInputElement> }) => void;\n  baseClassName?: string;\n}\n\nconst Header = (props: ColorPanelHeaderProps) => {\n  const { baseClassName = \"\", mode = \"monochrome\", colorModes, onModeChange } = props;\n\n  const isSingleMode = colorModes?.length === 1;\n\n  if (isSingleMode) {\n    return null;\n  }\n\n  return (\n    <div className={`${baseClassName}__head`}>\n      <div className={`${baseClassName}__mode`}>\n        <Radio.Group variant=\"default-filled\" size=\"small\" value={mode} onChange={onModeChange}>\n          {Object.keys(COLOR_MODES).map((key) => (\n            <Radio.Button key={key} value={key}>\n              {COLOR_MODES[key as keyof typeof COLOR_MODES]}\n            </Radio.Button>\n          ))}\n        </Radio.Group>\n      </div>\n    </div>\n  );\n};\n\nexport default React.memo(Header);\n"],"names":["Header","props","_props$baseClassName","baseClassName","_props$mode","mode","colorModes","onModeChange","isSingleMode","length","React","createElement","className","concat","Radio","Group","variant","size","value","onChange","Object","keys","COLOR_MODES","map","key","Button","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAMA,MAAA,GAAS,SAATA,MAAAA,CAAUC,KAAA,EAAiC;AAC/C,EAAA,IAAAC,oBAAA,GAA8ED,KAAA,CAAtEE,aAAA;AAAAA,IAAAA,aAAA,GAAAD,oBAAA,KAAA,KAAA,CAAA,GAAgB,EAAA,GAAAA,oBAAA;IAAAE,WAAA,GAAsDH,KAAA,CAAlDI;AAAAA,IAAAA,gCAAO,YAAA,GAAAD,WAAA;IAAcE,UAAA,GAA6BL,KAAA,CAA7BK,UAAA;IAAYC,eAAiBN,KAAA,CAAjBM;EAE7D,IAAMC,YAAA,GAAe,CAAAF,uBAAAA,iCAAAA,WAAYG,MAAA,MAAW,CAAA;AAE5C,EAAA,IAAID,YAAA,EAAc;AAChB,IAAA,OAAO,IAAA;AACT,EAAA;AAEA,EAAA,sBACEE,KAAA,CAAAC,aAAA,CAAC;IAAIC,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAcV,aAAa,EAAA,QAAA;AAAA,GAAA,iBAC9BO,KAAA,CAAAC,aAAA,CAAC;IAAIC,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAcV,aAAa,EAAA,QAAA;GAAA,iBAC9BO,KAAA,CAAAC,aAAA,CAACG,MAAMC,KAAA,EAAN;AAAYC,IAAAA,SAAQ,gBAAA;AAAiBC,IAAAA,IAAA,EAAK;AAAQC,IAAAA,KAAA,EAAOb,IAAA;AAAMc,IAAAA,UAAUZ;GAAA,EACvEa,MAAA,CAAOC,KAAKC,WAAW,CAAA,CAAEC,IAAI,UAACC,GAAA,EAAA;IAAA,0CAC5BV,KAAA,CAAMW,MAAA,EAAN;AAAaD,MAAAA,GAAA,EAAAA,GAAA;AAAUN,MAAAA,KAAA,EAAOM;OAC5BF,WAAA,CAAYE,GAA+B,CAC9C,CACD;EAAA,CAAA,CACH,CACF,CACF,CAAA;AAEJ,CAAA;AAEA,aAAA,aAAed,KAAA,CAAMgB,KAAK1B,MAAM,CAAA;;;;"}
+{"version":3,"file":"header.js","sources":["../../../../../components/color-picker/components/panel/header.tsx"],"sourcesContent":["import React from \"react\";\nimport { COLOR_MODES } from \"../../utils/color-picker\";\nimport Radio, { RadioValue } from \"../../../radio\";\nimport { TdColorModes, TdColorPickerProps } from \"../../type\";\n\nexport interface ColorPanelHeaderProps extends TdColorPickerProps {\n  mode?: TdColorModes;\n  colorModes?: Array<TdColorModes>;\n  onModeChange?: (value: RadioValue, context: { e: React.ChangeEvent<HTMLInputElement> }) => void;\n  baseClassName?: string;\n}\n\nconst Header = (props: ColorPanelHeaderProps) => {\n  const { baseClassName = \"\", mode = \"monochrome\", colorModes, onModeChange } = props;\n\n  const isSingleMode = colorModes?.length === 1;\n\n  if (isSingleMode) {\n    return null;\n  }\n\n  return (\n    <div className={`${baseClassName}__head`}>\n      <div className={`${baseClassName}__mode`}>\n        <Radio.Group variant=\"default-filled\" size=\"small\" value={mode} onChange={onModeChange}>\n          {Object.keys(COLOR_MODES).map((key) => (\n            <Radio.Button key={key} value={key}>\n              {COLOR_MODES[key as keyof typeof COLOR_MODES]}\n            </Radio.Button>\n          ))}\n        </Radio.Group>\n      </div>\n    </div>\n  );\n};\n\nexport default React.memo(Header);\n"],"names":["Header","props","_props$baseClassName","baseClassName","_props$mode","mode","colorModes","onModeChange","isSingleMode","length","React","createElement","className","concat","Radio","Group","variant","size","value","onChange","Object","keys","COLOR_MODES","map","key","Button","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAMA,MAAA,GAAS,SAATA,MAAAA,CAAUC,KAAA,EAAiC;AAC/C,EAAA,IAAAC,oBAAA,GAA8ED,KAAA,CAAtEE,aAAA;AAAAA,IAAAA,aAAA,GAAAD,oBAAA,KAAA,KAAA,CAAA,GAAgB,EAAA,GAAAA,oBAAA;IAAAE,WAAA,GAAsDH,KAAA,CAAlDI;AAAAA,IAAAA,gCAAO,YAAA,GAAAD,WAAA;IAAcE,UAAA,GAA6BL,KAAA,CAA7BK,UAAA;IAAYC,eAAiBN,KAAA,CAAjBM;EAE7D,IAAMC,YAAA,GAAe,CAAAF,uBAAAA,iCAAAA,WAAYG,MAAA,MAAW,CAAA;AAE5C,EAAA,IAAID,YAAA,EAAc;AAChB,IAAA,OAAO,IAAA;AACT,EAAA;AAEA,EAAA,sBACEE,cAAA,CAAAC,aAAA,CAAC;IAAIC,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAcV,aAAa,EAAA,QAAA;AAAA,GAAA,iBAC9BO,cAAA,CAAAC,aAAA,CAAC;IAAIC,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAcV,aAAa,EAAA,QAAA;GAAA,iBAC9BO,cAAA,CAAAC,aAAA,CAACG,MAAMC,KAAA,EAAN;AAAYC,IAAAA,SAAQ,gBAAA;AAAiBC,IAAAA,IAAA,EAAK;AAAQC,IAAAA,KAAA,EAAOb,IAAA;AAAMc,IAAAA,UAAUZ;GAAA,EACvEa,MAAA,CAAOC,KAAKC,WAAW,CAAA,CAAEC,IAAI,UAACC,GAAA,EAAA;IAAA,mDAC5BV,KAAA,CAAMW,MAAA,EAAN;AAAaD,MAAAA,GAAA,EAAAA,GAAA;AAAUN,MAAAA,KAAA,EAAOM;OAC5BF,WAAA,CAAYE,GAA+B,CAC9C,CACD;EAAA,CAAA,CACH,CACF,CACF,CAAA;AAEJ,CAAA;AAEA,aAAA,aAAed,cAAA,CAAMgB,KAAK1B,MAAM,CAAA;;;;"}

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

@@ -1,14 +1,15 @@
-import React from 'react';
+import React__default from 'react';
 import ColorSlider from './slider.js';
 import 'classnames';
 import '../../utils/color-picker/index.js';
-import '../../../_chunks/dep-DJmE940f.js';
+import '../../../_chunks/dep-CHpQ3xhh.js';
 import '../../../_chunks/dep-CzLhKWCf.js';
 import '../../../_chunks/dep-Chz4ZJCb.js';
 import '../../../_chunks/dep-Cwish4GD.js';
 import '../../../_chunks/dep-D-UKOauR.js';
 import '../../../_chunks/dep-zOZQ0R9g.js';
 import 'lodash-es';
+import '../../../_chunks/dep-BK4_iOSv.js';
 import '../../../_chunks/dep-CgyDw_YI.js';
 import '../../../_chunks/dep-BbeHB7S3.js';
 
@@ -17,7 +18,7 @@ var HueSlider = function HueSlider(props) {
     baseClassName = props.baseClassName,
     disabled = props.disabled,
     onChange = props.onChange;
-  return /* @__PURE__ */React.createElement(ColorSlider, {
+  return /* @__PURE__ */React__default.createElement(ColorSlider, {
     disabled: disabled,
     baseClassName: baseClassName,
     className: "".concat(baseClassName, "__hue"),
@@ -27,7 +28,7 @@ var HueSlider = function HueSlider(props) {
     onChange: onChange
   });
 };
-var HueSlider$1 = /*#__PURE__*/React.memo(HueSlider);
+var HueSlider$1 = /*#__PURE__*/React__default.memo(HueSlider);
 
 export { HueSlider$1 as default };
 //# sourceMappingURL=hue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"hue.js","sources":["../../../../../components/color-picker/components/panel/hue.tsx"],"sourcesContent":["import React from \"react\";\nimport type { TdColorBaseProps } from \"../../type\";\nimport ColorSlider from \"./slider\";\n\nconst HueSlider = (props: TdColorBaseProps) => {\n  const { color, baseClassName, disabled, onChange } = props;\n  return (\n    <ColorSlider\n      disabled={disabled}\n      baseClassName={baseClassName}\n      className={`${baseClassName}__hue`}\n      color={color}\n      value={color.hue}\n      type=\"hue\"\n      onChange={onChange}\n    />\n  );\n};\n\nexport default React.memo(HueSlider);\n"],"names":["HueSlider","props","color","baseClassName","disabled","onChange","React","createElement","ColorSlider","className","concat","value","hue","type","memo"],"mappings":";;;;;;;;;;;;;;AAIA,IAAMA,SAAA,GAAY,SAAZA,SAAAA,CAAaC,KAAA,EAA4B;AAC7C,EAAA,IAAQC,KAAA,GAA6CD,KAAA,CAA7CC,KAAA;IAAOC,aAAA,GAAsCF,KAAA,CAAtCE,aAAA;IAAeC,QAAA,GAAuBH,KAAA,CAAvBG,QAAA;IAAUC,WAAaJ,KAAA,CAAbI;AACxC,EAAA,sBACEC,KAAA,CAAAC,aAAA,CAACC,WAAA,EAAA;AACCJ,IAAAA,QAAA,EAAAA,QAAA;AACAD,IAAAA,aAAA,EAAAA,aAAA;AACAM,IAAAA,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAcP,aAAa,EAAA,OAAA,CAAA;AAC3BD,IAAAA,KAAA,EAAAA,KAAA;IACAS,OAAOT,KAAA,CAAMU,GAAA;AACbC,IAAAA,IAAA,EAAK,KAAA;AACLR,IAAAA,QAAA,EAAAA;AAAA,GACF,CAAA;AAEJ,CAAA;AAEA,kBAAA,aAAeC,KAAA,CAAMQ,KAAKd,SAAS,CAAA;;;;"}
+{"version":3,"file":"hue.js","sources":["../../../../../components/color-picker/components/panel/hue.tsx"],"sourcesContent":["import React from \"react\";\nimport type { TdColorBaseProps } from \"../../type\";\nimport ColorSlider from \"./slider\";\n\nconst HueSlider = (props: TdColorBaseProps) => {\n  const { color, baseClassName, disabled, onChange } = props;\n  return (\n    <ColorSlider\n      disabled={disabled}\n      baseClassName={baseClassName}\n      className={`${baseClassName}__hue`}\n      color={color}\n      value={color.hue}\n      type=\"hue\"\n      onChange={onChange}\n    />\n  );\n};\n\nexport default React.memo(HueSlider);\n"],"names":["HueSlider","props","color","baseClassName","disabled","onChange","React","createElement","ColorSlider","className","concat","value","hue","type","memo"],"mappings":";;;;;;;;;;;;;;;AAIA,IAAMA,SAAA,GAAY,SAAZA,SAAAA,CAAaC,KAAA,EAA4B;AAC7C,EAAA,IAAQC,KAAA,GAA6CD,KAAA,CAA7CC,KAAA;IAAOC,aAAA,GAAsCF,KAAA,CAAtCE,aAAA;IAAeC,QAAA,GAAuBH,KAAA,CAAvBG,QAAA;IAAUC,WAAaJ,KAAA,CAAbI;AACxC,EAAA,sBACEC,cAAA,CAAAC,aAAA,CAACC,WAAA,EAAA;AACCJ,IAAAA,QAAA,EAAAA,QAAA;AACAD,IAAAA,aAAA,EAAAA,aAAA;AACAM,IAAAA,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAcP,aAAa,EAAA,OAAA,CAAA;AAC3BD,IAAAA,KAAA,EAAAA,KAAA;IACAS,OAAOT,KAAA,CAAMU,GAAA;AACbC,IAAAA,IAAA,EAAK,KAAA;AACLR,IAAAA,QAAA,EAAAA;AAAA,GACF,CAAA;AAEJ,CAAA;AAEA,kBAAA,aAAeC,cAAA,CAAMQ,KAAKd,SAAS,CAAA;;;;"}

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

@@ -4,23 +4,26 @@ import '../../../_chunks/dep-CzLhKWCf.js';
 import 'react';
 import 'classnames';
 import '../../utils/color-picker/index.js';
-import '../../../_chunks/dep-DTlQ2dCA.js';
-import '../../../_chunks/dep-DwWrhxkd.js';
+import '../../../_chunks/dep--qagmRQa.js';
+import '../../../_chunks/dep-grkSd2UB.js';
 import '../../../_chunks/dep-DGvfel3I.js';
-import '../../../_chunks/dep-CD_4-1Xb.js';
-export { C as default } from '../../../_chunks/dep-DURB9x8g.js';
-import '../../../_chunks/dep-oUgTcXgm.js';
+import '../../../_chunks/dep-UHQn9biR.js';
+export { C as default } from '../../../_chunks/dep-Dnwq3YvL.js';
+import '../../../_chunks/dep-Blkje0_M.js';
 import './alpha.js';
 import './hue.js';
 import './saturation.js';
 import './swatches.js';
-import '../../../_chunks/dep-DJmE940f.js';
+import './format/index.js';
+import '../../../_chunks/dep-CHpQ3xhh.js';
+import '../../../_chunks/dep-BK4_iOSv.js';
 import '../../../_chunks/dep-D-UKOauR.js';
 import '../../../_chunks/dep-Chz4ZJCb.js';
 import '../../../_chunks/dep-zOZQ0R9g.js';
 import 'lodash-es';
-import '../../../_chunks/dep-gy8uvBaS.js';
-import '../../../_chunks/dep-5U9UjDaf.js';
+import '../../../_chunks/dep-u1x3x6MJ.js';
+import '../../../config-provider/ConfigContext.js';
+import '../../../_chunks/dep--nQ-cjme.js';
 import 'dayjs';
 import '../../../config-provider/index.js';
 import '../../../config-provider/ConfigProvider.js';
@@ -28,5 +31,66 @@ import '../../../_chunks/dep-DN7d1SzH.js';
 import './slider.js';
 import '../../../_chunks/dep-BbeHB7S3.js';
 import '@tendaui/icons';
-import '../../../_chunks/dep-ByzdZjUR.js';
+import '../../../_chunks/dep-bWaVq_y3.js';
+import '../../../select/index.js';
+import '../../../select/Select.js';
+import '../../../_chunks/dep-DHWwZ2Nj.js';
+import '../../../_chunks/dep-BP0-apUT.js';
+import 'hoist-non-react-statics';
+import '../../../_chunks/dep-Cd1UOXnJ.js';
+import '../../../_chunks/dep-2HsCYcmp.js';
+import '../../../select/Option.js';
+import '../../../_chunks/dep-PPA-yoAy.js';
+import '../../../_chunks/dep-Dlppf0JU.js';
+import '../../../_chunks/dep-U1T8CQY9.js';
+import '../../../common/FakeArrow.js';
+import '../../../loading/index.js';
+import '../../../loading/Loading.js';
+import '../../../_chunks/dep-DRwijJcv.js';
+import '../../../common/Portal.js';
+import 'react-dom';
+import '../../../_chunks/dep-BRbJGDI9.js';
+import '../../../loading/Gradient.js';
+import '../../../_chunks/dep-DbVHGoUC.js';
+import '../../../loading/style/css.js';
+import '../../../select-input/index.js';
+import '../../../select-input/SelectInput.js';
+import '../../../select-input/hook/useSingle.js';
+import '../../../input/index.js';
+import '../../../input/Input.js';
+import '../../../_chunks/dep-spxR0DG0.js';
+import '../../../input/InputGroup.js';
+import '../../../input/style/css.js';
+import '../../../select-input/hook/useMultiple.js';
+import '../../../tag-input/index.js';
+import '../../../tag-input/TagInput.js';
+import '../../../tag-input/hooks/useTagList.js';
+import '../../../tag/index.js';
+import '../../../tag/Tag.js';
+import '../../../tag/style/css.js';
+import '../../../hooks/useDragSorter.js';
+import '../../../tag-input/style/css.js';
+import '../../../popup/index.js';
+import '../../../popup/Popup.js';
+import '../../../portal/Portal.js';
+import '../../../_chunks/dep-B2D1svZy.js';
+import 'react-is';
+import '../../../_chunks/dep-C1XcmShP.js';
+import '../../../_chunks/dep-Ccktr_jk.js';
+import '@popperjs/core';
+import 'react-fast-compare';
+import 'react-transition-group';
+import '../../../popup/style/css.js';
+import '../../../select-input/style/css.js';
+import '../../../_chunks/dep-BbOvNxhg.js';
+import '../../../select/style/css.js';
+import './format/inputs.js';
+import '../../../input-number/index.js';
+import '../../../input-number/InputNumber.js';
+import '../../../button/index.js';
+import '../../../button/Button.js';
+import '../../../button/style/css.js';
+import '../../../input-number/useInputNumber.js';
+import '../../../utils/log/index.js';
+import '../../../input-number/style/css.js';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,10 +1,11 @@
-import React, { useRef, useCallback, useEffect } from 'react';
+import React__default, { useRef, useCallback, useEffect } from 'react';
 import '../../utils/color-picker/index.js';
 import { u as useMouseEvent } from '../../../_chunks/dep-BbeHB7S3.js';
-import { l as SATURATION_PANEL_DEFAULT_HEIGHT, S as SATURATION_PANEL_DEFAULT_WIDTH } from '../../../_chunks/dep-DJmE940f.js';
+import { l as SATURATION_PANEL_DEFAULT_HEIGHT, S as SATURATION_PANEL_DEFAULT_WIDTH } from '../../../_chunks/dep-CHpQ3xhh.js';
 import '../../../_chunks/dep-Chz4ZJCb.js';
 import '../../../_chunks/dep-Cwish4GD.js';
 import '../../../_chunks/dep-D-UKOauR.js';
+import '../../../_chunks/dep-BK4_iOSv.js';
 import '../../../_chunks/dep-CgyDw_YI.js';
 import '../../../_chunks/dep-CzLhKWCf.js';
 import '../../../_chunks/dep-zOZQ0R9g.js';
@@ -82,20 +83,20 @@ var Saturation = function Saturation(props) {
     panelRectRef.current.width = ((_panelRef$current3 = panelRef.current) === null || _panelRef$current3 === void 0 ? void 0 : _panelRef$current3.offsetWidth) || SATURATION_PANEL_DEFAULT_WIDTH;
     panelRectRef.current.height = ((_panelRef$current4 = panelRef.current) === null || _panelRef$current4 === void 0 ? void 0 : _panelRef$current4.offsetHeight) || SATURATION_PANEL_DEFAULT_HEIGHT;
   }, [handleDrag]);
-  return /* @__PURE__ */React.createElement("div", {
+  return /* @__PURE__ */React__default.createElement("div", {
     ref: panelRef,
     className: "".concat(baseClassName, "__saturation"),
     style: {
       background: "hsl(".concat(color.hue, ", 100%, 50%)")
     }
-  }, /* @__PURE__ */React.createElement("span", {
+  }, /* @__PURE__ */React__default.createElement("span", {
     className: "".concat(baseClassName, "__thumb"),
     role: "slider",
     tabIndex: 0,
     style: styles()
   }));
 };
-var SaturationPanel = /*#__PURE__*/React.memo(Saturation);
+var SaturationPanel = /*#__PURE__*/React__default.memo(Saturation);
 
 export { SaturationPanel as default };
 //# sourceMappingURL=saturation.js.map