tdesign-react 1.13.0 → 1.13.1

package/cjs/_chunks/dep-0be4d457.js

@@ -0,0 +1,129 @@
+/**
+ * tdesign v1.13.1
+ * (c) 2025 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+var isFunction = require('./dep-e2240b05.js');
+var _baseGetTag = require('./dep-912bd8a2.js');
+var isObject = require('./dep-837f0312.js');
+
+/** Used to detect overreaching core-js shims. */
+var coreJsData = _baseGetTag.root['__core-js_shared__'];
+var coreJsData$1 = coreJsData;
+
+/** Used to detect methods masquerading as native. */
+var maskSrcKey = function () {
+  var uid = /[^.]+$/.exec(coreJsData$1 && coreJsData$1.keys && coreJsData$1.keys.IE_PROTO || '');
+  return uid ? 'Symbol(src)_1.' + uid : '';
+}();
+
+/**
+ * Checks if `func` has its source masked.
+ *
+ * @private
+ * @param {Function} func The function to check.
+ * @returns {boolean} Returns `true` if `func` is masked, else `false`.
+ */
+function isMasked(func) {
+  return !!maskSrcKey && maskSrcKey in func;
+}
+
+/** Used for built-in method references. */
+var funcProto$1 = Function.prototype;
+
+/** Used to resolve the decompiled source of functions. */
+var funcToString$1 = funcProto$1.toString;
+
+/**
+ * Converts `func` to its source code.
+ *
+ * @private
+ * @param {Function} func The function to convert.
+ * @returns {string} Returns the source code.
+ */
+function toSource(func) {
+  if (func != null) {
+    try {
+      return funcToString$1.call(func);
+    } catch (e) {}
+    try {
+      return func + '';
+    } catch (e) {}
+  }
+  return '';
+}
+
+/**
+ * Used to match `RegExp`
+ * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).
+ */
+var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
+
+/** Used to detect host constructors (Safari). */
+var reIsHostCtor = /^\[object .+?Constructor\]$/;
+
+/** Used for built-in method references. */
+var funcProto = Function.prototype,
+  objectProto = Object.prototype;
+
+/** Used to resolve the decompiled source of functions. */
+var funcToString = funcProto.toString;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty = objectProto.hasOwnProperty;
+
+/** Used to detect if a method is native. */
+var reIsNative = RegExp('^' + funcToString.call(hasOwnProperty).replace(reRegExpChar, '\\$&').replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$');
+
+/**
+ * The base implementation of `_.isNative` without bad shim checks.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a native function,
+ *  else `false`.
+ */
+function baseIsNative(value) {
+  if (!isObject.isObject(value) || isMasked(value)) {
+    return false;
+  }
+  var pattern = isFunction.isFunction(value) ? reIsNative : reIsHostCtor;
+  return pattern.test(toSource(value));
+}
+
+/**
+ * Gets the value at `key` of `object`.
+ *
+ * @private
+ * @param {Object} [object] The object to query.
+ * @param {string} key The key of the property to get.
+ * @returns {*} Returns the property value.
+ */
+function getValue(object, key) {
+  return object == null ? undefined : object[key];
+}
+
+/**
+ * Gets the native function at `key` of `object`.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @param {string} key The key of the method to get.
+ * @returns {*} Returns the function if it's native, else `undefined`.
+ */
+function getNative(object, key) {
+  var value = getValue(object, key);
+  return baseIsNative(value) ? value : undefined;
+}
+
+/* Built-in method references that are verified to be native. */
+var Map = getNative(_baseGetTag.root, 'Map');
+var Map$1 = Map;
+
+exports.Map = Map$1;
+exports.getNative = getNative;
+exports.toSource = toSource;
+//# sourceMappingURL=dep-0be4d457.js.map

package/cjs/_chunks/dep-0be4d457.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-0be4d457.js","sources":["../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_coreJsData.js","../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_isMasked.js","../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_toSource.js","../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_baseIsNative.js","../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_getValue.js","../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_getNative.js","../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/_Map.js"],"sourcesContent":["import root from './_root.js';\n\n/** Used to detect overreaching core-js shims. */\nvar coreJsData = root['__core-js_shared__'];\n\nexport default coreJsData;\n","import coreJsData from './_coreJsData.js';\n\n/** Used to detect methods masquerading as native. */\nvar maskSrcKey = (function() {\n  var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || '');\n  return uid ? ('Symbol(src)_1.' + uid) : '';\n}());\n\n/**\n * Checks if `func` has its source masked.\n *\n * @private\n * @param {Function} func The function to check.\n * @returns {boolean} Returns `true` if `func` is masked, else `false`.\n */\nfunction isMasked(func) {\n  return !!maskSrcKey && (maskSrcKey in func);\n}\n\nexport default isMasked;\n","/** Used for built-in method references. */\nvar funcProto = Function.prototype;\n\n/** Used to resolve the decompiled source of functions. */\nvar funcToString = funcProto.toString;\n\n/**\n * Converts `func` to its source code.\n *\n * @private\n * @param {Function} func The function to convert.\n * @returns {string} Returns the source code.\n */\nfunction toSource(func) {\n  if (func != null) {\n    try {\n      return funcToString.call(func);\n    } catch (e) {}\n    try {\n      return (func + '');\n    } catch (e) {}\n  }\n  return '';\n}\n\nexport default toSource;\n","import isFunction from './isFunction.js';\nimport isMasked from './_isMasked.js';\nimport isObject from './isObject.js';\nimport toSource from './_toSource.js';\n\n/**\n * Used to match `RegExp`\n * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).\n */\nvar reRegExpChar = /[\\\\^$.*+?()[\\]{}|]/g;\n\n/** Used to detect host constructors (Safari). */\nvar reIsHostCtor = /^\\[object .+?Constructor\\]$/;\n\n/** Used for built-in method references. */\nvar funcProto = Function.prototype,\n    objectProto = Object.prototype;\n\n/** Used to resolve the decompiled source of functions. */\nvar funcToString = funcProto.toString;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/** Used to detect if a method is native. */\nvar reIsNative = RegExp('^' +\n  funcToString.call(hasOwnProperty).replace(reRegExpChar, '\\\\$&')\n  .replace(/hasOwnProperty|(function).*?(?=\\\\\\()| for .+?(?=\\\\\\])/g, '$1.*?') + '$'\n);\n\n/**\n * The base implementation of `_.isNative` without bad shim checks.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a native function,\n *  else `false`.\n */\nfunction baseIsNative(value) {\n  if (!isObject(value) || isMasked(value)) {\n    return false;\n  }\n  var pattern = isFunction(value) ? reIsNative : reIsHostCtor;\n  return pattern.test(toSource(value));\n}\n\nexport default baseIsNative;\n","/**\n * Gets the value at `key` of `object`.\n *\n * @private\n * @param {Object} [object] The object to query.\n * @param {string} key The key of the property to get.\n * @returns {*} Returns the property value.\n */\nfunction getValue(object, key) {\n  return object == null ? undefined : object[key];\n}\n\nexport default getValue;\n","import baseIsNative from './_baseIsNative.js';\nimport getValue from './_getValue.js';\n\n/**\n * Gets the native function at `key` of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {string} key The key of the method to get.\n * @returns {*} Returns the function if it's native, else `undefined`.\n */\nfunction getNative(object, key) {\n  var value = getValue(object, key);\n  return baseIsNative(value) ? value : undefined;\n}\n\nexport default getNative;\n","import getNative from './_getNative.js';\nimport root from './_root.js';\n\n/* Built-in method references that are verified to be native. */\nvar Map = getNative(root, 'Map');\n\nexport default Map;\n"],"names":["coreJsData","root","maskSrcKey","uid","exec","keys","IE_PROTO","isMasked","func","funcProto","Function","prototype","funcToString","toString","toSource","call","e","reRegExpChar","reIsHostCtor","objectProto","Object","hasOwnProperty","reIsNative","RegExp","replace","baseIsNative","value","isObject","pattern","isFunction","test","getValue","object","key","undefined","getNative","Map"],"mappings":"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"}

package/cjs/_chunks/dep-0fccdcfb.js

@@ -0,0 +1,40 @@
+/**
+ * tdesign v1.13.1
+ * (c) 2025 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+var _typeof = require('./dep-c83f28a0.js');
+
+/**
+ * Checks if `value` is object-like. A value is object-like if it's not `null`
+ * and has a `typeof` result of "object".
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+ * @example
+ *
+ * _.isObjectLike({});
+ * // => true
+ *
+ * _.isObjectLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isObjectLike(_.noop);
+ * // => false
+ *
+ * _.isObjectLike(null);
+ * // => false
+ */
+function isObjectLike(value) {
+  return value != null && _typeof._typeof(value) == 'object';
+}
+
+exports.isObjectLike = isObjectLike;
+//# sourceMappingURL=dep-0fccdcfb.js.map

package/cjs/_chunks/dep-0fccdcfb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-0fccdcfb.js","sources":["../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isObjectLike.js"],"sourcesContent":["/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n  return value != null && typeof value == 'object';\n}\n\nexport default isObjectLike;\n"],"names":["isObjectLike","value","_typeof"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,YAAYA,CAACC,KAAK,EAAE;EAC3B,OAAOA,KAAK,IAAI,IAAI,IAAIC,eAAA,CAAOD,KAAK,KAAI,QAAQ,CAAA;AAClD;;;;"}

package/cjs/_chunks/dep-1749a228.js

@@ -0,0 +1,179 @@
+/**
+ * tdesign v1.13.1
+ * (c) 2025 tdesign
+ * @license MIT
+ */
+
+'use strict';
+
+var defineProperty = require('./dep-7a6528ec.js');
+var React = require('react');
+var color = require('./dep-ef7d12a5.js');
+var toConsumableArray = require('./dep-210ce7c8.js');
+var constants = require('./dep-4240569e.js');
+var input_index = require('../input/index.js');
+var inputNumber_index = require('../input-number/index.js');
+var throttle = require('./dep-8c89cfa8.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var initColorFormat = function initColorFormat(format, enableAlpha) {
+  if (enableAlpha && format in constants.ALPHA_FORMAT_MAP) {
+    return format in constants.ALPHA_FORMAT_MAP ? constants.ALPHA_FORMAT_MAP[format] : format;
+  }
+  return format;
+};
+var getColorFormatMap = function getColorFormatMap(color, type) {
+  if (type === "encode") {
+    return {
+      HSV: color.getHsva(),
+      HSVA: color.getHsva(),
+      HSL: color.getHsla(),
+      HSLA: color.getHsla(),
+      RGB: color.getRgba(),
+      RGBA: color.getRgba(),
+      CMYK: color.getCmyk(),
+      CSS: {
+        css: color.css
+      },
+      HEX: {
+        hex: color.hex
+      },
+      HEX8: {
+        hex: color.hex8
+      }
+    };
+  }
+  return color.getFormatsColorMap();
+};
+var getColorFormatOptions = function getColorFormatOptions(enableAlpha) {
+  return enableAlpha ? constants.FORMATS.map(function (item) {
+    return item in constants.ALPHA_FORMAT_MAP ? constants.ALPHA_FORMAT_MAP[item] : item;
+  }) : constants.FORMATS;
+};
+var getColorFormatInputs = function getColorFormatInputs() {
+  var format = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "RGB";
+  var enableAlpha = arguments.length > 1 ? arguments[1] : undefined;
+  var finalFormat;
+  if (enableAlpha) {
+    finalFormat = Object.keys(constants.ALPHA_FORMAT_MAP).find(function (key) {
+      return key in constants.ALPHA_FORMAT_MAP && constants.ALPHA_FORMAT_MAP[key] === format;
+    }) || format;
+  } else {
+    finalFormat = format;
+  }
+  if (!constants.COLOR_FORMAT_INPUTS[finalFormat]) return [];
+  var configs = toConsumableArray._toConsumableArray(constants.COLOR_FORMAT_INPUTS[finalFormat]);
+  if (enableAlpha && format !== "CMYK") {
+    configs.push({
+      type: "inputNumber",
+      key: "a",
+      min: 0,
+      max: 100,
+      format: function format(value) {
+        return "".concat(value, "%");
+      },
+      flex: 1.15
+    });
+  }
+  return configs;
+};
+
+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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { defineProperty._defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var FormatInputs = function FormatInputs(props) {
+  var format = props.format,
+    enableAlpha = props.enableAlpha,
+    inputProps = props.inputProps,
+    disabled = props.disabled,
+    onInputChange = props.onInputChange,
+    color$1 = props.color;
+  var modelValueRef = React.useRef({});
+  var lastModelValue = React.useRef({});
+  var inputKey = React.useRef(0);
+  var updateModelValue = function updateModelValue() {
+    var value = getColorFormatMap(color$1, "encode")[format];
+    if (!value) return;
+    value.a = Math.round(color$1.alpha * 100);
+    var changedFormatValue = {};
+    Object.keys(value).forEach(function (key) {
+      if (value[key] !== modelValueRef.current[key]) {
+        changedFormatValue[key] = value[key];
+      }
+      lastModelValue.current[key] = value[key];
+    });
+    if (Object.keys(changedFormatValue).length > 0) {
+      modelValueRef.current = value;
+    }
+  };
+  var handleInputChange = function handleInputChange(key, v) {
+    if (v === lastModelValue.current[key]) return;
+    inputKey.current = new Date().getTime();
+    lastModelValue.current[key] = v;
+    var newFormatValue = _objectSpread(_objectSpread({}, modelValueRef.current), {}, defineProperty._defineProperty({}, key, v));
+    modelValueRef.current = newFormatValue;
+    if (key === "a") {
+      color$1.alpha = v / 100;
+    } else if (key === "hex" || key === "css") {
+      color$1.update(v);
+    } else {
+      color$1.update(color.Color.object2color(newFormatValue, format));
+    }
+    var value = getColorFormatMap(color$1, "decode")[format];
+    onInputChange(value, color$1.alpha, key, v);
+  };
+  updateModelValue();
+  React.useEffect(function () {
+    var throttleUpdate = throttle.throttle(updateModelValue, 100);
+    throttleUpdate();
+    return function () {
+      return throttleUpdate.cancel();
+    };
+  }, [color$1.saturation, color$1.hue, color$1.value, color$1.alpha, format]);
+  return /* @__PURE__ */React__default["default"].createElement("div", {
+    className: "input-group"
+  }, getColorFormatInputs(format, enableAlpha).map(function (config) {
+    var currentValue = modelValueRef.current[config.key];
+    var commonProps = _objectSpread(_objectSpread({}, inputProps), {}, {
+      disabled: disabled,
+      title: currentValue,
+      align: "center",
+      size: "small",
+      onBlur: function onBlur(v) {
+        return handleInputChange(config.key, v);
+      },
+      onEnter: function onEnter(v) {
+        return handleInputChange(config.key, v);
+      }
+    });
+    return /* @__PURE__ */React__default["default"].createElement("div", {
+      className: "input-group__item",
+      key: config.key,
+      style: {
+        flex: config.flex || 1
+      }
+    }, config.type === "input" ? /* @__PURE__ */React__default["default"].createElement(input_index.Input, _objectSpread(_objectSpread({}, commonProps), {}, {
+      defaultValue: currentValue,
+      key: "".concat(inputKey.current, "-").concat(currentValue),
+      maxlength: format === "HEX" ? 9 : void 0
+    })) : /* @__PURE__ */React__default["default"].createElement(inputNumber_index.InputNumber, _objectSpread(_objectSpread({}, commonProps), {}, {
+      min: config.min,
+      max: config.max,
+      step: 1,
+      format: config.format,
+      value: currentValue,
+      onChange: function onChange(v) {
+        return handleInputChange(config.key, v || config.min);
+      },
+      theme: "normal"
+    })));
+  }));
+};
+var FormatInputs$1 = /*#__PURE__*/React__default["default"].memo(FormatInputs);
+
+exports.FormatInputs = FormatInputs$1;
+exports.getColorFormatOptions = getColorFormatOptions;
+exports.initColorFormat = initColorFormat;
+//# sourceMappingURL=dep-1749a228.js.map

package/cjs/_chunks/dep-1749a228.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dep-1749a228.js","sources":["../../../common/js/color-picker/format.ts","../../../components/color-picker/components/panel/format/inputs.tsx"],"sourcesContent":["import Color from './color';\nimport { ALPHA_FORMAT_MAP, COLOR_FORMAT_INPUTS, FORMATS } from './constants';\nimport type { AlphaConvertibleFormat, BasicColorFormat, ColorFormat } from './types';\n\n/**\n * 兜底处理用户传入的格式，例如：\n * - 传入 `RGB`， 但 `enableAlpha` ，则返回 `RGBA`\n */\nexport const initColorFormat = (format: ColorFormat, enableAlpha: boolean) => {\n  if (enableAlpha && format in ALPHA_FORMAT_MAP) {\n    return format in ALPHA_FORMAT_MAP ? ALPHA_FORMAT_MAP[format as AlphaConvertibleFormat] : format;\n  }\n  return format as BasicColorFormat;\n};\n\n/**\n * 获取不同格式的输入输出值\n * - encode：将字符串转换为单独的颜色值，例如 `{r: 255, g: 255, b: 255}`\n * - decode：获取完整的颜色字符串，例如 `rgb(255, 255, 255)`\n */\nexport const getColorFormatMap = (color: Color, type: 'encode' | 'decode') => {\n  if (type === 'encode') {\n    return {\n      HSV: color.getHsva(),\n      HSVA: color.getHsva(),\n      HSL: color.getHsla(),\n      HSLA: color.getHsla(),\n      RGB: color.getRgba(),\n      RGBA: color.getRgba(),\n      CMYK: color.getCmyk(),\n      CSS: {\n        css: color.css,\n      },\n      HEX: {\n        hex: color.hex,\n      },\n      HEX8: {\n        hex: color.hex8, // 为了减少转换 hex8 的 key 也对应 hex\n      },\n    };\n  }\n\n  // decode\n  return color.getFormatsColorMap();\n};\n\n/**\n * 获取下拉框的格式选项\n */\nexport const getColorFormatOptions = (enableAlpha: boolean) => (\n  enableAlpha\n    ? FORMATS.map((item) => (item in ALPHA_FORMAT_MAP ? ALPHA_FORMAT_MAP[item as AlphaConvertibleFormat] : item))\n    : FORMATS\n);\n\n/**\n * 获取当前格式的输入框配置\n */\nexport const getColorFormatInputs = (\n  format: ColorFormat = 'RGB',\n  enableAlpha: boolean\n) => {\n  let finalFormat;\n\n  /* 为了减少 `ALPHA_FORMAT_MAP` 中的重复代码\n     `RGBA/HEX8/HSLA/HSVA` 会被转换为 `RGB/HEX/HSL/HSV` 后再匹配\n     但在下一步会 push 一个代表透明度的输入框 */\n  if (enableAlpha) {\n    finalFormat = Object.keys(ALPHA_FORMAT_MAP).find(\n      (key) => key in ALPHA_FORMAT_MAP && ALPHA_FORMAT_MAP[key as AlphaConvertibleFormat] === format\n    ) || format;\n  } else {\n    finalFormat = format;\n  }\n\n  if (!COLOR_FORMAT_INPUTS[finalFormat as BasicColorFormat]) return [];\n\n  const configs = [\n    ...(COLOR_FORMAT_INPUTS[finalFormat as BasicColorFormat]),\n  ];\n\n  // CMYK 格式不支持透明度\n  if (enableAlpha && format !== 'CMYK') {\n    configs.push({\n      type: 'inputNumber',\n      key: 'a',\n      min: 0,\n      max: 100,\n      format: (value: number) => `${value}%`,\n      flex: 1.15,\n    });\n  }\n\n  return configs;\n};\n","import React, { useRef, useEffect } from 'react';\nimport { throttle } from 'lodash-es';\nimport { Color, getColorFormatInputs, getColorFormatMap } from '@tdesign/common-js/color-picker/index';\nimport Input from '../../../../input';\nimport InputNumber from '../../../../input-number';\n\nconst FormatInputs = (props) => {\n  const { format, enableAlpha, inputProps, disabled, onInputChange, color } = props;\n  const modelValueRef = useRef({});\n  const lastModelValue = useRef({});\n  const inputKey = useRef<number>(0);\n\n  const updateModelValue = () => {\n    const value = getColorFormatMap(color, 'encode')[format];\n    if (!value) return;\n    value.a = Math.round(color.alpha * 100);\n\n    const changedFormatValue = {};\n    Object.keys(value).forEach((key) => {\n      if (value[key] !== modelValueRef.current[key]) {\n        changedFormatValue[key] = value[key];\n      }\n      lastModelValue.current[key] = value[key];\n    });\n\n    if (Object.keys(changedFormatValue).length > 0) {\n      modelValueRef.current = value;\n    }\n  };\n\n  const handleInputChange = (key: string, v: number | string) => {\n    if (v === lastModelValue.current[key]) return;\n    inputKey.current = new Date().getTime(); // 重新渲染，处理多次空值的场景\n    lastModelValue.current[key] = v;\n\n    const newFormatValue = {\n      ...modelValueRef.current,\n      [key]: v,\n    };\n    modelValueRef.current = newFormatValue;\n    // 对应 COLOR_FORMAT_INPUTS 中的 key\n    if (key === 'a') {\n      // 透明通道\n      color.alpha = (v as number) / 100;\n    } else if (key === 'hex' || key === 'css') {\n      // 纯字符串类型的格式\n      color.update(v);\n    } else {\n      // 需要进一步转换的格式,\n      // HSL 格式转换时 在 l 100% 的场景下会存在问题，与 tinycolor 相关 https://github.com/bgrins/TinyColor/issues/86\n      color.update(Color.object2color(newFormatValue, format));\n    }\n    const value = getColorFormatMap(color, 'decode')[format];\n\n    onInputChange(value, color.alpha, key, v);\n  };\n\n  updateModelValue();\n  useEffect(() => {\n    const throttleUpdate = throttle(updateModelValue, 100);\n    throttleUpdate();\n    return () => throttleUpdate.cancel();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\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',\n          size: 'small',\n          onBlur: (v: string) => handleInputChange(config.key, v),\n          onEnter: (v: string) => handleInputChange(config.key, v),\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}\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                step={1}\n                format={config.format}\n                value={currentValue}\n                onChange={(v) => handleInputChange(config.key, v || config.min)}\n                theme=\"normal\"\n              />\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nexport default React.memo(FormatInputs);\n"],"names":["initColorFormat","format","enableAlpha","ALPHA_FORMAT_MAP","getColorFormatMap","color","type","HSV","getHsva","HSVA","HSL","getHsla","HSLA","RGB","getRgba","RGBA","CMYK","getCmyk","CSS","css","HEX","hex","HEX8","hex8","getFormatsColorMap","getColorFormatOptions","FORMATS","map","item","getColorFormatInputs","arguments","length","undefined","finalFormat","Object","keys","find","key","COLOR_FORMAT_INPUTS","configs","_toConsumableArray","push","min","max","value","concat","flex","FormatInputs","props","inputProps","disabled","onInputChange","modelValueRef","useRef","lastModelValue","inputKey","updateModelValue","a","Math","round","alpha","changedFormatValue","forEach","current","handleInputChange","v","Date","getTime","newFormatValue","_objectSpread","_defineProperty","update","Color","object2color","useEffect","throttleUpdate","throttle","cancel","saturation","hue","React","createElement","className","config","currentValue","commonProps","title","align","size","onBlur","onEnter","style","Input","defaultValue","maxlength","InputNumber","step","onChange","theme","memo"],"mappings":"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"}