antd/lib/border-beam/util.js

An enterprise-class UI design language and React components implementation

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.getBorderBeamGradient = exports.MAX_BEAM_COLOR_STOP_PERCENT = void 0;
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
var _is = require("../_util/is");
const MAX_BEAM_COLOR_STOP_PERCENT = exports.MAX_BEAM_COLOR_STOP_PERCENT = 70;
const getLinearGradient = (...colorStops) => `linear-gradient(to left, ${colorStops.join(', ')}, transparent)`;
const normalizeBorderBeamColor = value => (0, _is.isString)(value) ? [{
  color: value,
  percent: 0
}] : value ?? [];
const fillGradientEnd = items => {
  const lastItem = items[items.length - 1];
  if (!lastItem || lastItem.percent === 100) {
    return items;
  }
  return [].concat((0, _toConsumableArray2.default)(items), [{
    ...lastItem,
    percent: 100
  }]);
};
// Map user-facing 0~100 stops into the visible beam segment so the tail area stays reserved.
// We scale instead of hard-clamping because users describe the gradient against the full beam length:
// `30` should stay around the first third of the visible segment, rather than remain `30%` after
// the available range shrinks, which would distort the original color distribution.
const getMappedBeamColorStopPercent = percent => Number((Math.min(Math.max(percent, 0), 100) / 100 * MAX_BEAM_COLOR_STOP_PERCENT).toFixed(2));
const normalizeGradientItems = items => fillGradientEnd(items).map(item => ({
  ...item,
  percent: getMappedBeamColorStopPercent(item.percent)
}));
// Build the beam gradient from a solid color or explicit gradient stops.
const getBorderBeamGradient = value => {
  // Reserve the trailing section for fade-out so custom gradients keep a visible tail.
  const normalizedStops = normalizeGradientItems(normalizeBorderBeamColor(value));
  return normalizedStops.length ? getLinearGradient.apply(void 0, (0, _toConsumableArray2.default)(normalizedStops.map(item => `${item.color} ${item.percent}%`))) : undefined;
};
exports.getBorderBeamGradient = getBorderBeamGradient;