util-helpers/types/injectStyle.d.ts

一个基于业务场景的工具方法库

/**
 * 注入样式。
 *
 * @alias module:Browser.injectStyle
 * @since 5.3.0
 * @param {string} css 样式内容。
 * @param {Object} [options] 配置项。
 * @param {HTMLElement} [options.container=document.head] 要注入样式的容器。默认 `document.head`。如果 `document.head` 不存在，默认 `document.body`。
 * @param {'top' | 'bottom'} [options.insertAt='top'] 注入容器内容前面还是后面。默认 `top`。
 * @param {Function} [options.onBefore] 注入样式前的回调方法。
 * @returns {HTMLStyleElement} `style` 元素。
 * @example
 * const css1 = 'body { background-color: red; }';
 * injectStyle(css1);
 *
 * // 自定义配置
 * const css2 = 'p { margin: 10px; } a { color: blue; }';
 * injectStyle(css2, {
 *   container: document.body,
 *   insertAt: 'bottom'，
 *   onBefore(style){
 *     style.nonce = '...';
 *   }
 * });
 */
declare function injectStyle(css: string, options?: {
    container?: HTMLElement;
    insertAt?: 'top' | 'bottom';
    onBefore?: (style: HTMLStyleElement) => void;
}): HTMLStyleElement;
export default injectStyle;