tdesign-react/lib/color-picker/hooks/useStyles.js

TDesign Component for React

/**
 * tdesign v1.11.6
 * (c) 2025 tdesign
 * @license MIT
 */

import { _ as _slicedToArray } from '../../_chunks/dep-889449c8.js';
import { useState, useEffect } from 'react';
import '../../_chunks/dep-901cf2d8.js';

var useStyles = function useStyles(params, panelRectRef) {
  var color = params.color,
    value = params.value,
    maxValue = params.maxValue;
  var _useState = useState({
      left: "",
      color: ""
    }),
    _useState2 = _slicedToArray(_useState, 2),
    styles = _useState2[0],
    setStyles = _useState2[1];
  useEffect(function () {
    var width = panelRectRef.current.width;
    if (!width) {
      return;
    }
    var left = Math.round(Number(value) / Number(maxValue) * 100);
    setStyles({
      left: "".concat(left, "%"),
      color: color.rgb
    });
  }, [color.rgb, value]);
  return {
    styles: styles
  };
};

export { useStyles as default };
//# sourceMappingURL=useStyles.js.map