1/** @jsxRuntime classic */
2/** @jsx jsxCustomEvent */
3import { PageContainer } from '@ant-design/pro-layout';
4import jsxCustomEvent from '@micro-zoe/micro-app/polyfill/jsx-custom-event';
5import { useLocation } from '@umijs/max';
6
7// @ts-ignore
8window.jsxCustomEvent = jsxCustomEvent;
9
10const Micro = () => {
11  const { pathname } = useLocation();
12
13  return (
14    <PageContainer title={false}>
15      <micro-app
16        id="hui-agent"
17        data={{
18          pathname,
19        }}
20        keep-alive
21        name="hui-agent"
22        shadowDOM
23        url="https://qaecm-hui-agent.intous.com"
24        onMounted={() => {
25          setTimeout(() => {
26            const ele = document
27              .getElementById('hui-agent')
28              ?.shadowRoot?.querySelector('micro-app-head');
29            if (ele) {
30              const style = document.createElement('style');
31              style.innerHTML = `
32                    .ant-input-clear-icon {
33                      color: rgba(0, 0, 0, 0.25);
34                    }
35              `;
36              ele.appendChild(style);
37            }
38            // 随缘的一秒
39          }, 1000);
40        }}
41      />
42    </PageContainer>
43  );
44};
45
46export default Micro;

1import { unified } from 'unified';
2import rehypeParse from 'rehype-parse';
3import rehypeRemark from 'rehype-remark';
4import remarkStringify from 'remark-stringify';
5import remarkGfm from 'remark-gfm';
6import stringWidth from 'string-width';
7import rehypeRemoveComments from 'rehype-remove-comments';
8import type { Unsafe } from 'mdast-util-to-markdown';
9import { defaultHandlers } from 'mdast-util-to-markdown';
10
11const { text } = defaultHandlers;
12
13/**
14 * @description By default, mdast-util-to-markdown will escape some characters in some
15 * conditions.
16 * @description See `unsafe.js` for all rules:
17 * https://github.com/syntax-tree/mdast-util-to-markdown/blob/main/lib/unsafe.js#L24
18 * @description In our case, we don't want to apply some of them.
19 */
20function unsafeFilter(rule: Unsafe): boolean {
21  // We don't want to escape '[' as it's wildly used in checkbox and backlink.
22  return rule.character !== '[';
23}
24
25export async function html2md(html: string): Promise<string> {
26  const file = await unified()
27    .use(rehypeParse, {
28      fragment: true,
29    })
30    .use(rehypeRemoveComments)
31    .use(rehypeRemark, {
32      unchecked: '[ ] ',
33      checked: '[x] ',
34    })
35    .use(remarkGfm, {
36      stringLength: stringWidth,
37    })
38    .use(remarkStringify, {
39      bullet: '+',
40      bulletOrdered: '.',
41      listItemIndent: 'one',
42      resourceLink: true,
43      fences: true,
44      emphasis: '_',
45      rule: '-',
46      tightDefinitions: true,
47      bulletOther: '-',
48      bulletOrderedOther: ')',
49      handlers: {
50        text: (node, parent, context, safeOptions) => {
51          return text(
52            node,
53            parent,
54            { ...context, unsafe: context.unsafe.filter(unsafeFilter) },
55            safeOptions,
56          );
57        },
58      },
59    })
60    .process(html);
61
62  return file.toString().trim();
63}