@opentiny/tiny-toolkit-docs/template/ng/tiny-uno/variants/mediaquery.js

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

// mediaQuery ,  xs:w120  sm:w60 md:w80 lg:w120   md:w240 lg:w480
export default (matcher, context) => {
  const reg = '^(xs|sm|md|lg):';
  const [, mediaQuery = ''] = matcher.match(new RegExp(reg)) ?? [];

  if (!mediaQuery) {
    return matcher;
  }
  let bp = context.theme.breakpoints;
  return {
    matcher: matcher.replace(/^.+?:(.*)$/, '$1'),
    parent: `@media (min-width: ${bp[mediaQuery]})`,
  };
};