@minto-ai/mt-ui/dist/utils/dom/unit.d.ts

UI组件库

/**
 * 检查一个值是否是有效的 CSS 值（这里多考虑纯了 “数字”、“字符串数字”，数组 的情况）
 *
 * Css的有效 CSS 值包括以下格式：
 * - 纯数字 , 默认单位是 “px”（例如：100）
 * - 字符串数字,  默认单位是 “px”（例如 "100"）
 * - 带 “px” 后缀的字符串（例如 "100px"）
 * - 特殊关键字（例如 "auto"）
 * - 以 "%" 结尾的字符串（例如 "50%"）
 * - 以 "vw" 或 "vh" 结尾的字符串（例如 "50vw"）
 * - 字符串综合值，用逗空格分隔（例如 "100 200"、"100px 200px"、"100px 200vw"）
 * - 数组综合值，数组中的每个元素都是一个有效的CSS值（例如 [100, 200]、["100px", "200px"]、["100px", "200vw"]）
 * @param value - 输入值，可以是数字或字符串。
 * @return - 如果值是有效 CSS 值，则返回 true；否则返回 false。
 */
declare function isValidCssValue(value: number | string | Array<number | string>): boolean;
/**
 * 将单个像素值或多个像素值转换为视口宽度单位（vw）。
 *
 * 此函数将像素值与设计视口宽度进行比较，计算出该像素值占视口宽度的百分比，并将其转换为 vw 单位。
 * 支持以下输入格式：
 * - 单个数字（例如：100，默认单位为 "px"）
 * - 单个字符串数字（例如："100"，默认单位为 "px"）
 * - 带 "px" 后缀的字符串（例如："100px"）
 * - 特殊关键字（例如："auto"）
 * - 以 "%" 结尾的字符串（例如："50%"）
 * - 以 "vw" 或 "vh" 结尾的字符串（例如："50vw" 或 "50vh"）
 * - 以空格分隔的字符串（例如："100 200"、"100px 200px"、"100px 200vw"）
 * - 数组，数组中的每个元素都是一个有效的 CSS 值（例如：[100, "200px", "30vw", "40%"]）
 *
 * @param value - 待转换的像素值，可以是数字、字符串或数组。
 * @return - 转换后以 vw 为单位的值，格式为字符串（例如："50vw" 或 "50vw 100vw"）。
 */
declare function convertValueToViewportWidth(value: number | string | Array<number | string>): string;
export { convertValueToViewportWidth, isValidCssValue, };