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

TDesign Component for React

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

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var slicedToArray = require('../../_chunks/dep-48e1db8c.js');
var React = require('react');
require('../../_chunks/dep-6b4846c3.js');

var useStyles = function useStyles(params, panelRectRef) {
  var color = params.color,
    value = params.value,
    maxValue = params.maxValue;
  var _useState = React.useState({
      left: "",
      color: ""
    }),
    _useState2 = slicedToArray._slicedToArray(_useState, 2),
    styles = _useState2[0],
    setStyles = _useState2[1];
  React.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
  };
};

exports["default"] = useStyles;
//# sourceMappingURL=useStyles.js.map