Function header

packages/muya/src/inlineRenderer/renderer/header.ts:5–51

(
    this: Renderer,
    {
        h,
        cursor,
        block,
        token,
        outerClass,
    }: ISyntaxRenderOptions & { token: BeginRuleToken },
)

import { CLASS_NAMES } from '../../config';

export default function header(
    this: Renderer,
    {
        h,
        cursor,
        block,
        token,
        outerClass,
    }: ISyntaxRenderOptions & { token: BeginRuleToken },
) {
    const { content } = token;
    const { start, end } = token.range;
    const className = this.getClassName(
        outerClass,
        block,
        {
            range: {
                start,
                end: end - content.length,
            },
        } as BeginRuleToken,
        cursor,
    );
    const markerVnode = this.highlight(
        h,
        block,
        start,
        end - content.length,
        token,
    );
    const contentVnode = this.highlight(
        h,
        block,
        end - content.length,
        end,
        token,
    );
    const spaceSelector
        = className === CLASS_NAMES.MU_HIDE
            ? `span.${CLASS_NAMES.MU_HEADER_TIGHT_SPACE}.${CLASS_NAMES.MU_REMOVE}`
            : `span.${CLASS_NAMES.MU_GRAY}.${CLASS_NAMES.MU_REMOVE}`;

    return [
        h(`span.${className}.${CLASS_NAMES.MU_REMOVE}`, markerVnode),
        h(spaceSelector, contentVnode),
    ];
}