diff --git a/.npmrc b/.npmrc
deleted file mode 100644
index f3b1a9f..0000000
--- a/.npmrc
+++ /dev/null
@@ -1 +0,0 @@
-//registry.npmjs.org/:_authToken=${NODE_AUTH_TOKEN}
diff --git a/packages/plugin/package.json b/packages/plugin/package.json
index 7a3c503..9518aaa 100644
--- a/packages/plugin/package.json
+++ b/packages/plugin/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@api7-dashboard/plugin",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "@api7-dashboard/plugin",
   "repository": {
     "type": "git",
@@ -25,6 +25,7 @@
   "dependencies": {
     "@rjsf/antd": "^2.3.0",
     "@rjsf/core": "^2.3.0",
+    "@uiw/react-codemirror": "^3.0.1",
     "json-schema": "^0.2.5",
     "set-value": "^3.0.2"
   },
diff --git a/packages/plugin/src/CodeMirrorDrawer.tsx b/packages/plugin/src/CodeMirrorDrawer.tsx
new file mode 100644
index 0000000..a8d27e6
--- /dev/null
+++ b/packages/plugin/src/CodeMirrorDrawer.tsx
@@ -0,0 +1,25 @@
+import React from 'react';
+import { Drawer } from 'antd';
+import CodeMirror from '@uiw/react-codemirror';
+
+type Props = {
+  visiable: boolean;
+  data: object;
+  onClose(): void
+};
+
+const CodeMirrorDrawer: React.FC<Props> = ({ visiable, data = {}, onClose }) => {
+  return (
+    <Drawer visible={visiable} width={500} onClose={onClose}>
+      <CodeMirror
+        value={JSON.stringify(data)}
+        options={{
+          mode: 'json-ld',
+          readonly: true
+        }}
+      />
+    </Drawer>
+  );
+};
+
+export default CodeMirrorDrawer;
diff --git a/packages/plugin/src/PluginCard.tsx b/packages/plugin/src/PluginCard.tsx
deleted file mode 100644
index 1c6b3de..0000000
--- a/packages/plugin/src/PluginCard.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react';
-import { Card } from 'antd';
-import { CardProps } from 'antd/lib/card';
-
-interface Props extends CardProps {
-  name: string;
-}
-
-const PluginCard: React.FC<Props> = ({ name, actions }) => {
-  return (
-    <Card actions={actions}>
-      <Card.Meta title={name} description="暂无简介" />
-    </Card>
-  );
-};
-
-export default PluginCard;
diff --git a/packages/plugin/src/PluginDrawer.tsx b/packages/plugin/src/PluginDrawer.tsx
index c1910b0..31143ca 100644
--- a/packages/plugin/src/PluginDrawer.tsx
+++ b/packages/plugin/src/PluginDrawer.tsx
@@ -1,78 +1,54 @@
-import React, { Fragment } from 'react';
+import React, { Fragment, useRef } from 'react';
 import { Drawer, Button } from 'antd';
 import { withTheme, FormProps } from '@rjsf/core';
 import { JSONSchema7 } from 'json-schema';
 // @ts-ignore
 import { Theme as AntDTheme } from '@rjsf/antd';
 
-interface Props {
+type Props = {
   name?: string;
   initialData: any;
-  active?: boolean;
-  disabled?: boolean;
   schema: JSONSchema7;
-  onActive(name: string): void;
-  onInactive(name: string): void;
+  readonly?: boolean;
   onClose(): void;
   onFinish(values: any): void;
-}
+};
+
+const PluginForm = withTheme(AntDTheme);
 
 const PluginDrawer: React.FC<Props> = ({
   name,
-  active,
-  disabled,
   schema,
   initialData,
-  onActive,
-  onInactive,
+  readonly,
   onClose,
   onFinish,
 }) => {
-  const PluginForm = withTheme(AntDTheme);
-
   if (!name) {
     return null;
   }
 
-  // NOTE: 用于作为 PluginForm 的引用
-  let form: any;
-
+  const form = useRef<any>(null);
   return (
     <Drawer
       title={`配置 ${name} 插件`}
-      width={400}
+      width={500}
       visible={Boolean(name)}
       destroyOnClose
       onClose={onClose}
       footer={
-        disabled ? null : (
+        !readonly && (
           <div style={{ display: 'flex', justifyContent: 'space-between' }}>
-            <div>
-              {Boolean(active) && (
-                <Button type="primary" danger onClick={() => onInactive(name)}>
-                  禁用
-                </Button>
-              )}
-              {Boolean(!active) && (
-                <Button type="primary" onClick={() => onActive(name)}>
-                  启用
-                </Button>
-              )}
-            </div>
-            {Boolean(active) && (
-              <div>
-                <Button onClick={onClose}>取消</Button>
-                <Button
-                  type="primary"
-                  style={{ marginRight: 8, marginLeft: 8 }}
-                  onClick={() => {
-                    form.submit();
-                  }}
-                >
-                  确认
-                </Button>
-              </div>
-            )}
+            <Button onClick={onClose}>取消</Button>
+            <Button
+              type="primary"
+              style={{ marginRight: 8, marginLeft: 8 }}
+              onClick={() => {
+                form.current?.submit();
+              }}
+            >
+              确认
+            </Button>
           </div>
         )
       }
@@ -80,12 +56,12 @@ const PluginDrawer: React.FC<Props> = ({
       <PluginForm
         schema={schema}
         liveValidate
-        disabled={disabled || !active}
         formData={initialData}
         showErrorList={false}
+        disabled={readonly}
         // @ts-ignore
         ref={(_form: FormProps<any>) => {
-          form = _form;
+          form.current = _form;
         }}
         onSubmit={({ formData }) => {
           onFinish(formData);
diff --git a/packages/plugin/src/PluginPage.tsx b/packages/plugin/src/PluginPage.tsx
index a88828a..8ea1e4f 100644
--- a/packages/plugin/src/PluginPage.tsx
+++ b/packages/plugin/src/PluginPage.tsx
@@ -1,128 +1,167 @@
 import React, { useState, useEffect } from 'react';
-import { LinkOutlined, SettingOutlined } from '@ant-design/icons';
-import { omit } from 'lodash';
+import { SettingOutlined, InfoOutlined } from '@ant-design/icons';
 import { JSONSchema7 } from 'json-schema';
+import { Anchor, Layout, Switch, Card, Tooltip, Button, notification } from 'antd';
+import { omit } from 'lodash';
+
 // @ts-ignore
 import { PanelSection } from '@api7-dashboard/ui';
 
-import PluginCard from './PluginCard';
 import PluginDrawer from './PluginDrawer';
 import { getList, fetchPluginSchema } from './service';
-import { PLUGIN_MAPPER_SOURCE } from './data';
 import { transformPlugin } from './transformer';
 import { PluginPage } from './typing.d';
+import { PLUGIN_MAPPER_SOURCE } from './data';
+import CodeMirrorDrawer from './CodeMirrorDrawer';
 
 type Props = {
-  disabled?: boolean;
-  data?: PluginPage.PluginData;
-  onChange?(data: PluginPage.PluginData): void;
+  readonly?: boolean;
+  initialData?: PluginPage.FinalData;
+  onChange?(data: PluginPage.FinalData): void;
 };
 
-const PluginPageApp: React.FC<Props> = ({ data = {}, disabled, onChange }) => {
+const PanelSectionStyle = {
+  display: 'grid',
+  gridTemplateColumns: 'repeat(4, 25%)',
+  gridRowGap: 15,
+  gridColumnGap: 10,
+  width: 'calc(100% - 40px)',
+};
+
+const { Sider, Content } = Layout;
+
+const PluginPageApp: React.FC<Props> = ({ initialData = {}, readonly, onChange = () => {} }) => {
   const [pluginName, setPluginName] = useState<string | undefined>();
-  const [activeList, setActiveList] = useState<PluginPage.PluginProps[]>([]);
-  const [inactiveList, setInactiveList] = useState<PluginPage.PluginProps[]>([]);
   const [schema, setSchema] = useState<JSONSchema7>();
-
-  const pluginList = [
-    {
-      title: '已启用',
-      list: activeList,
-    },
-    {
-      title: '未启用',
-      list: inactiveList,
-    },
-  ];
+  const [allPlugins, setAllPlugins] = useState<Record<string, PluginPage.PluginMapperItem[]>>({});
+  const [codeMirrorCodes, setCodeMirrorCodes] = useState<object | undefined>();
 
   useEffect(() => {
-    getList(data).then(props => {
-      setActiveList(props.activeList);
-      setInactiveList(props.inactiveList);
-    });
+    getList(initialData).then(setAllPlugins);
   }, []);
 
   return (
     <>
-      {pluginList.map(({ list, title }) => {
-        if (disabled && title === '未启用') {
-          return null;
-        }
-        return (
-          <PanelSection
-            title={title}
-            key={title}
-            style={{
-              display: 'grid',
-              gridTemplateColumns: 'repeat(3, 33.333%)',
-              gridRowGap: 10,
-              gridColumnGap: 10,
-            }}
-          >
-            {list.map(({ name }) => (
-              <PluginCard
-                name={name}
-                actions={[
-                  <SettingOutlined
-                    onClick={() => {
-                      fetchPluginSchema(name).then(schemaData => {
-                        setSchema(schemaData);
-                        setTimeout(() => {
-                          setPluginName(name);
-                        }, 300);
-                      });
-                    }}
-                  />,
-                  <LinkOutlined
-                    onClick={() =>
-                      window.open(
-                        `https://github.com/apache/incubator-apisix/blob/master/doc/plugins/${name}.md`,
-                      )
+      <Layout>
+        <Sider theme="light">
+          <Anchor offsetTop={150}>
+            {Object.entries(allPlugins).map(([category]) => {
+              return (
+                <Anchor.Link
+                  href={`#plugin-category-${category}`}
+                  title={category}
+                  key={category}
+                />
+              );
+            })}
+          </Anchor>
+        </Sider>
+        <Content style={{ padding: '0 10px', backgroundColor: '#fff' }}>
+          {Object.entries(allPlugins).map(([category, plugins]) => {
+            return (
+              <PanelSection
+                title={category}
+                key={category}
+                style={PanelSectionStyle}
+                id={`plugin-category-${category}`}
+              >
+                {plugins.map(({ name, enabled }) => (
+                  <Card
+                    key={name}
+                    title={
+                      <a
+                        href={`https://github.com/apache/incubator-apisix/blob/master/doc/plugins/${name}.md`}
+                        style={{ color: 'inherit' }}
+                        target="_blank"
+                      >
+                        {name}
+                      </a>
                     }
-                  />,
-                ]}
-                key={name}
-              />
-            ))}
-          </PanelSection>
-        );
-      })}
-
+                    extra={[
+                      <Tooltip title="View Raw" key={`plugin-card-${name}-extra-tooltip`}>
+                        <Button
+                          shape="circle"
+                          icon={<InfoOutlined />}
+                          size="small"
+                          style={{ marginRight: 10 }}
+                          onClick={() => {
+                            setCodeMirrorCodes(initialData[name]);
+                          }}
+                        />
+                      </Tooltip>,
+                      <Switch
+                        defaultChecked={enabled}
+                        disabled={readonly}
+                        onChange={(isChecked) => {
+                          // NOTE: 当前生命周期为：若关闭插件，则移除数据状态；再启用时，该插件一定是没有状态的。
+                          const data = { ...initialData, [name]: initialData[name] || {} };
+                          if (isChecked) {
+                            notification.info({ message: `请配置插件 ${name}` });
+                            onChange(data);
+                          } else {
+                            onChange(omit(data, [name!]));
+                          }
+                        }}
+                        key={`plugin-card-${name}-extra-switch-${enabled}`}
+                      />,
+                    ]}
+                    actions={[
+                      <SettingOutlined
+                        onClick={() => {
+                          fetchPluginSchema(name!).then((schemaData) => {
+                            setSchema(schemaData);
+                            setTimeout(() => {
+                              setPluginName(name);
+                            }, 300);
+                          });
+                        }}
+                      />,
+                    ]}
+                  >
+                    {/* TODO: https://github.com/ant-design/pro-components/pull/379/files#diff-9b2c55deb25c2f8fec0e59c7bf59ce4aR75 */}
+                    <Card.Meta description="暂无简介" />
+                  </Card>
+                ))}
+              </PanelSection>
+            );
+          })}
+        </Content>
+      </Layout>
       <PluginDrawer
         name={pluginName}
-        initialData={pluginName ? transformPlugin(pluginName, data[pluginName], 'response') : {}}
-        active={Boolean(activeList.find(item => item.name === pluginName))}
+        initialData={
+          pluginName ? transformPlugin(pluginName, initialData[pluginName], 'response') : {}
+        }
+        readonly={readonly}
         schema={schema!}
-        disabled={disabled}
-        onActive={name => {
-          // TODO: 需测试诸如 普罗米修斯 此类只需通过 {} 即可启用的插件
-          setActiveList(activeList.concat({ name, ...PLUGIN_MAPPER_SOURCE[name] }));
-          setInactiveList(inactiveList.filter(item => item.name !== name));
-        }}
-        onInactive={name => {
-          if (!onChange) {
-            throw new Error('请提供 onChange 方法');
-          }
-          onChange(omit({ ...data }, name));
-          setInactiveList(inactiveList.concat({ name, ...PLUGIN_MAPPER_SOURCE[name] }));
-          setActiveList(activeList.filter(item => item.name !== name));
-          setPluginName(undefined);
-        }}
         onClose={() => setPluginName(undefined)}
-        onFinish={value => {
+        onFinish={(value) => {
           if (!pluginName) {
             return;
           }
-          if (!onChange) {
-            throw new Error('请提供 onChange 方法');
-          }
+
+          const { category = 'Other' } = PLUGIN_MAPPER_SOURCE[pluginName] || {};
+          const newAllPlugins = { ...allPlugins };
+          newAllPlugins[category] = newAllPlugins[category].map((item) => {
+            if (item.name === pluginName) {
+              return { ...item, enabled: true };
+            }
+            return item;
+          });
+          setAllPlugins(newAllPlugins);
+
           onChange({
-            ...data,
+            ...initialData,
             [pluginName]: transformPlugin(pluginName, value, 'request'),
           });
           setPluginName(undefined);
         }}
       />
+      <CodeMirrorDrawer
+        visiable={Boolean(codeMirrorCodes)}
+        data={codeMirrorCodes || {}}
+        onClose={() => setCodeMirrorCodes(undefined)}
+      />
     </>
   );
 };
diff --git a/packages/plugin/src/data.ts b/packages/plugin/src/data.ts
index ac6bf0d..0f030b9 100644
--- a/packages/plugin/src/data.ts
+++ b/packages/plugin/src/data.ts
@@ -1,6 +1,6 @@
 import { PluginPage } from './typing.d';
 
-export const PLUGIN_MAPPER_SOURCE: { [name: string]: PluginPage.PluginMapperItem } = {
+export const PLUGIN_MAPPER_SOURCE: Record<string, Omit<PluginPage.PluginMapperItem, 'name'>> = {
   'limit-req': {
     category: 'Limit',
   },
diff --git a/packages/plugin/src/index.tsx b/packages/plugin/src/index.tsx
index 58852bd..50b28b0 100644
--- a/packages/plugin/src/index.tsx
+++ b/packages/plugin/src/index.tsx
@@ -1,6 +1,8 @@
 export { default as PluginPage } from './PluginPage';
-export { default as PluginCard } from './PluginCard';
 export { default as PluginDrawer } from './PluginDrawer';
 export * from './data';
 export { PluginPage as PluginPageType } from './typing.d';
 export * from './transformer';
+
+export * as pluginLocaleZhCN from './locales/zh-CN';
+export * as pluginLocaleEnUS from './locales/en-US';
diff --git a/packages/plugin/src/locales/en-US/index.ts b/packages/plugin/src/locales/en-US/index.ts
new file mode 100644
index 0000000..6933bec
--- /dev/null
+++ b/packages/plugin/src/locales/en-US/index.ts
@@ -0,0 +1,4 @@
+export default {
+  // TODO
+  'plugin.basic-auth.description': 'TODO',
+};
diff --git a/packages/plugin/src/locales/zh-CN/index.ts b/packages/plugin/src/locales/zh-CN/index.ts
new file mode 100644
index 0000000..33c0ccc
--- /dev/null
+++ b/packages/plugin/src/locales/zh-CN/index.ts
@@ -0,0 +1,4 @@
+export default {
+  // TODO
+  'plugin.basic-auth.description': '待完善',
+};
diff --git a/packages/plugin/src/service.ts b/packages/plugin/src/service.ts
index 15b2db3..d2353f6 100644
--- a/packages/plugin/src/service.ts
+++ b/packages/plugin/src/service.ts
@@ -7,23 +7,27 @@ import request from './request';
 
 export const fetchPluginList = (): Promise<string[]> => request<string[]>('/plugins');
 
-export const getList = (plugins: PluginPage.PluginData) => {
-  const PLUGIN_BLOCK_LIST = Object.entries(PLUGIN_MAPPER_SOURCE)
-    .filter(([, value]) => value.hidden)
-    .flat()
-    .filter(item => typeof item === 'string');
+export const getList = async (plugins: Record<string, object>) => {
+  const names = await fetchPluginList();
+  const data: Record<string, PluginPage.PluginMapperItem[]> = {};
+  const enabledPluginNames = Object.keys(plugins);
+  names.forEach((name) => {
+    const plugin = PLUGIN_MAPPER_SOURCE[name] || {};
+    const { category = 'Other', hidden = false } = plugin;
 
-  return fetchPluginList().then(data => {
-    const names = data.filter(name => !PLUGIN_BLOCK_LIST.includes(name));
+    if (!data[category]) {
+      data[category] = [];
+    }
 
-    const activeNameList = Object.keys(plugins);
-    const inactiveNameList = names.filter(name => !activeNameList.includes(name));
-
-    return {
-      activeList: activeNameList.map(name => ({ name, ...PLUGIN_MAPPER_SOURCE[name] })),
-      inactiveList: inactiveNameList.map(name => ({ name, ...PLUGIN_MAPPER_SOURCE[name] })),
-    };
+    if (!hidden) {
+      data[category] = data[category].concat({
+        ...plugin,
+        name,
+        enabled: enabledPluginNames.includes(name),
+      });
+    }
   });
+  return data;
 };
 
 export const fetchPluginSchema = (name: string): Promise<JSONSchema7> =>
diff --git a/packages/plugin/src/transformer.ts b/packages/plugin/src/transformer.ts
index e9bf765..ac0eb85 100644
--- a/packages/plugin/src/transformer.ts
+++ b/packages/plugin/src/transformer.ts
@@ -2,10 +2,8 @@ import setValue from 'set-value';
 
 type TransformerType = 'schema' | 'request' | 'response';
 
-// TODO: generate Schema Typing according to Lua
-
 const schemaResponseRewrite = (data: any) => {
-  const { description } = data.properties.headers;
+  const { description } = data?.properties?.headers;
 
   setValue(data, 'properties.headers', {
     description,
@@ -31,7 +29,7 @@ const schemaResponseRewrite = (data: any) => {
  * Transform data after receiving Response
  */
 const responseResponseRewrite = (data: any) => {
-  const headers = Object.entries(data.properties.headers || {}).map(([key, value]) => {
+  const headers = Object.entries(data?.properties?.headers || {}).map(([key, value]) => {
     return {
       key,
       value,
@@ -64,22 +62,6 @@ const schemaPrometheus = (data: object) => {
   };
 };
 
-/**
- * This plugin will be enabled once we have the property.
- */
-const requestPrometheus = (data: any) => {
-  if (data && data.enabled) {
-    return {};
-  }
-  return undefined;
-};
-
-const responsePrometheus = () => {
-  return {
-    enabled: true,
-  };
-};
-
 export const transformPlugin = (name: string, data: any, type: TransformerType) => {
   switch (name) {
     case 'response-rewrite':
@@ -93,17 +75,6 @@ export const transformPlugin = (name: string, data: any, type: TransformerType)
         return responseResponseRewrite(data);
       }
       break;
-    case 'prometheus':
-      if (type === 'schema') {
-        return schemaPrometheus(data);
-      }
-      if (type === 'request') {
-        return requestPrometheus(data);
-      }
-      if (type === 'response') {
-        return responsePrometheus();
-      }
-      break;
     default:
       break;
   }
diff --git a/packages/plugin/src/typing.d.ts b/packages/plugin/src/typing.d.ts
index 3e71230..cefb445 100644
--- a/packages/plugin/src/typing.d.ts
+++ b/packages/plugin/src/typing.d.ts
@@ -4,13 +4,15 @@ export declare namespace PluginPage {
   type PluginMapperItem = {
     category: PluginCategory;
     hidden?: boolean;
+    name: string;
+    enabled?: boolean;
   };
 
-  interface PluginProps extends PluginMapperItem {
+  type PluginProps = PluginMapperItem & {
     name: string;
-  }
+  };
 
-  type PluginData = { [name: string]: any };
+  type FinalData = Record<string, object>;
 
   type DrawData = { [name: string]: any };
 }
diff --git a/packages/pluginchart/src/components/Page.tsx b/packages/pluginchart/src/components/Page.tsx
index 408df40..78ac2dd 100644
--- a/packages/pluginchart/src/components/Page.tsx
+++ b/packages/pluginchart/src/components/Page.tsx
@@ -1,4 +1,4 @@
 import * as React from 'react';
 import { SPageContent } from '../DrawPluginStyle';
 
-export const Page: React.FC = props => <SPageContent>{props.children}</SPageContent>;
+export const Page: React.FC = (props) => <SPageContent>{props.children}</SPageContent>;
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 36b07e9..cabf779 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@api7-dashboard/ui",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "UI",
   "repository": {
     "type": "git",
diff --git a/packages/ui/src/components/PanelSection/index.tsx b/packages/ui/src/components/PanelSection/index.tsx
index 153942c..775079e 100644
--- a/packages/ui/src/components/PanelSection/index.tsx
+++ b/packages/ui/src/components/PanelSection/index.tsx
@@ -4,12 +4,13 @@ import { Divider } from 'antd';
 const PanelSection: React.FC<{
   title: string;
   style?: CSSProperties;
-}> = ({ title, style, children }) => {
+  id?: string;
+}> = ({ title, style, id, children }) => {
   return (
-    <>
+    <div id={id}>
       <Divider orientation="left">{title}</Divider>
       <div style={style}>{children}</div>
-    </>
+    </div>
   );
 };
 
diff --git a/yarn.lock b/yarn.lock
index 977dd15..7829c53 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1527,7 +1527,7 @@
   dependencies:
     regenerator-runtime "^0.13.4"
 
-"@babel/runtime@^7.0.0", "@babel/runtime@^7.1.2", "@babel/runtime@^7.10.1", "@babel/runtime@^7.10.2", "@babel/runtime@^7.10.4", "@babel/runtime@^7.11.1", "@babel/runtime@^7.11.2", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.4":
+"@babel/runtime@7.11.2", "@babel/runtime@^7.0.0", "@babel/runtime@^7.1.2", "@babel/runtime@^7.10.1", "@babel/runtime@^7.10.2", "@babel/runtime@^7.10.4", "@babel/runtime@^7.11.1", "@babel/runtime@^7.11.2", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.4":
   version "7.11.2"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.11.2.tgz#f549c13c754cc40b87644b9fa9f09a6a95fe0736"
   integrity sha512-TeWkU52so0mPtDcaCTxNBI/IHiz0pZgr8VEFqXFtZWpYD08ZB6FaSwVAS8MKRQAP3bYKiVjwysOJgMFY28o6Tw==
@@ -3822,6 +3822,14 @@
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
+"@uiw/react-codemirror@^3.0.1":
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/@uiw/react-codemirror/-/react-codemirror-3.0.1.tgz#415096bba81be2d2398467f0bca23b80a1d64426"
+  integrity sha512-k4sc57i2jw15pwyT9io3boFDsr8I9jjC3cQg+pZFog7u8ZRrAsS+GzAz/1uzU1p9S2cfESwj/H0f2oqfIwqj6w==
+  dependencies:
+    "@babel/runtime" "7.11.2"
+    codemirror "5.57.0"
+
 "@umijs/ast@3.2.20":
   version "3.2.20"
   resolved "https://registry.yarnpkg.com/@umijs/ast/-/ast-3.2.20.tgz#d76835dcbfcd3d0310b3ac728d0ee90797196ef2"
@@ -6476,6 +6484,11 @@ code-point-at@^1.0.0:
   resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
   integrity sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=
 
+codemirror@5.57.0:
+  version "5.57.0"
+  resolved "https://registry.yarnpkg.com/codemirror/-/codemirror-5.57.0.tgz#d26365b72f909f5d2dbb6b1209349ca1daeb2d50"
+  integrity sha512-WGc6UL7Hqt+8a6ZAsj/f1ApQl3NPvHY/UQSzG6fB6l4BjExgVdhFaxd7mRTw1UCiYe/6q86zHP+kfvBQcZGvUg==
+
 collapse-white-space@^1.0.2:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/collapse-white-space/-/collapse-white-space-1.0.6.tgz#e63629c0016665792060dbbeb79c42239d2c5287"