@opentiny/tiny-toolkit-docs/template/ng/tiny-uno/rules/font.js

这里对你的套件进行简单描述, 比如适用哪些场景,使用了什么技术, 有什么特点

// shortkey的 字典变量
const _s = {
  f: 'font-size',
  lh: 'line-height',

  bold: 'bolder',
  thin: 'lighter',
  normal: 'normal',

  underline: 'underline',
  overline: 'overline',
  through: 'line-through',
};

export default function builder(option) {
  const isRem = !!option.isRem;
  const $t = (num) => (isRem ? `${num}rem` : `${num}px`);
  return {
    rules: [
      // 字体与行高                              f12  lh20
      [/^(f|lh)(\d+)$/, ([, attr, num]) => ({ [`${_s[attr]}`]: $t(num) })],
      // 字体粗细                               fw-bold  fw-700
      [/^fw-(bold|thin|normal)$/, ([, dir]) => ({ 'font-weight': `${_s[dir]}` })],
      [/^fw-(\d+)$/, ([, val]) => ({ 'font-weight': val })],
      // 文字对齐                               text-right  text-underline  text-overline
      [/^text-(right|left|center)$/, ([, dir]) => ({ 'text-align': dir })],
      // 文字上下划线  solid|double|dotted|dashed|wavy
      //             text-underline  text-overlinewavy text-overline-
      [
        /^text-(underline|overline|through)-?(solid|double|dotted|dashed|wavy)?$/,
        ([, dir, style]) => ({ 'text-decoration': `${dir} ${style || ''}` }),
      ],
      // 文字阴影       ts-sm  ts-lg
      ['ts-sm', { 'text-shadow': 'var(--text-shadow-sm)' }],
      ['ts-lg', { 'text-shadow': 'var(--text-shadow-lg)' }],
    ],
    shortcuts: [],
  };
}