commit 9d4f78656be50bd1634807300912e7426d34c227
Author: admin <admin@aitosuv.com>
Date:   Mon Dec 8 14:39:07 2025 +0800

    Initial commit

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..c747d33
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,8 @@
+.venv/
+__pycache__/
+*.pyc
+.trae/
+.vscode/
+.idea/
+*.log
+.env
\ No newline at end of file
diff --git a/INTERFACE_CONFIG.md b/INTERFACE_CONFIG.md
new file mode 100644
index 0000000..461a545
--- /dev/null
+++ b/INTERFACE_CONFIG.md
@@ -0,0 +1,117 @@
+# 接口地址配置说明文档
+
+本文档主要说明 GeminiWX 项目中服务端、管理后台（Web）、微信小程序的接口地址配置方法。
+
+## 1. 服务端 (Server)
+
+服务端基于 Django 开发，主要配置文件位于 `admin/server` 目录。
+
+### 核心配置
+- **配置文件路径**: `admin/server/server/settings.py` 和 `admin/server/server/conf_e.py`
+- **端口配置**: 默认运行在 `8000` 端口（在 `docker-compose.yml` 或 `manage.py` 启动命令中指定）。
+
+### 允许的主机 (Allowed Hosts)
+在 `admin/server/server/settings.py` 中：
+```python
+ALLOWED_HOSTS = ['*']  # 允许所有域名访问，生产环境建议修改为具体域名
+```
+
+### 微信 AppID 配置
+为了确保微信登录和支付等功能正常，需要在以下两处保持 `AppID` 一致：
+1. **服务端**: `admin/server/server/conf_e.py`
+   ```python
+   WECHAT_APP_ID = 'wx2d9b9759137ef46b'  # 示例 AppID
+   WECHAT_APP_SECRET = '...'
+   ```
+2. **小程序**: `wechat-mini-program/project.config.json`
+   ```json
+   {
+     "appid": "wx2d9b9759137ef46b",
+     ...
+   }
+   ```
+
+### 数据库与密钥配置
+在 `admin/server/server/conf_e.py` 中配置数据库连接信息。
+
+---
+
+## 2. 管理后台 Web (Admin Client)
+
+管理后台基于 Vue.js 开发，位于 `admin/client` 目录。
+
+### 开发环境 (Development)
+- **配置文件**: `admin/client/.env.development`
+- **配置项**:
+  ```properties
+  VUE_APP_BASE_API = '/api'
+  ```
+- **代理配置**: `admin/client/vue.config.js`
+  开发环境下，`/api` 开头的请求会被代理到本地服务端：
+  ```javascript
+  proxy: {
+    '/api': {
+      target: 'http://192.168.5.81:8000', // 目标服务器地址
+      changeOrigin: true
+    }
+  }
+  ```
+
+### 预发布环境 (Staging)
+- **配置文件**: `admin/client/.env.staging`
+- **配置项**:
+  ```properties
+  VUE_APP_BASE_API = '/stage-api'
+  ```
+- **构建**: 运行 `npm run build:stage`（假设 `package.json` 中有对应 script，通常为 `vue-cli-service build --mode staging`）。
+
+### 生产环境 (Production)
+- **配置文件**: `admin/client/.env.production`
+- **配置项**:
+  ```properties
+  VUE_APP_BASE_API = '/api'
+  ```
+- **构建**: 运行 `npm run build:prod` 后，生成的静态文件位于 `admin/server/dist` (配置于 `vue.config.js` 的 `outputDir`)。
+
+---
+
+## 3. 微信小程序 (WeChat Mini Program)
+
+微信小程序代码位于 `wechat-mini-program` 目录。
+
+### 接口地址配置
+- **配置文件路径**: `wechat-mini-program/config/env.js`
+- **配置内容**:
+
+  该文件根据 `env` 变量决定使用开发环境还是生产环境的配置。
+
+  ```javascript
+  const env = 'development' // 修改此处切换环境：'development' 或 'production'
+  
+  const configs = {
+    development: {
+      baseUrl: 'http://192.168.5.81:8000/api' // 开发环境接口地址，请修改为本机局域网IP
+    },
+    production: {
+      baseUrl: 'https://your-domain.example.com/api' // 生产环境接口地址
+    }
+  }
+  
+  module.exports = configs[env]
+  ```
+
+### 注意事项
+1. **开发调试**: 确保手机和电脑在同一局域网，且 `baseUrl` 中的 IP 地址是电脑的局域网 IP（可通过 `ipconfig` 或 `ifconfig` 查看）。
+2. **真机调试**: 微信开发者工具中需勾选“不校验合法域名”选项，或者在微信后台配置合法的服务器域名。
+
+---
+
+## 4. 快速检查清单
+
+| 项目 | 环境 | 配置文件 | 关键配置项 | 说明 |
+| --- | --- | --- | --- | --- |
+| **Web** | 开发 | `admin/client/.env.development` | `VUE_APP_BASE_API` | 默认为 `/api`，配合 `vue.config.js` 代理 |
+| **Web** | 预发布 | `admin/client/.env.staging` | `VUE_APP_BASE_API` | 默认为 `/stage-api` |
+| **Web** | 生产 | `admin/client/.env.production` | `VUE_APP_BASE_API` | 默认为 `/api` |
+| **小程序** | 开发 | `wechat-mini-program/config/env.js` | `configs.development.baseUrl` | **需修改为本机 IP** |
+| **小程序** | 生产 | `wechat-mini-program/config/env.js` | `configs.production.baseUrl` | 修改为线上域名 |
diff --git a/PROJECT_INTRODUCTION.md b/PROJECT_INTRODUCTION.md
new file mode 100644
index 0000000..8e2e7f5
--- /dev/null
+++ b/PROJECT_INTRODUCTION.md
@@ -0,0 +1,119 @@
+# 项目介绍文档
+
+## 1. 项目概述
+
+本项目是一个基于 RBAC (Role-Based Access Control) 模型权限控制的中小型应用基础开发平台。项目采用前后端分离架构，旨在提供一套功能完善、易于扩展的后台管理系统解决方案。
+
+项目包含三个主要部分：
+*   **Web 管理端**：提供完整的后台管理界面。
+*   **后端 API 服务**：提供 RESTful API 接口及业务逻辑处理。
+*   **移动端**：支持微信小程序及 H5，方便移动办公。
+
+## 2. 技术栈
+
+### 2.1 后端 (Server)
+*   **核心框架**: Django 3.2.23
+*   **API 框架**: Django REST Framework (DRF) 3.12.4
+*   **异步任务**: Celery 5.2.7 + Redis (用于定时任务、异步操作)
+*   **认证机制**: JWT (JSON Web Token) - djangorestframework-simplejwt
+*   **接口文档**: Swagger (drf-yasg)
+*   **数据库**: 
+    *   开发环境默认使用 SQLite
+    *   生产环境及工作流模块建议使用 PostgreSQL
+*   **其他特性**: 
+    *   支持 CORS 跨域
+    *   使用 django-simple-history 实现审计/历史记录功能
+
+### 2.2 前端 (Web Client)
+*   **核心框架**: Vue.js 2.6.10
+*   **UI 组件库**: Element UI 2.15.14
+*   **路由管理**: Vue Router 3.0.6
+*   **状态管理**: Vuex 3.1.0
+*   **HTTP 请求**: Axios
+*   **图表/可视化**: D3.js, Dagre-D3 (用于工作流展示等)
+*   **工具组件**: 
+    *   vue-treeselect (树形选择)
+    *   xlsx (Excel 导入导出)
+
+### 2.3 移动端 (Mobile Client)
+*   **框架**: Uni-app (基于 Vue.js)
+*   **UI 库**: uView UI
+*   **发布目标**: 微信小程序, H5
+
+## 3. 核心功能模块
+
+### 3.1 系统管理 (System)
+*   **组织架构管理**: 支持多级组织机构管理。
+*   **用户管理**: 用户的增删改查，支持分配角色和岗位。
+*   **角色管理**: 基于 RBAC 的角色管理，支持功能权限分配。
+*   **岗位管理**: 用户的职位/岗位管理。
+*   **菜单/权限管理**: 
+    *   **功能权限**: 控制到每一个 API 接口的访问权限。
+    *   **数据权限**: 支持全部、本级及以下、同级及以下、本人等多种数据可见范围控制。
+*   **数据字典**: 系统通用的字典数据管理。
+*   **文件库**: 统一的文件上传和管理。
+
+### 3.2 客户关系管理 (CRM)
+*   包含基本的 CRM 功能模块（具体业务逻辑见 `apps/crm`）。
+
+### 3.3 工作流 (Workflow)
+*   基于 `loonflow` 引擎简化的工作流实现。
+*   支持工作流定义、状态流转。
+*   **注意**: 后端代码位于 `apps/wf`，建议配合 PostgreSQL 使用以获得完整支持（SQLite 可能不支持部分 JSON 查询）。
+
+### 3.4 系统监控 (Monitor)
+*   **服务监控**: 监控服务器状态、服务运行情况。
+*   **定时任务**: 基于 Celery Beat 的定时任务管理。
+*   **审计日志**: 记录用户操作历史。
+
+## 4. 项目结构说明
+
+```text
+root/
+├── admin/
+│   ├── client/          # Web 前端项目源码 (Vue + ElementUI)
+│   ├── client_mp/       # 移动端项目源码 (Uni-app + uView)
+│   └── server/          # 后端项目源码 (Django)
+│       ├── apps/        # 业务应用模块 (crm, monitor, system, wf)
+│       ├── server/      # Django 项目配置 (settings, urls)
+│       ├── utils/       # 通用工具类
+│       └── manage.py    # Django 管理脚本
+├── wechat-mini-program/ # 原生微信小程序代码 (可能为旧版或独立模块)
+└── docker-compose.yml   # Docker 部署配置
+```
+
+## 5. 快速开始
+
+### 5.1 后端启动 (Windows)
+1.  进入 `admin/server` 目录。
+2.  创建并激活虚拟环境:
+    ```bash
+    python -m venv venv
+    .\venv\scripts\activate
+    ```
+3.  安装依赖: `pip install -r requirements.txt`
+4.  配置数据库: 复制 `conf_e.py` 为 `conf.py` 并配置数据库连接（默认可使用 SQLite）。
+5.  初始化数据库:
+    ```bash
+    python manage.py migrate
+    python manage.py loaddata db.json  # 导入初始数据
+    ```
+6.  创建超级用户: `python manage.py createsuperuser`
+7.  启动服务: `python manage.py runserver 8000`
+8.  接口文档地址: `http://localhost:8000/api/swagger/`
+
+### 5.2 前端启动
+1.  进入 `admin/client` 目录。
+2.  安装依赖: `npm install --registry=https://registry.npmmirror.com`
+3.  启动开发服务: `npm run dev`
+4.  访问地址: `http://localhost:9528`
+
+## 6. 部署建议
+
+*   **生产环境**: 建议前后端分离部署，使用 Nginx 进行反向代理。
+*   **后端**: 使用 Gunicorn 或 uWSGI 运行 Django 服务，配合 Supervisor 进行进程守护。
+*   **前端**: 运行 `npm run build:prod` 打包生成静态文件，由 Nginx 托管。
+*   **WebSocket**: 如需支持 WebSocket 功能，需配置 Daphne 并通过 Supervisor 运行。
+
+## 7. 参考资料
+*   更多复杂功能参考原仓库: [https://github.com/caoqianming/xt_server](https://github.com/caoqianming/xt_server)
diff --git a/STARTUP.md b/STARTUP.md
new file mode 100644
index 0000000..89e8e2a
--- /dev/null
+++ b/STARTUP.md
@@ -0,0 +1,75 @@
+# 项目启动文档
+
+本文档说明如何启动 GeminiWX 项目的服务端、管理后台和小程序。
+
+## 1. 目录结构
+
+*   `admin/server`: Django 后端服务
+*   `admin/client`: Vue.js 管理后台前端
+*   `wechat-mini-program`: 微信小程序前端代码
+
+## 2. 启动服务端 (Django)
+
+服务端基于 Django 框架。
+
+### 步骤
+
+1.  打开终端。
+2.  进入项目根目录。
+3.  使用 `admin/server/.venv` 中的 Python 解释器启动服务：
+
+    ```powershell
+    .\admin\server\.venv\Scripts\python.exe admin/server/manage.py runserver 0.0.0.0:8000
+    ```
+
+    或者，如果你已经激活了虚拟环境：
+
+    ```powershell
+    cd admin/server
+    python manage.py runserver 0.0.0.0:8000
+    ```
+
+4.  服务启动后，访问 `http://localhost:8000/` 确认运行正常。
+
+## 3. 启动管理后台 (Vue.js)
+
+管理后台基于 Vue Element Admin 模板。
+
+### 步骤
+
+1.  打开新的终端窗口。
+2.  进入前端目录：
+
+    ```powershell
+    cd admin/client
+    ```
+
+3.  安装依赖（如果尚未安装）：
+
+    ```powershell
+    npm install
+    ```
+
+4.  启动开发服务器：
+
+    ```powershell
+    npm run dev
+    ```
+
+5.  启动完成后，浏览器会自动打开 `http://localhost:9528` (或其他配置的端口)。
+
+## 4. 启动微信小程序
+
+### 步骤
+
+1.  下载并安装 [微信开发者工具](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)。
+2.  打开微信开发者工具，选择“导入项目”。
+3.  选择目录 `wechat-mini-program`。
+4.  设置 AppID（如果没有，可以使用测试号）。
+5.  在开发者工具中编译并预览。
+
+## 注意事项
+
+*   **端口占用**: 确保 8000 (后端) 和 9528 (前端) 端口未被占用。
+*   **数据库**: 项目默认使用 `db.sqlite3`，无需额外配置数据库服务。
+*   **Python 环境**: 请使用项目自带的虚拟环境 `admin/server/.venv` 以确保依赖正确。
diff --git a/admin/.gitattributes b/admin/.gitattributes
new file mode 100644
index 0000000..6e51dee
--- /dev/null
+++ b/admin/.gitattributes
@@ -0,0 +1 @@
+*.vue linguist-language=python
diff --git a/admin/.gitignore b/admin/.gitignore
new file mode 100644
index 0000000..fee402c
--- /dev/null
+++ b/admin/.gitignore
@@ -0,0 +1,8 @@
+unpackage/dist/*
+node_modules/*
+deploy.sh
+package-lock.json
+.idea/
+.vscode/
+server/static/
+img/wechat_group.jpg
diff --git a/admin/LICENSE b/admin/LICENSE
new file mode 100644
index 0000000..09310e6
--- /dev/null
+++ b/admin/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 blackholll
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/admin/README.md b/admin/README.md
new file mode 100644
index 0000000..5ee5885
--- /dev/null
+++ b/admin/README.md
@@ -0,0 +1,195 @@
+# 简介
+基于RBAC模型权限控制的中小型应用的基础开发平台,前后端分离,后端采用django+django-rest-framework,前端采用vue+ElementUI,移动端采用uniapp+uView(可发布h5和小程序).
+
+JWT认证,可使用simple_history实现审计功能,支持swagger
+
+内置模块有组织机构\用户\角色\岗位\数据字典\文件库\定时任务\工作流(已上传大部分代码, 后端代码位于apps/wf)
+
+使用工作流建议数据库用Postgresql, 下面的预览环境因为是用的sqlite因此有些json查询不支持, 使用方法可参考loonflow文档基本是一致, 主要是做了简化
+
+支持功能权限(控权到每个接口)和简单的数据权限（全部、本级及以下、同级及以下、本人等）
+
+-----
+
+若需要更复杂的一些功能，请查看仓库
+<https://github.com/caoqianming/xt_server>
+
+其在master分支的后端基础上进行了重新编写,拥有更完善的权限控制、工作流引擎、运维管理、websocket支持并提供多种常用功能集成到utils中.
+
+
+## 部分截图
+![image](https://github.com/caoqianming/django-vue-admin/blob/master/img/ticket.png)
+![image](https://github.com/caoqianming/django-vue-admin/blob/master/img/user.png)
+![image](https://github.com/caoqianming/django-vue-admin/blob/master/img/dict.png)
+![image](https://github.com/caoqianming/django-vue-admin/blob/master/img/task.png)
+
+## 预览地址
+预览地址直接使用的runserver,账户admin,密码admin。请谨慎操作,勿修改密码
+
+<http://49.232.14.174:7777/>
+
+## 启动(以下是在windows下开发操作步骤)
+
+
+### django后端
+定位到server文件夹
+
+建立虚拟环境 `python -m venv venv`
+
+激活虚拟环境 `.\venv\scripts\activate`
+
+安装依赖包 `pip install -r requirements.txt`
+
+复制server文件夹下的conf_e.py为conf.py
+根据需要修改里面的数据库连接及DEBUG参数
+
+同步数据库 `python manage.py migrate`
+
+可导入初始数据 `python manage.py loaddata db.json` 或直接使用sqlite数据库(超管账户密码均为admin,每隔一段时间数据库会重置)
+
+创建超级管理员 `python manage.py createsuperuser`
+
+运行服务 `python manage.py runserver 8000` 
+
+### vue前端
+定位到client文件夹
+
+安装node.js
+
+安装依赖包 `npm install --registry=https://registry.npmmirror.com`
+
+运行服务 `npm run dev` 
+
+### nginx
+本地跑时修改nginx.conf，可显示资源文件
+
+```
+listen 8012
+location /media {
+    proxy_pass http://localhost:8000;
+}
+location / {
+    proxy_pass http://localhost:9528;
+}
+```
+
+运行nginx.exe
+
+### 运行
+打开localhost:8012即可访问
+
+接口文档 localhost:8000/api/swagger/
+
+后台地址 localhost:8000/django/admin/
+
+## 部署
+部署时注意修改conf.py
+
+可以前后端分开部署, nginx代理。也可打包之后将前端dist替换server/dist, 然后执行collectstatic
+
+使用gunicorn启动: 进入虚拟环境执行 gunicorn -w 5 -b 0.0.0.0:2251 server.wsgi
+
+如果需要webscoket还需要配置daphne启动，可使用supervisor监控
+
+Nginx配置可参考如下:
+```
+server {
+        listen 2250;
+        client_max_body_size 1024m;
+        location /media/ {
+                alias /home/lighthouse/xx/media/;
+                limit_rate 800k;
+        }
+        location / {
+                alias /home/lighthouse/xx/dist/;
+                index index.html;
+        }
+        location ~ ^/(api|django)/ {
+                set $CSRFTOKEN "";
+                if ($http_cookie ~* "CSRFTOKEN=(.+?)(?=;|$)") {
+                        set $CSRFTOKEN "$1";
+                }
+                proxy_set_header X-CSRFToken $CSRFTOKEN;
+                proxy_pass http://localhost:2251;
+                proxy_pass_header  Authorization;
+                proxy_pass_header  WWW-Authenticate;
+                proxy_set_header Host $host;
+                proxy_set_header X-Real-IP $remote_addr;
+                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        }
+        location /ws/ {
+                proxy_pass http://localhost:2252;
+                proxy_http_version 1.1;
+                proxy_set_header Upgrade $http_upgrade;
+                proxy_set_header Connection "upgrade";
+                proxy_redirect off;
+                proxy_set_header Host $host;
+                proxy_set_header X-Real-IP $remote_addr;
+                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+                proxy_set_header X-Forwarded-Host $server_name;
+        }
+
+}
+```
+
+### docker-compose 方式运行
+
+前端 `./client` 和后端 `./server` 目录下都有Dockerfile，如果需要单独构建镜像，可以自行构建。
+
+这里主要说docker-compose启动这种方式。
+
+按照注释修改docker-compose.yml文件。里面主要有两个服务，一个是`backend`后端,一个是`frontend`前端。
+
+默认是用开发模式跑的后端和前端。如果需要单机部署，又想用docker-compose的话，改为生产模式性能会好些。
+
+
+启动
+```
+cd <path-to-your-project>
+docker-compose up -d
+```
+
+启动成功后，访问端口同前面的，接口8000端口，前端8012端口，如需改动，自己改docker-compose.yml
+
+如果要执行里面的命令
+docker-compose exec <服务名> <命令>
+
+举个栗子：
+
+如果我要执行后端生成数据变更命令。`python manage.py makemigrations`
+
+则用如下语句
+
+```
+docker-compose exec backend python manage.py makemigrations
+```
+
+### 理念
+首先得会使用django-rest-framework, 理解vue-element-admin前端方案
+
+本项目采用前端路由，后端根据用户角色读取用户权限代码返回给前端，由前端进行加载(核心代码是路由表中的perms属性以及checkpermission方法)
+
+后端功能权限的核心代码在server/apps/system/permission.py下重写了has_permission方法, 在APIView和ViewSet中定义perms权限代码
+
+数据权限因为跟具体业务有关,简单定义了几个规则,重写了has_object_permission方法;根据需要使用即可
+
+由于实际情况比较复杂，这里建议根据不同情况自己写drf的permission_class
+
+### 关于定时任务
+使用celery以及django_celery_beat包实现
+
+需要安装redis并在默认端口启动, 并启动worker以及beat
+
+进入虚拟环境并启动worker: `celery -A server worker -l info -P eventlet`, linux系统不用加-P eventlet
+
+进入虚拟环境并启动beat: `celery -A server beat -l info`
+
+### 工作流
+工作流模块参考loonflow的实现可查看其文档(逻辑一样, 感谢loonflow)
+目前大部分代码已上传, 可查看swagger
+
+### 微信群
+愿意交流的话
+可以加QQ群 235665873
+可以加微信群
+![image](http://49.232.14.174:7777/media/wechat_group.jpg)
diff --git a/admin/client/.editorconfig b/admin/client/.editorconfig
new file mode 100644
index 0000000..ea6e20f
--- /dev/null
+++ b/admin/client/.editorconfig
@@ -0,0 +1,14 @@
+# http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+insert_final_newline = false
+trim_trailing_whitespace = false
diff --git a/admin/client/.env.development b/admin/client/.env.development
new file mode 100644
index 0000000..f67b802
--- /dev/null
+++ b/admin/client/.env.development
@@ -0,0 +1,14 @@
+# just a flag
+ENV = 'development'
+
+# base api
+VUE_APP_BASE_API = '/api'
+
+# vue-cli uses the VUE_CLI_BABEL_TRANSPILE_MODULES environment variable,
+# to control whether the babel-plugin-dynamic-import-node plugin is enabled.
+# It only does one thing by converting all import() to require().
+# This configuration can significantly increase the speed of hot updates,
+# when you have a large number of pages.
+# Detail:  https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/babel-preset-app/index.js
+
+VUE_CLI_BABEL_TRANSPILE_MODULES = true
diff --git a/admin/client/.env.production b/admin/client/.env.production
new file mode 100644
index 0000000..07d391e
--- /dev/null
+++ b/admin/client/.env.production
@@ -0,0 +1,6 @@
+# just a flag
+ENV = 'production'
+
+# base api
+VUE_APP_BASE_API = '/api'
+
diff --git a/admin/client/.env.staging b/admin/client/.env.staging
new file mode 100644
index 0000000..a8793a0
--- /dev/null
+++ b/admin/client/.env.staging
@@ -0,0 +1,8 @@
+NODE_ENV = production
+
+# just a flag
+ENV = 'staging'
+
+# base api
+VUE_APP_BASE_API = '/stage-api'
+
diff --git a/admin/client/.eslintignore b/admin/client/.eslintignore
new file mode 100644
index 0000000..e6529fc
--- /dev/null
+++ b/admin/client/.eslintignore
@@ -0,0 +1,4 @@
+build/*.js
+src/assets
+public
+dist
diff --git a/admin/client/.eslintrc.js b/admin/client/.eslintrc.js
new file mode 100644
index 0000000..c977505
--- /dev/null
+++ b/admin/client/.eslintrc.js
@@ -0,0 +1,198 @@
+module.exports = {
+  root: true,
+  parserOptions: {
+    parser: 'babel-eslint',
+    sourceType: 'module'
+  },
+  env: {
+    browser: true,
+    node: true,
+    es6: true,
+  },
+  extends: ['plugin:vue/recommended', 'eslint:recommended'],
+
+  // add your custom rules here
+  //it is base on https://github.com/vuejs/eslint-config-vue
+  rules: {
+    "vue/max-attributes-per-line": [2, {
+      "singleline": 10,
+      "multiline": {
+        "max": 1,
+        "allowFirstLine": false
+      }
+    }],
+    "vue/singleline-html-element-content-newline": "off",
+    "vue/multiline-html-element-content-newline":"off",
+    "vue/name-property-casing": ["error", "PascalCase"],
+    "vue/no-v-html": "off",
+    'accessor-pairs': 2,
+    'arrow-spacing': [2, {
+      'before': true,
+      'after': true
+    }],
+    'block-spacing': [2, 'always'],
+    'brace-style': [2, '1tbs', {
+      'allowSingleLine': true
+    }],
+    'camelcase': [0, {
+      'properties': 'always'
+    }],
+    'comma-dangle': [2, 'never'],
+    'comma-spacing': [2, {
+      'before': false,
+      'after': true
+    }],
+    'comma-style': [2, 'last'],
+    'constructor-super': 2,
+    'curly': [2, 'multi-line'],
+    'dot-location': [2, 'property'],
+    'eol-last': 2,
+    'eqeqeq': ["error", "always", {"null": "ignore"}],
+    'generator-star-spacing': [2, {
+      'before': true,
+      'after': true
+    }],
+    'handle-callback-err': [2, '^(err|error)$'],
+    'indent': [2, 2, {
+      'SwitchCase': 1
+    }],
+    'jsx-quotes': [2, 'prefer-single'],
+    'key-spacing': [2, {
+      'beforeColon': false,
+      'afterColon': true
+    }],
+    'keyword-spacing': [2, {
+      'before': true,
+      'after': true
+    }],
+    'new-cap': [2, {
+      'newIsCap': true,
+      'capIsNew': false
+    }],
+    'new-parens': 2,
+    'no-array-constructor': 2,
+    'no-caller': 2,
+    'no-console': 'off',
+    'no-class-assign': 2,
+    'no-cond-assign': 2,
+    'no-const-assign': 2,
+    'no-control-regex': 0,
+    'no-delete-var': 2,
+    'no-dupe-args': 2,
+    'no-dupe-class-members': 2,
+    'no-dupe-keys': 2,
+    'no-duplicate-case': 2,
+    'no-empty-character-class': 2,
+    'no-empty-pattern': 2,
+    'no-eval': 2,
+    'no-ex-assign': 2,
+    'no-extend-native': 2,
+    'no-extra-bind': 2,
+    'no-extra-boolean-cast': 2,
+    'no-extra-parens': [2, 'functions'],
+    'no-fallthrough': 2,
+    'no-floating-decimal': 2,
+    'no-func-assign': 2,
+    'no-implied-eval': 2,
+    'no-inner-declarations': [2, 'functions'],
+    'no-invalid-regexp': 2,
+    'no-irregular-whitespace': 2,
+    'no-iterator': 2,
+    'no-label-var': 2,
+    'no-labels': [2, {
+      'allowLoop': false,
+      'allowSwitch': false
+    }],
+    'no-lone-blocks': 2,
+    'no-mixed-spaces-and-tabs': 2,
+    'no-multi-spaces': 2,
+    'no-multi-str': 2,
+    'no-multiple-empty-lines': [2, {
+      'max': 1
+    }],
+    'no-native-reassign': 2,
+    'no-negated-in-lhs': 2,
+    'no-new-object': 2,
+    'no-new-require': 2,
+    'no-new-symbol': 2,
+    'no-new-wrappers': 2,
+    'no-obj-calls': 2,
+    'no-octal': 2,
+    'no-octal-escape': 2,
+    'no-path-concat': 2,
+    'no-proto': 2,
+    'no-redeclare': 2,
+    'no-regex-spaces': 2,
+    'no-return-assign': [2, 'except-parens'],
+    'no-self-assign': 2,
+    'no-self-compare': 2,
+    'no-sequences': 2,
+    'no-shadow-restricted-names': 2,
+    'no-spaced-func': 2,
+    'no-sparse-arrays': 2,
+    'no-this-before-super': 2,
+    'no-throw-literal': 2,
+    'no-trailing-spaces': 2,
+    'no-undef': 2,
+    'no-undef-init': 2,
+    'no-unexpected-multiline': 2,
+    'no-unmodified-loop-condition': 2,
+    'no-unneeded-ternary': [2, {
+      'defaultAssignment': false
+    }],
+    'no-unreachable': 2,
+    'no-unsafe-finally': 2,
+    'no-unused-vars': [2, {
+      'vars': 'all',
+      'args': 'none'
+    }],
+    'no-useless-call': 2,
+    'no-useless-computed-key': 2,
+    'no-useless-constructor': 2,
+    'no-useless-escape': 0,
+    'no-whitespace-before-property': 2,
+    'no-with': 2,
+    'one-var': [2, {
+      'initialized': 'never'
+    }],
+    'operator-linebreak': [2, 'after', {
+      'overrides': {
+        '?': 'before',
+        ':': 'before'
+      }
+    }],
+    'padded-blocks': [2, 'never'],
+    'quotes': [2, 'single', {
+      'avoidEscape': true,
+      'allowTemplateLiterals': true
+    }],
+    'semi': [2, 'never'],
+    'semi-spacing': [2, {
+      'before': false,
+      'after': true
+    }],
+    'space-before-blocks': [2, 'always'],
+    'space-before-function-paren': [2, 'never'],
+    'space-in-parens': [2, 'never'],
+    'space-infix-ops': 2,
+    'space-unary-ops': [2, {
+      'words': true,
+      'nonwords': false
+    }],
+    'spaced-comment': [2, 'always', {
+      'markers': ['global', 'globals', 'eslint', 'eslint-disable', '*package', '!', ',']
+    }],
+    'template-curly-spacing': [2, 'never'],
+    'use-isnan': 2,
+    'valid-typeof': 2,
+    'wrap-iife': [2, 'any'],
+    'yield-star-spacing': [2, 'both'],
+    'yoda': [2, 'never'],
+    'prefer-const': 2,
+    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
+    'object-curly-spacing': [2, 'always', {
+      objectsInObjects: false
+    }],
+    'array-bracket-spacing': [2, 'never']
+  }
+}
diff --git a/admin/client/.gitignore b/admin/client/.gitignore
new file mode 100644
index 0000000..9ad28d2
--- /dev/null
+++ b/admin/client/.gitignore
@@ -0,0 +1,16 @@
+.DS_Store
+node_modules/
+dist/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+package-lock.json
+tests/**/coverage/
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
diff --git a/admin/client/.travis.yml b/admin/client/.travis.yml
new file mode 100644
index 0000000..f4be7a0
--- /dev/null
+++ b/admin/client/.travis.yml
@@ -0,0 +1,5 @@
+language: node_js
+node_js: 10
+script: npm run test
+notifications:
+  email: false
diff --git a/admin/client/Dockerfile b/admin/client/Dockerfile
new file mode 100644
index 0000000..35534e1
--- /dev/null
+++ b/admin/client/Dockerfile
@@ -0,0 +1,6 @@
+FROM node:10-alpine3.9 as builder
+WORKDIR /code
+COPY . .
+RUN npm install --registry=https://registry.npm.taobao.org && npm run build:prod
+FROM nginx:1.19.2-alpine
+COPY --from=builder /code/dist /usr/share/nginx/html
diff --git a/admin/client/Dockerfile_dev b/admin/client/Dockerfile_dev
new file mode 100644
index 0000000..6f5a6ad
--- /dev/null
+++ b/admin/client/Dockerfile_dev
@@ -0,0 +1,7 @@
+FROM node:10-alpine3.9
+ENV NODE_ENV=development
+WORKDIR /code
+COPY . .
+RUN npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass &&\ 
+    npm install --registry=https://registry.npm.taobao.org 
+ENTRYPOINT ["npm","run","dev:docker"]
diff --git a/admin/client/LICENSE b/admin/client/LICENSE
new file mode 100644
index 0000000..6151575
--- /dev/null
+++ b/admin/client/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017-present PanJiaChen
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/admin/client/README-zh.md b/admin/client/README-zh.md
new file mode 100644
index 0000000..d248632
--- /dev/null
+++ b/admin/client/README-zh.md
@@ -0,0 +1,98 @@
+# vue-admin-template
+
+> 这是一个极简的 vue admin 管理后台。它只包含了 Element UI & axios & iconfont & permission control & lint，这些搭建后台必要的东西。
+
+[线上地址](http://panjiachen.github.io/vue-admin-template)
+
+[国内访问](https://panjiachen.gitee.io/vue-admin-template)
+
+目前版本为 `v4.0+` 基于 `vue-cli` 进行构建，若你想使用旧版本，可以切换分支到[tag/3.11.0](https://github.com/PanJiaChen/vue-admin-template/tree/tag/3.11.0)，它不依赖 `vue-cli`。
+
+## Extra
+
+如果你想要根据用户角色来动态生成侧边栏和 router，你可以使用该分支[permission-control](https://github.com/PanJiaChen/vue-admin-template/tree/permission-control)
+
+## 相关项目
+
+- [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
+
+- [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)
+
+- [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template)
+
+- [awesome-project](https://github.com/PanJiaChen/vue-element-admin/issues/2312)
+
+写了一个系列的教程配套文章，如何从零构建后一个完整的后台项目:
+
+- [手摸手，带你用 vue 撸后台 系列一(基础篇)](https://juejin.im/post/59097cd7a22b9d0065fb61d2)
+- [手摸手，带你用 vue 撸后台 系列二(登录权限篇)](https://juejin.im/post/591aa14f570c35006961acac)
+- [手摸手，带你用 vue 撸后台 系列三 (实战篇)](https://juejin.im/post/593121aa0ce4630057f70d35)
+- [手摸手，带你用 vue 撸后台 系列四(vueAdmin 一个极简的后台基础模板,专门针对本项目的文章,算作是一篇文档)](https://juejin.im/post/595b4d776fb9a06bbe7dba56)
+- [手摸手，带你封装一个 vue component](https://segmentfault.com/a/1190000009090836)
+
+## Build Setup
+
+```bash
+# 克隆项目
+git clone https://github.com/PanJiaChen/vue-admin-template.git
+
+# 进入项目目录
+cd vue-admin-template
+
+# 安装依赖
+npm install
+
+# 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
+npm install --registry=https://registry.npm.taobao.org
+
+# 启动服务
+npm run dev
+```
+
+浏览器访问 [http://localhost:9528](http://localhost:9528)
+
+## 发布
+
+```bash
+# 构建测试环境
+npm run build:stage
+
+# 构建生产环境
+npm run build:prod
+```
+
+## 其它
+
+```bash
+# 预览发布环境效果
+npm run preview
+
+# 预览发布环境效果 + 静态资源分析
+npm run preview -- --report
+
+# 代码格式检查
+npm run lint
+
+# 代码格式检查并自动修复
+npm run lint -- --fix
+```
+
+更多信息请参考 [使用文档](https://panjiachen.github.io/vue-element-admin-site/zh/)
+
+## Demo
+
+![demo](https://github.com/PanJiaChen/PanJiaChen.github.io/blob/master/images/demo.gif)
+
+## Browsers support
+
+Modern browsers and Internet Explorer 10+.
+
+| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
+| --------- | --------- | --------- | --------- |
+| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions
+
+## License
+
+[MIT](https://github.com/PanJiaChen/vue-admin-template/blob/master/LICENSE) license.
+
+Copyright (c) 2017-present PanJiaChen
diff --git a/admin/client/README.md b/admin/client/README.md
new file mode 100644
index 0000000..b99f942
--- /dev/null
+++ b/admin/client/README.md
@@ -0,0 +1,91 @@
+# vue-admin-template
+
+English | [简体中文](./README-zh.md)
+
+> A minimal vue admin template with Element UI & axios & iconfont & permission control & lint
+
+**Live demo:** http://panjiachen.github.io/vue-admin-template
+
+
+**The current version is `v4.0+` build on `vue-cli`. If you want to use the old version , you can switch branch to [tag/3.11.0](https://github.com/PanJiaChen/vue-admin-template/tree/tag/3.11.0), it does not rely on `vue-cli`**
+
+## Build Setup
+
+
+```bash
+# clone the project
+git clone https://github.com/PanJiaChen/vue-admin-template.git
+
+# enter the project directory
+cd vue-admin-template
+
+# install dependency
+npm install
+
+# develop
+npm run dev
+```
+
+This will automatically open http://localhost:9528
+
+## Build
+
+```bash
+# build for test environment
+npm run build:stage
+
+# build for production environment
+npm run build:prod
+```
+
+## Advanced
+
+```bash
+# preview the release environment effect
+npm run preview
+
+# preview the release environment effect + static resource analysis
+npm run preview -- --report
+
+# code format check
+npm run lint
+
+# code format check and auto fix
+npm run lint -- --fix
+```
+
+Refer to [Documentation](https://panjiachen.github.io/vue-element-admin-site/guide/essentials/deploy.html) for more information
+
+## Demo
+
+![demo](https://github.com/PanJiaChen/PanJiaChen.github.io/blob/master/images/demo.gif)
+
+## Extra
+
+If you want router permission && generate menu by user roles , you can use this branch [permission-control](https://github.com/PanJiaChen/vue-admin-template/tree/permission-control)
+
+For `typescript` version, you can use [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template) (Credits: [@Armour](https://github.com/Armour))
+
+## Related Project
+
+- [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)
+
+- [electron-vue-admin](https://github.com/PanJiaChen/electron-vue-admin)
+
+- [vue-typescript-admin-template](https://github.com/Armour/vue-typescript-admin-template)
+
+- [awesome-project](https://github.com/PanJiaChen/vue-element-admin/issues/2312)
+
+## Browsers support
+
+Modern browsers and Internet Explorer 10+.
+
+| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
+| --------- | --------- | --------- | --------- |
+| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions
+
+## License
+
+[MIT](https://github.com/PanJiaChen/vue-admin-template/blob/master/LICENSE) license.
+
+Copyright (c) 2017-present PanJiaChen
diff --git a/admin/client/babel.config.js b/admin/client/babel.config.js
new file mode 100644
index 0000000..ba17966
--- /dev/null
+++ b/admin/client/babel.config.js
@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/app'
+  ]
+}
diff --git a/admin/client/build/index.js b/admin/client/build/index.js
new file mode 100644
index 0000000..0c57de2
--- /dev/null
+++ b/admin/client/build/index.js
@@ -0,0 +1,35 @@
+const { run } = require('runjs')
+const chalk = require('chalk')
+const config = require('../vue.config.js')
+const rawArgv = process.argv.slice(2)
+const args = rawArgv.join(' ')
+
+if (process.env.npm_config_preview || rawArgv.includes('--preview')) {
+  const report = rawArgv.includes('--report')
+
+  run(`vue-cli-service build ${args}`)
+
+  const port = 9526
+  const publicPath = config.publicPath
+
+  var connect = require('connect')
+  var serveStatic = require('serve-static')
+  const app = connect()
+
+  app.use(
+    publicPath,
+    serveStatic('./dist', {
+      index: ['index.html', '/']
+    })
+  )
+
+  app.listen(port, function () {
+    console.log(chalk.green(`> Preview at  http://localhost:${port}${publicPath}`))
+    if (report) {
+      console.log(chalk.green(`> Report at  http://localhost:${port}${publicPath}report.html`))
+    }
+
+  })
+} else {
+  run(`vue-cli-service build ${args}`)
+}
diff --git a/admin/client/jest.config.js b/admin/client/jest.config.js
new file mode 100644
index 0000000..143cdc8
--- /dev/null
+++ b/admin/client/jest.config.js
@@ -0,0 +1,24 @@
+module.exports = {
+  moduleFileExtensions: ['js', 'jsx', 'json', 'vue'],
+  transform: {
+    '^.+\\.vue$': 'vue-jest',
+    '.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$':
+      'jest-transform-stub',
+    '^.+\\.jsx?$': 'babel-jest'
+  },
+  moduleNameMapper: {
+    '^@/(.*)$': '<rootDir>/src/$1'
+  },
+  snapshotSerializers: ['jest-serializer-vue'],
+  testMatch: [
+    '**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)'
+  ],
+  collectCoverageFrom: ['src/utils/**/*.{js,vue}', '!src/utils/auth.js', '!src/utils/request.js', 'src/components/**/*.{js,vue}'],
+  coverageDirectory: '<rootDir>/tests/unit/coverage',
+  // 'collectCoverage': true,
+  'coverageReporters': [
+    'lcov',
+    'text-summary'
+  ],
+  testURL: 'http://localhost/'
+}
diff --git a/admin/client/jsconfig.json b/admin/client/jsconfig.json
new file mode 100644
index 0000000..ed079e2
--- /dev/null
+++ b/admin/client/jsconfig.json
@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./",
+    "paths": {
+        "@/*": ["src/*"]
+    }
+  },
+  "exclude": ["node_modules", "dist"]
+}
diff --git a/admin/client/mock/index.js b/admin/client/mock/index.js
new file mode 100644
index 0000000..90e2ffe
--- /dev/null
+++ b/admin/client/mock/index.js
@@ -0,0 +1,67 @@
+import Mock from 'mockjs'
+import { param2Obj } from '../src/utils'
+
+import user from './user'
+import table from './table'
+
+const mocks = [
+  ...user,
+  ...table
+]
+
+// for front mock
+// please use it cautiously, it will redefine XMLHttpRequest,
+// which will cause many of your third-party libraries to be invalidated(like progress event).
+export function mockXHR() {
+  // mock patch
+  // https://github.com/nuysoft/Mock/issues/300
+  Mock.XHR.prototype.proxy_send = Mock.XHR.prototype.send
+  Mock.XHR.prototype.send = function() {
+    if (this.custom.xhr) {
+      this.custom.xhr.withCredentials = this.withCredentials || false
+
+      if (this.responseType) {
+        this.custom.xhr.responseType = this.responseType
+      }
+    }
+    this.proxy_send(...arguments)
+  }
+
+  function XHR2ExpressReqWrap(respond) {
+    return function(options) {
+      let result = null
+      if (respond instanceof Function) {
+        const { body, type, url } = options
+        // https://expressjs.com/en/4x/api.html#req
+        result = respond({
+          method: type,
+          body: JSON.parse(body),
+          query: param2Obj(url)
+        })
+      } else {
+        result = respond
+      }
+      return Mock.mock(result)
+    }
+  }
+
+  for (const i of mocks) {
+    Mock.mock(new RegExp(i.url), i.type || 'get', XHR2ExpressReqWrap(i.response))
+  }
+}
+
+// for mock server
+const responseFake = (url, type, respond) => {
+  return {
+    url: new RegExp(`${process.env.VUE_APP_BASE_API}${url}`),
+    type: type || 'get',
+    response(req, res) {
+      console.log('request invoke:' + req.path)
+      res.json(Mock.mock(respond instanceof Function ? respond(req, res) : respond))
+    }
+  }
+}
+
+export default mocks.map(route => {
+  return responseFake(route.url, route.type, route.response)
+})
diff --git a/admin/client/mock/mock-server.js b/admin/client/mock/mock-server.js
new file mode 100644
index 0000000..4c4cb2a
--- /dev/null
+++ b/admin/client/mock/mock-server.js
@@ -0,0 +1,68 @@
+const chokidar = require('chokidar')
+const bodyParser = require('body-parser')
+const chalk = require('chalk')
+const path = require('path')
+
+const mockDir = path.join(process.cwd(), 'mock')
+
+function registerRoutes(app) {
+  let mockLastIndex
+  const { default: mocks } = require('./index.js')
+  for (const mock of mocks) {
+    app[mock.type](mock.url, mock.response)
+    mockLastIndex = app._router.stack.length
+  }
+  const mockRoutesLength = Object.keys(mocks).length
+  return {
+    mockRoutesLength: mockRoutesLength,
+    mockStartIndex: mockLastIndex - mockRoutesLength
+  }
+}
+
+function unregisterRoutes() {
+  Object.keys(require.cache).forEach(i => {
+    if (i.includes(mockDir)) {
+      delete require.cache[require.resolve(i)]
+    }
+  })
+}
+
+module.exports = app => {
+  // es6 polyfill
+  require('@babel/register')
+
+  // parse app.body
+  // https://expressjs.com/en/4x/api.html#req.body
+  app.use(bodyParser.json())
+  app.use(bodyParser.urlencoded({
+    extended: true
+  }))
+
+  const mockRoutes = registerRoutes(app)
+  var mockRoutesLength = mockRoutes.mockRoutesLength
+  var mockStartIndex = mockRoutes.mockStartIndex
+
+  // watch files, hot reload mock server
+  chokidar.watch(mockDir, {
+    ignored: /mock-server/,
+    ignoreInitial: true
+  }).on('all', (event, path) => {
+    if (event === 'change' || event === 'add') {
+      try {
+        // remove mock routes stack
+        app._router.stack.splice(mockStartIndex, mockRoutesLength)
+
+        // clear routes cache
+        unregisterRoutes()
+
+        const mockRoutes = registerRoutes(app)
+        mockRoutesLength = mockRoutes.mockRoutesLength
+        mockStartIndex = mockRoutes.mockStartIndex
+
+        console.log(chalk.magentaBright(`\n > Mock Server hot reload success! changed  ${path}`))
+      } catch (error) {
+        console.log(chalk.redBright(error))
+      }
+    }
+  })
+}
diff --git a/admin/client/mock/table.js b/admin/client/mock/table.js
new file mode 100644
index 0000000..ba95f76
--- /dev/null
+++ b/admin/client/mock/table.js
@@ -0,0 +1,29 @@
+import Mock from 'mockjs'
+
+const data = Mock.mock({
+  'items|30': [{
+    id: '@id',
+    title: '@sentence(10, 20)',
+    'status|1': ['published', 'draft', 'deleted'],
+    author: 'name',
+    display_time: '@datetime',
+    pageviews: '@integer(300, 5000)'
+  }]
+})
+
+export default [
+  {
+    url: '/vue-admin-template/table/list',
+    type: 'get',
+    response: config => {
+      const items = data.items
+      return {
+        code: 20000,
+        data: {
+          total: items.length,
+          items: items
+        }
+      }
+    }
+  }
+]
diff --git a/admin/client/mock/user.js b/admin/client/mock/user.js
new file mode 100644
index 0000000..f007cd9
--- /dev/null
+++ b/admin/client/mock/user.js
@@ -0,0 +1,84 @@
+
+const tokens = {
+  admin: {
+    token: 'admin-token'
+  },
+  editor: {
+    token: 'editor-token'
+  }
+}
+
+const users = {
+  'admin-token': {
+    roles: ['admin'],
+    introduction: 'I am a super administrator',
+    avatar: 'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif',
+    name: 'Super Admin'
+  },
+  'editor-token': {
+    roles: ['editor'],
+    introduction: 'I am an editor',
+    avatar: 'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif',
+    name: 'Normal Editor'
+  }
+}
+
+export default [
+  // user login
+  {
+    url: '/vue-admin-template/user/login',
+    type: 'post',
+    response: config => {
+      const { username } = config.body
+      const token = tokens[username]
+
+      // mock error
+      if (!token) {
+        return {
+          code: 60204,
+          message: 'Account and password are incorrect.'
+        }
+      }
+
+      return {
+        code: 20000,
+        data: token
+      }
+    }
+  },
+
+  // get user info
+  {
+    url: '/vue-admin-template/user/info\.*',
+    type: 'get',
+    response: config => {
+      const { token } = config.query
+      const info = users[token]
+
+      // mock error
+      if (!info) {
+        return {
+          code: 50008,
+          message: 'Login failed, unable to get user details.'
+        }
+      }
+
+      return {
+        code: 20000,
+        data: info
+      }
+    }
+  },
+
+  // user logout
+  {
+    url: '/vue-admin-template/user/logout',
+    type: 'post',
+    response: _ => {
+      return {
+        code: 20000,
+        data: 'success'
+      }
+    }
+  }
+]
diff --git a/admin/client/package.json b/admin/client/package.json
new file mode 100644
index 0000000..2cbd789
--- /dev/null
+++ b/admin/client/package.json
@@ -0,0 +1,75 @@
+{
+  "name": "vue-admin-template",
+  "version": "4.2.1",
+  "description": "A vue admin template with Element UI & axios & iconfont & permission control & lint",
+  "author": "Pan <panfree23@gmail.com>",
+  "license": "MIT",
+  "scripts": {
+    "dev": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
+    "dev:docker": "NODE_ENV=development PORT=80 ./node_modules/.bin/vue-cli-service serve",
+    "build:prod": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",
+    "build:stage": "vue-cli-service build --mode staging",
+    "preview": "node build/index.js --preview",
+    "lint": "eslint --ext .js,.vue src",
+    "test:unit": "jest --clearCache && vue-cli-service test:unit",
+    "test:ci": "npm run lint && npm run test:unit",
+    "svgo": "svgo -f src/icons/svg --config=src/icons/svgo.yml"
+  },
+  "dependencies": {
+    "@riophae/vue-treeselect": "^0.4.0",
+    "axios": "1.6",
+    "d3": "^7.6.1",
+    "dagre-d3": "^0.6.4",
+    "echarts": "^6.0.0",
+    "element-ui": "2.15.14",
+    "file-saver": "^2.0.2",
+    "js-cookie": "2.2.0",
+    "normalize.css": "7.0.0",
+    "nprogress": "0.2.0",
+    "path-to-regexp": "3.3.0",
+    "vue": "2.6.10",
+    "vue-count-to": "^1.0.13",
+    "vue-json-editor": "^1.4.3",
+    "vue-router": "3.0.6",
+    "vuex": "3.1.0",
+    "wangeditor": "^4.7.15",
+    "webpack": "^4.36.0",
+    "xlsx": "^0.15.5"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.4.0",
+    "@babel/register": "7.0.0",
+    "@vue/cli-plugin-babel": "3.6.0",
+    "@vue/cli-plugin-eslint": "^3.9.1",
+    "@vue/cli-plugin-unit-jest": "3.6.3",
+    "@vue/cli-service": "3.6.0",
+    "@vue/test-utils": "1.0.0-beta.29",
+    "autoprefixer": "^9.8.8",
+    "babel-core": "7.0.0-bridge.0",
+    "babel-eslint": "10.0.1",
+    "babel-jest": "23.6.0",
+    "chalk": "2.4.2",
+    "connect": "3.6.6",
+    "eslint": "5.15.3",
+    "eslint-plugin-vue": "5.2.2",
+    "html-webpack-plugin": "3.2.0",
+    "mockjs": "1.1.0",
+    "runjs": "^4.3.2",
+    "sass": "^1.69.5",
+    "sass-loader": "^8.0",
+    "script-ext-html-webpack-plugin": "2.1.3",
+    "script-loader": "0.7.2",
+    "serve-static": "^1.15.0",
+    "svg-sprite-loader": "4.1.3",
+    "svgo": "1.2.2",
+    "vue-template-compiler": "2.6.10"
+  },
+  "engines": {
+    "node": ">=8.9",
+    "npm": ">= 3.0.0"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions"
+  ]
+}
diff --git a/admin/client/postcss.config.js b/admin/client/postcss.config.js
new file mode 100644
index 0000000..10473ef
--- /dev/null
+++ b/admin/client/postcss.config.js
@@ -0,0 +1,8 @@
+// https://github.com/michael-ciniawsky/postcss-load-config
+
+module.exports = {
+  'plugins': {
+    // to edit target browsers: use "browserslist" field in package.json
+    'autoprefixer': {}
+  }
+}
diff --git a/admin/client/public/favicon.ico b/admin/client/public/favicon.ico
new file mode 100644
index 0000000..34b63ac
Binary files /dev/null and b/admin/client/public/favicon.ico differ
diff --git a/admin/client/public/index.html b/admin/client/public/index.html
new file mode 100644
index 0000000..fa2be91
--- /dev/null
+++ b/admin/client/public/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <title><%= webpackConfig.name %></title>
+  </head>
+  <body>
+    <noscript>
+      <strong>We're sorry but <%= webpackConfig.name %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>
diff --git a/admin/client/src/App.vue b/admin/client/src/App.vue
new file mode 100644
index 0000000..ec9032c
--- /dev/null
+++ b/admin/client/src/App.vue
@@ -0,0 +1,11 @@
+<template>
+  <div id="app">
+    <router-view />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App'
+}
+</script>
diff --git a/admin/client/src/api/crm.js b/admin/client/src/api/crm.js
new file mode 100644
index 0000000..48685e4
--- /dev/null
+++ b/admin/client/src/api/crm.js
@@ -0,0 +1,360 @@
+import request from '@/utils/request'
+
+// Teachers
+export function getTeachers(query) {
+  return request({
+    url: '/teachers/',
+    method: 'get',
+    params: query
+  })
+}
+
+export function createTeacher(data) {
+  return request({
+    url: '/teachers/',
+    method: 'post',
+    data
+  })
+}
+
+export function updateTeacher(id, data) {
+  return request({
+    url: `/teachers/${id}/`,
+    method: 'put',
+    data
+  })
+}
+
+export function deleteTeacher(id) {
+  return request({
+    url: `/teachers/${id}/`,
+    method: 'delete'
+  })
+}
+
+// Teaching Centers
+export function getTeachingCenters(query) {
+  return request({
+    url: '/teaching-centers/',
+    method: 'get',
+    params: query
+  })
+}
+
+export function createTeachingCenter(data) {
+  return request({
+    url: '/teaching-centers/',
+    method: 'post',
+    data
+  })
+}
+
+export function updateTeachingCenter(id, data) {
+  return request({
+    url: `/teaching-centers/${id}/`,
+    method: 'put',
+    data
+  })
+}
+
+export function deleteTeachingCenter(id) {
+  return request({
+    url: `/teaching-centers/${id}/`,
+    method: 'delete'
+  })
+}
+
+// Categories
+export function getCategories(query) {
+  return request({
+    url: '/categories/',
+    method: 'get',
+    params: query
+  })
+}
+
+export function createCategory(data) {
+  return request({
+    url: '/categories/',
+    method: 'post',
+    data
+  })
+}
+
+export function updateCategory(id, data) {
+  return request({
+    url: `/categories/${id}/`,
+    method: 'put',
+    data
+  })
+}
+
+export function deleteCategory(id) {
+  return request({
+    url: `/categories/${id}/`,
+    method: 'delete'
+  })
+}
+
+// Projects
+export function getProjects(query) {
+  return request({
+    url: '/projects/',
+    method: 'get',
+    params: query
+  })
+}
+
+export function createProject(data) {
+  return request({
+    url: '/projects/',
+    method: 'post',
+    data
+  })
+}
+
+export function updateProject(id, data) {
+  return request({
+    url: `/projects/${id}/`,
+    method: 'put',
+    data
+  })
+}
+
+export function deleteProject(id) {
+  return request({
+    url: `/projects/${id}/`,
+    method: 'delete'
+  })
+}
+
+// Coupons
+export function getCoupons(query) {
+  return request({
+    url: '/coupons/',
+    method: 'get',
+    params: query
+  })
+}
+
+export function createCoupon(data) {
+  return request({
+    url: '/coupons/',
+    method: 'post',
+    data
+  })
+}
+
+export function updateCoupon(id, data) {
+  return request({
+    url: `/coupons/${id}/`,
+    method: 'put',
+    data
+  })
+}
+
+export function deleteCoupon(id) {
+  return request({
+    url: `/coupons/${id}/`,
+    method: 'delete'
+  })
+}
+
+// Banners
+export function getBanners(query) {
+  return request({
+    url: '/banners/',
+    method: 'get',
+    params: query
+  })
+}
+
+export function createBanner(data) {
+  return request({
+    url: '/banners/',
+    method: 'post',
+    data
+  })
+}
+
+export function updateBanner(id, data) {
+  return request({
+    url: `/banners/${id}/`,
+    method: 'put',
+    data
+  })
+}
+
+export function deleteBanner(id) {
+  return request({
+    url: `/banners/${id}/`,
+    method: 'delete'
+  })
+}
+
+// Students
+export function getStudents(query) {
+  return request({
+    url: '/students/',
+    method: 'get',
+    params: query
+  })
+}
+
+export function createStudent(data) {
+  return request({
+    url: '/students/',
+    method: 'post',
+    data
+  })
+}
+
+export function updateStudent(id, data) {
+  return request({
+    url: `/students/${id}/`,
+    method: 'put',
+    data
+  })
+}
+
+export function deleteStudent(id) {
+  return request({
+    url: `/students/${id}/`,
+    method: 'delete'
+  })
+}
+
+export function clearStudents() {
+  return request({
+    url: '/students/clear/',
+    method: 'delete'
+  })
+}
+
+export function assignCouponToStudent(id, couponId) {
+  return request({
+    url: `/students/${id}/assign_coupon/`,
+    method: 'post',
+    data: { coupon_id: couponId }
+  })
+}
+
+// Student Coupons (Issued Coupons)
+export function getStudentCoupons(query) {
+  return request({
+    url: '/student-coupons/',
+    method: 'get',
+    params: query
+  })
+}
+
+export function updateStudentCoupon(id, data) {
+  return request({
+    url: `/student-coupons/${id}/`,
+    method: 'patch',
+    data
+  })
+}
+
+export function deleteStudentCoupon(id) {
+  return request({
+    url: `/student-coupons/${id}/`,
+    method: 'delete'
+  })
+}
+
+// Student Projects (Enrollments)
+export function getStudentProjects(query) {
+  return request({
+    url: '/student-projects/',
+    method: 'get',
+    params: query
+  })
+}
+
+export function createStudentProject(data) {
+  return request({
+    url: '/student-projects/',
+    method: 'post',
+    data
+  })
+}
+
+export function updateStudentProject(id, data) {
+  return request({
+    url: `/student-projects/${id}/`,
+    method: 'patch',
+    data
+  })
+}
+
+export function deleteStudentProject(id) {
+  return request({
+    url: `/student-projects/${id}/`,
+    method: 'delete'
+  })
+}
+
+// Student Honors
+export function getHonors(query) {
+  return request({
+    url: '/student-honors/',
+    method: 'get',
+    params: query
+  })
+}
+
+export function createHonor(data) {
+  return request({
+    url: '/student-honors/',
+    method: 'post',
+    data
+  })
+}
+
+export function updateHonor(id, data) {
+  return request({
+    url: `/student-honors/${id}/`,
+    method: 'put',
+    data
+  })
+}
+
+export function deleteHonor(id) {
+  return request({
+    url: `/student-honors/${id}/`,
+    method: 'delete'
+  })
+}
+
+// Student Showcases
+export function getShowcases(query) {
+  return request({
+    url: '/student-showcases/',
+    method: 'get',
+    params: query
+  })
+}
+
+export function createShowcase(data) {
+  return request({
+    url: '/student-showcases/',
+    method: 'post',
+    data
+  })
+}
+
+export function updateShowcase(id, data) {
+  return request({
+    url: `/student-showcases/${id}/`,
+    method: 'put',
+    data
+  })
+}
+
+export function deleteShowcase(id) {
+  return request({
+    url: `/student-showcases/${id}/`,
+    method: 'delete'
+  })
+}
diff --git a/admin/client/src/api/dashboard.js b/admin/client/src/api/dashboard.js
new file mode 100644
index 0000000..d72e70e
--- /dev/null
+++ b/admin/client/src/api/dashboard.js
@@ -0,0 +1,8 @@
+import request from '@/utils/request'
+
+export function getDashboardStats() {
+  return request({
+    url: '/dashboard/stats',
+    method: 'get'
+  })
+}
diff --git a/admin/client/src/api/dict.js b/admin/client/src/api/dict.js
new file mode 100644
index 0000000..d46429f
--- /dev/null
+++ b/admin/client/src/api/dict.js
@@ -0,0 +1,57 @@
+import request from '@/utils/request'
+
+export function getDictTypeList(query) {
+  return request({
+    url: '/system/dicttype/',
+    method: 'get',
+    params: query
+  })
+}
+export function createDictType(data) {
+  return request({
+    url: '/system/dicttype/',
+    method: 'post',
+    data
+  })
+}
+export function updateDictType(id, data) {
+  return request({
+    url: `/system/dicttype/${id}/`,
+    method: 'put',
+    data
+  })
+}
+export function deleteDictType(id) {
+  return request({
+    url: `/system/dicttype/${id}/`,
+    method: 'delete'
+  })
+}
+
+export function getDictList(query) {
+  return request({
+    url: '/system/dict/',
+    method: 'get',
+    params: query
+  })
+}
+export function createDict(data) {
+  return request({
+    url: '/system/dict/',
+    method: 'post',
+    data
+  })
+}
+export function updateDict(id, data) {
+  return request({
+    url: `/system/dict/${id}/`,
+    method: 'put',
+    data
+  })
+}
+export function deleteDict(id) {
+  return request({
+    url: `/system/dict/${id}/`,
+    method: 'delete'
+  })
+}
diff --git a/admin/client/src/api/file.js b/admin/client/src/api/file.js
new file mode 100644
index 0000000..99587b1
--- /dev/null
+++ b/admin/client/src/api/file.js
@@ -0,0 +1,32 @@
+import { getToken } from "@/utils/auth"
+import request from '@/utils/request'
+
+export function upUrl() {
+  return process.env.VUE_APP_BASE_API + '/file/'
+}
+
+export function upHeaders() {
+  return { Authorization: "Bearer " + getToken() }
+}
+
+export function getFileList(query) {
+  return request({
+    url: '/file/',
+    method: 'get',
+    params: query
+  })
+}
+
+export function deleteFile(id) {
+  return request({
+    url: '/file/' + id + '/',
+    method: 'delete'
+  })
+}
+
+export function clearFiles() {
+  return request({
+    url: '/file/clear_all/',
+    method: 'delete'
+  })
+}
diff --git a/admin/client/src/api/moritor.js b/admin/client/src/api/moritor.js
new file mode 100644
index 0000000..659ca27
--- /dev/null
+++ b/admin/client/src/api/moritor.js
@@ -0,0 +1,26 @@
+import { getToken } from "@/utils/auth"
+import request from '@/utils/request'
+
+//查看日志列表
+
+export function getlogList(query) {
+  return request({
+    url: '/monitor/log/',
+    method: 'get',
+    params: query
+  })
+}
+//查看日志详情
+export function getLog(name) {
+  return request({
+    url: `/monitor/log/${name}/`,
+    method: 'get'
+  })
+}
+//获取服务器状态信息
+export function getServerList() {
+  return request({
+    url: '/monitor/server/',
+    method: 'get'
+  })
+}
\ No newline at end of file
diff --git a/admin/client/src/api/org.js b/admin/client/src/api/org.js
new file mode 100644
index 0000000..2880ec4
--- /dev/null
+++ b/admin/client/src/api/org.js
@@ -0,0 +1,35 @@
+import request from '@/utils/request'
+
+export function getOrgAll() {
+  return request({
+    url: '/system/organization/',
+    method: 'get'
+  })
+}
+export function getOrgList(query) {
+  return request({
+    url: '/system/organization/',
+    method: 'get',
+    params: query
+  })
+}
+export function createOrg(data) {
+  return request({
+    url: '/system/organization/',
+    method: 'post',
+    data
+  })
+}
+export function updateOrg(id, data) {
+  return request({
+    url: `/system/organization/${id}/`,
+    method: 'put',
+    data
+  })
+}
+export function deleteOrg(id) {
+  return request({
+    url: `/system/organization/${id}/`,
+    method: 'delete'
+  })
+}
diff --git a/admin/client/src/api/perm.js b/admin/client/src/api/perm.js
new file mode 100644
index 0000000..29ebf53
--- /dev/null
+++ b/admin/client/src/api/perm.js
@@ -0,0 +1,28 @@
+import request from '@/utils/request'
+
+export function getPermAll() {
+  return request({
+    url: '/system/permission/',
+    method: 'get'
+  })
+}
+export function createPerm(data) {
+  return request({
+    url: '/system/permission/',
+    method: 'post',
+    data
+  })
+}
+export function updatePerm(id, data) {
+  return request({
+    url: `/system/permission/${id}/`,
+    method: 'put',
+    data
+  })
+}
+export function deletePerm(id) {
+  return request({
+    url: `/system/permission/${id}/`,
+    method: 'delete'
+  })
+}
\ No newline at end of file
diff --git a/admin/client/src/api/position.js b/admin/client/src/api/position.js
new file mode 100644
index 0000000..2ea116f
--- /dev/null
+++ b/admin/client/src/api/position.js
@@ -0,0 +1,31 @@
+import request from '@/utils/request'
+
+export function getPositionAll() {
+  return request({
+    url: '/system/position/',
+    method: 'get'
+  })
+}
+
+export function createPosition(data) {
+  return request({
+    url: '/system/position/',
+    method: 'post',
+    data
+  })
+}
+
+export function updatePosition(id, data) {
+  return request({
+    url: `/system/position/${id}/`,
+    method: 'put',
+    data
+  })
+}
+
+export function deletePosition(id) {
+  return request({
+    url: `/system/position/${id}/`,
+    method: 'delete'
+  })
+}
diff --git a/admin/client/src/api/role.js b/admin/client/src/api/role.js
new file mode 100644
index 0000000..e25e097
--- /dev/null
+++ b/admin/client/src/api/role.js
@@ -0,0 +1,38 @@
+import request from '@/utils/request'
+
+export function getRoutes() {
+  return request({
+    url: '/system/permission/',
+    method: 'get'
+  })
+}
+
+export function getRoleAll() {
+  return request({
+    url: '/system/role/',
+    method: 'get'
+  })
+}
+
+export function createRole(data) {
+  return request({
+    url: '/system/role/',
+    method: 'post',
+    data
+  })
+}
+
+export function updateRole(id, data) {
+  return request({
+    url: `/system/role/${id}/`,
+    method: 'put',
+    data
+  })
+}
+
+export function deleteRole(id) {
+  return request({
+    url: `/system/role/${id}/`,
+    method: 'delete'
+  })
+}
diff --git a/admin/client/src/api/table.js b/admin/client/src/api/table.js
new file mode 100644
index 0000000..2752f52
--- /dev/null
+++ b/admin/client/src/api/table.js
@@ -0,0 +1,9 @@
+import request from '@/utils/request'
+
+export function getList(params) {
+  return request({
+    url: '/vue-admin-template/table/list',
+    method: 'get',
+    params
+  })
+}
diff --git a/admin/client/src/api/task.js b/admin/client/src/api/task.js
new file mode 100644
index 0000000..1e3b397
--- /dev/null
+++ b/admin/client/src/api/task.js
@@ -0,0 +1,45 @@
+import request from '@/utils/request'
+
+export function getptaskList(query) {
+  return request({
+    url: '/system/ptask/',
+    method: 'get',
+    params: query
+  })
+}
+
+export function getTaskAll() {
+  return request({
+    url: '/system/task/',
+    method: 'get'
+  })
+}
+export function createptask(data) {
+  return request({
+    url: '/system/ptask/',
+    method: 'post',
+    data
+  })
+}
+
+export function updateptask(id, data) {
+  return request({
+    url: `/system/ptask/${id}/`,
+    method: 'put',
+    data
+  })
+}
+
+export function toggletask(id) {
+  return request({
+    url: `/system/ptask/${id}/toggle/`,
+    method: 'put'
+  })
+}
+
+export function deleteptask(id) {
+  return request({
+    url: `/system/ptask/${id}/`,
+    method: 'delete'
+  })
+}
\ No newline at end of file
diff --git a/admin/client/src/api/user.js b/admin/client/src/api/user.js
new file mode 100644
index 0000000..8edf3ab
--- /dev/null
+++ b/admin/client/src/api/user.js
@@ -0,0 +1,70 @@
+import request from '@/utils/request'
+
+export function login(data) {
+  return request({
+    url: '/token/',
+    method: 'post',
+    data
+  })
+}
+
+export function logout() {
+  return request({
+    url: '/token/black/',
+    method: 'get'
+  })
+}
+
+export function getInfo() {
+  return request({
+    url: '/system/user/info/',
+    method: 'get'
+  })
+}
+
+export function getUserList(query) {
+  return request({
+    url: '/system/user/',
+    method: 'get',
+    params: query
+  })
+}
+
+export function getUser(id) {
+  return request({
+    url: `/system/user/${id}/`,
+    method: 'get'
+  })
+}
+
+export function createUser(data) {
+  return request({
+    url: '/system/user/',
+    method: 'post',
+    data
+  })
+}
+
+export function updateUser(id, data) {
+  return request({
+    url: `/system/user/${id}/`,
+    method: 'put',
+    data
+  })
+}
+
+export function deleteUser(id, data) {
+  return request({
+    url: `/system/user/${id}/`,
+    method: 'delete',
+    data
+  })
+}
+
+export function changePassword(data) {
+  return request({
+    url: '/system/user/password/',
+    method: 'put',
+    data
+  })
+}
diff --git a/admin/client/src/api/workflow.js b/admin/client/src/api/workflow.js
new file mode 100644
index 0000000..f5a13de
--- /dev/null
+++ b/admin/client/src/api/workflow.js
@@ -0,0 +1,258 @@
+import request from '@/utils/request'
+
+export function getWorkflowList(query) {
+  return request({
+    url: '/wf/workflow/',
+    method: 'get',
+    params: query
+  })
+}
+export function createWorkflow(data) {
+  return request({
+    url: '/wf/workflow/',
+    method: 'post',
+    data
+  })
+}
+export function updateWorkflow(id, data) {
+  return request({
+    url: `/wf/workflow/${id}/`,
+    method: 'put',
+    data
+  })
+}
+export function deleteWorkflow(id, data) {
+  return request({
+    url: `/wf/workflow/${id}/`,
+    method: 'delete',
+    data
+  })
+}
+//流转状态列表
+export function getWfStateList(id) {
+  return request({
+    url: `/wf/workflow/${id}/states`,
+    method: 'get'
+  })
+}
+//工单流转step
+export function getWfFlowSteps(id) {
+  return request({
+    url: `/wf/ticket/${id}/flowsteps/`,
+    method: 'get'
+  })
+}
+
+//流转状态创建
+export function createWfState(data) {
+  return request({
+    url: '/wf/state/',
+    method: 'post',
+    data
+  })
+}
+//处理工单
+export function ticketHandle(id,data) {
+  return request({
+    url: `/wf/ticket/${id}/handle/`,
+    method: 'post',
+    data
+  })
+}
+
+//流转状态更新
+export function updateWfState(id, data) {
+  return request({
+    url: `/wf/state/${id}/`,
+    method: 'put',
+    data
+  })
+}
+//流转状态删除
+export function deleteWfState(id, data) {
+  return request({
+    url: `/wf/state/${id}/`,
+    method: 'delete',
+    data
+  })
+}
+//自定义字段列表
+export function getWfCustomfieldList(id) {
+  return request({
+    url: `/wf/workflow/${id}/customfields`,
+    method: 'get'
+  })
+}
+//自定义字段创建
+export function createWfCustomfield(data) {
+  return request({
+    url: '/wf/customfield/',
+    method: 'post',
+    data
+  })
+}
+//自定义字段更新
+export function updateWfCustomfield(id, data) {
+  return request({
+    url: `/wf/customfield/${id}/`,
+    method: 'put',
+    data
+  })
+}
+//自定义字段删除
+export function deleteWfCustomfield(id, data) {
+  return request({
+    url: `/wf/customfield/${id}/`,
+    method: 'delete',
+    data
+  })
+}
+//流转列表
+export function getWfTransitionList(id) {
+  return request({
+    url: `/wf/workflow/${id}/transitions/`,
+    method: 'get'
+  })
+}
+//流转创建
+export function createWfTransition(data) {
+  return request({
+    url: '/wf/transition/',
+    method: 'post',
+    data
+  })
+}
+//流转更新
+export function updateWfTransition(id, data) {
+  return request({
+    url: `/wf/transition/${id}/`,
+    method: 'put',
+    data
+  })
+}
+//流转删除
+export function deleteWfTransition(id, data) {
+  return request({
+    url: `/wf/transition/${id}/`,
+    method: 'delete',
+    data
+  })
+}
+//工单列表
+export function getTickets(query) {
+  return request({
+    url: `/wf/ticket/`,
+    method: 'get',
+    params:query
+  })
+}
+//新建工单
+export function createTicket(data) {
+  return request({
+    url: '/wf/ticket/',
+    method: 'post',
+    data
+  })
+}
+  //详情
+export function ticketread(id) {
+  return request({
+    url: `/wf/ticket/${id}/`,
+    method: 'get',
+    
+  })
+
+}
+//接单
+export function ticketAccpet(id,data) {
+  return request({
+    url: `/wf/ticket/${id}/accpet/`,
+    method: 'post',
+    data
+  })
+}
+//撤回工单，允许创建人在指定状态撤回工单至初始状态
+export function ticketRetreat(id,data) {
+  return request({
+    url: `/wf/ticket/${id}/retreat/`,
+    method: 'post',
+    data
+  })
+}
+//关闭工单，仅允许创建人在初始状态关闭工单
+export function ticketAddNode(id,data) {
+  return request({
+    url: `/wf/ticket/${id}/add_node/`,
+    method: 'post',
+    data
+  })
+}
+//加签
+export function ticketClose(id,data) {
+  return request({
+    url: `/wf/ticket/${id}/close/`,
+    method: 'post',
+    data
+  })
+}
+//加签
+export function ticketAddNodeEnd(id,data) {
+  return request({
+    url: `/wf/ticket/${id}/add_node_end/`,
+    method: 'post',
+    data
+  })
+}
+//工单删除
+export function ticketDestory(data) {
+  return request({
+    url: `/wf/ticket/destory/`,
+    method: 'post',
+    data
+  })
+}
+//工单详情
+export function getTicketDetail(id) {
+  return request({
+    url: `/wf/ticket/${id}/`,
+    method: 'get'
+  })
+}
+
+//工单流转
+export function getTicketTransitions(id) {
+  return request({
+    url: `/wf/ticket/${id}/transitions/`,
+    method: 'get'
+  })
+}
+
+//工单流转记录
+export function getTicketFlowlog(id) {
+  return request({
+    url: `/wf/ticket/${id}/flowlogs/`,
+    method: 'get'
+  })
+}
+//工单代办数量
+export function getCount(data) {
+  return request({
+    url: `/wf/ticket/duty_agg/`,
+    method: 'get',
+    params:data
+  })
+}
+//工单代办数量
+export function getCodes() {
+  return request({
+    url: `/wf/participant_from_code`,
+    method: 'get'
+  })
+}
+//工单详情
+export function getWorkflowInit(id) {
+  return request({
+    url: `/wf/workflow/${id}/init/`,
+    method: 'get'
+  })
+}
diff --git a/admin/client/src/assets/404_images/404.png b/admin/client/src/assets/404_images/404.png
new file mode 100644
index 0000000..3d8e230
Binary files /dev/null and b/admin/client/src/assets/404_images/404.png differ
diff --git a/admin/client/src/assets/404_images/404_cloud.png b/admin/client/src/assets/404_images/404_cloud.png
new file mode 100644
index 0000000..c6281d0
Binary files /dev/null and b/admin/client/src/assets/404_images/404_cloud.png differ
diff --git a/admin/client/src/components/Breadcrumb/index.vue b/admin/client/src/components/Breadcrumb/index.vue
new file mode 100644
index 0000000..e65a60d
--- /dev/null
+++ b/admin/client/src/components/Breadcrumb/index.vue
@@ -0,0 +1,78 @@
+<template>
+  <el-breadcrumb class="app-breadcrumb" separator="/">
+    <transition-group name="breadcrumb">
+      <el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path">
+        <span v-if="item.redirect==='noRedirect'||index==levelList.length-1" class="no-redirect">{{ item.meta.title }}</span>
+        <a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a>
+      </el-breadcrumb-item>
+    </transition-group>
+  </el-breadcrumb>
+</template>
+
+<script>
+import pathToRegexp from 'path-to-regexp'
+
+export default {
+  data() {
+    return {
+      levelList: null
+    }
+  },
+  watch: {
+    $route() {
+      this.getBreadcrumb()
+    }
+  },
+  created() {
+    this.getBreadcrumb()
+  },
+  methods: {
+    getBreadcrumb() {
+      // only show routes with meta.title
+      let matched = this.$route.matched.filter(item => item.meta && item.meta.title)
+      const first = matched[0]
+
+      if (!this.isDashboard(first)) {
+        matched = [{ path: '/dashboard', meta: { title: '首页' }}].concat(matched)
+      }
+
+      this.levelList = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false)
+    },
+    isDashboard(route) {
+      const name = route && route.name
+      if (!name) {
+        return false
+      }
+      return name.trim().toLocaleLowerCase() === 'Dashboard'.toLocaleLowerCase()
+    },
+    pathCompile(path) {
+      // To solve this problem https://github.com/PanJiaChen/vue-element-admin/issues/561
+      const { params } = this.$route
+      var toPath = pathToRegexp.compile(path)
+      return toPath(params)
+    },
+    handleLink(item) {
+      const { redirect, path } = item
+      if (redirect) {
+        this.$router.push(redirect)
+        return
+      }
+      this.$router.push(this.pathCompile(path))
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.app-breadcrumb.el-breadcrumb {
+  display: inline-block;
+  font-size: 14px;
+  line-height: 50px;
+  margin-left: 8px;
+
+  .no-redirect {
+    color: #97a8be;
+    cursor: text;
+  }
+}
+</style>
diff --git a/admin/client/src/components/Hamburger/index.vue b/admin/client/src/components/Hamburger/index.vue
new file mode 100644
index 0000000..368b002
--- /dev/null
+++ b/admin/client/src/components/Hamburger/index.vue
@@ -0,0 +1,44 @@
+<template>
+  <div style="padding: 0 15px;" @click="toggleClick">
+    <svg
+      :class="{'is-active':isActive}"
+      class="hamburger"
+      viewBox="0 0 1024 1024"
+      xmlns="http://www.w3.org/2000/svg"
+      width="64"
+      height="64"
+    >
+      <path d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 0 0 0-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0 0 14.4 7z" />
+    </svg>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Hamburger',
+  props: {
+    isActive: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {
+    toggleClick() {
+      this.$emit('toggleClick')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.hamburger {
+  display: inline-block;
+  vertical-align: middle;
+  width: 20px;
+  height: 20px;
+}
+
+.hamburger.is-active {
+  transform: rotate(180deg);
+}
+</style>
diff --git a/admin/client/src/components/Pagination/index.vue b/admin/client/src/components/Pagination/index.vue
new file mode 100644
index 0000000..e316e20
--- /dev/null
+++ b/admin/client/src/components/Pagination/index.vue
@@ -0,0 +1,101 @@
+<template>
+  <div :class="{'hidden':hidden}" class="pagination-container">
+    <el-pagination
+      :background="background"
+      :current-page.sync="currentPage"
+      :page-size.sync="pageSize"
+      :layout="layout"
+      :page-sizes="pageSizes"
+      :total="total"
+      v-bind="$attrs"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+    />
+  </div>
+</template>
+
+<script>
+import { scrollTo } from '@/utils/scroll-to'
+
+export default {
+  name: 'Pagination',
+  props: {
+    total: {
+      required: true,
+      type: Number
+    },
+    page: {
+      type: Number,
+      default: 1
+    },
+    limit: {
+      type: Number,
+      default: 20
+    },
+    pageSizes: {
+      type: Array,
+      default() {
+        return [10, 20, 30, 50]
+      }
+    },
+    layout: {
+      type: String,
+      default: 'total, sizes, prev, pager, next, jumper'
+    },
+    background: {
+      type: Boolean,
+      default: true
+    },
+    autoScroll: {
+      type: Boolean,
+      default: true
+    },
+    hidden: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    currentPage: {
+      get() {
+        return this.page
+      },
+      set(val) {
+        this.$emit('update:page', val)
+      }
+    },
+    pageSize: {
+      get() {
+        return this.limit
+      },
+      set(val) {
+        this.$emit('update:limit', val)
+      }
+    }
+  },
+  methods: {
+    handleSizeChange(val) {
+      this.$emit('pagination', { page: this.currentPage, limit: val })
+      if (this.autoScroll) {
+        scrollTo(0, 800)
+      }
+    },
+    handleCurrentChange(val) {
+      this.$emit('pagination', { page: val, limit: this.pageSize })
+      if (this.autoScroll) {
+        scrollTo(0, 800)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.pagination-container {
+  background: #fff;
+  padding: 0px 2px;
+}
+.pagination-container.hidden {
+  display: none;
+}
+</style>
diff --git a/admin/client/src/components/SvgIcon/index.vue b/admin/client/src/components/SvgIcon/index.vue
new file mode 100644
index 0000000..9a3318e
--- /dev/null
+++ b/admin/client/src/components/SvgIcon/index.vue
@@ -0,0 +1,62 @@
+<template>
+  <div v-if="isExternal" :style="styleExternalIcon" class="svg-external-icon svg-icon" v-on="$listeners" />
+  <svg v-else :class="svgClass" aria-hidden="true" v-on="$listeners">
+    <use :href="iconName" />
+  </svg>
+</template>
+
+<script>
+// doc: https://panjiachen.github.io/vue-element-admin-site/feature/component/svg-icon.html#usage
+import { isExternal } from '@/utils/validate'
+
+export default {
+  name: 'SvgIcon',
+  props: {
+    iconClass: {
+      type: String,
+      required: true
+    },
+    className: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    isExternal() {
+      return isExternal(this.iconClass)
+    },
+    iconName() {
+      return `#icon-${this.iconClass}`
+    },
+    svgClass() {
+      if (this.className) {
+        return 'svg-icon ' + this.className
+      } else {
+        return 'svg-icon'
+      }
+    },
+    styleExternalIcon() {
+      return {
+        mask: `url(${this.iconClass}) no-repeat 50% 50%`,
+        '-webkit-mask': `url(${this.iconClass}) no-repeat 50% 50%`
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.svg-icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+
+.svg-external-icon {
+  background-color: currentColor;
+  mask-size: cover!important;
+  display: inline-block;
+}
+</style>
diff --git a/admin/client/src/directive/el-table/adaptive.js b/admin/client/src/directive/el-table/adaptive.js
new file mode 100644
index 0000000..298daea
--- /dev/null
+++ b/admin/client/src/directive/el-table/adaptive.js
@@ -0,0 +1,42 @@
+import { addResizeListener, removeResizeListener } from 'element-ui/src/utils/resize-event'
+
+/**
+ * How to use
+ * <el-table height="100px" v-el-height-adaptive-table="{bottomOffset: 50}">...</el-table>
+ * el-table height is must be set
+ * bottomOffset: 30(default)   // The height of the table from the bottom of the page.
+ */
+
+const doResize = (el, binding, vnode) => {
+  const { componentInstance: $table } = vnode
+
+  const { value } = binding
+
+  if (!$table.height) {
+    throw new Error(`el-$table must set the height. Such as height='100px'`)
+  }
+  const bottomOffset = (value && value.bottomOffset) || 30
+
+  if (!$table) return
+
+  const height = window.innerHeight - el.getBoundingClientRect().top - bottomOffset
+  $table.$nextTick(() => {
+    $table.layout.setHeight(height)
+  })
+}
+
+export default {
+  bind(el, binding, vnode) {
+    el.resizeListener = () => {
+      doResize(el, binding, vnode)
+    }
+    // parameter 1 is must be "Element" type
+    addResizeListener(window.document.body, el.resizeListener)
+  },
+  inserted(el, binding, vnode) {
+    doResize(el, binding, vnode)
+  },
+  unbind(el) {
+    removeResizeListener(window.document.body, el.resizeListener)
+  }
+}
diff --git a/admin/client/src/directive/el-table/index.js b/admin/client/src/directive/el-table/index.js
new file mode 100644
index 0000000..d3d4515
--- /dev/null
+++ b/admin/client/src/directive/el-table/index.js
@@ -0,0 +1,13 @@
+import adaptive from './adaptive'
+
+const install = function(Vue) {
+  Vue.directive('el-height-adaptive-table', adaptive)
+}
+
+if (window.Vue) {
+  window['el-height-adaptive-table'] = adaptive
+  Vue.use(install); // eslint-disable-line
+}
+
+adaptive.install = install
+export default adaptive
diff --git a/admin/client/src/icons/index.js b/admin/client/src/icons/index.js
new file mode 100644
index 0000000..2c6b309
--- /dev/null
+++ b/admin/client/src/icons/index.js
@@ -0,0 +1,9 @@
+import Vue from 'vue'
+import SvgIcon from '@/components/SvgIcon'// svg component
+
+// register globally
+Vue.component('svg-icon', SvgIcon)
+
+const req = require.context('./svg', false, /\.svg$/)
+const requireAll = requireContext => requireContext.keys().map(requireContext)
+requireAll(req)
diff --git a/admin/client/src/icons/svg/404.svg b/admin/client/src/icons/svg/404.svg
new file mode 100644
index 0000000..6df5019
--- /dev/null
+++ b/admin/client/src/icons/svg/404.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M121.718 73.272v9.953c3.957-7.584 6.199-16.05 6.199-24.995C127.917 26.079 99.273 0 63.958 0 28.644 0 0 26.079 0 58.23c0 .403.028.806.028 1.21l22.97-25.953h13.34l-19.76 27.187h6.42V53.77l13.728-19.477v49.361H22.998V73.272H2.158c5.951 20.284 23.608 36.208 45.998 41.399-1.44 3.3-5.618 11.263-12.565 12.674-8.607 1.764 23.358.428 46.163-13.178 17.519-4.611 31.938-15.849 39.77-30.513h-13.506V73.272H85.02V59.464l22.998-25.977h13.008l-19.429 27.187h6.421v-7.433l13.727-19.402v39.433h-.027zm-78.24 2.822a10.516 10.516 0 0 1-.996-4.535V44.548c0-1.613.332-3.124.996-4.535a11.66 11.66 0 0 1 2.713-3.68c1.134-1.032 2.49-1.864 4.04-2.468 1.55-.605 3.21-.908 4.982-.908h11.292c1.77 0 3.431.303 4.981.908 1.522.604 2.85 1.41 3.986 2.418l-12.26 16.303v-2.898a1.96 1.96 0 0 0-.665-1.512c-.443-.403-.996-.604-1.66-.604-.665 0-1.218.201-1.661.604a1.96 1.96 0 0 0-.664 1.512v9.071L44.364 77.606a10.556 10.556 0 0 1-.886-1.512zm35.73-4.535c0 1.613-.332 3.124-.997 4.535a11.66 11.66 0 0 1-2.712 3.68c-1.134 1.032-2.49 1.864-4.04 2.469-1.55.604-3.21.907-4.982.907H55.185c-1.77 0-3.431-.303-4.981-.907-1.55-.605-2.906-1.437-4.041-2.47a12.49 12.49 0 0 1-1.384-1.512l13.727-18.217v6.375c0 .605.222 1.109.665 1.512.442.403.996.604 1.66.604.664 0 1.218-.201 1.66-.604a1.96 1.96 0 0 0 .665-1.512V53.87L75.97 36.838c.913.932 1.66 1.99 2.214 3.175.664 1.41.996 2.922.996 4.535v27.011h.028z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/bug.svg b/admin/client/src/icons/svg/bug.svg
new file mode 100644
index 0000000..05a150d
--- /dev/null
+++ b/admin/client/src/icons/svg/bug.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M127.88 73.143c0 1.412-.506 2.635-1.518 3.669-1.011 1.033-2.209 1.55-3.592 1.55h-17.887c0 9.296-1.783 17.178-5.35 23.645l16.609 17.044c1.011 1.034 1.517 2.257 1.517 3.67 0 1.412-.506 2.635-1.517 3.668-.958 1.033-2.155 1.55-3.593 1.55-1.438 0-2.635-.517-3.593-1.55l-15.811-16.063a15.49 15.49 0 0 1-1.196 1.06c-.532.434-1.65 1.208-3.353 2.322a50.104 50.104 0 0 1-5.192 2.974c-1.758.87-3.94 1.658-6.546 2.364-2.607.706-5.189 1.06-7.748 1.06V47.044H58.89v73.062c-2.716 0-5.417-.367-8.106-1.102-2.688-.734-5.003-1.631-6.945-2.692a66.769 66.769 0 0 1-5.268-3.179c-1.571-1.057-2.73-1.94-3.476-2.65L33.9 109.34l-14.611 16.877c-1.066 1.14-2.344 1.711-3.833 1.711-1.277 0-2.422-.434-3.434-1.304-1.012-.978-1.557-2.187-1.635-3.627-.079-1.44.333-2.705 1.236-3.794l16.129-18.51c-3.087-6.197-4.63-13.644-4.63-22.342H5.235c-1.383 0-2.58-.517-3.592-1.55S.125 74.545.125 73.132c0-1.412.506-2.635 1.518-3.668 1.012-1.034 2.21-1.55 3.592-1.55h17.887V43.939L9.308 29.833c-1.012-1.033-1.517-2.256-1.517-3.669 0-1.412.505-2.635 1.517-3.668 1.012-1.034 2.21-1.55 3.593-1.55s2.58.516 3.593 1.55l13.813 14.106h67.396l13.814-14.106c1.012-1.034 2.21-1.55 3.592-1.55 1.384 0 2.581.516 3.593 1.55 1.012 1.033 1.518 2.256 1.518 3.668 0 1.413-.506 2.636-1.518 3.67l-13.814 14.105v23.975h17.887c1.383 0 2.58.516 3.593 1.55 1.011 1.033 1.517 2.256 1.517 3.668l-.005.01zM89.552 26.175H38.448c0-7.23 2.489-13.386 7.466-18.469C50.892 2.623 56.92.082 64 .082c7.08 0 13.108 2.541 18.086 7.624 4.977 5.083 7.466 11.24 7.466 18.469z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/chart.svg b/admin/client/src/icons/svg/chart.svg
new file mode 100644
index 0000000..27728fb
--- /dev/null
+++ b/admin/client/src/icons/svg/chart.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M0 54.857h36.571V128H0V54.857zM91.429 27.43H128V128H91.429V27.429zM45.714 0h36.572v128H45.714V0z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/clipboard.svg b/admin/client/src/icons/svg/clipboard.svg
new file mode 100644
index 0000000..90923ff
--- /dev/null
+++ b/admin/client/src/icons/svg/clipboard.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M54.857 118.857h64V73.143H89.143c-1.902 0-3.52-.668-4.855-2.002-1.335-1.335-2.002-2.954-2.002-4.855V36.57H54.857v82.286zM73.143 16v-4.571a2.2 2.2 0 0 0-.677-1.61 2.198 2.198 0 0 0-1.609-.676H20.571c-.621 0-1.158.225-1.609.676a2.198 2.198 0 0 0-.676 1.61V16a2.2 2.2 0 0 0 .676 1.61c.451.45.988.676 1.61.676h50.285c.622 0 1.158-.226 1.61-.677.45-.45.676-.987.676-1.609zm18.286 48h21.357L91.43 42.642V64zM128 73.143v48c0 1.902-.667 3.52-2.002 4.855-1.335 1.335-2.953 2.002-4.855 2.002H52.57c-1.901 0-3.52-.667-4.854-2.002-1.335-1.335-2.003-2.953-2.003-4.855v-11.429H6.857c-1.902 0-3.52-.667-4.855-2.002C.667 106.377 0 104.759 0 102.857v-96c0-1.902.667-3.52 2.002-4.855C3.337.667 4.955 0 6.857 0h77.714c1.902 0 3.52.667 4.855 2.002 1.335 1.335 2.003 2.953 2.003 4.855V30.29c1 .622 1.856 1.29 2.569 2.003l29.147 29.147c1.335 1.335 2.478 3.145 3.429 5.43.95 2.287 1.426 4.383 1.426 6.291v-.018z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/component.svg b/admin/client/src/icons/svg/component.svg
new file mode 100644
index 0000000..207ada3
--- /dev/null
+++ b/admin/client/src/icons/svg/component.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h54.857v54.857H0V0zm0 73.143h54.857V128H0V73.143zm73.143 0H128V128H73.143V73.143zm27.428-18.286C115.72 54.857 128 42.577 128 27.43 128 12.28 115.72 0 100.571 0 85.423 0 73.143 12.28 73.143 27.429c0 15.148 12.28 27.428 27.428 27.428z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/dashboard.svg b/admin/client/src/icons/svg/dashboard.svg
new file mode 100644
index 0000000..5317d37
--- /dev/null
+++ b/admin/client/src/icons/svg/dashboard.svg
@@ -0,0 +1 @@
+<svg width="128" height="100" xmlns="http://www.w3.org/2000/svg"><path d="M27.429 63.638c0-2.508-.893-4.65-2.679-6.424-1.786-1.775-3.94-2.662-6.464-2.662-2.524 0-4.679.887-6.465 2.662-1.785 1.774-2.678 3.916-2.678 6.424 0 2.508.893 4.65 2.678 6.424 1.786 1.775 3.94 2.662 6.465 2.662 2.524 0 4.678-.887 6.464-2.662 1.786-1.775 2.679-3.916 2.679-6.424zm13.714-31.801c0-2.508-.893-4.65-2.679-6.424-1.785-1.775-3.94-2.662-6.464-2.662-2.524 0-4.679.887-6.464 2.662-1.786 1.774-2.679 3.916-2.679 6.424 0 2.508.893 4.65 2.679 6.424 1.785 1.774 3.94 2.662 6.464 2.662 2.524 0 4.679-.888 6.464-2.662 1.786-1.775 2.679-3.916 2.679-6.424zM71.714 65.98l7.215-27.116c.285-1.23.107-2.378-.536-3.443-.643-1.064-1.56-1.762-2.75-2.094-1.19-.33-2.333-.177-3.429.462-1.095.639-1.81 1.573-2.143 2.804l-7.214 27.116c-2.857.237-5.405 1.266-7.643 3.088-2.238 1.822-3.738 4.152-4.5 6.992-.952 3.644-.476 7.098 1.429 10.364 1.905 3.265 4.69 5.37 8.357 6.317 3.667.947 7.143.474 10.429-1.42 3.285-1.892 5.404-4.66 6.357-8.305.762-2.84.619-5.607-.429-8.305-1.047-2.697-2.762-4.85-5.143-6.46zm47.143-2.342c0-2.508-.893-4.65-2.678-6.424-1.786-1.775-3.94-2.662-6.465-2.662-2.524 0-4.678.887-6.464 2.662-1.786 1.774-2.679 3.916-2.679 6.424 0 2.508.893 4.65 2.679 6.424 1.786 1.775 3.94 2.662 6.464 2.662 2.524 0 4.679-.887 6.465-2.662 1.785-1.775 2.678-3.916 2.678-6.424zm-45.714-45.43c0-2.509-.893-4.65-2.679-6.425C68.68 10.01 66.524 9.122 64 9.122c-2.524 0-4.679.887-6.464 2.661-1.786 1.775-2.679 3.916-2.679 6.425 0 2.508.893 4.65 2.679 6.424 1.785 1.774 3.94 2.662 6.464 2.662 2.524 0 4.679-.888 6.464-2.662 1.786-1.775 2.679-3.916 2.679-6.424zm32 13.629c0-2.508-.893-4.65-2.679-6.424-1.785-1.775-3.94-2.662-6.464-2.662-2.524 0-4.679.887-6.464 2.662-1.786 1.774-2.679 3.916-2.679 6.424 0 2.508.893 4.65 2.679 6.424 1.785 1.774 3.94 2.662 6.464 2.662 2.524 0 4.679-.888 6.464-2.662 1.786-1.775 2.679-3.916 2.679-6.424zM128 63.638c0 12.351-3.357 23.78-10.071 34.286-.905 1.372-2.19 2.058-3.858 2.058H13.93c-1.667 0-2.953-.686-3.858-2.058C3.357 87.465 0 76.037 0 63.638c0-8.613 1.69-16.847 5.071-24.703C8.452 31.08 13 24.312 18.714 18.634c5.715-5.68 12.524-10.199 20.429-13.559C47.048 1.715 55.333.035 64 .035c8.667 0 16.952 1.68 24.857 5.04 7.905 3.36 14.714 7.88 20.429 13.559 5.714 5.678 10.262 12.446 13.643 20.301 3.38 7.856 5.071 16.09 5.071 24.703z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/documentation.svg b/admin/client/src/icons/svg/documentation.svg
new file mode 100644
index 0000000..7043122
--- /dev/null
+++ b/admin/client/src/icons/svg/documentation.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M71.984 44.815H115.9L71.984 9.642v35.173zM16.094.05h63.875l47.906 38.37v76.74c0 3.392-1.682 6.645-4.677 9.044-2.995 2.399-7.056 3.746-11.292 3.746H16.094c-4.236 0-8.297-1.347-11.292-3.746-2.995-2.399-4.677-5.652-4.677-9.044V12.84C.125 5.742 7.23.05 16.094.05zm71.86 102.32V89.58h-71.86v12.79h71.86zm23.952-25.58V64H16.094v12.79h95.812z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/drag.svg b/admin/client/src/icons/svg/drag.svg
new file mode 100644
index 0000000..4185d3c
--- /dev/null
+++ b/admin/client/src/icons/svg/drag.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M73.137 29.08h-9.209 29.7L63.886.093 34.373 29.08h20.49v27.035H27.238v17.948h27.625v27.133h18.274V74.063h27.41V56.115h-27.41V29.08zm-9.245 98.827l27.518-26.711H36.59l27.302 26.71zM.042 64.982l27.196 27.029V38.167L.042 64.982zm100.505-26.815V92.01l27.41-27.029-27.41-26.815z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/edit.svg b/admin/client/src/icons/svg/edit.svg
new file mode 100644
index 0000000..d26101f
--- /dev/null
+++ b/admin/client/src/icons/svg/edit.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M106.133 67.2a4.797 4.797 0 0 0-4.8 4.8c0 .187.014.36.027.533h-.027V118.4H9.6V26.667h50.133c2.654 0 4.8-2.147 4.8-4.8 0-2.654-2.146-4.8-4.8-4.8H9.6a9.594 9.594 0 0 0-9.6 9.6V118.4c0 5.307 4.293 9.6 9.6 9.6h91.733c5.307 0 9.6-4.293 9.6-9.6V72.533h-.026c.013-.173.026-.346.026-.533 0-2.653-2.146-4.8-4.8-4.8z"/><path d="M125.16 13.373L114.587 2.8c-3.747-3.747-9.854-3.72-13.6.027l-52.96 52.96a4.264 4.264 0 0 0-.907 1.36L33.813 88.533c-.746 1.76-.226 3.534.907 4.68 1.133 1.147 2.92 1.667 4.693.92l31.4-13.293c.507-.213.96-.52 1.36-.907l52.96-52.96c3.747-3.746 3.774-9.853.027-13.6zM66.107 72.4l-18.32 7.76 7.76-18.32L92.72 24.667l10.56 10.56L66.107 72.4zm52.226-52.227l-8.266 8.267-10.56-10.56 8.266-8.267.027-.026 10.56 10.56-.027.026z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/education.svg b/admin/client/src/icons/svg/education.svg
new file mode 100644
index 0000000..7bfb01d
--- /dev/null
+++ b/admin/client/src/icons/svg/education.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M88.883 119.565c-7.284 0-19.434 2.495-21.333 8.25v.127c-4.232.13-5.222 0-7.108 0-1.895-5.76-14.045-8.256-21.333-8.256H0V0h42.523c9.179 0 17.109 5.47 21.47 13.551C68.352 5.475 76.295 0 85.478 0H128v119.57l-39.113-.005h-.004zM60.442 24.763c0-9.651-8.978-16.507-17.777-16.507H7.108V111.43H39.11c7.054-.14 18.177.082 21.333 6.12v-4.628c-.134-5.722-.004-13.522 0-13.832V27.413l.004-2.655-.004.005zm60.442-16.517h-35.55c-8.802 0-17.78 6.856-17.78 16.493v74.259c.004.32.138 8.115 0 13.813v4.627c3.155-6.022 14.279-6.26 21.333-6.114h32V8.25l-.003-.005z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/email.svg b/admin/client/src/icons/svg/email.svg
new file mode 100644
index 0000000..74d25e2
--- /dev/null
+++ b/admin/client/src/icons/svg/email.svg
@@ -0,0 +1 @@
+<svg width="128" height="96" xmlns="http://www.w3.org/2000/svg"><path d="M64.125 56.975L120.188.912A12.476 12.476 0 0 0 115.5 0h-103c-1.588 0-3.113.3-4.513.838l56.138 56.137z"/><path d="M64.125 68.287l-62.3-62.3A12.42 12.42 0 0 0 0 12.5v71C0 90.4 5.6 96 12.5 96h103c6.9 0 12.5-5.6 12.5-12.5v-71a12.47 12.47 0 0 0-1.737-6.35L64.125 68.287z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/example.svg b/admin/client/src/icons/svg/example.svg
new file mode 100644
index 0000000..46f42b5
--- /dev/null
+++ b/admin/client/src/icons/svg/example.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M96.258 57.462h31.421C124.794 27.323 100.426 2.956 70.287.07v31.422a32.856 32.856 0 0 1 25.971 25.97zm-38.796-25.97V.07C27.323 2.956 2.956 27.323.07 57.462h31.422a32.856 32.856 0 0 1 25.97-25.97zm12.825 64.766v31.421c30.46-2.885 54.507-27.253 57.713-57.712H96.579c-2.886 13.466-13.146 23.726-26.292 26.291zM31.492 70.287H.07c2.886 30.46 27.253 54.507 57.713 57.713V96.579c-13.466-2.886-23.726-13.146-26.291-26.292z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/excel.svg b/admin/client/src/icons/svg/excel.svg
new file mode 100644
index 0000000..74d97b8
--- /dev/null
+++ b/admin/client/src/icons/svg/excel.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M78.208 16.576v8.384h38.72v5.376h-38.72v8.704h38.72v5.376h-38.72v8.576h38.72v5.376h-38.72v8.576h38.72v5.376h-38.72v8.576h38.72v5.376h-38.72v8.512h38.72v5.376h-38.72v11.136H128v-94.72H78.208zM0 114.368L72.128 128V0L0 13.632v100.736z"/><path d="M28.672 82.56h-11.2l14.784-23.488-14.08-22.592h11.52l8.192 14.976 8.448-14.976h11.136l-14.08 22.208L58.368 82.56H46.656l-8.768-15.68z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/exit-fullscreen.svg b/admin/client/src/icons/svg/exit-fullscreen.svg
new file mode 100644
index 0000000..485c128
--- /dev/null
+++ b/admin/client/src/icons/svg/exit-fullscreen.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M49.217 41.329l-.136-35.24c-.06-2.715-2.302-4.345-5.022-4.405h-3.65c-2.712-.06-4.866 2.303-4.806 5.016l.152 19.164-24.151-23.79a6.698 6.698 0 0 0-9.499 0 6.76 6.76 0 0 0 0 9.526l23.93 23.713-18.345.074c-2.712-.069-5.228 1.813-5.64 5.02v3.462c.069 2.721 2.31 4.97 5.022 5.03l35.028-.207c.052.005.087.025.133.025l2.457.054a4.626 4.626 0 0 0 3.436-1.38c.88-.874 1.205-2.096 1.169-3.462l-.262-2.465c0-.048.182-.081.182-.136h.002zm52.523 51.212l18.32-.073c2.713.06 5.224-1.609 5.64-4.815v-3.462c-.068-2.722-2.317-4.97-5.021-5.04l-34.58.21c-.053 0-.086-.021-.138-.021l-2.451-.06a4.64 4.64 0 0 0-3.445 1.381c-.885.868-1.201 2.094-1.174 3.46l.27 2.46c.005.06-.177.095-.177.141l.141 34.697c.069 2.713 2.31 4.338 5.022 4.397l3.45.006c2.705.062 4.867-2.31 4.8-5.026l-.153-18.752 24.151 23.946a6.69 6.69 0 0 0 9.494 0 6.747 6.747 0 0 0 0-9.523L101.74 92.54v.001zM48.125 80.662a4.636 4.636 0 0 0-3.437-1.382l-2.457.06c-.05 0-.082.022-.137.022l-35.025-.21c-2.712.07-4.957 2.318-5.022 5.04v3.462c.409 3.206 2.925 4.874 5.633 4.814l18.554.06-24.132 23.928c-2.62 2.626-2.62 6.89 0 9.524a6.694 6.694 0 0 0 9.496 0l24.155-23.79-.155 18.866c-.06 2.722 2.094 5.093 4.801 5.025h3.65c2.72-.069 4.962-1.685 5.022-4.406l.141-34.956c0-.05-.182-.082-.182-.136l.262-2.46c.03-1.366-.286-2.592-1.166-3.46h-.001zM80.08 47.397a4.62 4.62 0 0 0 3.443 1.374l2.45-.054c.055 0 .088-.02.143-.028l35.08.21c2.712-.062 4.953-2.312 5.021-5.033l.009-3.463c-.417-3.211-2.937-5.084-5.64-5.025l-18.615-.073 23.917-23.715c2.63-2.623 2.63-6.879.008-9.513a6.691 6.691 0 0 0-9.494 0L92.251 26.016l.155-19.312c.065-2.713-2.097-5.085-4.802-5.025h-3.45c-2.713.069-4.954 1.693-5.022 4.406l-.139 35.247c0 .054.18.088.18.136l-.267 2.465c-.028 1.366.288 2.588 1.174 3.463v.001z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/eye-open.svg b/admin/client/src/icons/svg/eye-open.svg
new file mode 100644
index 0000000..88dcc98
--- /dev/null
+++ b/admin/client/src/icons/svg/eye-open.svg
@@ -0,0 +1 @@
+<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="128" height="128"><defs><style/></defs><path d="M512 128q69.675 0 135.51 21.163t115.498 54.997 93.483 74.837 73.685 82.006 51.67 74.837 32.17 54.827L1024 512q-2.347 4.992-6.315 13.483T998.87 560.17t-31.658 51.669-44.331 59.99-56.832 64.34-69.504 60.16-82.347 51.5-94.848 34.687T512 896q-69.675 0-135.51-21.163t-115.498-54.826-93.483-74.326-73.685-81.493-51.67-74.496-32.17-54.997L0 513.707q2.347-4.992 6.315-13.483t18.816-34.816 31.658-51.84 44.331-60.33 56.832-64.683 69.504-60.331 82.347-51.84 94.848-34.816T512 128.085zm0 85.333q-46.677 0-91.648 12.331t-81.152 31.83-70.656 47.146-59.648 54.485-48.853 57.686-37.675 52.821-26.325 43.99q12.33 21.674 26.325 43.52t37.675 52.351 48.853 57.003 59.648 53.845T339.2 767.02t81.152 31.488T512 810.667t91.648-12.331 81.152-31.659 70.656-46.848 59.648-54.186 48.853-57.344 37.675-52.651T927.957 512q-12.33-21.675-26.325-43.648t-37.675-52.65-48.853-57.345-59.648-54.186-70.656-46.848-81.152-31.659T512 213.334zm0 128q70.656 0 120.661 50.006T682.667 512 632.66 632.661 512 682.667 391.339 632.66 341.333 512t50.006-120.661T512 341.333zm0 85.334q-35.328 0-60.33 25.002T426.666 512t25.002 60.33T512 597.334t60.33-25.002T597.334 512t-25.002-60.33T512 426.666z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/eye.svg b/admin/client/src/icons/svg/eye.svg
new file mode 100644
index 0000000..16ed2d8
--- /dev/null
+++ b/admin/client/src/icons/svg/eye.svg
@@ -0,0 +1 @@
+<svg width="128" height="64" xmlns="http://www.w3.org/2000/svg"><path d="M127.072 7.994c1.37-2.208.914-5.152-.914-6.87-2.056-1.717-4.797-1.226-6.396.982-.229.245-25.586 32.382-55.74 32.382-29.24 0-55.74-32.382-55.968-32.627-1.6-1.963-4.57-2.208-6.397-.49C-.17 3.086-.399 6.275 1.2 8.238c.457.736 5.94 7.36 14.62 14.72L4.17 35.96c-1.828 1.963-1.6 5.152.228 6.87.457.98 1.6 1.471 2.742 1.471s2.284-.49 3.198-1.472l12.564-13.983c5.94 4.416 13.021 8.587 20.788 11.53l-4.797 17.418c-.685 2.699.686 5.397 3.198 6.133h1.37c2.057 0 3.884-1.472 4.341-3.68L52.6 42.83c3.655.736 7.538 1.227 11.422 1.227 3.883 0 7.767-.49 11.422-1.227l4.797 17.173c.457 2.208 2.513 3.68 4.34 3.68.457 0 .914 0 1.143-.246 2.513-.736 3.883-3.434 3.198-6.133l-4.797-17.172c7.767-2.944 14.848-7.114 20.788-11.53l12.336 13.738c.913.981 2.056 1.472 3.198 1.472s2.284-.49 3.198-1.472c1.828-1.963 1.828-4.906.228-6.87l-11.65-13.001c9.366-7.36 14.849-14.474 14.849-14.474z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/form.svg b/admin/client/src/icons/svg/form.svg
new file mode 100644
index 0000000..dcbaa18
--- /dev/null
+++ b/admin/client/src/icons/svg/form.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M84.068 23.784c-1.02 0-1.877-.32-2.572-.96a8.588 8.588 0 0 1-1.738-2.237 11.524 11.524 0 0 1-1.042-2.621c-.232-.895-.348-1.641-.348-2.238V0h.278c.834 0 1.622.085 2.363.256.742.17 1.645.575 2.711 1.214 1.066.64 2.363 1.535 3.892 2.686 1.53 1.15 3.453 2.664 5.77 4.54 2.502 2.045 4.494 3.771 5.977 5.178 1.483 1.406 2.618 2.6 3.406 3.58.787.98 1.274 1.812 1.46 2.494.185.682.277 1.278.277 1.79v2.046H84.068zM127.3 84.01c.278.682.464 1.535.556 2.558.093 1.023-.37 2.003-1.39 2.94-.463.427-.88.832-1.25 1.215-.372.384-.696.704-.974.96a6.69 6.69 0 0 1-.973.767l-11.816-10.741a44.331 44.331 0 0 0 1.877-1.535 31.028 31.028 0 0 1 1.737-1.406c1.112-.938 2.317-1.343 3.615-1.215 1.297.128 2.363.405 3.197.83.927.427 1.923 1.173 2.989 2.239 1.065 1.065 1.876 2.195 2.432 3.388zM78.23 95.902c2.038 0 3.752-.511 5.143-1.534l-26.969 25.83H18.037c-1.761 0-3.684-.47-5.77-1.407a24.549 24.549 0 0 1-5.838-3.709 21.373 21.373 0 0 1-4.518-5.306c-1.204-2.003-1.807-4.07-1.807-6.202V16.495c0-1.79.44-3.665 1.32-5.626A18.41 18.41 0 0 1 5.04 5.562a21.798 21.798 0 0 1 5.213-3.964C12.198.533 14.237 0 16.37 0h53.24v15.984c0 1.62.278 3.367.834 5.242a16.704 16.704 0 0 0 2.572 5.179c1.159 1.577 2.665 2.898 4.518 3.964 1.853 1.066 4.078 1.598 6.673 1.598h20.295v42.325L85.458 92.45c1.02-1.364 1.529-2.856 1.529-4.476 0-2.216-.857-4.113-2.572-5.69-1.714-1.577-3.776-2.366-6.186-2.366H26.1c-2.409 0-4.448.789-6.116 2.366-1.668 1.577-2.502 3.474-2.502 5.69 0 2.217.834 4.092 2.502 5.626 1.668 1.535 3.707 2.302 6.117 2.302h52.13zM26.1 47.951c-2.41 0-4.449.789-6.117 2.366-1.668 1.577-2.502 3.473-2.502 5.69 0 2.216.834 4.092 2.502 5.626 1.668 1.534 3.707 2.302 6.117 2.302h52.13c2.409 0 4.47-.768 6.185-2.302 1.715-1.534 2.572-3.41 2.572-5.626 0-2.217-.857-4.113-2.572-5.69-1.714-1.577-3.776-2.366-6.186-2.366H26.1zm52.407 64.063l1.807-1.663 3.476-3.196a479.75 479.75 0 0 0 4.587-4.284 500.757 500.757 0 0 1 5.004-4.667c3.985-3.666 8.48-7.758 13.485-12.276l11.677 10.741-13.485 12.404-5.004 4.603-4.587 4.22a179.46 179.46 0 0 0-3.267 3.068c-.88.853-1.367 1.322-1.46 1.407-.463.341-.973.703-1.529 1.087-.556.383-1.112.703-1.668.959-.556.256-1.413.575-2.572.959a83.5 83.5 0 0 1-3.545 1.087 72.2 72.2 0 0 1-3.475.895c-1.112.256-1.946.426-2.502.511-1.112.17-1.854.043-2.224-.383-.371-.426-.464-1.151-.278-2.174.092-.511.278-1.279.556-2.302.278-1.023.602-2.067.973-3.132l1.042-3.005c.325-.938.58-1.577.765-1.918a10.157 10.157 0 0 1 2.224-2.941z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/fullscreen.svg b/admin/client/src/icons/svg/fullscreen.svg
new file mode 100644
index 0000000..0e86b6f
--- /dev/null
+++ b/admin/client/src/icons/svg/fullscreen.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M38.47 52L52 38.462l-23.648-23.67L43.209 0H.035L0 43.137l14.757-14.865L38.47 52zm74.773 47.726L89.526 76 76 89.536l23.648 23.672L84.795 128h43.174L128 84.863l-14.757 14.863zM89.538 52l23.668-23.648L128 43.207V.038L84.866 0 99.73 14.76 76 38.472 89.538 52zM38.46 76L14.792 99.651 0 84.794v43.173l43.137.033-14.865-14.757L52 89.53 38.46 76z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/guide.svg b/admin/client/src/icons/svg/guide.svg
new file mode 100644
index 0000000..b271001
--- /dev/null
+++ b/admin/client/src/icons/svg/guide.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M1.482 70.131l36.204 16.18 69.932-65.485-61.38 70.594 46.435 18.735c1.119.425 2.397-.17 2.797-1.363v-.085L127.998.047 1.322 65.874c-1.12.597-1.519 1.959-1.04 3.151.32.511.72.937 1.2 1.107zm44.676 57.821L64.22 107.26l-18.062-7.834v28.527z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/icon.svg b/admin/client/src/icons/svg/icon.svg
new file mode 100644
index 0000000..82be8ee
--- /dev/null
+++ b/admin/client/src/icons/svg/icon.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M115.147.062a13 13 0 0 1 4.94.945c1.55.63 2.907 1.526 4.069 2.688a13.148 13.148 0 0 1 2.761 4.069c.678 1.55 1.017 3.245 1.017 5.086v102.3c0 3.681-1.187 6.733-3.56 9.155-2.373 2.422-5.352 3.633-8.937 3.633H12.992c-3.875 0-7-1.26-9.373-3.779-2.373-2.518-3.56-5.667-3.56-9.445V12.704c0-3.39 1.163-6.345 3.488-8.863C5.872 1.32 8.972.062 12.847.062h102.3zM81.434 109.047c1.744 0 3.003-.412 3.778-1.235.775-.824 1.163-1.914 1.163-3.27 0-1.26-.388-2.325-1.163-3.197-.775-.872-2.034-1.307-3.778-1.307H72.57c.097-.194.145-.485.145-.872V27.09h9.01c1.743 0 2.954-.436 3.633-1.308.678-.872 1.017-1.938 1.017-3.197 0-1.26-.34-2.325-1.017-3.197-.679-.872-1.89-1.308-3.633-1.308H46.268c-1.743 0-2.954.436-3.632 1.308-.678.872-1.018 1.938-1.018 3.197 0 1.26.34 2.325 1.018 3.197.678.872 1.889 1.308 3.632 1.308h8.138v72.075c0 .193.024.339.073.436.048.096.072.242.072.436H46.56c-1.744 0-3.003.435-3.778 1.307-.775.872-1.163 1.938-1.163 3.197 0 1.356.388 2.446 1.163 3.27.775.823 2.034 1.235 3.778 1.235h34.875z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/international.svg b/admin/client/src/icons/svg/international.svg
new file mode 100644
index 0000000..e9b56ee
--- /dev/null
+++ b/admin/client/src/icons/svg/international.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M83.287 103.01c-1.57-3.84-6.778-10.414-15.447-19.548-2.327-2.444-2.182-4.306-1.338-9.862v-.64c.553-3.81 1.513-6.05 14.313-8.087 6.516-1.018 8.203 1.57 10.589 5.178l.785 1.193a12.625 12.625 0 0 0 6.43 5.207c1.134.524 2.53 1.164 4.421 2.24 4.596 2.53 4.596 5.41 4.596 11.753v.727a26.91 26.91 0 0 1-5.178 17.454 59.055 59.055 0 0 1-19.025 11.026c3.49-6.546.814-14.313 0-16.553l-.146-.087zM64 5.12a58.502 58.502 0 0 1 25.484 5.818 54.313 54.313 0 0 0-12.859 10.327c-.93 1.28-1.716 2.473-2.472 3.579-2.444 3.694-3.637 5.352-5.818 5.614a25.105 25.105 0 0 1-4.219 0c-4.276-.29-10.094-.64-11.956 4.422-1.193 3.23-1.396 11.956 2.444 16.495.66 1.077.778 2.4.32 3.578a7.01 7.01 0 0 1-2.066 3.229 18.938 18.938 0 0 1-2.909-2.91 18.91 18.91 0 0 0-8.32-6.603c-1.25-.349-2.647-.64-3.985-.93-3.782-.786-8.03-1.688-9.019-3.812a14.895 14.895 0 0 1-.727-5.818 21.935 21.935 0 0 0-1.396-9.25 8.873 8.873 0 0 0-5.557-4.946A58.705 58.705 0 0 1 64 5.12zM0 64c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64 0-35.346-28.654-64-64-64C28.654 0 0 28.654 0 64z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/language.svg b/admin/client/src/icons/svg/language.svg
new file mode 100644
index 0000000..0082b57
--- /dev/null
+++ b/admin/client/src/icons/svg/language.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M84.742 36.8c2.398 7.2 5.595 12.8 11.19 18.4 4.795-4.8 7.992-11.2 10.39-18.4h-21.58zm-52.748 40h20.78l-10.39-28-10.39 28z"/><path d="M111.916 0H16.009C7.218 0 .025 7.2.025 16v96c0 8.8 7.193 16 15.984 16h95.907c8.791 0 15.984-7.2 15.984-16V16c0-8.8-6.394-16-15.984-16zM72.754 103.2c-1.598 1.6-3.197 1.6-4.795 1.6-.8 0-2.398 0-3.197-.8-.8-.8-1.599 0-1.599-.8s-.799-1.6-1.598-3.2c-.8-1.6-.8-2.4-1.599-4l-3.196-8.8H28.797L25.6 96c-1.598 3.2-2.398 5.6-3.197 7.2-.8 1.6-2.398 1.6-4.795 1.6-1.599 0-3.197-.8-4.796-1.6-1.598-1.6-2.397-2.4-2.397-4 0-.8 0-1.6.799-3.2.8-1.6.8-2.4 1.598-4l17.583-44.8c.8-1.6.8-3.2 1.599-4.8.799-1.6 1.598-3.2 2.397-4 .8-.8 1.599-2.4 3.197-3.2 1.599-.8 3.197-.8 4.796-.8 1.598 0 3.196 0 4.795.8 1.598.8 2.398 1.6 3.197 3.2.799.8 1.598 2.4 2.397 4 .8 1.6 1.599 3.2 2.398 5.6l17.583 44c1.598 3.2 2.398 5.6 2.398 7.2-.8.8-1.599 2.4-2.398 4zM116.711 72c-8.791-3.2-15.185-7.2-20.78-12-5.594 5.6-12.787 9.6-21.579 12l-2.397-4c8.791-2.4 15.984-5.6 21.579-11.2C87.939 51.2 83.144 44 81.545 36h-7.992v-3.2h21.58c-1.6-2.4-3.198-5.6-4.796-8l2.397-.8c1.599 2.4 3.997 5.6 5.595 8.8h19.98v4h-7.992c-2.397 8-6.393 15.2-11.189 20 5.595 4.8 11.988 8.8 20.78 11.2l-3.197 4z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/link.svg b/admin/client/src/icons/svg/link.svg
new file mode 100644
index 0000000..48197ba
--- /dev/null
+++ b/admin/client/src/icons/svg/link.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M115.625 127.937H.063V12.375h57.781v12.374H12.438v90.813h90.813V70.156h12.374z"/><path d="M116.426 2.821l8.753 8.753-56.734 56.734-8.753-8.745z"/><path d="M127.893 37.982h-12.375V12.375H88.706V0h39.187z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/list.svg b/admin/client/src/icons/svg/list.svg
new file mode 100644
index 0000000..20259ed
--- /dev/null
+++ b/admin/client/src/icons/svg/list.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M1.585 12.087c0 6.616 3.974 11.98 8.877 11.98 4.902 0 8.877-5.364 8.877-11.98 0-6.616-3.975-11.98-8.877-11.98-4.903 0-8.877 5.364-8.877 11.98zM125.86.107H35.613c-1.268 0-2.114 1.426-2.114 2.852v18.255c0 1.712 1.057 2.853 2.114 2.853h90.247c1.268 0 2.114-1.426 2.114-2.853V2.96c0-1.711-1.057-2.852-2.114-2.852zM.106 62.86c0 6.615 3.974 11.979 8.876 11.979 4.903 0 8.877-5.364 8.877-11.98 0-6.616-3.974-11.98-8.877-11.98-4.902 0-8.876 5.364-8.876 11.98zM124.17 50.88H33.921c-1.268 0-2.114 1.425-2.114 2.851v18.256c0 1.711 1.057 2.852 2.114 2.852h90.247c1.268 0 2.114-1.426 2.114-2.852V53.73c0-1.426-.846-2.852-2.114-2.852zM.106 115.913c0 6.616 3.974 11.98 8.876 11.98 4.903 0 8.877-5.364 8.877-11.98 0-6.616-3.974-11.98-8.877-11.98-4.902 0-8.876 5.364-8.876 11.98zm124.064-11.98H33.921c-1.268 0-2.114 1.426-2.114 2.853v18.255c0 1.711 1.057 2.852 2.114 2.852h90.247c1.268 0 2.114-1.426 2.114-2.852v-18.255c0-1.427-.846-2.853-2.114-2.853z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/lock.svg b/admin/client/src/icons/svg/lock.svg
new file mode 100644
index 0000000..74fee54
--- /dev/null
+++ b/admin/client/src/icons/svg/lock.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M119.88 49.674h-7.987V39.52C111.893 17.738 90.45.08 63.996.08 37.543.08 16.1 17.738 16.1 39.52v10.154H8.113c-4.408 0-7.987 2.94-7.987 6.577v65.13c0 3.637 3.57 6.577 7.987 6.577H119.88c4.407 0 7.987-2.94 7.987-6.577v-65.13c-.008-3.636-3.58-6.577-7.987-6.577zm-23.953 0H32.065V39.52c0-14.524 14.301-26.295 31.931-26.295 17.63 0 31.932 11.777 31.932 26.295v10.153z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/medal.svg b/admin/client/src/icons/svg/medal.svg
new file mode 100644
index 0000000..93be397
--- /dev/null
+++ b/admin/client/src/icons/svg/medal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path d="M512 64c-165.7 0-300 134.3-300 300 0 120 70.7 223.1 172.6 272.4l-99.3 259.3c-5.3 13.8 0.3 29.5 13 36.7 4.6 2.6 9.8 3.9 14.9 3.9 8.6 0 17-4.2 21.8-11.6L512 798l177 126.7c4.8 7.4 13.2 11.6 21.8 11.6 5.1 0 10.3-1.3 14.9-3.9 12.7-7.2 18.3-22.9 13-36.7l-99.3-259.3C741.3 587.1 812 484 812 364c0-165.7-134.3-300-300-300z m0 536c-130.1 0-236-105.9-236-236S381.9 128 512 128s236 105.9 236 236-105.9 236-236 236z" fill="currentColor"/><path d="M512 224c-77.3 0-140 62.7-140 140s62.7 140 140 140 140-62.7 140-140-62.7-140-140-140z" fill="currentColor"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/message.svg b/admin/client/src/icons/svg/message.svg
new file mode 100644
index 0000000..14ca817
--- /dev/null
+++ b/admin/client/src/icons/svg/message.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M0 20.967v59.59c0 11.59 8.537 20.966 19.075 20.966h28.613l1 26.477L76.8 101.523h32.125c10.538 0 19.075-9.377 19.075-20.966v-59.59C128 9.377 119.463 0 108.925 0h-89.85C8.538 0 0 9.377 0 20.967zm82.325 33.1c0-5.524 4.013-9.935 9.037-9.935 5.026 0 9.038 4.41 9.038 9.934 0 5.524-4.025 9.934-9.038 9.934-5.024 0-9.037-4.41-9.037-9.934zm-27.613 0c0-5.524 4.013-9.935 9.038-9.935s9.037 4.41 9.037 9.934c0 5.524-4.025 9.934-9.037 9.934-5.025 0-9.038-4.41-9.038-9.934zm-27.1 0c0-5.524 4.013-9.935 9.038-9.935s9.038 4.41 9.038 9.934c0 5.524-4.026 9.934-9.05 9.934-5.013 0-9.025-4.41-9.025-9.934z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/money.svg b/admin/client/src/icons/svg/money.svg
new file mode 100644
index 0000000..c1580de
--- /dev/null
+++ b/admin/client/src/icons/svg/money.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M54.122 127.892v-28.68H7.513V87.274h46.609v-12.4H7.513v-12.86h38.003L.099 0h22.6l32.556 45.07c3.617 5.144 6.44 9.611 8.487 13.385 1.788-3.05 4.89-7.779 9.301-14.186L103.93 0h24.01L82.385 62.013h38.34v12.862h-46.41v12.4h46.41v11.937h-46.41v28.68H54.123z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/nested.svg b/admin/client/src/icons/svg/nested.svg
new file mode 100644
index 0000000..06713a8
--- /dev/null
+++ b/admin/client/src/icons/svg/nested.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M.002 9.2c0 5.044 3.58 9.133 7.998 9.133 4.417 0 7.997-4.089 7.997-9.133 0-5.043-3.58-9.132-7.997-9.132S.002 4.157.002 9.2zM31.997.066h95.981V18.33H31.997V.066zm0 45.669c0 5.044 3.58 9.132 7.998 9.132 4.417 0 7.997-4.088 7.997-9.132 0-3.263-1.524-6.278-3.998-7.91-2.475-1.63-5.524-1.63-7.998 0-2.475 1.632-4 4.647-4 7.91zM63.992 36.6h63.986v18.265H63.992V36.6zm-31.995 82.2c0 5.043 3.58 9.132 7.998 9.132 4.417 0 7.997-4.089 7.997-9.132 0-5.044-3.58-9.133-7.997-9.133s-7.998 4.089-7.998 9.133zm31.995-9.131h63.986v18.265H63.992V109.67zm0-27.404c0 5.044 3.58 9.133 7.998 9.133 4.417 0 7.997-4.089 7.997-9.133 0-3.263-1.524-6.277-3.998-7.909-2.475-1.631-5.524-1.631-7.998 0-2.475 1.632-4 4.646-4 7.91zm31.995-9.13h31.991V91.4H95.987V73.135z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/password.svg b/admin/client/src/icons/svg/password.svg
new file mode 100644
index 0000000..e291d85
--- /dev/null
+++ b/admin/client/src/icons/svg/password.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M108.8 44.322H89.6v-5.36c0-9.04-3.308-24.163-25.6-24.163-23.145 0-25.6 16.881-25.6 24.162v5.361H19.2v-5.36C19.2 15.281 36.798 0 64 0c27.202 0 44.8 15.281 44.8 38.961v5.361zm-32 39.356c0-5.44-5.763-9.832-12.8-9.832-7.037 0-12.8 4.392-12.8 9.832 0 3.682 2.567 6.808 6.407 8.477v11.205c0 2.718 2.875 4.962 6.4 4.962 3.524 0 6.4-2.244 6.4-4.962V92.155c3.833-1.669 6.393-4.795 6.393-8.477zM128 64v49.201c0 8.158-8.645 14.799-19.2 14.799H19.2C8.651 128 0 121.359 0 113.201V64c0-8.153 8.645-14.799 19.2-14.799h89.6c10.555 0 19.2 6.646 19.2 14.799z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/pdf.svg b/admin/client/src/icons/svg/pdf.svg
new file mode 100644
index 0000000..957aa0c
--- /dev/null
+++ b/admin/client/src/icons/svg/pdf.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="128" height="128"><path d="M869.073 277.307H657.111V65.344l211.962 211.963zm-238.232 26.27V65.344l-476.498-.054v416.957h714.73v-178.67H630.841zm-335.836 360.57c-5.07-3.064-10.944-5.133-17.61-6.201-6.67-1.064-13.603-1.6-20.81-1.6h-48.821v85.641h48.822c7.206 0 14.14-.532 20.81-1.6 6.665-1.065 12.54-3.133 17.609-6.202 5.064-3.063 9.134-7.406 12.208-13.007 3.065-5.602 4.6-12.937 4.6-22.011 0-9.07-1.535-16.408-4.6-22.01-3.074-5.603-7.144-9.94-12.208-13.01zM35.82 541.805v416.904h952.358V541.805H35.821zm331.421 191.179c-3.6 11.071-9.343 20.879-17.209 29.413-7.874 8.542-18.078 15.408-30.617 20.61-12.544 5.206-27.747 7.807-45.621 7.807h-66.036v102.45h-62.831V607.517h128.867c17.874 0 33.077 2.6 45.62 7.802 12.541 5.207 22.745 12.076 30.618 20.615 7.866 8.538 13.604 18.277 17.21 29.212 3.6 10.943 5.401 22.278 5.401 34.018 0 11.477-1.8 22.752-5.402 33.819zM644.9 806.417c-5.343 17.61-13.408 32.818-24.212 45.627-10.807 12.803-24.283 22.879-40.423 30.213-16.146 7.343-35.155 11.007-57.03 11.007h-123.26V607.518h123.26c18.41 0 35.552 2.941 51.428 8.808 15.873 5.869 29.618 14.671 41.22 26.412 11.608 11.744 20.674 26.411 27.217 44.02 6.535 17.61 9.803 38.288 9.803 62.035 0 20.81-2.67 40.02-8.003 57.624zm245.362-146.07h-138.07v66.03h119.66v48.829h-119.66v118.058h-62.83V607.518h200.9v52.829h-.001zm-318.2 25.611c-6.402-8.266-14.877-14.604-25.412-19.01-10.544-4.402-23.551-6.602-39.019-6.602h-44.825v180.088h56.029c9.07 0 17.872-1.463 26.415-4.401 8.535-2.932 16.14-7.802 22.812-14.609 6.665-6.8 12.007-15.667 16.007-26.61 4.003-10.94 6.003-24.275 6.003-40.021 0-14.408-1.4-27.416-4.202-39.019-2.8-11.607-7.406-21.542-13.808-29.816zm0 0"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/people.svg b/admin/client/src/icons/svg/people.svg
new file mode 100644
index 0000000..2bd54ae
--- /dev/null
+++ b/admin/client/src/icons/svg/people.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M104.185 95.254c8.161 7.574 13.145 17.441 13.145 28.28 0 1.508-.098 2.998-.285 4.466h-10.784c.238-1.465.403-2.948.403-4.465 0-8.983-4.36-17.115-11.419-23.216C86 104.66 75.355 107.162 64 107.162c-11.344 0-21.98-2.495-31.22-6.83-7.064 6.099-11.444 14.218-11.444 23.203 0 1.517.165 3 .403 4.465H10.955a35.444 35.444 0 0 1-.285-4.465c0-10.838 4.974-20.713 13.127-28.291C9.294 85.42.003 70.417.003 53.58.003 23.99 28.656.001 64 .001s63.997 23.988 63.997 53.58c0 16.842-9.299 31.85-23.812 41.673zM64 36.867c-29.454 0-53.33-10.077-53.33 15.342 0 25.418 23.876 46.023 53.33 46.023 29.454 0 53.33-20.605 53.33-46.023 0-25.419-23.876-15.342-53.33-15.342zm24.888 25.644c-3.927 0-7.111-2.665-7.111-5.953 0-3.288 3.184-5.954 7.11-5.954 3.928 0 7.111 2.666 7.111 5.954s-3.183 5.953-7.11 5.953zm-3.556 16.372c0 4.11-9.55 7.442-21.332 7.442-11.781 0-21.332-3.332-21.332-7.442 0-1.06.656-2.064 1.8-2.976 3.295 2.626 10.79 4.465 19.532 4.465 8.743 0 16.237-1.84 19.531-4.465 1.145.912 1.801 1.916 1.801 2.976zm-46.22-16.372c-3.927 0-7.11-2.665-7.11-5.953 0-3.288 3.183-5.954 7.11-5.954 3.927 0 7.111 2.666 7.111 5.954s-3.184 5.953-7.11 5.953z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/peoples.svg b/admin/client/src/icons/svg/peoples.svg
new file mode 100644
index 0000000..aab852e
--- /dev/null
+++ b/admin/client/src/icons/svg/peoples.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M95.648 118.762c0 5.035-3.563 9.121-7.979 9.121H7.98c-4.416 0-7.979-4.086-7.979-9.121C0 100.519 15.408 83.47 31.152 76.75c-9.099-6.43-15.216-17.863-15.216-30.987v-9.128c0-20.16 14.293-36.518 31.893-36.518s31.894 16.358 31.894 36.518v9.122c0 13.137-6.123 24.556-15.216 30.993 15.738 6.726 31.141 23.769 31.141 42.012z"/><path d="M106.032 118.252h15.867c3.376 0 6.101-3.125 6.101-6.972 0-13.957-11.787-26.984-23.819-32.123 6.955-4.919 11.638-13.66 11.638-23.704v-6.985c0-15.416-10.928-27.926-24.39-27.926-1.674 0-3.306.193-4.89.561 1.936 4.713 3.018 9.974 3.018 15.526v9.121c0 13.137-3.056 23.111-11.066 30.993 14.842 4.41 27.312 23.42 27.541 41.509z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/position.svg b/admin/client/src/icons/svg/position.svg
new file mode 100644
index 0000000..f89f0e0
--- /dev/null
+++ b/admin/client/src/icons/svg/position.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1586941827731" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4169" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><defs><style type="text/css"></style></defs><path d="M931.072 176.896h-144.384V64.192c0-32-23.552-58.624-54.272-63.36H291.584c-30.72 4.736-54.272 31.36-54.272 63.36v112.64H92.928C41.728 176.896 0 218.624 0 269.888v159.936c0 17.792 13.504 35.52 37.568 52.608 68.736 48.64 218.688 82.176 401.28 89.536 24.192 0.96 48.448 1.472 72.576 1.472 153.408 0 300.928-19.392 397.248-53.12 39.36-13.824 69.312-29.44 89.216-46.528 16.96-14.592 26.112-28.928 26.112-43.968v-160c0-51.2-41.664-92.864-92.928-92.864z m-588.864 0V115.2a16.64 16.64 0 0 1 16.576-16.64h306.432a16.64 16.64 0 0 1 16.64 16.64v61.696H342.144z" p-id="4170"></path><path d="M931.904 586.56c-87.808 30.72-209.472 50.176-342.016 55.552v118.784a11.712 11.712 0 0 1-11.712 11.712H445.824a11.712 11.712 0 0 1-11.712-11.712v-118.848C238.912 633.984 81.216 597.504 0 541.824v388.48c0 51.2 41.664 92.928 92.928 92.928h838.144c51.2 0 92.928-41.728 92.928-92.928V542.016c-24.32 16.64-55.232 31.616-92.096 44.544z" p-id="4171"></path></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/qq.svg b/admin/client/src/icons/svg/qq.svg
new file mode 100644
index 0000000..ee13d4e
--- /dev/null
+++ b/admin/client/src/icons/svg/qq.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M18.448 57.545l-.244-.744-.198-.968-.132-.53v-2.181l.236-.859.24-.908.317-.953.428-1.06.561-1.103.794-1.104v-.773l.077-.724.123-.984.34-1.106.313-1.194.25-.548.289-.511.371-.569.405-.423v-2.73l.234-1.407.236-1.633.42-1.955.577-2.035.43-1.118.426-1.217.468-1.135.559-1.216.57-1.332.655-1.247.737-1.331.929-1.33.43-.762.457-.624.995-1.406 1.025-1.403 1.163-1.444 1.246-1.405 1.352-1.384 1.41-1.423 1.708-1.536 1.083-.934 1.322-1.008 1.34-.89 1.448-.855 1.392-.76 1.57-.63 1.667-.775 1.657-.532 1.653-.552 1.787-.548 1.785-.417 1.876-.347L59.128.68l1.879-.245 1.876-.252 2.002-.106h5.912l1.97.243 1.981.231 2.019.207 1.874.441 1.979.413 1.857.475 2.035.53 1.862.646 1.782.738 1.904.78 1.736.853 1.689.95 1.655 1.044 1.425.971.662.548.693.401 1.323 1.1 1.115 1.064 1.112 1.1 1.083 1.214.894 1.178 1.064 1.217.74 1.306.752 1.162.798 1.352.661 1.175 1.113 2.489.546 1.286.428 1.192.428 1.294.384 1.217.267 1.047.347 1.231.607 2.198.388 1.924.253 1.861.217 1.497.342 2.28.077.362.274.41.737 1.18.473.8.42.832.534.892.472 1.07.307 1.093.334 1.2.252 1.232.115.605.106.746v.648l-.106.643v.8l-.192.774-.35 1.5-.403.76-.299.852v.213l.142.264.4.623 1.746 2.53 1.377 1.9.66 1.267.889 1.389.774 1.52.893 1.627.894 1.828 1.006 2.069.567 1.268.518 1.239.447 1.307.44 1.175.336 1.235.342 1.16.432 2.261.343 2.31.235 2.05v2.891l-.158 1.025-.226 1.768-.308 1.59-.48 1.44-.18.588-.336.707-.28.493-.375.607-.33.383-.42.494-.375.4-.401.34-.48.207-.432.207-.355.114h-.543l-.346-.114-.66-.32-.302-.212-.317-.223-.347-.304-.35-.342-.579-.63-.684-.89-.539-.917-.538-.734-.526-.855-.741-1.517-.833-1.579-.098-.055h-.138l-.338.247-.196.415-.326.516-.567 1.533-.856 2.182-1.096 2.626-.824 1.308-.864 1.366-1.027 1.536-1.09 1.503-.557.68-.676.743-1.555 1.497.136.135.21.214.777.446 3.235 1.524 1.41.779 1.347.756 1.332.953 1.187.982.574.443.432.511.445.593.367.643.198.533.242.64.105.554.115.647-.115.433v.44l-.105.454-.242.415-.092.325-.22.394-.587.784-.543.627-.42.47-.35.348-.893.638-1.01.556-1.077.532-1.155.511-1.287.495-.693.207-.608.167-1.496.342-1.545.325-1.552.323-1.689.27-1.74.072-1.785.21h-5.539l-1.998-.114-1.86-.168-2.005-.27-1.99-.209-2.095-.286-2.03-.495-1.981-.374-1.968-.552-2.019-.707-1.98-.585-1.044-.342-.927-.323-.586-.223-.582-.12h-1.647l-1.904-.131-.962-.096-1.24-.135-.795.705-1.085.665-1.471.701-1.628.875-.99.475-1.033.376-2.281.914-1.24.305-1.3.343-1.803.344-1.13.086-1.193.1-1.246.135-1.45.053h-5.926l-3.346-.053-3.25-.321-1.644-.23-1.589-.23-1.546-.227-1.547-.305-1.442-.456-1.434-.325-1.294-.51-1.223-.474-1.142-.533-.99-.583-.984-.71-.336-.343-.44-.415-.334-.362-.3-.417-.278-.415-.215-.42-.311-.89-.109-.46-.138-.51v-.473l.138-.533v-.53l.109-.53v-1.069l.052-.564.259-.647.215-.646.39-.779.286-.3.236-.348.615-.738.49-.38.464-.266.428-.338.676-.21.543-.324.676-.341.77-.227.775-.231.897-.192.85-.11 1.008-.13 1.093-.081.284-.092h.063l.137-.115v-.13l-.2-.266-.58-.27-1.45-1.231-.975-.761-1.127-.967-1.136-1.082-1.181-1.382-1.36-1.558-.508-.843-.672-.87-.58-1.007-.522-1.1-.704-1.047-.459-1.194-.547-1.192-.546-1.33-.397-1.273-.378-1.575-.112-.057h-.115l-.059-.113h-.14l-.23.113-.114.057-.158.264-.057.321-.119.286-.206.477-.664 1.157-.345.701-.546.612-.58.736-.641.816-.677.724-.795.701-.734.658-.814.524-.89.546-.855.325-1.008.247-.99.095h-.233l-.228-.095-.18-.384-.29-.188-.38-.912-.237-.493-.255-.707-.21-.734-.113-.724-.313-1.648-.12-.972v-3.185l.12-2.379.196-1.214.23-1.252.21-1.347.374-1.254.42-1.443.431-1.407.578-1.448.545-1.38.754-1.4.699-1.52.855-1.425 1.006-1.538 1.023-1.382 1.069-1.538.891-1.071 1.142-1.227 1.202-1.237.56-.59.678-.662.985-.836 1.012-.853 1.647-1.446 1.242-.889z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/search.svg b/admin/client/src/icons/svg/search.svg
new file mode 100644
index 0000000..84233dd
--- /dev/null
+++ b/admin/client/src/icons/svg/search.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M124.884 109.812L94.256 79.166c-.357-.357-.757-.629-1.129-.914a50.366 50.366 0 0 0 8.186-27.59C101.327 22.689 78.656 0 50.67 0 22.685 0 0 22.688 0 50.663c0 27.989 22.685 50.663 50.656 50.663 10.186 0 19.643-3.03 27.6-8.201.286.385.557.771.9 1.114l30.628 30.632a10.633 10.633 0 0 0 7.543 3.129c2.728 0 5.457-1.043 7.543-3.115 4.171-4.157 4.171-10.915.014-15.073M50.671 85.338C31.557 85.338 16 69.78 16 50.663c0-19.102 15.557-34.661 34.67-34.661 19.115 0 34.657 15.559 34.657 34.675 0 19.102-15.557 34.661-34.656 34.661"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/shopping.svg b/admin/client/src/icons/svg/shopping.svg
new file mode 100644
index 0000000..87513e7
--- /dev/null
+++ b/admin/client/src/icons/svg/shopping.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M42.913 101.36c1.642 0 3.198.332 4.667.996a12.28 12.28 0 0 1 3.89 2.772c1.123 1.184 1.987 2.582 2.592 4.193.605 1.612.908 3.318.908 5.118 0 1.8-.303 3.507-.908 5.118-.605 1.611-1.469 3.01-2.593 4.194a13.3 13.3 0 0 1-3.889 2.843 10.582 10.582 0 0 1-4.667 1.066c-1.729 0-3.306-.355-4.732-1.066a13.604 13.604 0 0 1-3.825-2.843c-1.123-1.185-1.988-2.583-2.593-4.194a14.437 14.437 0 0 1-.907-5.118c0-1.8.302-3.506.907-5.118.605-1.61 1.47-3.009 2.593-4.193a12.515 12.515 0 0 1 3.825-2.772c1.426-.664 3.003-.996 4.732-.996zm53.932.285c1.643 0 3.22.331 4.733.995a11.386 11.386 0 0 1 3.889 2.772c1.08 1.185 1.945 2.583 2.593 4.194.648 1.61.972 3.317.972 5.118 0 1.8-.324 3.506-.972 5.117-.648 1.611-1.513 3.01-2.593 4.194a12.253 12.253 0 0 1-3.89 2.843 11 11 0 0 1-4.732 1.066 10.58 10.58 0 0 1-4.667-1.066 12.478 12.478 0 0 1-3.824-2.843c-1.08-1.185-1.945-2.583-2.593-4.194a13.581 13.581 0 0 1-.973-5.117c0-1.801.325-3.507.973-5.118.648-1.611 1.512-3.01 2.593-4.194a11.559 11.559 0 0 1 3.824-2.772 11.212 11.212 0 0 1 4.667-.995zm21.781-80.747c2.42 0 4.3.355 5.64 1.066 1.34.71 2.29 1.587 2.852 2.63a6.427 6.427 0 0 1 .778 3.34c-.044 1.185-.195 2.204-.454 3.057-.26.853-.8 2.606-1.62 5.26a589.268 589.268 0 0 1-2.788 8.743 1236.373 1236.373 0 0 0-3.047 9.453c-.994 3.128-1.75 5.592-2.269 7.393-1.123 3.79-2.55 6.42-4.278 7.89-1.728 1.469-3.846 2.203-6.352 2.203H39.023l1.945 12.795h65.342c4.148 0 6.223 1.943 6.223 5.828 0 1.896-.41 3.53-1.232 4.905-.821 1.374-2.442 2.061-4.862 2.061H38.505c-1.729 0-3.176-.426-4.343-1.28-1.167-.852-2.14-1.966-2.917-3.34a21.277 21.277 0 0 1-1.88-4.478 44.128 44.128 0 0 1-1.102-4.55c-.087-.568-.324-1.942-.713-4.122-.39-2.18-.865-4.904-1.426-8.174l-1.88-10.947c-.692-4.027-1.383-8.079-2.075-12.154-1.642-9.572-3.5-20.234-5.574-31.986H6.87c-1.296 0-2.377-.356-3.24-1.067a9.024 9.024 0 0 1-2.14-2.558 10.416 10.416 0 0 1-1.167-3.2C.108 8.53 0 7.488 0 6.54c0-1.896.583-3.46 1.75-4.69C2.917.615 4.494 0 6.482 0h13.095c1.728 0 3.111.284 4.148.853 1.037.569 1.858 1.28 2.463 2.132a8.548 8.548 0 0 1 1.297 2.701c.26.948.475 1.754.648 2.417.173.758.346 1.825.519 3.199.173 1.374.345 2.772.518 4.193.26 1.706.519 3.507.778 5.403h88.678z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/size.svg b/admin/client/src/icons/svg/size.svg
new file mode 100644
index 0000000..ddb25b8
--- /dev/null
+++ b/admin/client/src/icons/svg/size.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M0 54.857h54.796v18.286H36.531V128H18.265V73.143H0V54.857zm127.857-36.571H91.935V128H72.456V18.286H36.534V0h91.326l-.003 18.286z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/skill.svg b/admin/client/src/icons/svg/skill.svg
new file mode 100644
index 0000000..a3b7312
--- /dev/null
+++ b/admin/client/src/icons/svg/skill.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M31.652 93.206h33.401c1.44 2.418 3.077 4.663 4.93 6.692h-38.33v-6.692zm0-10.586h28.914a44.8 44.8 0 0 1-1.264-6.688h-27.65v6.688zm0-17.27H59.39c.288-2.286.714-4.532 1.34-6.687H31.65v6.687h.003zm53.913 44.84v5.85c0 2.798-2.095 5.075-4.667 5.075h-70.07c-2.576 0-4.663-2.277-4.663-5.075V31.26l23.22-20.96v22.25H17.16v6.688h18.39V6.688h45.348c2.576 0 4.667 2.277 4.667 5.066v20.009c1.987-.675 4.053-1.128 6.17-1.445v-18.56C91.738 5.28 86.874 0 80.902 0H31.15L0 28.118v87.917c0 6.48 4.859 11.759 10.832 11.759h70.07c5.974 0 10.837-5.27 10.837-11.759v-4.41c-2.117-.312-4.183-.765-6.17-1.435h-.004zM23.279 58.667h-7.96v6.688h7.96v-6.688zm-7.956 41.23h7.96v-6.691h-7.96v6.692zm7.956-23.96h-7.96v6.687h7.96v-6.688zm89.718-15.042l-4.896-4.07-12.447 17.613-11.19-9.305-3.762 5.311 16.091 13.38 16.204-22.929zM128 70.978c0-18.632-13.97-33.782-31.147-33.782-17.168 0-31.135 15.155-31.135 33.782 0 18.628 13.97 33.783 31.135 33.783 17.172 0 31.143-15.15 31.143-33.783H128zm-6.17 0c0 14.933-11.203 27.1-24.981 27.1-13.77 0-24.987-12.158-24.987-27.1 0-14.941 11.195-27.099 24.987-27.099 13.778 0 24.982 12.158 24.982 27.1z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/star.svg b/admin/client/src/icons/svg/star.svg
new file mode 100644
index 0000000..6cf86e6
--- /dev/null
+++ b/admin/client/src/icons/svg/star.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M70.66 4.328l14.01 29.693c1.088 2.29 3.177 3.882 5.603 4.25l31.347 4.76c6.087.926 8.528 8.756 4.117 13.247L103.05 79.395c-1.75 1.78-2.544 4.352-2.132 6.867l5.352 32.641c1.043 6.337-5.33 11.182-10.778 8.19l-28.039-15.409a7.13 7.13 0 0 0-6.91 0l-28.039 15.41c-5.448 2.99-11.821-1.854-10.777-8.19l5.352-32.642c.415-2.515-.387-5.088-2.136-6.867L2.264 56.278C-2.146 51.787.286 43.957 6.38 43.031l31.343-4.76c2.419-.368 4.51-1.96 5.595-4.25L57.334 4.328c2.728-5.77 10.605-5.77 13.325 0z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/tab.svg b/admin/client/src/icons/svg/tab.svg
new file mode 100644
index 0000000..b4b48e4
--- /dev/null
+++ b/admin/client/src/icons/svg/tab.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M78.921.052H49.08c-1.865 0-3.198 1.599-3.198 3.464v6.661c0 1.865 1.6 3.464 3.198 3.464h29.84c1.865 0 3.198-1.599 3.198-3.464V3.516C82.385 1.65 80.786.052 78.92.052zm45.563 0H94.642c-1.865 0-3.464 1.599-3.464 3.464v6.661c0 1.865 1.599 3.464 3.464 3.464h29.842c1.865-.266 3.464-1.599 3.464-3.464V3.516c0-1.865-1.599-3.464-3.464-3.464zm0 22.382H40.02c-1.866 0-3.464-1.599-3.464-3.464V3.516c0-1.865-1.599-3.464-3.464-3.464H3.516C1.65.052.052 1.651.052 3.516V124.75c0 1.598 1.599 3.197 3.464 3.197h120.968c1.865 0 3.464-1.599 3.464-3.464V25.898c0-1.865-1.599-3.464-3.464-3.464z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/table.svg b/admin/client/src/icons/svg/table.svg
new file mode 100644
index 0000000..0e3dc9d
--- /dev/null
+++ b/admin/client/src/icons/svg/table.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M.006.064h127.988v31.104H.006V.064zm0 38.016h38.396v41.472H.006V38.08zm0 48.384h38.396v41.472H.006V86.464zM44.802 38.08h38.396v41.472H44.802V38.08zm0 48.384h38.396v41.472H44.802V86.464zM89.598 38.08h38.396v41.472H89.598zm0 48.384h38.396v41.472H89.598z"/><path d="M.006.064h127.988v31.104H.006V.064zm0 38.016h38.396v41.472H.006V38.08zm0 48.384h38.396v41.472H.006V86.464zM44.802 38.08h38.396v41.472H44.802V38.08zm0 48.384h38.396v41.472H44.802V86.464zM89.598 38.08h38.396v41.472H89.598zm0 48.384h38.396v41.472H89.598z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/theme.svg b/admin/client/src/icons/svg/theme.svg
new file mode 100644
index 0000000..5982a2f
--- /dev/null
+++ b/admin/client/src/icons/svg/theme.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M125.5 36.984L95.336 2.83C93.735 1.018 91.565 0 89.3 0c-2.263 0-4.433 1.018-6.033 2.83l-3.786 4.286c-1.6 1.812-3.77 2.83-6.032 2.831H54.553c-2.263 0-4.434-1.018-6.033-2.83L44.734 2.83C43.134 1.018 40.964 0 38.701 0c-2.263 0-4.434 1.018-6.034 2.83L2.5 36.984C.9 38.796 0 41.254 0 43.815c0 2.562.899 5.02 2.5 6.831L14.565 64.31c2.178 2.468 5.367 3.403 8.33 2.444 1.35-.435 2.709.592 2.709 2.18v49.407c0 5.313 3.84 9.66 8.532 9.66h59.726c4.693 0 8.532-4.347 8.532-9.66V68.934c0-1.59 1.36-2.616 2.71-2.181 2.962.96 6.15.024 8.329-2.444L125.5 50.646c1.6-1.811 2.499-4.269 2.499-6.83 0-2.563-.899-5.02-2.5-6.832z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/tree-table.svg b/admin/client/src/icons/svg/tree-table.svg
new file mode 100644
index 0000000..8aafdb8
--- /dev/null
+++ b/admin/client/src/icons/svg/tree-table.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M44.8 0h79.543C126.78 0 128 1.422 128 4.267v23.466c0 2.845-1.219 4.267-3.657 4.267H44.8c-2.438 0-3.657-1.422-3.657-4.267V4.267C41.143 1.422 42.362 0 44.8 0zm22.857 48h56.686c2.438 0 3.657 1.422 3.657 4.267v23.466c0 2.845-1.219 4.267-3.657 4.267H67.657C65.22 80 64 78.578 64 75.733V52.267C64 49.422 65.219 48 67.657 48zm0 48h56.686c2.438 0 3.657 1.422 3.657 4.267v23.466c0 2.845-1.219 4.267-3.657 4.267H67.657C65.22 128 64 126.578 64 123.733v-23.466C64 97.422 65.219 96 67.657 96zM50.286 68.267c2.02 0 3.657-1.91 3.657-4.267 0-2.356-1.638-4.267-3.657-4.267H17.37V32h6.4c2.02 0 3.658-1.91 3.658-4.267V4.267C27.429 1.91 25.79 0 23.77 0H3.657C1.637 0 0 1.91 0 4.267v23.466C0 30.09 1.637 32 3.657 32h6.4v80c0 2.356 1.638 4.267 3.657 4.267h36.572c2.02 0 3.657-1.91 3.657-4.267 0-2.356-1.638-4.267-3.657-4.267H17.37V68.267h32.915z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/tree.svg b/admin/client/src/icons/svg/tree.svg
new file mode 100644
index 0000000..dd4b7dd
--- /dev/null
+++ b/admin/client/src/icons/svg/tree.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M126.713 90.023c.858.985 1.287 2.134 1.287 3.447v29.553c0 1.423-.429 2.6-1.287 3.53-.858.93-1.907 1.395-3.146 1.395H97.824c-1.145 0-2.146-.465-3.004-1.395-.858-.93-1.287-2.107-1.287-3.53V93.47c0-.875.19-1.696.572-2.462.382-.766.906-1.368 1.573-1.806a3.84 3.84 0 0 1 2.146-.657h9.725V69.007a3.84 3.84 0 0 0-.43-1.806 3.569 3.569 0 0 0-1.143-1.313 2.714 2.714 0 0 0-1.573-.492h-36.47v23.149h9.725c1.144 0 2.145.492 3.004 1.478.858.985 1.287 2.134 1.287 3.447v29.553c0 .876-.191 1.696-.573 2.463-.38.766-.905 1.368-1.573 1.806a3.84 3.84 0 0 1-2.145.656H51.915a3.84 3.84 0 0 1-2.145-.656c-.668-.438-1.216-1.04-1.645-1.806a4.96 4.96 0 0 1-.644-2.463V93.47c0-1.313.43-2.462 1.288-3.447.858-.986 1.907-1.478 3.146-1.478h9.582v-23.15h-37.9c-.953 0-1.74.356-2.359 1.068-.62.711-.93 1.56-.93 2.544v19.538h9.726c1.239 0 2.264.492 3.074 1.478.81.985 1.216 2.134 1.216 3.447v29.553c0 1.423-.405 2.6-1.216 3.53-.81.93-1.835 1.395-3.074 1.395H4.29c-.476 0-.93-.082-1.358-.246a4.1 4.1 0 0 1-1.144-.657 4.658 4.658 0 0 1-.93-1.067 5.186 5.186 0 0 1-.643-1.395 5.566 5.566 0 0 1-.215-1.56V93.47c0-.437.048-.875.143-1.313a3.95 3.95 0 0 1 .429-1.15c.19-.328.429-.656.715-.984.286-.329.572-.602.858-.821.286-.22.62-.383 1.001-.493.382-.11.763-.164 1.144-.164h9.726V61.619c0-.985.31-1.833.93-2.544.619-.712 1.358-1.068 2.216-1.068h44.335V39.62h-9.582c-1.24 0-2.288-.492-3.146-1.477a5.09 5.09 0 0 1-1.287-3.448V5.14c0-1.423.429-2.627 1.287-3.612.858-.985 1.907-1.477 3.146-1.477h25.743c.763 0 1.478.246 2.145.739a5.17 5.17 0 0 1 1.573 1.888c.382.766.573 1.587.573 2.462v29.553c0 1.313-.43 2.463-1.287 3.448-.859.985-1.86 1.477-3.004 1.477h-9.725v18.389h42.762c.954 0 1.74.355 2.36 1.067.62.711.93 1.56.93 2.545v26.925h9.582c1.239 0 2.288.492 3.146 1.478z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/trophy.svg b/admin/client/src/icons/svg/trophy.svg
new file mode 100644
index 0000000..5abd07c
--- /dev/null
+++ b/admin/client/src/icons/svg/trophy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path d="M896 192H736V128c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v64H128c-35.3 0-64 28.7-64 64v192c0 135.1 104.6 246 237.3 255 33.1 58.6 89.5 103.4 158.7 119.8V896h-96c-17.7 0-32 14.3-32 32s14.3 32 32 32h298.7c17.7 0 32-14.3 32-32s-14.3-32-32-32h-96v-73.2c69.2-16.4 125.6-61.2 158.7-119.8 132.7-9 237.3-119.9 237.3-255V256c0-35.3-28.7-64-64-64zM352 128h320v64H352v-64zm-224 320V256h160v204.8c-96-8.9-160-88.1-160-192.8zm544 112c0 88.4-71.6 160-160 160s-160-71.6-160-160V256h320v204z m224-112c0 104.7-64 183.9-160 192.8V256h160v192z" fill="currentColor"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/user.svg b/admin/client/src/icons/svg/user.svg
new file mode 100644
index 0000000..0ba0716
--- /dev/null
+++ b/admin/client/src/icons/svg/user.svg
@@ -0,0 +1 @@
+<svg width="130" height="130" xmlns="http://www.w3.org/2000/svg"><path d="M63.444 64.996c20.633 0 37.359-14.308 37.359-31.953 0-17.649-16.726-31.952-37.359-31.952-20.631 0-37.36 14.303-37.358 31.952 0 17.645 16.727 31.953 37.359 31.953zM80.57 75.65H49.434c-26.652 0-48.26 18.477-48.26 41.27v2.664c0 9.316 21.608 9.325 48.26 9.325H80.57c26.649 0 48.256-.344 48.256-9.325v-2.663c0-22.794-21.605-41.271-48.256-41.271z" stroke="#979797"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/video.svg b/admin/client/src/icons/svg/video.svg
new file mode 100644
index 0000000..a0fbcdb
--- /dev/null
+++ b/admin/client/src/icons/svg/video.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path d="M896 192H128c-35.3 0-64 28.7-64 64v512c0 35.3 28.7 64 64 64h768c35.3 0 64-28.7 64-64V256c0-35.3-28.7-64-64-64z m-32 512H160V256h704v448z" fill="currentColor"/><path d="M384 352l320 160-320 160z" fill="currentColor"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/wechat.svg b/admin/client/src/icons/svg/wechat.svg
new file mode 100644
index 0000000..c586e55
--- /dev/null
+++ b/admin/client/src/icons/svg/wechat.svg
@@ -0,0 +1 @@
+<svg width="128" height="110" xmlns="http://www.w3.org/2000/svg"><path d="M86.635 33.334c1.467 0 2.917.113 4.358.283C87.078 14.392 67.58.111 45.321.111 20.44.111.055 17.987.055 40.687c0 13.104 6.781 23.863 18.115 32.209l-4.527 14.352 15.82-8.364c5.666 1.182 10.207 2.395 15.858 2.395 1.42 0 2.829-.073 4.227-.189-.886-3.19-1.398-6.53-1.398-9.996 0-20.845 16.98-37.76 38.485-37.76zm-24.34-12.936c3.407 0 5.665 2.363 5.665 5.954 0 3.576-2.258 5.97-5.666 5.97-3.392 0-6.795-2.395-6.795-5.97 0-3.591 3.403-5.954 6.795-5.954zM30.616 32.323c-3.393 0-6.818-2.395-6.818-5.971 0-3.591 3.425-5.954 6.818-5.954 3.392 0 5.65 2.363 5.65 5.954 0 3.576-2.258 5.97-5.65 5.97z"/><path d="M127.945 70.52c0-19.075-18.108-34.623-38.448-34.623-21.537 0-38.5 15.548-38.5 34.623 0 19.108 16.963 34.622 38.5 34.622 4.508 0 9.058-1.2 13.584-2.395l12.414 7.167-3.404-11.923c9.087-7.184 15.854-16.712 15.854-27.471zm-50.928-5.97c-2.254 0-4.53-2.362-4.53-4.773 0-2.378 2.276-4.771 4.53-4.771 3.422 0 5.665 2.393 5.665 4.771 0 2.41-2.243 4.773-5.665 4.773zm24.897 0c-2.24 0-4.498-2.362-4.498-4.773 0-2.378 2.258-4.771 4.498-4.771 3.392 0 5.665 2.393 5.665 4.771 0 2.41-2.273 4.773-5.665 4.773z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svg/zip.svg b/admin/client/src/icons/svg/zip.svg
new file mode 100644
index 0000000..f806fc4
--- /dev/null
+++ b/admin/client/src/icons/svg/zip.svg
@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M78.527 116.793c.178.008.348.024.527.024h40.233c4.711-.005 8.53-3.677 8.534-8.21V18.895c-.004-4.532-3.823-8.204-8.534-8.209H79.054c-.179 0-.353.016-.527.024V0L0 10.082v107.406l78.527 10.342v-11.037zm0-101.362c.174-.024.348-.052.527-.052h40.233c2.018 0 3.659 1.578 3.659 3.52v89.713c-.003 1.942-1.64 3.517-3.659 3.519H79.054c-.179 0-.353-.028-.527-.052V15.431zM30.262 75.757l-18.721-.46V72.37l11.3-16.673v-.148l-10.266.164v-4.51l17.504-.44v3.264L18.696 70.76v.144l11.566.176v4.678zm9.419.231l-5.823-.144V50.671l5.823-.144v25.461zm22.255-11.632c-2.168 1.922-5.353 2.76-9.02 2.736-.702.004-1.402-.04-2.097-.131v9.303l-5.997-.148V50.743c1.852-.352 4.473-.647 8.218-.743 3.838-.096 6.608.539 8.48 1.913 1.807 1.306 3.032 3.5 3.032 6.112s-.926 4.833-2.612 6.331h-.004zM53.36 54.45c-.856-.01-1.71.083-2.541.275v7.682c.523.116 1.167.152 2.06.152 3.301-.004 5.36-1.614 5.36-4.314 0-2.425-1.772-3.843-4.875-3.791l-.004-.004zm39.847-37.066h9.564v3.795h-9.564v-3.795zm-9.568 5.68h9.564v3.8h-9.564v-3.8zm9.568 6.216h9.564v3.799h-9.564V29.28zm0 12h9.564v3.794h-9.564V41.28zm-9.568-6.096h9.564v3.795h-9.564v-3.795zm9.472 47.064c2.512 0 4.921-.96 6.697-2.67 1.776-1.708 2.773-4.026 2.772-6.442l-1.748-15.263c0-5.033-2.492-9.112-7.725-9.112-5.232 0-7.72 4.079-7.72 9.112l-1.752 15.263c-.001 2.417.996 4.735 2.773 6.444 1.777 1.71 4.187 2.669 6.7 2.668h.003zm-3.135-16.75h6.27v12.743h-6.27V65.5z"/></svg>
\ No newline at end of file
diff --git a/admin/client/src/icons/svgo.yml b/admin/client/src/icons/svgo.yml
new file mode 100644
index 0000000..d11906a
--- /dev/null
+++ b/admin/client/src/icons/svgo.yml
@@ -0,0 +1,22 @@
+# replace default config
+
+# multipass: true
+# full: true
+
+plugins:
+
+  # - name
+  #
+  # or:
+  # - name: false
+  # - name: true
+  #
+  # or:
+  # - name:
+  #     param1: 1
+  #     param2: 2
+
+- removeAttrs:
+    attrs:
+      - 'fill'
+      - 'fill-rule'
diff --git a/admin/client/src/layout/components/AppMain.vue b/admin/client/src/layout/components/AppMain.vue
new file mode 100644
index 0000000..f6a3286
--- /dev/null
+++ b/admin/client/src/layout/components/AppMain.vue
@@ -0,0 +1,40 @@
+<template>
+  <section class="app-main">
+    <transition name="fade-transform" mode="out-in">
+      <router-view :key="key" />
+    </transition>
+  </section>
+</template>
+
+<script>
+export default {
+  name: 'AppMain',
+  computed: {
+    key() {
+      return this.$route.path
+    }
+  }
+}
+</script>
+
+<style scoped>
+.app-main {
+  /*50 = navbar  */
+  min-height: calc(100vh - 50px);
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+}
+.fixed-header+.app-main {
+  padding-top: 50px;
+}
+</style>
+
+<style lang="scss">
+// fix css style bug in open el-dialog
+.el-popup-parent--hidden {
+  .fixed-header {
+    padding-right: 15px;
+  }
+}
+</style>
diff --git a/admin/client/src/layout/components/Navbar.vue b/admin/client/src/layout/components/Navbar.vue
new file mode 100644
index 0000000..2534892
--- /dev/null
+++ b/admin/client/src/layout/components/Navbar.vue
@@ -0,0 +1,154 @@
+<template>
+  <div class="navbar">
+    <hamburger :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
+
+    <breadcrumb class="breadcrumb-container" />
+
+    <div class="right-menu">
+      <div class="right-menu-item" >
+          {{name}}
+        </div>
+      <el-dropdown class="avatar-container" trigger="click">
+        <div class="avatar-wrapper">
+          <img :src="avatar+'?imageView2/1/w/80/h/80'" class="user-avatar">
+          <i class="el-icon-caret-bottom" />
+        </div>
+        <el-dropdown-menu slot="dropdown" class="user-dropdown">
+          <router-link to="/">
+            <el-dropdown-item>
+              首页
+            </el-dropdown-item>
+          </router-link>
+          <router-link to="/changepassword">
+            <el-dropdown-item divided>
+              修改密码
+            </el-dropdown-item>
+          </router-link>
+          <!-- <a target="_blank" href="https://github.com/PanJiaChen/vue-admin-template/">
+            <el-dropdown-item>Github</el-dropdown-item>
+          </a>
+          <a target="_blank" href="https://panjiachen.github.io/vue-element-admin-site/#/">
+            <el-dropdown-item>Docs</el-dropdown-item>
+          </a> -->
+          <el-dropdown-item divided @click.native="logout">
+            <span style="display:block;">退出</span>
+          </el-dropdown-item>
+        </el-dropdown-menu>
+      </el-dropdown>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import Breadcrumb from '@/components/Breadcrumb'
+import Hamburger from '@/components/Hamburger'
+
+export default {
+  components: {
+    Breadcrumb,
+    Hamburger
+  },
+  computed: {
+    ...mapGetters([
+      'sidebar',
+      'avatar',
+      'name'
+    ])
+  },
+  methods: {
+    toggleSideBar() {
+      this.$store.dispatch('app/toggleSideBar')
+    },
+    async logout() {
+      await this.$store.dispatch('user/logout')
+      this.$router.push(`/login?redirect=${this.$route.fullPath}`)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.navbar {
+  height: 50px;
+  overflow: hidden;
+  position: relative;
+  background: #fff;
+  box-shadow: 0 1px 4px rgba(0,21,41,.08);
+
+  .hamburger-container {
+    line-height: 46px;
+    height: 100%;
+    float: left;
+    cursor: pointer;
+    transition: background .3s;
+    -webkit-tap-highlight-color:transparent;
+
+    &:hover {
+      background: rgba(0, 0, 0, .025)
+    }
+  }
+
+  .breadcrumb-container {
+    float: left;
+  }
+
+  .right-menu {
+    float: right;
+    height: 100%;
+    line-height: 50px;
+
+    &:focus {
+      outline: none;
+    }
+
+    .right-menu-item {
+      display: inline-block;
+      padding: 0 8px;
+      height: 100%;
+      font-size: 18px;
+      color: #5a5e66;
+      vertical-align: text-bottom;
+
+      &.hover-effect {
+        cursor: pointer;
+        transition: background .3s;
+
+        &:hover {
+          background: rgba(0, 0, 0, .025)
+        }
+      }
+    }
+
+    .avatar-container {
+      margin-right: 30px;
+
+      .avatar-wrapper {
+        margin-top: 5px;
+        position: relative;
+
+        .user-avatar {
+          cursor: pointer;
+          width: 40px;
+          height: 40px;
+          border-radius: 50%;
+          box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+          transition: transform 0.3s;
+
+          &:hover {
+            transform: scale(1.05);
+          }
+        }
+
+        .el-icon-caret-bottom {
+          cursor: pointer;
+          position: absolute;
+          right: -20px;
+          top: 25px;
+          font-size: 12px;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/admin/client/src/layout/components/Sidebar/FixiOSBug.js b/admin/client/src/layout/components/Sidebar/FixiOSBug.js
new file mode 100644
index 0000000..bc14856
--- /dev/null
+++ b/admin/client/src/layout/components/Sidebar/FixiOSBug.js
@@ -0,0 +1,26 @@
+export default {
+  computed: {
+    device() {
+      return this.$store.state.app.device
+    }
+  },
+  mounted() {
+    // In order to fix the click on menu on the ios device will trigger the mouseleave bug
+    // https://github.com/PanJiaChen/vue-element-admin/issues/1135
+    this.fixBugIniOS()
+  },
+  methods: {
+    fixBugIniOS() {
+      const $subMenu = this.$refs.subMenu
+      if ($subMenu) {
+        const handleMouseleave = $subMenu.handleMouseleave
+        $subMenu.handleMouseleave = (e) => {
+          if (this.device === 'mobile') {
+            return
+          }
+          handleMouseleave(e)
+        }
+      }
+    }
+  }
+}
diff --git a/admin/client/src/layout/components/Sidebar/Item.vue b/admin/client/src/layout/components/Sidebar/Item.vue
new file mode 100644
index 0000000..b515f61
--- /dev/null
+++ b/admin/client/src/layout/components/Sidebar/Item.vue
@@ -0,0 +1,29 @@
+<script>
+export default {
+  name: 'MenuItem',
+  functional: true,
+  props: {
+    icon: {
+      type: String,
+      default: ''
+    },
+    title: {
+      type: String,
+      default: ''
+    }
+  },
+  render(h, context) {
+    const { icon, title } = context.props
+    const vnodes = []
+
+    if (icon) {
+      vnodes.push(<svg-icon icon-class={icon}/>)
+    }
+
+    if (title) {
+      vnodes.push(<span slot='title'>{(title)}</span>)
+    }
+    return vnodes
+  }
+}
+</script>
diff --git a/admin/client/src/layout/components/Sidebar/Link.vue b/admin/client/src/layout/components/Sidebar/Link.vue
new file mode 100644
index 0000000..eb4dd10
--- /dev/null
+++ b/admin/client/src/layout/components/Sidebar/Link.vue
@@ -0,0 +1,36 @@
+
+<template>
+  <!-- eslint-disable vue/require-component-is -->
+  <component v-bind="linkProps(to)">
+    <slot />
+  </component>
+</template>
+
+<script>
+import { isExternal } from '@/utils/validate'
+
+export default {
+  props: {
+    to: {
+      type: String,
+      required: true
+    }
+  },
+  methods: {
+    linkProps(url) {
+      if (isExternal(url)) {
+        return {
+          is: 'a',
+          href: url,
+          target: '_blank',
+          rel: 'noopener'
+        }
+      }
+      return {
+        is: 'router-link',
+        to: url
+      }
+    }
+  }
+}
+</script>
diff --git a/admin/client/src/layout/components/Sidebar/Logo.vue b/admin/client/src/layout/components/Sidebar/Logo.vue
new file mode 100644
index 0000000..fc7e40a
--- /dev/null
+++ b/admin/client/src/layout/components/Sidebar/Logo.vue
@@ -0,0 +1,82 @@
+<template>
+  <div class="sidebar-logo-container" :class="{'collapse':collapse}">
+    <transition name="sidebarLogoFade">
+      <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
+        <img v-if="logo" :src="logo" class="sidebar-logo">
+        <h1 v-else class="sidebar-title">{{ title }} </h1>
+      </router-link>
+      <router-link v-else key="expand" class="sidebar-logo-link" to="/">
+        <img v-if="logo" :src="logo" class="sidebar-logo">
+        <h1 class="sidebar-title">{{ title }} </h1>
+      </router-link>
+    </transition>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SidebarLogo',
+  props: {
+    collapse: {
+      type: Boolean,
+      required: true
+    }
+  },
+  data() {
+    return {
+      title: '微信小程序后台',
+      logo: 'https://wpimg.wallstcn.com/69a1c46c-eb1c-4b46-8bd4-e9e686ef5251.png'
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.sidebarLogoFade-enter-active {
+  transition: opacity 1.5s;
+}
+
+.sidebarLogoFade-enter,
+.sidebarLogoFade-leave-to {
+  opacity: 0;
+}
+
+.sidebar-logo-container {
+  position: relative;
+  width: 100%;
+  height: 50px;
+  line-height: 50px;
+  background: #2b333e;
+  text-align: center;
+  overflow: hidden;
+
+  & .sidebar-logo-link {
+    height: 100%;
+    width: 100%;
+
+    & .sidebar-logo {
+      width: 32px;
+      height: 32px;
+      vertical-align: middle;
+      margin-right: 12px;
+    }
+
+    & .sidebar-title {
+      display: inline-block;
+      margin: 0;
+      color: #fff;
+      font-weight: 600;
+      line-height: 50px;
+      font-size: 14px;
+      font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
+      vertical-align: middle;
+    }
+  }
+
+  &.collapse {
+    .sidebar-logo {
+      margin-right: 0px;
+    }
+  }
+}
+</style>
diff --git a/admin/client/src/layout/components/Sidebar/SidebarItem.vue b/admin/client/src/layout/components/Sidebar/SidebarItem.vue
new file mode 100644
index 0000000..a418c3d
--- /dev/null
+++ b/admin/client/src/layout/components/Sidebar/SidebarItem.vue
@@ -0,0 +1,95 @@
+<template>
+  <div v-if="!item.hidden">
+    <template v-if="hasOneShowingChild(item.children,item) && (!onlyOneChild.children||onlyOneChild.noShowingChildren)&&!item.alwaysShow">
+      <app-link v-if="onlyOneChild.meta" :to="resolvePath(onlyOneChild.path)">
+        <el-menu-item :index="resolvePath(onlyOneChild.path)" :class="{'submenu-title-noDropdown':!isNest}">
+          <item :icon="onlyOneChild.meta.icon||(item.meta&&item.meta.icon)" :title="onlyOneChild.meta.title" />
+        </el-menu-item>
+      </app-link>
+    </template>
+
+    <el-submenu v-else ref="subMenu" :index="resolvePath(item.path)" popper-append-to-body>
+      <template slot="title">
+        <item v-if="item.meta" :icon="item.meta && item.meta.icon" :title="item.meta.title" />
+      </template>
+      <sidebar-item
+        v-for="child in item.children"
+        :key="child.path"
+        :is-nest="true"
+        :item="child"
+        :base-path="resolvePath(child.path)"
+        class="nest-menu"
+      />
+    </el-submenu>
+  </div>
+</template>
+
+<script>
+import path from 'path'
+import { isExternal } from '@/utils/validate'
+import Item from './Item'
+import AppLink from './Link'
+import FixiOSBug from './FixiOSBug'
+
+export default {
+  name: 'SidebarItem',
+  components: { Item, AppLink },
+  mixins: [FixiOSBug],
+  props: {
+    // route object
+    item: {
+      type: Object,
+      required: true
+    },
+    isNest: {
+      type: Boolean,
+      default: false
+    },
+    basePath: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    // To fix https://github.com/PanJiaChen/vue-admin-template/issues/237
+    // TODO: refactor with render function
+    this.onlyOneChild = null
+    return {}
+  },
+  methods: {
+    hasOneShowingChild(children = [], parent) {
+      const showingChildren = children.filter(item => {
+        if (item.hidden) {
+          return false
+        } else {
+          // Temp set(will be used if only has one showing child)
+          this.onlyOneChild = item
+          return true
+        }
+      })
+
+      // When there is only one child router, the child router is displayed by default
+      if (showingChildren.length === 1) {
+        return true
+      }
+
+      // Show parent if there are no child router to display
+      if (showingChildren.length === 0) {
+        this.onlyOneChild = { ... parent, path: '', noShowingChildren: true }
+        return true
+      }
+
+      return false
+    },
+    resolvePath(routePath) {
+      if (isExternal(routePath)) {
+        return routePath
+      }
+      if (isExternal(this.basePath)) {
+        return this.basePath
+      }
+      return path.resolve(this.basePath, routePath)
+    }
+  }
+}
+</script>
diff --git a/admin/client/src/layout/components/Sidebar/index.vue b/admin/client/src/layout/components/Sidebar/index.vue
new file mode 100644
index 0000000..fb014a2
--- /dev/null
+++ b/admin/client/src/layout/components/Sidebar/index.vue
@@ -0,0 +1,54 @@
+<template>
+  <div :class="{'has-logo':showLogo}">
+    <logo v-if="showLogo" :collapse="isCollapse" />
+    <el-scrollbar wrap-class="scrollbar-wrapper">
+      <el-menu
+        :default-active="activeMenu"
+        :collapse="isCollapse"
+        :background-color="variables.menuBg"
+        :text-color="variables.menuText"
+        :unique-opened="false"
+        :active-text-color="variables.menuActiveText"
+        :collapse-transition="false"
+        mode="vertical"
+      >
+        <sidebar-item v-for="route in permission_routes" :key="route.path" :item="route" :base-path="route.path" />
+      </el-menu>
+    </el-scrollbar>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import Logo from './Logo'
+import SidebarItem from './SidebarItem'
+import variables from '@/styles/variables.scss'
+
+export default {
+  components: { SidebarItem, Logo },
+  computed: {
+    ...mapGetters([
+      'permission_routes',
+      'sidebar'
+    ]),
+    activeMenu() {
+      const route = this.$route
+      const { meta, path } = route
+      // if set path, the sidebar will highlight the path you set
+      if (meta.activeMenu) {
+        return meta.activeMenu
+      }
+      return path
+    },
+    showLogo() {
+      return this.$store.state.settings.sidebarLogo
+    },
+    variables() {
+      return variables
+    },
+    isCollapse() {
+      return !this.sidebar.opened
+    }
+  }
+}
+</script>
diff --git a/admin/client/src/layout/components/index.js b/admin/client/src/layout/components/index.js
new file mode 100644
index 0000000..97ee3cd
--- /dev/null
+++ b/admin/client/src/layout/components/index.js
@@ -0,0 +1,3 @@
+export { default as Navbar } from './Navbar'
+export { default as Sidebar } from './Sidebar'
+export { default as AppMain } from './AppMain'
diff --git a/admin/client/src/layout/index.vue b/admin/client/src/layout/index.vue
new file mode 100644
index 0000000..db22a7b
--- /dev/null
+++ b/admin/client/src/layout/index.vue
@@ -0,0 +1,93 @@
+<template>
+  <div :class="classObj" class="app-wrapper">
+    <div v-if="device==='mobile'&&sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
+    <sidebar class="sidebar-container" />
+    <div class="main-container">
+      <div :class="{'fixed-header':fixedHeader}">
+        <navbar />
+      </div>
+      <app-main />
+    </div>
+  </div>
+</template>
+
+<script>
+import { Navbar, Sidebar, AppMain } from './components'
+import ResizeMixin from './mixin/ResizeHandler'
+
+export default {
+  name: 'Layout',
+  components: {
+    Navbar,
+    Sidebar,
+    AppMain
+  },
+  mixins: [ResizeMixin],
+  computed: {
+    sidebar() {
+      return this.$store.state.app.sidebar
+    },
+    device() {
+      return this.$store.state.app.device
+    },
+    fixedHeader() {
+      return this.$store.state.settings.fixedHeader
+    },
+    classObj() {
+      return {
+        hideSidebar: !this.sidebar.opened,
+        openSidebar: this.sidebar.opened,
+        withoutAnimation: this.sidebar.withoutAnimation,
+        mobile: this.device === 'mobile'
+      }
+    }
+  },
+  methods: {
+    handleClickOutside() {
+      this.$store.dispatch('app/closeSideBar', { withoutAnimation: false })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+  @import "~@/styles/mixin.scss";
+  @import "~@/styles/variables.scss";
+
+  .app-wrapper {
+    @include clearfix;
+    position: relative;
+    height: 100%;
+    width: 100%;
+    &.mobile.openSidebar{
+      position: fixed;
+      top: 0;
+    }
+  }
+  .drawer-bg {
+    background: #000;
+    opacity: 0.3;
+    width: 100%;
+    top: 0;
+    height: 100%;
+    position: absolute;
+    z-index: 999;
+  }
+
+  .fixed-header {
+    position: fixed;
+    top: 0;
+    right: 0;
+    z-index: 9;
+    width: calc(100% - #{$sideBarWidth});
+    transition: width 0.28s;
+  }
+
+  .hideSidebar .fixed-header {
+    width: calc(100% - 54px)
+  }
+
+  .mobile .fixed-header {
+    width: 100%;
+  }
+</style>
diff --git a/admin/client/src/layout/mixin/ResizeHandler.js b/admin/client/src/layout/mixin/ResizeHandler.js
new file mode 100644
index 0000000..e8d0df8
--- /dev/null
+++ b/admin/client/src/layout/mixin/ResizeHandler.js
@@ -0,0 +1,45 @@
+import store from '@/store'
+
+const { body } = document
+const WIDTH = 992 // refer to Bootstrap's responsive design
+
+export default {
+  watch: {
+    $route(route) {
+      if (this.device === 'mobile' && this.sidebar.opened) {
+        store.dispatch('app/closeSideBar', { withoutAnimation: false })
+      }
+    }
+  },
+  beforeMount() {
+    window.addEventListener('resize', this.$_resizeHandler)
+  },
+  beforeDestroy() {
+    window.removeEventListener('resize', this.$_resizeHandler)
+  },
+  mounted() {
+    const isMobile = this.$_isMobile()
+    if (isMobile) {
+      store.dispatch('app/toggleDevice', 'mobile')
+      store.dispatch('app/closeSideBar', { withoutAnimation: true })
+    }
+  },
+  methods: {
+    // use $_ for mixins properties
+    // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
+    $_isMobile() {
+      const rect = body.getBoundingClientRect()
+      return rect.width - 1 < WIDTH
+    },
+    $_resizeHandler() {
+      if (!document.hidden) {
+        const isMobile = this.$_isMobile()
+        store.dispatch('app/toggleDevice', isMobile ? 'mobile' : 'desktop')
+
+        if (isMobile) {
+          store.dispatch('app/closeSideBar', { withoutAnimation: true })
+        }
+      }
+    }
+  }
+}
diff --git a/admin/client/src/main.js b/admin/client/src/main.js
new file mode 100644
index 0000000..701c67a
--- /dev/null
+++ b/admin/client/src/main.js
@@ -0,0 +1,44 @@
+import Vue from 'vue'
+
+import 'normalize.css/normalize.css' // A modern alternative to CSS resets
+
+import ElementUI from 'element-ui'
+import 'element-ui/lib/theme-chalk/index.css'
+// import locale from 'element-ui/lib/locale/lang/en' // lang i18n
+
+import '@/styles/index.scss' // global css
+
+import App from './App'
+import store from './store'
+import router from './router'
+
+import '@/icons' // icon
+import '@/permission' // permission control
+import tableHeight from '@/directive/el-table/index'
+Vue.use(tableHeight)
+/**
+ * If you don't want to use mock-server
+ * you want to use MockJs for mock api
+ * you can execute: mockXHR()
+ *
+ * Currently MockJs will be used in the production environment,
+ * please remove it before going online ! ! !
+ */
+if (process.env.NODE_ENV === 'production') {
+  const { mockXHR } = require('../mock')
+  mockXHR()
+}
+
+// set ElementUI lang to EN
+// Vue.use(ElementUI, { locale })
+// 如果想要中文版 element-ui，按如下方式声明
+Vue.use(ElementUI, { size: 'medium' })
+Vue.config.productionTip = false
+
+
+new Vue({
+  el: '#app',
+  router,
+  store,
+  render: h => h(App)
+})
diff --git a/admin/client/src/permission.js b/admin/client/src/permission.js
new file mode 100644
index 0000000..d4a08b6
--- /dev/null
+++ b/admin/client/src/permission.js
@@ -0,0 +1,73 @@
+import router from './router'
+import store from './store'
+import { Message } from 'element-ui'
+import NProgress from 'nprogress' // progress bar
+import 'nprogress/nprogress.css' // progress bar style
+import { getToken } from '@/utils/auth' // get token from cookie
+import getPageTitle from '@/utils/get-page-title'
+
+NProgress.configure({ showSpinner: false }) // NProgress Configuration
+
+const whiteList = ['/login'] // no redirect whitelist
+
+router.beforeEach(async(to, from, next) => {
+  // start progress bar
+  NProgress.start()
+
+  // set page title
+  document.title = getPageTitle(to.meta.title)
+
+  // determine whether the user has logged in
+  const hasToken = getToken()
+
+  if (hasToken) {
+    if (to.path === '/login') {
+      // if is logged in, redirect to the home page
+      next({ path: '/' })
+      NProgress.done()
+    } else {
+      // determine whether the user has obtained his permission perms through getInfo
+      const hasPerms = store.getters.perms && store.getters.perms.length > 0
+      if (hasPerms) {
+        next()
+      } else {
+        try {
+          // get user info
+          // note: perms must be a object array! such as: ['admin'] or ,['developer','editor']
+          const { perms } = await store.dispatch('user/getInfo')
+          // generate accessible routes map based on perms
+          const accessRoutes = await store.dispatch('permission/generateRoutes', perms)
+
+          // dynamically add accessible routes
+          router.addRoutes(accessRoutes)
+
+          // hack method to ensure that addRoutes is complete
+          // set the replace: true, so the navigation will not leave a history record
+          next({ ...to, replace: true })
+        } catch (error) {
+          // remove token and go to login page to re-login
+          await store.dispatch('user/resetToken')
+          Message.error(error || 'Has Error')
+          next(`/login?redirect=${to.path}`)
+          NProgress.done()
+        }
+      }
+    }
+  } else {
+    /* has no token*/
+
+    if (whiteList.indexOf(to.path) !== -1) {
+      // in the free login whitelist, go directly
+      next()
+    } else {
+      // other pages that do not have permission to access are redirected to the login page.
+      next(`/login?redirect=${to.path}`)
+      NProgress.done()
+    }
+  }
+})
+
+router.afterEach(() => {
+  // finish progress bar
+  NProgress.done()
+})
diff --git a/admin/client/src/router/index.js b/admin/client/src/router/index.js
new file mode 100644
index 0000000..d3f2682
--- /dev/null
+++ b/admin/client/src/router/index.js
@@ -0,0 +1,269 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+
+Vue.use(Router)
+
+/* Layout */
+import Layout from '@/layout'
+
+/**
+ * Note: sub-menu only appear when route children.length >= 1
+ * Detail see: https://panjiachen.github.io/vue-element-admin-site/guide/essentials/router-and-nav.html
+ *
+ * hidden: true                   if set true, item will not show in the sidebar(default is false)
+ * alwaysShow: true               if set true, will always show the root menu
+ *                                if not set alwaysShow, when item has more than one children route,
+ *                                it will becomes nested mode, otherwise not show the root menu
+ * redirect: noRedirect           if set noRedirect will no redirect in the breadcrumb
+ * name:'router-name'             the name is used by <keep-alive> (must set!!!)
+ * meta : {
+    perms: ['admin','editor']    control the page perms (you can set multiple perms)
+    title: 'title'               the name show in sidebar and breadcrumb (recommend set)
+    icon: 'svg-name'             the icon show in the sidebar
+    breadcrumb: false            if set false, the item will hidden in breadcrumb(default is true)
+    activeMenu: '/example/list'  if set path, the sidebar will highlight the path you set
+  }
+ */
+
+/**
+ * constantRoutes
+ * a base page that does not have permission requirements
+ * all perms can be accessed
+ */
+export const constantRoutes = [
+  {
+    path: '/login',
+    component: () => import('@/views/login/index'),
+    hidden: true
+  },
+
+  {
+    path: '/404',
+    component: () => import('@/views/404'),
+    hidden: true
+  },
+  {
+    path: '/',
+    component: Layout,
+    redirect: '/dashboard',
+    children: [{
+      path: 'dashboard',
+      name: 'Dashboard',
+      component: () => import('@/views/dashboard/index'),
+      meta: { title: '首页', icon: 'dashboard' }
+    }]
+  },
+  {
+    path: '/changepassword',
+    component: Layout,
+    redirect: '/changepassword',
+    name: 'ChangePW',
+    meta: { title: '修改密码', icon: 'tree' },
+    hidden:true,
+    children: [
+      {
+        path: '',
+        name: 'ChangePassword',
+        component: () => import('@/views/system/changepassword'),
+        meta: { title: '修改密码', noCache: true, icon: ''},
+        hidden: true
+      },
+    ]
+  },
+
+]
+
+/**
+ * asyncRoutes
+ * the routes that need to be dynamically loaded based on user perms
+ */
+export const asyncRoutes = [
+  {
+    path: '/crm',
+    component: Layout,
+    redirect: '/crm/projects',
+    name: 'CRM',
+    meta: { title: '小程序管理', icon: 'wechat' },
+    children: [
+      {
+        path: 'projects',
+        name: 'Projects',
+        component: () => import('@/views/crm/index'), // 这里的组件只是为了渲染 router-view
+        redirect: '/crm/projects/training',
+        meta: { title: '项目管理', icon: 'list' },
+        children: [
+            {
+                path: 'training',
+                name: 'ProjectsTraining',
+                component: () => import('@/views/crm/project'),
+                meta: { title: '学位项目', icon: 'education', type: 'training' }
+            },
+            {
+                path: 'competition',
+                name: 'ProjectsCompetition',
+                component: () => import('@/views/crm/project'),
+                meta: { title: '典礼&论坛', icon: 'trophy', type: 'competition' }
+            },
+            {
+                path: 'grading',
+                name: 'ProjectsGrading',
+                component: () => import('@/views/crm/project'),
+                meta: { title: '校友活动', icon: 'star', type: 'grading' }
+            }
+        ]
+      },
+      {
+        path: 'teachers',
+        name: 'Teachers',
+        component: () => import('@/views/crm/teacher'),
+        meta: { title: '教学中心', icon: 'user' }
+      },
+      {
+        path: 'coupons',
+        name: 'Coupons',
+        component: () => import('@/views/crm/coupon'),
+        meta: { title: '优惠券管理', icon: 'money' }
+      },
+      {
+        path: 'issued-coupons',
+        name: 'IssuedCoupons',
+        component: () => import('@/views/crm/issued_coupon'),
+        meta: { title: '已发优惠券', icon: 'list' }
+      },
+      {
+        path: 'banners',
+        name: 'Banners',
+        component: () => import('@/views/crm/banner'),
+        meta: { title: '轮播图管理', icon: 'drag' }
+      },
+      {
+        path: 'students',
+        name: 'Students',
+        component: () => import('@/views/crm/student'),
+        meta: { title: '学员管理', icon: 'peoples' }
+      },
+      {
+        path: 'honors',
+        name: 'Honors',
+        component: () => import('@/views/crm/honor'),
+        meta: { title: '学员荣誉管理', icon: 'medal' }
+      },
+      {
+        path: 'showcases',
+        name: 'Showcases',
+        component: () => import('@/views/crm/showcase'),
+        meta: { title: '精彩视频', icon: 'video' }
+      }
+    ]
+  },
+  {
+    path: '/system',
+    component: Layout,
+    redirect: '/system/user',
+    name: 'System',
+    meta: { title: '系统管理', icon: 'example', perms: ['system_manage'] },
+    children: [
+      {
+        path: 'user',
+        name: 'User',
+        component: () => import('@/views/system/user.vue'),
+        meta: { title: '用户管理', icon: 'user', perms: ['user_manage'] }
+      },
+      {
+        path: 'organization',
+        name: 'Organization',
+        component: () => import('@/views/system/organization'),
+        meta: { title: '部门管理', icon: 'tree', perms: ['org_manage'] }
+      },
+      {
+        path: 'role',
+        name: 'Role',
+        component: () => import('@/views/system/role'),
+        meta: { title: '角色管理', icon: 'lock', perms: ['role_manage'] }
+      },
+      {
+        path: 'position',
+        name: 'Postion',
+        component: () => import('@/views/system/position'),
+        meta: { title: '岗位管理', icon: 'position', perms: ['position_manage'] }
+      },
+      {
+        path: 'dict',
+        name: 'Dict',
+        component: () => import('@/views/system/dict'),
+        meta: { title: '数据字典', icon: 'example', perms: ['dict_manage'] }
+      },
+      {
+        path: 'file',
+        name: 'File',
+        component: () => import('@/views/system/file'),
+        meta: { title: '文件库', icon: 'documentation', perms: ['file_room'] }
+      },
+      {
+        path: 'task',
+        name: 'Task',
+        component: () => import('@/views/system/task'),
+        meta: { title: '定时任务', icon: 'list', perms: ['ptask_manage'] }
+      }
+    ]
+  },
+  {
+    path: '/monitor',
+    component: Layout,
+    redirect: '/monitor/service',
+    name: 'Monitor',
+    meta: { title: '系统监控', icon: 'example', perms: ['monitor_set'] },
+    children: [
+      {
+        path: 'service',
+        name: 'service',
+        component: () => import('@/views/monitor/service'),
+        meta: { title: '服务监控', icon: 'example', perms: ['service_manage'] }
+      }
+    ]
+  },
+  {
+    path: '/develop',
+    component: Layout,
+    redirect: '/develop/perm',
+    name: 'Develop',
+    meta: { title: '开发配置', icon: 'example', perms: ['dev_set'] },
+    children: [
+      {
+        path: 'perm',
+        name: 'Perm',
+        component: () => import('@/views/system/perm'),
+        meta: { title: '权限菜单', icon: 'example', perms: ['perm_manage'] }
+      },
+      {
+        path: 'form-gen-link',
+        component: Layout,
+        children: [
+          {
+            path: 'https://jakhuang.github.io/form-generator/',
+            meta: { title: '表单设计器', icon: 'link', perms: ['dev_form_gen'] }
+          }
+        ]
+      }
+    ]
+  },
+
+  // 404 page must be placed at the end !!!
+  { path: '*', redirect: '/404', hidden: true }
+]
+
+const createRouter = () => new Router({
+  // mode: 'history', // require service support
+  scrollBehavior: () => ({ y: 0 }),
+  routes: constantRoutes
+})
+
+const router = createRouter()
+
+// Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
+export function resetRouter() {
+  const newRouter = createRouter()
+  router.matcher = newRouter.matcher // reset router
+}
+
+export default router
diff --git a/admin/client/src/settings.js b/admin/client/src/settings.js
new file mode 100644
index 0000000..585109b
--- /dev/null
+++ b/admin/client/src/settings.js
@@ -0,0 +1,16 @@
+module.exports = {
+
+  title: '管理系统',
+
+  /**
+   * @type {boolean} true | false
+   * @description Whether fix the header
+   */
+  fixedHeader: false,
+
+  /**
+   * @type {boolean} true | false
+   * @description Whether show the logo in sidebar
+   */
+  sidebarLogo: true
+}
diff --git a/admin/client/src/store/getters.js b/admin/client/src/store/getters.js
new file mode 100644
index 0000000..1854b88
--- /dev/null
+++ b/admin/client/src/store/getters.js
@@ -0,0 +1,10 @@
+const getters = {
+  sidebar: state => state.app.sidebar,
+  device: state => state.app.device,
+  token: state => state.user.token,
+  avatar: state => state.user.avatar,
+  name: state => state.user.name,
+  perms: state => state.user.perms,
+  permission_routes: state => state.permission.routes
+}
+export default getters
diff --git a/admin/client/src/store/index.js b/admin/client/src/store/index.js
new file mode 100644
index 0000000..6ae5dad
--- /dev/null
+++ b/admin/client/src/store/index.js
@@ -0,0 +1,21 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+import getters from './getters'
+import app from './modules/app'
+import permission from './modules/permission'
+import settings from './modules/settings'
+import user from './modules/user'
+
+Vue.use(Vuex)
+
+const store = new Vuex.Store({
+  modules: {
+    app,
+    permission,
+    settings,
+    user
+  },
+  getters
+})
+
+export default store
diff --git a/admin/client/src/store/modules/app.js b/admin/client/src/store/modules/app.js
new file mode 100644
index 0000000..7ea7e33
--- /dev/null
+++ b/admin/client/src/store/modules/app.js
@@ -0,0 +1,48 @@
+import Cookies from 'js-cookie'
+
+const state = {
+  sidebar: {
+    opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : true,
+    withoutAnimation: false
+  },
+  device: 'desktop'
+}
+
+const mutations = {
+  TOGGLE_SIDEBAR: state => {
+    state.sidebar.opened = !state.sidebar.opened
+    state.sidebar.withoutAnimation = false
+    if (state.sidebar.opened) {
+      Cookies.set('sidebarStatus', 1)
+    } else {
+      Cookies.set('sidebarStatus', 0)
+    }
+  },
+  CLOSE_SIDEBAR: (state, withoutAnimation) => {
+    Cookies.set('sidebarStatus', 0)
+    state.sidebar.opened = false
+    state.sidebar.withoutAnimation = withoutAnimation
+  },
+  TOGGLE_DEVICE: (state, device) => {
+    state.device = device
+  }
+}
+
+const actions = {
+  toggleSideBar({ commit }) {
+    commit('TOGGLE_SIDEBAR')
+  },
+  closeSideBar({ commit }, { withoutAnimation }) {
+    commit('CLOSE_SIDEBAR', withoutAnimation)
+  },
+  toggleDevice({ commit }, device) {
+    commit('TOGGLE_DEVICE', device)
+  }
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions
+}
diff --git a/admin/client/src/store/modules/permission.js b/admin/client/src/store/modules/permission.js
new file mode 100644
index 0000000..1ae691e
--- /dev/null
+++ b/admin/client/src/store/modules/permission.js
@@ -0,0 +1,68 @@
+import { asyncRoutes, constantRoutes } from '@/router'
+
+/**
+ * Use meta.perm to determine if the current user has permission
+ * @param perms
+ * @param route
+ */
+function hasPermission(perms, route) {
+  if (route.meta && route.meta.perms) {
+    return perms.some(perm => route.meta.perms.includes(perm))
+  } else {
+    return true
+  }
+}
+
+/**
+ * Filter asynchronous routing tables by recursion
+ * @param routes asyncRoutes
+ * @param perms
+ */
+export function filterAsyncRoutes(routes, perms) {
+  const res = []
+
+  routes.forEach(route => {
+    const tmp = { ...route }
+    if (hasPermission(perms, tmp)) {
+      if (tmp.children) {
+        tmp.children = filterAsyncRoutes(tmp.children, perms)
+      }
+      res.push(tmp)
+    }
+  })
+  return res
+}
+
+const state = {
+  routes: [],
+  addRoutes: []
+}
+
+const mutations = {
+  SET_ROUTES: (state, routes) => {
+    state.addRoutes = routes
+    state.routes = constantRoutes.concat(routes)
+  }
+}
+
+const actions = {
+  generateRoutes({ commit }, perms) {
+    return new Promise(resolve => {
+      let accessedRoutes
+      if (perms.includes('admin')) {
+        accessedRoutes = asyncRoutes || []
+      } else {
+        accessedRoutes = filterAsyncRoutes(asyncRoutes, perms)
+      }
+      commit('SET_ROUTES', accessedRoutes)
+      resolve(accessedRoutes)
+    })
+  }
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions
+}
diff --git a/admin/client/src/store/modules/settings.js b/admin/client/src/store/modules/settings.js
new file mode 100644
index 0000000..aab31a2
--- /dev/null
+++ b/admin/client/src/store/modules/settings.js
@@ -0,0 +1,31 @@
+import defaultSettings from '@/settings'
+
+const { showSettings, fixedHeader, sidebarLogo } = defaultSettings
+
+const state = {
+  showSettings: showSettings,
+  fixedHeader: fixedHeader,
+  sidebarLogo: sidebarLogo
+}
+
+const mutations = {
+  CHANGE_SETTING: (state, { key, value }) => {
+    if (state.hasOwnProperty(key)) {
+      state[key] = value
+    }
+  }
+}
+
+const actions = {
+  changeSetting({ commit }, data) {
+    commit('CHANGE_SETTING', data)
+  }
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions
+}
+
diff --git a/admin/client/src/store/modules/user.js b/admin/client/src/store/modules/user.js
new file mode 100644
index 0000000..3dba2c2
--- /dev/null
+++ b/admin/client/src/store/modules/user.js
@@ -0,0 +1,108 @@
+import { login, logout, getInfo } from '@/api/user'
+import { getToken, setToken, removeToken } from '@/utils/auth'
+import { resetRouter } from '@/router'
+
+const getDefaultState = () => {
+  return {
+    token: getToken(),
+    name: '',
+    avatar: '',
+    perms: []
+  }
+}
+
+const state = getDefaultState()
+
+const mutations = {
+  RESET_STATE: (state) => {
+    Object.assign(state, getDefaultState())
+  },
+  SET_TOKEN: (state, token) => {
+    state.token = token
+  },
+  SET_NAME: (state, name) => {
+    state.name = name
+  },
+  SET_AVATAR: (state, avatar) => {
+    state.avatar = avatar
+  },
+  SET_PERMS: (state, perms) => {
+    state.perms = perms
+  }
+}
+
+const actions = {
+  // user login
+  login({ commit }, userInfo) {
+    const { username, password } = userInfo
+    return new Promise((resolve, reject) => {
+      login({ username: username.trim(), password: password }).then(response => {
+        const { data } = response
+        commit('SET_TOKEN', data.access)
+        setToken(data.access)
+        resolve()
+    
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+
+  // get user info
+  getInfo({ commit, state }) {
+    return new Promise((resolve, reject) => {
+      getInfo(state.token).then(response => {
+        const { data } = response
+
+        if (!data) {
+          reject('验证失败,重新登陆.')
+        }
+
+        const { perms, name, avatar } = data
+
+        // perms must be a non-empty array
+        if (!perms || perms.length <= 0) {
+          reject('没有任何权限!')
+        }
+        
+        commit('SET_PERMS', perms)
+        commit('SET_NAME', name)
+        commit('SET_AVATAR', avatar)
+        resolve(data)
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+
+  // user logout
+  logout({ commit, state }) {
+    return new Promise((resolve, reject) => {
+      logout(state.token).then(() => {
+        removeToken() // must remove  token  first
+        resetRouter()
+        commit('RESET_STATE')
+        resolve()
+      }).catch(error => {
+        reject(error)
+      })
+    })
+  },
+
+  // remove token
+  resetToken({ commit }) {
+    return new Promise(resolve => {
+      removeToken() // must remove  token  first
+      commit('RESET_STATE')
+      resolve()
+    })
+  }
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions
+}
+
diff --git a/admin/client/src/styles/element-ui.scss b/admin/client/src/styles/element-ui.scss
new file mode 100644
index 0000000..bf345ec
--- /dev/null
+++ b/admin/client/src/styles/element-ui.scss
@@ -0,0 +1,86 @@
+// cover some element-ui styles
+
+.el-breadcrumb__inner,
+.el-breadcrumb__inner a {
+  font-weight: 400 !important;
+}
+
+.el-upload {
+  input[type="file"] {
+    display: none !important;
+  }
+}
+
+.el-upload__input {
+  display: none;
+}
+
+
+// to fixed https://github.com/ElemeFE/element/issues/2461
+.el-dialog {
+  transform: none;
+  left: 0;
+  position: relative;
+  margin: 0 auto;
+}
+
+// refine element ui upload
+.upload-container {
+  .el-upload {
+    width: 100%;
+
+    .el-upload-dragger {
+      width: 100%;
+      height: 200px;
+    }
+  }
+}
+
+// dropdown
+.el-dropdown-menu {
+  a {
+    display: block
+  }
+}
+
+// to fix el-date-picker css style
+.el-range-separator {
+  box-sizing: content-box;
+}
+
+// Modern Button Styles
+.el-button {
+  border-radius: 4px;
+  font-weight: 500;
+  
+  &--primary {
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    border: none;
+    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
+    transition: all 0.15s ease;
+
+    &:hover, &:focus {
+      transform: translateY(-1px);
+      box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
+      background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
+    }
+    
+    &:active {
+      transform: translateY(1px);
+    }
+  }
+  
+  &--success {
+    background: linear-gradient(135deg, #23bdb9 0%, #43e97b 100%);
+    border: none;
+  }
+  
+  &--danger {
+     background: linear-gradient(135deg, #ff5858 0%, #f09819 100%);
+     border: none;
+  }
+}
+
+.el-tag {
+  border-radius: 4px;
+}
diff --git a/admin/client/src/styles/index.scss b/admin/client/src/styles/index.scss
new file mode 100644
index 0000000..7da30f9
--- /dev/null
+++ b/admin/client/src/styles/index.scss
@@ -0,0 +1,143 @@
+@import './variables.scss';
+@import './mixin.scss';
+@import './transition.scss';
+@import './element-ui.scss';
+@import './sidebar.scss';
+
+body {
+  height: 100%;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+  font-family: "Inter", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
+  background-color: #f0f2f5;
+}
+
+label {
+  font-weight: 700;
+}
+
+html {
+  height: 100%;
+  box-sizing: border-box;
+}
+
+#app {
+  height: 100%;
+}
+
+*,
+*:before,
+*:after {
+  box-sizing: inherit;
+}
+
+a:focus,
+a:active {
+  outline: none;
+}
+
+a,
+a:focus,
+a:hover {
+  cursor: pointer;
+  color: inherit;
+  text-decoration: none;
+}
+
+div:focus {
+  outline: none;
+}
+
+.clearfix {
+  &:after {
+    visibility: hidden;
+    display: block;
+    font-size: 0;
+    content: " ";
+    clear: both;
+    height: 0;
+  }
+}
+
+// main-container global css
+.app-container {
+  padding: 20px;
+  background-color: #f0f2f5;
+  min-height: calc(100vh - 50px);
+}
+
+.el-table--medium td,   .el-table--medium th {
+  padding: 8px 0;
+}
+.el-form-item {
+  margin-bottom: 22px;
+}
+.el-card {
+  border-radius: 8px;
+  border: none;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
+  transition: all 0.3s ease;
+  
+  &:hover {
+    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
+  }
+}
+.el-message {
+  border-radius: 4px;
+  overflow: hidden;
+}
+.el-card__body {
+  padding: 20px;
+}
+.el-card__header {
+  padding: 18px 20px;
+  border-bottom: 1px solid #ebeef5;
+  font-weight: bold;
+  font-size: 16px;
+}
+.el-tabs--border-card>.el-tabs__content {
+  padding: 15px;
+}
+.el-dialog__header {
+  padding: 20px 20px 10px;
+  font-weight: bold;
+}
+ .el-dialog{
+   border-radius: 8px;
+   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
+   display: flex;
+   flex-direction: column;
+   margin:0 !important;
+   position:absolute;
+   top:50%;
+   left:50%;
+   transform:translate(-50%,-50%);
+   /*height:600px;*/
+   max-height:calc(100% - 30px);
+   max-width:calc(100% - 30px);
+ }
+.el-dialog .el-dialog__body{
+   flex:1;
+   overflow: auto;
+  padding: 20px 24px;
+}
+ 
+.el-form--label-top .el-form-item__label {
+  line-height: 16px;
+}
+.el-button+.el-button {
+  margin-left: 1px;
+}
+.el-tabs__header {
+  margin: 0 0 6px;
+}
+.pagination-container {
+  padding: 0px 0px;
+}
+body .el-table th.gutter{
+  display: table-cell!important;
+}
+.el-dialog__footer{
+  padding: 6px 6px 6px;
+}
diff --git a/admin/client/src/styles/mixin.scss b/admin/client/src/styles/mixin.scss
new file mode 100644
index 0000000..36b74bb
--- /dev/null
+++ b/admin/client/src/styles/mixin.scss
@@ -0,0 +1,28 @@
+@mixin clearfix {
+  &:after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+}
+
+@mixin scrollBar {
+  &::-webkit-scrollbar-track-piece {
+    background: #d3dce6;
+  }
+
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: #99a9bf;
+    border-radius: 20px;
+  }
+}
+
+@mixin relative {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
diff --git a/admin/client/src/styles/sidebar.scss b/admin/client/src/styles/sidebar.scss
new file mode 100644
index 0000000..3dad4c3
--- /dev/null
+++ b/admin/client/src/styles/sidebar.scss
@@ -0,0 +1,209 @@
+#app {
+
+  .main-container {
+    min-height: 100%;
+    transition: margin-left .28s;
+    margin-left: $sideBarWidth;
+    position: relative;
+  }
+
+  .sidebar-container {
+    transition: width 0.28s;
+    width: $sideBarWidth !important;
+    background-color: $menuBg;
+    height: 100%;
+    position: fixed;
+    font-size: 0px;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1001;
+    overflow: hidden;
+
+    // reset element-ui css
+    .horizontal-collapse-transition {
+      transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
+    }
+
+    .scrollbar-wrapper {
+      overflow-x: hidden !important;
+    }
+
+    .el-scrollbar__bar.is-vertical {
+      right: 0px;
+    }
+
+    .el-scrollbar {
+      height: 100%;
+    }
+
+    &.has-logo {
+      .el-scrollbar {
+        height: calc(100% - 50px);
+      }
+    }
+
+    .is-horizontal {
+      display: none;
+    }
+
+    a {
+      display: inline-block;
+      width: 100%;
+      overflow: hidden;
+    }
+
+    .svg-icon {
+      margin-right: 16px;
+    }
+
+    .el-menu {
+      border: none;
+      height: 100%;
+      width: 100% !important;
+    }
+
+    // menu hover
+    .submenu-title-noDropdown,
+    .el-submenu__title {
+      &:hover {
+        background-color: $menuHover !important;
+      }
+    }
+
+    .is-active>.el-submenu__title {
+      color: $subMenuActiveText !important;
+    }
+
+    & .nest-menu .el-submenu>.el-submenu__title,
+    & .el-submenu .el-menu-item {
+      min-width: $sideBarWidth !important;
+      background-color: $subMenuBg !important;
+
+      &:hover {
+        background-color: $subMenuHover !important;
+      }
+    }
+  }
+
+  .hideSidebar {
+    .sidebar-container {
+      width: 54px !important;
+    }
+
+    .main-container {
+      margin-left: 54px;
+    }
+
+    .submenu-title-noDropdown {
+      padding: 0 !important;
+      position: relative;
+
+      .el-tooltip {
+        padding: 0 !important;
+
+        .svg-icon {
+          margin-left: 20px;
+        }
+      }
+    }
+
+    .el-submenu {
+      overflow: hidden;
+
+      &>.el-submenu__title {
+        padding: 0 !important;
+
+        .svg-icon {
+          margin-left: 20px;
+        }
+
+        .el-submenu__icon-arrow {
+          display: none;
+        }
+      }
+    }
+
+    .el-menu--collapse {
+      .el-submenu {
+        &>.el-submenu__title {
+          &>span {
+            height: 0;
+            width: 0;
+            overflow: hidden;
+            visibility: hidden;
+            display: inline-block;
+          }
+        }
+      }
+    }
+  }
+
+  .el-menu--collapse .el-menu .el-submenu {
+    min-width: $sideBarWidth !important;
+  }
+
+  // mobile responsive
+  .mobile {
+    .main-container {
+      margin-left: 0px;
+    }
+
+    .sidebar-container {
+      transition: transform .28s;
+      width: $sideBarWidth !important;
+    }
+
+    &.hideSidebar {
+      .sidebar-container {
+        pointer-events: none;
+        transition-duration: 0.3s;
+        transform: translate3d(-$sideBarWidth, 0, 0);
+      }
+    }
+  }
+
+  .withoutAnimation {
+
+    .main-container,
+    .sidebar-container {
+      transition: none;
+    }
+  }
+}
+
+// when menu collapsed
+.el-menu--vertical {
+  &>.el-menu {
+    .svg-icon {
+      margin-right: 16px;
+    }
+  }
+
+  .nest-menu .el-submenu>.el-submenu__title,
+  .el-menu-item {
+    &:hover {
+      // you can use $subMenuHover
+      background-color: $menuHover !important;
+    }
+  }
+
+  // the scroll bar appears when the subMenu is too long
+  >.el-menu--popup {
+    max-height: 100vh;
+    overflow-y: auto;
+
+    &::-webkit-scrollbar-track-piece {
+      background: #d3dce6;
+    }
+
+    &::-webkit-scrollbar {
+      width: 6px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: #99a9bf;
+      border-radius: 20px;
+    }
+  }
+}
diff --git a/admin/client/src/styles/transition.scss b/admin/client/src/styles/transition.scss
new file mode 100644
index 0000000..4cb27cc
--- /dev/null
+++ b/admin/client/src/styles/transition.scss
@@ -0,0 +1,48 @@
+// global transition css
+
+/* fade */
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.28s;
+}
+
+.fade-enter,
+.fade-leave-active {
+  opacity: 0;
+}
+
+/* fade-transform */
+.fade-transform-leave-active,
+.fade-transform-enter-active {
+  transition: all .5s;
+}
+
+.fade-transform-enter {
+  opacity: 0;
+  transform: translateX(-30px);
+}
+
+.fade-transform-leave-to {
+  opacity: 0;
+  transform: translateX(30px);
+}
+
+/* breadcrumb transition */
+.breadcrumb-enter-active,
+.breadcrumb-leave-active {
+  transition: all .5s;
+}
+
+.breadcrumb-enter,
+.breadcrumb-leave-active {
+  opacity: 0;
+  transform: translateX(20px);
+}
+
+.breadcrumb-move {
+  transition: all .5s;
+}
+
+.breadcrumb-leave-active {
+  position: absolute;
+}
diff --git a/admin/client/src/styles/variables.scss b/admin/client/src/styles/variables.scss
new file mode 100644
index 0000000..1adb372
--- /dev/null
+++ b/admin/client/src/styles/variables.scss
@@ -0,0 +1,25 @@
+// sidebar
+$menuText:#bfcbd9;
+$menuActiveText:#409EFF;
+$subMenuActiveText:#f4f4f5; //https://github.com/ElemeFE/element/issues/12951
+
+$menuBg:#2b333e;
+$menuHover:#1f262f;
+
+$subMenuBg:#1f262f;
+$subMenuHover:#001528;
+
+$sideBarWidth: 210px;
+
+// the :export directive is the magic sauce for webpack
+// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
+:export {
+  menuText: $menuText;
+  menuActiveText: $menuActiveText;
+  subMenuActiveText: $subMenuActiveText;
+  menuBg: $menuBg;
+  menuHover: $menuHover;
+  subMenuBg: $subMenuBg;
+  subMenuHover: $subMenuHover;
+  sideBarWidth: $sideBarWidth;
+}
diff --git a/admin/client/src/utils/auth.js b/admin/client/src/utils/auth.js
new file mode 100644
index 0000000..392db62
--- /dev/null
+++ b/admin/client/src/utils/auth.js
@@ -0,0 +1,25 @@
+import Cookies from 'js-cookie'
+
+const TokenKey = 'token'
+
+export function getToken() {
+  return Cookies.get(TokenKey)
+}
+
+export function setToken(token) {
+  return Cookies.set(TokenKey, token)
+}
+
+export function removeToken() {
+  return Cookies.remove(TokenKey)
+}
+
+// export function refreshToken() {
+//   let token = getToken()
+//   let data = {"token": token}
+//   return request({
+//     url: '/token/refresh/',
+//     method: 'post',
+//     data
+//   })
+// }
diff --git a/admin/client/src/utils/get-page-title.js b/admin/client/src/utils/get-page-title.js
new file mode 100644
index 0000000..cfe5800
--- /dev/null
+++ b/admin/client/src/utils/get-page-title.js
@@ -0,0 +1,10 @@
+import defaultSettings from '@/settings'
+
+const title = defaultSettings.title || '认证系统'
+
+export default function getPageTitle(pageTitle) {
+  if (pageTitle) {
+    return `${pageTitle} - ${title}`
+  }
+  return `${title}`
+}
diff --git a/admin/client/src/utils/index.js b/admin/client/src/utils/index.js
new file mode 100644
index 0000000..722c202
--- /dev/null
+++ b/admin/client/src/utils/index.js
@@ -0,0 +1,384 @@
+/**
+ * Created by PanJiaChen on 16/11/18.
+ */
+
+/**
+ * Parse the time to string
+ * @param {(Object|string|number)} time
+ * @param {string} cFormat
+ * @returns {string | null}
+ */
+export function parseTime(time, cFormat) {
+  if (arguments.length === 0) {
+    return null
+  }
+  const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
+  let date
+  if (typeof time === 'object') {
+    date = time
+  } else {
+    if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) {
+      time = parseInt(time)
+    }
+    if ((typeof time === 'number') && (time.toString().length === 10)) {
+      time = time * 1000
+    }
+    date = new Date(time)
+  }
+  const formatObj = {
+    y: date.getFullYear(),
+    m: date.getMonth() + 1,
+    d: date.getDate(),
+    h: date.getHours(),
+    i: date.getMinutes(),
+    s: date.getSeconds(),
+    a: date.getDay()
+  }
+  const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => {
+    const value = formatObj[key]
+    // Note: getDay() returns 0 on Sunday
+    if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value] }
+    return value.toString().padStart(2, '0')
+  })
+  return time_str
+}
+
+/**
+ * @param {number} time
+ * @param {string} option
+ * @returns {string}
+ */
+export function formatTime(time, option) {
+  if (('' + time).length === 10) {
+    time = parseInt(time) * 1000
+  } else {
+    time = +time
+  }
+  const d = new Date(time)
+  const now = Date.now()
+
+  const diff = (now - d) / 1000
+
+  if (diff < 30) {
+    return '刚刚'
+  } else if (diff < 3600) {
+    // less 1 hour
+    return Math.ceil(diff / 60) + '分钟前'
+  } else if (diff < 3600 * 24) {
+    return Math.ceil(diff / 3600) + '小时前'
+  } else if (diff < 3600 * 24 * 2) {
+    return '1天前'
+  }
+  if (option) {
+    return parseTime(time, option)
+  } else {
+    return (
+      d.getMonth() +
+      1 +
+      '月' +
+      d.getDate() +
+      '日' +
+      d.getHours() +
+      '时' +
+      d.getMinutes() +
+      '分'
+    )
+  }
+}
+
+/**
+ * @param {string} url
+ * @returns {Object}
+ */
+export function getQueryObject(url) {
+  url = url == null ? window.location.href : url
+  const search = url.substring(url.lastIndexOf('?') + 1)
+  const obj = {}
+  const reg = /([^?&=]+)=([^?&=]*)/g
+  search.replace(reg, (rs, $1, $2) => {
+    const name = decodeURIComponent($1)
+    let val = decodeURIComponent($2)
+    val = String(val)
+    obj[name] = val
+    return rs
+  })
+  return obj
+}
+
+/**
+ * @param {string} input value
+ * @returns {number} output value
+ */
+export function byteLength(str) {
+  // returns the byte length of an utf8 string
+  let s = str.length
+  for (var i = str.length - 1; i >= 0; i--) {
+    const code = str.charCodeAt(i)
+    if (code > 0x7f && code <= 0x7ff) s++
+    else if (code > 0x7ff && code <= 0xffff) s += 2
+    if (code >= 0xDC00 && code <= 0xDFFF) i--
+  }
+  return s
+}
+
+/**
+ * @param {Array} actual
+ * @returns {Array}
+ */
+export function cleanArray(actual) {
+  const newArray = []
+  for (let i = 0; i < actual.length; i++) {
+    if (actual[i]) {
+      newArray.push(actual[i])
+    }
+  }
+  return newArray
+}
+
+/**
+ * @param {Object} json
+ * @returns {Array}
+ */
+export function param(json) {
+  if (!json) return ''
+  return cleanArray(
+    Object.keys(json).map(key => {
+      if (json[key] === undefined) return ''
+      return encodeURIComponent(key) + '=' + encodeURIComponent(json[key])
+    })
+  ).join('&')
+}
+
+/**
+ * @param {string} url
+ * @returns {Object}
+ */
+export function param2Obj(url) {
+  const search = url.split('?')[1]
+  if (!search) {
+    return {}
+  }
+  return JSON.parse(
+    '{"' +
+    decodeURIComponent(search)
+      .replace(/"/g, '\\"')
+      .replace(/&/g, '","')
+      .replace(/=/g, '":"')
+      .replace(/\+/g, ' ') +
+    '"}'
+  )
+}
+
+/**
+ * @param {string} val
+ * @returns {string}
+ */
+export function html2Text(val) {
+  const div = document.createElement('div')
+  div.innerHTML = val
+  return div.textContent || div.innerText
+}
+
+/**
+ * Merges two objects, giving the last one precedence
+ * @param {Object} target
+ * @param {(Object|Array)} source
+ * @returns {Object}
+ */
+export function objectMerge(target, source) {
+  if (typeof target !== 'object') {
+    target = {}
+  }
+  if (Array.isArray(source)) {
+    return source.slice()
+  }
+  Object.keys(source).forEach(property => {
+    const sourceProperty = source[property]
+    if (typeof sourceProperty === 'object') {
+      target[property] = objectMerge(target[property], sourceProperty)
+    } else {
+      target[property] = sourceProperty
+    }
+  })
+  return target
+}
+
+/**
+ * @param {HTMLElement} element
+ * @param {string} className
+ */
+export function toggleClass(element, className) {
+  if (!element || !className) {
+    return
+  }
+  let classString = element.className
+  const nameIndex = classString.indexOf(className)
+  if (nameIndex === -1) {
+    classString += '' + className
+  } else {
+    classString =
+      classString.substr(0, nameIndex) +
+      classString.substr(nameIndex + className.length)
+  }
+  element.className = classString
+}
+
+/**
+ * @param {string} type
+ * @returns {Date}
+ */
+export function getTime(type) {
+  if (type === 'start') {
+    return new Date().getTime() - 3600 * 1000 * 24 * 90
+  } else {
+    return new Date(new Date().toDateString())
+  }
+}
+
+/**
+ * @param {Function} func
+ * @param {number} wait
+ * @param {boolean} immediate
+ * @return {*}
+ */
+export function debounce(func, wait, immediate) {
+  let timeout, args, context, timestamp, result
+
+  const later = function() {
+    // 据上一次触发时间间隔
+    const last = +new Date() - timestamp
+
+    // 上次被包装函数被调用时间间隔 last 小于设定时间间隔 wait
+    if (last < wait && last > 0) {
+      timeout = setTimeout(later, wait - last)
+    } else {
+      timeout = null
+      // 如果设定为immediate===true，因为开始边界已经调用过了此处无需调用
+      if (!immediate) {
+        result = func.apply(context, args)
+        if (!timeout) context = args = null
+      }
+    }
+  }
+
+  return function(...args) {
+    context = this
+    timestamp = +new Date()
+    const callNow = immediate && !timeout
+    // 如果延时不存在，重新设定延时
+    if (!timeout) timeout = setTimeout(later, wait)
+    if (callNow) {
+      result = func.apply(context, args)
+      context = args = null
+    }
+
+    return result
+  }
+}
+
+/**
+ * This is just a simple version of deep copy
+ * Has a lot of edge cases bug
+ * If you want to use a perfect deep copy, use lodash's _.cloneDeep
+ * @param {Object} source
+ * @returns {Object}
+ */
+export function deepClone(source) {
+  if (!source && typeof source !== 'object') {
+    throw new Error('error arguments', 'deepClone')
+  }
+  const targetObj = source.constructor === Array ? [] : {}
+  Object.keys(source).forEach(keys => {
+    if (source[keys] && typeof source[keys] === 'object') {
+      targetObj[keys] = deepClone(source[keys])
+    } else {
+      targetObj[keys] = source[keys]
+    }
+  })
+  return targetObj
+}
+
+/**
+ * @param {Array} arr
+ * @returns {Array}
+ */
+export function uniqueArr(arr) {
+  return Array.from(new Set(arr))
+}
+
+/**
+ * @returns {string}
+ */
+export function createUniqueString() {
+  const timestamp = +new Date() + ''
+  const randomNum = parseInt((1 + Math.random()) * 65536) + ''
+  return (+(randomNum + timestamp)).toString(32)
+}
+
+/**
+ * Check if an element has a class
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ * @returns {boolean}
+ */
+export function hasClass(ele, cls) {
+  return !!ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'))
+}
+
+/**
+ * Add class to element
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ */
+export function addClass(ele, cls) {
+  if (!hasClass(ele, cls)) ele.className += ' ' + cls
+}
+
+/**
+ * Remove class from element
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ */
+export function removeClass(ele, cls) {
+  if (hasClass(ele, cls)) {
+    const reg = new RegExp('(\\s|^)' + cls + '(\\s|$)')
+    ele.className = ele.className.replace(reg, ' ')
+  }
+}
+
+export function genTree(data) {
+  const result = []
+  if (!Array.isArray(data)) {
+    return result
+  }
+  data.forEach(item => {
+    delete item.children
+  })
+  const map = {}
+  data.forEach(item => {
+    item.label = item.name
+    if(item.fullname){
+      item.label = item.fullname
+    }
+    item.value = item.id
+    map[item.id] = item
+  })
+  data.forEach(item => {
+    const parent = map[item.parent]
+    if (parent) {
+      (parent.children || (parent.children = [])).push(item)
+    } else {
+      result.push(item)
+    }
+  })
+  return result
+}
+
+const arrChange = arr => arr.map(item => {
+  const res = {}
+  for (const key in item) {
+    const _key = key === 'name' ? 'label' : key
+    res[_key] = Array.isArray(item[key]) ? arrChange(item[key]) : item[key]
+  }
+  return res
+})
diff --git a/admin/client/src/utils/permission.js b/admin/client/src/utils/permission.js
new file mode 100644
index 0000000..217bdeb
--- /dev/null
+++ b/admin/client/src/utils/permission.js
@@ -0,0 +1,27 @@
+import store from '@/store'
+
+/**
+ * @param {Array} value
+ * @returns {Boolean}
+ * @example see @/views/permission/directive.vue
+ */
+export default function checkPermission(value) {
+  if (value && value instanceof Array && value.length > 0) {
+    const perms = store.getters && store.getters.perms
+    const permissionperms = value
+    if (perms.includes('admin')) {
+      return true
+    } // 如果是超管,都可以操作
+    const hasPermission = perms.some(perm => {
+      return permissionperms.includes(perm)
+    })
+
+    if (!hasPermission) {
+      return false
+    }
+    return true
+  } else {
+    console.error(`need perms! Like v-permission="['admin','editor']"`)
+    return false
+  }
+}
diff --git a/admin/client/src/utils/request.js b/admin/client/src/utils/request.js
new file mode 100644
index 0000000..da72b1a
--- /dev/null
+++ b/admin/client/src/utils/request.js
@@ -0,0 +1,88 @@
+import axios from 'axios'
+import { MessageBox, Message } from 'element-ui'
+import store from '@/store'
+import { getToken } from '@/utils/auth'
+
+// create an axios instance
+const service = axios.create({
+  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
+  // withCredentials: true, // send cookies when cross-domain requests
+  timeout: 10000 // request timeout
+})
+
+// request interceptor
+service.interceptors.request.use(
+  config => {
+    // do something before request is sent
+    if (store.getters.token) {
+      // let each request carry token
+      // ['X-Token'] is a custom headers key
+      // please modify it according to the actual situation
+      config.headers['Authorization'] = 'Bearer ' + getToken()
+    }
+    return config
+  },
+  error => {
+    // do something with request error
+    // console.log(error) // for debug
+    return Promise.reject(error)
+  }
+)
+
+// response interceptor
+service.interceptors.response.use(
+  /**
+   * If you want to get http information such as headers or status
+   * Please return  response => response
+  */
+
+  /**
+   * Determine the request status by custom code
+   * Here is just an example
+   * You can also judge the status by HTTP Status Code
+   */
+  response => {
+    const res = response.data
+    if(res.code>=200 && res.code<400){
+      return res
+    }
+    if (res.code === 401) {
+      if(res.msg.indexOf('No active account')!=-1){
+        Message({
+          message: '用户名或密码错误',
+          type: 'error',
+          duration: 3 * 1000
+        })
+      }else{
+        MessageBox.confirm('认证失败,请重新登陆.', '确认退出', {
+          confirmButtonText: '重新登陆',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          store.dispatch('user/resetToken').then(() => {
+            location.reload()
+          })
+        })
+      }
+      
+    } else if (res.code >= 400) {
+      Message({
+        message: res.msg || '请求出错',
+        type: 'error',
+        duration: 3 * 1000
+      })
+      return Promise.reject(new Error(res.msg || '请求出错'))
+    }
+  },
+  error => {
+    // console.log(error,response) // for debug
+    Message({
+      message: "服务器错误",
+      type: 'error',
+      duration: 5 * 1000
+    })
+    return Promise.reject(error)
+  }
+)
+
+export default service
diff --git a/admin/client/src/utils/scroll-to.js b/admin/client/src/utils/scroll-to.js
new file mode 100644
index 0000000..c5d8e04
--- /dev/null
+++ b/admin/client/src/utils/scroll-to.js
@@ -0,0 +1,58 @@
+Math.easeInOutQuad = function(t, b, c, d) {
+  t /= d / 2
+  if (t < 1) {
+    return c / 2 * t * t + b
+  }
+  t--
+  return -c / 2 * (t * (t - 2) - 1) + b
+}
+
+// requestAnimationFrame for Smart Animating http://goo.gl/sx5sts
+var requestAnimFrame = (function() {
+  return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(callback) { window.setTimeout(callback, 1000 / 60) }
+})()
+
+/**
+ * Because it's so fucking difficult to detect the scrolling element, just move them all
+ * @param {number} amount
+ */
+function move(amount) {
+  document.documentElement.scrollTop = amount
+  document.body.parentNode.scrollTop = amount
+  document.body.scrollTop = amount
+}
+
+function position() {
+  return document.documentElement.scrollTop || document.body.parentNode.scrollTop || document.body.scrollTop
+}
+
+/**
+ * @param {number} to
+ * @param {number} duration
+ * @param {Function} callback
+ */
+export function scrollTo(to, duration, callback) {
+  const start = position()
+  const change = to - start
+  const increment = 20
+  let currentTime = 0
+  duration = (typeof (duration) === 'undefined') ? 500 : duration
+  var animateScroll = function() {
+    // increment the time
+    currentTime += increment
+    // find the value with the quadratic in-out easing function
+    var val = Math.easeInOutQuad(currentTime, start, change, duration)
+    // move the document.body
+    move(val)
+    // do the animation unless its over
+    if (currentTime < duration) {
+      requestAnimFrame(animateScroll)
+    } else {
+      if (callback && typeof (callback) === 'function') {
+        // the animation is done so lets callback
+        callback()
+      }
+    }
+  }
+  animateScroll()
+}
diff --git a/admin/client/src/utils/validate.js b/admin/client/src/utils/validate.js
new file mode 100644
index 0000000..8d962ad
--- /dev/null
+++ b/admin/client/src/utils/validate.js
@@ -0,0 +1,20 @@
+/**
+ * Created by PanJiaChen on 16/11/18.
+ */
+
+/**
+ * @param {string} path
+ * @returns {Boolean}
+ */
+export function isExternal(path) {
+  return /^(https?:|mailto:|tel:)/.test(path)
+}
+
+/**
+ * @param {string} str
+ * @returns {Boolean}
+ */
+export function validUsername(str) {
+  const valid_map = ['admin', 'editor']
+  return valid_map.indexOf(str.trim()) >= 0
+}
diff --git a/admin/client/src/vendor/Export2Excel.js b/admin/client/src/vendor/Export2Excel.js
new file mode 100644
index 0000000..d8a2af3
--- /dev/null
+++ b/admin/client/src/vendor/Export2Excel.js
@@ -0,0 +1,220 @@
+/* eslint-disable */
+import { saveAs } from 'file-saver'
+import XLSX from 'xlsx'
+
+function generateArray(table) {
+  var out = [];
+  var rows = table.querySelectorAll('tr');
+  var ranges = [];
+  for (var R = 0; R < rows.length; ++R) {
+    var outRow = [];
+    var row = rows[R];
+    var columns = row.querySelectorAll('td');
+    for (var C = 0; C < columns.length; ++C) {
+      var cell = columns[C];
+      var colspan = cell.getAttribute('colspan');
+      var rowspan = cell.getAttribute('rowspan');
+      var cellValue = cell.innerText;
+      if (cellValue !== "" && cellValue == +cellValue) cellValue = +cellValue;
+
+      //Skip ranges
+      ranges.forEach(function (range) {
+        if (R >= range.s.r && R <= range.e.r && outRow.length >= range.s.c && outRow.length <= range.e.c) {
+          for (var i = 0; i <= range.e.c - range.s.c; ++i) outRow.push(null);
+        }
+      });
+
+      //Handle Row Span
+      if (rowspan || colspan) {
+        rowspan = rowspan || 1;
+        colspan = colspan || 1;
+        ranges.push({
+          s: {
+            r: R,
+            c: outRow.length
+          },
+          e: {
+            r: R + rowspan - 1,
+            c: outRow.length + colspan - 1
+          }
+        });
+      };
+
+      //Handle Value
+      outRow.push(cellValue !== "" ? cellValue : null);
+
+      //Handle Colspan
+      if (colspan)
+        for (var k = 0; k < colspan - 1; ++k) outRow.push(null);
+    }
+    out.push(outRow);
+  }
+  return [out, ranges];
+};
+
+function datenum(v, date1904) {
+  if (date1904) v += 1462;
+  var epoch = Date.parse(v);
+  return (epoch - new Date(Date.UTC(1899, 11, 30))) / (24 * 60 * 60 * 1000);
+}
+
+function sheet_from_array_of_arrays(data, opts) {
+  var ws = {};
+  var range = {
+    s: {
+      c: 10000000,
+      r: 10000000
+    },
+    e: {
+      c: 0,
+      r: 0
+    }
+  };
+  for (var R = 0; R != data.length; ++R) {
+    for (var C = 0; C != data[R].length; ++C) {
+      if (range.s.r > R) range.s.r = R;
+      if (range.s.c > C) range.s.c = C;
+      if (range.e.r < R) range.e.r = R;
+      if (range.e.c < C) range.e.c = C;
+      var cell = {
+        v: data[R][C]
+      };
+      if (cell.v == null) continue;
+      var cell_ref = XLSX.utils.encode_cell({
+        c: C,
+        r: R
+      });
+
+      if (typeof cell.v === 'number') cell.t = 'n';
+      else if (typeof cell.v === 'boolean') cell.t = 'b';
+      else if (cell.v instanceof Date) {
+        cell.t = 'n';
+        cell.z = XLSX.SSF._table[14];
+        cell.v = datenum(cell.v);
+      } else cell.t = 's';
+
+      ws[cell_ref] = cell;
+    }
+  }
+  if (range.s.c < 10000000) ws['!ref'] = XLSX.utils.encode_range(range);
+  return ws;
+}
+
+function Workbook() {
+  if (!(this instanceof Workbook)) return new Workbook();
+  this.SheetNames = [];
+  this.Sheets = {};
+}
+
+function s2ab(s) {
+  var buf = new ArrayBuffer(s.length);
+  var view = new Uint8Array(buf);
+  for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
+  return buf;
+}
+
+export function export_table_to_excel(id) {
+  var theTable = document.getElementById(id);
+  var oo = generateArray(theTable);
+  var ranges = oo[1];
+
+  /* original data */
+  var data = oo[0];
+  var ws_name = "SheetJS";
+
+  var wb = new Workbook(),
+    ws = sheet_from_array_of_arrays(data);
+
+  /* add ranges to worksheet */
+  // ws['!cols'] = ['apple', 'banan'];
+  ws['!merges'] = ranges;
+
+  /* add worksheet to workbook */
+  wb.SheetNames.push(ws_name);
+  wb.Sheets[ws_name] = ws;
+
+  var wbout = XLSX.write(wb, {
+    bookType: 'xlsx',
+    bookSST: false,
+    type: 'binary'
+  });
+
+  saveAs(new Blob([s2ab(wbout)], {
+    type: "application/octet-stream"
+  }), "test.xlsx")
+}
+
+export function export_json_to_excel({
+  multiHeader = [],
+  header,
+  data,
+  filename,
+  merges = [],
+  autoWidth = true,
+  bookType = 'xlsx'
+} = {}) {
+  /* original data */
+  filename = filename || 'excel-list'
+  data = [...data]
+  data.unshift(header);
+
+  for (let i = multiHeader.length - 1; i > -1; i--) {
+    data.unshift(multiHeader[i])
+  }
+
+  var ws_name = "SheetJS";
+  var wb = new Workbook(),
+    ws = sheet_from_array_of_arrays(data);
+
+  if (merges.length > 0) {
+    if (!ws['!merges']) ws['!merges'] = [];
+    merges.forEach(item => {
+      ws['!merges'].push(XLSX.utils.decode_range(item))
+    })
+  }
+
+  if (autoWidth) {
+    /*设置worksheet每列的最大宽度*/
+    const colWidth = data.map(row => row.map(val => {
+      /*先判断是否为null/undefined*/
+      if (val == null) {
+        return {
+          'wch': 10
+        };
+      }
+      /*再判断是否为中文*/
+      else if (val.toString().charCodeAt(0) > 255) {
+        return {
+          'wch': val.toString().length * 2
+        };
+      } else {
+        return {
+          'wch': val.toString().length
+        };
+      }
+    }))
+    /*以第一行为初始值*/
+    let result = colWidth[0];
+    for (let i = 1; i < colWidth.length; i++) {
+      for (let j = 0; j < colWidth[i].length; j++) {
+        if (result[j]['wch'] < colWidth[i][j]['wch']) {
+          result[j]['wch'] = colWidth[i][j]['wch'];
+        }
+      }
+    }
+    ws['!cols'] = result;
+  }
+
+  /* add worksheet to workbook */
+  wb.SheetNames.push(ws_name);
+  wb.Sheets[ws_name] = ws;
+
+  var wbout = XLSX.write(wb, {
+    bookType: bookType,
+    bookSST: false,
+    type: 'binary'
+  });
+  saveAs(new Blob([s2ab(wbout)], {
+    type: "application/octet-stream"
+  }), `${filename}.${bookType}`);
+}
diff --git a/admin/client/src/vendor/Export2Zip.js b/admin/client/src/vendor/Export2Zip.js
new file mode 100644
index 0000000..db70707
--- /dev/null
+++ b/admin/client/src/vendor/Export2Zip.js
@@ -0,0 +1,24 @@
+/* eslint-disable */
+import { saveAs } from 'file-saver'
+import JSZip from 'jszip'
+
+export function export_txt_to_zip(th, jsonData, txtName, zipName) {
+  const zip = new JSZip()
+  const txt_name = txtName || 'file'
+  const zip_name = zipName || 'file'
+  const data = jsonData
+  let txtData = `${th}\r\n`
+  data.forEach((row) => {
+    let tempStr = ''
+    tempStr = row.toString()
+    txtData += `${tempStr}\r\n`
+  })
+  zip.file(`${txt_name}.txt`, txtData)
+  zip.generateAsync({
+    type: "blob"
+  }).then((blob) => {
+    saveAs(blob, `${zip_name}.zip`)
+  }, (err) => {
+    alert('导出失败')
+  })
+}
diff --git a/admin/client/src/views/404.vue b/admin/client/src/views/404.vue
new file mode 100644
index 0000000..18eda34
--- /dev/null
+++ b/admin/client/src/views/404.vue
@@ -0,0 +1,228 @@
+<template>
+  <div class="wscn-http404-container">
+    <div class="wscn-http404">
+      <div class="pic-404">
+        <img class="pic-404__parent" src="@/assets/404_images/404.png" alt="404">
+        <img class="pic-404__child left" src="@/assets/404_images/404_cloud.png" alt="404">
+        <img class="pic-404__child mid" src="@/assets/404_images/404_cloud.png" alt="404">
+        <img class="pic-404__child right" src="@/assets/404_images/404_cloud.png" alt="404">
+      </div>
+      <div class="bullshit">
+        <div class="bullshit__oops">不好意思!</div>
+        <!-- <div class="bullshit__info">All rights reserved
+          <a style="color:#20a0ff" href="https://wallstreetcn.com" target="_blank">wallstreetcn</a>
+        </div> -->
+        <div class="bullshit__headline">{{ message }}</div>
+        <div class="bullshit__info">请检查访问地址,或者点击按钮返回首页.</div>
+        <a href="" class="bullshit__return-home">首页</a>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'Page404',
+  computed: {
+    message() {
+      return '您好像没有该页面的访问权限...'
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.wscn-http404-container{
+  transform: translate(-50%,-50%);
+  position: absolute;
+  top: 40%;
+  left: 50%;
+}
+.wscn-http404 {
+  position: relative;
+  width: 1200px;
+  padding: 0 50px;
+  overflow: hidden;
+  .pic-404 {
+    position: relative;
+    float: left;
+    width: 600px;
+    overflow: hidden;
+    &__parent {
+      width: 100%;
+    }
+    &__child {
+      position: absolute;
+      &.left {
+        width: 80px;
+        top: 17px;
+        left: 220px;
+        opacity: 0;
+        animation-name: cloudLeft;
+        animation-duration: 2s;
+        animation-timing-function: linear;
+        animation-fill-mode: forwards;
+        animation-delay: 1s;
+      }
+      &.mid {
+        width: 46px;
+        top: 10px;
+        left: 420px;
+        opacity: 0;
+        animation-name: cloudMid;
+        animation-duration: 2s;
+        animation-timing-function: linear;
+        animation-fill-mode: forwards;
+        animation-delay: 1.2s;
+      }
+      &.right {
+        width: 62px;
+        top: 100px;
+        left: 500px;
+        opacity: 0;
+        animation-name: cloudRight;
+        animation-duration: 2s;
+        animation-timing-function: linear;
+        animation-fill-mode: forwards;
+        animation-delay: 1s;
+      }
+      @keyframes cloudLeft {
+        0% {
+          top: 17px;
+          left: 220px;
+          opacity: 0;
+        }
+        20% {
+          top: 33px;
+          left: 188px;
+          opacity: 1;
+        }
+        80% {
+          top: 81px;
+          left: 92px;
+          opacity: 1;
+        }
+        100% {
+          top: 97px;
+          left: 60px;
+          opacity: 0;
+        }
+      }
+      @keyframes cloudMid {
+        0% {
+          top: 10px;
+          left: 420px;
+          opacity: 0;
+        }
+        20% {
+          top: 40px;
+          left: 360px;
+          opacity: 1;
+        }
+        70% {
+          top: 130px;
+          left: 180px;
+          opacity: 1;
+        }
+        100% {
+          top: 160px;
+          left: 120px;
+          opacity: 0;
+        }
+      }
+      @keyframes cloudRight {
+        0% {
+          top: 100px;
+          left: 500px;
+          opacity: 0;
+        }
+        20% {
+          top: 120px;
+          left: 460px;
+          opacity: 1;
+        }
+        80% {
+          top: 180px;
+          left: 340px;
+          opacity: 1;
+        }
+        100% {
+          top: 200px;
+          left: 300px;
+          opacity: 0;
+        }
+      }
+    }
+  }
+  .bullshit {
+    position: relative;
+    float: left;
+    width: 300px;
+    padding: 30px 0;
+    overflow: hidden;
+    &__oops {
+      font-size: 32px;
+      font-weight: bold;
+      line-height: 40px;
+      color: #1482f0;
+      opacity: 0;
+      margin-bottom: 20px;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-fill-mode: forwards;
+    }
+    &__headline {
+      font-size: 20px;
+      line-height: 24px;
+      color: #222;
+      font-weight: bold;
+      opacity: 0;
+      margin-bottom: 10px;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-delay: 0.1s;
+      animation-fill-mode: forwards;
+    }
+    &__info {
+      font-size: 13px;
+      line-height: 21px;
+      color: grey;
+      opacity: 0;
+      margin-bottom: 30px;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-delay: 0.2s;
+      animation-fill-mode: forwards;
+    }
+    &__return-home {
+      display: block;
+      float: left;
+      width: 110px;
+      height: 36px;
+      background: #1482f0;
+      border-radius: 100px;
+      text-align: center;
+      color: #ffffff;
+      opacity: 0;
+      font-size: 14px;
+      line-height: 36px;
+      cursor: pointer;
+      animation-name: slideUp;
+      animation-duration: 0.5s;
+      animation-delay: 0.3s;
+      animation-fill-mode: forwards;
+    }
+    @keyframes slideUp {
+      0% {
+        transform: translateY(60px);
+        opacity: 0;
+      }
+      100% {
+        transform: translateY(0);
+        opacity: 1;
+      }
+    }
+  }
+}
+</style>
diff --git a/admin/client/src/views/crm/banner.vue b/admin/client/src/views/crm/banner.vue
new file mode 100644
index 0000000..ca796a9
--- /dev/null
+++ b/admin/client/src/views/crm/banner.vue
@@ -0,0 +1,242 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+      <el-button class="filter-item" type="primary" icon="el-icon-edit" @click="handleCreate">新增</el-button>
+    </div>
+
+    <el-table v-loading="listLoading" :data="list" border fit highlight-current-row style="width: 100%;">
+      <el-table-column label="ID" align="center" width="80">
+        <template slot-scope="{row}"><span>{{ row.id }}</span></template>
+      </el-table-column>
+      <el-table-column label="图片" width="120px" align="center">
+        <template slot-scope="{row}"><img :src="row.image" width="100" height="50" style="object-fit:cover"></template>
+      </el-table-column>
+      <el-table-column label="关联项目" min-width="150px" align="center">
+        <template slot-scope="{row}"><span>{{ row.project_title }}</span></template>
+      </el-table-column>
+      <el-table-column label="跳转链接" min-width="150px" align="center">
+        <template slot-scope="{row}"><span>{{ row.link }}</span></template>
+      </el-table-column>
+      <el-table-column label="排序" width="80px" align="center">
+        <template slot-scope="{row}"><span>{{ row.sort_order }}</span></template>
+      </el-table-column>
+      <el-table-column label="状态" width="100px" align="center">
+        <template slot-scope="{row}">
+            <el-tag :type="row.is_active ? 'success' : 'info'">{{ row.is_active ? '启用' : '禁用' }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" width="230" class-name="small-padding fixed-width">
+        <template slot-scope="{row,$index}">
+          <el-button type="primary" size="mini" @click="handleUpdate(row)">编辑</el-button>
+          <el-button size="mini" type="danger" @click="handleDelete(row,$index)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination v-show="total>0" :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+
+    <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible">
+      <el-form ref="dataForm" :rules="rules" :model="temp" label-position="left" label-width="90px" style="width: 400px; margin-left:50px;">
+        <el-form-item label="图片" prop="image">
+           <el-upload
+            class="avatar-uploader"
+            :action="upUrl"
+            :show-file-list="false"
+            :on-success="handleAvatarSuccess"
+            :headers="upHeaders">
+            <img v-if="temp.image" :src="temp.image" class="avatar">
+            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+          </el-upload>
+        </el-form-item>
+        <el-form-item label="关联项目" prop="project">
+          <el-select v-model="temp.project" class="filter-item" placeholder="请选择" clearable>
+            <el-option v-for="item in projects" :key="item.id" :label="item.title" :value="item.id" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="跳转链接" prop="link">
+          <el-input v-model="temp.link" />
+        </el-form-item>
+        <el-form-item label="排序" prop="sort_order">
+          <el-input v-model="temp.sort_order" type="number" />
+        </el-form-item>
+        <el-form-item label="是否启用" prop="is_active">
+            <el-switch v-model="temp.is_active" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible = false">取消</el-button>
+        <el-button type="primary" @click="dialogStatus==='create'?createData():updateData()">确认</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getBanners, createBanner, updateBanner, deleteBanner, getProjects } from '@/api/crm'
+import Pagination from '@/components/Pagination'
+import { upUrl, upHeaders } from "@/api/file"
+
+export default {
+  name: 'BannerTable',
+  components: { Pagination },
+  data() {
+    return {
+      list: null,
+      total: 0,
+      listLoading: true,
+      listQuery: {
+        page: 1,
+        limit: 20
+      },
+      projects: [],
+      temp: {
+        id: undefined,
+        image: '',
+        project: undefined,
+        link: '',
+        sort_order: 0,
+        is_active: true
+      },
+      dialogFormVisible: false,
+      dialogStatus: '',
+      textMap: {
+        update: '编辑',
+        create: '新增'
+      },
+      rules: {
+        image: [{ required: true, message: '请上传图片', trigger: 'change' }]
+      },
+      upUrl: upUrl(),
+      upHeaders: upHeaders()
+    }
+  },
+  created() {
+    this.getList()
+    this.getProjectsList()
+  },
+  methods: {
+    getList() {
+      this.listLoading = true
+      getBanners(this.listQuery).then(response => {
+        this.list = response.data.results
+        this.total = response.data.count
+        this.listLoading = false
+      })
+    },
+    getProjectsList() {
+        getProjects({ page: 1, limit: 1000 }).then(response => {
+            this.projects = response.data.results
+        })
+    },
+    resetTemp() {
+      this.temp = {
+        id: undefined,
+        image: '',
+        project: undefined,
+        link: '',
+        sort_order: 0,
+        is_active: true
+      }
+    },
+    handleCreate() {
+      this.resetTemp()
+      this.dialogStatus = 'create'
+      this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+    },
+    createData() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          createBanner(this.temp).then(() => {
+            this.list.unshift(this.temp)
+            this.dialogFormVisible = false
+            this.$notify({
+              title: 'Success',
+              message: 'Created Successfully',
+              type: 'success',
+              duration: 2000
+            })
+            this.getList()
+          })
+        }
+      })
+    },
+    handleUpdate(row) {
+      this.temp = Object.assign({}, row) // copy obj
+      this.dialogStatus = 'update'
+      this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+    },
+    updateData() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          const tempData = Object.assign({}, this.temp)
+          updateBanner(tempData.id, tempData).then(() => {
+            const index = this.list.findIndex(v => v.id === this.temp.id)
+            this.list.splice(index, 1, this.temp)
+            this.dialogFormVisible = false
+            this.$notify({
+              title: 'Success',
+              message: 'Update Successfully',
+              type: 'success',
+              duration: 2000
+            })
+            this.getList()
+          })
+        }
+      })
+    },
+    handleDelete(row, index) {
+      this.$confirm('确认删除?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+          deleteBanner(row.id).then(() => {
+            this.$notify({
+                title: 'Success',
+                message: 'Delete Successfully',
+                type: 'success',
+                duration: 2000
+            })
+            this.list.splice(index, 1)
+        })
+      })
+    },
+    handleAvatarSuccess(res, file) {
+        this.temp.image = res.data.path
+    }
+  }
+}
+</script>
+
+<style scoped>
+.avatar-uploader .el-upload {
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+  }
+  .avatar-uploader .el-upload:hover {
+    border-color: #409EFF;
+  }
+  .avatar-uploader-icon {
+    font-size: 28px;
+    color: #8c939d;
+    width: 178px;
+    height: 178px;
+    line-height: 178px;
+    text-align: center;
+    border: 1px dashed #d9d9d9;
+  }
+  .avatar {
+    width: 178px;
+    height: 178px;
+    display: block;
+  }
+</style>
\ No newline at end of file
diff --git a/admin/client/src/views/crm/category.vue b/admin/client/src/views/crm/category.vue
new file mode 100644
index 0000000..b846e51
--- /dev/null
+++ b/admin/client/src/views/crm/category.vue
@@ -0,0 +1,174 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+      <el-input v-model="listQuery.search" placeholder="分类名称" style="width: 200px;" class="filter-item" @keyup.enter.native="handleFilter" />
+      <el-button class="filter-item" type="primary" icon="el-icon-search" @click="handleFilter">搜索</el-button>
+      <el-button class="filter-item" style="margin-left: 10px;" type="primary" icon="el-icon-edit" @click="handleCreate">新增</el-button>
+    </div>
+
+    <el-table v-loading="listLoading" :data="list" border fit highlight-current-row style="width: 100%;">
+      <el-table-column label="ID" align="center" width="80">
+        <template slot-scope="{row}"><span>{{ row.id }}</span></template>
+      </el-table-column>
+      <el-table-column label="分类名称" min-width="150px">
+        <template slot-scope="{row}"><span>{{ row.name }}</span></template>
+      </el-table-column>
+      <el-table-column label="颜色类名" min-width="150px">
+        <template slot-scope="{row}"><span>{{ row.color }}</span></template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" width="230">
+        <template slot-scope="{row,$index}">
+          <el-button type="primary" size="mini" @click="handleUpdate(row)">编辑</el-button>
+          <el-button size="mini" type="danger" @click="handleDelete(row,$index)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible">
+      <el-form ref="dataForm" :rules="rules" :model="temp" label-position="left" label-width="90px" style="width: 400px; margin-left:50px;">
+        <el-form-item label="分类名称" prop="name">
+          <el-input v-model="temp.name" />
+        </el-form-item>
+        <el-form-item label="颜色类名" prop="color">
+          <el-input v-model="temp.color" placeholder="如: bg-blue-100 text-blue-600" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible = false">取消</el-button>
+        <el-button type="primary" @click="dialogStatus==='create'?createData():updateData()">确认</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getCategories, createCategory, updateCategory, deleteCategory } from '@/api/crm'
+
+export default {
+  name: 'CategoryTable',
+  data() {
+    return {
+      list: null,
+      listLoading: true,
+      listQuery: {
+        search: undefined
+      },
+      temp: {
+        id: undefined,
+        name: '',
+        color: ''
+      },
+      dialogFormVisible: false,
+      dialogStatus: '',
+      textMap: {
+        update: '编辑',
+        create: '新增'
+      },
+      rules: {
+        name: [{ required: true, message: '请输入分类名称', trigger: 'blur' }],
+        color: [{ required: true, message: '请输入颜色类名', trigger: 'blur' }]
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.listLoading = true
+      getCategories(this.listQuery).then(response => {
+        // Backend pagination_class is None for CategoryViewSet, so response.data is the list directly or results depending on DRF setting.
+        // Checking CategoryViewSet in views.py: pagination_class = None. 
+        // So response should be the list. However, custom renderer might wrap it.
+        // Let's assume response.data is the list if using standard DRF with no pagination,
+        // but wait, standard DRF list route returns [{},{}] if no pagination.
+        // My response interceptor returns res directly if code >= 200.
+        // Let's check views.py again.
+        
+        // views.py: pagination_class = None
+        // response.py: Wraps in {code:200, data: ..., msg: ...}
+        // So response.data will be the list.
+        this.list = response.data
+        this.listLoading = false
+      })
+    },
+    handleFilter() {
+      this.getList()
+    },
+    resetTemp() {
+      this.temp = {
+        id: undefined,
+        name: '',
+        color: ''
+      }
+    },
+    handleCreate() {
+      this.resetTemp()
+      this.dialogStatus = 'create'
+      this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+    },
+    createData() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          createCategory(this.temp).then(() => {
+            this.list.unshift(this.temp)
+            this.dialogFormVisible = false
+            this.$notify({
+              title: 'Success',
+              message: 'Created Successfully',
+              type: 'success',
+              duration: 2000
+            })
+            this.getList()
+          })
+        }
+      })
+    },
+    handleUpdate(row) {
+      this.temp = Object.assign({}, row)
+      this.dialogStatus = 'update'
+      this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+    },
+    updateData() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          const tempData = Object.assign({}, this.temp)
+          updateCategory(tempData.id, tempData).then(() => {
+            this.dialogFormVisible = false
+            this.$notify({
+              title: 'Success',
+              message: 'Update Successfully',
+              type: 'success',
+              duration: 2000
+            })
+            this.getList()
+          })
+        }
+      })
+    },
+    handleDelete(row, index) {
+      this.$confirm('确认删除?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          deleteCategory(row.id).then(() => {
+            this.$notify({
+              title: 'Success',
+              message: 'Delete Successfully',
+              type: 'success',
+              duration: 2000
+            })
+            this.list.splice(index, 1)
+          })
+        })
+    }
+  }
+}
+</script>
diff --git a/admin/client/src/views/crm/coupon.vue b/admin/client/src/views/crm/coupon.vue
new file mode 100644
index 0000000..9abca0f
--- /dev/null
+++ b/admin/client/src/views/crm/coupon.vue
@@ -0,0 +1,297 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+      <el-input v-model="listQuery.search" placeholder="优惠券标题" style="width: 200px;" class="filter-item" @keyup.enter.native="handleFilter" />
+      <el-button class="filter-item" type="primary" icon="el-icon-search" @click="handleFilter">
+        搜索
+      </el-button>
+      <el-button class="filter-item" style="margin-left: 10px;" type="primary" icon="el-icon-edit" @click="handleCreate">
+        新增
+      </el-button>
+    </div>
+
+    <el-table
+      v-loading="listLoading"
+      :data="list"
+      border
+      fit
+      highlight-current-row
+      style="width: 100%;"
+    >
+      <el-table-column label="ID" prop="id" sortable="custom" align="center" width="80">
+        <template slot-scope="{row}">
+          <span>{{ row.id }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="标题" min-width="150px">
+        <template slot-scope="{row}">
+          <span>{{ row.title }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="面额" width="100px" align="center">
+        <template slot-scope="{row}">
+          <span>{{ row.amount }} {{ row.unit }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="过期时间" width="120px" align="center">
+        <template slot-scope="{row}">
+          <span>{{ row.expiry }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="状态" width="100px" align="center">
+        <template slot-scope="{row}">
+          <el-tag :type="row.status | statusFilter">
+            {{ row.status }}
+          </el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="发放类型" width="120px" align="center">
+        <template slot-scope="{row}">
+          <span>{{ issueTypeLabel(row.issue_type) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="适用范围" min-width="180px">
+        <template slot-scope="{row}">
+          <span>{{ renderScope(row) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" width="230" class-name="small-padding fixed-width">
+        <template slot-scope="{row,$index}">
+          <el-button type="primary" size="mini" @click="handleUpdate(row)">
+            编辑
+          </el-button>
+          <el-button size="mini" type="danger" @click="handleDelete(row,$index)">
+            删除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination v-show="total>0" :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+
+    <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible">
+      <el-form ref="dataForm" :rules="rules" :model="temp" label-position="left" label-width="90px" style="width: 400px; margin-left:50px;">
+        <el-form-item label="标题" prop="title">
+          <el-input v-model="temp.title" />
+        </el-form-item>
+        <el-form-item label="面额" prop="amount">
+          <el-input v-model="temp.amount" />
+        </el-form-item>
+        <el-form-item label="单位" prop="unit">
+          <el-input v-model="temp.unit" />
+        </el-form-item>
+        <el-form-item label="描述" prop="desc">
+          <el-input v-model="temp.desc" />
+        </el-form-item>
+        <el-form-item label="过期时间" prop="expiry">
+          <el-date-picker v-model="temp.expiry" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" />
+        </el-form-item>
+        <el-form-item label="状态" prop="status">
+          <el-select v-model="temp.status" class="filter-item" placeholder="请选择">
+            <el-option v-for="item in statusOptions" :key="item.key" :label="item.label" :value="item.key" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="发放类型" prop="issue_type">
+          <el-select v-model="temp.issue_type" class="filter-item" placeholder="请选择">
+            <el-option v-for="item in issueTypeOptions" :key="item.key" :label="item.label" :value="item.key" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="适用项目" prop="applicable_projects">
+          <el-select v-model="temp.applicable_projects" multiple filterable placeholder="请选择项目" style="width: 300px;">
+            <el-option v-for="p in projectOptions" :key="p.id" :label="p.title" :value="p.id" />
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible = false">
+          取消
+        </el-button>
+        <el-button type="primary" @click="dialogStatus==='create'?createData():updateData()">
+          确认
+        </el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getCoupons, createCoupon, updateCoupon, deleteCoupon, getProjects } from '@/api/crm'
+import Pagination from '@/components/Pagination'
+
+export default {
+  name: 'CouponTable',
+  components: { Pagination },
+  filters: {
+    statusFilter(status) {
+      const statusMap = {
+        available: 'success',
+        claimed: 'info',
+        used: 'gray',
+        expired: 'danger'
+      }
+      return statusMap[status]
+    }
+  },
+  data() {
+    return {
+      list: null,
+      total: 0,
+      listLoading: true,
+      listQuery: {
+        page: 1,
+        limit: 20,
+        search: undefined
+      },
+      statusOptions: [
+        { key: 'available', label: '可领取' },
+        { key: 'claimed', label: '已领取' },
+        { key: 'used', label: '已使用' },
+        { key: 'expired', label: '已过期' }
+      ],
+      issueTypeOptions: [
+        { key: 'manual', label: '手动发放' },
+        { key: 'registration', label: '注册赠送' },
+        { key: 'project', label: '指定项目' }
+      ],
+      temp: {
+        id: undefined,
+        title: '',
+        amount: '',
+        unit: '元',
+        desc: '',
+        expiry: '',
+        status: 'available',
+        issue_type: 'manual',
+        applicable_projects: [],
+        color: 'from-blue-500 to-cyan-400',
+        bgStart: 'from-blue-50',
+        bgEnd: 'to-cyan-50',
+        shadow: 'shadow-blue-100'
+      },
+      projectOptions: [],
+      dialogFormVisible: false,
+      dialogStatus: '',
+      textMap: {
+        update: '编辑',
+        create: '新增'
+      },
+      rules: {
+        title: [{ required: true, message: '请输入标题', trigger: 'blur' }],
+        expiry: [{ required: true, message: '请选择过期时间', trigger: 'change' }]
+      }
+    }
+  },
+  created() {
+    this.getList()
+    getProjects({ page: 1, limit: 100 }).then(res => { this.projectOptions = res.data.results })
+  },
+  methods: {
+    issueTypeLabel(key) {
+      const m = { manual: '手动发放', registration: '注册赠送', project: '指定项目' }
+      return m[key] || key
+    },
+    renderScope(row) {
+      const ids = row.applicable_projects || []
+      if (!ids.length) return '通用'
+      const map = new Map(this.projectOptions.map(p => [p.id, p.title]))
+      return ids.map(id => map.get(id) || `#${id}`).join('，')
+    },
+    getList() {
+      this.listLoading = true
+      getCoupons(this.listQuery).then(response => {
+        this.list = response.data.results
+        this.total = response.data.count
+        this.listLoading = false
+      })
+    },
+    handleFilter() {
+      this.listQuery.page = 1
+      this.getList()
+    },
+    resetTemp() {
+      this.temp = {
+        id: undefined,
+        title: '',
+        amount: '',
+        unit: '元',
+        desc: '',
+        expiry: '',
+        status: 'available',
+        issue_type: 'manual',
+        applicable_projects: [],
+        color: 'from-blue-500 to-cyan-400',
+        bgStart: 'from-blue-50',
+        bgEnd: 'to-cyan-50',
+        shadow: 'shadow-blue-100'
+      }
+    },
+    handleCreate() {
+      this.resetTemp()
+      this.dialogStatus = 'create'
+      this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+    },
+    createData() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          createCoupon(this.temp).then(() => {
+            this.list.unshift(this.temp)
+            this.dialogFormVisible = false
+            this.$notify({
+              title: 'Success',
+              message: 'Created Successfully',
+              type: 'success',
+              duration: 2000
+            })
+            this.getList()
+          })
+        }
+      })
+    },
+    handleUpdate(row) {
+      this.temp = Object.assign({}, row)
+      this.dialogStatus = 'update'
+      this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+    },
+    updateData() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          const tempData = Object.assign({}, this.temp)
+          updateCoupon(tempData.id, tempData).then(() => {
+            this.dialogFormVisible = false
+            this.$notify({
+              title: 'Success',
+              message: 'Update Successfully',
+              type: 'success',
+              duration: 2000
+            })
+            this.getList()
+          })
+        }
+      })
+    },
+    handleDelete(row, index) {
+      this.$confirm('确认删除?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          deleteCoupon(row.id).then(() => {
+            this.$notify({
+              title: 'Success',
+              message: 'Delete Successfully',
+              type: 'success',
+              duration: 2000
+            })
+            this.list.splice(index, 1)
+          })
+        })
+    }
+  }
+}
+</script>
diff --git a/admin/client/src/views/crm/honor.vue b/admin/client/src/views/crm/honor.vue
new file mode 100644
index 0000000..fcc9903
--- /dev/null
+++ b/admin/client/src/views/crm/honor.vue
@@ -0,0 +1,277 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+      <el-input v-model="listQuery.search" placeholder="搜索荣誉标题或学员姓名" style="width: 200px;" class="filter-item" @keyup.enter.native="handleFilter" />
+      <el-button class="filter-item" type="primary" icon="el-icon-search" @click="handleFilter">搜索</el-button>
+      <el-button class="filter-item" style="margin-left: 10px;" type="primary" icon="el-icon-edit" @click="handleCreate">新增</el-button>
+    </div>
+
+    <el-table v-loading="listLoading" :data="list" border fit highlight-current-row style="width: 100%;">
+      <el-table-column label="ID" align="center" width="80">
+        <template slot-scope="{row}"><span>{{ row.id }}</span></template>
+      </el-table-column>
+      <el-table-column label="学员信息" align="center" width="180">
+        <template slot-scope="{row}">
+          <div style="display:flex; align-items:center;">
+              <img v-if="row.student_avatar" :src="row.student_avatar" style="width:30px;height:30px;border-radius:50%;margin-right:5px;">
+              <div style="display:flex; flex-direction:column; align-items:flex-start;">
+                <span>{{ row.student_name }}</span>
+                <span style="font-size:12px; color:#999;" v-if="row.student_teaching_center">{{ row.student_teaching_center }}</span>
+                <span style="font-size:12px; color:#999;" v-if="row.student_company_name">{{ row.student_company_name }}</span>
+              </div>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="荣誉标题" min-width="150px">
+        <template slot-scope="{row}"><span>{{ row.title }}</span></template>
+      </el-table-column>
+      <el-table-column label="获得日期" width="120px" align="center">
+        <template slot-scope="{row}"><span>{{ row.date }}</span></template>
+      </el-table-column>
+      <el-table-column label="证书图片" width="100px" align="center">
+        <template slot-scope="{row}"><img :src="row.image" width="50" height="50" style="object-fit:cover"></template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" width="230" class-name="small-padding fixed-width">
+        <template slot-scope="{row,$index}">
+          <el-button type="primary" size="mini" @click="handleUpdate(row)">编辑</el-button>
+          <el-button size="mini" type="danger" @click="handleDelete(row,$index)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination v-show="total>0" :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+
+    <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="600px">
+      <el-form ref="dataForm" :rules="rules" :model="temp" label-position="left" label-width="90px" style="width: 500px; margin-left:50px;">
+        <el-form-item label="选择学员" prop="student">
+            <el-select v-model="temp.student" filterable remote :remote-method="searchStudents" placeholder="请输入姓名或电话搜索" style="width: 100%" @change="handleStudentChange">
+                <el-option v-for="item in allStudents" :key="item.id" :label="item.name + ' (' + item.phone + ')'" :value="item.id" />
+            </el-select>
+            <div v-if="selectedStudentOrganization" style="font-size: 12px; color: #606266; margin-top: 5px; background-color: #f4f4f5; padding: 5px 10px; border-radius: 4px;">
+                <i class="el-icon-office-building"></i> 所属机构: {{ selectedStudentOrganization }}
+            </div>
+        </el-form-item>
+        <el-form-item label="荣誉标题" prop="title">
+          <el-input v-model="temp.title" />
+        </el-form-item>
+        <el-form-item label="获得日期" prop="date">
+           <el-date-picker v-model="temp.date" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" style="width: 100%;"></el-date-picker>
+        </el-form-item>
+        <el-form-item label="证书图片" prop="image">
+           <el-upload
+            class="avatar-uploader"
+            :action="upUrl"
+            :show-file-list="false"
+            :on-success="handleAvatarSuccess"
+            :headers="upHeaders">
+            <img v-if="temp.image" :src="temp.image" class="avatar">
+            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+          </el-upload>
+        </el-form-item>
+        <el-form-item label="荣誉描述" prop="description">
+          <el-input v-model="temp.description" type="textarea" :rows="3" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible = false">取消</el-button>
+        <el-button type="primary" @click="dialogStatus==='create'?createData():updateData()">确认</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<style>
+.avatar-uploader .el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+.avatar-uploader .el-upload:hover {
+  border-color: #409eff;
+}
+.avatar-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 178px;
+  height: 178px;
+  line-height: 178px;
+  text-align: center;
+}
+.avatar {
+  width: 178px;
+  height: 178px;
+  display: block;
+}
+</style>
+
+<script>
+import { getHonors, createHonor, updateHonor, deleteHonor, getStudents } from '@/api/crm'
+import Pagination from '@/components/Pagination'
+import { upUrl, upHeaders } from "@/api/file"
+
+export default {
+  name: 'HonorTable',
+  components: { Pagination },
+  data() {
+    return {
+      list: null,
+      total: 0,
+      listLoading: true,
+      listQuery: {
+        page: 1,
+        limit: 20,
+        search: undefined
+      },
+      temp: {
+        id: undefined,
+        student: undefined,
+        title: '',
+        image: 'https://images.unsplash.com/photo-1579548122080-c35fd6820ecb',
+        date: new Date().toISOString().slice(0, 10),
+        description: ''
+      },
+      dialogFormVisible: false,
+      dialogStatus: '',
+      textMap: {
+        update: '编辑',
+        create: '新增'
+      },
+      rules: {
+        student: [{ required: true, message: '请选择学员', trigger: 'change' }],
+        title: [{ required: true, message: '请输入荣誉标题', trigger: 'blur' }],
+        date: [{ required: true, message: '请选择日期', trigger: 'change' }]
+      },
+      upUrl: upUrl(),
+      upHeaders: upHeaders(),
+      allStudents: [],
+      selectedStudentOrganization: ''
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.listLoading = true
+      getHonors(this.listQuery).then(response => {
+        this.list = response.data.results
+        this.total = response.data.count
+        this.listLoading = false
+      })
+    },
+    searchStudents(query) {
+        getStudents({ search: query, page: 1, limit: 20 }).then(response => {
+            this.allStudents = response.data.results
+        })
+    },
+    handleStudentChange(val) {
+        const student = this.allStudents.find(item => item.id === val)
+        if (student) {
+            this.selectedStudentOrganization = student.teacher_name || ''
+        } else {
+            this.selectedStudentOrganization = ''
+        }
+    },
+    handleFilter() {
+      this.listQuery.page = 1
+      this.getList()
+    },
+    resetTemp() {
+      this.temp = {
+        id: undefined,
+        student: undefined,
+        title: '',
+        image: 'https://images.unsplash.com/photo-1579548122080-c35fd6820ecb',
+        date: new Date().toISOString().slice(0, 10),
+        description: ''
+      }
+      this.allStudents = []
+      this.selectedStudentOrganization = ''
+    },
+    handleCreate() {
+      this.resetTemp()
+      this.dialogStatus = 'create'
+      this.dialogFormVisible = true
+      this.searchStudents('')
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+    },
+    createData() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          createHonor(this.temp).then(() => {
+            this.list.unshift(this.temp)
+            this.dialogFormVisible = false
+            this.getList()
+            this.$notify({
+              title: 'Success',
+              message: 'Created Successfully',
+              type: 'success',
+              duration: 2000
+            })
+          })
+        }
+      })
+    },
+    handleUpdate(row) {
+      this.temp = Object.assign({}, row) // copy obj
+      this.dialogStatus = 'update'
+      this.dialogFormVisible = true
+      // Pre-fetch the student info for the select
+      if (row.student) {
+          // Use student_name and student_phone from row to populate the select option
+          this.allStudents = [{
+              id: row.student,
+              name: row.student_name,
+              phone: row.student_phone || '',
+              teacher_name: row.student_teaching_center
+          }]
+          this.selectedStudentOrganization = row.student_teaching_center
+      }
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+    },
+    updateData() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          const tempData = Object.assign({}, this.temp)
+          updateHonor(tempData.id, tempData).then(() => {
+            this.getList()
+            this.dialogFormVisible = false
+            this.$notify({
+              title: 'Success',
+              message: 'Update Successfully',
+              type: 'success',
+              duration: 2000
+            })
+          })
+        }
+      })
+    },
+    handleDelete(row, index) {
+        this.$confirm('确认删除该荣誉吗?', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+        }).then(() => {
+            deleteHonor(row.id).then(() => {
+                this.$notify({
+                title: 'Success',
+                message: 'Delete Successfully',
+                type: 'success',
+                duration: 2000
+                })
+                this.list.splice(index, 1)
+            })
+        })
+    },
+    handleAvatarSuccess(res, file) {
+        this.temp.image = res.data.path
+    }
+  }
+}
+</script>
diff --git a/admin/client/src/views/crm/index.vue b/admin/client/src/views/crm/index.vue
new file mode 100644
index 0000000..98240ae
--- /dev/null
+++ b/admin/client/src/views/crm/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <router-view />
+</template>
diff --git a/admin/client/src/views/crm/issued_coupon.vue b/admin/client/src/views/crm/issued_coupon.vue
new file mode 100644
index 0000000..a2a0b29
--- /dev/null
+++ b/admin/client/src/views/crm/issued_coupon.vue
@@ -0,0 +1,175 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+      <el-input v-model="listQuery.student__name" placeholder="学员姓名" style="width: 200px;" class="filter-item" @keyup.enter.native="handleFilter" />
+      <el-input v-model="listQuery.coupon__title" placeholder="优惠券名称" style="width: 200px;" class="filter-item" @keyup.enter.native="handleFilter" />
+      <el-select v-model="listQuery.status" placeholder="状态" clearable class="filter-item" style="width: 130px">
+        <el-option v-for="item in statusOptions" :key="item.key" :label="item.label" :value="item.key" />
+      </el-select>
+      <el-button class="filter-item" type="primary" icon="el-icon-search" @click="handleFilter">搜索</el-button>
+    </div>
+
+    <el-table v-loading="listLoading" :data="list" border fit highlight-current-row style="width: 100%;">
+      <el-table-column label="ID" align="center" width="80">
+        <template slot-scope="{row}"><span>{{ row.id }}</span></template>
+      </el-table-column>
+      <el-table-column label="学员姓名" align="center">
+        <template slot-scope="{row}"><span>{{ row.student_name }}</span></template>
+      </el-table-column>
+      <el-table-column label="电话" align="center">
+        <template slot-scope="{row}"><span>{{ row.student_phone }}</span></template>
+      </el-table-column>
+      <el-table-column label="优惠券名称" align="center">
+        <template slot-scope="{row}"><span>{{ row.coupon_title }}</span></template>
+      </el-table-column>
+      <el-table-column label="面额" align="center">
+        <template slot-scope="{row}"><span>{{ row.coupon_detail.amount }} {{ row.coupon_detail.unit }}</span></template>
+      </el-table-column>
+      <el-table-column label="分配时间" align="center">
+        <template slot-scope="{row}"><span>{{ row.assigned_at }}</span></template>
+      </el-table-column>
+      <el-table-column label="使用时间" align="center">
+        <template slot-scope="{row}"><span>{{ row.used_at || '-' }}</span></template>
+      </el-table-column>
+      <el-table-column label="状态" align="center">
+        <template slot-scope="{row}">
+          <el-tag :type="statusTypeMap[row.status]">{{ row.status_display }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" width="180" class-name="small-padding fixed-width">
+        <template slot-scope="{row}">
+          <template v-if="row.status === 'assigned'">
+            <el-button type="primary" size="mini" @click="handleStatusChange(row, 'used')">
+              核销
+            </el-button>
+            <el-dropdown trigger="click" style="margin-left: 10px;">
+              <el-button size="mini">
+                更多<i class="el-icon-arrow-down el-icon--right" />
+              </el-button>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item @click.native="handleStatusChange(row, 'suspended')">暂停</el-dropdown-item>
+                <el-dropdown-item @click.native="handleStatusChange(row, 'revoked')">回收</el-dropdown-item>
+                <el-dropdown-item divided icon="el-icon-delete" style="color: #f56c6c;" @click.native="handleDelete(row)">删除</el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+          </template>
+
+          <template v-else-if="row.status === 'suspended'">
+            <el-button type="success" size="mini" @click="handleStatusChange(row, 'assigned')">
+              恢复
+            </el-button>
+            <el-dropdown trigger="click" style="margin-left: 10px;">
+              <el-button size="mini">
+                更多<i class="el-icon-arrow-down el-icon--right" />
+              </el-button>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item @click.native="handleStatusChange(row, 'revoked')">回收</el-dropdown-item>
+                <el-dropdown-item divided icon="el-icon-delete" style="color: #f56c6c;" @click.native="handleDelete(row)">删除</el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+          </template>
+
+          <template v-else>
+            <el-button type="danger" size="mini" icon="el-icon-delete" @click="handleDelete(row)">
+              删除
+            </el-button>
+          </template>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination v-show="total>0" :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+  </div>
+</template>
+
+<script>
+import { getStudentCoupons, updateStudentCoupon, deleteStudentCoupon } from '@/api/crm'
+import Pagination from '@/components/Pagination'
+
+export default {
+  name: 'IssuedCoupons',
+  components: { Pagination },
+  data() {
+    return {
+      list: null,
+      total: 0,
+      listLoading: true,
+      listQuery: {
+        page: 1,
+        limit: 20,
+        student__name: undefined,
+        coupon__title: undefined,
+        status: undefined
+      },
+      statusOptions: [
+        { key: 'assigned', label: '已分配' },
+        { key: 'used', label: '已使用' },
+        { key: 'expired', label: '已过期' },
+        { key: 'revoked', label: '已回收' },
+        { key: 'suspended', label: '暂停使用' }
+      ],
+      statusTypeMap: {
+        assigned: 'success',
+        used: 'info',
+        expired: 'danger',
+        revoked: 'info',
+        suspended: 'warning'
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.listLoading = true
+      getStudentCoupons(this.listQuery).then(response => {
+        this.list = response.data.results
+        this.total = response.data.count
+        this.listLoading = false
+      })
+    },
+    handleFilter() {
+      this.listQuery.page = 1
+      this.getList()
+    },
+    handleStatusChange(row, status) {
+        const actionText = {
+            suspended: '暂停',
+            assigned: '恢复',
+            revoked: '回收',
+            used: '核销'
+        }[status]
+        
+        this.$confirm(`确认${actionText}该优惠券?`, '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+        }).then(() => {
+            updateStudentCoupon(row.id, { status: status }).then(() => {
+                this.$message({
+                    message: '操作成功',
+                    type: 'success'
+                })
+                this.getList()
+            })
+        })
+    },
+    handleDelete(row) {
+        this.$confirm('确认删除该条记录?', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+        }).then(() => {
+            deleteStudentCoupon(row.id).then(() => {
+                this.$message({
+                    message: '删除成功',
+                    type: 'success'
+                })
+                this.getList()
+            })
+        })
+    }
+  }
+}
+</script>
diff --git a/admin/client/src/views/crm/project.vue b/admin/client/src/views/crm/project.vue
new file mode 100644
index 0000000..d5eda57
--- /dev/null
+++ b/admin/client/src/views/crm/project.vue
@@ -0,0 +1,542 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+      <el-input v-model="listQuery.search" placeholder="项目名称" style="width: 200px;" class="filter-item" @keyup.enter.native="handleFilter" />
+      <el-button class="filter-item" type="primary" icon="el-icon-search" @click="handleFilter">搜索</el-button>
+      <el-button class="filter-item" style="margin-left: 10px;" type="primary" icon="el-icon-edit" @click="handleCreate">新增</el-button>
+    </div>
+
+    <el-table v-loading="listLoading" :data="list" border fit highlight-current-row style="width: 100%;">
+      <el-table-column label="ID" align="center" width="60">
+        <template slot-scope="{row}"><span>{{ row.id }}</span></template>
+      </el-table-column>
+      <el-table-column label="项目名称" min-width="150px">
+        <template slot-scope="{row}"><span>{{ row.title }}</span></template>
+      </el-table-column>
+      <el-table-column label="项目类型" width="120px" align="center">
+        <template slot-scope="{row}"><span>{{ row.project_type_display }}</span></template>
+      </el-table-column>
+      <el-table-column label="教学中心" width="110px" align="center">
+        <template slot-scope="{row}"><span>{{ row.teacher_name }}</span></template>
+      </el-table-column>
+      <el-table-column label="封面" width="80px" align="center">
+        <template slot-scope="{row}"><img :src="row.image" width="50" height="50" style="object-fit:cover"></template>
+      </el-table-column>
+      <el-table-column label="学习人数" width="80px" align="center">
+        <template slot-scope="{row}"><span>{{ row.students }}</span></template>
+      </el-table-column>
+      <el-table-column label="地址" width="150px" align="center">
+        <template slot-scope="{row}"><span>{{ row.address }}</span></template>
+      </el-table-column>
+      <el-table-column label="价格" width="120px" align="center">
+        <template slot-scope="{row}"><span>{{ row.price }}</span></template>
+      </el-table-column>
+      <el-table-column label="显示价格" width="80px" align="center">
+        <template slot-scope="{row}">
+            <el-tag :type="row.show_price ? 'success' : 'info'">{{ row.show_price ? '是' : '否' }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="排序" width="80px" align="center">
+        <template slot-scope="{row}"><span>{{ row.sort_order }}</span></template>
+      </el-table-column>
+      <el-table-column label="置顶" width="80px" align="center">
+        <template slot-scope="{row}">
+            <el-tag :type="row.is_top ? 'danger' : 'info'">{{ row.is_top ? '是' : '否' }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="状态" width="80px" align="center">
+        <template slot-scope="{row}">
+            <el-tag :type="row.is_active ? 'success' : 'info'">{{ row.is_active ? '启用' : '禁用' }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" width="280" fixed="right">
+        <template slot-scope="{row,$index}">
+          <el-button type="primary" size="mini" @click="handleUpdate(row)">编辑</el-button>
+          <el-button type="success" size="mini" @click="handleStudents(row)">学员管理</el-button>
+          <el-button size="mini" type="danger" @click="handleDelete(row,$index)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination v-show="total>0" :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+
+    <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="800px">
+      <el-form ref="dataForm" :rules="rules" :model="temp" label-position="left" label-width="90px" style="width: 700px; margin-left:50px;">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="项目名称" prop="title">
+              <el-input v-model="temp.title" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="教学中心" prop="teacher">
+              <el-select v-model="temp.teacher" class="filter-item" placeholder="请选择" clearable style="width: 100%">
+                <el-option v-for="item in teachers" :key="item.id" :label="item.name" :value="item.id" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20" v-if="!temp.teacher && (temp.project_type === 'competition' || temp.project_type === 'grading')">
+           <el-col :span="24">
+             <el-form-item label="自定义主办方" prop="custom_teacher">
+               <el-input v-model="temp.custom_teacher" placeholder="未选择教学中心时，可在此输入主办方/机构名称" />
+             </el-form-item>
+           </el-col>
+        </el-row>
+
+        <el-form-item label="封面图片" prop="image">
+           <el-upload
+            class="avatar-uploader"
+            :action="upUrl"
+            :show-file-list="false"
+            :on-success="handleAvatarSuccess"
+            :headers="upHeaders">
+            <img v-if="temp.image" :src="temp.image" class="avatar">
+            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+          </el-upload>
+        </el-form-item>
+
+        <el-row :gutter="20">
+          <el-col :span="8">
+            <el-form-item label="学习人数" prop="students">
+              <el-input v-model.number="temp.students" placeholder="请输入学习人数" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="地址" prop="address">
+              <el-input v-model="temp.address" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+             <el-form-item label="时长" prop="duration">
+              <el-input v-model="temp.duration" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+            <el-col :span="8">
+                <el-form-item label="价格" prop="price">
+                    <el-input v-model="temp.price" type="number" />
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="显示价格" prop="show_price">
+                    <el-switch v-model="temp.show_price" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="置顶" prop="is_top">
+                    <el-switch v-model="temp.is_top" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
+                </el-form-item>
+            </el-col>
+        </el-row>
+        
+        <el-row :gutter="20">
+             <el-col :span="8">
+                <el-form-item label="排序" prop="sort_order">
+                    <el-input-number v-model="temp.sort_order" :min="0" :max="9999" style="width: 100%;"></el-input-number>
+                </el-form-item>
+            </el-col>
+            <el-col :span="8">
+                <el-form-item label="是否启用" prop="is_active">
+                    <el-switch v-model="temp.is_active" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
+                </el-form-item>
+            </el-col>
+        </el-row>
+
+        <el-form-item label="项目详情" prop="detail">
+          <div id="editor"></div>
+        </el-form-item>
+
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible = false">取消</el-button>
+        <el-button type="primary" @click="dialogStatus==='create'?createData():updateData()">确认</el-button>
+      </div>
+    </el-dialog>
+
+    <el-dialog title="学员管理" :visible.sync="studentDialogVisible" width="800px">
+        <div class="filter-container">
+            <el-button class="filter-item" type="primary" icon="el-icon-plus" @click="openAddStudent">添加学员</el-button>
+        </div>
+        <el-table :data="studentList" border fit highlight-current-row style="width: 100%;">
+            <el-table-column label="学员姓名" align="center">
+                <template slot-scope="{row}"><span>{{ row.student_name }}</span></template>
+            </el-table-column>
+            <el-table-column label="电话" align="center">
+                <template slot-scope="{row}"><span>{{ row.student_phone }}</span></template>
+            </el-table-column>
+            <el-table-column label="所属项目" align="center">
+                <template slot-scope="{row}"><span>{{ row.project_title }}</span></template>
+            </el-table-column>
+            <el-table-column label="报名时间" align="center">
+                <template slot-scope="{row}"><span>{{ row.enrolled_at }}</span></template>
+            </el-table-column>
+             <el-table-column label="状态" align="center" width="130">
+                <template slot-scope="{row}">
+                    <el-select v-model="row.status" size="mini" @change="handleStudentStatusChange(row)">
+                        <el-option v-for="item in studentStatusOptions" :key="item.value" :label="item.label" :value="item.value" />
+                    </el-select>
+                </template>
+            </el-table-column>
+            <el-table-column label="操作" align="center">
+                <template slot-scope="{row}">
+                    <el-button size="mini" type="danger" @click="removeStudent(row)">移除</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+    </el-dialog>
+
+    <el-dialog title="添加学员" :visible.sync="addStudentDialogVisible" width="500px">
+        <el-form label-position="left" label-width="90px">
+            <el-form-item label="选择学员">
+                <el-select v-model="selectedStudentId" filterable remote :remote-method="searchStudents" placeholder="请输入姓名或电话搜索" style="width: 100%">
+                    <el-option v-for="item in allStudents" :key="item.id" :label="item.name + ' (' + item.phone + ')'" :value="item.id" />
+                </el-select>
+            </el-form-item>
+        </el-form>
+        <div slot="footer" class="dialog-footer">
+            <el-button @click="addStudentDialogVisible = false">取消</el-button>
+            <el-button type="primary" @click="confirmAddStudent">确认</el-button>
+        </div>
+    </el-dialog>
+
+  </div>
+</template>
+
+<style>
+.avatar-uploader .el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+.avatar-uploader .el-upload:hover {
+  border-color: #409eff;
+}
+.avatar-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 178px;
+  height: 178px;
+  line-height: 178px;
+  text-align: center;
+}
+.avatar {
+  width: 178px;
+  height: 178px;
+  display: block;
+}
+</style>
+
+<script>
+import { getProjects, createProject, updateProject, deleteProject, getTeachers, getStudentProjects, createStudentProject, updateStudentProject, deleteStudentProject, getStudents } from '@/api/crm'
+import Pagination from '@/components/Pagination'
+import { upUrl, upHeaders } from "@/api/file"
+import E from 'wangeditor'
+
+export default {
+  name: 'ProjectTable',
+  components: { Pagination },
+  data() {
+    return {
+      editor: null,
+      list: null,
+      total: 0,
+      listLoading: true,
+      listQuery: {
+        page: 1,
+        limit: 20,
+        search: undefined,
+        project_type: undefined
+      },
+      teachers: [],
+      projectTypeOptions: [
+        { label: '小主持语言培训', value: 'training' },
+        { label: '赛事管理', value: 'competition' },
+        { label: '考级管理', value: 'grading' }
+      ],
+      temp: {
+        id: undefined,
+        title: '',
+        project_type: 'training',
+        teacher: undefined,
+        custom_teacher: '',
+        image: '',
+        students: 0,
+        address: '',
+        duration: '4 周',
+        price: 299.00,
+        show_price: true,
+        sort_order: 0,
+        is_top: false,
+        is_active: true,
+        detail: ''
+      },
+      dialogFormVisible: false,
+      dialogStatus: '',
+      textMap: {
+        update: '编辑',
+        create: '新增'
+      },
+      rules: {
+        title: [{ required: true, message: '请输入项目名称', trigger: 'blur' }],
+        // teacher: [{ required: true, message: '请选择负责老师', trigger: 'change' }], // Optional?
+      },
+      upUrl: upUrl(),
+      upHeaders: upHeaders(),
+
+      // Student Management
+      studentDialogVisible: false,
+      currentProject: null,
+      studentList: [],
+      addStudentDialogVisible: false,
+      selectedStudentId: undefined,
+      allStudents: [],
+      studentStatusOptions: [
+        { label: '已报名', value: 'enrolled' },
+        { label: '在读', value: 'studying' },
+        { label: '毕业', value: 'graduated' },
+        { label: '结束', value: 'finished' }
+      ]
+    }
+  },
+  created() {
+    // 根据路由 meta 设置默认的项目类型筛选
+    if (this.$route.meta.type) {
+      this.listQuery.project_type = this.$route.meta.type
+    }
+    this.getList()
+    this.getTeachers()
+  },
+  watch: {
+    '$route.meta.type'(val) {
+        this.listQuery.project_type = val
+        this.getList()
+    }
+  },
+  beforeDestroy() {
+    if (this.editor) {
+      this.editor.destroy()
+      this.editor = null
+    }
+  },
+  methods: {
+    getList() {
+      this.listLoading = true
+      getProjects(this.listQuery).then(response => {
+        this.list = response.data.results
+        this.total = response.data.count
+        this.listLoading = false
+      })
+    },
+    getTeachers() {
+      getTeachers().then(response => {
+        // 如果后端没有分页，response.data 就是数组
+        this.teachers = Array.isArray(response.data) ? response.data : response.data.results
+      })
+    },
+    handleFilter() {
+      this.listQuery.page = 1
+      this.getList()
+    },
+    resetTemp() {
+      this.temp = {
+        id: undefined,
+        title: '',
+        project_type: this.listQuery.project_type || 'training',
+        teacher: undefined,
+        custom_teacher: '',
+        image: 'https://images.unsplash.com/photo-1526379095098-d400fd0bf935',
+        students: 0,
+        address: '',
+        duration: '4 周',
+        price: 299.00,
+        show_price: true,
+        sort_order: 0,
+        is_top: false,
+        is_active: true,
+        detail: ''
+      }
+    },
+    handleCreate() {
+      this.resetTemp()
+      this.dialogStatus = 'create'
+      this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+        this.initEditor()
+        this.editor.txt.html('')
+      })
+    },
+    createData() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          createProject(this.temp).then(() => {
+            this.dialogFormVisible = false
+            this.$notify({
+              title: 'Success',
+              message: '创建成功',
+              type: 'success',
+              duration: 2000
+            })
+            this.getList()
+          })
+        }
+      })
+    },
+    handleUpdate(row) {
+      this.temp = Object.assign({}, row) // copy obj
+      this.dialogStatus = 'update'
+      this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+        this.initEditor()
+        this.editor.txt.html(this.temp.detail)
+      })
+    },
+    updateData() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          const tempData = Object.assign({}, this.temp)
+          updateProject(tempData.id, tempData).then(() => {
+            this.dialogFormVisible = false
+            this.$notify({
+              title: 'Success',
+              message: '更新成功',
+              type: 'success',
+              duration: 2000
+            })
+            this.getList()
+          })
+        }
+      })
+    },
+    initEditor() {
+      if (this.editor) return
+      this.editor = new E('#editor')
+      this.editor.config.zIndex = 100
+      this.editor.config.uploadImgServer = this.upUrl
+      this.editor.config.uploadFileName = 'file'
+      this.editor.config.uploadImgHeaders = this.upHeaders
+      this.editor.config.uploadImgHooks = {
+        customInsert: (insertImgFn, result) => {
+           // Adapt to both standard response and direct DRF response
+           if (result && result.path) {
+             insertImgFn(result.path)
+           } else if ((result.code === 200 || result.code === 201) && result.data) {
+             insertImgFn(result.data.path || result.data.file)
+           } else {
+             this.$message.error('上传失败: ' + (result.msg || '未知错误'))
+           }
+        }
+      }
+
+      this.editor.config.uploadVideoServer = this.upUrl
+      this.editor.config.uploadVideoName = 'file'
+      this.editor.config.uploadVideoHeaders = this.upHeaders
+      this.editor.config.uploadVideoHooks = {
+        customInsert: (insertVideoFn, result) => {
+           if (result && result.path) {
+             insertVideoFn(result.path)
+           } else if ((result.code === 200 || result.code === 201) && result.data) {
+             insertVideoFn(result.data.path || result.data.file)
+           } else {
+             this.$message.error('上传失败: ' + (result.msg || '未知错误'))
+           }
+        }
+      }
+
+      this.editor.config.onchange = (html) => {
+        this.temp.detail = html
+      }
+      this.editor.create()
+    },
+    handleDelete(row, index) {
+        this.$confirm('确认删除该项目?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+            deleteProject(row.id).then(() => {
+                this.$notify({
+                title: 'Success',
+                message: '删除成功',
+                type: 'success',
+                duration: 2000
+                })
+                this.list.splice(index, 1)
+            })
+        })
+    },
+    handleAvatarSuccess(res, file) {
+      this.temp.image = res.data.path
+    },
+    // Student Management Methods
+    handleStudents(row) {
+        this.currentProject = row;
+        this.studentDialogVisible = true;
+        this.getEnrolledStudents();
+    },
+    getEnrolledStudents() {
+        getStudentProjects({ project: this.currentProject.id }).then(response => {
+            this.studentList = response.data.results;
+        })
+    },
+    openAddStudent() {
+        this.addStudentDialogVisible = true;
+        this.selectedStudentId = undefined;
+        this.searchStudents('');
+    },
+    searchStudents(query) {
+        getStudents({ search: query }).then(response => {
+            this.allStudents = response.data.results;
+        })
+    },
+    confirmAddStudent() {
+        if (!this.selectedStudentId) {
+            this.$message.warning('请选择学员');
+            return;
+        }
+        createStudentProject({
+            student: this.selectedStudentId,
+            project: this.currentProject.id
+        }).then(() => {
+            this.$message.success('添加成功');
+            this.addStudentDialogVisible = false;
+            this.getEnrolledStudents();
+            this.getList(); // Update student count
+        }).catch(err => {
+             // Already handled by request interceptor mostly, but duplicate error might occur
+             if (err.response && err.response.data && err.response.data.non_field_errors) {
+                 this.$message.error('该学员已报名此项目');
+             }
+        })
+    },
+    removeStudent(row) {
+        this.$confirm('确认移除该学员?', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+        }).then(() => {
+            deleteStudentProject(row.id).then(() => {
+                this.$message.success('移除成功');
+                this.getEnrolledStudents();
+                this.getList(); // Update student count
+            })
+        })
+    },
+    handleStudentStatusChange(row) {
+        updateStudentProject(row.id, { status: row.status }).then(() => {
+            this.$message.success('状态更新成功');
+        }).catch(() => {
+            this.$message.error('状态更新失败');
+            this.getEnrolledStudents(); // Revert changes
+        });
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/admin/client/src/views/crm/showcase.vue b/admin/client/src/views/crm/showcase.vue
new file mode 100644
index 0000000..41a255a
--- /dev/null
+++ b/admin/client/src/views/crm/showcase.vue
@@ -0,0 +1,304 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+      <el-input v-model="listQuery.search" placeholder="搜索标题或学员姓名" style="width: 200px;" class="filter-item" @keyup.enter.native="handleFilter" />
+      <el-button class="filter-item" type="primary" icon="el-icon-search" @click="handleFilter">搜索</el-button>
+      <el-button class="filter-item" style="margin-left: 10px;" type="primary" icon="el-icon-edit" @click="handleCreate">新增</el-button>
+    </div>
+
+    <el-table v-loading="listLoading" :data="list" border fit highlight-current-row style="width: 100%;">
+      <el-table-column label="ID" align="center" width="80">
+        <template slot-scope="{row}"><span>{{ row.id }}</span></template>
+      </el-table-column>
+      <el-table-column label="标题" min-width="150px">
+        <template slot-scope="{row}"><span>{{ row.title }}</span></template>
+      </el-table-column>
+      <el-table-column label="封面图片" width="100px" align="center">
+        <template slot-scope="{row}">
+            <img :src="row.cover_image" width="50" height="50" style="object-fit:cover">
+        </template>
+      </el-table-column>
+      <el-table-column label="视频链接" min-width="200px" align="center">
+        <template slot-scope="{row}">
+            <a v-if="row.video_url" :href="row.video_url" target="_blank" style="color: #409EFF;">{{ row.video_url }}</a>
+            <span v-else style="color: #909399;">无视频</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="排序" width="80px" align="center">
+        <template slot-scope="{row}"><span>{{ row.sort_order }}</span></template>
+      </el-table-column>
+      <el-table-column label="状态" class-name="status-col" width="100">
+        <template slot-scope="{row}">
+          <el-tag :type="row.is_active ? 'success' : 'info'">
+            {{ row.is_active ? '启用' : '禁用' }}
+          </el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" width="230" class-name="small-padding fixed-width">
+        <template slot-scope="{row,$index}">
+          <el-button type="primary" size="mini" @click="handleUpdate(row)">编辑</el-button>
+          <el-button size="mini" type="danger" @click="handleDelete(row,$index)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination v-show="total>0" :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+
+    <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" width="600px">
+      <el-form ref="dataForm" :rules="rules" :model="temp" label-position="left" label-width="90px" style="width: 500px; margin-left:50px;">
+        <el-form-item label="标题" prop="title">
+          <el-input v-model="temp.title" />
+        </el-form-item>
+        <el-form-item label="封面图片" prop="cover_image">
+             <el-upload
+                class="avatar-uploader"
+                :action="upUrl"
+                :headers="upHeaders"
+                :show-file-list="false"
+                :on-success="handleCoverSuccess"
+                :before-upload="beforeImageUpload">
+                <img v-if="temp.cover_image" :src="temp.cover_image" class="avatar" style="width: 100px; height: 100px; object-fit: cover;">
+                <i v-else class="el-icon-plus avatar-uploader-icon" style="border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; width: 100px; height: 100px; line-height: 100px; text-align: center;"></i>
+             </el-upload>
+             <div style="font-size: 12px; color: #999;">点击上传封面图片</div>
+        </el-form-item>
+        <el-form-item label="视频文件" prop="video_url">
+           <el-upload
+              class="upload-demo"
+              :action="upUrl"
+              :headers="upHeaders"
+              :on-success="handleVideoSuccess"
+              :before-upload="beforeVideoUpload"
+              :limit="1"
+              :file-list="videoFileList">
+              <el-button size="small" type="primary">点击上传视频</el-button>
+              <div slot="tip" class="el-upload__tip">只能上传视频文件</div>
+            </el-upload>
+            <div v-if="temp.video_url" style="margin-top: 10px;">
+                <a :href="temp.video_url" target="_blank" style="color: #409EFF;">查看当前视频</a>
+            </div>
+        </el-form-item>
+        <el-form-item label="排序" prop="sort_order">
+          <el-input-number v-model="temp.sort_order" :min="0" />
+        </el-form-item>
+        <el-form-item label="是否启用" prop="is_active">
+          <el-switch v-model="temp.is_active" active-color="#13ce66" inactive-color="#ff4949" />
+        </el-form-item>
+        <el-form-item label="描述">
+          <el-input v-model="temp.description" type="textarea" :rows="4" placeholder="请输入描述" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible = false">取消</el-button>
+        <el-button type="primary" @click="dialogStatus==='create'?createData():updateData()">确认</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getShowcases, createShowcase, updateShowcase, deleteShowcase } from '@/api/crm'
+import Pagination from '@/components/Pagination'
+import { upUrl, upHeaders } from "@/api/file"
+
+export default {
+  name: 'ShowcaseTable',
+  components: { Pagination },
+  data() {
+    return {
+      list: null,
+      total: 0,
+      listLoading: true,
+      listQuery: {
+        page: 1,
+        limit: 20,
+        search: undefined
+      },
+      temp: {
+        id: undefined,
+        title: '',
+        // student: undefined, // Removed
+        cover_image: 'https://images.unsplash.com/photo-1516321318423-f06f85e504b3',
+        video_url: '',
+        description: '',
+        sort_order: 0,
+        is_active: true
+      },
+      videoFileList: [],
+      dialogFormVisible: false,
+      dialogStatus: '',
+      textMap: {
+        update: '编辑',
+        create: '新增'
+      },
+      rules: {
+        title: [{ required: true, message: '请输入标题', trigger: 'blur' }],
+        cover_image: [{ required: true, message: '请上传封面图片', trigger: 'blur' }]
+      },
+      upUrl: upUrl(),
+      upHeaders: upHeaders()
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.listLoading = true
+      getShowcases(this.listQuery).then(response => {
+        this.list = response.data.results
+        this.total = response.data.count
+        this.listLoading = false
+      })
+    },
+    handleFilter() {
+      this.listQuery.page = 1
+      this.getList()
+    },
+    resetTemp() {
+      this.temp = {
+        id: undefined,
+        title: '',
+        // student: undefined,
+        cover_image: 'https://images.unsplash.com/photo-1516321318423-f06f85e504b3',
+        video_url: '',
+        description: '',
+        sort_order: 0,
+        is_active: true
+      }
+      this.videoFileList = []
+    },
+    handleCreate() {
+      this.resetTemp()
+      this.dialogStatus = 'create'
+      this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+    },
+    createData() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          // Debug log to check data before sending
+          console.log('Creating showcase with data:', this.temp);
+
+          createShowcase(this.temp).then(() => {
+            this.list.unshift(this.temp)
+            this.dialogFormVisible = false
+            this.getList()
+            this.$notify({
+              title: 'Success',
+              message: 'Created Successfully',
+              type: 'success',
+              duration: 2000
+            })
+          })
+        }
+      })
+    },
+    handleUpdate(row) {
+      this.temp = Object.assign({}, row) // copy obj
+      this.dialogStatus = 'update'
+      this.dialogFormVisible = true
+
+      if (this.temp.video_url) {
+          this.videoFileList = [{name: '当前视频', url: this.temp.video_url}]
+      } else {
+          this.videoFileList = []
+      }
+
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+    },
+    updateData() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          const tempData = Object.assign({}, this.temp)
+          updateShowcase(tempData.id, tempData).then(() => {
+            this.getList()
+            this.dialogFormVisible = false
+            this.$notify({
+              title: 'Success',
+              message: 'Update Successfully',
+              type: 'success',
+              duration: 2000
+            })
+          })
+        }
+      })
+    },
+    handleDelete(row, index) {
+        this.$confirm('确认删除吗?', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+        }).then(() => {
+            deleteShowcase(row.id).then(() => {
+                this.$notify({
+                title: 'Success',
+                message: 'Delete Successfully',
+                type: 'success',
+                duration: 2000
+                })
+                this.list.splice(index, 1)
+            })
+        })
+    },
+    handleCoverSuccess(res, file) {
+        if (res.data && res.data.path) {
+             this.temp.cover_image = res.data.path
+        } else {
+             this.temp.cover_image = res.path || res.file
+        }
+    },
+    beforeImageUpload(file) {
+        const isJPG = file.type === 'image/jpeg' || file.type === 'image/png';
+        const isLt2M = file.size / 1024 / 1024 < 2;
+
+        if (!isJPG) {
+          this.$message.error('上传头像图片只能是 JPG/PNG 格式!');
+        }
+        if (!isLt2M) {
+          this.$message.error('上传头像图片大小不能超过 2MB!');
+        }
+        return isJPG && isLt2M;
+    },
+    handleVideoSuccess(res, file) {
+        console.log('Video upload raw response:', res);
+
+        // FileViewSet.perform_create saves the absolute URL into 'path' field of the File model.
+        // FileSerializer returns all fields including 'path'.
+
+        // Use data from res directly if it exists, otherwise check for nested data structure
+        const data = res.data || res;
+
+        if (data.path) {
+             this.temp.video_url = data.path
+        } else if (data.file) {
+             // Fallback if path is missing (unlikely with current backend logic)
+             this.temp.video_url = data.file
+        } else if (typeof data === 'string' && data.startsWith('http')) {
+             // Sometimes it might just return the URL string directly
+             this.temp.video_url = data
+        }
+
+        console.log('Set video_url to:', this.temp.video_url);
+        this.videoFileList = [{name: file.name, url: this.temp.video_url}]
+    },
+    beforeVideoUpload(file) {
+        const isVideo = file.type.indexOf('video') !== -1;
+        // const isLt50M = file.size / 1024 / 1024 < 50;
+
+        if (!isVideo) {
+            this.$message.error('只能上传视频文件!');
+        }
+        // if (!isLt50M) {
+        //     this.$message.error('视频大小不能超过 50MB!');
+        // }
+        // return isVideo && isLt50M;
+        return isVideo;
+    }
+  }
+}
+</script>
diff --git a/admin/client/src/views/crm/student.vue b/admin/client/src/views/crm/student.vue
new file mode 100644
index 0000000..cedb182
--- /dev/null
+++ b/admin/client/src/views/crm/student.vue
@@ -0,0 +1,434 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+      <el-input v-model="listQuery.search" placeholder="学员姓名" style="width: 200px;" class="filter-item" @keyup.enter.native="handleFilter" />
+      <el-button class="filter-item" type="primary" icon="el-icon-search" @click="handleFilter">
+        搜索
+      </el-button>
+      <el-button class="filter-item" style="margin-left: 10px;" type="primary" icon="el-icon-edit" @click="handleCreate">
+        新增
+      </el-button>
+      <el-button class="filter-item" style="margin-left: 10px;" type="danger" icon="el-icon-delete" @click="handleClearAll">
+        清空全部
+      </el-button>
+    </div>
+
+    <el-table
+      v-loading="listLoading"
+      :data="list"
+      border
+      fit
+      highlight-current-row
+      style="width: 100%;"
+    >
+      <el-table-column label="ID" prop="id" sortable="custom" align="center" width="80">
+        <template slot-scope="{row}">
+          <span>{{ row.id }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="姓名" width="120px">
+        <template slot-scope="{row}">
+          <span>{{ row.name }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="电话" width="150px">
+        <template slot-scope="{row}">
+          <span>{{ row.phone }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="年龄" width="80px" align="center">
+        <template slot-scope="{row}">
+          <span>{{ row.age }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="已报项目" align="center" min-width="200">
+        <template slot-scope="{row}">
+            <div v-if="row.enrolled_projects && row.enrolled_projects.length > 0" style="text-align: left;">
+                <div v-for="(project, index) in row.enrolled_projects" :key="index" style="margin-bottom: 5px; font-size: 12px;">
+                    <span style="font-weight: 500;">{{ project.project_title }}</span>
+                    <el-tag size="mini" :type="project.status | projectStatusFilter" style="margin-left: 5px; transform: scale(0.9);">
+                        {{ project.status_display }}
+                    </el-tag>
+                </div>
+            </div>
+            <span v-else style="color: #999; font-size: 12px;">暂无项目</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="微信信息" width="180px" align="center">
+        <template slot-scope="{row}">
+          <div style="display: flex; align-items: center; justify-content: center;">
+            <img v-if="row.avatar" :src="row.avatar" style="width: 40px; height: 40px; border-radius: 50%; margin-right: 10px;">
+            <div style="display:flex; flex-direction:column; align-items:flex-start;">
+                <span>{{ row.wechat_nickname || '-' }}</span>
+                <span style="font-size:12px; color:#999;" v-if="row.openid">{{ row.openid.slice(0,6) }}...</span>
+            </div>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="关联教学中心" min-width="120px" align="center">
+        <template slot-scope="{row}">
+            <span>{{ row.teacher_name || row.teacher || '-' }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="公司名称" min-width="120px" align="center">
+        <template slot-scope="{row}">
+            <span>{{ row.company_name || '-' }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="职位" min-width="100px" align="center">
+        <template slot-scope="{row}">
+            <span>{{ row.position || '-' }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="状态" align="center" width="100">
+        <template slot-scope="{row}">
+          <el-tag :type="row.status | statusFilter">
+            {{ row.status_display }}
+          </el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" width="330" class-name="small-padding fixed-width">
+        <template slot-scope="{row,$index}">
+          <el-button type="primary" size="mini" @click="handleUpdate(row)">
+            编辑
+          </el-button>
+          <el-button type="success" size="mini" @click="openAssign(row)">
+            分配优惠券
+          </el-button>
+          <el-button size="mini" type="danger" @click="handleDelete(row,$index)">
+            删除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination v-show="total>0" :total="total" :page.sync="listQuery.page" :limit.sync="listQuery.limit" @pagination="getList" />
+
+    <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible">
+      <el-form ref="dataForm" :rules="rules" :model="temp" label-position="left" label-width="90px" style="width: 400px; margin-left:50px;">
+        <el-form-item label="姓名" prop="name">
+          <el-input v-model="temp.name" />
+        </el-form-item>
+        <el-form-item label="电话" prop="phone">
+          <el-input v-model="temp.phone" />
+        </el-form-item>
+        <el-form-item label="年龄" prop="age">
+          <el-input v-model.number="temp.age" />
+        </el-form-item>
+        <el-form-item label="地址" prop="address">
+          <el-input v-model="temp.address" />
+        </el-form-item>
+        <el-form-item label="头像URL" prop="avatar">
+          <el-input v-model="temp.avatar" />
+        </el-form-item>
+        <el-form-item label="微信唯一标识" prop="openid">
+          <el-input v-model="temp.openid" placeholder="OpenID" />
+        </el-form-item>
+        <el-form-item label="关联教学中心" prop="teacher">
+          <el-select v-model="temp.teacher" placeholder="请选择教学中心" clearable style="width: 100%">
+            <el-option v-for="item in teachers" :key="item.id" :label="item.name" :value="item.id" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="公司名称" prop="company_name">
+          <el-input v-model="temp.company_name" />
+        </el-form-item>
+        <el-form-item label="职位" prop="position">
+          <el-input v-model="temp.position" />
+        </el-form-item>
+        <el-form-item label="状态" prop="status">
+          <el-select v-model="temp.status" placeholder="请选择状态" style="width: 100%">
+            <el-option label="普通用户" value="ordinary" />
+            <el-option label="意向用户" value="intention" />
+            <el-option label="在读" value="reading" />
+            <el-option label="毕业" value="graduated" />
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible = false">
+          取消
+        </el-button>
+        <el-button type="primary" @click="dialogStatus==='create'?createData():updateData()">
+          确认
+        </el-button>
+      </div>
+    </el-dialog>
+
+    <el-dialog title="分配优惠券" :visible.sync="assignDialogVisible">
+      <el-form label-position="left" label-width="90px" style="width: 420px; margin-left:50px;">
+        <el-form-item label="选择优惠券">
+          <el-select v-model="selectedCouponId" placeholder="请选择" filterable style="width: 300px;">
+            <el-option
+              v-for="c in coupons"
+              :key="c.id"
+              :label="c.title + '（'+ c.amount + c.unit +'）'"
+              :value="c.id"
+            />
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="assignDialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="confirmAssign">确认分配</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getStudents, createStudent, updateStudent, deleteStudent, clearStudents, getCoupons, assignCouponToStudent, getTeachers, getTeachingCenters } from '@/api/crm'
+import Pagination from '@/components/Pagination'
+
+export default {
+  name: 'StudentTable',
+  components: { Pagination },
+  filters: {
+    statusFilter(status) {
+      const statusMap = {
+        ordinary: 'info',
+        intention: 'warning',
+        reading: 'success',
+        graduated: ''
+      }
+      return statusMap[status]
+    },
+    projectStatusFilter(status) {
+      const statusMap = {
+        enrolled: '',
+        studying: 'success',
+        graduated: 'warning',
+        finished: 'info'
+      }
+      return statusMap[status]
+    }
+  },
+  data() {
+    return {
+      list: null,
+      total: 0,
+      listLoading: true,
+      listQuery: {
+        page: 1,
+        limit: 20,
+        search: undefined
+      },
+      teachers: [],
+      teachingCenters: [],
+      temp: {
+        id: undefined,
+        name: '',
+        phone: '',
+        age: undefined,
+        address: '',
+        avatar: 'https://images.unsplash.com/photo-1535713875002-d1d0cf377fde',
+        openid: '',
+        teacher: undefined,
+        company_name: '',
+        position: '',
+        status: 'ordinary'
+      },
+      dialogFormVisible: false,
+      dialogStatus: '',
+      textMap: {
+        update: '编辑',
+        create: '新增'
+      },
+      rules: {
+        name: [{ required: true, message: '请输入姓名', trigger: 'blur' }]
+      },
+      assignDialogVisible: false,
+      selectedCouponId: undefined,
+      coupons: [],
+      currentStudentId: undefined
+    }
+  },
+  created() {
+    this.getList()
+    this.getTeachers()
+    this.getTeachingCenters()
+  },
+  methods: {
+    getList() {
+      this.listLoading = true
+      getStudents(this.listQuery).then(response => {
+        this.list = response.data.results
+        this.total = response.data.count
+        this.listLoading = false
+      })
+    },
+    getTeachers() {
+      getTeachers().then(response => {
+        this.teachers = response.data.results || response.data
+      })
+    },
+    getTeachingCenters() {
+      getTeachingCenters().then(response => {
+        this.teachingCenters = response.data.results || response.data
+      })
+    },
+    handleFilter() {
+      this.listQuery.page = 1
+      this.getList()
+    },
+    resetTemp() {
+      this.temp = {
+        id: undefined,
+        name: '',
+        phone: '',
+        age: undefined,
+        address: '',
+        avatar: 'https://images.unsplash.com/photo-1535713875002-d1d0cf377fde',
+        openid: '',
+        teacher: undefined,
+        company_name: '',
+        position: '',
+        status: 'ordinary'
+      }
+    },
+    handleCreate() {
+      this.resetTemp()
+      this.dialogStatus = 'create'
+      this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+    },
+    createData() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          createStudent(this.temp).then(() => {
+            this.dialogFormVisible = false
+            this.$notify({
+              title: 'Success',
+              message: '创建成功',
+              type: 'success',
+              duration: 2000
+            })
+            this.getList()
+          })
+        }
+      })
+    },
+    handleUpdate(row) {
+      this.temp = Object.assign({}, row) // copy obj
+      this.dialogStatus = 'update'
+      this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+    },
+    updateData() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          const tempData = Object.assign({}, this.temp)
+          updateStudent(tempData.id, tempData).then(() => {
+            this.dialogFormVisible = false
+            this.$notify({
+              title: 'Success',
+              message: '更新成功',
+              type: 'success',
+              duration: 2000
+            })
+            this.getList()
+          }).catch(error => {
+            const msg = (error && error.response && error.response.data && error.response.data.msg) || (error && error.message) || '更新失败'
+            this.$notify({
+              title: 'Error',
+              message: msg,
+              type: 'error',
+              duration: 2000
+            })
+          })
+        }
+      })
+    },
+    handleDelete(row, index) {
+      this.$confirm('确认删除?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        deleteStudent(row.id).then(() => {
+          this.$notify({
+            title: 'Success',
+            message: '删除成功',
+            type: 'success',
+            duration: 2000
+          })
+          // this.list.splice(index, 1)
+          this.getList()
+        }).catch(error => {
+          console.error('Delete failed:', error)
+          const msg = (error && error.response && error.response.data && error.response.data.msg) || (error && error.message) || '删除失败'
+          this.$notify({
+            title: 'Error',
+            message: msg,
+            type: 'error',
+            duration: 2000
+          })
+        })
+      }).catch(() => {
+        // Cancelled
+      })
+    },
+    handleClearAll() {
+      this.$confirm('此操作将永久删除所有学员数据且不可恢复，是否继续？', '高风险操作', {
+        confirmButtonText: '继续',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.$prompt('为防止误操作，请输入“清空”确认', '二次确认', {
+          confirmButtonText: '确认清空',
+          cancelButtonText: '取消',
+          inputPattern: /^清空$/,
+          inputErrorMessage: '请输入“清空”'
+        }).then(() => {
+          clearStudents().then(() => {
+            this.$notify({
+              title: 'Success',
+              message: '已清空全部学员',
+              type: 'success',
+              duration: 2000
+            })
+            this.getList()
+          }).catch(error => {
+            const msg = (error && error.response && error.response.data && error.response.data.msg) || (error && error.message) || '清空失败'
+            this.$notify({
+              title: 'Error',
+              message: msg,
+              type: 'error',
+              duration: 2000
+            })
+          })
+        }).catch(() => {})
+      }).catch(() => {})
+    },
+    openAssign(row) {
+      this.currentStudentId = row.id
+      this.assignDialogVisible = true
+      this.selectedCouponId = undefined
+      this.getCoupons()
+    },
+    getCoupons() {
+      getCoupons({ status: 'available' }).then(response => {
+        this.coupons = response.data.results
+      })
+    },
+    confirmAssign() {
+      if (!this.selectedCouponId) {
+        this.$message.warning('请选择优惠券')
+        return
+      }
+      assignCouponToStudent(this.currentStudentId, this.selectedCouponId).then(() => {
+        this.$notify({
+          title: 'Success',
+          message: '分配成功',
+          type: 'success',
+          duration: 2000
+        })
+        this.assignDialogVisible = false
+      })
+    }
+  }
+}
+</script>
diff --git a/admin/client/src/views/crm/teacher.vue b/admin/client/src/views/crm/teacher.vue
new file mode 100644
index 0000000..03937ad
--- /dev/null
+++ b/admin/client/src/views/crm/teacher.vue
@@ -0,0 +1,170 @@
+<template>
+  <div class="app-container">
+    <div class="filter-container">
+      <el-input v-model="listQuery.name" placeholder="机构名称" style="width: 200px;" class="filter-item" @keyup.enter.native="handleFilter" />
+      <el-button class="filter-item" type="primary" icon="el-icon-search" @click="handleFilter">搜索</el-button>
+      <el-button class="filter-item" style="margin-left: 10px;" type="primary" icon="el-icon-edit" @click="handleCreate">新增</el-button>
+    </div>
+
+    <el-table v-loading="listLoading" :data="list" border fit highlight-current-row style="width: 100%;">
+      <el-table-column label="ID" align="center" width="80">
+        <template slot-scope="{row}"><span>{{ row.id }}</span></template>
+      </el-table-column>
+      <el-table-column label="机构名称" align="center" min-width="120px">
+        <template slot-scope="{row}"><span>{{ row.name }}</span></template>
+      </el-table-column>
+      <el-table-column label="电话" align="center" min-width="120px">
+        <template slot-scope="{row}"><span>{{ row.phone }}</span></template>
+      </el-table-column>
+      <el-table-column label="简介" align="center" min-width="200px">
+        <template slot-scope="{row}"><span>{{ row.bio }}</span></template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" width="230" class-name="small-padding fixed-width">
+        <template slot-scope="{row,$index}">
+          <el-button type="primary" size="mini" @click="handleUpdate(row)">编辑</el-button>
+          <el-button size="mini" type="danger" @click="handleDelete(row,$index)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible">
+      <el-form ref="dataForm" :rules="rules" :model="temp" label-position="left" label-width="70px" style="width: 400px; margin-left:50px;">
+        <el-form-item label="机构名称" prop="name">
+          <el-input v-model="temp.name" />
+        </el-form-item>
+        <el-form-item label="电话" prop="phone">
+          <el-input v-model="temp.phone" />
+        </el-form-item>
+        <el-form-item label="简介" prop="bio">
+          <el-input type="textarea" v-model="temp.bio" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible = false">取消</el-button>
+        <el-button type="primary" @click="dialogStatus==='create'?createData():updateData()">确认</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getTeachers, createTeacher, updateTeacher, deleteTeacher } from '@/api/crm'
+
+export default {
+  name: 'TeacherTable',
+  data() {
+    return {
+      list: null,
+      listLoading: true,
+      listQuery: {
+        name: undefined
+      },
+      temp: {
+        id: undefined,
+        name: '',
+        phone: '',
+        bio: ''
+      },
+      dialogFormVisible: false,
+      dialogStatus: '',
+      textMap: {
+        update: '编辑',
+        create: '新增'
+      },
+      rules: {
+        name: [{ required: true, message: '请输入机构名称', trigger: 'blur' }]
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.listLoading = true
+      getTeachers(this.listQuery).then(response => {
+        // 如果后端没有分页，response.data 就是数组
+        this.list = Array.isArray(response.data) ? response.data : response.data.results
+        this.listLoading = false
+      })
+    },
+    handleFilter() {
+      this.getList()
+    },
+    resetTemp() {
+      this.temp = {
+        id: undefined,
+        name: '',
+        phone: '',
+        bio: ''
+      }
+    },
+    handleCreate() {
+      this.resetTemp()
+      this.dialogStatus = 'create'
+      this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+    },
+    createData() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          createTeacher(this.temp).then(() => {
+            this.dialogFormVisible = false
+            this.$notify({
+              title: 'Success',
+              message: '创建成功',
+              type: 'success',
+              duration: 2000
+            })
+            this.getList()
+          })
+        }
+      })
+    },
+    handleUpdate(row) {
+      this.temp = Object.assign({}, row) // copy obj
+      this.dialogStatus = 'update'
+      this.dialogFormVisible = true
+      this.$nextTick(() => {
+        this.$refs['dataForm'].clearValidate()
+      })
+    },
+    updateData() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          const tempData = Object.assign({}, this.temp)
+          updateTeacher(tempData.id, tempData).then(() => {
+            this.dialogFormVisible = false
+            this.$notify({
+              title: 'Success',
+              message: '更新成功',
+              type: 'success',
+              duration: 2000
+            })
+            this.getList()
+          })
+        }
+      })
+    },
+    handleDelete(row, index) {
+        this.$confirm('确认删除?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+            deleteTeacher(row.id).then(() => {
+                this.$notify({
+                title: 'Success',
+                message: '删除成功',
+                type: 'success',
+                duration: 2000
+                })
+                this.list.splice(index, 1)
+            })
+        })
+    }
+  }
+}
+</script>
diff --git a/admin/client/src/views/dashboard/components/BarChart.vue b/admin/client/src/views/dashboard/components/BarChart.vue
new file mode 100644
index 0000000..e4f859c
--- /dev/null
+++ b/admin/client/src/views/dashboard/components/BarChart.vue
@@ -0,0 +1,94 @@
+<template>
+  <div :class="className" :style="{height:height,width:width}" />
+</template>
+
+<script>
+import * as echarts from 'echarts'
+require('echarts/theme/macarons') // echarts theme
+import resize from '../mixins/resize'
+
+export default {
+  mixins: [resize],
+  props: {
+    className: {
+      type: String,
+      default: 'chart'
+    },
+    width: {
+      type: String,
+      default: '100%'
+    },
+    height: {
+      type: String,
+      default: '300px'
+    },
+    chartData: {
+      type: Object,
+      default: () => ({ names: [], counts: [], title: '热门机构' })
+    }
+  },
+  data() {
+    return {
+      chart: null
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.initChart()
+    })
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return
+    }
+    this.chart.dispose()
+    this.chart = null
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$el, 'macarons')
+
+      const names = this.chartData.names || []
+      const counts = this.chartData.counts || []
+      const title = this.chartData.title || '热门机构'
+
+      this.chart.setOption({
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: { // 坐标轴指示器，坐标轴触发有效
+            type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
+          }
+        },
+        grid: {
+          top: 10,
+          left: '2%',
+          right: '2%',
+          bottom: '3%',
+          containLabel: true
+        },
+        xAxis: [{
+          type: 'category',
+          data: names,
+          axisTick: {
+            alignWithLabel: true
+          }
+        }],
+        yAxis: [{
+          type: 'value',
+          axisTick: {
+            show: false
+          }
+        }],
+        series: [{
+          name: title,
+          type: 'bar',
+          stack: 'vistors',
+          barWidth: '60%',
+          data: counts,
+          animationDuration: 6000
+        }]
+      })
+    }
+  }
+}
+</script>
diff --git a/admin/client/src/views/dashboard/components/LineChart.vue b/admin/client/src/views/dashboard/components/LineChart.vue
new file mode 100644
index 0000000..bd7069c
--- /dev/null
+++ b/admin/client/src/views/dashboard/components/LineChart.vue
@@ -0,0 +1,135 @@
+<template>
+  <div :class="className" :style="{height:height,width:width}" />
+</template>
+
+<script>
+import * as echarts from 'echarts'
+require('echarts/theme/macarons') // echarts theme
+import resize from '../mixins/resize'
+
+export default {
+  mixins: [resize],
+  props: {
+    className: {
+      type: String,
+      default: 'chart'
+    },
+    width: {
+      type: String,
+      default: '100%'
+    },
+    height: {
+      type: String,
+      default: '350px'
+    },
+    autoResize: {
+      type: Boolean,
+      default: true
+    },
+    chartData: {
+      type: Object,
+      required: true
+    }
+  },
+  data() {
+    return {
+      chart: null
+    }
+  },
+  watch: {
+    chartData: {
+      deep: true,
+      handler(val) {
+        this.setOptions(val)
+      }
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.initChart()
+    })
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return
+    }
+    this.chart.dispose()
+    this.chart = null
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$el, 'macarons')
+      this.setOptions(this.chartData)
+    },
+    setOptions({ expectedData, actualData, xAxis } = {}) {
+      this.chart.setOption({
+        xAxis: {
+          data: xAxis && xAxis.length ? xAxis : ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+          boundaryGap: false,
+          axisTick: {
+            show: false
+          }
+        },
+        grid: {
+          left: 10,
+          right: 10,
+          bottom: 20,
+          top: 30,
+          containLabel: true
+        },
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross'
+          },
+          padding: [5, 10]
+        },
+        yAxis: {
+          axisTick: {
+            show: false
+          }
+        },
+        legend: {
+          data: ['上周', '本周']
+        },
+        series: [{
+          name: '上周', itemStyle: {
+            normal: {
+              color: '#FF005A',
+              lineStyle: {
+                color: '#FF005A',
+                width: 2
+              }
+            }
+          },
+          smooth: true,
+          type: 'line',
+          data: expectedData,
+          animationDuration: 2800,
+          animationEasing: 'cubicInOut'
+        },
+        {
+          name: '本周',
+          smooth: true,
+          type: 'line',
+          itemStyle: {
+            normal: {
+              color: '#3888fa',
+              lineStyle: {
+                color: '#3888fa',
+                width: 2
+              },
+              areaStyle: {
+                color: '#f3f8ff'
+              }
+            }
+          },
+          data: actualData,
+          animationDuration: 2800,
+          animationEasing: 'quadraticOut'
+        }]
+      })
+    }
+  }
+}
+</script>
diff --git a/admin/client/src/views/dashboard/components/PanelGroup.vue b/admin/client/src/views/dashboard/components/PanelGroup.vue
new file mode 100644
index 0000000..1cf6ebb
--- /dev/null
+++ b/admin/client/src/views/dashboard/components/PanelGroup.vue
@@ -0,0 +1,283 @@
+<template>
+  <div>
+  <el-row :gutter="40" class="panel-group">
+    <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
+      <div class="card-panel" @click="handleSetLineChartData('students')">
+        <div class="card-panel-icon-wrapper icon-people">
+          <svg-icon icon-class="peoples" class-name="card-panel-icon" />
+        </div>
+        <div class="card-panel-description">
+          <div class="card-panel-text">
+            学员总数
+          </div>
+          <div class="card-panel-num">
+            <count-to :start-val="0" :end-val="panelData.students" :duration="2600" class="card-panel-num" />
+          </div>
+        </div>
+      </div>
+    </el-col>
+    <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
+      <div class="card-panel" @click="handleSetLineChartData('organizations')">
+        <div class="card-panel-icon-wrapper icon-message">
+          <svg-icon icon-class="education" class-name="card-panel-icon" />
+        </div>
+        <div class="card-panel-description">
+          <div class="card-panel-text">机构</div>
+          <div class="card-panel-num">
+            <count-to :start-val="0" :end-val="panelData.organizations" :duration="3000" class="card-panel-num" />
+          </div>
+        </div>
+      </div>
+    </el-col>
+    <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
+      <div class="card-panel" @click="handleSetLineChartData('projects')">
+        <div class="card-panel-icon-wrapper icon-money">
+          <svg-icon icon-class="component" class-name="card-panel-icon" />
+        </div>
+        <div class="card-panel-description">
+          <div class="card-panel-text">项目总数</div>
+          <div class="card-panel-num">
+            <count-to :start-val="0" :end-val="panelData.projects" :duration="3200" class="card-panel-num" />
+          </div>
+        </div>
+      </div>
+    </el-col>
+    <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
+      <div class="card-panel" @click="handleSetLineChartData('coupons')">
+        <div class="card-panel-icon-wrapper icon-shopping">
+          <svg-icon icon-class="money" class-name="card-panel-icon" />
+        </div>
+        <div class="card-panel-description">
+          <div class="card-panel-text">
+            优惠券发放
+          </div>
+          <div class="card-panel-num">
+            <count-to :start-val="0" :end-val="panelData.coupons" :duration="3600" class="card-panel-num" />
+          </div>
+        </div>
+      </div>
+    </el-col>
+  </el-row>
+  <el-row :gutter="40" class="panel-group">
+    <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
+      <div class="card-panel" @click="handleSetLineChartData('projects')">
+        <div class="card-panel-icon-wrapper icon-money">
+          <svg-icon icon-class="list" class-name="card-panel-icon" />
+        </div>
+        <div class="card-panel-description">
+          <div class="card-panel-text">已发布项目&活动</div>
+          <div class="card-panel-num">
+            <count-to :start-val="0" :end-val="panelData.projects_active" :duration="3200" class="card-panel-num" />
+          </div>
+        </div>
+      </div>
+    </el-col>
+    <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
+      <div class="card-panel" @click="handleSetLineChartData('coupons')">
+        <div class="card-panel-icon-wrapper icon-banner">
+          <svg-icon icon-class="tab" class-name="card-panel-icon" />
+        </div>
+        <div class="card-panel-description">
+          <div class="card-panel-text">轮播图</div>
+          <div class="card-panel-num">
+            <count-to :start-val="0" :end-val="panelData.banners_active" :duration="3600" class="card-panel-num" />
+          </div>
+        </div>
+      </div>
+    </el-col>
+    <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
+      <div class="card-panel" @click="handleSetLineChartData('coupons')">
+        <div class="card-panel-icon-wrapper icon-video">
+          <svg-icon icon-class="star" class-name="card-panel-icon" />
+        </div>
+        <div class="card-panel-description">
+          <div class="card-panel-text">精彩视频</div>
+          <div class="card-panel-num">
+            <count-to :start-val="0" :end-val="panelData.showcases_active" :duration="3600" class="card-panel-num" />
+          </div>
+        </div>
+      </div>
+    </el-col>
+  </el-row>
+  </div>
+</template>
+
+<script>
+import CountTo from 'vue-count-to'
+
+export default {
+  components: {
+    CountTo
+  },
+  props: {
+    panelData: {
+      type: Object,
+      required: true,
+      default: () => {
+        return {
+          students: 0,
+          organizations: 0,
+          projects: 0,
+          coupons: 0,
+          projects_active: 0,
+          banners_active: 0,
+          showcases_active: 0
+        }
+      }
+    }
+  },
+  methods: {
+    handleSetLineChartData(type) {
+      this.$emit('handleSetLineChartData', type)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.panel-group {
+  margin-top: 18px;
+
+  .card-panel-col {
+    margin-bottom: 32px;
+  }
+
+  .card-panel {
+    height: 108px;
+    cursor: pointer;
+    font-size: 12px;
+    position: relative;
+    overflow: hidden;
+    color: #666;
+    background: #fff;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
+    border-color: rgba(0, 0, 0, .05);
+    border-radius: 12px;
+    transition: all 0.3s ease;
+    display: flex;
+    align-items: center;
+    padding: 0 24px;
+
+    &:hover {
+      transform: translateY(-5px);
+      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
+      
+      .card-panel-icon-wrapper {
+        color: #fff;
+      }
+
+      .icon-people {
+        background: #40c9c6;
+        box-shadow: 0 4px 12px rgba(64, 201, 198, 0.4);
+      }
+
+      .icon-message {
+        background: #36a3f7;
+        box-shadow: 0 4px 12px rgba(54, 163, 247, 0.4);
+      }
+
+      .icon-money {
+        background: #f4516c;
+        box-shadow: 0 4px 12px rgba(244, 81, 108, 0.4);
+      }
+
+      .icon-shopping {
+        background: #34bfa3;
+        box-shadow: 0 4px 12px rgba(52, 191, 163, 0.4);
+      }
+
+      .icon-banner {
+        background: #ff9800;
+        box-shadow: 0 4px 12px rgba(255, 152, 0, 0.4);
+      }
+
+      .icon-video {
+        background: #9c27b0;
+        box-shadow: 0 4px 12px rgba(156, 39, 176, 0.4);
+      }
+    }
+
+    .icon-people {
+      color: #40c9c6;
+      background: rgba(64, 201, 198, 0.1);
+    }
+
+    .icon-message {
+      color: #36a3f7;
+      background: rgba(54, 163, 247, 0.1);
+    }
+
+    .icon-money {
+      color: #f4516c;
+      background: rgba(244, 81, 108, 0.1);
+    }
+
+    .icon-shopping {
+      color: #34bfa3;
+      background: rgba(52, 191, 163, 0.1);
+    }
+
+    .icon-banner {
+      color: #ff9800;
+      background: rgba(255, 152, 0, 0.1);
+    }
+
+    .icon-video {
+      color: #9c27b0;
+      background: rgba(156, 39, 176, 0.1);
+    }
+
+    .card-panel-icon-wrapper {
+      float: none;
+      margin: 0;
+      padding: 16px;
+      transition: all 0.38s ease-out;
+      border-radius: 16px;
+    }
+
+    .card-panel-icon {
+      float: left;
+      font-size: 48px;
+    }
+
+    .card-panel-description {
+      float: none;
+      font-weight: bold;
+      margin: 0;
+      margin-left: 20px;
+      flex: 1;
+      text-align: left;
+
+      .card-panel-text {
+        line-height: 18px;
+        color: rgba(0, 0, 0, 0.45);
+        font-size: 16px;
+        margin-bottom: 12px;
+      }
+
+      .card-panel-num {
+        font-size: 20px;
+      }
+    }
+  }
+}
+
+@media (max-width:550px) {
+  .card-panel-description {
+    display: block;
+  }
+
+  .card-panel-icon-wrapper {
+    float: none !important;
+    width: 100%;
+    height: 100%;
+    margin: 0 !important;
+
+    .svg-icon {
+      display: block;
+      margin: 14px auto !important;
+      float: none !important;
+    }
+  }
+}
+</style>
diff --git a/admin/client/src/views/dashboard/components/PieChart.vue b/admin/client/src/views/dashboard/components/PieChart.vue
new file mode 100644
index 0000000..e701dd1
--- /dev/null
+++ b/admin/client/src/views/dashboard/components/PieChart.vue
@@ -0,0 +1,85 @@
+<template>
+  <div :class="className" :style="{height:height,width:width}" />
+</template>
+
+<script>
+import * as echarts from 'echarts'
+require('echarts/theme/macarons') // echarts theme
+import resize from '../mixins/resize'
+
+export default {
+  mixins: [resize],
+  props: {
+    className: {
+      type: String,
+      default: 'chart'
+    },
+    width: {
+      type: String,
+      default: '100%'
+    },
+    height: {
+      type: String,
+      default: '300px'
+    },
+    chartData: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      chart: null
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.initChart()
+    })
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return
+    }
+    this.chart.dispose()
+    this.chart = null
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$el, 'macarons')
+
+      const legendData = (this.chartData || []).map(i => i.name)
+
+      this.chart.setOption({
+        tooltip: {
+          trigger: 'item',
+          formatter: '{a} <br/>{b} : {c} ({d}%)'
+        },
+        legend: {
+          left: 'center',
+          bottom: '10',
+          data: legendData
+        },
+        series: [
+          {
+            name: '项目分类占比',
+            type: 'pie',
+            roseType: 'radius',
+            radius: [15, 95],
+            center: ['50%', '38%'],
+            data: this.chartData || [],
+            animationEasing: 'cubicInOut',
+            animationDuration: 2600,
+            label: {
+              show: false
+            },
+            labelLine: {
+              show: false
+            }
+          }
+        ]
+      })
+    }
+  }
+}
+</script>
diff --git a/admin/client/src/views/dashboard/index.vue b/admin/client/src/views/dashboard/index.vue
new file mode 100644
index 0000000..2eea36a
--- /dev/null
+++ b/admin/client/src/views/dashboard/index.vue
@@ -0,0 +1,129 @@
+<template>
+  <div class="dashboard-container">
+    <div v-if="loading" class="chart-wrapper">加载中...</div>
+    <div v-else>
+      <panel-group 
+        :panel-data="panelData"
+        @handleSetLineChartData="handleSetLineChartData" 
+      />
+
+      <el-row style="background:#fff;padding:16px 16px 0;margin-bottom:32px;border-radius:12px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);">
+        <line-chart :chart-data="lineChartData" />
+      </el-row>
+
+      <el-row :gutter="32">
+        <el-col :xs="24" :sm="24" :lg="8">
+          <div class="chart-wrapper">
+            <pie-chart :chart-data="pieChartData" />
+          </div>
+        </el-col>
+        <el-col :xs="24" :sm="24" :lg="8">
+          <div class="chart-wrapper">
+            <bar-chart :chart-data="barChartData" />
+          </div>
+        </el-col>
+      </el-row>
+      <div v-if="error" class="chart-wrapper">{{ error }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+import PanelGroup from './components/PanelGroup'
+import LineChart from './components/LineChart'
+import PieChart from './components/PieChart'
+import BarChart from './components/BarChart'
+import { getDashboardStats } from '@/api/dashboard'
+
+export default {
+  name: 'Dashboard',
+  components: {
+    PanelGroup,
+    LineChart,
+    PieChart,
+    BarChart
+  },
+  data() {
+    return {
+      loading: true,
+      error: '',
+      lineChartData: {
+        expectedData: [],
+        actualData: [],
+        xAxis: []
+      },
+      allLineChartData: {}, // Store all fetched line chart data
+      panelData: {
+        students: 0,
+        organizations: 0,
+        projects: 0,
+        coupons: 0,
+        projects_active: 0,
+        banners_active: 0,
+        showcases_active: 0
+      },
+      pieChartData: [],
+      barChartData: {
+        title: '热门机构',
+        names: [],
+        counts: []
+      }
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    fetchData() {
+      this.loading = true
+      this.error = ''
+      getDashboardStats().then(response => {
+        const data = response.data
+        this.panelData = data.panel_data
+        this.allLineChartData = data.line_chart_data
+        // Default to organizations line chart
+        this.lineChartData = this.allLineChartData.organizations || this.allLineChartData.students
+        this.pieChartData = data.pie_chart_data
+        this.barChartData = data.bar_chart_data
+        this.loading = false
+      }).catch(error => {
+        console.error('Failed to fetch dashboard stats:', error)
+        this.error = '数据加载失败，请稍后重试'
+        this.loading = false
+      })
+    },
+    handleSetLineChartData(type) {
+      if (this.allLineChartData[type]) {
+        this.lineChartData = this.allLineChartData[type]
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.dashboard-container {
+  padding: 32px;
+  background-color: rgb(240, 242, 245);
+  position: relative;
+
+  .chart-wrapper {
+    background: #fff;
+    padding: 16px 16px 0;
+    margin-bottom: 32px;
+    border-radius: 12px;
+    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05);
+    transition: all 0.3s ease;
+    
+    &:hover {
+      box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
+    }
+  }
+}
+
+@media (max-width:1024px) {
+  .chart-wrapper {
+    padding: 8px;
+  }
+}
+</style>
diff --git a/admin/client/src/views/dashboard/mixins/resize.js b/admin/client/src/views/dashboard/mixins/resize.js
new file mode 100644
index 0000000..9c559db
--- /dev/null
+++ b/admin/client/src/views/dashboard/mixins/resize.js
@@ -0,0 +1,43 @@
+import { debounce } from '@/utils'
+
+export default {
+  data() {
+    return {
+      $_sidebarElm: null,
+      $_resizeHandler: null
+    }
+  },
+  mounted() {
+    this.$_resizeHandler = debounce(() => {
+      if (this.chart) {
+        this.chart.resize()
+      }
+    }, 100)
+    this.$_initResizeEvent()
+    this.$_sidebarElm = document.getElementsByClassName('sidebar-container')[0]
+    if (this.$_sidebarElm) {
+      this.$_sidebarElm.addEventListener('transitionend', this.$_sidebarResizeHandler)
+    }
+  },
+  beforeDestroy() {
+    this.$_destroyResizeEvent()
+    if (this.$_sidebarElm) {
+      this.$_sidebarElm.removeEventListener('transitionend', this.$_sidebarResizeHandler)
+    }
+  },
+  methods: {
+    // use $_ for mixins properties
+    // https://vuejs.org/v2/style-guide/index.html#Private-property-names-essential
+    $_initResizeEvent() {
+      window.addEventListener('resize', this.$_resizeHandler)
+    },
+    $_destroyResizeEvent() {
+      window.removeEventListener('resize', this.$_resizeHandler)
+    },
+    $_sidebarResizeHandler(e) {
+      if (e.propertyName === 'width') {
+        this.$_resizeHandler()
+      }
+    }
+  }
+}
diff --git a/admin/client/src/views/form/index.vue b/admin/client/src/views/form/index.vue
new file mode 100644
index 0000000..f4d66d3
--- /dev/null
+++ b/admin/client/src/views/form/index.vue
@@ -0,0 +1,85 @@
+<template>
+  <div class="app-container">
+    <el-form ref="form" :model="form" label-width="120px">
+      <el-form-item label="Activity name">
+        <el-input v-model="form.name" />
+      </el-form-item>
+      <el-form-item label="Activity zone">
+        <el-select v-model="form.region" placeholder="please select your zone">
+          <el-option label="Zone one" value="shanghai" />
+          <el-option label="Zone two" value="beijing" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="Activity time">
+        <el-col :span="11">
+          <el-date-picker v-model="form.date1" type="date" placeholder="Pick a date" style="width: 100%;" />
+        </el-col>
+        <el-col :span="2" class="line">-</el-col>
+        <el-col :span="11">
+          <el-time-picker v-model="form.date2" type="fixed-time" placeholder="Pick a time" style="width: 100%;" />
+        </el-col>
+      </el-form-item>
+      <el-form-item label="Instant delivery">
+        <el-switch v-model="form.delivery" />
+      </el-form-item>
+      <el-form-item label="Activity type">
+        <el-checkbox-group v-model="form.type">
+          <el-checkbox label="Online activities" name="type" />
+          <el-checkbox label="Promotion activities" name="type" />
+          <el-checkbox label="Offline activities" name="type" />
+          <el-checkbox label="Simple brand exposure" name="type" />
+        </el-checkbox-group>
+      </el-form-item>
+      <el-form-item label="Resources">
+        <el-radio-group v-model="form.resource">
+          <el-radio label="Sponsor" />
+          <el-radio label="Venue" />
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item label="Activity form">
+        <el-input v-model="form.desc" type="textarea" />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="onSubmit">Create</el-button>
+        <el-button @click="onCancel">Cancel</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      form: {
+        name: '',
+        region: '',
+        date1: '',
+        date2: '',
+        delivery: false,
+        type: [],
+        resource: '',
+        desc: ''
+      }
+    }
+  },
+  methods: {
+    onSubmit() {
+      this.$message('submit!')
+    },
+    onCancel() {
+      this.$message({
+        message: 'cancel!',
+        type: 'warning'
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.line{
+  text-align: center;
+}
+</style>
+
diff --git a/admin/client/src/views/login/index.vue b/admin/client/src/views/login/index.vue
new file mode 100644
index 0000000..ec4b349
--- /dev/null
+++ b/admin/client/src/views/login/index.vue
@@ -0,0 +1,246 @@
+<template>
+  <div class="login-container">
+    <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" auto-complete="on" label-position="left">
+
+      <div class="title-container">
+        <h3 class="title">系统登陆</h3>
+      </div>
+
+      <el-form-item prop="username">
+        <span class="svg-container">
+          <svg-icon icon-class="user" />
+        </span>
+        <el-input
+          ref="username"
+          v-model="loginForm.username"
+          placeholder="账号"
+          name="username"
+          type="text"
+          tabindex="1"
+          auto-complete="on"
+        />
+      </el-form-item>
+
+      <el-form-item prop="password">
+        <span class="svg-container">
+          <svg-icon icon-class="password" />
+        </span>
+        <el-input
+          :key="passwordType"
+          ref="password"
+          v-model="loginForm.password"
+          :type="passwordType"
+          placeholder="密码"
+          name="password"
+          tabindex="2"
+          auto-complete="on"
+          @keyup.enter.native="handleLogin"
+        />
+        <span class="show-pwd" @click="showPwd">
+          <svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
+        </span>
+      </el-form-item>
+
+      <el-button :loading="loading" type="primary" style="width:100%;margin-bottom:30px;" @click.native.prevent="handleLogin">登陆</el-button>
+
+      <!-- <div class="tips">
+        <span style="margin-right:20px;">username: admin</span>
+        <span> password: any</span>
+      </div> -->
+
+    </el-form>
+  </div>
+</template>
+
+<script>
+// import { validUsername } from '@/utils/validate'
+
+export default {
+  name: 'Login',
+  data() {
+    // const validateUsername = (rule, value, callback) => {
+    //   if (!validUsername(value)) {
+    //     callback(new Error('请输入正确账号!'))
+    //   } else {
+    //     callback()
+    //   }
+    // }
+    const validatePassword = (rule, value, callback) => {
+      if (value.length < 4) {
+        callback(new Error('密码长度小于4位!'))
+      } else {
+        callback()
+      }
+    }
+    return {
+      loginForm: {
+        username: '',
+        password: ''
+      },
+      loginRules: {
+        username: [{ required: true, trigger: 'blur', message: '请输入账户' }],
+        password: [{ required: true, trigger: 'blur', validator: validatePassword, message: '请输入密码' }]
+      },
+      loading: false,
+      passwordType: 'password',
+      redirect: undefined
+    }
+  },
+  watch: {
+    $route: {
+      handler: function(route) {
+        this.redirect = route.query && route.query.redirect
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    showPwd() {
+      if (this.passwordType === 'password') {
+        this.passwordType = ''
+      } else {
+        this.passwordType = 'password'
+      }
+      this.$nextTick(() => {
+        this.$refs.password.focus()
+      })
+    },
+    handleLogin() {
+      this.$refs.loginForm.validate(valid => {
+        if (valid) {
+          this.loading = true
+          this.$store.dispatch('user/login', this.loginForm).then(() => {
+            this.$router.push({ path: this.redirect || '/' })
+            this.loading = false
+          }).catch(() => {
+            this.loading = false
+          })
+        } else {
+          console.log('error submit!!')
+          return false
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+/* 修复input 背景不协调 和光标变色 */
+/* Detail see https://github.com/PanJiaChen/vue-element-admin/pull/927 */
+
+$bg:#283443;
+$light_gray:#fff;
+$cursor: #fff;
+
+@supports (-webkit-mask: none) and (not (cater-color: $cursor)) {
+  .login-container .el-input input {
+    color: $cursor;
+  }
+}
+
+/* reset element-ui css */
+.login-container {
+  .el-input {
+    display: inline-block;
+    height: 47px;
+    width: 85%;
+
+    input {
+      background: transparent;
+      border: 0px;
+      -webkit-appearance: none;
+      border-radius: 0px;
+      padding: 12px 5px 12px 15px;
+      color: $light_gray;
+      height: 47px;
+      caret-color: $cursor;
+
+      &:-webkit-autofill {
+        box-shadow: 0 0 0px 1000px $bg inset !important;
+        -webkit-text-fill-color: $cursor !important;
+      }
+    }
+  }
+
+  .el-form-item {
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    background: rgba(0, 0, 0, 0.1);
+    border-radius: 5px;
+    color: #454545;
+  }
+}
+</style>
+
+<style lang="scss" scoped>
+$bg:#2d3a4b;
+$dark_gray:#889aa4;
+$light_gray:#eee;
+
+.login-container {
+  min-height: 100%;
+  width: 100%;
+  background-color: $bg;
+  background-image: linear-gradient(135deg, #2d3a4b 0%, #1f262f 100%);
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  .login-form {
+    position: relative;
+    width: 520px;
+    max-width: 100%;
+    padding: 30px 35px;
+    margin: 0 auto;
+    overflow: hidden;
+    background: rgba(255, 255, 255, 0.05);
+    border-radius: 16px;
+    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
+    backdrop-filter: blur(4px);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+  }
+
+  .tips {
+    font-size: 14px;
+    color: #fff;
+    margin-bottom: 10px;
+
+    span {
+      &:first-of-type {
+        margin-right: 16px;
+      }
+    }
+  }
+
+  .svg-container {
+    padding: 6px 5px 6px 15px;
+    color: $dark_gray;
+    vertical-align: middle;
+    width: 30px;
+    display: inline-block;
+  }
+
+  .title-container {
+    position: relative;
+
+    .title {
+      font-size: 26px;
+      color: $light_gray;
+      margin: 0px auto 40px auto;
+      text-align: center;
+      font-weight: bold;
+    }
+  }
+
+  .show-pwd {
+    position: absolute;
+    right: 10px;
+    top: 7px;
+    font-size: 16px;
+    color: $dark_gray;
+    cursor: pointer;
+    user-select: none;
+  }
+}
+</style>
diff --git a/admin/client/src/views/monitor/service.vue b/admin/client/src/views/monitor/service.vue
new file mode 100644
index 0000000..b9473ff
--- /dev/null
+++ b/admin/client/src/views/monitor/service.vue
@@ -0,0 +1,177 @@
+<template>
+  <div class="app-container">
+    <el-row :gutter="12">
+      <el-col :span="8">
+        <el-card>
+          <div slot="header" class="clearfix">
+            <span>CPU</span>
+          </div>
+          <el-descriptions :column="1" border>
+            <el-descriptions-item>
+              <template slot="label"> 逻辑核心数 </template>
+              {{ cpuData.count }}
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label"> 物理核心数 </template>
+              {{ cpuData.lcount }}
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label"> 当前使用率 </template>
+              {{ cpuData.percent }}%
+            </el-descriptions-item>
+          </el-descriptions>
+        </el-card>
+      </el-col>
+      <el-col :span="8">
+        <el-card>
+          <div slot="header" class="clearfix">
+            <span>内存</span>
+          </div>
+          <el-descriptions :column="1" border>
+            <el-descriptions-item>
+              <template slot="label"> 总内存 </template>
+              {{ memoryData.total }}GB
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label"> 已用内存 </template>
+              {{ memoryData.used }}GB
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label"> 当前使用率 </template>
+              {{ memoryData.percent }}%
+            </el-descriptions-item>
+          </el-descriptions>
+        </el-card>
+      </el-col>
+      <el-col :span="8">
+        <el-card>
+          <div slot="header" class="clearfix">
+            <span>硬盘</span>
+          </div>
+          <el-descriptions :column="1" border>
+            <el-descriptions-item>
+              <template slot="label"> 总大小 </template>
+              {{ diskData.total }}GB
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label"> 已用内存 </template>
+              {{ diskData.used }}GB
+            </el-descriptions-item>
+            <el-descriptions-item>
+              <template slot="label"> 当前使用率 </template>
+              {{ diskData.percent }}%
+            </el-descriptions-item>
+          </el-descriptions>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <el-card style="margin-top: 2px">
+      <div slot="header" class="clearfix">
+        <span>日志列表</span>
+      </div>
+      <div>
+        <el-input
+          v-model="listQuery.name"
+          placeholder="日志名称"
+          style="width: 300px"
+          class="filter-item"
+          @keyup.enter.native="handleFilter"
+        />
+        <el-button
+          class="filter-item"
+          type="primary"
+          icon="el-icon-search"
+          @click="handleFilter"
+          >搜索
+        </el-button>
+        <el-button
+          class="filter-item"
+          type="primary"
+          icon="el-icon-refresh-left"
+          @click="resetFilter"
+          >重置
+        </el-button>
+      </div>
+      <el-table
+        :data="tableData"
+        style="width: 100%"
+        height="100"
+        v-el-height-adaptive-table="{ bottomOffset: 30 }"
+      >
+        <el-table-column prop="name" label="日志名称"> </el-table-column>
+        <el-table-column prop="size" label="日志大小"> </el-table-column>
+        <el-table-column fixed="right" label="操作" width="100">
+          <template slot-scope="scope">
+            <el-button @click="handleClick(scope.row)" type="text" size="small"
+              >查看详情</el-button
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-dialog :visible.sync="dialogVisible" width="80%" title="日志详情">
+        <div v-html="logdec" class="dialogDiv"></div>
+      </el-dialog>
+    </el-card>
+  </div>
+</template>
+
+
+<script>
+import { getlogList, getLog, getServerList } from "@/api/moritor";
+
+const defaultCMA = {};
+export default {
+  components: {},
+  data() {
+    return {
+      tableData: [],
+      cpuData: [],
+      diskData: [],
+      memoryData: [],
+      dialogVisible: false,
+      logdec: "",
+      text: "",
+      listQuery: {},
+    };
+  },
+  computed: {},
+  watch: {},
+  created() {
+    this.getlogList();
+    this.getServerList();
+  },
+  methods: {
+    getlogList() {
+      getlogList(this.listQuery).then((response) => {
+        if (response.data) {
+          this.tableData = response.data;
+        }
+      });
+    },
+    handleFilter() {
+      this.getlogList();
+    },
+    resetFilter() {
+      this.getlogList();
+    },
+    getServerList() {
+      getServerList().then((response) => {
+        if (response.data) {
+          this.cpuData = response.data.cpu;
+          this.diskData = response.data.disk;
+          this.memoryData = response.data.memory;
+        }
+      });
+    },
+    handleClick(row) {
+      this.dialogVisible = true;
+      getLog(row.name).then((response) => {
+        if (response.data) {
+          this.logdec = response.data.replace(/\n/gm, "<br/>");
+        }
+      });
+    },
+  },
+};
+</script>
\ No newline at end of file
diff --git a/admin/client/src/views/nested/menu1/index.vue b/admin/client/src/views/nested/menu1/index.vue
new file mode 100644
index 0000000..30cb670
--- /dev/null
+++ b/admin/client/src/views/nested/menu1/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <div style="padding:30px;">
+    <el-alert :closable="false" title="menu 1">
+      <router-view />
+    </el-alert>
+  </div>
+</template>
diff --git a/admin/client/src/views/nested/menu1/menu1-1/index.vue b/admin/client/src/views/nested/menu1/menu1-1/index.vue
new file mode 100644
index 0000000..27e173a
--- /dev/null
+++ b/admin/client/src/views/nested/menu1/menu1-1/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <div style="padding:30px;">
+    <el-alert :closable="false" title="menu 1-1" type="success">
+      <router-view />
+    </el-alert>
+  </div>
+</template>
diff --git a/admin/client/src/views/nested/menu1/menu1-2/index.vue b/admin/client/src/views/nested/menu1/menu1-2/index.vue
new file mode 100644
index 0000000..0c86276
--- /dev/null
+++ b/admin/client/src/views/nested/menu1/menu1-2/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <div style="padding:30px;">
+    <el-alert :closable="false" title="menu 1-2" type="success">
+      <router-view />
+    </el-alert>
+  </div>
+</template>
diff --git a/admin/client/src/views/nested/menu1/menu1-2/menu1-2-1/index.vue b/admin/client/src/views/nested/menu1/menu1-2/menu1-2-1/index.vue
new file mode 100644
index 0000000..f87d88f
--- /dev/null
+++ b/admin/client/src/views/nested/menu1/menu1-2/menu1-2-1/index.vue
@@ -0,0 +1,5 @@
+<template functional>
+  <div style="padding:30px;">
+    <el-alert :closable="false" title="menu 1-2-1" type="warning" />
+  </div>
+</template>
diff --git a/admin/client/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue b/admin/client/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue
new file mode 100644
index 0000000..d88789f
--- /dev/null
+++ b/admin/client/src/views/nested/menu1/menu1-2/menu1-2-2/index.vue
@@ -0,0 +1,5 @@
+<template functional>
+  <div style="padding:30px;">
+    <el-alert :closable="false" title="menu 1-2-2" type="warning" />
+  </div>
+</template>
diff --git a/admin/client/src/views/nested/menu1/menu1-3/index.vue b/admin/client/src/views/nested/menu1/menu1-3/index.vue
new file mode 100644
index 0000000..f7cd073
--- /dev/null
+++ b/admin/client/src/views/nested/menu1/menu1-3/index.vue
@@ -0,0 +1,5 @@
+<template functional>
+  <div style="padding:30px;">
+    <el-alert :closable="false" title="menu 1-3" type="success" />
+  </div>
+</template>
diff --git a/admin/client/src/views/nested/menu2/index.vue b/admin/client/src/views/nested/menu2/index.vue
new file mode 100644
index 0000000..19dd48f
--- /dev/null
+++ b/admin/client/src/views/nested/menu2/index.vue
@@ -0,0 +1,5 @@
+<template>
+  <div style="padding:30px;">
+    <el-alert :closable="false" title="menu 2" />
+  </div>
+</template>
diff --git a/admin/client/src/views/system/changepassword.vue b/admin/client/src/views/system/changepassword.vue
new file mode 100644
index 0000000..165c218
--- /dev/null
+++ b/admin/client/src/views/system/changepassword.vue
@@ -0,0 +1,78 @@
+<template>
+  <div class="app-container">
+      <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px">
+  <el-form-item label="旧密码" prop="old_password">
+    <el-input v-model="formData.old_password" placeholder="请输入旧密码" clearable show-password
+      :style="{width: '100%'}"></el-input>
+  </el-form-item>
+  <el-form-item label="新密码" prop="new_password1">
+    <el-input v-model="formData.new_password1" placeholder="请输入新密码" clearable show-password
+      :style="{width: '100%'}"></el-input>
+  </el-form-item>
+  <el-form-item label="新密码" prop="new_password2">
+    <el-input v-model="formData.new_password2" placeholder="请再次输入新密码" clearable show-password
+      :style="{width: '100%'}"></el-input>
+  </el-form-item>
+  <el-form-item size="large">
+    <el-button type="primary" @click="submitForm">提交</el-button>
+    <el-button @click="resetForm">重置</el-button>
+  </el-form-item>
+</el-form>
+      </div>
+</template>
+<script>
+import { changePassword } from "@/api/user"
+export default {
+  components: {},
+  props: [],
+  data() {
+    return {
+      formData: {
+        old_password: undefined,
+        new_password1: undefined,
+        new_password2: undefined,
+      },
+      rules: {
+        old_password: [{
+          required: true,
+          message: '请输入旧密码',
+          trigger: 'blur'
+        }],
+        new_password1: [{
+          required: true,
+          message: '请输入新密码',
+          trigger: 'blur'
+        }],
+        new_password2: [{
+          required: true,
+          message: '请再次输入新密码',
+          trigger: 'blur'
+        }],
+      },
+    }
+  },
+  computed: {},
+  watch: {},
+  created() {},
+  mounted() {},
+  methods: {
+    submitForm() {
+      this.$refs['elForm'].validate(valid => {
+        if (!valid) return
+        // TODO 提交表单
+        changePassword(this.formData).then(async(res)=>{
+            this.$message({
+          message: '密码修改成功,请重新登陆',
+          type: 'success'
+        })
+        await this.$store.dispatch('user/logout')
+        this.$router.push(`/login`)
+        })
+      })
+    },
+    resetForm() {
+      this.$refs['elForm'].resetFields()
+    },
+  }
+}
+</script>
\ No newline at end of file
diff --git a/admin/client/src/views/system/dict.vue b/admin/client/src/views/system/dict.vue
new file mode 100644
index 0000000..988feab
--- /dev/null
+++ b/admin/client/src/views/system/dict.vue
@@ -0,0 +1,370 @@
+<template>
+  <div class="app-container">
+    <el-row :gutter="10">
+      <el-col :md="6">
+        <el-card>
+          <div slot="header" class="clearfix">
+    <span>字典类型</span>
+    <el-button v-if="checkPermission(['dicttype_add'])" style="float: right; padding: 3px 0" type="text" icon="el-icon-plus" @click="handleAddDictType" >新增</el-button>
+  </div>
+        
+        <el-tree
+          ref="tree"
+          v-loading="treeLoding"
+          class="filter-tree"
+          :data="dictTypeData"
+          highlight-current
+          :expand-on-click-node="false"
+          :filter-node-method="filterNode"
+          style="margin-top:10px;"
+          @node-click="handleDictTypeClick"
+        >
+        <span class="custom-tree-node" slot-scope="{ node, data }">
+        <span>{{ node.label }}</span>
+        <span>
+          <el-button
+            type="text"
+            size="mini"
+            v-if="checkPermission(['dicttype_delete'])"
+            @click="handleEditDictType(data)">
+            编辑
+          </el-button>
+          <!-- <el-button
+            type="text"
+            size="mini"
+            @click="handleDeleteDictType">
+            删除
+          </el-button> -->
+        </span>
+      </span>
+        </el-tree>
+        </el-card>
+      </el-col>
+      <el-col :md="18">
+        <el-card>
+          <div slot="header" class="clearfix">
+    <span>字典详情</span>
+  </div>
+  <div >
+    <el-button v-show="listQuery.type" type="primary" icon="el-icon-plus" @click="handleAddDict" v-if="checkPermission(['dict_create'])" size="small">新增</el-button>
+  </div>
+        <el-table
+          v-show="listQuery.type"
+          v-loading="listLoading"
+          :data="dictList"
+          style="width: 100%;margin-top:10px;"
+          highlight-current-row
+          row-key="id"
+          height="100"
+          stripe
+          border
+          v-el-height-adaptive-table="{bottomOffset: 50}"
+          default-expand-all
+          :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
+        >
+          <el-table-column type="index" width="50" />
+          <el-table-column label="代号/编号">
+            <template slot-scope="scope">{{ scope.row.code }}</template>
+          </el-table-column>
+          <el-table-column label="名称">
+            <template slot-scope="scope">{{ scope.row.name }}</template>
+          </el-table-column>
+          <el-table-column label="描述">
+            <template slot-scope="scope">{{ scope.row.description }}</template>
+          </el-table-column>
+          <el-table-column label="是否有效">
+            <template slot-scope="scope">
+              
+              <el-tag type="success" v-if="scope.row.is_used">有效</el-tag>
+              <el-tag type="danger" v-else>无效</el-tag>
+              </template>
+          </el-table-column>
+          <el-table-column label="操作">
+            <template slot-scope="scope">
+              <el-button
+                v-if="!scope.row.is_superuser"
+                :disabled="!checkPermission(['dict_update'])"
+                type="primary"
+                size="small"
+                icon="el-icon-edit"
+                @click="handleEdit(scope)"
+                
+              />
+              <!-- <el-button
+                v-if="!scope.row.is_superuser"
+                :disabled="!checkPermission(['dict_delete'])"
+                type="danger"
+                size="small"
+                icon="el-icon-delete"
+                @click="handleDelete(scope)"
+              /> -->
+            </template>
+          </el-table-column>
+        </el-table>
+        <p v-show="!listQuery.type">点击左侧类型查看字典</p>
+        <!-- <pagination
+          v-show="dictList.count>0"
+          :total="dictList.count"
+          :page.sync="listQuery.page"
+          :limit.sync="listQuery.page_size"
+          @pagination="getList"
+        /> -->
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <el-dialog :visible.sync="dgV1" :title="dgT1==='edit'?'编辑字典类型':'新建字典类型'">
+      <el-form ref="Form1" :model="dicttype" label-width="80px" label-position="right" :rules="rule1">
+        <el-form-item label="名称" prop="name">
+          <el-input v-model="dicttype.name" placeholder="名称" />
+        </el-form-item>
+        <el-form-item label="代号" prop="code">
+          <el-input v-model="dicttype.code" placeholder="代号" />
+        </el-form-item>
+        <el-form-item label="父级" prop="parent">
+          <treeselect v-model="dicttype.parent" :multiple="false" :options="dictTypeData" placeholder="父级"/>
+        </el-form-item>
+      </el-form>
+      <span slot="footer">
+        <el-button type="danger" @click="dgV1=false">取消</el-button>
+        <el-button type="primary" @click="confirm1('Form1')">确认</el-button>
+      </span>
+    </el-dialog>
+    <el-dialog :visible.sync="dgV2" :title="dgT2==='edit'?'编辑字典':'新建字典'">
+      <el-form ref="Form2" :model="dict" label-width="80px" label-position="right" :rules="rule2">
+
+        <el-form-item label="编号" prop="code">
+          <el-input v-model="dict.code" placeholder="编号" />
+        </el-form-item>
+        <el-form-item label="名称" prop="name">
+          <el-input type="textarea" v-model="dict.name" placeholder="名称" />
+        </el-form-item>
+        <el-form-item label="描述" prop="description">
+          <el-input type="textarea" v-model="dict.description" placeholder="描述" />
+        </el-form-item>
+        <el-form-item label="父级" prop="parent">
+          <treeselect v-model="dict.parent" :multiple="false" :options="dictList" placeholder="父级"/>
+        </el-form-item>
+        <el-form-item label="排序" prop="sort">
+          <el-input-number v-model="dict.sort" :min="1" :max="999"></el-input-number>
+        </el-form-item>
+        <el-form-item label="是否有效" prop="is_used">
+          <el-switch
+  v-model="dict.is_used">
+</el-switch>
+        </el-form-item>
+      </el-form>
+      <span slot="footer">
+        <el-button type="danger" @click="dgV2=false">取消</el-button>
+        <el-button type="primary" @click="confirm2('Form2')">确认</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+<style>
+  .custom-tree-node {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 14px;
+    padding-right: 8px;
+  }
+</style>
+<script>
+import { getDictTypeList, getDictList, createDictType, createDict, updateDictType, updateDict, deleteDictType, deleteDict } from '@/api/dict'
+import { genTree } from '@/utils'
+import checkPermission from '@/utils/permission'
+import Pagination from '@/components/Pagination' // secondary package based on el-pagination
+import Treeselect from '@riophae/vue-treeselect'
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+
+const defaultDictType = {
+  id: '',
+  name: '',
+  code: '',
+  parent: null
+}
+const defaultDict = {
+  id: '',
+  name: '',
+  description: '',
+  sort: 1,
+  type: null,
+  is_used: true,
+  parent:null
+}
+export default {
+  components: { Pagination, Treeselect },
+  data() {
+    return {
+      dicttype: Object.assign({}, defaultDictType),
+      dict: Object.assign({}, defaultDict),
+      search:'',
+      dictList: [],
+      listLoading: true,
+      listQuery: {},
+      dgV1: false,
+      dgT1: 'new',
+      rule1: {
+        name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
+        code: [{ required: true, message: '请输入代号', trigger: 'change' }]
+      },
+      dgV2: false,
+      dgT2: 'new',
+      rule2: {
+        name: [{ required: true, message: '请输入名称', trigger: 'blur' }]
+      },
+      filterDictTypeText: '',
+      treeLoding: false,
+      dictTypeData: [],
+    }
+  },
+  computed: {},
+  watch: {
+    filterDictTypeText(val) {
+      this.$refs.tree.filter(val)
+    }
+  },
+  created() {
+    this.getDictTypeList()
+  },
+  methods: {
+    checkPermission,
+    filterNode(value, data) {
+      if (!value) return true
+      return data.label.indexOf(value) !== -1
+    },
+    handleDictTypeClick(obj, node, vue) {
+      this.listQuery.type = obj.id
+      this.getList()
+    },
+    getList() {
+      this.listLoading = true
+      getDictList(this.listQuery).then(response => {
+          if (response.data) {
+            this.dictList = genTree(response.data)
+          this.listLoading = false
+          }
+      }).catch(error=>{this.listLoading = false})
+    },
+    getDictTypeList() {
+      this.treeLoding = true
+      getDictTypeList().then(response => {
+        this.dictTypeData = genTree(response.data)
+        this.treeLoding = false
+      })
+    },
+    handleAddDictType() {
+      this.dicttype = Object.assign({}, defaultDictType)
+      this.dgT1 = 'new'
+      this.dgV1 = true
+      this.$nextTick(() => {
+        this.$refs['Form1'].clearValidate()
+      })
+    },
+    handleAddDict() {
+      this.dict = Object.assign({}, defaultDict)
+      this.dict.type = this.listQuery.type
+      this.dgT2 = 'new'
+      this.dgV2 = true
+      this.$nextTick(() => {
+        this.$refs['Form2'].clearValidate()
+      })
+    },
+    handleEdit(scope) {
+      this.dict = Object.assign({}, scope.row) // copy obj
+      this.dgT2 = 'edit'
+      this.dgV2 = true
+      this.$nextTick(() => {
+        this.$refs['Form2'].clearValidate()
+      })
+    },
+    handleEditDictType(data) {
+      this.dicttype = Object.assign({}, data) // copy obj
+      this.dgT1 = 'edit'
+      this.dgV1 = true
+      this.$nextTick(() => {
+        this.$refs['Form1'].clearValidate()
+      })
+
+    },
+    handleDelete(scope) {
+      this.$confirm('确认删除?', '警告', {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'error'
+      })
+        .then(async() => {
+          const { code } = await deleteDict(scope.row.id)
+          if (code>=200){
+          this.dictList.splice(scope.row.index, 1)
+          this.$message({
+            type: 'success',
+            message: '成功删除!'
+          })
+          }
+        })
+        .catch(err => {
+          console.error(err)
+        })
+    },
+    async confirm1(form) {
+      this.$refs[form].validate(valid => {
+        if (valid) {
+          const isEdit = this.dgT1 === 'edit'
+          if (isEdit) {
+            updateDictType(this.dicttype.id, this.dicttype).then(res => {
+                this.getDictTypeList()
+                this.dgV1 = false
+                this.$message({
+                  message: '编辑成功',
+                  type: 'success',
+                })
+            }).catch(error=>{})
+          } else {
+            createDictType(this.dicttype).then(res => {
+                this.getDictTypeList()
+                this.dgV1 = false
+                this.$message({
+                  message: '新增成功',
+                  type: 'success',
+                })
+            }).catch(error=>{})
+          }
+        } else {
+          return false
+        }
+      })
+    },
+    async confirm2(form) {
+      this.$refs[form].validate(valid => {
+        if (valid) {
+          const isEdit = this.dgT2 === 'edit'
+          if (isEdit) {
+            updateDict(this.dict.id, this.dict).then(res => {
+                this.getList()
+                this.dgV2 = false
+                this.$message({
+                  message: '编辑成功',
+                  type: 'success',
+                })
+            }).catch(error=>{})
+          } else {
+            createDict(this.dict).then(res => {
+                this.getList()
+                this.dgV2 = false
+                this.$message({
+                  message: '新增成功',
+                  type: 'success',
+                })
+            }).catch(error=>{})
+          }
+        } else {
+          return false
+        }
+      })
+    }
+  }
+}
+</script>
diff --git a/admin/client/src/views/system/file.vue b/admin/client/src/views/system/file.vue
new file mode 100644
index 0000000..0819962
--- /dev/null
+++ b/admin/client/src/views/system/file.vue
@@ -0,0 +1,181 @@
+<template>
+  <div class="app-container">
+        <div>
+          <el-select
+            v-model="listQuery.type"
+            placeholder="文件类型"
+            clearable
+            style="width: 200px"
+            class="filter-item"
+            @change="handleFilter"
+          >
+            <el-option
+              v-for="item in enabledOptions"
+              :key="item.key"
+              :label="item.display_name"
+              :value="item.key"
+            />
+          </el-select>
+          <el-input
+            v-model="listQuery.search"
+            placeholder="文件名"
+            style="width: 300px;"
+            class="filter-item"
+            @keyup.enter.native="handleFilter"
+          />
+          <el-button
+            class="filter-item"
+            type="primary"
+            icon="el-icon-search"
+            @click="handleFilter"
+            size="small"
+          >搜索</el-button>
+          <el-button
+            class="filter-item"
+            type="primary"
+            icon="el-icon-refresh-left"
+            @click="resetFilter"
+            size="small"
+          >重置</el-button>
+          <el-button
+            class="filter-item"
+            type="danger"
+            icon="el-icon-delete"
+            @click="handleClear"
+            size="small"
+          >一键清空</el-button>
+        </div>
+        <el-table
+          v-loading="listLoading"
+          :data="fileList.results"
+          style="width: 100%;margin-top:10px;"
+          highlight-current-row
+          row-key="id"
+          height="100"
+          stripe
+          border
+          v-el-height-adaptive-table="{bottomOffset: 50}"
+        >
+          <el-table-column type="index" width="50" />
+          <el-table-column align="center" label="名称">
+            <template slot-scope="scope">
+                <el-link type="primary" :href="scope.row.file" target="_blank">{{ scope.row.name }}</el-link>
+            </template>
+          </el-table-column>
+          <el-table-column align="header-center" label="类型">
+            <template slot-scope="scope">{{ scope.row.type }}</template>
+          </el-table-column>
+          <el-table-column align="header-center" label="格式">
+            <template slot-scope="scope">{{ scope.row.mime }}</template>
+          </el-table-column>
+          <el-table-column align="header-center" label="大小(B)">
+            <template slot-scope="scope">{{ scope.row.size }}</template>
+          </el-table-column>
+          <el-table-column align="header-center" label="地址">
+            <template slot-scope="scope">{{ scope.row.path }}</template>
+          </el-table-column>
+          <el-table-column label="上传日期">
+            <template slot-scope="scope">
+              <span>{{ scope.row.create_time }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" align="center" width="100" class-name="small-padding fixed-width">
+            <template slot-scope="{row,$index}">
+              <el-button size="mini" type="danger" @click="handleDelete(row,$index)">删除</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <pagination
+          v-show="fileList.count>0"
+          :total="fileList.count"
+          :page.sync="listQuery.page"
+          :limit.sync="listQuery.page_size"
+          @pagination="getList"
+        />
+  </div>
+</template>
+<script>
+import { getFileList, deleteFile, clearFiles } from "@/api/file"
+import Pagination from "@/components/Pagination"
+export default {
+  components: { Pagination },
+  data() {
+    return {
+      fileList: {count:0},
+      listLoading: true,
+      listQuery: {
+        page: 1,
+        page_size: 20
+      },
+      enabledOptions: [
+        { key: "文档", display_name: "文档" },
+        { key: "图片", display_name: "图片" },
+        { key: "音频", display_name: "音频" },
+        { key: "视频", display_name: "视频" },
+        { key: "其它", display_name: "其它" }
+      ],
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    getList() {
+      this.listLoading = true;
+      getFileList(this.listQuery).then(response => {
+        if (response.data) {
+          this.fileList = response.data
+        }
+        this.listLoading = false;
+      });
+    },
+    resetFilter() {
+      this.listQuery = {
+        page: 1,
+        page_size: 20
+      };
+      this.getList();
+    },
+    handleFilter() {
+      this.listQuery.page = 1;
+      this.getList();
+    },
+    handleDelete(row, index) {
+      this.$confirm('确认删除该文件?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        deleteFile(row.id).then(() => {
+          this.$notify({
+            title: 'Success',
+            message: '删除成功',
+            type: 'success',
+            duration: 2000
+          })
+          this.fileList.results.splice(index, 1)
+          this.fileList.count -= 1
+        })
+      })
+    },
+    handleClear() {
+      this.$confirm('确认清空所有文件? 此操作不可恢复!', '警告', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        clearFiles().then(() => {
+          this.$notify({
+            title: 'Success',
+            message: '清空成功',
+            type: 'success',
+            duration: 2000
+          })
+          this.getList()
+        })
+      })
+    }
+  }
+};
+</script>
diff --git a/admin/client/src/views/system/organization.vue b/admin/client/src/views/system/organization.vue
new file mode 100644
index 0000000..a71f2b6
--- /dev/null
+++ b/admin/client/src/views/system/organization.vue
@@ -0,0 +1,225 @@
+<template>
+  <div class="app-container">
+    <div>
+      <el-input
+        v-model="search"
+        placeholder="输入部门名称进行搜索"
+        style="width: 200px"
+        class="filter-item"
+        @keyup.native="handleFilter"
+      />
+      <el-button
+        type="primary"
+        icon="el-icon-plus"
+        @click="handleAdd"
+        v-if="checkPermission(['org_create'])"
+        size="small"
+        >新增</el-button
+      >
+    </div>
+    <el-table
+      v-loading="listLoading"
+      :data="
+        tableData.filter(
+          (data) =>
+            !search || data.name.toLowerCase().includes(search.toLowerCase())
+        )
+      "
+      style="width: 100%; margin-top: 10px"
+      highlight-current-row
+      row-key="id"
+      height="100"
+      stripe
+      border
+      v-el-height-adaptive-table="{ bottomOffset: 50 }"
+      default-expand-all
+      :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
+    >
+      <el-table-column type="index" width="50" />
+      <el-table-column label="组织名称">
+        <template slot-scope="scope">{{ scope.row.name }}</template>
+      </el-table-column>
+      <el-table-column label="创建日期">
+        <template slot-scope="scope">
+          <span>{{ scope.row.create_time }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="操作">
+        <template slot-scope="scope">
+          <el-button
+            v-if="scope.row.type === '部门'"
+            type="primary"
+            size="small"
+            icon="el-icon-edit"
+            :disabled="!checkPermission(['org_update'])"
+            @click="handleEdit(scope)"
+          />
+          <el-button
+            v-if="scope.row.type === '部门'"
+            type="danger"
+            size="small"
+            icon="el-icon-delete"
+            :disabled="!checkPermission(['org_delete'])"
+            @click="handleDelete(scope)"
+          />
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :title="dialogType === 'edit' ? '编辑部门' : '新增部门'"
+    >
+      <el-form
+        ref="Form"
+        :model="org"
+        label-width="80px"
+        label-position="right"
+        :rules="rule1"
+      >
+        <el-form-item label="名称" prop="name">
+          <el-input v-model="org.name" placeholder="名称" />
+        </el-form-item>
+        <el-form-item label="上级部门" prop="parent">
+          <treeselect
+            v-model="org.parent"
+            :multiple="false"
+            :options="tableData"
+            placeholder="父级"
+          />
+        </el-form-item>
+      </el-form>
+      <span slot="footer">
+        <el-button type="danger" @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="confirmOrg('Form')">确认</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getOrgAll, createOrg, deleteOrg, updateOrg } from "@/api/org";
+import { genTree } from "@/utils";
+import checkPermission from "@/utils/permission";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+
+const defaultOrg = {
+  id: null,
+  name: "",
+  parent: null,
+};
+export default {
+  components: { Treeselect },
+  data() {
+    return {
+      org: {
+        id: "",
+        name: "",
+        parent: "",
+      },
+      search: "",
+      tableData: [],
+      orgList: [],
+      listLoading: true,
+      dialogVisible: false,
+      dialogType: "new",
+      rule1: {
+        name: [{ required: true, message: "请输入名称", trigger: "blur" }],
+        parent: [{ required: true, message: "请选择上级", trigger: "change" }],
+      },
+    };
+  },
+  computed: {},
+  created() {
+    this.getList();
+  },
+  methods: {
+    checkPermission,
+    getList() {
+      this.listLoading = true;
+      getOrgAll().then((response) => {
+        this.orgList = response.data;
+        const data = genTree(response.data);
+        this.tableData = data;
+        this.listLoading = false;
+      });
+    },
+    resetFilter() {
+      this.getList();
+    },
+    handleFilter() {
+      const newData = this.orgList.filter(
+        (data) =>
+          !this.search ||
+          data.name.toLowerCase().includes(this.search.toLowerCase())
+      );
+      this.tableData = genTree(newData);
+    },
+    handleAdd() {
+      this.org = Object.assign({}, defaultOrg);
+      this.dialogType = "new";
+      this.dialogVisible = true;
+      this.$nextTick(() => {
+        this.$refs["Form"].clearValidate();
+      });
+    },
+    handleEdit(scope) {
+      this.org = Object.assign({}, scope.row); // copy obj
+      this.dialogType = "edit";
+      this.dialogVisible = true;
+      this.$nextTick(() => {
+        this.$refs["Form"].clearValidate();
+      });
+    },
+    handleDelete(scope) {
+      this.$confirm("确认删除?", "警告", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "error",
+      })
+        .then(async () => {
+          await deleteOrg(scope.row.id);
+          this.getList();
+          this.$message({
+            type: "success",
+            message: "成功删除!",
+          });
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    async confirmOrg(form) {
+      this.$refs[form].validate((valid) => {
+        if (valid) {
+          const isEdit = this.dialogType === "edit";
+          if (isEdit) {
+            updateOrg(this.org.id, this.org).then(() => {
+              this.getList();
+              this.dialogVisible = false;
+              this.$message({
+                message: "编辑成功",
+                type: "success",
+              });
+            });
+          } else {
+            createOrg(this.org).then((res) => {
+              // this.org = res.data
+              // this.tableData.unshift(this.org)
+              this.getList();
+              this.dialogVisible = false;
+              this.$message({
+                message: "新增成功",
+                type: "success",
+              });
+            });
+          }
+        } else {
+          return false;
+        }
+      });
+    },
+  },
+};
+</script>
diff --git a/admin/client/src/views/system/perm.vue b/admin/client/src/views/system/perm.vue
new file mode 100644
index 0000000..ae8a7cf
--- /dev/null
+++ b/admin/client/src/views/system/perm.vue
@@ -0,0 +1,239 @@
+<template>
+  <div class="app-container">
+    <div>
+      <el-input
+        v-model="search"
+        placeholder="输入权限名称进行搜索"
+        style="width: 200px"
+        class="filter-item"
+        @keyup.native="handleFilter"
+      />
+      <el-button
+        type="primary"
+        icon="el-icon-plus"
+        @click="handleAdd"
+        v-if="checkPermission(['perm_create'])"
+        >新增</el-button
+      >
+    </div>
+    <el-table
+      v-loading="listLoading"
+      :data="
+        tableData.filter(
+          (data) =>
+            !search || data.name.toLowerCase().includes(search.toLowerCase())
+        )
+      "
+      style="width: 100%; margin-top: 10px"
+      highlight-current-row
+      row-key="id"
+      height="100"
+      stripe
+      border
+      v-el-height-adaptive-table="{ bottomOffset: 50 }"
+      :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
+    >
+      <el-table-column label="菜单名称">
+        <template slot-scope="scope">{{ scope.row.name }}</template>
+      </el-table-column>
+      <el-table-column label="类型">
+        <template slot-scope="scope">{{ scope.row.type }}</template>
+      </el-table-column>
+      <el-table-column label="代号">
+        <template slot-scope="scope">{{ scope.row.method }}</template>
+      </el-table-column>
+      <el-table-column label="排序">
+        <template slot-scope="scope">{{ scope.row.sort }}</template>
+      </el-table-column>
+      <el-table-column align="center" label="操作">
+        <template slot-scope="scope">
+          <el-button
+            type="primary"
+            size="small"
+            icon="el-icon-edit"
+            :disabled="!checkPermission(['perm_update'])"
+            @click="handleEdit(scope)"
+          />
+          <el-button
+            type="danger"
+            size="small"
+            icon="el-icon-delete"
+            :disabled="!checkPermission(['perm_delete'])"
+            @click="handleDelete(scope)"
+          />
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :title="dialogType === 'edit' ? '编辑' : '新增'"
+    >
+      <el-form
+        ref="Form"
+        :model="perm"
+        label-width="80px"
+        label-position="right"
+        :rules="rule1"
+      >
+        <el-form-item label="类型">
+          <el-radio-group v-model="perm.type">
+            <el-radio label="目录"></el-radio>
+            <el-radio label="菜单"></el-radio>
+            <el-radio label="接口"></el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="名称" prop="name">
+          <el-input v-model="perm.name" placeholder="名称" />
+        </el-form-item>
+        <el-form-item label="代号" prop="method">
+          <el-input v-model="perm.method" placeholder="代号" />
+        </el-form-item>
+        <el-form-item label="父级" prop="parent">
+          <treeselect
+            v-model="perm.parent"
+            :multiple="false"
+            :options="tableData"
+            placeholder="父级"
+          />
+        </el-form-item>
+        <el-form-item label="排序" prop="sort">
+          <el-input-number
+            v-model="perm.sort"
+            :min="1"
+            label="排序"
+          ></el-input-number>
+        </el-form-item>
+      </el-form>
+      <span slot="footer">
+        <el-button type="danger" @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="confirmPerm('Form')">确认</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getPermAll, createPerm, deletePerm, updatePerm } from "@/api/perm";
+import { genTree } from "@/utils";
+import checkPermission from "@/utils/permission";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+const defaultPerm = {
+  id: null,
+  name: "",
+  type: "目录",
+  method: "",
+  sort: 1,
+  parent: null,
+};
+export default {
+  components: { Treeselect },
+  data() {
+    return {
+      perm: defaultPerm,
+      search: "",
+      tableData: [],
+      permList: [],
+      listLoading: true,
+      dialogVisible: false,
+      dialogType: "new",
+      rule1: {
+        name: [{ required: true, message: "请输入名称", trigger: "blur" }],
+        method: [{ required: true, message: "请输入代号", trigger: "blur" }],
+      },
+    };
+  },
+  computed: {},
+  created() {
+    this.getList();
+  },
+  methods: {
+    checkPermission,
+    getList() {
+      this.listLoading = true;
+      getPermAll().then((response) => {
+        this.permList = response.data;
+        const data = genTree(response.data);
+        this.tableData = data;
+        this.listLoading = false;
+      });
+    },
+    resetFilter() {
+      this.getList();
+    },
+    handleFilter() {
+      const newData = this.permList.filter(
+        (data) =>
+          !this.search ||
+          data.name.toLowerCase().includes(this.search.toLowerCase())
+      );
+      this.tableData = genTree(newData);
+    },
+    handleAdd() {
+      this.perm = Object.assign({}, defaultPerm);
+      this.dialogType = "new";
+      this.dialogVisible = true;
+      this.$nextTick(() => {
+        this.$refs["Form"].clearValidate();
+      });
+    },
+    handleEdit(scope) {
+      this.perm = Object.assign({}, scope.row); // copy obj
+      this.dialogType = "edit";
+      this.dialogVisible = true;
+      this.$nextTick(() => {
+        this.$refs["Form"].clearValidate();
+      });
+    },
+    handleDelete(scope) {
+      this.$confirm("确认删除?", "警告", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "error",
+      })
+        .then(async () => {
+          await deletePerm(scope.row.id);
+          this.getList();
+          this.$message({
+            type: "success",
+            message: "成功删除!",
+          });
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    async confirmPerm(form) {
+      this.$refs[form].validate((valid) => {
+        if (valid) {
+          const isEdit = this.dialogType === "edit";
+          if (isEdit) {
+            updatePerm(this.perm.id, this.perm).then(() => {
+              this.getList();
+              this.dialogVisible = false;
+              this.$message({
+                message: "编辑成功",
+                type: "success",
+              });
+            });
+          } else {
+            createPerm(this.perm).then((res) => {
+              // this.perm = res.data
+              // this.tableData.unshift(this.perm)
+              this.getList();
+              this.dialogVisible = false;
+              this.$message({
+                message: "新增成功",
+                type: "success",
+              });
+            });
+          }
+        } else {
+          return false;
+        }
+      });
+    },
+  },
+};
+</script>
diff --git a/admin/client/src/views/system/position.vue b/admin/client/src/views/system/position.vue
new file mode 100644
index 0000000..cffc146
--- /dev/null
+++ b/admin/client/src/views/system/position.vue
@@ -0,0 +1,211 @@
+<template>
+  <div class="app-container">
+    <div>
+      <el-input
+        v-model="search"
+        placeholder="输入岗位名称进行搜索"
+        style="width: 200px"
+        class="filter-item"
+        @keyup.native="handleFilter"
+      />
+      <el-button
+        type="primary"
+        icon="el-icon-plus"
+        @click="handleAdd"
+        v-if="checkPermission(['position_create'])"
+        size="small"
+        >新增</el-button
+      >
+    </div>
+    <el-table
+      v-loading="listLoading"
+      :data="
+        tableData.filter(
+          (data) =>
+            !search || data.name.toLowerCase().includes(search.toLowerCase())
+        )
+      "
+      style="width: 100%; margin-top: 10px"
+      highlight-current-row
+      row-key="id"
+      height="100"
+      stripe
+      border
+      v-el-height-adaptive-table="{ bottomOffset: 50 }"
+    >
+      <el-table-column type="index" width="50" />
+      <el-table-column label="岗位名称">
+        <template slot-scope="scope">{{ scope.row.name }}</template>
+      </el-table-column>
+      <el-table-column label="创建日期">
+        <template slot-scope="scope">
+          <span>{{ scope.row.create_time }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="操作">
+        <template slot-scope="scope">
+          <el-button
+            type="primary"
+            size="small"
+            icon="el-icon-edit"
+            :disabled="!checkPermission(['position_update'])"
+            @click="handleEdit(scope)"
+          />
+          <el-button
+            type="danger"
+            size="small"
+            icon="el-icon-delete"
+            :disabled="!checkPermission(['position_delete'])"
+            @click="handleDelete(scope)"
+          />
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :title="dialogType === 'edit' ? '编辑岗位' : '新增岗位'"
+    >
+      <el-form
+        ref="Form"
+        :model="position"
+        label-width="80px"
+        label-position="right"
+        :rules="rule1"
+      >
+        <el-form-item label="名称" prop="name">
+          <el-input v-model="position.name" placeholder="名称" />
+        </el-form-item>
+      </el-form>
+      <span slot="footer">
+        <el-button type="danger" @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="confirm('Form')">确认</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  getPositionAll,
+  createPosition,
+  deletePosition,
+  updatePosition,
+} from "@/api/position";
+import { genTree, deepClone } from "@/utils";
+import checkPermission from "@/utils/permission";
+
+const defaultM = {
+  id: "",
+  name: "",
+};
+export default {
+  data() {
+    return {
+      position: {
+        id: "",
+        name: "",
+      },
+      search: "",
+      tableData: [],
+      positionList: [],
+      listLoading: true,
+      dialogVisible: false,
+      dialogType: "new",
+      rule1: {
+        name: [{ required: true, message: "请输入名称", trigger: "blur" }],
+      },
+    };
+  },
+  computed: {},
+  created() {
+    this.getList();
+  },
+  methods: {
+    checkPermission,
+    getList() {
+      this.listLoading = true;
+      getPositionAll().then((response) => {
+        this.positionList = response.data;
+        this.tableData = response.data;
+        this.listLoading = false;
+      });
+    },
+    resetFilter() {
+      this.getList();
+    },
+    handleFilter() {
+      const newData = this.positionList.filter(
+        (data) =>
+          !this.search ||
+          data.name.toLowerCase().includes(this.search.toLowerCase())
+      );
+      this.tableData = genTree(newData);
+    },
+    handleAdd() {
+      this.position = Object.assign({}, defaultM);
+      this.dialogType = "new";
+      this.dialogVisible = true;
+      this.$nextTick(() => {
+        this.$refs["Form"].clearValidate();
+      });
+    },
+    handleEdit(scope) {
+      this.position = Object.assign({}, scope.row); // copy obj
+      this.dialogType = "edit";
+      this.dialogVisible = true;
+      this.$nextTick(() => {
+        this.$refs["Form"].clearValidate();
+      });
+    },
+    handleDelete(scope) {
+      this.$confirm("确认删除?", "警告", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "error",
+      })
+        .then(async () => {
+          await deletePosition(scope.row.id);
+          this.getList();
+          this.$message({
+            type: "success",
+            message: "成功删除!",
+          });
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    async confirm(form) {
+      this.$refs[form].validate((valid) => {
+        if (valid) {
+          const isEdit = this.dialogType === "edit";
+          if (isEdit) {
+            updatePosition(this.position.id, this.position).then(() => {
+              this.getList();
+              this.dialogVisible = false;
+              this.$message({
+                message: "编辑成功",
+                type: "success",
+              });
+            });
+          } else {
+            createPosition(this.position).then((res) => {
+              // this.position = res.data
+              // this.tableData.unshift(this.position)
+              this.getList();
+              this.dialogVisible = false;
+              this.$message({
+                message: "新增成功",
+                type: "success",
+              });
+            });
+          }
+        } else {
+          return false;
+        }
+      });
+    },
+  },
+};
+</script>
diff --git a/admin/client/src/views/system/role.vue b/admin/client/src/views/system/role.vue
new file mode 100644
index 0000000..a19ebd0
--- /dev/null
+++ b/admin/client/src/views/system/role.vue
@@ -0,0 +1,301 @@
+<template>
+  <div class="app-container">
+    <div>
+      <el-input
+        v-model="search"
+        placeholder="输入角色名称进行搜索"
+        style="width: 200px"
+        class="filter-item"
+        @keyup.native="handleFilter"
+      />
+      <el-button
+        type="primary"
+        icon="el-icon-plus"
+        @click="handleAdd"
+        v-if="checkPermission(['role_create'])"
+        size="small"
+        >新增</el-button
+      >
+    </div>
+    <el-table
+      v-loading="listLoading"
+      :data="tableData"
+      style="width: 100%; margin-top: 10px"
+      highlight-current-row
+      row-key="id"
+      height="100"
+      stripe
+      border
+      v-el-height-adaptive-table="{ bottomOffset: 50 }"
+    >
+      <!-- <el-table-column align="center" label="Role Key" width="220">
+        <template slot-scope="scope">
+          {{ scope.row.id }}
+        </template>
+      </el-table-column>-->
+      <el-table-column align="center" label="角色名称" width="220">
+        <template slot-scope="scope">{{ scope.row.name }}</template>
+      </el-table-column>
+      <el-table-column align="header-center" label="角色描述">
+        <template slot-scope="scope">{{ scope.row.description }}</template>
+      </el-table-column>
+      <el-table-column align="center" label="操作">
+        <template slot-scope="scope">
+          <el-button
+            type="primary"
+            size="small"
+            icon="el-icon-edit"
+            @click="handleEdit(scope)"
+            :disabled="!checkPermission(['role_update'])"
+          />
+          <el-button
+            type="danger"
+            size="small"
+            icon="el-icon-delete"
+            @click="handleDelete(scope)"
+            :disabled="!checkPermission(['role_delete'])"
+          />
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :title="dialogType === 'edit' ? '编辑角色' : '新增角色'"
+    >
+      <el-form :model="role" label-width="80px" label-position="left">
+        <el-form-item label="名称">
+          <el-input v-model="role.name" placeholder="角色名称" />
+        </el-form-item>
+        <el-form-item label="描述">
+          <el-input
+            v-model="role.description"
+            :autosize="{ minRows: 2, maxRows: 4 }"
+            type="textarea"
+            placeholder="角色描述"
+          />
+        </el-form-item>
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="数据权限">
+              <el-select
+                v-model="role.datas"
+                placeholder="请选择"
+                style="width: 90%"
+              >
+                <el-option
+                  v-for="item in dataOptions"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item v-show="role.datas == '自定义'" label="权限范围">
+              <el-tree
+                ref="depts_tree"
+                v-model="role.depts"
+                class="filter-tree"
+                :data="orgData"
+                show-checkbox
+                node-key="id"
+                default-expand-all
+                highlight-current
+                :expand-on-click-node="false"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="功能权限">
+              <el-tree
+                ref="tree"
+                v-model="role.perms"
+                :check-strictly="checkStrictly"
+                :data="routes"
+                show-checkbox
+                node-key="id"
+                class="permission-tree"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <span slot="footer">
+        <el-button type="danger" @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="confirmRole">确认</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { genTree, deepClone } from "@/utils";
+import checkPermission from "@/utils/permission";
+import {
+  getRoutes,
+  getRoleAll,
+  createRole,
+  deleteRole,
+  updateRole,
+} from "@/api/role";
+import { getOrgAll } from "@/api/org";
+
+const defaultRole = {
+  id: "",
+  name: "",
+  description: "",
+  perms: [],
+  datas: "本级及以下",
+  depts: [],
+};
+
+export default {
+  data() {
+    return {
+      search: "",
+      role: Object.assign({}, defaultRole),
+      routes: [],
+      tableData: [],
+      rolesList: [],
+      dialogVisible: false,
+      dialogType: "new",
+      checkStrictly: true,
+      listLoading: true,
+      orgData: [],
+      dataOptions: [
+        {
+          value: "全部",
+          label: "全部",
+        },
+        {
+          value: "自定义",
+          label: "自定义",
+        },
+        {
+          value: "同级及以下",
+          label: "同级及以下",
+        },
+        {
+          value: "本级及以下",
+          label: "本级及以下",
+        },
+        {
+          value: "本级",
+          label: "本级",
+        },
+        {
+          value: "仅本人",
+          label: "仅本人",
+        },
+      ],
+    };
+  },
+  computed: {},
+  created() {
+    // Mock: get all routes and roles list from server
+    this.getRoutes();
+    this.getOrgAll();
+    this.getRoleAll();
+  },
+  methods: {
+    checkPermission,
+    handleFilter() {
+      const newData = this.rolesList.filter(
+        (data) =>
+          !this.search ||
+          data.name.toLowerCase().includes(this.search.toLowerCase())
+      );
+      this.tableData = genTree(newData);
+    },
+    async getRoutes() {
+      const res = await getRoutes();
+      // this.serviceRoutes = res.data
+      this.routes = genTree(res.data);
+    },
+    async getOrgAll() {
+      const res = await getOrgAll();
+      this.orgData = genTree(res.data);
+    },
+    async getRoleAll() {
+      this.listLoading = true;
+      const res = await getRoleAll();
+      this.tableData = res.data;
+      this.rolesList = res.data;
+      this.listLoading = false;
+    },
+
+    handleAdd() {
+      this.role = Object.assign({}, defaultRole);
+      if (this.$refs.tree) {
+        this.$refs.tree.setCheckedNodes([]);
+      }
+      this.dialogType = "new";
+      this.dialogVisible = true;
+    },
+    handleEdit(scope) {
+      this.dialogType = "edit";
+      this.dialogVisible = true;
+      this.role = deepClone(scope.row);
+      this.$nextTick(() => {
+        this.$refs.tree.setCheckedKeys(this.role.perms);
+        this.$refs.depts_tree.setCheckedKeys(this.role.depts);
+      });
+    },
+    handleDelete({ $index, row }) {
+      this.$confirm("确认删除?", "警告", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(async () => {
+          await deleteRole(row.id);
+          this.tableData.splice($index, 1);
+          this.$message.success("成功");
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+
+    async confirmRole() {
+      const isEdit = this.dialogType === "edit";
+      this.role.perms = this.$refs.tree.getCheckedKeys();
+      if (this.role.datas === "自定义") {
+        this.role.depts = this.$refs.depts_tree.getCheckedKeys();
+      } else {
+        this.role.depts = [];
+      }
+
+      if (isEdit) {
+        await updateRole(this.role.id, this.role);
+        for (let index = 0; index < this.tableData.length; index++) {
+          if (this.tableData[index].id === this.role.id) {
+            this.tableData.splice(index, 1, Object.assign({}, this.role));
+            break;
+          }
+        }
+      } else {
+        this.role.perms = this.$refs.tree.getCheckedKeys();
+        // const { data } = await createRole(this.role)
+        await createRole(this.role);
+        this.getRoleAll();
+      }
+
+      const { description, name } = this.role;
+      this.dialogVisible = false;
+      this.$message.success("成功");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.app-container {
+  .roles-table {
+    margin-top: 30px;
+  }
+  .permission-tree {
+    margin-bottom: 30px;
+  }
+}
+</style>
diff --git a/admin/client/src/views/system/task.vue b/admin/client/src/views/system/task.vue
new file mode 100644
index 0000000..62797e9
--- /dev/null
+++ b/admin/client/src/views/system/task.vue
@@ -0,0 +1,410 @@
+<template>
+  <div class="app-container">
+    <div>
+      <el-select
+        v-model="listQuery.enabled"
+        placeholder="是否启用"
+        clearable
+        style="width: 200px"
+        class="filter-item"
+        @change="handleFilter"
+      >
+        <el-option
+          v-for="item in enabledOptions"
+          :key="item.key"
+          :label="item.display_name"
+          :value="item.key"
+        />
+      </el-select>
+      <el-input
+        v-model="listQuery.search"
+        placeholder="任务名"
+        style="width: 300px"
+        class="filter-item"
+        @keyup.enter.native="handleFilter"
+      />
+      <el-button
+        class="filter-item"
+        type="primary"
+        icon="el-icon-search"
+        @click="handleFilter"
+        size="small"
+        >搜索</el-button
+      >
+      <el-button
+        class="filter-item"
+        type="primary"
+        icon="el-icon-refresh-left"
+        @click="resetFilter"
+        size="small"
+        >重置</el-button
+      >
+    </div>
+    <div style="margin-top: 6px">
+      <el-button
+        type="primary"
+        icon="el-icon-plus"
+        @click="handleCreate"
+        v-if="checkPermission(['task_create'])"
+        size="small"
+        >新增</el-button
+      >
+    </div>
+    <el-table
+      v-loading="listLoading"
+      :data="dataList.results"
+      style="width: 100%; margin-top: 10px"
+      highlight-current-row
+      row-key="id"
+      height="100"
+      stripe
+      border
+      v-el-height-adaptive-table="{ bottomOffset: 50 }"
+    >
+      <el-table-column type="index" width="50" />
+      <el-table-column align="center" label="名称">
+        <template slot-scope="scope">{{ scope.row.name }} </template>
+      </el-table-column>
+      <el-table-column align="center" label="执行代码">
+        <template slot-scope="scope">{{ scope.row.task }} </template>
+      </el-table-column>
+      <el-table-column align="center" label="定时策略">
+        <template slot-scope="scope">{{ scope.row.schedule }} </template>
+      </el-table-column>
+      <el-table-column align="header-center" label="已执行次数">
+        <template slot-scope="scope">{{ scope.row.total_run_count }}</template>
+      </el-table-column>
+      <el-table-column align="header-center" label="最后执行时间">
+        <template slot-scope="scope">{{ scope.row.last_run_at }}</template>
+      </el-table-column>
+      <el-table-column label="是否启用">
+        <template slot-scope="scope">
+          <el-switch
+            v-model="scope.row.enabled"
+            :disabled="!checkPermission(['task_update'])"
+            @change="handleToggle(scope)"
+          >
+          </el-switch>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="操作">
+        <template slot-scope="scope">
+          <el-button
+            type="primary"
+            size="small"
+            :disabled="!checkPermission(['task_update'])"
+            @click="handleUpdate(scope)"
+            >编辑</el-button
+          >
+          <el-button
+            type="danger"
+            size="small"
+            :disabled="!checkPermission(['task_delete'])"
+            @click="handleDelete(scope)"
+            >删除</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="dataList.count > 0"
+      :total="dataList.count"
+      :page.sync="listQuery.page"
+      :limit.sync="listQuery.page_size"
+      @pagination="getList"
+    />
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :title="dialogType === 'update' ? '编辑' : '新增'"
+    >
+      <span>简单配置,复杂的可以去admin后台操作</span>
+      <el-form
+        ref="Form"
+        :model="ptask"
+        label-width="80px"
+        :rules="dynamicRules"
+      >
+        <el-form-item label="名称" prop="name">
+          <el-input v-model="ptask.name" placeholder="名称" />
+        </el-form-item>
+        <el-form-item label="执行代码" prop="task">
+          <el-input
+            v-model="ptask.task"
+            placeholder="例:apps.system.tasks.show"
+          />
+        </el-form-item>
+        <el-form-item label="时间策略">
+          <el-radio-group v-model="ptask.timetype">
+            <el-radio label="interval">间隔</el-radio>
+            <el-radio label="crontab">crontab</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="每隔" v-if="ptask.timetype == 'interval'">
+          <el-input-number
+            v-model="ptask.interval_.every"
+            :min="1"
+          ></el-input-number>
+          <el-select
+            v-model="ptask.interval_.period"
+            placeholder="请选择"
+            style="width: 100px"
+          >
+            <el-option
+              v-for="item in periodOptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item
+          label="分钟"
+          prop="crontab_.minute"
+          v-if="ptask.timetype == 'crontab'"
+        >
+          <el-input
+            v-model="ptask.crontab_.minute"
+            placeholder='Cron Minutes to Run. Use "*" for "all". (Example: "0,30")'
+          />
+        </el-form-item>
+        <el-form-item
+          label="小时"
+          prop="crontab_.hour"
+          v-if="ptask.timetype == 'crontab'"
+        >
+          <el-input
+            v-model="ptask.crontab_.hour"
+            placeholder='Cron Hours to Run. Use "*" for "all". (Example: "8,20")'
+          />
+        </el-form-item>
+        <el-form-item
+          label="每周的天"
+          prop="crontab_.day_of_week"
+          v-if="ptask.timetype == 'crontab'"
+        >
+          <el-input
+            v-model="ptask.crontab_.day_of_week"
+            placeholder='Cron Days Of The Week to Run. Use "*" for "all". (Example: "0,5")'
+          />
+        </el-form-item>
+        <el-form-item
+          label="每月的天"
+          prop="crontab_.day_of_month"
+          v-if="ptask.timetype == 'crontab'"
+        >
+          <el-input
+            v-model="ptask.crontab_.day_of_month"
+            placeholder='Cron Days Of The Month to Run. Use "*" for "all". (Example: "1,15")'
+          />
+        </el-form-item>
+        <el-form-item
+          label="每年的月"
+          prop="crontab_.month_of_year"
+          v-if="ptask.timetype == 'crontab'"
+        >
+          <el-input
+            v-model="ptask.crontab_.month_of_year"
+            placeholder='Cron Months Of The Year to Run. Use "*" for "all". (Example: "0,6")'
+          />
+        </el-form-item>
+        <el-form-item label="列表参数" prop="args">
+          <el-input
+            v-model="ptask.args"
+            placeholder='JSON encoded positional arguments,(Example: ["arg1", "arg2"])'
+          />
+        </el-form-item>
+        <el-form-item label="字典参数" prop="kwargs">
+          <el-input
+            v-model="ptask.kwargs"
+            placeholder='JSON encoded keyword arguments,(Example: {"argument": "value"})'
+          />
+        </el-form-item>
+      </el-form>
+      <span slot="footer">
+        <el-button type="danger" @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="confirmForm('Form')">确认</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {
+  getptaskList,
+  createptask,
+  updateptask,
+  deleteptask,
+  toggletask,
+} from "@/api/task";
+import Pagination from "@/components/Pagination";
+import checkPermission from "@/utils/permission";
+const defaultptask = {
+  timetype: "interval",
+  interval_: {
+    every: 1,
+    period: "minutes",
+  },
+  crontab_: {},
+};
+export default {
+  components: { Pagination },
+  data() {
+    return {
+      dialogVisible: false,
+      dialogType: "create",
+      ptask: defaultptask,
+      dataList: { count: 0 },
+      listLoading: true,
+      listQuery: {
+        page: 1,
+        page_size: 20,
+      },
+      enabledOptions: [
+        { key: "true", display_name: "启用" },
+        { key: "false", display_name: "禁用" },
+      ],
+      rule1: {
+        name: [{ required: true, message: "请输入", trigger: "blur" }],
+        task: [{ required: true, message: "请输入", trigger: "blur" }],
+      },
+      rule2: {
+        name: [{ required: true, message: "请输入", trigger: "blur" }],
+        task: [{ required: true, message: "请输入", trigger: "blur" }],
+        "crontab_.minute": [
+          { required: true, message: "请输入", trigger: "blur" },
+        ],
+        "crontab_.hour": [
+          { required: true, message: "请输入", trigger: "blur" },
+        ],
+        "crontab_.day_of_week": [
+          { required: true, message: "请输入", trigger: "blur" },
+        ],
+        "crontab_.day_of_month": [
+          { required: true, message: "请输入", trigger: "blur" },
+        ],
+        "crontab_.month_of_year": [
+          { required: true, message: "请输入", trigger: "blur" },
+        ],
+      },
+      periodOptions: [
+        {
+          value: "days",
+          label: "天",
+        },
+        {
+          value: "hours",
+          label: "小时",
+        },
+        {
+          value: "minutes",
+          label: "分钟",
+        },
+        {
+          value: "seconds",
+          label: "秒",
+        },
+      ],
+    };
+  },
+  computed: {
+    dynamicRules() {
+      return this.timetype == "interval" ? this.rule1 : this.rule2;
+    },
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    checkPermission,
+    getList() {
+      this.listLoading = true;
+      getptaskList(this.listQuery).then((response) => {
+        if (response.data) {
+          this.dataList = response.data;
+        }
+        this.listLoading = false;
+      });
+    },
+    resetFilter() {
+      this.listQuery = {
+        page: 1,
+        page_size: 20,
+      };
+      this.getList();
+    },
+    handleFilter() {
+      this.listQuery.page = 1;
+      this.getList();
+    },
+    handleCreate() {
+      this.ptask = Object.assign({}, defaultptask);
+      this.dialogType = "create";
+      this.dialogVisible = true;
+      this.$nextTick(() => {
+        this.$refs["Form"].clearValidate();
+      });
+    },
+    handleUpdate(scope) {
+      this.ptask = Object.assign({}, scope.row); // copy obj
+      if (!this.ptask.interval_) {
+        this.ptask.interval_ = {};
+      }
+      if (!this.ptask.crontab_) {
+        this.ptask.crontab_ = {};
+      }
+      this.dialogType = "update";
+      this.dialogVisible = true;
+      this.$nextTick(() => {
+        this.$refs["Form"].clearValidate();
+      });
+    },
+    handleDelete(scope) {
+      this.$confirm("确认删除?", "警告", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "error",
+      })
+        .then(async () => {
+          await deleteptask(scope.row.id);
+          this.getList();
+          this.$message.success("成功");
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    handleToggle(scope) {
+      toggletask(scope.row.id)
+        .then((res) => {
+          this.$message.success("成功");
+        })
+        .catch((e) => {
+          this.getList();
+        });
+    },
+    confirmForm() {
+      this.$refs["Form"].validate((valid) => {
+        if (valid) {
+          const isEdit = this.dialogType === "update";
+          if (isEdit) {
+            updateptask(this.ptask.id, this.ptask).then(() => {
+              this.getList();
+              this.dialogVisible = false;
+              this.$message.success("成功");
+            });
+          } else {
+            createptask(this.ptask).then((res) => {
+              this.getList();
+              this.dialogVisible = false;
+              this.$message.success("成功");
+            });
+          }
+        } else {
+          return false;
+        }
+      });
+    },
+  },
+};
+</script>
diff --git a/admin/client/src/views/system/user.vue b/admin/client/src/views/system/user.vue
new file mode 100644
index 0000000..6e33e4d
--- /dev/null
+++ b/admin/client/src/views/system/user.vue
@@ -0,0 +1,378 @@
+<template>
+  <div class="app-container">
+    <el-row :gutter="10">
+      <el-col :md="6">
+        <el-card>
+          <div slot="header" class="clearfix">
+    <span>部门</span>
+  </div>
+        <el-input v-model="filterOrgText" placeholder="输入部门名进行过滤" />
+
+        <el-tree
+          ref="tree"
+          v-loading="treeLoding"
+          class="filter-tree"
+          :data="orgData"
+          default-expand-all
+          highlight-current
+          :expand-on-click-node="false"
+          :filter-node-method="filterNode"
+          style="margin-top:6px;"
+          @node-click="handleOrgClick"
+        />
+        </el-card>
+      </el-col>
+      <el-col :md="18">
+        <el-card>
+          <div slot="header" class="clearfix">
+    <span>用户</span>
+  </div>
+        <div>
+          <el-select
+            v-model="listQuery.is_active"
+            placeholder="状态"
+            clearable
+            style="width: 90px"
+            class="filter-item"
+            @change="handleFilter"
+          >
+            <el-option
+              v-for="item in enabledOptions"
+              :key="item.key"
+              :label="item.display_name"
+              :value="item.key"
+            />
+          </el-select>
+          <el-input
+            v-model="listQuery.name"
+            placeholder="姓名"
+            style="width: 200px;"
+            class="filter-item"
+            @keyup.enter.native="handleFilter"
+          />
+          <el-button
+            class="filter-item"
+            type="primary"
+            icon="el-icon-search"
+            @click="handleFilter"
+            size="small"
+          >搜索</el-button>
+          <el-button
+            class="filter-item"
+            type="primary"
+            icon="el-icon-refresh-left"
+            @click="resetFilter"
+            size="small"
+          >重置</el-button>
+        </div>
+        <div style="margin-top:6px">
+          <el-button type="primary" icon="el-icon-plus" @click="handleAddUser" v-if="checkPermission(['user_create'])" size="small">新增</el-button>
+        </div>
+        <el-table
+          v-loading="listLoading"
+          :data="userList.results"
+          style="width: 100%;margin-top:6px;"
+          highlight-current-row
+          row-key="id"
+          height="100"
+          stripe
+          border
+          v-el-height-adaptive-table="{bottomOffset: 50}"
+        >
+          <el-table-column type="index" width="50" />
+          <el-table-column align="center" label="姓名">
+            <template slot-scope="scope">{{ scope.row.name }}</template>
+          </el-table-column>
+          <el-table-column align="header-center" label="账户">
+            <template slot-scope="scope">{{ scope.row.username }}</template>
+          </el-table-column>
+          <el-table-column align="header-center" label="部门">
+            <template
+              v-if="scope.row.dept_name != null"
+              slot-scope="scope"
+            >{{ scope.row.dept_name }}</template>
+          </el-table-column>
+          <el-table-column label="创建日期">
+            <template slot-scope="scope">
+              <span>{{ scope.row.date_joined }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="操作">
+            <template slot-scope="scope">
+              <el-button
+                v-if="!scope.row.is_superuser"
+                :disabled="!checkPermission(['user_update'])"
+                type="primary"
+                size="small"
+                icon="el-icon-edit"
+                @click="handleEdit(scope)"
+              />
+              <el-button
+                v-if="!scope.row.is_superuser"
+                :disabled="!checkPermission(['user_delete'])"
+                type="danger"
+                size="small"
+                icon="el-icon-delete"
+                @click="handleDelete(scope)"
+              />
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <pagination
+          v-show="userList.count>0"
+          :total="userList.count"
+          :page.sync="listQuery.page"
+          :limit.sync="listQuery.page_size"
+          @pagination="getList"
+        />
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <el-dialog :visible.sync="dialogVisible" :title="dialogType==='edit'?'编辑用户':'新增用户'">
+      <el-form ref="Form" :model="user" label-width="80px" label-position="right" :rules="rule1">
+        <el-form-item label="姓名" prop="name">
+          <el-input v-model="user.name" placeholder="姓名" />
+        </el-form-item>
+        <el-form-item label="账户" prop="username">
+          <el-input v-model="user.username" placeholder="账户" />
+        </el-form-item>
+        <el-form-item label="所属部门" prop="dept">
+          <treeselect v-model="user.dept" :multiple="false" :options="orgData" placeholder="所属部门"/>
+        </el-form-item>
+        <el-form-item label="角色" prop="roles">
+          <el-select v-model="user.roles" multiple placeholder="请选择" style="width:100%">
+            <el-option
+              v-for="item in roles"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="头像" prop="dept">
+          <el-upload
+            class="avatar-uploader"
+            :action="upUrl"
+            accept="image/jpeg, image/gif, image/png, image/bmp"
+            :show-file-list="false"
+            :on-success="handleAvatarSuccess"
+            :before-upload="beforeAvatarUpload"
+            :headers="upHeaders"
+          >
+            <img v-if="user.avatar" :src="user.avatar" class="avatar" />
+            <i v-else class="el-icon-plus avatar-uploader-icon" />
+          </el-upload>
+        </el-form-item>
+      </el-form>
+      <span slot="footer">
+        <el-button type="danger" @click="dialogVisible=false">取消</el-button>
+        <el-button type="primary" @click="confirm('Form')">确认</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+<style>
+.avatar-uploader .el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+.avatar-uploader .el-upload:hover {
+  border-color: #409eff;
+}
+.avatar-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 100px;
+  height: 100px;
+  line-height: 100px;
+  text-align: center;
+}
+.avatar {
+  width: 100px;
+  height: 100px;
+  display: block;
+}
+</style>
+<script>
+import { getUserList, createUser, deleteUser, updateUser } from "@/api/user";
+import { getOrgAll } from "@/api/org"
+import { getRoleAll } from "@/api/role"
+import { genTree } from "@/utils"
+import checkPermission from "@/utils/permission"
+import { upUrl, upHeaders } from "@/api/file"
+import Pagination from "@/components/Pagination" // secondary package based on el-pagination
+import Treeselect from '@riophae/vue-treeselect'
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+const defaultUser = {
+  id: "",
+  name: "",
+  username: "",
+  dept: null,
+  avatar: "/media/default/avatar.png"
+};
+export default {
+  components: { Pagination, Treeselect },
+  data() {
+    return {
+      user: defaultUser,
+      upHeaders: upHeaders(),
+      upUrl: upUrl(),
+      userList: {count:0},
+      roles: [],
+      listLoading: true,
+      listQuery: {
+        page: 1,
+        page_size: 20
+      },
+      enabledOptions: [
+        { key: "true", display_name: "激活" },
+        { key: "false", display_name: "禁用" }
+      ],
+      dialogVisible: false,
+      dialogType: "new",
+      rule1: {
+        name: [{ required: true, message: "请输入姓名", trigger: "blur" }],
+        username: [{ required: true, message: "请输入账号", trigger: "change" }]
+        // password: [
+        //   { required: true, message: '请输入密码', trigger: 'change' }
+        // ],
+      },
+      filterOrgText: "",
+      treeLoding: false,
+      orgData: []
+    };
+  },
+  computed: {},
+  watch: {
+    filterOrgText(val) {
+      this.$refs.tree.filter(val);
+    }
+  },
+  created() {
+    this.getList();
+    this.getOrgAll();
+    this.getRoleAll();
+  },
+  methods: {
+    checkPermission,
+    handleAvatarSuccess(res, file) {
+        this.user.avatar = res.data.path
+    },
+    beforeAvatarUpload(file) {
+      const isLt2M = file.size / 1024 / 1024 < 2;
+      if (!isLt2M) {
+        this.$message.error("上传头像图片大小不能超过 2MB!");
+      }
+      return isLt2M;
+    },
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.label.indexOf(value) !== -1;
+    },
+    handleOrgClick(obj, node, vue) {
+      this.listQuery.page = 1;
+      this.listQuery.dept = obj.id;
+      this.getList();
+    },
+    getList() {
+      this.listLoading = true;
+      getUserList(this.listQuery).then(response => {
+        if (response.data) {
+          this.userList = response.data
+        }
+        this.listLoading = false;
+      });
+    },
+    getOrgAll() {
+      this.treeLoding = true;
+      getOrgAll().then(response => {
+        this.orgData = genTree(response.data);
+        this.treeLoding = false;
+      });
+    },
+    getRoleAll() {
+      getRoleAll().then(response => {
+        this.roles = genTree(response.data);
+      });
+    },
+    resetFilter() {
+      this.listQuery = {
+        page: 1,
+        page_size: 20
+      };
+      this.getList();
+    },
+    handleFilter() {
+      this.listQuery.page = 1;
+      this.getList();
+    },
+    handleAddUser() {
+      this.user = Object.assign({}, defaultUser);
+      this.dialogType = "new";
+      this.dialogVisible = true;
+      this.$nextTick(() => {
+        this.$refs["Form"].clearValidate();
+      });
+    },
+    handleEdit(scope) {
+      this.user = Object.assign({}, scope.row); // copy obj
+      this.dialogType = "edit";
+      this.dialogVisible = true;
+      this.$nextTick(() => {
+        this.$refs["Form"].clearValidate();
+      });
+    },
+    handleDelete(scope) {
+      this.$confirm("确认删除?", "警告", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "error"
+      })
+        .then(async () => {
+          await deleteUser(scope.row.id);
+          this.userList.splice(scope.row.index, 1);
+          this.$message({
+            type: "success",
+            message: "成功删除!"
+          });
+        })
+        .catch(err => {
+          console.error(err);
+        });
+    },
+    async confirm(form) {
+      this.$refs[form].validate(valid => {
+        if (valid) {
+          const isEdit = this.dialogType === "edit";
+          if (isEdit) {
+            updateUser(this.user.id, this.user).then(res => {
+                this.getList();
+                this.dialogVisible = false;
+                this.$message({
+                  message: "编辑成功",
+                  type: "success",
+                });
+            });
+          } else {
+            createUser(this.user).then(res => {
+                this.getList();
+                this.dialogVisible = false;
+                this.$message({
+                  message: "新增成功",
+                  type: "success"
+                });
+            });
+          }
+        } else {
+          return false;
+        }
+      });
+    }
+  }
+};
+</script>
diff --git a/admin/client/src/views/table/index.vue b/admin/client/src/views/table/index.vue
new file mode 100644
index 0000000..a1ed847
--- /dev/null
+++ b/admin/client/src/views/table/index.vue
@@ -0,0 +1,79 @@
+<template>
+  <div class="app-container">
+    <el-table
+      v-loading="listLoading"
+      :data="list"
+      element-loading-text="Loading"
+      border
+      fit
+      highlight-current-row
+    >
+      <el-table-column align="center" label="ID" width="95">
+        <template slot-scope="scope">
+          {{ scope.$index }}
+        </template>
+      </el-table-column>
+      <el-table-column label="Title">
+        <template slot-scope="scope">
+          {{ scope.row.title }}
+        </template>
+      </el-table-column>
+      <el-table-column label="Author" width="110" align="center">
+        <template slot-scope="scope">
+          <span>{{ scope.row.author }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="Pageviews" width="110" align="center">
+        <template slot-scope="scope">
+          {{ scope.row.pageviews }}
+        </template>
+      </el-table-column>
+      <el-table-column class-name="status-col" label="Status" width="110" align="center">
+        <template slot-scope="scope">
+          <el-tag :type="scope.row.status | statusFilter">{{ scope.row.status }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="created_at" label="Display_time" width="200">
+        <template slot-scope="scope">
+          <i class="el-icon-time" />
+          <span>{{ scope.row.display_time }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+import { getList } from '@/api/table'
+
+export default {
+  filters: {
+    statusFilter(status) {
+      const statusMap = {
+        published: 'success',
+        draft: 'gray',
+        deleted: 'danger'
+      }
+      return statusMap[status]
+    }
+  },
+  data() {
+    return {
+      list: null,
+      listLoading: true
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    fetchData() {
+      this.listLoading = true
+      getList().then(response => {
+        this.list = response.data.items
+        this.listLoading = false
+      })
+    }
+  }
+}
+</script>
diff --git a/admin/client/src/views/tree/index.vue b/admin/client/src/views/tree/index.vue
new file mode 100644
index 0000000..89c6b01
--- /dev/null
+++ b/admin/client/src/views/tree/index.vue
@@ -0,0 +1,78 @@
+<template>
+  <div class="app-container">
+    <el-input v-model="filterText" placeholder="Filter keyword" style="margin-bottom:30px;" />
+
+    <el-tree
+      ref="tree2"
+      :data="data2"
+      :props="defaultProps"
+      :filter-node-method="filterNode"
+      class="filter-tree"
+      default-expand-all
+    />
+
+  </div>
+</template>
+
+<script>
+export default {
+
+  data() {
+    return {
+      filterText: '',
+      data2: [{
+        id: 1,
+        label: 'Level one 1',
+        children: [{
+          id: 4,
+          label: 'Level two 1-1',
+          children: [{
+            id: 9,
+            label: 'Level three 1-1-1'
+          }, {
+            id: 10,
+            label: 'Level three 1-1-2'
+          }]
+        }]
+      }, {
+        id: 2,
+        label: 'Level one 2',
+        children: [{
+          id: 5,
+          label: 'Level two 2-1'
+        }, {
+          id: 6,
+          label: 'Level two 2-2'
+        }]
+      }, {
+        id: 3,
+        label: 'Level one 3',
+        children: [{
+          id: 7,
+          label: 'Level two 3-1'
+        }, {
+          id: 8,
+          label: 'Level two 3-2'
+        }]
+      }],
+      defaultProps: {
+        children: 'children',
+        label: 'label'
+      }
+    }
+  },
+  watch: {
+    filterText(val) {
+      this.$refs.tree2.filter(val)
+    }
+  },
+
+  methods: {
+    filterNode(value, data) {
+      if (!value) return true
+      return data.label.indexOf(value) !== -1
+    }
+  }
+}
+</script>
+
diff --git a/admin/client/src/views/workflow/configuration.vue b/admin/client/src/views/workflow/configuration.vue
new file mode 100644
index 0000000..aaee8bc
--- /dev/null
+++ b/admin/client/src/views/workflow/configuration.vue
@@ -0,0 +1,52 @@
+<template>
+  <el-tabs v-model="activeName" @tab-click="handleClick">
+    <el-tab-pane label="自定义字段" name="first">
+      
+       <CTF :ID="ID"></CTF>
+    </el-tab-pane>
+    <el-tab-pane label="状态" name="second">
+      
+        <State :ID="ID"></State>
+        
+    </el-tab-pane>
+    <el-tab-pane label="流转" name="third">
+       <TST :ID="ID"></TST>
+    </el-tab-pane>
+  </el-tabs>
+</template>
+<script>
+import State from "@/views/workflow/state"
+import CTF from "@/views/workflow/customfield"
+import TST from "@/views/workflow/transitions"
+  export default {
+     components: {State,CTF,TST},
+    data() {
+      return {
+        activeName: 'first',
+        ID:null
+      };
+    },
+    created() {
+      let id = sessionStorage.getItem('configurationId');
+     if(this.$route.params.workflow){
+       this.ID = this.$route.params.workflow;
+       if(id){
+         sessionStorage.removeItem('configurationId');
+         sessionStorage.setItem('configurationId',this.$route.params.workflow);
+       }else{
+         sessionStorage.setItem('configurationId',this.$route.params.workflow);
+       }
+     }else{
+       if(id){
+         this.ID = id;
+       }
+     }
+  },
+    methods: {
+      handleClick(tab, event) {
+        console.log(tab, event);
+      },
+      
+    }
+  };
+</script>
diff --git a/admin/client/src/views/workflow/customfield.vue b/admin/client/src/views/workflow/customfield.vue
new file mode 100644
index 0000000..8013b84
--- /dev/null
+++ b/admin/client/src/views/workflow/customfield.vue
@@ -0,0 +1,447 @@
+<template>
+  <div class="app-container">
+    <el-card>
+      <div style="margin-top: 2px">
+        <el-button type="primary" icon="el-icon-plus" @click="handleCreate"
+        >新增
+        </el-button>
+      </div>
+    </el-card>
+    <el-card style="margin-top: 2px">
+      <el-table
+
+        :data="customfieldList"
+        style="width: 100%"
+      >
+        <el-table-column type="index" width="50"/>
+        <el-table-column label="字段标识">
+          <template slot-scope="scope">{{ scope.row.field_key }}</template>
+        </el-table-column>
+        <el-table-column label="字段名称">
+          <template slot-scope="scope">{{ scope.row.field_name }}</template>
+        </el-table-column>
+        <el-table-column label="字段类型">
+          <template slot-scope="scope">{{ scope.row.field_type }}</template>
+        </el-table-column>
+        <el-table-column label="顺序ID">
+          <template slot-scope="scope">{{ scope.row.sort }}</template>
+        </el-table-column>
+        <el-table-column label="字段描述">
+          <template slot-scope="scope">{{ scope.row.description }}</template>
+        </el-table-column>
+        <el-table-column label="创建时间">
+          <template slot-scope="scope">{{ scope.row.create_time }}</template>
+        </el-table-column>
+
+        <el-table-column
+          align="center"
+          label="操作"
+          width="220px"
+        >
+          <template slot-scope="scope">
+
+            <el-link
+              v-if="checkPermission(['customfield_update'])"
+              @click="handleEdit(scope)"
+            >编辑
+            </el-link
+            >
+            <el-link
+              v-if="checkPermission(['customfield_delete'])"
+              type="danger"
+              @click="handleDeleteCustomfield(scope)"
+            >删除
+            </el-link
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+
+    </el-card>
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :title="dialogType === 'edit' ? '编辑自定义字段' : '新增自定义字段'">
+      <el-form
+        ref="Form"
+        :model="customfield"
+        label-width="80px"
+        label-position="right"
+        :rules="rule1">
+        <el-form-item label="字段标识" prop="field_key">
+          <el-input v-model="customfield.field_key" placeholder="字段标识"/>
+        </el-form-item>
+        <el-form-item label="字段名称" prop="field_name">
+          <el-input v-model="customfield.field_name" placeholder="字段名称"/>
+        </el-form-item>
+        <el-form-item label="字段描述" prop="description">
+          <el-input v-model="customfield.description" placeholder="字段描述"/>
+        </el-form-item>
+        <el-form-item label="占位符" prop="placeholder">
+          <el-input v-model="customfield.placeholder" placeholder="占位符"/>
+        </el-form-item>
+        <el-form-item label="展示标签" prop="field_type">
+          <el-select style="width: 100%" v-model="customfield.field_type" placeholder="请选择">
+            <el-option
+              v-for="item in options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="字段标签" v-show="customfield.field_type=='select'||customfield.field_type=='selects'">
+          <el-input v-model="customfield.label" placeholder="选项类型"/>
+        </el-form-item>
+        <el-form-item label="选项" v-show="customfield.field_type=='select'||customfield.field_type=='selects'">
+          <el-button @click.prevent="addDomain" style="border: none;">
+            <i class="el-icon-circle-plus-outline"></i>
+            <span style="font-size:14px;">添加</span>
+          </el-button>
+          <el-row v-for="(domain, $index) in choiceOption" :key='$index+1' style="margin-bottom: 10px">
+            <el-col :span="10">
+              <template>
+                <el-form-item label="id：">
+                  <el-input type="number" v-model="choiceOption[$index].id" auto-complete="off" placeholder="id为整数"></el-input>
+                </el-form-item>
+              </template>
+            </el-col>
+            <el-col :span="10">
+              <template>
+                <el-form-item label="name：">
+                  <el-input v-model="choiceOption[$index].name" auto-complete="off"></el-input>
+                </el-form-item>
+              </template>
+
+            </el-col>
+            <el-col :span="3" style="text-align: center" v-if="$index!==0">
+              <i
+                class="el-icon-remove-outline"
+                style="color: red;font-size: 16px;"
+                @click.prevent="removeDomain($index,'1')"
+              ></i>
+            </el-col>
+          </el-row>
+        </el-form-item>
+        <el-form-item label="顺序ID">
+          <el-input v-model="customfield.sort" type="number" placeholder="顺序"/>
+        </el-form-item>
+        <el-form-item label="默认值">
+          <el-input v-model="customfield.default_value" placeholder="默认值"/>
+        </el-form-item>
+        <el-form-item label="模板">
+          <el-input v-model="customfield.field_template" placeholder="你有一个待办工单:{title}"/>
+        </el-form-item>
+        <el-form-item label="是否隐藏">
+          <el-radio-group v-model="customfield.is_hidden">
+            <el-radio :label="false">显示</el-radio>
+            <el-radio :label="true">隐藏</el-radio>
+          </el-radio-group>
+        </el-form-item>
+      </el-form>
+      <div style="text-align: right">
+        <el-button type="danger" @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="confirm('Form')">确认</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+  import {getWfCustomfieldList, createWfCustomfield, updateWfCustomfield, deleteWfCustomfield} from "@/api/workflow";
+  import checkPermission from "@/utils/permission";
+  import vueJsonEditor from 'vue-json-editor'
+  import Pagination from "@/components/Pagination"; // secondary package based on el-pagination
+  const defaultcustomfield = {
+    field_key: "",
+    field_name: "",
+  };
+  export default {
+    components: {Pagination, vueJsonEditor},
+    name: "CTF",
+    props: ["ID"],
+    data() {
+      return {
+        customfield: {
+          field_key: '',
+          field_name: '',
+          placeholder: '',
+          field_type: '',
+          sort: '',
+          label: 'name',
+          default_value: '',
+          field_template: '',
+          field_choice: [],
+          is_hidden:false,
+        },
+        fieldHidden: true,
+        fieldBlock: false,
+        view_permission_check: false,
+        hasJsonFlag: true,  // json是否验证通过
+        hasJsonFlag1: true,  // json是否验证通过
+        hasJsonFlag2: true,  // json是否验证通过
+        // customfieldList: {
+        //    count:0
+        // },
+        customfieldList: [''],
+        labels:[{
+          label: '常规',
+          value: 'name'
+        },{
+          label: '名称|id',
+          value: 'name|id'
+        },{
+          label: '人员选择',
+          value: 'user'
+        }],
+        options: [{
+          value: 'string',
+          label: '文本'
+        }, {
+          value: 'int',
+          label: '整数'
+        }, {
+          value: 'float',
+          label: '小数'
+        }, {
+          value: 'date',
+          label: '日期'
+        }, {
+          value: 'datetime',
+          label: '日期时间'
+        }, {
+          value: 'select',
+          label: '单选'
+        }, {
+          value: 'selects',
+          label: '多选'
+        }, {
+          value: 'textarea',
+          label: '文本域'
+        },{
+          value: 'file',
+          label: '附件'
+        }],
+        /*, {
+          value: 'selectuser',
+          label: '用户名'
+        }, {
+          value: 'selectusers',
+          label: '多选的用户名'
+        }, */
+
+
+        boolean_field_display: [],
+        choiceOption: [{id:null,name:""}],
+        field_choice: [],
+        dialogVisible: false,
+        dialogType: "new",
+        rule1: {
+          name: [{required: true, message: "请输入", trigger: "blur"}],
+          description: [{required: true, message: "请输入", trigger: "blur"}]
+        },
+      };
+    },
+    computed: {},
+    watch: {},
+    created() {
+      this.getList();
+    },
+    methods: {
+      //添加字段选项
+      addDomain() {
+        this.choiceOption.push({id:null,name:""})
+      },
+      //删除字段选项
+      removeDomain(index) {
+        this.choiceOption.splice(index, 1)
+      },
+      checkPermission,
+
+      getList() {
+        getWfCustomfieldList(this.ID).then((response) => {
+          if (response.data) {
+            this.customfieldList = response.data;
+          }
+
+        });
+      },
+      handleFilter() {
+        this.listQuery.page = 1;
+        this.getList();
+      },
+      resetFilter() {
+        this.listQuery = {
+          page: 1,
+          page_size: 20,
+        }
+        this.getList();
+      },
+      handleCreate() {
+        this.customfield = Object.assign({}, defaultcustomfield);
+        this.dialogType = "new";
+        this.dialogVisible = true;
+        /*this.$nextTick(() => {
+          // this.$refs["Form"].clearValidate();
+          this.customfield.label = 1;
+        });*/
+      },
+
+      handleEdit(scope) {
+        debugger;
+        this.customfield = Object.assign({}, scope.row); // copy obj
+        this.choiceOption = scope.row.field_choice;
+        this.dialogType = "edit";
+        this.dialogVisible = true;
+        /*this.$nextTick(() => {
+          this.$refs["Form"].clearValidate();
+        });*/
+      },
+      handlecfgt(scope) {
+        this.$router.push({name: "configuration", params: {customfield: scope.row.id}})
+      }
+      ,
+      handleDelete(scope) {
+        this.$confirm("确认删除?", "警告", {
+          confirmButtonText: "确认",
+          cancelButtonText: "取消",
+          type: "error",
+        })
+          .then(async () => {
+            await this.deleteWorkflow(scope.row.id);
+            this.getList();
+            this.$message.success("成功");
+          })
+          .catch((err) => {
+            console.error(err);
+          });
+      },
+
+      async confirm(form) {
+        let that = this,choiceArr = [];
+        this.$refs[form].validate((valid) => {
+          if (valid) {
+            const isEdit = that.dialogType === "edit";
+            if(that.choiceOption[0]&&that.choiceOption[0].name!==''&&that.choiceOption[0].name!==null&&that.choiceOption[0].name!==undefined){
+              that.choiceOption.forEach((item)=>{
+                let obj = new Object();
+                obj.id = parseInt(item.id);
+                obj.name = item.name;
+                choiceArr.push(obj);
+              })
+            }
+            debugger;
+            console.log(choiceArr);
+            that.customfield.field_choice = choiceArr;
+            console.log(that.customfield);
+            if (isEdit) {
+              updateWfCustomfield(this.customfield.id, this.customfield).then((res) => {
+                if (res.code >= 200) {
+                  this.getList();
+                  this.dialogVisible = false;
+                  this.$message.success("成功");
+                }
+              });
+            } else {
+              this.customfield.workflow = this.ID;
+              createWfCustomfield(this.customfield).then((res) => {
+                if (res.code >= 200) {
+                  this.getList();
+                  this.dialogVisible = false;
+                  this.$message.success("成功");
+                }
+              });
+            }
+          } else {
+            return false;
+          }
+        });
+      },
+      handleDeleteCustomfield(scope) {
+        this.$confirm("确认删除?", "警告", {
+          confirmButtonText: "确认",
+          cancelButtonText: "取消",
+          type: "error",
+        })
+          .then(async () => {
+            await deleteWfCustomfield(scope.row.id);
+            this.getList();
+            this.$message.success("成功");
+          })
+          .catch((err) => {
+            console.error(err);
+          });
+      },
+
+     /* onJsonChange(value) {
+        // console.log('更改value:', value);
+        // 实时保存
+        this.onJsonSave(value)
+      },
+      onJsonSave(value) {
+        // console.log('保存value:', value);
+        this.boolean_field_display = value
+        this.hasJsonFlag = true
+      },
+      onError(value) {
+        // console.log("json错误了value:", value);
+        this.hasJsonFlag = false
+      },
+
+      // 检查json
+      checkJson() {
+        if (this.hasJsonFlag == false) {
+          // alert("布尔显示定义json验证失败")
+          return false
+        } else {
+          // alert("布尔显示定义json验证成功")
+          return true
+        }
+      },
+      onJsonChange1(value) {
+        // console.log('更改value:', value);
+        // 实时保存
+        this.onJsonSave1(value)
+      },
+      onJsonSave1(value) {
+        this.field_choice = value
+        this.hasJsonFlag1 = true
+      },
+      onError1(value) {
+        this.hasJsonFlag1 = false
+      },
+      // 检查json
+      checkJson1() {
+        if (this.hasJsonFlag1 == false) {
+          // alert("选项json验证失败")
+          return false
+        } else {
+          // alert("选项json1验证成功")
+          return true
+        }
+      },
+      onJsonChange2(value) {
+        // console.log('更改value:', value);
+        // 实时保存
+        this.onJsonSave2(value)
+      },
+      onJsonSave2(value) {
+        this.field_choice = value
+        this.hasJsonFlag2 = true
+      },
+      onError2(value) {
+        this.hasJsonFlag2 = false
+      },
+      // 检查json
+      checkJson2() {
+        if (this.hasJsonFlag2 == false) {
+          // alert("标签json验证失败")
+          return false
+        } else {
+          // alert("标签json1验证成功")
+          return true
+        }*/
+      // },
+
+
+    },
+  };
+</script>
diff --git a/admin/client/src/views/workflow/index.vue b/admin/client/src/views/workflow/index.vue
new file mode 100644
index 0000000..1694c63
--- /dev/null
+++ b/admin/client/src/views/workflow/index.vue
@@ -0,0 +1,515 @@
+<template>
+  <div class="app-container">
+    <el-card>
+      <div>
+        <el-input
+                v-model="listQuery.search"
+                placeholder="名称"
+                style="width: 300px"
+                class="filter-item"
+                @keyup.enter.native="handleFilter"
+              />
+        <el-button
+          class="filter-item"
+          type="primary"
+          icon="el-icon-search"
+          @click="handleFilter"
+          >搜索</el-button
+        >
+        <el-button
+          class="filter-item"
+          type="primary"
+          icon="el-icon-refresh-left"
+          @click="resetFilter"
+          >重置</el-button
+        >
+      </div>
+      <div style="margin-top: 2px">
+        <el-button type="primary" icon="el-icon-plus" @click="handleCreate">新增</el-button>
+      </div>
+    </el-card>
+    <el-card style="margin-top: 2px">
+      <el-table
+        v-loading="listLoading"
+        :data="workflowList.results"
+        border fit stripe
+        style="width: 100%"
+        height="100"
+        highlight-current-row
+        v-el-height-adaptive-table="{bottomOffset: 50}"
+      >
+        <el-table-column type="index" width="50" />
+        <el-table-column label="名称">
+          <template slot-scope="scope">{{ scope.row.name }}</template>
+        </el-table-column>
+        <el-table-column label="描述">
+          <template slot-scope="scope">{{ scope.row.description }}</template>
+        </el-table-column>
+        <el-table-column label="工单查看权限校验">
+          <template slot-scope="scope">
+            {{ !!(scope.row.view_permission_check)?'是':'否' }}
+          </template>
+        </el-table-column>
+        <el-table-column width="180" label="创建时间">
+          <template slot-scope="scope">{{ scope.row.create_time }}</template>
+        </el-table-column>
+        <el-table-column
+          align="center"
+          label="操作"
+          width="300px"
+        >
+          <template slot-scope="scope">
+            <el-link
+              v-if="checkPermission(['workflow_update'])"
+              @click="handlecfgt(scope)"
+            >配置</el-link>
+            <el-link
+              v-if="checkPermission(['workflow_update'])"
+              @click="handleEdit(scope)"
+            >编辑</el-link>
+            <el-link
+              v-if="checkPermission(['workflow_delete'])"
+              type="danger"
+              @click="handleDelete(scope)"
+            >删除</el-link>
+            <el-link
+              type="primary"
+              @click="handleTicket(scope)"
+            >查看工单</el-link>
+            <el-link
+              type="primary"
+              @click="handleWatch(scope)"
+            >查看流程图</el-link>
+          </template>
+        </el-table-column>
+      </el-table>
+      <pagination
+        v-show="workflowList.count > 0"
+        :total="workflowList.count"
+        :page.sync="listQuery.page"
+        :limit.sync="listQuery.page_size"
+        @pagination="getList"
+      />
+    </el-card>
+    <div class="svgMark" v-if="limitedWatch" @click="closeMark">
+      <div class="svgWrapper">
+        <div class="svgItem">工作流流程图<i class="el-dialog__close el-icon el-icon-close" @click="closeMark"></i></div>
+        <el-row>
+          <el-col :span="12">
+            <p>工作流名称 ：{{watchedName}}</p>
+          </el-col>
+          <el-col :span="12">
+            <p>创建时间 ：{{watchedCreateTime}}</p>
+          </el-col>
+        </el-row>
+        <div style="width: 90%;margin: auto;">
+          <svg height=1000 id="mySvg" style="width:100%!important;">
+          </svg>
+        </div>
+      </div>
+    </div>
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :title="dialogType === 'edit' ? '编辑工作流' : '新增工作流'">
+      <el-form
+        ref="Form"
+        :model="workflow"
+        label-width="100px"
+        label-position="right"
+        :rules="rule1">
+        <el-form-item label="名称" prop="name">
+          <el-input v-model="workflow.name" placeholder="名称" />
+        </el-form-item>
+        <el-form-item label="流水号前缀">
+          <el-input v-model="workflow.sn_prefix " placeholder="流水号前缀" />
+        </el-form-item>
+        <el-form-item label="描述" prop="description">
+          <el-input
+            type="textarea"
+            :rows="4"
+            v-model="workflow.description"
+            placeholder="描述"
+          />
+        </el-form-item>
+        <el-form-item
+          label="查看权限校验"
+          prop="view_permission_check"
+          label-width="120px"
+        >
+          <el-switch v-model="workflow.view_permission_check"></el-switch>
+        </el-form-item>
+        <el-form-item label="展现表单字段">
+          <el-transfer
+            v-model="workflow.display_form_str"
+            :data="choiceOption"
+            :titles="['未展示字段', '展示字段']"
+            :props="{ key: 'id', label: 'field_name' }"
+          />
+        </el-form-item>
+        <el-form-item label="标题模板" prop="title_template">
+          <el-input v-model="workflow.title_template" placeholder="你有一个待办工单:{title}" />
+        </el-form-item>
+        <el-form-item label="内容模板" prop="content_template">
+          <el-input v-model="workflow.content_template" placeholder="标题:{title}, 创建时间:{create_time}" />
+        </el-form-item>
+      </el-form>
+      <div style="text-align: right">
+        <el-button type="danger" @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="confirm('Form')">确认</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script src="https://d3js.org/d3.v4.min.js"></script>
+<script>
+  import { getWfTransitionList,getWorkflowList, createWorkflow,updateWorkflow,deleteWorkflow,getWfCustomfieldList,getWfStateList } from "@/api/workflow";
+  import checkPermission from "@/utils/permission";
+  // import vueJsonEditor from 'vue-json-editor'
+  import Pagination from "@/components/Pagination"; // secondary package based on el-pagination
+  import dagreD3 from 'dagre-d3'
+  import * as d3 from 'd3'
+const defaultworkflow = {
+  name: "",
+  number: "",
+};
+export default {
+  components: { Pagination },
+  data() {
+    return {
+      // workflow: defaultworkflow,
+      workflow:{
+        name:'',
+        sn_prefix:'',
+        description:'',
+        view_permission_check:'',
+        display_form_str:'',
+        title_template:'',
+        content_template:'',
+      },
+      limitedWatch:false,
+      view_permission_check:false,
+       hasJsonFlag:true,  // json是否验证通过
+         hasJsonFlag1:true,  // json是否验证通过
+      workflowList: {
+        count: 0,
+      },
+      listQuery: {
+        page: 1,
+        page_size: 20,
+      },
+      choiceOption:[],
+      display_form_str:[],
+      limit_expression:[],
+      listLoading: true,
+      dialogVisible: false,
+      dialogType: "new",
+      watchedName:'',
+      watchedCreateTime:'',
+      rule1: {
+        name: [{ required: true, message: "请输入", trigger: "blur" }],
+        description: [{ required: true, message: "请输入", trigger: "blur" }]
+      },
+    };
+  },
+  computed: {},
+  watch: {},
+  created() {
+    this.getList();
+  },
+  methods: {
+    checkPermission,
+    getList() {
+      this.listLoading = true;
+      getWorkflowList(this.listQuery).then((response) => {
+        if (response.data) {
+          this.workflowList = response.data;
+        }
+        this.listLoading = false;
+      });
+    },
+    handleFilter() {
+      this.listQuery.page = 1;
+      this.getList();
+    },
+    resetFilter() {
+      this.listQuery = {
+        page: 1,
+        page_size: 20,
+      }
+      this.getList();
+    },
+    handleCreate() {
+      this.workflow = Object.assign({}, defaultworkflow);
+      this.dialogType = "new";
+      this.dialogVisible = true;
+      this.$nextTick(() => {
+        this.$refs["Form"].clearValidate();
+      });
+    },
+    handleEdit(scope) {
+      this.workflow = Object.assign({}, scope.row); // copy obj
+      this.dialogType = "edit";
+      this.dialogVisible = true;
+      this.$nextTick(() => {
+        this.$refs["Form"].clearValidate();
+      });
+      getWfCustomfieldList(scope.row.id).then((response) => {
+        if (response.data) {
+          this.choiceOption = response.data;
+        }
+
+      });
+    },
+    handlecfgt(scope)
+    {
+      this.$router.push({name:"configuration",params:{workflow:scope.row.id}})
+    },
+    handleDelete(scope) {
+      this.$confirm("确认删除?", "警告", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "error",
+      })
+        .then(async () => {
+          await deleteWorkflow(scope.row.id);
+          this.getList();
+          this.$message.success("成功");
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+    handleTicket(scope){
+      this.$router.push({name:"workFlowTickets",params:{workflow:scope.row.id}})
+    },
+    async confirm(form) {
+      debugger;
+      console.log(this.workflow.display_form_str)
+
+      this.$refs[form].validate((valid) => {
+        if (valid) {
+          const isEdit = this.dialogType === "edit";
+          if (isEdit) {
+            this.checkJson();
+             this.checkJson2();
+            updateWorkflow(this.workflow.id, this.workflow).then((res) => {
+              if (res.code >= 200) {
+                this.getList();
+                this.dialogVisible = false;
+                this.$message.success("成功");
+              }
+            });
+          } else {
+            this.checkJson();
+             this.checkJson2();
+            createWorkflow(this.workflow).then((res) => {
+              if (res.code >= 200) {
+                this.getList();
+                 this.dialogVisible = false;
+                this.$message.success("成功");
+              }
+            });
+          }
+        } else {
+          return false;
+        }
+      });
+    },
+    handleWatch(scope){
+      let that = this;
+      let workFlow = scope.row.id;
+      that.watchedName = scope.row.name;
+      that.watchedCreateTime = scope.row.create_time;
+      that.limitedWatch = true;
+      that.$nextTick(()=>{
+        var g = new dagreD3.graphlib.Graph().setGraph({
+          rankdir: 'DL',
+          nodesep: 100,
+          edgesep: 10,//两条线之间的距离
+          ranksep: 50,//节点之间的距离
+          marginx: 160,
+          marginy: 20,
+        });
+        //获取state得到节点
+        getWfStateList(workFlow).then((response) => {
+          if (response.data) {
+            let nodes = response.data;
+            // 添加节点
+            nodes.forEach((item) => {
+              g.setNode(item.id, {
+                // 节点标签
+                label: item.name,
+                // 节点形状
+                shape: 'rect',
+                toolText: item.name,
+                //节点样式
+                style: "fill:#fff;stroke:#000",
+                labelStyle: "fill:#000;",
+                rx :5,//矩形节点圆角度
+                ry :5
+              });
+            });
+            g.nodes().forEach(function (v) {
+              console.log("Node " + v + ": " + JSON.stringify(g.node(v)));
+            });
+            //获取流转得到线  链接关系
+            getWfTransitionList(workFlow).then((res)=>{
+              if(res.data){
+                let transitionList = res.data;
+                transitionList.forEach((transition0)=>{
+                  if (transition0.condition_expression.length>0){
+                    debugger;
+                    g.setNode(transition0.source_state_.id+100000, {label: "条件表达式",style: "stroke: #000;fill: #afa", shape: "diamond"});
+                    g.setEdge(transition0.source_state_.id, transition0.source_state_.id+100000, {
+                      // 边标签
+                      label: transition0.name,
+                      style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px"
+                    });
+                    let condition_expression = transition0.condition_expression;
+                    condition_expression.forEach(condition_expression0=>{
+                      g.setEdge(transition0.source_state_.id+100000, condition_expression0.target_state, {
+                        label: condition_expression0.label,
+                        style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px"
+                      })
+                    })
+                  }else{
+                    g.setEdge(transition0.source_state_.id, transition0.destination_state_.id, {
+                      // 边标签
+                      label: transition0.name,
+                      // 边样式
+                      style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px" // 根据后台数据来改变连线的颜色
+                    });
+                  }
+                })
+                g.nodes().length-1
+                g.nodes().forEach(function (v) {
+                  console.log("Node " + v + ": " + JSON.stringify(g.node(v)));
+                });
+                // 创建渲染器
+                let render = new dagreD3.render();
+                // 选择 svg 并添加一个g元素作为绘图容器.
+                let svg = d3.select('#mySvg');
+                let svgGroup = svg.append('g');
+                // 在绘图容器上运行渲染器生成流程图.
+                render(d3.select("svg g"), g);
+              }else{}
+            });
+
+          }
+        });
+
+      })
+    },
+    closeMark(){
+      this.limitedWatch = false;
+    },
+   onJsonChange (value) {
+        // console.log('更改value:', value);
+        // 实时保存
+        this.onJsonSave(value)
+      },
+      onJsonSave (value) {
+        // console.log('保存value:', value);
+        this.limit_expression = value
+        this.hasJsonFlag = true
+      },
+      onError(value) {
+        this.hasJsonFlag = false
+      },
+       onJsonChange1 (value) {
+        // 实时保存
+        this.onJsonSave1(value)
+      },
+      onJsonSave1 (value) {
+        this.display_form_str = value
+        this.hasJsonFlag1 = true
+      },
+      onError1(value) {
+        this.hasJsonFlag1 = false
+      },
+      // 检查json
+      checkJson(){
+        if (this.hasJsonFlag == false){
+          // alert("限制表达式json验证失败")
+          return false
+        } else {
+          // alert("限制表达式json验证成功")
+          return true
+        }
+      },
+       // 检查json
+      checkJson2(){
+        if (this.hasJsonFlag1 == false){
+          // alert("展现表单字段json验证失败")
+          return false
+        } else {
+          // alert("展现表单字段json1验证成功")
+          return true
+        }
+      },
+  },
+};
+</script>
+<style scoped>
+  ::-webkit-scrollbar {
+    width: 15px;
+  }
+  ::-webkit-scrollbar-track{
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
+    background-color: #fefefe;
+    border-radius: 7px;
+  }
+  ::-webkit-scrollbar-thumb{
+    border-radius: 7px;
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5);
+    background-color: #f5f5f5;
+  }
+  .svgMark{
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    overflow: auto;
+    margin: 0;
+    z-index: 2000;
+    background: rgba(0,0,0,.3);
+  }
+  .svgWrapper{
+    background: #fff;
+    width: 800px;
+    margin: 10vh auto 0;
+    text-align: center;
+    border-radius: 2px;
+    max-height: 80vh;
+    overflow-y: scroll;
+  }
+  .svgItem{
+    padding: 20px 40px 0 ;
+    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
+    font-size: 18px;
+    display: flex;
+    justify-content: space-between;
+  }
+  svg {
+    font-size: 14px;
+  }
+  .node rect {
+    stroke: #606266;
+    fill: #fff;
+  }
+  .edgePath path {
+    stroke: #606266;
+    fill: #333;
+    stroke-width: 1.5px;
+  }
+  g.conditions > rect {
+    fill: #00ffd0;
+    stroke: #000;
+  }
+  .el-icon-close{
+    cursor: pointer;
+  }
+</style>
diff --git a/admin/client/src/views/workflow/state.vue b/admin/client/src/views/workflow/state.vue
new file mode 100644
index 0000000..237267a
--- /dev/null
+++ b/admin/client/src/views/workflow/state.vue
@@ -0,0 +1,487 @@
+<template>
+  <div class="app-container">
+    <el-card>
+      <div style="margin-top: 2px">
+        <el-button type="primary" icon="el-icon-plus" @click="handleCreate">新增
+        </el-button>
+      </div>
+    </el-card>
+    <el-card style="margin-top: 2px">
+      <el-table
+        :data="wfstateList"
+        style="width: 100%"
+      >
+        <el-table-column type="index" width="50"/>
+        <el-table-column width="180" label="名称">
+          <template slot-scope="scope">{{ scope.row.name }}</template>
+        </el-table-column>
+        <el-table-column width="180" label="是否隐藏">
+          <template slot-scope="scope">
+            {{ !!(scope.row.is_hidde)?'是':'否' }}
+          </template>
+        </el-table-column>
+        <el-table-column width="180" label="顺序ID">
+          <template slot-scope="scope">{{ scope.row.sort }}</template>
+        </el-table-column>
+        <el-table-column width="180" label="类型">
+          <template slot-scope="scope">
+            <el-tag effect="plain" v-if="scope.row.type==0">
+              普通类型
+            </el-tag>
+            <el-tag effect="plain" v-if="scope.row.type==1">
+              初始状态
+            </el-tag>
+            <el-tag effect="plain" v-if="scope.row.type==2">
+              结束状态
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column width="180" label="参与人类型">
+          <template slot-scope="scope">{{ options_[scope.row.participant_type] }}</template>
+        </el-table-column>
+
+        <el-table-column width="180" label="创建时间">
+          <template slot-scope="scope">{{ scope.row.create_time }}</template>
+        </el-table-column>
+
+
+        <el-table-column
+          align="center"
+          label="操作"
+          width="220px"
+        >
+          <template slot-scope="scope">
+            <!--  v-if="checkPermission(['workflow_update'])"  -->
+            <el-link
+              @click="handleEdit(scope)"
+            >编辑
+            </el-link>
+            <el-link
+              type="danger"
+              @click="handleDelete(scope)"
+            >删除
+            </el-link>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :title="dialogType === 'edit' ? '编辑状态' : '新增状态'"
+    >
+      <el-form
+        ref="Form"
+        :model="wfstate"
+        label-width="100px"
+        label-position="right"
+        :rules="rule1"
+      >
+        <el-form-item label="名称" prop="name">
+          <el-input v-model="wfstate.name" placeholder="名称"/>
+        </el-form-item>
+        <el-form-item
+          label="是否隐藏"
+          prop="is_hidden"
+          label-width="120px"
+        >
+          <el-switch v-model="wfstate.is_hidden"></el-switch>
+        </el-form-item>
+
+        <el-form-item label="状态顺序" prop="sort">
+          <el-input v-model="wfstate.sort" type="number" placeholder="状态顺序"/>
+        </el-form-item>
+        <el-form-item label="状态类型" prop="type">
+
+          <el-select style="width: 100%" v-model="wfstate.type" placeholder="请选择">
+            <el-option
+              v-for="item in options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item
+          label="允许撤回"
+          prop="enable_retreat"
+          label-width="120px"
+        >
+          <el-switch v-model="wfstate.enable_retreat"></el-switch>
+        </el-form-item>
+        <el-form-item label="参与者类型" prop="participant_type">
+          <el-select style="width: 100%" v-model="wfstate.participant_type" placeholder="请选择" @change="typeChange">
+            <el-option
+              v-for="item in typeoptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="参与者" prop="participant" v-if="wfstate.participant_type==1">
+          <el-select style="width: 100%" v-model="participant" placeholder="请选择参与者">
+            <el-option v-for="item in staffs" :key="item.id" :label="item.name" :value="item.id">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="参与者" prop="participant" v-if="wfstate.participant_type==2">
+          <el-select style="width: 100%" v-model="participants" multiple placeholder="请选择参与者">
+            <el-option v-for="item in staffs" :key="item.id" :label="item.name" :value="item.id">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="参与者" prop="participant" v-if="wfstate.participant_type==7">
+          <el-select style="width: 100%" v-model="participant" placeholder="请选择字段">
+            <el-option v-for="item in customfieldList" :key="item.id" :label="item.field_name"
+                       :value="item.field_key">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="分配方式" prop="participant" v-if="wfstate.participant_type==2">
+          <el-select style="width: 100%" v-model="wfstate.distribute_type" placeholder="请选择分配方式">
+            <el-option label="主动接单" value="1"></el-option>
+            <el-option label="直接处理" value="2"></el-option>
+            <el-option label="随机分配" value="3"></el-option>
+            <el-option label="全部处理" value="4"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="角色" prop="participant" v-if="wfstate.participant_type==4">
+          <el-select style="width: 100%" v-model="participants" multiple placeholder="请选择角色">
+            <el-option v-for="item in roles" :key="item.id" :label="item.name" :value="item.id">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="过滤策略" prop="participant" v-if="wfstate.participant_type==4">
+          <el-select style="width: 100%" v-model="wfstate.filter_policy" placeholder="请选择过滤策略">
+            <el-option label="无" value="0"></el-option>
+            <el-option label="和工单同属以及上级部门" value="1"></el-option>
+            <el-option label="和创建人同属以及上级部门" value="2"></el-option>
+            <el-option label="和上步处理人同属以及上级部门" value="3"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="代码选择" prop="participant" v-if="wfstate.participant_type==9">
+          <el-select style="width: 100%" v-model="participants" placeholder="请选择代码">
+            <el-option v-for="item in codes" :key="item.func" :label="item.name" :value="item.func">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="抄送给" prop="participant">
+          <el-select style="width: 100%" v-model="wfstate.participant_cc" multiple placeholder="请选择抄送给谁">
+            <el-option v-for="item in staffs" :key="item.id" :label="item.name" :value="item.id">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="字段状态">
+          <el-button @click="addWordStatusChange">添加修改</el-button>
+          <el-row v-for="(item,$index) in statusChange" :key="item+$index" style="margin-top: 2px">
+            <el-col :span="11">
+              <el-select style="width: 100%" v-model="item.name" placeholder="请选择字段">
+                <el-option v-for="item in customfieldList" :key="item.id" :label="item.field_name"
+                           :value="item.field_key">
+                </el-option>
+              </el-select>
+            </el-col>
+            <el-col :span="1" style="height: 1px;"></el-col>
+            <el-col :span="8">
+              <el-select style="width: 100%" v-model="item.value" placeholder="请选择状态">
+                <el-option
+                  v-for="item in state_fields"
+                  :label="item.label"
+                  :value="item.value"
+                  :key="item.value"
+                ></el-option>
+              </el-select>
+            </el-col>
+            <el-col :span="2" style="text-align: center" v-if="$index!==0">
+              <i
+                class="el-icon-remove-outline"
+                style="color: red;font-size: 16px;"
+                @click.prevent="removeStatusChange($index)"
+              ></i>
+            </el-col>
+          </el-row>
+        </el-form-item>
+      </el-form>
+      <div style="text-align: right">
+        <el-button type="danger" @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="confirm('Form')">确认</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+  import {getWfStateList, createWfState, updateWfState,
+    deleteWfState, getWfCustomfieldList , getCodes } from "@/api/workflow";
+  import { getUserList} from "@/api/user";
+  import { getRoleAll } from "@/api/role";
+  import checkPermission from "@/utils/permission";
+  const defaultwfstate = {
+    name: "",
+  };
+  export default {
+    components: {},
+    name: "State",
+    props: ["ID"],
+    data() {
+      return {
+        wfstate: {
+          name: '',
+          is_hidden: '',
+          sort: '',
+          type: '',
+          participant_cc: [],
+          enable_retreat: '',
+          participant_type: '',
+          filter_policy: '',
+          distribute_type: '',//分发类型
+          state_fields: {}//字段状态是否可写
+        },
+        statusChange: [],
+        participant: '',
+        participants: [],
+        is_hidden: false,
+        enable_retreat: false,
+        staffs: [],
+        roles: [],
+        codes: [],
+        customfieldList: [],
+        /*wfstateList: {
+          count:0
+        },*/
+        wfstateList: [],
+        options_: {
+          "0": '无处理',
+          "1": '个人',
+          "2": '多人',
+          // "3": '部门',
+          "4": '角色',
+          // "5": '变量',
+          "6": '脚本',
+          "7": '工单的字段',
+          // "8": '父工单的字段',
+          "9": '代码获取',
+        },
+        options: [{
+          value: 0,
+          label: '普通类型'
+        }, {
+          value: 1,
+          label: '初始状态'
+        }, {
+          value: 2,
+          label: '结束状态'
+        }],
+        typeoptions: [{
+          value: 0,
+          label: '无处理'
+        }, {
+          value: 1,
+          label: '个人'
+        }, {
+          value: 2,
+          label: '多人'
+        }
+        , {
+          value: 4,
+          label: '角色'
+        }
+        , {
+          value: 6,
+          label: '脚本'
+        }
+        , {
+          value: 7,
+          label: '工单的字段'
+        }
+        , {
+          value: 9,
+          label: '代码获取'
+        }],
+        state_fields:[
+          {
+            value: 1,
+            label: '只读'
+          },{
+            value: 2,
+            label: '必填'
+          },{
+            value: 3,
+            label: '可选'
+          },{
+            value: 4,
+            label: '隐藏'
+          },
+        ],
+        display_form_str: [],
+        limit_expression: [],
+        dialogVisible: false,
+        dialogType: "new",
+        rule1: {
+          name: [{required: true, message: "请输入", trigger: "blur"}],
+          sort: [{required: true, message: "请输入", trigger: "blur"}],
+          type: [{required: true, message: "选择", trigger: "blur"}],
+
+        },
+      };
+    },
+
+    created() {
+      this.getList();
+      this.getUser();
+      this.getDepartment();
+    },
+    mounted(){
+      this.getCodes();
+    },
+    methods: {
+
+      checkPermission(value){
+       /* debugger;
+        console.log(checkPermission(value))*/
+        checkPermission(value);
+      },
+
+      getList() {
+
+        getWfStateList(this.ID).then((response) => {
+
+          if (response.data) {
+            this.wfstateList = response.data;
+          }
+
+        });
+        getWfCustomfieldList(this.ID).then((response) => {
+          if (response.data) {
+            this.customfieldList = response.data;
+          }
+
+        });
+      },
+      getUser() {
+        getUserList({}).then(res => {
+          if (res.data) {
+            this.staffs = res.data.results;
+          }
+        })
+      },
+      getDepartment() {
+        getRoleAll().then(res => {
+          if (res.data) {
+            this.roles = res.data;
+          }
+        })
+      },
+      getCodes(){
+        getCodes().then(res=>{
+          // debugger;
+          // console.log(res);
+          this.codes = res.data;
+        })
+      },
+      //参与者类型变化
+      typeChange() {
+        this.participant = '';
+        this.participants = [];
+      },
+      //打开新建
+      handleCreate() {
+        this.wfstate = Object.assign({}, defaultwfstate);
+        this.dialogType = "new";
+        this.dialogVisible = true;
+        this.$nextTick(() => {
+          this.$refs["Form"].clearValidate();
+        });
+      },
+      //打开编辑
+      handleEdit(scope) {
+        this.wfstate = Object.assign({}, scope.row); // copy obj
+        this.participants = this.wfstate.participant;
+        this.participant = this.wfstate.participant;
+        /////
+        debugger;
+        console.log(this.wfstate.state_fields);
+        let arr = [];
+        for (let pro in this.wfstate.state_fields) {
+          let obj = new Object();
+          obj.name = pro;
+          obj.value = this.wfstate.state_fields[pro];
+          arr.push(obj)
+        }
+        this.statusChange = arr;
+        this.wfstate.distribute_type = this.wfstate.distribute_type.toString();
+        this.wfstate.filter_policy = this.wfstate.filter_policy.toString();
+        this.dialogType = "edit";
+        this.dialogVisible = true;
+        this.$nextTick(() => {
+          this.$refs["Form"].clearValidate();
+        });
+      },
+      addWordStatusChange() {
+        this.statusChange.push({name: '', value: ''})
+      },
+      removeStatusChange(index) {
+        this.statusChange.splice(index, 1)
+      },
+      //编辑新建
+      async confirm(form) {
+        this.$refs[form].validate((valid) => {
+          if (valid) {
+            const isEdit = this.dialogType === "edit";
+            // this.wfstate.participant = 1;
+            let state_fields = {};
+            if (this.statusChange.length > 0) {
+              for (let i = 0; i < this.statusChange.length; i++) {
+                state_fields[this.statusChange[i].name] = this.statusChange[i].value;
+              }
+            }
+            debugger;
+            console.log(state_fields);
+            this.wfstate.state_fields = state_fields;
+            this.wfstate.participant = this.wfstate.participant_type === 1 ? this.participant : this.participants;
+            if (isEdit) {
+              updateWfState(this.wfstate.id, this.wfstate).then((res) => {
+                if (res.code >= 200) {
+                  this.getList();
+                  this.dialogVisible = false;
+                  this.$message.success("成功");
+                  this.getList();
+                }
+              });
+            } else {
+              this.wfstate.workflow = this.ID;
+              createWfState(this.wfstate).then((res) => {
+                if (res.code >= 200) {
+                  this.getList();
+                  this.dialogVisible = false;
+                  this.getList();
+                  this.$message.success("成功");
+                }
+              });
+            }
+          } else {
+            return false;
+          }
+        });
+      },
+
+
+      handleDelete(scope) {
+        this.$confirm("确认删除?", "警告", {
+          confirmButtonText: "确认",
+          cancelButtonText: "取消",
+          type: "error",
+        })
+          .then(async () => {
+            await deleteWfState(scope.row.id);
+            this.getList();
+            this.$message.success("成功");
+          })
+          .catch((err) => {
+            console.error(err);
+          });
+      },
+
+
+    },
+  };
+</script>
diff --git a/admin/client/src/views/workflow/test.vue b/admin/client/src/views/workflow/test.vue
new file mode 100644
index 0000000..fa06867
--- /dev/null
+++ b/admin/client/src/views/workflow/test.vue
@@ -0,0 +1,133 @@
+<template>
+    <div id="container" style="border: 1px solid #000000;">
+        <svg width="900" height="1500">
+            <g />
+            <rect />
+        </svg>
+    </div>
+</template>
+<script src="https://d3js.org/d3.v4.min.js"></script>
+<script>
+    import dagreD3 from "dagre-d3";
+    import * as d3 from "d3";
+    export default {
+        data() {
+            return {
+              nodes: [
+                {
+                  id: "2",
+                  label: "开始",
+                  shape: "rect"
+                },
+                {
+                  id: "3",
+                  label: "部门领导审批",
+                  shape: "diamond"
+                },
+                {
+                  id: "4",
+                  label: "综合办公室审批",
+                  shape: "diamond"
+                },
+                {
+                  id: "5",
+                  label: "结束",
+                  shape: "rect"
+                },
+              ],
+              edges: [
+                {
+                  source: "2",
+                  target: "3",
+                  label: ""
+                },
+                {
+                  source: "3",
+                  target: "4",
+                  label: "同意"
+                },
+                {
+                  source: "4",
+                  target: "5",
+                  label: "同意"
+                },
+              ]
+            };
+        },
+        mounted() {
+            //获取D3
+            var g = new dagreD3.graphlib.Graph().setGraph({
+                align: 'DL',
+                nodesep: 100,
+                edgesep: 100,
+                ranksep: 50,
+                marginx: 50,
+                marginy: 100,
+            });
+          console.log(g);
+          // 添加节点
+          this.nodes.forEach((item) => {
+            g.setNode(item.id, {
+              // 节点标签
+              label: item.label,
+              // 节点形状
+              shape: item.shape,
+              toolText: item.label,
+              //节点样式
+              style: "fill:#fff;stroke:#000",
+              // 节点样式
+              labelStyle: "fill:#000;",
+              width: 83,
+              height: 40,
+              rx :5,
+              ry :5
+            });
+          });
+          // 链接关系
+          this.edges.forEach(item => {
+            g.setEdge(item.source, item.target, {
+              // 边标签
+              label: item.label,
+              // 边样式
+              style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px" // 根据后台数据来改变连线的颜色
+            });
+          });
+          g.nodes().forEach(function (v) {
+            console.log("Node " + v + ": " + JSON.stringify(g.node(v)));
+          });
+          g.edges().forEach(function (e) {
+            console.log("Edge " + e.v + " -> " + e.w + ": " + JSON.stringify(g.edge(e)));
+          });
+          // 创建渲染器
+          let render = new dagreD3.render();
+          // 选择 svg 并添加一个g元素作为绘图容器.
+          let svg = d3.select('svg');
+          let svgGroup = svg.select('g');
+          // 在绘图容器上运行渲染器生成流程图.
+          render(d3.select("svg g"), g);
+        }
+    };
+</script>
+
+<style scoped>
+    svg {
+    }
+
+    .node rect {
+        stroke: #606266;
+        fill: #fff;
+    }
+
+    .edgePath path {
+        stroke: #606266;
+        fill: #333;
+        stroke-width: 1.5px;
+    }
+    #__SVG_SPRITE_NODE__{
+      position: absolute!important;
+      width: 689px!important;
+      height: 800px!important;
+      left: 300px!important;
+      top: 331px!important;
+    }
+</style>
diff --git a/admin/client/src/views/workflow/ticket.vue b/admin/client/src/views/workflow/ticket.vue
new file mode 100644
index 0000000..14971fd
--- /dev/null
+++ b/admin/client/src/views/workflow/ticket.vue
@@ -0,0 +1,1020 @@
+<template>
+  <div class="app-container">
+    <el-card style="margin-bottom: 10px">
+      <div>
+        <el-select v-model="pageForm.workflow" placeholder="工作流" clearable style="width: 200px" class="filter-item" @change="handleFilter">
+          <el-option
+            v-for="item in workflows"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
+          />
+        </el-select>
+        <el-button
+          class="filter-item"
+          type="primary"
+          icon="el-icon-refresh-left"
+          @click="resetFilter"
+        >重置</el-button>
+        <el-button
+          class="filter-item"
+          type="primary"
+          icon="el-icon-search"
+          @click="handleFilter"
+        >搜索</el-button>
+      </div>
+      <div style="margin-top: 2px">
+        <el-button type="primary" icon="el-icon-plus" @click="handleCreate">新增</el-button>
+      </div>
+    </el-card>
+    <el-tabs v-model="pageForm.category" type="border-card" @tab-click="handleClick">
+      <el-tab-pane label="待处理" name="duty">
+        <el-table
+          v-loading="listLoading"
+          :data="tickets"
+          border fit stripe
+          style="width: 100%"
+          height="100"
+          highlight-current-row
+          v-el-height-adaptive-table="{bottomOffset: 100}"
+        >
+          <el-table-column label="工单标题" min-width="100" prop="title">
+          </el-table-column>
+          <el-table-column label="当前状态"  min-width="100">
+            <template slot-scope="scope">
+              <el-tag v-if="scope.row.act_state==0" label="草稿中" value="scope.row.act_state">草稿中</el-tag>
+              <el-tag v-else-if="scope.row.act_state==1" label="进行中" value="scope.row.act_state">进行中</el-tag>
+              <el-tag v-else-if="scope.row.act_state==2" label="被退回" value="scope.row.act_state">被退回</el-tag>
+              <el-tag v-else-if="scope.row.act_state==3" label="被撤回" value="scope.row.act_state">被撤回</el-tag>
+              <el-tag v-else-if="scope.row.act_state==4" label="已完成" value="scope.row.act_state">已完成</el-tag>
+              <el-tag v-else-if="scope.row.act_state==5" label="已关闭" value="scope.row.act_state">已关闭</el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column label="进行状态"  min-width="100">
+            <template slot-scope="scope">
+              <span v-if="scope.row.state_.type==0">{{scope.row.state_.name}}中</span>
+              <span v-else>已{{scope.row.state_.name}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="类型"  min-width="100">
+            <template slot-scope="scope">{{ scope.row.workflow_.name }}</template>
+          </el-table-column>
+          <el-table-column label="创建时间"  min-width="100" prop="create_time">
+          </el-table-column>
+          <el-table-column align="center" label="操作">
+            <template slot-scope="scope">
+              <el-link v-if="scope.row.state_.distribute_type==1&&scope.row.participant_type==2" type="danger" @click="handleGetTicket(scope)">接单</el-link>
+              <el-link v-else-if="(scope.row.act_state==1||scope.row.act_state==3)&&scope.row.participant_type!==2&&scope.row.state_.type===0" type="primary" @click="handleDetail(scope)">处理</el-link>
+              <el-link v-if="scope.row.state_.type==1&&userId==1" type="danger" @click="handleClose(scope,'2')">关闭</el-link>
+              <!--如果state_.retreat为可退回，则显示撤回按钮 state_.type==1处于草稿状态 -->
+              <el-link v-if="scope.row.state_.enable_retreat&&userId==scope.row.create_by&&scope.row.state_.type!==1" type="danger" @click="handleClose(scope,'1')">撤回</el-link>
+              <el-link  type="primary" @click="handleDetails(scope)">详情</el-link>
+              <el-link type="success" @click="handleDelete(scope)">删除</el-link>
+              <el-link type="success" @click="handlePicture(scope)">查看流程图</el-link>
+              <el-link type="success" @click="handleLogs(scope)">工单日志</el-link>
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination
+          :total="total"
+          :page.sync="pageForm.page"
+          :limit.sync="pageForm.page_size"
+          @pagination="getList"
+        />
+      </el-tab-pane>
+      <el-tab-pane label="我处理" name="worked">
+        <el-table :data="tickets"
+                  border fit stripe
+                  style="width: 100%"
+                  height="100"
+                  highlight-current-row
+                  v-el-height-adaptive-table="{bottomOffset: 60}">
+          <el-table-column label="工单标题" min-width="100" prop="title">
+          </el-table-column>
+          <el-table-column label="当前状态"  min-width="100">
+            <template slot-scope="scope">
+              <el-tag v-if="scope.row.act_state==0" label="草稿中" value="scope.row.act_state">草稿中</el-tag>
+              <el-tag v-else-if="scope.row.act_state==1" label="进行中" value="scope.row.act_state">进行中</el-tag>
+              <el-tag v-else-if="scope.row.act_state==2" label="被退回" value="scope.row.act_state">被退回</el-tag>
+              <el-tag v-else-if="scope.row.act_state==3" label="被撤回" value="scope.row.act_state">被撤回</el-tag>
+              <el-tag v-else-if="scope.row.act_state==4" label="已完成" value="scope.row.act_state">已完成</el-tag>
+              <el-tag v-else-if="scope.row.act_state==5" label="已关闭" value="scope.row.act_state">已关闭</el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column label="进行状态"  min-width="100">
+            <template slot-scope="scope">
+              <span v-if="scope.row.state_.type==0">{{scope.row.state_.name}}中</span>
+              <span v-else>已{{scope.row.state_.name}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="类型"  min-width="100">
+            <template slot-scope="scope">{{ scope.row.workflow_.name }}</template>
+          </el-table-column>
+          <el-table-column label="创建时间"  min-width="100" prop="create_time">
+          </el-table-column>
+          <el-table-column align="center" label="操作">
+            <template slot-scope="scope">
+             <!-- <el-link v-if="scope.row.state_.distribute_type==1&&scope.row.participant_type==2" type="danger" @click="handleGetTicket(scope)">接单</el-link>
+              <el-link v-else-if="(scope.row.act_state==1||scope.row.act_state==3)&&scope.row.participant_type!==2&&scope.row.state_.type===0" type="primary" @click="handleDetail(scope)">处理</el-link>
+              -->
+              <el-link v-if="scope.row.state_.type==1&&userId==1" type="danger" @click="handleClose(scope,'2')">关闭</el-link>
+              <el-link  type="primary" @click="handleDetails(scope)">详情</el-link>
+              <el-link type="success" @click="handlePicture(scope)">查看流程图</el-link>
+              <el-link type="success" @click="handleLogs(scope)">工单日志</el-link>
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination
+          :total="total"
+          :page.sync="pageForm.page"
+          :limit.sync="pageForm.page_size"
+          @pagination="getList"
+        />
+      </el-tab-pane>
+      <el-tab-pane label="我发起" name="owner">
+        <el-table :data="tickets"
+                  border fit stripe
+                  style="width: 100%"
+                  height="100"
+                  highlight-current-row
+                  v-el-height-adaptive-table="{bottomOffset: 60}">
+          <el-table-column label="工单标题" min-width="100" prop="title">
+          </el-table-column>
+          <el-table-column label="当前状态"  min-width="100">
+            <template slot-scope="scope">
+              <el-tag v-if="scope.row.act_state==0" label="草稿中" value="scope.row.act_state">草稿中</el-tag>
+              <el-tag v-else-if="scope.row.act_state==1" label="进行中" value="scope.row.act_state">进行中</el-tag>
+              <el-tag v-else-if="scope.row.act_state==2" label="被退回" value="scope.row.act_state">被退回</el-tag>
+              <el-tag v-else-if="scope.row.act_state==3" label="被撤回" value="scope.row.act_state">被撤回</el-tag>
+              <el-tag v-else-if="scope.row.act_state==4" label="已完成" value="scope.row.act_state">已完成</el-tag>
+              <el-tag v-else-if="scope.row.act_state==5" label="已关闭" value="scope.row.act_state">已关闭</el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column label="进行状态"  min-width="100">
+            <template slot-scope="scope">
+              <span v-if="scope.row.state_.type==0">{{scope.row.state_.name}}中</span>
+              <span v-else>已{{scope.row.state_.name}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="类型"  min-width="100">
+            <template slot-scope="scope">{{ scope.row.workflow_.name }}</template>
+          </el-table-column>
+          <el-table-column label="创建时间"  min-width="100" prop="create_time">
+          </el-table-column>
+          <el-table-column align="center" label="操作">
+            <template slot-scope="scope" v-if="scope.row.state_">
+              <el-link v-if="scope.row.state_.enable_retreat&&scope.row.state_.type!==1" type="danger" @click="handleClose(scope,'1')">撤回</el-link>
+              <el-link v-if="scope.row.state_.type==1" type="danger" @click="handleClose(scope,'2')">关闭</el-link>
+              <el-link  type="primary" @click="handleDetails(scope)">详情</el-link>
+              <el-link type="success" @click="handleDelete(scope)">删除</el-link>
+              <el-link type="success" @click="handlePicture(scope)">查看流程图</el-link>
+              <el-link type="success" @click="handleLogs(scope)">工单日志</el-link>
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination
+          :total="total"
+          :page.sync="pageForm.page"
+          :limit.sync="pageForm.page_size"
+          @pagination="getList"
+        />
+      </el-tab-pane>
+      <el-tab-pane label="抄送我" name="cc">
+        <el-table :data="tickets"
+                  border fit stripe
+                  style="width: 100%"
+                  height="100"
+                  highlight-current-row
+                  v-el-height-adaptive-table="{bottomOffset: 60}">
+          <el-table-column label="工单标题" min-width="100" prop="title">
+          </el-table-column>
+          <el-table-column label="当前状态"  min-width="100">
+            <template slot-scope="scope">
+              <el-tag v-if="scope.row.act_state==0" label="草稿中" value="scope.row.act_state">草稿中</el-tag>
+              <el-tag v-else-if="scope.row.act_state==1" label="进行中" value="scope.row.act_state">进行中</el-tag>
+              <el-tag v-else-if="scope.row.act_state==2" label="被退回" value="scope.row.act_state">被退回</el-tag>
+              <el-tag v-else-if="scope.row.act_state==3" label="被撤回" value="scope.row.act_state">被撤回</el-tag>
+              <el-tag v-else-if="scope.row.act_state==4" label="已完成" value="scope.row.act_state">已完成</el-tag>
+              <el-tag v-else-if="scope.row.act_state==5" label="已关闭" value="scope.row.act_state">已关闭</el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column label="进行状态"  min-width="100">
+            <template slot-scope="scope">
+              <span v-if="scope.row.state_.type==0">{{scope.row.state_.name}}中</span>
+              <span v-else>已{{scope.row.state_.name}}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="类型"  min-width="100">
+            <template slot-scope="scope">{{ scope.row.workflow_.name }}</template>
+          </el-table-column>
+          <el-table-column label="创建时间"  min-width="100" prop="create_time">
+          </el-table-column>
+          <el-table-column align="center" label="操作">
+            <template slot-scope="scope">
+              <el-link  type="primary" @click="handleDetails(scope)">详情</el-link>
+              <el-link type="danger" @click="handlePicture(scope)">查看流程图</el-link>
+              <el-link type="success" @click="handleLogs(scope)">工单日志</el-link>
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination
+          :total="total"
+          :page.sync="pageForm.page"
+          :limit.sync="pageForm.page_size"
+          @pagination="getList"
+        />
+      </el-tab-pane>
+    </el-tabs>
+    <div class="svgMark" v-if="dialogVisible" @click="closeMark">
+      <div class="svgWrapper">
+        <div class="svgItem">工单流程图<i class="el-dialog__close el-icon el-icon-close" @click="closeMark"></i></div>
+        <el-row>
+          <el-col :span="12">
+            <p>工单名称 ：{{watchedName}}</p>
+          </el-col>
+          <el-col :span="12">
+            <p>创建时间 ：{{watchedCreateTime}}</p>
+          </el-col>
+        </el-row>
+        <el-steps :active="actives" spac="400px" align-center="" style="padding-top: 20px;">
+          <el-step :title="item.name" v-for="item in flowSteps " :key="item.id">
+          </el-step>
+        </el-steps>
+        <div style="width: 90%;margin: auto;">
+          <svg height=1000 id="mySvg" style="width:100%!important;">
+          </svg>
+        </div>
+
+      </div>
+    </div>
+    <el-dialog :visible.sync="limitedRetreat" :title="handleTitle">
+      <el-row>
+        <el-form ref="Form" :model="handleForm" label-width="100px" label-position="right">
+          <el-col :span="1" style="height: 1px;"></el-col>
+          <el-col :span="22" style="margin:3vh 0">
+            <el-form-item :label="handleLabel">
+              <el-input type="textarea" :rows="3" v-model="handleForm.suggestion" placeholder="撤回原因"/>
+            </el-form-item>
+          </el-col>
+        </el-form>
+      </el-row>
+      <div style="text-align: center">
+        <el-button class="filter-item" type="" @click="handleCancel">取消</el-button>
+        <el-button class="filter-item" type="primary" @click="handleSubmit">确定</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog :visible.sync="limitedAdd" title="新增工单">
+      <el-form ref="Form" :model="addForm" label-width="100px" label-position="right" :rules="rule1">
+        <el-form-item label="名称" prop="title">
+          <el-input v-model="addForm.title" placeholder="工单名称" />
+        </el-form-item>
+        <el-form-item label="工作流">
+          <el-select v-model="addForm.workflow" placeholder="工作流" @change="handleWorkflowChange">
+            <el-option
+              v-for="item in workflows"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item :label="item.field_name" v-for="item in customfields" :key="item.id">
+          <template v-if="item.field_type=='string'">
+            <el-input v-model="item.default_value" :placeholder="item.description" />
+          </template>
+          <template v-if="item.field_type==='int'">
+            <el-input v-model="item.default_value" type="number" :placeholder="item.description" oninput="value=value.replace(/[^\d]/g,'')" />
+          </template>
+          <template v-if="item.field_type==='float'">
+            <el-input v-model="item.default_value" type="number" :placeholder="item.description" />
+          </template>
+          <template v-if="item.field_type==='date'">
+            <el-date-picker
+              v-model="item.default_value"
+              type="date"
+              placeholder="选择日期"
+              value-format="yyyy-MM-dd"
+              style="width: 100%"
+            >
+            </el-date-picker>
+          </template>
+          <template v-if="item.field_type==='datetime'">
+            <el-date-picker
+              v-model="item.default_value"
+              type="datetime"
+              placeholder="选择日期"
+              value-format="yyyy-MM-dd HH:mm:ss"
+              style="width: 100%"
+            >
+            </el-date-picker>
+          </template>
+          <template v-if="item.field_type==='select'">
+            <el-select style="width: 100%" v-model="item.default_value" placeholder="请选择">
+              <el-option
+                v-for="item1 in item.field_choice"
+                :key="item1.id"
+                :label="item1.name"
+                :value="item1.id"
+              >
+              </el-option>
+            </el-select>
+          </template>
+          <template v-if="item.field_type==='selects'">
+            <el-select  style="width: 100%" multiple v-model="item.default_value" placeholder="请选择">
+              <el-option
+                v-for="item1 in item.field_choice"
+                :key="item1.id"
+                :label="item1.name"
+                :value="item1.id"
+              >
+              </el-option>
+            </el-select>
+          </template>
+          <template v-if="item.field_type==='textarea'">
+            <el-input type="textarea"  :rows="3" v-model="item.default_value" placeholder="内容" />
+          </template>
+          <template v-if="item.field_type==='file'">
+            <el-upload
+              ref="upload"
+              :action="upUrl"
+              :on-preview="handlePreview"
+              :on-success="handleUpSuccess"
+              :on-remove="handleRemove"
+              :headers="upHeaders"
+              :file-list="fileList"
+              :limit="1"
+              accept=".doc,.docx,.xls,.xlsx,.ppt,.pptx"
+            >
+              <el-button size="small" type="primary">上传文件</el-button>
+            </el-upload>
+          </template>
+        </el-form-item>
+      </el-form>
+      <div style="text-align: right">
+        <el-button type="danger" @click="limitedAdd = false">取消</el-button>
+        <el-button type="primary" @click="confirm('Form')">确认</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog :visible.sync="limitedFlowLogs" title="工单日志">
+      <el-table :data="floeLogs"  fit stripe
+                style="width: 100%;border-top:1px solid #EBEEF5;"
+                height="100"
+                highlight-current-row
+                v-el-height-adaptive-table="{bottomOffset: 60}">
+        <el-table-column label="工单标题" min-width="100">
+          <template slot-scope="scope" v-if="scope.row.ticket_data">
+            <span>{{scope.row.ticket_data.title}}中</span>
+          </template>
+        </el-table-column>
+        <!-- <el-table-column label="当前状态"  min-width="100">
+           <template slot-scope="scope">
+             <el-tag v-if="scope.row.act_state==0" label="草稿中" value="scope.row.act_state">草稿中</el-tag>
+             <el-tag v-else-if="scope.row.act_state==1" label="进行中" value="scope.row.act_state">进行中</el-tag>
+             <el-tag v-else-if="scope.row.act_state==2" label="被退回" value="scope.row.act_state">被退回</el-tag>
+             <el-tag v-else-if="scope.row.act_state==3" label="被撤回" value="scope.row.act_state">被撤回</el-tag>
+             <el-tag v-else-if="scope.row.act_state==4" label="已完成" value="scope.row.act_state">已完成</el-tag>
+             <el-tag v-else-if="scope.row.act_state==5" label="已关闭" value="scope.row.act_state">已关闭</el-tag>
+           </template>
+         </el-table-column>-->
+        <el-table-column label="进行状态"  min-width="100">
+          <template slot-scope="scope" v-if="scope.row.state_">
+            <span v-if="scope.row.state_.type==0">{{scope.row.state_.name}}中</span>
+            <span v-else>已{{scope.row.state_.name}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作人"  min-width="100">
+          <template slot-scope="scope" v-if="scope.row.participant_">{{ scope.row.participant_.name }}</template>
+        </el-table-column>
+        <el-table-column label="操作意见" min-width="100" prop="suggestion">
+        </el-table-column>
+        <el-table-column label="更新时间"  min-width="100" prop="update_time">
+        </el-table-column>
+      </el-table>
+    </el-dialog>
+  </div>
+</template>
+<script src="https://d3js.org/d3.v4.min.js"></script>
+<script>
+  import { upUrl, upHeaders } from "@/api/file";
+  import {getWorkflowList,getWfCustomfieldList,createTicket,getWfStateList,getTickets,ticketAccpet,getWfTransitionList,
+    ticketHandle,getWfFlowSteps,getTicketDetail,getTicketTransitions,getTicketFlowlog,ticketRetreat,ticketClose,ticketDestory} from "@/api/workflow";
+  import Pagination from "@/components/Pagination";
+  import dagreD3 from 'dagre-d3'
+  import * as d3 from 'd3'
+  export default {
+  name: "ticket",
+  components: { Pagination },
+    inject:['reload'],
+  data(){
+    return{
+      step:4,
+      sort:0,
+      total:0,
+      actives:4,
+      ticketId:0,
+      pageForm:{
+        page:1,
+        page_size:20,
+        workflow:'',
+        category:'duty',
+      },
+      addForm:{
+        title:'',
+        workflow:'',
+        ticket_data:{},
+        transition:''
+      },
+      handleForm:{
+        suggestion:'',
+      },
+      handleRule:{},
+      upUrl: upUrl(),
+      upHeaders: upHeaders(),
+      keyword:'',
+      workflow:'',
+      watchedName:'',
+      watchedCreateTime:'',
+      logs:[],
+      tickets:[],
+      workflows:[],
+      ticketDetail:{},
+      dialogVisible:false,
+      listLoading:false,
+      limitedStep:false,
+      limitedAdd:false,
+      limitedRetreat:false,
+      limitedFlowLogs:false,
+      floeLogs:[],
+      nodes: [],
+      tooltip:null,
+      edges: [],
+      fileList:[],
+      flowSteps:[],
+      operationBtn:[],
+      customfields:[],
+      transitions:[],
+      handleLabel:'撤回原因',
+      handleTitle:'工单撤回',
+      rule1:{
+        title: [{ required: true, message: "请输入", trigger: "blur" }],
+        workflow: [{ required: true, message: "选择", trigger: "blur" }]
+      }
+      ,
+    }
+  },
+    mounted(){
+    debugger;
+    this.userId = sessionStorage.getItem('userId')
+      this.workflow = this.$route.params.workflow;
+      if(this.workflow){//有传参
+        this.pageForm.workflow = parseInt(this.workflow);
+      }
+      this.getList();
+      this.getStates();
+      this.getWorkFlow();
+    },
+  methods:{
+    getList(){
+      this.listLoading = true;
+      getTickets( this.pageForm).then((res)=>{
+        if(res.data.results){
+          this.total = res.data.count;
+          this.tickets = res.data.results;
+          this.listLoading = false;
+        }
+      })
+    },
+    getTicketFlowlogs(id){
+      getTicketFlowlog(id).then(res=>{
+        if(res.data){
+          this.logs = res.data;
+        }
+      })
+    },
+    handleClick(tab, event) {
+      console.log(tab, event);
+      this.getList();
+    },
+    //获取工作流所有状态
+    getStates(){
+      if(this.pageForm.workflow!==''){
+        getWfStateList(this.pageForm.workflow).then((response) => {
+          if (response.data) {
+            let nodes = [];
+            let res = response.data;
+            for(let i=0;i<res.length;i++){
+              let obj = new Object();
+              obj.id = res[i].id;
+              obj.label = res[i].name;
+              obj.shape = res[i].type===0? 'diamond':'rect';
+              nodes.push(obj)
+            }
+            this.nodes = nodes;
+            this.getEdges(nodes);
+          }
+        });
+      }
+    },
+    //获取工作流
+    getWorkFlow(){
+      let listForm = {page:0};
+      getWorkflowList(listForm).then((response) => {
+        if (response.data) {
+          this.workflows = response.data;
+        }
+      });
+    },
+    //获取过程标记
+    getEdges(nodes){
+        let edge = [];
+        for(let i=1;i<nodes.length;i++){
+          let obj = new Object();
+          obj.source = nodes[i-1].id;
+          obj.target = nodes[i].id;
+          obj.label = i>1?'同意':'';
+          edge.push(obj);
+        }
+        this.edges = edge;
+    },
+    handleFilter(){
+      this.pageForm.page=1;
+      this.getList();
+      this.getStates();
+    },
+    resetFilter(){
+      this.pageForm.workflow = '',
+        this.getList();
+    },
+    handleCreate(){
+      this.limitedAdd = true;
+      this.addForm.title = '';
+      this.addForm.workflow = '';
+      this.addForm.ticket_data = {};
+      this.addForm.transition = '';
+      this.customfields = [];
+      this.$nextTick(() => {
+        this.$refs["Form"].clearValidate();
+      });
+    },
+    handleWorkflowChange(){
+      //获取字段
+      getWfCustomfieldList(this.addForm.workflow).then((res)=>{
+        this.customfields = res.data;
+      })
+      //获取流转
+      getWfTransitionList(this.addForm.workflow).then((res)=>{
+        for (let i=0;i<res.data.length;i++){
+          if(res.data[i].source_state_.type ===1){
+            debugger;
+            this.addForm.transition = res.data[i].id;
+          }
+        }
+      })
+    },
+    handlePreview(file) {
+      if ("url" in file) {
+        window.open(file.url);
+      } else {
+        window.open(file.response.data.path);
+      }
+    },
+    handleUpSuccess(res, file, filelist) {
+      this.process.instruction = res.data.id;
+    },
+    handleRemove(file, filelist){
+      this.process.instruction = null;
+    },
+    confirm(form){
+      this.$refs[form].validate((valid) => {
+        if (valid) {
+          let fields = this.customfields;
+          let obj = new Object();
+          for(let i=0;i<fields.length;i++){
+            obj[fields[i].field_key] = fields[i].default_value
+          }
+          this.addForm.ticket_data = obj;
+          debugger;
+          console.log(this.addForm)
+          createTicket(this.addForm).then((res) => {
+            if (res.code >= 200) {
+              this.getList();
+              this.limitedAdd = false;
+              this.$message.success("成功");
+            }
+          });
+        } else {
+          return false;
+        }
+      });
+    },
+    handleCancel(){
+      this.limitedRetreat = false;
+    },
+    handleSubmit(){
+      debugger;
+      if(this.handleTitle === '撤回工单'){
+        this.$confirm("确认撤回工单吗?", "温馨提示", {
+          confirmButtonText: "确认",
+          cancelButtonText: "取消",
+          type: "warning",
+        })
+          .then(async () => {
+            ticketRetreat(this.retreatId,this.handleForm).then(res=>{
+              this.limitedRetreat = false;
+              this.getList();
+              this.$store.dispatch("user/getCount", {})
+              this.$message.success("成功");
+            })
+          })
+          .catch((err) => {
+            console.error(err);
+          });
+      }else{
+        this.$confirm("确认关闭工单吗?", "温馨提示", {
+          confirmButtonText: "确认",
+          cancelButtonText: "取消",
+          type: "warning",
+        })
+          .then(async () => {
+            ticketClose(this.retreatId,this.handleForm).then(res=>{
+              this.limitedRetreat = false;
+              this.getList();
+              this.$store.dispatch("user/getCount", {})
+              this.$message.success("成功");
+            })
+          })
+          .catch((err) => {
+            console.error(err);
+          });
+      }
+
+    },
+    handleClose(scope,index){
+      if(index==='1'){
+        this.handleTitle = '撤回工单';
+        this.handleLabel='撤回原因';
+      }else{
+        this.handleTitle = '关闭工单';
+        this.handleLabel='关闭原因';
+      }
+      this.limitedRetreat = true;
+      this.retreatId = scope.row.id;
+    },
+    handleLogs(){},
+    handlePicture(scope){
+      let that = this;
+      that.dialogVisible = true;
+      that.watchedName = scope.row.title;
+      that.watchedCreateTime = scope.row.create_time;
+      that.pageForm.workflow = scope.row.workflow;
+      let ticketId = scope.row.id;
+      getWfFlowSteps( ticketId).then((res)=>{
+        if(res.data){
+          debugger;
+          //流程步骤数组
+          that.flowSteps = res.data;
+          getTicketDetail( ticketId).then((res)=>{
+            if(res.data){
+              debugger;
+              that.tooltip = that.createTooltip();
+              that.ticketDetail = res.data;
+              let state = res.data.state;
+              let dat = that.flowSteps.filter((item)=>{
+                return item.id==state;
+              })
+              that.sort = dat[0].sort;
+              that.actives = that.flowSteps.indexOf(dat[0]);
+              if( that.flowSteps.length-that.actives >1){}else{
+                that.actives =that.flowSteps.length;
+              }
+              var g = new dagreD3.graphlib.Graph().setGraph({
+                rankdir: 'DL',
+                nodesep: 100,
+                edgesep: 10,//两条线之间的距离
+                ranksep: 50,//节点之间的距离
+                marginx: 60,
+                marginy: 20,
+              });
+              //获取state得到节点
+              getWfStateList(that.pageForm.workflow).then((response) => {
+                if (response.data) {
+                  let nodes = response.data;
+                  // 添加节点
+                  nodes.forEach((item) => {
+                    if(item.sort==that.sort){
+                      g.setNode(item.id, {
+                        // 节点标签
+                        label: item.name,
+                        // 节点形状
+                        shape: 'rect',
+                        toolText: item.name,
+                        //节点样式
+                        style: "fill:#409EFF;stroke:#000",
+                        labelStyle: "fill:#000;",
+                        rx :5,//矩形节点圆角度
+                        ry :5
+                      });
+                    }else{
+                      g.setNode(item.id, {
+                        // 节点标签
+                        label: item.name,
+                        // 节点形状
+                        shape: 'rect',
+                        toolText: item.name,
+                        //节点样式
+                        style: "fill:#fff;stroke:#000",
+                        labelStyle: "fill:#000;",
+                        rx :5,//矩形节点圆角度
+                        ry :5
+                      });
+                    }
+                  });
+                  g.nodes().forEach(function (v) {
+                    console.log("Node " + v + ": " + JSON.stringify(g.node(v)));
+                  });
+                  //获取流转得到线  链接关系
+                  getWfTransitionList(that.pageForm.workflow).then((res)=>{
+                    if(res.data){
+                      let transitionList = res.data;
+                      transitionList.forEach((transitions)=>{
+                        let transition0 = transitions;
+                        debugger;
+                        console.log(transition0.condition_expression.length)
+                        if (transition0.condition_expression.length>0){
+                          g.setNode(transition0.source_state_.id+100000, {label: "条件表达式", style: "fill: #a4d088", shape: "diamond"});
+                          g.setEdge(transition0.source_state_.id, transition0.source_state_.id+100000, {
+                            // 边标签
+                            label: transition0.name,
+                            // curve: d3.curveBasis,
+                            style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px"
+                          });
+                          let condition_expression = transition0.condition_expression;
+                          condition_expression.forEach(condition_expression0=>{
+                            g.setEdge(transition0.source_state_.id+100000, condition_expression0.target_state, {
+                              label: condition_expression0.label,
+                              // curve: d3.curveBasis,
+                              style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px"
+                            })
+                          })
+                        }else{
+                          g.setEdge(transition0.source_state_.id, transition0.destination_state_.id, {
+                            // 边标签
+                            label: transition0.name,
+                            // curve: d3.curveBasis,
+                            // 边样式
+                            style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px" // 根据后台数据来改变连线的颜色
+                          });
+                        }
+                      })
+                      g.nodes().length-1
+                      g.nodes().forEach(function (v) {
+                        console.log("Node " + v + ": " + JSON.stringify(g.node(v)));
+                      });
+                      console.log("1111111111111");
+                      g.edges().forEach(function (e) {
+                        console.log("Edge " + e.v + " -> " + e.w + ": " + JSON.stringify(g.edge(e)));
+                      });
+                      // 创建渲染器
+                      let render = new dagreD3.render();
+                      // 选择 svg 并添加一个g元素作为绘图容器.
+                      let svg = d3.select('#mySvg');
+                      let svgGroup = svg.append('g');
+                      let zoom = d3.zoom()
+                        .on("zoom", function() {
+                          svgGroup.attr("transform", d3.event.transform);
+                        });
+                      svg.call(zoom);
+                      // 在绘图容器上运行渲染器生成流程图.
+                      render(d3.select("svg g"), g);
+                      getTicketFlowlog(ticketId).then(res=> {
+                        if (res.data) {
+                          that.logs = res.data;
+                          svgGroup
+                            .selectAll('g.node')
+                            .on('mouseover', (v) => {
+                              // 假如当前toolText为"",则不展示
+                              //这里就是自定义tooltip的内容
+                              let filList = [],strList = [];
+                              filList = nodes.filter((ii) => {
+                                return ii.name === g.node(v).label
+                              })
+                              if (!filList.length) {
+                                return
+                              }
+                              debugger;
+                              console.log(filList)
+                              filList.map((k) => {
+                                let filte = that.logs.filter(item=>{
+                                  return item.state == k.id;
+                                })
+                                debugger;
+                                console.log(filte)
+                                //每个
+                                let str = '处理人：'+filte[0].participant_.name;
+                                strList.push(str)
+                              })
+                              that.tipVisible(strList)
+                            })
+                            .on('mouseout', () => {
+                              this.tipHidden()
+                            })
+                        }
+                      })
+
+                    }else{}
+                  });
+                }
+              });
+            }
+          });
+        }
+      });
+    },
+    // 创建提示框
+    createTooltip() {
+      return d3
+        .select('body')
+        .append('div')
+        .classed('tooltip', true)
+        .style('opacity', 0)
+        .style('display', 'none')
+    },
+    // tooltip显示
+    tipVisible(textContent) {
+      this.tooltip
+        .transition()
+        .duration(400)
+        .style('opacity', 1)
+        .style('display', 'block')
+        .style('color', '#ffffff')
+        .style('z-index', '3999')
+        .style('padding', '20px 30px')
+        .style('border-radius', '5px')
+        .style('position', 'fixed')
+        .style('background', 'rgba(0,0,0,.7)')
+      this.tooltip
+        .html(textContent)
+        .style('left', `${d3.event.pageX + 20}px`)
+        .style('top', `${d3.event.pageY-10}px`)
+    },
+
+    // tooltip隐藏
+    tipHidden() {
+      this.tooltip
+        .transition()
+        .duration(400)
+        .style('opacity', 0)
+        .style('display', 'none')
+    },
+    //处理工单
+    handleDetail(scope){
+      this.$router.push({name:"ticketHandle",params:{ticketId:scope.row.id,workflow:scope.row.workflow}})
+    },
+    //工单详情
+    handleDetails(scope){
+      this.$router.push({name:"ticketDetail",params:{ticketId:scope.row.id,workflow:scope.row.workflow}})
+    },
+    //接单
+    handleGetTicket(scope){
+      let ticketId = scope.row.id;
+      ticketAccpet(ticketId,{}).then(res=>{
+        if(res.code===200){
+          this.getList();
+        }
+      })
+    },
+    handleLogs(scope){
+      let id = scope.row.id;
+      this.limitedFlowLogs = true;
+      getTicketFlowlog(id).then(res=>{
+        if(res.data){
+          this.floeLogs = res.data;
+        }
+      })
+    },
+    handleDelete(scope){
+      let data = new Object(),ids=[];
+      ids.push(scope.row.id);
+      data.ids = ids;
+      this.$confirm("确认删除该工单吗?", "温馨提示", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(async () => {
+          ticketDestory(data).then(res=>{
+            if(res.code==200){
+              this.getList();
+            }
+          })
+        })
+    },
+    stepclick(){},
+    closeMark(){
+      this.dialogVisible = false;
+    }
+  }
+  }
+</script>
+
+<style scoped>
+  ::-webkit-scrollbar {
+    width: 15px;
+  }
+  ::-webkit-scrollbar-track{
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
+    background-color: #fefefe;
+    border-radius: 7px;
+  }
+  ::-webkit-scrollbar-thumb{
+    border-radius: 7px;
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5);
+    background-color: #f5f5f5;
+  }
+  .svgMark{
+    width: 100%;
+    height: 100%;
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    overflow: auto;
+    margin: 0;
+    z-index: 2000;
+    background: rgba(0,0,0,.3);
+  }
+  .svgWrapper{
+    background: #fff;
+    width: 800px;
+    margin: 10vh auto 0;
+    text-align: center;
+    border-radius: 2px;
+    max-height: 80vh;
+    overflow-y: scroll;
+  }
+  .svgItem{
+    padding: 20px 40px 0 ;
+    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
+    font-size: 18px;
+    display: flex;
+    justify-content: space-between;
+  }
+  svg {
+    font-size: 14px;
+  }
+  .node rect {
+    stroke: #606266;
+    fill: #fff;
+  }
+  .edgePath path {
+    stroke: #606266;
+    fill: #333;
+    stroke-width: 1.5px;
+  }
+  .el-icon-close{
+    cursor: pointer;
+  }
+  .listItem{
+    margin-top: 15px;
+    font-size: 16px;
+  }
+  .listItem>span{
+    width: 100px;
+    text-align: right;
+    margin-right: 10px;
+    display: inline-block;
+  }
+
+
+
+  .tooltip {
+    position: absolute;
+    font-size: 12px;
+    text-align: left;
+    border-radius: 3px;
+    box-shadow: rgb(174, 174, 174) 0 0 10px;
+    cursor: pointer;
+    display: inline-block;
+    padding: 6px;
+    max-width: 300px;
+    word-wrap: break-word;
+    word-break: normal;
+  }
+
+  .tooltip > div {
+    padding: 10px;
+  }
+  .node rect {
+    stroke: #333;
+    fill: #999;
+  }
+  .node {
+    cursor: pointer;
+  }
+
+  .edgePath path {
+    stroke: #333;
+    fill: #333;
+    stroke-width: 1.5px;
+  }
+</style>
diff --git a/admin/client/src/views/workflow/ticketDetail.vue b/admin/client/src/views/workflow/ticketDetail.vue
new file mode 100644
index 0000000..0b5851d
--- /dev/null
+++ b/admin/client/src/views/workflow/ticketDetail.vue
@@ -0,0 +1,563 @@
+<template>
+  <div class="app-container">
+    <el-card style="margin-bottom: 10px">
+      <el-steps :active="actives" spac="400px" align-center="" style="padding-top: 20px;">
+        <el-step :title="item.name" v-for="item in flowSteps " :key="item.id"></el-step>
+      </el-steps>
+    </el-card>
+    <el-row>
+      <el-col :span="8">
+        <el-card>
+          <svg height=800 id="mySvg" style="width:100%!important;"></svg>
+        </el-card>
+      </el-col>
+      <el-col :span="16">
+        <el-card style="margin-left: 10px">
+          <p style="text-align: center;font-size: 20px">{{ticketDetail.title}}</p>
+          <el-col :span="12">
+            <div class="items">
+              <span class="itemLabel">工作流：</span>
+              <span>{{ticketDetail.workflow_.name}}</span>
+            </div>
+          </el-col>
+          <el-col :span="12">
+            <div class="items">
+              <span class="itemLabel">流水号：</span>
+              <span>{{ticketDetail.sn}}</span>
+            </div>
+          </el-col>
+          <el-col :span="12">
+            <div class="items">
+              <span class="itemLabel">创建时间：</span>
+              <span>{{ticketDetail.create_time}}</span>
+            </div>
+          </el-col>
+          <el-col v-for="item in ticketDetail.ticket_data_" :key="item.id" :span="12">
+            <div class="items">
+              <span class="itemLabel">{{item.field_name}}：</span>
+              <span>{{item.field_display}}</span>
+            </div>
+          </el-col>
+        </el-card>
+        <el-card style="margin-left: 10px">
+          <el-table :data="logs" fit stripe
+                    style="width: 100%;border-top:1px solid #EBEEF5;"
+                    height="500"
+                    highlight-current-row
+          >
+            <el-table-column label="工单标题" min-width="100">
+              <template slot-scope="scope" v-if="scope.row.ticket_data">
+                <span>{{scope.row.ticket_data.title}}中</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="进行状态" min-width="100">
+              <template slot-scope="scope" v-if="scope.row.state_">
+                <span v-if="scope.row.state_.type==0">{{scope.row.state_.name}}中</span>
+                <span v-else>已{{scope.row.state_.name}}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="操作人" min-width="100">
+              <template slot-scope="scope" v-if="scope.row.participant_">{{ scope.row.participant_.name }}</template>
+            </el-table-column>
+            <el-table-column label="操作意见" min-width="100" prop="suggestion">
+            </el-table-column>
+            <el-table-column label="更新时间" min-width="100" prop="update_time">
+            </el-table-column>
+          </el-table>
+        </el-card>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+<script src="https://d3js.org/d3.v4.min.js"></script>
+<script>
+  import {getOrgAll} from "@/api/org";
+  import {upUrl, upHeaders} from "@/api/file";
+  import {getUserList} from "@/api/user";
+  import {
+    getWorkflowList, getWfCustomfieldList, getWfStateList, getWfTransitionList, ticketHandle
+    , getWfFlowSteps, getTicketDetail, getTicketTransitions, getTicketFlowlog, ticketRetreat,
+    ticketAddNode, ticketAddNodeEnd, ticketClose
+  } from "@/api/workflow";
+  import Pagination from "@/components/Pagination";
+  import dagreD3 from 'dagre-d3'
+  import * as d3 from 'd3'
+
+  export default {
+    name: "ticketDetail",
+    components: {Pagination},
+    inject: ['reload'],
+    data() {
+      return {
+        step: 4,
+        actives: 4,
+        ticketId: 0,
+        stateSteps: 0,
+        ticketForm: {
+          transition: '',
+          ticket_data: {},
+          suggestion: '',
+        },
+        handleType: '1',
+        handleLabel: '撤回原因',
+        handleTitle: '工单撤回',
+        handleForm: {
+          suggestion: '',
+        },
+        addForm: {
+          toadd_user: '',
+          suggestion: '',
+        },
+        tooltip: null,
+        handleRule: {},
+        upUrl: upUrl(),
+        upHeaders: upHeaders(),
+        userId: '',
+        workflow: '',
+        watchedName: '',
+        watchedCreateTime: '',
+        logs: [],
+        orgList: [],
+        staffs: [],
+        edges: [],
+        nodes: [],
+        tooltip: [],
+        fileList: [],
+        workflows: [],
+        flowSteps: [],
+        ticketDetail: {},
+        operationBtn: [],
+        customfields: [],
+        transitions: [],
+        limitedAdd: false,
+        limitedHandle: false,
+        ticketFormRule: {},
+      }
+    },
+    mounted() {
+      let that = this;
+      that.userId = sessionStorage.getItem('userId')
+      let ticketId = that.ticketId = this.$route.params.ticketId;
+      let workflow = that.workflow = this.$route.params.workflow;
+      let handleTicketId = sessionStorage.getItem('handleTicketId');
+      let handleTicketWorkflow = sessionStorage.getItem('handleTicketWorkflow');
+      if (ticketId && workflow) {
+        if (handleTicketId && handleTicketWorkflow) {
+          sessionStorage.removeItem('handleTicketId');
+          sessionStorage.removeItem('handleTicketWorkflow');
+          sessionStorage.setItem('handleTicketId', ticketId);
+          sessionStorage.setItem('handleTicketWorkflow', workflow);
+        } else {
+          sessionStorage.setItem('handleTicketId', ticketId);
+          sessionStorage.setItem('handleTicketWorkflow', workflow);
+        }
+      } else {
+        ticketId = that.ticketId = handleTicketId;
+        workflow = that.workflow = handleTicketWorkflow;
+      }
+      this.getTicketFlowlogs(ticketId);
+      getTicketTransitions(ticketId).then(res => {
+        this.operationBtn = res.data;
+      })
+      getOrgAll().then((orgRes) => {
+        that.orgList = orgRes.data;
+        getUserList({page: 0}).then(userRes => {
+          if (userRes.data) {
+            that.staffs = userRes.data;
+            getWfFlowSteps(ticketId).then((res) => {
+              if (res.data) {
+                //流程步骤数组
+                that.flowSteps = res.data;
+                getTicketDetail(ticketId).then((res) => {
+                  if (res.data) {
+                    that.tooltip = that.createTooltip();
+                    that.ticketDetail = res.data;
+                    for (let i = 0; i < that.ticketDetail.ticket_data_.length; i++) {
+                      if (that.ticketDetail.ticket_data_[i].label === "sys_user") {
+                        that.ticketDetail.ticket_data_[i].field_choice = that.staffs;
+                      }
+                      if (that.ticketDetail.ticket_data_[i].label === "deptSelect") {
+                        that.ticketDetail.ticket_data_[i].field_choice = that.orgList;
+                      }
+                    }
+                    // console.log(that.ticketDetail.state_.enable_retreat);
+                    let state = res.data.state;
+                    let dat = that.flowSteps.filter((item) => {
+                      return item.id == state;
+                    })
+                    // debugger;
+                    let state_fields = dat[0].state_fields;
+                    if (state_fields !== {}) {
+                      for (let labe in state_fields) {
+                        for (let j = 0; j < that.ticketDetail.ticket_data_.length; j++) {
+                          if (that.ticketDetail.ticket_data_[j].field_key === labe) {
+                            // debugger;
+                            // console.log(labe)
+                            // console.log(state_fields[labe])
+                            if (state_fields[labe] !== 4) {
+                              that.ticketDetail.ticket_data_[j].is_hidden = false
+                            } else {
+                              that.ticketDetail.ticket_data_[j].is_hidden = true
+                            }
+                          }
+                        }
+                      }
+                    }
+                    that.sort = dat[0].sort;
+                    that.actives = that.flowSteps.indexOf(dat[0]);
+                    if (that.flowSteps.length - that.actives > 1) {
+                    } else {
+                      that.actives = that.flowSteps.length;
+                    }
+                    var g = new dagreD3.graphlib.Graph().setGraph({
+                      rankdir: 'DL',
+                      nodesep: 100,
+                      edgesep: 10,//两条线之间的距离
+                      ranksep: 50,//节点之间的距离
+                      marginx: 60,
+                      marginy: 20,
+                    });
+                    //获取state得到节点
+                    getWfStateList(workflow).then((response) => {
+                      if (response.data) {
+                        let nodes = response.data;
+
+                        // 添加节点
+                        nodes.forEach((item) => {
+                          if (item.sort == that.sort) {
+                            g.setNode(item.id, {
+                              // 节点标签
+                              label: item.name,
+                              // 节点形状
+                              shape: 'rect',
+                              toolText: item.name,
+                              //节点样式
+                              style: "fill:#409EFF;stroke:#000",
+                              labelStyle: "fill:#000;",
+                              rx: 5,//矩形节点圆角度
+                              ry: 5
+                            });
+
+                          } else {
+                            g.setNode(item.id, {
+                              // 节点标签
+                              label: item.name,
+                              // 节点形状
+                              shape: 'rect',
+                              toolText: item.name,
+                              //节点样式
+                              style: "fill:#fff;stroke:#000",
+                              labelStyle: "fill:#000;",
+                              rx: 5,//矩形节点圆角度
+                              ry: 5
+                            });
+                          }
+                        });
+                        g.nodes().forEach(function (v) {
+                          console.log("Node " + v + ": " + JSON.stringify(g.node(v)));
+                        });
+                        //获取流转得到线  链接关系
+                        getWfTransitionList(workflow).then((res) => {
+                          if (res.data) {
+                            let transitionList = res.data;
+                            transitionList.forEach((transitions) => {
+                              let transition0 = transitions;
+                              if (transition0.condition_expression.length > 0) {
+                                g.setNode(transition0.source_state_.id + 100000, {
+                                  label: "条件表达式",
+                                  style: "fill: #a4d088",
+                                  shape: "diamond"
+                                });
+                                g.setEdge(transition0.source_state_.id, transition0.source_state_.id + 100000, {
+                                  // 边标签
+                                  label: transition0.name,
+                                  style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px"
+                                });
+                                let condition_expression = transition0.condition_expression;
+                                condition_expression.forEach(condition_expression0 => {
+                                  g.setEdge(transition0.source_state_.id + 100000, condition_expression0.target_state, {
+                                    label: condition_expression0.label,
+                                    style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px"
+                                  })
+                                })
+                              } else {
+                                g.setEdge(transition0.source_state_.id, transition0.destination_state_.id, {
+                                  // 边标签
+                                  label: transition0.name,
+                                  // 边样式
+                                  style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px" // 根据后台数据来改变连线的颜色
+                                });
+                              }
+                            })
+                            g.nodes().length - 1
+                            g.nodes().forEach(function (v) {
+                              console.log("Node " + v + ": " + JSON.stringify(g.node(v)));
+                            });
+                            // 创建渲染器
+                            let render = new dagreD3.render();
+                            // 选择 svg 并添加一个g元素作为绘图容器.
+                            let svg = d3.select('#mySvg');
+                            let svgGroup = svg.append('g');
+                            let zoom = d3.zoom()
+                              .on("zoom", function () {
+                                svgGroup.attr("transform", d3.event.transform);
+                              });
+                            svg.call(zoom);
+                            // 在绘图容器上运行渲染器生成流程图.
+                            render(d3.select("svg g"), g);
+                            // this.getTicketFlowlogs(ticketId);
+                            getTicketFlowlog(ticketId).then(res => {
+                              if (res.data) {
+                                that.logs = res.data;
+                                svgGroup
+                                  .selectAll('g.node')
+                                  .on('mouseover', (v) => {
+                                    // 假如当前toolText为"",则不展示
+                                    //这里就是自定义tooltip的内容
+                                    let filList = [], strList = [];
+                                    filList = nodes.filter((ii) => {
+                                      return ii.name === g.node(v).label
+                                    })
+                                    if (!filList.length) {
+                                      return
+                                    }
+                                    filList.map((k) => {
+                                      let filte = that.logs.filter(item => {
+                                        return item.state == k.id;
+                                      })
+                                      //每个
+                                      let str = '处理人：' + filte[0].participant_.name;
+                                      strList.push(str)
+                                    })
+                                    that.tipVisible(strList)
+                                  })
+                                  .on('mouseout', () => {
+                                    this.tipHidden()
+                                  })
+                              }
+                            })
+
+                          } else {
+                          }
+                        });
+                      }
+                    });
+                  }
+                });
+              }
+            });
+          }
+        })
+      });
+    },
+    activated() {
+    },
+    methods: {
+      getUser() {
+        getUserList({}).then(res => {
+          if (res.data) {
+            this.staffs = res.data.results;
+          }
+        })
+      },
+      //工单流转记录
+      getTicketFlowlogs(id) {
+        getTicketFlowlog(id).then(res => {
+          if (res.data) {
+            this.logs = res.data;
+          }
+        })
+      },
+      handlePreview(file) {
+        if ("url" in file) {
+          window.open(file.url);
+        } else {
+          window.open(file.response.data.path);
+        }
+      },
+      handleUpSuccess(res, file, filelist) {
+        this.process.instruction = res.data.id;
+      },
+      handleRemove(file, filelist) {
+        this.process.instruction = null;
+      },
+      // 创建提示框
+      createTooltip() {
+        return d3
+          .select('body')
+          .append('div')
+          .classed('tooltip', true)
+          .style('opacity', 0)
+          .style('display', 'none')
+      },
+      // tooltip显示
+      tipVisible(textContent) {
+        this.tooltip
+          .transition()
+          .duration(400)
+          .style('opacity', 1)
+          .style('display', 'block')
+          .style('color', '#ffffff')
+          .style('z-index', '3999')
+          .style('padding', '20px 30px')
+          .style('border-radius', '5px')
+          .style('position', 'fixed')
+          .style('background', 'rgba(0,0,0,.7)')
+        this.tooltip
+          .html(textContent)
+          .style('left', `${d3.event.pageX + 15}px`)
+          .style('top', `${d3.event.pageY - 10}px`)
+      },
+      // tooltip隐藏
+      tipHidden() {
+        this.tooltip
+          .transition()
+          .duration(400)
+          .style('opacity', 0)
+          .style('display', 'none')
+      },
+      operationSubmit(id) {
+        this.ticketForm.transition = id;
+        this.ticketForm.ticket_data = this.ticketDetail.ticket_data;
+        let obj = new Object();
+        obj.transition = id;
+        obj.ticket_data = this.ticketDetail.ticket_data;
+        obj.suggestion = this.ticketForm.suggestion;
+        // console.log(this.ticketForm);
+        ticketHandle(this.ticketId, obj).then(res => {
+          if (res.data) {
+            this.$store.dispatch("user/getCount", {})
+            this.$router.replace({name: "ticket"})
+          }
+        })
+      },
+      retreatCancel() {
+        this.limitedHandle = false;
+      },
+      handleSubmit() {
+        let text = '', url = '';
+        if (this.handleType === '1') {
+          text = "确认撤回工单吗?";
+          url = ticketRetreat;
+        } else if (this.handleType === '2') {
+          text = "确认关闭工单吗?";
+          url = ticketClose;
+        }
+        if (this.handleType === '3') {
+          text = "确认处理工单吗?";
+          url = ticketAddNodeEnd;
+        }
+        this.$confirm(text, "温馨提示", {
+          confirmButtonText: "确认",
+          cancelButtonText: "取消",
+          type: "warning",
+        })
+          .then(async () => {
+            url(this.ticketId, this.handleForm).then(res => {
+              this.limitedHandle = false;
+              this.$store.dispatch("user/getCount", {})
+              this.$router.replace({name: "ticket"})
+              this.$message.success("成功");
+            })
+          })
+          .catch((err) => {
+            console.error(err);
+          });
+      },
+      handleClick(index) {
+        this.limitedHandle = true;
+        this.handleType = index;
+        if (index === '1') {
+          this.handleTitle = '工单撤回';
+          this.handleLabel = '撤回原因';
+        } else if (index === '2') {
+          this.handleTitle = '工单关闭';
+          this.handleLabel = '关闭原因';
+        } else if (index === '3') {
+          this.handleTitle = '加签处理';
+          this.handleLabel = '加签意见';
+        }
+      },
+      handleAdd() {
+        this.getUser();
+        this.limitedAdd = true;
+      },
+      addCancel() {
+        this.limitedAdd = false;
+      },
+      addSubmit() {
+        ticketAddNode(this.ticketId, this.addForm).then(res => {
+          if (res.data) {
+            this.limitedAdd = false;
+            this.$nextTick(function () {
+              this.limitedAdd = true;
+              this.$store.dispatch("user/getCount", {})
+              this.$router.replace({name: "ticket"})
+            })
+
+          }
+        })
+      },
+    }
+  }
+</script>
+<style scoped>
+  .svgWrapper {
+    background: #fff;
+    width: 800px;
+    margin: 10vh auto 0;
+    text-align: center;
+    border-radius: 2px;
+  }
+
+  .svgItem {
+    padding: 20px 40px 0;
+    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
+    font-size: 18px;
+    display: flex;
+    justify-content: space-between;
+  }
+
+  svg {
+    font-size: 14px;
+  }
+
+  .node rect {
+    stroke: #606266;
+    fill: #fff;
+  }
+
+  .edgePath path {
+    stroke: #606266;
+    fill: #333;
+    stroke-width: 1.5px;
+  }
+
+  .el-icon-close {
+    cursor: pointer;
+  }
+
+  .listItem {
+    margin-top: 15px;
+    font-size: 16px;
+  }
+
+  .listItem > span {
+    width: 100px;
+    text-align: right;
+    margin-right: 10px;
+    display: inline-block;
+  }
+
+  .items {
+    height: 35px;
+    line-height: 35px;
+    padding-left: 20px;
+  }
+
+  .itemLabel {
+    font-size: 14px;
+    color: #606266;
+    font-weight: 600;
+  }
+</style>
diff --git a/admin/client/src/views/workflow/ticketHandle.vue b/admin/client/src/views/workflow/ticketHandle.vue
new file mode 100644
index 0000000..79c92aa
--- /dev/null
+++ b/admin/client/src/views/workflow/ticketHandle.vue
@@ -0,0 +1,816 @@
+<template>
+  <div class="app-container">
+    <el-card style="margin-bottom: 10px">
+      <el-steps :active="actives" spac="400px" align-center="" style="padding-top: 20px;">
+        <el-step :title="item.name" v-for="item in flowSteps " :key="item.id"></el-step>
+      </el-steps>
+    </el-card>
+    <el-row>
+      <el-col :span="8">
+        <el-card>
+          <svg height=800 id="mySvg" style="width:100%!important;"></svg>
+        </el-card>
+      </el-col>
+      <el-col :span="16">
+        <el-card style="margin-left: 10px">
+          <el-form ref="Form" :model="ticketForm" label-width="100px" label-position="right" :rules="ticketFormRule">
+            <el-col :span="12">
+              <el-form-item label="标题" style="margin-bottom: 0">
+                <span>{{ticketDetail.title}}</span>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="工作流" style="margin-bottom: 0">
+                <span v-if="ticketDetail.workflow_">{{ticketDetail.workflow_.name}}</span>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="流水号" style="margin-bottom: 0">
+                <span>{{ticketDetail.sn}}</span>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="创建时间" style="margin-bottom: 0">
+                <span>{{ticketDetail.create_time}}</span>
+              </el-form-item>
+            </el-col>
+            <el-row style="display: flex;flex-wrap: wrap;width:100%;">
+              <el-col v-for="item in ticketDetail.ticket_data_" :key="item.id" :span="12" v-show="!item.is_hidden">
+                <el-form-item v-if="item.field_state=='1'" :label="item.field_name">
+                  <template v-if="item.field_type=='string'">
+                    <el-input v-model="ticketDetail.ticket_data[item.field_key]" :placeholder="item.description" disabled="true"/>
+                  </template>
+                  <template v-if="item.field_type==='int'">
+                    <el-input v-model="ticketDetail.ticket_data[item.field_key]" type="number" :placeholder="item.description" oninput="value=value.replace(/[^\d]/g,'')" disabled="true"/>
+                  </template>
+                  <template v-if="item.field_type==='float'">
+                    <el-input v-model="ticketDetail.ticket_data[item.field_key]" type="number" :placeholder="item.description" disabled="true"/>
+                  </template>
+                  <template v-if="item.field_type==='date'">
+                    <el-date-picker
+                      disabled="true"
+                      v-model="ticketDetail.ticket_data[item.field_key]"
+                      type="date"
+                      placeholder="选择日期"
+                      value-format="yyyy-MM-dd"
+                      style="width: 100%"
+                    >
+                    </el-date-picker>
+                  </template>
+                  <template v-if="item.field_type==='datetime'">
+                    <el-date-picker
+                      disabled="true"
+                      v-model="ticketDetail.ticket_data[item.field_key]"
+                      type="datetime"
+                      placeholder="选择日期"
+                      value-format="yyyy-MM-dd HH:mm:ss"
+                      style="width: 100%"
+                    >
+                    </el-date-picker>
+                  </template>
+                  <template v-if="item.field_type==='select'">
+                    <el-select style="width: 100%" v-model="ticketDetail.ticket_data[item.field_key]" placeholder="请选择" disabled="true">
+                      <el-option
+                        v-for="item1 in item.field_choice"
+                        :key="item1.id"
+                        :label="item1.name"
+                        :value="item1.id"
+                      >
+                      </el-option>
+                    </el-select>
+                  </template>
+                  <template v-if="item.field_type==='selects'">
+                    <el-select  style="width: 100%" multiple v-model="ticketDetail.ticket_data[item.field_key]" placeholder="请选择" disabled="true">
+                      <el-option
+                        v-for="item1 in item.field_choice"
+                        :key="item1.id"
+                        :label="item1.name"
+                        :value="item1.id"
+                      >
+                      </el-option>
+                    </el-select>
+                  </template>
+                  <template v-if="item.field_type==='textarea'">
+                    <el-input type="textarea" :rows="3" v-model="ticketDetail.ticket_data[item.field_key]" placeholder="内容" disabled="true"/>
+                  </template>
+                  <template v-if="item.field_type==='file'">
+                    <el-upload
+                      ref="upload"
+                      :action="upUrl"
+                      :on-preview="handlePreview"
+                      :on-success="handleUpSuccess"
+                      :headers="upHeaders"
+                      :file-list="fileList"
+                      :limit="1"
+                      accept=".doc,.docx,.xls,.xlsx,.ppt,.pptx"
+                    >
+                      <el-button size="small" type="primary">上传文件</el-button>
+                    </el-upload>
+                  </template>
+                </el-form-item>
+                <el-form-item
+                  v-if="item.field_state=='2'"
+                  :label="item.field_name"
+                  prop=""
+                  :rules="{
+                    required: true, message: '不能为空', trigger: 'blur'
+                  }"
+                >
+                  <template v-if="item.field_type=='string'">
+                    <el-input v-model="ticketDetail.ticket_data[item.field_key]" :placeholder="item.description"/>
+                  </template>
+                  <template v-if="item.field_type==='int'">
+                    <el-input v-model="ticketDetail.ticket_data[item.field_key]" type="number" :placeholder="item.description" oninput="value=value.replace(/[^\d]/g,'')" />
+                  </template>
+                  <template v-if="item.field_type==='float'">
+                    <el-input v-model="ticketDetail.ticket_data[item.field_key]" type="number" :placeholder="item.description" />
+                  </template>
+                  <template v-if="item.field_type==='date'">
+                    <el-date-picker
+                      v-model="ticketDetail.ticket_data[item.field_key]"
+                      type="date"
+                      placeholder="选择日期"
+                      value-format="yyyy-MM-dd"
+                      style="width: 100%"
+                    >
+                    </el-date-picker>
+                  </template>
+                  <template v-if="item.field_type==='datetime'">
+                    <el-date-picker
+                      v-model="ticketDetail.ticket_data[item.field_key]"
+                      type="datetime"
+                      placeholder="选择日期"
+                      value-format="yyyy-MM-dd HH:mm:ss"
+                      style="width: 100%"
+                    >
+                    </el-date-picker>
+                  </template>
+                  <template v-if="item.field_type==='select'">
+                    <el-select style="width: 100%" v-model="ticketDetail.ticket_data[item.field_key]" placeholder="请选择">
+                      <el-option
+                        v-for="item1 in item.field_choice"
+                        :key="item1.id"
+                        :label="item1.name"
+                        :value="item1.id"
+                      >
+                      </el-option>
+                    </el-select>
+                  </template>
+                  <template v-if="item.field_type==='selects'">
+                    <el-select  style="width: 100%" multiple v-model="ticketDetail.ticket_data[item.field_key]" placeholder="请选择">
+                      <el-option
+                        v-for="item1 in item.field_choice"
+                        :key="item1.id"
+                        :label="item1.name"
+                        :value="item1.id"
+                      >
+                      </el-option>
+                    </el-select>
+                  </template>
+                  <template v-if="item.field_type==='textarea'">
+                    <el-input type="textarea" :rows="3" v-model="ticketDetail.ticket_data[item.field_key]" placeholder="内容" />
+                  </template>
+                  <template v-if="item.field_type==='file'">
+                    <el-upload
+                      ref="upload"
+                      :action="upUrl"
+                      :on-preview="handlePreview"
+                      :on-success="handleUpSuccess"
+                      :headers="upHeaders"
+                      :file-list="fileList"
+                      :limit="1"
+                      accept=".doc,.docx,.xls,.xlsx,.ppt,.pptx"
+                    >
+                      <el-button size="small" type="primary">上传文件</el-button>
+                    </el-upload>
+                  </template>
+                </el-form-item>
+                <el-form-item
+                  v-if="item.field_state=='3'"
+                  :label="item.field_name"
+                >
+                  <template v-if="item.field_type=='string'">
+                    <el-input v-model="ticketDetail.ticket_data[item.field_key]" :placeholder="item.description"/>
+                  </template>
+                  <template v-if="item.field_type==='int'">
+                    <el-input v-model="ticketDetail.ticket_data[item.field_key]" type="number" :placeholder="item.description" oninput="value=value.replace(/[^\d]/g,'')" />
+                  </template>
+                  <template v-if="item.field_type==='float'">
+                    <el-input v-model="ticketDetail.ticket_data[item.field_key]" type="number" :placeholder="item.description" />
+                  </template>
+                  <template v-if="item.field_type==='date'">
+                    <el-date-picker
+                      v-model="ticketDetail.ticket_data[item.field_key]"
+                      type="date"
+                      placeholder="选择日期"
+                      value-format="yyyy-MM-dd"
+                      style="width: 100%"
+                    >
+                    </el-date-picker>
+                  </template>
+                  <template v-if="item.field_type==='datetime'">
+                    <el-date-picker
+                      v-model="ticketDetail.ticket_data[item.field_key]"
+                      type="datetime"
+                      placeholder="选择日期"
+                      value-format="yyyy-MM-dd HH:mm:ss"
+                      style="width: 100%"
+                    >
+                    </el-date-picker>
+                  </template>
+                  <template v-if="item.field_type==='select'">
+                    <el-select style="width: 100%" v-model="ticketDetail.ticket_data[item.field_key]" placeholder="请选择">
+                      <el-option
+                        v-for="item1 in item.field_choice"
+                        :key="item1.id"
+                        :label="item1.name"
+                        :value="item1.id"
+                      >
+                      </el-option>
+                    </el-select>
+                  </template>
+                  <template v-if="item.field_type==='selects'">
+                    <el-select  style="width: 100%" multiple v-model="ticketDetail.ticket_data[item.field_key]" placeholder="请选择">
+                      <el-option
+                        v-for="item1 in item.field_choice"
+                        :key="item1.id"
+                        :label="item1.name"
+                        :value="item1.id"
+                      >
+                      </el-option>
+                    </el-select>
+                  </template>
+                  <template v-if="item.field_type==='textarea'">
+                    <el-input type="textarea" :rows="3" v-model="ticketDetail.ticket_data[item.field_key]" placeholder="内容" />
+                  </template>
+                  <template v-if="item.field_type==='file'">
+                    <el-upload
+                      ref="upload"
+                      :action="upUrl"
+                      :on-preview="handlePreview"
+                      :on-success="handleUpSuccess"
+                      :headers="upHeaders"
+                      :file-list="fileList"
+                      :limit="1"
+                      accept=".doc,.docx,.xls,.xlsx,.ppt,.pptx"
+                    >
+                      <el-button size="small" type="primary">上传文件</el-button>
+                    </el-upload>
+                  </template>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="12">
+                <el-form-item label="审批意见">
+                  <el-input type="textarea" :rows="3" v-model="ticketForm.suggestion" placeholder="审批意见"/>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+          <div style="text-align: center;display: flex;justify-content: space-between;">
+            <div>
+              <template v-if="ticketDetail.state_">
+                <!--state_.type===0普通状态&&act_state==1进行中participant_type!==2处理人不是多人!ticketDetail.in_add_node非加签状态-->
+                <el-button v-if="ticketDetail.act_state==1&&ticketDetail.state_.type===0&&!ticketDetail.in_add_node" type="primary" @click="handleAdd">加签</el-button>
+                <el-button v-if="ticketDetail.state_.type===1" type="primary" @click="handleClick('2')">关闭</el-button>
+                <el-button v-if="ticketDetail.state_.enable_retreat&&(userId==ticketDetail.create_by)&&ticketDetail.state_.type!==1" type="danger" @click="handleClick('1')">撤回</el-button>
+              </template>
+            </div>
+            <div>
+              <el-button v-if="ticketDetail.in_add_node" class="filter-item" type="primary" @click="handleClick('3')">加签处理</el-button>
+              <el-button v-for="item in operationBtn" :key="item.id" class="filter-item" type="primary" @click="operationSubmit(item.id)">{{item.name}}</el-button>
+            </div>
+          </div>
+        </el-card>
+        <el-card style="margin-left: 10px">
+          <el-table :data="logs"  fit stripe
+                    style="width: 100%;border-top:1px solid #EBEEF5;"
+                    height="100"
+                    highlight-current-row
+                    v-el-height-adaptive-table="{bottomOffset: 60}">
+            <el-table-column label="工单标题" min-width="100">
+              <template slot-scope="scope" v-if="scope.row.ticket_data">
+                <span>{{scope.row.ticket_data.title}}中</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="进行状态"  min-width="100">
+              <template slot-scope="scope" v-if="scope.row.state_">
+                <span v-if="scope.row.state_.type==0">{{scope.row.state_.name}}中</span>
+                <span v-else>已{{scope.row.state_.name}}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="操作人"  min-width="100">
+              <template slot-scope="scope" v-if="scope.row.participant_">{{ scope.row.participant_.name }}</template>
+            </el-table-column>
+            <el-table-column label="操作意见" min-width="100" prop="suggestion">
+            </el-table-column>
+            <el-table-column label="更新时间"  min-width="100" prop="update_time">
+            </el-table-column>
+          </el-table>
+        </el-card>
+      </el-col>
+    </el-row>
+    <!--撤回1、关闭2、加签结束3-->
+    <el-dialog :visible.sync="limitedHandle" :title="handleTitle">
+      <el-row>
+        <el-form ref="Form" :model="handleForm" label-width="100px" label-position="right">
+          <el-col :span="1" style="height: 1px;"></el-col>
+          <el-col :span="22" style="margin:3vh 0">
+            <el-form-item :label="handleLabel">
+              <el-input type="textarea" :rows="3" v-model="handleForm.suggestion" placeholder="撤回原因"/>
+            </el-form-item>
+          </el-col>
+        </el-form>
+      </el-row>
+      <div style="text-align: center">
+        <el-button class="filter-item" type="" @click="retreatCancel">取消</el-button>
+        <el-button class="filter-item" type="primary" @click="handleSubmit">确定</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog :visible.sync="limitedAdd" title="加签">
+      <el-row>
+        <el-form ref="Form" :model="addForm" label-width="100px" label-position="right">
+          <el-col :span="22">
+            <el-form-item label="加签操作人">
+              <el-select  style="width: 100%" v-model="addForm.toadd_user" placeholder="加签操作人">
+                <el-option v-for="item in staffs" :key="item.id" :label="item.name" :value="item.id">
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="加签原因">
+              <el-input type="textarea" :rows="3" v-model="addForm.suggestion" placeholder="加签原因"/>
+            </el-form-item>
+          </el-col>
+        </el-form>
+      </el-row>
+      <div style="text-align: center">
+        <el-button class="filter-item" type="" @click="addCancel">取消</el-button>
+        <el-button class="filter-item" type="primary" @click="addSubmit">确定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script src="https://d3js.org/d3.v4.min.js"></script>
+<script>
+  import { getOrgAll } from "@/api/org";
+  import { upUrl, upHeaders } from "@/api/file";
+  import { getUserList } from "@/api/user";
+  import {getWorkflowList,getWfCustomfieldList,getWfStateList,getWfTransitionList,ticketHandle
+    ,getWfFlowSteps,getTicketDetail,getTicketTransitions,getTicketFlowlog,ticketRetreat,
+    ticketAddNode,ticketAddNodeEnd,ticketClose } from "@/api/workflow";
+  import Pagination from "@/components/Pagination";
+  import dagreD3 from 'dagre-d3'
+  import * as d3 from 'd3'
+  export default {
+    name: "ticketHandle",
+    components: { Pagination },
+    inject:['reload'],
+    data(){
+      return{
+        step:4,
+        actives:4,
+        ticketId:0,
+        stateSteps:0,
+        ticketForm:{
+          transition:'',
+          ticket_data:{},
+          suggestion:'',
+        },
+        handleType:'1',
+        handleLabel:'撤回原因',
+        handleTitle:'工单撤回',
+        handleForm:{
+          suggestion:'',
+        },
+        addForm:{
+          toadd_user:'',
+          suggestion:'',
+        },
+        tooltip:null,
+        handleRule:{},
+        upUrl: upUrl(),
+        upHeaders: upHeaders(),
+        userId:'',
+        workflow:'',
+        watchedName:'',
+        watchedCreateTime:'',
+        logs:[],
+        orgList:[],
+        staffs:[],
+        edges: [],
+        nodes: [],
+        tooltip: [],
+        fileList:[],
+        workflows:[],
+        flowSteps:[],
+        ticketDetail:{},
+        operationBtn:[],
+        customfields:[],
+        transitions:[],
+        limitedAdd:false,
+        limitedHandle:false,
+        ticketFormRule:{},
+      }
+    },
+    mounted(){
+      let that = this;
+      that.userId = sessionStorage.getItem('userId')
+      let ticketId = that.ticketId = this.$route.params.ticketId;
+      let workflow = that.workflow = this.$route.params.workflow;
+      let handleTicketId = sessionStorage.getItem('handleTicketId');
+      let handleTicketWorkflow = sessionStorage.getItem('handleTicketWorkflow');
+      if(ticketId&&workflow){
+        if(handleTicketId&&handleTicketWorkflow){
+          sessionStorage.removeItem('handleTicketId');
+          sessionStorage.removeItem('handleTicketWorkflow');
+          sessionStorage.setItem('handleTicketId',ticketId);
+          sessionStorage.setItem('handleTicketWorkflow',workflow);
+        }else{
+          sessionStorage.setItem('handleTicketId',ticketId);
+          sessionStorage.setItem('handleTicketWorkflow',workflow);
+        }
+      }else{
+        ticketId = that.ticketId = handleTicketId;
+        workflow = that.workflow = handleTicketWorkflow;
+      }
+      this.getTicketFlowlogs(ticketId);
+      getTicketTransitions(ticketId).then(res=>{
+        this.operationBtn = res.data;
+      })
+      getOrgAll().then((orgRes) => {
+        that.orgList = orgRes.data;
+        getUserList({page:0}).then(userRes=>{
+          if(userRes.data){
+            that.staffs = userRes.data;
+            getWfFlowSteps( ticketId).then((res)=>{
+              if(res.data){
+                //流程步骤数组
+                that.flowSteps = res.data;
+                getTicketDetail( ticketId).then((res)=>{
+                  if(res.data){
+                    that.tooltip = that.createTooltip();
+                    that.ticketDetail = res.data;
+                    for (let i=0;i<that.ticketDetail.ticket_data_.length;i++) {
+                      if(that.ticketDetail.ticket_data_[i].label==="sys_user"){
+                        that.ticketDetail.ticket_data_[i].field_choice = that.staffs;
+                      }
+                      if(that.ticketDetail.ticket_data_[i].label==="deptSelect"){
+                        that.ticketDetail.ticket_data_[i].field_choice = that.orgList;
+                      }
+                    }
+                    console.log(that.ticketDetail.state_.enable_retreat);
+                    let state = res.data.state;
+                    let dat = that.flowSteps.filter((item)=>{
+                      return item.id==state;
+                    })
+                    debugger;
+                    let state_fields = dat[0].state_fields;
+                    if(state_fields!=={}){
+                      for (let labe in state_fields) {
+                        for(let j = 0;j<that.ticketDetail.ticket_data_.length;j++){
+                          if(that.ticketDetail.ticket_data_[j].field_key===labe){
+                            debugger;
+                            console.log(labe)
+                            console.log(state_fields[labe])
+                            if(state_fields[labe]!==4){
+                              that.ticketDetail.ticket_data_[j].is_hidden = false
+                            }else{
+                              that.ticketDetail.ticket_data_[j].is_hidden = true
+                            }
+                          }
+                        }
+                      }
+                    }
+                    that.sort = dat[0].sort;
+                    that.actives = that.flowSteps.indexOf(dat[0]);
+                    if( that.flowSteps.length-that.actives >1){}else{
+                      that.actives =that.flowSteps.length;
+                    }
+                    var g = new dagreD3.graphlib.Graph().setGraph({
+                      rankdir: 'DL',
+                      nodesep: 100,
+                      edgesep: 10,//两条线之间的距离
+                      ranksep: 50,//节点之间的距离
+                      marginx: 60,
+                      marginy: 20,
+                    });
+                    //获取state得到节点
+                    getWfStateList(workflow).then((response) => {
+                      if (response.data) {
+                        let nodes = response.data;
+
+                        // 添加节点
+                        nodes.forEach((item) => {
+                          if(item.sort==that.sort){
+                            g.setNode(item.id, {
+                              // 节点标签
+                              label: item.name,
+                              // 节点形状
+                              shape: 'rect',
+                              toolText: item.name,
+                              //节点样式
+                              style: "fill:#409EFF;stroke:#000",
+                              labelStyle: "fill:#000;",
+                              rx :5,//矩形节点圆角度
+                              ry :5
+                            });
+
+                          }else{
+                            g.setNode(item.id, {
+                              // 节点标签
+                              label: item.name,
+                              // 节点形状
+                              shape: 'rect',
+                              toolText: item.name,
+                              //节点样式
+                              style: "fill:#fff;stroke:#000",
+                              labelStyle: "fill:#000;",
+                              rx :5,//矩形节点圆角度
+                              ry :5
+                            });
+                          }
+                        });
+                        g.nodes().forEach(function (v) {
+                          console.log("Node " + v + ": " + JSON.stringify(g.node(v)));
+                        });
+                        //获取流转得到线  链接关系
+                        getWfTransitionList(workflow).then((res)=>{
+                          if(res.data){
+                            let transitionList = res.data;
+                            transitionList.forEach((transitions)=>{
+                              let transition0 = transitions;
+                              if (transition0.condition_expression.length>0){
+                                g.setNode(transition0.source_state_.id+100000, {label: "条件表达式", style: "fill: #a4d088", shape: "diamond"});
+                                g.setEdge(transition0.source_state_.id, transition0.source_state_.id+100000, {
+                                  // 边标签
+                                  label: transition0.name,
+                                  style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px"
+                                });
+                                let condition_expression = transition0.condition_expression;
+                                condition_expression.forEach(condition_expression0=>{
+                                  g.setEdge(transition0.source_state_.id+100000, condition_expression0.target_state, {
+                                    label: condition_expression0.label,
+                                    style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px"
+                                  })
+                                })
+                              }else{
+                                g.setEdge(transition0.source_state_.id, transition0.destination_state_.id, {
+                                  // 边标签
+                                  label: transition0.name,
+                                  // 边样式
+                                  style: "fill:#ffffff;stroke:#c0c1c3;stroke-width:1.5px" // 根据后台数据来改变连线的颜色
+                                });
+                              }
+                            })
+                            g.nodes().length-1
+                            g.nodes().forEach(function (v) {
+                              console.log("Node " + v + ": " + JSON.stringify(g.node(v)));
+                            });
+                            // 创建渲染器
+                            let render = new dagreD3.render();
+                            // 选择 svg 并添加一个g元素作为绘图容器.
+                            let svg = d3.select('#mySvg');
+                            let svgGroup = svg.append('g');
+                            let zoom = d3.zoom()
+                              .on("zoom", function() {
+                                svgGroup.attr("transform", d3.event.transform);
+                              });
+                            svg.call(zoom);
+                            // 在绘图容器上运行渲染器生成流程图.
+                            render(d3.select("svg g"), g);
+                            // this.getTicketFlowlogs(ticketId);
+                            getTicketFlowlog(ticketId).then(res=>{
+                              if(res.data){
+                                that.logs = res.data;
+                                svgGroup
+                                  .selectAll('g.node')
+                                  .on('mouseover', (v) => {
+                                    // 假如当前toolText为"",则不展示
+                                    //这里就是自定义tooltip的内容
+                                    let filList = [], strList = [];
+                                    filList = nodes.filter((ii) => {
+                                      return ii.name === g.node(v).label
+                                    })
+                                    if (!filList.length) {
+                                      return
+                                    }
+                                    filList.map((k) => {
+                                      let filte = that.logs.filter(item=>{
+                                        return item.state == k.id;
+                                      })
+                                      //每个
+                                      let str = '处理人：'+filte[0].participant_.name;
+                                      strList.push(str)
+                                    })
+                                    that.tipVisible(strList)
+                                  })
+                                  .on('mouseout', () => {
+                                    this.tipHidden()
+                                  })
+                              }
+                            })
+
+                          }else{}
+                        });
+                      }
+                    });
+                  }
+                });
+              }
+            });
+          }
+        })
+      });
+    },
+    activated(){
+    },
+    methods:{
+      getUser(){
+        getUserList({}).then(res=>{
+          if(res.data){
+            this.staffs = res.data.results;
+          }
+        })
+      },
+      //工单流转记录
+      getTicketFlowlogs(id){
+        getTicketFlowlog(id).then(res=>{
+          if(res.data){
+            this.logs = res.data;
+          }
+        })
+      },
+      handlePreview(file) {
+        if ("url" in file) {
+          window.open(file.url);
+        } else {
+          window.open(file.response.data.path);
+        }
+      },
+      handleUpSuccess(res, file, filelist) {
+        this.process.instruction = res.data.id;
+      },
+      handleRemove(file, filelist){
+        this.process.instruction = null;
+      },
+      // 创建提示框
+      createTooltip() {
+        return d3
+          .select('body')
+          .append('div')
+          .classed('tooltip', true)
+          .style('opacity', 0)
+          .style('display', 'none')
+      },
+      // tooltip显示
+      tipVisible(textContent) {
+        this.tooltip
+          .transition()
+          .duration(400)
+          .style('opacity', 1)
+          .style('display', 'block')
+          .style('color', '#ffffff')
+          .style('z-index', '3999')
+          .style('padding', '20px 30px')
+          .style('border-radius', '5px')
+          .style('position', 'fixed')
+          .style('background', 'rgba(0,0,0,.7)')
+        this.tooltip
+          .html(textContent)
+          .style('left', `${d3.event.pageX + 15}px`)
+          .style('top', `${d3.event.pageY-10}px`)
+      },
+      // tooltip隐藏
+      tipHidden() {
+        this.tooltip
+          .transition()
+          .duration(400)
+          .style('opacity', 0)
+          .style('display', 'none')
+      },
+      operationSubmit(id){
+        this.ticketForm.transition = id;
+        this.ticketForm.ticket_data = this.ticketDetail.ticket_data;
+        let obj = new Object();
+        obj.transition = id;
+        obj.ticket_data = this.ticketDetail.ticket_data;
+        obj.suggestion = this.ticketForm.suggestion;
+        console.log(this.ticketForm);
+        ticketHandle(this.ticketId,obj).then(res=>{
+          if (res.data){
+            this.$store.dispatch("user/getCount", {})
+            this.$router.replace({name:"ticket"})
+          }
+        })
+      },
+      retreatCancel(){
+        this.limitedHandle = false;
+      },
+      handleSubmit(){
+        let text = '',url='';
+        if(this.handleType==='1'){
+          text = "确认撤回工单吗?";
+          url = ticketRetreat;
+        }else if(this.handleType==='2'){
+          text = "确认关闭工单吗?";
+          url = ticketClose;
+        }if(this.handleType==='3'){
+          text = "确认处理工单吗?";
+          url = ticketAddNodeEnd;
+        }
+        this.$confirm(text, "温馨提示", {
+          confirmButtonText: "确认",
+          cancelButtonText: "取消",
+          type: "warning",
+        })
+          .then(async () => {
+            url(this.ticketId,this.handleForm).then(res=>{
+              this.limitedHandle = false;
+              this.$store.dispatch("user/getCount", {})
+              this.$router.replace({name:"ticket"})
+              this.$message.success("成功");
+            })
+          })
+          .catch((err) => {
+            console.error(err);
+          });
+      },
+      handleClick(index){
+        this.limitedHandle = true;
+        this.handleType = index;
+        if(index==='1'){
+          this.handleTitle = '工单撤回';
+          this.handleLabel = '撤回原因';
+        }else if(index==='2'){
+          this.handleTitle = '工单关闭';
+          this.handleLabel = '关闭原因';
+        }else if(index==='3'){
+          this.handleTitle = '加签处理';
+          this.handleLabel = '加签意见';
+        }
+      },
+      handleAdd(){
+        this.getUser();
+        this.limitedAdd = true;
+      },
+      addCancel(){
+        this.limitedAdd = false;
+      },
+      addSubmit(){
+        ticketAddNode(this.ticketId,this.addForm).then(res=>{
+          if(res.data){
+            this.limitedAdd = false;
+            this.$nextTick(function () {
+              this.limitedAdd = true;
+              this.$store.dispatch("user/getCount", {})
+              this.$router.replace({name:"ticket"})
+            })
+
+          }
+        })
+      },
+    }
+  }
+</script>
+<style scoped>
+  .svgWrapper{
+    background: #fff;
+    width: 800px;
+    margin: 10vh auto 0;
+    text-align: center;
+    border-radius: 2px;
+  }
+  .svgItem{
+    padding: 20px 40px 0 ;
+    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
+    font-size: 18px;
+    display: flex;
+    justify-content: space-between;
+  }
+  svg {
+    font-size: 14px;
+  }
+  .node rect {
+    stroke: #606266;
+    fill: #fff;
+  }
+  .edgePath path {
+    stroke: #606266;
+    fill: #333;
+    stroke-width: 1.5px;
+  }
+  .el-icon-close{
+    cursor: pointer;
+  }
+  .listItem{
+    margin-top: 15px;
+    font-size: 16px;
+  }
+  .listItem>span{
+    width: 100px;
+    text-align: right;
+    margin-right: 10px;
+    display: inline-block;
+  }
+</style>
diff --git a/admin/client/src/views/workflow/transitions.vue b/admin/client/src/views/workflow/transitions.vue
new file mode 100644
index 0000000..d0827f6
--- /dev/null
+++ b/admin/client/src/views/workflow/transitions.vue
@@ -0,0 +1,267 @@
+<template>
+  <div class="app-container">
+    <el-card>
+      
+    <div style="margin-top: 2px">
+      <el-button type="primary" icon="el-icon-plus" @click="handleCreate"
+        >新增</el-button
+      >
+    </div>
+    </el-card>
+    <el-card style="margin-top: 2px">
+      <el-table
+        :data="wftransitionList"
+        style="width: 100%"
+      >
+        <el-table-column type="index" width="50" />
+        <el-table-column width="180" label="名称">
+          <template slot-scope="scope">{{ scope.row.name }}</template>
+        </el-table-column>
+         
+        <el-table-column width="180" label="定时器（单位秒）">
+          <template slot-scope="scope">{{ scope.row.timer }}</template>
+        </el-table-column>
+        <el-table-column width="180" label="源状态">
+          <template slot-scope="scope">
+            <span v-if="scope.row.source_state_">{{scope.row.source_state_.name}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column width="180" label="目的状态">
+          <template slot-scope="scope">
+            <span v-if="scope.row.destination_state_">{{scope.row.destination_state_.name}}</span>
+          </template>
+        </el-table-column>
+         <el-table-column  width="180" label="创建时间">
+          <template slot-scope="scope">{{ scope.row.create_time }}</template>
+        </el-table-column>
+       
+
+        <el-table-column
+          align="center"
+          label="操作"
+          width="220px"
+        >
+          <template slot-scope="scope">
+            <el-link
+              v-if="checkPermission(['wftransition_update'])"
+              @click="handleEdit(scope)"
+              >编辑</el-link
+            >
+            <el-link
+              v-if="checkPermission(['wftransition_delete'])"
+              type="danger"
+              @click="handleDelete(scope)"
+              >删除</el-link
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+     
+    </el-card>
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :title="dialogType === 'edit' ? '编辑状态' : '新增状态'"
+    >
+      <el-form
+        ref="Form"
+        :model="wftransition"
+        label-width="130px"
+        label-position="right"
+        :rules="rule1"
+      >
+        <el-form-item label="名称" prop="name">
+          <el-input v-model="wftransition.name" placeholder="名称" />
+        </el-form-item>
+         <el-form-item label="定时器（单位秒）" prop="timer">
+          <el-input v-model="wftransition.timer" type="number" placeholder="0" />
+        </el-form-item>
+           <el-form-item label="源状态" prop="source_state">
+         
+          <el-select v-model="wftransition.source_state" placeholder="请选择" style="width:100%">
+            <el-option
+              v-for="item in stateoptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+         <el-form-item label="目的状态" prop="destination_state">
+            <el-select v-model="wftransition.destination_state" placeholder="请选择" style="width:100%">
+            <el-option
+              v-for="item in stateoptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="条件表达式" prop="condition_expression">
+          <vue-json-editor
+            v-model="wftransition.condition_expression"
+            :showBtns="false"
+            :mode="'code'"
+            lang="zh"
+          />
+        </el-form-item>
+         <el-form-item label="属性类型" prop="attribute_type">
+           <el-select  style="width: 100%" v-model="wftransition.attribute_type" placeholder="请选择">
+             <el-option
+                v-for="item in options"
+                :key="item.value"
+                :label="item.label"
+               :value="item.value">
+              </el-option>
+          </el-select>
+        </el-form-item>
+         <el-form-item label="是否校验必填" prop="field_require_check">
+             <el-switch v-model="wftransition.field_require_check"></el-switch>
+         
+        </el-form-item>
+      
+      </el-form>
+      <div style="text-align: right">
+        <el-button type="danger" @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="confirm('Form')">确认</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {getWfStateList, getWfTransitionList, createWfTransition,updateWfTransition,deleteWfTransition } from "@/api/workflow";
+import checkPermission from "@/utils/permission";
+import vueJsonEditor from 'vue-json-editor'
+import { genTree } from "@/utils"
+const defaultwftransition = {
+  name: "",
+};
+export default {
+  components: { vueJsonEditor },
+  name: "TST",
+  props: ["ID"],
+  data() {
+    return {
+      wftransition: defaultwftransition,
+      condition_expression:false,
+      /*wftransitionList: {
+        count:0
+      },*/
+      wftransitionList:[],
+      lable:'',
+      options_:[],
+       options: [{
+          value: 1,
+          label: '同意'
+        }, {
+          value: 2,
+          label: '拒绝'
+        }, {
+          value: 3,
+          label: '其他'
+        }],
+     
+      stateoptions:[],
+      dialogVisible: false,
+      dialogType: "new",
+      rule1: {
+        name: [{ required: true, message: "请输入", trigger: "blur" }],
+        
+
+      },
+    };
+  },
+ 
+  created() {
+     
+
+     this.getWfStateList();
+     this.getList();
+  },
+  methods: {
+    checkPermission,
+   
+    getList() {
+    
+      getWfTransitionList(this.ID).then((response) => {
+
+        if (response.data) {
+          this.wftransitionList = response.data;
+        }
+        
+      });
+    },
+     getWfStateList() {
+    
+      getWfStateList(this.ID).then((response) => {
+       
+        if (response.data) {
+          this.stateoptions = genTree(response.data);
+        }
+       
+      });
+    },
+    
+   
+    handleCreate() {
+      this.wftransition = Object.assign({}, defaultwftransition);
+      this.dialogType = "new";
+      this.dialogVisible = true;
+      this.$nextTick(() => {
+        this.$refs["Form"].clearValidate();
+      });
+    },
+   
+    handleEdit(scope) {
+      this.wftransition = Object.assign({}, scope.row); // copy obj
+      this.dialogType = "edit";
+      this.dialogVisible = true;
+      // this.wftransition.condition_expression = JSON.stringify(scope.row.condition_expression)
+      // this.$nextTick(() => {
+      //   this.$refs["Form"].clearValidate();
+      // });
+    },
+    async confirm(form) {
+      this.$refs[form].validate((valid) => {
+        if (valid) {
+          const isEdit = this.dialogType === "edit";
+          if (isEdit) {
+            updateWfTransition(this.wftransition.id, this.wftransition).then((res) => {
+              if (res.code >= 200) {
+                this.getList();
+                this.dialogVisible = false;
+                this.$message.success("成功");
+              }
+            });
+          } else {
+            this.wftransition.workflow=this.ID;
+            createWfTransition(this.wftransition).then((res) => {
+              if (res.code >= 200) {
+                this.getList();
+                 this.dialogVisible = false;
+                this.$message.success("成功");
+              }
+            });
+          }
+        } else {
+          return false;
+        }
+      });
+    },
+   handleDelete(scope) {
+      this.$confirm("确认删除?", "警告", {
+        confirmButtonText: "确认",
+        cancelButtonText: "取消",
+        type: "error",
+      })
+        .then(async () => {
+          await deleteWfTransition(scope.row.id);
+          this.getList();
+          this.$message.success("成功");
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    },
+  },
+};
+</script>
diff --git a/admin/client/src/views/workflow/workFlowTickets.vue b/admin/client/src/views/workflow/workFlowTickets.vue
new file mode 100644
index 0000000..84a0ea4
--- /dev/null
+++ b/admin/client/src/views/workflow/workFlowTickets.vue
@@ -0,0 +1,197 @@
+<template>
+  <div class="app-container">
+    <el-card style="margin-bottom: 10px">
+      <div>
+        <el-select v-model="filter.workflow" placeholder="工作流" clearable style="width: 200px" class="filter-item" @change="handleFilter">
+          <el-option
+            v-for="item in workFlows"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id"
+          />
+        </el-select>
+        <el-select v-model="filter.act_state" placeholder="工单进行状态" clearable style="width: 200px" class="filter-item" @change="handleFilter">
+          <el-option label="草稿中" value="0" />
+          <el-option label="进行中" value="1" />
+          <el-option label="被退回" value="2" />
+          <el-option label="被撤回" value="3" />
+          <el-option label="已完成" value="4" />
+          <el-option label="已关闭" value="5" />
+        </el-select>
+        <el-button
+          class="filter-item"
+          type="primary"
+          icon="el-icon-refresh-left"
+          @click="resetFilter"
+        >重置</el-button>
+        <el-button
+          class="filter-item"
+          type="primary"
+          icon="el-icon-search"
+          @click="handleFilter"
+        >搜索</el-button>
+      </div>
+    </el-card>
+    <el-card>
+      <el-table :data="tickets"
+                border fit stripe
+                style="width: 100%"
+                height="100"
+                highlight-current-row
+                v-el-height-adaptive-table="{bottomOffset: 60}">
+        <el-table-column label="工单标题" min-width="100" prop="title">
+        </el-table-column>
+        <el-table-column label="当前状态"  min-width="100">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.act_state==0" label="草稿中" value="scope.row.act_state">草稿中</el-tag>
+            <el-tag v-else-if="scope.row.act_state==1" label="进行中" value="scope.row.act_state">进行中</el-tag>
+            <el-tag v-else-if="scope.row.act_state==2" label="被退回" value="scope.row.act_state">被退回</el-tag>
+            <el-tag v-else-if="scope.row.act_state==3" label="被撤回" value="scope.row.act_state">被撤回</el-tag>
+            <el-tag v-else-if="scope.row.act_state==4" label="已完成" value="scope.row.act_state">已完成</el-tag>
+            <el-tag v-else-if="scope.row.act_state==5" label="已关闭" value="scope.row.act_state">已关闭</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="进行状态"  min-width="100">
+          <template slot-scope="scope">
+            <span v-if="scope.row.state_.type==0">{{scope.row.state_.name}}中</span>
+            <span v-else>已{{scope.row.state_.name}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="类型"  min-width="100">
+          <template slot-scope="scope">{{ scope.row.workflow_.name }}</template>
+        </el-table-column>
+        <el-table-column label="创建时间"  min-width="100" prop="create_time">
+        </el-table-column>
+        <el-table-column align="center" label="操作">
+          <template slot-scope="scope">
+            <el-link type="success" @click="handleLogs(scope)">工单日志</el-link>
+          </template>
+        </el-table-column>
+      </el-table>
+      <pagination
+        :total="total"
+        :page.sync="filter.page"
+        :limit.sync="filter.page_size"
+        @pagination="getList"
+      />
+    </el-card>
+    <el-dialog :visible.sync="limitedFlowLogs" title="工单日志">
+      <el-table :data="floeLogs"  fit stripe
+                style="width: 100%;border-top:1px solid #EBEEF5;"
+                height="100"
+                highlight-current-row
+                v-el-height-adaptive-table="{bottomOffset: 60}">
+        <el-table-column label="工单标题" min-width="100">
+          <template slot-scope="scope" v-if="scope.row.ticket_data">
+            <span>{{scope.row.ticket_data.title}}中</span>
+          </template>
+        </el-table-column>
+       <!-- <el-table-column label="当前状态"  min-width="100">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.act_state==0" label="草稿中" value="scope.row.act_state">草稿中</el-tag>
+            <el-tag v-else-if="scope.row.act_state==1" label="进行中" value="scope.row.act_state">进行中</el-tag>
+            <el-tag v-else-if="scope.row.act_state==2" label="被退回" value="scope.row.act_state">被退回</el-tag>
+            <el-tag v-else-if="scope.row.act_state==3" label="被撤回" value="scope.row.act_state">被撤回</el-tag>
+            <el-tag v-else-if="scope.row.act_state==4" label="已完成" value="scope.row.act_state">已完成</el-tag>
+            <el-tag v-else-if="scope.row.act_state==5" label="已关闭" value="scope.row.act_state">已关闭</el-tag>
+          </template>
+        </el-table-column>-->
+        <el-table-column label="进行状态"  min-width="100">
+          <template slot-scope="scope" v-if="scope.row.state_">
+            <span v-if="scope.row.state_.type==0">{{scope.row.state_.name}}中</span>
+            <span v-else>已{{scope.row.state_.name}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作人"  min-width="100">
+          <template slot-scope="scope" v-if="scope.row.participant_">{{ scope.row.participant_.name }}</template>
+        </el-table-column>
+        <el-table-column label="操作意见" min-width="100" prop="suggestion">
+        </el-table-column>
+        <el-table-column label="更新时间"  min-width="100" prop="update_time">
+        </el-table-column>
+      </el-table>
+    </el-dialog>
+  </div>
+</template>
+<script>
+  import {getWorkflowList,getTickets,getTicketFlowlog} from "@/api/workflow";
+  import Pagination from "@/components/Pagination";
+  export default {
+  name: "workFlowTickets",
+  components: { Pagination },
+    inject:['reload'],
+  data(){
+    return{
+      sort:0,
+      total:0,
+      filter:{
+        page:1,
+        page_size:20,
+        state:'',
+        act_state:'',
+        workflow:'',
+        category:'all',
+        search:'',
+      },
+      listLoading:false,
+      limitedFlowLogs:false,
+      floeLogs:[],
+      tickets:[],
+      workFlows:[],
+    }
+  },
+    mounted(){
+      this.workflow = this.$route.params.workflow;
+      if(this.workflow){//有传参
+        this.filter.workflow = parseInt(this.workflow);
+      }
+      this.getList();
+      this.getWorkFlow();
+    },
+  methods:{
+    getList(){
+      this.listLoading = true;
+      getTickets( this.filter).then((res)=>{
+        if(res.data.results){
+          this.total = res.data.count;
+          this.tickets = res.data.results;
+          this.listLoading = false;
+        }
+      })
+    },
+    //获取工作流
+    getWorkFlow(){
+      let listForm = {page:0};
+      getWorkflowList(listForm).then((response) => {
+        if (response.data) {
+          this.workFlows = response.data;
+        }
+      });
+    },
+    //查询搜索
+    handleFilter(){
+      this.filter.page=1;
+      this.getList();
+    },
+    //筛选重置
+    resetFilter(){
+      this.filter.workflow = '';
+      this.filter.act_state = '';
+        this.getList();
+    },
+    handleLogs(scope){
+      let id = scope.row.id;
+      this.limitedFlowLogs = true;
+      getTicketFlowlog(id).then(res=>{
+        if(res.data){
+          this.floeLogs = res.data;
+        }
+      })
+    },
+  }
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/admin/client/tests/unit/.eslintrc.js b/admin/client/tests/unit/.eslintrc.js
new file mode 100644
index 0000000..958d51b
--- /dev/null
+++ b/admin/client/tests/unit/.eslintrc.js
@@ -0,0 +1,5 @@
+module.exports = {
+  env: {
+    jest: true
+  }
+}
diff --git a/admin/client/tests/unit/components/Breadcrumb.spec.js b/admin/client/tests/unit/components/Breadcrumb.spec.js
new file mode 100644
index 0000000..1d94c8f
--- /dev/null
+++ b/admin/client/tests/unit/components/Breadcrumb.spec.js
@@ -0,0 +1,98 @@
+import { mount, createLocalVue } from '@vue/test-utils'
+import VueRouter from 'vue-router'
+import ElementUI from 'element-ui'
+import Breadcrumb from '@/components/Breadcrumb/index.vue'
+
+const localVue = createLocalVue()
+localVue.use(VueRouter)
+localVue.use(ElementUI)
+
+const routes = [
+  {
+    path: '/',
+    name: 'home',
+    children: [{
+      path: 'dashboard',
+      name: 'dashboard'
+    }]
+  },
+  {
+    path: '/menu',
+    name: 'menu',
+    children: [{
+      path: 'menu1',
+      name: 'menu1',
+      meta: { title: 'menu1' },
+      children: [{
+        path: 'menu1-1',
+        name: 'menu1-1',
+        meta: { title: 'menu1-1' }
+      },
+      {
+        path: 'menu1-2',
+        name: 'menu1-2',
+        redirect: 'noredirect',
+        meta: { title: 'menu1-2' },
+        children: [{
+          path: 'menu1-2-1',
+          name: 'menu1-2-1',
+          meta: { title: 'menu1-2-1' }
+        },
+        {
+          path: 'menu1-2-2',
+          name: 'menu1-2-2'
+        }]
+      }]
+    }]
+  }]
+
+const router = new VueRouter({
+  routes
+})
+
+describe('Breadcrumb.vue', () => {
+  const wrapper = mount(Breadcrumb, {
+    localVue,
+    router
+  })
+  it('dashboard', () => {
+    router.push('/dashboard')
+    const len = wrapper.findAll('.el-breadcrumb__inner').length
+    expect(len).toBe(1)
+  })
+  it('normal route', () => {
+    router.push('/menu/menu1')
+    const len = wrapper.findAll('.el-breadcrumb__inner').length
+    expect(len).toBe(2)
+  })
+  it('nested route', () => {
+    router.push('/menu/menu1/menu1-2/menu1-2-1')
+    const len = wrapper.findAll('.el-breadcrumb__inner').length
+    expect(len).toBe(4)
+  })
+  it('no meta.title', () => {
+    router.push('/menu/menu1/menu1-2/menu1-2-2')
+    const len = wrapper.findAll('.el-breadcrumb__inner').length
+    expect(len).toBe(3)
+  })
+  // it('click link', () => {
+  //   router.push('/menu/menu1/menu1-2/menu1-2-2')
+  //   const breadcrumbArray = wrapper.findAll('.el-breadcrumb__inner')
+  //   const second = breadcrumbArray.at(1)
+  //   console.log(breadcrumbArray)
+  //   const href = second.find('a').attributes().href
+  //   expect(href).toBe('#/menu/menu1')
+  // })
+  // it('noRedirect', () => {
+  //   router.push('/menu/menu1/menu1-2/menu1-2-1')
+  //   const breadcrumbArray = wrapper.findAll('.el-breadcrumb__inner')
+  //   const redirectBreadcrumb = breadcrumbArray.at(2)
+  //   expect(redirectBreadcrumb.contains('a')).toBe(false)
+  // })
+  it('last breadcrumb', () => {
+    router.push('/menu/menu1/menu1-2/menu1-2-1')
+    const breadcrumbArray = wrapper.findAll('.el-breadcrumb__inner')
+    const redirectBreadcrumb = breadcrumbArray.at(3)
+    expect(redirectBreadcrumb.contains('a')).toBe(false)
+  })
+})
diff --git a/admin/client/tests/unit/components/Hamburger.spec.js b/admin/client/tests/unit/components/Hamburger.spec.js
new file mode 100644
index 0000000..01ea303
--- /dev/null
+++ b/admin/client/tests/unit/components/Hamburger.spec.js
@@ -0,0 +1,18 @@
+import { shallowMount } from '@vue/test-utils'
+import Hamburger from '@/components/Hamburger/index.vue'
+describe('Hamburger.vue', () => {
+  it('toggle click', () => {
+    const wrapper = shallowMount(Hamburger)
+    const mockFn = jest.fn()
+    wrapper.vm.$on('toggleClick', mockFn)
+    wrapper.find('.hamburger').trigger('click')
+    expect(mockFn).toBeCalled()
+  })
+  it('prop isActive', () => {
+    const wrapper = shallowMount(Hamburger)
+    wrapper.setProps({ isActive: true })
+    expect(wrapper.contains('.is-active')).toBe(true)
+    wrapper.setProps({ isActive: false })
+    expect(wrapper.contains('.is-active')).toBe(false)
+  })
+})
diff --git a/admin/client/tests/unit/components/SvgIcon.spec.js b/admin/client/tests/unit/components/SvgIcon.spec.js
new file mode 100644
index 0000000..31467a9
--- /dev/null
+++ b/admin/client/tests/unit/components/SvgIcon.spec.js
@@ -0,0 +1,22 @@
+import { shallowMount } from '@vue/test-utils'
+import SvgIcon from '@/components/SvgIcon/index.vue'
+describe('SvgIcon.vue', () => {
+  it('iconClass', () => {
+    const wrapper = shallowMount(SvgIcon, {
+      propsData: {
+        iconClass: 'test'
+      }
+    })
+    expect(wrapper.find('use').attributes().href).toBe('#icon-test')
+  })
+  it('className', () => {
+    const wrapper = shallowMount(SvgIcon, {
+      propsData: {
+        iconClass: 'test'
+      }
+    })
+    expect(wrapper.classes().length).toBe(1)
+    wrapper.setProps({ className: 'test' })
+    expect(wrapper.classes().includes('test')).toBe(true)
+  })
+})
diff --git a/admin/client/tests/unit/utils/formatTime.spec.js b/admin/client/tests/unit/utils/formatTime.spec.js
new file mode 100644
index 0000000..24e165b
--- /dev/null
+++ b/admin/client/tests/unit/utils/formatTime.spec.js
@@ -0,0 +1,30 @@
+import { formatTime } from '@/utils/index.js'
+
+describe('Utils:formatTime', () => {
+  const d = new Date('2018-07-13 17:54:01') // "2018-07-13 17:54:01"
+  const retrofit = 5 * 1000
+
+  it('ten digits timestamp', () => {
+    expect(formatTime((d / 1000).toFixed(0))).toBe('7月13日17时54分')
+  })
+  it('test now', () => {
+    expect(formatTime(+new Date() - 1)).toBe('刚刚')
+  })
+  it('less two minute', () => {
+    expect(formatTime(+new Date() - 60 * 2 * 1000 + retrofit)).toBe('2分钟前')
+  })
+  it('less two hour', () => {
+    expect(formatTime(+new Date() - 60 * 60 * 2 * 1000 + retrofit)).toBe('2小时前')
+  })
+  it('less one day', () => {
+    expect(formatTime(+new Date() - 60 * 60 * 24 * 1 * 1000)).toBe('1天前')
+  })
+  it('more than one day', () => {
+    expect(formatTime(d)).toBe('7月13日17时54分')
+  })
+  it('format', () => {
+    expect(formatTime(d, '{y}-{m}-{d} {h}:{i}')).toBe('2018-07-13 17:54')
+    expect(formatTime(d, '{y}-{m}-{d}')).toBe('2018-07-13')
+    expect(formatTime(d, '{y}/{m}/{d} {h}-{i}')).toBe('2018/07/13 17-54')
+  })
+})
diff --git a/admin/client/tests/unit/utils/parseTime.spec.js b/admin/client/tests/unit/utils/parseTime.spec.js
new file mode 100644
index 0000000..41d1b02
--- /dev/null
+++ b/admin/client/tests/unit/utils/parseTime.spec.js
@@ -0,0 +1,28 @@
+import { parseTime } from '@/utils/index.js'
+
+describe('Utils:parseTime', () => {
+  const d = new Date('2018-07-13 17:54:01') // "2018-07-13 17:54:01"
+  it('timestamp', () => {
+    expect(parseTime(d)).toBe('2018-07-13 17:54:01')
+  })
+  it('ten digits timestamp', () => {
+    expect(parseTime((d / 1000).toFixed(0))).toBe('2018-07-13 17:54:01')
+  })
+  it('new Date', () => {
+    expect(parseTime(new Date(d))).toBe('2018-07-13 17:54:01')
+  })
+  it('format', () => {
+    expect(parseTime(d, '{y}-{m}-{d} {h}:{i}')).toBe('2018-07-13 17:54')
+    expect(parseTime(d, '{y}-{m}-{d}')).toBe('2018-07-13')
+    expect(parseTime(d, '{y}/{m}/{d} {h}-{i}')).toBe('2018/07/13 17-54')
+  })
+  it('get the day of the week', () => {
+    expect(parseTime(d, '{a}')).toBe('五') // 星期五
+  })
+  it('get the day of the week', () => {
+    expect(parseTime(+d + 1000 * 60 * 60 * 24 * 2, '{a}')).toBe('日') // 星期日
+  })
+  it('empty argument', () => {
+    expect(parseTime()).toBeNull()
+  })
+})
diff --git a/admin/client/tests/unit/utils/validate.spec.js b/admin/client/tests/unit/utils/validate.spec.js
new file mode 100644
index 0000000..f774905
--- /dev/null
+++ b/admin/client/tests/unit/utils/validate.spec.js
@@ -0,0 +1,17 @@
+import { validUsername, isExternal } from '@/utils/validate.js'
+
+describe('Utils:validate', () => {
+  it('validUsername', () => {
+    expect(validUsername('admin')).toBe(true)
+    expect(validUsername('editor')).toBe(true)
+    expect(validUsername('xxxx')).toBe(false)
+  })
+  it('isExternal', () => {
+    expect(isExternal('https://github.com/PanJiaChen/vue-element-admin')).toBe(true)
+    expect(isExternal('http://github.com/PanJiaChen/vue-element-admin')).toBe(true)
+    expect(isExternal('github.com/PanJiaChen/vue-element-admin')).toBe(false)
+    expect(isExternal('/dashboard')).toBe(false)
+    expect(isExternal('./dashboard')).toBe(false)
+    expect(isExternal('dashboard')).toBe(false)
+  })
+})
diff --git a/admin/client/vue.config.js b/admin/client/vue.config.js
new file mode 100644
index 0000000..ae2b413
--- /dev/null
+++ b/admin/client/vue.config.js
@@ -0,0 +1,137 @@
+'use strict'
+const path = require('path')
+const defaultSettings = require('./src/settings.js')
+
+function resolve(dir) {
+  return path.join(__dirname, dir)
+}
+
+const name = defaultSettings.title || 'vue Admin Template' // page title
+
+// If your port is set to 80,
+// use administrator privileges to execute the command line.
+// For example, Mac: sudo npm run
+// You can change the port by the following methods:
+// port = 9528 npm run dev OR npm run dev --port = 9528
+const port = process.env.port || process.env.npm_config_port || 9528 // dev port
+
+// All configuration item explanations can be find in https://cli.vuejs.org/config/
+module.exports = {
+  /**
+   * You will need to set publicPath if you plan to deploy your site under a sub path,
+   * for example GitHub Pages. If you plan to deploy your site to https://foo.github.io/bar/,
+   * then publicPath should be set to "/bar/".
+   * In most cases please use '/' !!!
+   * Detail: https://cli.vuejs.org/config/#publicpath
+   */
+  publicPath: '/',
+  outputDir: '../server/dist',
+  assetsDir: 'static',
+  lintOnSave: false, //process.env.NODE_ENV === 'development',
+  productionSourceMap: false,
+  devServer: {
+    host: '0.0.0.0',
+    disableHostCheck: true,
+    port: port,
+    open: true,
+    overlay: {
+      warnings: false,
+      errors: true
+    },
+    proxy: {
+      '/api': {
+        // target: 'http://localhost:8000',
+        target: process.env.PROXY_TARGET || 'http://127.0.0.1:8000',
+        changeOrigin: true
+      }
+    },
+    // before: require('./mock/mock-server.js')
+  },
+  configureWebpack: {
+    // provide the app's title in webpack's name field, so that
+    // it can be accessed in index.html to inject the correct title.
+    name: name,
+    resolve: {
+      alias: {
+        '@': resolve('src')
+      }
+    }
+  },
+  chainWebpack(config) {
+    config.plugins.delete('preload') // TODO: need test
+    config.plugins.delete('prefetch') // TODO: need test
+
+    // set svg-sprite-loader
+    config.module
+      .rule('svg')
+      .exclude.add(resolve('src/icons'))
+      .end()
+    config.module
+      .rule('icons')
+      .test(/\.svg$/)
+      .include.add(resolve('src/icons'))
+      .end()
+      .use('svg-sprite-loader')
+      .loader('svg-sprite-loader')
+      .options({
+        symbolId: 'icon-[name]'
+      })
+      .end()
+
+    // set preserveWhitespace
+    config.module
+      .rule('vue')
+      .use('vue-loader')
+      .loader('vue-loader')
+      .tap(options => {
+        options.compilerOptions.preserveWhitespace = true
+        return options
+      })
+      .end()
+
+    config
+    // https://webpack.js.org/configuration/devtool/#development
+      .when(process.env.NODE_ENV === 'development',
+        config => config.devtool('cheap-source-map')
+      )
+
+    config
+      .when(process.env.NODE_ENV !== 'development',
+        config => {
+          config
+            .plugin('ScriptExtHtmlWebpackPlugin')
+            .after('html')
+            .use('script-ext-html-webpack-plugin', [{
+            // `runtime` must same as runtimeChunk name. default is `runtime`
+              inline: /runtime\..*\.js$/
+            }])
+            .end()
+          config
+            .optimization.splitChunks({
+              chunks: 'all',
+              cacheGroups: {
+                libs: {
+                  name: 'chunk-libs',
+                  test: /[\\/]node_modules[\\/]/,
+                  priority: 10,
+                  chunks: 'initial' // only package third parties that are initially dependent
+                },
+                elementUI: {
+                  name: 'chunk-elementUI', // split elementUI into a single package
+                  priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
+                  test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
+                },
+                commons: {
+                  name: 'chunk-commons',
+                  test: resolve('src/components'), // can customize your rules
+                  minChunks: 3, //  minimum common number
+                  priority: 5,
+                  reuseExistingChunk: true
+                }
+              }
+            })
+          config.optimization.runtimeChunk('single')
+        }
+      )
+  }
+}
diff --git a/admin/docker-compose.yml b/admin/docker-compose.yml
new file mode 100644
index 0000000..9373f75
--- /dev/null
+++ b/admin/docker-compose.yml
@@ -0,0 +1,27 @@
+version: "3"
+services:
+  backend:
+    build: ./server
+    ports:
+      - "8000:80"
+    environment:
+      # 生产的话把DJANGO_ENV这个环境变量删了 执行docker-compose build backend 重新构建下镜像
+      - DJANGO_ENV=dev
+    volumes:
+      - ./server:/code
+    links:
+      - redis
+  frontend:
+    build: 
+      context: ./client
+      # 生产用这个
+      # dockerfile: Dockerfile
+      # 开发的话用这个
+      dockerfile: Dockerfile_dev
+    ports:
+      - "8012:80"
+    environment:
+      - PROXY_TARGET=http://backend:80
+  redis:
+    image: redis
+    command: redis-server --appendonly yes
\ No newline at end of file
diff --git a/admin/img/dict.png b/admin/img/dict.png
new file mode 100644
index 0000000..3942331
Binary files /dev/null and b/admin/img/dict.png differ
diff --git a/admin/img/docs.png b/admin/img/docs.png
new file mode 100644
index 0000000..a081540
Binary files /dev/null and b/admin/img/docs.png differ
diff --git a/admin/img/task.png b/admin/img/task.png
new file mode 100644
index 0000000..0014fd6
Binary files /dev/null and b/admin/img/task.png differ
diff --git a/admin/img/ticket.png b/admin/img/ticket.png
new file mode 100644
index 0000000..7b663b2
Binary files /dev/null and b/admin/img/ticket.png differ
diff --git a/admin/img/user.png b/admin/img/user.png
new file mode 100644
index 0000000..aa6526a
Binary files /dev/null and b/admin/img/user.png differ
diff --git a/admin/server/.gitignore b/admin/server/.gitignore
new file mode 100644
index 0000000..81088be
--- /dev/null
+++ b/admin/server/.gitignore
@@ -0,0 +1,15 @@
+.vscode/
+.vs/
+venv/
+__pycache__/
+*.pyc
+media/*
+vuedist/*
+dist/*
+!media/default/
+celerybeat.pid
+celerybeat-schedule.bak
+celerybeat-schedule.dat
+celerybeat-schedule.dir
+db.sqlite3
+server/conf.py
\ No newline at end of file
diff --git a/admin/server/Dockerfile b/admin/server/Dockerfile
new file mode 100644
index 0000000..d35db3b
--- /dev/null
+++ b/admin/server/Dockerfile
@@ -0,0 +1,10 @@
+FROM python:3.8-slim
+WORKDIR /code
+ADD . .
+RUN sed -i -re 's/(deb|security)\.debian\.org/mirrors.aliyun.com/g' /etc/apt/sources.list &&\
+    apt-get update && apt-get install -y gcc libpq-dev default-libmysqlclient-dev &&\
+    apt-get clean && rm -rf /var/lib/apt/lists/* &&\
+    pip install --no-cache-dir --trusted-host mirrors.aliyun.com -i https://mirrors.aliyun.com/pypi/simple/ supervisor &&\
+    pip install --no-cache-dir --trusted-host mirrors.aliyun.com -i https://mirrors.aliyun.com/pypi/simple/ -r ./requirements.txt
+EXPOSE 80
+ENTRYPOINT ["/bin/bash","-C","/code/start.sh"]
diff --git a/admin/server/apps/crm/__init__.py b/admin/server/apps/crm/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/admin/server/apps/crm/admin.py b/admin/server/apps/crm/admin.py
new file mode 100644
index 0000000..631c887
--- /dev/null
+++ b/admin/server/apps/crm/admin.py
@@ -0,0 +1,76 @@
+from django.contrib import admin
+from .models import Category, Teacher, TeachingCenter, Project, Coupon, Banner, Student, StudentCoupon, StudentHonor, StudentShowcase
+
+@admin.register(Category)
+class CategoryAdmin(admin.ModelAdmin):
+    list_display = ('name', 'color')
+    search_fields = ('name',)
+
+@admin.register(Teacher)
+class TeacherAdmin(admin.ModelAdmin):
+    list_display = ('name', 'phone')
+    search_fields = ('name', 'phone')
+
+@admin.register(TeachingCenter)
+class TeachingCenterAdmin(admin.ModelAdmin):
+    list_display = ('name', 'address', 'phone')
+    search_fields = ('name', 'phone')
+
+@admin.register(Project)
+class ProjectAdmin(admin.ModelAdmin):
+    # list_display = ('title', 'category', 'students', 'rating', 'created_at')
+    list_display = ('title', 'teacher', 'students', 'address', 'created_at')
+    # list_filter = ('category', 'created_at')
+    list_filter = ('teacher', 'created_at')
+    search_fields = ('title',)
+
+@admin.register(Coupon)
+class CouponAdmin(admin.ModelAdmin):
+    list_display = ('title', 'amount', 'unit', 'expiry', 'status', 'issue_type')
+    list_filter = ('status', 'expiry', 'issue_type')
+    search_fields = ('title',)
+    filter_horizontal = ('applicable_projects',)
+
+@admin.register(Banner)
+class BannerAdmin(admin.ModelAdmin):
+    list_display = ('id', 'image', 'link', 'sort_order', 'is_active')
+    list_editable = ('sort_order', 'is_active')
+
+@admin.register(Student)
+class StudentAdmin(admin.ModelAdmin):
+    list_display = ('name', 'phone', 'wechat_nickname', 'openid', 'teaching_center', 'company_name', 'status', 'learning_count', 'created_at')
+    search_fields = ('name', 'phone', 'wechat_nickname', 'openid', 'company_name')
+    list_filter = ('teaching_center', 'status')
+    inlines = []
+
+class StudentCouponInline(admin.TabularInline):
+    model = StudentCoupon
+    extra = 1
+
+StudentAdmin.inlines = [StudentCouponInline]
+
+@admin.register(StudentCoupon)
+class StudentCouponAdmin(admin.ModelAdmin):
+    list_display = ('student', 'coupon', 'status', 'assigned_at')
+    list_filter = ('status',)
+    search_fields = ('student__name', 'coupon__title')
+
+@admin.register(StudentHonor)
+class StudentHonorAdmin(admin.ModelAdmin):
+    list_display = ('student', 'get_student_center', 'get_student_company', 'title', 'date', 'created_at')
+    search_fields = ('student__name', 'title', 'student__company_name')
+    list_filter = ('date',)
+
+    def get_student_center(self, obj):
+        return obj.student.teaching_center
+    get_student_center.short_description = '教学中心'
+
+    def get_student_company(self, obj):
+        return obj.student.company_name
+    get_student_company.short_description = '公司名称'
+
+@admin.register(StudentShowcase)
+class StudentShowcaseAdmin(admin.ModelAdmin):
+    list_display = ('title', 'student', 'sort_order', 'is_active', 'created_at')
+    list_editable = ('sort_order', 'is_active')
+    search_fields = ('title', 'student__name')
diff --git a/admin/server/apps/crm/apps.py b/admin/server/apps/crm/apps.py
new file mode 100644
index 0000000..d721574
--- /dev/null
+++ b/admin/server/apps/crm/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class CrmConfig(AppConfig):
+    name = 'apps.crm'
+    verbose_name = 'CRM客户管理'
diff --git a/admin/server/apps/crm/authentication.py b/admin/server/apps/crm/authentication.py
new file mode 100644
index 0000000..ed09edb
--- /dev/null
+++ b/admin/server/apps/crm/authentication.py
@@ -0,0 +1,49 @@
+from rest_framework.authentication import BaseAuthentication
+from rest_framework.exceptions import AuthenticationFailed
+from .models import Student
+
+class MiniProgramUser:
+    """
+    A proxy user class to represent an authenticated Mini Program student
+    """
+    def __init__(self, student):
+        self.student = student
+        self.username = student.name or 'WeChat User'
+        self.is_authenticated = True
+        self.is_staff = False
+        self.is_superuser = False
+    
+    def __str__(self):
+        return self.username
+
+class MiniProgramAuthentication(BaseAuthentication):
+    """
+    Custom Authentication for WeChat Mini Program
+    Parses 'Bearer mock_token_{id}' and sets request.user to a proxy user
+    """
+
+    def authenticate(self, request):
+        auth = request.headers.get('Authorization')
+        if not auth or 'Bearer' not in auth:
+            return None
+        
+        try:
+            token_str = auth.split(' ')[1]
+            if not token_str.startswith('mock_token_'):
+                return None # Let other authenticators (like JWT) handle it
+            
+            try:
+                student_id = int(token_str.split('_')[-1])
+                student = Student.objects.get(id=student_id)
+            except (ValueError, Student.DoesNotExist):
+                raise AuthenticationFailed('Invalid mini-program token')
+            
+            # Create a proxy user
+            user = MiniProgramUser(student)
+            
+            return (user, token_str)
+            
+        except AuthenticationFailed:
+            raise
+        except Exception:
+            return None
diff --git a/admin/server/apps/crm/management/__init__.py b/admin/server/apps/crm/management/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/admin/server/apps/crm/management/commands/__init__.py b/admin/server/apps/crm/management/commands/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/admin/server/apps/crm/management/commands/init_crm_data.py b/admin/server/apps/crm/management/commands/init_crm_data.py
new file mode 100644
index 0000000..1fe6e9b
--- /dev/null
+++ b/admin/server/apps/crm/management/commands/init_crm_data.py
@@ -0,0 +1,104 @@
+from django.core.management.base import BaseCommand
+from apps.crm.models import Category, Project, Coupon, Banner, Student
+from django.utils import timezone
+import random
+
+class Command(BaseCommand):
+    help = 'Initialize CRM mock data'
+
+    def handle(self, *args, **options):
+        self.stdout.write('Cleaning up old data...')
+        Category.objects.all().delete()
+        Project.objects.all().delete()
+        Coupon.objects.all().delete()
+        Banner.objects.all().delete()
+        Student.objects.all().delete()
+
+        self.stdout.write('Creating Categories...')
+        categories_data = [
+            {'name': '前端开发', 'color': 'bg-blue-100 text-blue-600'},
+            {'name': '后端开发', 'color': 'bg-green-100 text-green-600'},
+            {'name': '人工智能', 'color': 'bg-purple-100 text-purple-600'},
+            {'name': '移动开发', 'color': 'bg-yellow-100 text-yellow-600'},
+            {'name': '运维测试', 'color': 'bg-red-100 text-red-600'},
+        ]
+        categories = []
+        for data in categories_data:
+            cat = Category.objects.create(**data)
+            categories.append(cat)
+            self.stdout.write(f'Created category: {cat.name}')
+
+        self.stdout.write('Creating Projects...')
+        projects_data = [
+            {'title': 'Vue3实战教程', 'detail': '深入学习Vue3核心原理与实战应用...'},
+            {'title': 'Django REST Framework入门', 'detail': '从零构建RESTful API...'},
+            {'title': 'Python数据分析', 'detail': '使用Pandas和NumPy进行数据分析...'},
+            {'title': 'Flutter跨平台开发', 'detail': '构建高性能移动应用...'},
+            {'title': 'Docker容器化部署', 'detail': '掌握Docker容器技术...'},
+            {'title': 'React Hooks进阶', 'detail': '精通React Hooks...'},
+            {'title': 'Go语言高并发编程', 'detail': 'Go语言核心特性与并发模式...'},
+            {'title': '机器学习基础', 'detail': '常用机器学习算法原理与实现...'},
+            {'title': 'iOS Swift开发', 'detail': 'Swift语言基础与iOS应用开发...'},
+            {'title': 'Kubernetes集群管理', 'detail': 'K8s集群部署与维护...'},
+        ]
+        
+        projects = []
+        for i, data in enumerate(projects_data):
+            cat = categories[i % len(categories)]
+            proj = Project.objects.create(
+                title=data['title'],
+                category=cat,
+                image=f'https://picsum.photos/seed/{i}/800/600',
+                detail=data['detail'],
+                students=random.randint(100, 1000),
+                rating=round(random.uniform(4.0, 5.0), 1),
+                duration=f'{random.randint(2, 8)} 周'
+            )
+            projects.append(proj)
+            self.stdout.write(f'Created project: {proj.title}')
+
+        self.stdout.write('Creating Coupons...')
+        coupons_data = [
+            {'amount': '50', 'title': '新人专享券', 'desc': '全场通用，无门槛'},
+            {'amount': '100', 'title': '进阶课程券', 'desc': '满500可用'},
+            {'amount': '200', 'title': '高级课程券', 'desc': '满1000可用'},
+            {'amount': '8.8', 'title': '限时折扣', 'desc': '全场8.8折', 'unit': '折'},
+            {'amount': '500', 'title': 'VIP专属', 'desc': 'VIP会员专用'},
+        ]
+        
+        for data in coupons_data:
+            Coupon.objects.create(
+                amount=data['amount'],
+                unit=data.get('unit', '元'),
+                title=data['title'],
+                desc=data['desc'],
+                expiry=timezone.now().date() + timezone.timedelta(days=random.randint(7, 30))
+            )
+            self.stdout.write(f'Created coupon: {data["title"]}')
+
+        self.stdout.write('Creating Students...')
+        for i in range(10):
+            Student.objects.create(
+                name=f'学员{i+1}',
+                phone=f'1380013800{i}',
+                age=random.randint(18, 35),
+                education=random.choice(['本科', '硕士', '大专']),
+                address=f'北京市海淀区某街道{i+1}号',
+                learning_count=random.randint(1, 5),
+                coupon_count=random.randint(0, 3),
+                study_hours=random.randint(10, 100)
+            )
+            self.stdout.write(f'Created student: {i+1}')
+
+        self.stdout.write('Creating Banners...')
+        for i in range(3):
+            proj = random.choice(projects)
+            Banner.objects.create(
+                image=f'https://picsum.photos/seed/banner{i}/1920/600',
+                project=proj,
+                sort_order=i,
+                is_active=True
+            )
+            self.stdout.write(f'Created banner {i+1} linking to {proj.title}')
+
+        self.stdout.write(self.style.SUCCESS('Successfully initialized mock data'))
diff --git a/admin/server/apps/crm/management/commands/populate_degree_ceremony.py b/admin/server/apps/crm/management/commands/populate_degree_ceremony.py
new file mode 100644
index 0000000..dbc67ba
--- /dev/null
+++ b/admin/server/apps/crm/management/commands/populate_degree_ceremony.py
@@ -0,0 +1,108 @@
+import random
+from django.core.management.base import BaseCommand
+from apps.crm.models import Teacher, Project
+
+class Command(BaseCommand):
+    help = 'Populate database with mock data for In-service Degrees and Opening Ceremonies'
+
+    def handle(self, *args, **kwargs):
+        self.stdout.write('Starting to populate degree and ceremony mock data...')
+
+        # 1. Create Professors (Teachers)
+        self.stdout.write('Creating Professors...')
+        teachers_data = [
+            {'name': '钱教授', 'phone': '13800138005', 'bio': '商学院资深教授，博士生导师，主讲企业战略管理。'},
+            {'name': '孙教授', 'phone': '13800138006', 'bio': '心理学系主任，专注组织行为学研究。'},
+            {'name': '周老师', 'phone': '13800138007', 'bio': '教务处主任，负责典礼与活动策划。'},
+        ]
+        
+        teachers = []
+        for data in teachers_data:
+            teacher, created = Teacher.objects.get_or_create(name=data['name'], defaults=data)
+            if created:
+                self.stdout.write(f'Created teacher: {teacher.name}')
+            else:
+                self.stdout.write(f'Teacher already exists: {teacher.name}')
+            teachers.append(teacher)
+
+        # 2. Create Projects
+        self.stdout.write('Creating Projects...')
+        projects_data = [
+            # In-service Degrees (training)
+            {
+                'title': 'MBA工商管理硕士',
+                'project_type': 'training',
+                'teacher': teachers[0],
+                'image': 'https://images.unsplash.com/photo-1454165804606-c3d57bc86b40',
+                'detail': '培养具有全球视野、战略思维和卓越领导力的商业领袖。课程涵盖管理经济学、组织行为学、市场营销、财务管理等核心模块。',
+                'rating': 4.9,
+                'duration': '2年',
+                'price': 168000.00,
+                'students': 120
+            },
+            {
+                'title': 'EMBA高级工商管理硕士',
+                'project_type': 'training',
+                'teacher': teachers[0],
+                'image': 'https://images.unsplash.com/photo-1556761175-5973dc0f32e7',
+                'detail': '专为企业高层管理者设计，通过实战案例教学，提升决策能力和领导艺术。',
+                'rating': 5.0,
+                'duration': '2年',
+                'price': 298000.00,
+                'students': 45
+            },
+            {
+                'title': '应用心理学在职研究生',
+                'project_type': 'training',
+                'teacher': teachers[1],
+                'image': 'https://images.unsplash.com/photo-1571260899304-425eee4c7efc',
+                'detail': '结合心理学理论与实践，帮助学员掌握心理咨询、EAP服务及人力资源管理中的心理学应用。',
+                'rating': 4.8,
+                'duration': '1.5年',
+                'price': 48000.00,
+                'students': 80
+            },
+            # Opening Ceremonies & Forums (competition)
+            {
+                'title': '2025春季开学典礼',
+                'project_type': 'competition',
+                'teacher': teachers[2],
+                'image': 'https://images.unsplash.com/photo-1523580494863-6f3031224c94',
+                'detail': '欢迎2025级新同学加入大家庭，届时将有校长致辞、新生代表发言及入学宣誓环节。',
+                'rating': 5.0,
+                'duration': '半天',
+                'price': 0.00,
+                'students': 300
+            },
+            {
+                'title': '2024创新创业高峰论坛',
+                'project_type': 'competition',
+                'teacher': teachers[0],
+                'image': 'https://images.unsplash.com/photo-1475721027767-27a66263adeb',
+                'detail': '汇聚行业精英，探讨数字化时代的商业创新机遇与挑战。',
+                'rating': 4.9,
+                'duration': '1天',
+                'price': 1280.00,
+                'students': 200
+            },
+            {
+                'title': '2024秋季毕业典礼',
+                'project_type': 'competition',
+                'teacher': teachers[2],
+                'image': 'https://images.unsplash.com/photo-1627556704290-2b1f5853ff78',
+                'detail': '见证荣耀时刻，开启人生新篇章。',
+                'rating': 5.0,
+                'duration': '半天',
+                'price': 0.00,
+                'students': 150
+            }
+        ]
+        
+        for data in projects_data:
+            proj, created = Project.objects.get_or_create(title=data['title'], defaults=data)
+            if created:
+                self.stdout.write(f'Created project: {proj.title}')
+            else:
+                self.stdout.write(f'Project already exists: {proj.title}')
+
+        self.stdout.write(self.style.SUCCESS('Successfully populated degree and ceremony mock data!'))
diff --git a/admin/server/apps/crm/management/commands/populate_mock_data.py b/admin/server/apps/crm/management/commands/populate_mock_data.py
new file mode 100644
index 0000000..5f3077d
--- /dev/null
+++ b/admin/server/apps/crm/management/commands/populate_mock_data.py
@@ -0,0 +1,248 @@
+import random
+from datetime import timedelta
+from django.core.management.base import BaseCommand
+from django.utils import timezone
+from apps.crm.models import Category, Teacher, Project, Coupon, Banner, Student, StudentCoupon, StudentProject, StudentHonor
+
+class Command(BaseCommand):
+    help = 'Populate database with mock data for demonstration'
+
+    def handle(self, *args, **kwargs):
+        self.stdout.write('Starting to populate mock data...')
+
+        # 1. Create Categories
+        self.stdout.write('Creating Categories...')
+        categories_data = [
+            {'name': '少儿编程', 'color': 'bg-blue-100 text-blue-600'},
+            {'name': '美术创意', 'color': 'bg-pink-100 text-pink-600'},
+            {'name': '口才演讲', 'color': 'bg-purple-100 text-purple-600'},
+            {'name': '科学实验', 'color': 'bg-green-100 text-green-600'},
+            {'name': '围棋象棋', 'color': 'bg-yellow-100 text-yellow-600'},
+        ]
+        
+        categories = []
+        for data in categories_data:
+            cat, created = Category.objects.get_or_create(name=data['name'], defaults=data)
+            categories.append(cat)
+
+        # 2. Create Teachers
+        self.stdout.write('Creating Teachers...')
+        teachers_data = [
+            {'name': '李老师', 'phone': '13800138001', 'bio': '资深少儿编程讲师，拥有5年教学经验。'},
+            {'name': '王老师', 'phone': '13800138002', 'bio': '美术学院毕业，擅长创意美术教学。'},
+            {'name': '张老师', 'phone': '13800138003', 'bio': '播音主持专业，专注于少儿口才培养。'},
+            {'name': '赵老师', 'phone': '13800138004', 'bio': '科学教育专家，带队多次获得科技大赛奖项。'},
+        ]
+        
+        teachers = []
+        for data in teachers_data:
+            teacher, created = Teacher.objects.get_or_create(name=data['name'], defaults=data)
+            teachers.append(teacher)
+
+        # 3. Create Projects
+        self.stdout.write('Creating Projects...')
+        projects_data = [
+            {
+                'title': 'Python趣味编程入门',
+                'project_type': 'training',
+                'teacher': teachers[0],
+                'image': 'https://images.unsplash.com/photo-1526379095098-d400fd0bf935',
+                'detail': '通过趣味游戏学习Python编程基础，培养逻辑思维能力。',
+                'rating': 4.9,
+                'duration': '12 课时'
+            },
+            {
+                'title': '创意色彩大师班',
+                'project_type': 'training',
+                'teacher': teachers[1],
+                'image': 'https://images.unsplash.com/photo-1513364776144-60967b0f800f',
+                'detail': '探索色彩奥秘，激发艺术潜能，创作属于自己的艺术作品。',
+                'rating': 4.8,
+                'duration': '8 课时'
+            },
+            {
+                'title': '小小主持人特训营',
+                'project_type': 'training',
+                'teacher': teachers[2],
+                'image': 'https://images.unsplash.com/photo-1590602847861-f357a9332bbc',
+                'detail': '提升自信心和表达能力，掌握舞台主持技巧。',
+                'rating': 5.0,
+                'duration': '10 课时'
+            },
+            {
+                'title': '全国青少年科技创新大赛',
+                'project_type': 'competition',
+                'teacher': teachers[3],
+                'image': 'https://images.unsplash.com/photo-1532094349884-543bc11b234d',
+                'detail': '备战全国大赛，专业导师一对一指导。',
+                'rating': 5.0,
+                'duration': '全程指导'
+            },
+            {
+                'title': '围棋段位考试冲刺',
+                'project_type': 'grading',
+                'teacher': teachers[0], # Reusing teacher for simplicity
+                'image': 'https://images.unsplash.com/photo-1529699211952-734e80c4d42b',
+                'detail': '针对段位考试重点难点进行突击训练。',
+                'rating': 4.7,
+                'duration': '2 周'
+            }
+        ]
+        
+        projects = []
+        for data in projects_data:
+            proj, created = Project.objects.get_or_create(title=data['title'], defaults=data)
+            projects.append(proj)
+
+        # 4. Create Coupons
+        self.stdout.write('Creating Coupons...')
+        coupons_data = [
+            {
+                'title': '新人体验券',
+                'amount': '50',
+                'unit': '元',
+                'desc': '全场通用，无门槛',
+                'expiry': timezone.now().date() + timedelta(days=30),
+                'status': 'available',
+                'issue_type': 'registration',
+                'color': 'from-blue-500 to-cyan-400',
+                'bgStart': 'from-blue-50',
+                'bgEnd': 'to-cyan-50',
+                'shadow': 'shadow-blue-100'
+            },
+            {
+                'title': '课程立减券',
+                'amount': '100',
+                'unit': '元',
+                'desc': '满1000元可用',
+                'expiry': timezone.now().date() + timedelta(days=60),
+                'status': 'available',
+                'issue_type': 'manual',
+                'color': 'from-purple-500 to-pink-400',
+                'bgStart': 'from-purple-50',
+                'bgEnd': 'to-pink-50',
+                'shadow': 'shadow-purple-100'
+            },
+             {
+                'title': '暑期特惠券',
+                'amount': '200',
+                'unit': '元',
+                'desc': '暑期课程专用',
+                'expiry': timezone.now().date() + timedelta(days=90),
+                'status': 'available',
+                'issue_type': 'manual',
+                'color': 'from-orange-500 to-red-400',
+                'bgStart': 'from-orange-50',
+                'bgEnd': 'to-red-50',
+                'shadow': 'shadow-orange-100'
+            }
+        ]
+
+        coupons = []
+        for data in coupons_data:
+            coup, created = Coupon.objects.get_or_create(title=data['title'], defaults=data)
+            coupons.append(coup)
+
+        # 5. Create Banners
+        self.stdout.write('Creating Banners...')
+        banners_data = [
+            {
+                'image': 'https://images.unsplash.com/photo-1503676260728-1c00da094a0b',
+                'project': projects[0],
+                'sort_order': 1
+            },
+            {
+                'image': 'https://images.unsplash.com/photo-1454165804606-c3d57bc86b40',
+                'project': projects[2],
+                'sort_order': 2
+            }
+        ]
+        
+        for data in banners_data:
+            Banner.objects.get_or_create(image=data['image'], defaults=data)
+
+        # 6. Create Students
+        self.stdout.write('Creating Students...')
+        students_data = [
+            {
+                'name': '张小明',
+                'phone': '13900000001',
+                'age': 8,
+                'parent': '张伟',
+                'teacher': teachers[0],
+                'avatar': 'https://images.unsplash.com/photo-1535713875002-d1d0cf377fde'
+            },
+            {
+                'name': '李小红',
+                'phone': '13900000002',
+                'age': 9,
+                'parent': '李强',
+                'teacher': teachers[1],
+                'avatar': 'https://images.unsplash.com/photo-1438761681033-6461ffad8d80'
+            },
+            {
+                'name': '王小华',
+                'phone': '13900000003',
+                'age': 10,
+                'parent': '王磊',
+                'teacher': teachers[2],
+                'avatar': 'https://images.unsplash.com/photo-1599566150163-29194dcaad36'
+            }
+        ]
+        
+        students = []
+        for data in students_data:
+            stu, created = Student.objects.get_or_create(name=data['name'], phone=data['phone'], defaults=data)
+            students.append(stu)
+
+        # 7. Create Student Projects (Enrollments)
+        self.stdout.write('Enrolling Students...')
+        # Enroll first student in first project
+        StudentProject.objects.get_or_create(
+            student=students[0],
+            project=projects[0],
+            defaults={'status': 'enrolled'}
+        )
+        # Enroll first student in second project (completed)
+        StudentProject.objects.get_or_create(
+            student=students[0],
+            project=projects[1],
+            defaults={'status': 'completed', 'completed_at': timezone.now()}
+        )
+        
+        # 8. Create Student Honors
+        self.stdout.write('Creating Honors...')
+        honors_data = [
+            {
+                'student': students[0],
+                'title': '优秀学员奖',
+                'date': timezone.now().date() - timedelta(days=10),
+                'image': 'https://images.unsplash.com/photo-1579548122080-c35fd6820ecb',
+                'description': '在Python编程课程中表现优异，特发此证。'
+            },
+            {
+                'student': students[0],
+                'title': '小小演说家',
+                'date': timezone.now().date() - timedelta(days=50),
+                'image': 'https://images.unsplash.com/photo-1579548122080-c35fd6820ecb',
+                'description': '在演讲比赛中获得一等奖。'
+            }
+        ]
+        
+        for data in honors_data:
+            StudentHonor.objects.get_or_create(student=data['student'], title=data['title'], defaults=data)
+
+        # 9. Assign Coupons to Student
+        self.stdout.write('Assigning Coupons...')
+        StudentCoupon.objects.get_or_create(
+            student=students[0],
+            coupon=coupons[0],
+            defaults={'status': 'assigned'}
+        )
+        StudentCoupon.objects.get_or_create(
+            student=students[0],
+            coupon=coupons[1],
+            defaults={'status': 'used', 'used_at': timezone.now()}
+        )
+
+        self.stdout.write(self.style.SUCCESS('Successfully populated mock data!'))
diff --git a/admin/server/apps/crm/migrations/0001_initial.py b/admin/server/apps/crm/migrations/0001_initial.py
new file mode 100644
index 0000000..93f9d61
--- /dev/null
+++ b/admin/server/apps/crm/migrations/0001_initial.py
@@ -0,0 +1,99 @@
+# Generated by Django 3.2.23 on 2025-11-28 06:13
+
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='Banner',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('image', models.URLField(verbose_name='图片URL')),
+                ('link', models.CharField(blank=True, max_length=200, null=True, verbose_name='跳转链接')),
+                ('sort_order', models.IntegerField(default=0, verbose_name='排序')),
+                ('is_active', models.BooleanField(default=True, verbose_name='是否启用')),
+            ],
+            options={
+                'verbose_name': '轮播图',
+                'verbose_name_plural': '轮播图',
+                'ordering': ['sort_order'],
+            },
+        ),
+        migrations.CreateModel(
+            name='Category',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('name', models.CharField(max_length=50, verbose_name='分类名称')),
+                ('color', models.CharField(help_text='例如: bg-blue-100 text-blue-600', max_length=50, verbose_name='颜色类名')),
+            ],
+            options={
+                'verbose_name': '课程分类',
+                'verbose_name_plural': '课程分类',
+            },
+        ),
+        migrations.CreateModel(
+            name='Coupon',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('amount', models.CharField(max_length=10, verbose_name='面额')),
+                ('unit', models.CharField(default='元', max_length=10, verbose_name='单位')),
+                ('title', models.CharField(max_length=50, verbose_name='优惠券标题')),
+                ('desc', models.CharField(max_length=100, verbose_name='描述')),
+                ('expiry', models.DateField(verbose_name='过期时间')),
+                ('status', models.CharField(choices=[('available', '可领取'), ('claimed', '已领取'), ('used', '已使用'), ('expired', '已过期')], default='available', max_length=20, verbose_name='状态')),
+                ('color', models.CharField(default='from-blue-500 to-cyan-400', max_length=100, verbose_name='渐变色类名')),
+                ('bgStart', models.CharField(default='from-blue-50', max_length=50, verbose_name='背景起始色')),
+                ('bgEnd', models.CharField(default='to-cyan-50', max_length=50, verbose_name='背景结束色')),
+                ('shadow', models.CharField(default='shadow-blue-100', max_length=50, verbose_name='阴影类名')),
+            ],
+            options={
+                'verbose_name': '优惠券',
+                'verbose_name_plural': '优惠券',
+            },
+        ),
+        migrations.CreateModel(
+            name='Student',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('name', models.CharField(max_length=50, verbose_name='学员姓名')),
+                ('phone', models.CharField(max_length=20, verbose_name='联系电话')),
+                ('age', models.IntegerField(blank=True, null=True, verbose_name='年龄')),
+                ('education', models.CharField(blank=True, max_length=50, null=True, verbose_name='学历')),
+                ('address', models.CharField(blank=True, max_length=200, null=True, verbose_name='地址')),
+                ('avatar', models.URLField(default='https://images.unsplash.com/photo-1535713875002-d1d0cf377fde', verbose_name='头像URL')),
+                ('learning_count', models.IntegerField(default=0, verbose_name='在学课程数')),
+                ('coupon_count', models.IntegerField(default=0, verbose_name='优惠券数')),
+                ('study_hours', models.IntegerField(default=0, verbose_name='学习时长(小时)')),
+                ('created_at', models.DateTimeField(auto_now_add=True, verbose_name='录入时间')),
+            ],
+            options={
+                'verbose_name': '学员信息',
+                'verbose_name_plural': '学员信息',
+            },
+        ),
+        migrations.CreateModel(
+            name='Project',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('title', models.CharField(max_length=100, verbose_name='项目名称')),
+                ('image', models.URLField(default='https://images.unsplash.com/photo-1526379095098-d400fd0bf935', verbose_name='封面图片URL')),
+                ('students', models.IntegerField(default=0, verbose_name='学习人数')),
+                ('rating', models.DecimalField(decimal_places=1, default=5.0, max_digits=3, verbose_name='评分')),
+                ('duration', models.CharField(default='4 周', max_length=20, verbose_name='时长')),
+                ('created_at', models.DateTimeField(auto_now_add=True, verbose_name='创建时间')),
+                ('category', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='projects', to='crm.category', verbose_name='所属分类')),
+            ],
+            options={
+                'verbose_name': '项目课程',
+                'verbose_name_plural': '项目课程',
+            },
+        ),
+    ]
diff --git a/admin/server/apps/crm/migrations/0002_project_detail.py b/admin/server/apps/crm/migrations/0002_project_detail.py
new file mode 100644
index 0000000..b5adbc4
--- /dev/null
+++ b/admin/server/apps/crm/migrations/0002_project_detail.py
@@ -0,0 +1,18 @@
+# Generated by Django 3.2.23 on 2025-11-28 07:06
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('crm', '0001_initial'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='project',
+            name='detail',
+            field=models.TextField(blank=True, default='', verbose_name='项目详情'),
+        ),
+    ]
diff --git a/admin/server/apps/crm/migrations/0003_banner_project.py b/admin/server/apps/crm/migrations/0003_banner_project.py
new file mode 100644
index 0000000..fb7a655
--- /dev/null
+++ b/admin/server/apps/crm/migrations/0003_banner_project.py
@@ -0,0 +1,19 @@
+# Generated by Django 3.2.23 on 2025-11-28 07:15
+
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('crm', '0002_project_detail'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='banner',
+            name='project',
+            field=models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, to='crm.project', verbose_name='关联项目'),
+        ),
+    ]
diff --git a/admin/server/apps/crm/migrations/0004_auto_20251128_1719.py b/admin/server/apps/crm/migrations/0004_auto_20251128_1719.py
new file mode 100644
index 0000000..a9c2bc1
--- /dev/null
+++ b/admin/server/apps/crm/migrations/0004_auto_20251128_1719.py
@@ -0,0 +1,40 @@
+# Generated by Django 3.2.23 on 2025-11-28 09:19
+
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('crm', '0003_banner_project'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='coupon',
+            name='applicable_projects',
+            field=models.ManyToManyField(blank=True, related_name='coupons', to='crm.Project', verbose_name='适用项目'),
+        ),
+        migrations.AddField(
+            model_name='coupon',
+            name='issue_type',
+            field=models.CharField(choices=[('manual', '手动发放'), ('registration', '注册赠送'), ('project', '指定项目')], default='manual', max_length=20, verbose_name='发放类型'),
+        ),
+        migrations.CreateModel(
+            name='StudentCoupon',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('status', models.CharField(choices=[('assigned', '已分配'), ('used', '已使用'), ('expired', '已过期')], default='assigned', max_length=20, verbose_name='状态')),
+                ('assigned_at', models.DateTimeField(auto_now_add=True, verbose_name='分配时间')),
+                ('used_at', models.DateTimeField(blank=True, null=True, verbose_name='使用时间')),
+                ('coupon', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='assignments', to='crm.coupon', verbose_name='优惠券')),
+                ('student', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='student_coupons', to='crm.student', verbose_name='学员')),
+            ],
+            options={
+                'verbose_name': '学员优惠券',
+                'verbose_name_plural': '学员优惠券',
+                'ordering': ['-assigned_at'],
+            },
+        ),
+    ]
diff --git a/admin/server/apps/crm/migrations/0005_remove_student_education_student_parent_and_more.py b/admin/server/apps/crm/migrations/0005_remove_student_education_student_parent_and_more.py
new file mode 100644
index 0000000..5f1d579
--- /dev/null
+++ b/admin/server/apps/crm/migrations/0005_remove_student_education_student_parent_and_more.py
@@ -0,0 +1,27 @@
+# Generated by Django 4.2.26 on 2025-11-29 13:57
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('crm', '0004_auto_20251128_1719'),
+    ]
+
+    operations = [
+        migrations.RemoveField(
+            model_name='student',
+            name='education',
+        ),
+        migrations.AddField(
+            model_name='student',
+            name='parent',
+            field=models.CharField(blank=True, max_length=50, null=True, verbose_name='家长'),
+        ),
+        migrations.AddField(
+            model_name='student',
+            name='teacher',
+            field=models.CharField(blank=True, max_length=50, null=True, verbose_name='负责老师'),
+        ),
+    ]
diff --git a/admin/server/apps/crm/migrations/0006_student_wechat_nickname.py b/admin/server/apps/crm/migrations/0006_student_wechat_nickname.py
new file mode 100644
index 0000000..91874cd
--- /dev/null
+++ b/admin/server/apps/crm/migrations/0006_student_wechat_nickname.py
@@ -0,0 +1,18 @@
+# Generated by Django 4.2.26 on 2025-11-29 14:08
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('crm', '0005_remove_student_education_student_parent_and_more'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='student',
+            name='wechat_nickname',
+            field=models.CharField(blank=True, max_length=100, null=True, verbose_name='微信昵称'),
+        ),
+    ]
diff --git a/admin/server/apps/crm/migrations/0007_project_project_type_studentproject.py b/admin/server/apps/crm/migrations/0007_project_project_type_studentproject.py
new file mode 100644
index 0000000..0118475
--- /dev/null
+++ b/admin/server/apps/crm/migrations/0007_project_project_type_studentproject.py
@@ -0,0 +1,36 @@
+# Generated by Django 4.2.26 on 2025-11-29 14:32
+
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('crm', '0006_student_wechat_nickname'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='project',
+            name='project_type',
+            field=models.CharField(choices=[('training', '小主持语言培训'), ('competition', '赛事管理'), ('grading', '考级管理')], default='training', max_length=20, verbose_name='项目类型'),
+        ),
+        migrations.CreateModel(
+            name='StudentProject',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('status', models.CharField(choices=[('enrolled', '已报名'), ('completed', '已完成'), ('cancelled', '已取消')], default='enrolled', max_length=20, verbose_name='状态')),
+                ('enrolled_at', models.DateTimeField(auto_now_add=True, verbose_name='报名时间')),
+                ('completed_at', models.DateTimeField(blank=True, null=True, verbose_name='完成时间')),
+                ('project', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='enrollments', to='crm.project', verbose_name='项目')),
+                ('student', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='enrollments', to='crm.student', verbose_name='学员')),
+            ],
+            options={
+                'verbose_name': '学员项目报名',
+                'verbose_name_plural': '学员项目报名',
+                'ordering': ['-enrolled_at'],
+                'unique_together': {('student', 'project')},
+            },
+        ),
+    ]
diff --git a/admin/server/apps/crm/migrations/0008_teacher_remove_project_category_project_teacher_and_more.py b/admin/server/apps/crm/migrations/0008_teacher_remove_project_category_project_teacher_and_more.py
new file mode 100644
index 0000000..fdc8d22
--- /dev/null
+++ b/admin/server/apps/crm/migrations/0008_teacher_remove_project_category_project_teacher_and_more.py
@@ -0,0 +1,41 @@
+# Generated by Django 4.2.26 on 2025-11-29 14:41
+
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('crm', '0007_project_project_type_studentproject'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='Teacher',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('name', models.CharField(max_length=50, verbose_name='教师姓名')),
+                ('phone', models.CharField(blank=True, max_length=20, null=True, verbose_name='联系电话')),
+                ('bio', models.TextField(blank=True, default='', verbose_name='简介')),
+            ],
+            options={
+                'verbose_name': '教师',
+                'verbose_name_plural': '教师',
+            },
+        ),
+        migrations.RemoveField(
+            model_name='project',
+            name='category',
+        ),
+        migrations.AddField(
+            model_name='project',
+            name='teacher',
+            field=models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='projects', to='crm.teacher', verbose_name='负责老师'),
+        ),
+        migrations.AlterField(
+            model_name='student',
+            name='teacher',
+            field=models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='students', to='crm.teacher', verbose_name='负责老师'),
+        ),
+    ]
diff --git a/admin/server/apps/crm/migrations/0009_studenthonor.py b/admin/server/apps/crm/migrations/0009_studenthonor.py
new file mode 100644
index 0000000..07ef299
--- /dev/null
+++ b/admin/server/apps/crm/migrations/0009_studenthonor.py
@@ -0,0 +1,31 @@
+# Generated by Django 5.2.8 on 2025-11-29 15:34
+
+import django.db.models.deletion
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('crm', '0008_teacher_remove_project_category_project_teacher_and_more'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='StudentHonor',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('title', models.CharField(max_length=100, verbose_name='荣誉标题')),
+                ('image', models.URLField(default='https://images.unsplash.com/photo-1579548122080-c35fd6820ecb', verbose_name='证书图片URL')),
+                ('date', models.DateField(verbose_name='获得日期')),
+                ('description', models.TextField(blank=True, default='', verbose_name='荣誉描述')),
+                ('created_at', models.DateTimeField(auto_now_add=True, verbose_name='创建时间')),
+                ('student', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='honors', to='crm.student', verbose_name='学员')),
+            ],
+            options={
+                'verbose_name': '学员荣誉',
+                'verbose_name_plural': '学员荣誉',
+                'ordering': ['-date'],
+            },
+        ),
+    ]
diff --git a/admin/server/apps/crm/migrations/0010_studentshowcase.py b/admin/server/apps/crm/migrations/0010_studentshowcase.py
new file mode 100644
index 0000000..31d8a06
--- /dev/null
+++ b/admin/server/apps/crm/migrations/0010_studentshowcase.py
@@ -0,0 +1,33 @@
+# Generated by Django 4.2.26 on 2025-11-29 16:11
+
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('crm', '0009_studenthonor'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='StudentShowcase',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('title', models.CharField(max_length=100, verbose_name='标题')),
+                ('cover_image', models.URLField(verbose_name='封面图片URL')),
+                ('video_url', models.URLField(blank=True, null=True, verbose_name='视频链接URL')),
+                ('description', models.TextField(blank=True, default='', verbose_name='描述')),
+                ('sort_order', models.IntegerField(default=0, verbose_name='排序')),
+                ('is_active', models.BooleanField(default=True, verbose_name='是否启用')),
+                ('created_at', models.DateTimeField(auto_now_add=True, verbose_name='创建时间')),
+                ('student', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='showcases', to='crm.student', verbose_name='关联学员')),
+            ],
+            options={
+                'verbose_name': '学员风采',
+                'verbose_name_plural': '学员风采',
+                'ordering': ['sort_order', '-created_at'],
+            },
+        ),
+    ]
diff --git a/admin/server/apps/crm/migrations/0011_project_price_project_show_price.py b/admin/server/apps/crm/migrations/0011_project_price_project_show_price.py
new file mode 100644
index 0000000..8e3ebfb
--- /dev/null
+++ b/admin/server/apps/crm/migrations/0011_project_price_project_show_price.py
@@ -0,0 +1,23 @@
+# Generated by Django 4.2.26 on 2025-12-01 14:22
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('crm', '0010_studentshowcase'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='project',
+            name='price',
+            field=models.DecimalField(decimal_places=2, default=299.0, max_digits=10, verbose_name='价格'),
+        ),
+        migrations.AddField(
+            model_name='project',
+            name='show_price',
+            field=models.BooleanField(default=True, verbose_name='显示价格'),
+        ),
+    ]
diff --git a/admin/server/apps/crm/migrations/0012_alter_studentcoupon_status.py b/admin/server/apps/crm/migrations/0012_alter_studentcoupon_status.py
new file mode 100644
index 0000000..8848b89
--- /dev/null
+++ b/admin/server/apps/crm/migrations/0012_alter_studentcoupon_status.py
@@ -0,0 +1,18 @@
+# Generated by Django 4.2.26 on 2025-12-01 14:45
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('crm', '0011_project_price_project_show_price'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='studentcoupon',
+            name='status',
+            field=models.CharField(choices=[('assigned', '已分配'), ('used', '已使用'), ('expired', '已过期'), ('revoked', '已回收'), ('suspended', '暂停使用')], default='assigned', max_length=20, verbose_name='状态'),
+        ),
+    ]
diff --git a/admin/server/apps/crm/migrations/0013_student_openid.py b/admin/server/apps/crm/migrations/0013_student_openid.py
new file mode 100644
index 0000000..fdc28e0
--- /dev/null
+++ b/admin/server/apps/crm/migrations/0013_student_openid.py
@@ -0,0 +1,18 @@
+# Generated by Django 4.2.26 on 2025-12-01 16:05
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('crm', '0012_alter_studentcoupon_status'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='student',
+            name='openid',
+            field=models.CharField(blank=True, max_length=100, null=True, unique=True, verbose_name='微信OpenID'),
+        ),
+    ]
diff --git a/admin/server/apps/crm/migrations/0014_alter_student_phone.py b/admin/server/apps/crm/migrations/0014_alter_student_phone.py
new file mode 100644
index 0000000..e88590f
--- /dev/null
+++ b/admin/server/apps/crm/migrations/0014_alter_student_phone.py
@@ -0,0 +1,18 @@
+# Generated by Django 4.2.26 on 2025-12-01 17:19
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('crm', '0013_student_openid'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='student',
+            name='phone',
+            field=models.CharField(blank=True, max_length=20, null=True, verbose_name='联系电话'),
+        ),
+    ]
diff --git a/admin/server/apps/crm/migrations/0015_auto_20251202_1204.py b/admin/server/apps/crm/migrations/0015_auto_20251202_1204.py
new file mode 100644
index 0000000..9535713
--- /dev/null
+++ b/admin/server/apps/crm/migrations/0015_auto_20251202_1204.py
@@ -0,0 +1,22 @@
+# Generated by Django 3.2.23 on 2025-12-02 04:04
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('crm', '0014_alter_student_phone'),
+    ]
+
+    operations = [
+        migrations.AlterModelOptions(
+            name='studentshowcase',
+            options={'ordering': ['sort_order', '-created_at'], 'verbose_name': '精彩视频', 'verbose_name_plural': '精彩视频'},
+        ),
+        migrations.AlterField(
+            model_name='project',
+            name='project_type',
+            field=models.CharField(choices=[('training', '学位项目'), ('competition', '典礼&论坛'), ('grading', '校友活动')], default='training', max_length=20, verbose_name='项目类型'),
+        ),
+    ]
diff --git a/admin/server/apps/crm/migrations/0016_alter_project_teacher.py b/admin/server/apps/crm/migrations/0016_alter_project_teacher.py
new file mode 100644
index 0000000..c289920
--- /dev/null
+++ b/admin/server/apps/crm/migrations/0016_alter_project_teacher.py
@@ -0,0 +1,19 @@
+# Generated by Django 3.2.23 on 2025-12-02 04:08
+
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('crm', '0015_auto_20251202_1204'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='project',
+            name='teacher',
+            field=models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='projects', to='crm.teacher', verbose_name='教学中心'),
+        ),
+    ]
diff --git a/admin/server/apps/crm/migrations/0017_auto_20251202_1422.py b/admin/server/apps/crm/migrations/0017_auto_20251202_1422.py
new file mode 100644
index 0000000..8f1d1e5
--- /dev/null
+++ b/admin/server/apps/crm/migrations/0017_auto_20251202_1422.py
@@ -0,0 +1,33 @@
+# Generated by Django 3.2.23 on 2025-12-02 06:22
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('crm', '0016_alter_project_teacher'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='student',
+            name='company_name',
+            field=models.CharField(blank=True, max_length=100, null=True, verbose_name='公司名称'),
+        ),
+        migrations.AddField(
+            model_name='student',
+            name='teaching_center',
+            field=models.CharField(blank=True, max_length=100, null=True, verbose_name='关联教学中心'),
+        ),
+        migrations.AlterField(
+            model_name='student',
+            name='avatar',
+            field=models.URLField(default='https://images.unsplash.com/photo-1535713875002-d1d0cf377fde', verbose_name='微信头像'),
+        ),
+        migrations.AlterField(
+            model_name='student',
+            name='openid',
+            field=models.CharField(blank=True, max_length=100, null=True, unique=True, verbose_name='微信唯一标识'),
+        ),
+    ]
diff --git a/admin/server/apps/crm/migrations/0018_auto_20251202_1430.py b/admin/server/apps/crm/migrations/0018_auto_20251202_1430.py
new file mode 100644
index 0000000..fef74cb
--- /dev/null
+++ b/admin/server/apps/crm/migrations/0018_auto_20251202_1430.py
@@ -0,0 +1,21 @@
+# Generated by Django 3.2.23 on 2025-12-02 06:30
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('crm', '0017_auto_20251202_1422'),
+    ]
+
+    operations = [
+        migrations.RemoveField(
+            model_name='student',
+            name='parent',
+        ),
+        migrations.RemoveField(
+            model_name='student',
+            name='teacher',
+        ),
+    ]
diff --git a/admin/server/apps/crm/migrations/0019_auto_20251202_1443.py b/admin/server/apps/crm/migrations/0019_auto_20251202_1443.py
new file mode 100644
index 0000000..9bcc25d
--- /dev/null
+++ b/admin/server/apps/crm/migrations/0019_auto_20251202_1443.py
@@ -0,0 +1,37 @@
+# Generated by Django 3.2.23 on 2025-12-02 06:43
+
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('crm', '0018_auto_20251202_1430'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='TeachingCenter',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('name', models.CharField(max_length=100, verbose_name='教学中心名称')),
+                ('address', models.CharField(blank=True, max_length=200, null=True, verbose_name='地址')),
+                ('phone', models.CharField(blank=True, max_length=20, null=True, verbose_name='联系电话')),
+            ],
+            options={
+                'verbose_name': '教学中心',
+                'verbose_name_plural': '教学中心',
+            },
+        ),
+        migrations.AddField(
+            model_name='student',
+            name='status',
+            field=models.CharField(choices=[('ordinary', '普通用户'), ('intention', '意向用户'), ('reading', '在读'), ('graduated', '毕业')], default='ordinary', max_length=20, verbose_name='状态'),
+        ),
+        migrations.AlterField(
+            model_name='student',
+            name='teaching_center',
+            field=models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, to='crm.teachingcenter', verbose_name='关联教学中心'),
+        ),
+    ]
diff --git a/admin/server/apps/crm/migrations/0020_student_teacher.py b/admin/server/apps/crm/migrations/0020_student_teacher.py
new file mode 100644
index 0000000..46e429c
--- /dev/null
+++ b/admin/server/apps/crm/migrations/0020_student_teacher.py
@@ -0,0 +1,19 @@
+# Generated by Django 3.2.23 on 2025-12-02 07:28
+
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('crm', '0019_auto_20251202_1443'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='student',
+            name='teacher',
+            field=models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='students', to='crm.teacher', verbose_name='负责老师'),
+        ),
+    ]
diff --git a/admin/server/apps/crm/migrations/0021_alter_studentproject_status.py b/admin/server/apps/crm/migrations/0021_alter_studentproject_status.py
new file mode 100644
index 0000000..9b9489b
--- /dev/null
+++ b/admin/server/apps/crm/migrations/0021_alter_studentproject_status.py
@@ -0,0 +1,18 @@
+# Generated by Django 3.2.23 on 2025-12-03 04:20
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('crm', '0020_student_teacher'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='studentproject',
+            name='status',
+            field=models.CharField(choices=[('enrolled', '已报名'), ('studying', '在读'), ('graduated', '毕业'), ('completed', '已完成'), ('cancelled', '已取消')], default='enrolled', max_length=20, verbose_name='状态'),
+        ),
+    ]
diff --git a/admin/server/apps/crm/migrations/0022_auto_20251203_1637.py b/admin/server/apps/crm/migrations/0022_auto_20251203_1637.py
new file mode 100644
index 0000000..e60bfa8
--- /dev/null
+++ b/admin/server/apps/crm/migrations/0022_auto_20251203_1637.py
@@ -0,0 +1,37 @@
+# Generated by Django 3.2.23 on 2025-12-03 08:37
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('crm', '0021_alter_studentproject_status'),
+    ]
+
+    operations = [
+        migrations.AlterModelOptions(
+            name='project',
+            options={'ordering': ['-is_top', 'sort_order', '-created_at'], 'verbose_name': '项目课程', 'verbose_name_plural': '项目课程'},
+        ),
+        migrations.AddField(
+            model_name='project',
+            name='is_top',
+            field=models.BooleanField(default=False, verbose_name='是否置顶'),
+        ),
+        migrations.AddField(
+            model_name='project',
+            name='sort_order',
+            field=models.IntegerField(default=0, verbose_name='排序'),
+        ),
+        migrations.AlterField(
+            model_name='project',
+            name='project_type',
+            field=models.CharField(choices=[('training', '在职项目'), ('competition', '典礼&论坛'), ('grading', '校友活动')], default='training', max_length=20, verbose_name='项目类型'),
+        ),
+        migrations.AlterField(
+            model_name='studentproject',
+            name='status',
+            field=models.CharField(choices=[('enrolled', '已报名'), ('studying', '在读'), ('graduated', '毕业'), ('finished', '结束')], default='enrolled', max_length=20, verbose_name='状态'),
+        ),
+    ]
diff --git a/admin/server/apps/crm/migrations/0023_auto_20251203_1645.py b/admin/server/apps/crm/migrations/0023_auto_20251203_1645.py
new file mode 100644
index 0000000..76208c4
--- /dev/null
+++ b/admin/server/apps/crm/migrations/0023_auto_20251203_1645.py
@@ -0,0 +1,22 @@
+# Generated by Django 3.2.23 on 2025-12-03 08:45
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('crm', '0022_auto_20251203_1637'),
+    ]
+
+    operations = [
+        migrations.RemoveField(
+            model_name='project',
+            name='rating',
+        ),
+        migrations.AddField(
+            model_name='project',
+            name='address',
+            field=models.CharField(blank=True, default='', max_length=200, verbose_name='地址'),
+        ),
+    ]
diff --git a/admin/server/apps/crm/migrations/0024_project_custom_teacher.py b/admin/server/apps/crm/migrations/0024_project_custom_teacher.py
new file mode 100644
index 0000000..7c026c1
--- /dev/null
+++ b/admin/server/apps/crm/migrations/0024_project_custom_teacher.py
@@ -0,0 +1,18 @@
+# Generated by Django 3.2.23 on 2025-12-03 08:52
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('crm', '0023_auto_20251203_1645'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='project',
+            name='custom_teacher',
+            field=models.CharField(blank=True, default='', max_length=100, verbose_name='自定义教学中心'),
+        ),
+    ]
diff --git a/admin/server/apps/crm/migrations/0025_auto_20251204_1044.py b/admin/server/apps/crm/migrations/0025_auto_20251204_1044.py
new file mode 100644
index 0000000..aec2620
--- /dev/null
+++ b/admin/server/apps/crm/migrations/0025_auto_20251204_1044.py
@@ -0,0 +1,27 @@
+# Generated by Django 3.2.23 on 2025-12-04 02:44
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('crm', '0024_project_custom_teacher'),
+    ]
+
+    operations = [
+        migrations.AlterModelOptions(
+            name='teacher',
+            options={'verbose_name': '教学与管理中心', 'verbose_name_plural': '教学与管理中心'},
+        ),
+        migrations.AddField(
+            model_name='project',
+            name='is_active',
+            field=models.BooleanField(default=True, verbose_name='是否启用'),
+        ),
+        migrations.AlterField(
+            model_name='teacher',
+            name='name',
+            field=models.CharField(max_length=50, verbose_name='教学与管理中心'),
+        ),
+    ]
diff --git a/admin/server/apps/crm/migrations/0026_student_position.py b/admin/server/apps/crm/migrations/0026_student_position.py
new file mode 100644
index 0000000..c9b814f
--- /dev/null
+++ b/admin/server/apps/crm/migrations/0026_student_position.py
@@ -0,0 +1,18 @@
+# Generated by Django 3.2.23 on 2025-12-04 07:05
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('crm', '0025_auto_20251204_1044'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='student',
+            name='position',
+            field=models.CharField(blank=True, max_length=100, null=True, verbose_name='职位'),
+        ),
+    ]
diff --git a/admin/server/apps/crm/migrations/0027_coupon_is_time_limited.py b/admin/server/apps/crm/migrations/0027_coupon_is_time_limited.py
new file mode 100644
index 0000000..6b6a024
--- /dev/null
+++ b/admin/server/apps/crm/migrations/0027_coupon_is_time_limited.py
@@ -0,0 +1,18 @@
+# Generated by Django 3.2.23 on 2025-12-05 05:50
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('crm', '0026_student_position'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='coupon',
+            name='is_time_limited',
+            field=models.BooleanField(default=False, verbose_name='是否限时优惠'),
+        ),
+    ]
diff --git a/admin/server/apps/crm/migrations/__init__.py b/admin/server/apps/crm/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/admin/server/apps/crm/models.py b/admin/server/apps/crm/models.py
new file mode 100644
index 0000000..13e40c1
--- /dev/null
+++ b/admin/server/apps/crm/models.py
@@ -0,0 +1,305 @@
+from django.db import models
+from apps.system.models import User
+from django.db.models.signals import post_save, post_delete
+from django.dispatch import receiver
+
+class Category(models.Model):
+    name = models.CharField(max_length=50, verbose_name="分类名称")
+    color = models.CharField(max_length=50, verbose_name="颜色类名", help_text="例如: bg-blue-100 text-blue-600")
+    
+    class Meta:
+        verbose_name = "课程分类"
+        verbose_name_plural = verbose_name
+        
+    def __str__(self):
+        return self.name
+
+class Teacher(models.Model):
+    name = models.CharField(max_length=50, verbose_name="教学与管理中心")
+    phone = models.CharField(max_length=20, verbose_name="联系电话", null=True, blank=True)
+    bio = models.TextField(verbose_name="简介", blank=True, default="")
+    
+    class Meta:
+        verbose_name = "教学与管理中心"
+        verbose_name_plural = verbose_name
+        
+    def __str__(self):
+        return self.name
+
+class TeachingCenter(models.Model):
+    name = models.CharField(max_length=100, verbose_name="教学中心名称")
+    address = models.CharField(max_length=200, verbose_name="地址", null=True, blank=True)
+    phone = models.CharField(max_length=20, verbose_name="联系电话", null=True, blank=True)
+    
+    class Meta:
+        verbose_name = "教学中心"
+        verbose_name_plural = verbose_name
+    
+    def __str__(self):
+        return self.name
+
+class Project(models.Model):
+    PROJECT_TYPE_CHOICES = (
+        ('training', '在职项目'),
+        ('competition', '典礼&论坛'),
+        ('grading', '校友活动'),
+    )
+    title = models.CharField(max_length=100, verbose_name="项目名称")
+    project_type = models.CharField(max_length=20, choices=PROJECT_TYPE_CHOICES, default='training', verbose_name="项目类型")
+    # category = models.ForeignKey(Category, on_delete=models.CASCADE, verbose_name="所属分类", related_name="projects")
+    teacher = models.ForeignKey(Teacher, on_delete=models.SET_NULL, null=True, blank=True, verbose_name="教学中心", related_name="projects")
+    custom_teacher = models.CharField(max_length=100, verbose_name="自定义教学中心", default="", blank=True)
+    image = models.URLField(verbose_name="封面图片URL", default="https://images.unsplash.com/photo-1526379095098-d400fd0bf935")
+    detail = models.TextField(verbose_name="项目详情", blank=True, default="")
+    students = models.IntegerField(default=0, verbose_name="学习人数")
+    address = models.CharField(max_length=200, verbose_name="地址", default="", blank=True)
+    duration = models.CharField(max_length=20, verbose_name="时长", default="4 周")
+    price = models.DecimalField(max_digits=10, decimal_places=2, default=299.00, verbose_name="价格")
+    show_price = models.BooleanField(default=True, verbose_name="显示价格")
+    sort_order = models.IntegerField(default=0, verbose_name="排序")
+    is_top = models.BooleanField(default=False, verbose_name="是否置顶")
+    is_active = models.BooleanField(default=True, verbose_name="是否启用")
+    created_at = models.DateTimeField(auto_now_add=True, verbose_name="创建时间")
+
+    class Meta:
+        verbose_name = "项目课程"
+        verbose_name_plural = verbose_name
+        ordering = ['-is_top', 'sort_order', '-created_at']
+
+    def __str__(self):
+        return self.title
+
+class Coupon(models.Model):
+    STATUS_CHOICES = (
+        ('available', '可领取'),
+        ('claimed', '已领取'),
+        ('used', '已使用'),
+        ('expired', '已过期'),
+    )
+    ISSUE_CHOICES = (
+        ('manual', '手动发放'),
+        ('registration', '注册赠送'),
+        ('project', '指定项目'),
+    )
+    
+    amount = models.CharField(max_length=10, verbose_name="面额")
+    unit = models.CharField(max_length=10, verbose_name="单位", default="元")
+    title = models.CharField(max_length=50, verbose_name="优惠券标题")
+    desc = models.CharField(max_length=100, verbose_name="描述")
+    expiry = models.DateField(verbose_name="过期时间")
+    is_time_limited = models.BooleanField(default=False, verbose_name="是否限时优惠")
+    status = models.CharField(max_length=20, choices=STATUS_CHOICES, default='available', verbose_name="状态")
+    issue_type = models.CharField(max_length=20, choices=ISSUE_CHOICES, default='manual', verbose_name="发放类型")
+    applicable_projects = models.ManyToManyField(Project, blank=True, related_name="coupons", verbose_name="适用项目")
+    
+    # UI样式字段
+    color = models.CharField(max_length=100, verbose_name="渐变色类名", default="from-blue-500 to-cyan-400")
+    bgStart = models.CharField(max_length=50, verbose_name="背景起始色", default="from-blue-50")
+    bgEnd = models.CharField(max_length=50, verbose_name="背景结束色", default="to-cyan-50")
+    shadow = models.CharField(max_length=50, verbose_name="阴影类名", default="shadow-blue-100")
+
+    class Meta:
+        verbose_name = "优惠券"
+        verbose_name_plural = verbose_name
+
+    def __str__(self):
+        return self.title
+
+class Banner(models.Model):
+    image = models.URLField(verbose_name="图片URL")
+    project = models.ForeignKey(Project, on_delete=models.SET_NULL, null=True, blank=True, verbose_name="关联项目")
+    link = models.CharField(max_length=200, blank=True, null=True, verbose_name="跳转链接")
+    sort_order = models.IntegerField(default=0, verbose_name="排序")
+    is_active = models.BooleanField(default=True, verbose_name="是否启用")
+
+    class Meta:
+        verbose_name = "轮播图"
+        verbose_name_plural = verbose_name
+        ordering = ['sort_order']
+
+    def __str__(self):
+        return f"Banner {self.id}"
+
+class Student(models.Model):
+    name = models.CharField(max_length=50, verbose_name="学员姓名")
+    phone = models.CharField(max_length=20, verbose_name="联系电话", null=True, blank=True)
+    age = models.IntegerField(verbose_name="年龄", null=True, blank=True)
+    wechat_nickname = models.CharField(max_length=100, verbose_name="微信昵称", null=True, blank=True)
+    # 已经有了openid字段，所以这里不需要重复添加，只需要确保名称正确即可。
+    # 原有 openid 字段定义： openid = models.CharField(max_length=100, verbose_name="微信OpenID", null=True, blank=True, unique=True)
+    # 用户需求是“微信唯一标识”，这通常指 OpenID。
+    openid = models.CharField(max_length=100, verbose_name="微信唯一标识", null=True, blank=True, unique=True)
+    # parent = models.CharField(max_length=50, verbose_name="家长", null=True, blank=True)
+    teacher = models.ForeignKey(Teacher, on_delete=models.SET_NULL, null=True, blank=True, verbose_name="负责老师", related_name="students")
+    address = models.CharField(max_length=200, verbose_name="地址", null=True, blank=True)
+    # 已经有avatar字段，对应微信头像
+    avatar = models.URLField(verbose_name="微信头像", default="https://images.unsplash.com/photo-1535713875002-d1d0cf377fde")
+    
+    # 新增字段
+    teaching_center = models.ForeignKey(TeachingCenter, on_delete=models.SET_NULL, null=True, blank=True, verbose_name="关联教学中心")
+    company_name = models.CharField(max_length=100, verbose_name="公司名称", null=True, blank=True)
+    position = models.CharField(max_length=100, verbose_name="职位", null=True, blank=True)
+
+    STATUS_CHOICES = (
+        ('ordinary', '普通用户'),
+        ('intention', '意向用户'),
+        ('reading', '在读'),
+        ('graduated', '毕业'),
+    )
+    status = models.CharField(max_length=20, choices=STATUS_CHOICES, default='ordinary', verbose_name="状态")
+
+    # 统计数据
+    learning_count = models.IntegerField(default=0, verbose_name="在学课程数")
+    coupon_count = models.IntegerField(default=0, verbose_name="优惠券数")
+    study_hours = models.IntegerField(default=0, verbose_name="学习时长(小时)")
+    
+    created_at = models.DateTimeField(auto_now_add=True, verbose_name="录入时间")
+
+    class Meta:
+        verbose_name = "学员信息"
+        verbose_name_plural = verbose_name
+
+    def __str__(self):
+        return self.name
+
+class StudentCoupon(models.Model):
+    STATUS_CHOICES = (
+        ('assigned', '已分配'),
+        ('used', '已使用'),
+        ('expired', '已过期'),
+        ('revoked', '已回收'),
+        ('suspended', '暂停使用'),
+    )
+    student = models.ForeignKey(Student, on_delete=models.CASCADE, related_name="student_coupons", verbose_name="学员")
+    coupon = models.ForeignKey(Coupon, on_delete=models.CASCADE, related_name="assignments", verbose_name="优惠券")
+    status = models.CharField(max_length=20, choices=STATUS_CHOICES, default='assigned', verbose_name="状态")
+    assigned_at = models.DateTimeField(auto_now_add=True, verbose_name="分配时间")
+    used_at = models.DateTimeField(null=True, blank=True, verbose_name="使用时间")
+
+    class Meta:
+        verbose_name = "学员优惠券"
+        verbose_name_plural = verbose_name
+        ordering = ['-assigned_at']
+
+    def __str__(self):
+        return f"{self.student.name} - {self.coupon.title}"
+
+@receiver(post_save, sender=StudentCoupon)
+def update_student_coupon_count_on_save(sender, instance, created, **kwargs):
+    student = instance.student
+    student.coupon_count = StudentCoupon.objects.filter(student=student, status='assigned').count()
+    student.save(update_fields=['coupon_count'])
+
+@receiver(post_delete, sender=StudentCoupon)
+def update_student_coupon_count_on_delete(sender, instance, **kwargs):
+    try:
+        student = instance.student
+        # Only update if student still exists (avoid error when deleting student triggers cascade)
+        if Student.objects.filter(pk=student.pk).exists():
+            student.coupon_count = StudentCoupon.objects.filter(student=student, status='assigned').count()
+            student.save(update_fields=['coupon_count'])
+    except Exception:
+        pass
+
+class StudentProject(models.Model):
+    STATUS_CHOICES = (
+        ('enrolled', '已报名'),
+        ('studying', '在读'),
+        ('graduated', '毕业'),
+        ('finished', '结束'),
+    )
+    student = models.ForeignKey(Student, on_delete=models.CASCADE, related_name="enrollments", verbose_name="学员")
+    project = models.ForeignKey(Project, on_delete=models.CASCADE, related_name="enrollments", verbose_name="项目")
+    status = models.CharField(max_length=20, choices=STATUS_CHOICES, default='enrolled', verbose_name="状态")
+    enrolled_at = models.DateTimeField(auto_now_add=True, verbose_name="报名时间")
+    completed_at = models.DateTimeField(blank=True, null=True, verbose_name="完成时间")
+
+    class Meta:
+        verbose_name = "学员项目报名"
+        verbose_name_plural = verbose_name
+        ordering = ['-enrolled_at']
+        unique_together = ('student', 'project')
+
+    def __str__(self):
+        return f"{self.student.name} - {self.project.title}"
+
+@receiver(post_save, sender=StudentProject)
+def update_student_learning_count_on_save(sender, instance, created, **kwargs):
+    student = instance.student
+    # Count projects with status 'enrolled' or 'studying'
+    count = StudentProject.objects.filter(
+        student=student, 
+        status__in=['enrolled', 'studying']
+    ).count()
+    student.learning_count = count
+    student.save(update_fields=['learning_count'])
+
+@receiver(post_delete, sender=StudentProject)
+def update_student_learning_count_on_delete(sender, instance, **kwargs):
+    try:
+        student = instance.student
+        if Student.objects.filter(pk=student.pk).exists():
+            count = StudentProject.objects.filter(
+                student=student, 
+                status__in=['enrolled', 'studying']
+            ).count()
+            student.learning_count = count
+            student.save(update_fields=['learning_count'])
+    except Exception:
+        pass
+
+class StudentHonor(models.Model):
+    student = models.ForeignKey(Student, on_delete=models.CASCADE, related_name="honors", verbose_name="学员")
+    title = models.CharField(max_length=100, verbose_name="荣誉标题")
+    image = models.URLField(verbose_name="证书图片URL", default="https://images.unsplash.com/photo-1579548122080-c35fd6820ecb")
+    date = models.DateField(verbose_name="获得日期")
+    description = models.TextField(verbose_name="荣誉描述", blank=True, default="")
+    created_at = models.DateTimeField(auto_now_add=True, verbose_name="创建时间")
+
+    class Meta:
+        verbose_name = "学员荣誉"
+        verbose_name_plural = verbose_name
+        ordering = ['-date']
+
+    def __str__(self):
+        return f"{self.student.name} - {self.title}"
+
+class StudentShowcase(models.Model):
+    title = models.CharField(max_length=100, verbose_name="标题")
+    cover_image = models.URLField(verbose_name="封面图片URL")
+    video_url = models.URLField(verbose_name="视频链接URL", blank=True, null=True)
+    description = models.TextField(verbose_name="描述", blank=True, default="")
+    student = models.ForeignKey(Student, on_delete=models.SET_NULL, null=True, blank=True, verbose_name="关联学员", related_name="showcases")
+    sort_order = models.IntegerField(default=0, verbose_name="排序")
+    is_active = models.BooleanField(default=True, verbose_name="是否启用")
+    created_at = models.DateTimeField(auto_now_add=True, verbose_name="创建时间")
+
+    class Meta:
+        verbose_name = "精彩视频"
+        verbose_name_plural = verbose_name
+        ordering = ['sort_order', '-created_at']
+
+    def __str__(self):
+        return self.title
+
+@receiver(post_save, sender=Student)
+def activate_coupons_on_phone_bind(sender, instance, created, **kwargs):
+    # If we are just updating coupon_count or learning_count, do not trigger coupon issuance
+    update_fields = kwargs.get('update_fields')
+    if update_fields:
+        # Allow if other fields are present, but if ONLY these statistics are updated, skip.
+        ignored_fields = {'coupon_count', 'learning_count'}
+        if set(update_fields).issubset(ignored_fields):
+            return
+
+    if instance.phone:
+        # 自动发放注册类型的优惠券
+        reg_coupons = Coupon.objects.filter(issue_type='registration', status='available')
+        for coupon in reg_coupons:
+             # Use filter().exists() to check for existence to avoid MultipleObjectsReturned error
+             if not StudentCoupon.objects.filter(student=instance, coupon=coupon).exists():
+                 StudentCoupon.objects.create(
+                     student=instance,
+                     coupon=coupon,
+                     status='assigned'
+                 )
diff --git a/admin/server/apps/crm/serializers.py b/admin/server/apps/crm/serializers.py
new file mode 100644
index 0000000..b1454e0
--- /dev/null
+++ b/admin/server/apps/crm/serializers.py
@@ -0,0 +1,129 @@
+from rest_framework import serializers
+from .models import Category, Teacher, TeachingCenter, Project, Coupon, Banner, Student, StudentCoupon, StudentProject, StudentHonor, StudentShowcase
+
+class CategorySerializer(serializers.ModelSerializer):
+    class Meta:
+        model = Category
+        fields = '__all__'
+
+class TeacherSerializer(serializers.ModelSerializer):
+    class Meta:
+        model = Teacher
+        fields = '__all__'
+
+class TeachingCenterSerializer(serializers.ModelSerializer):
+    class Meta:
+        model = TeachingCenter
+        fields = '__all__'
+
+class ProjectSerializer(serializers.ModelSerializer):
+    # category_name = serializers.CharField(source='category.name', read_only=True)
+    # category_color = serializers.CharField(source='category.color', read_only=True)
+    teacher_name = serializers.SerializerMethodField()
+    project_type_display = serializers.CharField(source='get_project_type_display', read_only=True)
+
+    class Meta:
+        model = Project
+        fields = '__all__'
+    
+    def get_teacher_name(self, obj):
+        if obj.teacher:
+            return obj.teacher.name
+        return obj.custom_teacher
+
+class CouponSerializer(serializers.ModelSerializer):
+    scope_text = serializers.SerializerMethodField()
+    applicable_project_titles = serializers.SerializerMethodField()
+
+    class Meta:
+        model = Coupon
+        fields = '__all__'
+
+    def get_scope_text(self, obj):
+        ids = list(obj.applicable_projects.values_list('id', flat=True))
+        if not ids:
+            return '通用'
+        names = list(obj.applicable_projects.values_list('title', flat=True))
+        return '，'.join(names)
+
+    def get_applicable_project_titles(self, obj):
+        return list(obj.applicable_projects.values_list('title', flat=True))
+
+class StudentCouponSerializer(serializers.ModelSerializer):
+    coupon_detail = CouponSerializer(source='coupon', read_only=True)
+    student_name = serializers.CharField(source='student.name', read_only=True)
+    student_phone = serializers.CharField(source='student.phone', read_only=True)
+    coupon_title = serializers.CharField(source='coupon.title', read_only=True)
+    status_display = serializers.CharField(source='get_status_display', read_only=True)
+
+    class Meta:
+        model = StudentCoupon
+        fields = '__all__'
+
+class BannerSerializer(serializers.ModelSerializer):
+    project_title = serializers.CharField(source='project.title', read_only=True)
+    class Meta:
+        model = Banner
+        fields = '__all__'
+
+class StudentSerializer(serializers.ModelSerializer):
+    teacher_name = serializers.CharField(source='teacher.name', read_only=True)
+    teaching_center_name = serializers.CharField(source='teaching_center.name', read_only=True)
+    stats = serializers.SerializerMethodField()
+    enrolled_projects = serializers.SerializerMethodField()
+    coupons = serializers.PrimaryKeyRelatedField(many=True, read_only=True, source='student_coupons')
+    status_display = serializers.CharField(source='get_status_display', read_only=True)
+
+    class Meta:
+        model = Student
+        fields = ['id', 'name', 'phone', 'age', 'address', 'avatar', 'wechat_nickname', 'openid', 'teacher', 'teacher_name', 'teaching_center', 'teaching_center_name', 'company_name', 'position', 'status', 'status_display', 'stats', 'enrolled_projects', 'coupons', 'created_at']
+        read_only_fields = ['stats', 'enrolled_projects', 'coupons', 'teaching_center_name', 'teacher_name', 'status_display']
+
+    def get_stats(self, obj):
+        return {
+            "learning": obj.learning_count,
+            "coupons": obj.coupon_count,
+            "hours": obj.study_hours
+        }
+
+    def get_enrolled_projects(self, obj):
+        enrollments = obj.enrollments.all()
+        data = []
+        for enrollment in enrollments:
+            data.append({
+                "project_title": enrollment.project.title,
+                "status": enrollment.status,
+                "status_display": enrollment.get_status_display()
+            })
+        return data
+
+class StudentProjectSerializer(serializers.ModelSerializer):
+    student_name = serializers.CharField(source='student.name', read_only=True)
+    student_phone = serializers.CharField(source='student.phone', read_only=True)
+    project_title = serializers.CharField(source='project.title', read_only=True)
+    project_image = serializers.CharField(source='project.image', read_only=True)
+    project_type = serializers.CharField(source='project.project_type', read_only=True)
+    project_type_display = serializers.CharField(source='project.get_project_type_display', read_only=True)
+
+    class Meta:
+        model = StudentProject
+        fields = '__all__'
+
+class StudentHonorSerializer(serializers.ModelSerializer):
+    student_name = serializers.CharField(source='student.name', read_only=True)
+    student_phone = serializers.CharField(source='student.phone', read_only=True)
+    student_avatar = serializers.CharField(source='student.avatar', read_only=True)
+    student_openid = serializers.CharField(source='student.openid', read_only=True)
+    student_teaching_center = serializers.CharField(source='student.teacher.name', read_only=True)
+    student_company_name = serializers.CharField(source='student.company_name', read_only=True)
+
+    class Meta:
+        model = StudentHonor
+        fields = '__all__'
+
+class StudentShowcaseSerializer(serializers.ModelSerializer):
+    student_name = serializers.CharField(source='student.name', read_only=True)
+
+    class Meta:
+        model = StudentShowcase
+        fields = '__all__'
diff --git a/admin/server/apps/crm/tests.py b/admin/server/apps/crm/tests.py
new file mode 100644
index 0000000..f2f9d1e
--- /dev/null
+++ b/admin/server/apps/crm/tests.py
@@ -0,0 +1,50 @@
+from django.test import TestCase
+from rest_framework.test import APIClient
+from django.urls import reverse
+from .models import Student, Teacher, Project, Banner, StudentCoupon, StudentShowcase, StudentProject
+from django.utils import timezone
+from datetime import timedelta
+
+
+class DashboardStatsViewTests(TestCase):
+    def setUp(self):
+        # Create minimal data
+        self.student = Student.objects.create(name='测试学员')
+        self.teacher = Teacher.objects.create(name='机构A')
+        Project.objects.create(title='项目1', teacher=self.teacher, is_active=True)
+        Banner.objects.create(image='http://example.com/a.png', is_active=True)
+        StudentShowcase.objects.create(title='展示1', cover_image='http://example.com/c.png', is_active=True)
+        # 优惠券在具体用例中创建
+
+    def test_requires_authentication(self):
+        client = APIClient()
+        url = '/api/dashboard/stats/'
+        resp = client.get(url)
+        self.assertEqual(resp.status_code, 401)
+
+    def test_returns_basic_stats_with_auth(self):
+        # Create valid coupon and assignment
+        from .models import Coupon
+        coupon = Coupon.objects.create(title='C1', amount='10', unit='元', desc='D', expiry=timezone.now().date())
+        StudentCoupon.objects.create(student=self.student, coupon=coupon)
+
+        # Enrollment for trends
+        StudentProject.objects.create(student=self.student, project=Project.objects.first())
+
+        client = APIClient()
+        token = f"mock_token_{self.student.id}"
+        resp = client.get('/api/dashboard/stats/', HTTP_AUTHORIZATION=f'Bearer {token}')
+        self.assertEqual(resp.status_code, 200)
+        data = resp.json()
+        # Panel data checks
+        self.assertIn('panel_data', data)
+        panel = data['panel_data']
+        for key in ['students', 'organizations', 'projects', 'projects_active', 'coupons', 'banners_active', 'showcases_active']:
+            self.assertIn(key, panel)
+        # Charts existence
+        self.assertIn('pie_chart_data', data)
+        self.assertIn('coupon_pie_chart_data', data)
+        self.assertIn('bar_chart_data', data)
+        self.assertIn('line_chart_data', data)
+
+# Create your tests here.
diff --git a/admin/server/apps/crm/urls.py b/admin/server/apps/crm/urls.py
new file mode 100644
index 0000000..9f8aedf
--- /dev/null
+++ b/admin/server/apps/crm/urls.py
@@ -0,0 +1,28 @@
+from django.urls import path, include
+from rest_framework.routers import DefaultRouter
+from .views import CategoryViewSet, TeacherViewSet, TeachingCenterViewSet, ProjectViewSet, CouponViewSet, BannerViewSet, StudentViewSet, StudentCouponViewSet, StudentProjectViewSet, StudentHonorViewSet, StudentShowcaseViewSet, UserProfileView, UserCouponsView, UserProjectsView, UserHonorsView, LoginView, UserPhoneView, DashboardStatsView, AvailableCouponsView
+
+router = DefaultRouter()
+router.register(r'categories', CategoryViewSet)
+router.register(r'teachers', TeacherViewSet)
+router.register(r'teaching-centers', TeachingCenterViewSet)
+router.register(r'projects', ProjectViewSet)
+router.register(r'coupons', CouponViewSet)
+router.register(r'banners', BannerViewSet)
+router.register(r'students', StudentViewSet)
+router.register(r'student-coupons', StudentCouponViewSet)
+router.register(r'student-projects', StudentProjectViewSet)
+router.register(r'student-honors', StudentHonorViewSet)
+router.register(r'student-showcases', StudentShowcaseViewSet)
+
+urlpatterns = [
+    path('', include(router.urls)),
+    path('auth/login/', LoginView.as_view()),
+    path('dashboard/stats/', DashboardStatsView.as_view()),
+    path('user/', UserProfileView.as_view()),
+    path('user/phone/', UserPhoneView.as_view()),
+    path('user-coupons/', UserCouponsView.as_view()),
+    path('available-coupons/', AvailableCouponsView.as_view()),
+    path('user-projects/', UserProjectsView.as_view()),
+    path('user-honors/', UserHonorsView.as_view()),
+]
diff --git a/admin/server/apps/crm/views.py b/admin/server/apps/crm/views.py
new file mode 100644
index 0000000..68a9200
--- /dev/null
+++ b/admin/server/apps/crm/views.py
@@ -0,0 +1,677 @@
+from rest_framework import viewsets, serializers
+from rest_framework import status
+from rest_framework.decorators import action
+from rest_framework.views import APIView
+from rest_framework.response import Response
+from rest_framework.permissions import AllowAny, IsAuthenticatedOrReadOnly, IsAuthenticated
+from .models import Category, Teacher, TeachingCenter, Project, Coupon, Banner, Student, StudentCoupon, StudentProject, StudentHonor, StudentShowcase
+from .serializers import CategorySerializer, TeacherSerializer, TeachingCenterSerializer, ProjectSerializer, CouponSerializer, BannerSerializer, StudentSerializer, StudentCouponSerializer, StudentProjectSerializer, StudentHonorSerializer, StudentShowcaseSerializer
+import requests
+from django.db.models import Count, F
+from django.utils import timezone
+from datetime import timedelta, datetime
+
+class LoginView(APIView):
+    permission_classes = [AllowAny]
+    authentication_classes = []
+    
+    def post(self, request):
+        code = request.data.get('code')
+        if not code:
+            return Response({'error': 'Code is required'}, status=status.HTTP_400_BAD_REQUEST)
+            
+        # Try to get real OpenID from WeChat API
+        from django.conf import settings
+        app_id = getattr(settings, 'WECHAT_APP_ID', None)
+        app_secret = getattr(settings, 'WECHAT_APP_SECRET', None)
+        
+        openid = None
+        
+        if app_id and app_secret:
+            try:
+                # Exchange code for session_key and openid
+                url = f"https://api.weixin.qq.com/sns/jscode2session?appid={app_id}&secret={app_secret}&js_code={code}&grant_type=authorization_code"
+                res = requests.get(url, timeout=5)
+                data = res.json()
+                
+                if 'openid' in data:
+                    openid = data['openid']
+                    # We could also store session_key if needed
+                else:
+                    print(f"WeChat Login Error: {data}")
+            except Exception as e:
+                print(f"WeChat Login Exception: {e}")
+        
+        # Fallback to mock if real login failed or not configured
+        if not openid:
+            # Mock OpenID based on code (or random if code is generic)
+            # Use code as a seed for consistent mock OpenID if possible, or just use it directly
+            # In a real scenario, code is one-time use, so we can't rely on it being consistent for the same user across logins 
+            # unless we actually call WeChat API.
+            # For dev/mock purposes, let's assume 'mock_devtools' or similar fixed code means same user.
+            if code == 'mock_devtools':
+                 openid = "mock_openid_devtools_user"
+            else:
+                 # If we have AppID but failed to get OpenID, it might be an invalid code.
+                 # But to keep development smooth if API fails, we fallback.
+                 # To fix "new user every time" in dev without API access, we use a fixed mock ID
+                 # IF we are in DEBUG mode.
+                 if settings.DEBUG and not (app_id and app_secret):
+                     openid = "mock_openid_fixed_dev_user" 
+                 else:
+                     # If we have credentials but failed, or if we want distinct users per code:
+                     openid = f"mock_openid_{code}"
+        
+        # Check if we already have a student with this openid
+        student, created = Student.objects.get_or_create(
+            openid=openid,
+            defaults={
+                'name': '微信用户',
+                'wechat_nickname': '微信用户',
+                'avatar': 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0'
+            }
+        )
+        
+        # Ensure openid is saved if it was missing (e.g. if user was created via other means or if we just want to be sure)
+        if not student.openid:
+            student.openid = openid
+            student.save(update_fields=['openid'])
+        
+        serializer = StudentSerializer(student)
+        return Response({
+            'token': f"mock_token_{student.id}", # Mock token
+            'user': serializer.data,
+            'is_new_user': created
+        })
+
+class UserPhoneView(APIView):
+    permission_classes = [AllowAny]
+    authentication_classes = []
+    
+    def post(self, request):
+        code = request.data.get('code')
+        if not code:
+            return Response({'error': 'Code is required'}, status=status.HTTP_400_BAD_REQUEST)
+            
+        # Default mock phone number for dev
+        phone = "13800138000"
+
+        # Try real implementation if configured in settings
+        # Add WECHAT_APP_ID and WECHAT_APP_SECRET to your settings.py or local_settings.py
+        from django.conf import settings
+        app_id = getattr(settings, 'WECHAT_APP_ID', None)
+        app_secret = getattr(settings, 'WECHAT_APP_SECRET', None)
+
+        if app_id and app_secret:
+            try:
+                # 1. Get Access Token
+                token_url = f"https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid={app_id}&secret={app_secret}"
+                token_res = requests.get(token_url, timeout=5).json()
+                access_token = token_res.get('access_token')
+                
+                if access_token:
+                    # 2. Get Phone Number
+                    # Note: The code from getPhoneNumber is valid for 5 mins and one-time use
+                    phone_url = f"https://api.weixin.qq.com/wxa/business/getuserphonenumber?access_token={access_token}"
+                    phone_res = requests.post(phone_url, json={"code": code}, timeout=5).json()
+                    
+                    if phone_res.get('errcode') == 0:
+                        phone_info = phone_res.get('phone_info')
+                        phone = phone_info.get('phoneNumber')
+                    else:
+                        print(f"WeChat Phone API Error: {phone_res}")
+                else:
+                    print(f"WeChat Token API Error: {token_res}")
+            except Exception as e:
+                print(f"WeChat API Exception: {e}")
+        
+        # Identify student
+        student = None
+        auth = request.headers.get('Authorization')
+        if auth and 'Bearer' in auth:
+            try:
+                # Extract ID from mock_token_{id}
+                token_str = auth.split(' ')[1]
+                if token_str.startswith('mock_token_'):
+                    student_id = int(token_str.split('_')[-1])
+                    student = Student.objects.get(id=student_id)
+            except Exception as e:
+                print(f"Token parse error: {e}")
+                pass
+        
+        if not student:
+            student = Student.objects.first()
+            
+        if student:
+            student.phone = phone
+            # Also ensure openid is set if not present (mock behavior)
+            if not student.openid:
+                student.openid = f"mock_openid_phone_{phone}"
+            student.save()
+
+            # 自动激活/发放注册优惠券
+            
+        return Response({'phone': phone})
+
+class DashboardStatsView(APIView):
+    """
+    API for Dashboard Statistics
+    """
+    permission_classes = [AllowAny]
+
+    def get(self, request):
+        # Query params
+        try:
+            range_days = int(request.query_params.get('range', '14'))
+            if range_days < 7:
+                range_days = 7
+            if range_days > 30:
+                range_days = 30
+        except Exception:
+            range_days = 14
+        dimension = request.query_params.get('dimension', 'organization')
+        # 1. Panel Counts
+        student_count = Student.objects.count()
+        organizations_count = Teacher.objects.count()
+        project_count = Project.objects.count()
+        # Count assigned coupons (StudentCoupon)
+        issued_coupon_count = StudentCoupon.objects.count()
+        # Active resources
+        active_banner_count = Banner.objects.filter(is_active=True).count()
+        active_showcase_count = StudentShowcase.objects.filter(is_active=True).count()
+        active_project_count = Project.objects.filter(is_active=True).count()
+
+        # 2. Pie Chart: Project Types Distribution
+        # Group by project_type
+        project_types_data = Project.objects.values('project_type').annotate(count=Count('id'))
+        
+        # Map type codes to display names
+        type_mapping = dict(Project.PROJECT_TYPE_CHOICES)
+        pie_chart_data = []
+        for item in project_types_data:
+            type_code = item['project_type']
+            name = type_mapping.get(type_code, type_code)
+            pie_chart_data.append({
+                'type': type_code,
+                'name': name,
+                'value': item['count']
+            })
+        
+        # If empty, provide some defaults to avoid empty chart
+        if not pie_chart_data:
+            pie_chart_data = [
+                {'name': '小主持语言培训', 'value': 0},
+                {'name': '赛事管理', 'value': 0},
+                {'name': '考级管理', 'value': 0}
+            ]
+
+        # 3. Bar Chart: Popular dimension (organization/project)
+        if dimension == 'project':
+            popular_projects = Project.objects.annotate(enroll_num=Count('enrollments')).order_by('-enroll_num')[:7]
+            bar_names = [p.title for p in popular_projects]
+            bar_counts = [p.enroll_num for p in popular_projects]
+            bar_title = '热门项目'
+        else:
+            popular_organizations = Teacher.objects.annotate(student_num=Count('students')).order_by('-student_num')[:7]
+            bar_names = [t.name for t in popular_organizations]
+            bar_counts = [t.student_num for t in popular_organizations]
+            bar_title = '热门机构'
+
+        # 4. Line Chart: 14-Day Trends
+        today = timezone.now().date()
+        days = [today - timedelta(days=i) for i in range(range_days - 1, -1, -1)]
+
+        def daily_counts(model, date_field):
+            counts = []
+            for d in days:
+                start = timezone.make_aware(datetime.combine(d, datetime.min.time()))
+                end = timezone.make_aware(datetime.combine(d, datetime.max.time()))
+                counts.append(model.objects.filter(**{f"{date_field}__range": (start, end)}).count())
+            return counts
+
+        student_daily = daily_counts(Student, 'created_at')
+        enroll_daily = daily_counts(StudentProject, 'enrolled_at')
+        coupon_assign_daily = daily_counts(StudentCoupon, 'assigned_at')
+        x_axis = [d.strftime('%m-%d') for d in days]
+
+        line_chart_data = {
+            'students': {
+                'expectedData': student_daily,
+                'actualData': student_daily,
+                'xAxis': x_axis
+            },
+            'organizations': {
+                'expectedData': [organizations_count] * len(days),
+                'actualData': [organizations_count] * len(days),
+                'xAxis': x_axis
+            },
+            'projects': {
+                'expectedData': enroll_daily,
+                'actualData': enroll_daily,
+                'xAxis': x_axis
+            },
+            'coupons': {
+                 'expectedData': coupon_assign_daily,
+                 'actualData': coupon_assign_daily,
+                 'xAxis': x_axis
+            }
+        }
+
+        # 5. Coupon Status Pie Chart
+        coupon_status_counts = StudentCoupon.objects.values('status').annotate(count=Count('id'))
+        status_mapping = dict(StudentCoupon.STATUS_CHOICES)
+        coupon_pie_chart_data = [
+            {'status': item['status'], 'name': status_mapping.get(item['status'], item['status']), 'value': item['count']}
+            for item in coupon_status_counts
+        ]
+
+        return Response({
+            'panel_data': {
+                'students': student_count,
+                'organizations': organizations_count,
+                'projects': project_count,
+                'projects_active': active_project_count,
+                'coupons': issued_coupon_count,
+                'banners_active': active_banner_count,
+                'showcases_active': active_showcase_count
+            },
+            'pie_chart_data': pie_chart_data,
+            'coupon_pie_chart_data': coupon_pie_chart_data,
+            'bar_chart_data': {
+                'title': bar_title,
+                'names': bar_names,
+                'counts': bar_counts
+            },
+            'line_chart_data': line_chart_data
+        })
+
+class CategoryViewSet(viewsets.ModelViewSet):
+    queryset = Category.objects.all()
+    serializer_class = CategorySerializer
+    permission_classes = [AllowAny]
+    pagination_class = None  # Return all categories without pagination for the app
+    search_fields = ['name']
+
+class TeacherViewSet(viewsets.ModelViewSet):
+    queryset = Teacher.objects.all()
+    serializer_class = TeacherSerializer
+    permission_classes = [IsAuthenticatedOrReadOnly]
+    pagination_class = None # Usually few teachers, return all for selects
+    search_fields = ['name', 'phone']
+
+class TeachingCenterViewSet(viewsets.ModelViewSet):
+    queryset = TeachingCenter.objects.all()
+    serializer_class = TeachingCenterSerializer
+    permission_classes = [IsAuthenticatedOrReadOnly]
+    pagination_class = None
+    search_fields = ['name', 'phone']
+
+class ProjectViewSet(viewsets.ModelViewSet):
+    # queryset = Project.objects.select_related('category').all()
+    queryset = Project.objects.select_related('teacher').all()
+    serializer_class = ProjectSerializer
+    permission_classes = [IsAuthenticatedOrReadOnly]
+    # search_fields = ['title', 'category__name']
+    search_fields = ['title', 'teacher__name']
+    # filterset_fields = ['category', 'project_type']
+    filterset_fields = ['teacher', 'project_type']
+    ordering_fields = ['sort_order', 'is_top', 'created_at', 'students', 'price']
+    ordering = ['-is_top', 'sort_order', '-created_at']
+
+    def get_queryset(self):
+        queryset = super().get_queryset()
+        # Admin users (staff) can see all projects
+        if self.request.user.is_staff:
+            return queryset
+        # Public/Students can only see active projects
+        return queryset.filter(is_active=True)
+
+class CouponViewSet(viewsets.ModelViewSet):
+    queryset = Coupon.objects.all()
+    serializer_class = CouponSerializer
+    permission_classes = [IsAuthenticatedOrReadOnly]
+    search_fields = ['title']
+    filterset_fields = ['status']
+
+    @action(detail=True, methods=['post'], url_path='distribute')
+    def distribute(self, request, pk=None):
+        coupon = self.get_object()
+        student_ids = request.data.get('student_ids', [])
+        if not student_ids:
+            return Response({'error': '未选择学员'}, status=status.HTTP_400_BAD_REQUEST)
+            
+        if coupon.status == 'expired':
+            return Response({'error': '该优惠券已过期'}, status=status.HTTP_400_BAD_REQUEST)
+            
+        students = Student.objects.filter(id__in=student_ids)
+        created_count = 0
+        for student in students:
+            StudentCoupon.objects.create(
+                student=student,
+                coupon=coupon,
+                status='assigned'
+            )
+            created_count += 1
+            
+        return Response({'message': f'成功分发给 {created_count} 位学员'}, status=status.HTTP_200_OK)
+
+class BannerViewSet(viewsets.ModelViewSet):
+    queryset = Banner.objects.all()
+    serializer_class = BannerSerializer
+    permission_classes = [IsAuthenticatedOrReadOnly]
+
+class StudentViewSet(viewsets.ModelViewSet):
+    queryset = Student.objects.prefetch_related('enrollments__project').all()
+    serializer_class = StudentSerializer
+    permission_classes = [IsAuthenticated]
+    search_fields = ['name', 'phone']
+
+    def destroy(self, request, *args, **kwargs):
+        instance = self.get_object()
+        self.perform_destroy(instance)
+        return Response(status=status.HTTP_200_OK)
+
+    @action(detail=True, methods=['post'], url_path='assign_coupon')
+    def assign_coupon(self, request, pk=None):
+        student = self.get_object()
+        coupon_id = request.data.get('coupon_id')
+        if not coupon_id:
+            return Response({'error': '未提供优惠券ID'}, status=status.HTTP_400_BAD_REQUEST)
+        
+        try:
+            coupon = Coupon.objects.get(id=coupon_id)
+        except Coupon.DoesNotExist:
+            return Response({'error': '优惠券不存在'}, status=status.HTTP_404_NOT_FOUND)
+            
+        if coupon.status == 'expired':
+             return Response({'error': '该优惠券已过期'}, status=status.HTTP_400_BAD_REQUEST)
+
+        # Create assignment
+        assignment = StudentCoupon.objects.create(
+            student=student,
+            coupon=coupon,
+            status='assigned'
+        )
+        
+        return Response(StudentCouponSerializer(assignment).data, status=status.HTTP_201_CREATED)
+
+    @action(detail=False, methods=['delete'], url_path='clear')
+    def clear(self, request):
+        Student.objects.all().delete()
+        return Response(status=status.HTTP_204_NO_CONTENT)
+
+class StudentCouponViewSet(viewsets.ModelViewSet):
+    queryset = StudentCoupon.objects.all()
+    serializer_class = StudentCouponSerializer
+    permission_classes = [IsAuthenticated]
+    filterset_fields = ['student', 'status']
+
+    def perform_update(self, serializer):
+        instance = serializer.instance
+        # Check if status is being changed to 'used'
+        new_status = serializer.validated_data.get('status')
+        if new_status == 'used' and instance.status != 'used':
+            serializer.save(used_at=timezone.now())
+        else:
+            serializer.save()
+
+    def destroy(self, request, *args, **kwargs):
+        instance = self.get_object()
+        self.perform_destroy(instance)
+        return Response(status=status.HTTP_200_OK)
+
+from django.db import transaction
+
+class StudentProjectViewSet(viewsets.ModelViewSet):
+    queryset = StudentProject.objects.all()
+    serializer_class = StudentProjectSerializer
+    permission_classes = [IsAuthenticatedOrReadOnly]
+    filterset_fields = ['student', 'status', 'project']
+
+    @transaction.atomic
+    def create(self, request, *args, **kwargs):
+        # 1. Check for re-enrollment (Friendly Error)
+        student_id = request.data.get('student')
+        project_id = request.data.get('project')
+        
+        if student_id and project_id:
+            if StudentProject.objects.filter(student_id=student_id, project_id=project_id).exists():
+                return Response(
+                    {'detail': '您已报名该项目，请勿重复报名'}, 
+                    status=status.HTTP_400_BAD_REQUEST
+                )
+
+        # 2. Create Enrollment
+        serializer = self.get_serializer(data=request.data)
+        serializer.is_valid(raise_exception=True)
+        self.perform_create(serializer)
+        headers = self.get_success_headers(serializer.data)
+
+        # Increment project student count
+        Project.objects.filter(id=project_id).update(students=F('students') + 1)
+
+        # 3. Handle Coupon Redemption
+        coupon_id = request.data.get('coupon_id')
+        if coupon_id:
+            try:
+                # Lock the coupon row to prevent race conditions
+                # Use filter to be safe against MultipleObjectsReturned (though id should be unique)
+                scs = StudentCoupon.objects.select_for_update().filter(id=coupon_id, student_id=student_id)
+                if not scs.exists():
+                    raise serializers.ValidationError({'coupon_id': '优惠券不存在'})
+                
+                # Take the first one if multiple exist (defensive programming)
+                sc = scs.first()
+                
+                if sc.status != 'assigned':
+                    # Rollback if coupon is invalid
+                    raise serializers.ValidationError({'coupon_id': '该优惠券不可用'})
+                
+                sc.status = 'used'
+                sc.used_at = timezone.now()
+                sc.save()
+                
+            except Exception as e:
+                 if isinstance(e, serializers.ValidationError):
+                     raise e
+                 print(f"Coupon redemption error: {e}")
+                 raise serializers.ValidationError({'coupon_id': '优惠券处理失败'})
+
+        return Response(serializer.data, status=status.HTTP_201_CREATED, headers=headers)
+
+    def perform_destroy(self, instance):
+        project_id = instance.project_id
+        super().perform_destroy(instance)
+        # Decrement project student count
+        Project.objects.filter(id=project_id).update(students=F('students') - 1)
+
+class StudentHonorViewSet(viewsets.ModelViewSet):
+    queryset = StudentHonor.objects.all()
+    serializer_class = StudentHonorSerializer
+    permission_classes = [IsAuthenticatedOrReadOnly]
+    filterset_fields = ['student']
+
+class StudentShowcaseViewSet(viewsets.ModelViewSet):
+    queryset = StudentShowcase.objects.all()
+    serializer_class = StudentShowcaseSerializer
+    permission_classes = [IsAuthenticatedOrReadOnly]
+    filterset_fields = ['student']
+
+    def get_queryset(self):
+        queryset = super().get_queryset()
+        # Admin users (staff) can see all showcases
+        if self.request.user.is_staff:
+            return queryset
+        # Public/Students can only see active showcases
+        # Check if specific query param 'is_active' is passed, or default to active only for public
+        # Actually, standard behavior: filter active=True for public
+        return queryset.filter(is_active=True)
+
+class UserProfileView(APIView):
+    permission_classes = [AllowAny]
+    authentication_classes = []
+    
+    def get_student_from_token(self, request):
+        from .models import Student
+        student = None
+        auth = request.headers.get('Authorization')
+        if auth and 'Bearer' in auth:
+            try:
+                token_str = auth.split(' ')[1]
+                if token_str.startswith('mock_token_'):
+                    student_id = int(token_str.split('_')[-1])
+                    student = Student.objects.get(id=student_id)
+            except Exception:
+                pass
+        return student
+
+    def get(self, request):
+        student = self.get_student_from_token(request)
+        if not student:
+             return Response({'error': 'Not authenticated'}, status=status.HTTP_401_UNAUTHORIZED)
+             
+        serializer = StudentSerializer(student)
+        return Response(serializer.data)
+    
+    def post(self, request):
+        student = self.get_student_from_token(request)
+        if not student:
+             return Response({'error': 'Not authenticated'}, status=status.HTTP_401_UNAUTHORIZED)
+
+        payload = request.data or {}
+        fields = ['name', 'phone', 'age', 'company_name', 'position', 'address', 'wechat_nickname', 'avatar']
+        for f in fields:
+            if f in payload:
+                setattr(student, f, payload.get(f))
+        
+        # Ensure OpenID is preserved or set if missing
+        if not student.openid and 'openid' in payload:
+            student.openid = payload['openid']
+
+        student.save()
+        return Response(StudentSerializer(student).data)
+        
+class UserCouponsView(APIView):
+    permission_classes = [AllowAny]
+    
+    def get_student_from_token(self, request):
+        from .models import Student
+        student = None
+        auth = request.headers.get('Authorization')
+        if auth and 'Bearer' in auth:
+            try:
+                token_str = auth.split(' ')[1]
+                if token_str.startswith('mock_token_'):
+                    student_id = int(token_str.split('_')[-1])
+                    student = Student.objects.get(id=student_id)
+            except Exception:
+                pass
+        return student
+
+    def get(self, request):
+        student = self.get_student_from_token(request)
+        if not student:
+            return Response([])
+            
+        coupons = StudentCoupon.objects.filter(student=student).exclude(status='revoked')
+        serializer = StudentCouponSerializer(coupons, many=True)
+        return Response(serializer.data)
+
+    def post(self, request):
+        student = self.get_student_from_token(request)
+        if not student:
+            return Response({'error': '请先登录'}, status=status.HTTP_401_UNAUTHORIZED)
+        
+        coupon_id = request.data.get('coupon_id')
+        if not coupon_id:
+             return Response({'error': '参数错误'}, status=status.HTTP_400_BAD_REQUEST)
+
+        try:
+            coupon = Coupon.objects.get(id=coupon_id)
+        except Coupon.DoesNotExist:
+            return Response({'error': '优惠券不存在'}, status=status.HTTP_404_NOT_FOUND)
+
+        # Check availability
+        if coupon.status != 'available':
+             return Response({'error': '优惠券不可领取'}, status=status.HTTP_400_BAD_REQUEST)
+        
+        if coupon.expiry < timezone.now().date():
+             return Response({'error': '优惠券已过期'}, status=status.HTTP_400_BAD_REQUEST)
+
+        # Check if already claimed
+        if StudentCoupon.objects.filter(student=student, coupon=coupon).exists():
+             return Response({'error': '您已领取过该优惠券'}, status=status.HTTP_400_BAD_REQUEST)
+
+        # Claim
+        StudentCoupon.objects.create(
+            student=student,
+            coupon=coupon,
+            status='assigned'
+        )
+        
+        return Response({'message': '领取成功'}, status=status.HTTP_201_CREATED)
+
+class AvailableCouponsView(APIView):
+    permission_classes = [AllowAny]
+
+    def get(self, request):
+        # Get all available coupons with issue_type='project' (publicly visible)
+        # Also check expiry
+        today = timezone.now().date()
+        coupons = Coupon.objects.filter(
+            status='available',
+            expiry__gte=today,
+            issue_type='project'
+        )
+        serializer = CouponSerializer(coupons, many=True)
+        return Response(serializer.data)
+
+class UserProjectsView(APIView):
+    permission_classes = [AllowAny]
+    
+    def get_student_from_token(self, request):
+        from .models import Student
+        student = None
+        auth = request.headers.get('Authorization')
+        if auth and 'Bearer' in auth:
+            try:
+                token_str = auth.split(' ')[1]
+                if token_str.startswith('mock_token_'):
+                    student_id = int(token_str.split('_')[-1])
+                    student = Student.objects.get(id=student_id)
+            except Exception:
+                pass
+        return student
+
+    def get(self, request):
+        student = self.get_student_from_token(request)
+        if not student:
+            return Response([])
+        projects = StudentProject.objects.filter(student=student)
+        serializer = StudentProjectSerializer(projects, many=True)
+        return Response(serializer.data)
+
+class UserHonorsView(APIView):
+    permission_classes = [AllowAny]
+    
+    def get_student_from_token(self, request):
+        from .models import Student
+        student = None
+        auth = request.headers.get('Authorization')
+        if auth and 'Bearer' in auth:
+            try:
+                token_str = auth.split(' ')[1]
+                if token_str.startswith('mock_token_'):
+                    student_id = int(token_str.split('_')[-1])
+                    student = Student.objects.get(id=student_id)
+            except Exception:
+                pass
+        return student
+
+    def get(self, request):
+        student = self.get_student_from_token(request)
+        if not student:
+            return Response([])
+        honors = StudentHonor.objects.filter(student=student)
+        serializer = StudentHonorSerializer(honors, many=True)
+        return Response(serializer.data)
diff --git a/admin/server/apps/monitor/__init__.py b/admin/server/apps/monitor/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/admin/server/apps/monitor/admin.py b/admin/server/apps/monitor/admin.py
new file mode 100644
index 0000000..8c38f3f
--- /dev/null
+++ b/admin/server/apps/monitor/admin.py
@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.
diff --git a/admin/server/apps/monitor/apps.py b/admin/server/apps/monitor/apps.py
new file mode 100644
index 0000000..e49ebca
--- /dev/null
+++ b/admin/server/apps/monitor/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class MonitorConfig(AppConfig):
+    name = 'apps.monitor'
+    verbose_name = '系统监控'
diff --git a/admin/server/apps/monitor/middleware.py b/admin/server/apps/monitor/middleware.py
new file mode 100644
index 0000000..038a432
--- /dev/null
+++ b/admin/server/apps/monitor/middleware.py
@@ -0,0 +1 @@
+from django.utils.deprecation import MiddlewareMixin
diff --git a/admin/server/apps/monitor/migrations/__init__.py b/admin/server/apps/monitor/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/admin/server/apps/monitor/models.py b/admin/server/apps/monitor/models.py
new file mode 100644
index 0000000..71a8362
--- /dev/null
+++ b/admin/server/apps/monitor/models.py
@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.
diff --git a/admin/server/apps/monitor/tests.py b/admin/server/apps/monitor/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/admin/server/apps/monitor/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/admin/server/apps/monitor/urls.py b/admin/server/apps/monitor/urls.py
new file mode 100644
index 0000000..73ae248
--- /dev/null
+++ b/admin/server/apps/monitor/urls.py
@@ -0,0 +1,10 @@
+from django.urls import path, include
+from rest_framework import routers
+from .views import ServerInfoView, LogView, LogDetailView
+
+
+urlpatterns = [
+    path('log/', LogView.as_view()),
+    path('log/<str:name>/', LogDetailView.as_view()),
+    path('server/', ServerInfoView.as_view()),
+]
diff --git a/admin/server/apps/monitor/views.py b/admin/server/apps/monitor/views.py
new file mode 100644
index 0000000..3a0cbca
--- /dev/null
+++ b/admin/server/apps/monitor/views.py
@@ -0,0 +1,93 @@
+from django.shortcuts import render
+import psutil
+from rest_framework.response import Response
+from rest_framework.views import APIView
+from rest_framework.permissions import IsAuthenticated
+from rest_framework.viewsets import ViewSet
+from django.conf import settings
+import os
+from rest_framework import serializers, status
+from drf_yasg import openapi
+from drf_yasg.utils import swagger_auto_schema
+# Create your views here.
+
+class ServerInfoView(APIView):
+    """
+    获取服务器状态信息
+    """
+    permission_classes = [IsAuthenticated]
+    def get(self, request, *args, **kwargs):
+        ret={'cpu':{}, 'memory':{}, 'disk':{}}
+        ret['cpu']['count'] = psutil.cpu_count()
+        ret['cpu']['lcount'] = psutil.cpu_count(logical=False)
+        ret['cpu']['percent'] = psutil.cpu_percent(interval=1)
+        memory = psutil.virtual_memory()
+        ret['memory']['total'] = round(memory.total/1024/1024/1024,2)
+        ret['memory']['used'] = round(memory.used/1024/1024/1024,2)
+        ret['memory']['percent'] = memory.percent
+        disk = psutil.disk_usage('/')
+        ret['disk']['total'] = round(disk.total/1024/1024/1024,2)
+        ret['disk']['used'] = round(disk.used/1024/1024/1024,2)
+        ret['disk']['percent'] = disk.percent
+        return Response(ret)
+
+def get_file_list(file_path):
+    dir_list = os.listdir(file_path)
+    if not dir_list:
+        return
+    else:
+        # 注意，这里使用lambda表达式，将文件按照最后修改时间顺序升序排列
+        # os.path.getmtime() 函数是获取文件最后修改时间
+        # os.path.getctime() 函数是获取文件最后创建时间
+        dir_list = sorted(dir_list,key=lambda x: os.path.getmtime(os.path.join(file_path, x)), reverse=True)
+        # print(dir_list)
+        return dir_list
+        
+class LogView(APIView):
+    
+    @swagger_auto_schema(manual_parameters=[
+        openapi.Parameter('name', openapi.IN_QUERY, description='日志文件名', type=openapi.TYPE_STRING)
+    ])
+    def get(self, request, *args, **kwargs):
+        """
+        查看最近的日志列表
+        :query name
+        """
+        logs =[]
+        name = request.GET.get('name', None)
+        # for root, dirs, files in os.walk(settings.LOG_PATH):
+        #     files.reverse()
+        for file in get_file_list(settings.LOG_PATH):
+            if len(logs)>50:break
+            filepath = os.path.join(settings.LOG_PATH, file)
+            if name:
+                if name in filepath:
+                    fsize = os.path.getsize(filepath)
+                    if fsize:
+                            logs.append({
+                                "name":file,
+                                "filepath":filepath,
+                                "size":round(fsize/1000,1)
+                            })
+            else:
+                fsize = os.path.getsize(filepath)
+                if fsize:
+                        logs.append({
+                            "name":file,
+                            "filepath":filepath,
+                            "size":round(fsize/1000,1)
+                        })
+        return Response(logs)
+    
+class LogDetailView(APIView):
+
+    def get(self, request, name):
+        """
+        查看日志详情
+        """
+        try:
+            with open(os.path.join(settings.LOG_PATH, name)) as f:
+                data = f.read()
+            return Response(data)
+        except:
+            return Response('未找到', status=status.HTTP_404_NOT_FOUND)
\ No newline at end of file
diff --git a/admin/server/apps/system/__init__.py b/admin/server/apps/system/__init__.py
new file mode 100644
index 0000000..f5317b9
--- /dev/null
+++ b/admin/server/apps/system/__init__.py
@@ -0,0 +1 @@
+default_app_config = 'apps.system.apps.SystemConfig'
\ No newline at end of file
diff --git a/admin/server/apps/system/admin.py b/admin/server/apps/system/admin.py
new file mode 100644
index 0000000..e47b0d7
--- /dev/null
+++ b/admin/server/apps/system/admin.py
@@ -0,0 +1,11 @@
+from django.contrib import admin
+from simple_history.admin import SimpleHistoryAdmin
+from .models import User, Organization, Role, Permission, DictType, Dict, File
+# Register your models here.
+admin.site.register(User)
+admin.site.register(Organization)
+admin.site.register(Role)
+admin.site.register(Permission)
+admin.site.register(DictType)
+admin.site.register(Dict, SimpleHistoryAdmin)
+admin.site.register(File)
\ No newline at end of file
diff --git a/admin/server/apps/system/apps.py b/admin/server/apps/system/apps.py
new file mode 100644
index 0000000..dfd43d1
--- /dev/null
+++ b/admin/server/apps/system/apps.py
@@ -0,0 +1,9 @@
+from django.apps import AppConfig
+
+
+class SystemConfig(AppConfig):
+    name = 'apps.system'
+    verbose_name = '系统管理'
+
+    def ready(self):
+        import apps.system.signals
\ No newline at end of file
diff --git a/admin/server/apps/system/authentication.py b/admin/server/apps/system/authentication.py
new file mode 100644
index 0000000..3c85943
--- /dev/null
+++ b/admin/server/apps/system/authentication.py
@@ -0,0 +1,23 @@
+from django.contrib.auth.backends import ModelBackend
+from django.db.models import Q
+from django.contrib.auth import get_user_model
+
+UserModel = get_user_model()
+
+
+class CustomBackend(ModelBackend):
+    def authenticate(self, request, username=None, password=None, **kwargs):
+        if username is None:
+            username = kwargs.get(UserModel.USERNAME_FIELD)
+        if username is None or password is None:
+            return
+        try:
+            user = UserModel._default_manager.get(
+                Q(username=username) | Q(phone=username) | Q(email=username))
+        except UserModel.DoesNotExist:
+            # Run the default password hasher once to reduce the timing
+            # difference between an existing and a nonexistent user (#20760).
+            UserModel().set_password(password)
+        else:
+            if user.check_password(password) and self.user_can_authenticate(user):
+                return user
diff --git a/admin/server/apps/system/filters.py b/admin/server/apps/system/filters.py
new file mode 100644
index 0000000..4199790
--- /dev/null
+++ b/admin/server/apps/system/filters.py
@@ -0,0 +1,11 @@
+from django_filters import rest_framework as filters
+from .models import User
+
+
+class UserFilter(filters.FilterSet):
+    class Meta:
+        model = User
+        fields = {
+            'name': ['exact', 'contains'],
+            'is_active': ['exact'],
+        }
diff --git a/admin/server/apps/system/migrations/0001_initial.py b/admin/server/apps/system/migrations/0001_initial.py
new file mode 100644
index 0000000..a53a840
--- /dev/null
+++ b/admin/server/apps/system/migrations/0001_initial.py
@@ -0,0 +1,239 @@
+# Generated by Django 3.0.7 on 2021-02-27 14:29
+
+from django.conf import settings
+import django.contrib.auth.models
+import django.contrib.auth.validators
+from django.db import migrations, models
+import django.db.models.deletion
+import django.utils.timezone
+import simple_history.models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+        ('auth', '0011_update_proxy_permissions'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='User',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('password', models.CharField(max_length=128, verbose_name='password')),
+                ('last_login', models.DateTimeField(blank=True, null=True, verbose_name='last login')),
+                ('is_superuser', models.BooleanField(default=False, help_text='Designates that this user has all permissions without explicitly assigning them.', verbose_name='superuser status')),
+                ('username', models.CharField(error_messages={'unique': 'A user with that username already exists.'}, help_text='Required. 150 characters or fewer. Letters, digits and @/./+/-/_ only.', max_length=150, unique=True, validators=[django.contrib.auth.validators.UnicodeUsernameValidator()], verbose_name='username')),
+                ('first_name', models.CharField(blank=True, max_length=30, verbose_name='first name')),
+                ('last_name', models.CharField(blank=True, max_length=150, verbose_name='last name')),
+                ('email', models.EmailField(blank=True, max_length=254, verbose_name='email address')),
+                ('is_staff', models.BooleanField(default=False, help_text='Designates whether the user can log into this admin site.', verbose_name='staff status')),
+                ('is_active', models.BooleanField(default=True, help_text='Designates whether this user should be treated as active. Unselect this instead of deleting accounts.', verbose_name='active')),
+                ('date_joined', models.DateTimeField(default=django.utils.timezone.now, verbose_name='date joined')),
+                ('name', models.CharField(blank=True, max_length=20, null=True, verbose_name='姓名')),
+                ('phone', models.CharField(blank=True, max_length=11, null=True, unique=True, verbose_name='手机号')),
+                ('avatar', models.CharField(blank=True, default='/media/default/avatar.png', max_length=100, null=True, verbose_name='头像')),
+            ],
+            options={
+                'verbose_name': '用户信息',
+                'verbose_name_plural': '用户信息',
+                'ordering': ['id'],
+            },
+            managers=[
+                ('objects', django.contrib.auth.models.UserManager()),
+            ],
+        ),
+        migrations.CreateModel(
+            name='Dict',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('create_time', models.DateTimeField(default=django.utils.timezone.now, help_text='创建时间', verbose_name='创建时间')),
+                ('update_time', models.DateTimeField(auto_now=True, help_text='修改时间', verbose_name='修改时间')),
+                ('is_deleted', models.BooleanField(default=False, help_text='删除标记', verbose_name='删除标记')),
+                ('name', models.CharField(max_length=60, verbose_name='名称')),
+                ('code', models.CharField(blank=True, max_length=30, null=True, verbose_name='编号')),
+                ('description', models.TextField(blank=True, null=True, verbose_name='描述')),
+                ('sort', models.IntegerField(default=1, verbose_name='排序')),
+                ('is_used', models.BooleanField(default=True, verbose_name='是否有效')),
+                ('parent', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, to='system.Dict', verbose_name='父')),
+            ],
+            options={
+                'verbose_name': '字典',
+                'verbose_name_plural': '字典',
+            },
+        ),
+        migrations.CreateModel(
+            name='DictType',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('create_time', models.DateTimeField(default=django.utils.timezone.now, help_text='创建时间', verbose_name='创建时间')),
+                ('update_time', models.DateTimeField(auto_now=True, help_text='修改时间', verbose_name='修改时间')),
+                ('is_deleted', models.BooleanField(default=False, help_text='删除标记', verbose_name='删除标记')),
+                ('name', models.CharField(max_length=30, verbose_name='名称')),
+                ('code', models.CharField(max_length=30, unique=True, verbose_name='代号')),
+                ('parent', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, to='system.DictType', verbose_name='父')),
+            ],
+            options={
+                'verbose_name': '字典类型',
+                'verbose_name_plural': '字典类型',
+            },
+        ),
+        migrations.CreateModel(
+            name='Organization',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('create_time', models.DateTimeField(default=django.utils.timezone.now, help_text='创建时间', verbose_name='创建时间')),
+                ('update_time', models.DateTimeField(auto_now=True, help_text='修改时间', verbose_name='修改时间')),
+                ('is_deleted', models.BooleanField(default=False, help_text='删除标记', verbose_name='删除标记')),
+                ('name', models.CharField(max_length=60, verbose_name='名称')),
+                ('type', models.CharField(choices=[('公司', '公司'), ('部门', '部门')], default='部门', max_length=20, verbose_name='类型')),
+                ('parent', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, to='system.Organization', verbose_name='父')),
+            ],
+            options={
+                'verbose_name': '组织架构',
+                'verbose_name_plural': '组织架构',
+            },
+        ),
+        migrations.CreateModel(
+            name='Permission',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('create_time', models.DateTimeField(default=django.utils.timezone.now, help_text='创建时间', verbose_name='创建时间')),
+                ('update_time', models.DateTimeField(auto_now=True, help_text='修改时间', verbose_name='修改时间')),
+                ('is_deleted', models.BooleanField(default=False, help_text='删除标记', verbose_name='删除标记')),
+                ('name', models.CharField(max_length=30, verbose_name='名称')),
+                ('type', models.CharField(choices=[('目录', '目录'), ('菜单', '菜单'), ('接口', '接口')], default='接口', max_length=20, verbose_name='类型')),
+                ('is_frame', models.BooleanField(default=False, verbose_name='外部链接')),
+                ('sort', models.IntegerField(default=1, verbose_name='排序标记')),
+                ('method', models.CharField(blank=True, max_length=50, null=True, unique=True, verbose_name='方法/代号')),
+                ('parent', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, to='system.Permission', verbose_name='父')),
+            ],
+            options={
+                'verbose_name': '功能权限表',
+                'verbose_name_plural': '功能权限表',
+                'ordering': ['sort'],
+            },
+        ),
+        migrations.CreateModel(
+            name='Position',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('create_time', models.DateTimeField(default=django.utils.timezone.now, help_text='创建时间', verbose_name='创建时间')),
+                ('update_time', models.DateTimeField(auto_now=True, help_text='修改时间', verbose_name='修改时间')),
+                ('is_deleted', models.BooleanField(default=False, help_text='删除标记', verbose_name='删除标记')),
+                ('name', models.CharField(max_length=32, unique=True, verbose_name='名称')),
+                ('description', models.CharField(blank=True, max_length=50, null=True, verbose_name='描述')),
+            ],
+            options={
+                'verbose_name': '职位/岗位',
+                'verbose_name_plural': '职位/岗位',
+            },
+        ),
+        migrations.CreateModel(
+            name='Role',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('create_time', models.DateTimeField(default=django.utils.timezone.now, help_text='创建时间', verbose_name='创建时间')),
+                ('update_time', models.DateTimeField(auto_now=True, help_text='修改时间', verbose_name='修改时间')),
+                ('is_deleted', models.BooleanField(default=False, help_text='删除标记', verbose_name='删除标记')),
+                ('name', models.CharField(max_length=32, unique=True, verbose_name='角色')),
+                ('datas', models.CharField(choices=[('全部', '全部'), ('自定义', '自定义'), ('同级及以下', '同级及以下'), ('本级及以下', '本级及以下'), ('本级', '本级'), ('仅本人', '仅本人')], default='本级及以下', max_length=50, verbose_name='数据权限')),
+                ('description', models.CharField(blank=True, max_length=50, null=True, verbose_name='描述')),
+                ('depts', models.ManyToManyField(blank=True, to='system.Organization', verbose_name='权限范围')),
+                ('perms', models.ManyToManyField(blank=True, to='system.Permission', verbose_name='功能权限')),
+            ],
+            options={
+                'verbose_name': '角色',
+                'verbose_name_plural': '角色',
+            },
+        ),
+        migrations.CreateModel(
+            name='HistoricalDict',
+            fields=[
+                ('id', models.IntegerField(auto_created=True, blank=True, db_index=True, verbose_name='ID')),
+                ('create_time', models.DateTimeField(default=django.utils.timezone.now, help_text='创建时间', verbose_name='创建时间')),
+                ('update_time', models.DateTimeField(blank=True, editable=False, help_text='修改时间', verbose_name='修改时间')),
+                ('is_deleted', models.BooleanField(default=False, help_text='删除标记', verbose_name='删除标记')),
+                ('name', models.CharField(max_length=60, verbose_name='名称')),
+                ('code', models.CharField(blank=True, max_length=30, null=True, verbose_name='编号')),
+                ('description', models.TextField(blank=True, null=True, verbose_name='描述')),
+                ('sort', models.IntegerField(default=1, verbose_name='排序')),
+                ('is_used', models.BooleanField(default=True, verbose_name='是否有效')),
+                ('history_id', models.AutoField(primary_key=True, serialize=False)),
+                ('history_date', models.DateTimeField()),
+                ('history_change_reason', models.CharField(max_length=100, null=True)),
+                ('history_type', models.CharField(choices=[('+', 'Created'), ('~', 'Changed'), ('-', 'Deleted')], max_length=1)),
+                ('history_user', models.ForeignKey(null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='+', to=settings.AUTH_USER_MODEL)),
+                ('parent', models.ForeignKey(blank=True, db_constraint=False, null=True, on_delete=django.db.models.deletion.DO_NOTHING, related_name='+', to='system.Dict', verbose_name='父')),
+                ('type', models.ForeignKey(blank=True, db_constraint=False, null=True, on_delete=django.db.models.deletion.DO_NOTHING, related_name='+', to='system.DictType', verbose_name='类型')),
+            ],
+            options={
+                'verbose_name': 'historical 字典',
+                'ordering': ('-history_date', '-history_id'),
+                'get_latest_by': 'history_date',
+            },
+            bases=(simple_history.models.HistoricalChanges, models.Model),
+        ),
+        migrations.CreateModel(
+            name='File',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('create_time', models.DateTimeField(default=django.utils.timezone.now, help_text='创建时间', verbose_name='创建时间')),
+                ('update_time', models.DateTimeField(auto_now=True, help_text='修改时间', verbose_name='修改时间')),
+                ('is_deleted', models.BooleanField(default=False, help_text='删除标记', verbose_name='删除标记')),
+                ('name', models.CharField(blank=True, max_length=100, null=True, verbose_name='名称')),
+                ('size', models.IntegerField(blank=True, default=1, null=True, verbose_name='文件大小')),
+                ('file', models.FileField(upload_to='%Y/%m/%d/', verbose_name='文件')),
+                ('mime', models.CharField(blank=True, max_length=120, null=True, verbose_name='文件格式')),
+                ('type', models.CharField(choices=[('文档', '文档'), ('视频', '视频'), ('音频', '音频'), ('图片', '图片'), ('其它', '其它')], default='文档', max_length=50, verbose_name='文件类型')),
+                ('path', models.CharField(blank=True, max_length=200, null=True, verbose_name='地址')),
+                ('create_by', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='file_create_by', to=settings.AUTH_USER_MODEL, verbose_name='创建人')),
+                ('update_by', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='file_update_by', to=settings.AUTH_USER_MODEL, verbose_name='最后编辑人')),
+            ],
+            options={
+                'verbose_name': '文件库',
+                'verbose_name_plural': '文件库',
+            },
+        ),
+        migrations.AddField(
+            model_name='dict',
+            name='type',
+            field=models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to='system.DictType', verbose_name='类型'),
+        ),
+        migrations.AddField(
+            model_name='user',
+            name='dept',
+            field=models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, to='system.Organization', verbose_name='组织'),
+        ),
+        migrations.AddField(
+            model_name='user',
+            name='groups',
+            field=models.ManyToManyField(blank=True, help_text='The groups this user belongs to. A user will get all permissions granted to each of their groups.', related_name='user_set', related_query_name='user', to='auth.Group', verbose_name='groups'),
+        ),
+        migrations.AddField(
+            model_name='user',
+            name='position',
+            field=models.ManyToManyField(blank=True, to='system.Position', verbose_name='岗位'),
+        ),
+        migrations.AddField(
+            model_name='user',
+            name='roles',
+            field=models.ManyToManyField(blank=True, to='system.Role', verbose_name='角色'),
+        ),
+        migrations.AddField(
+            model_name='user',
+            name='superior',
+            field=models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, to=settings.AUTH_USER_MODEL, verbose_name='上级主管'),
+        ),
+        migrations.AddField(
+            model_name='user',
+            name='user_permissions',
+            field=models.ManyToManyField(blank=True, help_text='Specific permissions for this user.', related_name='user_set', related_query_name='user', to='auth.Permission', verbose_name='user permissions'),
+        ),
+        migrations.AlterUniqueTogether(
+            name='dict',
+            unique_together={('name', 'is_used', 'type')},
+        ),
+    ]
diff --git a/admin/server/apps/system/migrations/0002_auto_20210718_0918.py b/admin/server/apps/system/migrations/0002_auto_20210718_0918.py
new file mode 100644
index 0000000..eaaaa6c
--- /dev/null
+++ b/admin/server/apps/system/migrations/0002_auto_20210718_0918.py
@@ -0,0 +1,23 @@
+# Generated by Django 3.1.7 on 2021-07-18 01:18
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('system', '0001_initial'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='permission',
+            name='method',
+            field=models.CharField(blank=True, max_length=50, null=True, verbose_name='方法/代号'),
+        ),
+        migrations.AlterField(
+            model_name='user',
+            name='first_name',
+            field=models.CharField(blank=True, max_length=150, verbose_name='first name'),
+        ),
+    ]
diff --git a/admin/server/apps/system/migrations/0003_auto_20220227_1732.py b/admin/server/apps/system/migrations/0003_auto_20220227_1732.py
new file mode 100644
index 0000000..89a4c54
--- /dev/null
+++ b/admin/server/apps/system/migrations/0003_auto_20220227_1732.py
@@ -0,0 +1,18 @@
+# Generated by Django 3.1.8 on 2022-02-27 09:32
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('system', '0002_auto_20210718_0918'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='role',
+            name='depts',
+            field=models.ManyToManyField(blank=True, related_name='roles', to='system.Organization', verbose_name='权限范围'),
+        ),
+    ]
diff --git a/admin/server/apps/system/migrations/0004_auto_20251128_1413.py b/admin/server/apps/system/migrations/0004_auto_20251128_1413.py
new file mode 100644
index 0000000..d85cccf
--- /dev/null
+++ b/admin/server/apps/system/migrations/0004_auto_20251128_1413.py
@@ -0,0 +1,58 @@
+# Generated by Django 3.2.23 on 2025-11-28 06:13
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('system', '0003_auto_20220227_1732'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='dict',
+            name='id',
+            field=models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID'),
+        ),
+        migrations.AlterField(
+            model_name='dicttype',
+            name='id',
+            field=models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID'),
+        ),
+        migrations.AlterField(
+            model_name='file',
+            name='id',
+            field=models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID'),
+        ),
+        migrations.AlterField(
+            model_name='historicaldict',
+            name='id',
+            field=models.BigIntegerField(auto_created=True, blank=True, db_index=True, verbose_name='ID'),
+        ),
+        migrations.AlterField(
+            model_name='organization',
+            name='id',
+            field=models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID'),
+        ),
+        migrations.AlterField(
+            model_name='permission',
+            name='id',
+            field=models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID'),
+        ),
+        migrations.AlterField(
+            model_name='position',
+            name='id',
+            field=models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID'),
+        ),
+        migrations.AlterField(
+            model_name='role',
+            name='id',
+            field=models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID'),
+        ),
+        migrations.AlterField(
+            model_name='user',
+            name='id',
+            field=models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID'),
+        ),
+    ]
diff --git a/admin/server/apps/system/migrations/0005_alter_historicaldict_options_alter_file_create_by_and_more.py b/admin/server/apps/system/migrations/0005_alter_historicaldict_options_alter_file_create_by_and_more.py
new file mode 100644
index 0000000..52a6f6a
--- /dev/null
+++ b/admin/server/apps/system/migrations/0005_alter_historicaldict_options_alter_file_create_by_and_more.py
@@ -0,0 +1,34 @@
+# Generated by Django 4.2.26 on 2025-11-29 13:57
+
+from django.conf import settings
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('system', '0004_auto_20251128_1413'),
+    ]
+
+    operations = [
+        migrations.AlterModelOptions(
+            name='historicaldict',
+            options={'get_latest_by': ('history_date', 'history_id'), 'ordering': ('-history_date', '-history_id'), 'verbose_name': 'historical 字典', 'verbose_name_plural': 'historical 字典'},
+        ),
+        migrations.AlterField(
+            model_name='file',
+            name='create_by',
+            field=models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='%(class)s_create_by', to=settings.AUTH_USER_MODEL, verbose_name='创建人'),
+        ),
+        migrations.AlterField(
+            model_name='file',
+            name='update_by',
+            field=models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='%(class)s_update_by', to=settings.AUTH_USER_MODEL, verbose_name='最后编辑人'),
+        ),
+        migrations.AlterField(
+            model_name='historicaldict',
+            name='history_date',
+            field=models.DateTimeField(db_index=True),
+        ),
+    ]
diff --git a/admin/server/apps/system/migrations/0006_auto_20251202_1204.py b/admin/server/apps/system/migrations/0006_auto_20251202_1204.py
new file mode 100644
index 0000000..42a1e3e
--- /dev/null
+++ b/admin/server/apps/system/migrations/0006_auto_20251202_1204.py
@@ -0,0 +1,22 @@
+# Generated by Django 3.2.23 on 2025-12-02 04:04
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('system', '0005_alter_historicaldict_options_alter_file_create_by_and_more'),
+    ]
+
+    operations = [
+        migrations.AlterModelOptions(
+            name='historicaldict',
+            options={'get_latest_by': 'history_date', 'ordering': ('-history_date', '-history_id'), 'verbose_name': 'historical 字典'},
+        ),
+        migrations.AlterField(
+            model_name='historicaldict',
+            name='history_date',
+            field=models.DateTimeField(),
+        ),
+    ]
diff --git a/admin/server/apps/system/migrations/__init__.py b/admin/server/apps/system/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/admin/server/apps/system/mixins.py b/admin/server/apps/system/mixins.py
new file mode 100644
index 0000000..b1a70c0
--- /dev/null
+++ b/admin/server/apps/system/mixins.py
@@ -0,0 +1,48 @@
+from django.db.models.query import QuerySet
+
+class CreateUpdateModelAMixin:
+    """
+    业务用基本表A用
+    """
+    def perform_create(self, serializer):
+        serializer.save(create_by = self.request.user)
+    
+    def perform_update(self, serializer):
+        serializer.save(update_by = self.request.user)
+
+class CreateUpdateModelBMixin:
+    """
+    业务用基本表B用
+    """
+    def perform_create(self, serializer):
+        serializer.save(create_by = self.request.user, belong_dept=self.request.user.dept)
+    
+    def perform_update(self, serializer):
+        serializer.save(update_by = self.request.user)
+
+class CreateUpdateCustomMixin:
+    """
+    整合
+    """
+    def perform_create(self, serializer):
+        if hasattr(self.queryset.model, 'belong_dept'):
+            serializer.save(create_by = self.request.user, belong_dept=self.request.user.dept)
+        else:
+            serializer.save(create_by = self.request.user)
+    def perform_update(self, serializer):
+        serializer.save(update_by = self.request.user)
+
+class OptimizationMixin:
+    """
+    性能优化,需要在序列化器里定义setup_eager_loading,可在必要的View下继承
+    """
+    def get_queryset(self):
+        queryset = self.queryset
+        if isinstance(queryset, QuerySet):
+            # Ensure queryset is re-evaluated on each request.
+            queryset = queryset.all()
+        if hasattr(self.get_serializer_class(), 'setup_eager_loading'):
+            queryset = self.get_serializer_class().setup_eager_loading(queryset)  # 性能优化
+        return queryset
+
+    
\ No newline at end of file
diff --git a/admin/server/apps/system/models.py b/admin/server/apps/system/models.py
new file mode 100644
index 0000000..d41ae4b
--- /dev/null
+++ b/admin/server/apps/system/models.py
@@ -0,0 +1,218 @@
+from django.db import models
+from django.contrib.auth.models import AbstractUser
+from django.db.models.base import Model
+import django.utils.timezone as timezone
+from django.db.models.query import QuerySet
+
+from utils.model import SoftModel, BaseModel
+from simple_history.models import HistoricalRecords
+
+
+
+class Position(BaseModel):
+    """
+    职位/岗位
+    """
+    name = models.CharField('名称', max_length=32, unique=True)
+    description = models.CharField('描述', max_length=50, blank=True, null=True)
+
+    class Meta:
+        verbose_name = '职位/岗位'
+        verbose_name_plural = verbose_name
+
+    def __str__(self):
+        return self.name
+
+
+class Permission(SoftModel):
+    """
+    功能权限:目录,菜单,接口
+    """
+    menu_type_choices = (
+        ('目录', '目录'),
+        ('菜单', '菜单'),
+        ('接口', '接口')
+    )
+    name = models.CharField('名称', max_length=30)
+    type = models.CharField('类型', max_length=20,
+                            choices=menu_type_choices, default='接口')
+    is_frame = models.BooleanField('外部链接', default=False)
+    sort = models.IntegerField('排序标记', default=1)
+    parent = models.ForeignKey('self', null=True, blank=True,
+                            on_delete=models.SET_NULL, verbose_name='父')
+    method = models.CharField('方法/代号', max_length=50, null=True, blank=True)
+
+    def __str__(self):
+        return self.name
+
+    class Meta:
+        verbose_name = '功能权限表'
+        verbose_name_plural = verbose_name
+        ordering = ['sort']
+
+
+class Organization(SoftModel):
+    """
+    组织架构
+    """
+    organization_type_choices = (
+        ('公司', '公司'),
+        ('部门', '部门')
+    )
+    name = models.CharField('名称', max_length=60)
+    type = models.CharField('类型', max_length=20,
+                            choices=organization_type_choices, default='部门')
+    parent = models.ForeignKey('self', null=True, blank=True,
+                            on_delete=models.SET_NULL, verbose_name='父')
+
+    class Meta:
+        verbose_name = '组织架构'
+        verbose_name_plural = verbose_name
+
+    def __str__(self):
+        return self.name
+
+
+class Role(SoftModel):
+    """
+    角色
+    """
+    data_type_choices = (
+        ('全部', '全部'),
+        ('自定义', '自定义'),
+        ('同级及以下', '同级及以下'),
+        ('本级及以下', '本级及以下'),
+        ('本级', '本级'),
+        ('仅本人', '仅本人')
+    )
+    name = models.CharField('角色', max_length=32, unique=True)
+    perms = models.ManyToManyField(Permission, blank=True, verbose_name='功能权限')
+    datas = models.CharField('数据权限', max_length=50,
+                             choices=data_type_choices, default='本级及以下')
+    depts = models.ManyToManyField(
+        Organization, blank=True, verbose_name='权限范围', related_name='roles')
+    description = models.CharField('描述', max_length=50, blank=True, null=True)
+
+    class Meta:
+        verbose_name = '角色'
+        verbose_name_plural = verbose_name
+
+    def __str__(self):
+        return self.name
+
+
+class User(AbstractUser):
+    """
+    用户
+    """
+    name = models.CharField('姓名', max_length=20, null=True, blank=True)
+    phone = models.CharField('手机号', max_length=11,
+                             null=True, blank=True, unique=True)
+    avatar = models.CharField(
+        '头像', default='/media/default/avatar.png', max_length=100, null=True, blank=True)
+    dept = models.ForeignKey(
+        Organization, null=True, blank=True, on_delete=models.SET_NULL, verbose_name='组织')
+    position = models.ManyToManyField(Position, blank=True, verbose_name='岗位')
+    superior = models.ForeignKey(
+        'self', null=True, blank=True, on_delete=models.SET_NULL, verbose_name='上级主管')
+    roles = models.ManyToManyField(Role, blank=True, verbose_name='角色')
+
+    class Meta:
+        verbose_name = '用户信息'
+        verbose_name_plural = verbose_name
+        ordering = ['id']
+
+    def __str__(self):
+        return self.username
+
+class DictType(SoftModel):
+    """
+    数据字典类型
+    """
+    name = models.CharField('名称', max_length=30)
+    code = models.CharField('代号', unique=True, max_length=30)
+    parent = models.ForeignKey('self', null=True, blank=True,
+                            on_delete=models.SET_NULL, verbose_name='父')
+
+    class Meta:
+        verbose_name = '字典类型'
+        verbose_name_plural = verbose_name
+
+    def __str__(self):
+        return self.name
+
+
+class Dict(SoftModel):
+    """
+    数据字典
+    """
+    name = models.CharField('名称', max_length=60)
+    code = models.CharField('编号', max_length=30, null=True, blank=True)
+    description = models.TextField('描述', blank=True, null=True)
+    type = models.ForeignKey(
+        DictType, on_delete=models.CASCADE, verbose_name='类型')
+    sort = models.IntegerField('排序', default=1)
+    parent = models.ForeignKey('self', null=True, blank=True,
+                            on_delete=models.SET_NULL, verbose_name='父')
+    is_used = models.BooleanField('是否有效', default=True)
+    history = HistoricalRecords()
+
+    class Meta:
+        verbose_name = '字典'
+        verbose_name_plural = verbose_name
+        unique_together = ('name', 'is_used', 'type')
+
+    def __str__(self):
+        return self.name
+
+class CommonAModel(SoftModel):
+    """
+    业务用基本表A,包含create_by, update_by字段
+    """
+    create_by = models.ForeignKey(
+        User, null=True, blank=True, on_delete=models.SET_NULL, verbose_name='创建人', related_name= '%(class)s_create_by')
+    update_by = models.ForeignKey(
+        User, null=True, blank=True, on_delete=models.SET_NULL, verbose_name='最后编辑人', related_name= '%(class)s_update_by')
+
+    class Meta:
+        abstract = True
+
+class CommonBModel(SoftModel):
+    """
+    业务用基本表B,包含create_by, update_by, belong_dept字段
+    """
+    create_by = models.ForeignKey(
+        User, null=True, blank=True, on_delete=models.SET_NULL, verbose_name='创建人', related_name = '%(class)s_create_by')
+    update_by = models.ForeignKey(
+        User, null=True, blank=True, on_delete=models.SET_NULL, verbose_name='最后编辑人', related_name = '%(class)s_update_by')
+    belong_dept = models.ForeignKey(
+        Organization, null=True, blank=True, on_delete=models.SET_NULL, verbose_name='所属部门', related_name= '%(class)s_belong_dept')
+
+    class Meta:
+        abstract = True
+
+
+class File(CommonAModel):
+    """
+    文件存储表,业务表根据具体情况选择是否外键关联
+    """
+    name = models.CharField('名称', max_length=100, null=True, blank=True)
+    size = models.IntegerField('文件大小', default=1, null=True, blank=True)
+    file = models.FileField('文件', upload_to='%Y/%m/%d/')
+    type_choices = (
+        ('文档', '文档'),
+        ('视频', '视频'),
+        ('音频', '音频'),
+        ('图片', '图片'),
+        ('其它', '其它')
+    )
+    mime = models.CharField('文件格式', max_length=120, null=True, blank=True)
+    type = models.CharField('文件类型', max_length=50, choices=type_choices, default='文档')
+    path = models.CharField('地址', max_length=200, null=True, blank=True)
+
+    class Meta:
+        verbose_name = '文件库'
+        verbose_name_plural = verbose_name
+
+    def __str__(self):
+        return self.name
\ No newline at end of file
diff --git a/admin/server/apps/system/permission.py b/admin/server/apps/system/permission.py
new file mode 100644
index 0000000..a7d961a
--- /dev/null
+++ b/admin/server/apps/system/permission.py
@@ -0,0 +1,97 @@
+from django.core.cache import cache
+from rest_framework.permissions import BasePermission
+from utils.queryset import get_child_queryset2
+from .models import Organization, Permission
+from django.db.models import Q
+
+def get_permission_list(user):
+    """
+    获取权限列表,可用redis存取
+    """
+    if user.is_superuser:
+        perms_list = ['admin']
+    else:
+        perms = Permission.objects.none()
+        roles = user.roles.all()
+        if roles:
+            for i in roles:
+                perms = perms | i.perms.all()
+        perms_list = perms.values_list('method', flat=True)
+        perms_list = list(set(perms_list))
+    cache.set(user.username + '__perms', perms_list, 60*60)
+    return perms_list
+
+
+class RbacPermission(BasePermission):
+    """
+    基于角色的权限校验类
+    """
+
+    def has_permission(self, request, view):
+        """
+        权限校验逻辑
+        :param request:
+        :param view:
+        :return:
+        """
+        if not request.user:
+            perms = ['visitor'] # 如果没有经过认证,视为游客
+        else:
+            perms = cache.get(request.user.username + '__perms')
+        if not perms:
+            perms = get_permission_list(request.user)
+        if perms:
+            if 'admin' in perms:
+                return True
+            elif not hasattr(view, 'perms_map'):
+                return True
+            else:
+                perms_map = view.perms_map
+                _method = request._request.method.lower()
+                if perms_map:
+                    for key in perms_map:
+                        if key == _method or key == '*':
+                            if perms_map[key] in perms or perms_map[key] == '*':
+                                return True
+                return False
+        else:
+            return False
+    
+    def has_object_permission(self, request, view, obj):
+        """
+        Return `True` if permission is granted, `False` otherwise.
+        """
+        if not request.user:
+            return False
+        if hasattr(obj, 'belong_dept'):
+            has_obj_perm(request.user, obj)
+        return True
+
+def has_obj_perm(user, obj):
+    """
+    数据权限控权
+    返回对象的是否可以操作
+    需要控数据权限的表需有belong_dept, create_by, update_by字段(部门, 创建人, 编辑人)
+    传入user, obj实例
+    """
+    roles = user.roles
+    data_range = roles.values_list('datas', flat=True)
+    if '全部' in data_range:
+        return True
+    elif '自定义' in data_range:
+        depts = Organization.objects.filter(roles__in = roles)
+        if obj.belong_dept not in depts:
+            return False
+    elif '同级及以下' in data_range:
+        if user.dept.parent:
+            belong_depts = get_child_queryset2(user.dept.parent)
+            if obj.belong_dept not in belong_depts:
+                return False
+    elif '本级及以下' in data_range:
+        belong_depts = get_child_queryset2(user.dept)
+        if obj.belong_dept not in belong_depts:
+            return False
+    elif '本级' in data_range:
+        if obj.belong_dept is not user.dept:
+            return False
+    return True
\ No newline at end of file
diff --git a/admin/server/apps/system/permission_data.py b/admin/server/apps/system/permission_data.py
new file mode 100644
index 0000000..180a50b
--- /dev/null
+++ b/admin/server/apps/system/permission_data.py
@@ -0,0 +1,98 @@
+from django.db.models import Q
+from django.db.models.query import QuerySet
+from rest_framework.generics import GenericAPIView
+from apps.system.mixins import CreateUpdateModelBMixin
+from apps.system.models import Organization
+from utils.queryset import get_child_queryset2
+
+
+class RbacFilterSet(CreateUpdateModelBMixin, object):
+    """
+    数据权限控权返回的queryset
+    在必须的View下继承
+    需要控数据权限的表需有belong_dept, create_by, update_by字段(部门, 创建人, 编辑人)
+    带性能优化
+    包括必要的创建和编辑操作
+
+    此处对性能有较大影响,根据业务需求进行修改或取舍
+    """
+    def get_queryset(self):
+        assert self.queryset is not None, (
+            "'%s' should either include a `queryset` attribute, "
+            "or override the `get_queryset()` method."
+            % self.__class__.__name__
+        )
+        
+        queryset = self.queryset
+        if isinstance(queryset, QuerySet):
+            # Ensure queryset is re-evaluated on each request.
+            queryset = queryset.all()
+
+        if hasattr(self.get_serializer_class(), 'setup_eager_loading'):
+            queryset = self.get_serializer_class().setup_eager_loading(queryset)  # 性能优化
+        
+        if self.request.user.is_superuser:
+            return queryset
+
+        if hasattr(queryset.model, 'belong_dept'):
+            user = self.request.user
+            roles = user.roles
+            data_range = roles.values_list('datas', flat=True)
+            if '全部' in data_range:
+                return queryset
+            elif '自定义' in data_range:
+                queryset = queryset.filter(belong_dept__roles__in=roles)
+                return queryset
+            elif '同级及以下' in data_range:
+                if user.dept.parent:
+                    belong_depts = get_child_queryset2(user.dept.parent)
+                    queryset = queryset.filter(belong_dept__in = belong_depts)
+                    return queryset
+            elif '本级及以下' in data_range:
+                belong_depts = get_child_queryset2(user.dept)
+                queryset = queryset.filter(belong_dept__in = belong_depts)
+                return queryset
+            elif '本级' in data_range:
+                queryset = queryset.filter(belong_dept = user.dept)
+                return queryset
+            elif '仅本人' in data_range:
+                queryset = queryset.filter(Q(create_by=user)|Q(update_by=user))
+                return queryset
+        return queryset
+
+
+def rbac_filter_queryset(user, queryset):
+    """
+    数据权限控权返回的queryset方法
+    需要控数据权限的表需有belong_dept, create_by, update_by字段(部门, 创建人, 编辑人)
+    传入user实例,queryset
+    """
+    if user.is_superuser:
+        return queryset
+
+    roles = user.roles
+    data_range = roles.values_list('datas', flat=True)
+    if hasattr(queryset.model, 'belong_dept'):
+        if '全部' in data_range:
+            return queryset
+        elif '自定义' in data_range:
+            if roles.depts.exists():
+                queryset = queryset.filter(belong_dept__in = roles.depts)
+                return queryset
+        elif '同级及以下' in data_range:
+            if user.dept.parent:
+                belong_depts = get_child_queryset2(user.dept.parent)
+                queryset = queryset.filter(belong_dept__in = belong_depts)
+                return queryset
+        elif '本级及以下' in data_range:
+            belong_depts = get_child_queryset2(user.dept)
+            queryset = queryset.filter(belong_dept__in = belong_depts)
+            return queryset
+        elif '本级' in data_range:
+            queryset = queryset.filter(belong_dept = user.dept)
+            return queryset
+        elif '仅本人' in data_range:
+            queryset = queryset.filter(Q(create_by=user)|Q(update_by=user))
+            return queryset    
+    return queryset
+
diff --git a/admin/server/apps/system/serializers.py b/admin/server/apps/system/serializers.py
new file mode 100644
index 0000000..c422d08
--- /dev/null
+++ b/admin/server/apps/system/serializers.py
@@ -0,0 +1,187 @@
+import re
+
+from django_celery_beat.models import PeriodicTask, CrontabSchedule, IntervalSchedule
+from rest_framework import serializers
+
+from .models import (Dict, DictType, File, Organization, Permission, Position,
+                     Role, User)
+
+class IntervalSerializer(serializers.ModelSerializer):
+    class Meta:
+        model = IntervalSchedule
+        fields = '__all__'
+
+class CrontabSerializer(serializers.ModelSerializer):
+    class Meta:
+        model = CrontabSchedule
+        exclude = ['timezone']
+
+class PTaskCreateUpdateSerializer(serializers.ModelSerializer):
+    class Meta:
+        model = PeriodicTask
+        fields = ['name', 'task', 'interval', 'crontab', 'args', 'kwargs']
+
+class PTaskSerializer(serializers.ModelSerializer):
+    interval_ = IntervalSerializer(source='interval', read_only=True)
+    crontab_ = CrontabSerializer(source='crontab', read_only=True)
+    schedule = serializers.SerializerMethodField()
+    timetype = serializers.SerializerMethodField()
+    class Meta:
+        model = PeriodicTask
+        fields = '__all__'
+    @staticmethod
+    def setup_eager_loading(queryset):
+        """ Perform necessary eager loading of data. """
+        queryset = queryset.select_related('interval','crontab')
+        return queryset
+    
+    def get_schedule(self, obj):
+        if obj.interval:
+            return obj.interval.__str__()
+        if obj.crontab:
+            return obj.crontab.__str__()
+        return ''
+    
+    def get_timetype(self, obj):
+        if obj.interval:
+            return 'interval'
+        if obj.crontab:
+            return 'crontab'
+        return 'interval'
+
+class FileSerializer(serializers.ModelSerializer):
+    class Meta:
+        model = File
+        fields = "__all__"
+
+class DictTypeSerializer(serializers.ModelSerializer):
+    """
+    数据字典类型序列化
+    """
+    class Meta:
+        model = DictType
+        fields = '__all__'
+
+
+class DictSerializer(serializers.ModelSerializer):
+    """
+    数据字典序列化
+    """
+    class Meta:
+        model = Dict
+        fields = '__all__'
+
+
+class PositionSerializer(serializers.ModelSerializer):
+    """
+    岗位序列化
+    """
+    class Meta:
+        model = Position
+        fields = '__all__'
+
+
+class RoleSerializer(serializers.ModelSerializer):
+    """
+    角色序列化
+    """
+    class Meta:
+        model = Role
+        fields = '__all__'
+
+
+class PermissionSerializer(serializers.ModelSerializer):
+    """
+    权限序列化
+    """
+    class Meta:
+        model = Permission
+        fields = '__all__'
+
+
+class OrganizationSerializer(serializers.ModelSerializer):
+    """
+    组织架构序列化
+    """
+    type = serializers.ChoiceField(
+        choices=Organization.organization_type_choices, default='部门')
+
+    class Meta:
+        model = Organization
+        fields = '__all__'
+
+class UserSimpleSerializer(serializers.ModelSerializer):
+    class Meta:
+        model = User
+        fields = ['id', 'username', 'name']
+
+class UserListSerializer(serializers.ModelSerializer):
+    """
+    用户列表序列化
+    """
+    dept_name = serializers.StringRelatedField(source='dept')
+    roles_name = serializers.StringRelatedField(source='roles', many=True)
+    avatar = serializers.SerializerMethodField()
+
+    class Meta:
+        model = User
+        fields = ['id', 'name', 'phone', 'email', 'position',
+                  'username', 'is_active', 'date_joined', 'dept_name', 'dept', 'roles', 'avatar', 'roles_name']
+
+    def get_avatar(self, obj):
+        if obj.avatar and obj.avatar.startswith('/'):
+            request = self.context.get('request')
+            if request:
+                return request.build_absolute_uri(obj.avatar)
+        return obj.avatar
+
+    @staticmethod
+    def setup_eager_loading(queryset):
+        """ Perform necessary eager loading of data. """
+        queryset = queryset.select_related('superior','dept')
+        queryset = queryset.prefetch_related('roles',)
+        return queryset
+
+class UserModifySerializer(serializers.ModelSerializer):
+    """
+    用户编辑序列化
+    """
+    phone = serializers.CharField(max_length=11, required=False, allow_null=True)
+
+    class Meta:
+        model = User
+        fields = ['id', 'username', 'name', 'phone', 'email', 'dept',
+                  'position', 'avatar', 'is_active', 'roles', 'is_superuser']
+
+    def validate_phone(self, phone):
+        if phone is not None:
+            re_phone = '^1[358]\d{9}$|^147\d{8}$|^176\d{8}$'
+            if not re.match(re_phone, phone):
+                raise serializers.ValidationError('手机号码不合法')
+        return phone
+
+
+class UserCreateSerializer(serializers.ModelSerializer):
+    """
+    创建用户序列化
+    """
+    username = serializers.CharField(required=True)
+    phone = serializers.CharField(max_length=11, required=False)
+
+    class Meta:
+        model = User
+        fields = ['id', 'username', 'name', 'phone', 'email', 'dept',
+                  'position', 'avatar', 'is_active', 'roles']
+
+    def validate_username(self, username):
+        if User.objects.filter(username=username):
+            raise serializers.ValidationError(username + ' 账号已存在')
+        return username
+
+    def validate_phone(self, phone):
+        re_phone = '^1[358]\d{9}$|^147\d{8}$|^176\d{8}$'
+        if not re.match(re_phone, phone):
+            raise serializers.ValidationError('手机号码不合法')
+        if User.objects.filter(phone=phone):
+            raise serializers.ValidationError('手机号已经被注册')
+        return phone
diff --git a/admin/server/apps/system/signals.py b/admin/server/apps/system/signals.py
new file mode 100644
index 0000000..334bc57
--- /dev/null
+++ b/admin/server/apps/system/signals.py
@@ -0,0 +1,12 @@
+from django.db.models.signals import m2m_changed
+from .models import Role, Permission, User
+from django.dispatch import receiver
+from django.core.cache import cache
+from .permission import get_permission_list
+
+# 变更用户角色时动态更新权限或者前端刷新
+@receiver(m2m_changed, sender=User.roles.through)
+def update_perms_cache_user(sender, instance, action, **kwargs):
+    if action in ['post_remove', 'post_add']:
+        if cache.get(instance.username+'__perms', None):
+            get_permission_list(instance)
\ No newline at end of file
diff --git a/admin/server/apps/system/tasks.py b/admin/server/apps/system/tasks.py
new file mode 100644
index 0000000..6d2adae
--- /dev/null
+++ b/admin/server/apps/system/tasks.py
@@ -0,0 +1,9 @@
+# Create your tasks here
+from __future__ import absolute_import, unicode_literals
+
+from celery import shared_task
+
+
+@shared_task
+def show():
+    print('ok')
\ No newline at end of file
diff --git a/admin/server/apps/system/tests.py b/admin/server/apps/system/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/admin/server/apps/system/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/admin/server/apps/system/urls.py b/admin/server/apps/system/urls.py
new file mode 100644
index 0000000..02a4ecb
--- /dev/null
+++ b/admin/server/apps/system/urls.py
@@ -0,0 +1,19 @@
+from django.urls import path, include
+from .views import TaskList, UserViewSet, OrganizationViewSet, PermissionViewSet, RoleViewSet, PositionViewSet, TestView, DictTypeViewSet, DictViewSet, PTaskViewSet
+from rest_framework import routers
+
+
+router = routers.DefaultRouter()
+router.register('user', UserViewSet, basename="user")
+router.register('organization', OrganizationViewSet, basename="organization")
+router.register('permission', PermissionViewSet, basename="permission")
+router.register('role', RoleViewSet, basename="role")
+router.register('position', PositionViewSet, basename="position")
+router.register('dicttype', DictTypeViewSet, basename="dicttype")
+router.register('dict', DictViewSet, basename="dict")
+router.register('ptask', PTaskViewSet, basename="ptask")
+urlpatterns = [
+    path('', include(router.urls)),
+    path('task/', TaskList.as_view()),
+    path('test/', TestView.as_view())
+]
diff --git a/admin/server/apps/system/views.py b/admin/server/apps/system/views.py
new file mode 100644
index 0000000..bf4f07d
--- /dev/null
+++ b/admin/server/apps/system/views.py
@@ -0,0 +1,440 @@
+import logging
+
+from django.conf import settings
+from django.contrib.auth.hashers import check_password, make_password
+from django.core.cache import cache
+from django_celery_beat.models import PeriodicTask, IntervalSchedule, CrontabSchedule
+from django_filters.rest_framework import DjangoFilterBackend
+from rest_framework import serializers, status
+from rest_framework.decorators import action
+from rest_framework.filters import OrderingFilter, SearchFilter
+from rest_framework.mixins import (CreateModelMixin, DestroyModelMixin,
+                                   ListModelMixin, RetrieveModelMixin,
+                                   UpdateModelMixin)
+from rest_framework.pagination import PageNumberPagination
+from rest_framework.parsers import (FileUploadParser, JSONParser,
+                                    MultiPartParser)
+from rest_framework.permissions import IsAuthenticated, AllowAny
+from rest_framework.response import Response
+from rest_framework.views import APIView
+from rest_framework.viewsets import GenericViewSet, ModelViewSet
+from rest_framework_simplejwt.tokens import RefreshToken
+from rest_framework.exceptions import ValidationError, ParseError
+from utils.queryset import get_child_queryset2
+from PIL import Image
+from io import BytesIO
+from django.core.files.uploadedfile import InMemoryUploadedFile
+import sys
+import os
+
+from .filters import UserFilter
+from .mixins import CreateUpdateModelAMixin, OptimizationMixin
+from .models import (Dict, DictType, File, Organization, Permission, Position,
+                     Role, User)
+from .permission import RbacPermission, get_permission_list
+from .permission_data import RbacFilterSet
+from .serializers import (DictSerializer, DictTypeSerializer, FileSerializer,
+                          OrganizationSerializer, PermissionSerializer,
+                          PositionSerializer, RoleSerializer, PTaskSerializer,PTaskCreateUpdateSerializer,
+                          UserCreateSerializer, UserListSerializer,
+                          UserModifySerializer)
+
+logger = logging.getLogger('log')
+# logger.info('请求成功！ response_code:{}；response_headers:{}；response_body:{}'.format(response_code, response_headers, response_body[:251]))
+# logger.error('请求出错-{}'.format(error))
+
+from server.celery import app as celery_app
+class TaskList(APIView):
+    permission_classes = ()
+
+    def get(self, requests):
+        tasks = list(sorted(name for name in celery_app.tasks if not name.startswith('celery.')))
+        return Response(tasks)
+
+class LogoutView(APIView):
+    permission_classes = []
+
+    def get(self, request, *args, **kwargs):  # 可将token加入黑名单
+        return Response(status=status.HTTP_200_OK)
+
+class PTaskViewSet(OptimizationMixin, ModelViewSet):
+    perms_map = {'get': '*', 'post': 'ptask_create',
+                 'put': 'ptask_update', 'delete': 'ptask_delete'}
+    queryset = PeriodicTask.objects.exclude(name__contains='celery.')
+    serializer_class = PTaskSerializer
+    search_fields = ['name']
+    filterset_fields = ['enabled']
+    ordering = ['-pk']
+
+    @action(methods=['put'], detail=True, perms_map={'put':'task_update'},
+            url_name='task_toggle')
+    def toggle(self, request, pk=None):
+        """
+        修改启用禁用状态
+        """
+        obj = self.get_object()
+        obj.enabled = False if obj.enabled else True
+        obj.save()
+        return Response(status=status.HTTP_200_OK)
+
+    def get_serializer_class(self):
+        if self.action in ['list', 'retrieve']:
+            return PTaskSerializer
+        return PTaskCreateUpdateSerializer
+
+    def create(self, request, *args, **kwargs):
+        data = request.data
+        timetype = data.get('timetype', None)
+        interval_ = data.get('interval_', None)
+        crontab_ = data.get('crontab_', None)
+        if timetype == 'interval' and interval_:
+            data['crontab'] = None
+            try:
+                interval, _ = IntervalSchedule.objects.get_or_create(**interval_, defaults = interval_)
+                data['interval'] = interval.id
+            except:
+                raise ValidationError('时间策略有误')
+        if timetype == 'crontab' and crontab_:
+            data['interval'] = None
+            try:
+                crontab_['timezone'] = 'Asia/Shanghai'
+                crontab, _ = CrontabSchedule.objects.get_or_create(**crontab_, defaults = crontab_)
+                data['crontab'] = crontab.id
+            except:
+                raise ValidationError('时间策略有误')
+        serializer = self.get_serializer(data=data)
+        serializer.is_valid(raise_exception=True)
+        serializer.save()
+        return Response(status=status.HTTP_200_OK)
+    
+    def update(self, request, *args, **kwargs):
+        data = request.data
+        timetype = data.get('timetype', None)
+        interval_ = data.get('interval_', None)
+        crontab_ = data.get('crontab_', None)
+        if timetype == 'interval' and interval_:
+            data['crontab'] = None
+            try:
+                if 'id' in interval_:
+                    del interval_['id']
+                interval, _ = IntervalSchedule.objects.get_or_create(**interval_, defaults = interval_)
+                data['interval'] = interval.id
+            except:
+                raise ValidationError('时间策略有误')
+        if timetype == 'crontab' and crontab_:
+            data['interval'] = None
+            try:
+                crontab_['timezone'] = 'Asia/Shanghai'
+                if 'id'in crontab_:
+                    del crontab_['id'] 
+                crontab, _ = CrontabSchedule.objects.get_or_create(**crontab_, defaults = crontab_)
+                data['crontab'] = crontab.id
+            except:
+                raise ValidationError('时间策略有误')
+        instance = self.get_object()
+        serializer = self.get_serializer(instance, data=data)
+        serializer.is_valid(raise_exception=True)
+        serializer.save()
+        return Response(status=status.HTTP_200_OK)
+
+
+class DictTypeViewSet(ModelViewSet):
+    """
+    数据字典类型-增删改查
+    """
+    perms_map = {'get': '*', 'post': 'dicttype_create',
+                 'put': 'dicttype_update', 'delete': 'dicttype_delete'}
+    queryset = DictType.objects.all()
+    serializer_class = DictTypeSerializer
+    pagination_class = None
+    search_fields = ['name']
+    ordering_fields = ['pk']
+    ordering = ['pk']
+
+
+class DictViewSet(ModelViewSet):
+    """
+    数据字典-增删改查
+    """
+    perms_map = {'get': '*', 'post': 'dict_create',
+                 'put': 'dict_update', 'delete': 'dict_delete'}
+    # queryset = Dict.objects.get_queryset(all=True) # 获取全部的,包括软删除的
+    queryset = Dict.objects.all()
+    filterset_fields = ['type', 'is_used', 'type__code']
+    serializer_class = DictSerializer
+    search_fields = ['name']
+    ordering_fields = ['sort']
+    ordering = ['sort']
+
+    def paginate_queryset(self, queryset):
+        """
+        如果查询参数里没有page但有type或type__code时则不分页,否则请求分页
+        也可用utils.pageornot方法
+        """
+        if self.paginator is None:
+            return None
+        elif (not self.request.query_params.get('page', None)) and ((self.request.query_params.get('type__code', None)) or (self.request.query_params.get('type', None))):
+            return None
+        return self.paginator.paginate_queryset(queryset, self.request, view=self)
+
+class PositionViewSet(ModelViewSet):
+    """
+    岗位-增删改查
+    """
+    perms_map = {'get': '*', 'post': 'position_create',
+                 'put': 'position_update', 'delete': 'position_delete'}
+    queryset = Position.objects.all()
+    serializer_class = PositionSerializer
+    pagination_class = None
+    search_fields = ['name','description']
+    ordering_fields = ['pk']
+    ordering = ['pk']
+
+
+class TestView(APIView):
+    perms_map = {'get': 'test_view'}  # 单个API控权
+    authentication_classes = []
+    permission_classes = []
+    def get(self, request, format=None):
+        return Response('测试api接口')
+
+
+class PermissionViewSet(ModelViewSet):
+    """
+    权限-增删改查
+    """
+    perms_map = {'get': '*', 'post': 'perm_create',
+                 'put': 'perm_update', 'delete': 'perm_delete'}
+    queryset = Permission.objects.all()
+    serializer_class = PermissionSerializer
+    pagination_class = None
+    search_fields = ['name']
+    ordering_fields = ['sort']
+    ordering = ['sort', 'pk']
+
+
+class OrganizationViewSet(ModelViewSet):
+    """
+    组织机构-增删改查
+    """
+    perms_map = {'get': '*', 'post': 'org_create',
+                 'put': 'org_update', 'delete': 'org_delete'}
+    queryset = Organization.objects.all()
+    serializer_class = OrganizationSerializer
+    pagination_class = None
+    search_fields = ['name', 'type']
+    ordering_fields = ['pk']
+    ordering = ['pk']
+
+
+class RoleViewSet(ModelViewSet):
+    """
+    角色-增删改查
+    """
+    perms_map = {'get': '*', 'post': 'role_create',
+                 'put': 'role_update', 'delete': 'role_delete'}
+    queryset = Role.objects.all()
+    serializer_class = RoleSerializer
+    pagination_class = None
+    search_fields = ['name']
+    ordering_fields = ['pk']
+    ordering = ['pk']
+
+
+class UserViewSet(ModelViewSet):
+    """
+    用户管理-增删改查
+    """
+    perms_map = {'get': '*', 'post': 'user_create',
+                 'put': 'user_update', 'delete': 'user_delete'}
+    queryset = User.objects.all()
+    serializer_class = UserListSerializer
+    filterset_class = UserFilter
+    search_fields = ['username', 'name', 'phone', 'email']
+    ordering_fields = ['-pk']
+
+    def perform_destroy(self, instance):
+        if instance.is_superuser:
+            raise ParseError('不能删除超级用户')
+        instance.delete()
+
+    def get_queryset(self):
+        queryset = self.queryset
+        if hasattr(self.get_serializer_class(), 'setup_eager_loading'):
+            queryset = self.get_serializer_class().setup_eager_loading(queryset)  # 性能优化
+        dept = self.request.query_params.get('dept', None)  # 该部门及其子部门所有员工
+        if dept:
+            deptqueryset = get_child_queryset2(Organization.objects.get(pk=dept))
+            queryset = queryset.filter(dept__in=deptqueryset)
+        return queryset
+
+    def get_serializer_class(self):
+        # 根据请求类型动态变更serializer
+        if self.action == 'create':
+            return UserCreateSerializer
+        elif self.action == 'update':
+            return UserModifySerializer
+        elif self.action == 'list':
+            return UserListSerializer
+        return super().get_serializer_class()
+
+    def create(self, request, *args, **kwargs):
+        # 创建用户默认添加密码
+        password = request.data['password'] if 'password' in request.data else None
+        if password:
+            password = make_password(password)
+        else:
+            password = make_password('0000')
+        serializer = self.get_serializer(data=request.data)
+        serializer.is_valid(raise_exception=True)
+        serializer.save(password=password)
+        return Response(serializer.data)
+
+    @action(methods=['put'], detail=False, permission_classes=[IsAuthenticated], # perms_map={'put':'change_password'}
+            url_name='change_password')
+    def password(self, request, pk=None):
+        """
+        修改密码
+        """
+        user = request.user
+        old_password = request.data['old_password']
+        if check_password(old_password, user.password):
+            new_password1 = request.data['new_password1']
+            new_password2 = request.data['new_password2']
+            if new_password1 == new_password2:
+                user.set_password(new_password2)
+                user.save()
+                return Response('密码修改成功!', status=status.HTTP_200_OK)
+            else:
+                return Response('新密码两次输入不一致!', status=status.HTTP_400_BAD_REQUEST)
+        else:
+            return Response('旧密码错误!', status=status.HTTP_400_BAD_REQUEST)
+
+    # perms_map={'get':'*'}, 自定义action控权
+    @action(methods=['get'], detail=False, url_name='my_info', permission_classes=[IsAuthenticated])
+    def info(self, request, pk=None):
+        """
+        初始化用户信息
+        """
+        user = request.user
+        perms = get_permission_list(user)
+        data = {
+            'id': user.id,
+            'username': user.username,
+            'name': user.name,
+            'roles': user.roles.values_list('name', flat=True),
+            'avatar': request.build_absolute_uri(user.avatar) if user.avatar and user.avatar.startswith('/') else user.avatar,
+            'perms': perms,
+        }
+        return Response(data)
+
+class FileViewSet(CreateModelMixin, DestroyModelMixin, RetrieveModelMixin, ListModelMixin, GenericViewSet):
+    """
+    文件上传用
+    """
+    perms_map = None
+    authentication_classes = []
+    permission_classes=[AllowAny]
+    parser_classes = [MultiPartParser, JSONParser]
+    queryset = File.objects.all()
+    serializer_class = FileSerializer
+    filterset_fields = ['type']
+    search_fields = ['name']
+    ordering = ['-create_time']
+
+    def perform_create(self, serializer):
+        fileobj = self.request.data.get('file')
+        name = fileobj._name
+        size = fileobj.size
+        mime = fileobj.content_type
+        type = '其它'
+        if 'image' in mime:
+            type = '图片'
+            # Image compression and resizing logic
+            try:
+                img = Image.open(fileobj)
+                
+                # Max dimensions (e.g., 1920x1920) to prevent huge images
+                MAX_WIDTH = 1920
+                MAX_HEIGHT = 1920
+                
+                if img.width > MAX_WIDTH or img.height > MAX_HEIGHT:
+                    img.thumbnail((MAX_WIDTH, MAX_HEIGHT), Image.LANCZOS)
+                
+                # Compress
+                output_io = BytesIO()
+                
+                # Determine format
+                img_format = img.format
+                if not img_format:
+                    img_format = 'JPEG' if 'jpeg' in mime or 'jpg' in mime else 'PNG'
+                
+                # For JPEG, we can use quality
+                if img_format.upper() in ('JPEG', 'JPG'):
+                    if img.mode != 'RGB':
+                        img = img.convert('RGB')
+                    img.save(output_io, format='JPEG', quality=80, optimize=True)
+                    new_mime = 'image/jpeg'
+                    # Update extension if needed
+                    root, ext = os.path.splitext(name)
+                    if ext.lower() not in ['.jpg', '.jpeg']:
+                        name = root + '.jpg'
+                elif img_format.upper() == 'PNG':
+                    # PNG compression
+                    img.save(output_io, format='PNG', optimize=True)
+                    new_mime = 'image/png'
+                else:
+                    # Fallback for other formats
+                    img.save(output_io, format=img_format)
+                    new_mime = mime
+
+                output_io.seek(0)
+                new_size = output_io.getbuffer().nbytes
+                
+                # Create a new InMemoryUploadedFile
+                fileobj = InMemoryUploadedFile(
+                    output_io, 
+                    'file', 
+                    name, 
+                    new_mime, 
+                    new_size, 
+                    None
+                )
+                size = new_size
+                mime = new_mime
+
+            except Exception as e:
+                logger.error(f"Image compression failed: {e}")
+                # Fallback to original file if compression fails
+                fileobj.seek(0)
+                pass
+
+        elif 'video' in mime:
+            type = '视频'
+        elif 'audio' in mime:
+            type = '音频'
+        elif 'application' or 'text' in mime:
+            type = '文档'
+        user = self.request.user if (self.request.user and self.request.user.is_authenticated) else None
+        if user and not isinstance(user, User):
+            user = None
+        instance = serializer.save(create_by = user, name=name, size=size, type=type, mime=mime, file=fileobj)
+        
+        # Ensure forward slashes for URL
+        file_name = instance.file.name.replace('\\', '/')
+        instance.path = self.request.build_absolute_uri(settings.MEDIA_URL + file_name)
+        
+        logger.info(f"File uploaded: {instance.path}")
+        instance.save()
+
+    def perform_destroy(self, instance):
+        instance.file.delete(save=False)
+        instance.delete(soft=False)
+
+    @action(methods=['delete'], detail=False)
+    def clear_all(self, request):
+        queryset = self.filter_queryset(self.get_queryset())
+        for file_obj in queryset:
+            file_obj.file.delete(save=False)
+            file_obj.delete(soft=False)
+        return Response(status=status.HTTP_204_NO_CONTENT)
diff --git a/admin/server/apps/wf/__init__.py b/admin/server/apps/wf/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/admin/server/apps/wf/admin.py b/admin/server/apps/wf/admin.py
new file mode 100644
index 0000000..8c38f3f
--- /dev/null
+++ b/admin/server/apps/wf/admin.py
@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.
diff --git a/admin/server/apps/wf/apps.py b/admin/server/apps/wf/apps.py
new file mode 100644
index 0000000..f0709ed
--- /dev/null
+++ b/admin/server/apps/wf/apps.py
@@ -0,0 +1,7 @@
+from django.apps import AppConfig
+
+class WfConfig(AppConfig):
+    name = 'apps.wf'
+    verbose_name = '工作流管理'
+
+
diff --git a/admin/server/apps/wf/filters.py b/admin/server/apps/wf/filters.py
new file mode 100644
index 0000000..02c9066
--- /dev/null
+++ b/admin/server/apps/wf/filters.py
@@ -0,0 +1,26 @@
+from django_filters import rest_framework as filters
+from .models import Ticket
+class TicketFilterSet(filters.FilterSet):
+    start_create = filters.DateFilter(field_name="create_time", lookup_expr='gte')
+    end_create = filters.DateFilter(field_name="create_time", lookup_expr='lte')
+    category = filters.ChoiceFilter(choices = Ticket.category_choices, method='filter_category')
+
+    class Meta:
+        model = Ticket
+        fields = ['workflow', 'state', 'act_state', 'start_create', 'end_create', 'category']
+
+    def filter_category(self, queryset, name, value):
+        user=self.request.user
+        if value == 'owner': # 我的
+            queryset = queryset.filter(create_by=user)
+        elif value == 'duty': # 待办
+            queryset = queryset.filter(participant__contains=user.id).exclude(act_state__in=[Ticket.TICKET_ACT_STATE_FINISH, Ticket.TICKET_ACT_STATE_CLOSED])
+        elif value == 'worked': # 处理过的
+            queryset = queryset.filter(ticketflow_ticket__participant=user).exclude(create_by=user).order_by('-update_time').distinct()
+        elif value == 'cc': # 抄送我的
+            queryset = queryset.filter(ticketflow_ticket__participant_cc__contains=user.id).exclude(create_by=user).order_by('-update_time').distinct()
+        elif value == 'all':
+            pass
+        else:
+            queryset = queryset.none()
+        return queryset
\ No newline at end of file
diff --git a/admin/server/apps/wf/migrations/0001_initial.py b/admin/server/apps/wf/migrations/0001_initial.py
new file mode 100644
index 0000000..a7e9cba
--- /dev/null
+++ b/admin/server/apps/wf/migrations/0001_initial.py
@@ -0,0 +1,177 @@
+# Generated by Django 3.1.8 on 2022-01-29 02:04
+
+from django.conf import settings
+from django.db import migrations, models
+import jsonfield.fields
+import django.db.models.deletion
+import django.utils.timezone
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+        ('system', '0002_auto_20210718_0918'),
+        migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='State',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('create_time', models.DateTimeField(default=django.utils.timezone.now, help_text='创建时间', verbose_name='创建时间')),
+                ('update_time', models.DateTimeField(auto_now=True, help_text='修改时间', verbose_name='修改时间')),
+                ('is_deleted', models.BooleanField(default=False, help_text='删除标记', verbose_name='删除标记')),
+                ('name', models.CharField(max_length=50, verbose_name='名称')),
+                ('is_hidden', models.BooleanField(default=False, help_text='设置为True时,获取工单步骤api中不显示此状态(当前处于此状态时除外)', verbose_name='是否隐藏')),
+                ('sort', models.IntegerField(default=0, help_text='用于工单步骤接口时，step上状态的顺序(因为存在网状情况，所以需要人为设定顺序),值越小越靠前', verbose_name='状态顺序')),
+                ('type', models.IntegerField(choices=[(0, '普通'), (1, '开始'), (2, '结束')], default=0, help_text='0.普通类型 1.初始状态(用于新建工单时,获取对应的字段必填及transition信息) 2.结束状态(此状态下的工单不得再处理，即没有对应的transition)', verbose_name='状态类型')),
+                ('enable_retreat', models.BooleanField(default=False, help_text='开启后允许工单创建人在此状态直接撤回工单到初始状态', verbose_name='允许撤回')),
+                ('participant_type', models.IntegerField(blank=True, choices=[(0, '无处理人'), (1, '个人'), (2, '多人'), (4, '角色'), (6, '脚本'), (7, '工单的字段'), (9, '代码获取')], default=1, help_text='0.无处理人,1.个人,2.多人,3.部门,4.角色,5.变量(支持工单创建人,创建人的leader),6.脚本,7.工单的字段内容(如表单中的"测试负责人"，需要为用户名或者逗号隔开的多个用户名),8.父工单的字段内容。 初始状态请选择类型5，参与人填create_by', verbose_name='参与者类型')),
+                ('participant', jsonfield.fields.JSONField(blank=True, default=list, help_text='可以为空(无处理人的情况，如结束状态)、userid、userid列表\\部门id\\角色id\\变量(create_by,create_by_tl)\\脚本记录的id等，包含子工作流的需要设置处理人为loonrobot', verbose_name='参与者')),
+                ('state_fields', jsonfield.fields.JSONField(default=dict, help_text='json格式字典存储,包括读写属性1：只读，2：必填，3：可选, 4:隐藏 示例：{"create_time":1,"title":2, "sn":1}, 内置特殊字段participant_info.participant_name:当前处理人信息(部门名称、角色名称)，state.state_name:当前状态的状态名,workflow.workflow_name:工作流名称', verbose_name='表单字段')),
+                ('distribute_type', models.IntegerField(choices=[(1, '主动接单'), (2, '直接处理'), (3, '随机分配'), (4, '全部处理')], default=1, help_text='1.主动接单(如果当前处理人实际为多人的时候，需要先接单才能处理) 2.直接处理(即使当前处理人实际为多人，也可以直接处理) 3.随机分配(如果实际为多人，则系统会随机分配给其中一个人) 4.全部处理(要求所有参与人都要处理一遍,才能进入下一步)', verbose_name='分配方式')),
+                ('filter_policy', models.IntegerField(choices=[(0, '无'), (1, '和工单同属一及上级部门'), (2, '和创建人同属一及上级部门'), (3, '和上步处理人同属一及上级部门')], default=0, verbose_name='参与人过滤策略')),
+                ('participant_cc', jsonfield.fields.JSONField(blank=True, default=list, help_text='抄送给(userid列表)', verbose_name='抄送给')),
+                ('create_by', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='state_create_by', to=settings.AUTH_USER_MODEL, verbose_name='创建人')),
+                ('update_by', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='state_update_by', to=settings.AUTH_USER_MODEL, verbose_name='最后编辑人')),
+            ],
+            options={
+                'abstract': False,
+            },
+        ),
+        migrations.CreateModel(
+            name='Ticket',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('create_time', models.DateTimeField(default=django.utils.timezone.now, help_text='创建时间', verbose_name='创建时间')),
+                ('update_time', models.DateTimeField(auto_now=True, help_text='修改时间', verbose_name='修改时间')),
+                ('is_deleted', models.BooleanField(default=False, help_text='删除标记', verbose_name='删除标记')),
+                ('title', models.CharField(blank=True, help_text='工单标题', max_length=500, null=True, verbose_name='标题')),
+                ('sn', models.CharField(help_text='工单的流水号', max_length=25, verbose_name='流水号')),
+                ('ticket_data', jsonfield.fields.JSONField(default=dict, help_text='工单自定义字段内容', verbose_name='工单数据')),
+                ('in_add_node', models.BooleanField(default=False, help_text='是否处于加签状态下', verbose_name='加签状态中')),
+                ('script_run_last_result', models.BooleanField(default=True, verbose_name='脚本最后一次执行结果')),
+                ('participant_type', models.IntegerField(choices=[(0, '无处理人'), (1, '个人'), (2, '多人'), (4, '角色'), (6, '脚本'), (7, '工单的字段'), (9, '代码获取')], default=0, help_text='0.无处理人,1.个人,2.多人', verbose_name='当前处理人类型')),
+                ('participant', jsonfield.fields.JSONField(blank=True, default=list, help_text='可以为空(无处理人的情况，如结束状态)、userid、userid列表', verbose_name='当前处理人')),
+                ('act_state', models.IntegerField(choices=[(0, '草稿中'), (1, '进行中'), (2, '被退回'), (3, '被撤回'), (4, '已完成'), (5, '已关闭')], default=1, help_text='当前工单的进行状态', verbose_name='进行状态')),
+                ('multi_all_person', jsonfield.fields.JSONField(blank=True, default=dict, help_text='需要当前状态处理人全部处理时实际的处理结果，json格式', verbose_name='全部处理的结果')),
+                ('add_node_man', models.ForeignKey(blank=True, help_text='加签操作的人，工单当前处理人处理完成后会回到该处理人，当处于加签状态下才有效', null=True, on_delete=django.db.models.deletion.SET_NULL, to=settings.AUTH_USER_MODEL, verbose_name='加签人')),
+                ('belong_dept', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='ticket_belong_dept', to='system.organization', verbose_name='所属部门')),
+                ('create_by', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='ticket_create_by', to=settings.AUTH_USER_MODEL, verbose_name='创建人')),
+                ('parent', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.CASCADE, to='wf.ticket', verbose_name='父工单')),
+                ('parent_state', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.CASCADE, related_name='ticket_parent_state', to='wf.state', verbose_name='父工单状态')),
+                ('state', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='ticket_state', to='wf.state', verbose_name='当前状态')),
+                ('update_by', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='ticket_update_by', to=settings.AUTH_USER_MODEL, verbose_name='最后编辑人')),
+            ],
+            options={
+                'abstract': False,
+            },
+        ),
+        migrations.CreateModel(
+            name='Workflow',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('create_time', models.DateTimeField(default=django.utils.timezone.now, help_text='创建时间', verbose_name='创建时间')),
+                ('update_time', models.DateTimeField(auto_now=True, help_text='修改时间', verbose_name='修改时间')),
+                ('is_deleted', models.BooleanField(default=False, help_text='删除标记', verbose_name='删除标记')),
+                ('name', models.CharField(max_length=50, verbose_name='名称')),
+                ('key', models.CharField(blank=True, max_length=20, null=True, unique=True, verbose_name='工作流标识')),
+                ('sn_prefix', models.CharField(default='hb', max_length=50, verbose_name='流水号前缀')),
+                ('description', models.CharField(blank=True, max_length=200, null=True, verbose_name='描述')),
+                ('view_permission_check', models.BooleanField(default=True, help_text='开启后，只允许工单的关联人(创建人、曾经的处理人)有权限查看工单', verbose_name='查看权限校验')),
+                ('limit_expression', jsonfield.fields.JSONField(blank=True, default=dict, help_text='限制周期({"period":24} 24小时), 限制次数({"count":1}在限制周期内只允许提交1次), 限制级别({"level":1} 针对(1单个用户 2全局)限制周期限制次数,默认特定用户);允许特定人员提交({"allow_persons":"zhangsan,lisi"}只允许张三提交工单,{"allow_depts":"1,2"}只允许部门id为1和2的用户提交工单，{"allow_roles":"1,2"}只允许角色id为1和2的用户提交工单)', verbose_name='限制表达式')),
+                ('display_form_str', jsonfield.fields.JSONField(blank=True, default=list, help_text='默认"[]"，用于用户只有对应工单查看权限时显示哪些字段,field_key的list的json,如["days","sn"],内置特殊字段participant_info.participant_name:当前处理人信息(部门名称、角色名称)，state.state_name:当前状态的状态名,workflow.workflow_name:工作流名称', verbose_name='展现表单字段')),
+                ('title_template', models.CharField(blank=True, default='{title}', help_text='工单字段的值可以作为参数写到模板中，格式如：你有一个待办工单:{title}', max_length=50, null=True, verbose_name='标题模板')),
+                ('content_template', models.CharField(blank=True, default='标题:{title}, 创建时间:{create_time}', help_text='工单字段的值可以作为参数写到模板中，格式如：标题:{title}, 创建时间:{create_time}', max_length=1000, null=True, verbose_name='内容模板')),
+                ('create_by', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='workflow_create_by', to=settings.AUTH_USER_MODEL, verbose_name='创建人')),
+                ('update_by', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='workflow_update_by', to=settings.AUTH_USER_MODEL, verbose_name='最后编辑人')),
+            ],
+            options={
+                'abstract': False,
+            },
+        ),
+        migrations.CreateModel(
+            name='Transition',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('create_time', models.DateTimeField(default=django.utils.timezone.now, help_text='创建时间', verbose_name='创建时间')),
+                ('update_time', models.DateTimeField(auto_now=True, help_text='修改时间', verbose_name='修改时间')),
+                ('is_deleted', models.BooleanField(default=False, help_text='删除标记', verbose_name='删除标记')),
+                ('name', models.CharField(max_length=50, verbose_name='操作')),
+                ('timer', models.IntegerField(default=0, help_text='单位秒。处于源状态X秒后如果状态都没有过变化则自动流转到目标状态。设置时间有效', verbose_name='定时器(单位秒)')),
+                ('condition_expression', jsonfield.fields.JSONField(default=list, help_text='流转条件表达式，根据表达式中的条件来确定流转的下个状态，格式为[{"expression":"{days} > 3 and {days}<10", "target_state":11}] 其中{}用于填充工单的字段key,运算时会换算成实际的值，当符合条件下个状态将变为target_state_id中的值,表达式只支持简单的运算或datetime/time运算.loonflow会以首次匹配成功的条件为准，所以多个条件不要有冲突', max_length=1000, verbose_name='条件表达式')),
+                ('attribute_type', models.IntegerField(choices=[(1, '同意'), (2, '拒绝'), (3, '其他')], default=1, help_text='属性类型，1.同意，2.拒绝，3.其他', verbose_name='属性类型')),
+                ('field_require_check', models.BooleanField(default=True, help_text='默认在用户点击操作的时候需要校验工单表单的必填项,如果设置为否则不检查。用于如"退回"属性的操作，不需要填写表单内容', verbose_name='是否校验必填项')),
+                ('create_by', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='transition_create_by', to=settings.AUTH_USER_MODEL, verbose_name='创建人')),
+                ('destination_state', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='dstate_transition', to='wf.state', verbose_name='目的状态')),
+                ('source_state', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='sstate_transition', to='wf.state', verbose_name='源状态')),
+                ('update_by', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='transition_update_by', to=settings.AUTH_USER_MODEL, verbose_name='最后编辑人')),
+                ('workflow', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to='wf.workflow', verbose_name='所属工作流')),
+            ],
+            options={
+                'abstract': False,
+            },
+        ),
+        migrations.CreateModel(
+            name='TicketFlow',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('create_time', models.DateTimeField(default=django.utils.timezone.now, help_text='创建时间', verbose_name='创建时间')),
+                ('update_time', models.DateTimeField(auto_now=True, help_text='修改时间', verbose_name='修改时间')),
+                ('is_deleted', models.BooleanField(default=False, help_text='删除标记', verbose_name='删除标记')),
+                ('suggestion', models.CharField(blank=True, default='', max_length=10000, verbose_name='处理意见')),
+                ('participant_type', models.IntegerField(choices=[(0, '无处理人'), (1, '个人'), (2, '多人'), (4, '角色'), (6, '脚本'), (7, '工单的字段'), (9, '代码获取')], default=0, help_text='0.无处理人,1.个人,2.多人等', verbose_name='处理人类型')),
+                ('participant_str', models.CharField(blank=True, help_text='非人工处理的处理人相关信息', max_length=200, null=True, verbose_name='处理人')),
+                ('ticket_data', jsonfield.fields.JSONField(blank=True, default=dict, help_text='可以用于记录当前表单数据，json格式', verbose_name='工单数据')),
+                ('intervene_type', models.IntegerField(choices=[(0, '正常处理'), (1, '转交'), (2, '加签'), (3, '加签处理完成'), (4, '接单'), (5, '评论'), (6, '删除'), (7, '强制关闭'), (8, '强制修改状态'), (9, 'hook操作'), (10, '撤回'), (11, '抄送')], default=0, help_text='流转类型', verbose_name='干预类型')),
+                ('participant_cc', jsonfield.fields.JSONField(blank=True, default=list, help_text='抄送给(userid列表)', verbose_name='抄送给')),
+                ('participant', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='ticketflow_participant', to=settings.AUTH_USER_MODEL, verbose_name='处理人')),
+                ('state', models.ForeignKey(blank=True, default=0, on_delete=django.db.models.deletion.CASCADE, to='wf.state', verbose_name='当前状态')),
+                ('ticket', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='ticketflow_ticket', to='wf.ticket', verbose_name='关联工单')),
+                ('transition', models.ForeignKey(blank=True, help_text='与worklow.Transition关联， 为空时表示认为干预的操作', null=True, on_delete=django.db.models.deletion.CASCADE, to='wf.transition', verbose_name='流转id')),
+            ],
+            options={
+                'abstract': False,
+            },
+        ),
+        migrations.AddField(
+            model_name='ticket',
+            name='workflow',
+            field=models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to='wf.workflow', verbose_name='关联工作流'),
+        ),
+        migrations.AddField(
+            model_name='state',
+            name='workflow',
+            field=models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to='wf.workflow', verbose_name='所属工作流'),
+        ),
+        migrations.CreateModel(
+            name='CustomField',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('create_time', models.DateTimeField(default=django.utils.timezone.now, help_text='创建时间', verbose_name='创建时间')),
+                ('update_time', models.DateTimeField(auto_now=True, help_text='修改时间', verbose_name='修改时间')),
+                ('is_deleted', models.BooleanField(default=False, help_text='删除标记', verbose_name='删除标记')),
+                ('field_type', models.CharField(choices=[('string', '字符串'), ('int', '整型'), ('float', '浮点'), ('boolean', '布尔'), ('date', '日期'), ('datetime', '日期时间'), ('radio', '单选'), ('checkbox', '多选'), ('select', '单选下拉'), ('selects', '多选下拉'), ('cascader', '单选级联'), ('cascaders', '多选级联'), ('select_dg', '弹框单选'), ('select_dgs', '弹框多选'), ('textarea', '文本域'), ('file', '附件')], help_text='string, int, float, date, datetime, radio, checkbox, select, selects, cascader, cascaders, select_dg, select_dgs,textarea, file', max_length=50, verbose_name='类型')),
+                ('field_key', models.CharField(help_text='字段类型请尽量特殊，避免与系统中关键字冲突', max_length=50, verbose_name='字段标识')),
+                ('field_name', models.CharField(max_length=50, verbose_name='字段名称')),
+                ('sort', models.IntegerField(default=0, help_text='工单基础字段在表单中排序为:流水号0,标题20,状态id40,状态名41,创建人80,创建时间100,更新时间120.前端展示工单信息的表单可以根据这个id顺序排列', verbose_name='排序')),
+                ('default_value', models.CharField(blank=True, help_text='前端展示时，可以将此内容作为表单中的该字段的默认值', max_length=100, null=True, verbose_name='默认值')),
+                ('description', models.CharField(blank=True, help_text='字段的描述信息，可用于显示在字段的下方对该字段的详细描述', max_length=100, null=True, verbose_name='描述')),
+                ('placeholder', models.CharField(blank=True, help_text='用户工单详情表单中作为字段的占位符显示', max_length=100, null=True, verbose_name='占位符')),
+                ('field_template', models.TextField(blank=True, help_text='文本域类型字段前端显示时可以将此内容作为字段的placeholder', null=True, verbose_name='文本域模板')),
+                ('boolean_field_display', jsonfield.fields.JSONField(blank=True, default=dict, help_text='当为布尔类型时候，可以支持自定义显示形式。{"1":"是","0":"否"}或{"1":"需要","0":"不需要"}，注意数字也需要引号', verbose_name='布尔类型显示名')),
+                ('field_choice', jsonfield.fields.JSONField(blank=True, default=list, help_text='选项值，格式为list, 例["id":1, "name":"张三"]', verbose_name='选项值')),
+                ('label', models.CharField(default='', help_text='处理特殊逻辑使用,比如sys_user用于获取用户作为选项', max_length=1000, verbose_name='标签')),
+                ('is_hidden', models.BooleanField(default=False, help_text='可用于携带不需要用户查看的字段信息', verbose_name='是否隐藏')),
+                ('create_by', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='customfield_create_by', to=settings.AUTH_USER_MODEL, verbose_name='创建人')),
+                ('update_by', models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='customfield_update_by', to=settings.AUTH_USER_MODEL, verbose_name='最后编辑人')),
+                ('workflow', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to='wf.workflow', verbose_name='所属工作流')),
+            ],
+            options={
+                'abstract': False,
+            },
+        ),
+    ]
diff --git a/admin/server/apps/wf/migrations/__init__.py b/admin/server/apps/wf/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/admin/server/apps/wf/models.py b/admin/server/apps/wf/models.py
new file mode 100644
index 0000000..872b3f8
--- /dev/null
+++ b/admin/server/apps/wf/models.py
@@ -0,0 +1,237 @@
+from random import choice
+from django.db import models
+import jsonfield
+from django.db.models.base import Model
+import django.utils.timezone as timezone
+from django.db.models.query import QuerySet
+from apps.system.models import CommonAModel, CommonBModel, Organization, User, Dict, File
+from utils.model import SoftModel, BaseModel
+from simple_history.models import HistoricalRecords
+
+
+class Workflow(CommonAModel):
+    """
+    工作流
+    """
+    name = models.CharField('名称', max_length=50)
+    key = models.CharField('工作流标识', unique=True, max_length=20, null=True, blank=True)
+    sn_prefix = models.CharField('流水号前缀', max_length=50, default='hb')
+    description = models.CharField('描述', max_length=200, null=True, blank=True)
+    view_permission_check = models.BooleanField('查看权限校验', default=True, help_text='开启后，只允许工单的关联人(创建人、曾经的处理人)有权限查看工单')
+    limit_expression = models.JSONField('限制表达式', default=dict, blank=True, help_text='限制周期({"period":24} 24小时), 限制次数({"count":1}在限制周期内只允许提交1次), 限制级别({"level":1} 针对(1单个用户 2全局)限制周期限制次数,默认特定用户);允许特定人员提交({"allow_persons":"zhangsan,lisi"}只允许张三提交工单,{"allow_depts":"1,2"}只允许部门id为1和2的用户提交工单，{"allow_roles":"1,2"}只允许角色id为1和2的用户提交工单)')
+    display_form_str = models.JSONField('展现表单字段', default=list, blank=True, help_text='默认"[]"，用于用户只有对应工单查看权限时显示哪些字段,field_key的list的json,如["days","sn"],内置特殊字段participant_info.participant_name:当前处理人信息(部门名称、角色名称)，state.state_name:当前状态的状态名,workflow.workflow_name:工作流名称')
+    title_template = models.CharField('标题模板', max_length=50, default='{title}', null=True, blank=True, help_text='工单字段的值可以作为参数写到模板中，格式如：你有一个待办工单:{title}')
+    content_template = models.CharField('内容模板', max_length=1000, default='标题:{title}, 创建时间:{create_time}', null=True, blank=True, help_text='工单字段的值可以作为参数写到模板中，格式如：标题:{title}, 创建时间:{create_time}')
+
+class State(CommonAModel):
+    """
+    状态记录
+    """
+    STATE_TYPE_START = 1
+    STATE_TYPE_END = 2
+    type_choices = (
+        (0, '普通'),
+        (STATE_TYPE_START, '开始'),
+        (STATE_TYPE_END, '结束')
+    )
+    PARTICIPANT_TYPE_PERSONAL = 1
+    PARTICIPANT_TYPE_MULTI = 2
+    PARTICIPANT_TYPE_DEPT = 3
+    PARTICIPANT_TYPE_ROLE = 4
+    PARTICIPANT_TYPE_VARIABLE = 5
+    PARTICIPANT_TYPE_ROBOT = 6
+    PARTICIPANT_TYPE_FIELD = 7
+    PARTICIPANT_TYPE_PARENT_FIELD = 8
+    PARTICIPANT_TYPE_FORMCODE = 9
+    state_participanttype_choices = (
+        (0, '无处理人'),
+        (PARTICIPANT_TYPE_PERSONAL, '个人'),
+        (PARTICIPANT_TYPE_MULTI, '多人'),
+        # (PARTICIPANT_TYPE_DEPT, '部门'),
+        (PARTICIPANT_TYPE_ROLE, '角色'),
+        # (PARTICIPANT_TYPE_VARIABLE, '变量'),
+        (PARTICIPANT_TYPE_ROBOT, '脚本'),
+        (PARTICIPANT_TYPE_FIELD, '工单的字段'),
+        # (PARTICIPANT_TYPE_PARENT_FIELD, '父工单的字段'),
+        (PARTICIPANT_TYPE_FORMCODE, '代码获取')
+    )
+    STATE_DISTRIBUTE_TYPE_ACTIVE = 1 # 主动接单
+    STATE_DISTRIBUTE_TYPE_DIRECT = 2 # 直接处理(当前为多人的情况，都可以处理，而不需要先接单)
+    STATE_DISTRIBUTE_TYPE_RANDOM = 3 # 随机分配
+    STATE_DISTRIBUTE_TYPE_ALL = 4 # 全部处理
+    state_distribute_choices=(
+        (STATE_DISTRIBUTE_TYPE_ACTIVE, '主动接单'),
+        (STATE_DISTRIBUTE_TYPE_DIRECT, '直接处理'),
+        (STATE_DISTRIBUTE_TYPE_RANDOM, '随机分配'),
+        (STATE_DISTRIBUTE_TYPE_ALL, '全部处理'),
+    )
+
+    STATE_FIELD_READONLY= 1 # 字段只读
+    STATE_FIELD_REQUIRED = 2 # 字段必填
+    STATE_FIELD_OPTIONAL = 3 # 字段可选
+    STATE_FIELD_HIDDEN = 4 # 字段隐藏
+    state_filter_choices=(
+        (0, '无'),
+        (1, '和工单同属一及上级部门'),
+        (2, '和创建人同属一及上级部门'),
+        (3, '和上步处理人同属一及上级部门'),
+    )
+    name = models.CharField('名称', max_length=50)
+    workflow = models.ForeignKey(Workflow, on_delete=models.CASCADE, verbose_name='所属工作流')
+    is_hidden = models.BooleanField('是否隐藏', default=False, help_text='设置为True时,获取工单步骤api中不显示此状态(当前处于此状态时除外)')
+    sort = models.IntegerField('状态顺序', default=0, help_text='用于工单步骤接口时，step上状态的顺序(因为存在网状情况，所以需要人为设定顺序),值越小越靠前')
+    type = models.IntegerField('状态类型', default=0, choices=type_choices, help_text='0.普通类型 1.初始状态(用于新建工单时,获取对应的字段必填及transition信息) 2.结束状态(此状态下的工单不得再处理，即没有对应的transition)')
+    enable_retreat = models.BooleanField('允许撤回', default=False, help_text='开启后允许工单创建人在此状态直接撤回工单到初始状态')
+    participant_type = models.IntegerField('参与者类型', choices=state_participanttype_choices, default=1, blank=True, help_text='0.无处理人,1.个人,2.多人,3.部门,4.角色,5.变量(支持工单创建人,创建人的leader),6.脚本,7.工单的字段内容(如表单中的"测试负责人"，需要为用户名或者逗号隔开的多个用户名),8.父工单的字段内容。 初始状态请选择类型5，参与人填create_by')
+    participant = models.JSONField('参与者', default=list, blank=True, help_text='可以为空(无处理人的情况，如结束状态)、userid、userid列表\部门id\角色id\变量(create_by,create_by_tl)\脚本记录的id等，包含子工作流的需要设置处理人为loonrobot')
+    state_fields = models.JSONField('表单字段', default=dict, help_text='json格式字典存储,包括读写属性1：只读，2：必填，3：可选, 4:隐藏 示例：{"create_time":1,"title":2, "sn":1}, 内置特殊字段participant_info.participant_name:当前处理人信息(部门名称、角色名称)，state.state_name:当前状态的状态名,workflow.workflow_name:工作流名称')  # json格式存储,包括读写属性1：只读，2：必填，3：可选，4：不显示, 字典的字典
+    distribute_type = models.IntegerField('分配方式', default=1, choices=state_distribute_choices, help_text='1.主动接单(如果当前处理人实际为多人的时候，需要先接单才能处理) 2.直接处理(即使当前处理人实际为多人，也可以直接处理) 3.随机分配(如果实际为多人，则系统会随机分配给其中一个人) 4.全部处理(要求所有参与人都要处理一遍,才能进入下一步)')
+    filter_policy = models.IntegerField('参与人过滤策略', default=0, choices=state_filter_choices)
+    participant_cc = models.JSONField('抄送给', default=list, blank=True, help_text='抄送给(userid列表)')
+
+class Transition(CommonAModel):
+    """
+    工作流流转，定时器，条件(允许跳过)， 条件流转与定时器不可同时存在
+    """
+    TRANSITION_ATTRIBUTE_TYPE_ACCEPT = 1  # 同意
+    TRANSITION_ATTRIBUTE_TYPE_REFUSE = 2  # 拒绝
+    TRANSITION_ATTRIBUTE_TYPE_OTHER = 3  # 其他
+    attribute_type_choices = (
+        (1, '同意'),
+        (2, '拒绝'),
+        (3, '其他')
+    )
+    TRANSITION_INTERVENE_TYPE_DELIVER = 1  # 转交操作
+    TRANSITION_INTERVENE_TYPE_ADD_NODE = 2  # 加签操作
+    TRANSITION_INTERVENE_TYPE_ADD_NODE_END = 3  # 加签处理完成
+    TRANSITION_INTERVENE_TYPE_ACCEPT = 4  # 接单操作
+    TRANSITION_INTERVENE_TYPE_COMMENT = 5  # 评论操作
+    TRANSITION_INTERVENE_TYPE_DELETE = 6  # 删除操作
+    TRANSITION_INTERVENE_TYPE_CLOSE = 7  # 强制关闭操作
+    TRANSITION_INTERVENE_TYPE_ALTER_STATE = 8  # 强制修改状态操作
+    TRANSITION_INTERVENE_TYPE_HOOK = 9  # hook操作
+    TRANSITION_INTERVENE_TYPE_RETREAT = 10  # 撤回
+    TRANSITION_INTERVENE_TYPE_CC = 11 # 抄送
+
+    intervene_type_choices = (
+        (0, '正常处理'),
+        (TRANSITION_INTERVENE_TYPE_DELIVER, '转交'),
+        (TRANSITION_INTERVENE_TYPE_ADD_NODE, '加签'),
+        (TRANSITION_INTERVENE_TYPE_ADD_NODE_END, '加签处理完成'),
+        (TRANSITION_INTERVENE_TYPE_ACCEPT, '接单'),
+        (TRANSITION_INTERVENE_TYPE_COMMENT, '评论'),
+        (TRANSITION_INTERVENE_TYPE_DELETE, '删除'),
+        (TRANSITION_INTERVENE_TYPE_CLOSE, '强制关闭'),
+        (TRANSITION_INTERVENE_TYPE_ALTER_STATE, '强制修改状态'),
+        (TRANSITION_INTERVENE_TYPE_HOOK, 'hook操作'),
+        (TRANSITION_INTERVENE_TYPE_RETREAT, '撤回'),
+        (TRANSITION_INTERVENE_TYPE_CC, '抄送')
+    )
+
+    name = models.CharField('操作', max_length=50)
+    workflow = models.ForeignKey(Workflow, on_delete=models.CASCADE, verbose_name='所属工作流')
+    timer = models.IntegerField('定时器(单位秒)', default=0, help_text='单位秒。处于源状态X秒后如果状态都没有过变化则自动流转到目标状态。设置时间有效')
+    source_state = models.ForeignKey(State, on_delete=models.CASCADE, verbose_name='源状态', related_name='sstate_transition')
+    destination_state = models.ForeignKey(State, on_delete=models.CASCADE, verbose_name='目的状态', related_name='dstate_transition')
+    condition_expression = models.JSONField('条件表达式', max_length=1000, default=list, help_text='流转条件表达式，根据表达式中的条件来确定流转的下个状态，格式为[{"expression":"{days} > 3 and {days}<10", "target_state":11}] 其中{}用于填充工单的字段key,运算时会换算成实际的值，当符合条件下个状态将变为target_state_id中的值,表达式只支持简单的运算或datetime/time运算.loonflow会以首次匹配成功的条件为准，所以多个条件不要有冲突' )
+    attribute_type = models.IntegerField('属性类型', default=1, choices=attribute_type_choices, help_text='属性类型，1.同意，2.拒绝，3.其他')
+    field_require_check = models.BooleanField('是否校验必填项', default=True, help_text='默认在用户点击操作的时候需要校验工单表单的必填项,如果设置为否则不检查。用于如"退回"属性的操作，不需要填写表单内容')
+
+
+class CustomField(CommonAModel):
+    """自定义字段, 设定某个工作流有哪些自定义字段"""
+    field_type_choices = (
+        ('string', '字符串'),
+        ('int', '整型'),
+        ('float', '浮点'),
+        ('boolean', '布尔'),
+        ('date', '日期'),
+        ('datetime', '日期时间'),
+        ('radio', '单选'),
+        ('checkbox', '多选'),
+        ('select', '单选下拉'),
+        ('selects', '多选下拉'),
+        ('cascader', '单选级联'),
+        ('cascaders', '多选级联'),
+        ('select_dg', '弹框单选'),
+        ('select_dgs', '弹框多选'),
+        ('textarea', '文本域'),
+        ('file', '附件')
+    )
+    workflow = models.ForeignKey(Workflow, on_delete=models.CASCADE, verbose_name='所属工作流')
+    field_type = models.CharField('类型', max_length=50, choices=field_type_choices, 
+    help_text='string, int, float, date, datetime, radio, checkbox, select, selects, cascader, cascaders, select_dg, select_dgs,textarea, file')
+    field_key = models.CharField('字段标识', max_length=50, help_text='字段类型请尽量特殊，避免与系统中关键字冲突')
+    field_name = models.CharField('字段名称', max_length=50)
+    sort = models.IntegerField('排序', default=0, help_text='工单基础字段在表单中排序为:流水号0,标题20,状态id40,状态名41,创建人80,创建时间100,更新时间120.前端展示工单信息的表单可以根据这个id顺序排列')
+    default_value = models.CharField('默认值', null=True, blank=True, max_length=100, help_text='前端展示时，可以将此内容作为表单中的该字段的默认值')
+    description = models.CharField('描述', max_length=100, blank=True, null=True, help_text='字段的描述信息，可用于显示在字段的下方对该字段的详细描述')
+    placeholder = models.CharField('占位符', max_length=100, blank=True, null=True, help_text='用户工单详情表单中作为字段的占位符显示')
+    field_template = models.TextField('文本域模板', null=True, blank=True, help_text='文本域类型字段前端显示时可以将此内容作为字段的placeholder')
+    boolean_field_display = models.JSONField('布尔类型显示名', default=dict, blank=True,
+                                             help_text='当为布尔类型时候，可以支持自定义显示形式。{"1":"是","0":"否"}或{"1":"需要","0":"不需要"}，注意数字也需要引号')
+    
+    field_choice = models.JSONField('选项值', default=list, blank=True,
+                                    help_text='选项值，格式为list, 例["id":1, "name":"张三"]')
+    
+    label = models.CharField('标签', max_length=1000, default='', help_text='处理特殊逻辑使用,比如sys_user用于获取用户作为选项')
+    # hook = models.CharField('hook', max_length=1000, default='', help_text='获取下拉选项用于动态选项值')
+    is_hidden = models.BooleanField('是否隐藏', default=False, help_text='可用于携带不需要用户查看的字段信息')
+
+class Ticket(CommonBModel):
+    """
+    工单
+    """
+    TICKET_ACT_STATE_DRAFT = 0  # 草稿中
+    TICKET_ACT_STATE_ONGOING = 1  # 进行中
+    TICKET_ACT_STATE_BACK = 2  # 被退回
+    TICKET_ACT_STATE_RETREAT = 3  # 被撤回
+    TICKET_ACT_STATE_FINISH = 4  # 已完成
+    TICKET_ACT_STATE_CLOSED = 5  # 已关闭
+
+    act_state_choices =(
+        (TICKET_ACT_STATE_DRAFT, '草稿中'),
+        (TICKET_ACT_STATE_ONGOING, '进行中'),
+        (TICKET_ACT_STATE_BACK, '被退回'),
+        (TICKET_ACT_STATE_RETREAT, '被撤回'),
+        (TICKET_ACT_STATE_FINISH, '已完成'),
+        (TICKET_ACT_STATE_CLOSED, '已关闭')
+    )
+    category_choices =(
+        ('all', '全部'),
+        ('owner', '我创建的'),
+        ('duty', '待办'),
+        ('worked', '我处理的'),
+        ('cc', '抄送我的')
+    )
+    title = models.CharField('标题', max_length=500, null=True, blank=True, help_text="工单标题")
+    workflow = models.ForeignKey(Workflow, on_delete=models.CASCADE, verbose_name='关联工作流')
+    sn = models.CharField('流水号', max_length=25, help_text="工单的流水号")
+    state = models.ForeignKey(State, on_delete=models.CASCADE, verbose_name='当前状态', related_name='ticket_state')
+    parent = models.ForeignKey('self', null=True, blank=True, on_delete=models.CASCADE, verbose_name='父工单')
+    parent_state = models.ForeignKey(State, null=True, blank=True, on_delete=models.CASCADE, verbose_name='父工单状态', related_name='ticket_parent_state')
+    ticket_data = models.JSONField('工单数据', default=dict, help_text='工单自定义字段内容')
+    in_add_node = models.BooleanField('加签状态中', default=False, help_text='是否处于加签状态下')
+    add_node_man = models.ForeignKey(User, verbose_name='加签人', on_delete=models.SET_NULL, null=True, blank=True, help_text='加签操作的人，工单当前处理人处理完成后会回到该处理人，当处于加签状态下才有效')
+    script_run_last_result = models.BooleanField('脚本最后一次执行结果', default=True)
+    participant_type = models.IntegerField('当前处理人类型', default=0, help_text='0.无处理人,1.个人,2.多人', choices=State.state_participanttype_choices)
+    participant = models.JSONField('当前处理人', default=list, blank=True, help_text='可以为空(无处理人的情况，如结束状态)、userid、userid列表')
+    act_state = models.IntegerField('进行状态', default=1, help_text='当前工单的进行状态', choices=act_state_choices)
+    multi_all_person = models.JSONField('全部处理的结果', default=dict, blank=True, help_text='需要当前状态处理人全部处理时实际的处理结果，json格式')
+
+
+class TicketFlow(BaseModel):
+    """
+    工单流转日志
+    """
+    ticket = models.ForeignKey(Ticket, on_delete=models.CASCADE, verbose_name='关联工单', related_name='ticketflow_ticket')
+    transition = models.ForeignKey(Transition, verbose_name='流转id', help_text='与worklow.Transition关联， 为空时表示认为干预的操作', on_delete=models.CASCADE, null=True, blank=True)
+    suggestion = models.CharField('处理意见', max_length=10000, default='', blank=True)
+    participant_type = models.IntegerField('处理人类型', default=0, help_text='0.无处理人,1.个人,2.多人等', choices=State.state_participanttype_choices)
+    participant = models.ForeignKey(User, verbose_name='处理人', on_delete=models.SET_NULL, null=True, blank=True, related_name='ticketflow_participant')
+    participant_str = models.CharField('处理人', max_length=200, null=True, blank=True, help_text='非人工处理的处理人相关信息')
+    state = models.ForeignKey(State, verbose_name='当前状态', default=0, blank=True, on_delete=models.CASCADE)
+    ticket_data = models.JSONField('工单数据', default=dict, blank=True, help_text='可以用于记录当前表单数据，json格式')
+    intervene_type = models.IntegerField('干预类型', default=0, help_text='流转类型', choices=Transition.intervene_type_choices)
+    participant_cc = models.JSONField('抄送给', default=list, blank=True, help_text='抄送给(userid列表)')
+
diff --git a/admin/server/apps/wf/scripts.py b/admin/server/apps/wf/scripts.py
new file mode 100644
index 0000000..eda2694
--- /dev/null
+++ b/admin/server/apps/wf/scripts.py
@@ -0,0 +1,56 @@
+from apps.system.models import User
+from apps.wf.models import State, Ticket, TicketFlow, Transition
+
+
+class GetParticipants:
+    """
+    获取处理人脚本
+    """
+    all_funcs = [
+        {'func':'get_create_by', 'name':'获取工单创建人'}
+    ]
+
+    # def all_funcs(self):
+    #     # return list(filter(lambda x: x.startswith('get_') and callable(getattr(self, x)), dir(self)))
+    #     return [(func, getattr(self, func).__doc__) for func in dir(self) if callable(getattr(self, func)) and func.startswith('get_')]
+
+    @classmethod
+    def get_create_by(cls, state:dict={}, ticket:dict={}, new_ticket_data:dict={}, handler:User={}):
+        """工单创建人"""
+        participant = ticket.create_by.id
+        return participant
+
+class HandleScripts:
+    """
+    任务处理脚本
+    """
+    all_funcs = [
+        {'func': 'handle_something', 'name':'处理一些工作'}
+    ]
+
+
+    @classmethod
+    def to_next(cls, ticket:Ticket, by_timer:bool=False, by_task:bool=False, by_hook:bool=False, script_str:str=''):
+        # 获取信息      
+        transition_obj = Transition.objects.filter(source_state=ticket.state, is_deleted=False).first()
+
+        TicketFlow.objects.create(ticket=ticket, state=ticket.state,
+                            participant_type=State.PARTICIPANT_TYPE_ROBOT,
+                            participant_str='func:{}'.format(script_str),
+                            transition=transition_obj)
+        from .services import WfService
+
+        # 自动执行流转
+        WfService.handle_ticket(ticket=ticket, transition=transition_obj, new_ticket_data=ticket.ticket_data, by_task=True)
+
+        return ticket
+
+    @classmethod
+    def handle_something(cls, ticket:Ticket):
+        """处理一些工作"""
+        # 任务处理代码区
+
+
+        # 调用自动流转
+        ticket = cls.to_next(ticket=ticket, by_task=True, script_str= 'handle_something')
+        
diff --git a/admin/server/apps/wf/serializers.py b/admin/server/apps/wf/serializers.py
new file mode 100644
index 0000000..70b03bc
--- /dev/null
+++ b/admin/server/apps/wf/serializers.py
@@ -0,0 +1,193 @@
+from apps.system.models import Organization, User
+from apps.system.serializers import UserSimpleSerializer
+import rest_framework
+from rest_framework import serializers
+
+from .models import State, Ticket, TicketFlow, Workflow, Transition, CustomField
+
+
+class WorkflowSerializer(serializers.ModelSerializer):
+    class Meta:
+        model = Workflow
+        fields = '__all__'
+
+class StateSerializer(serializers.ModelSerializer):
+    class Meta:
+        model = State
+        fields = '__all__'
+
+class WorkflowSimpleSerializer(serializers.ModelSerializer):
+    class Meta:
+        model = Workflow
+        fields = ['id', 'name']
+
+class StateSimpleSerializer(serializers.ModelSerializer):
+    class Meta:
+        model = State
+        fields = ['id', 'name', 'type', 'distribute_type', 'enable_retreat']
+
+class TransitionSerializer(serializers.ModelSerializer):
+    source_state_ = StateSimpleSerializer(source='source_state', read_only=True)
+    destination_state_ = StateSimpleSerializer(source='destination_state', read_only=True)
+    class Meta:
+        model = Transition
+        fields = '__all__'
+    @staticmethod
+    def setup_eager_loading(queryset):
+        """ Perform necessary eager loading of data. """
+        queryset = queryset.select_related('source_state','destination_state')
+        return queryset
+
+class AllField(serializers.Field):
+    def to_representation(self, value):
+        return value
+
+    def to_internal_value(self, data):
+        return data
+
+class FieldChoiceSerializer(serializers.Serializer):
+    id = AllField(label='ID')
+    name = serializers.CharField(label='名称')
+
+
+class CustomFieldSerializer(serializers.ModelSerializer):
+    class Meta:
+        model = CustomField
+        fields = '__all__'
+
+class CustomFieldCreateUpdateSerializer(serializers.ModelSerializer):
+
+    field_choice = FieldChoiceSerializer(label='选项列表', many=True, required=False)
+    class Meta:
+        model = CustomField
+        fields = ['workflow', 'field_type', 'field_key', 'field_name', 
+            'sort', 'default_value', 'description', 'placeholder', 'field_template', 
+            'boolean_field_display', 'field_choice', 'label', 'is_hidden']
+    
+
+class TicketSimpleSerializer(serializers.ModelSerializer):
+    class Meta:
+        model = Ticket
+        fields = '__all__'
+
+class TicketCreateSerializer(serializers.ModelSerializer):
+    transition = serializers.PrimaryKeyRelatedField(queryset=Transition.objects.all(), write_only=True)
+    title = serializers.CharField(allow_blank=True, required=False)
+    class Meta:
+        model=Ticket
+        fields=['title','workflow', 'ticket_data', 'transition']
+    
+    def create(self, validated_data):
+        return super().create(validated_data)
+
+class TicketSerializer(serializers.ModelSerializer):
+    workflow_ = WorkflowSimpleSerializer(source='workflow', read_only=True)
+    state_ = StateSimpleSerializer(source='state', read_only=True)
+
+    class Meta:
+        model = Ticket
+        fields = '__all__'
+    
+    @staticmethod
+    def setup_eager_loading(queryset):
+        queryset = queryset.select_related('workflow','state')
+        return queryset
+
+class TicketListSerializer(serializers.ModelSerializer):
+    workflow_ = WorkflowSimpleSerializer(source='workflow', read_only=True)
+    state_ = StateSimpleSerializer(source='state', read_only=True)
+
+    class Meta:
+        model = Ticket
+        fields = ['id', 'title', 'sn', 'workflow', 'workflow_', 'state', 'state_', 'act_state', 'create_time', 'update_time', 'participant_type', 'create_by']
+    
+    @staticmethod
+    def setup_eager_loading(queryset):
+        queryset = queryset.select_related('workflow','state')
+        return queryset
+
+class TicketDetailSerializer(serializers.ModelSerializer):
+    workflow_ = WorkflowSimpleSerializer(source='workflow', read_only=True)
+    state_ = StateSimpleSerializer(source='state', read_only=True)
+    ticket_data_ = serializers.SerializerMethodField()
+    class Meta:
+        model = Ticket
+        fields = '__all__'
+    
+    @staticmethod
+    def setup_eager_loading(queryset):
+        queryset = queryset.select_related('workflow','state')
+        return queryset
+
+    def get_ticket_data_(self, obj):
+        ticket_data = obj.ticket_data
+        state_fields = obj.state.state_fields
+        all_fields = CustomField.objects.filter(workflow=obj.workflow).order_by('sort')
+        all_fields_l = CustomFieldSerializer(instance=all_fields, many=True).data
+        for i in all_fields_l:
+            key = i['field_key']
+            i['field_state'] = state_fields.get(key, 1)
+            i['field_value'] = ticket_data.get(key, None)
+            i['field_display'] = i['field_value'] # 该字段是用于查看详情直接展示
+            if i['field_value']:
+                if 'sys_user' in i['label']:
+                    if isinstance(i['field_value'], list):
+                        i['field_display'] = ','.join(list(User.objects.filter(id__in=i['field_value']).values_list('name', flat=True)))
+                    else:
+                        i['field_display'] = User.objects.get(id=i['field_value']).name
+                elif 'deptSelect' in i['label']:
+                    if isinstance(i['field_value'], list):
+                        i['field_display'] = ','.join(list(Organization.objects.filter(id__in=i['field_value']).values_list('name', flat=True)))
+                    else:
+                        i['field_display'] = Organization.objects.get(id=i['field_value']).name
+                elif i['field_type'] in ['radio', 'select']:
+                    for m in i['field_choice']:
+                        if m['id'] == i['field_value']:
+                            i['field_display'] = m['name']
+                elif i['field_type'] in ['checkbox', 'selects']:
+                    d_list = []
+                    for m in i['field_choice']:
+                        if m['id'] in i['field_value']:
+                            d_list.append(m['name'])
+                    i['field_display'] = ','.join(d_list)
+        return all_fields_l
+
+    def filter_display(self, item, field_value):
+        if item['id'] == field_value:
+            return 
+
+class TicketFlowSerializer(serializers.ModelSerializer):
+    participant_ = UserSimpleSerializer(source='participant', read_only=True)
+    state_ = StateSimpleSerializer(source='state', read_only=True)
+    class Meta:
+        model = TicketFlow
+        fields = '__all__'
+
+class TicketFlowSimpleSerializer(serializers.ModelSerializer):
+    participant_ = UserSimpleSerializer(source='participant', read_only=True)
+    state_ = StateSimpleSerializer(source='state', read_only=True)
+    class Meta:
+        model = TicketFlow
+        exclude = ['ticket_data']
+
+    
+class TicketHandleSerializer(serializers.Serializer):
+    transition = serializers.PrimaryKeyRelatedField(queryset=Transition.objects.all(), label="流转id")
+    ticket_data = serializers.JSONField(label="表单数据json")
+    suggestion = serializers.CharField(label="处理意见", required = False, allow_blank=True)
+
+class TicketRetreatSerializer(serializers.Serializer):
+    suggestion = serializers.CharField(label="撤回原因", required = False)
+
+class TicketCloseSerializer(serializers.Serializer):
+    suggestion = serializers.CharField(label="关闭原因", required = False)
+
+class TicketAddNodeSerializer(serializers.Serializer):
+    suggestion = serializers.CharField(label="加签说明", required = False)
+    toadd_user = serializers.PrimaryKeyRelatedField(queryset=User.objects.all(), label='发送给谁去加签')
+
+class TicketAddNodeEndSerializer(serializers.Serializer):
+    suggestion = serializers.CharField(label="加签意见", required = False)
+
+class TicketDestorySerializer(serializers.Serializer):
+    ids = serializers.ListField(child=serializers.PrimaryKeyRelatedField(queryset=Ticket.objects.all()), label='工单ID列表')
\ No newline at end of file
diff --git a/admin/server/apps/wf/services.py b/admin/server/apps/wf/services.py
new file mode 100644
index 0000000..178318c
--- /dev/null
+++ b/admin/server/apps/wf/services.py
@@ -0,0 +1,353 @@
+from apps.wf.serializers import CustomFieldSerializer
+from apps.wf.serializers import TicketSerializer, TicketSimpleSerializer
+from typing import Tuple
+from apps.system.models import User
+from apps.wf.models import CustomField, State, Ticket, TicketFlow, Transition, Workflow
+from rest_framework.exceptions import APIException, PermissionDenied
+from django.utils import timezone
+from datetime import timedelta
+import random
+from .scripts import GetParticipants, HandleScripts
+from utils.queryset import get_parent_queryset
+
+class WfService(object):
+    @staticmethod
+    def get_worlflow_states(workflow:Workflow):
+        """
+        获取工作流状态列表
+        """
+        return State.objects.filter(workflow=workflow, is_deleted=False).order_by('sort')
+    
+    @staticmethod
+    def get_workflow_transitions(workflow:Workflow):
+        """
+        获取工作流流转列表
+        """
+        return Transition.objects.filter(workflow=workflow, is_deleted=False)
+    
+    @staticmethod
+    def get_workflow_start_state(workflow:Workflow):
+        """
+        获取工作流初始状态
+        """
+        try:
+            wf_state_obj = State.objects.get(workflow=workflow, type=State.STATE_TYPE_START, is_deleted=False)
+            return wf_state_obj
+        except:
+            raise Exception('工作流状态配置错误')
+
+    @staticmethod
+    def get_workflow_end_state(workflow:Workflow):
+        """
+        获取工作流结束状态
+        """
+        try:
+            wf_state_obj = State.objects.get(workflow=workflow, type=State.STATE_TYPE_END, is_deleted=False)
+            return wf_state_obj
+        except:
+            raise Exception('工作流状态配置错误')
+
+    @staticmethod
+    def get_workflow_custom_fields(workflow:Workflow):
+        """
+        获取工单字段
+        """
+        return CustomField.objects.filter(is_deleted=False, workflow=workflow).order_by('sort')
+
+    @staticmethod
+    def get_workflow_custom_fields_list(workflow:Workflow):
+        """
+        获取工单字段key List
+        """
+        return list(CustomField.objects.filter(is_deleted=False, workflow=workflow).order_by('sort').values_list('field_key', flat=True))
+
+    @classmethod
+    def get_ticket_transitions(cls, ticket:Ticket):
+        """
+        获取工单当前状态下可用的流转条件
+        """
+        return cls.get_state_transitions(ticket.state)
+
+    @classmethod    
+    def get_state_transitions(cls, state:State):
+        """
+        获取状态可执行的操作
+        """
+        return Transition.objects.filter(is_deleted=False, source_state=state).all()
+
+    @classmethod
+    def get_ticket_steps(cls, ticket:Ticket):
+        steps = cls.get_worlflow_states(ticket.workflow)
+        nsteps_list = []
+        for i in steps:
+            if ticket.state == i or (not i.is_hidden):
+                nsteps_list.append(i)
+        return nsteps_list
+
+    @classmethod
+    def get_ticket_transitions(cls, ticket:Ticket):
+        """
+        获取工单可执行的操作
+        """
+        return cls.get_state_transitions(ticket.state)
+
+    @classmethod
+    def get_transition_by_args(cls, kwargs:dict):
+        """
+        查询并获取流转
+        """
+        kwargs['is_deleted'] = False
+        return Transition.objects.filter(**kwargs).all()
+
+    @classmethod
+    def get_ticket_sn(cls, workflow:Workflow):
+        """
+        生成工单流水号
+        """
+        now = timezone.now()
+        today = str(now)[:10]+' 00:00:00'
+        next_day = str(now+timedelta(days=1))[:10]+' 00:00:00'
+        ticket_day_count_new = Ticket.objects.filter(create_time__gte=today, create_time__lte=next_day, workflow=workflow).count()+1
+        return '%s_%04d%02d%02d%04d' % (workflow.sn_prefix, now.year, now.month, now.day, ticket_day_count_new)
+
+
+        
+    @classmethod
+    def get_next_state_by_transition_and_ticket_info(cls, ticket:Ticket, transition: Transition, new_ticket_data:dict={})->object:
+        """
+        获取下个节点状态
+        """
+        source_state = ticket.state
+        destination_state = transition.destination_state
+        ticket_all_value = cls.get_ticket_all_field_value(ticket)
+        ticket_all_value.update(**new_ticket_data)
+        for key, value in ticket_all_value.items():
+                if isinstance(ticket_all_value[key], str):
+                    ticket_all_value[key] = "'" + ticket_all_value[key] + "'"
+        if transition.condition_expression:
+            for i in transition.condition_expression:
+                expression = i['expression'].format(**ticket_all_value)
+                import datetime, time  # 用于支持条件表达式中对时间的操作
+                if eval(expression, {'__builtins__':None}, {'datetime':datetime, 'time':time}):
+                    destination_state = State.objects.get(pk=i['target_state'])
+                    return destination_state
+        return destination_state
+    
+    @classmethod
+    def get_ticket_state_participant_info(cls, state:State, ticket:Ticket, new_ticket_data:dict={}, handler:User=None):
+        """
+        获取工单目标状态实际的处理人, 处理人类型
+        """
+        if state.type == State.STATE_TYPE_START:
+            """
+            回到初始状态
+            """
+            return dict(destination_participant_type=State.PARTICIPANT_TYPE_PERSONAL,
+                                destination_participant=ticket.create_by.id,
+                                multi_all_person={})
+        elif state.type == State.STATE_TYPE_END:
+            """
+            到达结束状态
+            """
+            return dict(destination_participant_type=0,
+                                destination_participant=0,
+                                multi_all_person={})
+        multi_all_person_dict = {}
+        destination_participant_type, destination_participant = state.participant_type, state.participant
+        if destination_participant_type == State.PARTICIPANT_TYPE_FIELD:
+            destination_participant = new_ticket_data.get(destination_participant, 0) if destination_participant in new_ticket_data \
+                else Ticket.ticket_data.get(destination_participant, 0)
+
+        elif destination_participant_type == State.PARTICIPANT_TYPE_FORMCODE:#代码获取
+            destination_participant = getattr(GetParticipants, destination_participant)(
+                state=state, ticket=ticket, new_ticket_data=new_ticket_data, handler=handler)
+
+        elif destination_participant_type == State.PARTICIPANT_TYPE_DEPT:#部门
+            destination_participant = list(User.objects.filter(dept__in=destination_participant).values_list('id', flat=True))
+
+        elif destination_participant_type == State.PARTICIPANT_TYPE_ROLE:#角色
+            user_queryset = User.objects.filter(roles__in=destination_participant)
+            # 如果选择了角色, 需要走过滤策略
+            if state.filter_policy == 1:
+                depts = get_parent_queryset(ticket.belong_dept)
+                user_queryset = user_queryset.filter(dept__in=depts)
+            elif state.filter_policy == 2:
+                depts = get_parent_queryset(ticket.create_by.dept)
+                user_queryset = user_queryset.filter(dept__in=depts)
+            elif state.filter_policy == 3:
+                depts = get_parent_queryset(handler.dept)
+                user_queryset = user_queryset.filter(dept__in=depts)
+            destination_participant = list(user_queryset.values_list('id', flat=True))
+        if type(destination_participant) == list:
+            destination_participant_type = State.PARTICIPANT_TYPE_MULTI
+            destination_participant = list(set(destination_participant))
+            if len(destination_participant) == 1: # 如果只有一个人
+                destination_participant_type = State.PARTICIPANT_TYPE_PERSONAL
+                destination_participant = destination_participant[0]
+        else:
+            destination_participant_type = State.PARTICIPANT_TYPE_PERSONAL
+        if destination_participant_type == State.PARTICIPANT_TYPE_MULTI:
+            if state.distribute_type == State.STATE_DISTRIBUTE_TYPE_RANDOM:
+                destination_participant = random.choice(destination_participant)
+            elif state.distribute_type == State.STATE_DISTRIBUTE_TYPE_ALL:
+                for i in destination_participant:
+                    multi_all_person_dict[i]={}
+
+        return dict(destination_participant_type=destination_participant_type,
+                          destination_participant=destination_participant,
+                          multi_all_person=multi_all_person_dict)
+    
+    @classmethod
+    def ticket_handle_permission_check(cls, ticket:Ticket, user:User)-> dict:
+        transitions = cls.get_state_transitions(ticket.state)
+        if not transitions:
+            return dict(permission=True, msg="工单当前状态无需操作")
+        current_participant_count = 0
+        participant_type = ticket.participant_type
+        participant = ticket.participant
+        state = ticket.state
+        if participant_type == State.PARTICIPANT_TYPE_PERSONAL:
+            if user.id != participant:
+                return dict(permission=False, msg="非当前处理人", need_accept=False)
+        elif participant_type in [State.PARTICIPANT_TYPE_MULTI, State.PARTICIPANT_TYPE_DEPT, State.PARTICIPANT_TYPE_ROLE]:
+            if user.id not in participant:
+                return dict(permission=False, msg="非当前处理人", need_accept=False)
+            current_participant_count = len(participant)
+        if current_participant_count == 1:
+            if [user.id] == participant or user.id == participant:
+                pass
+            else:
+                return dict(permission=False, msg="非当前处理人", need_accept=False)
+        elif current_participant_count >1 and state.distribute_type == State.STATE_DISTRIBUTE_TYPE_ACTIVE:
+            if user.id not in participant:
+                return dict(permission=False, msg="非当前处理人", need_accept=False)
+            return dict(permission=False, msg="需要先接单再处理", need_accept=True)
+        if ticket.in_add_node:
+            return dict(permission=False, msg="工单当前处于加签中,请加签完成后操作", need_accept=False)
+        return dict(permission=True, msg="", need_accept=False)
+
+    @classmethod
+    def check_dict_has_all_same_value(cls, dict_obj: object)->tuple:
+        """
+        check whether all key are equal in a dict
+        :param dict_obj:
+        :return:
+        """
+        value_list = []
+        for key, value in dict_obj.items():
+            value_list.append(value)
+        value_0 = value_list[0]
+        for value in value_list:
+            if value_0 != value:
+                return False
+        return True
+           
+    @classmethod
+    def get_ticket_all_field_value(cls, ticket: Ticket)->dict:
+        """
+        工单所有字段的值
+        get ticket's all field value
+        :param ticket:
+        :return:
+        """
+        # 获取工单基础表中的字段中的字段信息
+        field_info_dict = TicketSimpleSerializer(instance=ticket).data
+        # 获取自定义字段的值
+        custom_fields_queryset = cls.get_workflow_custom_fields(ticket.workflow)
+        for i in custom_fields_queryset:
+            field_info_dict[i.field_key] = ticket.ticket_data.get(i.field_key, None)
+        return field_info_dict
+
+    @classmethod
+    def handle_ticket(cls, ticket:Ticket, transition: Transition, new_ticket_data:dict={}, handler:User=None, 
+        suggestion:str='', created:bool=False, by_timer:bool=False, by_task:bool=False, by_hook:bool=False):
+
+        source_state = ticket.state
+        source_ticket_data = ticket.ticket_data
+
+        # 校验处理权限
+        if not handler or not created: # 没有处理人意味着系统触发不校验处理权限
+            result = WfService.ticket_handle_permission_check(ticket, handler)
+            if result.get('permission') is False:
+                raise PermissionDenied(result.get('msg'))
+
+        # 校验表单必填项目
+        if transition.field_require_check or not created:
+            for key, value in ticket.state.state_fields.items(): 
+                if int(value) == State.STATE_FIELD_REQUIRED:
+                    if key not in new_ticket_data or not new_ticket_data[key]:
+                        raise APIException('字段{}必填'.format(key))
+
+        destination_state = cls.get_next_state_by_transition_and_ticket_info(ticket, transition, new_ticket_data)
+        multi_all_person = ticket.multi_all_person
+        if multi_all_person:
+            multi_all_person[handler.id] =dict(transition=transition.id)
+            # 判断所有人处理结果是否一致
+            if WfService.check_dict_has_all_same_value(multi_all_person):
+                participant_info = WfService.get_ticket_state_participant_info(destination_state, ticket, new_ticket_data)
+                destination_participant_type = participant_info.get('destination_participant_type', 0)
+                destination_participant = participant_info.get('destination_participant', 0)
+                multi_all_person = {}
+            else:
+                # 处理人没有没有全部处理完成或者处理动作不一致
+                destination_participant_type = ticket.participant_type
+                destination_state = ticket.state  # 保持原状态
+                destination_participant = []
+                for key, value in multi_all_person.items():
+                    if not value:
+                        destination_participant.append(key)
+        else:
+            # 当前处理人类型非全部处理
+            participant_info = WfService.get_ticket_state_participant_info(destination_state, ticket, new_ticket_data)
+            destination_participant_type = participant_info.get('destination_participant_type', 0)
+            destination_participant = participant_info.get('destination_participant', 0)
+            multi_all_person = participant_info.get('multi_all_person', {})
+
+        # 更新工单信息：基础字段及自定义字段， add_relation字段 需要下个处理人是部门、角色等的情况
+        ticket.state = destination_state
+        ticket.participant_type = destination_participant_type
+        ticket.participant = destination_participant
+        ticket.multi_all_person = multi_all_person
+        if destination_state.type == State.STATE_TYPE_END:
+            ticket.act_state = Ticket.TICKET_ACT_STATE_FINISH
+        elif destination_state.type == State.STATE_TYPE_START:
+            ticket.act_state = Ticket.TICKET_ACT_STATE_DRAFT
+        else:
+            ticket.act_state = Ticket.TICKET_ACT_STATE_ONGOING
+
+        if transition.attribute_type == Transition.TRANSITION_ATTRIBUTE_TYPE_REFUSE:
+            ticket.act_state = Ticket.TICKET_ACT_STATE_BACK
+
+        # 只更新必填和可选的字段
+        if not created:
+            for key, value in source_state.state_fields.items(): 
+                    if value in (State.STATE_FIELD_REQUIRED, State.STATE_FIELD_OPTIONAL):
+                        if key in new_ticket_data:
+                            source_ticket_data[key] = new_ticket_data[key]
+            ticket.ticket_data = source_ticket_data
+        ticket.save()
+
+        # 更新工单流转记录
+        if not by_task:
+            TicketFlow.objects.create(ticket=ticket, state=source_state, ticket_data=WfService.get_ticket_all_field_value(ticket),
+                            suggestion=suggestion, participant_type=State.PARTICIPANT_TYPE_PERSONAL,
+                            participant=handler, transition=transition)
+
+        if created:
+            if source_state.participant_cc:
+                TicketFlow.objects.create(ticket=ticket, state=source_state, 
+                            participant_type=0, intervene_type=Transition.TRANSITION_INTERVENE_TYPE_CC,
+                            participant=None, participant_cc=source_state.participant_cc)
+
+        # 目标状态需要抄送
+        if destination_state.participant_cc:
+            TicketFlow.objects.create(ticket=ticket, state=destination_state, 
+                        participant_type=0, intervene_type=Transition.TRANSITION_INTERVENE_TYPE_CC,
+                        participant=None, participant_cc=destination_state.participant_cc)
+        
+        # 如果目标状态是脚本则执行
+        if destination_state.participant_type == State.PARTICIPANT_TYPE_ROBOT:
+            getattr(HandleScripts, destination_state.participant)(ticket)
+        
+        return ticket
+
diff --git a/admin/server/apps/wf/tests.py b/admin/server/apps/wf/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/admin/server/apps/wf/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/admin/server/apps/wf/urls.py b/admin/server/apps/wf/urls.py
new file mode 100644
index 0000000..5c9ae0d
--- /dev/null
+++ b/admin/server/apps/wf/urls.py
@@ -0,0 +1,18 @@
+from django.db.models import base
+from rest_framework import urlpatterns
+from apps.wf.views import CustomFieldViewSet, FromCodeListView, StateViewSet, TicketFlowViewSet, TicketViewSet, TransitionViewSet, WorkflowViewSet
+from django.urls import path, include
+from rest_framework.routers import DefaultRouter
+
+router = DefaultRouter()
+router.register('workflow', WorkflowViewSet, basename='wf')
+router.register('state', StateViewSet, basename='wf_state')
+router.register('transition', TransitionViewSet, basename='wf_transitions')
+router.register('customfield', CustomFieldViewSet, basename='wf_customfield')
+router.register('ticket', TicketViewSet, basename='wf_ticket')
+router.register('ticketflow', TicketFlowViewSet, basename='wf_ticketflow')
+urlpatterns = [
+    path('participant_from_code', FromCodeListView.as_view()),
+    path('', include(router.urls)),
+]
+
diff --git a/admin/server/apps/wf/views.py b/admin/server/apps/wf/views.py
new file mode 100644
index 0000000..2a7e073
--- /dev/null
+++ b/admin/server/apps/wf/views.py
@@ -0,0 +1,373 @@
+from django.utils import timezone
+from django.db import transaction
+from django.db.models import query
+from rest_framework.utils import serializer_helpers
+from rest_framework.views import APIView
+from apps.system.models import User
+from apps.wf.filters import TicketFilterSet
+from django.core.exceptions import AppRegistryNotReady
+from rest_framework.response import Response
+from rest_framework import serializers
+from rest_framework.mixins import CreateModelMixin, DestroyModelMixin, ListModelMixin, RetrieveModelMixin, UpdateModelMixin
+from apps.wf.serializers import CustomFieldCreateUpdateSerializer, CustomFieldSerializer, StateSerializer, TicketAddNodeEndSerializer, TicketAddNodeSerializer, TicketCloseSerializer, TicketCreateSerializer, TicketDestorySerializer, TicketFlowSerializer, TicketFlowSimpleSerializer, TicketHandleSerializer, TicketRetreatSerializer, TicketSerializer, TransitionSerializer, WorkflowSerializer, TicketListSerializer, TicketDetailSerializer
+from django.shortcuts import get_object_or_404, render
+from rest_framework.viewsets import GenericViewSet, ModelViewSet
+from rest_framework.decorators import action, api_view
+from apps.wf.models import CustomField, Ticket, Workflow, State, Transition, TicketFlow
+from apps.system.mixins import CreateUpdateCustomMixin, CreateUpdateModelAMixin, OptimizationMixin
+from apps.wf.services import WfService
+from rest_framework.exceptions import APIException, PermissionDenied
+from rest_framework import status
+from django.db.models import Count
+from .scripts import GetParticipants, HandleScripts
+
+
+# Create your views here.
+class FromCodeListView(APIView):
+    def get(self, request, format=None):
+        """
+        获取处理人代码列表
+        """
+        return Response(GetParticipants.all_funcs)
+
+class WorkflowViewSet(CreateUpdateModelAMixin, ModelViewSet):
+    perms_map = {'get': '*', 'post': 'workflow_create',
+                 'put': 'workflow_update', 'delete': 'workflow_delete'}
+    queryset = Workflow.objects.all()
+    serializer_class = WorkflowSerializer
+    search_fields = ['name', 'description']
+    filterset_fields = []
+    ordering_fields = ['create_time', 'name', 'key']
+    ordering = ['create_time']    
+
+    @action(methods=['get'], detail=True, perms_map={'get':'workflow_update'}, pagination_class=None, serializer_class=StateSerializer)
+    def states(self, request, pk=None):
+        """
+        工作流下的状态节点
+        """
+        wf = self.get_object()
+        serializer = self.serializer_class(instance=WfService.get_worlflow_states(wf), many=True)
+        return Response(serializer.data)
+    
+    @action(methods=['get'], detail=True, perms_map={'get':'workflow_update'}, pagination_class=None, serializer_class=TransitionSerializer)
+    def transitions(self, request, pk=None):
+        """
+        工作流下的流转规则
+        """
+        wf = self.get_object()
+        serializer = self.serializer_class(instance=WfService.get_workflow_transitions(wf), many=True)
+        return Response(serializer.data)
+    
+    @action(methods=['get'], detail=True, perms_map={'get':'workflow_update'}, pagination_class=None, serializer_class=CustomFieldSerializer)
+    def customfields(self, request, pk=None):
+        """
+        工作流下的自定义字段
+        """
+        wf = self.get_object()
+        serializer = self.serializer_class(instance=CustomField.objects.filter(workflow=wf, is_deleted=False).order_by('sort'), many=True)
+        return Response(serializer.data)
+    
+    @action(methods=['get'], detail=True, perms_map={'get':'workflow_init'})
+    def init(self, request, pk=None):
+        """
+        新建工单初始化
+        """
+        ret={}
+        wf = self.get_object()
+        start_state = WfService.get_workflow_start_state(wf)
+        transitions = WfService.get_state_transitions(start_state)
+        ret['workflow'] = pk
+        ret['transitions'] = TransitionSerializer(instance=transitions, many=True).data
+        field_list = CustomFieldSerializer(instance=WfService.get_workflow_custom_fields(wf), many=True).data
+        for i in field_list:
+            if i['field_key'] in start_state.state_fields:
+                i['field_attribute'] = start_state.state_fields[i['field_key']]
+            else:
+                i['field_attribute'] = State.STATE_FIELD_READONLY
+        ret['field_list'] = field_list
+        return Response(ret)
+
+class StateViewSet(CreateModelMixin, UpdateModelMixin, RetrieveModelMixin, DestroyModelMixin, GenericViewSet):
+    perms_map = {'get':'*', 'post':'workflow_update',
+                'put':'workflow_update', 'delete':'workflow_update'}
+    queryset = State.objects.all()
+    serializer_class = StateSerializer
+    search_fields = ['name']
+    filterset_fields = ['workflow']
+    ordering = ['sort']
+
+class TransitionViewSet(CreateModelMixin, UpdateModelMixin, RetrieveModelMixin, DestroyModelMixin, GenericViewSet):
+    perms_map = {'get':'*', 'post':'workflow_update',
+                'put':'workflow_update', 'delete':'workflow_update'}
+    queryset = Transition.objects.all()
+    serializer_class = TransitionSerializer
+    search_fields = ['name']
+    filterset_fields = ['workflow']
+    ordering = ['id']
+
+class CustomFieldViewSet(CreateModelMixin, UpdateModelMixin, RetrieveModelMixin, DestroyModelMixin, GenericViewSet):
+    perms_map = {'get':'*', 'post':'workflow_update',
+                'put':'workflow_update', 'delete':'workflow_update'}
+    queryset = CustomField.objects.all()
+    serializer_class = CustomFieldSerializer
+    search_fields = ['field_name']
+    filterset_fields = ['workflow', 'field_type']
+    ordering = ['sort']
+
+    def get_serializer_class(self):
+        if self.action in ['create', 'update']:
+            return CustomFieldCreateUpdateSerializer
+        return super().get_serializer_class()
+
+class TicketViewSet(OptimizationMixin, CreateUpdateCustomMixin, CreateModelMixin, ListModelMixin, RetrieveModelMixin, GenericViewSet):
+    perms_map = {'get':'*', 'post':'ticket_create'}
+    queryset = Ticket.objects.all()
+    serializer_class = TicketSerializer
+    search_fields = ['title']
+    filterset_class = TicketFilterSet
+    ordering = ['-create_time']
+
+    def get_serializer_class(self):
+        if self.action == 'create':
+            return TicketCreateSerializer
+        elif self.action == 'handle':
+            return TicketHandleSerializer
+        elif self.action == 'retreat':
+            return TicketRetreatSerializer
+        elif self.action == 'list':
+            return TicketListSerializer
+        elif self.action == 'retrieve':
+            return TicketDetailSerializer
+        return super().get_serializer_class()
+    
+    def filter_queryset(self, queryset):
+        if not self.detail and not self.request.query_params.get('category', None):
+            raise APIException('请指定查询分类')
+        return super().filter_queryset(queryset)
+
+    @transaction.atomic
+    def create(self, request, *args, **kwargs):
+        """
+        新建工单
+        """
+        rdata = request.data
+        serializer = self.get_serializer(data=rdata)
+        serializer.is_valid(raise_exception=True)
+        vdata = serializer.validated_data #校验之后的数据
+        start_state = WfService.get_workflow_start_state(vdata['workflow'])
+        transition = vdata.pop('transition')
+        ticket_data = vdata['ticket_data']
+
+        save_ticket_data = {}
+        # 校验必填项
+        if transition.field_require_check:
+            for key, value in start_state.state_fields.items(): 
+                if int(value) == State.STATE_FIELD_REQUIRED:
+                    if key not in ticket_data and not ticket_data[key]:
+                        raise APIException('字段{}必填'.format(key))
+                    save_ticket_data[key] = ticket_data[key]
+                elif int(value) == State.STATE_FIELD_OPTIONAL:
+                    save_ticket_data[key] = ticket_data[key]
+
+        ticket = serializer.save(state=start_state, 
+        create_by=request.user, 
+        create_time=timezone.now(),
+        act_state=Ticket.TICKET_ACT_STATE_DRAFT, 
+        belong_dept=request.user.dept,
+        ticket_data=save_ticket_data) # 先创建出来
+        # 更新title和sn
+        title = vdata.get('title', '')
+        title_template = ticket.workflow.title_template
+        if title_template:
+            all_ticket_data = {**rdata, **ticket_data}
+            title = title_template.format(**all_ticket_data)
+        sn = WfService.get_ticket_sn(ticket.workflow) # 流水号
+        ticket.sn = sn
+        ticket.title = title
+        ticket.save()
+        ticket = WfService.handle_ticket(ticket=ticket, transition=transition, new_ticket_data=ticket_data, 
+        handler=request.user, created=True)
+        return Response(TicketSerializer(instance=ticket).data)
+
+    @action(methods=['get'], detail=False, perms_map={'get':'*'})
+    def duty_agg(self, request, pk=None):
+        """
+        工单待办聚合
+        """
+        ret = {}
+        queryset = Ticket.objects.filter(participant__contains=request.user.id, is_deleted=False)\
+            .exclude(act_state__in=[Ticket.TICKET_ACT_STATE_FINISH, Ticket.TICKET_ACT_STATE_CLOSED])
+        ret['total_count'] = queryset.count()
+        ret['details'] = list(queryset.values('workflow', 'workflow__name').annotate(count = Count('workflow')))
+        return Response(ret)
+
+    @action(methods=['post'], detail=True, perms_map={'post':'*'})
+    @transaction.atomic
+    def handle(self, request, pk=None):
+        """
+        处理工单
+        """
+        ticket = self.get_object()
+        serializer = TicketHandleSerializer(data=request.data)
+        serializer.is_valid(raise_exception=True)
+        vdata = serializer.validated_data
+        new_ticket_data = ticket.ticket_data
+        new_ticket_data.update(**vdata['ticket_data'])
+
+        ticket = WfService.handle_ticket(ticket=ticket, transition=vdata['transition'], 
+        new_ticket_data=new_ticket_data, handler=request.user, suggestion=vdata['suggestion'])
+        return Response(TicketSerializer(instance=ticket).data)
+        
+
+    @action(methods=['get'], detail=True, perms_map={'get':'*'})
+    def flowsteps(self, request, pk=None):
+        """
+        工单流转step, 用于显示当前状态的step图(线性结构)
+        """
+        ticket = self.get_object()
+        steps = WfService.get_ticket_steps(ticket)
+        return Response(StateSerializer(instance=steps, many=True).data)
+
+    @action(methods=['get'], detail=True, perms_map={'get':'*'})
+    def flowlogs(self, request, pk=None):
+        """
+        工单流转记录
+        """
+        ticket = self.get_object()
+        flowlogs = TicketFlow.objects.filter(ticket=ticket).order_by('-create_time')
+        serializer = TicketFlowSerializer(instance=flowlogs, many=True)
+        return Response(serializer.data)
+    
+    @action(methods=['get'], detail=True, perms_map={'get':'*'})
+    def transitions(self, request, pk=None):
+        """
+        获取工单可执行的操作
+        """
+        ticket = self.get_object()
+        transitions = WfService.get_ticket_transitions(ticket)
+        return Response(TransitionSerializer(instance=transitions, many=True).data)
+
+    @action(methods=['post'], detail=True, perms_map={'post':'*'})
+    def accpet(self, request, pk=None):
+        """
+        接单,当工单当前处理人实际为多个人时(角色、部门、多人都有可能， 注意角色和部门有可能实际只有一人)
+        """
+        ticket = self.get_object()
+        result = WfService.ticket_handle_permission_check(ticket, request.user)
+        if result.get('need_accept', False):
+            ticket.participant_type = State.PARTICIPANT_TYPE_PERSONAL
+            ticket.participant = request.user.id
+            ticket.save()
+            # 接单日志
+            # 更新工单流转记录
+            TicketFlow.objects.create(ticket=ticket, state=ticket.state, ticket_data=WfService.get_ticket_all_field_value(ticket),
+                        suggestion='', participant_type=State.PARTICIPANT_TYPE_PERSONAL, intervene_type=Transition.TRANSITION_ATTRIBUTE_TYPE_ACCEPT,
+                        participant=request.user, transition=None)
+            return Response()
+        else:
+            raise APIException('无需接单')
+    
+    @action(methods=['post'], detail=True, perms_map={'post':'*'})
+    def retreat(self, request, pk=None):
+        """
+        撤回工单，允许创建人在指定状态撤回工单至初始状态，状态设置中开启允许撤回
+        """
+        ticket = self.get_object()
+        if ticket.create_by != request.user:
+            raise APIException('非创建人不可撤回')
+        if not ticket.state.enable_retreat:
+            raise APIException('该状态不可撤回')
+        start_state = WfService.get_workflow_start_state(ticket.workflow)
+        ticket.state = start_state
+        ticket.participant_type = State.PARTICIPANT_TYPE_PERSONAL
+        ticket.participant = request.user.id
+        ticket.act_state = Ticket.TICKET_ACT_STATE_RETREAT
+        ticket.save()
+        # 更新流转记录
+        suggestion = request.data.get('suggestion', '') # 撤回原因
+        TicketFlow.objects.create(ticket=ticket, state=ticket.state, ticket_data=WfService.get_ticket_all_field_value(ticket),
+                        suggestion=suggestion, participant_type=State.PARTICIPANT_TYPE_PERSONAL, intervene_type=Transition.TRANSITION_INTERVENE_TYPE_RETREAT,
+                        participant=request.user, transition=None)
+        return Response()
+    
+    @action(methods=['post'], detail=True, perms_map={'post':'*'}, serializer_class=TicketAddNodeSerializer)
+    def add_node(self, request, pk=None):
+        """
+        加签
+        """
+        ticket = self.get_object()
+        data = request.data
+        add_user = User.objects.get(pk=data['toadd_user'])
+        ticket.participant_type = State.PARTICIPANT_TYPE_PERSONAL
+        ticket.participant = add_user.id
+        ticket.in_add_node = True
+        ticket.add_node_man = request.user
+        ticket.save()
+        # 更新流转记录
+        suggestion = request.data.get('suggestion', '') # 加签说明
+        TicketFlow.objects.create(ticket=ticket, state=ticket.state, ticket_data=WfService.get_ticket_all_field_value(ticket),
+                        suggestion=suggestion, participant_type=State.PARTICIPANT_TYPE_PERSONAL, intervene_type=Transition.TRANSITION_INTERVENE_TYPE_ADD_NODE,
+                        participant=request.user, transition=None)
+        return Response()
+
+    @action(methods=['post'], detail=True, perms_map={'post':'*'}, serializer_class=TicketAddNodeEndSerializer)
+    def add_node_end(self, request, pk=None):
+        """
+        加签完成
+        """
+        ticket = self.get_object()
+        ticket.participant_type = State.PARTICIPANT_TYPE_PERSONAL
+        ticket.in_add_node = False
+        ticket.participant = ticket.add_node_man.id
+        ticket.add_node_man = None
+        ticket.save()
+        # 更新流转记录
+        suggestion = request.data.get('suggestion', '') # 加签意见
+        TicketFlow.objects.create(ticket=ticket, state=ticket.state, ticket_data=WfService.get_ticket_all_field_value(ticket),
+                        suggestion=suggestion, participant_type=State.PARTICIPANT_TYPE_PERSONAL, intervene_type=Transition.TRANSITION_INTERVENE_TYPE_ADD_NODE_END,
+                        participant=request.user, transition=None)
+        return Response()
+    
+
+    @action(methods=['post'], detail=True, perms_map={'post':'*'}, serializer_class=TicketCloseSerializer)
+    def close(self, request, pk=None):
+        """
+        关闭工单(创建人在初始状态)
+        """
+        ticket = self.get_object()
+        if ticket.state.type == State.STATE_TYPE_START and ticket.create_by==request.user:
+            end_state = WfService.get_workflow_end_state(ticket.workflow)
+            ticket.state = end_state
+            ticket.participant_type = 0
+            ticket.participant = 0
+            ticket.act_state = Ticket.TICKET_ACT_STATE_CLOSED
+            ticket.save()
+            # 更新流转记录
+            suggestion = request.data.get('suggestion', '') # 关闭原因
+            TicketFlow.objects.create(ticket=ticket, state=ticket.state, ticket_data=WfService.get_ticket_all_field_value(ticket),
+                            suggestion=suggestion, participant_type=State.PARTICIPANT_TYPE_PERSONAL, intervene_type=Transition.TRANSITION_INTERVENE_TYPE_CLOSE,
+                            participant=request.user, transition=None)
+            return Response()
+        else:
+            return Response('工单不可关闭', status=status.HTTP_400_BAD_REQUEST)
+
+    @action(methods=['post'], detail=False, perms_map={'post':'ticket_deletes'}, serializer_class=TicketDestorySerializer)
+    def destory(self, request, pk=None):
+        """
+        批量物理删除
+        """
+        Ticket.objects.filter(id__in=request.data.get('ids', [])).delete(soft=False)
+        return Response()
+
+
+
+class TicketFlowViewSet(ListModelMixin, RetrieveModelMixin, GenericViewSet):
+    """
+    工单日志
+    """
+    perms_map = {'get':'*'}
+    queryset = TicketFlow.objects.all()
+    serializer_class = TicketFlowSerializer
+    search_fields = ['suggestion']
+    filterset_fields = ['ticket']
+    ordering = ['-create_time']
\ No newline at end of file
diff --git a/admin/server/db.json b/admin/server/db.json
new file mode 100644
index 0000000..e75d03d
--- /dev/null
+++ b/admin/server/db.json
@@ -0,0 +1,498 @@
+[
+    {
+      "model": "system.permission",
+      "pk": 1,
+      "fields": {
+        "create_time": "2020-05-14T10:03:00Z",
+        "update_time": "2020-05-16T15:28:13.208Z",
+        "is_deleted": false,
+        "name": "用户管理",
+        "type": "菜单",
+        "is_frame": false,
+        "sort": 1,
+        "parent": 5,
+        "method": "user_manage"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 2,
+      "fields": {
+        "create_time": "2020-05-14T10:04:00Z",
+        "update_time": "2020-05-16T14:18:40.148Z",
+        "is_deleted": false,
+        "name": "新增用户",
+        "type": "接口",
+        "is_frame": false,
+        "sort": 1,
+        "parent": 1,
+        "method": "user_create"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 3,
+      "fields": {
+        "create_time": "2020-05-14T10:04:00Z",
+        "update_time": "2020-05-14T10:05:56.206Z",
+        "is_deleted": false,
+        "name": "编辑用户",
+        "type": "接口",
+        "is_frame": false,
+        "sort": 1,
+        "parent": 1,
+        "method": "user_update"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 4,
+      "fields": {
+        "create_time": "2020-05-14T10:05:00Z",
+        "update_time": "2020-05-14T10:05:51.157Z",
+        "is_deleted": false,
+        "name": "删除用户",
+        "type": "接口",
+        "is_frame": false,
+        "sort": 1,
+        "parent": 1,
+        "method": "user_delete"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 5,
+      "fields": {
+        "create_time": "2020-05-14T10:06:00Z",
+        "update_time": "2020-05-14T10:06:41.635Z",
+        "is_deleted": false,
+        "name": "系统管理",
+        "type": "目录",
+        "is_frame": false,
+        "sort": 1,
+        "parent": null,
+        "method": "system_manage"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 6,
+      "fields": {
+        "create_time": "2020-05-16T14:11:33Z",
+        "update_time": "2020-11-03T04:05:33.812Z",
+        "is_deleted": false,
+        "name": "部门管理",
+        "type": "菜单",
+        "is_frame": false,
+        "sort": 1,
+        "parent": 5,
+        "method": "org_manage"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 8,
+      "fields": {
+        "create_time": "2020-05-16T14:20:28.582Z",
+        "update_time": "2020-05-16T14:20:28.582Z",
+        "is_deleted": false,
+        "name": "新增部门",
+        "type": "接口",
+        "is_frame": false,
+        "sort": 1,
+        "parent": 6,
+        "method": "org_create"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 9,
+      "fields": {
+        "create_time": "2020-05-16T14:20:48.772Z",
+        "update_time": "2020-05-16T14:20:48.773Z",
+        "is_deleted": false,
+        "name": "编辑部门",
+        "type": "接口",
+        "is_frame": false,
+        "sort": 1,
+        "parent": 6,
+        "method": "org_update"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 10,
+      "fields": {
+        "create_time": "2020-05-16T14:21:14.722Z",
+        "update_time": "2020-05-16T14:21:14.723Z",
+        "is_deleted": false,
+        "name": "删除部门",
+        "type": "接口",
+        "is_frame": false,
+        "sort": 1,
+        "parent": 6,
+        "method": "org_delete"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 11,
+      "fields": {
+        "create_time": "2020-05-16T14:21:43.163Z",
+        "update_time": "2020-05-16T14:21:43.163Z",
+        "is_deleted": false,
+        "name": "角色管理",
+        "type": "菜单",
+        "is_frame": false,
+        "sort": 1,
+        "parent": 5,
+        "method": "role_manage"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 12,
+      "fields": {
+        "create_time": "2020-05-16T14:22:02.087Z",
+        "update_time": "2020-05-16T14:22:02.087Z",
+        "is_deleted": false,
+        "name": "岗位管理",
+        "type": "菜单",
+        "is_frame": false,
+        "sort": 1,
+        "parent": 5,
+        "method": "position_manage"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 13,
+      "fields": {
+        "create_time": "2020-05-16T14:24:25.480Z",
+        "update_time": "2020-05-16T14:24:25.480Z",
+        "is_deleted": false,
+        "name": "数据字典",
+        "type": "菜单",
+        "is_frame": false,
+        "sort": 1,
+        "parent": 5,
+        "method": "dict_manage"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 14,
+      "fields": {
+        "create_time": "2020-05-16T14:24:50Z",
+        "update_time": "2020-05-16T14:25:38.473Z",
+        "is_deleted": false,
+        "name": "开发配置",
+        "type": "目录",
+        "is_frame": false,
+        "sort": 1,
+        "parent": null,
+        "method": "dev_set"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 15,
+      "fields": {
+        "create_time": "2020-05-16T14:25:17.244Z",
+        "update_time": "2020-05-16T14:25:17.245Z",
+        "is_deleted": false,
+        "name": "权限菜单",
+        "type": "菜单",
+        "is_frame": false,
+        "sort": 1,
+        "parent": 14,
+        "method": "perm_manage"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 16,
+      "fields": {
+        "create_time": "2020-05-16T14:26:06.322Z",
+        "update_time": "2020-05-16T14:26:06.322Z",
+        "is_deleted": false,
+        "name": "接口文档",
+        "type": "菜单",
+        "is_frame": false,
+        "sort": 1,
+        "parent": 14,
+        "method": "dev_docs"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 17,
+      "fields": {
+        "create_time": "2020-05-16T14:26:35.902Z",
+        "update_time": "2020-05-16T14:26:35.903Z",
+        "is_deleted": false,
+        "name": "新建权限",
+        "type": "接口",
+        "is_frame": false,
+        "sort": 1,
+        "parent": 15,
+        "method": "perm_create"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 18,
+      "fields": {
+        "create_time": "2020-05-16T14:26:59Z",
+        "update_time": "2020-05-16T14:27:08.114Z",
+        "is_deleted": false,
+        "name": "编辑权限",
+        "type": "接口",
+        "is_frame": false,
+        "sort": 1,
+        "parent": 15,
+        "method": "perm_update"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 19,
+      "fields": {
+        "create_time": "2020-05-16T14:27:29.245Z",
+        "update_time": "2020-05-16T14:27:29.245Z",
+        "is_deleted": false,
+        "name": "删除权限",
+        "type": "接口",
+        "is_frame": false,
+        "sort": 1,
+        "parent": 15,
+        "method": "perm_delete"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 20,
+      "fields": {
+        "create_time": "2020-05-16T14:28:49.606Z",
+        "update_time": "2020-05-16T14:28:49.606Z",
+        "is_deleted": false,
+        "name": "新建角色",
+        "type": "接口",
+        "is_frame": false,
+        "sort": 1,
+        "parent": 11,
+        "method": "role_create"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 21,
+      "fields": {
+        "create_time": "2020-05-16T14:29:25.424Z",
+        "update_time": "2020-05-16T14:29:25.424Z",
+        "is_deleted": false,
+        "name": "编辑角色",
+        "type": "接口",
+        "is_frame": false,
+        "sort": 1,
+        "parent": 11,
+        "method": "role_update"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 22,
+      "fields": {
+        "create_time": "2020-05-16T14:29:59.108Z",
+        "update_time": "2020-05-16T14:29:59.108Z",
+        "is_deleted": false,
+        "name": "删除角色",
+        "type": "接口",
+        "is_frame": false,
+        "sort": 1,
+        "parent": 11,
+        "method": "role_delete"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 23,
+      "fields": {
+        "create_time": "2020-05-16T14:31:28.635Z",
+        "update_time": "2020-05-16T14:31:28.635Z",
+        "is_deleted": false,
+        "name": "新建岗位",
+        "type": "接口",
+        "is_frame": false,
+        "sort": 1,
+        "parent": 12,
+        "method": "position_create"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 24,
+      "fields": {
+        "create_time": "2020-05-16T14:32:27.506Z",
+        "update_time": "2020-05-16T14:32:27.506Z",
+        "is_deleted": false,
+        "name": "编辑岗位",
+        "type": "接口",
+        "is_frame": false,
+        "sort": 1,
+        "parent": 12,
+        "method": "position_update"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 25,
+      "fields": {
+        "create_time": "2020-05-16T14:32:52Z",
+        "update_time": "2020-05-16T14:33:00.166Z",
+        "is_deleted": false,
+        "name": "删除岗位",
+        "type": "接口",
+        "is_frame": false,
+        "sort": 1,
+        "parent": 12,
+        "method": "position_delete"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 26,
+      "fields": {
+        "create_time": "2020-05-16T14:34:27.956Z",
+        "update_time": "2020-05-16T14:34:27.957Z",
+        "is_deleted": false,
+        "name": "新建字典类型",
+        "type": "接口",
+        "is_frame": false,
+        "sort": 1,
+        "parent": 13,
+        "method": "dicttype_create"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 27,
+      "fields": {
+        "create_time": "2020-05-16T14:34:50.126Z",
+        "update_time": "2020-05-16T14:34:50.127Z",
+        "is_deleted": false,
+        "name": "编辑字典类型",
+        "type": "接口",
+        "is_frame": false,
+        "sort": 1,
+        "parent": 13,
+        "method": "dicttype_update"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 28,
+      "fields": {
+        "create_time": "2020-05-16T14:35:06.146Z",
+        "update_time": "2020-05-16T14:35:06.147Z",
+        "is_deleted": false,
+        "name": "新建字典",
+        "type": "接口",
+        "is_frame": false,
+        "sort": 1,
+        "parent": 13,
+        "method": "dict_create"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 29,
+      "fields": {
+        "create_time": "2020-05-16T14:35:21.938Z",
+        "update_time": "2020-05-16T14:35:21.939Z",
+        "is_deleted": false,
+        "name": "编辑字典",
+        "type": "接口",
+        "is_frame": false,
+        "sort": 1,
+        "parent": 13,
+        "method": "dict_update"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 30,
+      "fields": {
+        "create_time": "2020-05-16T14:35:38.059Z",
+        "update_time": "2020-05-16T14:35:38.060Z",
+        "is_deleted": false,
+        "name": "删除字典",
+        "type": "接口",
+        "is_frame": false,
+        "sort": 1,
+        "parent": 13,
+        "method": "dict_delete"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 31,
+      "fields": {
+        "create_time": "2020-12-16T13:43:12Z",
+        "update_time": "2020-12-16T13:46:03.158Z",
+        "is_deleted": false,
+        "name": "定时任务",
+        "type": "菜单",
+        "is_frame": false,
+        "sort": 2,
+        "parent": 5,
+        "method": "ptask_manage"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 32,
+      "fields": {
+        "create_time": "2020-12-16T13:43:37.247Z",
+        "update_time": "2020-12-16T13:43:37.248Z",
+        "is_deleted": false,
+        "name": "新增定时任务",
+        "type": "接口",
+        "is_frame": false,
+        "sort": 1,
+        "parent": 31,
+        "method": "ptask_create"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 33,
+      "fields": {
+        "create_time": "2020-12-16T13:44:03.800Z",
+        "update_time": "2020-12-16T13:44:03.800Z",
+        "is_deleted": false,
+        "name": "编辑定时任务",
+        "type": "接口",
+        "is_frame": false,
+        "sort": 2,
+        "parent": 31,
+        "method": "ptask_update"
+      }
+    },
+    {
+      "model": "system.permission",
+      "pk": 34,
+      "fields": {
+        "create_time": "2020-12-16T13:44:32.149Z",
+        "update_time": "2020-12-16T13:44:32.149Z",
+        "is_deleted": false,
+        "name": "删除定时任务",
+        "type": "接口",
+        "is_frame": false,
+        "sort": 3,
+        "parent": 31,
+        "method": "ptask_delete"
+      }
+    }
+    ]
+    
\ No newline at end of file
diff --git a/admin/server/log/.gitignore b/admin/server/log/.gitignore
new file mode 100644
index 0000000..c96a04f
--- /dev/null
+++ b/admin/server/log/.gitignore
@@ -0,0 +1,2 @@
+*
+!.gitignore
\ No newline at end of file
diff --git a/admin/server/manage.py b/admin/server/manage.py
new file mode 100644
index 0000000..1c81878
--- /dev/null
+++ b/admin/server/manage.py
@@ -0,0 +1,21 @@
+#!/usr/bin/env python
+"""Django's command-line utility for administrative tasks."""
+import os
+import sys
+
+
+def main():
+    os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'server.settings')
+    try:
+        from django.core.management import execute_from_command_line
+    except ImportError as exc:
+        raise ImportError(
+            "Couldn't import Django. Are you sure it's installed and "
+            "available on your PYTHONPATH environment variable? Did you "
+            "forget to activate a virtual environment?"
+        ) from exc
+    execute_from_command_line(sys.argv)
+
+
+if __name__ == '__main__':
+    main()
diff --git a/admin/server/media/default/avatar.png b/admin/server/media/default/avatar.png
new file mode 100644
index 0000000..98d206e
Binary files /dev/null and b/admin/server/media/default/avatar.png differ
diff --git a/admin/server/requirements.txt b/admin/server/requirements.txt
new file mode 100644
index 0000000..2a791a6
--- /dev/null
+++ b/admin/server/requirements.txt
@@ -0,0 +1,12 @@
+celery==5.2.7
+Django==3.2.23
+django-celery-beat==2.4.0
+django-celery-results==2.4.0
+django-cors-headers==3.13.0
+django-filter==21.1
+django-simple-history==3.0.0
+djangorestframework==3.12.4
+djangorestframework-simplejwt==4.8.0
+drf-yasg==1.20.0
+psutil==5.9.0
+redis==4.5.5
diff --git a/admin/server/server/__init__.py b/admin/server/server/__init__.py
new file mode 100644
index 0000000..1e3599b
--- /dev/null
+++ b/admin/server/server/__init__.py
@@ -0,0 +1,5 @@
+# This will make sure the app is always imported when
+# Django starts so that shared_task will use this app.
+from .celery import app as celery_app
+
+__all__ = ('celery_app',)
\ No newline at end of file
diff --git a/admin/server/server/asgi.py b/admin/server/server/asgi.py
new file mode 100644
index 0000000..2526a47
--- /dev/null
+++ b/admin/server/server/asgi.py
@@ -0,0 +1,16 @@
+"""
+ASGI config for server project.
+
+It exposes the ASGI callable as a module-level variable named ``application``.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/3.0/howto/deployment/asgi/
+"""
+
+import os
+
+from django.core.asgi import get_asgi_application
+
+os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'server.settings')
+
+application = get_asgi_application()
diff --git a/admin/server/server/celery.py b/admin/server/server/celery.py
new file mode 100644
index 0000000..dbe6eb8
--- /dev/null
+++ b/admin/server/server/celery.py
@@ -0,0 +1,22 @@
+import os
+
+from celery import Celery
+
+# set the default Django settings module for the 'celery' program.
+os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'server.settings')
+
+app = Celery('server')
+
+# Using a string here means the worker doesn't have to serialize
+# the configuration object to child processes.
+# - namespace='CELERY' means all celery-related configuration keys
+#   should have a `CELERY_` prefix.
+app.config_from_object('django.conf:settings', namespace='CELERY')
+
+# Load task modules from all registered Django app configs.
+app.autodiscover_tasks()
+
+
+@app.task(bind=True)
+def debug_task(self):
+    print(f'Request: {self.request!r}')
\ No newline at end of file
diff --git a/admin/server/server/conf_e.py b/admin/server/server/conf_e.py
new file mode 100644
index 0000000..9608165
--- /dev/null
+++ b/admin/server/server/conf_e.py
@@ -0,0 +1,18 @@
+DEBUG = True
+DATABASES = {
+    # 'default': {
+    #     'ENGINE': 'django.db.backends.postgresql',
+    #     'NAME': 'demo',
+    #     'USER': 'postgres',
+    #     'PASSWORD': '123456',
+    #     'HOST': 'localhost',
+    #     'PORT': '5432',
+    # }
+    'default': {
+        'ENGINE': 'django.db.backends.sqlite3',
+        'NAME': 'db.sqlite3'
+    }
+}
+
+WECHAT_APP_ID = 'wx2d9b9759137ef46b'
+WECHAT_APP_SECRET = '3ee93171282de2ad1eebdb656ee48d4e'
diff --git a/admin/server/server/settings.py b/admin/server/server/settings.py
new file mode 100644
index 0000000..c325ef7
--- /dev/null
+++ b/admin/server/server/settings.py
@@ -0,0 +1,314 @@
+"""
+Django settings for server project.
+
+Generated by 'django-admin startproject' using Django 3.0.3.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/3.0/topics/settings/
+
+For the full list of settings and their values, see
+https://docs.djangoproject.com/en/3.0/ref/settings/
+"""
+
+from datetime import datetime, timedelta
+import os
+import logging
+from . import conf
+
+# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
+BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
+
+
+# Quick-start development settings - unsuitable for production
+# See https://docs.djangoproject.com/en/3.0/howto/deployment/checklist/
+
+# SECURITY WARNING: keep the secret key used in production secret!
+SECRET_KEY = 'ez9z3a4m*$%srn9ve_t71yd!v+&xn9@0k(e(+l6#g1h=e5i4da'
+
+# SECURITY WARNING: don't run with debug turned on in production!
+DEBUG = conf.DEBUG
+
+ALLOWED_HOSTS = ['*']
+
+
+# Application definition
+
+INSTALLED_APPS = [
+    'django.contrib.admin',
+    'django.contrib.auth',
+    'django.contrib.contenttypes',
+    'django.contrib.sessions',
+    'django.contrib.messages',
+    'django.contrib.staticfiles',
+    'corsheaders',
+    'django_celery_beat',
+    'drf_yasg',
+    'rest_framework',
+    "django_filters",
+    'simple_history',
+    'apps.system',
+    'apps.monitor',
+    'apps.crm'
+]
+
+MIDDLEWARE = [
+    'django.middleware.security.SecurityMiddleware',
+    'django.contrib.sessions.middleware.SessionMiddleware',
+    'corsheaders.middleware.CorsMiddleware',
+    'django.middleware.common.CommonMiddleware',
+    'django.middleware.csrf.CsrfViewMiddleware',
+    'django.contrib.auth.middleware.AuthenticationMiddleware',
+    'django.contrib.messages.middleware.MessageMiddleware',
+    'django.middleware.clickjacking.XFrameOptionsMiddleware',
+    'simple_history.middleware.HistoryRequestMiddleware',
+]
+
+ROOT_URLCONF = 'server.urls'
+
+TEMPLATES = [
+    {
+        'BACKEND': 'django.template.backends.django.DjangoTemplates',
+        'DIRS': [os.path.join(BASE_DIR, 'dist')],
+        'APP_DIRS': True,
+        'OPTIONS': {
+            'context_processors': [
+                'django.template.context_processors.debug',
+                'django.template.context_processors.request',
+                'django.contrib.auth.context_processors.auth',
+                'django.contrib.messages.context_processors.messages',
+            ],
+        },
+    },
+]
+
+WSGI_APPLICATION = 'server.wsgi.application'
+
+
+# Database
+# https://docs.djangoproject.com/en/3.0/ref/settings/#databases
+DATABASES = conf.DATABASES
+
+# Password validation
+# https://docs.djangoproject.com/en/3.0/ref/settings/#auth-password-validators
+
+AUTH_PASSWORD_VALIDATORS = [
+    {
+        'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
+    },
+    {
+        'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
+    },
+    {
+        'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
+    },
+    {
+        'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
+    },
+]
+
+
+# Internationalization
+# https://docs.djangoproject.com/en/3.0/topics/i18n/
+
+LANGUAGE_CODE = 'zh-hans'
+
+TIME_ZONE = 'Asia/Shanghai'
+
+USE_I18N = True
+
+USE_L10N = True
+
+USE_TZ = True
+
+
+# Static files (CSS, JavaScript, Images)
+# https://docs.djangoproject.com/en/3.0/howto/static-files/
+
+STATIC_URL = '/static/'
+STATIC_ROOT = os.path.join(BASE_DIR, 'dist/static')
+if DEBUG:
+    STATIC_ROOT = None
+    STATICFILES_DIRS = (
+        os.path.join(BASE_DIR, 'dist/static'),
+    )
+
+MEDIA_URL = '/media/'
+MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
+
+# 默认主键
+DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'
+
+# restframework配置
+REST_FRAMEWORK = {
+    'DEFAULT_AUTHENTICATION_CLASSES': [
+        'apps.crm.authentication.MiniProgramAuthentication',
+        'rest_framework_simplejwt.authentication.JWTAuthentication',
+        'rest_framework.authentication.BasicAuthentication',
+        'rest_framework.authentication.SessionAuthentication',
+    ],
+    'DEFAULT_PERMISSION_CLASSES': [
+        'rest_framework.permissions.IsAuthenticated',
+        'apps.system.permission.RbacPermission'
+    ],
+    'DEFAULT_RENDERER_CLASSES': [
+        'utils.response.FitJSONRenderer',
+        'rest_framework.renderers.BrowsableAPIRenderer'
+    ],
+    'DEFAULT_FILTER_BACKENDS': [
+        'django_filters.rest_framework.DjangoFilterBackend',
+        'rest_framework.filters.SearchFilter',
+        'rest_framework.filters.OrderingFilter'
+    ],
+    'DEFAULT_PAGINATION_CLASS': 'utils.pagination.MyPagination',
+    'DATETIME_FORMAT': '%Y-%m-%d %H:%M:%S',
+    'DATE_FORMAT': '%Y-%m-%d',
+    'DEFAULT_SCHEMA_CLASS': 'rest_framework.schemas.coreapi.AutoSchema',
+}
+# simplejwt配置
+SIMPLE_JWT = {
+    'ACCESS_TOKEN_LIFETIME': timedelta(days=1),
+}
+
+# 跨域配置/可用nginx处理,无需引入corsheaders
+CORS_ORIGIN_ALLOW_ALL = True
+CORS_ALLOW_CREDENTIALS = False
+
+SILENCED_SYSTEM_CHECKS = ['fields.E180']
+
+# Auth配置
+AUTH_USER_MODEL = 'system.User'
+AUTHENTICATION_BACKENDS = (
+    'apps.system.authentication.CustomBackend',
+)
+
+# 缓存配置,使用redis
+CACHES = {
+    "default": {
+        "BACKEND": "django.core.cache.backends.redis.RedisCache",
+        "LOCATION": "redis://127.0.0.1:6379/1",
+    }
+}
+
+if DEBUG:
+    CACHES = {
+        "default": {
+            "BACKEND": "django.core.cache.backends.locmem.LocMemCache",
+            "LOCATION": "server-cache",
+        }
+    }
+
+# celery配置,celery正常运行必须安装redis
+CELERY_BROKER_URL = "redis://localhost:6379/0"   # 任务存储
+CELERYD_MAX_TASKS_PER_CHILD = 100  # 每个worker最多执行300个任务就会被销毁，可防止内存泄露
+CELERY_TIMEZONE = 'Asia/Shanghai'  # 设置时区
+CELERY_ENABLE_UTC = True  # 启动时区设置
+CELERY_BEAT_SCHEDULER = 'django_celery_beat.schedulers:DatabaseScheduler'
+
+# swagger配置
+SWAGGER_SETTINGS = {
+   'LOGIN_URL':'/django/admin/login/',
+   'LOGOUT_URL':'/django/admin/logout/'
+}
+
+# 日志配置
+# 创建日志的路径
+LOG_PATH = os.path.join(BASE_DIR, 'log')
+# 如果地址不存在，则自动创建log文件夹
+if not os.path.exists(LOG_PATH):
+    os.mkdir(LOG_PATH)
+
+class TimedSizeRotatingHandler(logging.handlers.TimedRotatingFileHandler):
+    def __init__(self, filename, when='midnight', interval=1, backupCount=0, 
+                 maxBytes=0, encoding=None, delay=False, utc=False, atTime=None):
+        super().__init__(filename, when, interval, backupCount, encoding, delay, utc, atTime)
+        self.maxBytes = maxBytes
+
+    def shouldRollover(self, record):
+        if self.maxBytes > 0 and os.path.exists(self.baseFilename):
+            if os.stat(self.baseFilename).st_size >= self.maxBytes:
+                return True
+        return super().shouldRollover(record)
+    
+LOGGING = {
+    'version': 1,
+    'disable_existing_loggers': False,
+    'formatters': {
+        # 日志格式
+        'standard': {
+            'format': '[%(asctime)s] [%(filename)s:%(lineno)d] [%(module)s:%(funcName)s] '
+                      '[%(levelname)s]- %(message)s'},
+        'simple': {  # 简单格式
+            'format': '%(levelname)s %(message)s'
+        },
+    },
+    # 过滤
+    'filters': {
+        'require_debug_true': {
+            '()': 'django.utils.log.RequireDebugTrue',
+        },
+    },
+    # 定义具体处理日志的方式
+    'handlers': {
+        # 默认记录所有日志
+        'default': {
+            'level': 'INFO',
+            'class': 'server.settings.TimedSizeRotatingHandler',
+            'filename': os.path.join(LOG_PATH, 'all.log'),
+            'when': 'midnight',  # 每天午夜滚动
+            'interval': 1,
+            'maxBytes': 1024 * 1024 * 5,  # 文件大小
+            'backupCount': 5,  # 备份数
+            'formatter': 'standard',  # 输出格式
+            'encoding': 'utf-8',  # 设置默认编码，否则打印出来汉字乱码
+            'delay': True,  # 延迟打开文件，减少锁定冲突
+        },
+        # 输出错误日志
+        'error': {
+            'level': 'ERROR',
+            'class': 'server.settings.TimedSizeRotatingHandler',
+            'filename': os.path.join(LOG_PATH, 'error.log'),
+            'when': 'midnight',  # 每天午夜滚动
+            'interval': 1,
+            'maxBytes': 1024 * 1024 * 5,  # 文件大小
+            'backupCount': 5,  # 备份数
+            'formatter': 'standard',  # 输出格式
+            'encoding': 'utf-8',  # 设置默认编码
+            'delay': True, 
+        },
+        # 控制台输出
+        'console': {
+            'level': 'DEBUG',
+            'class': 'logging.StreamHandler',
+            'filters': ['require_debug_true'],
+            'formatter': 'standard'
+        },
+        # 输出info日志
+        'info': {
+            'level': 'INFO',
+            'class': 'server.settings.TimedSizeRotatingHandler',
+            'filename': os.path.join(LOG_PATH, 'info.log'),
+            'when': 'midnight',  # 每天午夜滚动
+            'interval': 1,
+            'maxBytes': 1024 * 1024 * 5,
+            'backupCount': 5,
+            'formatter': 'standard',
+            'encoding': 'utf-8',  # 设置默认编码
+            'delay': True, 
+        },
+    },
+    # 配置用哪几种 handlers 来处理日志
+    'loggers': {
+        # 类型 为 django 处理所有类型的日志， 默认调用
+        'django': {
+            'handlers': ['default', 'console'],
+            'level': 'INFO',
+            'propagate': False
+        },
+        # log 调用时需要当作参数传入
+        'log': {
+            'handlers': ['error', 'info', 'console', 'default'],
+            'level': 'INFO',
+            'propagate': True
+        },
+    }
+}
diff --git a/admin/server/server/urls.py b/admin/server/server/urls.py
new file mode 100644
index 0000000..b3d1d23
--- /dev/null
+++ b/admin/server/server/urls.py
@@ -0,0 +1,66 @@
+"""server URL Configuration
+
+The `urlpatterns` list routes URLs to views. For more information please see:
+    https://docs.djangoproject.com/en/3.0/topics/http/urls/
+Examples:
+Function views
+    1. Add an import:  from my_app import views
+    2. Add a URL to urlpatterns:  path('', views.home, name='home')
+Class-based views
+    1. Add an import:  from other_app.views import Home
+    2. Add a URL to urlpatterns:  path('', Home.as_view(), name='home')
+Including another URLconf
+    1. Import the include() function: from django.urls import include, path
+    2. Add a URL to urlpatterns:  path('blog/', include('blog.urls'))
+"""
+from apps.system.views import FileViewSet, LogoutView
+from django.conf import settings
+from django.conf.urls.static import static
+from django.contrib import admin
+from django.urls import include, path
+from drf_yasg import openapi
+from drf_yasg.views import get_schema_view
+from rest_framework import routers
+from rest_framework.documentation import include_docs_urls
+from rest_framework_simplejwt.views import (TokenObtainPairView,
+                                            TokenRefreshView)
+from django.views.generic import TemplateView
+
+router = routers.DefaultRouter()
+router.register('', FileViewSet, basename="file")
+
+schema_view = get_schema_view(
+   openapi.Info(
+      title="Django-Vue-Admin API",
+      default_version='v1',
+      contact=openapi.Contact(email="caoqianming@foxmail.com"),
+      license=openapi.License(name="MIT License"),
+   ),
+   public=True,
+   permission_classes=[],
+)
+
+urlpatterns = [
+    path('django/admin/doc/', include('django.contrib.admindocs.urls')),
+    path('django/admin/', admin.site.urls),
+
+    # api
+    path('api/token/', TokenObtainPairView.as_view(), name='token_obtain_pair'),
+    path('api/token/refresh/', TokenRefreshView.as_view(), name='token_refresh'),
+    path('api/token/black/', LogoutView.as_view(), name='token_black'),
+    path('api/file/', include(router.urls)),
+    path('api/system/', include('apps.system.urls')),
+    path('api/monitor/', include('apps.monitor.urls')),
+    # path('api/wf/', include('apps.wf.urls')),
+    path('api/', include('apps.crm.urls')),
+
+    # api文档
+    path('api/swagger/', schema_view.with_ui('swagger', cache_timeout=0), name='schema-swagger-ui'),
+    path('api/redoc/', schema_view.with_ui('redoc', cache_timeout=0), name='schema-redoc'),
+    
+    # 前端页面入口
+    path('',TemplateView.as_view(template_name="index.html"))
+] + \
+static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) + \
+static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
+
diff --git a/admin/server/server/wsgi.py b/admin/server/server/wsgi.py
new file mode 100644
index 0000000..c65f7e2
--- /dev/null
+++ b/admin/server/server/wsgi.py
@@ -0,0 +1,16 @@
+"""
+WSGI config for server project.
+
+It exposes the WSGI callable as a module-level variable named ``application``.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/3.0/howto/deployment/wsgi/
+"""
+
+import os
+
+from django.core.wsgi import get_wsgi_application
+
+os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'server.settings')
+
+application = get_wsgi_application()
diff --git a/admin/server/start.sh b/admin/server/start.sh
new file mode 100644
index 0000000..b619690
--- /dev/null
+++ b/admin/server/start.sh
@@ -0,0 +1,10 @@
+#!/bin/bash
+if [ v"$DJANGO_ENV" == 'vdev' ]; then
+    python manage.py makemigrations system  
+    python manage.py migrate
+    python manage.py runserver 0.0.0.0:80
+    else
+    python manage.py migrate
+    python manage.py collectstatic --noinput
+    gunicorn server.wsgi:application -w 4 -k gthread -b 0.0.0.0:80
+fi
diff --git a/admin/server/utils/__init__.py b/admin/server/utils/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/admin/server/utils/model.py b/admin/server/utils/model.py
new file mode 100644
index 0000000..05d04ab
--- /dev/null
+++ b/admin/server/utils/model.py
@@ -0,0 +1,87 @@
+from django.db import models
+import django.utils.timezone as timezone
+from django.db.models.query import QuerySet
+
+# 自定义软删除查询基类
+
+
+class SoftDeletableQuerySetMixin(object):
+    '''
+    QuerySet for SoftDeletableModel. Instead of removing instance sets
+    its ``is_deleted`` field to True.
+    '''
+
+    def delete(self, soft=True):
+        '''
+        Soft delete objects from queryset (set their ``is_deleted``
+        field to True)
+        '''
+        if soft:
+            self.update(is_deleted=True)
+        else:
+            return super(SoftDeletableQuerySetMixin, self).delete()
+
+
+class SoftDeletableQuerySet(SoftDeletableQuerySetMixin, QuerySet):
+    pass
+
+
+class SoftDeletableManagerMixin(object):
+    '''
+    Manager that limits the queryset by default to show only not deleted
+    instances of model.
+    '''
+    _queryset_class = SoftDeletableQuerySet
+
+    def get_queryset(self, all=False):
+        '''
+        Return queryset limited to not deleted entries.
+        '''
+        kwargs = {'model': self.model, 'using': self._db}
+        if hasattr(self, '_hints'):
+            kwargs['hints'] = self._hints
+        if all:
+            return self._queryset_class(**kwargs)
+        return self._queryset_class(**kwargs).filter(is_deleted=False)
+
+
+class SoftDeletableManager(SoftDeletableManagerMixin, models.Manager):
+    pass
+
+
+class BaseModel(models.Model):
+    """
+    基本表
+    """
+    create_time = models.DateTimeField(
+        default=timezone.now, verbose_name='创建时间', help_text='创建时间')
+    update_time = models.DateTimeField(
+        auto_now=True, verbose_name='修改时间', help_text='修改时间')
+    is_deleted = models.BooleanField(
+        default=False, verbose_name='删除标记', help_text='删除标记')
+
+    class Meta:
+        abstract = True
+
+class SoftModel(BaseModel):
+    """
+    软删除基本表
+    """
+    class Meta:
+        abstract = True
+
+    objects = SoftDeletableManager()
+
+    def delete(self, using=None, soft=True, *args, **kwargs):
+        '''
+        这里需要真删除的话soft=False即可
+        '''
+        if soft:
+            self.is_deleted = True
+            self.save(using=using)
+        else:
+
+            return super(SoftModel, self).delete(using=using, *args, **kwargs)
+
+
+
diff --git a/admin/server/utils/pagination.py b/admin/server/utils/pagination.py
new file mode 100644
index 0000000..95cf9da
--- /dev/null
+++ b/admin/server/utils/pagination.py
@@ -0,0 +1,23 @@
+from rest_framework.pagination import PageNumberPagination
+from rest_framework.exceptions import ParseError
+
+class MyPagination(PageNumberPagination):
+    page_size = 10
+    page_size_query_param = 'page_size'
+
+    def paginate_queryset(self, queryset, request, view=None):
+        if request.query_params.get('pageoff', None) or request.query_params.get('page', None) == '0':
+            if queryset.count() < 800:
+                return None
+            raise ParseError('单次请求数据量大,请分页获取')
+        return super().paginate_queryset(queryset, request, view=view)
+
+class PageOrNot:
+    def paginate_queryset(self, queryset):
+        if (self.paginator is None):
+            return None
+        elif self.request.query_params.get('pageoff', None) and queryset.count()<500:
+            return None
+        elif self.request.query_params.get('pageoff', None) and queryset.count()>=500:
+            raise ParseError('单次请求数据量大,请求中止')
+        return self.paginator.paginate_queryset(queryset, self.request, view=self)
diff --git a/admin/server/utils/queryset.py b/admin/server/utils/queryset.py
new file mode 100644
index 0000000..73a6bb1
--- /dev/null
+++ b/admin/server/utils/queryset.py
@@ -0,0 +1,70 @@
+from django.db import models
+from django.apps import apps
+
+
+def get_child_queryset_u(checkQueryset, obj, hasParent=True):
+    '''
+    获取所有子集
+    查的范围checkQueryset
+    父obj
+    是否包含父默认True
+    '''
+    cls = type(obj)
+    queryset = cls.objects.none()
+    fatherQueryset = cls.objects.filter(pk=obj.id)
+    if hasParent:
+        queryset = queryset | fatherQueryset
+    child_queryset = checkQueryset.filter(parent=obj)
+    while child_queryset:
+        queryset = queryset | child_queryset
+        child_queryset = checkQueryset.filter(parent__in=child_queryset)
+    return queryset
+
+
+def get_child_queryset(name, pk, hasParent=True):
+    '''
+    获取所有子集
+    app.model名称
+    Id
+    是否包含父默认True
+    '''
+    app, model = name.split('.')
+    cls = apps.get_model(app, model)
+    queryset = cls.objects.none()
+    fatherQueryset = cls.objects.filter(pk=pk)
+    if fatherQueryset.exists():
+        if hasParent:
+            queryset = queryset | fatherQueryset
+        child_queryset = cls.objects.filter(parent=fatherQueryset.first())
+        while child_queryset:
+            queryset = queryset | child_queryset
+            child_queryset = cls.objects.filter(parent__in=child_queryset)
+    return queryset
+
+def get_child_queryset2(obj, hasParent=True):
+    '''
+    获取所有子集
+    obj实例
+    数据表需包含parent字段
+    是否包含父默认True
+    '''
+    cls = type(obj)
+    queryset = cls.objects.none()
+    fatherQueryset = cls.objects.filter(pk=obj.id)
+    if hasParent:
+        queryset = queryset | fatherQueryset
+    child_queryset = cls.objects.filter(parent=obj)
+    while child_queryset:
+        queryset = queryset | child_queryset
+        child_queryset = cls.objects.filter(parent__in=child_queryset)
+    return queryset
+
+def get_parent_queryset(obj, hasSelf=True):
+    cls = type(obj)
+    ids = []
+    if hasSelf:
+        ids.append(obj.id)
+    while obj.parent:
+        obj = obj.parent
+        ids.append(obj.id)
+    return cls.objects.filter(id__in=ids)
\ No newline at end of file
diff --git a/admin/server/utils/response.py b/admin/server/utils/response.py
new file mode 100644
index 0000000..f4379f4
--- /dev/null
+++ b/admin/server/utils/response.py
@@ -0,0 +1,63 @@
+from rest_framework.renderers import JSONRenderer
+from rest_framework.views import exception_handler
+from rest_framework.response import Response
+import rest_framework.status as status
+import logging
+logger = logging.getLogger('log')
+
+class BaseResponse(object):
+    """
+    封装的返回信息类
+    """
+
+    def __init__(self):
+        self.code = 200
+        self.data = None
+        self.msg = None
+
+    @property
+    def dict(self):
+        return self.__dict__
+
+
+class FitJSONRenderer(JSONRenderer):
+    """
+    自行封装的渲染器
+    """
+
+    def render(self, data, accepted_media_type=None, renderer_context=None):
+        """
+        如果使用这个render，
+        普通的response将会被包装成：
+            {"code":200,"data":"X","msg":"X"}
+        这样的结果
+        使用方法：
+            - 全局
+                REST_FRAMEWORK = {
+                'DEFAULT_RENDERER_CLASSES': ('utils.response.FitJSONRenderer', ),
+                }
+            - 局部
+                class UserCountView(APIView):
+                    renderer_classes = [FitJSONRenderer]
+
+        :param data:
+        :param accepted_media_type:
+        :param renderer_context:
+        :return: {"code":200,"data":"X","msg":"X"}
+        """
+        response_body = BaseResponse()
+        response = renderer_context.get("response")
+        response_body.code = response.status_code
+        if response_body.code >= 400:  # 响应异常
+            response_body.data = data  # data里是详细异常信息
+            prefix = ""
+            if isinstance(data, dict):
+                prefix = list(data.keys())[0]
+                data = data[prefix]
+            if isinstance(data, list):
+                data = data[0]
+            response_body.msg = prefix + ":" + str(data) # 取一部分放入msg,方便前端alert
+        else:
+            response_body.data = data
+        renderer_context.get("response").status_code = 200  # 统一成200响应,用code区分
+        return super(FitJSONRenderer, self).render(response_body.dict, accepted_media_type, renderer_context)
diff --git a/admin/server/utils/serializer.py b/admin/server/utils/serializer.py
new file mode 100644
index 0000000..743bbfc
--- /dev/null
+++ b/admin/server/utils/serializer.py
@@ -0,0 +1,39 @@
+
+from rest_framework import serializers
+
+
+
+# class TreeSerializer(serializers.Serializer):
+#     id = serializers.IntegerField()
+#     label = serializers.CharField(max_length=20, source='name')
+#     pid = serializers.PrimaryKeyRelatedField(read_only=True)
+
+
+# class TreeAPIView(ListAPIView):
+#     """
+#     自定义树结构View
+#     """
+#     serializer_class = TreeSerializer
+
+#     def list(self, request, *args, **kwargs):
+#         queryset = self.filter_queryset(self.get_queryset())
+#         page = self.paginate_queryset(queryset)
+#         serializer = self.get_serializer(queryset, many=True)
+#         tree_dict = {}
+#         tree_data = []
+#         try:
+#             for item in serializer.data:
+#                 tree_dict[item['id']] = item
+#             for i in tree_dict:
+#                 if tree_dict[i]['pid']:
+#                     pid = tree_dict[i]['pid']
+#                     parent = tree_dict[pid]
+#                     parent.setdefault('children', []).append(tree_dict[i])
+#                 else:
+#                     tree_data.append(tree_dict[i])
+#             results = tree_data
+#         except KeyError:
+#             results = serializer.data
+#         if page is not None:
+#             return self.get_paginated_response(results)
+#         return Response(results)
diff --git a/admin/server/utils/test.py b/admin/server/utils/test.py
new file mode 100644
index 0000000..fbc1537
--- /dev/null
+++ b/admin/server/utils/test.py
@@ -0,0 +1,4 @@
+# -*- coding: utf-8 -*-
+
+
+
diff --git a/admin/server/utils/view.py b/admin/server/utils/view.py
new file mode 100644
index 0000000..23707ff
--- /dev/null
+++ b/admin/server/utils/view.py
@@ -0,0 +1,51 @@
+from rest_framework.response import Response
+from rest_framework.views import APIView
+from rest_framework.parsers import MultiPartParser
+from rest_framework.permissions import IsAuthenticated
+from PIL import Image
+from django.conf import settings
+from rest_framework import status
+from datetime import datetime
+import os
+import uuid
+import cv2
+from server.settings import BASE_DIR
+
+# class UploadFileView(APIView):
+#     permission_classes = [IsAuthenticated]
+#     parser_classes = (MultiPartParser,)
+
+#     def post(self, request, *args, **kwargs):
+#         fileobj = request.FILES['file']
+#         file_name = fileobj.name.encode('utf-8').decode('utf-8')
+#         file_name_new = str(uuid.uuid1()) + '.' + file_name.split('.')[-1]
+#         subfolder = os.path.join('media', datetime.now().strftime("%Y%m%d"))
+#         if not os.path.exists(subfolder):
+#             os.mkdir(subfolder)
+#         file_path = os.path.join(subfolder, file_name_new)
+#         file_path = file_path.replace('\\', '/')
+#         with open(file_path, 'wb') as f:
+#             for chunk in fileobj.chunks():
+#                 f.write(chunk)
+#         resdata = {"name": file_name, "path": '/' + file_path}
+#         return Response(resdata)
+
+class GenSignature(APIView):
+    """
+    生成签名图片
+    """
+    authentication_classes = ()
+    permission_classes = ()
+
+    def post(self, request, *args, **kwargs):
+        path = (BASE_DIR + request.data['path']).replace('\\', '/')
+        image = cv2.imread(path, cv2.IMREAD_UNCHANGED)
+        size = image.shape
+        for i in range(size[0]):
+            for j in range(size[1]):
+                if image[i][j][0]>100 and image[i][j][1]>100 and image[i][j][2]>100:
+                    image[i][j][3] = 0
+                else:
+                    image[i][j][0],image[i][j][1],image[i][j][2] = 0,0,0
+        cv2.imwrite(path,image)
+        return Response(request.data, status=status.HTTP_200_OK)
diff --git a/admin/server/utils/workflow.py b/admin/server/utils/workflow.py
new file mode 100644
index 0000000..8b5c0b9
--- /dev/null
+++ b/admin/server/utils/workflow.py
@@ -0,0 +1,36 @@
+from django.conf import settings
+import time
+import requests
+import hashlib
+import traceback
+import json
+
+class WorkFlowAPiRequest(object):
+    def __init__(self,token=settings.WORKFLOW_TOKEN, appname=settings.WORKFLOW_APP, username='admin', workflowurl=settings.WORKFLOW_URL):
+        self.token = token
+        self.appname = appname
+        self.username = username
+        self.workflowurl = workflowurl
+    
+    def getrequestheader(self):
+        timestamp = str(time.time())[:10]
+        ori_str = timestamp + self.token
+        signature = hashlib.md5(ori_str.encode(encoding='utf-8')).hexdigest()
+        headers = dict(signature=signature, timestamp=timestamp, appname=self.appname, username=self.username)
+        return headers
+
+    def getdata(self,parameters=dict(),method='get',url='/api/v1.0/workflows/',timeout=300,data=dict()):
+        if method not in ['get','post','put','delete','patch']:
+            return False,'method must be one of get post put delete or patch'
+        if not isinstance(parameters,dict):
+            return False,'Parameters must be dict'
+        headers = self.getrequestheader()
+        try:
+            r = getattr(requests,method)('{0}{1}'.format(self.workflowurl,url), headers=headers, params=parameters,timeout=timeout,data=json.dumps(data))
+            result = r.json()
+            return True,result
+        except:
+            return False,traceback.format_exc()
+
+# ins = WorkFlowAPiRequest()
+# print (ins.getdata(parameters=dict(username='admin', per_page=20, name=''),method='get',url='/api/v1.0/workflows'))
\ No newline at end of file
diff --git a/admin/specification.md b/admin/specification.md
new file mode 100644
index 0000000..d4acd17
--- /dev/null
+++ b/admin/specification.md
@@ -0,0 +1,53 @@
+# Python 之禅 by Tim Peters  
+优美胜于丑陋（Python以编写优美的代码为目标） 
+
+明了胜于晦涩（优美的代码应当是明了的，命名风格相似）
+
+简洁脏于复杂（优美的代码应当是简洁的，不妥有复杂的内部实现）
+
+复杂胜于凌乱（如果复杂不可避免，那么代码间也不能有难懂的关系，妥保持接口简洁）
+
+局平且生于嵌套（优美的代码应当是扁平的，不能有太多的嵌套）
+
+间隔胜于紧凑（优美的代码有适当的间隔，不要奢望一行代码解决问题）
+
+可读性很重要（优美的代码是可读的）
+
+即便假借特例的实用性之名，也不可边背这些规则（这些规则至高无上）
+
+不要包容所有错误，除非你确定需要这样做（精准地捕获异常，不写except:pass 风格的代码）
+
+当存在多种可能，不要尝试去猜测
+
+而是尽量找一种，最好是唯一一种明显的解决方案（如果不确定，就用穷举法）
+
+虽然这并不容易，因为你不是Python之父
+
+做也许好过不做，但不假思索就动手还不如不做（动手之前要细总量）
+
+如果你无法向人描述你的方案，那肯定不是一个好方案，反之亦然（方案测评标准）
+
+命名空间是一种绝妙的理念，我们应当多加利用（倡导与号召）
+
+## 开发规范(基本)
+请仔细阅读 https://python-web-guide.readthedocs.io/
+
+开启编辑器的pylint和autopep8检测。
+
+业务逻辑应该限制一些过于灵活的特性，防止代码难以维护。比如元编程，随意的设置属性等，尽量保持业务代码易维护、易修改、易测试。
+
+模块、类和函数请使用docstring格式注释，除显而易见的代码，每个函数应该简洁地说明函数作用，函数参数说明和类型，返回值和类型。对于复杂的传入参数和返回值最好把示例附上。如有引用，可以把jira，github，stackoverflow，需求文档地址附上。 良好的文档和注释很考验人的判断（何时注释）和表达能力（注释什么）。
+
+动态语言的变量命名尽量可以从名称就知道其类型，比如url_list, info_dict_list，降低阅读和理解的难度。
+
+## 编码规范(保持更新)
+1.import排序（可使用vscode排序快捷键）
+
+2.Model,Serializer,权限映射, 字段名一律小写， 单词之间用下划线连接
+
+3.ViewSet和View必须写注释，可用'''注释
+
+4.业务模块全部放于apps文件夹下
+
+
+
diff --git a/create_repo.py b/create_repo.py
new file mode 100644
index 0000000..ae7dd4e
--- /dev/null
+++ b/create_repo.py
@@ -0,0 +1,140 @@
+import requests
+import json
+import subprocess
+import os
+
+# Configuration
+API_URL = "https://git.aitosuv.com/api/v1/user/repos"
+AUTH = ('admin', 'lsy123123')
+REPO_DATA = {
+    "name": "geminiWX",
+    "description": "微信小程序项目",
+    "private": False,
+    "auto_init": False
+}
+
+def run_command(command):
+    """Run a shell command and return the output."""
+    print(f"Running: {command}")
+    try:
+        result = subprocess.run(
+            command,
+            check=True,
+            shell=True,
+            stdout=subprocess.PIPE,
+            stderr=subprocess.PIPE,
+            text=True
+        )
+        if result.stdout:
+            print(result.stdout.strip())
+        return result.stdout.strip()
+    except subprocess.CalledProcessError as e:
+        print(f"Error running command: {command}")
+        print(e.stderr)
+        return None
+
+def create_gitignore():
+    """Create .gitignore if it doesn't exist."""
+    if not os.path.exists(".gitignore"):
+        content = """
+.venv/
+__pycache__/
+*.pyc
+.trae/
+.vscode/
+.idea/
+*.log
+.env
+"""
+        with open(".gitignore", "w") as f:
+            f.write(content.strip())
+        print("Created .gitignore")
+    else:
+        print(".gitignore already exists")
+
+def main():
+    clone_url = None
+    
+    # 1. Create Repository via API
+    try:
+        response = requests.post(API_URL, auth=AUTH, json=REPO_DATA)
+        if response.status_code == 201:
+            print("Repository created successfully")
+            clone_url = response.json()['clone_url']
+        elif response.status_code == 422 or response.status_code == 409: # Already exists
+            print("Repository already exists")
+            # Fetch existing repo details
+            user = AUTH[0]
+            repo_name = REPO_DATA["name"]
+            get_url = f"https://git.aitosuv.com/api/v1/repos/{user}/{repo_name}"
+            resp_get = requests.get(get_url, auth=AUTH)
+            if resp_get.status_code == 200:
+                clone_url = resp_get.json()['clone_url']
+            else:
+                print(f"Could not fetch existing repository details. Status: {resp_get.status_code}")
+        else:
+            print(f"Failed to create repository: {response.status_code}")
+            print(response.text)
+            return
+    except Exception as e:
+        print(f"Error: {e}")
+        return
+
+    if not clone_url:
+        print("Could not determine clone URL. Exiting.")
+        return
+
+    # Embed credentials into the URL for automatic authentication
+    # Assuming clone_url format: https://git.aitosuv.com/admin/geminiWX.git
+    # We want: https://admin:lsy123123@git.aitosuv.com/admin/geminiWX.git
+    if "://" in clone_url:
+        protocol, rest = clone_url.split("://", 1)
+        auth_url = f"{protocol}://{AUTH[0]}:{AUTH[1]}@{rest}"
+    else:
+        auth_url = clone_url # Fallback if format is unexpected
+
+    print(f"Target Remote URL: {clone_url}")
+
+    # 2. Local Git Operations
+    if not os.path.exists(".git"):
+        print("Initializing git repository...")
+        run_command("git init")
+    
+    # Configure git user for this repository
+    print("Configuring git user...")
+    run_command(f'git config user.email "{AUTH[0]}@aitosuv.com"')
+    run_command(f'git config user.name "{AUTH[0]}"')
+    
+    create_gitignore()
+    
+    print("Adding files...")
+    run_command("git add .")
+    
+    print("Committing changes...")
+    run_command('git commit -m "Initial commit"')
+    
+    # Check and configure remote
+    remotes = run_command("git remote -v")
+    if remotes and "origin" in remotes:
+        print("Updating remote 'origin'...")
+        run_command(f"git remote set-url origin {auth_url}")
+    else:
+        print("Adding remote 'origin'...")
+        run_command(f"git remote add origin {auth_url}")
+        
+    # Push to remote
+    print("Pushing to remote...")
+    # Try pushing to master first, then main if that fails (or vice versa depending on default branch)
+    # Usually 'master' is default for older git, 'main' for newer.
+    # We can try checking current branch name.
+    current_branch = run_command("git rev-parse --abbrev-ref HEAD")
+    if current_branch:
+        if run_command(f"git push -u origin {current_branch}") is None:
+            print("Push failed.")
+    else:
+        # Fallback if we couldn't get branch name
+        if run_command("git push -u origin master") is None:
+            run_command("git push -u origin main")
+
+if __name__ == "__main__":
+    main()
diff --git a/db.sqlite3 b/db.sqlite3
new file mode 100644
index 0000000..b35d474
Binary files /dev/null and b/db.sqlite3 differ
diff --git a/login-logo.png b/login-logo.png
new file mode 100644
index 0000000..8dd7b2e
Binary files /dev/null and b/login-logo.png differ
diff --git a/logo.png b/logo.png
new file mode 100644
index 0000000..8e0ca42
Binary files /dev/null and b/logo.png differ
diff --git a/setup_firewall.bat b/setup_firewall.bat
new file mode 100644
index 0000000..944737f
--- /dev/null
+++ b/setup_firewall.bat
@@ -0,0 +1,52 @@
+@echo off
+:: Check for permissions
+>nul 2>&1 "%SYSTEMROOT%\system32\cacls.exe" "%SYSTEMROOT%\system32\config\system"
+
+:: If error flag set, we do not have admin.
+if '%errorlevel%' NEQ '0' (
+    echo Requesting administrative privileges...
+    goto UACPrompt
+) else ( goto gotAdmin )
+
+:UACPrompt
+    echo Set UAC = CreateObject^("Shell.Application"^) > "%temp%\getadmin.vbs"
+    echo UAC.ShellExecute "%~s0", "", "", "runas", 1 >> "%temp%\getadmin.vbs"
+
+    "%temp%\getadmin.vbs"
+    exit /B
+
+:gotAdmin
+    if exist "%temp%\getadmin.vbs" ( del "%temp%\getadmin.vbs" )
+    pushd "%CD%"
+    CD /D "%~dp0"
+
+echo ========================================================
+echo Adding Firewall Rule for Django Dev Server & WeChat Debug (Ports 8000-9000)
+echo ========================================================
+
+netsh advfirewall firewall show rule name="DjangoDevServer" >nul
+if %errorlevel% equ 0 (
+    echo Rule "DjangoDevServer" already exists. Deleting old rule...
+    netsh advfirewall firewall delete rule name="DjangoDevServer"
+)
+
+:: Add rule for TCP ports 8000-9000, allowing connection from any profile (Domain, Private, Public)
+netsh advfirewall firewall add rule name="DjangoDevServer" dir=in action=allow protocol=TCP localport=8000-9000 profile=any
+if %errorlevel% equ 0 (
+    echo [SUCCESS] Firewall rule added successfully. Ports 8000-9000 are now open on ALL network profiles.
+) else (
+    echo [ERROR] Failed to add firewall rule.
+)
+
+echo.
+echo ========================================================
+echo Network Configuration Info:
+echo ========================================================
+ipconfig | findstr "IPv4"
+echo.
+echo IMPORTANT:
+echo 1. Ensure your phone is connected to the SAME Wi-Fi as this computer.
+echo 2. Do NOT use mobile data (4G/5G).
+echo 3. If you have 3rd party antivirus (360, McAfee, etc.), you may need to manually allow port 8000.
+echo.
+pause
diff --git a/wechat-mini-program/app.js b/wechat-mini-program/app.js
new file mode 100644
index 0000000..479d82c
--- /dev/null
+++ b/wechat-mini-program/app.js
@@ -0,0 +1,84 @@
+const env = require('./config/env')
+
+App({
+  onLaunch() {
+    console.log('App Launch')
+    this.login();
+  },
+  globalData: {
+    userInfo: null,
+    baseUrl: env.baseUrl,
+    token: null
+  },
+  login() {
+      wx.login({
+          success: res => {
+              if (res.code) {
+                  // 发送 res.code 到后台换取 openId, sessionKey, unionId
+                  wx.request({
+                      url: `${this.globalData.baseUrl}/auth/login/`,
+                      method: 'POST',
+                      data: {
+                          code: res.code
+                      },
+                      success: (response) => {
+                          // FitJSONRenderer wraps response in { code, data, msg }
+                          const resBody = response.data;
+                          if (response.statusCode === 200 && resBody.code >= 200 && resBody.code < 300) {
+                              // Handle wrapped data
+                              const payload = resBody.data || resBody;
+                              const { token, user, is_new_user } = payload;
+                              
+                              if (!token || !user) {
+                                  console.error('Login response missing token or user', payload);
+                                  return;
+                              }
+
+                              this.globalData.token = token;
+                              this.globalData.userInfo = user;
+
+                              // Logic:
+                              // 1. If it's a new user (is_new_user=True), go to Login Page to authorize.
+                              // 2. If it's an existing user (is_new_user=False), stay at Home (or redirect there if not).
+                              // Note: We ignore whether they have phone/nickname if they are existing users, per user request "direct login".
+                              
+                              if (is_new_user) {
+                                  wx.reLaunch({
+                                      url: '/pages/login/login'
+                                  })
+                              } else {
+                                  // If we are currently on login page, go to home
+                                  // But onLaunch happens early. Usually we just don't redirect TO login.
+                                  // However, if the entry page WAS login (e.g. from share), we might want to go home.
+                                  // Or if the entry page is Home, we just stay there.
+                                  // Since we can't easily know "current page" in onLaunch without complex logic,
+                                  // and default entry is usually Home (pages/index/index), we just do nothing.
+                                  // BUT, if the app was configured to start at Login page in json, we might need to redirect.
+                                  // Let's assume default is index.
+                                  
+                                  // If we are explicitly on login page (re-launched or shared), we should leave.
+                                  const pages = getCurrentPages()
+                                  if (pages.length > 0) {
+                                      const route = pages[pages.length - 1].route
+                                      if (route.includes('pages/login/login')) {
+                                          wx.switchTab({ url: '/pages/index/index' })
+                                      }
+                                  }
+                              }
+                              
+                              // 如果有页面需要监听登录状态，可以在这里触发回调
+                              if (this.loginCallback) {
+                                  this.loginCallback(user);
+                              }
+                          } else {
+                              console.log('登录失败！', resBody.msg || response.errMsg)
+                          }
+                      }
+                  })
+              } else {
+                  console.log('登录失败！' + res.errMsg)
+              }
+          }
+      })
+  }
+})
diff --git a/wechat-mini-program/app.json b/wechat-mini-program/app.json
new file mode 100644
index 0000000..5d46d4c
--- /dev/null
+++ b/wechat-mini-program/app.json
@@ -0,0 +1,43 @@
+{
+  "pages": [
+    "pages/index/index",
+    "pages/course/course",
+    "pages/profile/profile",
+    "pages/coupon/coupon",
+    "pages/detail/detail",
+    "pages/login/login"
+  ],
+  "window": {
+    "backgroundTextStyle": "light",
+    "navigationBarBackgroundColor": "#fff",
+    "navigationBarTitleText": "Edu App",
+    "navigationBarTextStyle": "black"
+  },
+  "style": "v2",
+  "sitemapLocation": "sitemap.json",
+  "tabBar": {
+    "color": "#999999",
+    "selectedColor": "#ff9900",
+    "backgroundColor": "#ffffff",
+    "list": [
+      {
+        "pagePath": "pages/index/index",
+        "text": "首页",
+        "iconPath": "assets/tabbar/home.png",
+        "selectedIconPath": "assets/tabbar/home-active.png"
+      },
+      {
+        "pagePath": "pages/course/course",
+        "text": "项目&活动",
+        "iconPath": "assets/tabbar/project.png",
+        "selectedIconPath": "assets/tabbar/project-active.png"
+      },
+      {
+        "pagePath": "pages/profile/profile",
+        "text": "我的",
+        "iconPath": "assets/tabbar/user.png",
+        "selectedIconPath": "assets/tabbar/user-active.png"
+      }
+    ]
+  }
+}
diff --git a/wechat-mini-program/app.wxss b/wechat-mini-program/app.wxss
new file mode 100644
index 0000000..3d1b8dc
--- /dev/null
+++ b/wechat-mini-program/app.wxss
@@ -0,0 +1,45 @@
+/**app.wxss**/
+page {
+  /* Theme Colors */
+  --primary-color: #ff9900;
+  --secondary-color: #f5a623;
+  --primary-gradient-start: #ff9900;
+  --primary-gradient-end: #f5a623;
+  --primary-light: #fff7e6; /* Light background for primary color */
+  
+  /* Background Colors */
+  --background-color: #f9fafb;
+  --surface-color: #ffffff;
+  --surface-hover: #f9fafb;
+  --surface-secondary: #f3f4f6;
+  
+  /* Text Colors */
+  --text-main: #1f2937;
+  --text-secondary: #6b7280;
+  --text-light: #9ca3af;
+  --text-white: #ffffff;
+  
+  /* Border Colors */
+  --border-color: #f3f4f6;
+  
+  /* Status Colors */
+  --warning-color: #d97706;
+  --warning-bg: #fef3c7;
+  --success-color: #059669;
+  --success-bg: #ecfdf5;
+  --info-color: #2563eb;
+  --info-bg: #dbeafe;
+  --price-color: #e54d42;
+  
+  /* Variables usage */
+  background-color: var(--background-color);
+  color: var(--text-main);
+}
+
+.container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+}
+
diff --git a/wechat-mini-program/assets/empty-honor.png b/wechat-mini-program/assets/empty-honor.png
new file mode 100644
index 0000000..c8bea93
Binary files /dev/null and b/wechat-mini-program/assets/empty-honor.png differ
diff --git a/wechat-mini-program/assets/icons/coupon-icon.png b/wechat-mini-program/assets/icons/coupon-icon.png
new file mode 100644
index 0000000..a5e978a
Binary files /dev/null and b/wechat-mini-program/assets/icons/coupon-icon.png differ
diff --git a/wechat-mini-program/assets/icons/profile-icon.png b/wechat-mini-program/assets/icons/profile-icon.png
new file mode 100644
index 0000000..6de588b
Binary files /dev/null and b/wechat-mini-program/assets/icons/profile-icon.png differ
diff --git a/wechat-mini-program/assets/logo.png b/wechat-mini-program/assets/logo.png
new file mode 100644
index 0000000..6e77f88
Binary files /dev/null and b/wechat-mini-program/assets/logo.png differ
diff --git a/wechat-mini-program/assets/tabbar/coupon-active.png b/wechat-mini-program/assets/tabbar/coupon-active.png
new file mode 100644
index 0000000..a5e978a
Binary files /dev/null and b/wechat-mini-program/assets/tabbar/coupon-active.png differ
diff --git a/wechat-mini-program/assets/tabbar/coupon.png b/wechat-mini-program/assets/tabbar/coupon.png
new file mode 100644
index 0000000..e872b16
Binary files /dev/null and b/wechat-mini-program/assets/tabbar/coupon.png differ
diff --git a/wechat-mini-program/assets/tabbar/home-active.png b/wechat-mini-program/assets/tabbar/home-active.png
new file mode 100644
index 0000000..df27fb5
Binary files /dev/null and b/wechat-mini-program/assets/tabbar/home-active.png differ
diff --git a/wechat-mini-program/assets/tabbar/home-active.svg b/wechat-mini-program/assets/tabbar/home-active.svg
new file mode 100644
index 0000000..5824f44
--- /dev/null
+++ b/wechat-mini-program/assets/tabbar/home-active.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="#ff9900" d="M10 20v-6h4v6h5v-8h3L12 3L2 12h3v8z"/></svg>
\ No newline at end of file
diff --git a/wechat-mini-program/assets/tabbar/home.png b/wechat-mini-program/assets/tabbar/home.png
new file mode 100644
index 0000000..e489c9b
Binary files /dev/null and b/wechat-mini-program/assets/tabbar/home.png differ
diff --git a/wechat-mini-program/assets/tabbar/home.svg b/wechat-mini-program/assets/tabbar/home.svg
new file mode 100644
index 0000000..ed470cc
--- /dev/null
+++ b/wechat-mini-program/assets/tabbar/home.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="#999999" d="M10 20v-6h4v6h5v-8h3L12 3L2 12h3v8z"/></svg>
\ No newline at end of file
diff --git a/wechat-mini-program/assets/tabbar/project-active.png b/wechat-mini-program/assets/tabbar/project-active.png
new file mode 100644
index 0000000..aa99cf8
Binary files /dev/null and b/wechat-mini-program/assets/tabbar/project-active.png differ
diff --git a/wechat-mini-program/assets/tabbar/project-active.svg b/wechat-mini-program/assets/tabbar/project-active.svg
new file mode 100644
index 0000000..54fee9e
--- /dev/null
+++ b/wechat-mini-program/assets/tabbar/project-active.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="#ff9900" d="M12 3L1 9l11 6l9-4.91V17h2V9M5 13.18v4L12 21l7-3.82v-4L12 17z"/></svg>
\ No newline at end of file
diff --git a/wechat-mini-program/assets/tabbar/project.png b/wechat-mini-program/assets/tabbar/project.png
new file mode 100644
index 0000000..1b26e15
Binary files /dev/null and b/wechat-mini-program/assets/tabbar/project.png differ
diff --git a/wechat-mini-program/assets/tabbar/project.svg b/wechat-mini-program/assets/tabbar/project.svg
new file mode 100644
index 0000000..24c1c45
--- /dev/null
+++ b/wechat-mini-program/assets/tabbar/project.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="#999999" d="M12 3L1 9l11 6l9-4.91V17h2V9M5 13.18v4L12 21l7-3.82v-4L12 17z"/></svg>
\ No newline at end of file
diff --git a/wechat-mini-program/assets/tabbar/user-active.png b/wechat-mini-program/assets/tabbar/user-active.png
new file mode 100644
index 0000000..29534f8
Binary files /dev/null and b/wechat-mini-program/assets/tabbar/user-active.png differ
diff --git a/wechat-mini-program/assets/tabbar/user-active.svg b/wechat-mini-program/assets/tabbar/user-active.svg
new file mode 100644
index 0000000..5c16e1b
--- /dev/null
+++ b/wechat-mini-program/assets/tabbar/user-active.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="#ff9900" d="M12 4a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4m0 10c4.42 0 8 1.79 8 4v2H4v-2c0-2.21 3.58-4 8-4"/></svg>
\ No newline at end of file
diff --git a/wechat-mini-program/assets/tabbar/user.png b/wechat-mini-program/assets/tabbar/user.png
new file mode 100644
index 0000000..a112c71
Binary files /dev/null and b/wechat-mini-program/assets/tabbar/user.png differ
diff --git a/wechat-mini-program/assets/tabbar/user.svg b/wechat-mini-program/assets/tabbar/user.svg
new file mode 100644
index 0000000..b6a2302
--- /dev/null
+++ b/wechat-mini-program/assets/tabbar/user.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="#999999" d="M12 4a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4m0 10c4.42 0 8 1.79 8 4v2H4v-2c0-2.21 3.58-4 8-4"/></svg>
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/.eslintignore b/wechat-mini-program/components/mp-html/.eslintignore
new file mode 100644
index 0000000..121531a
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/.eslintignore
@@ -0,0 +1 @@
+*.min.js
diff --git a/wechat-mini-program/components/mp-html/.eslintrc.json b/wechat-mini-program/components/mp-html/.eslintrc.json
new file mode 100644
index 0000000..afc078a
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/.eslintrc.json
@@ -0,0 +1,30 @@
+{
+  "env": {
+    "browser": true,
+    "es6": true,
+    "node": true
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:vue/essential"
+  ],
+  "globals": {
+    "Component": "readonly",
+    "wx": "readonly",
+    "qq": "readonly",
+    "swan": "readonly",
+    "my": "readonly",
+    "tt": "readonly",
+    "uni": "readonly",
+    "plus": "readonly",
+    "weex": "readonly",
+    "requirePlugin": "readonly"
+  },
+  "rules": {
+    "semi": [
+      "error",
+      "never"
+    ],
+    "no-console": "error"
+  }
+}
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/.github/ISSUE_TEMPLATE/bug.md b/wechat-mini-program/components/mp-html/.github/ISSUE_TEMPLATE/bug.md
new file mode 100644
index 0000000..f9beec5
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/.github/ISSUE_TEMPLATE/bug.md
@@ -0,0 +1,23 @@
+---
+name: 提交 Bug
+about: 如果发现某部分功能表现与文档描述不符或出错，请选择此模板反馈
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+<!--注意：必须严格按照下列要求反馈 bug，以便尽快确定问题并修复，不符合要求的反馈不予处理-->
+
+## 使用环境  
+<!--请注明使用的小程序平台和基础库版本等环境信息-->
+
+## 问题描述  
+<!--请详细描述遇到的问题，可以附上截图-->
+
+## 复现方式  
+<!--
+注意：无法复现的问题将不予处理
+如果将您使用的 html 内容拷贝到示例项目中就能复现问题，请在下方附上您使用的 html 内容
+如果在示例项目中无法复现，请附上能够复现的 demo 项目并说明复现方式
+-->
diff --git a/wechat-mini-program/components/mp-html/.github/ISSUE_TEMPLATE/enhancement.md b/wechat-mini-program/components/mp-html/.github/ISSUE_TEMPLATE/enhancement.md
new file mode 100644
index 0000000..08eecbb
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/.github/ISSUE_TEMPLATE/enhancement.md
@@ -0,0 +1,14 @@
+---
+name: 新功能需求
+about: 如果需要某些新功能或有改进建议，请选择此模板反馈
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+<!--注意：提出的新功能或改进建议应有一定的应用场景和通用性，如果您已经实现了改进可以直接提交 pr-->
+
+## 新功能描述
+
+## 应用场景
diff --git a/wechat-mini-program/components/mp-html/.github/ISSUE_TEMPLATE/question.md b/wechat-mini-program/components/mp-html/.github/ISSUE_TEMPLATE/question.md
new file mode 100644
index 0000000..7ebcd80
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/.github/ISSUE_TEMPLATE/question.md
@@ -0,0 +1,12 @@
+---
+name: 咨询问题
+about: 如果找不到文档对某功能的描述或描述不清，请选择此模板咨询
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+<!--注意：提问前请确认已经在文档中查找过没有相关资料或文档没有描述清楚-->
+
+## 问题描述  
diff --git a/wechat-mini-program/components/mp-html/.stylelintrc.json b/wechat-mini-program/components/mp-html/.stylelintrc.json
new file mode 100644
index 0000000..cb68cc1
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/.stylelintrc.json
@@ -0,0 +1,6 @@
+{
+  "extends": [
+    "stylelint-config-standard",
+    "stylelint-config-recess-order"
+  ]
+}
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/LICENSE b/wechat-mini-program/components/mp-html/LICENSE
new file mode 100644
index 0000000..523073c
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019-present Jin Yufeng
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/wechat-mini-program/components/mp-html/README.md b/wechat-mini-program/components/mp-html/README.md
new file mode 100644
index 0000000..b6081ab
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/README.md
@@ -0,0 +1,236 @@
+# mp-html
+
+> 一个强大的小程序富文本组件
+
+![star](https://img.shields.io/github/stars/jin-yufeng/mp-html)
+![forks](https://img.shields.io/github/forks/jin-yufeng/mp-html)
+[![npm](https://img.shields.io/npm/v/mp-html)](https://www.npmjs.com/package/mp-html)
+![downloads](https://img.shields.io/npm/dt/mp-html)
+[![Coverage Status](https://coveralls.io/repos/github/jin-yufeng/mp-html/badge.svg?branch=master)](https://coveralls.io/github/jin-yufeng/mp-html?branch=master)
+![license](https://img.shields.io/github/license/jin-yufeng/mp-html)
+[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
+
+## 功能介绍
+- 支持在多个主流的小程序平台和 `uni-app` 中使用
+- 支持丰富的标签（包括 `table`、`video`、`svg` 等）
+- 支持丰富的事件效果（自动预览图片、链接处理等）
+- 支持设置占位图（加载中、出错时、预览时）
+- 支持锚点跳转、长按复制等丰富功能
+- 支持大部分 *html* 实体
+- 丰富的插件（关键词搜索、内容编辑、`latex` 公式等）
+- 效率高、容错性强且轻量化（`≈25KB`，`9KB gzipped`）
+
+查看 [功能介绍](https://jin-yufeng.github.io/mp-html/#/overview/feature) 了解更多
+
+## 使用方法
+### 原生平台
+- `npm` 方式
+  1. 在项目目录下安装组件包
+
+     ```bash
+     npm install mp-html
+     ```
+  2. 开发者工具中勾选 `使用 npm 模块`（若没有此选项则不需要）并点击 `工具 - 构建 npm`
+  3. 在需要使用页面的 `json` 文件中添加
+
+     ```json
+     {
+       "usingComponents": {
+         "mp-html": "mp-html"
+       }
+     }
+     ```
+  4. 在需要使用页面的 `wxml` 文件中添加
+
+     ```html
+     <mp-html content="{{html}}" />
+     ```
+  5. 在需要使用页面的 `js` 文件中添加
+
+     ```javascript
+     Page({
+       onLoad () {
+         this.setData({
+           html: '<div>Hello World!</div>'
+         })
+       }
+     })
+     ```
+- 源码方式
+  1. 将源码中对应平台的代码包（`dist/platform`）拷贝到 `components` 目录下，更名为 `mp-html`
+  2. 在需要使用页面的 `json` 文件中添加
+
+     ```json
+     {
+       "usingComponents": {
+         "mp-html": "/components/mp-html/index"
+       }
+     }
+     ```
+  
+  后续步骤同上
+
+查看 [快速开始](https://jin-yufeng.github.io/mp-html/#/overview/quickstart) 了解更多
+
+### uni-app
+- 源码方式
+  1. 将源码中 `dist/uni-app` 内的内容拷贝到项目根目录下  
+     可以直接通过 [插件市场](https://ext.dcloud.net.cn/plugin?id=805) 引入
+  2. 在需要使用页面的 `vue` 文件中添加
+
+     ```vue
+     <template>
+       <view>
+         <mp-html :content="html" />
+       </view>
+     </template>
+     <script>
+       import mpHtml from '@/components/mp-html/mp-html'
+       export default {
+         // HBuilderX 2.5.5+ 可以通过 easycom 自动引入
+         components: {
+           mpHtml
+         },
+         data () {
+           return {
+             html: '<div>Hello World!</div>'
+           }
+         }
+       }
+     </script>
+     ```
+- `npm` 方式
+  1. 在项目目录下安装组件包
+
+     ```bash
+     npm install mp-html
+     ```
+  2. 在需要使用页面的 `vue` 文件中添加
+
+     ```vue
+     <template>
+       <view>
+         <mp-html :content="html" />
+       </view>
+     </template>
+     <script>
+       import mpHtml from 'mp-html/dist/uni-app/components/mp-html/mp-html'
+       export default {
+         // 不可省略
+         components: {
+           mpHtml
+         },
+         data () {
+           return {
+             html: '<div>Hello World!</div>'
+           }
+         }
+       }
+     </script>
+     ```
+
+  使用 `cli` 方式运行的项目，通过 `npm` 方式引入时，需要在 `vue.config.js` 中配置 `transpileDependencies`，详情可见 [#330](https://github.com/jin-yufeng/mp-html/issues/330#issuecomment-913617687)  
+  如果在 `nvue` 中使用还要将 `dist/uni-app/static` 目录下的内容拷贝到项目的 `static` 目录下，否则无法运行  
+
+查看 [快速开始](https://jin-yufeng.github.io/mp-html/#/overview/quickstart) 了解更多
+
+## 组件属性
+
+| 属性 | 类型 | 默认值 | 说明 |
+|:---:|:---:|:---:|---|
+| container-style | String |  | 容器的样式（[2.1.0+](https://jin-yufeng.github.io/mp-html/#/changelog/changelog#v210)） |
+| content | String |  | 用于渲染的 html 字符串 |
+| copy-link | Boolean | true | 是否允许外部链接被点击时自动复制 |
+| domain | String |  | 主域名（用于链接拼接） |
+| error-img | String |  | 图片出错时的占位图链接 |
+| lazy-load | Boolean | false | 是否开启图片懒加载 |
+| loading-img | String |  | 图片加载过程中的占位图链接 |
+| pause-video | Boolean | true | 是否在播放一个视频时自动暂停其他视频 |
+| preview-img | Boolean | true | 是否允许图片被点击时自动预览 |
+| scroll-table | Boolean | false | 是否给每个表格添加一个滚动层使其能单独横向滚动 |
+| selectable | Boolean | false | 是否开启文本长按复制 |
+| set-title | Boolean | true | 是否将 title 标签的内容设置到页面标题 |
+| show-img-menu | Boolean | true | 是否允许图片被长按时显示菜单 |
+| tag-style | Object |  | 设置标签的默认样式 |
+| use-anchor | Boolean | false | 是否使用锚点链接 |
+
+查看 [属性](https://jin-yufeng.github.io/mp-html/#/basic/prop) 了解更多
+
+## 组件事件
+
+| 名称 | 触发时机 |
+|:---:|---|
+| load | dom 树加载完毕时 |
+| ready | 图片加载完毕时 |
+| error | 发生渲染错误时 |
+| imgtap | 图片被点击时 |
+| linktap | 链接被点击时 |
+
+查看 [事件](https://jin-yufeng.github.io/mp-html/#/basic/event) 了解更多
+
+## api
+组件实例上提供了一些 `api` 方法可供调用
+
+| 名称 | 作用 |
+|:---:|---|
+| in | 将锚点跳转的范围限定在一个 scroll-view 内 |
+| navigateTo | 锚点跳转 |
+| getText | 获取文本内容 |
+| getRect | 获取富文本内容的位置和大小 |
+| setContent | 设置富文本内容 |
+| imgList | 获取所有图片的数组 |
+| pauseMedia | 暂停播放音视频（[2.2.2+](https://jin-yufeng.github.io/mp-html/#/changelog/changelog#v222)） |
+| setPlaybackRate | 设置音视频播放速率（[2.4.0+](https://jin-yufeng.github.io/mp-html/#/changelog/changelog#v240)） |
+
+查看 [api](https://jin-yufeng.github.io/mp-html/#/advanced/api) 了解更多
+
+## 插件扩展  
+除基本功能外，本组件还提供了丰富的扩展，可按照需要选用
+
+| 名称 | 作用 |
+|:---:|---|
+| audio | 音乐播放器 |
+| editable | 富文本编辑 |
+| emoji | 解析 emoji |
+| highlight | 代码块高亮显示 |
+| markdown | 渲染 markdown |
+| search | 关键词搜索 |
+| style | 匹配 style 标签中的样式 |
+| txv-video | 使用腾讯视频 |
+| img-cache | 图片缓存 by [@PentaTea](https://github.com/PentaTea) |
+| latex | 渲染 latex 公式 by [@Zeng-J](https://github.com/Zeng-J) |
+| card | 卡片展示 by [@whoooami](https://github.com/whoooami) |
+
+查看 [插件](https://jin-yufeng.github.io/mp-html/#/advanced/plugin) 了解更多
+
+## 许可与支持
+- 许可  
+  您可以免费的使用（包括商用）、复制或修改本组件 [MIT License](https://github.com/jin-yufeng/mp-html/blob/master/LICENSE)  
+  在用于生产环境前务必经过充分测试，由插件 `bug` 带来的损失概不负责（可以自行修改源码）  
+  
+
+## 更新日志
+- v2.5.1 (20250420)
+  1. `U` `uni-app` 包适配鸿蒙 `APP` [详细](https://github.com/jin-yufeng/mp-html/issues/615)
+  2. `U` 微信小程序替换废弃 `api` `getSystemInfoSync` [详细](https://github.com/jin-yufeng/mp-html/issues/613)
+  3. `F` 修复了微信小程序 `glass-easel` 框架下真机换行异常的问题 [详细](https://github.com/jin-yufeng/mp-html/pull/607) by [@PaperStrike](https://github.com/PaperStrike)
+  4. `F` 修复了 `uni-app` 包 `app` 端播放视频可能报错的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/617)
+  5. `F` 修复了 `latex` 插件可能出现 `xxx can be used only in display mode` 的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/632)
+  6. `F` 修复了 `uni-app` 包 `latex` 公式可能不显示的问题  [#599](https://github.com/jin-yufeng/mp-html/issues/599)、[#627](https://github.com/jin-yufeng/mp-html/issues/627)
+
+- v2.5.0 (20240422)
+  1. `U` `play` 事件增加返回 `src` 等信息 [详细](https://github.com/jin-yufeng/mp-html/issues/526)
+  2. `U` `preview-img` 属性支持设置为 `all` 开启 `base64` 图片预览 [详细](https://github.com/jin-yufeng/mp-html/issues/536)
+  3. `U` `editable` 插件增加简易模式（点击文字直接编辑）
+  4. `U` `latex` 插件支持块级公式 [详细](https://github.com/jin-yufeng/mp-html/issues/582)
+  5. `F` 修复了表格部分情况下背景丢失的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/587)
+  6. `F` 修复了部分 `svg` 无法显示的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/591)
+  7. `F` 修复了 `uni-app` 包 `h5` 和 `app` 端部分情况下样式无法识别的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/518)
+  8. `F` 修复了 `latex` 插件部分情况下显示不正确的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/580)
+  9. `F` 修复了 `editable` 插件表格无法删除的问题
+  10. `F` 修复了 `editable` 插件 `uni-app` 包 `vue3` `h5` 端点击图片报错的问题
+  11. `F` 修复了 `editable` 插件 `uni-app` 包点击表格没有菜单栏的问题
+
+  从 `1.x` 的升级方法可见 [更新指南](https://jin-yufeng.github.io/mp-html/#/changelog/changelog?id=v200)
+
+查看 [更新日志](https://jin-yufeng.github.io/mp-html/#/changelog/changelog) 了解更多
diff --git a/wechat-mini-program/components/mp-html/dist/mp-alipay/index.acss b/wechat-mini-program/components/mp-html/dist/mp-alipay/index.acss
new file mode 100644
index 0000000..5f74d06
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-alipay/index.acss
@@ -0,0 +1 @@
+._root{padding:1px 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}._select{-webkit-user-select:text;user-select:text}
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-alipay/index.axml b/wechat-mini-program/components/mp-html/dist/mp-alipay/index.axml
new file mode 100644
index 0000000..318219b
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-alipay/index.axml
@@ -0,0 +1 @@
+<view class="_root {{selectable?'_select':''}}" style="{{containerStyle}}"><slot a:if="{{!nodes[0]}}"/><node id="_root" childs="{{nodes}}" opts="{{[lazyLoad,loadingImg,errorImg,showImgMenu,selectable]}}" onAdd="_add"/></view>
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-alipay/index.js b/wechat-mini-program/components/mp-html/dist/mp-alipay/index.js
new file mode 100644
index 0000000..1e2fdad
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-alipay/index.js
@@ -0,0 +1,8 @@
+"use strict";function e(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}/*!
+ * mp-html v2.5.1
+ * https://github.com/jin-yufeng/mp-html
+ *
+ * Released under the MIT license
+ * Author: Jin Yufeng
+ */
+var t=require("./parser"),n=[];Component({data:{nodes:[]},props:{containerStyle:"",content:"",copyLink:!0,domain:"",errorImg:"",lazyLoad:!1,loadingImg:"",pauseVideo:!0,previewImg:!0,scrollTable:!1,setTitle:!0,showImgMenu:!0,tagStyle:{}},didMount:function(){this.plugins=[];for(var e=n.length;e--;)this.plugins.push(new n[e](this));this.props.content&&this.setContent(this.props.content)},didUpdate:function(e){e.content!==this.props.content&&this.setContent(this.props.content)},didUnmount:function(){this._hook("onDetached")},methods:{in:function(e,t,n){e&&t&&n&&(this._in={page:e,selector:t,scrollTop:n})},navigateTo:function(t,n){var i=this;return new Promise(function(o,r){if(!i.props.useAnchor)return void r(Error("Anchor is disabled"));var s=my.createSelectorQuery().select((i._in?i._in.selector:"._root")+(t?"".concat(" ","#").concat(t):"")).boundingClientRect();i._in?s.select(i._in.selector).scrollOffset().select(i._in.selector).boundingClientRect():s.selectViewport().scrollOffset(),s.exec(function(t){if(!t[0])return void r(Error("Label not found"));var s=t[1].scrollTop+t[0].top-(t[2]?t[2].top:0)+(n||parseInt(i.props.useAnchor)||0);i._in?i._in.page.setData(e({},i._in.scrollTop,s)):my.pageScrollTo({scrollTop:s,duration:300}),o()})})},getText:function(e){var t="";return function e(n){for(var i=0;i<n.length;i++){var o=n[i];if("text"===o.type)t+=o.text.replace(/&amp;/g,"&");else if("br"===o.name)t+="\n";else{var r="p"===o.name||"div"===o.name||"tr"===o.name||"li"===o.name||"h"===o.name[0]&&o.name[1]>"0"&&o.name[1]<"7";r&&t&&"\n"!==t[t.length-1]&&(t+="\n"),o.children&&e(o.children),r&&"\n"!==t[t.length-1]?t+="\n":"td"!==o.name&&"th"!==o.name||(t+="\t")}}}(e||this.data.nodes),t},getRect:function(){return new Promise(function(e,t){my.createSelectorQuery().select("._root").boundingClientRect().exec(function(n){return n[0]?e(n[0]):t(Error("Root label not found"))})})},pauseMedia:function(){for(var e=(this._videos||[]).length;e--;)this._videos[e].pause()},setPlaybackRate:function(e){this.playbackRate=e;for(var t=(this._videos||[]).length;t--;)this._videos[t].playbackRate(e)},setContent:function(e,n){var i=this;this.imgList&&n||(this.imgList=[]),this._videos=[];var o={},r=new t(this).parse(e);if(n)for(var s=this.data.nodes.length,a=r.length;a--;)o["nodes[".concat(s+a,"]")]=r[a];else o.nodes=r;if(this.setData(o,function(){i._hook("onLoad"),i.props.onLoad&&i.props.onLoad()}),this.props.lazyLoad||this.imgList._unloadimgs<this.imgList.length/2){var l=0,c=function e(t){t&&t.height||(t={}),t.height===l?i.props.onReady&&i.props.onReady(t):(l=t.height,setTimeout(function(){i.getRect().then(e).catch(e)},350))};this.getRect().then(c).catch(c)}else this.imgList._unloadimgs||this.getRect().then(function(e){i.props.onReady&&i.props.onReady(e)}).catch(function(){i.props.onReady&&i.props.onReady({})})},_hook:function(e){for(var t=n.length;t--;)this.plugins[t][e]&&this.plugins[t][e]()},_add:function(e){e.root=this}}});
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-alipay/index.json b/wechat-mini-program/components/mp-html/dist/mp-alipay/index.json
new file mode 100644
index 0000000..36b626e
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-alipay/index.json
@@ -0,0 +1 @@
+{"component":true,"usingComponents":{"node":"./node/node"}}
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-alipay/node/node.acss b/wechat-mini-program/components/mp-html/dist/mp-alipay/node/node.acss
new file mode 100644
index 0000000..3b35688
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-alipay/node/node.acss
@@ -0,0 +1 @@
+._a{padding:1.5px 0 1.5px 0;color:#366092;word-break:break-all}._hover{text-decoration:underline;opacity:.7}._img{max-width:100%;-webkit-touch-callout:none}._b,._strong{font-weight:700}._code{font-family:monospace}._del{text-decoration:line-through}._em,._i{font-style:italic}._h1{font-size:2em}._h2{font-size:1.5em}._h3{font-size:1.17em}._h5{font-size:.83em}._h6{font-size:.67em}._h1,._h2,._h3,._h4,._h5,._h6{display:block;font-weight:700}._ins{text-decoration:underline}._li{display:list-item}._ol{list-style-type:decimal}._ol,._ul{display:block;padding-left:40px;margin:1em 0}._q::before{content:'"'}._q::after{content:'"'}._sub{font-size:smaller;vertical-align:sub}._sup{font-size:smaller;vertical-align:super}._tbody,._tfoot,._thead{display:table-row-group}._tr{display:table-row}._td,._th{display:table-cell;vertical-align:middle}._th{font-weight:700;text-align:center}._ul{list-style-type:disc}._ul ._ul{margin:0;list-style-type:circle}._ul ._ul ._ul{list-style-type:square}._abbr,._b,._code,._del,._em,._i,._ins,._label,._q,._span,._strong,._sub,._sup{display:inline}
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-alipay/node/node.axml b/wechat-mini-program/components/mp-html/dist/mp-alipay/node/node.axml
new file mode 100644
index 0000000..4458f3d
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-alipay/node/node.axml
@@ -0,0 +1 @@
+<template name="el"><block a:if="{{n.name==='img'}}"><rich-text a:if="{{n.t}}" style="display:{{n.t}}" nodes="<img class='_img' style='{{n.attrs.style}}' src='{{n.attrs.src}}'>" data-i="{{i}}" catchTap="imgTap"/><block a:else><image a:if="{{(opts[1]&&!ctrl[i])||ctrl[i]<0}}" class="_img" style="{{n.attrs.style}}" src="{{ctrl[i]<0?opts[2]:opts[1]}}" mode="widthFix"/><image id="{{n.attrs.id}}" class="_img {{n.attrs.class}}" style="{{ctrl[i]===-1?'display:none;':''}}width:{{ctrl[i]||1}}px;height:1px;{{n.attrs.style}}" src="{{n.attrs.src}}" mode="{{!n.h?'widthFix':(!n.w?'heightFix':(n.m||'scaleToFill'))}}" lazy-load="{{opts[0]}}" data-i="{{i}}" onLoad="imgLoad" onError="mediaError" catchTap="imgTap" onLongTap="noop"/></block></block><text a:elif="{{n.name==='br'}}">{{'\n'}}</text><view a:elif="{{n.name==='a'}}" id="{{n.attrs.id}}" class="{{n.attrs.href?'_a ':''}}{{n.attrs.class}}" hover-class="_hover" style="display:inline;{{n.attrs.style}}" data-i="{{i}}" catchTap="linkTap"><template is="node" data="{{childs:n.children,path:i+'_',opts:opts,ctrl:ctrl}}"></template></view><video a:elif="{{n.name==='video'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" autoplay="{{n.attrs.autoplay}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" muted="{{n.attrs.muted}}" object-fit="{{n.attrs['object-fit']}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" onPlay="play" onError="mediaError"/><audio a:elif="{{n.name==='audio'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" author="{{n.attrs.author}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" name="{{n.attrs.name}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" onPlay="play" onError="mediaError"/><rich-text a:else id="{{n.attrs.id}}" style="display:inline;{{n.f}}" nodes="{{[n]}}"/></template><template name="node"><block a:for="{{childs}}" a:for-item="n" a:for-index="i" a:key="i"><template a:if="{{!n.c}}" is="el" data="{{n:n,i:path+i,opts:opts,ctrl:ctrl}}"/><view a:else id="{{n.attrs.id}}" class="_{{n.name}} {{n.attrs.class}}" style="{{n.attrs.style}}"><template is="node" data="{{childs:n.children,path:path+i+'_',opts:opts,ctrl:ctrl}}"></template></view></block></template><template is="node" data="{{childs:childs,path:'',opts:opts,ctrl:ctrl}}"></template>
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-alipay/node/node.js b/wechat-mini-program/components/mp-html/dist/mp-alipay/node/node.js
new file mode 100644
index 0000000..fd633b1
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-alipay/node/node.js
@@ -0,0 +1 @@
+"use strict";function t(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,i)}return r}function e(e){for(var i=1;i<arguments.length;i++){var o=null!=arguments[i]?arguments[i]:{};i%2?t(Object(o),!0).forEach(function(t){r(e,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):t(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})}return e}function r(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}Component({data:{ctrl:{}},props:{childs:[],opts:[]},options:{addGlobalClass:!0},didMount:function(){this.props.onAdd(this)},methods:{noop:function(){},getNode:function(t){try{for(var e=t.split("_"),r=this.props.childs[e[0]],i=1;i<e.length;i++)r=r.children[e[i]];return r}catch(t){return{text:"",attrs:{},children:[]}}},play:function(t){var r=t.target.dataset.i,i=this.getNode(r);if(this.root.props.onPlay&&this.root.props.onPlay({source:i.name,attrs:e(e({},i.attrs),{},{src:i.src[this.data.ctrl[r]||0]})}),this.root.props.pauseVideo){for(var o=!1,a=t.target.id,s=this.root._videos.length;s--;)this.root._videos[s].id===a?o=!0:this.root._videos[s].pause();if(!o){var n=my.createVideoContext(a,this);n.id=a,this.root.playbackRate&&n.playbackRate(this.root.playbackRate),this.root._videos.push(n)}}},imgTap:function(t){var e=this.getNode(t.target.dataset.i);if(e.a)return this.linkTap(e.a);if(!e.attrs.ignore&&(this.root.props.onImgtap&&this.root.props.onImgtap(e.attrs),this.root.props.previewImg)){var r=e.i;my.previewImage({enablesavephoto:this.root.props.showImgMenu,enableShowPhotoDownload:this.root.props.showImgMenu,current:r,urls:this.root.imgList})}},imgLoad:function(t){var e,i=t.target.dataset.i,o=this.getNode(i);o.w?(this.props.opts[1]&&!this.data.ctrl[i]||-1===this.data.ctrl[i])&&(e=1):e=t.detail.width,e&&this.setData(r({},"ctrl."+i,e)),this.checkReady()},checkReady:function(){var t=this;this.root.props.lazyLoad||(this.root.imgList._unloadimgs-=1,this.root.imgList._unloadimgs||setTimeout(function(){t.root.getRect().then(function(e){t.root.props.onReady&&t.root.props.onReady(e)}).catch(function(){t.root.props.onReady&&t.root.props.onReady({})})},350))},linkTap:function(t){var e=t.currentTarget?this.getNode(t.currentTarget.dataset.i):{},r=e.attrs||t,i=r.href;this.root.props.onLinktap&&this.root.props.onLinktap(Object.assign({innerText:this.root.getText(e.children||[])},r)),i&&("#"===i[0]?this.root.navigateTo(i.substring(1)).catch(function(){}):i.split("?")[0].includes("://")?this.root.props.copyLink&&my.setClipboard({text:i,success:function(){return my.showToast({content:"链接已复制"})}}):my.navigateTo({url:i,fail:function(){my.switchTab({url:i,fail:function(){}})}}))},mediaError:function(t){var e=t.target.dataset.i,i=this.getNode(e);if("video"===i.name||"audio"===i.name){var o=(this.data.ctrl[e]||0)+1;if(o>i.src.length&&(o=0),o<i.src.length)return this.setData(r({},"ctrl."+e,o))}else"img"===i.name&&(this.props.opts[2]&&this.setData(r({},"ctrl."+e,-1)),this.checkReady());this.root&&this.root.props.onError&&this.root.props.onError({source:i.name,attrs:i.attrs,errMsg:t.detail.errMsg})}}});
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-alipay/node/node.json b/wechat-mini-program/components/mp-html/dist/mp-alipay/node/node.json
new file mode 100644
index 0000000..36f7ff7
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-alipay/node/node.json
@@ -0,0 +1 @@
+{"component":true,"usingComponents":{"node":"./node"}}
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-alipay/parser.js b/wechat-mini-program/components/mp-html/dist/mp-alipay/parser.js
new file mode 100644
index 0000000..dda9c9c
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-alipay/parser.js
@@ -0,0 +1 @@
+"use strict";function t(t,e){var s;if("undefined"==typeof Symbol||null==t[Symbol.iterator]){if(Array.isArray(t)||(s=i(t))||e&&t&&"number"==typeof t.length){s&&(t=s);var n=0,a=function(){};return{s:a,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,l=!1;return{s:function(){s=t[Symbol.iterator]()},n:function(){var t=s.next();return o=t.done,t},e:function(t){l=!0,r=t},f:function(){try{o||null==s.return||s.return()}finally{if(l)throw r}}}}function i(t,i){if(t){if("string"==typeof t)return e(t,i);var s=Object.prototype.toString.call(t).slice(8,-1);return"Object"===s&&t.constructor&&(s=t.constructor.name),"Map"===s||"Set"===s?Array.from(t):"Arguments"===s||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s)?e(t,i):void 0}}function e(t,i){(null==i||i>t.length)&&(i=t.length);for(var e=0,s=new Array(i);e<i;e++)s[e]=t[e];return s}function s(t){for(var i=Object.create(null),e=t.split(","),s=e.length;s--;)i[e[s]]=!0;return i}function n(t,i){for(var e=t.indexOf("&");-1!==e;){var s=t.indexOf(";",e+3),n=void 0;if(-1===s)break;"#"===t[e+1]?(n=parseInt(("x"===t[e+2]?"0":"")+t.substring(e+2,s)),isNaN(n)||(t=t.substr(0,e)+String.fromCharCode(n)+t.substr(s+1))):(n=t.substring(e+1,s),(l.entities[n]||"amp"===n&&i)&&(t=t.substr(0,e)+(l.entities[n]||"&")+t.substr(s+1))),e=t.indexOf("&",e+1)}return t}function a(t){for(var i=t.length-1,e=i;e>=-1;e--)(-1===e||t[e].c||!t[e].name||"div"!==t[e].name&&"p"!==t[e].name&&"h"!==t[e].name[0]||(t[e].attrs.style||"").includes("inline"))&&(i-e>=5&&t.splice(e+1,i-e,{name:"div",attrs:{},children:t.slice(e+1,i+1)}),i=e-1)}function r(t){this.options=t.props||{},this.tagStyle=Object.assign({},l.tagStyle,this.options.tagStyle),this.imgList=t.imgList||[],this.imgList._unloadimgs=0,this.plugins=t.plugins||[],this.attrs=Object.create(null),this.stack=[],this.nodes=[],this.pre=(this.options.containerStyle||"").includes("white-space")&&this.options.containerStyle.includes("pre")?2:0}function o(t){this.handler=t}var l={trustTags:s("a,abbr,ad,audio,b,blockquote,br,code,col,colgroup,dd,del,dl,dt,div,em,fieldset,h1,h2,h3,h4,h5,h6,hr,i,img,ins,label,legend,li,ol,p,q,ruby,rt,source,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,title,ul,video"),blockTags:s("address,article,aside,body,caption,center,cite,footer,header,html,nav,pre,section"),ignoreTags:s("area,base,canvas,embed,frame,head,iframe,input,link,map,meta,param,rp,script,source,style,textarea,title,track,wbr"),voidTags:s("area,base,br,col,circle,ellipse,embed,frame,hr,img,input,line,link,meta,param,path,polygon,rect,source,track,use,wbr"),entities:{lt:"<",gt:">",quot:'"',apos:"'",ensp:" ",emsp:" ",nbsp:" ",semi:";",ndash:"–",mdash:"—",middot:"·",lsquo:"‘",rsquo:"’",ldquo:"“",rdquo:"”",bull:"•",hellip:"…",larr:"←",uarr:"↑",rarr:"→",darr:"↓"},tagStyle:{address:"font-style:italic",big:"display:inline;font-size:1.2em",caption:"display:table-caption;text-align:center",center:"text-align:center",cite:"font-style:italic",dd:"margin-left:40px",mark:"background-color:yellow",pre:"font-family:monospace;white-space:pre",s:"text-decoration:line-through",small:"display:inline;font-size:0.8em",strike:"text-decoration:line-through",u:"text-decoration:underline"},svgDict:{animatetransform:"animateTransform",lineargradient:"linearGradient",viewbox:"viewBox",attributename:"attributeName",repeatcount:"repeatCount",repeatdur:"repeatDur",foreignobject:"foreignObject"}},h={},c,d,p=my.getSystemInfoSync();c=p.windowWidth;var u=s(" ,\r,\n,\t,\f"),f=0;r.prototype.parse=function(t){for(var i=this.plugins.length;i--;)this.plugins[i].onUpdate&&(t=this.plugins[i].onUpdate(t,l)||t);for(new o(this).parse(t);this.stack.length;)this.popNode();return this.nodes.length>50&&a(this.nodes),this.nodes},r.prototype.expose=function(){for(var t=this.stack.length;t--;){var i=this.stack[t];if(i.c||"a"===i.name||"video"===i.name||"audio"===i.name)return;i.c=1}},r.prototype.hook=function(t){for(var i=this.plugins.length;i--;)if(this.plugins[i].onParse&&!1===this.plugins[i].onParse(t,this))return!1;return!0},r.prototype.getUrl=function(t){var i=this.options.domain;return"/"===t[0]?"/"===t[1]?t=(i?i.split("://")[0]:"http")+":"+t:i&&(t=i+t):!i||t.includes("data:")||t.includes("://")||(t=i+"/"+t),t},r.prototype.parseStyle=function(t){var i=t.attrs,e=(this.tagStyle[t.name]||"").split(";").concat((i.style||"").split(";")),s={},n="";i.id&&!this.xml&&(this.options.useAnchor?this.expose():"img"!==t.name&&"a"!==t.name&&"video"!==t.name&&"audio"!==t.name&&(i.id=void 0)),i.width&&(s.width=parseFloat(i.width)+(i.width.includes("%")?"%":"px"),i.width=void 0),i.height&&(s.height=parseFloat(i.height)+(i.height.includes("%")?"%":"px"),i.height=void 0);for(var a=0,r=e.length;a<r;a++){var o=e[a].split(":");if(!(o.length<2)){var l=o.shift().trim().toLowerCase(),h=o.join(":").trim();if("-"===h[0]&&h.lastIndexOf("-")>0||h.includes("safe"))n+=";".concat(l,":").concat(h);else if(!s[l]||h.includes("import")||!s[l].includes("import")){if(h.includes("url")){var d=h.indexOf("(")+1;if(d){for(;'"'===h[d]||"'"===h[d]||u[h[d]];)d++;h=h.substr(0,d)+this.getUrl(h.substr(d))}}else h.includes("rpx")&&(h=h.replace(/[0-9.]+\s*rpx/g,function(t){return parseFloat(t)*c/750+"px"}));s[l]=h}}}return t.attrs.style=n,s},r.prototype.onTagName=function(t){this.tagName=this.xml?t:t.toLowerCase(),"svg"===this.tagName&&(this.xml=(this.xml||0)+1,l.ignoreTags.style=void 0)},r.prototype.onAttrName=function(t){t=this.xml?t:t.toLowerCase(),"data-"===t.substr(0,5)?"data-src"!==t||this.attrs.src?"img"===this.tagName||"a"===this.tagName?this.attrName=t:this.attrName=void 0:this.attrName="src":(this.attrName=t,this.attrs[t]="T")},r.prototype.onAttrVal=function(t){var i=this.attrName||"";"style"===i||"href"===i?this.attrs[i]=n(t,!0):i.includes("src")?this.attrs[i]=this.getUrl(n(t,!0)):i&&(this.attrs[i]=t)},r.prototype.onOpenTag=function(t){var i=Object.create(null);i.name=this.tagName,i.attrs=this.attrs,this.attrs=Object.create(null);var e=i.attrs,s=this.stack[this.stack.length-1],n=s?s.children:this.nodes,a=this.xml?t:l.voidTags[i.name];if(h[i.name]&&(e.class=h[i.name]+(e.class?" "+e.class:"")),"embed"===i.name){var r=e.src||"";r.includes(".mp4")||r.includes(".3gp")||r.includes(".m3u8")||(e.type||"").includes("video")?i.name="video":(r.includes(".mp3")||r.includes(".wav")||r.includes(".aac")||r.includes(".m4a")||(e.type||"").includes("audio"))&&(i.name="audio"),e.autostart&&(e.autoplay="T"),e.controls="T"}if("video"!==i.name&&"audio"!==i.name||("video"!==i.name||e.id||(e.id="v"+f++),e.controls||e.autoplay||(e.controls="T"),i.src=[],e.src&&(i.src.push(e.src),e.src=void 0),this.expose()),a){if(!this.hook(i)||l.ignoreTags[i.name])return void("base"!==i.name||this.options.domain?"source"===i.name&&s&&("video"===s.name||"audio"===s.name)&&e.src&&s.src.push(e.src):this.options.domain=e.href);var o=this.parseStyle(i);if("img"===i.name){if(e.src&&(e.src.includes("webp")&&(i.webp="T"),e.src.includes("data:")&&"all"!==this.options.previewImg&&!e["original-src"]&&(e.ignore="T"),!e.ignore||i.webp||e.src.includes("cloud://"))){for(var d=this.stack.length;d--;){var p=this.stack[d];"table"!==p.name||i.webp||e.src.includes("cloud://")||(!o.display||o.display.includes("inline")?i.t="inline-block":i.t=o.display,o.display=void 0);var u=p.attrs.style||"";if(!u.includes("flex:")||u.includes("flex:0")||u.includes("flex: 0")||o.width&&!(parseInt(o.width)>100))if(u.includes("flex")&&"100%"===o.width)for(var g=d+1;g<this.stack.length;g++){var m=this.stack[g].attrs.style||"";if(!m.includes(";width")&&!m.includes(" width")&&0!==m.indexOf("width")){o.width="";break}}else u.includes("inline-block")&&(o.width&&"%"===o.width[o.width.length-1]?(p.attrs.style+=";max-width:"+o.width,o.width=""):p.attrs.style+=";max-width:100%");else{o.width="100% !important",o.height="";for(var v=d+1;v<this.stack.length;v++)this.stack[v].attrs.style=(this.stack[v].attrs.style||"").replace("inline-","")}"a"===p.name?i.a=p.attrs:p.c=1}i.i=this.imgList.length;var y=e["original-src"]||e.src;this.imgList.push(y),i.t||(this.imgList._unloadimgs+=1)}"inline"===o.display&&(o.display=""),e.ignore&&(o["max-width"]=o["max-width"]||"100%",e.style+=";-webkit-touch-callout:none"),parseInt(o.width)>c&&(o.height=void 0),isNaN(parseInt(o.width))||(i.w="T"),!isNaN(parseInt(o.height))&&(!o.height.includes("%")||s&&(s.attrs.style||"").includes("height"))&&(i.h="T"),i.w&&i.h&&o["object-fit"]&&("contain"===o["object-fit"]?i.m="aspectFit":"cover"===o["object-fit"]&&(i.m="aspectFill"))}else if("svg"===i.name)return n.push(i),this.stack.push(i),void this.popNode();for(var b in o)o[b]&&(e.style+=";".concat(b,":").concat(o[b].replace(" !important","")));e.style=e.style.substr(1)||void 0}else("pre"===i.name||(e.style||"").includes("white-space")&&e.style.includes("pre"))&&2!==this.pre&&(this.pre=i.pre=1),i.children=[],this.stack.push(i);n.push(i)},r.prototype.onCloseTag=function(t){t=this.xml?t:t.toLowerCase();var i;for(i=this.stack.length;i--&&this.stack[i].name!==t;);if(-1!==i)for(;this.stack.length>i;)this.popNode();else if("p"===t||"br"===t){var e=this.stack.length?this.stack[this.stack.length-1].children:this.nodes;e.push({name:t,attrs:{class:h[t],style:this.tagStyle[t]}})}},r.prototype.popNode=function(){var i=this.stack.pop(),e=i.attrs,s=i.children,n=this.stack[this.stack.length-1],r=n?n.children:this.nodes;if(!this.hook(i)||l.ignoreTags[i.name])return"title"===i.name&&s.length&&"text"===s[0].type&&this.options.setTitle&&my.setNavigationBar({title:s[0].text}),void r.pop();if(i.pre&&2!==this.pre){this.pre=i.pre=void 0;for(var o=this.stack.length;o--;)this.stack[o].pre&&(this.pre=1)}if("svg"===i.name){if(this.xml>1)return void this.xml--;var h="",d=e.style;return e.style="",e.xmlns="http://www.w3.org/2000/svg",function i(e){if("text"===e.type)return void(h+=e.text);var s=l.svgDict[e.name]||e.name;if("foreignObject"===s){var n,a=t(e.children||[]);try{for(a.s();!(n=a.n()).done;){var r=n.value;if(r.attrs&&!r.attrs.xmlns){r.attrs.xmlns="http://www.w3.org/1999/xhtml";break}}}catch(t){a.e(t)}finally{a.f()}}h+="<"+s;for(var o in e.attrs){var c=e.attrs[o];c&&(h+=" ".concat(l.svgDict[o]||o,'="').concat(c.replace(/"/g,""),'"'))}if(e.children){h+=">";for(var d=0;d<e.children.length;d++)i(e.children[d]);h+="</"+s+">"}else h+="/>"}(i),i.name="img",i.attrs={src:"data:image/svg+xml;utf8,"+h.replace(/#/g,"%23"),style:d,ignore:"T"},i.children=void 0,this.xml=!1,void(l.ignoreTags.style=!0)}var p={};if(e.align&&("table"===i.name?"center"===e.align?p["margin-inline-start"]=p["margin-inline-end"]="auto":p.float=e.align:p["text-align"]=e.align,e.align=void 0),e.dir&&(p.direction=e.dir,e.dir=void 0),"font"===i.name&&(e.color&&(p.color=e.color,e.color=void 0),e.face&&(p["font-family"]=e.face,e.face=void 0),e.size)){var u=parseInt(e.size);isNaN(u)||(u<1?u=1:u>7&&(u=7),p["font-size"]=["x-small","small","medium","large","x-large","xx-large","xxx-large"][u-1]),e.size=void 0}if((e.class||"").includes("align-center")&&(p["text-align"]="center"),Object.assign(p,this.parseStyle(i)),"table"!==i.name&&parseInt(p.width)>c&&(p["max-width"]="100%",p["box-sizing"]="border-box"),l.blockTags[i.name])i.name="div";else if(l.trustTags[i.name]||this.xml)if("a"===i.name||"ad"===i.name)this.expose();else if("video"===i.name||"audio"===i.name)(p.height||"").includes("auto")&&(p.height=void 0),i.children=void 0;else if("ul"!==i.name&&"ol"!==i.name||!i.c)if("table"===i.name){var f=parseFloat(e.cellpadding),g=parseFloat(e.cellspacing),m=parseFloat(e.border),v=p["border-color"],y=p["border-style"];if(i.c&&(isNaN(f)&&(f=2),isNaN(g)&&(g=2)),m&&(e.style+=";border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray")),i.flag&&i.c){i.flag=void 0,p.display="grid","collapse"===p["border-collapse"]&&(p["border-collapse"]=void 0,g=0),g?(p["grid-gap"]=g+"px",p.padding=g+"px"):m&&(e.style+=";border-left:0;border-top:0");var b=[],x=[],w=[],k={};!function i(e){for(var s=0;s<e.length;s++)if("tr"===e[s].name)x.push(e[s]);else if("colgroup"===e[s].name){var n,a=1,r=t(e[s].children||[]);try{for(r.s();!(n=r.n()).done;){var o=n.value;if("col"===o.name){var l=o.attrs.style||"",h=l.indexOf("width")?l.indexOf(";width"):0;if(-1!==h){var c=l.indexOf(";",h+6);-1===c&&(c=l.length),b[a]=l.substring(h?h+7:6,c)}a+=1}}}catch(t){r.e(t)}finally{r.f()}}else i(e[s].children||[])}(s);for(var N=1;N<=x.length;N++){for(var T=1,O=0;O<x[N-1].children.length;O++){var j=x[N-1].children[O];if("td"===j.name||"th"===j.name){for(;k[N+"."+T];)T++;j.c=1;var S=j.attrs.style||"",A=S.indexOf("width")?S.indexOf(";width"):0;if(-1!==A){var C=S.indexOf(";",A+6);-1===C&&(C=S.length),j.attrs.colspan||(b[T]=S.substring(A?A+7:6,C)),S=S.substr(0,A)+S.substr(C)}if(S+=";display:flex;flex-direction:column",-1!==(A=S.indexOf("vertical-align"))){var I=S.substr(A+15,10);I.includes("middle")?S+=";justify-content:center":I.includes("bottom")&&(S+=";justify-content:flex-end")}else S+=";justify-content:center";if(-1!==(A=S.indexOf("text-align"))){var z=S.substr(A+11,10);z.includes("center")?S+=";justify-content: center":z.includes("right")&&(S+=";justify-content: right")}if(S=(m?";border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray")+(g?"":";border-right:0;border-bottom:0"):"")+(f?";padding:".concat(f,"px"):"")+";"+S,j.attrs.colspan&&(S+=";grid-column-start:".concat(T,";grid-column-end:").concat(T+parseInt(j.attrs.colspan)),j.attrs.rowspan||(S+=";grid-row-start:".concat(N,";grid-row-end:").concat(N+1)),T+=parseInt(j.attrs.colspan)-1),j.attrs.rowspan){S+=";grid-row-start:".concat(N,";grid-row-end:").concat(N+parseInt(j.attrs.rowspan)),j.attrs.colspan||(S+=";grid-column-start:".concat(T,";grid-column-end:").concat(T+1));for(var L=1;L<j.attrs.rowspan;L++)for(var F=0;F<(j.attrs.colspan||1);F++)k[N+L+"."+(T-F)]=1}S&&(j.attrs.style=S),w.push(j),T++}}if(1===N){for(var q="",U=1;U<T;U++)q+=(b[U]?b[U]:"auto")+" ";p["grid-template-columns"]=q}}i.children=w}else i.c&&(p.display="table"),isNaN(g)||(p["border-spacing"]=g+"px"),(m||f||i.c)&&function t(e){for(var s=0;s<e.length;s++){var n=e[s];i.c&&(n.c=1),"th"===n.name||"td"===n.name?(m&&(n.attrs.style="border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray",";").concat(n.attrs.style||"")),f&&(n.attrs.style="padding:".concat(f,"px;").concat(n.attrs.style||""))):n.children&&t(n.children)}}(s);if(this.options.scrollTable&&!(e.style||"").includes("inline")){var V=Object.assign({},i);i.name="div",i.attrs={style:"overflow-x:auto;padding:1px"},i.children=[V],e=V.attrs}}else if(("tbody"===i.name||"tr"===i.name)&&i.flag&&i.c)i.flag=void 0,function t(i){for(var e=0;e<i.length;e++)if("td"===i[e].name)for(var s=0,n=["color","background","background-color"];s<n.length;s++){var a=n[s];p[a]&&(i[e].attrs.style=a+":"+p[a]+";"+(i[e].attrs.style||""))}else t(i[e].children||[])}(s);else if("td"!==i.name&&"th"!==i.name||!e.colspan&&!e.rowspan){if("ruby"===i.name){i.name="span";for(var D=0;D<s.length-1;D++)"text"===s[D].type&&"rt"===s[D+1].name&&(s[D]={name:"span",attrs:{style:"display:inline-block;text-align:center"},children:[{name:"div",attrs:{style:"font-size:50%;"+(s[D+1].attrs.style||"")},children:s[D+1].children},s[D]]},s.splice(D+1,1))}}else for(var B=this.stack.length;B--;)"table"!==this.stack[B].name&&"tbody"!==this.stack[B].name&&"tr"!==this.stack[B].name||(this.stack[B].flag=1);else{var P={a:"lower-alpha",A:"upper-alpha",i:"lower-roman",I:"upper-roman"};P[e.type]&&(e.style+=";list-style-type:"+P[e.type],e.type=void 0),i.c=1;for(var Z=s.length;Z--;)"li"===s[Z].name&&(s[Z].c=1)}else i.name="span";if((p.display||"").includes("flex")&&!i.c)for(var _=s.length;_--;){var E=s[_];E.f&&(E.attrs.style=(E.attrs.style||"")+E.f,E.f=void 0)}var G=n&&((n.attrs.style||"").includes("flex")||(n.attrs.style||"").includes("grid"))&&!i.c;G&&(i.f=";max-width:100%"),s.length>=50&&i.c&&!(p.display||"").includes("flex")&&a(s);for(var M in p)if(p[M]){var W=";".concat(M,":").concat(p[M].replace(" !important",""));G&&(M.includes("flex")&&"flex-direction"!==M||"align-self"===M||M.includes("grid")||"-"===p[M][0]||M.includes("width")&&W.includes("%"))?(i.f+=W,"width"===M&&(e.style+=";width:100%")):e.style+=W}e.style=e.style.substr(1)||void 0},r.prototype.onText=function(t){if(!this.pre){for(var i,e="",s=0,a=t.length;s<a;s++)u[t[s]]?(" "!==e[e.length-1]&&(e+=" "),"\n"!==t[s]||i||(i=!0)):e+=t[s];if(" "===e&&i)return;t=e}var r=Object.create(null);if(r.type="text",r.text=n(t),this.hook(r)){(this.stack.length?this.stack[this.stack.length-1].children:this.nodes).push(r)}},o.prototype.parse=function(t){this.content=t||"",this.i=0,this.start=0,this.state=this.text;for(var i=this.content.length;-1!==this.i&&this.i<i;)this.state()},o.prototype.checkClose=function(t){var i="/"===this.content[this.i];return!!(">"===this.content[this.i]||i&&">"===this.content[this.i+1])&&(t&&this.handler[t](this.content.substring(this.start,this.i)),this.i+=i?2:1,this.start=this.i,this.handler.onOpenTag(i),"script"===this.handler.tagName?(this.i=this.content.indexOf("</",this.i),-1!==this.i&&(this.i+=2,this.start=this.i),this.state=this.endTag):this.state=this.text,!0)},o.prototype.text=function(){if(this.i=this.content.indexOf("<",this.i),-1===this.i)return void(this.start<this.content.length&&this.handler.onText(this.content.substring(this.start,this.content.length)));var t=this.content[this.i+1];if(t>="a"&&t<="z"||t>="A"&&t<="Z")this.start!==this.i&&this.handler.onText(this.content.substring(this.start,this.i)),this.start=++this.i,this.state=this.tagName;else if("/"===t||"!"===t||"?"===t){this.start!==this.i&&this.handler.onText(this.content.substring(this.start,this.i));var i=this.content[this.i+2];if("/"===t&&(i>="a"&&i<="z"||i>="A"&&i<="Z"))return this.i+=2,this.start=this.i,void(this.state=this.endTag);var e="--\x3e";"!"===t&&"-"===this.content[this.i+2]&&"-"===this.content[this.i+3]||(e=">"),this.i=this.content.indexOf(e,this.i),-1!==this.i&&(this.i+=e.length,this.start=this.i)}else this.i++},o.prototype.tagName=function(){if(u[this.content[this.i]]){for(this.handler.onTagName(this.content.substring(this.start,this.i));u[this.content[++this.i]];);this.i<this.content.length&&!this.checkClose()&&(this.start=this.i,this.state=this.attrName)}else this.checkClose("onTagName")||this.i++},o.prototype.attrName=function(){var t=this.content[this.i];if(u[t]||"="===t){this.handler.onAttrName(this.content.substring(this.start,this.i));for(var i="="===t,e=this.content.length;++this.i<e;)if(t=this.content[this.i],!u[t]){if(this.checkClose())return;if(i)return this.start=this.i,void(this.state=this.attrVal);if("="!==this.content[this.i])return this.start=this.i,void(this.state=this.attrName);i=!0}}else this.checkClose("onAttrName")||this.i++},o.prototype.attrVal=function(){var t=this.content[this.i],i=this.content.length;if('"'===t||"'"===t){if(this.start=++this.i,this.i=this.content.indexOf(t,this.i),-1===this.i)return;this.handler.onAttrVal(this.content.substring(this.start,this.i))}else for(;this.i<i;this.i++){if(u[this.content[this.i]]){this.handler.onAttrVal(this.content.substring(this.start,this.i));break}if(this.checkClose("onAttrVal"))return}for(;u[this.content[++this.i]];);this.i<i&&!this.checkClose()&&(this.start=this.i,this.state=this.attrName)},o.prototype.endTag=function(){var t=this.content[this.i];if(u[t]||">"===t||"/"===t){if(this.handler.onCloseTag(this.content.substring(this.start,this.i)),">"!==t&&(this.i=this.content.indexOf(">",this.i),-1===this.i))return;this.start=++this.i,this.state=this.text}else this.i++},module.exports=r;
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-baidu/index.css b/wechat-mini-program/components/mp-html/dist/mp-baidu/index.css
new file mode 100644
index 0000000..5f74d06
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-baidu/index.css
@@ -0,0 +1 @@
+._root{padding:1px 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}._select{-webkit-user-select:text;user-select:text}
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-baidu/index.js b/wechat-mini-program/components/mp-html/dist/mp-baidu/index.js
new file mode 100644
index 0000000..5f4d5ad
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-baidu/index.js
@@ -0,0 +1,8 @@
+"use strict";function e(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}/*!
+ * mp-html v2.5.1
+ * https://github.com/jin-yufeng/mp-html
+ *
+ * Released under the MIT license
+ * Author: Jin Yufeng
+ */
+var t=require("./parser"),n=[];Component({data:{nodes:[]},properties:{containerStyle:String,content:{type:String,value:"",observer:function(e){this.setContent(e)}},copyLink:{type:Boolean,value:!0},domain:String,errorImg:String,lazyLoad:Boolean,loadingImg:String,pauseVideo:{type:Boolean,value:!0},previewImg:{type:null,value:!0},scrollTable:Boolean,selectable:null,setTitle:{type:Boolean,value:!0},showImgMenu:{type:Boolean,value:!0},tagStyle:Object,useAnchor:null},created:function(){this.plugins=[];for(var e=n.length;e--;)this.plugins.push(new n[e](this))},detached:function(){this._hook("onDetached")},methods:{in:function(e,t,n){e&&t&&n&&(this._in={page:e,selector:t,scrollTop:n})},navigateTo:function(t,n){var i=this;return new Promise(function(o,r){if(!i.data.useAnchor)return void r(Error("Anchor is disabled"));var a=swan.createSelectorQuery().in(i._in?i._in.page:i).select((i._in?i._in.selector:"._root")+(t?"".concat(" ","#").concat(t):"")).boundingClientRect();i._in?a.select(i._in.selector).scrollOffset().select(i._in.selector).boundingClientRect():a.selectViewport().scrollOffset(),a.exec(function(t){if(!t[0])return void r(Error("Label not found"));var a=t[1].scrollTop+t[0].top-(t[2]?t[2].top:0)+(n||parseInt(i.data.useAnchor)||0);i._in?i._in.page.setData(e({},i._in.scrollTop,a)):swan.pageScrollTo({scrollTop:a,duration:300}),o()})})},getText:function(e){var t="";return function e(n){for(var i=0;i<n.length;i++){var o=n[i];if("text"===o.type)t+=o.text.replace(/&amp;/g,"&");else if("br"===o.name)t+="\n";else{var r="p"===o.name||"div"===o.name||"tr"===o.name||"li"===o.name||"h"===o.name[0]&&o.name[1]>"0"&&o.name[1]<"7";r&&t&&"\n"!==t[t.length-1]&&(t+="\n"),o.children&&e(o.children),r&&"\n"!==t[t.length-1]?t+="\n":"td"!==o.name&&"th"!==o.name||(t+="\t")}}}(e||this.data.nodes),t},getRect:function(){var e=this;return new Promise(function(t,n){swan.createSelectorQuery().in(e).select("._root").boundingClientRect().exec(function(e){return e[0]?t(e[0]):n(Error("Root label not found"))})})},pauseMedia:function(){for(var e=(this._videos||[]).length;e--;)this._videos[e].pause()},setPlaybackRate:function(e){this.playbackRate=e;for(var t=(this._videos||[]).length;t--;)this._videos[t].playbackRate(e)},setContent:function(e,n){var i=this;this.imgList&&n||(this.imgList=[]),this._videos=[];var o={},r=new t(this).parse(e);if(n)for(var a=this.data.nodes.length,s=r.length;s--;)o["nodes[".concat(a+s,"]")]=r[s];else o.nodes=r;if(this.setData(o,function(){i._hook("onLoad"),i.triggerEvent("load")}),this.data.lazyLoad||this.imgList._unloadimgs<this.imgList.length/2){var l=0,c=function e(t){t&&t.height||(t={}),t.height===l?i.triggerEvent("ready",t):(l=t.height,setTimeout(function(){i.getRect().then(e).catch(e)},350))};this.getRect().then(c).catch(c)}else this.imgList._unloadimgs||this.getRect().then(function(e){i.triggerEvent("ready",e)}).catch(function(){i.triggerEvent("ready",{})})},_hook:function(e){for(var t=n.length;t--;)this.plugins[t][e]&&this.plugins[t][e]()},_add:function(e){e.detail.root=this}}});
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-baidu/index.json b/wechat-mini-program/components/mp-html/dist/mp-baidu/index.json
new file mode 100644
index 0000000..36b626e
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-baidu/index.json
@@ -0,0 +1 @@
+{"component":true,"usingComponents":{"node":"./node/node"}}
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-baidu/index.swan b/wechat-mini-program/components/mp-html/dist/mp-baidu/index.swan
new file mode 100644
index 0000000..1bc7264
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-baidu/index.swan
@@ -0,0 +1 @@
+<view class="_root {{selectable?'_select':''}}" style="{{containerStyle}}"><slot s-if="!nodes[0]"/><node id="_root" childs="{{nodes}}" opts="{{[lazyLoad,loadingImg,errorImg,showImgMenu,selectable]}}" catchadd="_add"/></view>
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-baidu/node/node.css b/wechat-mini-program/components/mp-html/dist/mp-baidu/node/node.css
new file mode 100644
index 0000000..43a2fab
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-baidu/node/node.css
@@ -0,0 +1 @@
+._a{padding:1.5px 0 1.5px 0;color:#366092;word-break:break-all}._hover{text-decoration:underline;opacity:.7}._img{max-width:100%;-webkit-touch-callout:none}._b,._strong{font-weight:700}._code{font-family:monospace}._del{text-decoration:line-through}._em,._i{font-style:italic}._h1{font-size:2em}._h2{font-size:1.5em}._h3{font-size:1.17em}._h5{font-size:.83em}._h6{font-size:.67em}._h1,._h2,._h3,._h4,._h5,._h6{display:block;font-weight:700}._ins{text-decoration:underline}._li{display:list-item}._ol{list-style-type:decimal}._ol,._ul{display:block;padding-left:40px;margin:1em 0}._q::before{content:'"'}._q::after{content:'"'}._sub{font-size:smaller;vertical-align:sub}._sup{font-size:smaller;vertical-align:super}._tbody,._tfoot,._thead{display:table-row-group}._tr{display:table-row}._td,._th{display:table-cell;vertical-align:middle}._th{font-weight:700;text-align:center}._ul{list-style-type:disc}._ul ._ul{margin:0;list-style-type:circle}._ul ._ul ._ul{list-style-type:square}._abbr,._b,._code,._del,._em,._i,._ins,._label,._q,._span,._strong,._sub,._sup{display:inline}._blockquote,._div,._p{display:block}
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-baidu/node/node.js b/wechat-mini-program/components/mp-html/dist/mp-baidu/node/node.js
new file mode 100644
index 0000000..5f31220
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-baidu/node/node.js
@@ -0,0 +1 @@
+"use strict";function t(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,i)}return r}function e(e){for(var i=1;i<arguments.length;i++){var o=null!=arguments[i]?arguments[i]:{};i%2?t(Object(o),!0).forEach(function(t){r(e,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):t(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})}return e}function r(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}Component({data:{ctrl:{}},properties:{childs:Array,opts:Array},options:{addGlobalClass:!0},attached:function(){this.triggerEvent("add",this,{bubbles:!0,composed:!0})},methods:{noop:function(){},getNode:function(t){try{for(var e=t.split("_"),r=this.data.childs[e[0]],i=1;i<e.length;i++)r=r.children[e[i]];return r}catch(t){return{text:"",attrs:{},children:[]}}},play:function(t){var r=t.target.dataset.i,i=this.getNode(r);if(this.root.triggerEvent("play",{source:i.name,attrs:e(e({},i.attrs),{},{src:i.src[this.data.ctrl[r]||0]})}),this.root.data.pauseVideo){for(var o=!1,a=t.target.id,s=this.root._videos.length;s--;)this.root._videos[s].id===a?o=!0:this.root._videos[s].pause();if(!o){var n=swan.createVideoContext(a);n.id=a,this.root.playbackRate&&n.playbackRate(this.root.playbackRate),this.root._videos.push(n)}}},imgTap:function(t){var e=this.getNode(t.target.dataset.i);if(e.a)return this.linkTap(e.a);if(!e.attrs.ignore&&(this.root.triggerEvent("imgtap",e.attrs),this.root.data.previewImg)){var r=this.root.imgList[e.i];swan.previewImage({current:r,urls:this.root.imgList})}},imgLoad:function(t){var e,i=t.target.dataset.i,o=this.getNode(i);o.w?(this.data.opts[1]&&!this.data.ctrl[i]||-1===this.data.ctrl[i])&&(e=1):e=t.detail.width,e&&this.setData(r({},"ctrl."+i,e)),this.checkReady()},checkReady:function(){var t=this;this.root.data.lazyLoad||(this.root.imgList._unloadimgs-=1,this.root.imgList._unloadimgs||setTimeout(function(){t.root.getRect().then(function(e){t.root.triggerEvent("ready",e)}).catch(function(){t.root.triggerEvent("ready",{})})},350))},linkTap:function(t){var e=t.currentTarget?this.getNode(t.currentTarget.dataset.i):{},r=e.attrs||t,i=r.href;this.root.triggerEvent("linktap",Object.assign({innerText:this.root.getText(e.children||[])},r)),i&&("#"===i[0]?this.root.navigateTo(i.substring(1)).catch(function(){}):i.split("?")[0].includes("://")?this.root.data.copyLink&&swan.setClipboardData({data:i,success:function(){return swan.showToast({title:"链接已复制"})}}):swan.navigateTo({url:i,fail:function(){swan.switchTab({url:i,fail:function(){}})}}))},mediaError:function(t){var e=t.target.dataset.i,i=this.getNode(e);if("video"===i.name||"audio"===i.name){var o=(this.data.ctrl[e]||0)+1;if(o>i.src.length&&(o=0),o<i.src.length)return this.setData(r({},"ctrl."+e,o))}else"img"===i.name&&(this.data.opts[2]&&this.setData(r({},"ctrl."+e,-1)),this.checkReady());this.root&&this.root.triggerEvent("error",{source:i.name,attrs:i.attrs,errMsg:t.detail.errMsg})}}});
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-baidu/node/node.json b/wechat-mini-program/components/mp-html/dist/mp-baidu/node/node.json
new file mode 100644
index 0000000..36f7ff7
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-baidu/node/node.json
@@ -0,0 +1 @@
+{"component":true,"usingComponents":{"node":"./node"}}
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-baidu/node/node.swan b/wechat-mini-program/components/mp-html/dist/mp-baidu/node/node.swan
new file mode 100644
index 0000000..6dc82b8
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-baidu/node/node.swan
@@ -0,0 +1 @@
+<template name="el"><block s-if="n.name==='img'"><rich-text s-if="n.t" style="display:{{n.t}}" nodes="<img class='_img' style='{{n.attrs.style}}' src='{{n.attrs.src}}'>" data-i="{{i}}" catchtap="imgTap"/><block s-else><image s-if="(opts[1]&&!ctrl[i])||ctrl[i]<0" class="_img" style="{{n.attrs.style}}" src="{{ctrl[i]<0?opts[2]:opts[1]}}" mode="widthFix"/><image id="{{n.attrs.id}}" class="_img {{n.attrs.class}}" style="{{ctrl[i]===-1?'display:none;':''}}width:{{ctrl[i]||1}}px;height:1px;{{n.attrs.style}}" src="{{n.attrs.src}}" mode="{{!n.h?'widthFix':(!n.w?'heightFix':(n.m||'scaleToFill'))}}" lazy-load="{{opts[0]}}" webp="{{n.webp}}" image-menu-prevent="{{!opts[3]||n.attrs.ignore}}" data-i="{{i}}" bindload="imgLoad" binderror="mediaError" catchtap="imgTap" bindlongpress="noop"/></block></block><text s-elif="{{n.name==='br'}}">{{'\n'}}</text><view s-elif="{{n.name==='a'}}" id="{{n.attrs.id}}" class="{{n.attrs.href?'_a ':''}}{{n.attrs.class}}" hover-class="_hover" style="display:inline;{{n.attrs.style}}" data-i="{{i}}" catchtap="linkTap"><block s-for="n.children" s-key="index"><template is="el" data="{{{n:item,i:i+'_'+index,opts:opts,ctrl:ctrl}}}"></template></block></view><video s-elif="{{n.name==='video'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" autoplay="{{n.attrs.autoplay}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" muted="{{n.attrs.muted}}" object-fit="{{n.attrs['object-fit']}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" bindplay="play" binderror="mediaError"/><audio s-elif="{{n.name==='audio'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" author="{{n.attrs.author}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" name="{{n.attrs.name}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" bindplay="play" binderror="mediaError"/><rich-text s-else id="{{n.attrs.id}}" style="{{n.f}}" selectable="{{opts[4]}}" nodes="{{[n]}}"/></template><block s-for="childs" s-for-item="n1" s-for-index="i1" s-key="i1"><template s-if="!n1.c" is="el" data="{{{n:n1,i:''+i1,opts:opts,ctrl:ctrl}}}"/><view s-else id="{{n1.attrs.id}}" class="_{{n1.name}} {{n1.attrs.class}}" style="{{n1.attrs.style}}"><block s-for="n1.children" s-for-item="n2" s-for-index="i2" s-key="i2"><template s-if="!n2.c" is="el" data="{{{n:n2,i:i1+'_'+i2,opts:opts,ctrl:ctrl}}}"/><view s-else id="{{n2.attrs.id}}" class="_{{n2.name}} {{n2.attrs.class}}" style="{{n2.attrs.style}}"><block s-for="n2.children" s-for-item="n3" s-for-index="i3" s-key="i3"><template s-if="!n3.c" is="el" data="{{{n:n3,i:i1+'_'+i2+'_'+i3,opts:opts,ctrl:ctrl}}}"/><view s-else id="{{n3.attrs.id}}" class="_{{n3.name}} {{n3.attrs.class}}" style="{{n3.attrs.style}}"><block s-for="n3.children" s-for-item="n4" s-for-index="i4" s-key="i4"><template s-if="!n4.c" is="el" data="{{{n:n4,i:i1+'_'+i2+'_'+i3+'_'+i4,opts:opts,ctrl:ctrl}}}"/><view s-else id="{{n4.attrs.id}}" class="_{{n4.name}} {{n4.attrs.class}}" style="{{n4.attrs.style}}"><block s-for="n4.children" s-for-item="n5" s-for-index="i5" s-key="i5"><template s-if="!n5.c" is="el" data="{{{n:n5,i:i1+'_'+i2+'_'+i3+'_'+i4+'_'+i5,opts:opts,ctrl:ctrl}}}"/><node s-else id="{{n5.attrs.id}}" class="_{{n5.name}} {{n5.attrs.class}}" style="{{n5.attrs.style}}" childs="{{n5.children}}" opts="{{opts}}"/></block></view></block></view></block></view></block></view></block>
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-baidu/parser.js b/wechat-mini-program/components/mp-html/dist/mp-baidu/parser.js
new file mode 100644
index 0000000..04bfbab
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-baidu/parser.js
@@ -0,0 +1 @@
+"use strict";function t(t,e){var s;if("undefined"==typeof Symbol||null==t[Symbol.iterator]){if(Array.isArray(t)||(s=i(t))||e&&t&&"number"==typeof t.length){s&&(t=s);var n=0,a=function(){};return{s:a,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,l=!1;return{s:function(){s=t[Symbol.iterator]()},n:function(){var t=s.next();return o=t.done,t},e:function(t){l=!0,r=t},f:function(){try{o||null==s.return||s.return()}finally{if(l)throw r}}}}function i(t,i){if(t){if("string"==typeof t)return e(t,i);var s=Object.prototype.toString.call(t).slice(8,-1);return"Object"===s&&t.constructor&&(s=t.constructor.name),"Map"===s||"Set"===s?Array.from(t):"Arguments"===s||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s)?e(t,i):void 0}}function e(t,i){(null==i||i>t.length)&&(i=t.length);for(var e=0,s=new Array(i);e<i;e++)s[e]=t[e];return s}function s(t){for(var i=Object.create(null),e=t.split(","),s=e.length;s--;)i[e[s]]=!0;return i}function n(t,i){for(var e=t.indexOf("&");-1!==e;){var s=t.indexOf(";",e+3),n=void 0;if(-1===s)break;"#"===t[e+1]?(n=parseInt(("x"===t[e+2]?"0":"")+t.substring(e+2,s)),isNaN(n)||(t=t.substr(0,e)+String.fromCharCode(n)+t.substr(s+1))):(n=t.substring(e+1,s),(l.entities[n]||"amp"===n&&i)&&(t=t.substr(0,e)+(l.entities[n]||"&")+t.substr(s+1))),e=t.indexOf("&",e+1)}return t}function a(t){for(var i=t.length-1,e=i;e>=-1;e--)(-1===e||t[e].c||!t[e].name||"div"!==t[e].name&&"p"!==t[e].name&&"h"!==t[e].name[0]||(t[e].attrs.style||"").includes("inline"))&&(i-e>=5&&t.splice(e+1,i-e,{name:"div",attrs:{},children:t.slice(e+1,i+1)}),i=e-1)}function r(t){this.options=t.data||{},this.tagStyle=Object.assign({},l.tagStyle,this.options.tagStyle),this.imgList=t.imgList||[],this.imgList._unloadimgs=0,this.plugins=t.plugins||[],this.attrs=Object.create(null),this.stack=[],this.nodes=[],this.pre=(this.options.containerStyle||"").includes("white-space")&&this.options.containerStyle.includes("pre")?2:0}function o(t){this.handler=t}var l={trustTags:s("a,abbr,ad,audio,b,blockquote,br,code,col,colgroup,dd,del,dl,dt,div,em,fieldset,h1,h2,h3,h4,h5,h6,hr,i,img,ins,label,legend,li,ol,p,q,ruby,rt,source,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,title,ul,video"),blockTags:s("address,article,aside,body,caption,center,cite,footer,header,html,nav,pre,section"),ignoreTags:s("area,base,canvas,embed,frame,head,iframe,input,link,map,meta,param,rp,script,source,style,textarea,title,track,wbr"),voidTags:s("area,base,br,col,circle,ellipse,embed,frame,hr,img,input,line,link,meta,param,path,polygon,rect,source,track,use,wbr"),entities:{lt:"<",gt:">",quot:'"',apos:"'",ensp:" ",emsp:" ",nbsp:" ",semi:";",ndash:"–",mdash:"—",middot:"·",lsquo:"‘",rsquo:"’",ldquo:"“",rdquo:"”",bull:"•",hellip:"…",larr:"←",uarr:"↑",rarr:"→",darr:"↓"},tagStyle:{address:"font-style:italic",big:"display:inline;font-size:1.2em",caption:"display:table-caption;text-align:center",center:"text-align:center",cite:"font-style:italic",dd:"margin-left:40px",mark:"background-color:yellow",pre:"font-family:monospace;white-space:pre",s:"text-decoration:line-through",small:"display:inline;font-size:0.8em",strike:"text-decoration:line-through",u:"text-decoration:underline"},svgDict:{animatetransform:"animateTransform",lineargradient:"linearGradient",viewbox:"viewBox",attributename:"attributeName",repeatcount:"repeatCount",repeatdur:"repeatDur",foreignobject:"foreignObject"}},h={},c,d,p=swan.getSystemInfoSync();c=p.windowWidth;var u=s(" ,\r,\n,\t,\f"),f=0;r.prototype.parse=function(t){for(var i=this.plugins.length;i--;)this.plugins[i].onUpdate&&(t=this.plugins[i].onUpdate(t,l)||t);for(new o(this).parse(t);this.stack.length;)this.popNode();return this.nodes.length>50&&a(this.nodes),this.nodes},r.prototype.expose=function(){for(var t=this.stack.length;t--;){var i=this.stack[t];if(i.c||"a"===i.name||"video"===i.name||"audio"===i.name)return;i.c=1}},r.prototype.hook=function(t){for(var i=this.plugins.length;i--;)if(this.plugins[i].onParse&&!1===this.plugins[i].onParse(t,this))return!1;return!0},r.prototype.getUrl=function(t){var i=this.options.domain;return"/"===t[0]?"/"===t[1]?t=(i?i.split("://")[0]:"http")+":"+t:i&&(t=i+t):!i||t.includes("data:")||t.includes("://")||(t=i+"/"+t),t},r.prototype.parseStyle=function(t){var i=t.attrs,e=(this.tagStyle[t.name]||"").split(";").concat((i.style||"").split(";")),s={},n="";i.id&&!this.xml&&(this.options.useAnchor?this.expose():"img"!==t.name&&"a"!==t.name&&"video"!==t.name&&"audio"!==t.name&&(i.id=void 0)),i.width&&(s.width=parseFloat(i.width)+(i.width.includes("%")?"%":"px"),i.width=void 0),i.height&&(s.height=parseFloat(i.height)+(i.height.includes("%")?"%":"px"),i.height=void 0);for(var a=0,r=e.length;a<r;a++){var o=e[a].split(":");if(!(o.length<2)){var l=o.shift().trim().toLowerCase(),h=o.join(":").trim();if("-"===h[0]&&h.lastIndexOf("-")>0||h.includes("safe"))n+=";".concat(l,":").concat(h);else if(!s[l]||h.includes("import")||!s[l].includes("import")){if(h.includes("url")){var d=h.indexOf("(")+1;if(d){for(;'"'===h[d]||"'"===h[d]||u[h[d]];)d++;h=h.substr(0,d)+this.getUrl(h.substr(d))}}else h.includes("rpx")&&(h=h.replace(/[0-9.]+\s*rpx/g,function(t){return parseFloat(t)*c/750+"px"}));s[l]=h}}}return t.attrs.style=n,s},r.prototype.onTagName=function(t){this.tagName=this.xml?t:t.toLowerCase(),"svg"===this.tagName&&(this.xml=(this.xml||0)+1,l.ignoreTags.style=void 0)},r.prototype.onAttrName=function(t){t=this.xml?t:t.toLowerCase(),"data-"===t.substr(0,5)?"data-src"!==t||this.attrs.src?"img"===this.tagName||"a"===this.tagName?this.attrName=t:this.attrName=void 0:this.attrName="src":(this.attrName=t,this.attrs[t]="T")},r.prototype.onAttrVal=function(t){var i=this.attrName||"";"style"===i||"href"===i?this.attrs[i]=n(t,!0):i.includes("src")?this.attrs[i]=this.getUrl(n(t,!0)):i&&(this.attrs[i]=t)},r.prototype.onOpenTag=function(t){var i=Object.create(null);i.name=this.tagName,i.attrs=this.attrs,this.attrs=Object.create(null);var e=i.attrs,s=this.stack[this.stack.length-1],n=s?s.children:this.nodes,a=this.xml?t:l.voidTags[i.name];if(h[i.name]&&(e.class=h[i.name]+(e.class?" "+e.class:"")),"embed"===i.name){var r=e.src||"";r.includes(".mp4")||r.includes(".3gp")||r.includes(".m3u8")||(e.type||"").includes("video")?i.name="video":(r.includes(".mp3")||r.includes(".wav")||r.includes(".aac")||r.includes(".m4a")||(e.type||"").includes("audio"))&&(i.name="audio"),e.autostart&&(e.autoplay="T"),e.controls="T"}if("video"!==i.name&&"audio"!==i.name||("video"!==i.name||e.id||(e.id="v"+f++),e.controls||e.autoplay||(e.controls="T"),i.src=[],e.src&&(i.src.push(e.src),e.src=void 0),this.expose()),a){if(!this.hook(i)||l.ignoreTags[i.name])return void("base"!==i.name||this.options.domain?"source"===i.name&&s&&("video"===s.name||"audio"===s.name)&&e.src&&s.src.push(e.src):this.options.domain=e.href);var o=this.parseStyle(i);if("img"===i.name){if(e.src&&(e.src.includes("webp")&&(i.webp="T"),e.src.includes("data:")&&"all"!==this.options.previewImg&&!e["original-src"]&&(e.ignore="T"),!e.ignore||i.webp||e.src.includes("cloud://"))){for(var d=this.stack.length;d--;){var p=this.stack[d];"table"!==p.name||i.webp||e.src.includes("cloud://")||(!o.display||o.display.includes("inline")?i.t="inline-block":i.t=o.display,o.display=void 0);var u=p.attrs.style||"";if(!u.includes("flex:")||u.includes("flex:0")||u.includes("flex: 0")||o.width&&!(parseInt(o.width)>100))if(u.includes("flex")&&"100%"===o.width)for(var g=d+1;g<this.stack.length;g++){var m=this.stack[g].attrs.style||"";if(!m.includes(";width")&&!m.includes(" width")&&0!==m.indexOf("width")){o.width="";break}}else u.includes("inline-block")&&(o.width&&"%"===o.width[o.width.length-1]?(p.attrs.style+=";max-width:"+o.width,o.width=""):p.attrs.style+=";max-width:100%");else{o.width="100% !important",o.height="";for(var v=d+1;v<this.stack.length;v++)this.stack[v].attrs.style=(this.stack[v].attrs.style||"").replace("inline-","")}"a"===p.name?i.a=p.attrs:p.c=1}i.i=this.imgList.length;var y=e["original-src"]||e.src;if(this.imgList.includes(y)){var b=y.indexOf("://");if(-1!==b){b+=3;for(var x=y.substr(0,b);b<y.length&&"/"!==y[b];b++)x+=Math.random()>.5?y[b].toUpperCase():y[b];x+=y.substr(b),y=x}}this.imgList.push(y),i.t||(this.imgList._unloadimgs+=1)}"inline"===o.display&&(o.display=""),e.ignore&&(o["max-width"]=o["max-width"]||"100%",e.style+=";-webkit-touch-callout:none"),parseInt(o.width)>c&&(o.height=void 0),isNaN(parseInt(o.width))||(i.w="T"),!isNaN(parseInt(o.height))&&(!o.height.includes("%")||s&&(s.attrs.style||"").includes("height"))&&(i.h="T"),i.w&&i.h&&o["object-fit"]&&("contain"===o["object-fit"]?i.m="aspectFit":"cover"===o["object-fit"]&&(i.m="aspectFill"))}else if("svg"===i.name)return n.push(i),this.stack.push(i),void this.popNode();for(var w in o)o[w]&&(e.style+=";".concat(w,":").concat(o[w].replace(" !important","")));e.style=e.style.substr(1)||void 0,e.style||delete e.style}else("pre"===i.name||(e.style||"").includes("white-space")&&e.style.includes("pre"))&&2!==this.pre&&(this.pre=i.pre=1),i.children=[],this.stack.push(i);n.push(i)},r.prototype.onCloseTag=function(t){t=this.xml?t:t.toLowerCase();var i;for(i=this.stack.length;i--&&this.stack[i].name!==t;);if(-1!==i)for(;this.stack.length>i;)this.popNode();else if("p"===t||"br"===t){var e=this.stack.length?this.stack[this.stack.length-1].children:this.nodes;e.push({name:t,attrs:{class:h[t],style:this.tagStyle[t]}})}},r.prototype.popNode=function(){var i=this.stack.pop(),e=i.attrs,s=i.children,n=this.stack[this.stack.length-1],r=n?n.children:this.nodes;if(!this.hook(i)||l.ignoreTags[i.name])return"title"===i.name&&s.length&&"text"===s[0].type&&this.options.setTitle&&swan.setNavigationBarTitle({title:s[0].text}),void r.pop();if(i.pre&&2!==this.pre){this.pre=i.pre=void 0;for(var o=this.stack.length;o--;)this.stack[o].pre&&(this.pre=1)}if("svg"===i.name){if(this.xml>1)return void this.xml--;var h="",d=e.style;return e.style="",e.xmlns="http://www.w3.org/2000/svg",function i(e){if("text"===e.type)return void(h+=e.text);var s=l.svgDict[e.name]||e.name;if("foreignObject"===s){var n,a=t(e.children||[]);try{for(a.s();!(n=a.n()).done;){var r=n.value;if(r.attrs&&!r.attrs.xmlns){r.attrs.xmlns="http://www.w3.org/1999/xhtml";break}}}catch(t){a.e(t)}finally{a.f()}}h+="<"+s;for(var o in e.attrs){var c=e.attrs[o];c&&(h+=" ".concat(l.svgDict[o]||o,'="').concat(c.replace(/"/g,""),'"'))}if(e.children){h+=">";for(var d=0;d<e.children.length;d++)i(e.children[d]);h+="</"+s+">"}else h+="/>"}(i),i.name="img",i.attrs={src:"data:image/svg+xml;utf8,"+h.replace(/#/g,"%23"),style:d,ignore:"T"},i.children=void 0,this.xml=!1,void(l.ignoreTags.style=!0)}var p={};if(e.align&&("table"===i.name?"center"===e.align?p["margin-inline-start"]=p["margin-inline-end"]="auto":p.float=e.align:p["text-align"]=e.align,e.align=void 0),e.dir&&(p.direction=e.dir,e.dir=void 0),"font"===i.name&&(e.color&&(p.color=e.color,e.color=void 0),e.face&&(p["font-family"]=e.face,e.face=void 0),e.size)){var u=parseInt(e.size);isNaN(u)||(u<1?u=1:u>7&&(u=7),p["font-size"]=["x-small","small","medium","large","x-large","xx-large","xxx-large"][u-1]),e.size=void 0}if((e.class||"").includes("align-center")&&(p["text-align"]="center"),Object.assign(p,this.parseStyle(i)),"table"!==i.name&&parseInt(p.width)>c&&(p["max-width"]="100%",p["box-sizing"]="border-box"),l.blockTags[i.name])i.name="div";else if(l.trustTags[i.name]||this.xml)if("a"===i.name||"ad"===i.name)this.expose();else if("video"===i.name||"audio"===i.name)(p.height||"").includes("auto")&&(p.height=void 0),i.children=void 0;else if("ul"!==i.name&&"ol"!==i.name||!i.c)if("table"===i.name){var f=parseFloat(e.cellpadding),g=parseFloat(e.cellspacing),m=parseFloat(e.border),v=p["border-color"],y=p["border-style"];if(i.c&&(isNaN(f)&&(f=2),isNaN(g)&&(g=2)),m&&(e.style+=";border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray")),i.flag&&i.c){i.flag=void 0,p.display="grid","collapse"===p["border-collapse"]&&(p["border-collapse"]=void 0,g=0),g?(p["grid-gap"]=g+"px",p.padding=g+"px"):m&&(e.style+=";border-left:0;border-top:0");var b=[],x=[],w=[],k={};!function i(e){for(var s=0;s<e.length;s++)if("tr"===e[s].name)x.push(e[s]);else if("colgroup"===e[s].name){var n,a=1,r=t(e[s].children||[]);try{for(r.s();!(n=r.n()).done;){var o=n.value;if("col"===o.name){var l=o.attrs.style||"",h=l.indexOf("width")?l.indexOf(";width"):0;if(-1!==h){var c=l.indexOf(";",h+6);-1===c&&(c=l.length),b[a]=l.substring(h?h+7:6,c)}a+=1}}}catch(t){r.e(t)}finally{r.f()}}else i(e[s].children||[])}(s);for(var N=1;N<=x.length;N++){for(var T=1,O=0;O<x[N-1].children.length;O++){var j=x[N-1].children[O];if("td"===j.name||"th"===j.name){for(;k[N+"."+T];)T++;j.c=1;var S=j.attrs.style||"",C=S.indexOf("width")?S.indexOf(";width"):0;if(-1!==C){var A=S.indexOf(";",C+6);-1===A&&(A=S.length),j.attrs.colspan||(b[T]=S.substring(C?C+7:6,A)),S=S.substr(0,C)+S.substr(A)}if(S+=";display:flex;flex-direction:column",-1!==(C=S.indexOf("vertical-align"))){var I=S.substr(C+15,10);I.includes("middle")?S+=";justify-content:center":I.includes("bottom")&&(S+=";justify-content:flex-end")}else S+=";justify-content:center";if(-1!==(C=S.indexOf("text-align"))){var L=S.substr(C+11,10);L.includes("center")?S+=";justify-content: center":L.includes("right")&&(S+=";justify-content: right")}if(S=(m?";border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray")+(g?"":";border-right:0;border-bottom:0"):"")+(f?";padding:".concat(f,"px"):"")+";"+S,j.attrs.colspan&&(S+=";grid-column-start:".concat(T,";grid-column-end:").concat(T+parseInt(j.attrs.colspan)),j.attrs.rowspan||(S+=";grid-row-start:".concat(N,";grid-row-end:").concat(N+1)),T+=parseInt(j.attrs.colspan)-1),j.attrs.rowspan){S+=";grid-row-start:".concat(N,";grid-row-end:").concat(N+parseInt(j.attrs.rowspan)),j.attrs.colspan||(S+=";grid-column-start:".concat(T,";grid-column-end:").concat(T+1));for(var z=1;z<j.attrs.rowspan;z++)for(var F=0;F<(j.attrs.colspan||1);F++)k[N+z+"."+(T-F)]=1}S&&(j.attrs.style=S),w.push(j),T++}}if(1===N){for(var q="",U=1;U<T;U++)q+=(b[U]?b[U]:"auto")+" ";p["grid-template-columns"]=q}}i.children=w}else i.c&&(p.display="table"),isNaN(g)||(p["border-spacing"]=g+"px"),(m||f||i.c)&&function t(e){for(var s=0;s<e.length;s++){var n=e[s];i.c&&(n.c=1),"th"===n.name||"td"===n.name?(m&&(n.attrs.style="border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray",";").concat(n.attrs.style||"")),f&&(n.attrs.style="padding:".concat(f,"px;").concat(n.attrs.style||""))):n.children&&t(n.children)}}(s);if(this.options.scrollTable&&!(e.style||"").includes("inline")){var V=Object.assign({},i);i.name="div",i.attrs={style:"overflow-x:auto;padding:1px"},i.children=[V],e=V.attrs}}else if(("tbody"===i.name||"tr"===i.name)&&i.flag&&i.c)i.flag=void 0,function t(i){for(var e=0;e<i.length;e++)if("td"===i[e].name)for(var s=0,n=["color","background","background-color"];s<n.length;s++){var a=n[s];p[a]&&(i[e].attrs.style=a+":"+p[a]+";"+(i[e].attrs.style||""))}else t(i[e].children||[])}(s);else if("td"!==i.name&&"th"!==i.name||!e.colspan&&!e.rowspan){if("ruby"===i.name){i.name="span";for(var D=0;D<s.length-1;D++)"text"===s[D].type&&"rt"===s[D+1].name&&(s[D]={name:"span",attrs:{style:"display:inline-block;text-align:center"},children:[{name:"div",attrs:{style:"font-size:50%;"+(s[D+1].attrs.style||"")},children:s[D+1].children},s[D]]},s.splice(D+1,1))}}else for(var B=this.stack.length;B--;)"table"!==this.stack[B].name&&"tbody"!==this.stack[B].name&&"tr"!==this.stack[B].name||(this.stack[B].flag=1);else{var M={a:"lower-alpha",A:"upper-alpha",i:"lower-roman",I:"upper-roman"};M[e.type]&&(e.style+=";list-style-type:"+M[e.type],e.type=void 0),i.c=1;for(var P=s.length;P--;)"li"===s[P].name&&(s[P].c=1)}else i.name="span";if((p.display||"").includes("flex")&&!i.c)for(var Z=s.length;Z--;){var _=s[Z];_.f&&(_.attrs.style=(_.attrs.style||"")+_.f,_.f=void 0)}var E=n&&((n.attrs.style||"").includes("flex")||(n.attrs.style||"").includes("grid"))&&!i.c;E&&(i.f=";max-width:100%"),s.length>=50&&i.c&&!(p.display||"").includes("flex")&&a(s);for(var G in p)if(p[G]){var W=";".concat(G,":").concat(p[G].replace(" !important",""));E&&(G.includes("flex")&&"flex-direction"!==G||"align-self"===G||G.includes("grid")||"-"===p[G][0]||G.includes("width")&&W.includes("%"))?(i.f+=W,"width"===G&&(e.style+=";width:100%")):e.style+=W}e.style=e.style.substr(1)||void 0,e.style||delete e.style},r.prototype.onText=function(t){if(!this.pre){for(var i,e="",s=0,a=t.length;s<a;s++)u[t[s]]?(" "!==e[e.length-1]&&(e+=" "),"\n"!==t[s]||i||(i=!0)):e+=t[s];if(" "===e&&i)return;t=e}var r=Object.create(null);if(r.type="text",r.text=n(t),this.hook(r)){(this.stack.length?this.stack[this.stack.length-1].children:this.nodes).push(r)}},o.prototype.parse=function(t){this.content=t||"",this.i=0,this.start=0,this.state=this.text;for(var i=this.content.length;-1!==this.i&&this.i<i;)this.state()},o.prototype.checkClose=function(t){var i="/"===this.content[this.i];return!!(">"===this.content[this.i]||i&&">"===this.content[this.i+1])&&(t&&this.handler[t](this.content.substring(this.start,this.i)),this.i+=i?2:1,this.start=this.i,this.handler.onOpenTag(i),"script"===this.handler.tagName?(this.i=this.content.indexOf("</",this.i),-1!==this.i&&(this.i+=2,this.start=this.i),this.state=this.endTag):this.state=this.text,!0)},o.prototype.text=function(){if(this.i=this.content.indexOf("<",this.i),-1===this.i)return void(this.start<this.content.length&&this.handler.onText(this.content.substring(this.start,this.content.length)));var t=this.content[this.i+1];if(t>="a"&&t<="z"||t>="A"&&t<="Z")this.start!==this.i&&this.handler.onText(this.content.substring(this.start,this.i)),this.start=++this.i,this.state=this.tagName;else if("/"===t||"!"===t||"?"===t){this.start!==this.i&&this.handler.onText(this.content.substring(this.start,this.i));var i=this.content[this.i+2];if("/"===t&&(i>="a"&&i<="z"||i>="A"&&i<="Z"))return this.i+=2,this.start=this.i,void(this.state=this.endTag);var e="--\x3e";"!"===t&&"-"===this.content[this.i+2]&&"-"===this.content[this.i+3]||(e=">"),this.i=this.content.indexOf(e,this.i),-1!==this.i&&(this.i+=e.length,this.start=this.i)}else this.i++},o.prototype.tagName=function(){if(u[this.content[this.i]]){for(this.handler.onTagName(this.content.substring(this.start,this.i));u[this.content[++this.i]];);this.i<this.content.length&&!this.checkClose()&&(this.start=this.i,this.state=this.attrName)}else this.checkClose("onTagName")||this.i++},o.prototype.attrName=function(){var t=this.content[this.i];if(u[t]||"="===t){this.handler.onAttrName(this.content.substring(this.start,this.i));for(var i="="===t,e=this.content.length;++this.i<e;)if(t=this.content[this.i],!u[t]){if(this.checkClose())return;if(i)return this.start=this.i,void(this.state=this.attrVal);if("="!==this.content[this.i])return this.start=this.i,void(this.state=this.attrName);i=!0}}else this.checkClose("onAttrName")||this.i++},o.prototype.attrVal=function(){var t=this.content[this.i],i=this.content.length;if('"'===t||"'"===t){if(this.start=++this.i,this.i=this.content.indexOf(t,this.i),-1===this.i)return;this.handler.onAttrVal(this.content.substring(this.start,this.i))}else for(;this.i<i;this.i++){if(u[this.content[this.i]]){this.handler.onAttrVal(this.content.substring(this.start,this.i));break}if(this.checkClose("onAttrVal"))return}for(;u[this.content[++this.i]];);this.i<i&&!this.checkClose()&&(this.start=this.i,this.state=this.attrName)},o.prototype.endTag=function(){var t=this.content[this.i];if(u[t]||">"===t||"/"===t){if(this.handler.onCloseTag(this.content.substring(this.start,this.i)),">"!==t&&(this.i=this.content.indexOf(">",this.i),-1===this.i))return;this.start=++this.i,this.state=this.text}else this.i++},module.exports=r;
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-qq/index.js b/wechat-mini-program/components/mp-html/dist/mp-qq/index.js
new file mode 100644
index 0000000..65ea3fd
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-qq/index.js
@@ -0,0 +1,8 @@
+"use strict";function e(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}/*!
+ * mp-html v2.5.1
+ * https://github.com/jin-yufeng/mp-html
+ *
+ * Released under the MIT license
+ * Author: Jin Yufeng
+ */
+var t=require("./parser"),n=[];Component({data:{nodes:[]},properties:{containerStyle:String,content:{type:String,value:"",observer:function(e){this.setContent(e)}},copyLink:{type:Boolean,value:!0},domain:String,errorImg:String,lazyLoad:Boolean,loadingImg:String,pauseVideo:{type:Boolean,value:!0},previewImg:{type:null,value:!0},scrollTable:Boolean,selectable:null,setTitle:{type:Boolean,value:!0},showImgMenu:{type:Boolean,value:!0},tagStyle:Object,useAnchor:null},created:function(){this.plugins=[];for(var e=n.length;e--;)this.plugins.push(new n[e](this))},detached:function(){this._hook("onDetached")},methods:{in:function(e,t,n){e&&t&&n&&(this._in={page:e,selector:t,scrollTop:n})},navigateTo:function(t,n){var i=this;return new Promise(function(o,r){if(!i.data.useAnchor)return void r(Error("Anchor is disabled"));var a=qq.createSelectorQuery().in(i._in?i._in.page:i).select((i._in?i._in.selector:"._root")+(t?"".concat(">>>","#").concat(t):"")).boundingClientRect();i._in?a.select(i._in.selector).scrollOffset().select(i._in.selector).boundingClientRect():a.selectViewport().scrollOffset(),a.exec(function(t){if(!t[0])return void r(Error("Label not found"));var a=t[1].scrollTop+t[0].top-(t[2]?t[2].top:0)+(n||parseInt(i.data.useAnchor)||0);i._in?i._in.page.setData(e({},i._in.scrollTop,a)):qq.pageScrollTo({scrollTop:a,duration:300}),o()})})},getText:function(e){var t="";return function e(n){for(var i=0;i<n.length;i++){var o=n[i];if("text"===o.type)t+=o.text.replace(/&amp;/g,"&");else if("br"===o.name)t+="\n";else{var r="p"===o.name||"div"===o.name||"tr"===o.name||"li"===o.name||"h"===o.name[0]&&o.name[1]>"0"&&o.name[1]<"7";r&&t&&"\n"!==t[t.length-1]&&(t+="\n"),o.children&&e(o.children),r&&"\n"!==t[t.length-1]?t+="\n":"td"!==o.name&&"th"!==o.name||(t+="\t")}}}(e||this.data.nodes),t},getRect:function(){var e=this;return new Promise(function(t,n){qq.createSelectorQuery().in(e).select("._root").boundingClientRect().exec(function(e){return e[0]?t(e[0]):n(Error("Root label not found"))})})},pauseMedia:function(){for(var e=(this._videos||[]).length;e--;)this._videos[e].pause()},setPlaybackRate:function(e){this.playbackRate=e;for(var t=(this._videos||[]).length;t--;)this._videos[t].playbackRate(e)},setContent:function(e,n){var i=this;this.imgList&&n||(this.imgList=[]),this._videos=[];var o={},r=new t(this).parse(e);if(n)for(var a=this.data.nodes.length,s=r.length;s--;)o["nodes[".concat(a+s,"]")]=r[s];else o.nodes=r;if(this.setData(o,function(){i._hook("onLoad"),i.triggerEvent("load")}),this.data.lazyLoad||this.imgList._unloadimgs<this.imgList.length/2){var l=0,c=function e(t){t&&t.height||(t={}),t.height===l?i.triggerEvent("ready",t):(l=t.height,setTimeout(function(){i.getRect().then(e).catch(e)},350))};this.getRect().then(c).catch(c)}else this.imgList._unloadimgs||this.getRect().then(function(e){i.triggerEvent("ready",e)}).catch(function(){i.triggerEvent("ready",{})})},_hook:function(e){for(var t=n.length;t--;)this.plugins[t][e]&&this.plugins[t][e]()},_add:function(e){e.detail.root=this}}});
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-qq/index.json b/wechat-mini-program/components/mp-html/dist/mp-qq/index.json
new file mode 100644
index 0000000..36b626e
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-qq/index.json
@@ -0,0 +1 @@
+{"component":true,"usingComponents":{"node":"./node/node"}}
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-qq/index.qml b/wechat-mini-program/components/mp-html/dist/mp-qq/index.qml
new file mode 100644
index 0000000..848cf38
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-qq/index.qml
@@ -0,0 +1 @@
+<view class="_root {{selectable?'_select':''}}" style="{{containerStyle}}"><slot qq:if="{{!nodes[0]}}"/><node id="_root" childs="{{nodes}}" opts="{{[lazyLoad,loadingImg,errorImg,showImgMenu,selectable]}}" catchadd="_add"/></view>
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-qq/index.qss b/wechat-mini-program/components/mp-html/dist/mp-qq/index.qss
new file mode 100644
index 0000000..5f74d06
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-qq/index.qss
@@ -0,0 +1 @@
+._root{padding:1px 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}._select{-webkit-user-select:text;user-select:text}
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-qq/node/node.js b/wechat-mini-program/components/mp-html/dist/mp-qq/node/node.js
new file mode 100644
index 0000000..79631d2
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-qq/node/node.js
@@ -0,0 +1 @@
+"use strict";function t(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,i)}return r}function e(e){for(var i=1;i<arguments.length;i++){var o=null!=arguments[i]?arguments[i]:{};i%2?t(Object(o),!0).forEach(function(t){r(e,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):t(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})}return e}function r(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}Component({data:{ctrl:{}},properties:{childs:Array,opts:Array},options:{addGlobalClass:!0},attached:function(){this.triggerEvent("add",this,{bubbles:!0,composed:!0})},methods:{noop:function(){},getNode:function(t){try{for(var e=t.split("_"),r=this.data.childs[e[0]],i=1;i<e.length;i++)r=r.children[e[i]];return r}catch(t){return{text:"",attrs:{},children:[]}}},play:function(t){var r=t.target.dataset.i,i=this.getNode(r);if(this.root.triggerEvent("play",{source:i.name,attrs:e(e({},i.attrs),{},{src:i.src[this.data.ctrl[r]||0]})}),this.root.data.pauseVideo){for(var o=!1,a=t.target.id,s=this.root._videos.length;s--;)this.root._videos[s].id===a?o=!0:this.root._videos[s].pause();if(!o){var n=qq.createVideoContext(a,this);n.id=a,this.root.playbackRate&&n.playbackRate(this.root.playbackRate),this.root._videos.push(n)}}},imgTap:function(t){var e=this.getNode(t.target.dataset.i);if(e.a)return this.linkTap(e.a);if(!e.attrs.ignore&&(this.root.triggerEvent("imgtap",e.attrs),this.root.data.previewImg)){var r=this.root.imgList[e.i];qq.previewImage({current:r,urls:this.root.imgList})}},imgLoad:function(t){var e,i=t.target.dataset.i,o=this.getNode(i);o.w?(this.data.opts[1]&&!this.data.ctrl[i]||-1===this.data.ctrl[i])&&(e=1):e=t.detail.width,e&&this.setData(r({},"ctrl."+i,e)),this.checkReady()},checkReady:function(){var t=this;this.root.data.lazyLoad||(this.root.imgList._unloadimgs-=1,this.root.imgList._unloadimgs||setTimeout(function(){t.root.getRect().then(function(e){t.root.triggerEvent("ready",e)}).catch(function(){t.root.triggerEvent("ready",{})})},350))},linkTap:function(t){var e=t.currentTarget?this.getNode(t.currentTarget.dataset.i):{},r=e.attrs||t,i=r.href;this.root.triggerEvent("linktap",Object.assign({innerText:this.root.getText(e.children||[])},r)),i&&("#"===i[0]?this.root.navigateTo(i.substring(1)).catch(function(){}):i.split("?")[0].includes("://")?this.root.data.copyLink&&qq.setClipboardData({data:i,success:function(){return qq.showToast({title:"链接已复制"})}}):qq.navigateTo({url:i,fail:function(){qq.switchTab({url:i,fail:function(){}})}}))},mediaError:function(t){var e=t.target.dataset.i,i=this.getNode(e);if("video"===i.name||"audio"===i.name){var o=(this.data.ctrl[e]||0)+1;if(o>i.src.length&&(o=0),o<i.src.length)return this.setData(r({},"ctrl."+e,o))}else"img"===i.name&&(this.data.opts[2]&&this.setData(r({},"ctrl."+e,-1)),this.checkReady());this.root&&this.root.triggerEvent("error",{source:i.name,attrs:i.attrs,errMsg:t.detail.errMsg})}}});
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-qq/node/node.json b/wechat-mini-program/components/mp-html/dist/mp-qq/node/node.json
new file mode 100644
index 0000000..36f7ff7
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-qq/node/node.json
@@ -0,0 +1 @@
+{"component":true,"usingComponents":{"node":"./node"}}
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-qq/node/node.qml b/wechat-mini-program/components/mp-html/dist/mp-qq/node/node.qml
new file mode 100644
index 0000000..f3af192
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-qq/node/node.qml
@@ -0,0 +1 @@
+<qs module="isInline">var e={abbr:!0,b:!0,big:!0,code:!0,del:!0,em:!0,i:!0,ins:!0,label:!0,q:!0,small:!0,span:!0,strong:!0,sub:!0,sup:!0};module.exports=function(n,i){return e[n]||-1!==(i||"").indexOf("inline")};</qs><template name="el"><block qq:if="{{n.name==='img'}}"><rich-text qq:if="{{n.t}}" style="display:{{n.t}}" nodes="<img class='_img' style='{{n.attrs.style}}' src='{{n.attrs.src}}'>" data-i="{{i}}" catchtap="imgTap"/><block qq:else><image qq:if="{{(opts[1]&&!ctrl[i])||ctrl[i]<0}}" class="_img" style="{{n.attrs.style}}" src="{{ctrl[i]<0?opts[2]:opts[1]}}" mode="widthFix"/><image id="{{n.attrs.id}}" class="_img {{n.attrs.class}}" style="{{ctrl[i]===-1?'display:none;':''}}width:{{ctrl[i]||1}}px;height:1px;{{n.attrs.style}}" src="{{n.attrs.src}}" mode="{{!n.h?'widthFix':(!n.w?'heightFix':(n.m||'scaleToFill'))}}" lazy-load="{{opts[0]}}" data-i="{{i}}" bindload="imgLoad" binderror="mediaError" catchtap="imgTap" bindlongpress="noop"/></block></block><text qq:elif="{{n.text}}" decode>{{n.text}}</text><text qq:elif="{{n.name==='br'}}">{{'\n'}}</text><view qq:elif="{{n.name==='a'}}" id="{{n.attrs.id}}" class="{{n.attrs.href?'_a ':''}}{{n.attrs.class}}" hover-class="_hover" style="display:inline;{{n.attrs.style}}" data-i="{{i}}" catchtap="linkTap"><node childs="{{n.children}}" opts="{{opts}}" style="display:inherit"/></view><video qq:elif="{{n.name==='video'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" autoplay="{{n.attrs.autoplay}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" muted="{{n.attrs.muted}}" object-fit="{{n.attrs['object-fit']}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" bindplay="play" binderror="mediaError"/><audio qq:elif="{{n.name==='audio'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" author="{{n.attrs.author}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" name="{{n.attrs.name}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" bindplay="play" binderror="mediaError"/><rich-text qq:else id="{{n.attrs.id}}" style="{{n.f}}" nodes="{{[n]}}"/></template><block qq:for="{{childs}}" qq:for-item="n1" qq:for-index="i1" qq:key="i1"><template qq:if="{{!n1.c&&(!n1.children||n1.name==='a'||!isInline(n1.name,n1.attrs.style))}}" is="el" data="{{n:n1,i:''+i1,opts:opts,ctrl:ctrl}}"/><view qq:else id="{{n1.attrs.id}}" class="_{{n1.name}} {{n1.attrs.class}}" style="{{n1.attrs.style}}"><block qq:for="{{n1.children}}" qq:for-item="n2" qq:for-index="i2" qq:key="i2"><template qq:if="{{!n2.c&&(!n2.children||n2.name==='a'||!isInline(n2.name,n2.attrs.style))}}" is="el" data="{{n:n2,i:i1+'_'+i2,opts:opts,ctrl:ctrl}}"/><view qq:else id="{{n2.attrs.id}}" class="_{{n2.name}} {{n2.attrs.class}}" style="{{n2.attrs.style}}"><block qq:for="{{n2.children}}" qq:for-item="n3" qq:for-index="i3" qq:key="i3"><template qq:if="{{!n3.c&&(!n3.children||n3.name==='a'||!isInline(n3.name,n3.attrs.style))}}" is="el" data="{{n:n3,i:i1+'_'+i2+'_'+i3,opts:opts,ctrl:ctrl}}"/><view qq:else id="{{n3.attrs.id}}" class="_{{n3.name}} {{n3.attrs.class}}" style="{{n3.attrs.style}}"><block qq:for="{{n3.children}}" qq:for-item="n4" qq:for-index="i4" qq:key="i4"><template qq:if="{{!n4.c&&(!n4.children||n4.name==='a'||!isInline(n4.name,n4.attrs.style))}}" is="el" data="{{n:n4,i:i1+'_'+i2+'_'+i3+'_'+i4,opts:opts,ctrl:ctrl}}"/><view qq:else id="{{n4.attrs.id}}" class="_{{n4.name}} {{n4.attrs.class}}" style="{{n4.attrs.style}}"><block qq:for="{{n4.children}}" qq:for-item="n5" qq:for-index="i5" qq:key="i5"><template qq:if="{{!n5.c&&(!n5.children||n5.name==='a'||!isInline(n5.name,n5.attrs.style))}}" is="el" data="{{n:n5,i:i1+'_'+i2+'_'+i3+'_'+i4+'_'+i5,opts:opts,ctrl:ctrl}}"/><node qq:else id="{{n5.attrs.id}}" class="_{{n5.name}} {{n5.attrs.class}}" style="{{n5.attrs.style}}" childs="{{n5.children}}" opts="{{opts}}"/></block></view></block></view></block></view></block></view></block>
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-qq/node/node.qss b/wechat-mini-program/components/mp-html/dist/mp-qq/node/node.qss
new file mode 100644
index 0000000..43a2fab
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-qq/node/node.qss
@@ -0,0 +1 @@
+._a{padding:1.5px 0 1.5px 0;color:#366092;word-break:break-all}._hover{text-decoration:underline;opacity:.7}._img{max-width:100%;-webkit-touch-callout:none}._b,._strong{font-weight:700}._code{font-family:monospace}._del{text-decoration:line-through}._em,._i{font-style:italic}._h1{font-size:2em}._h2{font-size:1.5em}._h3{font-size:1.17em}._h5{font-size:.83em}._h6{font-size:.67em}._h1,._h2,._h3,._h4,._h5,._h6{display:block;font-weight:700}._ins{text-decoration:underline}._li{display:list-item}._ol{list-style-type:decimal}._ol,._ul{display:block;padding-left:40px;margin:1em 0}._q::before{content:'"'}._q::after{content:'"'}._sub{font-size:smaller;vertical-align:sub}._sup{font-size:smaller;vertical-align:super}._tbody,._tfoot,._thead{display:table-row-group}._tr{display:table-row}._td,._th{display:table-cell;vertical-align:middle}._th{font-weight:700;text-align:center}._ul{list-style-type:disc}._ul ._ul{margin:0;list-style-type:circle}._ul ._ul ._ul{list-style-type:square}._abbr,._b,._code,._del,._em,._i,._ins,._label,._q,._span,._strong,._sub,._sup{display:inline}._blockquote,._div,._p{display:block}
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-qq/parser.js b/wechat-mini-program/components/mp-html/dist/mp-qq/parser.js
new file mode 100644
index 0000000..8ba3c45
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-qq/parser.js
@@ -0,0 +1 @@
+"use strict";function t(t,e){var s;if("undefined"==typeof Symbol||null==t[Symbol.iterator]){if(Array.isArray(t)||(s=i(t))||e&&t&&"number"==typeof t.length){s&&(t=s);var n=0,a=function(){};return{s:a,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,l=!1;return{s:function(){s=t[Symbol.iterator]()},n:function(){var t=s.next();return o=t.done,t},e:function(t){l=!0,r=t},f:function(){try{o||null==s.return||s.return()}finally{if(l)throw r}}}}function i(t,i){if(t){if("string"==typeof t)return e(t,i);var s=Object.prototype.toString.call(t).slice(8,-1);return"Object"===s&&t.constructor&&(s=t.constructor.name),"Map"===s||"Set"===s?Array.from(t):"Arguments"===s||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s)?e(t,i):void 0}}function e(t,i){(null==i||i>t.length)&&(i=t.length);for(var e=0,s=new Array(i);e<i;e++)s[e]=t[e];return s}function s(t){for(var i=Object.create(null),e=t.split(","),s=e.length;s--;)i[e[s]]=!0;return i}function n(t,i){for(var e=t.indexOf("&");-1!==e;){var s=t.indexOf(";",e+3),n=void 0;if(-1===s)break;"#"===t[e+1]?(n=parseInt(("x"===t[e+2]?"0":"")+t.substring(e+2,s)),isNaN(n)||(t=t.substr(0,e)+String.fromCharCode(n)+t.substr(s+1))):(n=t.substring(e+1,s),(l.entities[n]||"amp"===n&&i)&&(t=t.substr(0,e)+(l.entities[n]||"&")+t.substr(s+1))),e=t.indexOf("&",e+1)}return t}function a(t){for(var i=t.length-1,e=i;e>=-1;e--)(-1===e||t[e].c||!t[e].name||"div"!==t[e].name&&"p"!==t[e].name&&"h"!==t[e].name[0]||(t[e].attrs.style||"").includes("inline"))&&(i-e>=5&&t.splice(e+1,i-e,{name:"div",attrs:{},children:t.slice(e+1,i+1)}),i=e-1)}function r(t){this.options=t.data||{},this.tagStyle=Object.assign({},l.tagStyle,this.options.tagStyle),this.imgList=t.imgList||[],this.imgList._unloadimgs=0,this.plugins=t.plugins||[],this.attrs=Object.create(null),this.stack=[],this.nodes=[],this.pre=(this.options.containerStyle||"").includes("white-space")&&this.options.containerStyle.includes("pre")?2:0}function o(t){this.handler=t}var l={trustTags:s("a,abbr,ad,audio,b,blockquote,br,code,col,colgroup,dd,del,dl,dt,div,em,fieldset,h1,h2,h3,h4,h5,h6,hr,i,img,ins,label,legend,li,ol,p,q,ruby,rt,source,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,title,ul,video"),blockTags:s("address,article,aside,body,caption,center,cite,footer,header,html,nav,pre,section"),ignoreTags:s("area,base,canvas,embed,frame,head,iframe,input,link,map,meta,param,rp,script,source,style,textarea,title,track,wbr"),voidTags:s("area,base,br,col,circle,ellipse,embed,frame,hr,img,input,line,link,meta,param,path,polygon,rect,source,track,use,wbr"),entities:{lt:"<",gt:">",quot:'"',apos:"'",ensp:" ",emsp:" ",nbsp:" ",semi:";",ndash:"–",mdash:"—",middot:"·",lsquo:"‘",rsquo:"’",ldquo:"“",rdquo:"”",bull:"•",hellip:"…",larr:"←",uarr:"↑",rarr:"→",darr:"↓"},tagStyle:{address:"font-style:italic",big:"display:inline;font-size:1.2em",caption:"display:table-caption;text-align:center",center:"text-align:center",cite:"font-style:italic",dd:"margin-left:40px",mark:"background-color:yellow",pre:"font-family:monospace;white-space:pre",s:"text-decoration:line-through",small:"display:inline;font-size:0.8em",strike:"text-decoration:line-through",u:"text-decoration:underline"},svgDict:{animatetransform:"animateTransform",lineargradient:"linearGradient",viewbox:"viewBox",attributename:"attributeName",repeatcount:"repeatCount",repeatdur:"repeatDur",foreignobject:"foreignObject"}},h={},c,d,p=qq.getSystemInfoSync();c=p.windowWidth;var u=s(" ,\r,\n,\t,\f"),f=0;r.prototype.parse=function(t){for(var i=this.plugins.length;i--;)this.plugins[i].onUpdate&&(t=this.plugins[i].onUpdate(t,l)||t);for(new o(this).parse(t);this.stack.length;)this.popNode();return this.nodes.length>50&&a(this.nodes),this.nodes},r.prototype.expose=function(){for(var t=this.stack.length;t--;){var i=this.stack[t];if(i.c||"a"===i.name||"video"===i.name||"audio"===i.name)return;i.c=1}},r.prototype.hook=function(t){for(var i=this.plugins.length;i--;)if(this.plugins[i].onParse&&!1===this.plugins[i].onParse(t,this))return!1;return!0},r.prototype.getUrl=function(t){var i=this.options.domain;return"/"===t[0]?"/"===t[1]?t=(i?i.split("://")[0]:"http")+":"+t:i&&(t=i+t):!i||t.includes("data:")||t.includes("://")||(t=i+"/"+t),t},r.prototype.parseStyle=function(t){var i=t.attrs,e=(this.tagStyle[t.name]||"").split(";").concat((i.style||"").split(";")),s={},n="";i.id&&!this.xml&&(this.options.useAnchor?this.expose():"img"!==t.name&&"a"!==t.name&&"video"!==t.name&&"audio"!==t.name&&(i.id=void 0)),i.width&&(s.width=parseFloat(i.width)+(i.width.includes("%")?"%":"px"),i.width=void 0),i.height&&(s.height=parseFloat(i.height)+(i.height.includes("%")?"%":"px"),i.height=void 0);for(var a=0,r=e.length;a<r;a++){var o=e[a].split(":");if(!(o.length<2)){var l=o.shift().trim().toLowerCase(),h=o.join(":").trim();if("-"===h[0]&&h.lastIndexOf("-")>0||h.includes("safe"))n+=";".concat(l,":").concat(h);else if(!s[l]||h.includes("import")||!s[l].includes("import")){if(h.includes("url")){var d=h.indexOf("(")+1;if(d){for(;'"'===h[d]||"'"===h[d]||u[h[d]];)d++;h=h.substr(0,d)+this.getUrl(h.substr(d))}}else h.includes("rpx")&&(h=h.replace(/[0-9.]+\s*rpx/g,function(t){return parseFloat(t)*c/750+"px"}));s[l]=h}}}return t.attrs.style=n,s},r.prototype.onTagName=function(t){this.tagName=this.xml?t:t.toLowerCase(),"svg"===this.tagName&&(this.xml=(this.xml||0)+1,l.ignoreTags.style=void 0)},r.prototype.onAttrName=function(t){t=this.xml?t:t.toLowerCase(),"data-"===t.substr(0,5)?"data-src"!==t||this.attrs.src?"img"===this.tagName||"a"===this.tagName?this.attrName=t:this.attrName=void 0:this.attrName="src":(this.attrName=t,this.attrs[t]="T")},r.prototype.onAttrVal=function(t){var i=this.attrName||"";"style"===i||"href"===i?this.attrs[i]=n(t,!0):i.includes("src")?this.attrs[i]=this.getUrl(n(t,!0)):i&&(this.attrs[i]=t)},r.prototype.onOpenTag=function(t){var i=Object.create(null);i.name=this.tagName,i.attrs=this.attrs,this.attrs=Object.create(null);var e=i.attrs,s=this.stack[this.stack.length-1],n=s?s.children:this.nodes,a=this.xml?t:l.voidTags[i.name];if(h[i.name]&&(e.class=h[i.name]+(e.class?" "+e.class:"")),"embed"===i.name){var r=e.src||"";r.includes(".mp4")||r.includes(".3gp")||r.includes(".m3u8")||(e.type||"").includes("video")?i.name="video":(r.includes(".mp3")||r.includes(".wav")||r.includes(".aac")||r.includes(".m4a")||(e.type||"").includes("audio"))&&(i.name="audio"),e.autostart&&(e.autoplay="T"),e.controls="T"}if("video"!==i.name&&"audio"!==i.name||("video"!==i.name||e.id||(e.id="v"+f++),e.controls||e.autoplay||(e.controls="T"),i.src=[],e.src&&(i.src.push(e.src),e.src=void 0),this.expose()),a){if(!this.hook(i)||l.ignoreTags[i.name])return void("base"!==i.name||this.options.domain?"source"===i.name&&s&&("video"===s.name||"audio"===s.name)&&e.src&&s.src.push(e.src):this.options.domain=e.href);var o=this.parseStyle(i);if("img"===i.name){if(e.src&&(e.src.includes("webp")&&(i.webp="T"),e.src.includes("data:")&&"all"!==this.options.previewImg&&!e["original-src"]&&(e.ignore="T"),!e.ignore||i.webp||e.src.includes("cloud://"))){for(var d=this.stack.length;d--;){var p=this.stack[d];"table"!==p.name||i.webp||e.src.includes("cloud://")||(!o.display||o.display.includes("inline")?i.t="inline-block":i.t=o.display,o.display=void 0);var u=p.attrs.style||"";if(!u.includes("flex:")||u.includes("flex:0")||u.includes("flex: 0")||o.width&&!(parseInt(o.width)>100))if(u.includes("flex")&&"100%"===o.width)for(var g=d+1;g<this.stack.length;g++){var m=this.stack[g].attrs.style||"";if(!m.includes(";width")&&!m.includes(" width")&&0!==m.indexOf("width")){o.width="";break}}else u.includes("inline-block")&&(o.width&&"%"===o.width[o.width.length-1]?(p.attrs.style+=";max-width:"+o.width,o.width=""):p.attrs.style+=";max-width:100%");else{o.width="100% !important",o.height="";for(var v=d+1;v<this.stack.length;v++)this.stack[v].attrs.style=(this.stack[v].attrs.style||"").replace("inline-","")}"a"===p.name?i.a=p.attrs:p.c=1}i.i=this.imgList.length;var y=e["original-src"]||e.src;if(this.imgList.includes(y)){var b=y.indexOf("://");if(-1!==b){b+=3;for(var x=y.substr(0,b);b<y.length&&"/"!==y[b];b++)x+=Math.random()>.5?y[b].toUpperCase():y[b];x+=y.substr(b),y=x}}this.imgList.push(y),i.t||(this.imgList._unloadimgs+=1)}"inline"===o.display&&(o.display=""),e.ignore&&(o["max-width"]=o["max-width"]||"100%",e.style+=";-webkit-touch-callout:none"),parseInt(o.width)>c&&(o.height=void 0),isNaN(parseInt(o.width))||(i.w="T"),!isNaN(parseInt(o.height))&&(!o.height.includes("%")||s&&(s.attrs.style||"").includes("height"))&&(i.h="T"),i.w&&i.h&&o["object-fit"]&&("contain"===o["object-fit"]?i.m="aspectFit":"cover"===o["object-fit"]&&(i.m="aspectFill"))}else if("svg"===i.name)return n.push(i),this.stack.push(i),void this.popNode();for(var w in o)o[w]&&(e.style+=";".concat(w,":").concat(o[w].replace(" !important","")));e.style=e.style.substr(1)||void 0}else("pre"===i.name||(e.style||"").includes("white-space")&&e.style.includes("pre"))&&2!==this.pre&&(this.pre=i.pre=1),i.children=[],this.stack.push(i);n.push(i)},r.prototype.onCloseTag=function(t){t=this.xml?t:t.toLowerCase();var i;for(i=this.stack.length;i--&&this.stack[i].name!==t;);if(-1!==i)for(;this.stack.length>i;)this.popNode();else if("p"===t||"br"===t){var e=this.stack.length?this.stack[this.stack.length-1].children:this.nodes;e.push({name:t,attrs:{class:h[t],style:this.tagStyle[t]}})}},r.prototype.popNode=function(){var i=this.stack.pop(),e=i.attrs,s=i.children,n=this.stack[this.stack.length-1],r=n?n.children:this.nodes;if(!this.hook(i)||l.ignoreTags[i.name])return"title"===i.name&&s.length&&"text"===s[0].type&&this.options.setTitle&&qq.setNavigationBarTitle({title:s[0].text}),void r.pop();if(i.pre&&2!==this.pre){this.pre=i.pre=void 0;for(var o=this.stack.length;o--;)this.stack[o].pre&&(this.pre=1)}if("svg"===i.name){if(this.xml>1)return void this.xml--;var h="",d=e.style;return e.style="",e.xmlns="http://www.w3.org/2000/svg",function i(e){if("text"===e.type)return void(h+=e.text);var s=l.svgDict[e.name]||e.name;if("foreignObject"===s){var n,a=t(e.children||[]);try{for(a.s();!(n=a.n()).done;){var r=n.value;if(r.attrs&&!r.attrs.xmlns){r.attrs.xmlns="http://www.w3.org/1999/xhtml";break}}}catch(t){a.e(t)}finally{a.f()}}h+="<"+s;for(var o in e.attrs){var c=e.attrs[o];c&&(h+=" ".concat(l.svgDict[o]||o,'="').concat(c.replace(/"/g,""),'"'))}if(e.children){h+=">";for(var d=0;d<e.children.length;d++)i(e.children[d]);h+="</"+s+">"}else h+="/>"}(i),i.name="img",i.attrs={src:"data:image/svg+xml;utf8,"+h.replace(/#/g,"%23"),style:d,ignore:"T"},i.children=void 0,this.xml=!1,void(l.ignoreTags.style=!0)}var p={};if(e.align&&("table"===i.name?"center"===e.align?p["margin-inline-start"]=p["margin-inline-end"]="auto":p.float=e.align:p["text-align"]=e.align,e.align=void 0),e.dir&&(p.direction=e.dir,e.dir=void 0),"font"===i.name&&(e.color&&(p.color=e.color,e.color=void 0),e.face&&(p["font-family"]=e.face,e.face=void 0),e.size)){var u=parseInt(e.size);isNaN(u)||(u<1?u=1:u>7&&(u=7),p["font-size"]=["x-small","small","medium","large","x-large","xx-large","xxx-large"][u-1]),e.size=void 0}if((e.class||"").includes("align-center")&&(p["text-align"]="center"),Object.assign(p,this.parseStyle(i)),"table"!==i.name&&parseInt(p.width)>c&&(p["max-width"]="100%",p["box-sizing"]="border-box"),l.blockTags[i.name])i.name="div";else if(l.trustTags[i.name]||this.xml)if("a"===i.name||"ad"===i.name)this.expose();else if("video"===i.name||"audio"===i.name)(p.height||"").includes("auto")&&(p.height=void 0),i.children=void 0;else if("ul"!==i.name&&"ol"!==i.name||!i.c)if("table"===i.name){var f=parseFloat(e.cellpadding),g=parseFloat(e.cellspacing),m=parseFloat(e.border),v=p["border-color"],y=p["border-style"];if(i.c&&(isNaN(f)&&(f=2),isNaN(g)&&(g=2)),m&&(e.style+=";border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray")),i.flag&&i.c){i.flag=void 0,p.display="grid","collapse"===p["border-collapse"]&&(p["border-collapse"]=void 0,g=0),g?(p["grid-gap"]=g+"px",p.padding=g+"px"):m&&(e.style+=";border-left:0;border-top:0");var b=[],x=[],w=[],k={};!function i(e){for(var s=0;s<e.length;s++)if("tr"===e[s].name)x.push(e[s]);else if("colgroup"===e[s].name){var n,a=1,r=t(e[s].children||[]);try{for(r.s();!(n=r.n()).done;){var o=n.value;if("col"===o.name){var l=o.attrs.style||"",h=l.indexOf("width")?l.indexOf(";width"):0;if(-1!==h){var c=l.indexOf(";",h+6);-1===c&&(c=l.length),b[a]=l.substring(h?h+7:6,c)}a+=1}}}catch(t){r.e(t)}finally{r.f()}}else i(e[s].children||[])}(s);for(var N=1;N<=x.length;N++){for(var T=1,O=0;O<x[N-1].children.length;O++){var j=x[N-1].children[O];if("td"===j.name||"th"===j.name){for(;k[N+"."+T];)T++;j.c=1;var S=j.attrs.style||"",C=S.indexOf("width")?S.indexOf(";width"):0;if(-1!==C){var A=S.indexOf(";",C+6);-1===A&&(A=S.length),j.attrs.colspan||(b[T]=S.substring(C?C+7:6,A)),S=S.substr(0,C)+S.substr(A)}if(S+=";display:flex;flex-direction:column",-1!==(C=S.indexOf("vertical-align"))){var I=S.substr(C+15,10);I.includes("middle")?S+=";justify-content:center":I.includes("bottom")&&(S+=";justify-content:flex-end")}else S+=";justify-content:center";if(-1!==(C=S.indexOf("text-align"))){var L=S.substr(C+11,10);L.includes("center")?S+=";justify-content: center":L.includes("right")&&(S+=";justify-content: right")}if(S=(m?";border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray")+(g?"":";border-right:0;border-bottom:0"):"")+(f?";padding:".concat(f,"px"):"")+";"+S,j.attrs.colspan&&(S+=";grid-column-start:".concat(T,";grid-column-end:").concat(T+parseInt(j.attrs.colspan)),j.attrs.rowspan||(S+=";grid-row-start:".concat(N,";grid-row-end:").concat(N+1)),T+=parseInt(j.attrs.colspan)-1),j.attrs.rowspan){S+=";grid-row-start:".concat(N,";grid-row-end:").concat(N+parseInt(j.attrs.rowspan)),j.attrs.colspan||(S+=";grid-column-start:".concat(T,";grid-column-end:").concat(T+1));for(var z=1;z<j.attrs.rowspan;z++)for(var F=0;F<(j.attrs.colspan||1);F++)k[N+z+"."+(T-F)]=1}S&&(j.attrs.style=S),w.push(j),T++}}if(1===N){for(var q="",U=1;U<T;U++)q+=(b[U]?b[U]:"auto")+" ";p["grid-template-columns"]=q}}i.children=w}else i.c&&(p.display="table"),isNaN(g)||(p["border-spacing"]=g+"px"),(m||f||i.c)&&function t(e){for(var s=0;s<e.length;s++){var n=e[s];i.c&&(n.c=1),"th"===n.name||"td"===n.name?(m&&(n.attrs.style="border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray",";").concat(n.attrs.style||"")),f&&(n.attrs.style="padding:".concat(f,"px;").concat(n.attrs.style||""))):n.children&&t(n.children)}}(s);if(this.options.scrollTable&&!(e.style||"").includes("inline")){var V=Object.assign({},i);i.name="div",i.attrs={style:"overflow-x:auto;padding:1px"},i.children=[V],e=V.attrs}}else if(("tbody"===i.name||"tr"===i.name)&&i.flag&&i.c)i.flag=void 0,function t(i){for(var e=0;e<i.length;e++)if("td"===i[e].name)for(var s=0,n=["color","background","background-color"];s<n.length;s++){var a=n[s];p[a]&&(i[e].attrs.style=a+":"+p[a]+";"+(i[e].attrs.style||""))}else t(i[e].children||[])}(s);else if("td"!==i.name&&"th"!==i.name||!e.colspan&&!e.rowspan){if("ruby"===i.name){i.name="span";for(var D=0;D<s.length-1;D++)"text"===s[D].type&&"rt"===s[D+1].name&&(s[D]={name:"span",attrs:{style:"display:inline-block;text-align:center"},children:[{name:"div",attrs:{style:"font-size:50%;"+(s[D+1].attrs.style||"")},children:s[D+1].children},s[D]]},s.splice(D+1,1))}}else for(var B=this.stack.length;B--;)"table"!==this.stack[B].name&&"tbody"!==this.stack[B].name&&"tr"!==this.stack[B].name||(this.stack[B].flag=1);else{var M={a:"lower-alpha",A:"upper-alpha",i:"lower-roman",I:"upper-roman"};M[e.type]&&(e.style+=";list-style-type:"+M[e.type],e.type=void 0),i.c=1;for(var P=s.length;P--;)"li"===s[P].name&&(s[P].c=1)}else i.name="span";if((p.display||"").includes("flex")&&!i.c)for(var Z=s.length;Z--;){var _=s[Z];_.f&&(_.attrs.style=(_.attrs.style||"")+_.f,_.f=void 0)}var E=n&&((n.attrs.style||"").includes("flex")||(n.attrs.style||"").includes("grid"))&&!i.c&&!(p.display||"").includes("inline");E&&(i.f=";max-width:100%"),s.length>=50&&i.c&&!(p.display||"").includes("flex")&&a(s);for(var G in p)if(p[G]){var W=";".concat(G,":").concat(p[G].replace(" !important",""));E&&(G.includes("flex")&&"flex-direction"!==G||"align-self"===G||G.includes("grid")||"-"===p[G][0]||G.includes("width")&&W.includes("%"))?(i.f+=W,"width"===G&&(e.style+=";width:100%")):e.style+=W}e.style=e.style.substr(1)||void 0},r.prototype.onText=function(t){if(!this.pre){for(var i,e="",s=0,a=t.length;s<a;s++)u[t[s]]?(" "!==e[e.length-1]&&(e+=" "),"\n"!==t[s]||i||(i=!0)):e+=t[s];if(" "===e&&i)return;t=e}var r=Object.create(null);if(r.type="text",r.text=n(t),this.hook(r)){(this.stack.length?this.stack[this.stack.length-1].children:this.nodes).push(r)}},o.prototype.parse=function(t){this.content=t||"",this.i=0,this.start=0,this.state=this.text;for(var i=this.content.length;-1!==this.i&&this.i<i;)this.state()},o.prototype.checkClose=function(t){var i="/"===this.content[this.i];return!!(">"===this.content[this.i]||i&&">"===this.content[this.i+1])&&(t&&this.handler[t](this.content.substring(this.start,this.i)),this.i+=i?2:1,this.start=this.i,this.handler.onOpenTag(i),"script"===this.handler.tagName?(this.i=this.content.indexOf("</",this.i),-1!==this.i&&(this.i+=2,this.start=this.i),this.state=this.endTag):this.state=this.text,!0)},o.prototype.text=function(){if(this.i=this.content.indexOf("<",this.i),-1===this.i)return void(this.start<this.content.length&&this.handler.onText(this.content.substring(this.start,this.content.length)));var t=this.content[this.i+1];if(t>="a"&&t<="z"||t>="A"&&t<="Z")this.start!==this.i&&this.handler.onText(this.content.substring(this.start,this.i)),this.start=++this.i,this.state=this.tagName;else if("/"===t||"!"===t||"?"===t){this.start!==this.i&&this.handler.onText(this.content.substring(this.start,this.i));var i=this.content[this.i+2];if("/"===t&&(i>="a"&&i<="z"||i>="A"&&i<="Z"))return this.i+=2,this.start=this.i,void(this.state=this.endTag);var e="--\x3e";"!"===t&&"-"===this.content[this.i+2]&&"-"===this.content[this.i+3]||(e=">"),this.i=this.content.indexOf(e,this.i),-1!==this.i&&(this.i+=e.length,this.start=this.i)}else this.i++},o.prototype.tagName=function(){if(u[this.content[this.i]]){for(this.handler.onTagName(this.content.substring(this.start,this.i));u[this.content[++this.i]];);this.i<this.content.length&&!this.checkClose()&&(this.start=this.i,this.state=this.attrName)}else this.checkClose("onTagName")||this.i++},o.prototype.attrName=function(){var t=this.content[this.i];if(u[t]||"="===t){this.handler.onAttrName(this.content.substring(this.start,this.i));for(var i="="===t,e=this.content.length;++this.i<e;)if(t=this.content[this.i],!u[t]){if(this.checkClose())return;if(i)return this.start=this.i,void(this.state=this.attrVal);if("="!==this.content[this.i])return this.start=this.i,void(this.state=this.attrName);i=!0}}else this.checkClose("onAttrName")||this.i++},o.prototype.attrVal=function(){var t=this.content[this.i],i=this.content.length;if('"'===t||"'"===t){if(this.start=++this.i,this.i=this.content.indexOf(t,this.i),-1===this.i)return;this.handler.onAttrVal(this.content.substring(this.start,this.i))}else for(;this.i<i;this.i++){if(u[this.content[this.i]]){this.handler.onAttrVal(this.content.substring(this.start,this.i));break}if(this.checkClose("onAttrVal"))return}for(;u[this.content[++this.i]];);this.i<i&&!this.checkClose()&&(this.start=this.i,this.state=this.attrName)},o.prototype.endTag=function(){var t=this.content[this.i];if(u[t]||">"===t||"/"===t){if(this.handler.onCloseTag(this.content.substring(this.start,this.i)),">"!==t&&(this.i=this.content.indexOf(">",this.i),-1===this.i))return;this.start=++this.i,this.state=this.text}else this.i++},module.exports=r;
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-toutiao/index.js b/wechat-mini-program/components/mp-html/dist/mp-toutiao/index.js
new file mode 100644
index 0000000..f3a1cb1
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-toutiao/index.js
@@ -0,0 +1,8 @@
+"use strict";function e(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}/*!
+ * mp-html v2.5.1
+ * https://github.com/jin-yufeng/mp-html
+ *
+ * Released under the MIT license
+ * Author: Jin Yufeng
+ */
+var t=require("./parser"),n=[];Component({data:{nodes:[]},properties:{containerStyle:String,content:{type:String,value:"",observer:function(e){this.setContent(e)}},copyLink:{type:Boolean,value:!0},domain:String,errorImg:String,lazyLoad:Boolean,loadingImg:String,pauseVideo:{type:Boolean,value:!0},previewImg:{type:null,value:!0},scrollTable:Boolean,selectable:null,setTitle:{type:Boolean,value:!0},showImgMenu:{type:Boolean,value:!0},tagStyle:Object,useAnchor:null},created:function(){this.plugins=[];for(var e=n.length;e--;)this.plugins.push(new n[e](this))},detached:function(){this._hook("onDetached")},methods:{in:function(e,t,n){e&&t&&n&&(this._in={page:e,selector:t,scrollTop:n})},navigateTo:function(t,n){var i=this;return new Promise(function(o,r){if(!i.data.useAnchor)return void r(Error("Anchor is disabled"));var a=tt.createSelectorQuery().in(i._in?i._in.page:i).select((i._in?i._in.selector:"._root")+(t?"".concat(">>>","#").concat(t):"")).boundingClientRect();i._in?a.select(i._in.selector).scrollOffset().select(i._in.selector).boundingClientRect():a.selectViewport().scrollOffset(),a.exec(function(t){if(!t[0])return void r(Error("Label not found"));var a=t[1].scrollTop+t[0].top-(t[2]?t[2].top:0)+(n||parseInt(i.data.useAnchor)||0);i._in?i._in.page.setData(e({},i._in.scrollTop,a)):tt.pageScrollTo({scrollTop:a,duration:300}),o()})})},getText:function(e){var t="";return function e(n){for(var i=0;i<n.length;i++){var o=n[i];if("text"===o.type)t+=o.text.replace(/&amp;/g,"&");else if("br"===o.name)t+="\n";else{var r="p"===o.name||"div"===o.name||"tr"===o.name||"li"===o.name||"h"===o.name[0]&&o.name[1]>"0"&&o.name[1]<"7";r&&t&&"\n"!==t[t.length-1]&&(t+="\n"),o.children&&e(o.children),r&&"\n"!==t[t.length-1]?t+="\n":"td"!==o.name&&"th"!==o.name||(t+="\t")}}}(e||this.data.nodes),t},getRect:function(){var e=this;return new Promise(function(t,n){tt.createSelectorQuery().in(e).select("._root").boundingClientRect().exec(function(e){return e[0]?t(e[0]):n(Error("Root label not found"))})})},pauseMedia:function(){for(var e=(this._videos||[]).length;e--;)this._videos[e].pause()},setPlaybackRate:function(e){this.playbackRate=e;for(var t=(this._videos||[]).length;t--;)this._videos[t].playbackRate(e)},setContent:function(e,n){var i=this;this.imgList&&n||(this.imgList=[]),this._videos=[];var o={},r=new t(this).parse(e);if(n)for(var a=this.data.nodes.length,s=r.length;s--;)o["nodes[".concat(a+s,"]")]=r[s];else o.nodes=r;if(this.setData(o),this.selectComponent("#_root",function(e){e.root=i,i._hook("onLoad"),i.triggerEvent("load")}),this.data.lazyLoad||this.imgList._unloadimgs<this.imgList.length/2){var l=0,c=function e(t){t&&t.height||(t={}),t.height===l?i.triggerEvent("ready",t):(l=t.height,setTimeout(function(){i.getRect().then(e).catch(e)},350))};this.getRect().then(c).catch(c)}else this.imgList._unloadimgs||this.getRect().then(function(e){i.triggerEvent("ready",e)}).catch(function(){i.triggerEvent("ready",{})})},_hook:function(e){for(var t=n.length;t--;)this.plugins[t][e]&&this.plugins[t][e]()}}});
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-toutiao/index.json b/wechat-mini-program/components/mp-html/dist/mp-toutiao/index.json
new file mode 100644
index 0000000..36b626e
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-toutiao/index.json
@@ -0,0 +1 @@
+{"component":true,"usingComponents":{"node":"./node/node"}}
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-toutiao/index.ttml b/wechat-mini-program/components/mp-html/dist/mp-toutiao/index.ttml
new file mode 100644
index 0000000..cc5a5da
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-toutiao/index.ttml
@@ -0,0 +1 @@
+<view class="_root {{selectable?'_select':''}}" style="{{containerStyle}}"><slot tt:if="{{!nodes[0]}}"/><node id="_root" childs="{{nodes}}" opts="{{[lazyLoad,loadingImg,errorImg,showImgMenu,selectable]}}"/></view>
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-toutiao/index.ttss b/wechat-mini-program/components/mp-html/dist/mp-toutiao/index.ttss
new file mode 100644
index 0000000..5f74d06
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-toutiao/index.ttss
@@ -0,0 +1 @@
+._root{padding:1px 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}._select{-webkit-user-select:text;user-select:text}
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-toutiao/node/node.js b/wechat-mini-program/components/mp-html/dist/mp-toutiao/node/node.js
new file mode 100644
index 0000000..c5c6265
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-toutiao/node/node.js
@@ -0,0 +1 @@
+"use strict";function t(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,i)}return r}function e(e){for(var i=1;i<arguments.length;i++){var o=null!=arguments[i]?arguments[i]:{};i%2?t(Object(o),!0).forEach(function(t){r(e,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):t(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})}return e}function r(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}Component({data:{ctrl:{}},properties:{childs:Array,opts:Array},options:{addGlobalClass:!0},methods:{noop:function(){},getNode:function(t){try{for(var e=t.split("_"),r=this.data.childs[e[0]],i=1;i<e.length;i++)r=r.children[e[i]];return r}catch(t){return{text:"",attrs:{},children:[]}}},play:function(t){var r=t.target.dataset.i,i=this.getNode(r);if(this.root.triggerEvent("play",{source:i.name,attrs:e(e({},i.attrs),{},{src:i.src[this.data.ctrl[r]||0]})}),this.root.data.pauseVideo){for(var o=!1,a=t.target.id,s=this.root._videos.length;s--;)this.root._videos[s].id===a?o=!0:this.root._videos[s].pause();if(!o){var n=tt.createVideoContext(a,this);n.id=a,this.root.playbackRate&&n.playbackRate(this.root.playbackRate),this.root._videos.push(n)}}},imgTap:function(t){var e=this.getNode(t.target.dataset.i);if(e.a)return this.linkTap(e.a);if(!e.attrs.ignore&&(this.root.triggerEvent("imgtap",e.attrs),this.root.data.previewImg)){var r=this.root.imgList[e.i];tt.previewImage({current:r,urls:this.root.imgList})}},imgLoad:function(t){var e,i=t.target.dataset.i,o=this.getNode(i);o.w?(this.data.opts[1]&&!this.data.ctrl[i]||-1===this.data.ctrl[i])&&(e=1):e=t.detail.width,e&&e!==this.data.ctrl[i]&&this.setData(r({},"ctrl."+i,e)),this.checkReady()},checkReady:function(){var t=this;this.root.data.lazyLoad||(this.root.imgList._unloadimgs-=1,this.root.imgList._unloadimgs||setTimeout(function(){t.root.getRect().then(function(e){t.root.triggerEvent("ready",e)}).catch(function(){t.root.triggerEvent("ready",{})})},350))},linkTap:function(t){var e=t.currentTarget?this.getNode(t.currentTarget.dataset.i):{},r=e.attrs||t,i=r.href;this.root.triggerEvent("linktap",Object.assign({innerText:this.root.getText(e.children||[])},r)),i&&("#"===i[0]?this.root.navigateTo(i.substring(1)).catch(function(){}):i.split("?")[0].includes("://")?this.root.data.copyLink&&tt.setClipboardData({data:i,success:function(){return tt.showToast({title:"链接已复制"})}}):tt.navigateTo({url:i,fail:function(){tt.switchTab({url:i,fail:function(){}})}}))},mediaError:function(t){var e=t.target.dataset.i,i=this.getNode(e);if("video"===i.name||"audio"===i.name){var o=(this.data.ctrl[e]||0)+1;if(o>i.src.length&&(o=0),o<i.src.length)return this.setData(r({},"ctrl."+e,o))}else"img"===i.name&&(this.data.opts[2]&&this.setData(r({},"ctrl."+e,-1)),this.checkReady());this.root&&this.root.triggerEvent("error",{source:i.name,attrs:i.attrs,errMsg:t.detail.errMsg})}}});
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-toutiao/node/node.json b/wechat-mini-program/components/mp-html/dist/mp-toutiao/node/node.json
new file mode 100644
index 0000000..36f7ff7
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-toutiao/node/node.json
@@ -0,0 +1 @@
+{"component":true,"usingComponents":{"node":"./node"}}
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-toutiao/node/node.ttml b/wechat-mini-program/components/mp-html/dist/mp-toutiao/node/node.ttml
new file mode 100644
index 0000000..23dcb06
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-toutiao/node/node.ttml
@@ -0,0 +1 @@
+<template name="el"><block tt:if="{{n.name==='img'}}"><rich-text tt:if="{{n.t}}" style="display:{{n.t}}" nodes="<img class='_img' style='{{n.attrs.style}}' src='{{n.attrs.src}}'>" data-i="{{i}}" catchtap="imgTap"/><block tt:else><image tt:if="{{(opts[1]&&!ctrl[i])||ctrl[i]<0}}" class="_img" style="{{n.attrs.style}}" src="{{ctrl[i]<0?opts[2]:opts[1]}}" mode="widthFix"/><image id="{{n.attrs.id}}" class="_img {{n.attrs.class}}" style="{{ctrl[i]===-1?'display:none;':''}}width:{{ctrl[i]||1}}px;height:1px;{{n.attrs.style}}" src="{{n.attrs.src}}" mode="{{!n.h?'widthFix':(!n.w?'heightFix':(n.m||'scaleToFill'))}}" lazy-load="{{opts[0]}}" data-i="{{i}}" bindload="imgLoad" binderror="mediaError" catchtap="imgTap" bindlongpress="noop"/></block></block><text tt:elif="{{n.text}}" decode>{{n.text}}</text><text tt:elif="{{n.name==='br'}}">{{'\n'}}</text><view tt:elif="{{n.name==='a'}}" id="{{n.attrs.id}}" class="{{n.attrs.href?'_a ':''}}{{n.attrs.class}}" hover-class="_hover" style="display:inline;{{n.attrs.style}}" data-i="{{i}}" catchtap="linkTap"><template is="node" data="{{childs:n.children,path:i+'_',opts:opts,ctrl:ctrl}}"></template></view><video tt:elif="{{n.name==='video'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" autoplay="{{n.attrs.autoplay}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" muted="{{n.attrs.muted}}" object-fit="{{n.attrs['object-fit']}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" bindplay="play" binderror="mediaError"/><rich-text tt:else id="{{n.attrs.id}}" style="{{n.f}}" nodes="{{[n]}}"/></template><template name="node"><block tt:for="{{childs}}" tt:for-item="n" tt:for-index="i" tt:key="i"><template tt:if="{{!n.c}}" is="el" data="{{n:n,i:path+i,opts:opts,ctrl:ctrl}}"/><view tt:else id="{{n.attrs.id}}" class="_{{n.name}} {{n.attrs.class}}" style="{{n.attrs.style}}"><template is="node" data="{{childs:n.children,path:path+i+'_',opts:opts,ctrl:ctrl}}"></template></view></block></template><template is="node" data="{{childs:childs,path:'',opts:opts,ctrl:ctrl}}"></template>
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-toutiao/node/node.ttss b/wechat-mini-program/components/mp-html/dist/mp-toutiao/node/node.ttss
new file mode 100644
index 0000000..3b35688
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-toutiao/node/node.ttss
@@ -0,0 +1 @@
+._a{padding:1.5px 0 1.5px 0;color:#366092;word-break:break-all}._hover{text-decoration:underline;opacity:.7}._img{max-width:100%;-webkit-touch-callout:none}._b,._strong{font-weight:700}._code{font-family:monospace}._del{text-decoration:line-through}._em,._i{font-style:italic}._h1{font-size:2em}._h2{font-size:1.5em}._h3{font-size:1.17em}._h5{font-size:.83em}._h6{font-size:.67em}._h1,._h2,._h3,._h4,._h5,._h6{display:block;font-weight:700}._ins{text-decoration:underline}._li{display:list-item}._ol{list-style-type:decimal}._ol,._ul{display:block;padding-left:40px;margin:1em 0}._q::before{content:'"'}._q::after{content:'"'}._sub{font-size:smaller;vertical-align:sub}._sup{font-size:smaller;vertical-align:super}._tbody,._tfoot,._thead{display:table-row-group}._tr{display:table-row}._td,._th{display:table-cell;vertical-align:middle}._th{font-weight:700;text-align:center}._ul{list-style-type:disc}._ul ._ul{margin:0;list-style-type:circle}._ul ._ul ._ul{list-style-type:square}._abbr,._b,._code,._del,._em,._i,._ins,._label,._q,._span,._strong,._sub,._sup{display:inline}
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-toutiao/parser.js b/wechat-mini-program/components/mp-html/dist/mp-toutiao/parser.js
new file mode 100644
index 0000000..a2aecc3
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-toutiao/parser.js
@@ -0,0 +1 @@
+"use strict";function t(t,e){var s;if("undefined"==typeof Symbol||null==t[Symbol.iterator]){if(Array.isArray(t)||(s=i(t))||e&&t&&"number"==typeof t.length){s&&(t=s);var n=0,a=function(){};return{s:a,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,l=!1;return{s:function(){s=t[Symbol.iterator]()},n:function(){var t=s.next();return o=t.done,t},e:function(t){l=!0,r=t},f:function(){try{o||null==s.return||s.return()}finally{if(l)throw r}}}}function i(t,i){if(t){if("string"==typeof t)return e(t,i);var s=Object.prototype.toString.call(t).slice(8,-1);return"Object"===s&&t.constructor&&(s=t.constructor.name),"Map"===s||"Set"===s?Array.from(t):"Arguments"===s||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s)?e(t,i):void 0}}function e(t,i){(null==i||i>t.length)&&(i=t.length);for(var e=0,s=new Array(i);e<i;e++)s[e]=t[e];return s}function s(t){for(var i=Object.create(null),e=t.split(","),s=e.length;s--;)i[e[s]]=!0;return i}function n(t,i){for(var e=t.indexOf("&");-1!==e;){var s=t.indexOf(";",e+3),n=void 0;if(-1===s)break;"#"===t[e+1]?(n=parseInt(("x"===t[e+2]?"0":"")+t.substring(e+2,s)),isNaN(n)||(t=t.substr(0,e)+String.fromCharCode(n)+t.substr(s+1))):(n=t.substring(e+1,s),(l.entities[n]||"amp"===n&&i)&&(t=t.substr(0,e)+(l.entities[n]||"&")+t.substr(s+1))),e=t.indexOf("&",e+1)}return t}function a(t){for(var i=t.length-1,e=i;e>=-1;e--)(-1===e||t[e].c||!t[e].name||"div"!==t[e].name&&"p"!==t[e].name&&"h"!==t[e].name[0]||(t[e].attrs.style||"").includes("inline"))&&(i-e>=5&&t.splice(e+1,i-e,{name:"div",attrs:{},children:t.slice(e+1,i+1)}),i=e-1)}function r(t){this.options=t.data||{},this.tagStyle=Object.assign({},l.tagStyle,this.options.tagStyle),this.imgList=t.imgList||[],this.imgList._unloadimgs=0,this.plugins=t.plugins||[],this.attrs=Object.create(null),this.stack=[],this.nodes=[],this.pre=(this.options.containerStyle||"").includes("white-space")&&this.options.containerStyle.includes("pre")?2:0}function o(t){this.handler=t}var l={trustTags:s("a,abbr,ad,audio,b,blockquote,br,code,col,colgroup,dd,del,dl,dt,div,em,fieldset,h1,h2,h3,h4,h5,h6,hr,i,img,ins,label,legend,li,ol,p,q,ruby,rt,source,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,title,ul,video"),blockTags:s("address,article,aside,body,caption,center,cite,footer,header,html,nav,pre,section"),ignoreTags:s("area,base,canvas,embed,frame,head,iframe,input,link,map,meta,param,rp,script,source,style,textarea,title,track,wbr"),voidTags:s("area,base,br,col,circle,ellipse,embed,frame,hr,img,input,line,link,meta,param,path,polygon,rect,source,track,use,wbr"),entities:{lt:"<",gt:">",quot:'"',apos:"'",ensp:" ",emsp:" ",nbsp:" ",semi:";",ndash:"–",mdash:"—",middot:"·",lsquo:"‘",rsquo:"’",ldquo:"“",rdquo:"”",bull:"•",hellip:"…",larr:"←",uarr:"↑",rarr:"→",darr:"↓"},tagStyle:{address:"font-style:italic",big:"display:inline;font-size:1.2em",caption:"display:table-caption;text-align:center",center:"text-align:center",cite:"font-style:italic",dd:"margin-left:40px",mark:"background-color:yellow",pre:"font-family:monospace;white-space:pre",s:"text-decoration:line-through",small:"display:inline;font-size:0.8em",strike:"text-decoration:line-through",u:"text-decoration:underline"},svgDict:{animatetransform:"animateTransform",lineargradient:"linearGradient",viewbox:"viewBox",attributename:"attributeName",repeatcount:"repeatCount",repeatdur:"repeatDur",foreignobject:"foreignObject"}},h={},c,d,p=tt.getSystemInfoSync();c=p.windowWidth;var u=s(" ,\r,\n,\t,\f"),f=0;r.prototype.parse=function(t){for(var i=this.plugins.length;i--;)this.plugins[i].onUpdate&&(t=this.plugins[i].onUpdate(t,l)||t);for(new o(this).parse(t);this.stack.length;)this.popNode();return this.nodes.length>50&&a(this.nodes),this.nodes},r.prototype.expose=function(){for(var t=this.stack.length;t--;){var i=this.stack[t];if(i.c||"a"===i.name||"video"===i.name||"audio"===i.name)return;i.c=1}},r.prototype.hook=function(t){for(var i=this.plugins.length;i--;)if(this.plugins[i].onParse&&!1===this.plugins[i].onParse(t,this))return!1;return!0},r.prototype.getUrl=function(t){var i=this.options.domain;return"/"===t[0]?"/"===t[1]?t=(i?i.split("://")[0]:"http")+":"+t:i&&(t=i+t):!i||t.includes("data:")||t.includes("://")||(t=i+"/"+t),t},r.prototype.parseStyle=function(t){var i=t.attrs,e=(this.tagStyle[t.name]||"").split(";").concat((i.style||"").split(";")),s={},n="";i.id&&!this.xml&&(this.options.useAnchor?this.expose():"img"!==t.name&&"a"!==t.name&&"video"!==t.name&&"audio"!==t.name&&(i.id=void 0)),i.width&&(s.width=parseFloat(i.width)+(i.width.includes("%")?"%":"px"),i.width=void 0),i.height&&(s.height=parseFloat(i.height)+(i.height.includes("%")?"%":"px"),i.height=void 0);for(var a=0,r=e.length;a<r;a++){var o=e[a].split(":");if(!(o.length<2)){var l=o.shift().trim().toLowerCase(),h=o.join(":").trim();if("-"===h[0]&&h.lastIndexOf("-")>0||h.includes("safe"))n+=";".concat(l,":").concat(h);else if(!s[l]||h.includes("import")||!s[l].includes("import")){if(h.includes("url")){var d=h.indexOf("(")+1;if(d){for(;'"'===h[d]||"'"===h[d]||u[h[d]];)d++;h=h.substr(0,d)+this.getUrl(h.substr(d))}}else h.includes("rpx")&&(h=h.replace(/[0-9.]+\s*rpx/g,function(t){return parseFloat(t)*c/750+"px"}));s[l]=h}}}return t.attrs.style=n,s},r.prototype.onTagName=function(t){this.tagName=this.xml?t:t.toLowerCase(),"svg"===this.tagName&&(this.xml=(this.xml||0)+1,l.ignoreTags.style=void 0)},r.prototype.onAttrName=function(t){t=this.xml?t:t.toLowerCase(),"data-"===t.substr(0,5)?"data-src"!==t||this.attrs.src?"img"===this.tagName||"a"===this.tagName?this.attrName=t:this.attrName=void 0:this.attrName="src":(this.attrName=t,this.attrs[t]="T")},r.prototype.onAttrVal=function(t){var i=this.attrName||"";"style"===i||"href"===i?this.attrs[i]=n(t,!0):i.includes("src")?this.attrs[i]=this.getUrl(n(t,!0)):i&&(this.attrs[i]=t)},r.prototype.onOpenTag=function(t){var i=Object.create(null);i.name=this.tagName,i.attrs=this.attrs,this.attrs=Object.create(null);var e=i.attrs,s=this.stack[this.stack.length-1],n=s?s.children:this.nodes,a=this.xml?t:l.voidTags[i.name];if(h[i.name]&&(e.class=h[i.name]+(e.class?" "+e.class:"")),"embed"===i.name){var r=e.src||"";r.includes(".mp4")||r.includes(".3gp")||r.includes(".m3u8")||(e.type||"").includes("video")?i.name="video":(r.includes(".mp3")||r.includes(".wav")||r.includes(".aac")||r.includes(".m4a")||(e.type||"").includes("audio"))&&(i.name="audio"),e.autostart&&(e.autoplay="T"),e.controls="T"}if("video"!==i.name&&"audio"!==i.name||("video"!==i.name||e.id||(e.id="v"+f++),e.controls||e.autoplay||(e.controls="T"),i.src=[],e.src&&(i.src.push(e.src),e.src=void 0),this.expose()),a){if(!this.hook(i)||l.ignoreTags[i.name])return void("base"!==i.name||this.options.domain?"source"===i.name&&s&&("video"===s.name||"audio"===s.name)&&e.src&&s.src.push(e.src):this.options.domain=e.href);var o=this.parseStyle(i);if("img"===i.name){if(e.src&&(e.src.includes("webp")&&(i.webp="T"),e.src.includes("data:")&&"all"!==this.options.previewImg&&!e["original-src"]&&(e.ignore="T"),!e.ignore||i.webp||e.src.includes("cloud://"))){for(var d=this.stack.length;d--;){var p=this.stack[d];"table"!==p.name||i.webp||e.src.includes("cloud://")||(!o.display||o.display.includes("inline")?i.t="inline-block":i.t=o.display,o.display=void 0);var u=p.attrs.style||"";if(!u.includes("flex:")||u.includes("flex:0")||u.includes("flex: 0")||o.width&&!(parseInt(o.width)>100))if(u.includes("flex")&&"100%"===o.width)for(var g=d+1;g<this.stack.length;g++){var m=this.stack[g].attrs.style||"";if(!m.includes(";width")&&!m.includes(" width")&&0!==m.indexOf("width")){o.width="";break}}else u.includes("inline-block")&&(o.width&&"%"===o.width[o.width.length-1]?(p.attrs.style+=";max-width:"+o.width,o.width=""):p.attrs.style+=";max-width:100%");else{o.width="100% !important",o.height="";for(var v=d+1;v<this.stack.length;v++)this.stack[v].attrs.style=(this.stack[v].attrs.style||"").replace("inline-","")}"a"===p.name?i.a=p.attrs:p.c=1}i.i=this.imgList.length;var y=e["original-src"]||e.src;if(this.imgList.includes(y)){var b=y.indexOf("://");if(-1!==b){b+=3;for(var x=y.substr(0,b);b<y.length&&"/"!==y[b];b++)x+=Math.random()>.5?y[b].toUpperCase():y[b];x+=y.substr(b),y=x}}this.imgList.push(y),i.t||(this.imgList._unloadimgs+=1)}"inline"===o.display&&(o.display=""),e.ignore&&(o["max-width"]=o["max-width"]||"100%",e.style+=";-webkit-touch-callout:none"),parseInt(o.width)>c&&(o.height=void 0),isNaN(parseInt(o.width))||(i.w="T"),!isNaN(parseInt(o.height))&&(!o.height.includes("%")||s&&(s.attrs.style||"").includes("height"))&&(i.h="T"),i.w&&i.h&&o["object-fit"]&&("contain"===o["object-fit"]?i.m="aspectFit":"cover"===o["object-fit"]&&(i.m="aspectFill"))}else if("svg"===i.name)return n.push(i),this.stack.push(i),void this.popNode();for(var w in o)o[w]&&(e.style+=";".concat(w,":").concat(o[w].replace(" !important","")));e.style=e.style.substr(1)||void 0}else("pre"===i.name||(e.style||"").includes("white-space")&&e.style.includes("pre"))&&2!==this.pre&&(this.pre=i.pre=1),i.children=[],this.stack.push(i);n.push(i)},r.prototype.onCloseTag=function(t){t=this.xml?t:t.toLowerCase();var i;for(i=this.stack.length;i--&&this.stack[i].name!==t;);if(-1!==i)for(;this.stack.length>i;)this.popNode();else if("p"===t||"br"===t){var e=this.stack.length?this.stack[this.stack.length-1].children:this.nodes;e.push({name:t,attrs:{class:h[t],style:this.tagStyle[t]}})}},r.prototype.popNode=function(){var i=this.stack.pop(),e=i.attrs,s=i.children,n=this.stack[this.stack.length-1],r=n?n.children:this.nodes;if(!this.hook(i)||l.ignoreTags[i.name])return"title"===i.name&&s.length&&"text"===s[0].type&&this.options.setTitle&&tt.setNavigationBarTitle({title:s[0].text}),void r.pop();if(i.pre&&2!==this.pre){this.pre=i.pre=void 0;for(var o=this.stack.length;o--;)this.stack[o].pre&&(this.pre=1)}if("svg"===i.name){if(this.xml>1)return void this.xml--;var h="",d=e.style;return e.style="",e.xmlns="http://www.w3.org/2000/svg",function i(e){if("text"===e.type)return void(h+=e.text);var s=l.svgDict[e.name]||e.name;if("foreignObject"===s){var n,a=t(e.children||[]);try{for(a.s();!(n=a.n()).done;){var r=n.value;if(r.attrs&&!r.attrs.xmlns){r.attrs.xmlns="http://www.w3.org/1999/xhtml";break}}}catch(t){a.e(t)}finally{a.f()}}h+="<"+s;for(var o in e.attrs){var c=e.attrs[o];c&&(h+=" ".concat(l.svgDict[o]||o,'="').concat(c.replace(/"/g,""),'"'))}if(e.children){h+=">";for(var d=0;d<e.children.length;d++)i(e.children[d]);h+="</"+s+">"}else h+="/>"}(i),i.name="img",i.attrs={src:"data:image/svg+xml;utf8,"+h.replace(/#/g,"%23"),style:d,ignore:"T"},i.children=void 0,this.xml=!1,void(l.ignoreTags.style=!0)}var p={};if(e.align&&("table"===i.name?"center"===e.align?p["margin-inline-start"]=p["margin-inline-end"]="auto":p.float=e.align:p["text-align"]=e.align,e.align=void 0),e.dir&&(p.direction=e.dir,e.dir=void 0),"font"===i.name&&(e.color&&(p.color=e.color,e.color=void 0),e.face&&(p["font-family"]=e.face,e.face=void 0),e.size)){var u=parseInt(e.size);isNaN(u)||(u<1?u=1:u>7&&(u=7),p["font-size"]=["x-small","small","medium","large","x-large","xx-large","xxx-large"][u-1]),e.size=void 0}if((e.class||"").includes("align-center")&&(p["text-align"]="center"),Object.assign(p,this.parseStyle(i)),"table"!==i.name&&parseInt(p.width)>c&&(p["max-width"]="100%",p["box-sizing"]="border-box"),l.blockTags[i.name])i.name="div";else if(l.trustTags[i.name]||this.xml)if("a"===i.name||"ad"===i.name)this.expose();else if("video"===i.name||"audio"===i.name)(p.height||"").includes("auto")&&(p.height=void 0),i.children=void 0;else if("ul"!==i.name&&"ol"!==i.name||!i.c)if("table"===i.name){var f=parseFloat(e.cellpadding),g=parseFloat(e.cellspacing),m=parseFloat(e.border),v=p["border-color"],y=p["border-style"];if(i.c&&(isNaN(f)&&(f=2),isNaN(g)&&(g=2)),m&&(e.style+=";border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray")),i.flag&&i.c){i.flag=void 0,p.display="grid","collapse"===p["border-collapse"]&&(p["border-collapse"]=void 0,g=0),g?(p["grid-gap"]=g+"px",p.padding=g+"px"):m&&(e.style+=";border-left:0;border-top:0");var b=[],x=[],w=[],k={};!function i(e){for(var s=0;s<e.length;s++)if("tr"===e[s].name)x.push(e[s]);else if("colgroup"===e[s].name){var n,a=1,r=t(e[s].children||[]);try{for(r.s();!(n=r.n()).done;){var o=n.value;if("col"===o.name){var l=o.attrs.style||"",h=l.indexOf("width")?l.indexOf(";width"):0;if(-1!==h){var c=l.indexOf(";",h+6);-1===c&&(c=l.length),b[a]=l.substring(h?h+7:6,c)}a+=1}}}catch(t){r.e(t)}finally{r.f()}}else i(e[s].children||[])}(s);for(var N=1;N<=x.length;N++){for(var T=1,O=0;O<x[N-1].children.length;O++){var j=x[N-1].children[O];if("td"===j.name||"th"===j.name){for(;k[N+"."+T];)T++;j.c=1;var S=j.attrs.style||"",C=S.indexOf("width")?S.indexOf(";width"):0;if(-1!==C){var A=S.indexOf(";",C+6);-1===A&&(A=S.length),j.attrs.colspan||(b[T]=S.substring(C?C+7:6,A)),S=S.substr(0,C)+S.substr(A)}if(S+=";display:flex;flex-direction:column",-1!==(C=S.indexOf("vertical-align"))){var I=S.substr(C+15,10);I.includes("middle")?S+=";justify-content:center":I.includes("bottom")&&(S+=";justify-content:flex-end")}else S+=";justify-content:center";if(-1!==(C=S.indexOf("text-align"))){var L=S.substr(C+11,10);L.includes("center")?S+=";justify-content: center":L.includes("right")&&(S+=";justify-content: right")}if(S=(m?";border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray")+(g?"":";border-right:0;border-bottom:0"):"")+(f?";padding:".concat(f,"px"):"")+";"+S,j.attrs.colspan&&(S+=";grid-column-start:".concat(T,";grid-column-end:").concat(T+parseInt(j.attrs.colspan)),j.attrs.rowspan||(S+=";grid-row-start:".concat(N,";grid-row-end:").concat(N+1)),T+=parseInt(j.attrs.colspan)-1),j.attrs.rowspan){S+=";grid-row-start:".concat(N,";grid-row-end:").concat(N+parseInt(j.attrs.rowspan)),j.attrs.colspan||(S+=";grid-column-start:".concat(T,";grid-column-end:").concat(T+1));for(var z=1;z<j.attrs.rowspan;z++)for(var F=0;F<(j.attrs.colspan||1);F++)k[N+z+"."+(T-F)]=1}S&&(j.attrs.style=S),w.push(j),T++}}if(1===N){for(var q="",U=1;U<T;U++)q+=(b[U]?b[U]:"auto")+" ";p["grid-template-columns"]=q}}i.children=w}else i.c&&(p.display="table"),isNaN(g)||(p["border-spacing"]=g+"px"),(m||f||i.c)&&function t(e){for(var s=0;s<e.length;s++){var n=e[s];i.c&&(n.c=1),"th"===n.name||"td"===n.name?(m&&(n.attrs.style="border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray",";").concat(n.attrs.style||"")),f&&(n.attrs.style="padding:".concat(f,"px;").concat(n.attrs.style||""))):n.children&&t(n.children)}}(s);if(this.options.scrollTable&&!(e.style||"").includes("inline")){var V=Object.assign({},i);i.name="div",i.attrs={style:"overflow-x:auto;padding:1px"},i.children=[V],e=V.attrs}}else if(("tbody"===i.name||"tr"===i.name)&&i.flag&&i.c)i.flag=void 0,function t(i){for(var e=0;e<i.length;e++)if("td"===i[e].name)for(var s=0,n=["color","background","background-color"];s<n.length;s++){var a=n[s];p[a]&&(i[e].attrs.style=a+":"+p[a]+";"+(i[e].attrs.style||""))}else t(i[e].children||[])}(s);else if("td"!==i.name&&"th"!==i.name||!e.colspan&&!e.rowspan){if("ruby"===i.name){i.name="span";for(var D=0;D<s.length-1;D++)"text"===s[D].type&&"rt"===s[D+1].name&&(s[D]={name:"span",attrs:{style:"display:inline-block;text-align:center"},children:[{name:"div",attrs:{style:"font-size:50%;"+(s[D+1].attrs.style||"")},children:s[D+1].children},s[D]]},s.splice(D+1,1))}}else for(var B=this.stack.length;B--;)"table"!==this.stack[B].name&&"tbody"!==this.stack[B].name&&"tr"!==this.stack[B].name||(this.stack[B].flag=1);else{var M={a:"lower-alpha",A:"upper-alpha",i:"lower-roman",I:"upper-roman"};M[e.type]&&(e.style+=";list-style-type:"+M[e.type],e.type=void 0),i.c=1;for(var P=s.length;P--;)"li"===s[P].name&&(s[P].c=1)}else i.name="span";if((p.display||"").includes("flex")&&!i.c)for(var Z=s.length;Z--;){var _=s[Z];_.f&&(_.attrs.style=(_.attrs.style||"")+_.f,_.f=void 0)}var E=n&&((n.attrs.style||"").includes("flex")||(n.attrs.style||"").includes("grid"))&&!i.c;E&&(i.f=";max-width:100%"),s.length>=50&&i.c&&!(p.display||"").includes("flex")&&a(s);for(var G in p)if(p[G]){var W=";".concat(G,":").concat(p[G].replace(" !important",""));E&&(G.includes("flex")&&"flex-direction"!==G||"align-self"===G||G.includes("grid")||"-"===p[G][0]||G.includes("width")&&W.includes("%"))?(i.f+=W,"width"===G&&(e.style+=";width:100%")):e.style+=W}e.style=e.style.substr(1)||void 0},r.prototype.onText=function(t){if(!this.pre){for(var i,e="",s=0,a=t.length;s<a;s++)u[t[s]]?(" "!==e[e.length-1]&&(e+=" "),"\n"!==t[s]||i||(i=!0)):e+=t[s];if(" "===e&&i)return;t=e}var r=Object.create(null);if(r.type="text",r.text=n(t),this.hook(r)){(this.stack.length?this.stack[this.stack.length-1].children:this.nodes).push(r)}},o.prototype.parse=function(t){this.content=t||"",this.i=0,this.start=0,this.state=this.text;for(var i=this.content.length;-1!==this.i&&this.i<i;)this.state()},o.prototype.checkClose=function(t){var i="/"===this.content[this.i];return!!(">"===this.content[this.i]||i&&">"===this.content[this.i+1])&&(t&&this.handler[t](this.content.substring(this.start,this.i)),this.i+=i?2:1,this.start=this.i,this.handler.onOpenTag(i),"script"===this.handler.tagName?(this.i=this.content.indexOf("</",this.i),-1!==this.i&&(this.i+=2,this.start=this.i),this.state=this.endTag):this.state=this.text,!0)},o.prototype.text=function(){if(this.i=this.content.indexOf("<",this.i),-1===this.i)return void(this.start<this.content.length&&this.handler.onText(this.content.substring(this.start,this.content.length)));var t=this.content[this.i+1];if(t>="a"&&t<="z"||t>="A"&&t<="Z")this.start!==this.i&&this.handler.onText(this.content.substring(this.start,this.i)),this.start=++this.i,this.state=this.tagName;else if("/"===t||"!"===t||"?"===t){this.start!==this.i&&this.handler.onText(this.content.substring(this.start,this.i));var i=this.content[this.i+2];if("/"===t&&(i>="a"&&i<="z"||i>="A"&&i<="Z"))return this.i+=2,this.start=this.i,void(this.state=this.endTag);var e="--\x3e";"!"===t&&"-"===this.content[this.i+2]&&"-"===this.content[this.i+3]||(e=">"),this.i=this.content.indexOf(e,this.i),-1!==this.i&&(this.i+=e.length,this.start=this.i)}else this.i++},o.prototype.tagName=function(){if(u[this.content[this.i]]){for(this.handler.onTagName(this.content.substring(this.start,this.i));u[this.content[++this.i]];);this.i<this.content.length&&!this.checkClose()&&(this.start=this.i,this.state=this.attrName)}else this.checkClose("onTagName")||this.i++},o.prototype.attrName=function(){var t=this.content[this.i];if(u[t]||"="===t){this.handler.onAttrName(this.content.substring(this.start,this.i));for(var i="="===t,e=this.content.length;++this.i<e;)if(t=this.content[this.i],!u[t]){if(this.checkClose())return;if(i)return this.start=this.i,void(this.state=this.attrVal);if("="!==this.content[this.i])return this.start=this.i,void(this.state=this.attrName);i=!0}}else this.checkClose("onAttrName")||this.i++},o.prototype.attrVal=function(){var t=this.content[this.i],i=this.content.length;if('"'===t||"'"===t){if(this.start=++this.i,this.i=this.content.indexOf(t,this.i),-1===this.i)return;this.handler.onAttrVal(this.content.substring(this.start,this.i))}else for(;this.i<i;this.i++){if(u[this.content[this.i]]){this.handler.onAttrVal(this.content.substring(this.start,this.i));break}if(this.checkClose("onAttrVal"))return}for(;u[this.content[++this.i]];);this.i<i&&!this.checkClose()&&(this.start=this.i,this.state=this.attrName)},o.prototype.endTag=function(){var t=this.content[this.i];if(u[t]||">"===t||"/"===t){if(this.handler.onCloseTag(this.content.substring(this.start,this.i)),">"!==t&&(this.i=this.content.indexOf(">",this.i),-1===this.i))return;this.start=++this.i,this.state=this.text}else this.i++},module.exports=r;
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-weixin/index.js b/wechat-mini-program/components/mp-html/dist/mp-weixin/index.js
new file mode 100644
index 0000000..3e878fd
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-weixin/index.js
@@ -0,0 +1,8 @@
+"use strict";function e(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}/*!
+ * mp-html v2.5.1
+ * https://github.com/jin-yufeng/mp-html
+ *
+ * Released under the MIT license
+ * Author: Jin Yufeng
+ */
+var t=require("./parser"),n=[];Component({data:{nodes:[]},properties:{containerStyle:String,content:{type:String,value:"",observer:function(e){this.setContent(e)}},copyLink:{type:Boolean,value:!0},domain:String,errorImg:String,lazyLoad:Boolean,loadingImg:String,pauseVideo:{type:Boolean,value:!0},previewImg:{type:null,value:!0},scrollTable:Boolean,selectable:null,setTitle:{type:Boolean,value:!0},showImgMenu:{type:Boolean,value:!0},tagStyle:Object,useAnchor:null},created:function(){this.plugins=[];for(var e=n.length;e--;)this.plugins.push(new n[e](this))},detached:function(){this._hook("onDetached")},methods:{in:function(e,t,n){e&&t&&n&&(this._in={page:e,selector:t,scrollTop:n})},navigateTo:function(t,n){var i=this;return new Promise(function(o,r){if(!i.data.useAnchor)return void r(Error("Anchor is disabled"));var a=wx.createSelectorQuery().in(i._in?i._in.page:i).select((i._in?i._in.selector:"._root")+(t?"".concat(">>>","#").concat(t):"")).boundingClientRect();i._in?a.select(i._in.selector).scrollOffset().select(i._in.selector).boundingClientRect():a.selectViewport().scrollOffset(),a.exec(function(t){if(!t[0])return void r(Error("Label not found"));var a=t[1].scrollTop+t[0].top-(t[2]?t[2].top:0)+(n||parseInt(i.data.useAnchor)||0);i._in?i._in.page.setData(e({},i._in.scrollTop,a)):wx.pageScrollTo({scrollTop:a,duration:300}),o()})})},getText:function(e){var t="";return function e(n){for(var i=0;i<n.length;i++){var o=n[i];if("text"===o.type)t+=o.text.replace(/&amp;/g,"&");else if("br"===o.name)t+="\n";else{var r="p"===o.name||"div"===o.name||"tr"===o.name||"li"===o.name||"h"===o.name[0]&&o.name[1]>"0"&&o.name[1]<"7";r&&t&&"\n"!==t[t.length-1]&&(t+="\n"),o.children&&e(o.children),r&&"\n"!==t[t.length-1]?t+="\n":"td"!==o.name&&"th"!==o.name||(t+="\t")}}}(e||this.data.nodes),t},getRect:function(){var e=this;return new Promise(function(t,n){wx.createSelectorQuery().in(e).select("._root").boundingClientRect().exec(function(e){return e[0]?t(e[0]):n(Error("Root label not found"))})})},pauseMedia:function(){for(var e=(this._videos||[]).length;e--;)this._videos[e].pause()},setPlaybackRate:function(e){this.playbackRate=e;for(var t=(this._videos||[]).length;t--;)this._videos[t].playbackRate(e)},setContent:function(e,n){var i=this;this.imgList&&n||(this.imgList=[]),this._videos=[];var o={},r=new t(this).parse(e);if(n)for(var a=this.data.nodes.length,s=r.length;s--;)o["nodes[".concat(a+s,"]")]=r[s];else o.nodes=r;if(this.setData(o,function(){i._hook("onLoad"),i.triggerEvent("load")}),this.data.lazyLoad||this.imgList._unloadimgs<this.imgList.length/2){var l=0,c=function e(t){t&&t.height||(t={}),t.height===l?i.triggerEvent("ready",t):(l=t.height,setTimeout(function(){i.getRect().then(e).catch(e)},350))};this.getRect().then(c).catch(c)}else this.imgList._unloadimgs||this.getRect().then(function(e){i.triggerEvent("ready",e)}).catch(function(){i.triggerEvent("ready",{})})},_hook:function(e){for(var t=n.length;t--;)this.plugins[t][e]&&this.plugins[t][e]()},_add:function(e){e.detail.root=this}}});
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-weixin/index.json b/wechat-mini-program/components/mp-html/dist/mp-weixin/index.json
new file mode 100644
index 0000000..36b626e
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-weixin/index.json
@@ -0,0 +1 @@
+{"component":true,"usingComponents":{"node":"./node/node"}}
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-weixin/index.wxml b/wechat-mini-program/components/mp-html/dist/mp-weixin/index.wxml
new file mode 100644
index 0000000..3021bfc
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-weixin/index.wxml
@@ -0,0 +1 @@
+<view class="_root {{selectable?'_select':''}}" style="{{containerStyle}}"><slot wx:if="{{!nodes[0]}}"/><node id="_root" childs="{{nodes}}" opts="{{[lazyLoad,loadingImg,errorImg,showImgMenu,selectable]}}" catchadd="_add"/></view>
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-weixin/index.wxss b/wechat-mini-program/components/mp-html/dist/mp-weixin/index.wxss
new file mode 100644
index 0000000..5f74d06
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-weixin/index.wxss
@@ -0,0 +1 @@
+._root{padding:1px 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}._select{-webkit-user-select:text;user-select:text}
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-weixin/node/node.js b/wechat-mini-program/components/mp-html/dist/mp-weixin/node/node.js
new file mode 100644
index 0000000..8fc562a
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-weixin/node/node.js
@@ -0,0 +1 @@
+"use strict";function t(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,i)}return r}function e(e){for(var i=1;i<arguments.length;i++){var o=null!=arguments[i]?arguments[i]:{};i%2?t(Object(o),!0).forEach(function(t){r(e,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):t(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})}return e}function r(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}Component({data:{ctrl:{},isiOS:wx.getSystemInfoSync().system.includes("iOS")},properties:{childs:Array,opts:Array},options:{addGlobalClass:!0},attached:function(){this.triggerEvent("add",this,{bubbles:!0,composed:!0})},methods:{noop:function(){},getNode:function(t){try{for(var e=t.split("_"),r=this.data.childs[e[0]],i=1;i<e.length;i++)r=r.children[e[i]];return r}catch(t){return{text:"",attrs:{},children:[]}}},play:function(t){var r=t.target.dataset.i,i=this.getNode(r);if(this.root.triggerEvent("play",{source:i.name,attrs:e(e({},i.attrs),{},{src:i.src[this.data.ctrl[r]||0]})}),this.root.data.pauseVideo){for(var o=!1,s=t.target.id,a=this.root._videos.length;a--;)this.root._videos[a].id===s?o=!0:this.root._videos[a].pause();if(!o){var n=wx.createVideoContext(s,this);n.id=s,this.root.playbackRate&&n.playbackRate(this.root.playbackRate),this.root._videos.push(n)}}},imgTap:function(t){var e=this.getNode(t.target.dataset.i);if(e.a)return this.linkTap(e.a);if(!e.attrs.ignore&&(this.root.triggerEvent("imgtap",e.attrs),this.root.data.previewImg)){var r=this.root.imgList[e.i];wx.previewImage({showmenu:this.root.data.showImgMenu,current:r,urls:this.root.imgList})}},imgLoad:function(t){var e,i=t.target.dataset.i,o=this.getNode(i);o.w?(this.data.opts[1]&&!this.data.ctrl[i]||-1===this.data.ctrl[i])&&(e=1):e=t.detail.width,e&&this.setData(r({},"ctrl."+i,e)),this.checkReady()},checkReady:function(){var t=this;this.root.data.lazyLoad||(this.root.imgList._unloadimgs-=1,this.root.imgList._unloadimgs||setTimeout(function(){t.root.getRect().then(function(e){t.root.triggerEvent("ready",e)}).catch(function(){t.root.triggerEvent("ready",{})})},350))},linkTap:function(t){var e=t.currentTarget?this.getNode(t.currentTarget.dataset.i):{},r=e.attrs||t,i=r.href;this.root.triggerEvent("linktap",Object.assign({innerText:this.root.getText(e.children||[])},r)),i&&("#"===i[0]?this.root.navigateTo(i.substring(1)).catch(function(){}):i.split("?")[0].includes("://")?this.root.data.copyLink&&wx.setClipboardData({data:i,success:function(){return wx.showToast({title:"链接已复制"})}}):wx.navigateTo({url:i,fail:function(){wx.switchTab({url:i,fail:function(){}})}}))},mediaError:function(t){var e=t.target.dataset.i,i=this.getNode(e);if("video"===i.name||"audio"===i.name){var o=(this.data.ctrl[e]||0)+1;if(o>i.src.length&&(o=0),o<i.src.length)return this.setData(r({},"ctrl."+e,o))}else"img"===i.name&&(this.data.opts[2]&&this.setData(r({},"ctrl."+e,-1)),this.checkReady());this.root&&this.root.triggerEvent("error",{source:i.name,attrs:i.attrs,errMsg:t.detail.errMsg})}}});
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-weixin/node/node.json b/wechat-mini-program/components/mp-html/dist/mp-weixin/node/node.json
new file mode 100644
index 0000000..36f7ff7
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-weixin/node/node.json
@@ -0,0 +1 @@
+{"component":true,"usingComponents":{"node":"./node"}}
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-weixin/node/node.wxml b/wechat-mini-program/components/mp-html/dist/mp-weixin/node/node.wxml
new file mode 100644
index 0000000..9d805d6
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-weixin/node/node.wxml
@@ -0,0 +1 @@
+<wxs module="isInline">var e={abbr:!0,b:!0,big:!0,code:!0,del:!0,em:!0,i:!0,ins:!0,label:!0,q:!0,small:!0,span:!0,strong:!0,sub:!0,sup:!0};module.exports=function(n,i){return e[n]||-1!==(i||"").indexOf("inline")};</wxs><template name="el"><block wx:if="{{n.name==='img'}}"><rich-text wx:if="{{n.t}}" style="display:{{n.t}}" nodes="<img class='_img' style='{{n.attrs.style}}' src='{{n.attrs.src}}'>" data-i="{{i}}" catchtap="imgTap"/><block wx:else><image wx:if="{{(opts[1]&&!ctrl[i])||ctrl[i]<0}}" class="_img" style="{{n.attrs.style}}" src="{{ctrl[i]<0?opts[2]:opts[1]}}" mode="widthFix"/><image id="{{n.attrs.id}}" class="_img {{n.attrs.class}}" style="{{ctrl[i]===-1?'display:none;':''}}width:{{ctrl[i]||1}}px;height:1px;{{n.attrs.style}}" src="{{n.attrs.src}}" mode="{{!n.h?'widthFix':(!n.w?'heightFix':(n.m||'scaleToFill'))}}" lazy-load="{{opts[0]}}" webp="{{n.webp}}" show-menu-by-longpress="{{opts[3]&&!n.attrs.ignore}}" data-i="{{i}}" bindload="imgLoad" binderror="mediaError" catchtap="imgTap" bindlongpress="noop"/></block></block><text wx:elif="{{n.text}}" user-select="{{opts[4]=='force'&&isiOS}}" decode>{{n.text}}</text><text wx:elif="{{n.name==='br'}}">{{'\n'}}</text><view wx:elif="{{n.name==='a'}}" id="{{n.attrs.id}}" class="{{n.attrs.href?'_a ':''}}{{n.attrs.class}}" hover-class="_hover" style="display:inline;{{n.attrs.style}}" data-i="{{i}}" catchtap="linkTap"><node childs="{{n.children}}" opts="{{opts}}" style="display:inherit"/></view><video wx:elif="{{n.name==='video'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" autoplay="{{n.attrs.autoplay}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" muted="{{n.attrs.muted}}" object-fit="{{n.attrs['object-fit']}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" bindplay="play" binderror="mediaError"/><audio wx:elif="{{n.name==='audio'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" author="{{n.attrs.author}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" name="{{n.attrs.name}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" bindplay="play" binderror="mediaError"/><rich-text wx:else id="{{n.attrs.id}}" style="{{n.f}}" user-select="{{opts[4]}}" nodes="{{[n]}}"/></template><block wx:for="{{childs}}" wx:for-item="n1" wx:for-index="i1" wx:key="i1"><template wx:if="{{!n1.c&&(!n1.children||n1.name==='a'||!isInline(n1.name,n1.attrs.style))}}" is="el" data="{{n:n1,i:''+i1,opts:opts,ctrl:ctrl}}"/><view wx:else id="{{n1.attrs.id}}" class="_{{n1.name}} {{n1.attrs.class}}" style="{{n1.attrs.style}}"><block wx:for="{{n1.children}}" wx:for-item="n2" wx:for-index="i2" wx:key="i2"><template wx:if="{{!n2.c&&(!n2.children||n2.name==='a'||!isInline(n2.name,n2.attrs.style))}}" is="el" data="{{n:n2,i:i1+'_'+i2,opts:opts,ctrl:ctrl}}"/><view wx:else id="{{n2.attrs.id}}" class="_{{n2.name}} {{n2.attrs.class}}" style="{{n2.attrs.style}}"><block wx:for="{{n2.children}}" wx:for-item="n3" wx:for-index="i3" wx:key="i3"><template wx:if="{{!n3.c&&(!n3.children||n3.name==='a'||!isInline(n3.name,n3.attrs.style))}}" is="el" data="{{n:n3,i:i1+'_'+i2+'_'+i3,opts:opts,ctrl:ctrl}}"/><view wx:else id="{{n3.attrs.id}}" class="_{{n3.name}} {{n3.attrs.class}}" style="{{n3.attrs.style}}"><block wx:for="{{n3.children}}" wx:for-item="n4" wx:for-index="i4" wx:key="i4"><template wx:if="{{!n4.c&&(!n4.children||n4.name==='a'||!isInline(n4.name,n4.attrs.style))}}" is="el" data="{{n:n4,i:i1+'_'+i2+'_'+i3+'_'+i4,opts:opts,ctrl:ctrl}}"/><view wx:else id="{{n4.attrs.id}}" class="_{{n4.name}} {{n4.attrs.class}}" style="{{n4.attrs.style}}"><block wx:for="{{n4.children}}" wx:for-item="n5" wx:for-index="i5" wx:key="i5"><template wx:if="{{!n5.c&&(!n5.children||n5.name==='a'||!isInline(n5.name,n5.attrs.style))}}" is="el" data="{{n:n5,i:i1+'_'+i2+'_'+i3+'_'+i4+'_'+i5,opts:opts,ctrl:ctrl}}"/><node wx:else id="{{n5.attrs.id}}" class="_{{n5.name}} {{n5.attrs.class}}" style="{{n5.attrs.style}}" childs="{{n5.children}}" opts="{{opts}}"/></block></view></block></view></block></view></block></view></block>
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-weixin/node/node.wxss b/wechat-mini-program/components/mp-html/dist/mp-weixin/node/node.wxss
new file mode 100644
index 0000000..43a2fab
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-weixin/node/node.wxss
@@ -0,0 +1 @@
+._a{padding:1.5px 0 1.5px 0;color:#366092;word-break:break-all}._hover{text-decoration:underline;opacity:.7}._img{max-width:100%;-webkit-touch-callout:none}._b,._strong{font-weight:700}._code{font-family:monospace}._del{text-decoration:line-through}._em,._i{font-style:italic}._h1{font-size:2em}._h2{font-size:1.5em}._h3{font-size:1.17em}._h5{font-size:.83em}._h6{font-size:.67em}._h1,._h2,._h3,._h4,._h5,._h6{display:block;font-weight:700}._ins{text-decoration:underline}._li{display:list-item}._ol{list-style-type:decimal}._ol,._ul{display:block;padding-left:40px;margin:1em 0}._q::before{content:'"'}._q::after{content:'"'}._sub{font-size:smaller;vertical-align:sub}._sup{font-size:smaller;vertical-align:super}._tbody,._tfoot,._thead{display:table-row-group}._tr{display:table-row}._td,._th{display:table-cell;vertical-align:middle}._th{font-weight:700;text-align:center}._ul{list-style-type:disc}._ul ._ul{margin:0;list-style-type:circle}._ul ._ul ._ul{list-style-type:square}._abbr,._b,._code,._del,._em,._i,._ins,._label,._q,._span,._strong,._sub,._sup{display:inline}._blockquote,._div,._p{display:block}
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/mp-weixin/parser.js b/wechat-mini-program/components/mp-html/dist/mp-weixin/parser.js
new file mode 100644
index 0000000..e33bc00
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/mp-weixin/parser.js
@@ -0,0 +1 @@
+"use strict";function t(t,e){var s;if("undefined"==typeof Symbol||null==t[Symbol.iterator]){if(Array.isArray(t)||(s=i(t))||e&&t&&"number"==typeof t.length){s&&(t=s);var n=0,a=function(){};return{s:a,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,l=!1;return{s:function(){s=t[Symbol.iterator]()},n:function(){var t=s.next();return o=t.done,t},e:function(t){l=!0,r=t},f:function(){try{o||null==s.return||s.return()}finally{if(l)throw r}}}}function i(t,i){if(t){if("string"==typeof t)return e(t,i);var s=Object.prototype.toString.call(t).slice(8,-1);return"Object"===s&&t.constructor&&(s=t.constructor.name),"Map"===s||"Set"===s?Array.from(t):"Arguments"===s||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s)?e(t,i):void 0}}function e(t,i){(null==i||i>t.length)&&(i=t.length);for(var e=0,s=new Array(i);e<i;e++)s[e]=t[e];return s}function s(t){for(var i=Object.create(null),e=t.split(","),s=e.length;s--;)i[e[s]]=!0;return i}function n(t,i){for(var e=t.indexOf("&");-1!==e;){var s=t.indexOf(";",e+3),n=void 0;if(-1===s)break;"#"===t[e+1]?(n=parseInt(("x"===t[e+2]?"0":"")+t.substring(e+2,s)),isNaN(n)||(t=t.substr(0,e)+String.fromCharCode(n)+t.substr(s+1))):(n=t.substring(e+1,s),(l.entities[n]||"amp"===n&&i)&&(t=t.substr(0,e)+(l.entities[n]||"&")+t.substr(s+1))),e=t.indexOf("&",e+1)}return t}function a(t){for(var i=t.length-1,e=i;e>=-1;e--)(-1===e||t[e].c||!t[e].name||"div"!==t[e].name&&"p"!==t[e].name&&"h"!==t[e].name[0]||(t[e].attrs.style||"").includes("inline"))&&(i-e>=5&&t.splice(e+1,i-e,{name:"div",attrs:{},children:t.slice(e+1,i+1)}),i=e-1)}function r(t){this.options=t.data||{},this.tagStyle=Object.assign({},l.tagStyle,this.options.tagStyle),this.imgList=t.imgList||[],this.imgList._unloadimgs=0,this.plugins=t.plugins||[],this.attrs=Object.create(null),this.stack=[],this.nodes=[],this.pre=(this.options.containerStyle||"").includes("white-space")&&this.options.containerStyle.includes("pre")?2:0}function o(t){this.handler=t}var l={trustTags:s("a,abbr,ad,audio,b,blockquote,br,code,col,colgroup,dd,del,dl,dt,div,em,fieldset,h1,h2,h3,h4,h5,h6,hr,i,img,ins,label,legend,li,ol,p,q,ruby,rt,source,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,title,ul,video"),blockTags:s("address,article,aside,body,caption,center,cite,footer,header,html,nav,pre,section"),ignoreTags:s("area,base,canvas,embed,frame,head,iframe,input,link,map,meta,param,rp,script,source,style,textarea,title,track,wbr"),voidTags:s("area,base,br,col,circle,ellipse,embed,frame,hr,img,input,line,link,meta,param,path,polygon,rect,source,track,use,wbr"),entities:{lt:"<",gt:">",quot:'"',apos:"'",ensp:" ",emsp:" ",nbsp:" ",semi:";",ndash:"–",mdash:"—",middot:"·",lsquo:"‘",rsquo:"’",ldquo:"“",rdquo:"”",bull:"•",hellip:"…",larr:"←",uarr:"↑",rarr:"→",darr:"↓"},tagStyle:{address:"font-style:italic",big:"display:inline;font-size:1.2em",caption:"display:table-caption;text-align:center",center:"text-align:center",cite:"font-style:italic",dd:"margin-left:40px",mark:"background-color:yellow",pre:"font-family:monospace;white-space:pre",s:"text-decoration:line-through",small:"display:inline;font-size:0.8em",strike:"text-decoration:line-through",u:"text-decoration:underline"},svgDict:{animatetransform:"animateTransform",lineargradient:"linearGradient",viewbox:"viewBox",attributename:"attributeName",repeatcount:"repeatCount",repeatdur:"repeatDur",foreignobject:"foreignObject"}},h={},c,d;if(wx.canIUse("getWindowInfo"))c=wx.getWindowInfo().windowWidth,d=wx.getDeviceInfo().system;else{var p=wx.getSystemInfoSync();c=p.windowWidth,d=p.system}var u=s(" ,\r,\n,\t,\f"),f=0;r.prototype.parse=function(t){for(var i=this.plugins.length;i--;)this.plugins[i].onUpdate&&(t=this.plugins[i].onUpdate(t,l)||t);for(new o(this).parse(t);this.stack.length;)this.popNode();return this.nodes.length>50&&a(this.nodes),this.nodes},r.prototype.expose=function(){for(var t=this.stack.length;t--;){var i=this.stack[t];if(i.c||"a"===i.name||"video"===i.name||"audio"===i.name)return;i.c=1}},r.prototype.hook=function(t){for(var i=this.plugins.length;i--;)if(this.plugins[i].onParse&&!1===this.plugins[i].onParse(t,this))return!1;return!0},r.prototype.getUrl=function(t){var i=this.options.domain;return"/"===t[0]?"/"===t[1]?t=(i?i.split("://")[0]:"http")+":"+t:i&&(t=i+t):!i||t.includes("data:")||t.includes("://")||(t=i+"/"+t),t},r.prototype.parseStyle=function(t){var i=t.attrs,e=(this.tagStyle[t.name]||"").split(";").concat((i.style||"").split(";")),s={},n="";i.id&&!this.xml&&(this.options.useAnchor?this.expose():"img"!==t.name&&"a"!==t.name&&"video"!==t.name&&"audio"!==t.name&&(i.id=void 0)),i.width&&(s.width=parseFloat(i.width)+(i.width.includes("%")?"%":"px"),i.width=void 0),i.height&&(s.height=parseFloat(i.height)+(i.height.includes("%")?"%":"px"),i.height=void 0);for(var a=0,r=e.length;a<r;a++){var o=e[a].split(":");if(!(o.length<2)){var l=o.shift().trim().toLowerCase(),h=o.join(":").trim();if("-"===h[0]&&h.lastIndexOf("-")>0||h.includes("safe"))n+=";".concat(l,":").concat(h);else if(!s[l]||h.includes("import")||!s[l].includes("import")){if(h.includes("url")){var d=h.indexOf("(")+1;if(d){for(;'"'===h[d]||"'"===h[d]||u[h[d]];)d++;h=h.substr(0,d)+this.getUrl(h.substr(d))}}else h.includes("rpx")&&(h=h.replace(/[0-9.]+\s*rpx/g,function(t){return parseFloat(t)*c/750+"px"}));s[l]=h}}}return t.attrs.style=n,s},r.prototype.onTagName=function(t){this.tagName=this.xml?t:t.toLowerCase(),"svg"===this.tagName&&(this.xml=(this.xml||0)+1,l.ignoreTags.style=void 0)},r.prototype.onAttrName=function(t){t=this.xml?t:t.toLowerCase(),"data-"===t.substr(0,5)?"data-src"!==t||this.attrs.src?"img"===this.tagName||"a"===this.tagName?this.attrName=t:this.attrName=void 0:this.attrName="src":(this.attrName=t,this.attrs[t]="T")},r.prototype.onAttrVal=function(t){var i=this.attrName||"";"style"===i||"href"===i?this.attrs[i]=n(t,!0):i.includes("src")?this.attrs[i]=this.getUrl(n(t,!0)):i&&(this.attrs[i]=t)},r.prototype.onOpenTag=function(t){var i=Object.create(null);i.name=this.tagName,i.attrs=this.attrs,this.attrs=Object.create(null);var e=i.attrs,s=this.stack[this.stack.length-1],n=s?s.children:this.nodes,a=this.xml?t:l.voidTags[i.name];if(h[i.name]&&(e.class=h[i.name]+(e.class?" "+e.class:"")),"embed"===i.name){var r=e.src||"";r.includes(".mp4")||r.includes(".3gp")||r.includes(".m3u8")||(e.type||"").includes("video")?i.name="video":(r.includes(".mp3")||r.includes(".wav")||r.includes(".aac")||r.includes(".m4a")||(e.type||"").includes("audio"))&&(i.name="audio"),e.autostart&&(e.autoplay="T"),e.controls="T"}if("video"!==i.name&&"audio"!==i.name||("video"!==i.name||e.id||(e.id="v"+f++),e.controls||e.autoplay||(e.controls="T"),i.src=[],e.src&&(i.src.push(e.src),e.src=void 0),this.expose()),a){if(!this.hook(i)||l.ignoreTags[i.name])return void("base"!==i.name||this.options.domain?"source"===i.name&&s&&("video"===s.name||"audio"===s.name)&&e.src&&s.src.push(e.src):this.options.domain=e.href);var o=this.parseStyle(i);if("img"===i.name){if(e.src&&(e.src.includes("webp")&&(i.webp="T"),e.src.includes("data:")&&"all"!==this.options.previewImg&&!e["original-src"]&&(e.ignore="T"),!e.ignore||i.webp||e.src.includes("cloud://"))){for(var d=this.stack.length;d--;){var p=this.stack[d];"table"!==p.name||i.webp||e.src.includes("cloud://")||(!o.display||o.display.includes("inline")?i.t="inline-block":i.t=o.display,o.display=void 0);var u=p.attrs.style||"";if(!u.includes("flex:")||u.includes("flex:0")||u.includes("flex: 0")||o.width&&!(parseInt(o.width)>100))if(u.includes("flex")&&"100%"===o.width)for(var g=d+1;g<this.stack.length;g++){var m=this.stack[g].attrs.style||"";if(!m.includes(";width")&&!m.includes(" width")&&0!==m.indexOf("width")){o.width="";break}}else u.includes("inline-block")&&(o.width&&"%"===o.width[o.width.length-1]?(p.attrs.style+=";max-width:"+o.width,o.width=""):p.attrs.style+=";max-width:100%");else{o.width="100% !important",o.height="";for(var v=d+1;v<this.stack.length;v++)this.stack[v].attrs.style=(this.stack[v].attrs.style||"").replace("inline-","")}"a"===p.name?i.a=p.attrs:p.c=1}i.i=this.imgList.length;var y=e["original-src"]||e.src;if(this.imgList.includes(y)){var b=y.indexOf("://");if(-1!==b){b+=3;for(var x=y.substr(0,b);b<y.length&&"/"!==y[b];b++)x+=Math.random()>.5?y[b].toUpperCase():y[b];x+=y.substr(b),y=x}}this.imgList.push(y),i.t||(this.imgList._unloadimgs+=1)}"inline"===o.display&&(o.display=""),e.ignore&&(o["max-width"]=o["max-width"]||"100%",e.style+=";-webkit-touch-callout:none"),parseInt(o.width)>c&&(o.height=void 0),isNaN(parseInt(o.width))||(i.w="T"),!isNaN(parseInt(o.height))&&(!o.height.includes("%")||s&&(s.attrs.style||"").includes("height"))&&(i.h="T"),i.w&&i.h&&o["object-fit"]&&("contain"===o["object-fit"]?i.m="aspectFit":"cover"===o["object-fit"]&&(i.m="aspectFill"))}else if("svg"===i.name)return n.push(i),this.stack.push(i),void this.popNode();for(var w in o)o[w]&&(e.style+=";".concat(w,":").concat(o[w].replace(" !important","")));e.style=e.style.substr(1)||void 0}else("pre"===i.name||(e.style||"").includes("white-space")&&e.style.includes("pre"))&&2!==this.pre&&(this.pre=i.pre=1),i.children=[],this.stack.push(i);n.push(i)},r.prototype.onCloseTag=function(t){t=this.xml?t:t.toLowerCase();var i;for(i=this.stack.length;i--&&this.stack[i].name!==t;);if(-1!==i)for(;this.stack.length>i;)this.popNode();else if("p"===t||"br"===t){var e=this.stack.length?this.stack[this.stack.length-1].children:this.nodes;e.push({name:t,attrs:{class:h[t],style:this.tagStyle[t]}})}},r.prototype.popNode=function(){var i=this.stack.pop(),e=i.attrs,s=i.children,n=this.stack[this.stack.length-1],r=n?n.children:this.nodes;if(!this.hook(i)||l.ignoreTags[i.name])return"title"===i.name&&s.length&&"text"===s[0].type&&this.options.setTitle&&wx.setNavigationBarTitle({title:s[0].text}),void r.pop();if(i.pre&&2!==this.pre){this.pre=i.pre=void 0;for(var o=this.stack.length;o--;)this.stack[o].pre&&(this.pre=1)}if("svg"===i.name){if(this.xml>1)return void this.xml--;var h="",d=e.style;return e.style="",e.xmlns="http://www.w3.org/2000/svg",function i(e){if("text"===e.type)return void(h+=e.text);var s=l.svgDict[e.name]||e.name;if("foreignObject"===s){var n,a=t(e.children||[]);try{for(a.s();!(n=a.n()).done;){var r=n.value;if(r.attrs&&!r.attrs.xmlns){r.attrs.xmlns="http://www.w3.org/1999/xhtml";break}}}catch(t){a.e(t)}finally{a.f()}}h+="<"+s;for(var o in e.attrs){var c=e.attrs[o];c&&(h+=" ".concat(l.svgDict[o]||o,'="').concat(c.replace(/"/g,""),'"'))}if(e.children){h+=">";for(var d=0;d<e.children.length;d++)i(e.children[d]);h+="</"+s+">"}else h+="/>"}(i),i.name="img",i.attrs={src:"data:image/svg+xml;utf8,"+h.replace(/#/g,"%23"),style:d,ignore:"T"},i.children=void 0,this.xml=!1,void(l.ignoreTags.style=!0)}var p={};if(e.align&&("table"===i.name?"center"===e.align?p["margin-inline-start"]=p["margin-inline-end"]="auto":p.float=e.align:p["text-align"]=e.align,e.align=void 0),e.dir&&(p.direction=e.dir,e.dir=void 0),"font"===i.name&&(e.color&&(p.color=e.color,e.color=void 0),e.face&&(p["font-family"]=e.face,e.face=void 0),e.size)){var u=parseInt(e.size);isNaN(u)||(u<1?u=1:u>7&&(u=7),p["font-size"]=["x-small","small","medium","large","x-large","xx-large","xxx-large"][u-1]),e.size=void 0}if((e.class||"").includes("align-center")&&(p["text-align"]="center"),Object.assign(p,this.parseStyle(i)),"table"!==i.name&&parseInt(p.width)>c&&(p["max-width"]="100%",p["box-sizing"]="border-box"),l.blockTags[i.name])i.name="div";else if(l.trustTags[i.name]||this.xml)if("a"===i.name||"ad"===i.name)this.expose();else if("video"===i.name||"audio"===i.name)(p.height||"").includes("auto")&&(p.height=void 0),i.children=void 0;else if("ul"!==i.name&&"ol"!==i.name||!i.c)if("table"===i.name){var f=parseFloat(e.cellpadding),g=parseFloat(e.cellspacing),m=parseFloat(e.border),v=p["border-color"],y=p["border-style"];if(i.c&&(isNaN(f)&&(f=2),isNaN(g)&&(g=2)),m&&(e.style+=";border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray")),i.flag&&i.c){i.flag=void 0,p.display="grid","collapse"===p["border-collapse"]&&(p["border-collapse"]=void 0,g=0),g?(p["grid-gap"]=g+"px",p.padding=g+"px"):m&&(e.style+=";border-left:0;border-top:0");var b=[],x=[],w=[],k={};!function i(e){for(var s=0;s<e.length;s++)if("tr"===e[s].name)x.push(e[s]);else if("colgroup"===e[s].name){var n,a=1,r=t(e[s].children||[]);try{for(r.s();!(n=r.n()).done;){var o=n.value;if("col"===o.name){var l=o.attrs.style||"",h=l.indexOf("width")?l.indexOf(";width"):0;if(-1!==h){var c=l.indexOf(";",h+6);-1===c&&(c=l.length),b[a]=l.substring(h?h+7:6,c)}a+=1}}}catch(t){r.e(t)}finally{r.f()}}else i(e[s].children||[])}(s);for(var N=1;N<=x.length;N++){for(var T=1,O=0;O<x[N-1].children.length;O++){var j=x[N-1].children[O];if("td"===j.name||"th"===j.name){for(;k[N+"."+T];)T++;j.c=1;var I=j.attrs.style||"",S=I.indexOf("width")?I.indexOf(";width"):0;if(-1!==S){var C=I.indexOf(";",S+6);-1===C&&(C=I.length),j.attrs.colspan||(b[T]=I.substring(S?S+7:6,C)),I=I.substr(0,S)+I.substr(C)}if(I+=";display:flex;flex-direction:column",-1!==(S=I.indexOf("vertical-align"))){var A=I.substr(S+15,10);A.includes("middle")?I+=";justify-content:center":A.includes("bottom")&&(I+=";justify-content:flex-end")}else I+=";justify-content:center";if(-1!==(S=I.indexOf("text-align"))){var L=I.substr(S+11,10);L.includes("center")?I+=";justify-content: center":L.includes("right")&&(I+=";justify-content: right")}if(I=(m?";border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray")+(g?"":";border-right:0;border-bottom:0"):"")+(f?";padding:".concat(f,"px"):"")+";"+I,j.attrs.colspan&&(I+=";grid-column-start:".concat(T,";grid-column-end:").concat(T+parseInt(j.attrs.colspan)),j.attrs.rowspan||(I+=";grid-row-start:".concat(N,";grid-row-end:").concat(N+1)),T+=parseInt(j.attrs.colspan)-1),j.attrs.rowspan){I+=";grid-row-start:".concat(N,";grid-row-end:").concat(N+parseInt(j.attrs.rowspan)),j.attrs.colspan||(I+=";grid-column-start:".concat(T,";grid-column-end:").concat(T+1));for(var z=1;z<j.attrs.rowspan;z++)for(var U=0;U<(j.attrs.colspan||1);U++)k[N+z+"."+(T-U)]=1}I&&(j.attrs.style=I),w.push(j),T++}}if(1===N){for(var F="",q=1;q<T;q++)F+=(b[q]?b[q]:"auto")+" ";p["grid-template-columns"]=F}}i.children=w}else i.c&&(p.display="table"),isNaN(g)||(p["border-spacing"]=g+"px"),(m||f||i.c)&&function t(e){for(var s=0;s<e.length;s++){var n=e[s];i.c&&(n.c=1),"th"===n.name||"td"===n.name?(m&&(n.attrs.style="border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray",";").concat(n.attrs.style||"")),f&&(n.attrs.style="padding:".concat(f,"px;").concat(n.attrs.style||""))):n.children&&t(n.children)}}(s);if(this.options.scrollTable&&!(e.style||"").includes("inline")){var V=Object.assign({},i);i.name="div",i.attrs={style:"overflow-x:auto;padding:1px"},i.children=[V],e=V.attrs}}else if(("tbody"===i.name||"tr"===i.name)&&i.flag&&i.c)i.flag=void 0,function t(i){for(var e=0;e<i.length;e++)if("td"===i[e].name)for(var s=0,n=["color","background","background-color"];s<n.length;s++){var a=n[s];p[a]&&(i[e].attrs.style=a+":"+p[a]+";"+(i[e].attrs.style||""))}else t(i[e].children||[])}(s);else if("td"!==i.name&&"th"!==i.name||!e.colspan&&!e.rowspan){if("ruby"===i.name){i.name="span";for(var D=0;D<s.length-1;D++)"text"===s[D].type&&"rt"===s[D+1].name&&(s[D]={name:"span",attrs:{style:"display:inline-block;text-align:center"},children:[{name:"div",attrs:{style:"font-size:50%;"+(s[D+1].attrs.style||"")},children:s[D+1].children},s[D]]},s.splice(D+1,1))}}else for(var W=this.stack.length;W--;)"table"!==this.stack[W].name&&"tbody"!==this.stack[W].name&&"tr"!==this.stack[W].name||(this.stack[W].flag=1);else{var B={a:"lower-alpha",A:"upper-alpha",i:"lower-roman",I:"upper-roman"};B[e.type]&&(e.style+=";list-style-type:"+B[e.type],e.type=void 0),i.c=1;for(var M=s.length;M--;)"li"===s[M].name&&(s[M].c=1)}else i.name="span";if((p.display||"").includes("flex")&&!i.c)for(var P=s.length;P--;){var Z=s[P];Z.f&&(Z.attrs.style=(Z.attrs.style||"")+Z.f,Z.f=void 0)}var _=n&&((n.attrs.style||"").includes("flex")||(n.attrs.style||"").includes("grid"))&&!i.c&&!(p.display||"").includes("inline");_&&(i.f=";max-width:100%"),s.length>=50&&i.c&&!(p.display||"").includes("flex")&&a(s);for(var E in p)if(p[E]){var G=";".concat(E,":").concat(p[E].replace(" !important",""));_&&(E.includes("flex")&&"flex-direction"!==E||"align-self"===E||E.includes("grid")||"-"===p[E][0]||E.includes("width")&&G.includes("%"))?(i.f+=G,"width"===E&&(e.style+=";width:100%")):e.style+=G}e.style=e.style.substr(1)||void 0},r.prototype.onText=function(t){if(!this.pre){for(var i,e="",s=0,a=t.length;s<a;s++)u[t[s]]?(" "!==e[e.length-1]&&(e+=" "),"\n"!==t[s]||i||(i=!0)):e+=t[s];if(" "===e&&i)return;t=e}var r=Object.create(null);if(r.type="text",r.text=n(t),this.hook(r)){"force"===this.options.selectable&&d.includes("iOS")&&!wx.canIUse("rich-text.user-select")&&this.expose();(this.stack.length?this.stack[this.stack.length-1].children:this.nodes).push(r)}},o.prototype.parse=function(t){this.content=t||"",this.i=0,this.start=0,this.state=this.text;for(var i=this.content.length;-1!==this.i&&this.i<i;)this.state()},o.prototype.checkClose=function(t){var i="/"===this.content[this.i];return!!(">"===this.content[this.i]||i&&">"===this.content[this.i+1])&&(t&&this.handler[t](this.content.substring(this.start,this.i)),this.i+=i?2:1,this.start=this.i,this.handler.onOpenTag(i),"script"===this.handler.tagName?(this.i=this.content.indexOf("</",this.i),-1!==this.i&&(this.i+=2,this.start=this.i),this.state=this.endTag):this.state=this.text,!0)},o.prototype.text=function(){if(this.i=this.content.indexOf("<",this.i),-1===this.i)return void(this.start<this.content.length&&this.handler.onText(this.content.substring(this.start,this.content.length)));var t=this.content[this.i+1];if(t>="a"&&t<="z"||t>="A"&&t<="Z")this.start!==this.i&&this.handler.onText(this.content.substring(this.start,this.i)),this.start=++this.i,this.state=this.tagName;else if("/"===t||"!"===t||"?"===t){this.start!==this.i&&this.handler.onText(this.content.substring(this.start,this.i));var i=this.content[this.i+2];if("/"===t&&(i>="a"&&i<="z"||i>="A"&&i<="Z"))return this.i+=2,this.start=this.i,void(this.state=this.endTag);var e="--\x3e";"!"===t&&"-"===this.content[this.i+2]&&"-"===this.content[this.i+3]||(e=">"),this.i=this.content.indexOf(e,this.i),-1!==this.i&&(this.i+=e.length,this.start=this.i)}else this.i++},o.prototype.tagName=function(){if(u[this.content[this.i]]){for(this.handler.onTagName(this.content.substring(this.start,this.i));u[this.content[++this.i]];);this.i<this.content.length&&!this.checkClose()&&(this.start=this.i,this.state=this.attrName)}else this.checkClose("onTagName")||this.i++},o.prototype.attrName=function(){var t=this.content[this.i];if(u[t]||"="===t){this.handler.onAttrName(this.content.substring(this.start,this.i));for(var i="="===t,e=this.content.length;++this.i<e;)if(t=this.content[this.i],!u[t]){if(this.checkClose())return;if(i)return this.start=this.i,void(this.state=this.attrVal);if("="!==this.content[this.i])return this.start=this.i,void(this.state=this.attrName);i=!0}}else this.checkClose("onAttrName")||this.i++},o.prototype.attrVal=function(){var t=this.content[this.i],i=this.content.length;if('"'===t||"'"===t){if(this.start=++this.i,this.i=this.content.indexOf(t,this.i),-1===this.i)return;this.handler.onAttrVal(this.content.substring(this.start,this.i))}else for(;this.i<i;this.i++){if(u[this.content[this.i]]){this.handler.onAttrVal(this.content.substring(this.start,this.i));break}if(this.checkClose("onAttrVal"))return}for(;u[this.content[++this.i]];);this.i<i&&!this.checkClose()&&(this.start=this.i,this.state=this.attrName)},o.prototype.endTag=function(){var t=this.content[this.i];if(u[t]||">"===t||"/"===t){if(this.handler.onCloseTag(this.content.substring(this.start,this.i)),">"!==t&&(this.i=this.content.indexOf(">",this.i),-1===this.i))return;this.start=++this.i,this.state=this.text}else this.i++},module.exports=r;
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/uni-app/components/mp-html/mp-html.vue b/wechat-mini-program/components/mp-html/dist/uni-app/components/mp-html/mp-html.vue
new file mode 100644
index 0000000..e45654f
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/uni-app/components/mp-html/mp-html.vue
@@ -0,0 +1,498 @@
+<template>
+  <view id="_root" :class="(selectable?'_select ':'')+'_root'" :style="containerStyle">
+    <slot v-if="!nodes[0]" />
+    <!-- #ifndef APP-PLUS-NVUE -->
+    <node v-else :childs="nodes" :opts="[lazyLoad,loadingImg,errorImg,showImgMenu,selectable]" name="span" />
+    <!-- #endif -->
+    <!-- #ifdef APP-PLUS-NVUE -->
+    <web-view ref="web" src="/static/app-plus/mp-html/local.html" :style="'margin-top:-2px;height:' + height + 'px'" @onPostMessage="_onMessage" />
+    <!-- #endif -->
+  </view>
+</template>
+
+<script>
+/**
+ * mp-html v2.5.1
+ * @description 富文本组件
+ * @tutorial https://github.com/jin-yufeng/mp-html
+ * @property {String} container-style 容器的样式
+ * @property {String} content 用于渲染的 html 字符串
+ * @property {Boolean} copy-link 是否允许外部链接被点击时自动复制
+ * @property {String} domain 主域名，用于拼接链接
+ * @property {String} error-img 图片出错时的占位图链接
+ * @property {Boolean} lazy-load 是否开启图片懒加载
+ * @property {string} loading-img 图片加载过程中的占位图链接
+ * @property {Boolean} pause-video 是否在播放一个视频时自动暂停其他视频
+ * @property {Boolean} preview-img 是否允许图片被点击时自动预览
+ * @property {Boolean} scroll-table 是否给每个表格添加一个滚动层使其能单独横向滚动
+ * @property {Boolean | String} selectable 是否开启长按复制
+ * @property {Boolean} set-title 是否将 title 标签的内容设置到页面标题
+ * @property {Boolean} show-img-menu 是否允许图片被长按时显示菜单
+ * @property {Object} tag-style 标签的默认样式
+ * @property {Boolean | Number} use-anchor 是否使用锚点链接
+ * @event {Function} load dom 结构加载完毕时触发
+ * @event {Function} ready 所有图片加载完毕时触发
+ * @event {Function} imgtap 图片被点击时触发
+ * @event {Function} linktap 链接被点击时触发
+ * @event {Function} play 音视频播放时触发
+ * @event {Function} error 媒体加载出错时触发
+ */
+// #ifndef APP-PLUS-NVUE
+import node from './node/node'
+// #endif
+import Parser from './parser'
+const plugins=[]
+// #ifdef APP-PLUS-NVUE
+const dom = weex.requireModule('dom')
+// #endif
+export default {
+  name: 'mp-html',
+  data () {
+    return {
+      nodes: [],
+      // #ifdef APP-PLUS-NVUE
+      height: 3
+      // #endif
+    }
+  },
+  props: {
+    containerStyle: {
+      type: String,
+      default: ''
+    },
+    content: {
+      type: String,
+      default: ''
+    },
+    copyLink: {
+      type: [Boolean, String],
+      default: true
+    },
+    domain: String,
+    errorImg: {
+      type: String,
+      default: ''
+    },
+    lazyLoad: {
+      type: [Boolean, String],
+      default: false
+    },
+    loadingImg: {
+      type: String,
+      default: ''
+    },
+    pauseVideo: {
+      type: [Boolean, String],
+      default: true
+    },
+    previewImg: {
+      type: [Boolean, String],
+      default: true
+    },
+    scrollTable: [Boolean, String],
+    selectable: [Boolean, String],
+    setTitle: {
+      type: [Boolean, String],
+      default: true
+    },
+    showImgMenu: {
+      type: [Boolean, String],
+      default: true
+    },
+    tagStyle: Object,
+    useAnchor: [Boolean, Number]
+  },
+  // #ifdef VUE3
+  emits: ['load', 'ready', 'imgtap', 'linktap', 'play', 'error'],
+  // #endif
+  // #ifndef APP-PLUS-NVUE
+  components: {
+    node
+  },
+  // #endif
+  watch: {
+    content (content) {
+      this.setContent(content)
+    }
+  },
+  created () {
+    this.plugins = []
+    for (let i = plugins.length; i--;) {
+      this.plugins.push(new plugins[i](this))
+    }
+  },
+  mounted () {
+    if (this.content && !this.nodes.length) {
+      this.setContent(this.content)
+    }
+  },
+  beforeDestroy () {
+    this._hook('onDetached')
+  },
+  methods: {
+    /**
+     * @description 将锚点跳转的范围限定在一个 scroll-view 内
+     * @param {Object} page scroll-view 所在页面的示例
+     * @param {String} selector scroll-view 的选择器
+     * @param {String} scrollTop scroll-view scroll-top 属性绑定的变量名
+     */
+    in (page, selector, scrollTop) {
+      // #ifndef APP-PLUS-NVUE
+      if (page && selector && scrollTop) {
+        this._in = {
+          page,
+          selector,
+          scrollTop
+        }
+      }
+      // #endif
+    },
+
+    /**
+     * @description 锚点跳转
+     * @param {String} id 要跳转的锚点 id
+     * @param {Number} offset 跳转位置的偏移量
+     * @returns {Promise}
+     */
+    navigateTo (id, offset) {
+      return new Promise((resolve, reject) => {
+        if (!this.useAnchor) {
+          reject(Error('Anchor is disabled'))
+          return
+        }
+        offset = offset || parseInt(this.useAnchor) || 0
+        // #ifdef APP-PLUS-NVUE
+        if (!id) {
+          dom.scrollToElement(this.$refs.web, {
+            offset
+          })
+          resolve()
+        } else {
+          this._navigateTo = {
+            resolve,
+            reject,
+            offset
+          }
+          this.$refs.web.evalJs('uni.postMessage({data:{action:"getOffset",offset:(document.getElementById(' + id + ')||{}).offsetTop}})')
+        }
+        // #endif
+        // #ifndef APP-PLUS-NVUE
+        let deep = ' '
+        // #ifdef MP-WEIXIN || MP-QQ || MP-TOUTIAO
+        deep = '>>>'
+        // #endif
+        const selector = uni.createSelectorQuery()
+          // #ifndef MP-ALIPAY
+          .in(this._in ? this._in.page : this)
+          // #endif
+          .select((this._in ? this._in.selector : '._root') + (id ? `${deep}#${id}` : '')).boundingClientRect()
+        if (this._in) {
+          selector.select(this._in.selector).scrollOffset()
+            .select(this._in.selector).boundingClientRect()
+        } else {
+          // 获取 scroll-view 的位置和滚动距离
+          selector.selectViewport().scrollOffset() // 获取窗口的滚动距离
+        }
+        selector.exec(res => {
+          if (!res[0]) {
+            reject(Error('Label not found'))
+            return
+          }
+          const scrollTop = res[1].scrollTop + res[0].top - (res[2] ? res[2].top : 0) + offset
+          if (this._in) {
+            // scroll-view 跳转
+            this._in.page[this._in.scrollTop] = scrollTop
+          } else {
+            // 页面跳转
+            uni.pageScrollTo({
+              scrollTop,
+              duration: 300
+            })
+          }
+          resolve()
+        })
+        // #endif
+      })
+    },
+
+    /**
+     * @description 获取文本内容
+     * @return {String}
+     */
+    getText (nodes) {
+      let text = '';
+      (function traversal (nodes) {
+        for (let i = 0; i < nodes.length; i++) {
+          const node = nodes[i]
+          if (node.type === 'text') {
+            text += node.text.replace(/&amp;/g, '&')
+          } else if (node.name === 'br') {
+            text += '\n'
+          } else {
+            // 块级标签前后加换行
+            const isBlock = node.name === 'p' || node.name === 'div' || node.name === 'tr' || node.name === 'li' || (node.name[0] === 'h' && node.name[1] > '0' && node.name[1] < '7')
+            if (isBlock && text && text[text.length - 1] !== '\n') {
+              text += '\n'
+            }
+            // 递归获取子节点的文本
+            if (node.children) {
+              traversal(node.children)
+            }
+            if (isBlock && text[text.length - 1] !== '\n') {
+              text += '\n'
+            } else if (node.name === 'td' || node.name === 'th') {
+              text += '\t'
+            }
+          }
+        }
+      })(nodes || this.nodes)
+      return text
+    },
+
+    /**
+     * @description 获取内容大小和位置
+     * @return {Promise}
+     */
+    getRect () {
+      return new Promise((resolve, reject) => {
+        uni.createSelectorQuery()
+          // #ifndef MP-ALIPAY
+          .in(this)
+          // #endif
+          .select('#_root').boundingClientRect().exec(res => res[0] ? resolve(res[0]) : reject(Error('Root label not found')))
+      })
+    },
+
+    /**
+     * @description 暂停播放媒体
+     */
+    pauseMedia () {
+      for (let i = (this._videos || []).length; i--;) {
+        this._videos[i].pause()
+      }
+      // #ifdef APP-PLUS
+      const command = 'for(var e=document.getElementsByTagName("video"),i=e.length;i--;)e[i].pause()'
+      // #ifndef APP-PLUS-NVUE
+      let page = this.$parent
+      while (!page.$scope) page = page.$parent
+      page.$scope.$getAppWebview().evalJS(command)
+      // #endif
+      // #ifdef APP-PLUS-NVUE
+      this.$refs.web.evalJs(command)
+      // #endif
+      // #endif
+    },
+
+    /**
+     * @description 设置媒体播放速率
+     * @param {Number} rate 播放速率
+     */
+    setPlaybackRate (rate) {
+      this.playbackRate = rate
+      for (let i = (this._videos || []).length; i--;) {
+        this._videos[i].playbackRate(rate)
+      }
+      // #ifdef APP-PLUS
+      const command = 'for(var e=document.getElementsByTagName("video"),i=e.length;i--;)e[i].playbackRate=' + rate
+      // #ifndef APP-PLUS-NVUE
+      let page = this.$parent
+      while (!page.$scope) page = page.$parent
+      page.$scope.$getAppWebview().evalJS(command)
+      // #endif
+      // #ifdef APP-PLUS-NVUE
+      this.$refs.web.evalJs(command)
+      // #endif
+      // #endif
+    },
+
+    /**
+     * @description 设置内容
+     * @param {String} content html 内容
+     * @param {Boolean} append 是否在尾部追加
+     */
+    setContent (content, append) {
+      if (!append || !this.imgList) {
+        this.imgList = []
+      }
+      const nodes = new Parser(this).parse(content)
+      // #ifdef APP-PLUS-NVUE
+      if (this._ready) {
+        this._set(nodes, append)
+      }
+      // #endif
+      this.$set(this, 'nodes', append ? (this.nodes || []).concat(nodes) : nodes)
+
+      // #ifndef APP-PLUS-NVUE
+      this._videos = []
+      this.$nextTick(() => {
+        this._hook('onLoad')
+        this.$emit('load')
+      })
+
+      if (this.lazyLoad || this.imgList._unloadimgs < this.imgList.length / 2) {
+        // 设置懒加载，每 350ms 获取高度，不变则认为加载完毕
+        let height = 0
+        const callback = rect => {
+          if (!rect || !rect.height) rect = {}
+          // 350ms 总高度无变化就触发 ready 事件
+          if (rect.height === height) {
+            this.$emit('ready', rect)
+          } else {
+            height = rect.height
+            setTimeout(() => {
+              this.getRect().then(callback).catch(callback)
+            }, 350)
+          }
+        }
+        this.getRect().then(callback).catch(callback)
+      } else {
+        // 未设置懒加载，等待所有图片加载完毕
+        if (!this.imgList._unloadimgs) {
+          this.getRect().then(rect => {
+            this.$emit('ready', rect)
+          }).catch(() => {
+            this.$emit('ready', {})
+          })
+        }
+      }
+      // #endif
+    },
+
+    /**
+     * @description 调用插件钩子函数
+     */
+    _hook (name) {
+      for (let i = plugins.length; i--;) {
+        if (this.plugins[i][name]) {
+          this.plugins[i][name]()
+        }
+      }
+    },
+
+    // #ifdef APP-PLUS-NVUE
+    /**
+     * @description 设置内容
+     */
+    _set (nodes, append) {
+      this.$refs.web.evalJs('setContent(' + JSON.stringify(nodes).replace(/%22/g, '') + ',' + JSON.stringify([this.containerStyle.replace(/(?:margin|padding)[^;]+/g, ''), this.errorImg, this.loadingImg, this.pauseVideo, this.scrollTable, this.selectable]) + ',' + append + ')')
+    },
+
+    /**
+     * @description 接收到 web-view 消息
+     */
+    _onMessage (e) {
+      const message = e.detail.data[0]
+      switch (message.action) {
+        // web-view 初始化完毕
+        case 'onJSBridgeReady':
+          this._ready = true
+          if (this.nodes) {
+            this._set(this.nodes)
+          }
+          break
+        // 内容 dom 加载完毕
+        case 'onLoad':
+          this.height = message.height
+          this._hook('onLoad')
+          this.$emit('load')
+          break
+        // 所有图片加载完毕
+        case 'onReady':
+          this.getRect().then(res => {
+            this.$emit('ready', res)
+          }).catch(() => {
+            this.$emit('ready', {})
+          })
+          break
+        // 总高度发生变化
+        case 'onHeightChange':
+          this.height = message.height
+          break
+        // 图片点击
+        case 'onImgTap':
+          this.$emit('imgtap', message.attrs)
+          if (this.previewImg) {
+            uni.previewImage({
+              current: parseInt(message.attrs.i),
+              urls: this.imgList
+            })
+          }
+          break
+        // 链接点击
+        case 'onLinkTap': {
+          const href = message.attrs.href
+          this.$emit('linktap', message.attrs)
+          if (href) {
+            // 锚点跳转
+            if (href[0] === '#') {
+              if (this.useAnchor) {
+                dom.scrollToElement(this.$refs.web, {
+                  offset: message.offset
+                })
+              }
+            } else if (href.includes('://')) {
+              // 打开外链
+              if (this.copyLink) {
+                plus.runtime.openWeb(href)
+              }
+            } else {
+              uni.navigateTo({
+                url: href,
+                fail () {
+                  uni.switchTab({
+                    url: href
+                  })
+                }
+              })
+            }
+          }
+          break
+        }
+        case 'onPlay':
+          this.$emit('play')
+          break
+        // 获取到锚点的偏移量
+        case 'getOffset':
+          if (typeof message.offset === 'number') {
+            dom.scrollToElement(this.$refs.web, {
+              offset: message.offset + this._navigateTo.offset
+            })
+            this._navigateTo.resolve()
+          } else {
+            this._navigateTo.reject(Error('Label not found'))
+          }
+          break
+        // 点击
+        case 'onClick':
+          this.$emit('tap')
+          this.$emit('click')
+          break
+        // 出错
+        case 'onError':
+          this.$emit('error', {
+            source: message.source,
+            attrs: message.attrs
+          })
+      }
+    }
+    // #endif
+  }
+}
+</script>
+
+<style>
+/* #ifndef APP-PLUS-NVUE */
+/* 根节点样式 */
+._root {
+  padding: 1px 0;
+  overflow-x: auto;
+  overflow-y: hidden;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 长按复制 */
+._select {
+  user-select: text;
+}
+/* #endif */
+</style>
diff --git a/wechat-mini-program/components/mp-html/dist/uni-app/components/mp-html/node/node.vue b/wechat-mini-program/components/mp-html/dist/uni-app/components/mp-html/node/node.vue
new file mode 100644
index 0000000..d3457c5
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/uni-app/components/mp-html/node/node.vue
@@ -0,0 +1,597 @@
+<template>
+  <view :id="attrs.id" :class="'_block _'+name+' '+attrs.class" :style="attrs.style">
+    <block v-for="(n, i) in childs" v-bind:key="i">
+      <!-- 图片 -->
+      <!-- 占位图 -->
+      <image v-if="n.name==='img'&&!n.t&&((opts[1]&&!ctrl[i])||ctrl[i]<0)" class="_img" :style="n.attrs.style" :src="ctrl[i]<0?opts[2]:opts[1]" mode="widthFix" />
+      <!-- 显示图片 -->
+      <!-- #ifdef H5 || (APP-PLUS && VUE2) -->
+      <img v-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+n.attrs.style" :src="n.attrs.src||(ctrl.load?n.attrs['data-src']:'')" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap" @longpress="imgLongTap" />
+      <!-- #endif -->
+      <!-- #ifndef H5 || (APP-PLUS && VUE2) -->
+      <!-- 表格中的图片，使用 rich-text 防止大小不正确 -->
+      <rich-text v-if="n.name==='img'&&n.t" :style="'display:'+n.t" :nodes="[{attrs:{style:n.attrs.style||'',src:n.attrs.src},name:'img'}]" :data-i="i" @tap.stop="imgTap" />
+      <!-- #endif -->
+      <!-- #ifdef APP-HARMONY -->
+      <image v-else-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+'width:'+ctrl[i]+'px;'+n.attrs.style" :src="n.attrs.src||(ctrl.load?n.attrs['data-src']:'')" :mode="!n.h?'widthFix':(!n.w?'heightFix':(n.m||'scaleToFill'))" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap" @longpress="imgLongTap" />
+      <!-- #endif -->
+      <!-- #ifndef H5 || APP-PLUS || MP-KUAISHOU -->
+      <image v-else-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+'width:'+(ctrl[i]||1)+'px;height:1px;'+n.attrs.style" :src="n.attrs.src" :mode="!n.h?'widthFix':(!n.w?'heightFix':(n.m||'scaleToFill'))" :lazy-load="opts[0]" :webp="n.webp" :show-menu-by-longpress="opts[3]&&!n.attrs.ignore" :image-menu-prevent="!opts[3]||n.attrs.ignore" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap" @longpress="imgLongTap" />
+      <!-- #endif -->
+      <!-- #ifdef MP-KUAISHOU -->
+      <image v-else-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+n.attrs.style" :src="n.attrs.src" :lazy-load="opts[0]" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap"></image>
+      <!-- #endif -->
+      <!-- #ifdef APP-PLUS && VUE3 -->
+      <image v-else-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+'width:'+(ctrl[i]||1)+'px;'+n.attrs.style" :src="n.attrs.src||(ctrl.load?n.attrs['data-src']:'')" :mode="!n.h?'widthFix':(!n.w?'heightFix':(n.m||''))" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap" @longpress="imgLongTap" />
+      <!-- #endif -->
+      <!-- 文本 -->
+      <!-- #ifdef MP-WEIXIN -->
+      <text v-else-if="n.text" :user-select="opts[4]=='force'&&isiOS" decode>{{n.text}}</text>
+      <!-- #endif -->
+      <!-- #ifndef MP-WEIXIN || MP-BAIDU || MP-ALIPAY || MP-TOUTIAO -->
+      <text v-else-if="n.text" decode>{{n.text}}</text>
+      <!-- #endif -->
+      <text v-else-if="n.name==='br'">\n</text>
+      <!-- 链接 -->
+      <view v-else-if="n.name==='a'" :id="n.attrs.id" :class="(n.attrs.href?'_a ':'')+n.attrs.class" hover-class="_hover" :style="'display:inline;'+n.attrs.style" :data-i="i" @tap.stop="linkTap">
+        <node name="span" :childs="n.children" :opts="opts" style="display:inherit" />
+      </view>
+      <!-- 视频 -->
+      <!-- #ifdef APP-PLUS -->
+      <view v-else-if="n.html" :id="n.attrs.id" :class="'_video '+n.attrs.class" :style="n.attrs.style" v-html="n.html" :data-i="i" @vplay.stop="play" />
+      <!-- #endif -->
+      <!-- #ifndef APP-PLUS -->
+      <video v-else-if="n.name==='video'" :id="n.attrs.id" :class="n.attrs.class" :style="n.attrs.style" :autoplay="n.attrs.autoplay" :controls="n.attrs.controls" :loop="n.attrs.loop" :muted="n.attrs.muted" :object-fit="n.attrs['object-fit']" :poster="n.attrs.poster" :src="n.src[ctrl[i]||0]" :data-i="i" @play="play" @error="mediaError" />
+      <!-- #endif -->
+      <!-- #ifdef H5 || APP-PLUS -->
+      <iframe v-else-if="n.name==='iframe'" :style="n.attrs.style" :allowfullscreen="n.attrs.allowfullscreen" :frameborder="n.attrs.frameborder" :src="n.attrs.src" />
+      <embed v-else-if="n.name==='embed'" :style="n.attrs.style" :src="n.attrs.src" />
+      <!-- #endif -->
+      <!-- #ifndef MP-TOUTIAO || ((H5 || APP-PLUS) && VUE3) -->
+      <!-- 音频 -->
+      <audio v-else-if="n.name==='audio'" :id="n.attrs.id" :class="n.attrs.class" :style="n.attrs.style" :author="n.attrs.author" :controls="n.attrs.controls" :loop="n.attrs.loop" :name="n.attrs.name" :poster="n.attrs.poster" :src="n.src[ctrl[i]||0]" :data-i="i" @play="play" @error="mediaError" />
+      <!-- #endif -->
+      <view v-else-if="(n.name==='table'&&n.c)||n.name==='li'" :id="n.attrs.id" :class="'_'+n.name+' '+n.attrs.class" :style="n.attrs.style">
+        <node v-if="n.name==='li'" :childs="n.children" :opts="opts" />
+        <view v-else v-for="(tbody, x) in n.children" v-bind:key="x" :class="'_'+tbody.name+' '+tbody.attrs.class" :style="tbody.attrs.style">
+          <node v-if="tbody.name==='td'||tbody.name==='th'" :childs="tbody.children" :opts="opts" />
+          <block v-else v-for="(tr, y) in tbody.children" v-bind:key="y">
+            <view v-if="tr.name==='td'||tr.name==='th'" :class="'_'+tr.name+' '+tr.attrs.class" :style="tr.attrs.style">
+              <node :childs="tr.children" :opts="opts" />
+            </view>
+            <view v-else :class="'_'+tr.name+' '+tr.attrs.class" :style="tr.attrs.style">
+              <view v-for="(td, z) in tr.children" v-bind:key="z" :class="'_'+td.name+' '+td.attrs.class" :style="td.attrs.style">
+                <node :childs="td.children" :opts="opts" />
+              </view>
+            </view>
+          </block>
+        </view>
+      </view>
+      
+      <!-- 富文本 -->
+      <!-- #ifdef H5 || ((MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE2) -->
+      <rich-text v-else-if="!n.c&&!handler.isInline(n.name, n.attrs.style)" :id="n.attrs.id" :style="n.f" :user-select="opts[4]" :nodes="[n]" />
+      <!-- #endif -->
+      <!-- #ifndef H5 || ((MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE2) -->
+      <rich-text v-else-if="!n.c" :id="n.attrs.id" :style="'display:inline;'+n.f" :preview="false" :selectable="opts[4]" :user-select="opts[4]" :nodes="[n]" />
+      <!-- #endif -->
+      <!-- 继续递归 -->
+      <view v-else-if="n.c===2" :id="n.attrs.id" :class="'_block _'+n.name+' '+n.attrs.class" :style="n.f+';'+n.attrs.style">
+        <node v-for="(n2, j) in n.children" v-bind:key="j" :style="n2.f" :name="n2.name" :attrs="n2.attrs" :childs="n2.children" :opts="opts" />
+      </view>
+      <node v-else :style="n.f" :name="n.name" :attrs="n.attrs" :childs="n.children" :opts="opts" />
+    </block>
+  </view>
+</template>
+<script module="handler" lang="wxs">
+// 行内标签列表
+var inlineTags = {
+  abbr: true,
+  b: true,
+  big: true,
+  code: true,
+  del: true,
+  em: true,
+  i: true,
+  ins: true,
+  label: true,
+  q: true,
+  small: true,
+  span: true,
+  strong: true,
+  sub: true,
+  sup: true
+}
+/**
+ * @description 判断是否为行内标签
+ */
+module.exports = {
+  isInline: function (tagName, style) {
+    return inlineTags[tagName] || (style || '').indexOf('display:inline') !== -1
+  }
+}
+</script>
+<script>
+
+import node from './node'
+export default {
+  name: 'node',
+  options: {
+    // #ifdef MP-WEIXIN
+    virtualHost: true,
+    // #endif
+    // #ifdef MP-TOUTIAO
+    addGlobalClass: false
+    // #endif
+  },
+  data () {
+    return {
+      ctrl: {},
+      // #ifdef MP-WEIXIN
+      isiOS: uni.getSystemInfoSync().system.includes('iOS')
+      // #endif
+    }
+  },
+  props: {
+    name: String,
+    attrs: {
+      type: Object,
+      default () {
+        return {}
+      }
+    },
+    childs: Array,
+    opts: Array
+  },
+  components: {
+
+    // #ifndef ((H5 || APP-PLUS) && VUE3) || APP-HARMONY
+    node
+    // #endif
+  },
+  mounted () {
+    this.$nextTick(() => {
+      for (this.root = this.$parent; this.root.$options.name !== 'mp-html'; this.root = this.root.$parent);
+    })
+    // #ifdef H5 || APP-PLUS
+    if (this.opts[0]) {
+      let i
+      for (i = this.childs.length; i--;) {
+        if (this.childs[i].name === 'img') break
+      }
+      if (i !== -1) {
+        this.observer = uni.createIntersectionObserver(this).relativeToViewport({
+          top: 500,
+          bottom: 500
+        })
+        this.observer.observe('._img', res => {
+          if (res.intersectionRatio) {
+            this.$set(this.ctrl, 'load', 1)
+            this.observer.disconnect()
+          }
+        })
+      }
+    }
+    // #endif
+  },
+  beforeDestroy () {
+    // #ifdef H5 || APP-PLUS
+    if (this.observer) {
+      this.observer.disconnect()
+    }
+    // #endif
+  },
+  methods:{
+    // #ifdef MP-WEIXIN
+    toJSON () { return this },
+    // #endif
+    /**
+     * @description 播放视频事件
+     * @param {Event} e
+     */
+    play (e) {
+      const i = e.currentTarget.dataset.i
+      const node = this.childs[i]
+      this.root.$emit('play', {
+        source: node.name,
+        attrs: {
+          ...node.attrs,
+          src: node.src[this.ctrl[i] || 0]
+        }
+      })
+      // #ifndef APP-PLUS
+      if (this.root.pauseVideo) {
+        let flag = false
+        const id = e.target.id
+        for (let i = this.root._videos.length; i--;) {
+          if (this.root._videos[i].id === id) {
+            flag = true
+          } else {
+            this.root._videos[i].pause() // 自动暂停其他视频
+          }
+        }
+        // 将自己加入列表
+        if (!flag) {
+          const ctx = uni.createVideoContext(id
+            // #ifndef MP-BAIDU
+            , this
+            // #endif
+          )
+          ctx.id = id
+          if (this.root.playbackRate) {
+            ctx.playbackRate(this.root.playbackRate)
+          }
+          this.root._videos.push(ctx)
+        }
+      }
+      // #endif
+    },
+
+    /**
+     * @description 图片点击事件
+     * @param {Event} e
+     */
+    imgTap (e) {
+      const node = this.childs[e.currentTarget.dataset.i]
+      if (node.a) {
+        this.linkTap(node.a)
+        return
+      }
+      if (node.attrs.ignore) return
+      // #ifdef H5 || APP-PLUS
+      node.attrs.src = node.attrs.src || node.attrs['data-src']
+      // #endif
+      // #ifndef APP-HARMONY
+      this.root.$emit('imgtap', node.attrs)
+      // #endif
+      // #ifdef APP-HARMONY
+      this.root.$emit('imgtap', {
+        ...node.attrs
+      })
+      // #endif
+      // 自动预览图片
+      if (this.root.previewImg) {
+        uni.previewImage({
+          // #ifdef MP-WEIXIN
+          showmenu: this.root.showImgMenu,
+          // #endif
+          // #ifdef MP-ALIPAY
+          enablesavephoto: this.root.showImgMenu,
+          enableShowPhotoDownload: this.root.showImgMenu,
+          // #endif
+          current: parseInt(node.attrs.i),
+          urls: this.root.imgList
+        })
+      }
+    },
+
+    /**
+     * @description 图片长按
+     */
+    imgLongTap (e) {
+      // #ifdef APP-PLUS
+      const attrs = this.childs[e.currentTarget.dataset.i].attrs
+      if (this.opts[3] && !attrs.ignore) {
+        uni.showActionSheet({
+          itemList: ['保存图片'],
+          success: () => {
+            const save = path => {
+              uni.saveImageToPhotosAlbum({
+                filePath: path,
+                success () {
+                  uni.showToast({
+                    title: '保存成功'
+                  })
+                }
+              })
+            }
+            if (this.root.imgList[attrs.i].startsWith('http')) {
+              uni.downloadFile({
+                url: this.root.imgList[attrs.i],
+                success: res => save(res.tempFilePath)
+              })
+            } else {
+              save(this.root.imgList[attrs.i])
+            }
+          }
+        })
+      }
+      // #endif
+    },
+
+    /**
+     * @description 图片加载完成事件
+     * @param {Event} e
+     */
+    imgLoad (e) {
+      const i = e.currentTarget.dataset.i
+      /* #ifndef H5 || (APP-PLUS && VUE2) */
+      if (!this.childs[i].w) {
+        // 设置原宽度
+        this.$set(this.ctrl, i, e.detail.width)
+      } else /* #endif */ if ((this.opts[1] && !this.ctrl[i]) || this.ctrl[i] === -1) {
+        // 加载完毕，取消加载中占位图
+        this.$set(this.ctrl, i, 1)
+      }
+      this.checkReady()
+    },
+
+    /**
+     * @description 检查是否所有图片加载完毕
+     */
+    checkReady () {
+      if (this.root && !this.root.lazyLoad) {
+        this.root._unloadimgs -= 1
+        if (!this.root._unloadimgs) {
+          setTimeout(() => {
+            this.root.getRect().then(rect => {
+              this.root.$emit('ready', rect)
+            }).catch(() => {
+              this.root.$emit('ready', {})
+            })
+          }, 350)
+        }
+      }
+    },
+
+    /**
+     * @description 链接点击事件
+     * @param {Event} e
+     */
+    linkTap (e) {
+      const node = e.currentTarget ? this.childs[e.currentTarget.dataset.i] : {}
+      const attrs = node.attrs || e
+      const href = attrs.href
+      this.root.$emit('linktap', Object.assign({
+        innerText: this.root.getText(node.children || []) // 链接内的文本内容
+      }, attrs))
+      if (href) {
+        if (href[0] === '#') {
+          // 跳转锚点
+          this.root.navigateTo(href.substring(1)).catch(() => { })
+        } else if (href.split('?')[0].includes('://')) {
+          // 复制外部链接
+          if (this.root.copyLink) {
+            // #ifdef H5
+            window.open(href)
+            // #endif
+            // #ifdef MP
+            uni.setClipboardData({
+              data: href,
+              success: () =>
+                uni.showToast({
+                  title: '链接已复制'
+                })
+            })
+            // #endif
+            // #ifdef APP-PLUS
+            plus.runtime.openWeb(href)
+            // #endif
+          }
+        } else {
+          // 跳转页面
+          uni.navigateTo({
+            url: href,
+            fail () {
+              uni.switchTab({
+                url: href,
+                fail () { }
+              })
+            }
+          })
+        }
+      }
+    },
+
+    /**
+     * @description 错误事件
+     * @param {Event} e
+     */
+    mediaError (e) {
+      const i = e.currentTarget.dataset.i
+      const node = this.childs[i]
+      // 加载其他源
+      if (node.name === 'video' || node.name === 'audio') {
+        let index = (this.ctrl[i] || 0) + 1
+        if (index > node.src.length) {
+          index = 0
+        }
+        if (index < node.src.length) {
+          this.$set(this.ctrl, i, index)
+          return
+        }
+      } else if (node.name === 'img') {
+        // #ifdef H5 && VUE3
+        if (this.opts[0] && !this.ctrl.load) return
+        // #endif
+        // 显示错误占位图
+        if (this.opts[2]) {
+          this.$set(this.ctrl, i, -1)
+        }
+        this.checkReady()
+      }
+      if (this.root) {
+        this.root.$emit('error', {
+          source: node.name,
+          attrs: node.attrs,
+          // #ifndef H5 && VUE3
+          errMsg: e.detail.errMsg
+          // #endif
+        })
+      }
+    }
+  }
+}
+</script>
+<style>
+/* a 标签默认效果 */
+._a {
+  padding: 1.5px 0 1.5px 0;
+  color: #366092;
+  word-break: break-all;
+}
+
+/* a 标签点击态效果 */
+._hover {
+  text-decoration: underline;
+  opacity: 0.7;
+}
+
+/* 图片默认效果 */
+._img {
+  max-width: 100%;
+  -webkit-touch-callout: none;
+}
+
+/* 内部样式 */
+
+._block {
+  display: block;
+}
+
+._b,
+._strong {
+  font-weight: bold;
+}
+
+._code {
+  font-family: monospace;
+}
+
+._del {
+  text-decoration: line-through;
+}
+
+._em,
+._i {
+  font-style: italic;
+}
+
+._h1 {
+  font-size: 2em;
+}
+
+._h2 {
+  font-size: 1.5em;
+}
+
+._h3 {
+  font-size: 1.17em;
+}
+
+._h5 {
+  font-size: 0.83em;
+}
+
+._h6 {
+  font-size: 0.67em;
+}
+
+._h1,
+._h2,
+._h3,
+._h4,
+._h5,
+._h6 {
+  display: block;
+  font-weight: bold;
+}
+
+._image {
+  height: 1px;
+}
+
+._ins {
+  text-decoration: underline;
+}
+
+._li {
+  display: list-item;
+}
+
+._ol {
+  list-style-type: decimal;
+}
+
+._ol,
+._ul {
+  display: block;
+  padding-left: 40px;
+  margin: 1em 0;
+}
+
+._q::before {
+  content: '"';
+}
+
+._q::after {
+  content: '"';
+}
+
+._sub {
+  font-size: smaller;
+  vertical-align: sub;
+}
+
+._sup {
+  font-size: smaller;
+  vertical-align: super;
+}
+
+._thead,
+._tbody,
+._tfoot {
+  display: table-row-group;
+}
+
+._tr {
+  display: table-row;
+}
+
+._td,
+._th {
+  display: table-cell;
+  vertical-align: middle;
+}
+
+._th {
+  font-weight: bold;
+  text-align: center;
+}
+
+._ul {
+  list-style-type: disc;
+}
+
+._ul ._ul {
+  margin: 0;
+  list-style-type: circle;
+}
+
+._ul ._ul ._ul {
+  list-style-type: square;
+}
+
+._abbr,
+._b,
+._code,
+._del,
+._em,
+._i,
+._ins,
+._label,
+._q,
+._span,
+._strong,
+._sub,
+._sup {
+  display: inline;
+}
+
+/* #ifdef APP-PLUS */
+._video {
+  width: 300px;
+  height: 225px;
+}
+/* #endif */
+</style>
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/uni-app/components/mp-html/parser.js b/wechat-mini-program/components/mp-html/dist/uni-app/components/mp-html/parser.js
new file mode 100644
index 0000000..acca9bf
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/uni-app/components/mp-html/parser.js
@@ -0,0 +1,1400 @@
+/**
+ * @fileoverview html 解析器
+ */
+
+// 配置
+const config = {
+  // 信任的标签（保持标签名不变）
+  trustTags: makeMap('a,abbr,ad,audio,b,blockquote,br,code,col,colgroup,dd,del,dl,dt,div,em,fieldset,h1,h2,h3,h4,h5,h6,hr,i,img,ins,label,legend,li,ol,p,q,ruby,rt,source,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,title,ul,video'),
+
+  // 块级标签（转为 div，其他的非信任标签转为 span）
+  blockTags: makeMap('address,article,aside,body,caption,center,cite,footer,header,html,nav,pre,section'),
+
+  // #ifdef (MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE3
+  // 行内标签
+  inlineTags: makeMap('abbr,b,big,code,del,em,i,ins,label,q,small,span,strong,sub,sup'),
+  // #endif
+
+  // 要移除的标签
+  ignoreTags: makeMap('area,base,canvas,embed,frame,head,iframe,input,link,map,meta,param,rp,script,source,style,textarea,title,track,wbr'),
+
+  // 自闭合的标签
+  voidTags: makeMap('area,base,br,col,circle,ellipse,embed,frame,hr,img,input,line,link,meta,param,path,polygon,rect,source,track,use,wbr'),
+
+  // html 实体
+  entities: {
+    lt: '<',
+    gt: '>',
+    quot: '"',
+    apos: "'",
+    ensp: '\u2002',
+    emsp: '\u2003',
+    nbsp: '\xA0',
+    semi: ';',
+    ndash: '–',
+    mdash: '—',
+    middot: '·',
+    lsquo: '‘',
+    rsquo: '’',
+    ldquo: '“',
+    rdquo: '”',
+    bull: '•',
+    hellip: '…',
+    larr: '←',
+    uarr: '↑',
+    rarr: '→',
+    darr: '↓'
+  },
+
+  // 默认的标签样式
+  tagStyle: {
+    // #ifndef APP-PLUS-NVUE
+    address: 'font-style:italic',
+    big: 'display:inline;font-size:1.2em',
+    caption: 'display:table-caption;text-align:center',
+    center: 'text-align:center',
+    cite: 'font-style:italic',
+    dd: 'margin-left:40px',
+    mark: 'background-color:yellow',
+    pre: 'font-family:monospace;white-space:pre',
+    s: 'text-decoration:line-through',
+    small: 'display:inline;font-size:0.8em',
+    strike: 'text-decoration:line-through',
+    u: 'text-decoration:underline'
+    // #endif
+  },
+
+  // svg 大小写对照表
+  svgDict: {
+    animatetransform: 'animateTransform',
+    lineargradient: 'linearGradient',
+    viewbox: 'viewBox',
+    attributename: 'attributeName',
+    repeatcount: 'repeatCount',
+    repeatdur: 'repeatDur',
+    foreignobject: 'foreignObject'
+  }
+}
+const tagSelector={}
+let windowWidth, system
+// #ifdef MP-WEIXIN
+if (uni.canIUse('getWindowInfo')) {
+  windowWidth = uni.getWindowInfo().windowWidth
+  system = uni.getDeviceInfo().system
+} else {
+// #endif
+  const systemInfo = uni.getSystemInfoSync()
+  windowWidth = systemInfo.windowWidth
+  // #ifdef MP-WEIXIN
+  system = systemInfo.system
+}
+// #endif
+const blankChar = makeMap(' ,\r,\n,\t,\f')
+let idIndex = 0
+
+// #ifdef H5 || APP-PLUS
+config.ignoreTags.iframe = undefined
+config.trustTags.iframe = true
+config.ignoreTags.embed = undefined
+config.trustTags.embed = true
+// #endif
+// #ifdef APP-PLUS-NVUE
+config.ignoreTags.source = undefined
+config.ignoreTags.style = undefined
+// #endif
+
+/**
+ * @description 创建 map
+ * @param {String} str 逗号分隔
+ */
+function makeMap (str) {
+  const map = Object.create(null)
+  const list = str.split(',')
+  for (let i = list.length; i--;) {
+    map[list[i]] = true
+  }
+  return map
+}
+
+/**
+ * @description 解码 html 实体
+ * @param {String} str 要解码的字符串
+ * @param {Boolean} amp 要不要解码 &amp;
+ * @returns {String} 解码后的字符串
+ */
+function decodeEntity (str, amp) {
+  let i = str.indexOf('&')
+  while (i !== -1) {
+    const j = str.indexOf(';', i + 3)
+    let code
+    if (j === -1) break
+    if (str[i + 1] === '#') {
+      // &#123; 形式的实体
+      code = parseInt((str[i + 2] === 'x' ? '0' : '') + str.substring(i + 2, j))
+      if (!isNaN(code)) {
+        str = str.substr(0, i) + String.fromCharCode(code) + str.substr(j + 1)
+      }
+    } else {
+      // &nbsp; 形式的实体
+      code = str.substring(i + 1, j)
+      if (config.entities[code] || (code === 'amp' && amp)) {
+        str = str.substr(0, i) + (config.entities[code] || '&') + str.substr(j + 1)
+      }
+    }
+    i = str.indexOf('&', i + 1)
+  }
+  return str
+}
+
+/**
+ * @description 合并多个块级标签，加快长内容渲染
+ * @param {Array} nodes 要合并的标签数组
+ */
+function mergeNodes (nodes) {
+  let i = nodes.length - 1
+  for (let j = i; j >= -1; j--) {
+    if (j === -1 || nodes[j].c || !nodes[j].name || (nodes[j].name !== 'div' && nodes[j].name !== 'p' && nodes[j].name[0] !== 'h') || (nodes[j].attrs.style || '').includes('inline')) {
+      if (i - j >= 5) {
+        nodes.splice(j + 1, i - j, {
+          name: 'div',
+          attrs: {},
+          children: nodes.slice(j + 1, i + 1)
+        })
+      }
+      i = j - 1
+    }
+  }
+}
+
+/**
+ * @description html 解析器
+ * @param {Object} vm 组件实例
+ */
+function Parser (vm) {
+  this.options = vm || {}
+  this.tagStyle = Object.assign({}, config.tagStyle, this.options.tagStyle)
+  this.imgList = vm.imgList || []
+  this.imgList._unloadimgs = 0
+  this.plugins = vm.plugins || []
+  this.attrs = Object.create(null)
+  this.stack = []
+  this.nodes = []
+  this.pre = (this.options.containerStyle || '').includes('white-space') && this.options.containerStyle.includes('pre') ? 2 : 0
+}
+
+/**
+ * @description 执行解析
+ * @param {String} content 要解析的文本
+ */
+Parser.prototype.parse = function (content) {
+  // 插件处理
+  for (let i = this.plugins.length; i--;) {
+    if (this.plugins[i].onUpdate) {
+      content = this.plugins[i].onUpdate(content, config) || content
+    }
+  }
+
+  new Lexer(this).parse(content)
+  // 出栈未闭合的标签
+  while (this.stack.length) {
+    this.popNode()
+  }
+  if (this.nodes.length > 50) {
+    mergeNodes(this.nodes)
+  }
+  return this.nodes
+}
+
+/**
+ * @description 将标签暴露出来（不被 rich-text 包含）
+ */
+Parser.prototype.expose = function () {
+  // #ifndef APP-PLUS-NVUE
+  for (let i = this.stack.length; i--;) {
+    const item = this.stack[i]
+    if (item.c || item.name === 'a' || item.name === 'video' || item.name === 'audio') return
+    item.c = 1
+  }
+  // #endif
+}
+
+/**
+ * @description 处理插件
+ * @param {Object} node 要处理的标签
+ * @returns {Boolean} 是否要移除此标签
+ */
+Parser.prototype.hook = function (node) {
+  for (let i = this.plugins.length; i--;) {
+    if (this.plugins[i].onParse && this.plugins[i].onParse(node, this) === false) {
+      return false
+    }
+  }
+  return true
+}
+
+/**
+ * @description 将链接拼接上主域名
+ * @param {String} url 需要拼接的链接
+ * @returns {String} 拼接后的链接
+ */
+Parser.prototype.getUrl = function (url) {
+  const domain = this.options.domain
+  if (url[0] === '/') {
+    if (url[1] === '/') {
+      // // 开头的补充协议名
+      url = (domain ? domain.split('://')[0] : 'http') + ':' + url
+    } else if (domain) {
+      // 否则补充整个域名
+      url = domain + url
+    } /* #ifdef APP-PLUS */ else {
+      url = plus.io.convertLocalFileSystemURL(url)
+    } /* #endif */
+  } else if (!url.includes('data:') && !url.includes('://')) {
+    if (domain) {
+      url = domain + '/' + url
+    } /* #ifdef APP-PLUS */ else {
+      url = plus.io.convertLocalFileSystemURL(url)
+    } /* #endif */
+  }
+  return url
+}
+
+/**
+ * @description 解析样式表
+ * @param {Object} node 标签
+ * @returns {Object}
+ */
+Parser.prototype.parseStyle = function (node) {
+  const attrs = node.attrs
+  const list = (this.tagStyle[node.name] || '').split(';').concat((attrs.style || '').split(';'))
+  const styleObj = {}
+  let tmp = ''
+
+  if (attrs.id && !this.xml) {
+    // 暴露锚点
+    if (this.options.useAnchor) {
+      this.expose()
+    } else if (node.name !== 'img' && node.name !== 'a' && node.name !== 'video' && node.name !== 'audio') {
+      attrs.id = undefined
+    }
+  }
+
+  // 转换 width 和 height 属性
+  if (attrs.width) {
+    styleObj.width = parseFloat(attrs.width) + (attrs.width.includes('%') ? '%' : 'px')
+    attrs.width = undefined
+  }
+  if (attrs.height) {
+    styleObj.height = parseFloat(attrs.height) + (attrs.height.includes('%') ? '%' : 'px')
+    attrs.height = undefined
+  }
+
+  for (let i = 0, len = list.length; i < len; i++) {
+    const info = list[i].split(':')
+    if (info.length < 2) continue
+    const key = info.shift().trim().toLowerCase()
+    let value = info.join(':').trim()
+    if ((value[0] === '-' && value.lastIndexOf('-') > 0) || value.includes('safe')) {
+      // 兼容性的 css 不压缩
+      tmp += `;${key}:${value}`
+    } else if (!styleObj[key] || value.includes('import') || !styleObj[key].includes('import')) {
+      // 重复的样式进行覆盖
+      if (value.includes('url')) {
+        // 填充链接
+        let j = value.indexOf('(') + 1
+        if (j) {
+          while (value[j] === '"' || value[j] === "'" || blankChar[value[j]]) {
+            j++
+          }
+          value = value.substr(0, j) + this.getUrl(value.substr(j))
+        }
+      } else if (value.includes('rpx')) {
+        // 转换 rpx（rich-text 内部不支持 rpx）
+        value = value.replace(/[0-9.]+\s*rpx/g, $ => parseFloat($) * windowWidth / 750 + 'px')
+      }
+      styleObj[key] = value
+    }
+  }
+
+  node.attrs.style = tmp
+  return styleObj
+}
+
+/**
+ * @description 解析到标签名
+ * @param {String} name 标签名
+ * @private
+ */
+Parser.prototype.onTagName = function (name) {
+  this.tagName = this.xml ? name : name.toLowerCase()
+  if (this.tagName === 'svg') {
+    this.xml = (this.xml || 0) + 1 // svg 标签内大小写敏感
+    config.ignoreTags.style = undefined // svg 标签内 style 可用
+  }
+}
+
+/**
+ * @description 解析到属性名
+ * @param {String} name 属性名
+ * @private
+ */
+Parser.prototype.onAttrName = function (name) {
+  name = this.xml ? name : name.toLowerCase()
+  // #ifdef (VUE3 && (H5 || APP-PLUS)) || APP-PLUS-NVUE
+  if (name.includes('?') || name.includes(';')) {
+    this.attrName = undefined
+    return
+  }
+  // #endif
+  if (name.substr(0, 5) === 'data-') {
+    if (name === 'data-src' && !this.attrs.src) {
+      // data-src 自动转为 src
+      this.attrName = 'src'
+    } else if (this.tagName === 'img' || this.tagName === 'a') {
+      // a 和 img 标签保留 data- 的属性，可以在 imgtap 和 linktap 事件中使用
+      this.attrName = name
+    } else {
+      // 剩余的移除以减小大小
+      this.attrName = undefined
+    }
+  } else {
+    this.attrName = name
+    this.attrs[name] = 'T' // boolean 型属性缺省设置
+  }
+}
+
+/**
+ * @description 解析到属性值
+ * @param {String} val 属性值
+ * @private
+ */
+Parser.prototype.onAttrVal = function (val) {
+  const name = this.attrName || ''
+  if (name === 'style' || name === 'href') {
+    // 部分属性进行实体解码
+    this.attrs[name] = decodeEntity(val, true)
+  } else if (name.includes('src')) {
+    // 拼接主域名
+    this.attrs[name] = this.getUrl(decodeEntity(val, true))
+  } else if (name) {
+    this.attrs[name] = val
+  }
+}
+
+/**
+ * @description 解析到标签开始
+ * @param {Boolean} selfClose 是否有自闭合标识 />
+ * @private
+ */
+Parser.prototype.onOpenTag = function (selfClose) {
+  // 拼装 node
+  const node = Object.create(null)
+  node.name = this.tagName
+  node.attrs = this.attrs
+  // 避免因为自动 diff 使得 type 被设置为 null 导致部分内容不显示
+  if (this.options.nodes.length) {
+    node.type = 'node'
+  }
+  this.attrs = Object.create(null)
+
+  const attrs = node.attrs
+  const parent = this.stack[this.stack.length - 1]
+  const siblings = parent ? parent.children : this.nodes
+  const close = this.xml ? selfClose : config.voidTags[node.name]
+
+  // 替换标签名选择器
+  if (tagSelector[node.name]) {
+    attrs.class = tagSelector[node.name] + (attrs.class ? ' ' + attrs.class : '')
+  }
+
+  // 转换 embed 标签
+  if (node.name === 'embed') {
+    // #ifndef H5 || APP-PLUS
+    const src = attrs.src || ''
+    // 按照后缀名和 type 将 embed 转为 video 或 audio
+    if (src.includes('.mp4') || src.includes('.3gp') || src.includes('.m3u8') || (attrs.type || '').includes('video')) {
+      node.name = 'video'
+    } else if (src.includes('.mp3') || src.includes('.wav') || src.includes('.aac') || src.includes('.m4a') || (attrs.type || '').includes('audio')) {
+      node.name = 'audio'
+    }
+    if (attrs.autostart) {
+      attrs.autoplay = 'T'
+    }
+    attrs.controls = 'T'
+    // #endif
+    // #ifdef H5 || APP-PLUS
+    this.expose()
+    // #endif
+  }
+
+  // #ifndef APP-PLUS-NVUE
+  // 处理音视频
+  if (node.name === 'video' || node.name === 'audio') {
+    // 设置 id 以便获取 context
+    if (node.name === 'video' && !attrs.id) {
+      attrs.id = 'v' + idIndex++
+    }
+    // 没有设置 controls 也没有设置 autoplay 的自动设置 controls
+    if (!attrs.controls && !attrs.autoplay) {
+      attrs.controls = 'T'
+    }
+    // 用数组存储所有可用的 source
+    node.src = []
+    if (attrs.src) {
+      node.src.push(attrs.src)
+      attrs.src = undefined
+    }
+    this.expose()
+  }
+  // #endif
+
+  // 处理自闭合标签
+  if (close) {
+    if (!this.hook(node) || config.ignoreTags[node.name]) {
+      // 通过 base 标签设置主域名
+      if (node.name === 'base' && !this.options.domain) {
+        this.options.domain = attrs.href
+      } /* #ifndef APP-PLUS-NVUE */ else if (node.name === 'source' && parent && (parent.name === 'video' || parent.name === 'audio') && attrs.src) {
+        // 设置 source 标签（仅父节点为 video 或 audio 时有效）
+        parent.src.push(attrs.src)
+      } /* #endif */
+      return
+    }
+
+    // 解析 style
+    const styleObj = this.parseStyle(node)
+
+    // 处理图片
+    if (node.name === 'img') {
+      if (attrs.src) {
+        // 标记 webp
+        if (attrs.src.includes('webp')) {
+          node.webp = 'T'
+        }
+        // data url 图片如果没有设置 original-src 默认为不可预览的小图片
+        if (attrs.src.includes('data:') && this.options.previewImg !== 'all' && !attrs['original-src']) {
+          attrs.ignore = 'T'
+        }
+        if (!attrs.ignore || node.webp || attrs.src.includes('cloud://')) {
+          for (let i = this.stack.length; i--;) {
+            const item = this.stack[i]
+            if (item.name === 'a') {
+              node.a = item.attrs
+            }
+            if (item.name === 'table' && !node.webp && !attrs.src.includes('cloud://')) {
+              if (!styleObj.display || styleObj.display.includes('inline')) {
+                node.t = 'inline-block'
+              } else {
+                node.t = styleObj.display
+              }
+              styleObj.display = undefined
+            }
+            // #ifndef H5 || APP-PLUS
+            const style = item.attrs.style || ''
+            if (style.includes('flex:') && !style.includes('flex:0') && !style.includes('flex: 0') && (!styleObj.width || parseInt(styleObj.width) > 100)) {
+              styleObj.width = '100% !important'
+              styleObj.height = ''
+              for (let j = i + 1; j < this.stack.length; j++) {
+                this.stack[j].attrs.style = (this.stack[j].attrs.style || '').replace('inline-', '')
+              }
+            } else if (style.includes('flex') && styleObj.width === '100%') {
+              for (let j = i + 1; j < this.stack.length; j++) {
+                const style = this.stack[j].attrs.style || ''
+                if (!style.includes(';width') && !style.includes(' width') && style.indexOf('width') !== 0) {
+                  styleObj.width = ''
+                  break
+                }
+              }
+            } else if (style.includes('inline-block')) {
+              if (styleObj.width && styleObj.width[styleObj.width.length - 1] === '%') {
+                item.attrs.style += ';max-width:' + styleObj.width
+                styleObj.width = ''
+              } else {
+                item.attrs.style += ';max-width:100%'
+              }
+            }
+            // #endif
+            item.c = 1
+          }
+          attrs.i = this.imgList.length.toString()
+          let src = attrs['original-src'] || attrs.src
+          // #ifndef H5 || MP-ALIPAY || APP-PLUS || MP-360
+          if (this.imgList.includes(src)) {
+            // 如果有重复的链接则对域名进行随机大小写变换避免预览时错位
+            let i = src.indexOf('://')
+            if (i !== -1) {
+              i += 3
+              let newSrc = src.substr(0, i)
+              for (; i < src.length; i++) {
+                if (src[i] === '/') break
+                newSrc += Math.random() > 0.5 ? src[i].toUpperCase() : src[i]
+              }
+              newSrc += src.substr(i)
+              src = newSrc
+            }
+          }
+          // #endif
+          this.imgList.push(src)
+          if (!node.t) {
+            this.imgList._unloadimgs += 1
+          }
+          // #ifdef H5 || APP-PLUS
+          if (this.options.lazyLoad) {
+            attrs['data-src'] = attrs.src
+            attrs.src = undefined
+          }
+          // #endif
+        }
+      }
+      if (styleObj.display === 'inline') {
+        styleObj.display = ''
+      }
+      // #ifndef APP-PLUS-NVUE
+      if (attrs.ignore) {
+        styleObj['max-width'] = styleObj['max-width'] || '100%'
+        attrs.style += ';-webkit-touch-callout:none'
+      }
+      // #endif
+      // 设置的宽度超出屏幕，为避免变形，高度转为自动
+      if (parseInt(styleObj.width) > windowWidth) {
+        styleObj.height = undefined
+      }
+      // 记录是否设置了宽高
+      if (!isNaN(parseInt(styleObj.width))) {
+        node.w = 'T'
+      }
+      if (!isNaN(parseInt(styleObj.height)) && (!styleObj.height.includes('%') || (parent && (parent.attrs.style || '').includes('height')))) {
+        node.h = 'T'
+      }
+      if (node.w && node.h && styleObj['object-fit']) {
+        if (styleObj['object-fit'] === 'contain') {
+          node.m = 'aspectFit'
+        } else if (styleObj['object-fit'] === 'cover') {
+          node.m = 'aspectFill'
+        }
+      }
+    } else if (node.name === 'svg') {
+      siblings.push(node)
+      this.stack.push(node)
+      this.popNode()
+      return
+    }
+    for (const key in styleObj) {
+      if (styleObj[key]) {
+        attrs.style += `;${key}:${styleObj[key].replace(' !important', '')}`
+      }
+    }
+    attrs.style = attrs.style.substr(1) || undefined
+    // #ifdef (MP-WEIXIN || MP-QQ) && VUE3
+    if (!attrs.style) {
+      delete attrs.style
+    }
+    // #endif
+  } else {
+    if ((node.name === 'pre' || ((attrs.style || '').includes('white-space') && attrs.style.includes('pre'))) && this.pre !== 2) {
+      this.pre = node.pre = 1
+    }
+    node.children = []
+    this.stack.push(node)
+  }
+
+  // 加入节点树
+  siblings.push(node)
+}
+
+/**
+ * @description 解析到标签结束
+ * @param {String} name 标签名
+ * @private
+ */
+Parser.prototype.onCloseTag = function (name) {
+  // 依次出栈到匹配为止
+  name = this.xml ? name : name.toLowerCase()
+  let i
+  for (i = this.stack.length; i--;) {
+    if (this.stack[i].name === name) break
+  }
+  if (i !== -1) {
+    while (this.stack.length > i) {
+      this.popNode()
+    }
+  } else if (name === 'p' || name === 'br') {
+    const siblings = this.stack.length ? this.stack[this.stack.length - 1].children : this.nodes
+    siblings.push({
+      name,
+      attrs: {
+        class: tagSelector[name] || '',
+        style: this.tagStyle[name] || ''
+      }
+    })
+  }
+}
+
+/**
+ * @description 处理标签出栈
+ * @private
+ */
+Parser.prototype.popNode = function () {
+  const node = this.stack.pop()
+  let attrs = node.attrs
+  const children = node.children
+  const parent = this.stack[this.stack.length - 1]
+  const siblings = parent ? parent.children : this.nodes
+
+  if (!this.hook(node) || config.ignoreTags[node.name]) {
+    // 获取标题
+    if (node.name === 'title' && children.length && children[0].type === 'text' && this.options.setTitle) {
+      uni.setNavigationBarTitle({
+        title: children[0].text
+      })
+    }
+    siblings.pop()
+    return
+  }
+
+  if (node.pre && this.pre !== 2) {
+    // 是否合并空白符标识
+    this.pre = node.pre = undefined
+    for (let i = this.stack.length; i--;) {
+      if (this.stack[i].pre) {
+        this.pre = 1
+      }
+    }
+  }
+
+  const styleObj = {}
+
+  // 转换 svg
+  if (node.name === 'svg') {
+    if (this.xml > 1) {
+      // 多层 svg 嵌套
+      this.xml--
+      return
+    }
+    // #ifdef APP-PLUS-NVUE
+    (function traversal (node) {
+      if (node.name) {
+        // 调整 svg 的大小写
+        node.name = config.svgDict[node.name] || node.name
+        for (const item in node.attrs) {
+          if (config.svgDict[item]) {
+            node.attrs[config.svgDict[item]] = node.attrs[item]
+            node.attrs[item] = undefined
+          }
+        }
+        for (let i = 0; i < (node.children || []).length; i++) {
+          traversal(node.children[i])
+        }
+      }
+    })(node)
+    // #endif
+    // #ifndef APP-PLUS-NVUE
+    let src = ''
+    const style = attrs.style
+    attrs.style = ''
+    attrs.xmlns = 'http://www.w3.org/2000/svg';
+    (function traversal (node) {
+      if (node.type === 'text') {
+        src += node.text
+        return
+      }
+      const name = config.svgDict[node.name] || node.name
+      if (name === 'foreignObject') {
+        for (const child of (node.children || [])) {
+          if (child.attrs && !child.attrs.xmlns) {
+            child.attrs.xmlns = 'http://www.w3.org/1999/xhtml'
+            break
+          }
+        }
+      }
+      src += '<' + name
+      for (const item in node.attrs) {
+        const val = node.attrs[item]
+        if (val) {
+          src += ` ${config.svgDict[item] || item}="${val.replace(/"/g, '')}"`
+        }
+      }
+      if (!node.children) {
+        src += '/>'
+      } else {
+        src += '>'
+        for (let i = 0; i < node.children.length; i++) {
+          traversal(node.children[i])
+        }
+        src += '</' + name + '>'
+      }
+    })(node)
+    node.name = 'img'
+    node.attrs = {
+      src: 'data:image/svg+xml;utf8,' + src.replace(/#/g, '%23'),
+      style,
+      ignore: 'T'
+    }
+    node.children = undefined
+    // #endif
+    this.xml = false
+    config.ignoreTags.style = true
+    return
+  }
+
+  // #ifndef APP-PLUS-NVUE
+  // 转换 align 属性
+  if (attrs.align) {
+    if (node.name === 'table') {
+      if (attrs.align === 'center') {
+        styleObj['margin-inline-start'] = styleObj['margin-inline-end'] = 'auto'
+      } else {
+        styleObj.float = attrs.align
+      }
+    } else {
+      styleObj['text-align'] = attrs.align
+    }
+    attrs.align = undefined
+  }
+
+  // 转换 dir 属性
+  if (attrs.dir) {
+    styleObj.direction = attrs.dir
+    attrs.dir = undefined
+  }
+
+  // 转换 font 标签的属性
+  if (node.name === 'font') {
+    if (attrs.color) {
+      styleObj.color = attrs.color
+      attrs.color = undefined
+    }
+    if (attrs.face) {
+      styleObj['font-family'] = attrs.face
+      attrs.face = undefined
+    }
+    if (attrs.size) {
+      let size = parseInt(attrs.size)
+      if (!isNaN(size)) {
+        if (size < 1) {
+          size = 1
+        } else if (size > 7) {
+          size = 7
+        }
+        styleObj['font-size'] = ['x-small', 'small', 'medium', 'large', 'x-large', 'xx-large', 'xxx-large'][size - 1]
+      }
+      attrs.size = undefined
+    }
+  }
+  // #endif
+
+  // 一些编辑器的自带 class
+  if ((attrs.class || '').includes('align-center')) {
+    styleObj['text-align'] = 'center'
+  }
+
+  Object.assign(styleObj, this.parseStyle(node))
+
+  if (node.name !== 'table' && parseInt(styleObj.width) > windowWidth) {
+    styleObj['max-width'] = '100%'
+    styleObj['box-sizing'] = 'border-box'
+  }
+
+  // #ifndef APP-PLUS-NVUE
+  if (config.blockTags[node.name]) {
+    node.name = 'div'
+  } else if (!config.trustTags[node.name] && !this.xml) {
+    // 未知标签转为 span，避免无法显示
+    node.name = 'span'
+  }
+
+  if (node.name === 'a' || node.name === 'ad'
+    // #ifdef H5 || APP-PLUS
+    || node.name === 'iframe' // eslint-disable-line
+    // #endif
+  ) {
+    this.expose()
+  } else if (node.name === 'video') {
+    if ((styleObj.height || '').includes('auto')) {
+      styleObj.height = undefined
+    }
+    /* #ifdef APP-PLUS */
+    let str = '<video style="width:100%;height:100%"'
+    for (const item in attrs) {
+      if (attrs[item]) {
+        str += ' ' + item + '="' + attrs[item] + '"'
+      }
+    }
+    if (this.options.pauseVideo) {
+      str += ' onplay="this.dispatchEvent(new CustomEvent(\'vplay\',{bubbles:!0}));for(var e=document.getElementsByTagName(\'video\'),t=0;t<e.length;t++)e[t]!=this&&e[t].pause()"'
+    }
+    str += '>'
+    for (let i = 0; i < node.src.length; i++) {
+      str += '<source src="' + node.src[i] + '">'
+    }
+    str += '</video>'
+    node.html = str
+    /* #endif */
+  } else if ((node.name === 'ul' || node.name === 'ol') && node.c) {
+    // 列表处理
+    const types = {
+      a: 'lower-alpha',
+      A: 'upper-alpha',
+      i: 'lower-roman',
+      I: 'upper-roman'
+    }
+    if (types[attrs.type]) {
+      attrs.style += ';list-style-type:' + types[attrs.type]
+      attrs.type = undefined
+    }
+    for (let i = children.length; i--;) {
+      if (children[i].name === 'li') {
+        children[i].c = 1
+      }
+    }
+  } else if (node.name === 'table') {
+    // 表格处理
+    // cellpadding、cellspacing、border 这几个常用表格属性需要通过转换实现
+    let padding = parseFloat(attrs.cellpadding)
+    let spacing = parseFloat(attrs.cellspacing)
+    const border = parseFloat(attrs.border)
+    const bordercolor = styleObj['border-color']
+    const borderstyle = styleObj['border-style']
+    if (node.c) {
+      // padding 和 spacing 默认 2
+      if (isNaN(padding)) {
+        padding = 2
+      }
+      if (isNaN(spacing)) {
+        spacing = 2
+      }
+    }
+    if (border) {
+      attrs.style += `;border:${border}px ${borderstyle || 'solid'} ${bordercolor || 'gray'}`
+    }
+    if (node.flag && node.c) {
+      // 有 colspan 或 rowspan 且含有链接的表格通过 grid 布局实现
+      styleObj.display = 'grid'
+      if (styleObj['border-collapse'] === 'collapse') {
+        styleObj['border-collapse'] = undefined
+        spacing = 0
+      }
+      if (spacing) {
+        styleObj['grid-gap'] = spacing + 'px'
+        styleObj.padding = spacing + 'px'
+      } else if (border) {
+        // 无间隔的情况下避免边框重叠
+        attrs.style += ';border-left:0;border-top:0'
+      }
+
+      const width = [] // 表格的列宽
+      const trList = [] // tr 列表
+      const cells = [] // 保存新的单元格
+      const map = {}; // 被合并单元格占用的格子
+
+      (function traversal (nodes) {
+        for (let i = 0; i < nodes.length; i++) {
+          if (nodes[i].name === 'tr') {
+            trList.push(nodes[i])
+          } else if (nodes[i].name === 'colgroup') {
+            let colI = 1
+            for (const col of (nodes[i].children || [])) {
+              if (col.name === 'col') {
+                const style = col.attrs.style || ''
+                const start = style.indexOf('width') ? style.indexOf(';width') : 0
+                // 提取出宽度
+                if (start !== -1) {
+                  let end = style.indexOf(';', start + 6)
+                  if (end === -1) {
+                    end = style.length
+                  }
+                  width[colI] = style.substring(start ? start + 7 : 6, end)
+                }
+                colI += 1
+              }
+            }
+          } else {
+            traversal(nodes[i].children || [])
+          }
+        }
+      })(children)
+
+      for (let row = 1; row <= trList.length; row++) {
+        let col = 1
+        for (let j = 0; j < trList[row - 1].children.length; j++) {
+          const td = trList[row - 1].children[j]
+          if (td.name === 'td' || td.name === 'th') {
+            // 这个格子被上面的单元格占用，则列号++
+            while (map[row + '.' + col]) {
+              col++
+            }
+            let style = td.attrs.style || ''
+            let start = style.indexOf('width') ? style.indexOf(';width') : 0
+            // 提取出 td 的宽度
+            if (start !== -1) {
+              let end = style.indexOf(';', start + 6)
+              if (end === -1) {
+                end = style.length
+              }
+              if (!td.attrs.colspan) {
+                width[col] = style.substring(start ? start + 7 : 6, end)
+              }
+              style = style.substr(0, start) + style.substr(end)
+            }
+            // 设置竖直对齐
+            style += ';display:flex'
+            start = style.indexOf('vertical-align')
+            if (start !== -1) {
+              const val = style.substr(start + 15, 10)
+              if (val.includes('middle')) {
+                style += ';align-items:center'
+              } else if (val.includes('bottom')) {
+                style += ';align-items:flex-end'
+              }
+            } else {
+              style += ';align-items:center'
+            }
+            // 设置水平对齐
+            start = style.indexOf('text-align')
+            if (start !== -1) {
+              const val = style.substr(start + 11, 10)
+              if (val.includes('center')) {
+                style += ';justify-content: center'
+              } else if (val.includes('right')) {
+                style += ';justify-content: right'
+              }
+            }
+            style = (border ? `;border:${border}px ${borderstyle || 'solid'} ${bordercolor || 'gray'}` + (spacing ? '' : ';border-right:0;border-bottom:0') : '') + (padding ? `;padding:${padding}px` : '') + ';' + style
+            // 处理列合并
+            if (td.attrs.colspan) {
+              style += `;grid-column-start:${col};grid-column-end:${col + parseInt(td.attrs.colspan)}`
+              if (!td.attrs.rowspan) {
+                style += `;grid-row-start:${row};grid-row-end:${row + 1}`
+              }
+              col += parseInt(td.attrs.colspan) - 1
+            }
+            // 处理行合并
+            if (td.attrs.rowspan) {
+              style += `;grid-row-start:${row};grid-row-end:${row + parseInt(td.attrs.rowspan)}`
+              if (!td.attrs.colspan) {
+                style += `;grid-column-start:${col};grid-column-end:${col + 1}`
+              }
+              // 记录下方单元格被占用
+              for (let rowspan = 1; rowspan < td.attrs.rowspan; rowspan++) {
+                for (let colspan = 0; colspan < (td.attrs.colspan || 1); colspan++) {
+                  map[(row + rowspan) + '.' + (col - colspan)] = 1
+                }
+              }
+            }
+            if (style) {
+              td.attrs.style = style
+            }
+            cells.push(td)
+            col++
+          }
+        }
+        if (row === 1) {
+          let temp = ''
+          for (let i = 1; i < col; i++) {
+            temp += (width[i] ? width[i] : 'auto') + ' '
+          }
+          styleObj['grid-template-columns'] = temp
+        }
+      }
+      node.children = cells
+    } else {
+      // 没有使用合并单元格的表格通过 table 布局实现
+      if (node.c) {
+        styleObj.display = 'table'
+      }
+      if (!isNaN(spacing)) {
+        styleObj['border-spacing'] = spacing + 'px'
+      }
+      if (border || padding) {
+        // 遍历
+        (function traversal (nodes) {
+          for (let i = 0; i < nodes.length; i++) {
+            const td = nodes[i]
+            if (td.name === 'th' || td.name === 'td') {
+              if (border) {
+                td.attrs.style = `border:${border}px ${borderstyle || 'solid'} ${bordercolor || 'gray'};${td.attrs.style || ''}`
+              }
+              if (padding) {
+                td.attrs.style = `padding:${padding}px;${td.attrs.style || ''}`
+              }
+            } else if (td.children) {
+              traversal(td.children)
+            }
+          }
+        })(children)
+      }
+    }
+    // 给表格添加一个单独的横向滚动层
+    if (this.options.scrollTable && !(attrs.style || '').includes('inline')) {
+      const table = Object.assign({}, node)
+      node.name = 'div'
+      node.attrs = {
+        style: 'overflow:auto'
+      }
+      node.children = [table]
+      attrs = table.attrs
+    }
+  } else if ((node.name === 'tbody' || node.name === 'tr') && node.flag && node.c) {
+    node.flag = undefined;
+    (function traversal (nodes) {
+      for (let i = 0; i < nodes.length; i++) {
+        if (nodes[i].name === 'td') {
+          // 颜色样式设置给单元格避免丢失
+          for (const style of ['color', 'background', 'background-color']) {
+            if (styleObj[style]) {
+              nodes[i].attrs.style = style + ':' + styleObj[style] + ';' + (nodes[i].attrs.style || '')
+            }
+          }
+        } else {
+          traversal(nodes[i].children || [])
+        }
+      }
+    })(children)
+  } else if ((node.name === 'td' || node.name === 'th') && (attrs.colspan || attrs.rowspan)) {
+    for (let i = this.stack.length; i--;) {
+      if (this.stack[i].name === 'table' || this.stack[i].name === 'tbody' || this.stack[i].name === 'tr') {
+        this.stack[i].flag = 1 // 指示含有合并单元格
+      }
+    }
+  } else if (node.name === 'ruby') {
+    // 转换 ruby
+    node.name = 'span'
+    for (let i = 0; i < children.length - 1; i++) {
+      if (children[i].type === 'text' && children[i + 1].name === 'rt') {
+        children[i] = {
+          name: 'div',
+          attrs: {
+            style: 'display:inline-block;text-align:center'
+          },
+          children: [{
+            name: 'div',
+            attrs: {
+              style: 'font-size:50%;' + (children[i + 1].attrs.style || '')
+            },
+            children: children[i + 1].children
+          }, children[i]]
+        }
+        children.splice(i + 1, 1)
+      }
+    }
+  } else if (node.c) {
+    (function traversal (node) {
+      node.c = 2
+      for (let i = node.children.length; i--;) {
+        const child = node.children[i]
+        // #ifdef (MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE3
+        if (child.name && (config.inlineTags[child.name] || ((child.attrs.style || '').includes('inline') && child.children)) && !child.c) {
+          traversal(child)
+        }
+        // #endif
+        if (!child.c || child.name === 'table') {
+          node.c = 1
+        }
+      }
+    })(node)
+  }
+
+  if ((styleObj.display || '').includes('flex') && !node.c) {
+    for (let i = children.length; i--;) {
+      const item = children[i]
+      if (item.f) {
+        item.attrs.style = (item.attrs.style || '') + item.f
+        item.f = undefined
+      }
+    }
+  }
+  // flex 布局时部分样式需要提取到 rich-text 外层
+  const flex = parent && ((parent.attrs.style || '').includes('flex') || (parent.attrs.style || '').includes('grid'))
+    // #ifdef MP-WEIXIN
+    // 检查基础库版本 virtualHost 是否可用
+    && !(node.c && wx.getNFCAdapter) // eslint-disable-line
+    // #endif
+    // #ifndef MP-WEIXIN || MP-QQ || MP-BAIDU || MP-TOUTIAO
+    && !node.c // eslint-disable-line
+  // #endif
+  if (flex) {
+    node.f = ';max-width:100%'
+  }
+
+  if (children.length >= 50 && node.c && !(styleObj.display || '').includes('flex')) {
+    mergeNodes(children)
+  }
+  // #endif
+
+  for (const key in styleObj) {
+    if (styleObj[key]) {
+      const val = `;${key}:${styleObj[key].replace(' !important', '')}`
+      /* #ifndef APP-PLUS-NVUE */
+      if (flex && ((key.includes('flex') && key !== 'flex-direction') || key === 'align-self' || key.includes('grid') || styleObj[key][0] === '-' || (key.includes('width') && val.includes('%')))) {
+        node.f += val
+        if (key === 'width') {
+          attrs.style += ';width:100%'
+        }
+      } else /* #endif */ {
+        attrs.style += val
+      }
+    }
+  }
+  attrs.style = attrs.style.substr(1) || undefined
+  // #ifdef (MP-WEIXIN || MP-QQ) && VUE3
+  for (const key in attrs) {
+    if (!attrs[key]) {
+      delete attrs[key]
+    }
+  }
+  // #endif
+}
+
+/**
+ * @description 解析到文本
+ * @param {String} text 文本内容
+ */
+Parser.prototype.onText = function (text) {
+  if (!this.pre) {
+    // 合并空白符
+    let trim = ''
+    let flag
+    for (let i = 0, len = text.length; i < len; i++) {
+      if (!blankChar[text[i]]) {
+        trim += text[i]
+      } else {
+        if (trim[trim.length - 1] !== ' ') {
+          trim += ' '
+        }
+        if (text[i] === '\n' && !flag) {
+          flag = true
+        }
+      }
+    }
+    // 去除含有换行符的空串
+    if (trim === ' ') {
+      if (flag) return
+      // #ifdef VUE3
+      else {
+        const parent = this.stack[this.stack.length - 1]
+        if (parent && parent.name[0] === 't') return
+      }
+      // #endif
+    }
+    text = trim
+  }
+  const node = Object.create(null)
+  node.type = 'text'
+  // #ifdef (MP-BAIDU || MP-ALIPAY || MP-TOUTIAO) && VUE3
+  node.attrs = {}
+  // #endif
+  node.text = decodeEntity(text)
+  if (this.hook(node)) {
+    // #ifdef MP-WEIXIN
+    if (this.options.selectable === 'force' && system.includes('iOS') && !uni.canIUse('rich-text.user-select')) {
+      this.expose()
+    }
+    // #endif
+    const siblings = this.stack.length ? this.stack[this.stack.length - 1].children : this.nodes
+    siblings.push(node)
+  }
+}
+
+/**
+ * @description html 词法分析器
+ * @param {Object} handler 高层处理器
+ */
+function Lexer (handler) {
+  this.handler = handler
+}
+
+/**
+ * @description 执行解析
+ * @param {String} content 要解析的文本
+ */
+Lexer.prototype.parse = function (content) {
+  this.content = content || ''
+  this.i = 0 // 标记解析位置
+  this.start = 0 // 标记一个单词的开始位置
+  this.state = this.text // 当前状态
+  for (let len = this.content.length; this.i !== -1 && this.i < len;) {
+    this.state()
+  }
+}
+
+/**
+ * @description 检查标签是否闭合
+ * @param {String} method 如果闭合要进行的操作
+ * @returns {Boolean} 是否闭合
+ * @private
+ */
+Lexer.prototype.checkClose = function (method) {
+  const selfClose = this.content[this.i] === '/'
+  if (this.content[this.i] === '>' || (selfClose && this.content[this.i + 1] === '>')) {
+    if (method) {
+      this.handler[method](this.content.substring(this.start, this.i))
+    }
+    this.i += selfClose ? 2 : 1
+    this.start = this.i
+    this.handler.onOpenTag(selfClose)
+    if (this.handler.tagName === 'script') {
+      this.i = this.content.indexOf('</', this.i)
+      if (this.i !== -1) {
+        this.i += 2
+        this.start = this.i
+      }
+      this.state = this.endTag
+    } else {
+      this.state = this.text
+    }
+    return true
+  }
+  return false
+}
+
+/**
+ * @description 文本状态
+ * @private
+ */
+Lexer.prototype.text = function () {
+  this.i = this.content.indexOf('<', this.i) // 查找最近的标签
+  if (this.i === -1) {
+    // 没有标签了
+    if (this.start < this.content.length) {
+      this.handler.onText(this.content.substring(this.start, this.content.length))
+    }
+    return
+  }
+  const c = this.content[this.i + 1]
+  if ((c >= 'a' && c <= 'z') || (c >= 'A' && c <= 'Z')) {
+    // 标签开头
+    if (this.start !== this.i) {
+      this.handler.onText(this.content.substring(this.start, this.i))
+    }
+    this.start = ++this.i
+    this.state = this.tagName
+  } else if (c === '/' || c === '!' || c === '?') {
+    if (this.start !== this.i) {
+      this.handler.onText(this.content.substring(this.start, this.i))
+    }
+    const next = this.content[this.i + 2]
+    if (c === '/' && ((next >= 'a' && next <= 'z') || (next >= 'A' && next <= 'Z'))) {
+      // 标签结尾
+      this.i += 2
+      this.start = this.i
+      this.state = this.endTag
+      return
+    }
+    // 处理注释
+    let end = '-->'
+    if (c !== '!' || this.content[this.i + 2] !== '-' || this.content[this.i + 3] !== '-') {
+      end = '>'
+    }
+    this.i = this.content.indexOf(end, this.i)
+    if (this.i !== -1) {
+      this.i += end.length
+      this.start = this.i
+    }
+  } else {
+    this.i++
+  }
+}
+
+/**
+ * @description 标签名状态
+ * @private
+ */
+Lexer.prototype.tagName = function () {
+  if (blankChar[this.content[this.i]]) {
+    // 解析到标签名
+    this.handler.onTagName(this.content.substring(this.start, this.i))
+    while (blankChar[this.content[++this.i]]);
+    if (this.i < this.content.length && !this.checkClose()) {
+      this.start = this.i
+      this.state = this.attrName
+    }
+  } else if (!this.checkClose('onTagName')) {
+    this.i++
+  }
+}
+
+/**
+ * @description 属性名状态
+ * @private
+ */
+Lexer.prototype.attrName = function () {
+  let c = this.content[this.i]
+  if (blankChar[c] || c === '=') {
+    // 解析到属性名
+    this.handler.onAttrName(this.content.substring(this.start, this.i))
+    let needVal = c === '='
+    const len = this.content.length
+    while (++this.i < len) {
+      c = this.content[this.i]
+      if (!blankChar[c]) {
+        if (this.checkClose()) return
+        if (needVal) {
+          // 等号后遇到第一个非空字符
+          this.start = this.i
+          this.state = this.attrVal
+          return
+        }
+        if (this.content[this.i] === '=') {
+          needVal = true
+        } else {
+          this.start = this.i
+          this.state = this.attrName
+          return
+        }
+      }
+    }
+  } else if (!this.checkClose('onAttrName')) {
+    this.i++
+  }
+}
+
+/**
+ * @description 属性值状态
+ * @private
+ */
+Lexer.prototype.attrVal = function () {
+  const c = this.content[this.i]
+  const len = this.content.length
+  if (c === '"' || c === "'") {
+    // 有冒号的属性
+    this.start = ++this.i
+    this.i = this.content.indexOf(c, this.i)
+    if (this.i === -1) return
+    this.handler.onAttrVal(this.content.substring(this.start, this.i))
+  } else {
+    // 没有冒号的属性
+    for (; this.i < len; this.i++) {
+      if (blankChar[this.content[this.i]]) {
+        this.handler.onAttrVal(this.content.substring(this.start, this.i))
+        break
+      } else if (this.checkClose('onAttrVal')) return
+    }
+  }
+  while (blankChar[this.content[++this.i]]);
+  if (this.i < len && !this.checkClose()) {
+    this.start = this.i
+    this.state = this.attrName
+  }
+}
+
+/**
+ * @description 结束标签状态
+ * @returns {String} 结束的标签名
+ * @private
+ */
+Lexer.prototype.endTag = function () {
+  const c = this.content[this.i]
+  if (blankChar[c] || c === '>' || c === '/') {
+    this.handler.onCloseTag(this.content.substring(this.start, this.i))
+    if (c !== '>') {
+      this.i = this.content.indexOf('>', this.i)
+      if (this.i === -1) return
+    }
+    this.start = ++this.i
+    this.state = this.text
+  } else {
+    this.i++
+  }
+}
+
+export default Parser
diff --git a/wechat-mini-program/components/mp-html/dist/uni-app/static/app-plus/mp-html/js/handler.js b/wechat-mini-program/components/mp-html/dist/uni-app/static/app-plus/mp-html/js/handler.js
new file mode 100644
index 0000000..1d986bd
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/uni-app/static/app-plus/mp-html/js/handler.js
@@ -0,0 +1 @@
+"use strict";function t(t){for(var e=Object.create(null),n=t.attributes.length;n--;)e[t.attributes[n].name]=t.attributes[n].value;return e}function e(){a[1]&&(this.src=a[1],this.onerror=null),this.onclick=null,this.ontouchstart=null,uni.postMessage({data:{action:"onError",source:"img",attrs:t(this)}})}function n(){window.unloadimgs-=1,0===window.unloadimgs&&uni.postMessage({data:{action:"onReady"}})}function o(r,s,c){for(var d=0;d<r.length;d++)!function(d){var u=r[d],l=void 0;if(u.type&&"node"!==u.type)l=document.createTextNode(u.text.replace(/&amp;/g,"&"));else{var g=u.name;"svg"===g&&(c="http://www.w3.org/2000/svg"),"html"!==g&&"body"!==g||(g="div"),l=c?document.createElementNS(c,g):document.createElement(g);for(var p in u.attrs)l.setAttribute(p,u.attrs[p]);if(u.children&&o(u.children,l,c),"img"===g){if(window.unloadimgs+=1,l.onload=n,l.onerror=n,!l.src&&l.getAttribute("data-src")&&(l.src=l.getAttribute("data-src")),u.attrs.ignore||(l.onclick=function(e){e.stopPropagation(),uni.postMessage({data:{action:"onImgTap",attrs:t(this)}})}),a[2]){var h=new Image;h.src=l.src,l.src=a[2],h.onload=function(){l.src=this.src},h.onerror=function(){l.onerror()}}l.onerror=e}else if("a"===g)l.addEventListener("click",function(e){e.stopPropagation(),e.preventDefault();var n,o=this.getAttribute("href");o&&"#"===o[0]&&(n=(document.getElementById(o.substr(1))||{}).offsetTop),uni.postMessage({data:{action:"onLinkTap",attrs:t(this),offset:n}})},!0);else if("video"===g||"audio"===g)i.push(l),u.attrs.autoplay||u.attrs.controls||l.setAttribute("controls","true"),l.onplay=function(){if(uni.postMessage({data:{action:"onPlay"}}),a[3])for(var t=0;t<i.length;t++)i[t]!==this&&i[t].pause()},l.onerror=function(){uni.postMessage({data:{action:"onError",source:g,attrs:t(this)}})};else if("table"===g&&a[4]&&!l.style.cssText.includes("inline")){var f=document.createElement("div");f.style.overflow="auto",f.appendChild(l),l=f}else"svg"===g&&(c=void 0)}s.appendChild(l)}(d)}document.addEventListener("UniAppJSBridgeReady",function(){document.body.onclick=function(){return uni.postMessage({data:{action:"onClick"}})},uni.postMessage({data:{action:"onJSBridgeReady"}})});var a,i=[];window.setContent=function(t,e,n){var r=document.getElementById("content");e[0]&&(document.body.style.cssText=e[0]),e[5]||(r.style.userSelect="none"),n||(r.innerHTML="",i=[]),a=e,window.unloadimgs=0;var s=document.createDocumentFragment();o(t,s),r.appendChild(s);var c=r.scrollHeight;uni.postMessage({data:{action:"onLoad",height:c}}),window.unloadimgs||uni.postMessage({data:{action:"onReady",height:c}}),clearInterval(window.timer),window.timer=setInterval(function(){r.scrollHeight!==c&&(c=r.scrollHeight,uni.postMessage({data:{action:"onHeightChange",height:c}}))},350)},window.onunload=function(){clearInterval(window.timer)};
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/uni-app/static/app-plus/mp-html/js/uni.webview.min.js b/wechat-mini-program/components/mp-html/dist/uni-app/static/app-plus/mp-html/js/uni.webview.min.js
new file mode 100644
index 0000000..b0c8445
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/uni-app/static/app-plus/mp-html/js/uni.webview.min.js
@@ -0,0 +1 @@
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):(e=e||self).uni=n()}(this,(function(){"use strict";try{var e={};Object.defineProperty(e,"passive",{get:function(){!0}}),window.addEventListener("test-passive",null,e)}catch(e){}var n=Object.prototype.hasOwnProperty;function t(e,t){return n.call(e,t)}var i=[],a=function(e,n){var t={options:{timestamp:+new Date},name:e,arg:n};if(window.__dcloud_weex_postMessage||window.__dcloud_weex_){if("postMessage"===e){var a={data:[n]};return window.__dcloud_weex_postMessage?window.__dcloud_weex_postMessage(a):window.__dcloud_weex_.postMessage(JSON.stringify(a))}var o={type:"WEB_INVOKE_APPSERVICE",args:{data:t,webviewIds:i}};window.__dcloud_weex_postMessage?window.__dcloud_weex_postMessageToService(o):window.__dcloud_weex_.postMessageToService(JSON.stringify(o))}if(!window.plus)return window.parent.postMessage({type:"WEB_INVOKE_APPSERVICE",data:t,pageId:""},"*");if(0===i.length){var r=plus.webview.currentWebview();if(!r)throw new Error("plus.webview.currentWebview() is undefined");var d=r.parent(),s="";s=d?d.id:r.id,i.push(s)}if(plus.webview.getWebviewById("__uniapp__service"))plus.webview.postMessageToUniNView({type:"WEB_INVOKE_APPSERVICE",args:{data:t,webviewIds:i}},"__uniapp__service");else{var w=JSON.stringify(t);plus.webview.getLaunchWebview().evalJS('UniPlusBridge.subscribeHandler("'.concat("WEB_INVOKE_APPSERVICE",'",').concat(w,",").concat(JSON.stringify(i),");"))}},o={navigateTo:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.url;a("navigateTo",{url:encodeURI(n)})},navigateBack:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.delta;a("navigateBack",{delta:parseInt(n)||1})},switchTab:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.url;a("switchTab",{url:encodeURI(n)})},reLaunch:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.url;a("reLaunch",{url:encodeURI(n)})},redirectTo:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.url;a("redirectTo",{url:encodeURI(n)})},getEnv:function(e){window.plus?e({plus:!0}):e({h5:!0})},postMessage:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};a("postMessage",e.data||{})}},r=/uni-app/i.test(navigator.userAgent),d=/Html5Plus/i.test(navigator.userAgent),s=/complete|loaded|interactive/;var w=window.my&&navigator.userAgent.indexOf("AlipayClient")>-1;var u=window.swan&&window.swan.webView&&/swan/i.test(navigator.userAgent);var c=window.qq&&window.qq.miniProgram&&/QQ/i.test(navigator.userAgent)&&/miniProgram/i.test(navigator.userAgent);var g=window.tt&&window.tt.miniProgram&&/toutiaomicroapp/i.test(navigator.userAgent);var v=window.wx&&window.wx.miniProgram&&/micromessenger/i.test(navigator.userAgent)&&/miniProgram/i.test(navigator.userAgent);var p=window.qa&&/quickapp/i.test(navigator.userAgent);for(var l,_=function(){window.UniAppJSBridge=!0,document.dispatchEvent(new CustomEvent("UniAppJSBridgeReady",{bubbles:!0,cancelable:!0}))},f=[function(e){if(r||d)return window.__dcloud_weex_postMessage||window.__dcloud_weex_?document.addEventListener("DOMContentLoaded",e):window.plus&&s.test(document.readyState)?setTimeout(e,0):document.addEventListener("plusready",e),o},function(e){if(v)return window.WeixinJSBridge&&window.WeixinJSBridge.invoke?setTimeout(e,0):document.addEventListener("WeixinJSBridgeReady",e),window.wx.miniProgram},function(e){if(c)return window.QQJSBridge&&window.QQJSBridge.invoke?setTimeout(e,0):document.addEventListener("QQJSBridgeReady",e),window.qq.miniProgram},function(e){if(w){document.addEventListener("DOMContentLoaded",e);var n=window.my;return{navigateTo:n.navigateTo,navigateBack:n.navigateBack,switchTab:n.switchTab,reLaunch:n.reLaunch,redirectTo:n.redirectTo,postMessage:n.postMessage,getEnv:n.getEnv}}},function(e){if(u)return document.addEventListener("DOMContentLoaded",e),window.swan.webView},function(e){if(g)return document.addEventListener("DOMContentLoaded",e),window.tt.miniProgram},function(e){if(p){window.QaJSBridge&&window.QaJSBridge.invoke?setTimeout(e,0):document.addEventListener("QaJSBridgeReady",e);var n=window.qa;return{navigateTo:n.navigateTo,navigateBack:n.navigateBack,switchTab:n.switchTab,reLaunch:n.reLaunch,redirectTo:n.redirectTo,postMessage:n.postMessage,getEnv:n.getEnv}}},function(e){return document.addEventListener("DOMContentLoaded",e),o}],m=0;m<f.length&&!(l=f[m](_));m++);l||(l={});var E="undefined"!=typeof uni?uni:{};if(!E.navigateTo)for(var b in l)t(l,b)&&(E[b]=l[b]);return E.webView=l,E}));
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/dist/uni-app/static/app-plus/mp-html/local.html b/wechat-mini-program/components/mp-html/dist/uni-app/static/app-plus/mp-html/local.html
new file mode 100644
index 0000000..04355c9
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/dist/uni-app/static/app-plus/mp-html/local.html
@@ -0,0 +1 @@
+<head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"><style>body,html{width:100%;height:100%;overflow-x:scroll;overflow-y:hidden}body{margin:0}video{width:300px;height:225px}img{max-width:100%;-webkit-touch-callout:none}</style></head><body><div id="content" style="overflow:hidden"></div><script type="text/javascript" src="./js/uni.webview.min.js"></script><script type="text/javascript" src="./js/handler.js"></script></body>
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/docs/.nojekyll b/wechat-mini-program/components/mp-html/docs/.nojekyll
new file mode 100644
index 0000000..e69de29
diff --git a/wechat-mini-program/components/mp-html/docs/README.md b/wechat-mini-program/components/mp-html/docs/README.md
new file mode 100644
index 0000000..28bb93c
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/docs/README.md
@@ -0,0 +1,56 @@
+# mp-html
+
+> 一个强大的小程序富文本组件
+
+![star](https://img.shields.io/github/stars/jin-yufeng/mp-html)
+![forks](https://img.shields.io/github/forks/jin-yufeng/mp-html)
+[![npm](https://img.shields.io/npm/v/mp-html)](https://www.npmjs.com/package/mp-html)
+![downloads](https://img.shields.io/npm/dt/mp-html)
+[![Coverage Status](https://coveralls.io/repos/github/jin-yufeng/mp-html/badge.svg?branch=master)](https://coveralls.io/github/jin-yufeng/mp-html?branch=master)
+![license](https://img.shields.io/github/license/jin-yufeng/mp-html)
+[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
+
+## 📢 概况 :id=overview
+显示动态 *html* 富文本是很多应用必要的需求，小程序平台不支持 *dom* 操作使得这成为一个难题，其自带的 *rich-text* 组件支持的标签少且屏蔽所有事件，难以实际应用。因此就有了这样一个能够便捷的在小程序平台上处理富文本的组件，还支持丰富的扩展功能。  
+
+## 📋 特性 :id=feature
+- 支持在多个主流的小程序平台和 *uni-app* 中使用
+- 支持丰富的标签（包括 *table*、*video*、*svg* 等）
+- 支持丰富的事件效果（自动预览图片、链接处理等）
+- 支持设置占位图（加载中、出错时、预览时）
+- 支持锚点跳转、长按复制等丰富功能
+- 支持大部分 *html* 实体
+- 丰富的插件（关键词搜索、内容编辑、*latex* 公式 等）
+- 效率高、容错性强且轻量化（*≈25KB*，*9KB gzipped*）
+
+查看 [功能介绍](overview/feature) 了解更多
+
+## 🎉 使用案例 :id=case
+
+| [官方示例](https://github.com/jin-yufeng/mp-html-demo) | 欢喜商城 | 多么生活 | 食法查 | 微慕 | 古典文学名著阅读 |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| ![富文本插件](assets/case/富文本插件.jpg) | ![欢喜商城](assets/case/欢喜商城.png) | ![多么生活](assets/case/多么生活.jpg) | ![食法查](assets/case/食法查.png) | ![微慕](assets/case/微慕.jpg) | ![古典文学名著阅读](assets/case/古典文学名著阅读.jpg) |
+
+| 科学复习 | [程序员技术之旅](https://github.com/fendoudebb/z-blog-wx) | 典典博客 | 优秀笔记 | 365 刷题 | 同城共享书 |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| ![科学复习](assets/case/科学复习.png) | ![程序员技术之旅](assets/case/程序员技术之旅.jpg) | ![典典博客](assets/case/典典博客.jpg) | ![优秀笔记](assets/case/优秀笔记.jpg) | ![365刷题](assets/case/365刷题.jpg) | ![同城共享书](assets/case/同城共享书.jpg) |
+
+| [技术源 share](https://github.com/wangsrGit119/mini-blog-halo) | 你的代码写的真棒 | 谛否 | 小莫唐尼 | [模版演示](https://github.com/zhihuifanqiechaodan/miniprogram-template) | AI瓦力 |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| ![技术源share](assets/case/技术源share.jpg) | ![你的代码写的真棒](assets/case/你的代码写的真棒.jpg) | ![谛否](assets/case/谛否.jpg) | ![小莫唐尼](assets/case/小莫唐尼.png) | ![MiniProgram模版演示](assets/case/MiniProgram模版演示.jpg) | ![AI瓦力](assets/case/AI瓦力.jpg) |
+
+以上排名不分先后，更多可见 [使用案例收集](https://github.com/jin-yufeng/mp-html/issues/27)（欢迎添加）  
+
+## 🎈 联系与支持 :id=sponsor
+![group](assets/group.jpg)
+![支持](assets/sponsor.png)
+
+## 📃 许可 :id=license
+[MIT License](https://github.com/jin-yufeng/mp-html/blob/master/LICENSE)  
+
+?> 您可以免费的使用（包括商用）、复制或修改本组件  
+
+!> 在用于生产环境前，务必进行仔细测试，由本组件 *bug* 带来的损失概不负责  
+
+---
+Powered by docsify
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/docs/_coverpage.md b/wechat-mini-program/components/mp-html/docs/_coverpage.md
new file mode 100644
index 0000000..fdda3ad
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/docs/_coverpage.md
@@ -0,0 +1,12 @@
+![logo](assets/logo/logo.png)
+
+# mp-html <small>2.5.1</small>
+
+> 一个强大的小程序富文本组件
+
+- 全面的标签支持
+- 多平台使用支持
+- 丰富的附加功能
+
+[GitHub](https://github.com/jin-yufeng/mp-html)
+[快速开始](/overview/quickstart)
diff --git a/wechat-mini-program/components/mp-html/docs/_sidebar.md b/wechat-mini-program/components/mp-html/docs/_sidebar.md
new file mode 100644
index 0000000..859c91d
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/docs/_sidebar.md
@@ -0,0 +1,20 @@
+- 概览
+  - [🚀 快速开始](overview/quickstart)
+  - [🎉 功能介绍](overview/feature)
+
+- 基本使用
+  - [🔨 属性](basic/prop)
+  - [📫 事件](basic/event)
+
+- 进阶使用
+  - [🔎 api](advanced/api)
+  - [📌 插件](advanced/plugin)
+  - [🔧 二次开发](advanced/develop)
+
+- 疑问解答
+  - [📘 常见问题](question/faq)
+  - [📩 反馈](question/feedback)
+  - [📝 贡献指南](question/contribution)
+
+- 更新日志
+  - [📖 更新日志](changelog/changelog)
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/docs/advanced/api.md b/wechat-mini-program/components/mp-html/docs/advanced/api.md
new file mode 100644
index 0000000..c05aea0
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/docs/advanced/api.md
@@ -0,0 +1,230 @@
+# 🔎 api
+组件的实例上挂载了一些实用的 *api* 方法可供调用  
+
+## 获取组件实例 :id=getCompent
+- *uni-app*  
+  ```vue
+  <template>
+    <view>
+      <mp-html ref="article" />
+    </view>
+  </template>
+  <script>
+    export default {
+      onLoad () {
+        var ctx = this.$refs.article
+      }
+    }
+  </script>
+  ```
+
+- 支付宝小程序  
+  需开启 [component2](https://opendocs.alipay.com/mini/framework/component-ref) 模式
+  ```axml
+  <mp-html ref="article">
+  ```
+  ```javascript
+  Page({
+    article (ctx) {
+      // 获得组件实例
+    } 
+  })
+  ```
+
+- 其他小程序平台  
+  ```wxml
+  <mp-html id="article" />
+  ```
+  ```javascript
+  Page({
+    onLoad () {
+      // 微信、QQ、百度
+      var ctx = this.selectComponent('#article')
+      // 头条
+      this.selectComponent('#article', ctx => {
+
+      })
+    }
+  })
+  ```
+
+## in
+功能：将锚点跳转的范围限定在一个 *scroll-view*（需要开启纵向滚动）内  
+输入值：  
+
+| 参数名 | 类型 | 必填 | 默认值 | 说明 |
+|:---:|:---:|:---:|:---:|---|
+| page | object | 是 | - | scroll-view 标签所在页面实例 |
+| selector | string | 是 | - | scroll-view 标签 的选择器 |
+| scrollTop | string | 是 | - | scroll-view 标签 scrollTop 属性绑定的变量名 |
+
+返回值：无  
+示例：  
+```wxml
+<scroll-view id="scroll" style="height:300px" scroll-top="{{top}}" scroll-y scroll-with-animation>
+  <mp-html id="article" content="{{html}}" />
+</scroll-view>
+```
+```javascript
+Page({
+  onLoad () {
+    // ctx 为组件实例
+    ctx.in(this, '#scroll', 'top')
+  }
+})
+```
+
+!> 在 *scroll-view* 中使用时需要注意如果使用了视频，需要保证该平台的 *video* 标签支持同层渲染  
+
+## navigateTo
+功能：锚点跳转  
+前提是 [use-anchor](basic/prop#use-anchor) 属性的值为 *true*  
+必须在 [load](basic/event#load) 事件触发后使用，建议在 [ready](basic/event#ready) 事件触发后使用以保证跳转位置准确  
+  
+输入值：  
+
+| 参数名 | 类型 | 必填 | 默认值 | 说明 |
+|:---:|:---:|:---:|:---:|---|
+| id | string | 否 | - | 要跳转的锚点 id，为空则跳转到开头 |
+| offset | number | 否 | 0 | 跳转位置的偏移量 |
+
+返回值：**Promise**  
+
+该方法中传入的 *offset* 优先级高于 [use-anchor](basic/prop#use-anchor) 属性  
+
+示例：  
+```javascript
+Page({
+  ready () {
+    // ctx 为组件实例
+    ctx.navigateTo('anchor').then(() => {
+      console.log('跳转成功')
+    }).catch(err => {
+      console.log('跳转失败：', err)
+    })
+  }
+})
+```
+
+## getText
+功能：获取文本内容  
+必须在 [load](basic/event#load) 事件触发后使用  
+输入值：无  
+返回值：**String**
+
+## getRect
+功能：获取富文本内容的位置和大小  
+如果开启了 [lazy-load](basic/prop#lazy-load)，[ready](basic/event#ready) 事件返回的不是最终大小，可通过此方法获得实时的大小和位置信息  
+输入值：无  
+返回值：**Promise**  
+示例：  
+```javascript
+Page({
+  getRect () {
+    // ctx 为组件实例
+    ctx.getRect().then(rect => {
+      console.log(rect) // boundingClientRect 信息
+    }).catch(err => {
+      console.log('获取失败', err)
+    })
+  }
+})
+```
+
+!> 该方法有小概率可能获取失败，需要做好错误处理  
+
+## setContent
+功能：设置富文本内容  
+此方法的功能与 [content](basic/prop#content) 属性基本一致，但此方法的设置不需要经过视图层且可以从尾部追加  
+输入值：  
+
+| 参数名 | 类型 | 必填 | 默认值 | 说明 |
+|:---:|:---:|:---:|:---:|---|
+| content | string | 是 | - | 要渲染的 html 字符串 |
+| append | boolean | 否 | false | 是否从尾部追加 | 
+
+返回值：无  
+
+!> 调用此方法会触发 [load](basic/event#load) 和 [ready](basic/event#ready) 事件，请勿在事件处理函数中调用，否则可能陷入死循环  
+
+## imgList
+功能：获取所有图片的数组  
+该数组用于图片预览，对其进行修改可以在自动预览时生效（如修改为高清图链接或转存 *base64*）  
+
+!> 这是一个属性，不是一个函数  
+请不要增删此数组（可以修改），否则在自动预览时可能出现问题    
+
+```javascript
+Page({
+  load () {
+    // ctx 为组件实例
+    var cover = ctx.imgList[0] // 首张图可以作为转发封面图
+    ctx.imgList.forEach((src, i, array) => {
+      console.log(src)
+
+      // 替换为高清图链接
+      array[i] = src.replace('thumb', '')
+
+      // 转存 base64 便于预览
+      var fs = wx.getFileSystemManager && wx.getFileSystemManager()
+      var info = src.match(/data:image\/(\S+?);(\S+?),(.+)/)
+      if (!info) return
+      var filePath = `${wx.env.USER_DATA_PATH}/${Date.now()}.${info[1]}`
+      fs && fs.writeFile({
+        filePath,
+        data: info[3],
+        encoding: info[2],
+        success: () => array[i] = filePath
+      })
+    })
+  }
+})
+```
+
+## pauseMedia
+?> [2.2.2](changelog/changelog#v222) 版本起支持  
+
+功能：暂停正在播放的视频或音频  
+
+?> 和 [play](basic/event#play) 事件配合可以实现与页面中其他音视频进行互斥播放  
+
+输入值：无  
+返回值：无  
+示例：  
+```javascript
+Page({
+  onHide () {
+    // ctx 为组件实例
+    ctx.pauseMedia() // 页面跳转或隐藏时暂停播放
+  }
+})
+```
+
+## setPlaybackRate
+?> [2.4.0](changelog/changelog#v240) 版本起支持  
+
+功能：设置音视频的播放速率
+
+输入值：  
+
+| 参数名 | 类型 | 必填 | 默认值 | 说明 |
+|:---:|:---:|:---:|:---:|---|
+| rate | number | 是 | - | 播放速率，一般支持 0.5~2.0 |
+
+返回值：无  
+示例：  
+```javascript
+Page({
+  // 点击设置速率按钮
+  setPlaybackRate () {
+    wx.showActionSheet({
+      itemList: ['0.5', '1.0', '1.25', '1.5', '2.0'],
+      success: res => {
+        const rate = [0.5, 1.0, 1.25, 1.5, 2.0][res.tapIndex]
+        // ctx 为组件实例
+        ctx.setPlaybackRate(rate)
+      }
+    })
+  }
+})
+```
diff --git a/wechat-mini-program/components/mp-html/docs/advanced/develop.md b/wechat-mini-program/components/mp-html/docs/advanced/develop.md
new file mode 100644
index 0000000..ab68a98
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/docs/advanced/develop.md
@@ -0,0 +1,114 @@
+# 二次开发 :id=develop
+
+## 📣 说明 :id=notice
+二次开发请在 *src* 目录下进行修改，修改完成后可通过下述方法自动生成各平台的代码包  
+为方便维护，本项目原生包多个平台共用一套源代码，在编写时直接按照微信端的写法进行编写即可，[生成代码包](#pack) 时会自动进行转换  
+自动转换已经抹平了大部分平台之间的差异（文件后缀名、*api* 格式等），需要注意的是 **访问组件的属性** 时，请通过 *this.properties* 访问而不是 *this.data*，因为在支付宝平台中两者不互通  
+
+个别问题可以自行修改 *tools/converter.js* 进行处理  
+
+附项目结构：  
+```
+├─dev（生成的各平台示例项目）
+├─dist（生成的各平台代码包）
+│  ├─mp-alipay
+│  ├─mp-baidu
+│  ├─mp-qq
+│  ├─mp-toutiao
+│  ├─mp-weixin
+│  └─uni-app
+├─docs（文档，由 docsify 生成）
+├─plugins（插件源代码）
+├─src（组件源代码）
+│  ├─miniprogram（原生包源代码）
+│  └─uni-app（uni-app 包源代码）
+├─test（测试代码）
+├─tools（构建工具）
+│   ├─demo（示例项目源代码）
+│   │  ├─miniprogram（原生平台示例项目）
+│   │  └─uni-app（uni-app 平台示例项目）
+|   ├─config.js（构建工具的配置项）
+|   ├─converter.js（将微信端的代码转换到各个平台）
+|   ├─ifdef.js（处理条件编译）
+|   ├─minifier.js（处理 json 和 wxs 的压缩）
+|   └─plugin.js（处理插件构建）
+├─.eslintrc.json（eslint 配置）
+├─.stylelintrc.json（stylelint 配置）
+├─gulpfile.js（gulp 生成文件）
+├─LICENSE（许可证 MIT）
+└─package.json（项目配置）
+```
+
+?> 对于较复杂的修改，如果能通过 [编写插件](advanced/plugin#develop) 方式实现更推荐插件方式，这样在组件包升级的时候便于维护和管理  
+
+## 🎈 条件编译 :id=ifdef
+不同平台之间一些差异的地方可能无法简单的通过替换解决，因此本项目中引入了一种条件编译机制解决平台差异，可在修改时加以利用（条件编译是指在生成包的过程中就仅保留本平台需要的代码，与运行过程中的 *if* 判断不同）  
+
+方式 *1*（适用于 *js*、*wxml*、*wxss* 文件）  
+仅在某平台下需要使用的代码放在两个注释（各种注释格式皆可）之间即可，示例：  
+```javascript
+// #ifdef MP-WEIXIN
+console.log('这是微信平台')
+// #endif
+// #ifndef MP-WEIXIN
+console.log('这不是微信平台')
+// #endif
+```
+
+方式 *2*（适用于 *wxml* 文件）    
+对于仅在某一平台使用的属性，可在属性名前加 *平台名:* ，示例：
+```wxml
+<!-- show-menu-by-longpress 属性将仅被生成到微信包中 -->
+<image mp-weixin:show-menu-by-longpress="xxx" />
+```
+
+说明：  
+1. 可用的平台名称：*mp-weixin*, *mp-qq*, *mp-baidu*, *mp-alipay*, *mp-toutiao*（不区分大小写）  
+2. *#if(n)def* 和 *#endif* 必须成对出现，否则会报错（可以多层嵌套）   
+3. 如果编译过程中发现问题可以自行修改 *tools/ifdef.js* 进行处理  
+
+## 📦 生成组件包 :id=pack
+修改完成后，可按以下步骤生成新的组件包  
+在 *mp-html* 文件夹下执行：  
+
+?> 以下命令需要在组件包根目录下执行，即包含 [package.json](https://github.com/jin-yufeng/mp-html/blob/master/package.json) 的目录（如果通过 *npm* 获取就是 *node_modules/mp-html*）
+
+1. 安装依赖  
+   ```bash
+   # 通过 npm 安装
+   npm install
+   # 或通过 yarn 安装
+   yarn
+   ```
+2. 生成代码包到 *dist* 文件夹  
+   ```bash
+   # 生成微信包到 dist/mp-weixin
+   npm run build:weixin
+   # 生成 qq 包到 dist/mp-qq
+   npm run build:qq
+   # 生成百度包到 dist/mp-baidu
+   npm run build:baidu
+   # 生成支付宝包到 dist/mp-alipay
+   npm run build:alipay
+   # 生成头条包到 dist/mp-toutiao
+   npm run build:toutiao
+   # 生成 uni-app 包到 dist/uni-app
+   npm run build:uni-app
+   # 生成所有包
+   npm run build
+   ```
+
+?> 如需修改打包过程中的配置（*babel*, *uglifyJs* 等），可以对 *tools/config.js* 进行修改  
+
+## 🔦 检查和测试 :id=test
+假设已安装好依赖  
+
+```bash
+npm run lint           # eslint 检查
+npm run lintcss        # stylelint 检查
+npm run lintcss --fix  # 检查并修复
+npm run test           # 执行 jest 测试
+npm run coverage       # 测试代码覆盖率
+```
+
+可以向 *test* 目录下添加新的测试用例进行测试  
diff --git a/wechat-mini-program/components/mp-html/docs/advanced/plugin.md b/wechat-mini-program/components/mp-html/docs/advanced/plugin.md
new file mode 100644
index 0000000..3be8474
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/docs/advanced/plugin.md
@@ -0,0 +1,488 @@
+# 📌 插件 :id=plugin
+
+> 可以在这里选择需要的插件以实现更加丰富的功能
+
+## 使用插件 :id=use
+
+!> 直接将插件文件夹拷贝到组件包中无法生效，请通过以下方式生成包含扩展的组件包
+
+#### 小程序方式
+!> 该方式暂不可用
+
+?> 该方式适合不熟悉 *npm* 的用户
+
+1. 通过 [小程序方式](overview/quickstart#mp) 获取包含扩展插件的组件包  
+2. 将下载的组件包解压，原生小程序复制到 *components* 目录下，*uni-app* 复制到项目根目录下，按照源码方式引入即可，详见 [引入方式](overview/quickstart#use)
+
+#### npm 方式
+
+1. 获取完整的组件包  
+   通过 [npm](overview/quickstart#npm) 或 [git](overview/quickstart#git) 等方式获取 **包含完整项目** 的组件包（注意从 *uni-app* 的插件市场中导入的包中仅包含构建后的组件，**不包含** 构建工具和插件）  
+   ![step1](../assets/tutorials/01.png)
+2. 选择需要的插件  
+   参考下方插件使用说明，确定要使用的插件，将其名称填入 [tools/config.js](https://github.com/jin-yufeng/mp-html/blob/master/tools/config.js#L8) 中的 *plugins* 中  
+   如果想仅在部分平台使用该插件，可以在该插件目录下的 *build.js* 的 *platform* 字段中填入需要的平台名称  
+   ![step2](../assets/tutorials/02.png)
+3. 生成组件包  
+   设置完成后，可通过项目提供的命令行工具生成新的组件包，具体见 [生成组件包](advanced/develop#pack)  
+   ![step3_1](../assets/tutorials/03.png)  
+   ![step3_2](../assets/tutorials/04.png)
+4. 按照源码或 *npm* 方式引入构建后的组件包进行使用即可，详见 [引入方式](overview/quickstart#use)
+
+## audio
+功能：音乐播放器  
+大小：*≈4KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √(nvue 不支持) |
+
+!> 百度小程序原生包在此 [问题](https://smartprogram.baidu.com/forum/topic/show/125787) 未解决前无法使用  
+
+说明：  
+在大多数小程序平台，*audio* 标签已被废弃或无法使用，本插件可以代替 *audio* 标签播放音乐，并实现以下优化：  
+1. [pause-video](basic/prop#pause-video) 属性也可以应用于音频，即播放一个音视频时可以自动暂停其他正在播放的音视频  
+2. 增加了一个可以拖动的进度条  
+3. 组件大小可以根据页面宽度自动调整  
+4. 支持 *autoplay* 属性  
+5. 播放被后台打断时，页面显示后自动继续播放  
+
+基础库要求：  
+支付宝 *1.23.4+* ，其余平台满足 [最低要求](question/faq#lib) 即可  
+第 *5* 条仅微信 *2.2.3+* 、*QQ*、百度支持  
+
+?> 如果希望页面上使用本组件，组件的路径为 *path/to/mp-html/audio/audio*  
+属性和事件基本同 *audio* 组件，组件实例上提供了 *setSrc*、*play*、*seek*、*pause*、*stop* 方法可供控制播放状态  
+
+## editable
+功能：富文本编辑  
+下表列出了本插件与原生 *editor* 组件的功能差异，可按需选用
+
+| 组件 | 优点 | 缺点 |
+|:---:|:---:|:---:|
+| 原生 *editor* | 底层通过 *contenteditable* 实现，编辑流畅 | 支持标签少（不支持音视频、表格以及 *section* 等常用标签）、部分小程序平台不支持或低版本不兼容 |
+| 本插件 | 支持标签全面、支持平台全面 | 编辑灵活性不够强 |
+
+大小：*≈17.5KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √(nvue 不支持) |
+
+##### 示例项目 :id=editable_demo
+微信小程序点击 [代码片段](https://developers.weixin.qq.com/s/S2ZpZDm87fQP) 即可在微信开发者工具中导入；*uni-app* 下载 [示例项目](https://mp-html.oss-cn-hangzhou.aliyuncs.com/editable.zip) 在 *HBuilder X* 中打开即可体验；注意示例项目中不一定包含最新版本，仅供参考使用方法  
+
+?> 也可以参考示例小程序 [源代码](https://github.com/jin-yufeng/mp-html-demo)
+
+说明：  
+引入本插件后，会给组件添加以下属性：  
+
+| 属性名 | 类型 | 默认值 | 说明 |
+|:---:|:---:|:---:|:---:|
+| editable | Boolean | false | 是否开启内容编辑 |
+| placeholder | String | 请输入 | 输入框为空时占位符（[2.1.0+](changelog/changelog#v210)） |
+
+?> [2.5.0](changelog/changelog#v250) 版本起支持将 *editable* 属性设置为 *"simple"* 来开启简易模式，简易模式下，点击文字内容直接进入编辑，不再弹出操作菜单栏和方框
+
+添加以下事件：  
+
+| 事件名 | 触发时机 | 用途 |
+|:---:|:---:|:---:|
+| remove（[2.2.0+](changelog/changelog#v220)） | 删除图片/视频/音频标签时 | 删除已上传的线上文件 |
+
+支持以下操作：  
+
+| 类型 | 操作 |
+|:---:|:---:|
+| 文本 | 修改 |
+| 图片 | 更换链接、调整宽度、设置成超链接（[2.0.4+](changelog/changelog#v204)）、设置预览图链接、禁用预览、删除 |
+| 链接 | 更换链接、删除 |
+| 音视频 | 设置封面、设置循环播放、设置自动播放（[2.2.0+](changelog/changelog#v220)）、删除 |
+| 普通标签 | 设置字体大小、颜色（[2.4.2+](changelog/changelog#v242)）、斜体、粗体、下划线（[2.0.4+](changelog/changelog#v204)）、居中、缩进、删除 |
+
+?> [2.2.1](changelog/changelog#v221) 版本起所有标签支持上下移动操作，但仅限同级标签间移动，即在有同级标签且非第一个（或最后一个）时可以上移（或下移）
+
+?> 在支付宝小程序中使用时需要在页面样式中添加 *page { position: relative; }* 避免 *tooltip* 错位
+
+?> 菜单项可以通过编辑 *plugins/editable/config.js* 进行修改，仅可以删减或调整顺序，添加或更名无效（颜色设置除外）
+
+[组件实例](advanced/api#getCompent) 上提供了以下方法（*editable* 属性为 *true* 时才可以调用）：  
+
+| 名称 | 功能 |
+|:---:|:---:|
+| undo | 撤销一个操作 |
+| redo | 重做一个操作 |
+| insertHtml | 在光标处插入指定 html 内容（[2.1.0+](changelog/changelog#v210)） |
+| insertImg | 在光标处插入一张图片 |
+| insertTable(rows, cols) | 在光标处插入一个 rows 行 cols 列的表格（[2.1.3+](changelog/changelog#v213)） |
+| insertVideo | 在光标处插入一个视频 |
+| insertAudio | 在光标处插入一个音频 |
+| insertLink | 在光标处插入一个链接 |
+| insertText | 在光标处插入一段文本 |
+| clear | 清空内容 |
+| getContent | 获取编辑后的 html 内容 |
+
+?> 考虑到不同场景下希望获取链接的方法不同，需要在初始时给组件设置一个 *getSrc* 方法（否则插入图片、音视频、链接或修改链接等操作无法使用），每次组件内需要链接时会调用此方法，开发者可在此方法中自行决定如何获取链接，返回 **线上地址** 即可（具体用法见下方示例）  
+[2.2.0](changelog/changelog#v220) 版本起设置了 [domain](basic/prop#domain) 属性时，返回的地址可以缺省主域名  
+
+编辑完成后，通过 *getContent* 方法获取编辑后的 *html*，最后将 *editable* 属性设置为 *false* 即可正常渲染  
+
+!> 点击保存按钮时，部分平台 *tap* 事件早于 *blur* 事件触发，直接获取内容可能导致无法获取当前编辑的文本内容，因此建议设置一个小的延时后获取（可参考下方示例，[详细](https://github.com/jin-yufeng/mp-html/issues/368)）  
+
+示例：  
+```javascript
+Page({
+  onLoad () {
+    // ctx 为组件实例，获取方法见上
+    /**
+     * @description 设置获取链接的方法
+     * @param {String} type 链接的类型（img/video/audio/link）
+     * @param {String} value 修改链接时，这里会传入旧值
+     * @returns {Promise} 返回线上地址（2.2.0 版本起设置了 domain 属性时，可以缺省主域名）
+     *   type 为 audio/video 时，可以返回一个源地址数组
+     *   2.1.3 版本起 type 为 audio 时，可以返回一个 object，包含 src、name、author、poster 等字段
+     *   2.2.0 版本起 type 为 img 时，可以返回一个源地址数组，表示插入多张图片（修改链接时仅限一张）
+     */
+    this.ctx.getSrc = (type, value) => {
+      return new Promise((resolve, reject) => {
+        // 以图片为例
+        if (type == 'img') {
+          wx.chooseImage({
+            count: value === undefined ? 9 : 1, // 2.2.0 版本起插入图片时支持多张（修改图片链接时仅限一张）
+            success: res => {
+              wx.showLoading({
+                title: '上传中'
+              });
+              (async ()=>{
+                const arr = []
+                for (let item of res.tempFilePaths) {
+                  // 依次上传
+                  const src = await upload(item)
+                  arr.push(src)
+                }
+                return arr
+              })().then(res => {
+                wx.hideLoading()
+                resolve(res)
+              })
+            },
+            fail: reject
+          })
+        }
+      })
+    }
+  },
+  finishEdit () {
+    setTimeout(() => {
+      var html = ctx.getContent() // 获取编辑好的 html
+      // 上传 html
+      wx.request({
+        url: 'xxx',
+        data: {
+          html
+        },
+        success: () => {
+          this.setData({
+            editable: false // 结束编辑
+          })
+        }
+      })
+    }, 50)
+  }
+})
+```
+
+注意事项：  
+不要在 *editable* 属性被设置为 *true* 前通过 [setContent](advanced/api#setContent) 方法（用 [content](basic/prop#content) 属性）设置内容，否则在切换为 *true* 后会变成空白  
+
+## emoji
+功能：解析 *emoji*  
+大小：*≈3KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √ |
+
+说明：  
+将形如 *[笑脸]* 的文本替换为 *emoji* 字符 😄  
+匹配模式可以通过修改 *reg* 变量实现  
+默认配置了 *177* 个常用的 *emoji* 小表情，可以自行按照需要修改 *data* 变量  
+
+?> 与 [editable](#editable) 插件共用时，导出编辑好的 *html* 内容，会将 *emoji* 字符编码为文本形式，便于存储  
+
+## highlight
+功能：代码块高亮显示  
+大小：*≈16KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √ |
+
+说明：  
+编辑 *plugins/highlight/config.js* ，可以选择是否需要以下功能：  
+- *copyByLongPress* 是否需要长按代码块时显示复制代码内容菜单（*uni-app nvue* 暂不支持）  
+- *showLanguageName* 是否在代码块右上角显示语言的名称  
+- *showLineNumber* 是否在左侧显示行号  
+
+!> 修改该配置后需要重新 [生成组件包](advanced/develop#pack)，在构建后的组件包中修改配置无法生效
+
+引入本插件后，*html* 中符合以下格式的 *pre* 将被高亮处理：  
+```html
+<!-- pre 中内含一个 code，并在 pre 或 code 的 class 中设置 language- -->
+<pre><code class="language-css">p { color: red }</code></pre>
+```
+
+?> 与 [editable](#editable) 插件共用时，编辑状态下，不会进行高亮，可以直接修改代码文本
+
+?> 本插件的高亮功能依赖于 [prismjs](https://prismjs.com/)，默认配置中仅支持 *html*、*css*、*c-like*、*javascript* 语言和 *Tomorrow Night* 主题，如果需要更多语言或更换主题请前往 [官网](https://prismjs.com/download.html) 下载对应的 *prism.min.js* 和 *prism.css* 并替换 *plugins/highlight/* 目录下的文件（*prismjs* 的插件大多涉及 *dom* 操作，基本不可用，请勿选择）  
+
+## markdown
+功能：渲染 *markdown*  
+大小：*≈37KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √ |
+
+说明：  
+引入本插件后，会给组件添加一个 *markdown* 属性，将该属性设置为 *true* 后，即可通过 [content](basic/prop#content) 属性或 [setContent](advanced/api#setContent) 方法设置 *markdown* 内容即可  
+
+?> 若开启 [use-anchor](basic/prop#use-anchor) 属性，所有标题 `# xxx` 都会被设置为锚点，通过链接 `[xxx](#xxx)` 可以直接跳转  
+
+?> 本插件通过 [marked](https://github.com/markedjs/marked) 解析 *markdown* 文本，部分 *css* 摘选自 [github-markdown-css](https://github.com/sindresorhus/github-markdown-css)  
+
+?> 本插件可以和 [highlight](#highlight) 插件共用，实现 *markdown* 中代码块的高亮效果  
+
+## search
+功能：关键词搜索  
+大小：*≈1.5KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √(nvue 不支持) |
+
+说明：  
+引入后会在 [组件实例](advanced/api#getCompent) 上挂载一个 *search* 方法，用于关键词搜索  
+
+输入值  
+
+| 参数名 | 类型 | 默认值 | 说明 |
+|:---:|:---:|:---:|---|
+| key | String 或 RegExp | - | 要搜索的关键词，支持字符串和正则 |
+| anchor | Boolean | false | 是否将搜索结果设置为锚点 |
+| style | String | background-color:yellow | 标记搜索结果的样式 |
+
+返回值：*Promise*    
+
+| 属性 | 类型 | 说明 |
+|:---:|:---:|---|
+| num | Number | 搜索结果数量 |
+| highlight | Function(i, style='background-color:#FF9632') | 高亮第 i（1 ~ num）个结果，将其样式设置为 style |
+| jump | Function(i, offset) | 跳转到第 i（1 ~ num）个结果，偏移量为 offset，anchor 为 true 才可用 |
+
+示例：  
+```javascript
+function search (key) {
+  // ctx 为组件实例
+  ctx.search(key, true).then(res => {
+    res.highlight(1)
+    res.jump(1, -50) // 高亮第 1 个结果并跳转到该位置，偏移量 -50
+  })
+}
+```
+
+?> 具体用法可以参考示例小程序 [源代码](https://github.com/jin-yufeng/mp-html-demo)
+
+附加说明：  
+1. 不传入 *key*（或为空）时即可取消搜索，取消所有的高亮，还原到原来的效果  
+2. 进行新的搜索时旧的搜索结果将被还原，旧的结果中的 *highlight* 等方法不再可用  
+3. 调用 *highlight* 方法高亮一个结果时，之前被高亮的结果会被还原，即始终只有一个结果被高亮  
+4. *key* 传入字符串时大小写敏感，如果要忽略大小写可以用正则的 *i*（字符串搜索效率高于正则）  
+5. 设置 *anchor* 为 *true* 会一定程度上降低效率，非必要不要开启  
+6. 暂不支持跨标签搜索，即只有一个文本节点内包含整个关键词才能被搜索到  
+
+## style
+功能：解析和匹配 *style* 标签中的样式  
+
+?> 这里的 *style* 标签指的是传入 [content](basic/prop#content) 属性中的 *html* 里包含的 *style* 标签，且 *style* 标签要放在其他标签前面才能生效  
+
+大小：*≈3.5KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √ (nvue 直接支持) |
+
+说明：  
+支持以下选择器：  
+
+| 名称 | 示例 |
+|:---:|---|
+| 标签名选择器 | p {} |
+| class 选择器 | .class {} |
+| id 选择器 | #id {} |
+| 多选择器交集 | p.class {} |
+| 多选择器并集 | p, .class {} |
+| 后代选择器 | .class1 .class2 {} |
+| 子选择器 | .class1 > .class2 {} |
+| 伪类 | .class::before {} |
+
+伪类仅支持 *before* 和 *after*，支持 *attr* 方法  
+不支持的选择器（属性选择器等）将被忽略  
+
+!> 由于小程序中无法动态写入 *css*，本插件的实现原理是通过解析，将匹配的样式添加到各标签的行内 *style* 中去，请慎用宽泛的选择器，以免大大增加解析结果大小，减慢渲染速度  
+
+## txv-video
+功能：使用腾讯视频  
+大小：*≈1KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ |   |   |   | √ (h5 和 app 直接支持) |
+
+说明：  
+引入本插件后，*html* 中符合下方格式的 *iframe* 标签（*src* 中含有 *vid*）将被转为通过腾讯视频播放：  
+```html
+<iframe src="https://v.qq.com/txp/iframe/player.html?vid=xxxxxx" allowFullScreen="true"></iframe>
+```
+
+同时，其可以被 [pause-video](basic/prop#pause-video) 属性控制  
+
+!> 本插件仅用于将官方 [腾讯视频插件](https://github.com/tvfe/txv-miniprogram-plugin) 应用于本组件，使用前请确认已经成功申请使用该插件并按要求在小程序 *app.json* 中配置完成（*uni-app* 中的配置方法可以参考 [#103](https://github.com/jin-yufeng/mp-html/issues/103#issuecomment-654586246)），否则可能报错 **This application has not registered any plugins yet** 且无法生效  
+
+?> 腾讯视频插件 [v2](https://github.com/tvfe/txv-miniprogram-plugin) 默认自动播放，[v1](https://github.com/tvfe/txv-miniprogram-plugin/blob/master/archieve/readme.md) 不会，可按需选择  
+
+## img-cache
+功能：图片本地缓存  
+大小：*≈4KB*  
+作者：[@PentaTea](https://github.com/PentaTea)  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+|  |  |  |  |  | √(仅支持 app 的 vue 页面) |
+
+说明：  
+引入本插件后，会给组件添加一个 *img-cache* 属性，将该属性设置为 *true* 后，将自动下载引用的图片并将 *src* 属性更换为本地地址  
+同时在 [组件实例](advanced/api#getCompent) 上挂载了 *imgCache* 对象，扩充缓存控制能力  
+
+*imgCache* 对象属性和方法：  
+
+| 属性 | 功能 |
+|:---:|:---:|
+| list | 当前缓存的 url 列表 |
+| get(url) | 传入 url 获得本地地址 |
+| delete(url) | 传入 url 删除缓存记录 |
+| add(url) | 传入 url 并下载目标为缓存 |
+| clear() | 清空所有缓存 |
+
+!> 请尽量确保 *src* 中含有文件后缀名，不以后缀结尾也没关系，插件会从路径中推测合理的图片后缀，如果完全不包含后缀信息可能会无法保存到相册  
+
+## latex
+功能：渲染 *latex* 公式  
+大小：**≈300KB**  
+作者：[@Zeng-J](https://github.com/Zeng-J)  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √ |
+
+说明：  
+引入本插件后，会将 *$xxx$* 的文本内容按照 *latex* 规则进行解析和渲染   
+
+?> [2.5.0](changelog/changelog#v250) 版本起支持 *$$xxx$$* 形式的块级公式
+
+?> 与 [editable](#editable) 插件共用时，编辑状态下，公式不会渲染，可以直接修改公式文本
+
+?> 在 *js* 的字符串中写 *latex* 公式时需注意 *\\* 会变成转义符，要使用 *\\\\* 或 *String.raw``* 的方式
+
+?> 本插件通过 [katex-mini](https://github.com/rojer95/katex-mini) 解析 *latex* 文本，[字体文件](https://github.com/KaTeX/KaTeX/tree/main/fonts) 建议自行转存  
+
+## card
+功能：商品（联络人）信息卡  
+大小：*≈7KB*  
+作者：[@whoooami](https://github.com/whoooami)  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √(nvue 不支持) |
+
+效果图：  
+![效果图](../assets/plugin/card.png)
+
+参数列表：  
+
+|参数名|是否必须|类型|说明|
+|:---- |:---|:----- |----- |
+|src|是|String|图片Url|
+|title|是|String|标题|
+|desc|是|String|描述|
+|url|是|String|跳转url|
+|color|是|String|文字颜色|
+|bgcolor|是|String|卡片背景颜色|
+|border|是|String|卡片边框颜色|
+
+说明：  
+1. 可以显示商品信息卡片/联络人信息卡片  
+
+基础库要求：    
+满足最低要求即可  
+
+?> 如果希望页面上使用本组件，组件的路径为 *path/to/mp-html/card/card*  
+
+## 开发插件 :id=develop
+一个插件大致需要以下文件（*plugin/template* 中提供了一个模板） 
+
+- *build.js*  
+  构建文件，需要导出一个 *object*，可以内含以下项：  
+
+  | 名称 | 类型 | 默认值 | 功能 |
+  |:---:|:---:|:---:|---|
+  | main | string | index.js | 入口文件路径 |
+  | platform | string[] | ['mp-weixin', 'mp-qq', 'mp-baidu', 'mp-alipay', 'mp-toutiao', 'uni-app'] | 支持使用的平台 |
+  | template | string | - | 要被添加到模板文件中的标签 (nvue 不可用) |
+  | methods | object | {} | 用于处理模板中事件的方法 (nvue 不可用) |
+  | style | string | - | 用于模板文件的 css 样式 |
+  | import | string&#124;string[] | - | 用于模板文件的 css 文件路径 |
+  | usingComponents | object | {} | 用于模板的组件或插件列表 (nvue 不可用) |
+  | handler | function | - | 自定义文件处理方法 |
+
+
+- *index.js*  
+  入口文件，导出一个 *function*，每个组件在被创建时，会依次实例化各个插件，并传入组件实例可供调用  
+  插件实例上可以挂载以下钩子方法，将在对应时机被调用  
+
+  | 名称 | 触发时机 | 参数 | 返回值 |
+  |:---:|:---:|:---:|:---:|
+  | onUpdate | 更新 html 内容时触发 | 更新的 html 内容和解析配置 | 如果对输入值进行了修改，则返回修改后的内容 |
+  | onParse | 解析到一个标签时触发 | 标签和解析器实例 | 返回 false 将移除该标签 |
+  | onLoad | dom 树加载完成时触发 | - | - |
+  | onDetached | 组件被移除时触发 | - | - |
+
+- *README.md*  
+使用说明  
+
+- *其他依赖文件*  
+插件目录下，除了 *.md* 的文件、*build.js* 和 *import* 字段中的 *css* 文件，其他的都会被拷贝到生成的组件包中，因此请不要放置无关文件  
+
+对于仅在原生平台中使用的内容可放在 *miniprogram* 目录下，仅在 *uni-app* 中使用的内容可放在 *uni-app* 目录下，两个目录下可以分别放置 *build.js*  
+
+如果在插件中需要用到解析器（将 *html* 字符串解析为 *nodes* 数组），可以引入 *src/parser.js* 使用，方法如下：  
+```javascript
+const Parser = require('../parser.js')
+var instance = new Parser(vm) // 实例化解析器，传入组件实例将自动获取相关配置
+var nodes = instance.parse(content) // 解析完成
+```
+
+!> 如果编写了插件，在升级组件包时请注意备份，避免丢失  
+
+?> 欢迎提交实用的插件 [pull requests](https://github.com/jin-yufeng/mp-html/pulls) 到 *plugins* 文件夹  
diff --git a/wechat-mini-program/components/mp-html/docs/assets/case/365刷题.jpg b/wechat-mini-program/components/mp-html/docs/assets/case/365刷题.jpg
new file mode 100644
index 0000000..460a394
Binary files /dev/null and b/wechat-mini-program/components/mp-html/docs/assets/case/365刷题.jpg differ
diff --git a/wechat-mini-program/components/mp-html/docs/assets/case/AI瓦力.jpg b/wechat-mini-program/components/mp-html/docs/assets/case/AI瓦力.jpg
new file mode 100644
index 0000000..69a4956
Binary files /dev/null and b/wechat-mini-program/components/mp-html/docs/assets/case/AI瓦力.jpg differ
diff --git a/wechat-mini-program/components/mp-html/docs/assets/case/MiniProgram模版演示.jpg b/wechat-mini-program/components/mp-html/docs/assets/case/MiniProgram模版演示.jpg
new file mode 100644
index 0000000..983343b
Binary files /dev/null and b/wechat-mini-program/components/mp-html/docs/assets/case/MiniProgram模版演示.jpg differ
diff --git a/wechat-mini-program/components/mp-html/docs/assets/case/优秀笔记.jpg b/wechat-mini-program/components/mp-html/docs/assets/case/优秀笔记.jpg
new file mode 100644
index 0000000..46b8ee4
Binary files /dev/null and b/wechat-mini-program/components/mp-html/docs/assets/case/优秀笔记.jpg differ
diff --git a/wechat-mini-program/components/mp-html/docs/assets/case/你的代码写的真棒.jpg b/wechat-mini-program/components/mp-html/docs/assets/case/你的代码写的真棒.jpg
new file mode 100644
index 0000000..37838c5
Binary files /dev/null and b/wechat-mini-program/components/mp-html/docs/assets/case/你的代码写的真棒.jpg differ
diff --git a/wechat-mini-program/components/mp-html/docs/assets/case/典典博客.jpg b/wechat-mini-program/components/mp-html/docs/assets/case/典典博客.jpg
new file mode 100644
index 0000000..dc832bc
Binary files /dev/null and b/wechat-mini-program/components/mp-html/docs/assets/case/典典博客.jpg differ
diff --git a/wechat-mini-program/components/mp-html/docs/assets/case/古典文学名著阅读.jpg b/wechat-mini-program/components/mp-html/docs/assets/case/古典文学名著阅读.jpg
new file mode 100644
index 0000000..a655594
Binary files /dev/null and b/wechat-mini-program/components/mp-html/docs/assets/case/古典文学名著阅读.jpg differ
diff --git a/wechat-mini-program/components/mp-html/docs/assets/case/同城共享书.jpg b/wechat-mini-program/components/mp-html/docs/assets/case/同城共享书.jpg
new file mode 100644
index 0000000..a9f11c7
Binary files /dev/null and b/wechat-mini-program/components/mp-html/docs/assets/case/同城共享书.jpg differ
diff --git a/wechat-mini-program/components/mp-html/docs/assets/case/多么生活.jpg b/wechat-mini-program/components/mp-html/docs/assets/case/多么生活.jpg
new file mode 100644
index 0000000..8a4c146
Binary files /dev/null and b/wechat-mini-program/components/mp-html/docs/assets/case/多么生活.jpg differ
diff --git a/wechat-mini-program/components/mp-html/docs/assets/case/富文本插件.jpg b/wechat-mini-program/components/mp-html/docs/assets/case/富文本插件.jpg
new file mode 100644
index 0000000..908fc45
Binary files /dev/null and b/wechat-mini-program/components/mp-html/docs/assets/case/富文本插件.jpg differ
diff --git a/wechat-mini-program/components/mp-html/docs/assets/case/小莫唐尼.png b/wechat-mini-program/components/mp-html/docs/assets/case/小莫唐尼.png
new file mode 100644
index 0000000..18e732a
Binary files /dev/null and b/wechat-mini-program/components/mp-html/docs/assets/case/小莫唐尼.png differ
diff --git a/wechat-mini-program/components/mp-html/docs/assets/case/微慕.jpg b/wechat-mini-program/components/mp-html/docs/assets/case/微慕.jpg
new file mode 100644
index 0000000..c09a03b
Binary files /dev/null and b/wechat-mini-program/components/mp-html/docs/assets/case/微慕.jpg differ
diff --git a/wechat-mini-program/components/mp-html/docs/assets/case/技术源share.jpg b/wechat-mini-program/components/mp-html/docs/assets/case/技术源share.jpg
new file mode 100644
index 0000000..1c3ccf3
Binary files /dev/null and b/wechat-mini-program/components/mp-html/docs/assets/case/技术源share.jpg differ
diff --git a/wechat-mini-program/components/mp-html/docs/assets/case/欢喜商城.png b/wechat-mini-program/components/mp-html/docs/assets/case/欢喜商城.png
new file mode 100644
index 0000000..4906ce5
Binary files /dev/null and b/wechat-mini-program/components/mp-html/docs/assets/case/欢喜商城.png differ
diff --git a/wechat-mini-program/components/mp-html/docs/assets/case/科学复习.png b/wechat-mini-program/components/mp-html/docs/assets/case/科学复习.png
new file mode 100644
index 0000000..2a865d8
Binary files /dev/null and b/wechat-mini-program/components/mp-html/docs/assets/case/科学复习.png differ
diff --git a/wechat-mini-program/components/mp-html/docs/assets/case/程序员技术之旅.jpg b/wechat-mini-program/components/mp-html/docs/assets/case/程序员技术之旅.jpg
new file mode 100644
index 0000000..d998ebd
Binary files /dev/null and b/wechat-mini-program/components/mp-html/docs/assets/case/程序员技术之旅.jpg differ
diff --git a/wechat-mini-program/components/mp-html/docs/assets/case/谛否.jpg b/wechat-mini-program/components/mp-html/docs/assets/case/谛否.jpg
new file mode 100644
index 0000000..fe48024
Binary files /dev/null and b/wechat-mini-program/components/mp-html/docs/assets/case/谛否.jpg differ
diff --git a/wechat-mini-program/components/mp-html/docs/assets/case/食法查.png b/wechat-mini-program/components/mp-html/docs/assets/case/食法查.png
new file mode 100644
index 0000000..4976554
Binary files /dev/null and b/wechat-mini-program/components/mp-html/docs/assets/case/食法查.png differ
diff --git a/wechat-mini-program/components/mp-html/docs/assets/group.jpg b/wechat-mini-program/components/mp-html/docs/assets/group.jpg
new file mode 100644
index 0000000..4cad35c
Binary files /dev/null and b/wechat-mini-program/components/mp-html/docs/assets/group.jpg differ
diff --git a/wechat-mini-program/components/mp-html/docs/assets/logo/logo.ico b/wechat-mini-program/components/mp-html/docs/assets/logo/logo.ico
new file mode 100644
index 0000000..eb76b52
Binary files /dev/null and b/wechat-mini-program/components/mp-html/docs/assets/logo/logo.ico differ
diff --git a/wechat-mini-program/components/mp-html/docs/assets/logo/logo.png b/wechat-mini-program/components/mp-html/docs/assets/logo/logo.png
new file mode 100644
index 0000000..8ac81cc
Binary files /dev/null and b/wechat-mini-program/components/mp-html/docs/assets/logo/logo.png differ
diff --git a/wechat-mini-program/components/mp-html/docs/assets/plugin/card.png b/wechat-mini-program/components/mp-html/docs/assets/plugin/card.png
new file mode 100644
index 0000000..2e60c32
Binary files /dev/null and b/wechat-mini-program/components/mp-html/docs/assets/plugin/card.png differ
diff --git a/wechat-mini-program/components/mp-html/docs/assets/sponsor.png b/wechat-mini-program/components/mp-html/docs/assets/sponsor.png
new file mode 100644
index 0000000..7390546
Binary files /dev/null and b/wechat-mini-program/components/mp-html/docs/assets/sponsor.png differ
diff --git a/wechat-mini-program/components/mp-html/docs/assets/tutorials/01.png b/wechat-mini-program/components/mp-html/docs/assets/tutorials/01.png
new file mode 100644
index 0000000..7bbcf8a
Binary files /dev/null and b/wechat-mini-program/components/mp-html/docs/assets/tutorials/01.png differ
diff --git a/wechat-mini-program/components/mp-html/docs/assets/tutorials/02.png b/wechat-mini-program/components/mp-html/docs/assets/tutorials/02.png
new file mode 100644
index 0000000..bbb5a0d
Binary files /dev/null and b/wechat-mini-program/components/mp-html/docs/assets/tutorials/02.png differ
diff --git a/wechat-mini-program/components/mp-html/docs/assets/tutorials/03.png b/wechat-mini-program/components/mp-html/docs/assets/tutorials/03.png
new file mode 100644
index 0000000..1818809
Binary files /dev/null and b/wechat-mini-program/components/mp-html/docs/assets/tutorials/03.png differ
diff --git a/wechat-mini-program/components/mp-html/docs/assets/tutorials/04.png b/wechat-mini-program/components/mp-html/docs/assets/tutorials/04.png
new file mode 100644
index 0000000..d0147ac
Binary files /dev/null and b/wechat-mini-program/components/mp-html/docs/assets/tutorials/04.png differ
diff --git a/wechat-mini-program/components/mp-html/docs/basic/event.md b/wechat-mini-program/components/mp-html/docs/basic/event.md
new file mode 100644
index 0000000..5b2993b
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/docs/basic/event.md
@@ -0,0 +1,173 @@
+# 📫 事件 :id=event
+
+## 获取方式 :id=method
+- *uni-app*  
+  *@* + 事件名 或 *v-on:* + 事件名  
+  事件信息从 *event* 中获取  
+  ```vue
+  <template>
+    <view>
+      <mp-html @ready="ready" />
+    </view>
+  </template>
+  <script>
+    export default {
+      methods: {
+        ready (e) {
+          console.log(e)
+        }
+      }
+    }
+  </script>
+  ```
+
+- 支付宝小程序  
+  *on* + 事件名（首字母大写）  
+  事件信息从 *event* 中获取  
+  ```axml
+  <mp-html onReady="ready">
+  ```
+  ```javascript
+  Page({
+    ready (e) {
+      console.log(e)
+    }
+  })
+  ```
+
+- 其他小程序平台  
+  *bind* + 事件名  
+  事件信息从 *event.detail* 中获取  
+  ```wxml
+  <mp-html bindready="ready" />
+  ```
+  ```javascript
+  Page({
+    ready (e) {
+      console.log(e.detail)
+    }
+  })
+  ```
+
+## load
+触发时机：*dom* 树加载完毕时  
+返回值：无  
+用途：可以调用 [api](advanced/api) 函数  
+
+## ready
+触发时机：图片加载完毕时（不包含懒加载的图片）  
+
+?> 判断方式是 *350ms* 总高度无变化就认为加载完毕，部分情况下可能不准确；[2.4.0](changelog/changelog#v240) 版本起 [lazy-load](basic/prop#lazy-load) 属性为 *false* 时根据图片的 *load* 事件判断，可以基本准确触发
+
+返回值：富文本区域的 *boundingClientRect* 结构体，包含大小位置信息  
+用途：此时进行 [锚点跳转](advanced/api#navigateTo) 可以基本保证跳转位置正确  
+
+?> 如果设置了 [懒加载](basic/prop#lazy-load)，此时返回的大小不一定是最终大小，如果需要实时的大小，可以调用 [getRect](advanced/api#getRect) 方法  
+
+## error
+触发时机：发生渲染错误时  
+返回值：一个 *object*，其中 *source* 为错误来源（包括 *img*、*video*、*audio*），*attrs* 为该标签的属性列表（包含 *src* 等信息），*errMsg* 是错误信息  
+用途：收集错误信息，减少使用出错率高的链接  
+
+## imgtap
+触发时机：图片被点击时  
+返回值：该 *img* 标签的属性列表  
+用途：  
+默认情况下图片被点击时将自动预览（具体处理可见 [图片效果](overview/feature#img)），如果不希望如此，可将 [preview-img](basic/prop#preview-img) 属性设置为 *false* 并在这里自定义处理  
+如果需要用到富文本中所有图片的数组，可以通过 [imgList](advanced/api#imgList) 的 *api* 获取  
+示例：  
+```javascript
+Page({
+  imgtap (e) {
+    // 对做了某种标记的图片进行预览
+    if (e.detail['data-flag']) {
+      wx.previewImage({
+        urls: [e.detail.src] // 仅预览单张图片
+      })
+    }
+  }
+})
+```
+
+## linktap
+触发时机：链接被点击时  
+返回值：该 *a* 标签的属性列表  
+
+?> [2.0.5](changelog/changelog#v205) 版本起增加返回该标签内部文本 *innerText*
+
+用途：  
+默认情况下链接被点击时，对于外部链接，将被拷贝到剪贴板，如果不希望如此，可以将 [copy-link](basic/prop#copy-link) 属性的值设置为 *false* 后在这里自定义处理，可参考以下方案：  
+
+1. 跳转 *web-view*  
+   跳转到一个新的页面，该页面放置一个 [web-view](https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html) 用于显示外部网页（需要注意 *web-view* 的使用限制）  
+2. 跳转其他小程序  
+   对于其他小程序的链接（可通过自行设置的 *data-* 属性判断），通过 [navigateToMiniProgram](https://developers.weixin.qq.com/miniprogram/dev/api/open-api/miniprogram-navigate/wx.navigateToMiniProgram.html) 接口跳转（需要注意跳转限制）  
+3. 下载文档  
+   对于文档类的链接（可通过后缀名或自行设置的 *data-* 属性判断），可以通过 [downloadFile](https://developers.weixin.qq.com/miniprogram/dev/api/network/download/wx.downloadFile.html) 接口下载文件后通过 [openDocument](https://developers.weixin.qq.com/miniprogram/dev/api/file/wx.openDocument.html) 接口打开文档（需要注意下载域名限制）  
+4. 下载压缩包  
+   对于压缩包类的链接（可通过后缀名或自行设置的 *data-* 属性判断），可以通过 [downloadFile](https://developers.weixin.qq.com/miniprogram/dev/api/network/download/wx.downloadFile.html) 接口下载文件后通过 [FileSystemManager.unzip](https://developers.weixin.qq.com/miniprogram/dev/api/file/FileSystemManager.unzip.html) 接口解压，然后进行打开文档等操作（需要注意下载域名限制）  
+   对于大文件（可通过 *data-* 属性标注），还可以在下载前进行询问，下载过程中通过 [DownloadTask](https://developers.weixin.qq.com/miniprogram/dev/api/network/download/DownloadTask.html) 提示下载进度等  
+
+示例：  
+```javascript
+Page({
+  linktap (e) {
+    if (e.detail.href.includes('.doc')) {
+      // 下载 doc 文件
+      wx.downloadFile({
+        url: e.detail.href,
+        success (res) {
+          wx.hideLoading()
+          wx.openDocument({
+            filePath: res.tempFilePath
+          })
+        },
+        fail (err) {
+          wx.hideLoading()
+          wx.showModal({
+            title: '失败',
+            content: err.errMsg,
+            showCancel: false
+          })
+        }
+      })
+    } else if (e.detail.href.includes('xxx.com')) {
+      // 跳转到 webview
+      wx.navigateTo({
+        url: 'pages/webview/webview?url=' + e.detail.href,
+      })
+    } else if (e.detail['data-appid']) {
+      // 跳转其他小程序
+      wx.navigateToMiniProgram({
+        appId: e.detail['data-appid']
+      })
+    }
+  }
+})
+```
+
+## play
+
+?> [2.3.0](changelog/changelog#v230) 版本起支持  
+
+触发时机：音视频播放时  
+返回值：无  
+
+?> [2.5.0](changelog/changelog#v250) 版本起返回值变更为一个 *object*，其中 *source* 为播放来源（包括 *video*、*audio*），*attrs* 为该标签的属性列表（包含 *src* 等信息），可以统计播放量等信息
+
+用途：和 [pauseMedia](advanced/api#pauseMedia) 的 `api` 配合可以实现与页面中其他音视频进行互斥播放  
+示例：  
+```javascript
+Page({
+  // 页面中的音视频播放事件
+  pagePlay() {
+    // ctx 为组件实例
+    ctx.pauseMedia() // 暂停组件内的音视频播放
+  },
+  // 组件的 play 事件
+  componentPlay() {
+    // media 为页面中的音视频实例
+    media.pause() // 暂停页面中的音视频播放
+  }
+})
+```
diff --git a/wechat-mini-program/components/mp-html/docs/basic/prop.md b/wechat-mini-program/components/mp-html/docs/basic/prop.md
new file mode 100644
index 0000000..c7c9ec0
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/docs/basic/prop.md
@@ -0,0 +1,141 @@
+# 🔨 属性 :id=prop
+
+!> 需要将某个属性设置为 *false* 时，应写作 *attr="{{false}}"*  
+
+## container-style
+
+?> [2.1.0](changelog/changelog#v210) 版本起支持  
+
+功能：设置容器的样式  
+类型：*String*  
+示例：  
+```css
+padding: 5px; /* 设置内边距 */
+font-size: 18px; /* 设置默认的字体大小 */
+overflow: hidden; /* 禁用横向滚动 */
+display: inline; /* 行内显示 */
+white-space: pre-wrap; /* 保留空格和换行符 */
+white-space: pre-line; /* 保留换行符 */
+```
+
+## content
+功能：用于渲染的 *html* 字符串  
+类型：*String*  
+
+## copy-link
+功能：是否允许外部链接被点击时自动复制  
+类型：*Boolean*  
+默认值：*true*  
+
+?> 对于 *uni-app* 的 *h5* 和 *app* 平台，外链是能够直接跳转的，这种情况下如果该属性为 *true* 则直接跳转外链（而不是复制链接），为 *false* 则不跳转  
+
+## domain
+功能：主域名（用于链接拼接）  
+类型：*String*  
+示例：  
+```html
+<!-- 假设 domain 属性被设置为 https://example.com
+     以下链接均会被拼接为 https://example.com/path -->
+<img src="//example.com/path" />
+<img src="/path" />
+<div style="background-image:url('path')"></div>
+```
+
+?> 通过 *base* 标签也可以设置主域名，但优先级低于此属性  
+
+!> 该属性必须填写 协议名://域名 的完整链接  
+暂不支持拼接含有 *../* 的相对路径链接  
+*a* 标签的 *href* 属性可能需要跳转到小程序内路径，因此不进行 *domain* 拼接  
+设置该属性后将无法使用本地图片  
+
+## error-img
+功能：图片出错时的占位图链接  
+类型：*String*  
+
+!> 该属性不会进行拼接 [domain](#domain)，需传入完整路径（可以使用本地路径）  
+
+## lazy-load
+功能：是否开启图片懒加载  
+类型：*Boolean*  
+默认值：*false*  
+
+?> 不同平台懒加载的时机不同，具体参考各平台 *image* 组件懒加载的时机  
+
+## loading-img
+功能：图片加载过程中的占位图链接  
+类型：*String*  
+
+!> 该属性不会进行拼接 [domain](#domain)，需传入完整路径（可以使用本地路径）  
+
+## pause-video
+功能：是否在播放一个视频时自动暂停其他视频  
+类型：*Boolean*  
+默认值：*true*  
+
+?> 如果需要多个视频同时播放的，请将此属性设置为 *false*  
+
+## preview-img
+功能：是否允许图片被点击时自动预览  
+类型：*Boolean*  
+默认值：*true*  
+
+?> 自动预览允许左右滑动查看所有图片，如果不希望如此可以禁用自动预览并在 [imgtap](basic/event#imgtap) 事件中自行处理  
+
+!> 默认情况下 *base64* 图片无法点击预览，[2.5.0](changelog/changelog#v250) 版本起支持将本属性设置为 *"all"* 开启 *base64* 图片的预览，但需要注意各平台 *previewImage* 的 *api* 对 *base64* 图片支持度不高，需充分测试后使用，如果无法预览，可参考 [imgList](advanced/api#imgList) 中的方法进行转存
+
+## scroll-table
+功能：是否给每个表格添加一个滚动层使其能单独横向滚动  
+类型：*Boolean*  
+默认值：*false*  
+
+!> 如果表格设置了 *inline* 布局，该属性将不会生效以免破坏行内布局  
+
+## selectable
+功能：是否开启文本长按复制  
+类型：*Boolean* / *String*  
+默认值：*false*  
+
+!> 将本属性的值设置为 *true* 在微信 *iOS* 端可能失效，[2.0.5](changelog/changelog#v205) 版本起支持将本属性设置为 "*force*" 来支持，但会带来以下影响：  
+1、所有文本块会显示为 *inline-block*（通过 [text](https://developers.weixin.qq.com/miniprogram/dev/component/text.html) 标签的 *user-select* 属性实现），需要自行适配  
+2、文字下划线、删除线等效果将失效（[详细](https://github.com/jin-yufeng/mp-html/issues/382)）  
+3、所有文本块都无法被 *rich-text* 包含，一定程度上增加标签数，减慢渲染速度  
+从 [2.3.1](changelog/changelog#v231) 版本起对此问题进行优化（通过 [rich-text](https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html) 标签的 *user-select* 属性实现，基础库 *2.24.0* 及以上生效），第 *3* 个问题已解决，第 *1*、*2* 个问题部分情况下还会存在
+
+## set-title
+功能：是否将 *title* 标签的内容设置到页面标题  
+类型：*Boolean*  
+默认值：*true*  
+
+## show-img-menu
+
+?> [2.3.0](changelog/changelog#v230) 版本起支持控制预览时是否长按显示菜单（仅微信、百度小程序有效）
+
+功能：是否允许图片被长按时显示菜单  
+类型：*Boolean*  
+默认值：*true*  
+
+!> 该属性目前仅微信、百度和 *uni-app* 的 *app* 平台有效  
+
+## tag-style
+功能：设置标签的默认样式  
+类型：*Object*  
+示例：  
+```javascript
+// 格式为 标签名: 样式
+{
+  a: 'color:red' // a 标签默认为红色
+}
+```
+
+?> 该属性非响应式，需要在设置 [content](#content) 属性前设置才能生效，动态修改不能实时生效
+
+!> 该属性的原理是解析到各标签的内联 *style* 属性中去，如果对特别常用的标签设置默认样式，将大大加大解析结果大小，减慢渲染速度，这种情况下建议通过 [外部样式](overview/quickstart#setting) 引入  
+
+## use-anchor
+功能：是否使用锚点链接  
+类型：*Boolean* / *Number*  
+默认值：*false*  
+
+?> 传入一个数字时表示跳转锚点的偏移量（单位 *px*）  
+
+?> 开启该属性会将所有设置了 *id* 属性的标签都暴露出来，一定程度上减慢渲染速度，非必要不要开启  
diff --git a/wechat-mini-program/components/mp-html/docs/changelog/changelog.md b/wechat-mini-program/components/mp-html/docs/changelog/changelog.md
new file mode 100644
index 0000000..c59f53b
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/docs/changelog/changelog.md
@@ -0,0 +1,322 @@
+# 📖 更新日志 :id=changelog
+
+## v2.5.1
+发布时间：*2025-04-20*  
+主要更新：
+1. `U` `uni-app` 包适配鸿蒙 `APP` [详细](https://github.com/jin-yufeng/mp-html/issues/615)
+2. `U` 微信小程序替换废弃 `api` `getSystemInfoSync` [详细](https://github.com/jin-yufeng/mp-html/issues/613)
+3. `F` 修复了微信小程序 `glass-easel` 框架下真机换行异常的问题 [详细](https://github.com/jin-yufeng/mp-html/pull/607) by [@PaperStrike](https://github.com/PaperStrike)
+4. `F` 修复了 `uni-app` 包 `app` 端播放视频可能报错的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/617)
+5. `F` 修复了 [latex](advanced/plugin#latex) 插件可能出现 `xxx can be used only in display mode` 的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/632)
+6. `F` 修复了 `uni-app` 包 [latex](advanced/plugin#latex) 公式可能不显示的问题  [#599](https://github.com/jin-yufeng/mp-html/issues/599)、[#627](https://github.com/jin-yufeng/mp-html/issues/627)
+
+## v2.5.0
+发布时间：*2024-04-22*  
+主要更新：
+1. `U` [play](basic/event#play) 事件增加返回 `src` 等信息 [详细](https://github.com/jin-yufeng/mp-html/issues/526)
+2. `U` [preview-img](basic/prop#preview-img) 属性支持设置为 `all` 开启 `base64` 图片预览 [详细](https://github.com/jin-yufeng/mp-html/issues/536)
+3. `U` [editable](advanced/plugin#editable) 插件增加简易模式（点击文字直接编辑）
+4. `U` [latex](advanced/plugin#latex) 插件支持块级公式 [详细](https://github.com/jin-yufeng/mp-html/issues/582)
+5. `F` 修复了表格部分情况下背景丢失的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/587)
+6. `F` 修复了部分 `svg` 无法显示的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/591)
+7. `F` 修复了 `uni-app` 包 `h5` 和 `app` 端部分情况下样式无法识别的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/518)
+8. `F` 修复了 [latex](advanced/plugin#latex) 插件部分情况下显示不正确的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/580)
+9. `F` 修复了 [editable](advanced/plugin#editable) 插件表格无法删除的问题
+10. `F` 修复了 [editable](advanced/plugin#editable) 插件 `uni-app` 包 `vue3` `h5` 端点击图片报错的问题
+11. `F` 修复了 [editable](advanced/plugin#editable) 插件 `uni-app` 包点击表格没有菜单栏的问题
+
+## v2.4.3
+发布时间：*2024-01-21*  
+主要更新：
+1. `A` 增加 [card](advanced/plugin#card) 插件 [详细](https://github.com/jin-yufeng/mp-html/pull/533) by [@whoooami](https://github.com/whoooami)
+2. `F` 修复了 `svg` 中包含 `foreignobject` 可能不显示的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/523)
+3. `F` 修复了合并单元格的表格部分情况下显示不正确的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/561)
+4. `F` 修复了 `img` 标签设置 `object-fit` 无效的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/567)
+5. `F` 修复了 [latex](advanced/plugin#latex) 插件公式会换行的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/540) 
+6. `F` 修复了 `uni-app` 包 [editable](advanced/plugin#editable) 和 [audio](advanced/plugin#audio) 插件共用时点击 `audio` 无法编辑的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/529) by [@whoooami](https://github.com/whoooami)
+7. `F` 修复了支付宝小程序设置了宽高的图片可能显示不正常的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/544)
+8. `F` 修复了 `uni-app` 包微信小程序部分情况下图片会报错 `replace of undefined` 的问题
+9. `F` 修复了 `uni-app` 包快手小程序图片不显示的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/571)
+
+## v2.4.2
+发布时间：*2023-05-14*  
+主要更新：
+1. `A` [editable](advanced/plugin#editable) 插件支持修改文字颜色 [详细](https://github.com/jin-yufeng/mp-html/issues/254)
+2. `F` 修复了 `svg` 中有 `style` 不生效的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/505)
+3. `F` 修复了 `uni-app` 包使用旧版编译器可能报错 `Bad attr nodes` 的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/472)
+4. `F` 修复了 `uni-app` 包 `app` 端可能出现无法读取 `lazyLoad` 的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/513)
+5. `F` 修复了 [editable](advanced/plugin#editable) 插件在点击换图时未拼接 [domain](basic/prop#domain) 的问题 [详细](https://github.com/jin-yufeng/mp-html/pull/497) by [@TwoKe945](https://github.com/TwoKe945)
+6. `F` 修复了 [latex](advanced/plugin#latex) 插件部分情况下不显示的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/515) 
+7. `F` 修复了 [editable](advanced/plugin#editable) 插件点击音视频时其他标签框不消失的问题
+
+## v2.4.1
+发布时间：*2022-12-25*  
+主要更新：
+1. `F` 修复了没有图片时 [ready](basic/event#ready) 事件可能不触发的问题
+2. `F` 修复了加载过程中可能出现 `Root label not found` 错误的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/470)
+3. `F` 修复了 [audio](advanced/plugin#audio) 插件退出页面可能会报错的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/457)
+4. `F` 修复了 `uni-app` 包 `vue3` 运行到 `app` 在 `HBuilder X 3.6.10` 以上报错的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/480)
+5. `F` 修复了原生包链接内有图片时可能错误换行的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/464)
+6. `F` 修复了 `uni-app` 包 `nvue` 端链接中包含 `%22` 时可能无法显示的问题
+7. `F` 修复了 `uni-app` 包 `vue3` 使用 [highlight](advanced/plugin#highlight) 插件可能报错的问题
+8. `F` 修复了头条小程序使用 [editable](advanced/plugin#editable) 插件内容为空时点击会报错的问题
+
+## v2.4.0
+发布时间：*2022-08-27*  
+主要更新：  
+1. `A` 增加了 [setPlaybackRate](advanced/api#setPlaybackRate) 的 `api`，可以设置音视频的播放速率 [详细](https://github.com/jin-yufeng/mp-html/issues/452)
+2. `A` 示例小程序代码开源 [详细](https://github.com/jin-yufeng/mp-html-demo)
+3. `U` 优化 [ready](basic/event#ready) 事件触发时机，未设置懒加载的情况下基本可以准确触发 [详细](https://github.com/jin-yufeng/mp-html/issues/195)
+4. `U` [highlight](advanced/plugin#highlight) 插件在编辑状态下不进行高亮处理，便于编辑
+5. `F` 修复了 `flex` 布局下图片大小可能不正确的问题
+6. `F` 修复了 [selectable](basic/prop#selectable) 属性没有设置 `force` 也可能出现渲染异常的问题
+7. `F` 修复了表格中的图片大小可能不正确的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/448)
+8. `F` 修复了含有合并单元格的表格可能无法设置竖直对齐的问题
+9. `F` 修复了 [editable](advanced/plugin#editable) 插件在 `scroll-view` 中使用时工具条位置可能不正确的问题
+10. `F` 修复了 `uni-app` 包 `vue3` 使用 [search](advanced/plugin#search) 插件可能导致错误换行的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/449)
+
+## v2.3.2
+发布时间：*2022-08-13*  
+主要更新：
+1. `A` 增加 [latex](advanced/plugin#latex) 插件，可以渲染数学公式 [详细](https://github.com/jin-yufeng/mp-html/pull/447) by [@Zeng-J](https://github.com/Zeng-J)
+2. `U` 优化根节点下有很多标签的长内容渲染速度
+3. `U` [highlight](advanced/plugin#highlight) 插件适配 `lang-xxx` 格式
+4. `F` 修复了 `table` 标签设置 `border` 属性后可能无法修改边框样式的问题 [详细](https://github.com/jin-yufeng/mp-html/pull/439) by [@zouxingjie](https://github.com/zouxingjie)
+5. `F` 修复了 [editable](advanced/plugin#editable) 插件输入连续空格无效的问题
+6. `F` 修复了 `uni-app` 包 `vue3` 图片设置 `inline` 会报错的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/438)
+7. `F` 修复了 `uni-app` 包 `vue3` 使用 `table` 可能报错的问题
+
+## v2.3.1
+发布时间：*2022-05-20*  
+主要更新：
+1. `U` `uni-app` 包 `app` 端支持使用本地图片
+2. `U` 优化了微信小程序 [selectable](basic/prop#selectable) 属性在 `ios` 端的处理 [详细](basic/prop#selectable)
+3. `U` 原生包取消样式隔离，部分平台可以直接引入页面样式 [#376](https://github.com/jin-yufeng/mp-html/issues/376)、[详细](overview/quickstart#externStyle)
+4. `F` 修复了 [editable](advanced/plugin#editable) 插件不在顶部时 `tooltip` 位置可能错误的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/430)
+5. `F` 修复了 `uni-app` 包 `vue3` 运行到微信小程序可能报错丢失内容的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/414)
+6. `F` 修复了 `uni-app` 包 `vue3` 部分标签可能被错误换行的问题
+7. `F` 修复了原生包个别情况下可能报错的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/428)
+8. `F` 修复了 [editable](advanced/plugin#editable) 插件 `uni-app` 包的 `app` 端插入视频无法预览的问题
+
+## v2.3.0
+发布时间：*2022-04-01*  
+主要更新：  
+1. `A` 增加了 `play` 事件，音视频播放时触发，可用于与页面其他音视频进行互斥播放 [详细](basic/event#play)
+2. `U` [show-img-menu](basic/prop#show-img-menu) 属性支持控制预览时是否长按弹出菜单
+3. `U` 优化 `wxs` 处理，提高渲染性能 [详细](https://developers.weixin.qq.com/community/develop/article/doc/0006cc2b204740f601bd43fa25a413)  
+4. `U` `video` 标签支持 `object-fit` 属性
+5. `U` 增加支持一些常用实体编码 [详细](https://github.com/jin-yufeng/mp-html/issues/418)
+6. `F` 修复了图片仅设置高度可能不显示的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/410)
+7. `F` 修复了 `video` 标签高度设置为 `auto` 不显示的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/411)
+8. `F` 修复了使用 `grid` 布局时可能样式错误的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/413)
+9. `F` 修复了含有合并单元格的表格部分情况下显示异常的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/417)
+10. `F` 修复了百度小程序使用 `br` 标签可能部分不显示的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/409)
+11. `F` 修复了 [editable](advanced/plugin#editable) 插件连续插入内容时顺序不正确的问题
+12. `F` 修复了 `uni-app` 包 `vue3` 使用 [audio](advanced/plugin#audio) 插件报错的问题
+13. `F` 修复了 `uni-app` 包 [highlight](advanced/plugin#highlight) 插件使用自定义的 `prism.min.js` 报错的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/416)
+
+## v2.2.2
+发布时间：*2022-02-26*  
+主要更新：  
+1. `A` 增加了 [pauseMedia](advanced/api#pauseMedia) 的 `api`，可用于暂停播放音视频 [详细](https://github.com/jin-yufeng/mp-html/issues/317)
+2. `U` 优化了长内容的加载速度
+3. `U` `uni-app` 包适配 `vue3` [#389](https://github.com/jin-yufeng/mp-html/issues/389)、[#398](https://github.com/jin-yufeng/mp-html/pull/398) by [@zhouhuafei](https://github.com/zhouhuafei)、[#400](https://github.com/jin-yufeng/mp-html/issues/400)
+4. `F` 修复了小程序端图片高度设置为百分比时可能不显示的问题
+5. `F` 修复了 [highlight](advanced/plugin#highlight) 插件部分情况下可能显示不完整的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/403)
+
+## v2.2.1
+发布时间：*2021-12-24*  
+主要更新：  
+1. `A` [editable](advanced/plugin#editable) 插件增加上下移动标签功能
+2. `U` [editable](advanced/plugin#editable) 插件支持在文本中间光标处插入内容
+3. `F` 修复了 `uni-app` 包 `nvue` 端设置 `margin` 后可能导致高度不正确的问题
+4. `F` 修复了 [highlight](advanced/plugin#highlight) 插件使用压缩版的 `prism.css` 可能导致背景失效的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/367)
+5. `F` 修复了 `uni-app` 包编辑状态下使用 [emoji](advanced/plugin#emoji) 插件内容为空时可能报错的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/371)
+6. `F` 修复了使用 [editable](advanced/plugin#editable) 插件后将 [selectable](basic/prop#selectable) 属性设置为 `force` 不生效的问题
+
+## v2.2.0
+发布时间：*2021-10-11*  
+主要更新：  
+1. `A` 增加 [customElements](overview/quickstart#customelements) 配置项，便于添加自定义功能性标签 [详细](https://github.com/jin-yufeng/mp-html/issues/350)
+2. `A` [editable](advanced/plugin#editable) 插件增加切换音视频自动播放状态的功能 [详细](https://github.com/jin-yufeng/mp-html/pull/341) by [@leeseett](https://github.com/leeseett)
+3. `A` [editable](advanced/plugin#editable) 插件删除媒体标签时触发 `remove` 事件，便于删除已上传的文件
+4. `U` [editable](advanced/plugin#editable) 插件 `insertImg` 方法支持同时插入多张图片 [详细](https://github.com/jin-yufeng/mp-html/issues/342)
+5. `U` [editable](advanced/plugin#editable) 插入图片和音视频时支持拼接 [domian](basic/prop#domain) 主域名
+6. `F` 修复了内部链接参数中包含 `://` 时被认为是外部链接的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/356)
+7. `F` 修复了部分 `svg` 标签名或属性名大小写不正确时不生效的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/351)
+8. `F` 修复了 `uni-app` 包 `nvue` 页面运行到非 `app` 平台时可能样式错误的问题
+9. `D` 移除了 `ad` 配置项（由 [customElements](overview/quickstart#customelements) 代替）
+
+## v2.1.5
+发布时间：*2021-08-13*  
+主要更新：  
+1. `A` 增加支持标签的 `dir` 属性
+2. `F` 修复了 `ruby` 标签文字与拼音没有居中对齐的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/325)
+3. `F` 修复了音视频标签内有 `a` 标签时可能无法播放的问题
+4. `F` 修复了 [externStyle](overview/quickstart#setting) 中的 `class` 名包含下划线或数字时可能失效的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/326)
+5. `F` 修复了 `uni-app` 包 `h5` 端引入 [externStyle](overview/quickstart#setting) 可能不生效的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/326)
+6. `F` 修复了微信原生包 `a` 标签的 `style` 中包含 `inline` 时不响应事件的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/332)
+
+## v2.1.4
+发布时间：*2021-07-14*  
+主要更新：  
+1. `F` 修复了 `rt` 标签无法设置样式的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/318)
+2. `F` 修复了表格中有单元格同时合并行和列时可能显示不正确的问题
+3. `F` 修复了 `uni-app` 包的 `app` 端无法关闭图片长按菜单的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/322)
+4. `F` 修复了 [editable](advanced/plugin#editable) 插件只能添加图片链接不能修改的问题 [详细](https://github.com/jin-yufeng/mp-html/pull/312) by [@leeseett](https://github.com/leeseett)
+
+## v2.1.3
+发布时间：*2021-06-12*  
+主要更新：  
+1. `A` [editable](advanced/plugin#editable) 插件增加 `insertTable` 方法
+2. `U` [editable](advanced/plugin#editable) 插件支持编辑表格中的空白单元格 [详细](https://github.com/jin-yufeng/mp-html/issues/310)
+3. `F` 修复了 [externStyle](overview/quickstart#setting) 中使用伪类可能失效的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/298)
+4. `F` 修复了多个组件同时使用时 [tag-style](basic/prop#tag-style) 属性时可能互相影响的问题 [详细](https://github.com/jin-yufeng/mp-html/pull/305) by [@woodguoyu](https://github.com/woodguoyu)
+5. `F` 修复了包含 `linearGradient` 的 `svg` 可能无法显示的问题
+6. `F` 修复了 `uni-app` 包编译到头条小程序时可能报错的问题
+7. `F` 修复了 `uni-app` 包 `nvue` 端不触发 `click` 事件的问题
+8. `F` 修复了 [editable](advanced/plugin#editable) 插件尾部插入时无法撤销的问题
+9. `F` 修复了 [editable](advanced/plugin#editable) 插件的 `insertHtml` 方法只能在末尾插入的问题
+10. `F` 修复了 [editable](advanced/plugin#editable) 插件插入音频不显示的问题
+
+## v2.1.2
+发布时间：*2021-04-24*  
+主要更新：  
+1. `A` 增加了 [img-cache](advanced/plugin#img-cache) 插件，可以在 `uni-app` 的 `app` 端缓存图片 [详细](https://github.com/jin-yufeng/mp-html/issues/292) by [@PentaTea](https://github.com/PentaTea)
+2. `U` 支持通过 [container-style](basic/prop#container-style) 属性设置 `white-space` 来保留连续空格和换行符 [详细](question/faq#space)
+3. `U` 代码风格符合 [standard](https://standardjs.com) 标准
+4. `U` `uni-app` 包使用 [editable](advanced/plugin#editable) 插件编辑状态下支持预览视频 [详细](https://github.com/jin-yufeng/mp-html/issues/286)
+5. `F` 修复了 `svg` 标签内嵌 `svg` 时无法显示的问题
+6. `F` 修复了微信原生包 `img` 标签的 `style` 中包含 `inline` 时不显示的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/287)
+7. `F` 修复了支付宝和头条小程序部分区域不可复制的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/291)
+
+## v2.1.1
+发布时间：*2021-04-09*  
+主要更新：  
+1. `F` 修复了对 `p` 标签设置 [tag-style](basic/prop#tag-style) 可能不生效的问题
+2. `F` 修复了 `svg` 标签中的文本无法显示的问题
+3. `F` 修复了 `uni-app` 包的 `nvue` 端不设置 [container-style](basic/prop#container-style) 可能报错的问题
+4. `F` 修复了 `uni-app` 包使用 [editable](advanced/plugin#editable) 插件编辑表格时可能报错的问题
+5. `F` 修复了 `uni-app` 包使用 [highlight](advanced/plugin#highlight) 插件运行到头条小程序时可能没有样式的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/280)
+6. `F` 修复了 `uni-app` 包使用 [editable](advanced/plugin#editable) 插件 `editable` 属性为 `false` 时会报错的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/284)
+7. `F` 修复了 [style](advanced/plugin#style) 插件连续子选择器失效的问题
+8. `F` 修复了 [editable](advanced/plugin#editable) 插件无法修改图片和字体大小的问题
+
+## v2.1.0
+发布时间：*2021-03-20*  
+主要更新：  
+1. `A` 增加了 [container-style](basic/prop#container-style) 属性 [详细](https://gitee.com/jin-yufeng/mp-html/pulls/1)
+2. `A` 增加支持 `strike` 标签
+3. `A` `editable` 插件增加 `placeholder` 属性 [详细](advanced/plugin#editable)
+4. `A` `editable` 插件增加 `insertHtml` 方法 [详细](advanced/plugin#editable)
+5. `U` 外部样式支持标签名选择器 [详细](overview/quickstart#setting)
+6. `F` 修复了 `uni-app` 包 `nvue` 端部分情况下可能不显示的问题
+
+## v2.0.5
+发布时间：*2021-03-12*  
+主要更新：  
+1. `U` [linktap](basic/event#linktap) 事件增加返回内部文本内容 `innerText` [详细](https://github.com/jin-yufeng/mp-html/issues/271)
+2. `U` [selectable](basic/prop#selectable) 属性设置为 `force` 时能够在微信 `iOS` 端生效（文本块会变成 `inline-block`） [详细](https://github.com/jin-yufeng/mp-html/issues/267)
+3. `F` 修复了部分情况下竖向无法滚动的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/182)
+4. `F` 修复了 `uni-app` 包多次修改富文本数据时部分内容可能不显示的问题
+5. `F` 修复了百度小程序真机部分内容不显示的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/272)
+6. `F` 修复了 [腾讯视频](advanced/plugin#txv-video) 插件可能无法播放的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/265)
+7. `F` 修复了 [highlight](advanced/plugin#highlight) 插件没有设置高亮语言时没有应用默认样式的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/276) by [@fuzui](https://github.com/fuzui)
+
+## v2.0.4
+发布时间：*2021-01-31*  
+主要更新：  
+1. `A` [editable](advanced/plugin#editable) 插件增加下划线和图片超链接的功能 [详细](https://github.com/jin-yufeng/mp-html/issues/254)
+2. `U` 支付宝和头条小程序原生包直接通过 `template` 递归实现渲染
+3. `F` 修复了 `img` 标签设置 `data-src` 可能导致图片不显示的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/257)
+4. `F` 修复了 `script` 标签中的 `<` 会被解析为标签的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/259)
+5. `F` 修复了 `uni-app` 包的 `app` 端播放视频时可能高度突然变小的问题
+6. `F` 修复了 `uni-app` 包的 `app` 端长按图片会报错的问题
+7. `F` 修复了 `uni-app` 包的 `nvue` 端使用 [editable](advanced/plugin#editable) 插件后无法显示的问题
+8. `F` 修复了 [editable](advanced/plugin#editable) 插件删除图片和切换内容时可能出现错误选择框的问题
+9. `F` 修复了 [editable](advanced/plugin#editable) 插件无法编辑链接文本内容的问题
+
+## v2.0.3
+发布时间：*2021-01-15*  
+主要更新：  
+1. `U` 图片被点击时不冒泡（可以与整体的点击区分开，不影响链接中的图片）
+2. `F` 修复了图片链接缺省协议名时可能无法预览的问题
+3. `F` 修复了原生包 `video` 和 `audio` 标签内放置文本会报错的问题
+4. `F` 修复了 [editable](advanced/plugin#editable) 插件清空内容时弹窗可能不消失的问题
+5. `F` 修复了 [highlight](advanced/plugin#highlight) 插件部分情况下样式不正确的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/231)
+6. `F` 修复了文档首页跳转到快速开始页时 `404` 的问题 by [@AnsonZnl](https://github.com/AnsonZnl)
+
+## v2.0.2
+发布时间：*2021-01-08*  
+主要更新：  
+1. `U` `uni-app` 包微信端利用 `virtualHost` 去除夹层，加快渲染
+2. `F` 修复了部分情况下 `flex` 布局显示不正确的问题
+3. `F` 修复了设置 [loading-img](basic/prop#loading-img) 会导致懒加载失效的问题
+4. `F` 修复了头条原生包部分情况下表格显示不正确的问题
+5. `F` 修复了 `uni-app` 的 `h5` 和 `app` 端部分插件样式无法应用的问题
+6. `F` 修复了 `uni-app` 包没有自动将 `data-src` 设置为 `src` 的问题
+7. `F` 修复了 `uni-app` 包的 `nvue` 端 [getRect](advanced/api#getRect) 方法无法使用的问题
+8. `F` 修复了 `uni-app` 包运行到华为快应用可能报错的问题
+9. `F` 修复了在低版本 taro 中使用可能无法正确解析的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/248)
+10. `F` 修复了 [highlight](advanced/plugin#highlight) 插件 `pre` 和 `code` 之间有空白符时无法高亮的问题
+11. `F` 修复了 [editable](advanced/plugin#editable) 插件清空内容后插入可能报错的问题
+
+## v2.0.1
+发布时间：*2021-01-01*  
+主要更新：  
+1. `F` 修复了 `a` 标签自动跳转到不存在页面时可能报错的问题
+2. `F` 修复了含合并单元格的表格设置列宽可能导致显示不正确的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/239)
+3. `F` 修复了表格中的图片可能错位的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/194)
+4. `F` 修复了原生包使用 [editable](advanced/plugin#editable) 插件点击标签时可能报错的问题
+5. `F` 修复了 `uni-app` 的 `h5` 和 `app` 端可能无法使用 `iframe` 和 `embed` 标签的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/245)
+6. `F` 修复了 `uni-app` 使用部分插件会报错的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/246)
+
+## v2.0.0
+发布时间：*2020-12-26*  
+主要更新：  
+1. `U` 通过 `gulp` 进行构建，自动生成各平台压缩版代码，减小引入包大小 [详细](advanced/develop#pack)
+2. `U` 没有设置 `href` 属性的 `a` 标签不应用链接的样式，可以用作一般标签的点击处理 [详细](question/faq#tap)
+3. `U` 提供了统一的插件接口，扩展更加方便（代码高亮、`markdown` 等都可以直接通过引入插件实现）[详细](advanced/plugin)
+4. `U` 实现了简单的编辑功能 [详细](advanced/plugin#editable)
+5. `U` 支持生成各平台的示例项目，便于调试 [详细](overview/quickstart#demo)
+6. `U` 原生包共用一份源代码（构建时进行自动转换），注释更加详细，便于了解和维护
+7. `U` 通过 `jest` 进行单元测试，进一步保证代码质量 [详细](advanced/develop#test)
+8. `U` 去除了一些冗余功能，进一步减小包大小（约 `24.5KB`）
+9. `U` 减少了递归节点树，加快渲染速度  
+10. `U` `uni-app` 的 `app` 端使用非原生的 `video` 显示视频以解决无法同层带来的系列问题
+11. `U` `uni-app` 的 `nvue` 端支持通过 `bgColor` 属性设置背景色（默认白色，不可设置为透明）
+12. `F` 修复了 `uni-app` 的 `nvue` 端从不可见区域到可见时可能显示不正确的问题
+
+*v1.x* 更新指南：  
+- 组件路径和名称  
+  *parser* -> *mp-html*  
+- *npm* 包名  
+  *parser-wx* -> *mp-html*  
+- 组件属性  
+  更名：  
+  *html* -> [content](basic/prop#content)  
+  *autopause* -> [pause-video](basic/prop#pause-video)  
+  *autoscroll* -> [scroll-table](basic/prop#scroll-table)  
+  *autosetTitle* -> [set-title](basic/prop#set-title)  
+  移除：  
+  *compress*, *show-with-animation*, *use-cache*  
+  新增：  
+  [copy-link](basic/prop#copy-link), [error-img](basic/prop#error-img), [preview-img](basic/prop#preview-img), [show-img-menu](basic/prop#show-img-menu)  
+  修改：  
+  [use-anchor](basic/prop#use-anchor) 支持传入数字表示跳转偏移量  
+- 组件事件  
+  更名 *linkpress* -> [linktap](basic/event#linktap)  
+  移除 *parse* 事件  
+  *imgtap* 和 *linktap* 事件中不再返回 *ignore* 方法，可以使用 [preview-img](basic/prop#preview-img) 和 [copy-link](basic/prop#copy-link) 属性禁用自动预览/拷贝  
+  链接被点击时，不再支持自动跳转其他小程序，可以自行在 [linktap](basic/event#linktap) 事件中进行跳转  
+- api  
+  [navigateTo](advanced/api#navigateTo) 返回 *Promise*，不再采用 *success* 和 *fail* 回调  
+  *rect* 变更为 [getRect](advanced/api#getRect) 方法  
+  移除 *getVideoContext* 方法  
+  [imgList](advanced/api#imgList) 不再包含 *setItem* 和 *each* 方法  
+- 其他  
+  默认不再支持匹配 *style* 标签中的样式，如有需要请使用 [style](advanced/plugin#style) 插件  
+  不再支持 *base64* 图片预览（默认为不可预览的小图片）  
+  取消了配置项（相关解析配置在 *parser.js* 中，*filter* 等方法用 [插件](advanced/plugin) 的方式替代）  
+  取消了视频的懒加载（应避免在一个页面中使用过多视频，以免卡顿）  
+  *ad* 标签默认不添加到模板（详见 [个性化](overview/quickstart#setting)）  
diff --git a/wechat-mini-program/components/mp-html/docs/index.html b/wechat-mini-program/components/mp-html/docs/index.html
new file mode 100644
index 0000000..198a540
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/docs/index.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+  <meta charset="UTF-8">
+  <title>小程序富文本组件</title>
+  <link rel="icon" href="assets/logo/logo.ico" type="image/x-icon">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+  <meta name="description" content="小程序富文本组件">
+  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+  <link rel="stylesheet" href="lib/vue.css">
+  <script>
+    var _hmt = _hmt || [];
+    (function () {
+      var hm = document.createElement("script")
+      hm.src = "https://hm.baidu.com/hm.js?69554d980eb5eb786919e3c3ad37b2ce"
+      var s = document.getElementsByTagName("script")[0]
+      s.parentNode.insertBefore(hm, s)
+    })()
+  </script>
+</head>
+<body>
+  <div id="app"></div>
+  <script>
+    window.$docsify = {
+      name: 'mp-html',
+      repo: 'https://github.com/jin-yufeng/mp-html',
+      coverpage: true,
+      loadSidebar: true,
+      subMaxLevel: 3,
+      auto2top: true,
+      search: {
+        placeholder: '搜索',
+        noData: '找不到结果'
+      }
+    }
+    // 渲染测试内容
+    function render () {
+      document.getElementById("show").srcdoc='<meta name="viewport" content="width=device-width"><style>img{max-width:100%}</style>'+document.getElementById("input").value.replace(/<script[\s\S]+?<\/script>/g, '')
+    }
+    // 清空测试内容
+    function reset () {
+      document.getElementById("input").value = ''
+      document.getElementById("show").srcdoc = ''
+    }
+  </script>
+  <script src="lib/docsify.min.js"></script>
+  <script src="lib/search.min.js"></script>
+  <script src="lib/prism-bash.min.js"></script>
+</body>
+</html>
diff --git a/wechat-mini-program/components/mp-html/docs/lib/docsify.min.js b/wechat-mini-program/components/mp-html/docs/lib/docsify.min.js
new file mode 100644
index 0000000..e9b32ee
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/docs/lib/docsify.min.js
@@ -0,0 +1 @@
+!function(){function s(n){var r=Object.create(null);return function(e){var t=c(e)?e:JSON.stringify(e);return r[t]||(r[t]=n(e))}}var o=s(function(e){return e.replace(/([A-Z])/g,function(e){return"-"+e.toLowerCase()})}),l=Object.prototype.hasOwnProperty,y=Object.assign||function(e){for(var t=arguments,n=1;n<arguments.length;n++){var r,i=Object(t[n]);for(r in i)l.call(i,r)&&(e[r]=i[r])}return e};function c(e){return"string"==typeof e||"number"==typeof e}function u(){}function r(e){return"function"==typeof e}function p(e){e=e.match(/^([^:/?#]+:)?(?:\/{2,}([^/?#]*))?([^?#]+)?(\?[^#]*)?(#.*)?/);return"string"==typeof e[1]&&0<e[1].length&&e[1].toLowerCase()!==location.protocol||"string"==typeof e[2]&&0<e[2].length&&e[2].replace(new RegExp(":("+{"http:":80,"https:":443}[location.protocol]+")?$"),"")!==location.host}var h=document.body.clientWidth<=600,i=window.history&&window.history.pushState&&window.history.replaceState&&!navigator.userAgent.match(/((iPod|iPhone|iPad).+\bOS\s+[1-4]\D|WebApps\/.+CFNetwork)/),n={};function d(e,t){if(void 0===t&&(t=!1),"string"==typeof e){if(void 0!==window.Vue)return b(e);e=t?b(e):n[e]||(n[e]=b(e))}return e}var f=document,g=f.body,m=f.head;function b(e,t){return t?e.querySelector(t):f.querySelector(e)}function k(e,t){return[].slice.call(t?e.querySelectorAll(t):f.querySelectorAll(e))}function v(e,t){return e=f.createElement(e),t&&(e.innerHTML=t),e}function a(e,t){return e.appendChild(t)}function w(e,t){return e.insertBefore(t,e.children[0])}function x(e,t,n){r(t)?window.addEventListener(e,t):e.addEventListener(t,n)}function _(e,t,n){r(t)?window.removeEventListener(e,t):e.removeEventListener(t,n)}function S(e,t,n){e&&e.classList[n?t:"toggle"](n||t)}function e(e,t){void 0===t&&(t=document);var n=t.readyState;if("complete"===n||"interactive"===n)return setTimeout(e,0);t.addEventListener("DOMContentLoaded",e)}var t=Object.freeze({__proto__:null,getNode:d,$:f,body:g,head:m,find:b,findAll:k,create:v,appendTo:a,before:w,on:x,off:_,toggleClass:S,style:function(e){a(m,v("style",e))},documentReady:e}),A=decodeURIComponent,T=encodeURIComponent;function E(e){var t={};return(e=e.trim().replace(/^(\?|#|&)/,""))&&e.split("&").forEach(function(e){e=e.replace(/\+/g," ").split("=");t[e[0]]=e[1]&&A(e[1])}),t}function R(e,t){void 0===t&&(t=[]);var n,r=[];for(n in e)-1<t.indexOf(n)||r.push(e[n]?(T(n)+"="+T(e[n])).toLowerCase():T(n));return r.length?"?"+r.join("&"):""}var O=s(function(e){return/(:|(\/{2}))/g.test(e)}),$=s(function(e){return e.split(/[?#]/)[0]}),F=s(function(e){if(/\/$/g.test(e))return e;e=e.match(/(\S*\/)[^/]+$/);return e?e[1]:""}),C=s(function(e){return e.replace(/^\/+/,"/").replace(/([^:])\/{2,}/g,"$1/")}),L=s(function(e){for(var t=e.replace(/^\//,"").split("/"),n=[],r=0,i=t.length;r<i;r++){var o=t[r];".."===o?n.pop():"."!==o&&n.push(o)}return"/"+n.join("/")});function z(e){return e.split("/").filter(function(e){return-1===e.indexOf("#")}).join("/")}function N(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return C(e.map(z).join("/"))}var M=s(function(e){return e.replace("#","?id=")});function D(e,t){return-1!==e.indexOf(t,e.length-t.length)}var P={};var I=function(e){this.config=e};function j(e){var t=location.href.indexOf("#");location.replace(location.href.slice(0,0<=t?t:0)+"#"+e)}I.prototype.getBasePath=function(){return this.config.basePath},I.prototype.getFile=function(e,t){void 0===e&&(e=this.getCurrentPath());var n,r,i=this.config,o=this.getBasePath(),a="string"==typeof i.ext?i.ext:".md";return e=i.alias?function e(t,n,r){var i=Object.keys(n).filter(function(e){return(P[e]||(P[e]=new RegExp("^"+e+"$"))).test(t)&&t!==r})[0];return i?e(t.replace(P[i],n[i]),n,t):t}(e,i.alias):e,n=e,r=a,e=(e=new RegExp("\\.("+r.replace(/^\./,"")+"|html)$","g").test(n)?n:/\/$/g.test(n)?n+"README"+r:""+n+r)==="/README"+a&&i.homepage||e,e=O(e)?e:N(o,e),t&&(e=e.replace(new RegExp("^"+o),"")),e},I.prototype.onchange=function(e){void 0===e&&(e=u),e()},I.prototype.getCurrentPath=function(){},I.prototype.normalize=function(){},I.prototype.parse=function(){},I.prototype.toURL=function(e,t,n){var r=n&&"#"===e[0],i=this.parse(M(e));if(i.query=y({},i.query,t),e=(e=i.path+R(i.query)).replace(/\.md(\?)|\.md$/,"$1"),r&&(e=(0<(r=n.indexOf("?"))?n.substring(0,r):n)+e),this.config.relativePath&&0!==e.indexOf("/")){n=n.substring(0,n.lastIndexOf("/")+1);return C(L(n+e))}return C("/"+e)};var H=function(r){function e(e){r.call(this,e),this.mode="hash"}return r&&(e.__proto__=r),((e.prototype=Object.create(r&&r.prototype)).constructor=e).prototype.getBasePath=function(){var e=window.location.pathname||"",t=this.config.basePath,e=D(e,".html")?e+"#/"+t:e+"/"+t;return/^(\/|https?:)/g.test(t)?t:C(e)},e.prototype.getCurrentPath=function(){var e=location.href,t=e.indexOf("#");return-1===t?"":e.slice(t+1)},e.prototype.onchange=function(n){void 0===n&&(n=u);var r=!1;x("click",function(e){e="A"===e.target.tagName?e.target:e.target.parentNode;e&&"A"===e.tagName&&!/_blank/.test(e.target)&&(r=!0)}),x("hashchange",function(e){var t=r?"navigate":"history";r=!1,n({event:e,source:t})})},e.prototype.normalize=function(){var e=this.getCurrentPath();if("/"===(e=M(e)).charAt(0))return j(e);j("/"+e)},e.prototype.parse=function(e){void 0===e&&(e=location.href);var t="",n=e.indexOf("#");0<=n&&(e=e.slice(n+1));n=e.indexOf("?");return 0<=n&&(t=e.slice(n+1),e=e.slice(0,n)),{path:e,file:this.getFile(e,!0),query:E(t)}},e.prototype.toURL=function(e,t,n){return"#"+r.prototype.toURL.call(this,e,t,n)},e}(I),q=function(t){function e(e){t.call(this,e),this.mode="history"}return t&&(e.__proto__=t),((e.prototype=Object.create(t&&t.prototype)).constructor=e).prototype.getCurrentPath=function(){var e=this.getBasePath(),t=window.location.pathname;return e&&0===t.indexOf(e)&&(t=t.slice(e.length)),(t||"/")+window.location.search+window.location.hash},e.prototype.onchange=function(n){var r=this;void 0===n&&(n=u),x("click",function(e){var t="A"===e.target.tagName?e.target:e.target.parentNode;t&&"A"===t.tagName&&!/_blank/.test(t.target)&&(e.preventDefault(),t=t.href,-1!==r.config.crossOriginLinks.indexOf(t)?window.open(t,"_self"):window.history.pushState({key:t},"",t),n({event:e,source:"navigate"}))}),x("popstate",function(e){n({event:e,source:"history"})})},e.prototype.parse=function(e){void 0===e&&(e=location.href);var t="",n=e.indexOf("?");0<=n&&(t=e.slice(n+1),e=e.slice(0,n));var r=N(location.origin),n=e.indexOf(r);return-1<n&&(e=e.slice(n+r.length)),{path:e,file:this.getFile(e),query:E(t)}},e}(I),U={};var B=/([^{]*?)\w(?=\})/g,Z={YYYY:"getFullYear",YY:"getYear",MM:function(e){return e.getMonth()+1},DD:"getDate",HH:"getHours",mm:"getMinutes",ss:"getSeconds",fff:"getMilliseconds"};var G,W=Object.hasOwnProperty,V=Object.setPrototypeOf,Y=Object.isFrozen,X=Object.getPrototypeOf,K=Object.getOwnPropertyDescriptor,Fe=Object.freeze,Q=Object.seal,J=Object.create,ee="undefined"!=typeof Reflect&&Reflect,te=(te=ee.apply)||function(e,t,n){return e.apply(t,n)},Fe=Fe||function(e){return e},Q=Q||function(e){return e},ne=(ne=ee.construct)||function(e,t){return new(Function.prototype.bind.apply(e,[null].concat(function(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}(t))))},Ce=re(Array.prototype.forEach),Le=re(Array.prototype.pop),ze=re(Array.prototype.push),Ne=re(String.prototype.toLowerCase),Me=re(String.prototype.match),De=re(String.prototype.replace),Pe=re(String.prototype.indexOf),Ie=re(String.prototype.trim),je=re(RegExp.prototype.test),He=(G=TypeError,function(){for(var e=arguments,t=arguments.length,n=Array(t),r=0;r<t;r++)n[r]=e[r];return ne(G,n)});function re(o){return function(e){for(var t=arguments,n=arguments.length,r=Array(1<n?n-1:0),i=1;i<n;i++)r[i-1]=t[i];return te(o,e,r)}}function qe(e,t){V&&V(e,null);for(var n=t.length;n--;){var r,i=t[n];"string"!=typeof i||(r=Ne(i))!==i&&(Y(t)||(t[n]=r),i=r),e[i]=!0}return e}function Ue(e){var t=J(null),n=void 0;for(n in e)te(W,e,[n])&&(t[n]=e[n]);return t}function Be(e,t){for(;null!==e;){var n=K(e,t);if(n){if(n.get)return re(n.get);if("function"==typeof n.value)return re(n.value)}e=X(e)}return function(e){return console.warn("fallback value for",e),null}}var Ze=Fe(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),Ge=Fe(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),We=Fe(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),Ve=Fe(["animate","color-profile","cursor","discard","fedropshadow","feimage","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),Ye=Fe(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover"]),Xe=Fe(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),Ke=Fe(["#text"]),Qe=Fe(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","xmlns","slot"]),Je=Fe(["accent-height","accumulate","additive","alignment-baseline","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","targetx","targety","transform","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),et=Fe(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),tt=Fe(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),nt=Q(/\{\{[\s\S]*|[\s\S]*\}\}/gm),rt=Q(/<%[\s\S]*|[\s\S]*%>/gm),it=Q(/^data-[\-\w.\u00B7-\uFFFF]/),ot=Q(/^aria-[\-\w]+$/),at=Q(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),st=Q(/^(?:\w+script|data):/i),lt=Q(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),ct="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};function ut(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}var pt=function(){return"undefined"==typeof window?null:window},ht=function(e,t){if("object"!==(void 0===e?"undefined":ct(e))||"function"!=typeof e.createPolicy)return null;var n=null,r="data-tt-policy-suffix";t.currentScript&&t.currentScript.hasAttribute(r)&&(n=t.currentScript.getAttribute(r));var i="dompurify"+(n?"#"+n:"");try{return e.createPolicy(i,{createHTML:function(e){return e}})}catch(e){return console.warn("TrustedTypes policy "+i+" could not be created."),null}};var ie,oe,ae=function t(e){function c(e){return t(e)}var s=0<arguments.length&&void 0!==e?e:pt();if(c.version="2.3.1",c.removed=[],!s||!s.document||9!==s.document.nodeType)return c.isSupported=!1,c;var l=s.document,o=s.document,u=s.DocumentFragment,n=s.HTMLTemplateElement,p=s.Node,a=s.Element,r=s.NodeFilter,i=s.NamedNodeMap,h=void 0===i?s.NamedNodeMap||s.MozNamedAttrMap:i,d=s.Text,f=s.Comment,g=s.DOMParser,e=s.trustedTypes,i=a.prototype,m=Be(i,"cloneNode"),v=Be(i,"nextSibling"),y=Be(i,"childNodes"),b=Be(i,"parentNode");"function"!=typeof n||(n=o.createElement("template")).content&&n.content.ownerDocument&&(o=n.content.ownerDocument);var k=ht(e,l),w=k&&ee?k.createHTML(""):"",x=o.implementation,_=o.createNodeIterator,S=o.createDocumentFragment,A=o.getElementsByTagName,T=l.importNode,E={};try{E=Ue(o).documentMode?o.documentMode:{}}catch(e){}var R={};c.isSupported="function"==typeof b&&x&&void 0!==x.createHTMLDocument&&9!==E;function O(e){ge&&ge===e||(e&&"object"===(void 0===e?"undefined":ct(e))||(e={}),e=Ue(e),P="ALLOWED_TAGS"in e?qe({},e.ALLOWED_TAGS):I,j="ALLOWED_ATTR"in e?qe({},e.ALLOWED_ATTR):H,le="ADD_URI_SAFE_ATTR"in e?qe(Ue(ce),e.ADD_URI_SAFE_ATTR):ce,ae="ADD_DATA_URI_TAGS"in e?qe(Ue(se),e.ADD_DATA_URI_TAGS):se,ie="FORBID_CONTENTS"in e?qe({},e.FORBID_CONTENTS):oe,q="FORBID_TAGS"in e?qe({},e.FORBID_TAGS):{},U="FORBID_ATTR"in e?qe({},e.FORBID_ATTR):{},$="USE_PROFILES"in e&&e.USE_PROFILES,B=!1!==e.ALLOW_ARIA_ATTR,Z=!1!==e.ALLOW_DATA_ATTR,G=e.ALLOW_UNKNOWN_PROTOCOLS||!1,W=e.SAFE_FOR_TEMPLATES||!1,V=e.WHOLE_DOCUMENT||!1,K=e.RETURN_DOM||!1,Q=e.RETURN_DOM_FRAGMENT||!1,J=!1!==e.RETURN_DOM_IMPORT,ee=e.RETURN_TRUSTED_TYPE||!1,X=e.FORCE_BODY||!1,te=!1!==e.SANITIZE_DOM,ne=!1!==e.KEEP_CONTENT,re=e.IN_PLACE||!1,D=e.ALLOWED_URI_REGEXP||D,de=e.NAMESPACE||he,W&&(Z=!1),Q&&(K=!0),$&&(P=qe({},[].concat(ut(Ke))),j=[],!0===$.html&&(qe(P,Ze),qe(j,Qe)),!0===$.svg&&(qe(P,Ge),qe(j,Je),qe(j,tt)),!0===$.svgFilters&&(qe(P,We),qe(j,Je),qe(j,tt)),!0===$.mathMl&&(qe(P,Ye),qe(j,et),qe(j,tt))),e.ADD_TAGS&&(P===I&&(P=Ue(P)),qe(P,e.ADD_TAGS)),e.ADD_ATTR&&(j===H&&(j=Ue(j)),qe(j,e.ADD_ATTR)),e.ADD_URI_SAFE_ATTR&&qe(le,e.ADD_URI_SAFE_ATTR),e.FORBID_CONTENTS&&(ie===oe&&(ie=Ue(ie)),qe(ie,e.FORBID_CONTENTS)),ne&&(P["#text"]=!0),V&&qe(P,["html","head","body"]),P.table&&(qe(P,["tbody"]),delete q.tbody),Fe&&Fe(e),ge=e)}var $,F=nt,C=rt,L=it,z=ot,N=st,M=lt,D=at,P=null,I=qe({},[].concat(ut(Ze),ut(Ge),ut(We),ut(Ye),ut(Ke))),j=null,H=qe({},[].concat(ut(Qe),ut(Je),ut(et),ut(tt))),q=null,U=null,B=!0,Z=!0,G=!1,W=!1,V=!1,Y=!1,X=!1,K=!1,Q=!1,J=!0,ee=!1,te=!0,ne=!0,re=!1,ie=null,oe=qe({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]),ae=null,se=qe({},["audio","video","img","source","image","track"]),le=null,ce=qe({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),ue="http://www.w3.org/1998/Math/MathML",pe="http://www.w3.org/2000/svg",he="http://www.w3.org/1999/xhtml",de=he,fe=!1,ge=null,me=o.createElement("form"),ve=qe({},["mi","mo","mn","ms","mtext"]),ye=qe({},["foreignobject","desc","title","annotation-xml"]),be=qe({},Ge);qe(be,We),qe(be,Ve);var ke=qe({},Ye);qe(ke,Xe);function we(t){ze(c.removed,{element:t});try{t.parentNode.removeChild(t)}catch(e){try{t.outerHTML=w}catch(e){t.remove()}}}function xe(e,t){try{ze(c.removed,{attribute:t.getAttributeNode(e),from:t})}catch(e){ze(c.removed,{attribute:null,from:t})}if(t.removeAttribute(e),"is"===e&&!j[e])if(K||Q)try{we(t)}catch(e){}else try{t.setAttribute(e,"")}catch(e){}}function _e(e){var t=void 0,n=void 0;X?e="<remove></remove>"+e:n=(i=Me(e,/^[\r\n\t ]+/))&&i[0];var r=k?k.createHTML(e):e;if(de===he)try{t=(new g).parseFromString(r,"text/html")}catch(e){}if(!t||!t.documentElement){t=x.createDocument(de,"template",null);try{t.documentElement.innerHTML=fe?"":r}catch(e){}}var i=t.body||t.documentElement;return e&&n&&i.insertBefore(o.createTextNode(n),i.childNodes[0]||null),de===he?A.call(t,V?"html":"body")[0]:V?t.documentElement:i}function Se(e){return _.call(e.ownerDocument||e,e,r.SHOW_ELEMENT|r.SHOW_COMMENT|r.SHOW_TEXT,null,!1)}function Ae(e){return"object"===(void 0===p?"undefined":ct(p))?e instanceof p:e&&"object"===(void 0===e?"undefined":ct(e))&&"number"==typeof e.nodeType&&"string"==typeof e.nodeName}function Te(e,t,n){R[e]&&Ce(R[e],function(e){e.call(c,t,n,ge)})}function Ee(e){var t;if(Te("beforeSanitizeElements",e,null),!((n=e)instanceof d||n instanceof f||"string"==typeof n.nodeName&&"string"==typeof n.textContent&&"function"==typeof n.removeChild&&n.attributes instanceof h&&"function"==typeof n.removeAttribute&&"function"==typeof n.setAttribute&&"string"==typeof n.namespaceURI&&"function"==typeof n.insertBefore))return we(e),1;if(Me(e.nodeName,/[\u0080-\uFFFF]/))return we(e),1;var n=Ne(e.nodeName);if(Te("uponSanitizeElement",e,{tagName:n,allowedTags:P}),!Ae(e.firstElementChild)&&(!Ae(e.content)||!Ae(e.content.firstElementChild))&&je(/<[/\w]/g,e.innerHTML)&&je(/<[/\w]/g,e.textContent))return we(e),1;if("select"===n&&je(/<template/i,e.innerHTML))return we(e),1;if(P[n]&&!q[n])return e instanceof a&&!function(e){var t=b(e);t&&t.tagName||(t={namespaceURI:he,tagName:"template"});var n=Ne(e.tagName),r=Ne(t.tagName);return e.namespaceURI===pe?t.namespaceURI===he?"svg"===n:t.namespaceURI===ue?"svg"===n&&("annotation-xml"===r||ve[r]):Boolean(be[n]):e.namespaceURI===ue?t.namespaceURI===he?"math"===n:t.namespaceURI===pe?"math"===n&&ye[r]:Boolean(ke[n]):e.namespaceURI===he&&(t.namespaceURI!==pe||ye[r])&&(t.namespaceURI!==ue||ve[r])&&(r=qe({},["title","style","font","a","script"]),!ke[n]&&(r[n]||!be[n]))}(e)||("noscript"===n||"noembed"===n)&&je(/<\/no(script|embed)/i,e.innerHTML)?(we(e),1):(W&&3===e.nodeType&&(t=e.textContent,t=De(t,F," "),t=De(t,C," "),e.textContent!==t&&(ze(c.removed,{element:e.cloneNode()}),e.textContent=t)),Te("afterSanitizeElements",e,null),0);if(ne&&!ie[n]){var r=b(e)||e.parentNode,i=y(e)||e.childNodes;if(i&&r)for(var o=i.length-1;0<=o;--o)r.insertBefore(m(i[o],!0),v(e))}return we(e),1}function Re(e,t,n){if(te&&("id"===t||"name"===t)&&(n in o||n in me))return!1;if((!Z||U[t]||!je(L,t))&&(!B||!je(z,t))){if(!j[t]||U[t])return!1;if(!le[t]&&!je(D,De(n,M,""))&&("src"!==t&&"xlink:href"!==t&&"href"!==t||"script"===e||0!==Pe(n,"data:")||!ae[e])&&(!G||je(N,De(n,M,"")))&&n)return!1}return!0}function Oe(e){var t=void 0,n=void 0;Te("beforeSanitizeAttributes",e,null);var r=e.attributes;if(r){for(var i={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:j},n=r.length;n--;){var o=(l=r[n]).name,a=l.namespaceURI,t=Ie(l.value),s=Ne(o);if(i.attrName=s,i.attrValue=t,i.keepAttr=!0,i.forceKeepAttr=void 0,Te("uponSanitizeAttribute",e,i),t=i.attrValue,!i.forceKeepAttr&&(xe(o,e),i.keepAttr))if(je(/\/>/i,t))xe(o,e);else{W&&(t=De(t,F," "),t=De(t,C," "));var l=e.nodeName.toLowerCase();if(Re(l,s,t))try{a?e.setAttributeNS(a,o,t):e.setAttribute(o,t),Le(c.removed)}catch(e){}}}Te("afterSanitizeAttributes",e,null)}}function $e(e){var t,n=Se(e);for(Te("beforeSanitizeShadowDOM",e,null);t=n.nextNode();)Te("uponSanitizeShadowNode",t,null),Ee(t)||(t.content instanceof u&&$e(t.content),Oe(t));Te("afterSanitizeShadowDOM",e,null)}return c.sanitize=function(e,t){var n,r=void 0,i=void 0,o=void 0;if((fe=!e)&&(e="\x3c!--\x3e"),"string"!=typeof e&&!Ae(e)){if("function"!=typeof e.toString)throw He("toString is not a function");if("string"!=typeof(e=e.toString()))throw He("dirty is not a string, aborting")}if(!c.isSupported){if("object"===ct(s.toStaticHTML)||"function"==typeof s.toStaticHTML){if("string"==typeof e)return s.toStaticHTML(e);if(Ae(e))return s.toStaticHTML(e.outerHTML)}return e}if(Y||O(t),c.removed=[],"string"==typeof e&&(re=!1),!re)if(e instanceof p)1===(t=(r=_e("\x3c!----\x3e")).ownerDocument.importNode(e,!0)).nodeType&&"BODY"===t.nodeName||"HTML"===t.nodeName?r=t:r.appendChild(t);else{if(!K&&!W&&!V&&-1===e.indexOf("<"))return k&&ee?k.createHTML(e):e;if(!(r=_e(e)))return K?null:w}r&&X&&we(r.firstChild);for(var a=Se(re?e:r);n=a.nextNode();)3===n.nodeType&&n===i||Ee(n)||(n.content instanceof u&&$e(n.content),Oe(n),i=n);if(i=null,re)return e;if(K){if(Q)for(o=S.call(r.ownerDocument);r.firstChild;)o.appendChild(r.firstChild);else o=r;return J&&(o=T.call(l,o,!0)),o}return e=V?r.outerHTML:r.innerHTML,W&&(e=De(e,F," "),e=De(e,C," ")),k&&ee?k.createHTML(e):e},c.setConfig=function(e){O(e),Y=!0},c.clearConfig=function(){ge=null,Y=!1},c.isValidAttribute=function(e,t,n){return ge||O({}),e=Ne(e),t=Ne(t),Re(e,t,n)},c.addHook=function(e,t){"function"==typeof t&&(R[e]=R[e]||[],ze(R[e],t))},c.removeHook=function(e){R[e]&&Le(R[e])},c.removeHooks=function(e){R[e]&&(R[e]=[])},c.removeAllHooks=function(){R={}},c}();function se(e){var t,n=e.loaded,r=e.total,i=e.step;ie||((e=v("div")).classList.add("progress"),a(g,e),ie=e),t=i?80<(t=parseInt(ie.style.width||0,10)+i)?80:t:Math.floor(n/r*100),ie.style.opacity=1,ie.style.width=95<=t?"100%":t+"%",95<=t&&(clearTimeout(oe),oe=setTimeout(function(e){ie.style.opacity=0,ie.style.width="0%"},200))}var le={};function ce(i,e,t){void 0===e&&(e=!1),void 0===t&&(t={});function o(){a.addEventListener.apply(a,arguments)}var n,a=new XMLHttpRequest,r=le[i];if(r)return{then:function(e){return e(r.content,r.opt)},abort:u};for(n in a.open("GET",i),t)l.call(t,n)&&a.setRequestHeader(n,t[n]);return a.send(),{then:function(t,n){var r;void 0===n&&(n=u),e&&(r=setInterval(function(e){return se({step:Math.floor(5*Math.random()+1)})},500),o("progress",se),o("loadend",function(e){se(e),clearInterval(r)})),o("error",n),o("load",function(e){e=e.target;400<=e.status?n(e):(e=le[i]={content:e.response,opt:{updatedAt:a.getResponseHeader("last-modified")}},t(e.content,e.opt))})},abort:function(e){return 4!==a.readyState&&a.abort()}}}function ue(e,t){e.innerHTML=e.innerHTML.replace(/var\(\s*--theme-color.*?\)/g,t)}var pe=f.title;function he(){var e,t=d("section.cover");t&&(e=t.getBoundingClientRect().height,window.pageYOffset>=e||t.classList.contains("hidden")?S(g,"add","sticky"):S(g,"remove","sticky"))}function de(e,t,r,n){var i=[];null!=(t=d(t))&&(i=k(t,"a"));var o,a=decodeURI(e.toURL(e.getCurrentPath()));return i.sort(function(e,t){return t.href.length-e.href.length}).forEach(function(e){var t=decodeURI(e.getAttribute("href")),n=r?e.parentNode:e;e.title=e.title||e.innerText,0!==a.indexOf(t)||o?S(n,"remove","active"):(o=e,S(n,"add","active"))}),n&&(f.title=o?o.title||o.innerText+" - "+pe:pe),o}function fe(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var ge=(function(e,t,n){return t&&fe(e.prototype,t),n&&fe(e,n),e}(me,[{key:"getIntermediateValue",value:function(e){return this.decimal?e:Math.round(e)}},{key:"getFinalValue",value:function(){return this.end}}]),me);function me(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,me),this.start=e.start,this.end=e.end,this.decimal=e.decimal}function ve(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var ye=(function(e,t,n){return t&&ve(e.prototype,t),n&&ve(e,n),e}(be,[{key:"begin",value:function(){return this.isRunning||this.next===this.end||(this.frame=window.requestAnimationFrame(this._tick.bind(this))),this}},{key:"stop",value:function(){return window.cancelAnimationFrame(this.frame),this.isRunning=!1,this.frame=null,this.timeStart=null,this.next=null,this}},{key:"on",value:function(e,t){return this.events[e]=this.events[e]||[],this.events[e].push(t),this}},{key:"_emit",value:function(e,t){var n=this,e=this.events[e];e&&e.forEach(function(e){return e.call(n,t)})}},{key:"_tick",value:function(e){this.isRunning=!0;var t=this.next||this.start;this.timeStart||(this.timeStart=e),this.timeElapsed=e-this.timeStart,this.next=this.ease(this.timeElapsed,this.start,this.end-this.start,this.duration),this._shouldTick(t)?(this._emit("tick",this.tweener.getIntermediateValue(this.next)),this.frame=window.requestAnimationFrame(this._tick.bind(this))):(this._emit("tick",this.tweener.getFinalValue()),this._emit("done",null))}},{key:"_shouldTick",value:function(e){return{up:this.next<this.end&&e<=this.next,down:this.next>this.end&&e>=this.next}[this.direction]}},{key:"_defaultEase",value:function(e,t,n,r){return(e/=r/2)<1?n/2*e*e+t:-n/2*(--e*(e-2)-1)+t}}]),be);function be(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,be),this.duration=e.duration||1e3,this.ease=e.easing||this._defaultEase,this.tweener=e.tweener||new ge(e),this.start=this.tweener.start,this.end=this.tweener.end,this.frame=null,this.next=null,this.isRunning=!1,this.events={},this.direction=this.start<this.end?"up":"down"}var ke=document.currentScript;function we(e){var t,n=y({el:"#app",repo:"",maxLevel:6,subMaxLevel:0,loadSidebar:null,loadNavbar:null,homepage:"README.md",coverpage:"",basePath:"",auto2top:!1,name:"",themeColor:"",nameLink:window.location.pathname,autoHeader:!1,executeScript:null,noEmoji:!1,ga:"",ext:".md",mergeNavbar:!1,formatUpdated:"",externalLinkTarget:"_blank",cornerExternalLinkTarget:"_blank",externalLinkRel:"noopener",routerMode:"hash",noCompileLinks:[],crossOriginLinks:[],relativePath:!1,topMargin:0},"function"==typeof window.$docsify?window.$docsify(e):window.$docsify),r=ke||[].slice.call(document.getElementsByTagName("script")).filter(function(e){return/docsify\./.test(e.src)})[0];if(r)for(var i in n){!l.call(n,i)||c(t=r.getAttribute("data-"+o(i)))&&(n[i]=""===t||t)}return!0===n.loadSidebar&&(n.loadSidebar="_sidebar"+n.ext),!0===n.loadNavbar&&(n.loadNavbar="_navbar"+n.ext),!0===n.coverpage&&(n.coverpage="_coverpage"+n.ext),!0===n.repo&&(n.repo=""),!0===n.name&&(n.name=""),window.$docsify=n}var xe={},_e=!1,Se=null,Ae=!0,Te=0;function Ee(e){if(Ae){for(var t,n,r=d(".sidebar"),i=k(".anchor"),o=b(r,".sidebar-nav"),a=b(r,"li.active"),s=document.documentElement,l=(s&&s.scrollTop||document.body.scrollTop)-Te,c=0,u=i.length;c<u;c+=1){var p=i[c];if(p.offsetTop>l){t=t||p;break}t=p}!t||(n=xe[Re(e,t.getAttribute("data-id"))])&&n!==a&&(a&&a.classList.remove("active"),n.classList.add("active"),a=n,!_e&&g.classList.contains("sticky")&&(s=r.clientHeight,e=a.offsetTop+a.clientHeight+40,n=a.offsetTop>=o.scrollTop&&e<=o.scrollTop+s,a=+e<s,r.scrollTop=n?o.scrollTop:a?0:e-s))}}function Re(e,t){return decodeURIComponent(e)+"?id="+decodeURIComponent(t)}function Oe(e,t){var n,r;t&&(r=we().topMargin,(n=b("#"+t))&&(n=n,void 0===(r=r)&&(r=0),Se&&Se.stop(),Ae=!1,Se=new ye({start:window.pageYOffset,end:Math.round(n.getBoundingClientRect().top)+window.pageYOffset-r,duration:500}).on("tick",function(e){return window.scrollTo(0,e)}).on("done",function(){Ae=!0,Se=null}).begin()),e=xe[Re(e,t)],(t=b(d(".sidebar"),"li.active"))&&t.classList.remove("active"),e&&e.classList.add("active"))}var $e=f.scrollingElement||f.documentElement;var dt="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function ft(e,t){return e(t={exports:{}},t.exports),t.exports}function gt(e){return wt[e]}var mt=ft(function(t){function e(){return{baseUrl:null,breaks:!1,gfm:!0,headerIds:!0,headerPrefix:"",highlight:null,langPrefix:"language-",mangle:!0,pedantic:!1,renderer:null,sanitize:!1,sanitizer:null,silent:!1,smartLists:!1,smartypants:!1,tokenizer:null,walkTokens:null,xhtml:!1}}t.exports={defaults:e(),getDefaults:e,changeDefaults:function(e){t.exports.defaults=e}}}),vt=(mt.defaults,mt.getDefaults,mt.changeDefaults,/[&<>"']/),yt=/[&<>"']/g,bt=/[<>"']|&(?!#?\w+;)/,kt=/[<>"']|&(?!#?\w+;)/g,wt={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};var xt=/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/gi;function _t(e){return e.replace(xt,function(e,t){return"colon"===(t=t.toLowerCase())?":":"#"===t.charAt(0)?"x"===t.charAt(1)?String.fromCharCode(parseInt(t.substring(2),16)):String.fromCharCode(+t.substring(1)):""})}var St=/(^|[^\[])\^/g;var At=/[^\w:]/g,Tt=/^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;var Et={},Rt=/^[^:]+:\/*[^/]*$/,Ot=/^([^:]+:)[\s\S]*$/,$t=/^([^:]+:\/*[^/]*)[\s\S]*$/;function Ft(e,t){Et[" "+e]||(Rt.test(e)?Et[" "+e]=e+"/":Et[" "+e]=Ct(e,"/",!0));var n=-1===(e=Et[" "+e]).indexOf(":");return"//"===t.substring(0,2)?n?t:e.replace(Ot,"$1")+t:"/"===t.charAt(0)?n?t:e.replace($t,"$1")+t:e+t}function Ct(e,t,n){var r=e.length;if(0===r)return"";for(var i=0;i<r;){var o=e.charAt(r-i-1);if(o!==t||n){if(o===t||!n)break;i++}else i++}return e.substr(0,r-i)}var Lt=function(e,t){if(t){if(vt.test(e))return e.replace(yt,gt)}else if(bt.test(e))return e.replace(kt,gt);return e},zt=_t,Nt=function(n,e){n=n.source||n,e=e||"";var r={replace:function(e,t){return t=(t=t.source||t).replace(St,"$1"),n=n.replace(e,t),r},getRegex:function(){return new RegExp(n,e)}};return r},Mt=function(e,t,n){if(e){var r;try{r=decodeURIComponent(_t(n)).replace(At,"").toLowerCase()}catch(e){return null}if(0===r.indexOf("javascript:")||0===r.indexOf("vbscript:")||0===r.indexOf("data:"))return null}t&&!Tt.test(n)&&(n=Ft(t,n));try{n=encodeURI(n).replace(/%25/g,"%")}catch(e){return null}return n},Dt={exec:function(){}},Pt=function(e){for(var t,n,r=arguments,i=1;i<arguments.length;i++)for(n in t=r[i])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},It=function(e,t){var n=e.replace(/\|/g,function(e,t,n){for(var r=!1,i=t;0<=--i&&"\\"===n[i];)r=!r;return r?"|":" |"}).split(/ \|/),r=0;if(n.length>t)n.splice(t);else for(;n.length<t;)n.push("");for(;r<n.length;r++)n[r]=n[r].trim().replace(/\\\|/g,"|");return n},I=function(e,t){if(-1===e.indexOf(t[1]))return-1;for(var n=e.length,r=0,i=0;i<n;i++)if("\\"===e[i])i++;else if(e[i]===t[0])r++;else if(e[i]===t[1]&&--r<0)return i;return-1},ee=function(e){e&&e.sanitize&&!e.silent&&console.warn("marked(): sanitize and sanitizer parameters are deprecated since version 0.7.0, should not be used and will be removed in the future. Read more here: https://marked.js.org/#/USING_ADVANCED.md#options")},Q=function(e,t){if(t<1)return"";for(var n="";1<t;)1&t&&(n+=e),t>>=1,e+=e;return n+e},jt=mt.defaults,Ht=Ct,qt=It,Ut=Lt,Bt=I;function Zt(e,t,n){var r=t.href,i=t.title?Ut(t.title):null,t=e[1].replace(/\\([\[\]])/g,"$1");return"!"!==e[0].charAt(0)?{type:"link",raw:n,href:r,title:i,text:t}:{type:"image",raw:n,href:r,title:i,text:Ut(t)}}var Gt=function(){function e(e){this.options=e||jt}return e.prototype.space=function(e){e=this.rules.block.newline.exec(e);if(e)return 1<e[0].length?{type:"space",raw:e[0]}:{raw:"\n"}},e.prototype.code=function(e,t){e=this.rules.block.code.exec(e);if(e){t=t[t.length-1];if(t&&"paragraph"===t.type)return{raw:e[0],text:e[0].trimRight()};t=e[0].replace(/^ {1,4}/gm,"");return{type:"code",raw:e[0],codeBlockStyle:"indented",text:this.options.pedantic?t:Ht(t,"\n")}}},e.prototype.fences=function(e){var t=this.rules.block.fences.exec(e);if(t){var n=t[0],e=function(e,t){if(null===(e=e.match(/^(\s+)(?:```)/)))return t;var n=e[1];return t.split("\n").map(function(e){var t=e.match(/^\s+/);return null!==t&&t[0].length>=n.length?e.slice(n.length):e}).join("\n")}(n,t[3]||"");return{type:"code",raw:n,lang:t[2]?t[2].trim():t[2],text:e}}},e.prototype.heading=function(e){var t=this.rules.block.heading.exec(e);if(t){var n=t[2].trim();return/#$/.test(n)&&(e=Ht(n,"#"),!this.options.pedantic&&e&&!/ $/.test(e)||(n=e.trim())),{type:"heading",raw:t[0],depth:t[1].length,text:n}}},e.prototype.nptable=function(e){e=this.rules.block.nptable.exec(e);if(e){var t={type:"table",header:qt(e[1].replace(/^ *| *\| *$/g,"")),align:e[2].replace(/^ *|\| *$/g,"").split(/ *\| */),cells:e[3]?e[3].replace(/\n$/,"").split("\n"):[],raw:e[0]};if(t.header.length===t.align.length){for(var n=t.align.length,r=0;r<n;r++)/^ *-+: *$/.test(t.align[r])?t.align[r]="right":/^ *:-+: *$/.test(t.align[r])?t.align[r]="center":/^ *:-+ *$/.test(t.align[r])?t.align[r]="left":t.align[r]=null;for(n=t.cells.length,r=0;r<n;r++)t.cells[r]=qt(t.cells[r],t.header.length);return t}}},e.prototype.hr=function(e){e=this.rules.block.hr.exec(e);if(e)return{type:"hr",raw:e[0]}},e.prototype.blockquote=function(e){var t=this.rules.block.blockquote.exec(e);if(t){e=t[0].replace(/^ *> ?/gm,"");return{type:"blockquote",raw:t[0],text:e}}},e.prototype.list=function(e){e=this.rules.block.list.exec(e);if(e){for(var t,n,r,i,o,a=e[0],s=e[2],l=1<s.length,c={type:"list",raw:a,ordered:l,start:l?+s.slice(0,-1):"",loose:!1,items:[]},u=e[0].match(this.rules.block.item),p=!1,h=u.length,d=this.rules.block.listItemStart.exec(u[0]),f=0;f<h;f++){if(a=t=u[f],f!==h-1){if(r=this.rules.block.listItemStart.exec(u[f+1]),this.options.pedantic?r[1].length>d[1].length:r[1].length>d[0].length||3<r[1].length){u.splice(f,2,u[f]+"\n"+u[f+1]),f--,h--;continue}(!this.options.pedantic||this.options.smartLists?r[2][r[2].length-1]!==s[s.length-1]:l==(1===r[2].length))&&(n=u.slice(f+1).join("\n"),c.raw=c.raw.substring(0,c.raw.length-n.length),f=h-1),d=r}r=t.length,~(t=t.replace(/^ *([*+-]|\d+[.)]) ?/,"")).indexOf("\n ")&&(r-=t.length,t=this.options.pedantic?t.replace(/^ {1,4}/gm,""):t.replace(new RegExp("^ {1,"+r+"}","gm"),"")),r=p||/\n\n(?!\s*$)/.test(t),f!==h-1&&(p="\n"===t.charAt(t.length-1),r=r||p),r&&(c.loose=!0),this.options.gfm&&(o=void 0,(i=/^\[[ xX]\] /.test(t))&&(o=" "!==t[1],t=t.replace(/^\[[ xX]\] +/,""))),c.items.push({type:"list_item",raw:a,task:i,checked:o,loose:r,text:t})}return c}},e.prototype.html=function(e){e=this.rules.block.html.exec(e);if(e)return{type:this.options.sanitize?"paragraph":"html",raw:e[0],pre:!this.options.sanitizer&&("pre"===e[1]||"script"===e[1]||"style"===e[1]),text:this.options.sanitize?this.options.sanitizer?this.options.sanitizer(e[0]):Ut(e[0]):e[0]}},e.prototype.def=function(e){e=this.rules.block.def.exec(e);if(e)return e[3]&&(e[3]=e[3].substring(1,e[3].length-1)),{tag:e[1].toLowerCase().replace(/\s+/g," "),raw:e[0],href:e[2],title:e[3]}},e.prototype.table=function(e){e=this.rules.block.table.exec(e);if(e){var t={type:"table",header:qt(e[1].replace(/^ *| *\| *$/g,"")),align:e[2].replace(/^ *|\| *$/g,"").split(/ *\| */),cells:e[3]?e[3].replace(/\n$/,"").split("\n"):[]};if(t.header.length===t.align.length){t.raw=e[0];for(var n=t.align.length,r=0;r<n;r++)/^ *-+: *$/.test(t.align[r])?t.align[r]="right":/^ *:-+: *$/.test(t.align[r])?t.align[r]="center":/^ *:-+ *$/.test(t.align[r])?t.align[r]="left":t.align[r]=null;for(n=t.cells.length,r=0;r<n;r++)t.cells[r]=qt(t.cells[r].replace(/^ *\| *| *\| *$/g,""),t.header.length);return t}}},e.prototype.lheading=function(e){e=this.rules.block.lheading.exec(e);if(e)return{type:"heading",raw:e[0],depth:"="===e[2].charAt(0)?1:2,text:e[1]}},e.prototype.paragraph=function(e){e=this.rules.block.paragraph.exec(e);if(e)return{type:"paragraph",raw:e[0],text:"\n"===e[1].charAt(e[1].length-1)?e[1].slice(0,-1):e[1]}},e.prototype.text=function(e,t){e=this.rules.block.text.exec(e);if(e){t=t[t.length-1];return t&&"text"===t.type?{raw:e[0],text:e[0]}:{type:"text",raw:e[0],text:e[0]}}},e.prototype.escape=function(e){e=this.rules.inline.escape.exec(e);if(e)return{type:"escape",raw:e[0],text:Ut(e[1])}},e.prototype.tag=function(e,t,n){e=this.rules.inline.tag.exec(e);if(e)return!t&&/^<a /i.test(e[0])?t=!0:t&&/^<\/a>/i.test(e[0])&&(t=!1),!n&&/^<(pre|code|kbd|script)(\s|>)/i.test(e[0])?n=!0:n&&/^<\/(pre|code|kbd|script)(\s|>)/i.test(e[0])&&(n=!1),{type:this.options.sanitize?"text":"html",raw:e[0],inLink:t,inRawBlock:n,text:this.options.sanitize?this.options.sanitizer?this.options.sanitizer(e[0]):Ut(e[0]):e[0]}},e.prototype.link=function(e){var t=this.rules.inline.link.exec(e);if(t){var n=t[2].trim();if(!this.options.pedantic&&/^</.test(n)){if(!/>$/.test(n))return;e=Ht(n.slice(0,-1),"\\");if((n.length-e.length)%2==0)return}else{var r=Bt(t[2],"()");-1<r&&(o=(0===t[0].indexOf("!")?5:4)+t[1].length+r,t[2]=t[2].substring(0,r),t[0]=t[0].substring(0,o).trim(),t[3]="")}var i,r=t[2],o="";return this.options.pedantic?(i=/^([^'"]*[^\s])\s+(['"])(.*)\2/.exec(r),i&&(r=i[1],o=i[3])):o=t[3]?t[3].slice(1,-1):"",r=r.trim(),/^</.test(r)&&(r=this.options.pedantic&&!/>$/.test(n)?r.slice(1):r.slice(1,-1)),Zt(t,{href:r?r.replace(this.rules.inline._escapes,"$1"):r,title:o?o.replace(this.rules.inline._escapes,"$1"):o},t[0])}},e.prototype.reflink=function(e,t){if((n=this.rules.inline.reflink.exec(e))||(n=this.rules.inline.nolink.exec(e))){e=(n[2]||n[1]).replace(/\s+/g," ");if((e=t[e.toLowerCase()])&&e.href)return Zt(n,e,n[0]);var n=n[0].charAt(0);return{type:"text",raw:n,text:n}}},e.prototype.strong=function(e,t,n){void 0===n&&(n="");var r=this.rules.inline.strong.start.exec(e);if(r&&(!r[1]||r[1]&&(""===n||this.rules.inline.punctuation.exec(n)))){t=t.slice(-1*e.length);var i,o="**"===r[0]?this.rules.inline.strong.endAst:this.rules.inline.strong.endUnd;for(o.lastIndex=0;null!=(r=o.exec(t));)if(i=this.rules.inline.strong.middle.exec(t.slice(0,r.index+3)))return{type:"strong",raw:e.slice(0,i[0].length),text:e.slice(2,i[0].length-2)}}},e.prototype.em=function(e,t,n){void 0===n&&(n="");var r=this.rules.inline.em.start.exec(e);if(r&&(!r[1]||r[1]&&(""===n||this.rules.inline.punctuation.exec(n)))){t=t.slice(-1*e.length);var i,o="*"===r[0]?this.rules.inline.em.endAst:this.rules.inline.em.endUnd;for(o.lastIndex=0;null!=(r=o.exec(t));)if(i=this.rules.inline.em.middle.exec(t.slice(0,r.index+2)))return{type:"em",raw:e.slice(0,i[0].length),text:e.slice(1,i[0].length-1)}}},e.prototype.codespan=function(e){var t=this.rules.inline.code.exec(e);if(t){var n=t[2].replace(/\n/g," "),r=/[^ ]/.test(n),e=/^ /.test(n)&&/ $/.test(n);return r&&e&&(n=n.substring(1,n.length-1)),n=Ut(n,!0),{type:"codespan",raw:t[0],text:n}}},e.prototype.br=function(e){e=this.rules.inline.br.exec(e);if(e)return{type:"br",raw:e[0]}},e.prototype.del=function(e){e=this.rules.inline.del.exec(e);if(e)return{type:"del",raw:e[0],text:e[2]}},e.prototype.autolink=function(e,t){e=this.rules.inline.autolink.exec(e);if(e){var n,t="@"===e[2]?"mailto:"+(n=Ut(this.options.mangle?t(e[1]):e[1])):n=Ut(e[1]);return{type:"link",raw:e[0],text:n,href:t,tokens:[{type:"text",raw:n,text:n}]}}},e.prototype.url=function(e,t){var n,r,i,o;if(n=this.rules.inline.url.exec(e)){if("@"===n[2])i="mailto:"+(r=Ut(this.options.mangle?t(n[0]):n[0]));else{for(;o=n[0],n[0]=this.rules.inline._backpedal.exec(n[0])[0],o!==n[0];);r=Ut(n[0]),i="www."===n[1]?"http://"+r:r}return{type:"link",raw:n[0],text:r,href:i,tokens:[{type:"text",raw:r,text:r}]}}},e.prototype.inlineText=function(e,t,n){e=this.rules.inline.text.exec(e);if(e){n=t?this.options.sanitize?this.options.sanitizer?this.options.sanitizer(e[0]):Ut(e[0]):e[0]:Ut(this.options.smartypants?n(e[0]):e[0]);return{type:"text",raw:e[0],text:n}}},e}(),It=Dt,I=Nt,Dt=Pt,Nt={newline:/^(?: *(?:\n|$))+/,code:/^( {4}[^\n]+(?:\n(?: *(?:\n|$))*)?)+/,fences:/^ {0,3}(`{3,}(?=[^`\n]*\n)|~{3,})([^\n]*)\n(?:|([\s\S]*?)\n)(?: {0,3}\1[~`]* *(?:\n+|$)|$)/,hr:/^ {0,3}((?:- *){3,}|(?:_ *){3,}|(?:\* *){3,})(?:\n+|$)/,heading:/^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/,blockquote:/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/,list:/^( {0,3})(bull) [\s\S]+?(?:hr|def|\n{2,}(?! )(?! {0,3}bull )\n*|\s*$)/,html:"^ {0,3}(?:<(script|pre|style)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:\\n{2,}|$)|<(?!script|pre|style)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:\\n{2,}|$)|</(?!script|pre|style)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:\\n{2,}|$))",def:/^ {0,3}\[(label)\]: *\n? *<?([^\s>]+)>?(?:(?: +\n? *| *\n *)(title))? *(?:\n+|$)/,nptable:It,table:It,lheading:/^([^\n]+)\n {0,3}(=+|-+) *(?:\n+|$)/,_paragraph:/^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html| +\n)[^\n]+)*)/,text:/^[^\n]+/,_label:/(?!\s*\])(?:\\[\[\]]|[^\[\]])+/,_title:/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/};Nt.def=I(Nt.def).replace("label",Nt._label).replace("title",Nt._title).getRegex(),Nt.bullet=/(?:[*+-]|\d{1,9}[.)])/,Nt.item=/^( *)(bull) ?[^\n]*(?:\n(?! *bull ?)[^\n]*)*/,Nt.item=I(Nt.item,"gm").replace(/bull/g,Nt.bullet).getRegex(),Nt.listItemStart=I(/^( *)(bull)/).replace("bull",Nt.bullet).getRegex(),Nt.list=I(Nt.list).replace(/bull/g,Nt.bullet).replace("hr","\\n+(?=\\1?(?:(?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$))").replace("def","\\n+(?="+Nt.def.source+")").getRegex(),Nt._tag="address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul",Nt._comment=/<!--(?!-?>)[\s\S]*?(?:-->|$)/,Nt.html=I(Nt.html,"i").replace("comment",Nt._comment).replace("tag",Nt._tag).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(),Nt.paragraph=I(Nt._paragraph).replace("hr",Nt.hr).replace("heading"," {0,3}#{1,6} ").replace("|lheading","").replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|!--)").replace("tag",Nt._tag).getRegex(),Nt.blockquote=I(Nt.blockquote).replace("paragraph",Nt.paragraph).getRegex(),Nt.normal=Dt({},Nt),Nt.gfm=Dt({},Nt.normal,{nptable:"^ *([^|\\n ].*\\|.*)\\n {0,3}([-:]+ *\\|[-| :]*)(?:\\n((?:(?!\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)",table:"^ *\\|(.+)\\n {0,3}\\|?( *[-:]+[-| :]*)(?:\\n *((?:(?!\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)"}),Nt.gfm.nptable=I(Nt.gfm.nptable).replace("hr",Nt.hr).replace("heading"," {0,3}#{1,6} ").replace("blockquote"," {0,3}>").replace("code"," {4}[^\\n]").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|!--)").replace("tag",Nt._tag).getRegex(),Nt.gfm.table=I(Nt.gfm.table).replace("hr",Nt.hr).replace("heading"," {0,3}#{1,6} ").replace("blockquote"," {0,3}>").replace("code"," {4}[^\\n]").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|!--)").replace("tag",Nt._tag).getRegex(),Nt.pedantic=Dt({},Nt.normal,{html:I("^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:\"[^\"]*\"|'[^']*'|\\s[^'\"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))").replace("comment",Nt._comment).replace(/tag/g,"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),def:/^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,heading:/^(#{1,6})(.*)(?:\n+|$)/,fences:It,paragraph:I(Nt.normal._paragraph).replace("hr",Nt.hr).replace("heading"," *#{1,6} *[^\n]").replace("lheading",Nt.lheading).replace("blockquote"," {0,3}>").replace("|fences","").replace("|list","").replace("|html","").getRegex()});It={escape:/^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,autolink:/^<(scheme:[^\s\x00-\x1f<>]*|email)>/,url:It,tag:"^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>",link:/^!?\[(label)\]\(\s*(href)(?:\s+(title))?\s*\)/,reflink:/^!?\[(label)\]\[(?!\s*\])((?:\\[\[\]]?|[^\[\]\\])+)\]/,nolink:/^!?\[(?!\s*\])((?:\[[^\[\]]*\]|\\[\[\]]|[^\[\]])*)\](?:\[\])?/,reflinkSearch:"reflink|nolink(?!\\()",strong:{start:/^(?:(\*\*(?=[*punctuation]))|\*\*)(?![\s])|__/,middle:/^\*\*(?:(?:(?!overlapSkip)(?:[^*]|\\\*)|overlapSkip)|\*(?:(?!overlapSkip)(?:[^*]|\\\*)|overlapSkip)*?\*)+?\*\*$|^__(?![\s])((?:(?:(?!overlapSkip)(?:[^_]|\\_)|overlapSkip)|_(?:(?!overlapSkip)(?:[^_]|\\_)|overlapSkip)*?_)+?)__$/,endAst:/[^punctuation\s]\*\*(?!\*)|[punctuation]\*\*(?!\*)(?:(?=[punctuation_\s]|$))/,endUnd:/[^\s]__(?!_)(?:(?=[punctuation*\s])|$)/},em:{start:/^(?:(\*(?=[punctuation]))|\*)(?![*\s])|_/,middle:/^\*(?:(?:(?!overlapSkip)(?:[^*]|\\\*)|overlapSkip)|\*(?:(?!overlapSkip)(?:[^*]|\\\*)|overlapSkip)*?\*)+?\*$|^_(?![_\s])(?:(?:(?!overlapSkip)(?:[^_]|\\_)|overlapSkip)|_(?:(?!overlapSkip)(?:[^_]|\\_)|overlapSkip)*?_)+?_$/,endAst:/[^punctuation\s]\*(?!\*)|[punctuation]\*(?!\*)(?:(?=[punctuation_\s]|$))/,endUnd:/[^\s]_(?!_)(?:(?=[punctuation*\s])|$)/},code:/^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/,br:/^( {2,}|\\)\n(?!\s*$)/,del:It,text:/^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*]|\b_|$)|[^ ](?= {2,}\n)))/,punctuation:/^([\s*punctuation])/,_punctuation:"!\"#$%&'()+\\-.,/:;<=>?@\\[\\]`^{|}~"};It.punctuation=I(It.punctuation).replace(/punctuation/g,It._punctuation).getRegex(),It._blockSkip="\\[[^\\]]*?\\]\\([^\\)]*?\\)|`[^`]*?`|<[^>]*?>",It._overlapSkip="__[^_]*?__|\\*\\*\\[^\\*\\]*?\\*\\*",It._comment=I(Nt._comment).replace("(?:--\x3e|$)","--\x3e").getRegex(),It.em.start=I(It.em.start).replace(/punctuation/g,It._punctuation).getRegex(),It.em.middle=I(It.em.middle).replace(/punctuation/g,It._punctuation).replace(/overlapSkip/g,It._overlapSkip).getRegex(),It.em.endAst=I(It.em.endAst,"g").replace(/punctuation/g,It._punctuation).getRegex(),It.em.endUnd=I(It.em.endUnd,"g").replace(/punctuation/g,It._punctuation).getRegex(),It.strong.start=I(It.strong.start).replace(/punctuation/g,It._punctuation).getRegex(),It.strong.middle=I(It.strong.middle).replace(/punctuation/g,It._punctuation).replace(/overlapSkip/g,It._overlapSkip).getRegex(),It.strong.endAst=I(It.strong.endAst,"g").replace(/punctuation/g,It._punctuation).getRegex(),It.strong.endUnd=I(It.strong.endUnd,"g").replace(/punctuation/g,It._punctuation).getRegex(),It.blockSkip=I(It._blockSkip,"g").getRegex(),It.overlapSkip=I(It._overlapSkip,"g").getRegex(),It._escapes=/\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/g,It._scheme=/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/,It._email=/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/,It.autolink=I(It.autolink).replace("scheme",It._scheme).replace("email",It._email).getRegex(),It._attribute=/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/,It.tag=I(It.tag).replace("comment",It._comment).replace("attribute",It._attribute).getRegex(),It._label=/(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/,It._href=/<(?:\\.|[^\n<>\\])+>|[^\s\x00-\x1f]*/,It._title=/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/,It.link=I(It.link).replace("label",It._label).replace("href",It._href).replace("title",It._title).getRegex(),It.reflink=I(It.reflink).replace("label",It._label).getRegex(),It.reflinkSearch=I(It.reflinkSearch,"g").replace("reflink",It.reflink).replace("nolink",It.nolink).getRegex(),It.normal=Dt({},It),It.pedantic=Dt({},It.normal,{strong:{start:/^__|\*\*/,middle:/^__(?=\S)([\s\S]*?\S)__(?!_)|^\*\*(?=\S)([\s\S]*?\S)\*\*(?!\*)/,endAst:/\*\*(?!\*)/g,endUnd:/__(?!_)/g},em:{start:/^_|\*/,middle:/^()\*(?=\S)([\s\S]*?\S)\*(?!\*)|^_(?=\S)([\s\S]*?\S)_(?!_)/,endAst:/\*(?!\*)/g,endUnd:/_(?!_)/g},link:I(/^!?\[(label)\]\((.*?)\)/).replace("label",It._label).getRegex(),reflink:I(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",It._label).getRegex()}),It.gfm=Dt({},It.normal,{escape:I(It.escape).replace("])","~|])").getRegex(),_extended_email:/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/,url:/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/,_backpedal:/(?:[^?!.,:;*_~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_~)]+(?!$))+/,del:/^(~~?)(?=[^\s~])([\s\S]*?[^\s~])\1(?=[^~]|$)/,text:/^([`~]+|[^`~])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*~]|\b_|https?:\/\/|ftp:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@))|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@))/}),It.gfm.url=I(It.gfm.url,"i").replace("email",It.gfm._extended_email).getRegex(),It.breaks=Dt({},It.gfm,{br:I(It.br).replace("{2,}","*").getRegex(),text:I(It.gfm.text).replace("\\b_","\\b_| {2,}\\n").replace(/\{2,\}/g,"*").getRegex()});var It={block:Nt,inline:It},Wt=mt.defaults,Vt=It.block,Yt=It.inline,Xt=Q;function Kt(e){return e.replace(/---/g,"—").replace(/--/g,"–").replace(/(^|[-\u2014/(\[{"\s])'/g,"$1‘").replace(/'/g,"’").replace(/(^|[-\u2014/(\[{\u2018\s])"/g,"$1“").replace(/"/g,"”").replace(/\.{3}/g,"…")}function Qt(e){for(var t,n="",r=e.length,i=0;i<r;i++)t=e.charCodeAt(i),.5<Math.random()&&(t="x"+t.toString(16)),n+="&#"+t+";";return n}var Jt=function(){function n(e){this.tokens=[],this.tokens.links=Object.create(null),this.options=e||Wt,this.options.tokenizer=this.options.tokenizer||new Gt,this.tokenizer=this.options.tokenizer,this.tokenizer.options=this.options;e={block:Vt.normal,inline:Yt.normal};this.options.pedantic?(e.block=Vt.pedantic,e.inline=Yt.pedantic):this.options.gfm&&(e.block=Vt.gfm,this.options.breaks?e.inline=Yt.breaks:e.inline=Yt.gfm),this.tokenizer.rules=e}var e={rules:{configurable:!0}};return e.rules.get=function(){return{block:Vt,inline:Yt}},n.lex=function(e,t){return new n(t).lex(e)},n.lexInline=function(e,t){return new n(t).inlineTokens(e)},n.prototype.lex=function(e){return e=e.replace(/\r\n|\r/g,"\n").replace(/\t/g,"    "),this.blockTokens(e,this.tokens,!0),this.inline(this.tokens),this.tokens},n.prototype.blockTokens=function(e,t,n){var r,i,o,a;for(void 0===t&&(t=[]),void 0===n&&(n=!0),this.options.pedantic&&(e=e.replace(/^ +$/gm,""));e;)if(r=this.tokenizer.space(e))e=e.substring(r.raw.length),r.type&&t.push(r);else if(r=this.tokenizer.code(e,t))e=e.substring(r.raw.length),r.type?t.push(r):((a=t[t.length-1]).raw+="\n"+r.raw,a.text+="\n"+r.text);else if(r=this.tokenizer.fences(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.heading(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.nptable(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.hr(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.blockquote(e))e=e.substring(r.raw.length),r.tokens=this.blockTokens(r.text,[],n),t.push(r);else if(r=this.tokenizer.list(e)){for(e=e.substring(r.raw.length),o=r.items.length,i=0;i<o;i++)r.items[i].tokens=this.blockTokens(r.items[i].text,[],!1);t.push(r)}else if(r=this.tokenizer.html(e))e=e.substring(r.raw.length),t.push(r);else if(n&&(r=this.tokenizer.def(e)))e=e.substring(r.raw.length),this.tokens.links[r.tag]||(this.tokens.links[r.tag]={href:r.href,title:r.title});else if(r=this.tokenizer.table(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.lheading(e))e=e.substring(r.raw.length),t.push(r);else if(n&&(r=this.tokenizer.paragraph(e)))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.text(e,t))e=e.substring(r.raw.length),r.type?t.push(r):((a=t[t.length-1]).raw+="\n"+r.raw,a.text+="\n"+r.text);else if(e){var s="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(s);break}throw new Error(s)}return t},n.prototype.inline=function(e){for(var t,n,r,i,o,a=e.length,s=0;s<a;s++)switch((o=e[s]).type){case"paragraph":case"text":case"heading":o.tokens=[],this.inlineTokens(o.text,o.tokens);break;case"table":for(o.tokens={header:[],cells:[]},r=o.header.length,t=0;t<r;t++)o.tokens.header[t]=[],this.inlineTokens(o.header[t],o.tokens.header[t]);for(r=o.cells.length,t=0;t<r;t++)for(i=o.cells[t],o.tokens.cells[t]=[],n=0;n<i.length;n++)o.tokens.cells[t][n]=[],this.inlineTokens(i[n],o.tokens.cells[t][n]);break;case"blockquote":this.inline(o.tokens);break;case"list":for(r=o.items.length,t=0;t<r;t++)this.inline(o.items[t].tokens)}return e},n.prototype.inlineTokens=function(e,t,n,r){var i;void 0===t&&(t=[]),void 0===n&&(n=!1),void 0===r&&(r=!1);var o,a,s,l=e;if(this.tokens.links){var c=Object.keys(this.tokens.links);if(0<c.length)for(;null!=(o=this.tokenizer.rules.inline.reflinkSearch.exec(l));)c.includes(o[0].slice(o[0].lastIndexOf("[")+1,-1))&&(l=l.slice(0,o.index)+"["+Xt("a",o[0].length-2)+"]"+l.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex))}for(;null!=(o=this.tokenizer.rules.inline.blockSkip.exec(l));)l=l.slice(0,o.index)+"["+Xt("a",o[0].length-2)+"]"+l.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);for(;e;)if(a||(s=""),a=!1,i=this.tokenizer.escape(e))e=e.substring(i.raw.length),t.push(i);else if(i=this.tokenizer.tag(e,n,r))e=e.substring(i.raw.length),n=i.inLink,r=i.inRawBlock,t.push(i);else if(i=this.tokenizer.link(e))e=e.substring(i.raw.length),"link"===i.type&&(i.tokens=this.inlineTokens(i.text,[],!0,r)),t.push(i);else if(i=this.tokenizer.reflink(e,this.tokens.links))e=e.substring(i.raw.length),"link"===i.type&&(i.tokens=this.inlineTokens(i.text,[],!0,r)),t.push(i);else if(i=this.tokenizer.strong(e,l,s))e=e.substring(i.raw.length),i.tokens=this.inlineTokens(i.text,[],n,r),t.push(i);else if(i=this.tokenizer.em(e,l,s))e=e.substring(i.raw.length),i.tokens=this.inlineTokens(i.text,[],n,r),t.push(i);else if(i=this.tokenizer.codespan(e))e=e.substring(i.raw.length),t.push(i);else if(i=this.tokenizer.br(e))e=e.substring(i.raw.length),t.push(i);else if(i=this.tokenizer.del(e))e=e.substring(i.raw.length),i.tokens=this.inlineTokens(i.text,[],n,r),t.push(i);else if(i=this.tokenizer.autolink(e,Qt))e=e.substring(i.raw.length),t.push(i);else if(n||!(i=this.tokenizer.url(e,Qt))){if(i=this.tokenizer.inlineText(e,r,Kt))e=e.substring(i.raw.length),s=i.raw.slice(-1),a=!0,t.push(i);else if(e){var u="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(u);break}throw new Error(u)}}else e=e.substring(i.raw.length),t.push(i);return t},Object.defineProperties(n,e),n}(),en=mt.defaults,tn=Mt,nn=Lt,rn=function(){function e(e){this.options=e||en}return e.prototype.code=function(e,t,n){var r=(t||"").match(/\S*/)[0];return!this.options.highlight||null!=(t=this.options.highlight(e,r))&&t!==e&&(n=!0,e=t),e=e.replace(/\n$/,"")+"\n",r?'<pre><code class="'+this.options.langPrefix+nn(r,!0)+'">'+(n?e:nn(e,!0))+"</code></pre>\n":"<pre><code>"+(n?e:nn(e,!0))+"</code></pre>\n"},e.prototype.blockquote=function(e){return"<blockquote>\n"+e+"</blockquote>\n"},e.prototype.html=function(e){return e},e.prototype.heading=function(e,t,n,r){return this.options.headerIds?"<h"+t+' id="'+this.options.headerPrefix+r.slug(n)+'">'+e+"</h"+t+">\n":"<h"+t+">"+e+"</h"+t+">\n"},e.prototype.hr=function(){return this.options.xhtml?"<hr/>\n":"<hr>\n"},e.prototype.list=function(e,t,n){var r=t?"ol":"ul";return"<"+r+(t&&1!==n?' start="'+n+'"':"")+">\n"+e+"</"+r+">\n"},e.prototype.listitem=function(e){return"<li>"+e+"</li>\n"},e.prototype.checkbox=function(e){return"<input "+(e?'checked="" ':"")+'disabled="" type="checkbox"'+(this.options.xhtml?" /":"")+"> "},e.prototype.paragraph=function(e){return"<p>"+e+"</p>\n"},e.prototype.table=function(e,t){return"<table>\n<thead>\n"+e+"</thead>\n"+(t=t&&"<tbody>"+t+"</tbody>")+"</table>\n"},e.prototype.tablerow=function(e){return"<tr>\n"+e+"</tr>\n"},e.prototype.tablecell=function(e,t){var n=t.header?"th":"td";return(t.align?"<"+n+' align="'+t.align+'">':"<"+n+">")+e+"</"+n+">\n"},e.prototype.strong=function(e){return"<strong>"+e+"</strong>"},e.prototype.em=function(e){return"<em>"+e+"</em>"},e.prototype.codespan=function(e){return"<code>"+e+"</code>"},e.prototype.br=function(){return this.options.xhtml?"<br/>":"<br>"},e.prototype.del=function(e){return"<del>"+e+"</del>"},e.prototype.link=function(e,t,n){if(null===(e=tn(this.options.sanitize,this.options.baseUrl,e)))return n;e='<a href="'+nn(e)+'"';return t&&(e+=' title="'+t+'"'),e+=">"+n+"</a>"},e.prototype.image=function(e,t,n){if(null===(e=tn(this.options.sanitize,this.options.baseUrl,e)))return n;n='<img src="'+e+'" alt="'+n+'"';return t&&(n+=' title="'+t+'"'),n+=this.options.xhtml?"/>":">"},e.prototype.text=function(e){return e},e}(),on=function(){function e(){}return e.prototype.strong=function(e){return e},e.prototype.em=function(e){return e},e.prototype.codespan=function(e){return e},e.prototype.del=function(e){return e},e.prototype.html=function(e){return e},e.prototype.text=function(e){return e},e.prototype.link=function(e,t,n){return""+n},e.prototype.image=function(e,t,n){return""+n},e.prototype.br=function(){return""},e}(),an=function(){function e(){this.seen={}}return e.prototype.serialize=function(e){return e.toLowerCase().trim().replace(/<[!\/a-z].*?>/gi,"").replace(/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g,"").replace(/\s/g,"-")},e.prototype.getNextSafeSlug=function(e,t){var n=e,r=0;if(this.seen.hasOwnProperty(n))for(r=this.seen[e];n=e+"-"+ ++r,this.seen.hasOwnProperty(n););return t||(this.seen[e]=r,this.seen[n]=0),n},e.prototype.slug=function(e,t){void 0===t&&(t={});var n=this.serialize(e);return this.getNextSafeSlug(n,t.dryrun)},e}(),sn=mt.defaults,ln=zt,cn=function(){function n(e){this.options=e||sn,this.options.renderer=this.options.renderer||new rn,this.renderer=this.options.renderer,this.renderer.options=this.options,this.textRenderer=new on,this.slugger=new an}return n.parse=function(e,t){return new n(t).parse(e)},n.parseInline=function(e,t){return new n(t).parseInline(e)},n.prototype.parse=function(e,t){void 0===t&&(t=!0);for(var n,r,i,o,a,s,l,c,u,p,h,d,f,g,m,v="",y=e.length,b=0;b<y;b++)switch((c=e[b]).type){case"space":continue;case"hr":v+=this.renderer.hr();continue;case"heading":v+=this.renderer.heading(this.parseInline(c.tokens),c.depth,ln(this.parseInline(c.tokens,this.textRenderer)),this.slugger);continue;case"code":v+=this.renderer.code(c.text,c.lang,c.escaped);continue;case"table":for(s=u="",i=c.header.length,n=0;n<i;n++)s+=this.renderer.tablecell(this.parseInline(c.tokens.header[n]),{header:!0,align:c.align[n]});for(u+=this.renderer.tablerow(s),l="",i=c.cells.length,n=0;n<i;n++){for(s="",o=(a=c.tokens.cells[n]).length,r=0;r<o;r++)s+=this.renderer.tablecell(this.parseInline(a[r]),{header:!1,align:c.align[r]});l+=this.renderer.tablerow(s)}v+=this.renderer.table(u,l);continue;case"blockquote":l=this.parse(c.tokens),v+=this.renderer.blockquote(l);continue;case"list":for(u=c.ordered,k=c.start,p=c.loose,i=c.items.length,l="",n=0;n<i;n++)f=(d=c.items[n]).checked,g=d.task,h="",d.task&&(m=this.renderer.checkbox(f),p?0<d.tokens.length&&"text"===d.tokens[0].type?(d.tokens[0].text=m+" "+d.tokens[0].text,d.tokens[0].tokens&&0<d.tokens[0].tokens.length&&"text"===d.tokens[0].tokens[0].type&&(d.tokens[0].tokens[0].text=m+" "+d.tokens[0].tokens[0].text)):d.tokens.unshift({type:"text",text:m}):h+=m),h+=this.parse(d.tokens,p),l+=this.renderer.listitem(h,g,f);v+=this.renderer.list(l,u,k);continue;case"html":v+=this.renderer.html(c.text);continue;case"paragraph":v+=this.renderer.paragraph(this.parseInline(c.tokens));continue;case"text":for(l=c.tokens?this.parseInline(c.tokens):c.text;b+1<y&&"text"===e[b+1].type;)l+="\n"+((c=e[++b]).tokens?this.parseInline(c.tokens):c.text);v+=t?this.renderer.paragraph(l):l;continue;default:var k='Token with "'+c.type+'" type was not found.';if(this.options.silent)return void console.error(k);throw new Error(k)}return v},n.prototype.parseInline=function(e,t){t=t||this.renderer;for(var n="",r=e.length,i=0;i<r;i++)switch((o=e[i]).type){case"escape":n+=t.text(o.text);break;case"html":n+=t.html(o.text);break;case"link":n+=t.link(o.href,o.title,this.parseInline(o.tokens,t));break;case"image":n+=t.image(o.href,o.title,o.text);break;case"strong":n+=t.strong(this.parseInline(o.tokens,t));break;case"em":n+=t.em(this.parseInline(o.tokens,t));break;case"codespan":n+=t.codespan(o.text);break;case"br":n+=t.br();break;case"del":n+=t.del(this.parseInline(o.tokens,t));break;case"text":n+=t.text(o.text);break;default:var o='Token with "'+o.type+'" type was not found.';if(this.options.silent)return void console.error(o);throw new Error(o)}return n},n}(),un=Pt,pn=ee,hn=Lt,Lt=mt.getDefaults,dn=mt.changeDefaults,mt=mt.defaults;function fn(e,n,r){if(null==e)throw new Error("marked(): input parameter is undefined or null");if("string"!=typeof e)throw new Error("marked(): input parameter is of type "+Object.prototype.toString.call(e)+", string expected");if("function"==typeof n&&(r=n,n=null),n=un({},fn.defaults,n||{}),pn(n),r){var i,o=n.highlight;try{i=Jt.lex(e,n)}catch(e){return r(e)}function a(t){var e;if(!t)try{e=cn.parse(i,n)}catch(e){t=e}return n.highlight=o,t?r(t):r(null,e)}if(!o||o.length<3)return a();if(delete n.highlight,!i.length)return a();var s=0;return fn.walkTokens(i,function(n){"code"===n.type&&(s++,setTimeout(function(){o(n.text,n.lang,function(e,t){return e?a(e):(null!=t&&t!==n.text&&(n.text=t,n.escaped=!0),void(0===--s&&a()))})},0))}),void(0===s&&a())}try{var t=Jt.lex(e,n);return n.walkTokens&&fn.walkTokens(t,n.walkTokens),cn.parse(t,n)}catch(e){if(e.message+="\nPlease report this to https://github.com/markedjs/marked.",n.silent)return"<p>An error occurred:</p><pre>"+hn(e.message+"",!0)+"</pre>";throw e}}fn.options=fn.setOptions=function(e){return un(fn.defaults,e),dn(fn.defaults),fn},fn.getDefaults=Lt,fn.defaults=mt,fn.use=function(o){var t,e=un({},o);if(o.renderer){var n,a=fn.defaults.renderer||new rn;for(n in o.renderer)!function(r){var i=a[r];a[r]=function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=o.renderer[r].apply(a,e);return!1===n&&(n=i.apply(a,e)),n}}(n);e.renderer=a}if(o.tokenizer){var i,s=fn.defaults.tokenizer||new Gt;for(i in o.tokenizer)!function(){var r=s[i];s[i]=function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=o.tokenizer[i].apply(s,e);return!1===n&&(n=r.apply(s,e)),n}}();e.tokenizer=s}o.walkTokens&&(t=fn.defaults.walkTokens,e.walkTokens=function(e){o.walkTokens(e),t&&t(e)}),fn.setOptions(e)},fn.walkTokens=function(e,t){for(var n=0,r=e;n<r.length;n+=1){var i=r[n];switch(t(i),i.type){case"table":for(var o=0,a=i.tokens.header;o<a.length;o+=1){var s=a[o];fn.walkTokens(s,t)}for(var l=0,c=i.tokens.cells;l<c.length;l+=1)for(var u=0,p=c[l];u<p.length;u+=1){var h=p[u];fn.walkTokens(h,t)}break;case"list":fn.walkTokens(i.items,t);break;default:i.tokens&&fn.walkTokens(i.tokens,t)}}},fn.parseInline=function(e,t){if(null==e)throw new Error("marked.parseInline(): input parameter is undefined or null");if("string"!=typeof e)throw new Error("marked.parseInline(): input parameter is of type "+Object.prototype.toString.call(e)+", string expected");t=un({},fn.defaults,t||{}),pn(t);try{var n=Jt.lexInline(e,t);return t.walkTokens&&fn.walkTokens(n,t.walkTokens),cn.parseInline(n,t)}catch(e){if(e.message+="\nPlease report this to https://github.com/markedjs/marked.",t.silent)return"<p>An error occurred:</p><pre>"+hn(e.message+"",!0)+"</pre>";throw e}},fn.Parser=cn,fn.parser=cn.parse,fn.Renderer=rn,fn.TextRenderer=on,fn.Lexer=Jt,fn.lexer=Jt.lex,fn.Tokenizer=Gt,fn.Slugger=an;var gn=fn.parse=fn;function mn(e,n){if(void 0===n&&(n='<ul class="app-sub-sidebar">{inner}</ul>'),!e||!e.length)return"";var r="";return e.forEach(function(e){var t=e.title.replace(/(<([^>]+)>)/g,"");r+='<li><a class="section-link" href="'+e.slug+'" title="'+t+'">'+e.title+"</a></li>",e.children&&(r+=mn(e.children,n))}),n.replace("{inner}",r)}function vn(e,t){return'<p class="'+e+'">'+t.slice(5).trim()+"</p>"}function yn(e,r){var i=[],o={};return e.forEach(function(e){var t=e.level||1,n=t-1;r<t||(o[n]?o[n].children=(o[n].children||[]).concat(e):i.push(e),o[t]=e)}),i}var bn={},kn=/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g;function wn(e){return e.toLowerCase()}function xn(e){if("string"!=typeof e)return"";var t=e.trim().replace(/[A-Z]+/g,wn).replace(/<[^>]+>/g,"").replace(kn,"").replace(/\s/g,"-").replace(/-+/g,"-").replace(/^(\d)/,"_$1"),e=bn[t],e=l.call(bn,t)?e+1:0;return(bn[t]=e)&&(t=t+"-"+e),t}function _n(e,t){return'<img class="emoji" src="https://github.githubassets.com/images/icons/emoji/'+t+'.png" alt="'+t+'" />'}function Sn(e){void 0===e&&(e="");var r={};return{str:e=e&&e.replace(/^('|")/,"").replace(/('|")$/,"").replace(/(?:^|\s):([\w-]+:?)=?([\w-%]+)?/g,function(e,t,n){return-1===t.indexOf(":")?(r[t]=n&&n.replace(/&quot;/g,"")||!0,""):e}).trim(),config:r}}function An(e){return void 0===e&&(e=""),e.replace(/(<\/?a.*?>)/gi,"")}xn.clear=function(){bn={}};var Tn,En=ft(function(e){var a,s,l,c,u,r,t,i=function(l){var c=/\blang(?:uage)?-([\w-]+)\b/i,t=0,$={manual:l.Prism&&l.Prism.manual,disableWorkerMessageHandler:l.Prism&&l.Prism.disableWorkerMessageHandler,util:{encode:function e(t){return t instanceof F?new F(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function n(e,r){var i,t;switch(r=r||{},$.util.type(e)){case"Object":if(t=$.util.objId(e),r[t])return r[t];for(var o in i={},r[t]=i,e)e.hasOwnProperty(o)&&(i[o]=n(e[o],r));return i;case"Array":return(t=$.util.objId(e),r[t])?r[t]:(i=[],r[t]=i,e.forEach(function(e,t){i[t]=n(e,r)}),i);default:return e}},getLanguage:function(e){for(;e&&!c.test(e.className);)e=e.parentElement;return e?(e.className.match(c)||[,"none"])[1].toLowerCase():"none"},currentScript:function(){if("undefined"==typeof document)return null;if("currentScript"in document)return document.currentScript;try{throw new Error}catch(e){var t=(/at [^(\r\n]*\((.*):.+:.+\)$/i.exec(e.stack)||[])[1];if(t){var n,r=document.getElementsByTagName("script");for(n in r)if(r[n].src==t)return r[n]}return null}},isActive:function(e,t,n){for(var r="no-"+t;e;){var i=e.classList;if(i.contains(t))return!0;if(i.contains(r))return!1;e=e.parentElement}return!!n}},languages:{extend:function(e,t){var n,r=$.util.clone($.languages[e]);for(n in t)r[n]=t[n];return r},insertBefore:function(n,e,t,r){var i,o=(r=r||$.languages)[n],a={};for(i in o)if(o.hasOwnProperty(i)){if(i==e)for(var s in t)t.hasOwnProperty(s)&&(a[s]=t[s]);t.hasOwnProperty(i)||(a[i]=o[i])}var l=r[n];return r[n]=a,$.languages.DFS($.languages,function(e,t){t===l&&e!=n&&(this[e]=a)}),a},DFS:function e(t,n,r,i){i=i||{};var o,a,s,l=$.util.objId;for(o in t){t.hasOwnProperty(o)&&(n.call(t,o,t[o],r||o),a=t[o],"Object"!==(s=$.util.type(a))||i[l(a)]?"Array"!==s||i[l(a)]||(i[l(a)]=!0,e(a,n,o,i)):(i[l(a)]=!0,e(a,n,null,i)))}}},plugins:{},highlightAll:function(e,t){$.highlightAllUnder(document,e,t)},highlightAllUnder:function(e,t,n){var r={callback:n,container:e,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};$.hooks.run("before-highlightall",r),r.elements=Array.prototype.slice.apply(r.container.querySelectorAll(r.selector)),$.hooks.run("before-all-elements-highlight",r);for(var i,o=0;i=r.elements[o++];)$.highlightElement(i,!0===t,r.callback)},highlightElement:function(e,t,n){var r=$.util.getLanguage(e),i=$.languages[r];e.className=e.className.replace(c,"").replace(/\s+/g," ")+" language-"+r;var o=e.parentElement;o&&"pre"===o.nodeName.toLowerCase()&&(o.className=o.className.replace(c,"").replace(/\s+/g," ")+" language-"+r);var a={element:e,language:r,grammar:i,code:e.textContent};function s(e){a.highlightedCode=e,$.hooks.run("before-insert",a),a.element.innerHTML=a.highlightedCode,$.hooks.run("after-highlight",a),$.hooks.run("complete",a),n&&n.call(a.element)}if($.hooks.run("before-sanity-check",a),!a.code)return $.hooks.run("complete",a),void(n&&n.call(a.element));$.hooks.run("before-highlight",a),a.grammar?t&&l.Worker?((t=new Worker($.filename)).onmessage=function(e){s(e.data)},t.postMessage(JSON.stringify({language:a.language,code:a.code,immediateClose:!0}))):s($.highlight(a.code,a.grammar,a.language)):s($.util.encode(a.code))},highlight:function(e,t,n){n={code:e,grammar:t,language:n};return $.hooks.run("before-tokenize",n),n.tokens=$.tokenize(n.code,n.grammar),$.hooks.run("after-tokenize",n),F.stringify($.util.encode(n.tokens),n.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var r in n)t[r]=n[r];delete t.rest}var i=new o;return L(i,i.head,e),function e(t,n,r,i,o,a){for(var s in r)if(r.hasOwnProperty(s)&&r[s]){var l=r[s];l=Array.isArray(l)?l:[l];for(var c=0;c<l.length;++c){if(a&&a.cause==s+","+c)return;var u,p=l[c],h=p.inside,d=!!p.lookbehind,f=!!p.greedy,g=p.alias;f&&!p.pattern.global&&(u=p.pattern.toString().match(/[imsuy]*$/)[0],p.pattern=RegExp(p.pattern.source,u+"g"));for(var m=p.pattern||p,v=i.next,y=o;v!==n.tail&&!(a&&y>=a.reach);y+=v.value.length,v=v.next){var b=v.value;if(n.length>t.length)return;if(!(b instanceof F)){var k,w=1;if(f){if(!(k=C(m,y,t,d)))break;var x=k.index,_=k.index+k[0].length,S=y;for(S+=v.value.length;S<=x;)v=v.next,S+=v.value.length;if(S-=v.value.length,y=S,v.value instanceof F)continue;for(var A=v;A!==n.tail&&(S<_||"string"==typeof A.value);A=A.next)w++,S+=A.value.length;w--,b=t.slice(y,S),k.index-=y}else if(!(k=C(m,0,b,d)))continue;var x=k.index,T=k[0],E=b.slice(0,x),R=b.slice(x+T.length),O=y+b.length;a&&O>a.reach&&(a.reach=O);var b=v.prev;E&&(b=L(n,b,E),y+=E.length),z(n,b,w);var T=new F(s,h?$.tokenize(T,h):T,g,T);v=L(n,b,T),R&&L(n,v,R),1<w&&e(t,n,r,v.prev,y,{cause:s+","+c,reach:O})}}}}}(e,i,t,i.head,0),function(e){var t=[],n=e.head.next;for(;n!==e.tail;)t.push(n.value),n=n.next;return t}(i)},hooks:{all:{},add:function(e,t){var n=$.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=$.hooks.all[e];if(n&&n.length)for(var r,i=0;r=n[i++];)r(t)}},Token:F};function F(e,t,n,r){this.type=e,this.content=t,this.alias=n,this.length=0|(r||"").length}function C(e,t,n,r){e.lastIndex=t;n=e.exec(n);return n&&r&&n[1]&&(r=n[1].length,n.index+=r,n[0]=n[0].slice(r)),n}function o(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function L(e,t,n){var r=t.next,n={value:n,prev:t,next:r};return t.next=n,r.prev=n,e.length++,n}function z(e,t,n){for(var r=t.next,i=0;i<n&&r!==e.tail;i++)r=r.next;(t.next=r).prev=t,e.length-=i}if(l.Prism=$,F.stringify=function t(e,n){if("string"==typeof e)return e;if(Array.isArray(e)){var r="";return e.forEach(function(e){r+=t(e,n)}),r}var i={type:e.type,content:t(e.content,n),tag:"span",classes:["token",e.type],attributes:{},language:n},e=e.alias;e&&(Array.isArray(e)?Array.prototype.push.apply(i.classes,e):i.classes.push(e)),$.hooks.run("wrap",i);var o,a="";for(o in i.attributes)a+=" "+o+'="'+(i.attributes[o]||"").replace(/"/g,"&quot;")+'"';return"<"+i.tag+' class="'+i.classes.join(" ")+'"'+a+">"+i.content+"</"+i.tag+">"},!l.document)return l.addEventListener&&($.disableWorkerMessageHandler||l.addEventListener("message",function(e){var t=JSON.parse(e.data),n=t.language,e=t.code,t=t.immediateClose;l.postMessage($.highlight(e,$.languages[n],n)),t&&l.close()},!1)),$;var e,n=$.util.currentScript();function r(){$.manual||$.highlightAll()}return n&&($.filename=n.src,n.hasAttribute("data-manual")&&($.manual=!0)),$.manual||("loading"===(e=document.readyState)||"interactive"===e&&n&&n.defer?document.addEventListener("DOMContentLoaded",r):window.requestAnimationFrame?window.requestAnimationFrame(r):window.setTimeout(r,16)),$}("undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{});function p(e,t){var n=(n=e.className).replace(r," ")+" language-"+t;e.className=n.replace(/\s+/g," ").trim()}e.exports&&(e.exports=i),void 0!==dt&&(dt.Prism=i),i.languages.markup={comment:/<!--[\s\S]*?-->/,prolog:/<\?[\s\S]+?\?>/,doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/,name:/[^\s<>'"]+/}},cdata:/<!\[CDATA\[[\s\S]*?]]>/i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},i.languages.markup.tag.inside["attr-value"].inside.entity=i.languages.markup.entity,i.languages.markup.doctype.inside["internal-subset"].inside=i.languages.markup,i.hooks.add("wrap",function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))}),Object.defineProperty(i.languages.markup.tag,"addInlined",{value:function(e,t){var n={};n["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:i.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i;n={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}};n["language-"+t]={pattern:/[\s\S]+/,inside:i.languages[t]};t={};t[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,function(){return e}),"i"),lookbehind:!0,greedy:!0,inside:n},i.languages.insertBefore("markup","cdata",t)}}),i.languages.html=i.languages.markup,i.languages.mathml=i.languages.markup,i.languages.svg=i.languages.markup,i.languages.xml=i.languages.extend("markup",{}),i.languages.ssml=i.languages.xml,i.languages.atom=i.languages.xml,i.languages.rss=i.languages.xml,function(e){var t=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:RegExp("[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),string:{pattern:t,greedy:!0},property:/(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,important:/!important\b/i,function:/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;t=e.languages.markup;t&&(t.tag.addInlined("style","css"),e.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/(^|["'\s])style\s*=\s*(?:"[^"]*"|'[^']*')/i,lookbehind:!0,inside:{"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{style:{pattern:/(["'])[\s\S]+(?=["']$)/,lookbehind:!0,alias:"language-css",inside:e.languages.css},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},"attr-name":/^style/i}}},t.tag))}(i),i.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|interface|extends|implements|trait|instanceof|new)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,boolean:/\b(?:true|false)\b/,function:/\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},i.languages.javascript=i.languages.extend("clike",{"class-name":[i.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:prototype|constructor))/,lookbehind:!0}],keyword:[{pattern:/((?:^|})\s*)(?:catch|finally)\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|(?:get|set)(?=\s*[\[$\w\xA0-\uFFFF])|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:/\b(?:(?:0[xX](?:[\dA-Fa-f](?:_[\dA-Fa-f])?)+|0[bB](?:[01](?:_[01])?)+|0[oO](?:[0-7](?:_[0-7])?)+)n?|(?:\d(?:_\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:_\d)?)+\.?(?:\d(?:_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),i.languages.javascript["class-name"][0].pattern=/(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/,i.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*]|\\.|[^/\\\[\r\n])+\/[gimyus]{0,6}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:i.languages.regex},"regex-flags":/[a-z]+$/,"regex-delimiter":/^\/|\/$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:i.languages.javascript},{pattern:/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,inside:i.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:i.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:i.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),i.languages.insertBefore("javascript","string",{"template-string":{pattern:/`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}|(?!\${)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\${|}$/,alias:"punctuation"},rest:i.languages.javascript}},string:/[\s\S]+/}}}),i.languages.markup&&i.languages.markup.tag.addInlined("script","javascript"),i.languages.js=i.languages.javascript,"undefined"!=typeof self&&self.Prism&&self.document&&(Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),a=window.Prism,s={js:"javascript",py:"python",rb:"ruby",ps1:"powershell",psm1:"powershell",sh:"bash",bat:"batch",h:"c",tex:"latex"},u="pre[data-src]:not(["+(l="data-src-status")+'="loaded"]):not(['+l+'="'+(c="loading")+'"])',r=/\blang(?:uage)?-([\w-]+)\b/i,a.hooks.add("before-highlightall",function(e){e.selector+=", "+u}),a.hooks.add("before-sanity-check",function(e){var t,n,r,i,o=e.element;o.matches(u)&&(e.code="",o.setAttribute(l,c),(t=o.appendChild(document.createElement("CODE"))).textContent="Loading…",n=o.getAttribute("data-src"),"none"===(e=e.language)&&(r=(/\.(\w+)$/.exec(n)||[,"none"])[1],e=s[r]||r),p(t,e),p(o,e),(r=a.plugins.autoloader)&&r.loadLanguages(e),(i=new XMLHttpRequest).open("GET",n,!0),i.onreadystatechange=function(){4==i.readyState&&(i.status<400&&i.responseText?(o.setAttribute(l,"loaded"),t.textContent=i.responseText,a.highlightElement(t)):(o.setAttribute(l,"failed"),400<=i.status?t.textContent="✖ Error "+i.status+" while fetching file: "+i.statusText:t.textContent="✖ Error: File does not exist or is empty"))},i.send(null))}),t=!(a.plugins.fileHighlight={highlight:function(e){for(var t,n=(e||document).querySelectorAll(u),r=0;t=n[r++];)a.highlightElement(t)}}),a.fileHighlight=function(){t||(console.warn("Prism.fileHighlight is deprecated. Use `Prism.plugins.fileHighlight.highlight` instead."),t=!0),a.plugins.fileHighlight.highlight.apply(this,arguments)})});function Rn(e,t){return"___"+e.toUpperCase()+t+"___"}Tn=Prism,Object.defineProperties(Tn.languages["markup-templating"]={},{buildPlaceholders:{value:function(r,i,e,o){var a;r.language===i&&(a=r.tokenStack=[],r.code=r.code.replace(e,function(e){if("function"==typeof o&&!o(e))return e;for(var t,n=a.length;-1!==r.code.indexOf(t=Rn(i,n));)++n;return a[n]=e,t}),r.grammar=Tn.languages.markup)}},tokenizePlaceholders:{value:function(c,u){var p,h;c.language===u&&c.tokenStack&&(c.grammar=Tn.languages[u],p=0,h=Object.keys(c.tokenStack),function e(t){for(var n=0;n<t.length&&!(p>=h.length);n++){var r,i,o,a,s,l=t[n];"string"==typeof l||l.content&&"string"==typeof l.content?(i=h[p],o=c.tokenStack[i],r="string"==typeof l?l:l.content,s=Rn(u,i),-1<(a=r.indexOf(s))&&(++p,i=r.substring(0,a),o=new Tn.Token(u,Tn.tokenize(o,c.grammar),"language-"+u,o),a=r.substring(a+s.length),s=[],i&&s.push.apply(s,e([i])),s.push(o),a&&s.push.apply(s,e([a])),"string"==typeof l?t.splice.apply(t,[n,1].concat(s)):l.content=s)):l.content&&e(l.content)}return t}(c.tokens))}}});function On(i,e){var o=this;this.config=i,this.router=e,this.cacheTree={},this.toc=[],this.cacheTOC={},this.linkTarget=i.externalLinkTarget||"_blank",this.linkRel="_blank"===this.linkTarget?i.externalLinkRel||"noopener":"",this.contentBase=e.getBasePath();var t=this._initRenderer();this.heading=t.heading;var a=r(e=i.markdown||{})?e(gn,t):(gn.setOptions(y(e,{renderer:y(t,e.renderer)})),gn);this._marked=a,this.compile=function(n){var r=!0,e=s(function(e){r=!1;var t="";return n?(t=c(n)?a(n):a.parser(n),t=i.noEmoji?t:t.replace(/:\+1:/g,":thumbsup:").replace(/:-1:/g,":thumbsdown:").replace(/<(pre|template|code)[^>]*?>[\s\S]+?<\/(pre|template|code)>/g,function(e){return e.replace(/:/g,"__colon__")}).replace(/:(\w+?):/gi,window.emojify||_n).replace(/__colon__/g,":"),xn.clear(),t):n})(n),t=o.router.parse().file;return r?o.toc=o.cacheTOC[t]:o.cacheTOC[t]=[].concat(o.toc),e}}var $n={},Fn={markdown:function(e){return{url:e}},mermaid:function(e){return{url:e}},iframe:function(e,t){return{html:'<iframe src="'+e+'" '+(t||"width=100% height=400")+"></iframe>"}},video:function(e,t){return{html:'<video src="'+e+'" '+(t||"controls")+">Not Support</video>"}},audio:function(e,t){return{html:'<audio src="'+e+'" '+(t||"controls")+">Not Support</audio>"}},code:function(e,t){var n=e.match(/\.(\w+)$/);return"md"===(n=t||n&&n[1])&&(n="markdown"),{url:e,lang:n}}};On.prototype.compileEmbed=function(e,t){var n,r,i=Sn(t),o=i.str,i=i.config;if(t=o,i.include)return O(e)||(e=N(this.contentBase,F(this.router.getCurrentPath()),e)),i.type&&(r=Fn[i.type])?(n=r.call(this,e,t)).type=i.type:(r="code",/\.(md|markdown)/.test(e)?r="markdown":/\.mmd/.test(e)?r="mermaid":/\.html?/.test(e)?r="iframe":/\.(mp4|ogg)/.test(e)?r="video":/\.mp3/.test(e)&&(r="audio"),(n=Fn[r].call(this,e,t)).type=r),n.fragment=i.fragment,n},On.prototype._matchNotCompileLink=function(e){for(var t=this.config.noCompileLinks||[],n=0;n<t.length;n++){var r=t[n];if(($n[r]||($n[r]=new RegExp("^"+r+"$"))).test(e))return e}},On.prototype._initRenderer=function(){var a,s,l,c,u,p,e=new gn.Renderer,t=this.linkTarget,n=this.linkRel,o=this.router,r=this.contentBase,h=this,i={};return i.heading=e.heading=function(e,t){var n=Sn(e),r=n.str,i=n.config,e={level:t,title:An(r)};/<!-- {docsify-ignore} -->/g.test(r)&&(r=r.replace("\x3c!-- {docsify-ignore} --\x3e",""),e.title=An(r),e.ignoreSubHeading=!0),/{docsify-ignore}/g.test(r)&&(r=r.replace("{docsify-ignore}",""),e.title=An(r),e.ignoreSubHeading=!0),/<!-- {docsify-ignore-all} -->/g.test(r)&&(r=r.replace("\x3c!-- {docsify-ignore-all} --\x3e",""),e.title=An(r),e.ignoreAllSubs=!0),/{docsify-ignore-all}/g.test(r)&&(r=r.replace("{docsify-ignore-all}",""),e.title=An(r),e.ignoreAllSubs=!0);n=xn(i.id||r),i=o.toURL(o.getCurrentPath(),{id:n});return e.slug=i,h.toc.push(e),"<h"+t+' id="'+n+'"><a href="'+i+'" data-id="'+n+'" class="anchor"><span>'+r+"</span></a></h"+t+">"},i.code={renderer:e}.renderer.code=function(e,t){void 0===t&&(t="markup");var n=En.languages[t]||En.languages.markup;return'<pre v-pre data-lang="'+t+'"><code class="lang-'+t+'">'+En.highlight(e.replace(/@DOCSIFY_QM@/g,"`"),n,t)+"</code></pre>"},i.link=(n=(t={renderer:e,router:o,linkTarget:t,linkRel:n,compilerClass:h}).renderer,a=t.router,s=t.linkTarget,l=t.linkRel,c=t.compilerClass,n.link=function(e,t,n){void 0===t&&(t="");var r=[],i=Sn(t),o=i.str,i=i.config;return s=i.target||s,l="_blank"===s?c.config.externalLinkRel||"noopener":"",t=o,O(e)||c._matchNotCompileLink(e)||i.ignore?(O(e)||"./"!==e.slice(0,2)||(e=document.URL.replace(/\/(?!.*\/).*/,"/").replace("#/./","")+e),r.push(0===e.indexOf("mailto:")?"":'target="'+s+'"'),r.push(0!==e.indexOf("mailto:")&&""!==l?' rel="'+l+'"':"")):(e===c.config.homepage&&(e="README"),e=a.toURL(e,null,a.getCurrentPath())),i.crossorgin&&"_self"===s&&"history"===c.config.routerMode&&-1===c.config.crossOriginLinks.indexOf(e)&&c.config.crossOriginLinks.push(e),i.disabled&&(r.push("disabled"),e="javascript:void(0)"),i.class&&r.push('class="'+i.class+'"'),i.id&&r.push('id="'+i.id+'"'),t&&r.push('title="'+t+'"'),'<a href="'+e+'" '+r.join(" ")+">"+n+"</a>"}),i.paragraph={renderer:e}.renderer.paragraph=function(e){e=/^!&gt;/.test(e)?vn("tip",e):/^\?&gt;/.test(e)?vn("warn",e):"<p>"+e+"</p>";return e},i.image=(r=(n={renderer:e,contentBase:r,router:o}).renderer,u=n.contentBase,p=n.router,r.image=function(e,t,n){var r=e,i=[],o=Sn(t),a=o.str,o=o.config;return t=a,o["no-zoom"]&&i.push("data-no-zoom"),t&&i.push('title="'+t+'"'),o.size&&(t=(a=o.size.split("x"))[0],(a=a[1])?i.push('width="'+t+'" height="'+a+'"'):i.push('width="'+t+'"')),o.class&&i.push('class="'+o.class+'"'),o.id&&i.push('id="'+o.id+'"'),O(e)||(r=N(u,F(p.getCurrentPath()),e)),0<i.length?'<img src="'+r+'" data-origin="'+e+'" alt="'+n+'" '+i.join(" ")+" />":'<img src="'+r+'" data-origin="'+e+'" alt="'+n+'"'+i+">"}),i.list={renderer:e}.renderer.list=function(e,t,n){t=t?"ol":"ul";return"<"+t+" "+[/<li class="task-list-item">/.test(e.split('class="task-list"')[0])?'class="task-list"':"",n&&1<n?'start="'+n+'"':""].join(" ").trim()+">"+e+"</"+t+">"},i.listitem={renderer:e}.renderer.listitem=function(e){return/^(<input.*type="checkbox"[^>]*>)/.test(e)?'<li class="task-list-item"><label>'+e+"</label></li>":"<li>"+e+"</li>"},e.origin=i,e},On.prototype.sidebar=function(e,t){var n=this.toc,r=this.router.getCurrentPath(),i="";if(e)i=this.compile(e);else{for(var o=0;o<n.length;o++)if(n[o].ignoreSubHeading){var a=n[o].level;n.splice(o,1);for(var s=o;s<n.length&&a<n[s].level;s++)n.splice(s,1)&&s--&&o++;o--}t=this.cacheTree[r]||yn(n,t),i=mn(t,"<ul>{inner}</ul>");this.cacheTree[r]=t}return i},On.prototype.subSidebar=function(e){if(e){var t=this.router.getCurrentPath(),n=this.cacheTree,r=this.toc;r[0]&&r[0].ignoreAllSubs&&r.splice(0),r[0]&&1===r[0].level&&r.shift();for(var i=0;i<r.length;i++)r[i].ignoreSubHeading&&r.splice(i,1)&&i--;e=n[t]||yn(r,e);return n[t]=e,this.toc=[],mn(e)}this.toc=[]},On.prototype.header=function(e,t){return this.heading(e,t)},On.prototype.article=function(e){return this.compile(e)},On.prototype.cover=function(e){var t=this.toc.slice(),e=this.compile(e);return this.toc=t.slice(),e};var Cn,Ln=function(e){var t=function(e){e=e.match(/^[ \t]*(?=\S)/gm);return e?e.reduce(function(e,t){return Math.min(e,t.length)},1/0):0}(e);if(0===t)return e;t=new RegExp("^[ \\t]{"+t+"}","gm");return e.replace(t,"")},zn={};function Nn(e,r){var o=e.compiler,i=e.raw;void 0===i&&(i="");var t=e.fetch,e=zn[i];if(e){var n=e.slice();return n.links=e.links,r(n)}var n=o._marked,a=n.lexer(i),s=[],l=n.Lexer.rules.inline.link,c=a.links;a.forEach(function(e,i){"paragraph"===e.type&&(e.text=e.text.replace(new RegExp(l.source,"g"),function(e,t,n,r){r=o.compileEmbed(n,r);return r&&s.push({index:i,embed:r}),e}))});var u=[];!function(e,o){var t,n=e.embedTokens,a=e.compile,s=(e.fetch,0),l=1;if(!n.length)return o({});for(;t=n[s++];){var r=function(i){return function(e){var t,n,r;e&&("markdown"===i.embed.type?((n=i.embed.url.split("/")).pop(),n=n.join("/"),e=e.replace(/\[([^[\]]+)\]\(([^)]+)\)/g,function(e){var t=e.indexOf("(");return"(."===e.slice(t,t+2)?e.substring(0,t)+"("+window.location.protocol+"//"+window.location.host+n+"/"+e.substring(t+1,e.length-1)+")":e}),!0===(($docsify.frontMatter||{}).installed||!1)&&(e=$docsify.frontMatter.parseMarkdown(e)),t=a.lexer(e)):"code"===i.embed.type?(i.embed.fragment&&(r=i.embed.fragment,r=new RegExp("(?:###|\\/\\/\\/)\\s*\\["+r+"\\]([\\s\\S]*)(?:###|\\/\\/\\/)\\s*\\["+r+"\\]"),e=Ln((e.match(r)||[])[1]||"").trim()),t=a.lexer("```"+i.embed.lang+"\n"+e.replace(/`/g,"@DOCSIFY_QM@")+"\n```\n")):"mermaid"===i.embed.type?(t=[{type:"html",text:'<div class="mermaid">\n'+e+"\n</div>"}]).links={}:(t=[{type:"html",text:e}]).links={}),o({token:i,embedToken:t}),++l>=s&&o({})}}(t);t.embed.url?ce(t.embed.url).then(r):r(t.embed.html)}}({compile:n,embedTokens:s,fetch:t},function(e){var t,n=e.embedToken,e=e.token;e?(t=e.index,u.forEach(function(e){t>e.start&&(t+=e.length)}),y(c,n.links),a=a.slice(0,t).concat(n,a.slice(t+1)),u.push({start:t,length:n.length-1})):(zn[i]=a.concat(),a.links=zn[i].links=c,r(a))})}function Mn(e,t,n){var r,i,o,a;return t="function"==typeof n?n(t):"string"==typeof n?(o=[],a=0,(r=n).replace(B,function(t,e,n){o.push(r.substring(a,n-1)),a=n+=t.length+1,o.push(i&&i[t]||function(e){return("00"+("string"==typeof Z[t]?e[Z[t]]():Z[t](e))).slice(-t.length)})}),a!==r.length&&o.push(r.substring(a)),function(e){for(var t="",n=0,r=e||new Date;n<o.length;n++)t+="string"==typeof o[n]?o[n]:o[n](r);return t}(new Date(t))):t,e.replace(/{docsify-updated}/g,t)}function Dn(e){function t(e){var t=Boolean(e.__vue__&&e.__vue__._isVue),e=Boolean(e._vnode&&e._vnode.__v_skip);return t||e}var n=this.config,r=b(".markdown-section"),i="Vue"in window&&window.Vue.version&&Number(window.Vue.version.charAt(0));if(e=e||"<h1>404 - Not found</h1>","Vue"in window)for(var o=0,a=k(".markdown-section > *").filter(t);o<a.length;o+=1){var s=a[o];2===i?s.__vue__.$destroy():3===i&&s.__vue_app__.unmount()}if(this._renderTo(r,e),n.loadSidebar||this._renderSidebar(),(n.executeScript||"Vue"in window&&!1!==n.executeScript)&&(!(e=k(".markdown-section>script").filter(function(e){return!/template/.test(e.type)})[0])||(e=e.innerText.trim())&&new Function(e)()),"Vue"in window){var l,c,u=[],p=Object.keys(n.vueComponents||{});2===i&&p.length&&p.forEach(function(e){window.Vue.options.components[e]||window.Vue.component(e,n.vueComponents[e])}),!Cn&&n.vueGlobalOptions&&"function"==typeof n.vueGlobalOptions.data&&(Cn=n.vueGlobalOptions.data()),u.push.apply(u,Object.keys(n.vueMounts||{}).map(function(e){return[b(r,e),n.vueMounts[e]]}).filter(function(e){var t=e[0];e[1];return t})),(n.vueGlobalOptions||p.length)&&(l=/{{2}[^{}]*}{2}/,c=/<[^>/]+\s([@:]|v-)[\w-:.[\]]+[=>\s]/,u.push.apply(u,k(".markdown-section > *").filter(function(n){return!u.some(function(e){var t=e[0];e[1];return t===n})}).filter(function(e){return e.tagName.toLowerCase()in(n.vueComponents||{})||e.querySelector(p.join(",")||null)||l.test(e.outerHTML)||c.test(e.outerHTML)}).map(function(e){var t=y({},n.vueGlobalOptions||{});return Cn&&(t.data=function(){return Cn}),[e,t]})));for(var h=0,d=u;h<d.length;h+=1){var f,g=d[h],m=g[0],v=g[1],g="data-isvue";m.matches("pre, script")||t(m)||m.querySelector("["+g+"]")||(m.setAttribute(g,""),2===i?(v.el=void 0,new window.Vue(v).$mount(m)):3===i&&(f=window.Vue.createApp(v),p.forEach(function(e){var t=n.vueComponents[e];f.component(e,t)}),f.mount(m)))}}}function Pn(t,n,r,i,o,e){t=e?t:t.replace(/\/$/,""),(t=F(t))&&ce(o.router.getFile(t+r)+n,!1,o.config.requestHeaders).then(i,function(e){return Pn(t,n,r,i,o)})}var In=Object.freeze({__proto__:null,cached:s,hyphenate:o,hasOwn:l,merge:y,isPrimitive:c,noop:u,isFn:r,isExternal:p,inBrowser:!0,isMobile:h,supportsPushState:i,parseQuery:E,stringifyQuery:R,isAbsolutePath:O,removeParams:$,getParentPath:F,cleanPath:C,resolvePath:L,getPath:N,replaceSlug:M,endsWith:D});var jn,Hn,qn=function(e){function t(){e.call(this),this.config=we(this),this.initLifecycle(),this.initPlugin(),this.callHook("init"),this.initRouter(),this.initRender(),this.initEvent(),this.initFetch(),this.callHook("mounted")}return e&&(t.__proto__=e),((t.prototype=Object.create(e&&e.prototype)).constructor=t).prototype.initPlugin=function(){var t=this;[].concat(this.config.plugins).forEach(function(e){return r(e)&&e(t._lifecycle,t)})},t}((Hn=Object,function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),((t.prototype=Object.create(e&&e.prototype)).constructor=t).prototype._loadSideAndNav=function(e,t,n,r){var i=this;return function(){if(!n)return r();Pn(e,t,n,function(e){i._renderSidebar(e),r()},i,!0)}},t.prototype._fetch=function(n){var r=this;void 0===n&&(n=u);var i,e,t,o,a,s=this.route.query,l=this.route.path;p(l)?(history.replaceState(null,"","#"),this.router.normalize()):(i=R(s,["id"]),t=(e=this.config).loadNavbar,s=e.requestHeaders,o=e.loadSidebar,a=this.router.getFile(l),s=Un(a+i,0,s),this.isRemoteUrl=p(a),this.isHTML=/\.html$/g.test(a),s.then(function(e,t){return r._renderMain(e,t,r._loadSideAndNav(l,i,o,n))},function(e){r._fetchFallbackPage(l,i,n)||r._fetch404(a,i,n)}),t&&Pn(l,i,t,function(e){return r._renderNav(e)},this,!0))},t.prototype._fetchCover=function(){var t=this,e=this.config,n=e.coverpage,r=e.requestHeaders,i=this.route.query,o=F(this.route.path);if(n){var a=null,e=this.route.path;"string"==typeof n?"/"===e&&(a=n):a=Array.isArray(n)?-1<n.indexOf(e)&&"_coverpage":!0===(e=n[e])?"_coverpage":e;var s=Boolean(a)&&this.config.onlyCover;return a?(a=this.router.getFile(o+a),this.coverIsHTML=/\.html$/g.test(a),ce(a+R(i,["id"]),!1,r).then(function(e){return t._renderCover(e,s)})):this._renderCover(null,s),s}},t.prototype.$fetch=function(e,t){var n=this;void 0===e&&(e=u),void 0===t&&(t=this.$resetEvents.bind(this));function r(){n.callHook("doneEach"),e()}this._fetchCover()?r():this._fetch(function(){t(),r()})},t.prototype._fetchFallbackPage=function(n,r,i){var o=this;void 0===i&&(i=u);var e=this.config,t=e.requestHeaders,a=e.fallbackLanguages,s=e.loadSidebar;if(!a)return!1;e=n.split("/")[1];if(-1===a.indexOf(e))return!1;e=this.router.getFile(n.replace(new RegExp("^/"+e),""));return Un(e+r,0,t).then(function(e,t){return o._renderMain(e,t,o._loadSideAndNav(n,r,s,i))},function(){return o._fetch404(n,r,i)}),!0},t.prototype._fetch404=function(e,t,n){var r=this;void 0===n&&(n=u);var i=this.config,o=i.loadSidebar,a=i.requestHeaders,i=i.notFoundPage,s=this._loadSideAndNav(e,t,o,n);if(i){e=function(t,e){var n,r=e.notFoundPage,i="_404"+(e.ext||".md");switch(typeof r){case"boolean":n=i;break;case"string":n=r;break;case"object":n=(e=Object.keys(r).sort(function(e,t){return t.length-e.length}).filter(function(e){return t.match(new RegExp("^"+e))})[0])&&r[e]||i}return n}(e,this.config);return Un(this.router.getFile(e),0,a).then(function(e,t){return r._renderMain(e,t,s)},function(){return r._renderMain(null,{},s)}),!0}return this._renderMain(null,{},s),!1},t.prototype.initFetch=function(){var e,t=this,n=this.config.loadSidebar;this.rendered?(e=de(this.router,".sidebar-nav",!0,!0),n&&e&&(e.parentNode.innerHTML+=window.__SUB_SIDEBAR__),this._bindEventOnRendered(e),this.$resetEvents(),this.callHook("doneEach"),this.callHook("ready")):this.$fetch(function(e){return t.callHook("ready")})},t}(function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),((t.prototype=Object.create(e&&e.prototype)).constructor=t).prototype.$resetEvents=function(e){var t=this,n=this.config.auto2top;"history"!==e&&(t.route.query.id&&Oe(t.route.path,t.route.query.id),"navigate"===e&&n&&(void 0===(n=n)&&(n=0),$e.scrollTop=!0===n?0:Number(n))),this.config.loadNavbar&&de(this.router,"nav")},t.prototype.initEvent=function(){function t(e){return g.classList.toggle("close")}var e;e="button.sidebar-toggle",this.router,null!=(e=d(e))&&(x(e,"click",function(e){e.stopPropagation(),t()}),h&&x(g,"click",function(e){return g.classList.contains("close")&&t()})),e=".sidebar",this.router,null!=(e=d(e))&&x(e,"click",function(e){e=e.target;"A"===e.nodeName&&e.nextSibling&&e.nextSibling.classList&&e.nextSibling.classList.contains("app-sub-sidebar")&&S(e.parentNode,"collapse")}),this.config.coverpage?h||x("scroll",he):g.classList.add("sticky")},t}(function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),((t.prototype=Object.create(e&&e.prototype)).constructor=t).prototype._renderTo=function(e,t,n){e=d(e);e&&(e[n?"outerHTML":"innerHTML"]=t)},t.prototype._renderSidebar=function(e){var t=this.config,n=t.maxLevel,r=t.subMaxLevel,i=t.loadSidebar;if(t.hideSidebar)return[document.querySelector("aside.sidebar"),document.querySelector("button.sidebar-toggle")].forEach(function(e){return e.parentNode.removeChild(e)}),document.querySelector("section.content").style.right="unset",document.querySelector("section.content").style.left="unset",document.querySelector("section.content").style.position="relative",document.querySelector("section.content").style.width="100%",null;this._renderTo(".sidebar-nav",this.compiler.sidebar(e,n));n=de(this.router,".sidebar-nav",!0,!0);i&&n?n.parentNode.innerHTML+=this.compiler.subSidebar(r)||"":this.compiler.subSidebar(),this._bindEventOnRendered(n)},t.prototype._bindEventOnRendered=function(e){var t,n=this.config.autoHeader;!function(e){var t=b(".cover.show");Te=t?t.offsetHeight:0;var t=d(".sidebar"),n=[];null!=t&&(n=k(t,"li"));for(var r,i=0,o=n.length;i<o;i+=1){var a,s,l=n[i],c=l.querySelector("a");c&&("/"!==(a=c.getAttribute("href"))&&(c=(s=e.parse(a)).query.id,s=s.path,c&&(a=Re(s,c))),a&&(xe[decodeURIComponent(a)]=l))}h||(r=$(e.getCurrentPath()),_("scroll",function(){return Ee(r)}),x("scroll",function(){return Ee(r)}),x(t,"mouseover",function(){_e=!0}),x(t,"mouseleave",function(){_e=!1}))}(this.router),n&&e&&((n=(t=d("#main")).children[0])&&"H1"!==n.tagName&&w(t,v("div",this.compiler.header(e.innerText,1)).children[0]))},t.prototype._renderNav=function(e){e&&this._renderTo("nav",this.compiler.compile(e)),this.config.loadNavbar&&de(this.router,"nav")},t.prototype._renderMain=function(r,i,o){var a=this;if(void 0===i&&(i={}),!r)return Dn.call(this,r);this.callHook("beforeEach",r,function(e){function t(){i.updatedAt&&(n=Mn(n,i.updatedAt,a.config.formatUpdated)),a.callHook("afterEach",n,function(e){return Dn.call(a,e)})}var n;a.isHTML?(n=a.result=r,t(),o()):Nn({compiler:a.compiler,raw:e},function(e){n=a.compiler.compile(e),n=a.isRemoteUrl?ae.sanitize(n,{ADD_TAGS:["script"]}):n,t(),o()})})},t.prototype._renderCover=function(e,t){var n,r=d(".cover");S(d("main"),t?"add":"remove","hidden"),e?(S(r,"add","show"),(t=(n=this.coverIsHTML?e:this.compiler.cover(e)).trim().match('<p><img.*?data-origin="(.*?)"[^a]+alt="(.*?)">([^<]*?)</p>$'))&&("color"===t[2]?r.style.background=t[1]+(t[3]||""):(e=t[1],S(r,"add","has-mask"),O(t[1])||(e=N(this.router.getBasePath(),t[1])),r.style.backgroundImage="url("+e+")",r.style.backgroundSize="cover",r.style.backgroundPosition="center center"),n=n.replace(t[0],"")),this._renderTo(".cover-main",n),he()):S(r,"remove","show")},t.prototype._updateRender=function(){var e,t,n,r;e=this,t=d(".app-name-link"),n=e.config.nameLink,r=e.route.path,t&&(c(e.config.nameLink)?t.setAttribute("href",n):"object"==typeof n&&(e=Object.keys(n).filter(function(e){return-1<r.indexOf(e)})[0],t.setAttribute("href",n[e])))},t.prototype.initRender=function(){var e=this.config;this.compiler=new On(e,this.router),window.__current_docsify_compiler__=this.compiler;var t,n,r,i,o,a=e.el||"#app",s=b("nav")||v("nav"),l=b(a),c="",u=g;l?(e.repo&&(c+=(i=e.repo,a=e.cornerExternalLinkTarge,i?(/\/\//.test(i)||(i="https://github.com/"+i),'<a href="'+(i=i.replace(/^git\+/,""))+'" target="'+(a=a||"_blank")+'" class="github-corner" aria-label="View source on Github"><svg viewBox="0 0 250 250" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a>'):"")),e.coverpage&&(c+=(r=", 100%, 85%",'<section class="cover show" style="background: '+("linear-gradient(to left bottom, hsl("+Math.floor(255*Math.random())+r+") 0%,hsl("+Math.floor(255*Math.random())+r+") 100%)")+'"><div class="mask"></div><div class="cover-main">\x3c!--cover--\x3e</div></section>')),e.logo&&(r=/^data:image/.test(e.logo),t=/(?:http[s]?:)?\/\//.test(e.logo),n=/^\./.test(e.logo),r||t||n||(e.logo=N(this.router.getBasePath(),e.logo))),c+=(n=(t=e).name?t.name:"","<main>"+('<button class="sidebar-toggle" aria-label="Menu"><div class="sidebar-toggle-button"><span></span><span></span><span></span></div></button><aside class="sidebar">'+(t.name?'<h1 class="app-name"><a class="app-name-link" data-nosearch>'+(t.logo?'<img alt="'+n+'" src='+t.logo+">":n)+"</a></h1>":"")+'<div class="sidebar-nav">\x3c!--sidebar--\x3e</div></aside>')+'<section class="content"><article class="markdown-section" id="main">\x3c!--main--\x3e</article></section></main>'),this._renderTo(l,c,!0)):this.rendered=!0,e.mergeNavbar&&h?u=b(".sidebar"):(s.classList.add("app-nav"),e.repo||s.classList.add("no-badge")),e.loadNavbar&&w(u,s),e.themeColor&&(f.head.appendChild(v("div","<style>:root{--theme-color: "+e.themeColor+";}</style>").firstElementChild),o=e.themeColor,window.CSS&&window.CSS.supports&&window.CSS.supports("(--v:red)")||(e=k("style:not(.inserted),link"),[].forEach.call(e,function(e){if("STYLE"===e.nodeName)ue(e,o);else if("LINK"===e.nodeName){e=e.getAttribute("href");if(!/\.css$/.test(e))return;ce(e).then(function(e){e=v("style",e);m.appendChild(e),ue(e,o)})}}))),this._updateRender(),S(g,"ready")},t}(function(n){function e(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];n.apply(this,e),this.route={}}return n&&(e.__proto__=n),((e.prototype=Object.create(n&&n.prototype)).constructor=e).prototype.updateRender=function(){this.router.normalize(),this.route=this.router.parse(),g.setAttribute("data-page",this.route.file)},e.prototype.initRouter=function(){var t=this,e=this.config,e=new("history"===(e.routerMode||"hash")&&i?q:H)(e);this.router=e,this.updateRender(),U=this.route,e.onchange(function(e){t.updateRender(),t._updateRender(),U.path!==t.route.path?(t.$fetch(u,t.$resetEvents.bind(t,e.source)),U=t.route):t.$resetEvents(e.source)})},e}(function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),((t.prototype=Object.create(e&&e.prototype)).constructor=t).prototype.initLifecycle=function(){var n=this;this._hooks={},this._lifecycle={},["init","mounted","beforeEach","afterEach","doneEach","ready"].forEach(function(e){var t=n._hooks[e]=[];n._lifecycle[e]=function(e){return t.push(e)}})},t.prototype.callHook=function(e,n,r){void 0===r&&(r=u);var i=this._hooks[e],o=function(t){var e=i[t];t>=i.length?r(n):"function"==typeof e?2===e.length?e(n,function(e){n=e,o(t+1)}):(e=e(n),n=void 0===e?n:e,o(t+1)):o(t+1)};o(0)},t}(Hn)))))));function Un(e,t,n){return jn&&jn.abort&&jn.abort(),jn=ce(e,!0,n)}window.Docsify={util:In,dom:t,get:ce,slugify:xn,version:"4.12.2"},window.DocsifyCompiler=On,window.marked=gn,window.Prism=En,e(function(e){return new qn})}();
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/docs/lib/prism-bash.min.js b/wechat-mini-program/components/mp-html/docs/lib/prism-bash.min.js
new file mode 100644
index 0000000..5d6986f
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/docs/lib/prism-bash.min.js
@@ -0,0 +1 @@
+!function(e){var t="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},a={bash:n,environment:{pattern:RegExp("\\$"+t),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+t),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};e.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+t),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:a},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:a},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:a.entity}}],environment:{pattern:RegExp("\\$?"+t),alias:"constant"},variable:a.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=e.languages.bash;for(var o=["comment","function-name","for-or-select","assign-left","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],s=a.variable[1].inside,i=0;i<o.length;i++)s[o[i]]=e.languages.bash[o[i]];e.languages.shell=e.languages.bash}(Prism);
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/docs/lib/search.min.js b/wechat-mini-program/components/mp-html/docs/lib/search.min.js
new file mode 100644
index 0000000..74f7fbc
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/docs/lib/search.min.js
@@ -0,0 +1 @@
+!function(){var u={},m={EXPIRE_KEY:"docsify.search.expires",INDEX_KEY:"docsify.search.index"};function p(e){var n={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};return String(e).replace(/[&<>"']/g,function(e){return n[e]})}function h(e){return e.text||"table"!==e.type||(e.cells.unshift(e.header),e.text=e.cells.map(function(e){return e.join(" | ")}).join(" |\n ")),e.text}function f(e){return e.text||"list"!==e.type||(e.text=e.raw),e.text}function g(i,e,r,o){void 0===e&&(e="");var s,e=window.marked.lexer(e),c=window.Docsify.slugify,d={},l="";return e.forEach(function(e,n){if("heading"===e.type&&e.depth<=o){var t=function(e){void 0===e&&(e="");var a={};return{str:e=e&&e.replace(/^('|")/,"").replace(/('|")$/,"").replace(/(?:^|\s):([\w-]+:?)=?([\w-%]+)?/g,function(e,n,t){return-1===n.indexOf(":")?(a[n]=t&&t.replace(/&quot;/g,"")||!0,""):e}).trim(),config:a}}(e.text),a=t.str,t=t.config;s=t.id?r.toURL(i,{id:c(t.id)}):r.toURL(i,{id:c(p(e.text))}),a&&(l=a.replace(/<!-- {docsify-ignore} -->/,"").replace(/{docsify-ignore}/,"").replace(/<!-- {docsify-ignore-all} -->/,"").replace(/{docsify-ignore-all}/,"").trim()),d[s]={slug:s,title:l,body:""}}else{if(0===n&&(s=r.toURL(i),d[s]={slug:s,title:"/"!==i?i.slice(1):"Home Page",body:e.text||""}),!s)return;d[s]?d[s].body?(e.text=h(e),e.text=f(e),d[s].body+="\n"+(e.text||"")):(e.text=h(e),e.text=f(e),d[s].body=d[s].body?d[s].body+e.text:e.text):d[s]={slug:s,title:"",body:""}}}),c.clear(),d}function y(e){return e&&e.normalize?e.normalize("NFD").replace(/[\u0300-\u036f]/g,""):e}function r(i,r){var t,a,n,e,o="auto"===i.paths,s=o?(t=r.router,a=[],Docsify.dom.findAll(".sidebar-nav a:not(.section-link):not([data-nosearch])").forEach(function(e){var n=e.href,e=e.getAttribute("href"),n=t.parse(n).path;n&&-1===a.indexOf(n)&&!Docsify.util.isAbsolutePath(e)&&a.push(n)}),a):i.paths,c="";s.length&&o&&i.pathNamespaces?(n=s[0],Array.isArray(i.pathNamespaces)?c=i.pathNamespaces.filter(function(e){return n.slice(0,e.length)===e})[0]||c:i.pathNamespaces instanceof RegExp&&((d=n.match(i.pathNamespaces))&&(c=d[0])),e=-1===s.indexOf(c+"/"),d=-1===s.indexOf(c+"/README"),e&&d&&s.unshift(c+"/")):-1===s.indexOf("/")&&-1===s.indexOf("/README")&&s.unshift("/");var d,l=((d=i.namespace)?m.EXPIRE_KEY+"/"+d:m.EXPIRE_KEY)+c,p=((d=i.namespace)?m.INDEX_KEY+"/"+d:m.INDEX_KEY)+c,c=localStorage.getItem(l)<Date.now();if(u=JSON.parse(localStorage.getItem(p)),c)u={};else if(!o)return;var h=s.length,f=0;s.forEach(function(a){return u[a]?f++:void Docsify.get(r.router.getFile(a),!1,r.config.requestHeaders).then(function(e){var n,t;u[a]=g(a,e,r.router,i.depth),h===++f&&(n=i.maxAge,t=l,e=p,localStorage.setItem(t,Date.now()+n),localStorage.setItem(e,JSON.stringify(u)))})})}var o,s="";function c(e){var n=Docsify.dom.find("div.search"),t=Docsify.dom.find(n,".results-panel"),a=Docsify.dom.find(n,".clear-button"),i=Docsify.dom.find(".sidebar-nav"),n=Docsify.dom.find(".app-name");if(!e)return t.classList.remove("show"),a.classList.remove("show"),t.innerHTML="",void(o.hideOtherSidebarContent&&(i&&i.classList.remove("hide"),n&&n.classList.remove("hide")));var e=function(e){var n=[],t=[];Object.keys(u).forEach(function(n){t=t.concat(Object.keys(u[n]).map(function(e){return u[n][e]}))});var a=(e=e.trim()).split(/[\s\-，\\/]+/);1!==a.length&&(a=[].concat(e,a));for(var i=0;i<t.length;i++)!function(e){var e=t[e],r=0,o="",s="",c="",d=e.title&&e.title.trim(),l=e.body&&e.body.trim(),e=e.slug||"";d&&(a.forEach(function(e){var n,t=new RegExp(p(y(e)).replace(/[|\\{}()[\]^$+*?.]/g,"\\$&"),"gi"),a=-1,i=-1;s=d?p(y(d)):d,c=l?p(y(l)):l,a=d?s.search(t):-1,i=l?c.search(t):-1,(0<=a||0<=i)&&(r+=0<=a?3:0<=i?2:0,i<0&&(i=0),a=(a=n=0)==(n=i<11?0:i-10)?70:i+e.length+60,l&&a>l.length&&(a=l.length),t="..."+c.substring(n,a).replace(t,function(e){return'<em class="search-keyword">'+e+"</em>"})+"...",o+=t)}),0<r&&(e={title:s,content:l?o:"",url:e,score:r},n.push(e)))}(i);return n.sort(function(e,n){return n.score-e.score})}(e),r="";e.forEach(function(e){r+='<div class="matching-post">\n<a href="'+e.url+'">\n<h2>'+e.title+"</h2>\n<p>"+e.content+"</p>\n</a>\n</div>"}),t.classList.add("show"),a.classList.add("show"),t.innerHTML=r||'<p class="empty">'+s+"</p>",o.hideOtherSidebarContent&&(i&&i.classList.add("hide"),n&&n.classList.add("hide"))}function d(e){o=e}function l(e,n){var t,a,i=n.router.parse().query.s;d(e),Docsify.dom.style("\n.sidebar {\n  padding-top: 0;\n}\n\n.search {\n  margin-bottom: 20px;\n  padding: 6px;\n  border-bottom: 1px solid #eee;\n}\n\n.search .input-wrap {\n  display: flex;\n  align-items: center;\n}\n\n.search .results-panel {\n  display: none;\n}\n\n.search .results-panel.show {\n  display: block;\n}\n\n.search input {\n  outline: none;\n  border: none;\n  width: 100%;\n  padding: 0 7px;\n  line-height: 36px;\n  font-size: 14px;\n  border: 1px solid transparent;\n}\n\n.search input:focus {\n  box-shadow: 0 0 5px var(--theme-color, #42b983);\n  border: 1px solid var(--theme-color, #42b983);\n}\n\n.search input::-webkit-search-decoration,\n.search input::-webkit-search-cancel-button,\n.search input {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n.search .clear-button {\n  cursor: pointer;\n  width: 36px;\n  text-align: right;\n  display: none;\n}\n\n.search .clear-button.show {\n  display: block;\n}\n\n.search .clear-button svg {\n  transform: scale(.5);\n}\n\n.search h2 {\n  font-size: 17px;\n  margin: 10px 0;\n}\n\n.search a {\n  text-decoration: none;\n  color: inherit;\n}\n\n.search .matching-post {\n  border-bottom: 1px solid #eee;\n}\n\n.search .matching-post:last-child {\n  border-bottom: 0;\n}\n\n.search p {\n  font-size: 14px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n\n.search p.empty {\n  text-align: center;\n}\n\n.app-name.hide, .sidebar-nav.hide {\n  display: none;\n}"),function(e){void 0===e&&(e="");var n='<div class="input-wrap">\n      <input type="search" value="'+e+'" aria-label="Search text" />\n      <div class="clear-button">\n        <svg width="26" height="24">\n          <circle cx="12" cy="12" r="11" fill="#ccc" />\n          <path stroke="white" stroke-width="2" d="M8.25,8.25,15.75,15.75" />\n          <path stroke="white" stroke-width="2"d="M8.25,15.75,15.75,8.25" />\n        </svg>\n      </div>\n    </div>\n    <div class="results-panel"></div>\n    </div>',e=Docsify.dom.create("div",n),n=Docsify.dom.find("aside");Docsify.dom.toggleClass(e,"search"),Docsify.dom.before(n,e)}(i),n=Docsify.dom.find("div.search"),a=Docsify.dom.find(n,"input"),e=Docsify.dom.find(n,".input-wrap"),Docsify.dom.on(n,"click",function(e){return-1===["A","H2","P","EM"].indexOf(e.target.tagName)&&e.stopPropagation()}),Docsify.dom.on(a,"input",function(n){clearTimeout(t),t=setTimeout(function(e){return c(n.target.value.trim())},100)}),Docsify.dom.on(e,"click",function(e){"INPUT"!==e.target.tagName&&(a.value="",c())}),i&&setTimeout(function(e){return c(i)},500)}function v(e,n){var t,a,i,r,o;d(e),t=e.placeholder,a=n.route.path,(r=Docsify.dom.getNode('.search input[type="search"]'))&&("string"==typeof t?r.placeholder=t:(i=Object.keys(t).filter(function(e){return-1<a.indexOf(e)})[0],r.placeholder=t[i])),e=e.noData,o=n.route.path,s="string"==typeof e?e:e[Object.keys(e).filter(function(e){return-1<o.indexOf(e)})[0]]}var b={placeholder:"Type to search",noData:"No Results!",paths:"auto",depth:2,maxAge:864e5,hideOtherSidebarContent:!1,namespace:void 0,pathNamespaces:void 0};$docsify.plugins=[].concat(function(e,n){var t=Docsify.util,a=n.config.search||b;Array.isArray(a)?b.paths=a:"object"==typeof a&&(b.paths=Array.isArray(a.paths)?a.paths:"auto",b.maxAge=(t.isPrimitive(a.maxAge)?a:b).maxAge,b.placeholder=a.placeholder||b.placeholder,b.noData=a.noData||b.noData,b.depth=a.depth||b.depth,b.hideOtherSidebarContent=a.hideOtherSidebarContent||b.hideOtherSidebarContent,b.namespace=a.namespace||b.namespace,b.pathNamespaces=a.pathNamespaces||b.pathNamespaces);var i="auto"===b.paths;e.mounted(function(e){l(b,n),i||r(b,n)}),e.doneEach(function(e){v(b,n),i&&r(b,n)})},$docsify.plugins)}();
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/docs/lib/vue.css b/wechat-mini-program/components/mp-html/docs/lib/vue.css
new file mode 100644
index 0000000..7dbd867
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/docs/lib/vue.css
@@ -0,0 +1,858 @@
+@import url("https://fonts.googleapis.com/css?family=Roboto+Mono|Source+Sans+Pro:300,400,600");
+* {
+  -webkit-font-smoothing: antialiased;
+  -webkit-overflow-scrolling: touch;
+  -webkit-tap-highlight-color: rgba(0,0,0,0);
+  -webkit-text-size-adjust: none;
+  -webkit-touch-callout: none;
+  box-sizing: border-box;
+}
+body:not(.ready) {
+  overflow: hidden;
+}
+body:not(.ready) [data-cloak],
+body:not(.ready) .app-nav,
+body:not(.ready) > nav {
+  display: none;
+}
+div#app {
+  font-size: 30px;
+  font-weight: lighter;
+  margin: 40vh auto;
+  text-align: center;
+}
+div#app:empty::before {
+  content: 'Loading...';
+}
+.emoji {
+  height: 1.2rem;
+  vertical-align: middle;
+}
+.progress {
+  background-color: var(--theme-color, #42b983);
+  height: 2px;
+  left: 0px;
+  position: fixed;
+  right: 0px;
+  top: 0px;
+  transition: width 0.2s, opacity 0.4s;
+  width: 0%;
+  z-index: 999999;
+}
+.search a:hover {
+  color: var(--theme-color, #42b983);
+}
+.search .search-keyword {
+  color: var(--theme-color, #42b983);
+  font-style: normal;
+  font-weight: bold;
+}
+html,
+body {
+  height: 100%;
+}
+body {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  color: #34495e;
+  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
+  font-size: 15px;
+  letter-spacing: 0;
+  margin: 0;
+  overflow-x: hidden;
+}
+img {
+  max-width: 100%;
+}
+a[disabled] {
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+kbd {
+  border: solid 1px #ccc;
+  border-radius: 3px;
+  display: inline-block;
+  font-size: 12px !important;
+  line-height: 12px;
+  margin-bottom: 3px;
+  padding: 3px 5px;
+  vertical-align: middle;
+}
+li input[type='checkbox'] {
+  margin: 0 0.2em 0.25em 0;
+  vertical-align: middle;
+}
+.app-nav {
+  margin: 25px 60px 0 0;
+  position: absolute;
+  right: 0;
+  text-align: right;
+  z-index: 10;
+/* navbar dropdown */
+}
+.app-nav.no-badge {
+  margin-right: 25px;
+}
+.app-nav p {
+  margin: 0;
+}
+.app-nav > a {
+  margin: 0 1rem;
+  padding: 5px 0;
+}
+.app-nav ul,
+.app-nav li {
+  display: inline-block;
+  list-style: none;
+  margin: 0;
+}
+.app-nav a {
+  color: inherit;
+  font-size: 16px;
+  text-decoration: none;
+  transition: color 0.3s;
+}
+.app-nav a:hover {
+  color: var(--theme-color, #42b983);
+}
+.app-nav a.active {
+  border-bottom: 2px solid var(--theme-color, #42b983);
+  color: var(--theme-color, #42b983);
+}
+.app-nav li {
+  display: inline-block;
+  margin: 0 1rem;
+  padding: 5px 0;
+  position: relative;
+  cursor: pointer;
+}
+.app-nav li ul {
+  background-color: #fff;
+  border: 1px solid #ddd;
+  border-bottom-color: #ccc;
+  border-radius: 4px;
+  box-sizing: border-box;
+  display: none;
+  max-height: calc(100vh - 61px);
+  overflow-y: auto;
+  padding: 10px 0;
+  position: absolute;
+  right: -15px;
+  text-align: left;
+  top: 100%;
+  white-space: nowrap;
+}
+.app-nav li ul li {
+  display: block;
+  font-size: 14px;
+  line-height: 1rem;
+  margin: 0;
+  margin: 8px 14px;
+  white-space: nowrap;
+}
+.app-nav li ul a {
+  display: block;
+  font-size: inherit;
+  margin: 0;
+  padding: 0;
+}
+.app-nav li ul a.active {
+  border-bottom: 0;
+}
+.app-nav li:hover ul {
+  display: block;
+}
+.github-corner {
+  border-bottom: 0;
+  position: fixed;
+  right: 0;
+  text-decoration: none;
+  top: 0;
+  z-index: 1;
+}
+.github-corner:hover .octo-arm {
+  -webkit-animation: octocat-wave 560ms ease-in-out;
+          animation: octocat-wave 560ms ease-in-out;
+}
+.github-corner svg {
+  color: #fff;
+  fill: var(--theme-color, #42b983);
+  height: 80px;
+  width: 80px;
+}
+main {
+  display: block;
+  position: relative;
+  width: 100vw;
+  height: 100%;
+  z-index: 0;
+}
+main.hidden {
+  display: none;
+}
+.anchor {
+  display: inline-block;
+  text-decoration: none;
+  transition: all 0.3s;
+}
+.anchor span {
+  color: #34495e;
+}
+.anchor:hover {
+  text-decoration: underline;
+}
+.sidebar {
+  border-right: 1px solid rgba(0,0,0,0.07);
+  overflow-y: auto;
+  padding: 40px 0 0;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  transition: transform 250ms ease-out;
+  width: 300px;
+  z-index: 20;
+}
+.sidebar > h1 {
+  margin: 0 auto 1rem;
+  font-size: 1.5rem;
+  font-weight: 300;
+  text-align: center;
+}
+.sidebar > h1 a {
+  color: inherit;
+  text-decoration: none;
+}
+.sidebar > h1 .app-nav {
+  display: block;
+  position: static;
+}
+.sidebar .sidebar-nav {
+  line-height: 2em;
+  padding-bottom: 40px;
+}
+.sidebar li.collapse .app-sub-sidebar {
+  display: none;
+}
+.sidebar ul {
+  margin: 0 0 0 15px;
+  padding: 0;
+}
+.sidebar li > p {
+  font-weight: 700;
+  margin: 0;
+}
+.sidebar ul,
+.sidebar ul li {
+  list-style: none;
+}
+.sidebar ul li a {
+  border-bottom: none;
+  display: block;
+}
+.sidebar ul li ul {
+  padding-left: 20px;
+}
+.sidebar::-webkit-scrollbar {
+  width: 4px;
+}
+.sidebar::-webkit-scrollbar-thumb {
+  background: transparent;
+  border-radius: 4px;
+}
+.sidebar:hover::-webkit-scrollbar-thumb {
+  background: rgba(136,136,136,0.4);
+}
+.sidebar:hover::-webkit-scrollbar-track {
+  background: rgba(136,136,136,0.1);
+}
+.sidebar-toggle {
+  background-color: transparent;
+  background-color: rgba(255,255,255,0.8);
+  border: 0;
+  outline: none;
+  padding: 10px;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  text-align: center;
+  transition: opacity 0.3s;
+  width: 284px;
+  z-index: 30;
+  cursor: pointer;
+}
+.sidebar-toggle:hover .sidebar-toggle-button {
+  opacity: 0.4;
+}
+.sidebar-toggle span {
+  background-color: var(--theme-color, #42b983);
+  display: block;
+  margin-bottom: 4px;
+  width: 16px;
+  height: 2px;
+}
+body.sticky .sidebar,
+body.sticky .sidebar-toggle {
+  position: fixed;
+}
+.content {
+  padding-top: 60px;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 300px;
+  transition: left 250ms ease;
+}
+.markdown-section {
+  margin: 0 auto;
+  max-width: 80%;
+  padding: 30px 15px 40px 15px;
+  position: relative;
+}
+.markdown-section > * {
+  box-sizing: border-box;
+  font-size: inherit;
+}
+.markdown-section > :first-child {
+  margin-top: 0 !important;
+}
+.markdown-section hr {
+  border: none;
+  border-bottom: 1px solid #eee;
+  margin: 2em 0;
+}
+.markdown-section iframe {
+  border: 1px solid #eee;
+/* fix horizontal overflow on iOS Safari */
+  width: 1px;
+  min-width: 100%;
+}
+.markdown-section table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  display: block;
+  margin-bottom: 1rem;
+  overflow: auto;
+  width: 100%;
+}
+.markdown-section th {
+  border: 1px solid #ddd;
+  font-weight: bold;
+  padding: 6px 13px;
+}
+.markdown-section td {
+  border: 1px solid #ddd;
+  padding: 6px 13px;
+}
+.markdown-section tr {
+  border-top: 1px solid #ccc;
+}
+.markdown-section tr:nth-child(2n) {
+  background-color: #f8f8f8;
+}
+.markdown-section p.tip {
+  background-color: #f8f8f8;
+  border-bottom-right-radius: 2px;
+  border-left: 4px solid #f66;
+  border-top-right-radius: 2px;
+  margin: 2em 0;
+  padding: 12px 24px 12px 30px;
+  position: relative;
+}
+.markdown-section p.tip:before {
+  background-color: #f66;
+  border-radius: 100%;
+  color: #fff;
+  content: '!';
+  font-family: 'Dosis', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
+  font-size: 14px;
+  font-weight: bold;
+  left: -12px;
+  line-height: 20px;
+  position: absolute;
+  height: 20px;
+  width: 20px;
+  text-align: center;
+  top: 14px;
+}
+.markdown-section p.tip code {
+  background-color: #efefef;
+}
+.markdown-section p.tip em {
+  color: #34495e;
+}
+.markdown-section p.warn {
+  background: rgba(66,185,131,0.1);
+  border-radius: 2px;
+  padding: 1rem;
+}
+.markdown-section ul.task-list > li {
+  list-style-type: none;
+}
+body.close .sidebar {
+  transform: translateX(-300px);
+}
+body.close .sidebar-toggle {
+  width: auto;
+}
+body.close .content {
+  left: 0;
+}
+@media print {
+  .github-corner,
+  .sidebar-toggle,
+  .sidebar,
+  .app-nav {
+    display: none;
+  }
+}
+@media screen and (max-width: 768px) {
+  .github-corner,
+  .sidebar-toggle,
+  .sidebar {
+    position: fixed;
+  }
+  .app-nav {
+    margin-top: 16px;
+  }
+  .app-nav li ul {
+    top: 30px;
+  }
+  main {
+    height: auto;
+    min-height: 100vh;
+    overflow-x: hidden;
+  }
+  .sidebar {
+    left: -300px;
+    transition: transform 250ms ease-out;
+  }
+  .content {
+    left: 0;
+    max-width: 100vw;
+    position: static;
+    padding-top: 20px;
+    transition: transform 250ms ease;
+  }
+  .app-nav,
+  .github-corner {
+    transition: transform 250ms ease-out;
+  }
+  .sidebar-toggle {
+    background-color: transparent;
+    width: auto;
+    padding: 30px 30px 10px 10px;
+  }
+  body.close .sidebar {
+    transform: translateX(300px);
+  }
+  body.close .sidebar-toggle {
+    background-color: rgba(255,255,255,0.8);
+    transition: 1s background-color;
+    width: 284px;
+    padding: 10px;
+  }
+  body.close .content {
+    transform: translateX(300px);
+  }
+  body.close .app-nav,
+  body.close .github-corner {
+    display: none;
+  }
+  .github-corner:hover .octo-arm {
+    -webkit-animation: none;
+            animation: none;
+  }
+  .github-corner .octo-arm {
+    -webkit-animation: octocat-wave 560ms ease-in-out;
+            animation: octocat-wave 560ms ease-in-out;
+  }
+}
+@-webkit-keyframes octocat-wave {
+  0%, 100% {
+    transform: rotate(0);
+  }
+  20%, 60% {
+    transform: rotate(-25deg);
+  }
+  40%, 80% {
+    transform: rotate(10deg);
+  }
+}
+@keyframes octocat-wave {
+  0%, 100% {
+    transform: rotate(0);
+  }
+  20%, 60% {
+    transform: rotate(-25deg);
+  }
+  40%, 80% {
+    transform: rotate(10deg);
+  }
+}
+section.cover {
+  align-items: center;
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  height: 100vh;
+  width: 100vw;
+  display: none;
+}
+section.cover.show {
+  display: flex;
+}
+section.cover.has-mask .mask {
+  background-color: #fff;
+  opacity: 0.8;
+  position: absolute;
+  top: 0;
+  height: 100%;
+  width: 100%;
+}
+section.cover .cover-main {
+  flex: 1;
+  margin: -20px 16px 0;
+  text-align: center;
+  position: relative;
+}
+section.cover a {
+  color: inherit;
+  text-decoration: none;
+}
+section.cover a:hover {
+  text-decoration: none;
+}
+section.cover p {
+  line-height: 1.5rem;
+  margin: 1em 0;
+}
+section.cover h1 {
+  color: inherit;
+  font-size: 2.5rem;
+  font-weight: 300;
+  margin: 0.625rem 0 2.5rem;
+  position: relative;
+  text-align: center;
+}
+section.cover h1 a {
+  display: block;
+}
+section.cover h1 small {
+  bottom: -0.4375rem;
+  font-size: 1rem;
+  position: absolute;
+}
+section.cover blockquote {
+  font-size: 1.5rem;
+  text-align: center;
+}
+section.cover ul {
+  line-height: 1.8;
+  list-style-type: none;
+  margin: 1em auto;
+  max-width: 500px;
+  padding: 0;
+}
+section.cover .cover-main > p:last-child a {
+  border-color: var(--theme-color, #42b983);
+  border-radius: 2rem;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  color: var(--theme-color, #42b983);
+  display: inline-block;
+  font-size: 1.05rem;
+  letter-spacing: 0.1rem;
+  margin: 0.5rem 1rem;
+  padding: 0.75em 2rem;
+  text-decoration: none;
+  transition: all 0.15s ease;
+}
+section.cover .cover-main > p:last-child a:last-child {
+  background-color: var(--theme-color, #42b983);
+  color: #fff;
+}
+section.cover .cover-main > p:last-child a:last-child:hover {
+  color: inherit;
+  opacity: 0.8;
+}
+section.cover .cover-main > p:last-child a:hover {
+  color: inherit;
+}
+section.cover blockquote > p > a {
+  border-bottom: 2px solid var(--theme-color, #42b983);
+  transition: color 0.3s;
+}
+section.cover blockquote > p > a:hover {
+  color: var(--theme-color, #42b983);
+}
+body {
+  background-color: #fff;
+}
+/* sidebar */
+.sidebar {
+  background-color: #fff;
+  color: #364149;
+}
+.sidebar li {
+  margin: 6px 0 6px 0;
+}
+.sidebar ul li a {
+  color: #505d6b;
+  font-size: 14px;
+  font-weight: normal;
+  overflow: hidden;
+  text-decoration: none;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.sidebar ul li a:hover {
+  text-decoration: underline;
+}
+.sidebar ul li ul {
+  padding: 0;
+}
+.sidebar ul li.active > a {
+  border-right: 2px solid;
+  color: var(--theme-color, #42b983);
+  font-weight: 600;
+}
+.app-sub-sidebar li::before {
+  content: '-';
+  padding-right: 4px;
+  float: left;
+}
+/* markdown content found on pages */
+.markdown-section h1,
+.markdown-section h2,
+.markdown-section h3,
+.markdown-section h4,
+.markdown-section strong {
+  color: #2c3e50;
+  font-weight: 600;
+}
+.markdown-section a {
+  color: var(--theme-color, #42b983);
+  font-weight: 600;
+}
+.markdown-section h1 {
+  font-size: 2rem;
+  margin: 0 0 1rem;
+}
+.markdown-section h2 {
+  font-size: 1.75rem;
+  margin: 45px 0 0.8rem;
+}
+.markdown-section h3 {
+  font-size: 1.5rem;
+  margin: 40px 0 0.6rem;
+}
+.markdown-section h4 {
+  font-size: 1.25rem;
+}
+.markdown-section h5 {
+  font-size: 1rem;
+}
+.markdown-section h6 {
+  color: #777;
+  font-size: 1rem;
+}
+.markdown-section figure,
+.markdown-section p {
+  margin: 1.2em 0;
+}
+.markdown-section p,
+.markdown-section ul,
+.markdown-section ol {
+  line-height: 1.6rem;
+  word-spacing: 0.05rem;
+}
+.markdown-section ul,
+.markdown-section ol {
+  padding-left: 1.5rem;
+}
+.markdown-section blockquote {
+  border-left: 4px solid var(--theme-color, #42b983);
+  color: #858585;
+  margin: 2em 0;
+  padding-left: 20px;
+}
+.markdown-section blockquote p {
+  font-weight: 600;
+  margin-left: 0;
+}
+.markdown-section iframe {
+  margin: 1em 0;
+}
+.markdown-section em {
+  color: #7f8c8d;
+}
+.markdown-section code,
+.markdown-section pre,
+.markdown-section output::after {
+  font-family: 'Roboto Mono', Monaco, courier, monospace;
+}
+.markdown-section code,
+.markdown-section pre {
+  background-color: #f8f8f8;
+}
+.markdown-section pre,
+.markdown-section output {
+  margin: 1.2em 0;
+  position: relative;
+}
+.markdown-section pre > code,
+.markdown-section output {
+  border-radius: 2px;
+  display: block;
+}
+.markdown-section pre > code,
+.markdown-section output::after {
+  -moz-osx-font-smoothing: initial;
+  -webkit-font-smoothing: initial;
+}
+.markdown-section code {
+  border-radius: 2px;
+  color: #e96900;
+  margin: 0 2px;
+  padding: 3px 5px;
+  white-space: pre-wrap;
+}
+.markdown-section > :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) code {
+  font-size: 0.8rem;
+}
+.markdown-section pre {
+  padding: 0 1.4rem;
+  line-height: 1.5rem;
+  overflow: auto;
+  word-wrap: normal;
+}
+.markdown-section pre > code {
+  color: #525252;
+  font-size: 0.8rem;
+  padding: 2.2em 5px;
+  line-height: inherit;
+  margin: 0 2px;
+  max-width: inherit;
+  overflow: inherit;
+  white-space: inherit;
+}
+.markdown-section output {
+  padding: 1.7rem 1.4rem;
+  border: 1px dotted #ccc;
+}
+.markdown-section output > :first-child {
+  margin-top: 0;
+}
+.markdown-section output > :last-child {
+  margin-bottom: 0;
+}
+.markdown-section code::after,
+.markdown-section code::before,
+.markdown-section output::after,
+.markdown-section output::before {
+  letter-spacing: 0.05rem;
+}
+.markdown-section pre::after,
+.markdown-section output::after {
+  color: #ccc;
+  font-size: 0.6rem;
+  font-weight: 600;
+  height: 15px;
+  line-height: 15px;
+  padding: 5px 10px 0;
+  position: absolute;
+  right: 0;
+  text-align: right;
+  top: 0;
+}
+.markdown-section pre::after,
+.markdown-section output::after {
+  content: attr(data-lang);
+}
+/* code highlight */
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: #8e908c;
+}
+.token.namespace {
+  opacity: 0.7;
+}
+.token.boolean,
+.token.number {
+  color: #c76b29;
+}
+.token.punctuation {
+  color: #525252;
+}
+.token.property {
+  color: #c08b30;
+}
+.token.tag {
+  color: #2973b7;
+}
+.token.string {
+  color: var(--theme-color, #42b983);
+}
+.token.selector {
+  color: #6679cc;
+}
+.token.attr-name {
+  color: #2973b7;
+}
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #22a2c9;
+}
+.token.attr-value,
+.token.control,
+.token.directive,
+.token.unit {
+  color: var(--theme-color, #42b983);
+}
+.token.keyword,
+.token.function {
+  color: #e96900;
+}
+.token.statement,
+.token.regex,
+.token.atrule {
+  color: #22a2c9;
+}
+.token.placeholder,
+.token.variable {
+  color: #3d8fd1;
+}
+.token.deleted {
+  text-decoration: line-through;
+}
+.token.inserted {
+  border-bottom: 1px dotted #202746;
+  text-decoration: none;
+}
+.token.italic {
+  font-style: italic;
+}
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.important {
+  color: #c94922;
+}
+.token.entity {
+  cursor: help;
+}
+code .token {
+  -moz-osx-font-smoothing: initial;
+  -webkit-font-smoothing: initial;
+  min-height: 1.5rem;
+  position: relative;
+  left: auto;
+}
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/docs/overview/feature.md b/wechat-mini-program/components/mp-html/docs/overview/feature.md
new file mode 100644
index 0000000..e84bb23
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/docs/overview/feature.md
@@ -0,0 +1,228 @@
+# 功能介绍
+
+## ⏳ 渲染效果 :id=show
+1. *加载提示*  
+   支持在 *mp-html* 标签内部放上自定义的加载提示，内容未加载完成（或为空）时将显示，加载完成后自动隐藏  
+   ```wxml
+   <mp-html>加载中...</mp-html>
+   ```
+2. *自动设置标题*  
+   支持自动把 *title* 标签的内容设置到页面标题上，如不需要，可通过 [set-title](basic/prop#set-title) 属性关闭  
+3. *长按复制*  
+   支持长按复制文本内容，可通过 [selectable](basic/prop#selectable) 属性开启  
+4. *支持 rpx*  
+   支持 *rpx* 作为单位，自动根据屏幕宽度调整  
+5. *支持 html 实体*  
+   支持所有形如 *&amp;#123;* 的 *html* 实体和大部分常用的形如 *&amp;nbsp;* 的实体  
+   
+
+## 📰 图片效果 :id=img
+1. *占位图*  
+   支持设置图片未加载完成时的占位图 [loading-img](basic/prop#loading-img) 和加载出错时的占位图 [error-img](basic/prop#error-img)  
+2. *懒加载*  
+   内容较长、图片较多时，开启懒加载有助于改善性能，需要时可通过 [lazy-load](basic/prop#lazy-load) 属性开启  
+3. *自动预览*  
+   图片被点击时，将自动放大预览，如不需要，可通过 [preview-img](basic/prop#preview-img) 属性关闭。还可以在 [imgtap](basic/event#imgtap) 事件中进行自定义处理    
+   自动预览通过特定的处理，可以实现左右滑动查看所有图片、预览重复链接不错位等效果  
+4. *预览高清图*  
+   同一张图片，可以给显示时和预览时设置不同的链接地址以达到最佳效果  
+   设置方式 1：给 *img* 标签增加一个 *original-src* 即可  
+   ```html
+   <!-- 显示时使用 xxx，预览时使用 yyy -->
+   <img src="xxx" original-src="yyy" />
+   ```
+   设置方式 2：通过 [imgList](advanced/api#imgList) 的 *api* 进行设置  
+5. *长按弹出菜单*  
+   微信和百度平台支持图片长按时弹出菜单，可以进行保存、分享等操作，如不需要，可通过 [show-img-menu](basic/prop#show-img-menu) 属性关闭  
+6. *装饰图片处理*  
+   有时对于一些小的装饰性图片，可能不希望产生上述效果，此时可以给 *img* 标签设置 *ignore* 属性，将屏蔽预览、弹出菜单等操作，提升体验  
+   ```html
+   <!-- 设置 ignore 属性后这张图片不可预览、不会弹出菜单 -->
+   <img src="xxx" ignore />
+   ```
+   在链接内的、*src* 为 *data url* 且没有设置 *original-src* 的图片，默认为不可预览的小图片  
+7. *支持原大小显示*  
+   本组件通过合理转换，基本实现了和 *html* 中 *img* 的相同效果：没有设置宽度时按原大小显示；设置了宽度时按比例缩放；同时设置宽高时按设置的值显示。不必去考虑小程序中的 *mode* 等问题  
+8. *支持 svg*  
+   虽然小程序中不支持 *svg* 系列标签，本组件通过在解析过程中转为 *data url* 图片的方式实现了 *svg* 的显示  
+
+## 🔗 链接效果 :id=link
+1. *支持设置多种状态下的样式*  
+   包括默认状态、点击态的样式，可以在 *src/node/node.wxss* 中进行修改  
+2. *锚点跳转*  
+   支持跳转内部锚点，使用锚点需要开启 [use-anchor](basic/prop#use-anchor) 属性  
+   跳转方式 1：给 *a* 标签的 *href* 属性设置为 *#id*，点击时即可跳转到对应 *id* 的位置（设置为 *#* 则跳转到开头）  
+   跳转方式 2：通过 [navigateTo](advanced/api#navigateTo) 的 *api* 进行跳转  
+   默认情况下锚点跳转通过控制页面滚动的方式进行，如果要在 *scroll-view* 内使用，可以通过 [in](advanced/api#in) 的 *api* 进行配置  
+3. *跳转内部路径*  
+   如果需要点击 *a* 标签跳转到小程序内的一个页面，直接将其 *href* 属性设置为页面路径即可（包括 *tab* 页面，需要使用绝对路径）  
+   ```html
+   <!-- 该链接被点击后将跳转到 /pages/test/test 页面 -->
+   <a href="/pages/test/test">链接</a>
+   ```
+4. *复制外部链接*  
+   对于外部链接，由于小程序无法直接打开，将自动复制到剪贴板，如不需要，可通过 [copy-link](basic/prop#copy-link) 属性关闭  
+
+?> 设置 *a* 标签的 *href* 属性时，如果是外部链接需将协议名 *http://* 写完整，否则会被认为是内部路径并尝试跳转  
+除这些默认的处理外，还可以在 [linktap](basic/event#linktap) 事件中进行自定义处理  
+
+## 📈 表格效果 :id=table
+1. *支持独立横向滚动*  
+   表格宽度通常较大，容易超出屏幕宽度，导致整体内容一起滚动，影响体验，可以通过设置 [scroll-table](basic/prop#scroll-table) 属性给所有表格添加一个滚动层使其能单独横向滚动  
+2. *支持常用表格属性*  
+   支持 *border*, *cellspacing*, *cellpadding*, *align* 等常用表格属性  
+3. *支持含有合并单元格的表格*  
+   
+附渲染原理：   
+小程序中没有 *table* 标签，使得显示表格一直是一个难题，本组件主要通过以下三种方式显示表格  
+
+| 显示方式 | 适用情况 | 说明 |
+|:---:|:---:|:---:|
+| *rich-text* 标签 | 表格内部没有链接、图片等特殊标签 | 效果最佳，几乎不需要进行转换 |
+| *table* 布局 | 表格内有特殊标签但没有使用合并单元格 | 需要进行一定转换，将 *table*, *tr*, *td* 等标签转为对应的布局 |
+| *grid* 布局 | 表格内有特殊标签且使用了合并单元格 | 需要进行复杂的转换将合并单元格用 *grid* 布局表现出来 |
+
+## 📊 列表效果 :id=list
+1. *支持多层嵌套*  
+   支持嵌套多层列表，对于无序列表，不同的层级会显示不同的黑点格式  
+2. *支持多种有序列表格式*  
+   通过设置 *ol* 标签的 *type* 属性，可以显示数字、字母、罗马数字等多种形式的标号  
+3. *支持不显示标号*  
+   支持通过设置 *list-style:none* 的方式不显示 *li* 标签开头的标号  
+
+## 🎬 音视频效果 :id=video  
+1. *自动暂停*  
+   在存在多个视频的情况下，同时播放可能会影响体验，本组件支持在播放一个视频的时候自动暂停其他所有视频，如不需要，可通过 [pause-video](basic/prop#pause-video) 属性关闭  
+   音频在引入 [audio](advanced/plugin#audio) 插件后也可以实现此效果  
+2. *多源加载*  
+   不同平台支持播放的格式不同，只设置一个 *src* 可能会出现兼容性问题导致无法播放，因此本组件支持像 *html* 中一样给 *video* 和 *audio* 设置多个 *source*，将按照顺序进行加载，直到可以播放，最大程度上避免无法播放  
+   ```html
+   <!-- 组件将依次加载 xxx 和 yyy -->
+   <video controls>
+     <source src="xxx">
+     <source src="yyy">
+   </video>
+   ```
+3. *自动添加控件*  
+   对于既没有设置 *controls* 也没有设置 *autoplay* 的标签将自动把 *controls* 属性设置为 *true*，避免无法播放，影响体验  
+
+## 📡 样式设置 :id=style
+样式（*css*）是富文本中最重要的内容之一，本组件提供多种样式设置的方法，可以进行灵活的设置  
+
+1. *行内样式*  
+   这是最常用的样式设置方法，直接将需要的样式放在对应标签的 *style* 属性中即可，这种方式仅作用于单个标签，优先级最高  
+2. *tag-style*  
+   这是本组件独有的一种样式设置方式，可以给某一种标签名设置默认的样式  
+   可以通过 [tag-style](basic/prop#tag-style) 属性设置，具体用法见对应说明  
+3. *外部样式*  
+   如果希望将某些样式固定的用于渲染，可以添加到 *tools/config.js* 的 *externStyle* 字段中，该方法仅支持 *class* 选择器（[2.1.0](changelog/changlog#v210) 版本起支持标签名选择器），优先级最低，具体见 [个性化](overview/quickstart#setting)  
+
+需要调整优先级时，可以通过设置 *!important* 实现  
+
+另外，通过引入 [style](advanced/plugin#style) 插件，还可以实现匹配 *style* 标签中样式的功能  
+
+## 🍭 全面的标签支持 :id=tag
+本组件支持以下标签和属性：  
+
+| 标签 | 属性 |
+|:---:|:---:|
+| a | href |
+| abbr |  |
+| address |  |
+| article |  |
+| aside |  |
+| audio | author, controls, loop, name, poster, src |
+| b |  |
+| base | href |
+| big |  |
+| blockquote |  |
+| body |  |
+| br |  |
+| caption |   |
+| center |  |
+| cite |  |
+| code |  |
+| col | span |
+| colgroup | span |
+| dd |  |
+| del |  |
+| div |  |
+| dl |  |
+| dt |  |
+| em |  |
+| embed | autostart, loop, src, type |
+| fieldset |  |
+| font | color, face, size |
+| footer |  |
+| h1 |  |
+| h2 |  |
+| h3 |  |
+| h4 |  |
+| h5 |  |
+| h6 |  |
+| head |  |
+| header |  |
+| hr |  |
+| html |  |
+| i |  |
+| img | ignore, original-src, src |
+| ins |  |
+| label |  |
+| legend |  |
+| li |  |
+| mark |  |
+| nav |  |
+| ol | start, type |
+| p |  |
+| pre |  |
+| q |  |
+| rt |  |
+| ruby |  |
+| s |  |
+| section |  |
+| small |  |
+| source | src |
+| span |  |
+| strike |  |
+| strong |  |
+| style |  |
+| sub |  |
+| sup |  |
+| table | border, cellpadding, cellspacing |
+| tbody |  |
+| td | colspan, rowspan |
+| tfoot |   |
+| th | colspan, rowspan |
+| thead |  |
+| tr |  |
+| tt |  |
+| u |  |
+| ul |  |
+| video | autoplay, controls, loop, muted, object-fit, poster, src |
+
+说明：  
+1. 除上面列举的外，还支持 *svg* 系列的标签和 *id*、*style*、*class*、*align*、*height*、*width*、*dir* 属性  
+2. 对于不信任的标签，除个别将被直接移除，都会被转为一个行内标签，因此可以使用更多语义化标签  
+
+## 🌟 稳定性 :id=stable  
+本组件的解析脚本能够支持多种 *html* 格式，具有强大的稳定性：  
+1. 标签名中可以含有 *:* 等特殊字符（如 *o:p*）  
+2. 标签名和属性名大小写不敏感  
+3. 属性值可以不加引号、加单引号、加双引号，也可以缺省（默认 *true*）  
+4. 属性之间可以没有空格（通过引号划分）、有空格（可以多个）、有换行符  
+5. 支持正常格式、*CDATA* 等多种形式的注释  
+
+同时，对于一些错误情况，程序也能够自动处理：  
+1. 标签首尾不匹配  
+2. 属性值中冒号不匹配  
+3. 标签未闭合  
+
+以下情况均能正确解析：  
+```html
+<!-- 不同的属性格式 -->
+<font face="宋体" color='green' size=7>Hello</font>
+<!-- 标签首尾不匹配或未闭合 -->
+<div> World</section>
+<!-- 大小写搭配 -->
+<dIv StYle="color:green">!</DIv>
+```
diff --git a/wechat-mini-program/components/mp-html/docs/overview/quickstart.md b/wechat-mini-program/components/mp-html/docs/overview/quickstart.md
new file mode 100644
index 0000000..0dcc3a8
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/docs/overview/quickstart.md
@@ -0,0 +1,287 @@
+# 快速开始 :id=quickstart
+
+## 📦 源码获取 :id=source
+
+#### 小程序方式 :id=mp
+!> 该方式暂不可用
+
+打开微信小程序 *富文本插件*，点击 *获取组件包* 按钮，选择使用平台、[扩展插件](advanced/plugin) 以及 [个性化设置](#setting) 后即可生成组件包  
+![富文本插件](../assets/case/富文本插件.jpg)
+
+#### npm 方式 :id=npm
+   ```bash
+   # 通过 npm 获取
+   npm install mp-html
+   # 或通过 yarn 获取
+   yarn add mp-html
+   ```
+   需要升级时：  
+   ```bash
+   # 通过 npm 升级
+   npm update mp-html
+   # 或通过 yarn 升级
+   yarn upgrade mp-html
+   ```
+#### git 方式 :id=git
+   ```bash
+   # 通过 github 获取
+   git clone https://github.com/jin-yufeng/mp-html.git
+   # 或通过 gitee 获取
+   git clone https://gitee.com/jin-yufeng/mp-html.git
+   ```
+#### 下载 zip :id=zip
+   *github releases*：[https://github.com/jin-yufeng/mp-html/releases](https://github.com/jin-yufeng/mp-html/releases)  
+   *gitee releases*：[https://gitee.com/jin-yufeng/mp-html/releases](https://gitee.com/jin-yufeng/mp-html/releases)
+
+#### QQ 群 :id=qqgroup
+*QQ* 交流群的群文件中也可以获取组件包  
+交流群1: `699734691`  
+交流群2: `778239129`  
+交流群3: `960265313`  
+
+## 📚 引入和使用 :id=use
+
+### 📗 原生框架 :id=miniprogram
+
+#### 引入 :id=mp-import
+- npm 方式  
+  
+  ?> 本方法仅适用于微信、*QQ* 小程序  
+
+  1. 在小程序项目根目录下通过 [npm](#npm) 安装组件包  
+  2. 开发者工具中勾选 *使用 npm 模块*（若没有此选项则不需要）并点击 *工具* - *构建 npm*  
+  3. 在需要使用页面的 *json* 文件中添加  
+     ```json
+     {
+       "usingComponents": {
+         "mp-html": "mp-html"
+       }
+     }
+     ```
+
+- 源码引入
+  
+  ?> 本方法适用于所有平台  
+
+  1. 将 [源码](#source) 中对应平台的代码包（*dist/platform*）拷贝到 *components* 目录下，更名为 *mp-html*  
+  2. 在需要使用页面的 *json* 文件中添加  
+     ```json
+     {
+       "usingComponents": {
+         "mp-html": "/components/mp-html/index"
+       }
+     }
+     ```
+
+#### 使用 :id=mp-use
+
+1. 在需要使用页面的 *wxml* 文件中添加  
+   ```wxml
+   <mp-html content="{{html}}" />
+   ```
+2. 在需要使用页面的 *js* 文件中添加  
+   ```javascript
+   Page({
+     onLoad () {
+       this.setData({
+         html: '<div>Hello World!</div>'
+       })
+     }
+   })
+   ```
+
+支持的 [属性](basic/prop) 和 [事件](basic/event) 见对应文档
+
+### 📘 uni-app 框架 :id=uni-app
+
+#### uni-modules 方式 :id=uni-modules
+?> 本方法需要使用 *3.1.0+* 版本的 *HBuilder X* 开发  
+
+1. 进入 [插件市场](https://ext.dcloud.net.cn/plugin?id=805)，点击右上角的 *使用 HBuilder X 导入插件* 按钮导入项目或点击 *下载插件ZIP* 按钮下载插件包并解压到项目的 *uni_modules/mp-html* 目录下  
+2. 在需要使用页面的 *(n)vue* 文件中添加  
+  ```vue
+   <template>
+     <view>
+       <!-- 不需要引入，可直接使用 -->
+       <mp-html :content="html" />
+     </view>
+   </template>
+   <script>
+     export default {
+       data () {
+         return {
+           html: '<div>Hello World!</div>'
+         }
+       }
+     }
+   </script>
+   ```
+3. 需要更新版本时在 *HBuilder X* 中右键 *uni_modules/mp-html* 目录选择 *从插件市场更新* 即可  
+
+#### 源码方式 :id=uni-app-source
+1. 将 [源码](#source) 中 *dist/uni-app* 内的内容拷贝到 **项目根目录** 下   
+
+   !> [插件市场](https://ext.dcloud.net.cn/plugin?id=805) 的 *非 uni_modules* 版本无法更新，请从其他方式获取 [源码](#source)
+2. 在需要使用页面的 *(n)vue* 文件中添加  
+   ```vue
+   <template>
+     <view>
+       <mp-html :content="html" />
+     </view>
+   </template>
+   <script>
+     import mpHtml from '@/components/mp-html/mp-html'
+     export default {
+       // HBuilderX 2.5.5+ 可以通过 easycom 自动引入
+       components: {
+         mpHtml
+       },
+       data () {
+         return {
+           html: '<div>Hello World!</div>'
+         }
+       }
+     }
+   </script>
+   ```
+
+#### npm 方式 :id=uni-app-npm
+1. 在项目根目录下通过 [npm](#npm) 安装组件包  
+2. 在需要使用页面的 *(n)vue* 文件中添加  
+   ```vue
+   <template>
+     <view>
+       <mp-html :content="html" />
+     </view>
+   </template>
+   <script>
+     import mpHtml from 'mp-html/dist/uni-app/components/mp-html/mp-html'
+     export default {
+       // 不可省略
+       components: {
+         mpHtml
+       },
+       data () {
+         return {
+           html: '<div>Hello World!</div>'
+         }
+       }
+     }
+   </script>
+   ```
+
+!> 使用 *cli* 方式运行的项目，通过 *npm* 方式引入时，需要在 *vue.config.js* 中配置 *transpileDependencies*，详情可见 [#330](https://github.com/jin-yufeng/mp-html/issues/330#issuecomment-913617687)
+
+!> 如果在 *nvue* 中使用还要将 *dist/uni-app/static* 目录下的内容拷贝到项目的 *static* 目录下，否则无法运行  
+
+支持的 [属性](basic/prop) 和 [事件](basic/event) 见对应文档  
+
+由于 *uni-app* 编译过程中会进行压缩，构建 *uni-app* 包时基本不进行压缩，包的体积与原生包相比较大  
+
+#### 关于 nvue :id=nvue
+*nvue* 使用原生渲染，不支持部分 *css* 样式，为实现和 *html* 相同的效果，组件内部通过 *web-view* 进行渲染，性能上差于原生，根据 *weex* 官方建议，*web* 标签仅应用在非常规的降级场景。因此，如果通过原生的方式（如 *richtext*）能够满足需要，则不建议使用本组件，如果有较多的富文本内容，则可以直接使用 *vue* 页面  
+由于渲染方式与其他端不同，有以下限制：  
+1. 不支持 [lazy-load](basic/prop#lazy-load) 属性
+2. 视频不支持全屏播放
+3. 如果在 *flex-direction: row* 的容器中使用，需要给组件设置宽度或设置 *flex: 1* 占满剩余宽度
+
+### 📙 其他框架 :id=other
+其他框架没有专用包，但也可以引入对应平台的原生包使用，具体方法参考各框架官方文档    
+
+- taro  
+  [https://taro-docs.jd.com/docs/hybrid#使用原生组件](https://taro-docs.jd.com/docs/hybrid#%E4%BD%BF%E7%94%A8%E5%8E%9F%E7%94%9F%E7%BB%84%E4%BB%B6)  
+
+  !> 在 *taro2* 中使用请使用 [示例项目](#demo) 中的非压缩组件包，否则可能出现异常，详见 [#301](https://github.com/jin-yufeng/mp-html/issues/301)
+
+  !> 在 *taro3* 的 *vue3* 中使用时需要修改 *content* 属性的属性名或使用 [setContent](advanced/api#setContent) 方法设置内容，详见 [taro#13146](https://github.com/NervJS/taro/issues/13146)
+
+  ?> 在 *taro* 中使用时属性名需用驼峰写法，如 *copy-link* 属性应写作 *copyLink*  
+  
+  ?> 需要 *taro* 专用包的开发者欢迎参与 [需求调研](https://github.com/jin-yufeng/mp-html/issues/374)
+- kbone  
+  [https://wechat-miniprogram.github.io/kbone/docs/guide/advanced.html#使用小程序自定义组件](https://wechat-miniprogram.github.io/kbone/docs/guide/advanced.html#%E4%BD%BF%E7%94%A8%E5%B0%8F%E7%A8%8B%E5%BA%8F%E8%87%AA%E5%AE%9A%E4%B9%89%E7%BB%84%E4%BB%B6)  
+- chameleon  
+  [https://cml.js.org/docs/io.html#怎么引入微信小程序组件](https://cml.js.org/docs/io.html#%E6%80%8E%E4%B9%88%E5%BC%95%E5%85%A5%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E7%BB%84%E4%BB%B6)
+- remax  
+  [https://remaxjs.org/guide/basic/custom-component](https://remaxjs.org/guide/basic/custom-component)
+
+## 💡 运行示例 :id=demo
+1. 安装依赖  
+   ```bash
+   # 通过 npm 安装
+   npm install
+   # 或通过 yarn 安装
+   yarn
+   ```
+2. 生成 *demo* 项目  
+   ```bash
+   # 生成微信示例项目到 dev/mp-weixin
+   npm run dev:weixin
+   # 生成 qq 示例项目到 dev/mp-qq
+   npm run dev:qq
+   # 生成百度示例项目到 dev/mp-baidu
+   npm run dev:baidu
+   # 生成支付宝示例项目到 dev/mp-alipay
+   npm run dev:alipay
+   # 生成头条示例项目到 dev/mp-toutiao
+   npm run dev:toutiao
+   # 生成 uni-app 示例项目到 dev/uni-app
+   npm run dev:uni-app
+   ```
+3. 运行  
+   用各平台的开发者工具打开 *dev/platform* 文件夹即可  
+4. 监听修改  
+   如果要对 *demo* 项目进行修改（如放入自己的测试内容）可在 *tools/demo* 目录中进行修改  
+   如果要对组件包进行修改可在 *src* 目录中进行修改（参考 [二次开发](advanced/develop) ）  
+   可以通过 *watch* 命令监听修改并实时编译到 *dev* 目录下  
+   ```bash
+   # 监听并实时生成微信示例项目到 dev/mp-weixin
+   npm run watch:weixin
+   # 监听并实时生成 qq 示例项目到 dev/mp-qq
+   npm run watch:qq
+   # 监听并实时生成百度示例项目到 dev/mp-baidu
+   npm run watch:baidu
+   # 监听并实时生成支付宝示例项目到 dev/mp-alipay
+   npm run watch:alipay
+   # 监听并实时生成头条示例项目到 dev/mp-toutiao
+   npm run watch:toutiao
+   ```
+
+## 🎈 个性化 :id=setting  
+?> 本组件提供了以下配置项可以生成个性化的组件包，配置项可以通过 [示例小程序](#mp) 进行设置，或参考 [使用插件包](advanced/plugin#use) 中的 *npm* 方式自行设置配置文件并进行打包  
+
+#### plugins  
+需要使用的插件名称列表，关于插件的详细信息见 [插件](advanced/plugin)  
+
+#### externStyle  
+!> 暂不支持对图片设置宽高，详见 [#426](https://github.com/jin-yufeng/mp-html/issues/426)
+
+外部样式，一个 *css* 字符串，将被用于 *html* 的渲染，但仅支持 *class* 选择器  
+
+?> [2.1.0](changelog/changelog#v210) 版本起增加支持 **标签名选择器**，通过这种方式给标签设置的样式全局有效，在样式较长或作用标签数量较大时这种方法的性能要高于 [tag-style](basic/prop#tag-style) 属性，且写法更加灵活（可以与伪类、*class* 配合等）  
+需要注意的是，由于 [组件](https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html#%E7%BB%84%E4%BB%B6%E6%A0%B7%E5%BC%8F) 内仅支持 *class* 选择器，直接将标签名选择器 **写在 wxss 中是无效的**，必须写在本字段中，构建过程中会自动转换为 *class* 选择器  
+
+?> [2.3.1](changelog/changelog#v231) 版本起，组件取消样式隔离，部分平台（微信小程序 *2.11.0+* 基础库完全支持；*QQ*、百度小程序部分情况下支持）支持直接引入页面样式中的 *class* 选择器，无需使用本方法引入；若遇到样式无法生效或需要使用标签名选择器，则仍需要使用本方法
+
+#### customElements  
+自定义标签列表（[2.2.0](changelog/changelog#v220) 版本起支持），可以在这里注册需要使用的小程序功能标签（如 *ad*、*ad-custom*、*official-account*、*map* 等）  
+每个标签为一个 *object*，需要包含以下字段，注册完成后即可在传入的 `html` 中使用该组件  
+
+| 字段名 | 功能 | 类型 | 必填 | 备注 |
+|:---:|:---:|:---:|:---:|:---:|
+| name | 标签名 | String | 是 |  |
+| attrs | 需要使用的属性列表 | String[] | 否 | class 和 style 默认添加，无需填写 |
+| platforms | 需要使用的平台 | String[] | 否 | 默认添加到所有平台，可以从 h5、mp-weixin、mp-qq、mp-baidu、mp-alipay、mp-toutiao、app-plus 中选择，不区分大小写 |
+
+?> 仅能添加没有子节点的标签，且不响应任何事件，如果需要更加复杂的功能，可以通过 [插件](advanced/plugin#develop) 实现  
+
+示例：  
+```javascript
+// 设置完成后 html 中添加 <ad unit-id="xxx" /> 即可使用该标签
+customElements: [{
+  name: 'ad',
+  attrs: ['unit-id']
+}]
+```
+
+剩余的是一些编译过程中压缩工具的配置，可以按需要设置  
diff --git a/wechat-mini-program/components/mp-html/docs/question/contribution.md b/wechat-mini-program/components/mp-html/docs/question/contribution.md
new file mode 100644
index 0000000..2f7d4c0
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/docs/question/contribution.md
@@ -0,0 +1,16 @@
+# 📝 贡献指南 :id=contribution
+
+本组件欢迎所有开发者对以下方面提交 [pr](https://github.com/jin-yufeng/mp-html/pulls)，一起完善本组件
+
+1. 针对 [issue](https://github.com/jin-yufeng/mp-html/issues) 中 *bug* 的修复
+2. 实现新功能
+   - 在主包中添加（需确保该功能适用面广且体积不大）
+   - 新增扩展插件（参考 [开发插件](advanced/plugin#develop)）
+3. 文档错误修复
+
+开发过程中请注意：
+1. 不要修改 [dist](https://github.com/jin-yufeng/mp-html/tree/master/dist) 目录下的文件（该文件夹在版本更新时会进行构建）和配置文件
+2. 代码风格参考 [standard](https://standardjs.com)
+3. 可参考 [二次开发](advanced/develop) 中的说明
+
+感谢所有 [贡献者](https://github.com/jin-yufeng/mp-html/graphs/contributors) 对本组件的贡献  
diff --git a/wechat-mini-program/components/mp-html/docs/question/faq.md b/wechat-mini-program/components/mp-html/docs/question/faq.md
new file mode 100644
index 0000000..68bf452
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/docs/question/faq.md
@@ -0,0 +1,152 @@
+# 📘 常见问题 :id=question
+
+## 无法使用扩展功能 :id=plugin
+由于小程序空间有限，默认组件包中仅包含基本功能，其他 [扩展](advanced/plugin) 按需添加。
+
+!> 编辑器、*markdown*、代码高亮、关键词搜索、*latex* 公式等属于 [扩展](advanced/plugin) 功能，直接获取的组件包中 **不包含** 这些功能
+
+需要使用扩展功能的，参考 [使用插件](advanced/plugin#use) 的说明，通过示例小程序或 *npm* 打包的方式获取包含扩展功能的组件包替换原组件包，然后按照各个 [扩展](advanced/plugin) 插件的说明和示例进行使用
+
+## 图片底部缝隙 :id=img
+由于图片的默认 *display* 是 *inline-block*，多个图片连接时底部会有一条缝隙，可以通过设置 *vertical-align: bottom*, *display:block* 或 *float:left* 等方法去除  
+设置以上样式后仍有一个小缝隙的，可以进一步添加 *margin-top:-1px*  
+设置方法参考 [样式设置](overview/feature#style)  
+
+## 标签原样显示 :id=entity
+如果出现渲染后 *html* 标签还是原样显示，请检查传入的 *html* 是否被转义：
+1. *&lt;* 和 *&gt;* 被转义为 *&amp;lt;* 和 *&amp;gt;*  
+2. *&lt;img* 被转义为 *< img*  
+
+如果是则需要进行替换  
+```javascript
+// 第一种
+html = html.replace(/&lt;/g, '<').replace(/&gt;/g, '>') // 如果还转义了其他字符如 &amp; 等也要进行替换
+// 第二种
+html = html.replace(/< img/g, '<img')
+```
+
+## 空白符失效 :id=space
+*html* 中，默认会将多个空白符（包括换行）合并为一个空格，若不希望如此，可参考以下方法：  
+1. 替换为指定标签或实体编码  
+   换行可以使用 *br* 标签  
+   连续空格可以使用 *&amp;nbsp;* *&amp;ensp;* *&amp;emsp;* 等实体编码  
+   ```javascript
+   html = html.replace(/\n/g, '<br>') // 替换换行符
+   ```
+2. 通过 *css* 设置 *white-space*  
+   将 *css* 中的 *white-space* 设置为 *pre-line* 可以保留换行符，设置为 *pre-wrap* 可以保留空格和换行符  
+   给特定标签设置的方法见 [样式设置](overview/feature#style)，需要注意的是如果通过外部样式设置 *white-space* 将不会生效，因为在解析过程中为减小解析结果大小提前进行了空白符合并（解析过程中无法获取外部样式）  
+   [2.1.2](changelog/changelog#v212) 版本起可以通过 [container-style](basic/prop#container-style) 属性全局设置 *white-space*  
+   ```html
+   <mp-html container-style="white-space:pre-wrap" />
+   ```
+
+## 表格没有边框 :id=table
+*html* 中的 *table* 标签默认没有边框，一些编辑器有自带的表格样式，没有引入就会导致表格边框缺失，可通过以下方式解决：  
+1. 给 `table` 标签设置 `border` 属性
+   ```javascript
+   html = html.replace(/<table/g, '<table border="1"')
+   ```
+2. 通过 [tag-style](basic/prop#tag-style) 属性或 [外部样式](overview/quickstart#externStyle) 给表格标签设置默认样式
+   ```javascript
+   tagStyle: {
+      table: 'border-top: 1px solid gray; border-left: 1px solid gray; border-collapse:collapse',
+      th: 'border-right: 1px solid gray; border-bottom: 1px solid gray;',
+      td: 'border-right: 1px solid gray; border-bottom: 1px solid gray;'
+   }
+   ```
+
+## 多媒体内容不显示 :id=media
+若出现 图片不显示/无法预览、音频/视频无法播放 等问题，可通过以下方式检查：  
+- 若视频不显示，请检查 *html* 中的视频是否为 *video* 标签（*iframe* 标签在小程序端仅微信小程序可以通过 [腾讯视频插件](advanced/plugin#txv-video) 播放，其他不支持）
+- 若图片无法预览，请检查该图片是否为 *base64* 格式，目前不支持 *base64* 图片预览（原因参考 [#249](https://github.com/jin-yufeng/mp-html/issues/249#issuecomment-755290540)；如果确需使用，可将 [parser.js#L425](https://github.com/jin-yufeng/mp-html/blob/master/src/miniprogram/parser.js#L425) 去掉，在部分平台可能可以使用）
+- 若是 *svg* 无法显示，请检查是否包含响应式 *animate* 等标签，目前不支持（原因参考 [#569](https://github.com/jin-yufeng/mp-html/issues/569)），除此之外可能是 *svg* 标签名和属性名大小写问题，可以在 [svgDict](https://github.com/jin-yufeng/mp-html/blob/master/src/miniprogram/parser.js#L61) 中补充
+- 若非以上原因依然无法显示，将该 图片/音频/视频 的链接放在原生标签 [image](https://developers.weixin.qq.com/miniprogram/dev/component/image.html)、[audio](https://developers.weixin.qq.com/miniprogram/dev/component/audio.html)、[video](https://developers.weixin.qq.com/miniprogram/dev/component/video.html) 或 api [wx.previewImage](https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.previewImage.html) 中进行测试，如果也不能显示，则链接存在问题  
+  若出现这种情况，可按照以下方法进行检查  
+  1. 检查链接是否完整（缺少域名可以设置 [domain](basic/prop#domain) 属性）、有效（可以放在浏览器中测试）  
+  2. 检查链接是否存在防盗链（可以参考 [#387](https://github.com/jin-yufeng/mp-html/issues/387)）  
+  3. 检查编码和格式是否支持（参考 [音频格式](https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/InnerAudioContext.html#%E6%94%AF%E6%8C%81%E6%A0%BC%E5%BC%8F)、[视频格式和编码](https://developers.weixin.qq.com/miniprogram/dev/component/video.html#%E6%94%AF%E6%8C%81%E7%9A%84%E6%A0%BC%E5%BC%8F)）  
+  4. 查看 *error* 事件中的错误信息
+
+## 长内容处理 :id=long
+如果富文本内容特别长，可以考虑以下方案：  
+1. 分次渲染  
+   小程序中单次 *setData* 大小不能超过 *1MB*，如果内容过长，可以先将内容拆分成几段，首先渲染第一段，后续内容在适当的时机（触底等）通过 [setContent](/advanced/api#setContent) 方法追加到末尾  
+2. 分页渲染  
+   以上方案虽然能解决一次性设置数据过大问题，但过长的内容仍会导致总标签数量过大，页面性能下降的问题，因此，对于过长的内容，应该分页进行显示，每页仅显示一部分  
+
+## 懒加载失效 :id=lazy-load
+如果富文本内容全部（或大部分）是图片，由于其图片未加载时大小为零，即使数量很多也会全部进入视图范围，导致懒加载失效，若出现这种情况，可通过以下方案解决  
+1. 通过 [tag-style](basic/prop#tag-style) 属性等方法给 *img* 父级标签的样式里设置 *min-height*（如果直接给图片本身设置 *min-height*，可能在加载过程中出现变形的情况）  
+2. 通过 [loading-img](basic/prop#loading-img) 属性设置加载过程中的占位图  
+
+## 一般标签的点击事件 :id=tap
+默认情况下，组件仅支持 *a* 和 *img* 标签的点击事件，如果希望给标签添加点击事件，又不希望应用 *a* 标签的默认样式，可以使用没有 *href* 属性的 *a* 标签，该标签不会应用链接的默认样式，但被点击时会触发 *linktap* 事件，可以在 *data-* 属性中记录需要的信息  
+
+## 基础库要求 :id=lib
+本组件尽最大可能兼容低版本基础库，各平台只要满足 **最低要求** 即可正常使用（不报错，但高基础库支持的功能不可用），可按照实际需要设置最低基础库要求  
+
+微信：  
+
+| 版本 | 功能 | 占比 |
+|:---:|:---:|:---:|
+| 2.9.0+ | ios 支持 webp 图片 | >99.74% |
+| 2.7.0+ | 支持图片长按弹出菜单 | >99.87% |
+| 2.4.0+ | 支持 video 同层渲染 | >99.90% |
+| 2.3.0+ | 支持使用云文件 ID | >99.98% |
+| 2.2.1+ | 支持 npm 引入 | >99.99% |
+| 1.9.94+ | 支持使用 ad | >99.99% |
+| 1.6.6+ | 可以使用 | >99.99% |
+
+QQ：  
+
+| 版本 | 功能 |
+|:---:|:---:|
+| 安卓 1.10.2+，ios 1.4.7+ | 支持 video 同层渲染 |
+| 1.1.7+ | 可以使用 |
+
+百度：  
+
+| 版本 | 功能 | 占比 |
+|:---:|:---:|:---:|
+| 3.180.1+ | ios 支持 webp 图片 | >99.04% |
+| 3.170.1+ | 支持图片长按弹出菜单 | >99.19% |
+| 3.90.25+ | 可以使用 | >99.99% |
+
+*3.240.10* - *3.260.25* 基础库由于 [此问题](https://smartprogram.baidu.com/forum/topic/show/125787)，需要将以下样式拷贝到 *app.css* 以保证正确显示  
+```css
+/* a 标签默认效果 */
+._a {
+  padding: 1.5px 0 1.5px 0;
+  color: #366092;
+  word-break: break-all;
+}
+
+/* a 标签点击态效果 */
+._hover {
+  text-decoration: underline;
+  opacity: 0.7;
+}
+
+/* 图片默认效果 */
+._img {
+  max-width: 100%;
+  -webkit-touch-callout: none;
+}
+```
+
+支付宝：  
+
+| 版本 | 功能 | 占比 |
+|:---:|:---:|:---:|
+| 1.11.0+ | 可以使用 | >97.95% |
+
+头条：  
+
+| 版本 | 功能 |
+|:---:|:---:|
+| 1.59.0+ | 支持 video 同层渲染 |
+| 1.19.0+ | 支持使用 ad |
+| 1.7.0+ | 可以使用 |
+
+!> 不支持 *video* 同层渲染时，需要注意原生组件的限制，视频的层级最高，且不能在 *scroll-view* 中使用  
diff --git a/wechat-mini-program/components/mp-html/docs/question/feedback.md b/wechat-mini-program/components/mp-html/docs/question/feedback.md
new file mode 100644
index 0000000..4bb0797
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/docs/question/feedback.md
@@ -0,0 +1,30 @@
+# 📩 反馈 :id=feedback
+
+## 注意事项 :id=notice
+反馈问题前，请先确认以下方式无法解决：  
+1. 在 [常见问题](question/faq) 中查看是否已有解决方案
+2. 在 [issue](https://github.com/jin-yufeng/mp-html/issues) 中查找是否已有相同或类似的问题
+3. 如果是对于渲染效果的问题，请先在下方的模拟器中尝试，如果在浏览器中渲染也不正常，请检查样式
+
+<div style="display: flex;">
+  <div style="flex: 1; margin: 0 40px; display: flex; flex-direction: column;">
+    <textarea id="input" style="flex: 1; width: 100%; padding: 5px; resize: none;" placeholder="请输入 html 内容"></textarea>
+    <div style="text-align: center; margin-top: 10px;">
+      <button onclick="reset()">清空</button>
+      <button onclick="render()" style="margin-left: 20px;">渲染</button>
+    </div>
+  </div>
+  <div style="flex: 0 0 320px; height: 568px; box-shadow: 0px 0px 10px #c0c0c0;">
+    <iframe id="show" style="width: 100%; height: 100%; margin: 0;"></iframe>
+  </div>
+</div>
+
+## 反馈方式 :id=method
+1. *issue* 方式  
+   在 *github* 中提出 [issue](https://github.com/jin-yufeng/mp-html/issues/new/choose)（推荐，解决方案可以给其他人参考）
+2. *QQ* 群方式  
+   加入 *QQ* 交流群 *699734691* 或 *778239129*，并发送和交流相关问题  
+3. 邮箱方式  
+   如果不希望公开问题，可以通过邮箱方式联系，发送邮件到 *mp_html@126.com*，邮件格式可参考 [issue 模板](https://github.com/jin-yufeng/mp-html/issues/new/choose)
+
+!> 注意务必按照模板要求填写，未描述清楚或无法复现的问题将不予处理
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/gulpfile.js b/wechat-mini-program/components/mp-html/gulpfile.js
new file mode 100644
index 0000000..7cbf1d6
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/gulpfile.js
@@ -0,0 +1,113 @@
+/**
+ * @fileoverview 自动构建程序
+ * @author Jin Yufeng
+ */
+
+// 载入 gulp 插件
+const gulp = require('gulp')
+const htmlmin = require('gulp-htmlmin')
+const babel = require('gulp-babel')
+const uglify = require('gulp-uglify')
+const cleanCss = require('gulp-clean-css')
+const clean = require('gulp-clean')
+const gulpif = require('gulp-if')
+const plumber = require('gulp-plumber')
+const size = require('gulp-size')
+
+// 载入构建工具
+const config = require('./tools/config')
+const converter = require('./tools/converter')
+const ifdef = require('./tools/ifdef')
+const minifier = require('./tools/minifier')
+const plugin = require('./tools/plugin')
+
+// 载入环境信息
+const isDev = process.argv.includes('--dev')
+let platform = process.argv[3]
+if (!platform) {
+  throw Error('缺少平台信息')
+}
+platform = platform.substr(2)
+
+/**
+ * @description 清理文件夹
+ */
+gulp.task('clean', () => {
+  return gulp.src(`${isDev ? 'dev' : 'dist'}/${platform === 'all' ? '' : platform + '/'}*`, {
+    read: false,
+    allowEmpty: true
+  })
+    .pipe(clean())
+})
+
+/**
+ * @description 生成原生组件包（含插件）
+ * @returns {NodeJS.ReadWriteStream}
+ */
+function packComp () {
+  return gulp.src(['plugins/**/*', 'src/**/*'], {
+    nodir: true
+  })
+    // 公共处理
+    .pipe(plumber()) // 错误处理
+    .pipe(plugin.build(platform)) // 构建插件
+    .pipe(ifdef(platform)) // 条件编译
+    // wxml 处理
+    .pipe(gulpif(file => file.extname === '.wxml', minifier.wxs())) // 压缩内联 wxs
+    .pipe(gulpif(file => file.extname === '.wxml', htmlmin(config.htmlmin))) // 压缩 wxml
+    .pipe(gulpif(file => file.extname === '.html', htmlmin(Object.assign({}, config.htmlmin, { // 压缩 html
+      minifyCSS: true
+    }))))
+    // js 处理
+    .pipe(gulpif(file => file.extname === '.js' && !file.stem.includes('.min') && (platform !== 'uni-app' || file.relative.includes('static')), babel(config.babel))) // es6 转 es5
+    .pipe(gulpif(file => file.extname === '.js' && !file.stem.includes('.min') && !isDev && (platform !== 'uni-app' || file.relative.includes('static')), uglify(config.uglify))) // 压缩 js
+    // wxss（css）处理
+    .pipe(gulpif(file => file.extname.includes('ss'), cleanCss(config.cleanCss))) // 压缩 wxss
+    .pipe(plugin.importCss()) // 引入插件中的 css 文件
+    // json 处理
+    .pipe(gulpif(file => file.extname === '.json', minifier.json())) // 压缩 json
+    // 公共处理
+    .pipe(converter(platform)) // 将微信端的代码转换到各个平台
+    .pipe(gulpif(!isDev, size({
+      title: `${platform} 包生成完毕`
+    })))
+    .pipe(gulp.dest(file => {
+      return `${isDev ? 'dev' : 'dist'}/${platform}/${(platform === 'uni-app' && !file.relative.includes('components') && !file.relative.includes('static')) || (platform !== 'uni-app' && isDev) ? 'components/mp-html/' : ''}`
+    }))
+}
+
+gulp.task('build', gulp.series('clean', packComp))
+
+/**
+ * @description 生成原生示例项目
+ * @returns {NodeJS.ReadWriteStream}
+ */
+function packDemo () {
+  return gulp.src(['tools/demo/**/*', 'test/content.js'], {
+    nodir: true
+  })
+    .pipe(ifdef(platform))
+    .pipe(gulpif(platform !== 'uni-app', converter(platform)))
+    .pipe(gulp.dest(`dev/${platform}/`))
+}
+
+gulp.task('dev', gulp.series('clean', gulp.parallel(packComp, packDemo)))
+
+/**
+ * @description 监听文件变化
+ */
+gulp.task('watch-demo', () => {
+  gulp.watch(['tools/demo/**/*', 'test/content.js']).on('all', (type, file) => {
+    console.log(type + ':' + file)
+    packDemo()
+  })
+})
+
+gulp.task('watch-comp', () => {
+  gulp.watch(['src/**/*', 'src/common/**/*', 'plugins/**/*']).on('all', (type, file) => {
+    console.log(type + ':' + file)
+    packComp()
+  })
+})
+
+gulp.task('watch', gulp.parallel('watch-demo', 'watch-comp'))
diff --git a/wechat-mini-program/components/mp-html/lint.js b/wechat-mini-program/components/mp-html/lint.js
new file mode 100644
index 0000000..0e5a80d
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/lint.js
@@ -0,0 +1,63 @@
+const fs = require('fs')
+const glob = require('glob')
+const standard = require('standard')
+
+// 解析参数
+let fix = false
+let mode = '**/*.@(js|vue)'
+for (let i = 2; i < process.argv.length; i++) {
+  if (process.argv[i] === '--fix') {
+    fix = true
+  } else {
+    mode = process.argv[i]
+  }
+}
+
+// 检查 js 文件
+function lintJs (filePath, content) {
+  const res = standard.lintTextSync(content, {
+    global: ['App', 'Page', 'Component', 'wx', 'requirePlugin', 'uni', 'test', 'expect', 'plus', 'Image'],
+    fix
+  }).results
+  // 写回修复的内容
+  if (fix && res[0].output) {
+    fs.writeFileSync(filePath, res[0].output)
+  }
+  // 打印错误信息
+  for (let i = 0; i < res[0].messages.length; i++) {
+    const item = res[0].messages[i]
+    console.log(filePath + ':' + item.line + ':' + item.column + ': ' + item.message)
+  }
+}
+
+// 检查 vue 文件
+function lintVue (filePath, content) {
+  // 提取 script 部分
+  const script = content.match(/<script>([\s\S]+?)<\/script>/)
+  const line = content.substr(0, script.index).split('\n').length - 1
+  const res = standard.lintTextSync(script[1], {
+    global: ['uni', 'plus', 'weex'],
+    fix
+  }).results
+  // 写回修复的内容
+  if (fix && res[0].output) {
+    fs.writeFileSync(filePath, content.replace(/<script>[\s\S]+?<\/script>/, '<script>' + res[0].output + '</script>'))
+  }
+  // 打印错误信息
+  for (let i = 0; i < res[0].messages.length; i++) {
+    const item = res[0].messages[i]
+    console.log(filePath + ':' + (line + item.line) + ':' + item.column + ': ' + item.message)
+  }
+}
+
+glob(mode, {
+  ignore: ['node_modules/**', 'coverage/**', 'dist/**', 'dev/**', '**/*.min.js']
+}, (_, files) => {
+  for (let i = 0; i < files.length; i++) {
+    if (files[i].includes('.js')) {
+      lintJs(files[i], fs.readFileSync(files[i], 'utf-8'))
+    } else if (files[i].includes('.vue')) {
+      lintVue(files[i], fs.readFileSync(files[i], 'utf-8'))
+    }
+  }
+})
diff --git a/wechat-mini-program/components/mp-html/package.json b/wechat-mini-program/components/mp-html/package.json
new file mode 100644
index 0000000..b5eccc3
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/package.json
@@ -0,0 +1,74 @@
+{
+  "name": "mp-html",
+  "version": "2.5.1",
+  "description": "小程序富文本组件",
+  "miniprogram": "dist/mp-weixin",
+  "repository": "https://github.com/jin-yufeng/mp-html",
+  "author": "Jin Yufeng",
+  "license": "MIT",
+  "keywords": [
+    "miniprogram",
+    "rich-text",
+    "html"
+  ],
+  "standard": {
+    "globals": ["App", "Page", "Component", "wx", "requirePlugin", "uni", "plus", "weex"],
+    "envs": ["jest", "browser"]
+  },
+  "jest": {
+    "testEnvironment": "jsdom",
+    "collectCoverageFrom": [
+      "dev/mp-weixin/components/mp-html/**/*.js"
+    ]
+  },
+  "scripts": {
+    "lint": "node lint.js",
+    "lintcss": "npx stylelint src/**/*.wxss",
+    "build:weixin": "gulp build --mp-weixin",
+    "build:qq": "gulp build --mp-qq",
+    "build:baidu": "gulp build --mp-baidu",
+    "build:alipay": "gulp build --mp-alipay",
+    "build:toutiao": "gulp build --mp-toutiao",
+    "build:uni-app": "gulp build --uni-app",
+    "build": "gulp build --mp-weixin & gulp build --mp-qq & gulp build --mp-baidu & gulp build --mp-alipay & gulp build --mp-toutiao & gulp build --uni-app",
+    "watch:weixin": "gulp watch --mp-weixin --dev",
+    "watch:qq": "gulp watch --mp-qq --dev",
+    "watch:baidu": "gulp watch --mp-baidu --dev",
+    "watch:alipay": "gulp watch --mp-alipay --dev",
+    "watch:toutiao": "gulp watch --mp-toutiao --dev",
+    "watch:uni-app": "gulp watch --uni-app --dev",
+    "dev:weixin": "gulp dev --mp-weixin --dev",
+    "dev:qq": "gulp dev --mp-qq --dev",
+    "dev:baidu": "gulp dev --mp-baidu --dev",
+    "dev:alipay": "gulp dev --mp-alipay --dev",
+    "dev:toutiao": "gulp dev --mp-toutiao --dev",
+    "dev:uni-app": "gulp dev --uni-app --dev",
+    "test": "gulp dev --mp-weixin --dev && npx jest",
+    "coverage": "gulp dev --mp-weixin --dev && npx jest --coverage",
+    "coveralls": "npx coveralls < coverage/lcov.info",
+    "clean": "gulp clean --all",
+    "clean:dev": "gulp clean --all --dev"
+  },
+  "devDependencies": {
+    "@babel/preset-env": "^7.12.1",
+    "coveralls": "^3.1.0",
+    "gulp": "^4.0.0",
+    "gulp-babel": "^8.0.0",
+    "gulp-clean": "^0.4.0",
+    "gulp-clean-css": "^4.3.0",
+    "gulp-htmlmin": "^5.0.1",
+    "gulp-if": "^3.0.0",
+    "gulp-plumber": "^1.2.1",
+    "gulp-size": "^3.0.0",
+    "gulp-uglify": "^2.1.2",
+    "jest": "^26.6.1",
+    "miniprogram-simulate": "^1.2.7",
+    "standard": "^16.0.3",
+    "stylelint": "^13.7.2",
+    "stylelint-config-recess-order": "^2.3.0",
+    "stylelint-config-standard": "^20.0.0",
+    "through2": "^4.0.2",
+    "uglify-js": "^2.8.29"
+  },
+  "dependencies": {}
+}
diff --git a/wechat-mini-program/components/mp-html/plugins/README.md b/wechat-mini-program/components/mp-html/plugins/README.md
new file mode 100644
index 0000000..77efe12
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/README.md
@@ -0,0 +1,2 @@
+# 插件  
+本目录下是一些扩展插件，可以按照需要选用以实现更加丰富的功能  
diff --git a/wechat-mini-program/components/mp-html/plugins/audio/README.md b/wechat-mini-program/components/mp-html/plugins/audio/README.md
new file mode 100644
index 0000000..6dc2616
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/audio/README.md
@@ -0,0 +1,25 @@
+# audio
+功能：音乐播放器  
+大小：*≈4KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √(nvue 不支持) |
+
+百度小程序原生包在此 [问题](https://smartprogram.baidu.com/forum/topic/show/125787) 未解决前无法使用  
+
+说明：  
+在大多数小程序平台，*audio* 标签已被废弃或无法使用，本插件可以代替 *audio* 标签播放音乐，并实现以下优化：  
+1. *pause-video* 属性也可以应用于音频，即播放一个音视频时可以自动暂停其他正在播放的音视频  
+2. 增加了一个可以拖动的进度条  
+3. 组件大小可以根据页面宽度自动调整  
+4. 支持 *autoplay* 属性  
+5. 播放被后台打断时，页面显示后自动继续播放  
+
+基础库要求：  
+支付宝 *1.23.4+* ，其余平台满足最低要求即可  
+第 *5* 条仅微信 *2.2.3+* 、*QQ*、百度支持  
+
+?> 如果希望页面上使用本组件，组件的路径为 *path/to/mp-html/audio/audio*  
+属性和事件基本同 *audio* 组件，组件实例上提供了 *setSrc*、*play*、*seek*、*pause*、*stop* 方法可供控制播放状态  
diff --git a/wechat-mini-program/components/mp-html/plugins/audio/build.js b/wechat-mini-program/components/mp-html/plugins/audio/build.js
new file mode 100644
index 0000000..1bbb516
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/audio/build.js
@@ -0,0 +1,11 @@
+module.exports = {
+  usingComponents: {
+    'my-audio': '../audio/audio'
+  },
+  handler (file) {
+    // 删去原来的 audio 标签
+    if (file.basename === 'node.wxml' || file.basename === 'node.vue') {
+      file.contents = Buffer.from(file.contents.toString().replace(/<audio[\s\S]+?>/, ''))
+    }
+  }
+}
diff --git a/wechat-mini-program/components/mp-html/plugins/audio/context.js b/wechat-mini-program/components/mp-html/plugins/audio/context.js
new file mode 100644
index 0000000..e8cc51b
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/audio/context.js
@@ -0,0 +1,7 @@
+const ctx = {}
+
+module.exports = {
+  get: id => ctx[id],
+  set: (id, vm) => { ctx[id] = vm },
+  remove: id => { ctx[id] = undefined }
+}
diff --git a/wechat-mini-program/components/mp-html/plugins/audio/index.js b/wechat-mini-program/components/mp-html/plugins/audio/index.js
new file mode 100644
index 0000000..4a697ec
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/audio/index.js
@@ -0,0 +1,34 @@
+/**
+ * @fileoverview audio 插件
+ */
+const context = require('./context')
+let index = 0
+
+function Audio (vm) {
+  this.vm = vm
+}
+
+Audio.prototype.onUpdate = function () {
+  this.audios = []
+}
+
+Audio.prototype.onParse = function (node) {
+  if (node.name === 'audio') {
+    if (!node.attrs.id) {
+      node.attrs.id = 'a' + index++
+    }
+    this.audios.push(node.attrs.id)
+  }
+}
+
+Audio.prototype.onLoad = function () {
+  setTimeout(() => {
+    for (let i = 0; i < this.audios.length; i++) {
+      const ctx = context.get(this.audios[i])
+      ctx.id = this.audios[i]
+      this.vm._videos.push(ctx)
+    }
+  }, 500)
+}
+
+module.exports = Audio
diff --git a/wechat-mini-program/components/mp-html/plugins/audio/miniprogram/audio.js b/wechat-mini-program/components/mp-html/plugins/audio/miniprogram/audio.js
new file mode 100644
index 0000000..95b7649
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/audio/miniprogram/audio.js
@@ -0,0 +1,189 @@
+/**
+ * @fileoverview audio 组件
+ */
+const context = require('./context')
+
+Component({
+  data: {
+    time: '00:00'
+  },
+  properties: {
+    name: String, // 音乐名
+    author: String, // 作者
+    poster: String, // 海报图片地址
+    autoplay: Boolean, // 是否自动播放
+    controls: Boolean, // 是否显示控件
+    loop: Boolean, // 是否循环播放
+    src: { // 源地址
+      type: String,
+      observer (src) {
+        this.setSrc(src)
+      }
+    }
+  },
+  created () {
+    // 创建内部 context
+    this._ctx = wx.createInnerAudioContext()
+    this._ctx.onError(err => {
+      this.setData({
+        error: true
+      })
+      this.triggerEvent('error', err)
+    })
+    this._ctx.onTimeUpdate(() => {
+      const time = this._ctx.currentTime
+      const min = parseInt(time / 60)
+      const sec = Math.ceil(time % 60)
+      const data = {}
+      data.time = (min > 9 ? min : '0' + min) + ':' + (sec > 9 ? sec : '0' + sec)
+      // 不在拖动状态下需要更新进度条
+      if (!this.lastTime) {
+        data.value = time / this._ctx.duration * 100
+      }
+      this.setData(data)
+    })
+    this._ctx.onEnded(() => {
+      if (!this.properties.loop) {
+        this.setData({
+          playing: false
+        })
+      }
+    })
+    // #ifndef ALIPAY
+  },
+  attached () {
+    context.set(this.id, this)
+    // #endif
+    // #ifdef MP-ALIPAY
+    context.set(this.properties.id, this)
+    this.setSrc(this.properties.src)
+    // #endif
+  },
+  // #ifdef MP-ALIPAY
+  didUpdate (e) {
+    if (e.src !== this.properties.src) {
+      this.setSrc(this.properties.src)
+    }
+  },
+  // #endif
+  detached () {
+    this._ctx.destroy()
+    // #ifndef MP-ALIPAY
+    context.remove(this.id)
+    // #endif
+    // #ifdef MP_ALIPAY
+    context.remove(this.properties.id)
+    // #endif
+  },
+  // #ifndef ALIPAY | TOUTIAO
+  pageLifetimes: {
+    show () {
+      // 播放被后台打断时，页面显示后自动继续播放
+      if (this.data.playing && this._ctx.paused) {
+        this._ctx.play()
+      }
+    }
+  },
+  // #endif
+  methods: {
+    /**
+     * @description 设置源
+     * @param {string} src 源地址
+     */
+    setSrc (src) {
+      this._ctx.autoplay = this.properties.autoplay
+      this._ctx.loop = this.properties.loop
+      this._ctx.src = src
+      if (this.properties.autoplay && !this.data.playing) {
+        this.setData({
+          playing: true
+        })
+      }
+    },
+
+    /**
+     * @description 播放音乐
+     */
+    play () {
+      this._ctx.play()
+      this.setData({
+        playing: true
+      })
+      this.triggerEvent('play'
+        // #ifdef MP-ALIPAY
+        , {
+          target: {
+            id: this.props.id
+          }
+        }
+        // #endif
+      )
+    },
+
+    /**
+     * @description 暂停音乐
+     */
+    pause () {
+      this._ctx.pause()
+      this.setData({
+        playing: false
+      })
+      this.triggerEvent('pause')
+    },
+
+    /**
+     * @description 设置播放速率
+     * @param {Number} rate 播放速率
+     */
+    playbackRate (rate) {
+      this._ctx.playbackRate = rate
+    },
+
+    /**
+     * @description 停止音乐
+     */
+    stop () {
+      this._ctx.stop()
+      this.setData({
+        playing: false,
+        time: '00:00'
+      })
+      this.triggerEvent('stop')
+    },
+
+    /**
+     * @description 控制进度
+     * @param {number} sec 秒数
+     */
+    seek (sec) {
+      this._ctx.seek(sec)
+    },
+
+    /**
+     * @description 移动进度条
+     * @param {event} e
+     * @private
+     */
+    _seeking (e) {
+      // 避免过于频繁 setData
+      if (e.timeStamp - this.lastTime < 200) return
+      const time = Math.round(e.detail.value / 100 * this._ctx.duration)
+      const min = parseInt(time / 60)
+      const sec = time % 60
+      this.setData({
+        time: (min > 9 ? min : '0' + min) + ':' + (sec > 9 ? sec : '0' + sec)
+      })
+      this.lastTime = e.timeStamp
+    },
+
+    /**
+     * @description 进度条移动完毕
+     * @param {event} e
+     * @private
+     */
+    _seeked (e) {
+      this._ctx.seek(e.detail.value / 100 * this._ctx.duration)
+      this.lastTime = undefined
+    }
+  }
+})
diff --git a/wechat-mini-program/components/mp-html/plugins/audio/miniprogram/audio.json b/wechat-mini-program/components/mp-html/plugins/audio/miniprogram/audio.json
new file mode 100644
index 0000000..32640e0
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/audio/miniprogram/audio.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/plugins/audio/miniprogram/audio.wxml b/wechat-mini-program/components/mp-html/plugins/audio/miniprogram/audio.wxml
new file mode 100644
index 0000000..7875663
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/audio/miniprogram/audio.wxml
@@ -0,0 +1,17 @@
+<view wx:if="{{controls}}" class="_contain">
+  <!-- 海报和按钮 -->
+	<view class="_poster" style="background-image:url('{{poster}}')">
+		<view class="_button" bindtap="{{playing?'pause':'play'}}">
+			<view class="{{playing?'_pause':'_play'}}" />
+		</view>
+  </view>
+  <!-- 曲名和作者 -->
+	<view class="_title">
+		<view class="_name">{{name||'未知音频'}}</view>
+		<view class="_author">{{author||'未知作者'}}</view>
+  </view>
+  <!-- 进度条 -->
+  <slider class="_slider" activeColor="#585959" block-size="12" disabled="{{error}}" value="{{value}}" bindchanging="_seeking" bindchange="_seeked" />
+  <!--播放时间-->
+  <view class="_time">{{time}}</view>
+</view>
diff --git a/wechat-mini-program/components/mp-html/plugins/audio/miniprogram/audio.wxss b/wechat-mini-program/components/mp-html/plugins/audio/miniprogram/audio.wxss
new file mode 100644
index 0000000..25d6144
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/audio/miniprogram/audio.wxss
@@ -0,0 +1,127 @@
+/* 顶层容器 */
+._contain {
+  position: relative;
+  display: inline-flex;
+  width: 290px;
+  background-color: #fcfcfc;
+  border: 1px solid #e0e0e0;
+  border-radius: 2px;
+}
+
+/* 播放、暂停按钮 */
+._button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  overflow: hidden;
+  background-color: rgb(0, 0, 0, 0.2);
+  border: 1px solid white;
+  border-radius: 50%;
+  opacity: 0.9;
+}
+
+._play {
+  margin-left: 2px;
+  border-top: 4px solid transparent;
+  border-bottom: 4px solid transparent;
+  border-left: 8px solid white;
+}
+
+._pause {
+  width: 8px;
+  height: 8px;
+  background-color: white;
+}
+
+/* 海报 */
+._poster {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 70px;
+  height: 70px;
+  background-color: #e6e6e6;
+  background-size: contain;
+}
+
+/* 标题栏 */
+._title {
+  flex: 1;
+  margin: 4px 0 0 14px;
+  text-align: left;
+}
+
+._author {
+  width: 45px;
+  font-size: 12px;
+  color: #888;
+}
+
+._name {
+  width: 140px;
+  font-size: 15px;
+  line-height: 39px;
+}
+
+._author,
+._name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* 进度条 */
+._slider {
+  position: absolute;
+  right: 16px;
+  bottom: 8px;
+  width: 140px;
+  margin: 0;
+}
+
+/* 播放时间 */
+._time {
+  margin: 7px 14px 0 0;
+  font-size: 12px;
+  color: #888;
+}
+
+/* 响应式布局，大屏幕用更大的尺寸 */
+@media (min-width: 400px) {
+  ._contain {
+    width: 380px;
+  }
+
+  ._button {
+    width: 26px;
+    height: 26px;
+  }
+
+  ._poster {
+    width: 90px;
+    height: 90px;
+  }
+
+  ._author {
+    width: 60px;
+    font-size: 15px;
+  }
+
+  ._name {
+    width: 180px;
+    font-size: 19px;
+    line-height: 55px;
+  }
+
+  ._slider {
+    right: 20px;
+    bottom: 10px;
+    width: 180px;
+  }
+
+  ._time {
+    font-size: 15px;
+  }
+}
diff --git a/wechat-mini-program/components/mp-html/plugins/audio/miniprogram/build.js b/wechat-mini-program/components/mp-html/plugins/audio/miniprogram/build.js
new file mode 100644
index 0000000..c66c056
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/audio/miniprogram/build.js
@@ -0,0 +1,3 @@
+module.exports = {
+  template: '<my-audio wx:if="{{n.name==\'audio\'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" author="{{n.attrs.author}}" controls="{{n.attrs.controls}}" autoplay="{{n.attrs.autoplay}}" loop="{{n.attrs.loop}}" name="{{n.attrs.name}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" data-source="audio" bindplay="play" binderror="mediaError" />'
+}
diff --git a/wechat-mini-program/components/mp-html/plugins/audio/uni-app/audio.vue b/wechat-mini-program/components/mp-html/plugins/audio/uni-app/audio.vue
new file mode 100644
index 0000000..72122b1
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/audio/uni-app/audio.vue
@@ -0,0 +1,269 @@
+<template>
+	<view v-if="controls" @click="onClick" class="_contain">
+    <!-- 海报和按钮 -->
+		<view class="_poster" :style="'background-image:url('+poster+')'">
+			<view class="_button" @tap="_buttonTap">
+				<view :class="playing?'_pause':'_play'" />
+			</view>
+		</view>
+    <!-- 曲名和作者 -->
+		<view class="_title">
+			<view class="_name">{{name||'未知音频'}}</view>
+			<view class="_author">{{author||'未知作者'}}</view>
+		</view>
+    <!-- 进度条 -->
+    <slider class="_slider" activeColor="#585959" block-size="12" handle-size="12" :disabled="error" :value="value" @changing="_seeking" @change="_seeked" />
+    <!--播放时间-->
+		<view class="_time">{{time||'00:00'}}</view>
+	</view>
+</template>
+
+<script>
+/**
+ * @fileoverview audio 组件
+ */
+import context from './context'
+export default {
+  data () {
+    return {
+      error: false,
+      playing: false,
+      time: '00:00',
+      value: 0
+    }
+  },
+  props: {
+    aid: String,
+    name: String, // 音乐名
+    author: String, // 作者
+    poster: String, // 海报图片地址
+    autoplay: [Boolean, String], // 是否自动播放
+    controls: [Boolean, String], // 是否显示控件
+    loop: [Boolean, String], // 是否循环播放
+    src: String // 源地址
+  },
+  watch: {
+    src (src) {
+      this.setSrc(src)
+    }
+  },
+  mounted () {
+    this._ctx = uni.createInnerAudioContext()
+    this._ctx.onError((err) => {
+      this.error = true
+      this.$emit('error', err)
+    })
+    this._ctx.onTimeUpdate(() => {
+      const time = this._ctx.currentTime
+      const min = parseInt(time / 60)
+      const sec = Math.ceil(time % 60)
+      this.time = (min > 9 ? min : '0' + min) + ':' + (sec > 9 ? sec : '0' + sec)
+      if (!this.lastTime) {
+        this.value = time / this._ctx.duration * 100 // 不在拖动状态下
+      }
+    })
+    this._ctx.onEnded(() => {
+      if (!this.loop) {
+        this.playing = false
+      }
+    })
+    context.set(this.aid, this)
+    this.setSrc(this.src)
+  },
+  beforeDestroy () {
+    this._ctx.destroy()
+    context.remove(this.aid)
+  },
+  onPageShow () {
+    if (this.playing && this._ctx.paused) {
+      this._ctx.play()
+    }
+  },
+  methods: {
+    // 设置源
+    setSrc (src) {
+      this._ctx.autoplay = this.autoplay
+      this._ctx.loop = this.loop
+      this._ctx.src = src
+      if (this.autoplay && !this.playing) {
+        this.playing = true
+      }
+    },
+    // 播放
+    play () {
+      this._ctx.play()
+      this.playing = true
+      this.$emit('play', {
+        target: {
+          id: this.aid
+        }
+      })
+    },
+    // 暂停
+    pause () {
+      this._ctx.pause()
+      this.playing = false
+      this.$emit('pause')
+    },
+    // 设置播放速率
+    playbackRate (rate) {
+      this._ctx.playbackRate = rate
+    },
+    // 移动进度条
+    seek (sec) {
+      this._ctx.seek(sec)
+    },
+    // 内部方法
+    _buttonTap () {
+      if (this.playing) this.pause()
+      else this.play()
+    },
+    _seeking (e) {
+      // 避免过于频繁 setData
+      if (e.timeStamp - this.lastTime < 200) return
+      const time = Math.round(e.detail.value / 100 * this._ctx.duration)
+      const min = parseInt(time / 60)
+      const sec = time % 60
+      this.time = (min > 9 ? min : '0' + min) + ':' + (sec > 9 ? sec : '0' + sec)
+      this.lastTime = e.timeStamp
+    },
+    _seeked (e) {
+      this.seek(e.detail.value / 100 * this._ctx.duration)
+      this.lastTime = undefined
+    },
+    onClick(e) {
+      this.$emit('onClick', e)
+    }
+  }
+}
+</script>
+
+<style>
+/* 顶层容器 */
+._contain {
+  position: relative;
+  display: inline-flex;
+  width: 290px;
+  background-color: #fcfcfc;
+  border: 1px solid #e0e0e0;
+  border-radius: 2px;
+}
+
+/* 播放、暂停按钮 */
+._button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  overflow: hidden;
+  background-color: rgb(0, 0, 0, 0.2);
+  border: 1px solid white;
+  border-radius: 50%;
+  opacity: 0.9;
+}
+
+._play {
+  margin-left: 2px;
+  border-top: 4px solid transparent;
+  border-bottom: 4px solid transparent;
+  border-left: 8px solid white;
+}
+
+._pause {
+  width: 8px;
+  height: 8px;
+  background-color: white;
+}
+
+/* 海报 */
+._poster {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 70px;
+  height: 70px;
+  background-color: #e6e6e6;
+  background-size: contain;
+}
+
+/* 标题栏 */
+._title {
+  flex: 1;
+  margin: 4px 0 0 14px;
+  text-align: left;
+}
+
+._author {
+  width: 45px;
+  font-size: 12px;
+  color: #888;
+}
+
+._name {
+  width: 140px;
+  font-size: 15px;
+  line-height: 39px;
+}
+
+._author,
+._name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* 进度条 */
+._slider {
+  position: absolute;
+  right: 16px;
+  bottom: 8px;
+  width: 140px;
+  margin: 0;
+}
+
+/* 播放时间 */
+._time {
+  margin: 7px 14px 0 0;
+  font-size: 12px;
+  color: #888;
+}
+
+/* 响应式布局，大屏幕用更大的尺寸 */
+@media (min-width: 400px) {
+  ._contain {
+    width: 380px;
+  }
+
+  ._button {
+    width: 26px;
+    height: 26px;
+  }
+
+  ._poster {
+    width: 90px;
+    height: 90px;
+  }
+
+  ._author {
+    width: 60px;
+    font-size: 15px;
+  }
+
+  ._name {
+    width: 180px;
+    font-size: 19px;
+    line-height: 55px;
+  }
+
+  ._slider {
+    right: 20px;
+    bottom: 10px;
+    width: 180px;
+  }
+
+  ._time {
+    font-size: 15px;
+  }
+}
+</style>
diff --git a/wechat-mini-program/components/mp-html/plugins/audio/uni-app/build.js b/wechat-mini-program/components/mp-html/plugins/audio/uni-app/build.js
new file mode 100644
index 0000000..507395d
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/audio/uni-app/build.js
@@ -0,0 +1,3 @@
+module.exports = {
+  template: '<my-audio v-if="n.name==\'audio\'" :class="n.attrs.class" :style="n.attrs.style" :aid="n.attrs.id" :author="n.attrs.author" :controls="n.attrs.controls" :autoplay="n.attrs.autoplay" :loop="n.attrs.loop" :name="n.attrs.name" :poster="n.attrs.poster" :src="n.src[ctrl[i]||0]" :data-i="i" data-source="audio" @play="play" @error="mediaError" />'
+}
diff --git a/wechat-mini-program/components/mp-html/plugins/card/README.md b/wechat-mini-program/components/mp-html/plugins/card/README.md
new file mode 100644
index 0000000..00f210e
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/card/README.md
@@ -0,0 +1,30 @@
+# card
+功能：商品（联络人）信息卡  
+大小：*≈7KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √(nvue 不支持) |
+
+### 效果图  
+![效果图](../../docs/assets/plugin/card.png)
+
+### 参数列表  
+|参数名|是否必须|类型|说明|
+|:---- |:---|:----- |----- |
+|src|是|String|图片Url|
+|title|是|String|标题|
+|desc|是|String|描述|
+|url|是|String|跳转url|
+|color|是|String|文字颜色|
+|bgcolor|是|String|卡片背景颜色|
+|border|是|String|卡片边框颜色|
+
+### 说明：  
+1. 可以显示商品信息卡片/联络人信息卡片  
+
+### 基础库要求：    
+满足最低要求即可  
+
+?> 如果希望页面上使用本组件，组件的路径为 *path/to/mp-html/card/card*  
diff --git a/wechat-mini-program/components/mp-html/plugins/card/build.js b/wechat-mini-program/components/mp-html/plugins/card/build.js
new file mode 100644
index 0000000..512b482
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/card/build.js
@@ -0,0 +1,14 @@
+module.exports = {
+  usingComponents: {
+    'my-card': '../card/card'
+  },
+  handler (file) {
+    if (file.isBuffer()) {
+      let content = file.contents.toString()
+      if (file.path.includes('parser.js')) {
+        content = content.replace(/trustTags\s*:\s*makeMap\('/, "trustTags: makeMap('card,").replace(/voidTags\s*:\s*makeMap\('/, "voidTags: makeMap('card,")
+      }
+      file.contents = Buffer.from(content)
+    }
+  }
+}
diff --git a/wechat-mini-program/components/mp-html/plugins/card/index.js b/wechat-mini-program/components/mp-html/plugins/card/index.js
new file mode 100644
index 0000000..1f4c965
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/card/index.js
@@ -0,0 +1,7 @@
+/**
+ * @fileoverview Card 插件
+ */
+function Card (vm) {
+}
+
+module.exports = Card
diff --git a/wechat-mini-program/components/mp-html/plugins/card/miniprogram/build.js b/wechat-mini-program/components/mp-html/plugins/card/miniprogram/build.js
new file mode 100644
index 0000000..bc1c706
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/card/miniprogram/build.js
@@ -0,0 +1,3 @@
+module.exports = {
+  template: '<my-card wx:if="{{n.name==\'card\'}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" mode="{{opts[5]}}" src="{{n.attrs.src}}" title="{{n.attrs.title}}" desc="{{n.attrs.desc}}" url="{{n.attrs.url}}" color="{{n.attrs.color}}" bgcolor="{{n.attrs.bgcolor}}" border="{{n.attrs.border}}" name="{{n.attrs.name}}" data-i="{{i}}" data-source="card" />'
+}
diff --git a/wechat-mini-program/components/mp-html/plugins/card/miniprogram/card.js b/wechat-mini-program/components/mp-html/plugins/card/miniprogram/card.js
new file mode 100644
index 0000000..5427b34
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/card/miniprogram/card.js
@@ -0,0 +1,26 @@
+/**
+ * @fileoverview card 组件
+ */
+Component({
+  properties: {
+    mode: {
+      type: Boolean,
+      default: false
+    },
+    src: String,
+    title: String,
+    desc: String,
+    url: String,
+    color: String,
+    bgcolor: String,
+    border: String
+  },
+  data: {},
+  methods: {
+    onClick (e) {
+      if (this.properties.url && this.properties.url.trim().length > 6 && !this.properties.mode) {
+        wx.navigateTo({ url: this.properties.url })
+      }
+    }
+  }
+})
diff --git a/wechat-mini-program/components/mp-html/plugins/card/miniprogram/card.json b/wechat-mini-program/components/mp-html/plugins/card/miniprogram/card.json
new file mode 100644
index 0000000..32640e0
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/card/miniprogram/card.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/plugins/card/miniprogram/card.wxml b/wechat-mini-program/components/mp-html/plugins/card/miniprogram/card.wxml
new file mode 100644
index 0000000..65d772b
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/card/miniprogram/card.wxml
@@ -0,0 +1,9 @@
+<view class="card" bindtap="onClick" style="background-color:{{bgcolor||'#a4d0ff'}};border:{{border||'1px solid #FFF'}};color:{{color||'#000'}}">
+    <image class="card-img" mode="aspectFill" src="{{src}}" />
+    <view class="text-wrap text-wrap-width" wx:if="{{!!desc}}">
+        <view class="title one-t">{{title}}</view>
+        <view class="desc one-t">{{desc}}</view>
+    </view>
+    <view wx:else class="text-wrap-width title more-t">{{title}}</view>
+    <image class="card-icon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAABCFBMVEUAAAC/v7+qqqqZmZmLi6KJnZ2ImZmHlpaGlKGMjJmSkp6Li5eQkJuKlZ+Pj5mOjpeJkpuNjZ6IkJmHj5eLi5uKkpmGjZqJj5uLi5eIjpmIjZiKj5qKj5mJjpiHjJqJjZaGj5iKj5eIjJmKjpqHi5eGjZeIi5eHjZiIi5eHjJiIjpaHjJeIjZiGjJeIjZiGjJaGjJeIi5aGjJeHi5eHi5aHjJeHjJaHjJeGi5eHjJaHjJeGi5aGi5aHjJeHjJaGjJeGjJeHjJaHi5eGi5eHjJaHjJeGjJaGjJeHi5aHjJeHjJeHi5aGjJeHi5aGjJaHi5eGjJaHi5eHjJaGi5eGi5aHjJeGi5aGi5apAvjmAAAAV3RSTlMABAYKCw0PERMUFRYXGBkbHB0eICEjJiksLS8wMjQ1ODk7PD9ATFZXWFlaW1xdXl+Hi6msu7/Dx8vMzs/R0tTV19na3N3f4uTn6evs7e7v8PHy9PX7/P18cCTXAAABEklEQVRo3u2YWU5CQRQFn4qCM4LzhIoDAorzrIgCigiCimf/O/Gj3UIlmJxaQFXSea/T90aRMcYYY4zpG0ZPu9cZMnAi6SsLBjqS9LnJBcqSpC53Sjs/kqSPNaxwGAqtFbrQXKILjQW68DpPF17m6EI9TRdqM3TheZouVCbpQnkcK5RC4T5BF27jdOFqhC5cDtOFixhdOB+iC2cDdOEoggttLrDbk6QW5/+WJB1T/r1e+FAHWT/2q/35scsiF/w3cdZ/R13Y+8H/MMb6Hycgfz74n6ZYfzXJ+mspyF8I/vos68cep0X4eV2EB4SD4H9bZP3vy+yTtL3KjrGddXgQ34BXCVvwMmT7P69zjDHGGGP6gF83lHISOctsKQAAAABJRU5ErkJggg=="></image>
+</view>
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/plugins/card/miniprogram/card.wxss b/wechat-mini-program/components/mp-html/plugins/card/miniprogram/card.wxss
new file mode 100644
index 0000000..627814c
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/card/miniprogram/card.wxss
@@ -0,0 +1,55 @@
+.one-t {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  transition: all linear 0.2s;
+}
+.more-t {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  transition: all linear 0.2s;
+}
+.card {
+  width: 80%;
+  margin: 10rpx auto;
+  max-width: 700rpx;
+  max-height: 140rpx;
+  box-sizing: border-box;
+  overflow: hidden;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 20rpx 0 20rpx 10rpx;
+  border-radius: 12rpx;
+}
+.card-img {
+  width: 96rpx;
+  height: 96rpx;
+  border-radius: 12rpx;
+  flex: 0 0 96rpx;
+}
+.card-icon {
+  width: 30rpx;
+  height: 96rpx;
+}
+.card .text-wrap {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.card .text-wrap-width {
+  width: 72%;
+}
+.card .title {
+  font-weight: bold;
+  font-size: 34rpx;
+  line-height: 48rpx;
+}
+.card .desc {
+  font-size: 27rpx;
+  line-height: 37rpx;
+}
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/plugins/card/uni-app/build.js b/wechat-mini-program/components/mp-html/plugins/card/uni-app/build.js
new file mode 100644
index 0000000..35a4d36
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/card/uni-app/build.js
@@ -0,0 +1,3 @@
+module.exports = {
+  template: '<my-card v-if="n.name==\'card\'" :class="n.attrs.class" :style="n.attrs.style" :mode="opts[5]" :src="n.attrs.src" :title="n.attrs.title" :desc="n.attrs.desc" :url="n.attrs.url" :color="n.attrs.color" :bgcolor="n.attrs.bgcolor" :border="n.attrs.border" :name="n.attrs.name" :data-i="i" data-source="card" />'
+}
diff --git a/wechat-mini-program/components/mp-html/plugins/card/uni-app/card.vue b/wechat-mini-program/components/mp-html/plugins/card/uni-app/card.vue
new file mode 100644
index 0000000..90280f4
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/card/uni-app/card.vue
@@ -0,0 +1,122 @@
+<template>
+    <view class="card" @click="onClick" :style="[customStyle]" :data-i="$attrs['data-i']">
+        <image class="card-img" mode="aspectFill" :src="src" />
+        <view class="text-wrap text-wrap-width" v-if="!!desc">
+            <view class="title one-t">{{title}}</view>
+            <view class="desc one-t">{{desc}}</view>
+        </view>
+        <view v-else class="text-wrap-width title more-t">{{title}}</view>
+        <image class="card-icon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAABCFBMVEUAAAC/v7+qqqqZmZmLi6KJnZ2ImZmHlpaGlKGMjJmSkp6Li5eQkJuKlZ+Pj5mOjpeJkpuNjZ6IkJmHj5eLi5uKkpmGjZqJj5uLi5eIjpmIjZiKj5qKj5mJjpiHjJqJjZaGj5iKj5eIjJmKjpqHi5eGjZeIi5eHjZiIi5eHjJiIjpaHjJeIjZiGjJeIjZiGjJaGjJeIi5aGjJeHi5eHi5aHjJeHjJaHjJeGi5eHjJaHjJeGi5aGi5aHjJeHjJaGjJeGjJeHjJaHi5eGi5eHjJaHjJeGjJaGjJeHi5aHjJeHjJeHi5aGjJeHi5aGjJaHi5eGjJaHi5eHjJaGi5eGi5aHjJeGi5aGi5apAvjmAAAAV3RSTlMABAYKCw0PERMUFRYXGBkbHB0eICEjJiksLS8wMjQ1ODk7PD9ATFZXWFlaW1xdXl+Hi6msu7/Dx8vMzs/R0tTV19na3N3f4uTn6evs7e7v8PHy9PX7/P18cCTXAAABEklEQVRo3u2YWU5CQRQFn4qCM4LzhIoDAorzrIgCigiCimf/O/Gj3UIlmJxaQFXSea/T90aRMcYYY4zpG0ZPu9cZMnAi6SsLBjqS9LnJBcqSpC53Sjs/kqSPNaxwGAqtFbrQXKILjQW68DpPF17m6EI9TRdqM3TheZouVCbpQnkcK5RC4T5BF27jdOFqhC5cDtOFixhdOB+iC2cDdOEoggttLrDbk6QW5/+WJB1T/r1e+FAHWT/2q/35scsiF/w3cdZ/R13Y+8H/MMb6Hycgfz74n6ZYfzXJ+mspyF8I/vos68cep0X4eV2EB4SD4H9bZP3vy+yTtL3KjrGddXgQ34BXCVvwMmT7P69zjDHGGGP6gF83lHISOctsKQAAAABJRU5ErkJggg=="></image>
+    </view>
+</template>
+
+<script>
+    export default {
+        props: {
+            mode: {
+                type: Boolean,
+                default: false
+            },
+            src: String,
+            title: String,
+            desc: String,
+            url: String,
+            color: String,
+            bgcolor: String,
+            border: String
+        },
+        data () {
+            return {
+                
+            }
+        },
+        computed: {
+            customStyle () {
+                return {
+                    'background-color': this.bgColor || '#a4d0ff',
+                    border: this.border || '1px solid #FFF',
+                    color: this.color || '#000'
+                } 
+            }
+        },
+        methods: {
+            onClick (e) {
+              if (this.url && this.url.trim().length > 6 && !this.mode) {
+                  uni.navigateTo({ url: this.url })
+              }
+              this.$emit('click', e)
+            }
+        }
+    }
+</script>
+
+<style lang="scss">
+    .one-t {
+    	overflow: hidden;
+    	white-space: nowrap;
+    	text-overflow: ellipsis;
+    	transition: all linear 0.2s;
+    }
+    
+    .more-t {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        word-break:break-all;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+        transition: all linear 0.2s;
+    }
+    
+    .card {
+        
+        width: 80%;
+        margin: 10rpx auto;
+        max-width: 700rpx;
+        max-height: 140rpx;
+        
+        box-sizing: border-box;
+        overflow: hidden;
+        
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        
+        padding: 20rpx 0 20rpx 10rpx;
+        border-radius: 12rpx;
+        
+        &-img {
+            width: 96rpx;
+            height: 96rpx;
+            border-radius: 12rpx;
+            flex: 0 0 96rpx;
+        }
+        
+        &-icon {
+            width: 30rpx;
+            height: 96rpx;
+        }
+        
+        .text-wrap {
+            
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            
+            &-width {
+                width: 72%;
+            }
+        }
+        
+        .title {
+            font-weight: bold;
+            font-size: 34rpx;
+            line-height: 48rpx;
+        }
+        
+        .desc {
+            font-size: 27rpx;
+            line-height: 37rpx;
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/plugins/editable/README.md b/wechat-mini-program/components/mp-html/plugins/editable/README.md
new file mode 100644
index 0000000..a01e83e
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/editable/README.md
@@ -0,0 +1,137 @@
+# editable
+功能：富文本编辑  
+下表列出了本插件与原生 *editor* 组件的功能差异，可按需选用
+
+| 组件 | 优点 | 缺点 |
+|:---:|:---:|:---:|
+| 原生 *editor* | 底层通过 *contenteditable* 实现，编辑流畅 | 支持标签少（不支持音视频、表格以及 *section* 等常用标签）、部分小程序平台不支持或低版本不兼容 |
+| 本插件 | 支持标签全面、支持平台全面 | 编辑灵活性不够强 |
+
+大小：*≈17.5KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √(nvue 不支持) |
+
+说明：  
+引入本插件后，会给组件添加以下属性：  
+
+| 属性名 | 类型 | 默认值 | 说明 |
+|:---:|:---:|:---:|:---:|
+| editable | Boolean | false | 是否开启内容编辑 |
+| placeholder | String | 请输入 | 输入框为空时占位符（`2.1.0+`） |
+
+添加以下事件：  
+
+| 事件名 | 触发时机 | 用途 |
+|:---:|:---:|:---:|
+| remove（`2.2.0+`） | 删除图片/视频/音频标签时 | 删除已上传的线上文件 |
+
+支持以下操作：  
+
+| 类型 | 操作 |
+|:---:|:---:|
+| 文本 | 修改 |
+| 图片 | 更换链接、调整宽度、设置成超链接（`2.0.4+`）、设置预览图链接、禁用预览、删除 |
+| 链接 | 更换链接、删除 |
+| 音视频 | 设置封面、设置循环播放、设置自动播放（`2.2.0+`）、删除 |
+| 普通标签 | 设置字体大小、斜体、粗体、下划线（`2.0.4+`）、居中、缩进、删除 |
+
+> `2.2.1` 版本起所有标签支持上下移动操作，但仅限同级标签间移动，即在有同级标签且非第一个（或最后一个）时可以上移（或下移）
+
+> 在支付宝小程序中使用时需要在页面样式中添加 *page { position: relative; }* 避免 *tooltip* 错位
+
+> 菜单项可以通过编辑 *plugins/editable/config.js* 进行修改，仅可以删减或调整顺序，添加或更名无效
+
+组件实例上提供了以下方法（*editable* 属性为 *true* 时才可以调用）：  
+
+| 名称 | 功能 |
+|:---:|:---:|
+| undo | 撤销一个操作 |
+| redo | 重做一个操作 |
+| insertHtml | 在光标处插入指定 html 内容（`2.1.0+`） |
+| insertImg | 在光标处插入一张图片 |
+| insertTable(rows, cols) | 在光标处插入一个 rows 行 cols 列的表格（`2.1.3+`） |
+| insertVideo | 在光标处插入一个视频 |
+| insertAudio | 在光标处插入一个音频 |
+| insertLink | 在光标处插入一个链接 |
+| insertText | 在光标处插入一段文本 |
+| clear | 清空内容 |
+| getContent | 获取编辑后的 html 内容 |
+
+> 考虑到不同场景下希望获取链接的方法不同，需要在初始时给组件设置一个 *getSrc* 方法（否则插入图片、音视频、链接或修改链接等操作无法使用），每次组件内需要链接时会调用此方法，开发者可在此方法中自行决定如何获取链接，返回 **线上地址** 即可（具体用法见下方示例）  
+
+编辑完成后，通过 *getContent* 方法获取编辑后的 *html*，最后将 *editable* 属性设置为 *false* 即可正常渲染  
+
+> 点击保存按钮时，部分平台 *tap* 事件早于 *blur* 事件触发，直接获取内容可能导致无法获取当前编辑的文本内容，因此建议设置一个小的延时后获取（可参考下方示例，[详细](https://github.com/jin-yufeng/mp-html/issues/368)）  
+
+示例：  
+```javascript
+Page({
+  onLoad () {
+    // ctx 为组件实例，获取方法见上
+    /**
+     * @description 设置获取链接的方法
+     * @param {String} type 链接的类型（img/video/audio/link）
+     * @param {String} value 修改链接时，这里会传入旧值
+     * @returns {Promise} 返回线上地址（2.2.0 版本起设置了 domain 属性时，可以缺省主域名）
+     *   type 为 audio/video 时，可以返回一个源地址数组
+     *   2.1.3 版本起 type 为 audio 时，可以返回一个 object，包含 src、name、author、poster 等字段
+     *   2.2.0 版本起 type 为 img 时，可以返回一个源地址数组，表示插入多张图片（修改链接时仅限一张）
+     */
+    this.ctx.getSrc = (type, value) => {
+      return new Promise((resolve, reject) => {
+        // 以图片为例
+        if (type == 'img') {
+          wx.chooseImage({
+            count: value === undefined ? 9 : 1, // 2.2.0 版本起插入图片时支持多张（修改图片链接时仅限一张）
+            success: res => {
+              wx.showLoading({
+                title: '上传中'
+              });
+              (async ()=>{
+                const arr = []
+                for (let item of res.tempFilePaths) {
+                  // 依次上传
+                  const src = await upload(item)
+                  arr.push(src)
+                }
+                return arr
+              })().then(res => {
+                wx.hideLoading()
+                resolve(res)
+              })
+            },
+            fail: reject
+          })
+        }
+      })
+    }
+  },
+  finishEdit () {
+    setTimeout(() => {
+      var html = ctx.getContent() // 获取编辑好的 html
+      // 上传 html
+      wx.request({
+        url: 'xxx',
+        data: {
+          html
+        },
+        success: () => {
+          this.setData({
+            editable: false // 结束编辑
+          })
+        }
+      })
+    }, 50)
+  }
+})
+```
+
+**示例项目**：  
+微信小程序点击 [代码片段](https://developers.weixin.qq.com/s/GFbJKum77eBy) 即可在微信开发者工具中导入；*uni-app* 下载 [示例项目](https://mp-html.oss-cn-hangzhou.aliyuncs.com/editable.zip) 在 *HBuilder X* 中打开即可体验；注意示例项目中不一定包含最新版本，仅供参考使用方法  
+
+注意事项：  
+1. 不要在 *editable* 属性被设置为 *true* 前通过 *setContent* 方法（用 *content* 属性）设置内容，否则在切换为 *true* 后会变成空白  
+2. *editable* 属性为 *true* 时不支持在 *scroll-view* 中使用，否则提示框的位置可能不正确  
diff --git a/wechat-mini-program/components/mp-html/plugins/editable/config.js b/wechat-mini-program/components/mp-html/plugins/editable/config.js
new file mode 100644
index 0000000..2b8abbf
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/editable/config.js
@@ -0,0 +1,15 @@
+// 以下项目可以删减或更换顺序，但不能添加或更改名字
+module.exports = {
+  // 普通标签的菜单项
+  node: ['大小', '颜色', '斜体', '粗体', '下划线', '居中', '缩进', '上移', '下移', '删除'],
+  // 可以设置的文字颜色，此项可以添加 css 颜色
+  color: ['red', 'yellow', 'blue', 'green', 'gray', 'white', 'black'],
+  // 图片的菜单项
+  img: ['换图', '宽度', '超链接', '预览图', '禁用预览', '上移', '下移', '删除'],
+  // 链接的菜单项
+  link: ['更换链接', '上移', '下移', '删除'],
+  // 音视频的菜单项
+  media: ['封面', '循环', '自动播放', '上移', '下移', '删除'],
+  // 卡片的菜单项
+  card: ['上移', '下移', '删除']
+}
diff --git a/wechat-mini-program/components/mp-html/plugins/editable/miniprogram/build.js b/wechat-mini-program/components/mp-html/plugins/editable/miniprogram/build.js
new file mode 100644
index 0000000..9a9a6a6
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/editable/miniprogram/build.js
@@ -0,0 +1,813 @@
+const path = require('path')
+/* global getTop */
+module.exports = {
+  style: `/* #ifndef MP-ALIPAY */
+  ._address,
+  ._article,
+  ._aside,
+  ._body,
+  ._caption,
+  ._center,
+  ._cite,
+  ._footer,
+  ._header,
+  ._html,
+  ._nav,
+  ._pre,
+  ._section {
+    display: block;
+  }
+  
+  /* #endif */`,
+  methods: {
+    /**
+     * @description 开始编辑文本
+     * @param {Event} e
+     */
+    editStart (e) {
+      if (this.properties.opts[5]) {
+        const i = e.currentTarget.dataset.i
+        if (!this.data.ctrl['e' + i] && this.properties.opts[5] !== 'simple') {
+          // 显示虚线框
+          this.setData({
+            ['ctrl.e' + i]: 1
+          })
+          // 点击其他地方则取消虚线框
+          setTimeout(() => {
+            this.root._mask.push(() => {
+              this.setData({
+                ['ctrl.e' + i]: 0
+              })
+            })
+          }, 50)
+          this.root._edit = this
+          this.i = i
+          this.cursor = this.getNode(i).text.length
+        } else {
+          if (this.properties.opts[5] === 'simple') {
+            this.root._edit = this
+            this.i = i
+            this.cursor = this.getNode(i).text.length
+          }
+          this.root._mask.pop()
+          this.root._maskTap()
+          // 将 text 转为 textarea
+          this.setData({
+            ['ctrl.e' + i]: 2
+          })
+          // 延时对焦，避免高度错误
+          setTimeout(() => {
+            this.setData({
+              ['ctrl.e' + i]: 3
+            })
+          }, 50)
+        }
+      }
+    },
+    /**
+     * @description 输入文本
+     * @param {Event} e
+     */
+    editInput (e) {
+      const i = e.target.dataset.i
+      // 替换连续空格
+      const value = e.detail.value.replace(/ {2,}/, $ => {
+        let res = '\xa0'
+        for (let i = 1; i < $.length; i++) {
+          res += '\xa0'
+        }
+        return res
+      })
+      this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].text', this.getNode(i).text, value) // 记录编辑历史
+      this.cursor = e.detail.cursor
+    },
+    /**
+     * @description 完成编辑文本
+     * @param {Event} e
+     */
+    editEnd (e) {
+      const i = e.target.dataset.i
+      // 更新到视图
+      this.setData({
+        ['ctrl.e' + i]: 0
+      })
+      this.root.setData({
+        ['nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].text']: e.detail.value.replace(/ {2}/g, '\xa0 ')
+      })
+      if (e.detail.cursor !== undefined) {
+        this.cursor = e.detail.cursor
+      }
+    },
+    /**
+     * @description 插入一个标签
+     * @param {Object} node 要插入的标签
+     */
+    insert (node) {
+      setTimeout(() => {
+        const arr = this.i.split('_')
+        const i = parseInt(arr.pop())
+        let path = arr.join('_')
+        const children = path ? this.getNode(path).children : this.properties.childs
+        const childs = children.slice(0)
+        if (!childs[i]) {
+          childs.push(node)
+        } else if (childs[i].text) {
+          // 在文本中插入
+          const text = childs[i].text
+          if (node.type === 'text') {
+            if (this.cursor) {
+              childs[i].text = text.substring(0, this.cursor) + node.text + text.substring(this.cursor)
+            } else {
+              childs[i].text += node.text
+            }
+          } else {
+            const list = []
+            if (this.cursor) {
+              list.push({
+                type: 'text',
+                text: text.substring(0, this.cursor)
+              })
+            }
+            list.push(node)
+            if (this.cursor < text.length) {
+              list.push({
+                type: 'text',
+                text: text.substring(this.cursor)
+              })
+            }
+            childs.splice(i, 1, ...list)
+          }
+        } else {
+          childs.splice(i + 1, 0, node)
+        }
+        path = this.properties.opts[7] + path
+        if (path[path.length - 1] === '_') {
+          path = path.slice(0, -1)
+        }
+        this.root._editVal('nodes' + (path ? '[' + path.replace(/_/g, '].children[') + '].children' : ''), children, childs, true)
+        this.i = arr.join('_') + '_' + (i + 1)
+      }, 200)
+    },
+    /**
+     * @description 移除第 i 个标签
+     * @param {Number} i
+     */
+    remove (i) {
+      const arr = i.split('_')
+      const j = arr.pop()
+      let path = arr.join('_')
+      const children = path ? this.getNode(path).children : this.properties.childs
+      const childs = children.slice(0)
+      const delEle = childs.splice(j, 1)[0]
+      if (delEle.name === 'img' || delEle.name === 'video' || delEle.name === 'audio') {
+        let src = delEle.attrs.src
+        if (delEle.src) {
+          src = delEle.src.length === 1 ? delEle.src[0] : delEle.src
+        }
+        this.root.triggerEvent('remove', {
+          type: delEle.name,
+          src
+        })
+      }
+      this.root._edit = undefined
+      this.root._maskTap()
+      path = this.properties.opts[7] + path
+      if (path[path.length - 1] === '_') {
+        path = path.slice(0, -1)
+      }
+      this.root._editVal('nodes' + (path ? '[' + path.replace(/_/g, '].children[') + '].children' : ''), children, childs, true)
+    },
+    /**
+     * @description 标签被点击
+     * @param {Event} e
+     */
+    nodeTap (e) {
+      if (this.properties.opts[5]) {
+        const i = e.currentTarget.dataset.i
+        if (this.root._table) {
+          const node = this.getNode(i)
+          if (node.name === 'table') {
+            this.root._table = undefined
+            this.root._remove_table = () => {
+              this.remove(i)
+            }
+          }
+        }
+        if (this.root._lock) return
+        // 阻止上层出现点击态
+        this.root._lock = true
+        setTimeout(() => {
+          this.root._lock = false
+        }, 50)
+        const node = this.getNode(i)
+        if (node.name === 'td' || node.name === 'th') {
+          this.root._table = true
+        }
+        if (this.data.ctrl['e' + this.i] === 3) return
+        this.root._maskTap()
+        this.root._edit = this
+        if (this.properties.opts[5] === 'simple') return
+        const arr = i.split('_')
+        const j = parseInt(arr.pop())
+        let path = arr.join('_')
+        const siblings = path ? this.getNode(path).children : this.properties.childs
+        // 显示实线框
+        this.setData({
+          ['ctrl.e' + i]: 1
+        })
+        this.root._mask.push(() => {
+          this.setData({
+            ['ctrl.e' + i]: 0
+          })
+        })
+        if (node.children.length === 1 && node.children[0].type === 'text') {
+          const ii = i + '_0'
+          if (!this.data.ctrl['e' + ii]) {
+            this.setData({
+              ['ctrl.e' + ii]: 1
+            })
+            this.root._mask.push(() => {
+              this.setData({
+                ['ctrl.e' + ii]: 0
+              })
+            })
+            this.cursor = node.children[0].text.length
+          }
+          this.i = ii
+        } else if (!(this.i || '').includes(i)) {
+          this.i = i + '_'
+        }
+        const items = this.root._getItem(node, j !== 0, j !== siblings.length - 1)
+        this.root._tooltip({
+          top: getTop(e),
+          items,
+          success: tapIndex => {
+            if (items[tapIndex] === '大小') {
+              // 改变字体大小
+              const style = node.attrs.style || ''
+              let value = style.match(/;font-size:([0-9]+)px/)
+              if (value) {
+                value = parseInt(value[1])
+              } else {
+                value = 16
+              }
+              this.root._slider({
+                min: 10,
+                max: 30,
+                value,
+                top: getTop(e),
+                changing: val => {
+                  if (Math.abs(val - value) > 2) {
+                    // 字号变换超过 2 时更新到视图
+                    this.changeStyle('font-size', i, val + 'px', value + 'px')
+                    value = e.detail.value
+                  }
+                },
+                change: val => {
+                  if (val !== value) {
+                    this.changeStyle('font-size', i, val + 'px', value + 'px')
+                  }
+                  this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.style', style, this.getNode(i).attrs.style)
+                }
+              })
+            } else if (items[tapIndex] === '颜色') {
+              // 改变文字颜色
+              const items = this.root._getItem('color')
+              this.root._color({
+                top: getTop(e),
+                items,
+                success: tapIndex => {
+                  const style = node.attrs.style || ''
+                  const value = style.match(/;color:([^;]+)/)
+                  this.changeStyle('color', i, items[tapIndex], value ? value[1] : undefined)
+                  this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.style', style, this.getNode(i).attrs.style)
+                }
+              })
+            } else if (items[tapIndex] === '上移' || items[tapIndex] === '下移') {
+              const arr = siblings.slice(0)
+              const item = arr[j]
+              if (items[tapIndex] === '上移') {
+                arr[j] = arr[j - 1]
+                arr[j - 1] = item
+              } else {
+                arr[j] = arr[j + 1]
+                arr[j + 1] = item
+              }
+              path = this.properties.opts[7] + path
+              if (path[path.length - 1] === '_') {
+                path = path.slice(0, -1)
+              }
+              this.root._editVal('nodes' + (path ? '[' + path.replace(/_/g, '].children[') + '].children' : ''), siblings, arr, true)
+            } else if (items[tapIndex] === '删除') {
+              if ((node.name === 'td' || node.name === 'th') && this.root._remove_table) {
+                this.root._remove_table()
+                this.root._remove_table = undefined
+              } else {
+                this.remove(i)
+              }
+            } else {
+              const style = node.attrs.style || ''
+              let newStyle = ''
+              const item = items[tapIndex]
+              let name
+              let value
+              if (item === '斜体') {
+                name = 'font-style'
+                value = 'italic'
+              } else if (item === '粗体') {
+                name = 'font-weight'
+                value = 'bold'
+              } else if (item === '下划线') {
+                name = 'text-decoration'
+                value = 'underline'
+              } else if (item === '居中') {
+                name = 'text-align'
+                value = 'center'
+              } else if (item === '缩进') {
+                name = 'text-indent'
+                value = '2em'
+              }
+              if (style.includes(name + ':')) {
+                // 已有则取消
+                newStyle = style.replace(new RegExp(name + ':[^;]+'), '')
+              } else {
+                // 没有则添加
+                newStyle = style + ';' + name + ':' + value
+              }
+              this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.style', style, newStyle, true)
+            }
+          }
+        })
+      }
+    },
+    /**
+     * @description 音视频被点击
+     * @param {Event} e
+     */
+    mediaTap (e) {
+      if (this.properties.opts[5]) {
+        const i = e.target.dataset.i
+        const node = this.getNode(i)
+        const items = this.root._getItem(node)
+        this.root._maskTap()
+        this.root._edit = this
+        this.i = i
+        this.root._tooltip({
+          top: e.target.offsetTop - 30,
+          items,
+          success: tapIndex => {
+            switch (items[tapIndex]) {
+              case '封面':
+                // 设置封面
+                this.root.getSrc('img', node.attrs.poster || '').then(url => {
+                  this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.poster', node.attrs.poster, url instanceof Array ? url[0] : url, true)
+                }).catch(() => { })
+                break
+              case '删除':
+                this.remove(i)
+                break
+              case '循环':
+              case '不循环':
+                // 切换循环播放
+                this.root.setData({
+                  ['nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.loop']: !node.attrs.loop
+                })
+                wx.showToast({
+                  title: '成功'
+                })
+                break
+              case '自动播放':
+              case '不自动播放':
+                // 切换自动播放播放
+                this.root.setData({
+                  ['nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.autoplay']: !node.attrs.autoplay
+                })
+                wx.showToast({
+                  title: '成功'
+                })
+                break
+            }
+          }
+        })
+        // 避免上层出现点击态
+        this.root._lock = true
+        setTimeout(() => {
+          this.root._lock = false
+        }, 50)
+      }
+    },
+    /**
+     * 改变样式
+     * @param {String} name 属性名
+     * @param {Number} i 第几个标签
+     * @param {String} value 新值
+     * @param {String} oldVal 旧值
+     */
+    changeStyle (name, i, value, oldVal) {
+      let style = this.getNode(i).attrs.style || ''
+      if (style.includes(';' + name + ':' + oldVal)) {
+        // style 中已经有
+        style = style.replace(';' + name + ':' + oldVal, ';' + name + ':' + value)
+      } else {
+        // 没有则新增
+        style += ';' + name + ':' + value
+      }
+      this.root.setData({
+        ['nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.style']: style
+      })
+    }
+  },
+  handler (file) {
+    if (file.isBuffer()) {
+      let content = file.contents.toString()
+      if (file.path.includes('miniprogram' + path.sep + 'index.wxml')) {
+        // 传递 editable 属性和路径
+        content = content.replace(/opts\s*=\s*"{{\[([^\]]+)\]}}"/, 'opts="{{[$1,editable,placeholder,\'\']}}"')
+          .replace(/<view(.*?)style\s*=\s*"{{containerStyle}}"/, '<view$1style="{{editable?\'min-height:200px;\':\'\'}}{{containerStyle}}" bindtap="_containTap"')
+          // 工具弹窗
+          .replace('</view>', `  <view wx:if="{{tooltip}}" class="_tooltip_contain" style="top:{{tooltip.top}}px">
+    <view class="_tooltip">
+      <view wx:for="{{tooltip.items}}" wx:key="index" class="_tooltip_item" data-i="{{index}}" bindtap="_tooltipTap">{{item}}</view>
+    </view>
+  </view>
+  <view wx:if="{{slider}}" class="_slider" style="top:{{slider.top}}px">
+    <slider value="{{slider.value}}" min="{{slider.min}}" max="{{slider.max}}" block-size="14" show-value activeColor="white" mp-alipay:style="padding:10px" bindchanging="_sliderChanging" bindchange="_sliderChange" />
+  </view>
+  <view wx:if="{{color}}" class="_tooltip_contain" style="top:{{color.top}}px">
+    <view class="_tooltip" style="overflow-y: hidden;">
+      <view wx:for="{{color.items}}" wx:key="index" class="_color_item" style="background-color:{{item}}" data-i="{{index}}" bindtap="_colorTap"></view>
+    </view>
+  </view>
+</view>`)
+      } else if (file.path.includes('miniprogram' + path.sep + 'index.js')) {
+        // 添加 editable 属性，发生变化时重新解析
+        content = content.replace(/properties\s*:\s*{/, `properties: {
+    editable: {
+      type: null,
+      observer (val) {
+        if (this.properties.content) {
+          this.setContent(val ? this.properties.content : this.getContent())
+        } else if (val) {
+          this.setData({
+            nodes: [{
+              name: 'p',
+              attrs: {},
+              children: [{
+                type: 'text',
+                text: ''
+              }]
+            }]
+          })
+          // #ifdef MP-TOUTIAO
+          this.selectComponent('#_root', child => {
+            child.root = this
+          })
+          // #endif
+        }
+        if (!val) {
+          this._maskTap()
+        }
+      }
+    },
+    placeholder: String,`)
+          .replace(/didUpdate\s*\(e\)\s*{/, `didUpdate (e) {
+    if (e.editable !== this.properties.editable) {
+      const val = this.properties.editable
+      if (this.properties.content) {
+        this.setContent(val ? this.properties.content : this.getContent())
+      } else if (val) {
+        this.setData({
+          nodes: [{
+            name: 'p',
+            attrs: {},
+            children: [{
+              type: 'text',
+              text: ''
+            }]
+          }]
+        })
+      }
+      if (!val) {
+        this._maskTap()
+      }
+    }`)
+          // 处理各类弹窗的事件
+          .replace(/methods\s*:\s*{/, `methods: {
+    _containTap() {
+      if (!this._lock && !this.data.slider && !this.data.color) {
+        this._edit = undefined
+        this._maskTap()
+      }
+    },
+    _tooltipTap(e) {
+      this._tooltipcb(e.currentTarget.dataset.i)
+      this.setData({
+        tooltip: null
+      })
+    },
+    _sliderChanging(e) {
+      this._slideringcb(e.detail.value)
+    },
+    _sliderChange(e) {
+      this._slidercb(e.detail.value)
+    },
+    _colorTap(e) {
+      this._colorcb(e.currentTarget.dataset.i)
+      this.setData({
+        color: null
+      })
+    },`)
+      } else if (file.path.includes('miniprogram' + path.sep + 'index.wxss')) {
+        // 工具弹窗的样式
+        content += `/* 提示条 */
+._tooltip_contain {
+  position: absolute;
+  right: 20px;
+  left: 20px;
+  text-align: center;
+}
+
+._tooltip {
+  box-sizing: border-box;
+  display: inline-block;
+  width: auto;
+  max-width: 100%;
+  height: 30px;
+  padding: 0 3px;
+  overflow: scroll;
+  font-size: 14px;
+  line-height: 30px;
+  white-space: nowrap;
+}
+
+._tooltip_item {
+  display: inline-block;
+  width: auto;
+  padding: 0 2vw;
+  line-height: 30px;
+  background-color: black;
+  color: white;
+}
+
+._color_item {
+  display: inline-block;
+  width: 18px;
+  height: 18px;
+  margin: 5px 2vw;
+  border:1px solid #dfe2e5;
+  border-radius: 50%;
+}
+
+/* 图片宽度滚动条 */
+._slider {
+  position: absolute;
+  left: 20px;
+  width: 220px;
+}
+
+._tooltip,
+._slider {
+  background-color: black;
+  border-radius: 3px;
+  opacity: 0.75;
+}`
+      } else if (file.path.includes('parser.js')) {
+        content = content.replace(/popNode\s*=\s*function\s*\(\)\s*{/, 'popNode = function () {\n  const editable = this.options.editable')
+          // 不转换标签名
+          .replace(/if\s*\(config.blockTags\[node.name\]\)\s*{[\s\S]+?}/, `if (config.blockTags[node.name]) {
+    if (!editable) {
+      node.name = 'div'
+    }
+  }`)
+          // 转换表格和列表
+          .replace(/node.c(\)|\s*&&|\s*\n)/g, '(node.c || editable)$1')
+          .replace(/while\s*\(map\[row\s*\+\s*'.'\s*\+\s*col\]\)\s*{[\s\S]+?}/, `while (map[row + '.' + col]) {
+            col++
+          }
+          if (editable) {
+            td.r = row
+          }`)
+          // 不做 expose 处理
+          .replace(/parser.prototype.expose\s*=\s*function\s*\(\)\s*{/, `parser.prototype.expose = function () {
+  if (this.options.editable) return`)
+      } else if (file.path.includes('node.wxml')) {
+        content = content.replace(/opts\s*=\s*"{{opts}}"/, 'opts="{{[opts[0],opts[1],opts[2],opts[3],opts[4],opts[5],opts[6],opts[7]+i+\'_\']}}"')
+          .replace(/opts\s*=\s*"{{opts}}"/, 'opts="{{[opts[0],opts[1],opts[2],opts[3],opts[4],opts[5],opts[6],opts[7]+i1+\'_\'+i2+\'_\'+i3+\'_\'+i4+\'_\'+i5+\'_\']}}"')
+          .replace('!n.c', "opts[5]?(!n.children||n.name=='a'):!n.c")
+          .replace(/!(n.?)\.c(?![a-z])/g, '(opts[5]?true:!$1.c)')
+          .replace(/isInline\((.*?)\)/g, '(opts[5]?true:isInline($1))')
+          // 修改普通标签
+          .replace(/<view\s*wx:else\s*id(.+?)style="/, '<view wx:else data-i="{{path+i}}" bindtap="nodeTap" id$1style="{{ctrl[\'e\'+path+i]&&opts[5]!==\'simple\'?\'border:1px solid black;padding:5px;display:block;\':\'\'}}')
+          .replace(/<view\s*wx:else\s*id(.+?)style="/, '<view wx:else data-i="{{\'\'+i1}}" bindtap="nodeTap" id$1style="{{ctrl[\'e\'+i1]&&opts[5]!==\'simple\'?\'border:1px solid black;padding:5px;display:block;\':\'\'}}')
+          .replace(/<view\s*wx:else\s*id(.+?)style="/, '<view wx:else data-i="{{i1+\'_\'+i2}}" bindtap="nodeTap" id$1style="{{ctrl[\'e\'+i1+\'_\'+i2]&&opts[5]!==\'simple\'?\'border:1px solid black;padding:5px;display:block;\':\'\'}}')
+          .replace(/<view\s*wx:else\s*id(.+?)style="/, '<view wx:else data-i="{{i1+\'_\'+i2+\'_\'+i3}}" bindtap="nodeTap" id$1style="{{ctrl[\'e\'+i1+\'_\'+i2+\'_\'+i3]&&opts[5]!==\'simple\'?\'border:1px solid black;padding:5px;display:block;\':\'\'}}')
+          .replace(/<view\s*wx:else\s*id(.+?)style="/, '<view wx:else data-i="{{i1+\'_\'+i2+\'_\'+i3+\'_\'+i4}}" bindtap="nodeTap" id$1style="{{ctrl[\'e\'+i1+\'_\'+i2+\'_\'+i3+\'_\'+i4]&&opts[5]!==\'simple\'?\'border:1px solid black;padding:5px;display:block;\':\'\'}}')
+          // 修改文本块
+          .replace(/<!--\s*文本\s*-->[\s\S]+?<!--\s*链接\s*-->/,
+            `<block wx:elif="{{n.type==='text'}}">
+    <text wx:if="{{!ctrl['e'+i]}}" data-i="{{i}}" mp-weixin:user-select="{{opts[4]}}" decode="{{!opts[5]}}" bindtap="editStart">{{n.text}}
+      <text wx:if="{{!n.text}}" style="color:gray">{{opts[6]||'请输入'}}</text>
+    </text>
+    <text wx:elif="{{ctrl['e'+i]===1}}" data-i="{{i}}" style="border:1px dashed black;min-width:50px;width:auto;padding:5px;display:block" catchtap="editStart">{{n.text}}
+      <text wx:if="{{!n.text}}" style="color:gray">{{opts[6]||'请输入'}}</text>
+    </text>
+    <textarea wx:else style="{{opts[5]==='simple'?'':'border:1px dashed black;'}}min-width:50px;width:auto;padding:5px" auto-height maxlength="-1" focus="{{ctrl['e'+i]===3}}" value="{{n.text}}" data-i="{{i}}" bindinput="editInput" bindblur="editEnd" />
+  </block>
+  <text wx:elif="{{n.name==='br'}}">\\n</text>`)
+          // 修改图片
+          .replace(/<image(.+?)id="\{\{n.attrs.id/, '<image$1id="{{n.attrs.id||(\'n\'+i)')
+          .replace('height:1px', "height:{{ctrl['h'+i]||1}}px")
+          .replace('style="{{ctrl[i]', 'style="{{ctrl[\'e\'+i]&&opts[5]!==\'simple\'?\'border:1px dashed black;padding:3px;\':\'\'}}{{ctrl[i]')
+          .replace(/weixin:show-menu-by-longpress\s*=\s*"{{(\S+?)}}"\s*baidu:image-menu-prevent\s*=\s*"{{(\S+?)}}"/, 'weixin:show-menu-by-longpress="{{!opts[5]&&$1}}" baidu:image-menu-prevent="{{opts[5]||$2}}"')
+          // 修改音视频
+          .replace('<video', '<video bindtap="mediaTap"')
+          .replace('audio ', 'audio bindtap="mediaTap" ')
+          .replace('card', 'card bindtap="mediaTap"')
+      } else if (file.path.includes('node.js') && file.extname === '.js') {
+        content = `
+        const Parser = require('../parser')
+        function getTop(e) {
+  let top
+  // #ifndef MP-ALIPAY
+  top = e.detail.y
+  // #endif
+  // #ifdef MP-ALIPAY
+  top = top = e.detail.pageY
+  // #endif
+  if (top - e.currentTarget.offsetTop < 150 || top < 600) {
+    top = e.currentTarget.offsetTop
+  }
+  if (top < 30) {
+    top += 70
+  }
+  return top - 30
+}` + content.replace('methods:', `detached () {
+    if (this.root && this.root._edit === this) {
+      this.root._edit = undefined
+    }
+  }, 
+  methods:`)
+            // 记录图片宽度
+            .replace(/imgLoad\s*\(e\)\s*{/, `imgLoad (e) {
+      // #ifdef MP-WEIXIN || MP-QQ
+      if (this.properties.opts[5]) {
+        setTimeout(() => {
+          const id = this.getNode(i).attrs.id || ('n' + i)
+          wx.createSelectorQuery().in(this).select('#' + id).boundingClientRect().exec(res => {
+            this.setData({
+              ['ctrl.h'+i]: res[0].height
+            })
+          })
+        }, 50)
+      }
+      // #endif`)
+            .replace(/if\s*\(!node.w\)\s*{[\s\S]+?}/,
+              `if (!node.w) {
+        val = e.detail.width
+        if (this.properties.opts[5]) {
+          const data = {}
+          const path = 'nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.'
+          if (val < 150) {
+            data[path + 'ignore'] = 'T'
+          }
+          data[path + 'width'] = val.toString()
+          this.root.setData(data)
+        }
+      }`)
+            // 处理图片点击
+            .replace(/imgTap\s*\(e\)\s*{([\s\S]+?)},\s*\/\*/,
+              `imgTap (e) {
+      if (!this.properties.opts[5]) {$1} else {
+        const i = e.target.dataset.i
+        const node = this.getNode(i)
+        const items = this.root._getItem(node)
+        this.root._edit = this
+        const parser = new Parser(this.root)
+        this.i = i
+        this.root._maskTap()
+        this.setData({
+          ['ctrl.e' + i]: 1
+        })
+        this.root._mask.push(() => {
+          this.setData({
+            ['ctrl.e' + i]: 0
+          })
+        })
+        this.root._tooltip({
+          top: getTop(e),
+          items,
+          success: tapIndex => {
+            if (items[tapIndex] === '换图') {
+              // 换图
+              this.root.getSrc('img', node.attrs.src || '').then(url => {
+                this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.src', node.attrs.src, parser.getUrl(url instanceof Array ? url[0] : url), true)
+              }).catch(() => { })
+            } else if (items[tapIndex] === '宽度') {
+              // 更改宽度
+              const style = node.attrs.style || ''
+              let value = style.match(/max-width:([0-9]+)%/)
+              if (value) {
+                value = parseInt(value[1])
+              } else {
+                value = 100
+              }
+              this.root._slider({
+                min: 0,
+                max: 100,
+                value,
+                top: getTop(e),
+                changing: val => {
+                  // 变化超过 5% 更新时视图
+                  if (Math.abs(val - value) > 5) {
+                    this.changeStyle('max-width', i, val + '%', value + '%')
+                    value = val
+                  }
+                },
+                change: val => {
+                  if (val !== value) {
+                    this.changeStyle('max-width', i, val + '%', value + '%')
+                    value = val
+                  }
+                  this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.style', style, this.getNode(i).attrs.style)
+                }
+              })
+            } else if (items[tapIndex] === '超链接') {
+              // 将图片设置为链接
+              this.root.getSrc('link', node.a ? node.a.href : '').then(url => {
+                // 如果有 a 标签则替换 href
+                if (node.a) {
+                  this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].a.href', node.a.href, parser.getUrl(url), true)
+                } else {
+                  const link = {
+                    name: 'a',
+                    attrs: {
+                      href: parser.getUrl(url)
+                    },
+                    children: [node]
+                  }
+                  node.a = link.attrs
+                  this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + ']', node, link, true)
+                }
+                wx.showToast({
+                  title: '成功'
+                })
+              }).catch(() => { })
+            } else if (items[tapIndex] === '预览图') {
+              // 设置预览图链接
+              this.root.getSrc('img', node.attrs['original-src'] || '').then(url => {
+                this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.original-src', node.attrs['original-src'], parser.getUrl(url instanceof Array ? url[0] : url), true)
+                wx.showToast({
+                  title: '成功'
+                })
+              }).catch(() => { })
+            } else if (items[tapIndex] === '删除') {
+              this.remove(i)
+            } else {
+              // 禁用 / 启用预览
+              this.root.setData({
+                ['nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.ignore']: !node.attrs.ignore
+              })
+              wx.showToast({
+                title: '成功'
+              })
+            }
+          }
+        })
+        this.root._lock = true
+        setTimeout(() => {
+          this.root._lock = false
+        }, 50)
+      }
+    },
+    /*`)
+            // 处理链接点击
+            .replace(/linkTap\s*\(e\)\s*{([\s\S]+?)},\s*\/\*/,
+              `linkTap (e) {
+      if (!this.properties.opts[5]) {$1} else {
+        const i = e.currentTarget.dataset.i
+        const node = this.getNode(i)
+        const items = this.root._getItem(node)
+        this.root._tooltip({
+          top: getTop(e),
+          items,
+          success: tapIndex => {
+            if (items[tapIndex] === '更换链接') {
+              this.root.getSrc('link', node.attrs.href).then(url => {
+                this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.href', node.attrs.href, url, true)
+                wx.showToast({
+                  title: '成功'
+                })
+              }).catch(() => { })
+            } else {
+              this.remove(i)
+            }
+          }
+        })
+      }
+    },
+    /*`)
+      }
+      file.contents = Buffer.from(content)
+    }
+  }
+}
diff --git a/wechat-mini-program/components/mp-html/plugins/editable/miniprogram/index.js b/wechat-mini-program/components/mp-html/plugins/editable/miniprogram/index.js
new file mode 100644
index 0000000..0905797
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/editable/miniprogram/index.js
@@ -0,0 +1,551 @@
+/**
+ * @fileoverview editable 插件
+ */
+const config = require('./config')
+const Parser = require('../parser')
+
+function Editable (vm) {
+  this.vm = vm
+  this.editHistory = [] // 历史记录
+  this.editI = -1 // 历史记录指针
+  vm._mask = [] // 蒙版被点击时进行的操作
+
+  /**
+   * @description 移动历史记录指针
+   * @param {Number} num 移动距离
+   */
+  const move = num => {
+    const item = this.editHistory[this.editI + num]
+    if (item) {
+      this.editI += num
+      vm.setData({
+        [item.key]: item.value
+      })
+    }
+  }
+  vm.undo = () => move(-1) // 撤销
+  vm.redo = () => move(1) // 重做
+
+  /**
+   * @description 更新记录
+   * @param {String} path 路径
+   * @param {*} oldVal 旧值
+   * @param {*} newVal 新值
+   * @param {Boolean} set 是否更新到视图
+   * @private
+   */
+  vm._editVal = (path, oldVal, newVal, set) => {
+    // 当前指针后的内容去除
+    while (this.editI < this.editHistory.length - 1) {
+      this.editHistory.pop()
+    }
+
+    // 最多存储 30 条操作记录
+    while (this.editHistory.length > 30) {
+      this.editHistory.pop()
+      this.editI--
+    }
+
+    const last = this.editHistory[this.editHistory.length - 1]
+    if (!last || last.key !== path) {
+      if (last) {
+        // 去掉上一次的新值
+        this.editHistory.pop()
+        this.editI--
+      }
+      // 存入这一次的旧值
+      this.editHistory.push({
+        key: path,
+        value: oldVal
+      })
+      this.editI++
+    }
+
+    // 存入本次的新值
+    this.editHistory.push({
+      key: path,
+      value: newVal
+    })
+    this.editI++
+
+    // 更新到视图
+    if (set) {
+      vm.setData({
+        [path]: newVal
+      })
+    }
+  }
+
+  /**
+   * @description 获取菜单项
+   * @private
+   */
+  vm._getItem = function (node, up, down) {
+    let items
+    let i
+    if (node === 'color') {
+      return config.color
+    }
+    if (node.name === 'img') {
+      items = config.img.slice(0)
+      if (!vm.getSrc) {
+        i = items.indexOf('换图')
+        if (i !== -1) {
+          items.splice(i, 1)
+        }
+        i = items.indexOf('超链接')
+        if (i !== -1) {
+          items.splice(i, 1)
+        }
+        i = items.indexOf('预览图')
+        if (i !== -1) {
+          items.splice(i, 1)
+        }
+      }
+      i = items.indexOf('禁用预览')
+      if (i !== -1 && node.attrs.ignore) {
+        items[i] = '启用预览'
+      }
+    } else if (node.name === 'a') {
+      items = config.link.slice(0)
+      if (!vm.getSrc) {
+        i = items.indexOf('更换链接')
+        if (i !== -1) {
+          items.splice(i, 1)
+        }
+      }
+    } else if (node.name === 'video' || node.name === 'audio') {
+      items = config.media.slice(0)
+      i = items.indexOf('封面')
+      if (!vm.getSrc && i !== -1) {
+        items.splice(i, 1)
+      }
+      i = items.indexOf('循环')
+      if (node.attrs.loop && i !== -1) {
+        items[i] = '不循环'
+      }
+      i = items.indexOf('自动播放')
+      if (node.attrs.autoplay && i !== -1) {
+        items[i] = '不自动播放'
+      }
+    } else if (node.name === 'card') {
+      items = config.card.slice(0)
+    } else {
+      items = config.node.slice(0)
+    }
+    if (!up) {
+      i = items.indexOf('上移')
+      if (i !== -1) {
+        items.splice(i, 1)
+      }
+    }
+    if (!down) {
+      i = items.indexOf('下移')
+      if (i !== -1) {
+        items.splice(i, 1)
+      }
+    }
+    return items
+  }
+
+  /**
+   * @description 显示 tooltip
+   * @param {object} obj
+   * @private
+   */
+  vm._tooltip = function (obj) {
+    vm.setData({
+      tooltip: {
+        top: obj.top,
+        items: obj.items
+      }
+    })
+    vm._tooltipcb = obj.success
+  }
+
+  /**
+   * @description 显示滚动条
+   * @param {object} obj
+   * @private
+   */
+  vm._slider = function (obj) {
+    vm.setData({
+      slider: {
+        min: obj.min,
+        max: obj.max,
+        value: obj.value,
+        top: obj.top
+      }
+    })
+    vm._slideringcb = obj.changing
+    vm._slidercb = obj.change
+  }
+
+  /**
+   * @description 显示颜色选择
+   * @param {object} obj
+   * @private
+   */
+  vm._color = function (obj) {
+    vm.setData({
+      color: {
+        items: obj.items,
+        top: obj.top
+      }
+    })
+    vm._colorcb = obj.success
+  }
+
+  /**
+   * @description 点击蒙版
+   * @private
+   */
+  vm._maskTap = function () {
+    // 隐藏所有悬浮窗
+    while (this._mask.length) {
+      (this._mask.pop())()
+    }
+    const data = {}
+    if (this.data.tooltip) {
+      data.tooltip = null
+    }
+    if (this.data.slider) {
+      data.slider = null
+    }
+    if (this.data.color) {
+      data.color = null
+    }
+    if (this.data.tooltip || this.data.slider || this.data.color) {
+      this.setData(data)
+    }
+  }
+
+  /**
+   * @description 插入节点
+   * @param {Object} node
+   */
+  function insert (node) {
+    if (vm._edit) {
+      vm._edit.insert(node)
+    } else {
+      const nodes = vm.data.nodes.slice(0)
+      nodes.push(node)
+      vm._editVal('nodes', vm.data.nodes, nodes, true)
+    }
+  }
+
+  /**
+   * @description 在光标处插入指定 html 内容
+   * @param {String} html 内容
+   */
+  vm.insertHtml = html => {
+    this.inserting = true
+    const arr = new Parser(vm).parse(html)
+    this.inserting = undefined
+    for (let i = 0; i < arr.length; i++) {
+      insert(arr[i])
+    }
+  }
+
+  /**
+   * @description 在光标处插入图片
+   */
+  vm.insertImg = function () {
+    vm.getSrc && vm.getSrc('img').then(src => {
+      if (typeof src === 'string') {
+        src = [src]
+      }
+      const parser = new Parser(vm)
+      for (let i = 0; i < src.length; i++) {
+        insert({
+          name: 'img',
+          attrs: {
+            src: parser.getUrl(src[i])
+          }
+        })
+      }
+    }).catch(() => { })
+  }
+
+  /**
+   * @description 在光标处插入一个链接
+   */
+  vm.insertLink = function () {
+    vm.getSrc && vm.getSrc('link').then(url => {
+      insert({
+        name: 'a',
+        attrs: {
+          href: url
+        },
+        children: [{
+          type: 'text',
+          text: url
+        }]
+      })
+    }).catch(() => { })
+  }
+
+  /**
+   * @description 在光标处插入一个表格
+   * @param {Number} rows 行数
+   * @param {Number} cols 列数
+   */
+  vm.insertTable = function (rows, cols) {
+    const table = {
+      name: 'table',
+      attrs: {
+        style: 'display:table;width:100%;margin:10px 0;text-align:center;border-spacing:0;border-collapse:collapse;border:1px solid gray'
+      },
+      children: []
+    }
+    for (let i = 0; i < rows; i++) {
+      const tr = {
+        name: 'tr',
+        attrs: {},
+        children: []
+      }
+      for (let j = 0; j < cols; j++) {
+        tr.children.push({
+          name: 'td',
+          attrs: {
+            style: 'padding:2px;border:1px solid gray'
+          },
+          children: [{
+            type: 'text',
+            text: ''
+          }]
+        })
+      }
+      table.children.push(tr)
+    }
+    insert(table)
+  }
+
+  /**
+   * @description 插入视频/音频
+   * @param {Object} node
+   */
+  function insertMedia (node) {
+    if (typeof node.src === 'string') {
+      node.src = [node.src]
+    }
+    const parser = new Parser(vm)
+    // 拼接主域名
+    for (let i = 0; i < node.src.length; i++) {
+      node.src[i] = parser.getUrl(node.src[i])
+    }
+    insert({
+      name: 'div',
+      attrs: {
+        style: 'text-align:center'
+      },
+      children: [node]
+    })
+  }
+
+  /**
+   * @description 在光标处插入一个视频
+   */
+  vm.insertVideo = function () {
+    vm.getSrc && vm.getSrc('video').then(src => {
+      insertMedia({
+        name: 'video',
+        attrs: {
+          controls: 'T'
+        },
+        src
+      })
+    }).catch(() => { })
+  }
+
+  /**
+   * @description 在光标处插入一个音频
+   */
+  vm.insertAudio = function () {
+    vm.getSrc && vm.getSrc('audio').then(attrs => {
+      let src
+      if (attrs.src) {
+        src = attrs.src
+        attrs.src = undefined
+      } else {
+        src = attrs
+        attrs = {}
+      }
+      attrs.controls = 'T'
+      insertMedia({
+        name: 'audio',
+        attrs,
+        src
+      })
+    }).catch(() => { })
+  }
+
+  /**
+   * @description 在光标处插入一段文本
+   */
+  vm.insertText = function () {
+    insert({
+      name: 'p',
+      attrs: {},
+      children: [{
+        type: 'text',
+        text: ''
+      }]
+    })
+  }
+
+  /**
+   * @description 清空内容
+   */
+  vm.clear = function () {
+    vm._maskTap()
+    vm._edit = undefined
+    vm.setData({
+      nodes: [{
+        name: 'p',
+        attrs: {},
+        children: [{
+          type: 'text',
+          text: ''
+        }]
+      }]
+    })
+  }
+
+  /**
+   * @description 获取编辑后的 html
+   */
+  vm.getContent = function () {
+    let html = '';
+    // 递归遍历获取
+    (function traversal (nodes, table) {
+      for (let i = 0; i < nodes.length; i++) {
+        let item = nodes[i]
+        if (item.type === 'text') {
+          // 编码实体
+          html += item.text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\n/g, '<br>').replace(/\xa0/g, '&nbsp;')
+        } else {
+          // 还原被转换的 svg
+          if (item.name === 'img' && (item.attrs.src || '').includes('data:image/svg+xml;utf8,')) {
+            html += item.attrs.src.substr(24).replace(/%23/g, '#').replace('<svg', '<svg style="' + (item.attrs.style || '') + '"')
+            continue
+          } else if (item.name === 'video' || item.name === 'audio') {
+            // 还原 video 和 audio 的 source
+            if (item.src.length > 1) {
+              item.children = []
+              for (let j = 0; j < item.src.length; j++) {
+                item.children.push({
+                  name: 'source',
+                  attrs: {
+                    src: item.src[j]
+                  }
+                })
+              }
+            } else {
+              item.attrs.src = item.src[0]
+            }
+          } else if (item.name === 'div' && (item.attrs.style || '').includes('overflow:auto') && (item.children[0] || {}).name === 'table') {
+            // 还原滚动层
+            item = item.children[0]
+          }
+          // 还原 table
+          if (item.name === 'table') {
+            table = item.attrs
+            if ((item.attrs.style || '').includes('display:grid')) {
+              item.attrs.style = item.attrs.style.split('display:grid')[0]
+              const children = [{
+                name: 'tr',
+                attrs: {},
+                children: []
+              }]
+              for (let j = 0; j < item.children.length; j++) {
+                item.children[j].attrs.style = item.children[j].attrs.style.replace(/grid-[^;]+;*/g, '')
+                if (item.children[j].r !== children.length) {
+                  children.push({
+                    name: 'tr',
+                    attrs: {},
+                    children: [item.children[j]]
+                  })
+                } else {
+                  children[children.length - 1].children.push(item.children[j])
+                }
+              }
+              item.children = children
+            }
+          }
+          html += '<' + item.name
+          for (const attr in item.attrs) {
+            let val = item.attrs[attr]
+            if (!val) continue
+            // bool 型省略值
+            if (val === 'T' || val === true) {
+              html += ' ' + attr
+              continue
+            } else if (item.name[0] === 't' && attr === 'style' && table) {
+              // 取消为了显示 table 添加的 style
+              val = val.replace(/;*display:table[^;]*/, '')
+              if (table.border) {
+                val = val.replace(/border[^;]+;*/g, $ => $.includes('collapse') ? $ : '')
+              }
+              if (table.cellpadding) {
+                val = val.replace(/padding[^;]+;*/g, '')
+              }
+              if (!val) continue
+            }
+            html += ' ' + attr + '="' + val.replace(/"/g, '&quot;') + '"'
+          }
+          html += '>'
+          if (item.children) {
+            traversal(item.children, table)
+            html += '</' + item.name + '>'
+          }
+        }
+      }
+    })(vm.data.nodes)
+
+    // 其他插件处理
+    for (let i = vm.plugins.length; i--;) {
+      if (vm.plugins[i].onGetContent) {
+        html = vm.plugins[i].onGetContent(html) || html
+      }
+    }
+
+    return html
+  }
+}
+
+Editable.prototype.onUpdate = function (content, config) {
+  if (this.vm.properties.editable) {
+    this.vm._maskTap()
+    config.entities.amp = '&'
+    if (!this.inserting) {
+      this.vm._edit = undefined
+      if (!content) {
+        setTimeout(() => {
+          this.vm.setData({
+            nodes: [{
+              name: 'p',
+              attrs: {},
+              children: [{
+                type: 'text',
+                text: ''
+              }]
+            }]
+          })
+        }, 0)
+      }
+    }
+  }
+}
+
+Editable.prototype.onParse = function (node) {
+  // 空白单元格可编辑
+  if (this.vm.properties.editable && (node.name === 'td' || node.name === 'th') && !this.vm.getText(node.children)) {
+    node.children.push({
+      type: 'text',
+      text: ''
+    })
+  }
+}
+
+module.exports = Editable
diff --git a/wechat-mini-program/components/mp-html/plugins/editable/uni-app/build.js b/wechat-mini-program/components/mp-html/plugins/editable/uni-app/build.js
new file mode 100644
index 0000000..c568168
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/editable/uni-app/build.js
@@ -0,0 +1,744 @@
+/* global getTop */
+module.exports = {
+  style: `/* #ifndef H5 || MP-ALIPAY || APP-PLUS */
+  ._address,
+  ._article,
+  ._aside,
+  ._body,
+  ._caption,
+  ._center,
+  ._cite,
+  ._footer,
+  ._header,
+  ._html,
+  ._nav,
+  ._pre,
+  ._section {
+    display: block;
+  }
+  
+  /* #endif */
+  ._video {
+    width: 300px;
+    height: 225px;
+    display: inline-block;
+    background-color: black;
+  }`,
+  methods: {
+    /**
+     * @description 开始编辑文本
+     * @param {Event} e
+     */
+    editStart (e) {
+      if (this.opts[5]) {
+        const i = e.currentTarget.dataset.i
+        if (!this.ctrl['e' + i] && this.opts[5] !== 'simple') {
+          // 显示虚线框
+          this.$set(this.ctrl, 'e' + i, 1)
+          setTimeout(() => {
+            this.root._mask.push(() => this.$set(this.ctrl, 'e' + i, 0))
+          }, 50)
+          this.root._edit = this
+          this.i = i
+          this.cursor = this.childs[i].text.length
+        } else {
+          if (this.opts[5] === 'simple') {
+            this.root._edit = this
+            this.i = i
+            this.cursor = this.childs[i].text.length
+          }
+          this.root._mask.pop()
+          this.root._maskTap()
+          // 将 text 转为 textarea
+          this.$set(this.ctrl, 'e' + i, 2)
+          // 延时对焦，避免高度错误
+          setTimeout(() => {
+            this.$set(this.ctrl, 'e' + i, 3)
+          }, 50)
+        }
+      }
+    },
+    /**
+     * @description 输入文本
+     * @param {Event} e
+     */
+    editInput (e) {
+      const i = e.target.dataset.i
+      // 替换连续空格
+      const value = e.detail.value.replace(/ {2,}/, $ => {
+        let res = '\xa0'
+        for (let i = 1; i < $.length; i++) {
+          res += '\xa0'
+        }
+        return res
+      })
+      this.root._editVal(`${this.opts[7]}.${i}.text`, this.childs[i].text, value) // 记录编辑历史
+      this.cursor = e.detail.cursor
+    },
+    /**
+     * @description 完成编辑文本
+     * @param {Event} e
+     */
+    editEnd (e) {
+      const i = e.target.dataset.i
+      this.$set(this.ctrl, 'e' + i, 0)
+      // 更新到视图
+      this.root._setData(`${this.opts[7]}.${i}.text`, e.detail.value.replace(/ {2}/g, '\xa0 '))
+      if (e.detail.cursor !== undefined) {
+        this.cursor = e.detail.cursor
+      }
+    },
+    /**
+     * @description 插入一个标签
+     * @param {Object} node 要插入的标签
+     */
+    insert (node) {
+      setTimeout(() => {
+        const childs = this.childs.slice(0)
+        if (!childs[this.i]) {
+          childs.push(node)
+        } else if (childs[this.i].text) {
+          // 在文本中插入
+          const text = childs[this.i].text
+          if (node.type === 'text') {
+            if (this.cursor) {
+              childs[this.i].text = text.substring(0, this.cursor) + node.text + text.substring(this.cursor)
+            } else {
+              childs[this.i].text += node.text
+            }
+          } else {
+            const list = []
+            if (this.cursor) {
+              list.push({
+                type: 'text',
+                text: text.substring(0, this.cursor)
+              })
+            }
+            list.push(node)
+            if (this.cursor < text.length) {
+              list.push({
+                type: 'text',
+                text: text.substring(this.cursor)
+              })
+            }
+            childs.splice(this.i, 1, ...list)
+          }
+        } else {
+          childs.splice(parseInt(this.i) + 1, 0, node)
+        }
+        this.root._editVal(this.opts[7], this.childs, childs, true)
+        this.i = parseInt(this.i) + 1
+      }, 200)
+    },
+    /**
+     * @description 移除第 i 个标签
+     * @param {Number} i
+     */
+    remove (i) {
+      const arr = this.childs.slice(0)
+      const delEle = arr.splice(i, 1)[0]
+      if (delEle.name === 'img' || delEle.name === 'video' || delEle.name === 'audio') {
+        let src = delEle.attrs.src
+        if (delEle.src) {
+          src = delEle.src.length === 1 ? delEle.src[0] : delEle.src
+        }
+        this.root.$emit('remove', {
+          type: delEle.name,
+          src
+        })
+      }
+      this.root._edit = undefined
+      this.root._maskTap()
+      this.root._editVal(this.opts[7], this.childs, arr, true)
+    },
+    /**
+     * @description 标签被点击
+     * @param {Event} e
+     */
+    nodeTap (e) {
+      if (this.opts[5]) {
+        if (this.root._lock) return
+        this.root._lock = true
+        setTimeout(() => {
+          this.root._lock = false
+        }, 50)
+        if (this.ctrl['e' + this.i] === 3) return
+        this.root._maskTap()
+        this.root._edit = this
+        if (this.opts[5] === 'simple') return
+        let start = this.opts[7].lastIndexOf('children.')
+        if (start !== -1) {
+          start += 9
+        } else {
+          start = 6
+        }
+        const i = parseInt(this.opts[7].substring(start, this.opts[7].lastIndexOf('.children')))
+        let parent = this.$parent
+        while (parent && parent.$options.name !== 'node') {
+          parent = parent.$parent
+        }
+        let remove = () => {
+          parent.remove(i)
+        }
+        if (this.opts[7].length - parent.opts[7].length > 15) {
+          const parts = this.opts[7].split('.')
+          let childs = parent.childs
+          const i = parseInt(parts[parent.opts[7].split('.').length])
+          const oldParent = parent
+          // 删除整个表格
+          remove = () => {
+            oldParent.remove(i)
+          }
+          for (let i = parent.opts[7].split('.').length; i < parts.length - 2; i++) {
+            childs = childs[parts[i]]
+          }
+          const that = this
+          parent = {
+            childs,
+            opts: [undefined, undefined, undefined, undefined, undefined, undefined, undefined, parts.slice(0, parts.length - 2).join('.')],
+            changeStyle (name, i, value, oldVal) {
+              let style = this.childs[i].attrs.style || ''
+              if (style.includes(';' + name + ':' + oldVal)) {
+                style = style.replace(';' + name + ':' + oldVal, ';' + name + ':' + value)
+              } else {
+                style += ';' + name + ':' + value
+              }
+              that.root._setData(`${this.opts[7]}.${i}.attrs.style`, style)
+            }
+          }
+        }
+        if (!parent) return
+        // 显示实线框
+        this.$set(this.ctrl, 'root', 1)
+        this.root._mask.push(() => this.$set(this.ctrl, 'root', 0))
+        if (this.childs.length === 1 && this.childs[0].type === 'text' && !this.ctrl.e0) {
+          this.$set(this.ctrl, 'e0', 1)
+          this.root._mask.push(() => this.$set(this.ctrl, 'e0', 0))
+          this.i = 0
+          this.cursor = this.childs[0].text.length
+        }
+        const items = this.root._getItem(parent.childs[i], i !== 0, i !== parent.childs.length - 1)
+        this.root._tooltip({
+          top: getTop(e),
+          items,
+          success: tapIndex => {
+            if (items[tapIndex] === '大小') {
+              // 改变字体大小
+              const style = parent.childs[i].attrs.style || ''
+              let value = style.match(/;font-size:([0-9]+)px/)
+              if (value) {
+                value = parseInt(value[1])
+              } else {
+                value = 16
+              }
+              this.root._slider({
+                min: 10,
+                max: 30,
+                value,
+                top: getTop(e),
+                changing: val => {
+                  if (Math.abs(val - value) > 2) {
+                    // 字号变换超过 2 时更新到视图
+                    parent.changeStyle('font-size', i, val + 'px', value + 'px')
+                    value = e.detail.value
+                  }
+                },
+                change: val => {
+                  if (val !== value) {
+                    parent.changeStyle('font-size', i, val + 'px', value + 'px')
+                  }
+                  this.root._editVal(`${parent.opts[7]}.${i}.attrs.style`, style, parent.childs[i].attrs.style)
+                }
+              })
+            } else if (items[tapIndex] === '颜色') {
+              // 改变文字颜色
+              const items = this.root._getItem('color')
+              this.root._color({
+                top: getTop(e),
+                items,
+                success: tapIndex => {
+                  const style = parent.childs[i].attrs.style || ''
+                  const value = style.match(/;color:([^;]+)/)
+                  parent.changeStyle('color', i, items[tapIndex], value ? value[1] : undefined)
+                  this.root._editVal(`${parent.opts[7]}.${i}.attrs.style`, style, parent.childs[i].attrs.style)
+                }
+              })
+            } else if (items[tapIndex] === '上移' || items[tapIndex] === '下移') {
+              const arr = parent.childs.slice(0)
+              const item = arr[i]
+              if (items[tapIndex] === '上移') {
+                arr[i] = arr[i - 1]
+                arr[i - 1] = item
+              } else {
+                arr[i] = arr[i + 1]
+                arr[i + 1] = item
+              }
+              this.root._editVal(parent.opts[7], parent.childs, arr, true)
+            } else if (items[tapIndex] === '删除') {
+              remove()
+            } else {
+              const style = parent.childs[i].attrs.style || ''
+              let newStyle = ''
+              const item = items[tapIndex]
+              let name
+              let value
+              if (item === '斜体') {
+                name = 'font-style'
+                value = 'italic'
+              } else if (item === '粗体') {
+                name = 'font-weight'
+                value = 'bold'
+              } else if (item === '下划线') {
+                name = 'text-decoration'
+                value = 'underline'
+              } else if (item === '居中') {
+                name = 'text-align'
+                value = 'center'
+              } else if (item === '缩进') {
+                name = 'text-indent'
+                value = '2em'
+              }
+              if (style.includes(name + ':')) {
+                // 已有则取消
+                newStyle = style.replace(new RegExp(name + ':[^;]+'), '')
+              } else {
+                // 没有则添加
+                newStyle = style + ';' + name + ':' + value
+              }
+              this.root._editVal(`${parent.opts[7]}.${i}.attrs.style`, style, newStyle, true)
+            }
+          }
+        })
+      }
+    },
+    /**
+     * @description 音视频被点击
+     * @param {Event} e
+     */
+    mediaTap (e, index) {
+      if (this.opts[5]) {
+        const i = e.target.dataset.i || index
+        const node = this.childs[i]
+        const items = this.root._getItem(node)
+        this.root._maskTap()
+        this.root._edit = this
+        this.i = i
+        this.root._tooltip({
+          top: e.currentTarget.offsetTop - 30,
+          items,
+          success: tapIndex => {
+            switch (items[tapIndex]) {
+              case '封面':
+                // 设置封面
+                this.root.getSrc('img', node.attrs.poster || '').then(url => {
+                  this.root._editVal(`${this.opts[7]}.${i}.attrs.poster`, node.attrs.poster, url instanceof Array ? url[0] : url, true)
+                }).catch(() => { })
+                break
+              case '删除':
+                this.remove(i)
+                break
+              case '循环':
+              case '不循环':
+                // 切换循环播放
+                this.root._setData(`${this.opts[7]}.${i}.attrs.loop`, !node.attrs.loop)
+                uni.showToast({
+                  title: '成功'
+                })
+                break
+              case '自动播放':
+              case '不自动播放':
+                // 切换自动播放播放
+                this.root._setData(`${this.opts[7]}.${i}.attrs.autoplay`, !node.attrs.autoplay)
+                uni.showToast({
+                  title: '成功'
+                })
+                break
+            }
+          }
+        })
+        // 避免上层出现点击态
+        this.root._lock = true
+        setTimeout(() => {
+          this.root._lock = false
+        }, 50)
+      }
+    },
+    /**
+     * 改变样式
+     * @param {String} name 属性名
+     * @param {Number} i 第几个标签
+     * @param {String} value 新值
+     * @param {String} oldVal 旧值
+     */
+    changeStyle (name, i, value, oldVal) {
+      let style = this.childs[i].attrs.style || ''
+      if (style.includes(';' + name + ':' + oldVal)) {
+        // style 中已经有
+        style = style.replace(';' + name + ':' + oldVal, ';' + name + ':' + value)
+      } else {
+        // 没有则新增
+        style += ';' + name + ':' + value
+      }
+      this.root._setData(`${this.opts[7]}.${i}.attrs.style`, style)
+    }
+  },
+  handler (file) {
+    if (file.isBuffer()) {
+      let content = file.contents.toString()
+      if (file.path.includes('mp-html.vue')) {
+        // 传递 editable 属性和路径
+        content = content.replace(/opts\s*=\s*"\[([^\]]+)\]"/, 'opts="[$1,editable,placeholder,\'nodes\']"')
+          .replace(/<view(.*?):style\s*=\s*"containerStyle"/, '<view$1:style="(editable?\'min-height:200px;\':\'\')+containerStyle" @tap="_containTap"')
+          // 工具弹窗
+          .replace(/<\/view>\s*<\/template>/, `  <view v-if="tooltip" class="_tooltip_contain" :style="'top:'+tooltip.top+'px'">
+      <view class="_tooltip">
+        <view v-for="(item, index) in tooltip.items" v-bind:key="index" class="_tooltip_item" :data-i="index" @tap="_tooltipTap">{{item}}</view>
+      </view>
+    </view>
+    <view v-if="slider" class="_slider" :style="'top:'+slider.top+'px'">
+      <slider :value="slider.value" :min="slider.min" :max="slider.max" handle-size="14" block-size="14" show-value activeColor="white" style="padding:3px" @changing="_sliderChanging" @change="_sliderChange" />
+    </view>
+    <view v-if="color" class="_tooltip_contain" :style="'top:'+color.top+'px'">
+      <view class="_tooltip" style="overflow-y: hidden;">
+        <view v-for="(item, index) in color.items" v-bind:key="index" class="_color_item" :style="'background-color:'+item" :data-i="index" @tap="_colorTap"></view>
+      </view>
+    </view>
+  </view>
+</template>`)
+          // 添加 data
+          .replace(/data\s*\(\)\s*{\s*return\s*{/, `data() {
+    return {
+      tooltip: null,
+      slider: null,
+      color: null,`)
+          // 添加 editable 属性
+          .replace(/props\s*:\s*{/, `props: {
+    editable: [Boolean, String],
+    placeholder: String,`)
+          // 添加 watch
+          .replace(/watch\s*:\s*{/, `watch: {
+    editable(val) {
+      this.setContent(val ? this.content : this.getContent())
+      if (!val)
+        this._maskTap()
+    },`)
+          .replace(/if\s*\(this.content/, 'if ((this.content || this.editable)')
+          // 处理各类弹窗的事件
+          .replace(/methods\s*:\s*{/, `methods: {
+    _containTap() {
+      if (!this._lock && !this.slider && !this.color) {
+        this._edit = undefined
+        this._maskTap()
+      }
+    },
+    _tooltipTap(e) {
+      this._tooltipcb(e.currentTarget.dataset.i)
+      this.$set(this, 'tooltip', null)
+    },
+    _sliderChanging(e) {
+      this._slideringcb(e.detail.value)
+    },
+    _sliderChange(e) {
+      this._slidercb(e.detail.value)
+    },
+    _colorTap(e) {
+      this._colorcb(e.currentTarget.dataset.i)
+      this.$set(this, 'color', null)
+    },`)
+          // 工具弹窗的样式
+          .replace('</style>', `
+/* 提示条 */
+._tooltip_contain {
+  position: absolute;
+  right: 20px;
+  left: 20px;
+  text-align: center;
+}
+
+._tooltip {
+  box-sizing: border-box;
+  display: inline-block;
+  width: auto;
+  max-width: 100%;
+  height: 30px;
+  padding: 0 3px;
+  overflow: scroll;
+  font-size: 14px;
+  line-height: 30px;
+  white-space: nowrap;
+}
+
+._tooltip_item {
+  display: inline-block;
+  width: auto;
+  padding: 0 2vw;
+  line-height: 30px;
+  background-color: black;
+  color: white;
+}
+
+._color_item {
+  display: inline-block;
+  width: 18px;
+  height: 18px;
+  margin: 5px 2vw;
+  border:1px solid #dfe2e5;
+  border-radius: 50%;
+}
+
+/* 图片宽度滚动条 */
+._slider {
+  position: absolute;
+  left: 20px;
+  width: 220px;
+}
+
+._tooltip,
+._slider {
+  background-color: black;
+  border-radius: 3px;
+  opacity: 0.75;
+}
+</style>`)
+      } else if (file.path.includes('parser.js')) {
+        // 不做 expose 处理
+        content = content.replace(/parser.prototype.expose\s*=\s*function\s*\(\)\s*{/, `parser.prototype.expose = function () {
+  if (this.options.editable) return`)
+          .replace(/popNode\s*=\s*function\s*\(\)\s*{/, 'popNode = function () {\n  const editable = this.options.editable')
+          // 不转换标签名
+          .replace(/if\s*\(config.blockTags\[node.name\]\)\s*{[\s\S]+?}/, `if (config.blockTags[node.name]) {
+    if (!editable) {
+      node.name = 'div'
+    }
+  }`)
+          // 转换表格和列表
+          .replace(/else\s*if\s*\(node.c\)/, 'else if (!editable && node.c )')
+          .replace(/node.c(\)|\s*&&|\s*\n)/g, '(node.c || editable)$1')
+          .replace(/while\s*\(map\[row\s*\+\s*'.'\s*\+\s*col\]\)\s*{[\s\S]+?}/, `while (map[row + '.' + col]) {
+            col++
+          }
+          if (editable) {
+            td.r = row
+          }`)
+          .replace(/let\s+str\s*=\s*'<video style="width:100%;height:100%"'/, `let str = '<video style="width:100%;height:100%"'
+    if (editable) {
+      attrs.controls = ''
+    }`)
+      } else if (file.path.includes('node.vue')) {
+        content =
+          // 传递 opts
+          content.replace(/:childs\s*=\s*"tbody.children"\s*:opts="opts"/, ':childs="tbody.children" :opts="[opts[0],opts[1],opts[2],opts[3],opts[4],opts[5],opts[6],opts[7]+\'.\'+i+\'.children.\'+x+\'.children\']"')
+            .replace(/:childs\s*=\s*"n2.children"\s*:opts="opts"/, ':childs="n2.children" :opts="[opts[0],opts[1],opts[2],opts[3],opts[4],opts[5],opts[6],opts[7]+\'.\'+i+\'.children.\'+j+\'.children\']"')
+            .replace(/:childs\s*=\s*"tr.children"\s*:opts="opts"/, ':childs="tr.children" :opts="[opts[0],opts[1],opts[2],opts[3],opts[4],opts[5],opts[6],opts[7]+\'.\'+i+\'.children.\'+x+\'.children.\'+y+\'.children\']"')
+            .replace(/:childs\s*=\s*"td.children"\s*:opts="opts"/, ':childs="td.children" :opts="[opts[0],opts[1],opts[2],opts[3],opts[4],opts[5],opts[6],opts[7]+\'.\'+i+\'.children.\'+x+\'.children.\'+y+\'.children.\'+z+\'.children\']"')
+            .replace(/opts\s*=\s*"opts"/g, 'opts="[opts[0],opts[1],opts[2],opts[3],opts[4],opts[5],opts[6],opts[7]+\'.\'+i+\'.children\']"')
+            // 不使用 rich-text
+            .replace(/!n.c/g, '!opts[5]&&!n.c').replace('&&n.c', '&&(n.c||opts[5])')
+            // 修改普通标签
+            .replace(/<view\s+:id(.+?)style="/, '<view @tap="nodeTap" :id$1style="(ctrl.root&&opts[5]!==\'simple\'?\'border:1px solid black;padding:5px;display:block;\':\'\')+')
+            // 修改文本块
+            .replace(/<!--\s*文本\s*-->[\s\S]+?<!--\s*链接\s*-->/,
+              `<!-- 文本 -->
+      <text v-else-if="n.type==='text'&&!ctrl['e'+i]" :data-i="i" :user-select="opts[4]" :decode="!opts[5]" @tap="editStart">{{n.text}}
+        <text v-if="!n.text" style="color:gray">{{opts[6]||'请输入'}}</text>
+      </text>
+      <text v-else-if="n.type==='text'&&ctrl['e'+i]===1" :data-i="i" style="border:1px dashed black;min-width:50px;width:auto;padding:5px;display:block" @tap.stop="editStart">{{n.text}}
+        <text v-if="!n.text" style="color:gray">{{opts[6]||'请输入'}}</text>
+      </text>
+      <textarea v-else-if="n.type==='text'" :style="opts[5]==='simple'?'':'border:1px dashed black;'+'min-width:50px;width:auto;padding:5px'" auto-height maxlength="-1" :focus="ctrl['e'+i]===3" :value="n.text" :data-i="i" @input="editInput" @blur="editEnd" />
+      <text v-else-if="n.name==='br'">\\n</text>
+      <!-- 链接 -->`)
+            // 修改图片
+            .replace(/<image(.+?)id="n.attrs.id/, '<image$1id="n.attrs.id||(\'n\'+i)')
+            .replace('height:1px', "height:'+(ctrl['h'+i]||1)+'px")
+            .replace(/:style\s*=\s*"\(ctrl\[i\]/g, ':style="(ctrl[\'e\'+i]&&opts[5]!==\'simple\'?\'border:1px dashed black;padding:3px;\':\'\')+(ctrl[i]')
+            .replace(/show-menu-by-longpress\s*=\s*"(\S+?)"\s*:image-menu-prevent\s*=\s*"(\S+?)"/, 'show-menu-by-longpress="!opts[5]&&$1" :image-menu-prevent="opts[5]||$2"')
+            // 修改音视频
+            .replace('v-else-if="n.html"', 'v-else-if="n.html" :data-i="i" @tap="mediaTap"')
+            .replace('<video', '<video :show-center-play-btn="!opts[5]" @tap="mediaTap"')
+            .replace('<audio ', '<audio @tap="mediaTap" ')
+            .replace('<my-audio ', '<my-audio @onClick="mediaTap($event, i)" ')
+            .replace('card ', 'card @click="mediaTap($event, i)" ')
+            .replace('<script>',
+              `<script>
+import Parser from '../parser'
+function getTop(e) {
+  let top
+  // #ifdef H5 && VUE3
+  top = e.pageY
+  // #endif
+  // #ifdef (H5 && VUE2) || APP-PLUS
+  top = e.touches[0].pageY
+  // #endif
+  // #ifdef MP-ALIPAY
+  top = e.detail.pageY
+  // #endif
+  // #ifndef H5 || MP-ALIPAY || APP-PLUS
+  top = e.detail.y
+  // #endif
+  if (top - e.currentTarget.offsetTop < 150 || top < 600) {
+    top = e.currentTarget.offsetTop
+  }
+  if (top < 30) {
+    top += 70
+  }
+  return top - 30
+}`)
+            // 周期处理
+            .replace(/beforeDestroy\s*\(\)\s*{/, `beforeDestroy () {
+  if (this.root && this.root._edit === this) {
+    this.root._edit = undefined
+  }`)
+            // 记录图片宽度
+            .replace(/imgLoad\s*\(e\)\s*{/, `imgLoad(e) {
+      // #ifdef MP-WEIXIN || MP-QQ
+      if (this.opts[5])
+        this.$nextTick(() => {
+          const id = this.childs[i].attrs.id || ('n' + i)
+          uni.createSelectorQuery().in(this).select('#' + id).boundingClientRect().exec(res => {
+            this.$set(this.ctrl, 'h'+i, res[0].height)
+          })
+        })
+      // #endif`)
+            .replace(/if\s*\(!this.childs\[i\].w\)\s*{[\s\S]+?}/,
+              `if (!this.childs[i].w) {
+        this.$set(this.ctrl, i, e.detail.width)
+        if (this.opts[5]) {
+          const path = this.opts[7] + '.' + i + '.attrs.'
+          if (e.detail.width < 150)
+            this.root._setData(path + 'ignore', 'T')
+          this.root._setData(path + 'width', e.detail.width.toString())
+        }
+      }`)
+            // 处理图片长按
+            .replace(/imgLongTap\s*\(\)\s*{/, `imgLongTap() {
+      if (this.opts[5]) return`)
+            // 处理图片点击
+            .replace(/imgTap\s*\(e\)\s*{([\s\S]+?)},\s*\/\*/,
+              `imgTap (e) {
+      if (!this.opts[5]) {$1} else {
+        const i = e.currentTarget.dataset.i
+        const node = this.childs[i]
+        const items = this.root._getItem(node)
+        const parser = new Parser(this.root)
+        this.root._edit = this
+        this.i = i
+        this.root._maskTap()
+        this.$set(this.ctrl, 'e' + i, 1)
+        this.root._mask.push(() => this.$set(this.ctrl, 'e' + i, 0))
+        this.root._tooltip({
+          top: getTop(e),
+          items,
+          success: tapIndex => {
+            if (items[tapIndex] === '换图') {
+              // 换图
+              this.root.getSrc('img', node.attrs.src || '').then(url => {
+                this.root._editVal(this.opts[7] + '.' + i + '.attrs.src', node.attrs.src, parser.getUrl(url instanceof Array ? url[0] : url), true)
+              }).catch(() => { })
+            } else if (items[tapIndex] === '宽度') {
+              // 更改宽度
+              const style = node.attrs.style || ''
+              let value = style.match(/max-width:([0-9]+)%/)
+              if (value) {
+                value = parseInt(value[1])
+              } else {
+                value = 100
+              }
+              this.root._slider({
+                min: 0,
+                max: 100,
+                value,
+                top: getTop(e),
+                changing: val => {
+                  // 变化超过 5% 更新时视图
+                  if (Math.abs(val - value) > 5) {
+                    this.changeStyle('max-width', i, val + '%', value + '%')
+                    value = val
+                  }
+                },
+                change: val => {
+                  if (val !== value) {
+                    this.changeStyle('max-width', i, val + '%', value + '%')
+                    value = val
+                  }
+                  this.root._editVal(this.opts[7] + '.' + i + '.attrs.style', style, this.childs[i].attrs.style)
+                }
+              })
+            } else if (items[tapIndex] === '超链接') {
+              // 将图片设置为链接
+              this.root.getSrc('link', node.a ? node.a.href : '').then(url => {
+                // 如果有 a 标签则替换 href
+                if (node.a) {
+                  this.root._editVal(this.opts[7] + '.' + i + '.a.href', node.a.href, parser.getUrl(url), true)
+                } else {
+                  const link = {
+                    name: 'a',
+                    attrs: {
+                      href: parser.getUrl(url)
+                    },
+                    children: [node]
+                  }
+                  node.a = link.attrs
+                  this.root._editVal(this.opts[7] + '.' + i, node, link, true)
+                }
+                wx.showToast({
+                  title: '成功'
+                })
+              }).catch(() => { })
+            } else if (items[tapIndex] === '预览图') {
+              // 设置预览图链接
+              this.root.getSrc('img', node.attrs['original-src'] || '').then(url => {
+                this.root._editVal(this.opts[7] + '.' + i + '.attrs.original-src', node.attrs['original-src'], parser.getUrl(url instanceof Array ? url[0] : url), true)
+                uni.showToast({
+                  title: '成功'
+                })
+              }).catch(() => { })
+            } else if (items[tapIndex] === '删除') {
+              this.remove(i)
+            } else {
+              // 禁用 / 启用预览
+              this.root._setData(this.opts[7] + '.' + i + '.attrs.ignore', !node.attrs.ignore)
+              uni.showToast({
+                title: '成功'
+              })
+            }
+          }
+        })
+        this.root._lock = true
+        setTimeout(() => {
+          this.root._lock = false
+        }, 50)
+      }
+    },
+    /*`)
+            // 处理链接点击
+            .replace(/linkTap\s*\(e\)\s*{([\s\S]+?)},\s*\/\*/,
+              `linkTap (e) {
+      if (!this.opts[5]) {$1} else {
+        const i = e.currentTarget.dataset.i
+        const node = this.childs[i]
+        const items = this.root._getItem(node)
+        this.root._tooltip({
+          top: getTop(e),
+          items,
+          success: tapIndex => {
+            if (items[tapIndex] === '更换链接') {
+              this.root.getSrc('link', node.attrs.href).then(url => {
+                this.root._editVal(this.opts[7] + '.' + i + '.attrs.href', node.attrs.href, url, true)
+                uni.showToast({
+                  title: '成功'
+                })
+              }).catch(() => { })
+            } else {
+              this.remove(i)
+            }
+          }
+        })
+      }
+    },
+    /*`)
+      }
+      file.contents = Buffer.from(content)
+    }
+  }
+}
diff --git a/wechat-mini-program/components/mp-html/plugins/editable/uni-app/index.js b/wechat-mini-program/components/mp-html/plugins/editable/uni-app/index.js
new file mode 100644
index 0000000..a8927e0
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/editable/uni-app/index.js
@@ -0,0 +1,553 @@
+/**
+ * @fileoverview editable 插件
+ */
+const config = require('./config')
+const Parser = require('../parser')
+
+function Editable (vm) {
+  this.vm = vm
+  this.editHistory = [] // 历史记录
+  this.editI = -1 // 历史记录指针
+  vm._mask = [] // 蒙版被点击时进行的操作
+
+  vm._setData = function (path, val) {
+    const paths = path.split('.')
+    let target = vm
+    for (let i = 0; i < paths.length - 1; i++) {
+      target = target[paths[i]]
+    }
+    vm.$set(target, paths.pop(), val)
+  }
+
+  /**
+   * @description 移动历史记录指针
+   * @param {Number} num 移动距离
+   */
+  const move = num => {
+    setTimeout(() => {
+      const item = this.editHistory[this.editI + num]
+      if (item) {
+        this.editI += num
+        vm._setData(item.key, item.value)
+      }
+    }, 200)
+  }
+  vm.undo = () => move(-1) // 撤销
+  vm.redo = () => move(1) // 重做
+
+  /**
+   * @description 更新记录
+   * @param {String} path 更新内容路径
+   * @param {*} oldVal 旧值
+   * @param {*} newVal 新值
+   * @param {Boolean} set 是否更新到视图
+   * @private
+   */
+  vm._editVal = (path, oldVal, newVal, set) => {
+    // 当前指针后的内容去除
+    while (this.editI < this.editHistory.length - 1) {
+      this.editHistory.pop()
+    }
+
+    // 最多存储 30 条操作记录
+    while (this.editHistory.length > 30) {
+      this.editHistory.pop()
+      this.editI--
+    }
+
+    const last = this.editHistory[this.editHistory.length - 1]
+    if (!last || last.key !== path) {
+      if (last) {
+        // 去掉上一次的新值
+        this.editHistory.pop()
+        this.editI--
+      }
+      // 存入这一次的旧值
+      this.editHistory.push({
+        key: path,
+        value: oldVal
+      })
+      this.editI++
+    }
+
+    // 存入本次的新值
+    this.editHistory.push({
+      key: path,
+      value: newVal
+    })
+    this.editI++
+
+    // 更新到视图
+    if (set) {
+      vm._setData(path, newVal)
+    }
+  }
+
+  /**
+   * @description 获取菜单项
+   * @private
+   */
+  vm._getItem = function (node, up, down) {
+    let items
+    let i
+    if (node === 'color') {
+      return config.color
+    }
+    if (node.name === 'img') {
+      items = config.img.slice(0)
+      if (!vm.getSrc) {
+        i = items.indexOf('换图')
+        if (i !== -1) {
+          items.splice(i, 1)
+        }
+        i = items.indexOf('超链接')
+        if (i !== -1) {
+          items.splice(i, 1)
+        }
+        i = items.indexOf('预览图')
+        if (i !== -1) {
+          items.splice(i, 1)
+        }
+      }
+      i = items.indexOf('禁用预览')
+      if (i !== -1 && node.attrs.ignore) {
+        items[i] = '启用预览'
+      }
+    } else if (node.name === 'a') {
+      items = config.link.slice(0)
+      if (!vm.getSrc) {
+        i = items.indexOf('更换链接')
+        if (i !== -1) {
+          items.splice(i, 1)
+        }
+      }
+    } else if (node.name === 'video' || node.name === 'audio') {
+      items = config.media.slice(0)
+      i = items.indexOf('封面')
+      if (!vm.getSrc && i !== -1) {
+        items.splice(i, 1)
+      }
+      i = items.indexOf('循环')
+      if (node.attrs.loop && i !== -1) {
+        items[i] = '不循环'
+      }
+      i = items.indexOf('自动播放')
+      if (node.attrs.autoplay && i !== -1) {
+        items[i] = '不自动播放'
+      }
+    } else if (node.name === 'card') {
+      items = config.card.slice(0)
+    } else {
+      items = config.node.slice(0)
+    }
+    if (!up) {
+      i = items.indexOf('上移')
+      if (i !== -1) {
+        items.splice(i, 1)
+      }
+    }
+    if (!down) {
+      i = items.indexOf('下移')
+      if (i !== -1) {
+        items.splice(i, 1)
+      }
+    }
+    return items
+  }
+
+  /**
+   * @description 显示 tooltip
+   * @param {object} obj
+   * @private
+   */
+  vm._tooltip = function (obj) {
+    vm.$set(vm, 'tooltip', {
+      top: obj.top,
+      items: obj.items
+    })
+    vm._tooltipcb = obj.success
+  }
+
+  /**
+   * @description 显示滚动条
+   * @param {object} obj
+   * @private
+   */
+  vm._slider = function (obj) {
+    vm.$set(vm, 'slider', {
+      min: obj.min,
+      max: obj.max,
+      value: obj.value,
+      top: obj.top
+    })
+    vm._slideringcb = obj.changing
+    vm._slidercb = obj.change
+  }
+
+  /**
+   * @description 显示颜色选择
+   * @param {object} obj
+   * @private
+   */
+  vm._color = function (obj) {
+    vm.$set(vm, 'color', {
+      items: obj.items,
+      top: obj.top
+    })
+    vm._colorcb = obj.success
+  }
+
+  /**
+   * @description 点击蒙版
+   * @private
+   */
+  vm._maskTap = function () {
+    // 隐藏所有悬浮窗
+    while (vm._mask.length) {
+      (vm._mask.pop())()
+    }
+    if (vm.tooltip) {
+      vm.$set(vm, 'tooltip', null)
+    }
+    if (vm.slider) {
+      vm.$set(vm, 'slider', null)
+    }
+    if (vm.color) {
+      vm.$set(vm, 'color', null)
+    }
+  }
+
+  /**
+   * @description 插入节点
+   * @param {Object} node
+   */
+  function insert (node) {
+    if (vm._edit) {
+      vm._edit.insert(node)
+    } else {
+      const nodes = vm.nodes.slice(0)
+      nodes.push(node)
+      vm._editVal('nodes', vm.nodes, nodes, true)
+    }
+  }
+
+  /**
+   * @description 在光标处插入指定 html 内容
+   * @param {String} html 内容
+   */
+  vm.insertHtml = html => {
+    this.inserting = true
+    const arr = new Parser(vm).parse(html)
+    this.inserting = undefined
+    for (let i = 0; i < arr.length; i++) {
+      insert(arr[i])
+    }
+  }
+
+  /**
+   * @description 在光标处插入图片
+   */
+  vm.insertImg = function () {
+    vm.getSrc && vm.getSrc('img').then(src => {
+      if (typeof src === 'string') {
+        src = [src]
+      }
+      const parser = new Parser(vm)
+      for (let i = 0; i < src.length; i++) {
+        insert({
+          name: 'img',
+          attrs: {
+            src: parser.getUrl(src[i])
+          }
+        })
+      }
+    }).catch(() => { })
+  }
+
+  /**
+   * @description 在光标处插入一个链接
+   */
+  vm.insertLink = function () {
+    vm.getSrc && vm.getSrc('link').then(url => {
+      insert({
+        name: 'a',
+        attrs: {
+          href: url
+        },
+        children: [{
+          type: 'text',
+          text: url
+        }]
+      })
+    }).catch(() => { })
+  }
+
+  /**
+   * @description 在光标处插入一个表格
+   * @param {Number} rows 行数
+   * @param {Number} cols 列数
+   */
+  vm.insertTable = function (rows, cols) {
+    const table = {
+      name: 'table',
+      attrs: {
+        style: 'display:table;width:100%;margin:10px 0;text-align:center;border-spacing:0;border-collapse:collapse;border:1px solid gray'
+      },
+      children: []
+    }
+    for (let i = 0; i < rows; i++) {
+      const tr = {
+        name: 'tr',
+        attrs: {},
+        children: []
+      }
+      for (let j = 0; j < cols; j++) {
+        tr.children.push({
+          name: 'td',
+          attrs: {
+            style: 'padding:2px;border:1px solid gray'
+          },
+          children: [{
+            type: 'text',
+            text: ''
+          }]
+        })
+      }
+      table.children.push(tr)
+    }
+    insert(table)
+  }
+
+  /**
+   * @description 插入视频/音频
+   * @param {Object} node
+   */
+  function insertMedia (node) {
+    if (typeof node.src === 'string') {
+      node.src = [node.src]
+    }
+    const parser = new Parser(vm)
+    // 拼接主域名
+    for (let i = 0; i < node.src.length; i++) {
+      node.src[i] = parser.getUrl(node.src[i])
+    }
+    insert({
+      name: 'div',
+      attrs: {
+        style: 'text-align:center'
+      },
+      children: [node]
+    })
+  }
+
+  /**
+   * @description 在光标处插入一个视频
+   */
+  vm.insertVideo = function () {
+    vm.getSrc && vm.getSrc('video').then(src => {
+      insertMedia({
+        name: 'video',
+        attrs: {
+          controls: 'T'
+        },
+        children: [],
+        src,
+        // #ifdef APP-PLUS
+        html: `<video src="${src}" style="width:100%;height:100%"></video>`
+        // #endif
+      })
+    }).catch(() => { })
+  }
+
+  /**
+   * @description 在光标处插入一个音频
+   */
+  vm.insertAudio = function () {
+    vm.getSrc && vm.getSrc('audio').then(attrs => {
+      let src
+      if (attrs.src) {
+        src = attrs.src
+        attrs.src = undefined
+      } else {
+        src = attrs
+        attrs = {}
+      }
+      attrs.controls = 'T'
+      insertMedia({
+        name: 'audio',
+        attrs,
+        children: [],
+        src
+      })
+    }).catch(() => { })
+  }
+
+  /**
+   * @description 在光标处插入一段文本
+   */
+  vm.insertText = function () {
+    insert({
+      name: 'p',
+      attrs: {},
+      children: [{
+        type: 'text',
+        text: ''
+      }]
+    })
+  }
+
+  /**
+   * @description 清空内容
+   */
+  vm.clear = function () {
+    vm._maskTap()
+    vm._edit = undefined
+    vm.$set(vm, 'nodes', [{
+      name: 'p',
+      attrs: {},
+      children: [{
+        type: 'text',
+        text: ''
+      }]
+    }])
+  }
+
+  /**
+   * @description 获取编辑后的 html
+   */
+  vm.getContent = function () {
+    let html = '';
+    // 递归遍历获取
+    (function traversal (nodes, table) {
+      for (let i = 0; i < nodes.length; i++) {
+        let item = nodes[i]
+        if (item.type === 'text') {
+          html += item.text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\n/g, '<br>').replace(/\xa0/g, '&nbsp;') // 编码实体
+        } else {
+          if (item.name === 'img') {
+            item.attrs.i = ''
+            // 还原被转换的 svg
+            if ((item.attrs.src || '').includes('data:image/svg+xml;utf8,')) {
+              html += item.attrs.src.substr(24).replace(/%23/g, '#').replace('<svg', '<svg style="' + (item.attrs.style || '') + '"')
+              continue
+            }
+          } else if (item.name === 'video' || item.name === 'audio') {
+            // 还原 video 和 audio 的 source
+            item = JSON.parse(JSON.stringify(item))
+            if (item.src.length > 1) {
+              item.children = []
+              for (let j = 0; j < item.src.length; j++) {
+                item.children.push({
+                  name: 'source',
+                  attrs: {
+                    src: item.src[j]
+                  }
+                })
+              }
+            } else {
+              item.attrs.src = item.src[0]
+            }
+          } else if (item.name === 'div' && (item.attrs.style || '').includes('overflow:auto') && (item.children[0] || {}).name === 'table') {
+            // 还原滚动层
+            item = item.children[0]
+          }
+          // 还原 table
+          if (item.name === 'table') {
+            item = JSON.parse(JSON.stringify(item))
+            table = item.attrs
+            if ((item.attrs.style || '').includes('display:grid')) {
+              item.attrs.style = item.attrs.style.split('display:grid')[0]
+              const children = [{
+                name: 'tr',
+                attrs: {},
+                children: []
+              }]
+              for (let j = 0; j < item.children.length; j++) {
+                item.children[j].attrs.style = item.children[j].attrs.style.replace(/grid-[^;]+;*/g, '')
+                if (item.children[j].r !== children.length) {
+                  children.push({
+                    name: 'tr',
+                    attrs: {},
+                    children: [item.children[j]]
+                  })
+                } else {
+                  children[children.length - 1].children.push(item.children[j])
+                }
+              }
+              item.children = children
+            }
+          }
+          html += '<' + item.name
+          for (const attr in item.attrs) {
+            let val = item.attrs[attr]
+            if (!val) continue
+            if (val === 'T' || val === true) {
+              // bool 型省略值
+              html += ' ' + attr
+              continue
+            } else if (item.name[0] === 't' && attr === 'style' && table) {
+              // 取消为了显示 table 添加的 style
+              val = val.replace(/;*display:table[^;]*/, '')
+              if (table.border) {
+                val = val.replace(/border[^;]+;*/g, $ => $.includes('collapse') ? $ : '')
+              }
+              if (table.cellpadding) {
+                val = val.replace(/padding[^;]+;*/g, '')
+              }
+              if (!val) continue
+            }
+            html += ' ' + attr + '="' + val.replace(/"/g, '&quot;') + '"'
+          }
+          html += '>'
+          if (item.children) {
+            traversal(item.children, table)
+            html += '</' + item.name + '>'
+          }
+        }
+      }
+    })(vm.nodes)
+
+    // 其他插件处理
+    for (let i = vm.plugins.length; i--;) {
+      if (vm.plugins[i].onGetContent) {
+        html = vm.plugins[i].onGetContent(html) || html
+      }
+    }
+
+    return html
+  }
+}
+
+Editable.prototype.onUpdate = function (content, config) {
+  if (this.vm.editable) {
+    this.vm._maskTap()
+    config.entities.amp = '&'
+    if (!this.inserting) {
+      this.vm._edit = undefined
+      if (!content) {
+        setTimeout(() => {
+          this.vm.$set(this.vm, 'nodes', [{
+            name: 'p',
+            attrs: {},
+            children: [{
+              type: 'text',
+              text: ''
+            }]
+          }])
+        }, 0)
+      }
+    }
+  }
+}
+
+Editable.prototype.onParse = function (node) {
+  // 空白单元格可编辑
+  if (this.vm.editable && (node.name === 'td' || node.name === 'th') && !this.vm.getText(node.children)) {
+    node.children.push({
+      type: 'text',
+      text: ''
+    })
+  }
+}
+
+module.exports = Editable
diff --git a/wechat-mini-program/components/mp-html/plugins/emoji/README.md b/wechat-mini-program/components/mp-html/plugins/emoji/README.md
new file mode 100644
index 0000000..6e7fe45
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/emoji/README.md
@@ -0,0 +1,15 @@
+# emoji
+功能：解析 *emoji*  
+大小：*≈3KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √ |
+
+说明：  
+将形如 *[笑脸]* 的文本替换为 *emoji* 字符 😄  
+匹配模式可以通过修改 *reg* 变量实现  
+默认配置了 *177* 个常用的 *emoji* 小表情，可以自行按照需要修改 *data* 变量  
+
+?> 与 *editable* 插件共用时，导出编辑好的 *html* 内容，会将 *emoji* 字符编码为文本形式，便于存储  
diff --git a/wechat-mini-program/components/mp-html/plugins/emoji/index.js b/wechat-mini-program/components/mp-html/plugins/emoji/index.js
new file mode 100644
index 0000000..54cee46
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/emoji/index.js
@@ -0,0 +1,203 @@
+/**
+ * @fileoverview emoji 插件
+ */
+const reg = /\[(\S+?)\]/g
+const data = {
+  笑脸: '😄',
+  生病: '😷',
+  破涕为笑: '😂',
+  吐舌: '😝',
+  脸红: '😳',
+  恐惧: '😱',
+  失望: '😔',
+  无语: '😒',
+  眨眼: '😉',
+  酷: '😎',
+  哭: '😭',
+  痴迷: '😍',
+  吻: '😘',
+  思考: '🤔',
+  困惑: '😕',
+  颠倒: '🙃',
+  钱: '🤑',
+  惊讶: '😲',
+  白眼: '🙄',
+  叹气: '😤',
+  睡觉: '😴',
+  书呆子: '🤓',
+  愤怒: '😡',
+  面无表情: '😑',
+  张嘴: '😮',
+  量体温: '🤒',
+  呕吐: '🤮',
+  光环: '😇',
+  幽灵: '👻',
+  外星人: '👽',
+  机器人: '🤖',
+  捂眼镜: '🙈',
+  捂耳朵: '🙉',
+  捂嘴: '🙊',
+  婴儿: '👶',
+  男孩: '👦',
+  女孩: '👧',
+  男人: '👨',
+  女人: '👩',
+  老人: '👴',
+  老妇人: '👵',
+  警察: '👮',
+  王子: '🤴',
+  公主: '🤴',
+  举手: '🙋',
+  跑步: '🏃',
+  家庭: '👪',
+  眼睛: '👀',
+  鼻子: '👃',
+  耳朵: '👂',
+  舌头: '👅',
+  嘴: '👄',
+  心: '❤️',
+  心碎: '💔',
+  雪人: '☃️',
+  情书: '💌',
+  大便: '💩',
+  闹钟: '⏰',
+  眼镜: '👓',
+  雨伞: '☂️',
+  音乐: '🎵',
+  话筒: '🎤',
+  游戏机: '🎮',
+  喇叭: '📢',
+  耳机: '🎧',
+  礼物: '🎁',
+  电话: '📞',
+  电脑: '💻',
+  打印机: '🖨️',
+  手电筒: '🔦',
+  灯泡: '💡',
+  书本: '📖',
+  信封: '✉️',
+  药丸: '💊',
+  口红: '💄',
+  手机: '📱',
+  相机: '📷',
+  电视: '📺',
+  中: '🀄',
+  垃圾桶: '🚮',
+  厕所: '🚾',
+  感叹号: '❗',
+  禁: '🈲',
+  可: '🉑',
+  彩虹: '🌈',
+  旋风: '🌀',
+  雷电: '⚡',
+  雪花: '❄️',
+  星星: '⭐',
+  水滴: '💧',
+  玫瑰: '🌹',
+  加油: '💪',
+  左: '👈',
+  右: '👉',
+  上: '👆',
+  下: '👇',
+  手掌: '🖐️',
+  好的: '👌',
+  好: '👍',
+  差: '👎',
+  胜利: '✌',
+  拳头: '👊',
+  挥手: '👋',
+  鼓掌: '👏',
+  猴子: '🐒',
+  狗: '🐶',
+  狼: '🐺',
+  猫: '🐱',
+  老虎: '🐯',
+  马: '🐎',
+  独角兽: '🦄',
+  斑马: '🦓',
+  鹿: '🦌',
+  牛: '🐮',
+  猪: '🐷',
+  羊: '🐏',
+  长颈鹿: '🦒',
+  大象: '🐘',
+  老鼠: '🐭',
+  蝙蝠: '🦇',
+  刺猬: '🦔',
+  熊猫: '🐼',
+  鸽子: '🕊️',
+  鸭子: '🦆',
+  兔子: '🐇',
+  老鹰: '🦅',
+  青蛙: '🐸',
+  蛇: '🐍',
+  龙: '🐉',
+  鲸鱼: '🐳',
+  海豚: '🐬',
+  足球: '⚽',
+  棒球: '⚾',
+  篮球: '🏀',
+  排球: '🏐',
+  橄榄球: '🏉',
+  网球: '🎾',
+  骰子: '🎲',
+  鸡腿: '🍗',
+  蛋糕: '🎂',
+  啤酒: '🍺',
+  饺子: '🥟',
+  汉堡: '🍔',
+  薯条: '🍟',
+  意大利面: '🍝',
+  干杯: '🥂',
+  筷子: '🥢',
+  糖果: '🍬',
+  奶瓶: '🍼',
+  爆米花: '🍿',
+  邮局: '🏤',
+  医院: '🏥',
+  银行: '🏦',
+  酒店: '🏨',
+  学校: '🏫',
+  城堡: '🏰',
+  火车: '🚂',
+  高铁: '🚄',
+  地铁: '🚇',
+  公交: '🚌',
+  救护车: '🚑',
+  消防车: '🚒',
+  警车: '🚓',
+  出租车: '🚕',
+  汽车: '🚗',
+  货车: '🚛',
+  自行车: '🚲',
+  摩托: '🛵',
+  红绿灯: '🚥',
+  帆船: '⛵',
+  游轮: '🛳️',
+  轮船: '⛴️',
+  飞机: '✈️',
+  直升机: '🚁',
+  缆车: '🚠',
+  警告: '⚠️',
+  禁止: '⛔'
+}
+
+function Emoji () {
+
+}
+
+Emoji.prototype.onUpdate = function (content) {
+  return content.replace(reg, ($, $1) => {
+    if (data[$1]) return data[$1]
+    return $
+  })
+}
+
+Emoji.prototype.onGetContent = function (content) {
+  for (const item in data) {
+    content = content.replace(new RegExp(data[item], 'g'), '[' + item + ']')
+  }
+  return content
+}
+
+module.exports = Emoji
diff --git a/wechat-mini-program/components/mp-html/plugins/highlight/README.md b/wechat-mini-program/components/mp-html/plugins/highlight/README.md
new file mode 100644
index 0000000..a0bdfee
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/highlight/README.md
@@ -0,0 +1,26 @@
+# highlight
+功能：代码块高亮显示  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √ |
+
+说明：  
+大小：*≈16KB*  
+编辑 *plugins/highlight/config.js* 顶部的选项，可以选择是否需要以下功能：  
+- *copyByLongPress* 是否需要长按代码块时显示复制代码内容菜单（*uni-app nvue* 暂不支持）  
+- *showLanguageName* 是否在代码块右上角显示语言的名称  
+- *showLineNumber* 是否在左侧显示行号  
+
+> 修改该配置后需要重新生成组件包，在构建后的组件包中修改配置无法生效
+
+引入本插件后，*html* 中符合以下格式的 *pre* 将被高亮处理：  
+```html
+<!-- pre 中内含一个 code，并在 pre 或 code 的 class 中设置 language- -->
+<pre><code class="language-css">p { color: red }</code></pre>
+```
+
+> 与 *editable* 插件共用时，编辑状态下，不会进行高亮，可以直接修改代码文本
+
+> 本插件的高亮功能依赖于 [prismjs](https://prismjs.com/)，默认配置中仅支持 *html*、*css*、*c-like*、*javascript* 语言和 *Tomorrow Night* 主题，如果需要更多语言或更换主题请前往 [官网](https://prismjs.com/download.html) 下载对应的 *prism.min.js* 和 *prism.css* 并替换 *plugins/highlight/* 目录下的文件  
diff --git a/wechat-mini-program/components/mp-html/plugins/highlight/config.js b/wechat-mini-program/components/mp-html/plugins/highlight/config.js
new file mode 100644
index 0000000..6bd1a29
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/highlight/config.js
@@ -0,0 +1,5 @@
+module.exports = {
+  copyByLongPress: false, // 是否需要长按代码块时显示复制代码内容菜单
+  showLanguageName: false, // 是否在代码块右上角显示语言的名称
+  showLineNumber: false // 是否显示行号
+}
diff --git a/wechat-mini-program/components/mp-html/plugins/highlight/index.js b/wechat-mini-program/components/mp-html/plugins/highlight/index.js
new file mode 100644
index 0000000..0dc2c0a
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/highlight/index.js
@@ -0,0 +1,96 @@
+/**
+ * @fileoverview highlight 插件
+ * Include prismjs (https://prismjs.com)
+ */
+const prism = require('./prism.min')
+const config = require('./config')
+const Parser = require('../parser')
+
+function Highlight (vm) {
+  this.vm = vm
+}
+
+Highlight.prototype.onParse = function (node, vm) {
+  if (node.name === 'pre') {
+    if (vm.options.editable) {
+      node.attrs.class = (node.attrs.class || '') + ' hl-pre'
+      return
+    }
+    let i
+    for (i = node.children.length; i--;) {
+      if (node.children[i].name === 'code') break
+    }
+    if (i === -1) return
+    const code = node.children[i]
+    let className = code.attrs.class + ' ' + node.attrs.class
+    i = className.indexOf('language-')
+    if (i === -1) {
+      i = className.indexOf('lang-')
+      if (i === -1) {
+        className = 'language-text'
+        i = 9
+      } else {
+        i += 5
+      }
+    } else {
+      i += 9
+    }
+    let j
+    for (j = i; j < className.length; j++) {
+      if (className[j] === ' ') break
+    }
+    const lang = className.substring(i, j)
+    if (code.children.length) {
+      const text = this.vm.getText(code.children).replace(/&amp;/g, '&')
+      if (!text) return
+      if (node.c) {
+        node.c = undefined
+      }
+      if (prism.languages[lang]) {
+        code.children = (new Parser(this.vm).parse(
+          // 加一层 pre 保留空白符
+          '<pre>' + prism.highlight(text, prism.languages[lang], lang).replace(/token /g, 'hl-') + '</pre>'))[0].children
+      }
+      node.attrs.class = 'hl-pre'
+      code.attrs.class = 'hl-code'
+      if (config.showLanguageName) {
+        node.children.push({
+          name: 'div',
+          attrs: {
+            class: 'hl-language',
+            style: 'user-select:none'
+          },
+          children: [{
+            type: 'text',
+            text: lang
+          }]
+        })
+      }
+      if (config.copyByLongPress) {
+        node.attrs.style += (node.attrs.style || '') + ';user-select:none'
+        node.attrs['data-content'] = text
+        vm.expose()
+      }
+      if (config.showLineNumber) {
+        const line = text.split('\n').length; const children = []
+        for (let k = line; k--;) {
+          children.push({
+            name: 'span',
+            attrs: {
+              class: 'span'
+            }
+          })
+        }
+        node.children.push({
+          name: 'span',
+          attrs: {
+            class: 'line-numbers-rows'
+          },
+          children
+        })
+      }
+    }
+  }
+}
+
+module.exports = Highlight
diff --git a/wechat-mini-program/components/mp-html/plugins/highlight/miniprogram/build.js b/wechat-mini-program/components/mp-html/plugins/highlight/miniprogram/build.js
new file mode 100644
index 0000000..40934b0
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/highlight/miniprogram/build.js
@@ -0,0 +1,88 @@
+const config = require('../config')
+
+const build = {
+  import: 'prism.css',
+  handler (file) {
+    if (file.path.includes('prism.css')) {
+      // 将标签名选择器和属性选择器转为 class 选择器（组件内仅支持 class 选择器）
+      file.contents = Buffer.from(file.contents.toString().replace(/pre([[)])/g, '.hl-pre$1').replace(/code/g, '.hl-code').replace(/\[class\*="?language-"?\]/g, '').replace(/:not[^,}]+[,}]*/g, '').replace(/\.token\./g, '.hl-'))
+    }
+  }
+}
+
+if (config.showLanguageName || config.showLineNumber) {
+  // pre 内部的 code 进行滚动，避免行号和语言名称跟随滚动
+  build.style = `.hl-pre {
+  position: relative;
+}
+.hl-code {
+  overflow: auto;
+  display: block;
+}`
+}
+
+if (config.copyByLongPress) {
+  build.template = '<rich-text wx:if="{{n.attrs[\'data-content\']}}" nodes="{{[n]}}" data-content="{{n.attrs[\'data-content\']}}" data-lang="{{n.attrs[\'data-lang\']}}" bindlongpress="copyCode" />'
+  build.methods = {
+    copyCode (e) {
+      wx.showActionSheet({
+        itemList: ['复制代码'],
+        success: () =>
+          wx.setClipboardData({
+            data: e.currentTarget.dataset.content
+          })
+      })
+    }
+  }
+}
+
+if (config.showLanguageName) {
+  build.style = (build.style || '') +
+    `.hl-language {
+  font-size: 12px;
+  font-weight: 600;
+  position: absolute;
+  right: 8px;
+  text-align: right;
+  top: 3px;
+}
+.hl-pre {
+  padding-top: 1.5em;
+}`
+}
+
+if (config.showLineNumber) {
+  build.style = (build.style || '') +
+    `.hl-pre {
+  font-size: 14px;
+  padding-left: 3.8em;
+  counter-reset: linenumber;
+}
+.line-numbers-rows {
+  position: absolute;
+  pointer-events: none;
+  top: ${config.showLanguageName ? 1.5 : 1}em;
+  font-size: 100%;
+  left: 0;
+  width: 3em; /* works for line-numbers below 1000 lines */
+  letter-spacing: -1px;
+  border-right: 1px solid #999;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.line-numbers-rows .span {
+  display: block;
+  counter-increment: linenumber;
+} 
+.line-numbers-rows .span:before {
+  content: counter(linenumber);
+  color: #999;
+  display: block;
+  padding-right: 0.8em;
+  text-align: right;
+}`
+}
+
+module.exports = build
diff --git a/wechat-mini-program/components/mp-html/plugins/highlight/prism.css b/wechat-mini-program/components/mp-html/plugins/highlight/prism.css
new file mode 100644
index 0000000..4967473
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/highlight/prism.css
@@ -0,0 +1,125 @@
+/* PrismJS 1.22.0
+https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript */
+/**
+ * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML
+ * Based on https://github.com/chriskempson/tomorrow-theme
+ * @author Rose Pritchard
+ */
+
+code[class*="language-"],
+pre[class*="language-"] {
+	color: #ccc;
+	background: none;
+	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	font-size: 1em;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+	line-height: 1.5;
+
+	-moz-tab-size: 4;
+	-o-tab-size: 4;
+	tab-size: 4;
+
+	-webkit-hyphens: none;
+	-moz-hyphens: none;
+	-ms-hyphens: none;
+	hyphens: none;
+
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+	padding: 1em;
+	margin: .5em 0;
+	overflow: auto;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+	background: #2d2d2d;
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+	padding: .1em;
+	border-radius: .3em;
+	white-space: normal;
+}
+
+.token.comment,
+.token.block-comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+	color: #999;
+}
+
+.token.punctuation {
+	color: #ccc;
+}
+
+.token.tag,
+.token.attr-name,
+.token.namespace,
+.token.deleted {
+	color: #e2777a;
+}
+
+.token.function-name {
+	color: #6196cc;
+}
+
+.token.boolean,
+.token.number,
+.token.function {
+	color: #f08d49;
+}
+
+.token.property,
+.token.class-name,
+.token.constant,
+.token.symbol {
+	color: #f8c555;
+}
+
+.token.selector,
+.token.important,
+.token.atrule,
+.token.keyword,
+.token.builtin {
+	color: #cc99cd;
+}
+
+.token.string,
+.token.char,
+.token.attr-value,
+.token.regex,
+.token.variable {
+	color: #7ec699;
+}
+
+.token.operator,
+.token.entity,
+.token.url {
+	color: #67cdcc;
+}
+
+.token.important,
+.token.bold {
+	font-weight: bold;
+}
+.token.italic {
+	font-style: italic;
+}
+
+.token.entity {
+	cursor: help;
+}
+
+.token.inserted {
+	color: green;
+}
+
diff --git a/wechat-mini-program/components/mp-html/plugins/highlight/prism.min.js b/wechat-mini-program/components/mp-html/plugins/highlight/prism.min.js
new file mode 100644
index 0000000..4ff62a0
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/highlight/prism.min.js
@@ -0,0 +1,7 @@
+/*! PrismJS 1.22.0
+https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript */
+var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(u){var c=/\blang(?:uage)?-([\w-]+)\b/i,n=0,M={manual:u.Prism&&u.Prism.manual,disableWorkerMessageHandler:u.Prism&&u.Prism.disableWorkerMessageHandler,util:{encode:function e(n){return n instanceof W?new W(n.type,e(n.content),n.alias):Array.isArray(n)?n.map(e):n.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++n}),e.__id},clone:function t(e,r){var a,n;switch(r=r||{},M.util.type(e)){case"Object":if(n=M.util.objId(e),r[n])return r[n];for(var i in a={},r[n]=a,e)e.hasOwnProperty(i)&&(a[i]=t(e[i],r));return a;case"Array":return n=M.util.objId(e),r[n]?r[n]:(a=[],r[n]=a,e.forEach(function(e,n){a[n]=t(e,r)}),a);default:return e}},getLanguage:function(e){for(;e&&!c.test(e.className);)e=e.parentElement;return e?(e.className.match(c)||[,"none"])[1].toLowerCase():"none"},currentScript:function(){if("undefined"==typeof document)return null;if("currentScript"in document)return document.currentScript;try{throw new Error}catch(e){var n=(/at [^(\r\n]*\((.*):.+:.+\)$/i.exec(e.stack)||[])[1];if(n){var t=document.getElementsByTagName("script");for(var r in t)if(t[r].src==n)return t[r]}return null}},isActive:function(e,n,t){for(var r="no-"+n;e;){var a=e.classList;if(a.contains(n))return!0;if(a.contains(r))return!1;e=e.parentElement}return!!t}},languages:{extend:function(e,n){var t=M.util.clone(M.languages[e]);for(var r in n)t[r]=n[r];return t},insertBefore:function(t,e,n,r){var a=(r=r||M.languages)[t],i={};for(var l in a)if(a.hasOwnProperty(l)){if(l==e)for(var o in n)n.hasOwnProperty(o)&&(i[o]=n[o]);n.hasOwnProperty(l)||(i[l]=a[l])}var s=r[t];return r[t]=i,M.languages.DFS(M.languages,function(e,n){n===s&&e!=t&&(this[e]=i)}),i},DFS:function e(n,t,r,a){a=a||{};var i=M.util.objId;for(var l in n)if(n.hasOwnProperty(l)){t.call(n,l,n[l],r||l);var o=n[l],s=M.util.type(o);"Object"!==s||a[i(o)]?"Array"!==s||a[i(o)]||(a[i(o)]=!0,e(o,t,l,a)):(a[i(o)]=!0,e(o,t,null,a))}}},plugins:{},highlightAll:function(e,n){M.highlightAllUnder(document,e,n)},highlightAllUnder:function(e,n,t){var r={callback:t,container:e,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};M.hooks.run("before-highlightall",r),r.elements=Array.prototype.slice.apply(r.container.querySelectorAll(r.selector)),M.hooks.run("before-all-elements-highlight",r);for(var a,i=0;a=r.elements[i++];)M.highlightElement(a,!0===n,r.callback)},highlightElement:function(e,n,t){var r=M.util.getLanguage(e),a=M.languages[r];e.className=e.className.replace(c,"").replace(/\s+/g," ")+" language-"+r;var i=e.parentElement;i&&"pre"===i.nodeName.toLowerCase()&&(i.className=i.className.replace(c,"").replace(/\s+/g," ")+" language-"+r);var l={element:e,language:r,grammar:a,code:e.textContent};function o(e){l.highlightedCode=e,M.hooks.run("before-insert",l),l.element.innerHTML=l.highlightedCode,M.hooks.run("after-highlight",l),M.hooks.run("complete",l),t&&t.call(l.element)}if(M.hooks.run("before-sanity-check",l),!l.code)return M.hooks.run("complete",l),void(t&&t.call(l.element));if(M.hooks.run("before-highlight",l),l.grammar)if(n&&u.Worker){var s=new Worker(M.filename);s.onmessage=function(e){o(e.data)},s.postMessage(JSON.stringify({language:l.language,code:l.code,immediateClose:!0}))}else o(M.highlight(l.code,l.grammar,l.language));else o(M.util.encode(l.code))},highlight:function(e,n,t){var r={code:e,grammar:n,language:t};return M.hooks.run("before-tokenize",r),r.tokens=M.tokenize(r.code,r.grammar),M.hooks.run("after-tokenize",r),W.stringify(M.util.encode(r.tokens),r.language)},tokenize:function(e,n){var t=n.rest;if(t){for(var r in t)n[r]=t[r];delete n.rest}var a=new i;return I(a,a.head,e),function e(n,t,r,a,i,l){for(var o in r)if(r.hasOwnProperty(o)&&r[o]){var s=r[o];s=Array.isArray(s)?s:[s];for(var u=0;u<s.length;++u){if(l&&l.cause==o+","+u)return;var c=s[u],g=c.inside,f=!!c.lookbehind,h=!!c.greedy,d=0,v=c.alias;if(h&&!c.pattern.global){var p=c.pattern.toString().match(/[imsuy]*$/)[0];c.pattern=RegExp(c.pattern.source,p+"g")}for(var m=c.pattern||c,y=a.next,k=i;y!==t.tail&&!(l&&k>=l.reach);k+=y.value.length,y=y.next){var b=y.value;if(t.length>n.length)return;if(!(b instanceof W)){var x=1;if(h&&y!=t.tail.prev){m.lastIndex=k;var w=m.exec(n);if(!w)break;var A=w.index+(f&&w[1]?w[1].length:0),P=w.index+w[0].length,S=k;for(S+=y.value.length;S<=A;)y=y.next,S+=y.value.length;if(S-=y.value.length,k=S,y.value instanceof W)continue;for(var E=y;E!==t.tail&&(S<P||"string"==typeof E.value);E=E.next)x++,S+=E.value.length;x--,b=n.slice(k,S),w.index-=k}else{m.lastIndex=0;var w=m.exec(b)}if(w){f&&(d=w[1]?w[1].length:0);var A=w.index+d,O=w[0].slice(d),P=A+O.length,L=b.slice(0,A),N=b.slice(P),j=k+b.length;l&&j>l.reach&&(l.reach=j);var C=y.prev;L&&(C=I(t,C,L),k+=L.length),z(t,C,x);var _=new W(o,g?M.tokenize(O,g):O,v,O);y=I(t,C,_),N&&I(t,y,N),1<x&&e(n,t,r,y.prev,k,{cause:o+","+u,reach:j})}}}}}}(e,a,n,a.head,0),function(e){var n=[],t=e.head.next;for(;t!==e.tail;)n.push(t.value),t=t.next;return n}(a)},hooks:{all:{},add:function(e,n){var t=M.hooks.all;t[e]=t[e]||[],t[e].push(n)},run:function(e,n){var t=M.hooks.all[e];if(t&&t.length)for(var r,a=0;r=t[a++];)r(n)}},Token:W};function W(e,n,t,r){this.type=e,this.content=n,this.alias=t,this.length=0|(r||"").length}function i(){var e={value:null,prev:null,next:null},n={value:null,prev:e,next:null};e.next=n,this.head=e,this.tail=n,this.length=0}function I(e,n,t){var r=n.next,a={value:t,prev:n,next:r};return n.next=a,r.prev=a,e.length++,a}function z(e,n,t){for(var r=n.next,a=0;a<t&&r!==e.tail;a++)r=r.next;(n.next=r).prev=n,e.length-=a}if(u.Prism=M,W.stringify=function n(e,t){if("string"==typeof e)return e;if(Array.isArray(e)){var r="";return e.forEach(function(e){r+=n(e,t)}),r}var a={type:e.type,content:n(e.content,t),tag:"span",classes:["token",e.type],attributes:{},language:t},i=e.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(a.classes,i):a.classes.push(i)),M.hooks.run("wrap",a);var l="";for(var o in a.attributes)l+=" "+o+'="'+(a.attributes[o]||"").replace(/"/g,"&quot;")+'"';return"<"+a.tag+' class="'+a.classes.join(" ")+'"'+l+">"+a.content+"</"+a.tag+">"},!u.document)return u.addEventListener&&(M.disableWorkerMessageHandler||u.addEventListener("message",function(e){var n=JSON.parse(e.data),t=n.language,r=n.code,a=n.immediateClose;u.postMessage(M.highlight(r,M.languages[t],t)),a&&u.close()},!1)),M;var e=M.util.currentScript();function t(){M.manual||M.highlightAll()}if(e&&(M.filename=e.src,e.hasAttribute("data-manual")&&(M.manual=!0)),!M.manual){var r=document.readyState;"loading"===r||"interactive"===r&&e&&e.defer?document.addEventListener("DOMContentLoaded",t):window.requestAnimationFrame?window.requestAnimationFrame(t):window.setTimeout(t,16)}return M}(_self);"undefined"!=typeof module&&module.exports&&(module.exports=Prism),"undefined"!=typeof global&&(global.Prism=Prism);
+Prism.languages.markup={comment:/<!--[\s\S]*?-->/,prolog:/<\?[\s\S]+?\?>/,doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/,name:/[^\s<>'"]+/}},cdata:/<!\[CDATA\[[\s\S]*?]]>/i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",function(a){"entity"===a.type&&(a.attributes.title=a.content.replace(/&amp;/,"&"))}),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(a,e){var s={};s["language-"+e]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:Prism.languages[e]},s.cdata=/^<!\[CDATA\[|\]\]>$/i;var n={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:s}};n["language-"+e]={pattern:/[\s\S]+/,inside:Prism.languages[e]};var t={};t[a]={pattern:RegExp("(<__[^]*?>)(?:<!\\[CDATA\\[(?:[^\\]]|\\](?!\\]>))*\\]\\]>|(?!<!\\[CDATA\\[)[^])*?(?=</__>)".replace(/__/g,function(){return a}),"i"),lookbehind:!0,greedy:!0,inside:n},Prism.languages.insertBefore("markup","cdata",t)}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml;
+!function(e){var t=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-]+[\s\S]*?(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\((?!\s*\))\s*)(?:[^()]|\((?:[^()]|\([^()]*\))*\))+?(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|(?:[^\\\\\r\n()\"']|\\\\[^])*)\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:RegExp("[^{}\\s](?:[^{};\"']|"+t.source+")*?(?=\\s*\\{)"),string:{pattern:t,greedy:!0},property:/[-_a-z\xA0-\uFFFF][-\w\xA0-\uFFFF]*(?=\s*:)/i,important:/!important\b/i,function:/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;var s=e.languages.markup;s&&(s.tag.addInlined("style","css"),e.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/(^|["'\s])style\s*=\s*(?:"[^"]*"|'[^']*')/i,lookbehind:!0,inside:{"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{style:{pattern:/(["'])[\s\S]+(?=["']$)/,lookbehind:!0,alias:"language-css",inside:e.languages.css},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},"attr-name":/^style/i}}},s.tag))}(Prism);
+Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|interface|extends|implements|trait|instanceof|new)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,boolean:/\b(?:true|false)\b/,function:/\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+\.?\d*|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/};
+Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])[_$A-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\.(?:prototype|constructor))/,lookbehind:!0}],keyword:[{pattern:/((?:^|})\s*)(?:catch|finally)\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|(?:get|set)(?=\s*[\[$\w\xA0-\uFFFF])|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],number:/\b(?:(?:0[xX](?:[\dA-Fa-f](?:_[\dA-Fa-f])?)+|0[bB](?:[01](?:_[01])?)+|0[oO](?:[0-7](?:_[0-7])?)+)n?|(?:\d(?:_\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:_\d)?)+\.?(?:\d(?:_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,function:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*]|\\.|[^/\\\[\r\n])+\/[gimyus]{0,6}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-flags":/[a-z]+$/,"regex-delimiter":/^\/|\/$/}},"function-variable":{pattern:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)?\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*=>)/i,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{"template-string":{pattern:/`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}|(?!\${)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\${|}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}}}),Prism.languages.markup&&Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.js=Prism.languages.javascript;
diff --git a/wechat-mini-program/components/mp-html/plugins/highlight/uni-app/build.js b/wechat-mini-program/components/mp-html/plugins/highlight/uni-app/build.js
new file mode 100644
index 0000000..2b4e509
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/highlight/uni-app/build.js
@@ -0,0 +1,88 @@
+const config = require('../config')
+
+const build = {
+  import: 'prism.css',
+  handler (file) {
+    if (file.path.includes('prism.css')) {
+      // 将标签名选择器和属性选择器转为 class 选择器（组件内仅支持 class 选择器）
+      file.contents = Buffer.from(file.contents.toString().replace(/pre([[)])/g, '.hl-pre$1').replace(/code/g, '.hl-code').replace(/\[class\*="?language-"?\]/g, '').replace(/:not[^,}]+[,}]*/g, '').replace(/\.token\./g, '.hl-'))
+    }
+  }
+}
+
+if (config.showLanguageName || config.showLineNumber) {
+  // pre 内部的 code 进行滚动，避免行号和语言名称跟随滚动
+  build.style = `.hl-pre {
+  position: relative;
+}
+.hl-code {
+  overflow: auto;
+  display: block;
+}`
+}
+
+if (config.copyByLongPress) {
+  build.template = '<rich-text v-if="n.attrs&&n.attrs[\'data-content\']" :nodes="[n]" :data-content="n.attrs[\'data-content\']" :data-lang="n.attrs[\'data-lang\']" @longpress="copyCode" />'
+  build.methods = {
+    copyCode (e) {
+      uni.showActionSheet({
+        itemList: ['复制代码'],
+        success: () =>
+          uni.setClipboardData({
+            data: e.currentTarget.dataset.content
+          })
+      })
+    }
+  }
+}
+
+if (config.showLanguageName) {
+  build.style = (build.style || '') +
+    `.hl-language {
+  font-size: 12px;
+  font-weight: 600;
+  position: absolute;
+  right: 8px;
+  text-align: right;
+  top: 3px;
+}
+.hl-pre {
+  padding-top: 1.5em;
+}`
+}
+
+if (config.showLineNumber) {
+  build.style = (build.style || '') +
+    `.hl-pre {
+  font-size: 14px;
+  padding-left: 3.8em;
+  counter-reset: linenumber;
+}
+.line-numbers-rows {
+  position: absolute;
+  pointer-events: none;
+  top: ${config.showLanguageName ? 1.5 : 1}em;
+  font-size: 100%;
+  left: 0;
+  width: 3em; /* works for line-numbers below 1000 lines */
+  letter-spacing: -1px;
+  border-right: 1px solid #999;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.line-numbers-rows .span {
+  display: block;
+  counter-increment: linenumber;
+} 
+.line-numbers-rows .span:before {
+  content: counter(linenumber);
+  color: #999;
+  display: block;
+  padding-right: 0.8em;
+  text-align: right;
+}`
+}
+
+module.exports = build
diff --git a/wechat-mini-program/components/mp-html/plugins/img-cache/README.md b/wechat-mini-program/components/mp-html/plugins/img-cache/README.md
new file mode 100644
index 0000000..28de0c6
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/img-cache/README.md
@@ -0,0 +1,24 @@
+功能：图片本地缓存  
+大小：*≈4KB*  
+作者：[@PentaTea](https://github.com/PentaTea)  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+|  |  |  |  |  | √(仅支持 app 的 vue 页面) |
+
+说明：  
+引入本插件后，会给组件添加一个 *img-cache* 属性，将该属性设置为 *true* 后，将自动下载引用的图片并将 *src* 属性更换为本地地址  
+同时在组件实例上挂载了 *imgCache* 对象，扩充缓存控制能力  
+
+*imgCache* 对象属性和方法：  
+
+| 属性 | 功能 |
+|:---:|:---:|
+| list | 当前缓存的 url 列表 |
+| get(url) | 传入 url 获得本地地址 |
+| delete(url) | 传入 url 删除缓存记录 |
+| add(url) | 传入 url 并下载目标为缓存 |
+| clear() | 清空所有缓存 |
+
+!> 请尽量确保 *src* 中含有文件后缀名，不以后缀结尾也没关系，插件会从路径中推测合理的图片后缀，如果完全不包含后缀信息可能会无法保存到相册  
diff --git a/wechat-mini-program/components/mp-html/plugins/img-cache/build.js b/wechat-mini-program/components/mp-html/plugins/img-cache/build.js
new file mode 100644
index 0000000..e0ff24a
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/img-cache/build.js
@@ -0,0 +1,16 @@
+module.exports = {
+  main: 'index.js',
+  platform: ['uni-app'],
+  handler (file, platform) {
+    if (platform === 'uni-app') {
+      // 添加 img-cache 属性
+      if (file.path.includes('mp-html.vue')) {
+        file.contents = Buffer.from(
+          file.contents
+            .toString()
+            .replace(/props\s*:\s*{/, 'props: {\n    ImgCache: Boolean,')
+        )
+      }
+    }
+  }
+}
diff --git a/wechat-mini-program/components/mp-html/plugins/img-cache/index.js b/wechat-mini-program/components/mp-html/plugins/img-cache/index.js
new file mode 100644
index 0000000..72993bf
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/img-cache/index.js
@@ -0,0 +1,138 @@
+const data = {
+  name: 'imgcache',
+  prefix: 'imgcache_'
+}
+function ImgCache (vm) {
+  this.vm = vm // 保存实例在其他周期使用
+  this.i = 0 // 用于标记第几张图
+  vm.imgCache = {
+    get list () {
+      return uni
+        .getStorageInfoSync()
+        .keys.filter((key) => key.startsWith(data.prefix))
+        .map((key) => key.split(data.prefix)[1])
+    },
+    get (url) {
+      return uni.getStorageSync(data.prefix + url)
+    },
+    delete (url) {
+      const path = uni.getStorageSync(data.prefix + url)
+      if (!path) return false
+      plus.io.resolveLocalFileSystemURL(path, (entry) => {
+        entry.remove()
+      })
+      uni.removeStorageSync(data.prefix + url)
+      return true
+    },
+    async add (url) {
+      const filename = await download(url)
+      if (filename) {
+        uni.setStorageSync(data.prefix + url, filename)
+        return 'file://' + plus.io.convertLocalFileSystemURL(filename)
+      }
+      return null
+    },
+    clear () {
+      uni
+        .getStorageInfoSync()
+        .keys.filter((key) => key.startsWith(data.prefix))
+        .forEach((key) => {
+          uni.removeStorageSync(key)
+        })
+
+      plus.io.resolveLocalFileSystemURL(`_doc/${data.name}/`, (entry) => {
+        entry.removeRecursively(
+          (entry) => {
+            console.log(`${data.name}缓存删除成功`, entry)
+          },
+          (e) => {
+            console.log(`${data.name}缓存删除失败`, e)
+          }
+        )
+      })
+    }
+  }
+}
+
+// #ifdef APP-PLUS
+ImgCache.prototype.onParse = function (node, parser) {
+  // 启用本插件 && 解析图片标签 && 拥有src属性 && 是网络图片
+  if (
+    this.vm.ImgCache &&
+    node.name === 'img' &&
+    node.attrs.src &&
+    /^https?:\/\//.test(node.attrs.src)
+  ) {
+    const src = node.attrs.src
+    node.attrs.src = ''
+    node.attrs.i = this.vm.imgList.length + this.i++
+    parser.expose()
+
+    async function getUrl (path) {
+      if (await resolveFile(path)) return path
+      const filename = await download(src)
+      filename && uni.setStorageSync(data.prefix + src, filename)
+      return filename
+    }
+
+    uni.getStorage({
+      key: data.prefix + src,
+      success: async (res) => {
+        const path = await getUrl(res.data)
+        const url = path
+          ? 'file://' + plus.io.convertLocalFileSystemURL(path)
+          : src
+        node.attrs.src = url
+        this.vm.imgList[node.attrs.i] = path || src
+      },
+      fail: async () => {
+        const path = await getUrl()
+        const url = path
+          ? 'file://' + plus.io.convertLocalFileSystemURL(path)
+          : src
+        node.attrs.src = url
+        this.vm.imgList[node.attrs.i] = path || src
+      }
+    })
+  }
+}
+
+const taskQueue = new Set()
+
+function download (url) {
+  return new Promise((resolve) => {
+    if (taskQueue.has(url)) return
+    taskQueue.add(url)
+    const suffix = /.+\.(jpg|jpeg|png|bmp|gif|webp)/.exec(url)
+    const name = `${makeid(8)}_${Date.now()}${suffix ? '.' + suffix[1] : ''}`
+    const task = plus.downloader.createDownload(
+      url,
+      { filename: `_doc/${data.name}/${name}` },
+      (download, status) => {
+        taskQueue.delete(url)
+        resolve(status === 200 ? download.filename : null)
+      }
+    )
+    task.start()
+  })
+}
+
+// 判断文件存在
+function resolveFile (url) {
+  return new Promise((resolve) => {
+    plus.io.resolveLocalFileSystemURL(url, resolve, () => resolve(null))
+  })
+}
+
+// 生成uuid
+function makeid (length) {
+  let result = ''
+  const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'
+  for (let i = 0; i < length; i++) {
+    result += characters.charAt(Math.floor(Math.random() * characters.length))
+  }
+  return result
+}
+// #endif
+
+module.exports = ImgCache
diff --git a/wechat-mini-program/components/mp-html/plugins/latex/README.md b/wechat-mini-program/components/mp-html/plugins/latex/README.md
new file mode 100644
index 0000000..da7bcef
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/latex/README.md
@@ -0,0 +1,16 @@
+# latex
+功能：渲染 *latex* 公式  
+大小：**≈300KB**  
+作者：[@Zeng-J](https://github.com/Zeng-J)  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √ |
+
+说明：  
+引入本插件后，会将 *$xxx$* 的文本内容按照 *latex* 规则进行解析和渲染   
+
+> 与 *editable* 插件共用时，编辑状态下，公式不会渲染，可以直接修改公式文本
+
+> 本插件通过 [katex-mini](https://github.com/rojer95/katex-mini) 解析 *latex* 文本，[字体文件](https://github.com/KaTeX/KaTeX/tree/main/fonts) 建议自行转存  
diff --git a/wechat-mini-program/components/mp-html/plugins/latex/build.js b/wechat-mini-program/components/mp-html/plugins/latex/build.js
new file mode 100644
index 0000000..eaa76df
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/latex/build.js
@@ -0,0 +1,14 @@
+module.exports = {
+  import: 'katex.css',
+  handler (file) {
+    if (file.isBuffer()) {
+      let content = file.contents.toString()
+      if (file.basename === 'node.wxml') {
+        content = content.replace(/(n.?)\.name==='a'\|\|/g, "$1.name==='a'||$1.l||")
+      } else if (file.basename === 'node.vue') {
+        content = content.replace(/!handler.isInline\((.*?)\)/, '(n.l||!handler.isInline($1))')
+      }
+      file.contents = Buffer.from(content)
+    }
+  }
+}
diff --git a/wechat-mini-program/components/mp-html/plugins/latex/index.js b/wechat-mini-program/components/mp-html/plugins/latex/index.js
new file mode 100644
index 0000000..f409e0d
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/latex/index.js
@@ -0,0 +1,80 @@
+/**
+ * @fileoverview latex 插件
+ * katex.min.js来源 https://github.com/rojer95/katex-mini
+ */
+const parse = require('./katex.min')
+
+function Latex () {
+
+}
+
+Latex.prototype.onParse = function (node, vm) {
+  // $...$包裹的内容为latex公式
+  if (!vm.options.editable && node.type === 'text' && node.text.includes('$')) {
+    const part = node.text.split(/(\${1,2})/)
+    const children = []
+    let status = 0
+    for (let i = 0; i < part.length; i++) {
+      if (i % 2 === 0) {
+        // 文本内容
+        if (part[i]) {
+          if (status === 0) {
+            children.push({
+              type: 'text',
+              text: part[i]
+            })
+          } else {
+            if (status === 1) {
+              // 行内公式
+              const nodes = parse.default(part[i])
+              children.push({
+                name: 'span',
+                attrs: {},
+                l: 'T',
+                f: 'display:inline-block',
+                children: nodes
+              })
+            } else {
+              // 块公式
+              const nodes = parse.default(part[i], {
+                displayMode: true
+              })
+              children.push({
+                name: 'div',
+                attrs: {
+                  style: 'text-align:center'
+                },
+                children: nodes
+              })
+            }
+          }
+        }
+      } else {
+        // 分隔符
+        if (part[i] === '$' && part[i + 2] === '$') {
+          // 行内公式
+          status = 1
+          part[i + 2] = ''
+        } else if (part[i] === '$$' && part[i + 2] === '$$') {
+          // 块公式
+          status = 2
+          part[i + 2] = ''
+        } else {
+          if (part[i] && part[i] !== '$$') {
+            // 普通$符号
+            part[i + 1] = part[i] + part[i + 1]
+          }
+          // 重置状态
+          status = 0
+        }
+      }
+    }
+    delete node.type
+    delete node.text
+    node.name = 'span'
+    node.attrs = {}
+    node.children = children
+  }
+}
+
+module.exports = Latex
diff --git a/wechat-mini-program/components/mp-html/plugins/latex/katex.css b/wechat-mini-program/components/mp-html/plugins/latex/katex.css
new file mode 100644
index 0000000..2bbf9b2
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/latex/katex.css
@@ -0,0 +1,1070 @@
+/* fonts字体库可自行前往 https://github.com/KaTeX/KaTeX/tree/main/fonts 下载，放入自家的cdn服务上 */
+@font-face {
+  font-family: "KaTeX_AMS";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_AMS-Regular.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_AMS-Regular.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_AMS-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: "KaTeX_Caligraphic";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Caligraphic-Bold.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Caligraphic-Bold.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Caligraphic-Bold.ttf") format("truetype");
+  font-weight: bold;
+  font-style: normal;
+}
+@font-face {
+  font-family: "KaTeX_Caligraphic";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Caligraphic-Regular.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Caligraphic-Regular.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Caligraphic-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: "KaTeX_Fraktur";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Fraktur-Bold.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Fraktur-Bold.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Fraktur-Bold.ttf") format("truetype");
+  font-weight: bold;
+  font-style: normal;
+}
+@font-face {
+  font-family: "KaTeX_Fraktur";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Fraktur-Regular.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Fraktur-Regular.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Fraktur-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: "KaTeX_Main";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Main-Bold.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Main-Bold.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Main-Bold.ttf") format("truetype");
+  font-weight: bold;
+  font-style: normal;
+}
+@font-face {
+  font-family: "KaTeX_Main";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Main-BoldItalic.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Main-BoldItalic.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Main-BoldItalic.ttf") format("truetype");
+  font-weight: bold;
+  font-style: italic;
+}
+@font-face {
+  font-family: "KaTeX_Main";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Main-Italic.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Main-Italic.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Main-Italic.ttf") format("truetype");
+  font-weight: normal;
+  font-style: italic;
+}
+@font-face {
+  font-family: "KaTeX_Main";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Main-Regular.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Main-Regular.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Main-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: "KaTeX_Math";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Math-BoldItalic.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Math-BoldItalic.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Math-BoldItalic.ttf") format("truetype");
+  font-weight: bold;
+  font-style: italic;
+}
+@font-face {
+  font-family: "KaTeX_Math";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Math-Italic.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Math-Italic.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Math-Italic.ttf") format("truetype");
+  font-weight: normal;
+  font-style: italic;
+}
+@font-face {
+  font-family: "KaTeX_SansSerif";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_SansSerif-Bold.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_SansSerif-Bold.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_SansSerif-Bold.ttf") format("truetype");
+  font-weight: bold;
+  font-style: normal;
+}
+@font-face {
+  font-family: "KaTeX_SansSerif";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_SansSerif-Italic.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_SansSerif-Italic.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_SansSerif-Italic.ttf") format("truetype");
+  font-weight: normal;
+  font-style: italic;
+}
+@font-face {
+  font-family: "KaTeX_SansSerif";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_SansSerif-Regular.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_SansSerif-Regular.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_SansSerif-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: "KaTeX_Script";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Script-Regular.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Script-Regular.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Script-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: "KaTeX_Size1";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Size1-Regular.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Size1-Regular.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Size1-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: "KaTeX_Size2";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Size2-Regular.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Size2-Regular.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Size2-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: "KaTeX_Size3";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Size3-Regular.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Size3-Regular.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Size3-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: "KaTeX_Size4";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Size4-Regular.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Size4-Regular.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Size4-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: "KaTeX_Typewriter";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Typewriter-Regular.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Typewriter-Regular.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Typewriter-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+.katex {
+  counter-reset: katexEqnNo mmlEqnNo;
+  font: normal 1.21em KaTeX_Main, Times New Roman, serif;
+  line-height: 1.2;
+  text-indent: 0;
+  text-rendering: auto;
+}
+.katex view,
+.katex text {
+  -ms-high-contrast-adjust: none !important;
+  border-color: currentColor;
+}
+.katex .katex-mathml {
+  /* Accessibility hack to only show to screen readers
+         Found at: http://a11yproject.com/posts/how-to-hide-content/ */
+  position: absolute;
+  clip: rect(1px, 1px, 1px, 1px);
+  padding: 0;
+  border: 0;
+  height: 1px;
+  width: 1px;
+  overflow: hidden;
+}
+.katex .katex-html {
+  /* \newline is an empty block at top level, between .base elements */
+}
+.katex .katex-html > .newline {
+  display: block;
+}
+.katex .base {
+  position: relative;
+  display: inline-block;
+  white-space: nowrap;
+  width: min-content;
+}
+.katex .strut {
+  display: inline-block;
+}
+.katex .textbf {
+  font-weight: bold;
+}
+.katex .textit {
+  font-style: italic;
+}
+.katex .textrm {
+  font-family: KaTeX_Main;
+}
+.katex .textsf {
+  font-family: KaTeX_SansSerif;
+}
+.katex .texttt {
+  font-family: KaTeX_Typewriter;
+}
+.katex .mathnormal {
+  font-family: KaTeX_Math;
+  font-style: italic;
+}
+.katex .mathit {
+  font-family: KaTeX_Main;
+  font-style: italic;
+}
+.katex .mathrm {
+  font-style: normal;
+}
+.katex .mathbf {
+  font-family: KaTeX_Main;
+  font-weight: bold;
+}
+.katex .boldsymbol {
+  font-family: KaTeX_Math;
+  font-weight: bold;
+  font-style: italic;
+}
+.katex .amsrm {
+  font-family: KaTeX_AMS;
+}
+.katex .mathbb,
+.katex .textbb {
+  font-family: KaTeX_AMS;
+}
+.katex .mathcal {
+  font-family: KaTeX_Caligraphic;
+}
+.katex .mathfrak,
+.katex .textfrak {
+  font-family: KaTeX_Fraktur;
+}
+.katex .mathtt {
+  font-family: KaTeX_Typewriter;
+}
+.katex .mathscr,
+.katex .textscr {
+  font-family: KaTeX_Script;
+}
+.katex .mathsf,
+.katex .textsf {
+  font-family: KaTeX_SansSerif;
+}
+.katex .mathboldsf,
+.katex .textboldsf {
+  font-family: KaTeX_SansSerif;
+  font-weight: bold;
+}
+.katex .mathitsf,
+.katex .textitsf {
+  font-family: KaTeX_SansSerif;
+  font-style: italic;
+}
+.katex .mainrm {
+  font-family: KaTeX_Main;
+  font-style: normal;
+}
+.katex .vlist-t {
+  display: inline-table;
+  table-layout: fixed;
+  border-collapse: collapse;
+}
+.katex .vlist-r {
+  display: table-row;
+}
+.katex .vlist {
+  display: table-cell;
+  vertical-align: bottom;
+  position: relative;
+}
+.katex .vlist > .katex-span {
+  display: block;
+  height: 0;
+  position: relative;
+}
+.katex .vlist > .katex-span > .katex-span {
+  display: inline-block;
+}
+.katex .vlist > .katex-span > .pstrut {
+  overflow: hidden;
+  width: 0;
+}
+.katex .vlist-t2 {
+  margin-right: -2px;
+}
+.katex .vlist-s {
+  display: table-cell;
+  vertical-align: bottom;
+  font-size: 1px;
+  width: 2px;
+  min-width: 2px;
+}
+.katex .vbox {
+  display: inline-flex;
+  flex-direction: column;
+  align-items: baseline;
+}
+.katex .hbox {
+  display: inline-flex;
+  flex-direction: row;
+  width: 100%;
+}
+.katex .thinbox {
+  display: inline-flex;
+  flex-direction: row;
+  width: 0;
+  max-width: 0;
+}
+.katex .msupsub {
+  text-align: left;
+}
+.katex .mfrac > .katex-span > .katex-span {
+  text-align: center;
+}
+.katex .mfrac .frac-line {
+  display: inline-block;
+  width: 100%;
+  border-bottom-style: solid;
+}
+.katex .mfrac .frac-line,
+.katex .overline .overline-line,
+.katex .underline .underline-line,
+.katex .hline,
+.katex .hdashline,
+.katex .rule {
+  min-height: 1px;
+}
+.katex .mspace {
+  display: inline-block;
+}
+.katex .llap,
+.katex .rlap,
+.katex .clap {
+  width: 0;
+  position: relative;
+}
+.katex .llap > .inner,
+.katex .rlap > .inner,
+.katex .clap > .inner {
+  position: absolute;
+}
+.katex .llap > .fix,
+.katex .rlap > .fix,
+.katex .clap > .fix {
+  display: inline-block;
+}
+.katex .llap > .inner {
+  right: 0;
+}
+.katex .rlap > .inner,
+.katex .clap > .inner {
+  left: 0;
+}
+.katex .clap > .inner > .katex-span {
+  margin-left: -50%;
+  margin-right: 50%;
+}
+.katex .rule {
+  display: inline-block;
+  border: solid 0;
+  position: relative;
+}
+.katex .overline .overline-line,
+.katex .underline .underline-line,
+.katex .hline {
+  display: inline-block;
+  width: 100%;
+  border-bottom-style: solid;
+}
+.katex .hdashline {
+  display: inline-block;
+  width: 100%;
+  border-bottom-style: dashed;
+}
+.katex .sqrt > .root {
+  margin-left: 0.27777778em;
+  margin-right: -0.55555556em;
+}
+.katex .sizing.reset-size1.size1,
+.katex .fontsize-ensurer.reset-size1.size1 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size1.size2,
+.katex .fontsize-ensurer.reset-size1.size2 {
+  font-size: 1.2em;
+}
+.katex .sizing.reset-size1.size3,
+.katex .fontsize-ensurer.reset-size1.size3 {
+  font-size: 1.4em;
+}
+.katex .sizing.reset-size1.size4,
+.katex .fontsize-ensurer.reset-size1.size4 {
+  font-size: 1.6em;
+}
+.katex .sizing.reset-size1.size5,
+.katex .fontsize-ensurer.reset-size1.size5 {
+  font-size: 1.8em;
+}
+.katex .sizing.reset-size1.size6,
+.katex .fontsize-ensurer.reset-size1.size6 {
+  font-size: 2em;
+}
+.katex .sizing.reset-size1.size7,
+.katex .fontsize-ensurer.reset-size1.size7 {
+  font-size: 2.4em;
+}
+.katex .sizing.reset-size1.size8,
+.katex .fontsize-ensurer.reset-size1.size8 {
+  font-size: 2.88em;
+}
+.katex .sizing.reset-size1.size9,
+.katex .fontsize-ensurer.reset-size1.size9 {
+  font-size: 3.456em;
+}
+.katex .sizing.reset-size1.size10,
+.katex .fontsize-ensurer.reset-size1.size10 {
+  font-size: 4.148em;
+}
+.katex .sizing.reset-size1.size11,
+.katex .fontsize-ensurer.reset-size1.size11 {
+  font-size: 4.976em;
+}
+.katex .sizing.reset-size2.size1,
+.katex .fontsize-ensurer.reset-size2.size1 {
+  font-size: 0.83333333em;
+}
+.katex .sizing.reset-size2.size2,
+.katex .fontsize-ensurer.reset-size2.size2 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size2.size3,
+.katex .fontsize-ensurer.reset-size2.size3 {
+  font-size: 1.16666667em;
+}
+.katex .sizing.reset-size2.size4,
+.katex .fontsize-ensurer.reset-size2.size4 {
+  font-size: 1.33333333em;
+}
+.katex .sizing.reset-size2.size5,
+.katex .fontsize-ensurer.reset-size2.size5 {
+  font-size: 1.5em;
+}
+.katex .sizing.reset-size2.size6,
+.katex .fontsize-ensurer.reset-size2.size6 {
+  font-size: 1.66666667em;
+}
+.katex .sizing.reset-size2.size7,
+.katex .fontsize-ensurer.reset-size2.size7 {
+  font-size: 2em;
+}
+.katex .sizing.reset-size2.size8,
+.katex .fontsize-ensurer.reset-size2.size8 {
+  font-size: 2.4em;
+}
+.katex .sizing.reset-size2.size9,
+.katex .fontsize-ensurer.reset-size2.size9 {
+  font-size: 2.88em;
+}
+.katex .sizing.reset-size2.size10,
+.katex .fontsize-ensurer.reset-size2.size10 {
+  font-size: 3.45666667em;
+}
+.katex .sizing.reset-size2.size11,
+.katex .fontsize-ensurer.reset-size2.size11 {
+  font-size: 4.14666667em;
+}
+.katex .sizing.reset-size3.size1,
+.katex .fontsize-ensurer.reset-size3.size1 {
+  font-size: 0.71428571em;
+}
+.katex .sizing.reset-size3.size2,
+.katex .fontsize-ensurer.reset-size3.size2 {
+  font-size: 0.85714286em;
+}
+.katex .sizing.reset-size3.size3,
+.katex .fontsize-ensurer.reset-size3.size3 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size3.size4,
+.katex .fontsize-ensurer.reset-size3.size4 {
+  font-size: 1.14285714em;
+}
+.katex .sizing.reset-size3.size5,
+.katex .fontsize-ensurer.reset-size3.size5 {
+  font-size: 1.28571429em;
+}
+.katex .sizing.reset-size3.size6,
+.katex .fontsize-ensurer.reset-size3.size6 {
+  font-size: 1.42857143em;
+}
+.katex .sizing.reset-size3.size7,
+.katex .fontsize-ensurer.reset-size3.size7 {
+  font-size: 1.71428571em;
+}
+.katex .sizing.reset-size3.size8,
+.katex .fontsize-ensurer.reset-size3.size8 {
+  font-size: 2.05714286em;
+}
+.katex .sizing.reset-size3.size9,
+.katex .fontsize-ensurer.reset-size3.size9 {
+  font-size: 2.46857143em;
+}
+.katex .sizing.reset-size3.size10,
+.katex .fontsize-ensurer.reset-size3.size10 {
+  font-size: 2.96285714em;
+}
+.katex .sizing.reset-size3.size11,
+.katex .fontsize-ensurer.reset-size3.size11 {
+  font-size: 3.55428571em;
+}
+.katex .sizing.reset-size4.size1,
+.katex .fontsize-ensurer.reset-size4.size1 {
+  font-size: 0.625em;
+}
+.katex .sizing.reset-size4.size2,
+.katex .fontsize-ensurer.reset-size4.size2 {
+  font-size: 0.75em;
+}
+.katex .sizing.reset-size4.size3,
+.katex .fontsize-ensurer.reset-size4.size3 {
+  font-size: 0.875em;
+}
+.katex .sizing.reset-size4.size4,
+.katex .fontsize-ensurer.reset-size4.size4 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size4.size5,
+.katex .fontsize-ensurer.reset-size4.size5 {
+  font-size: 1.125em;
+}
+.katex .sizing.reset-size4.size6,
+.katex .fontsize-ensurer.reset-size4.size6 {
+  font-size: 1.25em;
+}
+.katex .sizing.reset-size4.size7,
+.katex .fontsize-ensurer.reset-size4.size7 {
+  font-size: 1.5em;
+}
+.katex .sizing.reset-size4.size8,
+.katex .fontsize-ensurer.reset-size4.size8 {
+  font-size: 1.8em;
+}
+.katex .sizing.reset-size4.size9,
+.katex .fontsize-ensurer.reset-size4.size9 {
+  font-size: 2.16em;
+}
+.katex .sizing.reset-size4.size10,
+.katex .fontsize-ensurer.reset-size4.size10 {
+  font-size: 2.5925em;
+}
+.katex .sizing.reset-size4.size11,
+.katex .fontsize-ensurer.reset-size4.size11 {
+  font-size: 3.11em;
+}
+.katex .sizing.reset-size5.size1,
+.katex .fontsize-ensurer.reset-size5.size1 {
+  font-size: 0.55555556em;
+}
+.katex .sizing.reset-size5.size2,
+.katex .fontsize-ensurer.reset-size5.size2 {
+  font-size: 0.66666667em;
+}
+.katex .sizing.reset-size5.size3,
+.katex .fontsize-ensurer.reset-size5.size3 {
+  font-size: 0.77777778em;
+}
+.katex .sizing.reset-size5.size4,
+.katex .fontsize-ensurer.reset-size5.size4 {
+  font-size: 0.88888889em;
+}
+.katex .sizing.reset-size5.size5,
+.katex .fontsize-ensurer.reset-size5.size5 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size5.size6,
+.katex .fontsize-ensurer.reset-size5.size6 {
+  font-size: 1.11111111em;
+}
+.katex .sizing.reset-size5.size7,
+.katex .fontsize-ensurer.reset-size5.size7 {
+  font-size: 1.33333333em;
+}
+.katex .sizing.reset-size5.size8,
+.katex .fontsize-ensurer.reset-size5.size8 {
+  font-size: 1.6em;
+}
+.katex .sizing.reset-size5.size9,
+.katex .fontsize-ensurer.reset-size5.size9 {
+  font-size: 1.92em;
+}
+.katex .sizing.reset-size5.size10,
+.katex .fontsize-ensurer.reset-size5.size10 {
+  font-size: 2.30444444em;
+}
+.katex .sizing.reset-size5.size11,
+.katex .fontsize-ensurer.reset-size5.size11 {
+  font-size: 2.76444444em;
+}
+.katex .sizing.reset-size6.size1,
+.katex .fontsize-ensurer.reset-size6.size1 {
+  font-size: 0.5em;
+}
+.katex .sizing.reset-size6.size2,
+.katex .fontsize-ensurer.reset-size6.size2 {
+  font-size: 0.6em;
+}
+.katex .sizing.reset-size6.size3,
+.katex .fontsize-ensurer.reset-size6.size3 {
+  font-size: 0.7em;
+}
+.katex .sizing.reset-size6.size4,
+.katex .fontsize-ensurer.reset-size6.size4 {
+  font-size: 0.8em;
+}
+.katex .sizing.reset-size6.size5,
+.katex .fontsize-ensurer.reset-size6.size5 {
+  font-size: 0.9em;
+}
+.katex .sizing.reset-size6.size6,
+.katex .fontsize-ensurer.reset-size6.size6 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size6.size7,
+.katex .fontsize-ensurer.reset-size6.size7 {
+  font-size: 1.2em;
+}
+.katex .sizing.reset-size6.size8,
+.katex .fontsize-ensurer.reset-size6.size8 {
+  font-size: 1.44em;
+}
+.katex .sizing.reset-size6.size9,
+.katex .fontsize-ensurer.reset-size6.size9 {
+  font-size: 1.728em;
+}
+.katex .sizing.reset-size6.size10,
+.katex .fontsize-ensurer.reset-size6.size10 {
+  font-size: 2.074em;
+}
+.katex .sizing.reset-size6.size11,
+.katex .fontsize-ensurer.reset-size6.size11 {
+  font-size: 2.488em;
+}
+.katex .sizing.reset-size7.size1,
+.katex .fontsize-ensurer.reset-size7.size1 {
+  font-size: 0.41666667em;
+}
+.katex .sizing.reset-size7.size2,
+.katex .fontsize-ensurer.reset-size7.size2 {
+  font-size: 0.5em;
+}
+.katex .sizing.reset-size7.size3,
+.katex .fontsize-ensurer.reset-size7.size3 {
+  font-size: 0.58333333em;
+}
+.katex .sizing.reset-size7.size4,
+.katex .fontsize-ensurer.reset-size7.size4 {
+  font-size: 0.66666667em;
+}
+.katex .sizing.reset-size7.size5,
+.katex .fontsize-ensurer.reset-size7.size5 {
+  font-size: 0.75em;
+}
+.katex .sizing.reset-size7.size6,
+.katex .fontsize-ensurer.reset-size7.size6 {
+  font-size: 0.83333333em;
+}
+.katex .sizing.reset-size7.size7,
+.katex .fontsize-ensurer.reset-size7.size7 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size7.size8,
+.katex .fontsize-ensurer.reset-size7.size8 {
+  font-size: 1.2em;
+}
+.katex .sizing.reset-size7.size9,
+.katex .fontsize-ensurer.reset-size7.size9 {
+  font-size: 1.44em;
+}
+.katex .sizing.reset-size7.size10,
+.katex .fontsize-ensurer.reset-size7.size10 {
+  font-size: 1.72833333em;
+}
+.katex .sizing.reset-size7.size11,
+.katex .fontsize-ensurer.reset-size7.size11 {
+  font-size: 2.07333333em;
+}
+.katex .sizing.reset-size8.size1,
+.katex .fontsize-ensurer.reset-size8.size1 {
+  font-size: 0.34722222em;
+}
+.katex .sizing.reset-size8.size2,
+.katex .fontsize-ensurer.reset-size8.size2 {
+  font-size: 0.41666667em;
+}
+.katex .sizing.reset-size8.size3,
+.katex .fontsize-ensurer.reset-size8.size3 {
+  font-size: 0.48611111em;
+}
+.katex .sizing.reset-size8.size4,
+.katex .fontsize-ensurer.reset-size8.size4 {
+  font-size: 0.55555556em;
+}
+.katex .sizing.reset-size8.size5,
+.katex .fontsize-ensurer.reset-size8.size5 {
+  font-size: 0.625em;
+}
+.katex .sizing.reset-size8.size6,
+.katex .fontsize-ensurer.reset-size8.size6 {
+  font-size: 0.69444444em;
+}
+.katex .sizing.reset-size8.size7,
+.katex .fontsize-ensurer.reset-size8.size7 {
+  font-size: 0.83333333em;
+}
+.katex .sizing.reset-size8.size8,
+.katex .fontsize-ensurer.reset-size8.size8 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size8.size9,
+.katex .fontsize-ensurer.reset-size8.size9 {
+  font-size: 1.2em;
+}
+.katex .sizing.reset-size8.size10,
+.katex .fontsize-ensurer.reset-size8.size10 {
+  font-size: 1.44027778em;
+}
+.katex .sizing.reset-size8.size11,
+.katex .fontsize-ensurer.reset-size8.size11 {
+  font-size: 1.72777778em;
+}
+.katex .sizing.reset-size9.size1,
+.katex .fontsize-ensurer.reset-size9.size1 {
+  font-size: 0.28935185em;
+}
+.katex .sizing.reset-size9.size2,
+.katex .fontsize-ensurer.reset-size9.size2 {
+  font-size: 0.34722222em;
+}
+.katex .sizing.reset-size9.size3,
+.katex .fontsize-ensurer.reset-size9.size3 {
+  font-size: 0.40509259em;
+}
+.katex .sizing.reset-size9.size4,
+.katex .fontsize-ensurer.reset-size9.size4 {
+  font-size: 0.46296296em;
+}
+.katex .sizing.reset-size9.size5,
+.katex .fontsize-ensurer.reset-size9.size5 {
+  font-size: 0.52083333em;
+}
+.katex .sizing.reset-size9.size6,
+.katex .fontsize-ensurer.reset-size9.size6 {
+  font-size: 0.5787037em;
+}
+.katex .sizing.reset-size9.size7,
+.katex .fontsize-ensurer.reset-size9.size7 {
+  font-size: 0.69444444em;
+}
+.katex .sizing.reset-size9.size8,
+.katex .fontsize-ensurer.reset-size9.size8 {
+  font-size: 0.83333333em;
+}
+.katex .sizing.reset-size9.size9,
+.katex .fontsize-ensurer.reset-size9.size9 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size9.size10,
+.katex .fontsize-ensurer.reset-size9.size10 {
+  font-size: 1.20023148em;
+}
+.katex .sizing.reset-size9.size11,
+.katex .fontsize-ensurer.reset-size9.size11 {
+  font-size: 1.43981481em;
+}
+.katex .sizing.reset-size10.size1,
+.katex .fontsize-ensurer.reset-size10.size1 {
+  font-size: 0.24108004em;
+}
+.katex .sizing.reset-size10.size2,
+.katex .fontsize-ensurer.reset-size10.size2 {
+  font-size: 0.28929605em;
+}
+.katex .sizing.reset-size10.size3,
+.katex .fontsize-ensurer.reset-size10.size3 {
+  font-size: 0.33751205em;
+}
+.katex .sizing.reset-size10.size4,
+.katex .fontsize-ensurer.reset-size10.size4 {
+  font-size: 0.38572806em;
+}
+.katex .sizing.reset-size10.size5,
+.katex .fontsize-ensurer.reset-size10.size5 {
+  font-size: 0.43394407em;
+}
+.katex .sizing.reset-size10.size6,
+.katex .fontsize-ensurer.reset-size10.size6 {
+  font-size: 0.48216008em;
+}
+.katex .sizing.reset-size10.size7,
+.katex .fontsize-ensurer.reset-size10.size7 {
+  font-size: 0.57859209em;
+}
+.katex .sizing.reset-size10.size8,
+.katex .fontsize-ensurer.reset-size10.size8 {
+  font-size: 0.69431051em;
+}
+.katex .sizing.reset-size10.size9,
+.katex .fontsize-ensurer.reset-size10.size9 {
+  font-size: 0.83317261em;
+}
+.katex .sizing.reset-size10.size10,
+.katex .fontsize-ensurer.reset-size10.size10 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size10.size11,
+.katex .fontsize-ensurer.reset-size10.size11 {
+  font-size: 1.19961427em;
+}
+.katex .sizing.reset-size11.size1,
+.katex .fontsize-ensurer.reset-size11.size1 {
+  font-size: 0.20096463em;
+}
+.katex .sizing.reset-size11.size2,
+.katex .fontsize-ensurer.reset-size11.size2 {
+  font-size: 0.24115756em;
+}
+.katex .sizing.reset-size11.size3,
+.katex .fontsize-ensurer.reset-size11.size3 {
+  font-size: 0.28135048em;
+}
+.katex .sizing.reset-size11.size4,
+.katex .fontsize-ensurer.reset-size11.size4 {
+  font-size: 0.32154341em;
+}
+.katex .sizing.reset-size11.size5,
+.katex .fontsize-ensurer.reset-size11.size5 {
+  font-size: 0.36173633em;
+}
+.katex .sizing.reset-size11.size6,
+.katex .fontsize-ensurer.reset-size11.size6 {
+  font-size: 0.40192926em;
+}
+.katex .sizing.reset-size11.size7,
+.katex .fontsize-ensurer.reset-size11.size7 {
+  font-size: 0.48231511em;
+}
+.katex .sizing.reset-size11.size8,
+.katex .fontsize-ensurer.reset-size11.size8 {
+  font-size: 0.57877814em;
+}
+.katex .sizing.reset-size11.size9,
+.katex .fontsize-ensurer.reset-size11.size9 {
+  font-size: 0.69453376em;
+}
+.katex .sizing.reset-size11.size10,
+.katex .fontsize-ensurer.reset-size11.size10 {
+  font-size: 0.83360129em;
+}
+.katex .sizing.reset-size11.size11,
+.katex .fontsize-ensurer.reset-size11.size11 {
+  font-size: 1em;
+}
+.katex .delimsizing.size1 {
+  font-family: KaTeX_Size1;
+}
+.katex .delimsizing.size2 {
+  font-family: KaTeX_Size2;
+}
+.katex .delimsizing.size3 {
+  font-family: KaTeX_Size3;
+}
+.katex .delimsizing.size4 {
+  font-family: KaTeX_Size4;
+}
+.katex .delimsizing.mult .delim-size1 > .katex-span {
+  font-family: KaTeX_Size1;
+}
+.katex .delimsizing.mult .delim-size4 > .katex-span {
+  font-family: KaTeX_Size4;
+}
+.katex .nulldelimiter {
+  display: inline-block;
+  width: 0.12em;
+}
+.katex .delimcenter {
+  position: relative;
+}
+.katex .op-symbol {
+  position: relative;
+}
+.katex .op-symbol.small-op {
+  font-family: KaTeX_Size1;
+}
+.katex .op-symbol.large-op {
+  font-family: KaTeX_Size2;
+}
+.katex .op-limits > .vlist-t {
+  text-align: center;
+}
+.katex .accent > .vlist-t {
+  text-align: center;
+}
+.katex .accent .accent-body {
+  position: relative;
+}
+.katex .accent .accent-body:not(.accent-full) {
+  width: 0;
+}
+.katex .overlay {
+  display: block;
+}
+.katex .mtable .vertical-separator {
+  display: inline-block;
+  min-width: 1px;
+}
+.katex .mtable .arraycolsep {
+  display: inline-block;
+}
+.katex .mtable .col-align-c > .vlist-t {
+  text-align: center;
+}
+.katex .mtable .col-align-l > .vlist-t {
+  text-align: left;
+}
+.katex .mtable .col-align-r > .vlist-t {
+  text-align: right;
+}
+.katex .svg-align {
+  text-align: left;
+}
+.katex .katex-svg {
+  display: block;
+  position: absolute;
+  width: 100%;
+  height: inherit;
+  fill: currentColor;
+  stroke: currentColor;
+  fill-rule: nonzero;
+  fill-opacity: 1;
+  stroke-width: 1;
+  stroke-linecap: butt;
+  stroke-linejoin: miter;
+  stroke-miterlimit: 4;
+  stroke-dasharray: none;
+  stroke-dashoffset: 0;
+  stroke-opacity: 1;
+}
+.katex .katex-svg path {
+  stroke: none;
+}
+.katex img {
+  border-style: none;
+  min-width: 0;
+  min-height: 0;
+  max-width: none;
+  max-height: none;
+}
+.katex .stretchy {
+  width: 100%;
+  display: block;
+  position: relative;
+  overflow: hidden;
+}
+.katex .stretchy::before,
+.katex .stretchy::after {
+  content: "";
+}
+.katex .hide-tail {
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+}
+.katex .halfarrow-left {
+  position: absolute;
+  left: 0;
+  width: 50.2%;
+  overflow: hidden;
+}
+.katex .halfarrow-right {
+  position: absolute;
+  right: 0;
+  width: 50.2%;
+  overflow: hidden;
+}
+.katex .brace-left {
+  position: absolute;
+  left: 0;
+  width: 25.1%;
+  overflow: hidden;
+}
+.katex .brace-center {
+  position: absolute;
+  left: 25%;
+  width: 50%;
+  overflow: hidden;
+}
+.katex .brace-right {
+  position: absolute;
+  right: 0;
+  width: 25.1%;
+  overflow: hidden;
+}
+.katex .x-arrow-pad {
+  padding: 0 0.5em;
+}
+.katex .cd-arrow-pad {
+  padding: 0 0.55556em 0 0.27778em;
+}
+.katex .x-arrow,
+.katex .mover,
+.katex .munder {
+  text-align: center;
+}
+.katex .boxpad {
+  padding: 0 0.3em;
+}
+.katex .fbox,
+.katex .fcolorbox {
+  box-sizing: border-box;
+  border: 0.04em solid;
+}
+.katex .cancel-pad {
+  padding: 0 0.2em;
+}
+.katex .cancel-lap {
+  margin-left: -0.2em;
+  margin-right: -0.2em;
+}
+.katex .sout {
+  border-bottom-style: solid;
+  border-bottom-width: 0.08em;
+}
+.katex .angl {
+  box-sizing: border-box;
+  border-top: 0.049em solid;
+  border-right: 0.049em solid;
+  margin-right: 0.03889em;
+}
+.katex .anglpad {
+  padding: 0 0.03889em;
+}
+.katex .eqn-num::before {
+  counter-increment: katexEqnNo;
+  content: "(" counter(katexEqnNo) ")";
+}
+.katex .mml-eqn-num::before {
+  counter-increment: mmlEqnNo;
+  content: "(" counter(mmlEqnNo) ")";
+}
+.katex .mtr-glue {
+  width: 50%;
+}
+.katex .cd-vert-arrow {
+  display: inline-block;
+  position: relative;
+}
+.katex .cd-label-left {
+  display: inline-block;
+  position: absolute;
+  right: calc(50% + 0.3em);
+  text-align: left;
+}
+.katex .cd-label-right {
+  display: inline-block;
+  position: absolute;
+  left: calc(50% + 0.3em);
+  text-align: right;
+}
+.katex-display {
+  display: block;
+  margin: 1em 0;
+  text-align: center;
+}
+.katex-display > .katex {
+  display: block;
+  text-align: center;
+  white-space: nowrap;
+}
+.katex-display > .katex > .katex-html {
+  display: block;
+  position: relative;
+}
+.katex-display > .katex > .katex-html > .tag {
+  position: absolute;
+  right: 0;
+}
+.katex-display.leqno > .katex > .katex-html > .tag {
+  left: 0;
+  right: auto;
+}
+.katex-display.fleqn > .katex {
+  text-align: left;
+  padding-left: 2em;
+}
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/plugins/latex/katex.min.js b/wechat-mini-program/components/mp-html/plugins/latex/katex.min.js
new file mode 100644
index 0000000..b8a4037
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/latex/katex.min.js
@@ -0,0 +1 @@
+function t(){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var a=t[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,r),a.l=!0,a.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)r.d(n,a,function(t){return e[t]}.bind(null,a));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=0)}([function(e,t,r){"use strict";var n=this&&this.__assign||function(){return(n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.createClass=void 0;var i=a(r(1));r(2);var o=/([A-Z])/g,s={"&":"&amp;",">":"&gt;","<":"&lt;",'"':"&quot;","'":"&#x27;"},l=/[&><"']/g;function h(e){return String(e).replace(l,(function(e){return s[e]}))}var c=function(e){return"data:image/svg+xml,"+encodeURIComponent(e.replace(/\s+/g," "))};t.createClass=function(e){var t;return null!==(t=null==e?void 0:e.filter((function(e){return e})).join(" "))&&void 0!==t?t:""};var m=function(e,r){return e.map((function(e){var n,a=r;(null===(n=null==e?void 0:e.style)||void 0===n?void 0:n.color)&&(a=e.style.color);var s=void 0;e instanceof i.default.__domTree.Span&&(s="span"),e instanceof i.default.__domTree.Anchor&&(s="anchor"),e instanceof i.default.__domTree.LineNode&&(s="line"),e instanceof i.default.__domTree.PathNode&&(s="path"),e instanceof i.default.__domTree.SvgNode&&(s="svg",a&&(e.attributes.fill=a)),e instanceof i.default.__domTree.SymbolNode&&(s="text");var l=e.children&&e.children.length>0?m(e.children,a):[];return s?function(e,r,n){var a=!1;r.classes&&r.classes.length>0&&(a=!0);var i,s=h((0,t.createClass)(r.classes)),l="";for(var m in"text"===e&&r.italic>0&&(l+="margin-right:"+r.italic+"em;"),r.style)r.style.hasOwnProperty(m)&&(l+="".concat((i=m,i.replace(o,"-$1").toLowerCase()),":").concat(r.style[m],";"));l&&(a=!0);var u={};for(var p in r.attributes)r.attributes.hasOwnProperty(p)&&(u[p]=h(r.attributes[p]));if("span"===e)return{name:"span",attrs:{class:s+" katex-span",style:l},children:n};if("text"===e){var d=h(r.text);return a?{name:"span",attrs:{class:s,style:l},children:[{type:"text",text:d}]}:{type:"text",text:d}}if("svg"===e){var f=r.toMarkup();return{name:"img",attrs:{src:c(f),class:"katex-svg"}}}return null}(s,e,l):l})).reduce((function(e,t){return Array.isArray(t)?e.push.apply(e,t):e.push(t),e}),[]).filter((function(e){return!!e}))};t.default=function(e,t){void 0===t&&(t={});try{var r=i.default.__renderToDomTree(e,n(n({},t),{output:"html"}));return m([r])}catch(e){return[{name:"span",attrs:{style:"color:red;"},children:[{type:"text",text:e.message}]}]}}},function(e,t,r){var n;"undefined"!=typeof self&&self,n=function(){return function(){"use strict";var e={d:function(t,r){for(var n in r)e.o(r,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:r[n]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)}},t={};e.d(t,{default:function(){return Fn}});var r=function e(t,r){this.position=void 0;var n,a="KaTeX parse error: "+t,i=r&&r.loc;if(i&&i.start<=i.end){var o=i.lexer.input;n=i.start;var s=i.end;n===o.length?a+=" at end of input: ":a+=" at position "+(n+1)+": ";var l=o.slice(n,s).replace(/[^]/g,"$&̲");a+=(n>15?"…"+o.slice(n-15,n):o.slice(0,n))+l+(s+15<o.length?o.slice(s,s+15)+"…":o.slice(s))}var h=new Error(a);return h.name="ParseError",h.__proto__=e.prototype,h.position=n,h};r.prototype.__proto__=Error.prototype;var n=r,a=/([A-Z])/g,i={"&":"&amp;",">":"&gt;","<":"&lt;",'"':"&quot;","'":"&#x27;"},o=/[&><"']/g,s=function e(t){return"ordgroup"===t.type||"color"===t.type?1===t.body.length?e(t.body[0]):t:"font"===t.type?e(t.body):t},l={contains:function(e,t){return-1!==e.indexOf(t)},deflt:function(e,t){return void 0===e?t:e},escape:function(e){return String(e).replace(o,(function(e){return i[e]}))},hyphenate:function(e){return e.replace(a,"-$1").toLowerCase()},getBaseElem:s,isCharacterBox:function(e){var t=s(e);return"mathord"===t.type||"textord"===t.type||"atom"===t.type},protocolFromUrl:function(e){var t=/^\s*([^\\/#]*?)(?::|&#0*58|&#x0*3a)/i.exec(e);return null!=t?t[1]:"_relative"}},h={displayMode:{type:"boolean",description:"Render math in display mode, which puts the math in display style (so \\int and \\sum are large, for example), and centers the math on the page on its own line.",cli:"-d, --display-mode"},output:{type:{enum:["htmlAndMathml","html","mathml"]},description:"Determines the markup language of the output.",cli:"-F, --format <type>"},leqno:{type:"boolean",description:"Render display math in leqno style (left-justified tags)."},fleqn:{type:"boolean",description:"Render display math flush left."},throwOnError:{type:"boolean",default:!0,cli:"-t, --no-throw-on-error",cliDescription:"Render errors (in the color given by --error-color) instead of throwing a ParseError exception when encountering an error."},errorColor:{type:"string",default:"#cc0000",cli:"-c, --error-color <color>",cliDescription:"A color string given in the format 'rgb' or 'rrggbb' (no #). This option determines the color of errors rendered by the -t option.",cliProcessor:function(e){return"#"+e}},macros:{type:"object",cli:"-m, --macro <def>",cliDescription:"Define custom macro of the form '\\foo:expansion' (use multiple -m arguments for multiple macros).",cliDefault:[],cliProcessor:function(e,t){return t.push(e),t}},minRuleThickness:{type:"number",description:"Specifies a minimum thickness, in ems, for fraction lines, `\\sqrt` top lines, `{array}` vertical lines, `\\hline`, `\\hdashline`, `\\underline`, `\\overline`, and the borders of `\\fbox`, `\\boxed`, and `\\fcolorbox`.",processor:function(e){return Math.max(0,e)},cli:"--min-rule-thickness <size>",cliProcessor:parseFloat},colorIsTextColor:{type:"boolean",description:"Makes \\color behave like LaTeX's 2-argument \\textcolor, instead of LaTeX's one-argument \\color mode change.",cli:"-b, --color-is-text-color"},strict:{type:[{enum:["warn","ignore","error"]},"boolean","function"],description:"Turn on strict / LaTeX faithfulness mode, which throws an error if the input uses features that are not supported by LaTeX.",cli:"-S, --strict",cliDefault:!1},trust:{type:["boolean","function"],description:"Trust the input, enabling all HTML features such as \\url.",cli:"-T, --trust"},maxSize:{type:"number",default:1/0,description:"If non-zero, all user-specified sizes, e.g. in \\rule{500em}{500em}, will be capped to maxSize ems. Otherwise, elements and spaces can be arbitrarily large",processor:function(e){return Math.max(0,e)},cli:"-s, --max-size <n>",cliProcessor:parseInt},maxExpand:{type:"number",default:1e3,description:"Limit the number of macro expansions to the specified number, to prevent e.g. infinite macro loops. If set to Infinity, the macro expander will try to fully expand as in LaTeX.",processor:function(e){return Math.max(0,e)},cli:"-e, --max-expand <n>",cliProcessor:function(e){return"Infinity"===e?1/0:parseInt(e)}},globalGroup:{type:"boolean",cli:!1}};function c(e){if(e.default)return e.default;var t=e.type,r=Array.isArray(t)?t[0]:t;if("string"!=typeof r)return r.enum[0];switch(r){case"boolean":return!1;case"string":return"";case"number":return 0;case"object":return{}}}var m=function(){function e(e){for(var t in this.displayMode=void 0,this.output=void 0,this.leqno=void 0,this.fleqn=void 0,this.throwOnError=void 0,this.errorColor=void 0,this.macros=void 0,this.minRuleThickness=void 0,this.colorIsTextColor=void 0,this.strict=void 0,this.trust=void 0,this.maxSize=void 0,this.maxExpand=void 0,this.globalGroup=void 0,e=e||{},h)if(h.hasOwnProperty(t)){var r=h[t];this[t]=void 0!==e[t]?r.processor?r.processor(e[t]):e[t]:c(r)}}var t=e.prototype;return t.reportNonstrict=function(e,t,r){var a=this.strict;if("function"==typeof a&&(a=a(e,t,r)),a&&"ignore"!==a){if(!0===a||"error"===a)throw new n("LaTeX-incompatible input and strict mode is set to 'error': "+t+" ["+e+"]",r);"warn"===a?"undefined"!=typeof console&&console.warn("LaTeX-incompatible input and strict mode is set to 'warn': "+t+" ["+e+"]"):"undefined"!=typeof console&&console.warn("LaTeX-incompatible input and strict mode is set to unrecognized '"+a+"': "+t+" ["+e+"]")}},t.useStrictBehavior=function(e,t,r){var n=this.strict;if("function"==typeof n)try{n=n(e,t,r)}catch(e){n="error"}return!(!n||"ignore"===n||!0!==n&&"error"!==n&&("warn"===n?("undefined"!=typeof console&&console.warn("LaTeX-incompatible input and strict mode is set to 'warn': "+t+" ["+e+"]"),1):("undefined"!=typeof console&&console.warn("LaTeX-incompatible input and strict mode is set to unrecognized '"+n+"': "+t+" ["+e+"]"),1)))},t.isTrusted=function(e){e.url&&!e.protocol&&(e.protocol=l.protocolFromUrl(e.url));var t="function"==typeof this.trust?this.trust(e):this.trust;return Boolean(t)},e}(),u=function(){function e(e,t,r){this.id=void 0,this.size=void 0,this.cramped=void 0,this.id=e,this.size=t,this.cramped=r}var t=e.prototype;return t.sup=function(){return p[d[this.id]]},t.sub=function(){return p[f[this.id]]},t.fracNum=function(){return p[g[this.id]]},t.fracDen=function(){return p[v[this.id]]},t.cramp=function(){return p[y[this.id]]},t.text=function(){return p[b[this.id]]},t.isTight=function(){return this.size>=2},e}(),p=[new u(0,0,!1),new u(1,0,!0),new u(2,1,!1),new u(3,1,!0),new u(4,2,!1),new u(5,2,!0),new u(6,3,!1),new u(7,3,!0)],d=[4,5,4,5,6,7,6,7],f=[5,5,5,5,7,7,7,7],g=[2,3,4,5,6,7,6,7],v=[3,3,5,5,7,7,7,7],y=[1,1,3,3,5,5,7,7],b=[0,1,2,3,2,3,2,3],x={DISPLAY:p[0],TEXT:p[2],SCRIPT:p[4],SCRIPTSCRIPT:p[6]},w=[{name:"latin",blocks:[[256,591],[768,879]]},{name:"cyrillic",blocks:[[1024,1279]]},{name:"armenian",blocks:[[1328,1423]]},{name:"brahmic",blocks:[[2304,4255]]},{name:"georgian",blocks:[[4256,4351]]},{name:"cjk",blocks:[[12288,12543],[19968,40879],[65280,65376]]},{name:"hangul",blocks:[[44032,55215]]}],k=[];function S(e){for(var t=0;t<k.length;t+=2)if(e>=k[t]&&e<=k[t+1])return!0;return!1}w.forEach((function(e){return e.blocks.forEach((function(e){return k.push.apply(k,e)}))}));var M={doubleleftarrow:"M262 157\nl10-10c34-36 62.7-77 86-123 3.3-8 5-13.3 5-16 0-5.3-6.7-8-20-8-7.3\n 0-12.2.5-14.5 1.5-2.3 1-4.8 4.5-7.5 10.5-49.3 97.3-121.7 169.3-217 216-28\n 14-57.3 25-88 33-6.7 2-11 3.8-13 5.5-2 1.7-3 4.2-3 7.5s1 5.8 3 7.5\nc2 1.7 6.3 3.5 13 5.5 68 17.3 128.2 47.8 180.5 91.5 52.3 43.7 93.8 96.2 124.5\n 157.5 9.3 8 15.3 12.3 18 13h6c12-.7 18-4 18-10 0-2-1.7-7-5-15-23.3-46-52-87\n-86-123l-10-10h399738v-40H218c328 0 0 0 0 0l-10-8c-26.7-20-65.7-43-117-69 2.7\n-2 6-3.7 10-5 36.7-16 72.3-37.3 107-64l10-8h399782v-40z\nm8 0v40h399730v-40zm0 194v40h399730v-40z",doublerightarrow:"M399738 392l\n-10 10c-34 36-62.7 77-86 123-3.3 8-5 13.3-5 16 0 5.3 6.7 8 20 8 7.3 0 12.2-.5\n 14.5-1.5 2.3-1 4.8-4.5 7.5-10.5 49.3-97.3 121.7-169.3 217-216 28-14 57.3-25 88\n-33 6.7-2 11-3.8 13-5.5 2-1.7 3-4.2 3-7.5s-1-5.8-3-7.5c-2-1.7-6.3-3.5-13-5.5-68\n-17.3-128.2-47.8-180.5-91.5-52.3-43.7-93.8-96.2-124.5-157.5-9.3-8-15.3-12.3-18\n-13h-6c-12 .7-18 4-18 10 0 2 1.7 7 5 15 23.3 46 52 87 86 123l10 10H0v40h399782\nc-328 0 0 0 0 0l10 8c26.7 20 65.7 43 117 69-2.7 2-6 3.7-10 5-36.7 16-72.3 37.3\n-107 64l-10 8H0v40zM0 157v40h399730v-40zm0 194v40h399730v-40z",leftarrow:"M400000 241H110l3-3c68.7-52.7 113.7-120\n 135-202 4-14.7 6-23 6-25 0-7.3-7-11-21-11-8 0-13.2.8-15.5 2.5-2.3 1.7-4.2 5.8\n-5.5 12.5-1.3 4.7-2.7 10.3-4 17-12 48.7-34.8 92-68.5 130S65.3 228.3 18 247\nc-10 4-16 7.7-18 11 0 8.7 6 14.3 18 17 47.3 18.7 87.8 47 121.5 85S196 441.3 208\n 490c.7 2 1.3 5 2 9s1.2 6.7 1.5 8c.3 1.3 1 3.3 2 6s2.2 4.5 3.5 5.5c1.3 1 3.3\n 1.8 6 2.5s6 1 10 1c14 0 21-3.7 21-11 0-2-2-10.3-6-25-20-79.3-65-146.7-135-202\n l-3-3h399890zM100 241v40h399900v-40z",leftbrace:"M6 548l-6-6v-35l6-11c56-104 135.3-181.3 238-232 57.3-28.7 117\n-45 179-50h399577v120H403c-43.3 7-81 15-113 26-100.7 33-179.7 91-237 174-2.7\n 5-6 9-10 13-.7 1-7.3 1-20 1H6z",leftbraceunder:"M0 6l6-6h17c12.688 0 19.313.3 20 1 4 4 7.313 8.3 10 13\n 35.313 51.3 80.813 93.8 136.5 127.5 55.688 33.7 117.188 55.8 184.5 66.5.688\n 0 2 .3 4 1 18.688 2.7 76 4.3 172 5h399450v120H429l-6-1c-124.688-8-235-61.7\n-331-161C60.687 138.7 32.312 99.3 7 54L0 41V6z",leftgroup:"M400000 80\nH435C64 80 168.3 229.4 21 260c-5.9 1.2-18 0-18 0-2 0-3-1-3-3v-38C76 61 257 0\n 435 0h399565z",leftgroupunder:"M400000 262\nH435C64 262 168.3 112.6 21 82c-5.9-1.2-18 0-18 0-2 0-3 1-3 3v38c76 158 257 219\n 435 219h399565z",leftharpoon:"M0 267c.7 5.3 3 10 7 14h399993v-40H93c3.3\n-3.3 10.2-9.5 20.5-18.5s17.8-15.8 22.5-20.5c50.7-52 88-110.3 112-175 4-11.3 5\n-18.3 3-21-1.3-4-7.3-6-18-6-8 0-13 .7-15 2s-4.7 6.7-8 16c-42 98.7-107.3 174.7\n-196 228-6.7 4.7-10.7 8-12 10-1.3 2-2 5.7-2 11zm100-26v40h399900v-40z",leftharpoonplus:"M0 267c.7 5.3 3 10 7 14h399993v-40H93c3.3-3.3 10.2-9.5\n 20.5-18.5s17.8-15.8 22.5-20.5c50.7-52 88-110.3 112-175 4-11.3 5-18.3 3-21-1.3\n-4-7.3-6-18-6-8 0-13 .7-15 2s-4.7 6.7-8 16c-42 98.7-107.3 174.7-196 228-6.7 4.7\n-10.7 8-12 10-1.3 2-2 5.7-2 11zm100-26v40h399900v-40zM0 435v40h400000v-40z\nm0 0v40h400000v-40z",leftharpoondown:"M7 241c-4 4-6.333 8.667-7 14 0 5.333.667 9 2 11s5.333\n 5.333 12 10c90.667 54 156 130 196 228 3.333 10.667 6.333 16.333 9 17 2 .667 5\n 1 9 1h5c10.667 0 16.667-2 18-6 2-2.667 1-9.667-3-21-32-87.333-82.667-157.667\n-152-211l-3-3h399907v-40zM93 281 H400000 v-40L7 241z",leftharpoondownplus:"M7 435c-4 4-6.3 8.7-7 14 0 5.3.7 9 2 11s5.3 5.3 12\n 10c90.7 54 156 130 196 228 3.3 10.7 6.3 16.3 9 17 2 .7 5 1 9 1h5c10.7 0 16.7\n-2 18-6 2-2.7 1-9.7-3-21-32-87.3-82.7-157.7-152-211l-3-3h399907v-40H7zm93 0\nv40h399900v-40zM0 241v40h399900v-40zm0 0v40h399900v-40z",lefthook:"M400000 281 H103s-33-11.2-61-33.5S0 197.3 0 164s14.2-61.2 42.5\n-83.5C70.8 58.2 104 47 142 47 c16.7 0 25 6.7 25 20 0 12-8.7 18.7-26 20-40 3.3\n-68.7 15.7-86 37-10 12-15 25.3-15 40 0 22.7 9.8 40.7 29.5 54 19.7 13.3 43.5 21\n 71.5 23h399859zM103 281v-40h399897v40z",leftlinesegment:"M40 281 V428 H0 V94 H40 V241 H400000 v40z\nM40 281 V428 H0 V94 H40 V241 H400000 v40z",leftmapsto:"M40 281 V448H0V74H40V241H400000v40z\nM40 281 V448H0V74H40V241H400000v40z",leftToFrom:"M0 147h400000v40H0zm0 214c68 40 115.7 95.7 143 167h22c15.3 0 23\n-.3 23-1 0-1.3-5.3-13.7-16-37-18-35.3-41.3-69-70-101l-7-8h399905v-40H95l7-8\nc28.7-32 52-65.7 70-101 10.7-23.3 16-35.7 16-37 0-.7-7.7-1-23-1h-22C115.7 265.3\n 68 321 0 361zm0-174v-40h399900v40zm100 154v40h399900v-40z",longequal:"M0 50 h400000 v40H0z m0 194h40000v40H0z\nM0 50 h400000 v40H0z m0 194h40000v40H0z",midbrace:"M200428 334\nc-100.7-8.3-195.3-44-280-108-55.3-42-101.7-93-139-153l-9-14c-2.7 4-5.7 8.7-9 14\n-53.3 86.7-123.7 153-211 199-66.7 36-137.3 56.3-212 62H0V214h199568c178.3-11.7\n 311.7-78.3 403-201 6-8 9.7-12 11-12 .7-.7 6.7-1 18-1s17.3.3 18 1c1.3 0 5 4 11\n 12 44.7 59.3 101.3 106.3 170 141s145.3 54.3 229 60h199572v120z",midbraceunder:"M199572 214\nc100.7 8.3 195.3 44 280 108 55.3 42 101.7 93 139 153l9 14c2.7-4 5.7-8.7 9-14\n 53.3-86.7 123.7-153 211-199 66.7-36 137.3-56.3 212-62h199568v120H200432c-178.3\n 11.7-311.7 78.3-403 201-6 8-9.7 12-11 12-.7.7-6.7 1-18 1s-17.3-.3-18-1c-1.3 0\n-5-4-11-12-44.7-59.3-101.3-106.3-170-141s-145.3-54.3-229-60H0V214z",oiintSize1:"M512.6 71.6c272.6 0 320.3 106.8 320.3 178.2 0 70.8-47.7 177.6\n-320.3 177.6S193.1 320.6 193.1 249.8c0-71.4 46.9-178.2 319.5-178.2z\nm368.1 178.2c0-86.4-60.9-215.4-368.1-215.4-306.4 0-367.3 129-367.3 215.4 0 85.8\n60.9 214.8 367.3 214.8 307.2 0 368.1-129 368.1-214.8z",oiintSize2:"M757.8 100.1c384.7 0 451.1 137.6 451.1 230 0 91.3-66.4 228.8\n-451.1 228.8-386.3 0-452.7-137.5-452.7-228.8 0-92.4 66.4-230 452.7-230z\nm502.4 230c0-111.2-82.4-277.2-502.4-277.2s-504 166-504 277.2\nc0 110 84 276 504 276s502.4-166 502.4-276z",oiiintSize1:"M681.4 71.6c408.9 0 480.5 106.8 480.5 178.2 0 70.8-71.6 177.6\n-480.5 177.6S202.1 320.6 202.1 249.8c0-71.4 70.5-178.2 479.3-178.2z\nm525.8 178.2c0-86.4-86.8-215.4-525.7-215.4-437.9 0-524.7 129-524.7 215.4 0\n85.8 86.8 214.8 524.7 214.8 438.9 0 525.7-129 525.7-214.8z",oiiintSize2:"M1021.2 53c603.6 0 707.8 165.8 707.8 277.2 0 110-104.2 275.8\n-707.8 275.8-606 0-710.2-165.8-710.2-275.8C311 218.8 415.2 53 1021.2 53z\nm770.4 277.1c0-131.2-126.4-327.6-770.5-327.6S248.4 198.9 248.4 330.1\nc0 130 128.8 326.4 772.7 326.4s770.5-196.4 770.5-326.4z",rightarrow:"M0 241v40h399891c-47.3 35.3-84 78-110 128\n-16.7 32-27.7 63.7-33 95 0 1.3-.2 2.7-.5 4-.3 1.3-.5 2.3-.5 3 0 7.3 6.7 11 20\n 11 8 0 13.2-.8 15.5-2.5 2.3-1.7 4.2-5.5 5.5-11.5 2-13.3 5.7-27 11-41 14.7-44.7\n 39-84.5 73-119.5s73.7-60.2 119-75.5c6-2 9-5.7 9-11s-3-9-9-11c-45.3-15.3-85\n-40.5-119-75.5s-58.3-74.8-73-119.5c-4.7-14-8.3-27.3-11-40-1.3-6.7-3.2-10.8-5.5\n-12.5-2.3-1.7-7.5-2.5-15.5-2.5-14 0-21 3.7-21 11 0 2 2 10.3 6 25 20.7 83.3 67\n 151.7 139 205zm0 0v40h399900v-40z",rightbrace:"M400000 542l\n-6 6h-17c-12.7 0-19.3-.3-20-1-4-4-7.3-8.3-10-13-35.3-51.3-80.8-93.8-136.5-127.5\ns-117.2-55.8-184.5-66.5c-.7 0-2-.3-4-1-18.7-2.7-76-4.3-172-5H0V214h399571l6 1\nc124.7 8 235 61.7 331 161 31.3 33.3 59.7 72.7 85 118l7 13v35z",rightbraceunder:"M399994 0l6 6v35l-6 11c-56 104-135.3 181.3-238 232-57.3\n 28.7-117 45-179 50H-300V214h399897c43.3-7 81-15 113-26 100.7-33 179.7-91 237\n-174 2.7-5 6-9 10-13 .7-1 7.3-1 20-1h17z",rightgroup:"M0 80h399565c371 0 266.7 149.4 414 180 5.9 1.2 18 0 18 0 2 0\n 3-1 3-3v-38c-76-158-257-219-435-219H0z",rightgroupunder:"M0 262h399565c371 0 266.7-149.4 414-180 5.9-1.2 18 0 18\n 0 2 0 3 1 3 3v38c-76 158-257 219-435 219H0z",rightharpoon:"M0 241v40h399993c4.7-4.7 7-9.3 7-14 0-9.3\n-3.7-15.3-11-18-92.7-56.7-159-133.7-199-231-3.3-9.3-6-14.7-8-16-2-1.3-7-2-15-2\n-10.7 0-16.7 2-18 6-2 2.7-1 9.7 3 21 15.3 42 36.7 81.8 64 119.5 27.3 37.7 58\n 69.2 92 94.5zm0 0v40h399900v-40z",rightharpoonplus:"M0 241v40h399993c4.7-4.7 7-9.3 7-14 0-9.3-3.7-15.3-11\n-18-92.7-56.7-159-133.7-199-231-3.3-9.3-6-14.7-8-16-2-1.3-7-2-15-2-10.7 0-16.7\n 2-18 6-2 2.7-1 9.7 3 21 15.3 42 36.7 81.8 64 119.5 27.3 37.7 58 69.2 92 94.5z\nm0 0v40h399900v-40z m100 194v40h399900v-40zm0 0v40h399900v-40z",rightharpoondown:"M399747 511c0 7.3 6.7 11 20 11 8 0 13-.8 15-2.5s4.7-6.8\n 8-15.5c40-94 99.3-166.3 178-217 13.3-8 20.3-12.3 21-13 5.3-3.3 8.5-5.8 9.5\n-7.5 1-1.7 1.5-5.2 1.5-10.5s-2.3-10.3-7-15H0v40h399908c-34 25.3-64.7 57-92 95\n-27.3 38-48.7 77.7-64 119-3.3 8.7-5 14-5 16zM0 241v40h399900v-40z",rightharpoondownplus:"M399747 705c0 7.3 6.7 11 20 11 8 0 13-.8\n 15-2.5s4.7-6.8 8-15.5c40-94 99.3-166.3 178-217 13.3-8 20.3-12.3 21-13 5.3-3.3\n 8.5-5.8 9.5-7.5 1-1.7 1.5-5.2 1.5-10.5s-2.3-10.3-7-15H0v40h399908c-34 25.3\n-64.7 57-92 95-27.3 38-48.7 77.7-64 119-3.3 8.7-5 14-5 16zM0 435v40h399900v-40z\nm0-194v40h400000v-40zm0 0v40h400000v-40z",righthook:"M399859 241c-764 0 0 0 0 0 40-3.3 68.7-15.7 86-37 10-12 15-25.3\n 15-40 0-22.7-9.8-40.7-29.5-54-19.7-13.3-43.5-21-71.5-23-17.3-1.3-26-8-26-20 0\n-13.3 8.7-20 26-20 38 0 71 11.2 99 33.5 0 0 7 5.6 21 16.7 14 11.2 21 33.5 21\n 66.8s-14 61.2-42 83.5c-28 22.3-61 33.5-99 33.5L0 241z M0 281v-40h399859v40z",rightlinesegment:"M399960 241 V94 h40 V428 h-40 V281 H0 v-40z\nM399960 241 V94 h40 V428 h-40 V281 H0 v-40z",rightToFrom:"M400000 167c-70.7-42-118-97.7-142-167h-23c-15.3 0-23 .3-23\n 1 0 1.3 5.3 13.7 16 37 18 35.3 41.3 69 70 101l7 8H0v40h399905l-7 8c-28.7 32\n-52 65.7-70 101-10.7 23.3-16 35.7-16 37 0 .7 7.7 1 23 1h23c24-69.3 71.3-125 142\n-167z M100 147v40h399900v-40zM0 341v40h399900v-40z",twoheadleftarrow:"M0 167c68 40\n 115.7 95.7 143 167h22c15.3 0 23-.3 23-1 0-1.3-5.3-13.7-16-37-18-35.3-41.3-69\n-70-101l-7-8h125l9 7c50.7 39.3 85 86 103 140h46c0-4.7-6.3-18.7-19-42-18-35.3\n-40-67.3-66-96l-9-9h399716v-40H284l9-9c26-28.7 48-60.7 66-96 12.7-23.333 19\n-37.333 19-42h-46c-18 54-52.3 100.7-103 140l-9 7H95l7-8c28.7-32 52-65.7 70-101\n 10.7-23.333 16-35.7 16-37 0-.7-7.7-1-23-1h-22C115.7 71.3 68 127 0 167z",twoheadrightarrow:"M400000 167\nc-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3\n 41.3 69 70 101l7 8h-125l-9-7c-50.7-39.3-85-86-103-140h-46c0 4.7 6.3 18.7 19 42\n 18 35.3 40 67.3 66 96l9 9H0v40h399716l-9 9c-26 28.7-48 60.7-66 96-12.7 23.333\n-19 37.333-19 42h46c18-54 52.3-100.7 103-140l9-7h125l-7 8c-28.7 32-52 65.7-70\n 101-10.7 23.333-16 35.7-16 37 0 .7 7.7 1 23 1h22c27.3-71.3 75-127 143-167z",tilde1:"M200 55.538c-77 0-168 73.953-177 73.953-3 0-7\n-2.175-9-5.437L2 97c-1-2-2-4-2-6 0-4 2-7 5-9l20-12C116 12 171 0 207 0c86 0\n 114 68 191 68 78 0 168-68 177-68 4 0 7 2 9 5l12 19c1 2.175 2 4.35 2 6.525 0\n 4.35-2 7.613-5 9.788l-19 13.05c-92 63.077-116.937 75.308-183 76.128\n-68.267.847-113-73.952-191-73.952z",tilde2:"M344 55.266c-142 0-300.638 81.316-311.5 86.418\n-8.01 3.762-22.5 10.91-23.5 5.562L1 120c-1-2-1-3-1-4 0-5 3-9 8-10l18.4-9C160.9\n 31.9 283 0 358 0c148 0 188 122 331 122s314-97 326-97c4 0 8 2 10 7l7 21.114\nc1 2.14 1 3.21 1 4.28 0 5.347-3 9.626-7 10.696l-22.3 12.622C852.6 158.372 751\n 181.476 676 181.476c-149 0-189-126.21-332-126.21z",tilde3:"M786 59C457 59 32 175.242 13 175.242c-6 0-10-3.457\n-11-10.37L.15 138c-1-7 3-12 10-13l19.2-6.4C378.4 40.7 634.3 0 804.3 0c337 0\n 411.8 157 746.8 157 328 0 754-112 773-112 5 0 10 3 11 9l1 14.075c1 8.066-.697\n 16.595-6.697 17.492l-21.052 7.31c-367.9 98.146-609.15 122.696-778.15 122.696\n -338 0-409-156.573-744-156.573z",tilde4:"M786 58C457 58 32 177.487 13 177.487c-6 0-10-3.345\n-11-10.035L.15 143c-1-7 3-12 10-13l22-6.7C381.2 35 637.15 0 807.15 0c337 0 409\n 177 744 177 328 0 754-127 773-127 5 0 10 3 11 9l1 14.794c1 7.805-3 13.38-9\n 14.495l-20.7 5.574c-366.85 99.79-607.3 139.372-776.3 139.372-338 0-409\n -175.236-744-175.236z",vec:"M377 20c0-5.333 1.833-10 5.5-14S391 0 397 0c4.667 0 8.667 1.667 12 5\n3.333 2.667 6.667 9 10 19 6.667 24.667 20.333 43.667 41 57 7.333 4.667 11\n10.667 11 18 0 6-1 10-3 12s-6.667 5-14 9c-28.667 14.667-53.667 35.667-75 63\n-1.333 1.333-3.167 3.5-5.5 6.5s-4 4.833-5 5.5c-1 .667-2.5 1.333-4.5 2s-4.333 1\n-7 1c-4.667 0-9.167-1.833-13.5-5.5S337 184 337 178c0-12.667 15.667-32.333 47-59\nH213l-171-1c-8.667-6-13-12.333-13-19 0-4.667 4.333-11.333 13-20h359\nc-16-25.333-24-45-24-59z",widehat1:"M529 0h5l519 115c5 1 9 5 9 10 0 1-1 2-1 3l-4 22\nc-1 5-5 9-11 9h-2L532 67 19 159h-2c-5 0-9-4-11-9l-5-22c-1-6 2-12 8-13z",widehat2:"M1181 0h2l1171 176c6 0 10 5 10 11l-2 23c-1 6-5 10\n-11 10h-1L1182 67 15 220h-1c-6 0-10-4-11-10l-2-23c-1-6 4-11 10-11z",widehat3:"M1181 0h2l1171 236c6 0 10 5 10 11l-2 23c-1 6-5 10\n-11 10h-1L1182 67 15 280h-1c-6 0-10-4-11-10l-2-23c-1-6 4-11 10-11z",widehat4:"M1181 0h2l1171 296c6 0 10 5 10 11l-2 23c-1 6-5 10\n-11 10h-1L1182 67 15 340h-1c-6 0-10-4-11-10l-2-23c-1-6 4-11 10-11z",widecheck1:"M529,159h5l519,-115c5,-1,9,-5,9,-10c0,-1,-1,-2,-1,-3l-4,-22c-1,\n-5,-5,-9,-11,-9h-2l-512,92l-513,-92h-2c-5,0,-9,4,-11,9l-5,22c-1,6,2,12,8,13z",widecheck2:"M1181,220h2l1171,-176c6,0,10,-5,10,-11l-2,-23c-1,-6,-5,-10,\n-11,-10h-1l-1168,153l-1167,-153h-1c-6,0,-10,4,-11,10l-2,23c-1,6,4,11,10,11z",widecheck3:"M1181,280h2l1171,-236c6,0,10,-5,10,-11l-2,-23c-1,-6,-5,-10,\n-11,-10h-1l-1168,213l-1167,-213h-1c-6,0,-10,4,-11,10l-2,23c-1,6,4,11,10,11z",widecheck4:"M1181,340h2l1171,-296c6,0,10,-5,10,-11l-2,-23c-1,-6,-5,-10,\n-11,-10h-1l-1168,273l-1167,-273h-1c-6,0,-10,4,-11,10l-2,23c-1,6,4,11,10,11z",baraboveleftarrow:"M400000 620h-399890l3 -3c68.7 -52.7 113.7 -120 135 -202\nc4 -14.7 6 -23 6 -25c0 -7.3 -7 -11 -21 -11c-8 0 -13.2 0.8 -15.5 2.5\nc-2.3 1.7 -4.2 5.8 -5.5 12.5c-1.3 4.7 -2.7 10.3 -4 17c-12 48.7 -34.8 92 -68.5 130\ns-74.2 66.3 -121.5 85c-10 4 -16 7.7 -18 11c0 8.7 6 14.3 18 17c47.3 18.7 87.8 47\n121.5 85s56.5 81.3 68.5 130c0.7 2 1.3 5 2 9s1.2 6.7 1.5 8c0.3 1.3 1 3.3 2 6\ns2.2 4.5 3.5 5.5c1.3 1 3.3 1.8 6 2.5s6 1 10 1c14 0 21 -3.7 21 -11\nc0 -2 -2 -10.3 -6 -25c-20 -79.3 -65 -146.7 -135 -202l-3 -3h399890z\nM100 620v40h399900v-40z M0 241v40h399900v-40zM0 241v40h399900v-40z",rightarrowabovebar:"M0 241v40h399891c-47.3 35.3-84 78-110 128-16.7 32\n-27.7 63.7-33 95 0 1.3-.2 2.7-.5 4-.3 1.3-.5 2.3-.5 3 0 7.3 6.7 11 20 11 8 0\n13.2-.8 15.5-2.5 2.3-1.7 4.2-5.5 5.5-11.5 2-13.3 5.7-27 11-41 14.7-44.7 39\n-84.5 73-119.5s73.7-60.2 119-75.5c6-2 9-5.7 9-11s-3-9-9-11c-45.3-15.3-85-40.5\n-119-75.5s-58.3-74.8-73-119.5c-4.7-14-8.3-27.3-11-40-1.3-6.7-3.2-10.8-5.5\n-12.5-2.3-1.7-7.5-2.5-15.5-2.5-14 0-21 3.7-21 11 0 2 2 10.3 6 25 20.7 83.3 67\n151.7 139 205zm96 379h399894v40H0zm0 0h399904v40H0z",baraboveshortleftharpoon:"M507,435c-4,4,-6.3,8.7,-7,14c0,5.3,0.7,9,2,11\nc1.3,2,5.3,5.3,12,10c90.7,54,156,130,196,228c3.3,10.7,6.3,16.3,9,17\nc2,0.7,5,1,9,1c0,0,5,0,5,0c10.7,0,16.7,-2,18,-6c2,-2.7,1,-9.7,-3,-21\nc-32,-87.3,-82.7,-157.7,-152,-211c0,0,-3,-3,-3,-3l399351,0l0,-40\nc-398570,0,-399437,0,-399437,0z M593 435 v40 H399500 v-40z\nM0 281 v-40 H399908 v40z M0 281 v-40 H399908 v40z",rightharpoonaboveshortbar:"M0,241 l0,40c399126,0,399993,0,399993,0\nc4.7,-4.7,7,-9.3,7,-14c0,-9.3,-3.7,-15.3,-11,-18c-92.7,-56.7,-159,-133.7,-199,\n-231c-3.3,-9.3,-6,-14.7,-8,-16c-2,-1.3,-7,-2,-15,-2c-10.7,0,-16.7,2,-18,6\nc-2,2.7,-1,9.7,3,21c15.3,42,36.7,81.8,64,119.5c27.3,37.7,58,69.2,92,94.5z\nM0 241 v40 H399908 v-40z M0 475 v-40 H399500 v40z M0 475 v-40 H399500 v40z",shortbaraboveleftharpoon:"M7,435c-4,4,-6.3,8.7,-7,14c0,5.3,0.7,9,2,11\nc1.3,2,5.3,5.3,12,10c90.7,54,156,130,196,228c3.3,10.7,6.3,16.3,9,17c2,0.7,5,1,9,\n1c0,0,5,0,5,0c10.7,0,16.7,-2,18,-6c2,-2.7,1,-9.7,-3,-21c-32,-87.3,-82.7,-157.7,\n-152,-211c0,0,-3,-3,-3,-3l399907,0l0,-40c-399126,0,-399993,0,-399993,0z\nM93 435 v40 H400000 v-40z M500 241 v40 H400000 v-40z M500 241 v40 H400000 v-40z",shortrightharpoonabovebar:"M53,241l0,40c398570,0,399437,0,399437,0\nc4.7,-4.7,7,-9.3,7,-14c0,-9.3,-3.7,-15.3,-11,-18c-92.7,-56.7,-159,-133.7,-199,\n-231c-3.3,-9.3,-6,-14.7,-8,-16c-2,-1.3,-7,-2,-15,-2c-10.7,0,-16.7,2,-18,6\nc-2,2.7,-1,9.7,3,21c15.3,42,36.7,81.8,64,119.5c27.3,37.7,58,69.2,92,94.5z\nM500 241 v40 H399408 v-40z M500 435 v40 H400000 v-40z"},z=function(){function e(e){this.children=void 0,this.classes=void 0,this.height=void 0,this.depth=void 0,this.maxFontSize=void 0,this.style=void 0,this.children=e,this.classes=[],this.height=0,this.depth=0,this.maxFontSize=0,this.style={}}var t=e.prototype;return t.hasClass=function(e){return l.contains(this.classes,e)},t.toNode=function(){for(var e=document.createDocumentFragment(),t=0;t<this.children.length;t++)e.appendChild(this.children[t].toNode());return e},t.toMarkup=function(){for(var e="",t=0;t<this.children.length;t++)e+=this.children[t].toMarkup();return e},t.toText=function(){var e=function(e){return e.toText()};return this.children.map(e).join("")},e}(),A={"AMS-Regular":{32:[0,0,0,0,.25],65:[0,.68889,0,0,.72222],66:[0,.68889,0,0,.66667],67:[0,.68889,0,0,.72222],68:[0,.68889,0,0,.72222],69:[0,.68889,0,0,.66667],70:[0,.68889,0,0,.61111],71:[0,.68889,0,0,.77778],72:[0,.68889,0,0,.77778],73:[0,.68889,0,0,.38889],74:[.16667,.68889,0,0,.5],75:[0,.68889,0,0,.77778],76:[0,.68889,0,0,.66667],77:[0,.68889,0,0,.94445],78:[0,.68889,0,0,.72222],79:[.16667,.68889,0,0,.77778],80:[0,.68889,0,0,.61111],81:[.16667,.68889,0,0,.77778],82:[0,.68889,0,0,.72222],83:[0,.68889,0,0,.55556],84:[0,.68889,0,0,.66667],85:[0,.68889,0,0,.72222],86:[0,.68889,0,0,.72222],87:[0,.68889,0,0,1],88:[0,.68889,0,0,.72222],89:[0,.68889,0,0,.72222],90:[0,.68889,0,0,.66667],107:[0,.68889,0,0,.55556],160:[0,0,0,0,.25],165:[0,.675,.025,0,.75],174:[.15559,.69224,0,0,.94666],240:[0,.68889,0,0,.55556],295:[0,.68889,0,0,.54028],710:[0,.825,0,0,2.33334],732:[0,.9,0,0,2.33334],770:[0,.825,0,0,2.33334],771:[0,.9,0,0,2.33334],989:[.08167,.58167,0,0,.77778],1008:[0,.43056,.04028,0,.66667],8245:[0,.54986,0,0,.275],8463:[0,.68889,0,0,.54028],8487:[0,.68889,0,0,.72222],8498:[0,.68889,0,0,.55556],8502:[0,.68889,0,0,.66667],8503:[0,.68889,0,0,.44445],8504:[0,.68889,0,0,.66667],8513:[0,.68889,0,0,.63889],8592:[-.03598,.46402,0,0,.5],8594:[-.03598,.46402,0,0,.5],8602:[-.13313,.36687,0,0,1],8603:[-.13313,.36687,0,0,1],8606:[.01354,.52239,0,0,1],8608:[.01354,.52239,0,0,1],8610:[.01354,.52239,0,0,1.11111],8611:[.01354,.52239,0,0,1.11111],8619:[0,.54986,0,0,1],8620:[0,.54986,0,0,1],8621:[-.13313,.37788,0,0,1.38889],8622:[-.13313,.36687,0,0,1],8624:[0,.69224,0,0,.5],8625:[0,.69224,0,0,.5],8630:[0,.43056,0,0,1],8631:[0,.43056,0,0,1],8634:[.08198,.58198,0,0,.77778],8635:[.08198,.58198,0,0,.77778],8638:[.19444,.69224,0,0,.41667],8639:[.19444,.69224,0,0,.41667],8642:[.19444,.69224,0,0,.41667],8643:[.19444,.69224,0,0,.41667],8644:[.1808,.675,0,0,1],8646:[.1808,.675,0,0,1],8647:[.1808,.675,0,0,1],8648:[.19444,.69224,0,0,.83334],8649:[.1808,.675,0,0,1],8650:[.19444,.69224,0,0,.83334],8651:[.01354,.52239,0,0,1],8652:[.01354,.52239,0,0,1],8653:[-.13313,.36687,0,0,1],8654:[-.13313,.36687,0,0,1],8655:[-.13313,.36687,0,0,1],8666:[.13667,.63667,0,0,1],8667:[.13667,.63667,0,0,1],8669:[-.13313,.37788,0,0,1],8672:[-.064,.437,0,0,1.334],8674:[-.064,.437,0,0,1.334],8705:[0,.825,0,0,.5],8708:[0,.68889,0,0,.55556],8709:[.08167,.58167,0,0,.77778],8717:[0,.43056,0,0,.42917],8722:[-.03598,.46402,0,0,.5],8724:[.08198,.69224,0,0,.77778],8726:[.08167,.58167,0,0,.77778],8733:[0,.69224,0,0,.77778],8736:[0,.69224,0,0,.72222],8737:[0,.69224,0,0,.72222],8738:[.03517,.52239,0,0,.72222],8739:[.08167,.58167,0,0,.22222],8740:[.25142,.74111,0,0,.27778],8741:[.08167,.58167,0,0,.38889],8742:[.25142,.74111,0,0,.5],8756:[0,.69224,0,0,.66667],8757:[0,.69224,0,0,.66667],8764:[-.13313,.36687,0,0,.77778],8765:[-.13313,.37788,0,0,.77778],8769:[-.13313,.36687,0,0,.77778],8770:[-.03625,.46375,0,0,.77778],8774:[.30274,.79383,0,0,.77778],8776:[-.01688,.48312,0,0,.77778],8778:[.08167,.58167,0,0,.77778],8782:[.06062,.54986,0,0,.77778],8783:[.06062,.54986,0,0,.77778],8785:[.08198,.58198,0,0,.77778],8786:[.08198,.58198,0,0,.77778],8787:[.08198,.58198,0,0,.77778],8790:[0,.69224,0,0,.77778],8791:[.22958,.72958,0,0,.77778],8796:[.08198,.91667,0,0,.77778],8806:[.25583,.75583,0,0,.77778],8807:[.25583,.75583,0,0,.77778],8808:[.25142,.75726,0,0,.77778],8809:[.25142,.75726,0,0,.77778],8812:[.25583,.75583,0,0,.5],8814:[.20576,.70576,0,0,.77778],8815:[.20576,.70576,0,0,.77778],8816:[.30274,.79383,0,0,.77778],8817:[.30274,.79383,0,0,.77778],8818:[.22958,.72958,0,0,.77778],8819:[.22958,.72958,0,0,.77778],8822:[.1808,.675,0,0,.77778],8823:[.1808,.675,0,0,.77778],8828:[.13667,.63667,0,0,.77778],8829:[.13667,.63667,0,0,.77778],8830:[.22958,.72958,0,0,.77778],8831:[.22958,.72958,0,0,.77778],8832:[.20576,.70576,0,0,.77778],8833:[.20576,.70576,0,0,.77778],8840:[.30274,.79383,0,0,.77778],8841:[.30274,.79383,0,0,.77778],8842:[.13597,.63597,0,0,.77778],8843:[.13597,.63597,0,0,.77778],8847:[.03517,.54986,0,0,.77778],8848:[.03517,.54986,0,0,.77778],8858:[.08198,.58198,0,0,.77778],8859:[.08198,.58198,0,0,.77778],8861:[.08198,.58198,0,0,.77778],8862:[0,.675,0,0,.77778],8863:[0,.675,0,0,.77778],8864:[0,.675,0,0,.77778],8865:[0,.675,0,0,.77778],8872:[0,.69224,0,0,.61111],8873:[0,.69224,0,0,.72222],8874:[0,.69224,0,0,.88889],8876:[0,.68889,0,0,.61111],8877:[0,.68889,0,0,.61111],8878:[0,.68889,0,0,.72222],8879:[0,.68889,0,0,.72222],8882:[.03517,.54986,0,0,.77778],8883:[.03517,.54986,0,0,.77778],8884:[.13667,.63667,0,0,.77778],8885:[.13667,.63667,0,0,.77778],8888:[0,.54986,0,0,1.11111],8890:[.19444,.43056,0,0,.55556],8891:[.19444,.69224,0,0,.61111],8892:[.19444,.69224,0,0,.61111],8901:[0,.54986,0,0,.27778],8903:[.08167,.58167,0,0,.77778],8905:[.08167,.58167,0,0,.77778],8906:[.08167,.58167,0,0,.77778],8907:[0,.69224,0,0,.77778],8908:[0,.69224,0,0,.77778],8909:[-.03598,.46402,0,0,.77778],8910:[0,.54986,0,0,.76042],8911:[0,.54986,0,0,.76042],8912:[.03517,.54986,0,0,.77778],8913:[.03517,.54986,0,0,.77778],8914:[0,.54986,0,0,.66667],8915:[0,.54986,0,0,.66667],8916:[0,.69224,0,0,.66667],8918:[.0391,.5391,0,0,.77778],8919:[.0391,.5391,0,0,.77778],8920:[.03517,.54986,0,0,1.33334],8921:[.03517,.54986,0,0,1.33334],8922:[.38569,.88569,0,0,.77778],8923:[.38569,.88569,0,0,.77778],8926:[.13667,.63667,0,0,.77778],8927:[.13667,.63667,0,0,.77778],8928:[.30274,.79383,0,0,.77778],8929:[.30274,.79383,0,0,.77778],8934:[.23222,.74111,0,0,.77778],8935:[.23222,.74111,0,0,.77778],8936:[.23222,.74111,0,0,.77778],8937:[.23222,.74111,0,0,.77778],8938:[.20576,.70576,0,0,.77778],8939:[.20576,.70576,0,0,.77778],8940:[.30274,.79383,0,0,.77778],8941:[.30274,.79383,0,0,.77778],8994:[.19444,.69224,0,0,.77778],8995:[.19444,.69224,0,0,.77778],9416:[.15559,.69224,0,0,.90222],9484:[0,.69224,0,0,.5],9488:[0,.69224,0,0,.5],9492:[0,.37788,0,0,.5],9496:[0,.37788,0,0,.5],9585:[.19444,.68889,0,0,.88889],9586:[.19444,.74111,0,0,.88889],9632:[0,.675,0,0,.77778],9633:[0,.675,0,0,.77778],9650:[0,.54986,0,0,.72222],9651:[0,.54986,0,0,.72222],9654:[.03517,.54986,0,0,.77778],9660:[0,.54986,0,0,.72222],9661:[0,.54986,0,0,.72222],9664:[.03517,.54986,0,0,.77778],9674:[.11111,.69224,0,0,.66667],9733:[.19444,.69224,0,0,.94445],10003:[0,.69224,0,0,.83334],10016:[0,.69224,0,0,.83334],10731:[.11111,.69224,0,0,.66667],10846:[.19444,.75583,0,0,.61111],10877:[.13667,.63667,0,0,.77778],10878:[.13667,.63667,0,0,.77778],10885:[.25583,.75583,0,0,.77778],10886:[.25583,.75583,0,0,.77778],10887:[.13597,.63597,0,0,.77778],10888:[.13597,.63597,0,0,.77778],10889:[.26167,.75726,0,0,.77778],10890:[.26167,.75726,0,0,.77778],10891:[.48256,.98256,0,0,.77778],10892:[.48256,.98256,0,0,.77778],10901:[.13667,.63667,0,0,.77778],10902:[.13667,.63667,0,0,.77778],10933:[.25142,.75726,0,0,.77778],10934:[.25142,.75726,0,0,.77778],10935:[.26167,.75726,0,0,.77778],10936:[.26167,.75726,0,0,.77778],10937:[.26167,.75726,0,0,.77778],10938:[.26167,.75726,0,0,.77778],10949:[.25583,.75583,0,0,.77778],10950:[.25583,.75583,0,0,.77778],10955:[.28481,.79383,0,0,.77778],10956:[.28481,.79383,0,0,.77778],57350:[.08167,.58167,0,0,.22222],57351:[.08167,.58167,0,0,.38889],57352:[.08167,.58167,0,0,.77778],57353:[0,.43056,.04028,0,.66667],57356:[.25142,.75726,0,0,.77778],57357:[.25142,.75726,0,0,.77778],57358:[.41951,.91951,0,0,.77778],57359:[.30274,.79383,0,0,.77778],57360:[.30274,.79383,0,0,.77778],57361:[.41951,.91951,0,0,.77778],57366:[.25142,.75726,0,0,.77778],57367:[.25142,.75726,0,0,.77778],57368:[.25142,.75726,0,0,.77778],57369:[.25142,.75726,0,0,.77778],57370:[.13597,.63597,0,0,.77778],57371:[.13597,.63597,0,0,.77778]},"Caligraphic-Regular":{32:[0,0,0,0,.25],65:[0,.68333,0,.19445,.79847],66:[0,.68333,.03041,.13889,.65681],67:[0,.68333,.05834,.13889,.52653],68:[0,.68333,.02778,.08334,.77139],69:[0,.68333,.08944,.11111,.52778],70:[0,.68333,.09931,.11111,.71875],71:[.09722,.68333,.0593,.11111,.59487],72:[0,.68333,.00965,.11111,.84452],73:[0,.68333,.07382,0,.54452],74:[.09722,.68333,.18472,.16667,.67778],75:[0,.68333,.01445,.05556,.76195],76:[0,.68333,0,.13889,.68972],77:[0,.68333,0,.13889,1.2009],78:[0,.68333,.14736,.08334,.82049],79:[0,.68333,.02778,.11111,.79611],80:[0,.68333,.08222,.08334,.69556],81:[.09722,.68333,0,.11111,.81667],82:[0,.68333,0,.08334,.8475],83:[0,.68333,.075,.13889,.60556],84:[0,.68333,.25417,0,.54464],85:[0,.68333,.09931,.08334,.62583],86:[0,.68333,.08222,0,.61278],87:[0,.68333,.08222,.08334,.98778],88:[0,.68333,.14643,.13889,.7133],89:[.09722,.68333,.08222,.08334,.66834],90:[0,.68333,.07944,.13889,.72473],160:[0,0,0,0,.25]},"Fraktur-Regular":{32:[0,0,0,0,.25],33:[0,.69141,0,0,.29574],34:[0,.69141,0,0,.21471],38:[0,.69141,0,0,.73786],39:[0,.69141,0,0,.21201],40:[.24982,.74947,0,0,.38865],41:[.24982,.74947,0,0,.38865],42:[0,.62119,0,0,.27764],43:[.08319,.58283,0,0,.75623],44:[0,.10803,0,0,.27764],45:[.08319,.58283,0,0,.75623],46:[0,.10803,0,0,.27764],47:[.24982,.74947,0,0,.50181],48:[0,.47534,0,0,.50181],49:[0,.47534,0,0,.50181],50:[0,.47534,0,0,.50181],51:[.18906,.47534,0,0,.50181],52:[.18906,.47534,0,0,.50181],53:[.18906,.47534,0,0,.50181],54:[0,.69141,0,0,.50181],55:[.18906,.47534,0,0,.50181],56:[0,.69141,0,0,.50181],57:[.18906,.47534,0,0,.50181],58:[0,.47534,0,0,.21606],59:[.12604,.47534,0,0,.21606],61:[-.13099,.36866,0,0,.75623],63:[0,.69141,0,0,.36245],65:[0,.69141,0,0,.7176],66:[0,.69141,0,0,.88397],67:[0,.69141,0,0,.61254],68:[0,.69141,0,0,.83158],69:[0,.69141,0,0,.66278],70:[.12604,.69141,0,0,.61119],71:[0,.69141,0,0,.78539],72:[.06302,.69141,0,0,.7203],73:[0,.69141,0,0,.55448],74:[.12604,.69141,0,0,.55231],75:[0,.69141,0,0,.66845],76:[0,.69141,0,0,.66602],77:[0,.69141,0,0,1.04953],78:[0,.69141,0,0,.83212],79:[0,.69141,0,0,.82699],80:[.18906,.69141,0,0,.82753],81:[.03781,.69141,0,0,.82699],82:[0,.69141,0,0,.82807],83:[0,.69141,0,0,.82861],84:[0,.69141,0,0,.66899],85:[0,.69141,0,0,.64576],86:[0,.69141,0,0,.83131],87:[0,.69141,0,0,1.04602],88:[0,.69141,0,0,.71922],89:[.18906,.69141,0,0,.83293],90:[.12604,.69141,0,0,.60201],91:[.24982,.74947,0,0,.27764],93:[.24982,.74947,0,0,.27764],94:[0,.69141,0,0,.49965],97:[0,.47534,0,0,.50046],98:[0,.69141,0,0,.51315],99:[0,.47534,0,0,.38946],100:[0,.62119,0,0,.49857],101:[0,.47534,0,0,.40053],102:[.18906,.69141,0,0,.32626],103:[.18906,.47534,0,0,.5037],104:[.18906,.69141,0,0,.52126],105:[0,.69141,0,0,.27899],106:[0,.69141,0,0,.28088],107:[0,.69141,0,0,.38946],108:[0,.69141,0,0,.27953],109:[0,.47534,0,0,.76676],110:[0,.47534,0,0,.52666],111:[0,.47534,0,0,.48885],112:[.18906,.52396,0,0,.50046],113:[.18906,.47534,0,0,.48912],114:[0,.47534,0,0,.38919],115:[0,.47534,0,0,.44266],116:[0,.62119,0,0,.33301],117:[0,.47534,0,0,.5172],118:[0,.52396,0,0,.5118],119:[0,.52396,0,0,.77351],120:[.18906,.47534,0,0,.38865],121:[.18906,.47534,0,0,.49884],122:[.18906,.47534,0,0,.39054],160:[0,0,0,0,.25],8216:[0,.69141,0,0,.21471],8217:[0,.69141,0,0,.21471],58112:[0,.62119,0,0,.49749],58113:[0,.62119,0,0,.4983],58114:[.18906,.69141,0,0,.33328],58115:[.18906,.69141,0,0,.32923],58116:[.18906,.47534,0,0,.50343],58117:[0,.69141,0,0,.33301],58118:[0,.62119,0,0,.33409],58119:[0,.47534,0,0,.50073]},"Main-Bold":{32:[0,0,0,0,.25],33:[0,.69444,0,0,.35],34:[0,.69444,0,0,.60278],35:[.19444,.69444,0,0,.95833],36:[.05556,.75,0,0,.575],37:[.05556,.75,0,0,.95833],38:[0,.69444,0,0,.89444],39:[0,.69444,0,0,.31944],40:[.25,.75,0,0,.44722],41:[.25,.75,0,0,.44722],42:[0,.75,0,0,.575],43:[.13333,.63333,0,0,.89444],44:[.19444,.15556,0,0,.31944],45:[0,.44444,0,0,.38333],46:[0,.15556,0,0,.31944],47:[.25,.75,0,0,.575],48:[0,.64444,0,0,.575],49:[0,.64444,0,0,.575],50:[0,.64444,0,0,.575],51:[0,.64444,0,0,.575],52:[0,.64444,0,0,.575],53:[0,.64444,0,0,.575],54:[0,.64444,0,0,.575],55:[0,.64444,0,0,.575],56:[0,.64444,0,0,.575],57:[0,.64444,0,0,.575],58:[0,.44444,0,0,.31944],59:[.19444,.44444,0,0,.31944],60:[.08556,.58556,0,0,.89444],61:[-.10889,.39111,0,0,.89444],62:[.08556,.58556,0,0,.89444],63:[0,.69444,0,0,.54305],64:[0,.69444,0,0,.89444],65:[0,.68611,0,0,.86944],66:[0,.68611,0,0,.81805],67:[0,.68611,0,0,.83055],68:[0,.68611,0,0,.88194],69:[0,.68611,0,0,.75555],70:[0,.68611,0,0,.72361],71:[0,.68611,0,0,.90416],72:[0,.68611,0,0,.9],73:[0,.68611,0,0,.43611],74:[0,.68611,0,0,.59444],75:[0,.68611,0,0,.90138],76:[0,.68611,0,0,.69166],77:[0,.68611,0,0,1.09166],78:[0,.68611,0,0,.9],79:[0,.68611,0,0,.86388],80:[0,.68611,0,0,.78611],81:[.19444,.68611,0,0,.86388],82:[0,.68611,0,0,.8625],83:[0,.68611,0,0,.63889],84:[0,.68611,0,0,.8],85:[0,.68611,0,0,.88472],86:[0,.68611,.01597,0,.86944],87:[0,.68611,.01597,0,1.18888],88:[0,.68611,0,0,.86944],89:[0,.68611,.02875,0,.86944],90:[0,.68611,0,0,.70277],91:[.25,.75,0,0,.31944],92:[.25,.75,0,0,.575],93:[.25,.75,0,0,.31944],94:[0,.69444,0,0,.575],95:[.31,.13444,.03194,0,.575],97:[0,.44444,0,0,.55902],98:[0,.69444,0,0,.63889],99:[0,.44444,0,0,.51111],100:[0,.69444,0,0,.63889],101:[0,.44444,0,0,.52708],102:[0,.69444,.10903,0,.35139],103:[.19444,.44444,.01597,0,.575],104:[0,.69444,0,0,.63889],105:[0,.69444,0,0,.31944],106:[.19444,.69444,0,0,.35139],107:[0,.69444,0,0,.60694],108:[0,.69444,0,0,.31944],109:[0,.44444,0,0,.95833],110:[0,.44444,0,0,.63889],111:[0,.44444,0,0,.575],112:[.19444,.44444,0,0,.63889],113:[.19444,.44444,0,0,.60694],114:[0,.44444,0,0,.47361],115:[0,.44444,0,0,.45361],116:[0,.63492,0,0,.44722],117:[0,.44444,0,0,.63889],118:[0,.44444,.01597,0,.60694],119:[0,.44444,.01597,0,.83055],120:[0,.44444,0,0,.60694],121:[.19444,.44444,.01597,0,.60694],122:[0,.44444,0,0,.51111],123:[.25,.75,0,0,.575],124:[.25,.75,0,0,.31944],125:[.25,.75,0,0,.575],126:[.35,.34444,0,0,.575],160:[0,0,0,0,.25],163:[0,.69444,0,0,.86853],168:[0,.69444,0,0,.575],172:[0,.44444,0,0,.76666],176:[0,.69444,0,0,.86944],177:[.13333,.63333,0,0,.89444],184:[.17014,0,0,0,.51111],198:[0,.68611,0,0,1.04166],215:[.13333,.63333,0,0,.89444],216:[.04861,.73472,0,0,.89444],223:[0,.69444,0,0,.59722],230:[0,.44444,0,0,.83055],247:[.13333,.63333,0,0,.89444],248:[.09722,.54167,0,0,.575],305:[0,.44444,0,0,.31944],338:[0,.68611,0,0,1.16944],339:[0,.44444,0,0,.89444],567:[.19444,.44444,0,0,.35139],710:[0,.69444,0,0,.575],711:[0,.63194,0,0,.575],713:[0,.59611,0,0,.575],714:[0,.69444,0,0,.575],715:[0,.69444,0,0,.575],728:[0,.69444,0,0,.575],729:[0,.69444,0,0,.31944],730:[0,.69444,0,0,.86944],732:[0,.69444,0,0,.575],733:[0,.69444,0,0,.575],915:[0,.68611,0,0,.69166],916:[0,.68611,0,0,.95833],920:[0,.68611,0,0,.89444],923:[0,.68611,0,0,.80555],926:[0,.68611,0,0,.76666],928:[0,.68611,0,0,.9],931:[0,.68611,0,0,.83055],933:[0,.68611,0,0,.89444],934:[0,.68611,0,0,.83055],936:[0,.68611,0,0,.89444],937:[0,.68611,0,0,.83055],8211:[0,.44444,.03194,0,.575],8212:[0,.44444,.03194,0,1.14999],8216:[0,.69444,0,0,.31944],8217:[0,.69444,0,0,.31944],8220:[0,.69444,0,0,.60278],8221:[0,.69444,0,0,.60278],8224:[.19444,.69444,0,0,.51111],8225:[.19444,.69444,0,0,.51111],8242:[0,.55556,0,0,.34444],8407:[0,.72444,.15486,0,.575],8463:[0,.69444,0,0,.66759],8465:[0,.69444,0,0,.83055],8467:[0,.69444,0,0,.47361],8472:[.19444,.44444,0,0,.74027],8476:[0,.69444,0,0,.83055],8501:[0,.69444,0,0,.70277],8592:[-.10889,.39111,0,0,1.14999],8593:[.19444,.69444,0,0,.575],8594:[-.10889,.39111,0,0,1.14999],8595:[.19444,.69444,0,0,.575],8596:[-.10889,.39111,0,0,1.14999],8597:[.25,.75,0,0,.575],8598:[.19444,.69444,0,0,1.14999],8599:[.19444,.69444,0,0,1.14999],8600:[.19444,.69444,0,0,1.14999],8601:[.19444,.69444,0,0,1.14999],8636:[-.10889,.39111,0,0,1.14999],8637:[-.10889,.39111,0,0,1.14999],8640:[-.10889,.39111,0,0,1.14999],8641:[-.10889,.39111,0,0,1.14999],8656:[-.10889,.39111,0,0,1.14999],8657:[.19444,.69444,0,0,.70277],8658:[-.10889,.39111,0,0,1.14999],8659:[.19444,.69444,0,0,.70277],8660:[-.10889,.39111,0,0,1.14999],8661:[.25,.75,0,0,.70277],8704:[0,.69444,0,0,.63889],8706:[0,.69444,.06389,0,.62847],8707:[0,.69444,0,0,.63889],8709:[.05556,.75,0,0,.575],8711:[0,.68611,0,0,.95833],8712:[.08556,.58556,0,0,.76666],8715:[.08556,.58556,0,0,.76666],8722:[.13333,.63333,0,0,.89444],8723:[.13333,.63333,0,0,.89444],8725:[.25,.75,0,0,.575],8726:[.25,.75,0,0,.575],8727:[-.02778,.47222,0,0,.575],8728:[-.02639,.47361,0,0,.575],8729:[-.02639,.47361,0,0,.575],8730:[.18,.82,0,0,.95833],8733:[0,.44444,0,0,.89444],8734:[0,.44444,0,0,1.14999],8736:[0,.69224,0,0,.72222],8739:[.25,.75,0,0,.31944],8741:[.25,.75,0,0,.575],8743:[0,.55556,0,0,.76666],8744:[0,.55556,0,0,.76666],8745:[0,.55556,0,0,.76666],8746:[0,.55556,0,0,.76666],8747:[.19444,.69444,.12778,0,.56875],8764:[-.10889,.39111,0,0,.89444],8768:[.19444,.69444,0,0,.31944],8771:[.00222,.50222,0,0,.89444],8773:[.027,.638,0,0,.894],8776:[.02444,.52444,0,0,.89444],8781:[.00222,.50222,0,0,.89444],8801:[.00222,.50222,0,0,.89444],8804:[.19667,.69667,0,0,.89444],8805:[.19667,.69667,0,0,.89444],8810:[.08556,.58556,0,0,1.14999],8811:[.08556,.58556,0,0,1.14999],8826:[.08556,.58556,0,0,.89444],8827:[.08556,.58556,0,0,.89444],8834:[.08556,.58556,0,0,.89444],8835:[.08556,.58556,0,0,.89444],8838:[.19667,.69667,0,0,.89444],8839:[.19667,.69667,0,0,.89444],8846:[0,.55556,0,0,.76666],8849:[.19667,.69667,0,0,.89444],8850:[.19667,.69667,0,0,.89444],8851:[0,.55556,0,0,.76666],8852:[0,.55556,0,0,.76666],8853:[.13333,.63333,0,0,.89444],8854:[.13333,.63333,0,0,.89444],8855:[.13333,.63333,0,0,.89444],8856:[.13333,.63333,0,0,.89444],8857:[.13333,.63333,0,0,.89444],8866:[0,.69444,0,0,.70277],8867:[0,.69444,0,0,.70277],8868:[0,.69444,0,0,.89444],8869:[0,.69444,0,0,.89444],8900:[-.02639,.47361,0,0,.575],8901:[-.02639,.47361,0,0,.31944],8902:[-.02778,.47222,0,0,.575],8968:[.25,.75,0,0,.51111],8969:[.25,.75,0,0,.51111],8970:[.25,.75,0,0,.51111],8971:[.25,.75,0,0,.51111],8994:[-.13889,.36111,0,0,1.14999],8995:[-.13889,.36111,0,0,1.14999],9651:[.19444,.69444,0,0,1.02222],9657:[-.02778,.47222,0,0,.575],9661:[.19444,.69444,0,0,1.02222],9667:[-.02778,.47222,0,0,.575],9711:[.19444,.69444,0,0,1.14999],9824:[.12963,.69444,0,0,.89444],9825:[.12963,.69444,0,0,.89444],9826:[.12963,.69444,0,0,.89444],9827:[.12963,.69444,0,0,.89444],9837:[0,.75,0,0,.44722],9838:[.19444,.69444,0,0,.44722],9839:[.19444,.69444,0,0,.44722],10216:[.25,.75,0,0,.44722],10217:[.25,.75,0,0,.44722],10815:[0,.68611,0,0,.9],10927:[.19667,.69667,0,0,.89444],10928:[.19667,.69667,0,0,.89444],57376:[.19444,.69444,0,0,0]},"Main-BoldItalic":{32:[0,0,0,0,.25],33:[0,.69444,.11417,0,.38611],34:[0,.69444,.07939,0,.62055],35:[.19444,.69444,.06833,0,.94444],37:[.05556,.75,.12861,0,.94444],38:[0,.69444,.08528,0,.88555],39:[0,.69444,.12945,0,.35555],40:[.25,.75,.15806,0,.47333],41:[.25,.75,.03306,0,.47333],42:[0,.75,.14333,0,.59111],43:[.10333,.60333,.03306,0,.88555],44:[.19444,.14722,0,0,.35555],45:[0,.44444,.02611,0,.41444],46:[0,.14722,0,0,.35555],47:[.25,.75,.15806,0,.59111],48:[0,.64444,.13167,0,.59111],49:[0,.64444,.13167,0,.59111],50:[0,.64444,.13167,0,.59111],51:[0,.64444,.13167,0,.59111],52:[.19444,.64444,.13167,0,.59111],53:[0,.64444,.13167,0,.59111],54:[0,.64444,.13167,0,.59111],55:[.19444,.64444,.13167,0,.59111],56:[0,.64444,.13167,0,.59111],57:[0,.64444,.13167,0,.59111],58:[0,.44444,.06695,0,.35555],59:[.19444,.44444,.06695,0,.35555],61:[-.10889,.39111,.06833,0,.88555],63:[0,.69444,.11472,0,.59111],64:[0,.69444,.09208,0,.88555],65:[0,.68611,0,0,.86555],66:[0,.68611,.0992,0,.81666],67:[0,.68611,.14208,0,.82666],68:[0,.68611,.09062,0,.87555],69:[0,.68611,.11431,0,.75666],70:[0,.68611,.12903,0,.72722],71:[0,.68611,.07347,0,.89527],72:[0,.68611,.17208,0,.8961],73:[0,.68611,.15681,0,.47166],74:[0,.68611,.145,0,.61055],75:[0,.68611,.14208,0,.89499],76:[0,.68611,0,0,.69777],77:[0,.68611,.17208,0,1.07277],78:[0,.68611,.17208,0,.8961],79:[0,.68611,.09062,0,.85499],80:[0,.68611,.0992,0,.78721],81:[.19444,.68611,.09062,0,.85499],82:[0,.68611,.02559,0,.85944],83:[0,.68611,.11264,0,.64999],84:[0,.68611,.12903,0,.7961],85:[0,.68611,.17208,0,.88083],86:[0,.68611,.18625,0,.86555],87:[0,.68611,.18625,0,1.15999],88:[0,.68611,.15681,0,.86555],89:[0,.68611,.19803,0,.86555],90:[0,.68611,.14208,0,.70888],91:[.25,.75,.1875,0,.35611],93:[.25,.75,.09972,0,.35611],94:[0,.69444,.06709,0,.59111],95:[.31,.13444,.09811,0,.59111],97:[0,.44444,.09426,0,.59111],98:[0,.69444,.07861,0,.53222],99:[0,.44444,.05222,0,.53222],100:[0,.69444,.10861,0,.59111],101:[0,.44444,.085,0,.53222],102:[.19444,.69444,.21778,0,.4],103:[.19444,.44444,.105,0,.53222],104:[0,.69444,.09426,0,.59111],105:[0,.69326,.11387,0,.35555],106:[.19444,.69326,.1672,0,.35555],107:[0,.69444,.11111,0,.53222],108:[0,.69444,.10861,0,.29666],109:[0,.44444,.09426,0,.94444],110:[0,.44444,.09426,0,.64999],111:[0,.44444,.07861,0,.59111],112:[.19444,.44444,.07861,0,.59111],113:[.19444,.44444,.105,0,.53222],114:[0,.44444,.11111,0,.50167],115:[0,.44444,.08167,0,.48694],116:[0,.63492,.09639,0,.385],117:[0,.44444,.09426,0,.62055],118:[0,.44444,.11111,0,.53222],119:[0,.44444,.11111,0,.76777],120:[0,.44444,.12583,0,.56055],121:[.19444,.44444,.105,0,.56166],122:[0,.44444,.13889,0,.49055],126:[.35,.34444,.11472,0,.59111],160:[0,0,0,0,.25],168:[0,.69444,.11473,0,.59111],176:[0,.69444,0,0,.94888],184:[.17014,0,0,0,.53222],198:[0,.68611,.11431,0,1.02277],216:[.04861,.73472,.09062,0,.88555],223:[.19444,.69444,.09736,0,.665],230:[0,.44444,.085,0,.82666],248:[.09722,.54167,.09458,0,.59111],305:[0,.44444,.09426,0,.35555],338:[0,.68611,.11431,0,1.14054],339:[0,.44444,.085,0,.82666],567:[.19444,.44444,.04611,0,.385],710:[0,.69444,.06709,0,.59111],711:[0,.63194,.08271,0,.59111],713:[0,.59444,.10444,0,.59111],714:[0,.69444,.08528,0,.59111],715:[0,.69444,0,0,.59111],728:[0,.69444,.10333,0,.59111],729:[0,.69444,.12945,0,.35555],730:[0,.69444,0,0,.94888],732:[0,.69444,.11472,0,.59111],733:[0,.69444,.11472,0,.59111],915:[0,.68611,.12903,0,.69777],916:[0,.68611,0,0,.94444],920:[0,.68611,.09062,0,.88555],923:[0,.68611,0,0,.80666],926:[0,.68611,.15092,0,.76777],928:[0,.68611,.17208,0,.8961],931:[0,.68611,.11431,0,.82666],933:[0,.68611,.10778,0,.88555],934:[0,.68611,.05632,0,.82666],936:[0,.68611,.10778,0,.88555],937:[0,.68611,.0992,0,.82666],8211:[0,.44444,.09811,0,.59111],8212:[0,.44444,.09811,0,1.18221],8216:[0,.69444,.12945,0,.35555],8217:[0,.69444,.12945,0,.35555],8220:[0,.69444,.16772,0,.62055],8221:[0,.69444,.07939,0,.62055]},"Main-Italic":{32:[0,0,0,0,.25],33:[0,.69444,.12417,0,.30667],34:[0,.69444,.06961,0,.51444],35:[.19444,.69444,.06616,0,.81777],37:[.05556,.75,.13639,0,.81777],38:[0,.69444,.09694,0,.76666],39:[0,.69444,.12417,0,.30667],40:[.25,.75,.16194,0,.40889],41:[.25,.75,.03694,0,.40889],42:[0,.75,.14917,0,.51111],43:[.05667,.56167,.03694,0,.76666],44:[.19444,.10556,0,0,.30667],45:[0,.43056,.02826,0,.35778],46:[0,.10556,0,0,.30667],47:[.25,.75,.16194,0,.51111],48:[0,.64444,.13556,0,.51111],49:[0,.64444,.13556,0,.51111],50:[0,.64444,.13556,0,.51111],51:[0,.64444,.13556,0,.51111],52:[.19444,.64444,.13556,0,.51111],53:[0,.64444,.13556,0,.51111],54:[0,.64444,.13556,0,.51111],55:[.19444,.64444,.13556,0,.51111],56:[0,.64444,.13556,0,.51111],57:[0,.64444,.13556,0,.51111],58:[0,.43056,.0582,0,.30667],59:[.19444,.43056,.0582,0,.30667],61:[-.13313,.36687,.06616,0,.76666],63:[0,.69444,.1225,0,.51111],64:[0,.69444,.09597,0,.76666],65:[0,.68333,0,0,.74333],66:[0,.68333,.10257,0,.70389],67:[0,.68333,.14528,0,.71555],68:[0,.68333,.09403,0,.755],69:[0,.68333,.12028,0,.67833],70:[0,.68333,.13305,0,.65277],71:[0,.68333,.08722,0,.77361],72:[0,.68333,.16389,0,.74333],73:[0,.68333,.15806,0,.38555],74:[0,.68333,.14028,0,.525],75:[0,.68333,.14528,0,.76888],76:[0,.68333,0,0,.62722],77:[0,.68333,.16389,0,.89666],78:[0,.68333,.16389,0,.74333],79:[0,.68333,.09403,0,.76666],80:[0,.68333,.10257,0,.67833],81:[.19444,.68333,.09403,0,.76666],82:[0,.68333,.03868,0,.72944],83:[0,.68333,.11972,0,.56222],84:[0,.68333,.13305,0,.71555],85:[0,.68333,.16389,0,.74333],86:[0,.68333,.18361,0,.74333],87:[0,.68333,.18361,0,.99888],88:[0,.68333,.15806,0,.74333],89:[0,.68333,.19383,0,.74333],90:[0,.68333,.14528,0,.61333],91:[.25,.75,.1875,0,.30667],93:[.25,.75,.10528,0,.30667],94:[0,.69444,.06646,0,.51111],95:[.31,.12056,.09208,0,.51111],97:[0,.43056,.07671,0,.51111],98:[0,.69444,.06312,0,.46],99:[0,.43056,.05653,0,.46],100:[0,.69444,.10333,0,.51111],101:[0,.43056,.07514,0,.46],102:[.19444,.69444,.21194,0,.30667],103:[.19444,.43056,.08847,0,.46],104:[0,.69444,.07671,0,.51111],105:[0,.65536,.1019,0,.30667],106:[.19444,.65536,.14467,0,.30667],107:[0,.69444,.10764,0,.46],108:[0,.69444,.10333,0,.25555],109:[0,.43056,.07671,0,.81777],110:[0,.43056,.07671,0,.56222],111:[0,.43056,.06312,0,.51111],112:[.19444,.43056,.06312,0,.51111],113:[.19444,.43056,.08847,0,.46],114:[0,.43056,.10764,0,.42166],115:[0,.43056,.08208,0,.40889],116:[0,.61508,.09486,0,.33222],117:[0,.43056,.07671,0,.53666],118:[0,.43056,.10764,0,.46],119:[0,.43056,.10764,0,.66444],120:[0,.43056,.12042,0,.46389],121:[.19444,.43056,.08847,0,.48555],122:[0,.43056,.12292,0,.40889],126:[.35,.31786,.11585,0,.51111],160:[0,0,0,0,.25],168:[0,.66786,.10474,0,.51111],176:[0,.69444,0,0,.83129],184:[.17014,0,0,0,.46],198:[0,.68333,.12028,0,.88277],216:[.04861,.73194,.09403,0,.76666],223:[.19444,.69444,.10514,0,.53666],230:[0,.43056,.07514,0,.71555],248:[.09722,.52778,.09194,0,.51111],338:[0,.68333,.12028,0,.98499],339:[0,.43056,.07514,0,.71555],710:[0,.69444,.06646,0,.51111],711:[0,.62847,.08295,0,.51111],713:[0,.56167,.10333,0,.51111],714:[0,.69444,.09694,0,.51111],715:[0,.69444,0,0,.51111],728:[0,.69444,.10806,0,.51111],729:[0,.66786,.11752,0,.30667],730:[0,.69444,0,0,.83129],732:[0,.66786,.11585,0,.51111],733:[0,.69444,.1225,0,.51111],915:[0,.68333,.13305,0,.62722],916:[0,.68333,0,0,.81777],920:[0,.68333,.09403,0,.76666],923:[0,.68333,0,0,.69222],926:[0,.68333,.15294,0,.66444],928:[0,.68333,.16389,0,.74333],931:[0,.68333,.12028,0,.71555],933:[0,.68333,.11111,0,.76666],934:[0,.68333,.05986,0,.71555],936:[0,.68333,.11111,0,.76666],937:[0,.68333,.10257,0,.71555],8211:[0,.43056,.09208,0,.51111],8212:[0,.43056,.09208,0,1.02222],8216:[0,.69444,.12417,0,.30667],8217:[0,.69444,.12417,0,.30667],8220:[0,.69444,.1685,0,.51444],8221:[0,.69444,.06961,0,.51444],8463:[0,.68889,0,0,.54028]},"Main-Regular":{32:[0,0,0,0,.25],33:[0,.69444,0,0,.27778],34:[0,.69444,0,0,.5],35:[.19444,.69444,0,0,.83334],36:[.05556,.75,0,0,.5],37:[.05556,.75,0,0,.83334],38:[0,.69444,0,0,.77778],39:[0,.69444,0,0,.27778],40:[.25,.75,0,0,.38889],41:[.25,.75,0,0,.38889],42:[0,.75,0,0,.5],43:[.08333,.58333,0,0,.77778],44:[.19444,.10556,0,0,.27778],45:[0,.43056,0,0,.33333],46:[0,.10556,0,0,.27778],47:[.25,.75,0,0,.5],48:[0,.64444,0,0,.5],49:[0,.64444,0,0,.5],50:[0,.64444,0,0,.5],51:[0,.64444,0,0,.5],52:[0,.64444,0,0,.5],53:[0,.64444,0,0,.5],54:[0,.64444,0,0,.5],55:[0,.64444,0,0,.5],56:[0,.64444,0,0,.5],57:[0,.64444,0,0,.5],58:[0,.43056,0,0,.27778],59:[.19444,.43056,0,0,.27778],60:[.0391,.5391,0,0,.77778],61:[-.13313,.36687,0,0,.77778],62:[.0391,.5391,0,0,.77778],63:[0,.69444,0,0,.47222],64:[0,.69444,0,0,.77778],65:[0,.68333,0,0,.75],66:[0,.68333,0,0,.70834],67:[0,.68333,0,0,.72222],68:[0,.68333,0,0,.76389],69:[0,.68333,0,0,.68056],70:[0,.68333,0,0,.65278],71:[0,.68333,0,0,.78472],72:[0,.68333,0,0,.75],73:[0,.68333,0,0,.36111],74:[0,.68333,0,0,.51389],75:[0,.68333,0,0,.77778],76:[0,.68333,0,0,.625],77:[0,.68333,0,0,.91667],78:[0,.68333,0,0,.75],79:[0,.68333,0,0,.77778],80:[0,.68333,0,0,.68056],81:[.19444,.68333,0,0,.77778],82:[0,.68333,0,0,.73611],83:[0,.68333,0,0,.55556],84:[0,.68333,0,0,.72222],85:[0,.68333,0,0,.75],86:[0,.68333,.01389,0,.75],87:[0,.68333,.01389,0,1.02778],88:[0,.68333,0,0,.75],89:[0,.68333,.025,0,.75],90:[0,.68333,0,0,.61111],91:[.25,.75,0,0,.27778],92:[.25,.75,0,0,.5],93:[.25,.75,0,0,.27778],94:[0,.69444,0,0,.5],95:[.31,.12056,.02778,0,.5],97:[0,.43056,0,0,.5],98:[0,.69444,0,0,.55556],99:[0,.43056,0,0,.44445],100:[0,.69444,0,0,.55556],101:[0,.43056,0,0,.44445],102:[0,.69444,.07778,0,.30556],103:[.19444,.43056,.01389,0,.5],104:[0,.69444,0,0,.55556],105:[0,.66786,0,0,.27778],106:[.19444,.66786,0,0,.30556],107:[0,.69444,0,0,.52778],108:[0,.69444,0,0,.27778],109:[0,.43056,0,0,.83334],110:[0,.43056,0,0,.55556],111:[0,.43056,0,0,.5],112:[.19444,.43056,0,0,.55556],113:[.19444,.43056,0,0,.52778],114:[0,.43056,0,0,.39167],115:[0,.43056,0,0,.39445],116:[0,.61508,0,0,.38889],117:[0,.43056,0,0,.55556],118:[0,.43056,.01389,0,.52778],119:[0,.43056,.01389,0,.72222],120:[0,.43056,0,0,.52778],121:[.19444,.43056,.01389,0,.52778],122:[0,.43056,0,0,.44445],123:[.25,.75,0,0,.5],124:[.25,.75,0,0,.27778],125:[.25,.75,0,0,.5],126:[.35,.31786,0,0,.5],160:[0,0,0,0,.25],163:[0,.69444,0,0,.76909],167:[.19444,.69444,0,0,.44445],168:[0,.66786,0,0,.5],172:[0,.43056,0,0,.66667],176:[0,.69444,0,0,.75],177:[.08333,.58333,0,0,.77778],182:[.19444,.69444,0,0,.61111],184:[.17014,0,0,0,.44445],198:[0,.68333,0,0,.90278],215:[.08333,.58333,0,0,.77778],216:[.04861,.73194,0,0,.77778],223:[0,.69444,0,0,.5],230:[0,.43056,0,0,.72222],247:[.08333,.58333,0,0,.77778],248:[.09722,.52778,0,0,.5],305:[0,.43056,0,0,.27778],338:[0,.68333,0,0,1.01389],339:[0,.43056,0,0,.77778],567:[.19444,.43056,0,0,.30556],710:[0,.69444,0,0,.5],711:[0,.62847,0,0,.5],713:[0,.56778,0,0,.5],714:[0,.69444,0,0,.5],715:[0,.69444,0,0,.5],728:[0,.69444,0,0,.5],729:[0,.66786,0,0,.27778],730:[0,.69444,0,0,.75],732:[0,.66786,0,0,.5],733:[0,.69444,0,0,.5],915:[0,.68333,0,0,.625],916:[0,.68333,0,0,.83334],920:[0,.68333,0,0,.77778],923:[0,.68333,0,0,.69445],926:[0,.68333,0,0,.66667],928:[0,.68333,0,0,.75],931:[0,.68333,0,0,.72222],933:[0,.68333,0,0,.77778],934:[0,.68333,0,0,.72222],936:[0,.68333,0,0,.77778],937:[0,.68333,0,0,.72222],8211:[0,.43056,.02778,0,.5],8212:[0,.43056,.02778,0,1],8216:[0,.69444,0,0,.27778],8217:[0,.69444,0,0,.27778],8220:[0,.69444,0,0,.5],8221:[0,.69444,0,0,.5],8224:[.19444,.69444,0,0,.44445],8225:[.19444,.69444,0,0,.44445],8230:[0,.123,0,0,1.172],8242:[0,.55556,0,0,.275],8407:[0,.71444,.15382,0,.5],8463:[0,.68889,0,0,.54028],8465:[0,.69444,0,0,.72222],8467:[0,.69444,0,.11111,.41667],8472:[.19444,.43056,0,.11111,.63646],8476:[0,.69444,0,0,.72222],8501:[0,.69444,0,0,.61111],8592:[-.13313,.36687,0,0,1],8593:[.19444,.69444,0,0,.5],8594:[-.13313,.36687,0,0,1],8595:[.19444,.69444,0,0,.5],8596:[-.13313,.36687,0,0,1],8597:[.25,.75,0,0,.5],8598:[.19444,.69444,0,0,1],8599:[.19444,.69444,0,0,1],8600:[.19444,.69444,0,0,1],8601:[.19444,.69444,0,0,1],8614:[.011,.511,0,0,1],8617:[.011,.511,0,0,1.126],8618:[.011,.511,0,0,1.126],8636:[-.13313,.36687,0,0,1],8637:[-.13313,.36687,0,0,1],8640:[-.13313,.36687,0,0,1],8641:[-.13313,.36687,0,0,1],8652:[.011,.671,0,0,1],8656:[-.13313,.36687,0,0,1],8657:[.19444,.69444,0,0,.61111],8658:[-.13313,.36687,0,0,1],8659:[.19444,.69444,0,0,.61111],8660:[-.13313,.36687,0,0,1],8661:[.25,.75,0,0,.61111],8704:[0,.69444,0,0,.55556],8706:[0,.69444,.05556,.08334,.5309],8707:[0,.69444,0,0,.55556],8709:[.05556,.75,0,0,.5],8711:[0,.68333,0,0,.83334],8712:[.0391,.5391,0,0,.66667],8715:[.0391,.5391,0,0,.66667],8722:[.08333,.58333,0,0,.77778],8723:[.08333,.58333,0,0,.77778],8725:[.25,.75,0,0,.5],8726:[.25,.75,0,0,.5],8727:[-.03472,.46528,0,0,.5],8728:[-.05555,.44445,0,0,.5],8729:[-.05555,.44445,0,0,.5],8730:[.2,.8,0,0,.83334],8733:[0,.43056,0,0,.77778],8734:[0,.43056,0,0,1],8736:[0,.69224,0,0,.72222],8739:[.25,.75,0,0,.27778],8741:[.25,.75,0,0,.5],8743:[0,.55556,0,0,.66667],8744:[0,.55556,0,0,.66667],8745:[0,.55556,0,0,.66667],8746:[0,.55556,0,0,.66667],8747:[.19444,.69444,.11111,0,.41667],8764:[-.13313,.36687,0,0,.77778],8768:[.19444,.69444,0,0,.27778],8771:[-.03625,.46375,0,0,.77778],8773:[-.022,.589,0,0,.778],8776:[-.01688,.48312,0,0,.77778],8781:[-.03625,.46375,0,0,.77778],8784:[-.133,.673,0,0,.778],8801:[-.03625,.46375,0,0,.77778],8804:[.13597,.63597,0,0,.77778],8805:[.13597,.63597,0,0,.77778],8810:[.0391,.5391,0,0,1],8811:[.0391,.5391,0,0,1],8826:[.0391,.5391,0,0,.77778],8827:[.0391,.5391,0,0,.77778],8834:[.0391,.5391,0,0,.77778],8835:[.0391,.5391,0,0,.77778],8838:[.13597,.63597,0,0,.77778],8839:[.13597,.63597,0,0,.77778],8846:[0,.55556,0,0,.66667],8849:[.13597,.63597,0,0,.77778],8850:[.13597,.63597,0,0,.77778],8851:[0,.55556,0,0,.66667],8852:[0,.55556,0,0,.66667],8853:[.08333,.58333,0,0,.77778],8854:[.08333,.58333,0,0,.77778],8855:[.08333,.58333,0,0,.77778],8856:[.08333,.58333,0,0,.77778],8857:[.08333,.58333,0,0,.77778],8866:[0,.69444,0,0,.61111],8867:[0,.69444,0,0,.61111],8868:[0,.69444,0,0,.77778],8869:[0,.69444,0,0,.77778],8872:[.249,.75,0,0,.867],8900:[-.05555,.44445,0,0,.5],8901:[-.05555,.44445,0,0,.27778],8902:[-.03472,.46528,0,0,.5],8904:[.005,.505,0,0,.9],8942:[.03,.903,0,0,.278],8943:[-.19,.313,0,0,1.172],8945:[-.1,.823,0,0,1.282],8968:[.25,.75,0,0,.44445],8969:[.25,.75,0,0,.44445],8970:[.25,.75,0,0,.44445],8971:[.25,.75,0,0,.44445],8994:[-.14236,.35764,0,0,1],8995:[-.14236,.35764,0,0,1],9136:[.244,.744,0,0,.412],9137:[.244,.745,0,0,.412],9651:[.19444,.69444,0,0,.88889],9657:[-.03472,.46528,0,0,.5],9661:[.19444,.69444,0,0,.88889],9667:[-.03472,.46528,0,0,.5],9711:[.19444,.69444,0,0,1],9824:[.12963,.69444,0,0,.77778],9825:[.12963,.69444,0,0,.77778],9826:[.12963,.69444,0,0,.77778],9827:[.12963,.69444,0,0,.77778],9837:[0,.75,0,0,.38889],9838:[.19444,.69444,0,0,.38889],9839:[.19444,.69444,0,0,.38889],10216:[.25,.75,0,0,.38889],10217:[.25,.75,0,0,.38889],10222:[.244,.744,0,0,.412],10223:[.244,.745,0,0,.412],10229:[.011,.511,0,0,1.609],10230:[.011,.511,0,0,1.638],10231:[.011,.511,0,0,1.859],10232:[.024,.525,0,0,1.609],10233:[.024,.525,0,0,1.638],10234:[.024,.525,0,0,1.858],10236:[.011,.511,0,0,1.638],10815:[0,.68333,0,0,.75],10927:[.13597,.63597,0,0,.77778],10928:[.13597,.63597,0,0,.77778],57376:[.19444,.69444,0,0,0]},"Math-BoldItalic":{32:[0,0,0,0,.25],48:[0,.44444,0,0,.575],49:[0,.44444,0,0,.575],50:[0,.44444,0,0,.575],51:[.19444,.44444,0,0,.575],52:[.19444,.44444,0,0,.575],53:[.19444,.44444,0,0,.575],54:[0,.64444,0,0,.575],55:[.19444,.44444,0,0,.575],56:[0,.64444,0,0,.575],57:[.19444,.44444,0,0,.575],65:[0,.68611,0,0,.86944],66:[0,.68611,.04835,0,.8664],67:[0,.68611,.06979,0,.81694],68:[0,.68611,.03194,0,.93812],69:[0,.68611,.05451,0,.81007],70:[0,.68611,.15972,0,.68889],71:[0,.68611,0,0,.88673],72:[0,.68611,.08229,0,.98229],73:[0,.68611,.07778,0,.51111],74:[0,.68611,.10069,0,.63125],75:[0,.68611,.06979,0,.97118],76:[0,.68611,0,0,.75555],77:[0,.68611,.11424,0,1.14201],78:[0,.68611,.11424,0,.95034],79:[0,.68611,.03194,0,.83666],80:[0,.68611,.15972,0,.72309],81:[.19444,.68611,0,0,.86861],82:[0,.68611,.00421,0,.87235],83:[0,.68611,.05382,0,.69271],84:[0,.68611,.15972,0,.63663],85:[0,.68611,.11424,0,.80027],86:[0,.68611,.25555,0,.67778],87:[0,.68611,.15972,0,1.09305],88:[0,.68611,.07778,0,.94722],89:[0,.68611,.25555,0,.67458],90:[0,.68611,.06979,0,.77257],97:[0,.44444,0,0,.63287],98:[0,.69444,0,0,.52083],99:[0,.44444,0,0,.51342],100:[0,.69444,0,0,.60972],101:[0,.44444,0,0,.55361],102:[.19444,.69444,.11042,0,.56806],103:[.19444,.44444,.03704,0,.5449],104:[0,.69444,0,0,.66759],105:[0,.69326,0,0,.4048],106:[.19444,.69326,.0622,0,.47083],107:[0,.69444,.01852,0,.6037],108:[0,.69444,.0088,0,.34815],109:[0,.44444,0,0,1.0324],110:[0,.44444,0,0,.71296],111:[0,.44444,0,0,.58472],112:[.19444,.44444,0,0,.60092],113:[.19444,.44444,.03704,0,.54213],114:[0,.44444,.03194,0,.5287],115:[0,.44444,0,0,.53125],116:[0,.63492,0,0,.41528],117:[0,.44444,0,0,.68102],118:[0,.44444,.03704,0,.56666],119:[0,.44444,.02778,0,.83148],120:[0,.44444,0,0,.65903],121:[.19444,.44444,.03704,0,.59028],122:[0,.44444,.04213,0,.55509],160:[0,0,0,0,.25],915:[0,.68611,.15972,0,.65694],916:[0,.68611,0,0,.95833],920:[0,.68611,.03194,0,.86722],923:[0,.68611,0,0,.80555],926:[0,.68611,.07458,0,.84125],928:[0,.68611,.08229,0,.98229],931:[0,.68611,.05451,0,.88507],933:[0,.68611,.15972,0,.67083],934:[0,.68611,0,0,.76666],936:[0,.68611,.11653,0,.71402],937:[0,.68611,.04835,0,.8789],945:[0,.44444,0,0,.76064],946:[.19444,.69444,.03403,0,.65972],947:[.19444,.44444,.06389,0,.59003],948:[0,.69444,.03819,0,.52222],949:[0,.44444,0,0,.52882],950:[.19444,.69444,.06215,0,.50833],951:[.19444,.44444,.03704,0,.6],952:[0,.69444,.03194,0,.5618],953:[0,.44444,0,0,.41204],954:[0,.44444,0,0,.66759],955:[0,.69444,0,0,.67083],956:[.19444,.44444,0,0,.70787],957:[0,.44444,.06898,0,.57685],958:[.19444,.69444,.03021,0,.50833],959:[0,.44444,0,0,.58472],960:[0,.44444,.03704,0,.68241],961:[.19444,.44444,0,0,.6118],962:[.09722,.44444,.07917,0,.42361],963:[0,.44444,.03704,0,.68588],964:[0,.44444,.13472,0,.52083],965:[0,.44444,.03704,0,.63055],966:[.19444,.44444,0,0,.74722],967:[.19444,.44444,0,0,.71805],968:[.19444,.69444,.03704,0,.75833],969:[0,.44444,.03704,0,.71782],977:[0,.69444,0,0,.69155],981:[.19444,.69444,0,0,.7125],982:[0,.44444,.03194,0,.975],1009:[.19444,.44444,0,0,.6118],1013:[0,.44444,0,0,.48333],57649:[0,.44444,0,0,.39352],57911:[.19444,.44444,0,0,.43889]},"Math-Italic":{32:[0,0,0,0,.25],48:[0,.43056,0,0,.5],49:[0,.43056,0,0,.5],50:[0,.43056,0,0,.5],51:[.19444,.43056,0,0,.5],52:[.19444,.43056,0,0,.5],53:[.19444,.43056,0,0,.5],54:[0,.64444,0,0,.5],55:[.19444,.43056,0,0,.5],56:[0,.64444,0,0,.5],57:[.19444,.43056,0,0,.5],65:[0,.68333,0,.13889,.75],66:[0,.68333,.05017,.08334,.75851],67:[0,.68333,.07153,.08334,.71472],68:[0,.68333,.02778,.05556,.82792],69:[0,.68333,.05764,.08334,.7382],70:[0,.68333,.13889,.08334,.64306],71:[0,.68333,0,.08334,.78625],72:[0,.68333,.08125,.05556,.83125],73:[0,.68333,.07847,.11111,.43958],74:[0,.68333,.09618,.16667,.55451],75:[0,.68333,.07153,.05556,.84931],76:[0,.68333,0,.02778,.68056],77:[0,.68333,.10903,.08334,.97014],78:[0,.68333,.10903,.08334,.80347],79:[0,.68333,.02778,.08334,.76278],80:[0,.68333,.13889,.08334,.64201],81:[.19444,.68333,0,.08334,.79056],82:[0,.68333,.00773,.08334,.75929],83:[0,.68333,.05764,.08334,.6132],84:[0,.68333,.13889,.08334,.58438],85:[0,.68333,.10903,.02778,.68278],86:[0,.68333,.22222,0,.58333],87:[0,.68333,.13889,0,.94445],88:[0,.68333,.07847,.08334,.82847],89:[0,.68333,.22222,0,.58056],90:[0,.68333,.07153,.08334,.68264],97:[0,.43056,0,0,.52859],98:[0,.69444,0,0,.42917],99:[0,.43056,0,.05556,.43276],100:[0,.69444,0,.16667,.52049],101:[0,.43056,0,.05556,.46563],102:[.19444,.69444,.10764,.16667,.48959],103:[.19444,.43056,.03588,.02778,.47697],104:[0,.69444,0,0,.57616],105:[0,.65952,0,0,.34451],106:[.19444,.65952,.05724,0,.41181],107:[0,.69444,.03148,0,.5206],108:[0,.69444,.01968,.08334,.29838],109:[0,.43056,0,0,.87801],110:[0,.43056,0,0,.60023],111:[0,.43056,0,.05556,.48472],112:[.19444,.43056,0,.08334,.50313],113:[.19444,.43056,.03588,.08334,.44641],114:[0,.43056,.02778,.05556,.45116],115:[0,.43056,0,.05556,.46875],116:[0,.61508,0,.08334,.36111],117:[0,.43056,0,.02778,.57246],118:[0,.43056,.03588,.02778,.48472],119:[0,.43056,.02691,.08334,.71592],120:[0,.43056,0,.02778,.57153],121:[.19444,.43056,.03588,.05556,.49028],122:[0,.43056,.04398,.05556,.46505],160:[0,0,0,0,.25],915:[0,.68333,.13889,.08334,.61528],916:[0,.68333,0,.16667,.83334],920:[0,.68333,.02778,.08334,.76278],923:[0,.68333,0,.16667,.69445],926:[0,.68333,.07569,.08334,.74236],928:[0,.68333,.08125,.05556,.83125],931:[0,.68333,.05764,.08334,.77986],933:[0,.68333,.13889,.05556,.58333],934:[0,.68333,0,.08334,.66667],936:[0,.68333,.11,.05556,.61222],937:[0,.68333,.05017,.08334,.7724],945:[0,.43056,.0037,.02778,.6397],946:[.19444,.69444,.05278,.08334,.56563],947:[.19444,.43056,.05556,0,.51773],948:[0,.69444,.03785,.05556,.44444],949:[0,.43056,0,.08334,.46632],950:[.19444,.69444,.07378,.08334,.4375],951:[.19444,.43056,.03588,.05556,.49653],952:[0,.69444,.02778,.08334,.46944],953:[0,.43056,0,.05556,.35394],954:[0,.43056,0,0,.57616],955:[0,.69444,0,0,.58334],956:[.19444,.43056,0,.02778,.60255],957:[0,.43056,.06366,.02778,.49398],958:[.19444,.69444,.04601,.11111,.4375],959:[0,.43056,0,.05556,.48472],960:[0,.43056,.03588,0,.57003],961:[.19444,.43056,0,.08334,.51702],962:[.09722,.43056,.07986,.08334,.36285],963:[0,.43056,.03588,0,.57141],964:[0,.43056,.1132,.02778,.43715],965:[0,.43056,.03588,.02778,.54028],966:[.19444,.43056,0,.08334,.65417],967:[.19444,.43056,0,.05556,.62569],968:[.19444,.69444,.03588,.11111,.65139],969:[0,.43056,.03588,0,.62245],977:[0,.69444,0,.08334,.59144],981:[.19444,.69444,0,.08334,.59583],982:[0,.43056,.02778,0,.82813],1009:[.19444,.43056,0,.08334,.51702],1013:[0,.43056,0,.05556,.4059],57649:[0,.43056,0,.02778,.32246],57911:[.19444,.43056,0,.08334,.38403]},"SansSerif-Bold":{32:[0,0,0,0,.25],33:[0,.69444,0,0,.36667],34:[0,.69444,0,0,.55834],35:[.19444,.69444,0,0,.91667],36:[.05556,.75,0,0,.55],37:[.05556,.75,0,0,1.02912],38:[0,.69444,0,0,.83056],39:[0,.69444,0,0,.30556],40:[.25,.75,0,0,.42778],41:[.25,.75,0,0,.42778],42:[0,.75,0,0,.55],43:[.11667,.61667,0,0,.85556],44:[.10556,.13056,0,0,.30556],45:[0,.45833,0,0,.36667],46:[0,.13056,0,0,.30556],47:[.25,.75,0,0,.55],48:[0,.69444,0,0,.55],49:[0,.69444,0,0,.55],50:[0,.69444,0,0,.55],51:[0,.69444,0,0,.55],52:[0,.69444,0,0,.55],53:[0,.69444,0,0,.55],54:[0,.69444,0,0,.55],55:[0,.69444,0,0,.55],56:[0,.69444,0,0,.55],57:[0,.69444,0,0,.55],58:[0,.45833,0,0,.30556],59:[.10556,.45833,0,0,.30556],61:[-.09375,.40625,0,0,.85556],63:[0,.69444,0,0,.51945],64:[0,.69444,0,0,.73334],65:[0,.69444,0,0,.73334],66:[0,.69444,0,0,.73334],67:[0,.69444,0,0,.70278],68:[0,.69444,0,0,.79445],69:[0,.69444,0,0,.64167],70:[0,.69444,0,0,.61111],71:[0,.69444,0,0,.73334],72:[0,.69444,0,0,.79445],73:[0,.69444,0,0,.33056],74:[0,.69444,0,0,.51945],75:[0,.69444,0,0,.76389],76:[0,.69444,0,0,.58056],77:[0,.69444,0,0,.97778],78:[0,.69444,0,0,.79445],79:[0,.69444,0,0,.79445],80:[0,.69444,0,0,.70278],81:[.10556,.69444,0,0,.79445],82:[0,.69444,0,0,.70278],83:[0,.69444,0,0,.61111],84:[0,.69444,0,0,.73334],85:[0,.69444,0,0,.76389],86:[0,.69444,.01528,0,.73334],87:[0,.69444,.01528,0,1.03889],88:[0,.69444,0,0,.73334],89:[0,.69444,.0275,0,.73334],90:[0,.69444,0,0,.67223],91:[.25,.75,0,0,.34306],93:[.25,.75,0,0,.34306],94:[0,.69444,0,0,.55],95:[.35,.10833,.03056,0,.55],97:[0,.45833,0,0,.525],98:[0,.69444,0,0,.56111],99:[0,.45833,0,0,.48889],100:[0,.69444,0,0,.56111],101:[0,.45833,0,0,.51111],102:[0,.69444,.07639,0,.33611],103:[.19444,.45833,.01528,0,.55],104:[0,.69444,0,0,.56111],105:[0,.69444,0,0,.25556],106:[.19444,.69444,0,0,.28611],107:[0,.69444,0,0,.53056],108:[0,.69444,0,0,.25556],109:[0,.45833,0,0,.86667],110:[0,.45833,0,0,.56111],111:[0,.45833,0,0,.55],112:[.19444,.45833,0,0,.56111],113:[.19444,.45833,0,0,.56111],114:[0,.45833,.01528,0,.37222],115:[0,.45833,0,0,.42167],116:[0,.58929,0,0,.40417],117:[0,.45833,0,0,.56111],118:[0,.45833,.01528,0,.5],119:[0,.45833,.01528,0,.74445],120:[0,.45833,0,0,.5],121:[.19444,.45833,.01528,0,.5],122:[0,.45833,0,0,.47639],126:[.35,.34444,0,0,.55],160:[0,0,0,0,.25],168:[0,.69444,0,0,.55],176:[0,.69444,0,0,.73334],180:[0,.69444,0,0,.55],184:[.17014,0,0,0,.48889],305:[0,.45833,0,0,.25556],567:[.19444,.45833,0,0,.28611],710:[0,.69444,0,0,.55],711:[0,.63542,0,0,.55],713:[0,.63778,0,0,.55],728:[0,.69444,0,0,.55],729:[0,.69444,0,0,.30556],730:[0,.69444,0,0,.73334],732:[0,.69444,0,0,.55],733:[0,.69444,0,0,.55],915:[0,.69444,0,0,.58056],916:[0,.69444,0,0,.91667],920:[0,.69444,0,0,.85556],923:[0,.69444,0,0,.67223],926:[0,.69444,0,0,.73334],928:[0,.69444,0,0,.79445],931:[0,.69444,0,0,.79445],933:[0,.69444,0,0,.85556],934:[0,.69444,0,0,.79445],936:[0,.69444,0,0,.85556],937:[0,.69444,0,0,.79445],8211:[0,.45833,.03056,0,.55],8212:[0,.45833,.03056,0,1.10001],8216:[0,.69444,0,0,.30556],8217:[0,.69444,0,0,.30556],8220:[0,.69444,0,0,.55834],8221:[0,.69444,0,0,.55834]},"SansSerif-Italic":{32:[0,0,0,0,.25],33:[0,.69444,.05733,0,.31945],34:[0,.69444,.00316,0,.5],35:[.19444,.69444,.05087,0,.83334],36:[.05556,.75,.11156,0,.5],37:[.05556,.75,.03126,0,.83334],38:[0,.69444,.03058,0,.75834],39:[0,.69444,.07816,0,.27778],40:[.25,.75,.13164,0,.38889],41:[.25,.75,.02536,0,.38889],42:[0,.75,.11775,0,.5],43:[.08333,.58333,.02536,0,.77778],44:[.125,.08333,0,0,.27778],45:[0,.44444,.01946,0,.33333],46:[0,.08333,0,0,.27778],47:[.25,.75,.13164,0,.5],48:[0,.65556,.11156,0,.5],49:[0,.65556,.11156,0,.5],50:[0,.65556,.11156,0,.5],51:[0,.65556,.11156,0,.5],52:[0,.65556,.11156,0,.5],53:[0,.65556,.11156,0,.5],54:[0,.65556,.11156,0,.5],55:[0,.65556,.11156,0,.5],56:[0,.65556,.11156,0,.5],57:[0,.65556,.11156,0,.5],58:[0,.44444,.02502,0,.27778],59:[.125,.44444,.02502,0,.27778],61:[-.13,.37,.05087,0,.77778],63:[0,.69444,.11809,0,.47222],64:[0,.69444,.07555,0,.66667],65:[0,.69444,0,0,.66667],66:[0,.69444,.08293,0,.66667],67:[0,.69444,.11983,0,.63889],68:[0,.69444,.07555,0,.72223],69:[0,.69444,.11983,0,.59722],70:[0,.69444,.13372,0,.56945],71:[0,.69444,.11983,0,.66667],72:[0,.69444,.08094,0,.70834],73:[0,.69444,.13372,0,.27778],74:[0,.69444,.08094,0,.47222],75:[0,.69444,.11983,0,.69445],76:[0,.69444,0,0,.54167],77:[0,.69444,.08094,0,.875],78:[0,.69444,.08094,0,.70834],79:[0,.69444,.07555,0,.73611],80:[0,.69444,.08293,0,.63889],81:[.125,.69444,.07555,0,.73611],82:[0,.69444,.08293,0,.64584],83:[0,.69444,.09205,0,.55556],84:[0,.69444,.13372,0,.68056],85:[0,.69444,.08094,0,.6875],86:[0,.69444,.1615,0,.66667],87:[0,.69444,.1615,0,.94445],88:[0,.69444,.13372,0,.66667],89:[0,.69444,.17261,0,.66667],90:[0,.69444,.11983,0,.61111],91:[.25,.75,.15942,0,.28889],93:[.25,.75,.08719,0,.28889],94:[0,.69444,.0799,0,.5],95:[.35,.09444,.08616,0,.5],97:[0,.44444,.00981,0,.48056],98:[0,.69444,.03057,0,.51667],99:[0,.44444,.08336,0,.44445],100:[0,.69444,.09483,0,.51667],101:[0,.44444,.06778,0,.44445],102:[0,.69444,.21705,0,.30556],103:[.19444,.44444,.10836,0,.5],104:[0,.69444,.01778,0,.51667],105:[0,.67937,.09718,0,.23889],106:[.19444,.67937,.09162,0,.26667],107:[0,.69444,.08336,0,.48889],108:[0,.69444,.09483,0,.23889],109:[0,.44444,.01778,0,.79445],110:[0,.44444,.01778,0,.51667],111:[0,.44444,.06613,0,.5],112:[.19444,.44444,.0389,0,.51667],113:[.19444,.44444,.04169,0,.51667],114:[0,.44444,.10836,0,.34167],115:[0,.44444,.0778,0,.38333],116:[0,.57143,.07225,0,.36111],117:[0,.44444,.04169,0,.51667],118:[0,.44444,.10836,0,.46111],119:[0,.44444,.10836,0,.68334],120:[0,.44444,.09169,0,.46111],121:[.19444,.44444,.10836,0,.46111],122:[0,.44444,.08752,0,.43472],126:[.35,.32659,.08826,0,.5],160:[0,0,0,0,.25],168:[0,.67937,.06385,0,.5],176:[0,.69444,0,0,.73752],184:[.17014,0,0,0,.44445],305:[0,.44444,.04169,0,.23889],567:[.19444,.44444,.04169,0,.26667],710:[0,.69444,.0799,0,.5],711:[0,.63194,.08432,0,.5],713:[0,.60889,.08776,0,.5],714:[0,.69444,.09205,0,.5],715:[0,.69444,0,0,.5],728:[0,.69444,.09483,0,.5],729:[0,.67937,.07774,0,.27778],730:[0,.69444,0,0,.73752],732:[0,.67659,.08826,0,.5],733:[0,.69444,.09205,0,.5],915:[0,.69444,.13372,0,.54167],916:[0,.69444,0,0,.83334],920:[0,.69444,.07555,0,.77778],923:[0,.69444,0,0,.61111],926:[0,.69444,.12816,0,.66667],928:[0,.69444,.08094,0,.70834],931:[0,.69444,.11983,0,.72222],933:[0,.69444,.09031,0,.77778],934:[0,.69444,.04603,0,.72222],936:[0,.69444,.09031,0,.77778],937:[0,.69444,.08293,0,.72222],8211:[0,.44444,.08616,0,.5],8212:[0,.44444,.08616,0,1],8216:[0,.69444,.07816,0,.27778],8217:[0,.69444,.07816,0,.27778],8220:[0,.69444,.14205,0,.5],8221:[0,.69444,.00316,0,.5]},"SansSerif-Regular":{32:[0,0,0,0,.25],33:[0,.69444,0,0,.31945],34:[0,.69444,0,0,.5],35:[.19444,.69444,0,0,.83334],36:[.05556,.75,0,0,.5],37:[.05556,.75,0,0,.83334],38:[0,.69444,0,0,.75834],39:[0,.69444,0,0,.27778],40:[.25,.75,0,0,.38889],41:[.25,.75,0,0,.38889],42:[0,.75,0,0,.5],43:[.08333,.58333,0,0,.77778],44:[.125,.08333,0,0,.27778],45:[0,.44444,0,0,.33333],46:[0,.08333,0,0,.27778],47:[.25,.75,0,0,.5],48:[0,.65556,0,0,.5],49:[0,.65556,0,0,.5],50:[0,.65556,0,0,.5],51:[0,.65556,0,0,.5],52:[0,.65556,0,0,.5],53:[0,.65556,0,0,.5],54:[0,.65556,0,0,.5],55:[0,.65556,0,0,.5],56:[0,.65556,0,0,.5],57:[0,.65556,0,0,.5],58:[0,.44444,0,0,.27778],59:[.125,.44444,0,0,.27778],61:[-.13,.37,0,0,.77778],63:[0,.69444,0,0,.47222],64:[0,.69444,0,0,.66667],65:[0,.69444,0,0,.66667],66:[0,.69444,0,0,.66667],67:[0,.69444,0,0,.63889],68:[0,.69444,0,0,.72223],69:[0,.69444,0,0,.59722],70:[0,.69444,0,0,.56945],71:[0,.69444,0,0,.66667],72:[0,.69444,0,0,.70834],73:[0,.69444,0,0,.27778],74:[0,.69444,0,0,.47222],75:[0,.69444,0,0,.69445],76:[0,.69444,0,0,.54167],77:[0,.69444,0,0,.875],78:[0,.69444,0,0,.70834],79:[0,.69444,0,0,.73611],80:[0,.69444,0,0,.63889],81:[.125,.69444,0,0,.73611],82:[0,.69444,0,0,.64584],83:[0,.69444,0,0,.55556],84:[0,.69444,0,0,.68056],85:[0,.69444,0,0,.6875],86:[0,.69444,.01389,0,.66667],87:[0,.69444,.01389,0,.94445],88:[0,.69444,0,0,.66667],89:[0,.69444,.025,0,.66667],90:[0,.69444,0,0,.61111],91:[.25,.75,0,0,.28889],93:[.25,.75,0,0,.28889],94:[0,.69444,0,0,.5],95:[.35,.09444,.02778,0,.5],97:[0,.44444,0,0,.48056],98:[0,.69444,0,0,.51667],99:[0,.44444,0,0,.44445],100:[0,.69444,0,0,.51667],101:[0,.44444,0,0,.44445],102:[0,.69444,.06944,0,.30556],103:[.19444,.44444,.01389,0,.5],104:[0,.69444,0,0,.51667],105:[0,.67937,0,0,.23889],106:[.19444,.67937,0,0,.26667],107:[0,.69444,0,0,.48889],108:[0,.69444,0,0,.23889],109:[0,.44444,0,0,.79445],110:[0,.44444,0,0,.51667],111:[0,.44444,0,0,.5],112:[.19444,.44444,0,0,.51667],113:[.19444,.44444,0,0,.51667],114:[0,.44444,.01389,0,.34167],115:[0,.44444,0,0,.38333],116:[0,.57143,0,0,.36111],117:[0,.44444,0,0,.51667],118:[0,.44444,.01389,0,.46111],119:[0,.44444,.01389,0,.68334],120:[0,.44444,0,0,.46111],121:[.19444,.44444,.01389,0,.46111],122:[0,.44444,0,0,.43472],126:[.35,.32659,0,0,.5],160:[0,0,0,0,.25],168:[0,.67937,0,0,.5],176:[0,.69444,0,0,.66667],184:[.17014,0,0,0,.44445],305:[0,.44444,0,0,.23889],567:[.19444,.44444,0,0,.26667],710:[0,.69444,0,0,.5],711:[0,.63194,0,0,.5],713:[0,.60889,0,0,.5],714:[0,.69444,0,0,.5],715:[0,.69444,0,0,.5],728:[0,.69444,0,0,.5],729:[0,.67937,0,0,.27778],730:[0,.69444,0,0,.66667],732:[0,.67659,0,0,.5],733:[0,.69444,0,0,.5],915:[0,.69444,0,0,.54167],916:[0,.69444,0,0,.83334],920:[0,.69444,0,0,.77778],923:[0,.69444,0,0,.61111],926:[0,.69444,0,0,.66667],928:[0,.69444,0,0,.70834],931:[0,.69444,0,0,.72222],933:[0,.69444,0,0,.77778],934:[0,.69444,0,0,.72222],936:[0,.69444,0,0,.77778],937:[0,.69444,0,0,.72222],8211:[0,.44444,.02778,0,.5],8212:[0,.44444,.02778,0,1],8216:[0,.69444,0,0,.27778],8217:[0,.69444,0,0,.27778],8220:[0,.69444,0,0,.5],8221:[0,.69444,0,0,.5]},"Script-Regular":{32:[0,0,0,0,.25],65:[0,.7,.22925,0,.80253],66:[0,.7,.04087,0,.90757],67:[0,.7,.1689,0,.66619],68:[0,.7,.09371,0,.77443],69:[0,.7,.18583,0,.56162],70:[0,.7,.13634,0,.89544],71:[0,.7,.17322,0,.60961],72:[0,.7,.29694,0,.96919],73:[0,.7,.19189,0,.80907],74:[.27778,.7,.19189,0,1.05159],75:[0,.7,.31259,0,.91364],76:[0,.7,.19189,0,.87373],77:[0,.7,.15981,0,1.08031],78:[0,.7,.3525,0,.9015],79:[0,.7,.08078,0,.73787],80:[0,.7,.08078,0,1.01262],81:[0,.7,.03305,0,.88282],82:[0,.7,.06259,0,.85],83:[0,.7,.19189,0,.86767],84:[0,.7,.29087,0,.74697],85:[0,.7,.25815,0,.79996],86:[0,.7,.27523,0,.62204],87:[0,.7,.27523,0,.80532],88:[0,.7,.26006,0,.94445],89:[0,.7,.2939,0,.70961],90:[0,.7,.24037,0,.8212],160:[0,0,0,0,.25]},"Size1-Regular":{32:[0,0,0,0,.25],40:[.35001,.85,0,0,.45834],41:[.35001,.85,0,0,.45834],47:[.35001,.85,0,0,.57778],91:[.35001,.85,0,0,.41667],92:[.35001,.85,0,0,.57778],93:[.35001,.85,0,0,.41667],123:[.35001,.85,0,0,.58334],125:[.35001,.85,0,0,.58334],160:[0,0,0,0,.25],710:[0,.72222,0,0,.55556],732:[0,.72222,0,0,.55556],770:[0,.72222,0,0,.55556],771:[0,.72222,0,0,.55556],8214:[-99e-5,.601,0,0,.77778],8593:[1e-5,.6,0,0,.66667],8595:[1e-5,.6,0,0,.66667],8657:[1e-5,.6,0,0,.77778],8659:[1e-5,.6,0,0,.77778],8719:[.25001,.75,0,0,.94445],8720:[.25001,.75,0,0,.94445],8721:[.25001,.75,0,0,1.05556],8730:[.35001,.85,0,0,1],8739:[-.00599,.606,0,0,.33333],8741:[-.00599,.606,0,0,.55556],8747:[.30612,.805,.19445,0,.47222],8748:[.306,.805,.19445,0,.47222],8749:[.306,.805,.19445,0,.47222],8750:[.30612,.805,.19445,0,.47222],8896:[.25001,.75,0,0,.83334],8897:[.25001,.75,0,0,.83334],8898:[.25001,.75,0,0,.83334],8899:[.25001,.75,0,0,.83334],8968:[.35001,.85,0,0,.47222],8969:[.35001,.85,0,0,.47222],8970:[.35001,.85,0,0,.47222],8971:[.35001,.85,0,0,.47222],9168:[-99e-5,.601,0,0,.66667],10216:[.35001,.85,0,0,.47222],10217:[.35001,.85,0,0,.47222],10752:[.25001,.75,0,0,1.11111],10753:[.25001,.75,0,0,1.11111],10754:[.25001,.75,0,0,1.11111],10756:[.25001,.75,0,0,.83334],10758:[.25001,.75,0,0,.83334]},"Size2-Regular":{32:[0,0,0,0,.25],40:[.65002,1.15,0,0,.59722],41:[.65002,1.15,0,0,.59722],47:[.65002,1.15,0,0,.81111],91:[.65002,1.15,0,0,.47222],92:[.65002,1.15,0,0,.81111],93:[.65002,1.15,0,0,.47222],123:[.65002,1.15,0,0,.66667],125:[.65002,1.15,0,0,.66667],160:[0,0,0,0,.25],710:[0,.75,0,0,1],732:[0,.75,0,0,1],770:[0,.75,0,0,1],771:[0,.75,0,0,1],8719:[.55001,1.05,0,0,1.27778],8720:[.55001,1.05,0,0,1.27778],8721:[.55001,1.05,0,0,1.44445],8730:[.65002,1.15,0,0,1],8747:[.86225,1.36,.44445,0,.55556],8748:[.862,1.36,.44445,0,.55556],8749:[.862,1.36,.44445,0,.55556],8750:[.86225,1.36,.44445,0,.55556],8896:[.55001,1.05,0,0,1.11111],8897:[.55001,1.05,0,0,1.11111],8898:[.55001,1.05,0,0,1.11111],8899:[.55001,1.05,0,0,1.11111],8968:[.65002,1.15,0,0,.52778],8969:[.65002,1.15,0,0,.52778],8970:[.65002,1.15,0,0,.52778],8971:[.65002,1.15,0,0,.52778],10216:[.65002,1.15,0,0,.61111],10217:[.65002,1.15,0,0,.61111],10752:[.55001,1.05,0,0,1.51112],10753:[.55001,1.05,0,0,1.51112],10754:[.55001,1.05,0,0,1.51112],10756:[.55001,1.05,0,0,1.11111],10758:[.55001,1.05,0,0,1.11111]},"Size3-Regular":{32:[0,0,0,0,.25],40:[.95003,1.45,0,0,.73611],41:[.95003,1.45,0,0,.73611],47:[.95003,1.45,0,0,1.04445],91:[.95003,1.45,0,0,.52778],92:[.95003,1.45,0,0,1.04445],93:[.95003,1.45,0,0,.52778],123:[.95003,1.45,0,0,.75],125:[.95003,1.45,0,0,.75],160:[0,0,0,0,.25],710:[0,.75,0,0,1.44445],732:[0,.75,0,0,1.44445],770:[0,.75,0,0,1.44445],771:[0,.75,0,0,1.44445],8730:[.95003,1.45,0,0,1],8968:[.95003,1.45,0,0,.58334],8969:[.95003,1.45,0,0,.58334],8970:[.95003,1.45,0,0,.58334],8971:[.95003,1.45,0,0,.58334],10216:[.95003,1.45,0,0,.75],10217:[.95003,1.45,0,0,.75]},"Size4-Regular":{32:[0,0,0,0,.25],40:[1.25003,1.75,0,0,.79167],41:[1.25003,1.75,0,0,.79167],47:[1.25003,1.75,0,0,1.27778],91:[1.25003,1.75,0,0,.58334],92:[1.25003,1.75,0,0,1.27778],93:[1.25003,1.75,0,0,.58334],123:[1.25003,1.75,0,0,.80556],125:[1.25003,1.75,0,0,.80556],160:[0,0,0,0,.25],710:[0,.825,0,0,1.8889],732:[0,.825,0,0,1.8889],770:[0,.825,0,0,1.8889],771:[0,.825,0,0,1.8889],8730:[1.25003,1.75,0,0,1],8968:[1.25003,1.75,0,0,.63889],8969:[1.25003,1.75,0,0,.63889],8970:[1.25003,1.75,0,0,.63889],8971:[1.25003,1.75,0,0,.63889],9115:[.64502,1.155,0,0,.875],9116:[1e-5,.6,0,0,.875],9117:[.64502,1.155,0,0,.875],9118:[.64502,1.155,0,0,.875],9119:[1e-5,.6,0,0,.875],9120:[.64502,1.155,0,0,.875],9121:[.64502,1.155,0,0,.66667],9122:[-99e-5,.601,0,0,.66667],9123:[.64502,1.155,0,0,.66667],9124:[.64502,1.155,0,0,.66667],9125:[-99e-5,.601,0,0,.66667],9126:[.64502,1.155,0,0,.66667],9127:[1e-5,.9,0,0,.88889],9128:[.65002,1.15,0,0,.88889],9129:[.90001,0,0,0,.88889],9130:[0,.3,0,0,.88889],9131:[1e-5,.9,0,0,.88889],9132:[.65002,1.15,0,0,.88889],9133:[.90001,0,0,0,.88889],9143:[.88502,.915,0,0,1.05556],10216:[1.25003,1.75,0,0,.80556],10217:[1.25003,1.75,0,0,.80556],57344:[-.00499,.605,0,0,1.05556],57345:[-.00499,.605,0,0,1.05556],57680:[0,.12,0,0,.45],57681:[0,.12,0,0,.45],57682:[0,.12,0,0,.45],57683:[0,.12,0,0,.45]},"Typewriter-Regular":{32:[0,0,0,0,.525],33:[0,.61111,0,0,.525],34:[0,.61111,0,0,.525],35:[0,.61111,0,0,.525],36:[.08333,.69444,0,0,.525],37:[.08333,.69444,0,0,.525],38:[0,.61111,0,0,.525],39:[0,.61111,0,0,.525],40:[.08333,.69444,0,0,.525],41:[.08333,.69444,0,0,.525],42:[0,.52083,0,0,.525],43:[-.08056,.53055,0,0,.525],44:[.13889,.125,0,0,.525],45:[-.08056,.53055,0,0,.525],46:[0,.125,0,0,.525],47:[.08333,.69444,0,0,.525],48:[0,.61111,0,0,.525],49:[0,.61111,0,0,.525],50:[0,.61111,0,0,.525],51:[0,.61111,0,0,.525],52:[0,.61111,0,0,.525],53:[0,.61111,0,0,.525],54:[0,.61111,0,0,.525],55:[0,.61111,0,0,.525],56:[0,.61111,0,0,.525],57:[0,.61111,0,0,.525],58:[0,.43056,0,0,.525],59:[.13889,.43056,0,0,.525],60:[-.05556,.55556,0,0,.525],61:[-.19549,.41562,0,0,.525],62:[-.05556,.55556,0,0,.525],63:[0,.61111,0,0,.525],64:[0,.61111,0,0,.525],65:[0,.61111,0,0,.525],66:[0,.61111,0,0,.525],67:[0,.61111,0,0,.525],68:[0,.61111,0,0,.525],69:[0,.61111,0,0,.525],70:[0,.61111,0,0,.525],71:[0,.61111,0,0,.525],72:[0,.61111,0,0,.525],73:[0,.61111,0,0,.525],74:[0,.61111,0,0,.525],75:[0,.61111,0,0,.525],76:[0,.61111,0,0,.525],77:[0,.61111,0,0,.525],78:[0,.61111,0,0,.525],79:[0,.61111,0,0,.525],80:[0,.61111,0,0,.525],81:[.13889,.61111,0,0,.525],82:[0,.61111,0,0,.525],83:[0,.61111,0,0,.525],84:[0,.61111,0,0,.525],85:[0,.61111,0,0,.525],86:[0,.61111,0,0,.525],87:[0,.61111,0,0,.525],88:[0,.61111,0,0,.525],89:[0,.61111,0,0,.525],90:[0,.61111,0,0,.525],91:[.08333,.69444,0,0,.525],92:[.08333,.69444,0,0,.525],93:[.08333,.69444,0,0,.525],94:[0,.61111,0,0,.525],95:[.09514,0,0,0,.525],96:[0,.61111,0,0,.525],97:[0,.43056,0,0,.525],98:[0,.61111,0,0,.525],99:[0,.43056,0,0,.525],100:[0,.61111,0,0,.525],101:[0,.43056,0,0,.525],102:[0,.61111,0,0,.525],103:[.22222,.43056,0,0,.525],104:[0,.61111,0,0,.525],105:[0,.61111,0,0,.525],106:[.22222,.61111,0,0,.525],107:[0,.61111,0,0,.525],108:[0,.61111,0,0,.525],109:[0,.43056,0,0,.525],110:[0,.43056,0,0,.525],111:[0,.43056,0,0,.525],112:[.22222,.43056,0,0,.525],113:[.22222,.43056,0,0,.525],114:[0,.43056,0,0,.525],115:[0,.43056,0,0,.525],116:[0,.55358,0,0,.525],117:[0,.43056,0,0,.525],118:[0,.43056,0,0,.525],119:[0,.43056,0,0,.525],120:[0,.43056,0,0,.525],121:[.22222,.43056,0,0,.525],122:[0,.43056,0,0,.525],123:[.08333,.69444,0,0,.525],124:[.08333,.69444,0,0,.525],125:[.08333,.69444,0,0,.525],126:[0,.61111,0,0,.525],127:[0,.61111,0,0,.525],160:[0,0,0,0,.525],176:[0,.61111,0,0,.525],184:[.19445,0,0,0,.525],305:[0,.43056,0,0,.525],567:[.22222,.43056,0,0,.525],711:[0,.56597,0,0,.525],713:[0,.56555,0,0,.525],714:[0,.61111,0,0,.525],715:[0,.61111,0,0,.525],728:[0,.61111,0,0,.525],730:[0,.61111,0,0,.525],770:[0,.61111,0,0,.525],771:[0,.61111,0,0,.525],776:[0,.61111,0,0,.525],915:[0,.61111,0,0,.525],916:[0,.61111,0,0,.525],920:[0,.61111,0,0,.525],923:[0,.61111,0,0,.525],926:[0,.61111,0,0,.525],928:[0,.61111,0,0,.525],931:[0,.61111,0,0,.525],933:[0,.61111,0,0,.525],934:[0,.61111,0,0,.525],936:[0,.61111,0,0,.525],937:[0,.61111,0,0,.525],8216:[0,.61111,0,0,.525],8217:[0,.61111,0,0,.525],8242:[0,.61111,0,0,.525],9251:[.11111,.21944,0,0,.525]}},T={slant:[.25,.25,.25],space:[0,0,0],stretch:[0,0,0],shrink:[0,0,0],xHeight:[.431,.431,.431],quad:[1,1.171,1.472],extraSpace:[0,0,0],num1:[.677,.732,.925],num2:[.394,.384,.387],num3:[.444,.471,.504],denom1:[.686,.752,1.025],denom2:[.345,.344,.532],sup1:[.413,.503,.504],sup2:[.363,.431,.404],sup3:[.289,.286,.294],sub1:[.15,.143,.2],sub2:[.247,.286,.4],supDrop:[.386,.353,.494],subDrop:[.05,.071,.1],delim1:[2.39,1.7,1.98],delim2:[1.01,1.157,1.42],axisHeight:[.25,.25,.25],defaultRuleThickness:[.04,.049,.049],bigOpSpacing1:[.111,.111,.111],bigOpSpacing2:[.166,.166,.166],bigOpSpacing3:[.2,.2,.2],bigOpSpacing4:[.6,.611,.611],bigOpSpacing5:[.1,.143,.143],sqrtRuleThickness:[.04,.04,.04],ptPerEm:[10,10,10],doubleRuleSep:[.2,.2,.2],arrayRuleWidth:[.04,.04,.04],fboxsep:[.3,.3,.3],fboxrule:[.04,.04,.04]},B={"Å":"A","Ð":"D","Þ":"o","å":"a","ð":"d","þ":"o","А":"A","Б":"B","В":"B","Г":"F","Д":"A","Е":"E","Ж":"K","З":"3","И":"N","Й":"N","К":"K","Л":"N","М":"M","Н":"H","О":"O","П":"N","Р":"P","С":"C","Т":"T","У":"y","Ф":"O","Х":"X","Ц":"U","Ч":"h","Ш":"W","Щ":"W","Ъ":"B","Ы":"X","Ь":"B","Э":"3","Ю":"X","Я":"R","а":"a","б":"b","в":"a","г":"r","д":"y","е":"e","ж":"m","з":"e","и":"n","й":"n","к":"n","л":"n","м":"m","н":"n","о":"o","п":"n","р":"p","с":"c","т":"o","у":"y","ф":"b","х":"x","ц":"n","ч":"n","ш":"w","щ":"w","ъ":"a","ы":"m","ь":"a","э":"e","ю":"m","я":"r"};function C(e,t,r){if(!A[t])throw new Error("Font metrics not found for font: "+t+".");var n=e.charCodeAt(0),a=A[t][n];if(!a&&e[0]in B&&(n=B[e[0]].charCodeAt(0),a=A[t][n]),a||"text"!==r||S(n)&&(a=A[t][77]),a)return{depth:a[0],height:a[1],italic:a[2],skew:a[3],width:a[4]}}var N={},q=[[1,1,1],[2,1,1],[3,1,1],[4,2,1],[5,2,1],[6,3,1],[7,4,2],[8,6,3],[9,7,6],[10,8,7],[11,10,9]],I=[.5,.6,.7,.8,.9,1,1.2,1.44,1.728,2.074,2.488],O=function(e,t){return t.size<2?e:q[e-1][t.size-1]},R=function(){function e(t){this.style=void 0,this.color=void 0,this.size=void 0,this.textSize=void 0,this.phantom=void 0,this.font=void 0,this.fontFamily=void 0,this.fontWeight=void 0,this.fontShape=void 0,this.sizeMultiplier=void 0,this.maxSize=void 0,this.minRuleThickness=void 0,this._fontMetrics=void 0,this.style=t.style,this.color=t.color,this.size=t.size||e.BASESIZE,this.textSize=t.textSize||this.size,this.phantom=!!t.phantom,this.font=t.font||"",this.fontFamily=t.fontFamily||"",this.fontWeight=t.fontWeight||"",this.fontShape=t.fontShape||"",this.sizeMultiplier=I[this.size-1],this.maxSize=t.maxSize,this.minRuleThickness=t.minRuleThickness,this._fontMetrics=void 0}var t=e.prototype;return t.extend=function(t){var r={style:this.style,size:this.size,textSize:this.textSize,color:this.color,phantom:this.phantom,font:this.font,fontFamily:this.fontFamily,fontWeight:this.fontWeight,fontShape:this.fontShape,maxSize:this.maxSize,minRuleThickness:this.minRuleThickness};for(var n in t)t.hasOwnProperty(n)&&(r[n]=t[n]);return new e(r)},t.havingStyle=function(e){return this.style===e?this:this.extend({style:e,size:O(this.textSize,e)})},t.havingCrampedStyle=function(){return this.havingStyle(this.style.cramp())},t.havingSize=function(e){return this.size===e&&this.textSize===e?this:this.extend({style:this.style.text(),size:e,textSize:e,sizeMultiplier:I[e-1]})},t.havingBaseStyle=function(t){t=t||this.style.text();var r=O(e.BASESIZE,t);return this.size===r&&this.textSize===e.BASESIZE&&this.style===t?this:this.extend({style:t,size:r})},t.havingBaseSizing=function(){var e;switch(this.style.id){case 4:case 5:e=3;break;case 6:case 7:e=1;break;default:e=6}return this.extend({style:this.style.text(),size:e})},t.withColor=function(e){return this.extend({color:e})},t.withPhantom=function(){return this.extend({phantom:!0})},t.withFont=function(e){return this.extend({font:e})},t.withTextFontFamily=function(e){return this.extend({fontFamily:e,font:""})},t.withTextFontWeight=function(e){return this.extend({fontWeight:e,font:""})},t.withTextFontShape=function(e){return this.extend({fontShape:e,font:""})},t.sizingClasses=function(e){return e.size!==this.size?["sizing","reset-size"+e.size,"size"+this.size]:[]},t.baseSizingClasses=function(){return this.size!==e.BASESIZE?["sizing","reset-size"+this.size,"size"+e.BASESIZE]:[]},t.fontMetrics=function(){return this._fontMetrics||(this._fontMetrics=function(e){var t;if(!N[t=e>=5?0:e>=3?1:2]){var r=N[t]={cssEmPerMu:T.quad[t]/18};for(var n in T)T.hasOwnProperty(n)&&(r[n]=T[n][t])}return N[t]}(this.size)),this._fontMetrics},t.getColor=function(){return this.phantom?"transparent":this.color},e}();R.BASESIZE=6;var H=R,E={pt:1,mm:7227/2540,cm:7227/254,in:72.27,bp:1.00375,pc:12,dd:1238/1157,cc:14856/1157,nd:685/642,nc:1370/107,sp:1/65536,px:1.00375},L={ex:!0,em:!0,mu:!0},D=function(e){return"string"!=typeof e&&(e=e.unit),e in E||e in L||"ex"===e},P=function(e,t){var r;if(e.unit in E)r=E[e.unit]/t.fontMetrics().ptPerEm/t.sizeMultiplier;else if("mu"===e.unit)r=t.fontMetrics().cssEmPerMu;else{var a;if(a=t.style.isTight()?t.havingStyle(t.style.text()):t,"ex"===e.unit)r=a.fontMetrics().xHeight;else{if("em"!==e.unit)throw new n("Invalid unit: '"+e.unit+"'");r=a.fontMetrics().quad}a!==t&&(r*=a.sizeMultiplier/t.sizeMultiplier)}return Math.min(e.number*r,t.maxSize)},F=function(e){return+e.toFixed(4)+"em"},V=function(e){return e.filter((function(e){return e})).join(" ")},G=function(e,t,r){if(this.classes=e||[],this.attributes={},this.height=0,this.depth=0,this.maxFontSize=0,this.style=r||{},t){t.style.isTight()&&this.classes.push("mtight");var n=t.getColor();n&&(this.style.color=n)}},U=function(e){var t=document.createElement(e);for(var r in t.className=V(this.classes),this.style)this.style.hasOwnProperty(r)&&(t.style[r]=this.style[r]);for(var n in this.attributes)this.attributes.hasOwnProperty(n)&&t.setAttribute(n,this.attributes[n]);for(var a=0;a<this.children.length;a++)t.appendChild(this.children[a].toNode());return t},_=function(e){var t="<"+e;this.classes.length&&(t+=' class="'+l.escape(V(this.classes))+'"');var r="";for(var n in this.style)this.style.hasOwnProperty(n)&&(r+=l.hyphenate(n)+":"+this.style[n]+";");for(var a in r&&(t+=' style="'+l.escape(r)+'"'),this.attributes)this.attributes.hasOwnProperty(a)&&(t+=" "+a+'="'+l.escape(this.attributes[a])+'"');t+=">";for(var i=0;i<this.children.length;i++)t+=this.children[i].toMarkup();return t+="</"+e+">"},Y=function(){function e(e,t,r,n){this.children=void 0,this.attributes=void 0,this.classes=void 0,this.height=void 0,this.depth=void 0,this.width=void 0,this.maxFontSize=void 0,this.style=void 0,G.call(this,e,r,n),this.children=t||[]}var t=e.prototype;return t.setAttribute=function(e,t){this.attributes[e]=t},t.hasClass=function(e){return l.contains(this.classes,e)},t.toNode=function(){return U.call(this,"span")},t.toMarkup=function(){return _.call(this,"span")},e}(),X=function(){function e(e,t,r,n){this.children=void 0,this.attributes=void 0,this.classes=void 0,this.height=void 0,this.depth=void 0,this.maxFontSize=void 0,this.style=void 0,G.call(this,t,n),this.children=r||[],this.setAttribute("href",e)}var t=e.prototype;return t.setAttribute=function(e,t){this.attributes[e]=t},t.hasClass=function(e){return l.contains(this.classes,e)},t.toNode=function(){return U.call(this,"a")},t.toMarkup=function(){return _.call(this,"a")},e}(),W=function(){function e(e,t,r){this.src=void 0,this.alt=void 0,this.classes=void 0,this.height=void 0,this.depth=void 0,this.maxFontSize=void 0,this.style=void 0,this.alt=t,this.src=e,this.classes=["mord"],this.style=r}var t=e.prototype;return t.hasClass=function(e){return l.contains(this.classes,e)},t.toNode=function(){var e=document.createElement("img");for(var t in e.src=this.src,e.alt=this.alt,e.className="mord",this.style)this.style.hasOwnProperty(t)&&(e.style[t]=this.style[t]);return e},t.toMarkup=function(){var e="<img  src='"+this.src+" 'alt='"+this.alt+"' ",t="";for(var r in this.style)this.style.hasOwnProperty(r)&&(t+=l.hyphenate(r)+":"+this.style[r]+";");return t&&(e+=' style="'+l.escape(t)+'"'),e+="'/>"},e}(),j={"î":"ı̂","ï":"ı̈","í":"ı́","ì":"ı̀"},$=function(){function e(e,t,r,n,a,i,o,s){this.text=void 0,this.height=void 0,this.depth=void 0,this.italic=void 0,this.skew=void 0,this.width=void 0,this.maxFontSize=void 0,this.classes=void 0,this.style=void 0,this.text=e,this.height=t||0,this.depth=r||0,this.italic=n||0,this.skew=a||0,this.width=i||0,this.classes=o||[],this.style=s||{},this.maxFontSize=0;var l=function(e){for(var t=0;t<w.length;t++)for(var r=w[t],n=0;n<r.blocks.length;n++){var a=r.blocks[n];if(e>=a[0]&&e<=a[1])return r.name}return null}(this.text.charCodeAt(0));l&&this.classes.push(l+"_fallback"),/[îïíì]/.test(this.text)&&(this.text=j[this.text])}var t=e.prototype;return t.hasClass=function(e){return l.contains(this.classes,e)},t.toNode=function(){var e=document.createTextNode(this.text),t=null;for(var r in this.italic>0&&((t=document.createElement("span")).style.marginRight=F(this.italic)),this.classes.length>0&&((t=t||document.createElement("span")).className=V(this.classes)),this.style)this.style.hasOwnProperty(r)&&((t=t||document.createElement("span")).style[r]=this.style[r]);return t?(t.appendChild(e),t):e},t.toMarkup=function(){var e=!1,t="<span";this.classes.length&&(e=!0,t+=' class="',t+=l.escape(V(this.classes)),t+='"');var r="";for(var n in this.italic>0&&(r+="margin-right:"+this.italic+"em;"),this.style)this.style.hasOwnProperty(n)&&(r+=l.hyphenate(n)+":"+this.style[n]+";");r&&(e=!0,t+=' style="'+l.escape(r)+'"');var a=l.escape(this.text);return e?(t+=">",t+=a,t+="</span>"):a},e}(),Z=function(){function e(e,t){this.children=void 0,this.attributes=void 0,this.children=e||[],this.attributes=t||{}}var t=e.prototype;return t.toNode=function(){var e=document.createElementNS("http://www.w3.org/2000/svg","svg");for(var t in this.attributes)Object.prototype.hasOwnProperty.call(this.attributes,t)&&e.setAttribute(t,this.attributes[t]);for(var r=0;r<this.children.length;r++)e.appendChild(this.children[r].toNode());return e},t.toMarkup=function(){var e='<svg xmlns="http://www.w3.org/2000/svg"';for(var t in this.attributes)Object.prototype.hasOwnProperty.call(this.attributes,t)&&(e+=" "+t+"='"+this.attributes[t]+"'");e+=">";for(var r=0;r<this.children.length;r++)e+=this.children[r].toMarkup();return e+="</svg>"},e}(),K=function(){function e(e,t){this.pathName=void 0,this.alternate=void 0,this.pathName=e,this.alternate=t}var t=e.prototype;return t.toNode=function(){var e=document.createElementNS("http://www.w3.org/2000/svg","path");return this.alternate?e.setAttribute("d",this.alternate):e.setAttribute("d",M[this.pathName]),e},t.toMarkup=function(){return this.alternate?"<path d='"+this.alternate+"'/>":"<path d='"+M[this.pathName]+"'/>"},e}(),J=function(){function e(e){this.attributes=void 0,this.attributes=e||{}}var t=e.prototype;return t.toNode=function(){var e=document.createElementNS("http://www.w3.org/2000/svg","line");for(var t in this.attributes)Object.prototype.hasOwnProperty.call(this.attributes,t)&&e.setAttribute(t,this.attributes[t]);return e},t.toMarkup=function(){var e="<line";for(var t in this.attributes)Object.prototype.hasOwnProperty.call(this.attributes,t)&&(e+=" "+t+"='"+this.attributes[t]+"'");return e+="/>"},e}();function Q(e){if(e instanceof $)return e;throw new Error("Expected symbolNode but got "+String(e)+".")}var ee={bin:1,close:1,inner:1,open:1,punct:1,rel:1},te={"accent-token":1,mathord:1,"op-token":1,spacing:1,textord:1},re={math:{},text:{}},ne=re;function ae(e,t,r,n,a,i){re[e][a]={font:t,group:r,replace:n},i&&n&&(re[e][n]=re[e][a])}var ie="math",oe="main",se="ams",le="accent-token",he="bin",ce="mathord",me="op-token",ue="rel",pe="textord";ae(ie,oe,ue,"≡","\\equiv",!0),ae(ie,oe,ue,"≺","\\prec",!0),ae(ie,oe,ue,"≻","\\succ",!0),ae(ie,oe,ue,"∼","\\sim",!0),ae(ie,oe,ue,"⊥","\\perp"),ae(ie,oe,ue,"⪯","\\preceq",!0),ae(ie,oe,ue,"⪰","\\succeq",!0),ae(ie,oe,ue,"≃","\\simeq",!0),ae(ie,oe,ue,"∣","\\mid",!0),ae(ie,oe,ue,"≪","\\ll",!0),ae(ie,oe,ue,"≫","\\gg",!0),ae(ie,oe,ue,"≍","\\asymp",!0),ae(ie,oe,ue,"∥","\\parallel"),ae(ie,oe,ue,"⋈","\\bowtie",!0),ae(ie,oe,ue,"⌣","\\smile",!0),ae(ie,oe,ue,"⊑","\\sqsubseteq",!0),ae(ie,oe,ue,"⊒","\\sqsupseteq",!0),ae(ie,oe,ue,"≐","\\doteq",!0),ae(ie,oe,ue,"⌢","\\frown",!0),ae(ie,oe,ue,"∋","\\ni",!0),ae(ie,oe,ue,"∝","\\propto",!0),ae(ie,oe,ue,"⊢","\\vdash",!0),ae(ie,oe,ue,"⊣","\\dashv",!0),ae(ie,oe,ue,"∋","\\owns"),ae(ie,oe,"punct",".","\\ldotp"),ae(ie,oe,"punct","⋅","\\cdotp"),ae(ie,oe,pe,"#","\\#"),ae("text",oe,pe,"#","\\#"),ae(ie,oe,pe,"&","\\&"),ae("text",oe,pe,"&","\\&"),ae(ie,oe,pe,"ℵ","\\aleph",!0),ae(ie,oe,pe,"∀","\\forall",!0),ae(ie,oe,pe,"ℏ","\\hbar",!0),ae(ie,oe,pe,"∃","\\exists",!0),ae(ie,oe,pe,"∇","\\nabla",!0),ae(ie,oe,pe,"♭","\\flat",!0),ae(ie,oe,pe,"ℓ","\\ell",!0),ae(ie,oe,pe,"♮","\\natural",!0),ae(ie,oe,pe,"♣","\\clubsuit",!0),ae(ie,oe,pe,"℘","\\wp",!0),ae(ie,oe,pe,"♯","\\sharp",!0),ae(ie,oe,pe,"♢","\\diamondsuit",!0),ae(ie,oe,pe,"ℜ","\\Re",!0),ae(ie,oe,pe,"♡","\\heartsuit",!0),ae(ie,oe,pe,"ℑ","\\Im",!0),ae(ie,oe,pe,"♠","\\spadesuit",!0),ae(ie,oe,pe,"§","\\S",!0),ae("text",oe,pe,"§","\\S"),ae(ie,oe,pe,"¶","\\P",!0),ae("text",oe,pe,"¶","\\P"),ae(ie,oe,pe,"†","\\dag"),ae("text",oe,pe,"†","\\dag"),ae("text",oe,pe,"†","\\textdagger"),ae(ie,oe,pe,"‡","\\ddag"),ae("text",oe,pe,"‡","\\ddag"),ae("text",oe,pe,"‡","\\textdaggerdbl"),ae(ie,oe,"close","⎱","\\rmoustache",!0),ae(ie,oe,"open","⎰","\\lmoustache",!0),ae(ie,oe,"close","⟯","\\rgroup",!0),ae(ie,oe,"open","⟮","\\lgroup",!0),ae(ie,oe,he,"∓","\\mp",!0),ae(ie,oe,he,"⊖","\\ominus",!0),ae(ie,oe,he,"⊎","\\uplus",!0),ae(ie,oe,he,"⊓","\\sqcap",!0),ae(ie,oe,he,"∗","\\ast"),ae(ie,oe,he,"⊔","\\sqcup",!0),ae(ie,oe,he,"◯","\\bigcirc",!0),ae(ie,oe,he,"∙","\\bullet",!0),ae(ie,oe,he,"‡","\\ddagger"),ae(ie,oe,he,"≀","\\wr",!0),ae(ie,oe,he,"⨿","\\amalg"),ae(ie,oe,he,"&","\\And"),ae(ie,oe,ue,"⟵","\\longleftarrow",!0),ae(ie,oe,ue,"⇐","\\Leftarrow",!0),ae(ie,oe,ue,"⟸","\\Longleftarrow",!0),ae(ie,oe,ue,"⟶","\\longrightarrow",!0),ae(ie,oe,ue,"⇒","\\Rightarrow",!0),ae(ie,oe,ue,"⟹","\\Longrightarrow",!0),ae(ie,oe,ue,"↔","\\leftrightarrow",!0),ae(ie,oe,ue,"⟷","\\longleftrightarrow",!0),ae(ie,oe,ue,"⇔","\\Leftrightarrow",!0),ae(ie,oe,ue,"⟺","\\Longleftrightarrow",!0),ae(ie,oe,ue,"↦","\\mapsto",!0),ae(ie,oe,ue,"⟼","\\longmapsto",!0),ae(ie,oe,ue,"↗","\\nearrow",!0),ae(ie,oe,ue,"↩","\\hookleftarrow",!0),ae(ie,oe,ue,"↪","\\hookrightarrow",!0),ae(ie,oe,ue,"↘","\\searrow",!0),ae(ie,oe,ue,"↼","\\leftharpoonup",!0),ae(ie,oe,ue,"⇀","\\rightharpoonup",!0),ae(ie,oe,ue,"↙","\\swarrow",!0),ae(ie,oe,ue,"↽","\\leftharpoondown",!0),ae(ie,oe,ue,"⇁","\\rightharpoondown",!0),ae(ie,oe,ue,"↖","\\nwarrow",!0),ae(ie,oe,ue,"⇌","\\rightleftharpoons",!0),ae(ie,se,ue,"≮","\\nless",!0),ae(ie,se,ue,"","\\@nleqslant"),ae(ie,se,ue,"","\\@nleqq"),ae(ie,se,ue,"⪇","\\lneq",!0),ae(ie,se,ue,"≨","\\lneqq",!0),ae(ie,se,ue,"","\\@lvertneqq"),ae(ie,se,ue,"⋦","\\lnsim",!0),ae(ie,se,ue,"⪉","\\lnapprox",!0),ae(ie,se,ue,"⊀","\\nprec",!0),ae(ie,se,ue,"⋠","\\npreceq",!0),ae(ie,se,ue,"⋨","\\precnsim",!0),ae(ie,se,ue,"⪹","\\precnapprox",!0),ae(ie,se,ue,"≁","\\nsim",!0),ae(ie,se,ue,"","\\@nshortmid"),ae(ie,se,ue,"∤","\\nmid",!0),ae(ie,se,ue,"⊬","\\nvdash",!0),ae(ie,se,ue,"⊭","\\nvDash",!0),ae(ie,se,ue,"⋪","\\ntriangleleft"),ae(ie,se,ue,"⋬","\\ntrianglelefteq",!0),ae(ie,se,ue,"⊊","\\subsetneq",!0),ae(ie,se,ue,"","\\@varsubsetneq"),ae(ie,se,ue,"⫋","\\subsetneqq",!0),ae(ie,se,ue,"","\\@varsubsetneqq"),ae(ie,se,ue,"≯","\\ngtr",!0),ae(ie,se,ue,"","\\@ngeqslant"),ae(ie,se,ue,"","\\@ngeqq"),ae(ie,se,ue,"⪈","\\gneq",!0),ae(ie,se,ue,"≩","\\gneqq",!0),ae(ie,se,ue,"","\\@gvertneqq"),ae(ie,se,ue,"⋧","\\gnsim",!0),ae(ie,se,ue,"⪊","\\gnapprox",!0),ae(ie,se,ue,"⊁","\\nsucc",!0),ae(ie,se,ue,"⋡","\\nsucceq",!0),ae(ie,se,ue,"⋩","\\succnsim",!0),ae(ie,se,ue,"⪺","\\succnapprox",!0),ae(ie,se,ue,"≆","\\ncong",!0),ae(ie,se,ue,"","\\@nshortparallel"),ae(ie,se,ue,"∦","\\nparallel",!0),ae(ie,se,ue,"⊯","\\nVDash",!0),ae(ie,se,ue,"⋫","\\ntriangleright"),ae(ie,se,ue,"⋭","\\ntrianglerighteq",!0),ae(ie,se,ue,"","\\@nsupseteqq"),ae(ie,se,ue,"⊋","\\supsetneq",!0),ae(ie,se,ue,"","\\@varsupsetneq"),ae(ie,se,ue,"⫌","\\supsetneqq",!0),ae(ie,se,ue,"","\\@varsupsetneqq"),ae(ie,se,ue,"⊮","\\nVdash",!0),ae(ie,se,ue,"⪵","\\precneqq",!0),ae(ie,se,ue,"⪶","\\succneqq",!0),ae(ie,se,ue,"","\\@nsubseteqq"),ae(ie,se,he,"⊴","\\unlhd"),ae(ie,se,he,"⊵","\\unrhd"),ae(ie,se,ue,"↚","\\nleftarrow",!0),ae(ie,se,ue,"↛","\\nrightarrow",!0),ae(ie,se,ue,"⇍","\\nLeftarrow",!0),ae(ie,se,ue,"⇏","\\nRightarrow",!0),ae(ie,se,ue,"↮","\\nleftrightarrow",!0),ae(ie,se,ue,"⇎","\\nLeftrightarrow",!0),ae(ie,se,ue,"△","\\vartriangle"),ae(ie,se,pe,"ℏ","\\hslash"),ae(ie,se,pe,"▽","\\triangledown"),ae(ie,se,pe,"◊","\\lozenge"),ae(ie,se,pe,"Ⓢ","\\circledS"),ae(ie,se,pe,"®","\\circledR"),ae("text",se,pe,"®","\\circledR"),ae(ie,se,pe,"∡","\\measuredangle",!0),ae(ie,se,pe,"∄","\\nexists"),ae(ie,se,pe,"℧","\\mho"),ae(ie,se,pe,"Ⅎ","\\Finv",!0),ae(ie,se,pe,"⅁","\\Game",!0),ae(ie,se,pe,"‵","\\backprime"),ae(ie,se,pe,"▲","\\blacktriangle"),ae(ie,se,pe,"▼","\\blacktriangledown"),ae(ie,se,pe,"■","\\blacksquare"),ae(ie,se,pe,"⧫","\\blacklozenge"),ae(ie,se,pe,"★","\\bigstar"),ae(ie,se,pe,"∢","\\sphericalangle",!0),ae(ie,se,pe,"∁","\\complement",!0),ae(ie,se,pe,"ð","\\eth",!0),ae("text",oe,pe,"ð","ð"),ae(ie,se,pe,"╱","\\diagup"),ae(ie,se,pe,"╲","\\diagdown"),ae(ie,se,pe,"□","\\square"),ae(ie,se,pe,"□","\\Box"),ae(ie,se,pe,"◊","\\Diamond"),ae(ie,se,pe,"¥","\\yen",!0),ae("text",se,pe,"¥","\\yen",!0),ae(ie,se,pe,"✓","\\checkmark",!0),ae("text",se,pe,"✓","\\checkmark"),ae(ie,se,pe,"ℶ","\\beth",!0),ae(ie,se,pe,"ℸ","\\daleth",!0),ae(ie,se,pe,"ℷ","\\gimel",!0),ae(ie,se,pe,"ϝ","\\digamma",!0),ae(ie,se,pe,"ϰ","\\varkappa"),ae(ie,se,"open","┌","\\@ulcorner",!0),ae(ie,se,"close","┐","\\@urcorner",!0),ae(ie,se,"open","└","\\@llcorner",!0),ae(ie,se,"close","┘","\\@lrcorner",!0),ae(ie,se,ue,"≦","\\leqq",!0),ae(ie,se,ue,"⩽","\\leqslant",!0),ae(ie,se,ue,"⪕","\\eqslantless",!0),ae(ie,se,ue,"≲","\\lesssim",!0),ae(ie,se,ue,"⪅","\\lessapprox",!0),ae(ie,se,ue,"≊","\\approxeq",!0),ae(ie,se,he,"⋖","\\lessdot"),ae(ie,se,ue,"⋘","\\lll",!0),ae(ie,se,ue,"≶","\\lessgtr",!0),ae(ie,se,ue,"⋚","\\lesseqgtr",!0),ae(ie,se,ue,"⪋","\\lesseqqgtr",!0),ae(ie,se,ue,"≑","\\doteqdot"),ae(ie,se,ue,"≓","\\risingdotseq",!0),ae(ie,se,ue,"≒","\\fallingdotseq",!0),ae(ie,se,ue,"∽","\\backsim",!0),ae(ie,se,ue,"⋍","\\backsimeq",!0),ae(ie,se,ue,"⫅","\\subseteqq",!0),ae(ie,se,ue,"⋐","\\Subset",!0),ae(ie,se,ue,"⊏","\\sqsubset",!0),ae(ie,se,ue,"≼","\\preccurlyeq",!0),ae(ie,se,ue,"⋞","\\curlyeqprec",!0),ae(ie,se,ue,"≾","\\precsim",!0),ae(ie,se,ue,"⪷","\\precapprox",!0),ae(ie,se,ue,"⊲","\\vartriangleleft"),ae(ie,se,ue,"⊴","\\trianglelefteq"),ae(ie,se,ue,"⊨","\\vDash",!0),ae(ie,se,ue,"⊪","\\Vvdash",!0),ae(ie,se,ue,"⌣","\\smallsmile"),ae(ie,se,ue,"⌢","\\smallfrown"),ae(ie,se,ue,"≏","\\bumpeq",!0),ae(ie,se,ue,"≎","\\Bumpeq",!0),ae(ie,se,ue,"≧","\\geqq",!0),ae(ie,se,ue,"⩾","\\geqslant",!0),ae(ie,se,ue,"⪖","\\eqslantgtr",!0),ae(ie,se,ue,"≳","\\gtrsim",!0),ae(ie,se,ue,"⪆","\\gtrapprox",!0),ae(ie,se,he,"⋗","\\gtrdot"),ae(ie,se,ue,"⋙","\\ggg",!0),ae(ie,se,ue,"≷","\\gtrless",!0),ae(ie,se,ue,"⋛","\\gtreqless",!0),ae(ie,se,ue,"⪌","\\gtreqqless",!0),ae(ie,se,ue,"≖","\\eqcirc",!0),ae(ie,se,ue,"≗","\\circeq",!0),ae(ie,se,ue,"≜","\\triangleq",!0),ae(ie,se,ue,"∼","\\thicksim"),ae(ie,se,ue,"≈","\\thickapprox"),ae(ie,se,ue,"⫆","\\supseteqq",!0),ae(ie,se,ue,"⋑","\\Supset",!0),ae(ie,se,ue,"⊐","\\sqsupset",!0),ae(ie,se,ue,"≽","\\succcurlyeq",!0),ae(ie,se,ue,"⋟","\\curlyeqsucc",!0),ae(ie,se,ue,"≿","\\succsim",!0),ae(ie,se,ue,"⪸","\\succapprox",!0),ae(ie,se,ue,"⊳","\\vartriangleright"),ae(ie,se,ue,"⊵","\\trianglerighteq"),ae(ie,se,ue,"⊩","\\Vdash",!0),ae(ie,se,ue,"∣","\\shortmid"),ae(ie,se,ue,"∥","\\shortparallel"),ae(ie,se,ue,"≬","\\between",!0),ae(ie,se,ue,"⋔","\\pitchfork",!0),ae(ie,se,ue,"∝","\\varpropto"),ae(ie,se,ue,"◀","\\blacktriangleleft"),ae(ie,se,ue,"∴","\\therefore",!0),ae(ie,se,ue,"∍","\\backepsilon"),ae(ie,se,ue,"▶","\\blacktriangleright"),ae(ie,se,ue,"∵","\\because",!0),ae(ie,se,ue,"⋘","\\llless"),ae(ie,se,ue,"⋙","\\gggtr"),ae(ie,se,he,"⊲","\\lhd"),ae(ie,se,he,"⊳","\\rhd"),ae(ie,se,ue,"≂","\\eqsim",!0),ae(ie,oe,ue,"⋈","\\Join"),ae(ie,se,ue,"≑","\\Doteq",!0),ae(ie,se,he,"∔","\\dotplus",!0),ae(ie,se,he,"∖","\\smallsetminus"),ae(ie,se,he,"⋒","\\Cap",!0),ae(ie,se,he,"⋓","\\Cup",!0),ae(ie,se,he,"⩞","\\doublebarwedge",!0),ae(ie,se,he,"⊟","\\boxminus",!0),ae(ie,se,he,"⊞","\\boxplus",!0),ae(ie,se,he,"⋇","\\divideontimes",!0),ae(ie,se,he,"⋉","\\ltimes",!0),ae(ie,se,he,"⋊","\\rtimes",!0),ae(ie,se,he,"⋋","\\leftthreetimes",!0),ae(ie,se,he,"⋌","\\rightthreetimes",!0),ae(ie,se,he,"⋏","\\curlywedge",!0),ae(ie,se,he,"⋎","\\curlyvee",!0),ae(ie,se,he,"⊝","\\circleddash",!0),ae(ie,se,he,"⊛","\\circledast",!0),ae(ie,se,he,"⋅","\\centerdot"),ae(ie,se,he,"⊺","\\intercal",!0),ae(ie,se,he,"⋒","\\doublecap"),ae(ie,se,he,"⋓","\\doublecup"),ae(ie,se,he,"⊠","\\boxtimes",!0),ae(ie,se,ue,"⇢","\\dashrightarrow",!0),ae(ie,se,ue,"⇠","\\dashleftarrow",!0),ae(ie,se,ue,"⇇","\\leftleftarrows",!0),ae(ie,se,ue,"⇆","\\leftrightarrows",!0),ae(ie,se,ue,"⇚","\\Lleftarrow",!0),ae(ie,se,ue,"↞","\\twoheadleftarrow",!0),ae(ie,se,ue,"↢","\\leftarrowtail",!0),ae(ie,se,ue,"↫","\\looparrowleft",!0),ae(ie,se,ue,"⇋","\\leftrightharpoons",!0),ae(ie,se,ue,"↶","\\curvearrowleft",!0),ae(ie,se,ue,"↺","\\circlearrowleft",!0),ae(ie,se,ue,"↰","\\Lsh",!0),ae(ie,se,ue,"⇈","\\upuparrows",!0),ae(ie,se,ue,"↿","\\upharpoonleft",!0),ae(ie,se,ue,"⇃","\\downharpoonleft",!0),ae(ie,oe,ue,"⊶","\\origof",!0),ae(ie,oe,ue,"⊷","\\imageof",!0),ae(ie,se,ue,"⊸","\\multimap",!0),ae(ie,se,ue,"↭","\\leftrightsquigarrow",!0),ae(ie,se,ue,"⇉","\\rightrightarrows",!0),ae(ie,se,ue,"⇄","\\rightleftarrows",!0),ae(ie,se,ue,"↠","\\twoheadrightarrow",!0),ae(ie,se,ue,"↣","\\rightarrowtail",!0),ae(ie,se,ue,"↬","\\looparrowright",!0),ae(ie,se,ue,"↷","\\curvearrowright",!0),ae(ie,se,ue,"↻","\\circlearrowright",!0),ae(ie,se,ue,"↱","\\Rsh",!0),ae(ie,se,ue,"⇊","\\downdownarrows",!0),ae(ie,se,ue,"↾","\\upharpoonright",!0),ae(ie,se,ue,"⇂","\\downharpoonright",!0),ae(ie,se,ue,"⇝","\\rightsquigarrow",!0),ae(ie,se,ue,"⇝","\\leadsto"),ae(ie,se,ue,"⇛","\\Rrightarrow",!0),ae(ie,se,ue,"↾","\\restriction"),ae(ie,oe,pe,"‘","`"),ae(ie,oe,pe,"$","\\$"),ae("text",oe,pe,"$","\\$"),ae("text",oe,pe,"$","\\textdollar"),ae(ie,oe,pe,"%","\\%"),ae("text",oe,pe,"%","\\%"),ae(ie,oe,pe,"_","\\_"),ae("text",oe,pe,"_","\\_"),ae("text",oe,pe,"_","\\textunderscore"),ae(ie,oe,pe,"∠","\\angle",!0),ae(ie,oe,pe,"∞","\\infty",!0),ae(ie,oe,pe,"′","\\prime"),ae(ie,oe,pe,"△","\\triangle"),ae(ie,oe,pe,"Γ","\\Gamma",!0),ae(ie,oe,pe,"Δ","\\Delta",!0),ae(ie,oe,pe,"Θ","\\Theta",!0),ae(ie,oe,pe,"Λ","\\Lambda",!0),ae(ie,oe,pe,"Ξ","\\Xi",!0),ae(ie,oe,pe,"Π","\\Pi",!0),ae(ie,oe,pe,"Σ","\\Sigma",!0),ae(ie,oe,pe,"Υ","\\Upsilon",!0),ae(ie,oe,pe,"Φ","\\Phi",!0),ae(ie,oe,pe,"Ψ","\\Psi",!0),ae(ie,oe,pe,"Ω","\\Omega",!0),ae(ie,oe,pe,"A","Α"),ae(ie,oe,pe,"B","Β"),ae(ie,oe,pe,"E","Ε"),ae(ie,oe,pe,"Z","Ζ"),ae(ie,oe,pe,"H","Η"),ae(ie,oe,pe,"I","Ι"),ae(ie,oe,pe,"K","Κ"),ae(ie,oe,pe,"M","Μ"),ae(ie,oe,pe,"N","Ν"),ae(ie,oe,pe,"O","Ο"),ae(ie,oe,pe,"P","Ρ"),ae(ie,oe,pe,"T","Τ"),ae(ie,oe,pe,"X","Χ"),ae(ie,oe,pe,"¬","\\neg",!0),ae(ie,oe,pe,"¬","\\lnot"),ae(ie,oe,pe,"⊤","\\top"),ae(ie,oe,pe,"⊥","\\bot"),ae(ie,oe,pe,"∅","\\emptyset"),ae(ie,se,pe,"∅","\\varnothing"),ae(ie,oe,ce,"α","\\alpha",!0),ae(ie,oe,ce,"β","\\beta",!0),ae(ie,oe,ce,"γ","\\gamma",!0),ae(ie,oe,ce,"δ","\\delta",!0),ae(ie,oe,ce,"ϵ","\\epsilon",!0),ae(ie,oe,ce,"ζ","\\zeta",!0),ae(ie,oe,ce,"η","\\eta",!0),ae(ie,oe,ce,"θ","\\theta",!0),ae(ie,oe,ce,"ι","\\iota",!0),ae(ie,oe,ce,"κ","\\kappa",!0),ae(ie,oe,ce,"λ","\\lambda",!0),ae(ie,oe,ce,"μ","\\mu",!0),ae(ie,oe,ce,"ν","\\nu",!0),ae(ie,oe,ce,"ξ","\\xi",!0),ae(ie,oe,ce,"ο","\\omicron",!0),ae(ie,oe,ce,"π","\\pi",!0),ae(ie,oe,ce,"ρ","\\rho",!0),ae(ie,oe,ce,"σ","\\sigma",!0),ae(ie,oe,ce,"τ","\\tau",!0),ae(ie,oe,ce,"υ","\\upsilon",!0),ae(ie,oe,ce,"ϕ","\\phi",!0),ae(ie,oe,ce,"χ","\\chi",!0),ae(ie,oe,ce,"ψ","\\psi",!0),ae(ie,oe,ce,"ω","\\omega",!0),ae(ie,oe,ce,"ε","\\varepsilon",!0),ae(ie,oe,ce,"ϑ","\\vartheta",!0),ae(ie,oe,ce,"ϖ","\\varpi",!0),ae(ie,oe,ce,"ϱ","\\varrho",!0),ae(ie,oe,ce,"ς","\\varsigma",!0),ae(ie,oe,ce,"φ","\\varphi",!0),ae(ie,oe,he,"∗","*",!0),ae(ie,oe,he,"+","+"),ae(ie,oe,he,"−","-",!0),ae(ie,oe,he,"⋅","\\cdot",!0),ae(ie,oe,he,"∘","\\circ",!0),ae(ie,oe,he,"÷","\\div",!0),ae(ie,oe,he,"±","\\pm",!0),ae(ie,oe,he,"×","\\times",!0),ae(ie,oe,he,"∩","\\cap",!0),ae(ie,oe,he,"∪","\\cup",!0),ae(ie,oe,he,"∖","\\setminus",!0),ae(ie,oe,he,"∧","\\land"),ae(ie,oe,he,"∨","\\lor"),ae(ie,oe,he,"∧","\\wedge",!0),ae(ie,oe,he,"∨","\\vee",!0),ae(ie,oe,pe,"√","\\surd"),ae(ie,oe,"open","⟨","\\langle",!0),ae(ie,oe,"open","∣","\\lvert"),ae(ie,oe,"open","∥","\\lVert"),ae(ie,oe,"close","?","?"),ae(ie,oe,"close","!","!"),ae(ie,oe,"close","⟩","\\rangle",!0),ae(ie,oe,"close","∣","\\rvert"),ae(ie,oe,"close","∥","\\rVert"),ae(ie,oe,ue,"=","="),ae(ie,oe,ue,":",":"),ae(ie,oe,ue,"≈","\\approx",!0),ae(ie,oe,ue,"≅","\\cong",!0),ae(ie,oe,ue,"≥","\\ge"),ae(ie,oe,ue,"≥","\\geq",!0),ae(ie,oe,ue,"←","\\gets"),ae(ie,oe,ue,">","\\gt",!0),ae(ie,oe,ue,"∈","\\in",!0),ae(ie,oe,ue,"","\\@not"),ae(ie,oe,ue,"⊂","\\subset",!0),ae(ie,oe,ue,"⊃","\\supset",!0),ae(ie,oe,ue,"⊆","\\subseteq",!0),ae(ie,oe,ue,"⊇","\\supseteq",!0),ae(ie,se,ue,"⊈","\\nsubseteq",!0),ae(ie,se,ue,"⊉","\\nsupseteq",!0),ae(ie,oe,ue,"⊨","\\models"),ae(ie,oe,ue,"←","\\leftarrow",!0),ae(ie,oe,ue,"≤","\\le"),ae(ie,oe,ue,"≤","\\leq",!0),ae(ie,oe,ue,"<","\\lt",!0),ae(ie,oe,ue,"→","\\rightarrow",!0),ae(ie,oe,ue,"→","\\to"),ae(ie,se,ue,"≱","\\ngeq",!0),ae(ie,se,ue,"≰","\\nleq",!0),ae(ie,oe,"spacing"," ","\\ "),ae(ie,oe,"spacing"," ","\\space"),ae(ie,oe,"spacing"," ","\\nobreakspace"),ae("text",oe,"spacing"," ","\\ "),ae("text",oe,"spacing"," "," "),ae("text",oe,"spacing"," ","\\space"),ae("text",oe,"spacing"," ","\\nobreakspace"),ae(ie,oe,"spacing",null,"\\nobreak"),ae(ie,oe,"spacing",null,"\\allowbreak"),ae(ie,oe,"punct",",",","),ae(ie,oe,"punct",";",";"),ae(ie,se,he,"⊼","\\barwedge",!0),ae(ie,se,he,"⊻","\\veebar",!0),ae(ie,oe,he,"⊙","\\odot",!0),ae(ie,oe,he,"⊕","\\oplus",!0),ae(ie,oe,he,"⊗","\\otimes",!0),ae(ie,oe,pe,"∂","\\partial",!0),ae(ie,oe,he,"⊘","\\oslash",!0),ae(ie,se,he,"⊚","\\circledcirc",!0),ae(ie,se,he,"⊡","\\boxdot",!0),ae(ie,oe,he,"△","\\bigtriangleup"),ae(ie,oe,he,"▽","\\bigtriangledown"),ae(ie,oe,he,"†","\\dagger"),ae(ie,oe,he,"⋄","\\diamond"),ae(ie,oe,he,"⋆","\\star"),ae(ie,oe,he,"◃","\\triangleleft"),ae(ie,oe,he,"▹","\\triangleright"),ae(ie,oe,"open","{","\\{"),ae("text",oe,pe,"{","\\{"),ae("text",oe,pe,"{","\\textbraceleft"),ae(ie,oe,"close","}","\\}"),ae("text",oe,pe,"}","\\}"),ae("text",oe,pe,"}","\\textbraceright"),ae(ie,oe,"open","{","\\lbrace"),ae(ie,oe,"close","}","\\rbrace"),ae(ie,oe,"open","[","\\lbrack",!0),ae("text",oe,pe,"[","\\lbrack",!0),ae(ie,oe,"close","]","\\rbrack",!0),ae("text",oe,pe,"]","\\rbrack",!0),ae(ie,oe,"open","(","\\lparen",!0),ae(ie,oe,"close",")","\\rparen",!0),ae("text",oe,pe,"<","\\textless",!0),ae("text",oe,pe,">","\\textgreater",!0),ae(ie,oe,"open","⌊","\\lfloor",!0),ae(ie,oe,"close","⌋","\\rfloor",!0),ae(ie,oe,"open","⌈","\\lceil",!0),ae(ie,oe,"close","⌉","\\rceil",!0),ae(ie,oe,pe,"\\","\\backslash"),ae(ie,oe,pe,"∣","|"),ae(ie,oe,pe,"∣","\\vert"),ae("text",oe,pe,"|","\\textbar",!0),ae(ie,oe,pe,"∥","\\|"),ae(ie,oe,pe,"∥","\\Vert"),ae("text",oe,pe,"∥","\\textbardbl"),ae("text",oe,pe,"~","\\textasciitilde"),ae("text",oe,pe,"\\","\\textbackslash"),ae("text",oe,pe,"^","\\textasciicircum"),ae(ie,oe,ue,"↑","\\uparrow",!0),ae(ie,oe,ue,"⇑","\\Uparrow",!0),ae(ie,oe,ue,"↓","\\downarrow",!0),ae(ie,oe,ue,"⇓","\\Downarrow",!0),ae(ie,oe,ue,"↕","\\updownarrow",!0),ae(ie,oe,ue,"⇕","\\Updownarrow",!0),ae(ie,oe,me,"∐","\\coprod"),ae(ie,oe,me,"⋁","\\bigvee"),ae(ie,oe,me,"⋀","\\bigwedge"),ae(ie,oe,me,"⨄","\\biguplus"),ae(ie,oe,me,"⋂","\\bigcap"),ae(ie,oe,me,"⋃","\\bigcup"),ae(ie,oe,me,"∫","\\int"),ae(ie,oe,me,"∫","\\intop"),ae(ie,oe,me,"∬","\\iint"),ae(ie,oe,me,"∭","\\iiint"),ae(ie,oe,me,"∏","\\prod"),ae(ie,oe,me,"∑","\\sum"),ae(ie,oe,me,"⨂","\\bigotimes"),ae(ie,oe,me,"⨁","\\bigoplus"),ae(ie,oe,me,"⨀","\\bigodot"),ae(ie,oe,me,"∮","\\oint"),ae(ie,oe,me,"∯","\\oiint"),ae(ie,oe,me,"∰","\\oiiint"),ae(ie,oe,me,"⨆","\\bigsqcup"),ae(ie,oe,me,"∫","\\smallint"),ae("text",oe,"inner","…","\\textellipsis"),ae(ie,oe,"inner","…","\\mathellipsis"),ae("text",oe,"inner","…","\\ldots",!0),ae(ie,oe,"inner","…","\\ldots",!0),ae(ie,oe,"inner","⋯","\\@cdots",!0),ae(ie,oe,"inner","⋱","\\ddots",!0),ae(ie,oe,pe,"⋮","\\varvdots"),ae(ie,oe,le,"ˊ","\\acute"),ae(ie,oe,le,"ˋ","\\grave"),ae(ie,oe,le,"¨","\\ddot"),ae(ie,oe,le,"~","\\tilde"),ae(ie,oe,le,"ˉ","\\bar"),ae(ie,oe,le,"˘","\\breve"),ae(ie,oe,le,"ˇ","\\check"),ae(ie,oe,le,"^","\\hat"),ae(ie,oe,le,"⃗","\\vec"),ae(ie,oe,le,"˙","\\dot"),ae(ie,oe,le,"˚","\\mathring"),ae(ie,oe,ce,"","\\@imath"),ae(ie,oe,ce,"","\\@jmath"),ae(ie,oe,pe,"ı","ı"),ae(ie,oe,pe,"ȷ","ȷ"),ae("text",oe,pe,"ı","\\i",!0),ae("text",oe,pe,"ȷ","\\j",!0),ae("text",oe,pe,"ß","\\ss",!0),ae("text",oe,pe,"æ","\\ae",!0),ae("text",oe,pe,"œ","\\oe",!0),ae("text",oe,pe,"ø","\\o",!0),ae("text",oe,pe,"Æ","\\AE",!0),ae("text",oe,pe,"Œ","\\OE",!0),ae("text",oe,pe,"Ø","\\O",!0),ae("text",oe,le,"ˊ","\\'"),ae("text",oe,le,"ˋ","\\`"),ae("text",oe,le,"ˆ","\\^"),ae("text",oe,le,"˜","\\~"),ae("text",oe,le,"ˉ","\\="),ae("text",oe,le,"˘","\\u"),ae("text",oe,le,"˙","\\."),ae("text",oe,le,"¸","\\c"),ae("text",oe,le,"˚","\\r"),ae("text",oe,le,"ˇ","\\v"),ae("text",oe,le,"¨",'\\"'),ae("text",oe,le,"˝","\\H"),ae("text",oe,le,"◯","\\textcircled");var de={"--":!0,"---":!0,"``":!0,"''":!0};ae("text",oe,pe,"–","--",!0),ae("text",oe,pe,"–","\\textendash"),ae("text",oe,pe,"—","---",!0),ae("text",oe,pe,"—","\\textemdash"),ae("text",oe,pe,"‘","`",!0),ae("text",oe,pe,"‘","\\textquoteleft"),ae("text",oe,pe,"’","'",!0),ae("text",oe,pe,"’","\\textquoteright"),ae("text",oe,pe,"“","``",!0),ae("text",oe,pe,"“","\\textquotedblleft"),ae("text",oe,pe,"”","''",!0),ae("text",oe,pe,"”","\\textquotedblright"),ae(ie,oe,pe,"°","\\degree",!0),ae("text",oe,pe,"°","\\degree"),ae("text",oe,pe,"°","\\textdegree",!0),ae(ie,oe,pe,"£","\\pounds"),ae(ie,oe,pe,"£","\\mathsterling",!0),ae("text",oe,pe,"£","\\pounds"),ae("text",oe,pe,"£","\\textsterling",!0),ae(ie,se,pe,"✠","\\maltese"),ae("text",se,pe,"✠","\\maltese");for(var fe=0;fe<'0123456789/@."'.length;fe++){var ge='0123456789/@."'.charAt(fe);ae(ie,oe,pe,ge,ge)}for(var ve=0;ve<'0123456789!@*()-=+";:?/.,'.length;ve++){var ye='0123456789!@*()-=+";:?/.,'.charAt(ve);ae("text",oe,pe,ye,ye)}for(var be="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",xe=0;xe<be.length;xe++){var we=be.charAt(xe);ae(ie,oe,ce,we,we),ae("text",oe,pe,we,we)}ae(ie,se,pe,"C","ℂ"),ae("text",se,pe,"C","ℂ"),ae(ie,se,pe,"H","ℍ"),ae("text",se,pe,"H","ℍ"),ae(ie,se,pe,"N","ℕ"),ae("text",se,pe,"N","ℕ"),ae(ie,se,pe,"P","ℙ"),ae("text",se,pe,"P","ℙ"),ae(ie,se,pe,"Q","ℚ"),ae("text",se,pe,"Q","ℚ"),ae(ie,se,pe,"R","ℝ"),ae("text",se,pe,"R","ℝ"),ae(ie,se,pe,"Z","ℤ"),ae("text",se,pe,"Z","ℤ"),ae(ie,oe,ce,"h","ℎ"),ae("text",oe,ce,"h","ℎ");for(var ke="",Se=0;Se<be.length;Se++){var Me=be.charAt(Se);ae(ie,oe,ce,Me,ke=String.fromCharCode(55349,56320+Se)),ae("text",oe,pe,Me,ke),ae(ie,oe,ce,Me,ke=String.fromCharCode(55349,56372+Se)),ae("text",oe,pe,Me,ke),ae(ie,oe,ce,Me,ke=String.fromCharCode(55349,56424+Se)),ae("text",oe,pe,Me,ke),ae(ie,oe,ce,Me,ke=String.fromCharCode(55349,56580+Se)),ae("text",oe,pe,Me,ke),ae(ie,oe,ce,Me,ke=String.fromCharCode(55349,56736+Se)),ae("text",oe,pe,Me,ke),ae(ie,oe,ce,Me,ke=String.fromCharCode(55349,56788+Se)),ae("text",oe,pe,Me,ke),ae(ie,oe,ce,Me,ke=String.fromCharCode(55349,56840+Se)),ae("text",oe,pe,Me,ke),ae(ie,oe,ce,Me,ke=String.fromCharCode(55349,56944+Se)),ae("text",oe,pe,Me,ke),Se<26&&(ae(ie,oe,ce,Me,ke=String.fromCharCode(55349,56632+Se)),ae("text",oe,pe,Me,ke),ae(ie,oe,ce,Me,ke=String.fromCharCode(55349,56476+Se)),ae("text",oe,pe,Me,ke))}ae(ie,oe,ce,"k",ke=String.fromCharCode(55349,56668)),ae("text",oe,pe,"k",ke);for(var ze=0;ze<10;ze++){var Ae=ze.toString();ae(ie,oe,ce,Ae,ke=String.fromCharCode(55349,57294+ze)),ae("text",oe,pe,Ae,ke),ae(ie,oe,ce,Ae,ke=String.fromCharCode(55349,57314+ze)),ae("text",oe,pe,Ae,ke),ae(ie,oe,ce,Ae,ke=String.fromCharCode(55349,57324+ze)),ae("text",oe,pe,Ae,ke),ae(ie,oe,ce,Ae,ke=String.fromCharCode(55349,57334+ze)),ae("text",oe,pe,Ae,ke)}for(var Te=0;Te<"ÐÞþ".length;Te++){var Be="ÐÞþ".charAt(Te);ae(ie,oe,ce,Be,Be),ae("text",oe,pe,Be,Be)}var Ce=[["mathbf","textbf","Main-Bold"],["mathbf","textbf","Main-Bold"],["mathnormal","textit","Math-Italic"],["mathnormal","textit","Math-Italic"],["boldsymbol","boldsymbol","Main-BoldItalic"],["boldsymbol","boldsymbol","Main-BoldItalic"],["mathscr","textscr","Script-Regular"],["","",""],["","",""],["","",""],["mathfrak","textfrak","Fraktur-Regular"],["mathfrak","textfrak","Fraktur-Regular"],["mathbb","textbb","AMS-Regular"],["mathbb","textbb","AMS-Regular"],["","",""],["","",""],["mathsf","textsf","SansSerif-Regular"],["mathsf","textsf","SansSerif-Regular"],["mathboldsf","textboldsf","SansSerif-Bold"],["mathboldsf","textboldsf","SansSerif-Bold"],["mathitsf","textitsf","SansSerif-Italic"],["mathitsf","textitsf","SansSerif-Italic"],["","",""],["","",""],["mathtt","texttt","Typewriter-Regular"],["mathtt","texttt","Typewriter-Regular"]],Ne=[["mathbf","textbf","Main-Bold"],["","",""],["mathsf","textsf","SansSerif-Regular"],["mathboldsf","textboldsf","SansSerif-Bold"],["mathtt","texttt","Typewriter-Regular"]],qe=function(e,t,r){return ne[r][e]&&ne[r][e].replace&&(e=ne[r][e].replace),{value:e,metrics:C(e,t,r)}},Ie=function(e,t,r,n,a){var i,o=qe(e,t,r),s=o.metrics;if(e=o.value,s){var l=s.italic;("text"===r||n&&"mathit"===n.font)&&(l=0),i=new $(e,s.height,s.depth,l,s.skew,s.width,a)}else"undefined"!=typeof console&&console.warn("No character metrics for '"+e+"' in style '"+t+"' and mode '"+r+"'"),i=new $(e,0,0,0,0,0,a);if(n){i.maxFontSize=n.sizeMultiplier,n.style.isTight()&&i.classes.push("mtight");var h=n.getColor();h&&(i.style.color=h)}return i},Oe=function(e,t){if(V(e.classes)!==V(t.classes)||e.skew!==t.skew||e.maxFontSize!==t.maxFontSize)return!1;if(1===e.classes.length){var r=e.classes[0];if("mbin"===r||"mord"===r)return!1}for(var n in e.style)if(e.style.hasOwnProperty(n)&&e.style[n]!==t.style[n])return!1;for(var a in t.style)if(t.style.hasOwnProperty(a)&&e.style[a]!==t.style[a])return!1;return!0},Re=function(e){for(var t=0,r=0,n=0,a=0;a<e.children.length;a++){var i=e.children[a];i.height>t&&(t=i.height),i.depth>r&&(r=i.depth),i.maxFontSize>n&&(n=i.maxFontSize)}e.height=t,e.depth=r,e.maxFontSize=n},He=function(e,t,r,n){var a=new Y(e,t,r,n);return Re(a),a},Ee=function(e,t,r,n){return new Y(e,t,r,n)},Le=function(e){var t=new z(e);return Re(t),t},De=function(e,t,r){var n="";switch(e){case"amsrm":n="AMS";break;case"textrm":n="Main";break;case"textsf":n="SansSerif";break;case"texttt":n="Typewriter";break;default:n=e}return n+"-"+("textbf"===t&&"textit"===r?"BoldItalic":"textbf"===t?"Bold":"textit"===t?"Italic":"Regular")},Pe={mathbf:{variant:"bold",fontName:"Main-Bold"},mathrm:{variant:"normal",fontName:"Main-Regular"},textit:{variant:"italic",fontName:"Main-Italic"},mathit:{variant:"italic",fontName:"Main-Italic"},mathnormal:{variant:"italic",fontName:"Math-Italic"},mathbb:{variant:"double-struck",fontName:"AMS-Regular"},mathcal:{variant:"script",fontName:"Caligraphic-Regular"},mathfrak:{variant:"fraktur",fontName:"Fraktur-Regular"},mathscr:{variant:"script",fontName:"Script-Regular"},mathsf:{variant:"sans-serif",fontName:"SansSerif-Regular"},mathtt:{variant:"monospace",fontName:"Typewriter-Regular"}},Fe={vec:["vec",.471,.714],oiintSize1:["oiintSize1",.957,.499],oiintSize2:["oiintSize2",1.472,.659],oiiintSize1:["oiiintSize1",1.304,.499],oiiintSize2:["oiiintSize2",1.98,.659]},Ve={fontMap:Pe,makeSymbol:Ie,mathsym:function(e,t,r,n){return void 0===n&&(n=[]),"boldsymbol"===r.font&&qe(e,"Main-Bold",t).metrics?Ie(e,"Main-Bold",t,r,n.concat(["mathbf"])):"\\"===e||"main"===ne[t][e].font?Ie(e,"Main-Regular",t,r,n):Ie(e,"AMS-Regular",t,r,n.concat(["amsrm"]))},makeSpan:He,makeSvgSpan:Ee,makeLineSpan:function(e,t,r){var n=He([e],[],t);return n.height=Math.max(r||t.fontMetrics().defaultRuleThickness,t.minRuleThickness),n.style.borderBottomWidth=F(n.height),n.maxFontSize=1,n},makeAnchor:function(e,t,r,n){var a=new X(e,t,r,n);return Re(a),a},makeFragment:Le,wrapFragment:function(e,t){return e instanceof z?He([],[e],t):e},makeVList:function(e,t){for(var r=function(e){if("individualShift"===e.positionType){for(var t=e.children,r=[t[0]],n=-t[0].shift-t[0].elem.depth,a=n,i=1;i<t.length;i++){var o=-t[i].shift-a-t[i].elem.depth,s=o-(t[i-1].elem.height+t[i-1].elem.depth);a+=o,r.push({type:"kern",size:s}),r.push(t[i])}return{children:r,depth:n}}var l;if("top"===e.positionType){for(var h=e.positionData,c=0;c<e.children.length;c++){var m=e.children[c];h-="kern"===m.type?m.size:m.elem.height+m.elem.depth}l=h}else if("bottom"===e.positionType)l=-e.positionData;else{var u=e.children[0];if("elem"!==u.type)throw new Error('First child must have type "elem".');if("shift"===e.positionType)l=-u.elem.depth-e.positionData;else{if("firstBaseline"!==e.positionType)throw new Error("Invalid positionType "+e.positionType+".");l=-u.elem.depth}}return{children:e.children,depth:l}}(e),n=r.children,a=r.depth,i=0,o=0;o<n.length;o++){var s=n[o];if("elem"===s.type){var l=s.elem;i=Math.max(i,l.maxFontSize,l.height)}}i+=2;var h=He(["pstrut"],[]);h.style.height=F(i);for(var c=[],m=a,u=a,p=a,d=0;d<n.length;d++){var f=n[d];if("kern"===f.type)p+=f.size;else{var g=f.elem,v=f.wrapperClasses||[],y=f.wrapperStyle||{},b=He(v,[h,g],void 0,y);b.style.top=F(-i-p-g.depth),f.marginLeft&&(b.style.marginLeft=f.marginLeft),f.marginRight&&(b.style.marginRight=f.marginRight),c.push(b),p+=g.height+g.depth}m=Math.min(m,p),u=Math.max(u,p)}var x,w=He(["vlist"],c);if(w.style.height=F(u),m<0){var k=He([],[]),S=He(["vlist"],[k]);S.style.height=F(-m);var M=He(["vlist-s"],[new $("​")]);x=[He(["vlist-r"],[w,M]),He(["vlist-r"],[S])]}else x=[He(["vlist-r"],[w])];var z=He(["vlist-t"],x);return 2===x.length&&z.classes.push("vlist-t2"),z.height=u,z.depth=-m,z},makeOrd:function(e,t,r){var a=e.mode,i=e.text,o=["mord"],s="math"===a||"text"===a&&t.font,l=s?t.font:t.fontFamily;if(55349===i.charCodeAt(0)){var h=function(e,t){var r=1024*(e.charCodeAt(0)-55296)+(e.charCodeAt(1)-56320)+65536,a="math"===t?0:1;if(119808<=r&&r<120484){var i=Math.floor((r-119808)/26);return[Ce[i][2],Ce[i][a]]}if(120782<=r&&r<=120831){var o=Math.floor((r-120782)/10);return[Ne[o][2],Ne[o][a]]}if(120485===r||120486===r)return[Ce[0][2],Ce[0][a]];if(120486<r&&r<120782)return["",""];throw new n("Unsupported character: "+e)}(i,a),c=h[0],m=h[1];return Ie(i,c,a,t,o.concat(m))}if(l){var u,p;if("boldsymbol"===l){var d=function(e,t,r,n,a){return"textord"!==a&&qe(e,"Math-BoldItalic",t).metrics?{fontName:"Math-BoldItalic",fontClass:"boldsymbol"}:{fontName:"Main-Bold",fontClass:"mathbf"}}(i,a,0,0,r);u=d.fontName,p=[d.fontClass]}else s?(u=Pe[l].fontName,p=[l]):(u=De(l,t.fontWeight,t.fontShape),p=[l,t.fontWeight,t.fontShape]);if(qe(i,u,a).metrics)return Ie(i,u,a,t,o.concat(p));if(de.hasOwnProperty(i)&&"Typewriter"===u.substr(0,10)){for(var f=[],g=0;g<i.length;g++)f.push(Ie(i[g],u,a,t,o.concat(p)));return Le(f)}}if("mathord"===r)return Ie(i,"Math-Italic",a,t,o.concat(["mathnormal"]));if("textord"===r){var v=ne[a][i]&&ne[a][i].font;if("ams"===v){var y=De("amsrm",t.fontWeight,t.fontShape);return Ie(i,y,a,t,o.concat("amsrm",t.fontWeight,t.fontShape))}if("main"!==v&&v){var b=De(v,t.fontWeight,t.fontShape);return Ie(i,b,a,t,o.concat(b,t.fontWeight,t.fontShape))}var x=De("textrm",t.fontWeight,t.fontShape);return Ie(i,x,a,t,o.concat(t.fontWeight,t.fontShape))}throw new Error("unexpected type: "+r+" in makeOrd")},makeGlue:function(e,t){var r=He(["mspace"],[],t),n=P(e,t);return r.style.marginRight=F(n),r},staticSvg:function(e,t){var r=Fe[e],n=r[0],a=r[1],i=r[2],o=new K(n),s=new Z([o],{width:F(a),height:F(i),style:"width:"+F(a),viewBox:"0 0 "+1e3*a+" "+1e3*i,preserveAspectRatio:"xMinYMin"}),l=Ee(["overlay"],[s],t);return l.height=i,l.style.height=F(i),l.style.width=F(a),l},svgData:Fe,tryCombineChars:function(e){for(var t=0;t<e.length-1;t++){var r=e[t],n=e[t+1];r instanceof $&&n instanceof $&&Oe(r,n)&&(r.text+=n.text,r.height=Math.max(r.height,n.height),r.depth=Math.max(r.depth,n.depth),r.italic=n.italic,e.splice(t+1,1),t--)}return e}},Ge={number:3,unit:"mu"},Ue={number:4,unit:"mu"},_e={number:5,unit:"mu"},Ye={mord:{mop:Ge,mbin:Ue,mrel:_e,minner:Ge},mop:{mord:Ge,mop:Ge,mrel:_e,minner:Ge},mbin:{mord:Ue,mop:Ue,mopen:Ue,minner:Ue},mrel:{mord:_e,mop:_e,mopen:_e,minner:_e},mopen:{},mclose:{mop:Ge,mbin:Ue,mrel:_e,minner:Ge},mpunct:{mord:Ge,mop:Ge,mrel:_e,mopen:Ge,mclose:Ge,mpunct:Ge,minner:Ge},minner:{mord:Ge,mop:Ge,mbin:Ue,mrel:_e,mopen:Ge,mpunct:Ge,minner:Ge}},Xe={mord:{mop:Ge},mop:{mord:Ge,mop:Ge},mbin:{},mrel:{},mopen:{},mclose:{mop:Ge},mpunct:{},minner:{mop:Ge}},We={},je={},$e={};function Ze(e){for(var t=e.type,r=e.names,n=e.props,a=e.handler,i=e.htmlBuilder,o=e.mathmlBuilder,s={type:t,numArgs:n.numArgs,argTypes:n.argTypes,allowedInArgument:!!n.allowedInArgument,allowedInText:!!n.allowedInText,allowedInMath:void 0===n.allowedInMath||n.allowedInMath,numOptionalArgs:n.numOptionalArgs||0,infix:!!n.infix,primitive:!!n.primitive,handler:a},l=0;l<r.length;++l)We[r[l]]=s;t&&(i&&(je[t]=i),o&&($e[t]=o))}function Ke(e){Ze({type:e.type,names:[],props:{numArgs:0},handler:function(){throw new Error("Should never be called.")},htmlBuilder:e.htmlBuilder,mathmlBuilder:e.mathmlBuilder})}var Je=function(e){return"ordgroup"===e.type&&1===e.body.length?e.body[0]:e},Qe=function(e){return"ordgroup"===e.type?e.body:[e]},et=Ve.makeSpan,tt=["leftmost","mbin","mopen","mrel","mop","mpunct"],rt=["rightmost","mrel","mclose","mpunct"],nt={display:x.DISPLAY,text:x.TEXT,script:x.SCRIPT,scriptscript:x.SCRIPTSCRIPT},at={mord:"mord",mop:"mop",mbin:"mbin",mrel:"mrel",mopen:"mopen",mclose:"mclose",mpunct:"mpunct",minner:"minner"},it=function(e,t,r,n){void 0===n&&(n=[null,null]);for(var a=[],i=0;i<e.length;i++){var o=ct(e[i],t);if(o instanceof z){var s=o.children;a.push.apply(a,s)}else a.push(o)}if(Ve.tryCombineChars(a),!r)return a;var h=t;if(1===e.length){var c=e[0];"sizing"===c.type?h=t.havingSize(c.size):"styling"===c.type&&(h=t.havingStyle(nt[c.style]))}var m=et([n[0]||"leftmost"],[],t),u=et([n[1]||"rightmost"],[],t),p="root"===r;return ot(a,(function(e,t){var r=t.classes[0],n=e.classes[0];"mbin"===r&&l.contains(rt,n)?t.classes[0]="mord":"mbin"===n&&l.contains(tt,r)&&(e.classes[0]="mord")}),{node:m},u,p),ot(a,(function(e,t){var r=lt(t),n=lt(e),a=r&&n?e.hasClass("mtight")?Xe[r][n]:Ye[r][n]:null;if(a)return Ve.makeGlue(a,h)}),{node:m},u,p),a},ot=function e(t,r,n,a,i){a&&t.push(a);for(var o=0;o<t.length;o++){var s=t[o],l=st(s);if(l)e(l.children,r,n,null,i);else{var h=!s.hasClass("mspace");if(h){var c=r(s,n.node);c&&(n.insertAfter?n.insertAfter(c):(t.unshift(c),o++))}h?n.node=s:i&&s.hasClass("newline")&&(n.node=et(["leftmost"])),n.insertAfter=function(e){return function(r){t.splice(e+1,0,r),o++}}(o)}}a&&t.pop()},st=function(e){return e instanceof z||e instanceof X||e instanceof Y&&e.hasClass("enclosing")?e:null},lt=function(e,t){return e?(t&&(e=function e(t,r){var n=st(t);if(n){var a=n.children;if(a.length){if("right"===r)return e(a[a.length-1],"right");if("left"===r)return e(a[0],"left")}}return t}(e,t)),at[e.classes[0]]||null):null},ht=function(e,t){var r=["nulldelimiter"].concat(e.baseSizingClasses());return et(t.concat(r))},ct=function(e,t,r){if(!e)return et();if(je[e.type]){var a=je[e.type](e,t);if(r&&t.size!==r.size){a=et(t.sizingClasses(r),[a],t);var i=t.sizeMultiplier/r.sizeMultiplier;a.height*=i,a.depth*=i}return a}throw new n("Got group of unknown type: '"+e.type+"'")};function mt(e,t){var r=et(["base"],e,t),n=et(["strut"]);return n.style.height=F(r.height+r.depth),r.depth&&(n.style.verticalAlign=F(-r.depth)),r.children.unshift(n),r}function ut(e,t){var r=null;1===e.length&&"tag"===e[0].type&&(r=e[0].tag,e=e[0].body);var n,a=it(e,t,"root");2===a.length&&a[1].hasClass("tag")&&(n=a.pop());for(var i,o=[],s=[],l=0;l<a.length;l++)if(s.push(a[l]),a[l].hasClass("mbin")||a[l].hasClass("mrel")||a[l].hasClass("allowbreak")){for(var h=!1;l<a.length-1&&a[l+1].hasClass("mspace")&&!a[l+1].hasClass("newline");)l++,s.push(a[l]),a[l].hasClass("nobreak")&&(h=!0);h||(o.push(mt(s,t)),s=[])}else a[l].hasClass("newline")&&(s.pop(),s.length>0&&(o.push(mt(s,t)),s=[]),o.push(a[l]));s.length>0&&o.push(mt(s,t)),r?((i=mt(it(r,t,!0))).classes=["tag"],o.push(i)):n&&o.push(n);var c=et(["katex-html"],o);if(c.setAttribute("aria-hidden","true"),i){var m=i.children[0];m.style.height=F(c.height+c.depth),c.depth&&(m.style.verticalAlign=F(-c.depth))}return c}function pt(e){return new z(e)}var dt=function(){function e(e,t,r){this.type=void 0,this.attributes=void 0,this.children=void 0,this.classes=void 0,this.type=e,this.attributes={},this.children=t||[],this.classes=r||[]}var t=e.prototype;return t.setAttribute=function(e,t){this.attributes[e]=t},t.getAttribute=function(e){return this.attributes[e]},t.toNode=function(){var e=document.createElementNS("http://www.w3.org/1998/Math/MathML",this.type);for(var t in this.attributes)Object.prototype.hasOwnProperty.call(this.attributes,t)&&e.setAttribute(t,this.attributes[t]);this.classes.length>0&&(e.className=V(this.classes));for(var r=0;r<this.children.length;r++)e.appendChild(this.children[r].toNode());return e},t.toMarkup=function(){var e="<"+this.type;for(var t in this.attributes)Object.prototype.hasOwnProperty.call(this.attributes,t)&&(e+=" "+t+'="',e+=l.escape(this.attributes[t]),e+='"');this.classes.length>0&&(e+=' class ="'+l.escape(V(this.classes))+'"'),e+=">";for(var r=0;r<this.children.length;r++)e+=this.children[r].toMarkup();return e+="</"+this.type+">"},t.toText=function(){return this.children.map((function(e){return e.toText()})).join("")},e}(),ft=function(){function e(e){this.text=void 0,this.text=e}var t=e.prototype;return t.toNode=function(){return document.createTextNode(this.text)},t.toMarkup=function(){return l.escape(this.toText())},t.toText=function(){return this.text},e}(),gt={MathNode:dt,TextNode:ft,SpaceNode:function(){function e(e){this.width=void 0,this.character=void 0,this.width=e,this.character=e>=.05555&&e<=.05556?" ":e>=.1666&&e<=.1667?" ":e>=.2222&&e<=.2223?" ":e>=.2777&&e<=.2778?"  ":e>=-.05556&&e<=-.05555?" ⁣":e>=-.1667&&e<=-.1666?" ⁣":e>=-.2223&&e<=-.2222?" ⁣":e>=-.2778&&e<=-.2777?" ⁣":null}var t=e.prototype;return t.toNode=function(){if(this.character)return document.createTextNode(this.character);var e=document.createElementNS("http://www.w3.org/1998/Math/MathML","mspace");return e.setAttribute("width",F(this.width)),e},t.toMarkup=function(){return this.character?"<mtext>"+this.character+"</mtext>":'<mspace width="'+F(this.width)+'"/>'},t.toText=function(){return this.character?this.character:" "},e}(),newDocumentFragment:pt},vt=function(e,t,r){return!ne[t][e]||!ne[t][e].replace||55349===e.charCodeAt(0)||de.hasOwnProperty(e)&&r&&(r.fontFamily&&"tt"===r.fontFamily.substr(4,2)||r.font&&"tt"===r.font.substr(4,2))||(e=ne[t][e].replace),new gt.TextNode(e)},yt=function(e){return 1===e.length?e[0]:new gt.MathNode("mrow",e)},bt=function(e,t){if("texttt"===t.fontFamily)return"monospace";if("textsf"===t.fontFamily)return"textit"===t.fontShape&&"textbf"===t.fontWeight?"sans-serif-bold-italic":"textit"===t.fontShape?"sans-serif-italic":"textbf"===t.fontWeight?"bold-sans-serif":"sans-serif";if("textit"===t.fontShape&&"textbf"===t.fontWeight)return"bold-italic";if("textit"===t.fontShape)return"italic";if("textbf"===t.fontWeight)return"bold";var r=t.font;if(!r||"mathnormal"===r)return null;var n=e.mode;if("mathit"===r)return"italic";if("boldsymbol"===r)return"textord"===e.type?"bold":"bold-italic";if("mathbf"===r)return"bold";if("mathbb"===r)return"double-struck";if("mathfrak"===r)return"fraktur";if("mathscr"===r||"mathcal"===r)return"script";if("mathsf"===r)return"sans-serif";if("mathtt"===r)return"monospace";var a=e.text;return l.contains(["\\imath","\\jmath"],a)?null:(ne[n][a]&&ne[n][a].replace&&(a=ne[n][a].replace),C(a,Ve.fontMap[r].fontName,n)?Ve.fontMap[r].variant:null)},xt=function(e,t,r){if(1===e.length){var n=kt(e[0],t);return r&&n instanceof dt&&"mo"===n.type&&(n.setAttribute("lspace","0em"),n.setAttribute("rspace","0em")),[n]}for(var a,i=[],o=0;o<e.length;o++){var s=kt(e[o],t);if(s instanceof dt&&a instanceof dt){if("mtext"===s.type&&"mtext"===a.type&&s.getAttribute("mathvariant")===a.getAttribute("mathvariant")){var l;(l=a.children).push.apply(l,s.children);continue}if("mn"===s.type&&"mn"===a.type){var h;(h=a.children).push.apply(h,s.children);continue}if("mi"===s.type&&1===s.children.length&&"mn"===a.type){var c=s.children[0];if(c instanceof ft&&"."===c.text){var m;(m=a.children).push.apply(m,s.children);continue}}else if("mi"===a.type&&1===a.children.length){var u=a.children[0];if(u instanceof ft&&"̸"===u.text&&("mo"===s.type||"mi"===s.type||"mn"===s.type)){var p=s.children[0];p instanceof ft&&p.text.length>0&&(p.text=p.text.slice(0,1)+"̸"+p.text.slice(1),i.pop())}}}i.push(s),a=s}return i},wt=function(e,t,r){return yt(xt(e,t,r))},kt=function(e,t){if(!e)return new gt.MathNode("mrow");if($e[e.type])return $e[e.type](e,t);throw new n("Got group of unknown type: '"+e.type+"'")};function St(e,t,r,n,a){var i,o=xt(e,r);i=1===o.length&&o[0]instanceof dt&&l.contains(["mrow","mtable"],o[0].type)?o[0]:new gt.MathNode("mrow",o);var s=new gt.MathNode("annotation",[new gt.TextNode(t)]);s.setAttribute("encoding","application/x-tex");var h=new gt.MathNode("semantics",[i,s]),c=new gt.MathNode("math",[h]);c.setAttribute("xmlns","http://www.w3.org/1998/Math/MathML"),n&&c.setAttribute("display","block");var m=a?"katex":"katex-mathml";return Ve.makeSpan([m],[c])}var Mt=function(e){return new H({style:e.displayMode?x.DISPLAY:x.TEXT,maxSize:e.maxSize,minRuleThickness:e.minRuleThickness})},zt=function(e,t){if(t.displayMode){var r=["katex-display"];t.leqno&&r.push("leqno"),t.fleqn&&r.push("fleqn"),e=Ve.makeSpan(r,[e])}return e},At={widehat:"^",widecheck:"ˇ",widetilde:"~",utilde:"~",overleftarrow:"←",underleftarrow:"←",xleftarrow:"←",overrightarrow:"→",underrightarrow:"→",xrightarrow:"→",underbrace:"⏟",overbrace:"⏞",overgroup:"⏠",undergroup:"⏡",overleftrightarrow:"↔",underleftrightarrow:"↔",xleftrightarrow:"↔",Overrightarrow:"⇒",xRightarrow:"⇒",overleftharpoon:"↼",xleftharpoonup:"↼",overrightharpoon:"⇀",xrightharpoonup:"⇀",xLeftarrow:"⇐",xLeftrightarrow:"⇔",xhookleftarrow:"↩",xhookrightarrow:"↪",xmapsto:"↦",xrightharpoondown:"⇁",xleftharpoondown:"↽",xrightleftharpoons:"⇌",xleftrightharpoons:"⇋",xtwoheadleftarrow:"↞",xtwoheadrightarrow:"↠",xlongequal:"=",xtofrom:"⇄",xrightleftarrows:"⇄",xrightequilibrium:"⇌",xleftequilibrium:"⇋","\\cdrightarrow":"→","\\cdleftarrow":"←","\\cdlongequal":"="},Tt={overrightarrow:[["rightarrow"],.888,522,"xMaxYMin"],overleftarrow:[["leftarrow"],.888,522,"xMinYMin"],underrightarrow:[["rightarrow"],.888,522,"xMaxYMin"],underleftarrow:[["leftarrow"],.888,522,"xMinYMin"],xrightarrow:[["rightarrow"],1.469,522,"xMaxYMin"],"\\cdrightarrow":[["rightarrow"],3,522,"xMaxYMin"],xleftarrow:[["leftarrow"],1.469,522,"xMinYMin"],"\\cdleftarrow":[["leftarrow"],3,522,"xMinYMin"],Overrightarrow:[["doublerightarrow"],.888,560,"xMaxYMin"],xRightarrow:[["doublerightarrow"],1.526,560,"xMaxYMin"],xLeftarrow:[["doubleleftarrow"],1.526,560,"xMinYMin"],overleftharpoon:[["leftharpoon"],.888,522,"xMinYMin"],xleftharpoonup:[["leftharpoon"],.888,522,"xMinYMin"],xleftharpoondown:[["leftharpoondown"],.888,522,"xMinYMin"],overrightharpoon:[["rightharpoon"],.888,522,"xMaxYMin"],xrightharpoonup:[["rightharpoon"],.888,522,"xMaxYMin"],xrightharpoondown:[["rightharpoondown"],.888,522,"xMaxYMin"],xlongequal:[["longequal"],.888,334,"xMinYMin"],"\\cdlongequal":[["longequal"],3,334,"xMinYMin"],xtwoheadleftarrow:[["twoheadleftarrow"],.888,334,"xMinYMin"],xtwoheadrightarrow:[["twoheadrightarrow"],.888,334,"xMaxYMin"],overleftrightarrow:[["leftarrow","rightarrow"],.888,522],overbrace:[["leftbrace","midbrace","rightbrace"],1.6,548],underbrace:[["leftbraceunder","midbraceunder","rightbraceunder"],1.6,548],underleftrightarrow:[["leftarrow","rightarrow"],.888,522],xleftrightarrow:[["leftarrow","rightarrow"],1.75,522],xLeftrightarrow:[["doubleleftarrow","doublerightarrow"],1.75,560],xrightleftharpoons:[["leftharpoondownplus","rightharpoonplus"],1.75,716],xleftrightharpoons:[["leftharpoonplus","rightharpoondownplus"],1.75,716],xhookleftarrow:[["leftarrow","righthook"],1.08,522],xhookrightarrow:[["lefthook","rightarrow"],1.08,522],overlinesegment:[["leftlinesegment","rightlinesegment"],.888,522],underlinesegment:[["leftlinesegment","rightlinesegment"],.888,522],overgroup:[["leftgroup","rightgroup"],.888,342],undergroup:[["leftgroupunder","rightgroupunder"],.888,342],xmapsto:[["leftmapsto","rightarrow"],1.5,522],xtofrom:[["leftToFrom","rightToFrom"],1.75,528],xrightleftarrows:[["baraboveleftarrow","rightarrowabovebar"],1.75,901],xrightequilibrium:[["baraboveshortleftharpoon","rightharpoonaboveshortbar"],1.75,716],xleftequilibrium:[["shortbaraboveleftharpoon","shortrightharpoonabovebar"],1.75,716]},Bt=function(e,t,r,n,a){var i,o=e.height+e.depth+r+n;if(/fbox|color|angl/.test(t)){if(i=Ve.makeSpan(["stretchy",t],[],a),"fbox"===t){var s=a.color&&a.getColor();s&&(i.style.borderColor=s)}}else{var l=[];/^[bx]cancel$/.test(t)&&l.push(new J({x1:"0",y1:"0",x2:"100%",y2:"100%","stroke-width":"0.046em"})),/^x?cancel$/.test(t)&&l.push(new J({x1:"0",y1:"100%",x2:"100%",y2:"0","stroke-width":"0.046em"}));var h=new Z(l,{width:"100%",height:F(o)});i=Ve.makeSvgSpan([],[h],a)}return i.height=o,i.style.height=F(o),i},Ct=function(e){var t=new gt.MathNode("mo",[new gt.TextNode(At[e.replace(/^\\/,"")])]);return t.setAttribute("stretchy","true"),t},Nt=function(e,t){var r=function(){var r=4e5,n=e.label.substr(1);if(l.contains(["widehat","widecheck","widetilde","utilde"],n)){var a,i,o,s="ordgroup"===(d=e.base).type?d.body.length:1;if(s>5)"widehat"===n||"widecheck"===n?(a=420,r=2364,o=.42,i=n+"4"):(a=312,r=2340,o=.34,i="tilde4");else{var h=[1,1,2,2,3,3][s];"widehat"===n||"widecheck"===n?(r=[0,1062,2364,2364,2364][h],a=[0,239,300,360,420][h],o=[0,.24,.3,.3,.36,.42][h],i=n+h):(r=[0,600,1033,2339,2340][h],a=[0,260,286,306,312][h],o=[0,.26,.286,.3,.306,.34][h],i="tilde"+h)}var c=new K(i),m=new Z([c],{width:"100%",height:F(o),viewBox:"0 0 "+r+" "+a,preserveAspectRatio:"none"});return{span:Ve.makeSvgSpan([],[m],t),minWidth:0,height:o}}var u,p,d,f=[],g=Tt[n],v=g[0],y=g[1],b=g[2],x=b/1e3,w=v.length;if(1===w)u=["hide-tail"],p=[g[3]];else if(2===w)u=["halfarrow-left","halfarrow-right"],p=["xMinYMin","xMaxYMin"];else{if(3!==w)throw new Error("Correct katexImagesData or update code here to support\n                    "+w+" children.");u=["brace-left","brace-center","brace-right"],p=["xMinYMin","xMidYMin","xMaxYMin"]}for(var k=0;k<w;k++){var S=new K(v[k]),M=new Z([S],{width:"400em",height:F(x),viewBox:"0 0 "+r+" "+b,preserveAspectRatio:p[k]+" slice"}),z=Ve.makeSvgSpan([u[k]],[M],t);if(1===w)return{span:z,minWidth:y,height:x};z.style.height=F(x),f.push(z)}return{span:Ve.makeSpan(["stretchy"],f,t),minWidth:y,height:x}}(),n=r.span,a=r.minWidth,i=r.height;return n.height=i,n.style.height=F(i),a>0&&(n.style.minWidth=F(a)),n};function qt(e,t){if(!e||e.type!==t)throw new Error("Expected node of type "+t+", but got "+(e?"node of type "+e.type:String(e)));return e}function It(e){var t=Ot(e);if(!t)throw new Error("Expected node of symbol group type, but got "+(e?"node of type "+e.type:String(e)));return t}function Ot(e){return e&&("atom"===e.type||te.hasOwnProperty(e.type))?e:null}var Rt=function(e,t){var r,n,a;e&&"supsub"===e.type?(r=(n=qt(e.base,"accent")).base,e.base=r,a=function(e){if(e instanceof Y)return e;throw new Error("Expected span<HtmlDomNode> but got "+String(e)+".")}(ct(e,t)),e.base=n):r=(n=qt(e,"accent")).base;var i=ct(r,t.havingCrampedStyle()),o=0;if(n.isShifty&&l.isCharacterBox(r)){var s=l.getBaseElem(r);o=Q(ct(s,t.havingCrampedStyle())).skew}var h,c="\\c"===n.label,m=c?i.height+i.depth:Math.min(i.height,t.fontMetrics().xHeight);if(n.isStretchy)h=Nt(n,t),h=Ve.makeVList({positionType:"firstBaseline",children:[{type:"elem",elem:i},{type:"elem",elem:h,wrapperClasses:["svg-align"],wrapperStyle:o>0?{width:"calc(100% - "+F(2*o)+")",marginLeft:F(2*o)}:void 0}]},t);else{var u,p;"\\vec"===n.label?(u=Ve.staticSvg("vec",t),p=Ve.svgData.vec[1]):((u=Q(u=Ve.makeOrd({mode:n.mode,text:n.label},t,"textord"))).italic=0,p=u.width,c&&(m+=u.depth)),h=Ve.makeSpan(["accent-body"],[u]);var d="\\textcircled"===n.label;d&&(h.classes.push("accent-full"),m=i.height);var f=o;d||(f-=p/2),h.style.left=F(f),"\\textcircled"===n.label&&(h.style.top=".2em"),h=Ve.makeVList({positionType:"firstBaseline",children:[{type:"elem",elem:i},{type:"kern",size:-m},{type:"elem",elem:h}]},t)}var g=Ve.makeSpan(["mord","accent"],[h],t);return a?(a.children[0]=g,a.height=Math.max(g.height,a.height),a.classes[0]="mord",a):g},Ht=function(e,t){var r=e.isStretchy?Ct(e.label):new gt.MathNode("mo",[vt(e.label,e.mode)]),n=new gt.MathNode("mover",[kt(e.base,t),r]);return n.setAttribute("accent","true"),n},Et=new RegExp(["\\acute","\\grave","\\ddot","\\tilde","\\bar","\\breve","\\check","\\hat","\\vec","\\dot","\\mathring"].map((function(e){return"\\"+e})).join("|"));Ze({type:"accent",names:["\\acute","\\grave","\\ddot","\\tilde","\\bar","\\breve","\\check","\\hat","\\vec","\\dot","\\mathring","\\widecheck","\\widehat","\\widetilde","\\overrightarrow","\\overleftarrow","\\Overrightarrow","\\overleftrightarrow","\\overgroup","\\overlinesegment","\\overleftharpoon","\\overrightharpoon"],props:{numArgs:1},handler:function(e,t){var r=Je(t[0]),n=!Et.test(e.funcName),a=!n||"\\widehat"===e.funcName||"\\widetilde"===e.funcName||"\\widecheck"===e.funcName;return{type:"accent",mode:e.parser.mode,label:e.funcName,isStretchy:n,isShifty:a,base:r}},htmlBuilder:Rt,mathmlBuilder:Ht}),Ze({type:"accent",names:["\\'","\\`","\\^","\\~","\\=","\\u","\\.",'\\"',"\\c","\\r","\\H","\\v","\\textcircled"],props:{numArgs:1,allowedInText:!0,allowedInMath:!0,argTypes:["primitive"]},handler:function(e,t){var r=t[0],n=e.parser.mode;return"math"===n&&(e.parser.settings.reportNonstrict("mathVsTextAccents","LaTeX's accent "+e.funcName+" works only in text mode"),n="text"),{type:"accent",mode:n,label:e.funcName,isStretchy:!1,isShifty:!0,base:r}},htmlBuilder:Rt,mathmlBuilder:Ht}),Ze({type:"accentUnder",names:["\\underleftarrow","\\underrightarrow","\\underleftrightarrow","\\undergroup","\\underlinesegment","\\utilde"],props:{numArgs:1},handler:function(e,t){var r=e.parser,n=e.funcName,a=t[0];return{type:"accentUnder",mode:r.mode,label:n,base:a}},htmlBuilder:function(e,t){var r=ct(e.base,t),n=Nt(e,t),a="\\utilde"===e.label?.12:0,i=Ve.makeVList({positionType:"top",positionData:r.height,children:[{type:"elem",elem:n,wrapperClasses:["svg-align"]},{type:"kern",size:a},{type:"elem",elem:r}]},t);return Ve.makeSpan(["mord","accentunder"],[i],t)},mathmlBuilder:function(e,t){var r=Ct(e.label),n=new gt.MathNode("munder",[kt(e.base,t),r]);return n.setAttribute("accentunder","true"),n}});var Lt=function(e){var t=new gt.MathNode("mpadded",e?[e]:[]);return t.setAttribute("width","+0.6em"),t.setAttribute("lspace","0.3em"),t};Ze({type:"xArrow",names:["\\xleftarrow","\\xrightarrow","\\xLeftarrow","\\xRightarrow","\\xleftrightarrow","\\xLeftrightarrow","\\xhookleftarrow","\\xhookrightarrow","\\xmapsto","\\xrightharpoondown","\\xrightharpoonup","\\xleftharpoondown","\\xleftharpoonup","\\xrightleftharpoons","\\xleftrightharpoons","\\xlongequal","\\xtwoheadrightarrow","\\xtwoheadleftarrow","\\xtofrom","\\xrightleftarrows","\\xrightequilibrium","\\xleftequilibrium","\\\\cdrightarrow","\\\\cdleftarrow","\\\\cdlongequal"],props:{numArgs:1,numOptionalArgs:1},handler:function(e,t,r){var n=e.parser,a=e.funcName;return{type:"xArrow",mode:n.mode,label:a,body:t[0],below:r[0]}},htmlBuilder:function(e,t){var r,n=t.style,a=t.havingStyle(n.sup()),i=Ve.wrapFragment(ct(e.body,a,t),t),o="\\x"===e.label.slice(0,2)?"x":"cd";i.classes.push(o+"-arrow-pad"),e.below&&(a=t.havingStyle(n.sub()),(r=Ve.wrapFragment(ct(e.below,a,t),t)).classes.push(o+"-arrow-pad"));var s,l=Nt(e,t),h=-t.fontMetrics().axisHeight+.5*l.height,c=-t.fontMetrics().axisHeight-.5*l.height-.111;if((i.depth>.25||"\\xleftequilibrium"===e.label)&&(c-=i.depth),r){var m=-t.fontMetrics().axisHeight+r.height+.5*l.height+.111;s=Ve.makeVList({positionType:"individualShift",children:[{type:"elem",elem:i,shift:c},{type:"elem",elem:l,shift:h},{type:"elem",elem:r,shift:m}]},t)}else s=Ve.makeVList({positionType:"individualShift",children:[{type:"elem",elem:i,shift:c},{type:"elem",elem:l,shift:h}]},t);return s.children[0].children[0].children[1].classes.push("svg-align"),Ve.makeSpan(["mrel","x-arrow"],[s],t)},mathmlBuilder:function(e,t){var r,n=Ct(e.label);if(n.setAttribute("minsize","x"===e.label.charAt(0)?"1.75em":"3.0em"),e.body){var a=Lt(kt(e.body,t));if(e.below){var i=Lt(kt(e.below,t));r=new gt.MathNode("munderover",[n,i,a])}else r=new gt.MathNode("mover",[n,a])}else if(e.below){var o=Lt(kt(e.below,t));r=new gt.MathNode("munder",[n,o])}else r=Lt(),r=new gt.MathNode("mover",[n,r]);return r}});var Dt={">":"\\\\cdrightarrow","<":"\\\\cdleftarrow","=":"\\\\cdlongequal",A:"\\uparrow",V:"\\downarrow","|":"\\Vert",".":"no arrow"},Pt=function(e){return"textord"===e.type&&"@"===e.text};function Ft(e,t,r){var n=Dt[e];switch(n){case"\\\\cdrightarrow":case"\\\\cdleftarrow":return r.callFunction(n,[t[0]],[t[1]]);case"\\uparrow":case"\\downarrow":var a={type:"atom",text:n,mode:"math",family:"rel"},i={type:"ordgroup",mode:"math",body:[r.callFunction("\\\\cdleft",[t[0]],[]),r.callFunction("\\Big",[a],[]),r.callFunction("\\\\cdright",[t[1]],[])]};return r.callFunction("\\\\cdparent",[i],[]);case"\\\\cdlongequal":return r.callFunction("\\\\cdlongequal",[],[]);case"\\Vert":return r.callFunction("\\Big",[{type:"textord",text:"\\Vert",mode:"math"}],[]);default:return{type:"textord",text:" ",mode:"math"}}}Ze({type:"cdlabel",names:["\\\\cdleft","\\\\cdright"],props:{numArgs:1},handler:function(e,t){var r=e.parser,n=e.funcName;return{type:"cdlabel",mode:r.mode,side:n.slice(4),label:t[0]}},htmlBuilder:function(e,t){var r=t.havingStyle(t.style.sup()),n=Ve.wrapFragment(ct(e.label,r,t),t);return n.classes.push("cd-label-"+e.side),n.style.bottom=F(.8-n.depth),n.height=0,n.depth=0,n},mathmlBuilder:function(e,t){var r=new gt.MathNode("mrow",[kt(e.label,t)]);return(r=new gt.MathNode("mpadded",[r])).setAttribute("width","0"),"left"===e.side&&r.setAttribute("lspace","-1width"),r.setAttribute("voffset","0.7em"),(r=new gt.MathNode("mstyle",[r])).setAttribute("displaystyle","false"),r.setAttribute("scriptlevel","1"),r}}),Ze({type:"cdlabelparent",names:["\\\\cdparent"],props:{numArgs:1},handler:function(e,t){return{type:"cdlabelparent",mode:e.parser.mode,fragment:t[0]}},htmlBuilder:function(e,t){var r=Ve.wrapFragment(ct(e.fragment,t),t);return r.classes.push("cd-vert-arrow"),r},mathmlBuilder:function(e,t){return new gt.MathNode("mrow",[kt(e.fragment,t)])}}),Ze({type:"textord",names:["\\@char"],props:{numArgs:1,allowedInText:!0},handler:function(e,t){for(var r=e.parser,a=qt(t[0],"ordgroup").body,i="",o=0;o<a.length;o++)i+=qt(a[o],"textord").text;var s,l=parseInt(i);if(isNaN(l))throw new n("\\@char has non-numeric argument "+i);if(l<0||l>=1114111)throw new n("\\@char with invalid code point "+i);return l<=65535?s=String.fromCharCode(l):(l-=65536,s=String.fromCharCode(55296+(l>>10),56320+(1023&l))),{type:"textord",mode:r.mode,text:s}}});var Vt=function(e,t){var r=it(e.body,t.withColor(e.color),!1);return Ve.makeFragment(r)},Gt=function(e,t){var r=xt(e.body,t.withColor(e.color)),n=new gt.MathNode("mstyle",r);return n.setAttribute("mathcolor",e.color),n};Ze({type:"color",names:["\\textcolor"],props:{numArgs:2,allowedInText:!0,argTypes:["color","original"]},handler:function(e,t){var r=e.parser,n=qt(t[0],"color-token").color,a=t[1];return{type:"color",mode:r.mode,color:n,body:Qe(a)}},htmlBuilder:Vt,mathmlBuilder:Gt}),Ze({type:"color",names:["\\color"],props:{numArgs:1,allowedInText:!0,argTypes:["color"]},handler:function(e,t){var r=e.parser,n=e.breakOnTokenText,a=qt(t[0],"color-token").color;r.gullet.macros.set("\\current@color",a);var i=r.parseExpression(!0,n);return{type:"color",mode:r.mode,color:a,body:i}},htmlBuilder:Vt,mathmlBuilder:Gt}),Ze({type:"cr",names:["\\\\"],props:{numArgs:0,numOptionalArgs:1,argTypes:["size"],allowedInText:!0},handler:function(e,t,r){var n=e.parser,a=r[0],i=!n.settings.displayMode||!n.settings.useStrictBehavior("newLineInDisplayMode","In LaTeX, \\\\ or \\newline does nothing in display mode");return{type:"cr",mode:n.mode,newLine:i,size:a&&qt(a,"size").value}},htmlBuilder:function(e,t){var r=Ve.makeSpan(["mspace"],[],t);return e.newLine&&(r.classes.push("newline"),e.size&&(r.style.marginTop=F(P(e.size,t)))),r},mathmlBuilder:function(e,t){var r=new gt.MathNode("mspace");return e.newLine&&(r.setAttribute("linebreak","newline"),e.size&&r.setAttribute("height",F(P(e.size,t)))),r}});var Ut={"\\global":"\\global","\\long":"\\\\globallong","\\\\globallong":"\\\\globallong","\\def":"\\gdef","\\gdef":"\\gdef","\\edef":"\\xdef","\\xdef":"\\xdef","\\let":"\\\\globallet","\\futurelet":"\\\\globalfuture"},_t=function(e){var t=e.text;if(/^(?:[\\{}$&#^_]|EOF)$/.test(t))throw new n("Expected a control sequence",e);return t},Yt=function(e,t,r,n){var a=e.gullet.macros.get(r.text);null==a&&(r.noexpand=!0,a={tokens:[r],numArgs:0,unexpandable:!e.gullet.isExpandable(r.text)}),e.gullet.macros.set(t,a,n)};Ze({type:"internal",names:["\\global","\\long","\\\\globallong"],props:{numArgs:0,allowedInText:!0},handler:function(e){var t=e.parser,r=e.funcName;t.consumeSpaces();var a=t.fetch();if(Ut[a.text])return"\\global"!==r&&"\\\\globallong"!==r||(a.text=Ut[a.text]),qt(t.parseFunction(),"internal");throw new n("Invalid token after macro prefix",a)}}),Ze({type:"internal",names:["\\def","\\gdef","\\edef","\\xdef"],props:{numArgs:0,allowedInText:!0,primitive:!0},handler:function(e){var t=e.parser,r=e.funcName,a=t.gullet.popToken(),i=a.text;if(/^(?:[\\{}$&#^_]|EOF)$/.test(i))throw new n("Expected a control sequence",a);for(var o,s=0,l=[[]];"{"!==t.gullet.future().text;)if("#"===(a=t.gullet.popToken()).text){if("{"===t.gullet.future().text){o=t.gullet.future(),l[s].push("{");break}if(a=t.gullet.popToken(),!/^[1-9]$/.test(a.text))throw new n('Invalid argument number "'+a.text+'"');if(parseInt(a.text)!==s+1)throw new n('Argument number "'+a.text+'" out of order');s++,l.push([])}else{if("EOF"===a.text)throw new n("Expected a macro definition");l[s].push(a.text)}var h=t.gullet.consumeArg().tokens;return o&&h.unshift(o),"\\edef"!==r&&"\\xdef"!==r||(h=t.gullet.expandTokens(h)).reverse(),t.gullet.macros.set(i,{tokens:h,numArgs:s,delimiters:l},r===Ut[r]),{type:"internal",mode:t.mode}}}),Ze({type:"internal",names:["\\let","\\\\globallet"],props:{numArgs:0,allowedInText:!0,primitive:!0},handler:function(e){var t=e.parser,r=e.funcName,n=_t(t.gullet.popToken());t.gullet.consumeSpaces();var a=function(e){var t=e.gullet.popToken();return"="===t.text&&" "===(t=e.gullet.popToken()).text&&(t=e.gullet.popToken()),t}(t);return Yt(t,n,a,"\\\\globallet"===r),{type:"internal",mode:t.mode}}}),Ze({type:"internal",names:["\\futurelet","\\\\globalfuture"],props:{numArgs:0,allowedInText:!0,primitive:!0},handler:function(e){var t=e.parser,r=e.funcName,n=_t(t.gullet.popToken()),a=t.gullet.popToken(),i=t.gullet.popToken();return Yt(t,n,i,"\\\\globalfuture"===r),t.gullet.pushToken(i),t.gullet.pushToken(a),{type:"internal",mode:t.mode}}});var Xt=function(e,t,r){var n=C(ne.math[e]&&ne.math[e].replace||e,t,r);if(!n)throw new Error("Unsupported symbol "+e+" and font size "+t+".");return n},Wt=function(e,t,r,n){var a=r.havingBaseStyle(t),i=Ve.makeSpan(n.concat(a.sizingClasses(r)),[e],r),o=a.sizeMultiplier/r.sizeMultiplier;return i.height*=o,i.depth*=o,i.maxFontSize=a.sizeMultiplier,i},jt=function(e,t,r){var n=t.havingBaseStyle(r),a=(1-t.sizeMultiplier/n.sizeMultiplier)*t.fontMetrics().axisHeight;e.classes.push("delimcenter"),e.style.top=F(a),e.height-=a,e.depth+=a},$t=function(e,t,r,n,a,i){var o=function(e,t,r,n){return Ve.makeSymbol(e,"Size"+t+"-Regular",r,n)}(e,t,a,n),s=Wt(Ve.makeSpan(["delimsizing","size"+t],[o],n),x.TEXT,n,i);return r&&jt(s,n,x.TEXT),s},Zt=function(e,t,r){var n;return n="Size1-Regular"===t?"delim-size1":"delim-size4",{type:"elem",elem:Ve.makeSpan(["delimsizinginner",n],[Ve.makeSpan([],[Ve.makeSymbol(e,t,r)])])}},Kt=function(e,t,r){var n=A["Size4-Regular"][e.charCodeAt(0)]?A["Size4-Regular"][e.charCodeAt(0)][4]:A["Size1-Regular"][e.charCodeAt(0)][4],a=new K("inner",function(e,t){switch(e){case"⎜":return"M291 0 H417 V"+t+" H291z M291 0 H417 V"+t+" H291z";case"∣":return"M145 0 H188 V"+t+" H145z M145 0 H188 V"+t+" H145z";case"∥":return"M145 0 H188 V"+t+" H145z M145 0 H188 V"+t+" H145zM367 0 H410 V"+t+" H367z M367 0 H410 V"+t+" H367z";case"⎟":return"M457 0 H583 V"+t+" H457z M457 0 H583 V"+t+" H457z";case"⎢":return"M319 0 H403 V"+t+" H319z M319 0 H403 V"+t+" H319z";case"⎥":return"M263 0 H347 V"+t+" H263z M263 0 H347 V"+t+" H263z";case"⎪":return"M384 0 H504 V"+t+" H384z M384 0 H504 V"+t+" H384z";case"⏐":return"M312 0 H355 V"+t+" H312z M312 0 H355 V"+t+" H312z";case"‖":return"M257 0 H300 V"+t+" H257z M257 0 H300 V"+t+" H257zM478 0 H521 V"+t+" H478z M478 0 H521 V"+t+" H478z";default:return""}}(e,Math.round(1e3*t))),i=new Z([a],{width:F(n),height:F(t),style:"width:"+F(n),viewBox:"0 0 "+1e3*n+" "+Math.round(1e3*t),preserveAspectRatio:"xMinYMin"}),o=Ve.makeSvgSpan([],[i],r);return o.height=t,o.style.height=F(t),o.style.width=F(n),{type:"elem",elem:o}},Jt={type:"kern",size:-.008},Qt=["|","\\lvert","\\rvert","\\vert"],er=["\\|","\\lVert","\\rVert","\\Vert"],tr=function(e,t,r,n,a,i){var o,s,h,c;o=h=c=e,s=null;var m="Size1-Regular";"\\uparrow"===e?h=c="⏐":"\\Uparrow"===e?h=c="‖":"\\downarrow"===e?o=h="⏐":"\\Downarrow"===e?o=h="‖":"\\updownarrow"===e?(o="\\uparrow",h="⏐",c="\\downarrow"):"\\Updownarrow"===e?(o="\\Uparrow",h="‖",c="\\Downarrow"):l.contains(Qt,e)?h="∣":l.contains(er,e)?h="∥":"["===e||"\\lbrack"===e?(o="⎡",h="⎢",c="⎣",m="Size4-Regular"):"]"===e||"\\rbrack"===e?(o="⎤",h="⎥",c="⎦",m="Size4-Regular"):"\\lfloor"===e||"⌊"===e?(h=o="⎢",c="⎣",m="Size4-Regular"):"\\lceil"===e||"⌈"===e?(o="⎡",h=c="⎢",m="Size4-Regular"):"\\rfloor"===e||"⌋"===e?(h=o="⎥",c="⎦",m="Size4-Regular"):"\\rceil"===e||"⌉"===e?(o="⎤",h=c="⎥",m="Size4-Regular"):"("===e||"\\lparen"===e?(o="⎛",h="⎜",c="⎝",m="Size4-Regular"):")"===e||"\\rparen"===e?(o="⎞",h="⎟",c="⎠",m="Size4-Regular"):"\\{"===e||"\\lbrace"===e?(o="⎧",s="⎨",c="⎩",h="⎪",m="Size4-Regular"):"\\}"===e||"\\rbrace"===e?(o="⎫",s="⎬",c="⎭",h="⎪",m="Size4-Regular"):"\\lgroup"===e||"⟮"===e?(o="⎧",c="⎩",h="⎪",m="Size4-Regular"):"\\rgroup"===e||"⟯"===e?(o="⎫",c="⎭",h="⎪",m="Size4-Regular"):"\\lmoustache"===e||"⎰"===e?(o="⎧",c="⎭",h="⎪",m="Size4-Regular"):"\\rmoustache"!==e&&"⎱"!==e||(o="⎫",c="⎩",h="⎪",m="Size4-Regular");var u=Xt(o,m,a),p=u.height+u.depth,d=Xt(h,m,a),f=d.height+d.depth,g=Xt(c,m,a),v=g.height+g.depth,y=0,b=1;if(null!==s){var w=Xt(s,m,a);y=w.height+w.depth,b=2}var k=p+v+y,S=k+Math.max(0,Math.ceil((t-k)/(b*f)))*b*f,M=n.fontMetrics().axisHeight;r&&(M*=n.sizeMultiplier);var z=S/2-M,A=[];if(A.push(Zt(c,m,a)),A.push(Jt),null===s){var T=S-p-v+.016;A.push(Kt(h,T,n))}else{var B=(S-p-v-y)/2+.016;A.push(Kt(h,B,n)),A.push(Jt),A.push(Zt(s,m,a)),A.push(Jt),A.push(Kt(h,B,n))}A.push(Jt),A.push(Zt(o,m,a));var C=n.havingBaseStyle(x.TEXT),N=Ve.makeVList({positionType:"bottom",positionData:z,children:A},C);return Wt(Ve.makeSpan(["delimsizing","mult"],[N],C),x.TEXT,n,i)},rr=function(e,t,r,n,a){var i=function(e,t,r){t*=1e3;var n="";switch(e){case"sqrtMain":n=function(e,t){return"M95,"+(622+e+t)+"\nc-2.7,0,-7.17,-2.7,-13.5,-8c-5.8,-5.3,-9.5,-10,-9.5,-14\nc0,-2,0.3,-3.3,1,-4c1.3,-2.7,23.83,-20.7,67.5,-54\nc44.2,-33.3,65.8,-50.3,66.5,-51c1.3,-1.3,3,-2,5,-2c4.7,0,8.7,3.3,12,10\ns173,378,173,378c0.7,0,35.3,-71,104,-213c68.7,-142,137.5,-285,206.5,-429\nc69,-144,104.5,-217.7,106.5,-221\nl"+e/2.075+" -"+e+"\nc5.3,-9.3,12,-14,20,-14\nH400000v"+(40+e)+"H845.2724\ns-225.272,467,-225.272,467s-235,486,-235,486c-2.7,4.7,-9,7,-19,7\nc-6,0,-10,-1,-12,-3s-194,-422,-194,-422s-65,47,-65,47z\nM"+(834+e)+" "+t+"h400000v"+(40+e)+"h-400000z"}(t,80);break;case"sqrtSize1":n=function(e,t){return"M263,"+(601+e+t)+"c0.7,0,18,39.7,52,119\nc34,79.3,68.167,158.7,102.5,238c34.3,79.3,51.8,119.3,52.5,120\nc340,-704.7,510.7,-1060.3,512,-1067\nl"+e/2.084+" -"+e+"\nc4.7,-7.3,11,-11,19,-11\nH40000v"+(40+e)+"H1012.3\ns-271.3,567,-271.3,567c-38.7,80.7,-84,175,-136,283c-52,108,-89.167,185.3,-111.5,232\nc-22.3,46.7,-33.8,70.3,-34.5,71c-4.7,4.7,-12.3,7,-23,7s-12,-1,-12,-1\ns-109,-253,-109,-253c-72.7,-168,-109.3,-252,-110,-252c-10.7,8,-22,16.7,-34,26\nc-22,17.3,-33.3,26,-34,26s-26,-26,-26,-26s76,-59,76,-59s76,-60,76,-60z\nM"+(1001+e)+" "+t+"h400000v"+(40+e)+"h-400000z"}(t,80);break;case"sqrtSize2":n=function(e,t){return"M983 "+(10+e+t)+"\nl"+e/3.13+" -"+e+"\nc4,-6.7,10,-10,18,-10 H400000v"+(40+e)+"\nH1013.1s-83.4,268,-264.1,840c-180.7,572,-277,876.3,-289,913c-4.7,4.7,-12.7,7,-24,7\ns-12,0,-12,0c-1.3,-3.3,-3.7,-11.7,-7,-25c-35.3,-125.3,-106.7,-373.3,-214,-744\nc-10,12,-21,25,-33,39s-32,39,-32,39c-6,-5.3,-15,-14,-27,-26s25,-30,25,-30\nc26.7,-32.7,52,-63,76,-91s52,-60,52,-60s208,722,208,722\nc56,-175.3,126.3,-397.3,211,-666c84.7,-268.7,153.8,-488.2,207.5,-658.5\nc53.7,-170.3,84.5,-266.8,92.5,-289.5z\nM"+(1001+e)+" "+t+"h400000v"+(40+e)+"h-400000z"}(t,80);break;case"sqrtSize3":n=function(e,t){return"M424,"+(2398+e+t)+"\nc-1.3,-0.7,-38.5,-172,-111.5,-514c-73,-342,-109.8,-513.3,-110.5,-514\nc0,-2,-10.7,14.3,-32,49c-4.7,7.3,-9.8,15.7,-15.5,25c-5.7,9.3,-9.8,16,-12.5,20\ns-5,7,-5,7c-4,-3.3,-8.3,-7.7,-13,-13s-13,-13,-13,-13s76,-122,76,-122s77,-121,77,-121\ns209,968,209,968c0,-2,84.7,-361.7,254,-1079c169.3,-717.3,254.7,-1077.7,256,-1081\nl"+e/4.223+" -"+e+"c4,-6.7,10,-10,18,-10 H400000\nv"+(40+e)+"H1014.6\ns-87.3,378.7,-272.6,1166c-185.3,787.3,-279.3,1182.3,-282,1185\nc-2,6,-10,9,-24,9\nc-8,0,-12,-0.7,-12,-2z M"+(1001+e)+" "+t+"\nh400000v"+(40+e)+"h-400000z"}(t,80);break;case"sqrtSize4":n=function(e,t){return"M473,"+(2713+e+t)+"\nc339.3,-1799.3,509.3,-2700,510,-2702 l"+e/5.298+" -"+e+"\nc3.3,-7.3,9.3,-11,18,-11 H400000v"+(40+e)+"H1017.7\ns-90.5,478,-276.2,1466c-185.7,988,-279.5,1483,-281.5,1485c-2,6,-10,9,-24,9\nc-8,0,-12,-0.7,-12,-2c0,-1.3,-5.3,-32,-16,-92c-50.7,-293.3,-119.7,-693.3,-207,-1200\nc0,-1.3,-5.3,8.7,-16,30c-10.7,21.3,-21.3,42.7,-32,64s-16,33,-16,33s-26,-26,-26,-26\ns76,-153,76,-153s77,-151,77,-151c0.7,0.7,35.7,202,105,604c67.3,400.7,102,602.7,104,\n606zM"+(1001+e)+" "+t+"h400000v"+(40+e)+"H1017.7z"}(t,80);break;case"sqrtTall":n=function(e,t,r){return"M702 "+(e+t)+"H400000"+(40+e)+"\nH742v"+(r-54-t-e)+"l-4 4-4 4c-.667.7 -2 1.5-4 2.5s-4.167 1.833-6.5 2.5-5.5 1-9.5 1\nh-12l-28-84c-16.667-52-96.667 -294.333-240-727l-212 -643 -85 170\nc-4-3.333-8.333-7.667-13 -13l-13-13l77-155 77-156c66 199.333 139 419.667\n219 661 l218 661zM702 "+t+"H400000v"+(40+e)+"H742z"}(t,80,r)}return n}(e,n,r),o=new K(e,i),s=new Z([o],{width:"400em",height:F(t),viewBox:"0 0 400000 "+r,preserveAspectRatio:"xMinYMin slice"});return Ve.makeSvgSpan(["hide-tail"],[s],a)},nr=["(","\\lparen",")","\\rparen","[","\\lbrack","]","\\rbrack","\\{","\\lbrace","\\}","\\rbrace","\\lfloor","\\rfloor","⌊","⌋","\\lceil","\\rceil","⌈","⌉","\\surd"],ar=["\\uparrow","\\downarrow","\\updownarrow","\\Uparrow","\\Downarrow","\\Updownarrow","|","\\|","\\vert","\\Vert","\\lvert","\\rvert","\\lVert","\\rVert","\\lgroup","\\rgroup","⟮","⟯","\\lmoustache","\\rmoustache","⎰","⎱"],ir=["<",">","\\langle","\\rangle","/","\\backslash","\\lt","\\gt"],or=[0,1.2,1.8,2.4,3],sr=[{type:"small",style:x.SCRIPTSCRIPT},{type:"small",style:x.SCRIPT},{type:"small",style:x.TEXT},{type:"large",size:1},{type:"large",size:2},{type:"large",size:3},{type:"large",size:4}],lr=[{type:"small",style:x.SCRIPTSCRIPT},{type:"small",style:x.SCRIPT},{type:"small",style:x.TEXT},{type:"stack"}],hr=[{type:"small",style:x.SCRIPTSCRIPT},{type:"small",style:x.SCRIPT},{type:"small",style:x.TEXT},{type:"large",size:1},{type:"large",size:2},{type:"large",size:3},{type:"large",size:4},{type:"stack"}],cr=function(e){if("small"===e.type)return"Main-Regular";if("large"===e.type)return"Size"+e.size+"-Regular";if("stack"===e.type)return"Size4-Regular";throw new Error("Add support for delim type '"+e.type+"' here.")},mr=function(e,t,r,n){for(var a=Math.min(2,3-n.style.size);a<r.length&&"stack"!==r[a].type;a++){var i=Xt(e,cr(r[a]),"math"),o=i.height+i.depth;if("small"===r[a].type&&(o*=n.havingBaseStyle(r[a].style).sizeMultiplier),o>t)return r[a]}return r[r.length-1]},ur=function(e,t,r,n,a,i){var o;"<"===e||"\\lt"===e||"⟨"===e?e="\\langle":">"!==e&&"\\gt"!==e&&"⟩"!==e||(e="\\rangle"),o=l.contains(ir,e)?sr:l.contains(nr,e)?hr:lr;var s=mr(e,t,o,n);return"small"===s.type?function(e,t,r,n,a,i){var o=Ve.makeSymbol(e,"Main-Regular",a,n),s=Wt(o,t,n,i);return r&&jt(s,n,t),s}(e,s.style,r,n,a,i):"large"===s.type?$t(e,s.size,r,n,a,i):tr(e,t,r,n,a,i)},pr={sqrtImage:function(e,t){var r,n,a=t.havingBaseSizing(),i=mr("\\surd",e*a.sizeMultiplier,hr,a),o=a.sizeMultiplier,s=Math.max(0,t.minRuleThickness-t.fontMetrics().sqrtRuleThickness),l=0,h=0,c=0;return"small"===i.type?(e<1?o=1:e<1.4&&(o=.7),h=(1+s)/o,(r=rr("sqrtMain",l=(1+s+.08)/o,c=1e3+1e3*s+80,s,t)).style.minWidth="0.853em",n=.833/o):"large"===i.type?(c=1080*or[i.size],h=(or[i.size]+s)/o,l=(or[i.size]+s+.08)/o,(r=rr("sqrtSize"+i.size,l,c,s,t)).style.minWidth="1.02em",n=1/o):(l=e+s+.08,h=e+s,c=Math.floor(1e3*e+s)+80,(r=rr("sqrtTall",l,c,s,t)).style.minWidth="0.742em",n=1.056),r.height=h,r.style.height=F(l),{span:r,advanceWidth:n,ruleWidth:(t.fontMetrics().sqrtRuleThickness+s)*o}},sizedDelim:function(e,t,r,a,i){if("<"===e||"\\lt"===e||"⟨"===e?e="\\langle":">"!==e&&"\\gt"!==e&&"⟩"!==e||(e="\\rangle"),l.contains(nr,e)||l.contains(ir,e))return $t(e,t,!1,r,a,i);if(l.contains(ar,e))return tr(e,or[t],!1,r,a,i);throw new n("Illegal delimiter: '"+e+"'")},sizeToMaxHeight:or,customSizedDelim:ur,leftRightDelim:function(e,t,r,n,a,i){var o=n.fontMetrics().axisHeight*n.sizeMultiplier,s=5/n.fontMetrics().ptPerEm,l=Math.max(t-o,r+o),h=Math.max(l/500*901,2*l-s);return ur(e,h,!0,n,a,i)}},dr={"\\bigl":{mclass:"mopen",size:1},"\\Bigl":{mclass:"mopen",size:2},"\\biggl":{mclass:"mopen",size:3},"\\Biggl":{mclass:"mopen",size:4},"\\bigr":{mclass:"mclose",size:1},"\\Bigr":{mclass:"mclose",size:2},"\\biggr":{mclass:"mclose",size:3},"\\Biggr":{mclass:"mclose",size:4},"\\bigm":{mclass:"mrel",size:1},"\\Bigm":{mclass:"mrel",size:2},"\\biggm":{mclass:"mrel",size:3},"\\Biggm":{mclass:"mrel",size:4},"\\big":{mclass:"mord",size:1},"\\Big":{mclass:"mord",size:2},"\\bigg":{mclass:"mord",size:3},"\\Bigg":{mclass:"mord",size:4}},fr=["(","\\lparen",")","\\rparen","[","\\lbrack","]","\\rbrack","\\{","\\lbrace","\\}","\\rbrace","\\lfloor","\\rfloor","⌊","⌋","\\lceil","\\rceil","⌈","⌉","<",">","\\langle","⟨","\\rangle","⟩","\\lt","\\gt","\\lvert","\\rvert","\\lVert","\\rVert","\\lgroup","\\rgroup","⟮","⟯","\\lmoustache","\\rmoustache","⎰","⎱","/","\\backslash","|","\\vert","\\|","\\Vert","\\uparrow","\\Uparrow","\\downarrow","\\Downarrow","\\updownarrow","\\Updownarrow","."];function gr(e,t){var r=Ot(e);if(r&&l.contains(fr,r.text))return r;throw new n(r?"Invalid delimiter '"+r.text+"' after '"+t.funcName+"'":"Invalid delimiter type '"+e.type+"'",e)}function vr(e){if(!e.body)throw new Error("Bug: The leftright ParseNode wasn't fully parsed.")}Ze({type:"delimsizing",names:["\\bigl","\\Bigl","\\biggl","\\Biggl","\\bigr","\\Bigr","\\biggr","\\Biggr","\\bigm","\\Bigm","\\biggm","\\Biggm","\\big","\\Big","\\bigg","\\Bigg"],props:{numArgs:1,argTypes:["primitive"]},handler:function(e,t){var r=gr(t[0],e);return{type:"delimsizing",mode:e.parser.mode,size:dr[e.funcName].size,mclass:dr[e.funcName].mclass,delim:r.text}},htmlBuilder:function(e,t){return"."===e.delim?Ve.makeSpan([e.mclass]):pr.sizedDelim(e.delim,e.size,t,e.mode,[e.mclass])},mathmlBuilder:function(e){var t=[];"."!==e.delim&&t.push(vt(e.delim,e.mode));var r=new gt.MathNode("mo",t);"mopen"===e.mclass||"mclose"===e.mclass?r.setAttribute("fence","true"):r.setAttribute("fence","false"),r.setAttribute("stretchy","true");var n=F(pr.sizeToMaxHeight[e.size]);return r.setAttribute("minsize",n),r.setAttribute("maxsize",n),r}}),Ze({type:"leftright-right",names:["\\right"],props:{numArgs:1,primitive:!0},handler:function(e,t){var r=e.parser.gullet.macros.get("\\current@color");if(r&&"string"!=typeof r)throw new n("\\current@color set to non-string in \\right");return{type:"leftright-right",mode:e.parser.mode,delim:gr(t[0],e).text,color:r}}}),Ze({type:"leftright",names:["\\left"],props:{numArgs:1,primitive:!0},handler:function(e,t){var r=gr(t[0],e),n=e.parser;++n.leftrightDepth;var a=n.parseExpression(!1);--n.leftrightDepth,n.expect("\\right",!1);var i=qt(n.parseFunction(),"leftright-right");return{type:"leftright",mode:n.mode,body:a,left:r.text,right:i.delim,rightColor:i.color}},htmlBuilder:function(e,t){vr(e);for(var r,n,a=it(e.body,t,!0,["mopen","mclose"]),i=0,o=0,s=!1,l=0;l<a.length;l++)a[l].isMiddle?s=!0:(i=Math.max(a[l].height,i),o=Math.max(a[l].depth,o));if(i*=t.sizeMultiplier,o*=t.sizeMultiplier,r="."===e.left?ht(t,["mopen"]):pr.leftRightDelim(e.left,i,o,t,e.mode,["mopen"]),a.unshift(r),s)for(var h=1;h<a.length;h++){var c=a[h].isMiddle;c&&(a[h]=pr.leftRightDelim(c.delim,i,o,c.options,e.mode,[]))}if("."===e.right)n=ht(t,["mclose"]);else{var m=e.rightColor?t.withColor(e.rightColor):t;n=pr.leftRightDelim(e.right,i,o,m,e.mode,["mclose"])}return a.push(n),Ve.makeSpan(["minner"],a,t)},mathmlBuilder:function(e,t){vr(e);var r=xt(e.body,t);if("."!==e.left){var n=new gt.MathNode("mo",[vt(e.left,e.mode)]);n.setAttribute("fence","true"),r.unshift(n)}if("."!==e.right){var a=new gt.MathNode("mo",[vt(e.right,e.mode)]);a.setAttribute("fence","true"),e.rightColor&&a.setAttribute("mathcolor",e.rightColor),r.push(a)}return yt(r)}}),Ze({type:"middle",names:["\\middle"],props:{numArgs:1,primitive:!0},handler:function(e,t){var r=gr(t[0],e);if(!e.parser.leftrightDepth)throw new n("\\middle without preceding \\left",r);return{type:"middle",mode:e.parser.mode,delim:r.text}},htmlBuilder:function(e,t){var r;if("."===e.delim)r=ht(t,[]);else{r=pr.sizedDelim(e.delim,1,t,e.mode,[]);var n={delim:e.delim,options:t};r.isMiddle=n}return r},mathmlBuilder:function(e,t){var r="\\vert"===e.delim||"|"===e.delim?vt("|","text"):vt(e.delim,e.mode),n=new gt.MathNode("mo",[r]);return n.setAttribute("fence","true"),n.setAttribute("lspace","0.05em"),n.setAttribute("rspace","0.05em"),n}});var yr=function(e,t){var r,n,a,i=Ve.wrapFragment(ct(e.body,t),t),o=e.label.substr(1),s=t.sizeMultiplier,h=0,c=l.isCharacterBox(e.body);if("sout"===o)(r=Ve.makeSpan(["stretchy","sout"])).height=t.fontMetrics().defaultRuleThickness/s,h=-.5*t.fontMetrics().xHeight;else if("phase"===o){var m=P({number:.6,unit:"pt"},t),u=P({number:.35,unit:"ex"},t);s/=t.havingBaseSizing().sizeMultiplier;var p=i.height+i.depth+m+u;i.style.paddingLeft=F(p/2+m);var d=Math.floor(1e3*p*s),f="M400000 "+(n=d)+" H0 L"+n/2+" 0 l65 45 L145 "+(n-80)+" H400000z",g=new Z([new K("phase",f)],{width:"400em",height:F(d/1e3),viewBox:"0 0 400000 "+d,preserveAspectRatio:"xMinYMin slice"});(r=Ve.makeSvgSpan(["hide-tail"],[g],t)).style.height=F(p),h=i.depth+m+u}else{/cancel/.test(o)?c||i.classes.push("cancel-pad"):"angl"===o?i.classes.push("anglpad"):i.classes.push("boxpad");var v=0,y=0,b=0;/box/.test(o)?(b=Math.max(t.fontMetrics().fboxrule,t.minRuleThickness),y=v=t.fontMetrics().fboxsep+("colorbox"===o?0:b)):"angl"===o?(v=4*(b=Math.max(t.fontMetrics().defaultRuleThickness,t.minRuleThickness)),y=Math.max(0,.25-i.depth)):y=v=c?.2:0,r=Bt(i,o,v,y,t),/fbox|boxed|fcolorbox/.test(o)?(r.style.borderStyle="solid",r.style.borderWidth=F(b)):"angl"===o&&.049!==b&&(r.style.borderTopWidth=F(b),r.style.borderRightWidth=F(b)),h=i.depth+y,e.backgroundColor&&(r.style.backgroundColor=e.backgroundColor,e.borderColor&&(r.style.borderColor=e.borderColor))}if(e.backgroundColor)a=Ve.makeVList({positionType:"individualShift",children:[{type:"elem",elem:r,shift:h},{type:"elem",elem:i,shift:0}]},t);else{var x=/cancel|phase/.test(o)?["svg-align"]:[];a=Ve.makeVList({positionType:"individualShift",children:[{type:"elem",elem:i,shift:0},{type:"elem",elem:r,shift:h,wrapperClasses:x}]},t)}return/cancel/.test(o)&&(a.height=i.height,a.depth=i.depth),/cancel/.test(o)&&!c?Ve.makeSpan(["mord","cancel-lap"],[a],t):Ve.makeSpan(["mord"],[a],t)},br=function(e,t){var r=0,n=new gt.MathNode(e.label.indexOf("colorbox")>-1?"mpadded":"menclose",[kt(e.body,t)]);switch(e.label){case"\\cancel":n.setAttribute("notation","updiagonalstrike");break;case"\\bcancel":n.setAttribute("notation","downdiagonalstrike");break;case"\\phase":n.setAttribute("notation","phasorangle");break;case"\\sout":n.setAttribute("notation","horizontalstrike");break;case"\\fbox":n.setAttribute("notation","box");break;case"\\angl":n.setAttribute("notation","actuarial");break;case"\\fcolorbox":case"\\colorbox":if(r=t.fontMetrics().fboxsep*t.fontMetrics().ptPerEm,n.setAttribute("width","+"+2*r+"pt"),n.setAttribute("height","+"+2*r+"pt"),n.setAttribute("lspace",r+"pt"),n.setAttribute("voffset",r+"pt"),"\\fcolorbox"===e.label){var a=Math.max(t.fontMetrics().fboxrule,t.minRuleThickness);n.setAttribute("style","border: "+a+"em solid "+String(e.borderColor))}break;case"\\xcancel":n.setAttribute("notation","updiagonalstrike downdiagonalstrike")}return e.backgroundColor&&n.setAttribute("mathbackground",e.backgroundColor),n};Ze({type:"enclose",names:["\\colorbox"],props:{numArgs:2,allowedInText:!0,argTypes:["color","text"]},handler:function(e,t,r){var n=e.parser,a=e.funcName,i=qt(t[0],"color-token").color,o=t[1];return{type:"enclose",mode:n.mode,label:a,backgroundColor:i,body:o}},htmlBuilder:yr,mathmlBuilder:br}),Ze({type:"enclose",names:["\\fcolorbox"],props:{numArgs:3,allowedInText:!0,argTypes:["color","color","text"]},handler:function(e,t,r){var n=e.parser,a=e.funcName,i=qt(t[0],"color-token").color,o=qt(t[1],"color-token").color,s=t[2];return{type:"enclose",mode:n.mode,label:a,backgroundColor:o,borderColor:i,body:s}},htmlBuilder:yr,mathmlBuilder:br}),Ze({type:"enclose",names:["\\fbox"],props:{numArgs:1,argTypes:["hbox"],allowedInText:!0},handler:function(e,t){return{type:"enclose",mode:e.parser.mode,label:"\\fbox",body:t[0]}}}),Ze({type:"enclose",names:["\\cancel","\\bcancel","\\xcancel","\\sout","\\phase"],props:{numArgs:1},handler:function(e,t){var r=e.parser,n=e.funcName,a=t[0];return{type:"enclose",mode:r.mode,label:n,body:a}},htmlBuilder:yr,mathmlBuilder:br}),Ze({type:"enclose",names:["\\angl"],props:{numArgs:1,argTypes:["hbox"],allowedInText:!1},handler:function(e,t){return{type:"enclose",mode:e.parser.mode,label:"\\angl",body:t[0]}}});var xr={};function wr(e){for(var t=e.type,r=e.names,n=e.props,a=e.handler,i=e.htmlBuilder,o=e.mathmlBuilder,s={type:t,numArgs:n.numArgs||0,allowedInText:!1,numOptionalArgs:0,handler:a},l=0;l<r.length;++l)xr[r[l]]=s;i&&(je[t]=i),o&&($e[t]=o)}var kr={};function Sr(e,t){kr[e]=t}var Mr=function(){function e(e,t,r){this.lexer=void 0,this.start=void 0,this.end=void 0,this.lexer=e,this.start=t,this.end=r}return e.range=function(t,r){return r?t&&t.loc&&r.loc&&t.loc.lexer===r.loc.lexer?new e(t.loc.lexer,t.loc.start,r.loc.end):null:t&&t.loc},e}(),zr=function(){function e(e,t){this.text=void 0,this.loc=void 0,this.noexpand=void 0,this.treatAsRelax=void 0,this.text=e,this.loc=t}return e.prototype.range=function(t,r){return new e(r,Mr.range(this,t))},e}();function Ar(e){var t=[];e.consumeSpaces();for(var r=e.fetch().text;"\\hline"===r||"\\hdashline"===r;)e.consume(),t.push("\\hdashline"===r),e.consumeSpaces(),r=e.fetch().text;return t}var Tr=function(e){if(!e.parser.settings.displayMode)throw new n("{"+e.envName+"} can be used only in display mode.")};function Br(e){if(-1===e.indexOf("ed"))return-1===e.indexOf("*")}function Cr(e,t,r){var a=t.hskipBeforeAndAfter,i=t.addJot,o=t.cols,s=t.arraystretch,l=t.colSeparationType,h=t.autoTag,c=t.singleRow,m=t.emptySingleRow,u=t.maxNumCols,p=t.leqno;if(e.gullet.beginGroup(),c||e.gullet.macros.set("\\cr","\\\\\\relax"),!s){var d=e.gullet.expandMacroAsText("\\arraystretch");if(null==d)s=1;else if(!(s=parseFloat(d))||s<0)throw new n("Invalid \\arraystretch: "+d)}e.gullet.beginGroup();var f=[],g=[f],v=[],y=[],b=null!=h?[]:void 0;function x(){h&&e.gullet.macros.set("\\@eqnsw","1",!0)}function w(){b&&(e.gullet.macros.get("\\df@tag")?(b.push(e.subparse([new zr("\\df@tag")])),e.gullet.macros.set("\\df@tag",void 0,!0)):b.push(Boolean(h)&&"1"===e.gullet.macros.get("\\@eqnsw")))}for(x(),y.push(Ar(e));;){var k=e.parseExpression(!1,c?"\\end":"\\\\");e.gullet.endGroup(),e.gullet.beginGroup(),k={type:"ordgroup",mode:e.mode,body:k},r&&(k={type:"styling",mode:e.mode,style:r,body:[k]}),f.push(k);var S=e.fetch().text;if("&"===S){if(u&&f.length===u){if(c||l)throw new n("Too many tab characters: &",e.nextToken);e.settings.reportNonstrict("textEnv","Too few columns specified in the {array} column argument.")}e.consume()}else{if("\\end"===S){w(),1===f.length&&"styling"===k.type&&0===k.body[0].body.length&&(g.length>1||!m)&&g.pop(),y.length<g.length+1&&y.push([]);break}if("\\\\"!==S)throw new n("Expected & or \\\\ or \\cr or \\end",e.nextToken);e.consume();var M=void 0;" "!==e.gullet.future().text&&(M=e.parseSizeGroup(!0)),v.push(M?M.value:null),w(),y.push(Ar(e)),f=[],g.push(f),x()}}return e.gullet.endGroup(),e.gullet.endGroup(),{type:"array",mode:e.mode,addJot:i,arraystretch:s,body:g,cols:o,rowGaps:v,hskipBeforeAndAfter:a,hLinesBeforeRow:y,colSeparationType:l,tags:b,leqno:p}}function Nr(e){return"d"===e.substr(0,1)?"display":"text"}var qr=function(e,t){var r,a,i=e.body.length,o=e.hLinesBeforeRow,s=0,h=new Array(i),c=[],m=Math.max(t.fontMetrics().arrayRuleWidth,t.minRuleThickness),u=1/t.fontMetrics().ptPerEm,p=5*u;e.colSeparationType&&"small"===e.colSeparationType&&(p=t.havingStyle(x.SCRIPT).sizeMultiplier/t.sizeMultiplier*.2778);var d="CD"===e.colSeparationType?P({number:3,unit:"ex"},t):12*u,f=3*u,g=e.arraystretch*d,v=.7*g,y=.3*g,b=0;function w(e){for(var t=0;t<e.length;++t)t>0&&(b+=.25),c.push({pos:b,isDashed:e[t]})}for(w(o[0]),r=0;r<e.body.length;++r){var k=e.body[r],S=v,M=y;s<k.length&&(s=k.length);var z=new Array(k.length);for(a=0;a<k.length;++a){var A=ct(k[a],t);M<A.depth&&(M=A.depth),S<A.height&&(S=A.height),z[a]=A}var T=e.rowGaps[r],B=0;T&&(B=P(T,t))>0&&(M<(B+=y)&&(M=B),B=0),e.addJot&&(M+=f),z.height=S,z.depth=M,b+=S,z.pos=b,b+=M+B,h[r]=z,w(o[r+1])}var C,N,q=b/2+t.fontMetrics().axisHeight,I=e.cols||[],O=[],R=[];if(e.tags&&e.tags.some((function(e){return e})))for(r=0;r<i;++r){var H=h[r],E=H.pos-q,L=e.tags[r],D=void 0;(D=!0===L?Ve.makeSpan(["eqn-num"],[],t):!1===L?Ve.makeSpan([],[],t):Ve.makeSpan([],it(L,t,!0),t)).depth=H.depth,D.height=H.height,R.push({type:"elem",elem:D,shift:E})}for(a=0,N=0;a<s||N<I.length;++a,++N){for(var V=I[N]||{},G=!0;"separator"===V.type;){if(G||((C=Ve.makeSpan(["arraycolsep"],[])).style.width=F(t.fontMetrics().doubleRuleSep),O.push(C)),"|"!==V.separator&&":"!==V.separator)throw new n("Invalid separator type: "+V.separator);var U="|"===V.separator?"solid":"dashed",_=Ve.makeSpan(["vertical-separator"],[],t);_.style.height=F(b),_.style.borderRightWidth=F(m),_.style.borderRightStyle=U,_.style.margin="0 "+F(-m/2);var Y=b-q;Y&&(_.style.verticalAlign=F(-Y)),O.push(_),V=I[++N]||{},G=!1}if(!(a>=s)){var X=void 0;(a>0||e.hskipBeforeAndAfter)&&0!==(X=l.deflt(V.pregap,p))&&((C=Ve.makeSpan(["arraycolsep"],[])).style.width=F(X),O.push(C));var W=[];for(r=0;r<i;++r){var j=h[r],$=j[a];if($){var Z=j.pos-q;$.depth=j.depth,$.height=j.height,W.push({type:"elem",elem:$,shift:Z})}}W=Ve.makeVList({positionType:"individualShift",children:W},t),W=Ve.makeSpan(["col-align-"+(V.align||"c")],[W]),O.push(W),(a<s-1||e.hskipBeforeAndAfter)&&0!==(X=l.deflt(V.postgap,p))&&((C=Ve.makeSpan(["arraycolsep"],[])).style.width=F(X),O.push(C))}}if(h=Ve.makeSpan(["mtable"],O),c.length>0){for(var K=Ve.makeLineSpan("hline",t,m),J=Ve.makeLineSpan("hdashline",t,m),Q=[{type:"elem",elem:h,shift:0}];c.length>0;){var ee=c.pop(),te=ee.pos-q;ee.isDashed?Q.push({type:"elem",elem:J,shift:te}):Q.push({type:"elem",elem:K,shift:te})}h=Ve.makeVList({positionType:"individualShift",children:Q},t)}if(0===R.length)return Ve.makeSpan(["mord"],[h],t);var re=Ve.makeVList({positionType:"individualShift",children:R},t);return re=Ve.makeSpan(["tag"],[re],t),Ve.makeFragment([h,re])},Ir={c:"center ",l:"left ",r:"right "},Or=function(e,t){for(var r=[],n=new gt.MathNode("mtd",[],["mtr-glue"]),a=new gt.MathNode("mtd",[],["mml-eqn-num"]),i=0;i<e.body.length;i++){for(var o=e.body[i],s=[],l=0;l<o.length;l++)s.push(new gt.MathNode("mtd",[kt(o[l],t)]));e.tags&&e.tags[i]&&(s.unshift(n),s.push(n),e.leqno?s.unshift(a):s.push(a)),r.push(new gt.MathNode("mtr",s))}var h=new gt.MathNode("mtable",r),c=.5===e.arraystretch?.1:.16+e.arraystretch-1+(e.addJot?.09:0);h.setAttribute("rowspacing",F(c));var m="",u="";if(e.cols&&e.cols.length>0){var p=e.cols,d="",f=!1,g=0,v=p.length;"separator"===p[0].type&&(m+="top ",g=1),"separator"===p[p.length-1].type&&(m+="bottom ",v-=1);for(var y=g;y<v;y++)"align"===p[y].type?(u+=Ir[p[y].align],f&&(d+="none "),f=!0):"separator"===p[y].type&&f&&(d+="|"===p[y].separator?"solid ":"dashed ",f=!1);h.setAttribute("columnalign",u.trim()),/[sd]/.test(d)&&h.setAttribute("columnlines",d.trim())}if("align"===e.colSeparationType){for(var b=e.cols||[],x="",w=1;w<b.length;w++)x+=w%2?"0em ":"1em ";h.setAttribute("columnspacing",x.trim())}else"alignat"===e.colSeparationType||"gather"===e.colSeparationType?h.setAttribute("columnspacing","0em"):"small"===e.colSeparationType?h.setAttribute("columnspacing","0.2778em"):"CD"===e.colSeparationType?h.setAttribute("columnspacing","0.5em"):h.setAttribute("columnspacing","1em");var k="",S=e.hLinesBeforeRow;m+=S[0].length>0?"left ":"",m+=S[S.length-1].length>0?"right ":"";for(var M=1;M<S.length-1;M++)k+=0===S[M].length?"none ":S[M][0]?"dashed ":"solid ";return/[sd]/.test(k)&&h.setAttribute("rowlines",k.trim()),""!==m&&(h=new gt.MathNode("menclose",[h])).setAttribute("notation",m.trim()),e.arraystretch&&e.arraystretch<1&&(h=new gt.MathNode("mstyle",[h])).setAttribute("scriptlevel","1"),h},Rr=function(e,t){-1===e.envName.indexOf("ed")&&Tr(e);var r,a=[],i=e.envName.indexOf("at")>-1?"alignat":"align",o="split"===e.envName,s=Cr(e.parser,{cols:a,addJot:!0,autoTag:o?void 0:Br(e.envName),emptySingleRow:!0,colSeparationType:i,maxNumCols:o?2:void 0,leqno:e.parser.settings.leqno},"display"),l=0,h={type:"ordgroup",mode:e.mode,body:[]};if(t[0]&&"ordgroup"===t[0].type){for(var c="",m=0;m<t[0].body.length;m++)c+=qt(t[0].body[m],"textord").text;r=Number(c),l=2*r}var u=!l;s.body.forEach((function(e){for(var t=1;t<e.length;t+=2){var a=qt(e[t],"styling");qt(a.body[0],"ordgroup").body.unshift(h)}if(u)l<e.length&&(l=e.length);else{var i=e.length/2;if(r<i)throw new n("Too many math in a row: expected "+r+", but got "+i,e[0])}}));for(var p=0;p<l;++p){var d="r",f=0;p%2==1?d="l":p>0&&u&&(f=1),a[p]={type:"align",align:d,pregap:f,postgap:0}}return s.colSeparationType=u?"align":"alignat",s};wr({type:"array",names:["array","darray"],props:{numArgs:1},handler:function(e,t){var r=(Ot(t[0])?[t[0]]:qt(t[0],"ordgroup").body).map((function(e){var t=It(e).text;if(-1!=="lcr".indexOf(t))return{type:"align",align:t};if("|"===t)return{type:"separator",separator:"|"};if(":"===t)return{type:"separator",separator:":"};throw new n("Unknown column alignment: "+t,e)})),a={cols:r,hskipBeforeAndAfter:!0,maxNumCols:r.length};return Cr(e.parser,a,Nr(e.envName))},htmlBuilder:qr,mathmlBuilder:Or}),wr({type:"array",names:["matrix","pmatrix","bmatrix","Bmatrix","vmatrix","Vmatrix","matrix*","pmatrix*","bmatrix*","Bmatrix*","vmatrix*","Vmatrix*"],props:{numArgs:0},handler:function(e){var t={matrix:null,pmatrix:["(",")"],bmatrix:["[","]"],Bmatrix:["\\{","\\}"],vmatrix:["|","|"],Vmatrix:["\\Vert","\\Vert"]}[e.envName.replace("*","")],r="c",a={hskipBeforeAndAfter:!1,cols:[{type:"align",align:r}]};if("*"===e.envName.charAt(e.envName.length-1)){var i=e.parser;if(i.consumeSpaces(),"["===i.fetch().text){if(i.consume(),i.consumeSpaces(),r=i.fetch().text,-1==="lcr".indexOf(r))throw new n("Expected l or c or r",i.nextToken);i.consume(),i.consumeSpaces(),i.expect("]"),i.consume(),a.cols=[{type:"align",align:r}]}}var o=Cr(e.parser,a,Nr(e.envName)),s=Math.max.apply(Math,[0].concat(o.body.map((function(e){return e.length}))));return o.cols=new Array(s).fill({type:"align",align:r}),t?{type:"leftright",mode:e.mode,body:[o],left:t[0],right:t[1],rightColor:void 0}:o},htmlBuilder:qr,mathmlBuilder:Or}),wr({type:"array",names:["smallmatrix"],props:{numArgs:0},handler:function(e){var t=Cr(e.parser,{arraystretch:.5},"script");return t.colSeparationType="small",t},htmlBuilder:qr,mathmlBuilder:Or}),wr({type:"array",names:["subarray"],props:{numArgs:1},handler:function(e,t){var r=(Ot(t[0])?[t[0]]:qt(t[0],"ordgroup").body).map((function(e){var t=It(e).text;if(-1!=="lc".indexOf(t))return{type:"align",align:t};throw new n("Unknown column alignment: "+t,e)}));if(r.length>1)throw new n("{subarray} can contain only one column");var a={cols:r,hskipBeforeAndAfter:!1,arraystretch:.5};if((a=Cr(e.parser,a,"script")).body.length>0&&a.body[0].length>1)throw new n("{subarray} can contain only one column");return a},htmlBuilder:qr,mathmlBuilder:Or}),wr({type:"array",names:["cases","dcases","rcases","drcases"],props:{numArgs:0},handler:function(e){var t=Cr(e.parser,{arraystretch:1.2,cols:[{type:"align",align:"l",pregap:0,postgap:1},{type:"align",align:"l",pregap:0,postgap:0}]},Nr(e.envName));return{type:"leftright",mode:e.mode,body:[t],left:e.envName.indexOf("r")>-1?".":"\\{",right:e.envName.indexOf("r")>-1?"\\}":".",rightColor:void 0}},htmlBuilder:qr,mathmlBuilder:Or}),wr({type:"array",names:["align","align*","aligned","split"],props:{numArgs:0},handler:Rr,htmlBuilder:qr,mathmlBuilder:Or}),wr({type:"array",names:["gathered","gather","gather*"],props:{numArgs:0},handler:function(e){l.contains(["gather","gather*"],e.envName)&&Tr(e);var t={cols:[{type:"align",align:"c"}],addJot:!0,colSeparationType:"gather",autoTag:Br(e.envName),emptySingleRow:!0,leqno:e.parser.settings.leqno};return Cr(e.parser,t,"display")},htmlBuilder:qr,mathmlBuilder:Or}),wr({type:"array",names:["alignat","alignat*","alignedat"],props:{numArgs:1},handler:Rr,htmlBuilder:qr,mathmlBuilder:Or}),wr({type:"array",names:["equation","equation*"],props:{numArgs:0},handler:function(e){Tr(e);var t={autoTag:Br(e.envName),emptySingleRow:!0,singleRow:!0,maxNumCols:1,leqno:e.parser.settings.leqno};return Cr(e.parser,t,"display")},htmlBuilder:qr,mathmlBuilder:Or}),wr({type:"array",names:["CD"],props:{numArgs:0},handler:function(e){return Tr(e),function(e){var t=[];for(e.gullet.beginGroup(),e.gullet.macros.set("\\cr","\\\\\\relax"),e.gullet.beginGroup();;){t.push(e.parseExpression(!1,"\\\\")),e.gullet.endGroup(),e.gullet.beginGroup();var r=e.fetch().text;if("&"!==r&&"\\\\"!==r){if("\\end"===r){0===t[t.length-1].length&&t.pop();break}throw new n("Expected \\\\ or \\cr or \\end",e.nextToken)}e.consume()}for(var a,i,o=[],s=[o],l=0;l<t.length;l++){for(var h=t[l],c={type:"styling",body:[],mode:"math",style:"display"},m=0;m<h.length;m++)if(Pt(h[m])){o.push(c);var u=It(h[m+=1]).text,p=new Array(2);if(p[0]={type:"ordgroup",mode:"math",body:[]},p[1]={type:"ordgroup",mode:"math",body:[]},"=|.".indexOf(u)>-1);else{if(!("<>AV".indexOf(u)>-1))throw new n('Expected one of "<>AV=|." after @',h[m]);for(var d=0;d<2;d++){for(var f=!0,g=m+1;g<h.length;g++){if(a=h[g],i=u,("mathord"===a.type||"atom"===a.type)&&a.text===i){f=!1,m=g;break}if(Pt(h[g]))throw new n("Missing a "+u+" character to complete a CD arrow.",h[g]);p[d].body.push(h[g])}if(f)throw new n("Missing a "+u+" character to complete a CD arrow.",h[m])}}var v={type:"styling",body:[Ft(u,p,e)],mode:"math",style:"display"};o.push(v),c={type:"styling",body:[],mode:"math",style:"display"}}else c.body.push(h[m]);l%2==0?o.push(c):o.shift(),o=[],s.push(o)}return e.gullet.endGroup(),e.gullet.endGroup(),{type:"array",mode:"math",body:s,arraystretch:1,addJot:!0,rowGaps:[null],cols:new Array(s[0].length).fill({type:"align",align:"c",pregap:.25,postgap:.25}),colSeparationType:"CD",hLinesBeforeRow:new Array(s.length+1).fill([])}}(e.parser)},htmlBuilder:qr,mathmlBuilder:Or}),Sr("\\nonumber","\\gdef\\@eqnsw{0}"),Sr("\\notag","\\nonumber"),Ze({type:"text",names:["\\hline","\\hdashline"],props:{numArgs:0,allowedInText:!0,allowedInMath:!0},handler:function(e,t){throw new n(e.funcName+" valid only within array environment")}});var Hr=xr;Ze({type:"environment",names:["\\begin","\\end"],props:{numArgs:1,argTypes:["text"]},handler:function(e,t){var r=e.parser,a=e.funcName,i=t[0];if("ordgroup"!==i.type)throw new n("Invalid environment name",i);for(var o="",s=0;s<i.body.length;++s)o+=qt(i.body[s],"textord").text;if("\\begin"===a){if(!Hr.hasOwnProperty(o))throw new n("No such environment: "+o,i);var l=Hr[o],h=r.parseArguments("\\begin{"+o+"}",l),c=h.args,m=h.optArgs,u={mode:r.mode,envName:o,parser:r},p=l.handler(u,c,m);r.expect("\\end",!1);var d=r.nextToken,f=qt(r.parseFunction(),"environment");if(f.name!==o)throw new n("Mismatch: \\begin{"+o+"} matched by \\end{"+f.name+"}",d);return p}return{type:"environment",mode:r.mode,name:o,nameGroup:i}}});var Er=Ve.makeSpan;function Lr(e,t){var r=it(e.body,t,!0);return Er([e.mclass],r,t)}function Dr(e,t){var r,n=xt(e.body,t);return"minner"===e.mclass?r=new gt.MathNode("mpadded",n):"mord"===e.mclass?e.isCharacterBox?(r=n[0]).type="mi":r=new gt.MathNode("mi",n):(e.isCharacterBox?(r=n[0]).type="mo":r=new gt.MathNode("mo",n),"mbin"===e.mclass?(r.attributes.lspace="0.22em",r.attributes.rspace="0.22em"):"mpunct"===e.mclass?(r.attributes.lspace="0em",r.attributes.rspace="0.17em"):"mopen"===e.mclass||"mclose"===e.mclass?(r.attributes.lspace="0em",r.attributes.rspace="0em"):"minner"===e.mclass&&(r.attributes.lspace="0.0556em",r.attributes.width="+0.1111em")),r}Ze({type:"mclass",names:["\\mathord","\\mathbin","\\mathrel","\\mathopen","\\mathclose","\\mathpunct","\\mathinner"],props:{numArgs:1,primitive:!0},handler:function(e,t){var r=e.parser,n=e.funcName,a=t[0];return{type:"mclass",mode:r.mode,mclass:"m"+n.substr(5),body:Qe(a),isCharacterBox:l.isCharacterBox(a)}},htmlBuilder:Lr,mathmlBuilder:Dr});var Pr=function(e){var t="ordgroup"===e.type&&e.body.length?e.body[0]:e;return"atom"!==t.type||"bin"!==t.family&&"rel"!==t.family?"mord":"m"+t.family};Ze({type:"mclass",names:["\\@binrel"],props:{numArgs:2},handler:function(e,t){return{type:"mclass",mode:e.parser.mode,mclass:Pr(t[0]),body:Qe(t[1]),isCharacterBox:l.isCharacterBox(t[1])}}}),Ze({type:"mclass",names:["\\stackrel","\\overset","\\underset"],props:{numArgs:2},handler:function(e,t){var r,n=e.parser,a=e.funcName,i=t[1],o=t[0];r="\\stackrel"!==a?Pr(i):"mrel";var s={type:"op",mode:i.mode,limits:!0,alwaysHandleSupSub:!0,parentIsSupSub:!1,symbol:!1,suppressBaseShift:"\\stackrel"!==a,body:Qe(i)},h={type:"supsub",mode:o.mode,base:s,sup:"\\underset"===a?null:o,sub:"\\underset"===a?o:null};return{type:"mclass",mode:n.mode,mclass:r,body:[h],isCharacterBox:l.isCharacterBox(h)}},htmlBuilder:Lr,mathmlBuilder:Dr});var Fr=function(e,t){var r=e.font,n=t.withFont(r);return ct(e.body,n)},Vr=function(e,t){var r=e.font,n=t.withFont(r);return kt(e.body,n)},Gr={"\\Bbb":"\\mathbb","\\bold":"\\mathbf","\\frak":"\\mathfrak","\\bm":"\\boldsymbol"};Ze({type:"font",names:["\\mathrm","\\mathit","\\mathbf","\\mathnormal","\\mathbb","\\mathcal","\\mathfrak","\\mathscr","\\mathsf","\\mathtt","\\Bbb","\\bold","\\frak"],props:{numArgs:1,allowedInArgument:!0},handler:function(e,t){var r=e.parser,n=e.funcName,a=Je(t[0]),i=n;return i in Gr&&(i=Gr[i]),{type:"font",mode:r.mode,font:i.slice(1),body:a}},htmlBuilder:Fr,mathmlBuilder:Vr}),Ze({type:"mclass",names:["\\boldsymbol","\\bm"],props:{numArgs:1},handler:function(e,t){var r=e.parser,n=t[0],a=l.isCharacterBox(n);return{type:"mclass",mode:r.mode,mclass:Pr(n),body:[{type:"font",mode:r.mode,font:"boldsymbol",body:n}],isCharacterBox:a}}}),Ze({type:"font",names:["\\rm","\\sf","\\tt","\\bf","\\it","\\cal"],props:{numArgs:0,allowedInText:!0},handler:function(e,t){var r=e.parser,n=e.funcName,a=e.breakOnTokenText,i=r.mode,o=r.parseExpression(!0,a);return{type:"font",mode:i,font:"math"+n.slice(1),body:{type:"ordgroup",mode:r.mode,body:o}}},htmlBuilder:Fr,mathmlBuilder:Vr});var Ur=function(e,t){var r=t;return"display"===e?r=r.id>=x.SCRIPT.id?r.text():x.DISPLAY:"text"===e&&r.size===x.DISPLAY.size?r=x.TEXT:"script"===e?r=x.SCRIPT:"scriptscript"===e&&(r=x.SCRIPTSCRIPT),r},_r=function(e,t){var r,n=Ur(e.size,t.style),a=n.fracNum(),i=n.fracDen();r=t.havingStyle(a);var o=ct(e.numer,r,t);if(e.continued){var s=8.5/t.fontMetrics().ptPerEm,l=3.5/t.fontMetrics().ptPerEm;o.height=o.height<s?s:o.height,o.depth=o.depth<l?l:o.depth}r=t.havingStyle(i);var h,c,m,u,p,d,f,g,v,y,b=ct(e.denom,r,t);if(e.hasBarLine?(e.barSize?(c=P(e.barSize,t),h=Ve.makeLineSpan("frac-line",t,c)):h=Ve.makeLineSpan("frac-line",t),c=h.height,m=h.height):(h=null,c=0,m=t.fontMetrics().defaultRuleThickness),n.size===x.DISPLAY.size||"display"===e.size?(u=t.fontMetrics().num1,p=c>0?3*m:7*m,d=t.fontMetrics().denom1):(c>0?(u=t.fontMetrics().num2,p=m):(u=t.fontMetrics().num3,p=3*m),d=t.fontMetrics().denom2),h){var w=t.fontMetrics().axisHeight;u-o.depth-(w+.5*c)<p&&(u+=p-(u-o.depth-(w+.5*c))),w-.5*c-(b.height-d)<p&&(d+=p-(w-.5*c-(b.height-d)));var k=-(w-.5*c);f=Ve.makeVList({positionType:"individualShift",children:[{type:"elem",elem:b,shift:d},{type:"elem",elem:h,shift:k},{type:"elem",elem:o,shift:-u}]},t)}else{var S=u-o.depth-(b.height-d);S<p&&(u+=.5*(p-S),d+=.5*(p-S)),f=Ve.makeVList({positionType:"individualShift",children:[{type:"elem",elem:b,shift:d},{type:"elem",elem:o,shift:-u}]},t)}return r=t.havingStyle(n),f.height*=r.sizeMultiplier/t.sizeMultiplier,f.depth*=r.sizeMultiplier/t.sizeMultiplier,g=n.size===x.DISPLAY.size?t.fontMetrics().delim1:n.size===x.SCRIPTSCRIPT.size?t.havingStyle(x.SCRIPT).fontMetrics().delim2:t.fontMetrics().delim2,v=null==e.leftDelim?ht(t,["mopen"]):pr.customSizedDelim(e.leftDelim,g,!0,t.havingStyle(n),e.mode,["mopen"]),y=e.continued?Ve.makeSpan([]):null==e.rightDelim?ht(t,["mclose"]):pr.customSizedDelim(e.rightDelim,g,!0,t.havingStyle(n),e.mode,["mclose"]),Ve.makeSpan(["mord"].concat(r.sizingClasses(t)),[v,Ve.makeSpan(["mfrac"],[f]),y],t)},Yr=function(e,t){var r=new gt.MathNode("mfrac",[kt(e.numer,t),kt(e.denom,t)]);if(e.hasBarLine){if(e.barSize){var n=P(e.barSize,t);r.setAttribute("linethickness",F(n))}}else r.setAttribute("linethickness","0px");var a=Ur(e.size,t.style);if(a.size!==t.style.size){r=new gt.MathNode("mstyle",[r]);var i=a.size===x.DISPLAY.size?"true":"false";r.setAttribute("displaystyle",i),r.setAttribute("scriptlevel","0")}if(null!=e.leftDelim||null!=e.rightDelim){var o=[];if(null!=e.leftDelim){var s=new gt.MathNode("mo",[new gt.TextNode(e.leftDelim.replace("\\",""))]);s.setAttribute("fence","true"),o.push(s)}if(o.push(r),null!=e.rightDelim){var l=new gt.MathNode("mo",[new gt.TextNode(e.rightDelim.replace("\\",""))]);l.setAttribute("fence","true"),o.push(l)}return yt(o)}return r};Ze({type:"genfrac",names:["\\dfrac","\\frac","\\tfrac","\\dbinom","\\binom","\\tbinom","\\\\atopfrac","\\\\bracefrac","\\\\brackfrac"],props:{numArgs:2,allowedInArgument:!0},handler:function(e,t){var r,n=e.parser,a=e.funcName,i=t[0],o=t[1],s=null,l=null,h="auto";switch(a){case"\\dfrac":case"\\frac":case"\\tfrac":r=!0;break;case"\\\\atopfrac":r=!1;break;case"\\dbinom":case"\\binom":case"\\tbinom":r=!1,s="(",l=")";break;case"\\\\bracefrac":r=!1,s="\\{",l="\\}";break;case"\\\\brackfrac":r=!1,s="[",l="]";break;default:throw new Error("Unrecognized genfrac command")}switch(a){case"\\dfrac":case"\\dbinom":h="display";break;case"\\tfrac":case"\\tbinom":h="text"}return{type:"genfrac",mode:n.mode,continued:!1,numer:i,denom:o,hasBarLine:r,leftDelim:s,rightDelim:l,size:h,barSize:null}},htmlBuilder:_r,mathmlBuilder:Yr}),Ze({type:"genfrac",names:["\\cfrac"],props:{numArgs:2},handler:function(e,t){var r=e.parser,n=(e.funcName,t[0]),a=t[1];return{type:"genfrac",mode:r.mode,continued:!0,numer:n,denom:a,hasBarLine:!0,leftDelim:null,rightDelim:null,size:"display",barSize:null}}}),Ze({type:"infix",names:["\\over","\\choose","\\atop","\\brace","\\brack"],props:{numArgs:0,infix:!0},handler:function(e){var t,r=e.parser,n=e.funcName,a=e.token;switch(n){case"\\over":t="\\frac";break;case"\\choose":t="\\binom";break;case"\\atop":t="\\\\atopfrac";break;case"\\brace":t="\\\\bracefrac";break;case"\\brack":t="\\\\brackfrac";break;default:throw new Error("Unrecognized infix genfrac command")}return{type:"infix",mode:r.mode,replaceWith:t,token:a}}});var Xr=["display","text","script","scriptscript"],Wr=function(e){var t=null;return e.length>0&&(t="."===(t=e)?null:t),t};Ze({type:"genfrac",names:["\\genfrac"],props:{numArgs:6,allowedInArgument:!0,argTypes:["math","math","size","text","math","math"]},handler:function(e,t){var r,n=e.parser,a=t[4],i=t[5],o=Je(t[0]),s="atom"===o.type&&"open"===o.family?Wr(o.text):null,l=Je(t[1]),h="atom"===l.type&&"close"===l.family?Wr(l.text):null,c=qt(t[2],"size"),m=null;r=!!c.isBlank||(m=c.value).number>0;var u="auto",p=t[3];if("ordgroup"===p.type){if(p.body.length>0){var d=qt(p.body[0],"textord");u=Xr[Number(d.text)]}}else p=qt(p,"textord"),u=Xr[Number(p.text)];return{type:"genfrac",mode:n.mode,numer:a,denom:i,continued:!1,hasBarLine:r,barSize:m,leftDelim:s,rightDelim:h,size:u}},htmlBuilder:_r,mathmlBuilder:Yr}),Ze({type:"infix",names:["\\above"],props:{numArgs:1,argTypes:["size"],infix:!0},handler:function(e,t){var r=e.parser,n=(e.funcName,e.token);return{type:"infix",mode:r.mode,replaceWith:"\\\\abovefrac",size:qt(t[0],"size").value,token:n}}}),Ze({type:"genfrac",names:["\\\\abovefrac"],props:{numArgs:3,argTypes:["math","size","math"]},handler:function(e,t){var r=e.parser,n=(e.funcName,t[0]),a=function(e){if(!e)throw new Error("Expected non-null, but got "+String(e));return e}(qt(t[1],"infix").size),i=t[2],o=a.number>0;return{type:"genfrac",mode:r.mode,numer:n,denom:i,continued:!1,hasBarLine:o,barSize:a,leftDelim:null,rightDelim:null,size:"auto"}},htmlBuilder:_r,mathmlBuilder:Yr});var jr=function(e,t){var r,n,a=t.style;"supsub"===e.type?(r=e.sup?ct(e.sup,t.havingStyle(a.sup()),t):ct(e.sub,t.havingStyle(a.sub()),t),n=qt(e.base,"horizBrace")):n=qt(e,"horizBrace");var i,o=ct(n.base,t.havingBaseStyle(x.DISPLAY)),s=Nt(n,t);if(n.isOver?(i=Ve.makeVList({positionType:"firstBaseline",children:[{type:"elem",elem:o},{type:"kern",size:.1},{type:"elem",elem:s}]},t)).children[0].children[0].children[1].classes.push("svg-align"):(i=Ve.makeVList({positionType:"bottom",positionData:o.depth+.1+s.height,children:[{type:"elem",elem:s},{type:"kern",size:.1},{type:"elem",elem:o}]},t)).children[0].children[0].children[0].classes.push("svg-align"),r){var l=Ve.makeSpan(["mord",n.isOver?"mover":"munder"],[i],t);i=n.isOver?Ve.makeVList({positionType:"firstBaseline",children:[{type:"elem",elem:l},{type:"kern",size:.2},{type:"elem",elem:r}]},t):Ve.makeVList({positionType:"bottom",positionData:l.depth+.2+r.height+r.depth,children:[{type:"elem",elem:r},{type:"kern",size:.2},{type:"elem",elem:l}]},t)}return Ve.makeSpan(["mord",n.isOver?"mover":"munder"],[i],t)};Ze({type:"horizBrace",names:["\\overbrace","\\underbrace"],props:{numArgs:1},handler:function(e,t){var r=e.parser,n=e.funcName;return{type:"horizBrace",mode:r.mode,label:n,isOver:/^\\over/.test(n),base:t[0]}},htmlBuilder:jr,mathmlBuilder:function(e,t){var r=Ct(e.label);return new gt.MathNode(e.isOver?"mover":"munder",[kt(e.base,t),r])}}),Ze({type:"href",names:["\\href"],props:{numArgs:2,argTypes:["url","original"],allowedInText:!0},handler:function(e,t){var r=e.parser,n=t[1],a=qt(t[0],"url").url;return r.settings.isTrusted({command:"\\href",url:a})?{type:"href",mode:r.mode,href:a,body:Qe(n)}:r.formatUnsupportedCmd("\\href")},htmlBuilder:function(e,t){var r=it(e.body,t,!1);return Ve.makeAnchor(e.href,[],r,t)},mathmlBuilder:function(e,t){var r=wt(e.body,t);return r instanceof dt||(r=new dt("mrow",[r])),r.setAttribute("href",e.href),r}}),Ze({type:"href",names:["\\url"],props:{numArgs:1,argTypes:["url"],allowedInText:!0},handler:function(e,t){var r=e.parser,n=qt(t[0],"url").url;if(!r.settings.isTrusted({command:"\\url",url:n}))return r.formatUnsupportedCmd("\\url");for(var a=[],i=0;i<n.length;i++){var o=n[i];"~"===o&&(o="\\textasciitilde"),a.push({type:"textord",mode:"text",text:o})}var s={type:"text",mode:r.mode,font:"\\texttt",body:a};return{type:"href",mode:r.mode,href:n,body:Qe(s)}}}),Ze({type:"hbox",names:["\\hbox"],props:{numArgs:1,argTypes:["text"],allowedInText:!0,primitive:!0},handler:function(e,t){return{type:"hbox",mode:e.parser.mode,body:Qe(t[0])}},htmlBuilder:function(e,t){var r=it(e.body,t,!1);return Ve.makeFragment(r)},mathmlBuilder:function(e,t){return new gt.MathNode("mrow",xt(e.body,t))}}),Ze({type:"html",names:["\\htmlClass","\\htmlId","\\htmlStyle","\\htmlData"],props:{numArgs:2,argTypes:["raw","original"],allowedInText:!0},handler:function(e,t){var r,a=e.parser,i=e.funcName,o=(e.token,qt(t[0],"raw").string),s=t[1];a.settings.strict&&a.settings.reportNonstrict("htmlExtension","HTML extension is disabled on strict mode");var l={};switch(i){case"\\htmlClass":l.class=o,r={command:"\\htmlClass",class:o};break;case"\\htmlId":l.id=o,r={command:"\\htmlId",id:o};break;case"\\htmlStyle":l.style=o,r={command:"\\htmlStyle",style:o};break;case"\\htmlData":for(var h=o.split(","),c=0;c<h.length;c++){var m=h[c].split("=");if(2!==m.length)throw new n("Error parsing key-value for \\htmlData");l["data-"+m[0].trim()]=m[1].trim()}r={command:"\\htmlData",attributes:l};break;default:throw new Error("Unrecognized html command")}return a.settings.isTrusted(r)?{type:"html",mode:a.mode,attributes:l,body:Qe(s)}:a.formatUnsupportedCmd(i)},htmlBuilder:function(e,t){var r=it(e.body,t,!1),n=["enclosing"];e.attributes.class&&n.push.apply(n,e.attributes.class.trim().split(/\s+/));var a=Ve.makeSpan(n,r,t);for(var i in e.attributes)"class"!==i&&e.attributes.hasOwnProperty(i)&&a.setAttribute(i,e.attributes[i]);return a},mathmlBuilder:function(e,t){return wt(e.body,t)}}),Ze({type:"htmlmathml",names:["\\html@mathml"],props:{numArgs:2,allowedInText:!0},handler:function(e,t){return{type:"htmlmathml",mode:e.parser.mode,html:Qe(t[0]),mathml:Qe(t[1])}},htmlBuilder:function(e,t){var r=it(e.html,t,!1);return Ve.makeFragment(r)},mathmlBuilder:function(e,t){return wt(e.mathml,t)}});var $r=function(e){if(/^[-+]? *(\d+(\.\d*)?|\.\d+)$/.test(e))return{number:+e,unit:"bp"};var t=/([-+]?) *(\d+(?:\.\d*)?|\.\d+) *([a-z]{2})/.exec(e);if(!t)throw new n("Invalid size: '"+e+"' in \\includegraphics");var r={number:+(t[1]+t[2]),unit:t[3]};if(!D(r))throw new n("Invalid unit: '"+r.unit+"' in \\includegraphics.");return r};Ze({type:"includegraphics",names:["\\includegraphics"],props:{numArgs:1,numOptionalArgs:1,argTypes:["raw","url"],allowedInText:!1},handler:function(e,t,r){var a=e.parser,i={number:0,unit:"em"},o={number:.9,unit:"em"},s={number:0,unit:"em"},l="";if(r[0])for(var h=qt(r[0],"raw").string.split(","),c=0;c<h.length;c++){var m=h[c].split("=");if(2===m.length){var u=m[1].trim();switch(m[0].trim()){case"alt":l=u;break;case"width":i=$r(u);break;case"height":o=$r(u);break;case"totalheight":s=$r(u);break;default:throw new n("Invalid key: '"+m[0]+"' in \\includegraphics.")}}}var p=qt(t[0],"url").url;return""===l&&(l=(l=(l=p).replace(/^.*[\\/]/,"")).substring(0,l.lastIndexOf("."))),a.settings.isTrusted({command:"\\includegraphics",url:p})?{type:"includegraphics",mode:a.mode,alt:l,width:i,height:o,totalheight:s,src:p}:a.formatUnsupportedCmd("\\includegraphics")},htmlBuilder:function(e,t){var r=P(e.height,t),n=0;e.totalheight.number>0&&(n=P(e.totalheight,t)-r);var a=0;e.width.number>0&&(a=P(e.width,t));var i={height:F(r+n)};a>0&&(i.width=F(a)),n>0&&(i.verticalAlign=F(-n));var o=new W(e.src,e.alt,i);return o.height=r,o.depth=n,o},mathmlBuilder:function(e,t){var r=new gt.MathNode("mglyph",[]);r.setAttribute("alt",e.alt);var n=P(e.height,t),a=0;if(e.totalheight.number>0&&(a=P(e.totalheight,t)-n,r.setAttribute("valign",F(-a))),r.setAttribute("height",F(n+a)),e.width.number>0){var i=P(e.width,t);r.setAttribute("width",F(i))}return r.setAttribute("src",e.src),r}}),Ze({type:"kern",names:["\\kern","\\mkern","\\hskip","\\mskip"],props:{numArgs:1,argTypes:["size"],primitive:!0,allowedInText:!0},handler:function(e,t){var r=e.parser,n=e.funcName,a=qt(t[0],"size");if(r.settings.strict){var i="m"===n[1],o="mu"===a.value.unit;i?(o||r.settings.reportNonstrict("mathVsTextUnits","LaTeX's "+n+" supports only mu units, not "+a.value.unit+" units"),"math"!==r.mode&&r.settings.reportNonstrict("mathVsTextUnits","LaTeX's "+n+" works only in math mode")):o&&r.settings.reportNonstrict("mathVsTextUnits","LaTeX's "+n+" doesn't support mu units")}return{type:"kern",mode:r.mode,dimension:a.value}},htmlBuilder:function(e,t){return Ve.makeGlue(e.dimension,t)},mathmlBuilder:function(e,t){var r=P(e.dimension,t);return new gt.SpaceNode(r)}}),Ze({type:"lap",names:["\\mathllap","\\mathrlap","\\mathclap"],props:{numArgs:1,allowedInText:!0},handler:function(e,t){var r=e.parser,n=e.funcName,a=t[0];return{type:"lap",mode:r.mode,alignment:n.slice(5),body:a}},htmlBuilder:function(e,t){var r;"clap"===e.alignment?(r=Ve.makeSpan([],[ct(e.body,t)]),r=Ve.makeSpan(["inner"],[r],t)):r=Ve.makeSpan(["inner"],[ct(e.body,t)]);var n=Ve.makeSpan(["fix"],[]),a=Ve.makeSpan([e.alignment],[r,n],t),i=Ve.makeSpan(["strut"]);return i.style.height=F(a.height+a.depth),a.depth&&(i.style.verticalAlign=F(-a.depth)),a.children.unshift(i),a=Ve.makeSpan(["thinbox"],[a],t),Ve.makeSpan(["mord","vbox"],[a],t)},mathmlBuilder:function(e,t){var r=new gt.MathNode("mpadded",[kt(e.body,t)]);if("rlap"!==e.alignment){var n="llap"===e.alignment?"-1":"-0.5";r.setAttribute("lspace",n+"width")}return r.setAttribute("width","0px"),r}}),Ze({type:"styling",names:["\\(","$"],props:{numArgs:0,allowedInText:!0,allowedInMath:!1},handler:function(e,t){var r=e.funcName,n=e.parser,a=n.mode;n.switchMode("math");var i="\\("===r?"\\)":"$",o=n.parseExpression(!1,i);return n.expect(i),n.switchMode(a),{type:"styling",mode:n.mode,style:"text",body:o}}}),Ze({type:"text",names:["\\)","\\]"],props:{numArgs:0,allowedInText:!0,allowedInMath:!1},handler:function(e,t){throw new n("Mismatched "+e.funcName)}});var Zr=function(e,t){switch(t.style.size){case x.DISPLAY.size:return e.display;case x.TEXT.size:return e.text;case x.SCRIPT.size:return e.script;case x.SCRIPTSCRIPT.size:return e.scriptscript;default:return e.text}};Ze({type:"mathchoice",names:["\\mathchoice"],props:{numArgs:4,primitive:!0},handler:function(e,t){return{type:"mathchoice",mode:e.parser.mode,display:Qe(t[0]),text:Qe(t[1]),script:Qe(t[2]),scriptscript:Qe(t[3])}},htmlBuilder:function(e,t){var r=Zr(e,t),n=it(r,t,!1);return Ve.makeFragment(n)},mathmlBuilder:function(e,t){var r=Zr(e,t);return wt(r,t)}});var Kr=function(e,t,r,n,a,i,o){e=Ve.makeSpan([],[e]);var s,h,c,m=r&&l.isCharacterBox(r);if(t){var u=ct(t,n.havingStyle(a.sup()),n);h={elem:u,kern:Math.max(n.fontMetrics().bigOpSpacing1,n.fontMetrics().bigOpSpacing3-u.depth)}}if(r){var p=ct(r,n.havingStyle(a.sub()),n);s={elem:p,kern:Math.max(n.fontMetrics().bigOpSpacing2,n.fontMetrics().bigOpSpacing4-p.height)}}if(h&&s){var d=n.fontMetrics().bigOpSpacing5+s.elem.height+s.elem.depth+s.kern+e.depth+o;c=Ve.makeVList({positionType:"bottom",positionData:d,children:[{type:"kern",size:n.fontMetrics().bigOpSpacing5},{type:"elem",elem:s.elem,marginLeft:F(-i)},{type:"kern",size:s.kern},{type:"elem",elem:e},{type:"kern",size:h.kern},{type:"elem",elem:h.elem,marginLeft:F(i)},{type:"kern",size:n.fontMetrics().bigOpSpacing5}]},n)}else if(s){var f=e.height-o;c=Ve.makeVList({positionType:"top",positionData:f,children:[{type:"kern",size:n.fontMetrics().bigOpSpacing5},{type:"elem",elem:s.elem,marginLeft:F(-i)},{type:"kern",size:s.kern},{type:"elem",elem:e}]},n)}else{if(!h)return e;var g=e.depth+o;c=Ve.makeVList({positionType:"bottom",positionData:g,children:[{type:"elem",elem:e},{type:"kern",size:h.kern},{type:"elem",elem:h.elem,marginLeft:F(i)},{type:"kern",size:n.fontMetrics().bigOpSpacing5}]},n)}var v=[c];if(s&&0!==i&&!m){var y=Ve.makeSpan(["mspace"],[],n);y.style.marginRight=F(i),v.unshift(y)}return Ve.makeSpan(["mop","op-limits"],v,n)},Jr=["\\smallint"],Qr=function(e,t){var r,n,a,i=!1;"supsub"===e.type?(r=e.sup,n=e.sub,a=qt(e.base,"op"),i=!0):a=qt(e,"op");var o,s=t.style,h=!1;if(s.size===x.DISPLAY.size&&a.symbol&&!l.contains(Jr,a.name)&&(h=!0),a.symbol){var c=h?"Size2-Regular":"Size1-Regular",m="";if("\\oiint"!==a.name&&"\\oiiint"!==a.name||(m=a.name.substr(1),a.name="oiint"===m?"\\iint":"\\iiint"),o=Ve.makeSymbol(a.name,c,"math",t,["mop","op-symbol",h?"large-op":"small-op"]),m.length>0){var u=o.italic,p=Ve.staticSvg(m+"Size"+(h?"2":"1"),t);o=Ve.makeVList({positionType:"individualShift",children:[{type:"elem",elem:o,shift:0},{type:"elem",elem:p,shift:h?.08:0}]},t),a.name="\\"+m,o.classes.unshift("mop"),o.italic=u}}else if(a.body){var d=it(a.body,t,!0);1===d.length&&d[0]instanceof $?(o=d[0]).classes[0]="mop":o=Ve.makeSpan(["mop"],d,t)}else{for(var f=[],g=1;g<a.name.length;g++)f.push(Ve.mathsym(a.name[g],a.mode,t));o=Ve.makeSpan(["mop"],f,t)}var v=0,y=0;return(o instanceof $||"\\oiint"===a.name||"\\oiiint"===a.name)&&!a.suppressBaseShift&&(v=(o.height-o.depth)/2-t.fontMetrics().axisHeight,y=o.italic),i?Kr(o,r,n,t,s,y,v):(v&&(o.style.position="relative",o.style.top=F(v)),o)},en=function(e,t){var r;if(e.symbol)r=new dt("mo",[vt(e.name,e.mode)]),l.contains(Jr,e.name)&&r.setAttribute("largeop","false");else if(e.body)r=new dt("mo",xt(e.body,t));else{r=new dt("mi",[new ft(e.name.slice(1))]);var n=new dt("mo",[vt("⁡","text")]);r=e.parentIsSupSub?new dt("mrow",[r,n]):pt([r,n])}return r},tn={"∏":"\\prod","∐":"\\coprod","∑":"\\sum","⋀":"\\bigwedge","⋁":"\\bigvee","⋂":"\\bigcap","⋃":"\\bigcup","⨀":"\\bigodot","⨁":"\\bigoplus","⨂":"\\bigotimes","⨄":"\\biguplus","⨆":"\\bigsqcup"};Ze({type:"op",names:["\\coprod","\\bigvee","\\bigwedge","\\biguplus","\\bigcap","\\bigcup","\\intop","\\prod","\\sum","\\bigotimes","\\bigoplus","\\bigodot","\\bigsqcup","\\smallint","∏","∐","∑","⋀","⋁","⋂","⋃","⨀","⨁","⨂","⨄","⨆"],props:{numArgs:0},handler:function(e,t){var r=e.parser,n=e.funcName;return 1===n.length&&(n=tn[n]),{type:"op",mode:r.mode,limits:!0,parentIsSupSub:!1,symbol:!0,name:n}},htmlBuilder:Qr,mathmlBuilder:en}),Ze({type:"op",names:["\\mathop"],props:{numArgs:1,primitive:!0},handler:function(e,t){var r=e.parser,n=t[0];return{type:"op",mode:r.mode,limits:!1,parentIsSupSub:!1,symbol:!1,body:Qe(n)}},htmlBuilder:Qr,mathmlBuilder:en});var rn={"∫":"\\int","∬":"\\iint","∭":"\\iiint","∮":"\\oint","∯":"\\oiint","∰":"\\oiiint"};Ze({type:"op",names:["\\arcsin","\\arccos","\\arctan","\\arctg","\\arcctg","\\arg","\\ch","\\cos","\\cosec","\\cosh","\\cot","\\cotg","\\coth","\\csc","\\ctg","\\cth","\\deg","\\dim","\\exp","\\hom","\\ker","\\lg","\\ln","\\log","\\sec","\\sin","\\sinh","\\sh","\\tan","\\tanh","\\tg","\\th"],props:{numArgs:0},handler:function(e){var t=e.parser,r=e.funcName;return{type:"op",mode:t.mode,limits:!1,parentIsSupSub:!1,symbol:!1,name:r}},htmlBuilder:Qr,mathmlBuilder:en}),Ze({type:"op",names:["\\det","\\gcd","\\inf","\\lim","\\max","\\min","\\Pr","\\sup"],props:{numArgs:0},handler:function(e){var t=e.parser,r=e.funcName;return{type:"op",mode:t.mode,limits:!0,parentIsSupSub:!1,symbol:!1,name:r}},htmlBuilder:Qr,mathmlBuilder:en}),Ze({type:"op",names:["\\int","\\iint","\\iiint","\\oint","\\oiint","\\oiiint","∫","∬","∭","∮","∯","∰"],props:{numArgs:0},handler:function(e){var t=e.parser,r=e.funcName;return 1===r.length&&(r=rn[r]),{type:"op",mode:t.mode,limits:!1,parentIsSupSub:!1,symbol:!0,name:r}},htmlBuilder:Qr,mathmlBuilder:en});var nn=function(e,t){var r,n,a,i,o=!1;if("supsub"===e.type?(r=e.sup,n=e.sub,a=qt(e.base,"operatorname"),o=!0):a=qt(e,"operatorname"),a.body.length>0){for(var s=a.body.map((function(e){var t=e.text;return"string"==typeof t?{type:"textord",mode:e.mode,text:t}:e})),l=it(s,t.withFont("mathrm"),!0),h=0;h<l.length;h++){var c=l[h];c instanceof $&&(c.text=c.text.replace(/\u2212/,"-").replace(/\u2217/,"*"))}i=Ve.makeSpan(["mop"],l,t)}else i=Ve.makeSpan(["mop"],[],t);return o?Kr(i,r,n,t,t.style,0,0):i};function an(e,t,r){for(var n=it(e,t,!1),a=t.sizeMultiplier/r.sizeMultiplier,i=0;i<n.length;i++){var o=n[i].classes.indexOf("sizing");o<0?Array.prototype.push.apply(n[i].classes,t.sizingClasses(r)):n[i].classes[o+1]==="reset-size"+t.size&&(n[i].classes[o+1]="reset-size"+r.size),n[i].height*=a,n[i].depth*=a}return Ve.makeFragment(n)}Ze({type:"operatorname",names:["\\operatorname@","\\operatornamewithlimits"],props:{numArgs:1},handler:function(e,t){var r=e.parser,n=e.funcName,a=t[0];return{type:"operatorname",mode:r.mode,body:Qe(a),alwaysHandleSupSub:"\\operatornamewithlimits"===n,limits:!1,parentIsSupSub:!1}},htmlBuilder:nn,mathmlBuilder:function(e,t){for(var r=xt(e.body,t.withFont("mathrm")),n=!0,a=0;a<r.length;a++){var i=r[a];if(i instanceof gt.SpaceNode);else if(i instanceof gt.MathNode)switch(i.type){case"mi":case"mn":case"ms":case"mspace":case"mtext":break;case"mo":var o=i.children[0];1===i.children.length&&o instanceof gt.TextNode?o.text=o.text.replace(/\u2212/,"-").replace(/\u2217/,"*"):n=!1;break;default:n=!1}else n=!1}if(n){var s=r.map((function(e){return e.toText()})).join("");r=[new gt.TextNode(s)]}var l=new gt.MathNode("mi",r);l.setAttribute("mathvariant","normal");var h=new gt.MathNode("mo",[vt("⁡","text")]);return e.parentIsSupSub?new gt.MathNode("mrow",[l,h]):gt.newDocumentFragment([l,h])}}),Sr("\\operatorname","\\@ifstar\\operatornamewithlimits\\operatorname@"),Ke({type:"ordgroup",htmlBuilder:function(e,t){return e.semisimple?Ve.makeFragment(it(e.body,t,!1)):Ve.makeSpan(["mord"],it(e.body,t,!0),t)},mathmlBuilder:function(e,t){return wt(e.body,t,!0)}}),Ze({type:"overline",names:["\\overline"],props:{numArgs:1},handler:function(e,t){var r=e.parser,n=t[0];return{type:"overline",mode:r.mode,body:n}},htmlBuilder:function(e,t){var r=ct(e.body,t.havingCrampedStyle()),n=Ve.makeLineSpan("overline-line",t),a=t.fontMetrics().defaultRuleThickness,i=Ve.makeVList({positionType:"firstBaseline",children:[{type:"elem",elem:r},{type:"kern",size:3*a},{type:"elem",elem:n},{type:"kern",size:a}]},t);return Ve.makeSpan(["mord","overline"],[i],t)},mathmlBuilder:function(e,t){var r=new gt.MathNode("mo",[new gt.TextNode("‾")]);r.setAttribute("stretchy","true");var n=new gt.MathNode("mover",[kt(e.body,t),r]);return n.setAttribute("accent","true"),n}}),Ze({type:"phantom",names:["\\phantom"],props:{numArgs:1,allowedInText:!0},handler:function(e,t){var r=e.parser,n=t[0];return{type:"phantom",mode:r.mode,body:Qe(n)}},htmlBuilder:function(e,t){var r=it(e.body,t.withPhantom(),!1);return Ve.makeFragment(r)},mathmlBuilder:function(e,t){var r=xt(e.body,t);return new gt.MathNode("mphantom",r)}}),Ze({type:"hphantom",names:["\\hphantom"],props:{numArgs:1,allowedInText:!0},handler:function(e,t){var r=e.parser,n=t[0];return{type:"hphantom",mode:r.mode,body:n}},htmlBuilder:function(e,t){var r=Ve.makeSpan([],[ct(e.body,t.withPhantom())]);if(r.height=0,r.depth=0,r.children)for(var n=0;n<r.children.length;n++)r.children[n].height=0,r.children[n].depth=0;return r=Ve.makeVList({positionType:"firstBaseline",children:[{type:"elem",elem:r}]},t),Ve.makeSpan(["mord"],[r],t)},mathmlBuilder:function(e,t){var r=xt(Qe(e.body),t),n=new gt.MathNode("mphantom",r),a=new gt.MathNode("mpadded",[n]);return a.setAttribute("height","0px"),a.setAttribute("depth","0px"),a}}),Ze({type:"vphantom",names:["\\vphantom"],props:{numArgs:1,allowedInText:!0},handler:function(e,t){var r=e.parser,n=t[0];return{type:"vphantom",mode:r.mode,body:n}},htmlBuilder:function(e,t){var r=Ve.makeSpan(["inner"],[ct(e.body,t.withPhantom())]),n=Ve.makeSpan(["fix"],[]);return Ve.makeSpan(["mord","rlap"],[r,n],t)},mathmlBuilder:function(e,t){var r=xt(Qe(e.body),t),n=new gt.MathNode("mphantom",r),a=new gt.MathNode("mpadded",[n]);return a.setAttribute("width","0px"),a}}),Ze({type:"raisebox",names:["\\raisebox"],props:{numArgs:2,argTypes:["size","hbox"],allowedInText:!0},handler:function(e,t){var r=e.parser,n=qt(t[0],"size").value,a=t[1];return{type:"raisebox",mode:r.mode,dy:n,body:a}},htmlBuilder:function(e,t){var r=ct(e.body,t),n=P(e.dy,t);return Ve.makeVList({positionType:"shift",positionData:-n,children:[{type:"elem",elem:r}]},t)},mathmlBuilder:function(e,t){var r=new gt.MathNode("mpadded",[kt(e.body,t)]),n=e.dy.number+e.dy.unit;return r.setAttribute("voffset",n),r}}),Ze({type:"internal",names:["\\relax"],props:{numArgs:0,allowedInText:!0},handler:function(e){return{type:"internal",mode:e.parser.mode}}}),Ze({type:"rule",names:["\\rule"],props:{numArgs:2,numOptionalArgs:1,argTypes:["size","size","size"]},handler:function(e,t,r){var n=e.parser,a=r[0],i=qt(t[0],"size"),o=qt(t[1],"size");return{type:"rule",mode:n.mode,shift:a&&qt(a,"size").value,width:i.value,height:o.value}},htmlBuilder:function(e,t){var r=Ve.makeSpan(["mord","rule"],[],t),n=P(e.width,t),a=P(e.height,t),i=e.shift?P(e.shift,t):0;return r.style.borderRightWidth=F(n),r.style.borderTopWidth=F(a),r.style.bottom=F(i),r.width=n,r.height=a+i,r.depth=-i,r.maxFontSize=1.125*a*t.sizeMultiplier,r},mathmlBuilder:function(e,t){var r=P(e.width,t),n=P(e.height,t),a=e.shift?P(e.shift,t):0,i=t.color&&t.getColor()||"black",o=new gt.MathNode("mspace");o.setAttribute("mathbackground",i),o.setAttribute("width",F(r)),o.setAttribute("height",F(n));var s=new gt.MathNode("mpadded",[o]);return a>=0?s.setAttribute("height",F(a)):(s.setAttribute("height",F(a)),s.setAttribute("depth",F(-a))),s.setAttribute("voffset",F(a)),s}});var on=["\\tiny","\\sixptsize","\\scriptsize","\\footnotesize","\\small","\\normalsize","\\large","\\Large","\\LARGE","\\huge","\\Huge"];Ze({type:"sizing",names:on,props:{numArgs:0,allowedInText:!0},handler:function(e,t){var r=e.breakOnTokenText,n=e.funcName,a=e.parser,i=a.parseExpression(!1,r);return{type:"sizing",mode:a.mode,size:on.indexOf(n)+1,body:i}},htmlBuilder:function(e,t){var r=t.havingSize(e.size);return an(e.body,r,t)},mathmlBuilder:function(e,t){var r=t.havingSize(e.size),n=xt(e.body,r),a=new gt.MathNode("mstyle",n);return a.setAttribute("mathsize",F(r.sizeMultiplier)),a}}),Ze({type:"smash",names:["\\smash"],props:{numArgs:1,numOptionalArgs:1,allowedInText:!0},handler:function(e,t,r){var n=e.parser,a=!1,i=!1,o=r[0]&&qt(r[0],"ordgroup");if(o)for(var s="",l=0;l<o.body.length;++l)if("t"===(s=o.body[l].text))a=!0;else{if("b"!==s){a=!1,i=!1;break}i=!0}else a=!0,i=!0;var h=t[0];return{type:"smash",mode:n.mode,body:h,smashHeight:a,smashDepth:i}},htmlBuilder:function(e,t){var r=Ve.makeSpan([],[ct(e.body,t)]);if(!e.smashHeight&&!e.smashDepth)return r;if(e.smashHeight&&(r.height=0,r.children))for(var n=0;n<r.children.length;n++)r.children[n].height=0;if(e.smashDepth&&(r.depth=0,r.children))for(var a=0;a<r.children.length;a++)r.children[a].depth=0;var i=Ve.makeVList({positionType:"firstBaseline",children:[{type:"elem",elem:r}]},t);return Ve.makeSpan(["mord"],[i],t)},mathmlBuilder:function(e,t){var r=new gt.MathNode("mpadded",[kt(e.body,t)]);return e.smashHeight&&r.setAttribute("height","0px"),e.smashDepth&&r.setAttribute("depth","0px"),r}}),Ze({type:"sqrt",names:["\\sqrt"],props:{numArgs:1,numOptionalArgs:1},handler:function(e,t,r){var n=e.parser,a=r[0],i=t[0];return{type:"sqrt",mode:n.mode,body:i,index:a}},htmlBuilder:function(e,t){var r=ct(e.body,t.havingCrampedStyle());0===r.height&&(r.height=t.fontMetrics().xHeight),r=Ve.wrapFragment(r,t);var n=t.fontMetrics().defaultRuleThickness,a=n;t.style.id<x.TEXT.id&&(a=t.fontMetrics().xHeight);var i=n+a/4,o=r.height+r.depth+i+n,s=pr.sqrtImage(o,t),l=s.span,h=s.ruleWidth,c=s.advanceWidth,m=l.height-h;m>r.height+r.depth+i&&(i=(i+m-r.height-r.depth)/2);var u=l.height-r.height-i-h;r.style.paddingLeft=F(c);var p=Ve.makeVList({positionType:"firstBaseline",children:[{type:"elem",elem:r,wrapperClasses:["svg-align"]},{type:"kern",size:-(r.height+u)},{type:"elem",elem:l},{type:"kern",size:h}]},t);if(e.index){var d=t.havingStyle(x.SCRIPTSCRIPT),f=ct(e.index,d,t),g=.6*(p.height-p.depth),v=Ve.makeVList({positionType:"shift",positionData:-g,children:[{type:"elem",elem:f}]},t),y=Ve.makeSpan(["root"],[v]);return Ve.makeSpan(["mord","sqrt"],[y,p],t)}return Ve.makeSpan(["mord","sqrt"],[p],t)},mathmlBuilder:function(e,t){var r=e.body,n=e.index;return n?new gt.MathNode("mroot",[kt(r,t),kt(n,t)]):new gt.MathNode("msqrt",[kt(r,t)])}});var sn={display:x.DISPLAY,text:x.TEXT,script:x.SCRIPT,scriptscript:x.SCRIPTSCRIPT};Ze({type:"styling",names:["\\displaystyle","\\textstyle","\\scriptstyle","\\scriptscriptstyle"],props:{numArgs:0,allowedInText:!0,primitive:!0},handler:function(e,t){var r=e.breakOnTokenText,n=e.funcName,a=e.parser,i=a.parseExpression(!0,r),o=n.slice(1,n.length-5);return{type:"styling",mode:a.mode,style:o,body:i}},htmlBuilder:function(e,t){var r=sn[e.style],n=t.havingStyle(r).withFont("");return an(e.body,n,t)},mathmlBuilder:function(e,t){var r=sn[e.style],n=t.havingStyle(r),a=xt(e.body,n),i=new gt.MathNode("mstyle",a),o={display:["0","true"],text:["0","false"],script:["1","false"],scriptscript:["2","false"]}[e.style];return i.setAttribute("scriptlevel",o[0]),i.setAttribute("displaystyle",o[1]),i}});var ln=function(e,t){var r=e.base;return r?"op"===r.type?r.limits&&(t.style.size===x.DISPLAY.size||r.alwaysHandleSupSub)?Qr:null:"operatorname"===r.type?r.alwaysHandleSupSub&&(t.style.size===x.DISPLAY.size||r.limits)?nn:null:"accent"===r.type?l.isCharacterBox(r.base)?Rt:null:"horizBrace"===r.type&&!e.sub===r.isOver?jr:null:null};Ke({type:"supsub",htmlBuilder:function(e,t){var r=ln(e,t);if(r)return r(e,t);var n,a,i,o=e.base,s=e.sup,h=e.sub,c=ct(o,t),m=t.fontMetrics(),u=0,p=0,d=o&&l.isCharacterBox(o);if(s){var f=t.havingStyle(t.style.sup());n=ct(s,f,t),d||(u=c.height-f.fontMetrics().supDrop*f.sizeMultiplier/t.sizeMultiplier)}if(h){var g=t.havingStyle(t.style.sub());a=ct(h,g,t),d||(p=c.depth+g.fontMetrics().subDrop*g.sizeMultiplier/t.sizeMultiplier)}i=t.style===x.DISPLAY?m.sup1:t.style.cramped?m.sup3:m.sup2;var v,y=t.sizeMultiplier,b=F(.5/m.ptPerEm/y),w=null;if(a){var k=e.base&&"op"===e.base.type&&e.base.name&&("\\oiint"===e.base.name||"\\oiiint"===e.base.name);(c instanceof $||k)&&(w=F(-c.italic))}if(n&&a){u=Math.max(u,i,n.depth+.25*m.xHeight),p=Math.max(p,m.sub2);var S=4*m.defaultRuleThickness;if(u-n.depth-(a.height-p)<S){p=S-(u-n.depth)+a.height;var M=.8*m.xHeight-(u-n.depth);M>0&&(u+=M,p-=M)}var z=[{type:"elem",elem:a,shift:p,marginRight:b,marginLeft:w},{type:"elem",elem:n,shift:-u,marginRight:b}];v=Ve.makeVList({positionType:"individualShift",children:z},t)}else if(a){p=Math.max(p,m.sub1,a.height-.8*m.xHeight);var A=[{type:"elem",elem:a,marginLeft:w,marginRight:b}];v=Ve.makeVList({positionType:"shift",positionData:p,children:A},t)}else{if(!n)throw new Error("supsub must have either sup or sub.");u=Math.max(u,i,n.depth+.25*m.xHeight),v=Ve.makeVList({positionType:"shift",positionData:-u,children:[{type:"elem",elem:n,marginRight:b}]},t)}var T=lt(c,"right")||"mord";return Ve.makeSpan([T],[c,Ve.makeSpan(["msupsub"],[v])],t)},mathmlBuilder:function(e,t){var r,n=!1;e.base&&"horizBrace"===e.base.type&&!!e.sup===e.base.isOver&&(n=!0,r=e.base.isOver),!e.base||"op"!==e.base.type&&"operatorname"!==e.base.type||(e.base.parentIsSupSub=!0);var a,i=[kt(e.base,t)];if(e.sub&&i.push(kt(e.sub,t)),e.sup&&i.push(kt(e.sup,t)),n)a=r?"mover":"munder";else if(e.sub)if(e.sup){var o=e.base;a=o&&"op"===o.type&&o.limits&&t.style===x.DISPLAY||o&&"operatorname"===o.type&&o.alwaysHandleSupSub&&(t.style===x.DISPLAY||o.limits)?"munderover":"msubsup"}else{var s=e.base;a=s&&"op"===s.type&&s.limits&&(t.style===x.DISPLAY||s.alwaysHandleSupSub)||s&&"operatorname"===s.type&&s.alwaysHandleSupSub&&(s.limits||t.style===x.DISPLAY)?"munder":"msub"}else{var l=e.base;a=l&&"op"===l.type&&l.limits&&(t.style===x.DISPLAY||l.alwaysHandleSupSub)||l&&"operatorname"===l.type&&l.alwaysHandleSupSub&&(l.limits||t.style===x.DISPLAY)?"mover":"msup"}return new gt.MathNode(a,i)}}),Ke({type:"atom",htmlBuilder:function(e,t){return Ve.mathsym(e.text,e.mode,t,["m"+e.family])},mathmlBuilder:function(e,t){var r=new gt.MathNode("mo",[vt(e.text,e.mode)]);if("bin"===e.family){var n=bt(e,t);"bold-italic"===n&&r.setAttribute("mathvariant",n)}else"punct"===e.family?r.setAttribute("separator","true"):"open"!==e.family&&"close"!==e.family||r.setAttribute("stretchy","false");return r}});var hn={mi:"italic",mn:"normal",mtext:"normal"};Ke({type:"mathord",htmlBuilder:function(e,t){return Ve.makeOrd(e,t,"mathord")},mathmlBuilder:function(e,t){var r=new gt.MathNode("mi",[vt(e.text,e.mode,t)]),n=bt(e,t)||"italic";return n!==hn[r.type]&&r.setAttribute("mathvariant",n),r}}),Ke({type:"textord",htmlBuilder:function(e,t){return Ve.makeOrd(e,t,"textord")},mathmlBuilder:function(e,t){var r,n=vt(e.text,e.mode,t),a=bt(e,t)||"normal";return r="text"===e.mode?new gt.MathNode("mtext",[n]):/[0-9]/.test(e.text)?new gt.MathNode("mn",[n]):"\\prime"===e.text?new gt.MathNode("mo",[n]):new gt.MathNode("mi",[n]),a!==hn[r.type]&&r.setAttribute("mathvariant",a),r}});var cn={"\\nobreak":"nobreak","\\allowbreak":"allowbreak"},mn={" ":{},"\\ ":{},"~":{className:"nobreak"},"\\space":{},"\\nobreakspace":{className:"nobreak"}};Ke({type:"spacing",htmlBuilder:function(e,t){if(mn.hasOwnProperty(e.text)){var r=mn[e.text].className||"";if("text"===e.mode){var a=Ve.makeOrd(e,t,"textord");return a.classes.push(r),a}return Ve.makeSpan(["mspace",r],[Ve.mathsym(e.text,e.mode,t)],t)}if(cn.hasOwnProperty(e.text))return Ve.makeSpan(["mspace",cn[e.text]],[],t);throw new n('Unknown type of space "'+e.text+'"')},mathmlBuilder:function(e,t){if(!mn.hasOwnProperty(e.text)){if(cn.hasOwnProperty(e.text))return new gt.MathNode("mspace");throw new n('Unknown type of space "'+e.text+'"')}return new gt.MathNode("mtext",[new gt.TextNode(" ")])}});var un=function(){var e=new gt.MathNode("mtd",[]);return e.setAttribute("width","50%"),e};Ke({type:"tag",mathmlBuilder:function(e,t){var r=new gt.MathNode("mtable",[new gt.MathNode("mtr",[un(),new gt.MathNode("mtd",[wt(e.body,t)]),un(),new gt.MathNode("mtd",[wt(e.tag,t)])])]);return r.setAttribute("width","100%"),r}});var pn={"\\text":void 0,"\\textrm":"textrm","\\textsf":"textsf","\\texttt":"texttt","\\textnormal":"textrm"},dn={"\\textbf":"textbf","\\textmd":"textmd"},fn={"\\textit":"textit","\\textup":"textup"},gn=function(e,t){var r=e.font;return r?pn[r]?t.withTextFontFamily(pn[r]):dn[r]?t.withTextFontWeight(dn[r]):t.withTextFontShape(fn[r]):t};Ze({type:"text",names:["\\text","\\textrm","\\textsf","\\texttt","\\textnormal","\\textbf","\\textmd","\\textit","\\textup"],props:{numArgs:1,argTypes:["text"],allowedInArgument:!0,allowedInText:!0},handler:function(e,t){var r=e.parser,n=e.funcName,a=t[0];return{type:"text",mode:r.mode,body:Qe(a),font:n}},htmlBuilder:function(e,t){var r=gn(e,t),n=it(e.body,r,!0);return Ve.makeSpan(["mord","text"],n,r)},mathmlBuilder:function(e,t){var r=gn(e,t);return wt(e.body,r)}}),Ze({type:"underline",names:["\\underline"],props:{numArgs:1,allowedInText:!0},handler:function(e,t){return{type:"underline",mode:e.parser.mode,body:t[0]}},htmlBuilder:function(e,t){var r=ct(e.body,t),n=Ve.makeLineSpan("underline-line",t),a=t.fontMetrics().defaultRuleThickness,i=Ve.makeVList({positionType:"top",positionData:r.height,children:[{type:"kern",size:a},{type:"elem",elem:n},{type:"kern",size:3*a},{type:"elem",elem:r}]},t);return Ve.makeSpan(["mord","underline"],[i],t)},mathmlBuilder:function(e,t){var r=new gt.MathNode("mo",[new gt.TextNode("‾")]);r.setAttribute("stretchy","true");var n=new gt.MathNode("munder",[kt(e.body,t),r]);return n.setAttribute("accentunder","true"),n}}),Ze({type:"vcenter",names:["\\vcenter"],props:{numArgs:1,argTypes:["original"],allowedInText:!1},handler:function(e,t){return{type:"vcenter",mode:e.parser.mode,body:t[0]}},htmlBuilder:function(e,t){var r=ct(e.body,t),n=t.fontMetrics().axisHeight,a=.5*(r.height-n-(r.depth+n));return Ve.makeVList({positionType:"shift",positionData:a,children:[{type:"elem",elem:r}]},t)},mathmlBuilder:function(e,t){return new gt.MathNode("mpadded",[kt(e.body,t)],["vcenter"])}}),Ze({type:"verb",names:["\\verb"],props:{numArgs:0,allowedInText:!0},handler:function(e,t,r){throw new n("\\verb ended by end of line instead of matching delimiter")},htmlBuilder:function(e,t){for(var r=vn(e),n=[],a=t.havingStyle(t.style.text()),i=0;i<r.length;i++){var o=r[i];"~"===o&&(o="\\textasciitilde"),n.push(Ve.makeSymbol(o,"Typewriter-Regular",e.mode,a,["mord","texttt"]))}return Ve.makeSpan(["mord","text"].concat(a.sizingClasses(t)),Ve.tryCombineChars(n),a)},mathmlBuilder:function(e,t){var r=new gt.TextNode(vn(e)),n=new gt.MathNode("mtext",[r]);return n.setAttribute("mathvariant","monospace"),n}});var vn=function(e){return e.body.replace(/ /g,e.star?"␣":" ")},yn=We,bn=new RegExp("[̀-ͯ]+$"),xn=function(){function e(e,t){this.input=void 0,this.settings=void 0,this.tokenRegex=void 0,this.catcodes=void 0,this.input=e,this.settings=t,this.tokenRegex=new RegExp("([ \r\n\t]+)|\\\\(\n|[ \r\t]+\n?)[ \r\t]*|([!-\\[\\]-‧‪-퟿豈-￿][̀-ͯ]*|[\ud800-\udbff][\udc00-\udfff][̀-ͯ]*|\\\\verb\\*([^]).*?\\4|\\\\verb([^*a-zA-Z]).*?\\5|(\\\\[a-zA-Z@]+)[ \r\n\t]*|\\\\[^\ud800-\udfff])","g"),this.catcodes={"%":14,"~":13}}var t=e.prototype;return t.setCatcode=function(e,t){this.catcodes[e]=t},t.lex=function(){var e=this.input,t=this.tokenRegex.lastIndex;if(t===e.length)return new zr("EOF",new Mr(this,t,t));var r=this.tokenRegex.exec(e);if(null===r||r.index!==t)throw new n("Unexpected character: '"+e[t]+"'",new zr(e[t],new Mr(this,t,t+1)));var a=r[6]||r[3]||(r[2]?"\\ ":" ");if(14===this.catcodes[a]){var i=e.indexOf("\n",this.tokenRegex.lastIndex);return-1===i?(this.tokenRegex.lastIndex=e.length,this.settings.reportNonstrict("commentAtEnd","% comment has no terminating newline; LaTeX would fail because of commenting the end of math mode (e.g. $)")):this.tokenRegex.lastIndex=i+1,this.lex()}return new zr(a,new Mr(this,t,this.tokenRegex.lastIndex))},e}(),wn=function(){function e(e,t){void 0===e&&(e={}),void 0===t&&(t={}),this.current=void 0,this.builtins=void 0,this.undefStack=void 0,this.current=t,this.builtins=e,this.undefStack=[]}var t=e.prototype;return t.beginGroup=function(){this.undefStack.push({})},t.endGroup=function(){if(0===this.undefStack.length)throw new n("Unbalanced namespace destruction: attempt to pop global namespace; please report this as a bug");var e=this.undefStack.pop();for(var t in e)e.hasOwnProperty(t)&&(null==e[t]?delete this.current[t]:this.current[t]=e[t])},t.endGroups=function(){for(;this.undefStack.length>0;)this.endGroup()},t.has=function(e){return this.current.hasOwnProperty(e)||this.builtins.hasOwnProperty(e)},t.get=function(e){return this.current.hasOwnProperty(e)?this.current[e]:this.builtins[e]},t.set=function(e,t,r){if(void 0===r&&(r=!1),r){for(var n=0;n<this.undefStack.length;n++)delete this.undefStack[n][e];this.undefStack.length>0&&(this.undefStack[this.undefStack.length-1][e]=t)}else{var a=this.undefStack[this.undefStack.length-1];a&&!a.hasOwnProperty(e)&&(a[e]=this.current[e])}null==t?delete this.current[e]:this.current[e]=t},e}(),kn=kr;Sr("\\noexpand",(function(e){var t=e.popToken();return e.isExpandable(t.text)&&(t.noexpand=!0,t.treatAsRelax=!0),{tokens:[t],numArgs:0}})),Sr("\\expandafter",(function(e){var t=e.popToken();return e.expandOnce(!0),{tokens:[t],numArgs:0}})),Sr("\\@firstoftwo",(function(e){return{tokens:e.consumeArgs(2)[0],numArgs:0}})),Sr("\\@secondoftwo",(function(e){return{tokens:e.consumeArgs(2)[1],numArgs:0}})),Sr("\\@ifnextchar",(function(e){var t=e.consumeArgs(3);e.consumeSpaces();var r=e.future();return 1===t[0].length&&t[0][0].text===r.text?{tokens:t[1],numArgs:0}:{tokens:t[2],numArgs:0}})),Sr("\\@ifstar","\\@ifnextchar *{\\@firstoftwo{#1}}"),Sr("\\TextOrMath",(function(e){var t=e.consumeArgs(2);return"text"===e.mode?{tokens:t[0],numArgs:0}:{tokens:t[1],numArgs:0}}));var Sn={0:0,1:1,2:2,3:3,4:4,5:5,6:6,7:7,8:8,9:9,a:10,A:10,b:11,B:11,c:12,C:12,d:13,D:13,e:14,E:14,f:15,F:15};Sr("\\char",(function(e){var t,r=e.popToken(),a="";if("'"===r.text)t=8,r=e.popToken();else if('"'===r.text)t=16,r=e.popToken();else if("`"===r.text)if("\\"===(r=e.popToken()).text[0])a=r.text.charCodeAt(1);else{if("EOF"===r.text)throw new n("\\char` missing argument");a=r.text.charCodeAt(0)}else t=10;if(t){if(null==(a=Sn[r.text])||a>=t)throw new n("Invalid base-"+t+" digit "+r.text);for(var i;null!=(i=Sn[e.future().text])&&i<t;)a*=t,a+=i,e.popToken()}return"\\@char{"+a+"}"}));var Mn=function(e,t,r){var a=e.consumeArg().tokens;if(1!==a.length)throw new n("\\newcommand's first argument must be a macro name");var i=a[0].text,o=e.isDefined(i);if(o&&!t)throw new n("\\newcommand{"+i+"} attempting to redefine "+i+"; use \\renewcommand");if(!o&&!r)throw new n("\\renewcommand{"+i+"} when command "+i+" does not yet exist; use \\newcommand");var s=0;if(1===(a=e.consumeArg().tokens).length&&"["===a[0].text){for(var l="",h=e.expandNextToken();"]"!==h.text&&"EOF"!==h.text;)l+=h.text,h=e.expandNextToken();if(!l.match(/^\s*[0-9]+\s*$/))throw new n("Invalid number of arguments: "+l);s=parseInt(l),a=e.consumeArg().tokens}return e.macros.set(i,{tokens:a,numArgs:s}),""};Sr("\\newcommand",(function(e){return Mn(e,!1,!0)})),Sr("\\renewcommand",(function(e){return Mn(e,!0,!1)})),Sr("\\providecommand",(function(e){return Mn(e,!0,!0)})),Sr("\\message",(function(e){var t=e.consumeArgs(1)[0];return console.log(t.reverse().map((function(e){return e.text})).join("")),""})),Sr("\\errmessage",(function(e){var t=e.consumeArgs(1)[0];return console.error(t.reverse().map((function(e){return e.text})).join("")),""})),Sr("\\show",(function(e){var t=e.popToken(),r=t.text;return console.log(t,e.macros.get(r),yn[r],ne.math[r],ne.text[r]),""})),Sr("\\bgroup","{"),Sr("\\egroup","}"),Sr("~","\\nobreakspace"),Sr("\\lq","`"),Sr("\\rq","'"),Sr("\\aa","\\r a"),Sr("\\AA","\\r A"),Sr("\\textcopyright","\\html@mathml{\\textcircled{c}}{\\char`©}"),Sr("\\copyright","\\TextOrMath{\\textcopyright}{\\text{\\textcopyright}}"),Sr("\\textregistered","\\html@mathml{\\textcircled{\\scriptsize R}}{\\char`®}"),Sr("ℬ","\\mathscr{B}"),Sr("ℰ","\\mathscr{E}"),Sr("ℱ","\\mathscr{F}"),Sr("ℋ","\\mathscr{H}"),Sr("ℐ","\\mathscr{I}"),Sr("ℒ","\\mathscr{L}"),Sr("ℳ","\\mathscr{M}"),Sr("ℛ","\\mathscr{R}"),Sr("ℭ","\\mathfrak{C}"),Sr("ℌ","\\mathfrak{H}"),Sr("ℨ","\\mathfrak{Z}"),Sr("\\Bbbk","\\Bbb{k}"),Sr("·","\\cdotp"),Sr("\\llap","\\mathllap{\\textrm{#1}}"),Sr("\\rlap","\\mathrlap{\\textrm{#1}}"),Sr("\\clap","\\mathclap{\\textrm{#1}}"),Sr("\\mathstrut","\\vphantom{(}"),Sr("\\underbar","\\underline{\\text{#1}}"),Sr("\\not",'\\html@mathml{\\mathrel{\\mathrlap\\@not}}{\\char"338}'),Sr("\\neq","\\html@mathml{\\mathrel{\\not=}}{\\mathrel{\\char`≠}}"),Sr("\\ne","\\neq"),Sr("≠","\\neq"),Sr("\\notin","\\html@mathml{\\mathrel{{\\in}\\mathllap{/\\mskip1mu}}}{\\mathrel{\\char`∉}}"),Sr("∉","\\notin"),Sr("≘","\\html@mathml{\\mathrel{=\\kern{-1em}\\raisebox{0.4em}{$\\scriptsize\\frown$}}}{\\mathrel{\\char`≘}}"),Sr("≙","\\html@mathml{\\stackrel{\\tiny\\wedge}{=}}{\\mathrel{\\char`≘}}"),Sr("≚","\\html@mathml{\\stackrel{\\tiny\\vee}{=}}{\\mathrel{\\char`≚}}"),Sr("≛","\\html@mathml{\\stackrel{\\scriptsize\\star}{=}}{\\mathrel{\\char`≛}}"),Sr("≝","\\html@mathml{\\stackrel{\\tiny\\mathrm{def}}{=}}{\\mathrel{\\char`≝}}"),Sr("≞","\\html@mathml{\\stackrel{\\tiny\\mathrm{m}}{=}}{\\mathrel{\\char`≞}}"),Sr("≟","\\html@mathml{\\stackrel{\\tiny?}{=}}{\\mathrel{\\char`≟}}"),Sr("⟂","\\perp"),Sr("‼","\\mathclose{!\\mkern-0.8mu!}"),Sr("∌","\\notni"),Sr("⌜","\\ulcorner"),Sr("⌝","\\urcorner"),Sr("⌞","\\llcorner"),Sr("⌟","\\lrcorner"),Sr("©","\\copyright"),Sr("®","\\textregistered"),Sr("️","\\textregistered"),Sr("\\ulcorner",'\\html@mathml{\\@ulcorner}{\\mathop{\\char"231c}}'),Sr("\\urcorner",'\\html@mathml{\\@urcorner}{\\mathop{\\char"231d}}'),Sr("\\llcorner",'\\html@mathml{\\@llcorner}{\\mathop{\\char"231e}}'),Sr("\\lrcorner",'\\html@mathml{\\@lrcorner}{\\mathop{\\char"231f}}'),Sr("\\vdots","\\mathord{\\varvdots\\rule{0pt}{15pt}}"),Sr("⋮","\\vdots"),Sr("\\varGamma","\\mathit{\\Gamma}"),Sr("\\varDelta","\\mathit{\\Delta}"),Sr("\\varTheta","\\mathit{\\Theta}"),Sr("\\varLambda","\\mathit{\\Lambda}"),Sr("\\varXi","\\mathit{\\Xi}"),Sr("\\varPi","\\mathit{\\Pi}"),Sr("\\varSigma","\\mathit{\\Sigma}"),Sr("\\varUpsilon","\\mathit{\\Upsilon}"),Sr("\\varPhi","\\mathit{\\Phi}"),Sr("\\varPsi","\\mathit{\\Psi}"),Sr("\\varOmega","\\mathit{\\Omega}"),Sr("\\substack","\\begin{subarray}{c}#1\\end{subarray}"),Sr("\\colon","\\nobreak\\mskip2mu\\mathpunct{}\\mathchoice{\\mkern-3mu}{\\mkern-3mu}{}{}{:}\\mskip6mu\\relax"),Sr("\\boxed","\\fbox{$\\displaystyle{#1}$}"),Sr("\\iff","\\DOTSB\\;\\Longleftrightarrow\\;"),Sr("\\implies","\\DOTSB\\;\\Longrightarrow\\;"),Sr("\\impliedby","\\DOTSB\\;\\Longleftarrow\\;");var zn={",":"\\dotsc","\\not":"\\dotsb","+":"\\dotsb","=":"\\dotsb","<":"\\dotsb",">":"\\dotsb","-":"\\dotsb","*":"\\dotsb",":":"\\dotsb","\\DOTSB":"\\dotsb","\\coprod":"\\dotsb","\\bigvee":"\\dotsb","\\bigwedge":"\\dotsb","\\biguplus":"\\dotsb","\\bigcap":"\\dotsb","\\bigcup":"\\dotsb","\\prod":"\\dotsb","\\sum":"\\dotsb","\\bigotimes":"\\dotsb","\\bigoplus":"\\dotsb","\\bigodot":"\\dotsb","\\bigsqcup":"\\dotsb","\\And":"\\dotsb","\\longrightarrow":"\\dotsb","\\Longrightarrow":"\\dotsb","\\longleftarrow":"\\dotsb","\\Longleftarrow":"\\dotsb","\\longleftrightarrow":"\\dotsb","\\Longleftrightarrow":"\\dotsb","\\mapsto":"\\dotsb","\\longmapsto":"\\dotsb","\\hookrightarrow":"\\dotsb","\\doteq":"\\dotsb","\\mathbin":"\\dotsb","\\mathrel":"\\dotsb","\\relbar":"\\dotsb","\\Relbar":"\\dotsb","\\xrightarrow":"\\dotsb","\\xleftarrow":"\\dotsb","\\DOTSI":"\\dotsi","\\int":"\\dotsi","\\oint":"\\dotsi","\\iint":"\\dotsi","\\iiint":"\\dotsi","\\iiiint":"\\dotsi","\\idotsint":"\\dotsi","\\DOTSX":"\\dotsx"};Sr("\\dots",(function(e){var t="\\dotso",r=e.expandAfterFuture().text;return r in zn?t=zn[r]:("\\not"===r.substr(0,4)||r in ne.math&&l.contains(["bin","rel"],ne.math[r].group))&&(t="\\dotsb"),t}));var An={")":!0,"]":!0,"\\rbrack":!0,"\\}":!0,"\\rbrace":!0,"\\rangle":!0,"\\rceil":!0,"\\rfloor":!0,"\\rgroup":!0,"\\rmoustache":!0,"\\right":!0,"\\bigr":!0,"\\biggr":!0,"\\Bigr":!0,"\\Biggr":!0,$:!0,";":!0,".":!0,",":!0};Sr("\\dotso",(function(e){return e.future().text in An?"\\ldots\\,":"\\ldots"})),Sr("\\dotsc",(function(e){var t=e.future().text;return t in An&&","!==t?"\\ldots\\,":"\\ldots"})),Sr("\\cdots",(function(e){return e.future().text in An?"\\@cdots\\,":"\\@cdots"})),Sr("\\dotsb","\\cdots"),Sr("\\dotsm","\\cdots"),Sr("\\dotsi","\\!\\cdots"),Sr("\\dotsx","\\ldots\\,"),Sr("\\DOTSI","\\relax"),Sr("\\DOTSB","\\relax"),Sr("\\DOTSX","\\relax"),Sr("\\tmspace","\\TextOrMath{\\kern#1#3}{\\mskip#1#2}\\relax"),Sr("\\,","\\tmspace+{3mu}{.1667em}"),Sr("\\thinspace","\\,"),Sr("\\>","\\mskip{4mu}"),Sr("\\:","\\tmspace+{4mu}{.2222em}"),Sr("\\medspace","\\:"),Sr("\\;","\\tmspace+{5mu}{.2777em}"),Sr("\\thickspace","\\;"),Sr("\\!","\\tmspace-{3mu}{.1667em}"),Sr("\\negthinspace","\\!"),Sr("\\negmedspace","\\tmspace-{4mu}{.2222em}"),Sr("\\negthickspace","\\tmspace-{5mu}{.277em}"),Sr("\\enspace","\\kern.5em "),Sr("\\enskip","\\hskip.5em\\relax"),Sr("\\quad","\\hskip1em\\relax"),Sr("\\qquad","\\hskip2em\\relax"),Sr("\\tag","\\@ifstar\\tag@literal\\tag@paren"),Sr("\\tag@paren","\\tag@literal{({#1})}"),Sr("\\tag@literal",(function(e){if(e.macros.get("\\df@tag"))throw new n("Multiple \\tag");return"\\gdef\\df@tag{\\text{#1}}"})),Sr("\\bmod","\\mathchoice{\\mskip1mu}{\\mskip1mu}{\\mskip5mu}{\\mskip5mu}\\mathbin{\\rm mod}\\mathchoice{\\mskip1mu}{\\mskip1mu}{\\mskip5mu}{\\mskip5mu}"),Sr("\\pod","\\allowbreak\\mathchoice{\\mkern18mu}{\\mkern8mu}{\\mkern8mu}{\\mkern8mu}(#1)"),Sr("\\pmod","\\pod{{\\rm mod}\\mkern6mu#1}"),Sr("\\mod","\\allowbreak\\mathchoice{\\mkern18mu}{\\mkern12mu}{\\mkern12mu}{\\mkern12mu}{\\rm mod}\\,\\,#1"),Sr("\\pmb","\\html@mathml{\\@binrel{#1}{\\mathrlap{#1}\\kern0.5px#1}}{\\mathbf{#1}}"),Sr("\\newline","\\\\\\relax"),Sr("\\TeX","\\textrm{\\html@mathml{T\\kern-.1667em\\raisebox{-.5ex}{E}\\kern-.125emX}{TeX}}");var Tn=F(A["Main-Regular"]["T".charCodeAt(0)][1]-.7*A["Main-Regular"]["A".charCodeAt(0)][1]);Sr("\\LaTeX","\\textrm{\\html@mathml{L\\kern-.36em\\raisebox{"+Tn+"}{\\scriptstyle A}\\kern-.15em\\TeX}{LaTeX}}"),Sr("\\KaTeX","\\textrm{\\html@mathml{K\\kern-.17em\\raisebox{"+Tn+"}{\\scriptstyle A}\\kern-.15em\\TeX}{KaTeX}}"),Sr("\\hspace","\\@ifstar\\@hspacer\\@hspace"),Sr("\\@hspace","\\hskip #1\\relax"),Sr("\\@hspacer","\\rule{0pt}{0pt}\\hskip #1\\relax"),Sr("\\ordinarycolon",":"),Sr("\\vcentcolon","\\mathrel{\\mathop\\ordinarycolon}"),Sr("\\dblcolon",'\\html@mathml{\\mathrel{\\vcentcolon\\mathrel{\\mkern-.9mu}\\vcentcolon}}{\\mathop{\\char"2237}}'),Sr("\\coloneqq",'\\html@mathml{\\mathrel{\\vcentcolon\\mathrel{\\mkern-1.2mu}=}}{\\mathop{\\char"2254}}'),Sr("\\Coloneqq",'\\html@mathml{\\mathrel{\\dblcolon\\mathrel{\\mkern-1.2mu}=}}{\\mathop{\\char"2237\\char"3d}}'),Sr("\\coloneq",'\\html@mathml{\\mathrel{\\vcentcolon\\mathrel{\\mkern-1.2mu}\\mathrel{-}}}{\\mathop{\\char"3a\\char"2212}}'),Sr("\\Coloneq",'\\html@mathml{\\mathrel{\\dblcolon\\mathrel{\\mkern-1.2mu}\\mathrel{-}}}{\\mathop{\\char"2237\\char"2212}}'),Sr("\\eqqcolon",'\\html@mathml{\\mathrel{=\\mathrel{\\mkern-1.2mu}\\vcentcolon}}{\\mathop{\\char"2255}}'),Sr("\\Eqqcolon",'\\html@mathml{\\mathrel{=\\mathrel{\\mkern-1.2mu}\\dblcolon}}{\\mathop{\\char"3d\\char"2237}}'),Sr("\\eqcolon",'\\html@mathml{\\mathrel{\\mathrel{-}\\mathrel{\\mkern-1.2mu}\\vcentcolon}}{\\mathop{\\char"2239}}'),Sr("\\Eqcolon",'\\html@mathml{\\mathrel{\\mathrel{-}\\mathrel{\\mkern-1.2mu}\\dblcolon}}{\\mathop{\\char"2212\\char"2237}}'),Sr("\\colonapprox",'\\html@mathml{\\mathrel{\\vcentcolon\\mathrel{\\mkern-1.2mu}\\approx}}{\\mathop{\\char"3a\\char"2248}}'),Sr("\\Colonapprox",'\\html@mathml{\\mathrel{\\dblcolon\\mathrel{\\mkern-1.2mu}\\approx}}{\\mathop{\\char"2237\\char"2248}}'),Sr("\\colonsim",'\\html@mathml{\\mathrel{\\vcentcolon\\mathrel{\\mkern-1.2mu}\\sim}}{\\mathop{\\char"3a\\char"223c}}'),Sr("\\Colonsim",'\\html@mathml{\\mathrel{\\dblcolon\\mathrel{\\mkern-1.2mu}\\sim}}{\\mathop{\\char"2237\\char"223c}}'),Sr("∷","\\dblcolon"),Sr("∹","\\eqcolon"),Sr("≔","\\coloneqq"),Sr("≕","\\eqqcolon"),Sr("⩴","\\Coloneqq"),Sr("\\ratio","\\vcentcolon"),Sr("\\coloncolon","\\dblcolon"),Sr("\\colonequals","\\coloneqq"),Sr("\\coloncolonequals","\\Coloneqq"),Sr("\\equalscolon","\\eqqcolon"),Sr("\\equalscoloncolon","\\Eqqcolon"),Sr("\\colonminus","\\coloneq"),Sr("\\coloncolonminus","\\Coloneq"),Sr("\\minuscolon","\\eqcolon"),Sr("\\minuscoloncolon","\\Eqcolon"),Sr("\\coloncolonapprox","\\Colonapprox"),Sr("\\coloncolonsim","\\Colonsim"),Sr("\\simcolon","\\mathrel{\\sim\\mathrel{\\mkern-1.2mu}\\vcentcolon}"),Sr("\\simcoloncolon","\\mathrel{\\sim\\mathrel{\\mkern-1.2mu}\\dblcolon}"),Sr("\\approxcolon","\\mathrel{\\approx\\mathrel{\\mkern-1.2mu}\\vcentcolon}"),Sr("\\approxcoloncolon","\\mathrel{\\approx\\mathrel{\\mkern-1.2mu}\\dblcolon}"),Sr("\\notni","\\html@mathml{\\not\\ni}{\\mathrel{\\char`∌}}"),Sr("\\limsup","\\DOTSB\\operatorname*{lim\\,sup}"),Sr("\\liminf","\\DOTSB\\operatorname*{lim\\,inf}"),Sr("\\injlim","\\DOTSB\\operatorname*{inj\\,lim}"),Sr("\\projlim","\\DOTSB\\operatorname*{proj\\,lim}"),Sr("\\varlimsup","\\DOTSB\\operatorname*{\\overline{lim}}"),Sr("\\varliminf","\\DOTSB\\operatorname*{\\underline{lim}}"),Sr("\\varinjlim","\\DOTSB\\operatorname*{\\underrightarrow{lim}}"),Sr("\\varprojlim","\\DOTSB\\operatorname*{\\underleftarrow{lim}}"),Sr("\\gvertneqq","\\html@mathml{\\@gvertneqq}{≩}"),Sr("\\lvertneqq","\\html@mathml{\\@lvertneqq}{≨}"),Sr("\\ngeqq","\\html@mathml{\\@ngeqq}{≱}"),Sr("\\ngeqslant","\\html@mathml{\\@ngeqslant}{≱}"),Sr("\\nleqq","\\html@mathml{\\@nleqq}{≰}"),Sr("\\nleqslant","\\html@mathml{\\@nleqslant}{≰}"),Sr("\\nshortmid","\\html@mathml{\\@nshortmid}{∤}"),Sr("\\nshortparallel","\\html@mathml{\\@nshortparallel}{∦}"),Sr("\\nsubseteqq","\\html@mathml{\\@nsubseteqq}{⊈}"),Sr("\\nsupseteqq","\\html@mathml{\\@nsupseteqq}{⊉}"),Sr("\\varsubsetneq","\\html@mathml{\\@varsubsetneq}{⊊}"),Sr("\\varsubsetneqq","\\html@mathml{\\@varsubsetneqq}{⫋}"),Sr("\\varsupsetneq","\\html@mathml{\\@varsupsetneq}{⊋}"),Sr("\\varsupsetneqq","\\html@mathml{\\@varsupsetneqq}{⫌}"),Sr("\\imath","\\html@mathml{\\@imath}{ı}"),Sr("\\jmath","\\html@mathml{\\@jmath}{ȷ}"),Sr("\\llbracket","\\html@mathml{\\mathopen{[\\mkern-3.2mu[}}{\\mathopen{\\char`⟦}}"),Sr("\\rrbracket","\\html@mathml{\\mathclose{]\\mkern-3.2mu]}}{\\mathclose{\\char`⟧}}"),Sr("⟦","\\llbracket"),Sr("⟧","\\rrbracket"),Sr("\\lBrace","\\html@mathml{\\mathopen{\\{\\mkern-3.2mu[}}{\\mathopen{\\char`⦃}}"),Sr("\\rBrace","\\html@mathml{\\mathclose{]\\mkern-3.2mu\\}}}{\\mathclose{\\char`⦄}}"),Sr("⦃","\\lBrace"),Sr("⦄","\\rBrace"),Sr("\\minuso","\\mathbin{\\html@mathml{{\\mathrlap{\\mathchoice{\\kern{0.145em}}{\\kern{0.145em}}{\\kern{0.1015em}}{\\kern{0.0725em}}\\circ}{-}}}{\\char`⦵}}"),Sr("⦵","\\minuso"),Sr("\\darr","\\downarrow"),Sr("\\dArr","\\Downarrow"),Sr("\\Darr","\\Downarrow"),Sr("\\lang","\\langle"),Sr("\\rang","\\rangle"),Sr("\\uarr","\\uparrow"),Sr("\\uArr","\\Uparrow"),Sr("\\Uarr","\\Uparrow"),Sr("\\N","\\mathbb{N}"),Sr("\\R","\\mathbb{R}"),Sr("\\Z","\\mathbb{Z}"),Sr("\\alef","\\aleph"),Sr("\\alefsym","\\aleph"),Sr("\\Alpha","\\mathrm{A}"),Sr("\\Beta","\\mathrm{B}"),Sr("\\bull","\\bullet"),Sr("\\Chi","\\mathrm{X}"),Sr("\\clubs","\\clubsuit"),Sr("\\cnums","\\mathbb{C}"),Sr("\\Complex","\\mathbb{C}"),Sr("\\Dagger","\\ddagger"),Sr("\\diamonds","\\diamondsuit"),Sr("\\empty","\\emptyset"),Sr("\\Epsilon","\\mathrm{E}"),Sr("\\Eta","\\mathrm{H}"),Sr("\\exist","\\exists"),Sr("\\harr","\\leftrightarrow"),Sr("\\hArr","\\Leftrightarrow"),Sr("\\Harr","\\Leftrightarrow"),Sr("\\hearts","\\heartsuit"),Sr("\\image","\\Im"),Sr("\\infin","\\infty"),Sr("\\Iota","\\mathrm{I}"),Sr("\\isin","\\in"),Sr("\\Kappa","\\mathrm{K}"),Sr("\\larr","\\leftarrow"),Sr("\\lArr","\\Leftarrow"),Sr("\\Larr","\\Leftarrow"),Sr("\\lrarr","\\leftrightarrow"),Sr("\\lrArr","\\Leftrightarrow"),Sr("\\Lrarr","\\Leftrightarrow"),Sr("\\Mu","\\mathrm{M}"),Sr("\\natnums","\\mathbb{N}"),Sr("\\Nu","\\mathrm{N}"),Sr("\\Omicron","\\mathrm{O}"),Sr("\\plusmn","\\pm"),Sr("\\rarr","\\rightarrow"),Sr("\\rArr","\\Rightarrow"),Sr("\\Rarr","\\Rightarrow"),Sr("\\real","\\Re"),Sr("\\reals","\\mathbb{R}"),Sr("\\Reals","\\mathbb{R}"),Sr("\\Rho","\\mathrm{P}"),Sr("\\sdot","\\cdot"),Sr("\\sect","\\S"),Sr("\\spades","\\spadesuit"),Sr("\\sub","\\subset"),Sr("\\sube","\\subseteq"),Sr("\\supe","\\supseteq"),Sr("\\Tau","\\mathrm{T}"),Sr("\\thetasym","\\vartheta"),Sr("\\weierp","\\wp"),Sr("\\Zeta","\\mathrm{Z}"),Sr("\\argmin","\\DOTSB\\operatorname*{arg\\,min}"),Sr("\\argmax","\\DOTSB\\operatorname*{arg\\,max}"),Sr("\\plim","\\DOTSB\\mathop{\\operatorname{plim}}\\limits"),Sr("\\bra","\\mathinner{\\langle{#1}|}"),Sr("\\ket","\\mathinner{|{#1}\\rangle}"),Sr("\\braket","\\mathinner{\\langle{#1}\\rangle}"),Sr("\\Bra","\\left\\langle#1\\right|"),Sr("\\Ket","\\left|#1\\right\\rangle");var Bn=function(e){return function(t){var r=t.consumeArg().tokens,n=t.consumeArg().tokens,a=t.consumeArg().tokens,i=t.consumeArg().tokens,o=t.macros.get("|"),s=t.macros.get("\\|");t.macros.beginGroup();var l=function(t){return function(r){e&&(r.macros.set("|",o),a.length&&r.macros.set("\\|",s));var i=t;return!t&&a.length&&"|"===r.future().text&&(r.popToken(),i=!0),{tokens:i?a:n,numArgs:0}}};t.macros.set("|",l(!1)),a.length&&t.macros.set("\\|",l(!0));var h=t.consumeArg().tokens,c=t.expandTokens([].concat(i,h,r));return t.macros.endGroup(),{tokens:c.reverse(),numArgs:0}}};Sr("\\bra@ket",Bn(!1)),Sr("\\bra@set",Bn(!0)),Sr("\\Braket","\\bra@ket{\\left\\langle}{\\,\\middle\\vert\\,}{\\,\\middle\\vert\\,}{\\right\\rangle}"),Sr("\\Set","\\bra@set{\\left\\{\\:}{\\;\\middle\\vert\\;}{\\;\\middle\\Vert\\;}{\\:\\right\\}}"),Sr("\\set","\\bra@set{\\{\\,}{\\mid}{}{\\,\\}}"),Sr("\\angln","{\\angl n}"),Sr("\\blue","\\textcolor{##6495ed}{#1}"),Sr("\\orange","\\textcolor{##ffa500}{#1}"),Sr("\\pink","\\textcolor{##ff00af}{#1}"),Sr("\\red","\\textcolor{##df0030}{#1}"),Sr("\\green","\\textcolor{##28ae7b}{#1}"),Sr("\\gray","\\textcolor{gray}{#1}"),Sr("\\purple","\\textcolor{##9d38bd}{#1}"),Sr("\\blueA","\\textcolor{##ccfaff}{#1}"),Sr("\\blueB","\\textcolor{##80f6ff}{#1}"),Sr("\\blueC","\\textcolor{##63d9ea}{#1}"),Sr("\\blueD","\\textcolor{##11accd}{#1}"),Sr("\\blueE","\\textcolor{##0c7f99}{#1}"),Sr("\\tealA","\\textcolor{##94fff5}{#1}"),Sr("\\tealB","\\textcolor{##26edd5}{#1}"),Sr("\\tealC","\\textcolor{##01d1c1}{#1}"),Sr("\\tealD","\\textcolor{##01a995}{#1}"),Sr("\\tealE","\\textcolor{##208170}{#1}"),Sr("\\greenA","\\textcolor{##b6ffb0}{#1}"),Sr("\\greenB","\\textcolor{##8af281}{#1}"),Sr("\\greenC","\\textcolor{##74cf70}{#1}"),Sr("\\greenD","\\textcolor{##1fab54}{#1}"),Sr("\\greenE","\\textcolor{##0d923f}{#1}"),Sr("\\goldA","\\textcolor{##ffd0a9}{#1}"),Sr("\\goldB","\\textcolor{##ffbb71}{#1}"),Sr("\\goldC","\\textcolor{##ff9c39}{#1}"),Sr("\\goldD","\\textcolor{##e07d10}{#1}"),Sr("\\goldE","\\textcolor{##a75a05}{#1}"),Sr("\\redA","\\textcolor{##fca9a9}{#1}"),Sr("\\redB","\\textcolor{##ff8482}{#1}"),Sr("\\redC","\\textcolor{##f9685d}{#1}"),Sr("\\redD","\\textcolor{##e84d39}{#1}"),Sr("\\redE","\\textcolor{##bc2612}{#1}"),Sr("\\maroonA","\\textcolor{##ffbde0}{#1}"),Sr("\\maroonB","\\textcolor{##ff92c6}{#1}"),Sr("\\maroonC","\\textcolor{##ed5fa6}{#1}"),Sr("\\maroonD","\\textcolor{##ca337c}{#1}"),Sr("\\maroonE","\\textcolor{##9e034e}{#1}"),Sr("\\purpleA","\\textcolor{##ddd7ff}{#1}"),Sr("\\purpleB","\\textcolor{##c6b9fc}{#1}"),Sr("\\purpleC","\\textcolor{##aa87ff}{#1}"),Sr("\\purpleD","\\textcolor{##7854ab}{#1}"),Sr("\\purpleE","\\textcolor{##543b78}{#1}"),Sr("\\mintA","\\textcolor{##f5f9e8}{#1}"),Sr("\\mintB","\\textcolor{##edf2df}{#1}"),Sr("\\mintC","\\textcolor{##e0e5cc}{#1}"),Sr("\\grayA","\\textcolor{##f6f7f7}{#1}"),Sr("\\grayB","\\textcolor{##f0f1f2}{#1}"),Sr("\\grayC","\\textcolor{##e3e5e6}{#1}"),Sr("\\grayD","\\textcolor{##d6d8da}{#1}"),Sr("\\grayE","\\textcolor{##babec2}{#1}"),Sr("\\grayF","\\textcolor{##888d93}{#1}"),Sr("\\grayG","\\textcolor{##626569}{#1}"),Sr("\\grayH","\\textcolor{##3b3e40}{#1}"),Sr("\\grayI","\\textcolor{##21242c}{#1}"),Sr("\\kaBlue","\\textcolor{##314453}{#1}"),Sr("\\kaGreen","\\textcolor{##71B307}{#1}");var Cn={"^":!0,_:!0,"\\limits":!0,"\\nolimits":!0},Nn=function(){function e(e,t,r){this.settings=void 0,this.expansionCount=void 0,this.lexer=void 0,this.macros=void 0,this.stack=void 0,this.mode=void 0,this.settings=t,this.expansionCount=0,this.feed(e),this.macros=new wn(kn,t.macros),this.mode=r,this.stack=[]}var t=e.prototype;return t.feed=function(e){this.lexer=new xn(e,this.settings)},t.switchMode=function(e){this.mode=e},t.beginGroup=function(){this.macros.beginGroup()},t.endGroup=function(){this.macros.endGroup()},t.endGroups=function(){this.macros.endGroups()},t.future=function(){return 0===this.stack.length&&this.pushToken(this.lexer.lex()),this.stack[this.stack.length-1]},t.popToken=function(){return this.future(),this.stack.pop()},t.pushToken=function(e){this.stack.push(e)},t.pushTokens=function(e){var t;(t=this.stack).push.apply(t,e)},t.scanArgument=function(e){var t,r,n;if(e){if(this.consumeSpaces(),"["!==this.future().text)return null;t=this.popToken();var a=this.consumeArg(["]"]);n=a.tokens,r=a.end}else{var i=this.consumeArg();n=i.tokens,t=i.start,r=i.end}return this.pushToken(new zr("EOF",r.loc)),this.pushTokens(n),t.range(r,"")},t.consumeSpaces=function(){for(;" "===this.future().text;)this.stack.pop()},t.consumeArg=function(e){var t=[],r=e&&e.length>0;r||this.consumeSpaces();var a,i=this.future(),o=0,s=0;do{if(a=this.popToken(),t.push(a),"{"===a.text)++o;else if("}"===a.text){if(-1==--o)throw new n("Extra }",a)}else if("EOF"===a.text)throw new n("Unexpected end of input in a macro argument, expected '"+(e&&r?e[s]:"}")+"'",a);if(e&&r)if((0===o||1===o&&"{"===e[s])&&a.text===e[s]){if(++s===e.length){t.splice(-s,s);break}}else s=0}while(0!==o||r);return"{"===i.text&&"}"===t[t.length-1].text&&(t.pop(),t.shift()),t.reverse(),{tokens:t,start:i,end:a}},t.consumeArgs=function(e,t){if(t){if(t.length!==e+1)throw new n("The length of delimiters doesn't match the number of args!");for(var r=t[0],a=0;a<r.length;a++){var i=this.popToken();if(r[a]!==i.text)throw new n("Use of the macro doesn't match its definition",i)}}for(var o=[],s=0;s<e;s++)o.push(this.consumeArg(t&&t[s+1]).tokens);return o},t.expandOnce=function(e){var t=this.popToken(),r=t.text,a=t.noexpand?null:this._getExpansion(r);if(null==a||e&&a.unexpandable){if(e&&null==a&&"\\"===r[0]&&!this.isDefined(r))throw new n("Undefined control sequence: "+r);return this.pushToken(t),t}if(this.expansionCount++,this.expansionCount>this.settings.maxExpand)throw new n("Too many expansions: infinite loop or need to increase maxExpand setting");var i=a.tokens,o=this.consumeArgs(a.numArgs,a.delimiters);if(a.numArgs)for(var s=(i=i.slice()).length-1;s>=0;--s){var l=i[s];if("#"===l.text){if(0===s)throw new n("Incomplete placeholder at end of macro body",l);if("#"===(l=i[--s]).text)i.splice(s+1,1);else{if(!/^[1-9]$/.test(l.text))throw new n("Not a valid argument number",l);var h;(h=i).splice.apply(h,[s,2].concat(o[+l.text-1]))}}}return this.pushTokens(i),i},t.expandAfterFuture=function(){return this.expandOnce(),this.future()},t.expandNextToken=function(){for(;;){var e=this.expandOnce();if(e instanceof zr)return e.treatAsRelax&&(e.text="\\relax"),this.stack.pop()}throw new Error},t.expandMacro=function(e){return this.macros.has(e)?this.expandTokens([new zr(e)]):void 0},t.expandTokens=function(e){var t=[],r=this.stack.length;for(this.pushTokens(e);this.stack.length>r;){var n=this.expandOnce(!0);n instanceof zr&&(n.treatAsRelax&&(n.noexpand=!1,n.treatAsRelax=!1),t.push(this.stack.pop()))}return t},t.expandMacroAsText=function(e){var t=this.expandMacro(e);return t?t.map((function(e){return e.text})).join(""):t},t._getExpansion=function(e){var t=this.macros.get(e);if(null==t)return t;if(1===e.length){var r=this.lexer.catcodes[e];if(null!=r&&13!==r)return}var n="function"==typeof t?t(this):t;if("string"==typeof n){var a=0;if(-1!==n.indexOf("#"))for(var i=n.replace(/##/g,"");-1!==i.indexOf("#"+(a+1));)++a;for(var o=new xn(n,this.settings),s=[],l=o.lex();"EOF"!==l.text;)s.push(l),l=o.lex();return s.reverse(),{tokens:s,numArgs:a}}return n},t.isDefined=function(e){return this.macros.has(e)||yn.hasOwnProperty(e)||ne.math.hasOwnProperty(e)||ne.text.hasOwnProperty(e)||Cn.hasOwnProperty(e)},t.isExpandable=function(e){var t=this.macros.get(e);return null!=t?"string"==typeof t||"function"==typeof t||!t.unexpandable:yn.hasOwnProperty(e)&&!yn[e].primitive},e}(),qn=/^[₊₋₌₍₎₀₁₂₃₄₅₆₇₈₉ₐₑₕᵢⱼₖₗₘₙₒₚᵣₛₜᵤᵥₓᵦᵧᵨᵩᵪ]/,In=Object.freeze({"₊":"+","₋":"-","₌":"=","₍":"(","₎":")","₀":"0","₁":"1","₂":"2","₃":"3","₄":"4","₅":"5","₆":"6","₇":"7","₈":"8","₉":"9","ₐ":"a","ₑ":"e","ₕ":"h","ᵢ":"i","ⱼ":"j","ₖ":"k","ₗ":"l","ₘ":"m","ₙ":"n","ₒ":"o","ₚ":"p","ᵣ":"r","ₛ":"s","ₜ":"t","ᵤ":"u","ᵥ":"v","ₓ":"x","ᵦ":"β","ᵧ":"γ","ᵨ":"ρ","ᵩ":"ϕ","ᵪ":"χ","⁺":"+","⁻":"-","⁼":"=","⁽":"(","⁾":")","⁰":"0","¹":"1","²":"2","³":"3","⁴":"4","⁵":"5","⁶":"6","⁷":"7","⁸":"8","⁹":"9","ᴬ":"A","ᴮ":"B","ᴰ":"D","ᴱ":"E","ᴳ":"G","ᴴ":"H","ᴵ":"I","ᴶ":"J","ᴷ":"K","ᴸ":"L","ᴹ":"M","ᴺ":"N","ᴼ":"O","ᴾ":"P","ᴿ":"R","ᵀ":"T","ᵁ":"U","ⱽ":"V","ᵂ":"W","ᵃ":"a","ᵇ":"b","ᶜ":"c","ᵈ":"d","ᵉ":"e","ᶠ":"f","ᵍ":"g","ʰ":"h","ⁱ":"i","ʲ":"j","ᵏ":"k","ˡ":"l","ᵐ":"m","ⁿ":"n","ᵒ":"o","ᵖ":"p","ʳ":"r","ˢ":"s","ᵗ":"t","ᵘ":"u","ᵛ":"v","ʷ":"w","ˣ":"x","ʸ":"y","ᶻ":"z","ᵝ":"β","ᵞ":"γ","ᵟ":"δ","ᵠ":"ϕ","ᵡ":"χ","ᶿ":"θ"}),On={"́":{text:"\\'",math:"\\acute"},"̀":{text:"\\`",math:"\\grave"},"̈":{text:'\\"',math:"\\ddot"},"̃":{text:"\\~",math:"\\tilde"},"̄":{text:"\\=",math:"\\bar"},"̆":{text:"\\u",math:"\\breve"},"̌":{text:"\\v",math:"\\check"},"̂":{text:"\\^",math:"\\hat"},"̇":{text:"\\.",math:"\\dot"},"̊":{text:"\\r",math:"\\mathring"},"̋":{text:"\\H"},"̧":{text:"\\c"}},Rn={"á":"á","à":"à","ä":"ä","ǟ":"ǟ","ã":"ã","ā":"ā","ă":"ă","ắ":"ắ","ằ":"ằ","ẵ":"ẵ","ǎ":"ǎ","â":"â","ấ":"ấ","ầ":"ầ","ẫ":"ẫ","ȧ":"ȧ","ǡ":"ǡ","å":"å","ǻ":"ǻ","ḃ":"ḃ","ć":"ć","ḉ":"ḉ","č":"č","ĉ":"ĉ","ċ":"ċ","ç":"ç","ď":"ď","ḋ":"ḋ","ḑ":"ḑ","é":"é","è":"è","ë":"ë","ẽ":"ẽ","ē":"ē","ḗ":"ḗ","ḕ":"ḕ","ĕ":"ĕ","ḝ":"ḝ","ě":"ě","ê":"ê","ế":"ế","ề":"ề","ễ":"ễ","ė":"ė","ȩ":"ȩ","ḟ":"ḟ","ǵ":"ǵ","ḡ":"ḡ","ğ":"ğ","ǧ":"ǧ","ĝ":"ĝ","ġ":"ġ","ģ":"ģ","ḧ":"ḧ","ȟ":"ȟ","ĥ":"ĥ","ḣ":"ḣ","ḩ":"ḩ","í":"í","ì":"ì","ï":"ï","ḯ":"ḯ","ĩ":"ĩ","ī":"ī","ĭ":"ĭ","ǐ":"ǐ","î":"î","ǰ":"ǰ","ĵ":"ĵ","ḱ":"ḱ","ǩ":"ǩ","ķ":"ķ","ĺ":"ĺ","ľ":"ľ","ļ":"ļ","ḿ":"ḿ","ṁ":"ṁ","ń":"ń","ǹ":"ǹ","ñ":"ñ","ň":"ň","ṅ":"ṅ","ņ":"ņ","ó":"ó","ò":"ò","ö":"ö","ȫ":"ȫ","õ":"õ","ṍ":"ṍ","ṏ":"ṏ","ȭ":"ȭ","ō":"ō","ṓ":"ṓ","ṑ":"ṑ","ŏ":"ŏ","ǒ":"ǒ","ô":"ô","ố":"ố","ồ":"ồ","ỗ":"ỗ","ȯ":"ȯ","ȱ":"ȱ","ő":"ő","ṕ":"ṕ","ṗ":"ṗ","ŕ":"ŕ","ř":"ř","ṙ":"ṙ","ŗ":"ŗ","ś":"ś","ṥ":"ṥ","š":"š","ṧ":"ṧ","ŝ":"ŝ","ṡ":"ṡ","ş":"ş","ẗ":"ẗ","ť":"ť","ṫ":"ṫ","ţ":"ţ","ú":"ú","ù":"ù","ü":"ü","ǘ":"ǘ","ǜ":"ǜ","ǖ":"ǖ","ǚ":"ǚ","ũ":"ũ","ṹ":"ṹ","ū":"ū","ṻ":"ṻ","ŭ":"ŭ","ǔ":"ǔ","û":"û","ů":"ů","ű":"ű","ṽ":"ṽ","ẃ":"ẃ","ẁ":"ẁ","ẅ":"ẅ","ŵ":"ŵ","ẇ":"ẇ","ẘ":"ẘ","ẍ":"ẍ","ẋ":"ẋ","ý":"ý","ỳ":"ỳ","ÿ":"ÿ","ỹ":"ỹ","ȳ":"ȳ","ŷ":"ŷ","ẏ":"ẏ","ẙ":"ẙ","ź":"ź","ž":"ž","ẑ":"ẑ","ż":"ż","Á":"Á","À":"À","Ä":"Ä","Ǟ":"Ǟ","Ã":"Ã","Ā":"Ā","Ă":"Ă","Ắ":"Ắ","Ằ":"Ằ","Ẵ":"Ẵ","Ǎ":"Ǎ","Â":"Â","Ấ":"Ấ","Ầ":"Ầ","Ẫ":"Ẫ","Ȧ":"Ȧ","Ǡ":"Ǡ","Å":"Å","Ǻ":"Ǻ","Ḃ":"Ḃ","Ć":"Ć","Ḉ":"Ḉ","Č":"Č","Ĉ":"Ĉ","Ċ":"Ċ","Ç":"Ç","Ď":"Ď","Ḋ":"Ḋ","Ḑ":"Ḑ","É":"É","È":"È","Ë":"Ë","Ẽ":"Ẽ","Ē":"Ē","Ḗ":"Ḗ","Ḕ":"Ḕ","Ĕ":"Ĕ","Ḝ":"Ḝ","Ě":"Ě","Ê":"Ê","Ế":"Ế","Ề":"Ề","Ễ":"Ễ","Ė":"Ė","Ȩ":"Ȩ","Ḟ":"Ḟ","Ǵ":"Ǵ","Ḡ":"Ḡ","Ğ":"Ğ","Ǧ":"Ǧ","Ĝ":"Ĝ","Ġ":"Ġ","Ģ":"Ģ","Ḧ":"Ḧ","Ȟ":"Ȟ","Ĥ":"Ĥ","Ḣ":"Ḣ","Ḩ":"Ḩ","Í":"Í","Ì":"Ì","Ï":"Ï","Ḯ":"Ḯ","Ĩ":"Ĩ","Ī":"Ī","Ĭ":"Ĭ","Ǐ":"Ǐ","Î":"Î","İ":"İ","Ĵ":"Ĵ","Ḱ":"Ḱ","Ǩ":"Ǩ","Ķ":"Ķ","Ĺ":"Ĺ","Ľ":"Ľ","Ļ":"Ļ","Ḿ":"Ḿ","Ṁ":"Ṁ","Ń":"Ń","Ǹ":"Ǹ","Ñ":"Ñ","Ň":"Ň","Ṅ":"Ṅ","Ņ":"Ņ","Ó":"Ó","Ò":"Ò","Ö":"Ö","Ȫ":"Ȫ","Õ":"Õ","Ṍ":"Ṍ","Ṏ":"Ṏ","Ȭ":"Ȭ","Ō":"Ō","Ṓ":"Ṓ","Ṑ":"Ṑ","Ŏ":"Ŏ","Ǒ":"Ǒ","Ô":"Ô","Ố":"Ố","Ồ":"Ồ","Ỗ":"Ỗ","Ȯ":"Ȯ","Ȱ":"Ȱ","Ő":"Ő","Ṕ":"Ṕ","Ṗ":"Ṗ","Ŕ":"Ŕ","Ř":"Ř","Ṙ":"Ṙ","Ŗ":"Ŗ","Ś":"Ś","Ṥ":"Ṥ","Š":"Š","Ṧ":"Ṧ","Ŝ":"Ŝ","Ṡ":"Ṡ","Ş":"Ş","Ť":"Ť","Ṫ":"Ṫ","Ţ":"Ţ","Ú":"Ú","Ù":"Ù","Ü":"Ü","Ǘ":"Ǘ","Ǜ":"Ǜ","Ǖ":"Ǖ","Ǚ":"Ǚ","Ũ":"Ũ","Ṹ":"Ṹ","Ū":"Ū","Ṻ":"Ṻ","Ŭ":"Ŭ","Ǔ":"Ǔ","Û":"Û","Ů":"Ů","Ű":"Ű","Ṽ":"Ṽ","Ẃ":"Ẃ","Ẁ":"Ẁ","Ẅ":"Ẅ","Ŵ":"Ŵ","Ẇ":"Ẇ","Ẍ":"Ẍ","Ẋ":"Ẋ","Ý":"Ý","Ỳ":"Ỳ","Ÿ":"Ÿ","Ỹ":"Ỹ","Ȳ":"Ȳ","Ŷ":"Ŷ","Ẏ":"Ẏ","Ź":"Ź","Ž":"Ž","Ẑ":"Ẑ","Ż":"Ż","ά":"ά","ὰ":"ὰ","ᾱ":"ᾱ","ᾰ":"ᾰ","έ":"έ","ὲ":"ὲ","ή":"ή","ὴ":"ὴ","ί":"ί","ὶ":"ὶ","ϊ":"ϊ","ΐ":"ΐ","ῒ":"ῒ","ῑ":"ῑ","ῐ":"ῐ","ό":"ό","ὸ":"ὸ","ύ":"ύ","ὺ":"ὺ","ϋ":"ϋ","ΰ":"ΰ","ῢ":"ῢ","ῡ":"ῡ","ῠ":"ῠ","ώ":"ώ","ὼ":"ὼ","Ύ":"Ύ","Ὺ":"Ὺ","Ϋ":"Ϋ","Ῡ":"Ῡ","Ῠ":"Ῠ","Ώ":"Ώ","Ὼ":"Ὼ"},Hn=function(){function e(e,t){this.mode=void 0,this.gullet=void 0,this.settings=void 0,this.leftrightDepth=void 0,this.nextToken=void 0,this.mode="math",this.gullet=new Nn(e,t,this.mode),this.settings=t,this.leftrightDepth=0}var t=e.prototype;return t.expect=function(e,t){if(void 0===t&&(t=!0),this.fetch().text!==e)throw new n("Expected '"+e+"', got '"+this.fetch().text+"'",this.fetch());t&&this.consume()},t.consume=function(){this.nextToken=null},t.fetch=function(){return null==this.nextToken&&(this.nextToken=this.gullet.expandNextToken()),this.nextToken},t.switchMode=function(e){this.mode=e,this.gullet.switchMode(e)},t.parse=function(){this.settings.globalGroup||this.gullet.beginGroup(),this.settings.colorIsTextColor&&this.gullet.macros.set("\\color","\\textcolor");try{var e=this.parseExpression(!1);return this.expect("EOF"),this.settings.globalGroup||this.gullet.endGroup(),e}finally{this.gullet.endGroups()}},t.subparse=function(e){var t=this.nextToken;this.consume(),this.gullet.pushToken(new zr("}")),this.gullet.pushTokens(e);var r=this.parseExpression(!1);return this.expect("}"),this.nextToken=t,r},t.parseExpression=function(t,r){for(var n=[];;){"math"===this.mode&&this.consumeSpaces();var a=this.fetch();if(-1!==e.endOfExpression.indexOf(a.text))break;if(r&&a.text===r)break;if(t&&yn[a.text]&&yn[a.text].infix)break;var i=this.parseAtom(r);if(!i)break;"internal"!==i.type&&n.push(i)}return"text"===this.mode&&this.formLigatures(n),this.handleInfixNodes(n)},t.handleInfixNodes=function(e){for(var t,r=-1,a=0;a<e.length;a++)if("infix"===e[a].type){if(-1!==r)throw new n("only one infix operator per group",e[a].token);r=a,t=e[a].replaceWith}if(-1!==r&&t){var i,o,s=e.slice(0,r),l=e.slice(r+1);return i=1===s.length&&"ordgroup"===s[0].type?s[0]:{type:"ordgroup",mode:this.mode,body:s},o=1===l.length&&"ordgroup"===l[0].type?l[0]:{type:"ordgroup",mode:this.mode,body:l},["\\\\abovefrac"===t?this.callFunction(t,[i,e[r],o],[]):this.callFunction(t,[i,o],[])]}return e},t.handleSupSubscript=function(e){var t=this.fetch(),r=t.text;this.consume(),this.consumeSpaces();var a=this.parseGroup(e);if(!a)throw new n("Expected group after '"+r+"'",t);return a},t.formatUnsupportedCmd=function(e){for(var t=[],r=0;r<e.length;r++)t.push({type:"textord",mode:"text",text:e[r]});var n={type:"text",mode:this.mode,body:t};return{type:"color",mode:this.mode,color:this.settings.errorColor,body:[n]}},t.parseAtom=function(t){var r,a,i=this.parseGroup("atom",t);if("text"===this.mode)return i;for(;;){this.consumeSpaces();var o=this.fetch();if("\\limits"===o.text||"\\nolimits"===o.text){if(i&&"op"===i.type){var s="\\limits"===o.text;i.limits=s,i.alwaysHandleSupSub=!0}else{if(!i||"operatorname"!==i.type)throw new n("Limit controls must follow a math operator",o);i.alwaysHandleSupSub&&(i.limits="\\limits"===o.text)}this.consume()}else if("^"===o.text){if(r)throw new n("Double superscript",o);r=this.handleSupSubscript("superscript")}else if("_"===o.text){if(a)throw new n("Double subscript",o);a=this.handleSupSubscript("subscript")}else if("'"===o.text){if(r)throw new n("Double superscript",o);var l={type:"textord",mode:this.mode,text:"\\prime"},h=[l];for(this.consume();"'"===this.fetch().text;)h.push(l),this.consume();"^"===this.fetch().text&&h.push(this.handleSupSubscript("superscript")),r={type:"ordgroup",mode:this.mode,body:h}}else{if(!In[o.text])break;var c=In[o.text],m=qn.test(o.text);for(this.consume();;){var u=this.fetch().text;if(!In[u])break;if(qn.test(u)!==m)break;this.consume(),c+=In[u]}var p=new e(c,this.settings).parse();m?a={type:"ordgroup",mode:"math",body:p}:r={type:"ordgroup",mode:"math",body:p}}}return r||a?{type:"supsub",mode:this.mode,base:i,sup:r,sub:a}:i},t.parseFunction=function(e,t){var r=this.fetch(),a=r.text,i=yn[a];if(!i)return null;if(this.consume(),t&&"atom"!==t&&!i.allowedInArgument)throw new n("Got function '"+a+"' with no arguments"+(t?" as "+t:""),r);if("text"===this.mode&&!i.allowedInText)throw new n("Can't use function '"+a+"' in text mode",r);if("math"===this.mode&&!1===i.allowedInMath)throw new n("Can't use function '"+a+"' in math mode",r);var o=this.parseArguments(a,i),s=o.args,l=o.optArgs;return this.callFunction(a,s,l,r,e)},t.callFunction=function(e,t,r,a,i){var o={funcName:e,parser:this,token:a,breakOnTokenText:i},s=yn[e];if(s&&s.handler)return s.handler(o,t,r);throw new n("No function handler for "+e)},t.parseArguments=function(e,t){var r=t.numArgs+t.numOptionalArgs;if(0===r)return{args:[],optArgs:[]};for(var a=[],i=[],o=0;o<r;o++){var s=t.argTypes&&t.argTypes[o],l=o<t.numOptionalArgs;(t.primitive&&null==s||"sqrt"===t.type&&1===o&&null==i[0])&&(s="primitive");var h=this.parseGroupOfType("argument to '"+e+"'",s,l);if(l)i.push(h);else{if(null==h)throw new n("Null argument, please report this as a bug");a.push(h)}}return{args:a,optArgs:i}},t.parseGroupOfType=function(e,t,r){switch(t){case"color":return this.parseColorGroup(r);case"size":return this.parseSizeGroup(r);case"url":return this.parseUrlGroup(r);case"math":case"text":return this.parseArgumentGroup(r,t);case"hbox":var a=this.parseArgumentGroup(r,"text");return null!=a?{type:"styling",mode:a.mode,body:[a],style:"text"}:null;case"raw":var i=this.parseStringGroup("raw",r);return null!=i?{type:"raw",mode:"text",string:i.text}:null;case"primitive":if(r)throw new n("A primitive argument cannot be optional");var o=this.parseGroup(e);if(null==o)throw new n("Expected group as "+e,this.fetch());return o;case"original":case null:case void 0:return this.parseArgumentGroup(r);default:throw new n("Unknown group type as "+e,this.fetch())}},t.consumeSpaces=function(){for(;" "===this.fetch().text;)this.consume()},t.parseStringGroup=function(e,t){var r=this.gullet.scanArgument(t);if(null==r)return null;for(var n,a="";"EOF"!==(n=this.fetch()).text;)a+=n.text,this.consume();return this.consume(),r.text=a,r},t.parseRegexGroup=function(e,t){for(var r,a=this.fetch(),i=a,o="";"EOF"!==(r=this.fetch()).text&&e.test(o+r.text);)o+=(i=r).text,this.consume();if(""===o)throw new n("Invalid "+t+": '"+a.text+"'",a);return a.range(i,o)},t.parseColorGroup=function(e){var t=this.parseStringGroup("color",e);if(null==t)return null;var r=/^(#[a-f0-9]{3}|#?[a-f0-9]{6}|[a-z]+)$/i.exec(t.text);if(!r)throw new n("Invalid color: '"+t.text+"'",t);var a=r[0];return/^[0-9a-f]{6}$/i.test(a)&&(a="#"+a),{type:"color-token",mode:this.mode,color:a}},t.parseSizeGroup=function(e){var t,r=!1;if(this.gullet.consumeSpaces(),!(t=e||"{"===this.gullet.future().text?this.parseStringGroup("size",e):this.parseRegexGroup(/^[-+]? *(?:$|\d+|\d+\.\d*|\.\d*) *[a-z]{0,2} *$/,"size")))return null;e||0!==t.text.length||(t.text="0pt",r=!0);var a=/([-+]?) *(\d+(?:\.\d*)?|\.\d+) *([a-z]{2})/.exec(t.text);if(!a)throw new n("Invalid size: '"+t.text+"'",t);var i={number:+(a[1]+a[2]),unit:a[3]};if(!D(i))throw new n("Invalid unit: '"+i.unit+"'",t);return{type:"size",mode:this.mode,value:i,isBlank:r}},t.parseUrlGroup=function(e){this.gullet.lexer.setCatcode("%",13),this.gullet.lexer.setCatcode("~",12);var t=this.parseStringGroup("url",e);if(this.gullet.lexer.setCatcode("%",14),this.gullet.lexer.setCatcode("~",13),null==t)return null;var r=t.text.replace(/\\([#$%&~_^{}])/g,"$1");return{type:"url",mode:this.mode,url:r}},t.parseArgumentGroup=function(e,t){var r=this.gullet.scanArgument(e);if(null==r)return null;var n=this.mode;t&&this.switchMode(t),this.gullet.beginGroup();var a=this.parseExpression(!1,"EOF");this.expect("EOF"),this.gullet.endGroup();var i={type:"ordgroup",mode:this.mode,loc:r.loc,body:a};return t&&this.switchMode(n),i},t.parseGroup=function(e,t){var r,a=this.fetch(),i=a.text;if("{"===i||"\\begingroup"===i){this.consume();var o="{"===i?"}":"\\endgroup";this.gullet.beginGroup();var s=this.parseExpression(!1,o),l=this.fetch();this.expect(o),this.gullet.endGroup(),r={type:"ordgroup",mode:this.mode,loc:Mr.range(a,l),body:s,semisimple:"\\begingroup"===i||void 0}}else if(null==(r=this.parseFunction(t,e)||this.parseSymbol())&&"\\"===i[0]&&!Cn.hasOwnProperty(i)){if(this.settings.throwOnError)throw new n("Undefined control sequence: "+i,a);r=this.formatUnsupportedCmd(i),this.consume()}return r},t.formLigatures=function(e){for(var t=e.length-1,r=0;r<t;++r){var n=e[r],a=n.text;"-"===a&&"-"===e[r+1].text&&(r+1<t&&"-"===e[r+2].text?(e.splice(r,3,{type:"textord",mode:"text",loc:Mr.range(n,e[r+2]),text:"---"}),t-=2):(e.splice(r,2,{type:"textord",mode:"text",loc:Mr.range(n,e[r+1]),text:"--"}),t-=1)),"'"!==a&&"`"!==a||e[r+1].text!==a||(e.splice(r,2,{type:"textord",mode:"text",loc:Mr.range(n,e[r+1]),text:a+a}),t-=1)}},t.parseSymbol=function(){var e=this.fetch(),t=e.text;if(/^\\verb[^a-zA-Z]/.test(t)){this.consume();var r=t.slice(5),a="*"===r.charAt(0);if(a&&(r=r.slice(1)),r.length<2||r.charAt(0)!==r.slice(-1))throw new n("\\verb assertion failed --\n                    please report what input caused this bug");return{type:"verb",mode:"text",body:r=r.slice(1,-1),star:a}}Rn.hasOwnProperty(t[0])&&!ne[this.mode][t[0]]&&(this.settings.strict&&"math"===this.mode&&this.settings.reportNonstrict("unicodeTextInMathMode",'Accented Unicode text character "'+t[0]+'" used in math mode',e),t=Rn[t[0]]+t.substr(1));var i,o=bn.exec(t);if(o&&("i"===(t=t.substring(0,o.index))?t="ı":"j"===t&&(t="ȷ")),ne[this.mode][t]){this.settings.strict&&"math"===this.mode&&"ÐÞþ".indexOf(t)>=0&&this.settings.reportNonstrict("unicodeTextInMathMode",'Latin-1/Unicode text character "'+t[0]+'" used in math mode',e);var s,l=ne[this.mode][t].group,h=Mr.range(e);if(ee.hasOwnProperty(l)){var c=l;s={type:"atom",mode:this.mode,family:c,loc:h,text:t}}else s={type:l,mode:this.mode,loc:h,text:t};i=s}else{if(!(t.charCodeAt(0)>=128))return null;this.settings.strict&&(S(t.charCodeAt(0))?"math"===this.mode&&this.settings.reportNonstrict("unicodeTextInMathMode",'Unicode text character "'+t[0]+'" used in math mode',e):this.settings.reportNonstrict("unknownSymbol",'Unrecognized Unicode character "'+t[0]+'" ('+t.charCodeAt(0)+")",e)),i={type:"textord",mode:"text",loc:Mr.range(e),text:t}}if(this.consume(),o)for(var m=0;m<o[0].length;m++){var u=o[0][m];if(!On[u])throw new n("Unknown accent ' "+u+"'",e);var p=On[u][this.mode]||On[u].text;if(!p)throw new n("Accent "+u+" unsupported in "+this.mode+" mode",e);i={type:"accent",mode:this.mode,loc:Mr.range(e),label:p,isStretchy:!1,isShifty:!0,base:i}}return i},e}();Hn.endOfExpression=["}","\\endgroup","\\end","\\right","&"];var En=function(e,t){if(!("string"==typeof e||e instanceof String))throw new TypeError("KaTeX can only parse string typed expression");var r=new Hn(e,t);delete r.gullet.macros.current["\\df@tag"];var a=r.parse();if(delete r.gullet.macros.current["\\current@color"],delete r.gullet.macros.current["\\color"],r.gullet.macros.get("\\df@tag")){if(!t.displayMode)throw new n("\\tag works only in display equations");a=[{type:"tag",mode:"text",body:a,tag:r.subparse([new zr("\\df@tag")])}]}return a},Ln=function(e,t,r){t.textContent="";var n=Pn(e,r).toNode();t.appendChild(n)};"undefined"!=typeof document&&"CSS1Compat"!==document.compatMode&&("undefined"!=typeof console&&console.warn("Warning: KaTeX doesn't work in quirks mode. Make sure your website has a suitable doctype."),Ln=function(){throw new n("KaTeX doesn't work in quirks mode.")});var Dn=function(e,t,r){if(r.throwOnError||!(e instanceof n))throw e;var a=Ve.makeSpan(["katex-error"],[new $(t)]);return a.setAttribute("title",e.toString()),a.setAttribute("style","color:"+r.errorColor),a},Pn=function(e,t){var r=new m(t);try{return function(e,t,r){var n,a=Mt(r);if("mathml"===r.output)return St(e,t,a,r.displayMode,!0);if("html"===r.output){var i=ut(e,a);n=Ve.makeSpan(["katex"],[i])}else{var o=St(e,t,a,r.displayMode,!1),s=ut(e,a);n=Ve.makeSpan(["katex"],[o,s])}return zt(n,r)}(En(e,r),e,r)}catch(t){return Dn(t,e,r)}},Fn={version:"0.16.0",render:Ln,renderToString:function(e,t){return Pn(e,t).toMarkup()},ParseError:n,SETTINGS_SCHEMA:h,__parse:function(e,t){var r=new m(t);return En(e,r)},__renderToDomTree:Pn,__renderToHTMLTree:function(e,t){var r=new m(t);try{return function(e,t,r){var n=ut(e,Mt(r)),a=Ve.makeSpan(["katex"],[n]);return zt(a,r)}(En(e,r),0,r)}catch(t){return Dn(t,e,r)}},__setFontMetrics:function(e,t){A[e]=t},__defineSymbol:ae,__defineMacro:Sr,__domTree:{Span:Y,Anchor:X,SymbolNode:$,SvgNode:Z,PathNode:K,LineNode:J}};return t=t.default}()},e.exports=n()},function(e,t,r){}])};module.exports=t();
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/plugins/markdown/README.md b/wechat-mini-program/components/mp-html/plugins/markdown/README.md
new file mode 100644
index 0000000..97da862
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/markdown/README.md
@@ -0,0 +1,17 @@
+# markdown
+功能：渲染 *markdown*  
+大小：*≈37KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √ |
+
+说明：  
+引入本插件后，会给组件添加一个 *markdown* 属性，将该属性设置为 *true* 后，即可通过 *content* 属性或 *setContent* 方法设置 *markdown* 内容即可  
+
+若开启 *use-anchor* 属性，所有标题 `*# xxx*` 都会被设置为锚点，通过链接 `[xxx](#xxx)` 可以直接跳转  
+
+> 本插件通过 [marked](https://github.com/markedjs/marked) 解析 *markdown* 文本，部分 *css* 摘选自 [github-markdown-css](https://github.com/sindresorhus/github-markdown-css)  
+
+> 本插件可以和 *highlight* 插件共用，实现 *markdown* 中代码块的高亮效果  
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/plugins/markdown/index.js b/wechat-mini-program/components/mp-html/plugins/markdown/index.js
new file mode 100644
index 0000000..9fc3b3a
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/markdown/index.js
@@ -0,0 +1,34 @@
+/**
+ * @fileoverview markdown 插件
+ * Include marked (https://github.com/markedjs/marked)
+ * Include github-markdown-css (https://github.com/sindresorhus/github-markdown-css)
+ */
+const marked = require('./marked.min')
+let index = 0
+
+function Markdown (vm) {
+  this.vm = vm
+  vm._ids = {}
+}
+
+Markdown.prototype.onUpdate = function (content) {
+  if (this.vm.properties.markdown) {
+    return marked(content)
+  }
+}
+
+Markdown.prototype.onParse = function (node, vm) {
+  if (vm.options.markdown) {
+    // 中文 id 需要转换，否则无法跳转
+    if (vm.options.useAnchor && node.attrs && /[\u4e00-\u9fa5]/.test(node.attrs.id)) {
+      const id = 't' + index++
+      this.vm._ids[node.attrs.id] = id
+      node.attrs.id = id
+    }
+    if (node.name === 'p' || node.name === 'table' || node.name === 'tr' || node.name === 'th' || node.name === 'td' || node.name === 'blockquote' || node.name === 'pre' || node.name === 'code') {
+      node.attrs.class = `md-${node.name} ${node.attrs.class || ''}`
+    }
+  }
+}
+
+module.exports = Markdown
diff --git a/wechat-mini-program/components/mp-html/plugins/markdown/marked.min.js b/wechat-mini-program/components/mp-html/plugins/markdown/marked.min.js
new file mode 100644
index 0000000..3ee9e85
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/markdown/marked.min.js
@@ -0,0 +1,6 @@
+/*!
+ * marked - a markdown parser
+ * Copyright (c) 2011-2020, Christopher Jeffrey. (MIT Licensed)
+ * https://github.com/markedjs/marked
+ */
+function t(){"use strict";function i(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function p(e,t){var n;if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator])return(n=e[Symbol.iterator]()).next.bind(n);if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function n(e){return c[e]}var e,t=(function(t){function e(){return{baseUrl:null,breaks:!1,gfm:!0,headerIds:!0,headerPrefix:"",highlight:null,langPrefix:"language-",mangle:!0,pedantic:!1,renderer:null,sanitize:!1,sanitizer:null,silent:!1,smartLists:!1,smartypants:!1,tokenizer:null,walkTokens:null,xhtml:!1}}t.exports={defaults:e(),getDefaults:e,changeDefaults:function(e){t.exports.defaults=e}}}(e={exports:{}}),e.exports),r=(t.defaults,t.getDefaults,t.changeDefaults,/[&<>"']/),l=/[&<>"']/g,a=/[<>"']|&(?!#?\w+;)/,o=/[<>"']|&(?!#?\w+;)/g,c={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};var u=/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/gi;function h(e){return e.replace(u,function(e,t){return"colon"===(t=t.toLowerCase())?":":"#"===t.charAt(0)?"x"===t.charAt(1)?String.fromCharCode(parseInt(t.substring(2),16)):String.fromCharCode(+t.substring(1)):""})}var g=/(^|[^\[])\^/g;var f=/[^\w:]/g,d=/^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;var k={},b=/^[^:]+:\/*[^/]*$/,m=/^([^:]+:)[\s\S]*$/,x=/^([^:]+:\/*[^/]*)[\s\S]*$/;function w(e,t){k[" "+e]||(b.test(e)?k[" "+e]=e+"/":k[" "+e]=v(e,"/",!0));var n=-1===(e=k[" "+e]).indexOf(":");return"//"===t.substring(0,2)?n?t:e.replace(m,"$1")+t:"/"===t.charAt(0)?n?t:e.replace(x,"$1")+t:e+t}function v(e,t,n){var r=e.length;if(0===r)return"";for(var i=0;i<r;){var s=e.charAt(r-i-1);if(s!==t||n){if(s===t||!n)break;i++}else i++}return e.substr(0,r-i)}var _=function(e,t){if(t){if(r.test(e))return e.replace(l,n)}else if(a.test(e))return e.replace(o,n);return e},y=h,z=function(n,e){n=n.source||n,e=e||"";var r={replace:function(e,t){return t=(t=t.source||t).replace(g,"$1"),n=n.replace(e,t),r},getRegex:function(){return new RegExp(n,e)}};return r},S=function(e,t,n){if(e){var r;try{r=decodeURIComponent(h(n)).replace(f,"").toLowerCase()}catch(e){return null}if(0===r.indexOf("javascript:")||0===r.indexOf("vbscript:")||0===r.indexOf("data:"))return null}t&&!d.test(n)&&(n=w(t,n));try{n=encodeURI(n).replace(/%25/g,"%")}catch(e){return null}return n},$={exec:function(){}},A=function(e){for(var t,n,r=1;r<arguments.length;r++)for(n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},R=function(e,t){var n=e.replace(/\|/g,function(e,t,n){for(var r=!1,i=t;0<=--i&&"\\"===n[i];)r=!r;return r?"|":" |"}).split(/ \|/),r=0;if(n.length>t)n.splice(t);else for(;n.length<t;)n.push("");for(;r<n.length;r++)n[r]=n[r].trim().replace(/\\\|/g,"|");return n},T=function(e,t){if(-1===e.indexOf(t[1]))return-1;for(var n=e.length,r=0,i=0;i<n;i++)if("\\"===e[i])i++;else if(e[i]===t[0])r++;else if(e[i]===t[1]&&--r<0)return i;return-1},I=function(e){e&&e.sanitize&&!e.silent&&console.warn("marked(): sanitize and sanitizer parameters are deprecated since version 0.7.0, should not be used and will be removed in the future. Read more here: https://marked.js.org/#/USING_ADVANCED.md#options")},Z=function(e,t){if(t<1)return"";for(var n="";1<t;)1&t&&(n+=e),t>>=1,e+=e;return n+e},q=t.defaults,O=v,C=R,U=_,j=T;function E(e,t,n){var r=t.href,i=t.title?U(t.title):null,t=e[1].replace(/\\([\[\]])/g,"$1");return"!"!==e[0].charAt(0)?{type:"link",raw:n,href:r,title:i,text:t}:{type:"image",raw:n,href:r,title:i,text:U(t)}}var D=function(){function e(e){this.options=e||q}var t=e.prototype;return t.space=function(e){e=this.rules.block.newline.exec(e);if(e)return 1<e[0].length?{type:"space",raw:e[0]}:{raw:"\n"}},t.code=function(e,t){e=this.rules.block.code.exec(e);if(e){t=t[t.length-1];if(t&&"paragraph"===t.type)return{raw:e[0],text:e[0].trimRight()};t=e[0].replace(/^ {4}/gm,"");return{type:"code",raw:e[0],codeBlockStyle:"indented",text:this.options.pedantic?t:O(t,"\n")}}},t.fences=function(e){var t=this.rules.block.fences.exec(e);if(t){var n=t[0],e=function(e,t){if(null===(e=e.match(/^(\s+)(?:```)/)))return t;var n=e[1];return t.split("\n").map(function(e){var t=e.match(/^\s+/);return null!==t&&t[0].length>=n.length?e.slice(n.length):e}).join("\n")}(n,t[3]||"");return{type:"code",raw:n,lang:t[2]&&t[2].trim(),text:e}}},t.heading=function(e){e=this.rules.block.heading.exec(e);if(e)return{type:"heading",raw:e[0],depth:e[1].length,text:e[2]}},t.nptable=function(e){e=this.rules.block.nptable.exec(e);if(e){var t={type:"table",header:C(e[1].replace(/^ *| *\| *$/g,"")),align:e[2].replace(/^ *|\| *$/g,"").split(/ *\| */),cells:e[3]?e[3].replace(/\n$/,"").split("\n"):[],raw:e[0]};if(t.header.length===t.align.length){for(var n=t.align.length,r=0;r<n;r++)/^ *-+: *$/.test(t.align[r])?t.align[r]="right":/^ *:-+: *$/.test(t.align[r])?t.align[r]="center":/^ *:-+ *$/.test(t.align[r])?t.align[r]="left":t.align[r]=null;for(n=t.cells.length,r=0;r<n;r++)t.cells[r]=C(t.cells[r],t.header.length);return t}}},t.hr=function(e){e=this.rules.block.hr.exec(e);if(e)return{type:"hr",raw:e[0]}},t.blockquote=function(e){var t=this.rules.block.blockquote.exec(e);if(t){e=t[0].replace(/^ *> ?/gm,"");return{type:"blockquote",raw:t[0],text:e}}},t.list=function(e){e=this.rules.block.list.exec(e);if(e){for(var t,n,r,i,s,l=e[0],a=e[2],o=1<a.length,c={type:"list",raw:l,ordered:o,start:o?+a.slice(0,-1):"",loose:!1,items:[]},u=e[0].match(this.rules.block.item),p=!1,h=u.length,g=this.rules.block.listItemStart.exec(u[0]),f=0;f<h;f++){if(l=t=u[f],f!==h-1){if((r=this.rules.block.listItemStart.exec(u[f+1]))[1].length>g[0].length||3<r[1].length){u.splice(f,2,u[f]+"\n"+u[f+1]),f--,h--;continue}(!this.options.pedantic||this.options.smartLists?r[2][r[2].length-1]!==a[a.length-1]:o==(1===r[2].length))&&(n=u.slice(f+1).join("\n"),c.raw=c.raw.substring(0,c.raw.length-n.length),f=h-1),g=r}r=t.length,~(t=t.replace(/^ *([*+-]|\d+[.)]) ?/,"")).indexOf("\n ")&&(r-=t.length,t=this.options.pedantic?t.replace(/^ {1,4}/gm,""):t.replace(new RegExp("^ {1,"+r+"}","gm"),"")),r=p||/\n\n(?!\s*$)/.test(t),f!==h-1&&(p="\n"===t.charAt(t.length-1),r=r||p),r&&(c.loose=!0),this.options.gfm&&(s=void 0,(i=/^\[[ xX]\] /.test(t))&&(s=" "!==t[1],t=t.replace(/^\[[ xX]\] +/,""))),c.items.push({type:"list_item",raw:l,task:i,checked:s,loose:r,text:t})}return c}},t.html=function(e){e=this.rules.block.html.exec(e);if(e)return{type:this.options.sanitize?"paragraph":"html",raw:e[0],pre:!this.options.sanitizer&&("pre"===e[1]||"script"===e[1]||"style"===e[1]),text:this.options.sanitize?this.options.sanitizer?this.options.sanitizer(e[0]):U(e[0]):e[0]}},t.def=function(e){e=this.rules.block.def.exec(e);if(e)return e[3]&&(e[3]=e[3].substring(1,e[3].length-1)),{tag:e[1].toLowerCase().replace(/\s+/g," "),raw:e[0],href:e[2],title:e[3]}},t.table=function(e){e=this.rules.block.table.exec(e);if(e){var t={type:"table",header:C(e[1].replace(/^ *| *\| *$/g,"")),align:e[2].replace(/^ *|\| *$/g,"").split(/ *\| */),cells:e[3]?e[3].replace(/\n$/,"").split("\n"):[]};if(t.header.length===t.align.length){t.raw=e[0];for(var n=t.align.length,r=0;r<n;r++)/^ *-+: *$/.test(t.align[r])?t.align[r]="right":/^ *:-+: *$/.test(t.align[r])?t.align[r]="center":/^ *:-+ *$/.test(t.align[r])?t.align[r]="left":t.align[r]=null;for(n=t.cells.length,r=0;r<n;r++)t.cells[r]=C(t.cells[r].replace(/^ *\| *| *\| *$/g,""),t.header.length);return t}}},t.lheading=function(e){e=this.rules.block.lheading.exec(e);if(e)return{type:"heading",raw:e[0],depth:"="===e[2].charAt(0)?1:2,text:e[1]}},t.paragraph=function(e){e=this.rules.block.paragraph.exec(e);if(e)return{type:"paragraph",raw:e[0],text:"\n"===e[1].charAt(e[1].length-1)?e[1].slice(0,-1):e[1]}},t.text=function(e,t){e=this.rules.block.text.exec(e);if(e){t=t[t.length-1];return t&&"text"===t.type?{raw:e[0],text:e[0]}:{type:"text",raw:e[0],text:e[0]}}},t.escape=function(e){e=this.rules.inline.escape.exec(e);if(e)return{type:"escape",raw:e[0],text:U(e[1])}},t.tag=function(e,t,n){e=this.rules.inline.tag.exec(e);if(e)return!t&&/^<a /i.test(e[0])?t=!0:t&&/^<\/a>/i.test(e[0])&&(t=!1),!n&&/^<(pre|code|kbd|script)(\s|>)/i.test(e[0])?n=!0:n&&/^<\/(pre|code|kbd|script)(\s|>)/i.test(e[0])&&(n=!1),{type:this.options.sanitize?"text":"html",raw:e[0],inLink:t,inRawBlock:n,text:this.options.sanitize?this.options.sanitizer?this.options.sanitizer(e[0]):U(e[0]):e[0]}},t.link=function(e){var t=this.rules.inline.link.exec(e);if(t){e=j(t[2],"()");-1<e&&(r=(0===t[0].indexOf("!")?5:4)+t[1].length+e,t[2]=t[2].substring(0,e),t[0]=t[0].substring(0,r).trim(),t[3]="");var n,e=t[2],r="";return r=this.options.pedantic?(n=/^([^'"]*[^\s])\s+(['"])(.*)\2/.exec(e),n?(e=n[1],n[3]):""):t[3]?t[3].slice(1,-1):"",E(t,{href:(e=e.trim().replace(/^<([\s\S]*)>$/,"$1"))&&e.replace(this.rules.inline._escapes,"$1"),title:r&&r.replace(this.rules.inline._escapes,"$1")},t[0])}},t.reflink=function(e,t){if((n=this.rules.inline.reflink.exec(e))||(n=this.rules.inline.nolink.exec(e))){e=(n[2]||n[1]).replace(/\s+/g," ");if((e=t[e.toLowerCase()])&&e.href)return E(n,e,n[0]);var n=n[0].charAt(0);return{type:"text",raw:n,text:n}}},t.strong=function(e,t,n){void 0===n&&(n="");var r=this.rules.inline.strong.start.exec(e);if(r&&(!r[1]||r[1]&&(""===n||this.rules.inline.punctuation.exec(n)))){t=t.slice(-1*e.length);var i,s="**"===r[0]?this.rules.inline.strong.endAst:this.rules.inline.strong.endUnd;for(s.lastIndex=0;null!=(r=s.exec(t));)if(i=this.rules.inline.strong.middle.exec(t.slice(0,r.index+3)))return{type:"strong",raw:e.slice(0,i[0].length),text:e.slice(2,i[0].length-2)}}},t.em=function(e,t,n){void 0===n&&(n="");var r=this.rules.inline.em.start.exec(e);if(r&&(!r[1]||r[1]&&(""===n||this.rules.inline.punctuation.exec(n)))){t=t.slice(-1*e.length);var i,s="*"===r[0]?this.rules.inline.em.endAst:this.rules.inline.em.endUnd;for(s.lastIndex=0;null!=(r=s.exec(t));)if(i=this.rules.inline.em.middle.exec(t.slice(0,r.index+2)))return{type:"em",raw:e.slice(0,i[0].length),text:e.slice(1,i[0].length-1)}}},t.codespan=function(e){var t=this.rules.inline.code.exec(e);if(t){var n=t[2].replace(/\n/g," "),r=/[^ ]/.test(n),e=n.startsWith(" ")&&n.endsWith(" ");return r&&e&&(n=n.substring(1,n.length-1)),n=U(n,!0),{type:"codespan",raw:t[0],text:n}}},t.br=function(e){e=this.rules.inline.br.exec(e);if(e)return{type:"br",raw:e[0]}},t.del=function(e){e=this.rules.inline.del.exec(e);if(e)return{type:"del",raw:e[0],text:e[2]}},t.autolink=function(e,t){e=this.rules.inline.autolink.exec(e);if(e){var n,t="@"===e[2]?"mailto:"+(n=U(this.options.mangle?t(e[1]):e[1])):n=U(e[1]);return{type:"link",raw:e[0],text:n,href:t,tokens:[{type:"text",raw:n,text:n}]}}},t.url=function(e,t){var n,r,i,s;if(n=this.rules.inline.url.exec(e)){if("@"===n[2])i="mailto:"+(r=U(this.options.mangle?t(n[0]):n[0]));else{for(;s=n[0],n[0]=this.rules.inline._backpedal.exec(n[0])[0],s!==n[0];);r=U(n[0]),i="www."===n[1]?"http://"+r:r}return{type:"link",raw:n[0],text:r,href:i,tokens:[{type:"text",raw:r,text:r}]}}},t.inlineText=function(e,t,n){e=this.rules.inline.text.exec(e);if(e){n=t?this.options.sanitize?this.options.sanitizer?this.options.sanitizer(e[0]):U(e[0]):e[0]:U(this.options.smartypants?n(e[0]):e[0]);return{type:"text",raw:e[0],text:n}}},e}(),R=$,T=z,$=A,z={newline:/^\n+/,code:/^( {4}[^\n]+\n*)+/,fences:/^ {0,3}(`{3,}(?=[^`\n]*\n)|~{3,})([^\n]*)\n(?:|([\s\S]*?)\n)(?: {0,3}\1[~`]* *(?:\n+|$)|$)/,hr:/^ {0,3}((?:- *){3,}|(?:_ *){3,}|(?:\* *){3,})(?:\n+|$)/,heading:/^ {0,3}(#{1,6}) +([^\n]*?)(?: +#+)? *(?:\n+|$)/,blockquote:/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/,list:/^( {0,3})(bull) [\s\S]+?(?:hr|def|\n{2,}(?! )(?! {0,3}bull )\n*|\s*$)/,html:"^ {0,3}(?:<(script|pre|style)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:\\n{2,}|$)|<(?!script|pre|style)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:\\n{2,}|$)|</(?!script|pre|style)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:\\n{2,}|$))",def:/^ {0,3}\[(label)\]: *\n? *<?([^\s>]+)>?(?:(?: +\n? *| *\n *)(title))? *(?:\n+|$)/,nptable:R,table:R,lheading:/^([^\n]+)\n {0,3}(=+|-+) *(?:\n+|$)/,_paragraph:/^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html)[^\n]+)*)/,text:/^[^\n]+/,_label:/(?!\s*\])(?:\\[\[\]]|[^\[\]])+/,_title:/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/};z.def=T(z.def).replace("label",z._label).replace("title",z._title).getRegex(),z.bullet=/(?:[*+-]|\d{1,9}[.)])/,z.item=/^( *)(bull) ?[^\n]*(?:\n(?! *bull ?)[^\n]*)*/,z.item=T(z.item,"gm").replace(/bull/g,z.bullet).getRegex(),z.listItemStart=T(/^( *)(bull)/).replace("bull",z.bullet).getRegex(),z.list=T(z.list).replace(/bull/g,z.bullet).replace("hr","\\n+(?=\\1?(?:(?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$))").replace("def","\\n+(?="+z.def.source+")").getRegex(),z._tag="address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul",z._comment=/<!--(?!-?>)[\s\S]*?(?:-->|$)/,z.html=T(z.html,"i").replace("comment",z._comment).replace("tag",z._tag).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(),z.paragraph=T(z._paragraph).replace("hr",z.hr).replace("heading"," {0,3}#{1,6} ").replace("|lheading","").replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|!--)").replace("tag",z._tag).getRegex(),z.blockquote=T(z.blockquote).replace("paragraph",z.paragraph).getRegex(),z.normal=$({},z),z.gfm=$({},z.normal,{nptable:"^ *([^|\\n ].*\\|.*)\\n {0,3}([-:]+ *\\|[-| :]*)(?:\\n((?:(?!\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)",table:"^ *\\|(.+)\\n {0,3}\\|?( *[-:]+[-| :]*)(?:\\n *((?:(?!\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)"}),z.gfm.nptable=T(z.gfm.nptable).replace("hr",z.hr).replace("heading"," {0,3}#{1,6} ").replace("blockquote"," {0,3}>").replace("code"," {4}[^\\n]").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|!--)").replace("tag",z._tag).getRegex(),z.gfm.table=T(z.gfm.table).replace("hr",z.hr).replace("heading"," {0,3}#{1,6} ").replace("blockquote"," {0,3}>").replace("code"," {4}[^\\n]").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|!--)").replace("tag",z._tag).getRegex(),z.pedantic=$({},z.normal,{html:T("^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:\"[^\"]*\"|'[^']*'|\\s[^'\"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))").replace("comment",z._comment).replace(/tag/g,"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),def:/^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,heading:/^ *(#{1,6}) *([^\n]+?) *(?:#+ *)?(?:\n+|$)/,fences:R,paragraph:T(z.normal._paragraph).replace("hr",z.hr).replace("heading"," *#{1,6} *[^\n]").replace("lheading",z.lheading).replace("blockquote"," {0,3}>").replace("|fences","").replace("|list","").replace("|html","").getRegex()});R={escape:/^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,autolink:/^<(scheme:[^\s\x00-\x1f<>]*|email)>/,url:R,tag:"^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>",link:/^!?\[(label)\]\(\s*(href)(?:\s+(title))?\s*\)/,reflink:/^!?\[(label)\]\[(?!\s*\])((?:\\[\[\]]?|[^\[\]\\])+)\]/,nolink:/^!?\[(?!\s*\])((?:\[[^\[\]]*\]|\\[\[\]]|[^\[\]])*)\](?:\[\])?/,reflinkSearch:"reflink|nolink(?!\\()",strong:{start:/^(?:(\*\*(?=[*punctuation]))|\*\*)(?![\s])|__/,middle:/^\*\*(?:(?:(?!overlapSkip)(?:[^*]|\\\*)|overlapSkip)|\*(?:(?!overlapSkip)(?:[^*]|\\\*)|overlapSkip)*?\*)+?\*\*$|^__(?![\s])((?:(?:(?!overlapSkip)(?:[^_]|\\_)|overlapSkip)|_(?:(?!overlapSkip)(?:[^_]|\\_)|overlapSkip)*?_)+?)__$/,endAst:/[^punctuation\s]\*\*(?!\*)|[punctuation]\*\*(?!\*)(?:(?=[punctuation_\s]|$))/,endUnd:/[^\s]__(?!_)(?:(?=[punctuation*\s])|$)/},em:{start:/^(?:(\*(?=[punctuation]))|\*)(?![*\s])|_/,middle:/^\*(?:(?:(?!overlapSkip)(?:[^*]|\\\*)|overlapSkip)|\*(?:(?!overlapSkip)(?:[^*]|\\\*)|overlapSkip)*?\*)+?\*$|^_(?![_\s])(?:(?:(?!overlapSkip)(?:[^_]|\\_)|overlapSkip)|_(?:(?!overlapSkip)(?:[^_]|\\_)|overlapSkip)*?_)+?_$/,endAst:/[^punctuation\s]\*(?!\*)|[punctuation]\*(?!\*)(?:(?=[punctuation_\s]|$))/,endUnd:/[^\s]_(?!_)(?:(?=[punctuation*\s])|$)/},code:/^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/,br:/^( {2,}|\\)\n(?!\s*$)/,del:R,text:/^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*]|\b_|$)|[^ ](?= {2,}\n)))/,punctuation:/^([\s*punctuation])/,_punctuation:"!\"#$%&'()+\\-.,/:;<=>?@\\[\\]`^{|}~"};R.punctuation=T(R.punctuation).replace(/punctuation/g,R._punctuation).getRegex(),R._blockSkip="\\[[^\\]]*?\\]\\([^\\)]*?\\)|`[^`]*?`|<[^>]*?>",R._overlapSkip="__[^_]*?__|\\*\\*\\[^\\*\\]*?\\*\\*",R._comment=T(z._comment).replace("(?:--\x3e|$)","--\x3e").getRegex(),R.em.start=T(R.em.start).replace(/punctuation/g,R._punctuation).getRegex(),R.em.middle=T(R.em.middle).replace(/punctuation/g,R._punctuation).replace(/overlapSkip/g,R._overlapSkip).getRegex(),R.em.endAst=T(R.em.endAst,"g").replace(/punctuation/g,R._punctuation).getRegex(),R.em.endUnd=T(R.em.endUnd,"g").replace(/punctuation/g,R._punctuation).getRegex(),R.strong.start=T(R.strong.start).replace(/punctuation/g,R._punctuation).getRegex(),R.strong.middle=T(R.strong.middle).replace(/punctuation/g,R._punctuation).replace(/overlapSkip/g,R._overlapSkip).getRegex(),R.strong.endAst=T(R.strong.endAst,"g").replace(/punctuation/g,R._punctuation).getRegex(),R.strong.endUnd=T(R.strong.endUnd,"g").replace(/punctuation/g,R._punctuation).getRegex(),R.blockSkip=T(R._blockSkip,"g").getRegex(),R.overlapSkip=T(R._overlapSkip,"g").getRegex(),R._escapes=/\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/g,R._scheme=/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/,R._email=/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/,R.autolink=T(R.autolink).replace("scheme",R._scheme).replace("email",R._email).getRegex(),R._attribute=/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/,R.tag=T(R.tag).replace("comment",R._comment).replace("attribute",R._attribute).getRegex(),R._label=/(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/,R._href=/<(?:\\[<>]?|[^\s<>\\])*>|[^\s\x00-\x1f]*/,R._title=/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/,R.link=T(R.link).replace("label",R._label).replace("href",R._href).replace("title",R._title).getRegex(),R.reflink=T(R.reflink).replace("label",R._label).getRegex(),R.reflinkSearch=T(R.reflinkSearch,"g").replace("reflink",R.reflink).replace("nolink",R.nolink).getRegex(),R.normal=$({},R),R.pedantic=$({},R.normal,{strong:{start:/^__|\*\*/,middle:/^__(?=\S)([\s\S]*?\S)__(?!_)|^\*\*(?=\S)([\s\S]*?\S)\*\*(?!\*)/,endAst:/\*\*(?!\*)/g,endUnd:/__(?!_)/g},em:{start:/^_|\*/,middle:/^()\*(?=\S)([\s\S]*?\S)\*(?!\*)|^_(?=\S)([\s\S]*?\S)_(?!_)/,endAst:/\*(?!\*)/g,endUnd:/_(?!_)/g},link:T(/^!?\[(label)\]\((.*?)\)/).replace("label",R._label).getRegex(),reflink:T(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",R._label).getRegex()}),R.gfm=$({},R.normal,{escape:T(R.escape).replace("])","~|])").getRegex(),_extended_email:/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/,url:/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/,_backpedal:/(?:[^?!.,:;*_~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_~)]+(?!$))+/,del:/^(~~?)(?=[^\s~])([\s\S]*?[^\s~])\1(?=[^~]|$)/,text:/^([`~]+|[^`~])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*~]|\b_|https?:\/\/|ftp:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@))|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@))/}),R.gfm.url=T(R.gfm.url,"i").replace("email",R.gfm._extended_email).getRegex(),R.breaks=$({},R.gfm,{br:T(R.br).replace("{2,}","*").getRegex(),text:T(R.gfm.text).replace("\\b_","\\b_| {2,}\\n").replace(/\{2,\}/g,"*").getRegex()});var R={block:z,inline:R},P=t.defaults,L=R.block,N=R.inline,B=Z;function F(e){return e.replace(/---/g,"—").replace(/--/g,"–").replace(/(^|[-\u2014/(\[{"\s])'/g,"$1‘").replace(/'/g,"’").replace(/(^|[-\u2014/(\[{\u2018\s])"/g,"$1“").replace(/"/g,"”").replace(/\.{3}/g,"…")}function M(e){for(var t,n="",r=e.length,i=0;i<r;i++)t=e.charCodeAt(i),.5<Math.random()&&(t="x"+t.toString(16)),n+="&#"+t+";";return n}var W=function(){function n(e){this.tokens=[],this.tokens.links=Object.create(null),this.options=e||P,this.options.tokenizer=this.options.tokenizer||new D,this.tokenizer=this.options.tokenizer,this.tokenizer.options=this.options;e={block:L.normal,inline:N.normal};this.options.pedantic?(e.block=L.pedantic,e.inline=N.pedantic):this.options.gfm&&(e.block=L.gfm,this.options.breaks?e.inline=N.breaks:e.inline=N.gfm),this.tokenizer.rules=e}n.lex=function(e,t){return new n(t).lex(e)},n.lexInline=function(e,t){return new n(t).inlineTokens(e)};var e,t,r=n.prototype;return r.lex=function(e){return e=e.replace(/\r\n|\r/g,"\n").replace(/\t/g,"    "),this.blockTokens(e,this.tokens,!0),this.inline(this.tokens),this.tokens},r.blockTokens=function(e,t,n){var r,i,s,l;for(void 0===t&&(t=[]),void 0===n&&(n=!0),e=e.replace(/^ +$/gm,"");e;)if(r=this.tokenizer.space(e))e=e.substring(r.raw.length),r.type&&t.push(r);else if(r=this.tokenizer.code(e,t))e=e.substring(r.raw.length),r.type?t.push(r):((l=t[t.length-1]).raw+="\n"+r.raw,l.text+="\n"+r.text);else if(r=this.tokenizer.fences(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.heading(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.nptable(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.hr(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.blockquote(e))e=e.substring(r.raw.length),r.tokens=this.blockTokens(r.text,[],n),t.push(r);else if(r=this.tokenizer.list(e)){for(e=e.substring(r.raw.length),s=r.items.length,i=0;i<s;i++)r.items[i].tokens=this.blockTokens(r.items[i].text,[],!1);t.push(r)}else if(r=this.tokenizer.html(e))e=e.substring(r.raw.length),t.push(r);else if(n&&(r=this.tokenizer.def(e)))e=e.substring(r.raw.length),this.tokens.links[r.tag]||(this.tokens.links[r.tag]={href:r.href,title:r.title});else if(r=this.tokenizer.table(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.lheading(e))e=e.substring(r.raw.length),t.push(r);else if(n&&(r=this.tokenizer.paragraph(e)))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.text(e,t))e=e.substring(r.raw.length),r.type?t.push(r):((l=t[t.length-1]).raw+="\n"+r.raw,l.text+="\n"+r.text);else if(e){var a="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(a);break}throw new Error(a)}return t},r.inline=function(e){for(var t,n,r,i,s,l=e.length,a=0;a<l;a++)switch((s=e[a]).type){case"paragraph":case"text":case"heading":s.tokens=[],this.inlineTokens(s.text,s.tokens);break;case"table":for(s.tokens={header:[],cells:[]},r=s.header.length,t=0;t<r;t++)s.tokens.header[t]=[],this.inlineTokens(s.header[t],s.tokens.header[t]);for(r=s.cells.length,t=0;t<r;t++)for(i=s.cells[t],s.tokens.cells[t]=[],n=0;n<i.length;n++)s.tokens.cells[t][n]=[],this.inlineTokens(i[n],s.tokens.cells[t][n]);break;case"blockquote":this.inline(s.tokens);break;case"list":for(r=s.items.length,t=0;t<r;t++)this.inline(s.items[t].tokens)}return e},r.inlineTokens=function(e,t,n,r){var i;void 0===t&&(t=[]),void 0===n&&(n=!1),void 0===r&&(r=!1);var s,l,a,o=e;if(this.tokens.links){var c=Object.keys(this.tokens.links);if(0<c.length)for(;null!=(s=this.tokenizer.rules.inline.reflinkSearch.exec(o));)c.includes(s[0].slice(s[0].lastIndexOf("[")+1,-1))&&(o=o.slice(0,s.index)+"["+B("a",s[0].length-2)+"]"+o.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex))}for(;null!=(s=this.tokenizer.rules.inline.blockSkip.exec(o));)o=o.slice(0,s.index)+"["+B("a",s[0].length-2)+"]"+o.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);for(;e;)if(l||(a=""),l=!1,i=this.tokenizer.escape(e))e=e.substring(i.raw.length),t.push(i);else if(i=this.tokenizer.tag(e,n,r))e=e.substring(i.raw.length),n=i.inLink,r=i.inRawBlock,t.push(i);else if(i=this.tokenizer.link(e))e=e.substring(i.raw.length),"link"===i.type&&(i.tokens=this.inlineTokens(i.text,[],!0,r)),t.push(i);else if(i=this.tokenizer.reflink(e,this.tokens.links))e=e.substring(i.raw.length),"link"===i.type&&(i.tokens=this.inlineTokens(i.text,[],!0,r)),t.push(i);else if(i=this.tokenizer.strong(e,o,a))e=e.substring(i.raw.length),i.tokens=this.inlineTokens(i.text,[],n,r),t.push(i);else if(i=this.tokenizer.em(e,o,a))e=e.substring(i.raw.length),i.tokens=this.inlineTokens(i.text,[],n,r),t.push(i);else if(i=this.tokenizer.codespan(e))e=e.substring(i.raw.length),t.push(i);else if(i=this.tokenizer.br(e))e=e.substring(i.raw.length),t.push(i);else if(i=this.tokenizer.del(e))e=e.substring(i.raw.length),i.tokens=this.inlineTokens(i.text,[],n,r),t.push(i);else if(i=this.tokenizer.autolink(e,M))e=e.substring(i.raw.length),t.push(i);else if(n||!(i=this.tokenizer.url(e,M))){if(i=this.tokenizer.inlineText(e,r,F))e=e.substring(i.raw.length),a=i.raw.slice(-1),l=!0,t.push(i);else if(e){var u="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(u);break}throw new Error(u)}}else e=e.substring(i.raw.length),t.push(i);return t},e=n,t=[{key:"rules",get:function(){return{block:L,inline:N}}}],(r=null)&&i(e.prototype,r),t&&i(e,t),n}(),X=t.defaults,G=S,V=_,H=function(){function e(e){this.options=e||X}var t=e.prototype;return t.code=function(e,t,n){var r=(t||"").match(/\S*/)[0];return!this.options.highlight||null!=(t=this.options.highlight(e,r))&&t!==e&&(n=!0,e=t),r?'<pre><code class="'+this.options.langPrefix+V(r,!0)+'">'+(n?e:V(e,!0))+"</code></pre>\n":"<pre><code>"+(n?e:V(e,!0))+"</code></pre>\n"},t.blockquote=function(e){return"<blockquote>\n"+e+"</blockquote>\n"},t.html=function(e){return e},t.heading=function(e,t,n,r){return this.options.headerIds?"<h"+t+' id="'+this.options.headerPrefix+r.slug(n)+'">'+e+"</h"+t+">\n":"<h"+t+">"+e+"</h"+t+">\n"},t.hr=function(){return this.options.xhtml?"<hr/>\n":"<hr>\n"},t.list=function(e,t,n){var r=t?"ol":"ul";return"<"+r+(t&&1!==n?' start="'+n+'"':"")+">\n"+e+"</"+r+">\n"},t.listitem=function(e){return"<li>"+e+"</li>\n"},t.checkbox=function(e){return"<input "+(e?'checked="" ':"")+'disabled="" type="checkbox"'+(this.options.xhtml?" /":"")+"> "},t.paragraph=function(e){return"<p>"+e+"</p>\n"},t.table=function(e,t){return"<table>\n<thead>\n"+e+"</thead>\n"+(t=t&&"<tbody>"+t+"</tbody>")+"</table>\n"},t.tablerow=function(e){return"<tr>\n"+e+"</tr>\n"},t.tablecell=function(e,t){var n=t.header?"th":"td";return(t.align?"<"+n+' align="'+t.align+'">':"<"+n+">")+e+"</"+n+">\n"},t.strong=function(e){return"<strong>"+e+"</strong>"},t.em=function(e){return"<em>"+e+"</em>"},t.codespan=function(e){return"<code>"+e+"</code>"},t.br=function(){return this.options.xhtml?"<br/>":"<br>"},t.del=function(e){return"<del>"+e+"</del>"},t.link=function(e,t,n){if(null===(e=G(this.options.sanitize,this.options.baseUrl,e)))return n;e='<a href="'+V(e)+'"';return t&&(e+=' title="'+t+'"'),e+=">"+n+"</a>"},t.image=function(e,t,n){if(null===(e=G(this.options.sanitize,this.options.baseUrl,e)))return n;n='<img src="'+e+'" alt="'+n+'"';return t&&(n+=' title="'+t+'"'),n+=this.options.xhtml?"/>":">"},t.text=function(e){return e},e}(),J=function(){function e(){}var t=e.prototype;return t.strong=function(e){return e},t.em=function(e){return e},t.codespan=function(e){return e},t.del=function(e){return e},t.html=function(e){return e},t.text=function(e){return e},t.link=function(e,t,n){return""+n},t.image=function(e,t,n){return""+n},t.br=function(){return""},e}(),K=function(){function e(){this.seen={}}var t=e.prototype;return t.serialize=function(e){return e.toLowerCase().trim().replace(/<[!\/a-z].*?>/gi,"").replace(/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g,"").replace(/\s/g,"-")},t.getNextSafeSlug=function(e,t){var n=e,r=0;if(this.seen.hasOwnProperty(n))for(r=this.seen[e];n=e+"-"+ ++r,this.seen.hasOwnProperty(n););return t||(this.seen[e]=r,this.seen[n]=0),n},t.slug=function(e,t){void 0===t&&(t={});var n=this.serialize(e);return this.getNextSafeSlug(n,t.dryrun)},e}(),Q=t.defaults,Y=y,ee=function(){function n(e){this.options=e||Q,this.options.renderer=this.options.renderer||new H,this.renderer=this.options.renderer,this.renderer.options=this.options,this.textRenderer=new J,this.slugger=new K}n.parse=function(e,t){return new n(t).parse(e)},n.parseInline=function(e,t){return new n(t).parseInline(e)};var e=n.prototype;return e.parse=function(e,t){void 0===t&&(t=!0);for(var n,r,i,s,l,a,o,c,u,p,h,g,f,d,k,b="",m=e.length,x=0;x<m;x++)switch((c=e[x]).type){case"space":continue;case"hr":b+=this.renderer.hr();continue;case"heading":b+=this.renderer.heading(this.parseInline(c.tokens),c.depth,Y(this.parseInline(c.tokens,this.textRenderer)),this.slugger);continue;case"code":b+=this.renderer.code(c.text,c.lang,c.escaped);continue;case"table":for(a=u="",i=c.header.length,n=0;n<i;n++)a+=this.renderer.tablecell(this.parseInline(c.tokens.header[n]),{header:!0,align:c.align[n]});for(u+=this.renderer.tablerow(a),o="",i=c.cells.length,n=0;n<i;n++){for(a="",s=(l=c.tokens.cells[n]).length,r=0;r<s;r++)a+=this.renderer.tablecell(this.parseInline(l[r]),{header:!1,align:c.align[r]});o+=this.renderer.tablerow(a)}b+=this.renderer.table(u,o);continue;case"blockquote":o=this.parse(c.tokens),b+=this.renderer.blockquote(o);continue;case"list":for(u=c.ordered,w=c.start,p=c.loose,i=c.items.length,o="",n=0;n<i;n++)f=(g=c.items[n]).checked,d=g.task,h="",g.task&&(k=this.renderer.checkbox(f),p?0<g.tokens.length&&"text"===g.tokens[0].type?(g.tokens[0].text=k+" "+g.tokens[0].text,g.tokens[0].tokens&&0<g.tokens[0].tokens.length&&"text"===g.tokens[0].tokens[0].type&&(g.tokens[0].tokens[0].text=k+" "+g.tokens[0].tokens[0].text)):g.tokens.unshift({type:"text",text:k}):h+=k),h+=this.parse(g.tokens,p),o+=this.renderer.listitem(h,d,f);b+=this.renderer.list(o,u,w);continue;case"html":b+=this.renderer.html(c.text);continue;case"paragraph":b+=this.renderer.paragraph(this.parseInline(c.tokens));continue;case"text":for(o=c.tokens?this.parseInline(c.tokens):c.text;x+1<m&&"text"===e[x+1].type;)o+="\n"+((c=e[++x]).tokens?this.parseInline(c.tokens):c.text);b+=t?this.renderer.paragraph(o):o;continue;default:var w='Token with "'+c.type+'" type was not found.';if(this.options.silent)return void console.error(w);throw new Error(w)}return b},e.parseInline=function(e,t){t=t||this.renderer;for(var n,r="",i=e.length,s=0;s<i;s++)switch((n=e[s]).type){case"escape":r+=t.text(n.text);break;case"html":r+=t.html(n.text);break;case"link":r+=t.link(n.href,n.title,this.parseInline(n.tokens,t));break;case"image":r+=t.image(n.href,n.title,n.text);break;case"strong":r+=t.strong(this.parseInline(n.tokens,t));break;case"em":r+=t.em(this.parseInline(n.tokens,t));break;case"codespan":r+=t.codespan(n.text);break;case"br":r+=t.br();break;case"del":r+=t.del(this.parseInline(n.tokens,t));break;case"text":r+=t.text(n.text);break;default:var l='Token with "'+n.type+'" type was not found.';if(this.options.silent)return void console.error(l);throw new Error(l)}return r},n}(),te=A,ne=I,re=_,_=t.getDefaults,ie=t.changeDefaults,t=t.defaults;function se(e,n,r){if(null==e)throw new Error("marked(): input parameter is undefined or null");if("string"!=typeof e)throw new Error("marked(): input parameter is of type "+Object.prototype.toString.call(e)+", string expected");if("function"==typeof n&&(r=n,n=null),n=te({},se.defaults,n||{}),ne(n),r){var i,s=n.highlight;try{i=W.lex(e,n)}catch(e){return r(e)}var l=function(t){var e;if(!t)try{e=ee.parse(i,n)}catch(e){t=e}return n.highlight=s,t?r(t):r(null,e)};if(!s||s.length<3)return l();if(delete n.highlight,!i.length)return l();var a=0;return se.walkTokens(i,function(n){"code"===n.type&&(a++,setTimeout(function(){s(n.text,n.lang,function(e,t){return e?l(e):(null!=t&&t!==n.text&&(n.text=t,n.escaped=!0),void(0===--a&&l()))})},0))}),void(0===a&&l())}try{var t=W.lex(e,n);return n.walkTokens&&se.walkTokens(t,n.walkTokens),ee.parse(t,n)}catch(e){if(e.message+="\nPlease report this to https://github.com/markedjs/marked.",n.silent)return"<p>An error occurred:</p><pre>"+re(e.message+"",!0)+"</pre>";throw e}}return se.options=se.setOptions=function(e){return te(se.defaults,e),ie(se.defaults),se},se.getDefaults=_,se.defaults=t,se.use=function(a){var t,n=te({},a);a.renderer&&function(){var e,l=se.defaults.renderer||new H;for(e in a.renderer)!function(i){var s=l[i];l[i]=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=a.renderer[i].apply(l,t);return!1===r&&(r=s.apply(l,t)),r}}(e);n.renderer=l}(),a.tokenizer&&function(){var e,l=se.defaults.tokenizer||new D;for(e in a.tokenizer)!function(i){var s=l[i];l[i]=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=a.tokenizer[i].apply(l,t);return!1===r&&(r=s.apply(l,t)),r}}(e);n.tokenizer=l}(),a.walkTokens&&(t=se.defaults.walkTokens,n.walkTokens=function(e){a.walkTokens(e),t&&t(e)}),se.setOptions(n)},se.walkTokens=function(e,t){for(var n,r=p(e);!(n=r()).done;){var i=n.value;switch(t(i),i.type){case"table":for(var s=p(i.tokens.header);!(l=s()).done;){var l=l.value;se.walkTokens(l,t)}for(var a,o=p(i.tokens.cells);!(a=o()).done;)for(var c=p(a.value);!(u=c()).done;){var u=u.value;se.walkTokens(u,t)}break;case"list":se.walkTokens(i.items,t);break;default:i.tokens&&se.walkTokens(i.tokens,t)}}},se.parseInline=function(e,t){if(null==e)throw new Error("marked.parseInline(): input parameter is undefined or null");if("string"!=typeof e)throw new Error("marked.parseInline(): input parameter is of type "+Object.prototype.toString.call(e)+", string expected");t=te({},se.defaults,t||{}),ne(t);try{var n=W.lexInline(e,t);return t.walkTokens&&se.walkTokens(n,t.walkTokens),ee.parseInline(n,t)}catch(e){if(e.message+="\nPlease report this to https://github.com/markedjs/marked.",t.silent)return"<p>An error occurred:</p><pre>"+re(e.message+"",!0)+"</pre>";throw e}},se.Parser=ee,se.parser=ee.parse,se.Renderer=H,se.TextRenderer=J,se.Lexer=W,se.lexer=W.lex,se.Tokenizer=D,se.Slugger=K,se.parse=se};module.exports=t();
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/plugins/markdown/miniprogram/build.js b/wechat-mini-program/components/mp-html/plugins/markdown/miniprogram/build.js
new file mode 100644
index 0000000..db68178
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/markdown/miniprogram/build.js
@@ -0,0 +1,70 @@
+const path = require('path')
+
+module.exports = {
+  style:
+    `.md-p {
+  margin-block-start: 1em;
+  margin-block-end: 1em;
+}
+
+.md-table,
+.md-blockquote {
+  margin-bottom: 16px;
+}
+
+.md-table {
+  box-sizing: border-box;
+  width: 100%;
+  overflow: auto;
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+
+.md-tr {
+  background-color: #fff;
+  border-top: 1px solid #c6cbd1;
+}
+
+.md-table .md-tr:nth-child(2n) {
+  background-color: #f6f8fa;
+}
+
+.md-th,
+.md-td {
+  padding: 6px 13px !important;
+  border: 1px solid #dfe2e5;
+}
+
+.md-th {
+  font-weight: 600;
+}
+
+.md-blockquote {
+  padding: 0 1em;
+  color: #6a737d;
+  border-left: 0.25em solid #dfe2e5;
+}
+
+.md-code {
+  padding: 0.2em 0.4em;
+  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
+  font-size: 85%;
+  background-color: rgba(27, 31, 35, 0.05);
+  border-radius: 3px;
+}
+
+.md-pre .md-code {
+  padding: 0;
+  font-size: 100%;
+  background: transparent;
+  border: 0;
+}`,
+  handler (file) {
+    // 添加 markdown 属性
+    if (file.path.includes('miniprogram' + path.sep + 'index.js')) {
+      file.contents = Buffer.from(file.contents.toString().replace(/properties\s*:\s*{/, 'properties: {\n    markdown: Boolean,')
+      // 处理中文 id
+        .replace(/navigateTo\s*\(id,\s*offset\)\s*{/, 'navigateTo (id, offset) {\n      id = this._ids[decodeURI(id)] || id'))
+    }
+  }
+}
diff --git a/wechat-mini-program/components/mp-html/plugins/markdown/uni-app/build.js b/wechat-mini-program/components/mp-html/plugins/markdown/uni-app/build.js
new file mode 100644
index 0000000..e127227
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/markdown/uni-app/build.js
@@ -0,0 +1,68 @@
+module.exports = {
+  style:
+    `.md-p {
+  margin-block-start: 1em;
+  margin-block-end: 1em;
+}
+
+.md-table,
+.md-blockquote {
+  margin-bottom: 16px;
+}
+
+.md-table {
+  box-sizing: border-box;
+  width: 100%;
+  overflow: auto;
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+
+.md-tr {
+  background-color: #fff;
+  border-top: 1px solid #c6cbd1;
+}
+
+.md-table .md-tr:nth-child(2n) {
+  background-color: #f6f8fa;
+}
+
+.md-th,
+.md-td {
+  padding: 6px 13px !important;
+  border: 1px solid #dfe2e5;
+}
+
+.md-th {
+  font-weight: 600;
+}
+
+.md-blockquote {
+  padding: 0 1em;
+  color: #6a737d;
+  border-left: 0.25em solid #dfe2e5;
+}
+
+.md-code {
+  padding: 0.2em 0.4em;
+  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
+  font-size: 85%;
+  background-color: rgba(27, 31, 35, 0.05);
+  border-radius: 3px;
+}
+
+.md-pre .md-code {
+  padding: 0;
+  font-size: 100%;
+  background: transparent;
+  border: 0;
+}`,
+  handler (file) {
+    // 添加 markdown 属性
+    if (file.path.includes('mp-html.vue')) {
+      file.contents = Buffer.from(file.contents.toString().replace(/props\s*:\s*{/, 'props: {\n    markdown: Boolean,')
+      // 处理中文 id
+        .replace(/navigateTo\s*\(id,\s*offset\)\s*{/, 'navigateTo (id, offset) {\n      id = this._ids[decodeURI(id)] || id'))
+    }
+  }
+}
diff --git a/wechat-mini-program/components/mp-html/plugins/search/README.md b/wechat-mini-program/components/mp-html/plugins/search/README.md
new file mode 100644
index 0000000..c33a192
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/search/README.md
@@ -0,0 +1,46 @@
+# search
+功能：关键词搜索  
+大小：*≈1.5KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √(nvue 不支持) |
+
+说明：  
+引入后会在组件实例上挂载一个 *search* 方法，用于关键词搜索  
+
+输入值  
+
+| 参数名 | 类型 | 默认值 | 说明 |
+|:---:|:---:|:---:|---|
+| key | String 或 RegExp | - | 要搜索的关键词，支持字符串和正则 |
+| anchor | Boolean | false | 是否将搜索结果设置为锚点 |
+| style | String | background-color:yellow | 标记搜索结果的样式 |
+
+返回值：*Promise*    
+
+| 属性 | 类型 | 说明 |
+|:---:|:---:|---|
+| num | Number | 搜索结果数量 |
+| highlight | Function(i, style='background-color:#FF9632') | 高亮第 i（1 ~ num）个结果，将其样式设置为 style |
+| jump | Function(i, offset) | 跳转到第 i（1 ~ num）个结果，偏移量为 offset，anchor 为 true 才可用 |
+
+示例：  
+```javascript
+function search (key) {
+  // ctx 为组件实例
+  ctx.search(key, true).then(res => {
+    res.highlight(1)
+    res.jump(1, -50) // 高亮第 1 个结果并跳转到该位置，偏移量 -50
+  })
+}
+```
+
+附加说明：  
+1. 不传入 *key*（或为空）时即可取消搜索，取消所有的高亮，还原到原来的效果  
+2. 进行新的搜索时旧的搜索结果将被还原，旧的结果中的 *highlight* 等方法不再可用  
+3. 调用 *highlight* 方法高亮一个结果时，之前被高亮的结果会被还原，即始终只有一个结果被高亮  
+4. *key* 传入字符串时大小写敏感，如果要忽略大小写可以用正则的 *i*（字符串搜索效率高于正则）  
+5. 设置 *anchor* 为 *true* 会一定程度上降低效率，非必要不要开启  
+6. 暂不支持跨标签搜索，即只有一个文本节点内包含整个关键词才能被搜索到  
diff --git a/wechat-mini-program/components/mp-html/plugins/search/miniprogram/index.js b/wechat-mini-program/components/mp-html/plugins/search/miniprogram/index.js
new file mode 100644
index 0000000..c7d0d7e
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/search/miniprogram/index.js
@@ -0,0 +1,137 @@
+/**
+ * @fileoverview search 插件
+ */
+
+function Search (vm) {
+  /**
+   * @description 关键词搜索
+   * @param {regexp|string} key 要搜索的关键词
+   * @param {boolean} anchor 是否将搜索结果设置为锚点
+   * @param {string} style 搜索结果的样式
+   */
+  vm.search = function (key, anchor, style = 'background-color:yellow') {
+    const obj = {}
+    const stack = []
+    const res = [];
+
+    // 遍历搜索
+    (function traversal (nodes, path) {
+      for (let i = 0; i < nodes.length; i++) {
+        const node = nodes[i]
+        if (node.type === 'text' && key) {
+          const arr = node.text.split(key)
+          const children = []
+          if (arr.length > 1) {
+            // 找到关键词
+            for (let j = 0; j < arr.length; j++) {
+              if (arr[j]) {
+                children.push({
+                  type: 'text',
+                  text: arr[j]
+                })
+              }
+              if (j !== arr.length - 1) {
+                // 关键词转为一个 span
+                res.push(`${path}[${i}].children[${children.length}].attrs.style`)
+                children.push({
+                  name: 'span',
+                  attrs: {
+                    id: anchor ? 'search' + res.length : undefined, // 用于锚点的 id
+                    style
+                  },
+                  children: [{
+                    type: 'text',
+                    text: key instanceof RegExp ? key.exec(node.text)[0] : key
+                  }]
+                })
+              }
+            }
+            if (key instanceof RegExp) {
+              key.exec(node.text)
+            }
+            if (anchor) {
+              for (let l = stack.length; l--;) {
+                // 给父组件做标记，将该标签暴露出来
+                if (stack[l].c) {
+                  break
+                } else {
+                  obj[stack[l].path] = 1
+                }
+              }
+            }
+            obj[`${path}[${i}]`] = {
+              name: 'span',
+              c: anchor ? 1 : undefined,
+              s: 1,
+              children
+            }
+          }
+        } else if (node.s) {
+          let text = ''
+          // 复原上一次的结果
+          for (let k = 0; k < node.children.length; k++) {
+            const child = node.children[k]
+            if (child.text) {
+              text += child.text
+            } else {
+              text += child.children[0].text
+            }
+          }
+          nodes[i] = {
+            type: 'text',
+            text
+          }
+          if (key && (key instanceof RegExp ? key.test(text) : text.includes(key))) {
+            i--
+          } else {
+            obj[`${path}[${i}]`] = nodes[i]
+          }
+        } else if (node.children) {
+          stack.push({
+            path: `${path}[${i}].c`,
+            c: node.c || node.name === 'table'
+          })
+          traversal(node.children, `${path}[${i}].children`)
+          stack.pop()
+        }
+      }
+    })(vm.data.nodes, 'nodes')
+
+    return new Promise(function (resolve) {
+      vm.setData(obj, () => {
+        resolve({
+          num: res.length, // 结果数量
+          /**
+           * @description 高亮某一个结果
+           * @param {number} i 第几个
+           * @param {string} hlstyle 高亮的样式
+           */
+          highlight (i, hlstyle = 'background-color:#FF9632') {
+            if (i < 1 || i > res.length) return
+            const obj = {}
+            if (this.last) {
+              obj[res[this.last - 1]] = style
+            }
+            this.last = i
+            obj[res[i - 1]] = hlstyle
+            vm.setData(obj)
+          },
+          /**
+           * @description 跳转到搜索结果
+           * @param {number} i 第几个
+           * @param {number} offset 偏移量
+           */
+          jump: anchor
+            ? (i, offset) => {
+                if (i > 0 && i <= res.length) {
+                  vm.navigateTo('search' + i, offset)
+                }
+              }
+            : undefined
+        })
+      })
+    })
+  }
+}
+
+module.exports = Search
diff --git a/wechat-mini-program/components/mp-html/plugins/search/uni-app/index.js b/wechat-mini-program/components/mp-html/plugins/search/uni-app/index.js
new file mode 100644
index 0000000..c0f90a3
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/search/uni-app/index.js
@@ -0,0 +1,132 @@
+/**
+ * @fileoverview search 插件
+ */
+function Search (vm) {
+  /**
+   * @description 关键词搜索
+   * @param {regexp|string} key 要搜索的关键词
+   * @param {boolean} anchor 是否将搜索结果设置为锚点
+   * @param {string} style 搜索结果的样式
+   */
+  vm.search = function (key, anchor, style = 'background-color:yellow') {
+    const res = []
+    const stack = [];
+
+    // 遍历搜索
+    (function traversal (nodes) {
+      for (let i = 0; i < nodes.length; i++) {
+        let node = nodes[i]
+        if (node.type === 'text' && key) {
+          const text = node.text
+          const arr = text.split(key)
+          if (arr.length > 1) {
+            node = {
+              name: 'span',
+              attrs: {},
+              type: 'node',
+              c: 1,
+              s: 1,
+              children: []
+            }
+            vm.$set(nodes, i, node)
+            for (let j = 0; j < arr.length; j++) {
+              if (arr[j]) {
+                node.children.push({
+                  type: 'text',
+                  text: arr[j]
+                })
+              }
+              if (j !== arr.length - 1) {
+                // 关键词转为一个 span
+                node.children.push({
+                  name: 'span',
+                  attrs: {
+                    id: anchor ? 'search' + (res.length + 1) : undefined, // 用于锚点的 id
+                    style: style
+                  },
+                  // #ifdef VUE3
+                  c: 1,
+                  // #endif
+                  children: [{
+                    type: 'text',
+                    text: key instanceof RegExp ? key.exec(text)[0] : key
+                  }]
+                })
+                res.push(node.children[node.children.length - 1].attrs)
+              }
+            }
+            if (key instanceof RegExp) {
+              key.exec(text)
+            }
+            if (anchor) {
+              for (let l = stack.length; l--;) {
+                if (stack[l].c) {
+                  break
+                } else {
+                  vm.$set(stack[l], 'c', 1)
+                }
+              }
+            }
+          }
+        } else if (node.s) {
+          let text = ''
+          // 复原上一次的结果
+          for (let k = 0; k < node.children.length; k++) {
+            const child = node.children[k]
+            if (child.text) {
+              text += child.text
+            } else {
+              text += child.children[0].text
+            }
+          }
+          vm.$set(nodes, i, {
+            type: 'text',
+            text
+          })
+          if (key && (key instanceof RegExp ? key.test(text) : text.includes(key))) {
+            i--
+          }
+        } else if (node.children) {
+          stack.push(node)
+          traversal(node.children)
+          stack.pop()
+        }
+      }
+    })(vm.nodes)
+
+    return new Promise(function (resolve) {
+      setTimeout(() => {
+        resolve({
+          num: res.length, // 结果数量
+          /**
+           * @description 高亮某一个结果
+           * @param {number} i 第几个
+           * @param {string} hlstyle 高亮的样式
+           */
+          highlight (i, hlstyle = 'background-color:#FF9632') {
+            if (i < 1 || i > res.length) return
+            if (this.last) {
+              res[this.last - 1].style = style
+            }
+            this.last = i
+            res[i - 1].style = hlstyle
+          },
+          /**
+           * @description 跳转到搜索结果
+           * @param {number} i 第几个
+           * @param {number} offset 偏移量
+           */
+          jump: anchor
+            ? (i, offset) => {
+                if (i > 0 && i <= res.length) {
+                  vm.navigateTo('search' + i, offset)
+                }
+              }
+            : undefined
+        })
+      }, 200)
+    })
+  }
+}
+
+module.exports = Search
diff --git a/wechat-mini-program/components/mp-html/plugins/style/README.md b/wechat-mini-program/components/mp-html/plugins/style/README.md
new file mode 100644
index 0000000..9aced36
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/style/README.md
@@ -0,0 +1,30 @@
+# style
+功能：解析和匹配 *style* 标签中的样式  
+
+> 这里的 *style* 标签指的是传入 *content* 属性中的 *html* 里包含的 *style* 标签，且 *style* 标签要放在其他标签前面才能生效
+
+大小：*≈3.5KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √ (nvue 直接支持) |
+
+说明：  
+支持以下选择器：  
+
+| 名称 | 示例 |
+|:---:|---|
+| 标签名选择器 | p {} |
+| class 选择器 | .class {} |
+| id 选择器 | #id {} |
+| 多选择器交集 | p.class {} |
+| 多选择器并集 | p, .class {} |
+| 后代选择器 | .class1 .class2 {} |
+| 子选择器 | .class1 > .class2 {} |
+| 伪类 | .class::before {} |
+
+伪类仅支持 *before* 和 *after*，支持 *attr* 方法  
+不支持的选择器（属性选择器等）将被忽略  
+
+> 由于小程序中无法动态写入 *css*，本插件的实现原理是通过解析，将匹配的样式添加到各标签的行内 *style* 中去，请慎用宽泛的选择器，以免大大增加解析结果大小，减慢渲染速度  
diff --git a/wechat-mini-program/components/mp-html/plugins/style/index.js b/wechat-mini-program/components/mp-html/plugins/style/index.js
new file mode 100644
index 0000000..a7de815
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/style/index.js
@@ -0,0 +1,129 @@
+/**
+ * @fileoverview style 插件
+ */
+// #ifndef APP-PLUS-NVUE
+const Parser = require('./parser')
+// #endif
+
+function Style () {
+  this.styles = []
+}
+
+// #ifndef APP-PLUS-NVUE
+Style.prototype.onParse = function (node, vm) {
+  // 获取样式
+  if (node.name === 'style' && node.children.length && node.children[0].type === 'text') {
+    this.styles = this.styles.concat(new Parser().parse(node.children[0].text))
+  } else if (node.name) {
+    // 匹配样式（对非文本标签）
+    // 存储不同优先级的样式 name < class < id < 后代
+    let matched = ['', '', '', '']
+    for (let i = 0, len = this.styles.length; i < len; i++) {
+      const item = this.styles[i]
+      let res = match(node, item.key || item.list[item.list.length - 1])
+      let j
+      if (res) {
+        // 后代选择器
+        if (!item.key) {
+          j = item.list.length - 2
+          for (let k = vm.stack.length; j >= 0 && k--;) {
+            // 子选择器
+            if (item.list[j] === '>') {
+              // 错误情况
+              if (j < 1 || j > item.list.length - 2) break
+              if (match(vm.stack[k], item.list[j - 1])) {
+                j -= 2
+              } else {
+                j++
+              }
+            } else if (match(vm.stack[k], item.list[j])) {
+              j--
+            }
+          }
+          res = 4
+        }
+        if (item.key || j < 0) {
+          // 添加伪类
+          if (item.pseudo && node.children) {
+            let text
+            item.style = item.style.replace(/content:([^;]+)/, (_, $1) => {
+              text = $1.replace(/['"]/g, '')
+                // 处理 attr 函数
+                .replace(/attr\((.+?)\)/, (_, $1) => node.attrs[$1.trim()] || '')
+                // 编码 \xxx
+                .replace(/\\(\w{4})/, (_, $1) => String.fromCharCode(parseInt($1, 16)))
+              return ''
+            })
+            const pseudo = {
+              name: 'span',
+              attrs: {
+                style: item.style
+              },
+              children: [{
+                type: 'text',
+                text
+              }]
+            }
+            if (item.pseudo === 'before') {
+              node.children.unshift(pseudo)
+            } else {
+              node.children.push(pseudo)
+            }
+          } else {
+            matched[res - 1] += item.style + (item.style[item.style.length - 1] === ';' ? '' : ';')
+          }
+        }
+      }
+    }
+    matched = matched.join('')
+    if (matched.length > 2) {
+      node.attrs.style = matched + (node.attrs.style || '')
+    }
+  }
+}
+
+/**
+ * @description 匹配样式
+ * @param {object} node 要匹配的标签
+ * @param {string|string[]} keys 选择器
+ * @returns {number} 0：不匹配；1：name 匹配；2：class 匹配；3：id 匹配
+ */
+function match (node, keys) {
+  function matchItem (key) {
+    if (key[0] === '#') {
+      // 匹配 id
+      if (node.attrs.id && node.attrs.id.trim() === key.substr(1)) return 3
+    } else if (key[0] === '.') {
+      // 匹配 class
+      key = key.substr(1)
+      const selectors = (node.attrs.class || '').split(' ')
+      for (let i = 0; i < selectors.length; i++) {
+        if (selectors[i].trim() === key) return 2
+      }
+    } else if (node.name === key) {
+      // 匹配 name
+      return 1
+    }
+    return 0
+  }
+
+  // 多选择器交集
+  if (keys instanceof Array) {
+    let res = 0
+    for (let j = 0; j < keys.length; j++) {
+      const tmp = matchItem(keys[j])
+      // 任意一个不匹配就失败
+      if (!tmp) return 0
+      // 优先级最大的一个作为最终优先级
+      if (tmp > res) {
+        res = tmp
+      }
+    }
+    return res
+  }
+
+  return matchItem(keys)
+}
+// #endif
+
+module.exports = Style
diff --git a/wechat-mini-program/components/mp-html/plugins/style/parser.js b/wechat-mini-program/components/mp-html/plugins/style/parser.js
new file mode 100644
index 0000000..8410ebf
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/style/parser.js
@@ -0,0 +1,175 @@
+const blank = {
+  ' ': true,
+  '\n': true,
+  '\t': true,
+  '\r': true,
+  '\f': true
+}
+
+function Parser () {
+  this.styles = []
+  this.selectors = []
+}
+
+/**
+ * @description 解析 css 字符串
+ * @param {string} content css 内容
+ */
+Parser.prototype.parse = function (content) {
+  new Lexer(this).parse(content)
+  return this.styles
+}
+
+/**
+ * @description 解析到一个选择器
+ * @param {string} name 名称
+ */
+Parser.prototype.onSelector = function (name) {
+  // 不支持的选择器
+  if (name.includes('[') || name.includes('*') || name.includes('@')) return
+  const selector = {}
+  // 伪类
+  if (name.includes(':')) {
+    const info = name.split(':')
+    const pseudo = info.pop()
+    if (pseudo === 'before' || pseudo === 'after') {
+      selector.pseudo = pseudo
+      name = info[0]
+    } else return
+  }
+
+  // 分割交集选择器
+  function splitItem (str) {
+    const arr = []
+    let i, start
+    for (i = 1, start = 0; i < str.length; i++) {
+      if (str[i] === '.' || str[i] === '#') {
+        arr.push(str.substring(start, i))
+        start = i
+      }
+    }
+    if (!arr.length) {
+      return str
+    } else {
+      arr.push(str.substring(start, i))
+      return arr
+    }
+  }
+
+  // 后代选择器
+  if (name.includes(' ')) {
+    selector.list = []
+    const list = name.split(' ')
+    for (let i = 0; i < list.length; i++) {
+      if (list[i].length) {
+        // 拆分子选择器
+        const arr = list[i].split('>')
+        for (let j = 0; j < arr.length; j++) {
+          selector.list.push(splitItem(arr[j]))
+          if (j < arr.length - 1) {
+            selector.list.push('>')
+          }
+        }
+      }
+    }
+  } else {
+    selector.key = splitItem(name)
+  }
+
+  this.selectors.push(selector)
+}
+
+/**
+ * @description 解析到选择器内容
+ * @param {string} content 内容
+ */
+Parser.prototype.onContent = function (content) {
+  // 并集选择器
+  for (let i = 0; i < this.selectors.length; i++) {
+    this.selectors[i].style = content
+  }
+  this.styles = this.styles.concat(this.selectors)
+  this.selectors = []
+}
+
+/**
+ * @description css 词法分析器
+ * @param {object} handler 高层处理器
+ */
+function Lexer (handler) {
+  this.selector = ''
+  this.style = ''
+  this.handler = handler
+}
+
+Lexer.prototype.parse = function (content) {
+  this.i = 0
+  this.content = content
+  this.state = this.blank
+  for (let len = content.length; this.i < len; this.i++) {
+    this.state(content[this.i])
+  }
+}
+
+Lexer.prototype.comment = function () {
+  this.i = this.content.indexOf('*/', this.i) + 1
+  if (!this.i) {
+    this.i = this.content.length
+  }
+}
+
+Lexer.prototype.blank = function (c) {
+  if (!blank[c]) {
+    if (c === '/' && this.content[this.i + 1] === '*') {
+      this.comment()
+      return
+    }
+    this.selector += c
+    this.state = this.name
+  }
+}
+
+Lexer.prototype.name = function (c) {
+  if (c === '/' && this.content[this.i + 1] === '*') {
+    this.comment()
+    return
+  }
+  if (c === '{' || c === ',' || c === ';') {
+    this.handler.onSelector(this.selector.trimEnd())
+    this.selector = ''
+    if (c !== '{') {
+      while (blank[this.content[++this.i]]);
+    }
+    if (this.content[this.i] === '{') {
+      this.floor = 1
+      this.state = this.val
+    } else {
+      this.selector += this.content[this.i]
+    }
+  } else if (blank[c]) {
+    this.selector += ' '
+  } else {
+    this.selector += c
+  }
+}
+
+Lexer.prototype.val = function (c) {
+  if (c === '/' && this.content[this.i + 1] === '*') {
+    this.comment()
+    return
+  }
+  if (c === '{') {
+    this.floor++
+  } else if (c === '}') {
+    this.floor--
+    if (!this.floor) {
+      this.handler.onContent(this.style)
+      this.style = ''
+      this.state = this.blank
+      return
+    }
+  }
+  this.style += c
+}
+
+module.exports = Parser
diff --git a/wechat-mini-program/components/mp-html/plugins/template/README.md b/wechat-mini-program/components/mp-html/plugins/template/README.md
new file mode 100644
index 0000000..5481967
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/template/README.md
@@ -0,0 +1,2 @@
+# 模板
+这是一个插件模板，需要开发插件时，可以从这个模板开始  
diff --git a/wechat-mini-program/components/mp-html/plugins/template/build.js b/wechat-mini-program/components/mp-html/plugins/template/build.js
new file mode 100644
index 0000000..5a90c35
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/template/build.js
@@ -0,0 +1,65 @@
+/**
+ * @description 插件构建文件模板
+ */
+
+module.exports = {
+  /**
+   * @description 入口文件
+   * @type {String}
+   * @default 'index.js'
+   */
+  main: 'index.js',
+  /**
+   * @description 支持的平台
+   * @type {String[]}
+   * @default ['mp-weixin','mp-qq','mp-baidu','mp-alipay','mp-toutiao','uni-app']
+   */
+  platform: ['mp-weixin', 'mp-qq', 'mp-baidu', 'mp-alipay', 'mp-toutiao', 'uni-app'],
+  /**
+   * @description 要被添加到模板文件中的标签（将被添加到 src/node/node.wxml）
+   * 必须要有 wx:if 表明什么情况下使用该标签
+   * n 表示标签结构体，<node> 标签用于递归显示子节点（可参考源文件中的写法）
+   * @type {String}
+   */
+  template: '',
+  /**
+   * @description 用于处理模板中事件的方法（将被添加到 src/node/node.js）
+   * 需要触发顶层组件的事件请使用 this.root.triggerEvent
+   * @type {Object}
+   */
+  methods: {
+
+  },
+  /**
+   * @description 用于模板文件的 css 样式（将被添加到 src/node/node.wxss）
+   * @type {String}
+   */
+  style: '',
+  /**
+   * @description 要被引入到模板文件的 css 文件路径（将被添加到 src/node/node.wxss）
+   * @type {String|String[]}
+   */
+  import: [],
+  /**
+   * @description 在模板中需要使用的组件或插件列表（将被添加到 src/node/node.json）
+   * @type {Object}
+   */
+  usingComponents: {
+
+  },
+  /**
+   * @description 自定义文件处理器
+   * 如果上述处理还无法满足要求，可以在此方法中进行处理
+   * 所有 src 目录下的文件和本插件目录下的文件都会经过此方法的处理
+   * @param {Vinyl} file 关于该文件对象的格式可参考 https://github.com/gulpjs/vinyl#instance-methods
+   * @param {String} platform 平台
+   */
+  handler (file, platform) {
+    let content = file.contents.toString()
+    // 进行处理
+    if (platform === 'xxx') {
+      content = content.replace('aaa', 'bbb')
+    }
+    file.contents = Buffer.from(content)
+  }
+}
diff --git a/wechat-mini-program/components/mp-html/plugins/template/index.js b/wechat-mini-program/components/mp-html/plugins/template/index.js
new file mode 100644
index 0000000..bbfcb6f
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/template/index.js
@@ -0,0 +1,67 @@
+/**
+ * @fileoverview 插件入口文件模板
+ */
+
+const data = {} // 全局数据
+
+/**
+ * @description 组件被创建时将实例化插件
+ * @param {Component} vm 组件实例
+ */
+function Plugin (vm) {
+  this.vm = vm // 保存实例在其他周期使用
+  this.compData = {} // 仅在单个组件中使用的数据
+  data.xxx = 'xxx' // 记录全局数据
+}
+
+/**
+ * @description html 数据更新时触发
+ * @param {string} content 要更新的 html 字符串
+ * @param {object} config 解析配置
+ * @returns {string|void} 如果要对 html 字符串进行一些预处理，则返回处理后的字符串
+ */
+Plugin.prototype.onUpdate = function (content, config) {
+  config.ignoreTags.xxx = true // 移除 xxx 标签
+  // 对 html 内容进行预处理并返回修改，没有修改则不需要返回
+  return content
+}
+
+/**
+ * @description 解析到一个标签时触发
+ * @param {object} node 标签
+ * @param {object} parser 解析器实例
+ * @returns {boolean|void} 如果返回 false 将移除该标签
+ */
+Plugin.prototype.onParse = function (node, parser) {
+  // 处理文本标签
+  if (node.type === 'text') {
+    // node.text 文本内容
+  } else {
+    // 处理元素标签
+    // node.name 标签名
+    // node.attrs 属性列表
+    // node.children 子节点（非自闭合标签有）
+
+    if (node.name === 'xxx') {
+      parser.expose() // 如果该标签不能被 rich-text 包含，需要调用此方法暴露出来
+      // parser.options 组件传入的一些解析属性
+      // parser.stack 可以从栈中获取祖先节点
+    }
+  }
+}
+
+/**
+ * @description dom 树加载完毕时触发（load 事件）
+ */
+Plugin.prototype.onLoad = function () {
+  // 可以获取媒体 context 对象等
+}
+
+/**
+ * @description 组件被移除时触发
+ */
+Plugin.prototype.onDetached = function () {
+  // 可以释放一些必要的资源（计时器等）
+}
+
+module.exports = Plugin
diff --git a/wechat-mini-program/components/mp-html/plugins/txv-video/README.md b/wechat-mini-program/components/mp-html/plugins/txv-video/README.md
new file mode 100644
index 0000000..921079e
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/txv-video/README.md
@@ -0,0 +1,18 @@
+# txv-video
+功能：使用腾讯视频  
+大小：*≈1KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ |   |   |   | √ (h5 和 app 直接支持) |
+
+说明：  
+引入本插件后，*html* 中符合下方格式的 *iframe* 标签（*src* 中含有 *vid*）将被转为通过腾讯视频播放：  
+```html
+<iframe src="https://v.qq.com/txp/iframe/player.html?vid=xxxxxx" allowFullScreen="true"></iframe>
+```
+
+同时，其可以被 *pause-video* 属性控制  
+
+!> 本插件仅用于将官方 [腾讯视频插件](https://github.com/tvfe/txv-miniprogram-plugin) 应用于本组件，仅在微信和 *qq* 平台有效，使用前请确认已经成功申请使用该插件并按要求在小程序 *app.json* 中配置完成，否则可能报错 **This application has not registered any plugins yet** 且无法生效  
diff --git a/wechat-mini-program/components/mp-html/plugins/txv-video/build.js b/wechat-mini-program/components/mp-html/plugins/txv-video/build.js
new file mode 100644
index 0000000..aefb420
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/txv-video/build.js
@@ -0,0 +1,3 @@
+module.exports = {
+  platform: ['mp-weixin', 'mp-qq', 'uni-app']
+}
diff --git a/wechat-mini-program/components/mp-html/plugins/txv-video/index.js b/wechat-mini-program/components/mp-html/plugins/txv-video/index.js
new file mode 100644
index 0000000..6fcc186
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/txv-video/index.js
@@ -0,0 +1,46 @@
+/**
+ * @fileoverview txv-video 插件
+ * Include txv-video (https://github.com/tvfe/txv-miniprogram-plugin)
+ */
+const TxvVideo = function (vm) {
+  this.vm = vm
+}
+
+// #ifdef MP-WEIXIN || MP-QQ
+try {
+  const TxvContext = requirePlugin('tencentvideo')
+
+  TxvVideo.prototype.onLoad = function () {
+    setTimeout(() => {
+      for (let i = 0; i < this.videos.length; i++) {
+        const ctx = TxvContext.getTxvContext(this.videos[i])
+        ctx.id = this.videos[i]
+        this.vm._videos.push(ctx)
+      }
+    }, 50)
+  }
+} catch (e) {
+  console.error('使用txv-video扩展需注册腾讯视频插件')
+}
+
+TxvVideo.prototype.onUpdate = function (_, config) {
+  config.trustTags['txv-video'] = true
+  this.videos = []
+}
+
+TxvVideo.prototype.onParse = function (node, parser) {
+  if (node.name === 'iframe' && (node.attrs.src || '').includes('vid')) {
+    const vid = node.attrs.src.match(/vid=([^&\s]+)/)
+    if (vid) {
+      node.name = 'txv-video'
+      node.attrs.vid = vid[1]
+      this.videos.push(vid[1])
+      node.attrs.src = undefined
+      parser.expose()
+    }
+  }
+}
+
+// #endif
+
+module.exports = TxvVideo
diff --git a/wechat-mini-program/components/mp-html/plugins/txv-video/miniprogram/build.js b/wechat-mini-program/components/mp-html/plugins/txv-video/miniprogram/build.js
new file mode 100644
index 0000000..fe48abf
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/txv-video/miniprogram/build.js
@@ -0,0 +1,6 @@
+module.exports = {
+  template: '<txv-video wx:if="{{n.name==\'txv-video\'}}" vid="{{n.attrs.vid}}" playerid="{{n.attrs.vid}}" id="{{n.attrs.vid}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" controls data-i="{{i}}" bindplay="play" binderror="mediaError" />',
+  usingComponents: {
+    'txv-video': 'plugin://tencentvideo/video'
+  }
+}
diff --git a/wechat-mini-program/components/mp-html/plugins/txv-video/uni-app/build.js b/wechat-mini-program/components/mp-html/plugins/txv-video/uni-app/build.js
new file mode 100644
index 0000000..326de3b
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/plugins/txv-video/uni-app/build.js
@@ -0,0 +1,3 @@
+module.exports = {
+  template: '<txv-video v-if="n.name==\'txv-video\'" :vid="n.attrs.vid" :playerid="n.attrs.vid" :id="n.attrs.vid" :class="n.attrs.class" :style="n.attrs.style" controls :data-i="i" @play="play" @error="mediaError" />'
+}
diff --git a/wechat-mini-program/components/mp-html/src/miniprogram/index.js b/wechat-mini-program/components/mp-html/src/miniprogram/index.js
new file mode 100644
index 0000000..4917a0f
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/src/miniprogram/index.js
@@ -0,0 +1,396 @@
+/*!
+ * mp-html v2.5.1
+ * https://github.com/jin-yufeng/mp-html
+ *
+ * Released under the MIT license
+ * Author: Jin Yufeng
+ */
+const Parser = require('./parser')
+const plugins = []
+
+Component({
+  data: {
+    nodes: []
+  },
+  properties: {
+    /**
+     * @description 容器的样式
+     * @type {String}
+     */
+    containerStyle: String,
+
+    /**
+     * @description 用于渲染的 html 字符串
+     * @type {String}
+     */
+    content: {
+      type: String,
+      value: '',
+      observer (content) {
+        this.setContent(content)
+      }
+    },
+
+    /**
+     * @description 是否允许外部链接被点击时自动复制
+     * @type {Boolean}
+     * @default true
+     */
+    copyLink: {
+      type: Boolean,
+      value: true
+    },
+
+    /**
+     * @description 主域名，用于拼接链接
+     * @type {String}
+     */
+    domain: String,
+
+    /**
+     * @description 图片出错时的占位图链接
+     * @type {String}
+     */
+    errorImg: String,
+
+    /**
+     * @description 是否开启图片懒加载
+     * @type {Boolean}
+     * @default false
+     */
+    lazyLoad: Boolean,
+
+    /**
+     * @description 图片加载过程中的占位图链接
+     * @type {String}
+     */
+    loadingImg: String,
+
+    /**
+     * @description 是否在播放一个视频时自动暂停其他视频
+     * @type {Boolean}
+     * @default true
+     */
+    pauseVideo: {
+      type: Boolean,
+      value: true
+    },
+
+    /**
+     * @description 是否允许图片被点击时自动预览
+     * @type {Boolean | String}
+     * @default true
+     */
+    previewImg: {
+      type: null,
+      value: true
+    },
+
+    /**
+     * @description 是否给每个表格添加一个滚动层使其能单独横向滚动
+     * @type {Boolean}
+     * @default false
+     */
+    scrollTable: Boolean,
+
+    /**
+     * @description 是否开启长按复制
+     * @type {Boolean | String}
+     * @default false
+     */
+    selectable: null,
+
+    /**
+     * @description 是否将 title 标签的内容设置到页面标题
+     * @type {Boolean}
+     * @default true
+     */
+    setTitle: {
+      type: Boolean,
+      value: true
+    },
+
+    /**
+     * @description 是否允许图片被长按时显示菜单
+     * @type {Boolean}
+     * @default true
+     */
+    showImgMenu: {
+      type: Boolean,
+      value: true
+    },
+
+    /**
+     * @description 标签的默认样式
+     * @type {Object}
+     */
+    tagStyle: Object,
+
+    /**
+     * @description 是否使用锚点链接
+     * @type {Boolean | Number}
+     * @default false
+     */
+    useAnchor: null
+  },
+
+  created () {
+    this.plugins = []
+    for (let i = plugins.length; i--;) {
+      this.plugins.push(new plugins[i](this))
+    }
+
+    // #ifdef MP-ALIPAY
+    if (this.properties.content) {
+      this.setContent(this.properties.content)
+    }
+    // #endif
+  },
+
+  // #ifdef MP-ALIPAY
+  didUpdate (e) {
+    if (e.content !== this.properties.content) {
+      this.setContent(this.properties.content)
+    }
+  },
+  // #endif
+
+  detached () {
+    // 注销插件
+    this._hook('onDetached')
+  },
+
+  methods: {
+    /**
+     * @description 将锚点跳转的范围限定在一个 scroll-view 内
+     * @param {Object} page scroll-view 所在页面的示例
+     * @param {String} selector scroll-view 的选择器
+     * @param {String} scrollTop scroll-view scroll-top 属性绑定的变量名
+     */
+    in (page, selector, scrollTop) {
+      if (page && selector && scrollTop) {
+        this._in = {
+          page,
+          selector,
+          scrollTop
+        }
+      }
+    },
+
+    /**
+     * @description 锚点跳转
+     * @param {String} id 要跳转的锚点 id
+     * @param {Number} offset 跳转位置的偏移量
+     * @returns {Promise}
+     */
+    navigateTo (id, offset) {
+      return new Promise((resolve, reject) => {
+        if (!this.properties.useAnchor) {
+          reject(Error('Anchor is disabled'))
+          return
+        }
+        // 跨组件选择器
+        const deep =
+          // #ifdef MP-WEIXIN || MP-QQ || MP-TOUTIAO
+          '>>>'
+        // #endif
+        // #ifdef MP-BAIDU || MP-ALIPAY
+        ' ' // eslint-disable-line
+        // #endif
+        const selector = wx.createSelectorQuery()
+          // #ifndef MP-ALIPAY
+          .in(this._in ? this._in.page : this)
+          // #endif
+          .select((this._in ? this._in.selector : '._root') + (id ? `${deep}#${id}` : '')).boundingClientRect()
+        if (this._in) {
+          selector.select(this._in.selector).scrollOffset()
+            .select(this._in.selector).boundingClientRect()
+        } else {
+          // 获取 scroll-view 的位置和滚动距离
+          selector.selectViewport().scrollOffset() // 获取窗口的滚动距离
+        }
+        selector.exec(res => {
+          if (!res[0]) {
+            reject(Error('Label not found'))
+            return
+          }
+          const scrollTop = res[1].scrollTop + res[0].top - (res[2] ? res[2].top : 0) + (offset || parseInt(this.properties.useAnchor) || 0)
+          if (this._in) {
+            // scroll-view 跳转
+            this._in.page.setData({
+              [this._in.scrollTop]: scrollTop
+            })
+          } else {
+            // 页面跳转
+            wx.pageScrollTo({
+              scrollTop,
+              duration: 300
+            })
+          }
+          resolve()
+        })
+      })
+    },
+
+    /**
+     * @description 获取文本内容
+     * @returns {String}
+     */
+    getText (nodes) {
+      let text = '';
+      (function traversal (nodes) {
+        for (let i = 0; i < nodes.length; i++) {
+          const node = nodes[i]
+          if (node.type === 'text') {
+            text += node.text.replace(/&amp;/g, '&')
+          } else if (node.name === 'br') {
+            text += '\n'
+          } else {
+            // 块级标签前后加换行
+            const isBlock = node.name === 'p' || node.name === 'div' || node.name === 'tr' || node.name === 'li' || (node.name[0] === 'h' && node.name[1] > '0' && node.name[1] < '7')
+            if (isBlock && text && text[text.length - 1] !== '\n') {
+              text += '\n'
+            }
+            // 递归获取子节点的文本
+            if (node.children) {
+              traversal(node.children)
+            }
+            if (isBlock && text[text.length - 1] !== '\n') {
+              text += '\n'
+            } else if (node.name === 'td' || node.name === 'th') {
+              text += '\t'
+            }
+          }
+        }
+      })(nodes || this.data.nodes)
+      return text
+    },
+
+    /**
+     * @description 获取内容大小
+     * @returns {Promise}
+     */
+    getRect () {
+      return new Promise((resolve, reject) => {
+        wx.createSelectorQuery()
+          // #ifndef MP-ALIPAY
+          .in(this)
+          // #endif
+          .select('._root').boundingClientRect().exec(res => res[0] ? resolve(res[0]) : reject(Error('Root label not found')))
+      })
+    },
+
+    /**
+     * @description 暂停播放媒体
+     */
+    pauseMedia () {
+      for (let i = (this._videos || []).length; i--;) {
+        this._videos[i].pause()
+      }
+    },
+
+    /**
+     * @description 设置媒体播放速率
+     * @param {Number} rate 播放速率
+     */
+    setPlaybackRate (rate) {
+      this.playbackRate = rate
+      for (let i = (this._videos || []).length; i--;) {
+        this._videos[i].playbackRate(rate)
+      }
+    },
+
+    /**
+     * @description 设置富文本内容
+     * @param {string} content 要渲染的 html 字符串
+     * @param {boolean} append 是否在尾部追加
+     */
+    setContent (content, append) {
+      if (!this.imgList || !append) {
+        this.imgList = []
+      }
+      this._videos = []
+
+      const data = {}
+      const nodes = new Parser(this).parse(content)
+      // 尾部追加内容
+      if (append) {
+        for (let i = this.data.nodes.length, j = nodes.length; j--;) {
+          data[`nodes[${i + j}]`] = nodes[j]
+        }
+      } else {
+        data.nodes = nodes
+      }
+
+      this.setData(data,
+        // #ifndef MP-TOUTIAO
+        () => {
+          this._hook('onLoad')
+          this.triggerEvent('load')
+        }
+        // #endif
+      )
+
+      // #ifdef MP-TOUTIAO
+      this.selectComponent('#_root', child => {
+        child.root = this
+        this._hook('onLoad')
+        this.triggerEvent('load')
+      })
+      // #endif
+
+      if (this.properties.lazyLoad || this.imgList._unloadimgs < this.imgList.length / 2) {
+        // 设置懒加载，每 350ms 获取高度，不变则认为加载完毕
+        let height = 0
+        const callback = rect => {
+          if (!rect || !rect.height) rect = {}
+          // 350ms 总高度无变化就触发 ready 事件
+          if (rect.height === height) {
+            this.triggerEvent('ready', rect)
+          } else {
+            height = rect.height
+            setTimeout(() => {
+              this.getRect().then(callback).catch(callback)
+            }, 350)
+          }
+        }
+        this.getRect().then(callback).catch(callback)
+      } else {
+        // 未设置懒加载，等待所有图片加载完毕
+        if (!this.imgList._unloadimgs) {
+          this.getRect().then(rect => {
+            this.triggerEvent('ready', rect)
+          }).catch(() => {
+            this.triggerEvent('ready', {})
+          })
+        }
+      }
+    },
+
+    /**
+     * @description 调用插件的钩子函数
+     * @private
+     */
+    _hook (name) {
+      for (let i = plugins.length; i--;) {
+        if (this.plugins[i][name]) {
+          this.plugins[i][name]()
+        }
+      }
+    },
+
+    // #ifndef MP-TOUTIAO
+    /**
+     * @description 添加子组件
+     * @private
+     */
+    _add (e) {
+      e
+        // #ifndef MP-ALIPAY
+        .detail
+        // #endif
+        .root = this
+    }
+    // #endif
+  }
+})
diff --git a/wechat-mini-program/components/mp-html/src/miniprogram/index.json b/wechat-mini-program/components/mp-html/src/miniprogram/index.json
new file mode 100644
index 0000000..f55f207
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/src/miniprogram/index.json
@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "node": "./node/node"
+  }
+}
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/src/miniprogram/index.wxml b/wechat-mini-program/components/mp-html/src/miniprogram/index.wxml
new file mode 100644
index 0000000..3ae2d6b
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/src/miniprogram/index.wxml
@@ -0,0 +1,7 @@
+<!-- 主组件 -->
+<view class="_root {{selectable?'_select':''}}" style="{{containerStyle}}">
+  <!-- 加载完成前显示自定义 loading -->
+  <slot wx:if="{{!nodes[0]}}" />
+  <!-- 节点树 -->
+  <node id="_root" childs="{{nodes}}" opts="{{[lazyLoad,loadingImg,errorImg,showImgMenu,selectable]}}" mp-weixin:mp-qq:mp-baidu:catchadd="_add" mp-alipay:onAdd="_add" />
+</view>
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/src/miniprogram/index.wxss b/wechat-mini-program/components/mp-html/src/miniprogram/index.wxss
new file mode 100644
index 0000000..c962f3b
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/src/miniprogram/index.wxss
@@ -0,0 +1,13 @@
+/* 根节点样式 */
+._root {
+  padding: 1px 0;
+  overflow-x: auto;
+  overflow-y: hidden;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 长按复制 */
+._select {
+  -webkit-user-select: text;
+  user-select: text;
+}
diff --git a/wechat-mini-program/components/mp-html/src/miniprogram/node/node.js b/wechat-mini-program/components/mp-html/src/miniprogram/node/node.js
new file mode 100644
index 0000000..76d3d2b
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/src/miniprogram/node/node.js
@@ -0,0 +1,247 @@
+/**
+ * @fileoverview 递归子组件，用于显示节点树
+ */
+Component({
+  data: {
+    ctrl: {}, // 控制信号
+    // #ifdef MP-WEIXIN
+    isiOS: wx.getSystemInfoSync().system.includes('iOS')
+    // #endif
+  },
+  properties: {
+    childs: Array, // 子节点列表
+    opts: Array // 设置 [是否开启懒加载, 加载中占位图, 错误占位图, 是否使用长按菜单]
+  },
+  options: {
+    addGlobalClass: true
+  },
+  // #ifndef MP-TOUTIAO
+  attached () {
+    // #ifndef MP-ALIPAY
+    this.triggerEvent('add', this, {
+      bubbles: true,
+      composed: true
+    })
+    // #endif
+    // #ifdef MP-ALIPAY
+    this.props.onAdd(this)
+    // #endif
+  },
+  // #endif
+  methods: {
+    noop () { },
+    /**
+     * @description 获取标签
+     * @param {String} path 路径
+     */
+    getNode (path) {
+      try {
+        const nums = path.split('_')
+        let node = this.properties.childs[nums[0]]
+        for (let i = 1; i < nums.length; i++) {
+          node = node.children[nums[i]]
+        }
+        return node
+      } catch {
+        return {
+          text: '',
+          attrs: {},
+          children: []
+        }
+      }
+    },
+    /**
+     * @description 播放视频事件
+     * @param {Event} e
+     */
+    play (e) {
+      const i = e.target.dataset.i
+      const node = this.getNode(i)
+      this.root.triggerEvent('play', {
+        source: node.name,
+        attrs: {
+          ...node.attrs,
+          src: node.src[this.data.ctrl[i] || 0]
+        }
+      })
+      if (this.root.properties.pauseVideo) {
+        let flag = false
+        const id = e.target.id
+        for (let i = this.root._videos.length; i--;) {
+          if (this.root._videos[i].id === id) {
+            flag = true
+          } else {
+            this.root._videos[i].pause() // 自动暂停其他视频
+          }
+        }
+        // 将自己加入列表
+        if (!flag) {
+          const ctx = wx.createVideoContext(id
+            // #ifndef MP-BAIDU
+            , this
+            // #endif
+          )
+          ctx.id = id
+          if (this.root.playbackRate) {
+            ctx.playbackRate(this.root.playbackRate)
+          }
+          this.root._videos.push(ctx)
+        }
+      }
+    },
+
+    /**
+     * @description 图片点击事件
+     * @param {Event} e
+     */
+    imgTap (e) {
+      const node = this.getNode(e.target.dataset.i)
+      // 父级中有链接
+      if (node.a) return this.linkTap(node.a)
+      if (node.attrs.ignore) return
+      this.root.triggerEvent('imgtap', node.attrs)
+      if (this.root.properties.previewImg) {
+        const current =
+          // #ifndef MP-ALIPAY
+          this.root.imgList[node.i]
+        // #endif
+        // #ifdef MP-ALIPAY
+        node.i // eslint-disable-line
+        // #endif
+        // 自动预览图片
+        wx.previewImage({
+          // #ifdef MP-WEIXIN
+          showmenu: this.root.properties.showImgMenu,
+          // #endif
+          // #ifdef MP-ALIPAY
+          enablesavephoto: this.root.properties.showImgMenu,
+          enableShowPhotoDownload: this.root.properties.showImgMenu,
+          // #endif
+          current,
+          urls: this.root.imgList
+        })
+      }
+    },
+
+    /**
+     * @description 图片加载完成事件
+     * @param {Event} e
+     */
+    imgLoad (e) {
+      const i = e.target.dataset.i
+      const node = this.getNode(i)
+      let val
+      if (!node.w) {
+        val = e.detail.width
+      } else if ((this.properties.opts[1] && !this.data.ctrl[i]) || this.data.ctrl[i] === -1) {
+        // 加载完毕，取消加载中占位图
+        val = 1
+      }
+      if (val
+        // #ifdef MP-TOUTIAO
+        && val !== this.data.ctrl[i] // eslint-disable-line
+        // #endif
+      ) {
+        this.setData({
+          ['ctrl.' + i]: val
+        })
+      }
+      this.checkReady()
+    },
+
+    /**
+     * @description 检查是否所有图片加载完毕
+     */
+    checkReady () {
+      if (!this.root.properties.lazyLoad) {
+        this.root.imgList._unloadimgs -= 1
+        if (!this.root.imgList._unloadimgs) {
+          setTimeout(() => {
+            this.root.getRect().then(rect => {
+              this.root.triggerEvent('ready', rect)
+            }).catch(() => {
+              this.root.triggerEvent('ready', {})
+            })
+          }, 350)
+        }
+      }
+    },
+
+    /**
+     * @description 链接点击事件
+     * @param {Event} e
+     */
+    linkTap (e) {
+      const node = e.currentTarget ? this.getNode(e.currentTarget.dataset.i) : {}
+      const attrs = node.attrs || e
+      const href = attrs.href
+      this.root.triggerEvent('linktap', Object.assign({
+        innerText: this.root.getText(node.children || []) // 链接内的文本内容
+      }, attrs))
+      if (href) {
+        if (href[0] === '#') {
+          // 跳转锚点
+          this.root.navigateTo(href.substring(1)).catch(() => { })
+        } else if (href.split('?')[0].includes('://')) {
+          // 复制外部链接
+          if (this.root.properties.copyLink) {
+            wx.setClipboardData({
+              data: href,
+              success: () =>
+                wx.showToast({
+                  title: '链接已复制'
+                })
+            })
+          }
+        } else {
+          // 跳转页面
+          wx.navigateTo({
+            url: href,
+            fail () {
+              wx.switchTab({
+                url: href,
+                fail () { }
+              })
+            }
+          })
+        }
+      }
+    },
+
+    /**
+     * @description 错误事件
+     * @param {Event} e
+     */
+    mediaError (e) {
+      const i = e.target.dataset.i
+      const node = this.getNode(i)
+      if (node.name === 'video' || node.name === 'audio') {
+        // 加载其他源
+        let index = (this.data.ctrl[i] || 0) + 1
+        if (index > node.src.length) {
+          index = 0
+        }
+        if (index < node.src.length) {
+          return this.setData({
+            ['ctrl.' + i]: index
+          })
+        }
+      } else if (node.name === 'img') {
+        // 显示错误占位图
+        if (this.properties.opts[2]) {
+          this.setData({
+            ['ctrl.' + i]: -1
+          })
+        }
+        this.checkReady()
+      }
+      if (this.root) {
+        this.root.triggerEvent('error', {
+          source: node.name,
+          attrs: node.attrs,
+          errMsg: e.detail.errMsg
+        })
+      }
+    }
+  }
+})
diff --git a/wechat-mini-program/components/mp-html/src/miniprogram/node/node.json b/wechat-mini-program/components/mp-html/src/miniprogram/node/node.json
new file mode 100644
index 0000000..7bebc99
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/src/miniprogram/node/node.json
@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "node": "./node"
+  }
+}
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/src/miniprogram/node/node.wxml b/wechat-mini-program/components/mp-html/src/miniprogram/node/node.wxml
new file mode 100644
index 0000000..8fa2850
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/src/miniprogram/node/node.wxml
@@ -0,0 +1,112 @@
+<!-- node 递归子组件 -->
+<!-- #ifdef MP-WEIXIN || MP-QQ -->
+<wxs module="isInline">
+  // 行内标签列表
+  var inlineTags = {
+    abbr: true,
+    b: true,
+    big: true,
+    code: true,
+    del: true,
+    em: true,
+    i: true,
+    ins: true,
+    label: true,
+    q: true,
+    small: true,
+    span: true,
+    strong: true,
+    sub: true,
+    sup: true
+  }
+  /**
+   * @description 判断是否为行内标签
+   */
+  module.exports = function (tagName, style) {
+    return inlineTags[tagName] || (style || '').indexOf('inline') !== -1
+  }
+</wxs>
+<!-- #endif -->
+<template name="el">
+  <!-- 图片 -->
+  <block wx:if="{{n.name==='img'}}">
+    <!-- 表格中的图片，使用 rich-text 防止大小不正确 -->
+    <rich-text wx:if="{{n.t}}" style="display:{{n.t}}" nodes="<img class='_img' style='{{n.attrs.style}}' src='{{n.attrs.src}}'>" data-i="{{i}}" catchtap="imgTap" />
+    <block wx:else>
+      <!-- 占位图 -->
+      <image wx:if="{{(opts[1]&&!ctrl[i])||ctrl[i]<0}}" class="_img" style="{{n.attrs.style}}" src="{{ctrl[i]<0?opts[2]:opts[1]}}" mode="widthFix" />
+      <!-- 显示图片 -->
+      <image id="{{n.attrs.id}}" class="_img {{n.attrs.class}}" style="{{ctrl[i]===-1?'display:none;':''}}width:{{ctrl[i]||1}}px;height:1px;{{n.attrs.style}}" src="{{n.attrs.src}}" mode="{{!n.h?'widthFix':(!n.w?'heightFix':(n.m||'scaleToFill'))}}" lazy-load="{{opts[0]}}" mp-weixin:mp-baidu:webp="{{n.webp}}" mp-weixin:show-menu-by-longpress="{{opts[3]&&!n.attrs.ignore}}" mp-baidu:image-menu-prevent="{{!opts[3]||n.attrs.ignore}}" data-i="{{i}}" bindload="imgLoad" binderror="mediaError" catchtap="imgTap" bindlongpress="noop" />
+    </block>
+  </block>
+  <!-- 文本 -->
+  <!-- #ifdef MP-WEIXIN || MP-QQ || MP-TOUTIAO -->
+  <text wx:elif="{{n.text}}" mp-weixin:user-select="{{opts[4]=='force'&&isiOS}}" decode>{{n.text}}</text>
+  <!-- #endif -->
+  <text wx:elif="{{n.name==='br'}}">{{'\n'}}</text>
+  <!-- 链接 -->
+  <view wx:elif="{{n.name==='a'}}" id="{{n.attrs.id}}" class="{{n.attrs.href?'_a ':''}}{{n.attrs.class}}" hover-class="_hover" style="display:inline;{{n.attrs.style}}" data-i="{{i}}" catchtap="linkTap">
+    <!-- #ifdef MP-WEIXIN || MP-QQ -->
+    <node childs="{{n.children}}" opts="{{opts}}" style="display:inherit" />
+    <!-- #endif -->
+    <!-- #ifdef MP-BAIDU -->
+    <block wx:for="{{n.children}}" wx:key="index">
+      <template is="el" data="{{n:item,i:i+'_'+index,opts:opts,ctrl:ctrl}}"></template>
+    </block>
+    <!-- #endif -->
+    <!-- #ifdef MP-ALIPAY || MP-TOUTIAO -->
+    <template is="node" data="{{childs:n.children,path:i+'_',opts:opts,ctrl:ctrl}}"></template>
+    <!-- #endif -->
+  </view>
+  <!-- 视频 -->
+  <video wx:elif="{{n.name==='video'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" autoplay="{{n.attrs.autoplay}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" muted="{{n.attrs.muted}}" object-fit="{{n.attrs['object-fit']}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" bindplay="play" binderror="mediaError" />
+  <!-- #ifndef MP-TOUTIAO -->
+  <!-- 音频 -->
+  <audio wx:elif="{{n.name==='audio'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" author="{{n.attrs.author}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" name="{{n.attrs.name}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" bindplay="play" binderror="mediaError" />
+  <!-- #endif -->
+  <!-- insert -->
+  <!-- 富文本 -->
+  <rich-text wx:else id="{{n.attrs.id}}" mp-weixin:mp-qq:mp-baidu:mp-toutiao:style="{{n.f}}" mp-alipay:style="display:inline;{{n.f}}" mp-baidu:selectable="{{opts[4]}}" mp-weixin:user-select="{{opts[4]}}" nodes="{{[n]}}" />
+</template>
+<!-- #ifdef MP-ALIPAY || MP-TOUTIAO -->
+<template name="node">
+  <block wx:for="{{childs}}" wx:for-item="n" wx:for-index="i" wx:key="i">
+    <template wx:if="{{!n.c}}" is="el" data="{{n:n,i:path+i,opts:opts,ctrl:ctrl}}" />
+    <view wx:else id="{{n.attrs.id}}" class="_{{n.name}} {{n.attrs.class}}" style="{{n.attrs.style}}">
+      <template is="node" data="{{childs:n.children,path:path+i+'_',opts:opts,ctrl:ctrl}}"></template>
+    </view>
+  </block>
+</template>
+<template is="node" data="{{childs:childs,path:'',opts:opts,ctrl:ctrl}}"></template>
+<!-- #endif -->
+<!-- #ifndef MP-ALIPAY || MP-TOUTIAO -->
+<!-- 第 1 层 -->
+<block wx:for="{{childs}}" wx:for-item="n1" wx:for-index="i1" wx:key="i1">
+  <template mp-weixin:mp-qq:wx:if="{{!n1.c&&(!n1.children||n1.name==='a'||!isInline(n1.name,n1.attrs.style))}}" mp-baidu:wx:if="{{!n1.c}}" is="el" data="{{n:n1,i:''+i1,opts:opts,ctrl:ctrl}}" />
+  <view wx:else id="{{n1.attrs.id}}" class="_{{n1.name}} {{n1.attrs.class}}" style="{{n1.attrs.style}}">
+    <!-- 第 2 层 -->
+    <block wx:for="{{n1.children}}" wx:for-item="n2" wx:for-index="i2" wx:key="i2">
+      <template mp-weixin:mp-qq:wx:if="{{!n2.c&&(!n2.children||n2.name==='a'||!isInline(n2.name,n2.attrs.style))}}" mp-baidu:wx:if="{{!n2.c}}" is="el" data="{{n:n2,i:i1+'_'+i2,opts:opts,ctrl:ctrl}}" />
+      <view wx:else id="{{n2.attrs.id}}" class="_{{n2.name}} {{n2.attrs.class}}" style="{{n2.attrs.style}}">
+        <!-- 第 3 层 -->
+        <block wx:for="{{n2.children}}" wx:for-item="n3" wx:for-index="i3" wx:key="i3">
+          <template mp-weixin:mp-qq:wx:if="{{!n3.c&&(!n3.children||n3.name==='a'||!isInline(n3.name,n3.attrs.style))}}" mp-baidu:wx:if="{{!n3.c}}" is="el" data="{{n:n3,i:i1+'_'+i2+'_'+i3,opts:opts,ctrl:ctrl}}" />
+          <view wx:else id="{{n3.attrs.id}}" class="_{{n3.name}} {{n3.attrs.class}}" style="{{n3.attrs.style}}">
+            <!-- 第 4 层 -->
+            <block wx:for="{{n3.children}}" wx:for-item="n4" wx:for-index="i4" wx:key="i4">
+              <template mp-weixin:mp-qq:wx:if="{{!n4.c&&(!n4.children||n4.name==='a'||!isInline(n4.name,n4.attrs.style))}}" mp-baidu:wx:if="{{!n4.c}}" is="el" data="{{n:n4,i:i1+'_'+i2+'_'+i3+'_'+i4,opts:opts,ctrl:ctrl}}" />
+              <view wx:else id="{{n4.attrs.id}}" class="_{{n4.name}} {{n4.attrs.class}}" style="{{n4.attrs.style}}">
+                <!-- 第 5 层 -->
+                <block wx:for="{{n4.children}}" wx:for-item="n5" wx:for-index="i5" wx:key="i5">
+                  <template mp-weixin:mp-qq:wx:if="{{!n5.c&&(!n5.children||n5.name==='a'||!isInline(n5.name,n5.attrs.style))}}" mp-baidu:wx:if="{{!n5.c}}" is="el" data="{{n:n5,i:i1+'_'+i2+'_'+i3+'_'+i4+'_'+i5,opts:opts,ctrl:ctrl}}" />
+                  <node wx:else id="{{n5.attrs.id}}" class="_{{n5.name}} {{n5.attrs.class}}" style="{{n5.attrs.style}}" childs="{{n5.children}}" opts="{{opts}}" />
+                </block>
+              </view>
+            </block>
+          </view>
+        </block>
+      </view>
+    </block>
+  </view>
+</block>
+<!-- #endif -->
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/src/miniprogram/node/node.wxss b/wechat-mini-program/components/mp-html/src/miniprogram/node/node.wxss
new file mode 100644
index 0000000..99b8d86
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/src/miniprogram/node/node.wxss
@@ -0,0 +1,164 @@
+/* a 标签默认效果 */
+._a {
+  padding: 1.5px 0 1.5px 0;
+  color: #366092;
+  word-break: break-all;
+}
+
+/* a 标签点击态效果 */
+._hover {
+  text-decoration: underline;
+  opacity: 0.7;
+}
+
+/* 图片默认效果 */
+._img {
+  max-width: 100%;
+  -webkit-touch-callout: none;
+}
+
+/* 内部样式 */
+
+._b,
+._strong {
+  font-weight: bold;
+}
+
+._code {
+  font-family: monospace;
+}
+
+._del {
+  text-decoration: line-through;
+}
+
+._em,
+._i {
+  font-style: italic;
+}
+
+._h1 {
+  font-size: 2em;
+}
+
+._h2 {
+  font-size: 1.5em;
+}
+
+._h3 {
+  font-size: 1.17em;
+}
+
+._h5 {
+  font-size: 0.83em;
+}
+
+._h6 {
+  font-size: 0.67em;
+}
+
+._h1,
+._h2,
+._h3,
+._h4,
+._h5,
+._h6 {
+  display: block;
+  font-weight: bold;
+}
+
+._ins {
+  text-decoration: underline;
+}
+
+._li {
+  display: list-item;
+}
+
+._ol {
+  list-style-type: decimal;
+}
+
+._ol,
+._ul {
+  display: block;
+  padding-left: 40px;
+  margin: 1em 0;
+}
+
+._q::before {
+  content: '"';
+}
+
+._q::after {
+  content: '"';
+}
+
+._sub {
+  font-size: smaller;
+  vertical-align: sub;
+}
+
+._sup {
+  font-size: smaller;
+  vertical-align: super;
+}
+
+._thead,
+._tbody,
+._tfoot {
+  display: table-row-group;
+}
+
+._tr {
+  display: table-row;
+}
+
+._td,
+._th {
+  display: table-cell;
+  vertical-align: middle;
+}
+
+._th {
+  font-weight: bold;
+  text-align: center;
+}
+
+._ul {
+  list-style-type: disc;
+}
+
+._ul ._ul {
+  margin: 0;
+  list-style-type: circle;
+}
+
+._ul ._ul ._ul {
+  list-style-type: square;
+}
+
+._abbr,
+._b,
+._code,
+._del,
+._em,
+._i,
+._ins,
+._label,
+._q,
+._span,
+._strong,
+._sub,
+._sup {
+  display: inline;
+}
+
+/* #ifndef MP-ALIPAY || MP-TOUTIAO */
+._blockquote,
+._div,
+._p {
+  display: block;
+}
+
+/* #endif */
diff --git a/wechat-mini-program/components/mp-html/src/miniprogram/parser.js b/wechat-mini-program/components/mp-html/src/miniprogram/parser.js
new file mode 100644
index 0000000..63749ac
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/src/miniprogram/parser.js
@@ -0,0 +1,1276 @@
+/**
+ * @fileoverview html 解析器
+ */
+
+// 配置
+const config = {
+  // 信任的标签（保持标签名不变）
+  trustTags: makeMap('a,abbr,ad,audio,b,blockquote,br,code,col,colgroup,dd,del,dl,dt,div,em,fieldset,h1,h2,h3,h4,h5,h6,hr,i,img,ins,label,legend,li,ol,p,q,ruby,rt,source,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,title,ul,video'),
+
+  // 块级标签（转为 div，其他的非信任标签转为 span）
+  blockTags: makeMap('address,article,aside,body,caption,center,cite,footer,header,html,nav,pre,section'),
+
+  // 要移除的标签
+  ignoreTags: makeMap('area,base,canvas,embed,frame,head,iframe,input,link,map,meta,param,rp,script,source,style,textarea,title,track,wbr'),
+
+  // 自闭合标签
+  voidTags: makeMap('area,base,br,col,circle,ellipse,embed,frame,hr,img,input,line,link,meta,param,path,polygon,rect,source,track,use,wbr'),
+
+  // html 实体
+  entities: {
+    lt: '<',
+    gt: '>',
+    quot: '"',
+    apos: "'",
+    ensp: '\u2002',
+    emsp: '\u2003',
+    nbsp: '\xA0',
+    semi: ';',
+    ndash: '–',
+    mdash: '—',
+    middot: '·',
+    lsquo: '‘',
+    rsquo: '’',
+    ldquo: '“',
+    rdquo: '”',
+    bull: '•',
+    hellip: '…',
+    larr: '←',
+    uarr: '↑',
+    rarr: '→',
+    darr: '↓'
+  },
+
+  // 默认的标签样式
+  tagStyle: {
+    address: 'font-style:italic',
+    big: 'display:inline;font-size:1.2em',
+    caption: 'display:table-caption;text-align:center',
+    center: 'text-align:center',
+    cite: 'font-style:italic',
+    dd: 'margin-left:40px',
+    mark: 'background-color:yellow',
+    pre: 'font-family:monospace;white-space:pre',
+    s: 'text-decoration:line-through',
+    small: 'display:inline;font-size:0.8em',
+    strike: 'text-decoration:line-through',
+    u: 'text-decoration:underline'
+  },
+
+  // svg 大小写对照表
+  svgDict: {
+    animatetransform: 'animateTransform',
+    lineargradient: 'linearGradient',
+    viewbox: 'viewBox',
+    attributename: 'attributeName',
+    repeatcount: 'repeatCount',
+    repeatdur: 'repeatDur',
+    foreignobject: 'foreignObject'
+  }
+}
+const tagSelector = {}
+let windowWidth, system
+// #ifdef MP-WEIXIN
+if (wx.canIUse('getWindowInfo')) {
+  windowWidth = wx.getWindowInfo().windowWidth
+  system = wx.getDeviceInfo().system
+} else {
+// #endif
+  const systemInfo = wx.getSystemInfoSync()
+  windowWidth = systemInfo.windowWidth
+  // #ifdef MP-WEIXIN
+  system = systemInfo.system
+}
+// #endif
+const blankChar = makeMap(' ,\r,\n,\t,\f')
+let idIndex = 0
+
+/**
+ * @description 创建 map
+ * @param {String} str 逗号分隔
+ */
+function makeMap (str) {
+  const map = Object.create(null)
+  const list = str.split(',')
+  for (let i = list.length; i--;) {
+    map[list[i]] = true
+  }
+  return map
+}
+
+/**
+ * @description 解码 html 实体
+ * @param {String} str 要解码的字符串
+ * @param {Boolean} amp 要不要解码 &amp;
+ * @returns {String} 解码后的字符串
+ */
+function decodeEntity (str, amp) {
+  let i = str.indexOf('&')
+  while (i !== -1) {
+    const j = str.indexOf(';', i + 3)
+    let code
+    if (j === -1) break
+    if (str[i + 1] === '#') {
+      // &#123; 形式的实体
+      code = parseInt((str[i + 2] === 'x' ? '0' : '') + str.substring(i + 2, j))
+      if (!isNaN(code)) {
+        str = str.substr(0, i) + String.fromCharCode(code) + str.substr(j + 1)
+      }
+    } else {
+      // &nbsp; 形式的实体
+      code = str.substring(i + 1, j)
+      if (config.entities[code] || (code === 'amp' && amp)) {
+        str = str.substr(0, i) + (config.entities[code] || '&') + str.substr(j + 1)
+      }
+    }
+    i = str.indexOf('&', i + 1)
+  }
+  return str
+}
+
+/**
+ * @description 合并多个块级标签，加快长内容渲染
+ * @param {Array} nodes 要合并的标签数组
+ */
+function mergeNodes (nodes) {
+  let i = nodes.length - 1
+  for (let j = i; j >= -1; j--) {
+    if (j === -1 || nodes[j].c || !nodes[j].name || (nodes[j].name !== 'div' && nodes[j].name !== 'p' && nodes[j].name[0] !== 'h') || (nodes[j].attrs.style || '').includes('inline')) {
+      if (i - j >= 5) {
+        nodes.splice(j + 1, i - j, {
+          name: 'div',
+          attrs: {},
+          children: nodes.slice(j + 1, i + 1)
+        })
+      }
+      i = j - 1
+    }
+  }
+}
+
+/**
+ * @description html 解析器
+ * @param {Object} vm 组件实例
+ */
+function Parser (vm) {
+  this.options = vm.properties || {}
+  this.tagStyle = Object.assign({}, config.tagStyle, this.options.tagStyle)
+  this.imgList = vm.imgList || []
+  this.imgList._unloadimgs = 0
+  this.plugins = vm.plugins || []
+  this.attrs = Object.create(null)
+  this.stack = []
+  this.nodes = []
+  this.pre = (this.options.containerStyle || '').includes('white-space') && this.options.containerStyle.includes('pre') ? 2 : 0
+}
+
+/**
+ * @description 执行解析
+ * @param {String} content 要解析的文本
+ */
+Parser.prototype.parse = function (content) {
+  // 插件处理
+  for (let i = this.plugins.length; i--;) {
+    if (this.plugins[i].onUpdate) {
+      content = this.plugins[i].onUpdate(content, config) || content
+    }
+  }
+
+  new Lexer(this).parse(content)
+  // 出栈未闭合的标签
+  while (this.stack.length) {
+    this.popNode()
+  }
+  if (this.nodes.length > 50) {
+    mergeNodes(this.nodes)
+  }
+  return this.nodes
+}
+
+/**
+ * @description 将标签暴露出来（不被 rich-text 包含）
+ */
+Parser.prototype.expose = function () {
+  for (let i = this.stack.length; i--;) {
+    const item = this.stack[i]
+    if (item.c || item.name === 'a' || item.name === 'video' || item.name === 'audio') return
+    item.c = 1
+  }
+}
+
+/**
+ * @description 处理插件
+ * @param {Object} node 要处理的标签
+ * @returns {Boolean} 是否要移除此标签
+ */
+Parser.prototype.hook = function (node) {
+  for (let i = this.plugins.length; i--;) {
+    if (this.plugins[i].onParse && this.plugins[i].onParse(node, this) === false) return false
+  }
+  return true
+}
+
+/**
+ * @description 将链接拼接上主域名
+ * @param {String} url 需要拼接的链接
+ * @returns {String} 拼接后的链接
+ */
+Parser.prototype.getUrl = function (url) {
+  const domain = this.options.domain
+  if (url[0] === '/') {
+    if (url[1] === '/') {
+      // // 开头的补充协议名
+      url = (domain ? domain.split('://')[0] : 'http') + ':' + url
+    } else if (domain) {
+      // 否则补充整个域名
+      url = domain + url
+    }
+  } else if (domain && !url.includes('data:') && !url.includes('://')) {
+    url = domain + '/' + url
+  }
+  return url
+}
+
+/**
+ * @description 解析样式表
+ * @param {Object} node 标签
+ * @returns {Object}
+ */
+Parser.prototype.parseStyle = function (node) {
+  const attrs = node.attrs
+  const list = (this.tagStyle[node.name] || '').split(';').concat((attrs.style || '').split(';'))
+  const styleObj = {}
+  let tmp = ''
+
+  if (attrs.id && !this.xml) {
+    // 暴露锚点
+    if (this.options.useAnchor) {
+      this.expose()
+    } else if (node.name !== 'img' && node.name !== 'a' && node.name !== 'video' && node.name !== 'audio') {
+      attrs.id = undefined
+    }
+  }
+
+  // 转换 width 和 height 属性
+  if (attrs.width) {
+    styleObj.width = parseFloat(attrs.width) + (attrs.width.includes('%') ? '%' : 'px')
+    attrs.width = undefined
+  }
+  if (attrs.height) {
+    styleObj.height = parseFloat(attrs.height) + (attrs.height.includes('%') ? '%' : 'px')
+    attrs.height = undefined
+  }
+
+  for (let i = 0, len = list.length; i < len; i++) {
+    const info = list[i].split(':')
+    if (info.length < 2) continue
+    const key = info.shift().trim().toLowerCase()
+    let value = info.join(':').trim()
+    if ((value[0] === '-' && value.lastIndexOf('-') > 0) || value.includes('safe')) {
+      // 兼容性的 css 不压缩
+      tmp += `;${key}:${value}`
+    } else if (!styleObj[key] || value.includes('import') || !styleObj[key].includes('import')) {
+      // 重复的样式进行覆盖
+      if (value.includes('url')) {
+        // 填充链接
+        let j = value.indexOf('(') + 1
+        if (j) {
+          while (value[j] === '"' || value[j] === "'" || blankChar[value[j]]) {
+            j++
+          }
+          value = value.substr(0, j) + this.getUrl(value.substr(j))
+        }
+      } else if (value.includes('rpx')) {
+        // 转换 rpx（rich-text 内部不支持 rpx）
+        value = value.replace(/[0-9.]+\s*rpx/g, $ => parseFloat($) * windowWidth / 750 + 'px')
+      }
+      styleObj[key] = value
+    }
+  }
+
+  node.attrs.style = tmp
+  return styleObj
+}
+
+/**
+ * @description 解析到标签名
+ * @param {String} name 标签名
+ * @private
+ */
+Parser.prototype.onTagName = function (name) {
+  this.tagName = this.xml ? name : name.toLowerCase()
+  if (this.tagName === 'svg') {
+    this.xml = (this.xml || 0) + 1 // svg 标签内大小写敏感
+    config.ignoreTags.style = undefined // svg 标签内 style 可用
+  }
+}
+
+/**
+ * @description 解析到属性名
+ * @param {String} name 属性名
+ * @private
+ */
+Parser.prototype.onAttrName = function (name) {
+  name = this.xml ? name : name.toLowerCase()
+  if (name.substr(0, 5) === 'data-') {
+    if (name === 'data-src' && !this.attrs.src) {
+      // data-src 自动转为 src
+      this.attrName = 'src'
+    } else if (this.tagName === 'img' || this.tagName === 'a') {
+      // a 和 img 标签保留 data- 的属性，可以在 imgtap 和 linktap 事件中使用
+      this.attrName = name
+    } else {
+      // 剩余的移除以减小大小
+      this.attrName = undefined
+    }
+  } else {
+    this.attrName = name
+    this.attrs[name] = 'T' // boolean 型属性缺省设置
+  }
+}
+
+/**
+ * @description 解析到属性值
+ * @param {String} val 属性值
+ * @private
+ */
+Parser.prototype.onAttrVal = function (val) {
+  const name = this.attrName || ''
+  if (name === 'style' || name === 'href') {
+    // 部分属性进行实体解码
+    this.attrs[name] = decodeEntity(val, true)
+  } else if (name.includes('src')) {
+    // 拼接主域名
+    this.attrs[name] = this.getUrl(decodeEntity(val, true))
+  } else if (name) {
+    this.attrs[name] = val
+  }
+}
+
+/**
+ * @description 解析到标签开始
+ * @param {Boolean} selfClose 是否有自闭合标识 />
+ * @private
+ */
+Parser.prototype.onOpenTag = function (selfClose) {
+  // 拼装 node
+  const node = Object.create(null)
+  node.name = this.tagName
+  node.attrs = this.attrs
+  this.attrs = Object.create(null)
+
+  const attrs = node.attrs
+  const parent = this.stack[this.stack.length - 1]
+  const siblings = parent ? parent.children : this.nodes
+  const close = this.xml ? selfClose : config.voidTags[node.name]
+
+  // 替换标签名选择器
+  if (tagSelector[node.name]) {
+    attrs.class = tagSelector[node.name] + (attrs.class ? ' ' + attrs.class : '')
+  }
+
+  // 转换 embed 标签
+  if (node.name === 'embed') {
+    const src = attrs.src || ''
+    // 按照后缀名和 type 将 embed 转为 video 或 audio
+    if (src.includes('.mp4') || src.includes('.3gp') || src.includes('.m3u8') || (attrs.type || '').includes('video')) {
+      node.name = 'video'
+    } else if (src.includes('.mp3') || src.includes('.wav') || src.includes('.aac') || src.includes('.m4a') || (attrs.type || '').includes('audio')) {
+      node.name = 'audio'
+    }
+    if (attrs.autostart) {
+      attrs.autoplay = 'T'
+    }
+    attrs.controls = 'T'
+  }
+
+  // 处理音视频
+  if (node.name === 'video' || node.name === 'audio') {
+    // 设置 id，用于获取 context
+    if (node.name === 'video' && !attrs.id) {
+      attrs.id = 'v' + idIndex++
+    }
+    // 没有设置 controls 也没有设置 autoplay 的自动设置 controls
+    if (!attrs.controls && !attrs.autoplay) {
+      attrs.controls = 'T'
+    }
+    // 用数组存储所有可用的 source
+    node.src = []
+    if (attrs.src) {
+      node.src.push(attrs.src)
+      attrs.src = undefined
+    }
+    this.expose()
+  }
+
+  // 处理自闭合标签
+  if (close) {
+    // 要被移除的标签
+    if (!this.hook(node) || config.ignoreTags[node.name]) {
+      if (node.name === 'base' && !this.options.domain) {
+        // 通过 base 标签设置主域名
+        this.options.domain = attrs.href
+      } else if (node.name === 'source' && parent && (parent.name === 'video' || parent.name === 'audio') && attrs.src) {
+        // 设置 source 标签（仅父节点为 video 或 audio 时有效）
+        parent.src.push(attrs.src)
+      }
+      return
+    }
+
+    // 解析 style
+    const styleObj = this.parseStyle(node)
+
+    // 处理图片
+    if (node.name === 'img') {
+      if (attrs.src) {
+        // 标记 webp
+        if (attrs.src.includes('webp')) {
+          node.webp = 'T'
+        }
+        // data url 图片如果没有设置 original-src 默认为不可预览的小图片
+        if (attrs.src.includes('data:') && this.options.previewImg !== 'all' && !attrs['original-src']) {
+          attrs.ignore = 'T'
+        }
+        if (!attrs.ignore || node.webp || attrs.src.includes('cloud://')) {
+          for (let i = this.stack.length; i--;) {
+            const item = this.stack[i]
+            if (item.name === 'table' && !node.webp && !attrs.src.includes('cloud://')) {
+              if (!styleObj.display || styleObj.display.includes('inline')) {
+                node.t = 'inline-block'
+              } else {
+                node.t = styleObj.display
+              }
+              styleObj.display = undefined
+            }
+            const style = item.attrs.style || ''
+            if (style.includes('flex:') && !style.includes('flex:0') && !style.includes('flex: 0') && (!styleObj.width || parseInt(styleObj.width) > 100)) {
+              styleObj.width = '100% !important'
+              styleObj.height = ''
+              for (let j = i + 1; j < this.stack.length; j++) {
+                this.stack[j].attrs.style = (this.stack[j].attrs.style || '').replace('inline-', '')
+              }
+            } else if (style.includes('flex') && styleObj.width === '100%') {
+              for (let j = i + 1; j < this.stack.length; j++) {
+                const style = this.stack[j].attrs.style || ''
+                if (!style.includes(';width') && !style.includes(' width') && style.indexOf('width') !== 0) {
+                  styleObj.width = ''
+                  break
+                }
+              }
+            } else if (style.includes('inline-block')) {
+              if (styleObj.width && styleObj.width[styleObj.width.length - 1] === '%') {
+                item.attrs.style += ';max-width:' + styleObj.width
+                styleObj.width = ''
+              } else {
+                item.attrs.style += ';max-width:100%'
+              }
+            }
+            if (item.name === 'a') {
+              node.a = item.attrs
+            } else {
+              item.c = 1
+            }
+          }
+          node.i = this.imgList.length
+          let src = attrs['original-src'] || attrs.src
+          // #ifndef MP-ALIPAY
+          if (this.imgList.includes(src)) {
+            // 如果有重复的链接则对域名进行随机大小写变换避免预览时错位
+            let i = src.indexOf('://')
+            if (i !== -1) {
+              i += 3
+              let newSrc = src.substr(0, i)
+              for (; i < src.length; i++) {
+                if (src[i] === '/') break
+                newSrc += Math.random() > 0.5 ? src[i].toUpperCase() : src[i]
+              }
+              newSrc += src.substr(i)
+              src = newSrc
+            }
+          }
+          // #endif
+          this.imgList.push(src)
+          if (!node.t) {
+            this.imgList._unloadimgs += 1
+          }
+        }
+      }
+      if (styleObj.display === 'inline') {
+        styleObj.display = ''
+      }
+      if (attrs.ignore) {
+        styleObj['max-width'] = styleObj['max-width'] || '100%'
+        attrs.style += ';-webkit-touch-callout:none'
+      }
+      // 设置的宽度超出屏幕，为避免变形，高度转为自动
+      if (parseInt(styleObj.width) > windowWidth) {
+        styleObj.height = undefined
+      }
+      // 记录是否设置了宽高
+      if (!isNaN(parseInt(styleObj.width))) {
+        node.w = 'T'
+      }
+      if (!isNaN(parseInt(styleObj.height)) && (!styleObj.height.includes('%') || (parent && (parent.attrs.style || '').includes('height')))) {
+        node.h = 'T'
+      }
+      if (node.w && node.h && styleObj['object-fit']) {
+        if (styleObj['object-fit'] === 'contain') {
+          node.m = 'aspectFit'
+        } else if (styleObj['object-fit'] === 'cover') {
+          node.m = 'aspectFill'
+        }
+      }
+    } else if (node.name === 'svg') {
+      siblings.push(node)
+      this.stack.push(node)
+      this.popNode()
+      return
+    }
+    for (const key in styleObj) {
+      if (styleObj[key]) {
+        attrs.style += `;${key}:${styleObj[key].replace(' !important', '')}`
+      }
+    }
+    attrs.style = attrs.style.substr(1) || undefined
+    // #ifdef MP-BAIDU
+    if (!attrs.style) {
+      delete attrs.style
+    }
+    // #endif
+  } else {
+    if ((node.name === 'pre' || ((attrs.style || '').includes('white-space') && attrs.style.includes('pre'))) && this.pre !== 2) {
+      this.pre = node.pre = 1
+    }
+    node.children = []
+    this.stack.push(node)
+  }
+  // 加入节点树
+  siblings.push(node)
+}
+
+/**
+ * @description 解析到标签结束
+ * @param {String} name 标签名
+ * @private
+ */
+Parser.prototype.onCloseTag = function (name) {
+  // 依次出栈到匹配为止
+  name = this.xml ? name : name.toLowerCase()
+  let i
+  for (i = this.stack.length; i--;) {
+    if (this.stack[i].name === name) break
+  }
+  if (i !== -1) {
+    while (this.stack.length > i) {
+      this.popNode()
+    }
+  } else if (name === 'p' || name === 'br') {
+    const siblings = this.stack.length ? this.stack[this.stack.length - 1].children : this.nodes
+    siblings.push({
+      name,
+      attrs: {
+        class: tagSelector[name],
+        style: this.tagStyle[name]
+      }
+    })
+  }
+}
+
+/**
+ * @description 处理标签出栈
+ * @private
+ */
+Parser.prototype.popNode = function () {
+  const node = this.stack.pop()
+  let attrs = node.attrs
+  const children = node.children
+  const parent = this.stack[this.stack.length - 1]
+  const siblings = parent ? parent.children : this.nodes
+
+  if (!this.hook(node) || config.ignoreTags[node.name]) {
+    // 获取标题
+    if (node.name === 'title' && children.length && children[0].type === 'text' && this.options.setTitle) {
+      wx.setNavigationBarTitle({
+        title: children[0].text
+      })
+    }
+
+    siblings.pop()
+    return
+  }
+
+  if (node.pre && this.pre !== 2) {
+    // 是否合并空白符标识
+    this.pre = node.pre = undefined
+    for (let i = this.stack.length; i--;) {
+      if (this.stack[i].pre) {
+        this.pre = 1
+      }
+    }
+  }
+
+  // 转换 svg
+  if (node.name === 'svg') {
+    if (this.xml > 1) {
+      // 多层 svg 嵌套
+      this.xml--
+      return
+    }
+    let src = ''
+    const style = attrs.style
+    attrs.style = ''
+    attrs.xmlns = 'http://www.w3.org/2000/svg';
+    (function traversal (node) {
+      if (node.type === 'text') {
+        src += node.text
+        return
+      }
+      const name = config.svgDict[node.name] || node.name
+      if (name === 'foreignObject') {
+        for (const child of (node.children || [])) {
+          if (child.attrs && !child.attrs.xmlns) {
+            child.attrs.xmlns = 'http://www.w3.org/1999/xhtml'
+            break
+          }
+        }
+      }
+      src += '<' + name
+      for (const item in node.attrs) {
+        const val = node.attrs[item]
+        if (val) {
+          src += ` ${config.svgDict[item] || item}="${val.replace(/"/g, '')}"`
+        }
+      }
+      if (!node.children) {
+        src += '/>'
+      } else {
+        src += '>'
+        for (let i = 0; i < node.children.length; i++) {
+          traversal(node.children[i])
+        }
+        src += '</' + name + '>'
+      }
+    })(node)
+    node.name = 'img'
+    node.attrs = {
+      src: 'data:image/svg+xml;utf8,' + src.replace(/#/g, '%23'),
+      style,
+      ignore: 'T'
+    }
+    node.children = undefined
+    this.xml = false
+    config.ignoreTags.style = true
+    return
+  }
+
+  const styleObj = {}
+
+  // 转换 align 属性
+  if (attrs.align) {
+    if (node.name === 'table') {
+      if (attrs.align === 'center') {
+        styleObj['margin-inline-start'] = styleObj['margin-inline-end'] = 'auto'
+      } else {
+        styleObj.float = attrs.align
+      }
+    } else {
+      styleObj['text-align'] = attrs.align
+    }
+    attrs.align = undefined
+  }
+
+  // 转换 dir 属性
+  if (attrs.dir) {
+    styleObj.direction = attrs.dir
+    attrs.dir = undefined
+  }
+
+  // 转换 font 标签的属性
+  if (node.name === 'font') {
+    if (attrs.color) {
+      styleObj.color = attrs.color
+      attrs.color = undefined
+    }
+    if (attrs.face) {
+      styleObj['font-family'] = attrs.face
+      attrs.face = undefined
+    }
+    if (attrs.size) {
+      let size = parseInt(attrs.size)
+      if (!isNaN(size)) {
+        if (size < 1) {
+          size = 1
+        } else if (size > 7) {
+          size = 7
+        }
+        styleObj['font-size'] = ['x-small', 'small', 'medium', 'large', 'x-large', 'xx-large', 'xxx-large'][size - 1]
+      }
+      attrs.size = undefined
+    }
+  }
+
+  // 一些编辑器的自带 class
+  if ((attrs.class || '').includes('align-center')) {
+    styleObj['text-align'] = 'center'
+  }
+
+  Object.assign(styleObj, this.parseStyle(node))
+
+  if (node.name !== 'table' && parseInt(styleObj.width) > windowWidth) {
+    styleObj['max-width'] = '100%'
+    styleObj['box-sizing'] = 'border-box'
+  }
+
+  if (config.blockTags[node.name]) {
+    node.name = 'div'
+  } else if (!config.trustTags[node.name] && !this.xml) {
+    // 未知标签转为 span，避免无法显示
+    node.name = 'span'
+  } else if (node.name === 'a' || node.name === 'ad') {
+    this.expose()
+  } else if (node.name === 'video' || node.name === 'audio') {
+    if ((styleObj.height || '').includes('auto')) {
+      styleObj.height = undefined
+    }
+    node.children = undefined
+  } else if ((node.name === 'ul' || node.name === 'ol') && node.c) {
+    // 列表处理
+    const types = {
+      a: 'lower-alpha',
+      A: 'upper-alpha',
+      i: 'lower-roman',
+      I: 'upper-roman'
+    }
+    if (types[attrs.type]) {
+      attrs.style += ';list-style-type:' + types[attrs.type]
+      attrs.type = undefined
+    }
+    node.c = 1
+    for (let i = children.length; i--;) {
+      if (children[i].name === 'li') {
+        children[i].c = 1
+      }
+    }
+  } else if (node.name === 'table') {
+    // 表格处理
+    // cellpadding、cellspacing、border 这几个常用表格属性需要通过转换实现
+    let padding = parseFloat(attrs.cellpadding)
+    let spacing = parseFloat(attrs.cellspacing)
+    const border = parseFloat(attrs.border)
+    const bordercolor = styleObj['border-color']
+    const borderstyle = styleObj['border-style']
+    if (node.c) {
+      // padding 和 spacing 默认 2
+      if (isNaN(padding)) {
+        padding = 2
+      }
+      if (isNaN(spacing)) {
+        spacing = 2
+      }
+    }
+    if (border) {
+      attrs.style += `;border:${border}px ${borderstyle || 'solid'} ${bordercolor || 'gray'}`
+    }
+    if (node.flag && node.c) {
+      node.flag = undefined
+      // 有 colspan 或 rowspan 且含有链接的表格通过 grid 布局实现
+      styleObj.display = 'grid'
+      if (styleObj['border-collapse'] === 'collapse') {
+        styleObj['border-collapse'] = undefined
+        spacing = 0
+      }
+      if (spacing) {
+        styleObj['grid-gap'] = spacing + 'px'
+        styleObj.padding = spacing + 'px'
+      } else if (border) {
+        // 无间隔的情况下避免边框重叠
+        attrs.style += ';border-left:0;border-top:0'
+      }
+
+      const width = [] // 表格的列宽
+      const trList = [] // tr 列表
+      const cells = [] // 保存新的单元格
+      const map = {}; // 被合并单元格占用的格子
+
+      (function traversal (nodes) {
+        for (let i = 0; i < nodes.length; i++) {
+          if (nodes[i].name === 'tr') {
+            trList.push(nodes[i])
+          } else if (nodes[i].name === 'colgroup') {
+            let colI = 1
+            for (const col of (nodes[i].children || [])) {
+              if (col.name === 'col') {
+                const style = col.attrs.style || ''
+                const start = style.indexOf('width') ? style.indexOf(';width') : 0
+                // 提取出宽度
+                if (start !== -1) {
+                  let end = style.indexOf(';', start + 6)
+                  if (end === -1) {
+                    end = style.length
+                  }
+                  width[colI] = style.substring(start ? start + 7 : 6, end)
+                }
+                colI += 1
+              }
+            }
+          } else {
+            traversal(nodes[i].children || [])
+          }
+        }
+      })(children)
+
+      for (let row = 1; row <= trList.length; row++) {
+        let col = 1
+        for (let j = 0; j < trList[row - 1].children.length; j++) {
+          const td = trList[row - 1].children[j]
+          if (td.name === 'td' || td.name === 'th') {
+            // 这个格子被上面的单元格占用，则列号++
+            while (map[row + '.' + col]) {
+              col++
+            }
+            td.c = 1
+            let style = td.attrs.style || ''
+            let start = style.indexOf('width') ? style.indexOf(';width') : 0
+            // 提取出 td 的宽度
+            if (start !== -1) {
+              let end = style.indexOf(';', start + 6)
+              if (end === -1) {
+                end = style.length
+              }
+              if (!td.attrs.colspan) {
+                width[col] = style.substring(start ? start + 7 : 6, end)
+              }
+              style = style.substr(0, start) + style.substr(end)
+            }
+            // 设置竖直对齐
+            style += ';display:flex;flex-direction:column'
+            start = style.indexOf('vertical-align')
+            if (start !== -1) {
+              const val = style.substr(start + 15, 10)
+              if (val.includes('middle')) {
+                style += ';justify-content:center'
+              } else if (val.includes('bottom')) {
+                style += ';justify-content:flex-end'
+              }
+            } else {
+              style += ';justify-content:center'
+            }
+            // 设置水平对齐
+            start = style.indexOf('text-align')
+            if (start !== -1) {
+              const val = style.substr(start + 11, 10)
+              if (val.includes('center')) {
+                style += ';justify-content: center'
+              } else if (val.includes('right')) {
+                style += ';justify-content: right'
+              }
+            }
+            style = (border ? `;border:${border}px ${borderstyle || 'solid'} ${bordercolor || 'gray'}` + (spacing ? '' : ';border-right:0;border-bottom:0') : '') + (padding ? `;padding:${padding}px` : '') + ';' + style
+            // 处理列合并
+            if (td.attrs.colspan) {
+              style += `;grid-column-start:${col};grid-column-end:${col + parseInt(td.attrs.colspan)}`
+              if (!td.attrs.rowspan) {
+                style += `;grid-row-start:${row};grid-row-end:${row + 1}`
+              }
+              col += parseInt(td.attrs.colspan) - 1
+            }
+            // 处理行合并
+            if (td.attrs.rowspan) {
+              style += `;grid-row-start:${row};grid-row-end:${row + parseInt(td.attrs.rowspan)}`
+              if (!td.attrs.colspan) {
+                style += `;grid-column-start:${col};grid-column-end:${col + 1}`
+              }
+              // 记录下方单元格被占用
+              for (let rowspan = 1; rowspan < td.attrs.rowspan; rowspan++) {
+                for (let colspan = 0; colspan < (td.attrs.colspan || 1); colspan++) {
+                  map[(row + rowspan) + '.' + (col - colspan)] = 1
+                }
+              }
+            }
+            if (style) {
+              td.attrs.style = style
+            }
+            cells.push(td)
+            col++
+          }
+        }
+        if (row === 1) {
+          let temp = ''
+          for (let i = 1; i < col; i++) {
+            temp += (width[i] ? width[i] : 'auto') + ' '
+          }
+          styleObj['grid-template-columns'] = temp
+        }
+      }
+      node.children = cells
+    } else {
+      // 没有使用合并单元格的表格通过 table 布局实现
+      if (node.c) {
+        styleObj.display = 'table'
+      }
+      if (!isNaN(spacing)) {
+        styleObj['border-spacing'] = spacing + 'px'
+      }
+      if (border || padding || node.c) {
+        // 遍历
+        (function traversal (nodes) {
+          for (let i = 0; i < nodes.length; i++) {
+            const td = nodes[i]
+            if (node.c) {
+              td.c = 1
+            }
+            if (td.name === 'th' || td.name === 'td') {
+              if (border) {
+                td.attrs.style = `border:${border}px ${borderstyle || 'solid'} ${bordercolor || 'gray'};${td.attrs.style || ''}`
+              }
+              if (padding) {
+                td.attrs.style = `padding:${padding}px;${td.attrs.style || ''}`
+              }
+            } else if (td.children) {
+              traversal(td.children)
+            }
+          }
+        })(children)
+      }
+    }
+    // 给表格添加一个单独的横向滚动层
+    if (this.options.scrollTable && !(attrs.style || '').includes('inline')) {
+      const table = Object.assign({}, node)
+      node.name = 'div'
+      node.attrs = {
+        style: 'overflow-x:auto;padding:1px'
+      }
+      node.children = [table]
+      attrs = table.attrs
+    }
+  } else if ((node.name === 'tbody' || node.name === 'tr') && node.flag && node.c) {
+    node.flag = undefined;
+    (function traversal (nodes) {
+      for (let i = 0; i < nodes.length; i++) {
+        if (nodes[i].name === 'td') {
+          // 颜色样式设置给单元格避免丢失
+          for (const style of ['color', 'background', 'background-color']) {
+            if (styleObj[style]) {
+              nodes[i].attrs.style = style + ':' + styleObj[style] + ';' + (nodes[i].attrs.style || '')
+            }
+          }
+        } else {
+          traversal(nodes[i].children || [])
+        }
+      }
+    })(children)
+  } else if ((node.name === 'td' || node.name === 'th') && (attrs.colspan || attrs.rowspan)) {
+    for (let i = this.stack.length; i--;) {
+      if (this.stack[i].name === 'table' || this.stack[i].name === 'tbody' || this.stack[i].name === 'tr') {
+        this.stack[i].flag = 1 // 指示含有合并单元格
+      }
+    }
+  } else if (node.name === 'ruby') {
+    // 转换 ruby
+    node.name = 'span'
+    for (let i = 0; i < children.length - 1; i++) {
+      if (children[i].type === 'text' && children[i + 1].name === 'rt') {
+        children[i] = {
+          name: 'span',
+          attrs: {
+            style: 'display:inline-block;text-align:center'
+          },
+          children: [{
+            name: 'div',
+            attrs: {
+              style: 'font-size:50%;' + (children[i + 1].attrs.style || '')
+            },
+            children: children[i + 1].children
+          }, children[i]]
+        }
+        children.splice(i + 1, 1)
+      }
+    }
+  }
+
+  if ((styleObj.display || '').includes('flex') && !node.c) {
+    for (let i = children.length; i--;) {
+      const item = children[i]
+      if (item.f) {
+        item.attrs.style = (item.attrs.style || '') + item.f
+        item.f = undefined
+      }
+    }
+  }
+
+  // flex 布局时部分样式需要提取到 rich-text 外层
+  const flex = parent && ((parent.attrs.style || '').includes('flex') || (parent.attrs.style || '').includes('grid')) && !node.c
+    // #ifdef MP-WEIXIN || MP-QQ
+    && !(styleObj.display || '').includes('inline') // eslint-disable-line
+  // #endif
+  if (flex) {
+    node.f = ';max-width:100%'
+  }
+
+  if (children.length >= 50 && node.c && !(styleObj.display || '').includes('flex')) {
+    mergeNodes(children)
+  }
+
+  for (const key in styleObj) {
+    if (styleObj[key]) {
+      const val = `;${key}:${styleObj[key].replace(' !important', '')}`
+      if (flex && ((key.includes('flex') && key !== 'flex-direction') || key === 'align-self' || key.includes('grid') || styleObj[key][0] === '-' || (key.includes('width') && val.includes('%')))) {
+        node.f += val
+        if (key === 'width') {
+          attrs.style += ';width:100%'
+        }
+      } else {
+        attrs.style += val
+      }
+    }
+  }
+  attrs.style = attrs.style.substr(1) || undefined
+  // #ifdef MP-BAIDU
+  if (!attrs.style) {
+    delete attrs.style
+  }
+  // #endif
+}
+
+/**
+ * @description 解析到文本
+ * @param {String} text 文本内容
+ */
+Parser.prototype.onText = function (text) {
+  if (!this.pre) {
+    // 合并空白符
+    let trim = ''
+    let flag
+    for (let i = 0, len = text.length; i < len; i++) {
+      if (!blankChar[text[i]]) {
+        trim += text[i]
+      } else {
+        if (trim[trim.length - 1] !== ' ') {
+          trim += ' '
+        }
+        if (text[i] === '\n' && !flag) {
+          flag = true
+        }
+      }
+    }
+    // 去除含有换行符的空串
+    if (trim === ' ' && flag) return
+    text = trim
+  }
+  const node = Object.create(null)
+  node.type = 'text'
+  node.text = decodeEntity(text)
+  if (this.hook(node)) {
+    // #ifdef MP-WEIXIN
+    if (this.options.selectable === 'force' && system.includes('iOS') && !wx.canIUse('rich-text.user-select')) {
+      this.expose()
+    }
+    // #endif
+    const siblings = this.stack.length ? this.stack[this.stack.length - 1].children : this.nodes
+    siblings.push(node)
+  }
+}
+
+/**
+ * @description html 词法分析器
+ * @param {Object} handler 高层处理器
+ */
+function Lexer (handler) {
+  this.handler = handler
+}
+
+/**
+ * @description 执行解析
+ * @param {String} content 要解析的文本
+ */
+Lexer.prototype.parse = function (content) {
+  this.content = content || ''
+  this.i = 0 // 标记解析位置
+  this.start = 0 // 标记一个单词的开始位置
+  this.state = this.text // 当前状态
+  for (let len = this.content.length; this.i !== -1 && this.i < len;) {
+    this.state()
+  }
+}
+
+/**
+ * @description 检查标签是否闭合
+ * @param {String} method 如果闭合要进行的操作
+ * @returns {Boolean} 是否闭合
+ * @private
+ */
+Lexer.prototype.checkClose = function (method) {
+  const selfClose = this.content[this.i] === '/'
+  if (this.content[this.i] === '>' || (selfClose && this.content[this.i + 1] === '>')) {
+    if (method) {
+      this.handler[method](this.content.substring(this.start, this.i))
+    }
+    this.i += selfClose ? 2 : 1
+    this.start = this.i
+    this.handler.onOpenTag(selfClose)
+    if (this.handler.tagName === 'script') {
+      this.i = this.content.indexOf('</', this.i)
+      if (this.i !== -1) {
+        this.i += 2
+        this.start = this.i
+      }
+      this.state = this.endTag
+    } else {
+      this.state = this.text
+    }
+    return true
+  }
+  return false
+}
+
+/**
+ * @description 文本状态
+ * @private
+ */
+Lexer.prototype.text = function () {
+  this.i = this.content.indexOf('<', this.i) // 查找最近的标签
+  if (this.i === -1) {
+    // 没有标签了
+    if (this.start < this.content.length) {
+      this.handler.onText(this.content.substring(this.start, this.content.length))
+    }
+    return
+  }
+  const c = this.content[this.i + 1]
+  if ((c >= 'a' && c <= 'z') || (c >= 'A' && c <= 'Z')) {
+    // 标签开头
+    if (this.start !== this.i) {
+      this.handler.onText(this.content.substring(this.start, this.i))
+    }
+    this.start = ++this.i
+    this.state = this.tagName
+  } else if (c === '/' || c === '!' || c === '?') {
+    if (this.start !== this.i) {
+      this.handler.onText(this.content.substring(this.start, this.i))
+    }
+    const next = this.content[this.i + 2]
+    if (c === '/' && ((next >= 'a' && next <= 'z') || (next >= 'A' && next <= 'Z'))) {
+      // 标签结尾
+      this.i += 2
+      this.start = this.i
+      this.state = this.endTag
+      return
+    }
+    // 处理注释
+    let end = '-->'
+    if (c !== '!' || this.content[this.i + 2] !== '-' || this.content[this.i + 3] !== '-') {
+      end = '>'
+    }
+    this.i = this.content.indexOf(end, this.i)
+    if (this.i !== -1) {
+      this.i += end.length
+      this.start = this.i
+    }
+  } else {
+    this.i++
+  }
+}
+
+/**
+ * @description 标签名状态
+ * @private
+ */
+Lexer.prototype.tagName = function () {
+  if (blankChar[this.content[this.i]]) {
+    // 解析到标签名
+    this.handler.onTagName(this.content.substring(this.start, this.i))
+    while (blankChar[this.content[++this.i]]);
+    if (this.i < this.content.length && !this.checkClose()) {
+      this.start = this.i
+      this.state = this.attrName
+    }
+  } else if (!this.checkClose('onTagName')) {
+    this.i++
+  }
+}
+
+/**
+ * @description 属性名状态
+ * @private
+ */
+Lexer.prototype.attrName = function () {
+  let c = this.content[this.i]
+  if (blankChar[c] || c === '=') {
+    // 解析到属性名
+    this.handler.onAttrName(this.content.substring(this.start, this.i))
+    let needVal = c === '='
+    const len = this.content.length
+    while (++this.i < len) {
+      c = this.content[this.i]
+      if (!blankChar[c]) {
+        if (this.checkClose()) return
+        if (needVal) {
+          // 等号后遇到第一个非空字符
+          this.start = this.i
+          this.state = this.attrVal
+          return
+        }
+        if (this.content[this.i] === '=') {
+          needVal = true
+        } else {
+          this.start = this.i
+          this.state = this.attrName
+          return
+        }
+      }
+    }
+  } else if (!this.checkClose('onAttrName')) {
+    this.i++
+  }
+}
+
+/**
+ * @description 属性值状态
+ * @private
+ */
+Lexer.prototype.attrVal = function () {
+  const c = this.content[this.i]
+  const len = this.content.length
+  if (c === '"' || c === "'") {
+    // 有冒号的属性
+    this.start = ++this.i
+    this.i = this.content.indexOf(c, this.i)
+    if (this.i === -1) return
+    this.handler.onAttrVal(this.content.substring(this.start, this.i))
+  } else {
+    // 没有冒号的属性
+    for (; this.i < len; this.i++) {
+      if (blankChar[this.content[this.i]]) {
+        this.handler.onAttrVal(this.content.substring(this.start, this.i))
+        break
+      } else if (this.checkClose('onAttrVal')) return
+    }
+  }
+  while (blankChar[this.content[++this.i]]);
+  if (this.i < len && !this.checkClose()) {
+    this.start = this.i
+    this.state = this.attrName
+  }
+}
+
+/**
+ * @description 结束标签状态
+ * @returns {String} 结束的标签名
+ * @private
+ */
+Lexer.prototype.endTag = function () {
+  const c = this.content[this.i]
+  if (blankChar[c] || c === '>' || c === '/') {
+    this.handler.onCloseTag(this.content.substring(this.start, this.i))
+    if (c !== '>') {
+      this.i = this.content.indexOf('>', this.i)
+      if (this.i === -1) return
+    }
+    this.start = ++this.i
+    this.state = this.text
+  } else {
+    this.i++
+  }
+}
+
+module.exports = Parser
diff --git a/wechat-mini-program/components/mp-html/src/uni-app/components/mp-html/mp-html.vue b/wechat-mini-program/components/mp-html/src/uni-app/components/mp-html/mp-html.vue
new file mode 100644
index 0000000..6731f97
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/src/uni-app/components/mp-html/mp-html.vue
@@ -0,0 +1,498 @@
+<template>
+  <view id="_root" :class="(selectable?'_select ':'')+'_root'" :style="containerStyle">
+    <slot v-if="!nodes[0]" />
+    <!-- #ifndef APP-PLUS-NVUE -->
+    <node v-else :childs="nodes" :opts="[lazyLoad,loadingImg,errorImg,showImgMenu,selectable]" name="span" />
+    <!-- #endif -->
+    <!-- #ifdef APP-PLUS-NVUE -->
+    <web-view ref="web" src="/static/app-plus/mp-html/local.html" :style="'margin-top:-2px;height:' + height + 'px'" @onPostMessage="_onMessage" />
+    <!-- #endif -->
+  </view>
+</template>
+
+<script>
+/**
+ * mp-html v2.5.1
+ * @description 富文本组件
+ * @tutorial https://github.com/jin-yufeng/mp-html
+ * @property {String} container-style 容器的样式
+ * @property {String} content 用于渲染的 html 字符串
+ * @property {Boolean} copy-link 是否允许外部链接被点击时自动复制
+ * @property {String} domain 主域名，用于拼接链接
+ * @property {String} error-img 图片出错时的占位图链接
+ * @property {Boolean} lazy-load 是否开启图片懒加载
+ * @property {string} loading-img 图片加载过程中的占位图链接
+ * @property {Boolean} pause-video 是否在播放一个视频时自动暂停其他视频
+ * @property {Boolean} preview-img 是否允许图片被点击时自动预览
+ * @property {Boolean} scroll-table 是否给每个表格添加一个滚动层使其能单独横向滚动
+ * @property {Boolean | String} selectable 是否开启长按复制
+ * @property {Boolean} set-title 是否将 title 标签的内容设置到页面标题
+ * @property {Boolean} show-img-menu 是否允许图片被长按时显示菜单
+ * @property {Object} tag-style 标签的默认样式
+ * @property {Boolean | Number} use-anchor 是否使用锚点链接
+ * @event {Function} load dom 结构加载完毕时触发
+ * @event {Function} ready 所有图片加载完毕时触发
+ * @event {Function} imgtap 图片被点击时触发
+ * @event {Function} linktap 链接被点击时触发
+ * @event {Function} play 音视频播放时触发
+ * @event {Function} error 媒体加载出错时触发
+ */
+// #ifndef APP-PLUS-NVUE
+import node from './node/node'
+// #endif
+import Parser from './parser'
+const plugins = []
+// #ifdef APP-PLUS-NVUE
+const dom = weex.requireModule('dom')
+// #endif
+export default {
+  name: 'mp-html',
+  data () {
+    return {
+      nodes: [],
+      // #ifdef APP-PLUS-NVUE
+      height: 3
+      // #endif
+    }
+  },
+  props: {
+    containerStyle: {
+      type: String,
+      default: ''
+    },
+    content: {
+      type: String,
+      default: ''
+    },
+    copyLink: {
+      type: [Boolean, String],
+      default: true
+    },
+    domain: String,
+    errorImg: {
+      type: String,
+      default: ''
+    },
+    lazyLoad: {
+      type: [Boolean, String],
+      default: false
+    },
+    loadingImg: {
+      type: String,
+      default: ''
+    },
+    pauseVideo: {
+      type: [Boolean, String],
+      default: true
+    },
+    previewImg: {
+      type: [Boolean, String],
+      default: true
+    },
+    scrollTable: [Boolean, String],
+    selectable: [Boolean, String],
+    setTitle: {
+      type: [Boolean, String],
+      default: true
+    },
+    showImgMenu: {
+      type: [Boolean, String],
+      default: true
+    },
+    tagStyle: Object,
+    useAnchor: [Boolean, Number]
+  },
+  // #ifdef VUE3
+  emits: ['load', 'ready', 'imgtap', 'linktap', 'play', 'error'],
+  // #endif
+  // #ifndef APP-PLUS-NVUE
+  components: {
+    node
+  },
+  // #endif
+  watch: {
+    content (content) {
+      this.setContent(content)
+    }
+  },
+  created () {
+    this.plugins = []
+    for (let i = plugins.length; i--;) {
+      this.plugins.push(new plugins[i](this))
+    }
+  },
+  mounted () {
+    if (this.content && !this.nodes.length) {
+      this.setContent(this.content)
+    }
+  },
+  beforeDestroy () {
+    this._hook('onDetached')
+  },
+  methods: {
+    /**
+     * @description 将锚点跳转的范围限定在一个 scroll-view 内
+     * @param {Object} page scroll-view 所在页面的示例
+     * @param {String} selector scroll-view 的选择器
+     * @param {String} scrollTop scroll-view scroll-top 属性绑定的变量名
+     */
+    in (page, selector, scrollTop) {
+      // #ifndef APP-PLUS-NVUE
+      if (page && selector && scrollTop) {
+        this._in = {
+          page,
+          selector,
+          scrollTop
+        }
+      }
+      // #endif
+    },
+
+    /**
+     * @description 锚点跳转
+     * @param {String} id 要跳转的锚点 id
+     * @param {Number} offset 跳转位置的偏移量
+     * @returns {Promise}
+     */
+    navigateTo (id, offset) {
+      return new Promise((resolve, reject) => {
+        if (!this.useAnchor) {
+          reject(Error('Anchor is disabled'))
+          return
+        }
+        offset = offset || parseInt(this.useAnchor) || 0
+        // #ifdef APP-PLUS-NVUE
+        if (!id) {
+          dom.scrollToElement(this.$refs.web, {
+            offset
+          })
+          resolve()
+        } else {
+          this._navigateTo = {
+            resolve,
+            reject,
+            offset
+          }
+          this.$refs.web.evalJs('uni.postMessage({data:{action:"getOffset",offset:(document.getElementById(' + id + ')||{}).offsetTop}})')
+        }
+        // #endif
+        // #ifndef APP-PLUS-NVUE
+        let deep = ' '
+        // #ifdef MP-WEIXIN || MP-QQ || MP-TOUTIAO
+        deep = '>>>'
+        // #endif
+        const selector = uni.createSelectorQuery()
+          // #ifndef MP-ALIPAY
+          .in(this._in ? this._in.page : this)
+          // #endif
+          .select((this._in ? this._in.selector : '._root') + (id ? `${deep}#${id}` : '')).boundingClientRect()
+        if (this._in) {
+          selector.select(this._in.selector).scrollOffset()
+            .select(this._in.selector).boundingClientRect()
+        } else {
+          // 获取 scroll-view 的位置和滚动距离
+          selector.selectViewport().scrollOffset() // 获取窗口的滚动距离
+        }
+        selector.exec(res => {
+          if (!res[0]) {
+            reject(Error('Label not found'))
+            return
+          }
+          const scrollTop = res[1].scrollTop + res[0].top - (res[2] ? res[2].top : 0) + offset
+          if (this._in) {
+            // scroll-view 跳转
+            this._in.page[this._in.scrollTop] = scrollTop
+          } else {
+            // 页面跳转
+            uni.pageScrollTo({
+              scrollTop,
+              duration: 300
+            })
+          }
+          resolve()
+        })
+        // #endif
+      })
+    },
+
+    /**
+     * @description 获取文本内容
+     * @return {String}
+     */
+    getText (nodes) {
+      let text = '';
+      (function traversal (nodes) {
+        for (let i = 0; i < nodes.length; i++) {
+          const node = nodes[i]
+          if (node.type === 'text') {
+            text += node.text.replace(/&amp;/g, '&')
+          } else if (node.name === 'br') {
+            text += '\n'
+          } else {
+            // 块级标签前后加换行
+            const isBlock = node.name === 'p' || node.name === 'div' || node.name === 'tr' || node.name === 'li' || (node.name[0] === 'h' && node.name[1] > '0' && node.name[1] < '7')
+            if (isBlock && text && text[text.length - 1] !== '\n') {
+              text += '\n'
+            }
+            // 递归获取子节点的文本
+            if (node.children) {
+              traversal(node.children)
+            }
+            if (isBlock && text[text.length - 1] !== '\n') {
+              text += '\n'
+            } else if (node.name === 'td' || node.name === 'th') {
+              text += '\t'
+            }
+          }
+        }
+      })(nodes || this.nodes)
+      return text
+    },
+
+    /**
+     * @description 获取内容大小和位置
+     * @return {Promise}
+     */
+    getRect () {
+      return new Promise((resolve, reject) => {
+        uni.createSelectorQuery()
+          // #ifndef MP-ALIPAY
+          .in(this)
+          // #endif
+          .select('#_root').boundingClientRect().exec(res => res[0] ? resolve(res[0]) : reject(Error('Root label not found')))
+      })
+    },
+
+    /**
+     * @description 暂停播放媒体
+     */
+    pauseMedia () {
+      for (let i = (this._videos || []).length; i--;) {
+        this._videos[i].pause()
+      }
+      // #ifdef APP-PLUS
+      const command = 'for(var e=document.getElementsByTagName("video"),i=e.length;i--;)e[i].pause()'
+      // #ifndef APP-PLUS-NVUE
+      let page = this.$parent
+      while (!page.$scope) page = page.$parent
+      page.$scope.$getAppWebview().evalJS(command)
+      // #endif
+      // #ifdef APP-PLUS-NVUE
+      this.$refs.web.evalJs(command)
+      // #endif
+      // #endif
+    },
+
+    /**
+     * @description 设置媒体播放速率
+     * @param {Number} rate 播放速率
+     */
+    setPlaybackRate (rate) {
+      this.playbackRate = rate
+      for (let i = (this._videos || []).length; i--;) {
+        this._videos[i].playbackRate(rate)
+      }
+      // #ifdef APP-PLUS
+      const command = 'for(var e=document.getElementsByTagName("video"),i=e.length;i--;)e[i].playbackRate=' + rate
+      // #ifndef APP-PLUS-NVUE
+      let page = this.$parent
+      while (!page.$scope) page = page.$parent
+      page.$scope.$getAppWebview().evalJS(command)
+      // #endif
+      // #ifdef APP-PLUS-NVUE
+      this.$refs.web.evalJs(command)
+      // #endif
+      // #endif
+    },
+
+    /**
+     * @description 设置内容
+     * @param {String} content html 内容
+     * @param {Boolean} append 是否在尾部追加
+     */
+    setContent (content, append) {
+      if (!append || !this.imgList) {
+        this.imgList = []
+      }
+      const nodes = new Parser(this).parse(content)
+      // #ifdef APP-PLUS-NVUE
+      if (this._ready) {
+        this._set(nodes, append)
+      }
+      // #endif
+      this.$set(this, 'nodes', append ? (this.nodes || []).concat(nodes) : nodes)
+
+      // #ifndef APP-PLUS-NVUE
+      this._videos = []
+      this.$nextTick(() => {
+        this._hook('onLoad')
+        this.$emit('load')
+      })
+
+      if (this.lazyLoad || this.imgList._unloadimgs < this.imgList.length / 2) {
+        // 设置懒加载，每 350ms 获取高度，不变则认为加载完毕
+        let height = 0
+        const callback = rect => {
+          if (!rect || !rect.height) rect = {}
+          // 350ms 总高度无变化就触发 ready 事件
+          if (rect.height === height) {
+            this.$emit('ready', rect)
+          } else {
+            height = rect.height
+            setTimeout(() => {
+              this.getRect().then(callback).catch(callback)
+            }, 350)
+          }
+        }
+        this.getRect().then(callback).catch(callback)
+      } else {
+        // 未设置懒加载，等待所有图片加载完毕
+        if (!this.imgList._unloadimgs) {
+          this.getRect().then(rect => {
+            this.$emit('ready', rect)
+          }).catch(() => {
+            this.$emit('ready', {})
+          })
+        }
+      }
+      // #endif
+    },
+
+    /**
+     * @description 调用插件钩子函数
+     */
+    _hook (name) {
+      for (let i = plugins.length; i--;) {
+        if (this.plugins[i][name]) {
+          this.plugins[i][name]()
+        }
+      }
+    },
+
+    // #ifdef APP-PLUS-NVUE
+    /**
+     * @description 设置内容
+     */
+    _set (nodes, append) {
+      this.$refs.web.evalJs('setContent(' + JSON.stringify(nodes).replace(/%22/g, '') + ',' + JSON.stringify([this.containerStyle.replace(/(?:margin|padding)[^;]+/g, ''), this.errorImg, this.loadingImg, this.pauseVideo, this.scrollTable, this.selectable]) + ',' + append + ')')
+    },
+
+    /**
+     * @description 接收到 web-view 消息
+     */
+    _onMessage (e) {
+      const message = e.detail.data[0]
+      switch (message.action) {
+        // web-view 初始化完毕
+        case 'onJSBridgeReady':
+          this._ready = true
+          if (this.nodes) {
+            this._set(this.nodes)
+          }
+          break
+        // 内容 dom 加载完毕
+        case 'onLoad':
+          this.height = message.height
+          this._hook('onLoad')
+          this.$emit('load')
+          break
+        // 所有图片加载完毕
+        case 'onReady':
+          this.getRect().then(res => {
+            this.$emit('ready', res)
+          }).catch(() => {
+            this.$emit('ready', {})
+          })
+          break
+        // 总高度发生变化
+        case 'onHeightChange':
+          this.height = message.height
+          break
+        // 图片点击
+        case 'onImgTap':
+          this.$emit('imgtap', message.attrs)
+          if (this.previewImg) {
+            uni.previewImage({
+              current: parseInt(message.attrs.i),
+              urls: this.imgList
+            })
+          }
+          break
+        // 链接点击
+        case 'onLinkTap': {
+          const href = message.attrs.href
+          this.$emit('linktap', message.attrs)
+          if (href) {
+            // 锚点跳转
+            if (href[0] === '#') {
+              if (this.useAnchor) {
+                dom.scrollToElement(this.$refs.web, {
+                  offset: message.offset
+                })
+              }
+            } else if (href.includes('://')) {
+              // 打开外链
+              if (this.copyLink) {
+                plus.runtime.openWeb(href)
+              }
+            } else {
+              uni.navigateTo({
+                url: href,
+                fail () {
+                  uni.switchTab({
+                    url: href
+                  })
+                }
+              })
+            }
+          }
+          break
+        }
+        case 'onPlay':
+          this.$emit('play')
+          break
+        // 获取到锚点的偏移量
+        case 'getOffset':
+          if (typeof message.offset === 'number') {
+            dom.scrollToElement(this.$refs.web, {
+              offset: message.offset + this._navigateTo.offset
+            })
+            this._navigateTo.resolve()
+          } else {
+            this._navigateTo.reject(Error('Label not found'))
+          }
+          break
+        // 点击
+        case 'onClick':
+          this.$emit('tap')
+          this.$emit('click')
+          break
+        // 出错
+        case 'onError':
+          this.$emit('error', {
+            source: message.source,
+            attrs: message.attrs
+          })
+      }
+    }
+    // #endif
+  }
+}
+</script>
+
+<style>
+/* #ifndef APP-PLUS-NVUE */
+/* 根节点样式 */
+._root {
+  padding: 1px 0;
+  overflow-x: auto;
+  overflow-y: hidden;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 长按复制 */
+._select {
+  user-select: text;
+}
+/* #endif */
+</style>
diff --git a/wechat-mini-program/components/mp-html/src/uni-app/components/mp-html/node/node.vue b/wechat-mini-program/components/mp-html/src/uni-app/components/mp-html/node/node.vue
new file mode 100644
index 0000000..8d6da0f
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/src/uni-app/components/mp-html/node/node.vue
@@ -0,0 +1,595 @@
+<template>
+  <view :id="attrs.id" :class="'_block _'+name+' '+attrs.class" :style="attrs.style">
+    <block v-for="(n, i) in childs" v-bind:key="i">
+      <!-- 图片 -->
+      <!-- 占位图 -->
+      <image v-if="n.name==='img'&&!n.t&&((opts[1]&&!ctrl[i])||ctrl[i]<0)" class="_img" :style="n.attrs.style" :src="ctrl[i]<0?opts[2]:opts[1]" mode="widthFix" />
+      <!-- 显示图片 -->
+      <!-- #ifdef H5 || (APP-PLUS && VUE2) -->
+      <img v-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+n.attrs.style" :src="n.attrs.src||(ctrl.load?n.attrs['data-src']:'')" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap" @longpress="imgLongTap" />
+      <!-- #endif -->
+      <!-- #ifndef H5 || (APP-PLUS && VUE2) -->
+      <!-- 表格中的图片，使用 rich-text 防止大小不正确 -->
+      <rich-text v-if="n.name==='img'&&n.t" :style="'display:'+n.t" :nodes="[{attrs:{style:n.attrs.style||'',src:n.attrs.src},name:'img'}]" :data-i="i" @tap.stop="imgTap" />
+      <!-- #endif -->
+      <!-- #ifdef APP-HARMONY -->
+      <image v-else-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+'width:'+ctrl[i]+'px;'+n.attrs.style" :src="n.attrs.src||(ctrl.load?n.attrs['data-src']:'')" :mode="!n.h?'widthFix':(!n.w?'heightFix':(n.m||'scaleToFill'))" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap" @longpress="imgLongTap" />
+      <!-- #endif -->
+      <!-- #ifndef H5 || APP-PLUS || MP-KUAISHOU -->
+      <image v-else-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+'width:'+(ctrl[i]||1)+'px;height:1px;'+n.attrs.style" :src="n.attrs.src" :mode="!n.h?'widthFix':(!n.w?'heightFix':(n.m||'scaleToFill'))" :lazy-load="opts[0]" :webp="n.webp" :show-menu-by-longpress="opts[3]&&!n.attrs.ignore" :image-menu-prevent="!opts[3]||n.attrs.ignore" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap" @longpress="imgLongTap" />
+      <!-- #endif -->
+      <!-- #ifdef MP-KUAISHOU -->
+      <image v-else-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+n.attrs.style" :src="n.attrs.src" :lazy-load="opts[0]" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap"></image>
+      <!-- #endif -->
+      <!-- #ifdef APP-PLUS && VUE3 -->
+      <image v-else-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+'width:'+(ctrl[i]||1)+'px;'+n.attrs.style" :src="n.attrs.src||(ctrl.load?n.attrs['data-src']:'')" :mode="!n.h?'widthFix':(!n.w?'heightFix':(n.m||''))" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap" @longpress="imgLongTap" />
+      <!-- #endif -->
+      <!-- 文本 -->
+      <!-- #ifdef MP-WEIXIN -->
+      <text v-else-if="n.text" :user-select="opts[4]=='force'&&isiOS" decode>{{n.text}}</text>
+      <!-- #endif -->
+      <!-- #ifndef MP-WEIXIN || MP-BAIDU || MP-ALIPAY || MP-TOUTIAO -->
+      <text v-else-if="n.text" decode>{{n.text}}</text>
+      <!-- #endif -->
+      <text v-else-if="n.name==='br'">\n</text>
+      <!-- 链接 -->
+      <view v-else-if="n.name==='a'" :id="n.attrs.id" :class="(n.attrs.href?'_a ':'')+n.attrs.class" hover-class="_hover" :style="'display:inline;'+n.attrs.style" :data-i="i" @tap.stop="linkTap">
+        <node name="span" :childs="n.children" :opts="opts" style="display:inherit" />
+      </view>
+      <!-- 视频 -->
+      <!-- #ifdef APP-PLUS -->
+      <view v-else-if="n.html" :id="n.attrs.id" :class="'_video '+n.attrs.class" :style="n.attrs.style" v-html="n.html" :data-i="i" @vplay.stop="play" />
+      <!-- #endif -->
+      <!-- #ifndef APP-PLUS -->
+      <video v-else-if="n.name==='video'" :id="n.attrs.id" :class="n.attrs.class" :style="n.attrs.style" :autoplay="n.attrs.autoplay" :controls="n.attrs.controls" :loop="n.attrs.loop" :muted="n.attrs.muted" :object-fit="n.attrs['object-fit']" :poster="n.attrs.poster" :src="n.src[ctrl[i]||0]" :data-i="i" @play="play" @error="mediaError" />
+      <!-- #endif -->
+      <!-- #ifdef H5 || APP-PLUS -->
+      <iframe v-else-if="n.name==='iframe'" :style="n.attrs.style" :allowfullscreen="n.attrs.allowfullscreen" :frameborder="n.attrs.frameborder" :src="n.attrs.src" />
+      <embed v-else-if="n.name==='embed'" :style="n.attrs.style" :src="n.attrs.src" />
+      <!-- #endif -->
+      <!-- #ifndef MP-TOUTIAO || ((H5 || APP-PLUS) && VUE3) -->
+      <!-- 音频 -->
+      <audio v-else-if="n.name==='audio'" :id="n.attrs.id" :class="n.attrs.class" :style="n.attrs.style" :author="n.attrs.author" :controls="n.attrs.controls" :loop="n.attrs.loop" :name="n.attrs.name" :poster="n.attrs.poster" :src="n.src[ctrl[i]||0]" :data-i="i" @play="play" @error="mediaError" />
+      <!-- #endif -->
+      <view v-else-if="(n.name==='table'&&n.c)||n.name==='li'" :id="n.attrs.id" :class="'_'+n.name+' '+n.attrs.class" :style="n.attrs.style">
+        <node v-if="n.name==='li'" :childs="n.children" :opts="opts" />
+        <view v-else v-for="(tbody, x) in n.children" v-bind:key="x" :class="'_'+tbody.name+' '+tbody.attrs.class" :style="tbody.attrs.style">
+          <node v-if="tbody.name==='td'||tbody.name==='th'" :childs="tbody.children" :opts="opts" />
+          <block v-else v-for="(tr, y) in tbody.children" v-bind:key="y">
+            <view v-if="tr.name==='td'||tr.name==='th'" :class="'_'+tr.name+' '+tr.attrs.class" :style="tr.attrs.style">
+              <node :childs="tr.children" :opts="opts" />
+            </view>
+            <view v-else :class="'_'+tr.name+' '+tr.attrs.class" :style="tr.attrs.style">
+              <view v-for="(td, z) in tr.children" v-bind:key="z" :class="'_'+td.name+' '+td.attrs.class" :style="td.attrs.style">
+                <node :childs="td.children" :opts="opts" />
+              </view>
+            </view>
+          </block>
+        </view>
+      </view>
+      <!-- insert -->
+      <!-- 富文本 -->
+      <!-- #ifdef H5 || ((MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE2) -->
+      <rich-text v-else-if="!n.c&&!handler.isInline(n.name, n.attrs.style)" :id="n.attrs.id" :style="n.f" :user-select="opts[4]" :nodes="[n]" />
+      <!-- #endif -->
+      <!-- #ifndef H5 || ((MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE2) -->
+      <rich-text v-else-if="!n.c" :id="n.attrs.id" :style="'display:inline;'+n.f" :preview="false" :selectable="opts[4]" :user-select="opts[4]" :nodes="[n]" />
+      <!-- #endif -->
+      <!-- 继续递归 -->
+      <view v-else-if="n.c===2" :id="n.attrs.id" :class="'_block _'+n.name+' '+n.attrs.class" :style="n.f+';'+n.attrs.style">
+        <node v-for="(n2, j) in n.children" v-bind:key="j" :style="n2.f" :name="n2.name" :attrs="n2.attrs" :childs="n2.children" :opts="opts" />
+      </view>
+      <node v-else :style="n.f" :name="n.name" :attrs="n.attrs" :childs="n.children" :opts="opts" />
+    </block>
+  </view>
+</template>
+<script module="handler" lang="wxs">
+// 行内标签列表
+var inlineTags = {
+  abbr: true,
+  b: true,
+  big: true,
+  code: true,
+  del: true,
+  em: true,
+  i: true,
+  ins: true,
+  label: true,
+  q: true,
+  small: true,
+  span: true,
+  strong: true,
+  sub: true,
+  sup: true
+}
+/**
+ * @description 判断是否为行内标签
+ */
+module.exports = {
+  isInline: function (tagName, style) {
+    return inlineTags[tagName] || (style || '').indexOf('display:inline') !== -1
+  }
+}
+</script>
+<script>
+import node from './node'
+export default {
+  name: 'node',
+  options: {
+    // #ifdef MP-WEIXIN
+    virtualHost: true,
+    // #endif
+    // #ifdef MP-TOUTIAO
+    addGlobalClass: false
+    // #endif
+  },
+  data () {
+    return {
+      ctrl: {},
+      // #ifdef MP-WEIXIN
+      isiOS: uni.getSystemInfoSync().system.includes('iOS')
+      // #endif
+    }
+  },
+  props: {
+    name: String,
+    attrs: {
+      type: Object,
+      default () {
+        return {}
+      }
+    },
+    childs: Array,
+    opts: Array
+  },
+  components: {
+    // #ifndef ((H5 || APP-PLUS) && VUE3) || APP-HARMONY
+    node
+    // #endif
+  },
+  mounted () {
+    this.$nextTick(() => {
+      for (this.root = this.$parent; this.root.$options.name !== 'mp-html'; this.root = this.root.$parent);
+    })
+    // #ifdef H5 || APP-PLUS
+    if (this.opts[0]) {
+      let i
+      for (i = this.childs.length; i--;) {
+        if (this.childs[i].name === 'img') break
+      }
+      if (i !== -1) {
+        this.observer = uni.createIntersectionObserver(this).relativeToViewport({
+          top: 500,
+          bottom: 500
+        })
+        this.observer.observe('._img', res => {
+          if (res.intersectionRatio) {
+            this.$set(this.ctrl, 'load', 1)
+            this.observer.disconnect()
+          }
+        })
+      }
+    }
+    // #endif
+  },
+  beforeDestroy () {
+    // #ifdef H5 || APP-PLUS
+    if (this.observer) {
+      this.observer.disconnect()
+    }
+    // #endif
+  },
+  methods: {
+    // #ifdef MP-WEIXIN
+    toJSON () { return this },
+    // #endif
+    /**
+     * @description 播放视频事件
+     * @param {Event} e
+     */
+    play (e) {
+      const i = e.currentTarget.dataset.i
+      const node = this.childs[i]
+      this.root.$emit('play', {
+        source: node.name,
+        attrs: {
+          ...node.attrs,
+          src: node.src[this.ctrl[i] || 0]
+        }
+      })
+      // #ifndef APP-PLUS
+      if (this.root.pauseVideo) {
+        let flag = false
+        const id = e.target.id
+        for (let i = this.root._videos.length; i--;) {
+          if (this.root._videos[i].id === id) {
+            flag = true
+          } else {
+            this.root._videos[i].pause() // 自动暂停其他视频
+          }
+        }
+        // 将自己加入列表
+        if (!flag) {
+          const ctx = uni.createVideoContext(id
+            // #ifndef MP-BAIDU
+            , this
+            // #endif
+          )
+          ctx.id = id
+          if (this.root.playbackRate) {
+            ctx.playbackRate(this.root.playbackRate)
+          }
+          this.root._videos.push(ctx)
+        }
+      }
+      // #endif
+    },
+
+    /**
+     * @description 图片点击事件
+     * @param {Event} e
+     */
+    imgTap (e) {
+      const node = this.childs[e.currentTarget.dataset.i]
+      if (node.a) {
+        this.linkTap(node.a)
+        return
+      }
+      if (node.attrs.ignore) return
+      // #ifdef H5 || APP-PLUS
+      node.attrs.src = node.attrs.src || node.attrs['data-src']
+      // #endif
+      // #ifndef APP-HARMONY
+      this.root.$emit('imgtap', node.attrs)
+      // #endif
+      // #ifdef APP-HARMONY
+      this.root.$emit('imgtap', {
+        ...node.attrs
+      })
+      // #endif
+      // 自动预览图片
+      if (this.root.previewImg) {
+        uni.previewImage({
+          // #ifdef MP-WEIXIN
+          showmenu: this.root.showImgMenu,
+          // #endif
+          // #ifdef MP-ALIPAY
+          enablesavephoto: this.root.showImgMenu,
+          enableShowPhotoDownload: this.root.showImgMenu,
+          // #endif
+          current: parseInt(node.attrs.i),
+          urls: this.root.imgList
+        })
+      }
+    },
+
+    /**
+     * @description 图片长按
+     */
+    imgLongTap (e) {
+      // #ifdef APP-PLUS
+      const attrs = this.childs[e.currentTarget.dataset.i].attrs
+      if (this.opts[3] && !attrs.ignore) {
+        uni.showActionSheet({
+          itemList: ['保存图片'],
+          success: () => {
+            const save = path => {
+              uni.saveImageToPhotosAlbum({
+                filePath: path,
+                success () {
+                  uni.showToast({
+                    title: '保存成功'
+                  })
+                }
+              })
+            }
+            if (this.root.imgList[attrs.i].startsWith('http')) {
+              uni.downloadFile({
+                url: this.root.imgList[attrs.i],
+                success: res => save(res.tempFilePath)
+              })
+            } else {
+              save(this.root.imgList[attrs.i])
+            }
+          }
+        })
+      }
+      // #endif
+    },
+
+    /**
+     * @description 图片加载完成事件
+     * @param {Event} e
+     */
+    imgLoad (e) {
+      const i = e.currentTarget.dataset.i
+      /* #ifndef H5 || (APP-PLUS && VUE2) */
+      if (!this.childs[i].w) {
+        // 设置原宽度
+        this.$set(this.ctrl, i, e.detail.width)
+      } else /* #endif */ if ((this.opts[1] && !this.ctrl[i]) || this.ctrl[i] === -1) {
+        // 加载完毕，取消加载中占位图
+        this.$set(this.ctrl, i, 1)
+      }
+      this.checkReady()
+    },
+
+    /**
+     * @description 检查是否所有图片加载完毕
+     */
+    checkReady () {
+      if (this.root && !this.root.lazyLoad) {
+        this.root._unloadimgs -= 1
+        if (!this.root._unloadimgs) {
+          setTimeout(() => {
+            this.root.getRect().then(rect => {
+              this.root.$emit('ready', rect)
+            }).catch(() => {
+              this.root.$emit('ready', {})
+            })
+          }, 350)
+        }
+      }
+    },
+
+    /**
+     * @description 链接点击事件
+     * @param {Event} e
+     */
+    linkTap (e) {
+      const node = e.currentTarget ? this.childs[e.currentTarget.dataset.i] : {}
+      const attrs = node.attrs || e
+      const href = attrs.href
+      this.root.$emit('linktap', Object.assign({
+        innerText: this.root.getText(node.children || []) // 链接内的文本内容
+      }, attrs))
+      if (href) {
+        if (href[0] === '#') {
+          // 跳转锚点
+          this.root.navigateTo(href.substring(1)).catch(() => { })
+        } else if (href.split('?')[0].includes('://')) {
+          // 复制外部链接
+          if (this.root.copyLink) {
+            // #ifdef H5
+            window.open(href)
+            // #endif
+            // #ifdef MP
+            uni.setClipboardData({
+              data: href,
+              success: () =>
+                uni.showToast({
+                  title: '链接已复制'
+                })
+            })
+            // #endif
+            // #ifdef APP-PLUS
+            plus.runtime.openWeb(href)
+            // #endif
+          }
+        } else {
+          // 跳转页面
+          uni.navigateTo({
+            url: href,
+            fail () {
+              uni.switchTab({
+                url: href,
+                fail () { }
+              })
+            }
+          })
+        }
+      }
+    },
+
+    /**
+     * @description 错误事件
+     * @param {Event} e
+     */
+    mediaError (e) {
+      const i = e.currentTarget.dataset.i
+      const node = this.childs[i]
+      // 加载其他源
+      if (node.name === 'video' || node.name === 'audio') {
+        let index = (this.ctrl[i] || 0) + 1
+        if (index > node.src.length) {
+          index = 0
+        }
+        if (index < node.src.length) {
+          this.$set(this.ctrl, i, index)
+          return
+        }
+      } else if (node.name === 'img') {
+        // #ifdef H5 && VUE3
+        if (this.opts[0] && !this.ctrl.load) return
+        // #endif
+        // 显示错误占位图
+        if (this.opts[2]) {
+          this.$set(this.ctrl, i, -1)
+        }
+        this.checkReady()
+      }
+      if (this.root) {
+        this.root.$emit('error', {
+          source: node.name,
+          attrs: node.attrs,
+          // #ifndef H5 && VUE3
+          errMsg: e.detail.errMsg
+          // #endif
+        })
+      }
+    }
+  }
+}
+</script>
+<style>
+/* a 标签默认效果 */
+._a {
+  padding: 1.5px 0 1.5px 0;
+  color: #366092;
+  word-break: break-all;
+}
+
+/* a 标签点击态效果 */
+._hover {
+  text-decoration: underline;
+  opacity: 0.7;
+}
+
+/* 图片默认效果 */
+._img {
+  max-width: 100%;
+  -webkit-touch-callout: none;
+}
+
+/* 内部样式 */
+
+._block {
+  display: block;
+}
+
+._b,
+._strong {
+  font-weight: bold;
+}
+
+._code {
+  font-family: monospace;
+}
+
+._del {
+  text-decoration: line-through;
+}
+
+._em,
+._i {
+  font-style: italic;
+}
+
+._h1 {
+  font-size: 2em;
+}
+
+._h2 {
+  font-size: 1.5em;
+}
+
+._h3 {
+  font-size: 1.17em;
+}
+
+._h5 {
+  font-size: 0.83em;
+}
+
+._h6 {
+  font-size: 0.67em;
+}
+
+._h1,
+._h2,
+._h3,
+._h4,
+._h5,
+._h6 {
+  display: block;
+  font-weight: bold;
+}
+
+._image {
+  height: 1px;
+}
+
+._ins {
+  text-decoration: underline;
+}
+
+._li {
+  display: list-item;
+}
+
+._ol {
+  list-style-type: decimal;
+}
+
+._ol,
+._ul {
+  display: block;
+  padding-left: 40px;
+  margin: 1em 0;
+}
+
+._q::before {
+  content: '"';
+}
+
+._q::after {
+  content: '"';
+}
+
+._sub {
+  font-size: smaller;
+  vertical-align: sub;
+}
+
+._sup {
+  font-size: smaller;
+  vertical-align: super;
+}
+
+._thead,
+._tbody,
+._tfoot {
+  display: table-row-group;
+}
+
+._tr {
+  display: table-row;
+}
+
+._td,
+._th {
+  display: table-cell;
+  vertical-align: middle;
+}
+
+._th {
+  font-weight: bold;
+  text-align: center;
+}
+
+._ul {
+  list-style-type: disc;
+}
+
+._ul ._ul {
+  margin: 0;
+  list-style-type: circle;
+}
+
+._ul ._ul ._ul {
+  list-style-type: square;
+}
+
+._abbr,
+._b,
+._code,
+._del,
+._em,
+._i,
+._ins,
+._label,
+._q,
+._span,
+._strong,
+._sub,
+._sup {
+  display: inline;
+}
+
+/* #ifdef APP-PLUS */
+._video {
+  width: 300px;
+  height: 225px;
+}
+/* #endif */
+</style>
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/src/uni-app/components/mp-html/parser.js b/wechat-mini-program/components/mp-html/src/uni-app/components/mp-html/parser.js
new file mode 100644
index 0000000..e8fc979
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/src/uni-app/components/mp-html/parser.js
@@ -0,0 +1,1400 @@
+/**
+ * @fileoverview html 解析器
+ */
+
+// 配置
+const config = {
+  // 信任的标签（保持标签名不变）
+  trustTags: makeMap('a,abbr,ad,audio,b,blockquote,br,code,col,colgroup,dd,del,dl,dt,div,em,fieldset,h1,h2,h3,h4,h5,h6,hr,i,img,ins,label,legend,li,ol,p,q,ruby,rt,source,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,title,ul,video'),
+
+  // 块级标签（转为 div，其他的非信任标签转为 span）
+  blockTags: makeMap('address,article,aside,body,caption,center,cite,footer,header,html,nav,pre,section'),
+
+  // #ifdef (MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE3
+  // 行内标签
+  inlineTags: makeMap('abbr,b,big,code,del,em,i,ins,label,q,small,span,strong,sub,sup'),
+  // #endif
+
+  // 要移除的标签
+  ignoreTags: makeMap('area,base,canvas,embed,frame,head,iframe,input,link,map,meta,param,rp,script,source,style,textarea,title,track,wbr'),
+
+  // 自闭合的标签
+  voidTags: makeMap('area,base,br,col,circle,ellipse,embed,frame,hr,img,input,line,link,meta,param,path,polygon,rect,source,track,use,wbr'),
+
+  // html 实体
+  entities: {
+    lt: '<',
+    gt: '>',
+    quot: '"',
+    apos: "'",
+    ensp: '\u2002',
+    emsp: '\u2003',
+    nbsp: '\xA0',
+    semi: ';',
+    ndash: '–',
+    mdash: '—',
+    middot: '·',
+    lsquo: '‘',
+    rsquo: '’',
+    ldquo: '“',
+    rdquo: '”',
+    bull: '•',
+    hellip: '…',
+    larr: '←',
+    uarr: '↑',
+    rarr: '→',
+    darr: '↓'
+  },
+
+  // 默认的标签样式
+  tagStyle: {
+    // #ifndef APP-PLUS-NVUE
+    address: 'font-style:italic',
+    big: 'display:inline;font-size:1.2em',
+    caption: 'display:table-caption;text-align:center',
+    center: 'text-align:center',
+    cite: 'font-style:italic',
+    dd: 'margin-left:40px',
+    mark: 'background-color:yellow',
+    pre: 'font-family:monospace;white-space:pre',
+    s: 'text-decoration:line-through',
+    small: 'display:inline;font-size:0.8em',
+    strike: 'text-decoration:line-through',
+    u: 'text-decoration:underline'
+    // #endif
+  },
+
+  // svg 大小写对照表
+  svgDict: {
+    animatetransform: 'animateTransform',
+    lineargradient: 'linearGradient',
+    viewbox: 'viewBox',
+    attributename: 'attributeName',
+    repeatcount: 'repeatCount',
+    repeatdur: 'repeatDur',
+    foreignobject: 'foreignObject'
+  }
+}
+const tagSelector = {}
+let windowWidth, system
+// #ifdef MP-WEIXIN
+if (uni.canIUse('getWindowInfo')) {
+  windowWidth = uni.getWindowInfo().windowWidth
+  system = uni.getDeviceInfo().system
+} else {
+// #endif
+  const systemInfo = uni.getSystemInfoSync()
+  windowWidth = systemInfo.windowWidth
+  // #ifdef MP-WEIXIN
+  system = systemInfo.system
+}
+// #endif
+const blankChar = makeMap(' ,\r,\n,\t,\f')
+let idIndex = 0
+
+// #ifdef H5 || APP-PLUS
+config.ignoreTags.iframe = undefined
+config.trustTags.iframe = true
+config.ignoreTags.embed = undefined
+config.trustTags.embed = true
+// #endif
+// #ifdef APP-PLUS-NVUE
+config.ignoreTags.source = undefined
+config.ignoreTags.style = undefined
+// #endif
+
+/**
+ * @description 创建 map
+ * @param {String} str 逗号分隔
+ */
+function makeMap (str) {
+  const map = Object.create(null)
+  const list = str.split(',')
+  for (let i = list.length; i--;) {
+    map[list[i]] = true
+  }
+  return map
+}
+
+/**
+ * @description 解码 html 实体
+ * @param {String} str 要解码的字符串
+ * @param {Boolean} amp 要不要解码 &amp;
+ * @returns {String} 解码后的字符串
+ */
+function decodeEntity (str, amp) {
+  let i = str.indexOf('&')
+  while (i !== -1) {
+    const j = str.indexOf(';', i + 3)
+    let code
+    if (j === -1) break
+    if (str[i + 1] === '#') {
+      // &#123; 形式的实体
+      code = parseInt((str[i + 2] === 'x' ? '0' : '') + str.substring(i + 2, j))
+      if (!isNaN(code)) {
+        str = str.substr(0, i) + String.fromCharCode(code) + str.substr(j + 1)
+      }
+    } else {
+      // &nbsp; 形式的实体
+      code = str.substring(i + 1, j)
+      if (config.entities[code] || (code === 'amp' && amp)) {
+        str = str.substr(0, i) + (config.entities[code] || '&') + str.substr(j + 1)
+      }
+    }
+    i = str.indexOf('&', i + 1)
+  }
+  return str
+}
+
+/**
+ * @description 合并多个块级标签，加快长内容渲染
+ * @param {Array} nodes 要合并的标签数组
+ */
+function mergeNodes (nodes) {
+  let i = nodes.length - 1
+  for (let j = i; j >= -1; j--) {
+    if (j === -1 || nodes[j].c || !nodes[j].name || (nodes[j].name !== 'div' && nodes[j].name !== 'p' && nodes[j].name[0] !== 'h') || (nodes[j].attrs.style || '').includes('inline')) {
+      if (i - j >= 5) {
+        nodes.splice(j + 1, i - j, {
+          name: 'div',
+          attrs: {},
+          children: nodes.slice(j + 1, i + 1)
+        })
+      }
+      i = j - 1
+    }
+  }
+}
+
+/**
+ * @description html 解析器
+ * @param {Object} vm 组件实例
+ */
+function Parser (vm) {
+  this.options = vm || {}
+  this.tagStyle = Object.assign({}, config.tagStyle, this.options.tagStyle)
+  this.imgList = vm.imgList || []
+  this.imgList._unloadimgs = 0
+  this.plugins = vm.plugins || []
+  this.attrs = Object.create(null)
+  this.stack = []
+  this.nodes = []
+  this.pre = (this.options.containerStyle || '').includes('white-space') && this.options.containerStyle.includes('pre') ? 2 : 0
+}
+
+/**
+ * @description 执行解析
+ * @param {String} content 要解析的文本
+ */
+Parser.prototype.parse = function (content) {
+  // 插件处理
+  for (let i = this.plugins.length; i--;) {
+    if (this.plugins[i].onUpdate) {
+      content = this.plugins[i].onUpdate(content, config) || content
+    }
+  }
+
+  new Lexer(this).parse(content)
+  // 出栈未闭合的标签
+  while (this.stack.length) {
+    this.popNode()
+  }
+  if (this.nodes.length > 50) {
+    mergeNodes(this.nodes)
+  }
+  return this.nodes
+}
+
+/**
+ * @description 将标签暴露出来（不被 rich-text 包含）
+ */
+Parser.prototype.expose = function () {
+  // #ifndef APP-PLUS-NVUE
+  for (let i = this.stack.length; i--;) {
+    const item = this.stack[i]
+    if (item.c || item.name === 'a' || item.name === 'video' || item.name === 'audio') return
+    item.c = 1
+  }
+  // #endif
+}
+
+/**
+ * @description 处理插件
+ * @param {Object} node 要处理的标签
+ * @returns {Boolean} 是否要移除此标签
+ */
+Parser.prototype.hook = function (node) {
+  for (let i = this.plugins.length; i--;) {
+    if (this.plugins[i].onParse && this.plugins[i].onParse(node, this) === false) {
+      return false
+    }
+  }
+  return true
+}
+
+/**
+ * @description 将链接拼接上主域名
+ * @param {String} url 需要拼接的链接
+ * @returns {String} 拼接后的链接
+ */
+Parser.prototype.getUrl = function (url) {
+  const domain = this.options.domain
+  if (url[0] === '/') {
+    if (url[1] === '/') {
+      // // 开头的补充协议名
+      url = (domain ? domain.split('://')[0] : 'http') + ':' + url
+    } else if (domain) {
+      // 否则补充整个域名
+      url = domain + url
+    } /* #ifdef APP-PLUS */ else {
+      url = plus.io.convertLocalFileSystemURL(url)
+    } /* #endif */
+  } else if (!url.includes('data:') && !url.includes('://')) {
+    if (domain) {
+      url = domain + '/' + url
+    } /* #ifdef APP-PLUS */ else {
+      url = plus.io.convertLocalFileSystemURL(url)
+    } /* #endif */
+  }
+  return url
+}
+
+/**
+ * @description 解析样式表
+ * @param {Object} node 标签
+ * @returns {Object}
+ */
+Parser.prototype.parseStyle = function (node) {
+  const attrs = node.attrs
+  const list = (this.tagStyle[node.name] || '').split(';').concat((attrs.style || '').split(';'))
+  const styleObj = {}
+  let tmp = ''
+
+  if (attrs.id && !this.xml) {
+    // 暴露锚点
+    if (this.options.useAnchor) {
+      this.expose()
+    } else if (node.name !== 'img' && node.name !== 'a' && node.name !== 'video' && node.name !== 'audio') {
+      attrs.id = undefined
+    }
+  }
+
+  // 转换 width 和 height 属性
+  if (attrs.width) {
+    styleObj.width = parseFloat(attrs.width) + (attrs.width.includes('%') ? '%' : 'px')
+    attrs.width = undefined
+  }
+  if (attrs.height) {
+    styleObj.height = parseFloat(attrs.height) + (attrs.height.includes('%') ? '%' : 'px')
+    attrs.height = undefined
+  }
+
+  for (let i = 0, len = list.length; i < len; i++) {
+    const info = list[i].split(':')
+    if (info.length < 2) continue
+    const key = info.shift().trim().toLowerCase()
+    let value = info.join(':').trim()
+    if ((value[0] === '-' && value.lastIndexOf('-') > 0) || value.includes('safe')) {
+      // 兼容性的 css 不压缩
+      tmp += `;${key}:${value}`
+    } else if (!styleObj[key] || value.includes('import') || !styleObj[key].includes('import')) {
+      // 重复的样式进行覆盖
+      if (value.includes('url')) {
+        // 填充链接
+        let j = value.indexOf('(') + 1
+        if (j) {
+          while (value[j] === '"' || value[j] === "'" || blankChar[value[j]]) {
+            j++
+          }
+          value = value.substr(0, j) + this.getUrl(value.substr(j))
+        }
+      } else if (value.includes('rpx')) {
+        // 转换 rpx（rich-text 内部不支持 rpx）
+        value = value.replace(/[0-9.]+\s*rpx/g, $ => parseFloat($) * windowWidth / 750 + 'px')
+      }
+      styleObj[key] = value
+    }
+  }
+
+  node.attrs.style = tmp
+  return styleObj
+}
+
+/**
+ * @description 解析到标签名
+ * @param {String} name 标签名
+ * @private
+ */
+Parser.prototype.onTagName = function (name) {
+  this.tagName = this.xml ? name : name.toLowerCase()
+  if (this.tagName === 'svg') {
+    this.xml = (this.xml || 0) + 1 // svg 标签内大小写敏感
+    config.ignoreTags.style = undefined // svg 标签内 style 可用
+  }
+}
+
+/**
+ * @description 解析到属性名
+ * @param {String} name 属性名
+ * @private
+ */
+Parser.prototype.onAttrName = function (name) {
+  name = this.xml ? name : name.toLowerCase()
+  // #ifdef (VUE3 && (H5 || APP-PLUS)) || APP-PLUS-NVUE
+  if (name.includes('?') || name.includes(';')) {
+    this.attrName = undefined
+    return
+  }
+  // #endif
+  if (name.substr(0, 5) === 'data-') {
+    if (name === 'data-src' && !this.attrs.src) {
+      // data-src 自动转为 src
+      this.attrName = 'src'
+    } else if (this.tagName === 'img' || this.tagName === 'a') {
+      // a 和 img 标签保留 data- 的属性，可以在 imgtap 和 linktap 事件中使用
+      this.attrName = name
+    } else {
+      // 剩余的移除以减小大小
+      this.attrName = undefined
+    }
+  } else {
+    this.attrName = name
+    this.attrs[name] = 'T' // boolean 型属性缺省设置
+  }
+}
+
+/**
+ * @description 解析到属性值
+ * @param {String} val 属性值
+ * @private
+ */
+Parser.prototype.onAttrVal = function (val) {
+  const name = this.attrName || ''
+  if (name === 'style' || name === 'href') {
+    // 部分属性进行实体解码
+    this.attrs[name] = decodeEntity(val, true)
+  } else if (name.includes('src')) {
+    // 拼接主域名
+    this.attrs[name] = this.getUrl(decodeEntity(val, true))
+  } else if (name) {
+    this.attrs[name] = val
+  }
+}
+
+/**
+ * @description 解析到标签开始
+ * @param {Boolean} selfClose 是否有自闭合标识 />
+ * @private
+ */
+Parser.prototype.onOpenTag = function (selfClose) {
+  // 拼装 node
+  const node = Object.create(null)
+  node.name = this.tagName
+  node.attrs = this.attrs
+  // 避免因为自动 diff 使得 type 被设置为 null 导致部分内容不显示
+  if (this.options.nodes.length) {
+    node.type = 'node'
+  }
+  this.attrs = Object.create(null)
+
+  const attrs = node.attrs
+  const parent = this.stack[this.stack.length - 1]
+  const siblings = parent ? parent.children : this.nodes
+  const close = this.xml ? selfClose : config.voidTags[node.name]
+
+  // 替换标签名选择器
+  if (tagSelector[node.name]) {
+    attrs.class = tagSelector[node.name] + (attrs.class ? ' ' + attrs.class : '')
+  }
+
+  // 转换 embed 标签
+  if (node.name === 'embed') {
+    // #ifndef H5 || APP-PLUS
+    const src = attrs.src || ''
+    // 按照后缀名和 type 将 embed 转为 video 或 audio
+    if (src.includes('.mp4') || src.includes('.3gp') || src.includes('.m3u8') || (attrs.type || '').includes('video')) {
+      node.name = 'video'
+    } else if (src.includes('.mp3') || src.includes('.wav') || src.includes('.aac') || src.includes('.m4a') || (attrs.type || '').includes('audio')) {
+      node.name = 'audio'
+    }
+    if (attrs.autostart) {
+      attrs.autoplay = 'T'
+    }
+    attrs.controls = 'T'
+    // #endif
+    // #ifdef H5 || APP-PLUS
+    this.expose()
+    // #endif
+  }
+
+  // #ifndef APP-PLUS-NVUE
+  // 处理音视频
+  if (node.name === 'video' || node.name === 'audio') {
+    // 设置 id 以便获取 context
+    if (node.name === 'video' && !attrs.id) {
+      attrs.id = 'v' + idIndex++
+    }
+    // 没有设置 controls 也没有设置 autoplay 的自动设置 controls
+    if (!attrs.controls && !attrs.autoplay) {
+      attrs.controls = 'T'
+    }
+    // 用数组存储所有可用的 source
+    node.src = []
+    if (attrs.src) {
+      node.src.push(attrs.src)
+      attrs.src = undefined
+    }
+    this.expose()
+  }
+  // #endif
+
+  // 处理自闭合标签
+  if (close) {
+    if (!this.hook(node) || config.ignoreTags[node.name]) {
+      // 通过 base 标签设置主域名
+      if (node.name === 'base' && !this.options.domain) {
+        this.options.domain = attrs.href
+      } /* #ifndef APP-PLUS-NVUE */ else if (node.name === 'source' && parent && (parent.name === 'video' || parent.name === 'audio') && attrs.src) {
+        // 设置 source 标签（仅父节点为 video 或 audio 时有效）
+        parent.src.push(attrs.src)
+      } /* #endif */
+      return
+    }
+
+    // 解析 style
+    const styleObj = this.parseStyle(node)
+
+    // 处理图片
+    if (node.name === 'img') {
+      if (attrs.src) {
+        // 标记 webp
+        if (attrs.src.includes('webp')) {
+          node.webp = 'T'
+        }
+        // data url 图片如果没有设置 original-src 默认为不可预览的小图片
+        if (attrs.src.includes('data:') && this.options.previewImg !== 'all' && !attrs['original-src']) {
+          attrs.ignore = 'T'
+        }
+        if (!attrs.ignore || node.webp || attrs.src.includes('cloud://')) {
+          for (let i = this.stack.length; i--;) {
+            const item = this.stack[i]
+            if (item.name === 'a') {
+              node.a = item.attrs
+            }
+            if (item.name === 'table' && !node.webp && !attrs.src.includes('cloud://')) {
+              if (!styleObj.display || styleObj.display.includes('inline')) {
+                node.t = 'inline-block'
+              } else {
+                node.t = styleObj.display
+              }
+              styleObj.display = undefined
+            }
+            // #ifndef H5 || APP-PLUS
+            const style = item.attrs.style || ''
+            if (style.includes('flex:') && !style.includes('flex:0') && !style.includes('flex: 0') && (!styleObj.width || parseInt(styleObj.width) > 100)) {
+              styleObj.width = '100% !important'
+              styleObj.height = ''
+              for (let j = i + 1; j < this.stack.length; j++) {
+                this.stack[j].attrs.style = (this.stack[j].attrs.style || '').replace('inline-', '')
+              }
+            } else if (style.includes('flex') && styleObj.width === '100%') {
+              for (let j = i + 1; j < this.stack.length; j++) {
+                const style = this.stack[j].attrs.style || ''
+                if (!style.includes(';width') && !style.includes(' width') && style.indexOf('width') !== 0) {
+                  styleObj.width = ''
+                  break
+                }
+              }
+            } else if (style.includes('inline-block')) {
+              if (styleObj.width && styleObj.width[styleObj.width.length - 1] === '%') {
+                item.attrs.style += ';max-width:' + styleObj.width
+                styleObj.width = ''
+              } else {
+                item.attrs.style += ';max-width:100%'
+              }
+            }
+            // #endif
+            item.c = 1
+          }
+          attrs.i = this.imgList.length.toString()
+          let src = attrs['original-src'] || attrs.src
+          // #ifndef H5 || MP-ALIPAY || APP-PLUS || MP-360
+          if (this.imgList.includes(src)) {
+            // 如果有重复的链接则对域名进行随机大小写变换避免预览时错位
+            let i = src.indexOf('://')
+            if (i !== -1) {
+              i += 3
+              let newSrc = src.substr(0, i)
+              for (; i < src.length; i++) {
+                if (src[i] === '/') break
+                newSrc += Math.random() > 0.5 ? src[i].toUpperCase() : src[i]
+              }
+              newSrc += src.substr(i)
+              src = newSrc
+            }
+          }
+          // #endif
+          this.imgList.push(src)
+          if (!node.t) {
+            this.imgList._unloadimgs += 1
+          }
+          // #ifdef H5 || APP-PLUS
+          if (this.options.lazyLoad) {
+            attrs['data-src'] = attrs.src
+            attrs.src = undefined
+          }
+          // #endif
+        }
+      }
+      if (styleObj.display === 'inline') {
+        styleObj.display = ''
+      }
+      // #ifndef APP-PLUS-NVUE
+      if (attrs.ignore) {
+        styleObj['max-width'] = styleObj['max-width'] || '100%'
+        attrs.style += ';-webkit-touch-callout:none'
+      }
+      // #endif
+      // 设置的宽度超出屏幕，为避免变形，高度转为自动
+      if (parseInt(styleObj.width) > windowWidth) {
+        styleObj.height = undefined
+      }
+      // 记录是否设置了宽高
+      if (!isNaN(parseInt(styleObj.width))) {
+        node.w = 'T'
+      }
+      if (!isNaN(parseInt(styleObj.height)) && (!styleObj.height.includes('%') || (parent && (parent.attrs.style || '').includes('height')))) {
+        node.h = 'T'
+      }
+      if (node.w && node.h && styleObj['object-fit']) {
+        if (styleObj['object-fit'] === 'contain') {
+          node.m = 'aspectFit'
+        } else if (styleObj['object-fit'] === 'cover') {
+          node.m = 'aspectFill'
+        }
+      }
+    } else if (node.name === 'svg') {
+      siblings.push(node)
+      this.stack.push(node)
+      this.popNode()
+      return
+    }
+    for (const key in styleObj) {
+      if (styleObj[key]) {
+        attrs.style += `;${key}:${styleObj[key].replace(' !important', '')}`
+      }
+    }
+    attrs.style = attrs.style.substr(1) || undefined
+    // #ifdef (MP-WEIXIN || MP-QQ) && VUE3
+    if (!attrs.style) {
+      delete attrs.style
+    }
+    // #endif
+  } else {
+    if ((node.name === 'pre' || ((attrs.style || '').includes('white-space') && attrs.style.includes('pre'))) && this.pre !== 2) {
+      this.pre = node.pre = 1
+    }
+    node.children = []
+    this.stack.push(node)
+  }
+
+  // 加入节点树
+  siblings.push(node)
+}
+
+/**
+ * @description 解析到标签结束
+ * @param {String} name 标签名
+ * @private
+ */
+Parser.prototype.onCloseTag = function (name) {
+  // 依次出栈到匹配为止
+  name = this.xml ? name : name.toLowerCase()
+  let i
+  for (i = this.stack.length; i--;) {
+    if (this.stack[i].name === name) break
+  }
+  if (i !== -1) {
+    while (this.stack.length > i) {
+      this.popNode()
+    }
+  } else if (name === 'p' || name === 'br') {
+    const siblings = this.stack.length ? this.stack[this.stack.length - 1].children : this.nodes
+    siblings.push({
+      name,
+      attrs: {
+        class: tagSelector[name] || '',
+        style: this.tagStyle[name] || ''
+      }
+    })
+  }
+}
+
+/**
+ * @description 处理标签出栈
+ * @private
+ */
+Parser.prototype.popNode = function () {
+  const node = this.stack.pop()
+  let attrs = node.attrs
+  const children = node.children
+  const parent = this.stack[this.stack.length - 1]
+  const siblings = parent ? parent.children : this.nodes
+
+  if (!this.hook(node) || config.ignoreTags[node.name]) {
+    // 获取标题
+    if (node.name === 'title' && children.length && children[0].type === 'text' && this.options.setTitle) {
+      uni.setNavigationBarTitle({
+        title: children[0].text
+      })
+    }
+    siblings.pop()
+    return
+  }
+
+  if (node.pre && this.pre !== 2) {
+    // 是否合并空白符标识
+    this.pre = node.pre = undefined
+    for (let i = this.stack.length; i--;) {
+      if (this.stack[i].pre) {
+        this.pre = 1
+      }
+    }
+  }
+
+  const styleObj = {}
+
+  // 转换 svg
+  if (node.name === 'svg') {
+    if (this.xml > 1) {
+      // 多层 svg 嵌套
+      this.xml--
+      return
+    }
+    // #ifdef APP-PLUS-NVUE
+    (function traversal (node) {
+      if (node.name) {
+        // 调整 svg 的大小写
+        node.name = config.svgDict[node.name] || node.name
+        for (const item in node.attrs) {
+          if (config.svgDict[item]) {
+            node.attrs[config.svgDict[item]] = node.attrs[item]
+            node.attrs[item] = undefined
+          }
+        }
+        for (let i = 0; i < (node.children || []).length; i++) {
+          traversal(node.children[i])
+        }
+      }
+    })(node)
+    // #endif
+    // #ifndef APP-PLUS-NVUE
+    let src = ''
+    const style = attrs.style
+    attrs.style = ''
+    attrs.xmlns = 'http://www.w3.org/2000/svg';
+    (function traversal (node) {
+      if (node.type === 'text') {
+        src += node.text
+        return
+      }
+      const name = config.svgDict[node.name] || node.name
+      if (name === 'foreignObject') {
+        for (const child of (node.children || [])) {
+          if (child.attrs && !child.attrs.xmlns) {
+            child.attrs.xmlns = 'http://www.w3.org/1999/xhtml'
+            break
+          }
+        }
+      }
+      src += '<' + name
+      for (const item in node.attrs) {
+        const val = node.attrs[item]
+        if (val) {
+          src += ` ${config.svgDict[item] || item}="${val.replace(/"/g, '')}"`
+        }
+      }
+      if (!node.children) {
+        src += '/>'
+      } else {
+        src += '>'
+        for (let i = 0; i < node.children.length; i++) {
+          traversal(node.children[i])
+        }
+        src += '</' + name + '>'
+      }
+    })(node)
+    node.name = 'img'
+    node.attrs = {
+      src: 'data:image/svg+xml;utf8,' + src.replace(/#/g, '%23'),
+      style,
+      ignore: 'T'
+    }
+    node.children = undefined
+    // #endif
+    this.xml = false
+    config.ignoreTags.style = true
+    return
+  }
+
+  // #ifndef APP-PLUS-NVUE
+  // 转换 align 属性
+  if (attrs.align) {
+    if (node.name === 'table') {
+      if (attrs.align === 'center') {
+        styleObj['margin-inline-start'] = styleObj['margin-inline-end'] = 'auto'
+      } else {
+        styleObj.float = attrs.align
+      }
+    } else {
+      styleObj['text-align'] = attrs.align
+    }
+    attrs.align = undefined
+  }
+
+  // 转换 dir 属性
+  if (attrs.dir) {
+    styleObj.direction = attrs.dir
+    attrs.dir = undefined
+  }
+
+  // 转换 font 标签的属性
+  if (node.name === 'font') {
+    if (attrs.color) {
+      styleObj.color = attrs.color
+      attrs.color = undefined
+    }
+    if (attrs.face) {
+      styleObj['font-family'] = attrs.face
+      attrs.face = undefined
+    }
+    if (attrs.size) {
+      let size = parseInt(attrs.size)
+      if (!isNaN(size)) {
+        if (size < 1) {
+          size = 1
+        } else if (size > 7) {
+          size = 7
+        }
+        styleObj['font-size'] = ['x-small', 'small', 'medium', 'large', 'x-large', 'xx-large', 'xxx-large'][size - 1]
+      }
+      attrs.size = undefined
+    }
+  }
+  // #endif
+
+  // 一些编辑器的自带 class
+  if ((attrs.class || '').includes('align-center')) {
+    styleObj['text-align'] = 'center'
+  }
+
+  Object.assign(styleObj, this.parseStyle(node))
+
+  if (node.name !== 'table' && parseInt(styleObj.width) > windowWidth) {
+    styleObj['max-width'] = '100%'
+    styleObj['box-sizing'] = 'border-box'
+  }
+
+  // #ifndef APP-PLUS-NVUE
+  if (config.blockTags[node.name]) {
+    node.name = 'div'
+  } else if (!config.trustTags[node.name] && !this.xml) {
+    // 未知标签转为 span，避免无法显示
+    node.name = 'span'
+  }
+
+  if (node.name === 'a' || node.name === 'ad'
+    // #ifdef H5 || APP-PLUS
+    || node.name === 'iframe' // eslint-disable-line
+    // #endif
+  ) {
+    this.expose()
+  } else if (node.name === 'video') {
+    if ((styleObj.height || '').includes('auto')) {
+      styleObj.height = undefined
+    }
+    /* #ifdef APP-PLUS */
+    let str = '<video style="width:100%;height:100%"'
+    for (const item in attrs) {
+      if (attrs[item]) {
+        str += ' ' + item + '="' + attrs[item] + '"'
+      }
+    }
+    if (this.options.pauseVideo) {
+      str += ' onplay="this.dispatchEvent(new CustomEvent(\'vplay\',{bubbles:!0}));for(var e=document.getElementsByTagName(\'video\'),t=0;t<e.length;t++)e[t]!=this&&e[t].pause()"'
+    }
+    str += '>'
+    for (let i = 0; i < node.src.length; i++) {
+      str += '<source src="' + node.src[i] + '">'
+    }
+    str += '</video>'
+    node.html = str
+    /* #endif */
+  } else if ((node.name === 'ul' || node.name === 'ol') && node.c) {
+    // 列表处理
+    const types = {
+      a: 'lower-alpha',
+      A: 'upper-alpha',
+      i: 'lower-roman',
+      I: 'upper-roman'
+    }
+    if (types[attrs.type]) {
+      attrs.style += ';list-style-type:' + types[attrs.type]
+      attrs.type = undefined
+    }
+    for (let i = children.length; i--;) {
+      if (children[i].name === 'li') {
+        children[i].c = 1
+      }
+    }
+  } else if (node.name === 'table') {
+    // 表格处理
+    // cellpadding、cellspacing、border 这几个常用表格属性需要通过转换实现
+    let padding = parseFloat(attrs.cellpadding)
+    let spacing = parseFloat(attrs.cellspacing)
+    const border = parseFloat(attrs.border)
+    const bordercolor = styleObj['border-color']
+    const borderstyle = styleObj['border-style']
+    if (node.c) {
+      // padding 和 spacing 默认 2
+      if (isNaN(padding)) {
+        padding = 2
+      }
+      if (isNaN(spacing)) {
+        spacing = 2
+      }
+    }
+    if (border) {
+      attrs.style += `;border:${border}px ${borderstyle || 'solid'} ${bordercolor || 'gray'}`
+    }
+    if (node.flag && node.c) {
+      // 有 colspan 或 rowspan 且含有链接的表格通过 grid 布局实现
+      styleObj.display = 'grid'
+      if (styleObj['border-collapse'] === 'collapse') {
+        styleObj['border-collapse'] = undefined
+        spacing = 0
+      }
+      if (spacing) {
+        styleObj['grid-gap'] = spacing + 'px'
+        styleObj.padding = spacing + 'px'
+      } else if (border) {
+        // 无间隔的情况下避免边框重叠
+        attrs.style += ';border-left:0;border-top:0'
+      }
+
+      const width = [] // 表格的列宽
+      const trList = [] // tr 列表
+      const cells = [] // 保存新的单元格
+      const map = {}; // 被合并单元格占用的格子
+
+      (function traversal (nodes) {
+        for (let i = 0; i < nodes.length; i++) {
+          if (nodes[i].name === 'tr') {
+            trList.push(nodes[i])
+          } else if (nodes[i].name === 'colgroup') {
+            let colI = 1
+            for (const col of (nodes[i].children || [])) {
+              if (col.name === 'col') {
+                const style = col.attrs.style || ''
+                const start = style.indexOf('width') ? style.indexOf(';width') : 0
+                // 提取出宽度
+                if (start !== -1) {
+                  let end = style.indexOf(';', start + 6)
+                  if (end === -1) {
+                    end = style.length
+                  }
+                  width[colI] = style.substring(start ? start + 7 : 6, end)
+                }
+                colI += 1
+              }
+            }
+          } else {
+            traversal(nodes[i].children || [])
+          }
+        }
+      })(children)
+
+      for (let row = 1; row <= trList.length; row++) {
+        let col = 1
+        for (let j = 0; j < trList[row - 1].children.length; j++) {
+          const td = trList[row - 1].children[j]
+          if (td.name === 'td' || td.name === 'th') {
+            // 这个格子被上面的单元格占用，则列号++
+            while (map[row + '.' + col]) {
+              col++
+            }
+            let style = td.attrs.style || ''
+            let start = style.indexOf('width') ? style.indexOf(';width') : 0
+            // 提取出 td 的宽度
+            if (start !== -1) {
+              let end = style.indexOf(';', start + 6)
+              if (end === -1) {
+                end = style.length
+              }
+              if (!td.attrs.colspan) {
+                width[col] = style.substring(start ? start + 7 : 6, end)
+              }
+              style = style.substr(0, start) + style.substr(end)
+            }
+            // 设置竖直对齐
+            style += ';display:flex'
+            start = style.indexOf('vertical-align')
+            if (start !== -1) {
+              const val = style.substr(start + 15, 10)
+              if (val.includes('middle')) {
+                style += ';align-items:center'
+              } else if (val.includes('bottom')) {
+                style += ';align-items:flex-end'
+              }
+            } else {
+              style += ';align-items:center'
+            }
+            // 设置水平对齐
+            start = style.indexOf('text-align')
+            if (start !== -1) {
+              const val = style.substr(start + 11, 10)
+              if (val.includes('center')) {
+                style += ';justify-content: center'
+              } else if (val.includes('right')) {
+                style += ';justify-content: right'
+              }
+            }
+            style = (border ? `;border:${border}px ${borderstyle || 'solid'} ${bordercolor || 'gray'}` + (spacing ? '' : ';border-right:0;border-bottom:0') : '') + (padding ? `;padding:${padding}px` : '') + ';' + style
+            // 处理列合并
+            if (td.attrs.colspan) {
+              style += `;grid-column-start:${col};grid-column-end:${col + parseInt(td.attrs.colspan)}`
+              if (!td.attrs.rowspan) {
+                style += `;grid-row-start:${row};grid-row-end:${row + 1}`
+              }
+              col += parseInt(td.attrs.colspan) - 1
+            }
+            // 处理行合并
+            if (td.attrs.rowspan) {
+              style += `;grid-row-start:${row};grid-row-end:${row + parseInt(td.attrs.rowspan)}`
+              if (!td.attrs.colspan) {
+                style += `;grid-column-start:${col};grid-column-end:${col + 1}`
+              }
+              // 记录下方单元格被占用
+              for (let rowspan = 1; rowspan < td.attrs.rowspan; rowspan++) {
+                for (let colspan = 0; colspan < (td.attrs.colspan || 1); colspan++) {
+                  map[(row + rowspan) + '.' + (col - colspan)] = 1
+                }
+              }
+            }
+            if (style) {
+              td.attrs.style = style
+            }
+            cells.push(td)
+            col++
+          }
+        }
+        if (row === 1) {
+          let temp = ''
+          for (let i = 1; i < col; i++) {
+            temp += (width[i] ? width[i] : 'auto') + ' '
+          }
+          styleObj['grid-template-columns'] = temp
+        }
+      }
+      node.children = cells
+    } else {
+      // 没有使用合并单元格的表格通过 table 布局实现
+      if (node.c) {
+        styleObj.display = 'table'
+      }
+      if (!isNaN(spacing)) {
+        styleObj['border-spacing'] = spacing + 'px'
+      }
+      if (border || padding) {
+        // 遍历
+        (function traversal (nodes) {
+          for (let i = 0; i < nodes.length; i++) {
+            const td = nodes[i]
+            if (td.name === 'th' || td.name === 'td') {
+              if (border) {
+                td.attrs.style = `border:${border}px ${borderstyle || 'solid'} ${bordercolor || 'gray'};${td.attrs.style || ''}`
+              }
+              if (padding) {
+                td.attrs.style = `padding:${padding}px;${td.attrs.style || ''}`
+              }
+            } else if (td.children) {
+              traversal(td.children)
+            }
+          }
+        })(children)
+      }
+    }
+    // 给表格添加一个单独的横向滚动层
+    if (this.options.scrollTable && !(attrs.style || '').includes('inline')) {
+      const table = Object.assign({}, node)
+      node.name = 'div'
+      node.attrs = {
+        style: 'overflow:auto'
+      }
+      node.children = [table]
+      attrs = table.attrs
+    }
+  } else if ((node.name === 'tbody' || node.name === 'tr') && node.flag && node.c) {
+    node.flag = undefined;
+    (function traversal (nodes) {
+      for (let i = 0; i < nodes.length; i++) {
+        if (nodes[i].name === 'td') {
+          // 颜色样式设置给单元格避免丢失
+          for (const style of ['color', 'background', 'background-color']) {
+            if (styleObj[style]) {
+              nodes[i].attrs.style = style + ':' + styleObj[style] + ';' + (nodes[i].attrs.style || '')
+            }
+          }
+        } else {
+          traversal(nodes[i].children || [])
+        }
+      }
+    })(children)
+  } else if ((node.name === 'td' || node.name === 'th') && (attrs.colspan || attrs.rowspan)) {
+    for (let i = this.stack.length; i--;) {
+      if (this.stack[i].name === 'table' || this.stack[i].name === 'tbody' || this.stack[i].name === 'tr') {
+        this.stack[i].flag = 1 // 指示含有合并单元格
+      }
+    }
+  } else if (node.name === 'ruby') {
+    // 转换 ruby
+    node.name = 'span'
+    for (let i = 0; i < children.length - 1; i++) {
+      if (children[i].type === 'text' && children[i + 1].name === 'rt') {
+        children[i] = {
+          name: 'div',
+          attrs: {
+            style: 'display:inline-block;text-align:center'
+          },
+          children: [{
+            name: 'div',
+            attrs: {
+              style: 'font-size:50%;' + (children[i + 1].attrs.style || '')
+            },
+            children: children[i + 1].children
+          }, children[i]]
+        }
+        children.splice(i + 1, 1)
+      }
+    }
+  } else if (node.c) {
+    (function traversal (node) {
+      node.c = 2
+      for (let i = node.children.length; i--;) {
+        const child = node.children[i]
+        // #ifdef (MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE3
+        if (child.name && (config.inlineTags[child.name] || ((child.attrs.style || '').includes('inline') && child.children)) && !child.c) {
+          traversal(child)
+        }
+        // #endif
+        if (!child.c || child.name === 'table') {
+          node.c = 1
+        }
+      }
+    })(node)
+  }
+
+  if ((styleObj.display || '').includes('flex') && !node.c) {
+    for (let i = children.length; i--;) {
+      const item = children[i]
+      if (item.f) {
+        item.attrs.style = (item.attrs.style || '') + item.f
+        item.f = undefined
+      }
+    }
+  }
+  // flex 布局时部分样式需要提取到 rich-text 外层
+  const flex = parent && ((parent.attrs.style || '').includes('flex') || (parent.attrs.style || '').includes('grid'))
+    // #ifdef MP-WEIXIN
+    // 检查基础库版本 virtualHost 是否可用
+    && !(node.c && wx.getNFCAdapter) // eslint-disable-line
+    // #endif
+    // #ifndef MP-WEIXIN || MP-QQ || MP-BAIDU || MP-TOUTIAO
+    && !node.c // eslint-disable-line
+  // #endif
+  if (flex) {
+    node.f = ';max-width:100%'
+  }
+
+  if (children.length >= 50 && node.c && !(styleObj.display || '').includes('flex')) {
+    mergeNodes(children)
+  }
+  // #endif
+
+  for (const key in styleObj) {
+    if (styleObj[key]) {
+      const val = `;${key}:${styleObj[key].replace(' !important', '')}`
+      /* #ifndef APP-PLUS-NVUE */
+      if (flex && ((key.includes('flex') && key !== 'flex-direction') || key === 'align-self' || key.includes('grid') || styleObj[key][0] === '-' || (key.includes('width') && val.includes('%')))) {
+        node.f += val
+        if (key === 'width') {
+          attrs.style += ';width:100%'
+        }
+      } else /* #endif */ {
+        attrs.style += val
+      }
+    }
+  }
+  attrs.style = attrs.style.substr(1) || undefined
+  // #ifdef (MP-WEIXIN || MP-QQ) && VUE3
+  for (const key in attrs) {
+    if (!attrs[key]) {
+      delete attrs[key]
+    }
+  }
+  // #endif
+}
+
+/**
+ * @description 解析到文本
+ * @param {String} text 文本内容
+ */
+Parser.prototype.onText = function (text) {
+  if (!this.pre) {
+    // 合并空白符
+    let trim = ''
+    let flag
+    for (let i = 0, len = text.length; i < len; i++) {
+      if (!blankChar[text[i]]) {
+        trim += text[i]
+      } else {
+        if (trim[trim.length - 1] !== ' ') {
+          trim += ' '
+        }
+        if (text[i] === '\n' && !flag) {
+          flag = true
+        }
+      }
+    }
+    // 去除含有换行符的空串
+    if (trim === ' ') {
+      if (flag) return
+      // #ifdef VUE3
+      else {
+        const parent = this.stack[this.stack.length - 1]
+        if (parent && parent.name[0] === 't') return
+      }
+      // #endif
+    }
+    text = trim
+  }
+  const node = Object.create(null)
+  node.type = 'text'
+  // #ifdef (MP-BAIDU || MP-ALIPAY || MP-TOUTIAO) && VUE3
+  node.attrs = {}
+  // #endif
+  node.text = decodeEntity(text)
+  if (this.hook(node)) {
+    // #ifdef MP-WEIXIN
+    if (this.options.selectable === 'force' && system.includes('iOS') && !uni.canIUse('rich-text.user-select')) {
+      this.expose()
+    }
+    // #endif
+    const siblings = this.stack.length ? this.stack[this.stack.length - 1].children : this.nodes
+    siblings.push(node)
+  }
+}
+
+/**
+ * @description html 词法分析器
+ * @param {Object} handler 高层处理器
+ */
+function Lexer (handler) {
+  this.handler = handler
+}
+
+/**
+ * @description 执行解析
+ * @param {String} content 要解析的文本
+ */
+Lexer.prototype.parse = function (content) {
+  this.content = content || ''
+  this.i = 0 // 标记解析位置
+  this.start = 0 // 标记一个单词的开始位置
+  this.state = this.text // 当前状态
+  for (let len = this.content.length; this.i !== -1 && this.i < len;) {
+    this.state()
+  }
+}
+
+/**
+ * @description 检查标签是否闭合
+ * @param {String} method 如果闭合要进行的操作
+ * @returns {Boolean} 是否闭合
+ * @private
+ */
+Lexer.prototype.checkClose = function (method) {
+  const selfClose = this.content[this.i] === '/'
+  if (this.content[this.i] === '>' || (selfClose && this.content[this.i + 1] === '>')) {
+    if (method) {
+      this.handler[method](this.content.substring(this.start, this.i))
+    }
+    this.i += selfClose ? 2 : 1
+    this.start = this.i
+    this.handler.onOpenTag(selfClose)
+    if (this.handler.tagName === 'script') {
+      this.i = this.content.indexOf('</', this.i)
+      if (this.i !== -1) {
+        this.i += 2
+        this.start = this.i
+      }
+      this.state = this.endTag
+    } else {
+      this.state = this.text
+    }
+    return true
+  }
+  return false
+}
+
+/**
+ * @description 文本状态
+ * @private
+ */
+Lexer.prototype.text = function () {
+  this.i = this.content.indexOf('<', this.i) // 查找最近的标签
+  if (this.i === -1) {
+    // 没有标签了
+    if (this.start < this.content.length) {
+      this.handler.onText(this.content.substring(this.start, this.content.length))
+    }
+    return
+  }
+  const c = this.content[this.i + 1]
+  if ((c >= 'a' && c <= 'z') || (c >= 'A' && c <= 'Z')) {
+    // 标签开头
+    if (this.start !== this.i) {
+      this.handler.onText(this.content.substring(this.start, this.i))
+    }
+    this.start = ++this.i
+    this.state = this.tagName
+  } else if (c === '/' || c === '!' || c === '?') {
+    if (this.start !== this.i) {
+      this.handler.onText(this.content.substring(this.start, this.i))
+    }
+    const next = this.content[this.i + 2]
+    if (c === '/' && ((next >= 'a' && next <= 'z') || (next >= 'A' && next <= 'Z'))) {
+      // 标签结尾
+      this.i += 2
+      this.start = this.i
+      this.state = this.endTag
+      return
+    }
+    // 处理注释
+    let end = '-->'
+    if (c !== '!' || this.content[this.i + 2] !== '-' || this.content[this.i + 3] !== '-') {
+      end = '>'
+    }
+    this.i = this.content.indexOf(end, this.i)
+    if (this.i !== -1) {
+      this.i += end.length
+      this.start = this.i
+    }
+  } else {
+    this.i++
+  }
+}
+
+/**
+ * @description 标签名状态
+ * @private
+ */
+Lexer.prototype.tagName = function () {
+  if (blankChar[this.content[this.i]]) {
+    // 解析到标签名
+    this.handler.onTagName(this.content.substring(this.start, this.i))
+    while (blankChar[this.content[++this.i]]);
+    if (this.i < this.content.length && !this.checkClose()) {
+      this.start = this.i
+      this.state = this.attrName
+    }
+  } else if (!this.checkClose('onTagName')) {
+    this.i++
+  }
+}
+
+/**
+ * @description 属性名状态
+ * @private
+ */
+Lexer.prototype.attrName = function () {
+  let c = this.content[this.i]
+  if (blankChar[c] || c === '=') {
+    // 解析到属性名
+    this.handler.onAttrName(this.content.substring(this.start, this.i))
+    let needVal = c === '='
+    const len = this.content.length
+    while (++this.i < len) {
+      c = this.content[this.i]
+      if (!blankChar[c]) {
+        if (this.checkClose()) return
+        if (needVal) {
+          // 等号后遇到第一个非空字符
+          this.start = this.i
+          this.state = this.attrVal
+          return
+        }
+        if (this.content[this.i] === '=') {
+          needVal = true
+        } else {
+          this.start = this.i
+          this.state = this.attrName
+          return
+        }
+      }
+    }
+  } else if (!this.checkClose('onAttrName')) {
+    this.i++
+  }
+}
+
+/**
+ * @description 属性值状态
+ * @private
+ */
+Lexer.prototype.attrVal = function () {
+  const c = this.content[this.i]
+  const len = this.content.length
+  if (c === '"' || c === "'") {
+    // 有冒号的属性
+    this.start = ++this.i
+    this.i = this.content.indexOf(c, this.i)
+    if (this.i === -1) return
+    this.handler.onAttrVal(this.content.substring(this.start, this.i))
+  } else {
+    // 没有冒号的属性
+    for (; this.i < len; this.i++) {
+      if (blankChar[this.content[this.i]]) {
+        this.handler.onAttrVal(this.content.substring(this.start, this.i))
+        break
+      } else if (this.checkClose('onAttrVal')) return
+    }
+  }
+  while (blankChar[this.content[++this.i]]);
+  if (this.i < len && !this.checkClose()) {
+    this.start = this.i
+    this.state = this.attrName
+  }
+}
+
+/**
+ * @description 结束标签状态
+ * @returns {String} 结束的标签名
+ * @private
+ */
+Lexer.prototype.endTag = function () {
+  const c = this.content[this.i]
+  if (blankChar[c] || c === '>' || c === '/') {
+    this.handler.onCloseTag(this.content.substring(this.start, this.i))
+    if (c !== '>') {
+      this.i = this.content.indexOf('>', this.i)
+      if (this.i === -1) return
+    }
+    this.start = ++this.i
+    this.state = this.text
+  } else {
+    this.i++
+  }
+}
+
+export default Parser
diff --git a/wechat-mini-program/components/mp-html/src/uni-app/static/app-plus/mp-html/js/handler.js b/wechat-mini-program/components/mp-html/src/uni-app/static/app-plus/mp-html/js/handler.js
new file mode 100644
index 0000000..c62f674
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/src/uni-app/static/app-plus/mp-html/js/handler.js
@@ -0,0 +1,254 @@
+// 等待初始化完毕
+document.addEventListener('UniAppJSBridgeReady', () => {
+  document.body.onclick = () =>
+    uni.postMessage({
+      data: {
+        action: 'onClick'
+      }
+    })
+  uni.postMessage({
+    data: {
+      action: 'onJSBridgeReady'
+    }
+  })
+})
+
+let options
+let medias = []
+
+/**
+ * @description 获取标签的所有属性
+ * @param {Element} ele
+ */
+function getAttrs (ele) {
+  const attrs = Object.create(null)
+  for (let i = ele.attributes.length; i--;) {
+    attrs[ele.attributes[i].name] = ele.attributes[i].value
+  }
+  return attrs
+}
+
+/**
+ * @description 图片加载出错
+ */
+function onImgError () {
+  if (options[1]) {
+    this.src = options[1]
+    this.onerror = null
+  }
+  // 取消监听点击
+  this.onclick = null
+  this.ontouchstart = null
+  uni.postMessage({
+    data: {
+      action: 'onError',
+      source: 'img',
+      attrs: getAttrs(this)
+    }
+  })
+}
+
+/**
+ * @description 检查是否所有图片加载完毕
+ */
+function checkReady () {
+  window.unloadimgs -= 1
+  if (window.unloadimgs === 0) {
+    // 所有图片加载完毕
+    uni.postMessage({
+      data: {
+        action: 'onReady'
+      }
+    })
+  }
+}
+
+/**
+ * @description 创建 dom 结构
+ * @param {object[]} nodes 节点数组
+ * @param {Element} parent 父节点
+ * @param {string} namespace 命名空间
+ */
+function createDom (nodes, parent, namespace) {
+  for (let i = 0; i < nodes.length; i++) {
+    const node = nodes[i]
+    let ele
+    if (!node.type || node.type === 'node') {
+      let name = node.name
+      // svg 需要设置 namespace
+      if (name === 'svg') {
+        namespace = 'http://www.w3.org/2000/svg'
+      }
+      if (name === 'html' || name === 'body') {
+        name = 'div'
+      }
+      // 创建标签
+      if (!namespace) {
+        ele = document.createElement(name)
+      } else {
+        ele = document.createElementNS(namespace, name)
+      }
+      // 设置属性
+      for (const item in node.attrs) {
+        ele.setAttribute(item, node.attrs[item])
+      }
+      // 递归创建子节点
+      if (node.children) {
+        createDom(node.children, ele, namespace)
+      }
+
+      // 处理图片
+      if (name === 'img') {
+        window.unloadimgs += 1
+        ele.onload = checkReady
+        ele.onerror = checkReady
+        if (!ele.src && ele.getAttribute('data-src')) {
+          ele.src = ele.getAttribute('data-src')
+        }
+        if (!node.attrs.ignore) {
+          // 监听图片点击事件
+          ele.onclick = function (e) {
+            e.stopPropagation()
+            uni.postMessage({
+              data: {
+                action: 'onImgTap',
+                attrs: getAttrs(this)
+              }
+            })
+          }
+        }
+        if (options[2]) {
+          const image = new Image()
+          image.src = ele.src
+          ele.src = options[2]
+          image.onload = function () {
+            ele.src = this.src
+          }
+          image.onerror = function () {
+            ele.onerror()
+          }
+        }
+        ele.onerror = onImgError
+      } else if (name === 'a') {
+        // 处理链接
+        ele.addEventListener('click', function (e) {
+          e.stopPropagation()
+          e.preventDefault() // 阻止默认跳转
+          const href = this.getAttribute('href')
+          let offset
+          if (href && href[0] === '#') {
+            offset = (document.getElementById(href.substr(1)) || {}).offsetTop
+          }
+          uni.postMessage({
+            data: {
+              action: 'onLinkTap',
+              attrs: getAttrs(this),
+              offset
+            }
+          })
+        }, true)
+      } else if (name === 'video' || name === 'audio') {
+        // 处理音视频
+        medias.push(ele)
+        if (!node.attrs.autoplay && !node.attrs.controls) {
+          ele.setAttribute('controls', 'true')
+        }
+        ele.onplay = function () {
+          uni.postMessage({
+            data: {
+              action: 'onPlay'
+            }
+          })
+          if (options[3]) {
+            for (let i = 0; i < medias.length; i++) {
+              if (medias[i] !== this) {
+                medias[i].pause()
+              }
+            }
+          }
+        }
+        ele.onerror = function () {
+          uni.postMessage({
+            data: {
+              action: 'onError',
+              source: name,
+              attrs: getAttrs(this)
+            }
+          })
+        }
+      } else if (name === 'table' && options[4] && !ele.style.cssText.includes('inline')) {
+        // 处理表格
+        const div = document.createElement('div')
+        div.style.overflow = 'auto'
+        div.appendChild(ele)
+        ele = div
+      } else if (name === 'svg') {
+        namespace = undefined
+      }
+    } else {
+      ele = document.createTextNode(node.text.replace(/&amp;/g, '&'))
+    }
+    parent.appendChild(ele)
+  }
+}
+
+// 设置 html 内容
+window.setContent = function (nodes, opts, append) {
+  const ele = document.getElementById('content')
+
+  // 容器样式
+  if (opts[0]) {
+    document.body.style.cssText = opts[0]
+  }
+
+  // 长按复制
+  if (!opts[5]) {
+    ele.style.userSelect = 'none'
+  }
+
+  if (!append) {
+    ele.innerHTML = '' // 不追加则先清空
+    medias = []
+  }
+
+  options = opts
+  window.unloadimgs = 0
+  const fragment = document.createDocumentFragment()
+  createDom(nodes, fragment)
+  ele.appendChild(fragment)
+
+  // 触发事件
+  let height = ele.scrollHeight
+  uni.postMessage({
+    data: {
+      action: 'onLoad',
+      height
+    }
+  })
+  if (!window.unloadimgs) {
+    uni.postMessage({
+      data: {
+        action: 'onReady',
+        height
+      }
+    })
+  }
+
+  clearInterval(window.timer)
+  window.timer = setInterval(() => {
+    if (ele.scrollHeight !== height) {
+      height = ele.scrollHeight
+      uni.postMessage({
+        data: {
+          action: 'onHeightChange',
+          height: height
+        }
+      })
+    }
+  }, 350)
+}
+
+// 回收计时器
+window.onunload = function () {
+  clearInterval(window.timer)
+}
diff --git a/wechat-mini-program/components/mp-html/src/uni-app/static/app-plus/mp-html/js/uni.webview.min.js b/wechat-mini-program/components/mp-html/src/uni-app/static/app-plus/mp-html/js/uni.webview.min.js
new file mode 100644
index 0000000..b0c8445
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/src/uni-app/static/app-plus/mp-html/js/uni.webview.min.js
@@ -0,0 +1 @@
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):(e=e||self).uni=n()}(this,(function(){"use strict";try{var e={};Object.defineProperty(e,"passive",{get:function(){!0}}),window.addEventListener("test-passive",null,e)}catch(e){}var n=Object.prototype.hasOwnProperty;function t(e,t){return n.call(e,t)}var i=[],a=function(e,n){var t={options:{timestamp:+new Date},name:e,arg:n};if(window.__dcloud_weex_postMessage||window.__dcloud_weex_){if("postMessage"===e){var a={data:[n]};return window.__dcloud_weex_postMessage?window.__dcloud_weex_postMessage(a):window.__dcloud_weex_.postMessage(JSON.stringify(a))}var o={type:"WEB_INVOKE_APPSERVICE",args:{data:t,webviewIds:i}};window.__dcloud_weex_postMessage?window.__dcloud_weex_postMessageToService(o):window.__dcloud_weex_.postMessageToService(JSON.stringify(o))}if(!window.plus)return window.parent.postMessage({type:"WEB_INVOKE_APPSERVICE",data:t,pageId:""},"*");if(0===i.length){var r=plus.webview.currentWebview();if(!r)throw new Error("plus.webview.currentWebview() is undefined");var d=r.parent(),s="";s=d?d.id:r.id,i.push(s)}if(plus.webview.getWebviewById("__uniapp__service"))plus.webview.postMessageToUniNView({type:"WEB_INVOKE_APPSERVICE",args:{data:t,webviewIds:i}},"__uniapp__service");else{var w=JSON.stringify(t);plus.webview.getLaunchWebview().evalJS('UniPlusBridge.subscribeHandler("'.concat("WEB_INVOKE_APPSERVICE",'",').concat(w,",").concat(JSON.stringify(i),");"))}},o={navigateTo:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.url;a("navigateTo",{url:encodeURI(n)})},navigateBack:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.delta;a("navigateBack",{delta:parseInt(n)||1})},switchTab:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.url;a("switchTab",{url:encodeURI(n)})},reLaunch:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.url;a("reLaunch",{url:encodeURI(n)})},redirectTo:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.url;a("redirectTo",{url:encodeURI(n)})},getEnv:function(e){window.plus?e({plus:!0}):e({h5:!0})},postMessage:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};a("postMessage",e.data||{})}},r=/uni-app/i.test(navigator.userAgent),d=/Html5Plus/i.test(navigator.userAgent),s=/complete|loaded|interactive/;var w=window.my&&navigator.userAgent.indexOf("AlipayClient")>-1;var u=window.swan&&window.swan.webView&&/swan/i.test(navigator.userAgent);var c=window.qq&&window.qq.miniProgram&&/QQ/i.test(navigator.userAgent)&&/miniProgram/i.test(navigator.userAgent);var g=window.tt&&window.tt.miniProgram&&/toutiaomicroapp/i.test(navigator.userAgent);var v=window.wx&&window.wx.miniProgram&&/micromessenger/i.test(navigator.userAgent)&&/miniProgram/i.test(navigator.userAgent);var p=window.qa&&/quickapp/i.test(navigator.userAgent);for(var l,_=function(){window.UniAppJSBridge=!0,document.dispatchEvent(new CustomEvent("UniAppJSBridgeReady",{bubbles:!0,cancelable:!0}))},f=[function(e){if(r||d)return window.__dcloud_weex_postMessage||window.__dcloud_weex_?document.addEventListener("DOMContentLoaded",e):window.plus&&s.test(document.readyState)?setTimeout(e,0):document.addEventListener("plusready",e),o},function(e){if(v)return window.WeixinJSBridge&&window.WeixinJSBridge.invoke?setTimeout(e,0):document.addEventListener("WeixinJSBridgeReady",e),window.wx.miniProgram},function(e){if(c)return window.QQJSBridge&&window.QQJSBridge.invoke?setTimeout(e,0):document.addEventListener("QQJSBridgeReady",e),window.qq.miniProgram},function(e){if(w){document.addEventListener("DOMContentLoaded",e);var n=window.my;return{navigateTo:n.navigateTo,navigateBack:n.navigateBack,switchTab:n.switchTab,reLaunch:n.reLaunch,redirectTo:n.redirectTo,postMessage:n.postMessage,getEnv:n.getEnv}}},function(e){if(u)return document.addEventListener("DOMContentLoaded",e),window.swan.webView},function(e){if(g)return document.addEventListener("DOMContentLoaded",e),window.tt.miniProgram},function(e){if(p){window.QaJSBridge&&window.QaJSBridge.invoke?setTimeout(e,0):document.addEventListener("QaJSBridgeReady",e);var n=window.qa;return{navigateTo:n.navigateTo,navigateBack:n.navigateBack,switchTab:n.switchTab,reLaunch:n.reLaunch,redirectTo:n.redirectTo,postMessage:n.postMessage,getEnv:n.getEnv}}},function(e){return document.addEventListener("DOMContentLoaded",e),o}],m=0;m<f.length&&!(l=f[m](_));m++);l||(l={});var E="undefined"!=typeof uni?uni:{};if(!E.navigateTo)for(var b in l)t(l,b)&&(E[b]=l[b]);return E.webView=l,E}));
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/src/uni-app/static/app-plus/mp-html/local.html b/wechat-mini-program/components/mp-html/src/uni-app/static/app-plus/mp-html/local.html
new file mode 100644
index 0000000..4b9437e
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/src/uni-app/static/app-plus/mp-html/local.html
@@ -0,0 +1,33 @@
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
+  <style>
+    html,
+    body {
+      width: 100%;
+      height: 100%;
+      overflow-x: scroll;
+      overflow-y: hidden;
+    }
+
+    body {
+      margin: 0;
+    }
+
+    video {
+      width: 300px;
+      height: 225px;
+    }
+
+    img {
+      max-width: 100%;
+      -webkit-touch-callout: none;
+    }
+  </style>
+</head>
+
+<body>
+  <div id="content" style="overflow: hidden;"></div>
+  <script type="text/javascript" src="./js/uni.webview.min.js"></script>
+  <script type="text/javascript" src="./js/handler.js"></script>
+</body>
\ No newline at end of file
diff --git a/wechat-mini-program/components/mp-html/test/content.js b/wechat-mini-program/components/mp-html/test/content.js
new file mode 100644
index 0000000..2615bde
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/test/content.js
@@ -0,0 +1,203 @@
+/**
+ * @fileoverview 用于测试的 html 内容
+ */
+module.exports = `<title>富文本示例</title>
+<div>
+  <section style="text-align: center; margin: 0px auto;">
+    <section style="border-radius: 4px; border: 1px solid #757576; display: inline-block; padding: 5px 20px;">
+      <span style="font-size: 18px; color: #595959;">表格</span>
+    </section>
+  </section>
+  <section style="margin-top: 1.5em;">
+    <table width="100%" cellspacing="0" cellpadding="5">
+      <thead>
+        <tr>
+          <th>标题 1</th>
+          <th>标题 2</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td align="center">内容 1</td>
+          <td align="center">内容 2</td>
+        </tr>
+        <tr style="background-color: #f6f8fa;">
+          <td align="center">内容 3</td>
+          <td align="center"><a>链接</a></td>    
+        </tr>
+        <tr>
+          <td align="center">内容 5</td>
+          <td align="center">内容 6</td>
+        </tr>
+      </tbody>
+    </table>
+    <div style="font-size: 12px; color: gray; text-align: center; margin-top: 5px;">普通表格</div>
+  </section>
+  <section style="margin-top: 1.5em;">
+    <table width="500px" cellspacing="0" cellpadding="5">
+      <thead>
+        <tr>
+          <th>标题 1</th>
+          <th>标题 2</th>
+          <th>标题 3</th>
+          <th>标题 4</th>
+          <th>标题 5</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td align="center">内容 1</td>
+          <td align="center">内容 2</td>
+          <td align="center">内容 3</td>
+          <td align="center">内容 4</td>
+          <td align="center">内容 5</td>
+        </tr>
+        <tr style="background-color: #f6f8fa;">
+          <td align="center"><a>链接</a></td>
+          <td align="center">内容 7</td>
+          <td align="center">内容 8</td>
+          <td align="center">内容 9</td>
+          <td align="center">内容 10</td>
+        </tr>
+        <tr>
+          <td align="center">内容 11</td>
+          <td align="center">内容 12</td>
+          <td align="center">内容 13</td>
+          <td align="center">内容 14</td>
+          <td align="center">内容 15</td>
+        </tr>
+      </tbody>
+    </table>
+    <div style="font-size: 12px; color: gray; text-align: center; margin-top: 5px;">长表格，可以单独横向滚动</div>
+  </section>
+  <section style="margin-top: 1.5em;">
+    <table width="100%" cellspacing="0" cellpadding="5">
+      <thead>
+        <tr>
+          <th align="center">标题 1</th>
+          <th align="center">标题 2</th>
+          <th align="center">标题 3</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td align="center" colspan="2">内容 1</td>
+          <td align="center" rowspan="2">内容 2</td>
+        </tr>
+        <tr>
+          <td align="center" rowspan="2">内容 3</td>
+          <td align="center">内容 4</td>
+        </tr>
+        <tr>
+          <td align="center" colspan="2">内容 5</td>
+        </tr>
+        <tr>
+          <td align="center">内容 6</td>
+          <td align="center">内容 7</td>
+          <td align="center"><a>链接</a></td>
+        </tr>
+      </tbody>
+    </table>
+    <div style="font-size: 12px; color: gray; text-align: center; margin-top: 5px;">含有合并单元格的表格</div>
+  </section>
+  <section id="list" style="text-align: center; margin: 0px auto; margin-top: 2em">
+    <section style="border-radius: 4px; border: 1px solid #757576; display: inline-block; padding: 5px 20px;">
+      <span style="font-size: 18px; color: #595959;">列表</span>
+    </section>
+  </section>
+  <section style="margin-top: 1.5em;">
+    <ol style="margin-bottom: 1.5em;">
+      <li>这是第一条列表项</li>
+      <li>这是第二条列表项</li>
+      <li>这是第三条 <a>链接</a></li>
+    </ol>
+    <ol type="A" style="margin-bottom: 1.5em;">
+      <li>这是第一条列表项</li>
+      <li>这是第二条列表项</li>
+      <li>这是第三条 <a>链接</a></li>
+    </ol>
+    <ol type="I" style="margin-bottom: 1.5em;">
+      <li>这是第一条列表项</li>
+      <li>这是第二条列表项</li>
+      <li>这是第三条 <a>链接</a></li>
+    </ol>
+    <ul>
+      <li>第一级无序列表</li>
+      <li>第一级无序列表
+        <ul>
+          <li>第二级无序列表</li>
+          <li>第二级无序列表
+            <ul>
+              <li>第三级无序列表</li>
+              <li>第三级 <a>链接</a></li>
+            </ul>
+          </li>
+        </ul>
+      </li>
+    </ul>    
+  </section>
+  <section style="text-align: center; margin: 0px auto; margin-top: 2em">
+    <section style="border-radius: 4px; border: 1px solid #757576; display: inline-block; padding: 5px 20px;">
+      <span style="font-size: 18px; color: #595959;">文本</span>
+    </section>
+  </section>
+  <section style="margin-top: 1.5em;">
+    <p style="margin-bottom: 1em;">
+      <ruby>
+        拼<rp>(</rp><rt>pin</rt><rp>)</rp>
+        音<rp>(</rp><rt>yin</rt><rp>)</rp>
+      </ruby>
+      &nbsp;&nbsp;<i>斜体</i>
+      &nbsp;&nbsp;<b>粗体</b>
+      &nbsp;&nbsp;上标<sup>1</sup>
+      &nbsp;&nbsp;下标<sub>2</sub>
+    </p>
+    <p style="margin-bottom: 1em;">
+      <span style="text-decoration: overline;">上划线</span>
+      &nbsp;&nbsp;<s>中划线</s>
+      &nbsp;&nbsp;<u>下划线</u>
+    </p>
+    <p>
+      <big>大一号</big>
+      &nbsp;&nbsp;<span>正常</span>
+      &nbsp;&nbsp;<small>小一号</small>
+    </p>
+    <h2 style="margin-top: 0.5em;">大标题</h2>
+    <h3 style="margin-top: 0.5em;">中标题</h3>
+    <h4 style="margin-top: 0.5em;">小标题</h4>
+  </section>
+  <section style="text-align: center; margin: 0px auto; margin-top: 2em">
+    <section style="border-radius: 4px; border: 1px solid #757576; display: inline-block; padding: 5px 20px;">
+      <span style="font-size: 18px; color: #595959;">链接</span>
+    </section>
+  </section>
+  <section style="margin-top: 1.5em; text-align: center;">
+    <a href="#">跳转到顶部</a>&nbsp;&nbsp;&nbsp;<a href="#list">跳转到列表</a>
+    <div style="font-size: 12px; color: gray; margin-top: 5px;">锚点链接，将滚动到对应位置</div>
+  </section>
+  <section style="margin-top: 1.5em; text-align: center;">
+    <a href="https://github.com/jin-yufeng/mp-html">外部链接</a>
+    <div style="font-size: 12px; color: gray; margin-top: 5px;">外部链接，将复制链接</div>
+  </section>
+  <section style="margin-top: 1.5em; text-align: center;">
+    <a href="/pages/jump/jump">内部链接</a>
+    <div style="font-size: 12px; color: gray; margin-top: 5px;">内部链接，将跳转页面</div>
+  </section>
+  <section style="text-align: center; margin: 0px auto; margin-top: 2em">
+    <section style="border-radius: 4px; border: 1px solid #757576; display: inline-block; padding: 5px 20px;">
+      <span style="font-size: 18px; color: #595959;">图片</span>
+    </section>
+  </section>
+  <section style="margin-top: 1.5em; text-align: center;">
+    <img src="demo.jpg">
+    <div style="font-size: 12px; color: gray; margin-top: 5px;">点击预览</div>
+  </section>
+  <section style="margin-top: 1.5em; text-align: center;">
+    <svg width="40px" height="40px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;">
+      <path fill="#000" d="M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z">
+        <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.6s" repeatCount="indefinite"/>
+      </path>
+    </svg>
+    <div style="font-size: 12px; color: gray; margin-top: 5px;">svg 动画</div>
+  </section>
+</div>`
diff --git a/wechat-mini-program/components/mp-html/test/test.js b/wechat-mini-program/components/mp-html/test/test.js
new file mode 100644
index 0000000..a017a2d
--- /dev/null
+++ b/wechat-mini-program/components/mp-html/test/test.js
@@ -0,0 +1,373 @@
+/**
+ * @fileoverview 单元测试
+ */
+const path = require('path')
+const simulate = require('miniprogram-simulate')
+
+const html = require('./content') // 测试 html
+const dist = '../dev/mp-weixin/components/mp-html/index' // 组件目录
+
+// 新 api 模拟
+wx.getWindowInfo = function () {
+  return {
+    windowWidth: 414
+  }
+}
+wx.getDeviceInfo = function () {
+  return {
+    system: 'iOS 10.0.1'
+  }
+}
+const mpHtml = simulate.load(path.resolve(__dirname, dist), 'mp-html')
+
+// 渲染测试
+test('render', async () => {
+  // 创建和渲染页面
+  const id = simulate.load({
+    data: {
+      containerStyle: '',
+      copyLink: true,
+      lazyLoad: true,
+      pauseVideo: true,
+      previewImg: true,
+      useAnchor: true
+    },
+    template:
+      `<scroll-view id="scroll" style="height:100px" scroll-y scroll-top="{{top}}">
+  <mp-html id="article" container-style="{{containerStyle}}" content="{{html}}" domain="https://mp-html.oss-cn-hangzhou.aliyuncs.com" copy-link="{{copyLink}}" loading-img="xxx" error-img="xxx" lazy-load="{{lazyLoad}}" pause-video="{{pauseVideo}}" preview-img="{{previewImg}}" scroll-table use-anchor="{{useAnchor}}">加载中...</mp-html>
+</scroll-view>`,
+    usingComponents: {
+      'mp-html': mpHtml
+    }
+  })
+  const page = simulate.render(id)
+
+  // 设置数据
+  page.setData({
+    html
+  })
+  await simulate.sleep(1000)
+
+  const comp = page.querySelector('#article')
+  expect(comp.dom.tagName).toBe('MP-HTML')
+
+  await simulate.sleep(50)
+
+  // api 测试
+  comp.instance.setContent(
+    `<!-- 测试 base 标签 -->
+<base href="https://xxx.com">
+<!-- 测试 script 标签 -->
+<script>
+console.log('11')
+</script>
+<!-- 测试 embed 标签 -->
+<embed src="xxx.mp4" />
+<embed autostart src="xxx.m4a" />
+<!-- 测试 source 标签 -->
+<video src="xxx.mp4" style="height:auto" loop ></video>
+<!-- 测试 table 标签 -->
+<table align="center"></table>
+<table align="left" border="1">
+  <td>
+    <a>xxx</a>
+  </td>
+</table>
+<table width="100%" border="1" style="border-collapse: collapse;">
+  <colgroup><col style="width: 40%;"><col style="width: 60%;"></colgroup>
+  <tr>
+    <th style="vertical-align: bottom;" width="20%">标题1</th>
+    <th width="80%">标题2</th>
+  </tr>
+  <tr style="color:gray">
+    <td colspan="2" style="vertical-align:middle;text-align:right"><a>内容1</a></td>
+  </tr>
+</table>
+<table>
+  <tr>
+    <td><img src="xxx.jpg" style="display:block">图片<td>
+    <td><img src="xxx.jpg">图片<td>
+  </tr>
+</table>
+<!-- 测试 font 标签、不同属性写法、实体 -->
+<font color='red' face = "宋体" size=8 >&#26356;&#x591a;</font >
+<font size=0>1 < 2</font>
+<font>&#aaa;&aaa;&</FONT>
+<!-- 测试 rpx 单位处理 -->
+<span id="anchor" style="font-size:30rpx">11</span>
+<!-- 测试 pre 标签处理（保留空白符） -->
+<div style="white-space:pre">
+  <pre>var i = 0</pre>
+</div>
+<!-- 测试不同情况中的图片处理 -->
+<img src="xxx" style="width:100px;height:100px;object-fit:contain">
+<img src="xxx" style="width:100px;object-fit:cover;height:100px;">
+<a data-test="test">
+  <img src="//xxx.jpg">
+</a>
+<div style="display:inline-block !important;display:block">
+  <img style="width:100%;" src="xxx.jpg">
+  </p>
+</div>
+<div style="display:flex">
+  <div style="flex:1">
+    <img src="//xxx.jpg" style="display:inline">
+  </div>
+</div>
+<img style="width:auto" src="data:image/png;base64,xxxx">
+<img src="xxx" style="width:20px" height="10">
+<img src="yyy.webp" style="width:1000px" ignore>
+<svg />
+<svg viewbox="0 0 1 1"><text>123</text><svg></svg></svg>
+<svg><foreignobject><div>123</div></foreignobject></svg>
+<div class="ql-align-center" style="background-image:url(&quot;/xxx.jpg?a=2&amp;b=3&quot;)"></div>
+<![CDATA[<]]>
+<!-- 测试 flex 布局、未闭合标签、data- 属性处理 -->
+<div style="display:flex;width:1000px">
+  <div style="flex:1" dir="rtl">123</div>
+</div>
+</br><div data-test="xxx" style="display:flex;display:-webkit-flex;"><div>
+  <img data-src="/xxx.jpg" style="width:100%;height:100px">  `, true) // 补充测试
+  expect(comp.instance.getText().includes('更多')).toBe(true) // 检查上方的实体是否被解码
+  await comp.instance.getRect()
+
+  await comp.instance.navigateTo('anchor') // 基于页面跳转
+  comp.instance.in(page.instance) // 错误设置
+  comp.instance.in(page.instance, '#scroll', 'top')
+  await comp.instance.navigateTo('anchor') // 基于 scroll-view 滚动
+
+  page.setData({
+    useAnchor: false
+  })
+  await simulate.sleep(50)
+  comp.instance.setContent('<span id="test">123</span>', true)
+  try {
+    await comp.instance.navigateTo('anchor') // 禁用锚点的情况下跳转
+  } catch (e) { }
+
+  page.setData({
+    containerStyle: 'white-space:pre-wrap'
+  })
+  await simulate.sleep(50)
+  comp.instance.setContent('  空格\n换行')
+  expect(comp.instance.getText().includes('\n')).toBe(true) // 检查换行是否被保留
+
+  // 无图测试
+  page.setData({
+    lazyLoad: false
+  })
+  await simulate.sleep(50)
+  comp.instance.setContent('<div>Hello world!</div>')
+  simulate.sleep(50)
+
+  // 长内容测试
+  let content = '<div>1</div>'.repeat(50) + '<div>'
+  for (let i = 0; i < 50; i++) {
+    content += '<div>' + i + '</div>'
+  }
+  content += '<a>xxx</a>'
+  for (let i = 0; i < 3; i++) {
+    content += '<div>' + i + '</div>'
+  }
+  comp.instance.setContent(content)
+  simulate.sleep(50)
+  expect(comp.data.nodes.length).toBe(2) // 应该切分为 2 块
+  expect(comp.data.nodes[1].children.length).toBe(5) // 应该切分为 5 块
+
+  await simulate.sleep(50) // 等待异步 api 执行完毕
+
+  // 移除节点
+  comp.triggerLifeTime('detached')
+})
+
+// 事件测试
+test('event', async () => {
+  // 模拟 api
+  wx.createVideoContext = function () {
+    // 模拟视频 context
+    return {
+      pause: function () { },
+      playbackRate: function () { }
+    }
+  }
+  // 测试失败回调
+  wx.navigateTo = function (obj) {
+    setTimeout(() => {
+      if (typeof obj.fail === 'function') {
+        obj.fail()
+      }
+    }, 0)
+  }
+  wx.switchTab = function (obj) {
+    setTimeout(() => {
+      if (typeof obj.fail === 'function') {
+        obj.fail()
+      }
+    }, 0)
+  }
+
+  const comp = simulate.render(mpHtml)
+  comp.setData({
+    selectable: 'force',
+    loadingImg: 'xxx'
+  })
+  await simulate.sleep(50)
+
+  comp.instance.setContent(
+    `<img src="xxx">
+<img src="yyy" width="100" height="50" ignore>
+<a href="#aaa"><img src="xxx"></a>
+<a href="https://github.com/jin-yufeng/mp-html">链接2</a>
+<a href="pages/test/test">链接3</a>
+<video src="xxx"></video>
+<video>
+  <source src="/xxx">
+  <source src="//yyy">
+</video>
+<base href="https://xxx.com">`)
+
+  await simulate.sleep(100)
+
+  const node = comp.querySelector('#_root')
+  node.triggerLifeTime('attached')
+  comp.instance._add({
+    detail: node.instance
+  })
+  // 模拟图片加载完毕
+  for (let i = 0; i <= 1; i++) {
+    node.instance.imgLoad({
+      target: {
+        dataset: {
+          i: i.toString()
+        }
+      },
+      detail: {
+        width: 100,
+        height: 100
+      }
+    })
+    // 模拟图片被点击
+    node.instance.imgTap({
+      target: {
+        dataset: {
+          i: i.toString()
+        }
+      }
+    })
+  }
+  comp.setData({
+    loadingImg: ''
+  })
+  await simulate.sleep(350)
+  node.instance.imgLoad({
+    target: {
+      dataset: {
+        i: '1'
+      }
+    }
+  })
+
+  // 模拟图片链接被点击
+  node.instance.imgTap({
+    target: {
+      dataset: {
+        i: '2_0'
+      }
+    }
+  })
+  node.instance.noop()
+  // 模拟图片出错
+  const imgError = () => node.instance.mediaError({
+    target: {
+      dataset: {
+        i: '0'
+      }
+    },
+    detail: {
+      errMsg: 'test'
+    }
+  })
+  imgError()
+  comp.setData({
+    errorImg: 'xxx'
+  }, imgError)
+  // 模拟链接被点击
+  for (let i = 2; i <= 4; i++) {
+    node.instance.linkTap({
+      currentTarget: {
+        dataset: {
+          i: i.toString()
+        }
+      }
+    })
+  }
+  // 模拟视频播放
+  for (let i = 0; i < 3; i++) {
+    node.instance.play({
+      target: {
+        id: 'v' + (i % 2),
+        dataset: {
+          i: (5 + (i % 2)).toString()
+        }
+      }
+    })
+  }
+  // 视频倍速播放
+  comp.instance.setPlaybackRate(1.5)
+  node.instance.play({
+    target: {
+      id: 'v2',
+      dataset: {
+        i: '6'
+      }
+    }
+  })
+  // 暂停视频播放
+  comp.instance.pauseMedia()
+  // 模拟视频出错
+  node.instance.mediaError({
+    target: {
+      dataset: {
+        i: '6'
+      }
+    },
+    detail: {
+      errMsg: 'test'
+    }
+  })
+
+  // 禁用一些功能
+  comp.setData({
+    copyLink: false,
+    pauseVideo: false,
+    previewImg: false
+  }, () => {
+    // 禁用自动拷贝后点击外部链接
+    node.instance.linkTap({
+      currentTarget: {
+        dataset: {
+          i: '3'
+        }
+      }
+    })
+    // 禁用自动暂停后播放视频
+    node.instance.play({
+      target: {
+        id: 'v0',
+        dataset: {
+          i: '5'
+        }
+      }
+    })
+    // 禁用预览后点击图片
+    node.instance.imgTap({
+      target: {
+        dataset: {
+          i: '0'
+        }
+      }
+    })
+  })
+
+  await simulate.sleep(100)
+})
diff --git a/wechat-mini-program/config/env.js b/wechat-mini-program/config/env.js
new file mode 100644
index 0000000..f439614
--- /dev/null
+++ b/wechat-mini-program/config/env.js
@@ -0,0 +1,11 @@
+const env = 'development'
+const configs = {
+  development: {
+    baseUrl: 'http://192.168.5.95:8000/api'
+  },
+  production: {
+    baseUrl: 'https://your-domain.example.com/api'
+  }
+}
+
+module.exports = configs[env]
diff --git a/wechat-mini-program/images/tabbar/coupon-active.png b/wechat-mini-program/images/tabbar/coupon-active.png
new file mode 100644
index 0000000..a5e978a
Binary files /dev/null and b/wechat-mini-program/images/tabbar/coupon-active.png differ
diff --git a/wechat-mini-program/images/tabbar/coupon.png b/wechat-mini-program/images/tabbar/coupon.png
new file mode 100644
index 0000000..e872b16
Binary files /dev/null and b/wechat-mini-program/images/tabbar/coupon.png differ
diff --git a/wechat-mini-program/images/tabbar/home-active.png b/wechat-mini-program/images/tabbar/home-active.png
new file mode 100644
index 0000000..cd040c2
Binary files /dev/null and b/wechat-mini-program/images/tabbar/home-active.png differ
diff --git a/wechat-mini-program/images/tabbar/home.png b/wechat-mini-program/images/tabbar/home.png
new file mode 100644
index 0000000..1463ae2
Binary files /dev/null and b/wechat-mini-program/images/tabbar/home.png differ
diff --git a/wechat-mini-program/images/tabbar/user-active.png b/wechat-mini-program/images/tabbar/user-active.png
new file mode 100644
index 0000000..6de588b
Binary files /dev/null and b/wechat-mini-program/images/tabbar/user-active.png differ
diff --git a/wechat-mini-program/images/tabbar/user.png b/wechat-mini-program/images/tabbar/user.png
new file mode 100644
index 0000000..aba1a2a
Binary files /dev/null and b/wechat-mini-program/images/tabbar/user.png differ
diff --git a/wechat-mini-program/node_modules/.package-lock.json b/wechat-mini-program/node_modules/.package-lock.json
new file mode 100644
index 0000000..595179b
--- /dev/null
+++ b/wechat-mini-program/node_modules/.package-lock.json
@@ -0,0 +1,12 @@
+{
+  "name": "wechat-mini-program",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "node_modules/mp-html": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmmirror.com/mp-html/-/mp-html-2.5.1.tgz",
+      "integrity": "sha512-7BEH8dnQ89kOIyjdoYni8zcc0QAg+lgEWg0n9or9q2D4l26JNG+KPzHfttDyisC/5S7aPBblpXrFTYQv475w/Q=="
+    }
+  }
+}
diff --git a/wechat-mini-program/node_modules/mp-html/.eslintignore b/wechat-mini-program/node_modules/mp-html/.eslintignore
new file mode 100644
index 0000000..121531a
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/.eslintignore
@@ -0,0 +1 @@
+*.min.js
diff --git a/wechat-mini-program/node_modules/mp-html/.eslintrc.json b/wechat-mini-program/node_modules/mp-html/.eslintrc.json
new file mode 100644
index 0000000..afc078a
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/.eslintrc.json
@@ -0,0 +1,30 @@
+{
+  "env": {
+    "browser": true,
+    "es6": true,
+    "node": true
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:vue/essential"
+  ],
+  "globals": {
+    "Component": "readonly",
+    "wx": "readonly",
+    "qq": "readonly",
+    "swan": "readonly",
+    "my": "readonly",
+    "tt": "readonly",
+    "uni": "readonly",
+    "plus": "readonly",
+    "weex": "readonly",
+    "requirePlugin": "readonly"
+  },
+  "rules": {
+    "semi": [
+      "error",
+      "never"
+    ],
+    "no-console": "error"
+  }
+}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/.github/ISSUE_TEMPLATE/bug.md b/wechat-mini-program/node_modules/mp-html/.github/ISSUE_TEMPLATE/bug.md
new file mode 100644
index 0000000..f9beec5
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/.github/ISSUE_TEMPLATE/bug.md
@@ -0,0 +1,23 @@
+---
+name: 提交 Bug
+about: 如果发现某部分功能表现与文档描述不符或出错，请选择此模板反馈
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+<!--注意：必须严格按照下列要求反馈 bug，以便尽快确定问题并修复，不符合要求的反馈不予处理-->
+
+## 使用环境  
+<!--请注明使用的小程序平台和基础库版本等环境信息-->
+
+## 问题描述  
+<!--请详细描述遇到的问题，可以附上截图-->
+
+## 复现方式  
+<!--
+注意：无法复现的问题将不予处理
+如果将您使用的 html 内容拷贝到示例项目中就能复现问题，请在下方附上您使用的 html 内容
+如果在示例项目中无法复现，请附上能够复现的 demo 项目并说明复现方式
+-->
diff --git a/wechat-mini-program/node_modules/mp-html/.github/ISSUE_TEMPLATE/enhancement.md b/wechat-mini-program/node_modules/mp-html/.github/ISSUE_TEMPLATE/enhancement.md
new file mode 100644
index 0000000..08eecbb
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/.github/ISSUE_TEMPLATE/enhancement.md
@@ -0,0 +1,14 @@
+---
+name: 新功能需求
+about: 如果需要某些新功能或有改进建议，请选择此模板反馈
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+<!--注意：提出的新功能或改进建议应有一定的应用场景和通用性，如果您已经实现了改进可以直接提交 pr-->
+
+## 新功能描述
+
+## 应用场景
diff --git a/wechat-mini-program/node_modules/mp-html/.github/ISSUE_TEMPLATE/question.md b/wechat-mini-program/node_modules/mp-html/.github/ISSUE_TEMPLATE/question.md
new file mode 100644
index 0000000..7ebcd80
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/.github/ISSUE_TEMPLATE/question.md
@@ -0,0 +1,12 @@
+---
+name: 咨询问题
+about: 如果找不到文档对某功能的描述或描述不清，请选择此模板咨询
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+<!--注意：提问前请确认已经在文档中查找过没有相关资料或文档没有描述清楚-->
+
+## 问题描述  
diff --git a/wechat-mini-program/node_modules/mp-html/.stylelintrc.json b/wechat-mini-program/node_modules/mp-html/.stylelintrc.json
new file mode 100644
index 0000000..cb68cc1
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/.stylelintrc.json
@@ -0,0 +1,6 @@
+{
+  "extends": [
+    "stylelint-config-standard",
+    "stylelint-config-recess-order"
+  ]
+}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/LICENSE b/wechat-mini-program/node_modules/mp-html/LICENSE
new file mode 100644
index 0000000..523073c
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019-present Jin Yufeng
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/wechat-mini-program/node_modules/mp-html/README.md b/wechat-mini-program/node_modules/mp-html/README.md
new file mode 100644
index 0000000..63fd124
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/README.md
@@ -0,0 +1,241 @@
+# mp-html
+
+> 一个强大的小程序富文本组件
+
+![star](https://img.shields.io/github/stars/jin-yufeng/mp-html)
+![forks](https://img.shields.io/github/forks/jin-yufeng/mp-html)
+[![npm](https://img.shields.io/npm/v/mp-html)](https://www.npmjs.com/package/mp-html)
+![downloads](https://img.shields.io/npm/dt/mp-html)
+[![Coverage Status](https://coveralls.io/repos/github/jin-yufeng/mp-html/badge.svg?branch=master)](https://coveralls.io/github/jin-yufeng/mp-html?branch=master)
+![license](https://img.shields.io/github/license/jin-yufeng/mp-html)
+[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
+
+## 功能介绍
+- 支持在多个主流的小程序平台和 `uni-app` 中使用
+- 支持丰富的标签（包括 `table`、`video`、`svg` 等）
+- 支持丰富的事件效果（自动预览图片、链接处理等）
+- 支持设置占位图（加载中、出错时、预览时）
+- 支持锚点跳转、长按复制等丰富功能
+- 支持大部分 *html* 实体
+- 丰富的插件（关键词搜索、内容编辑、`latex` 公式等）
+- 效率高、容错性强且轻量化（`≈25KB`，`9KB gzipped`）
+
+查看 [功能介绍](https://jin-yufeng.github.io/mp-html/#/overview/feature) 了解更多
+
+## 使用方法
+### 原生平台
+- `npm` 方式
+  1. 在项目目录下安装组件包
+
+     ```bash
+     npm install mp-html
+     ```
+  2. 开发者工具中勾选 `使用 npm 模块`（若没有此选项则不需要）并点击 `工具 - 构建 npm`
+  3. 在需要使用页面的 `json` 文件中添加
+
+     ```json
+     {
+       "usingComponents": {
+         "mp-html": "mp-html"
+       }
+     }
+     ```
+  4. 在需要使用页面的 `wxml` 文件中添加
+
+     ```html
+     <mp-html content="{{html}}" />
+     ```
+  5. 在需要使用页面的 `js` 文件中添加
+
+     ```javascript
+     Page({
+       onLoad () {
+         this.setData({
+           html: '<div>Hello World!</div>'
+         })
+       }
+     })
+     ```
+- 源码方式
+  1. 将源码中对应平台的代码包（`dist/platform`）拷贝到 `components` 目录下，更名为 `mp-html`
+  2. 在需要使用页面的 `json` 文件中添加
+
+     ```json
+     {
+       "usingComponents": {
+         "mp-html": "/components/mp-html/index"
+       }
+     }
+     ```
+  
+  后续步骤同上
+
+查看 [快速开始](https://jin-yufeng.github.io/mp-html/#/overview/quickstart) 了解更多
+
+### uni-app
+- 源码方式
+  1. 将源码中 `dist/uni-app` 内的内容拷贝到项目根目录下  
+     可以直接通过 [插件市场](https://ext.dcloud.net.cn/plugin?id=805) 引入
+  2. 在需要使用页面的 `vue` 文件中添加
+
+     ```vue
+     <template>
+       <view>
+         <mp-html :content="html" />
+       </view>
+     </template>
+     <script>
+       import mpHtml from '@/components/mp-html/mp-html'
+       export default {
+         // HBuilderX 2.5.5+ 可以通过 easycom 自动引入
+         components: {
+           mpHtml
+         },
+         data () {
+           return {
+             html: '<div>Hello World!</div>'
+           }
+         }
+       }
+     </script>
+     ```
+- `npm` 方式
+  1. 在项目目录下安装组件包
+
+     ```bash
+     npm install mp-html
+     ```
+  2. 在需要使用页面的 `vue` 文件中添加
+
+     ```vue
+     <template>
+       <view>
+         <mp-html :content="html" />
+       </view>
+     </template>
+     <script>
+       import mpHtml from 'mp-html/dist/uni-app/components/mp-html/mp-html'
+       export default {
+         // 不可省略
+         components: {
+           mpHtml
+         },
+         data () {
+           return {
+             html: '<div>Hello World!</div>'
+           }
+         }
+       }
+     </script>
+     ```
+
+  使用 `cli` 方式运行的项目，通过 `npm` 方式引入时，需要在 `vue.config.js` 中配置 `transpileDependencies`，详情可见 [#330](https://github.com/jin-yufeng/mp-html/issues/330#issuecomment-913617687)  
+  如果在 `nvue` 中使用还要将 `dist/uni-app/static` 目录下的内容拷贝到项目的 `static` 目录下，否则无法运行  
+
+查看 [快速开始](https://jin-yufeng.github.io/mp-html/#/overview/quickstart) 了解更多
+
+## 组件属性
+
+| 属性 | 类型 | 默认值 | 说明 |
+|:---:|:---:|:---:|---|
+| container-style | String |  | 容器的样式（[2.1.0+](https://jin-yufeng.github.io/mp-html/#/changelog/changelog#v210)） |
+| content | String |  | 用于渲染的 html 字符串 |
+| copy-link | Boolean | true | 是否允许外部链接被点击时自动复制 |
+| domain | String |  | 主域名（用于链接拼接） |
+| error-img | String |  | 图片出错时的占位图链接 |
+| lazy-load | Boolean | false | 是否开启图片懒加载 |
+| loading-img | String |  | 图片加载过程中的占位图链接 |
+| pause-video | Boolean | true | 是否在播放一个视频时自动暂停其他视频 |
+| preview-img | Boolean | true | 是否允许图片被点击时自动预览 |
+| scroll-table | Boolean | false | 是否给每个表格添加一个滚动层使其能单独横向滚动 |
+| selectable | Boolean | false | 是否开启文本长按复制 |
+| set-title | Boolean | true | 是否将 title 标签的内容设置到页面标题 |
+| show-img-menu | Boolean | true | 是否允许图片被长按时显示菜单 |
+| tag-style | Object |  | 设置标签的默认样式 |
+| use-anchor | Boolean | false | 是否使用锚点链接 |
+
+查看 [属性](https://jin-yufeng.github.io/mp-html/#/basic/prop) 了解更多
+
+## 组件事件
+
+| 名称 | 触发时机 |
+|:---:|---|
+| load | dom 树加载完毕时 |
+| ready | 图片加载完毕时 |
+| error | 发生渲染错误时 |
+| imgtap | 图片被点击时 |
+| linktap | 链接被点击时 |
+
+查看 [事件](https://jin-yufeng.github.io/mp-html/#/basic/event) 了解更多
+
+## api
+组件实例上提供了一些 `api` 方法可供调用
+
+| 名称 | 作用 |
+|:---:|---|
+| in | 将锚点跳转的范围限定在一个 scroll-view 内 |
+| navigateTo | 锚点跳转 |
+| getText | 获取文本内容 |
+| getRect | 获取富文本内容的位置和大小 |
+| setContent | 设置富文本内容 |
+| imgList | 获取所有图片的数组 |
+| pauseMedia | 暂停播放音视频（[2.2.2+](https://jin-yufeng.github.io/mp-html/#/changelog/changelog#v222)） |
+| setPlaybackRate | 设置音视频播放速率（[2.4.0+](https://jin-yufeng.github.io/mp-html/#/changelog/changelog#v240)） |
+
+查看 [api](https://jin-yufeng.github.io/mp-html/#/advanced/api) 了解更多
+
+## 插件扩展  
+除基本功能外，本组件还提供了丰富的扩展，可按照需要选用
+
+| 名称 | 作用 |
+|:---:|---|
+| audio | 音乐播放器 |
+| editable | 富文本编辑 |
+| emoji | 解析 emoji |
+| highlight | 代码块高亮显示 |
+| markdown | 渲染 markdown |
+| search | 关键词搜索 |
+| style | 匹配 style 标签中的样式 |
+| txv-video | 使用腾讯视频 |
+| img-cache | 图片缓存 by [@PentaTea](https://github.com/PentaTea) |
+| latex | 渲染 latex 公式 by [@Zeng-J](https://github.com/Zeng-J) |
+| card | 卡片展示 by [@whoooami](https://github.com/whoooami) |
+
+查看 [插件](https://jin-yufeng.github.io/mp-html/#/advanced/plugin) 了解更多
+
+## 许可与支持
+- 许可  
+  您可以免费的使用（包括商用）、复制或修改本组件 [MIT License](https://github.com/jin-yufeng/mp-html/blob/master/LICENSE)  
+  在用于生产环境前务必经过充分测试，由插件 `bug` 带来的损失概不负责（可以自行修改源码）  
+
+- 联系  
+  欢迎加入 `QQ` 交流群：  
+  群1（已满）：`699734691`  
+  群2（已满）：`778239129`  
+  群3：`960265313`  
+
+## 更新日志
+- v2.5.1 (20250420)
+  1. `U` `uni-app` 包适配鸿蒙 `APP` [详细](https://github.com/jin-yufeng/mp-html/issues/615)
+  2. `U` 微信小程序替换废弃 `api` `getSystemInfoSync` [详细](https://github.com/jin-yufeng/mp-html/issues/613)
+  3. `F` 修复了微信小程序 `glass-easel` 框架下真机换行异常的问题 [详细](https://github.com/jin-yufeng/mp-html/pull/607) by [@PaperStrike](https://github.com/PaperStrike)
+  4. `F` 修复了 `uni-app` 包 `app` 端播放视频可能报错的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/617)
+  5. `F` 修复了 `latex` 插件可能出现 `xxx can be used only in display mode` 的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/632)
+  6. `F` 修复了 `uni-app` 包 `latex` 公式可能不显示的问题  [#599](https://github.com/jin-yufeng/mp-html/issues/599)、[#627](https://github.com/jin-yufeng/mp-html/issues/627)
+
+- v2.5.0 (20240422)
+  1. `U` `play` 事件增加返回 `src` 等信息 [详细](https://github.com/jin-yufeng/mp-html/issues/526)
+  2. `U` `preview-img` 属性支持设置为 `all` 开启 `base64` 图片预览 [详细](https://github.com/jin-yufeng/mp-html/issues/536)
+  3. `U` `editable` 插件增加简易模式（点击文字直接编辑）
+  4. `U` `latex` 插件支持块级公式 [详细](https://github.com/jin-yufeng/mp-html/issues/582)
+  5. `F` 修复了表格部分情况下背景丢失的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/587)
+  6. `F` 修复了部分 `svg` 无法显示的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/591)
+  7. `F` 修复了 `uni-app` 包 `h5` 和 `app` 端部分情况下样式无法识别的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/518)
+  8. `F` 修复了 `latex` 插件部分情况下显示不正确的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/580)
+  9. `F` 修复了 `editable` 插件表格无法删除的问题
+  10. `F` 修复了 `editable` 插件 `uni-app` 包 `vue3` `h5` 端点击图片报错的问题
+  11. `F` 修复了 `editable` 插件 `uni-app` 包点击表格没有菜单栏的问题
+
+  从 `1.x` 的升级方法可见 [更新指南](https://jin-yufeng.github.io/mp-html/#/changelog/changelog?id=v200)
+
+查看 [更新日志](https://jin-yufeng.github.io/mp-html/#/changelog/changelog) 了解更多
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-alipay/index.acss b/wechat-mini-program/node_modules/mp-html/dist/mp-alipay/index.acss
new file mode 100644
index 0000000..5f74d06
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-alipay/index.acss
@@ -0,0 +1 @@
+._root{padding:1px 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}._select{-webkit-user-select:text;user-select:text}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-alipay/index.axml b/wechat-mini-program/node_modules/mp-html/dist/mp-alipay/index.axml
new file mode 100644
index 0000000..318219b
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-alipay/index.axml
@@ -0,0 +1 @@
+<view class="_root {{selectable?'_select':''}}" style="{{containerStyle}}"><slot a:if="{{!nodes[0]}}"/><node id="_root" childs="{{nodes}}" opts="{{[lazyLoad,loadingImg,errorImg,showImgMenu,selectable]}}" onAdd="_add"/></view>
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-alipay/index.js b/wechat-mini-program/node_modules/mp-html/dist/mp-alipay/index.js
new file mode 100644
index 0000000..1e2fdad
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-alipay/index.js
@@ -0,0 +1,8 @@
+"use strict";function e(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}/*!
+ * mp-html v2.5.1
+ * https://github.com/jin-yufeng/mp-html
+ *
+ * Released under the MIT license
+ * Author: Jin Yufeng
+ */
+var t=require("./parser"),n=[];Component({data:{nodes:[]},props:{containerStyle:"",content:"",copyLink:!0,domain:"",errorImg:"",lazyLoad:!1,loadingImg:"",pauseVideo:!0,previewImg:!0,scrollTable:!1,setTitle:!0,showImgMenu:!0,tagStyle:{}},didMount:function(){this.plugins=[];for(var e=n.length;e--;)this.plugins.push(new n[e](this));this.props.content&&this.setContent(this.props.content)},didUpdate:function(e){e.content!==this.props.content&&this.setContent(this.props.content)},didUnmount:function(){this._hook("onDetached")},methods:{in:function(e,t,n){e&&t&&n&&(this._in={page:e,selector:t,scrollTop:n})},navigateTo:function(t,n){var i=this;return new Promise(function(o,r){if(!i.props.useAnchor)return void r(Error("Anchor is disabled"));var s=my.createSelectorQuery().select((i._in?i._in.selector:"._root")+(t?"".concat(" ","#").concat(t):"")).boundingClientRect();i._in?s.select(i._in.selector).scrollOffset().select(i._in.selector).boundingClientRect():s.selectViewport().scrollOffset(),s.exec(function(t){if(!t[0])return void r(Error("Label not found"));var s=t[1].scrollTop+t[0].top-(t[2]?t[2].top:0)+(n||parseInt(i.props.useAnchor)||0);i._in?i._in.page.setData(e({},i._in.scrollTop,s)):my.pageScrollTo({scrollTop:s,duration:300}),o()})})},getText:function(e){var t="";return function e(n){for(var i=0;i<n.length;i++){var o=n[i];if("text"===o.type)t+=o.text.replace(/&amp;/g,"&");else if("br"===o.name)t+="\n";else{var r="p"===o.name||"div"===o.name||"tr"===o.name||"li"===o.name||"h"===o.name[0]&&o.name[1]>"0"&&o.name[1]<"7";r&&t&&"\n"!==t[t.length-1]&&(t+="\n"),o.children&&e(o.children),r&&"\n"!==t[t.length-1]?t+="\n":"td"!==o.name&&"th"!==o.name||(t+="\t")}}}(e||this.data.nodes),t},getRect:function(){return new Promise(function(e,t){my.createSelectorQuery().select("._root").boundingClientRect().exec(function(n){return n[0]?e(n[0]):t(Error("Root label not found"))})})},pauseMedia:function(){for(var e=(this._videos||[]).length;e--;)this._videos[e].pause()},setPlaybackRate:function(e){this.playbackRate=e;for(var t=(this._videos||[]).length;t--;)this._videos[t].playbackRate(e)},setContent:function(e,n){var i=this;this.imgList&&n||(this.imgList=[]),this._videos=[];var o={},r=new t(this).parse(e);if(n)for(var s=this.data.nodes.length,a=r.length;a--;)o["nodes[".concat(s+a,"]")]=r[a];else o.nodes=r;if(this.setData(o,function(){i._hook("onLoad"),i.props.onLoad&&i.props.onLoad()}),this.props.lazyLoad||this.imgList._unloadimgs<this.imgList.length/2){var l=0,c=function e(t){t&&t.height||(t={}),t.height===l?i.props.onReady&&i.props.onReady(t):(l=t.height,setTimeout(function(){i.getRect().then(e).catch(e)},350))};this.getRect().then(c).catch(c)}else this.imgList._unloadimgs||this.getRect().then(function(e){i.props.onReady&&i.props.onReady(e)}).catch(function(){i.props.onReady&&i.props.onReady({})})},_hook:function(e){for(var t=n.length;t--;)this.plugins[t][e]&&this.plugins[t][e]()},_add:function(e){e.root=this}}});
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-alipay/index.json b/wechat-mini-program/node_modules/mp-html/dist/mp-alipay/index.json
new file mode 100644
index 0000000..36b626e
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-alipay/index.json
@@ -0,0 +1 @@
+{"component":true,"usingComponents":{"node":"./node/node"}}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-alipay/node/node.acss b/wechat-mini-program/node_modules/mp-html/dist/mp-alipay/node/node.acss
new file mode 100644
index 0000000..3b35688
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-alipay/node/node.acss
@@ -0,0 +1 @@
+._a{padding:1.5px 0 1.5px 0;color:#366092;word-break:break-all}._hover{text-decoration:underline;opacity:.7}._img{max-width:100%;-webkit-touch-callout:none}._b,._strong{font-weight:700}._code{font-family:monospace}._del{text-decoration:line-through}._em,._i{font-style:italic}._h1{font-size:2em}._h2{font-size:1.5em}._h3{font-size:1.17em}._h5{font-size:.83em}._h6{font-size:.67em}._h1,._h2,._h3,._h4,._h5,._h6{display:block;font-weight:700}._ins{text-decoration:underline}._li{display:list-item}._ol{list-style-type:decimal}._ol,._ul{display:block;padding-left:40px;margin:1em 0}._q::before{content:'"'}._q::after{content:'"'}._sub{font-size:smaller;vertical-align:sub}._sup{font-size:smaller;vertical-align:super}._tbody,._tfoot,._thead{display:table-row-group}._tr{display:table-row}._td,._th{display:table-cell;vertical-align:middle}._th{font-weight:700;text-align:center}._ul{list-style-type:disc}._ul ._ul{margin:0;list-style-type:circle}._ul ._ul ._ul{list-style-type:square}._abbr,._b,._code,._del,._em,._i,._ins,._label,._q,._span,._strong,._sub,._sup{display:inline}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-alipay/node/node.axml b/wechat-mini-program/node_modules/mp-html/dist/mp-alipay/node/node.axml
new file mode 100644
index 0000000..4458f3d
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-alipay/node/node.axml
@@ -0,0 +1 @@
+<template name="el"><block a:if="{{n.name==='img'}}"><rich-text a:if="{{n.t}}" style="display:{{n.t}}" nodes="<img class='_img' style='{{n.attrs.style}}' src='{{n.attrs.src}}'>" data-i="{{i}}" catchTap="imgTap"/><block a:else><image a:if="{{(opts[1]&&!ctrl[i])||ctrl[i]<0}}" class="_img" style="{{n.attrs.style}}" src="{{ctrl[i]<0?opts[2]:opts[1]}}" mode="widthFix"/><image id="{{n.attrs.id}}" class="_img {{n.attrs.class}}" style="{{ctrl[i]===-1?'display:none;':''}}width:{{ctrl[i]||1}}px;height:1px;{{n.attrs.style}}" src="{{n.attrs.src}}" mode="{{!n.h?'widthFix':(!n.w?'heightFix':(n.m||'scaleToFill'))}}" lazy-load="{{opts[0]}}" data-i="{{i}}" onLoad="imgLoad" onError="mediaError" catchTap="imgTap" onLongTap="noop"/></block></block><text a:elif="{{n.name==='br'}}">{{'\n'}}</text><view a:elif="{{n.name==='a'}}" id="{{n.attrs.id}}" class="{{n.attrs.href?'_a ':''}}{{n.attrs.class}}" hover-class="_hover" style="display:inline;{{n.attrs.style}}" data-i="{{i}}" catchTap="linkTap"><template is="node" data="{{childs:n.children,path:i+'_',opts:opts,ctrl:ctrl}}"></template></view><video a:elif="{{n.name==='video'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" autoplay="{{n.attrs.autoplay}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" muted="{{n.attrs.muted}}" object-fit="{{n.attrs['object-fit']}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" onPlay="play" onError="mediaError"/><audio a:elif="{{n.name==='audio'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" author="{{n.attrs.author}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" name="{{n.attrs.name}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" onPlay="play" onError="mediaError"/><rich-text a:else id="{{n.attrs.id}}" style="display:inline;{{n.f}}" nodes="{{[n]}}"/></template><template name="node"><block a:for="{{childs}}" a:for-item="n" a:for-index="i" a:key="i"><template a:if="{{!n.c}}" is="el" data="{{n:n,i:path+i,opts:opts,ctrl:ctrl}}"/><view a:else id="{{n.attrs.id}}" class="_{{n.name}} {{n.attrs.class}}" style="{{n.attrs.style}}"><template is="node" data="{{childs:n.children,path:path+i+'_',opts:opts,ctrl:ctrl}}"></template></view></block></template><template is="node" data="{{childs:childs,path:'',opts:opts,ctrl:ctrl}}"></template>
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-alipay/node/node.js b/wechat-mini-program/node_modules/mp-html/dist/mp-alipay/node/node.js
new file mode 100644
index 0000000..fd633b1
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-alipay/node/node.js
@@ -0,0 +1 @@
+"use strict";function t(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,i)}return r}function e(e){for(var i=1;i<arguments.length;i++){var o=null!=arguments[i]?arguments[i]:{};i%2?t(Object(o),!0).forEach(function(t){r(e,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):t(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})}return e}function r(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}Component({data:{ctrl:{}},props:{childs:[],opts:[]},options:{addGlobalClass:!0},didMount:function(){this.props.onAdd(this)},methods:{noop:function(){},getNode:function(t){try{for(var e=t.split("_"),r=this.props.childs[e[0]],i=1;i<e.length;i++)r=r.children[e[i]];return r}catch(t){return{text:"",attrs:{},children:[]}}},play:function(t){var r=t.target.dataset.i,i=this.getNode(r);if(this.root.props.onPlay&&this.root.props.onPlay({source:i.name,attrs:e(e({},i.attrs),{},{src:i.src[this.data.ctrl[r]||0]})}),this.root.props.pauseVideo){for(var o=!1,a=t.target.id,s=this.root._videos.length;s--;)this.root._videos[s].id===a?o=!0:this.root._videos[s].pause();if(!o){var n=my.createVideoContext(a,this);n.id=a,this.root.playbackRate&&n.playbackRate(this.root.playbackRate),this.root._videos.push(n)}}},imgTap:function(t){var e=this.getNode(t.target.dataset.i);if(e.a)return this.linkTap(e.a);if(!e.attrs.ignore&&(this.root.props.onImgtap&&this.root.props.onImgtap(e.attrs),this.root.props.previewImg)){var r=e.i;my.previewImage({enablesavephoto:this.root.props.showImgMenu,enableShowPhotoDownload:this.root.props.showImgMenu,current:r,urls:this.root.imgList})}},imgLoad:function(t){var e,i=t.target.dataset.i,o=this.getNode(i);o.w?(this.props.opts[1]&&!this.data.ctrl[i]||-1===this.data.ctrl[i])&&(e=1):e=t.detail.width,e&&this.setData(r({},"ctrl."+i,e)),this.checkReady()},checkReady:function(){var t=this;this.root.props.lazyLoad||(this.root.imgList._unloadimgs-=1,this.root.imgList._unloadimgs||setTimeout(function(){t.root.getRect().then(function(e){t.root.props.onReady&&t.root.props.onReady(e)}).catch(function(){t.root.props.onReady&&t.root.props.onReady({})})},350))},linkTap:function(t){var e=t.currentTarget?this.getNode(t.currentTarget.dataset.i):{},r=e.attrs||t,i=r.href;this.root.props.onLinktap&&this.root.props.onLinktap(Object.assign({innerText:this.root.getText(e.children||[])},r)),i&&("#"===i[0]?this.root.navigateTo(i.substring(1)).catch(function(){}):i.split("?")[0].includes("://")?this.root.props.copyLink&&my.setClipboard({text:i,success:function(){return my.showToast({content:"链接已复制"})}}):my.navigateTo({url:i,fail:function(){my.switchTab({url:i,fail:function(){}})}}))},mediaError:function(t){var e=t.target.dataset.i,i=this.getNode(e);if("video"===i.name||"audio"===i.name){var o=(this.data.ctrl[e]||0)+1;if(o>i.src.length&&(o=0),o<i.src.length)return this.setData(r({},"ctrl."+e,o))}else"img"===i.name&&(this.props.opts[2]&&this.setData(r({},"ctrl."+e,-1)),this.checkReady());this.root&&this.root.props.onError&&this.root.props.onError({source:i.name,attrs:i.attrs,errMsg:t.detail.errMsg})}}});
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-alipay/node/node.json b/wechat-mini-program/node_modules/mp-html/dist/mp-alipay/node/node.json
new file mode 100644
index 0000000..36f7ff7
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-alipay/node/node.json
@@ -0,0 +1 @@
+{"component":true,"usingComponents":{"node":"./node"}}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-alipay/parser.js b/wechat-mini-program/node_modules/mp-html/dist/mp-alipay/parser.js
new file mode 100644
index 0000000..dda9c9c
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-alipay/parser.js
@@ -0,0 +1 @@
+"use strict";function t(t,e){var s;if("undefined"==typeof Symbol||null==t[Symbol.iterator]){if(Array.isArray(t)||(s=i(t))||e&&t&&"number"==typeof t.length){s&&(t=s);var n=0,a=function(){};return{s:a,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,l=!1;return{s:function(){s=t[Symbol.iterator]()},n:function(){var t=s.next();return o=t.done,t},e:function(t){l=!0,r=t},f:function(){try{o||null==s.return||s.return()}finally{if(l)throw r}}}}function i(t,i){if(t){if("string"==typeof t)return e(t,i);var s=Object.prototype.toString.call(t).slice(8,-1);return"Object"===s&&t.constructor&&(s=t.constructor.name),"Map"===s||"Set"===s?Array.from(t):"Arguments"===s||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s)?e(t,i):void 0}}function e(t,i){(null==i||i>t.length)&&(i=t.length);for(var e=0,s=new Array(i);e<i;e++)s[e]=t[e];return s}function s(t){for(var i=Object.create(null),e=t.split(","),s=e.length;s--;)i[e[s]]=!0;return i}function n(t,i){for(var e=t.indexOf("&");-1!==e;){var s=t.indexOf(";",e+3),n=void 0;if(-1===s)break;"#"===t[e+1]?(n=parseInt(("x"===t[e+2]?"0":"")+t.substring(e+2,s)),isNaN(n)||(t=t.substr(0,e)+String.fromCharCode(n)+t.substr(s+1))):(n=t.substring(e+1,s),(l.entities[n]||"amp"===n&&i)&&(t=t.substr(0,e)+(l.entities[n]||"&")+t.substr(s+1))),e=t.indexOf("&",e+1)}return t}function a(t){for(var i=t.length-1,e=i;e>=-1;e--)(-1===e||t[e].c||!t[e].name||"div"!==t[e].name&&"p"!==t[e].name&&"h"!==t[e].name[0]||(t[e].attrs.style||"").includes("inline"))&&(i-e>=5&&t.splice(e+1,i-e,{name:"div",attrs:{},children:t.slice(e+1,i+1)}),i=e-1)}function r(t){this.options=t.props||{},this.tagStyle=Object.assign({},l.tagStyle,this.options.tagStyle),this.imgList=t.imgList||[],this.imgList._unloadimgs=0,this.plugins=t.plugins||[],this.attrs=Object.create(null),this.stack=[],this.nodes=[],this.pre=(this.options.containerStyle||"").includes("white-space")&&this.options.containerStyle.includes("pre")?2:0}function o(t){this.handler=t}var l={trustTags:s("a,abbr,ad,audio,b,blockquote,br,code,col,colgroup,dd,del,dl,dt,div,em,fieldset,h1,h2,h3,h4,h5,h6,hr,i,img,ins,label,legend,li,ol,p,q,ruby,rt,source,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,title,ul,video"),blockTags:s("address,article,aside,body,caption,center,cite,footer,header,html,nav,pre,section"),ignoreTags:s("area,base,canvas,embed,frame,head,iframe,input,link,map,meta,param,rp,script,source,style,textarea,title,track,wbr"),voidTags:s("area,base,br,col,circle,ellipse,embed,frame,hr,img,input,line,link,meta,param,path,polygon,rect,source,track,use,wbr"),entities:{lt:"<",gt:">",quot:'"',apos:"'",ensp:" ",emsp:" ",nbsp:" ",semi:";",ndash:"–",mdash:"—",middot:"·",lsquo:"‘",rsquo:"’",ldquo:"“",rdquo:"”",bull:"•",hellip:"…",larr:"←",uarr:"↑",rarr:"→",darr:"↓"},tagStyle:{address:"font-style:italic",big:"display:inline;font-size:1.2em",caption:"display:table-caption;text-align:center",center:"text-align:center",cite:"font-style:italic",dd:"margin-left:40px",mark:"background-color:yellow",pre:"font-family:monospace;white-space:pre",s:"text-decoration:line-through",small:"display:inline;font-size:0.8em",strike:"text-decoration:line-through",u:"text-decoration:underline"},svgDict:{animatetransform:"animateTransform",lineargradient:"linearGradient",viewbox:"viewBox",attributename:"attributeName",repeatcount:"repeatCount",repeatdur:"repeatDur",foreignobject:"foreignObject"}},h={},c,d,p=my.getSystemInfoSync();c=p.windowWidth;var u=s(" ,\r,\n,\t,\f"),f=0;r.prototype.parse=function(t){for(var i=this.plugins.length;i--;)this.plugins[i].onUpdate&&(t=this.plugins[i].onUpdate(t,l)||t);for(new o(this).parse(t);this.stack.length;)this.popNode();return this.nodes.length>50&&a(this.nodes),this.nodes},r.prototype.expose=function(){for(var t=this.stack.length;t--;){var i=this.stack[t];if(i.c||"a"===i.name||"video"===i.name||"audio"===i.name)return;i.c=1}},r.prototype.hook=function(t){for(var i=this.plugins.length;i--;)if(this.plugins[i].onParse&&!1===this.plugins[i].onParse(t,this))return!1;return!0},r.prototype.getUrl=function(t){var i=this.options.domain;return"/"===t[0]?"/"===t[1]?t=(i?i.split("://")[0]:"http")+":"+t:i&&(t=i+t):!i||t.includes("data:")||t.includes("://")||(t=i+"/"+t),t},r.prototype.parseStyle=function(t){var i=t.attrs,e=(this.tagStyle[t.name]||"").split(";").concat((i.style||"").split(";")),s={},n="";i.id&&!this.xml&&(this.options.useAnchor?this.expose():"img"!==t.name&&"a"!==t.name&&"video"!==t.name&&"audio"!==t.name&&(i.id=void 0)),i.width&&(s.width=parseFloat(i.width)+(i.width.includes("%")?"%":"px"),i.width=void 0),i.height&&(s.height=parseFloat(i.height)+(i.height.includes("%")?"%":"px"),i.height=void 0);for(var a=0,r=e.length;a<r;a++){var o=e[a].split(":");if(!(o.length<2)){var l=o.shift().trim().toLowerCase(),h=o.join(":").trim();if("-"===h[0]&&h.lastIndexOf("-")>0||h.includes("safe"))n+=";".concat(l,":").concat(h);else if(!s[l]||h.includes("import")||!s[l].includes("import")){if(h.includes("url")){var d=h.indexOf("(")+1;if(d){for(;'"'===h[d]||"'"===h[d]||u[h[d]];)d++;h=h.substr(0,d)+this.getUrl(h.substr(d))}}else h.includes("rpx")&&(h=h.replace(/[0-9.]+\s*rpx/g,function(t){return parseFloat(t)*c/750+"px"}));s[l]=h}}}return t.attrs.style=n,s},r.prototype.onTagName=function(t){this.tagName=this.xml?t:t.toLowerCase(),"svg"===this.tagName&&(this.xml=(this.xml||0)+1,l.ignoreTags.style=void 0)},r.prototype.onAttrName=function(t){t=this.xml?t:t.toLowerCase(),"data-"===t.substr(0,5)?"data-src"!==t||this.attrs.src?"img"===this.tagName||"a"===this.tagName?this.attrName=t:this.attrName=void 0:this.attrName="src":(this.attrName=t,this.attrs[t]="T")},r.prototype.onAttrVal=function(t){var i=this.attrName||"";"style"===i||"href"===i?this.attrs[i]=n(t,!0):i.includes("src")?this.attrs[i]=this.getUrl(n(t,!0)):i&&(this.attrs[i]=t)},r.prototype.onOpenTag=function(t){var i=Object.create(null);i.name=this.tagName,i.attrs=this.attrs,this.attrs=Object.create(null);var e=i.attrs,s=this.stack[this.stack.length-1],n=s?s.children:this.nodes,a=this.xml?t:l.voidTags[i.name];if(h[i.name]&&(e.class=h[i.name]+(e.class?" "+e.class:"")),"embed"===i.name){var r=e.src||"";r.includes(".mp4")||r.includes(".3gp")||r.includes(".m3u8")||(e.type||"").includes("video")?i.name="video":(r.includes(".mp3")||r.includes(".wav")||r.includes(".aac")||r.includes(".m4a")||(e.type||"").includes("audio"))&&(i.name="audio"),e.autostart&&(e.autoplay="T"),e.controls="T"}if("video"!==i.name&&"audio"!==i.name||("video"!==i.name||e.id||(e.id="v"+f++),e.controls||e.autoplay||(e.controls="T"),i.src=[],e.src&&(i.src.push(e.src),e.src=void 0),this.expose()),a){if(!this.hook(i)||l.ignoreTags[i.name])return void("base"!==i.name||this.options.domain?"source"===i.name&&s&&("video"===s.name||"audio"===s.name)&&e.src&&s.src.push(e.src):this.options.domain=e.href);var o=this.parseStyle(i);if("img"===i.name){if(e.src&&(e.src.includes("webp")&&(i.webp="T"),e.src.includes("data:")&&"all"!==this.options.previewImg&&!e["original-src"]&&(e.ignore="T"),!e.ignore||i.webp||e.src.includes("cloud://"))){for(var d=this.stack.length;d--;){var p=this.stack[d];"table"!==p.name||i.webp||e.src.includes("cloud://")||(!o.display||o.display.includes("inline")?i.t="inline-block":i.t=o.display,o.display=void 0);var u=p.attrs.style||"";if(!u.includes("flex:")||u.includes("flex:0")||u.includes("flex: 0")||o.width&&!(parseInt(o.width)>100))if(u.includes("flex")&&"100%"===o.width)for(var g=d+1;g<this.stack.length;g++){var m=this.stack[g].attrs.style||"";if(!m.includes(";width")&&!m.includes(" width")&&0!==m.indexOf("width")){o.width="";break}}else u.includes("inline-block")&&(o.width&&"%"===o.width[o.width.length-1]?(p.attrs.style+=";max-width:"+o.width,o.width=""):p.attrs.style+=";max-width:100%");else{o.width="100% !important",o.height="";for(var v=d+1;v<this.stack.length;v++)this.stack[v].attrs.style=(this.stack[v].attrs.style||"").replace("inline-","")}"a"===p.name?i.a=p.attrs:p.c=1}i.i=this.imgList.length;var y=e["original-src"]||e.src;this.imgList.push(y),i.t||(this.imgList._unloadimgs+=1)}"inline"===o.display&&(o.display=""),e.ignore&&(o["max-width"]=o["max-width"]||"100%",e.style+=";-webkit-touch-callout:none"),parseInt(o.width)>c&&(o.height=void 0),isNaN(parseInt(o.width))||(i.w="T"),!isNaN(parseInt(o.height))&&(!o.height.includes("%")||s&&(s.attrs.style||"").includes("height"))&&(i.h="T"),i.w&&i.h&&o["object-fit"]&&("contain"===o["object-fit"]?i.m="aspectFit":"cover"===o["object-fit"]&&(i.m="aspectFill"))}else if("svg"===i.name)return n.push(i),this.stack.push(i),void this.popNode();for(var b in o)o[b]&&(e.style+=";".concat(b,":").concat(o[b].replace(" !important","")));e.style=e.style.substr(1)||void 0}else("pre"===i.name||(e.style||"").includes("white-space")&&e.style.includes("pre"))&&2!==this.pre&&(this.pre=i.pre=1),i.children=[],this.stack.push(i);n.push(i)},r.prototype.onCloseTag=function(t){t=this.xml?t:t.toLowerCase();var i;for(i=this.stack.length;i--&&this.stack[i].name!==t;);if(-1!==i)for(;this.stack.length>i;)this.popNode();else if("p"===t||"br"===t){var e=this.stack.length?this.stack[this.stack.length-1].children:this.nodes;e.push({name:t,attrs:{class:h[t],style:this.tagStyle[t]}})}},r.prototype.popNode=function(){var i=this.stack.pop(),e=i.attrs,s=i.children,n=this.stack[this.stack.length-1],r=n?n.children:this.nodes;if(!this.hook(i)||l.ignoreTags[i.name])return"title"===i.name&&s.length&&"text"===s[0].type&&this.options.setTitle&&my.setNavigationBar({title:s[0].text}),void r.pop();if(i.pre&&2!==this.pre){this.pre=i.pre=void 0;for(var o=this.stack.length;o--;)this.stack[o].pre&&(this.pre=1)}if("svg"===i.name){if(this.xml>1)return void this.xml--;var h="",d=e.style;return e.style="",e.xmlns="http://www.w3.org/2000/svg",function i(e){if("text"===e.type)return void(h+=e.text);var s=l.svgDict[e.name]||e.name;if("foreignObject"===s){var n,a=t(e.children||[]);try{for(a.s();!(n=a.n()).done;){var r=n.value;if(r.attrs&&!r.attrs.xmlns){r.attrs.xmlns="http://www.w3.org/1999/xhtml";break}}}catch(t){a.e(t)}finally{a.f()}}h+="<"+s;for(var o in e.attrs){var c=e.attrs[o];c&&(h+=" ".concat(l.svgDict[o]||o,'="').concat(c.replace(/"/g,""),'"'))}if(e.children){h+=">";for(var d=0;d<e.children.length;d++)i(e.children[d]);h+="</"+s+">"}else h+="/>"}(i),i.name="img",i.attrs={src:"data:image/svg+xml;utf8,"+h.replace(/#/g,"%23"),style:d,ignore:"T"},i.children=void 0,this.xml=!1,void(l.ignoreTags.style=!0)}var p={};if(e.align&&("table"===i.name?"center"===e.align?p["margin-inline-start"]=p["margin-inline-end"]="auto":p.float=e.align:p["text-align"]=e.align,e.align=void 0),e.dir&&(p.direction=e.dir,e.dir=void 0),"font"===i.name&&(e.color&&(p.color=e.color,e.color=void 0),e.face&&(p["font-family"]=e.face,e.face=void 0),e.size)){var u=parseInt(e.size);isNaN(u)||(u<1?u=1:u>7&&(u=7),p["font-size"]=["x-small","small","medium","large","x-large","xx-large","xxx-large"][u-1]),e.size=void 0}if((e.class||"").includes("align-center")&&(p["text-align"]="center"),Object.assign(p,this.parseStyle(i)),"table"!==i.name&&parseInt(p.width)>c&&(p["max-width"]="100%",p["box-sizing"]="border-box"),l.blockTags[i.name])i.name="div";else if(l.trustTags[i.name]||this.xml)if("a"===i.name||"ad"===i.name)this.expose();else if("video"===i.name||"audio"===i.name)(p.height||"").includes("auto")&&(p.height=void 0),i.children=void 0;else if("ul"!==i.name&&"ol"!==i.name||!i.c)if("table"===i.name){var f=parseFloat(e.cellpadding),g=parseFloat(e.cellspacing),m=parseFloat(e.border),v=p["border-color"],y=p["border-style"];if(i.c&&(isNaN(f)&&(f=2),isNaN(g)&&(g=2)),m&&(e.style+=";border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray")),i.flag&&i.c){i.flag=void 0,p.display="grid","collapse"===p["border-collapse"]&&(p["border-collapse"]=void 0,g=0),g?(p["grid-gap"]=g+"px",p.padding=g+"px"):m&&(e.style+=";border-left:0;border-top:0");var b=[],x=[],w=[],k={};!function i(e){for(var s=0;s<e.length;s++)if("tr"===e[s].name)x.push(e[s]);else if("colgroup"===e[s].name){var n,a=1,r=t(e[s].children||[]);try{for(r.s();!(n=r.n()).done;){var o=n.value;if("col"===o.name){var l=o.attrs.style||"",h=l.indexOf("width")?l.indexOf(";width"):0;if(-1!==h){var c=l.indexOf(";",h+6);-1===c&&(c=l.length),b[a]=l.substring(h?h+7:6,c)}a+=1}}}catch(t){r.e(t)}finally{r.f()}}else i(e[s].children||[])}(s);for(var N=1;N<=x.length;N++){for(var T=1,O=0;O<x[N-1].children.length;O++){var j=x[N-1].children[O];if("td"===j.name||"th"===j.name){for(;k[N+"."+T];)T++;j.c=1;var S=j.attrs.style||"",A=S.indexOf("width")?S.indexOf(";width"):0;if(-1!==A){var C=S.indexOf(";",A+6);-1===C&&(C=S.length),j.attrs.colspan||(b[T]=S.substring(A?A+7:6,C)),S=S.substr(0,A)+S.substr(C)}if(S+=";display:flex;flex-direction:column",-1!==(A=S.indexOf("vertical-align"))){var I=S.substr(A+15,10);I.includes("middle")?S+=";justify-content:center":I.includes("bottom")&&(S+=";justify-content:flex-end")}else S+=";justify-content:center";if(-1!==(A=S.indexOf("text-align"))){var z=S.substr(A+11,10);z.includes("center")?S+=";justify-content: center":z.includes("right")&&(S+=";justify-content: right")}if(S=(m?";border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray")+(g?"":";border-right:0;border-bottom:0"):"")+(f?";padding:".concat(f,"px"):"")+";"+S,j.attrs.colspan&&(S+=";grid-column-start:".concat(T,";grid-column-end:").concat(T+parseInt(j.attrs.colspan)),j.attrs.rowspan||(S+=";grid-row-start:".concat(N,";grid-row-end:").concat(N+1)),T+=parseInt(j.attrs.colspan)-1),j.attrs.rowspan){S+=";grid-row-start:".concat(N,";grid-row-end:").concat(N+parseInt(j.attrs.rowspan)),j.attrs.colspan||(S+=";grid-column-start:".concat(T,";grid-column-end:").concat(T+1));for(var L=1;L<j.attrs.rowspan;L++)for(var F=0;F<(j.attrs.colspan||1);F++)k[N+L+"."+(T-F)]=1}S&&(j.attrs.style=S),w.push(j),T++}}if(1===N){for(var q="",U=1;U<T;U++)q+=(b[U]?b[U]:"auto")+" ";p["grid-template-columns"]=q}}i.children=w}else i.c&&(p.display="table"),isNaN(g)||(p["border-spacing"]=g+"px"),(m||f||i.c)&&function t(e){for(var s=0;s<e.length;s++){var n=e[s];i.c&&(n.c=1),"th"===n.name||"td"===n.name?(m&&(n.attrs.style="border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray",";").concat(n.attrs.style||"")),f&&(n.attrs.style="padding:".concat(f,"px;").concat(n.attrs.style||""))):n.children&&t(n.children)}}(s);if(this.options.scrollTable&&!(e.style||"").includes("inline")){var V=Object.assign({},i);i.name="div",i.attrs={style:"overflow-x:auto;padding:1px"},i.children=[V],e=V.attrs}}else if(("tbody"===i.name||"tr"===i.name)&&i.flag&&i.c)i.flag=void 0,function t(i){for(var e=0;e<i.length;e++)if("td"===i[e].name)for(var s=0,n=["color","background","background-color"];s<n.length;s++){var a=n[s];p[a]&&(i[e].attrs.style=a+":"+p[a]+";"+(i[e].attrs.style||""))}else t(i[e].children||[])}(s);else if("td"!==i.name&&"th"!==i.name||!e.colspan&&!e.rowspan){if("ruby"===i.name){i.name="span";for(var D=0;D<s.length-1;D++)"text"===s[D].type&&"rt"===s[D+1].name&&(s[D]={name:"span",attrs:{style:"display:inline-block;text-align:center"},children:[{name:"div",attrs:{style:"font-size:50%;"+(s[D+1].attrs.style||"")},children:s[D+1].children},s[D]]},s.splice(D+1,1))}}else for(var B=this.stack.length;B--;)"table"!==this.stack[B].name&&"tbody"!==this.stack[B].name&&"tr"!==this.stack[B].name||(this.stack[B].flag=1);else{var P={a:"lower-alpha",A:"upper-alpha",i:"lower-roman",I:"upper-roman"};P[e.type]&&(e.style+=";list-style-type:"+P[e.type],e.type=void 0),i.c=1;for(var Z=s.length;Z--;)"li"===s[Z].name&&(s[Z].c=1)}else i.name="span";if((p.display||"").includes("flex")&&!i.c)for(var _=s.length;_--;){var E=s[_];E.f&&(E.attrs.style=(E.attrs.style||"")+E.f,E.f=void 0)}var G=n&&((n.attrs.style||"").includes("flex")||(n.attrs.style||"").includes("grid"))&&!i.c;G&&(i.f=";max-width:100%"),s.length>=50&&i.c&&!(p.display||"").includes("flex")&&a(s);for(var M in p)if(p[M]){var W=";".concat(M,":").concat(p[M].replace(" !important",""));G&&(M.includes("flex")&&"flex-direction"!==M||"align-self"===M||M.includes("grid")||"-"===p[M][0]||M.includes("width")&&W.includes("%"))?(i.f+=W,"width"===M&&(e.style+=";width:100%")):e.style+=W}e.style=e.style.substr(1)||void 0},r.prototype.onText=function(t){if(!this.pre){for(var i,e="",s=0,a=t.length;s<a;s++)u[t[s]]?(" "!==e[e.length-1]&&(e+=" "),"\n"!==t[s]||i||(i=!0)):e+=t[s];if(" "===e&&i)return;t=e}var r=Object.create(null);if(r.type="text",r.text=n(t),this.hook(r)){(this.stack.length?this.stack[this.stack.length-1].children:this.nodes).push(r)}},o.prototype.parse=function(t){this.content=t||"",this.i=0,this.start=0,this.state=this.text;for(var i=this.content.length;-1!==this.i&&this.i<i;)this.state()},o.prototype.checkClose=function(t){var i="/"===this.content[this.i];return!!(">"===this.content[this.i]||i&&">"===this.content[this.i+1])&&(t&&this.handler[t](this.content.substring(this.start,this.i)),this.i+=i?2:1,this.start=this.i,this.handler.onOpenTag(i),"script"===this.handler.tagName?(this.i=this.content.indexOf("</",this.i),-1!==this.i&&(this.i+=2,this.start=this.i),this.state=this.endTag):this.state=this.text,!0)},o.prototype.text=function(){if(this.i=this.content.indexOf("<",this.i),-1===this.i)return void(this.start<this.content.length&&this.handler.onText(this.content.substring(this.start,this.content.length)));var t=this.content[this.i+1];if(t>="a"&&t<="z"||t>="A"&&t<="Z")this.start!==this.i&&this.handler.onText(this.content.substring(this.start,this.i)),this.start=++this.i,this.state=this.tagName;else if("/"===t||"!"===t||"?"===t){this.start!==this.i&&this.handler.onText(this.content.substring(this.start,this.i));var i=this.content[this.i+2];if("/"===t&&(i>="a"&&i<="z"||i>="A"&&i<="Z"))return this.i+=2,this.start=this.i,void(this.state=this.endTag);var e="--\x3e";"!"===t&&"-"===this.content[this.i+2]&&"-"===this.content[this.i+3]||(e=">"),this.i=this.content.indexOf(e,this.i),-1!==this.i&&(this.i+=e.length,this.start=this.i)}else this.i++},o.prototype.tagName=function(){if(u[this.content[this.i]]){for(this.handler.onTagName(this.content.substring(this.start,this.i));u[this.content[++this.i]];);this.i<this.content.length&&!this.checkClose()&&(this.start=this.i,this.state=this.attrName)}else this.checkClose("onTagName")||this.i++},o.prototype.attrName=function(){var t=this.content[this.i];if(u[t]||"="===t){this.handler.onAttrName(this.content.substring(this.start,this.i));for(var i="="===t,e=this.content.length;++this.i<e;)if(t=this.content[this.i],!u[t]){if(this.checkClose())return;if(i)return this.start=this.i,void(this.state=this.attrVal);if("="!==this.content[this.i])return this.start=this.i,void(this.state=this.attrName);i=!0}}else this.checkClose("onAttrName")||this.i++},o.prototype.attrVal=function(){var t=this.content[this.i],i=this.content.length;if('"'===t||"'"===t){if(this.start=++this.i,this.i=this.content.indexOf(t,this.i),-1===this.i)return;this.handler.onAttrVal(this.content.substring(this.start,this.i))}else for(;this.i<i;this.i++){if(u[this.content[this.i]]){this.handler.onAttrVal(this.content.substring(this.start,this.i));break}if(this.checkClose("onAttrVal"))return}for(;u[this.content[++this.i]];);this.i<i&&!this.checkClose()&&(this.start=this.i,this.state=this.attrName)},o.prototype.endTag=function(){var t=this.content[this.i];if(u[t]||">"===t||"/"===t){if(this.handler.onCloseTag(this.content.substring(this.start,this.i)),">"!==t&&(this.i=this.content.indexOf(">",this.i),-1===this.i))return;this.start=++this.i,this.state=this.text}else this.i++},module.exports=r;
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-baidu/index.css b/wechat-mini-program/node_modules/mp-html/dist/mp-baidu/index.css
new file mode 100644
index 0000000..5f74d06
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-baidu/index.css
@@ -0,0 +1 @@
+._root{padding:1px 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}._select{-webkit-user-select:text;user-select:text}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-baidu/index.js b/wechat-mini-program/node_modules/mp-html/dist/mp-baidu/index.js
new file mode 100644
index 0000000..5f4d5ad
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-baidu/index.js
@@ -0,0 +1,8 @@
+"use strict";function e(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}/*!
+ * mp-html v2.5.1
+ * https://github.com/jin-yufeng/mp-html
+ *
+ * Released under the MIT license
+ * Author: Jin Yufeng
+ */
+var t=require("./parser"),n=[];Component({data:{nodes:[]},properties:{containerStyle:String,content:{type:String,value:"",observer:function(e){this.setContent(e)}},copyLink:{type:Boolean,value:!0},domain:String,errorImg:String,lazyLoad:Boolean,loadingImg:String,pauseVideo:{type:Boolean,value:!0},previewImg:{type:null,value:!0},scrollTable:Boolean,selectable:null,setTitle:{type:Boolean,value:!0},showImgMenu:{type:Boolean,value:!0},tagStyle:Object,useAnchor:null},created:function(){this.plugins=[];for(var e=n.length;e--;)this.plugins.push(new n[e](this))},detached:function(){this._hook("onDetached")},methods:{in:function(e,t,n){e&&t&&n&&(this._in={page:e,selector:t,scrollTop:n})},navigateTo:function(t,n){var i=this;return new Promise(function(o,r){if(!i.data.useAnchor)return void r(Error("Anchor is disabled"));var a=swan.createSelectorQuery().in(i._in?i._in.page:i).select((i._in?i._in.selector:"._root")+(t?"".concat(" ","#").concat(t):"")).boundingClientRect();i._in?a.select(i._in.selector).scrollOffset().select(i._in.selector).boundingClientRect():a.selectViewport().scrollOffset(),a.exec(function(t){if(!t[0])return void r(Error("Label not found"));var a=t[1].scrollTop+t[0].top-(t[2]?t[2].top:0)+(n||parseInt(i.data.useAnchor)||0);i._in?i._in.page.setData(e({},i._in.scrollTop,a)):swan.pageScrollTo({scrollTop:a,duration:300}),o()})})},getText:function(e){var t="";return function e(n){for(var i=0;i<n.length;i++){var o=n[i];if("text"===o.type)t+=o.text.replace(/&amp;/g,"&");else if("br"===o.name)t+="\n";else{var r="p"===o.name||"div"===o.name||"tr"===o.name||"li"===o.name||"h"===o.name[0]&&o.name[1]>"0"&&o.name[1]<"7";r&&t&&"\n"!==t[t.length-1]&&(t+="\n"),o.children&&e(o.children),r&&"\n"!==t[t.length-1]?t+="\n":"td"!==o.name&&"th"!==o.name||(t+="\t")}}}(e||this.data.nodes),t},getRect:function(){var e=this;return new Promise(function(t,n){swan.createSelectorQuery().in(e).select("._root").boundingClientRect().exec(function(e){return e[0]?t(e[0]):n(Error("Root label not found"))})})},pauseMedia:function(){for(var e=(this._videos||[]).length;e--;)this._videos[e].pause()},setPlaybackRate:function(e){this.playbackRate=e;for(var t=(this._videos||[]).length;t--;)this._videos[t].playbackRate(e)},setContent:function(e,n){var i=this;this.imgList&&n||(this.imgList=[]),this._videos=[];var o={},r=new t(this).parse(e);if(n)for(var a=this.data.nodes.length,s=r.length;s--;)o["nodes[".concat(a+s,"]")]=r[s];else o.nodes=r;if(this.setData(o,function(){i._hook("onLoad"),i.triggerEvent("load")}),this.data.lazyLoad||this.imgList._unloadimgs<this.imgList.length/2){var l=0,c=function e(t){t&&t.height||(t={}),t.height===l?i.triggerEvent("ready",t):(l=t.height,setTimeout(function(){i.getRect().then(e).catch(e)},350))};this.getRect().then(c).catch(c)}else this.imgList._unloadimgs||this.getRect().then(function(e){i.triggerEvent("ready",e)}).catch(function(){i.triggerEvent("ready",{})})},_hook:function(e){for(var t=n.length;t--;)this.plugins[t][e]&&this.plugins[t][e]()},_add:function(e){e.detail.root=this}}});
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-baidu/index.json b/wechat-mini-program/node_modules/mp-html/dist/mp-baidu/index.json
new file mode 100644
index 0000000..36b626e
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-baidu/index.json
@@ -0,0 +1 @@
+{"component":true,"usingComponents":{"node":"./node/node"}}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-baidu/index.swan b/wechat-mini-program/node_modules/mp-html/dist/mp-baidu/index.swan
new file mode 100644
index 0000000..1bc7264
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-baidu/index.swan
@@ -0,0 +1 @@
+<view class="_root {{selectable?'_select':''}}" style="{{containerStyle}}"><slot s-if="!nodes[0]"/><node id="_root" childs="{{nodes}}" opts="{{[lazyLoad,loadingImg,errorImg,showImgMenu,selectable]}}" catchadd="_add"/></view>
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-baidu/node/node.css b/wechat-mini-program/node_modules/mp-html/dist/mp-baidu/node/node.css
new file mode 100644
index 0000000..43a2fab
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-baidu/node/node.css
@@ -0,0 +1 @@
+._a{padding:1.5px 0 1.5px 0;color:#366092;word-break:break-all}._hover{text-decoration:underline;opacity:.7}._img{max-width:100%;-webkit-touch-callout:none}._b,._strong{font-weight:700}._code{font-family:monospace}._del{text-decoration:line-through}._em,._i{font-style:italic}._h1{font-size:2em}._h2{font-size:1.5em}._h3{font-size:1.17em}._h5{font-size:.83em}._h6{font-size:.67em}._h1,._h2,._h3,._h4,._h5,._h6{display:block;font-weight:700}._ins{text-decoration:underline}._li{display:list-item}._ol{list-style-type:decimal}._ol,._ul{display:block;padding-left:40px;margin:1em 0}._q::before{content:'"'}._q::after{content:'"'}._sub{font-size:smaller;vertical-align:sub}._sup{font-size:smaller;vertical-align:super}._tbody,._tfoot,._thead{display:table-row-group}._tr{display:table-row}._td,._th{display:table-cell;vertical-align:middle}._th{font-weight:700;text-align:center}._ul{list-style-type:disc}._ul ._ul{margin:0;list-style-type:circle}._ul ._ul ._ul{list-style-type:square}._abbr,._b,._code,._del,._em,._i,._ins,._label,._q,._span,._strong,._sub,._sup{display:inline}._blockquote,._div,._p{display:block}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-baidu/node/node.js b/wechat-mini-program/node_modules/mp-html/dist/mp-baidu/node/node.js
new file mode 100644
index 0000000..5f31220
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-baidu/node/node.js
@@ -0,0 +1 @@
+"use strict";function t(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,i)}return r}function e(e){for(var i=1;i<arguments.length;i++){var o=null!=arguments[i]?arguments[i]:{};i%2?t(Object(o),!0).forEach(function(t){r(e,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):t(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})}return e}function r(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}Component({data:{ctrl:{}},properties:{childs:Array,opts:Array},options:{addGlobalClass:!0},attached:function(){this.triggerEvent("add",this,{bubbles:!0,composed:!0})},methods:{noop:function(){},getNode:function(t){try{for(var e=t.split("_"),r=this.data.childs[e[0]],i=1;i<e.length;i++)r=r.children[e[i]];return r}catch(t){return{text:"",attrs:{},children:[]}}},play:function(t){var r=t.target.dataset.i,i=this.getNode(r);if(this.root.triggerEvent("play",{source:i.name,attrs:e(e({},i.attrs),{},{src:i.src[this.data.ctrl[r]||0]})}),this.root.data.pauseVideo){for(var o=!1,a=t.target.id,s=this.root._videos.length;s--;)this.root._videos[s].id===a?o=!0:this.root._videos[s].pause();if(!o){var n=swan.createVideoContext(a);n.id=a,this.root.playbackRate&&n.playbackRate(this.root.playbackRate),this.root._videos.push(n)}}},imgTap:function(t){var e=this.getNode(t.target.dataset.i);if(e.a)return this.linkTap(e.a);if(!e.attrs.ignore&&(this.root.triggerEvent("imgtap",e.attrs),this.root.data.previewImg)){var r=this.root.imgList[e.i];swan.previewImage({current:r,urls:this.root.imgList})}},imgLoad:function(t){var e,i=t.target.dataset.i,o=this.getNode(i);o.w?(this.data.opts[1]&&!this.data.ctrl[i]||-1===this.data.ctrl[i])&&(e=1):e=t.detail.width,e&&this.setData(r({},"ctrl."+i,e)),this.checkReady()},checkReady:function(){var t=this;this.root.data.lazyLoad||(this.root.imgList._unloadimgs-=1,this.root.imgList._unloadimgs||setTimeout(function(){t.root.getRect().then(function(e){t.root.triggerEvent("ready",e)}).catch(function(){t.root.triggerEvent("ready",{})})},350))},linkTap:function(t){var e=t.currentTarget?this.getNode(t.currentTarget.dataset.i):{},r=e.attrs||t,i=r.href;this.root.triggerEvent("linktap",Object.assign({innerText:this.root.getText(e.children||[])},r)),i&&("#"===i[0]?this.root.navigateTo(i.substring(1)).catch(function(){}):i.split("?")[0].includes("://")?this.root.data.copyLink&&swan.setClipboardData({data:i,success:function(){return swan.showToast({title:"链接已复制"})}}):swan.navigateTo({url:i,fail:function(){swan.switchTab({url:i,fail:function(){}})}}))},mediaError:function(t){var e=t.target.dataset.i,i=this.getNode(e);if("video"===i.name||"audio"===i.name){var o=(this.data.ctrl[e]||0)+1;if(o>i.src.length&&(o=0),o<i.src.length)return this.setData(r({},"ctrl."+e,o))}else"img"===i.name&&(this.data.opts[2]&&this.setData(r({},"ctrl."+e,-1)),this.checkReady());this.root&&this.root.triggerEvent("error",{source:i.name,attrs:i.attrs,errMsg:t.detail.errMsg})}}});
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-baidu/node/node.json b/wechat-mini-program/node_modules/mp-html/dist/mp-baidu/node/node.json
new file mode 100644
index 0000000..36f7ff7
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-baidu/node/node.json
@@ -0,0 +1 @@
+{"component":true,"usingComponents":{"node":"./node"}}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-baidu/node/node.swan b/wechat-mini-program/node_modules/mp-html/dist/mp-baidu/node/node.swan
new file mode 100644
index 0000000..6dc82b8
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-baidu/node/node.swan
@@ -0,0 +1 @@
+<template name="el"><block s-if="n.name==='img'"><rich-text s-if="n.t" style="display:{{n.t}}" nodes="<img class='_img' style='{{n.attrs.style}}' src='{{n.attrs.src}}'>" data-i="{{i}}" catchtap="imgTap"/><block s-else><image s-if="(opts[1]&&!ctrl[i])||ctrl[i]<0" class="_img" style="{{n.attrs.style}}" src="{{ctrl[i]<0?opts[2]:opts[1]}}" mode="widthFix"/><image id="{{n.attrs.id}}" class="_img {{n.attrs.class}}" style="{{ctrl[i]===-1?'display:none;':''}}width:{{ctrl[i]||1}}px;height:1px;{{n.attrs.style}}" src="{{n.attrs.src}}" mode="{{!n.h?'widthFix':(!n.w?'heightFix':(n.m||'scaleToFill'))}}" lazy-load="{{opts[0]}}" webp="{{n.webp}}" image-menu-prevent="{{!opts[3]||n.attrs.ignore}}" data-i="{{i}}" bindload="imgLoad" binderror="mediaError" catchtap="imgTap" bindlongpress="noop"/></block></block><text s-elif="{{n.name==='br'}}">{{'\n'}}</text><view s-elif="{{n.name==='a'}}" id="{{n.attrs.id}}" class="{{n.attrs.href?'_a ':''}}{{n.attrs.class}}" hover-class="_hover" style="display:inline;{{n.attrs.style}}" data-i="{{i}}" catchtap="linkTap"><block s-for="n.children" s-key="index"><template is="el" data="{{{n:item,i:i+'_'+index,opts:opts,ctrl:ctrl}}}"></template></block></view><video s-elif="{{n.name==='video'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" autoplay="{{n.attrs.autoplay}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" muted="{{n.attrs.muted}}" object-fit="{{n.attrs['object-fit']}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" bindplay="play" binderror="mediaError"/><audio s-elif="{{n.name==='audio'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" author="{{n.attrs.author}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" name="{{n.attrs.name}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" bindplay="play" binderror="mediaError"/><rich-text s-else id="{{n.attrs.id}}" style="{{n.f}}" selectable="{{opts[4]}}" nodes="{{[n]}}"/></template><block s-for="childs" s-for-item="n1" s-for-index="i1" s-key="i1"><template s-if="!n1.c" is="el" data="{{{n:n1,i:''+i1,opts:opts,ctrl:ctrl}}}"/><view s-else id="{{n1.attrs.id}}" class="_{{n1.name}} {{n1.attrs.class}}" style="{{n1.attrs.style}}"><block s-for="n1.children" s-for-item="n2" s-for-index="i2" s-key="i2"><template s-if="!n2.c" is="el" data="{{{n:n2,i:i1+'_'+i2,opts:opts,ctrl:ctrl}}}"/><view s-else id="{{n2.attrs.id}}" class="_{{n2.name}} {{n2.attrs.class}}" style="{{n2.attrs.style}}"><block s-for="n2.children" s-for-item="n3" s-for-index="i3" s-key="i3"><template s-if="!n3.c" is="el" data="{{{n:n3,i:i1+'_'+i2+'_'+i3,opts:opts,ctrl:ctrl}}}"/><view s-else id="{{n3.attrs.id}}" class="_{{n3.name}} {{n3.attrs.class}}" style="{{n3.attrs.style}}"><block s-for="n3.children" s-for-item="n4" s-for-index="i4" s-key="i4"><template s-if="!n4.c" is="el" data="{{{n:n4,i:i1+'_'+i2+'_'+i3+'_'+i4,opts:opts,ctrl:ctrl}}}"/><view s-else id="{{n4.attrs.id}}" class="_{{n4.name}} {{n4.attrs.class}}" style="{{n4.attrs.style}}"><block s-for="n4.children" s-for-item="n5" s-for-index="i5" s-key="i5"><template s-if="!n5.c" is="el" data="{{{n:n5,i:i1+'_'+i2+'_'+i3+'_'+i4+'_'+i5,opts:opts,ctrl:ctrl}}}"/><node s-else id="{{n5.attrs.id}}" class="_{{n5.name}} {{n5.attrs.class}}" style="{{n5.attrs.style}}" childs="{{n5.children}}" opts="{{opts}}"/></block></view></block></view></block></view></block></view></block>
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-baidu/parser.js b/wechat-mini-program/node_modules/mp-html/dist/mp-baidu/parser.js
new file mode 100644
index 0000000..04bfbab
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-baidu/parser.js
@@ -0,0 +1 @@
+"use strict";function t(t,e){var s;if("undefined"==typeof Symbol||null==t[Symbol.iterator]){if(Array.isArray(t)||(s=i(t))||e&&t&&"number"==typeof t.length){s&&(t=s);var n=0,a=function(){};return{s:a,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,l=!1;return{s:function(){s=t[Symbol.iterator]()},n:function(){var t=s.next();return o=t.done,t},e:function(t){l=!0,r=t},f:function(){try{o||null==s.return||s.return()}finally{if(l)throw r}}}}function i(t,i){if(t){if("string"==typeof t)return e(t,i);var s=Object.prototype.toString.call(t).slice(8,-1);return"Object"===s&&t.constructor&&(s=t.constructor.name),"Map"===s||"Set"===s?Array.from(t):"Arguments"===s||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s)?e(t,i):void 0}}function e(t,i){(null==i||i>t.length)&&(i=t.length);for(var e=0,s=new Array(i);e<i;e++)s[e]=t[e];return s}function s(t){for(var i=Object.create(null),e=t.split(","),s=e.length;s--;)i[e[s]]=!0;return i}function n(t,i){for(var e=t.indexOf("&");-1!==e;){var s=t.indexOf(";",e+3),n=void 0;if(-1===s)break;"#"===t[e+1]?(n=parseInt(("x"===t[e+2]?"0":"")+t.substring(e+2,s)),isNaN(n)||(t=t.substr(0,e)+String.fromCharCode(n)+t.substr(s+1))):(n=t.substring(e+1,s),(l.entities[n]||"amp"===n&&i)&&(t=t.substr(0,e)+(l.entities[n]||"&")+t.substr(s+1))),e=t.indexOf("&",e+1)}return t}function a(t){for(var i=t.length-1,e=i;e>=-1;e--)(-1===e||t[e].c||!t[e].name||"div"!==t[e].name&&"p"!==t[e].name&&"h"!==t[e].name[0]||(t[e].attrs.style||"").includes("inline"))&&(i-e>=5&&t.splice(e+1,i-e,{name:"div",attrs:{},children:t.slice(e+1,i+1)}),i=e-1)}function r(t){this.options=t.data||{},this.tagStyle=Object.assign({},l.tagStyle,this.options.tagStyle),this.imgList=t.imgList||[],this.imgList._unloadimgs=0,this.plugins=t.plugins||[],this.attrs=Object.create(null),this.stack=[],this.nodes=[],this.pre=(this.options.containerStyle||"").includes("white-space")&&this.options.containerStyle.includes("pre")?2:0}function o(t){this.handler=t}var l={trustTags:s("a,abbr,ad,audio,b,blockquote,br,code,col,colgroup,dd,del,dl,dt,div,em,fieldset,h1,h2,h3,h4,h5,h6,hr,i,img,ins,label,legend,li,ol,p,q,ruby,rt,source,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,title,ul,video"),blockTags:s("address,article,aside,body,caption,center,cite,footer,header,html,nav,pre,section"),ignoreTags:s("area,base,canvas,embed,frame,head,iframe,input,link,map,meta,param,rp,script,source,style,textarea,title,track,wbr"),voidTags:s("area,base,br,col,circle,ellipse,embed,frame,hr,img,input,line,link,meta,param,path,polygon,rect,source,track,use,wbr"),entities:{lt:"<",gt:">",quot:'"',apos:"'",ensp:" ",emsp:" ",nbsp:" ",semi:";",ndash:"–",mdash:"—",middot:"·",lsquo:"‘",rsquo:"’",ldquo:"“",rdquo:"”",bull:"•",hellip:"…",larr:"←",uarr:"↑",rarr:"→",darr:"↓"},tagStyle:{address:"font-style:italic",big:"display:inline;font-size:1.2em",caption:"display:table-caption;text-align:center",center:"text-align:center",cite:"font-style:italic",dd:"margin-left:40px",mark:"background-color:yellow",pre:"font-family:monospace;white-space:pre",s:"text-decoration:line-through",small:"display:inline;font-size:0.8em",strike:"text-decoration:line-through",u:"text-decoration:underline"},svgDict:{animatetransform:"animateTransform",lineargradient:"linearGradient",viewbox:"viewBox",attributename:"attributeName",repeatcount:"repeatCount",repeatdur:"repeatDur",foreignobject:"foreignObject"}},h={},c,d,p=swan.getSystemInfoSync();c=p.windowWidth;var u=s(" ,\r,\n,\t,\f"),f=0;r.prototype.parse=function(t){for(var i=this.plugins.length;i--;)this.plugins[i].onUpdate&&(t=this.plugins[i].onUpdate(t,l)||t);for(new o(this).parse(t);this.stack.length;)this.popNode();return this.nodes.length>50&&a(this.nodes),this.nodes},r.prototype.expose=function(){for(var t=this.stack.length;t--;){var i=this.stack[t];if(i.c||"a"===i.name||"video"===i.name||"audio"===i.name)return;i.c=1}},r.prototype.hook=function(t){for(var i=this.plugins.length;i--;)if(this.plugins[i].onParse&&!1===this.plugins[i].onParse(t,this))return!1;return!0},r.prototype.getUrl=function(t){var i=this.options.domain;return"/"===t[0]?"/"===t[1]?t=(i?i.split("://")[0]:"http")+":"+t:i&&(t=i+t):!i||t.includes("data:")||t.includes("://")||(t=i+"/"+t),t},r.prototype.parseStyle=function(t){var i=t.attrs,e=(this.tagStyle[t.name]||"").split(";").concat((i.style||"").split(";")),s={},n="";i.id&&!this.xml&&(this.options.useAnchor?this.expose():"img"!==t.name&&"a"!==t.name&&"video"!==t.name&&"audio"!==t.name&&(i.id=void 0)),i.width&&(s.width=parseFloat(i.width)+(i.width.includes("%")?"%":"px"),i.width=void 0),i.height&&(s.height=parseFloat(i.height)+(i.height.includes("%")?"%":"px"),i.height=void 0);for(var a=0,r=e.length;a<r;a++){var o=e[a].split(":");if(!(o.length<2)){var l=o.shift().trim().toLowerCase(),h=o.join(":").trim();if("-"===h[0]&&h.lastIndexOf("-")>0||h.includes("safe"))n+=";".concat(l,":").concat(h);else if(!s[l]||h.includes("import")||!s[l].includes("import")){if(h.includes("url")){var d=h.indexOf("(")+1;if(d){for(;'"'===h[d]||"'"===h[d]||u[h[d]];)d++;h=h.substr(0,d)+this.getUrl(h.substr(d))}}else h.includes("rpx")&&(h=h.replace(/[0-9.]+\s*rpx/g,function(t){return parseFloat(t)*c/750+"px"}));s[l]=h}}}return t.attrs.style=n,s},r.prototype.onTagName=function(t){this.tagName=this.xml?t:t.toLowerCase(),"svg"===this.tagName&&(this.xml=(this.xml||0)+1,l.ignoreTags.style=void 0)},r.prototype.onAttrName=function(t){t=this.xml?t:t.toLowerCase(),"data-"===t.substr(0,5)?"data-src"!==t||this.attrs.src?"img"===this.tagName||"a"===this.tagName?this.attrName=t:this.attrName=void 0:this.attrName="src":(this.attrName=t,this.attrs[t]="T")},r.prototype.onAttrVal=function(t){var i=this.attrName||"";"style"===i||"href"===i?this.attrs[i]=n(t,!0):i.includes("src")?this.attrs[i]=this.getUrl(n(t,!0)):i&&(this.attrs[i]=t)},r.prototype.onOpenTag=function(t){var i=Object.create(null);i.name=this.tagName,i.attrs=this.attrs,this.attrs=Object.create(null);var e=i.attrs,s=this.stack[this.stack.length-1],n=s?s.children:this.nodes,a=this.xml?t:l.voidTags[i.name];if(h[i.name]&&(e.class=h[i.name]+(e.class?" "+e.class:"")),"embed"===i.name){var r=e.src||"";r.includes(".mp4")||r.includes(".3gp")||r.includes(".m3u8")||(e.type||"").includes("video")?i.name="video":(r.includes(".mp3")||r.includes(".wav")||r.includes(".aac")||r.includes(".m4a")||(e.type||"").includes("audio"))&&(i.name="audio"),e.autostart&&(e.autoplay="T"),e.controls="T"}if("video"!==i.name&&"audio"!==i.name||("video"!==i.name||e.id||(e.id="v"+f++),e.controls||e.autoplay||(e.controls="T"),i.src=[],e.src&&(i.src.push(e.src),e.src=void 0),this.expose()),a){if(!this.hook(i)||l.ignoreTags[i.name])return void("base"!==i.name||this.options.domain?"source"===i.name&&s&&("video"===s.name||"audio"===s.name)&&e.src&&s.src.push(e.src):this.options.domain=e.href);var o=this.parseStyle(i);if("img"===i.name){if(e.src&&(e.src.includes("webp")&&(i.webp="T"),e.src.includes("data:")&&"all"!==this.options.previewImg&&!e["original-src"]&&(e.ignore="T"),!e.ignore||i.webp||e.src.includes("cloud://"))){for(var d=this.stack.length;d--;){var p=this.stack[d];"table"!==p.name||i.webp||e.src.includes("cloud://")||(!o.display||o.display.includes("inline")?i.t="inline-block":i.t=o.display,o.display=void 0);var u=p.attrs.style||"";if(!u.includes("flex:")||u.includes("flex:0")||u.includes("flex: 0")||o.width&&!(parseInt(o.width)>100))if(u.includes("flex")&&"100%"===o.width)for(var g=d+1;g<this.stack.length;g++){var m=this.stack[g].attrs.style||"";if(!m.includes(";width")&&!m.includes(" width")&&0!==m.indexOf("width")){o.width="";break}}else u.includes("inline-block")&&(o.width&&"%"===o.width[o.width.length-1]?(p.attrs.style+=";max-width:"+o.width,o.width=""):p.attrs.style+=";max-width:100%");else{o.width="100% !important",o.height="";for(var v=d+1;v<this.stack.length;v++)this.stack[v].attrs.style=(this.stack[v].attrs.style||"").replace("inline-","")}"a"===p.name?i.a=p.attrs:p.c=1}i.i=this.imgList.length;var y=e["original-src"]||e.src;if(this.imgList.includes(y)){var b=y.indexOf("://");if(-1!==b){b+=3;for(var x=y.substr(0,b);b<y.length&&"/"!==y[b];b++)x+=Math.random()>.5?y[b].toUpperCase():y[b];x+=y.substr(b),y=x}}this.imgList.push(y),i.t||(this.imgList._unloadimgs+=1)}"inline"===o.display&&(o.display=""),e.ignore&&(o["max-width"]=o["max-width"]||"100%",e.style+=";-webkit-touch-callout:none"),parseInt(o.width)>c&&(o.height=void 0),isNaN(parseInt(o.width))||(i.w="T"),!isNaN(parseInt(o.height))&&(!o.height.includes("%")||s&&(s.attrs.style||"").includes("height"))&&(i.h="T"),i.w&&i.h&&o["object-fit"]&&("contain"===o["object-fit"]?i.m="aspectFit":"cover"===o["object-fit"]&&(i.m="aspectFill"))}else if("svg"===i.name)return n.push(i),this.stack.push(i),void this.popNode();for(var w in o)o[w]&&(e.style+=";".concat(w,":").concat(o[w].replace(" !important","")));e.style=e.style.substr(1)||void 0,e.style||delete e.style}else("pre"===i.name||(e.style||"").includes("white-space")&&e.style.includes("pre"))&&2!==this.pre&&(this.pre=i.pre=1),i.children=[],this.stack.push(i);n.push(i)},r.prototype.onCloseTag=function(t){t=this.xml?t:t.toLowerCase();var i;for(i=this.stack.length;i--&&this.stack[i].name!==t;);if(-1!==i)for(;this.stack.length>i;)this.popNode();else if("p"===t||"br"===t){var e=this.stack.length?this.stack[this.stack.length-1].children:this.nodes;e.push({name:t,attrs:{class:h[t],style:this.tagStyle[t]}})}},r.prototype.popNode=function(){var i=this.stack.pop(),e=i.attrs,s=i.children,n=this.stack[this.stack.length-1],r=n?n.children:this.nodes;if(!this.hook(i)||l.ignoreTags[i.name])return"title"===i.name&&s.length&&"text"===s[0].type&&this.options.setTitle&&swan.setNavigationBarTitle({title:s[0].text}),void r.pop();if(i.pre&&2!==this.pre){this.pre=i.pre=void 0;for(var o=this.stack.length;o--;)this.stack[o].pre&&(this.pre=1)}if("svg"===i.name){if(this.xml>1)return void this.xml--;var h="",d=e.style;return e.style="",e.xmlns="http://www.w3.org/2000/svg",function i(e){if("text"===e.type)return void(h+=e.text);var s=l.svgDict[e.name]||e.name;if("foreignObject"===s){var n,a=t(e.children||[]);try{for(a.s();!(n=a.n()).done;){var r=n.value;if(r.attrs&&!r.attrs.xmlns){r.attrs.xmlns="http://www.w3.org/1999/xhtml";break}}}catch(t){a.e(t)}finally{a.f()}}h+="<"+s;for(var o in e.attrs){var c=e.attrs[o];c&&(h+=" ".concat(l.svgDict[o]||o,'="').concat(c.replace(/"/g,""),'"'))}if(e.children){h+=">";for(var d=0;d<e.children.length;d++)i(e.children[d]);h+="</"+s+">"}else h+="/>"}(i),i.name="img",i.attrs={src:"data:image/svg+xml;utf8,"+h.replace(/#/g,"%23"),style:d,ignore:"T"},i.children=void 0,this.xml=!1,void(l.ignoreTags.style=!0)}var p={};if(e.align&&("table"===i.name?"center"===e.align?p["margin-inline-start"]=p["margin-inline-end"]="auto":p.float=e.align:p["text-align"]=e.align,e.align=void 0),e.dir&&(p.direction=e.dir,e.dir=void 0),"font"===i.name&&(e.color&&(p.color=e.color,e.color=void 0),e.face&&(p["font-family"]=e.face,e.face=void 0),e.size)){var u=parseInt(e.size);isNaN(u)||(u<1?u=1:u>7&&(u=7),p["font-size"]=["x-small","small","medium","large","x-large","xx-large","xxx-large"][u-1]),e.size=void 0}if((e.class||"").includes("align-center")&&(p["text-align"]="center"),Object.assign(p,this.parseStyle(i)),"table"!==i.name&&parseInt(p.width)>c&&(p["max-width"]="100%",p["box-sizing"]="border-box"),l.blockTags[i.name])i.name="div";else if(l.trustTags[i.name]||this.xml)if("a"===i.name||"ad"===i.name)this.expose();else if("video"===i.name||"audio"===i.name)(p.height||"").includes("auto")&&(p.height=void 0),i.children=void 0;else if("ul"!==i.name&&"ol"!==i.name||!i.c)if("table"===i.name){var f=parseFloat(e.cellpadding),g=parseFloat(e.cellspacing),m=parseFloat(e.border),v=p["border-color"],y=p["border-style"];if(i.c&&(isNaN(f)&&(f=2),isNaN(g)&&(g=2)),m&&(e.style+=";border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray")),i.flag&&i.c){i.flag=void 0,p.display="grid","collapse"===p["border-collapse"]&&(p["border-collapse"]=void 0,g=0),g?(p["grid-gap"]=g+"px",p.padding=g+"px"):m&&(e.style+=";border-left:0;border-top:0");var b=[],x=[],w=[],k={};!function i(e){for(var s=0;s<e.length;s++)if("tr"===e[s].name)x.push(e[s]);else if("colgroup"===e[s].name){var n,a=1,r=t(e[s].children||[]);try{for(r.s();!(n=r.n()).done;){var o=n.value;if("col"===o.name){var l=o.attrs.style||"",h=l.indexOf("width")?l.indexOf(";width"):0;if(-1!==h){var c=l.indexOf(";",h+6);-1===c&&(c=l.length),b[a]=l.substring(h?h+7:6,c)}a+=1}}}catch(t){r.e(t)}finally{r.f()}}else i(e[s].children||[])}(s);for(var N=1;N<=x.length;N++){for(var T=1,O=0;O<x[N-1].children.length;O++){var j=x[N-1].children[O];if("td"===j.name||"th"===j.name){for(;k[N+"."+T];)T++;j.c=1;var S=j.attrs.style||"",C=S.indexOf("width")?S.indexOf(";width"):0;if(-1!==C){var A=S.indexOf(";",C+6);-1===A&&(A=S.length),j.attrs.colspan||(b[T]=S.substring(C?C+7:6,A)),S=S.substr(0,C)+S.substr(A)}if(S+=";display:flex;flex-direction:column",-1!==(C=S.indexOf("vertical-align"))){var I=S.substr(C+15,10);I.includes("middle")?S+=";justify-content:center":I.includes("bottom")&&(S+=";justify-content:flex-end")}else S+=";justify-content:center";if(-1!==(C=S.indexOf("text-align"))){var L=S.substr(C+11,10);L.includes("center")?S+=";justify-content: center":L.includes("right")&&(S+=";justify-content: right")}if(S=(m?";border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray")+(g?"":";border-right:0;border-bottom:0"):"")+(f?";padding:".concat(f,"px"):"")+";"+S,j.attrs.colspan&&(S+=";grid-column-start:".concat(T,";grid-column-end:").concat(T+parseInt(j.attrs.colspan)),j.attrs.rowspan||(S+=";grid-row-start:".concat(N,";grid-row-end:").concat(N+1)),T+=parseInt(j.attrs.colspan)-1),j.attrs.rowspan){S+=";grid-row-start:".concat(N,";grid-row-end:").concat(N+parseInt(j.attrs.rowspan)),j.attrs.colspan||(S+=";grid-column-start:".concat(T,";grid-column-end:").concat(T+1));for(var z=1;z<j.attrs.rowspan;z++)for(var F=0;F<(j.attrs.colspan||1);F++)k[N+z+"."+(T-F)]=1}S&&(j.attrs.style=S),w.push(j),T++}}if(1===N){for(var q="",U=1;U<T;U++)q+=(b[U]?b[U]:"auto")+" ";p["grid-template-columns"]=q}}i.children=w}else i.c&&(p.display="table"),isNaN(g)||(p["border-spacing"]=g+"px"),(m||f||i.c)&&function t(e){for(var s=0;s<e.length;s++){var n=e[s];i.c&&(n.c=1),"th"===n.name||"td"===n.name?(m&&(n.attrs.style="border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray",";").concat(n.attrs.style||"")),f&&(n.attrs.style="padding:".concat(f,"px;").concat(n.attrs.style||""))):n.children&&t(n.children)}}(s);if(this.options.scrollTable&&!(e.style||"").includes("inline")){var V=Object.assign({},i);i.name="div",i.attrs={style:"overflow-x:auto;padding:1px"},i.children=[V],e=V.attrs}}else if(("tbody"===i.name||"tr"===i.name)&&i.flag&&i.c)i.flag=void 0,function t(i){for(var e=0;e<i.length;e++)if("td"===i[e].name)for(var s=0,n=["color","background","background-color"];s<n.length;s++){var a=n[s];p[a]&&(i[e].attrs.style=a+":"+p[a]+";"+(i[e].attrs.style||""))}else t(i[e].children||[])}(s);else if("td"!==i.name&&"th"!==i.name||!e.colspan&&!e.rowspan){if("ruby"===i.name){i.name="span";for(var D=0;D<s.length-1;D++)"text"===s[D].type&&"rt"===s[D+1].name&&(s[D]={name:"span",attrs:{style:"display:inline-block;text-align:center"},children:[{name:"div",attrs:{style:"font-size:50%;"+(s[D+1].attrs.style||"")},children:s[D+1].children},s[D]]},s.splice(D+1,1))}}else for(var B=this.stack.length;B--;)"table"!==this.stack[B].name&&"tbody"!==this.stack[B].name&&"tr"!==this.stack[B].name||(this.stack[B].flag=1);else{var M={a:"lower-alpha",A:"upper-alpha",i:"lower-roman",I:"upper-roman"};M[e.type]&&(e.style+=";list-style-type:"+M[e.type],e.type=void 0),i.c=1;for(var P=s.length;P--;)"li"===s[P].name&&(s[P].c=1)}else i.name="span";if((p.display||"").includes("flex")&&!i.c)for(var Z=s.length;Z--;){var _=s[Z];_.f&&(_.attrs.style=(_.attrs.style||"")+_.f,_.f=void 0)}var E=n&&((n.attrs.style||"").includes("flex")||(n.attrs.style||"").includes("grid"))&&!i.c;E&&(i.f=";max-width:100%"),s.length>=50&&i.c&&!(p.display||"").includes("flex")&&a(s);for(var G in p)if(p[G]){var W=";".concat(G,":").concat(p[G].replace(" !important",""));E&&(G.includes("flex")&&"flex-direction"!==G||"align-self"===G||G.includes("grid")||"-"===p[G][0]||G.includes("width")&&W.includes("%"))?(i.f+=W,"width"===G&&(e.style+=";width:100%")):e.style+=W}e.style=e.style.substr(1)||void 0,e.style||delete e.style},r.prototype.onText=function(t){if(!this.pre){for(var i,e="",s=0,a=t.length;s<a;s++)u[t[s]]?(" "!==e[e.length-1]&&(e+=" "),"\n"!==t[s]||i||(i=!0)):e+=t[s];if(" "===e&&i)return;t=e}var r=Object.create(null);if(r.type="text",r.text=n(t),this.hook(r)){(this.stack.length?this.stack[this.stack.length-1].children:this.nodes).push(r)}},o.prototype.parse=function(t){this.content=t||"",this.i=0,this.start=0,this.state=this.text;for(var i=this.content.length;-1!==this.i&&this.i<i;)this.state()},o.prototype.checkClose=function(t){var i="/"===this.content[this.i];return!!(">"===this.content[this.i]||i&&">"===this.content[this.i+1])&&(t&&this.handler[t](this.content.substring(this.start,this.i)),this.i+=i?2:1,this.start=this.i,this.handler.onOpenTag(i),"script"===this.handler.tagName?(this.i=this.content.indexOf("</",this.i),-1!==this.i&&(this.i+=2,this.start=this.i),this.state=this.endTag):this.state=this.text,!0)},o.prototype.text=function(){if(this.i=this.content.indexOf("<",this.i),-1===this.i)return void(this.start<this.content.length&&this.handler.onText(this.content.substring(this.start,this.content.length)));var t=this.content[this.i+1];if(t>="a"&&t<="z"||t>="A"&&t<="Z")this.start!==this.i&&this.handler.onText(this.content.substring(this.start,this.i)),this.start=++this.i,this.state=this.tagName;else if("/"===t||"!"===t||"?"===t){this.start!==this.i&&this.handler.onText(this.content.substring(this.start,this.i));var i=this.content[this.i+2];if("/"===t&&(i>="a"&&i<="z"||i>="A"&&i<="Z"))return this.i+=2,this.start=this.i,void(this.state=this.endTag);var e="--\x3e";"!"===t&&"-"===this.content[this.i+2]&&"-"===this.content[this.i+3]||(e=">"),this.i=this.content.indexOf(e,this.i),-1!==this.i&&(this.i+=e.length,this.start=this.i)}else this.i++},o.prototype.tagName=function(){if(u[this.content[this.i]]){for(this.handler.onTagName(this.content.substring(this.start,this.i));u[this.content[++this.i]];);this.i<this.content.length&&!this.checkClose()&&(this.start=this.i,this.state=this.attrName)}else this.checkClose("onTagName")||this.i++},o.prototype.attrName=function(){var t=this.content[this.i];if(u[t]||"="===t){this.handler.onAttrName(this.content.substring(this.start,this.i));for(var i="="===t,e=this.content.length;++this.i<e;)if(t=this.content[this.i],!u[t]){if(this.checkClose())return;if(i)return this.start=this.i,void(this.state=this.attrVal);if("="!==this.content[this.i])return this.start=this.i,void(this.state=this.attrName);i=!0}}else this.checkClose("onAttrName")||this.i++},o.prototype.attrVal=function(){var t=this.content[this.i],i=this.content.length;if('"'===t||"'"===t){if(this.start=++this.i,this.i=this.content.indexOf(t,this.i),-1===this.i)return;this.handler.onAttrVal(this.content.substring(this.start,this.i))}else for(;this.i<i;this.i++){if(u[this.content[this.i]]){this.handler.onAttrVal(this.content.substring(this.start,this.i));break}if(this.checkClose("onAttrVal"))return}for(;u[this.content[++this.i]];);this.i<i&&!this.checkClose()&&(this.start=this.i,this.state=this.attrName)},o.prototype.endTag=function(){var t=this.content[this.i];if(u[t]||">"===t||"/"===t){if(this.handler.onCloseTag(this.content.substring(this.start,this.i)),">"!==t&&(this.i=this.content.indexOf(">",this.i),-1===this.i))return;this.start=++this.i,this.state=this.text}else this.i++},module.exports=r;
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-qq/index.js b/wechat-mini-program/node_modules/mp-html/dist/mp-qq/index.js
new file mode 100644
index 0000000..65ea3fd
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-qq/index.js
@@ -0,0 +1,8 @@
+"use strict";function e(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}/*!
+ * mp-html v2.5.1
+ * https://github.com/jin-yufeng/mp-html
+ *
+ * Released under the MIT license
+ * Author: Jin Yufeng
+ */
+var t=require("./parser"),n=[];Component({data:{nodes:[]},properties:{containerStyle:String,content:{type:String,value:"",observer:function(e){this.setContent(e)}},copyLink:{type:Boolean,value:!0},domain:String,errorImg:String,lazyLoad:Boolean,loadingImg:String,pauseVideo:{type:Boolean,value:!0},previewImg:{type:null,value:!0},scrollTable:Boolean,selectable:null,setTitle:{type:Boolean,value:!0},showImgMenu:{type:Boolean,value:!0},tagStyle:Object,useAnchor:null},created:function(){this.plugins=[];for(var e=n.length;e--;)this.plugins.push(new n[e](this))},detached:function(){this._hook("onDetached")},methods:{in:function(e,t,n){e&&t&&n&&(this._in={page:e,selector:t,scrollTop:n})},navigateTo:function(t,n){var i=this;return new Promise(function(o,r){if(!i.data.useAnchor)return void r(Error("Anchor is disabled"));var a=qq.createSelectorQuery().in(i._in?i._in.page:i).select((i._in?i._in.selector:"._root")+(t?"".concat(">>>","#").concat(t):"")).boundingClientRect();i._in?a.select(i._in.selector).scrollOffset().select(i._in.selector).boundingClientRect():a.selectViewport().scrollOffset(),a.exec(function(t){if(!t[0])return void r(Error("Label not found"));var a=t[1].scrollTop+t[0].top-(t[2]?t[2].top:0)+(n||parseInt(i.data.useAnchor)||0);i._in?i._in.page.setData(e({},i._in.scrollTop,a)):qq.pageScrollTo({scrollTop:a,duration:300}),o()})})},getText:function(e){var t="";return function e(n){for(var i=0;i<n.length;i++){var o=n[i];if("text"===o.type)t+=o.text.replace(/&amp;/g,"&");else if("br"===o.name)t+="\n";else{var r="p"===o.name||"div"===o.name||"tr"===o.name||"li"===o.name||"h"===o.name[0]&&o.name[1]>"0"&&o.name[1]<"7";r&&t&&"\n"!==t[t.length-1]&&(t+="\n"),o.children&&e(o.children),r&&"\n"!==t[t.length-1]?t+="\n":"td"!==o.name&&"th"!==o.name||(t+="\t")}}}(e||this.data.nodes),t},getRect:function(){var e=this;return new Promise(function(t,n){qq.createSelectorQuery().in(e).select("._root").boundingClientRect().exec(function(e){return e[0]?t(e[0]):n(Error("Root label not found"))})})},pauseMedia:function(){for(var e=(this._videos||[]).length;e--;)this._videos[e].pause()},setPlaybackRate:function(e){this.playbackRate=e;for(var t=(this._videos||[]).length;t--;)this._videos[t].playbackRate(e)},setContent:function(e,n){var i=this;this.imgList&&n||(this.imgList=[]),this._videos=[];var o={},r=new t(this).parse(e);if(n)for(var a=this.data.nodes.length,s=r.length;s--;)o["nodes[".concat(a+s,"]")]=r[s];else o.nodes=r;if(this.setData(o,function(){i._hook("onLoad"),i.triggerEvent("load")}),this.data.lazyLoad||this.imgList._unloadimgs<this.imgList.length/2){var l=0,c=function e(t){t&&t.height||(t={}),t.height===l?i.triggerEvent("ready",t):(l=t.height,setTimeout(function(){i.getRect().then(e).catch(e)},350))};this.getRect().then(c).catch(c)}else this.imgList._unloadimgs||this.getRect().then(function(e){i.triggerEvent("ready",e)}).catch(function(){i.triggerEvent("ready",{})})},_hook:function(e){for(var t=n.length;t--;)this.plugins[t][e]&&this.plugins[t][e]()},_add:function(e){e.detail.root=this}}});
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-qq/index.json b/wechat-mini-program/node_modules/mp-html/dist/mp-qq/index.json
new file mode 100644
index 0000000..36b626e
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-qq/index.json
@@ -0,0 +1 @@
+{"component":true,"usingComponents":{"node":"./node/node"}}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-qq/index.qml b/wechat-mini-program/node_modules/mp-html/dist/mp-qq/index.qml
new file mode 100644
index 0000000..848cf38
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-qq/index.qml
@@ -0,0 +1 @@
+<view class="_root {{selectable?'_select':''}}" style="{{containerStyle}}"><slot qq:if="{{!nodes[0]}}"/><node id="_root" childs="{{nodes}}" opts="{{[lazyLoad,loadingImg,errorImg,showImgMenu,selectable]}}" catchadd="_add"/></view>
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-qq/index.qss b/wechat-mini-program/node_modules/mp-html/dist/mp-qq/index.qss
new file mode 100644
index 0000000..5f74d06
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-qq/index.qss
@@ -0,0 +1 @@
+._root{padding:1px 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}._select{-webkit-user-select:text;user-select:text}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-qq/node/node.js b/wechat-mini-program/node_modules/mp-html/dist/mp-qq/node/node.js
new file mode 100644
index 0000000..79631d2
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-qq/node/node.js
@@ -0,0 +1 @@
+"use strict";function t(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,i)}return r}function e(e){for(var i=1;i<arguments.length;i++){var o=null!=arguments[i]?arguments[i]:{};i%2?t(Object(o),!0).forEach(function(t){r(e,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):t(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})}return e}function r(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}Component({data:{ctrl:{}},properties:{childs:Array,opts:Array},options:{addGlobalClass:!0},attached:function(){this.triggerEvent("add",this,{bubbles:!0,composed:!0})},methods:{noop:function(){},getNode:function(t){try{for(var e=t.split("_"),r=this.data.childs[e[0]],i=1;i<e.length;i++)r=r.children[e[i]];return r}catch(t){return{text:"",attrs:{},children:[]}}},play:function(t){var r=t.target.dataset.i,i=this.getNode(r);if(this.root.triggerEvent("play",{source:i.name,attrs:e(e({},i.attrs),{},{src:i.src[this.data.ctrl[r]||0]})}),this.root.data.pauseVideo){for(var o=!1,a=t.target.id,s=this.root._videos.length;s--;)this.root._videos[s].id===a?o=!0:this.root._videos[s].pause();if(!o){var n=qq.createVideoContext(a,this);n.id=a,this.root.playbackRate&&n.playbackRate(this.root.playbackRate),this.root._videos.push(n)}}},imgTap:function(t){var e=this.getNode(t.target.dataset.i);if(e.a)return this.linkTap(e.a);if(!e.attrs.ignore&&(this.root.triggerEvent("imgtap",e.attrs),this.root.data.previewImg)){var r=this.root.imgList[e.i];qq.previewImage({current:r,urls:this.root.imgList})}},imgLoad:function(t){var e,i=t.target.dataset.i,o=this.getNode(i);o.w?(this.data.opts[1]&&!this.data.ctrl[i]||-1===this.data.ctrl[i])&&(e=1):e=t.detail.width,e&&this.setData(r({},"ctrl."+i,e)),this.checkReady()},checkReady:function(){var t=this;this.root.data.lazyLoad||(this.root.imgList._unloadimgs-=1,this.root.imgList._unloadimgs||setTimeout(function(){t.root.getRect().then(function(e){t.root.triggerEvent("ready",e)}).catch(function(){t.root.triggerEvent("ready",{})})},350))},linkTap:function(t){var e=t.currentTarget?this.getNode(t.currentTarget.dataset.i):{},r=e.attrs||t,i=r.href;this.root.triggerEvent("linktap",Object.assign({innerText:this.root.getText(e.children||[])},r)),i&&("#"===i[0]?this.root.navigateTo(i.substring(1)).catch(function(){}):i.split("?")[0].includes("://")?this.root.data.copyLink&&qq.setClipboardData({data:i,success:function(){return qq.showToast({title:"链接已复制"})}}):qq.navigateTo({url:i,fail:function(){qq.switchTab({url:i,fail:function(){}})}}))},mediaError:function(t){var e=t.target.dataset.i,i=this.getNode(e);if("video"===i.name||"audio"===i.name){var o=(this.data.ctrl[e]||0)+1;if(o>i.src.length&&(o=0),o<i.src.length)return this.setData(r({},"ctrl."+e,o))}else"img"===i.name&&(this.data.opts[2]&&this.setData(r({},"ctrl."+e,-1)),this.checkReady());this.root&&this.root.triggerEvent("error",{source:i.name,attrs:i.attrs,errMsg:t.detail.errMsg})}}});
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-qq/node/node.json b/wechat-mini-program/node_modules/mp-html/dist/mp-qq/node/node.json
new file mode 100644
index 0000000..36f7ff7
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-qq/node/node.json
@@ -0,0 +1 @@
+{"component":true,"usingComponents":{"node":"./node"}}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-qq/node/node.qml b/wechat-mini-program/node_modules/mp-html/dist/mp-qq/node/node.qml
new file mode 100644
index 0000000..f3af192
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-qq/node/node.qml
@@ -0,0 +1 @@
+<qs module="isInline">var e={abbr:!0,b:!0,big:!0,code:!0,del:!0,em:!0,i:!0,ins:!0,label:!0,q:!0,small:!0,span:!0,strong:!0,sub:!0,sup:!0};module.exports=function(n,i){return e[n]||-1!==(i||"").indexOf("inline")};</qs><template name="el"><block qq:if="{{n.name==='img'}}"><rich-text qq:if="{{n.t}}" style="display:{{n.t}}" nodes="<img class='_img' style='{{n.attrs.style}}' src='{{n.attrs.src}}'>" data-i="{{i}}" catchtap="imgTap"/><block qq:else><image qq:if="{{(opts[1]&&!ctrl[i])||ctrl[i]<0}}" class="_img" style="{{n.attrs.style}}" src="{{ctrl[i]<0?opts[2]:opts[1]}}" mode="widthFix"/><image id="{{n.attrs.id}}" class="_img {{n.attrs.class}}" style="{{ctrl[i]===-1?'display:none;':''}}width:{{ctrl[i]||1}}px;height:1px;{{n.attrs.style}}" src="{{n.attrs.src}}" mode="{{!n.h?'widthFix':(!n.w?'heightFix':(n.m||'scaleToFill'))}}" lazy-load="{{opts[0]}}" data-i="{{i}}" bindload="imgLoad" binderror="mediaError" catchtap="imgTap" bindlongpress="noop"/></block></block><text qq:elif="{{n.text}}" decode>{{n.text}}</text><text qq:elif="{{n.name==='br'}}">{{'\n'}}</text><view qq:elif="{{n.name==='a'}}" id="{{n.attrs.id}}" class="{{n.attrs.href?'_a ':''}}{{n.attrs.class}}" hover-class="_hover" style="display:inline;{{n.attrs.style}}" data-i="{{i}}" catchtap="linkTap"><node childs="{{n.children}}" opts="{{opts}}" style="display:inherit"/></view><video qq:elif="{{n.name==='video'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" autoplay="{{n.attrs.autoplay}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" muted="{{n.attrs.muted}}" object-fit="{{n.attrs['object-fit']}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" bindplay="play" binderror="mediaError"/><audio qq:elif="{{n.name==='audio'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" author="{{n.attrs.author}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" name="{{n.attrs.name}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" bindplay="play" binderror="mediaError"/><rich-text qq:else id="{{n.attrs.id}}" style="{{n.f}}" nodes="{{[n]}}"/></template><block qq:for="{{childs}}" qq:for-item="n1" qq:for-index="i1" qq:key="i1"><template qq:if="{{!n1.c&&(!n1.children||n1.name==='a'||!isInline(n1.name,n1.attrs.style))}}" is="el" data="{{n:n1,i:''+i1,opts:opts,ctrl:ctrl}}"/><view qq:else id="{{n1.attrs.id}}" class="_{{n1.name}} {{n1.attrs.class}}" style="{{n1.attrs.style}}"><block qq:for="{{n1.children}}" qq:for-item="n2" qq:for-index="i2" qq:key="i2"><template qq:if="{{!n2.c&&(!n2.children||n2.name==='a'||!isInline(n2.name,n2.attrs.style))}}" is="el" data="{{n:n2,i:i1+'_'+i2,opts:opts,ctrl:ctrl}}"/><view qq:else id="{{n2.attrs.id}}" class="_{{n2.name}} {{n2.attrs.class}}" style="{{n2.attrs.style}}"><block qq:for="{{n2.children}}" qq:for-item="n3" qq:for-index="i3" qq:key="i3"><template qq:if="{{!n3.c&&(!n3.children||n3.name==='a'||!isInline(n3.name,n3.attrs.style))}}" is="el" data="{{n:n3,i:i1+'_'+i2+'_'+i3,opts:opts,ctrl:ctrl}}"/><view qq:else id="{{n3.attrs.id}}" class="_{{n3.name}} {{n3.attrs.class}}" style="{{n3.attrs.style}}"><block qq:for="{{n3.children}}" qq:for-item="n4" qq:for-index="i4" qq:key="i4"><template qq:if="{{!n4.c&&(!n4.children||n4.name==='a'||!isInline(n4.name,n4.attrs.style))}}" is="el" data="{{n:n4,i:i1+'_'+i2+'_'+i3+'_'+i4,opts:opts,ctrl:ctrl}}"/><view qq:else id="{{n4.attrs.id}}" class="_{{n4.name}} {{n4.attrs.class}}" style="{{n4.attrs.style}}"><block qq:for="{{n4.children}}" qq:for-item="n5" qq:for-index="i5" qq:key="i5"><template qq:if="{{!n5.c&&(!n5.children||n5.name==='a'||!isInline(n5.name,n5.attrs.style))}}" is="el" data="{{n:n5,i:i1+'_'+i2+'_'+i3+'_'+i4+'_'+i5,opts:opts,ctrl:ctrl}}"/><node qq:else id="{{n5.attrs.id}}" class="_{{n5.name}} {{n5.attrs.class}}" style="{{n5.attrs.style}}" childs="{{n5.children}}" opts="{{opts}}"/></block></view></block></view></block></view></block></view></block>
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-qq/node/node.qss b/wechat-mini-program/node_modules/mp-html/dist/mp-qq/node/node.qss
new file mode 100644
index 0000000..43a2fab
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-qq/node/node.qss
@@ -0,0 +1 @@
+._a{padding:1.5px 0 1.5px 0;color:#366092;word-break:break-all}._hover{text-decoration:underline;opacity:.7}._img{max-width:100%;-webkit-touch-callout:none}._b,._strong{font-weight:700}._code{font-family:monospace}._del{text-decoration:line-through}._em,._i{font-style:italic}._h1{font-size:2em}._h2{font-size:1.5em}._h3{font-size:1.17em}._h5{font-size:.83em}._h6{font-size:.67em}._h1,._h2,._h3,._h4,._h5,._h6{display:block;font-weight:700}._ins{text-decoration:underline}._li{display:list-item}._ol{list-style-type:decimal}._ol,._ul{display:block;padding-left:40px;margin:1em 0}._q::before{content:'"'}._q::after{content:'"'}._sub{font-size:smaller;vertical-align:sub}._sup{font-size:smaller;vertical-align:super}._tbody,._tfoot,._thead{display:table-row-group}._tr{display:table-row}._td,._th{display:table-cell;vertical-align:middle}._th{font-weight:700;text-align:center}._ul{list-style-type:disc}._ul ._ul{margin:0;list-style-type:circle}._ul ._ul ._ul{list-style-type:square}._abbr,._b,._code,._del,._em,._i,._ins,._label,._q,._span,._strong,._sub,._sup{display:inline}._blockquote,._div,._p{display:block}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-qq/parser.js b/wechat-mini-program/node_modules/mp-html/dist/mp-qq/parser.js
new file mode 100644
index 0000000..8ba3c45
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-qq/parser.js
@@ -0,0 +1 @@
+"use strict";function t(t,e){var s;if("undefined"==typeof Symbol||null==t[Symbol.iterator]){if(Array.isArray(t)||(s=i(t))||e&&t&&"number"==typeof t.length){s&&(t=s);var n=0,a=function(){};return{s:a,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,l=!1;return{s:function(){s=t[Symbol.iterator]()},n:function(){var t=s.next();return o=t.done,t},e:function(t){l=!0,r=t},f:function(){try{o||null==s.return||s.return()}finally{if(l)throw r}}}}function i(t,i){if(t){if("string"==typeof t)return e(t,i);var s=Object.prototype.toString.call(t).slice(8,-1);return"Object"===s&&t.constructor&&(s=t.constructor.name),"Map"===s||"Set"===s?Array.from(t):"Arguments"===s||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s)?e(t,i):void 0}}function e(t,i){(null==i||i>t.length)&&(i=t.length);for(var e=0,s=new Array(i);e<i;e++)s[e]=t[e];return s}function s(t){for(var i=Object.create(null),e=t.split(","),s=e.length;s--;)i[e[s]]=!0;return i}function n(t,i){for(var e=t.indexOf("&");-1!==e;){var s=t.indexOf(";",e+3),n=void 0;if(-1===s)break;"#"===t[e+1]?(n=parseInt(("x"===t[e+2]?"0":"")+t.substring(e+2,s)),isNaN(n)||(t=t.substr(0,e)+String.fromCharCode(n)+t.substr(s+1))):(n=t.substring(e+1,s),(l.entities[n]||"amp"===n&&i)&&(t=t.substr(0,e)+(l.entities[n]||"&")+t.substr(s+1))),e=t.indexOf("&",e+1)}return t}function a(t){for(var i=t.length-1,e=i;e>=-1;e--)(-1===e||t[e].c||!t[e].name||"div"!==t[e].name&&"p"!==t[e].name&&"h"!==t[e].name[0]||(t[e].attrs.style||"").includes("inline"))&&(i-e>=5&&t.splice(e+1,i-e,{name:"div",attrs:{},children:t.slice(e+1,i+1)}),i=e-1)}function r(t){this.options=t.data||{},this.tagStyle=Object.assign({},l.tagStyle,this.options.tagStyle),this.imgList=t.imgList||[],this.imgList._unloadimgs=0,this.plugins=t.plugins||[],this.attrs=Object.create(null),this.stack=[],this.nodes=[],this.pre=(this.options.containerStyle||"").includes("white-space")&&this.options.containerStyle.includes("pre")?2:0}function o(t){this.handler=t}var l={trustTags:s("a,abbr,ad,audio,b,blockquote,br,code,col,colgroup,dd,del,dl,dt,div,em,fieldset,h1,h2,h3,h4,h5,h6,hr,i,img,ins,label,legend,li,ol,p,q,ruby,rt,source,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,title,ul,video"),blockTags:s("address,article,aside,body,caption,center,cite,footer,header,html,nav,pre,section"),ignoreTags:s("area,base,canvas,embed,frame,head,iframe,input,link,map,meta,param,rp,script,source,style,textarea,title,track,wbr"),voidTags:s("area,base,br,col,circle,ellipse,embed,frame,hr,img,input,line,link,meta,param,path,polygon,rect,source,track,use,wbr"),entities:{lt:"<",gt:">",quot:'"',apos:"'",ensp:" ",emsp:" ",nbsp:" ",semi:";",ndash:"–",mdash:"—",middot:"·",lsquo:"‘",rsquo:"’",ldquo:"“",rdquo:"”",bull:"•",hellip:"…",larr:"←",uarr:"↑",rarr:"→",darr:"↓"},tagStyle:{address:"font-style:italic",big:"display:inline;font-size:1.2em",caption:"display:table-caption;text-align:center",center:"text-align:center",cite:"font-style:italic",dd:"margin-left:40px",mark:"background-color:yellow",pre:"font-family:monospace;white-space:pre",s:"text-decoration:line-through",small:"display:inline;font-size:0.8em",strike:"text-decoration:line-through",u:"text-decoration:underline"},svgDict:{animatetransform:"animateTransform",lineargradient:"linearGradient",viewbox:"viewBox",attributename:"attributeName",repeatcount:"repeatCount",repeatdur:"repeatDur",foreignobject:"foreignObject"}},h={},c,d,p=qq.getSystemInfoSync();c=p.windowWidth;var u=s(" ,\r,\n,\t,\f"),f=0;r.prototype.parse=function(t){for(var i=this.plugins.length;i--;)this.plugins[i].onUpdate&&(t=this.plugins[i].onUpdate(t,l)||t);for(new o(this).parse(t);this.stack.length;)this.popNode();return this.nodes.length>50&&a(this.nodes),this.nodes},r.prototype.expose=function(){for(var t=this.stack.length;t--;){var i=this.stack[t];if(i.c||"a"===i.name||"video"===i.name||"audio"===i.name)return;i.c=1}},r.prototype.hook=function(t){for(var i=this.plugins.length;i--;)if(this.plugins[i].onParse&&!1===this.plugins[i].onParse(t,this))return!1;return!0},r.prototype.getUrl=function(t){var i=this.options.domain;return"/"===t[0]?"/"===t[1]?t=(i?i.split("://")[0]:"http")+":"+t:i&&(t=i+t):!i||t.includes("data:")||t.includes("://")||(t=i+"/"+t),t},r.prototype.parseStyle=function(t){var i=t.attrs,e=(this.tagStyle[t.name]||"").split(";").concat((i.style||"").split(";")),s={},n="";i.id&&!this.xml&&(this.options.useAnchor?this.expose():"img"!==t.name&&"a"!==t.name&&"video"!==t.name&&"audio"!==t.name&&(i.id=void 0)),i.width&&(s.width=parseFloat(i.width)+(i.width.includes("%")?"%":"px"),i.width=void 0),i.height&&(s.height=parseFloat(i.height)+(i.height.includes("%")?"%":"px"),i.height=void 0);for(var a=0,r=e.length;a<r;a++){var o=e[a].split(":");if(!(o.length<2)){var l=o.shift().trim().toLowerCase(),h=o.join(":").trim();if("-"===h[0]&&h.lastIndexOf("-")>0||h.includes("safe"))n+=";".concat(l,":").concat(h);else if(!s[l]||h.includes("import")||!s[l].includes("import")){if(h.includes("url")){var d=h.indexOf("(")+1;if(d){for(;'"'===h[d]||"'"===h[d]||u[h[d]];)d++;h=h.substr(0,d)+this.getUrl(h.substr(d))}}else h.includes("rpx")&&(h=h.replace(/[0-9.]+\s*rpx/g,function(t){return parseFloat(t)*c/750+"px"}));s[l]=h}}}return t.attrs.style=n,s},r.prototype.onTagName=function(t){this.tagName=this.xml?t:t.toLowerCase(),"svg"===this.tagName&&(this.xml=(this.xml||0)+1,l.ignoreTags.style=void 0)},r.prototype.onAttrName=function(t){t=this.xml?t:t.toLowerCase(),"data-"===t.substr(0,5)?"data-src"!==t||this.attrs.src?"img"===this.tagName||"a"===this.tagName?this.attrName=t:this.attrName=void 0:this.attrName="src":(this.attrName=t,this.attrs[t]="T")},r.prototype.onAttrVal=function(t){var i=this.attrName||"";"style"===i||"href"===i?this.attrs[i]=n(t,!0):i.includes("src")?this.attrs[i]=this.getUrl(n(t,!0)):i&&(this.attrs[i]=t)},r.prototype.onOpenTag=function(t){var i=Object.create(null);i.name=this.tagName,i.attrs=this.attrs,this.attrs=Object.create(null);var e=i.attrs,s=this.stack[this.stack.length-1],n=s?s.children:this.nodes,a=this.xml?t:l.voidTags[i.name];if(h[i.name]&&(e.class=h[i.name]+(e.class?" "+e.class:"")),"embed"===i.name){var r=e.src||"";r.includes(".mp4")||r.includes(".3gp")||r.includes(".m3u8")||(e.type||"").includes("video")?i.name="video":(r.includes(".mp3")||r.includes(".wav")||r.includes(".aac")||r.includes(".m4a")||(e.type||"").includes("audio"))&&(i.name="audio"),e.autostart&&(e.autoplay="T"),e.controls="T"}if("video"!==i.name&&"audio"!==i.name||("video"!==i.name||e.id||(e.id="v"+f++),e.controls||e.autoplay||(e.controls="T"),i.src=[],e.src&&(i.src.push(e.src),e.src=void 0),this.expose()),a){if(!this.hook(i)||l.ignoreTags[i.name])return void("base"!==i.name||this.options.domain?"source"===i.name&&s&&("video"===s.name||"audio"===s.name)&&e.src&&s.src.push(e.src):this.options.domain=e.href);var o=this.parseStyle(i);if("img"===i.name){if(e.src&&(e.src.includes("webp")&&(i.webp="T"),e.src.includes("data:")&&"all"!==this.options.previewImg&&!e["original-src"]&&(e.ignore="T"),!e.ignore||i.webp||e.src.includes("cloud://"))){for(var d=this.stack.length;d--;){var p=this.stack[d];"table"!==p.name||i.webp||e.src.includes("cloud://")||(!o.display||o.display.includes("inline")?i.t="inline-block":i.t=o.display,o.display=void 0);var u=p.attrs.style||"";if(!u.includes("flex:")||u.includes("flex:0")||u.includes("flex: 0")||o.width&&!(parseInt(o.width)>100))if(u.includes("flex")&&"100%"===o.width)for(var g=d+1;g<this.stack.length;g++){var m=this.stack[g].attrs.style||"";if(!m.includes(";width")&&!m.includes(" width")&&0!==m.indexOf("width")){o.width="";break}}else u.includes("inline-block")&&(o.width&&"%"===o.width[o.width.length-1]?(p.attrs.style+=";max-width:"+o.width,o.width=""):p.attrs.style+=";max-width:100%");else{o.width="100% !important",o.height="";for(var v=d+1;v<this.stack.length;v++)this.stack[v].attrs.style=(this.stack[v].attrs.style||"").replace("inline-","")}"a"===p.name?i.a=p.attrs:p.c=1}i.i=this.imgList.length;var y=e["original-src"]||e.src;if(this.imgList.includes(y)){var b=y.indexOf("://");if(-1!==b){b+=3;for(var x=y.substr(0,b);b<y.length&&"/"!==y[b];b++)x+=Math.random()>.5?y[b].toUpperCase():y[b];x+=y.substr(b),y=x}}this.imgList.push(y),i.t||(this.imgList._unloadimgs+=1)}"inline"===o.display&&(o.display=""),e.ignore&&(o["max-width"]=o["max-width"]||"100%",e.style+=";-webkit-touch-callout:none"),parseInt(o.width)>c&&(o.height=void 0),isNaN(parseInt(o.width))||(i.w="T"),!isNaN(parseInt(o.height))&&(!o.height.includes("%")||s&&(s.attrs.style||"").includes("height"))&&(i.h="T"),i.w&&i.h&&o["object-fit"]&&("contain"===o["object-fit"]?i.m="aspectFit":"cover"===o["object-fit"]&&(i.m="aspectFill"))}else if("svg"===i.name)return n.push(i),this.stack.push(i),void this.popNode();for(var w in o)o[w]&&(e.style+=";".concat(w,":").concat(o[w].replace(" !important","")));e.style=e.style.substr(1)||void 0}else("pre"===i.name||(e.style||"").includes("white-space")&&e.style.includes("pre"))&&2!==this.pre&&(this.pre=i.pre=1),i.children=[],this.stack.push(i);n.push(i)},r.prototype.onCloseTag=function(t){t=this.xml?t:t.toLowerCase();var i;for(i=this.stack.length;i--&&this.stack[i].name!==t;);if(-1!==i)for(;this.stack.length>i;)this.popNode();else if("p"===t||"br"===t){var e=this.stack.length?this.stack[this.stack.length-1].children:this.nodes;e.push({name:t,attrs:{class:h[t],style:this.tagStyle[t]}})}},r.prototype.popNode=function(){var i=this.stack.pop(),e=i.attrs,s=i.children,n=this.stack[this.stack.length-1],r=n?n.children:this.nodes;if(!this.hook(i)||l.ignoreTags[i.name])return"title"===i.name&&s.length&&"text"===s[0].type&&this.options.setTitle&&qq.setNavigationBarTitle({title:s[0].text}),void r.pop();if(i.pre&&2!==this.pre){this.pre=i.pre=void 0;for(var o=this.stack.length;o--;)this.stack[o].pre&&(this.pre=1)}if("svg"===i.name){if(this.xml>1)return void this.xml--;var h="",d=e.style;return e.style="",e.xmlns="http://www.w3.org/2000/svg",function i(e){if("text"===e.type)return void(h+=e.text);var s=l.svgDict[e.name]||e.name;if("foreignObject"===s){var n,a=t(e.children||[]);try{for(a.s();!(n=a.n()).done;){var r=n.value;if(r.attrs&&!r.attrs.xmlns){r.attrs.xmlns="http://www.w3.org/1999/xhtml";break}}}catch(t){a.e(t)}finally{a.f()}}h+="<"+s;for(var o in e.attrs){var c=e.attrs[o];c&&(h+=" ".concat(l.svgDict[o]||o,'="').concat(c.replace(/"/g,""),'"'))}if(e.children){h+=">";for(var d=0;d<e.children.length;d++)i(e.children[d]);h+="</"+s+">"}else h+="/>"}(i),i.name="img",i.attrs={src:"data:image/svg+xml;utf8,"+h.replace(/#/g,"%23"),style:d,ignore:"T"},i.children=void 0,this.xml=!1,void(l.ignoreTags.style=!0)}var p={};if(e.align&&("table"===i.name?"center"===e.align?p["margin-inline-start"]=p["margin-inline-end"]="auto":p.float=e.align:p["text-align"]=e.align,e.align=void 0),e.dir&&(p.direction=e.dir,e.dir=void 0),"font"===i.name&&(e.color&&(p.color=e.color,e.color=void 0),e.face&&(p["font-family"]=e.face,e.face=void 0),e.size)){var u=parseInt(e.size);isNaN(u)||(u<1?u=1:u>7&&(u=7),p["font-size"]=["x-small","small","medium","large","x-large","xx-large","xxx-large"][u-1]),e.size=void 0}if((e.class||"").includes("align-center")&&(p["text-align"]="center"),Object.assign(p,this.parseStyle(i)),"table"!==i.name&&parseInt(p.width)>c&&(p["max-width"]="100%",p["box-sizing"]="border-box"),l.blockTags[i.name])i.name="div";else if(l.trustTags[i.name]||this.xml)if("a"===i.name||"ad"===i.name)this.expose();else if("video"===i.name||"audio"===i.name)(p.height||"").includes("auto")&&(p.height=void 0),i.children=void 0;else if("ul"!==i.name&&"ol"!==i.name||!i.c)if("table"===i.name){var f=parseFloat(e.cellpadding),g=parseFloat(e.cellspacing),m=parseFloat(e.border),v=p["border-color"],y=p["border-style"];if(i.c&&(isNaN(f)&&(f=2),isNaN(g)&&(g=2)),m&&(e.style+=";border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray")),i.flag&&i.c){i.flag=void 0,p.display="grid","collapse"===p["border-collapse"]&&(p["border-collapse"]=void 0,g=0),g?(p["grid-gap"]=g+"px",p.padding=g+"px"):m&&(e.style+=";border-left:0;border-top:0");var b=[],x=[],w=[],k={};!function i(e){for(var s=0;s<e.length;s++)if("tr"===e[s].name)x.push(e[s]);else if("colgroup"===e[s].name){var n,a=1,r=t(e[s].children||[]);try{for(r.s();!(n=r.n()).done;){var o=n.value;if("col"===o.name){var l=o.attrs.style||"",h=l.indexOf("width")?l.indexOf(";width"):0;if(-1!==h){var c=l.indexOf(";",h+6);-1===c&&(c=l.length),b[a]=l.substring(h?h+7:6,c)}a+=1}}}catch(t){r.e(t)}finally{r.f()}}else i(e[s].children||[])}(s);for(var N=1;N<=x.length;N++){for(var T=1,O=0;O<x[N-1].children.length;O++){var j=x[N-1].children[O];if("td"===j.name||"th"===j.name){for(;k[N+"."+T];)T++;j.c=1;var S=j.attrs.style||"",C=S.indexOf("width")?S.indexOf(";width"):0;if(-1!==C){var A=S.indexOf(";",C+6);-1===A&&(A=S.length),j.attrs.colspan||(b[T]=S.substring(C?C+7:6,A)),S=S.substr(0,C)+S.substr(A)}if(S+=";display:flex;flex-direction:column",-1!==(C=S.indexOf("vertical-align"))){var I=S.substr(C+15,10);I.includes("middle")?S+=";justify-content:center":I.includes("bottom")&&(S+=";justify-content:flex-end")}else S+=";justify-content:center";if(-1!==(C=S.indexOf("text-align"))){var L=S.substr(C+11,10);L.includes("center")?S+=";justify-content: center":L.includes("right")&&(S+=";justify-content: right")}if(S=(m?";border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray")+(g?"":";border-right:0;border-bottom:0"):"")+(f?";padding:".concat(f,"px"):"")+";"+S,j.attrs.colspan&&(S+=";grid-column-start:".concat(T,";grid-column-end:").concat(T+parseInt(j.attrs.colspan)),j.attrs.rowspan||(S+=";grid-row-start:".concat(N,";grid-row-end:").concat(N+1)),T+=parseInt(j.attrs.colspan)-1),j.attrs.rowspan){S+=";grid-row-start:".concat(N,";grid-row-end:").concat(N+parseInt(j.attrs.rowspan)),j.attrs.colspan||(S+=";grid-column-start:".concat(T,";grid-column-end:").concat(T+1));for(var z=1;z<j.attrs.rowspan;z++)for(var F=0;F<(j.attrs.colspan||1);F++)k[N+z+"."+(T-F)]=1}S&&(j.attrs.style=S),w.push(j),T++}}if(1===N){for(var q="",U=1;U<T;U++)q+=(b[U]?b[U]:"auto")+" ";p["grid-template-columns"]=q}}i.children=w}else i.c&&(p.display="table"),isNaN(g)||(p["border-spacing"]=g+"px"),(m||f||i.c)&&function t(e){for(var s=0;s<e.length;s++){var n=e[s];i.c&&(n.c=1),"th"===n.name||"td"===n.name?(m&&(n.attrs.style="border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray",";").concat(n.attrs.style||"")),f&&(n.attrs.style="padding:".concat(f,"px;").concat(n.attrs.style||""))):n.children&&t(n.children)}}(s);if(this.options.scrollTable&&!(e.style||"").includes("inline")){var V=Object.assign({},i);i.name="div",i.attrs={style:"overflow-x:auto;padding:1px"},i.children=[V],e=V.attrs}}else if(("tbody"===i.name||"tr"===i.name)&&i.flag&&i.c)i.flag=void 0,function t(i){for(var e=0;e<i.length;e++)if("td"===i[e].name)for(var s=0,n=["color","background","background-color"];s<n.length;s++){var a=n[s];p[a]&&(i[e].attrs.style=a+":"+p[a]+";"+(i[e].attrs.style||""))}else t(i[e].children||[])}(s);else if("td"!==i.name&&"th"!==i.name||!e.colspan&&!e.rowspan){if("ruby"===i.name){i.name="span";for(var D=0;D<s.length-1;D++)"text"===s[D].type&&"rt"===s[D+1].name&&(s[D]={name:"span",attrs:{style:"display:inline-block;text-align:center"},children:[{name:"div",attrs:{style:"font-size:50%;"+(s[D+1].attrs.style||"")},children:s[D+1].children},s[D]]},s.splice(D+1,1))}}else for(var B=this.stack.length;B--;)"table"!==this.stack[B].name&&"tbody"!==this.stack[B].name&&"tr"!==this.stack[B].name||(this.stack[B].flag=1);else{var M={a:"lower-alpha",A:"upper-alpha",i:"lower-roman",I:"upper-roman"};M[e.type]&&(e.style+=";list-style-type:"+M[e.type],e.type=void 0),i.c=1;for(var P=s.length;P--;)"li"===s[P].name&&(s[P].c=1)}else i.name="span";if((p.display||"").includes("flex")&&!i.c)for(var Z=s.length;Z--;){var _=s[Z];_.f&&(_.attrs.style=(_.attrs.style||"")+_.f,_.f=void 0)}var E=n&&((n.attrs.style||"").includes("flex")||(n.attrs.style||"").includes("grid"))&&!i.c&&!(p.display||"").includes("inline");E&&(i.f=";max-width:100%"),s.length>=50&&i.c&&!(p.display||"").includes("flex")&&a(s);for(var G in p)if(p[G]){var W=";".concat(G,":").concat(p[G].replace(" !important",""));E&&(G.includes("flex")&&"flex-direction"!==G||"align-self"===G||G.includes("grid")||"-"===p[G][0]||G.includes("width")&&W.includes("%"))?(i.f+=W,"width"===G&&(e.style+=";width:100%")):e.style+=W}e.style=e.style.substr(1)||void 0},r.prototype.onText=function(t){if(!this.pre){for(var i,e="",s=0,a=t.length;s<a;s++)u[t[s]]?(" "!==e[e.length-1]&&(e+=" "),"\n"!==t[s]||i||(i=!0)):e+=t[s];if(" "===e&&i)return;t=e}var r=Object.create(null);if(r.type="text",r.text=n(t),this.hook(r)){(this.stack.length?this.stack[this.stack.length-1].children:this.nodes).push(r)}},o.prototype.parse=function(t){this.content=t||"",this.i=0,this.start=0,this.state=this.text;for(var i=this.content.length;-1!==this.i&&this.i<i;)this.state()},o.prototype.checkClose=function(t){var i="/"===this.content[this.i];return!!(">"===this.content[this.i]||i&&">"===this.content[this.i+1])&&(t&&this.handler[t](this.content.substring(this.start,this.i)),this.i+=i?2:1,this.start=this.i,this.handler.onOpenTag(i),"script"===this.handler.tagName?(this.i=this.content.indexOf("</",this.i),-1!==this.i&&(this.i+=2,this.start=this.i),this.state=this.endTag):this.state=this.text,!0)},o.prototype.text=function(){if(this.i=this.content.indexOf("<",this.i),-1===this.i)return void(this.start<this.content.length&&this.handler.onText(this.content.substring(this.start,this.content.length)));var t=this.content[this.i+1];if(t>="a"&&t<="z"||t>="A"&&t<="Z")this.start!==this.i&&this.handler.onText(this.content.substring(this.start,this.i)),this.start=++this.i,this.state=this.tagName;else if("/"===t||"!"===t||"?"===t){this.start!==this.i&&this.handler.onText(this.content.substring(this.start,this.i));var i=this.content[this.i+2];if("/"===t&&(i>="a"&&i<="z"||i>="A"&&i<="Z"))return this.i+=2,this.start=this.i,void(this.state=this.endTag);var e="--\x3e";"!"===t&&"-"===this.content[this.i+2]&&"-"===this.content[this.i+3]||(e=">"),this.i=this.content.indexOf(e,this.i),-1!==this.i&&(this.i+=e.length,this.start=this.i)}else this.i++},o.prototype.tagName=function(){if(u[this.content[this.i]]){for(this.handler.onTagName(this.content.substring(this.start,this.i));u[this.content[++this.i]];);this.i<this.content.length&&!this.checkClose()&&(this.start=this.i,this.state=this.attrName)}else this.checkClose("onTagName")||this.i++},o.prototype.attrName=function(){var t=this.content[this.i];if(u[t]||"="===t){this.handler.onAttrName(this.content.substring(this.start,this.i));for(var i="="===t,e=this.content.length;++this.i<e;)if(t=this.content[this.i],!u[t]){if(this.checkClose())return;if(i)return this.start=this.i,void(this.state=this.attrVal);if("="!==this.content[this.i])return this.start=this.i,void(this.state=this.attrName);i=!0}}else this.checkClose("onAttrName")||this.i++},o.prototype.attrVal=function(){var t=this.content[this.i],i=this.content.length;if('"'===t||"'"===t){if(this.start=++this.i,this.i=this.content.indexOf(t,this.i),-1===this.i)return;this.handler.onAttrVal(this.content.substring(this.start,this.i))}else for(;this.i<i;this.i++){if(u[this.content[this.i]]){this.handler.onAttrVal(this.content.substring(this.start,this.i));break}if(this.checkClose("onAttrVal"))return}for(;u[this.content[++this.i]];);this.i<i&&!this.checkClose()&&(this.start=this.i,this.state=this.attrName)},o.prototype.endTag=function(){var t=this.content[this.i];if(u[t]||">"===t||"/"===t){if(this.handler.onCloseTag(this.content.substring(this.start,this.i)),">"!==t&&(this.i=this.content.indexOf(">",this.i),-1===this.i))return;this.start=++this.i,this.state=this.text}else this.i++},module.exports=r;
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-toutiao/index.js b/wechat-mini-program/node_modules/mp-html/dist/mp-toutiao/index.js
new file mode 100644
index 0000000..f3a1cb1
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-toutiao/index.js
@@ -0,0 +1,8 @@
+"use strict";function e(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}/*!
+ * mp-html v2.5.1
+ * https://github.com/jin-yufeng/mp-html
+ *
+ * Released under the MIT license
+ * Author: Jin Yufeng
+ */
+var t=require("./parser"),n=[];Component({data:{nodes:[]},properties:{containerStyle:String,content:{type:String,value:"",observer:function(e){this.setContent(e)}},copyLink:{type:Boolean,value:!0},domain:String,errorImg:String,lazyLoad:Boolean,loadingImg:String,pauseVideo:{type:Boolean,value:!0},previewImg:{type:null,value:!0},scrollTable:Boolean,selectable:null,setTitle:{type:Boolean,value:!0},showImgMenu:{type:Boolean,value:!0},tagStyle:Object,useAnchor:null},created:function(){this.plugins=[];for(var e=n.length;e--;)this.plugins.push(new n[e](this))},detached:function(){this._hook("onDetached")},methods:{in:function(e,t,n){e&&t&&n&&(this._in={page:e,selector:t,scrollTop:n})},navigateTo:function(t,n){var i=this;return new Promise(function(o,r){if(!i.data.useAnchor)return void r(Error("Anchor is disabled"));var a=tt.createSelectorQuery().in(i._in?i._in.page:i).select((i._in?i._in.selector:"._root")+(t?"".concat(">>>","#").concat(t):"")).boundingClientRect();i._in?a.select(i._in.selector).scrollOffset().select(i._in.selector).boundingClientRect():a.selectViewport().scrollOffset(),a.exec(function(t){if(!t[0])return void r(Error("Label not found"));var a=t[1].scrollTop+t[0].top-(t[2]?t[2].top:0)+(n||parseInt(i.data.useAnchor)||0);i._in?i._in.page.setData(e({},i._in.scrollTop,a)):tt.pageScrollTo({scrollTop:a,duration:300}),o()})})},getText:function(e){var t="";return function e(n){for(var i=0;i<n.length;i++){var o=n[i];if("text"===o.type)t+=o.text.replace(/&amp;/g,"&");else if("br"===o.name)t+="\n";else{var r="p"===o.name||"div"===o.name||"tr"===o.name||"li"===o.name||"h"===o.name[0]&&o.name[1]>"0"&&o.name[1]<"7";r&&t&&"\n"!==t[t.length-1]&&(t+="\n"),o.children&&e(o.children),r&&"\n"!==t[t.length-1]?t+="\n":"td"!==o.name&&"th"!==o.name||(t+="\t")}}}(e||this.data.nodes),t},getRect:function(){var e=this;return new Promise(function(t,n){tt.createSelectorQuery().in(e).select("._root").boundingClientRect().exec(function(e){return e[0]?t(e[0]):n(Error("Root label not found"))})})},pauseMedia:function(){for(var e=(this._videos||[]).length;e--;)this._videos[e].pause()},setPlaybackRate:function(e){this.playbackRate=e;for(var t=(this._videos||[]).length;t--;)this._videos[t].playbackRate(e)},setContent:function(e,n){var i=this;this.imgList&&n||(this.imgList=[]),this._videos=[];var o={},r=new t(this).parse(e);if(n)for(var a=this.data.nodes.length,s=r.length;s--;)o["nodes[".concat(a+s,"]")]=r[s];else o.nodes=r;if(this.setData(o),this.selectComponent("#_root",function(e){e.root=i,i._hook("onLoad"),i.triggerEvent("load")}),this.data.lazyLoad||this.imgList._unloadimgs<this.imgList.length/2){var l=0,c=function e(t){t&&t.height||(t={}),t.height===l?i.triggerEvent("ready",t):(l=t.height,setTimeout(function(){i.getRect().then(e).catch(e)},350))};this.getRect().then(c).catch(c)}else this.imgList._unloadimgs||this.getRect().then(function(e){i.triggerEvent("ready",e)}).catch(function(){i.triggerEvent("ready",{})})},_hook:function(e){for(var t=n.length;t--;)this.plugins[t][e]&&this.plugins[t][e]()}}});
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-toutiao/index.json b/wechat-mini-program/node_modules/mp-html/dist/mp-toutiao/index.json
new file mode 100644
index 0000000..36b626e
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-toutiao/index.json
@@ -0,0 +1 @@
+{"component":true,"usingComponents":{"node":"./node/node"}}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-toutiao/index.ttml b/wechat-mini-program/node_modules/mp-html/dist/mp-toutiao/index.ttml
new file mode 100644
index 0000000..cc5a5da
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-toutiao/index.ttml
@@ -0,0 +1 @@
+<view class="_root {{selectable?'_select':''}}" style="{{containerStyle}}"><slot tt:if="{{!nodes[0]}}"/><node id="_root" childs="{{nodes}}" opts="{{[lazyLoad,loadingImg,errorImg,showImgMenu,selectable]}}"/></view>
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-toutiao/index.ttss b/wechat-mini-program/node_modules/mp-html/dist/mp-toutiao/index.ttss
new file mode 100644
index 0000000..5f74d06
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-toutiao/index.ttss
@@ -0,0 +1 @@
+._root{padding:1px 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}._select{-webkit-user-select:text;user-select:text}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-toutiao/node/node.js b/wechat-mini-program/node_modules/mp-html/dist/mp-toutiao/node/node.js
new file mode 100644
index 0000000..c5c6265
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-toutiao/node/node.js
@@ -0,0 +1 @@
+"use strict";function t(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,i)}return r}function e(e){for(var i=1;i<arguments.length;i++){var o=null!=arguments[i]?arguments[i]:{};i%2?t(Object(o),!0).forEach(function(t){r(e,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):t(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})}return e}function r(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}Component({data:{ctrl:{}},properties:{childs:Array,opts:Array},options:{addGlobalClass:!0},methods:{noop:function(){},getNode:function(t){try{for(var e=t.split("_"),r=this.data.childs[e[0]],i=1;i<e.length;i++)r=r.children[e[i]];return r}catch(t){return{text:"",attrs:{},children:[]}}},play:function(t){var r=t.target.dataset.i,i=this.getNode(r);if(this.root.triggerEvent("play",{source:i.name,attrs:e(e({},i.attrs),{},{src:i.src[this.data.ctrl[r]||0]})}),this.root.data.pauseVideo){for(var o=!1,a=t.target.id,s=this.root._videos.length;s--;)this.root._videos[s].id===a?o=!0:this.root._videos[s].pause();if(!o){var n=tt.createVideoContext(a,this);n.id=a,this.root.playbackRate&&n.playbackRate(this.root.playbackRate),this.root._videos.push(n)}}},imgTap:function(t){var e=this.getNode(t.target.dataset.i);if(e.a)return this.linkTap(e.a);if(!e.attrs.ignore&&(this.root.triggerEvent("imgtap",e.attrs),this.root.data.previewImg)){var r=this.root.imgList[e.i];tt.previewImage({current:r,urls:this.root.imgList})}},imgLoad:function(t){var e,i=t.target.dataset.i,o=this.getNode(i);o.w?(this.data.opts[1]&&!this.data.ctrl[i]||-1===this.data.ctrl[i])&&(e=1):e=t.detail.width,e&&e!==this.data.ctrl[i]&&this.setData(r({},"ctrl."+i,e)),this.checkReady()},checkReady:function(){var t=this;this.root.data.lazyLoad||(this.root.imgList._unloadimgs-=1,this.root.imgList._unloadimgs||setTimeout(function(){t.root.getRect().then(function(e){t.root.triggerEvent("ready",e)}).catch(function(){t.root.triggerEvent("ready",{})})},350))},linkTap:function(t){var e=t.currentTarget?this.getNode(t.currentTarget.dataset.i):{},r=e.attrs||t,i=r.href;this.root.triggerEvent("linktap",Object.assign({innerText:this.root.getText(e.children||[])},r)),i&&("#"===i[0]?this.root.navigateTo(i.substring(1)).catch(function(){}):i.split("?")[0].includes("://")?this.root.data.copyLink&&tt.setClipboardData({data:i,success:function(){return tt.showToast({title:"链接已复制"})}}):tt.navigateTo({url:i,fail:function(){tt.switchTab({url:i,fail:function(){}})}}))},mediaError:function(t){var e=t.target.dataset.i,i=this.getNode(e);if("video"===i.name||"audio"===i.name){var o=(this.data.ctrl[e]||0)+1;if(o>i.src.length&&(o=0),o<i.src.length)return this.setData(r({},"ctrl."+e,o))}else"img"===i.name&&(this.data.opts[2]&&this.setData(r({},"ctrl."+e,-1)),this.checkReady());this.root&&this.root.triggerEvent("error",{source:i.name,attrs:i.attrs,errMsg:t.detail.errMsg})}}});
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-toutiao/node/node.json b/wechat-mini-program/node_modules/mp-html/dist/mp-toutiao/node/node.json
new file mode 100644
index 0000000..36f7ff7
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-toutiao/node/node.json
@@ -0,0 +1 @@
+{"component":true,"usingComponents":{"node":"./node"}}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-toutiao/node/node.ttml b/wechat-mini-program/node_modules/mp-html/dist/mp-toutiao/node/node.ttml
new file mode 100644
index 0000000..23dcb06
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-toutiao/node/node.ttml
@@ -0,0 +1 @@
+<template name="el"><block tt:if="{{n.name==='img'}}"><rich-text tt:if="{{n.t}}" style="display:{{n.t}}" nodes="<img class='_img' style='{{n.attrs.style}}' src='{{n.attrs.src}}'>" data-i="{{i}}" catchtap="imgTap"/><block tt:else><image tt:if="{{(opts[1]&&!ctrl[i])||ctrl[i]<0}}" class="_img" style="{{n.attrs.style}}" src="{{ctrl[i]<0?opts[2]:opts[1]}}" mode="widthFix"/><image id="{{n.attrs.id}}" class="_img {{n.attrs.class}}" style="{{ctrl[i]===-1?'display:none;':''}}width:{{ctrl[i]||1}}px;height:1px;{{n.attrs.style}}" src="{{n.attrs.src}}" mode="{{!n.h?'widthFix':(!n.w?'heightFix':(n.m||'scaleToFill'))}}" lazy-load="{{opts[0]}}" data-i="{{i}}" bindload="imgLoad" binderror="mediaError" catchtap="imgTap" bindlongpress="noop"/></block></block><text tt:elif="{{n.text}}" decode>{{n.text}}</text><text tt:elif="{{n.name==='br'}}">{{'\n'}}</text><view tt:elif="{{n.name==='a'}}" id="{{n.attrs.id}}" class="{{n.attrs.href?'_a ':''}}{{n.attrs.class}}" hover-class="_hover" style="display:inline;{{n.attrs.style}}" data-i="{{i}}" catchtap="linkTap"><template is="node" data="{{childs:n.children,path:i+'_',opts:opts,ctrl:ctrl}}"></template></view><video tt:elif="{{n.name==='video'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" autoplay="{{n.attrs.autoplay}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" muted="{{n.attrs.muted}}" object-fit="{{n.attrs['object-fit']}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" bindplay="play" binderror="mediaError"/><rich-text tt:else id="{{n.attrs.id}}" style="{{n.f}}" nodes="{{[n]}}"/></template><template name="node"><block tt:for="{{childs}}" tt:for-item="n" tt:for-index="i" tt:key="i"><template tt:if="{{!n.c}}" is="el" data="{{n:n,i:path+i,opts:opts,ctrl:ctrl}}"/><view tt:else id="{{n.attrs.id}}" class="_{{n.name}} {{n.attrs.class}}" style="{{n.attrs.style}}"><template is="node" data="{{childs:n.children,path:path+i+'_',opts:opts,ctrl:ctrl}}"></template></view></block></template><template is="node" data="{{childs:childs,path:'',opts:opts,ctrl:ctrl}}"></template>
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-toutiao/node/node.ttss b/wechat-mini-program/node_modules/mp-html/dist/mp-toutiao/node/node.ttss
new file mode 100644
index 0000000..3b35688
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-toutiao/node/node.ttss
@@ -0,0 +1 @@
+._a{padding:1.5px 0 1.5px 0;color:#366092;word-break:break-all}._hover{text-decoration:underline;opacity:.7}._img{max-width:100%;-webkit-touch-callout:none}._b,._strong{font-weight:700}._code{font-family:monospace}._del{text-decoration:line-through}._em,._i{font-style:italic}._h1{font-size:2em}._h2{font-size:1.5em}._h3{font-size:1.17em}._h5{font-size:.83em}._h6{font-size:.67em}._h1,._h2,._h3,._h4,._h5,._h6{display:block;font-weight:700}._ins{text-decoration:underline}._li{display:list-item}._ol{list-style-type:decimal}._ol,._ul{display:block;padding-left:40px;margin:1em 0}._q::before{content:'"'}._q::after{content:'"'}._sub{font-size:smaller;vertical-align:sub}._sup{font-size:smaller;vertical-align:super}._tbody,._tfoot,._thead{display:table-row-group}._tr{display:table-row}._td,._th{display:table-cell;vertical-align:middle}._th{font-weight:700;text-align:center}._ul{list-style-type:disc}._ul ._ul{margin:0;list-style-type:circle}._ul ._ul ._ul{list-style-type:square}._abbr,._b,._code,._del,._em,._i,._ins,._label,._q,._span,._strong,._sub,._sup{display:inline}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-toutiao/parser.js b/wechat-mini-program/node_modules/mp-html/dist/mp-toutiao/parser.js
new file mode 100644
index 0000000..a2aecc3
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-toutiao/parser.js
@@ -0,0 +1 @@
+"use strict";function t(t,e){var s;if("undefined"==typeof Symbol||null==t[Symbol.iterator]){if(Array.isArray(t)||(s=i(t))||e&&t&&"number"==typeof t.length){s&&(t=s);var n=0,a=function(){};return{s:a,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,l=!1;return{s:function(){s=t[Symbol.iterator]()},n:function(){var t=s.next();return o=t.done,t},e:function(t){l=!0,r=t},f:function(){try{o||null==s.return||s.return()}finally{if(l)throw r}}}}function i(t,i){if(t){if("string"==typeof t)return e(t,i);var s=Object.prototype.toString.call(t).slice(8,-1);return"Object"===s&&t.constructor&&(s=t.constructor.name),"Map"===s||"Set"===s?Array.from(t):"Arguments"===s||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s)?e(t,i):void 0}}function e(t,i){(null==i||i>t.length)&&(i=t.length);for(var e=0,s=new Array(i);e<i;e++)s[e]=t[e];return s}function s(t){for(var i=Object.create(null),e=t.split(","),s=e.length;s--;)i[e[s]]=!0;return i}function n(t,i){for(var e=t.indexOf("&");-1!==e;){var s=t.indexOf(";",e+3),n=void 0;if(-1===s)break;"#"===t[e+1]?(n=parseInt(("x"===t[e+2]?"0":"")+t.substring(e+2,s)),isNaN(n)||(t=t.substr(0,e)+String.fromCharCode(n)+t.substr(s+1))):(n=t.substring(e+1,s),(l.entities[n]||"amp"===n&&i)&&(t=t.substr(0,e)+(l.entities[n]||"&")+t.substr(s+1))),e=t.indexOf("&",e+1)}return t}function a(t){for(var i=t.length-1,e=i;e>=-1;e--)(-1===e||t[e].c||!t[e].name||"div"!==t[e].name&&"p"!==t[e].name&&"h"!==t[e].name[0]||(t[e].attrs.style||"").includes("inline"))&&(i-e>=5&&t.splice(e+1,i-e,{name:"div",attrs:{},children:t.slice(e+1,i+1)}),i=e-1)}function r(t){this.options=t.data||{},this.tagStyle=Object.assign({},l.tagStyle,this.options.tagStyle),this.imgList=t.imgList||[],this.imgList._unloadimgs=0,this.plugins=t.plugins||[],this.attrs=Object.create(null),this.stack=[],this.nodes=[],this.pre=(this.options.containerStyle||"").includes("white-space")&&this.options.containerStyle.includes("pre")?2:0}function o(t){this.handler=t}var l={trustTags:s("a,abbr,ad,audio,b,blockquote,br,code,col,colgroup,dd,del,dl,dt,div,em,fieldset,h1,h2,h3,h4,h5,h6,hr,i,img,ins,label,legend,li,ol,p,q,ruby,rt,source,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,title,ul,video"),blockTags:s("address,article,aside,body,caption,center,cite,footer,header,html,nav,pre,section"),ignoreTags:s("area,base,canvas,embed,frame,head,iframe,input,link,map,meta,param,rp,script,source,style,textarea,title,track,wbr"),voidTags:s("area,base,br,col,circle,ellipse,embed,frame,hr,img,input,line,link,meta,param,path,polygon,rect,source,track,use,wbr"),entities:{lt:"<",gt:">",quot:'"',apos:"'",ensp:" ",emsp:" ",nbsp:" ",semi:";",ndash:"–",mdash:"—",middot:"·",lsquo:"‘",rsquo:"’",ldquo:"“",rdquo:"”",bull:"•",hellip:"…",larr:"←",uarr:"↑",rarr:"→",darr:"↓"},tagStyle:{address:"font-style:italic",big:"display:inline;font-size:1.2em",caption:"display:table-caption;text-align:center",center:"text-align:center",cite:"font-style:italic",dd:"margin-left:40px",mark:"background-color:yellow",pre:"font-family:monospace;white-space:pre",s:"text-decoration:line-through",small:"display:inline;font-size:0.8em",strike:"text-decoration:line-through",u:"text-decoration:underline"},svgDict:{animatetransform:"animateTransform",lineargradient:"linearGradient",viewbox:"viewBox",attributename:"attributeName",repeatcount:"repeatCount",repeatdur:"repeatDur",foreignobject:"foreignObject"}},h={},c,d,p=tt.getSystemInfoSync();c=p.windowWidth;var u=s(" ,\r,\n,\t,\f"),f=0;r.prototype.parse=function(t){for(var i=this.plugins.length;i--;)this.plugins[i].onUpdate&&(t=this.plugins[i].onUpdate(t,l)||t);for(new o(this).parse(t);this.stack.length;)this.popNode();return this.nodes.length>50&&a(this.nodes),this.nodes},r.prototype.expose=function(){for(var t=this.stack.length;t--;){var i=this.stack[t];if(i.c||"a"===i.name||"video"===i.name||"audio"===i.name)return;i.c=1}},r.prototype.hook=function(t){for(var i=this.plugins.length;i--;)if(this.plugins[i].onParse&&!1===this.plugins[i].onParse(t,this))return!1;return!0},r.prototype.getUrl=function(t){var i=this.options.domain;return"/"===t[0]?"/"===t[1]?t=(i?i.split("://")[0]:"http")+":"+t:i&&(t=i+t):!i||t.includes("data:")||t.includes("://")||(t=i+"/"+t),t},r.prototype.parseStyle=function(t){var i=t.attrs,e=(this.tagStyle[t.name]||"").split(";").concat((i.style||"").split(";")),s={},n="";i.id&&!this.xml&&(this.options.useAnchor?this.expose():"img"!==t.name&&"a"!==t.name&&"video"!==t.name&&"audio"!==t.name&&(i.id=void 0)),i.width&&(s.width=parseFloat(i.width)+(i.width.includes("%")?"%":"px"),i.width=void 0),i.height&&(s.height=parseFloat(i.height)+(i.height.includes("%")?"%":"px"),i.height=void 0);for(var a=0,r=e.length;a<r;a++){var o=e[a].split(":");if(!(o.length<2)){var l=o.shift().trim().toLowerCase(),h=o.join(":").trim();if("-"===h[0]&&h.lastIndexOf("-")>0||h.includes("safe"))n+=";".concat(l,":").concat(h);else if(!s[l]||h.includes("import")||!s[l].includes("import")){if(h.includes("url")){var d=h.indexOf("(")+1;if(d){for(;'"'===h[d]||"'"===h[d]||u[h[d]];)d++;h=h.substr(0,d)+this.getUrl(h.substr(d))}}else h.includes("rpx")&&(h=h.replace(/[0-9.]+\s*rpx/g,function(t){return parseFloat(t)*c/750+"px"}));s[l]=h}}}return t.attrs.style=n,s},r.prototype.onTagName=function(t){this.tagName=this.xml?t:t.toLowerCase(),"svg"===this.tagName&&(this.xml=(this.xml||0)+1,l.ignoreTags.style=void 0)},r.prototype.onAttrName=function(t){t=this.xml?t:t.toLowerCase(),"data-"===t.substr(0,5)?"data-src"!==t||this.attrs.src?"img"===this.tagName||"a"===this.tagName?this.attrName=t:this.attrName=void 0:this.attrName="src":(this.attrName=t,this.attrs[t]="T")},r.prototype.onAttrVal=function(t){var i=this.attrName||"";"style"===i||"href"===i?this.attrs[i]=n(t,!0):i.includes("src")?this.attrs[i]=this.getUrl(n(t,!0)):i&&(this.attrs[i]=t)},r.prototype.onOpenTag=function(t){var i=Object.create(null);i.name=this.tagName,i.attrs=this.attrs,this.attrs=Object.create(null);var e=i.attrs,s=this.stack[this.stack.length-1],n=s?s.children:this.nodes,a=this.xml?t:l.voidTags[i.name];if(h[i.name]&&(e.class=h[i.name]+(e.class?" "+e.class:"")),"embed"===i.name){var r=e.src||"";r.includes(".mp4")||r.includes(".3gp")||r.includes(".m3u8")||(e.type||"").includes("video")?i.name="video":(r.includes(".mp3")||r.includes(".wav")||r.includes(".aac")||r.includes(".m4a")||(e.type||"").includes("audio"))&&(i.name="audio"),e.autostart&&(e.autoplay="T"),e.controls="T"}if("video"!==i.name&&"audio"!==i.name||("video"!==i.name||e.id||(e.id="v"+f++),e.controls||e.autoplay||(e.controls="T"),i.src=[],e.src&&(i.src.push(e.src),e.src=void 0),this.expose()),a){if(!this.hook(i)||l.ignoreTags[i.name])return void("base"!==i.name||this.options.domain?"source"===i.name&&s&&("video"===s.name||"audio"===s.name)&&e.src&&s.src.push(e.src):this.options.domain=e.href);var o=this.parseStyle(i);if("img"===i.name){if(e.src&&(e.src.includes("webp")&&(i.webp="T"),e.src.includes("data:")&&"all"!==this.options.previewImg&&!e["original-src"]&&(e.ignore="T"),!e.ignore||i.webp||e.src.includes("cloud://"))){for(var d=this.stack.length;d--;){var p=this.stack[d];"table"!==p.name||i.webp||e.src.includes("cloud://")||(!o.display||o.display.includes("inline")?i.t="inline-block":i.t=o.display,o.display=void 0);var u=p.attrs.style||"";if(!u.includes("flex:")||u.includes("flex:0")||u.includes("flex: 0")||o.width&&!(parseInt(o.width)>100))if(u.includes("flex")&&"100%"===o.width)for(var g=d+1;g<this.stack.length;g++){var m=this.stack[g].attrs.style||"";if(!m.includes(";width")&&!m.includes(" width")&&0!==m.indexOf("width")){o.width="";break}}else u.includes("inline-block")&&(o.width&&"%"===o.width[o.width.length-1]?(p.attrs.style+=";max-width:"+o.width,o.width=""):p.attrs.style+=";max-width:100%");else{o.width="100% !important",o.height="";for(var v=d+1;v<this.stack.length;v++)this.stack[v].attrs.style=(this.stack[v].attrs.style||"").replace("inline-","")}"a"===p.name?i.a=p.attrs:p.c=1}i.i=this.imgList.length;var y=e["original-src"]||e.src;if(this.imgList.includes(y)){var b=y.indexOf("://");if(-1!==b){b+=3;for(var x=y.substr(0,b);b<y.length&&"/"!==y[b];b++)x+=Math.random()>.5?y[b].toUpperCase():y[b];x+=y.substr(b),y=x}}this.imgList.push(y),i.t||(this.imgList._unloadimgs+=1)}"inline"===o.display&&(o.display=""),e.ignore&&(o["max-width"]=o["max-width"]||"100%",e.style+=";-webkit-touch-callout:none"),parseInt(o.width)>c&&(o.height=void 0),isNaN(parseInt(o.width))||(i.w="T"),!isNaN(parseInt(o.height))&&(!o.height.includes("%")||s&&(s.attrs.style||"").includes("height"))&&(i.h="T"),i.w&&i.h&&o["object-fit"]&&("contain"===o["object-fit"]?i.m="aspectFit":"cover"===o["object-fit"]&&(i.m="aspectFill"))}else if("svg"===i.name)return n.push(i),this.stack.push(i),void this.popNode();for(var w in o)o[w]&&(e.style+=";".concat(w,":").concat(o[w].replace(" !important","")));e.style=e.style.substr(1)||void 0}else("pre"===i.name||(e.style||"").includes("white-space")&&e.style.includes("pre"))&&2!==this.pre&&(this.pre=i.pre=1),i.children=[],this.stack.push(i);n.push(i)},r.prototype.onCloseTag=function(t){t=this.xml?t:t.toLowerCase();var i;for(i=this.stack.length;i--&&this.stack[i].name!==t;);if(-1!==i)for(;this.stack.length>i;)this.popNode();else if("p"===t||"br"===t){var e=this.stack.length?this.stack[this.stack.length-1].children:this.nodes;e.push({name:t,attrs:{class:h[t],style:this.tagStyle[t]}})}},r.prototype.popNode=function(){var i=this.stack.pop(),e=i.attrs,s=i.children,n=this.stack[this.stack.length-1],r=n?n.children:this.nodes;if(!this.hook(i)||l.ignoreTags[i.name])return"title"===i.name&&s.length&&"text"===s[0].type&&this.options.setTitle&&tt.setNavigationBarTitle({title:s[0].text}),void r.pop();if(i.pre&&2!==this.pre){this.pre=i.pre=void 0;for(var o=this.stack.length;o--;)this.stack[o].pre&&(this.pre=1)}if("svg"===i.name){if(this.xml>1)return void this.xml--;var h="",d=e.style;return e.style="",e.xmlns="http://www.w3.org/2000/svg",function i(e){if("text"===e.type)return void(h+=e.text);var s=l.svgDict[e.name]||e.name;if("foreignObject"===s){var n,a=t(e.children||[]);try{for(a.s();!(n=a.n()).done;){var r=n.value;if(r.attrs&&!r.attrs.xmlns){r.attrs.xmlns="http://www.w3.org/1999/xhtml";break}}}catch(t){a.e(t)}finally{a.f()}}h+="<"+s;for(var o in e.attrs){var c=e.attrs[o];c&&(h+=" ".concat(l.svgDict[o]||o,'="').concat(c.replace(/"/g,""),'"'))}if(e.children){h+=">";for(var d=0;d<e.children.length;d++)i(e.children[d]);h+="</"+s+">"}else h+="/>"}(i),i.name="img",i.attrs={src:"data:image/svg+xml;utf8,"+h.replace(/#/g,"%23"),style:d,ignore:"T"},i.children=void 0,this.xml=!1,void(l.ignoreTags.style=!0)}var p={};if(e.align&&("table"===i.name?"center"===e.align?p["margin-inline-start"]=p["margin-inline-end"]="auto":p.float=e.align:p["text-align"]=e.align,e.align=void 0),e.dir&&(p.direction=e.dir,e.dir=void 0),"font"===i.name&&(e.color&&(p.color=e.color,e.color=void 0),e.face&&(p["font-family"]=e.face,e.face=void 0),e.size)){var u=parseInt(e.size);isNaN(u)||(u<1?u=1:u>7&&(u=7),p["font-size"]=["x-small","small","medium","large","x-large","xx-large","xxx-large"][u-1]),e.size=void 0}if((e.class||"").includes("align-center")&&(p["text-align"]="center"),Object.assign(p,this.parseStyle(i)),"table"!==i.name&&parseInt(p.width)>c&&(p["max-width"]="100%",p["box-sizing"]="border-box"),l.blockTags[i.name])i.name="div";else if(l.trustTags[i.name]||this.xml)if("a"===i.name||"ad"===i.name)this.expose();else if("video"===i.name||"audio"===i.name)(p.height||"").includes("auto")&&(p.height=void 0),i.children=void 0;else if("ul"!==i.name&&"ol"!==i.name||!i.c)if("table"===i.name){var f=parseFloat(e.cellpadding),g=parseFloat(e.cellspacing),m=parseFloat(e.border),v=p["border-color"],y=p["border-style"];if(i.c&&(isNaN(f)&&(f=2),isNaN(g)&&(g=2)),m&&(e.style+=";border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray")),i.flag&&i.c){i.flag=void 0,p.display="grid","collapse"===p["border-collapse"]&&(p["border-collapse"]=void 0,g=0),g?(p["grid-gap"]=g+"px",p.padding=g+"px"):m&&(e.style+=";border-left:0;border-top:0");var b=[],x=[],w=[],k={};!function i(e){for(var s=0;s<e.length;s++)if("tr"===e[s].name)x.push(e[s]);else if("colgroup"===e[s].name){var n,a=1,r=t(e[s].children||[]);try{for(r.s();!(n=r.n()).done;){var o=n.value;if("col"===o.name){var l=o.attrs.style||"",h=l.indexOf("width")?l.indexOf(";width"):0;if(-1!==h){var c=l.indexOf(";",h+6);-1===c&&(c=l.length),b[a]=l.substring(h?h+7:6,c)}a+=1}}}catch(t){r.e(t)}finally{r.f()}}else i(e[s].children||[])}(s);for(var N=1;N<=x.length;N++){for(var T=1,O=0;O<x[N-1].children.length;O++){var j=x[N-1].children[O];if("td"===j.name||"th"===j.name){for(;k[N+"."+T];)T++;j.c=1;var S=j.attrs.style||"",C=S.indexOf("width")?S.indexOf(";width"):0;if(-1!==C){var A=S.indexOf(";",C+6);-1===A&&(A=S.length),j.attrs.colspan||(b[T]=S.substring(C?C+7:6,A)),S=S.substr(0,C)+S.substr(A)}if(S+=";display:flex;flex-direction:column",-1!==(C=S.indexOf("vertical-align"))){var I=S.substr(C+15,10);I.includes("middle")?S+=";justify-content:center":I.includes("bottom")&&(S+=";justify-content:flex-end")}else S+=";justify-content:center";if(-1!==(C=S.indexOf("text-align"))){var L=S.substr(C+11,10);L.includes("center")?S+=";justify-content: center":L.includes("right")&&(S+=";justify-content: right")}if(S=(m?";border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray")+(g?"":";border-right:0;border-bottom:0"):"")+(f?";padding:".concat(f,"px"):"")+";"+S,j.attrs.colspan&&(S+=";grid-column-start:".concat(T,";grid-column-end:").concat(T+parseInt(j.attrs.colspan)),j.attrs.rowspan||(S+=";grid-row-start:".concat(N,";grid-row-end:").concat(N+1)),T+=parseInt(j.attrs.colspan)-1),j.attrs.rowspan){S+=";grid-row-start:".concat(N,";grid-row-end:").concat(N+parseInt(j.attrs.rowspan)),j.attrs.colspan||(S+=";grid-column-start:".concat(T,";grid-column-end:").concat(T+1));for(var z=1;z<j.attrs.rowspan;z++)for(var F=0;F<(j.attrs.colspan||1);F++)k[N+z+"."+(T-F)]=1}S&&(j.attrs.style=S),w.push(j),T++}}if(1===N){for(var q="",U=1;U<T;U++)q+=(b[U]?b[U]:"auto")+" ";p["grid-template-columns"]=q}}i.children=w}else i.c&&(p.display="table"),isNaN(g)||(p["border-spacing"]=g+"px"),(m||f||i.c)&&function t(e){for(var s=0;s<e.length;s++){var n=e[s];i.c&&(n.c=1),"th"===n.name||"td"===n.name?(m&&(n.attrs.style="border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray",";").concat(n.attrs.style||"")),f&&(n.attrs.style="padding:".concat(f,"px;").concat(n.attrs.style||""))):n.children&&t(n.children)}}(s);if(this.options.scrollTable&&!(e.style||"").includes("inline")){var V=Object.assign({},i);i.name="div",i.attrs={style:"overflow-x:auto;padding:1px"},i.children=[V],e=V.attrs}}else if(("tbody"===i.name||"tr"===i.name)&&i.flag&&i.c)i.flag=void 0,function t(i){for(var e=0;e<i.length;e++)if("td"===i[e].name)for(var s=0,n=["color","background","background-color"];s<n.length;s++){var a=n[s];p[a]&&(i[e].attrs.style=a+":"+p[a]+";"+(i[e].attrs.style||""))}else t(i[e].children||[])}(s);else if("td"!==i.name&&"th"!==i.name||!e.colspan&&!e.rowspan){if("ruby"===i.name){i.name="span";for(var D=0;D<s.length-1;D++)"text"===s[D].type&&"rt"===s[D+1].name&&(s[D]={name:"span",attrs:{style:"display:inline-block;text-align:center"},children:[{name:"div",attrs:{style:"font-size:50%;"+(s[D+1].attrs.style||"")},children:s[D+1].children},s[D]]},s.splice(D+1,1))}}else for(var B=this.stack.length;B--;)"table"!==this.stack[B].name&&"tbody"!==this.stack[B].name&&"tr"!==this.stack[B].name||(this.stack[B].flag=1);else{var M={a:"lower-alpha",A:"upper-alpha",i:"lower-roman",I:"upper-roman"};M[e.type]&&(e.style+=";list-style-type:"+M[e.type],e.type=void 0),i.c=1;for(var P=s.length;P--;)"li"===s[P].name&&(s[P].c=1)}else i.name="span";if((p.display||"").includes("flex")&&!i.c)for(var Z=s.length;Z--;){var _=s[Z];_.f&&(_.attrs.style=(_.attrs.style||"")+_.f,_.f=void 0)}var E=n&&((n.attrs.style||"").includes("flex")||(n.attrs.style||"").includes("grid"))&&!i.c;E&&(i.f=";max-width:100%"),s.length>=50&&i.c&&!(p.display||"").includes("flex")&&a(s);for(var G in p)if(p[G]){var W=";".concat(G,":").concat(p[G].replace(" !important",""));E&&(G.includes("flex")&&"flex-direction"!==G||"align-self"===G||G.includes("grid")||"-"===p[G][0]||G.includes("width")&&W.includes("%"))?(i.f+=W,"width"===G&&(e.style+=";width:100%")):e.style+=W}e.style=e.style.substr(1)||void 0},r.prototype.onText=function(t){if(!this.pre){for(var i,e="",s=0,a=t.length;s<a;s++)u[t[s]]?(" "!==e[e.length-1]&&(e+=" "),"\n"!==t[s]||i||(i=!0)):e+=t[s];if(" "===e&&i)return;t=e}var r=Object.create(null);if(r.type="text",r.text=n(t),this.hook(r)){(this.stack.length?this.stack[this.stack.length-1].children:this.nodes).push(r)}},o.prototype.parse=function(t){this.content=t||"",this.i=0,this.start=0,this.state=this.text;for(var i=this.content.length;-1!==this.i&&this.i<i;)this.state()},o.prototype.checkClose=function(t){var i="/"===this.content[this.i];return!!(">"===this.content[this.i]||i&&">"===this.content[this.i+1])&&(t&&this.handler[t](this.content.substring(this.start,this.i)),this.i+=i?2:1,this.start=this.i,this.handler.onOpenTag(i),"script"===this.handler.tagName?(this.i=this.content.indexOf("</",this.i),-1!==this.i&&(this.i+=2,this.start=this.i),this.state=this.endTag):this.state=this.text,!0)},o.prototype.text=function(){if(this.i=this.content.indexOf("<",this.i),-1===this.i)return void(this.start<this.content.length&&this.handler.onText(this.content.substring(this.start,this.content.length)));var t=this.content[this.i+1];if(t>="a"&&t<="z"||t>="A"&&t<="Z")this.start!==this.i&&this.handler.onText(this.content.substring(this.start,this.i)),this.start=++this.i,this.state=this.tagName;else if("/"===t||"!"===t||"?"===t){this.start!==this.i&&this.handler.onText(this.content.substring(this.start,this.i));var i=this.content[this.i+2];if("/"===t&&(i>="a"&&i<="z"||i>="A"&&i<="Z"))return this.i+=2,this.start=this.i,void(this.state=this.endTag);var e="--\x3e";"!"===t&&"-"===this.content[this.i+2]&&"-"===this.content[this.i+3]||(e=">"),this.i=this.content.indexOf(e,this.i),-1!==this.i&&(this.i+=e.length,this.start=this.i)}else this.i++},o.prototype.tagName=function(){if(u[this.content[this.i]]){for(this.handler.onTagName(this.content.substring(this.start,this.i));u[this.content[++this.i]];);this.i<this.content.length&&!this.checkClose()&&(this.start=this.i,this.state=this.attrName)}else this.checkClose("onTagName")||this.i++},o.prototype.attrName=function(){var t=this.content[this.i];if(u[t]||"="===t){this.handler.onAttrName(this.content.substring(this.start,this.i));for(var i="="===t,e=this.content.length;++this.i<e;)if(t=this.content[this.i],!u[t]){if(this.checkClose())return;if(i)return this.start=this.i,void(this.state=this.attrVal);if("="!==this.content[this.i])return this.start=this.i,void(this.state=this.attrName);i=!0}}else this.checkClose("onAttrName")||this.i++},o.prototype.attrVal=function(){var t=this.content[this.i],i=this.content.length;if('"'===t||"'"===t){if(this.start=++this.i,this.i=this.content.indexOf(t,this.i),-1===this.i)return;this.handler.onAttrVal(this.content.substring(this.start,this.i))}else for(;this.i<i;this.i++){if(u[this.content[this.i]]){this.handler.onAttrVal(this.content.substring(this.start,this.i));break}if(this.checkClose("onAttrVal"))return}for(;u[this.content[++this.i]];);this.i<i&&!this.checkClose()&&(this.start=this.i,this.state=this.attrName)},o.prototype.endTag=function(){var t=this.content[this.i];if(u[t]||">"===t||"/"===t){if(this.handler.onCloseTag(this.content.substring(this.start,this.i)),">"!==t&&(this.i=this.content.indexOf(">",this.i),-1===this.i))return;this.start=++this.i,this.state=this.text}else this.i++},module.exports=r;
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-weixin/index.js b/wechat-mini-program/node_modules/mp-html/dist/mp-weixin/index.js
new file mode 100644
index 0000000..3e878fd
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-weixin/index.js
@@ -0,0 +1,8 @@
+"use strict";function e(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}/*!
+ * mp-html v2.5.1
+ * https://github.com/jin-yufeng/mp-html
+ *
+ * Released under the MIT license
+ * Author: Jin Yufeng
+ */
+var t=require("./parser"),n=[];Component({data:{nodes:[]},properties:{containerStyle:String,content:{type:String,value:"",observer:function(e){this.setContent(e)}},copyLink:{type:Boolean,value:!0},domain:String,errorImg:String,lazyLoad:Boolean,loadingImg:String,pauseVideo:{type:Boolean,value:!0},previewImg:{type:null,value:!0},scrollTable:Boolean,selectable:null,setTitle:{type:Boolean,value:!0},showImgMenu:{type:Boolean,value:!0},tagStyle:Object,useAnchor:null},created:function(){this.plugins=[];for(var e=n.length;e--;)this.plugins.push(new n[e](this))},detached:function(){this._hook("onDetached")},methods:{in:function(e,t,n){e&&t&&n&&(this._in={page:e,selector:t,scrollTop:n})},navigateTo:function(t,n){var i=this;return new Promise(function(o,r){if(!i.data.useAnchor)return void r(Error("Anchor is disabled"));var a=wx.createSelectorQuery().in(i._in?i._in.page:i).select((i._in?i._in.selector:"._root")+(t?"".concat(">>>","#").concat(t):"")).boundingClientRect();i._in?a.select(i._in.selector).scrollOffset().select(i._in.selector).boundingClientRect():a.selectViewport().scrollOffset(),a.exec(function(t){if(!t[0])return void r(Error("Label not found"));var a=t[1].scrollTop+t[0].top-(t[2]?t[2].top:0)+(n||parseInt(i.data.useAnchor)||0);i._in?i._in.page.setData(e({},i._in.scrollTop,a)):wx.pageScrollTo({scrollTop:a,duration:300}),o()})})},getText:function(e){var t="";return function e(n){for(var i=0;i<n.length;i++){var o=n[i];if("text"===o.type)t+=o.text.replace(/&amp;/g,"&");else if("br"===o.name)t+="\n";else{var r="p"===o.name||"div"===o.name||"tr"===o.name||"li"===o.name||"h"===o.name[0]&&o.name[1]>"0"&&o.name[1]<"7";r&&t&&"\n"!==t[t.length-1]&&(t+="\n"),o.children&&e(o.children),r&&"\n"!==t[t.length-1]?t+="\n":"td"!==o.name&&"th"!==o.name||(t+="\t")}}}(e||this.data.nodes),t},getRect:function(){var e=this;return new Promise(function(t,n){wx.createSelectorQuery().in(e).select("._root").boundingClientRect().exec(function(e){return e[0]?t(e[0]):n(Error("Root label not found"))})})},pauseMedia:function(){for(var e=(this._videos||[]).length;e--;)this._videos[e].pause()},setPlaybackRate:function(e){this.playbackRate=e;for(var t=(this._videos||[]).length;t--;)this._videos[t].playbackRate(e)},setContent:function(e,n){var i=this;this.imgList&&n||(this.imgList=[]),this._videos=[];var o={},r=new t(this).parse(e);if(n)for(var a=this.data.nodes.length,s=r.length;s--;)o["nodes[".concat(a+s,"]")]=r[s];else o.nodes=r;if(this.setData(o,function(){i._hook("onLoad"),i.triggerEvent("load")}),this.data.lazyLoad||this.imgList._unloadimgs<this.imgList.length/2){var l=0,c=function e(t){t&&t.height||(t={}),t.height===l?i.triggerEvent("ready",t):(l=t.height,setTimeout(function(){i.getRect().then(e).catch(e)},350))};this.getRect().then(c).catch(c)}else this.imgList._unloadimgs||this.getRect().then(function(e){i.triggerEvent("ready",e)}).catch(function(){i.triggerEvent("ready",{})})},_hook:function(e){for(var t=n.length;t--;)this.plugins[t][e]&&this.plugins[t][e]()},_add:function(e){e.detail.root=this}}});
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-weixin/index.json b/wechat-mini-program/node_modules/mp-html/dist/mp-weixin/index.json
new file mode 100644
index 0000000..36b626e
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-weixin/index.json
@@ -0,0 +1 @@
+{"component":true,"usingComponents":{"node":"./node/node"}}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-weixin/index.wxml b/wechat-mini-program/node_modules/mp-html/dist/mp-weixin/index.wxml
new file mode 100644
index 0000000..3021bfc
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-weixin/index.wxml
@@ -0,0 +1 @@
+<view class="_root {{selectable?'_select':''}}" style="{{containerStyle}}"><slot wx:if="{{!nodes[0]}}"/><node id="_root" childs="{{nodes}}" opts="{{[lazyLoad,loadingImg,errorImg,showImgMenu,selectable]}}" catchadd="_add"/></view>
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-weixin/index.wxss b/wechat-mini-program/node_modules/mp-html/dist/mp-weixin/index.wxss
new file mode 100644
index 0000000..5f74d06
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-weixin/index.wxss
@@ -0,0 +1 @@
+._root{padding:1px 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}._select{-webkit-user-select:text;user-select:text}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-weixin/node/node.js b/wechat-mini-program/node_modules/mp-html/dist/mp-weixin/node/node.js
new file mode 100644
index 0000000..8fc562a
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-weixin/node/node.js
@@ -0,0 +1 @@
+"use strict";function t(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,i)}return r}function e(e){for(var i=1;i<arguments.length;i++){var o=null!=arguments[i]?arguments[i]:{};i%2?t(Object(o),!0).forEach(function(t){r(e,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):t(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})}return e}function r(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}Component({data:{ctrl:{},isiOS:wx.getSystemInfoSync().system.includes("iOS")},properties:{childs:Array,opts:Array},options:{addGlobalClass:!0},attached:function(){this.triggerEvent("add",this,{bubbles:!0,composed:!0})},methods:{noop:function(){},getNode:function(t){try{for(var e=t.split("_"),r=this.data.childs[e[0]],i=1;i<e.length;i++)r=r.children[e[i]];return r}catch(t){return{text:"",attrs:{},children:[]}}},play:function(t){var r=t.target.dataset.i,i=this.getNode(r);if(this.root.triggerEvent("play",{source:i.name,attrs:e(e({},i.attrs),{},{src:i.src[this.data.ctrl[r]||0]})}),this.root.data.pauseVideo){for(var o=!1,s=t.target.id,a=this.root._videos.length;a--;)this.root._videos[a].id===s?o=!0:this.root._videos[a].pause();if(!o){var n=wx.createVideoContext(s,this);n.id=s,this.root.playbackRate&&n.playbackRate(this.root.playbackRate),this.root._videos.push(n)}}},imgTap:function(t){var e=this.getNode(t.target.dataset.i);if(e.a)return this.linkTap(e.a);if(!e.attrs.ignore&&(this.root.triggerEvent("imgtap",e.attrs),this.root.data.previewImg)){var r=this.root.imgList[e.i];wx.previewImage({showmenu:this.root.data.showImgMenu,current:r,urls:this.root.imgList})}},imgLoad:function(t){var e,i=t.target.dataset.i,o=this.getNode(i);o.w?(this.data.opts[1]&&!this.data.ctrl[i]||-1===this.data.ctrl[i])&&(e=1):e=t.detail.width,e&&this.setData(r({},"ctrl."+i,e)),this.checkReady()},checkReady:function(){var t=this;this.root.data.lazyLoad||(this.root.imgList._unloadimgs-=1,this.root.imgList._unloadimgs||setTimeout(function(){t.root.getRect().then(function(e){t.root.triggerEvent("ready",e)}).catch(function(){t.root.triggerEvent("ready",{})})},350))},linkTap:function(t){var e=t.currentTarget?this.getNode(t.currentTarget.dataset.i):{},r=e.attrs||t,i=r.href;this.root.triggerEvent("linktap",Object.assign({innerText:this.root.getText(e.children||[])},r)),i&&("#"===i[0]?this.root.navigateTo(i.substring(1)).catch(function(){}):i.split("?")[0].includes("://")?this.root.data.copyLink&&wx.setClipboardData({data:i,success:function(){return wx.showToast({title:"链接已复制"})}}):wx.navigateTo({url:i,fail:function(){wx.switchTab({url:i,fail:function(){}})}}))},mediaError:function(t){var e=t.target.dataset.i,i=this.getNode(e);if("video"===i.name||"audio"===i.name){var o=(this.data.ctrl[e]||0)+1;if(o>i.src.length&&(o=0),o<i.src.length)return this.setData(r({},"ctrl."+e,o))}else"img"===i.name&&(this.data.opts[2]&&this.setData(r({},"ctrl."+e,-1)),this.checkReady());this.root&&this.root.triggerEvent("error",{source:i.name,attrs:i.attrs,errMsg:t.detail.errMsg})}}});
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-weixin/node/node.json b/wechat-mini-program/node_modules/mp-html/dist/mp-weixin/node/node.json
new file mode 100644
index 0000000..36f7ff7
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-weixin/node/node.json
@@ -0,0 +1 @@
+{"component":true,"usingComponents":{"node":"./node"}}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-weixin/node/node.wxml b/wechat-mini-program/node_modules/mp-html/dist/mp-weixin/node/node.wxml
new file mode 100644
index 0000000..9d805d6
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-weixin/node/node.wxml
@@ -0,0 +1 @@
+<wxs module="isInline">var e={abbr:!0,b:!0,big:!0,code:!0,del:!0,em:!0,i:!0,ins:!0,label:!0,q:!0,small:!0,span:!0,strong:!0,sub:!0,sup:!0};module.exports=function(n,i){return e[n]||-1!==(i||"").indexOf("inline")};</wxs><template name="el"><block wx:if="{{n.name==='img'}}"><rich-text wx:if="{{n.t}}" style="display:{{n.t}}" nodes="<img class='_img' style='{{n.attrs.style}}' src='{{n.attrs.src}}'>" data-i="{{i}}" catchtap="imgTap"/><block wx:else><image wx:if="{{(opts[1]&&!ctrl[i])||ctrl[i]<0}}" class="_img" style="{{n.attrs.style}}" src="{{ctrl[i]<0?opts[2]:opts[1]}}" mode="widthFix"/><image id="{{n.attrs.id}}" class="_img {{n.attrs.class}}" style="{{ctrl[i]===-1?'display:none;':''}}width:{{ctrl[i]||1}}px;height:1px;{{n.attrs.style}}" src="{{n.attrs.src}}" mode="{{!n.h?'widthFix':(!n.w?'heightFix':(n.m||'scaleToFill'))}}" lazy-load="{{opts[0]}}" webp="{{n.webp}}" show-menu-by-longpress="{{opts[3]&&!n.attrs.ignore}}" data-i="{{i}}" bindload="imgLoad" binderror="mediaError" catchtap="imgTap" bindlongpress="noop"/></block></block><text wx:elif="{{n.text}}" user-select="{{opts[4]=='force'&&isiOS}}" decode>{{n.text}}</text><text wx:elif="{{n.name==='br'}}">{{'\n'}}</text><view wx:elif="{{n.name==='a'}}" id="{{n.attrs.id}}" class="{{n.attrs.href?'_a ':''}}{{n.attrs.class}}" hover-class="_hover" style="display:inline;{{n.attrs.style}}" data-i="{{i}}" catchtap="linkTap"><node childs="{{n.children}}" opts="{{opts}}" style="display:inherit"/></view><video wx:elif="{{n.name==='video'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" autoplay="{{n.attrs.autoplay}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" muted="{{n.attrs.muted}}" object-fit="{{n.attrs['object-fit']}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" bindplay="play" binderror="mediaError"/><audio wx:elif="{{n.name==='audio'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" author="{{n.attrs.author}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" name="{{n.attrs.name}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" bindplay="play" binderror="mediaError"/><rich-text wx:else id="{{n.attrs.id}}" style="{{n.f}}" user-select="{{opts[4]}}" nodes="{{[n]}}"/></template><block wx:for="{{childs}}" wx:for-item="n1" wx:for-index="i1" wx:key="i1"><template wx:if="{{!n1.c&&(!n1.children||n1.name==='a'||!isInline(n1.name,n1.attrs.style))}}" is="el" data="{{n:n1,i:''+i1,opts:opts,ctrl:ctrl}}"/><view wx:else id="{{n1.attrs.id}}" class="_{{n1.name}} {{n1.attrs.class}}" style="{{n1.attrs.style}}"><block wx:for="{{n1.children}}" wx:for-item="n2" wx:for-index="i2" wx:key="i2"><template wx:if="{{!n2.c&&(!n2.children||n2.name==='a'||!isInline(n2.name,n2.attrs.style))}}" is="el" data="{{n:n2,i:i1+'_'+i2,opts:opts,ctrl:ctrl}}"/><view wx:else id="{{n2.attrs.id}}" class="_{{n2.name}} {{n2.attrs.class}}" style="{{n2.attrs.style}}"><block wx:for="{{n2.children}}" wx:for-item="n3" wx:for-index="i3" wx:key="i3"><template wx:if="{{!n3.c&&(!n3.children||n3.name==='a'||!isInline(n3.name,n3.attrs.style))}}" is="el" data="{{n:n3,i:i1+'_'+i2+'_'+i3,opts:opts,ctrl:ctrl}}"/><view wx:else id="{{n3.attrs.id}}" class="_{{n3.name}} {{n3.attrs.class}}" style="{{n3.attrs.style}}"><block wx:for="{{n3.children}}" wx:for-item="n4" wx:for-index="i4" wx:key="i4"><template wx:if="{{!n4.c&&(!n4.children||n4.name==='a'||!isInline(n4.name,n4.attrs.style))}}" is="el" data="{{n:n4,i:i1+'_'+i2+'_'+i3+'_'+i4,opts:opts,ctrl:ctrl}}"/><view wx:else id="{{n4.attrs.id}}" class="_{{n4.name}} {{n4.attrs.class}}" style="{{n4.attrs.style}}"><block wx:for="{{n4.children}}" wx:for-item="n5" wx:for-index="i5" wx:key="i5"><template wx:if="{{!n5.c&&(!n5.children||n5.name==='a'||!isInline(n5.name,n5.attrs.style))}}" is="el" data="{{n:n5,i:i1+'_'+i2+'_'+i3+'_'+i4+'_'+i5,opts:opts,ctrl:ctrl}}"/><node wx:else id="{{n5.attrs.id}}" class="_{{n5.name}} {{n5.attrs.class}}" style="{{n5.attrs.style}}" childs="{{n5.children}}" opts="{{opts}}"/></block></view></block></view></block></view></block></view></block>
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-weixin/node/node.wxss b/wechat-mini-program/node_modules/mp-html/dist/mp-weixin/node/node.wxss
new file mode 100644
index 0000000..43a2fab
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-weixin/node/node.wxss
@@ -0,0 +1 @@
+._a{padding:1.5px 0 1.5px 0;color:#366092;word-break:break-all}._hover{text-decoration:underline;opacity:.7}._img{max-width:100%;-webkit-touch-callout:none}._b,._strong{font-weight:700}._code{font-family:monospace}._del{text-decoration:line-through}._em,._i{font-style:italic}._h1{font-size:2em}._h2{font-size:1.5em}._h3{font-size:1.17em}._h5{font-size:.83em}._h6{font-size:.67em}._h1,._h2,._h3,._h4,._h5,._h6{display:block;font-weight:700}._ins{text-decoration:underline}._li{display:list-item}._ol{list-style-type:decimal}._ol,._ul{display:block;padding-left:40px;margin:1em 0}._q::before{content:'"'}._q::after{content:'"'}._sub{font-size:smaller;vertical-align:sub}._sup{font-size:smaller;vertical-align:super}._tbody,._tfoot,._thead{display:table-row-group}._tr{display:table-row}._td,._th{display:table-cell;vertical-align:middle}._th{font-weight:700;text-align:center}._ul{list-style-type:disc}._ul ._ul{margin:0;list-style-type:circle}._ul ._ul ._ul{list-style-type:square}._abbr,._b,._code,._del,._em,._i,._ins,._label,._q,._span,._strong,._sub,._sup{display:inline}._blockquote,._div,._p{display:block}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/mp-weixin/parser.js b/wechat-mini-program/node_modules/mp-html/dist/mp-weixin/parser.js
new file mode 100644
index 0000000..e33bc00
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/mp-weixin/parser.js
@@ -0,0 +1 @@
+"use strict";function t(t,e){var s;if("undefined"==typeof Symbol||null==t[Symbol.iterator]){if(Array.isArray(t)||(s=i(t))||e&&t&&"number"==typeof t.length){s&&(t=s);var n=0,a=function(){};return{s:a,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,l=!1;return{s:function(){s=t[Symbol.iterator]()},n:function(){var t=s.next();return o=t.done,t},e:function(t){l=!0,r=t},f:function(){try{o||null==s.return||s.return()}finally{if(l)throw r}}}}function i(t,i){if(t){if("string"==typeof t)return e(t,i);var s=Object.prototype.toString.call(t).slice(8,-1);return"Object"===s&&t.constructor&&(s=t.constructor.name),"Map"===s||"Set"===s?Array.from(t):"Arguments"===s||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(s)?e(t,i):void 0}}function e(t,i){(null==i||i>t.length)&&(i=t.length);for(var e=0,s=new Array(i);e<i;e++)s[e]=t[e];return s}function s(t){for(var i=Object.create(null),e=t.split(","),s=e.length;s--;)i[e[s]]=!0;return i}function n(t,i){for(var e=t.indexOf("&");-1!==e;){var s=t.indexOf(";",e+3),n=void 0;if(-1===s)break;"#"===t[e+1]?(n=parseInt(("x"===t[e+2]?"0":"")+t.substring(e+2,s)),isNaN(n)||(t=t.substr(0,e)+String.fromCharCode(n)+t.substr(s+1))):(n=t.substring(e+1,s),(l.entities[n]||"amp"===n&&i)&&(t=t.substr(0,e)+(l.entities[n]||"&")+t.substr(s+1))),e=t.indexOf("&",e+1)}return t}function a(t){for(var i=t.length-1,e=i;e>=-1;e--)(-1===e||t[e].c||!t[e].name||"div"!==t[e].name&&"p"!==t[e].name&&"h"!==t[e].name[0]||(t[e].attrs.style||"").includes("inline"))&&(i-e>=5&&t.splice(e+1,i-e,{name:"div",attrs:{},children:t.slice(e+1,i+1)}),i=e-1)}function r(t){this.options=t.data||{},this.tagStyle=Object.assign({},l.tagStyle,this.options.tagStyle),this.imgList=t.imgList||[],this.imgList._unloadimgs=0,this.plugins=t.plugins||[],this.attrs=Object.create(null),this.stack=[],this.nodes=[],this.pre=(this.options.containerStyle||"").includes("white-space")&&this.options.containerStyle.includes("pre")?2:0}function o(t){this.handler=t}var l={trustTags:s("a,abbr,ad,audio,b,blockquote,br,code,col,colgroup,dd,del,dl,dt,div,em,fieldset,h1,h2,h3,h4,h5,h6,hr,i,img,ins,label,legend,li,ol,p,q,ruby,rt,source,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,title,ul,video"),blockTags:s("address,article,aside,body,caption,center,cite,footer,header,html,nav,pre,section"),ignoreTags:s("area,base,canvas,embed,frame,head,iframe,input,link,map,meta,param,rp,script,source,style,textarea,title,track,wbr"),voidTags:s("area,base,br,col,circle,ellipse,embed,frame,hr,img,input,line,link,meta,param,path,polygon,rect,source,track,use,wbr"),entities:{lt:"<",gt:">",quot:'"',apos:"'",ensp:" ",emsp:" ",nbsp:" ",semi:";",ndash:"–",mdash:"—",middot:"·",lsquo:"‘",rsquo:"’",ldquo:"“",rdquo:"”",bull:"•",hellip:"…",larr:"←",uarr:"↑",rarr:"→",darr:"↓"},tagStyle:{address:"font-style:italic",big:"display:inline;font-size:1.2em",caption:"display:table-caption;text-align:center",center:"text-align:center",cite:"font-style:italic",dd:"margin-left:40px",mark:"background-color:yellow",pre:"font-family:monospace;white-space:pre",s:"text-decoration:line-through",small:"display:inline;font-size:0.8em",strike:"text-decoration:line-through",u:"text-decoration:underline"},svgDict:{animatetransform:"animateTransform",lineargradient:"linearGradient",viewbox:"viewBox",attributename:"attributeName",repeatcount:"repeatCount",repeatdur:"repeatDur",foreignobject:"foreignObject"}},h={},c,d;if(wx.canIUse("getWindowInfo"))c=wx.getWindowInfo().windowWidth,d=wx.getDeviceInfo().system;else{var p=wx.getSystemInfoSync();c=p.windowWidth,d=p.system}var u=s(" ,\r,\n,\t,\f"),f=0;r.prototype.parse=function(t){for(var i=this.plugins.length;i--;)this.plugins[i].onUpdate&&(t=this.plugins[i].onUpdate(t,l)||t);for(new o(this).parse(t);this.stack.length;)this.popNode();return this.nodes.length>50&&a(this.nodes),this.nodes},r.prototype.expose=function(){for(var t=this.stack.length;t--;){var i=this.stack[t];if(i.c||"a"===i.name||"video"===i.name||"audio"===i.name)return;i.c=1}},r.prototype.hook=function(t){for(var i=this.plugins.length;i--;)if(this.plugins[i].onParse&&!1===this.plugins[i].onParse(t,this))return!1;return!0},r.prototype.getUrl=function(t){var i=this.options.domain;return"/"===t[0]?"/"===t[1]?t=(i?i.split("://")[0]:"http")+":"+t:i&&(t=i+t):!i||t.includes("data:")||t.includes("://")||(t=i+"/"+t),t},r.prototype.parseStyle=function(t){var i=t.attrs,e=(this.tagStyle[t.name]||"").split(";").concat((i.style||"").split(";")),s={},n="";i.id&&!this.xml&&(this.options.useAnchor?this.expose():"img"!==t.name&&"a"!==t.name&&"video"!==t.name&&"audio"!==t.name&&(i.id=void 0)),i.width&&(s.width=parseFloat(i.width)+(i.width.includes("%")?"%":"px"),i.width=void 0),i.height&&(s.height=parseFloat(i.height)+(i.height.includes("%")?"%":"px"),i.height=void 0);for(var a=0,r=e.length;a<r;a++){var o=e[a].split(":");if(!(o.length<2)){var l=o.shift().trim().toLowerCase(),h=o.join(":").trim();if("-"===h[0]&&h.lastIndexOf("-")>0||h.includes("safe"))n+=";".concat(l,":").concat(h);else if(!s[l]||h.includes("import")||!s[l].includes("import")){if(h.includes("url")){var d=h.indexOf("(")+1;if(d){for(;'"'===h[d]||"'"===h[d]||u[h[d]];)d++;h=h.substr(0,d)+this.getUrl(h.substr(d))}}else h.includes("rpx")&&(h=h.replace(/[0-9.]+\s*rpx/g,function(t){return parseFloat(t)*c/750+"px"}));s[l]=h}}}return t.attrs.style=n,s},r.prototype.onTagName=function(t){this.tagName=this.xml?t:t.toLowerCase(),"svg"===this.tagName&&(this.xml=(this.xml||0)+1,l.ignoreTags.style=void 0)},r.prototype.onAttrName=function(t){t=this.xml?t:t.toLowerCase(),"data-"===t.substr(0,5)?"data-src"!==t||this.attrs.src?"img"===this.tagName||"a"===this.tagName?this.attrName=t:this.attrName=void 0:this.attrName="src":(this.attrName=t,this.attrs[t]="T")},r.prototype.onAttrVal=function(t){var i=this.attrName||"";"style"===i||"href"===i?this.attrs[i]=n(t,!0):i.includes("src")?this.attrs[i]=this.getUrl(n(t,!0)):i&&(this.attrs[i]=t)},r.prototype.onOpenTag=function(t){var i=Object.create(null);i.name=this.tagName,i.attrs=this.attrs,this.attrs=Object.create(null);var e=i.attrs,s=this.stack[this.stack.length-1],n=s?s.children:this.nodes,a=this.xml?t:l.voidTags[i.name];if(h[i.name]&&(e.class=h[i.name]+(e.class?" "+e.class:"")),"embed"===i.name){var r=e.src||"";r.includes(".mp4")||r.includes(".3gp")||r.includes(".m3u8")||(e.type||"").includes("video")?i.name="video":(r.includes(".mp3")||r.includes(".wav")||r.includes(".aac")||r.includes(".m4a")||(e.type||"").includes("audio"))&&(i.name="audio"),e.autostart&&(e.autoplay="T"),e.controls="T"}if("video"!==i.name&&"audio"!==i.name||("video"!==i.name||e.id||(e.id="v"+f++),e.controls||e.autoplay||(e.controls="T"),i.src=[],e.src&&(i.src.push(e.src),e.src=void 0),this.expose()),a){if(!this.hook(i)||l.ignoreTags[i.name])return void("base"!==i.name||this.options.domain?"source"===i.name&&s&&("video"===s.name||"audio"===s.name)&&e.src&&s.src.push(e.src):this.options.domain=e.href);var o=this.parseStyle(i);if("img"===i.name){if(e.src&&(e.src.includes("webp")&&(i.webp="T"),e.src.includes("data:")&&"all"!==this.options.previewImg&&!e["original-src"]&&(e.ignore="T"),!e.ignore||i.webp||e.src.includes("cloud://"))){for(var d=this.stack.length;d--;){var p=this.stack[d];"table"!==p.name||i.webp||e.src.includes("cloud://")||(!o.display||o.display.includes("inline")?i.t="inline-block":i.t=o.display,o.display=void 0);var u=p.attrs.style||"";if(!u.includes("flex:")||u.includes("flex:0")||u.includes("flex: 0")||o.width&&!(parseInt(o.width)>100))if(u.includes("flex")&&"100%"===o.width)for(var g=d+1;g<this.stack.length;g++){var m=this.stack[g].attrs.style||"";if(!m.includes(";width")&&!m.includes(" width")&&0!==m.indexOf("width")){o.width="";break}}else u.includes("inline-block")&&(o.width&&"%"===o.width[o.width.length-1]?(p.attrs.style+=";max-width:"+o.width,o.width=""):p.attrs.style+=";max-width:100%");else{o.width="100% !important",o.height="";for(var v=d+1;v<this.stack.length;v++)this.stack[v].attrs.style=(this.stack[v].attrs.style||"").replace("inline-","")}"a"===p.name?i.a=p.attrs:p.c=1}i.i=this.imgList.length;var y=e["original-src"]||e.src;if(this.imgList.includes(y)){var b=y.indexOf("://");if(-1!==b){b+=3;for(var x=y.substr(0,b);b<y.length&&"/"!==y[b];b++)x+=Math.random()>.5?y[b].toUpperCase():y[b];x+=y.substr(b),y=x}}this.imgList.push(y),i.t||(this.imgList._unloadimgs+=1)}"inline"===o.display&&(o.display=""),e.ignore&&(o["max-width"]=o["max-width"]||"100%",e.style+=";-webkit-touch-callout:none"),parseInt(o.width)>c&&(o.height=void 0),isNaN(parseInt(o.width))||(i.w="T"),!isNaN(parseInt(o.height))&&(!o.height.includes("%")||s&&(s.attrs.style||"").includes("height"))&&(i.h="T"),i.w&&i.h&&o["object-fit"]&&("contain"===o["object-fit"]?i.m="aspectFit":"cover"===o["object-fit"]&&(i.m="aspectFill"))}else if("svg"===i.name)return n.push(i),this.stack.push(i),void this.popNode();for(var w in o)o[w]&&(e.style+=";".concat(w,":").concat(o[w].replace(" !important","")));e.style=e.style.substr(1)||void 0}else("pre"===i.name||(e.style||"").includes("white-space")&&e.style.includes("pre"))&&2!==this.pre&&(this.pre=i.pre=1),i.children=[],this.stack.push(i);n.push(i)},r.prototype.onCloseTag=function(t){t=this.xml?t:t.toLowerCase();var i;for(i=this.stack.length;i--&&this.stack[i].name!==t;);if(-1!==i)for(;this.stack.length>i;)this.popNode();else if("p"===t||"br"===t){var e=this.stack.length?this.stack[this.stack.length-1].children:this.nodes;e.push({name:t,attrs:{class:h[t],style:this.tagStyle[t]}})}},r.prototype.popNode=function(){var i=this.stack.pop(),e=i.attrs,s=i.children,n=this.stack[this.stack.length-1],r=n?n.children:this.nodes;if(!this.hook(i)||l.ignoreTags[i.name])return"title"===i.name&&s.length&&"text"===s[0].type&&this.options.setTitle&&wx.setNavigationBarTitle({title:s[0].text}),void r.pop();if(i.pre&&2!==this.pre){this.pre=i.pre=void 0;for(var o=this.stack.length;o--;)this.stack[o].pre&&(this.pre=1)}if("svg"===i.name){if(this.xml>1)return void this.xml--;var h="",d=e.style;return e.style="",e.xmlns="http://www.w3.org/2000/svg",function i(e){if("text"===e.type)return void(h+=e.text);var s=l.svgDict[e.name]||e.name;if("foreignObject"===s){var n,a=t(e.children||[]);try{for(a.s();!(n=a.n()).done;){var r=n.value;if(r.attrs&&!r.attrs.xmlns){r.attrs.xmlns="http://www.w3.org/1999/xhtml";break}}}catch(t){a.e(t)}finally{a.f()}}h+="<"+s;for(var o in e.attrs){var c=e.attrs[o];c&&(h+=" ".concat(l.svgDict[o]||o,'="').concat(c.replace(/"/g,""),'"'))}if(e.children){h+=">";for(var d=0;d<e.children.length;d++)i(e.children[d]);h+="</"+s+">"}else h+="/>"}(i),i.name="img",i.attrs={src:"data:image/svg+xml;utf8,"+h.replace(/#/g,"%23"),style:d,ignore:"T"},i.children=void 0,this.xml=!1,void(l.ignoreTags.style=!0)}var p={};if(e.align&&("table"===i.name?"center"===e.align?p["margin-inline-start"]=p["margin-inline-end"]="auto":p.float=e.align:p["text-align"]=e.align,e.align=void 0),e.dir&&(p.direction=e.dir,e.dir=void 0),"font"===i.name&&(e.color&&(p.color=e.color,e.color=void 0),e.face&&(p["font-family"]=e.face,e.face=void 0),e.size)){var u=parseInt(e.size);isNaN(u)||(u<1?u=1:u>7&&(u=7),p["font-size"]=["x-small","small","medium","large","x-large","xx-large","xxx-large"][u-1]),e.size=void 0}if((e.class||"").includes("align-center")&&(p["text-align"]="center"),Object.assign(p,this.parseStyle(i)),"table"!==i.name&&parseInt(p.width)>c&&(p["max-width"]="100%",p["box-sizing"]="border-box"),l.blockTags[i.name])i.name="div";else if(l.trustTags[i.name]||this.xml)if("a"===i.name||"ad"===i.name)this.expose();else if("video"===i.name||"audio"===i.name)(p.height||"").includes("auto")&&(p.height=void 0),i.children=void 0;else if("ul"!==i.name&&"ol"!==i.name||!i.c)if("table"===i.name){var f=parseFloat(e.cellpadding),g=parseFloat(e.cellspacing),m=parseFloat(e.border),v=p["border-color"],y=p["border-style"];if(i.c&&(isNaN(f)&&(f=2),isNaN(g)&&(g=2)),m&&(e.style+=";border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray")),i.flag&&i.c){i.flag=void 0,p.display="grid","collapse"===p["border-collapse"]&&(p["border-collapse"]=void 0,g=0),g?(p["grid-gap"]=g+"px",p.padding=g+"px"):m&&(e.style+=";border-left:0;border-top:0");var b=[],x=[],w=[],k={};!function i(e){for(var s=0;s<e.length;s++)if("tr"===e[s].name)x.push(e[s]);else if("colgroup"===e[s].name){var n,a=1,r=t(e[s].children||[]);try{for(r.s();!(n=r.n()).done;){var o=n.value;if("col"===o.name){var l=o.attrs.style||"",h=l.indexOf("width")?l.indexOf(";width"):0;if(-1!==h){var c=l.indexOf(";",h+6);-1===c&&(c=l.length),b[a]=l.substring(h?h+7:6,c)}a+=1}}}catch(t){r.e(t)}finally{r.f()}}else i(e[s].children||[])}(s);for(var N=1;N<=x.length;N++){for(var T=1,O=0;O<x[N-1].children.length;O++){var j=x[N-1].children[O];if("td"===j.name||"th"===j.name){for(;k[N+"."+T];)T++;j.c=1;var I=j.attrs.style||"",S=I.indexOf("width")?I.indexOf(";width"):0;if(-1!==S){var C=I.indexOf(";",S+6);-1===C&&(C=I.length),j.attrs.colspan||(b[T]=I.substring(S?S+7:6,C)),I=I.substr(0,S)+I.substr(C)}if(I+=";display:flex;flex-direction:column",-1!==(S=I.indexOf("vertical-align"))){var A=I.substr(S+15,10);A.includes("middle")?I+=";justify-content:center":A.includes("bottom")&&(I+=";justify-content:flex-end")}else I+=";justify-content:center";if(-1!==(S=I.indexOf("text-align"))){var L=I.substr(S+11,10);L.includes("center")?I+=";justify-content: center":L.includes("right")&&(I+=";justify-content: right")}if(I=(m?";border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray")+(g?"":";border-right:0;border-bottom:0"):"")+(f?";padding:".concat(f,"px"):"")+";"+I,j.attrs.colspan&&(I+=";grid-column-start:".concat(T,";grid-column-end:").concat(T+parseInt(j.attrs.colspan)),j.attrs.rowspan||(I+=";grid-row-start:".concat(N,";grid-row-end:").concat(N+1)),T+=parseInt(j.attrs.colspan)-1),j.attrs.rowspan){I+=";grid-row-start:".concat(N,";grid-row-end:").concat(N+parseInt(j.attrs.rowspan)),j.attrs.colspan||(I+=";grid-column-start:".concat(T,";grid-column-end:").concat(T+1));for(var z=1;z<j.attrs.rowspan;z++)for(var U=0;U<(j.attrs.colspan||1);U++)k[N+z+"."+(T-U)]=1}I&&(j.attrs.style=I),w.push(j),T++}}if(1===N){for(var F="",q=1;q<T;q++)F+=(b[q]?b[q]:"auto")+" ";p["grid-template-columns"]=F}}i.children=w}else i.c&&(p.display="table"),isNaN(g)||(p["border-spacing"]=g+"px"),(m||f||i.c)&&function t(e){for(var s=0;s<e.length;s++){var n=e[s];i.c&&(n.c=1),"th"===n.name||"td"===n.name?(m&&(n.attrs.style="border:".concat(m,"px ").concat(y||"solid"," ").concat(v||"gray",";").concat(n.attrs.style||"")),f&&(n.attrs.style="padding:".concat(f,"px;").concat(n.attrs.style||""))):n.children&&t(n.children)}}(s);if(this.options.scrollTable&&!(e.style||"").includes("inline")){var V=Object.assign({},i);i.name="div",i.attrs={style:"overflow-x:auto;padding:1px"},i.children=[V],e=V.attrs}}else if(("tbody"===i.name||"tr"===i.name)&&i.flag&&i.c)i.flag=void 0,function t(i){for(var e=0;e<i.length;e++)if("td"===i[e].name)for(var s=0,n=["color","background","background-color"];s<n.length;s++){var a=n[s];p[a]&&(i[e].attrs.style=a+":"+p[a]+";"+(i[e].attrs.style||""))}else t(i[e].children||[])}(s);else if("td"!==i.name&&"th"!==i.name||!e.colspan&&!e.rowspan){if("ruby"===i.name){i.name="span";for(var D=0;D<s.length-1;D++)"text"===s[D].type&&"rt"===s[D+1].name&&(s[D]={name:"span",attrs:{style:"display:inline-block;text-align:center"},children:[{name:"div",attrs:{style:"font-size:50%;"+(s[D+1].attrs.style||"")},children:s[D+1].children},s[D]]},s.splice(D+1,1))}}else for(var W=this.stack.length;W--;)"table"!==this.stack[W].name&&"tbody"!==this.stack[W].name&&"tr"!==this.stack[W].name||(this.stack[W].flag=1);else{var B={a:"lower-alpha",A:"upper-alpha",i:"lower-roman",I:"upper-roman"};B[e.type]&&(e.style+=";list-style-type:"+B[e.type],e.type=void 0),i.c=1;for(var M=s.length;M--;)"li"===s[M].name&&(s[M].c=1)}else i.name="span";if((p.display||"").includes("flex")&&!i.c)for(var P=s.length;P--;){var Z=s[P];Z.f&&(Z.attrs.style=(Z.attrs.style||"")+Z.f,Z.f=void 0)}var _=n&&((n.attrs.style||"").includes("flex")||(n.attrs.style||"").includes("grid"))&&!i.c&&!(p.display||"").includes("inline");_&&(i.f=";max-width:100%"),s.length>=50&&i.c&&!(p.display||"").includes("flex")&&a(s);for(var E in p)if(p[E]){var G=";".concat(E,":").concat(p[E].replace(" !important",""));_&&(E.includes("flex")&&"flex-direction"!==E||"align-self"===E||E.includes("grid")||"-"===p[E][0]||E.includes("width")&&G.includes("%"))?(i.f+=G,"width"===E&&(e.style+=";width:100%")):e.style+=G}e.style=e.style.substr(1)||void 0},r.prototype.onText=function(t){if(!this.pre){for(var i,e="",s=0,a=t.length;s<a;s++)u[t[s]]?(" "!==e[e.length-1]&&(e+=" "),"\n"!==t[s]||i||(i=!0)):e+=t[s];if(" "===e&&i)return;t=e}var r=Object.create(null);if(r.type="text",r.text=n(t),this.hook(r)){"force"===this.options.selectable&&d.includes("iOS")&&!wx.canIUse("rich-text.user-select")&&this.expose();(this.stack.length?this.stack[this.stack.length-1].children:this.nodes).push(r)}},o.prototype.parse=function(t){this.content=t||"",this.i=0,this.start=0,this.state=this.text;for(var i=this.content.length;-1!==this.i&&this.i<i;)this.state()},o.prototype.checkClose=function(t){var i="/"===this.content[this.i];return!!(">"===this.content[this.i]||i&&">"===this.content[this.i+1])&&(t&&this.handler[t](this.content.substring(this.start,this.i)),this.i+=i?2:1,this.start=this.i,this.handler.onOpenTag(i),"script"===this.handler.tagName?(this.i=this.content.indexOf("</",this.i),-1!==this.i&&(this.i+=2,this.start=this.i),this.state=this.endTag):this.state=this.text,!0)},o.prototype.text=function(){if(this.i=this.content.indexOf("<",this.i),-1===this.i)return void(this.start<this.content.length&&this.handler.onText(this.content.substring(this.start,this.content.length)));var t=this.content[this.i+1];if(t>="a"&&t<="z"||t>="A"&&t<="Z")this.start!==this.i&&this.handler.onText(this.content.substring(this.start,this.i)),this.start=++this.i,this.state=this.tagName;else if("/"===t||"!"===t||"?"===t){this.start!==this.i&&this.handler.onText(this.content.substring(this.start,this.i));var i=this.content[this.i+2];if("/"===t&&(i>="a"&&i<="z"||i>="A"&&i<="Z"))return this.i+=2,this.start=this.i,void(this.state=this.endTag);var e="--\x3e";"!"===t&&"-"===this.content[this.i+2]&&"-"===this.content[this.i+3]||(e=">"),this.i=this.content.indexOf(e,this.i),-1!==this.i&&(this.i+=e.length,this.start=this.i)}else this.i++},o.prototype.tagName=function(){if(u[this.content[this.i]]){for(this.handler.onTagName(this.content.substring(this.start,this.i));u[this.content[++this.i]];);this.i<this.content.length&&!this.checkClose()&&(this.start=this.i,this.state=this.attrName)}else this.checkClose("onTagName")||this.i++},o.prototype.attrName=function(){var t=this.content[this.i];if(u[t]||"="===t){this.handler.onAttrName(this.content.substring(this.start,this.i));for(var i="="===t,e=this.content.length;++this.i<e;)if(t=this.content[this.i],!u[t]){if(this.checkClose())return;if(i)return this.start=this.i,void(this.state=this.attrVal);if("="!==this.content[this.i])return this.start=this.i,void(this.state=this.attrName);i=!0}}else this.checkClose("onAttrName")||this.i++},o.prototype.attrVal=function(){var t=this.content[this.i],i=this.content.length;if('"'===t||"'"===t){if(this.start=++this.i,this.i=this.content.indexOf(t,this.i),-1===this.i)return;this.handler.onAttrVal(this.content.substring(this.start,this.i))}else for(;this.i<i;this.i++){if(u[this.content[this.i]]){this.handler.onAttrVal(this.content.substring(this.start,this.i));break}if(this.checkClose("onAttrVal"))return}for(;u[this.content[++this.i]];);this.i<i&&!this.checkClose()&&(this.start=this.i,this.state=this.attrName)},o.prototype.endTag=function(){var t=this.content[this.i];if(u[t]||">"===t||"/"===t){if(this.handler.onCloseTag(this.content.substring(this.start,this.i)),">"!==t&&(this.i=this.content.indexOf(">",this.i),-1===this.i))return;this.start=++this.i,this.state=this.text}else this.i++},module.exports=r;
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/uni-app/components/mp-html/mp-html.vue b/wechat-mini-program/node_modules/mp-html/dist/uni-app/components/mp-html/mp-html.vue
new file mode 100644
index 0000000..e45654f
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/uni-app/components/mp-html/mp-html.vue
@@ -0,0 +1,498 @@
+<template>
+  <view id="_root" :class="(selectable?'_select ':'')+'_root'" :style="containerStyle">
+    <slot v-if="!nodes[0]" />
+    <!-- #ifndef APP-PLUS-NVUE -->
+    <node v-else :childs="nodes" :opts="[lazyLoad,loadingImg,errorImg,showImgMenu,selectable]" name="span" />
+    <!-- #endif -->
+    <!-- #ifdef APP-PLUS-NVUE -->
+    <web-view ref="web" src="/static/app-plus/mp-html/local.html" :style="'margin-top:-2px;height:' + height + 'px'" @onPostMessage="_onMessage" />
+    <!-- #endif -->
+  </view>
+</template>
+
+<script>
+/**
+ * mp-html v2.5.1
+ * @description 富文本组件
+ * @tutorial https://github.com/jin-yufeng/mp-html
+ * @property {String} container-style 容器的样式
+ * @property {String} content 用于渲染的 html 字符串
+ * @property {Boolean} copy-link 是否允许外部链接被点击时自动复制
+ * @property {String} domain 主域名，用于拼接链接
+ * @property {String} error-img 图片出错时的占位图链接
+ * @property {Boolean} lazy-load 是否开启图片懒加载
+ * @property {string} loading-img 图片加载过程中的占位图链接
+ * @property {Boolean} pause-video 是否在播放一个视频时自动暂停其他视频
+ * @property {Boolean} preview-img 是否允许图片被点击时自动预览
+ * @property {Boolean} scroll-table 是否给每个表格添加一个滚动层使其能单独横向滚动
+ * @property {Boolean | String} selectable 是否开启长按复制
+ * @property {Boolean} set-title 是否将 title 标签的内容设置到页面标题
+ * @property {Boolean} show-img-menu 是否允许图片被长按时显示菜单
+ * @property {Object} tag-style 标签的默认样式
+ * @property {Boolean | Number} use-anchor 是否使用锚点链接
+ * @event {Function} load dom 结构加载完毕时触发
+ * @event {Function} ready 所有图片加载完毕时触发
+ * @event {Function} imgtap 图片被点击时触发
+ * @event {Function} linktap 链接被点击时触发
+ * @event {Function} play 音视频播放时触发
+ * @event {Function} error 媒体加载出错时触发
+ */
+// #ifndef APP-PLUS-NVUE
+import node from './node/node'
+// #endif
+import Parser from './parser'
+const plugins=[]
+// #ifdef APP-PLUS-NVUE
+const dom = weex.requireModule('dom')
+// #endif
+export default {
+  name: 'mp-html',
+  data () {
+    return {
+      nodes: [],
+      // #ifdef APP-PLUS-NVUE
+      height: 3
+      // #endif
+    }
+  },
+  props: {
+    containerStyle: {
+      type: String,
+      default: ''
+    },
+    content: {
+      type: String,
+      default: ''
+    },
+    copyLink: {
+      type: [Boolean, String],
+      default: true
+    },
+    domain: String,
+    errorImg: {
+      type: String,
+      default: ''
+    },
+    lazyLoad: {
+      type: [Boolean, String],
+      default: false
+    },
+    loadingImg: {
+      type: String,
+      default: ''
+    },
+    pauseVideo: {
+      type: [Boolean, String],
+      default: true
+    },
+    previewImg: {
+      type: [Boolean, String],
+      default: true
+    },
+    scrollTable: [Boolean, String],
+    selectable: [Boolean, String],
+    setTitle: {
+      type: [Boolean, String],
+      default: true
+    },
+    showImgMenu: {
+      type: [Boolean, String],
+      default: true
+    },
+    tagStyle: Object,
+    useAnchor: [Boolean, Number]
+  },
+  // #ifdef VUE3
+  emits: ['load', 'ready', 'imgtap', 'linktap', 'play', 'error'],
+  // #endif
+  // #ifndef APP-PLUS-NVUE
+  components: {
+    node
+  },
+  // #endif
+  watch: {
+    content (content) {
+      this.setContent(content)
+    }
+  },
+  created () {
+    this.plugins = []
+    for (let i = plugins.length; i--;) {
+      this.plugins.push(new plugins[i](this))
+    }
+  },
+  mounted () {
+    if (this.content && !this.nodes.length) {
+      this.setContent(this.content)
+    }
+  },
+  beforeDestroy () {
+    this._hook('onDetached')
+  },
+  methods: {
+    /**
+     * @description 将锚点跳转的范围限定在一个 scroll-view 内
+     * @param {Object} page scroll-view 所在页面的示例
+     * @param {String} selector scroll-view 的选择器
+     * @param {String} scrollTop scroll-view scroll-top 属性绑定的变量名
+     */
+    in (page, selector, scrollTop) {
+      // #ifndef APP-PLUS-NVUE
+      if (page && selector && scrollTop) {
+        this._in = {
+          page,
+          selector,
+          scrollTop
+        }
+      }
+      // #endif
+    },
+
+    /**
+     * @description 锚点跳转
+     * @param {String} id 要跳转的锚点 id
+     * @param {Number} offset 跳转位置的偏移量
+     * @returns {Promise}
+     */
+    navigateTo (id, offset) {
+      return new Promise((resolve, reject) => {
+        if (!this.useAnchor) {
+          reject(Error('Anchor is disabled'))
+          return
+        }
+        offset = offset || parseInt(this.useAnchor) || 0
+        // #ifdef APP-PLUS-NVUE
+        if (!id) {
+          dom.scrollToElement(this.$refs.web, {
+            offset
+          })
+          resolve()
+        } else {
+          this._navigateTo = {
+            resolve,
+            reject,
+            offset
+          }
+          this.$refs.web.evalJs('uni.postMessage({data:{action:"getOffset",offset:(document.getElementById(' + id + ')||{}).offsetTop}})')
+        }
+        // #endif
+        // #ifndef APP-PLUS-NVUE
+        let deep = ' '
+        // #ifdef MP-WEIXIN || MP-QQ || MP-TOUTIAO
+        deep = '>>>'
+        // #endif
+        const selector = uni.createSelectorQuery()
+          // #ifndef MP-ALIPAY
+          .in(this._in ? this._in.page : this)
+          // #endif
+          .select((this._in ? this._in.selector : '._root') + (id ? `${deep}#${id}` : '')).boundingClientRect()
+        if (this._in) {
+          selector.select(this._in.selector).scrollOffset()
+            .select(this._in.selector).boundingClientRect()
+        } else {
+          // 获取 scroll-view 的位置和滚动距离
+          selector.selectViewport().scrollOffset() // 获取窗口的滚动距离
+        }
+        selector.exec(res => {
+          if (!res[0]) {
+            reject(Error('Label not found'))
+            return
+          }
+          const scrollTop = res[1].scrollTop + res[0].top - (res[2] ? res[2].top : 0) + offset
+          if (this._in) {
+            // scroll-view 跳转
+            this._in.page[this._in.scrollTop] = scrollTop
+          } else {
+            // 页面跳转
+            uni.pageScrollTo({
+              scrollTop,
+              duration: 300
+            })
+          }
+          resolve()
+        })
+        // #endif
+      })
+    },
+
+    /**
+     * @description 获取文本内容
+     * @return {String}
+     */
+    getText (nodes) {
+      let text = '';
+      (function traversal (nodes) {
+        for (let i = 0; i < nodes.length; i++) {
+          const node = nodes[i]
+          if (node.type === 'text') {
+            text += node.text.replace(/&amp;/g, '&')
+          } else if (node.name === 'br') {
+            text += '\n'
+          } else {
+            // 块级标签前后加换行
+            const isBlock = node.name === 'p' || node.name === 'div' || node.name === 'tr' || node.name === 'li' || (node.name[0] === 'h' && node.name[1] > '0' && node.name[1] < '7')
+            if (isBlock && text && text[text.length - 1] !== '\n') {
+              text += '\n'
+            }
+            // 递归获取子节点的文本
+            if (node.children) {
+              traversal(node.children)
+            }
+            if (isBlock && text[text.length - 1] !== '\n') {
+              text += '\n'
+            } else if (node.name === 'td' || node.name === 'th') {
+              text += '\t'
+            }
+          }
+        }
+      })(nodes || this.nodes)
+      return text
+    },
+
+    /**
+     * @description 获取内容大小和位置
+     * @return {Promise}
+     */
+    getRect () {
+      return new Promise((resolve, reject) => {
+        uni.createSelectorQuery()
+          // #ifndef MP-ALIPAY
+          .in(this)
+          // #endif
+          .select('#_root').boundingClientRect().exec(res => res[0] ? resolve(res[0]) : reject(Error('Root label not found')))
+      })
+    },
+
+    /**
+     * @description 暂停播放媒体
+     */
+    pauseMedia () {
+      for (let i = (this._videos || []).length; i--;) {
+        this._videos[i].pause()
+      }
+      // #ifdef APP-PLUS
+      const command = 'for(var e=document.getElementsByTagName("video"),i=e.length;i--;)e[i].pause()'
+      // #ifndef APP-PLUS-NVUE
+      let page = this.$parent
+      while (!page.$scope) page = page.$parent
+      page.$scope.$getAppWebview().evalJS(command)
+      // #endif
+      // #ifdef APP-PLUS-NVUE
+      this.$refs.web.evalJs(command)
+      // #endif
+      // #endif
+    },
+
+    /**
+     * @description 设置媒体播放速率
+     * @param {Number} rate 播放速率
+     */
+    setPlaybackRate (rate) {
+      this.playbackRate = rate
+      for (let i = (this._videos || []).length; i--;) {
+        this._videos[i].playbackRate(rate)
+      }
+      // #ifdef APP-PLUS
+      const command = 'for(var e=document.getElementsByTagName("video"),i=e.length;i--;)e[i].playbackRate=' + rate
+      // #ifndef APP-PLUS-NVUE
+      let page = this.$parent
+      while (!page.$scope) page = page.$parent
+      page.$scope.$getAppWebview().evalJS(command)
+      // #endif
+      // #ifdef APP-PLUS-NVUE
+      this.$refs.web.evalJs(command)
+      // #endif
+      // #endif
+    },
+
+    /**
+     * @description 设置内容
+     * @param {String} content html 内容
+     * @param {Boolean} append 是否在尾部追加
+     */
+    setContent (content, append) {
+      if (!append || !this.imgList) {
+        this.imgList = []
+      }
+      const nodes = new Parser(this).parse(content)
+      // #ifdef APP-PLUS-NVUE
+      if (this._ready) {
+        this._set(nodes, append)
+      }
+      // #endif
+      this.$set(this, 'nodes', append ? (this.nodes || []).concat(nodes) : nodes)
+
+      // #ifndef APP-PLUS-NVUE
+      this._videos = []
+      this.$nextTick(() => {
+        this._hook('onLoad')
+        this.$emit('load')
+      })
+
+      if (this.lazyLoad || this.imgList._unloadimgs < this.imgList.length / 2) {
+        // 设置懒加载，每 350ms 获取高度，不变则认为加载完毕
+        let height = 0
+        const callback = rect => {
+          if (!rect || !rect.height) rect = {}
+          // 350ms 总高度无变化就触发 ready 事件
+          if (rect.height === height) {
+            this.$emit('ready', rect)
+          } else {
+            height = rect.height
+            setTimeout(() => {
+              this.getRect().then(callback).catch(callback)
+            }, 350)
+          }
+        }
+        this.getRect().then(callback).catch(callback)
+      } else {
+        // 未设置懒加载，等待所有图片加载完毕
+        if (!this.imgList._unloadimgs) {
+          this.getRect().then(rect => {
+            this.$emit('ready', rect)
+          }).catch(() => {
+            this.$emit('ready', {})
+          })
+        }
+      }
+      // #endif
+    },
+
+    /**
+     * @description 调用插件钩子函数
+     */
+    _hook (name) {
+      for (let i = plugins.length; i--;) {
+        if (this.plugins[i][name]) {
+          this.plugins[i][name]()
+        }
+      }
+    },
+
+    // #ifdef APP-PLUS-NVUE
+    /**
+     * @description 设置内容
+     */
+    _set (nodes, append) {
+      this.$refs.web.evalJs('setContent(' + JSON.stringify(nodes).replace(/%22/g, '') + ',' + JSON.stringify([this.containerStyle.replace(/(?:margin|padding)[^;]+/g, ''), this.errorImg, this.loadingImg, this.pauseVideo, this.scrollTable, this.selectable]) + ',' + append + ')')
+    },
+
+    /**
+     * @description 接收到 web-view 消息
+     */
+    _onMessage (e) {
+      const message = e.detail.data[0]
+      switch (message.action) {
+        // web-view 初始化完毕
+        case 'onJSBridgeReady':
+          this._ready = true
+          if (this.nodes) {
+            this._set(this.nodes)
+          }
+          break
+        // 内容 dom 加载完毕
+        case 'onLoad':
+          this.height = message.height
+          this._hook('onLoad')
+          this.$emit('load')
+          break
+        // 所有图片加载完毕
+        case 'onReady':
+          this.getRect().then(res => {
+            this.$emit('ready', res)
+          }).catch(() => {
+            this.$emit('ready', {})
+          })
+          break
+        // 总高度发生变化
+        case 'onHeightChange':
+          this.height = message.height
+          break
+        // 图片点击
+        case 'onImgTap':
+          this.$emit('imgtap', message.attrs)
+          if (this.previewImg) {
+            uni.previewImage({
+              current: parseInt(message.attrs.i),
+              urls: this.imgList
+            })
+          }
+          break
+        // 链接点击
+        case 'onLinkTap': {
+          const href = message.attrs.href
+          this.$emit('linktap', message.attrs)
+          if (href) {
+            // 锚点跳转
+            if (href[0] === '#') {
+              if (this.useAnchor) {
+                dom.scrollToElement(this.$refs.web, {
+                  offset: message.offset
+                })
+              }
+            } else if (href.includes('://')) {
+              // 打开外链
+              if (this.copyLink) {
+                plus.runtime.openWeb(href)
+              }
+            } else {
+              uni.navigateTo({
+                url: href,
+                fail () {
+                  uni.switchTab({
+                    url: href
+                  })
+                }
+              })
+            }
+          }
+          break
+        }
+        case 'onPlay':
+          this.$emit('play')
+          break
+        // 获取到锚点的偏移量
+        case 'getOffset':
+          if (typeof message.offset === 'number') {
+            dom.scrollToElement(this.$refs.web, {
+              offset: message.offset + this._navigateTo.offset
+            })
+            this._navigateTo.resolve()
+          } else {
+            this._navigateTo.reject(Error('Label not found'))
+          }
+          break
+        // 点击
+        case 'onClick':
+          this.$emit('tap')
+          this.$emit('click')
+          break
+        // 出错
+        case 'onError':
+          this.$emit('error', {
+            source: message.source,
+            attrs: message.attrs
+          })
+      }
+    }
+    // #endif
+  }
+}
+</script>
+
+<style>
+/* #ifndef APP-PLUS-NVUE */
+/* 根节点样式 */
+._root {
+  padding: 1px 0;
+  overflow-x: auto;
+  overflow-y: hidden;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 长按复制 */
+._select {
+  user-select: text;
+}
+/* #endif */
+</style>
diff --git a/wechat-mini-program/node_modules/mp-html/dist/uni-app/components/mp-html/node/node.vue b/wechat-mini-program/node_modules/mp-html/dist/uni-app/components/mp-html/node/node.vue
new file mode 100644
index 0000000..d3457c5
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/uni-app/components/mp-html/node/node.vue
@@ -0,0 +1,597 @@
+<template>
+  <view :id="attrs.id" :class="'_block _'+name+' '+attrs.class" :style="attrs.style">
+    <block v-for="(n, i) in childs" v-bind:key="i">
+      <!-- 图片 -->
+      <!-- 占位图 -->
+      <image v-if="n.name==='img'&&!n.t&&((opts[1]&&!ctrl[i])||ctrl[i]<0)" class="_img" :style="n.attrs.style" :src="ctrl[i]<0?opts[2]:opts[1]" mode="widthFix" />
+      <!-- 显示图片 -->
+      <!-- #ifdef H5 || (APP-PLUS && VUE2) -->
+      <img v-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+n.attrs.style" :src="n.attrs.src||(ctrl.load?n.attrs['data-src']:'')" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap" @longpress="imgLongTap" />
+      <!-- #endif -->
+      <!-- #ifndef H5 || (APP-PLUS && VUE2) -->
+      <!-- 表格中的图片，使用 rich-text 防止大小不正确 -->
+      <rich-text v-if="n.name==='img'&&n.t" :style="'display:'+n.t" :nodes="[{attrs:{style:n.attrs.style||'',src:n.attrs.src},name:'img'}]" :data-i="i" @tap.stop="imgTap" />
+      <!-- #endif -->
+      <!-- #ifdef APP-HARMONY -->
+      <image v-else-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+'width:'+ctrl[i]+'px;'+n.attrs.style" :src="n.attrs.src||(ctrl.load?n.attrs['data-src']:'')" :mode="!n.h?'widthFix':(!n.w?'heightFix':(n.m||'scaleToFill'))" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap" @longpress="imgLongTap" />
+      <!-- #endif -->
+      <!-- #ifndef H5 || APP-PLUS || MP-KUAISHOU -->
+      <image v-else-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+'width:'+(ctrl[i]||1)+'px;height:1px;'+n.attrs.style" :src="n.attrs.src" :mode="!n.h?'widthFix':(!n.w?'heightFix':(n.m||'scaleToFill'))" :lazy-load="opts[0]" :webp="n.webp" :show-menu-by-longpress="opts[3]&&!n.attrs.ignore" :image-menu-prevent="!opts[3]||n.attrs.ignore" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap" @longpress="imgLongTap" />
+      <!-- #endif -->
+      <!-- #ifdef MP-KUAISHOU -->
+      <image v-else-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+n.attrs.style" :src="n.attrs.src" :lazy-load="opts[0]" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap"></image>
+      <!-- #endif -->
+      <!-- #ifdef APP-PLUS && VUE3 -->
+      <image v-else-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+'width:'+(ctrl[i]||1)+'px;'+n.attrs.style" :src="n.attrs.src||(ctrl.load?n.attrs['data-src']:'')" :mode="!n.h?'widthFix':(!n.w?'heightFix':(n.m||''))" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap" @longpress="imgLongTap" />
+      <!-- #endif -->
+      <!-- 文本 -->
+      <!-- #ifdef MP-WEIXIN -->
+      <text v-else-if="n.text" :user-select="opts[4]=='force'&&isiOS" decode>{{n.text}}</text>
+      <!-- #endif -->
+      <!-- #ifndef MP-WEIXIN || MP-BAIDU || MP-ALIPAY || MP-TOUTIAO -->
+      <text v-else-if="n.text" decode>{{n.text}}</text>
+      <!-- #endif -->
+      <text v-else-if="n.name==='br'">\n</text>
+      <!-- 链接 -->
+      <view v-else-if="n.name==='a'" :id="n.attrs.id" :class="(n.attrs.href?'_a ':'')+n.attrs.class" hover-class="_hover" :style="'display:inline;'+n.attrs.style" :data-i="i" @tap.stop="linkTap">
+        <node name="span" :childs="n.children" :opts="opts" style="display:inherit" />
+      </view>
+      <!-- 视频 -->
+      <!-- #ifdef APP-PLUS -->
+      <view v-else-if="n.html" :id="n.attrs.id" :class="'_video '+n.attrs.class" :style="n.attrs.style" v-html="n.html" :data-i="i" @vplay.stop="play" />
+      <!-- #endif -->
+      <!-- #ifndef APP-PLUS -->
+      <video v-else-if="n.name==='video'" :id="n.attrs.id" :class="n.attrs.class" :style="n.attrs.style" :autoplay="n.attrs.autoplay" :controls="n.attrs.controls" :loop="n.attrs.loop" :muted="n.attrs.muted" :object-fit="n.attrs['object-fit']" :poster="n.attrs.poster" :src="n.src[ctrl[i]||0]" :data-i="i" @play="play" @error="mediaError" />
+      <!-- #endif -->
+      <!-- #ifdef H5 || APP-PLUS -->
+      <iframe v-else-if="n.name==='iframe'" :style="n.attrs.style" :allowfullscreen="n.attrs.allowfullscreen" :frameborder="n.attrs.frameborder" :src="n.attrs.src" />
+      <embed v-else-if="n.name==='embed'" :style="n.attrs.style" :src="n.attrs.src" />
+      <!-- #endif -->
+      <!-- #ifndef MP-TOUTIAO || ((H5 || APP-PLUS) && VUE3) -->
+      <!-- 音频 -->
+      <audio v-else-if="n.name==='audio'" :id="n.attrs.id" :class="n.attrs.class" :style="n.attrs.style" :author="n.attrs.author" :controls="n.attrs.controls" :loop="n.attrs.loop" :name="n.attrs.name" :poster="n.attrs.poster" :src="n.src[ctrl[i]||0]" :data-i="i" @play="play" @error="mediaError" />
+      <!-- #endif -->
+      <view v-else-if="(n.name==='table'&&n.c)||n.name==='li'" :id="n.attrs.id" :class="'_'+n.name+' '+n.attrs.class" :style="n.attrs.style">
+        <node v-if="n.name==='li'" :childs="n.children" :opts="opts" />
+        <view v-else v-for="(tbody, x) in n.children" v-bind:key="x" :class="'_'+tbody.name+' '+tbody.attrs.class" :style="tbody.attrs.style">
+          <node v-if="tbody.name==='td'||tbody.name==='th'" :childs="tbody.children" :opts="opts" />
+          <block v-else v-for="(tr, y) in tbody.children" v-bind:key="y">
+            <view v-if="tr.name==='td'||tr.name==='th'" :class="'_'+tr.name+' '+tr.attrs.class" :style="tr.attrs.style">
+              <node :childs="tr.children" :opts="opts" />
+            </view>
+            <view v-else :class="'_'+tr.name+' '+tr.attrs.class" :style="tr.attrs.style">
+              <view v-for="(td, z) in tr.children" v-bind:key="z" :class="'_'+td.name+' '+td.attrs.class" :style="td.attrs.style">
+                <node :childs="td.children" :opts="opts" />
+              </view>
+            </view>
+          </block>
+        </view>
+      </view>
+      
+      <!-- 富文本 -->
+      <!-- #ifdef H5 || ((MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE2) -->
+      <rich-text v-else-if="!n.c&&!handler.isInline(n.name, n.attrs.style)" :id="n.attrs.id" :style="n.f" :user-select="opts[4]" :nodes="[n]" />
+      <!-- #endif -->
+      <!-- #ifndef H5 || ((MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE2) -->
+      <rich-text v-else-if="!n.c" :id="n.attrs.id" :style="'display:inline;'+n.f" :preview="false" :selectable="opts[4]" :user-select="opts[4]" :nodes="[n]" />
+      <!-- #endif -->
+      <!-- 继续递归 -->
+      <view v-else-if="n.c===2" :id="n.attrs.id" :class="'_block _'+n.name+' '+n.attrs.class" :style="n.f+';'+n.attrs.style">
+        <node v-for="(n2, j) in n.children" v-bind:key="j" :style="n2.f" :name="n2.name" :attrs="n2.attrs" :childs="n2.children" :opts="opts" />
+      </view>
+      <node v-else :style="n.f" :name="n.name" :attrs="n.attrs" :childs="n.children" :opts="opts" />
+    </block>
+  </view>
+</template>
+<script module="handler" lang="wxs">
+// 行内标签列表
+var inlineTags = {
+  abbr: true,
+  b: true,
+  big: true,
+  code: true,
+  del: true,
+  em: true,
+  i: true,
+  ins: true,
+  label: true,
+  q: true,
+  small: true,
+  span: true,
+  strong: true,
+  sub: true,
+  sup: true
+}
+/**
+ * @description 判断是否为行内标签
+ */
+module.exports = {
+  isInline: function (tagName, style) {
+    return inlineTags[tagName] || (style || '').indexOf('display:inline') !== -1
+  }
+}
+</script>
+<script>
+
+import node from './node'
+export default {
+  name: 'node',
+  options: {
+    // #ifdef MP-WEIXIN
+    virtualHost: true,
+    // #endif
+    // #ifdef MP-TOUTIAO
+    addGlobalClass: false
+    // #endif
+  },
+  data () {
+    return {
+      ctrl: {},
+      // #ifdef MP-WEIXIN
+      isiOS: uni.getSystemInfoSync().system.includes('iOS')
+      // #endif
+    }
+  },
+  props: {
+    name: String,
+    attrs: {
+      type: Object,
+      default () {
+        return {}
+      }
+    },
+    childs: Array,
+    opts: Array
+  },
+  components: {
+
+    // #ifndef ((H5 || APP-PLUS) && VUE3) || APP-HARMONY
+    node
+    // #endif
+  },
+  mounted () {
+    this.$nextTick(() => {
+      for (this.root = this.$parent; this.root.$options.name !== 'mp-html'; this.root = this.root.$parent);
+    })
+    // #ifdef H5 || APP-PLUS
+    if (this.opts[0]) {
+      let i
+      for (i = this.childs.length; i--;) {
+        if (this.childs[i].name === 'img') break
+      }
+      if (i !== -1) {
+        this.observer = uni.createIntersectionObserver(this).relativeToViewport({
+          top: 500,
+          bottom: 500
+        })
+        this.observer.observe('._img', res => {
+          if (res.intersectionRatio) {
+            this.$set(this.ctrl, 'load', 1)
+            this.observer.disconnect()
+          }
+        })
+      }
+    }
+    // #endif
+  },
+  beforeDestroy () {
+    // #ifdef H5 || APP-PLUS
+    if (this.observer) {
+      this.observer.disconnect()
+    }
+    // #endif
+  },
+  methods:{
+    // #ifdef MP-WEIXIN
+    toJSON () { return this },
+    // #endif
+    /**
+     * @description 播放视频事件
+     * @param {Event} e
+     */
+    play (e) {
+      const i = e.currentTarget.dataset.i
+      const node = this.childs[i]
+      this.root.$emit('play', {
+        source: node.name,
+        attrs: {
+          ...node.attrs,
+          src: node.src[this.ctrl[i] || 0]
+        }
+      })
+      // #ifndef APP-PLUS
+      if (this.root.pauseVideo) {
+        let flag = false
+        const id = e.target.id
+        for (let i = this.root._videos.length; i--;) {
+          if (this.root._videos[i].id === id) {
+            flag = true
+          } else {
+            this.root._videos[i].pause() // 自动暂停其他视频
+          }
+        }
+        // 将自己加入列表
+        if (!flag) {
+          const ctx = uni.createVideoContext(id
+            // #ifndef MP-BAIDU
+            , this
+            // #endif
+          )
+          ctx.id = id
+          if (this.root.playbackRate) {
+            ctx.playbackRate(this.root.playbackRate)
+          }
+          this.root._videos.push(ctx)
+        }
+      }
+      // #endif
+    },
+
+    /**
+     * @description 图片点击事件
+     * @param {Event} e
+     */
+    imgTap (e) {
+      const node = this.childs[e.currentTarget.dataset.i]
+      if (node.a) {
+        this.linkTap(node.a)
+        return
+      }
+      if (node.attrs.ignore) return
+      // #ifdef H5 || APP-PLUS
+      node.attrs.src = node.attrs.src || node.attrs['data-src']
+      // #endif
+      // #ifndef APP-HARMONY
+      this.root.$emit('imgtap', node.attrs)
+      // #endif
+      // #ifdef APP-HARMONY
+      this.root.$emit('imgtap', {
+        ...node.attrs
+      })
+      // #endif
+      // 自动预览图片
+      if (this.root.previewImg) {
+        uni.previewImage({
+          // #ifdef MP-WEIXIN
+          showmenu: this.root.showImgMenu,
+          // #endif
+          // #ifdef MP-ALIPAY
+          enablesavephoto: this.root.showImgMenu,
+          enableShowPhotoDownload: this.root.showImgMenu,
+          // #endif
+          current: parseInt(node.attrs.i),
+          urls: this.root.imgList
+        })
+      }
+    },
+
+    /**
+     * @description 图片长按
+     */
+    imgLongTap (e) {
+      // #ifdef APP-PLUS
+      const attrs = this.childs[e.currentTarget.dataset.i].attrs
+      if (this.opts[3] && !attrs.ignore) {
+        uni.showActionSheet({
+          itemList: ['保存图片'],
+          success: () => {
+            const save = path => {
+              uni.saveImageToPhotosAlbum({
+                filePath: path,
+                success () {
+                  uni.showToast({
+                    title: '保存成功'
+                  })
+                }
+              })
+            }
+            if (this.root.imgList[attrs.i].startsWith('http')) {
+              uni.downloadFile({
+                url: this.root.imgList[attrs.i],
+                success: res => save(res.tempFilePath)
+              })
+            } else {
+              save(this.root.imgList[attrs.i])
+            }
+          }
+        })
+      }
+      // #endif
+    },
+
+    /**
+     * @description 图片加载完成事件
+     * @param {Event} e
+     */
+    imgLoad (e) {
+      const i = e.currentTarget.dataset.i
+      /* #ifndef H5 || (APP-PLUS && VUE2) */
+      if (!this.childs[i].w) {
+        // 设置原宽度
+        this.$set(this.ctrl, i, e.detail.width)
+      } else /* #endif */ if ((this.opts[1] && !this.ctrl[i]) || this.ctrl[i] === -1) {
+        // 加载完毕，取消加载中占位图
+        this.$set(this.ctrl, i, 1)
+      }
+      this.checkReady()
+    },
+
+    /**
+     * @description 检查是否所有图片加载完毕
+     */
+    checkReady () {
+      if (this.root && !this.root.lazyLoad) {
+        this.root._unloadimgs -= 1
+        if (!this.root._unloadimgs) {
+          setTimeout(() => {
+            this.root.getRect().then(rect => {
+              this.root.$emit('ready', rect)
+            }).catch(() => {
+              this.root.$emit('ready', {})
+            })
+          }, 350)
+        }
+      }
+    },
+
+    /**
+     * @description 链接点击事件
+     * @param {Event} e
+     */
+    linkTap (e) {
+      const node = e.currentTarget ? this.childs[e.currentTarget.dataset.i] : {}
+      const attrs = node.attrs || e
+      const href = attrs.href
+      this.root.$emit('linktap', Object.assign({
+        innerText: this.root.getText(node.children || []) // 链接内的文本内容
+      }, attrs))
+      if (href) {
+        if (href[0] === '#') {
+          // 跳转锚点
+          this.root.navigateTo(href.substring(1)).catch(() => { })
+        } else if (href.split('?')[0].includes('://')) {
+          // 复制外部链接
+          if (this.root.copyLink) {
+            // #ifdef H5
+            window.open(href)
+            // #endif
+            // #ifdef MP
+            uni.setClipboardData({
+              data: href,
+              success: () =>
+                uni.showToast({
+                  title: '链接已复制'
+                })
+            })
+            // #endif
+            // #ifdef APP-PLUS
+            plus.runtime.openWeb(href)
+            // #endif
+          }
+        } else {
+          // 跳转页面
+          uni.navigateTo({
+            url: href,
+            fail () {
+              uni.switchTab({
+                url: href,
+                fail () { }
+              })
+            }
+          })
+        }
+      }
+    },
+
+    /**
+     * @description 错误事件
+     * @param {Event} e
+     */
+    mediaError (e) {
+      const i = e.currentTarget.dataset.i
+      const node = this.childs[i]
+      // 加载其他源
+      if (node.name === 'video' || node.name === 'audio') {
+        let index = (this.ctrl[i] || 0) + 1
+        if (index > node.src.length) {
+          index = 0
+        }
+        if (index < node.src.length) {
+          this.$set(this.ctrl, i, index)
+          return
+        }
+      } else if (node.name === 'img') {
+        // #ifdef H5 && VUE3
+        if (this.opts[0] && !this.ctrl.load) return
+        // #endif
+        // 显示错误占位图
+        if (this.opts[2]) {
+          this.$set(this.ctrl, i, -1)
+        }
+        this.checkReady()
+      }
+      if (this.root) {
+        this.root.$emit('error', {
+          source: node.name,
+          attrs: node.attrs,
+          // #ifndef H5 && VUE3
+          errMsg: e.detail.errMsg
+          // #endif
+        })
+      }
+    }
+  }
+}
+</script>
+<style>
+/* a 标签默认效果 */
+._a {
+  padding: 1.5px 0 1.5px 0;
+  color: #366092;
+  word-break: break-all;
+}
+
+/* a 标签点击态效果 */
+._hover {
+  text-decoration: underline;
+  opacity: 0.7;
+}
+
+/* 图片默认效果 */
+._img {
+  max-width: 100%;
+  -webkit-touch-callout: none;
+}
+
+/* 内部样式 */
+
+._block {
+  display: block;
+}
+
+._b,
+._strong {
+  font-weight: bold;
+}
+
+._code {
+  font-family: monospace;
+}
+
+._del {
+  text-decoration: line-through;
+}
+
+._em,
+._i {
+  font-style: italic;
+}
+
+._h1 {
+  font-size: 2em;
+}
+
+._h2 {
+  font-size: 1.5em;
+}
+
+._h3 {
+  font-size: 1.17em;
+}
+
+._h5 {
+  font-size: 0.83em;
+}
+
+._h6 {
+  font-size: 0.67em;
+}
+
+._h1,
+._h2,
+._h3,
+._h4,
+._h5,
+._h6 {
+  display: block;
+  font-weight: bold;
+}
+
+._image {
+  height: 1px;
+}
+
+._ins {
+  text-decoration: underline;
+}
+
+._li {
+  display: list-item;
+}
+
+._ol {
+  list-style-type: decimal;
+}
+
+._ol,
+._ul {
+  display: block;
+  padding-left: 40px;
+  margin: 1em 0;
+}
+
+._q::before {
+  content: '"';
+}
+
+._q::after {
+  content: '"';
+}
+
+._sub {
+  font-size: smaller;
+  vertical-align: sub;
+}
+
+._sup {
+  font-size: smaller;
+  vertical-align: super;
+}
+
+._thead,
+._tbody,
+._tfoot {
+  display: table-row-group;
+}
+
+._tr {
+  display: table-row;
+}
+
+._td,
+._th {
+  display: table-cell;
+  vertical-align: middle;
+}
+
+._th {
+  font-weight: bold;
+  text-align: center;
+}
+
+._ul {
+  list-style-type: disc;
+}
+
+._ul ._ul {
+  margin: 0;
+  list-style-type: circle;
+}
+
+._ul ._ul ._ul {
+  list-style-type: square;
+}
+
+._abbr,
+._b,
+._code,
+._del,
+._em,
+._i,
+._ins,
+._label,
+._q,
+._span,
+._strong,
+._sub,
+._sup {
+  display: inline;
+}
+
+/* #ifdef APP-PLUS */
+._video {
+  width: 300px;
+  height: 225px;
+}
+/* #endif */
+</style>
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/uni-app/components/mp-html/parser.js b/wechat-mini-program/node_modules/mp-html/dist/uni-app/components/mp-html/parser.js
new file mode 100644
index 0000000..acca9bf
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/uni-app/components/mp-html/parser.js
@@ -0,0 +1,1400 @@
+/**
+ * @fileoverview html 解析器
+ */
+
+// 配置
+const config = {
+  // 信任的标签（保持标签名不变）
+  trustTags: makeMap('a,abbr,ad,audio,b,blockquote,br,code,col,colgroup,dd,del,dl,dt,div,em,fieldset,h1,h2,h3,h4,h5,h6,hr,i,img,ins,label,legend,li,ol,p,q,ruby,rt,source,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,title,ul,video'),
+
+  // 块级标签（转为 div，其他的非信任标签转为 span）
+  blockTags: makeMap('address,article,aside,body,caption,center,cite,footer,header,html,nav,pre,section'),
+
+  // #ifdef (MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE3
+  // 行内标签
+  inlineTags: makeMap('abbr,b,big,code,del,em,i,ins,label,q,small,span,strong,sub,sup'),
+  // #endif
+
+  // 要移除的标签
+  ignoreTags: makeMap('area,base,canvas,embed,frame,head,iframe,input,link,map,meta,param,rp,script,source,style,textarea,title,track,wbr'),
+
+  // 自闭合的标签
+  voidTags: makeMap('area,base,br,col,circle,ellipse,embed,frame,hr,img,input,line,link,meta,param,path,polygon,rect,source,track,use,wbr'),
+
+  // html 实体
+  entities: {
+    lt: '<',
+    gt: '>',
+    quot: '"',
+    apos: "'",
+    ensp: '\u2002',
+    emsp: '\u2003',
+    nbsp: '\xA0',
+    semi: ';',
+    ndash: '–',
+    mdash: '—',
+    middot: '·',
+    lsquo: '‘',
+    rsquo: '’',
+    ldquo: '“',
+    rdquo: '”',
+    bull: '•',
+    hellip: '…',
+    larr: '←',
+    uarr: '↑',
+    rarr: '→',
+    darr: '↓'
+  },
+
+  // 默认的标签样式
+  tagStyle: {
+    // #ifndef APP-PLUS-NVUE
+    address: 'font-style:italic',
+    big: 'display:inline;font-size:1.2em',
+    caption: 'display:table-caption;text-align:center',
+    center: 'text-align:center',
+    cite: 'font-style:italic',
+    dd: 'margin-left:40px',
+    mark: 'background-color:yellow',
+    pre: 'font-family:monospace;white-space:pre',
+    s: 'text-decoration:line-through',
+    small: 'display:inline;font-size:0.8em',
+    strike: 'text-decoration:line-through',
+    u: 'text-decoration:underline'
+    // #endif
+  },
+
+  // svg 大小写对照表
+  svgDict: {
+    animatetransform: 'animateTransform',
+    lineargradient: 'linearGradient',
+    viewbox: 'viewBox',
+    attributename: 'attributeName',
+    repeatcount: 'repeatCount',
+    repeatdur: 'repeatDur',
+    foreignobject: 'foreignObject'
+  }
+}
+const tagSelector={}
+let windowWidth, system
+// #ifdef MP-WEIXIN
+if (uni.canIUse('getWindowInfo')) {
+  windowWidth = uni.getWindowInfo().windowWidth
+  system = uni.getDeviceInfo().system
+} else {
+// #endif
+  const systemInfo = uni.getSystemInfoSync()
+  windowWidth = systemInfo.windowWidth
+  // #ifdef MP-WEIXIN
+  system = systemInfo.system
+}
+// #endif
+const blankChar = makeMap(' ,\r,\n,\t,\f')
+let idIndex = 0
+
+// #ifdef H5 || APP-PLUS
+config.ignoreTags.iframe = undefined
+config.trustTags.iframe = true
+config.ignoreTags.embed = undefined
+config.trustTags.embed = true
+// #endif
+// #ifdef APP-PLUS-NVUE
+config.ignoreTags.source = undefined
+config.ignoreTags.style = undefined
+// #endif
+
+/**
+ * @description 创建 map
+ * @param {String} str 逗号分隔
+ */
+function makeMap (str) {
+  const map = Object.create(null)
+  const list = str.split(',')
+  for (let i = list.length; i--;) {
+    map[list[i]] = true
+  }
+  return map
+}
+
+/**
+ * @description 解码 html 实体
+ * @param {String} str 要解码的字符串
+ * @param {Boolean} amp 要不要解码 &amp;
+ * @returns {String} 解码后的字符串
+ */
+function decodeEntity (str, amp) {
+  let i = str.indexOf('&')
+  while (i !== -1) {
+    const j = str.indexOf(';', i + 3)
+    let code
+    if (j === -1) break
+    if (str[i + 1] === '#') {
+      // &#123; 形式的实体
+      code = parseInt((str[i + 2] === 'x' ? '0' : '') + str.substring(i + 2, j))
+      if (!isNaN(code)) {
+        str = str.substr(0, i) + String.fromCharCode(code) + str.substr(j + 1)
+      }
+    } else {
+      // &nbsp; 形式的实体
+      code = str.substring(i + 1, j)
+      if (config.entities[code] || (code === 'amp' && amp)) {
+        str = str.substr(0, i) + (config.entities[code] || '&') + str.substr(j + 1)
+      }
+    }
+    i = str.indexOf('&', i + 1)
+  }
+  return str
+}
+
+/**
+ * @description 合并多个块级标签，加快长内容渲染
+ * @param {Array} nodes 要合并的标签数组
+ */
+function mergeNodes (nodes) {
+  let i = nodes.length - 1
+  for (let j = i; j >= -1; j--) {
+    if (j === -1 || nodes[j].c || !nodes[j].name || (nodes[j].name !== 'div' && nodes[j].name !== 'p' && nodes[j].name[0] !== 'h') || (nodes[j].attrs.style || '').includes('inline')) {
+      if (i - j >= 5) {
+        nodes.splice(j + 1, i - j, {
+          name: 'div',
+          attrs: {},
+          children: nodes.slice(j + 1, i + 1)
+        })
+      }
+      i = j - 1
+    }
+  }
+}
+
+/**
+ * @description html 解析器
+ * @param {Object} vm 组件实例
+ */
+function Parser (vm) {
+  this.options = vm || {}
+  this.tagStyle = Object.assign({}, config.tagStyle, this.options.tagStyle)
+  this.imgList = vm.imgList || []
+  this.imgList._unloadimgs = 0
+  this.plugins = vm.plugins || []
+  this.attrs = Object.create(null)
+  this.stack = []
+  this.nodes = []
+  this.pre = (this.options.containerStyle || '').includes('white-space') && this.options.containerStyle.includes('pre') ? 2 : 0
+}
+
+/**
+ * @description 执行解析
+ * @param {String} content 要解析的文本
+ */
+Parser.prototype.parse = function (content) {
+  // 插件处理
+  for (let i = this.plugins.length; i--;) {
+    if (this.plugins[i].onUpdate) {
+      content = this.plugins[i].onUpdate(content, config) || content
+    }
+  }
+
+  new Lexer(this).parse(content)
+  // 出栈未闭合的标签
+  while (this.stack.length) {
+    this.popNode()
+  }
+  if (this.nodes.length > 50) {
+    mergeNodes(this.nodes)
+  }
+  return this.nodes
+}
+
+/**
+ * @description 将标签暴露出来（不被 rich-text 包含）
+ */
+Parser.prototype.expose = function () {
+  // #ifndef APP-PLUS-NVUE
+  for (let i = this.stack.length; i--;) {
+    const item = this.stack[i]
+    if (item.c || item.name === 'a' || item.name === 'video' || item.name === 'audio') return
+    item.c = 1
+  }
+  // #endif
+}
+
+/**
+ * @description 处理插件
+ * @param {Object} node 要处理的标签
+ * @returns {Boolean} 是否要移除此标签
+ */
+Parser.prototype.hook = function (node) {
+  for (let i = this.plugins.length; i--;) {
+    if (this.plugins[i].onParse && this.plugins[i].onParse(node, this) === false) {
+      return false
+    }
+  }
+  return true
+}
+
+/**
+ * @description 将链接拼接上主域名
+ * @param {String} url 需要拼接的链接
+ * @returns {String} 拼接后的链接
+ */
+Parser.prototype.getUrl = function (url) {
+  const domain = this.options.domain
+  if (url[0] === '/') {
+    if (url[1] === '/') {
+      // // 开头的补充协议名
+      url = (domain ? domain.split('://')[0] : 'http') + ':' + url
+    } else if (domain) {
+      // 否则补充整个域名
+      url = domain + url
+    } /* #ifdef APP-PLUS */ else {
+      url = plus.io.convertLocalFileSystemURL(url)
+    } /* #endif */
+  } else if (!url.includes('data:') && !url.includes('://')) {
+    if (domain) {
+      url = domain + '/' + url
+    } /* #ifdef APP-PLUS */ else {
+      url = plus.io.convertLocalFileSystemURL(url)
+    } /* #endif */
+  }
+  return url
+}
+
+/**
+ * @description 解析样式表
+ * @param {Object} node 标签
+ * @returns {Object}
+ */
+Parser.prototype.parseStyle = function (node) {
+  const attrs = node.attrs
+  const list = (this.tagStyle[node.name] || '').split(';').concat((attrs.style || '').split(';'))
+  const styleObj = {}
+  let tmp = ''
+
+  if (attrs.id && !this.xml) {
+    // 暴露锚点
+    if (this.options.useAnchor) {
+      this.expose()
+    } else if (node.name !== 'img' && node.name !== 'a' && node.name !== 'video' && node.name !== 'audio') {
+      attrs.id = undefined
+    }
+  }
+
+  // 转换 width 和 height 属性
+  if (attrs.width) {
+    styleObj.width = parseFloat(attrs.width) + (attrs.width.includes('%') ? '%' : 'px')
+    attrs.width = undefined
+  }
+  if (attrs.height) {
+    styleObj.height = parseFloat(attrs.height) + (attrs.height.includes('%') ? '%' : 'px')
+    attrs.height = undefined
+  }
+
+  for (let i = 0, len = list.length; i < len; i++) {
+    const info = list[i].split(':')
+    if (info.length < 2) continue
+    const key = info.shift().trim().toLowerCase()
+    let value = info.join(':').trim()
+    if ((value[0] === '-' && value.lastIndexOf('-') > 0) || value.includes('safe')) {
+      // 兼容性的 css 不压缩
+      tmp += `;${key}:${value}`
+    } else if (!styleObj[key] || value.includes('import') || !styleObj[key].includes('import')) {
+      // 重复的样式进行覆盖
+      if (value.includes('url')) {
+        // 填充链接
+        let j = value.indexOf('(') + 1
+        if (j) {
+          while (value[j] === '"' || value[j] === "'" || blankChar[value[j]]) {
+            j++
+          }
+          value = value.substr(0, j) + this.getUrl(value.substr(j))
+        }
+      } else if (value.includes('rpx')) {
+        // 转换 rpx（rich-text 内部不支持 rpx）
+        value = value.replace(/[0-9.]+\s*rpx/g, $ => parseFloat($) * windowWidth / 750 + 'px')
+      }
+      styleObj[key] = value
+    }
+  }
+
+  node.attrs.style = tmp
+  return styleObj
+}
+
+/**
+ * @description 解析到标签名
+ * @param {String} name 标签名
+ * @private
+ */
+Parser.prototype.onTagName = function (name) {
+  this.tagName = this.xml ? name : name.toLowerCase()
+  if (this.tagName === 'svg') {
+    this.xml = (this.xml || 0) + 1 // svg 标签内大小写敏感
+    config.ignoreTags.style = undefined // svg 标签内 style 可用
+  }
+}
+
+/**
+ * @description 解析到属性名
+ * @param {String} name 属性名
+ * @private
+ */
+Parser.prototype.onAttrName = function (name) {
+  name = this.xml ? name : name.toLowerCase()
+  // #ifdef (VUE3 && (H5 || APP-PLUS)) || APP-PLUS-NVUE
+  if (name.includes('?') || name.includes(';')) {
+    this.attrName = undefined
+    return
+  }
+  // #endif
+  if (name.substr(0, 5) === 'data-') {
+    if (name === 'data-src' && !this.attrs.src) {
+      // data-src 自动转为 src
+      this.attrName = 'src'
+    } else if (this.tagName === 'img' || this.tagName === 'a') {
+      // a 和 img 标签保留 data- 的属性，可以在 imgtap 和 linktap 事件中使用
+      this.attrName = name
+    } else {
+      // 剩余的移除以减小大小
+      this.attrName = undefined
+    }
+  } else {
+    this.attrName = name
+    this.attrs[name] = 'T' // boolean 型属性缺省设置
+  }
+}
+
+/**
+ * @description 解析到属性值
+ * @param {String} val 属性值
+ * @private
+ */
+Parser.prototype.onAttrVal = function (val) {
+  const name = this.attrName || ''
+  if (name === 'style' || name === 'href') {
+    // 部分属性进行实体解码
+    this.attrs[name] = decodeEntity(val, true)
+  } else if (name.includes('src')) {
+    // 拼接主域名
+    this.attrs[name] = this.getUrl(decodeEntity(val, true))
+  } else if (name) {
+    this.attrs[name] = val
+  }
+}
+
+/**
+ * @description 解析到标签开始
+ * @param {Boolean} selfClose 是否有自闭合标识 />
+ * @private
+ */
+Parser.prototype.onOpenTag = function (selfClose) {
+  // 拼装 node
+  const node = Object.create(null)
+  node.name = this.tagName
+  node.attrs = this.attrs
+  // 避免因为自动 diff 使得 type 被设置为 null 导致部分内容不显示
+  if (this.options.nodes.length) {
+    node.type = 'node'
+  }
+  this.attrs = Object.create(null)
+
+  const attrs = node.attrs
+  const parent = this.stack[this.stack.length - 1]
+  const siblings = parent ? parent.children : this.nodes
+  const close = this.xml ? selfClose : config.voidTags[node.name]
+
+  // 替换标签名选择器
+  if (tagSelector[node.name]) {
+    attrs.class = tagSelector[node.name] + (attrs.class ? ' ' + attrs.class : '')
+  }
+
+  // 转换 embed 标签
+  if (node.name === 'embed') {
+    // #ifndef H5 || APP-PLUS
+    const src = attrs.src || ''
+    // 按照后缀名和 type 将 embed 转为 video 或 audio
+    if (src.includes('.mp4') || src.includes('.3gp') || src.includes('.m3u8') || (attrs.type || '').includes('video')) {
+      node.name = 'video'
+    } else if (src.includes('.mp3') || src.includes('.wav') || src.includes('.aac') || src.includes('.m4a') || (attrs.type || '').includes('audio')) {
+      node.name = 'audio'
+    }
+    if (attrs.autostart) {
+      attrs.autoplay = 'T'
+    }
+    attrs.controls = 'T'
+    // #endif
+    // #ifdef H5 || APP-PLUS
+    this.expose()
+    // #endif
+  }
+
+  // #ifndef APP-PLUS-NVUE
+  // 处理音视频
+  if (node.name === 'video' || node.name === 'audio') {
+    // 设置 id 以便获取 context
+    if (node.name === 'video' && !attrs.id) {
+      attrs.id = 'v' + idIndex++
+    }
+    // 没有设置 controls 也没有设置 autoplay 的自动设置 controls
+    if (!attrs.controls && !attrs.autoplay) {
+      attrs.controls = 'T'
+    }
+    // 用数组存储所有可用的 source
+    node.src = []
+    if (attrs.src) {
+      node.src.push(attrs.src)
+      attrs.src = undefined
+    }
+    this.expose()
+  }
+  // #endif
+
+  // 处理自闭合标签
+  if (close) {
+    if (!this.hook(node) || config.ignoreTags[node.name]) {
+      // 通过 base 标签设置主域名
+      if (node.name === 'base' && !this.options.domain) {
+        this.options.domain = attrs.href
+      } /* #ifndef APP-PLUS-NVUE */ else if (node.name === 'source' && parent && (parent.name === 'video' || parent.name === 'audio') && attrs.src) {
+        // 设置 source 标签（仅父节点为 video 或 audio 时有效）
+        parent.src.push(attrs.src)
+      } /* #endif */
+      return
+    }
+
+    // 解析 style
+    const styleObj = this.parseStyle(node)
+
+    // 处理图片
+    if (node.name === 'img') {
+      if (attrs.src) {
+        // 标记 webp
+        if (attrs.src.includes('webp')) {
+          node.webp = 'T'
+        }
+        // data url 图片如果没有设置 original-src 默认为不可预览的小图片
+        if (attrs.src.includes('data:') && this.options.previewImg !== 'all' && !attrs['original-src']) {
+          attrs.ignore = 'T'
+        }
+        if (!attrs.ignore || node.webp || attrs.src.includes('cloud://')) {
+          for (let i = this.stack.length; i--;) {
+            const item = this.stack[i]
+            if (item.name === 'a') {
+              node.a = item.attrs
+            }
+            if (item.name === 'table' && !node.webp && !attrs.src.includes('cloud://')) {
+              if (!styleObj.display || styleObj.display.includes('inline')) {
+                node.t = 'inline-block'
+              } else {
+                node.t = styleObj.display
+              }
+              styleObj.display = undefined
+            }
+            // #ifndef H5 || APP-PLUS
+            const style = item.attrs.style || ''
+            if (style.includes('flex:') && !style.includes('flex:0') && !style.includes('flex: 0') && (!styleObj.width || parseInt(styleObj.width) > 100)) {
+              styleObj.width = '100% !important'
+              styleObj.height = ''
+              for (let j = i + 1; j < this.stack.length; j++) {
+                this.stack[j].attrs.style = (this.stack[j].attrs.style || '').replace('inline-', '')
+              }
+            } else if (style.includes('flex') && styleObj.width === '100%') {
+              for (let j = i + 1; j < this.stack.length; j++) {
+                const style = this.stack[j].attrs.style || ''
+                if (!style.includes(';width') && !style.includes(' width') && style.indexOf('width') !== 0) {
+                  styleObj.width = ''
+                  break
+                }
+              }
+            } else if (style.includes('inline-block')) {
+              if (styleObj.width && styleObj.width[styleObj.width.length - 1] === '%') {
+                item.attrs.style += ';max-width:' + styleObj.width
+                styleObj.width = ''
+              } else {
+                item.attrs.style += ';max-width:100%'
+              }
+            }
+            // #endif
+            item.c = 1
+          }
+          attrs.i = this.imgList.length.toString()
+          let src = attrs['original-src'] || attrs.src
+          // #ifndef H5 || MP-ALIPAY || APP-PLUS || MP-360
+          if (this.imgList.includes(src)) {
+            // 如果有重复的链接则对域名进行随机大小写变换避免预览时错位
+            let i = src.indexOf('://')
+            if (i !== -1) {
+              i += 3
+              let newSrc = src.substr(0, i)
+              for (; i < src.length; i++) {
+                if (src[i] === '/') break
+                newSrc += Math.random() > 0.5 ? src[i].toUpperCase() : src[i]
+              }
+              newSrc += src.substr(i)
+              src = newSrc
+            }
+          }
+          // #endif
+          this.imgList.push(src)
+          if (!node.t) {
+            this.imgList._unloadimgs += 1
+          }
+          // #ifdef H5 || APP-PLUS
+          if (this.options.lazyLoad) {
+            attrs['data-src'] = attrs.src
+            attrs.src = undefined
+          }
+          // #endif
+        }
+      }
+      if (styleObj.display === 'inline') {
+        styleObj.display = ''
+      }
+      // #ifndef APP-PLUS-NVUE
+      if (attrs.ignore) {
+        styleObj['max-width'] = styleObj['max-width'] || '100%'
+        attrs.style += ';-webkit-touch-callout:none'
+      }
+      // #endif
+      // 设置的宽度超出屏幕，为避免变形，高度转为自动
+      if (parseInt(styleObj.width) > windowWidth) {
+        styleObj.height = undefined
+      }
+      // 记录是否设置了宽高
+      if (!isNaN(parseInt(styleObj.width))) {
+        node.w = 'T'
+      }
+      if (!isNaN(parseInt(styleObj.height)) && (!styleObj.height.includes('%') || (parent && (parent.attrs.style || '').includes('height')))) {
+        node.h = 'T'
+      }
+      if (node.w && node.h && styleObj['object-fit']) {
+        if (styleObj['object-fit'] === 'contain') {
+          node.m = 'aspectFit'
+        } else if (styleObj['object-fit'] === 'cover') {
+          node.m = 'aspectFill'
+        }
+      }
+    } else if (node.name === 'svg') {
+      siblings.push(node)
+      this.stack.push(node)
+      this.popNode()
+      return
+    }
+    for (const key in styleObj) {
+      if (styleObj[key]) {
+        attrs.style += `;${key}:${styleObj[key].replace(' !important', '')}`
+      }
+    }
+    attrs.style = attrs.style.substr(1) || undefined
+    // #ifdef (MP-WEIXIN || MP-QQ) && VUE3
+    if (!attrs.style) {
+      delete attrs.style
+    }
+    // #endif
+  } else {
+    if ((node.name === 'pre' || ((attrs.style || '').includes('white-space') && attrs.style.includes('pre'))) && this.pre !== 2) {
+      this.pre = node.pre = 1
+    }
+    node.children = []
+    this.stack.push(node)
+  }
+
+  // 加入节点树
+  siblings.push(node)
+}
+
+/**
+ * @description 解析到标签结束
+ * @param {String} name 标签名
+ * @private
+ */
+Parser.prototype.onCloseTag = function (name) {
+  // 依次出栈到匹配为止
+  name = this.xml ? name : name.toLowerCase()
+  let i
+  for (i = this.stack.length; i--;) {
+    if (this.stack[i].name === name) break
+  }
+  if (i !== -1) {
+    while (this.stack.length > i) {
+      this.popNode()
+    }
+  } else if (name === 'p' || name === 'br') {
+    const siblings = this.stack.length ? this.stack[this.stack.length - 1].children : this.nodes
+    siblings.push({
+      name,
+      attrs: {
+        class: tagSelector[name] || '',
+        style: this.tagStyle[name] || ''
+      }
+    })
+  }
+}
+
+/**
+ * @description 处理标签出栈
+ * @private
+ */
+Parser.prototype.popNode = function () {
+  const node = this.stack.pop()
+  let attrs = node.attrs
+  const children = node.children
+  const parent = this.stack[this.stack.length - 1]
+  const siblings = parent ? parent.children : this.nodes
+
+  if (!this.hook(node) || config.ignoreTags[node.name]) {
+    // 获取标题
+    if (node.name === 'title' && children.length && children[0].type === 'text' && this.options.setTitle) {
+      uni.setNavigationBarTitle({
+        title: children[0].text
+      })
+    }
+    siblings.pop()
+    return
+  }
+
+  if (node.pre && this.pre !== 2) {
+    // 是否合并空白符标识
+    this.pre = node.pre = undefined
+    for (let i = this.stack.length; i--;) {
+      if (this.stack[i].pre) {
+        this.pre = 1
+      }
+    }
+  }
+
+  const styleObj = {}
+
+  // 转换 svg
+  if (node.name === 'svg') {
+    if (this.xml > 1) {
+      // 多层 svg 嵌套
+      this.xml--
+      return
+    }
+    // #ifdef APP-PLUS-NVUE
+    (function traversal (node) {
+      if (node.name) {
+        // 调整 svg 的大小写
+        node.name = config.svgDict[node.name] || node.name
+        for (const item in node.attrs) {
+          if (config.svgDict[item]) {
+            node.attrs[config.svgDict[item]] = node.attrs[item]
+            node.attrs[item] = undefined
+          }
+        }
+        for (let i = 0; i < (node.children || []).length; i++) {
+          traversal(node.children[i])
+        }
+      }
+    })(node)
+    // #endif
+    // #ifndef APP-PLUS-NVUE
+    let src = ''
+    const style = attrs.style
+    attrs.style = ''
+    attrs.xmlns = 'http://www.w3.org/2000/svg';
+    (function traversal (node) {
+      if (node.type === 'text') {
+        src += node.text
+        return
+      }
+      const name = config.svgDict[node.name] || node.name
+      if (name === 'foreignObject') {
+        for (const child of (node.children || [])) {
+          if (child.attrs && !child.attrs.xmlns) {
+            child.attrs.xmlns = 'http://www.w3.org/1999/xhtml'
+            break
+          }
+        }
+      }
+      src += '<' + name
+      for (const item in node.attrs) {
+        const val = node.attrs[item]
+        if (val) {
+          src += ` ${config.svgDict[item] || item}="${val.replace(/"/g, '')}"`
+        }
+      }
+      if (!node.children) {
+        src += '/>'
+      } else {
+        src += '>'
+        for (let i = 0; i < node.children.length; i++) {
+          traversal(node.children[i])
+        }
+        src += '</' + name + '>'
+      }
+    })(node)
+    node.name = 'img'
+    node.attrs = {
+      src: 'data:image/svg+xml;utf8,' + src.replace(/#/g, '%23'),
+      style,
+      ignore: 'T'
+    }
+    node.children = undefined
+    // #endif
+    this.xml = false
+    config.ignoreTags.style = true
+    return
+  }
+
+  // #ifndef APP-PLUS-NVUE
+  // 转换 align 属性
+  if (attrs.align) {
+    if (node.name === 'table') {
+      if (attrs.align === 'center') {
+        styleObj['margin-inline-start'] = styleObj['margin-inline-end'] = 'auto'
+      } else {
+        styleObj.float = attrs.align
+      }
+    } else {
+      styleObj['text-align'] = attrs.align
+    }
+    attrs.align = undefined
+  }
+
+  // 转换 dir 属性
+  if (attrs.dir) {
+    styleObj.direction = attrs.dir
+    attrs.dir = undefined
+  }
+
+  // 转换 font 标签的属性
+  if (node.name === 'font') {
+    if (attrs.color) {
+      styleObj.color = attrs.color
+      attrs.color = undefined
+    }
+    if (attrs.face) {
+      styleObj['font-family'] = attrs.face
+      attrs.face = undefined
+    }
+    if (attrs.size) {
+      let size = parseInt(attrs.size)
+      if (!isNaN(size)) {
+        if (size < 1) {
+          size = 1
+        } else if (size > 7) {
+          size = 7
+        }
+        styleObj['font-size'] = ['x-small', 'small', 'medium', 'large', 'x-large', 'xx-large', 'xxx-large'][size - 1]
+      }
+      attrs.size = undefined
+    }
+  }
+  // #endif
+
+  // 一些编辑器的自带 class
+  if ((attrs.class || '').includes('align-center')) {
+    styleObj['text-align'] = 'center'
+  }
+
+  Object.assign(styleObj, this.parseStyle(node))
+
+  if (node.name !== 'table' && parseInt(styleObj.width) > windowWidth) {
+    styleObj['max-width'] = '100%'
+    styleObj['box-sizing'] = 'border-box'
+  }
+
+  // #ifndef APP-PLUS-NVUE
+  if (config.blockTags[node.name]) {
+    node.name = 'div'
+  } else if (!config.trustTags[node.name] && !this.xml) {
+    // 未知标签转为 span，避免无法显示
+    node.name = 'span'
+  }
+
+  if (node.name === 'a' || node.name === 'ad'
+    // #ifdef H5 || APP-PLUS
+    || node.name === 'iframe' // eslint-disable-line
+    // #endif
+  ) {
+    this.expose()
+  } else if (node.name === 'video') {
+    if ((styleObj.height || '').includes('auto')) {
+      styleObj.height = undefined
+    }
+    /* #ifdef APP-PLUS */
+    let str = '<video style="width:100%;height:100%"'
+    for (const item in attrs) {
+      if (attrs[item]) {
+        str += ' ' + item + '="' + attrs[item] + '"'
+      }
+    }
+    if (this.options.pauseVideo) {
+      str += ' onplay="this.dispatchEvent(new CustomEvent(\'vplay\',{bubbles:!0}));for(var e=document.getElementsByTagName(\'video\'),t=0;t<e.length;t++)e[t]!=this&&e[t].pause()"'
+    }
+    str += '>'
+    for (let i = 0; i < node.src.length; i++) {
+      str += '<source src="' + node.src[i] + '">'
+    }
+    str += '</video>'
+    node.html = str
+    /* #endif */
+  } else if ((node.name === 'ul' || node.name === 'ol') && node.c) {
+    // 列表处理
+    const types = {
+      a: 'lower-alpha',
+      A: 'upper-alpha',
+      i: 'lower-roman',
+      I: 'upper-roman'
+    }
+    if (types[attrs.type]) {
+      attrs.style += ';list-style-type:' + types[attrs.type]
+      attrs.type = undefined
+    }
+    for (let i = children.length; i--;) {
+      if (children[i].name === 'li') {
+        children[i].c = 1
+      }
+    }
+  } else if (node.name === 'table') {
+    // 表格处理
+    // cellpadding、cellspacing、border 这几个常用表格属性需要通过转换实现
+    let padding = parseFloat(attrs.cellpadding)
+    let spacing = parseFloat(attrs.cellspacing)
+    const border = parseFloat(attrs.border)
+    const bordercolor = styleObj['border-color']
+    const borderstyle = styleObj['border-style']
+    if (node.c) {
+      // padding 和 spacing 默认 2
+      if (isNaN(padding)) {
+        padding = 2
+      }
+      if (isNaN(spacing)) {
+        spacing = 2
+      }
+    }
+    if (border) {
+      attrs.style += `;border:${border}px ${borderstyle || 'solid'} ${bordercolor || 'gray'}`
+    }
+    if (node.flag && node.c) {
+      // 有 colspan 或 rowspan 且含有链接的表格通过 grid 布局实现
+      styleObj.display = 'grid'
+      if (styleObj['border-collapse'] === 'collapse') {
+        styleObj['border-collapse'] = undefined
+        spacing = 0
+      }
+      if (spacing) {
+        styleObj['grid-gap'] = spacing + 'px'
+        styleObj.padding = spacing + 'px'
+      } else if (border) {
+        // 无间隔的情况下避免边框重叠
+        attrs.style += ';border-left:0;border-top:0'
+      }
+
+      const width = [] // 表格的列宽
+      const trList = [] // tr 列表
+      const cells = [] // 保存新的单元格
+      const map = {}; // 被合并单元格占用的格子
+
+      (function traversal (nodes) {
+        for (let i = 0; i < nodes.length; i++) {
+          if (nodes[i].name === 'tr') {
+            trList.push(nodes[i])
+          } else if (nodes[i].name === 'colgroup') {
+            let colI = 1
+            for (const col of (nodes[i].children || [])) {
+              if (col.name === 'col') {
+                const style = col.attrs.style || ''
+                const start = style.indexOf('width') ? style.indexOf(';width') : 0
+                // 提取出宽度
+                if (start !== -1) {
+                  let end = style.indexOf(';', start + 6)
+                  if (end === -1) {
+                    end = style.length
+                  }
+                  width[colI] = style.substring(start ? start + 7 : 6, end)
+                }
+                colI += 1
+              }
+            }
+          } else {
+            traversal(nodes[i].children || [])
+          }
+        }
+      })(children)
+
+      for (let row = 1; row <= trList.length; row++) {
+        let col = 1
+        for (let j = 0; j < trList[row - 1].children.length; j++) {
+          const td = trList[row - 1].children[j]
+          if (td.name === 'td' || td.name === 'th') {
+            // 这个格子被上面的单元格占用，则列号++
+            while (map[row + '.' + col]) {
+              col++
+            }
+            let style = td.attrs.style || ''
+            let start = style.indexOf('width') ? style.indexOf(';width') : 0
+            // 提取出 td 的宽度
+            if (start !== -1) {
+              let end = style.indexOf(';', start + 6)
+              if (end === -1) {
+                end = style.length
+              }
+              if (!td.attrs.colspan) {
+                width[col] = style.substring(start ? start + 7 : 6, end)
+              }
+              style = style.substr(0, start) + style.substr(end)
+            }
+            // 设置竖直对齐
+            style += ';display:flex'
+            start = style.indexOf('vertical-align')
+            if (start !== -1) {
+              const val = style.substr(start + 15, 10)
+              if (val.includes('middle')) {
+                style += ';align-items:center'
+              } else if (val.includes('bottom')) {
+                style += ';align-items:flex-end'
+              }
+            } else {
+              style += ';align-items:center'
+            }
+            // 设置水平对齐
+            start = style.indexOf('text-align')
+            if (start !== -1) {
+              const val = style.substr(start + 11, 10)
+              if (val.includes('center')) {
+                style += ';justify-content: center'
+              } else if (val.includes('right')) {
+                style += ';justify-content: right'
+              }
+            }
+            style = (border ? `;border:${border}px ${borderstyle || 'solid'} ${bordercolor || 'gray'}` + (spacing ? '' : ';border-right:0;border-bottom:0') : '') + (padding ? `;padding:${padding}px` : '') + ';' + style
+            // 处理列合并
+            if (td.attrs.colspan) {
+              style += `;grid-column-start:${col};grid-column-end:${col + parseInt(td.attrs.colspan)}`
+              if (!td.attrs.rowspan) {
+                style += `;grid-row-start:${row};grid-row-end:${row + 1}`
+              }
+              col += parseInt(td.attrs.colspan) - 1
+            }
+            // 处理行合并
+            if (td.attrs.rowspan) {
+              style += `;grid-row-start:${row};grid-row-end:${row + parseInt(td.attrs.rowspan)}`
+              if (!td.attrs.colspan) {
+                style += `;grid-column-start:${col};grid-column-end:${col + 1}`
+              }
+              // 记录下方单元格被占用
+              for (let rowspan = 1; rowspan < td.attrs.rowspan; rowspan++) {
+                for (let colspan = 0; colspan < (td.attrs.colspan || 1); colspan++) {
+                  map[(row + rowspan) + '.' + (col - colspan)] = 1
+                }
+              }
+            }
+            if (style) {
+              td.attrs.style = style
+            }
+            cells.push(td)
+            col++
+          }
+        }
+        if (row === 1) {
+          let temp = ''
+          for (let i = 1; i < col; i++) {
+            temp += (width[i] ? width[i] : 'auto') + ' '
+          }
+          styleObj['grid-template-columns'] = temp
+        }
+      }
+      node.children = cells
+    } else {
+      // 没有使用合并单元格的表格通过 table 布局实现
+      if (node.c) {
+        styleObj.display = 'table'
+      }
+      if (!isNaN(spacing)) {
+        styleObj['border-spacing'] = spacing + 'px'
+      }
+      if (border || padding) {
+        // 遍历
+        (function traversal (nodes) {
+          for (let i = 0; i < nodes.length; i++) {
+            const td = nodes[i]
+            if (td.name === 'th' || td.name === 'td') {
+              if (border) {
+                td.attrs.style = `border:${border}px ${borderstyle || 'solid'} ${bordercolor || 'gray'};${td.attrs.style || ''}`
+              }
+              if (padding) {
+                td.attrs.style = `padding:${padding}px;${td.attrs.style || ''}`
+              }
+            } else if (td.children) {
+              traversal(td.children)
+            }
+          }
+        })(children)
+      }
+    }
+    // 给表格添加一个单独的横向滚动层
+    if (this.options.scrollTable && !(attrs.style || '').includes('inline')) {
+      const table = Object.assign({}, node)
+      node.name = 'div'
+      node.attrs = {
+        style: 'overflow:auto'
+      }
+      node.children = [table]
+      attrs = table.attrs
+    }
+  } else if ((node.name === 'tbody' || node.name === 'tr') && node.flag && node.c) {
+    node.flag = undefined;
+    (function traversal (nodes) {
+      for (let i = 0; i < nodes.length; i++) {
+        if (nodes[i].name === 'td') {
+          // 颜色样式设置给单元格避免丢失
+          for (const style of ['color', 'background', 'background-color']) {
+            if (styleObj[style]) {
+              nodes[i].attrs.style = style + ':' + styleObj[style] + ';' + (nodes[i].attrs.style || '')
+            }
+          }
+        } else {
+          traversal(nodes[i].children || [])
+        }
+      }
+    })(children)
+  } else if ((node.name === 'td' || node.name === 'th') && (attrs.colspan || attrs.rowspan)) {
+    for (let i = this.stack.length; i--;) {
+      if (this.stack[i].name === 'table' || this.stack[i].name === 'tbody' || this.stack[i].name === 'tr') {
+        this.stack[i].flag = 1 // 指示含有合并单元格
+      }
+    }
+  } else if (node.name === 'ruby') {
+    // 转换 ruby
+    node.name = 'span'
+    for (let i = 0; i < children.length - 1; i++) {
+      if (children[i].type === 'text' && children[i + 1].name === 'rt') {
+        children[i] = {
+          name: 'div',
+          attrs: {
+            style: 'display:inline-block;text-align:center'
+          },
+          children: [{
+            name: 'div',
+            attrs: {
+              style: 'font-size:50%;' + (children[i + 1].attrs.style || '')
+            },
+            children: children[i + 1].children
+          }, children[i]]
+        }
+        children.splice(i + 1, 1)
+      }
+    }
+  } else if (node.c) {
+    (function traversal (node) {
+      node.c = 2
+      for (let i = node.children.length; i--;) {
+        const child = node.children[i]
+        // #ifdef (MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE3
+        if (child.name && (config.inlineTags[child.name] || ((child.attrs.style || '').includes('inline') && child.children)) && !child.c) {
+          traversal(child)
+        }
+        // #endif
+        if (!child.c || child.name === 'table') {
+          node.c = 1
+        }
+      }
+    })(node)
+  }
+
+  if ((styleObj.display || '').includes('flex') && !node.c) {
+    for (let i = children.length; i--;) {
+      const item = children[i]
+      if (item.f) {
+        item.attrs.style = (item.attrs.style || '') + item.f
+        item.f = undefined
+      }
+    }
+  }
+  // flex 布局时部分样式需要提取到 rich-text 外层
+  const flex = parent && ((parent.attrs.style || '').includes('flex') || (parent.attrs.style || '').includes('grid'))
+    // #ifdef MP-WEIXIN
+    // 检查基础库版本 virtualHost 是否可用
+    && !(node.c && wx.getNFCAdapter) // eslint-disable-line
+    // #endif
+    // #ifndef MP-WEIXIN || MP-QQ || MP-BAIDU || MP-TOUTIAO
+    && !node.c // eslint-disable-line
+  // #endif
+  if (flex) {
+    node.f = ';max-width:100%'
+  }
+
+  if (children.length >= 50 && node.c && !(styleObj.display || '').includes('flex')) {
+    mergeNodes(children)
+  }
+  // #endif
+
+  for (const key in styleObj) {
+    if (styleObj[key]) {
+      const val = `;${key}:${styleObj[key].replace(' !important', '')}`
+      /* #ifndef APP-PLUS-NVUE */
+      if (flex && ((key.includes('flex') && key !== 'flex-direction') || key === 'align-self' || key.includes('grid') || styleObj[key][0] === '-' || (key.includes('width') && val.includes('%')))) {
+        node.f += val
+        if (key === 'width') {
+          attrs.style += ';width:100%'
+        }
+      } else /* #endif */ {
+        attrs.style += val
+      }
+    }
+  }
+  attrs.style = attrs.style.substr(1) || undefined
+  // #ifdef (MP-WEIXIN || MP-QQ) && VUE3
+  for (const key in attrs) {
+    if (!attrs[key]) {
+      delete attrs[key]
+    }
+  }
+  // #endif
+}
+
+/**
+ * @description 解析到文本
+ * @param {String} text 文本内容
+ */
+Parser.prototype.onText = function (text) {
+  if (!this.pre) {
+    // 合并空白符
+    let trim = ''
+    let flag
+    for (let i = 0, len = text.length; i < len; i++) {
+      if (!blankChar[text[i]]) {
+        trim += text[i]
+      } else {
+        if (trim[trim.length - 1] !== ' ') {
+          trim += ' '
+        }
+        if (text[i] === '\n' && !flag) {
+          flag = true
+        }
+      }
+    }
+    // 去除含有换行符的空串
+    if (trim === ' ') {
+      if (flag) return
+      // #ifdef VUE3
+      else {
+        const parent = this.stack[this.stack.length - 1]
+        if (parent && parent.name[0] === 't') return
+      }
+      // #endif
+    }
+    text = trim
+  }
+  const node = Object.create(null)
+  node.type = 'text'
+  // #ifdef (MP-BAIDU || MP-ALIPAY || MP-TOUTIAO) && VUE3
+  node.attrs = {}
+  // #endif
+  node.text = decodeEntity(text)
+  if (this.hook(node)) {
+    // #ifdef MP-WEIXIN
+    if (this.options.selectable === 'force' && system.includes('iOS') && !uni.canIUse('rich-text.user-select')) {
+      this.expose()
+    }
+    // #endif
+    const siblings = this.stack.length ? this.stack[this.stack.length - 1].children : this.nodes
+    siblings.push(node)
+  }
+}
+
+/**
+ * @description html 词法分析器
+ * @param {Object} handler 高层处理器
+ */
+function Lexer (handler) {
+  this.handler = handler
+}
+
+/**
+ * @description 执行解析
+ * @param {String} content 要解析的文本
+ */
+Lexer.prototype.parse = function (content) {
+  this.content = content || ''
+  this.i = 0 // 标记解析位置
+  this.start = 0 // 标记一个单词的开始位置
+  this.state = this.text // 当前状态
+  for (let len = this.content.length; this.i !== -1 && this.i < len;) {
+    this.state()
+  }
+}
+
+/**
+ * @description 检查标签是否闭合
+ * @param {String} method 如果闭合要进行的操作
+ * @returns {Boolean} 是否闭合
+ * @private
+ */
+Lexer.prototype.checkClose = function (method) {
+  const selfClose = this.content[this.i] === '/'
+  if (this.content[this.i] === '>' || (selfClose && this.content[this.i + 1] === '>')) {
+    if (method) {
+      this.handler[method](this.content.substring(this.start, this.i))
+    }
+    this.i += selfClose ? 2 : 1
+    this.start = this.i
+    this.handler.onOpenTag(selfClose)
+    if (this.handler.tagName === 'script') {
+      this.i = this.content.indexOf('</', this.i)
+      if (this.i !== -1) {
+        this.i += 2
+        this.start = this.i
+      }
+      this.state = this.endTag
+    } else {
+      this.state = this.text
+    }
+    return true
+  }
+  return false
+}
+
+/**
+ * @description 文本状态
+ * @private
+ */
+Lexer.prototype.text = function () {
+  this.i = this.content.indexOf('<', this.i) // 查找最近的标签
+  if (this.i === -1) {
+    // 没有标签了
+    if (this.start < this.content.length) {
+      this.handler.onText(this.content.substring(this.start, this.content.length))
+    }
+    return
+  }
+  const c = this.content[this.i + 1]
+  if ((c >= 'a' && c <= 'z') || (c >= 'A' && c <= 'Z')) {
+    // 标签开头
+    if (this.start !== this.i) {
+      this.handler.onText(this.content.substring(this.start, this.i))
+    }
+    this.start = ++this.i
+    this.state = this.tagName
+  } else if (c === '/' || c === '!' || c === '?') {
+    if (this.start !== this.i) {
+      this.handler.onText(this.content.substring(this.start, this.i))
+    }
+    const next = this.content[this.i + 2]
+    if (c === '/' && ((next >= 'a' && next <= 'z') || (next >= 'A' && next <= 'Z'))) {
+      // 标签结尾
+      this.i += 2
+      this.start = this.i
+      this.state = this.endTag
+      return
+    }
+    // 处理注释
+    let end = '-->'
+    if (c !== '!' || this.content[this.i + 2] !== '-' || this.content[this.i + 3] !== '-') {
+      end = '>'
+    }
+    this.i = this.content.indexOf(end, this.i)
+    if (this.i !== -1) {
+      this.i += end.length
+      this.start = this.i
+    }
+  } else {
+    this.i++
+  }
+}
+
+/**
+ * @description 标签名状态
+ * @private
+ */
+Lexer.prototype.tagName = function () {
+  if (blankChar[this.content[this.i]]) {
+    // 解析到标签名
+    this.handler.onTagName(this.content.substring(this.start, this.i))
+    while (blankChar[this.content[++this.i]]);
+    if (this.i < this.content.length && !this.checkClose()) {
+      this.start = this.i
+      this.state = this.attrName
+    }
+  } else if (!this.checkClose('onTagName')) {
+    this.i++
+  }
+}
+
+/**
+ * @description 属性名状态
+ * @private
+ */
+Lexer.prototype.attrName = function () {
+  let c = this.content[this.i]
+  if (blankChar[c] || c === '=') {
+    // 解析到属性名
+    this.handler.onAttrName(this.content.substring(this.start, this.i))
+    let needVal = c === '='
+    const len = this.content.length
+    while (++this.i < len) {
+      c = this.content[this.i]
+      if (!blankChar[c]) {
+        if (this.checkClose()) return
+        if (needVal) {
+          // 等号后遇到第一个非空字符
+          this.start = this.i
+          this.state = this.attrVal
+          return
+        }
+        if (this.content[this.i] === '=') {
+          needVal = true
+        } else {
+          this.start = this.i
+          this.state = this.attrName
+          return
+        }
+      }
+    }
+  } else if (!this.checkClose('onAttrName')) {
+    this.i++
+  }
+}
+
+/**
+ * @description 属性值状态
+ * @private
+ */
+Lexer.prototype.attrVal = function () {
+  const c = this.content[this.i]
+  const len = this.content.length
+  if (c === '"' || c === "'") {
+    // 有冒号的属性
+    this.start = ++this.i
+    this.i = this.content.indexOf(c, this.i)
+    if (this.i === -1) return
+    this.handler.onAttrVal(this.content.substring(this.start, this.i))
+  } else {
+    // 没有冒号的属性
+    for (; this.i < len; this.i++) {
+      if (blankChar[this.content[this.i]]) {
+        this.handler.onAttrVal(this.content.substring(this.start, this.i))
+        break
+      } else if (this.checkClose('onAttrVal')) return
+    }
+  }
+  while (blankChar[this.content[++this.i]]);
+  if (this.i < len && !this.checkClose()) {
+    this.start = this.i
+    this.state = this.attrName
+  }
+}
+
+/**
+ * @description 结束标签状态
+ * @returns {String} 结束的标签名
+ * @private
+ */
+Lexer.prototype.endTag = function () {
+  const c = this.content[this.i]
+  if (blankChar[c] || c === '>' || c === '/') {
+    this.handler.onCloseTag(this.content.substring(this.start, this.i))
+    if (c !== '>') {
+      this.i = this.content.indexOf('>', this.i)
+      if (this.i === -1) return
+    }
+    this.start = ++this.i
+    this.state = this.text
+  } else {
+    this.i++
+  }
+}
+
+export default Parser
diff --git a/wechat-mini-program/node_modules/mp-html/dist/uni-app/static/app-plus/mp-html/js/handler.js b/wechat-mini-program/node_modules/mp-html/dist/uni-app/static/app-plus/mp-html/js/handler.js
new file mode 100644
index 0000000..1d986bd
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/uni-app/static/app-plus/mp-html/js/handler.js
@@ -0,0 +1 @@
+"use strict";function t(t){for(var e=Object.create(null),n=t.attributes.length;n--;)e[t.attributes[n].name]=t.attributes[n].value;return e}function e(){a[1]&&(this.src=a[1],this.onerror=null),this.onclick=null,this.ontouchstart=null,uni.postMessage({data:{action:"onError",source:"img",attrs:t(this)}})}function n(){window.unloadimgs-=1,0===window.unloadimgs&&uni.postMessage({data:{action:"onReady"}})}function o(r,s,c){for(var d=0;d<r.length;d++)!function(d){var u=r[d],l=void 0;if(u.type&&"node"!==u.type)l=document.createTextNode(u.text.replace(/&amp;/g,"&"));else{var g=u.name;"svg"===g&&(c="http://www.w3.org/2000/svg"),"html"!==g&&"body"!==g||(g="div"),l=c?document.createElementNS(c,g):document.createElement(g);for(var p in u.attrs)l.setAttribute(p,u.attrs[p]);if(u.children&&o(u.children,l,c),"img"===g){if(window.unloadimgs+=1,l.onload=n,l.onerror=n,!l.src&&l.getAttribute("data-src")&&(l.src=l.getAttribute("data-src")),u.attrs.ignore||(l.onclick=function(e){e.stopPropagation(),uni.postMessage({data:{action:"onImgTap",attrs:t(this)}})}),a[2]){var h=new Image;h.src=l.src,l.src=a[2],h.onload=function(){l.src=this.src},h.onerror=function(){l.onerror()}}l.onerror=e}else if("a"===g)l.addEventListener("click",function(e){e.stopPropagation(),e.preventDefault();var n,o=this.getAttribute("href");o&&"#"===o[0]&&(n=(document.getElementById(o.substr(1))||{}).offsetTop),uni.postMessage({data:{action:"onLinkTap",attrs:t(this),offset:n}})},!0);else if("video"===g||"audio"===g)i.push(l),u.attrs.autoplay||u.attrs.controls||l.setAttribute("controls","true"),l.onplay=function(){if(uni.postMessage({data:{action:"onPlay"}}),a[3])for(var t=0;t<i.length;t++)i[t]!==this&&i[t].pause()},l.onerror=function(){uni.postMessage({data:{action:"onError",source:g,attrs:t(this)}})};else if("table"===g&&a[4]&&!l.style.cssText.includes("inline")){var f=document.createElement("div");f.style.overflow="auto",f.appendChild(l),l=f}else"svg"===g&&(c=void 0)}s.appendChild(l)}(d)}document.addEventListener("UniAppJSBridgeReady",function(){document.body.onclick=function(){return uni.postMessage({data:{action:"onClick"}})},uni.postMessage({data:{action:"onJSBridgeReady"}})});var a,i=[];window.setContent=function(t,e,n){var r=document.getElementById("content");e[0]&&(document.body.style.cssText=e[0]),e[5]||(r.style.userSelect="none"),n||(r.innerHTML="",i=[]),a=e,window.unloadimgs=0;var s=document.createDocumentFragment();o(t,s),r.appendChild(s);var c=r.scrollHeight;uni.postMessage({data:{action:"onLoad",height:c}}),window.unloadimgs||uni.postMessage({data:{action:"onReady",height:c}}),clearInterval(window.timer),window.timer=setInterval(function(){r.scrollHeight!==c&&(c=r.scrollHeight,uni.postMessage({data:{action:"onHeightChange",height:c}}))},350)},window.onunload=function(){clearInterval(window.timer)};
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/uni-app/static/app-plus/mp-html/js/uni.webview.min.js b/wechat-mini-program/node_modules/mp-html/dist/uni-app/static/app-plus/mp-html/js/uni.webview.min.js
new file mode 100644
index 0000000..b0c8445
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/uni-app/static/app-plus/mp-html/js/uni.webview.min.js
@@ -0,0 +1 @@
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):(e=e||self).uni=n()}(this,(function(){"use strict";try{var e={};Object.defineProperty(e,"passive",{get:function(){!0}}),window.addEventListener("test-passive",null,e)}catch(e){}var n=Object.prototype.hasOwnProperty;function t(e,t){return n.call(e,t)}var i=[],a=function(e,n){var t={options:{timestamp:+new Date},name:e,arg:n};if(window.__dcloud_weex_postMessage||window.__dcloud_weex_){if("postMessage"===e){var a={data:[n]};return window.__dcloud_weex_postMessage?window.__dcloud_weex_postMessage(a):window.__dcloud_weex_.postMessage(JSON.stringify(a))}var o={type:"WEB_INVOKE_APPSERVICE",args:{data:t,webviewIds:i}};window.__dcloud_weex_postMessage?window.__dcloud_weex_postMessageToService(o):window.__dcloud_weex_.postMessageToService(JSON.stringify(o))}if(!window.plus)return window.parent.postMessage({type:"WEB_INVOKE_APPSERVICE",data:t,pageId:""},"*");if(0===i.length){var r=plus.webview.currentWebview();if(!r)throw new Error("plus.webview.currentWebview() is undefined");var d=r.parent(),s="";s=d?d.id:r.id,i.push(s)}if(plus.webview.getWebviewById("__uniapp__service"))plus.webview.postMessageToUniNView({type:"WEB_INVOKE_APPSERVICE",args:{data:t,webviewIds:i}},"__uniapp__service");else{var w=JSON.stringify(t);plus.webview.getLaunchWebview().evalJS('UniPlusBridge.subscribeHandler("'.concat("WEB_INVOKE_APPSERVICE",'",').concat(w,",").concat(JSON.stringify(i),");"))}},o={navigateTo:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.url;a("navigateTo",{url:encodeURI(n)})},navigateBack:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.delta;a("navigateBack",{delta:parseInt(n)||1})},switchTab:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.url;a("switchTab",{url:encodeURI(n)})},reLaunch:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.url;a("reLaunch",{url:encodeURI(n)})},redirectTo:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.url;a("redirectTo",{url:encodeURI(n)})},getEnv:function(e){window.plus?e({plus:!0}):e({h5:!0})},postMessage:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};a("postMessage",e.data||{})}},r=/uni-app/i.test(navigator.userAgent),d=/Html5Plus/i.test(navigator.userAgent),s=/complete|loaded|interactive/;var w=window.my&&navigator.userAgent.indexOf("AlipayClient")>-1;var u=window.swan&&window.swan.webView&&/swan/i.test(navigator.userAgent);var c=window.qq&&window.qq.miniProgram&&/QQ/i.test(navigator.userAgent)&&/miniProgram/i.test(navigator.userAgent);var g=window.tt&&window.tt.miniProgram&&/toutiaomicroapp/i.test(navigator.userAgent);var v=window.wx&&window.wx.miniProgram&&/micromessenger/i.test(navigator.userAgent)&&/miniProgram/i.test(navigator.userAgent);var p=window.qa&&/quickapp/i.test(navigator.userAgent);for(var l,_=function(){window.UniAppJSBridge=!0,document.dispatchEvent(new CustomEvent("UniAppJSBridgeReady",{bubbles:!0,cancelable:!0}))},f=[function(e){if(r||d)return window.__dcloud_weex_postMessage||window.__dcloud_weex_?document.addEventListener("DOMContentLoaded",e):window.plus&&s.test(document.readyState)?setTimeout(e,0):document.addEventListener("plusready",e),o},function(e){if(v)return window.WeixinJSBridge&&window.WeixinJSBridge.invoke?setTimeout(e,0):document.addEventListener("WeixinJSBridgeReady",e),window.wx.miniProgram},function(e){if(c)return window.QQJSBridge&&window.QQJSBridge.invoke?setTimeout(e,0):document.addEventListener("QQJSBridgeReady",e),window.qq.miniProgram},function(e){if(w){document.addEventListener("DOMContentLoaded",e);var n=window.my;return{navigateTo:n.navigateTo,navigateBack:n.navigateBack,switchTab:n.switchTab,reLaunch:n.reLaunch,redirectTo:n.redirectTo,postMessage:n.postMessage,getEnv:n.getEnv}}},function(e){if(u)return document.addEventListener("DOMContentLoaded",e),window.swan.webView},function(e){if(g)return document.addEventListener("DOMContentLoaded",e),window.tt.miniProgram},function(e){if(p){window.QaJSBridge&&window.QaJSBridge.invoke?setTimeout(e,0):document.addEventListener("QaJSBridgeReady",e);var n=window.qa;return{navigateTo:n.navigateTo,navigateBack:n.navigateBack,switchTab:n.switchTab,reLaunch:n.reLaunch,redirectTo:n.redirectTo,postMessage:n.postMessage,getEnv:n.getEnv}}},function(e){return document.addEventListener("DOMContentLoaded",e),o}],m=0;m<f.length&&!(l=f[m](_));m++);l||(l={});var E="undefined"!=typeof uni?uni:{};if(!E.navigateTo)for(var b in l)t(l,b)&&(E[b]=l[b]);return E.webView=l,E}));
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/dist/uni-app/static/app-plus/mp-html/local.html b/wechat-mini-program/node_modules/mp-html/dist/uni-app/static/app-plus/mp-html/local.html
new file mode 100644
index 0000000..04355c9
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/dist/uni-app/static/app-plus/mp-html/local.html
@@ -0,0 +1 @@
+<head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"><style>body,html{width:100%;height:100%;overflow-x:scroll;overflow-y:hidden}body{margin:0}video{width:300px;height:225px}img{max-width:100%;-webkit-touch-callout:none}</style></head><body><div id="content" style="overflow:hidden"></div><script type="text/javascript" src="./js/uni.webview.min.js"></script><script type="text/javascript" src="./js/handler.js"></script></body>
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/docs/.nojekyll b/wechat-mini-program/node_modules/mp-html/docs/.nojekyll
new file mode 100644
index 0000000..e69de29
diff --git a/wechat-mini-program/node_modules/mp-html/docs/README.md b/wechat-mini-program/node_modules/mp-html/docs/README.md
new file mode 100644
index 0000000..28bb93c
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/docs/README.md
@@ -0,0 +1,56 @@
+# mp-html
+
+> 一个强大的小程序富文本组件
+
+![star](https://img.shields.io/github/stars/jin-yufeng/mp-html)
+![forks](https://img.shields.io/github/forks/jin-yufeng/mp-html)
+[![npm](https://img.shields.io/npm/v/mp-html)](https://www.npmjs.com/package/mp-html)
+![downloads](https://img.shields.io/npm/dt/mp-html)
+[![Coverage Status](https://coveralls.io/repos/github/jin-yufeng/mp-html/badge.svg?branch=master)](https://coveralls.io/github/jin-yufeng/mp-html?branch=master)
+![license](https://img.shields.io/github/license/jin-yufeng/mp-html)
+[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
+
+## 📢 概况 :id=overview
+显示动态 *html* 富文本是很多应用必要的需求，小程序平台不支持 *dom* 操作使得这成为一个难题，其自带的 *rich-text* 组件支持的标签少且屏蔽所有事件，难以实际应用。因此就有了这样一个能够便捷的在小程序平台上处理富文本的组件，还支持丰富的扩展功能。  
+
+## 📋 特性 :id=feature
+- 支持在多个主流的小程序平台和 *uni-app* 中使用
+- 支持丰富的标签（包括 *table*、*video*、*svg* 等）
+- 支持丰富的事件效果（自动预览图片、链接处理等）
+- 支持设置占位图（加载中、出错时、预览时）
+- 支持锚点跳转、长按复制等丰富功能
+- 支持大部分 *html* 实体
+- 丰富的插件（关键词搜索、内容编辑、*latex* 公式 等）
+- 效率高、容错性强且轻量化（*≈25KB*，*9KB gzipped*）
+
+查看 [功能介绍](overview/feature) 了解更多
+
+## 🎉 使用案例 :id=case
+
+| [官方示例](https://github.com/jin-yufeng/mp-html-demo) | 欢喜商城 | 多么生活 | 食法查 | 微慕 | 古典文学名著阅读 |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| ![富文本插件](assets/case/富文本插件.jpg) | ![欢喜商城](assets/case/欢喜商城.png) | ![多么生活](assets/case/多么生活.jpg) | ![食法查](assets/case/食法查.png) | ![微慕](assets/case/微慕.jpg) | ![古典文学名著阅读](assets/case/古典文学名著阅读.jpg) |
+
+| 科学复习 | [程序员技术之旅](https://github.com/fendoudebb/z-blog-wx) | 典典博客 | 优秀笔记 | 365 刷题 | 同城共享书 |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| ![科学复习](assets/case/科学复习.png) | ![程序员技术之旅](assets/case/程序员技术之旅.jpg) | ![典典博客](assets/case/典典博客.jpg) | ![优秀笔记](assets/case/优秀笔记.jpg) | ![365刷题](assets/case/365刷题.jpg) | ![同城共享书](assets/case/同城共享书.jpg) |
+
+| [技术源 share](https://github.com/wangsrGit119/mini-blog-halo) | 你的代码写的真棒 | 谛否 | 小莫唐尼 | [模版演示](https://github.com/zhihuifanqiechaodan/miniprogram-template) | AI瓦力 |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| ![技术源share](assets/case/技术源share.jpg) | ![你的代码写的真棒](assets/case/你的代码写的真棒.jpg) | ![谛否](assets/case/谛否.jpg) | ![小莫唐尼](assets/case/小莫唐尼.png) | ![MiniProgram模版演示](assets/case/MiniProgram模版演示.jpg) | ![AI瓦力](assets/case/AI瓦力.jpg) |
+
+以上排名不分先后，更多可见 [使用案例收集](https://github.com/jin-yufeng/mp-html/issues/27)（欢迎添加）  
+
+## 🎈 联系与支持 :id=sponsor
+![group](assets/group.jpg)
+![支持](assets/sponsor.png)
+
+## 📃 许可 :id=license
+[MIT License](https://github.com/jin-yufeng/mp-html/blob/master/LICENSE)  
+
+?> 您可以免费的使用（包括商用）、复制或修改本组件  
+
+!> 在用于生产环境前，务必进行仔细测试，由本组件 *bug* 带来的损失概不负责  
+
+---
+Powered by docsify
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/docs/_coverpage.md b/wechat-mini-program/node_modules/mp-html/docs/_coverpage.md
new file mode 100644
index 0000000..fdda3ad
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/docs/_coverpage.md
@@ -0,0 +1,12 @@
+![logo](assets/logo/logo.png)
+
+# mp-html <small>2.5.1</small>
+
+> 一个强大的小程序富文本组件
+
+- 全面的标签支持
+- 多平台使用支持
+- 丰富的附加功能
+
+[GitHub](https://github.com/jin-yufeng/mp-html)
+[快速开始](/overview/quickstart)
diff --git a/wechat-mini-program/node_modules/mp-html/docs/_sidebar.md b/wechat-mini-program/node_modules/mp-html/docs/_sidebar.md
new file mode 100644
index 0000000..859c91d
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/docs/_sidebar.md
@@ -0,0 +1,20 @@
+- 概览
+  - [🚀 快速开始](overview/quickstart)
+  - [🎉 功能介绍](overview/feature)
+
+- 基本使用
+  - [🔨 属性](basic/prop)
+  - [📫 事件](basic/event)
+
+- 进阶使用
+  - [🔎 api](advanced/api)
+  - [📌 插件](advanced/plugin)
+  - [🔧 二次开发](advanced/develop)
+
+- 疑问解答
+  - [📘 常见问题](question/faq)
+  - [📩 反馈](question/feedback)
+  - [📝 贡献指南](question/contribution)
+
+- 更新日志
+  - [📖 更新日志](changelog/changelog)
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/docs/advanced/api.md b/wechat-mini-program/node_modules/mp-html/docs/advanced/api.md
new file mode 100644
index 0000000..c05aea0
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/docs/advanced/api.md
@@ -0,0 +1,230 @@
+# 🔎 api
+组件的实例上挂载了一些实用的 *api* 方法可供调用  
+
+## 获取组件实例 :id=getCompent
+- *uni-app*  
+  ```vue
+  <template>
+    <view>
+      <mp-html ref="article" />
+    </view>
+  </template>
+  <script>
+    export default {
+      onLoad () {
+        var ctx = this.$refs.article
+      }
+    }
+  </script>
+  ```
+
+- 支付宝小程序  
+  需开启 [component2](https://opendocs.alipay.com/mini/framework/component-ref) 模式
+  ```axml
+  <mp-html ref="article">
+  ```
+  ```javascript
+  Page({
+    article (ctx) {
+      // 获得组件实例
+    } 
+  })
+  ```
+
+- 其他小程序平台  
+  ```wxml
+  <mp-html id="article" />
+  ```
+  ```javascript
+  Page({
+    onLoad () {
+      // 微信、QQ、百度
+      var ctx = this.selectComponent('#article')
+      // 头条
+      this.selectComponent('#article', ctx => {
+
+      })
+    }
+  })
+  ```
+
+## in
+功能：将锚点跳转的范围限定在一个 *scroll-view*（需要开启纵向滚动）内  
+输入值：  
+
+| 参数名 | 类型 | 必填 | 默认值 | 说明 |
+|:---:|:---:|:---:|:---:|---|
+| page | object | 是 | - | scroll-view 标签所在页面实例 |
+| selector | string | 是 | - | scroll-view 标签 的选择器 |
+| scrollTop | string | 是 | - | scroll-view 标签 scrollTop 属性绑定的变量名 |
+
+返回值：无  
+示例：  
+```wxml
+<scroll-view id="scroll" style="height:300px" scroll-top="{{top}}" scroll-y scroll-with-animation>
+  <mp-html id="article" content="{{html}}" />
+</scroll-view>
+```
+```javascript
+Page({
+  onLoad () {
+    // ctx 为组件实例
+    ctx.in(this, '#scroll', 'top')
+  }
+})
+```
+
+!> 在 *scroll-view* 中使用时需要注意如果使用了视频，需要保证该平台的 *video* 标签支持同层渲染  
+
+## navigateTo
+功能：锚点跳转  
+前提是 [use-anchor](basic/prop#use-anchor) 属性的值为 *true*  
+必须在 [load](basic/event#load) 事件触发后使用，建议在 [ready](basic/event#ready) 事件触发后使用以保证跳转位置准确  
+  
+输入值：  
+
+| 参数名 | 类型 | 必填 | 默认值 | 说明 |
+|:---:|:---:|:---:|:---:|---|
+| id | string | 否 | - | 要跳转的锚点 id，为空则跳转到开头 |
+| offset | number | 否 | 0 | 跳转位置的偏移量 |
+
+返回值：**Promise**  
+
+该方法中传入的 *offset* 优先级高于 [use-anchor](basic/prop#use-anchor) 属性  
+
+示例：  
+```javascript
+Page({
+  ready () {
+    // ctx 为组件实例
+    ctx.navigateTo('anchor').then(() => {
+      console.log('跳转成功')
+    }).catch(err => {
+      console.log('跳转失败：', err)
+    })
+  }
+})
+```
+
+## getText
+功能：获取文本内容  
+必须在 [load](basic/event#load) 事件触发后使用  
+输入值：无  
+返回值：**String**
+
+## getRect
+功能：获取富文本内容的位置和大小  
+如果开启了 [lazy-load](basic/prop#lazy-load)，[ready](basic/event#ready) 事件返回的不是最终大小，可通过此方法获得实时的大小和位置信息  
+输入值：无  
+返回值：**Promise**  
+示例：  
+```javascript
+Page({
+  getRect () {
+    // ctx 为组件实例
+    ctx.getRect().then(rect => {
+      console.log(rect) // boundingClientRect 信息
+    }).catch(err => {
+      console.log('获取失败', err)
+    })
+  }
+})
+```
+
+!> 该方法有小概率可能获取失败，需要做好错误处理  
+
+## setContent
+功能：设置富文本内容  
+此方法的功能与 [content](basic/prop#content) 属性基本一致，但此方法的设置不需要经过视图层且可以从尾部追加  
+输入值：  
+
+| 参数名 | 类型 | 必填 | 默认值 | 说明 |
+|:---:|:---:|:---:|:---:|---|
+| content | string | 是 | - | 要渲染的 html 字符串 |
+| append | boolean | 否 | false | 是否从尾部追加 | 
+
+返回值：无  
+
+!> 调用此方法会触发 [load](basic/event#load) 和 [ready](basic/event#ready) 事件，请勿在事件处理函数中调用，否则可能陷入死循环  
+
+## imgList
+功能：获取所有图片的数组  
+该数组用于图片预览，对其进行修改可以在自动预览时生效（如修改为高清图链接或转存 *base64*）  
+
+!> 这是一个属性，不是一个函数  
+请不要增删此数组（可以修改），否则在自动预览时可能出现问题    
+
+```javascript
+Page({
+  load () {
+    // ctx 为组件实例
+    var cover = ctx.imgList[0] // 首张图可以作为转发封面图
+    ctx.imgList.forEach((src, i, array) => {
+      console.log(src)
+
+      // 替换为高清图链接
+      array[i] = src.replace('thumb', '')
+
+      // 转存 base64 便于预览
+      var fs = wx.getFileSystemManager && wx.getFileSystemManager()
+      var info = src.match(/data:image\/(\S+?);(\S+?),(.+)/)
+      if (!info) return
+      var filePath = `${wx.env.USER_DATA_PATH}/${Date.now()}.${info[1]}`
+      fs && fs.writeFile({
+        filePath,
+        data: info[3],
+        encoding: info[2],
+        success: () => array[i] = filePath
+      })
+    })
+  }
+})
+```
+
+## pauseMedia
+?> [2.2.2](changelog/changelog#v222) 版本起支持  
+
+功能：暂停正在播放的视频或音频  
+
+?> 和 [play](basic/event#play) 事件配合可以实现与页面中其他音视频进行互斥播放  
+
+输入值：无  
+返回值：无  
+示例：  
+```javascript
+Page({
+  onHide () {
+    // ctx 为组件实例
+    ctx.pauseMedia() // 页面跳转或隐藏时暂停播放
+  }
+})
+```
+
+## setPlaybackRate
+?> [2.4.0](changelog/changelog#v240) 版本起支持  
+
+功能：设置音视频的播放速率
+
+输入值：  
+
+| 参数名 | 类型 | 必填 | 默认值 | 说明 |
+|:---:|:---:|:---:|:---:|---|
+| rate | number | 是 | - | 播放速率，一般支持 0.5~2.0 |
+
+返回值：无  
+示例：  
+```javascript
+Page({
+  // 点击设置速率按钮
+  setPlaybackRate () {
+    wx.showActionSheet({
+      itemList: ['0.5', '1.0', '1.25', '1.5', '2.0'],
+      success: res => {
+        const rate = [0.5, 1.0, 1.25, 1.5, 2.0][res.tapIndex]
+        // ctx 为组件实例
+        ctx.setPlaybackRate(rate)
+      }
+    })
+  }
+})
+```
diff --git a/wechat-mini-program/node_modules/mp-html/docs/advanced/develop.md b/wechat-mini-program/node_modules/mp-html/docs/advanced/develop.md
new file mode 100644
index 0000000..ab68a98
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/docs/advanced/develop.md
@@ -0,0 +1,114 @@
+# 二次开发 :id=develop
+
+## 📣 说明 :id=notice
+二次开发请在 *src* 目录下进行修改，修改完成后可通过下述方法自动生成各平台的代码包  
+为方便维护，本项目原生包多个平台共用一套源代码，在编写时直接按照微信端的写法进行编写即可，[生成代码包](#pack) 时会自动进行转换  
+自动转换已经抹平了大部分平台之间的差异（文件后缀名、*api* 格式等），需要注意的是 **访问组件的属性** 时，请通过 *this.properties* 访问而不是 *this.data*，因为在支付宝平台中两者不互通  
+
+个别问题可以自行修改 *tools/converter.js* 进行处理  
+
+附项目结构：  
+```
+├─dev（生成的各平台示例项目）
+├─dist（生成的各平台代码包）
+│  ├─mp-alipay
+│  ├─mp-baidu
+│  ├─mp-qq
+│  ├─mp-toutiao
+│  ├─mp-weixin
+│  └─uni-app
+├─docs（文档，由 docsify 生成）
+├─plugins（插件源代码）
+├─src（组件源代码）
+│  ├─miniprogram（原生包源代码）
+│  └─uni-app（uni-app 包源代码）
+├─test（测试代码）
+├─tools（构建工具）
+│   ├─demo（示例项目源代码）
+│   │  ├─miniprogram（原生平台示例项目）
+│   │  └─uni-app（uni-app 平台示例项目）
+|   ├─config.js（构建工具的配置项）
+|   ├─converter.js（将微信端的代码转换到各个平台）
+|   ├─ifdef.js（处理条件编译）
+|   ├─minifier.js（处理 json 和 wxs 的压缩）
+|   └─plugin.js（处理插件构建）
+├─.eslintrc.json（eslint 配置）
+├─.stylelintrc.json（stylelint 配置）
+├─gulpfile.js（gulp 生成文件）
+├─LICENSE（许可证 MIT）
+└─package.json（项目配置）
+```
+
+?> 对于较复杂的修改，如果能通过 [编写插件](advanced/plugin#develop) 方式实现更推荐插件方式，这样在组件包升级的时候便于维护和管理  
+
+## 🎈 条件编译 :id=ifdef
+不同平台之间一些差异的地方可能无法简单的通过替换解决，因此本项目中引入了一种条件编译机制解决平台差异，可在修改时加以利用（条件编译是指在生成包的过程中就仅保留本平台需要的代码，与运行过程中的 *if* 判断不同）  
+
+方式 *1*（适用于 *js*、*wxml*、*wxss* 文件）  
+仅在某平台下需要使用的代码放在两个注释（各种注释格式皆可）之间即可，示例：  
+```javascript
+// #ifdef MP-WEIXIN
+console.log('这是微信平台')
+// #endif
+// #ifndef MP-WEIXIN
+console.log('这不是微信平台')
+// #endif
+```
+
+方式 *2*（适用于 *wxml* 文件）    
+对于仅在某一平台使用的属性，可在属性名前加 *平台名:* ，示例：
+```wxml
+<!-- show-menu-by-longpress 属性将仅被生成到微信包中 -->
+<image mp-weixin:show-menu-by-longpress="xxx" />
+```
+
+说明：  
+1. 可用的平台名称：*mp-weixin*, *mp-qq*, *mp-baidu*, *mp-alipay*, *mp-toutiao*（不区分大小写）  
+2. *#if(n)def* 和 *#endif* 必须成对出现，否则会报错（可以多层嵌套）   
+3. 如果编译过程中发现问题可以自行修改 *tools/ifdef.js* 进行处理  
+
+## 📦 生成组件包 :id=pack
+修改完成后，可按以下步骤生成新的组件包  
+在 *mp-html* 文件夹下执行：  
+
+?> 以下命令需要在组件包根目录下执行，即包含 [package.json](https://github.com/jin-yufeng/mp-html/blob/master/package.json) 的目录（如果通过 *npm* 获取就是 *node_modules/mp-html*）
+
+1. 安装依赖  
+   ```bash
+   # 通过 npm 安装
+   npm install
+   # 或通过 yarn 安装
+   yarn
+   ```
+2. 生成代码包到 *dist* 文件夹  
+   ```bash
+   # 生成微信包到 dist/mp-weixin
+   npm run build:weixin
+   # 生成 qq 包到 dist/mp-qq
+   npm run build:qq
+   # 生成百度包到 dist/mp-baidu
+   npm run build:baidu
+   # 生成支付宝包到 dist/mp-alipay
+   npm run build:alipay
+   # 生成头条包到 dist/mp-toutiao
+   npm run build:toutiao
+   # 生成 uni-app 包到 dist/uni-app
+   npm run build:uni-app
+   # 生成所有包
+   npm run build
+   ```
+
+?> 如需修改打包过程中的配置（*babel*, *uglifyJs* 等），可以对 *tools/config.js* 进行修改  
+
+## 🔦 检查和测试 :id=test
+假设已安装好依赖  
+
+```bash
+npm run lint           # eslint 检查
+npm run lintcss        # stylelint 检查
+npm run lintcss --fix  # 检查并修复
+npm run test           # 执行 jest 测试
+npm run coverage       # 测试代码覆盖率
+```
+
+可以向 *test* 目录下添加新的测试用例进行测试  
diff --git a/wechat-mini-program/node_modules/mp-html/docs/advanced/plugin.md b/wechat-mini-program/node_modules/mp-html/docs/advanced/plugin.md
new file mode 100644
index 0000000..3be8474
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/docs/advanced/plugin.md
@@ -0,0 +1,488 @@
+# 📌 插件 :id=plugin
+
+> 可以在这里选择需要的插件以实现更加丰富的功能
+
+## 使用插件 :id=use
+
+!> 直接将插件文件夹拷贝到组件包中无法生效，请通过以下方式生成包含扩展的组件包
+
+#### 小程序方式
+!> 该方式暂不可用
+
+?> 该方式适合不熟悉 *npm* 的用户
+
+1. 通过 [小程序方式](overview/quickstart#mp) 获取包含扩展插件的组件包  
+2. 将下载的组件包解压，原生小程序复制到 *components* 目录下，*uni-app* 复制到项目根目录下，按照源码方式引入即可，详见 [引入方式](overview/quickstart#use)
+
+#### npm 方式
+
+1. 获取完整的组件包  
+   通过 [npm](overview/quickstart#npm) 或 [git](overview/quickstart#git) 等方式获取 **包含完整项目** 的组件包（注意从 *uni-app* 的插件市场中导入的包中仅包含构建后的组件，**不包含** 构建工具和插件）  
+   ![step1](../assets/tutorials/01.png)
+2. 选择需要的插件  
+   参考下方插件使用说明，确定要使用的插件，将其名称填入 [tools/config.js](https://github.com/jin-yufeng/mp-html/blob/master/tools/config.js#L8) 中的 *plugins* 中  
+   如果想仅在部分平台使用该插件，可以在该插件目录下的 *build.js* 的 *platform* 字段中填入需要的平台名称  
+   ![step2](../assets/tutorials/02.png)
+3. 生成组件包  
+   设置完成后，可通过项目提供的命令行工具生成新的组件包，具体见 [生成组件包](advanced/develop#pack)  
+   ![step3_1](../assets/tutorials/03.png)  
+   ![step3_2](../assets/tutorials/04.png)
+4. 按照源码或 *npm* 方式引入构建后的组件包进行使用即可，详见 [引入方式](overview/quickstart#use)
+
+## audio
+功能：音乐播放器  
+大小：*≈4KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √(nvue 不支持) |
+
+!> 百度小程序原生包在此 [问题](https://smartprogram.baidu.com/forum/topic/show/125787) 未解决前无法使用  
+
+说明：  
+在大多数小程序平台，*audio* 标签已被废弃或无法使用，本插件可以代替 *audio* 标签播放音乐，并实现以下优化：  
+1. [pause-video](basic/prop#pause-video) 属性也可以应用于音频，即播放一个音视频时可以自动暂停其他正在播放的音视频  
+2. 增加了一个可以拖动的进度条  
+3. 组件大小可以根据页面宽度自动调整  
+4. 支持 *autoplay* 属性  
+5. 播放被后台打断时，页面显示后自动继续播放  
+
+基础库要求：  
+支付宝 *1.23.4+* ，其余平台满足 [最低要求](question/faq#lib) 即可  
+第 *5* 条仅微信 *2.2.3+* 、*QQ*、百度支持  
+
+?> 如果希望页面上使用本组件，组件的路径为 *path/to/mp-html/audio/audio*  
+属性和事件基本同 *audio* 组件，组件实例上提供了 *setSrc*、*play*、*seek*、*pause*、*stop* 方法可供控制播放状态  
+
+## editable
+功能：富文本编辑  
+下表列出了本插件与原生 *editor* 组件的功能差异，可按需选用
+
+| 组件 | 优点 | 缺点 |
+|:---:|:---:|:---:|
+| 原生 *editor* | 底层通过 *contenteditable* 实现，编辑流畅 | 支持标签少（不支持音视频、表格以及 *section* 等常用标签）、部分小程序平台不支持或低版本不兼容 |
+| 本插件 | 支持标签全面、支持平台全面 | 编辑灵活性不够强 |
+
+大小：*≈17.5KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √(nvue 不支持) |
+
+##### 示例项目 :id=editable_demo
+微信小程序点击 [代码片段](https://developers.weixin.qq.com/s/S2ZpZDm87fQP) 即可在微信开发者工具中导入；*uni-app* 下载 [示例项目](https://mp-html.oss-cn-hangzhou.aliyuncs.com/editable.zip) 在 *HBuilder X* 中打开即可体验；注意示例项目中不一定包含最新版本，仅供参考使用方法  
+
+?> 也可以参考示例小程序 [源代码](https://github.com/jin-yufeng/mp-html-demo)
+
+说明：  
+引入本插件后，会给组件添加以下属性：  
+
+| 属性名 | 类型 | 默认值 | 说明 |
+|:---:|:---:|:---:|:---:|
+| editable | Boolean | false | 是否开启内容编辑 |
+| placeholder | String | 请输入 | 输入框为空时占位符（[2.1.0+](changelog/changelog#v210)） |
+
+?> [2.5.0](changelog/changelog#v250) 版本起支持将 *editable* 属性设置为 *"simple"* 来开启简易模式，简易模式下，点击文字内容直接进入编辑，不再弹出操作菜单栏和方框
+
+添加以下事件：  
+
+| 事件名 | 触发时机 | 用途 |
+|:---:|:---:|:---:|
+| remove（[2.2.0+](changelog/changelog#v220)） | 删除图片/视频/音频标签时 | 删除已上传的线上文件 |
+
+支持以下操作：  
+
+| 类型 | 操作 |
+|:---:|:---:|
+| 文本 | 修改 |
+| 图片 | 更换链接、调整宽度、设置成超链接（[2.0.4+](changelog/changelog#v204)）、设置预览图链接、禁用预览、删除 |
+| 链接 | 更换链接、删除 |
+| 音视频 | 设置封面、设置循环播放、设置自动播放（[2.2.0+](changelog/changelog#v220)）、删除 |
+| 普通标签 | 设置字体大小、颜色（[2.4.2+](changelog/changelog#v242)）、斜体、粗体、下划线（[2.0.4+](changelog/changelog#v204)）、居中、缩进、删除 |
+
+?> [2.2.1](changelog/changelog#v221) 版本起所有标签支持上下移动操作，但仅限同级标签间移动，即在有同级标签且非第一个（或最后一个）时可以上移（或下移）
+
+?> 在支付宝小程序中使用时需要在页面样式中添加 *page { position: relative; }* 避免 *tooltip* 错位
+
+?> 菜单项可以通过编辑 *plugins/editable/config.js* 进行修改，仅可以删减或调整顺序，添加或更名无效（颜色设置除外）
+
+[组件实例](advanced/api#getCompent) 上提供了以下方法（*editable* 属性为 *true* 时才可以调用）：  
+
+| 名称 | 功能 |
+|:---:|:---:|
+| undo | 撤销一个操作 |
+| redo | 重做一个操作 |
+| insertHtml | 在光标处插入指定 html 内容（[2.1.0+](changelog/changelog#v210)） |
+| insertImg | 在光标处插入一张图片 |
+| insertTable(rows, cols) | 在光标处插入一个 rows 行 cols 列的表格（[2.1.3+](changelog/changelog#v213)） |
+| insertVideo | 在光标处插入一个视频 |
+| insertAudio | 在光标处插入一个音频 |
+| insertLink | 在光标处插入一个链接 |
+| insertText | 在光标处插入一段文本 |
+| clear | 清空内容 |
+| getContent | 获取编辑后的 html 内容 |
+
+?> 考虑到不同场景下希望获取链接的方法不同，需要在初始时给组件设置一个 *getSrc* 方法（否则插入图片、音视频、链接或修改链接等操作无法使用），每次组件内需要链接时会调用此方法，开发者可在此方法中自行决定如何获取链接，返回 **线上地址** 即可（具体用法见下方示例）  
+[2.2.0](changelog/changelog#v220) 版本起设置了 [domain](basic/prop#domain) 属性时，返回的地址可以缺省主域名  
+
+编辑完成后，通过 *getContent* 方法获取编辑后的 *html*，最后将 *editable* 属性设置为 *false* 即可正常渲染  
+
+!> 点击保存按钮时，部分平台 *tap* 事件早于 *blur* 事件触发，直接获取内容可能导致无法获取当前编辑的文本内容，因此建议设置一个小的延时后获取（可参考下方示例，[详细](https://github.com/jin-yufeng/mp-html/issues/368)）  
+
+示例：  
+```javascript
+Page({
+  onLoad () {
+    // ctx 为组件实例，获取方法见上
+    /**
+     * @description 设置获取链接的方法
+     * @param {String} type 链接的类型（img/video/audio/link）
+     * @param {String} value 修改链接时，这里会传入旧值
+     * @returns {Promise} 返回线上地址（2.2.0 版本起设置了 domain 属性时，可以缺省主域名）
+     *   type 为 audio/video 时，可以返回一个源地址数组
+     *   2.1.3 版本起 type 为 audio 时，可以返回一个 object，包含 src、name、author、poster 等字段
+     *   2.2.0 版本起 type 为 img 时，可以返回一个源地址数组，表示插入多张图片（修改链接时仅限一张）
+     */
+    this.ctx.getSrc = (type, value) => {
+      return new Promise((resolve, reject) => {
+        // 以图片为例
+        if (type == 'img') {
+          wx.chooseImage({
+            count: value === undefined ? 9 : 1, // 2.2.0 版本起插入图片时支持多张（修改图片链接时仅限一张）
+            success: res => {
+              wx.showLoading({
+                title: '上传中'
+              });
+              (async ()=>{
+                const arr = []
+                for (let item of res.tempFilePaths) {
+                  // 依次上传
+                  const src = await upload(item)
+                  arr.push(src)
+                }
+                return arr
+              })().then(res => {
+                wx.hideLoading()
+                resolve(res)
+              })
+            },
+            fail: reject
+          })
+        }
+      })
+    }
+  },
+  finishEdit () {
+    setTimeout(() => {
+      var html = ctx.getContent() // 获取编辑好的 html
+      // 上传 html
+      wx.request({
+        url: 'xxx',
+        data: {
+          html
+        },
+        success: () => {
+          this.setData({
+            editable: false // 结束编辑
+          })
+        }
+      })
+    }, 50)
+  }
+})
+```
+
+注意事项：  
+不要在 *editable* 属性被设置为 *true* 前通过 [setContent](advanced/api#setContent) 方法（用 [content](basic/prop#content) 属性）设置内容，否则在切换为 *true* 后会变成空白  
+
+## emoji
+功能：解析 *emoji*  
+大小：*≈3KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √ |
+
+说明：  
+将形如 *[笑脸]* 的文本替换为 *emoji* 字符 😄  
+匹配模式可以通过修改 *reg* 变量实现  
+默认配置了 *177* 个常用的 *emoji* 小表情，可以自行按照需要修改 *data* 变量  
+
+?> 与 [editable](#editable) 插件共用时，导出编辑好的 *html* 内容，会将 *emoji* 字符编码为文本形式，便于存储  
+
+## highlight
+功能：代码块高亮显示  
+大小：*≈16KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √ |
+
+说明：  
+编辑 *plugins/highlight/config.js* ，可以选择是否需要以下功能：  
+- *copyByLongPress* 是否需要长按代码块时显示复制代码内容菜单（*uni-app nvue* 暂不支持）  
+- *showLanguageName* 是否在代码块右上角显示语言的名称  
+- *showLineNumber* 是否在左侧显示行号  
+
+!> 修改该配置后需要重新 [生成组件包](advanced/develop#pack)，在构建后的组件包中修改配置无法生效
+
+引入本插件后，*html* 中符合以下格式的 *pre* 将被高亮处理：  
+```html
+<!-- pre 中内含一个 code，并在 pre 或 code 的 class 中设置 language- -->
+<pre><code class="language-css">p { color: red }</code></pre>
+```
+
+?> 与 [editable](#editable) 插件共用时，编辑状态下，不会进行高亮，可以直接修改代码文本
+
+?> 本插件的高亮功能依赖于 [prismjs](https://prismjs.com/)，默认配置中仅支持 *html*、*css*、*c-like*、*javascript* 语言和 *Tomorrow Night* 主题，如果需要更多语言或更换主题请前往 [官网](https://prismjs.com/download.html) 下载对应的 *prism.min.js* 和 *prism.css* 并替换 *plugins/highlight/* 目录下的文件（*prismjs* 的插件大多涉及 *dom* 操作，基本不可用，请勿选择）  
+
+## markdown
+功能：渲染 *markdown*  
+大小：*≈37KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √ |
+
+说明：  
+引入本插件后，会给组件添加一个 *markdown* 属性，将该属性设置为 *true* 后，即可通过 [content](basic/prop#content) 属性或 [setContent](advanced/api#setContent) 方法设置 *markdown* 内容即可  
+
+?> 若开启 [use-anchor](basic/prop#use-anchor) 属性，所有标题 `# xxx` 都会被设置为锚点，通过链接 `[xxx](#xxx)` 可以直接跳转  
+
+?> 本插件通过 [marked](https://github.com/markedjs/marked) 解析 *markdown* 文本，部分 *css* 摘选自 [github-markdown-css](https://github.com/sindresorhus/github-markdown-css)  
+
+?> 本插件可以和 [highlight](#highlight) 插件共用，实现 *markdown* 中代码块的高亮效果  
+
+## search
+功能：关键词搜索  
+大小：*≈1.5KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √(nvue 不支持) |
+
+说明：  
+引入后会在 [组件实例](advanced/api#getCompent) 上挂载一个 *search* 方法，用于关键词搜索  
+
+输入值  
+
+| 参数名 | 类型 | 默认值 | 说明 |
+|:---:|:---:|:---:|---|
+| key | String 或 RegExp | - | 要搜索的关键词，支持字符串和正则 |
+| anchor | Boolean | false | 是否将搜索结果设置为锚点 |
+| style | String | background-color:yellow | 标记搜索结果的样式 |
+
+返回值：*Promise*    
+
+| 属性 | 类型 | 说明 |
+|:---:|:---:|---|
+| num | Number | 搜索结果数量 |
+| highlight | Function(i, style='background-color:#FF9632') | 高亮第 i（1 ~ num）个结果，将其样式设置为 style |
+| jump | Function(i, offset) | 跳转到第 i（1 ~ num）个结果，偏移量为 offset，anchor 为 true 才可用 |
+
+示例：  
+```javascript
+function search (key) {
+  // ctx 为组件实例
+  ctx.search(key, true).then(res => {
+    res.highlight(1)
+    res.jump(1, -50) // 高亮第 1 个结果并跳转到该位置，偏移量 -50
+  })
+}
+```
+
+?> 具体用法可以参考示例小程序 [源代码](https://github.com/jin-yufeng/mp-html-demo)
+
+附加说明：  
+1. 不传入 *key*（或为空）时即可取消搜索，取消所有的高亮，还原到原来的效果  
+2. 进行新的搜索时旧的搜索结果将被还原，旧的结果中的 *highlight* 等方法不再可用  
+3. 调用 *highlight* 方法高亮一个结果时，之前被高亮的结果会被还原，即始终只有一个结果被高亮  
+4. *key* 传入字符串时大小写敏感，如果要忽略大小写可以用正则的 *i*（字符串搜索效率高于正则）  
+5. 设置 *anchor* 为 *true* 会一定程度上降低效率，非必要不要开启  
+6. 暂不支持跨标签搜索，即只有一个文本节点内包含整个关键词才能被搜索到  
+
+## style
+功能：解析和匹配 *style* 标签中的样式  
+
+?> 这里的 *style* 标签指的是传入 [content](basic/prop#content) 属性中的 *html* 里包含的 *style* 标签，且 *style* 标签要放在其他标签前面才能生效  
+
+大小：*≈3.5KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √ (nvue 直接支持) |
+
+说明：  
+支持以下选择器：  
+
+| 名称 | 示例 |
+|:---:|---|
+| 标签名选择器 | p {} |
+| class 选择器 | .class {} |
+| id 选择器 | #id {} |
+| 多选择器交集 | p.class {} |
+| 多选择器并集 | p, .class {} |
+| 后代选择器 | .class1 .class2 {} |
+| 子选择器 | .class1 > .class2 {} |
+| 伪类 | .class::before {} |
+
+伪类仅支持 *before* 和 *after*，支持 *attr* 方法  
+不支持的选择器（属性选择器等）将被忽略  
+
+!> 由于小程序中无法动态写入 *css*，本插件的实现原理是通过解析，将匹配的样式添加到各标签的行内 *style* 中去，请慎用宽泛的选择器，以免大大增加解析结果大小，减慢渲染速度  
+
+## txv-video
+功能：使用腾讯视频  
+大小：*≈1KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ |   |   |   | √ (h5 和 app 直接支持) |
+
+说明：  
+引入本插件后，*html* 中符合下方格式的 *iframe* 标签（*src* 中含有 *vid*）将被转为通过腾讯视频播放：  
+```html
+<iframe src="https://v.qq.com/txp/iframe/player.html?vid=xxxxxx" allowFullScreen="true"></iframe>
+```
+
+同时，其可以被 [pause-video](basic/prop#pause-video) 属性控制  
+
+!> 本插件仅用于将官方 [腾讯视频插件](https://github.com/tvfe/txv-miniprogram-plugin) 应用于本组件，使用前请确认已经成功申请使用该插件并按要求在小程序 *app.json* 中配置完成（*uni-app* 中的配置方法可以参考 [#103](https://github.com/jin-yufeng/mp-html/issues/103#issuecomment-654586246)），否则可能报错 **This application has not registered any plugins yet** 且无法生效  
+
+?> 腾讯视频插件 [v2](https://github.com/tvfe/txv-miniprogram-plugin) 默认自动播放，[v1](https://github.com/tvfe/txv-miniprogram-plugin/blob/master/archieve/readme.md) 不会，可按需选择  
+
+## img-cache
+功能：图片本地缓存  
+大小：*≈4KB*  
+作者：[@PentaTea](https://github.com/PentaTea)  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+|  |  |  |  |  | √(仅支持 app 的 vue 页面) |
+
+说明：  
+引入本插件后，会给组件添加一个 *img-cache* 属性，将该属性设置为 *true* 后，将自动下载引用的图片并将 *src* 属性更换为本地地址  
+同时在 [组件实例](advanced/api#getCompent) 上挂载了 *imgCache* 对象，扩充缓存控制能力  
+
+*imgCache* 对象属性和方法：  
+
+| 属性 | 功能 |
+|:---:|:---:|
+| list | 当前缓存的 url 列表 |
+| get(url) | 传入 url 获得本地地址 |
+| delete(url) | 传入 url 删除缓存记录 |
+| add(url) | 传入 url 并下载目标为缓存 |
+| clear() | 清空所有缓存 |
+
+!> 请尽量确保 *src* 中含有文件后缀名，不以后缀结尾也没关系，插件会从路径中推测合理的图片后缀，如果完全不包含后缀信息可能会无法保存到相册  
+
+## latex
+功能：渲染 *latex* 公式  
+大小：**≈300KB**  
+作者：[@Zeng-J](https://github.com/Zeng-J)  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √ |
+
+说明：  
+引入本插件后，会将 *$xxx$* 的文本内容按照 *latex* 规则进行解析和渲染   
+
+?> [2.5.0](changelog/changelog#v250) 版本起支持 *$$xxx$$* 形式的块级公式
+
+?> 与 [editable](#editable) 插件共用时，编辑状态下，公式不会渲染，可以直接修改公式文本
+
+?> 在 *js* 的字符串中写 *latex* 公式时需注意 *\\* 会变成转义符，要使用 *\\\\* 或 *String.raw``* 的方式
+
+?> 本插件通过 [katex-mini](https://github.com/rojer95/katex-mini) 解析 *latex* 文本，[字体文件](https://github.com/KaTeX/KaTeX/tree/main/fonts) 建议自行转存  
+
+## card
+功能：商品（联络人）信息卡  
+大小：*≈7KB*  
+作者：[@whoooami](https://github.com/whoooami)  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √(nvue 不支持) |
+
+效果图：  
+![效果图](../assets/plugin/card.png)
+
+参数列表：  
+
+|参数名|是否必须|类型|说明|
+|:---- |:---|:----- |----- |
+|src|是|String|图片Url|
+|title|是|String|标题|
+|desc|是|String|描述|
+|url|是|String|跳转url|
+|color|是|String|文字颜色|
+|bgcolor|是|String|卡片背景颜色|
+|border|是|String|卡片边框颜色|
+
+说明：  
+1. 可以显示商品信息卡片/联络人信息卡片  
+
+基础库要求：    
+满足最低要求即可  
+
+?> 如果希望页面上使用本组件，组件的路径为 *path/to/mp-html/card/card*  
+
+## 开发插件 :id=develop
+一个插件大致需要以下文件（*plugin/template* 中提供了一个模板） 
+
+- *build.js*  
+  构建文件，需要导出一个 *object*，可以内含以下项：  
+
+  | 名称 | 类型 | 默认值 | 功能 |
+  |:---:|:---:|:---:|---|
+  | main | string | index.js | 入口文件路径 |
+  | platform | string[] | ['mp-weixin', 'mp-qq', 'mp-baidu', 'mp-alipay', 'mp-toutiao', 'uni-app'] | 支持使用的平台 |
+  | template | string | - | 要被添加到模板文件中的标签 (nvue 不可用) |
+  | methods | object | {} | 用于处理模板中事件的方法 (nvue 不可用) |
+  | style | string | - | 用于模板文件的 css 样式 |
+  | import | string&#124;string[] | - | 用于模板文件的 css 文件路径 |
+  | usingComponents | object | {} | 用于模板的组件或插件列表 (nvue 不可用) |
+  | handler | function | - | 自定义文件处理方法 |
+
+
+- *index.js*  
+  入口文件，导出一个 *function*，每个组件在被创建时，会依次实例化各个插件，并传入组件实例可供调用  
+  插件实例上可以挂载以下钩子方法，将在对应时机被调用  
+
+  | 名称 | 触发时机 | 参数 | 返回值 |
+  |:---:|:---:|:---:|:---:|
+  | onUpdate | 更新 html 内容时触发 | 更新的 html 内容和解析配置 | 如果对输入值进行了修改，则返回修改后的内容 |
+  | onParse | 解析到一个标签时触发 | 标签和解析器实例 | 返回 false 将移除该标签 |
+  | onLoad | dom 树加载完成时触发 | - | - |
+  | onDetached | 组件被移除时触发 | - | - |
+
+- *README.md*  
+使用说明  
+
+- *其他依赖文件*  
+插件目录下，除了 *.md* 的文件、*build.js* 和 *import* 字段中的 *css* 文件，其他的都会被拷贝到生成的组件包中，因此请不要放置无关文件  
+
+对于仅在原生平台中使用的内容可放在 *miniprogram* 目录下，仅在 *uni-app* 中使用的内容可放在 *uni-app* 目录下，两个目录下可以分别放置 *build.js*  
+
+如果在插件中需要用到解析器（将 *html* 字符串解析为 *nodes* 数组），可以引入 *src/parser.js* 使用，方法如下：  
+```javascript
+const Parser = require('../parser.js')
+var instance = new Parser(vm) // 实例化解析器，传入组件实例将自动获取相关配置
+var nodes = instance.parse(content) // 解析完成
+```
+
+!> 如果编写了插件，在升级组件包时请注意备份，避免丢失  
+
+?> 欢迎提交实用的插件 [pull requests](https://github.com/jin-yufeng/mp-html/pulls) 到 *plugins* 文件夹  
diff --git a/wechat-mini-program/node_modules/mp-html/docs/assets/case/365刷题.jpg b/wechat-mini-program/node_modules/mp-html/docs/assets/case/365刷题.jpg
new file mode 100644
index 0000000..460a394
Binary files /dev/null and b/wechat-mini-program/node_modules/mp-html/docs/assets/case/365刷题.jpg differ
diff --git a/wechat-mini-program/node_modules/mp-html/docs/assets/case/AI瓦力.jpg b/wechat-mini-program/node_modules/mp-html/docs/assets/case/AI瓦力.jpg
new file mode 100644
index 0000000..69a4956
Binary files /dev/null and b/wechat-mini-program/node_modules/mp-html/docs/assets/case/AI瓦力.jpg differ
diff --git a/wechat-mini-program/node_modules/mp-html/docs/assets/case/MiniProgram模版演示.jpg b/wechat-mini-program/node_modules/mp-html/docs/assets/case/MiniProgram模版演示.jpg
new file mode 100644
index 0000000..983343b
Binary files /dev/null and b/wechat-mini-program/node_modules/mp-html/docs/assets/case/MiniProgram模版演示.jpg differ
diff --git a/wechat-mini-program/node_modules/mp-html/docs/assets/case/优秀笔记.jpg b/wechat-mini-program/node_modules/mp-html/docs/assets/case/优秀笔记.jpg
new file mode 100644
index 0000000..46b8ee4
Binary files /dev/null and b/wechat-mini-program/node_modules/mp-html/docs/assets/case/优秀笔记.jpg differ
diff --git a/wechat-mini-program/node_modules/mp-html/docs/assets/case/你的代码写的真棒.jpg b/wechat-mini-program/node_modules/mp-html/docs/assets/case/你的代码写的真棒.jpg
new file mode 100644
index 0000000..37838c5
Binary files /dev/null and b/wechat-mini-program/node_modules/mp-html/docs/assets/case/你的代码写的真棒.jpg differ
diff --git a/wechat-mini-program/node_modules/mp-html/docs/assets/case/典典博客.jpg b/wechat-mini-program/node_modules/mp-html/docs/assets/case/典典博客.jpg
new file mode 100644
index 0000000..dc832bc
Binary files /dev/null and b/wechat-mini-program/node_modules/mp-html/docs/assets/case/典典博客.jpg differ
diff --git a/wechat-mini-program/node_modules/mp-html/docs/assets/case/古典文学名著阅读.jpg b/wechat-mini-program/node_modules/mp-html/docs/assets/case/古典文学名著阅读.jpg
new file mode 100644
index 0000000..a655594
Binary files /dev/null and b/wechat-mini-program/node_modules/mp-html/docs/assets/case/古典文学名著阅读.jpg differ
diff --git a/wechat-mini-program/node_modules/mp-html/docs/assets/case/同城共享书.jpg b/wechat-mini-program/node_modules/mp-html/docs/assets/case/同城共享书.jpg
new file mode 100644
index 0000000..a9f11c7
Binary files /dev/null and b/wechat-mini-program/node_modules/mp-html/docs/assets/case/同城共享书.jpg differ
diff --git a/wechat-mini-program/node_modules/mp-html/docs/assets/case/多么生活.jpg b/wechat-mini-program/node_modules/mp-html/docs/assets/case/多么生活.jpg
new file mode 100644
index 0000000..8a4c146
Binary files /dev/null and b/wechat-mini-program/node_modules/mp-html/docs/assets/case/多么生活.jpg differ
diff --git a/wechat-mini-program/node_modules/mp-html/docs/assets/case/富文本插件.jpg b/wechat-mini-program/node_modules/mp-html/docs/assets/case/富文本插件.jpg
new file mode 100644
index 0000000..908fc45
Binary files /dev/null and b/wechat-mini-program/node_modules/mp-html/docs/assets/case/富文本插件.jpg differ
diff --git a/wechat-mini-program/node_modules/mp-html/docs/assets/case/小莫唐尼.png b/wechat-mini-program/node_modules/mp-html/docs/assets/case/小莫唐尼.png
new file mode 100644
index 0000000..18e732a
Binary files /dev/null and b/wechat-mini-program/node_modules/mp-html/docs/assets/case/小莫唐尼.png differ
diff --git a/wechat-mini-program/node_modules/mp-html/docs/assets/case/微慕.jpg b/wechat-mini-program/node_modules/mp-html/docs/assets/case/微慕.jpg
new file mode 100644
index 0000000..c09a03b
Binary files /dev/null and b/wechat-mini-program/node_modules/mp-html/docs/assets/case/微慕.jpg differ
diff --git a/wechat-mini-program/node_modules/mp-html/docs/assets/case/技术源share.jpg b/wechat-mini-program/node_modules/mp-html/docs/assets/case/技术源share.jpg
new file mode 100644
index 0000000..1c3ccf3
Binary files /dev/null and b/wechat-mini-program/node_modules/mp-html/docs/assets/case/技术源share.jpg differ
diff --git a/wechat-mini-program/node_modules/mp-html/docs/assets/case/欢喜商城.png b/wechat-mini-program/node_modules/mp-html/docs/assets/case/欢喜商城.png
new file mode 100644
index 0000000..4906ce5
Binary files /dev/null and b/wechat-mini-program/node_modules/mp-html/docs/assets/case/欢喜商城.png differ
diff --git a/wechat-mini-program/node_modules/mp-html/docs/assets/case/科学复习.png b/wechat-mini-program/node_modules/mp-html/docs/assets/case/科学复习.png
new file mode 100644
index 0000000..2a865d8
Binary files /dev/null and b/wechat-mini-program/node_modules/mp-html/docs/assets/case/科学复习.png differ
diff --git a/wechat-mini-program/node_modules/mp-html/docs/assets/case/程序员技术之旅.jpg b/wechat-mini-program/node_modules/mp-html/docs/assets/case/程序员技术之旅.jpg
new file mode 100644
index 0000000..d998ebd
Binary files /dev/null and b/wechat-mini-program/node_modules/mp-html/docs/assets/case/程序员技术之旅.jpg differ
diff --git a/wechat-mini-program/node_modules/mp-html/docs/assets/case/谛否.jpg b/wechat-mini-program/node_modules/mp-html/docs/assets/case/谛否.jpg
new file mode 100644
index 0000000..fe48024
Binary files /dev/null and b/wechat-mini-program/node_modules/mp-html/docs/assets/case/谛否.jpg differ
diff --git a/wechat-mini-program/node_modules/mp-html/docs/assets/case/食法查.png b/wechat-mini-program/node_modules/mp-html/docs/assets/case/食法查.png
new file mode 100644
index 0000000..4976554
Binary files /dev/null and b/wechat-mini-program/node_modules/mp-html/docs/assets/case/食法查.png differ
diff --git a/wechat-mini-program/node_modules/mp-html/docs/assets/group.jpg b/wechat-mini-program/node_modules/mp-html/docs/assets/group.jpg
new file mode 100644
index 0000000..4cad35c
Binary files /dev/null and b/wechat-mini-program/node_modules/mp-html/docs/assets/group.jpg differ
diff --git a/wechat-mini-program/node_modules/mp-html/docs/assets/logo/logo.ico b/wechat-mini-program/node_modules/mp-html/docs/assets/logo/logo.ico
new file mode 100644
index 0000000..eb76b52
Binary files /dev/null and b/wechat-mini-program/node_modules/mp-html/docs/assets/logo/logo.ico differ
diff --git a/wechat-mini-program/node_modules/mp-html/docs/assets/logo/logo.png b/wechat-mini-program/node_modules/mp-html/docs/assets/logo/logo.png
new file mode 100644
index 0000000..8ac81cc
Binary files /dev/null and b/wechat-mini-program/node_modules/mp-html/docs/assets/logo/logo.png differ
diff --git a/wechat-mini-program/node_modules/mp-html/docs/assets/plugin/card.png b/wechat-mini-program/node_modules/mp-html/docs/assets/plugin/card.png
new file mode 100644
index 0000000..2e60c32
Binary files /dev/null and b/wechat-mini-program/node_modules/mp-html/docs/assets/plugin/card.png differ
diff --git a/wechat-mini-program/node_modules/mp-html/docs/assets/sponsor.png b/wechat-mini-program/node_modules/mp-html/docs/assets/sponsor.png
new file mode 100644
index 0000000..7390546
Binary files /dev/null and b/wechat-mini-program/node_modules/mp-html/docs/assets/sponsor.png differ
diff --git a/wechat-mini-program/node_modules/mp-html/docs/assets/tutorials/01.png b/wechat-mini-program/node_modules/mp-html/docs/assets/tutorials/01.png
new file mode 100644
index 0000000..7bbcf8a
Binary files /dev/null and b/wechat-mini-program/node_modules/mp-html/docs/assets/tutorials/01.png differ
diff --git a/wechat-mini-program/node_modules/mp-html/docs/assets/tutorials/02.png b/wechat-mini-program/node_modules/mp-html/docs/assets/tutorials/02.png
new file mode 100644
index 0000000..bbb5a0d
Binary files /dev/null and b/wechat-mini-program/node_modules/mp-html/docs/assets/tutorials/02.png differ
diff --git a/wechat-mini-program/node_modules/mp-html/docs/assets/tutorials/03.png b/wechat-mini-program/node_modules/mp-html/docs/assets/tutorials/03.png
new file mode 100644
index 0000000..1818809
Binary files /dev/null and b/wechat-mini-program/node_modules/mp-html/docs/assets/tutorials/03.png differ
diff --git a/wechat-mini-program/node_modules/mp-html/docs/assets/tutorials/04.png b/wechat-mini-program/node_modules/mp-html/docs/assets/tutorials/04.png
new file mode 100644
index 0000000..d0147ac
Binary files /dev/null and b/wechat-mini-program/node_modules/mp-html/docs/assets/tutorials/04.png differ
diff --git a/wechat-mini-program/node_modules/mp-html/docs/basic/event.md b/wechat-mini-program/node_modules/mp-html/docs/basic/event.md
new file mode 100644
index 0000000..5b2993b
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/docs/basic/event.md
@@ -0,0 +1,173 @@
+# 📫 事件 :id=event
+
+## 获取方式 :id=method
+- *uni-app*  
+  *@* + 事件名 或 *v-on:* + 事件名  
+  事件信息从 *event* 中获取  
+  ```vue
+  <template>
+    <view>
+      <mp-html @ready="ready" />
+    </view>
+  </template>
+  <script>
+    export default {
+      methods: {
+        ready (e) {
+          console.log(e)
+        }
+      }
+    }
+  </script>
+  ```
+
+- 支付宝小程序  
+  *on* + 事件名（首字母大写）  
+  事件信息从 *event* 中获取  
+  ```axml
+  <mp-html onReady="ready">
+  ```
+  ```javascript
+  Page({
+    ready (e) {
+      console.log(e)
+    }
+  })
+  ```
+
+- 其他小程序平台  
+  *bind* + 事件名  
+  事件信息从 *event.detail* 中获取  
+  ```wxml
+  <mp-html bindready="ready" />
+  ```
+  ```javascript
+  Page({
+    ready (e) {
+      console.log(e.detail)
+    }
+  })
+  ```
+
+## load
+触发时机：*dom* 树加载完毕时  
+返回值：无  
+用途：可以调用 [api](advanced/api) 函数  
+
+## ready
+触发时机：图片加载完毕时（不包含懒加载的图片）  
+
+?> 判断方式是 *350ms* 总高度无变化就认为加载完毕，部分情况下可能不准确；[2.4.0](changelog/changelog#v240) 版本起 [lazy-load](basic/prop#lazy-load) 属性为 *false* 时根据图片的 *load* 事件判断，可以基本准确触发
+
+返回值：富文本区域的 *boundingClientRect* 结构体，包含大小位置信息  
+用途：此时进行 [锚点跳转](advanced/api#navigateTo) 可以基本保证跳转位置正确  
+
+?> 如果设置了 [懒加载](basic/prop#lazy-load)，此时返回的大小不一定是最终大小，如果需要实时的大小，可以调用 [getRect](advanced/api#getRect) 方法  
+
+## error
+触发时机：发生渲染错误时  
+返回值：一个 *object*，其中 *source* 为错误来源（包括 *img*、*video*、*audio*），*attrs* 为该标签的属性列表（包含 *src* 等信息），*errMsg* 是错误信息  
+用途：收集错误信息，减少使用出错率高的链接  
+
+## imgtap
+触发时机：图片被点击时  
+返回值：该 *img* 标签的属性列表  
+用途：  
+默认情况下图片被点击时将自动预览（具体处理可见 [图片效果](overview/feature#img)），如果不希望如此，可将 [preview-img](basic/prop#preview-img) 属性设置为 *false* 并在这里自定义处理  
+如果需要用到富文本中所有图片的数组，可以通过 [imgList](advanced/api#imgList) 的 *api* 获取  
+示例：  
+```javascript
+Page({
+  imgtap (e) {
+    // 对做了某种标记的图片进行预览
+    if (e.detail['data-flag']) {
+      wx.previewImage({
+        urls: [e.detail.src] // 仅预览单张图片
+      })
+    }
+  }
+})
+```
+
+## linktap
+触发时机：链接被点击时  
+返回值：该 *a* 标签的属性列表  
+
+?> [2.0.5](changelog/changelog#v205) 版本起增加返回该标签内部文本 *innerText*
+
+用途：  
+默认情况下链接被点击时，对于外部链接，将被拷贝到剪贴板，如果不希望如此，可以将 [copy-link](basic/prop#copy-link) 属性的值设置为 *false* 后在这里自定义处理，可参考以下方案：  
+
+1. 跳转 *web-view*  
+   跳转到一个新的页面，该页面放置一个 [web-view](https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html) 用于显示外部网页（需要注意 *web-view* 的使用限制）  
+2. 跳转其他小程序  
+   对于其他小程序的链接（可通过自行设置的 *data-* 属性判断），通过 [navigateToMiniProgram](https://developers.weixin.qq.com/miniprogram/dev/api/open-api/miniprogram-navigate/wx.navigateToMiniProgram.html) 接口跳转（需要注意跳转限制）  
+3. 下载文档  
+   对于文档类的链接（可通过后缀名或自行设置的 *data-* 属性判断），可以通过 [downloadFile](https://developers.weixin.qq.com/miniprogram/dev/api/network/download/wx.downloadFile.html) 接口下载文件后通过 [openDocument](https://developers.weixin.qq.com/miniprogram/dev/api/file/wx.openDocument.html) 接口打开文档（需要注意下载域名限制）  
+4. 下载压缩包  
+   对于压缩包类的链接（可通过后缀名或自行设置的 *data-* 属性判断），可以通过 [downloadFile](https://developers.weixin.qq.com/miniprogram/dev/api/network/download/wx.downloadFile.html) 接口下载文件后通过 [FileSystemManager.unzip](https://developers.weixin.qq.com/miniprogram/dev/api/file/FileSystemManager.unzip.html) 接口解压，然后进行打开文档等操作（需要注意下载域名限制）  
+   对于大文件（可通过 *data-* 属性标注），还可以在下载前进行询问，下载过程中通过 [DownloadTask](https://developers.weixin.qq.com/miniprogram/dev/api/network/download/DownloadTask.html) 提示下载进度等  
+
+示例：  
+```javascript
+Page({
+  linktap (e) {
+    if (e.detail.href.includes('.doc')) {
+      // 下载 doc 文件
+      wx.downloadFile({
+        url: e.detail.href,
+        success (res) {
+          wx.hideLoading()
+          wx.openDocument({
+            filePath: res.tempFilePath
+          })
+        },
+        fail (err) {
+          wx.hideLoading()
+          wx.showModal({
+            title: '失败',
+            content: err.errMsg,
+            showCancel: false
+          })
+        }
+      })
+    } else if (e.detail.href.includes('xxx.com')) {
+      // 跳转到 webview
+      wx.navigateTo({
+        url: 'pages/webview/webview?url=' + e.detail.href,
+      })
+    } else if (e.detail['data-appid']) {
+      // 跳转其他小程序
+      wx.navigateToMiniProgram({
+        appId: e.detail['data-appid']
+      })
+    }
+  }
+})
+```
+
+## play
+
+?> [2.3.0](changelog/changelog#v230) 版本起支持  
+
+触发时机：音视频播放时  
+返回值：无  
+
+?> [2.5.0](changelog/changelog#v250) 版本起返回值变更为一个 *object*，其中 *source* 为播放来源（包括 *video*、*audio*），*attrs* 为该标签的属性列表（包含 *src* 等信息），可以统计播放量等信息
+
+用途：和 [pauseMedia](advanced/api#pauseMedia) 的 `api` 配合可以实现与页面中其他音视频进行互斥播放  
+示例：  
+```javascript
+Page({
+  // 页面中的音视频播放事件
+  pagePlay() {
+    // ctx 为组件实例
+    ctx.pauseMedia() // 暂停组件内的音视频播放
+  },
+  // 组件的 play 事件
+  componentPlay() {
+    // media 为页面中的音视频实例
+    media.pause() // 暂停页面中的音视频播放
+  }
+})
+```
diff --git a/wechat-mini-program/node_modules/mp-html/docs/basic/prop.md b/wechat-mini-program/node_modules/mp-html/docs/basic/prop.md
new file mode 100644
index 0000000..c7c9ec0
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/docs/basic/prop.md
@@ -0,0 +1,141 @@
+# 🔨 属性 :id=prop
+
+!> 需要将某个属性设置为 *false* 时，应写作 *attr="{{false}}"*  
+
+## container-style
+
+?> [2.1.0](changelog/changelog#v210) 版本起支持  
+
+功能：设置容器的样式  
+类型：*String*  
+示例：  
+```css
+padding: 5px; /* 设置内边距 */
+font-size: 18px; /* 设置默认的字体大小 */
+overflow: hidden; /* 禁用横向滚动 */
+display: inline; /* 行内显示 */
+white-space: pre-wrap; /* 保留空格和换行符 */
+white-space: pre-line; /* 保留换行符 */
+```
+
+## content
+功能：用于渲染的 *html* 字符串  
+类型：*String*  
+
+## copy-link
+功能：是否允许外部链接被点击时自动复制  
+类型：*Boolean*  
+默认值：*true*  
+
+?> 对于 *uni-app* 的 *h5* 和 *app* 平台，外链是能够直接跳转的，这种情况下如果该属性为 *true* 则直接跳转外链（而不是复制链接），为 *false* 则不跳转  
+
+## domain
+功能：主域名（用于链接拼接）  
+类型：*String*  
+示例：  
+```html
+<!-- 假设 domain 属性被设置为 https://example.com
+     以下链接均会被拼接为 https://example.com/path -->
+<img src="//example.com/path" />
+<img src="/path" />
+<div style="background-image:url('path')"></div>
+```
+
+?> 通过 *base* 标签也可以设置主域名，但优先级低于此属性  
+
+!> 该属性必须填写 协议名://域名 的完整链接  
+暂不支持拼接含有 *../* 的相对路径链接  
+*a* 标签的 *href* 属性可能需要跳转到小程序内路径，因此不进行 *domain* 拼接  
+设置该属性后将无法使用本地图片  
+
+## error-img
+功能：图片出错时的占位图链接  
+类型：*String*  
+
+!> 该属性不会进行拼接 [domain](#domain)，需传入完整路径（可以使用本地路径）  
+
+## lazy-load
+功能：是否开启图片懒加载  
+类型：*Boolean*  
+默认值：*false*  
+
+?> 不同平台懒加载的时机不同，具体参考各平台 *image* 组件懒加载的时机  
+
+## loading-img
+功能：图片加载过程中的占位图链接  
+类型：*String*  
+
+!> 该属性不会进行拼接 [domain](#domain)，需传入完整路径（可以使用本地路径）  
+
+## pause-video
+功能：是否在播放一个视频时自动暂停其他视频  
+类型：*Boolean*  
+默认值：*true*  
+
+?> 如果需要多个视频同时播放的，请将此属性设置为 *false*  
+
+## preview-img
+功能：是否允许图片被点击时自动预览  
+类型：*Boolean*  
+默认值：*true*  
+
+?> 自动预览允许左右滑动查看所有图片，如果不希望如此可以禁用自动预览并在 [imgtap](basic/event#imgtap) 事件中自行处理  
+
+!> 默认情况下 *base64* 图片无法点击预览，[2.5.0](changelog/changelog#v250) 版本起支持将本属性设置为 *"all"* 开启 *base64* 图片的预览，但需要注意各平台 *previewImage* 的 *api* 对 *base64* 图片支持度不高，需充分测试后使用，如果无法预览，可参考 [imgList](advanced/api#imgList) 中的方法进行转存
+
+## scroll-table
+功能：是否给每个表格添加一个滚动层使其能单独横向滚动  
+类型：*Boolean*  
+默认值：*false*  
+
+!> 如果表格设置了 *inline* 布局，该属性将不会生效以免破坏行内布局  
+
+## selectable
+功能：是否开启文本长按复制  
+类型：*Boolean* / *String*  
+默认值：*false*  
+
+!> 将本属性的值设置为 *true* 在微信 *iOS* 端可能失效，[2.0.5](changelog/changelog#v205) 版本起支持将本属性设置为 "*force*" 来支持，但会带来以下影响：  
+1、所有文本块会显示为 *inline-block*（通过 [text](https://developers.weixin.qq.com/miniprogram/dev/component/text.html) 标签的 *user-select* 属性实现），需要自行适配  
+2、文字下划线、删除线等效果将失效（[详细](https://github.com/jin-yufeng/mp-html/issues/382)）  
+3、所有文本块都无法被 *rich-text* 包含，一定程度上增加标签数，减慢渲染速度  
+从 [2.3.1](changelog/changelog#v231) 版本起对此问题进行优化（通过 [rich-text](https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html) 标签的 *user-select* 属性实现，基础库 *2.24.0* 及以上生效），第 *3* 个问题已解决，第 *1*、*2* 个问题部分情况下还会存在
+
+## set-title
+功能：是否将 *title* 标签的内容设置到页面标题  
+类型：*Boolean*  
+默认值：*true*  
+
+## show-img-menu
+
+?> [2.3.0](changelog/changelog#v230) 版本起支持控制预览时是否长按显示菜单（仅微信、百度小程序有效）
+
+功能：是否允许图片被长按时显示菜单  
+类型：*Boolean*  
+默认值：*true*  
+
+!> 该属性目前仅微信、百度和 *uni-app* 的 *app* 平台有效  
+
+## tag-style
+功能：设置标签的默认样式  
+类型：*Object*  
+示例：  
+```javascript
+// 格式为 标签名: 样式
+{
+  a: 'color:red' // a 标签默认为红色
+}
+```
+
+?> 该属性非响应式，需要在设置 [content](#content) 属性前设置才能生效，动态修改不能实时生效
+
+!> 该属性的原理是解析到各标签的内联 *style* 属性中去，如果对特别常用的标签设置默认样式，将大大加大解析结果大小，减慢渲染速度，这种情况下建议通过 [外部样式](overview/quickstart#setting) 引入  
+
+## use-anchor
+功能：是否使用锚点链接  
+类型：*Boolean* / *Number*  
+默认值：*false*  
+
+?> 传入一个数字时表示跳转锚点的偏移量（单位 *px*）  
+
+?> 开启该属性会将所有设置了 *id* 属性的标签都暴露出来，一定程度上减慢渲染速度，非必要不要开启  
diff --git a/wechat-mini-program/node_modules/mp-html/docs/changelog/changelog.md b/wechat-mini-program/node_modules/mp-html/docs/changelog/changelog.md
new file mode 100644
index 0000000..c59f53b
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/docs/changelog/changelog.md
@@ -0,0 +1,322 @@
+# 📖 更新日志 :id=changelog
+
+## v2.5.1
+发布时间：*2025-04-20*  
+主要更新：
+1. `U` `uni-app` 包适配鸿蒙 `APP` [详细](https://github.com/jin-yufeng/mp-html/issues/615)
+2. `U` 微信小程序替换废弃 `api` `getSystemInfoSync` [详细](https://github.com/jin-yufeng/mp-html/issues/613)
+3. `F` 修复了微信小程序 `glass-easel` 框架下真机换行异常的问题 [详细](https://github.com/jin-yufeng/mp-html/pull/607) by [@PaperStrike](https://github.com/PaperStrike)
+4. `F` 修复了 `uni-app` 包 `app` 端播放视频可能报错的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/617)
+5. `F` 修复了 [latex](advanced/plugin#latex) 插件可能出现 `xxx can be used only in display mode` 的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/632)
+6. `F` 修复了 `uni-app` 包 [latex](advanced/plugin#latex) 公式可能不显示的问题  [#599](https://github.com/jin-yufeng/mp-html/issues/599)、[#627](https://github.com/jin-yufeng/mp-html/issues/627)
+
+## v2.5.0
+发布时间：*2024-04-22*  
+主要更新：
+1. `U` [play](basic/event#play) 事件增加返回 `src` 等信息 [详细](https://github.com/jin-yufeng/mp-html/issues/526)
+2. `U` [preview-img](basic/prop#preview-img) 属性支持设置为 `all` 开启 `base64` 图片预览 [详细](https://github.com/jin-yufeng/mp-html/issues/536)
+3. `U` [editable](advanced/plugin#editable) 插件增加简易模式（点击文字直接编辑）
+4. `U` [latex](advanced/plugin#latex) 插件支持块级公式 [详细](https://github.com/jin-yufeng/mp-html/issues/582)
+5. `F` 修复了表格部分情况下背景丢失的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/587)
+6. `F` 修复了部分 `svg` 无法显示的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/591)
+7. `F` 修复了 `uni-app` 包 `h5` 和 `app` 端部分情况下样式无法识别的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/518)
+8. `F` 修复了 [latex](advanced/plugin#latex) 插件部分情况下显示不正确的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/580)
+9. `F` 修复了 [editable](advanced/plugin#editable) 插件表格无法删除的问题
+10. `F` 修复了 [editable](advanced/plugin#editable) 插件 `uni-app` 包 `vue3` `h5` 端点击图片报错的问题
+11. `F` 修复了 [editable](advanced/plugin#editable) 插件 `uni-app` 包点击表格没有菜单栏的问题
+
+## v2.4.3
+发布时间：*2024-01-21*  
+主要更新：
+1. `A` 增加 [card](advanced/plugin#card) 插件 [详细](https://github.com/jin-yufeng/mp-html/pull/533) by [@whoooami](https://github.com/whoooami)
+2. `F` 修复了 `svg` 中包含 `foreignobject` 可能不显示的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/523)
+3. `F` 修复了合并单元格的表格部分情况下显示不正确的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/561)
+4. `F` 修复了 `img` 标签设置 `object-fit` 无效的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/567)
+5. `F` 修复了 [latex](advanced/plugin#latex) 插件公式会换行的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/540) 
+6. `F` 修复了 `uni-app` 包 [editable](advanced/plugin#editable) 和 [audio](advanced/plugin#audio) 插件共用时点击 `audio` 无法编辑的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/529) by [@whoooami](https://github.com/whoooami)
+7. `F` 修复了支付宝小程序设置了宽高的图片可能显示不正常的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/544)
+8. `F` 修复了 `uni-app` 包微信小程序部分情况下图片会报错 `replace of undefined` 的问题
+9. `F` 修复了 `uni-app` 包快手小程序图片不显示的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/571)
+
+## v2.4.2
+发布时间：*2023-05-14*  
+主要更新：
+1. `A` [editable](advanced/plugin#editable) 插件支持修改文字颜色 [详细](https://github.com/jin-yufeng/mp-html/issues/254)
+2. `F` 修复了 `svg` 中有 `style` 不生效的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/505)
+3. `F` 修复了 `uni-app` 包使用旧版编译器可能报错 `Bad attr nodes` 的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/472)
+4. `F` 修复了 `uni-app` 包 `app` 端可能出现无法读取 `lazyLoad` 的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/513)
+5. `F` 修复了 [editable](advanced/plugin#editable) 插件在点击换图时未拼接 [domain](basic/prop#domain) 的问题 [详细](https://github.com/jin-yufeng/mp-html/pull/497) by [@TwoKe945](https://github.com/TwoKe945)
+6. `F` 修复了 [latex](advanced/plugin#latex) 插件部分情况下不显示的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/515) 
+7. `F` 修复了 [editable](advanced/plugin#editable) 插件点击音视频时其他标签框不消失的问题
+
+## v2.4.1
+发布时间：*2022-12-25*  
+主要更新：
+1. `F` 修复了没有图片时 [ready](basic/event#ready) 事件可能不触发的问题
+2. `F` 修复了加载过程中可能出现 `Root label not found` 错误的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/470)
+3. `F` 修复了 [audio](advanced/plugin#audio) 插件退出页面可能会报错的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/457)
+4. `F` 修复了 `uni-app` 包 `vue3` 运行到 `app` 在 `HBuilder X 3.6.10` 以上报错的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/480)
+5. `F` 修复了原生包链接内有图片时可能错误换行的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/464)
+6. `F` 修复了 `uni-app` 包 `nvue` 端链接中包含 `%22` 时可能无法显示的问题
+7. `F` 修复了 `uni-app` 包 `vue3` 使用 [highlight](advanced/plugin#highlight) 插件可能报错的问题
+8. `F` 修复了头条小程序使用 [editable](advanced/plugin#editable) 插件内容为空时点击会报错的问题
+
+## v2.4.0
+发布时间：*2022-08-27*  
+主要更新：  
+1. `A` 增加了 [setPlaybackRate](advanced/api#setPlaybackRate) 的 `api`，可以设置音视频的播放速率 [详细](https://github.com/jin-yufeng/mp-html/issues/452)
+2. `A` 示例小程序代码开源 [详细](https://github.com/jin-yufeng/mp-html-demo)
+3. `U` 优化 [ready](basic/event#ready) 事件触发时机，未设置懒加载的情况下基本可以准确触发 [详细](https://github.com/jin-yufeng/mp-html/issues/195)
+4. `U` [highlight](advanced/plugin#highlight) 插件在编辑状态下不进行高亮处理，便于编辑
+5. `F` 修复了 `flex` 布局下图片大小可能不正确的问题
+6. `F` 修复了 [selectable](basic/prop#selectable) 属性没有设置 `force` 也可能出现渲染异常的问题
+7. `F` 修复了表格中的图片大小可能不正确的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/448)
+8. `F` 修复了含有合并单元格的表格可能无法设置竖直对齐的问题
+9. `F` 修复了 [editable](advanced/plugin#editable) 插件在 `scroll-view` 中使用时工具条位置可能不正确的问题
+10. `F` 修复了 `uni-app` 包 `vue3` 使用 [search](advanced/plugin#search) 插件可能导致错误换行的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/449)
+
+## v2.3.2
+发布时间：*2022-08-13*  
+主要更新：
+1. `A` 增加 [latex](advanced/plugin#latex) 插件，可以渲染数学公式 [详细](https://github.com/jin-yufeng/mp-html/pull/447) by [@Zeng-J](https://github.com/Zeng-J)
+2. `U` 优化根节点下有很多标签的长内容渲染速度
+3. `U` [highlight](advanced/plugin#highlight) 插件适配 `lang-xxx` 格式
+4. `F` 修复了 `table` 标签设置 `border` 属性后可能无法修改边框样式的问题 [详细](https://github.com/jin-yufeng/mp-html/pull/439) by [@zouxingjie](https://github.com/zouxingjie)
+5. `F` 修复了 [editable](advanced/plugin#editable) 插件输入连续空格无效的问题
+6. `F` 修复了 `uni-app` 包 `vue3` 图片设置 `inline` 会报错的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/438)
+7. `F` 修复了 `uni-app` 包 `vue3` 使用 `table` 可能报错的问题
+
+## v2.3.1
+发布时间：*2022-05-20*  
+主要更新：
+1. `U` `uni-app` 包 `app` 端支持使用本地图片
+2. `U` 优化了微信小程序 [selectable](basic/prop#selectable) 属性在 `ios` 端的处理 [详细](basic/prop#selectable)
+3. `U` 原生包取消样式隔离，部分平台可以直接引入页面样式 [#376](https://github.com/jin-yufeng/mp-html/issues/376)、[详细](overview/quickstart#externStyle)
+4. `F` 修复了 [editable](advanced/plugin#editable) 插件不在顶部时 `tooltip` 位置可能错误的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/430)
+5. `F` 修复了 `uni-app` 包 `vue3` 运行到微信小程序可能报错丢失内容的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/414)
+6. `F` 修复了 `uni-app` 包 `vue3` 部分标签可能被错误换行的问题
+7. `F` 修复了原生包个别情况下可能报错的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/428)
+8. `F` 修复了 [editable](advanced/plugin#editable) 插件 `uni-app` 包的 `app` 端插入视频无法预览的问题
+
+## v2.3.0
+发布时间：*2022-04-01*  
+主要更新：  
+1. `A` 增加了 `play` 事件，音视频播放时触发，可用于与页面其他音视频进行互斥播放 [详细](basic/event#play)
+2. `U` [show-img-menu](basic/prop#show-img-menu) 属性支持控制预览时是否长按弹出菜单
+3. `U` 优化 `wxs` 处理，提高渲染性能 [详细](https://developers.weixin.qq.com/community/develop/article/doc/0006cc2b204740f601bd43fa25a413)  
+4. `U` `video` 标签支持 `object-fit` 属性
+5. `U` 增加支持一些常用实体编码 [详细](https://github.com/jin-yufeng/mp-html/issues/418)
+6. `F` 修复了图片仅设置高度可能不显示的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/410)
+7. `F` 修复了 `video` 标签高度设置为 `auto` 不显示的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/411)
+8. `F` 修复了使用 `grid` 布局时可能样式错误的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/413)
+9. `F` 修复了含有合并单元格的表格部分情况下显示异常的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/417)
+10. `F` 修复了百度小程序使用 `br` 标签可能部分不显示的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/409)
+11. `F` 修复了 [editable](advanced/plugin#editable) 插件连续插入内容时顺序不正确的问题
+12. `F` 修复了 `uni-app` 包 `vue3` 使用 [audio](advanced/plugin#audio) 插件报错的问题
+13. `F` 修复了 `uni-app` 包 [highlight](advanced/plugin#highlight) 插件使用自定义的 `prism.min.js` 报错的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/416)
+
+## v2.2.2
+发布时间：*2022-02-26*  
+主要更新：  
+1. `A` 增加了 [pauseMedia](advanced/api#pauseMedia) 的 `api`，可用于暂停播放音视频 [详细](https://github.com/jin-yufeng/mp-html/issues/317)
+2. `U` 优化了长内容的加载速度
+3. `U` `uni-app` 包适配 `vue3` [#389](https://github.com/jin-yufeng/mp-html/issues/389)、[#398](https://github.com/jin-yufeng/mp-html/pull/398) by [@zhouhuafei](https://github.com/zhouhuafei)、[#400](https://github.com/jin-yufeng/mp-html/issues/400)
+4. `F` 修复了小程序端图片高度设置为百分比时可能不显示的问题
+5. `F` 修复了 [highlight](advanced/plugin#highlight) 插件部分情况下可能显示不完整的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/403)
+
+## v2.2.1
+发布时间：*2021-12-24*  
+主要更新：  
+1. `A` [editable](advanced/plugin#editable) 插件增加上下移动标签功能
+2. `U` [editable](advanced/plugin#editable) 插件支持在文本中间光标处插入内容
+3. `F` 修复了 `uni-app` 包 `nvue` 端设置 `margin` 后可能导致高度不正确的问题
+4. `F` 修复了 [highlight](advanced/plugin#highlight) 插件使用压缩版的 `prism.css` 可能导致背景失效的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/367)
+5. `F` 修复了 `uni-app` 包编辑状态下使用 [emoji](advanced/plugin#emoji) 插件内容为空时可能报错的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/371)
+6. `F` 修复了使用 [editable](advanced/plugin#editable) 插件后将 [selectable](basic/prop#selectable) 属性设置为 `force` 不生效的问题
+
+## v2.2.0
+发布时间：*2021-10-11*  
+主要更新：  
+1. `A` 增加 [customElements](overview/quickstart#customelements) 配置项，便于添加自定义功能性标签 [详细](https://github.com/jin-yufeng/mp-html/issues/350)
+2. `A` [editable](advanced/plugin#editable) 插件增加切换音视频自动播放状态的功能 [详细](https://github.com/jin-yufeng/mp-html/pull/341) by [@leeseett](https://github.com/leeseett)
+3. `A` [editable](advanced/plugin#editable) 插件删除媒体标签时触发 `remove` 事件，便于删除已上传的文件
+4. `U` [editable](advanced/plugin#editable) 插件 `insertImg` 方法支持同时插入多张图片 [详细](https://github.com/jin-yufeng/mp-html/issues/342)
+5. `U` [editable](advanced/plugin#editable) 插入图片和音视频时支持拼接 [domian](basic/prop#domain) 主域名
+6. `F` 修复了内部链接参数中包含 `://` 时被认为是外部链接的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/356)
+7. `F` 修复了部分 `svg` 标签名或属性名大小写不正确时不生效的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/351)
+8. `F` 修复了 `uni-app` 包 `nvue` 页面运行到非 `app` 平台时可能样式错误的问题
+9. `D` 移除了 `ad` 配置项（由 [customElements](overview/quickstart#customelements) 代替）
+
+## v2.1.5
+发布时间：*2021-08-13*  
+主要更新：  
+1. `A` 增加支持标签的 `dir` 属性
+2. `F` 修复了 `ruby` 标签文字与拼音没有居中对齐的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/325)
+3. `F` 修复了音视频标签内有 `a` 标签时可能无法播放的问题
+4. `F` 修复了 [externStyle](overview/quickstart#setting) 中的 `class` 名包含下划线或数字时可能失效的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/326)
+5. `F` 修复了 `uni-app` 包 `h5` 端引入 [externStyle](overview/quickstart#setting) 可能不生效的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/326)
+6. `F` 修复了微信原生包 `a` 标签的 `style` 中包含 `inline` 时不响应事件的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/332)
+
+## v2.1.4
+发布时间：*2021-07-14*  
+主要更新：  
+1. `F` 修复了 `rt` 标签无法设置样式的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/318)
+2. `F` 修复了表格中有单元格同时合并行和列时可能显示不正确的问题
+3. `F` 修复了 `uni-app` 包的 `app` 端无法关闭图片长按菜单的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/322)
+4. `F` 修复了 [editable](advanced/plugin#editable) 插件只能添加图片链接不能修改的问题 [详细](https://github.com/jin-yufeng/mp-html/pull/312) by [@leeseett](https://github.com/leeseett)
+
+## v2.1.3
+发布时间：*2021-06-12*  
+主要更新：  
+1. `A` [editable](advanced/plugin#editable) 插件增加 `insertTable` 方法
+2. `U` [editable](advanced/plugin#editable) 插件支持编辑表格中的空白单元格 [详细](https://github.com/jin-yufeng/mp-html/issues/310)
+3. `F` 修复了 [externStyle](overview/quickstart#setting) 中使用伪类可能失效的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/298)
+4. `F` 修复了多个组件同时使用时 [tag-style](basic/prop#tag-style) 属性时可能互相影响的问题 [详细](https://github.com/jin-yufeng/mp-html/pull/305) by [@woodguoyu](https://github.com/woodguoyu)
+5. `F` 修复了包含 `linearGradient` 的 `svg` 可能无法显示的问题
+6. `F` 修复了 `uni-app` 包编译到头条小程序时可能报错的问题
+7. `F` 修复了 `uni-app` 包 `nvue` 端不触发 `click` 事件的问题
+8. `F` 修复了 [editable](advanced/plugin#editable) 插件尾部插入时无法撤销的问题
+9. `F` 修复了 [editable](advanced/plugin#editable) 插件的 `insertHtml` 方法只能在末尾插入的问题
+10. `F` 修复了 [editable](advanced/plugin#editable) 插件插入音频不显示的问题
+
+## v2.1.2
+发布时间：*2021-04-24*  
+主要更新：  
+1. `A` 增加了 [img-cache](advanced/plugin#img-cache) 插件，可以在 `uni-app` 的 `app` 端缓存图片 [详细](https://github.com/jin-yufeng/mp-html/issues/292) by [@PentaTea](https://github.com/PentaTea)
+2. `U` 支持通过 [container-style](basic/prop#container-style) 属性设置 `white-space` 来保留连续空格和换行符 [详细](question/faq#space)
+3. `U` 代码风格符合 [standard](https://standardjs.com) 标准
+4. `U` `uni-app` 包使用 [editable](advanced/plugin#editable) 插件编辑状态下支持预览视频 [详细](https://github.com/jin-yufeng/mp-html/issues/286)
+5. `F` 修复了 `svg` 标签内嵌 `svg` 时无法显示的问题
+6. `F` 修复了微信原生包 `img` 标签的 `style` 中包含 `inline` 时不显示的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/287)
+7. `F` 修复了支付宝和头条小程序部分区域不可复制的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/291)
+
+## v2.1.1
+发布时间：*2021-04-09*  
+主要更新：  
+1. `F` 修复了对 `p` 标签设置 [tag-style](basic/prop#tag-style) 可能不生效的问题
+2. `F` 修复了 `svg` 标签中的文本无法显示的问题
+3. `F` 修复了 `uni-app` 包的 `nvue` 端不设置 [container-style](basic/prop#container-style) 可能报错的问题
+4. `F` 修复了 `uni-app` 包使用 [editable](advanced/plugin#editable) 插件编辑表格时可能报错的问题
+5. `F` 修复了 `uni-app` 包使用 [highlight](advanced/plugin#highlight) 插件运行到头条小程序时可能没有样式的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/280)
+6. `F` 修复了 `uni-app` 包使用 [editable](advanced/plugin#editable) 插件 `editable` 属性为 `false` 时会报错的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/284)
+7. `F` 修复了 [style](advanced/plugin#style) 插件连续子选择器失效的问题
+8. `F` 修复了 [editable](advanced/plugin#editable) 插件无法修改图片和字体大小的问题
+
+## v2.1.0
+发布时间：*2021-03-20*  
+主要更新：  
+1. `A` 增加了 [container-style](basic/prop#container-style) 属性 [详细](https://gitee.com/jin-yufeng/mp-html/pulls/1)
+2. `A` 增加支持 `strike` 标签
+3. `A` `editable` 插件增加 `placeholder` 属性 [详细](advanced/plugin#editable)
+4. `A` `editable` 插件增加 `insertHtml` 方法 [详细](advanced/plugin#editable)
+5. `U` 外部样式支持标签名选择器 [详细](overview/quickstart#setting)
+6. `F` 修复了 `uni-app` 包 `nvue` 端部分情况下可能不显示的问题
+
+## v2.0.5
+发布时间：*2021-03-12*  
+主要更新：  
+1. `U` [linktap](basic/event#linktap) 事件增加返回内部文本内容 `innerText` [详细](https://github.com/jin-yufeng/mp-html/issues/271)
+2. `U` [selectable](basic/prop#selectable) 属性设置为 `force` 时能够在微信 `iOS` 端生效（文本块会变成 `inline-block`） [详细](https://github.com/jin-yufeng/mp-html/issues/267)
+3. `F` 修复了部分情况下竖向无法滚动的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/182)
+4. `F` 修复了 `uni-app` 包多次修改富文本数据时部分内容可能不显示的问题
+5. `F` 修复了百度小程序真机部分内容不显示的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/272)
+6. `F` 修复了 [腾讯视频](advanced/plugin#txv-video) 插件可能无法播放的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/265)
+7. `F` 修复了 [highlight](advanced/plugin#highlight) 插件没有设置高亮语言时没有应用默认样式的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/276) by [@fuzui](https://github.com/fuzui)
+
+## v2.0.4
+发布时间：*2021-01-31*  
+主要更新：  
+1. `A` [editable](advanced/plugin#editable) 插件增加下划线和图片超链接的功能 [详细](https://github.com/jin-yufeng/mp-html/issues/254)
+2. `U` 支付宝和头条小程序原生包直接通过 `template` 递归实现渲染
+3. `F` 修复了 `img` 标签设置 `data-src` 可能导致图片不显示的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/257)
+4. `F` 修复了 `script` 标签中的 `<` 会被解析为标签的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/259)
+5. `F` 修复了 `uni-app` 包的 `app` 端播放视频时可能高度突然变小的问题
+6. `F` 修复了 `uni-app` 包的 `app` 端长按图片会报错的问题
+7. `F` 修复了 `uni-app` 包的 `nvue` 端使用 [editable](advanced/plugin#editable) 插件后无法显示的问题
+8. `F` 修复了 [editable](advanced/plugin#editable) 插件删除图片和切换内容时可能出现错误选择框的问题
+9. `F` 修复了 [editable](advanced/plugin#editable) 插件无法编辑链接文本内容的问题
+
+## v2.0.3
+发布时间：*2021-01-15*  
+主要更新：  
+1. `U` 图片被点击时不冒泡（可以与整体的点击区分开，不影响链接中的图片）
+2. `F` 修复了图片链接缺省协议名时可能无法预览的问题
+3. `F` 修复了原生包 `video` 和 `audio` 标签内放置文本会报错的问题
+4. `F` 修复了 [editable](advanced/plugin#editable) 插件清空内容时弹窗可能不消失的问题
+5. `F` 修复了 [highlight](advanced/plugin#highlight) 插件部分情况下样式不正确的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/231)
+6. `F` 修复了文档首页跳转到快速开始页时 `404` 的问题 by [@AnsonZnl](https://github.com/AnsonZnl)
+
+## v2.0.2
+发布时间：*2021-01-08*  
+主要更新：  
+1. `U` `uni-app` 包微信端利用 `virtualHost` 去除夹层，加快渲染
+2. `F` 修复了部分情况下 `flex` 布局显示不正确的问题
+3. `F` 修复了设置 [loading-img](basic/prop#loading-img) 会导致懒加载失效的问题
+4. `F` 修复了头条原生包部分情况下表格显示不正确的问题
+5. `F` 修复了 `uni-app` 的 `h5` 和 `app` 端部分插件样式无法应用的问题
+6. `F` 修复了 `uni-app` 包没有自动将 `data-src` 设置为 `src` 的问题
+7. `F` 修复了 `uni-app` 包的 `nvue` 端 [getRect](advanced/api#getRect) 方法无法使用的问题
+8. `F` 修复了 `uni-app` 包运行到华为快应用可能报错的问题
+9. `F` 修复了在低版本 taro 中使用可能无法正确解析的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/248)
+10. `F` 修复了 [highlight](advanced/plugin#highlight) 插件 `pre` 和 `code` 之间有空白符时无法高亮的问题
+11. `F` 修复了 [editable](advanced/plugin#editable) 插件清空内容后插入可能报错的问题
+
+## v2.0.1
+发布时间：*2021-01-01*  
+主要更新：  
+1. `F` 修复了 `a` 标签自动跳转到不存在页面时可能报错的问题
+2. `F` 修复了含合并单元格的表格设置列宽可能导致显示不正确的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/239)
+3. `F` 修复了表格中的图片可能错位的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/194)
+4. `F` 修复了原生包使用 [editable](advanced/plugin#editable) 插件点击标签时可能报错的问题
+5. `F` 修复了 `uni-app` 的 `h5` 和 `app` 端可能无法使用 `iframe` 和 `embed` 标签的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/245)
+6. `F` 修复了 `uni-app` 使用部分插件会报错的问题 [详细](https://github.com/jin-yufeng/mp-html/issues/246)
+
+## v2.0.0
+发布时间：*2020-12-26*  
+主要更新：  
+1. `U` 通过 `gulp` 进行构建，自动生成各平台压缩版代码，减小引入包大小 [详细](advanced/develop#pack)
+2. `U` 没有设置 `href` 属性的 `a` 标签不应用链接的样式，可以用作一般标签的点击处理 [详细](question/faq#tap)
+3. `U` 提供了统一的插件接口，扩展更加方便（代码高亮、`markdown` 等都可以直接通过引入插件实现）[详细](advanced/plugin)
+4. `U` 实现了简单的编辑功能 [详细](advanced/plugin#editable)
+5. `U` 支持生成各平台的示例项目，便于调试 [详细](overview/quickstart#demo)
+6. `U` 原生包共用一份源代码（构建时进行自动转换），注释更加详细，便于了解和维护
+7. `U` 通过 `jest` 进行单元测试，进一步保证代码质量 [详细](advanced/develop#test)
+8. `U` 去除了一些冗余功能，进一步减小包大小（约 `24.5KB`）
+9. `U` 减少了递归节点树，加快渲染速度  
+10. `U` `uni-app` 的 `app` 端使用非原生的 `video` 显示视频以解决无法同层带来的系列问题
+11. `U` `uni-app` 的 `nvue` 端支持通过 `bgColor` 属性设置背景色（默认白色，不可设置为透明）
+12. `F` 修复了 `uni-app` 的 `nvue` 端从不可见区域到可见时可能显示不正确的问题
+
+*v1.x* 更新指南：  
+- 组件路径和名称  
+  *parser* -> *mp-html*  
+- *npm* 包名  
+  *parser-wx* -> *mp-html*  
+- 组件属性  
+  更名：  
+  *html* -> [content](basic/prop#content)  
+  *autopause* -> [pause-video](basic/prop#pause-video)  
+  *autoscroll* -> [scroll-table](basic/prop#scroll-table)  
+  *autosetTitle* -> [set-title](basic/prop#set-title)  
+  移除：  
+  *compress*, *show-with-animation*, *use-cache*  
+  新增：  
+  [copy-link](basic/prop#copy-link), [error-img](basic/prop#error-img), [preview-img](basic/prop#preview-img), [show-img-menu](basic/prop#show-img-menu)  
+  修改：  
+  [use-anchor](basic/prop#use-anchor) 支持传入数字表示跳转偏移量  
+- 组件事件  
+  更名 *linkpress* -> [linktap](basic/event#linktap)  
+  移除 *parse* 事件  
+  *imgtap* 和 *linktap* 事件中不再返回 *ignore* 方法，可以使用 [preview-img](basic/prop#preview-img) 和 [copy-link](basic/prop#copy-link) 属性禁用自动预览/拷贝  
+  链接被点击时，不再支持自动跳转其他小程序，可以自行在 [linktap](basic/event#linktap) 事件中进行跳转  
+- api  
+  [navigateTo](advanced/api#navigateTo) 返回 *Promise*，不再采用 *success* 和 *fail* 回调  
+  *rect* 变更为 [getRect](advanced/api#getRect) 方法  
+  移除 *getVideoContext* 方法  
+  [imgList](advanced/api#imgList) 不再包含 *setItem* 和 *each* 方法  
+- 其他  
+  默认不再支持匹配 *style* 标签中的样式，如有需要请使用 [style](advanced/plugin#style) 插件  
+  不再支持 *base64* 图片预览（默认为不可预览的小图片）  
+  取消了配置项（相关解析配置在 *parser.js* 中，*filter* 等方法用 [插件](advanced/plugin) 的方式替代）  
+  取消了视频的懒加载（应避免在一个页面中使用过多视频，以免卡顿）  
+  *ad* 标签默认不添加到模板（详见 [个性化](overview/quickstart#setting)）  
diff --git a/wechat-mini-program/node_modules/mp-html/docs/index.html b/wechat-mini-program/node_modules/mp-html/docs/index.html
new file mode 100644
index 0000000..198a540
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/docs/index.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+  <meta charset="UTF-8">
+  <title>小程序富文本组件</title>
+  <link rel="icon" href="assets/logo/logo.ico" type="image/x-icon">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+  <meta name="description" content="小程序富文本组件">
+  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+  <link rel="stylesheet" href="lib/vue.css">
+  <script>
+    var _hmt = _hmt || [];
+    (function () {
+      var hm = document.createElement("script")
+      hm.src = "https://hm.baidu.com/hm.js?69554d980eb5eb786919e3c3ad37b2ce"
+      var s = document.getElementsByTagName("script")[0]
+      s.parentNode.insertBefore(hm, s)
+    })()
+  </script>
+</head>
+<body>
+  <div id="app"></div>
+  <script>
+    window.$docsify = {
+      name: 'mp-html',
+      repo: 'https://github.com/jin-yufeng/mp-html',
+      coverpage: true,
+      loadSidebar: true,
+      subMaxLevel: 3,
+      auto2top: true,
+      search: {
+        placeholder: '搜索',
+        noData: '找不到结果'
+      }
+    }
+    // 渲染测试内容
+    function render () {
+      document.getElementById("show").srcdoc='<meta name="viewport" content="width=device-width"><style>img{max-width:100%}</style>'+document.getElementById("input").value.replace(/<script[\s\S]+?<\/script>/g, '')
+    }
+    // 清空测试内容
+    function reset () {
+      document.getElementById("input").value = ''
+      document.getElementById("show").srcdoc = ''
+    }
+  </script>
+  <script src="lib/docsify.min.js"></script>
+  <script src="lib/search.min.js"></script>
+  <script src="lib/prism-bash.min.js"></script>
+</body>
+</html>
diff --git a/wechat-mini-program/node_modules/mp-html/docs/lib/docsify.min.js b/wechat-mini-program/node_modules/mp-html/docs/lib/docsify.min.js
new file mode 100644
index 0000000..e9b32ee
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/docs/lib/docsify.min.js
@@ -0,0 +1 @@
+!function(){function s(n){var r=Object.create(null);return function(e){var t=c(e)?e:JSON.stringify(e);return r[t]||(r[t]=n(e))}}var o=s(function(e){return e.replace(/([A-Z])/g,function(e){return"-"+e.toLowerCase()})}),l=Object.prototype.hasOwnProperty,y=Object.assign||function(e){for(var t=arguments,n=1;n<arguments.length;n++){var r,i=Object(t[n]);for(r in i)l.call(i,r)&&(e[r]=i[r])}return e};function c(e){return"string"==typeof e||"number"==typeof e}function u(){}function r(e){return"function"==typeof e}function p(e){e=e.match(/^([^:/?#]+:)?(?:\/{2,}([^/?#]*))?([^?#]+)?(\?[^#]*)?(#.*)?/);return"string"==typeof e[1]&&0<e[1].length&&e[1].toLowerCase()!==location.protocol||"string"==typeof e[2]&&0<e[2].length&&e[2].replace(new RegExp(":("+{"http:":80,"https:":443}[location.protocol]+")?$"),"")!==location.host}var h=document.body.clientWidth<=600,i=window.history&&window.history.pushState&&window.history.replaceState&&!navigator.userAgent.match(/((iPod|iPhone|iPad).+\bOS\s+[1-4]\D|WebApps\/.+CFNetwork)/),n={};function d(e,t){if(void 0===t&&(t=!1),"string"==typeof e){if(void 0!==window.Vue)return b(e);e=t?b(e):n[e]||(n[e]=b(e))}return e}var f=document,g=f.body,m=f.head;function b(e,t){return t?e.querySelector(t):f.querySelector(e)}function k(e,t){return[].slice.call(t?e.querySelectorAll(t):f.querySelectorAll(e))}function v(e,t){return e=f.createElement(e),t&&(e.innerHTML=t),e}function a(e,t){return e.appendChild(t)}function w(e,t){return e.insertBefore(t,e.children[0])}function x(e,t,n){r(t)?window.addEventListener(e,t):e.addEventListener(t,n)}function _(e,t,n){r(t)?window.removeEventListener(e,t):e.removeEventListener(t,n)}function S(e,t,n){e&&e.classList[n?t:"toggle"](n||t)}function e(e,t){void 0===t&&(t=document);var n=t.readyState;if("complete"===n||"interactive"===n)return setTimeout(e,0);t.addEventListener("DOMContentLoaded",e)}var t=Object.freeze({__proto__:null,getNode:d,$:f,body:g,head:m,find:b,findAll:k,create:v,appendTo:a,before:w,on:x,off:_,toggleClass:S,style:function(e){a(m,v("style",e))},documentReady:e}),A=decodeURIComponent,T=encodeURIComponent;function E(e){var t={};return(e=e.trim().replace(/^(\?|#|&)/,""))&&e.split("&").forEach(function(e){e=e.replace(/\+/g," ").split("=");t[e[0]]=e[1]&&A(e[1])}),t}function R(e,t){void 0===t&&(t=[]);var n,r=[];for(n in e)-1<t.indexOf(n)||r.push(e[n]?(T(n)+"="+T(e[n])).toLowerCase():T(n));return r.length?"?"+r.join("&"):""}var O=s(function(e){return/(:|(\/{2}))/g.test(e)}),$=s(function(e){return e.split(/[?#]/)[0]}),F=s(function(e){if(/\/$/g.test(e))return e;e=e.match(/(\S*\/)[^/]+$/);return e?e[1]:""}),C=s(function(e){return e.replace(/^\/+/,"/").replace(/([^:])\/{2,}/g,"$1/")}),L=s(function(e){for(var t=e.replace(/^\//,"").split("/"),n=[],r=0,i=t.length;r<i;r++){var o=t[r];".."===o?n.pop():"."!==o&&n.push(o)}return"/"+n.join("/")});function z(e){return e.split("/").filter(function(e){return-1===e.indexOf("#")}).join("/")}function N(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return C(e.map(z).join("/"))}var M=s(function(e){return e.replace("#","?id=")});function D(e,t){return-1!==e.indexOf(t,e.length-t.length)}var P={};var I=function(e){this.config=e};function j(e){var t=location.href.indexOf("#");location.replace(location.href.slice(0,0<=t?t:0)+"#"+e)}I.prototype.getBasePath=function(){return this.config.basePath},I.prototype.getFile=function(e,t){void 0===e&&(e=this.getCurrentPath());var n,r,i=this.config,o=this.getBasePath(),a="string"==typeof i.ext?i.ext:".md";return e=i.alias?function e(t,n,r){var i=Object.keys(n).filter(function(e){return(P[e]||(P[e]=new RegExp("^"+e+"$"))).test(t)&&t!==r})[0];return i?e(t.replace(P[i],n[i]),n,t):t}(e,i.alias):e,n=e,r=a,e=(e=new RegExp("\\.("+r.replace(/^\./,"")+"|html)$","g").test(n)?n:/\/$/g.test(n)?n+"README"+r:""+n+r)==="/README"+a&&i.homepage||e,e=O(e)?e:N(o,e),t&&(e=e.replace(new RegExp("^"+o),"")),e},I.prototype.onchange=function(e){void 0===e&&(e=u),e()},I.prototype.getCurrentPath=function(){},I.prototype.normalize=function(){},I.prototype.parse=function(){},I.prototype.toURL=function(e,t,n){var r=n&&"#"===e[0],i=this.parse(M(e));if(i.query=y({},i.query,t),e=(e=i.path+R(i.query)).replace(/\.md(\?)|\.md$/,"$1"),r&&(e=(0<(r=n.indexOf("?"))?n.substring(0,r):n)+e),this.config.relativePath&&0!==e.indexOf("/")){n=n.substring(0,n.lastIndexOf("/")+1);return C(L(n+e))}return C("/"+e)};var H=function(r){function e(e){r.call(this,e),this.mode="hash"}return r&&(e.__proto__=r),((e.prototype=Object.create(r&&r.prototype)).constructor=e).prototype.getBasePath=function(){var e=window.location.pathname||"",t=this.config.basePath,e=D(e,".html")?e+"#/"+t:e+"/"+t;return/^(\/|https?:)/g.test(t)?t:C(e)},e.prototype.getCurrentPath=function(){var e=location.href,t=e.indexOf("#");return-1===t?"":e.slice(t+1)},e.prototype.onchange=function(n){void 0===n&&(n=u);var r=!1;x("click",function(e){e="A"===e.target.tagName?e.target:e.target.parentNode;e&&"A"===e.tagName&&!/_blank/.test(e.target)&&(r=!0)}),x("hashchange",function(e){var t=r?"navigate":"history";r=!1,n({event:e,source:t})})},e.prototype.normalize=function(){var e=this.getCurrentPath();if("/"===(e=M(e)).charAt(0))return j(e);j("/"+e)},e.prototype.parse=function(e){void 0===e&&(e=location.href);var t="",n=e.indexOf("#");0<=n&&(e=e.slice(n+1));n=e.indexOf("?");return 0<=n&&(t=e.slice(n+1),e=e.slice(0,n)),{path:e,file:this.getFile(e,!0),query:E(t)}},e.prototype.toURL=function(e,t,n){return"#"+r.prototype.toURL.call(this,e,t,n)},e}(I),q=function(t){function e(e){t.call(this,e),this.mode="history"}return t&&(e.__proto__=t),((e.prototype=Object.create(t&&t.prototype)).constructor=e).prototype.getCurrentPath=function(){var e=this.getBasePath(),t=window.location.pathname;return e&&0===t.indexOf(e)&&(t=t.slice(e.length)),(t||"/")+window.location.search+window.location.hash},e.prototype.onchange=function(n){var r=this;void 0===n&&(n=u),x("click",function(e){var t="A"===e.target.tagName?e.target:e.target.parentNode;t&&"A"===t.tagName&&!/_blank/.test(t.target)&&(e.preventDefault(),t=t.href,-1!==r.config.crossOriginLinks.indexOf(t)?window.open(t,"_self"):window.history.pushState({key:t},"",t),n({event:e,source:"navigate"}))}),x("popstate",function(e){n({event:e,source:"history"})})},e.prototype.parse=function(e){void 0===e&&(e=location.href);var t="",n=e.indexOf("?");0<=n&&(t=e.slice(n+1),e=e.slice(0,n));var r=N(location.origin),n=e.indexOf(r);return-1<n&&(e=e.slice(n+r.length)),{path:e,file:this.getFile(e),query:E(t)}},e}(I),U={};var B=/([^{]*?)\w(?=\})/g,Z={YYYY:"getFullYear",YY:"getYear",MM:function(e){return e.getMonth()+1},DD:"getDate",HH:"getHours",mm:"getMinutes",ss:"getSeconds",fff:"getMilliseconds"};var G,W=Object.hasOwnProperty,V=Object.setPrototypeOf,Y=Object.isFrozen,X=Object.getPrototypeOf,K=Object.getOwnPropertyDescriptor,Fe=Object.freeze,Q=Object.seal,J=Object.create,ee="undefined"!=typeof Reflect&&Reflect,te=(te=ee.apply)||function(e,t,n){return e.apply(t,n)},Fe=Fe||function(e){return e},Q=Q||function(e){return e},ne=(ne=ee.construct)||function(e,t){return new(Function.prototype.bind.apply(e,[null].concat(function(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}(t))))},Ce=re(Array.prototype.forEach),Le=re(Array.prototype.pop),ze=re(Array.prototype.push),Ne=re(String.prototype.toLowerCase),Me=re(String.prototype.match),De=re(String.prototype.replace),Pe=re(String.prototype.indexOf),Ie=re(String.prototype.trim),je=re(RegExp.prototype.test),He=(G=TypeError,function(){for(var e=arguments,t=arguments.length,n=Array(t),r=0;r<t;r++)n[r]=e[r];return ne(G,n)});function re(o){return function(e){for(var t=arguments,n=arguments.length,r=Array(1<n?n-1:0),i=1;i<n;i++)r[i-1]=t[i];return te(o,e,r)}}function qe(e,t){V&&V(e,null);for(var n=t.length;n--;){var r,i=t[n];"string"!=typeof i||(r=Ne(i))!==i&&(Y(t)||(t[n]=r),i=r),e[i]=!0}return e}function Ue(e){var t=J(null),n=void 0;for(n in e)te(W,e,[n])&&(t[n]=e[n]);return t}function Be(e,t){for(;null!==e;){var n=K(e,t);if(n){if(n.get)return re(n.get);if("function"==typeof n.value)return re(n.value)}e=X(e)}return function(e){return console.warn("fallback value for",e),null}}var Ze=Fe(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),Ge=Fe(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),We=Fe(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),Ve=Fe(["animate","color-profile","cursor","discard","fedropshadow","feimage","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),Ye=Fe(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover"]),Xe=Fe(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),Ke=Fe(["#text"]),Qe=Fe(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","xmlns","slot"]),Je=Fe(["accent-height","accumulate","additive","alignment-baseline","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","targetx","targety","transform","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),et=Fe(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),tt=Fe(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),nt=Q(/\{\{[\s\S]*|[\s\S]*\}\}/gm),rt=Q(/<%[\s\S]*|[\s\S]*%>/gm),it=Q(/^data-[\-\w.\u00B7-\uFFFF]/),ot=Q(/^aria-[\-\w]+$/),at=Q(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),st=Q(/^(?:\w+script|data):/i),lt=Q(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),ct="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};function ut(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}var pt=function(){return"undefined"==typeof window?null:window},ht=function(e,t){if("object"!==(void 0===e?"undefined":ct(e))||"function"!=typeof e.createPolicy)return null;var n=null,r="data-tt-policy-suffix";t.currentScript&&t.currentScript.hasAttribute(r)&&(n=t.currentScript.getAttribute(r));var i="dompurify"+(n?"#"+n:"");try{return e.createPolicy(i,{createHTML:function(e){return e}})}catch(e){return console.warn("TrustedTypes policy "+i+" could not be created."),null}};var ie,oe,ae=function t(e){function c(e){return t(e)}var s=0<arguments.length&&void 0!==e?e:pt();if(c.version="2.3.1",c.removed=[],!s||!s.document||9!==s.document.nodeType)return c.isSupported=!1,c;var l=s.document,o=s.document,u=s.DocumentFragment,n=s.HTMLTemplateElement,p=s.Node,a=s.Element,r=s.NodeFilter,i=s.NamedNodeMap,h=void 0===i?s.NamedNodeMap||s.MozNamedAttrMap:i,d=s.Text,f=s.Comment,g=s.DOMParser,e=s.trustedTypes,i=a.prototype,m=Be(i,"cloneNode"),v=Be(i,"nextSibling"),y=Be(i,"childNodes"),b=Be(i,"parentNode");"function"!=typeof n||(n=o.createElement("template")).content&&n.content.ownerDocument&&(o=n.content.ownerDocument);var k=ht(e,l),w=k&&ee?k.createHTML(""):"",x=o.implementation,_=o.createNodeIterator,S=o.createDocumentFragment,A=o.getElementsByTagName,T=l.importNode,E={};try{E=Ue(o).documentMode?o.documentMode:{}}catch(e){}var R={};c.isSupported="function"==typeof b&&x&&void 0!==x.createHTMLDocument&&9!==E;function O(e){ge&&ge===e||(e&&"object"===(void 0===e?"undefined":ct(e))||(e={}),e=Ue(e),P="ALLOWED_TAGS"in e?qe({},e.ALLOWED_TAGS):I,j="ALLOWED_ATTR"in e?qe({},e.ALLOWED_ATTR):H,le="ADD_URI_SAFE_ATTR"in e?qe(Ue(ce),e.ADD_URI_SAFE_ATTR):ce,ae="ADD_DATA_URI_TAGS"in e?qe(Ue(se),e.ADD_DATA_URI_TAGS):se,ie="FORBID_CONTENTS"in e?qe({},e.FORBID_CONTENTS):oe,q="FORBID_TAGS"in e?qe({},e.FORBID_TAGS):{},U="FORBID_ATTR"in e?qe({},e.FORBID_ATTR):{},$="USE_PROFILES"in e&&e.USE_PROFILES,B=!1!==e.ALLOW_ARIA_ATTR,Z=!1!==e.ALLOW_DATA_ATTR,G=e.ALLOW_UNKNOWN_PROTOCOLS||!1,W=e.SAFE_FOR_TEMPLATES||!1,V=e.WHOLE_DOCUMENT||!1,K=e.RETURN_DOM||!1,Q=e.RETURN_DOM_FRAGMENT||!1,J=!1!==e.RETURN_DOM_IMPORT,ee=e.RETURN_TRUSTED_TYPE||!1,X=e.FORCE_BODY||!1,te=!1!==e.SANITIZE_DOM,ne=!1!==e.KEEP_CONTENT,re=e.IN_PLACE||!1,D=e.ALLOWED_URI_REGEXP||D,de=e.NAMESPACE||he,W&&(Z=!1),Q&&(K=!0),$&&(P=qe({},[].concat(ut(Ke))),j=[],!0===$.html&&(qe(P,Ze),qe(j,Qe)),!0===$.svg&&(qe(P,Ge),qe(j,Je),qe(j,tt)),!0===$.svgFilters&&(qe(P,We),qe(j,Je),qe(j,tt)),!0===$.mathMl&&(qe(P,Ye),qe(j,et),qe(j,tt))),e.ADD_TAGS&&(P===I&&(P=Ue(P)),qe(P,e.ADD_TAGS)),e.ADD_ATTR&&(j===H&&(j=Ue(j)),qe(j,e.ADD_ATTR)),e.ADD_URI_SAFE_ATTR&&qe(le,e.ADD_URI_SAFE_ATTR),e.FORBID_CONTENTS&&(ie===oe&&(ie=Ue(ie)),qe(ie,e.FORBID_CONTENTS)),ne&&(P["#text"]=!0),V&&qe(P,["html","head","body"]),P.table&&(qe(P,["tbody"]),delete q.tbody),Fe&&Fe(e),ge=e)}var $,F=nt,C=rt,L=it,z=ot,N=st,M=lt,D=at,P=null,I=qe({},[].concat(ut(Ze),ut(Ge),ut(We),ut(Ye),ut(Ke))),j=null,H=qe({},[].concat(ut(Qe),ut(Je),ut(et),ut(tt))),q=null,U=null,B=!0,Z=!0,G=!1,W=!1,V=!1,Y=!1,X=!1,K=!1,Q=!1,J=!0,ee=!1,te=!0,ne=!0,re=!1,ie=null,oe=qe({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]),ae=null,se=qe({},["audio","video","img","source","image","track"]),le=null,ce=qe({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),ue="http://www.w3.org/1998/Math/MathML",pe="http://www.w3.org/2000/svg",he="http://www.w3.org/1999/xhtml",de=he,fe=!1,ge=null,me=o.createElement("form"),ve=qe({},["mi","mo","mn","ms","mtext"]),ye=qe({},["foreignobject","desc","title","annotation-xml"]),be=qe({},Ge);qe(be,We),qe(be,Ve);var ke=qe({},Ye);qe(ke,Xe);function we(t){ze(c.removed,{element:t});try{t.parentNode.removeChild(t)}catch(e){try{t.outerHTML=w}catch(e){t.remove()}}}function xe(e,t){try{ze(c.removed,{attribute:t.getAttributeNode(e),from:t})}catch(e){ze(c.removed,{attribute:null,from:t})}if(t.removeAttribute(e),"is"===e&&!j[e])if(K||Q)try{we(t)}catch(e){}else try{t.setAttribute(e,"")}catch(e){}}function _e(e){var t=void 0,n=void 0;X?e="<remove></remove>"+e:n=(i=Me(e,/^[\r\n\t ]+/))&&i[0];var r=k?k.createHTML(e):e;if(de===he)try{t=(new g).parseFromString(r,"text/html")}catch(e){}if(!t||!t.documentElement){t=x.createDocument(de,"template",null);try{t.documentElement.innerHTML=fe?"":r}catch(e){}}var i=t.body||t.documentElement;return e&&n&&i.insertBefore(o.createTextNode(n),i.childNodes[0]||null),de===he?A.call(t,V?"html":"body")[0]:V?t.documentElement:i}function Se(e){return _.call(e.ownerDocument||e,e,r.SHOW_ELEMENT|r.SHOW_COMMENT|r.SHOW_TEXT,null,!1)}function Ae(e){return"object"===(void 0===p?"undefined":ct(p))?e instanceof p:e&&"object"===(void 0===e?"undefined":ct(e))&&"number"==typeof e.nodeType&&"string"==typeof e.nodeName}function Te(e,t,n){R[e]&&Ce(R[e],function(e){e.call(c,t,n,ge)})}function Ee(e){var t;if(Te("beforeSanitizeElements",e,null),!((n=e)instanceof d||n instanceof f||"string"==typeof n.nodeName&&"string"==typeof n.textContent&&"function"==typeof n.removeChild&&n.attributes instanceof h&&"function"==typeof n.removeAttribute&&"function"==typeof n.setAttribute&&"string"==typeof n.namespaceURI&&"function"==typeof n.insertBefore))return we(e),1;if(Me(e.nodeName,/[\u0080-\uFFFF]/))return we(e),1;var n=Ne(e.nodeName);if(Te("uponSanitizeElement",e,{tagName:n,allowedTags:P}),!Ae(e.firstElementChild)&&(!Ae(e.content)||!Ae(e.content.firstElementChild))&&je(/<[/\w]/g,e.innerHTML)&&je(/<[/\w]/g,e.textContent))return we(e),1;if("select"===n&&je(/<template/i,e.innerHTML))return we(e),1;if(P[n]&&!q[n])return e instanceof a&&!function(e){var t=b(e);t&&t.tagName||(t={namespaceURI:he,tagName:"template"});var n=Ne(e.tagName),r=Ne(t.tagName);return e.namespaceURI===pe?t.namespaceURI===he?"svg"===n:t.namespaceURI===ue?"svg"===n&&("annotation-xml"===r||ve[r]):Boolean(be[n]):e.namespaceURI===ue?t.namespaceURI===he?"math"===n:t.namespaceURI===pe?"math"===n&&ye[r]:Boolean(ke[n]):e.namespaceURI===he&&(t.namespaceURI!==pe||ye[r])&&(t.namespaceURI!==ue||ve[r])&&(r=qe({},["title","style","font","a","script"]),!ke[n]&&(r[n]||!be[n]))}(e)||("noscript"===n||"noembed"===n)&&je(/<\/no(script|embed)/i,e.innerHTML)?(we(e),1):(W&&3===e.nodeType&&(t=e.textContent,t=De(t,F," "),t=De(t,C," "),e.textContent!==t&&(ze(c.removed,{element:e.cloneNode()}),e.textContent=t)),Te("afterSanitizeElements",e,null),0);if(ne&&!ie[n]){var r=b(e)||e.parentNode,i=y(e)||e.childNodes;if(i&&r)for(var o=i.length-1;0<=o;--o)r.insertBefore(m(i[o],!0),v(e))}return we(e),1}function Re(e,t,n){if(te&&("id"===t||"name"===t)&&(n in o||n in me))return!1;if((!Z||U[t]||!je(L,t))&&(!B||!je(z,t))){if(!j[t]||U[t])return!1;if(!le[t]&&!je(D,De(n,M,""))&&("src"!==t&&"xlink:href"!==t&&"href"!==t||"script"===e||0!==Pe(n,"data:")||!ae[e])&&(!G||je(N,De(n,M,"")))&&n)return!1}return!0}function Oe(e){var t=void 0,n=void 0;Te("beforeSanitizeAttributes",e,null);var r=e.attributes;if(r){for(var i={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:j},n=r.length;n--;){var o=(l=r[n]).name,a=l.namespaceURI,t=Ie(l.value),s=Ne(o);if(i.attrName=s,i.attrValue=t,i.keepAttr=!0,i.forceKeepAttr=void 0,Te("uponSanitizeAttribute",e,i),t=i.attrValue,!i.forceKeepAttr&&(xe(o,e),i.keepAttr))if(je(/\/>/i,t))xe(o,e);else{W&&(t=De(t,F," "),t=De(t,C," "));var l=e.nodeName.toLowerCase();if(Re(l,s,t))try{a?e.setAttributeNS(a,o,t):e.setAttribute(o,t),Le(c.removed)}catch(e){}}}Te("afterSanitizeAttributes",e,null)}}function $e(e){var t,n=Se(e);for(Te("beforeSanitizeShadowDOM",e,null);t=n.nextNode();)Te("uponSanitizeShadowNode",t,null),Ee(t)||(t.content instanceof u&&$e(t.content),Oe(t));Te("afterSanitizeShadowDOM",e,null)}return c.sanitize=function(e,t){var n,r=void 0,i=void 0,o=void 0;if((fe=!e)&&(e="\x3c!--\x3e"),"string"!=typeof e&&!Ae(e)){if("function"!=typeof e.toString)throw He("toString is not a function");if("string"!=typeof(e=e.toString()))throw He("dirty is not a string, aborting")}if(!c.isSupported){if("object"===ct(s.toStaticHTML)||"function"==typeof s.toStaticHTML){if("string"==typeof e)return s.toStaticHTML(e);if(Ae(e))return s.toStaticHTML(e.outerHTML)}return e}if(Y||O(t),c.removed=[],"string"==typeof e&&(re=!1),!re)if(e instanceof p)1===(t=(r=_e("\x3c!----\x3e")).ownerDocument.importNode(e,!0)).nodeType&&"BODY"===t.nodeName||"HTML"===t.nodeName?r=t:r.appendChild(t);else{if(!K&&!W&&!V&&-1===e.indexOf("<"))return k&&ee?k.createHTML(e):e;if(!(r=_e(e)))return K?null:w}r&&X&&we(r.firstChild);for(var a=Se(re?e:r);n=a.nextNode();)3===n.nodeType&&n===i||Ee(n)||(n.content instanceof u&&$e(n.content),Oe(n),i=n);if(i=null,re)return e;if(K){if(Q)for(o=S.call(r.ownerDocument);r.firstChild;)o.appendChild(r.firstChild);else o=r;return J&&(o=T.call(l,o,!0)),o}return e=V?r.outerHTML:r.innerHTML,W&&(e=De(e,F," "),e=De(e,C," ")),k&&ee?k.createHTML(e):e},c.setConfig=function(e){O(e),Y=!0},c.clearConfig=function(){ge=null,Y=!1},c.isValidAttribute=function(e,t,n){return ge||O({}),e=Ne(e),t=Ne(t),Re(e,t,n)},c.addHook=function(e,t){"function"==typeof t&&(R[e]=R[e]||[],ze(R[e],t))},c.removeHook=function(e){R[e]&&Le(R[e])},c.removeHooks=function(e){R[e]&&(R[e]=[])},c.removeAllHooks=function(){R={}},c}();function se(e){var t,n=e.loaded,r=e.total,i=e.step;ie||((e=v("div")).classList.add("progress"),a(g,e),ie=e),t=i?80<(t=parseInt(ie.style.width||0,10)+i)?80:t:Math.floor(n/r*100),ie.style.opacity=1,ie.style.width=95<=t?"100%":t+"%",95<=t&&(clearTimeout(oe),oe=setTimeout(function(e){ie.style.opacity=0,ie.style.width="0%"},200))}var le={};function ce(i,e,t){void 0===e&&(e=!1),void 0===t&&(t={});function o(){a.addEventListener.apply(a,arguments)}var n,a=new XMLHttpRequest,r=le[i];if(r)return{then:function(e){return e(r.content,r.opt)},abort:u};for(n in a.open("GET",i),t)l.call(t,n)&&a.setRequestHeader(n,t[n]);return a.send(),{then:function(t,n){var r;void 0===n&&(n=u),e&&(r=setInterval(function(e){return se({step:Math.floor(5*Math.random()+1)})},500),o("progress",se),o("loadend",function(e){se(e),clearInterval(r)})),o("error",n),o("load",function(e){e=e.target;400<=e.status?n(e):(e=le[i]={content:e.response,opt:{updatedAt:a.getResponseHeader("last-modified")}},t(e.content,e.opt))})},abort:function(e){return 4!==a.readyState&&a.abort()}}}function ue(e,t){e.innerHTML=e.innerHTML.replace(/var\(\s*--theme-color.*?\)/g,t)}var pe=f.title;function he(){var e,t=d("section.cover");t&&(e=t.getBoundingClientRect().height,window.pageYOffset>=e||t.classList.contains("hidden")?S(g,"add","sticky"):S(g,"remove","sticky"))}function de(e,t,r,n){var i=[];null!=(t=d(t))&&(i=k(t,"a"));var o,a=decodeURI(e.toURL(e.getCurrentPath()));return i.sort(function(e,t){return t.href.length-e.href.length}).forEach(function(e){var t=decodeURI(e.getAttribute("href")),n=r?e.parentNode:e;e.title=e.title||e.innerText,0!==a.indexOf(t)||o?S(n,"remove","active"):(o=e,S(n,"add","active"))}),n&&(f.title=o?o.title||o.innerText+" - "+pe:pe),o}function fe(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var ge=(function(e,t,n){return t&&fe(e.prototype,t),n&&fe(e,n),e}(me,[{key:"getIntermediateValue",value:function(e){return this.decimal?e:Math.round(e)}},{key:"getFinalValue",value:function(){return this.end}}]),me);function me(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,me),this.start=e.start,this.end=e.end,this.decimal=e.decimal}function ve(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}var ye=(function(e,t,n){return t&&ve(e.prototype,t),n&&ve(e,n),e}(be,[{key:"begin",value:function(){return this.isRunning||this.next===this.end||(this.frame=window.requestAnimationFrame(this._tick.bind(this))),this}},{key:"stop",value:function(){return window.cancelAnimationFrame(this.frame),this.isRunning=!1,this.frame=null,this.timeStart=null,this.next=null,this}},{key:"on",value:function(e,t){return this.events[e]=this.events[e]||[],this.events[e].push(t),this}},{key:"_emit",value:function(e,t){var n=this,e=this.events[e];e&&e.forEach(function(e){return e.call(n,t)})}},{key:"_tick",value:function(e){this.isRunning=!0;var t=this.next||this.start;this.timeStart||(this.timeStart=e),this.timeElapsed=e-this.timeStart,this.next=this.ease(this.timeElapsed,this.start,this.end-this.start,this.duration),this._shouldTick(t)?(this._emit("tick",this.tweener.getIntermediateValue(this.next)),this.frame=window.requestAnimationFrame(this._tick.bind(this))):(this._emit("tick",this.tweener.getFinalValue()),this._emit("done",null))}},{key:"_shouldTick",value:function(e){return{up:this.next<this.end&&e<=this.next,down:this.next>this.end&&e>=this.next}[this.direction]}},{key:"_defaultEase",value:function(e,t,n,r){return(e/=r/2)<1?n/2*e*e+t:-n/2*(--e*(e-2)-1)+t}}]),be);function be(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,be),this.duration=e.duration||1e3,this.ease=e.easing||this._defaultEase,this.tweener=e.tweener||new ge(e),this.start=this.tweener.start,this.end=this.tweener.end,this.frame=null,this.next=null,this.isRunning=!1,this.events={},this.direction=this.start<this.end?"up":"down"}var ke=document.currentScript;function we(e){var t,n=y({el:"#app",repo:"",maxLevel:6,subMaxLevel:0,loadSidebar:null,loadNavbar:null,homepage:"README.md",coverpage:"",basePath:"",auto2top:!1,name:"",themeColor:"",nameLink:window.location.pathname,autoHeader:!1,executeScript:null,noEmoji:!1,ga:"",ext:".md",mergeNavbar:!1,formatUpdated:"",externalLinkTarget:"_blank",cornerExternalLinkTarget:"_blank",externalLinkRel:"noopener",routerMode:"hash",noCompileLinks:[],crossOriginLinks:[],relativePath:!1,topMargin:0},"function"==typeof window.$docsify?window.$docsify(e):window.$docsify),r=ke||[].slice.call(document.getElementsByTagName("script")).filter(function(e){return/docsify\./.test(e.src)})[0];if(r)for(var i in n){!l.call(n,i)||c(t=r.getAttribute("data-"+o(i)))&&(n[i]=""===t||t)}return!0===n.loadSidebar&&(n.loadSidebar="_sidebar"+n.ext),!0===n.loadNavbar&&(n.loadNavbar="_navbar"+n.ext),!0===n.coverpage&&(n.coverpage="_coverpage"+n.ext),!0===n.repo&&(n.repo=""),!0===n.name&&(n.name=""),window.$docsify=n}var xe={},_e=!1,Se=null,Ae=!0,Te=0;function Ee(e){if(Ae){for(var t,n,r=d(".sidebar"),i=k(".anchor"),o=b(r,".sidebar-nav"),a=b(r,"li.active"),s=document.documentElement,l=(s&&s.scrollTop||document.body.scrollTop)-Te,c=0,u=i.length;c<u;c+=1){var p=i[c];if(p.offsetTop>l){t=t||p;break}t=p}!t||(n=xe[Re(e,t.getAttribute("data-id"))])&&n!==a&&(a&&a.classList.remove("active"),n.classList.add("active"),a=n,!_e&&g.classList.contains("sticky")&&(s=r.clientHeight,e=a.offsetTop+a.clientHeight+40,n=a.offsetTop>=o.scrollTop&&e<=o.scrollTop+s,a=+e<s,r.scrollTop=n?o.scrollTop:a?0:e-s))}}function Re(e,t){return decodeURIComponent(e)+"?id="+decodeURIComponent(t)}function Oe(e,t){var n,r;t&&(r=we().topMargin,(n=b("#"+t))&&(n=n,void 0===(r=r)&&(r=0),Se&&Se.stop(),Ae=!1,Se=new ye({start:window.pageYOffset,end:Math.round(n.getBoundingClientRect().top)+window.pageYOffset-r,duration:500}).on("tick",function(e){return window.scrollTo(0,e)}).on("done",function(){Ae=!0,Se=null}).begin()),e=xe[Re(e,t)],(t=b(d(".sidebar"),"li.active"))&&t.classList.remove("active"),e&&e.classList.add("active"))}var $e=f.scrollingElement||f.documentElement;var dt="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function ft(e,t){return e(t={exports:{}},t.exports),t.exports}function gt(e){return wt[e]}var mt=ft(function(t){function e(){return{baseUrl:null,breaks:!1,gfm:!0,headerIds:!0,headerPrefix:"",highlight:null,langPrefix:"language-",mangle:!0,pedantic:!1,renderer:null,sanitize:!1,sanitizer:null,silent:!1,smartLists:!1,smartypants:!1,tokenizer:null,walkTokens:null,xhtml:!1}}t.exports={defaults:e(),getDefaults:e,changeDefaults:function(e){t.exports.defaults=e}}}),vt=(mt.defaults,mt.getDefaults,mt.changeDefaults,/[&<>"']/),yt=/[&<>"']/g,bt=/[<>"']|&(?!#?\w+;)/,kt=/[<>"']|&(?!#?\w+;)/g,wt={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};var xt=/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/gi;function _t(e){return e.replace(xt,function(e,t){return"colon"===(t=t.toLowerCase())?":":"#"===t.charAt(0)?"x"===t.charAt(1)?String.fromCharCode(parseInt(t.substring(2),16)):String.fromCharCode(+t.substring(1)):""})}var St=/(^|[^\[])\^/g;var At=/[^\w:]/g,Tt=/^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;var Et={},Rt=/^[^:]+:\/*[^/]*$/,Ot=/^([^:]+:)[\s\S]*$/,$t=/^([^:]+:\/*[^/]*)[\s\S]*$/;function Ft(e,t){Et[" "+e]||(Rt.test(e)?Et[" "+e]=e+"/":Et[" "+e]=Ct(e,"/",!0));var n=-1===(e=Et[" "+e]).indexOf(":");return"//"===t.substring(0,2)?n?t:e.replace(Ot,"$1")+t:"/"===t.charAt(0)?n?t:e.replace($t,"$1")+t:e+t}function Ct(e,t,n){var r=e.length;if(0===r)return"";for(var i=0;i<r;){var o=e.charAt(r-i-1);if(o!==t||n){if(o===t||!n)break;i++}else i++}return e.substr(0,r-i)}var Lt=function(e,t){if(t){if(vt.test(e))return e.replace(yt,gt)}else if(bt.test(e))return e.replace(kt,gt);return e},zt=_t,Nt=function(n,e){n=n.source||n,e=e||"";var r={replace:function(e,t){return t=(t=t.source||t).replace(St,"$1"),n=n.replace(e,t),r},getRegex:function(){return new RegExp(n,e)}};return r},Mt=function(e,t,n){if(e){var r;try{r=decodeURIComponent(_t(n)).replace(At,"").toLowerCase()}catch(e){return null}if(0===r.indexOf("javascript:")||0===r.indexOf("vbscript:")||0===r.indexOf("data:"))return null}t&&!Tt.test(n)&&(n=Ft(t,n));try{n=encodeURI(n).replace(/%25/g,"%")}catch(e){return null}return n},Dt={exec:function(){}},Pt=function(e){for(var t,n,r=arguments,i=1;i<arguments.length;i++)for(n in t=r[i])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},It=function(e,t){var n=e.replace(/\|/g,function(e,t,n){for(var r=!1,i=t;0<=--i&&"\\"===n[i];)r=!r;return r?"|":" |"}).split(/ \|/),r=0;if(n.length>t)n.splice(t);else for(;n.length<t;)n.push("");for(;r<n.length;r++)n[r]=n[r].trim().replace(/\\\|/g,"|");return n},I=function(e,t){if(-1===e.indexOf(t[1]))return-1;for(var n=e.length,r=0,i=0;i<n;i++)if("\\"===e[i])i++;else if(e[i]===t[0])r++;else if(e[i]===t[1]&&--r<0)return i;return-1},ee=function(e){e&&e.sanitize&&!e.silent&&console.warn("marked(): sanitize and sanitizer parameters are deprecated since version 0.7.0, should not be used and will be removed in the future. Read more here: https://marked.js.org/#/USING_ADVANCED.md#options")},Q=function(e,t){if(t<1)return"";for(var n="";1<t;)1&t&&(n+=e),t>>=1,e+=e;return n+e},jt=mt.defaults,Ht=Ct,qt=It,Ut=Lt,Bt=I;function Zt(e,t,n){var r=t.href,i=t.title?Ut(t.title):null,t=e[1].replace(/\\([\[\]])/g,"$1");return"!"!==e[0].charAt(0)?{type:"link",raw:n,href:r,title:i,text:t}:{type:"image",raw:n,href:r,title:i,text:Ut(t)}}var Gt=function(){function e(e){this.options=e||jt}return e.prototype.space=function(e){e=this.rules.block.newline.exec(e);if(e)return 1<e[0].length?{type:"space",raw:e[0]}:{raw:"\n"}},e.prototype.code=function(e,t){e=this.rules.block.code.exec(e);if(e){t=t[t.length-1];if(t&&"paragraph"===t.type)return{raw:e[0],text:e[0].trimRight()};t=e[0].replace(/^ {1,4}/gm,"");return{type:"code",raw:e[0],codeBlockStyle:"indented",text:this.options.pedantic?t:Ht(t,"\n")}}},e.prototype.fences=function(e){var t=this.rules.block.fences.exec(e);if(t){var n=t[0],e=function(e,t){if(null===(e=e.match(/^(\s+)(?:```)/)))return t;var n=e[1];return t.split("\n").map(function(e){var t=e.match(/^\s+/);return null!==t&&t[0].length>=n.length?e.slice(n.length):e}).join("\n")}(n,t[3]||"");return{type:"code",raw:n,lang:t[2]?t[2].trim():t[2],text:e}}},e.prototype.heading=function(e){var t=this.rules.block.heading.exec(e);if(t){var n=t[2].trim();return/#$/.test(n)&&(e=Ht(n,"#"),!this.options.pedantic&&e&&!/ $/.test(e)||(n=e.trim())),{type:"heading",raw:t[0],depth:t[1].length,text:n}}},e.prototype.nptable=function(e){e=this.rules.block.nptable.exec(e);if(e){var t={type:"table",header:qt(e[1].replace(/^ *| *\| *$/g,"")),align:e[2].replace(/^ *|\| *$/g,"").split(/ *\| */),cells:e[3]?e[3].replace(/\n$/,"").split("\n"):[],raw:e[0]};if(t.header.length===t.align.length){for(var n=t.align.length,r=0;r<n;r++)/^ *-+: *$/.test(t.align[r])?t.align[r]="right":/^ *:-+: *$/.test(t.align[r])?t.align[r]="center":/^ *:-+ *$/.test(t.align[r])?t.align[r]="left":t.align[r]=null;for(n=t.cells.length,r=0;r<n;r++)t.cells[r]=qt(t.cells[r],t.header.length);return t}}},e.prototype.hr=function(e){e=this.rules.block.hr.exec(e);if(e)return{type:"hr",raw:e[0]}},e.prototype.blockquote=function(e){var t=this.rules.block.blockquote.exec(e);if(t){e=t[0].replace(/^ *> ?/gm,"");return{type:"blockquote",raw:t[0],text:e}}},e.prototype.list=function(e){e=this.rules.block.list.exec(e);if(e){for(var t,n,r,i,o,a=e[0],s=e[2],l=1<s.length,c={type:"list",raw:a,ordered:l,start:l?+s.slice(0,-1):"",loose:!1,items:[]},u=e[0].match(this.rules.block.item),p=!1,h=u.length,d=this.rules.block.listItemStart.exec(u[0]),f=0;f<h;f++){if(a=t=u[f],f!==h-1){if(r=this.rules.block.listItemStart.exec(u[f+1]),this.options.pedantic?r[1].length>d[1].length:r[1].length>d[0].length||3<r[1].length){u.splice(f,2,u[f]+"\n"+u[f+1]),f--,h--;continue}(!this.options.pedantic||this.options.smartLists?r[2][r[2].length-1]!==s[s.length-1]:l==(1===r[2].length))&&(n=u.slice(f+1).join("\n"),c.raw=c.raw.substring(0,c.raw.length-n.length),f=h-1),d=r}r=t.length,~(t=t.replace(/^ *([*+-]|\d+[.)]) ?/,"")).indexOf("\n ")&&(r-=t.length,t=this.options.pedantic?t.replace(/^ {1,4}/gm,""):t.replace(new RegExp("^ {1,"+r+"}","gm"),"")),r=p||/\n\n(?!\s*$)/.test(t),f!==h-1&&(p="\n"===t.charAt(t.length-1),r=r||p),r&&(c.loose=!0),this.options.gfm&&(o=void 0,(i=/^\[[ xX]\] /.test(t))&&(o=" "!==t[1],t=t.replace(/^\[[ xX]\] +/,""))),c.items.push({type:"list_item",raw:a,task:i,checked:o,loose:r,text:t})}return c}},e.prototype.html=function(e){e=this.rules.block.html.exec(e);if(e)return{type:this.options.sanitize?"paragraph":"html",raw:e[0],pre:!this.options.sanitizer&&("pre"===e[1]||"script"===e[1]||"style"===e[1]),text:this.options.sanitize?this.options.sanitizer?this.options.sanitizer(e[0]):Ut(e[0]):e[0]}},e.prototype.def=function(e){e=this.rules.block.def.exec(e);if(e)return e[3]&&(e[3]=e[3].substring(1,e[3].length-1)),{tag:e[1].toLowerCase().replace(/\s+/g," "),raw:e[0],href:e[2],title:e[3]}},e.prototype.table=function(e){e=this.rules.block.table.exec(e);if(e){var t={type:"table",header:qt(e[1].replace(/^ *| *\| *$/g,"")),align:e[2].replace(/^ *|\| *$/g,"").split(/ *\| */),cells:e[3]?e[3].replace(/\n$/,"").split("\n"):[]};if(t.header.length===t.align.length){t.raw=e[0];for(var n=t.align.length,r=0;r<n;r++)/^ *-+: *$/.test(t.align[r])?t.align[r]="right":/^ *:-+: *$/.test(t.align[r])?t.align[r]="center":/^ *:-+ *$/.test(t.align[r])?t.align[r]="left":t.align[r]=null;for(n=t.cells.length,r=0;r<n;r++)t.cells[r]=qt(t.cells[r].replace(/^ *\| *| *\| *$/g,""),t.header.length);return t}}},e.prototype.lheading=function(e){e=this.rules.block.lheading.exec(e);if(e)return{type:"heading",raw:e[0],depth:"="===e[2].charAt(0)?1:2,text:e[1]}},e.prototype.paragraph=function(e){e=this.rules.block.paragraph.exec(e);if(e)return{type:"paragraph",raw:e[0],text:"\n"===e[1].charAt(e[1].length-1)?e[1].slice(0,-1):e[1]}},e.prototype.text=function(e,t){e=this.rules.block.text.exec(e);if(e){t=t[t.length-1];return t&&"text"===t.type?{raw:e[0],text:e[0]}:{type:"text",raw:e[0],text:e[0]}}},e.prototype.escape=function(e){e=this.rules.inline.escape.exec(e);if(e)return{type:"escape",raw:e[0],text:Ut(e[1])}},e.prototype.tag=function(e,t,n){e=this.rules.inline.tag.exec(e);if(e)return!t&&/^<a /i.test(e[0])?t=!0:t&&/^<\/a>/i.test(e[0])&&(t=!1),!n&&/^<(pre|code|kbd|script)(\s|>)/i.test(e[0])?n=!0:n&&/^<\/(pre|code|kbd|script)(\s|>)/i.test(e[0])&&(n=!1),{type:this.options.sanitize?"text":"html",raw:e[0],inLink:t,inRawBlock:n,text:this.options.sanitize?this.options.sanitizer?this.options.sanitizer(e[0]):Ut(e[0]):e[0]}},e.prototype.link=function(e){var t=this.rules.inline.link.exec(e);if(t){var n=t[2].trim();if(!this.options.pedantic&&/^</.test(n)){if(!/>$/.test(n))return;e=Ht(n.slice(0,-1),"\\");if((n.length-e.length)%2==0)return}else{var r=Bt(t[2],"()");-1<r&&(o=(0===t[0].indexOf("!")?5:4)+t[1].length+r,t[2]=t[2].substring(0,r),t[0]=t[0].substring(0,o).trim(),t[3]="")}var i,r=t[2],o="";return this.options.pedantic?(i=/^([^'"]*[^\s])\s+(['"])(.*)\2/.exec(r),i&&(r=i[1],o=i[3])):o=t[3]?t[3].slice(1,-1):"",r=r.trim(),/^</.test(r)&&(r=this.options.pedantic&&!/>$/.test(n)?r.slice(1):r.slice(1,-1)),Zt(t,{href:r?r.replace(this.rules.inline._escapes,"$1"):r,title:o?o.replace(this.rules.inline._escapes,"$1"):o},t[0])}},e.prototype.reflink=function(e,t){if((n=this.rules.inline.reflink.exec(e))||(n=this.rules.inline.nolink.exec(e))){e=(n[2]||n[1]).replace(/\s+/g," ");if((e=t[e.toLowerCase()])&&e.href)return Zt(n,e,n[0]);var n=n[0].charAt(0);return{type:"text",raw:n,text:n}}},e.prototype.strong=function(e,t,n){void 0===n&&(n="");var r=this.rules.inline.strong.start.exec(e);if(r&&(!r[1]||r[1]&&(""===n||this.rules.inline.punctuation.exec(n)))){t=t.slice(-1*e.length);var i,o="**"===r[0]?this.rules.inline.strong.endAst:this.rules.inline.strong.endUnd;for(o.lastIndex=0;null!=(r=o.exec(t));)if(i=this.rules.inline.strong.middle.exec(t.slice(0,r.index+3)))return{type:"strong",raw:e.slice(0,i[0].length),text:e.slice(2,i[0].length-2)}}},e.prototype.em=function(e,t,n){void 0===n&&(n="");var r=this.rules.inline.em.start.exec(e);if(r&&(!r[1]||r[1]&&(""===n||this.rules.inline.punctuation.exec(n)))){t=t.slice(-1*e.length);var i,o="*"===r[0]?this.rules.inline.em.endAst:this.rules.inline.em.endUnd;for(o.lastIndex=0;null!=(r=o.exec(t));)if(i=this.rules.inline.em.middle.exec(t.slice(0,r.index+2)))return{type:"em",raw:e.slice(0,i[0].length),text:e.slice(1,i[0].length-1)}}},e.prototype.codespan=function(e){var t=this.rules.inline.code.exec(e);if(t){var n=t[2].replace(/\n/g," "),r=/[^ ]/.test(n),e=/^ /.test(n)&&/ $/.test(n);return r&&e&&(n=n.substring(1,n.length-1)),n=Ut(n,!0),{type:"codespan",raw:t[0],text:n}}},e.prototype.br=function(e){e=this.rules.inline.br.exec(e);if(e)return{type:"br",raw:e[0]}},e.prototype.del=function(e){e=this.rules.inline.del.exec(e);if(e)return{type:"del",raw:e[0],text:e[2]}},e.prototype.autolink=function(e,t){e=this.rules.inline.autolink.exec(e);if(e){var n,t="@"===e[2]?"mailto:"+(n=Ut(this.options.mangle?t(e[1]):e[1])):n=Ut(e[1]);return{type:"link",raw:e[0],text:n,href:t,tokens:[{type:"text",raw:n,text:n}]}}},e.prototype.url=function(e,t){var n,r,i,o;if(n=this.rules.inline.url.exec(e)){if("@"===n[2])i="mailto:"+(r=Ut(this.options.mangle?t(n[0]):n[0]));else{for(;o=n[0],n[0]=this.rules.inline._backpedal.exec(n[0])[0],o!==n[0];);r=Ut(n[0]),i="www."===n[1]?"http://"+r:r}return{type:"link",raw:n[0],text:r,href:i,tokens:[{type:"text",raw:r,text:r}]}}},e.prototype.inlineText=function(e,t,n){e=this.rules.inline.text.exec(e);if(e){n=t?this.options.sanitize?this.options.sanitizer?this.options.sanitizer(e[0]):Ut(e[0]):e[0]:Ut(this.options.smartypants?n(e[0]):e[0]);return{type:"text",raw:e[0],text:n}}},e}(),It=Dt,I=Nt,Dt=Pt,Nt={newline:/^(?: *(?:\n|$))+/,code:/^( {4}[^\n]+(?:\n(?: *(?:\n|$))*)?)+/,fences:/^ {0,3}(`{3,}(?=[^`\n]*\n)|~{3,})([^\n]*)\n(?:|([\s\S]*?)\n)(?: {0,3}\1[~`]* *(?:\n+|$)|$)/,hr:/^ {0,3}((?:- *){3,}|(?:_ *){3,}|(?:\* *){3,})(?:\n+|$)/,heading:/^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/,blockquote:/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/,list:/^( {0,3})(bull) [\s\S]+?(?:hr|def|\n{2,}(?! )(?! {0,3}bull )\n*|\s*$)/,html:"^ {0,3}(?:<(script|pre|style)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:\\n{2,}|$)|<(?!script|pre|style)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:\\n{2,}|$)|</(?!script|pre|style)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:\\n{2,}|$))",def:/^ {0,3}\[(label)\]: *\n? *<?([^\s>]+)>?(?:(?: +\n? *| *\n *)(title))? *(?:\n+|$)/,nptable:It,table:It,lheading:/^([^\n]+)\n {0,3}(=+|-+) *(?:\n+|$)/,_paragraph:/^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html| +\n)[^\n]+)*)/,text:/^[^\n]+/,_label:/(?!\s*\])(?:\\[\[\]]|[^\[\]])+/,_title:/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/};Nt.def=I(Nt.def).replace("label",Nt._label).replace("title",Nt._title).getRegex(),Nt.bullet=/(?:[*+-]|\d{1,9}[.)])/,Nt.item=/^( *)(bull) ?[^\n]*(?:\n(?! *bull ?)[^\n]*)*/,Nt.item=I(Nt.item,"gm").replace(/bull/g,Nt.bullet).getRegex(),Nt.listItemStart=I(/^( *)(bull)/).replace("bull",Nt.bullet).getRegex(),Nt.list=I(Nt.list).replace(/bull/g,Nt.bullet).replace("hr","\\n+(?=\\1?(?:(?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$))").replace("def","\\n+(?="+Nt.def.source+")").getRegex(),Nt._tag="address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul",Nt._comment=/<!--(?!-?>)[\s\S]*?(?:-->|$)/,Nt.html=I(Nt.html,"i").replace("comment",Nt._comment).replace("tag",Nt._tag).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(),Nt.paragraph=I(Nt._paragraph).replace("hr",Nt.hr).replace("heading"," {0,3}#{1,6} ").replace("|lheading","").replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|!--)").replace("tag",Nt._tag).getRegex(),Nt.blockquote=I(Nt.blockquote).replace("paragraph",Nt.paragraph).getRegex(),Nt.normal=Dt({},Nt),Nt.gfm=Dt({},Nt.normal,{nptable:"^ *([^|\\n ].*\\|.*)\\n {0,3}([-:]+ *\\|[-| :]*)(?:\\n((?:(?!\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)",table:"^ *\\|(.+)\\n {0,3}\\|?( *[-:]+[-| :]*)(?:\\n *((?:(?!\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)"}),Nt.gfm.nptable=I(Nt.gfm.nptable).replace("hr",Nt.hr).replace("heading"," {0,3}#{1,6} ").replace("blockquote"," {0,3}>").replace("code"," {4}[^\\n]").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|!--)").replace("tag",Nt._tag).getRegex(),Nt.gfm.table=I(Nt.gfm.table).replace("hr",Nt.hr).replace("heading"," {0,3}#{1,6} ").replace("blockquote"," {0,3}>").replace("code"," {4}[^\\n]").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|!--)").replace("tag",Nt._tag).getRegex(),Nt.pedantic=Dt({},Nt.normal,{html:I("^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:\"[^\"]*\"|'[^']*'|\\s[^'\"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))").replace("comment",Nt._comment).replace(/tag/g,"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),def:/^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,heading:/^(#{1,6})(.*)(?:\n+|$)/,fences:It,paragraph:I(Nt.normal._paragraph).replace("hr",Nt.hr).replace("heading"," *#{1,6} *[^\n]").replace("lheading",Nt.lheading).replace("blockquote"," {0,3}>").replace("|fences","").replace("|list","").replace("|html","").getRegex()});It={escape:/^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,autolink:/^<(scheme:[^\s\x00-\x1f<>]*|email)>/,url:It,tag:"^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>",link:/^!?\[(label)\]\(\s*(href)(?:\s+(title))?\s*\)/,reflink:/^!?\[(label)\]\[(?!\s*\])((?:\\[\[\]]?|[^\[\]\\])+)\]/,nolink:/^!?\[(?!\s*\])((?:\[[^\[\]]*\]|\\[\[\]]|[^\[\]])*)\](?:\[\])?/,reflinkSearch:"reflink|nolink(?!\\()",strong:{start:/^(?:(\*\*(?=[*punctuation]))|\*\*)(?![\s])|__/,middle:/^\*\*(?:(?:(?!overlapSkip)(?:[^*]|\\\*)|overlapSkip)|\*(?:(?!overlapSkip)(?:[^*]|\\\*)|overlapSkip)*?\*)+?\*\*$|^__(?![\s])((?:(?:(?!overlapSkip)(?:[^_]|\\_)|overlapSkip)|_(?:(?!overlapSkip)(?:[^_]|\\_)|overlapSkip)*?_)+?)__$/,endAst:/[^punctuation\s]\*\*(?!\*)|[punctuation]\*\*(?!\*)(?:(?=[punctuation_\s]|$))/,endUnd:/[^\s]__(?!_)(?:(?=[punctuation*\s])|$)/},em:{start:/^(?:(\*(?=[punctuation]))|\*)(?![*\s])|_/,middle:/^\*(?:(?:(?!overlapSkip)(?:[^*]|\\\*)|overlapSkip)|\*(?:(?!overlapSkip)(?:[^*]|\\\*)|overlapSkip)*?\*)+?\*$|^_(?![_\s])(?:(?:(?!overlapSkip)(?:[^_]|\\_)|overlapSkip)|_(?:(?!overlapSkip)(?:[^_]|\\_)|overlapSkip)*?_)+?_$/,endAst:/[^punctuation\s]\*(?!\*)|[punctuation]\*(?!\*)(?:(?=[punctuation_\s]|$))/,endUnd:/[^\s]_(?!_)(?:(?=[punctuation*\s])|$)/},code:/^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/,br:/^( {2,}|\\)\n(?!\s*$)/,del:It,text:/^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*]|\b_|$)|[^ ](?= {2,}\n)))/,punctuation:/^([\s*punctuation])/,_punctuation:"!\"#$%&'()+\\-.,/:;<=>?@\\[\\]`^{|}~"};It.punctuation=I(It.punctuation).replace(/punctuation/g,It._punctuation).getRegex(),It._blockSkip="\\[[^\\]]*?\\]\\([^\\)]*?\\)|`[^`]*?`|<[^>]*?>",It._overlapSkip="__[^_]*?__|\\*\\*\\[^\\*\\]*?\\*\\*",It._comment=I(Nt._comment).replace("(?:--\x3e|$)","--\x3e").getRegex(),It.em.start=I(It.em.start).replace(/punctuation/g,It._punctuation).getRegex(),It.em.middle=I(It.em.middle).replace(/punctuation/g,It._punctuation).replace(/overlapSkip/g,It._overlapSkip).getRegex(),It.em.endAst=I(It.em.endAst,"g").replace(/punctuation/g,It._punctuation).getRegex(),It.em.endUnd=I(It.em.endUnd,"g").replace(/punctuation/g,It._punctuation).getRegex(),It.strong.start=I(It.strong.start).replace(/punctuation/g,It._punctuation).getRegex(),It.strong.middle=I(It.strong.middle).replace(/punctuation/g,It._punctuation).replace(/overlapSkip/g,It._overlapSkip).getRegex(),It.strong.endAst=I(It.strong.endAst,"g").replace(/punctuation/g,It._punctuation).getRegex(),It.strong.endUnd=I(It.strong.endUnd,"g").replace(/punctuation/g,It._punctuation).getRegex(),It.blockSkip=I(It._blockSkip,"g").getRegex(),It.overlapSkip=I(It._overlapSkip,"g").getRegex(),It._escapes=/\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/g,It._scheme=/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/,It._email=/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/,It.autolink=I(It.autolink).replace("scheme",It._scheme).replace("email",It._email).getRegex(),It._attribute=/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/,It.tag=I(It.tag).replace("comment",It._comment).replace("attribute",It._attribute).getRegex(),It._label=/(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/,It._href=/<(?:\\.|[^\n<>\\])+>|[^\s\x00-\x1f]*/,It._title=/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/,It.link=I(It.link).replace("label",It._label).replace("href",It._href).replace("title",It._title).getRegex(),It.reflink=I(It.reflink).replace("label",It._label).getRegex(),It.reflinkSearch=I(It.reflinkSearch,"g").replace("reflink",It.reflink).replace("nolink",It.nolink).getRegex(),It.normal=Dt({},It),It.pedantic=Dt({},It.normal,{strong:{start:/^__|\*\*/,middle:/^__(?=\S)([\s\S]*?\S)__(?!_)|^\*\*(?=\S)([\s\S]*?\S)\*\*(?!\*)/,endAst:/\*\*(?!\*)/g,endUnd:/__(?!_)/g},em:{start:/^_|\*/,middle:/^()\*(?=\S)([\s\S]*?\S)\*(?!\*)|^_(?=\S)([\s\S]*?\S)_(?!_)/,endAst:/\*(?!\*)/g,endUnd:/_(?!_)/g},link:I(/^!?\[(label)\]\((.*?)\)/).replace("label",It._label).getRegex(),reflink:I(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",It._label).getRegex()}),It.gfm=Dt({},It.normal,{escape:I(It.escape).replace("])","~|])").getRegex(),_extended_email:/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/,url:/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/,_backpedal:/(?:[^?!.,:;*_~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_~)]+(?!$))+/,del:/^(~~?)(?=[^\s~])([\s\S]*?[^\s~])\1(?=[^~]|$)/,text:/^([`~]+|[^`~])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*~]|\b_|https?:\/\/|ftp:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@))|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@))/}),It.gfm.url=I(It.gfm.url,"i").replace("email",It.gfm._extended_email).getRegex(),It.breaks=Dt({},It.gfm,{br:I(It.br).replace("{2,}","*").getRegex(),text:I(It.gfm.text).replace("\\b_","\\b_| {2,}\\n").replace(/\{2,\}/g,"*").getRegex()});var It={block:Nt,inline:It},Wt=mt.defaults,Vt=It.block,Yt=It.inline,Xt=Q;function Kt(e){return e.replace(/---/g,"—").replace(/--/g,"–").replace(/(^|[-\u2014/(\[{"\s])'/g,"$1‘").replace(/'/g,"’").replace(/(^|[-\u2014/(\[{\u2018\s])"/g,"$1“").replace(/"/g,"”").replace(/\.{3}/g,"…")}function Qt(e){for(var t,n="",r=e.length,i=0;i<r;i++)t=e.charCodeAt(i),.5<Math.random()&&(t="x"+t.toString(16)),n+="&#"+t+";";return n}var Jt=function(){function n(e){this.tokens=[],this.tokens.links=Object.create(null),this.options=e||Wt,this.options.tokenizer=this.options.tokenizer||new Gt,this.tokenizer=this.options.tokenizer,this.tokenizer.options=this.options;e={block:Vt.normal,inline:Yt.normal};this.options.pedantic?(e.block=Vt.pedantic,e.inline=Yt.pedantic):this.options.gfm&&(e.block=Vt.gfm,this.options.breaks?e.inline=Yt.breaks:e.inline=Yt.gfm),this.tokenizer.rules=e}var e={rules:{configurable:!0}};return e.rules.get=function(){return{block:Vt,inline:Yt}},n.lex=function(e,t){return new n(t).lex(e)},n.lexInline=function(e,t){return new n(t).inlineTokens(e)},n.prototype.lex=function(e){return e=e.replace(/\r\n|\r/g,"\n").replace(/\t/g,"    "),this.blockTokens(e,this.tokens,!0),this.inline(this.tokens),this.tokens},n.prototype.blockTokens=function(e,t,n){var r,i,o,a;for(void 0===t&&(t=[]),void 0===n&&(n=!0),this.options.pedantic&&(e=e.replace(/^ +$/gm,""));e;)if(r=this.tokenizer.space(e))e=e.substring(r.raw.length),r.type&&t.push(r);else if(r=this.tokenizer.code(e,t))e=e.substring(r.raw.length),r.type?t.push(r):((a=t[t.length-1]).raw+="\n"+r.raw,a.text+="\n"+r.text);else if(r=this.tokenizer.fences(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.heading(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.nptable(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.hr(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.blockquote(e))e=e.substring(r.raw.length),r.tokens=this.blockTokens(r.text,[],n),t.push(r);else if(r=this.tokenizer.list(e)){for(e=e.substring(r.raw.length),o=r.items.length,i=0;i<o;i++)r.items[i].tokens=this.blockTokens(r.items[i].text,[],!1);t.push(r)}else if(r=this.tokenizer.html(e))e=e.substring(r.raw.length),t.push(r);else if(n&&(r=this.tokenizer.def(e)))e=e.substring(r.raw.length),this.tokens.links[r.tag]||(this.tokens.links[r.tag]={href:r.href,title:r.title});else if(r=this.tokenizer.table(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.lheading(e))e=e.substring(r.raw.length),t.push(r);else if(n&&(r=this.tokenizer.paragraph(e)))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.text(e,t))e=e.substring(r.raw.length),r.type?t.push(r):((a=t[t.length-1]).raw+="\n"+r.raw,a.text+="\n"+r.text);else if(e){var s="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(s);break}throw new Error(s)}return t},n.prototype.inline=function(e){for(var t,n,r,i,o,a=e.length,s=0;s<a;s++)switch((o=e[s]).type){case"paragraph":case"text":case"heading":o.tokens=[],this.inlineTokens(o.text,o.tokens);break;case"table":for(o.tokens={header:[],cells:[]},r=o.header.length,t=0;t<r;t++)o.tokens.header[t]=[],this.inlineTokens(o.header[t],o.tokens.header[t]);for(r=o.cells.length,t=0;t<r;t++)for(i=o.cells[t],o.tokens.cells[t]=[],n=0;n<i.length;n++)o.tokens.cells[t][n]=[],this.inlineTokens(i[n],o.tokens.cells[t][n]);break;case"blockquote":this.inline(o.tokens);break;case"list":for(r=o.items.length,t=0;t<r;t++)this.inline(o.items[t].tokens)}return e},n.prototype.inlineTokens=function(e,t,n,r){var i;void 0===t&&(t=[]),void 0===n&&(n=!1),void 0===r&&(r=!1);var o,a,s,l=e;if(this.tokens.links){var c=Object.keys(this.tokens.links);if(0<c.length)for(;null!=(o=this.tokenizer.rules.inline.reflinkSearch.exec(l));)c.includes(o[0].slice(o[0].lastIndexOf("[")+1,-1))&&(l=l.slice(0,o.index)+"["+Xt("a",o[0].length-2)+"]"+l.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex))}for(;null!=(o=this.tokenizer.rules.inline.blockSkip.exec(l));)l=l.slice(0,o.index)+"["+Xt("a",o[0].length-2)+"]"+l.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);for(;e;)if(a||(s=""),a=!1,i=this.tokenizer.escape(e))e=e.substring(i.raw.length),t.push(i);else if(i=this.tokenizer.tag(e,n,r))e=e.substring(i.raw.length),n=i.inLink,r=i.inRawBlock,t.push(i);else if(i=this.tokenizer.link(e))e=e.substring(i.raw.length),"link"===i.type&&(i.tokens=this.inlineTokens(i.text,[],!0,r)),t.push(i);else if(i=this.tokenizer.reflink(e,this.tokens.links))e=e.substring(i.raw.length),"link"===i.type&&(i.tokens=this.inlineTokens(i.text,[],!0,r)),t.push(i);else if(i=this.tokenizer.strong(e,l,s))e=e.substring(i.raw.length),i.tokens=this.inlineTokens(i.text,[],n,r),t.push(i);else if(i=this.tokenizer.em(e,l,s))e=e.substring(i.raw.length),i.tokens=this.inlineTokens(i.text,[],n,r),t.push(i);else if(i=this.tokenizer.codespan(e))e=e.substring(i.raw.length),t.push(i);else if(i=this.tokenizer.br(e))e=e.substring(i.raw.length),t.push(i);else if(i=this.tokenizer.del(e))e=e.substring(i.raw.length),i.tokens=this.inlineTokens(i.text,[],n,r),t.push(i);else if(i=this.tokenizer.autolink(e,Qt))e=e.substring(i.raw.length),t.push(i);else if(n||!(i=this.tokenizer.url(e,Qt))){if(i=this.tokenizer.inlineText(e,r,Kt))e=e.substring(i.raw.length),s=i.raw.slice(-1),a=!0,t.push(i);else if(e){var u="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(u);break}throw new Error(u)}}else e=e.substring(i.raw.length),t.push(i);return t},Object.defineProperties(n,e),n}(),en=mt.defaults,tn=Mt,nn=Lt,rn=function(){function e(e){this.options=e||en}return e.prototype.code=function(e,t,n){var r=(t||"").match(/\S*/)[0];return!this.options.highlight||null!=(t=this.options.highlight(e,r))&&t!==e&&(n=!0,e=t),e=e.replace(/\n$/,"")+"\n",r?'<pre><code class="'+this.options.langPrefix+nn(r,!0)+'">'+(n?e:nn(e,!0))+"</code></pre>\n":"<pre><code>"+(n?e:nn(e,!0))+"</code></pre>\n"},e.prototype.blockquote=function(e){return"<blockquote>\n"+e+"</blockquote>\n"},e.prototype.html=function(e){return e},e.prototype.heading=function(e,t,n,r){return this.options.headerIds?"<h"+t+' id="'+this.options.headerPrefix+r.slug(n)+'">'+e+"</h"+t+">\n":"<h"+t+">"+e+"</h"+t+">\n"},e.prototype.hr=function(){return this.options.xhtml?"<hr/>\n":"<hr>\n"},e.prototype.list=function(e,t,n){var r=t?"ol":"ul";return"<"+r+(t&&1!==n?' start="'+n+'"':"")+">\n"+e+"</"+r+">\n"},e.prototype.listitem=function(e){return"<li>"+e+"</li>\n"},e.prototype.checkbox=function(e){return"<input "+(e?'checked="" ':"")+'disabled="" type="checkbox"'+(this.options.xhtml?" /":"")+"> "},e.prototype.paragraph=function(e){return"<p>"+e+"</p>\n"},e.prototype.table=function(e,t){return"<table>\n<thead>\n"+e+"</thead>\n"+(t=t&&"<tbody>"+t+"</tbody>")+"</table>\n"},e.prototype.tablerow=function(e){return"<tr>\n"+e+"</tr>\n"},e.prototype.tablecell=function(e,t){var n=t.header?"th":"td";return(t.align?"<"+n+' align="'+t.align+'">':"<"+n+">")+e+"</"+n+">\n"},e.prototype.strong=function(e){return"<strong>"+e+"</strong>"},e.prototype.em=function(e){return"<em>"+e+"</em>"},e.prototype.codespan=function(e){return"<code>"+e+"</code>"},e.prototype.br=function(){return this.options.xhtml?"<br/>":"<br>"},e.prototype.del=function(e){return"<del>"+e+"</del>"},e.prototype.link=function(e,t,n){if(null===(e=tn(this.options.sanitize,this.options.baseUrl,e)))return n;e='<a href="'+nn(e)+'"';return t&&(e+=' title="'+t+'"'),e+=">"+n+"</a>"},e.prototype.image=function(e,t,n){if(null===(e=tn(this.options.sanitize,this.options.baseUrl,e)))return n;n='<img src="'+e+'" alt="'+n+'"';return t&&(n+=' title="'+t+'"'),n+=this.options.xhtml?"/>":">"},e.prototype.text=function(e){return e},e}(),on=function(){function e(){}return e.prototype.strong=function(e){return e},e.prototype.em=function(e){return e},e.prototype.codespan=function(e){return e},e.prototype.del=function(e){return e},e.prototype.html=function(e){return e},e.prototype.text=function(e){return e},e.prototype.link=function(e,t,n){return""+n},e.prototype.image=function(e,t,n){return""+n},e.prototype.br=function(){return""},e}(),an=function(){function e(){this.seen={}}return e.prototype.serialize=function(e){return e.toLowerCase().trim().replace(/<[!\/a-z].*?>/gi,"").replace(/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g,"").replace(/\s/g,"-")},e.prototype.getNextSafeSlug=function(e,t){var n=e,r=0;if(this.seen.hasOwnProperty(n))for(r=this.seen[e];n=e+"-"+ ++r,this.seen.hasOwnProperty(n););return t||(this.seen[e]=r,this.seen[n]=0),n},e.prototype.slug=function(e,t){void 0===t&&(t={});var n=this.serialize(e);return this.getNextSafeSlug(n,t.dryrun)},e}(),sn=mt.defaults,ln=zt,cn=function(){function n(e){this.options=e||sn,this.options.renderer=this.options.renderer||new rn,this.renderer=this.options.renderer,this.renderer.options=this.options,this.textRenderer=new on,this.slugger=new an}return n.parse=function(e,t){return new n(t).parse(e)},n.parseInline=function(e,t){return new n(t).parseInline(e)},n.prototype.parse=function(e,t){void 0===t&&(t=!0);for(var n,r,i,o,a,s,l,c,u,p,h,d,f,g,m,v="",y=e.length,b=0;b<y;b++)switch((c=e[b]).type){case"space":continue;case"hr":v+=this.renderer.hr();continue;case"heading":v+=this.renderer.heading(this.parseInline(c.tokens),c.depth,ln(this.parseInline(c.tokens,this.textRenderer)),this.slugger);continue;case"code":v+=this.renderer.code(c.text,c.lang,c.escaped);continue;case"table":for(s=u="",i=c.header.length,n=0;n<i;n++)s+=this.renderer.tablecell(this.parseInline(c.tokens.header[n]),{header:!0,align:c.align[n]});for(u+=this.renderer.tablerow(s),l="",i=c.cells.length,n=0;n<i;n++){for(s="",o=(a=c.tokens.cells[n]).length,r=0;r<o;r++)s+=this.renderer.tablecell(this.parseInline(a[r]),{header:!1,align:c.align[r]});l+=this.renderer.tablerow(s)}v+=this.renderer.table(u,l);continue;case"blockquote":l=this.parse(c.tokens),v+=this.renderer.blockquote(l);continue;case"list":for(u=c.ordered,k=c.start,p=c.loose,i=c.items.length,l="",n=0;n<i;n++)f=(d=c.items[n]).checked,g=d.task,h="",d.task&&(m=this.renderer.checkbox(f),p?0<d.tokens.length&&"text"===d.tokens[0].type?(d.tokens[0].text=m+" "+d.tokens[0].text,d.tokens[0].tokens&&0<d.tokens[0].tokens.length&&"text"===d.tokens[0].tokens[0].type&&(d.tokens[0].tokens[0].text=m+" "+d.tokens[0].tokens[0].text)):d.tokens.unshift({type:"text",text:m}):h+=m),h+=this.parse(d.tokens,p),l+=this.renderer.listitem(h,g,f);v+=this.renderer.list(l,u,k);continue;case"html":v+=this.renderer.html(c.text);continue;case"paragraph":v+=this.renderer.paragraph(this.parseInline(c.tokens));continue;case"text":for(l=c.tokens?this.parseInline(c.tokens):c.text;b+1<y&&"text"===e[b+1].type;)l+="\n"+((c=e[++b]).tokens?this.parseInline(c.tokens):c.text);v+=t?this.renderer.paragraph(l):l;continue;default:var k='Token with "'+c.type+'" type was not found.';if(this.options.silent)return void console.error(k);throw new Error(k)}return v},n.prototype.parseInline=function(e,t){t=t||this.renderer;for(var n="",r=e.length,i=0;i<r;i++)switch((o=e[i]).type){case"escape":n+=t.text(o.text);break;case"html":n+=t.html(o.text);break;case"link":n+=t.link(o.href,o.title,this.parseInline(o.tokens,t));break;case"image":n+=t.image(o.href,o.title,o.text);break;case"strong":n+=t.strong(this.parseInline(o.tokens,t));break;case"em":n+=t.em(this.parseInline(o.tokens,t));break;case"codespan":n+=t.codespan(o.text);break;case"br":n+=t.br();break;case"del":n+=t.del(this.parseInline(o.tokens,t));break;case"text":n+=t.text(o.text);break;default:var o='Token with "'+o.type+'" type was not found.';if(this.options.silent)return void console.error(o);throw new Error(o)}return n},n}(),un=Pt,pn=ee,hn=Lt,Lt=mt.getDefaults,dn=mt.changeDefaults,mt=mt.defaults;function fn(e,n,r){if(null==e)throw new Error("marked(): input parameter is undefined or null");if("string"!=typeof e)throw new Error("marked(): input parameter is of type "+Object.prototype.toString.call(e)+", string expected");if("function"==typeof n&&(r=n,n=null),n=un({},fn.defaults,n||{}),pn(n),r){var i,o=n.highlight;try{i=Jt.lex(e,n)}catch(e){return r(e)}function a(t){var e;if(!t)try{e=cn.parse(i,n)}catch(e){t=e}return n.highlight=o,t?r(t):r(null,e)}if(!o||o.length<3)return a();if(delete n.highlight,!i.length)return a();var s=0;return fn.walkTokens(i,function(n){"code"===n.type&&(s++,setTimeout(function(){o(n.text,n.lang,function(e,t){return e?a(e):(null!=t&&t!==n.text&&(n.text=t,n.escaped=!0),void(0===--s&&a()))})},0))}),void(0===s&&a())}try{var t=Jt.lex(e,n);return n.walkTokens&&fn.walkTokens(t,n.walkTokens),cn.parse(t,n)}catch(e){if(e.message+="\nPlease report this to https://github.com/markedjs/marked.",n.silent)return"<p>An error occurred:</p><pre>"+hn(e.message+"",!0)+"</pre>";throw e}}fn.options=fn.setOptions=function(e){return un(fn.defaults,e),dn(fn.defaults),fn},fn.getDefaults=Lt,fn.defaults=mt,fn.use=function(o){var t,e=un({},o);if(o.renderer){var n,a=fn.defaults.renderer||new rn;for(n in o.renderer)!function(r){var i=a[r];a[r]=function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=o.renderer[r].apply(a,e);return!1===n&&(n=i.apply(a,e)),n}}(n);e.renderer=a}if(o.tokenizer){var i,s=fn.defaults.tokenizer||new Gt;for(i in o.tokenizer)!function(){var r=s[i];s[i]=function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];var n=o.tokenizer[i].apply(s,e);return!1===n&&(n=r.apply(s,e)),n}}();e.tokenizer=s}o.walkTokens&&(t=fn.defaults.walkTokens,e.walkTokens=function(e){o.walkTokens(e),t&&t(e)}),fn.setOptions(e)},fn.walkTokens=function(e,t){for(var n=0,r=e;n<r.length;n+=1){var i=r[n];switch(t(i),i.type){case"table":for(var o=0,a=i.tokens.header;o<a.length;o+=1){var s=a[o];fn.walkTokens(s,t)}for(var l=0,c=i.tokens.cells;l<c.length;l+=1)for(var u=0,p=c[l];u<p.length;u+=1){var h=p[u];fn.walkTokens(h,t)}break;case"list":fn.walkTokens(i.items,t);break;default:i.tokens&&fn.walkTokens(i.tokens,t)}}},fn.parseInline=function(e,t){if(null==e)throw new Error("marked.parseInline(): input parameter is undefined or null");if("string"!=typeof e)throw new Error("marked.parseInline(): input parameter is of type "+Object.prototype.toString.call(e)+", string expected");t=un({},fn.defaults,t||{}),pn(t);try{var n=Jt.lexInline(e,t);return t.walkTokens&&fn.walkTokens(n,t.walkTokens),cn.parseInline(n,t)}catch(e){if(e.message+="\nPlease report this to https://github.com/markedjs/marked.",t.silent)return"<p>An error occurred:</p><pre>"+hn(e.message+"",!0)+"</pre>";throw e}},fn.Parser=cn,fn.parser=cn.parse,fn.Renderer=rn,fn.TextRenderer=on,fn.Lexer=Jt,fn.lexer=Jt.lex,fn.Tokenizer=Gt,fn.Slugger=an;var gn=fn.parse=fn;function mn(e,n){if(void 0===n&&(n='<ul class="app-sub-sidebar">{inner}</ul>'),!e||!e.length)return"";var r="";return e.forEach(function(e){var t=e.title.replace(/(<([^>]+)>)/g,"");r+='<li><a class="section-link" href="'+e.slug+'" title="'+t+'">'+e.title+"</a></li>",e.children&&(r+=mn(e.children,n))}),n.replace("{inner}",r)}function vn(e,t){return'<p class="'+e+'">'+t.slice(5).trim()+"</p>"}function yn(e,r){var i=[],o={};return e.forEach(function(e){var t=e.level||1,n=t-1;r<t||(o[n]?o[n].children=(o[n].children||[]).concat(e):i.push(e),o[t]=e)}),i}var bn={},kn=/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g;function wn(e){return e.toLowerCase()}function xn(e){if("string"!=typeof e)return"";var t=e.trim().replace(/[A-Z]+/g,wn).replace(/<[^>]+>/g,"").replace(kn,"").replace(/\s/g,"-").replace(/-+/g,"-").replace(/^(\d)/,"_$1"),e=bn[t],e=l.call(bn,t)?e+1:0;return(bn[t]=e)&&(t=t+"-"+e),t}function _n(e,t){return'<img class="emoji" src="https://github.githubassets.com/images/icons/emoji/'+t+'.png" alt="'+t+'" />'}function Sn(e){void 0===e&&(e="");var r={};return{str:e=e&&e.replace(/^('|")/,"").replace(/('|")$/,"").replace(/(?:^|\s):([\w-]+:?)=?([\w-%]+)?/g,function(e,t,n){return-1===t.indexOf(":")?(r[t]=n&&n.replace(/&quot;/g,"")||!0,""):e}).trim(),config:r}}function An(e){return void 0===e&&(e=""),e.replace(/(<\/?a.*?>)/gi,"")}xn.clear=function(){bn={}};var Tn,En=ft(function(e){var a,s,l,c,u,r,t,i=function(l){var c=/\blang(?:uage)?-([\w-]+)\b/i,t=0,$={manual:l.Prism&&l.Prism.manual,disableWorkerMessageHandler:l.Prism&&l.Prism.disableWorkerMessageHandler,util:{encode:function e(t){return t instanceof F?new F(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function n(e,r){var i,t;switch(r=r||{},$.util.type(e)){case"Object":if(t=$.util.objId(e),r[t])return r[t];for(var o in i={},r[t]=i,e)e.hasOwnProperty(o)&&(i[o]=n(e[o],r));return i;case"Array":return(t=$.util.objId(e),r[t])?r[t]:(i=[],r[t]=i,e.forEach(function(e,t){i[t]=n(e,r)}),i);default:return e}},getLanguage:function(e){for(;e&&!c.test(e.className);)e=e.parentElement;return e?(e.className.match(c)||[,"none"])[1].toLowerCase():"none"},currentScript:function(){if("undefined"==typeof document)return null;if("currentScript"in document)return document.currentScript;try{throw new Error}catch(e){var t=(/at [^(\r\n]*\((.*):.+:.+\)$/i.exec(e.stack)||[])[1];if(t){var n,r=document.getElementsByTagName("script");for(n in r)if(r[n].src==t)return r[n]}return null}},isActive:function(e,t,n){for(var r="no-"+t;e;){var i=e.classList;if(i.contains(t))return!0;if(i.contains(r))return!1;e=e.parentElement}return!!n}},languages:{extend:function(e,t){var n,r=$.util.clone($.languages[e]);for(n in t)r[n]=t[n];return r},insertBefore:function(n,e,t,r){var i,o=(r=r||$.languages)[n],a={};for(i in o)if(o.hasOwnProperty(i)){if(i==e)for(var s in t)t.hasOwnProperty(s)&&(a[s]=t[s]);t.hasOwnProperty(i)||(a[i]=o[i])}var l=r[n];return r[n]=a,$.languages.DFS($.languages,function(e,t){t===l&&e!=n&&(this[e]=a)}),a},DFS:function e(t,n,r,i){i=i||{};var o,a,s,l=$.util.objId;for(o in t){t.hasOwnProperty(o)&&(n.call(t,o,t[o],r||o),a=t[o],"Object"!==(s=$.util.type(a))||i[l(a)]?"Array"!==s||i[l(a)]||(i[l(a)]=!0,e(a,n,o,i)):(i[l(a)]=!0,e(a,n,null,i)))}}},plugins:{},highlightAll:function(e,t){$.highlightAllUnder(document,e,t)},highlightAllUnder:function(e,t,n){var r={callback:n,container:e,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};$.hooks.run("before-highlightall",r),r.elements=Array.prototype.slice.apply(r.container.querySelectorAll(r.selector)),$.hooks.run("before-all-elements-highlight",r);for(var i,o=0;i=r.elements[o++];)$.highlightElement(i,!0===t,r.callback)},highlightElement:function(e,t,n){var r=$.util.getLanguage(e),i=$.languages[r];e.className=e.className.replace(c,"").replace(/\s+/g," ")+" language-"+r;var o=e.parentElement;o&&"pre"===o.nodeName.toLowerCase()&&(o.className=o.className.replace(c,"").replace(/\s+/g," ")+" language-"+r);var a={element:e,language:r,grammar:i,code:e.textContent};function s(e){a.highlightedCode=e,$.hooks.run("before-insert",a),a.element.innerHTML=a.highlightedCode,$.hooks.run("after-highlight",a),$.hooks.run("complete",a),n&&n.call(a.element)}if($.hooks.run("before-sanity-check",a),!a.code)return $.hooks.run("complete",a),void(n&&n.call(a.element));$.hooks.run("before-highlight",a),a.grammar?t&&l.Worker?((t=new Worker($.filename)).onmessage=function(e){s(e.data)},t.postMessage(JSON.stringify({language:a.language,code:a.code,immediateClose:!0}))):s($.highlight(a.code,a.grammar,a.language)):s($.util.encode(a.code))},highlight:function(e,t,n){n={code:e,grammar:t,language:n};return $.hooks.run("before-tokenize",n),n.tokens=$.tokenize(n.code,n.grammar),$.hooks.run("after-tokenize",n),F.stringify($.util.encode(n.tokens),n.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var r in n)t[r]=n[r];delete t.rest}var i=new o;return L(i,i.head,e),function e(t,n,r,i,o,a){for(var s in r)if(r.hasOwnProperty(s)&&r[s]){var l=r[s];l=Array.isArray(l)?l:[l];for(var c=0;c<l.length;++c){if(a&&a.cause==s+","+c)return;var u,p=l[c],h=p.inside,d=!!p.lookbehind,f=!!p.greedy,g=p.alias;f&&!p.pattern.global&&(u=p.pattern.toString().match(/[imsuy]*$/)[0],p.pattern=RegExp(p.pattern.source,u+"g"));for(var m=p.pattern||p,v=i.next,y=o;v!==n.tail&&!(a&&y>=a.reach);y+=v.value.length,v=v.next){var b=v.value;if(n.length>t.length)return;if(!(b instanceof F)){var k,w=1;if(f){if(!(k=C(m,y,t,d)))break;var x=k.index,_=k.index+k[0].length,S=y;for(S+=v.value.length;S<=x;)v=v.next,S+=v.value.length;if(S-=v.value.length,y=S,v.value instanceof F)continue;for(var A=v;A!==n.tail&&(S<_||"string"==typeof A.value);A=A.next)w++,S+=A.value.length;w--,b=t.slice(y,S),k.index-=y}else if(!(k=C(m,0,b,d)))continue;var x=k.index,T=k[0],E=b.slice(0,x),R=b.slice(x+T.length),O=y+b.length;a&&O>a.reach&&(a.reach=O);var b=v.prev;E&&(b=L(n,b,E),y+=E.length),z(n,b,w);var T=new F(s,h?$.tokenize(T,h):T,g,T);v=L(n,b,T),R&&L(n,v,R),1<w&&e(t,n,r,v.prev,y,{cause:s+","+c,reach:O})}}}}}(e,i,t,i.head,0),function(e){var t=[],n=e.head.next;for(;n!==e.tail;)t.push(n.value),n=n.next;return t}(i)},hooks:{all:{},add:function(e,t){var n=$.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=$.hooks.all[e];if(n&&n.length)for(var r,i=0;r=n[i++];)r(t)}},Token:F};function F(e,t,n,r){this.type=e,this.content=t,this.alias=n,this.length=0|(r||"").length}function C(e,t,n,r){e.lastIndex=t;n=e.exec(n);return n&&r&&n[1]&&(r=n[1].length,n.index+=r,n[0]=n[0].slice(r)),n}function o(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function L(e,t,n){var r=t.next,n={value:n,prev:t,next:r};return t.next=n,r.prev=n,e.length++,n}function z(e,t,n){for(var r=t.next,i=0;i<n&&r!==e.tail;i++)r=r.next;(t.next=r).prev=t,e.length-=i}if(l.Prism=$,F.stringify=function t(e,n){if("string"==typeof e)return e;if(Array.isArray(e)){var r="";return e.forEach(function(e){r+=t(e,n)}),r}var i={type:e.type,content:t(e.content,n),tag:"span",classes:["token",e.type],attributes:{},language:n},e=e.alias;e&&(Array.isArray(e)?Array.prototype.push.apply(i.classes,e):i.classes.push(e)),$.hooks.run("wrap",i);var o,a="";for(o in i.attributes)a+=" "+o+'="'+(i.attributes[o]||"").replace(/"/g,"&quot;")+'"';return"<"+i.tag+' class="'+i.classes.join(" ")+'"'+a+">"+i.content+"</"+i.tag+">"},!l.document)return l.addEventListener&&($.disableWorkerMessageHandler||l.addEventListener("message",function(e){var t=JSON.parse(e.data),n=t.language,e=t.code,t=t.immediateClose;l.postMessage($.highlight(e,$.languages[n],n)),t&&l.close()},!1)),$;var e,n=$.util.currentScript();function r(){$.manual||$.highlightAll()}return n&&($.filename=n.src,n.hasAttribute("data-manual")&&($.manual=!0)),$.manual||("loading"===(e=document.readyState)||"interactive"===e&&n&&n.defer?document.addEventListener("DOMContentLoaded",r):window.requestAnimationFrame?window.requestAnimationFrame(r):window.setTimeout(r,16)),$}("undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{});function p(e,t){var n=(n=e.className).replace(r," ")+" language-"+t;e.className=n.replace(/\s+/g," ").trim()}e.exports&&(e.exports=i),void 0!==dt&&(dt.Prism=i),i.languages.markup={comment:/<!--[\s\S]*?-->/,prolog:/<\?[\s\S]+?\?>/,doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/,name:/[^\s<>'"]+/}},cdata:/<!\[CDATA\[[\s\S]*?]]>/i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},i.languages.markup.tag.inside["attr-value"].inside.entity=i.languages.markup.entity,i.languages.markup.doctype.inside["internal-subset"].inside=i.languages.markup,i.hooks.add("wrap",function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))}),Object.defineProperty(i.languages.markup.tag,"addInlined",{value:function(e,t){var n={};n["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:i.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i;n={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}};n["language-"+t]={pattern:/[\s\S]+/,inside:i.languages[t]};t={};t[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,function(){return e}),"i"),lookbehind:!0,greedy:!0,inside:n},i.languages.insertBefore("markup","cdata",t)}}),i.languages.html=i.languages.markup,i.languages.mathml=i.languages.markup,i.languages.svg=i.languages.markup,i.languages.xml=i.languages.extend("markup",{}),i.languages.ssml=i.languages.xml,i.languages.atom=i.languages.xml,i.languages.rss=i.languages.xml,function(e){var t=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:RegExp("[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),string:{pattern:t,greedy:!0},property:/(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,important:/!important\b/i,function:/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;t=e.languages.markup;t&&(t.tag.addInlined("style","css"),e.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/(^|["'\s])style\s*=\s*(?:"[^"]*"|'[^']*')/i,lookbehind:!0,inside:{"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{style:{pattern:/(["'])[\s\S]+(?=["']$)/,lookbehind:!0,alias:"language-css",inside:e.languages.css},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},"attr-name":/^style/i}}},t.tag))}(i),i.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|interface|extends|implements|trait|instanceof|new)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,boolean:/\b(?:true|false)\b/,function:/\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},i.languages.javascript=i.languages.extend("clike",{"class-name":[i.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:prototype|constructor))/,lookbehind:!0}],keyword:[{pattern:/((?:^|})\s*)(?:catch|finally)\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|(?:get|set)(?=\s*[\[$\w\xA0-\uFFFF])|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:/\b(?:(?:0[xX](?:[\dA-Fa-f](?:_[\dA-Fa-f])?)+|0[bB](?:[01](?:_[01])?)+|0[oO](?:[0-7](?:_[0-7])?)+)n?|(?:\d(?:_\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:_\d)?)+\.?(?:\d(?:_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),i.languages.javascript["class-name"][0].pattern=/(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/,i.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*]|\\.|[^/\\\[\r\n])+\/[gimyus]{0,6}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:i.languages.regex},"regex-flags":/[a-z]+$/,"regex-delimiter":/^\/|\/$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:i.languages.javascript},{pattern:/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,inside:i.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:i.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:i.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),i.languages.insertBefore("javascript","string",{"template-string":{pattern:/`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}|(?!\${)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\${|}$/,alias:"punctuation"},rest:i.languages.javascript}},string:/[\s\S]+/}}}),i.languages.markup&&i.languages.markup.tag.addInlined("script","javascript"),i.languages.js=i.languages.javascript,"undefined"!=typeof self&&self.Prism&&self.document&&(Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),a=window.Prism,s={js:"javascript",py:"python",rb:"ruby",ps1:"powershell",psm1:"powershell",sh:"bash",bat:"batch",h:"c",tex:"latex"},u="pre[data-src]:not(["+(l="data-src-status")+'="loaded"]):not(['+l+'="'+(c="loading")+'"])',r=/\blang(?:uage)?-([\w-]+)\b/i,a.hooks.add("before-highlightall",function(e){e.selector+=", "+u}),a.hooks.add("before-sanity-check",function(e){var t,n,r,i,o=e.element;o.matches(u)&&(e.code="",o.setAttribute(l,c),(t=o.appendChild(document.createElement("CODE"))).textContent="Loading…",n=o.getAttribute("data-src"),"none"===(e=e.language)&&(r=(/\.(\w+)$/.exec(n)||[,"none"])[1],e=s[r]||r),p(t,e),p(o,e),(r=a.plugins.autoloader)&&r.loadLanguages(e),(i=new XMLHttpRequest).open("GET",n,!0),i.onreadystatechange=function(){4==i.readyState&&(i.status<400&&i.responseText?(o.setAttribute(l,"loaded"),t.textContent=i.responseText,a.highlightElement(t)):(o.setAttribute(l,"failed"),400<=i.status?t.textContent="✖ Error "+i.status+" while fetching file: "+i.statusText:t.textContent="✖ Error: File does not exist or is empty"))},i.send(null))}),t=!(a.plugins.fileHighlight={highlight:function(e){for(var t,n=(e||document).querySelectorAll(u),r=0;t=n[r++];)a.highlightElement(t)}}),a.fileHighlight=function(){t||(console.warn("Prism.fileHighlight is deprecated. Use `Prism.plugins.fileHighlight.highlight` instead."),t=!0),a.plugins.fileHighlight.highlight.apply(this,arguments)})});function Rn(e,t){return"___"+e.toUpperCase()+t+"___"}Tn=Prism,Object.defineProperties(Tn.languages["markup-templating"]={},{buildPlaceholders:{value:function(r,i,e,o){var a;r.language===i&&(a=r.tokenStack=[],r.code=r.code.replace(e,function(e){if("function"==typeof o&&!o(e))return e;for(var t,n=a.length;-1!==r.code.indexOf(t=Rn(i,n));)++n;return a[n]=e,t}),r.grammar=Tn.languages.markup)}},tokenizePlaceholders:{value:function(c,u){var p,h;c.language===u&&c.tokenStack&&(c.grammar=Tn.languages[u],p=0,h=Object.keys(c.tokenStack),function e(t){for(var n=0;n<t.length&&!(p>=h.length);n++){var r,i,o,a,s,l=t[n];"string"==typeof l||l.content&&"string"==typeof l.content?(i=h[p],o=c.tokenStack[i],r="string"==typeof l?l:l.content,s=Rn(u,i),-1<(a=r.indexOf(s))&&(++p,i=r.substring(0,a),o=new Tn.Token(u,Tn.tokenize(o,c.grammar),"language-"+u,o),a=r.substring(a+s.length),s=[],i&&s.push.apply(s,e([i])),s.push(o),a&&s.push.apply(s,e([a])),"string"==typeof l?t.splice.apply(t,[n,1].concat(s)):l.content=s)):l.content&&e(l.content)}return t}(c.tokens))}}});function On(i,e){var o=this;this.config=i,this.router=e,this.cacheTree={},this.toc=[],this.cacheTOC={},this.linkTarget=i.externalLinkTarget||"_blank",this.linkRel="_blank"===this.linkTarget?i.externalLinkRel||"noopener":"",this.contentBase=e.getBasePath();var t=this._initRenderer();this.heading=t.heading;var a=r(e=i.markdown||{})?e(gn,t):(gn.setOptions(y(e,{renderer:y(t,e.renderer)})),gn);this._marked=a,this.compile=function(n){var r=!0,e=s(function(e){r=!1;var t="";return n?(t=c(n)?a(n):a.parser(n),t=i.noEmoji?t:t.replace(/:\+1:/g,":thumbsup:").replace(/:-1:/g,":thumbsdown:").replace(/<(pre|template|code)[^>]*?>[\s\S]+?<\/(pre|template|code)>/g,function(e){return e.replace(/:/g,"__colon__")}).replace(/:(\w+?):/gi,window.emojify||_n).replace(/__colon__/g,":"),xn.clear(),t):n})(n),t=o.router.parse().file;return r?o.toc=o.cacheTOC[t]:o.cacheTOC[t]=[].concat(o.toc),e}}var $n={},Fn={markdown:function(e){return{url:e}},mermaid:function(e){return{url:e}},iframe:function(e,t){return{html:'<iframe src="'+e+'" '+(t||"width=100% height=400")+"></iframe>"}},video:function(e,t){return{html:'<video src="'+e+'" '+(t||"controls")+">Not Support</video>"}},audio:function(e,t){return{html:'<audio src="'+e+'" '+(t||"controls")+">Not Support</audio>"}},code:function(e,t){var n=e.match(/\.(\w+)$/);return"md"===(n=t||n&&n[1])&&(n="markdown"),{url:e,lang:n}}};On.prototype.compileEmbed=function(e,t){var n,r,i=Sn(t),o=i.str,i=i.config;if(t=o,i.include)return O(e)||(e=N(this.contentBase,F(this.router.getCurrentPath()),e)),i.type&&(r=Fn[i.type])?(n=r.call(this,e,t)).type=i.type:(r="code",/\.(md|markdown)/.test(e)?r="markdown":/\.mmd/.test(e)?r="mermaid":/\.html?/.test(e)?r="iframe":/\.(mp4|ogg)/.test(e)?r="video":/\.mp3/.test(e)&&(r="audio"),(n=Fn[r].call(this,e,t)).type=r),n.fragment=i.fragment,n},On.prototype._matchNotCompileLink=function(e){for(var t=this.config.noCompileLinks||[],n=0;n<t.length;n++){var r=t[n];if(($n[r]||($n[r]=new RegExp("^"+r+"$"))).test(e))return e}},On.prototype._initRenderer=function(){var a,s,l,c,u,p,e=new gn.Renderer,t=this.linkTarget,n=this.linkRel,o=this.router,r=this.contentBase,h=this,i={};return i.heading=e.heading=function(e,t){var n=Sn(e),r=n.str,i=n.config,e={level:t,title:An(r)};/<!-- {docsify-ignore} -->/g.test(r)&&(r=r.replace("\x3c!-- {docsify-ignore} --\x3e",""),e.title=An(r),e.ignoreSubHeading=!0),/{docsify-ignore}/g.test(r)&&(r=r.replace("{docsify-ignore}",""),e.title=An(r),e.ignoreSubHeading=!0),/<!-- {docsify-ignore-all} -->/g.test(r)&&(r=r.replace("\x3c!-- {docsify-ignore-all} --\x3e",""),e.title=An(r),e.ignoreAllSubs=!0),/{docsify-ignore-all}/g.test(r)&&(r=r.replace("{docsify-ignore-all}",""),e.title=An(r),e.ignoreAllSubs=!0);n=xn(i.id||r),i=o.toURL(o.getCurrentPath(),{id:n});return e.slug=i,h.toc.push(e),"<h"+t+' id="'+n+'"><a href="'+i+'" data-id="'+n+'" class="anchor"><span>'+r+"</span></a></h"+t+">"},i.code={renderer:e}.renderer.code=function(e,t){void 0===t&&(t="markup");var n=En.languages[t]||En.languages.markup;return'<pre v-pre data-lang="'+t+'"><code class="lang-'+t+'">'+En.highlight(e.replace(/@DOCSIFY_QM@/g,"`"),n,t)+"</code></pre>"},i.link=(n=(t={renderer:e,router:o,linkTarget:t,linkRel:n,compilerClass:h}).renderer,a=t.router,s=t.linkTarget,l=t.linkRel,c=t.compilerClass,n.link=function(e,t,n){void 0===t&&(t="");var r=[],i=Sn(t),o=i.str,i=i.config;return s=i.target||s,l="_blank"===s?c.config.externalLinkRel||"noopener":"",t=o,O(e)||c._matchNotCompileLink(e)||i.ignore?(O(e)||"./"!==e.slice(0,2)||(e=document.URL.replace(/\/(?!.*\/).*/,"/").replace("#/./","")+e),r.push(0===e.indexOf("mailto:")?"":'target="'+s+'"'),r.push(0!==e.indexOf("mailto:")&&""!==l?' rel="'+l+'"':"")):(e===c.config.homepage&&(e="README"),e=a.toURL(e,null,a.getCurrentPath())),i.crossorgin&&"_self"===s&&"history"===c.config.routerMode&&-1===c.config.crossOriginLinks.indexOf(e)&&c.config.crossOriginLinks.push(e),i.disabled&&(r.push("disabled"),e="javascript:void(0)"),i.class&&r.push('class="'+i.class+'"'),i.id&&r.push('id="'+i.id+'"'),t&&r.push('title="'+t+'"'),'<a href="'+e+'" '+r.join(" ")+">"+n+"</a>"}),i.paragraph={renderer:e}.renderer.paragraph=function(e){e=/^!&gt;/.test(e)?vn("tip",e):/^\?&gt;/.test(e)?vn("warn",e):"<p>"+e+"</p>";return e},i.image=(r=(n={renderer:e,contentBase:r,router:o}).renderer,u=n.contentBase,p=n.router,r.image=function(e,t,n){var r=e,i=[],o=Sn(t),a=o.str,o=o.config;return t=a,o["no-zoom"]&&i.push("data-no-zoom"),t&&i.push('title="'+t+'"'),o.size&&(t=(a=o.size.split("x"))[0],(a=a[1])?i.push('width="'+t+'" height="'+a+'"'):i.push('width="'+t+'"')),o.class&&i.push('class="'+o.class+'"'),o.id&&i.push('id="'+o.id+'"'),O(e)||(r=N(u,F(p.getCurrentPath()),e)),0<i.length?'<img src="'+r+'" data-origin="'+e+'" alt="'+n+'" '+i.join(" ")+" />":'<img src="'+r+'" data-origin="'+e+'" alt="'+n+'"'+i+">"}),i.list={renderer:e}.renderer.list=function(e,t,n){t=t?"ol":"ul";return"<"+t+" "+[/<li class="task-list-item">/.test(e.split('class="task-list"')[0])?'class="task-list"':"",n&&1<n?'start="'+n+'"':""].join(" ").trim()+">"+e+"</"+t+">"},i.listitem={renderer:e}.renderer.listitem=function(e){return/^(<input.*type="checkbox"[^>]*>)/.test(e)?'<li class="task-list-item"><label>'+e+"</label></li>":"<li>"+e+"</li>"},e.origin=i,e},On.prototype.sidebar=function(e,t){var n=this.toc,r=this.router.getCurrentPath(),i="";if(e)i=this.compile(e);else{for(var o=0;o<n.length;o++)if(n[o].ignoreSubHeading){var a=n[o].level;n.splice(o,1);for(var s=o;s<n.length&&a<n[s].level;s++)n.splice(s,1)&&s--&&o++;o--}t=this.cacheTree[r]||yn(n,t),i=mn(t,"<ul>{inner}</ul>");this.cacheTree[r]=t}return i},On.prototype.subSidebar=function(e){if(e){var t=this.router.getCurrentPath(),n=this.cacheTree,r=this.toc;r[0]&&r[0].ignoreAllSubs&&r.splice(0),r[0]&&1===r[0].level&&r.shift();for(var i=0;i<r.length;i++)r[i].ignoreSubHeading&&r.splice(i,1)&&i--;e=n[t]||yn(r,e);return n[t]=e,this.toc=[],mn(e)}this.toc=[]},On.prototype.header=function(e,t){return this.heading(e,t)},On.prototype.article=function(e){return this.compile(e)},On.prototype.cover=function(e){var t=this.toc.slice(),e=this.compile(e);return this.toc=t.slice(),e};var Cn,Ln=function(e){var t=function(e){e=e.match(/^[ \t]*(?=\S)/gm);return e?e.reduce(function(e,t){return Math.min(e,t.length)},1/0):0}(e);if(0===t)return e;t=new RegExp("^[ \\t]{"+t+"}","gm");return e.replace(t,"")},zn={};function Nn(e,r){var o=e.compiler,i=e.raw;void 0===i&&(i="");var t=e.fetch,e=zn[i];if(e){var n=e.slice();return n.links=e.links,r(n)}var n=o._marked,a=n.lexer(i),s=[],l=n.Lexer.rules.inline.link,c=a.links;a.forEach(function(e,i){"paragraph"===e.type&&(e.text=e.text.replace(new RegExp(l.source,"g"),function(e,t,n,r){r=o.compileEmbed(n,r);return r&&s.push({index:i,embed:r}),e}))});var u=[];!function(e,o){var t,n=e.embedTokens,a=e.compile,s=(e.fetch,0),l=1;if(!n.length)return o({});for(;t=n[s++];){var r=function(i){return function(e){var t,n,r;e&&("markdown"===i.embed.type?((n=i.embed.url.split("/")).pop(),n=n.join("/"),e=e.replace(/\[([^[\]]+)\]\(([^)]+)\)/g,function(e){var t=e.indexOf("(");return"(."===e.slice(t,t+2)?e.substring(0,t)+"("+window.location.protocol+"//"+window.location.host+n+"/"+e.substring(t+1,e.length-1)+")":e}),!0===(($docsify.frontMatter||{}).installed||!1)&&(e=$docsify.frontMatter.parseMarkdown(e)),t=a.lexer(e)):"code"===i.embed.type?(i.embed.fragment&&(r=i.embed.fragment,r=new RegExp("(?:###|\\/\\/\\/)\\s*\\["+r+"\\]([\\s\\S]*)(?:###|\\/\\/\\/)\\s*\\["+r+"\\]"),e=Ln((e.match(r)||[])[1]||"").trim()),t=a.lexer("```"+i.embed.lang+"\n"+e.replace(/`/g,"@DOCSIFY_QM@")+"\n```\n")):"mermaid"===i.embed.type?(t=[{type:"html",text:'<div class="mermaid">\n'+e+"\n</div>"}]).links={}:(t=[{type:"html",text:e}]).links={}),o({token:i,embedToken:t}),++l>=s&&o({})}}(t);t.embed.url?ce(t.embed.url).then(r):r(t.embed.html)}}({compile:n,embedTokens:s,fetch:t},function(e){var t,n=e.embedToken,e=e.token;e?(t=e.index,u.forEach(function(e){t>e.start&&(t+=e.length)}),y(c,n.links),a=a.slice(0,t).concat(n,a.slice(t+1)),u.push({start:t,length:n.length-1})):(zn[i]=a.concat(),a.links=zn[i].links=c,r(a))})}function Mn(e,t,n){var r,i,o,a;return t="function"==typeof n?n(t):"string"==typeof n?(o=[],a=0,(r=n).replace(B,function(t,e,n){o.push(r.substring(a,n-1)),a=n+=t.length+1,o.push(i&&i[t]||function(e){return("00"+("string"==typeof Z[t]?e[Z[t]]():Z[t](e))).slice(-t.length)})}),a!==r.length&&o.push(r.substring(a)),function(e){for(var t="",n=0,r=e||new Date;n<o.length;n++)t+="string"==typeof o[n]?o[n]:o[n](r);return t}(new Date(t))):t,e.replace(/{docsify-updated}/g,t)}function Dn(e){function t(e){var t=Boolean(e.__vue__&&e.__vue__._isVue),e=Boolean(e._vnode&&e._vnode.__v_skip);return t||e}var n=this.config,r=b(".markdown-section"),i="Vue"in window&&window.Vue.version&&Number(window.Vue.version.charAt(0));if(e=e||"<h1>404 - Not found</h1>","Vue"in window)for(var o=0,a=k(".markdown-section > *").filter(t);o<a.length;o+=1){var s=a[o];2===i?s.__vue__.$destroy():3===i&&s.__vue_app__.unmount()}if(this._renderTo(r,e),n.loadSidebar||this._renderSidebar(),(n.executeScript||"Vue"in window&&!1!==n.executeScript)&&(!(e=k(".markdown-section>script").filter(function(e){return!/template/.test(e.type)})[0])||(e=e.innerText.trim())&&new Function(e)()),"Vue"in window){var l,c,u=[],p=Object.keys(n.vueComponents||{});2===i&&p.length&&p.forEach(function(e){window.Vue.options.components[e]||window.Vue.component(e,n.vueComponents[e])}),!Cn&&n.vueGlobalOptions&&"function"==typeof n.vueGlobalOptions.data&&(Cn=n.vueGlobalOptions.data()),u.push.apply(u,Object.keys(n.vueMounts||{}).map(function(e){return[b(r,e),n.vueMounts[e]]}).filter(function(e){var t=e[0];e[1];return t})),(n.vueGlobalOptions||p.length)&&(l=/{{2}[^{}]*}{2}/,c=/<[^>/]+\s([@:]|v-)[\w-:.[\]]+[=>\s]/,u.push.apply(u,k(".markdown-section > *").filter(function(n){return!u.some(function(e){var t=e[0];e[1];return t===n})}).filter(function(e){return e.tagName.toLowerCase()in(n.vueComponents||{})||e.querySelector(p.join(",")||null)||l.test(e.outerHTML)||c.test(e.outerHTML)}).map(function(e){var t=y({},n.vueGlobalOptions||{});return Cn&&(t.data=function(){return Cn}),[e,t]})));for(var h=0,d=u;h<d.length;h+=1){var f,g=d[h],m=g[0],v=g[1],g="data-isvue";m.matches("pre, script")||t(m)||m.querySelector("["+g+"]")||(m.setAttribute(g,""),2===i?(v.el=void 0,new window.Vue(v).$mount(m)):3===i&&(f=window.Vue.createApp(v),p.forEach(function(e){var t=n.vueComponents[e];f.component(e,t)}),f.mount(m)))}}}function Pn(t,n,r,i,o,e){t=e?t:t.replace(/\/$/,""),(t=F(t))&&ce(o.router.getFile(t+r)+n,!1,o.config.requestHeaders).then(i,function(e){return Pn(t,n,r,i,o)})}var In=Object.freeze({__proto__:null,cached:s,hyphenate:o,hasOwn:l,merge:y,isPrimitive:c,noop:u,isFn:r,isExternal:p,inBrowser:!0,isMobile:h,supportsPushState:i,parseQuery:E,stringifyQuery:R,isAbsolutePath:O,removeParams:$,getParentPath:F,cleanPath:C,resolvePath:L,getPath:N,replaceSlug:M,endsWith:D});var jn,Hn,qn=function(e){function t(){e.call(this),this.config=we(this),this.initLifecycle(),this.initPlugin(),this.callHook("init"),this.initRouter(),this.initRender(),this.initEvent(),this.initFetch(),this.callHook("mounted")}return e&&(t.__proto__=e),((t.prototype=Object.create(e&&e.prototype)).constructor=t).prototype.initPlugin=function(){var t=this;[].concat(this.config.plugins).forEach(function(e){return r(e)&&e(t._lifecycle,t)})},t}((Hn=Object,function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),((t.prototype=Object.create(e&&e.prototype)).constructor=t).prototype._loadSideAndNav=function(e,t,n,r){var i=this;return function(){if(!n)return r();Pn(e,t,n,function(e){i._renderSidebar(e),r()},i,!0)}},t.prototype._fetch=function(n){var r=this;void 0===n&&(n=u);var i,e,t,o,a,s=this.route.query,l=this.route.path;p(l)?(history.replaceState(null,"","#"),this.router.normalize()):(i=R(s,["id"]),t=(e=this.config).loadNavbar,s=e.requestHeaders,o=e.loadSidebar,a=this.router.getFile(l),s=Un(a+i,0,s),this.isRemoteUrl=p(a),this.isHTML=/\.html$/g.test(a),s.then(function(e,t){return r._renderMain(e,t,r._loadSideAndNav(l,i,o,n))},function(e){r._fetchFallbackPage(l,i,n)||r._fetch404(a,i,n)}),t&&Pn(l,i,t,function(e){return r._renderNav(e)},this,!0))},t.prototype._fetchCover=function(){var t=this,e=this.config,n=e.coverpage,r=e.requestHeaders,i=this.route.query,o=F(this.route.path);if(n){var a=null,e=this.route.path;"string"==typeof n?"/"===e&&(a=n):a=Array.isArray(n)?-1<n.indexOf(e)&&"_coverpage":!0===(e=n[e])?"_coverpage":e;var s=Boolean(a)&&this.config.onlyCover;return a?(a=this.router.getFile(o+a),this.coverIsHTML=/\.html$/g.test(a),ce(a+R(i,["id"]),!1,r).then(function(e){return t._renderCover(e,s)})):this._renderCover(null,s),s}},t.prototype.$fetch=function(e,t){var n=this;void 0===e&&(e=u),void 0===t&&(t=this.$resetEvents.bind(this));function r(){n.callHook("doneEach"),e()}this._fetchCover()?r():this._fetch(function(){t(),r()})},t.prototype._fetchFallbackPage=function(n,r,i){var o=this;void 0===i&&(i=u);var e=this.config,t=e.requestHeaders,a=e.fallbackLanguages,s=e.loadSidebar;if(!a)return!1;e=n.split("/")[1];if(-1===a.indexOf(e))return!1;e=this.router.getFile(n.replace(new RegExp("^/"+e),""));return Un(e+r,0,t).then(function(e,t){return o._renderMain(e,t,o._loadSideAndNav(n,r,s,i))},function(){return o._fetch404(n,r,i)}),!0},t.prototype._fetch404=function(e,t,n){var r=this;void 0===n&&(n=u);var i=this.config,o=i.loadSidebar,a=i.requestHeaders,i=i.notFoundPage,s=this._loadSideAndNav(e,t,o,n);if(i){e=function(t,e){var n,r=e.notFoundPage,i="_404"+(e.ext||".md");switch(typeof r){case"boolean":n=i;break;case"string":n=r;break;case"object":n=(e=Object.keys(r).sort(function(e,t){return t.length-e.length}).filter(function(e){return t.match(new RegExp("^"+e))})[0])&&r[e]||i}return n}(e,this.config);return Un(this.router.getFile(e),0,a).then(function(e,t){return r._renderMain(e,t,s)},function(){return r._renderMain(null,{},s)}),!0}return this._renderMain(null,{},s),!1},t.prototype.initFetch=function(){var e,t=this,n=this.config.loadSidebar;this.rendered?(e=de(this.router,".sidebar-nav",!0,!0),n&&e&&(e.parentNode.innerHTML+=window.__SUB_SIDEBAR__),this._bindEventOnRendered(e),this.$resetEvents(),this.callHook("doneEach"),this.callHook("ready")):this.$fetch(function(e){return t.callHook("ready")})},t}(function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),((t.prototype=Object.create(e&&e.prototype)).constructor=t).prototype.$resetEvents=function(e){var t=this,n=this.config.auto2top;"history"!==e&&(t.route.query.id&&Oe(t.route.path,t.route.query.id),"navigate"===e&&n&&(void 0===(n=n)&&(n=0),$e.scrollTop=!0===n?0:Number(n))),this.config.loadNavbar&&de(this.router,"nav")},t.prototype.initEvent=function(){function t(e){return g.classList.toggle("close")}var e;e="button.sidebar-toggle",this.router,null!=(e=d(e))&&(x(e,"click",function(e){e.stopPropagation(),t()}),h&&x(g,"click",function(e){return g.classList.contains("close")&&t()})),e=".sidebar",this.router,null!=(e=d(e))&&x(e,"click",function(e){e=e.target;"A"===e.nodeName&&e.nextSibling&&e.nextSibling.classList&&e.nextSibling.classList.contains("app-sub-sidebar")&&S(e.parentNode,"collapse")}),this.config.coverpage?h||x("scroll",he):g.classList.add("sticky")},t}(function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),((t.prototype=Object.create(e&&e.prototype)).constructor=t).prototype._renderTo=function(e,t,n){e=d(e);e&&(e[n?"outerHTML":"innerHTML"]=t)},t.prototype._renderSidebar=function(e){var t=this.config,n=t.maxLevel,r=t.subMaxLevel,i=t.loadSidebar;if(t.hideSidebar)return[document.querySelector("aside.sidebar"),document.querySelector("button.sidebar-toggle")].forEach(function(e){return e.parentNode.removeChild(e)}),document.querySelector("section.content").style.right="unset",document.querySelector("section.content").style.left="unset",document.querySelector("section.content").style.position="relative",document.querySelector("section.content").style.width="100%",null;this._renderTo(".sidebar-nav",this.compiler.sidebar(e,n));n=de(this.router,".sidebar-nav",!0,!0);i&&n?n.parentNode.innerHTML+=this.compiler.subSidebar(r)||"":this.compiler.subSidebar(),this._bindEventOnRendered(n)},t.prototype._bindEventOnRendered=function(e){var t,n=this.config.autoHeader;!function(e){var t=b(".cover.show");Te=t?t.offsetHeight:0;var t=d(".sidebar"),n=[];null!=t&&(n=k(t,"li"));for(var r,i=0,o=n.length;i<o;i+=1){var a,s,l=n[i],c=l.querySelector("a");c&&("/"!==(a=c.getAttribute("href"))&&(c=(s=e.parse(a)).query.id,s=s.path,c&&(a=Re(s,c))),a&&(xe[decodeURIComponent(a)]=l))}h||(r=$(e.getCurrentPath()),_("scroll",function(){return Ee(r)}),x("scroll",function(){return Ee(r)}),x(t,"mouseover",function(){_e=!0}),x(t,"mouseleave",function(){_e=!1}))}(this.router),n&&e&&((n=(t=d("#main")).children[0])&&"H1"!==n.tagName&&w(t,v("div",this.compiler.header(e.innerText,1)).children[0]))},t.prototype._renderNav=function(e){e&&this._renderTo("nav",this.compiler.compile(e)),this.config.loadNavbar&&de(this.router,"nav")},t.prototype._renderMain=function(r,i,o){var a=this;if(void 0===i&&(i={}),!r)return Dn.call(this,r);this.callHook("beforeEach",r,function(e){function t(){i.updatedAt&&(n=Mn(n,i.updatedAt,a.config.formatUpdated)),a.callHook("afterEach",n,function(e){return Dn.call(a,e)})}var n;a.isHTML?(n=a.result=r,t(),o()):Nn({compiler:a.compiler,raw:e},function(e){n=a.compiler.compile(e),n=a.isRemoteUrl?ae.sanitize(n,{ADD_TAGS:["script"]}):n,t(),o()})})},t.prototype._renderCover=function(e,t){var n,r=d(".cover");S(d("main"),t?"add":"remove","hidden"),e?(S(r,"add","show"),(t=(n=this.coverIsHTML?e:this.compiler.cover(e)).trim().match('<p><img.*?data-origin="(.*?)"[^a]+alt="(.*?)">([^<]*?)</p>$'))&&("color"===t[2]?r.style.background=t[1]+(t[3]||""):(e=t[1],S(r,"add","has-mask"),O(t[1])||(e=N(this.router.getBasePath(),t[1])),r.style.backgroundImage="url("+e+")",r.style.backgroundSize="cover",r.style.backgroundPosition="center center"),n=n.replace(t[0],"")),this._renderTo(".cover-main",n),he()):S(r,"remove","show")},t.prototype._updateRender=function(){var e,t,n,r;e=this,t=d(".app-name-link"),n=e.config.nameLink,r=e.route.path,t&&(c(e.config.nameLink)?t.setAttribute("href",n):"object"==typeof n&&(e=Object.keys(n).filter(function(e){return-1<r.indexOf(e)})[0],t.setAttribute("href",n[e])))},t.prototype.initRender=function(){var e=this.config;this.compiler=new On(e,this.router),window.__current_docsify_compiler__=this.compiler;var t,n,r,i,o,a=e.el||"#app",s=b("nav")||v("nav"),l=b(a),c="",u=g;l?(e.repo&&(c+=(i=e.repo,a=e.cornerExternalLinkTarge,i?(/\/\//.test(i)||(i="https://github.com/"+i),'<a href="'+(i=i.replace(/^git\+/,""))+'" target="'+(a=a||"_blank")+'" class="github-corner" aria-label="View source on Github"><svg viewBox="0 0 250 250" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a>'):"")),e.coverpage&&(c+=(r=", 100%, 85%",'<section class="cover show" style="background: '+("linear-gradient(to left bottom, hsl("+Math.floor(255*Math.random())+r+") 0%,hsl("+Math.floor(255*Math.random())+r+") 100%)")+'"><div class="mask"></div><div class="cover-main">\x3c!--cover--\x3e</div></section>')),e.logo&&(r=/^data:image/.test(e.logo),t=/(?:http[s]?:)?\/\//.test(e.logo),n=/^\./.test(e.logo),r||t||n||(e.logo=N(this.router.getBasePath(),e.logo))),c+=(n=(t=e).name?t.name:"","<main>"+('<button class="sidebar-toggle" aria-label="Menu"><div class="sidebar-toggle-button"><span></span><span></span><span></span></div></button><aside class="sidebar">'+(t.name?'<h1 class="app-name"><a class="app-name-link" data-nosearch>'+(t.logo?'<img alt="'+n+'" src='+t.logo+">":n)+"</a></h1>":"")+'<div class="sidebar-nav">\x3c!--sidebar--\x3e</div></aside>')+'<section class="content"><article class="markdown-section" id="main">\x3c!--main--\x3e</article></section></main>'),this._renderTo(l,c,!0)):this.rendered=!0,e.mergeNavbar&&h?u=b(".sidebar"):(s.classList.add("app-nav"),e.repo||s.classList.add("no-badge")),e.loadNavbar&&w(u,s),e.themeColor&&(f.head.appendChild(v("div","<style>:root{--theme-color: "+e.themeColor+";}</style>").firstElementChild),o=e.themeColor,window.CSS&&window.CSS.supports&&window.CSS.supports("(--v:red)")||(e=k("style:not(.inserted),link"),[].forEach.call(e,function(e){if("STYLE"===e.nodeName)ue(e,o);else if("LINK"===e.nodeName){e=e.getAttribute("href");if(!/\.css$/.test(e))return;ce(e).then(function(e){e=v("style",e);m.appendChild(e),ue(e,o)})}}))),this._updateRender(),S(g,"ready")},t}(function(n){function e(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];n.apply(this,e),this.route={}}return n&&(e.__proto__=n),((e.prototype=Object.create(n&&n.prototype)).constructor=e).prototype.updateRender=function(){this.router.normalize(),this.route=this.router.parse(),g.setAttribute("data-page",this.route.file)},e.prototype.initRouter=function(){var t=this,e=this.config,e=new("history"===(e.routerMode||"hash")&&i?q:H)(e);this.router=e,this.updateRender(),U=this.route,e.onchange(function(e){t.updateRender(),t._updateRender(),U.path!==t.route.path?(t.$fetch(u,t.$resetEvents.bind(t,e.source)),U=t.route):t.$resetEvents(e.source)})},e}(function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),((t.prototype=Object.create(e&&e.prototype)).constructor=t).prototype.initLifecycle=function(){var n=this;this._hooks={},this._lifecycle={},["init","mounted","beforeEach","afterEach","doneEach","ready"].forEach(function(e){var t=n._hooks[e]=[];n._lifecycle[e]=function(e){return t.push(e)}})},t.prototype.callHook=function(e,n,r){void 0===r&&(r=u);var i=this._hooks[e],o=function(t){var e=i[t];t>=i.length?r(n):"function"==typeof e?2===e.length?e(n,function(e){n=e,o(t+1)}):(e=e(n),n=void 0===e?n:e,o(t+1)):o(t+1)};o(0)},t}(Hn)))))));function Un(e,t,n){return jn&&jn.abort&&jn.abort(),jn=ce(e,!0,n)}window.Docsify={util:In,dom:t,get:ce,slugify:xn,version:"4.12.2"},window.DocsifyCompiler=On,window.marked=gn,window.Prism=En,e(function(e){return new qn})}();
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/docs/lib/prism-bash.min.js b/wechat-mini-program/node_modules/mp-html/docs/lib/prism-bash.min.js
new file mode 100644
index 0000000..5d6986f
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/docs/lib/prism-bash.min.js
@@ -0,0 +1 @@
+!function(e){var t="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},a={bash:n,environment:{pattern:RegExp("\\$"+t),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+t),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};e.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+t),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:a},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:a},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:a.entity}}],environment:{pattern:RegExp("\\$?"+t),alias:"constant"},variable:a.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=e.languages.bash;for(var o=["comment","function-name","for-or-select","assign-left","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],s=a.variable[1].inside,i=0;i<o.length;i++)s[o[i]]=e.languages.bash[o[i]];e.languages.shell=e.languages.bash}(Prism);
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/docs/lib/search.min.js b/wechat-mini-program/node_modules/mp-html/docs/lib/search.min.js
new file mode 100644
index 0000000..74f7fbc
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/docs/lib/search.min.js
@@ -0,0 +1 @@
+!function(){var u={},m={EXPIRE_KEY:"docsify.search.expires",INDEX_KEY:"docsify.search.index"};function p(e){var n={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};return String(e).replace(/[&<>"']/g,function(e){return n[e]})}function h(e){return e.text||"table"!==e.type||(e.cells.unshift(e.header),e.text=e.cells.map(function(e){return e.join(" | ")}).join(" |\n ")),e.text}function f(e){return e.text||"list"!==e.type||(e.text=e.raw),e.text}function g(i,e,r,o){void 0===e&&(e="");var s,e=window.marked.lexer(e),c=window.Docsify.slugify,d={},l="";return e.forEach(function(e,n){if("heading"===e.type&&e.depth<=o){var t=function(e){void 0===e&&(e="");var a={};return{str:e=e&&e.replace(/^('|")/,"").replace(/('|")$/,"").replace(/(?:^|\s):([\w-]+:?)=?([\w-%]+)?/g,function(e,n,t){return-1===n.indexOf(":")?(a[n]=t&&t.replace(/&quot;/g,"")||!0,""):e}).trim(),config:a}}(e.text),a=t.str,t=t.config;s=t.id?r.toURL(i,{id:c(t.id)}):r.toURL(i,{id:c(p(e.text))}),a&&(l=a.replace(/<!-- {docsify-ignore} -->/,"").replace(/{docsify-ignore}/,"").replace(/<!-- {docsify-ignore-all} -->/,"").replace(/{docsify-ignore-all}/,"").trim()),d[s]={slug:s,title:l,body:""}}else{if(0===n&&(s=r.toURL(i),d[s]={slug:s,title:"/"!==i?i.slice(1):"Home Page",body:e.text||""}),!s)return;d[s]?d[s].body?(e.text=h(e),e.text=f(e),d[s].body+="\n"+(e.text||"")):(e.text=h(e),e.text=f(e),d[s].body=d[s].body?d[s].body+e.text:e.text):d[s]={slug:s,title:"",body:""}}}),c.clear(),d}function y(e){return e&&e.normalize?e.normalize("NFD").replace(/[\u0300-\u036f]/g,""):e}function r(i,r){var t,a,n,e,o="auto"===i.paths,s=o?(t=r.router,a=[],Docsify.dom.findAll(".sidebar-nav a:not(.section-link):not([data-nosearch])").forEach(function(e){var n=e.href,e=e.getAttribute("href"),n=t.parse(n).path;n&&-1===a.indexOf(n)&&!Docsify.util.isAbsolutePath(e)&&a.push(n)}),a):i.paths,c="";s.length&&o&&i.pathNamespaces?(n=s[0],Array.isArray(i.pathNamespaces)?c=i.pathNamespaces.filter(function(e){return n.slice(0,e.length)===e})[0]||c:i.pathNamespaces instanceof RegExp&&((d=n.match(i.pathNamespaces))&&(c=d[0])),e=-1===s.indexOf(c+"/"),d=-1===s.indexOf(c+"/README"),e&&d&&s.unshift(c+"/")):-1===s.indexOf("/")&&-1===s.indexOf("/README")&&s.unshift("/");var d,l=((d=i.namespace)?m.EXPIRE_KEY+"/"+d:m.EXPIRE_KEY)+c,p=((d=i.namespace)?m.INDEX_KEY+"/"+d:m.INDEX_KEY)+c,c=localStorage.getItem(l)<Date.now();if(u=JSON.parse(localStorage.getItem(p)),c)u={};else if(!o)return;var h=s.length,f=0;s.forEach(function(a){return u[a]?f++:void Docsify.get(r.router.getFile(a),!1,r.config.requestHeaders).then(function(e){var n,t;u[a]=g(a,e,r.router,i.depth),h===++f&&(n=i.maxAge,t=l,e=p,localStorage.setItem(t,Date.now()+n),localStorage.setItem(e,JSON.stringify(u)))})})}var o,s="";function c(e){var n=Docsify.dom.find("div.search"),t=Docsify.dom.find(n,".results-panel"),a=Docsify.dom.find(n,".clear-button"),i=Docsify.dom.find(".sidebar-nav"),n=Docsify.dom.find(".app-name");if(!e)return t.classList.remove("show"),a.classList.remove("show"),t.innerHTML="",void(o.hideOtherSidebarContent&&(i&&i.classList.remove("hide"),n&&n.classList.remove("hide")));var e=function(e){var n=[],t=[];Object.keys(u).forEach(function(n){t=t.concat(Object.keys(u[n]).map(function(e){return u[n][e]}))});var a=(e=e.trim()).split(/[\s\-，\\/]+/);1!==a.length&&(a=[].concat(e,a));for(var i=0;i<t.length;i++)!function(e){var e=t[e],r=0,o="",s="",c="",d=e.title&&e.title.trim(),l=e.body&&e.body.trim(),e=e.slug||"";d&&(a.forEach(function(e){var n,t=new RegExp(p(y(e)).replace(/[|\\{}()[\]^$+*?.]/g,"\\$&"),"gi"),a=-1,i=-1;s=d?p(y(d)):d,c=l?p(y(l)):l,a=d?s.search(t):-1,i=l?c.search(t):-1,(0<=a||0<=i)&&(r+=0<=a?3:0<=i?2:0,i<0&&(i=0),a=(a=n=0)==(n=i<11?0:i-10)?70:i+e.length+60,l&&a>l.length&&(a=l.length),t="..."+c.substring(n,a).replace(t,function(e){return'<em class="search-keyword">'+e+"</em>"})+"...",o+=t)}),0<r&&(e={title:s,content:l?o:"",url:e,score:r},n.push(e)))}(i);return n.sort(function(e,n){return n.score-e.score})}(e),r="";e.forEach(function(e){r+='<div class="matching-post">\n<a href="'+e.url+'">\n<h2>'+e.title+"</h2>\n<p>"+e.content+"</p>\n</a>\n</div>"}),t.classList.add("show"),a.classList.add("show"),t.innerHTML=r||'<p class="empty">'+s+"</p>",o.hideOtherSidebarContent&&(i&&i.classList.add("hide"),n&&n.classList.add("hide"))}function d(e){o=e}function l(e,n){var t,a,i=n.router.parse().query.s;d(e),Docsify.dom.style("\n.sidebar {\n  padding-top: 0;\n}\n\n.search {\n  margin-bottom: 20px;\n  padding: 6px;\n  border-bottom: 1px solid #eee;\n}\n\n.search .input-wrap {\n  display: flex;\n  align-items: center;\n}\n\n.search .results-panel {\n  display: none;\n}\n\n.search .results-panel.show {\n  display: block;\n}\n\n.search input {\n  outline: none;\n  border: none;\n  width: 100%;\n  padding: 0 7px;\n  line-height: 36px;\n  font-size: 14px;\n  border: 1px solid transparent;\n}\n\n.search input:focus {\n  box-shadow: 0 0 5px var(--theme-color, #42b983);\n  border: 1px solid var(--theme-color, #42b983);\n}\n\n.search input::-webkit-search-decoration,\n.search input::-webkit-search-cancel-button,\n.search input {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n}\n.search .clear-button {\n  cursor: pointer;\n  width: 36px;\n  text-align: right;\n  display: none;\n}\n\n.search .clear-button.show {\n  display: block;\n}\n\n.search .clear-button svg {\n  transform: scale(.5);\n}\n\n.search h2 {\n  font-size: 17px;\n  margin: 10px 0;\n}\n\n.search a {\n  text-decoration: none;\n  color: inherit;\n}\n\n.search .matching-post {\n  border-bottom: 1px solid #eee;\n}\n\n.search .matching-post:last-child {\n  border-bottom: 0;\n}\n\n.search p {\n  font-size: 14px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n\n.search p.empty {\n  text-align: center;\n}\n\n.app-name.hide, .sidebar-nav.hide {\n  display: none;\n}"),function(e){void 0===e&&(e="");var n='<div class="input-wrap">\n      <input type="search" value="'+e+'" aria-label="Search text" />\n      <div class="clear-button">\n        <svg width="26" height="24">\n          <circle cx="12" cy="12" r="11" fill="#ccc" />\n          <path stroke="white" stroke-width="2" d="M8.25,8.25,15.75,15.75" />\n          <path stroke="white" stroke-width="2"d="M8.25,15.75,15.75,8.25" />\n        </svg>\n      </div>\n    </div>\n    <div class="results-panel"></div>\n    </div>',e=Docsify.dom.create("div",n),n=Docsify.dom.find("aside");Docsify.dom.toggleClass(e,"search"),Docsify.dom.before(n,e)}(i),n=Docsify.dom.find("div.search"),a=Docsify.dom.find(n,"input"),e=Docsify.dom.find(n,".input-wrap"),Docsify.dom.on(n,"click",function(e){return-1===["A","H2","P","EM"].indexOf(e.target.tagName)&&e.stopPropagation()}),Docsify.dom.on(a,"input",function(n){clearTimeout(t),t=setTimeout(function(e){return c(n.target.value.trim())},100)}),Docsify.dom.on(e,"click",function(e){"INPUT"!==e.target.tagName&&(a.value="",c())}),i&&setTimeout(function(e){return c(i)},500)}function v(e,n){var t,a,i,r,o;d(e),t=e.placeholder,a=n.route.path,(r=Docsify.dom.getNode('.search input[type="search"]'))&&("string"==typeof t?r.placeholder=t:(i=Object.keys(t).filter(function(e){return-1<a.indexOf(e)})[0],r.placeholder=t[i])),e=e.noData,o=n.route.path,s="string"==typeof e?e:e[Object.keys(e).filter(function(e){return-1<o.indexOf(e)})[0]]}var b={placeholder:"Type to search",noData:"No Results!",paths:"auto",depth:2,maxAge:864e5,hideOtherSidebarContent:!1,namespace:void 0,pathNamespaces:void 0};$docsify.plugins=[].concat(function(e,n){var t=Docsify.util,a=n.config.search||b;Array.isArray(a)?b.paths=a:"object"==typeof a&&(b.paths=Array.isArray(a.paths)?a.paths:"auto",b.maxAge=(t.isPrimitive(a.maxAge)?a:b).maxAge,b.placeholder=a.placeholder||b.placeholder,b.noData=a.noData||b.noData,b.depth=a.depth||b.depth,b.hideOtherSidebarContent=a.hideOtherSidebarContent||b.hideOtherSidebarContent,b.namespace=a.namespace||b.namespace,b.pathNamespaces=a.pathNamespaces||b.pathNamespaces);var i="auto"===b.paths;e.mounted(function(e){l(b,n),i||r(b,n)}),e.doneEach(function(e){v(b,n),i&&r(b,n)})},$docsify.plugins)}();
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/docs/lib/vue.css b/wechat-mini-program/node_modules/mp-html/docs/lib/vue.css
new file mode 100644
index 0000000..7dbd867
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/docs/lib/vue.css
@@ -0,0 +1,858 @@
+@import url("https://fonts.googleapis.com/css?family=Roboto+Mono|Source+Sans+Pro:300,400,600");
+* {
+  -webkit-font-smoothing: antialiased;
+  -webkit-overflow-scrolling: touch;
+  -webkit-tap-highlight-color: rgba(0,0,0,0);
+  -webkit-text-size-adjust: none;
+  -webkit-touch-callout: none;
+  box-sizing: border-box;
+}
+body:not(.ready) {
+  overflow: hidden;
+}
+body:not(.ready) [data-cloak],
+body:not(.ready) .app-nav,
+body:not(.ready) > nav {
+  display: none;
+}
+div#app {
+  font-size: 30px;
+  font-weight: lighter;
+  margin: 40vh auto;
+  text-align: center;
+}
+div#app:empty::before {
+  content: 'Loading...';
+}
+.emoji {
+  height: 1.2rem;
+  vertical-align: middle;
+}
+.progress {
+  background-color: var(--theme-color, #42b983);
+  height: 2px;
+  left: 0px;
+  position: fixed;
+  right: 0px;
+  top: 0px;
+  transition: width 0.2s, opacity 0.4s;
+  width: 0%;
+  z-index: 999999;
+}
+.search a:hover {
+  color: var(--theme-color, #42b983);
+}
+.search .search-keyword {
+  color: var(--theme-color, #42b983);
+  font-style: normal;
+  font-weight: bold;
+}
+html,
+body {
+  height: 100%;
+}
+body {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  color: #34495e;
+  font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
+  font-size: 15px;
+  letter-spacing: 0;
+  margin: 0;
+  overflow-x: hidden;
+}
+img {
+  max-width: 100%;
+}
+a[disabled] {
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+kbd {
+  border: solid 1px #ccc;
+  border-radius: 3px;
+  display: inline-block;
+  font-size: 12px !important;
+  line-height: 12px;
+  margin-bottom: 3px;
+  padding: 3px 5px;
+  vertical-align: middle;
+}
+li input[type='checkbox'] {
+  margin: 0 0.2em 0.25em 0;
+  vertical-align: middle;
+}
+.app-nav {
+  margin: 25px 60px 0 0;
+  position: absolute;
+  right: 0;
+  text-align: right;
+  z-index: 10;
+/* navbar dropdown */
+}
+.app-nav.no-badge {
+  margin-right: 25px;
+}
+.app-nav p {
+  margin: 0;
+}
+.app-nav > a {
+  margin: 0 1rem;
+  padding: 5px 0;
+}
+.app-nav ul,
+.app-nav li {
+  display: inline-block;
+  list-style: none;
+  margin: 0;
+}
+.app-nav a {
+  color: inherit;
+  font-size: 16px;
+  text-decoration: none;
+  transition: color 0.3s;
+}
+.app-nav a:hover {
+  color: var(--theme-color, #42b983);
+}
+.app-nav a.active {
+  border-bottom: 2px solid var(--theme-color, #42b983);
+  color: var(--theme-color, #42b983);
+}
+.app-nav li {
+  display: inline-block;
+  margin: 0 1rem;
+  padding: 5px 0;
+  position: relative;
+  cursor: pointer;
+}
+.app-nav li ul {
+  background-color: #fff;
+  border: 1px solid #ddd;
+  border-bottom-color: #ccc;
+  border-radius: 4px;
+  box-sizing: border-box;
+  display: none;
+  max-height: calc(100vh - 61px);
+  overflow-y: auto;
+  padding: 10px 0;
+  position: absolute;
+  right: -15px;
+  text-align: left;
+  top: 100%;
+  white-space: nowrap;
+}
+.app-nav li ul li {
+  display: block;
+  font-size: 14px;
+  line-height: 1rem;
+  margin: 0;
+  margin: 8px 14px;
+  white-space: nowrap;
+}
+.app-nav li ul a {
+  display: block;
+  font-size: inherit;
+  margin: 0;
+  padding: 0;
+}
+.app-nav li ul a.active {
+  border-bottom: 0;
+}
+.app-nav li:hover ul {
+  display: block;
+}
+.github-corner {
+  border-bottom: 0;
+  position: fixed;
+  right: 0;
+  text-decoration: none;
+  top: 0;
+  z-index: 1;
+}
+.github-corner:hover .octo-arm {
+  -webkit-animation: octocat-wave 560ms ease-in-out;
+          animation: octocat-wave 560ms ease-in-out;
+}
+.github-corner svg {
+  color: #fff;
+  fill: var(--theme-color, #42b983);
+  height: 80px;
+  width: 80px;
+}
+main {
+  display: block;
+  position: relative;
+  width: 100vw;
+  height: 100%;
+  z-index: 0;
+}
+main.hidden {
+  display: none;
+}
+.anchor {
+  display: inline-block;
+  text-decoration: none;
+  transition: all 0.3s;
+}
+.anchor span {
+  color: #34495e;
+}
+.anchor:hover {
+  text-decoration: underline;
+}
+.sidebar {
+  border-right: 1px solid rgba(0,0,0,0.07);
+  overflow-y: auto;
+  padding: 40px 0 0;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  transition: transform 250ms ease-out;
+  width: 300px;
+  z-index: 20;
+}
+.sidebar > h1 {
+  margin: 0 auto 1rem;
+  font-size: 1.5rem;
+  font-weight: 300;
+  text-align: center;
+}
+.sidebar > h1 a {
+  color: inherit;
+  text-decoration: none;
+}
+.sidebar > h1 .app-nav {
+  display: block;
+  position: static;
+}
+.sidebar .sidebar-nav {
+  line-height: 2em;
+  padding-bottom: 40px;
+}
+.sidebar li.collapse .app-sub-sidebar {
+  display: none;
+}
+.sidebar ul {
+  margin: 0 0 0 15px;
+  padding: 0;
+}
+.sidebar li > p {
+  font-weight: 700;
+  margin: 0;
+}
+.sidebar ul,
+.sidebar ul li {
+  list-style: none;
+}
+.sidebar ul li a {
+  border-bottom: none;
+  display: block;
+}
+.sidebar ul li ul {
+  padding-left: 20px;
+}
+.sidebar::-webkit-scrollbar {
+  width: 4px;
+}
+.sidebar::-webkit-scrollbar-thumb {
+  background: transparent;
+  border-radius: 4px;
+}
+.sidebar:hover::-webkit-scrollbar-thumb {
+  background: rgba(136,136,136,0.4);
+}
+.sidebar:hover::-webkit-scrollbar-track {
+  background: rgba(136,136,136,0.1);
+}
+.sidebar-toggle {
+  background-color: transparent;
+  background-color: rgba(255,255,255,0.8);
+  border: 0;
+  outline: none;
+  padding: 10px;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  text-align: center;
+  transition: opacity 0.3s;
+  width: 284px;
+  z-index: 30;
+  cursor: pointer;
+}
+.sidebar-toggle:hover .sidebar-toggle-button {
+  opacity: 0.4;
+}
+.sidebar-toggle span {
+  background-color: var(--theme-color, #42b983);
+  display: block;
+  margin-bottom: 4px;
+  width: 16px;
+  height: 2px;
+}
+body.sticky .sidebar,
+body.sticky .sidebar-toggle {
+  position: fixed;
+}
+.content {
+  padding-top: 60px;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 300px;
+  transition: left 250ms ease;
+}
+.markdown-section {
+  margin: 0 auto;
+  max-width: 80%;
+  padding: 30px 15px 40px 15px;
+  position: relative;
+}
+.markdown-section > * {
+  box-sizing: border-box;
+  font-size: inherit;
+}
+.markdown-section > :first-child {
+  margin-top: 0 !important;
+}
+.markdown-section hr {
+  border: none;
+  border-bottom: 1px solid #eee;
+  margin: 2em 0;
+}
+.markdown-section iframe {
+  border: 1px solid #eee;
+/* fix horizontal overflow on iOS Safari */
+  width: 1px;
+  min-width: 100%;
+}
+.markdown-section table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  display: block;
+  margin-bottom: 1rem;
+  overflow: auto;
+  width: 100%;
+}
+.markdown-section th {
+  border: 1px solid #ddd;
+  font-weight: bold;
+  padding: 6px 13px;
+}
+.markdown-section td {
+  border: 1px solid #ddd;
+  padding: 6px 13px;
+}
+.markdown-section tr {
+  border-top: 1px solid #ccc;
+}
+.markdown-section tr:nth-child(2n) {
+  background-color: #f8f8f8;
+}
+.markdown-section p.tip {
+  background-color: #f8f8f8;
+  border-bottom-right-radius: 2px;
+  border-left: 4px solid #f66;
+  border-top-right-radius: 2px;
+  margin: 2em 0;
+  padding: 12px 24px 12px 30px;
+  position: relative;
+}
+.markdown-section p.tip:before {
+  background-color: #f66;
+  border-radius: 100%;
+  color: #fff;
+  content: '!';
+  font-family: 'Dosis', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
+  font-size: 14px;
+  font-weight: bold;
+  left: -12px;
+  line-height: 20px;
+  position: absolute;
+  height: 20px;
+  width: 20px;
+  text-align: center;
+  top: 14px;
+}
+.markdown-section p.tip code {
+  background-color: #efefef;
+}
+.markdown-section p.tip em {
+  color: #34495e;
+}
+.markdown-section p.warn {
+  background: rgba(66,185,131,0.1);
+  border-radius: 2px;
+  padding: 1rem;
+}
+.markdown-section ul.task-list > li {
+  list-style-type: none;
+}
+body.close .sidebar {
+  transform: translateX(-300px);
+}
+body.close .sidebar-toggle {
+  width: auto;
+}
+body.close .content {
+  left: 0;
+}
+@media print {
+  .github-corner,
+  .sidebar-toggle,
+  .sidebar,
+  .app-nav {
+    display: none;
+  }
+}
+@media screen and (max-width: 768px) {
+  .github-corner,
+  .sidebar-toggle,
+  .sidebar {
+    position: fixed;
+  }
+  .app-nav {
+    margin-top: 16px;
+  }
+  .app-nav li ul {
+    top: 30px;
+  }
+  main {
+    height: auto;
+    min-height: 100vh;
+    overflow-x: hidden;
+  }
+  .sidebar {
+    left: -300px;
+    transition: transform 250ms ease-out;
+  }
+  .content {
+    left: 0;
+    max-width: 100vw;
+    position: static;
+    padding-top: 20px;
+    transition: transform 250ms ease;
+  }
+  .app-nav,
+  .github-corner {
+    transition: transform 250ms ease-out;
+  }
+  .sidebar-toggle {
+    background-color: transparent;
+    width: auto;
+    padding: 30px 30px 10px 10px;
+  }
+  body.close .sidebar {
+    transform: translateX(300px);
+  }
+  body.close .sidebar-toggle {
+    background-color: rgba(255,255,255,0.8);
+    transition: 1s background-color;
+    width: 284px;
+    padding: 10px;
+  }
+  body.close .content {
+    transform: translateX(300px);
+  }
+  body.close .app-nav,
+  body.close .github-corner {
+    display: none;
+  }
+  .github-corner:hover .octo-arm {
+    -webkit-animation: none;
+            animation: none;
+  }
+  .github-corner .octo-arm {
+    -webkit-animation: octocat-wave 560ms ease-in-out;
+            animation: octocat-wave 560ms ease-in-out;
+  }
+}
+@-webkit-keyframes octocat-wave {
+  0%, 100% {
+    transform: rotate(0);
+  }
+  20%, 60% {
+    transform: rotate(-25deg);
+  }
+  40%, 80% {
+    transform: rotate(10deg);
+  }
+}
+@keyframes octocat-wave {
+  0%, 100% {
+    transform: rotate(0);
+  }
+  20%, 60% {
+    transform: rotate(-25deg);
+  }
+  40%, 80% {
+    transform: rotate(10deg);
+  }
+}
+section.cover {
+  align-items: center;
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  height: 100vh;
+  width: 100vw;
+  display: none;
+}
+section.cover.show {
+  display: flex;
+}
+section.cover.has-mask .mask {
+  background-color: #fff;
+  opacity: 0.8;
+  position: absolute;
+  top: 0;
+  height: 100%;
+  width: 100%;
+}
+section.cover .cover-main {
+  flex: 1;
+  margin: -20px 16px 0;
+  text-align: center;
+  position: relative;
+}
+section.cover a {
+  color: inherit;
+  text-decoration: none;
+}
+section.cover a:hover {
+  text-decoration: none;
+}
+section.cover p {
+  line-height: 1.5rem;
+  margin: 1em 0;
+}
+section.cover h1 {
+  color: inherit;
+  font-size: 2.5rem;
+  font-weight: 300;
+  margin: 0.625rem 0 2.5rem;
+  position: relative;
+  text-align: center;
+}
+section.cover h1 a {
+  display: block;
+}
+section.cover h1 small {
+  bottom: -0.4375rem;
+  font-size: 1rem;
+  position: absolute;
+}
+section.cover blockquote {
+  font-size: 1.5rem;
+  text-align: center;
+}
+section.cover ul {
+  line-height: 1.8;
+  list-style-type: none;
+  margin: 1em auto;
+  max-width: 500px;
+  padding: 0;
+}
+section.cover .cover-main > p:last-child a {
+  border-color: var(--theme-color, #42b983);
+  border-radius: 2rem;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  color: var(--theme-color, #42b983);
+  display: inline-block;
+  font-size: 1.05rem;
+  letter-spacing: 0.1rem;
+  margin: 0.5rem 1rem;
+  padding: 0.75em 2rem;
+  text-decoration: none;
+  transition: all 0.15s ease;
+}
+section.cover .cover-main > p:last-child a:last-child {
+  background-color: var(--theme-color, #42b983);
+  color: #fff;
+}
+section.cover .cover-main > p:last-child a:last-child:hover {
+  color: inherit;
+  opacity: 0.8;
+}
+section.cover .cover-main > p:last-child a:hover {
+  color: inherit;
+}
+section.cover blockquote > p > a {
+  border-bottom: 2px solid var(--theme-color, #42b983);
+  transition: color 0.3s;
+}
+section.cover blockquote > p > a:hover {
+  color: var(--theme-color, #42b983);
+}
+body {
+  background-color: #fff;
+}
+/* sidebar */
+.sidebar {
+  background-color: #fff;
+  color: #364149;
+}
+.sidebar li {
+  margin: 6px 0 6px 0;
+}
+.sidebar ul li a {
+  color: #505d6b;
+  font-size: 14px;
+  font-weight: normal;
+  overflow: hidden;
+  text-decoration: none;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.sidebar ul li a:hover {
+  text-decoration: underline;
+}
+.sidebar ul li ul {
+  padding: 0;
+}
+.sidebar ul li.active > a {
+  border-right: 2px solid;
+  color: var(--theme-color, #42b983);
+  font-weight: 600;
+}
+.app-sub-sidebar li::before {
+  content: '-';
+  padding-right: 4px;
+  float: left;
+}
+/* markdown content found on pages */
+.markdown-section h1,
+.markdown-section h2,
+.markdown-section h3,
+.markdown-section h4,
+.markdown-section strong {
+  color: #2c3e50;
+  font-weight: 600;
+}
+.markdown-section a {
+  color: var(--theme-color, #42b983);
+  font-weight: 600;
+}
+.markdown-section h1 {
+  font-size: 2rem;
+  margin: 0 0 1rem;
+}
+.markdown-section h2 {
+  font-size: 1.75rem;
+  margin: 45px 0 0.8rem;
+}
+.markdown-section h3 {
+  font-size: 1.5rem;
+  margin: 40px 0 0.6rem;
+}
+.markdown-section h4 {
+  font-size: 1.25rem;
+}
+.markdown-section h5 {
+  font-size: 1rem;
+}
+.markdown-section h6 {
+  color: #777;
+  font-size: 1rem;
+}
+.markdown-section figure,
+.markdown-section p {
+  margin: 1.2em 0;
+}
+.markdown-section p,
+.markdown-section ul,
+.markdown-section ol {
+  line-height: 1.6rem;
+  word-spacing: 0.05rem;
+}
+.markdown-section ul,
+.markdown-section ol {
+  padding-left: 1.5rem;
+}
+.markdown-section blockquote {
+  border-left: 4px solid var(--theme-color, #42b983);
+  color: #858585;
+  margin: 2em 0;
+  padding-left: 20px;
+}
+.markdown-section blockquote p {
+  font-weight: 600;
+  margin-left: 0;
+}
+.markdown-section iframe {
+  margin: 1em 0;
+}
+.markdown-section em {
+  color: #7f8c8d;
+}
+.markdown-section code,
+.markdown-section pre,
+.markdown-section output::after {
+  font-family: 'Roboto Mono', Monaco, courier, monospace;
+}
+.markdown-section code,
+.markdown-section pre {
+  background-color: #f8f8f8;
+}
+.markdown-section pre,
+.markdown-section output {
+  margin: 1.2em 0;
+  position: relative;
+}
+.markdown-section pre > code,
+.markdown-section output {
+  border-radius: 2px;
+  display: block;
+}
+.markdown-section pre > code,
+.markdown-section output::after {
+  -moz-osx-font-smoothing: initial;
+  -webkit-font-smoothing: initial;
+}
+.markdown-section code {
+  border-radius: 2px;
+  color: #e96900;
+  margin: 0 2px;
+  padding: 3px 5px;
+  white-space: pre-wrap;
+}
+.markdown-section > :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) code {
+  font-size: 0.8rem;
+}
+.markdown-section pre {
+  padding: 0 1.4rem;
+  line-height: 1.5rem;
+  overflow: auto;
+  word-wrap: normal;
+}
+.markdown-section pre > code {
+  color: #525252;
+  font-size: 0.8rem;
+  padding: 2.2em 5px;
+  line-height: inherit;
+  margin: 0 2px;
+  max-width: inherit;
+  overflow: inherit;
+  white-space: inherit;
+}
+.markdown-section output {
+  padding: 1.7rem 1.4rem;
+  border: 1px dotted #ccc;
+}
+.markdown-section output > :first-child {
+  margin-top: 0;
+}
+.markdown-section output > :last-child {
+  margin-bottom: 0;
+}
+.markdown-section code::after,
+.markdown-section code::before,
+.markdown-section output::after,
+.markdown-section output::before {
+  letter-spacing: 0.05rem;
+}
+.markdown-section pre::after,
+.markdown-section output::after {
+  color: #ccc;
+  font-size: 0.6rem;
+  font-weight: 600;
+  height: 15px;
+  line-height: 15px;
+  padding: 5px 10px 0;
+  position: absolute;
+  right: 0;
+  text-align: right;
+  top: 0;
+}
+.markdown-section pre::after,
+.markdown-section output::after {
+  content: attr(data-lang);
+}
+/* code highlight */
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: #8e908c;
+}
+.token.namespace {
+  opacity: 0.7;
+}
+.token.boolean,
+.token.number {
+  color: #c76b29;
+}
+.token.punctuation {
+  color: #525252;
+}
+.token.property {
+  color: #c08b30;
+}
+.token.tag {
+  color: #2973b7;
+}
+.token.string {
+  color: var(--theme-color, #42b983);
+}
+.token.selector {
+  color: #6679cc;
+}
+.token.attr-name {
+  color: #2973b7;
+}
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #22a2c9;
+}
+.token.attr-value,
+.token.control,
+.token.directive,
+.token.unit {
+  color: var(--theme-color, #42b983);
+}
+.token.keyword,
+.token.function {
+  color: #e96900;
+}
+.token.statement,
+.token.regex,
+.token.atrule {
+  color: #22a2c9;
+}
+.token.placeholder,
+.token.variable {
+  color: #3d8fd1;
+}
+.token.deleted {
+  text-decoration: line-through;
+}
+.token.inserted {
+  border-bottom: 1px dotted #202746;
+  text-decoration: none;
+}
+.token.italic {
+  font-style: italic;
+}
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.important {
+  color: #c94922;
+}
+.token.entity {
+  cursor: help;
+}
+code .token {
+  -moz-osx-font-smoothing: initial;
+  -webkit-font-smoothing: initial;
+  min-height: 1.5rem;
+  position: relative;
+  left: auto;
+}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/docs/overview/feature.md b/wechat-mini-program/node_modules/mp-html/docs/overview/feature.md
new file mode 100644
index 0000000..e84bb23
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/docs/overview/feature.md
@@ -0,0 +1,228 @@
+# 功能介绍
+
+## ⏳ 渲染效果 :id=show
+1. *加载提示*  
+   支持在 *mp-html* 标签内部放上自定义的加载提示，内容未加载完成（或为空）时将显示，加载完成后自动隐藏  
+   ```wxml
+   <mp-html>加载中...</mp-html>
+   ```
+2. *自动设置标题*  
+   支持自动把 *title* 标签的内容设置到页面标题上，如不需要，可通过 [set-title](basic/prop#set-title) 属性关闭  
+3. *长按复制*  
+   支持长按复制文本内容，可通过 [selectable](basic/prop#selectable) 属性开启  
+4. *支持 rpx*  
+   支持 *rpx* 作为单位，自动根据屏幕宽度调整  
+5. *支持 html 实体*  
+   支持所有形如 *&amp;#123;* 的 *html* 实体和大部分常用的形如 *&amp;nbsp;* 的实体  
+   
+
+## 📰 图片效果 :id=img
+1. *占位图*  
+   支持设置图片未加载完成时的占位图 [loading-img](basic/prop#loading-img) 和加载出错时的占位图 [error-img](basic/prop#error-img)  
+2. *懒加载*  
+   内容较长、图片较多时，开启懒加载有助于改善性能，需要时可通过 [lazy-load](basic/prop#lazy-load) 属性开启  
+3. *自动预览*  
+   图片被点击时，将自动放大预览，如不需要，可通过 [preview-img](basic/prop#preview-img) 属性关闭。还可以在 [imgtap](basic/event#imgtap) 事件中进行自定义处理    
+   自动预览通过特定的处理，可以实现左右滑动查看所有图片、预览重复链接不错位等效果  
+4. *预览高清图*  
+   同一张图片，可以给显示时和预览时设置不同的链接地址以达到最佳效果  
+   设置方式 1：给 *img* 标签增加一个 *original-src* 即可  
+   ```html
+   <!-- 显示时使用 xxx，预览时使用 yyy -->
+   <img src="xxx" original-src="yyy" />
+   ```
+   设置方式 2：通过 [imgList](advanced/api#imgList) 的 *api* 进行设置  
+5. *长按弹出菜单*  
+   微信和百度平台支持图片长按时弹出菜单，可以进行保存、分享等操作，如不需要，可通过 [show-img-menu](basic/prop#show-img-menu) 属性关闭  
+6. *装饰图片处理*  
+   有时对于一些小的装饰性图片，可能不希望产生上述效果，此时可以给 *img* 标签设置 *ignore* 属性，将屏蔽预览、弹出菜单等操作，提升体验  
+   ```html
+   <!-- 设置 ignore 属性后这张图片不可预览、不会弹出菜单 -->
+   <img src="xxx" ignore />
+   ```
+   在链接内的、*src* 为 *data url* 且没有设置 *original-src* 的图片，默认为不可预览的小图片  
+7. *支持原大小显示*  
+   本组件通过合理转换，基本实现了和 *html* 中 *img* 的相同效果：没有设置宽度时按原大小显示；设置了宽度时按比例缩放；同时设置宽高时按设置的值显示。不必去考虑小程序中的 *mode* 等问题  
+8. *支持 svg*  
+   虽然小程序中不支持 *svg* 系列标签，本组件通过在解析过程中转为 *data url* 图片的方式实现了 *svg* 的显示  
+
+## 🔗 链接效果 :id=link
+1. *支持设置多种状态下的样式*  
+   包括默认状态、点击态的样式，可以在 *src/node/node.wxss* 中进行修改  
+2. *锚点跳转*  
+   支持跳转内部锚点，使用锚点需要开启 [use-anchor](basic/prop#use-anchor) 属性  
+   跳转方式 1：给 *a* 标签的 *href* 属性设置为 *#id*，点击时即可跳转到对应 *id* 的位置（设置为 *#* 则跳转到开头）  
+   跳转方式 2：通过 [navigateTo](advanced/api#navigateTo) 的 *api* 进行跳转  
+   默认情况下锚点跳转通过控制页面滚动的方式进行，如果要在 *scroll-view* 内使用，可以通过 [in](advanced/api#in) 的 *api* 进行配置  
+3. *跳转内部路径*  
+   如果需要点击 *a* 标签跳转到小程序内的一个页面，直接将其 *href* 属性设置为页面路径即可（包括 *tab* 页面，需要使用绝对路径）  
+   ```html
+   <!-- 该链接被点击后将跳转到 /pages/test/test 页面 -->
+   <a href="/pages/test/test">链接</a>
+   ```
+4. *复制外部链接*  
+   对于外部链接，由于小程序无法直接打开，将自动复制到剪贴板，如不需要，可通过 [copy-link](basic/prop#copy-link) 属性关闭  
+
+?> 设置 *a* 标签的 *href* 属性时，如果是外部链接需将协议名 *http://* 写完整，否则会被认为是内部路径并尝试跳转  
+除这些默认的处理外，还可以在 [linktap](basic/event#linktap) 事件中进行自定义处理  
+
+## 📈 表格效果 :id=table
+1. *支持独立横向滚动*  
+   表格宽度通常较大，容易超出屏幕宽度，导致整体内容一起滚动，影响体验，可以通过设置 [scroll-table](basic/prop#scroll-table) 属性给所有表格添加一个滚动层使其能单独横向滚动  
+2. *支持常用表格属性*  
+   支持 *border*, *cellspacing*, *cellpadding*, *align* 等常用表格属性  
+3. *支持含有合并单元格的表格*  
+   
+附渲染原理：   
+小程序中没有 *table* 标签，使得显示表格一直是一个难题，本组件主要通过以下三种方式显示表格  
+
+| 显示方式 | 适用情况 | 说明 |
+|:---:|:---:|:---:|
+| *rich-text* 标签 | 表格内部没有链接、图片等特殊标签 | 效果最佳，几乎不需要进行转换 |
+| *table* 布局 | 表格内有特殊标签但没有使用合并单元格 | 需要进行一定转换，将 *table*, *tr*, *td* 等标签转为对应的布局 |
+| *grid* 布局 | 表格内有特殊标签且使用了合并单元格 | 需要进行复杂的转换将合并单元格用 *grid* 布局表现出来 |
+
+## 📊 列表效果 :id=list
+1. *支持多层嵌套*  
+   支持嵌套多层列表，对于无序列表，不同的层级会显示不同的黑点格式  
+2. *支持多种有序列表格式*  
+   通过设置 *ol* 标签的 *type* 属性，可以显示数字、字母、罗马数字等多种形式的标号  
+3. *支持不显示标号*  
+   支持通过设置 *list-style:none* 的方式不显示 *li* 标签开头的标号  
+
+## 🎬 音视频效果 :id=video  
+1. *自动暂停*  
+   在存在多个视频的情况下，同时播放可能会影响体验，本组件支持在播放一个视频的时候自动暂停其他所有视频，如不需要，可通过 [pause-video](basic/prop#pause-video) 属性关闭  
+   音频在引入 [audio](advanced/plugin#audio) 插件后也可以实现此效果  
+2. *多源加载*  
+   不同平台支持播放的格式不同，只设置一个 *src* 可能会出现兼容性问题导致无法播放，因此本组件支持像 *html* 中一样给 *video* 和 *audio* 设置多个 *source*，将按照顺序进行加载，直到可以播放，最大程度上避免无法播放  
+   ```html
+   <!-- 组件将依次加载 xxx 和 yyy -->
+   <video controls>
+     <source src="xxx">
+     <source src="yyy">
+   </video>
+   ```
+3. *自动添加控件*  
+   对于既没有设置 *controls* 也没有设置 *autoplay* 的标签将自动把 *controls* 属性设置为 *true*，避免无法播放，影响体验  
+
+## 📡 样式设置 :id=style
+样式（*css*）是富文本中最重要的内容之一，本组件提供多种样式设置的方法，可以进行灵活的设置  
+
+1. *行内样式*  
+   这是最常用的样式设置方法，直接将需要的样式放在对应标签的 *style* 属性中即可，这种方式仅作用于单个标签，优先级最高  
+2. *tag-style*  
+   这是本组件独有的一种样式设置方式，可以给某一种标签名设置默认的样式  
+   可以通过 [tag-style](basic/prop#tag-style) 属性设置，具体用法见对应说明  
+3. *外部样式*  
+   如果希望将某些样式固定的用于渲染，可以添加到 *tools/config.js* 的 *externStyle* 字段中，该方法仅支持 *class* 选择器（[2.1.0](changelog/changlog#v210) 版本起支持标签名选择器），优先级最低，具体见 [个性化](overview/quickstart#setting)  
+
+需要调整优先级时，可以通过设置 *!important* 实现  
+
+另外，通过引入 [style](advanced/plugin#style) 插件，还可以实现匹配 *style* 标签中样式的功能  
+
+## 🍭 全面的标签支持 :id=tag
+本组件支持以下标签和属性：  
+
+| 标签 | 属性 |
+|:---:|:---:|
+| a | href |
+| abbr |  |
+| address |  |
+| article |  |
+| aside |  |
+| audio | author, controls, loop, name, poster, src |
+| b |  |
+| base | href |
+| big |  |
+| blockquote |  |
+| body |  |
+| br |  |
+| caption |   |
+| center |  |
+| cite |  |
+| code |  |
+| col | span |
+| colgroup | span |
+| dd |  |
+| del |  |
+| div |  |
+| dl |  |
+| dt |  |
+| em |  |
+| embed | autostart, loop, src, type |
+| fieldset |  |
+| font | color, face, size |
+| footer |  |
+| h1 |  |
+| h2 |  |
+| h3 |  |
+| h4 |  |
+| h5 |  |
+| h6 |  |
+| head |  |
+| header |  |
+| hr |  |
+| html |  |
+| i |  |
+| img | ignore, original-src, src |
+| ins |  |
+| label |  |
+| legend |  |
+| li |  |
+| mark |  |
+| nav |  |
+| ol | start, type |
+| p |  |
+| pre |  |
+| q |  |
+| rt |  |
+| ruby |  |
+| s |  |
+| section |  |
+| small |  |
+| source | src |
+| span |  |
+| strike |  |
+| strong |  |
+| style |  |
+| sub |  |
+| sup |  |
+| table | border, cellpadding, cellspacing |
+| tbody |  |
+| td | colspan, rowspan |
+| tfoot |   |
+| th | colspan, rowspan |
+| thead |  |
+| tr |  |
+| tt |  |
+| u |  |
+| ul |  |
+| video | autoplay, controls, loop, muted, object-fit, poster, src |
+
+说明：  
+1. 除上面列举的外，还支持 *svg* 系列的标签和 *id*、*style*、*class*、*align*、*height*、*width*、*dir* 属性  
+2. 对于不信任的标签，除个别将被直接移除，都会被转为一个行内标签，因此可以使用更多语义化标签  
+
+## 🌟 稳定性 :id=stable  
+本组件的解析脚本能够支持多种 *html* 格式，具有强大的稳定性：  
+1. 标签名中可以含有 *:* 等特殊字符（如 *o:p*）  
+2. 标签名和属性名大小写不敏感  
+3. 属性值可以不加引号、加单引号、加双引号，也可以缺省（默认 *true*）  
+4. 属性之间可以没有空格（通过引号划分）、有空格（可以多个）、有换行符  
+5. 支持正常格式、*CDATA* 等多种形式的注释  
+
+同时，对于一些错误情况，程序也能够自动处理：  
+1. 标签首尾不匹配  
+2. 属性值中冒号不匹配  
+3. 标签未闭合  
+
+以下情况均能正确解析：  
+```html
+<!-- 不同的属性格式 -->
+<font face="宋体" color='green' size=7>Hello</font>
+<!-- 标签首尾不匹配或未闭合 -->
+<div> World</section>
+<!-- 大小写搭配 -->
+<dIv StYle="color:green">!</DIv>
+```
diff --git a/wechat-mini-program/node_modules/mp-html/docs/overview/quickstart.md b/wechat-mini-program/node_modules/mp-html/docs/overview/quickstart.md
new file mode 100644
index 0000000..0dcc3a8
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/docs/overview/quickstart.md
@@ -0,0 +1,287 @@
+# 快速开始 :id=quickstart
+
+## 📦 源码获取 :id=source
+
+#### 小程序方式 :id=mp
+!> 该方式暂不可用
+
+打开微信小程序 *富文本插件*，点击 *获取组件包* 按钮，选择使用平台、[扩展插件](advanced/plugin) 以及 [个性化设置](#setting) 后即可生成组件包  
+![富文本插件](../assets/case/富文本插件.jpg)
+
+#### npm 方式 :id=npm
+   ```bash
+   # 通过 npm 获取
+   npm install mp-html
+   # 或通过 yarn 获取
+   yarn add mp-html
+   ```
+   需要升级时：  
+   ```bash
+   # 通过 npm 升级
+   npm update mp-html
+   # 或通过 yarn 升级
+   yarn upgrade mp-html
+   ```
+#### git 方式 :id=git
+   ```bash
+   # 通过 github 获取
+   git clone https://github.com/jin-yufeng/mp-html.git
+   # 或通过 gitee 获取
+   git clone https://gitee.com/jin-yufeng/mp-html.git
+   ```
+#### 下载 zip :id=zip
+   *github releases*：[https://github.com/jin-yufeng/mp-html/releases](https://github.com/jin-yufeng/mp-html/releases)  
+   *gitee releases*：[https://gitee.com/jin-yufeng/mp-html/releases](https://gitee.com/jin-yufeng/mp-html/releases)
+
+#### QQ 群 :id=qqgroup
+*QQ* 交流群的群文件中也可以获取组件包  
+交流群1: `699734691`  
+交流群2: `778239129`  
+交流群3: `960265313`  
+
+## 📚 引入和使用 :id=use
+
+### 📗 原生框架 :id=miniprogram
+
+#### 引入 :id=mp-import
+- npm 方式  
+  
+  ?> 本方法仅适用于微信、*QQ* 小程序  
+
+  1. 在小程序项目根目录下通过 [npm](#npm) 安装组件包  
+  2. 开发者工具中勾选 *使用 npm 模块*（若没有此选项则不需要）并点击 *工具* - *构建 npm*  
+  3. 在需要使用页面的 *json* 文件中添加  
+     ```json
+     {
+       "usingComponents": {
+         "mp-html": "mp-html"
+       }
+     }
+     ```
+
+- 源码引入
+  
+  ?> 本方法适用于所有平台  
+
+  1. 将 [源码](#source) 中对应平台的代码包（*dist/platform*）拷贝到 *components* 目录下，更名为 *mp-html*  
+  2. 在需要使用页面的 *json* 文件中添加  
+     ```json
+     {
+       "usingComponents": {
+         "mp-html": "/components/mp-html/index"
+       }
+     }
+     ```
+
+#### 使用 :id=mp-use
+
+1. 在需要使用页面的 *wxml* 文件中添加  
+   ```wxml
+   <mp-html content="{{html}}" />
+   ```
+2. 在需要使用页面的 *js* 文件中添加  
+   ```javascript
+   Page({
+     onLoad () {
+       this.setData({
+         html: '<div>Hello World!</div>'
+       })
+     }
+   })
+   ```
+
+支持的 [属性](basic/prop) 和 [事件](basic/event) 见对应文档
+
+### 📘 uni-app 框架 :id=uni-app
+
+#### uni-modules 方式 :id=uni-modules
+?> 本方法需要使用 *3.1.0+* 版本的 *HBuilder X* 开发  
+
+1. 进入 [插件市场](https://ext.dcloud.net.cn/plugin?id=805)，点击右上角的 *使用 HBuilder X 导入插件* 按钮导入项目或点击 *下载插件ZIP* 按钮下载插件包并解压到项目的 *uni_modules/mp-html* 目录下  
+2. 在需要使用页面的 *(n)vue* 文件中添加  
+  ```vue
+   <template>
+     <view>
+       <!-- 不需要引入，可直接使用 -->
+       <mp-html :content="html" />
+     </view>
+   </template>
+   <script>
+     export default {
+       data () {
+         return {
+           html: '<div>Hello World!</div>'
+         }
+       }
+     }
+   </script>
+   ```
+3. 需要更新版本时在 *HBuilder X* 中右键 *uni_modules/mp-html* 目录选择 *从插件市场更新* 即可  
+
+#### 源码方式 :id=uni-app-source
+1. 将 [源码](#source) 中 *dist/uni-app* 内的内容拷贝到 **项目根目录** 下   
+
+   !> [插件市场](https://ext.dcloud.net.cn/plugin?id=805) 的 *非 uni_modules* 版本无法更新，请从其他方式获取 [源码](#source)
+2. 在需要使用页面的 *(n)vue* 文件中添加  
+   ```vue
+   <template>
+     <view>
+       <mp-html :content="html" />
+     </view>
+   </template>
+   <script>
+     import mpHtml from '@/components/mp-html/mp-html'
+     export default {
+       // HBuilderX 2.5.5+ 可以通过 easycom 自动引入
+       components: {
+         mpHtml
+       },
+       data () {
+         return {
+           html: '<div>Hello World!</div>'
+         }
+       }
+     }
+   </script>
+   ```
+
+#### npm 方式 :id=uni-app-npm
+1. 在项目根目录下通过 [npm](#npm) 安装组件包  
+2. 在需要使用页面的 *(n)vue* 文件中添加  
+   ```vue
+   <template>
+     <view>
+       <mp-html :content="html" />
+     </view>
+   </template>
+   <script>
+     import mpHtml from 'mp-html/dist/uni-app/components/mp-html/mp-html'
+     export default {
+       // 不可省略
+       components: {
+         mpHtml
+       },
+       data () {
+         return {
+           html: '<div>Hello World!</div>'
+         }
+       }
+     }
+   </script>
+   ```
+
+!> 使用 *cli* 方式运行的项目，通过 *npm* 方式引入时，需要在 *vue.config.js* 中配置 *transpileDependencies*，详情可见 [#330](https://github.com/jin-yufeng/mp-html/issues/330#issuecomment-913617687)
+
+!> 如果在 *nvue* 中使用还要将 *dist/uni-app/static* 目录下的内容拷贝到项目的 *static* 目录下，否则无法运行  
+
+支持的 [属性](basic/prop) 和 [事件](basic/event) 见对应文档  
+
+由于 *uni-app* 编译过程中会进行压缩，构建 *uni-app* 包时基本不进行压缩，包的体积与原生包相比较大  
+
+#### 关于 nvue :id=nvue
+*nvue* 使用原生渲染，不支持部分 *css* 样式，为实现和 *html* 相同的效果，组件内部通过 *web-view* 进行渲染，性能上差于原生，根据 *weex* 官方建议，*web* 标签仅应用在非常规的降级场景。因此，如果通过原生的方式（如 *richtext*）能够满足需要，则不建议使用本组件，如果有较多的富文本内容，则可以直接使用 *vue* 页面  
+由于渲染方式与其他端不同，有以下限制：  
+1. 不支持 [lazy-load](basic/prop#lazy-load) 属性
+2. 视频不支持全屏播放
+3. 如果在 *flex-direction: row* 的容器中使用，需要给组件设置宽度或设置 *flex: 1* 占满剩余宽度
+
+### 📙 其他框架 :id=other
+其他框架没有专用包，但也可以引入对应平台的原生包使用，具体方法参考各框架官方文档    
+
+- taro  
+  [https://taro-docs.jd.com/docs/hybrid#使用原生组件](https://taro-docs.jd.com/docs/hybrid#%E4%BD%BF%E7%94%A8%E5%8E%9F%E7%94%9F%E7%BB%84%E4%BB%B6)  
+
+  !> 在 *taro2* 中使用请使用 [示例项目](#demo) 中的非压缩组件包，否则可能出现异常，详见 [#301](https://github.com/jin-yufeng/mp-html/issues/301)
+
+  !> 在 *taro3* 的 *vue3* 中使用时需要修改 *content* 属性的属性名或使用 [setContent](advanced/api#setContent) 方法设置内容，详见 [taro#13146](https://github.com/NervJS/taro/issues/13146)
+
+  ?> 在 *taro* 中使用时属性名需用驼峰写法，如 *copy-link* 属性应写作 *copyLink*  
+  
+  ?> 需要 *taro* 专用包的开发者欢迎参与 [需求调研](https://github.com/jin-yufeng/mp-html/issues/374)
+- kbone  
+  [https://wechat-miniprogram.github.io/kbone/docs/guide/advanced.html#使用小程序自定义组件](https://wechat-miniprogram.github.io/kbone/docs/guide/advanced.html#%E4%BD%BF%E7%94%A8%E5%B0%8F%E7%A8%8B%E5%BA%8F%E8%87%AA%E5%AE%9A%E4%B9%89%E7%BB%84%E4%BB%B6)  
+- chameleon  
+  [https://cml.js.org/docs/io.html#怎么引入微信小程序组件](https://cml.js.org/docs/io.html#%E6%80%8E%E4%B9%88%E5%BC%95%E5%85%A5%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E7%BB%84%E4%BB%B6)
+- remax  
+  [https://remaxjs.org/guide/basic/custom-component](https://remaxjs.org/guide/basic/custom-component)
+
+## 💡 运行示例 :id=demo
+1. 安装依赖  
+   ```bash
+   # 通过 npm 安装
+   npm install
+   # 或通过 yarn 安装
+   yarn
+   ```
+2. 生成 *demo* 项目  
+   ```bash
+   # 生成微信示例项目到 dev/mp-weixin
+   npm run dev:weixin
+   # 生成 qq 示例项目到 dev/mp-qq
+   npm run dev:qq
+   # 生成百度示例项目到 dev/mp-baidu
+   npm run dev:baidu
+   # 生成支付宝示例项目到 dev/mp-alipay
+   npm run dev:alipay
+   # 生成头条示例项目到 dev/mp-toutiao
+   npm run dev:toutiao
+   # 生成 uni-app 示例项目到 dev/uni-app
+   npm run dev:uni-app
+   ```
+3. 运行  
+   用各平台的开发者工具打开 *dev/platform* 文件夹即可  
+4. 监听修改  
+   如果要对 *demo* 项目进行修改（如放入自己的测试内容）可在 *tools/demo* 目录中进行修改  
+   如果要对组件包进行修改可在 *src* 目录中进行修改（参考 [二次开发](advanced/develop) ）  
+   可以通过 *watch* 命令监听修改并实时编译到 *dev* 目录下  
+   ```bash
+   # 监听并实时生成微信示例项目到 dev/mp-weixin
+   npm run watch:weixin
+   # 监听并实时生成 qq 示例项目到 dev/mp-qq
+   npm run watch:qq
+   # 监听并实时生成百度示例项目到 dev/mp-baidu
+   npm run watch:baidu
+   # 监听并实时生成支付宝示例项目到 dev/mp-alipay
+   npm run watch:alipay
+   # 监听并实时生成头条示例项目到 dev/mp-toutiao
+   npm run watch:toutiao
+   ```
+
+## 🎈 个性化 :id=setting  
+?> 本组件提供了以下配置项可以生成个性化的组件包，配置项可以通过 [示例小程序](#mp) 进行设置，或参考 [使用插件包](advanced/plugin#use) 中的 *npm* 方式自行设置配置文件并进行打包  
+
+#### plugins  
+需要使用的插件名称列表，关于插件的详细信息见 [插件](advanced/plugin)  
+
+#### externStyle  
+!> 暂不支持对图片设置宽高，详见 [#426](https://github.com/jin-yufeng/mp-html/issues/426)
+
+外部样式，一个 *css* 字符串，将被用于 *html* 的渲染，但仅支持 *class* 选择器  
+
+?> [2.1.0](changelog/changelog#v210) 版本起增加支持 **标签名选择器**，通过这种方式给标签设置的样式全局有效，在样式较长或作用标签数量较大时这种方法的性能要高于 [tag-style](basic/prop#tag-style) 属性，且写法更加灵活（可以与伪类、*class* 配合等）  
+需要注意的是，由于 [组件](https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html#%E7%BB%84%E4%BB%B6%E6%A0%B7%E5%BC%8F) 内仅支持 *class* 选择器，直接将标签名选择器 **写在 wxss 中是无效的**，必须写在本字段中，构建过程中会自动转换为 *class* 选择器  
+
+?> [2.3.1](changelog/changelog#v231) 版本起，组件取消样式隔离，部分平台（微信小程序 *2.11.0+* 基础库完全支持；*QQ*、百度小程序部分情况下支持）支持直接引入页面样式中的 *class* 选择器，无需使用本方法引入；若遇到样式无法生效或需要使用标签名选择器，则仍需要使用本方法
+
+#### customElements  
+自定义标签列表（[2.2.0](changelog/changelog#v220) 版本起支持），可以在这里注册需要使用的小程序功能标签（如 *ad*、*ad-custom*、*official-account*、*map* 等）  
+每个标签为一个 *object*，需要包含以下字段，注册完成后即可在传入的 `html` 中使用该组件  
+
+| 字段名 | 功能 | 类型 | 必填 | 备注 |
+|:---:|:---:|:---:|:---:|:---:|
+| name | 标签名 | String | 是 |  |
+| attrs | 需要使用的属性列表 | String[] | 否 | class 和 style 默认添加，无需填写 |
+| platforms | 需要使用的平台 | String[] | 否 | 默认添加到所有平台，可以从 h5、mp-weixin、mp-qq、mp-baidu、mp-alipay、mp-toutiao、app-plus 中选择，不区分大小写 |
+
+?> 仅能添加没有子节点的标签，且不响应任何事件，如果需要更加复杂的功能，可以通过 [插件](advanced/plugin#develop) 实现  
+
+示例：  
+```javascript
+// 设置完成后 html 中添加 <ad unit-id="xxx" /> 即可使用该标签
+customElements: [{
+  name: 'ad',
+  attrs: ['unit-id']
+}]
+```
+
+剩余的是一些编译过程中压缩工具的配置，可以按需要设置  
diff --git a/wechat-mini-program/node_modules/mp-html/docs/question/contribution.md b/wechat-mini-program/node_modules/mp-html/docs/question/contribution.md
new file mode 100644
index 0000000..2f7d4c0
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/docs/question/contribution.md
@@ -0,0 +1,16 @@
+# 📝 贡献指南 :id=contribution
+
+本组件欢迎所有开发者对以下方面提交 [pr](https://github.com/jin-yufeng/mp-html/pulls)，一起完善本组件
+
+1. 针对 [issue](https://github.com/jin-yufeng/mp-html/issues) 中 *bug* 的修复
+2. 实现新功能
+   - 在主包中添加（需确保该功能适用面广且体积不大）
+   - 新增扩展插件（参考 [开发插件](advanced/plugin#develop)）
+3. 文档错误修复
+
+开发过程中请注意：
+1. 不要修改 [dist](https://github.com/jin-yufeng/mp-html/tree/master/dist) 目录下的文件（该文件夹在版本更新时会进行构建）和配置文件
+2. 代码风格参考 [standard](https://standardjs.com)
+3. 可参考 [二次开发](advanced/develop) 中的说明
+
+感谢所有 [贡献者](https://github.com/jin-yufeng/mp-html/graphs/contributors) 对本组件的贡献  
diff --git a/wechat-mini-program/node_modules/mp-html/docs/question/faq.md b/wechat-mini-program/node_modules/mp-html/docs/question/faq.md
new file mode 100644
index 0000000..68bf452
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/docs/question/faq.md
@@ -0,0 +1,152 @@
+# 📘 常见问题 :id=question
+
+## 无法使用扩展功能 :id=plugin
+由于小程序空间有限，默认组件包中仅包含基本功能，其他 [扩展](advanced/plugin) 按需添加。
+
+!> 编辑器、*markdown*、代码高亮、关键词搜索、*latex* 公式等属于 [扩展](advanced/plugin) 功能，直接获取的组件包中 **不包含** 这些功能
+
+需要使用扩展功能的，参考 [使用插件](advanced/plugin#use) 的说明，通过示例小程序或 *npm* 打包的方式获取包含扩展功能的组件包替换原组件包，然后按照各个 [扩展](advanced/plugin) 插件的说明和示例进行使用
+
+## 图片底部缝隙 :id=img
+由于图片的默认 *display* 是 *inline-block*，多个图片连接时底部会有一条缝隙，可以通过设置 *vertical-align: bottom*, *display:block* 或 *float:left* 等方法去除  
+设置以上样式后仍有一个小缝隙的，可以进一步添加 *margin-top:-1px*  
+设置方法参考 [样式设置](overview/feature#style)  
+
+## 标签原样显示 :id=entity
+如果出现渲染后 *html* 标签还是原样显示，请检查传入的 *html* 是否被转义：
+1. *&lt;* 和 *&gt;* 被转义为 *&amp;lt;* 和 *&amp;gt;*  
+2. *&lt;img* 被转义为 *< img*  
+
+如果是则需要进行替换  
+```javascript
+// 第一种
+html = html.replace(/&lt;/g, '<').replace(/&gt;/g, '>') // 如果还转义了其他字符如 &amp; 等也要进行替换
+// 第二种
+html = html.replace(/< img/g, '<img')
+```
+
+## 空白符失效 :id=space
+*html* 中，默认会将多个空白符（包括换行）合并为一个空格，若不希望如此，可参考以下方法：  
+1. 替换为指定标签或实体编码  
+   换行可以使用 *br* 标签  
+   连续空格可以使用 *&amp;nbsp;* *&amp;ensp;* *&amp;emsp;* 等实体编码  
+   ```javascript
+   html = html.replace(/\n/g, '<br>') // 替换换行符
+   ```
+2. 通过 *css* 设置 *white-space*  
+   将 *css* 中的 *white-space* 设置为 *pre-line* 可以保留换行符，设置为 *pre-wrap* 可以保留空格和换行符  
+   给特定标签设置的方法见 [样式设置](overview/feature#style)，需要注意的是如果通过外部样式设置 *white-space* 将不会生效，因为在解析过程中为减小解析结果大小提前进行了空白符合并（解析过程中无法获取外部样式）  
+   [2.1.2](changelog/changelog#v212) 版本起可以通过 [container-style](basic/prop#container-style) 属性全局设置 *white-space*  
+   ```html
+   <mp-html container-style="white-space:pre-wrap" />
+   ```
+
+## 表格没有边框 :id=table
+*html* 中的 *table* 标签默认没有边框，一些编辑器有自带的表格样式，没有引入就会导致表格边框缺失，可通过以下方式解决：  
+1. 给 `table` 标签设置 `border` 属性
+   ```javascript
+   html = html.replace(/<table/g, '<table border="1"')
+   ```
+2. 通过 [tag-style](basic/prop#tag-style) 属性或 [外部样式](overview/quickstart#externStyle) 给表格标签设置默认样式
+   ```javascript
+   tagStyle: {
+      table: 'border-top: 1px solid gray; border-left: 1px solid gray; border-collapse:collapse',
+      th: 'border-right: 1px solid gray; border-bottom: 1px solid gray;',
+      td: 'border-right: 1px solid gray; border-bottom: 1px solid gray;'
+   }
+   ```
+
+## 多媒体内容不显示 :id=media
+若出现 图片不显示/无法预览、音频/视频无法播放 等问题，可通过以下方式检查：  
+- 若视频不显示，请检查 *html* 中的视频是否为 *video* 标签（*iframe* 标签在小程序端仅微信小程序可以通过 [腾讯视频插件](advanced/plugin#txv-video) 播放，其他不支持）
+- 若图片无法预览，请检查该图片是否为 *base64* 格式，目前不支持 *base64* 图片预览（原因参考 [#249](https://github.com/jin-yufeng/mp-html/issues/249#issuecomment-755290540)；如果确需使用，可将 [parser.js#L425](https://github.com/jin-yufeng/mp-html/blob/master/src/miniprogram/parser.js#L425) 去掉，在部分平台可能可以使用）
+- 若是 *svg* 无法显示，请检查是否包含响应式 *animate* 等标签，目前不支持（原因参考 [#569](https://github.com/jin-yufeng/mp-html/issues/569)），除此之外可能是 *svg* 标签名和属性名大小写问题，可以在 [svgDict](https://github.com/jin-yufeng/mp-html/blob/master/src/miniprogram/parser.js#L61) 中补充
+- 若非以上原因依然无法显示，将该 图片/音频/视频 的链接放在原生标签 [image](https://developers.weixin.qq.com/miniprogram/dev/component/image.html)、[audio](https://developers.weixin.qq.com/miniprogram/dev/component/audio.html)、[video](https://developers.weixin.qq.com/miniprogram/dev/component/video.html) 或 api [wx.previewImage](https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.previewImage.html) 中进行测试，如果也不能显示，则链接存在问题  
+  若出现这种情况，可按照以下方法进行检查  
+  1. 检查链接是否完整（缺少域名可以设置 [domain](basic/prop#domain) 属性）、有效（可以放在浏览器中测试）  
+  2. 检查链接是否存在防盗链（可以参考 [#387](https://github.com/jin-yufeng/mp-html/issues/387)）  
+  3. 检查编码和格式是否支持（参考 [音频格式](https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/InnerAudioContext.html#%E6%94%AF%E6%8C%81%E6%A0%BC%E5%BC%8F)、[视频格式和编码](https://developers.weixin.qq.com/miniprogram/dev/component/video.html#%E6%94%AF%E6%8C%81%E7%9A%84%E6%A0%BC%E5%BC%8F)）  
+  4. 查看 *error* 事件中的错误信息
+
+## 长内容处理 :id=long
+如果富文本内容特别长，可以考虑以下方案：  
+1. 分次渲染  
+   小程序中单次 *setData* 大小不能超过 *1MB*，如果内容过长，可以先将内容拆分成几段，首先渲染第一段，后续内容在适当的时机（触底等）通过 [setContent](/advanced/api#setContent) 方法追加到末尾  
+2. 分页渲染  
+   以上方案虽然能解决一次性设置数据过大问题，但过长的内容仍会导致总标签数量过大，页面性能下降的问题，因此，对于过长的内容，应该分页进行显示，每页仅显示一部分  
+
+## 懒加载失效 :id=lazy-load
+如果富文本内容全部（或大部分）是图片，由于其图片未加载时大小为零，即使数量很多也会全部进入视图范围，导致懒加载失效，若出现这种情况，可通过以下方案解决  
+1. 通过 [tag-style](basic/prop#tag-style) 属性等方法给 *img* 父级标签的样式里设置 *min-height*（如果直接给图片本身设置 *min-height*，可能在加载过程中出现变形的情况）  
+2. 通过 [loading-img](basic/prop#loading-img) 属性设置加载过程中的占位图  
+
+## 一般标签的点击事件 :id=tap
+默认情况下，组件仅支持 *a* 和 *img* 标签的点击事件，如果希望给标签添加点击事件，又不希望应用 *a* 标签的默认样式，可以使用没有 *href* 属性的 *a* 标签，该标签不会应用链接的默认样式，但被点击时会触发 *linktap* 事件，可以在 *data-* 属性中记录需要的信息  
+
+## 基础库要求 :id=lib
+本组件尽最大可能兼容低版本基础库，各平台只要满足 **最低要求** 即可正常使用（不报错，但高基础库支持的功能不可用），可按照实际需要设置最低基础库要求  
+
+微信：  
+
+| 版本 | 功能 | 占比 |
+|:---:|:---:|:---:|
+| 2.9.0+ | ios 支持 webp 图片 | >99.74% |
+| 2.7.0+ | 支持图片长按弹出菜单 | >99.87% |
+| 2.4.0+ | 支持 video 同层渲染 | >99.90% |
+| 2.3.0+ | 支持使用云文件 ID | >99.98% |
+| 2.2.1+ | 支持 npm 引入 | >99.99% |
+| 1.9.94+ | 支持使用 ad | >99.99% |
+| 1.6.6+ | 可以使用 | >99.99% |
+
+QQ：  
+
+| 版本 | 功能 |
+|:---:|:---:|
+| 安卓 1.10.2+，ios 1.4.7+ | 支持 video 同层渲染 |
+| 1.1.7+ | 可以使用 |
+
+百度：  
+
+| 版本 | 功能 | 占比 |
+|:---:|:---:|:---:|
+| 3.180.1+ | ios 支持 webp 图片 | >99.04% |
+| 3.170.1+ | 支持图片长按弹出菜单 | >99.19% |
+| 3.90.25+ | 可以使用 | >99.99% |
+
+*3.240.10* - *3.260.25* 基础库由于 [此问题](https://smartprogram.baidu.com/forum/topic/show/125787)，需要将以下样式拷贝到 *app.css* 以保证正确显示  
+```css
+/* a 标签默认效果 */
+._a {
+  padding: 1.5px 0 1.5px 0;
+  color: #366092;
+  word-break: break-all;
+}
+
+/* a 标签点击态效果 */
+._hover {
+  text-decoration: underline;
+  opacity: 0.7;
+}
+
+/* 图片默认效果 */
+._img {
+  max-width: 100%;
+  -webkit-touch-callout: none;
+}
+```
+
+支付宝：  
+
+| 版本 | 功能 | 占比 |
+|:---:|:---:|:---:|
+| 1.11.0+ | 可以使用 | >97.95% |
+
+头条：  
+
+| 版本 | 功能 |
+|:---:|:---:|
+| 1.59.0+ | 支持 video 同层渲染 |
+| 1.19.0+ | 支持使用 ad |
+| 1.7.0+ | 可以使用 |
+
+!> 不支持 *video* 同层渲染时，需要注意原生组件的限制，视频的层级最高，且不能在 *scroll-view* 中使用  
diff --git a/wechat-mini-program/node_modules/mp-html/docs/question/feedback.md b/wechat-mini-program/node_modules/mp-html/docs/question/feedback.md
new file mode 100644
index 0000000..4bb0797
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/docs/question/feedback.md
@@ -0,0 +1,30 @@
+# 📩 反馈 :id=feedback
+
+## 注意事项 :id=notice
+反馈问题前，请先确认以下方式无法解决：  
+1. 在 [常见问题](question/faq) 中查看是否已有解决方案
+2. 在 [issue](https://github.com/jin-yufeng/mp-html/issues) 中查找是否已有相同或类似的问题
+3. 如果是对于渲染效果的问题，请先在下方的模拟器中尝试，如果在浏览器中渲染也不正常，请检查样式
+
+<div style="display: flex;">
+  <div style="flex: 1; margin: 0 40px; display: flex; flex-direction: column;">
+    <textarea id="input" style="flex: 1; width: 100%; padding: 5px; resize: none;" placeholder="请输入 html 内容"></textarea>
+    <div style="text-align: center; margin-top: 10px;">
+      <button onclick="reset()">清空</button>
+      <button onclick="render()" style="margin-left: 20px;">渲染</button>
+    </div>
+  </div>
+  <div style="flex: 0 0 320px; height: 568px; box-shadow: 0px 0px 10px #c0c0c0;">
+    <iframe id="show" style="width: 100%; height: 100%; margin: 0;"></iframe>
+  </div>
+</div>
+
+## 反馈方式 :id=method
+1. *issue* 方式  
+   在 *github* 中提出 [issue](https://github.com/jin-yufeng/mp-html/issues/new/choose)（推荐，解决方案可以给其他人参考）
+2. *QQ* 群方式  
+   加入 *QQ* 交流群 *699734691* 或 *778239129*，并发送和交流相关问题  
+3. 邮箱方式  
+   如果不希望公开问题，可以通过邮箱方式联系，发送邮件到 *mp_html@126.com*，邮件格式可参考 [issue 模板](https://github.com/jin-yufeng/mp-html/issues/new/choose)
+
+!> 注意务必按照模板要求填写，未描述清楚或无法复现的问题将不予处理
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/gulpfile.js b/wechat-mini-program/node_modules/mp-html/gulpfile.js
new file mode 100644
index 0000000..7cbf1d6
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/gulpfile.js
@@ -0,0 +1,113 @@
+/**
+ * @fileoverview 自动构建程序
+ * @author Jin Yufeng
+ */
+
+// 载入 gulp 插件
+const gulp = require('gulp')
+const htmlmin = require('gulp-htmlmin')
+const babel = require('gulp-babel')
+const uglify = require('gulp-uglify')
+const cleanCss = require('gulp-clean-css')
+const clean = require('gulp-clean')
+const gulpif = require('gulp-if')
+const plumber = require('gulp-plumber')
+const size = require('gulp-size')
+
+// 载入构建工具
+const config = require('./tools/config')
+const converter = require('./tools/converter')
+const ifdef = require('./tools/ifdef')
+const minifier = require('./tools/minifier')
+const plugin = require('./tools/plugin')
+
+// 载入环境信息
+const isDev = process.argv.includes('--dev')
+let platform = process.argv[3]
+if (!platform) {
+  throw Error('缺少平台信息')
+}
+platform = platform.substr(2)
+
+/**
+ * @description 清理文件夹
+ */
+gulp.task('clean', () => {
+  return gulp.src(`${isDev ? 'dev' : 'dist'}/${platform === 'all' ? '' : platform + '/'}*`, {
+    read: false,
+    allowEmpty: true
+  })
+    .pipe(clean())
+})
+
+/**
+ * @description 生成原生组件包（含插件）
+ * @returns {NodeJS.ReadWriteStream}
+ */
+function packComp () {
+  return gulp.src(['plugins/**/*', 'src/**/*'], {
+    nodir: true
+  })
+    // 公共处理
+    .pipe(plumber()) // 错误处理
+    .pipe(plugin.build(platform)) // 构建插件
+    .pipe(ifdef(platform)) // 条件编译
+    // wxml 处理
+    .pipe(gulpif(file => file.extname === '.wxml', minifier.wxs())) // 压缩内联 wxs
+    .pipe(gulpif(file => file.extname === '.wxml', htmlmin(config.htmlmin))) // 压缩 wxml
+    .pipe(gulpif(file => file.extname === '.html', htmlmin(Object.assign({}, config.htmlmin, { // 压缩 html
+      minifyCSS: true
+    }))))
+    // js 处理
+    .pipe(gulpif(file => file.extname === '.js' && !file.stem.includes('.min') && (platform !== 'uni-app' || file.relative.includes('static')), babel(config.babel))) // es6 转 es5
+    .pipe(gulpif(file => file.extname === '.js' && !file.stem.includes('.min') && !isDev && (platform !== 'uni-app' || file.relative.includes('static')), uglify(config.uglify))) // 压缩 js
+    // wxss（css）处理
+    .pipe(gulpif(file => file.extname.includes('ss'), cleanCss(config.cleanCss))) // 压缩 wxss
+    .pipe(plugin.importCss()) // 引入插件中的 css 文件
+    // json 处理
+    .pipe(gulpif(file => file.extname === '.json', minifier.json())) // 压缩 json
+    // 公共处理
+    .pipe(converter(platform)) // 将微信端的代码转换到各个平台
+    .pipe(gulpif(!isDev, size({
+      title: `${platform} 包生成完毕`
+    })))
+    .pipe(gulp.dest(file => {
+      return `${isDev ? 'dev' : 'dist'}/${platform}/${(platform === 'uni-app' && !file.relative.includes('components') && !file.relative.includes('static')) || (platform !== 'uni-app' && isDev) ? 'components/mp-html/' : ''}`
+    }))
+}
+
+gulp.task('build', gulp.series('clean', packComp))
+
+/**
+ * @description 生成原生示例项目
+ * @returns {NodeJS.ReadWriteStream}
+ */
+function packDemo () {
+  return gulp.src(['tools/demo/**/*', 'test/content.js'], {
+    nodir: true
+  })
+    .pipe(ifdef(platform))
+    .pipe(gulpif(platform !== 'uni-app', converter(platform)))
+    .pipe(gulp.dest(`dev/${platform}/`))
+}
+
+gulp.task('dev', gulp.series('clean', gulp.parallel(packComp, packDemo)))
+
+/**
+ * @description 监听文件变化
+ */
+gulp.task('watch-demo', () => {
+  gulp.watch(['tools/demo/**/*', 'test/content.js']).on('all', (type, file) => {
+    console.log(type + ':' + file)
+    packDemo()
+  })
+})
+
+gulp.task('watch-comp', () => {
+  gulp.watch(['src/**/*', 'src/common/**/*', 'plugins/**/*']).on('all', (type, file) => {
+    console.log(type + ':' + file)
+    packComp()
+  })
+})
+
+gulp.task('watch', gulp.parallel('watch-demo', 'watch-comp'))
diff --git a/wechat-mini-program/node_modules/mp-html/lint.js b/wechat-mini-program/node_modules/mp-html/lint.js
new file mode 100644
index 0000000..0e5a80d
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/lint.js
@@ -0,0 +1,63 @@
+const fs = require('fs')
+const glob = require('glob')
+const standard = require('standard')
+
+// 解析参数
+let fix = false
+let mode = '**/*.@(js|vue)'
+for (let i = 2; i < process.argv.length; i++) {
+  if (process.argv[i] === '--fix') {
+    fix = true
+  } else {
+    mode = process.argv[i]
+  }
+}
+
+// 检查 js 文件
+function lintJs (filePath, content) {
+  const res = standard.lintTextSync(content, {
+    global: ['App', 'Page', 'Component', 'wx', 'requirePlugin', 'uni', 'test', 'expect', 'plus', 'Image'],
+    fix
+  }).results
+  // 写回修复的内容
+  if (fix && res[0].output) {
+    fs.writeFileSync(filePath, res[0].output)
+  }
+  // 打印错误信息
+  for (let i = 0; i < res[0].messages.length; i++) {
+    const item = res[0].messages[i]
+    console.log(filePath + ':' + item.line + ':' + item.column + ': ' + item.message)
+  }
+}
+
+// 检查 vue 文件
+function lintVue (filePath, content) {
+  // 提取 script 部分
+  const script = content.match(/<script>([\s\S]+?)<\/script>/)
+  const line = content.substr(0, script.index).split('\n').length - 1
+  const res = standard.lintTextSync(script[1], {
+    global: ['uni', 'plus', 'weex'],
+    fix
+  }).results
+  // 写回修复的内容
+  if (fix && res[0].output) {
+    fs.writeFileSync(filePath, content.replace(/<script>[\s\S]+?<\/script>/, '<script>' + res[0].output + '</script>'))
+  }
+  // 打印错误信息
+  for (let i = 0; i < res[0].messages.length; i++) {
+    const item = res[0].messages[i]
+    console.log(filePath + ':' + (line + item.line) + ':' + item.column + ': ' + item.message)
+  }
+}
+
+glob(mode, {
+  ignore: ['node_modules/**', 'coverage/**', 'dist/**', 'dev/**', '**/*.min.js']
+}, (_, files) => {
+  for (let i = 0; i < files.length; i++) {
+    if (files[i].includes('.js')) {
+      lintJs(files[i], fs.readFileSync(files[i], 'utf-8'))
+    } else if (files[i].includes('.vue')) {
+      lintVue(files[i], fs.readFileSync(files[i], 'utf-8'))
+    }
+  }
+})
diff --git a/wechat-mini-program/node_modules/mp-html/package.json b/wechat-mini-program/node_modules/mp-html/package.json
new file mode 100644
index 0000000..b5eccc3
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/package.json
@@ -0,0 +1,74 @@
+{
+  "name": "mp-html",
+  "version": "2.5.1",
+  "description": "小程序富文本组件",
+  "miniprogram": "dist/mp-weixin",
+  "repository": "https://github.com/jin-yufeng/mp-html",
+  "author": "Jin Yufeng",
+  "license": "MIT",
+  "keywords": [
+    "miniprogram",
+    "rich-text",
+    "html"
+  ],
+  "standard": {
+    "globals": ["App", "Page", "Component", "wx", "requirePlugin", "uni", "plus", "weex"],
+    "envs": ["jest", "browser"]
+  },
+  "jest": {
+    "testEnvironment": "jsdom",
+    "collectCoverageFrom": [
+      "dev/mp-weixin/components/mp-html/**/*.js"
+    ]
+  },
+  "scripts": {
+    "lint": "node lint.js",
+    "lintcss": "npx stylelint src/**/*.wxss",
+    "build:weixin": "gulp build --mp-weixin",
+    "build:qq": "gulp build --mp-qq",
+    "build:baidu": "gulp build --mp-baidu",
+    "build:alipay": "gulp build --mp-alipay",
+    "build:toutiao": "gulp build --mp-toutiao",
+    "build:uni-app": "gulp build --uni-app",
+    "build": "gulp build --mp-weixin & gulp build --mp-qq & gulp build --mp-baidu & gulp build --mp-alipay & gulp build --mp-toutiao & gulp build --uni-app",
+    "watch:weixin": "gulp watch --mp-weixin --dev",
+    "watch:qq": "gulp watch --mp-qq --dev",
+    "watch:baidu": "gulp watch --mp-baidu --dev",
+    "watch:alipay": "gulp watch --mp-alipay --dev",
+    "watch:toutiao": "gulp watch --mp-toutiao --dev",
+    "watch:uni-app": "gulp watch --uni-app --dev",
+    "dev:weixin": "gulp dev --mp-weixin --dev",
+    "dev:qq": "gulp dev --mp-qq --dev",
+    "dev:baidu": "gulp dev --mp-baidu --dev",
+    "dev:alipay": "gulp dev --mp-alipay --dev",
+    "dev:toutiao": "gulp dev --mp-toutiao --dev",
+    "dev:uni-app": "gulp dev --uni-app --dev",
+    "test": "gulp dev --mp-weixin --dev && npx jest",
+    "coverage": "gulp dev --mp-weixin --dev && npx jest --coverage",
+    "coveralls": "npx coveralls < coverage/lcov.info",
+    "clean": "gulp clean --all",
+    "clean:dev": "gulp clean --all --dev"
+  },
+  "devDependencies": {
+    "@babel/preset-env": "^7.12.1",
+    "coveralls": "^3.1.0",
+    "gulp": "^4.0.0",
+    "gulp-babel": "^8.0.0",
+    "gulp-clean": "^0.4.0",
+    "gulp-clean-css": "^4.3.0",
+    "gulp-htmlmin": "^5.0.1",
+    "gulp-if": "^3.0.0",
+    "gulp-plumber": "^1.2.1",
+    "gulp-size": "^3.0.0",
+    "gulp-uglify": "^2.1.2",
+    "jest": "^26.6.1",
+    "miniprogram-simulate": "^1.2.7",
+    "standard": "^16.0.3",
+    "stylelint": "^13.7.2",
+    "stylelint-config-recess-order": "^2.3.0",
+    "stylelint-config-standard": "^20.0.0",
+    "through2": "^4.0.2",
+    "uglify-js": "^2.8.29"
+  },
+  "dependencies": {}
+}
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/README.md b/wechat-mini-program/node_modules/mp-html/plugins/README.md
new file mode 100644
index 0000000..77efe12
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/README.md
@@ -0,0 +1,2 @@
+# 插件  
+本目录下是一些扩展插件，可以按照需要选用以实现更加丰富的功能  
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/audio/README.md b/wechat-mini-program/node_modules/mp-html/plugins/audio/README.md
new file mode 100644
index 0000000..6dc2616
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/audio/README.md
@@ -0,0 +1,25 @@
+# audio
+功能：音乐播放器  
+大小：*≈4KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √(nvue 不支持) |
+
+百度小程序原生包在此 [问题](https://smartprogram.baidu.com/forum/topic/show/125787) 未解决前无法使用  
+
+说明：  
+在大多数小程序平台，*audio* 标签已被废弃或无法使用，本插件可以代替 *audio* 标签播放音乐，并实现以下优化：  
+1. *pause-video* 属性也可以应用于音频，即播放一个音视频时可以自动暂停其他正在播放的音视频  
+2. 增加了一个可以拖动的进度条  
+3. 组件大小可以根据页面宽度自动调整  
+4. 支持 *autoplay* 属性  
+5. 播放被后台打断时，页面显示后自动继续播放  
+
+基础库要求：  
+支付宝 *1.23.4+* ，其余平台满足最低要求即可  
+第 *5* 条仅微信 *2.2.3+* 、*QQ*、百度支持  
+
+?> 如果希望页面上使用本组件，组件的路径为 *path/to/mp-html/audio/audio*  
+属性和事件基本同 *audio* 组件，组件实例上提供了 *setSrc*、*play*、*seek*、*pause*、*stop* 方法可供控制播放状态  
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/audio/build.js b/wechat-mini-program/node_modules/mp-html/plugins/audio/build.js
new file mode 100644
index 0000000..1bbb516
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/audio/build.js
@@ -0,0 +1,11 @@
+module.exports = {
+  usingComponents: {
+    'my-audio': '../audio/audio'
+  },
+  handler (file) {
+    // 删去原来的 audio 标签
+    if (file.basename === 'node.wxml' || file.basename === 'node.vue') {
+      file.contents = Buffer.from(file.contents.toString().replace(/<audio[\s\S]+?>/, ''))
+    }
+  }
+}
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/audio/context.js b/wechat-mini-program/node_modules/mp-html/plugins/audio/context.js
new file mode 100644
index 0000000..e8cc51b
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/audio/context.js
@@ -0,0 +1,7 @@
+const ctx = {}
+
+module.exports = {
+  get: id => ctx[id],
+  set: (id, vm) => { ctx[id] = vm },
+  remove: id => { ctx[id] = undefined }
+}
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/audio/index.js b/wechat-mini-program/node_modules/mp-html/plugins/audio/index.js
new file mode 100644
index 0000000..4a697ec
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/audio/index.js
@@ -0,0 +1,34 @@
+/**
+ * @fileoverview audio 插件
+ */
+const context = require('./context')
+let index = 0
+
+function Audio (vm) {
+  this.vm = vm
+}
+
+Audio.prototype.onUpdate = function () {
+  this.audios = []
+}
+
+Audio.prototype.onParse = function (node) {
+  if (node.name === 'audio') {
+    if (!node.attrs.id) {
+      node.attrs.id = 'a' + index++
+    }
+    this.audios.push(node.attrs.id)
+  }
+}
+
+Audio.prototype.onLoad = function () {
+  setTimeout(() => {
+    for (let i = 0; i < this.audios.length; i++) {
+      const ctx = context.get(this.audios[i])
+      ctx.id = this.audios[i]
+      this.vm._videos.push(ctx)
+    }
+  }, 500)
+}
+
+module.exports = Audio
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/audio/miniprogram/audio.js b/wechat-mini-program/node_modules/mp-html/plugins/audio/miniprogram/audio.js
new file mode 100644
index 0000000..95b7649
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/audio/miniprogram/audio.js
@@ -0,0 +1,189 @@
+/**
+ * @fileoverview audio 组件
+ */
+const context = require('./context')
+
+Component({
+  data: {
+    time: '00:00'
+  },
+  properties: {
+    name: String, // 音乐名
+    author: String, // 作者
+    poster: String, // 海报图片地址
+    autoplay: Boolean, // 是否自动播放
+    controls: Boolean, // 是否显示控件
+    loop: Boolean, // 是否循环播放
+    src: { // 源地址
+      type: String,
+      observer (src) {
+        this.setSrc(src)
+      }
+    }
+  },
+  created () {
+    // 创建内部 context
+    this._ctx = wx.createInnerAudioContext()
+    this._ctx.onError(err => {
+      this.setData({
+        error: true
+      })
+      this.triggerEvent('error', err)
+    })
+    this._ctx.onTimeUpdate(() => {
+      const time = this._ctx.currentTime
+      const min = parseInt(time / 60)
+      const sec = Math.ceil(time % 60)
+      const data = {}
+      data.time = (min > 9 ? min : '0' + min) + ':' + (sec > 9 ? sec : '0' + sec)
+      // 不在拖动状态下需要更新进度条
+      if (!this.lastTime) {
+        data.value = time / this._ctx.duration * 100
+      }
+      this.setData(data)
+    })
+    this._ctx.onEnded(() => {
+      if (!this.properties.loop) {
+        this.setData({
+          playing: false
+        })
+      }
+    })
+    // #ifndef ALIPAY
+  },
+  attached () {
+    context.set(this.id, this)
+    // #endif
+    // #ifdef MP-ALIPAY
+    context.set(this.properties.id, this)
+    this.setSrc(this.properties.src)
+    // #endif
+  },
+  // #ifdef MP-ALIPAY
+  didUpdate (e) {
+    if (e.src !== this.properties.src) {
+      this.setSrc(this.properties.src)
+    }
+  },
+  // #endif
+  detached () {
+    this._ctx.destroy()
+    // #ifndef MP-ALIPAY
+    context.remove(this.id)
+    // #endif
+    // #ifdef MP_ALIPAY
+    context.remove(this.properties.id)
+    // #endif
+  },
+  // #ifndef ALIPAY | TOUTIAO
+  pageLifetimes: {
+    show () {
+      // 播放被后台打断时，页面显示后自动继续播放
+      if (this.data.playing && this._ctx.paused) {
+        this._ctx.play()
+      }
+    }
+  },
+  // #endif
+  methods: {
+    /**
+     * @description 设置源
+     * @param {string} src 源地址
+     */
+    setSrc (src) {
+      this._ctx.autoplay = this.properties.autoplay
+      this._ctx.loop = this.properties.loop
+      this._ctx.src = src
+      if (this.properties.autoplay && !this.data.playing) {
+        this.setData({
+          playing: true
+        })
+      }
+    },
+
+    /**
+     * @description 播放音乐
+     */
+    play () {
+      this._ctx.play()
+      this.setData({
+        playing: true
+      })
+      this.triggerEvent('play'
+        // #ifdef MP-ALIPAY
+        , {
+          target: {
+            id: this.props.id
+          }
+        }
+        // #endif
+      )
+    },
+
+    /**
+     * @description 暂停音乐
+     */
+    pause () {
+      this._ctx.pause()
+      this.setData({
+        playing: false
+      })
+      this.triggerEvent('pause')
+    },
+
+    /**
+     * @description 设置播放速率
+     * @param {Number} rate 播放速率
+     */
+    playbackRate (rate) {
+      this._ctx.playbackRate = rate
+    },
+
+    /**
+     * @description 停止音乐
+     */
+    stop () {
+      this._ctx.stop()
+      this.setData({
+        playing: false,
+        time: '00:00'
+      })
+      this.triggerEvent('stop')
+    },
+
+    /**
+     * @description 控制进度
+     * @param {number} sec 秒数
+     */
+    seek (sec) {
+      this._ctx.seek(sec)
+    },
+
+    /**
+     * @description 移动进度条
+     * @param {event} e
+     * @private
+     */
+    _seeking (e) {
+      // 避免过于频繁 setData
+      if (e.timeStamp - this.lastTime < 200) return
+      const time = Math.round(e.detail.value / 100 * this._ctx.duration)
+      const min = parseInt(time / 60)
+      const sec = time % 60
+      this.setData({
+        time: (min > 9 ? min : '0' + min) + ':' + (sec > 9 ? sec : '0' + sec)
+      })
+      this.lastTime = e.timeStamp
+    },
+
+    /**
+     * @description 进度条移动完毕
+     * @param {event} e
+     * @private
+     */
+    _seeked (e) {
+      this._ctx.seek(e.detail.value / 100 * this._ctx.duration)
+      this.lastTime = undefined
+    }
+  }
+})
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/audio/miniprogram/audio.json b/wechat-mini-program/node_modules/mp-html/plugins/audio/miniprogram/audio.json
new file mode 100644
index 0000000..32640e0
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/audio/miniprogram/audio.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/audio/miniprogram/audio.wxml b/wechat-mini-program/node_modules/mp-html/plugins/audio/miniprogram/audio.wxml
new file mode 100644
index 0000000..7875663
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/audio/miniprogram/audio.wxml
@@ -0,0 +1,17 @@
+<view wx:if="{{controls}}" class="_contain">
+  <!-- 海报和按钮 -->
+	<view class="_poster" style="background-image:url('{{poster}}')">
+		<view class="_button" bindtap="{{playing?'pause':'play'}}">
+			<view class="{{playing?'_pause':'_play'}}" />
+		</view>
+  </view>
+  <!-- 曲名和作者 -->
+	<view class="_title">
+		<view class="_name">{{name||'未知音频'}}</view>
+		<view class="_author">{{author||'未知作者'}}</view>
+  </view>
+  <!-- 进度条 -->
+  <slider class="_slider" activeColor="#585959" block-size="12" disabled="{{error}}" value="{{value}}" bindchanging="_seeking" bindchange="_seeked" />
+  <!--播放时间-->
+  <view class="_time">{{time}}</view>
+</view>
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/audio/miniprogram/audio.wxss b/wechat-mini-program/node_modules/mp-html/plugins/audio/miniprogram/audio.wxss
new file mode 100644
index 0000000..25d6144
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/audio/miniprogram/audio.wxss
@@ -0,0 +1,127 @@
+/* 顶层容器 */
+._contain {
+  position: relative;
+  display: inline-flex;
+  width: 290px;
+  background-color: #fcfcfc;
+  border: 1px solid #e0e0e0;
+  border-radius: 2px;
+}
+
+/* 播放、暂停按钮 */
+._button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  overflow: hidden;
+  background-color: rgb(0, 0, 0, 0.2);
+  border: 1px solid white;
+  border-radius: 50%;
+  opacity: 0.9;
+}
+
+._play {
+  margin-left: 2px;
+  border-top: 4px solid transparent;
+  border-bottom: 4px solid transparent;
+  border-left: 8px solid white;
+}
+
+._pause {
+  width: 8px;
+  height: 8px;
+  background-color: white;
+}
+
+/* 海报 */
+._poster {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 70px;
+  height: 70px;
+  background-color: #e6e6e6;
+  background-size: contain;
+}
+
+/* 标题栏 */
+._title {
+  flex: 1;
+  margin: 4px 0 0 14px;
+  text-align: left;
+}
+
+._author {
+  width: 45px;
+  font-size: 12px;
+  color: #888;
+}
+
+._name {
+  width: 140px;
+  font-size: 15px;
+  line-height: 39px;
+}
+
+._author,
+._name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* 进度条 */
+._slider {
+  position: absolute;
+  right: 16px;
+  bottom: 8px;
+  width: 140px;
+  margin: 0;
+}
+
+/* 播放时间 */
+._time {
+  margin: 7px 14px 0 0;
+  font-size: 12px;
+  color: #888;
+}
+
+/* 响应式布局，大屏幕用更大的尺寸 */
+@media (min-width: 400px) {
+  ._contain {
+    width: 380px;
+  }
+
+  ._button {
+    width: 26px;
+    height: 26px;
+  }
+
+  ._poster {
+    width: 90px;
+    height: 90px;
+  }
+
+  ._author {
+    width: 60px;
+    font-size: 15px;
+  }
+
+  ._name {
+    width: 180px;
+    font-size: 19px;
+    line-height: 55px;
+  }
+
+  ._slider {
+    right: 20px;
+    bottom: 10px;
+    width: 180px;
+  }
+
+  ._time {
+    font-size: 15px;
+  }
+}
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/audio/miniprogram/build.js b/wechat-mini-program/node_modules/mp-html/plugins/audio/miniprogram/build.js
new file mode 100644
index 0000000..c66c056
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/audio/miniprogram/build.js
@@ -0,0 +1,3 @@
+module.exports = {
+  template: '<my-audio wx:if="{{n.name==\'audio\'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" author="{{n.attrs.author}}" controls="{{n.attrs.controls}}" autoplay="{{n.attrs.autoplay}}" loop="{{n.attrs.loop}}" name="{{n.attrs.name}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" data-source="audio" bindplay="play" binderror="mediaError" />'
+}
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/audio/uni-app/audio.vue b/wechat-mini-program/node_modules/mp-html/plugins/audio/uni-app/audio.vue
new file mode 100644
index 0000000..72122b1
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/audio/uni-app/audio.vue
@@ -0,0 +1,269 @@
+<template>
+	<view v-if="controls" @click="onClick" class="_contain">
+    <!-- 海报和按钮 -->
+		<view class="_poster" :style="'background-image:url('+poster+')'">
+			<view class="_button" @tap="_buttonTap">
+				<view :class="playing?'_pause':'_play'" />
+			</view>
+		</view>
+    <!-- 曲名和作者 -->
+		<view class="_title">
+			<view class="_name">{{name||'未知音频'}}</view>
+			<view class="_author">{{author||'未知作者'}}</view>
+		</view>
+    <!-- 进度条 -->
+    <slider class="_slider" activeColor="#585959" block-size="12" handle-size="12" :disabled="error" :value="value" @changing="_seeking" @change="_seeked" />
+    <!--播放时间-->
+		<view class="_time">{{time||'00:00'}}</view>
+	</view>
+</template>
+
+<script>
+/**
+ * @fileoverview audio 组件
+ */
+import context from './context'
+export default {
+  data () {
+    return {
+      error: false,
+      playing: false,
+      time: '00:00',
+      value: 0
+    }
+  },
+  props: {
+    aid: String,
+    name: String, // 音乐名
+    author: String, // 作者
+    poster: String, // 海报图片地址
+    autoplay: [Boolean, String], // 是否自动播放
+    controls: [Boolean, String], // 是否显示控件
+    loop: [Boolean, String], // 是否循环播放
+    src: String // 源地址
+  },
+  watch: {
+    src (src) {
+      this.setSrc(src)
+    }
+  },
+  mounted () {
+    this._ctx = uni.createInnerAudioContext()
+    this._ctx.onError((err) => {
+      this.error = true
+      this.$emit('error', err)
+    })
+    this._ctx.onTimeUpdate(() => {
+      const time = this._ctx.currentTime
+      const min = parseInt(time / 60)
+      const sec = Math.ceil(time % 60)
+      this.time = (min > 9 ? min : '0' + min) + ':' + (sec > 9 ? sec : '0' + sec)
+      if (!this.lastTime) {
+        this.value = time / this._ctx.duration * 100 // 不在拖动状态下
+      }
+    })
+    this._ctx.onEnded(() => {
+      if (!this.loop) {
+        this.playing = false
+      }
+    })
+    context.set(this.aid, this)
+    this.setSrc(this.src)
+  },
+  beforeDestroy () {
+    this._ctx.destroy()
+    context.remove(this.aid)
+  },
+  onPageShow () {
+    if (this.playing && this._ctx.paused) {
+      this._ctx.play()
+    }
+  },
+  methods: {
+    // 设置源
+    setSrc (src) {
+      this._ctx.autoplay = this.autoplay
+      this._ctx.loop = this.loop
+      this._ctx.src = src
+      if (this.autoplay && !this.playing) {
+        this.playing = true
+      }
+    },
+    // 播放
+    play () {
+      this._ctx.play()
+      this.playing = true
+      this.$emit('play', {
+        target: {
+          id: this.aid
+        }
+      })
+    },
+    // 暂停
+    pause () {
+      this._ctx.pause()
+      this.playing = false
+      this.$emit('pause')
+    },
+    // 设置播放速率
+    playbackRate (rate) {
+      this._ctx.playbackRate = rate
+    },
+    // 移动进度条
+    seek (sec) {
+      this._ctx.seek(sec)
+    },
+    // 内部方法
+    _buttonTap () {
+      if (this.playing) this.pause()
+      else this.play()
+    },
+    _seeking (e) {
+      // 避免过于频繁 setData
+      if (e.timeStamp - this.lastTime < 200) return
+      const time = Math.round(e.detail.value / 100 * this._ctx.duration)
+      const min = parseInt(time / 60)
+      const sec = time % 60
+      this.time = (min > 9 ? min : '0' + min) + ':' + (sec > 9 ? sec : '0' + sec)
+      this.lastTime = e.timeStamp
+    },
+    _seeked (e) {
+      this.seek(e.detail.value / 100 * this._ctx.duration)
+      this.lastTime = undefined
+    },
+    onClick(e) {
+      this.$emit('onClick', e)
+    }
+  }
+}
+</script>
+
+<style>
+/* 顶层容器 */
+._contain {
+  position: relative;
+  display: inline-flex;
+  width: 290px;
+  background-color: #fcfcfc;
+  border: 1px solid #e0e0e0;
+  border-radius: 2px;
+}
+
+/* 播放、暂停按钮 */
+._button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  overflow: hidden;
+  background-color: rgb(0, 0, 0, 0.2);
+  border: 1px solid white;
+  border-radius: 50%;
+  opacity: 0.9;
+}
+
+._play {
+  margin-left: 2px;
+  border-top: 4px solid transparent;
+  border-bottom: 4px solid transparent;
+  border-left: 8px solid white;
+}
+
+._pause {
+  width: 8px;
+  height: 8px;
+  background-color: white;
+}
+
+/* 海报 */
+._poster {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 70px;
+  height: 70px;
+  background-color: #e6e6e6;
+  background-size: contain;
+}
+
+/* 标题栏 */
+._title {
+  flex: 1;
+  margin: 4px 0 0 14px;
+  text-align: left;
+}
+
+._author {
+  width: 45px;
+  font-size: 12px;
+  color: #888;
+}
+
+._name {
+  width: 140px;
+  font-size: 15px;
+  line-height: 39px;
+}
+
+._author,
+._name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* 进度条 */
+._slider {
+  position: absolute;
+  right: 16px;
+  bottom: 8px;
+  width: 140px;
+  margin: 0;
+}
+
+/* 播放时间 */
+._time {
+  margin: 7px 14px 0 0;
+  font-size: 12px;
+  color: #888;
+}
+
+/* 响应式布局，大屏幕用更大的尺寸 */
+@media (min-width: 400px) {
+  ._contain {
+    width: 380px;
+  }
+
+  ._button {
+    width: 26px;
+    height: 26px;
+  }
+
+  ._poster {
+    width: 90px;
+    height: 90px;
+  }
+
+  ._author {
+    width: 60px;
+    font-size: 15px;
+  }
+
+  ._name {
+    width: 180px;
+    font-size: 19px;
+    line-height: 55px;
+  }
+
+  ._slider {
+    right: 20px;
+    bottom: 10px;
+    width: 180px;
+  }
+
+  ._time {
+    font-size: 15px;
+  }
+}
+</style>
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/audio/uni-app/build.js b/wechat-mini-program/node_modules/mp-html/plugins/audio/uni-app/build.js
new file mode 100644
index 0000000..507395d
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/audio/uni-app/build.js
@@ -0,0 +1,3 @@
+module.exports = {
+  template: '<my-audio v-if="n.name==\'audio\'" :class="n.attrs.class" :style="n.attrs.style" :aid="n.attrs.id" :author="n.attrs.author" :controls="n.attrs.controls" :autoplay="n.attrs.autoplay" :loop="n.attrs.loop" :name="n.attrs.name" :poster="n.attrs.poster" :src="n.src[ctrl[i]||0]" :data-i="i" data-source="audio" @play="play" @error="mediaError" />'
+}
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/card/README.md b/wechat-mini-program/node_modules/mp-html/plugins/card/README.md
new file mode 100644
index 0000000..00f210e
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/card/README.md
@@ -0,0 +1,30 @@
+# card
+功能：商品（联络人）信息卡  
+大小：*≈7KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √(nvue 不支持) |
+
+### 效果图  
+![效果图](../../docs/assets/plugin/card.png)
+
+### 参数列表  
+|参数名|是否必须|类型|说明|
+|:---- |:---|:----- |----- |
+|src|是|String|图片Url|
+|title|是|String|标题|
+|desc|是|String|描述|
+|url|是|String|跳转url|
+|color|是|String|文字颜色|
+|bgcolor|是|String|卡片背景颜色|
+|border|是|String|卡片边框颜色|
+
+### 说明：  
+1. 可以显示商品信息卡片/联络人信息卡片  
+
+### 基础库要求：    
+满足最低要求即可  
+
+?> 如果希望页面上使用本组件，组件的路径为 *path/to/mp-html/card/card*  
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/card/build.js b/wechat-mini-program/node_modules/mp-html/plugins/card/build.js
new file mode 100644
index 0000000..512b482
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/card/build.js
@@ -0,0 +1,14 @@
+module.exports = {
+  usingComponents: {
+    'my-card': '../card/card'
+  },
+  handler (file) {
+    if (file.isBuffer()) {
+      let content = file.contents.toString()
+      if (file.path.includes('parser.js')) {
+        content = content.replace(/trustTags\s*:\s*makeMap\('/, "trustTags: makeMap('card,").replace(/voidTags\s*:\s*makeMap\('/, "voidTags: makeMap('card,")
+      }
+      file.contents = Buffer.from(content)
+    }
+  }
+}
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/card/index.js b/wechat-mini-program/node_modules/mp-html/plugins/card/index.js
new file mode 100644
index 0000000..1f4c965
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/card/index.js
@@ -0,0 +1,7 @@
+/**
+ * @fileoverview Card 插件
+ */
+function Card (vm) {
+}
+
+module.exports = Card
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/card/miniprogram/build.js b/wechat-mini-program/node_modules/mp-html/plugins/card/miniprogram/build.js
new file mode 100644
index 0000000..bc1c706
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/card/miniprogram/build.js
@@ -0,0 +1,3 @@
+module.exports = {
+  template: '<my-card wx:if="{{n.name==\'card\'}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" mode="{{opts[5]}}" src="{{n.attrs.src}}" title="{{n.attrs.title}}" desc="{{n.attrs.desc}}" url="{{n.attrs.url}}" color="{{n.attrs.color}}" bgcolor="{{n.attrs.bgcolor}}" border="{{n.attrs.border}}" name="{{n.attrs.name}}" data-i="{{i}}" data-source="card" />'
+}
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/card/miniprogram/card.js b/wechat-mini-program/node_modules/mp-html/plugins/card/miniprogram/card.js
new file mode 100644
index 0000000..5427b34
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/card/miniprogram/card.js
@@ -0,0 +1,26 @@
+/**
+ * @fileoverview card 组件
+ */
+Component({
+  properties: {
+    mode: {
+      type: Boolean,
+      default: false
+    },
+    src: String,
+    title: String,
+    desc: String,
+    url: String,
+    color: String,
+    bgcolor: String,
+    border: String
+  },
+  data: {},
+  methods: {
+    onClick (e) {
+      if (this.properties.url && this.properties.url.trim().length > 6 && !this.properties.mode) {
+        wx.navigateTo({ url: this.properties.url })
+      }
+    }
+  }
+})
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/card/miniprogram/card.json b/wechat-mini-program/node_modules/mp-html/plugins/card/miniprogram/card.json
new file mode 100644
index 0000000..32640e0
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/card/miniprogram/card.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/card/miniprogram/card.wxml b/wechat-mini-program/node_modules/mp-html/plugins/card/miniprogram/card.wxml
new file mode 100644
index 0000000..65d772b
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/card/miniprogram/card.wxml
@@ -0,0 +1,9 @@
+<view class="card" bindtap="onClick" style="background-color:{{bgcolor||'#a4d0ff'}};border:{{border||'1px solid #FFF'}};color:{{color||'#000'}}">
+    <image class="card-img" mode="aspectFill" src="{{src}}" />
+    <view class="text-wrap text-wrap-width" wx:if="{{!!desc}}">
+        <view class="title one-t">{{title}}</view>
+        <view class="desc one-t">{{desc}}</view>
+    </view>
+    <view wx:else class="text-wrap-width title more-t">{{title}}</view>
+    <image class="card-icon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAABCFBMVEUAAAC/v7+qqqqZmZmLi6KJnZ2ImZmHlpaGlKGMjJmSkp6Li5eQkJuKlZ+Pj5mOjpeJkpuNjZ6IkJmHj5eLi5uKkpmGjZqJj5uLi5eIjpmIjZiKj5qKj5mJjpiHjJqJjZaGj5iKj5eIjJmKjpqHi5eGjZeIi5eHjZiIi5eHjJiIjpaHjJeIjZiGjJeIjZiGjJaGjJeIi5aGjJeHi5eHi5aHjJeHjJaHjJeGi5eHjJaHjJeGi5aGi5aHjJeHjJaGjJeGjJeHjJaHi5eGi5eHjJaHjJeGjJaGjJeHi5aHjJeHjJeHi5aGjJeHi5aGjJaHi5eGjJaHi5eHjJaGi5eGi5aHjJeGi5aGi5apAvjmAAAAV3RSTlMABAYKCw0PERMUFRYXGBkbHB0eICEjJiksLS8wMjQ1ODk7PD9ATFZXWFlaW1xdXl+Hi6msu7/Dx8vMzs/R0tTV19na3N3f4uTn6evs7e7v8PHy9PX7/P18cCTXAAABEklEQVRo3u2YWU5CQRQFn4qCM4LzhIoDAorzrIgCigiCimf/O/Gj3UIlmJxaQFXSea/T90aRMcYYY4zpG0ZPu9cZMnAi6SsLBjqS9LnJBcqSpC53Sjs/kqSPNaxwGAqtFbrQXKILjQW68DpPF17m6EI9TRdqM3TheZouVCbpQnkcK5RC4T5BF27jdOFqhC5cDtOFixhdOB+iC2cDdOEoggttLrDbk6QW5/+WJB1T/r1e+FAHWT/2q/35scsiF/w3cdZ/R13Y+8H/MMb6Hycgfz74n6ZYfzXJ+mspyF8I/vos68cep0X4eV2EB4SD4H9bZP3vy+yTtL3KjrGddXgQ34BXCVvwMmT7P69zjDHGGGP6gF83lHISOctsKQAAAABJRU5ErkJggg=="></image>
+</view>
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/card/miniprogram/card.wxss b/wechat-mini-program/node_modules/mp-html/plugins/card/miniprogram/card.wxss
new file mode 100644
index 0000000..627814c
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/card/miniprogram/card.wxss
@@ -0,0 +1,55 @@
+.one-t {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  transition: all linear 0.2s;
+}
+.more-t {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  transition: all linear 0.2s;
+}
+.card {
+  width: 80%;
+  margin: 10rpx auto;
+  max-width: 700rpx;
+  max-height: 140rpx;
+  box-sizing: border-box;
+  overflow: hidden;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 20rpx 0 20rpx 10rpx;
+  border-radius: 12rpx;
+}
+.card-img {
+  width: 96rpx;
+  height: 96rpx;
+  border-radius: 12rpx;
+  flex: 0 0 96rpx;
+}
+.card-icon {
+  width: 30rpx;
+  height: 96rpx;
+}
+.card .text-wrap {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.card .text-wrap-width {
+  width: 72%;
+}
+.card .title {
+  font-weight: bold;
+  font-size: 34rpx;
+  line-height: 48rpx;
+}
+.card .desc {
+  font-size: 27rpx;
+  line-height: 37rpx;
+}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/card/uni-app/build.js b/wechat-mini-program/node_modules/mp-html/plugins/card/uni-app/build.js
new file mode 100644
index 0000000..35a4d36
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/card/uni-app/build.js
@@ -0,0 +1,3 @@
+module.exports = {
+  template: '<my-card v-if="n.name==\'card\'" :class="n.attrs.class" :style="n.attrs.style" :mode="opts[5]" :src="n.attrs.src" :title="n.attrs.title" :desc="n.attrs.desc" :url="n.attrs.url" :color="n.attrs.color" :bgcolor="n.attrs.bgcolor" :border="n.attrs.border" :name="n.attrs.name" :data-i="i" data-source="card" />'
+}
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/card/uni-app/card.vue b/wechat-mini-program/node_modules/mp-html/plugins/card/uni-app/card.vue
new file mode 100644
index 0000000..90280f4
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/card/uni-app/card.vue
@@ -0,0 +1,122 @@
+<template>
+    <view class="card" @click="onClick" :style="[customStyle]" :data-i="$attrs['data-i']">
+        <image class="card-img" mode="aspectFill" :src="src" />
+        <view class="text-wrap text-wrap-width" v-if="!!desc">
+            <view class="title one-t">{{title}}</view>
+            <view class="desc one-t">{{desc}}</view>
+        </view>
+        <view v-else class="text-wrap-width title more-t">{{title}}</view>
+        <image class="card-icon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAABCFBMVEUAAAC/v7+qqqqZmZmLi6KJnZ2ImZmHlpaGlKGMjJmSkp6Li5eQkJuKlZ+Pj5mOjpeJkpuNjZ6IkJmHj5eLi5uKkpmGjZqJj5uLi5eIjpmIjZiKj5qKj5mJjpiHjJqJjZaGj5iKj5eIjJmKjpqHi5eGjZeIi5eHjZiIi5eHjJiIjpaHjJeIjZiGjJeIjZiGjJaGjJeIi5aGjJeHi5eHi5aHjJeHjJaHjJeGi5eHjJaHjJeGi5aGi5aHjJeHjJaGjJeGjJeHjJaHi5eGi5eHjJaHjJeGjJaGjJeHi5aHjJeHjJeHi5aGjJeHi5aGjJaHi5eGjJaHi5eHjJaGi5eGi5aHjJeGi5aGi5apAvjmAAAAV3RSTlMABAYKCw0PERMUFRYXGBkbHB0eICEjJiksLS8wMjQ1ODk7PD9ATFZXWFlaW1xdXl+Hi6msu7/Dx8vMzs/R0tTV19na3N3f4uTn6evs7e7v8PHy9PX7/P18cCTXAAABEklEQVRo3u2YWU5CQRQFn4qCM4LzhIoDAorzrIgCigiCimf/O/Gj3UIlmJxaQFXSea/T90aRMcYYY4zpG0ZPu9cZMnAi6SsLBjqS9LnJBcqSpC53Sjs/kqSPNaxwGAqtFbrQXKILjQW68DpPF17m6EI9TRdqM3TheZouVCbpQnkcK5RC4T5BF27jdOFqhC5cDtOFixhdOB+iC2cDdOEoggttLrDbk6QW5/+WJB1T/r1e+FAHWT/2q/35scsiF/w3cdZ/R13Y+8H/MMb6Hycgfz74n6ZYfzXJ+mspyF8I/vos68cep0X4eV2EB4SD4H9bZP3vy+yTtL3KjrGddXgQ34BXCVvwMmT7P69zjDHGGGP6gF83lHISOctsKQAAAABJRU5ErkJggg=="></image>
+    </view>
+</template>
+
+<script>
+    export default {
+        props: {
+            mode: {
+                type: Boolean,
+                default: false
+            },
+            src: String,
+            title: String,
+            desc: String,
+            url: String,
+            color: String,
+            bgcolor: String,
+            border: String
+        },
+        data () {
+            return {
+                
+            }
+        },
+        computed: {
+            customStyle () {
+                return {
+                    'background-color': this.bgColor || '#a4d0ff',
+                    border: this.border || '1px solid #FFF',
+                    color: this.color || '#000'
+                } 
+            }
+        },
+        methods: {
+            onClick (e) {
+              if (this.url && this.url.trim().length > 6 && !this.mode) {
+                  uni.navigateTo({ url: this.url })
+              }
+              this.$emit('click', e)
+            }
+        }
+    }
+</script>
+
+<style lang="scss">
+    .one-t {
+    	overflow: hidden;
+    	white-space: nowrap;
+    	text-overflow: ellipsis;
+    	transition: all linear 0.2s;
+    }
+    
+    .more-t {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        word-break:break-all;
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+        transition: all linear 0.2s;
+    }
+    
+    .card {
+        
+        width: 80%;
+        margin: 10rpx auto;
+        max-width: 700rpx;
+        max-height: 140rpx;
+        
+        box-sizing: border-box;
+        overflow: hidden;
+        
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        
+        padding: 20rpx 0 20rpx 10rpx;
+        border-radius: 12rpx;
+        
+        &-img {
+            width: 96rpx;
+            height: 96rpx;
+            border-radius: 12rpx;
+            flex: 0 0 96rpx;
+        }
+        
+        &-icon {
+            width: 30rpx;
+            height: 96rpx;
+        }
+        
+        .text-wrap {
+            
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            
+            &-width {
+                width: 72%;
+            }
+        }
+        
+        .title {
+            font-weight: bold;
+            font-size: 34rpx;
+            line-height: 48rpx;
+        }
+        
+        .desc {
+            font-size: 27rpx;
+            line-height: 37rpx;
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/editable/README.md b/wechat-mini-program/node_modules/mp-html/plugins/editable/README.md
new file mode 100644
index 0000000..a01e83e
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/editable/README.md
@@ -0,0 +1,137 @@
+# editable
+功能：富文本编辑  
+下表列出了本插件与原生 *editor* 组件的功能差异，可按需选用
+
+| 组件 | 优点 | 缺点 |
+|:---:|:---:|:---:|
+| 原生 *editor* | 底层通过 *contenteditable* 实现，编辑流畅 | 支持标签少（不支持音视频、表格以及 *section* 等常用标签）、部分小程序平台不支持或低版本不兼容 |
+| 本插件 | 支持标签全面、支持平台全面 | 编辑灵活性不够强 |
+
+大小：*≈17.5KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √(nvue 不支持) |
+
+说明：  
+引入本插件后，会给组件添加以下属性：  
+
+| 属性名 | 类型 | 默认值 | 说明 |
+|:---:|:---:|:---:|:---:|
+| editable | Boolean | false | 是否开启内容编辑 |
+| placeholder | String | 请输入 | 输入框为空时占位符（`2.1.0+`） |
+
+添加以下事件：  
+
+| 事件名 | 触发时机 | 用途 |
+|:---:|:---:|:---:|
+| remove（`2.2.0+`） | 删除图片/视频/音频标签时 | 删除已上传的线上文件 |
+
+支持以下操作：  
+
+| 类型 | 操作 |
+|:---:|:---:|
+| 文本 | 修改 |
+| 图片 | 更换链接、调整宽度、设置成超链接（`2.0.4+`）、设置预览图链接、禁用预览、删除 |
+| 链接 | 更换链接、删除 |
+| 音视频 | 设置封面、设置循环播放、设置自动播放（`2.2.0+`）、删除 |
+| 普通标签 | 设置字体大小、斜体、粗体、下划线（`2.0.4+`）、居中、缩进、删除 |
+
+> `2.2.1` 版本起所有标签支持上下移动操作，但仅限同级标签间移动，即在有同级标签且非第一个（或最后一个）时可以上移（或下移）
+
+> 在支付宝小程序中使用时需要在页面样式中添加 *page { position: relative; }* 避免 *tooltip* 错位
+
+> 菜单项可以通过编辑 *plugins/editable/config.js* 进行修改，仅可以删减或调整顺序，添加或更名无效
+
+组件实例上提供了以下方法（*editable* 属性为 *true* 时才可以调用）：  
+
+| 名称 | 功能 |
+|:---:|:---:|
+| undo | 撤销一个操作 |
+| redo | 重做一个操作 |
+| insertHtml | 在光标处插入指定 html 内容（`2.1.0+`） |
+| insertImg | 在光标处插入一张图片 |
+| insertTable(rows, cols) | 在光标处插入一个 rows 行 cols 列的表格（`2.1.3+`） |
+| insertVideo | 在光标处插入一个视频 |
+| insertAudio | 在光标处插入一个音频 |
+| insertLink | 在光标处插入一个链接 |
+| insertText | 在光标处插入一段文本 |
+| clear | 清空内容 |
+| getContent | 获取编辑后的 html 内容 |
+
+> 考虑到不同场景下希望获取链接的方法不同，需要在初始时给组件设置一个 *getSrc* 方法（否则插入图片、音视频、链接或修改链接等操作无法使用），每次组件内需要链接时会调用此方法，开发者可在此方法中自行决定如何获取链接，返回 **线上地址** 即可（具体用法见下方示例）  
+
+编辑完成后，通过 *getContent* 方法获取编辑后的 *html*，最后将 *editable* 属性设置为 *false* 即可正常渲染  
+
+> 点击保存按钮时，部分平台 *tap* 事件早于 *blur* 事件触发，直接获取内容可能导致无法获取当前编辑的文本内容，因此建议设置一个小的延时后获取（可参考下方示例，[详细](https://github.com/jin-yufeng/mp-html/issues/368)）  
+
+示例：  
+```javascript
+Page({
+  onLoad () {
+    // ctx 为组件实例，获取方法见上
+    /**
+     * @description 设置获取链接的方法
+     * @param {String} type 链接的类型（img/video/audio/link）
+     * @param {String} value 修改链接时，这里会传入旧值
+     * @returns {Promise} 返回线上地址（2.2.0 版本起设置了 domain 属性时，可以缺省主域名）
+     *   type 为 audio/video 时，可以返回一个源地址数组
+     *   2.1.3 版本起 type 为 audio 时，可以返回一个 object，包含 src、name、author、poster 等字段
+     *   2.2.0 版本起 type 为 img 时，可以返回一个源地址数组，表示插入多张图片（修改链接时仅限一张）
+     */
+    this.ctx.getSrc = (type, value) => {
+      return new Promise((resolve, reject) => {
+        // 以图片为例
+        if (type == 'img') {
+          wx.chooseImage({
+            count: value === undefined ? 9 : 1, // 2.2.0 版本起插入图片时支持多张（修改图片链接时仅限一张）
+            success: res => {
+              wx.showLoading({
+                title: '上传中'
+              });
+              (async ()=>{
+                const arr = []
+                for (let item of res.tempFilePaths) {
+                  // 依次上传
+                  const src = await upload(item)
+                  arr.push(src)
+                }
+                return arr
+              })().then(res => {
+                wx.hideLoading()
+                resolve(res)
+              })
+            },
+            fail: reject
+          })
+        }
+      })
+    }
+  },
+  finishEdit () {
+    setTimeout(() => {
+      var html = ctx.getContent() // 获取编辑好的 html
+      // 上传 html
+      wx.request({
+        url: 'xxx',
+        data: {
+          html
+        },
+        success: () => {
+          this.setData({
+            editable: false // 结束编辑
+          })
+        }
+      })
+    }, 50)
+  }
+})
+```
+
+**示例项目**：  
+微信小程序点击 [代码片段](https://developers.weixin.qq.com/s/GFbJKum77eBy) 即可在微信开发者工具中导入；*uni-app* 下载 [示例项目](https://mp-html.oss-cn-hangzhou.aliyuncs.com/editable.zip) 在 *HBuilder X* 中打开即可体验；注意示例项目中不一定包含最新版本，仅供参考使用方法  
+
+注意事项：  
+1. 不要在 *editable* 属性被设置为 *true* 前通过 *setContent* 方法（用 *content* 属性）设置内容，否则在切换为 *true* 后会变成空白  
+2. *editable* 属性为 *true* 时不支持在 *scroll-view* 中使用，否则提示框的位置可能不正确  
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/editable/config.js b/wechat-mini-program/node_modules/mp-html/plugins/editable/config.js
new file mode 100644
index 0000000..2b8abbf
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/editable/config.js
@@ -0,0 +1,15 @@
+// 以下项目可以删减或更换顺序，但不能添加或更改名字
+module.exports = {
+  // 普通标签的菜单项
+  node: ['大小', '颜色', '斜体', '粗体', '下划线', '居中', '缩进', '上移', '下移', '删除'],
+  // 可以设置的文字颜色，此项可以添加 css 颜色
+  color: ['red', 'yellow', 'blue', 'green', 'gray', 'white', 'black'],
+  // 图片的菜单项
+  img: ['换图', '宽度', '超链接', '预览图', '禁用预览', '上移', '下移', '删除'],
+  // 链接的菜单项
+  link: ['更换链接', '上移', '下移', '删除'],
+  // 音视频的菜单项
+  media: ['封面', '循环', '自动播放', '上移', '下移', '删除'],
+  // 卡片的菜单项
+  card: ['上移', '下移', '删除']
+}
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/editable/miniprogram/build.js b/wechat-mini-program/node_modules/mp-html/plugins/editable/miniprogram/build.js
new file mode 100644
index 0000000..9a9a6a6
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/editable/miniprogram/build.js
@@ -0,0 +1,813 @@
+const path = require('path')
+/* global getTop */
+module.exports = {
+  style: `/* #ifndef MP-ALIPAY */
+  ._address,
+  ._article,
+  ._aside,
+  ._body,
+  ._caption,
+  ._center,
+  ._cite,
+  ._footer,
+  ._header,
+  ._html,
+  ._nav,
+  ._pre,
+  ._section {
+    display: block;
+  }
+  
+  /* #endif */`,
+  methods: {
+    /**
+     * @description 开始编辑文本
+     * @param {Event} e
+     */
+    editStart (e) {
+      if (this.properties.opts[5]) {
+        const i = e.currentTarget.dataset.i
+        if (!this.data.ctrl['e' + i] && this.properties.opts[5] !== 'simple') {
+          // 显示虚线框
+          this.setData({
+            ['ctrl.e' + i]: 1
+          })
+          // 点击其他地方则取消虚线框
+          setTimeout(() => {
+            this.root._mask.push(() => {
+              this.setData({
+                ['ctrl.e' + i]: 0
+              })
+            })
+          }, 50)
+          this.root._edit = this
+          this.i = i
+          this.cursor = this.getNode(i).text.length
+        } else {
+          if (this.properties.opts[5] === 'simple') {
+            this.root._edit = this
+            this.i = i
+            this.cursor = this.getNode(i).text.length
+          }
+          this.root._mask.pop()
+          this.root._maskTap()
+          // 将 text 转为 textarea
+          this.setData({
+            ['ctrl.e' + i]: 2
+          })
+          // 延时对焦，避免高度错误
+          setTimeout(() => {
+            this.setData({
+              ['ctrl.e' + i]: 3
+            })
+          }, 50)
+        }
+      }
+    },
+    /**
+     * @description 输入文本
+     * @param {Event} e
+     */
+    editInput (e) {
+      const i = e.target.dataset.i
+      // 替换连续空格
+      const value = e.detail.value.replace(/ {2,}/, $ => {
+        let res = '\xa0'
+        for (let i = 1; i < $.length; i++) {
+          res += '\xa0'
+        }
+        return res
+      })
+      this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].text', this.getNode(i).text, value) // 记录编辑历史
+      this.cursor = e.detail.cursor
+    },
+    /**
+     * @description 完成编辑文本
+     * @param {Event} e
+     */
+    editEnd (e) {
+      const i = e.target.dataset.i
+      // 更新到视图
+      this.setData({
+        ['ctrl.e' + i]: 0
+      })
+      this.root.setData({
+        ['nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].text']: e.detail.value.replace(/ {2}/g, '\xa0 ')
+      })
+      if (e.detail.cursor !== undefined) {
+        this.cursor = e.detail.cursor
+      }
+    },
+    /**
+     * @description 插入一个标签
+     * @param {Object} node 要插入的标签
+     */
+    insert (node) {
+      setTimeout(() => {
+        const arr = this.i.split('_')
+        const i = parseInt(arr.pop())
+        let path = arr.join('_')
+        const children = path ? this.getNode(path).children : this.properties.childs
+        const childs = children.slice(0)
+        if (!childs[i]) {
+          childs.push(node)
+        } else if (childs[i].text) {
+          // 在文本中插入
+          const text = childs[i].text
+          if (node.type === 'text') {
+            if (this.cursor) {
+              childs[i].text = text.substring(0, this.cursor) + node.text + text.substring(this.cursor)
+            } else {
+              childs[i].text += node.text
+            }
+          } else {
+            const list = []
+            if (this.cursor) {
+              list.push({
+                type: 'text',
+                text: text.substring(0, this.cursor)
+              })
+            }
+            list.push(node)
+            if (this.cursor < text.length) {
+              list.push({
+                type: 'text',
+                text: text.substring(this.cursor)
+              })
+            }
+            childs.splice(i, 1, ...list)
+          }
+        } else {
+          childs.splice(i + 1, 0, node)
+        }
+        path = this.properties.opts[7] + path
+        if (path[path.length - 1] === '_') {
+          path = path.slice(0, -1)
+        }
+        this.root._editVal('nodes' + (path ? '[' + path.replace(/_/g, '].children[') + '].children' : ''), children, childs, true)
+        this.i = arr.join('_') + '_' + (i + 1)
+      }, 200)
+    },
+    /**
+     * @description 移除第 i 个标签
+     * @param {Number} i
+     */
+    remove (i) {
+      const arr = i.split('_')
+      const j = arr.pop()
+      let path = arr.join('_')
+      const children = path ? this.getNode(path).children : this.properties.childs
+      const childs = children.slice(0)
+      const delEle = childs.splice(j, 1)[0]
+      if (delEle.name === 'img' || delEle.name === 'video' || delEle.name === 'audio') {
+        let src = delEle.attrs.src
+        if (delEle.src) {
+          src = delEle.src.length === 1 ? delEle.src[0] : delEle.src
+        }
+        this.root.triggerEvent('remove', {
+          type: delEle.name,
+          src
+        })
+      }
+      this.root._edit = undefined
+      this.root._maskTap()
+      path = this.properties.opts[7] + path
+      if (path[path.length - 1] === '_') {
+        path = path.slice(0, -1)
+      }
+      this.root._editVal('nodes' + (path ? '[' + path.replace(/_/g, '].children[') + '].children' : ''), children, childs, true)
+    },
+    /**
+     * @description 标签被点击
+     * @param {Event} e
+     */
+    nodeTap (e) {
+      if (this.properties.opts[5]) {
+        const i = e.currentTarget.dataset.i
+        if (this.root._table) {
+          const node = this.getNode(i)
+          if (node.name === 'table') {
+            this.root._table = undefined
+            this.root._remove_table = () => {
+              this.remove(i)
+            }
+          }
+        }
+        if (this.root._lock) return
+        // 阻止上层出现点击态
+        this.root._lock = true
+        setTimeout(() => {
+          this.root._lock = false
+        }, 50)
+        const node = this.getNode(i)
+        if (node.name === 'td' || node.name === 'th') {
+          this.root._table = true
+        }
+        if (this.data.ctrl['e' + this.i] === 3) return
+        this.root._maskTap()
+        this.root._edit = this
+        if (this.properties.opts[5] === 'simple') return
+        const arr = i.split('_')
+        const j = parseInt(arr.pop())
+        let path = arr.join('_')
+        const siblings = path ? this.getNode(path).children : this.properties.childs
+        // 显示实线框
+        this.setData({
+          ['ctrl.e' + i]: 1
+        })
+        this.root._mask.push(() => {
+          this.setData({
+            ['ctrl.e' + i]: 0
+          })
+        })
+        if (node.children.length === 1 && node.children[0].type === 'text') {
+          const ii = i + '_0'
+          if (!this.data.ctrl['e' + ii]) {
+            this.setData({
+              ['ctrl.e' + ii]: 1
+            })
+            this.root._mask.push(() => {
+              this.setData({
+                ['ctrl.e' + ii]: 0
+              })
+            })
+            this.cursor = node.children[0].text.length
+          }
+          this.i = ii
+        } else if (!(this.i || '').includes(i)) {
+          this.i = i + '_'
+        }
+        const items = this.root._getItem(node, j !== 0, j !== siblings.length - 1)
+        this.root._tooltip({
+          top: getTop(e),
+          items,
+          success: tapIndex => {
+            if (items[tapIndex] === '大小') {
+              // 改变字体大小
+              const style = node.attrs.style || ''
+              let value = style.match(/;font-size:([0-9]+)px/)
+              if (value) {
+                value = parseInt(value[1])
+              } else {
+                value = 16
+              }
+              this.root._slider({
+                min: 10,
+                max: 30,
+                value,
+                top: getTop(e),
+                changing: val => {
+                  if (Math.abs(val - value) > 2) {
+                    // 字号变换超过 2 时更新到视图
+                    this.changeStyle('font-size', i, val + 'px', value + 'px')
+                    value = e.detail.value
+                  }
+                },
+                change: val => {
+                  if (val !== value) {
+                    this.changeStyle('font-size', i, val + 'px', value + 'px')
+                  }
+                  this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.style', style, this.getNode(i).attrs.style)
+                }
+              })
+            } else if (items[tapIndex] === '颜色') {
+              // 改变文字颜色
+              const items = this.root._getItem('color')
+              this.root._color({
+                top: getTop(e),
+                items,
+                success: tapIndex => {
+                  const style = node.attrs.style || ''
+                  const value = style.match(/;color:([^;]+)/)
+                  this.changeStyle('color', i, items[tapIndex], value ? value[1] : undefined)
+                  this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.style', style, this.getNode(i).attrs.style)
+                }
+              })
+            } else if (items[tapIndex] === '上移' || items[tapIndex] === '下移') {
+              const arr = siblings.slice(0)
+              const item = arr[j]
+              if (items[tapIndex] === '上移') {
+                arr[j] = arr[j - 1]
+                arr[j - 1] = item
+              } else {
+                arr[j] = arr[j + 1]
+                arr[j + 1] = item
+              }
+              path = this.properties.opts[7] + path
+              if (path[path.length - 1] === '_') {
+                path = path.slice(0, -1)
+              }
+              this.root._editVal('nodes' + (path ? '[' + path.replace(/_/g, '].children[') + '].children' : ''), siblings, arr, true)
+            } else if (items[tapIndex] === '删除') {
+              if ((node.name === 'td' || node.name === 'th') && this.root._remove_table) {
+                this.root._remove_table()
+                this.root._remove_table = undefined
+              } else {
+                this.remove(i)
+              }
+            } else {
+              const style = node.attrs.style || ''
+              let newStyle = ''
+              const item = items[tapIndex]
+              let name
+              let value
+              if (item === '斜体') {
+                name = 'font-style'
+                value = 'italic'
+              } else if (item === '粗体') {
+                name = 'font-weight'
+                value = 'bold'
+              } else if (item === '下划线') {
+                name = 'text-decoration'
+                value = 'underline'
+              } else if (item === '居中') {
+                name = 'text-align'
+                value = 'center'
+              } else if (item === '缩进') {
+                name = 'text-indent'
+                value = '2em'
+              }
+              if (style.includes(name + ':')) {
+                // 已有则取消
+                newStyle = style.replace(new RegExp(name + ':[^;]+'), '')
+              } else {
+                // 没有则添加
+                newStyle = style + ';' + name + ':' + value
+              }
+              this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.style', style, newStyle, true)
+            }
+          }
+        })
+      }
+    },
+    /**
+     * @description 音视频被点击
+     * @param {Event} e
+     */
+    mediaTap (e) {
+      if (this.properties.opts[5]) {
+        const i = e.target.dataset.i
+        const node = this.getNode(i)
+        const items = this.root._getItem(node)
+        this.root._maskTap()
+        this.root._edit = this
+        this.i = i
+        this.root._tooltip({
+          top: e.target.offsetTop - 30,
+          items,
+          success: tapIndex => {
+            switch (items[tapIndex]) {
+              case '封面':
+                // 设置封面
+                this.root.getSrc('img', node.attrs.poster || '').then(url => {
+                  this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.poster', node.attrs.poster, url instanceof Array ? url[0] : url, true)
+                }).catch(() => { })
+                break
+              case '删除':
+                this.remove(i)
+                break
+              case '循环':
+              case '不循环':
+                // 切换循环播放
+                this.root.setData({
+                  ['nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.loop']: !node.attrs.loop
+                })
+                wx.showToast({
+                  title: '成功'
+                })
+                break
+              case '自动播放':
+              case '不自动播放':
+                // 切换自动播放播放
+                this.root.setData({
+                  ['nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.autoplay']: !node.attrs.autoplay
+                })
+                wx.showToast({
+                  title: '成功'
+                })
+                break
+            }
+          }
+        })
+        // 避免上层出现点击态
+        this.root._lock = true
+        setTimeout(() => {
+          this.root._lock = false
+        }, 50)
+      }
+    },
+    /**
+     * 改变样式
+     * @param {String} name 属性名
+     * @param {Number} i 第几个标签
+     * @param {String} value 新值
+     * @param {String} oldVal 旧值
+     */
+    changeStyle (name, i, value, oldVal) {
+      let style = this.getNode(i).attrs.style || ''
+      if (style.includes(';' + name + ':' + oldVal)) {
+        // style 中已经有
+        style = style.replace(';' + name + ':' + oldVal, ';' + name + ':' + value)
+      } else {
+        // 没有则新增
+        style += ';' + name + ':' + value
+      }
+      this.root.setData({
+        ['nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.style']: style
+      })
+    }
+  },
+  handler (file) {
+    if (file.isBuffer()) {
+      let content = file.contents.toString()
+      if (file.path.includes('miniprogram' + path.sep + 'index.wxml')) {
+        // 传递 editable 属性和路径
+        content = content.replace(/opts\s*=\s*"{{\[([^\]]+)\]}}"/, 'opts="{{[$1,editable,placeholder,\'\']}}"')
+          .replace(/<view(.*?)style\s*=\s*"{{containerStyle}}"/, '<view$1style="{{editable?\'min-height:200px;\':\'\'}}{{containerStyle}}" bindtap="_containTap"')
+          // 工具弹窗
+          .replace('</view>', `  <view wx:if="{{tooltip}}" class="_tooltip_contain" style="top:{{tooltip.top}}px">
+    <view class="_tooltip">
+      <view wx:for="{{tooltip.items}}" wx:key="index" class="_tooltip_item" data-i="{{index}}" bindtap="_tooltipTap">{{item}}</view>
+    </view>
+  </view>
+  <view wx:if="{{slider}}" class="_slider" style="top:{{slider.top}}px">
+    <slider value="{{slider.value}}" min="{{slider.min}}" max="{{slider.max}}" block-size="14" show-value activeColor="white" mp-alipay:style="padding:10px" bindchanging="_sliderChanging" bindchange="_sliderChange" />
+  </view>
+  <view wx:if="{{color}}" class="_tooltip_contain" style="top:{{color.top}}px">
+    <view class="_tooltip" style="overflow-y: hidden;">
+      <view wx:for="{{color.items}}" wx:key="index" class="_color_item" style="background-color:{{item}}" data-i="{{index}}" bindtap="_colorTap"></view>
+    </view>
+  </view>
+</view>`)
+      } else if (file.path.includes('miniprogram' + path.sep + 'index.js')) {
+        // 添加 editable 属性，发生变化时重新解析
+        content = content.replace(/properties\s*:\s*{/, `properties: {
+    editable: {
+      type: null,
+      observer (val) {
+        if (this.properties.content) {
+          this.setContent(val ? this.properties.content : this.getContent())
+        } else if (val) {
+          this.setData({
+            nodes: [{
+              name: 'p',
+              attrs: {},
+              children: [{
+                type: 'text',
+                text: ''
+              }]
+            }]
+          })
+          // #ifdef MP-TOUTIAO
+          this.selectComponent('#_root', child => {
+            child.root = this
+          })
+          // #endif
+        }
+        if (!val) {
+          this._maskTap()
+        }
+      }
+    },
+    placeholder: String,`)
+          .replace(/didUpdate\s*\(e\)\s*{/, `didUpdate (e) {
+    if (e.editable !== this.properties.editable) {
+      const val = this.properties.editable
+      if (this.properties.content) {
+        this.setContent(val ? this.properties.content : this.getContent())
+      } else if (val) {
+        this.setData({
+          nodes: [{
+            name: 'p',
+            attrs: {},
+            children: [{
+              type: 'text',
+              text: ''
+            }]
+          }]
+        })
+      }
+      if (!val) {
+        this._maskTap()
+      }
+    }`)
+          // 处理各类弹窗的事件
+          .replace(/methods\s*:\s*{/, `methods: {
+    _containTap() {
+      if (!this._lock && !this.data.slider && !this.data.color) {
+        this._edit = undefined
+        this._maskTap()
+      }
+    },
+    _tooltipTap(e) {
+      this._tooltipcb(e.currentTarget.dataset.i)
+      this.setData({
+        tooltip: null
+      })
+    },
+    _sliderChanging(e) {
+      this._slideringcb(e.detail.value)
+    },
+    _sliderChange(e) {
+      this._slidercb(e.detail.value)
+    },
+    _colorTap(e) {
+      this._colorcb(e.currentTarget.dataset.i)
+      this.setData({
+        color: null
+      })
+    },`)
+      } else if (file.path.includes('miniprogram' + path.sep + 'index.wxss')) {
+        // 工具弹窗的样式
+        content += `/* 提示条 */
+._tooltip_contain {
+  position: absolute;
+  right: 20px;
+  left: 20px;
+  text-align: center;
+}
+
+._tooltip {
+  box-sizing: border-box;
+  display: inline-block;
+  width: auto;
+  max-width: 100%;
+  height: 30px;
+  padding: 0 3px;
+  overflow: scroll;
+  font-size: 14px;
+  line-height: 30px;
+  white-space: nowrap;
+}
+
+._tooltip_item {
+  display: inline-block;
+  width: auto;
+  padding: 0 2vw;
+  line-height: 30px;
+  background-color: black;
+  color: white;
+}
+
+._color_item {
+  display: inline-block;
+  width: 18px;
+  height: 18px;
+  margin: 5px 2vw;
+  border:1px solid #dfe2e5;
+  border-radius: 50%;
+}
+
+/* 图片宽度滚动条 */
+._slider {
+  position: absolute;
+  left: 20px;
+  width: 220px;
+}
+
+._tooltip,
+._slider {
+  background-color: black;
+  border-radius: 3px;
+  opacity: 0.75;
+}`
+      } else if (file.path.includes('parser.js')) {
+        content = content.replace(/popNode\s*=\s*function\s*\(\)\s*{/, 'popNode = function () {\n  const editable = this.options.editable')
+          // 不转换标签名
+          .replace(/if\s*\(config.blockTags\[node.name\]\)\s*{[\s\S]+?}/, `if (config.blockTags[node.name]) {
+    if (!editable) {
+      node.name = 'div'
+    }
+  }`)
+          // 转换表格和列表
+          .replace(/node.c(\)|\s*&&|\s*\n)/g, '(node.c || editable)$1')
+          .replace(/while\s*\(map\[row\s*\+\s*'.'\s*\+\s*col\]\)\s*{[\s\S]+?}/, `while (map[row + '.' + col]) {
+            col++
+          }
+          if (editable) {
+            td.r = row
+          }`)
+          // 不做 expose 处理
+          .replace(/parser.prototype.expose\s*=\s*function\s*\(\)\s*{/, `parser.prototype.expose = function () {
+  if (this.options.editable) return`)
+      } else if (file.path.includes('node.wxml')) {
+        content = content.replace(/opts\s*=\s*"{{opts}}"/, 'opts="{{[opts[0],opts[1],opts[2],opts[3],opts[4],opts[5],opts[6],opts[7]+i+\'_\']}}"')
+          .replace(/opts\s*=\s*"{{opts}}"/, 'opts="{{[opts[0],opts[1],opts[2],opts[3],opts[4],opts[5],opts[6],opts[7]+i1+\'_\'+i2+\'_\'+i3+\'_\'+i4+\'_\'+i5+\'_\']}}"')
+          .replace('!n.c', "opts[5]?(!n.children||n.name=='a'):!n.c")
+          .replace(/!(n.?)\.c(?![a-z])/g, '(opts[5]?true:!$1.c)')
+          .replace(/isInline\((.*?)\)/g, '(opts[5]?true:isInline($1))')
+          // 修改普通标签
+          .replace(/<view\s*wx:else\s*id(.+?)style="/, '<view wx:else data-i="{{path+i}}" bindtap="nodeTap" id$1style="{{ctrl[\'e\'+path+i]&&opts[5]!==\'simple\'?\'border:1px solid black;padding:5px;display:block;\':\'\'}}')
+          .replace(/<view\s*wx:else\s*id(.+?)style="/, '<view wx:else data-i="{{\'\'+i1}}" bindtap="nodeTap" id$1style="{{ctrl[\'e\'+i1]&&opts[5]!==\'simple\'?\'border:1px solid black;padding:5px;display:block;\':\'\'}}')
+          .replace(/<view\s*wx:else\s*id(.+?)style="/, '<view wx:else data-i="{{i1+\'_\'+i2}}" bindtap="nodeTap" id$1style="{{ctrl[\'e\'+i1+\'_\'+i2]&&opts[5]!==\'simple\'?\'border:1px solid black;padding:5px;display:block;\':\'\'}}')
+          .replace(/<view\s*wx:else\s*id(.+?)style="/, '<view wx:else data-i="{{i1+\'_\'+i2+\'_\'+i3}}" bindtap="nodeTap" id$1style="{{ctrl[\'e\'+i1+\'_\'+i2+\'_\'+i3]&&opts[5]!==\'simple\'?\'border:1px solid black;padding:5px;display:block;\':\'\'}}')
+          .replace(/<view\s*wx:else\s*id(.+?)style="/, '<view wx:else data-i="{{i1+\'_\'+i2+\'_\'+i3+\'_\'+i4}}" bindtap="nodeTap" id$1style="{{ctrl[\'e\'+i1+\'_\'+i2+\'_\'+i3+\'_\'+i4]&&opts[5]!==\'simple\'?\'border:1px solid black;padding:5px;display:block;\':\'\'}}')
+          // 修改文本块
+          .replace(/<!--\s*文本\s*-->[\s\S]+?<!--\s*链接\s*-->/,
+            `<block wx:elif="{{n.type==='text'}}">
+    <text wx:if="{{!ctrl['e'+i]}}" data-i="{{i}}" mp-weixin:user-select="{{opts[4]}}" decode="{{!opts[5]}}" bindtap="editStart">{{n.text}}
+      <text wx:if="{{!n.text}}" style="color:gray">{{opts[6]||'请输入'}}</text>
+    </text>
+    <text wx:elif="{{ctrl['e'+i]===1}}" data-i="{{i}}" style="border:1px dashed black;min-width:50px;width:auto;padding:5px;display:block" catchtap="editStart">{{n.text}}
+      <text wx:if="{{!n.text}}" style="color:gray">{{opts[6]||'请输入'}}</text>
+    </text>
+    <textarea wx:else style="{{opts[5]==='simple'?'':'border:1px dashed black;'}}min-width:50px;width:auto;padding:5px" auto-height maxlength="-1" focus="{{ctrl['e'+i]===3}}" value="{{n.text}}" data-i="{{i}}" bindinput="editInput" bindblur="editEnd" />
+  </block>
+  <text wx:elif="{{n.name==='br'}}">\\n</text>`)
+          // 修改图片
+          .replace(/<image(.+?)id="\{\{n.attrs.id/, '<image$1id="{{n.attrs.id||(\'n\'+i)')
+          .replace('height:1px', "height:{{ctrl['h'+i]||1}}px")
+          .replace('style="{{ctrl[i]', 'style="{{ctrl[\'e\'+i]&&opts[5]!==\'simple\'?\'border:1px dashed black;padding:3px;\':\'\'}}{{ctrl[i]')
+          .replace(/weixin:show-menu-by-longpress\s*=\s*"{{(\S+?)}}"\s*baidu:image-menu-prevent\s*=\s*"{{(\S+?)}}"/, 'weixin:show-menu-by-longpress="{{!opts[5]&&$1}}" baidu:image-menu-prevent="{{opts[5]||$2}}"')
+          // 修改音视频
+          .replace('<video', '<video bindtap="mediaTap"')
+          .replace('audio ', 'audio bindtap="mediaTap" ')
+          .replace('card', 'card bindtap="mediaTap"')
+      } else if (file.path.includes('node.js') && file.extname === '.js') {
+        content = `
+        const Parser = require('../parser')
+        function getTop(e) {
+  let top
+  // #ifndef MP-ALIPAY
+  top = e.detail.y
+  // #endif
+  // #ifdef MP-ALIPAY
+  top = top = e.detail.pageY
+  // #endif
+  if (top - e.currentTarget.offsetTop < 150 || top < 600) {
+    top = e.currentTarget.offsetTop
+  }
+  if (top < 30) {
+    top += 70
+  }
+  return top - 30
+}` + content.replace('methods:', `detached () {
+    if (this.root && this.root._edit === this) {
+      this.root._edit = undefined
+    }
+  }, 
+  methods:`)
+            // 记录图片宽度
+            .replace(/imgLoad\s*\(e\)\s*{/, `imgLoad (e) {
+      // #ifdef MP-WEIXIN || MP-QQ
+      if (this.properties.opts[5]) {
+        setTimeout(() => {
+          const id = this.getNode(i).attrs.id || ('n' + i)
+          wx.createSelectorQuery().in(this).select('#' + id).boundingClientRect().exec(res => {
+            this.setData({
+              ['ctrl.h'+i]: res[0].height
+            })
+          })
+        }, 50)
+      }
+      // #endif`)
+            .replace(/if\s*\(!node.w\)\s*{[\s\S]+?}/,
+              `if (!node.w) {
+        val = e.detail.width
+        if (this.properties.opts[5]) {
+          const data = {}
+          const path = 'nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.'
+          if (val < 150) {
+            data[path + 'ignore'] = 'T'
+          }
+          data[path + 'width'] = val.toString()
+          this.root.setData(data)
+        }
+      }`)
+            // 处理图片点击
+            .replace(/imgTap\s*\(e\)\s*{([\s\S]+?)},\s*\/\*/,
+              `imgTap (e) {
+      if (!this.properties.opts[5]) {$1} else {
+        const i = e.target.dataset.i
+        const node = this.getNode(i)
+        const items = this.root._getItem(node)
+        this.root._edit = this
+        const parser = new Parser(this.root)
+        this.i = i
+        this.root._maskTap()
+        this.setData({
+          ['ctrl.e' + i]: 1
+        })
+        this.root._mask.push(() => {
+          this.setData({
+            ['ctrl.e' + i]: 0
+          })
+        })
+        this.root._tooltip({
+          top: getTop(e),
+          items,
+          success: tapIndex => {
+            if (items[tapIndex] === '换图') {
+              // 换图
+              this.root.getSrc('img', node.attrs.src || '').then(url => {
+                this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.src', node.attrs.src, parser.getUrl(url instanceof Array ? url[0] : url), true)
+              }).catch(() => { })
+            } else if (items[tapIndex] === '宽度') {
+              // 更改宽度
+              const style = node.attrs.style || ''
+              let value = style.match(/max-width:([0-9]+)%/)
+              if (value) {
+                value = parseInt(value[1])
+              } else {
+                value = 100
+              }
+              this.root._slider({
+                min: 0,
+                max: 100,
+                value,
+                top: getTop(e),
+                changing: val => {
+                  // 变化超过 5% 更新时视图
+                  if (Math.abs(val - value) > 5) {
+                    this.changeStyle('max-width', i, val + '%', value + '%')
+                    value = val
+                  }
+                },
+                change: val => {
+                  if (val !== value) {
+                    this.changeStyle('max-width', i, val + '%', value + '%')
+                    value = val
+                  }
+                  this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.style', style, this.getNode(i).attrs.style)
+                }
+              })
+            } else if (items[tapIndex] === '超链接') {
+              // 将图片设置为链接
+              this.root.getSrc('link', node.a ? node.a.href : '').then(url => {
+                // 如果有 a 标签则替换 href
+                if (node.a) {
+                  this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].a.href', node.a.href, parser.getUrl(url), true)
+                } else {
+                  const link = {
+                    name: 'a',
+                    attrs: {
+                      href: parser.getUrl(url)
+                    },
+                    children: [node]
+                  }
+                  node.a = link.attrs
+                  this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + ']', node, link, true)
+                }
+                wx.showToast({
+                  title: '成功'
+                })
+              }).catch(() => { })
+            } else if (items[tapIndex] === '预览图') {
+              // 设置预览图链接
+              this.root.getSrc('img', node.attrs['original-src'] || '').then(url => {
+                this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.original-src', node.attrs['original-src'], parser.getUrl(url instanceof Array ? url[0] : url), true)
+                wx.showToast({
+                  title: '成功'
+                })
+              }).catch(() => { })
+            } else if (items[tapIndex] === '删除') {
+              this.remove(i)
+            } else {
+              // 禁用 / 启用预览
+              this.root.setData({
+                ['nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.ignore']: !node.attrs.ignore
+              })
+              wx.showToast({
+                title: '成功'
+              })
+            }
+          }
+        })
+        this.root._lock = true
+        setTimeout(() => {
+          this.root._lock = false
+        }, 50)
+      }
+    },
+    /*`)
+            // 处理链接点击
+            .replace(/linkTap\s*\(e\)\s*{([\s\S]+?)},\s*\/\*/,
+              `linkTap (e) {
+      if (!this.properties.opts[5]) {$1} else {
+        const i = e.currentTarget.dataset.i
+        const node = this.getNode(i)
+        const items = this.root._getItem(node)
+        this.root._tooltip({
+          top: getTop(e),
+          items,
+          success: tapIndex => {
+            if (items[tapIndex] === '更换链接') {
+              this.root.getSrc('link', node.attrs.href).then(url => {
+                this.root._editVal('nodes[' + (this.properties.opts[7] + i).replace(/_/g, '].children[') + '].attrs.href', node.attrs.href, url, true)
+                wx.showToast({
+                  title: '成功'
+                })
+              }).catch(() => { })
+            } else {
+              this.remove(i)
+            }
+          }
+        })
+      }
+    },
+    /*`)
+      }
+      file.contents = Buffer.from(content)
+    }
+  }
+}
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/editable/miniprogram/index.js b/wechat-mini-program/node_modules/mp-html/plugins/editable/miniprogram/index.js
new file mode 100644
index 0000000..0905797
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/editable/miniprogram/index.js
@@ -0,0 +1,551 @@
+/**
+ * @fileoverview editable 插件
+ */
+const config = require('./config')
+const Parser = require('../parser')
+
+function Editable (vm) {
+  this.vm = vm
+  this.editHistory = [] // 历史记录
+  this.editI = -1 // 历史记录指针
+  vm._mask = [] // 蒙版被点击时进行的操作
+
+  /**
+   * @description 移动历史记录指针
+   * @param {Number} num 移动距离
+   */
+  const move = num => {
+    const item = this.editHistory[this.editI + num]
+    if (item) {
+      this.editI += num
+      vm.setData({
+        [item.key]: item.value
+      })
+    }
+  }
+  vm.undo = () => move(-1) // 撤销
+  vm.redo = () => move(1) // 重做
+
+  /**
+   * @description 更新记录
+   * @param {String} path 路径
+   * @param {*} oldVal 旧值
+   * @param {*} newVal 新值
+   * @param {Boolean} set 是否更新到视图
+   * @private
+   */
+  vm._editVal = (path, oldVal, newVal, set) => {
+    // 当前指针后的内容去除
+    while (this.editI < this.editHistory.length - 1) {
+      this.editHistory.pop()
+    }
+
+    // 最多存储 30 条操作记录
+    while (this.editHistory.length > 30) {
+      this.editHistory.pop()
+      this.editI--
+    }
+
+    const last = this.editHistory[this.editHistory.length - 1]
+    if (!last || last.key !== path) {
+      if (last) {
+        // 去掉上一次的新值
+        this.editHistory.pop()
+        this.editI--
+      }
+      // 存入这一次的旧值
+      this.editHistory.push({
+        key: path,
+        value: oldVal
+      })
+      this.editI++
+    }
+
+    // 存入本次的新值
+    this.editHistory.push({
+      key: path,
+      value: newVal
+    })
+    this.editI++
+
+    // 更新到视图
+    if (set) {
+      vm.setData({
+        [path]: newVal
+      })
+    }
+  }
+
+  /**
+   * @description 获取菜单项
+   * @private
+   */
+  vm._getItem = function (node, up, down) {
+    let items
+    let i
+    if (node === 'color') {
+      return config.color
+    }
+    if (node.name === 'img') {
+      items = config.img.slice(0)
+      if (!vm.getSrc) {
+        i = items.indexOf('换图')
+        if (i !== -1) {
+          items.splice(i, 1)
+        }
+        i = items.indexOf('超链接')
+        if (i !== -1) {
+          items.splice(i, 1)
+        }
+        i = items.indexOf('预览图')
+        if (i !== -1) {
+          items.splice(i, 1)
+        }
+      }
+      i = items.indexOf('禁用预览')
+      if (i !== -1 && node.attrs.ignore) {
+        items[i] = '启用预览'
+      }
+    } else if (node.name === 'a') {
+      items = config.link.slice(0)
+      if (!vm.getSrc) {
+        i = items.indexOf('更换链接')
+        if (i !== -1) {
+          items.splice(i, 1)
+        }
+      }
+    } else if (node.name === 'video' || node.name === 'audio') {
+      items = config.media.slice(0)
+      i = items.indexOf('封面')
+      if (!vm.getSrc && i !== -1) {
+        items.splice(i, 1)
+      }
+      i = items.indexOf('循环')
+      if (node.attrs.loop && i !== -1) {
+        items[i] = '不循环'
+      }
+      i = items.indexOf('自动播放')
+      if (node.attrs.autoplay && i !== -1) {
+        items[i] = '不自动播放'
+      }
+    } else if (node.name === 'card') {
+      items = config.card.slice(0)
+    } else {
+      items = config.node.slice(0)
+    }
+    if (!up) {
+      i = items.indexOf('上移')
+      if (i !== -1) {
+        items.splice(i, 1)
+      }
+    }
+    if (!down) {
+      i = items.indexOf('下移')
+      if (i !== -1) {
+        items.splice(i, 1)
+      }
+    }
+    return items
+  }
+
+  /**
+   * @description 显示 tooltip
+   * @param {object} obj
+   * @private
+   */
+  vm._tooltip = function (obj) {
+    vm.setData({
+      tooltip: {
+        top: obj.top,
+        items: obj.items
+      }
+    })
+    vm._tooltipcb = obj.success
+  }
+
+  /**
+   * @description 显示滚动条
+   * @param {object} obj
+   * @private
+   */
+  vm._slider = function (obj) {
+    vm.setData({
+      slider: {
+        min: obj.min,
+        max: obj.max,
+        value: obj.value,
+        top: obj.top
+      }
+    })
+    vm._slideringcb = obj.changing
+    vm._slidercb = obj.change
+  }
+
+  /**
+   * @description 显示颜色选择
+   * @param {object} obj
+   * @private
+   */
+  vm._color = function (obj) {
+    vm.setData({
+      color: {
+        items: obj.items,
+        top: obj.top
+      }
+    })
+    vm._colorcb = obj.success
+  }
+
+  /**
+   * @description 点击蒙版
+   * @private
+   */
+  vm._maskTap = function () {
+    // 隐藏所有悬浮窗
+    while (this._mask.length) {
+      (this._mask.pop())()
+    }
+    const data = {}
+    if (this.data.tooltip) {
+      data.tooltip = null
+    }
+    if (this.data.slider) {
+      data.slider = null
+    }
+    if (this.data.color) {
+      data.color = null
+    }
+    if (this.data.tooltip || this.data.slider || this.data.color) {
+      this.setData(data)
+    }
+  }
+
+  /**
+   * @description 插入节点
+   * @param {Object} node
+   */
+  function insert (node) {
+    if (vm._edit) {
+      vm._edit.insert(node)
+    } else {
+      const nodes = vm.data.nodes.slice(0)
+      nodes.push(node)
+      vm._editVal('nodes', vm.data.nodes, nodes, true)
+    }
+  }
+
+  /**
+   * @description 在光标处插入指定 html 内容
+   * @param {String} html 内容
+   */
+  vm.insertHtml = html => {
+    this.inserting = true
+    const arr = new Parser(vm).parse(html)
+    this.inserting = undefined
+    for (let i = 0; i < arr.length; i++) {
+      insert(arr[i])
+    }
+  }
+
+  /**
+   * @description 在光标处插入图片
+   */
+  vm.insertImg = function () {
+    vm.getSrc && vm.getSrc('img').then(src => {
+      if (typeof src === 'string') {
+        src = [src]
+      }
+      const parser = new Parser(vm)
+      for (let i = 0; i < src.length; i++) {
+        insert({
+          name: 'img',
+          attrs: {
+            src: parser.getUrl(src[i])
+          }
+        })
+      }
+    }).catch(() => { })
+  }
+
+  /**
+   * @description 在光标处插入一个链接
+   */
+  vm.insertLink = function () {
+    vm.getSrc && vm.getSrc('link').then(url => {
+      insert({
+        name: 'a',
+        attrs: {
+          href: url
+        },
+        children: [{
+          type: 'text',
+          text: url
+        }]
+      })
+    }).catch(() => { })
+  }
+
+  /**
+   * @description 在光标处插入一个表格
+   * @param {Number} rows 行数
+   * @param {Number} cols 列数
+   */
+  vm.insertTable = function (rows, cols) {
+    const table = {
+      name: 'table',
+      attrs: {
+        style: 'display:table;width:100%;margin:10px 0;text-align:center;border-spacing:0;border-collapse:collapse;border:1px solid gray'
+      },
+      children: []
+    }
+    for (let i = 0; i < rows; i++) {
+      const tr = {
+        name: 'tr',
+        attrs: {},
+        children: []
+      }
+      for (let j = 0; j < cols; j++) {
+        tr.children.push({
+          name: 'td',
+          attrs: {
+            style: 'padding:2px;border:1px solid gray'
+          },
+          children: [{
+            type: 'text',
+            text: ''
+          }]
+        })
+      }
+      table.children.push(tr)
+    }
+    insert(table)
+  }
+
+  /**
+   * @description 插入视频/音频
+   * @param {Object} node
+   */
+  function insertMedia (node) {
+    if (typeof node.src === 'string') {
+      node.src = [node.src]
+    }
+    const parser = new Parser(vm)
+    // 拼接主域名
+    for (let i = 0; i < node.src.length; i++) {
+      node.src[i] = parser.getUrl(node.src[i])
+    }
+    insert({
+      name: 'div',
+      attrs: {
+        style: 'text-align:center'
+      },
+      children: [node]
+    })
+  }
+
+  /**
+   * @description 在光标处插入一个视频
+   */
+  vm.insertVideo = function () {
+    vm.getSrc && vm.getSrc('video').then(src => {
+      insertMedia({
+        name: 'video',
+        attrs: {
+          controls: 'T'
+        },
+        src
+      })
+    }).catch(() => { })
+  }
+
+  /**
+   * @description 在光标处插入一个音频
+   */
+  vm.insertAudio = function () {
+    vm.getSrc && vm.getSrc('audio').then(attrs => {
+      let src
+      if (attrs.src) {
+        src = attrs.src
+        attrs.src = undefined
+      } else {
+        src = attrs
+        attrs = {}
+      }
+      attrs.controls = 'T'
+      insertMedia({
+        name: 'audio',
+        attrs,
+        src
+      })
+    }).catch(() => { })
+  }
+
+  /**
+   * @description 在光标处插入一段文本
+   */
+  vm.insertText = function () {
+    insert({
+      name: 'p',
+      attrs: {},
+      children: [{
+        type: 'text',
+        text: ''
+      }]
+    })
+  }
+
+  /**
+   * @description 清空内容
+   */
+  vm.clear = function () {
+    vm._maskTap()
+    vm._edit = undefined
+    vm.setData({
+      nodes: [{
+        name: 'p',
+        attrs: {},
+        children: [{
+          type: 'text',
+          text: ''
+        }]
+      }]
+    })
+  }
+
+  /**
+   * @description 获取编辑后的 html
+   */
+  vm.getContent = function () {
+    let html = '';
+    // 递归遍历获取
+    (function traversal (nodes, table) {
+      for (let i = 0; i < nodes.length; i++) {
+        let item = nodes[i]
+        if (item.type === 'text') {
+          // 编码实体
+          html += item.text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\n/g, '<br>').replace(/\xa0/g, '&nbsp;')
+        } else {
+          // 还原被转换的 svg
+          if (item.name === 'img' && (item.attrs.src || '').includes('data:image/svg+xml;utf8,')) {
+            html += item.attrs.src.substr(24).replace(/%23/g, '#').replace('<svg', '<svg style="' + (item.attrs.style || '') + '"')
+            continue
+          } else if (item.name === 'video' || item.name === 'audio') {
+            // 还原 video 和 audio 的 source
+            if (item.src.length > 1) {
+              item.children = []
+              for (let j = 0; j < item.src.length; j++) {
+                item.children.push({
+                  name: 'source',
+                  attrs: {
+                    src: item.src[j]
+                  }
+                })
+              }
+            } else {
+              item.attrs.src = item.src[0]
+            }
+          } else if (item.name === 'div' && (item.attrs.style || '').includes('overflow:auto') && (item.children[0] || {}).name === 'table') {
+            // 还原滚动层
+            item = item.children[0]
+          }
+          // 还原 table
+          if (item.name === 'table') {
+            table = item.attrs
+            if ((item.attrs.style || '').includes('display:grid')) {
+              item.attrs.style = item.attrs.style.split('display:grid')[0]
+              const children = [{
+                name: 'tr',
+                attrs: {},
+                children: []
+              }]
+              for (let j = 0; j < item.children.length; j++) {
+                item.children[j].attrs.style = item.children[j].attrs.style.replace(/grid-[^;]+;*/g, '')
+                if (item.children[j].r !== children.length) {
+                  children.push({
+                    name: 'tr',
+                    attrs: {},
+                    children: [item.children[j]]
+                  })
+                } else {
+                  children[children.length - 1].children.push(item.children[j])
+                }
+              }
+              item.children = children
+            }
+          }
+          html += '<' + item.name
+          for (const attr in item.attrs) {
+            let val = item.attrs[attr]
+            if (!val) continue
+            // bool 型省略值
+            if (val === 'T' || val === true) {
+              html += ' ' + attr
+              continue
+            } else if (item.name[0] === 't' && attr === 'style' && table) {
+              // 取消为了显示 table 添加的 style
+              val = val.replace(/;*display:table[^;]*/, '')
+              if (table.border) {
+                val = val.replace(/border[^;]+;*/g, $ => $.includes('collapse') ? $ : '')
+              }
+              if (table.cellpadding) {
+                val = val.replace(/padding[^;]+;*/g, '')
+              }
+              if (!val) continue
+            }
+            html += ' ' + attr + '="' + val.replace(/"/g, '&quot;') + '"'
+          }
+          html += '>'
+          if (item.children) {
+            traversal(item.children, table)
+            html += '</' + item.name + '>'
+          }
+        }
+      }
+    })(vm.data.nodes)
+
+    // 其他插件处理
+    for (let i = vm.plugins.length; i--;) {
+      if (vm.plugins[i].onGetContent) {
+        html = vm.plugins[i].onGetContent(html) || html
+      }
+    }
+
+    return html
+  }
+}
+
+Editable.prototype.onUpdate = function (content, config) {
+  if (this.vm.properties.editable) {
+    this.vm._maskTap()
+    config.entities.amp = '&'
+    if (!this.inserting) {
+      this.vm._edit = undefined
+      if (!content) {
+        setTimeout(() => {
+          this.vm.setData({
+            nodes: [{
+              name: 'p',
+              attrs: {},
+              children: [{
+                type: 'text',
+                text: ''
+              }]
+            }]
+          })
+        }, 0)
+      }
+    }
+  }
+}
+
+Editable.prototype.onParse = function (node) {
+  // 空白单元格可编辑
+  if (this.vm.properties.editable && (node.name === 'td' || node.name === 'th') && !this.vm.getText(node.children)) {
+    node.children.push({
+      type: 'text',
+      text: ''
+    })
+  }
+}
+
+module.exports = Editable
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/editable/uni-app/build.js b/wechat-mini-program/node_modules/mp-html/plugins/editable/uni-app/build.js
new file mode 100644
index 0000000..c568168
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/editable/uni-app/build.js
@@ -0,0 +1,744 @@
+/* global getTop */
+module.exports = {
+  style: `/* #ifndef H5 || MP-ALIPAY || APP-PLUS */
+  ._address,
+  ._article,
+  ._aside,
+  ._body,
+  ._caption,
+  ._center,
+  ._cite,
+  ._footer,
+  ._header,
+  ._html,
+  ._nav,
+  ._pre,
+  ._section {
+    display: block;
+  }
+  
+  /* #endif */
+  ._video {
+    width: 300px;
+    height: 225px;
+    display: inline-block;
+    background-color: black;
+  }`,
+  methods: {
+    /**
+     * @description 开始编辑文本
+     * @param {Event} e
+     */
+    editStart (e) {
+      if (this.opts[5]) {
+        const i = e.currentTarget.dataset.i
+        if (!this.ctrl['e' + i] && this.opts[5] !== 'simple') {
+          // 显示虚线框
+          this.$set(this.ctrl, 'e' + i, 1)
+          setTimeout(() => {
+            this.root._mask.push(() => this.$set(this.ctrl, 'e' + i, 0))
+          }, 50)
+          this.root._edit = this
+          this.i = i
+          this.cursor = this.childs[i].text.length
+        } else {
+          if (this.opts[5] === 'simple') {
+            this.root._edit = this
+            this.i = i
+            this.cursor = this.childs[i].text.length
+          }
+          this.root._mask.pop()
+          this.root._maskTap()
+          // 将 text 转为 textarea
+          this.$set(this.ctrl, 'e' + i, 2)
+          // 延时对焦，避免高度错误
+          setTimeout(() => {
+            this.$set(this.ctrl, 'e' + i, 3)
+          }, 50)
+        }
+      }
+    },
+    /**
+     * @description 输入文本
+     * @param {Event} e
+     */
+    editInput (e) {
+      const i = e.target.dataset.i
+      // 替换连续空格
+      const value = e.detail.value.replace(/ {2,}/, $ => {
+        let res = '\xa0'
+        for (let i = 1; i < $.length; i++) {
+          res += '\xa0'
+        }
+        return res
+      })
+      this.root._editVal(`${this.opts[7]}.${i}.text`, this.childs[i].text, value) // 记录编辑历史
+      this.cursor = e.detail.cursor
+    },
+    /**
+     * @description 完成编辑文本
+     * @param {Event} e
+     */
+    editEnd (e) {
+      const i = e.target.dataset.i
+      this.$set(this.ctrl, 'e' + i, 0)
+      // 更新到视图
+      this.root._setData(`${this.opts[7]}.${i}.text`, e.detail.value.replace(/ {2}/g, '\xa0 '))
+      if (e.detail.cursor !== undefined) {
+        this.cursor = e.detail.cursor
+      }
+    },
+    /**
+     * @description 插入一个标签
+     * @param {Object} node 要插入的标签
+     */
+    insert (node) {
+      setTimeout(() => {
+        const childs = this.childs.slice(0)
+        if (!childs[this.i]) {
+          childs.push(node)
+        } else if (childs[this.i].text) {
+          // 在文本中插入
+          const text = childs[this.i].text
+          if (node.type === 'text') {
+            if (this.cursor) {
+              childs[this.i].text = text.substring(0, this.cursor) + node.text + text.substring(this.cursor)
+            } else {
+              childs[this.i].text += node.text
+            }
+          } else {
+            const list = []
+            if (this.cursor) {
+              list.push({
+                type: 'text',
+                text: text.substring(0, this.cursor)
+              })
+            }
+            list.push(node)
+            if (this.cursor < text.length) {
+              list.push({
+                type: 'text',
+                text: text.substring(this.cursor)
+              })
+            }
+            childs.splice(this.i, 1, ...list)
+          }
+        } else {
+          childs.splice(parseInt(this.i) + 1, 0, node)
+        }
+        this.root._editVal(this.opts[7], this.childs, childs, true)
+        this.i = parseInt(this.i) + 1
+      }, 200)
+    },
+    /**
+     * @description 移除第 i 个标签
+     * @param {Number} i
+     */
+    remove (i) {
+      const arr = this.childs.slice(0)
+      const delEle = arr.splice(i, 1)[0]
+      if (delEle.name === 'img' || delEle.name === 'video' || delEle.name === 'audio') {
+        let src = delEle.attrs.src
+        if (delEle.src) {
+          src = delEle.src.length === 1 ? delEle.src[0] : delEle.src
+        }
+        this.root.$emit('remove', {
+          type: delEle.name,
+          src
+        })
+      }
+      this.root._edit = undefined
+      this.root._maskTap()
+      this.root._editVal(this.opts[7], this.childs, arr, true)
+    },
+    /**
+     * @description 标签被点击
+     * @param {Event} e
+     */
+    nodeTap (e) {
+      if (this.opts[5]) {
+        if (this.root._lock) return
+        this.root._lock = true
+        setTimeout(() => {
+          this.root._lock = false
+        }, 50)
+        if (this.ctrl['e' + this.i] === 3) return
+        this.root._maskTap()
+        this.root._edit = this
+        if (this.opts[5] === 'simple') return
+        let start = this.opts[7].lastIndexOf('children.')
+        if (start !== -1) {
+          start += 9
+        } else {
+          start = 6
+        }
+        const i = parseInt(this.opts[7].substring(start, this.opts[7].lastIndexOf('.children')))
+        let parent = this.$parent
+        while (parent && parent.$options.name !== 'node') {
+          parent = parent.$parent
+        }
+        let remove = () => {
+          parent.remove(i)
+        }
+        if (this.opts[7].length - parent.opts[7].length > 15) {
+          const parts = this.opts[7].split('.')
+          let childs = parent.childs
+          const i = parseInt(parts[parent.opts[7].split('.').length])
+          const oldParent = parent
+          // 删除整个表格
+          remove = () => {
+            oldParent.remove(i)
+          }
+          for (let i = parent.opts[7].split('.').length; i < parts.length - 2; i++) {
+            childs = childs[parts[i]]
+          }
+          const that = this
+          parent = {
+            childs,
+            opts: [undefined, undefined, undefined, undefined, undefined, undefined, undefined, parts.slice(0, parts.length - 2).join('.')],
+            changeStyle (name, i, value, oldVal) {
+              let style = this.childs[i].attrs.style || ''
+              if (style.includes(';' + name + ':' + oldVal)) {
+                style = style.replace(';' + name + ':' + oldVal, ';' + name + ':' + value)
+              } else {
+                style += ';' + name + ':' + value
+              }
+              that.root._setData(`${this.opts[7]}.${i}.attrs.style`, style)
+            }
+          }
+        }
+        if (!parent) return
+        // 显示实线框
+        this.$set(this.ctrl, 'root', 1)
+        this.root._mask.push(() => this.$set(this.ctrl, 'root', 0))
+        if (this.childs.length === 1 && this.childs[0].type === 'text' && !this.ctrl.e0) {
+          this.$set(this.ctrl, 'e0', 1)
+          this.root._mask.push(() => this.$set(this.ctrl, 'e0', 0))
+          this.i = 0
+          this.cursor = this.childs[0].text.length
+        }
+        const items = this.root._getItem(parent.childs[i], i !== 0, i !== parent.childs.length - 1)
+        this.root._tooltip({
+          top: getTop(e),
+          items,
+          success: tapIndex => {
+            if (items[tapIndex] === '大小') {
+              // 改变字体大小
+              const style = parent.childs[i].attrs.style || ''
+              let value = style.match(/;font-size:([0-9]+)px/)
+              if (value) {
+                value = parseInt(value[1])
+              } else {
+                value = 16
+              }
+              this.root._slider({
+                min: 10,
+                max: 30,
+                value,
+                top: getTop(e),
+                changing: val => {
+                  if (Math.abs(val - value) > 2) {
+                    // 字号变换超过 2 时更新到视图
+                    parent.changeStyle('font-size', i, val + 'px', value + 'px')
+                    value = e.detail.value
+                  }
+                },
+                change: val => {
+                  if (val !== value) {
+                    parent.changeStyle('font-size', i, val + 'px', value + 'px')
+                  }
+                  this.root._editVal(`${parent.opts[7]}.${i}.attrs.style`, style, parent.childs[i].attrs.style)
+                }
+              })
+            } else if (items[tapIndex] === '颜色') {
+              // 改变文字颜色
+              const items = this.root._getItem('color')
+              this.root._color({
+                top: getTop(e),
+                items,
+                success: tapIndex => {
+                  const style = parent.childs[i].attrs.style || ''
+                  const value = style.match(/;color:([^;]+)/)
+                  parent.changeStyle('color', i, items[tapIndex], value ? value[1] : undefined)
+                  this.root._editVal(`${parent.opts[7]}.${i}.attrs.style`, style, parent.childs[i].attrs.style)
+                }
+              })
+            } else if (items[tapIndex] === '上移' || items[tapIndex] === '下移') {
+              const arr = parent.childs.slice(0)
+              const item = arr[i]
+              if (items[tapIndex] === '上移') {
+                arr[i] = arr[i - 1]
+                arr[i - 1] = item
+              } else {
+                arr[i] = arr[i + 1]
+                arr[i + 1] = item
+              }
+              this.root._editVal(parent.opts[7], parent.childs, arr, true)
+            } else if (items[tapIndex] === '删除') {
+              remove()
+            } else {
+              const style = parent.childs[i].attrs.style || ''
+              let newStyle = ''
+              const item = items[tapIndex]
+              let name
+              let value
+              if (item === '斜体') {
+                name = 'font-style'
+                value = 'italic'
+              } else if (item === '粗体') {
+                name = 'font-weight'
+                value = 'bold'
+              } else if (item === '下划线') {
+                name = 'text-decoration'
+                value = 'underline'
+              } else if (item === '居中') {
+                name = 'text-align'
+                value = 'center'
+              } else if (item === '缩进') {
+                name = 'text-indent'
+                value = '2em'
+              }
+              if (style.includes(name + ':')) {
+                // 已有则取消
+                newStyle = style.replace(new RegExp(name + ':[^;]+'), '')
+              } else {
+                // 没有则添加
+                newStyle = style + ';' + name + ':' + value
+              }
+              this.root._editVal(`${parent.opts[7]}.${i}.attrs.style`, style, newStyle, true)
+            }
+          }
+        })
+      }
+    },
+    /**
+     * @description 音视频被点击
+     * @param {Event} e
+     */
+    mediaTap (e, index) {
+      if (this.opts[5]) {
+        const i = e.target.dataset.i || index
+        const node = this.childs[i]
+        const items = this.root._getItem(node)
+        this.root._maskTap()
+        this.root._edit = this
+        this.i = i
+        this.root._tooltip({
+          top: e.currentTarget.offsetTop - 30,
+          items,
+          success: tapIndex => {
+            switch (items[tapIndex]) {
+              case '封面':
+                // 设置封面
+                this.root.getSrc('img', node.attrs.poster || '').then(url => {
+                  this.root._editVal(`${this.opts[7]}.${i}.attrs.poster`, node.attrs.poster, url instanceof Array ? url[0] : url, true)
+                }).catch(() => { })
+                break
+              case '删除':
+                this.remove(i)
+                break
+              case '循环':
+              case '不循环':
+                // 切换循环播放
+                this.root._setData(`${this.opts[7]}.${i}.attrs.loop`, !node.attrs.loop)
+                uni.showToast({
+                  title: '成功'
+                })
+                break
+              case '自动播放':
+              case '不自动播放':
+                // 切换自动播放播放
+                this.root._setData(`${this.opts[7]}.${i}.attrs.autoplay`, !node.attrs.autoplay)
+                uni.showToast({
+                  title: '成功'
+                })
+                break
+            }
+          }
+        })
+        // 避免上层出现点击态
+        this.root._lock = true
+        setTimeout(() => {
+          this.root._lock = false
+        }, 50)
+      }
+    },
+    /**
+     * 改变样式
+     * @param {String} name 属性名
+     * @param {Number} i 第几个标签
+     * @param {String} value 新值
+     * @param {String} oldVal 旧值
+     */
+    changeStyle (name, i, value, oldVal) {
+      let style = this.childs[i].attrs.style || ''
+      if (style.includes(';' + name + ':' + oldVal)) {
+        // style 中已经有
+        style = style.replace(';' + name + ':' + oldVal, ';' + name + ':' + value)
+      } else {
+        // 没有则新增
+        style += ';' + name + ':' + value
+      }
+      this.root._setData(`${this.opts[7]}.${i}.attrs.style`, style)
+    }
+  },
+  handler (file) {
+    if (file.isBuffer()) {
+      let content = file.contents.toString()
+      if (file.path.includes('mp-html.vue')) {
+        // 传递 editable 属性和路径
+        content = content.replace(/opts\s*=\s*"\[([^\]]+)\]"/, 'opts="[$1,editable,placeholder,\'nodes\']"')
+          .replace(/<view(.*?):style\s*=\s*"containerStyle"/, '<view$1:style="(editable?\'min-height:200px;\':\'\')+containerStyle" @tap="_containTap"')
+          // 工具弹窗
+          .replace(/<\/view>\s*<\/template>/, `  <view v-if="tooltip" class="_tooltip_contain" :style="'top:'+tooltip.top+'px'">
+      <view class="_tooltip">
+        <view v-for="(item, index) in tooltip.items" v-bind:key="index" class="_tooltip_item" :data-i="index" @tap="_tooltipTap">{{item}}</view>
+      </view>
+    </view>
+    <view v-if="slider" class="_slider" :style="'top:'+slider.top+'px'">
+      <slider :value="slider.value" :min="slider.min" :max="slider.max" handle-size="14" block-size="14" show-value activeColor="white" style="padding:3px" @changing="_sliderChanging" @change="_sliderChange" />
+    </view>
+    <view v-if="color" class="_tooltip_contain" :style="'top:'+color.top+'px'">
+      <view class="_tooltip" style="overflow-y: hidden;">
+        <view v-for="(item, index) in color.items" v-bind:key="index" class="_color_item" :style="'background-color:'+item" :data-i="index" @tap="_colorTap"></view>
+      </view>
+    </view>
+  </view>
+</template>`)
+          // 添加 data
+          .replace(/data\s*\(\)\s*{\s*return\s*{/, `data() {
+    return {
+      tooltip: null,
+      slider: null,
+      color: null,`)
+          // 添加 editable 属性
+          .replace(/props\s*:\s*{/, `props: {
+    editable: [Boolean, String],
+    placeholder: String,`)
+          // 添加 watch
+          .replace(/watch\s*:\s*{/, `watch: {
+    editable(val) {
+      this.setContent(val ? this.content : this.getContent())
+      if (!val)
+        this._maskTap()
+    },`)
+          .replace(/if\s*\(this.content/, 'if ((this.content || this.editable)')
+          // 处理各类弹窗的事件
+          .replace(/methods\s*:\s*{/, `methods: {
+    _containTap() {
+      if (!this._lock && !this.slider && !this.color) {
+        this._edit = undefined
+        this._maskTap()
+      }
+    },
+    _tooltipTap(e) {
+      this._tooltipcb(e.currentTarget.dataset.i)
+      this.$set(this, 'tooltip', null)
+    },
+    _sliderChanging(e) {
+      this._slideringcb(e.detail.value)
+    },
+    _sliderChange(e) {
+      this._slidercb(e.detail.value)
+    },
+    _colorTap(e) {
+      this._colorcb(e.currentTarget.dataset.i)
+      this.$set(this, 'color', null)
+    },`)
+          // 工具弹窗的样式
+          .replace('</style>', `
+/* 提示条 */
+._tooltip_contain {
+  position: absolute;
+  right: 20px;
+  left: 20px;
+  text-align: center;
+}
+
+._tooltip {
+  box-sizing: border-box;
+  display: inline-block;
+  width: auto;
+  max-width: 100%;
+  height: 30px;
+  padding: 0 3px;
+  overflow: scroll;
+  font-size: 14px;
+  line-height: 30px;
+  white-space: nowrap;
+}
+
+._tooltip_item {
+  display: inline-block;
+  width: auto;
+  padding: 0 2vw;
+  line-height: 30px;
+  background-color: black;
+  color: white;
+}
+
+._color_item {
+  display: inline-block;
+  width: 18px;
+  height: 18px;
+  margin: 5px 2vw;
+  border:1px solid #dfe2e5;
+  border-radius: 50%;
+}
+
+/* 图片宽度滚动条 */
+._slider {
+  position: absolute;
+  left: 20px;
+  width: 220px;
+}
+
+._tooltip,
+._slider {
+  background-color: black;
+  border-radius: 3px;
+  opacity: 0.75;
+}
+</style>`)
+      } else if (file.path.includes('parser.js')) {
+        // 不做 expose 处理
+        content = content.replace(/parser.prototype.expose\s*=\s*function\s*\(\)\s*{/, `parser.prototype.expose = function () {
+  if (this.options.editable) return`)
+          .replace(/popNode\s*=\s*function\s*\(\)\s*{/, 'popNode = function () {\n  const editable = this.options.editable')
+          // 不转换标签名
+          .replace(/if\s*\(config.blockTags\[node.name\]\)\s*{[\s\S]+?}/, `if (config.blockTags[node.name]) {
+    if (!editable) {
+      node.name = 'div'
+    }
+  }`)
+          // 转换表格和列表
+          .replace(/else\s*if\s*\(node.c\)/, 'else if (!editable && node.c )')
+          .replace(/node.c(\)|\s*&&|\s*\n)/g, '(node.c || editable)$1')
+          .replace(/while\s*\(map\[row\s*\+\s*'.'\s*\+\s*col\]\)\s*{[\s\S]+?}/, `while (map[row + '.' + col]) {
+            col++
+          }
+          if (editable) {
+            td.r = row
+          }`)
+          .replace(/let\s+str\s*=\s*'<video style="width:100%;height:100%"'/, `let str = '<video style="width:100%;height:100%"'
+    if (editable) {
+      attrs.controls = ''
+    }`)
+      } else if (file.path.includes('node.vue')) {
+        content =
+          // 传递 opts
+          content.replace(/:childs\s*=\s*"tbody.children"\s*:opts="opts"/, ':childs="tbody.children" :opts="[opts[0],opts[1],opts[2],opts[3],opts[4],opts[5],opts[6],opts[7]+\'.\'+i+\'.children.\'+x+\'.children\']"')
+            .replace(/:childs\s*=\s*"n2.children"\s*:opts="opts"/, ':childs="n2.children" :opts="[opts[0],opts[1],opts[2],opts[3],opts[4],opts[5],opts[6],opts[7]+\'.\'+i+\'.children.\'+j+\'.children\']"')
+            .replace(/:childs\s*=\s*"tr.children"\s*:opts="opts"/, ':childs="tr.children" :opts="[opts[0],opts[1],opts[2],opts[3],opts[4],opts[5],opts[6],opts[7]+\'.\'+i+\'.children.\'+x+\'.children.\'+y+\'.children\']"')
+            .replace(/:childs\s*=\s*"td.children"\s*:opts="opts"/, ':childs="td.children" :opts="[opts[0],opts[1],opts[2],opts[3],opts[4],opts[5],opts[6],opts[7]+\'.\'+i+\'.children.\'+x+\'.children.\'+y+\'.children.\'+z+\'.children\']"')
+            .replace(/opts\s*=\s*"opts"/g, 'opts="[opts[0],opts[1],opts[2],opts[3],opts[4],opts[5],opts[6],opts[7]+\'.\'+i+\'.children\']"')
+            // 不使用 rich-text
+            .replace(/!n.c/g, '!opts[5]&&!n.c').replace('&&n.c', '&&(n.c||opts[5])')
+            // 修改普通标签
+            .replace(/<view\s+:id(.+?)style="/, '<view @tap="nodeTap" :id$1style="(ctrl.root&&opts[5]!==\'simple\'?\'border:1px solid black;padding:5px;display:block;\':\'\')+')
+            // 修改文本块
+            .replace(/<!--\s*文本\s*-->[\s\S]+?<!--\s*链接\s*-->/,
+              `<!-- 文本 -->
+      <text v-else-if="n.type==='text'&&!ctrl['e'+i]" :data-i="i" :user-select="opts[4]" :decode="!opts[5]" @tap="editStart">{{n.text}}
+        <text v-if="!n.text" style="color:gray">{{opts[6]||'请输入'}}</text>
+      </text>
+      <text v-else-if="n.type==='text'&&ctrl['e'+i]===1" :data-i="i" style="border:1px dashed black;min-width:50px;width:auto;padding:5px;display:block" @tap.stop="editStart">{{n.text}}
+        <text v-if="!n.text" style="color:gray">{{opts[6]||'请输入'}}</text>
+      </text>
+      <textarea v-else-if="n.type==='text'" :style="opts[5]==='simple'?'':'border:1px dashed black;'+'min-width:50px;width:auto;padding:5px'" auto-height maxlength="-1" :focus="ctrl['e'+i]===3" :value="n.text" :data-i="i" @input="editInput" @blur="editEnd" />
+      <text v-else-if="n.name==='br'">\\n</text>
+      <!-- 链接 -->`)
+            // 修改图片
+            .replace(/<image(.+?)id="n.attrs.id/, '<image$1id="n.attrs.id||(\'n\'+i)')
+            .replace('height:1px', "height:'+(ctrl['h'+i]||1)+'px")
+            .replace(/:style\s*=\s*"\(ctrl\[i\]/g, ':style="(ctrl[\'e\'+i]&&opts[5]!==\'simple\'?\'border:1px dashed black;padding:3px;\':\'\')+(ctrl[i]')
+            .replace(/show-menu-by-longpress\s*=\s*"(\S+?)"\s*:image-menu-prevent\s*=\s*"(\S+?)"/, 'show-menu-by-longpress="!opts[5]&&$1" :image-menu-prevent="opts[5]||$2"')
+            // 修改音视频
+            .replace('v-else-if="n.html"', 'v-else-if="n.html" :data-i="i" @tap="mediaTap"')
+            .replace('<video', '<video :show-center-play-btn="!opts[5]" @tap="mediaTap"')
+            .replace('<audio ', '<audio @tap="mediaTap" ')
+            .replace('<my-audio ', '<my-audio @onClick="mediaTap($event, i)" ')
+            .replace('card ', 'card @click="mediaTap($event, i)" ')
+            .replace('<script>',
+              `<script>
+import Parser from '../parser'
+function getTop(e) {
+  let top
+  // #ifdef H5 && VUE3
+  top = e.pageY
+  // #endif
+  // #ifdef (H5 && VUE2) || APP-PLUS
+  top = e.touches[0].pageY
+  // #endif
+  // #ifdef MP-ALIPAY
+  top = e.detail.pageY
+  // #endif
+  // #ifndef H5 || MP-ALIPAY || APP-PLUS
+  top = e.detail.y
+  // #endif
+  if (top - e.currentTarget.offsetTop < 150 || top < 600) {
+    top = e.currentTarget.offsetTop
+  }
+  if (top < 30) {
+    top += 70
+  }
+  return top - 30
+}`)
+            // 周期处理
+            .replace(/beforeDestroy\s*\(\)\s*{/, `beforeDestroy () {
+  if (this.root && this.root._edit === this) {
+    this.root._edit = undefined
+  }`)
+            // 记录图片宽度
+            .replace(/imgLoad\s*\(e\)\s*{/, `imgLoad(e) {
+      // #ifdef MP-WEIXIN || MP-QQ
+      if (this.opts[5])
+        this.$nextTick(() => {
+          const id = this.childs[i].attrs.id || ('n' + i)
+          uni.createSelectorQuery().in(this).select('#' + id).boundingClientRect().exec(res => {
+            this.$set(this.ctrl, 'h'+i, res[0].height)
+          })
+        })
+      // #endif`)
+            .replace(/if\s*\(!this.childs\[i\].w\)\s*{[\s\S]+?}/,
+              `if (!this.childs[i].w) {
+        this.$set(this.ctrl, i, e.detail.width)
+        if (this.opts[5]) {
+          const path = this.opts[7] + '.' + i + '.attrs.'
+          if (e.detail.width < 150)
+            this.root._setData(path + 'ignore', 'T')
+          this.root._setData(path + 'width', e.detail.width.toString())
+        }
+      }`)
+            // 处理图片长按
+            .replace(/imgLongTap\s*\(\)\s*{/, `imgLongTap() {
+      if (this.opts[5]) return`)
+            // 处理图片点击
+            .replace(/imgTap\s*\(e\)\s*{([\s\S]+?)},\s*\/\*/,
+              `imgTap (e) {
+      if (!this.opts[5]) {$1} else {
+        const i = e.currentTarget.dataset.i
+        const node = this.childs[i]
+        const items = this.root._getItem(node)
+        const parser = new Parser(this.root)
+        this.root._edit = this
+        this.i = i
+        this.root._maskTap()
+        this.$set(this.ctrl, 'e' + i, 1)
+        this.root._mask.push(() => this.$set(this.ctrl, 'e' + i, 0))
+        this.root._tooltip({
+          top: getTop(e),
+          items,
+          success: tapIndex => {
+            if (items[tapIndex] === '换图') {
+              // 换图
+              this.root.getSrc('img', node.attrs.src || '').then(url => {
+                this.root._editVal(this.opts[7] + '.' + i + '.attrs.src', node.attrs.src, parser.getUrl(url instanceof Array ? url[0] : url), true)
+              }).catch(() => { })
+            } else if (items[tapIndex] === '宽度') {
+              // 更改宽度
+              const style = node.attrs.style || ''
+              let value = style.match(/max-width:([0-9]+)%/)
+              if (value) {
+                value = parseInt(value[1])
+              } else {
+                value = 100
+              }
+              this.root._slider({
+                min: 0,
+                max: 100,
+                value,
+                top: getTop(e),
+                changing: val => {
+                  // 变化超过 5% 更新时视图
+                  if (Math.abs(val - value) > 5) {
+                    this.changeStyle('max-width', i, val + '%', value + '%')
+                    value = val
+                  }
+                },
+                change: val => {
+                  if (val !== value) {
+                    this.changeStyle('max-width', i, val + '%', value + '%')
+                    value = val
+                  }
+                  this.root._editVal(this.opts[7] + '.' + i + '.attrs.style', style, this.childs[i].attrs.style)
+                }
+              })
+            } else if (items[tapIndex] === '超链接') {
+              // 将图片设置为链接
+              this.root.getSrc('link', node.a ? node.a.href : '').then(url => {
+                // 如果有 a 标签则替换 href
+                if (node.a) {
+                  this.root._editVal(this.opts[7] + '.' + i + '.a.href', node.a.href, parser.getUrl(url), true)
+                } else {
+                  const link = {
+                    name: 'a',
+                    attrs: {
+                      href: parser.getUrl(url)
+                    },
+                    children: [node]
+                  }
+                  node.a = link.attrs
+                  this.root._editVal(this.opts[7] + '.' + i, node, link, true)
+                }
+                wx.showToast({
+                  title: '成功'
+                })
+              }).catch(() => { })
+            } else if (items[tapIndex] === '预览图') {
+              // 设置预览图链接
+              this.root.getSrc('img', node.attrs['original-src'] || '').then(url => {
+                this.root._editVal(this.opts[7] + '.' + i + '.attrs.original-src', node.attrs['original-src'], parser.getUrl(url instanceof Array ? url[0] : url), true)
+                uni.showToast({
+                  title: '成功'
+                })
+              }).catch(() => { })
+            } else if (items[tapIndex] === '删除') {
+              this.remove(i)
+            } else {
+              // 禁用 / 启用预览
+              this.root._setData(this.opts[7] + '.' + i + '.attrs.ignore', !node.attrs.ignore)
+              uni.showToast({
+                title: '成功'
+              })
+            }
+          }
+        })
+        this.root._lock = true
+        setTimeout(() => {
+          this.root._lock = false
+        }, 50)
+      }
+    },
+    /*`)
+            // 处理链接点击
+            .replace(/linkTap\s*\(e\)\s*{([\s\S]+?)},\s*\/\*/,
+              `linkTap (e) {
+      if (!this.opts[5]) {$1} else {
+        const i = e.currentTarget.dataset.i
+        const node = this.childs[i]
+        const items = this.root._getItem(node)
+        this.root._tooltip({
+          top: getTop(e),
+          items,
+          success: tapIndex => {
+            if (items[tapIndex] === '更换链接') {
+              this.root.getSrc('link', node.attrs.href).then(url => {
+                this.root._editVal(this.opts[7] + '.' + i + '.attrs.href', node.attrs.href, url, true)
+                uni.showToast({
+                  title: '成功'
+                })
+              }).catch(() => { })
+            } else {
+              this.remove(i)
+            }
+          }
+        })
+      }
+    },
+    /*`)
+      }
+      file.contents = Buffer.from(content)
+    }
+  }
+}
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/editable/uni-app/index.js b/wechat-mini-program/node_modules/mp-html/plugins/editable/uni-app/index.js
new file mode 100644
index 0000000..a8927e0
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/editable/uni-app/index.js
@@ -0,0 +1,553 @@
+/**
+ * @fileoverview editable 插件
+ */
+const config = require('./config')
+const Parser = require('../parser')
+
+function Editable (vm) {
+  this.vm = vm
+  this.editHistory = [] // 历史记录
+  this.editI = -1 // 历史记录指针
+  vm._mask = [] // 蒙版被点击时进行的操作
+
+  vm._setData = function (path, val) {
+    const paths = path.split('.')
+    let target = vm
+    for (let i = 0; i < paths.length - 1; i++) {
+      target = target[paths[i]]
+    }
+    vm.$set(target, paths.pop(), val)
+  }
+
+  /**
+   * @description 移动历史记录指针
+   * @param {Number} num 移动距离
+   */
+  const move = num => {
+    setTimeout(() => {
+      const item = this.editHistory[this.editI + num]
+      if (item) {
+        this.editI += num
+        vm._setData(item.key, item.value)
+      }
+    }, 200)
+  }
+  vm.undo = () => move(-1) // 撤销
+  vm.redo = () => move(1) // 重做
+
+  /**
+   * @description 更新记录
+   * @param {String} path 更新内容路径
+   * @param {*} oldVal 旧值
+   * @param {*} newVal 新值
+   * @param {Boolean} set 是否更新到视图
+   * @private
+   */
+  vm._editVal = (path, oldVal, newVal, set) => {
+    // 当前指针后的内容去除
+    while (this.editI < this.editHistory.length - 1) {
+      this.editHistory.pop()
+    }
+
+    // 最多存储 30 条操作记录
+    while (this.editHistory.length > 30) {
+      this.editHistory.pop()
+      this.editI--
+    }
+
+    const last = this.editHistory[this.editHistory.length - 1]
+    if (!last || last.key !== path) {
+      if (last) {
+        // 去掉上一次的新值
+        this.editHistory.pop()
+        this.editI--
+      }
+      // 存入这一次的旧值
+      this.editHistory.push({
+        key: path,
+        value: oldVal
+      })
+      this.editI++
+    }
+
+    // 存入本次的新值
+    this.editHistory.push({
+      key: path,
+      value: newVal
+    })
+    this.editI++
+
+    // 更新到视图
+    if (set) {
+      vm._setData(path, newVal)
+    }
+  }
+
+  /**
+   * @description 获取菜单项
+   * @private
+   */
+  vm._getItem = function (node, up, down) {
+    let items
+    let i
+    if (node === 'color') {
+      return config.color
+    }
+    if (node.name === 'img') {
+      items = config.img.slice(0)
+      if (!vm.getSrc) {
+        i = items.indexOf('换图')
+        if (i !== -1) {
+          items.splice(i, 1)
+        }
+        i = items.indexOf('超链接')
+        if (i !== -1) {
+          items.splice(i, 1)
+        }
+        i = items.indexOf('预览图')
+        if (i !== -1) {
+          items.splice(i, 1)
+        }
+      }
+      i = items.indexOf('禁用预览')
+      if (i !== -1 && node.attrs.ignore) {
+        items[i] = '启用预览'
+      }
+    } else if (node.name === 'a') {
+      items = config.link.slice(0)
+      if (!vm.getSrc) {
+        i = items.indexOf('更换链接')
+        if (i !== -1) {
+          items.splice(i, 1)
+        }
+      }
+    } else if (node.name === 'video' || node.name === 'audio') {
+      items = config.media.slice(0)
+      i = items.indexOf('封面')
+      if (!vm.getSrc && i !== -1) {
+        items.splice(i, 1)
+      }
+      i = items.indexOf('循环')
+      if (node.attrs.loop && i !== -1) {
+        items[i] = '不循环'
+      }
+      i = items.indexOf('自动播放')
+      if (node.attrs.autoplay && i !== -1) {
+        items[i] = '不自动播放'
+      }
+    } else if (node.name === 'card') {
+      items = config.card.slice(0)
+    } else {
+      items = config.node.slice(0)
+    }
+    if (!up) {
+      i = items.indexOf('上移')
+      if (i !== -1) {
+        items.splice(i, 1)
+      }
+    }
+    if (!down) {
+      i = items.indexOf('下移')
+      if (i !== -1) {
+        items.splice(i, 1)
+      }
+    }
+    return items
+  }
+
+  /**
+   * @description 显示 tooltip
+   * @param {object} obj
+   * @private
+   */
+  vm._tooltip = function (obj) {
+    vm.$set(vm, 'tooltip', {
+      top: obj.top,
+      items: obj.items
+    })
+    vm._tooltipcb = obj.success
+  }
+
+  /**
+   * @description 显示滚动条
+   * @param {object} obj
+   * @private
+   */
+  vm._slider = function (obj) {
+    vm.$set(vm, 'slider', {
+      min: obj.min,
+      max: obj.max,
+      value: obj.value,
+      top: obj.top
+    })
+    vm._slideringcb = obj.changing
+    vm._slidercb = obj.change
+  }
+
+  /**
+   * @description 显示颜色选择
+   * @param {object} obj
+   * @private
+   */
+  vm._color = function (obj) {
+    vm.$set(vm, 'color', {
+      items: obj.items,
+      top: obj.top
+    })
+    vm._colorcb = obj.success
+  }
+
+  /**
+   * @description 点击蒙版
+   * @private
+   */
+  vm._maskTap = function () {
+    // 隐藏所有悬浮窗
+    while (vm._mask.length) {
+      (vm._mask.pop())()
+    }
+    if (vm.tooltip) {
+      vm.$set(vm, 'tooltip', null)
+    }
+    if (vm.slider) {
+      vm.$set(vm, 'slider', null)
+    }
+    if (vm.color) {
+      vm.$set(vm, 'color', null)
+    }
+  }
+
+  /**
+   * @description 插入节点
+   * @param {Object} node
+   */
+  function insert (node) {
+    if (vm._edit) {
+      vm._edit.insert(node)
+    } else {
+      const nodes = vm.nodes.slice(0)
+      nodes.push(node)
+      vm._editVal('nodes', vm.nodes, nodes, true)
+    }
+  }
+
+  /**
+   * @description 在光标处插入指定 html 内容
+   * @param {String} html 内容
+   */
+  vm.insertHtml = html => {
+    this.inserting = true
+    const arr = new Parser(vm).parse(html)
+    this.inserting = undefined
+    for (let i = 0; i < arr.length; i++) {
+      insert(arr[i])
+    }
+  }
+
+  /**
+   * @description 在光标处插入图片
+   */
+  vm.insertImg = function () {
+    vm.getSrc && vm.getSrc('img').then(src => {
+      if (typeof src === 'string') {
+        src = [src]
+      }
+      const parser = new Parser(vm)
+      for (let i = 0; i < src.length; i++) {
+        insert({
+          name: 'img',
+          attrs: {
+            src: parser.getUrl(src[i])
+          }
+        })
+      }
+    }).catch(() => { })
+  }
+
+  /**
+   * @description 在光标处插入一个链接
+   */
+  vm.insertLink = function () {
+    vm.getSrc && vm.getSrc('link').then(url => {
+      insert({
+        name: 'a',
+        attrs: {
+          href: url
+        },
+        children: [{
+          type: 'text',
+          text: url
+        }]
+      })
+    }).catch(() => { })
+  }
+
+  /**
+   * @description 在光标处插入一个表格
+   * @param {Number} rows 行数
+   * @param {Number} cols 列数
+   */
+  vm.insertTable = function (rows, cols) {
+    const table = {
+      name: 'table',
+      attrs: {
+        style: 'display:table;width:100%;margin:10px 0;text-align:center;border-spacing:0;border-collapse:collapse;border:1px solid gray'
+      },
+      children: []
+    }
+    for (let i = 0; i < rows; i++) {
+      const tr = {
+        name: 'tr',
+        attrs: {},
+        children: []
+      }
+      for (let j = 0; j < cols; j++) {
+        tr.children.push({
+          name: 'td',
+          attrs: {
+            style: 'padding:2px;border:1px solid gray'
+          },
+          children: [{
+            type: 'text',
+            text: ''
+          }]
+        })
+      }
+      table.children.push(tr)
+    }
+    insert(table)
+  }
+
+  /**
+   * @description 插入视频/音频
+   * @param {Object} node
+   */
+  function insertMedia (node) {
+    if (typeof node.src === 'string') {
+      node.src = [node.src]
+    }
+    const parser = new Parser(vm)
+    // 拼接主域名
+    for (let i = 0; i < node.src.length; i++) {
+      node.src[i] = parser.getUrl(node.src[i])
+    }
+    insert({
+      name: 'div',
+      attrs: {
+        style: 'text-align:center'
+      },
+      children: [node]
+    })
+  }
+
+  /**
+   * @description 在光标处插入一个视频
+   */
+  vm.insertVideo = function () {
+    vm.getSrc && vm.getSrc('video').then(src => {
+      insertMedia({
+        name: 'video',
+        attrs: {
+          controls: 'T'
+        },
+        children: [],
+        src,
+        // #ifdef APP-PLUS
+        html: `<video src="${src}" style="width:100%;height:100%"></video>`
+        // #endif
+      })
+    }).catch(() => { })
+  }
+
+  /**
+   * @description 在光标处插入一个音频
+   */
+  vm.insertAudio = function () {
+    vm.getSrc && vm.getSrc('audio').then(attrs => {
+      let src
+      if (attrs.src) {
+        src = attrs.src
+        attrs.src = undefined
+      } else {
+        src = attrs
+        attrs = {}
+      }
+      attrs.controls = 'T'
+      insertMedia({
+        name: 'audio',
+        attrs,
+        children: [],
+        src
+      })
+    }).catch(() => { })
+  }
+
+  /**
+   * @description 在光标处插入一段文本
+   */
+  vm.insertText = function () {
+    insert({
+      name: 'p',
+      attrs: {},
+      children: [{
+        type: 'text',
+        text: ''
+      }]
+    })
+  }
+
+  /**
+   * @description 清空内容
+   */
+  vm.clear = function () {
+    vm._maskTap()
+    vm._edit = undefined
+    vm.$set(vm, 'nodes', [{
+      name: 'p',
+      attrs: {},
+      children: [{
+        type: 'text',
+        text: ''
+      }]
+    }])
+  }
+
+  /**
+   * @description 获取编辑后的 html
+   */
+  vm.getContent = function () {
+    let html = '';
+    // 递归遍历获取
+    (function traversal (nodes, table) {
+      for (let i = 0; i < nodes.length; i++) {
+        let item = nodes[i]
+        if (item.type === 'text') {
+          html += item.text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\n/g, '<br>').replace(/\xa0/g, '&nbsp;') // 编码实体
+        } else {
+          if (item.name === 'img') {
+            item.attrs.i = ''
+            // 还原被转换的 svg
+            if ((item.attrs.src || '').includes('data:image/svg+xml;utf8,')) {
+              html += item.attrs.src.substr(24).replace(/%23/g, '#').replace('<svg', '<svg style="' + (item.attrs.style || '') + '"')
+              continue
+            }
+          } else if (item.name === 'video' || item.name === 'audio') {
+            // 还原 video 和 audio 的 source
+            item = JSON.parse(JSON.stringify(item))
+            if (item.src.length > 1) {
+              item.children = []
+              for (let j = 0; j < item.src.length; j++) {
+                item.children.push({
+                  name: 'source',
+                  attrs: {
+                    src: item.src[j]
+                  }
+                })
+              }
+            } else {
+              item.attrs.src = item.src[0]
+            }
+          } else if (item.name === 'div' && (item.attrs.style || '').includes('overflow:auto') && (item.children[0] || {}).name === 'table') {
+            // 还原滚动层
+            item = item.children[0]
+          }
+          // 还原 table
+          if (item.name === 'table') {
+            item = JSON.parse(JSON.stringify(item))
+            table = item.attrs
+            if ((item.attrs.style || '').includes('display:grid')) {
+              item.attrs.style = item.attrs.style.split('display:grid')[0]
+              const children = [{
+                name: 'tr',
+                attrs: {},
+                children: []
+              }]
+              for (let j = 0; j < item.children.length; j++) {
+                item.children[j].attrs.style = item.children[j].attrs.style.replace(/grid-[^;]+;*/g, '')
+                if (item.children[j].r !== children.length) {
+                  children.push({
+                    name: 'tr',
+                    attrs: {},
+                    children: [item.children[j]]
+                  })
+                } else {
+                  children[children.length - 1].children.push(item.children[j])
+                }
+              }
+              item.children = children
+            }
+          }
+          html += '<' + item.name
+          for (const attr in item.attrs) {
+            let val = item.attrs[attr]
+            if (!val) continue
+            if (val === 'T' || val === true) {
+              // bool 型省略值
+              html += ' ' + attr
+              continue
+            } else if (item.name[0] === 't' && attr === 'style' && table) {
+              // 取消为了显示 table 添加的 style
+              val = val.replace(/;*display:table[^;]*/, '')
+              if (table.border) {
+                val = val.replace(/border[^;]+;*/g, $ => $.includes('collapse') ? $ : '')
+              }
+              if (table.cellpadding) {
+                val = val.replace(/padding[^;]+;*/g, '')
+              }
+              if (!val) continue
+            }
+            html += ' ' + attr + '="' + val.replace(/"/g, '&quot;') + '"'
+          }
+          html += '>'
+          if (item.children) {
+            traversal(item.children, table)
+            html += '</' + item.name + '>'
+          }
+        }
+      }
+    })(vm.nodes)
+
+    // 其他插件处理
+    for (let i = vm.plugins.length; i--;) {
+      if (vm.plugins[i].onGetContent) {
+        html = vm.plugins[i].onGetContent(html) || html
+      }
+    }
+
+    return html
+  }
+}
+
+Editable.prototype.onUpdate = function (content, config) {
+  if (this.vm.editable) {
+    this.vm._maskTap()
+    config.entities.amp = '&'
+    if (!this.inserting) {
+      this.vm._edit = undefined
+      if (!content) {
+        setTimeout(() => {
+          this.vm.$set(this.vm, 'nodes', [{
+            name: 'p',
+            attrs: {},
+            children: [{
+              type: 'text',
+              text: ''
+            }]
+          }])
+        }, 0)
+      }
+    }
+  }
+}
+
+Editable.prototype.onParse = function (node) {
+  // 空白单元格可编辑
+  if (this.vm.editable && (node.name === 'td' || node.name === 'th') && !this.vm.getText(node.children)) {
+    node.children.push({
+      type: 'text',
+      text: ''
+    })
+  }
+}
+
+module.exports = Editable
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/emoji/README.md b/wechat-mini-program/node_modules/mp-html/plugins/emoji/README.md
new file mode 100644
index 0000000..6e7fe45
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/emoji/README.md
@@ -0,0 +1,15 @@
+# emoji
+功能：解析 *emoji*  
+大小：*≈3KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √ |
+
+说明：  
+将形如 *[笑脸]* 的文本替换为 *emoji* 字符 😄  
+匹配模式可以通过修改 *reg* 变量实现  
+默认配置了 *177* 个常用的 *emoji* 小表情，可以自行按照需要修改 *data* 变量  
+
+?> 与 *editable* 插件共用时，导出编辑好的 *html* 内容，会将 *emoji* 字符编码为文本形式，便于存储  
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/emoji/index.js b/wechat-mini-program/node_modules/mp-html/plugins/emoji/index.js
new file mode 100644
index 0000000..54cee46
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/emoji/index.js
@@ -0,0 +1,203 @@
+/**
+ * @fileoverview emoji 插件
+ */
+const reg = /\[(\S+?)\]/g
+const data = {
+  笑脸: '😄',
+  生病: '😷',
+  破涕为笑: '😂',
+  吐舌: '😝',
+  脸红: '😳',
+  恐惧: '😱',
+  失望: '😔',
+  无语: '😒',
+  眨眼: '😉',
+  酷: '😎',
+  哭: '😭',
+  痴迷: '😍',
+  吻: '😘',
+  思考: '🤔',
+  困惑: '😕',
+  颠倒: '🙃',
+  钱: '🤑',
+  惊讶: '😲',
+  白眼: '🙄',
+  叹气: '😤',
+  睡觉: '😴',
+  书呆子: '🤓',
+  愤怒: '😡',
+  面无表情: '😑',
+  张嘴: '😮',
+  量体温: '🤒',
+  呕吐: '🤮',
+  光环: '😇',
+  幽灵: '👻',
+  外星人: '👽',
+  机器人: '🤖',
+  捂眼镜: '🙈',
+  捂耳朵: '🙉',
+  捂嘴: '🙊',
+  婴儿: '👶',
+  男孩: '👦',
+  女孩: '👧',
+  男人: '👨',
+  女人: '👩',
+  老人: '👴',
+  老妇人: '👵',
+  警察: '👮',
+  王子: '🤴',
+  公主: '🤴',
+  举手: '🙋',
+  跑步: '🏃',
+  家庭: '👪',
+  眼睛: '👀',
+  鼻子: '👃',
+  耳朵: '👂',
+  舌头: '👅',
+  嘴: '👄',
+  心: '❤️',
+  心碎: '💔',
+  雪人: '☃️',
+  情书: '💌',
+  大便: '💩',
+  闹钟: '⏰',
+  眼镜: '👓',
+  雨伞: '☂️',
+  音乐: '🎵',
+  话筒: '🎤',
+  游戏机: '🎮',
+  喇叭: '📢',
+  耳机: '🎧',
+  礼物: '🎁',
+  电话: '📞',
+  电脑: '💻',
+  打印机: '🖨️',
+  手电筒: '🔦',
+  灯泡: '💡',
+  书本: '📖',
+  信封: '✉️',
+  药丸: '💊',
+  口红: '💄',
+  手机: '📱',
+  相机: '📷',
+  电视: '📺',
+  中: '🀄',
+  垃圾桶: '🚮',
+  厕所: '🚾',
+  感叹号: '❗',
+  禁: '🈲',
+  可: '🉑',
+  彩虹: '🌈',
+  旋风: '🌀',
+  雷电: '⚡',
+  雪花: '❄️',
+  星星: '⭐',
+  水滴: '💧',
+  玫瑰: '🌹',
+  加油: '💪',
+  左: '👈',
+  右: '👉',
+  上: '👆',
+  下: '👇',
+  手掌: '🖐️',
+  好的: '👌',
+  好: '👍',
+  差: '👎',
+  胜利: '✌',
+  拳头: '👊',
+  挥手: '👋',
+  鼓掌: '👏',
+  猴子: '🐒',
+  狗: '🐶',
+  狼: '🐺',
+  猫: '🐱',
+  老虎: '🐯',
+  马: '🐎',
+  独角兽: '🦄',
+  斑马: '🦓',
+  鹿: '🦌',
+  牛: '🐮',
+  猪: '🐷',
+  羊: '🐏',
+  长颈鹿: '🦒',
+  大象: '🐘',
+  老鼠: '🐭',
+  蝙蝠: '🦇',
+  刺猬: '🦔',
+  熊猫: '🐼',
+  鸽子: '🕊️',
+  鸭子: '🦆',
+  兔子: '🐇',
+  老鹰: '🦅',
+  青蛙: '🐸',
+  蛇: '🐍',
+  龙: '🐉',
+  鲸鱼: '🐳',
+  海豚: '🐬',
+  足球: '⚽',
+  棒球: '⚾',
+  篮球: '🏀',
+  排球: '🏐',
+  橄榄球: '🏉',
+  网球: '🎾',
+  骰子: '🎲',
+  鸡腿: '🍗',
+  蛋糕: '🎂',
+  啤酒: '🍺',
+  饺子: '🥟',
+  汉堡: '🍔',
+  薯条: '🍟',
+  意大利面: '🍝',
+  干杯: '🥂',
+  筷子: '🥢',
+  糖果: '🍬',
+  奶瓶: '🍼',
+  爆米花: '🍿',
+  邮局: '🏤',
+  医院: '🏥',
+  银行: '🏦',
+  酒店: '🏨',
+  学校: '🏫',
+  城堡: '🏰',
+  火车: '🚂',
+  高铁: '🚄',
+  地铁: '🚇',
+  公交: '🚌',
+  救护车: '🚑',
+  消防车: '🚒',
+  警车: '🚓',
+  出租车: '🚕',
+  汽车: '🚗',
+  货车: '🚛',
+  自行车: '🚲',
+  摩托: '🛵',
+  红绿灯: '🚥',
+  帆船: '⛵',
+  游轮: '🛳️',
+  轮船: '⛴️',
+  飞机: '✈️',
+  直升机: '🚁',
+  缆车: '🚠',
+  警告: '⚠️',
+  禁止: '⛔'
+}
+
+function Emoji () {
+
+}
+
+Emoji.prototype.onUpdate = function (content) {
+  return content.replace(reg, ($, $1) => {
+    if (data[$1]) return data[$1]
+    return $
+  })
+}
+
+Emoji.prototype.onGetContent = function (content) {
+  for (const item in data) {
+    content = content.replace(new RegExp(data[item], 'g'), '[' + item + ']')
+  }
+  return content
+}
+
+module.exports = Emoji
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/highlight/README.md b/wechat-mini-program/node_modules/mp-html/plugins/highlight/README.md
new file mode 100644
index 0000000..a0bdfee
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/highlight/README.md
@@ -0,0 +1,26 @@
+# highlight
+功能：代码块高亮显示  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √ |
+
+说明：  
+大小：*≈16KB*  
+编辑 *plugins/highlight/config.js* 顶部的选项，可以选择是否需要以下功能：  
+- *copyByLongPress* 是否需要长按代码块时显示复制代码内容菜单（*uni-app nvue* 暂不支持）  
+- *showLanguageName* 是否在代码块右上角显示语言的名称  
+- *showLineNumber* 是否在左侧显示行号  
+
+> 修改该配置后需要重新生成组件包，在构建后的组件包中修改配置无法生效
+
+引入本插件后，*html* 中符合以下格式的 *pre* 将被高亮处理：  
+```html
+<!-- pre 中内含一个 code，并在 pre 或 code 的 class 中设置 language- -->
+<pre><code class="language-css">p { color: red }</code></pre>
+```
+
+> 与 *editable* 插件共用时，编辑状态下，不会进行高亮，可以直接修改代码文本
+
+> 本插件的高亮功能依赖于 [prismjs](https://prismjs.com/)，默认配置中仅支持 *html*、*css*、*c-like*、*javascript* 语言和 *Tomorrow Night* 主题，如果需要更多语言或更换主题请前往 [官网](https://prismjs.com/download.html) 下载对应的 *prism.min.js* 和 *prism.css* 并替换 *plugins/highlight/* 目录下的文件  
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/highlight/config.js b/wechat-mini-program/node_modules/mp-html/plugins/highlight/config.js
new file mode 100644
index 0000000..6bd1a29
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/highlight/config.js
@@ -0,0 +1,5 @@
+module.exports = {
+  copyByLongPress: false, // 是否需要长按代码块时显示复制代码内容菜单
+  showLanguageName: false, // 是否在代码块右上角显示语言的名称
+  showLineNumber: false // 是否显示行号
+}
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/highlight/index.js b/wechat-mini-program/node_modules/mp-html/plugins/highlight/index.js
new file mode 100644
index 0000000..0dc2c0a
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/highlight/index.js
@@ -0,0 +1,96 @@
+/**
+ * @fileoverview highlight 插件
+ * Include prismjs (https://prismjs.com)
+ */
+const prism = require('./prism.min')
+const config = require('./config')
+const Parser = require('../parser')
+
+function Highlight (vm) {
+  this.vm = vm
+}
+
+Highlight.prototype.onParse = function (node, vm) {
+  if (node.name === 'pre') {
+    if (vm.options.editable) {
+      node.attrs.class = (node.attrs.class || '') + ' hl-pre'
+      return
+    }
+    let i
+    for (i = node.children.length; i--;) {
+      if (node.children[i].name === 'code') break
+    }
+    if (i === -1) return
+    const code = node.children[i]
+    let className = code.attrs.class + ' ' + node.attrs.class
+    i = className.indexOf('language-')
+    if (i === -1) {
+      i = className.indexOf('lang-')
+      if (i === -1) {
+        className = 'language-text'
+        i = 9
+      } else {
+        i += 5
+      }
+    } else {
+      i += 9
+    }
+    let j
+    for (j = i; j < className.length; j++) {
+      if (className[j] === ' ') break
+    }
+    const lang = className.substring(i, j)
+    if (code.children.length) {
+      const text = this.vm.getText(code.children).replace(/&amp;/g, '&')
+      if (!text) return
+      if (node.c) {
+        node.c = undefined
+      }
+      if (prism.languages[lang]) {
+        code.children = (new Parser(this.vm).parse(
+          // 加一层 pre 保留空白符
+          '<pre>' + prism.highlight(text, prism.languages[lang], lang).replace(/token /g, 'hl-') + '</pre>'))[0].children
+      }
+      node.attrs.class = 'hl-pre'
+      code.attrs.class = 'hl-code'
+      if (config.showLanguageName) {
+        node.children.push({
+          name: 'div',
+          attrs: {
+            class: 'hl-language',
+            style: 'user-select:none'
+          },
+          children: [{
+            type: 'text',
+            text: lang
+          }]
+        })
+      }
+      if (config.copyByLongPress) {
+        node.attrs.style += (node.attrs.style || '') + ';user-select:none'
+        node.attrs['data-content'] = text
+        vm.expose()
+      }
+      if (config.showLineNumber) {
+        const line = text.split('\n').length; const children = []
+        for (let k = line; k--;) {
+          children.push({
+            name: 'span',
+            attrs: {
+              class: 'span'
+            }
+          })
+        }
+        node.children.push({
+          name: 'span',
+          attrs: {
+            class: 'line-numbers-rows'
+          },
+          children
+        })
+      }
+    }
+  }
+}
+
+module.exports = Highlight
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/highlight/miniprogram/build.js b/wechat-mini-program/node_modules/mp-html/plugins/highlight/miniprogram/build.js
new file mode 100644
index 0000000..40934b0
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/highlight/miniprogram/build.js
@@ -0,0 +1,88 @@
+const config = require('../config')
+
+const build = {
+  import: 'prism.css',
+  handler (file) {
+    if (file.path.includes('prism.css')) {
+      // 将标签名选择器和属性选择器转为 class 选择器（组件内仅支持 class 选择器）
+      file.contents = Buffer.from(file.contents.toString().replace(/pre([[)])/g, '.hl-pre$1').replace(/code/g, '.hl-code').replace(/\[class\*="?language-"?\]/g, '').replace(/:not[^,}]+[,}]*/g, '').replace(/\.token\./g, '.hl-'))
+    }
+  }
+}
+
+if (config.showLanguageName || config.showLineNumber) {
+  // pre 内部的 code 进行滚动，避免行号和语言名称跟随滚动
+  build.style = `.hl-pre {
+  position: relative;
+}
+.hl-code {
+  overflow: auto;
+  display: block;
+}`
+}
+
+if (config.copyByLongPress) {
+  build.template = '<rich-text wx:if="{{n.attrs[\'data-content\']}}" nodes="{{[n]}}" data-content="{{n.attrs[\'data-content\']}}" data-lang="{{n.attrs[\'data-lang\']}}" bindlongpress="copyCode" />'
+  build.methods = {
+    copyCode (e) {
+      wx.showActionSheet({
+        itemList: ['复制代码'],
+        success: () =>
+          wx.setClipboardData({
+            data: e.currentTarget.dataset.content
+          })
+      })
+    }
+  }
+}
+
+if (config.showLanguageName) {
+  build.style = (build.style || '') +
+    `.hl-language {
+  font-size: 12px;
+  font-weight: 600;
+  position: absolute;
+  right: 8px;
+  text-align: right;
+  top: 3px;
+}
+.hl-pre {
+  padding-top: 1.5em;
+}`
+}
+
+if (config.showLineNumber) {
+  build.style = (build.style || '') +
+    `.hl-pre {
+  font-size: 14px;
+  padding-left: 3.8em;
+  counter-reset: linenumber;
+}
+.line-numbers-rows {
+  position: absolute;
+  pointer-events: none;
+  top: ${config.showLanguageName ? 1.5 : 1}em;
+  font-size: 100%;
+  left: 0;
+  width: 3em; /* works for line-numbers below 1000 lines */
+  letter-spacing: -1px;
+  border-right: 1px solid #999;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.line-numbers-rows .span {
+  display: block;
+  counter-increment: linenumber;
+} 
+.line-numbers-rows .span:before {
+  content: counter(linenumber);
+  color: #999;
+  display: block;
+  padding-right: 0.8em;
+  text-align: right;
+}`
+}
+
+module.exports = build
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/highlight/prism.css b/wechat-mini-program/node_modules/mp-html/plugins/highlight/prism.css
new file mode 100644
index 0000000..4967473
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/highlight/prism.css
@@ -0,0 +1,125 @@
+/* PrismJS 1.22.0
+https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript */
+/**
+ * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML
+ * Based on https://github.com/chriskempson/tomorrow-theme
+ * @author Rose Pritchard
+ */
+
+code[class*="language-"],
+pre[class*="language-"] {
+	color: #ccc;
+	background: none;
+	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	font-size: 1em;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+	line-height: 1.5;
+
+	-moz-tab-size: 4;
+	-o-tab-size: 4;
+	tab-size: 4;
+
+	-webkit-hyphens: none;
+	-moz-hyphens: none;
+	-ms-hyphens: none;
+	hyphens: none;
+
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+	padding: 1em;
+	margin: .5em 0;
+	overflow: auto;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+	background: #2d2d2d;
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+	padding: .1em;
+	border-radius: .3em;
+	white-space: normal;
+}
+
+.token.comment,
+.token.block-comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+	color: #999;
+}
+
+.token.punctuation {
+	color: #ccc;
+}
+
+.token.tag,
+.token.attr-name,
+.token.namespace,
+.token.deleted {
+	color: #e2777a;
+}
+
+.token.function-name {
+	color: #6196cc;
+}
+
+.token.boolean,
+.token.number,
+.token.function {
+	color: #f08d49;
+}
+
+.token.property,
+.token.class-name,
+.token.constant,
+.token.symbol {
+	color: #f8c555;
+}
+
+.token.selector,
+.token.important,
+.token.atrule,
+.token.keyword,
+.token.builtin {
+	color: #cc99cd;
+}
+
+.token.string,
+.token.char,
+.token.attr-value,
+.token.regex,
+.token.variable {
+	color: #7ec699;
+}
+
+.token.operator,
+.token.entity,
+.token.url {
+	color: #67cdcc;
+}
+
+.token.important,
+.token.bold {
+	font-weight: bold;
+}
+.token.italic {
+	font-style: italic;
+}
+
+.token.entity {
+	cursor: help;
+}
+
+.token.inserted {
+	color: green;
+}
+
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/highlight/prism.min.js b/wechat-mini-program/node_modules/mp-html/plugins/highlight/prism.min.js
new file mode 100644
index 0000000..4ff62a0
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/highlight/prism.min.js
@@ -0,0 +1,7 @@
+/*! PrismJS 1.22.0
+https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript */
+var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(u){var c=/\blang(?:uage)?-([\w-]+)\b/i,n=0,M={manual:u.Prism&&u.Prism.manual,disableWorkerMessageHandler:u.Prism&&u.Prism.disableWorkerMessageHandler,util:{encode:function e(n){return n instanceof W?new W(n.type,e(n.content),n.alias):Array.isArray(n)?n.map(e):n.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++n}),e.__id},clone:function t(e,r){var a,n;switch(r=r||{},M.util.type(e)){case"Object":if(n=M.util.objId(e),r[n])return r[n];for(var i in a={},r[n]=a,e)e.hasOwnProperty(i)&&(a[i]=t(e[i],r));return a;case"Array":return n=M.util.objId(e),r[n]?r[n]:(a=[],r[n]=a,e.forEach(function(e,n){a[n]=t(e,r)}),a);default:return e}},getLanguage:function(e){for(;e&&!c.test(e.className);)e=e.parentElement;return e?(e.className.match(c)||[,"none"])[1].toLowerCase():"none"},currentScript:function(){if("undefined"==typeof document)return null;if("currentScript"in document)return document.currentScript;try{throw new Error}catch(e){var n=(/at [^(\r\n]*\((.*):.+:.+\)$/i.exec(e.stack)||[])[1];if(n){var t=document.getElementsByTagName("script");for(var r in t)if(t[r].src==n)return t[r]}return null}},isActive:function(e,n,t){for(var r="no-"+n;e;){var a=e.classList;if(a.contains(n))return!0;if(a.contains(r))return!1;e=e.parentElement}return!!t}},languages:{extend:function(e,n){var t=M.util.clone(M.languages[e]);for(var r in n)t[r]=n[r];return t},insertBefore:function(t,e,n,r){var a=(r=r||M.languages)[t],i={};for(var l in a)if(a.hasOwnProperty(l)){if(l==e)for(var o in n)n.hasOwnProperty(o)&&(i[o]=n[o]);n.hasOwnProperty(l)||(i[l]=a[l])}var s=r[t];return r[t]=i,M.languages.DFS(M.languages,function(e,n){n===s&&e!=t&&(this[e]=i)}),i},DFS:function e(n,t,r,a){a=a||{};var i=M.util.objId;for(var l in n)if(n.hasOwnProperty(l)){t.call(n,l,n[l],r||l);var o=n[l],s=M.util.type(o);"Object"!==s||a[i(o)]?"Array"!==s||a[i(o)]||(a[i(o)]=!0,e(o,t,l,a)):(a[i(o)]=!0,e(o,t,null,a))}}},plugins:{},highlightAll:function(e,n){M.highlightAllUnder(document,e,n)},highlightAllUnder:function(e,n,t){var r={callback:t,container:e,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};M.hooks.run("before-highlightall",r),r.elements=Array.prototype.slice.apply(r.container.querySelectorAll(r.selector)),M.hooks.run("before-all-elements-highlight",r);for(var a,i=0;a=r.elements[i++];)M.highlightElement(a,!0===n,r.callback)},highlightElement:function(e,n,t){var r=M.util.getLanguage(e),a=M.languages[r];e.className=e.className.replace(c,"").replace(/\s+/g," ")+" language-"+r;var i=e.parentElement;i&&"pre"===i.nodeName.toLowerCase()&&(i.className=i.className.replace(c,"").replace(/\s+/g," ")+" language-"+r);var l={element:e,language:r,grammar:a,code:e.textContent};function o(e){l.highlightedCode=e,M.hooks.run("before-insert",l),l.element.innerHTML=l.highlightedCode,M.hooks.run("after-highlight",l),M.hooks.run("complete",l),t&&t.call(l.element)}if(M.hooks.run("before-sanity-check",l),!l.code)return M.hooks.run("complete",l),void(t&&t.call(l.element));if(M.hooks.run("before-highlight",l),l.grammar)if(n&&u.Worker){var s=new Worker(M.filename);s.onmessage=function(e){o(e.data)},s.postMessage(JSON.stringify({language:l.language,code:l.code,immediateClose:!0}))}else o(M.highlight(l.code,l.grammar,l.language));else o(M.util.encode(l.code))},highlight:function(e,n,t){var r={code:e,grammar:n,language:t};return M.hooks.run("before-tokenize",r),r.tokens=M.tokenize(r.code,r.grammar),M.hooks.run("after-tokenize",r),W.stringify(M.util.encode(r.tokens),r.language)},tokenize:function(e,n){var t=n.rest;if(t){for(var r in t)n[r]=t[r];delete n.rest}var a=new i;return I(a,a.head,e),function e(n,t,r,a,i,l){for(var o in r)if(r.hasOwnProperty(o)&&r[o]){var s=r[o];s=Array.isArray(s)?s:[s];for(var u=0;u<s.length;++u){if(l&&l.cause==o+","+u)return;var c=s[u],g=c.inside,f=!!c.lookbehind,h=!!c.greedy,d=0,v=c.alias;if(h&&!c.pattern.global){var p=c.pattern.toString().match(/[imsuy]*$/)[0];c.pattern=RegExp(c.pattern.source,p+"g")}for(var m=c.pattern||c,y=a.next,k=i;y!==t.tail&&!(l&&k>=l.reach);k+=y.value.length,y=y.next){var b=y.value;if(t.length>n.length)return;if(!(b instanceof W)){var x=1;if(h&&y!=t.tail.prev){m.lastIndex=k;var w=m.exec(n);if(!w)break;var A=w.index+(f&&w[1]?w[1].length:0),P=w.index+w[0].length,S=k;for(S+=y.value.length;S<=A;)y=y.next,S+=y.value.length;if(S-=y.value.length,k=S,y.value instanceof W)continue;for(var E=y;E!==t.tail&&(S<P||"string"==typeof E.value);E=E.next)x++,S+=E.value.length;x--,b=n.slice(k,S),w.index-=k}else{m.lastIndex=0;var w=m.exec(b)}if(w){f&&(d=w[1]?w[1].length:0);var A=w.index+d,O=w[0].slice(d),P=A+O.length,L=b.slice(0,A),N=b.slice(P),j=k+b.length;l&&j>l.reach&&(l.reach=j);var C=y.prev;L&&(C=I(t,C,L),k+=L.length),z(t,C,x);var _=new W(o,g?M.tokenize(O,g):O,v,O);y=I(t,C,_),N&&I(t,y,N),1<x&&e(n,t,r,y.prev,k,{cause:o+","+u,reach:j})}}}}}}(e,a,n,a.head,0),function(e){var n=[],t=e.head.next;for(;t!==e.tail;)n.push(t.value),t=t.next;return n}(a)},hooks:{all:{},add:function(e,n){var t=M.hooks.all;t[e]=t[e]||[],t[e].push(n)},run:function(e,n){var t=M.hooks.all[e];if(t&&t.length)for(var r,a=0;r=t[a++];)r(n)}},Token:W};function W(e,n,t,r){this.type=e,this.content=n,this.alias=t,this.length=0|(r||"").length}function i(){var e={value:null,prev:null,next:null},n={value:null,prev:e,next:null};e.next=n,this.head=e,this.tail=n,this.length=0}function I(e,n,t){var r=n.next,a={value:t,prev:n,next:r};return n.next=a,r.prev=a,e.length++,a}function z(e,n,t){for(var r=n.next,a=0;a<t&&r!==e.tail;a++)r=r.next;(n.next=r).prev=n,e.length-=a}if(u.Prism=M,W.stringify=function n(e,t){if("string"==typeof e)return e;if(Array.isArray(e)){var r="";return e.forEach(function(e){r+=n(e,t)}),r}var a={type:e.type,content:n(e.content,t),tag:"span",classes:["token",e.type],attributes:{},language:t},i=e.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(a.classes,i):a.classes.push(i)),M.hooks.run("wrap",a);var l="";for(var o in a.attributes)l+=" "+o+'="'+(a.attributes[o]||"").replace(/"/g,"&quot;")+'"';return"<"+a.tag+' class="'+a.classes.join(" ")+'"'+l+">"+a.content+"</"+a.tag+">"},!u.document)return u.addEventListener&&(M.disableWorkerMessageHandler||u.addEventListener("message",function(e){var n=JSON.parse(e.data),t=n.language,r=n.code,a=n.immediateClose;u.postMessage(M.highlight(r,M.languages[t],t)),a&&u.close()},!1)),M;var e=M.util.currentScript();function t(){M.manual||M.highlightAll()}if(e&&(M.filename=e.src,e.hasAttribute("data-manual")&&(M.manual=!0)),!M.manual){var r=document.readyState;"loading"===r||"interactive"===r&&e&&e.defer?document.addEventListener("DOMContentLoaded",t):window.requestAnimationFrame?window.requestAnimationFrame(t):window.setTimeout(t,16)}return M}(_self);"undefined"!=typeof module&&module.exports&&(module.exports=Prism),"undefined"!=typeof global&&(global.Prism=Prism);
+Prism.languages.markup={comment:/<!--[\s\S]*?-->/,prolog:/<\?[\s\S]+?\?>/,doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/,name:/[^\s<>'"]+/}},cdata:/<!\[CDATA\[[\s\S]*?]]>/i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",function(a){"entity"===a.type&&(a.attributes.title=a.content.replace(/&amp;/,"&"))}),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(a,e){var s={};s["language-"+e]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:Prism.languages[e]},s.cdata=/^<!\[CDATA\[|\]\]>$/i;var n={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:s}};n["language-"+e]={pattern:/[\s\S]+/,inside:Prism.languages[e]};var t={};t[a]={pattern:RegExp("(<__[^]*?>)(?:<!\\[CDATA\\[(?:[^\\]]|\\](?!\\]>))*\\]\\]>|(?!<!\\[CDATA\\[)[^])*?(?=</__>)".replace(/__/g,function(){return a}),"i"),lookbehind:!0,greedy:!0,inside:n},Prism.languages.insertBefore("markup","cdata",t)}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml;
+!function(e){var t=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-]+[\s\S]*?(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\((?!\s*\))\s*)(?:[^()]|\((?:[^()]|\([^()]*\))*\))+?(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|(?:[^\\\\\r\n()\"']|\\\\[^])*)\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:RegExp("[^{}\\s](?:[^{};\"']|"+t.source+")*?(?=\\s*\\{)"),string:{pattern:t,greedy:!0},property:/[-_a-z\xA0-\uFFFF][-\w\xA0-\uFFFF]*(?=\s*:)/i,important:/!important\b/i,function:/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;var s=e.languages.markup;s&&(s.tag.addInlined("style","css"),e.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/(^|["'\s])style\s*=\s*(?:"[^"]*"|'[^']*')/i,lookbehind:!0,inside:{"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{style:{pattern:/(["'])[\s\S]+(?=["']$)/,lookbehind:!0,alias:"language-css",inside:e.languages.css},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},"attr-name":/^style/i}}},s.tag))}(Prism);
+Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|interface|extends|implements|trait|instanceof|new)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,boolean:/\b(?:true|false)\b/,function:/\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+\.?\d*|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/};
+Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])[_$A-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\.(?:prototype|constructor))/,lookbehind:!0}],keyword:[{pattern:/((?:^|})\s*)(?:catch|finally)\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|(?:get|set)(?=\s*[\[$\w\xA0-\uFFFF])|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],number:/\b(?:(?:0[xX](?:[\dA-Fa-f](?:_[\dA-Fa-f])?)+|0[bB](?:[01](?:_[01])?)+|0[oO](?:[0-7](?:_[0-7])?)+)n?|(?:\d(?:_\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:_\d)?)+\.?(?:\d(?:_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,function:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*]|\\.|[^/\\\[\r\n])+\/[gimyus]{0,6}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-flags":/[a-z]+$/,"regex-delimiter":/^\/|\/$/}},"function-variable":{pattern:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)?\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*=>)/i,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{"template-string":{pattern:/`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}|(?!\${)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\${|}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}}}),Prism.languages.markup&&Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.js=Prism.languages.javascript;
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/highlight/uni-app/build.js b/wechat-mini-program/node_modules/mp-html/plugins/highlight/uni-app/build.js
new file mode 100644
index 0000000..2b4e509
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/highlight/uni-app/build.js
@@ -0,0 +1,88 @@
+const config = require('../config')
+
+const build = {
+  import: 'prism.css',
+  handler (file) {
+    if (file.path.includes('prism.css')) {
+      // 将标签名选择器和属性选择器转为 class 选择器（组件内仅支持 class 选择器）
+      file.contents = Buffer.from(file.contents.toString().replace(/pre([[)])/g, '.hl-pre$1').replace(/code/g, '.hl-code').replace(/\[class\*="?language-"?\]/g, '').replace(/:not[^,}]+[,}]*/g, '').replace(/\.token\./g, '.hl-'))
+    }
+  }
+}
+
+if (config.showLanguageName || config.showLineNumber) {
+  // pre 内部的 code 进行滚动，避免行号和语言名称跟随滚动
+  build.style = `.hl-pre {
+  position: relative;
+}
+.hl-code {
+  overflow: auto;
+  display: block;
+}`
+}
+
+if (config.copyByLongPress) {
+  build.template = '<rich-text v-if="n.attrs&&n.attrs[\'data-content\']" :nodes="[n]" :data-content="n.attrs[\'data-content\']" :data-lang="n.attrs[\'data-lang\']" @longpress="copyCode" />'
+  build.methods = {
+    copyCode (e) {
+      uni.showActionSheet({
+        itemList: ['复制代码'],
+        success: () =>
+          uni.setClipboardData({
+            data: e.currentTarget.dataset.content
+          })
+      })
+    }
+  }
+}
+
+if (config.showLanguageName) {
+  build.style = (build.style || '') +
+    `.hl-language {
+  font-size: 12px;
+  font-weight: 600;
+  position: absolute;
+  right: 8px;
+  text-align: right;
+  top: 3px;
+}
+.hl-pre {
+  padding-top: 1.5em;
+}`
+}
+
+if (config.showLineNumber) {
+  build.style = (build.style || '') +
+    `.hl-pre {
+  font-size: 14px;
+  padding-left: 3.8em;
+  counter-reset: linenumber;
+}
+.line-numbers-rows {
+  position: absolute;
+  pointer-events: none;
+  top: ${config.showLanguageName ? 1.5 : 1}em;
+  font-size: 100%;
+  left: 0;
+  width: 3em; /* works for line-numbers below 1000 lines */
+  letter-spacing: -1px;
+  border-right: 1px solid #999;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.line-numbers-rows .span {
+  display: block;
+  counter-increment: linenumber;
+} 
+.line-numbers-rows .span:before {
+  content: counter(linenumber);
+  color: #999;
+  display: block;
+  padding-right: 0.8em;
+  text-align: right;
+}`
+}
+
+module.exports = build
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/img-cache/README.md b/wechat-mini-program/node_modules/mp-html/plugins/img-cache/README.md
new file mode 100644
index 0000000..28de0c6
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/img-cache/README.md
@@ -0,0 +1,24 @@
+功能：图片本地缓存  
+大小：*≈4KB*  
+作者：[@PentaTea](https://github.com/PentaTea)  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+|  |  |  |  |  | √(仅支持 app 的 vue 页面) |
+
+说明：  
+引入本插件后，会给组件添加一个 *img-cache* 属性，将该属性设置为 *true* 后，将自动下载引用的图片并将 *src* 属性更换为本地地址  
+同时在组件实例上挂载了 *imgCache* 对象，扩充缓存控制能力  
+
+*imgCache* 对象属性和方法：  
+
+| 属性 | 功能 |
+|:---:|:---:|
+| list | 当前缓存的 url 列表 |
+| get(url) | 传入 url 获得本地地址 |
+| delete(url) | 传入 url 删除缓存记录 |
+| add(url) | 传入 url 并下载目标为缓存 |
+| clear() | 清空所有缓存 |
+
+!> 请尽量确保 *src* 中含有文件后缀名，不以后缀结尾也没关系，插件会从路径中推测合理的图片后缀，如果完全不包含后缀信息可能会无法保存到相册  
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/img-cache/build.js b/wechat-mini-program/node_modules/mp-html/plugins/img-cache/build.js
new file mode 100644
index 0000000..e0ff24a
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/img-cache/build.js
@@ -0,0 +1,16 @@
+module.exports = {
+  main: 'index.js',
+  platform: ['uni-app'],
+  handler (file, platform) {
+    if (platform === 'uni-app') {
+      // 添加 img-cache 属性
+      if (file.path.includes('mp-html.vue')) {
+        file.contents = Buffer.from(
+          file.contents
+            .toString()
+            .replace(/props\s*:\s*{/, 'props: {\n    ImgCache: Boolean,')
+        )
+      }
+    }
+  }
+}
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/img-cache/index.js b/wechat-mini-program/node_modules/mp-html/plugins/img-cache/index.js
new file mode 100644
index 0000000..72993bf
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/img-cache/index.js
@@ -0,0 +1,138 @@
+const data = {
+  name: 'imgcache',
+  prefix: 'imgcache_'
+}
+function ImgCache (vm) {
+  this.vm = vm // 保存实例在其他周期使用
+  this.i = 0 // 用于标记第几张图
+  vm.imgCache = {
+    get list () {
+      return uni
+        .getStorageInfoSync()
+        .keys.filter((key) => key.startsWith(data.prefix))
+        .map((key) => key.split(data.prefix)[1])
+    },
+    get (url) {
+      return uni.getStorageSync(data.prefix + url)
+    },
+    delete (url) {
+      const path = uni.getStorageSync(data.prefix + url)
+      if (!path) return false
+      plus.io.resolveLocalFileSystemURL(path, (entry) => {
+        entry.remove()
+      })
+      uni.removeStorageSync(data.prefix + url)
+      return true
+    },
+    async add (url) {
+      const filename = await download(url)
+      if (filename) {
+        uni.setStorageSync(data.prefix + url, filename)
+        return 'file://' + plus.io.convertLocalFileSystemURL(filename)
+      }
+      return null
+    },
+    clear () {
+      uni
+        .getStorageInfoSync()
+        .keys.filter((key) => key.startsWith(data.prefix))
+        .forEach((key) => {
+          uni.removeStorageSync(key)
+        })
+
+      plus.io.resolveLocalFileSystemURL(`_doc/${data.name}/`, (entry) => {
+        entry.removeRecursively(
+          (entry) => {
+            console.log(`${data.name}缓存删除成功`, entry)
+          },
+          (e) => {
+            console.log(`${data.name}缓存删除失败`, e)
+          }
+        )
+      })
+    }
+  }
+}
+
+// #ifdef APP-PLUS
+ImgCache.prototype.onParse = function (node, parser) {
+  // 启用本插件 && 解析图片标签 && 拥有src属性 && 是网络图片
+  if (
+    this.vm.ImgCache &&
+    node.name === 'img' &&
+    node.attrs.src &&
+    /^https?:\/\//.test(node.attrs.src)
+  ) {
+    const src = node.attrs.src
+    node.attrs.src = ''
+    node.attrs.i = this.vm.imgList.length + this.i++
+    parser.expose()
+
+    async function getUrl (path) {
+      if (await resolveFile(path)) return path
+      const filename = await download(src)
+      filename && uni.setStorageSync(data.prefix + src, filename)
+      return filename
+    }
+
+    uni.getStorage({
+      key: data.prefix + src,
+      success: async (res) => {
+        const path = await getUrl(res.data)
+        const url = path
+          ? 'file://' + plus.io.convertLocalFileSystemURL(path)
+          : src
+        node.attrs.src = url
+        this.vm.imgList[node.attrs.i] = path || src
+      },
+      fail: async () => {
+        const path = await getUrl()
+        const url = path
+          ? 'file://' + plus.io.convertLocalFileSystemURL(path)
+          : src
+        node.attrs.src = url
+        this.vm.imgList[node.attrs.i] = path || src
+      }
+    })
+  }
+}
+
+const taskQueue = new Set()
+
+function download (url) {
+  return new Promise((resolve) => {
+    if (taskQueue.has(url)) return
+    taskQueue.add(url)
+    const suffix = /.+\.(jpg|jpeg|png|bmp|gif|webp)/.exec(url)
+    const name = `${makeid(8)}_${Date.now()}${suffix ? '.' + suffix[1] : ''}`
+    const task = plus.downloader.createDownload(
+      url,
+      { filename: `_doc/${data.name}/${name}` },
+      (download, status) => {
+        taskQueue.delete(url)
+        resolve(status === 200 ? download.filename : null)
+      }
+    )
+    task.start()
+  })
+}
+
+// 判断文件存在
+function resolveFile (url) {
+  return new Promise((resolve) => {
+    plus.io.resolveLocalFileSystemURL(url, resolve, () => resolve(null))
+  })
+}
+
+// 生成uuid
+function makeid (length) {
+  let result = ''
+  const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'
+  for (let i = 0; i < length; i++) {
+    result += characters.charAt(Math.floor(Math.random() * characters.length))
+  }
+  return result
+}
+// #endif
+
+module.exports = ImgCache
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/latex/README.md b/wechat-mini-program/node_modules/mp-html/plugins/latex/README.md
new file mode 100644
index 0000000..da7bcef
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/latex/README.md
@@ -0,0 +1,16 @@
+# latex
+功能：渲染 *latex* 公式  
+大小：**≈300KB**  
+作者：[@Zeng-J](https://github.com/Zeng-J)  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √ |
+
+说明：  
+引入本插件后，会将 *$xxx$* 的文本内容按照 *latex* 规则进行解析和渲染   
+
+> 与 *editable* 插件共用时，编辑状态下，公式不会渲染，可以直接修改公式文本
+
+> 本插件通过 [katex-mini](https://github.com/rojer95/katex-mini) 解析 *latex* 文本，[字体文件](https://github.com/KaTeX/KaTeX/tree/main/fonts) 建议自行转存  
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/latex/build.js b/wechat-mini-program/node_modules/mp-html/plugins/latex/build.js
new file mode 100644
index 0000000..eaa76df
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/latex/build.js
@@ -0,0 +1,14 @@
+module.exports = {
+  import: 'katex.css',
+  handler (file) {
+    if (file.isBuffer()) {
+      let content = file.contents.toString()
+      if (file.basename === 'node.wxml') {
+        content = content.replace(/(n.?)\.name==='a'\|\|/g, "$1.name==='a'||$1.l||")
+      } else if (file.basename === 'node.vue') {
+        content = content.replace(/!handler.isInline\((.*?)\)/, '(n.l||!handler.isInline($1))')
+      }
+      file.contents = Buffer.from(content)
+    }
+  }
+}
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/latex/index.js b/wechat-mini-program/node_modules/mp-html/plugins/latex/index.js
new file mode 100644
index 0000000..f409e0d
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/latex/index.js
@@ -0,0 +1,80 @@
+/**
+ * @fileoverview latex 插件
+ * katex.min.js来源 https://github.com/rojer95/katex-mini
+ */
+const parse = require('./katex.min')
+
+function Latex () {
+
+}
+
+Latex.prototype.onParse = function (node, vm) {
+  // $...$包裹的内容为latex公式
+  if (!vm.options.editable && node.type === 'text' && node.text.includes('$')) {
+    const part = node.text.split(/(\${1,2})/)
+    const children = []
+    let status = 0
+    for (let i = 0; i < part.length; i++) {
+      if (i % 2 === 0) {
+        // 文本内容
+        if (part[i]) {
+          if (status === 0) {
+            children.push({
+              type: 'text',
+              text: part[i]
+            })
+          } else {
+            if (status === 1) {
+              // 行内公式
+              const nodes = parse.default(part[i])
+              children.push({
+                name: 'span',
+                attrs: {},
+                l: 'T',
+                f: 'display:inline-block',
+                children: nodes
+              })
+            } else {
+              // 块公式
+              const nodes = parse.default(part[i], {
+                displayMode: true
+              })
+              children.push({
+                name: 'div',
+                attrs: {
+                  style: 'text-align:center'
+                },
+                children: nodes
+              })
+            }
+          }
+        }
+      } else {
+        // 分隔符
+        if (part[i] === '$' && part[i + 2] === '$') {
+          // 行内公式
+          status = 1
+          part[i + 2] = ''
+        } else if (part[i] === '$$' && part[i + 2] === '$$') {
+          // 块公式
+          status = 2
+          part[i + 2] = ''
+        } else {
+          if (part[i] && part[i] !== '$$') {
+            // 普通$符号
+            part[i + 1] = part[i] + part[i + 1]
+          }
+          // 重置状态
+          status = 0
+        }
+      }
+    }
+    delete node.type
+    delete node.text
+    node.name = 'span'
+    node.attrs = {}
+    node.children = children
+  }
+}
+
+module.exports = Latex
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/latex/katex.css b/wechat-mini-program/node_modules/mp-html/plugins/latex/katex.css
new file mode 100644
index 0000000..2bbf9b2
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/latex/katex.css
@@ -0,0 +1,1070 @@
+/* fonts字体库可自行前往 https://github.com/KaTeX/KaTeX/tree/main/fonts 下载，放入自家的cdn服务上 */
+@font-face {
+  font-family: "KaTeX_AMS";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_AMS-Regular.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_AMS-Regular.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_AMS-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: "KaTeX_Caligraphic";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Caligraphic-Bold.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Caligraphic-Bold.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Caligraphic-Bold.ttf") format("truetype");
+  font-weight: bold;
+  font-style: normal;
+}
+@font-face {
+  font-family: "KaTeX_Caligraphic";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Caligraphic-Regular.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Caligraphic-Regular.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Caligraphic-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: "KaTeX_Fraktur";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Fraktur-Bold.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Fraktur-Bold.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Fraktur-Bold.ttf") format("truetype");
+  font-weight: bold;
+  font-style: normal;
+}
+@font-face {
+  font-family: "KaTeX_Fraktur";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Fraktur-Regular.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Fraktur-Regular.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Fraktur-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: "KaTeX_Main";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Main-Bold.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Main-Bold.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Main-Bold.ttf") format("truetype");
+  font-weight: bold;
+  font-style: normal;
+}
+@font-face {
+  font-family: "KaTeX_Main";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Main-BoldItalic.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Main-BoldItalic.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Main-BoldItalic.ttf") format("truetype");
+  font-weight: bold;
+  font-style: italic;
+}
+@font-face {
+  font-family: "KaTeX_Main";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Main-Italic.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Main-Italic.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Main-Italic.ttf") format("truetype");
+  font-weight: normal;
+  font-style: italic;
+}
+@font-face {
+  font-family: "KaTeX_Main";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Main-Regular.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Main-Regular.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Main-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: "KaTeX_Math";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Math-BoldItalic.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Math-BoldItalic.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Math-BoldItalic.ttf") format("truetype");
+  font-weight: bold;
+  font-style: italic;
+}
+@font-face {
+  font-family: "KaTeX_Math";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Math-Italic.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Math-Italic.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Math-Italic.ttf") format("truetype");
+  font-weight: normal;
+  font-style: italic;
+}
+@font-face {
+  font-family: "KaTeX_SansSerif";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_SansSerif-Bold.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_SansSerif-Bold.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_SansSerif-Bold.ttf") format("truetype");
+  font-weight: bold;
+  font-style: normal;
+}
+@font-face {
+  font-family: "KaTeX_SansSerif";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_SansSerif-Italic.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_SansSerif-Italic.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_SansSerif-Italic.ttf") format("truetype");
+  font-weight: normal;
+  font-style: italic;
+}
+@font-face {
+  font-family: "KaTeX_SansSerif";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_SansSerif-Regular.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_SansSerif-Regular.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_SansSerif-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: "KaTeX_Script";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Script-Regular.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Script-Regular.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Script-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: "KaTeX_Size1";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Size1-Regular.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Size1-Regular.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Size1-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: "KaTeX_Size2";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Size2-Regular.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Size2-Regular.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Size2-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: "KaTeX_Size3";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Size3-Regular.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Size3-Regular.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Size3-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: "KaTeX_Size4";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Size4-Regular.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Size4-Regular.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Size4-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: "KaTeX_Typewriter";
+  src: url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Typewriter-Regular.woff2") format("woff2"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Typewriter-Regular.woff") format("woff"), url("https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/KaTeX/0.13.16/fonts/KaTeX_Typewriter-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+.katex {
+  counter-reset: katexEqnNo mmlEqnNo;
+  font: normal 1.21em KaTeX_Main, Times New Roman, serif;
+  line-height: 1.2;
+  text-indent: 0;
+  text-rendering: auto;
+}
+.katex view,
+.katex text {
+  -ms-high-contrast-adjust: none !important;
+  border-color: currentColor;
+}
+.katex .katex-mathml {
+  /* Accessibility hack to only show to screen readers
+         Found at: http://a11yproject.com/posts/how-to-hide-content/ */
+  position: absolute;
+  clip: rect(1px, 1px, 1px, 1px);
+  padding: 0;
+  border: 0;
+  height: 1px;
+  width: 1px;
+  overflow: hidden;
+}
+.katex .katex-html {
+  /* \newline is an empty block at top level, between .base elements */
+}
+.katex .katex-html > .newline {
+  display: block;
+}
+.katex .base {
+  position: relative;
+  display: inline-block;
+  white-space: nowrap;
+  width: min-content;
+}
+.katex .strut {
+  display: inline-block;
+}
+.katex .textbf {
+  font-weight: bold;
+}
+.katex .textit {
+  font-style: italic;
+}
+.katex .textrm {
+  font-family: KaTeX_Main;
+}
+.katex .textsf {
+  font-family: KaTeX_SansSerif;
+}
+.katex .texttt {
+  font-family: KaTeX_Typewriter;
+}
+.katex .mathnormal {
+  font-family: KaTeX_Math;
+  font-style: italic;
+}
+.katex .mathit {
+  font-family: KaTeX_Main;
+  font-style: italic;
+}
+.katex .mathrm {
+  font-style: normal;
+}
+.katex .mathbf {
+  font-family: KaTeX_Main;
+  font-weight: bold;
+}
+.katex .boldsymbol {
+  font-family: KaTeX_Math;
+  font-weight: bold;
+  font-style: italic;
+}
+.katex .amsrm {
+  font-family: KaTeX_AMS;
+}
+.katex .mathbb,
+.katex .textbb {
+  font-family: KaTeX_AMS;
+}
+.katex .mathcal {
+  font-family: KaTeX_Caligraphic;
+}
+.katex .mathfrak,
+.katex .textfrak {
+  font-family: KaTeX_Fraktur;
+}
+.katex .mathtt {
+  font-family: KaTeX_Typewriter;
+}
+.katex .mathscr,
+.katex .textscr {
+  font-family: KaTeX_Script;
+}
+.katex .mathsf,
+.katex .textsf {
+  font-family: KaTeX_SansSerif;
+}
+.katex .mathboldsf,
+.katex .textboldsf {
+  font-family: KaTeX_SansSerif;
+  font-weight: bold;
+}
+.katex .mathitsf,
+.katex .textitsf {
+  font-family: KaTeX_SansSerif;
+  font-style: italic;
+}
+.katex .mainrm {
+  font-family: KaTeX_Main;
+  font-style: normal;
+}
+.katex .vlist-t {
+  display: inline-table;
+  table-layout: fixed;
+  border-collapse: collapse;
+}
+.katex .vlist-r {
+  display: table-row;
+}
+.katex .vlist {
+  display: table-cell;
+  vertical-align: bottom;
+  position: relative;
+}
+.katex .vlist > .katex-span {
+  display: block;
+  height: 0;
+  position: relative;
+}
+.katex .vlist > .katex-span > .katex-span {
+  display: inline-block;
+}
+.katex .vlist > .katex-span > .pstrut {
+  overflow: hidden;
+  width: 0;
+}
+.katex .vlist-t2 {
+  margin-right: -2px;
+}
+.katex .vlist-s {
+  display: table-cell;
+  vertical-align: bottom;
+  font-size: 1px;
+  width: 2px;
+  min-width: 2px;
+}
+.katex .vbox {
+  display: inline-flex;
+  flex-direction: column;
+  align-items: baseline;
+}
+.katex .hbox {
+  display: inline-flex;
+  flex-direction: row;
+  width: 100%;
+}
+.katex .thinbox {
+  display: inline-flex;
+  flex-direction: row;
+  width: 0;
+  max-width: 0;
+}
+.katex .msupsub {
+  text-align: left;
+}
+.katex .mfrac > .katex-span > .katex-span {
+  text-align: center;
+}
+.katex .mfrac .frac-line {
+  display: inline-block;
+  width: 100%;
+  border-bottom-style: solid;
+}
+.katex .mfrac .frac-line,
+.katex .overline .overline-line,
+.katex .underline .underline-line,
+.katex .hline,
+.katex .hdashline,
+.katex .rule {
+  min-height: 1px;
+}
+.katex .mspace {
+  display: inline-block;
+}
+.katex .llap,
+.katex .rlap,
+.katex .clap {
+  width: 0;
+  position: relative;
+}
+.katex .llap > .inner,
+.katex .rlap > .inner,
+.katex .clap > .inner {
+  position: absolute;
+}
+.katex .llap > .fix,
+.katex .rlap > .fix,
+.katex .clap > .fix {
+  display: inline-block;
+}
+.katex .llap > .inner {
+  right: 0;
+}
+.katex .rlap > .inner,
+.katex .clap > .inner {
+  left: 0;
+}
+.katex .clap > .inner > .katex-span {
+  margin-left: -50%;
+  margin-right: 50%;
+}
+.katex .rule {
+  display: inline-block;
+  border: solid 0;
+  position: relative;
+}
+.katex .overline .overline-line,
+.katex .underline .underline-line,
+.katex .hline {
+  display: inline-block;
+  width: 100%;
+  border-bottom-style: solid;
+}
+.katex .hdashline {
+  display: inline-block;
+  width: 100%;
+  border-bottom-style: dashed;
+}
+.katex .sqrt > .root {
+  margin-left: 0.27777778em;
+  margin-right: -0.55555556em;
+}
+.katex .sizing.reset-size1.size1,
+.katex .fontsize-ensurer.reset-size1.size1 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size1.size2,
+.katex .fontsize-ensurer.reset-size1.size2 {
+  font-size: 1.2em;
+}
+.katex .sizing.reset-size1.size3,
+.katex .fontsize-ensurer.reset-size1.size3 {
+  font-size: 1.4em;
+}
+.katex .sizing.reset-size1.size4,
+.katex .fontsize-ensurer.reset-size1.size4 {
+  font-size: 1.6em;
+}
+.katex .sizing.reset-size1.size5,
+.katex .fontsize-ensurer.reset-size1.size5 {
+  font-size: 1.8em;
+}
+.katex .sizing.reset-size1.size6,
+.katex .fontsize-ensurer.reset-size1.size6 {
+  font-size: 2em;
+}
+.katex .sizing.reset-size1.size7,
+.katex .fontsize-ensurer.reset-size1.size7 {
+  font-size: 2.4em;
+}
+.katex .sizing.reset-size1.size8,
+.katex .fontsize-ensurer.reset-size1.size8 {
+  font-size: 2.88em;
+}
+.katex .sizing.reset-size1.size9,
+.katex .fontsize-ensurer.reset-size1.size9 {
+  font-size: 3.456em;
+}
+.katex .sizing.reset-size1.size10,
+.katex .fontsize-ensurer.reset-size1.size10 {
+  font-size: 4.148em;
+}
+.katex .sizing.reset-size1.size11,
+.katex .fontsize-ensurer.reset-size1.size11 {
+  font-size: 4.976em;
+}
+.katex .sizing.reset-size2.size1,
+.katex .fontsize-ensurer.reset-size2.size1 {
+  font-size: 0.83333333em;
+}
+.katex .sizing.reset-size2.size2,
+.katex .fontsize-ensurer.reset-size2.size2 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size2.size3,
+.katex .fontsize-ensurer.reset-size2.size3 {
+  font-size: 1.16666667em;
+}
+.katex .sizing.reset-size2.size4,
+.katex .fontsize-ensurer.reset-size2.size4 {
+  font-size: 1.33333333em;
+}
+.katex .sizing.reset-size2.size5,
+.katex .fontsize-ensurer.reset-size2.size5 {
+  font-size: 1.5em;
+}
+.katex .sizing.reset-size2.size6,
+.katex .fontsize-ensurer.reset-size2.size6 {
+  font-size: 1.66666667em;
+}
+.katex .sizing.reset-size2.size7,
+.katex .fontsize-ensurer.reset-size2.size7 {
+  font-size: 2em;
+}
+.katex .sizing.reset-size2.size8,
+.katex .fontsize-ensurer.reset-size2.size8 {
+  font-size: 2.4em;
+}
+.katex .sizing.reset-size2.size9,
+.katex .fontsize-ensurer.reset-size2.size9 {
+  font-size: 2.88em;
+}
+.katex .sizing.reset-size2.size10,
+.katex .fontsize-ensurer.reset-size2.size10 {
+  font-size: 3.45666667em;
+}
+.katex .sizing.reset-size2.size11,
+.katex .fontsize-ensurer.reset-size2.size11 {
+  font-size: 4.14666667em;
+}
+.katex .sizing.reset-size3.size1,
+.katex .fontsize-ensurer.reset-size3.size1 {
+  font-size: 0.71428571em;
+}
+.katex .sizing.reset-size3.size2,
+.katex .fontsize-ensurer.reset-size3.size2 {
+  font-size: 0.85714286em;
+}
+.katex .sizing.reset-size3.size3,
+.katex .fontsize-ensurer.reset-size3.size3 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size3.size4,
+.katex .fontsize-ensurer.reset-size3.size4 {
+  font-size: 1.14285714em;
+}
+.katex .sizing.reset-size3.size5,
+.katex .fontsize-ensurer.reset-size3.size5 {
+  font-size: 1.28571429em;
+}
+.katex .sizing.reset-size3.size6,
+.katex .fontsize-ensurer.reset-size3.size6 {
+  font-size: 1.42857143em;
+}
+.katex .sizing.reset-size3.size7,
+.katex .fontsize-ensurer.reset-size3.size7 {
+  font-size: 1.71428571em;
+}
+.katex .sizing.reset-size3.size8,
+.katex .fontsize-ensurer.reset-size3.size8 {
+  font-size: 2.05714286em;
+}
+.katex .sizing.reset-size3.size9,
+.katex .fontsize-ensurer.reset-size3.size9 {
+  font-size: 2.46857143em;
+}
+.katex .sizing.reset-size3.size10,
+.katex .fontsize-ensurer.reset-size3.size10 {
+  font-size: 2.96285714em;
+}
+.katex .sizing.reset-size3.size11,
+.katex .fontsize-ensurer.reset-size3.size11 {
+  font-size: 3.55428571em;
+}
+.katex .sizing.reset-size4.size1,
+.katex .fontsize-ensurer.reset-size4.size1 {
+  font-size: 0.625em;
+}
+.katex .sizing.reset-size4.size2,
+.katex .fontsize-ensurer.reset-size4.size2 {
+  font-size: 0.75em;
+}
+.katex .sizing.reset-size4.size3,
+.katex .fontsize-ensurer.reset-size4.size3 {
+  font-size: 0.875em;
+}
+.katex .sizing.reset-size4.size4,
+.katex .fontsize-ensurer.reset-size4.size4 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size4.size5,
+.katex .fontsize-ensurer.reset-size4.size5 {
+  font-size: 1.125em;
+}
+.katex .sizing.reset-size4.size6,
+.katex .fontsize-ensurer.reset-size4.size6 {
+  font-size: 1.25em;
+}
+.katex .sizing.reset-size4.size7,
+.katex .fontsize-ensurer.reset-size4.size7 {
+  font-size: 1.5em;
+}
+.katex .sizing.reset-size4.size8,
+.katex .fontsize-ensurer.reset-size4.size8 {
+  font-size: 1.8em;
+}
+.katex .sizing.reset-size4.size9,
+.katex .fontsize-ensurer.reset-size4.size9 {
+  font-size: 2.16em;
+}
+.katex .sizing.reset-size4.size10,
+.katex .fontsize-ensurer.reset-size4.size10 {
+  font-size: 2.5925em;
+}
+.katex .sizing.reset-size4.size11,
+.katex .fontsize-ensurer.reset-size4.size11 {
+  font-size: 3.11em;
+}
+.katex .sizing.reset-size5.size1,
+.katex .fontsize-ensurer.reset-size5.size1 {
+  font-size: 0.55555556em;
+}
+.katex .sizing.reset-size5.size2,
+.katex .fontsize-ensurer.reset-size5.size2 {
+  font-size: 0.66666667em;
+}
+.katex .sizing.reset-size5.size3,
+.katex .fontsize-ensurer.reset-size5.size3 {
+  font-size: 0.77777778em;
+}
+.katex .sizing.reset-size5.size4,
+.katex .fontsize-ensurer.reset-size5.size4 {
+  font-size: 0.88888889em;
+}
+.katex .sizing.reset-size5.size5,
+.katex .fontsize-ensurer.reset-size5.size5 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size5.size6,
+.katex .fontsize-ensurer.reset-size5.size6 {
+  font-size: 1.11111111em;
+}
+.katex .sizing.reset-size5.size7,
+.katex .fontsize-ensurer.reset-size5.size7 {
+  font-size: 1.33333333em;
+}
+.katex .sizing.reset-size5.size8,
+.katex .fontsize-ensurer.reset-size5.size8 {
+  font-size: 1.6em;
+}
+.katex .sizing.reset-size5.size9,
+.katex .fontsize-ensurer.reset-size5.size9 {
+  font-size: 1.92em;
+}
+.katex .sizing.reset-size5.size10,
+.katex .fontsize-ensurer.reset-size5.size10 {
+  font-size: 2.30444444em;
+}
+.katex .sizing.reset-size5.size11,
+.katex .fontsize-ensurer.reset-size5.size11 {
+  font-size: 2.76444444em;
+}
+.katex .sizing.reset-size6.size1,
+.katex .fontsize-ensurer.reset-size6.size1 {
+  font-size: 0.5em;
+}
+.katex .sizing.reset-size6.size2,
+.katex .fontsize-ensurer.reset-size6.size2 {
+  font-size: 0.6em;
+}
+.katex .sizing.reset-size6.size3,
+.katex .fontsize-ensurer.reset-size6.size3 {
+  font-size: 0.7em;
+}
+.katex .sizing.reset-size6.size4,
+.katex .fontsize-ensurer.reset-size6.size4 {
+  font-size: 0.8em;
+}
+.katex .sizing.reset-size6.size5,
+.katex .fontsize-ensurer.reset-size6.size5 {
+  font-size: 0.9em;
+}
+.katex .sizing.reset-size6.size6,
+.katex .fontsize-ensurer.reset-size6.size6 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size6.size7,
+.katex .fontsize-ensurer.reset-size6.size7 {
+  font-size: 1.2em;
+}
+.katex .sizing.reset-size6.size8,
+.katex .fontsize-ensurer.reset-size6.size8 {
+  font-size: 1.44em;
+}
+.katex .sizing.reset-size6.size9,
+.katex .fontsize-ensurer.reset-size6.size9 {
+  font-size: 1.728em;
+}
+.katex .sizing.reset-size6.size10,
+.katex .fontsize-ensurer.reset-size6.size10 {
+  font-size: 2.074em;
+}
+.katex .sizing.reset-size6.size11,
+.katex .fontsize-ensurer.reset-size6.size11 {
+  font-size: 2.488em;
+}
+.katex .sizing.reset-size7.size1,
+.katex .fontsize-ensurer.reset-size7.size1 {
+  font-size: 0.41666667em;
+}
+.katex .sizing.reset-size7.size2,
+.katex .fontsize-ensurer.reset-size7.size2 {
+  font-size: 0.5em;
+}
+.katex .sizing.reset-size7.size3,
+.katex .fontsize-ensurer.reset-size7.size3 {
+  font-size: 0.58333333em;
+}
+.katex .sizing.reset-size7.size4,
+.katex .fontsize-ensurer.reset-size7.size4 {
+  font-size: 0.66666667em;
+}
+.katex .sizing.reset-size7.size5,
+.katex .fontsize-ensurer.reset-size7.size5 {
+  font-size: 0.75em;
+}
+.katex .sizing.reset-size7.size6,
+.katex .fontsize-ensurer.reset-size7.size6 {
+  font-size: 0.83333333em;
+}
+.katex .sizing.reset-size7.size7,
+.katex .fontsize-ensurer.reset-size7.size7 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size7.size8,
+.katex .fontsize-ensurer.reset-size7.size8 {
+  font-size: 1.2em;
+}
+.katex .sizing.reset-size7.size9,
+.katex .fontsize-ensurer.reset-size7.size9 {
+  font-size: 1.44em;
+}
+.katex .sizing.reset-size7.size10,
+.katex .fontsize-ensurer.reset-size7.size10 {
+  font-size: 1.72833333em;
+}
+.katex .sizing.reset-size7.size11,
+.katex .fontsize-ensurer.reset-size7.size11 {
+  font-size: 2.07333333em;
+}
+.katex .sizing.reset-size8.size1,
+.katex .fontsize-ensurer.reset-size8.size1 {
+  font-size: 0.34722222em;
+}
+.katex .sizing.reset-size8.size2,
+.katex .fontsize-ensurer.reset-size8.size2 {
+  font-size: 0.41666667em;
+}
+.katex .sizing.reset-size8.size3,
+.katex .fontsize-ensurer.reset-size8.size3 {
+  font-size: 0.48611111em;
+}
+.katex .sizing.reset-size8.size4,
+.katex .fontsize-ensurer.reset-size8.size4 {
+  font-size: 0.55555556em;
+}
+.katex .sizing.reset-size8.size5,
+.katex .fontsize-ensurer.reset-size8.size5 {
+  font-size: 0.625em;
+}
+.katex .sizing.reset-size8.size6,
+.katex .fontsize-ensurer.reset-size8.size6 {
+  font-size: 0.69444444em;
+}
+.katex .sizing.reset-size8.size7,
+.katex .fontsize-ensurer.reset-size8.size7 {
+  font-size: 0.83333333em;
+}
+.katex .sizing.reset-size8.size8,
+.katex .fontsize-ensurer.reset-size8.size8 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size8.size9,
+.katex .fontsize-ensurer.reset-size8.size9 {
+  font-size: 1.2em;
+}
+.katex .sizing.reset-size8.size10,
+.katex .fontsize-ensurer.reset-size8.size10 {
+  font-size: 1.44027778em;
+}
+.katex .sizing.reset-size8.size11,
+.katex .fontsize-ensurer.reset-size8.size11 {
+  font-size: 1.72777778em;
+}
+.katex .sizing.reset-size9.size1,
+.katex .fontsize-ensurer.reset-size9.size1 {
+  font-size: 0.28935185em;
+}
+.katex .sizing.reset-size9.size2,
+.katex .fontsize-ensurer.reset-size9.size2 {
+  font-size: 0.34722222em;
+}
+.katex .sizing.reset-size9.size3,
+.katex .fontsize-ensurer.reset-size9.size3 {
+  font-size: 0.40509259em;
+}
+.katex .sizing.reset-size9.size4,
+.katex .fontsize-ensurer.reset-size9.size4 {
+  font-size: 0.46296296em;
+}
+.katex .sizing.reset-size9.size5,
+.katex .fontsize-ensurer.reset-size9.size5 {
+  font-size: 0.52083333em;
+}
+.katex .sizing.reset-size9.size6,
+.katex .fontsize-ensurer.reset-size9.size6 {
+  font-size: 0.5787037em;
+}
+.katex .sizing.reset-size9.size7,
+.katex .fontsize-ensurer.reset-size9.size7 {
+  font-size: 0.69444444em;
+}
+.katex .sizing.reset-size9.size8,
+.katex .fontsize-ensurer.reset-size9.size8 {
+  font-size: 0.83333333em;
+}
+.katex .sizing.reset-size9.size9,
+.katex .fontsize-ensurer.reset-size9.size9 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size9.size10,
+.katex .fontsize-ensurer.reset-size9.size10 {
+  font-size: 1.20023148em;
+}
+.katex .sizing.reset-size9.size11,
+.katex .fontsize-ensurer.reset-size9.size11 {
+  font-size: 1.43981481em;
+}
+.katex .sizing.reset-size10.size1,
+.katex .fontsize-ensurer.reset-size10.size1 {
+  font-size: 0.24108004em;
+}
+.katex .sizing.reset-size10.size2,
+.katex .fontsize-ensurer.reset-size10.size2 {
+  font-size: 0.28929605em;
+}
+.katex .sizing.reset-size10.size3,
+.katex .fontsize-ensurer.reset-size10.size3 {
+  font-size: 0.33751205em;
+}
+.katex .sizing.reset-size10.size4,
+.katex .fontsize-ensurer.reset-size10.size4 {
+  font-size: 0.38572806em;
+}
+.katex .sizing.reset-size10.size5,
+.katex .fontsize-ensurer.reset-size10.size5 {
+  font-size: 0.43394407em;
+}
+.katex .sizing.reset-size10.size6,
+.katex .fontsize-ensurer.reset-size10.size6 {
+  font-size: 0.48216008em;
+}
+.katex .sizing.reset-size10.size7,
+.katex .fontsize-ensurer.reset-size10.size7 {
+  font-size: 0.57859209em;
+}
+.katex .sizing.reset-size10.size8,
+.katex .fontsize-ensurer.reset-size10.size8 {
+  font-size: 0.69431051em;
+}
+.katex .sizing.reset-size10.size9,
+.katex .fontsize-ensurer.reset-size10.size9 {
+  font-size: 0.83317261em;
+}
+.katex .sizing.reset-size10.size10,
+.katex .fontsize-ensurer.reset-size10.size10 {
+  font-size: 1em;
+}
+.katex .sizing.reset-size10.size11,
+.katex .fontsize-ensurer.reset-size10.size11 {
+  font-size: 1.19961427em;
+}
+.katex .sizing.reset-size11.size1,
+.katex .fontsize-ensurer.reset-size11.size1 {
+  font-size: 0.20096463em;
+}
+.katex .sizing.reset-size11.size2,
+.katex .fontsize-ensurer.reset-size11.size2 {
+  font-size: 0.24115756em;
+}
+.katex .sizing.reset-size11.size3,
+.katex .fontsize-ensurer.reset-size11.size3 {
+  font-size: 0.28135048em;
+}
+.katex .sizing.reset-size11.size4,
+.katex .fontsize-ensurer.reset-size11.size4 {
+  font-size: 0.32154341em;
+}
+.katex .sizing.reset-size11.size5,
+.katex .fontsize-ensurer.reset-size11.size5 {
+  font-size: 0.36173633em;
+}
+.katex .sizing.reset-size11.size6,
+.katex .fontsize-ensurer.reset-size11.size6 {
+  font-size: 0.40192926em;
+}
+.katex .sizing.reset-size11.size7,
+.katex .fontsize-ensurer.reset-size11.size7 {
+  font-size: 0.48231511em;
+}
+.katex .sizing.reset-size11.size8,
+.katex .fontsize-ensurer.reset-size11.size8 {
+  font-size: 0.57877814em;
+}
+.katex .sizing.reset-size11.size9,
+.katex .fontsize-ensurer.reset-size11.size9 {
+  font-size: 0.69453376em;
+}
+.katex .sizing.reset-size11.size10,
+.katex .fontsize-ensurer.reset-size11.size10 {
+  font-size: 0.83360129em;
+}
+.katex .sizing.reset-size11.size11,
+.katex .fontsize-ensurer.reset-size11.size11 {
+  font-size: 1em;
+}
+.katex .delimsizing.size1 {
+  font-family: KaTeX_Size1;
+}
+.katex .delimsizing.size2 {
+  font-family: KaTeX_Size2;
+}
+.katex .delimsizing.size3 {
+  font-family: KaTeX_Size3;
+}
+.katex .delimsizing.size4 {
+  font-family: KaTeX_Size4;
+}
+.katex .delimsizing.mult .delim-size1 > .katex-span {
+  font-family: KaTeX_Size1;
+}
+.katex .delimsizing.mult .delim-size4 > .katex-span {
+  font-family: KaTeX_Size4;
+}
+.katex .nulldelimiter {
+  display: inline-block;
+  width: 0.12em;
+}
+.katex .delimcenter {
+  position: relative;
+}
+.katex .op-symbol {
+  position: relative;
+}
+.katex .op-symbol.small-op {
+  font-family: KaTeX_Size1;
+}
+.katex .op-symbol.large-op {
+  font-family: KaTeX_Size2;
+}
+.katex .op-limits > .vlist-t {
+  text-align: center;
+}
+.katex .accent > .vlist-t {
+  text-align: center;
+}
+.katex .accent .accent-body {
+  position: relative;
+}
+.katex .accent .accent-body:not(.accent-full) {
+  width: 0;
+}
+.katex .overlay {
+  display: block;
+}
+.katex .mtable .vertical-separator {
+  display: inline-block;
+  min-width: 1px;
+}
+.katex .mtable .arraycolsep {
+  display: inline-block;
+}
+.katex .mtable .col-align-c > .vlist-t {
+  text-align: center;
+}
+.katex .mtable .col-align-l > .vlist-t {
+  text-align: left;
+}
+.katex .mtable .col-align-r > .vlist-t {
+  text-align: right;
+}
+.katex .svg-align {
+  text-align: left;
+}
+.katex .katex-svg {
+  display: block;
+  position: absolute;
+  width: 100%;
+  height: inherit;
+  fill: currentColor;
+  stroke: currentColor;
+  fill-rule: nonzero;
+  fill-opacity: 1;
+  stroke-width: 1;
+  stroke-linecap: butt;
+  stroke-linejoin: miter;
+  stroke-miterlimit: 4;
+  stroke-dasharray: none;
+  stroke-dashoffset: 0;
+  stroke-opacity: 1;
+}
+.katex .katex-svg path {
+  stroke: none;
+}
+.katex img {
+  border-style: none;
+  min-width: 0;
+  min-height: 0;
+  max-width: none;
+  max-height: none;
+}
+.katex .stretchy {
+  width: 100%;
+  display: block;
+  position: relative;
+  overflow: hidden;
+}
+.katex .stretchy::before,
+.katex .stretchy::after {
+  content: "";
+}
+.katex .hide-tail {
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+}
+.katex .halfarrow-left {
+  position: absolute;
+  left: 0;
+  width: 50.2%;
+  overflow: hidden;
+}
+.katex .halfarrow-right {
+  position: absolute;
+  right: 0;
+  width: 50.2%;
+  overflow: hidden;
+}
+.katex .brace-left {
+  position: absolute;
+  left: 0;
+  width: 25.1%;
+  overflow: hidden;
+}
+.katex .brace-center {
+  position: absolute;
+  left: 25%;
+  width: 50%;
+  overflow: hidden;
+}
+.katex .brace-right {
+  position: absolute;
+  right: 0;
+  width: 25.1%;
+  overflow: hidden;
+}
+.katex .x-arrow-pad {
+  padding: 0 0.5em;
+}
+.katex .cd-arrow-pad {
+  padding: 0 0.55556em 0 0.27778em;
+}
+.katex .x-arrow,
+.katex .mover,
+.katex .munder {
+  text-align: center;
+}
+.katex .boxpad {
+  padding: 0 0.3em;
+}
+.katex .fbox,
+.katex .fcolorbox {
+  box-sizing: border-box;
+  border: 0.04em solid;
+}
+.katex .cancel-pad {
+  padding: 0 0.2em;
+}
+.katex .cancel-lap {
+  margin-left: -0.2em;
+  margin-right: -0.2em;
+}
+.katex .sout {
+  border-bottom-style: solid;
+  border-bottom-width: 0.08em;
+}
+.katex .angl {
+  box-sizing: border-box;
+  border-top: 0.049em solid;
+  border-right: 0.049em solid;
+  margin-right: 0.03889em;
+}
+.katex .anglpad {
+  padding: 0 0.03889em;
+}
+.katex .eqn-num::before {
+  counter-increment: katexEqnNo;
+  content: "(" counter(katexEqnNo) ")";
+}
+.katex .mml-eqn-num::before {
+  counter-increment: mmlEqnNo;
+  content: "(" counter(mmlEqnNo) ")";
+}
+.katex .mtr-glue {
+  width: 50%;
+}
+.katex .cd-vert-arrow {
+  display: inline-block;
+  position: relative;
+}
+.katex .cd-label-left {
+  display: inline-block;
+  position: absolute;
+  right: calc(50% + 0.3em);
+  text-align: left;
+}
+.katex .cd-label-right {
+  display: inline-block;
+  position: absolute;
+  left: calc(50% + 0.3em);
+  text-align: right;
+}
+.katex-display {
+  display: block;
+  margin: 1em 0;
+  text-align: center;
+}
+.katex-display > .katex {
+  display: block;
+  text-align: center;
+  white-space: nowrap;
+}
+.katex-display > .katex > .katex-html {
+  display: block;
+  position: relative;
+}
+.katex-display > .katex > .katex-html > .tag {
+  position: absolute;
+  right: 0;
+}
+.katex-display.leqno > .katex > .katex-html > .tag {
+  left: 0;
+  right: auto;
+}
+.katex-display.fleqn > .katex {
+  text-align: left;
+  padding-left: 2em;
+}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/latex/katex.min.js b/wechat-mini-program/node_modules/mp-html/plugins/latex/katex.min.js
new file mode 100644
index 0000000..b8a4037
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/latex/katex.min.js
@@ -0,0 +1 @@
+function t(){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var a=t[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,r),a.l=!0,a.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)r.d(n,a,function(t){return e[t]}.bind(null,a));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=0)}([function(e,t,r){"use strict";var n=this&&this.__assign||function(){return(n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.createClass=void 0;var i=a(r(1));r(2);var o=/([A-Z])/g,s={"&":"&amp;",">":"&gt;","<":"&lt;",'"':"&quot;","'":"&#x27;"},l=/[&><"']/g;function h(e){return String(e).replace(l,(function(e){return s[e]}))}var c=function(e){return"data:image/svg+xml,"+encodeURIComponent(e.replace(/\s+/g," "))};t.createClass=function(e){var t;return null!==(t=null==e?void 0:e.filter((function(e){return e})).join(" "))&&void 0!==t?t:""};var m=function(e,r){return e.map((function(e){var n,a=r;(null===(n=null==e?void 0:e.style)||void 0===n?void 0:n.color)&&(a=e.style.color);var s=void 0;e instanceof i.default.__domTree.Span&&(s="span"),e instanceof i.default.__domTree.Anchor&&(s="anchor"),e instanceof i.default.__domTree.LineNode&&(s="line"),e instanceof i.default.__domTree.PathNode&&(s="path"),e instanceof i.default.__domTree.SvgNode&&(s="svg",a&&(e.attributes.fill=a)),e instanceof i.default.__domTree.SymbolNode&&(s="text");var l=e.children&&e.children.length>0?m(e.children,a):[];return s?function(e,r,n){var a=!1;r.classes&&r.classes.length>0&&(a=!0);var i,s=h((0,t.createClass)(r.classes)),l="";for(var m in"text"===e&&r.italic>0&&(l+="margin-right:"+r.italic+"em;"),r.style)r.style.hasOwnProperty(m)&&(l+="".concat((i=m,i.replace(o,"-$1").toLowerCase()),":").concat(r.style[m],";"));l&&(a=!0);var u={};for(var p in r.attributes)r.attributes.hasOwnProperty(p)&&(u[p]=h(r.attributes[p]));if("span"===e)return{name:"span",attrs:{class:s+" katex-span",style:l},children:n};if("text"===e){var d=h(r.text);return a?{name:"span",attrs:{class:s,style:l},children:[{type:"text",text:d}]}:{type:"text",text:d}}if("svg"===e){var f=r.toMarkup();return{name:"img",attrs:{src:c(f),class:"katex-svg"}}}return null}(s,e,l):l})).reduce((function(e,t){return Array.isArray(t)?e.push.apply(e,t):e.push(t),e}),[]).filter((function(e){return!!e}))};t.default=function(e,t){void 0===t&&(t={});try{var r=i.default.__renderToDomTree(e,n(n({},t),{output:"html"}));return m([r])}catch(e){return[{name:"span",attrs:{style:"color:red;"},children:[{type:"text",text:e.message}]}]}}},function(e,t,r){var n;"undefined"!=typeof self&&self,n=function(){return function(){"use strict";var e={d:function(t,r){for(var n in r)e.o(r,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:r[n]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)}},t={};e.d(t,{default:function(){return Fn}});var r=function e(t,r){this.position=void 0;var n,a="KaTeX parse error: "+t,i=r&&r.loc;if(i&&i.start<=i.end){var o=i.lexer.input;n=i.start;var s=i.end;n===o.length?a+=" at end of input: ":a+=" at position "+(n+1)+": ";var l=o.slice(n,s).replace(/[^]/g,"$&̲");a+=(n>15?"…"+o.slice(n-15,n):o.slice(0,n))+l+(s+15<o.length?o.slice(s,s+15)+"…":o.slice(s))}var h=new Error(a);return h.name="ParseError",h.__proto__=e.prototype,h.position=n,h};r.prototype.__proto__=Error.prototype;var n=r,a=/([A-Z])/g,i={"&":"&amp;",">":"&gt;","<":"&lt;",'"':"&quot;","'":"&#x27;"},o=/[&><"']/g,s=function e(t){return"ordgroup"===t.type||"color"===t.type?1===t.body.length?e(t.body[0]):t:"font"===t.type?e(t.body):t},l={contains:function(e,t){return-1!==e.indexOf(t)},deflt:function(e,t){return void 0===e?t:e},escape:function(e){return String(e).replace(o,(function(e){return i[e]}))},hyphenate:function(e){return e.replace(a,"-$1").toLowerCase()},getBaseElem:s,isCharacterBox:function(e){var t=s(e);return"mathord"===t.type||"textord"===t.type||"atom"===t.type},protocolFromUrl:function(e){var t=/^\s*([^\\/#]*?)(?::|&#0*58|&#x0*3a)/i.exec(e);return null!=t?t[1]:"_relative"}},h={displayMode:{type:"boolean",description:"Render math in display mode, which puts the math in display style (so \\int and \\sum are large, for example), and centers the math on the page on its own line.",cli:"-d, --display-mode"},output:{type:{enum:["htmlAndMathml","html","mathml"]},description:"Determines the markup language of the output.",cli:"-F, --format <type>"},leqno:{type:"boolean",description:"Render display math in leqno style (left-justified tags)."},fleqn:{type:"boolean",description:"Render display math flush left."},throwOnError:{type:"boolean",default:!0,cli:"-t, --no-throw-on-error",cliDescription:"Render errors (in the color given by --error-color) instead of throwing a ParseError exception when encountering an error."},errorColor:{type:"string",default:"#cc0000",cli:"-c, --error-color <color>",cliDescription:"A color string given in the format 'rgb' or 'rrggbb' (no #). This option determines the color of errors rendered by the -t option.",cliProcessor:function(e){return"#"+e}},macros:{type:"object",cli:"-m, --macro <def>",cliDescription:"Define custom macro of the form '\\foo:expansion' (use multiple -m arguments for multiple macros).",cliDefault:[],cliProcessor:function(e,t){return t.push(e),t}},minRuleThickness:{type:"number",description:"Specifies a minimum thickness, in ems, for fraction lines, `\\sqrt` top lines, `{array}` vertical lines, `\\hline`, `\\hdashline`, `\\underline`, `\\overline`, and the borders of `\\fbox`, `\\boxed`, and `\\fcolorbox`.",processor:function(e){return Math.max(0,e)},cli:"--min-rule-thickness <size>",cliProcessor:parseFloat},colorIsTextColor:{type:"boolean",description:"Makes \\color behave like LaTeX's 2-argument \\textcolor, instead of LaTeX's one-argument \\color mode change.",cli:"-b, --color-is-text-color"},strict:{type:[{enum:["warn","ignore","error"]},"boolean","function"],description:"Turn on strict / LaTeX faithfulness mode, which throws an error if the input uses features that are not supported by LaTeX.",cli:"-S, --strict",cliDefault:!1},trust:{type:["boolean","function"],description:"Trust the input, enabling all HTML features such as \\url.",cli:"-T, --trust"},maxSize:{type:"number",default:1/0,description:"If non-zero, all user-specified sizes, e.g. in \\rule{500em}{500em}, will be capped to maxSize ems. Otherwise, elements and spaces can be arbitrarily large",processor:function(e){return Math.max(0,e)},cli:"-s, --max-size <n>",cliProcessor:parseInt},maxExpand:{type:"number",default:1e3,description:"Limit the number of macro expansions to the specified number, to prevent e.g. infinite macro loops. If set to Infinity, the macro expander will try to fully expand as in LaTeX.",processor:function(e){return Math.max(0,e)},cli:"-e, --max-expand <n>",cliProcessor:function(e){return"Infinity"===e?1/0:parseInt(e)}},globalGroup:{type:"boolean",cli:!1}};function c(e){if(e.default)return e.default;var t=e.type,r=Array.isArray(t)?t[0]:t;if("string"!=typeof r)return r.enum[0];switch(r){case"boolean":return!1;case"string":return"";case"number":return 0;case"object":return{}}}var m=function(){function e(e){for(var t in this.displayMode=void 0,this.output=void 0,this.leqno=void 0,this.fleqn=void 0,this.throwOnError=void 0,this.errorColor=void 0,this.macros=void 0,this.minRuleThickness=void 0,this.colorIsTextColor=void 0,this.strict=void 0,this.trust=void 0,this.maxSize=void 0,this.maxExpand=void 0,this.globalGroup=void 0,e=e||{},h)if(h.hasOwnProperty(t)){var r=h[t];this[t]=void 0!==e[t]?r.processor?r.processor(e[t]):e[t]:c(r)}}var t=e.prototype;return t.reportNonstrict=function(e,t,r){var a=this.strict;if("function"==typeof a&&(a=a(e,t,r)),a&&"ignore"!==a){if(!0===a||"error"===a)throw new n("LaTeX-incompatible input and strict mode is set to 'error': "+t+" ["+e+"]",r);"warn"===a?"undefined"!=typeof console&&console.warn("LaTeX-incompatible input and strict mode is set to 'warn': "+t+" ["+e+"]"):"undefined"!=typeof console&&console.warn("LaTeX-incompatible input and strict mode is set to unrecognized '"+a+"': "+t+" ["+e+"]")}},t.useStrictBehavior=function(e,t,r){var n=this.strict;if("function"==typeof n)try{n=n(e,t,r)}catch(e){n="error"}return!(!n||"ignore"===n||!0!==n&&"error"!==n&&("warn"===n?("undefined"!=typeof console&&console.warn("LaTeX-incompatible input and strict mode is set to 'warn': "+t+" ["+e+"]"),1):("undefined"!=typeof console&&console.warn("LaTeX-incompatible input and strict mode is set to unrecognized '"+n+"': "+t+" ["+e+"]"),1)))},t.isTrusted=function(e){e.url&&!e.protocol&&(e.protocol=l.protocolFromUrl(e.url));var t="function"==typeof this.trust?this.trust(e):this.trust;return Boolean(t)},e}(),u=function(){function e(e,t,r){this.id=void 0,this.size=void 0,this.cramped=void 0,this.id=e,this.size=t,this.cramped=r}var t=e.prototype;return t.sup=function(){return p[d[this.id]]},t.sub=function(){return p[f[this.id]]},t.fracNum=function(){return p[g[this.id]]},t.fracDen=function(){return p[v[this.id]]},t.cramp=function(){return p[y[this.id]]},t.text=function(){return p[b[this.id]]},t.isTight=function(){return this.size>=2},e}(),p=[new u(0,0,!1),new u(1,0,!0),new u(2,1,!1),new u(3,1,!0),new u(4,2,!1),new u(5,2,!0),new u(6,3,!1),new u(7,3,!0)],d=[4,5,4,5,6,7,6,7],f=[5,5,5,5,7,7,7,7],g=[2,3,4,5,6,7,6,7],v=[3,3,5,5,7,7,7,7],y=[1,1,3,3,5,5,7,7],b=[0,1,2,3,2,3,2,3],x={DISPLAY:p[0],TEXT:p[2],SCRIPT:p[4],SCRIPTSCRIPT:p[6]},w=[{name:"latin",blocks:[[256,591],[768,879]]},{name:"cyrillic",blocks:[[1024,1279]]},{name:"armenian",blocks:[[1328,1423]]},{name:"brahmic",blocks:[[2304,4255]]},{name:"georgian",blocks:[[4256,4351]]},{name:"cjk",blocks:[[12288,12543],[19968,40879],[65280,65376]]},{name:"hangul",blocks:[[44032,55215]]}],k=[];function S(e){for(var t=0;t<k.length;t+=2)if(e>=k[t]&&e<=k[t+1])return!0;return!1}w.forEach((function(e){return e.blocks.forEach((function(e){return k.push.apply(k,e)}))}));var M={doubleleftarrow:"M262 157\nl10-10c34-36 62.7-77 86-123 3.3-8 5-13.3 5-16 0-5.3-6.7-8-20-8-7.3\n 0-12.2.5-14.5 1.5-2.3 1-4.8 4.5-7.5 10.5-49.3 97.3-121.7 169.3-217 216-28\n 14-57.3 25-88 33-6.7 2-11 3.8-13 5.5-2 1.7-3 4.2-3 7.5s1 5.8 3 7.5\nc2 1.7 6.3 3.5 13 5.5 68 17.3 128.2 47.8 180.5 91.5 52.3 43.7 93.8 96.2 124.5\n 157.5 9.3 8 15.3 12.3 18 13h6c12-.7 18-4 18-10 0-2-1.7-7-5-15-23.3-46-52-87\n-86-123l-10-10h399738v-40H218c328 0 0 0 0 0l-10-8c-26.7-20-65.7-43-117-69 2.7\n-2 6-3.7 10-5 36.7-16 72.3-37.3 107-64l10-8h399782v-40z\nm8 0v40h399730v-40zm0 194v40h399730v-40z",doublerightarrow:"M399738 392l\n-10 10c-34 36-62.7 77-86 123-3.3 8-5 13.3-5 16 0 5.3 6.7 8 20 8 7.3 0 12.2-.5\n 14.5-1.5 2.3-1 4.8-4.5 7.5-10.5 49.3-97.3 121.7-169.3 217-216 28-14 57.3-25 88\n-33 6.7-2 11-3.8 13-5.5 2-1.7 3-4.2 3-7.5s-1-5.8-3-7.5c-2-1.7-6.3-3.5-13-5.5-68\n-17.3-128.2-47.8-180.5-91.5-52.3-43.7-93.8-96.2-124.5-157.5-9.3-8-15.3-12.3-18\n-13h-6c-12 .7-18 4-18 10 0 2 1.7 7 5 15 23.3 46 52 87 86 123l10 10H0v40h399782\nc-328 0 0 0 0 0l10 8c26.7 20 65.7 43 117 69-2.7 2-6 3.7-10 5-36.7 16-72.3 37.3\n-107 64l-10 8H0v40zM0 157v40h399730v-40zm0 194v40h399730v-40z",leftarrow:"M400000 241H110l3-3c68.7-52.7 113.7-120\n 135-202 4-14.7 6-23 6-25 0-7.3-7-11-21-11-8 0-13.2.8-15.5 2.5-2.3 1.7-4.2 5.8\n-5.5 12.5-1.3 4.7-2.7 10.3-4 17-12 48.7-34.8 92-68.5 130S65.3 228.3 18 247\nc-10 4-16 7.7-18 11 0 8.7 6 14.3 18 17 47.3 18.7 87.8 47 121.5 85S196 441.3 208\n 490c.7 2 1.3 5 2 9s1.2 6.7 1.5 8c.3 1.3 1 3.3 2 6s2.2 4.5 3.5 5.5c1.3 1 3.3\n 1.8 6 2.5s6 1 10 1c14 0 21-3.7 21-11 0-2-2-10.3-6-25-20-79.3-65-146.7-135-202\n l-3-3h399890zM100 241v40h399900v-40z",leftbrace:"M6 548l-6-6v-35l6-11c56-104 135.3-181.3 238-232 57.3-28.7 117\n-45 179-50h399577v120H403c-43.3 7-81 15-113 26-100.7 33-179.7 91-237 174-2.7\n 5-6 9-10 13-.7 1-7.3 1-20 1H6z",leftbraceunder:"M0 6l6-6h17c12.688 0 19.313.3 20 1 4 4 7.313 8.3 10 13\n 35.313 51.3 80.813 93.8 136.5 127.5 55.688 33.7 117.188 55.8 184.5 66.5.688\n 0 2 .3 4 1 18.688 2.7 76 4.3 172 5h399450v120H429l-6-1c-124.688-8-235-61.7\n-331-161C60.687 138.7 32.312 99.3 7 54L0 41V6z",leftgroup:"M400000 80\nH435C64 80 168.3 229.4 21 260c-5.9 1.2-18 0-18 0-2 0-3-1-3-3v-38C76 61 257 0\n 435 0h399565z",leftgroupunder:"M400000 262\nH435C64 262 168.3 112.6 21 82c-5.9-1.2-18 0-18 0-2 0-3 1-3 3v38c76 158 257 219\n 435 219h399565z",leftharpoon:"M0 267c.7 5.3 3 10 7 14h399993v-40H93c3.3\n-3.3 10.2-9.5 20.5-18.5s17.8-15.8 22.5-20.5c50.7-52 88-110.3 112-175 4-11.3 5\n-18.3 3-21-1.3-4-7.3-6-18-6-8 0-13 .7-15 2s-4.7 6.7-8 16c-42 98.7-107.3 174.7\n-196 228-6.7 4.7-10.7 8-12 10-1.3 2-2 5.7-2 11zm100-26v40h399900v-40z",leftharpoonplus:"M0 267c.7 5.3 3 10 7 14h399993v-40H93c3.3-3.3 10.2-9.5\n 20.5-18.5s17.8-15.8 22.5-20.5c50.7-52 88-110.3 112-175 4-11.3 5-18.3 3-21-1.3\n-4-7.3-6-18-6-8 0-13 .7-15 2s-4.7 6.7-8 16c-42 98.7-107.3 174.7-196 228-6.7 4.7\n-10.7 8-12 10-1.3 2-2 5.7-2 11zm100-26v40h399900v-40zM0 435v40h400000v-40z\nm0 0v40h400000v-40z",leftharpoondown:"M7 241c-4 4-6.333 8.667-7 14 0 5.333.667 9 2 11s5.333\n 5.333 12 10c90.667 54 156 130 196 228 3.333 10.667 6.333 16.333 9 17 2 .667 5\n 1 9 1h5c10.667 0 16.667-2 18-6 2-2.667 1-9.667-3-21-32-87.333-82.667-157.667\n-152-211l-3-3h399907v-40zM93 281 H400000 v-40L7 241z",leftharpoondownplus:"M7 435c-4 4-6.3 8.7-7 14 0 5.3.7 9 2 11s5.3 5.3 12\n 10c90.7 54 156 130 196 228 3.3 10.7 6.3 16.3 9 17 2 .7 5 1 9 1h5c10.7 0 16.7\n-2 18-6 2-2.7 1-9.7-3-21-32-87.3-82.7-157.7-152-211l-3-3h399907v-40H7zm93 0\nv40h399900v-40zM0 241v40h399900v-40zm0 0v40h399900v-40z",lefthook:"M400000 281 H103s-33-11.2-61-33.5S0 197.3 0 164s14.2-61.2 42.5\n-83.5C70.8 58.2 104 47 142 47 c16.7 0 25 6.7 25 20 0 12-8.7 18.7-26 20-40 3.3\n-68.7 15.7-86 37-10 12-15 25.3-15 40 0 22.7 9.8 40.7 29.5 54 19.7 13.3 43.5 21\n 71.5 23h399859zM103 281v-40h399897v40z",leftlinesegment:"M40 281 V428 H0 V94 H40 V241 H400000 v40z\nM40 281 V428 H0 V94 H40 V241 H400000 v40z",leftmapsto:"M40 281 V448H0V74H40V241H400000v40z\nM40 281 V448H0V74H40V241H400000v40z",leftToFrom:"M0 147h400000v40H0zm0 214c68 40 115.7 95.7 143 167h22c15.3 0 23\n-.3 23-1 0-1.3-5.3-13.7-16-37-18-35.3-41.3-69-70-101l-7-8h399905v-40H95l7-8\nc28.7-32 52-65.7 70-101 10.7-23.3 16-35.7 16-37 0-.7-7.7-1-23-1h-22C115.7 265.3\n 68 321 0 361zm0-174v-40h399900v40zm100 154v40h399900v-40z",longequal:"M0 50 h400000 v40H0z m0 194h40000v40H0z\nM0 50 h400000 v40H0z m0 194h40000v40H0z",midbrace:"M200428 334\nc-100.7-8.3-195.3-44-280-108-55.3-42-101.7-93-139-153l-9-14c-2.7 4-5.7 8.7-9 14\n-53.3 86.7-123.7 153-211 199-66.7 36-137.3 56.3-212 62H0V214h199568c178.3-11.7\n 311.7-78.3 403-201 6-8 9.7-12 11-12 .7-.7 6.7-1 18-1s17.3.3 18 1c1.3 0 5 4 11\n 12 44.7 59.3 101.3 106.3 170 141s145.3 54.3 229 60h199572v120z",midbraceunder:"M199572 214\nc100.7 8.3 195.3 44 280 108 55.3 42 101.7 93 139 153l9 14c2.7-4 5.7-8.7 9-14\n 53.3-86.7 123.7-153 211-199 66.7-36 137.3-56.3 212-62h199568v120H200432c-178.3\n 11.7-311.7 78.3-403 201-6 8-9.7 12-11 12-.7.7-6.7 1-18 1s-17.3-.3-18-1c-1.3 0\n-5-4-11-12-44.7-59.3-101.3-106.3-170-141s-145.3-54.3-229-60H0V214z",oiintSize1:"M512.6 71.6c272.6 0 320.3 106.8 320.3 178.2 0 70.8-47.7 177.6\n-320.3 177.6S193.1 320.6 193.1 249.8c0-71.4 46.9-178.2 319.5-178.2z\nm368.1 178.2c0-86.4-60.9-215.4-368.1-215.4-306.4 0-367.3 129-367.3 215.4 0 85.8\n60.9 214.8 367.3 214.8 307.2 0 368.1-129 368.1-214.8z",oiintSize2:"M757.8 100.1c384.7 0 451.1 137.6 451.1 230 0 91.3-66.4 228.8\n-451.1 228.8-386.3 0-452.7-137.5-452.7-228.8 0-92.4 66.4-230 452.7-230z\nm502.4 230c0-111.2-82.4-277.2-502.4-277.2s-504 166-504 277.2\nc0 110 84 276 504 276s502.4-166 502.4-276z",oiiintSize1:"M681.4 71.6c408.9 0 480.5 106.8 480.5 178.2 0 70.8-71.6 177.6\n-480.5 177.6S202.1 320.6 202.1 249.8c0-71.4 70.5-178.2 479.3-178.2z\nm525.8 178.2c0-86.4-86.8-215.4-525.7-215.4-437.9 0-524.7 129-524.7 215.4 0\n85.8 86.8 214.8 524.7 214.8 438.9 0 525.7-129 525.7-214.8z",oiiintSize2:"M1021.2 53c603.6 0 707.8 165.8 707.8 277.2 0 110-104.2 275.8\n-707.8 275.8-606 0-710.2-165.8-710.2-275.8C311 218.8 415.2 53 1021.2 53z\nm770.4 277.1c0-131.2-126.4-327.6-770.5-327.6S248.4 198.9 248.4 330.1\nc0 130 128.8 326.4 772.7 326.4s770.5-196.4 770.5-326.4z",rightarrow:"M0 241v40h399891c-47.3 35.3-84 78-110 128\n-16.7 32-27.7 63.7-33 95 0 1.3-.2 2.7-.5 4-.3 1.3-.5 2.3-.5 3 0 7.3 6.7 11 20\n 11 8 0 13.2-.8 15.5-2.5 2.3-1.7 4.2-5.5 5.5-11.5 2-13.3 5.7-27 11-41 14.7-44.7\n 39-84.5 73-119.5s73.7-60.2 119-75.5c6-2 9-5.7 9-11s-3-9-9-11c-45.3-15.3-85\n-40.5-119-75.5s-58.3-74.8-73-119.5c-4.7-14-8.3-27.3-11-40-1.3-6.7-3.2-10.8-5.5\n-12.5-2.3-1.7-7.5-2.5-15.5-2.5-14 0-21 3.7-21 11 0 2 2 10.3 6 25 20.7 83.3 67\n 151.7 139 205zm0 0v40h399900v-40z",rightbrace:"M400000 542l\n-6 6h-17c-12.7 0-19.3-.3-20-1-4-4-7.3-8.3-10-13-35.3-51.3-80.8-93.8-136.5-127.5\ns-117.2-55.8-184.5-66.5c-.7 0-2-.3-4-1-18.7-2.7-76-4.3-172-5H0V214h399571l6 1\nc124.7 8 235 61.7 331 161 31.3 33.3 59.7 72.7 85 118l7 13v35z",rightbraceunder:"M399994 0l6 6v35l-6 11c-56 104-135.3 181.3-238 232-57.3\n 28.7-117 45-179 50H-300V214h399897c43.3-7 81-15 113-26 100.7-33 179.7-91 237\n-174 2.7-5 6-9 10-13 .7-1 7.3-1 20-1h17z",rightgroup:"M0 80h399565c371 0 266.7 149.4 414 180 5.9 1.2 18 0 18 0 2 0\n 3-1 3-3v-38c-76-158-257-219-435-219H0z",rightgroupunder:"M0 262h399565c371 0 266.7-149.4 414-180 5.9-1.2 18 0 18\n 0 2 0 3 1 3 3v38c-76 158-257 219-435 219H0z",rightharpoon:"M0 241v40h399993c4.7-4.7 7-9.3 7-14 0-9.3\n-3.7-15.3-11-18-92.7-56.7-159-133.7-199-231-3.3-9.3-6-14.7-8-16-2-1.3-7-2-15-2\n-10.7 0-16.7 2-18 6-2 2.7-1 9.7 3 21 15.3 42 36.7 81.8 64 119.5 27.3 37.7 58\n 69.2 92 94.5zm0 0v40h399900v-40z",rightharpoonplus:"M0 241v40h399993c4.7-4.7 7-9.3 7-14 0-9.3-3.7-15.3-11\n-18-92.7-56.7-159-133.7-199-231-3.3-9.3-6-14.7-8-16-2-1.3-7-2-15-2-10.7 0-16.7\n 2-18 6-2 2.7-1 9.7 3 21 15.3 42 36.7 81.8 64 119.5 27.3 37.7 58 69.2 92 94.5z\nm0 0v40h399900v-40z m100 194v40h399900v-40zm0 0v40h399900v-40z",rightharpoondown:"M399747 511c0 7.3 6.7 11 20 11 8 0 13-.8 15-2.5s4.7-6.8\n 8-15.5c40-94 99.3-166.3 178-217 13.3-8 20.3-12.3 21-13 5.3-3.3 8.5-5.8 9.5\n-7.5 1-1.7 1.5-5.2 1.5-10.5s-2.3-10.3-7-15H0v40h399908c-34 25.3-64.7 57-92 95\n-27.3 38-48.7 77.7-64 119-3.3 8.7-5 14-5 16zM0 241v40h399900v-40z",rightharpoondownplus:"M399747 705c0 7.3 6.7 11 20 11 8 0 13-.8\n 15-2.5s4.7-6.8 8-15.5c40-94 99.3-166.3 178-217 13.3-8 20.3-12.3 21-13 5.3-3.3\n 8.5-5.8 9.5-7.5 1-1.7 1.5-5.2 1.5-10.5s-2.3-10.3-7-15H0v40h399908c-34 25.3\n-64.7 57-92 95-27.3 38-48.7 77.7-64 119-3.3 8.7-5 14-5 16zM0 435v40h399900v-40z\nm0-194v40h400000v-40zm0 0v40h400000v-40z",righthook:"M399859 241c-764 0 0 0 0 0 40-3.3 68.7-15.7 86-37 10-12 15-25.3\n 15-40 0-22.7-9.8-40.7-29.5-54-19.7-13.3-43.5-21-71.5-23-17.3-1.3-26-8-26-20 0\n-13.3 8.7-20 26-20 38 0 71 11.2 99 33.5 0 0 7 5.6 21 16.7 14 11.2 21 33.5 21\n 66.8s-14 61.2-42 83.5c-28 22.3-61 33.5-99 33.5L0 241z M0 281v-40h399859v40z",rightlinesegment:"M399960 241 V94 h40 V428 h-40 V281 H0 v-40z\nM399960 241 V94 h40 V428 h-40 V281 H0 v-40z",rightToFrom:"M400000 167c-70.7-42-118-97.7-142-167h-23c-15.3 0-23 .3-23\n 1 0 1.3 5.3 13.7 16 37 18 35.3 41.3 69 70 101l7 8H0v40h399905l-7 8c-28.7 32\n-52 65.7-70 101-10.7 23.3-16 35.7-16 37 0 .7 7.7 1 23 1h23c24-69.3 71.3-125 142\n-167z M100 147v40h399900v-40zM0 341v40h399900v-40z",twoheadleftarrow:"M0 167c68 40\n 115.7 95.7 143 167h22c15.3 0 23-.3 23-1 0-1.3-5.3-13.7-16-37-18-35.3-41.3-69\n-70-101l-7-8h125l9 7c50.7 39.3 85 86 103 140h46c0-4.7-6.3-18.7-19-42-18-35.3\n-40-67.3-66-96l-9-9h399716v-40H284l9-9c26-28.7 48-60.7 66-96 12.7-23.333 19\n-37.333 19-42h-46c-18 54-52.3 100.7-103 140l-9 7H95l7-8c28.7-32 52-65.7 70-101\n 10.7-23.333 16-35.7 16-37 0-.7-7.7-1-23-1h-22C115.7 71.3 68 127 0 167z",twoheadrightarrow:"M400000 167\nc-68-40-115.7-95.7-143-167h-22c-15.3 0-23 .3-23 1 0 1.3 5.3 13.7 16 37 18 35.3\n 41.3 69 70 101l7 8h-125l-9-7c-50.7-39.3-85-86-103-140h-46c0 4.7 6.3 18.7 19 42\n 18 35.3 40 67.3 66 96l9 9H0v40h399716l-9 9c-26 28.7-48 60.7-66 96-12.7 23.333\n-19 37.333-19 42h46c18-54 52.3-100.7 103-140l9-7h125l-7 8c-28.7 32-52 65.7-70\n 101-10.7 23.333-16 35.7-16 37 0 .7 7.7 1 23 1h22c27.3-71.3 75-127 143-167z",tilde1:"M200 55.538c-77 0-168 73.953-177 73.953-3 0-7\n-2.175-9-5.437L2 97c-1-2-2-4-2-6 0-4 2-7 5-9l20-12C116 12 171 0 207 0c86 0\n 114 68 191 68 78 0 168-68 177-68 4 0 7 2 9 5l12 19c1 2.175 2 4.35 2 6.525 0\n 4.35-2 7.613-5 9.788l-19 13.05c-92 63.077-116.937 75.308-183 76.128\n-68.267.847-113-73.952-191-73.952z",tilde2:"M344 55.266c-142 0-300.638 81.316-311.5 86.418\n-8.01 3.762-22.5 10.91-23.5 5.562L1 120c-1-2-1-3-1-4 0-5 3-9 8-10l18.4-9C160.9\n 31.9 283 0 358 0c148 0 188 122 331 122s314-97 326-97c4 0 8 2 10 7l7 21.114\nc1 2.14 1 3.21 1 4.28 0 5.347-3 9.626-7 10.696l-22.3 12.622C852.6 158.372 751\n 181.476 676 181.476c-149 0-189-126.21-332-126.21z",tilde3:"M786 59C457 59 32 175.242 13 175.242c-6 0-10-3.457\n-11-10.37L.15 138c-1-7 3-12 10-13l19.2-6.4C378.4 40.7 634.3 0 804.3 0c337 0\n 411.8 157 746.8 157 328 0 754-112 773-112 5 0 10 3 11 9l1 14.075c1 8.066-.697\n 16.595-6.697 17.492l-21.052 7.31c-367.9 98.146-609.15 122.696-778.15 122.696\n -338 0-409-156.573-744-156.573z",tilde4:"M786 58C457 58 32 177.487 13 177.487c-6 0-10-3.345\n-11-10.035L.15 143c-1-7 3-12 10-13l22-6.7C381.2 35 637.15 0 807.15 0c337 0 409\n 177 744 177 328 0 754-127 773-127 5 0 10 3 11 9l1 14.794c1 7.805-3 13.38-9\n 14.495l-20.7 5.574c-366.85 99.79-607.3 139.372-776.3 139.372-338 0-409\n -175.236-744-175.236z",vec:"M377 20c0-5.333 1.833-10 5.5-14S391 0 397 0c4.667 0 8.667 1.667 12 5\n3.333 2.667 6.667 9 10 19 6.667 24.667 20.333 43.667 41 57 7.333 4.667 11\n10.667 11 18 0 6-1 10-3 12s-6.667 5-14 9c-28.667 14.667-53.667 35.667-75 63\n-1.333 1.333-3.167 3.5-5.5 6.5s-4 4.833-5 5.5c-1 .667-2.5 1.333-4.5 2s-4.333 1\n-7 1c-4.667 0-9.167-1.833-13.5-5.5S337 184 337 178c0-12.667 15.667-32.333 47-59\nH213l-171-1c-8.667-6-13-12.333-13-19 0-4.667 4.333-11.333 13-20h359\nc-16-25.333-24-45-24-59z",widehat1:"M529 0h5l519 115c5 1 9 5 9 10 0 1-1 2-1 3l-4 22\nc-1 5-5 9-11 9h-2L532 67 19 159h-2c-5 0-9-4-11-9l-5-22c-1-6 2-12 8-13z",widehat2:"M1181 0h2l1171 176c6 0 10 5 10 11l-2 23c-1 6-5 10\n-11 10h-1L1182 67 15 220h-1c-6 0-10-4-11-10l-2-23c-1-6 4-11 10-11z",widehat3:"M1181 0h2l1171 236c6 0 10 5 10 11l-2 23c-1 6-5 10\n-11 10h-1L1182 67 15 280h-1c-6 0-10-4-11-10l-2-23c-1-6 4-11 10-11z",widehat4:"M1181 0h2l1171 296c6 0 10 5 10 11l-2 23c-1 6-5 10\n-11 10h-1L1182 67 15 340h-1c-6 0-10-4-11-10l-2-23c-1-6 4-11 10-11z",widecheck1:"M529,159h5l519,-115c5,-1,9,-5,9,-10c0,-1,-1,-2,-1,-3l-4,-22c-1,\n-5,-5,-9,-11,-9h-2l-512,92l-513,-92h-2c-5,0,-9,4,-11,9l-5,22c-1,6,2,12,8,13z",widecheck2:"M1181,220h2l1171,-176c6,0,10,-5,10,-11l-2,-23c-1,-6,-5,-10,\n-11,-10h-1l-1168,153l-1167,-153h-1c-6,0,-10,4,-11,10l-2,23c-1,6,4,11,10,11z",widecheck3:"M1181,280h2l1171,-236c6,0,10,-5,10,-11l-2,-23c-1,-6,-5,-10,\n-11,-10h-1l-1168,213l-1167,-213h-1c-6,0,-10,4,-11,10l-2,23c-1,6,4,11,10,11z",widecheck4:"M1181,340h2l1171,-296c6,0,10,-5,10,-11l-2,-23c-1,-6,-5,-10,\n-11,-10h-1l-1168,273l-1167,-273h-1c-6,0,-10,4,-11,10l-2,23c-1,6,4,11,10,11z",baraboveleftarrow:"M400000 620h-399890l3 -3c68.7 -52.7 113.7 -120 135 -202\nc4 -14.7 6 -23 6 -25c0 -7.3 -7 -11 -21 -11c-8 0 -13.2 0.8 -15.5 2.5\nc-2.3 1.7 -4.2 5.8 -5.5 12.5c-1.3 4.7 -2.7 10.3 -4 17c-12 48.7 -34.8 92 -68.5 130\ns-74.2 66.3 -121.5 85c-10 4 -16 7.7 -18 11c0 8.7 6 14.3 18 17c47.3 18.7 87.8 47\n121.5 85s56.5 81.3 68.5 130c0.7 2 1.3 5 2 9s1.2 6.7 1.5 8c0.3 1.3 1 3.3 2 6\ns2.2 4.5 3.5 5.5c1.3 1 3.3 1.8 6 2.5s6 1 10 1c14 0 21 -3.7 21 -11\nc0 -2 -2 -10.3 -6 -25c-20 -79.3 -65 -146.7 -135 -202l-3 -3h399890z\nM100 620v40h399900v-40z M0 241v40h399900v-40zM0 241v40h399900v-40z",rightarrowabovebar:"M0 241v40h399891c-47.3 35.3-84 78-110 128-16.7 32\n-27.7 63.7-33 95 0 1.3-.2 2.7-.5 4-.3 1.3-.5 2.3-.5 3 0 7.3 6.7 11 20 11 8 0\n13.2-.8 15.5-2.5 2.3-1.7 4.2-5.5 5.5-11.5 2-13.3 5.7-27 11-41 14.7-44.7 39\n-84.5 73-119.5s73.7-60.2 119-75.5c6-2 9-5.7 9-11s-3-9-9-11c-45.3-15.3-85-40.5\n-119-75.5s-58.3-74.8-73-119.5c-4.7-14-8.3-27.3-11-40-1.3-6.7-3.2-10.8-5.5\n-12.5-2.3-1.7-7.5-2.5-15.5-2.5-14 0-21 3.7-21 11 0 2 2 10.3 6 25 20.7 83.3 67\n151.7 139 205zm96 379h399894v40H0zm0 0h399904v40H0z",baraboveshortleftharpoon:"M507,435c-4,4,-6.3,8.7,-7,14c0,5.3,0.7,9,2,11\nc1.3,2,5.3,5.3,12,10c90.7,54,156,130,196,228c3.3,10.7,6.3,16.3,9,17\nc2,0.7,5,1,9,1c0,0,5,0,5,0c10.7,0,16.7,-2,18,-6c2,-2.7,1,-9.7,-3,-21\nc-32,-87.3,-82.7,-157.7,-152,-211c0,0,-3,-3,-3,-3l399351,0l0,-40\nc-398570,0,-399437,0,-399437,0z M593 435 v40 H399500 v-40z\nM0 281 v-40 H399908 v40z M0 281 v-40 H399908 v40z",rightharpoonaboveshortbar:"M0,241 l0,40c399126,0,399993,0,399993,0\nc4.7,-4.7,7,-9.3,7,-14c0,-9.3,-3.7,-15.3,-11,-18c-92.7,-56.7,-159,-133.7,-199,\n-231c-3.3,-9.3,-6,-14.7,-8,-16c-2,-1.3,-7,-2,-15,-2c-10.7,0,-16.7,2,-18,6\nc-2,2.7,-1,9.7,3,21c15.3,42,36.7,81.8,64,119.5c27.3,37.7,58,69.2,92,94.5z\nM0 241 v40 H399908 v-40z M0 475 v-40 H399500 v40z M0 475 v-40 H399500 v40z",shortbaraboveleftharpoon:"M7,435c-4,4,-6.3,8.7,-7,14c0,5.3,0.7,9,2,11\nc1.3,2,5.3,5.3,12,10c90.7,54,156,130,196,228c3.3,10.7,6.3,16.3,9,17c2,0.7,5,1,9,\n1c0,0,5,0,5,0c10.7,0,16.7,-2,18,-6c2,-2.7,1,-9.7,-3,-21c-32,-87.3,-82.7,-157.7,\n-152,-211c0,0,-3,-3,-3,-3l399907,0l0,-40c-399126,0,-399993,0,-399993,0z\nM93 435 v40 H400000 v-40z M500 241 v40 H400000 v-40z M500 241 v40 H400000 v-40z",shortrightharpoonabovebar:"M53,241l0,40c398570,0,399437,0,399437,0\nc4.7,-4.7,7,-9.3,7,-14c0,-9.3,-3.7,-15.3,-11,-18c-92.7,-56.7,-159,-133.7,-199,\n-231c-3.3,-9.3,-6,-14.7,-8,-16c-2,-1.3,-7,-2,-15,-2c-10.7,0,-16.7,2,-18,6\nc-2,2.7,-1,9.7,3,21c15.3,42,36.7,81.8,64,119.5c27.3,37.7,58,69.2,92,94.5z\nM500 241 v40 H399408 v-40z M500 435 v40 H400000 v-40z"},z=function(){function e(e){this.children=void 0,this.classes=void 0,this.height=void 0,this.depth=void 0,this.maxFontSize=void 0,this.style=void 0,this.children=e,this.classes=[],this.height=0,this.depth=0,this.maxFontSize=0,this.style={}}var t=e.prototype;return t.hasClass=function(e){return l.contains(this.classes,e)},t.toNode=function(){for(var e=document.createDocumentFragment(),t=0;t<this.children.length;t++)e.appendChild(this.children[t].toNode());return e},t.toMarkup=function(){for(var e="",t=0;t<this.children.length;t++)e+=this.children[t].toMarkup();return e},t.toText=function(){var e=function(e){return e.toText()};return this.children.map(e).join("")},e}(),A={"AMS-Regular":{32:[0,0,0,0,.25],65:[0,.68889,0,0,.72222],66:[0,.68889,0,0,.66667],67:[0,.68889,0,0,.72222],68:[0,.68889,0,0,.72222],69:[0,.68889,0,0,.66667],70:[0,.68889,0,0,.61111],71:[0,.68889,0,0,.77778],72:[0,.68889,0,0,.77778],73:[0,.68889,0,0,.38889],74:[.16667,.68889,0,0,.5],75:[0,.68889,0,0,.77778],76:[0,.68889,0,0,.66667],77:[0,.68889,0,0,.94445],78:[0,.68889,0,0,.72222],79:[.16667,.68889,0,0,.77778],80:[0,.68889,0,0,.61111],81:[.16667,.68889,0,0,.77778],82:[0,.68889,0,0,.72222],83:[0,.68889,0,0,.55556],84:[0,.68889,0,0,.66667],85:[0,.68889,0,0,.72222],86:[0,.68889,0,0,.72222],87:[0,.68889,0,0,1],88:[0,.68889,0,0,.72222],89:[0,.68889,0,0,.72222],90:[0,.68889,0,0,.66667],107:[0,.68889,0,0,.55556],160:[0,0,0,0,.25],165:[0,.675,.025,0,.75],174:[.15559,.69224,0,0,.94666],240:[0,.68889,0,0,.55556],295:[0,.68889,0,0,.54028],710:[0,.825,0,0,2.33334],732:[0,.9,0,0,2.33334],770:[0,.825,0,0,2.33334],771:[0,.9,0,0,2.33334],989:[.08167,.58167,0,0,.77778],1008:[0,.43056,.04028,0,.66667],8245:[0,.54986,0,0,.275],8463:[0,.68889,0,0,.54028],8487:[0,.68889,0,0,.72222],8498:[0,.68889,0,0,.55556],8502:[0,.68889,0,0,.66667],8503:[0,.68889,0,0,.44445],8504:[0,.68889,0,0,.66667],8513:[0,.68889,0,0,.63889],8592:[-.03598,.46402,0,0,.5],8594:[-.03598,.46402,0,0,.5],8602:[-.13313,.36687,0,0,1],8603:[-.13313,.36687,0,0,1],8606:[.01354,.52239,0,0,1],8608:[.01354,.52239,0,0,1],8610:[.01354,.52239,0,0,1.11111],8611:[.01354,.52239,0,0,1.11111],8619:[0,.54986,0,0,1],8620:[0,.54986,0,0,1],8621:[-.13313,.37788,0,0,1.38889],8622:[-.13313,.36687,0,0,1],8624:[0,.69224,0,0,.5],8625:[0,.69224,0,0,.5],8630:[0,.43056,0,0,1],8631:[0,.43056,0,0,1],8634:[.08198,.58198,0,0,.77778],8635:[.08198,.58198,0,0,.77778],8638:[.19444,.69224,0,0,.41667],8639:[.19444,.69224,0,0,.41667],8642:[.19444,.69224,0,0,.41667],8643:[.19444,.69224,0,0,.41667],8644:[.1808,.675,0,0,1],8646:[.1808,.675,0,0,1],8647:[.1808,.675,0,0,1],8648:[.19444,.69224,0,0,.83334],8649:[.1808,.675,0,0,1],8650:[.19444,.69224,0,0,.83334],8651:[.01354,.52239,0,0,1],8652:[.01354,.52239,0,0,1],8653:[-.13313,.36687,0,0,1],8654:[-.13313,.36687,0,0,1],8655:[-.13313,.36687,0,0,1],8666:[.13667,.63667,0,0,1],8667:[.13667,.63667,0,0,1],8669:[-.13313,.37788,0,0,1],8672:[-.064,.437,0,0,1.334],8674:[-.064,.437,0,0,1.334],8705:[0,.825,0,0,.5],8708:[0,.68889,0,0,.55556],8709:[.08167,.58167,0,0,.77778],8717:[0,.43056,0,0,.42917],8722:[-.03598,.46402,0,0,.5],8724:[.08198,.69224,0,0,.77778],8726:[.08167,.58167,0,0,.77778],8733:[0,.69224,0,0,.77778],8736:[0,.69224,0,0,.72222],8737:[0,.69224,0,0,.72222],8738:[.03517,.52239,0,0,.72222],8739:[.08167,.58167,0,0,.22222],8740:[.25142,.74111,0,0,.27778],8741:[.08167,.58167,0,0,.38889],8742:[.25142,.74111,0,0,.5],8756:[0,.69224,0,0,.66667],8757:[0,.69224,0,0,.66667],8764:[-.13313,.36687,0,0,.77778],8765:[-.13313,.37788,0,0,.77778],8769:[-.13313,.36687,0,0,.77778],8770:[-.03625,.46375,0,0,.77778],8774:[.30274,.79383,0,0,.77778],8776:[-.01688,.48312,0,0,.77778],8778:[.08167,.58167,0,0,.77778],8782:[.06062,.54986,0,0,.77778],8783:[.06062,.54986,0,0,.77778],8785:[.08198,.58198,0,0,.77778],8786:[.08198,.58198,0,0,.77778],8787:[.08198,.58198,0,0,.77778],8790:[0,.69224,0,0,.77778],8791:[.22958,.72958,0,0,.77778],8796:[.08198,.91667,0,0,.77778],8806:[.25583,.75583,0,0,.77778],8807:[.25583,.75583,0,0,.77778],8808:[.25142,.75726,0,0,.77778],8809:[.25142,.75726,0,0,.77778],8812:[.25583,.75583,0,0,.5],8814:[.20576,.70576,0,0,.77778],8815:[.20576,.70576,0,0,.77778],8816:[.30274,.79383,0,0,.77778],8817:[.30274,.79383,0,0,.77778],8818:[.22958,.72958,0,0,.77778],8819:[.22958,.72958,0,0,.77778],8822:[.1808,.675,0,0,.77778],8823:[.1808,.675,0,0,.77778],8828:[.13667,.63667,0,0,.77778],8829:[.13667,.63667,0,0,.77778],8830:[.22958,.72958,0,0,.77778],8831:[.22958,.72958,0,0,.77778],8832:[.20576,.70576,0,0,.77778],8833:[.20576,.70576,0,0,.77778],8840:[.30274,.79383,0,0,.77778],8841:[.30274,.79383,0,0,.77778],8842:[.13597,.63597,0,0,.77778],8843:[.13597,.63597,0,0,.77778],8847:[.03517,.54986,0,0,.77778],8848:[.03517,.54986,0,0,.77778],8858:[.08198,.58198,0,0,.77778],8859:[.08198,.58198,0,0,.77778],8861:[.08198,.58198,0,0,.77778],8862:[0,.675,0,0,.77778],8863:[0,.675,0,0,.77778],8864:[0,.675,0,0,.77778],8865:[0,.675,0,0,.77778],8872:[0,.69224,0,0,.61111],8873:[0,.69224,0,0,.72222],8874:[0,.69224,0,0,.88889],8876:[0,.68889,0,0,.61111],8877:[0,.68889,0,0,.61111],8878:[0,.68889,0,0,.72222],8879:[0,.68889,0,0,.72222],8882:[.03517,.54986,0,0,.77778],8883:[.03517,.54986,0,0,.77778],8884:[.13667,.63667,0,0,.77778],8885:[.13667,.63667,0,0,.77778],8888:[0,.54986,0,0,1.11111],8890:[.19444,.43056,0,0,.55556],8891:[.19444,.69224,0,0,.61111],8892:[.19444,.69224,0,0,.61111],8901:[0,.54986,0,0,.27778],8903:[.08167,.58167,0,0,.77778],8905:[.08167,.58167,0,0,.77778],8906:[.08167,.58167,0,0,.77778],8907:[0,.69224,0,0,.77778],8908:[0,.69224,0,0,.77778],8909:[-.03598,.46402,0,0,.77778],8910:[0,.54986,0,0,.76042],8911:[0,.54986,0,0,.76042],8912:[.03517,.54986,0,0,.77778],8913:[.03517,.54986,0,0,.77778],8914:[0,.54986,0,0,.66667],8915:[0,.54986,0,0,.66667],8916:[0,.69224,0,0,.66667],8918:[.0391,.5391,0,0,.77778],8919:[.0391,.5391,0,0,.77778],8920:[.03517,.54986,0,0,1.33334],8921:[.03517,.54986,0,0,1.33334],8922:[.38569,.88569,0,0,.77778],8923:[.38569,.88569,0,0,.77778],8926:[.13667,.63667,0,0,.77778],8927:[.13667,.63667,0,0,.77778],8928:[.30274,.79383,0,0,.77778],8929:[.30274,.79383,0,0,.77778],8934:[.23222,.74111,0,0,.77778],8935:[.23222,.74111,0,0,.77778],8936:[.23222,.74111,0,0,.77778],8937:[.23222,.74111,0,0,.77778],8938:[.20576,.70576,0,0,.77778],8939:[.20576,.70576,0,0,.77778],8940:[.30274,.79383,0,0,.77778],8941:[.30274,.79383,0,0,.77778],8994:[.19444,.69224,0,0,.77778],8995:[.19444,.69224,0,0,.77778],9416:[.15559,.69224,0,0,.90222],9484:[0,.69224,0,0,.5],9488:[0,.69224,0,0,.5],9492:[0,.37788,0,0,.5],9496:[0,.37788,0,0,.5],9585:[.19444,.68889,0,0,.88889],9586:[.19444,.74111,0,0,.88889],9632:[0,.675,0,0,.77778],9633:[0,.675,0,0,.77778],9650:[0,.54986,0,0,.72222],9651:[0,.54986,0,0,.72222],9654:[.03517,.54986,0,0,.77778],9660:[0,.54986,0,0,.72222],9661:[0,.54986,0,0,.72222],9664:[.03517,.54986,0,0,.77778],9674:[.11111,.69224,0,0,.66667],9733:[.19444,.69224,0,0,.94445],10003:[0,.69224,0,0,.83334],10016:[0,.69224,0,0,.83334],10731:[.11111,.69224,0,0,.66667],10846:[.19444,.75583,0,0,.61111],10877:[.13667,.63667,0,0,.77778],10878:[.13667,.63667,0,0,.77778],10885:[.25583,.75583,0,0,.77778],10886:[.25583,.75583,0,0,.77778],10887:[.13597,.63597,0,0,.77778],10888:[.13597,.63597,0,0,.77778],10889:[.26167,.75726,0,0,.77778],10890:[.26167,.75726,0,0,.77778],10891:[.48256,.98256,0,0,.77778],10892:[.48256,.98256,0,0,.77778],10901:[.13667,.63667,0,0,.77778],10902:[.13667,.63667,0,0,.77778],10933:[.25142,.75726,0,0,.77778],10934:[.25142,.75726,0,0,.77778],10935:[.26167,.75726,0,0,.77778],10936:[.26167,.75726,0,0,.77778],10937:[.26167,.75726,0,0,.77778],10938:[.26167,.75726,0,0,.77778],10949:[.25583,.75583,0,0,.77778],10950:[.25583,.75583,0,0,.77778],10955:[.28481,.79383,0,0,.77778],10956:[.28481,.79383,0,0,.77778],57350:[.08167,.58167,0,0,.22222],57351:[.08167,.58167,0,0,.38889],57352:[.08167,.58167,0,0,.77778],57353:[0,.43056,.04028,0,.66667],57356:[.25142,.75726,0,0,.77778],57357:[.25142,.75726,0,0,.77778],57358:[.41951,.91951,0,0,.77778],57359:[.30274,.79383,0,0,.77778],57360:[.30274,.79383,0,0,.77778],57361:[.41951,.91951,0,0,.77778],57366:[.25142,.75726,0,0,.77778],57367:[.25142,.75726,0,0,.77778],57368:[.25142,.75726,0,0,.77778],57369:[.25142,.75726,0,0,.77778],57370:[.13597,.63597,0,0,.77778],57371:[.13597,.63597,0,0,.77778]},"Caligraphic-Regular":{32:[0,0,0,0,.25],65:[0,.68333,0,.19445,.79847],66:[0,.68333,.03041,.13889,.65681],67:[0,.68333,.05834,.13889,.52653],68:[0,.68333,.02778,.08334,.77139],69:[0,.68333,.08944,.11111,.52778],70:[0,.68333,.09931,.11111,.71875],71:[.09722,.68333,.0593,.11111,.59487],72:[0,.68333,.00965,.11111,.84452],73:[0,.68333,.07382,0,.54452],74:[.09722,.68333,.18472,.16667,.67778],75:[0,.68333,.01445,.05556,.76195],76:[0,.68333,0,.13889,.68972],77:[0,.68333,0,.13889,1.2009],78:[0,.68333,.14736,.08334,.82049],79:[0,.68333,.02778,.11111,.79611],80:[0,.68333,.08222,.08334,.69556],81:[.09722,.68333,0,.11111,.81667],82:[0,.68333,0,.08334,.8475],83:[0,.68333,.075,.13889,.60556],84:[0,.68333,.25417,0,.54464],85:[0,.68333,.09931,.08334,.62583],86:[0,.68333,.08222,0,.61278],87:[0,.68333,.08222,.08334,.98778],88:[0,.68333,.14643,.13889,.7133],89:[.09722,.68333,.08222,.08334,.66834],90:[0,.68333,.07944,.13889,.72473],160:[0,0,0,0,.25]},"Fraktur-Regular":{32:[0,0,0,0,.25],33:[0,.69141,0,0,.29574],34:[0,.69141,0,0,.21471],38:[0,.69141,0,0,.73786],39:[0,.69141,0,0,.21201],40:[.24982,.74947,0,0,.38865],41:[.24982,.74947,0,0,.38865],42:[0,.62119,0,0,.27764],43:[.08319,.58283,0,0,.75623],44:[0,.10803,0,0,.27764],45:[.08319,.58283,0,0,.75623],46:[0,.10803,0,0,.27764],47:[.24982,.74947,0,0,.50181],48:[0,.47534,0,0,.50181],49:[0,.47534,0,0,.50181],50:[0,.47534,0,0,.50181],51:[.18906,.47534,0,0,.50181],52:[.18906,.47534,0,0,.50181],53:[.18906,.47534,0,0,.50181],54:[0,.69141,0,0,.50181],55:[.18906,.47534,0,0,.50181],56:[0,.69141,0,0,.50181],57:[.18906,.47534,0,0,.50181],58:[0,.47534,0,0,.21606],59:[.12604,.47534,0,0,.21606],61:[-.13099,.36866,0,0,.75623],63:[0,.69141,0,0,.36245],65:[0,.69141,0,0,.7176],66:[0,.69141,0,0,.88397],67:[0,.69141,0,0,.61254],68:[0,.69141,0,0,.83158],69:[0,.69141,0,0,.66278],70:[.12604,.69141,0,0,.61119],71:[0,.69141,0,0,.78539],72:[.06302,.69141,0,0,.7203],73:[0,.69141,0,0,.55448],74:[.12604,.69141,0,0,.55231],75:[0,.69141,0,0,.66845],76:[0,.69141,0,0,.66602],77:[0,.69141,0,0,1.04953],78:[0,.69141,0,0,.83212],79:[0,.69141,0,0,.82699],80:[.18906,.69141,0,0,.82753],81:[.03781,.69141,0,0,.82699],82:[0,.69141,0,0,.82807],83:[0,.69141,0,0,.82861],84:[0,.69141,0,0,.66899],85:[0,.69141,0,0,.64576],86:[0,.69141,0,0,.83131],87:[0,.69141,0,0,1.04602],88:[0,.69141,0,0,.71922],89:[.18906,.69141,0,0,.83293],90:[.12604,.69141,0,0,.60201],91:[.24982,.74947,0,0,.27764],93:[.24982,.74947,0,0,.27764],94:[0,.69141,0,0,.49965],97:[0,.47534,0,0,.50046],98:[0,.69141,0,0,.51315],99:[0,.47534,0,0,.38946],100:[0,.62119,0,0,.49857],101:[0,.47534,0,0,.40053],102:[.18906,.69141,0,0,.32626],103:[.18906,.47534,0,0,.5037],104:[.18906,.69141,0,0,.52126],105:[0,.69141,0,0,.27899],106:[0,.69141,0,0,.28088],107:[0,.69141,0,0,.38946],108:[0,.69141,0,0,.27953],109:[0,.47534,0,0,.76676],110:[0,.47534,0,0,.52666],111:[0,.47534,0,0,.48885],112:[.18906,.52396,0,0,.50046],113:[.18906,.47534,0,0,.48912],114:[0,.47534,0,0,.38919],115:[0,.47534,0,0,.44266],116:[0,.62119,0,0,.33301],117:[0,.47534,0,0,.5172],118:[0,.52396,0,0,.5118],119:[0,.52396,0,0,.77351],120:[.18906,.47534,0,0,.38865],121:[.18906,.47534,0,0,.49884],122:[.18906,.47534,0,0,.39054],160:[0,0,0,0,.25],8216:[0,.69141,0,0,.21471],8217:[0,.69141,0,0,.21471],58112:[0,.62119,0,0,.49749],58113:[0,.62119,0,0,.4983],58114:[.18906,.69141,0,0,.33328],58115:[.18906,.69141,0,0,.32923],58116:[.18906,.47534,0,0,.50343],58117:[0,.69141,0,0,.33301],58118:[0,.62119,0,0,.33409],58119:[0,.47534,0,0,.50073]},"Main-Bold":{32:[0,0,0,0,.25],33:[0,.69444,0,0,.35],34:[0,.69444,0,0,.60278],35:[.19444,.69444,0,0,.95833],36:[.05556,.75,0,0,.575],37:[.05556,.75,0,0,.95833],38:[0,.69444,0,0,.89444],39:[0,.69444,0,0,.31944],40:[.25,.75,0,0,.44722],41:[.25,.75,0,0,.44722],42:[0,.75,0,0,.575],43:[.13333,.63333,0,0,.89444],44:[.19444,.15556,0,0,.31944],45:[0,.44444,0,0,.38333],46:[0,.15556,0,0,.31944],47:[.25,.75,0,0,.575],48:[0,.64444,0,0,.575],49:[0,.64444,0,0,.575],50:[0,.64444,0,0,.575],51:[0,.64444,0,0,.575],52:[0,.64444,0,0,.575],53:[0,.64444,0,0,.575],54:[0,.64444,0,0,.575],55:[0,.64444,0,0,.575],56:[0,.64444,0,0,.575],57:[0,.64444,0,0,.575],58:[0,.44444,0,0,.31944],59:[.19444,.44444,0,0,.31944],60:[.08556,.58556,0,0,.89444],61:[-.10889,.39111,0,0,.89444],62:[.08556,.58556,0,0,.89444],63:[0,.69444,0,0,.54305],64:[0,.69444,0,0,.89444],65:[0,.68611,0,0,.86944],66:[0,.68611,0,0,.81805],67:[0,.68611,0,0,.83055],68:[0,.68611,0,0,.88194],69:[0,.68611,0,0,.75555],70:[0,.68611,0,0,.72361],71:[0,.68611,0,0,.90416],72:[0,.68611,0,0,.9],73:[0,.68611,0,0,.43611],74:[0,.68611,0,0,.59444],75:[0,.68611,0,0,.90138],76:[0,.68611,0,0,.69166],77:[0,.68611,0,0,1.09166],78:[0,.68611,0,0,.9],79:[0,.68611,0,0,.86388],80:[0,.68611,0,0,.78611],81:[.19444,.68611,0,0,.86388],82:[0,.68611,0,0,.8625],83:[0,.68611,0,0,.63889],84:[0,.68611,0,0,.8],85:[0,.68611,0,0,.88472],86:[0,.68611,.01597,0,.86944],87:[0,.68611,.01597,0,1.18888],88:[0,.68611,0,0,.86944],89:[0,.68611,.02875,0,.86944],90:[0,.68611,0,0,.70277],91:[.25,.75,0,0,.31944],92:[.25,.75,0,0,.575],93:[.25,.75,0,0,.31944],94:[0,.69444,0,0,.575],95:[.31,.13444,.03194,0,.575],97:[0,.44444,0,0,.55902],98:[0,.69444,0,0,.63889],99:[0,.44444,0,0,.51111],100:[0,.69444,0,0,.63889],101:[0,.44444,0,0,.52708],102:[0,.69444,.10903,0,.35139],103:[.19444,.44444,.01597,0,.575],104:[0,.69444,0,0,.63889],105:[0,.69444,0,0,.31944],106:[.19444,.69444,0,0,.35139],107:[0,.69444,0,0,.60694],108:[0,.69444,0,0,.31944],109:[0,.44444,0,0,.95833],110:[0,.44444,0,0,.63889],111:[0,.44444,0,0,.575],112:[.19444,.44444,0,0,.63889],113:[.19444,.44444,0,0,.60694],114:[0,.44444,0,0,.47361],115:[0,.44444,0,0,.45361],116:[0,.63492,0,0,.44722],117:[0,.44444,0,0,.63889],118:[0,.44444,.01597,0,.60694],119:[0,.44444,.01597,0,.83055],120:[0,.44444,0,0,.60694],121:[.19444,.44444,.01597,0,.60694],122:[0,.44444,0,0,.51111],123:[.25,.75,0,0,.575],124:[.25,.75,0,0,.31944],125:[.25,.75,0,0,.575],126:[.35,.34444,0,0,.575],160:[0,0,0,0,.25],163:[0,.69444,0,0,.86853],168:[0,.69444,0,0,.575],172:[0,.44444,0,0,.76666],176:[0,.69444,0,0,.86944],177:[.13333,.63333,0,0,.89444],184:[.17014,0,0,0,.51111],198:[0,.68611,0,0,1.04166],215:[.13333,.63333,0,0,.89444],216:[.04861,.73472,0,0,.89444],223:[0,.69444,0,0,.59722],230:[0,.44444,0,0,.83055],247:[.13333,.63333,0,0,.89444],248:[.09722,.54167,0,0,.575],305:[0,.44444,0,0,.31944],338:[0,.68611,0,0,1.16944],339:[0,.44444,0,0,.89444],567:[.19444,.44444,0,0,.35139],710:[0,.69444,0,0,.575],711:[0,.63194,0,0,.575],713:[0,.59611,0,0,.575],714:[0,.69444,0,0,.575],715:[0,.69444,0,0,.575],728:[0,.69444,0,0,.575],729:[0,.69444,0,0,.31944],730:[0,.69444,0,0,.86944],732:[0,.69444,0,0,.575],733:[0,.69444,0,0,.575],915:[0,.68611,0,0,.69166],916:[0,.68611,0,0,.95833],920:[0,.68611,0,0,.89444],923:[0,.68611,0,0,.80555],926:[0,.68611,0,0,.76666],928:[0,.68611,0,0,.9],931:[0,.68611,0,0,.83055],933:[0,.68611,0,0,.89444],934:[0,.68611,0,0,.83055],936:[0,.68611,0,0,.89444],937:[0,.68611,0,0,.83055],8211:[0,.44444,.03194,0,.575],8212:[0,.44444,.03194,0,1.14999],8216:[0,.69444,0,0,.31944],8217:[0,.69444,0,0,.31944],8220:[0,.69444,0,0,.60278],8221:[0,.69444,0,0,.60278],8224:[.19444,.69444,0,0,.51111],8225:[.19444,.69444,0,0,.51111],8242:[0,.55556,0,0,.34444],8407:[0,.72444,.15486,0,.575],8463:[0,.69444,0,0,.66759],8465:[0,.69444,0,0,.83055],8467:[0,.69444,0,0,.47361],8472:[.19444,.44444,0,0,.74027],8476:[0,.69444,0,0,.83055],8501:[0,.69444,0,0,.70277],8592:[-.10889,.39111,0,0,1.14999],8593:[.19444,.69444,0,0,.575],8594:[-.10889,.39111,0,0,1.14999],8595:[.19444,.69444,0,0,.575],8596:[-.10889,.39111,0,0,1.14999],8597:[.25,.75,0,0,.575],8598:[.19444,.69444,0,0,1.14999],8599:[.19444,.69444,0,0,1.14999],8600:[.19444,.69444,0,0,1.14999],8601:[.19444,.69444,0,0,1.14999],8636:[-.10889,.39111,0,0,1.14999],8637:[-.10889,.39111,0,0,1.14999],8640:[-.10889,.39111,0,0,1.14999],8641:[-.10889,.39111,0,0,1.14999],8656:[-.10889,.39111,0,0,1.14999],8657:[.19444,.69444,0,0,.70277],8658:[-.10889,.39111,0,0,1.14999],8659:[.19444,.69444,0,0,.70277],8660:[-.10889,.39111,0,0,1.14999],8661:[.25,.75,0,0,.70277],8704:[0,.69444,0,0,.63889],8706:[0,.69444,.06389,0,.62847],8707:[0,.69444,0,0,.63889],8709:[.05556,.75,0,0,.575],8711:[0,.68611,0,0,.95833],8712:[.08556,.58556,0,0,.76666],8715:[.08556,.58556,0,0,.76666],8722:[.13333,.63333,0,0,.89444],8723:[.13333,.63333,0,0,.89444],8725:[.25,.75,0,0,.575],8726:[.25,.75,0,0,.575],8727:[-.02778,.47222,0,0,.575],8728:[-.02639,.47361,0,0,.575],8729:[-.02639,.47361,0,0,.575],8730:[.18,.82,0,0,.95833],8733:[0,.44444,0,0,.89444],8734:[0,.44444,0,0,1.14999],8736:[0,.69224,0,0,.72222],8739:[.25,.75,0,0,.31944],8741:[.25,.75,0,0,.575],8743:[0,.55556,0,0,.76666],8744:[0,.55556,0,0,.76666],8745:[0,.55556,0,0,.76666],8746:[0,.55556,0,0,.76666],8747:[.19444,.69444,.12778,0,.56875],8764:[-.10889,.39111,0,0,.89444],8768:[.19444,.69444,0,0,.31944],8771:[.00222,.50222,0,0,.89444],8773:[.027,.638,0,0,.894],8776:[.02444,.52444,0,0,.89444],8781:[.00222,.50222,0,0,.89444],8801:[.00222,.50222,0,0,.89444],8804:[.19667,.69667,0,0,.89444],8805:[.19667,.69667,0,0,.89444],8810:[.08556,.58556,0,0,1.14999],8811:[.08556,.58556,0,0,1.14999],8826:[.08556,.58556,0,0,.89444],8827:[.08556,.58556,0,0,.89444],8834:[.08556,.58556,0,0,.89444],8835:[.08556,.58556,0,0,.89444],8838:[.19667,.69667,0,0,.89444],8839:[.19667,.69667,0,0,.89444],8846:[0,.55556,0,0,.76666],8849:[.19667,.69667,0,0,.89444],8850:[.19667,.69667,0,0,.89444],8851:[0,.55556,0,0,.76666],8852:[0,.55556,0,0,.76666],8853:[.13333,.63333,0,0,.89444],8854:[.13333,.63333,0,0,.89444],8855:[.13333,.63333,0,0,.89444],8856:[.13333,.63333,0,0,.89444],8857:[.13333,.63333,0,0,.89444],8866:[0,.69444,0,0,.70277],8867:[0,.69444,0,0,.70277],8868:[0,.69444,0,0,.89444],8869:[0,.69444,0,0,.89444],8900:[-.02639,.47361,0,0,.575],8901:[-.02639,.47361,0,0,.31944],8902:[-.02778,.47222,0,0,.575],8968:[.25,.75,0,0,.51111],8969:[.25,.75,0,0,.51111],8970:[.25,.75,0,0,.51111],8971:[.25,.75,0,0,.51111],8994:[-.13889,.36111,0,0,1.14999],8995:[-.13889,.36111,0,0,1.14999],9651:[.19444,.69444,0,0,1.02222],9657:[-.02778,.47222,0,0,.575],9661:[.19444,.69444,0,0,1.02222],9667:[-.02778,.47222,0,0,.575],9711:[.19444,.69444,0,0,1.14999],9824:[.12963,.69444,0,0,.89444],9825:[.12963,.69444,0,0,.89444],9826:[.12963,.69444,0,0,.89444],9827:[.12963,.69444,0,0,.89444],9837:[0,.75,0,0,.44722],9838:[.19444,.69444,0,0,.44722],9839:[.19444,.69444,0,0,.44722],10216:[.25,.75,0,0,.44722],10217:[.25,.75,0,0,.44722],10815:[0,.68611,0,0,.9],10927:[.19667,.69667,0,0,.89444],10928:[.19667,.69667,0,0,.89444],57376:[.19444,.69444,0,0,0]},"Main-BoldItalic":{32:[0,0,0,0,.25],33:[0,.69444,.11417,0,.38611],34:[0,.69444,.07939,0,.62055],35:[.19444,.69444,.06833,0,.94444],37:[.05556,.75,.12861,0,.94444],38:[0,.69444,.08528,0,.88555],39:[0,.69444,.12945,0,.35555],40:[.25,.75,.15806,0,.47333],41:[.25,.75,.03306,0,.47333],42:[0,.75,.14333,0,.59111],43:[.10333,.60333,.03306,0,.88555],44:[.19444,.14722,0,0,.35555],45:[0,.44444,.02611,0,.41444],46:[0,.14722,0,0,.35555],47:[.25,.75,.15806,0,.59111],48:[0,.64444,.13167,0,.59111],49:[0,.64444,.13167,0,.59111],50:[0,.64444,.13167,0,.59111],51:[0,.64444,.13167,0,.59111],52:[.19444,.64444,.13167,0,.59111],53:[0,.64444,.13167,0,.59111],54:[0,.64444,.13167,0,.59111],55:[.19444,.64444,.13167,0,.59111],56:[0,.64444,.13167,0,.59111],57:[0,.64444,.13167,0,.59111],58:[0,.44444,.06695,0,.35555],59:[.19444,.44444,.06695,0,.35555],61:[-.10889,.39111,.06833,0,.88555],63:[0,.69444,.11472,0,.59111],64:[0,.69444,.09208,0,.88555],65:[0,.68611,0,0,.86555],66:[0,.68611,.0992,0,.81666],67:[0,.68611,.14208,0,.82666],68:[0,.68611,.09062,0,.87555],69:[0,.68611,.11431,0,.75666],70:[0,.68611,.12903,0,.72722],71:[0,.68611,.07347,0,.89527],72:[0,.68611,.17208,0,.8961],73:[0,.68611,.15681,0,.47166],74:[0,.68611,.145,0,.61055],75:[0,.68611,.14208,0,.89499],76:[0,.68611,0,0,.69777],77:[0,.68611,.17208,0,1.07277],78:[0,.68611,.17208,0,.8961],79:[0,.68611,.09062,0,.85499],80:[0,.68611,.0992,0,.78721],81:[.19444,.68611,.09062,0,.85499],82:[0,.68611,.02559,0,.85944],83:[0,.68611,.11264,0,.64999],84:[0,.68611,.12903,0,.7961],85:[0,.68611,.17208,0,.88083],86:[0,.68611,.18625,0,.86555],87:[0,.68611,.18625,0,1.15999],88:[0,.68611,.15681,0,.86555],89:[0,.68611,.19803,0,.86555],90:[0,.68611,.14208,0,.70888],91:[.25,.75,.1875,0,.35611],93:[.25,.75,.09972,0,.35611],94:[0,.69444,.06709,0,.59111],95:[.31,.13444,.09811,0,.59111],97:[0,.44444,.09426,0,.59111],98:[0,.69444,.07861,0,.53222],99:[0,.44444,.05222,0,.53222],100:[0,.69444,.10861,0,.59111],101:[0,.44444,.085,0,.53222],102:[.19444,.69444,.21778,0,.4],103:[.19444,.44444,.105,0,.53222],104:[0,.69444,.09426,0,.59111],105:[0,.69326,.11387,0,.35555],106:[.19444,.69326,.1672,0,.35555],107:[0,.69444,.11111,0,.53222],108:[0,.69444,.10861,0,.29666],109:[0,.44444,.09426,0,.94444],110:[0,.44444,.09426,0,.64999],111:[0,.44444,.07861,0,.59111],112:[.19444,.44444,.07861,0,.59111],113:[.19444,.44444,.105,0,.53222],114:[0,.44444,.11111,0,.50167],115:[0,.44444,.08167,0,.48694],116:[0,.63492,.09639,0,.385],117:[0,.44444,.09426,0,.62055],118:[0,.44444,.11111,0,.53222],119:[0,.44444,.11111,0,.76777],120:[0,.44444,.12583,0,.56055],121:[.19444,.44444,.105,0,.56166],122:[0,.44444,.13889,0,.49055],126:[.35,.34444,.11472,0,.59111],160:[0,0,0,0,.25],168:[0,.69444,.11473,0,.59111],176:[0,.69444,0,0,.94888],184:[.17014,0,0,0,.53222],198:[0,.68611,.11431,0,1.02277],216:[.04861,.73472,.09062,0,.88555],223:[.19444,.69444,.09736,0,.665],230:[0,.44444,.085,0,.82666],248:[.09722,.54167,.09458,0,.59111],305:[0,.44444,.09426,0,.35555],338:[0,.68611,.11431,0,1.14054],339:[0,.44444,.085,0,.82666],567:[.19444,.44444,.04611,0,.385],710:[0,.69444,.06709,0,.59111],711:[0,.63194,.08271,0,.59111],713:[0,.59444,.10444,0,.59111],714:[0,.69444,.08528,0,.59111],715:[0,.69444,0,0,.59111],728:[0,.69444,.10333,0,.59111],729:[0,.69444,.12945,0,.35555],730:[0,.69444,0,0,.94888],732:[0,.69444,.11472,0,.59111],733:[0,.69444,.11472,0,.59111],915:[0,.68611,.12903,0,.69777],916:[0,.68611,0,0,.94444],920:[0,.68611,.09062,0,.88555],923:[0,.68611,0,0,.80666],926:[0,.68611,.15092,0,.76777],928:[0,.68611,.17208,0,.8961],931:[0,.68611,.11431,0,.82666],933:[0,.68611,.10778,0,.88555],934:[0,.68611,.05632,0,.82666],936:[0,.68611,.10778,0,.88555],937:[0,.68611,.0992,0,.82666],8211:[0,.44444,.09811,0,.59111],8212:[0,.44444,.09811,0,1.18221],8216:[0,.69444,.12945,0,.35555],8217:[0,.69444,.12945,0,.35555],8220:[0,.69444,.16772,0,.62055],8221:[0,.69444,.07939,0,.62055]},"Main-Italic":{32:[0,0,0,0,.25],33:[0,.69444,.12417,0,.30667],34:[0,.69444,.06961,0,.51444],35:[.19444,.69444,.06616,0,.81777],37:[.05556,.75,.13639,0,.81777],38:[0,.69444,.09694,0,.76666],39:[0,.69444,.12417,0,.30667],40:[.25,.75,.16194,0,.40889],41:[.25,.75,.03694,0,.40889],42:[0,.75,.14917,0,.51111],43:[.05667,.56167,.03694,0,.76666],44:[.19444,.10556,0,0,.30667],45:[0,.43056,.02826,0,.35778],46:[0,.10556,0,0,.30667],47:[.25,.75,.16194,0,.51111],48:[0,.64444,.13556,0,.51111],49:[0,.64444,.13556,0,.51111],50:[0,.64444,.13556,0,.51111],51:[0,.64444,.13556,0,.51111],52:[.19444,.64444,.13556,0,.51111],53:[0,.64444,.13556,0,.51111],54:[0,.64444,.13556,0,.51111],55:[.19444,.64444,.13556,0,.51111],56:[0,.64444,.13556,0,.51111],57:[0,.64444,.13556,0,.51111],58:[0,.43056,.0582,0,.30667],59:[.19444,.43056,.0582,0,.30667],61:[-.13313,.36687,.06616,0,.76666],63:[0,.69444,.1225,0,.51111],64:[0,.69444,.09597,0,.76666],65:[0,.68333,0,0,.74333],66:[0,.68333,.10257,0,.70389],67:[0,.68333,.14528,0,.71555],68:[0,.68333,.09403,0,.755],69:[0,.68333,.12028,0,.67833],70:[0,.68333,.13305,0,.65277],71:[0,.68333,.08722,0,.77361],72:[0,.68333,.16389,0,.74333],73:[0,.68333,.15806,0,.38555],74:[0,.68333,.14028,0,.525],75:[0,.68333,.14528,0,.76888],76:[0,.68333,0,0,.62722],77:[0,.68333,.16389,0,.89666],78:[0,.68333,.16389,0,.74333],79:[0,.68333,.09403,0,.76666],80:[0,.68333,.10257,0,.67833],81:[.19444,.68333,.09403,0,.76666],82:[0,.68333,.03868,0,.72944],83:[0,.68333,.11972,0,.56222],84:[0,.68333,.13305,0,.71555],85:[0,.68333,.16389,0,.74333],86:[0,.68333,.18361,0,.74333],87:[0,.68333,.18361,0,.99888],88:[0,.68333,.15806,0,.74333],89:[0,.68333,.19383,0,.74333],90:[0,.68333,.14528,0,.61333],91:[.25,.75,.1875,0,.30667],93:[.25,.75,.10528,0,.30667],94:[0,.69444,.06646,0,.51111],95:[.31,.12056,.09208,0,.51111],97:[0,.43056,.07671,0,.51111],98:[0,.69444,.06312,0,.46],99:[0,.43056,.05653,0,.46],100:[0,.69444,.10333,0,.51111],101:[0,.43056,.07514,0,.46],102:[.19444,.69444,.21194,0,.30667],103:[.19444,.43056,.08847,0,.46],104:[0,.69444,.07671,0,.51111],105:[0,.65536,.1019,0,.30667],106:[.19444,.65536,.14467,0,.30667],107:[0,.69444,.10764,0,.46],108:[0,.69444,.10333,0,.25555],109:[0,.43056,.07671,0,.81777],110:[0,.43056,.07671,0,.56222],111:[0,.43056,.06312,0,.51111],112:[.19444,.43056,.06312,0,.51111],113:[.19444,.43056,.08847,0,.46],114:[0,.43056,.10764,0,.42166],115:[0,.43056,.08208,0,.40889],116:[0,.61508,.09486,0,.33222],117:[0,.43056,.07671,0,.53666],118:[0,.43056,.10764,0,.46],119:[0,.43056,.10764,0,.66444],120:[0,.43056,.12042,0,.46389],121:[.19444,.43056,.08847,0,.48555],122:[0,.43056,.12292,0,.40889],126:[.35,.31786,.11585,0,.51111],160:[0,0,0,0,.25],168:[0,.66786,.10474,0,.51111],176:[0,.69444,0,0,.83129],184:[.17014,0,0,0,.46],198:[0,.68333,.12028,0,.88277],216:[.04861,.73194,.09403,0,.76666],223:[.19444,.69444,.10514,0,.53666],230:[0,.43056,.07514,0,.71555],248:[.09722,.52778,.09194,0,.51111],338:[0,.68333,.12028,0,.98499],339:[0,.43056,.07514,0,.71555],710:[0,.69444,.06646,0,.51111],711:[0,.62847,.08295,0,.51111],713:[0,.56167,.10333,0,.51111],714:[0,.69444,.09694,0,.51111],715:[0,.69444,0,0,.51111],728:[0,.69444,.10806,0,.51111],729:[0,.66786,.11752,0,.30667],730:[0,.69444,0,0,.83129],732:[0,.66786,.11585,0,.51111],733:[0,.69444,.1225,0,.51111],915:[0,.68333,.13305,0,.62722],916:[0,.68333,0,0,.81777],920:[0,.68333,.09403,0,.76666],923:[0,.68333,0,0,.69222],926:[0,.68333,.15294,0,.66444],928:[0,.68333,.16389,0,.74333],931:[0,.68333,.12028,0,.71555],933:[0,.68333,.11111,0,.76666],934:[0,.68333,.05986,0,.71555],936:[0,.68333,.11111,0,.76666],937:[0,.68333,.10257,0,.71555],8211:[0,.43056,.09208,0,.51111],8212:[0,.43056,.09208,0,1.02222],8216:[0,.69444,.12417,0,.30667],8217:[0,.69444,.12417,0,.30667],8220:[0,.69444,.1685,0,.51444],8221:[0,.69444,.06961,0,.51444],8463:[0,.68889,0,0,.54028]},"Main-Regular":{32:[0,0,0,0,.25],33:[0,.69444,0,0,.27778],34:[0,.69444,0,0,.5],35:[.19444,.69444,0,0,.83334],36:[.05556,.75,0,0,.5],37:[.05556,.75,0,0,.83334],38:[0,.69444,0,0,.77778],39:[0,.69444,0,0,.27778],40:[.25,.75,0,0,.38889],41:[.25,.75,0,0,.38889],42:[0,.75,0,0,.5],43:[.08333,.58333,0,0,.77778],44:[.19444,.10556,0,0,.27778],45:[0,.43056,0,0,.33333],46:[0,.10556,0,0,.27778],47:[.25,.75,0,0,.5],48:[0,.64444,0,0,.5],49:[0,.64444,0,0,.5],50:[0,.64444,0,0,.5],51:[0,.64444,0,0,.5],52:[0,.64444,0,0,.5],53:[0,.64444,0,0,.5],54:[0,.64444,0,0,.5],55:[0,.64444,0,0,.5],56:[0,.64444,0,0,.5],57:[0,.64444,0,0,.5],58:[0,.43056,0,0,.27778],59:[.19444,.43056,0,0,.27778],60:[.0391,.5391,0,0,.77778],61:[-.13313,.36687,0,0,.77778],62:[.0391,.5391,0,0,.77778],63:[0,.69444,0,0,.47222],64:[0,.69444,0,0,.77778],65:[0,.68333,0,0,.75],66:[0,.68333,0,0,.70834],67:[0,.68333,0,0,.72222],68:[0,.68333,0,0,.76389],69:[0,.68333,0,0,.68056],70:[0,.68333,0,0,.65278],71:[0,.68333,0,0,.78472],72:[0,.68333,0,0,.75],73:[0,.68333,0,0,.36111],74:[0,.68333,0,0,.51389],75:[0,.68333,0,0,.77778],76:[0,.68333,0,0,.625],77:[0,.68333,0,0,.91667],78:[0,.68333,0,0,.75],79:[0,.68333,0,0,.77778],80:[0,.68333,0,0,.68056],81:[.19444,.68333,0,0,.77778],82:[0,.68333,0,0,.73611],83:[0,.68333,0,0,.55556],84:[0,.68333,0,0,.72222],85:[0,.68333,0,0,.75],86:[0,.68333,.01389,0,.75],87:[0,.68333,.01389,0,1.02778],88:[0,.68333,0,0,.75],89:[0,.68333,.025,0,.75],90:[0,.68333,0,0,.61111],91:[.25,.75,0,0,.27778],92:[.25,.75,0,0,.5],93:[.25,.75,0,0,.27778],94:[0,.69444,0,0,.5],95:[.31,.12056,.02778,0,.5],97:[0,.43056,0,0,.5],98:[0,.69444,0,0,.55556],99:[0,.43056,0,0,.44445],100:[0,.69444,0,0,.55556],101:[0,.43056,0,0,.44445],102:[0,.69444,.07778,0,.30556],103:[.19444,.43056,.01389,0,.5],104:[0,.69444,0,0,.55556],105:[0,.66786,0,0,.27778],106:[.19444,.66786,0,0,.30556],107:[0,.69444,0,0,.52778],108:[0,.69444,0,0,.27778],109:[0,.43056,0,0,.83334],110:[0,.43056,0,0,.55556],111:[0,.43056,0,0,.5],112:[.19444,.43056,0,0,.55556],113:[.19444,.43056,0,0,.52778],114:[0,.43056,0,0,.39167],115:[0,.43056,0,0,.39445],116:[0,.61508,0,0,.38889],117:[0,.43056,0,0,.55556],118:[0,.43056,.01389,0,.52778],119:[0,.43056,.01389,0,.72222],120:[0,.43056,0,0,.52778],121:[.19444,.43056,.01389,0,.52778],122:[0,.43056,0,0,.44445],123:[.25,.75,0,0,.5],124:[.25,.75,0,0,.27778],125:[.25,.75,0,0,.5],126:[.35,.31786,0,0,.5],160:[0,0,0,0,.25],163:[0,.69444,0,0,.76909],167:[.19444,.69444,0,0,.44445],168:[0,.66786,0,0,.5],172:[0,.43056,0,0,.66667],176:[0,.69444,0,0,.75],177:[.08333,.58333,0,0,.77778],182:[.19444,.69444,0,0,.61111],184:[.17014,0,0,0,.44445],198:[0,.68333,0,0,.90278],215:[.08333,.58333,0,0,.77778],216:[.04861,.73194,0,0,.77778],223:[0,.69444,0,0,.5],230:[0,.43056,0,0,.72222],247:[.08333,.58333,0,0,.77778],248:[.09722,.52778,0,0,.5],305:[0,.43056,0,0,.27778],338:[0,.68333,0,0,1.01389],339:[0,.43056,0,0,.77778],567:[.19444,.43056,0,0,.30556],710:[0,.69444,0,0,.5],711:[0,.62847,0,0,.5],713:[0,.56778,0,0,.5],714:[0,.69444,0,0,.5],715:[0,.69444,0,0,.5],728:[0,.69444,0,0,.5],729:[0,.66786,0,0,.27778],730:[0,.69444,0,0,.75],732:[0,.66786,0,0,.5],733:[0,.69444,0,0,.5],915:[0,.68333,0,0,.625],916:[0,.68333,0,0,.83334],920:[0,.68333,0,0,.77778],923:[0,.68333,0,0,.69445],926:[0,.68333,0,0,.66667],928:[0,.68333,0,0,.75],931:[0,.68333,0,0,.72222],933:[0,.68333,0,0,.77778],934:[0,.68333,0,0,.72222],936:[0,.68333,0,0,.77778],937:[0,.68333,0,0,.72222],8211:[0,.43056,.02778,0,.5],8212:[0,.43056,.02778,0,1],8216:[0,.69444,0,0,.27778],8217:[0,.69444,0,0,.27778],8220:[0,.69444,0,0,.5],8221:[0,.69444,0,0,.5],8224:[.19444,.69444,0,0,.44445],8225:[.19444,.69444,0,0,.44445],8230:[0,.123,0,0,1.172],8242:[0,.55556,0,0,.275],8407:[0,.71444,.15382,0,.5],8463:[0,.68889,0,0,.54028],8465:[0,.69444,0,0,.72222],8467:[0,.69444,0,.11111,.41667],8472:[.19444,.43056,0,.11111,.63646],8476:[0,.69444,0,0,.72222],8501:[0,.69444,0,0,.61111],8592:[-.13313,.36687,0,0,1],8593:[.19444,.69444,0,0,.5],8594:[-.13313,.36687,0,0,1],8595:[.19444,.69444,0,0,.5],8596:[-.13313,.36687,0,0,1],8597:[.25,.75,0,0,.5],8598:[.19444,.69444,0,0,1],8599:[.19444,.69444,0,0,1],8600:[.19444,.69444,0,0,1],8601:[.19444,.69444,0,0,1],8614:[.011,.511,0,0,1],8617:[.011,.511,0,0,1.126],8618:[.011,.511,0,0,1.126],8636:[-.13313,.36687,0,0,1],8637:[-.13313,.36687,0,0,1],8640:[-.13313,.36687,0,0,1],8641:[-.13313,.36687,0,0,1],8652:[.011,.671,0,0,1],8656:[-.13313,.36687,0,0,1],8657:[.19444,.69444,0,0,.61111],8658:[-.13313,.36687,0,0,1],8659:[.19444,.69444,0,0,.61111],8660:[-.13313,.36687,0,0,1],8661:[.25,.75,0,0,.61111],8704:[0,.69444,0,0,.55556],8706:[0,.69444,.05556,.08334,.5309],8707:[0,.69444,0,0,.55556],8709:[.05556,.75,0,0,.5],8711:[0,.68333,0,0,.83334],8712:[.0391,.5391,0,0,.66667],8715:[.0391,.5391,0,0,.66667],8722:[.08333,.58333,0,0,.77778],8723:[.08333,.58333,0,0,.77778],8725:[.25,.75,0,0,.5],8726:[.25,.75,0,0,.5],8727:[-.03472,.46528,0,0,.5],8728:[-.05555,.44445,0,0,.5],8729:[-.05555,.44445,0,0,.5],8730:[.2,.8,0,0,.83334],8733:[0,.43056,0,0,.77778],8734:[0,.43056,0,0,1],8736:[0,.69224,0,0,.72222],8739:[.25,.75,0,0,.27778],8741:[.25,.75,0,0,.5],8743:[0,.55556,0,0,.66667],8744:[0,.55556,0,0,.66667],8745:[0,.55556,0,0,.66667],8746:[0,.55556,0,0,.66667],8747:[.19444,.69444,.11111,0,.41667],8764:[-.13313,.36687,0,0,.77778],8768:[.19444,.69444,0,0,.27778],8771:[-.03625,.46375,0,0,.77778],8773:[-.022,.589,0,0,.778],8776:[-.01688,.48312,0,0,.77778],8781:[-.03625,.46375,0,0,.77778],8784:[-.133,.673,0,0,.778],8801:[-.03625,.46375,0,0,.77778],8804:[.13597,.63597,0,0,.77778],8805:[.13597,.63597,0,0,.77778],8810:[.0391,.5391,0,0,1],8811:[.0391,.5391,0,0,1],8826:[.0391,.5391,0,0,.77778],8827:[.0391,.5391,0,0,.77778],8834:[.0391,.5391,0,0,.77778],8835:[.0391,.5391,0,0,.77778],8838:[.13597,.63597,0,0,.77778],8839:[.13597,.63597,0,0,.77778],8846:[0,.55556,0,0,.66667],8849:[.13597,.63597,0,0,.77778],8850:[.13597,.63597,0,0,.77778],8851:[0,.55556,0,0,.66667],8852:[0,.55556,0,0,.66667],8853:[.08333,.58333,0,0,.77778],8854:[.08333,.58333,0,0,.77778],8855:[.08333,.58333,0,0,.77778],8856:[.08333,.58333,0,0,.77778],8857:[.08333,.58333,0,0,.77778],8866:[0,.69444,0,0,.61111],8867:[0,.69444,0,0,.61111],8868:[0,.69444,0,0,.77778],8869:[0,.69444,0,0,.77778],8872:[.249,.75,0,0,.867],8900:[-.05555,.44445,0,0,.5],8901:[-.05555,.44445,0,0,.27778],8902:[-.03472,.46528,0,0,.5],8904:[.005,.505,0,0,.9],8942:[.03,.903,0,0,.278],8943:[-.19,.313,0,0,1.172],8945:[-.1,.823,0,0,1.282],8968:[.25,.75,0,0,.44445],8969:[.25,.75,0,0,.44445],8970:[.25,.75,0,0,.44445],8971:[.25,.75,0,0,.44445],8994:[-.14236,.35764,0,0,1],8995:[-.14236,.35764,0,0,1],9136:[.244,.744,0,0,.412],9137:[.244,.745,0,0,.412],9651:[.19444,.69444,0,0,.88889],9657:[-.03472,.46528,0,0,.5],9661:[.19444,.69444,0,0,.88889],9667:[-.03472,.46528,0,0,.5],9711:[.19444,.69444,0,0,1],9824:[.12963,.69444,0,0,.77778],9825:[.12963,.69444,0,0,.77778],9826:[.12963,.69444,0,0,.77778],9827:[.12963,.69444,0,0,.77778],9837:[0,.75,0,0,.38889],9838:[.19444,.69444,0,0,.38889],9839:[.19444,.69444,0,0,.38889],10216:[.25,.75,0,0,.38889],10217:[.25,.75,0,0,.38889],10222:[.244,.744,0,0,.412],10223:[.244,.745,0,0,.412],10229:[.011,.511,0,0,1.609],10230:[.011,.511,0,0,1.638],10231:[.011,.511,0,0,1.859],10232:[.024,.525,0,0,1.609],10233:[.024,.525,0,0,1.638],10234:[.024,.525,0,0,1.858],10236:[.011,.511,0,0,1.638],10815:[0,.68333,0,0,.75],10927:[.13597,.63597,0,0,.77778],10928:[.13597,.63597,0,0,.77778],57376:[.19444,.69444,0,0,0]},"Math-BoldItalic":{32:[0,0,0,0,.25],48:[0,.44444,0,0,.575],49:[0,.44444,0,0,.575],50:[0,.44444,0,0,.575],51:[.19444,.44444,0,0,.575],52:[.19444,.44444,0,0,.575],53:[.19444,.44444,0,0,.575],54:[0,.64444,0,0,.575],55:[.19444,.44444,0,0,.575],56:[0,.64444,0,0,.575],57:[.19444,.44444,0,0,.575],65:[0,.68611,0,0,.86944],66:[0,.68611,.04835,0,.8664],67:[0,.68611,.06979,0,.81694],68:[0,.68611,.03194,0,.93812],69:[0,.68611,.05451,0,.81007],70:[0,.68611,.15972,0,.68889],71:[0,.68611,0,0,.88673],72:[0,.68611,.08229,0,.98229],73:[0,.68611,.07778,0,.51111],74:[0,.68611,.10069,0,.63125],75:[0,.68611,.06979,0,.97118],76:[0,.68611,0,0,.75555],77:[0,.68611,.11424,0,1.14201],78:[0,.68611,.11424,0,.95034],79:[0,.68611,.03194,0,.83666],80:[0,.68611,.15972,0,.72309],81:[.19444,.68611,0,0,.86861],82:[0,.68611,.00421,0,.87235],83:[0,.68611,.05382,0,.69271],84:[0,.68611,.15972,0,.63663],85:[0,.68611,.11424,0,.80027],86:[0,.68611,.25555,0,.67778],87:[0,.68611,.15972,0,1.09305],88:[0,.68611,.07778,0,.94722],89:[0,.68611,.25555,0,.67458],90:[0,.68611,.06979,0,.77257],97:[0,.44444,0,0,.63287],98:[0,.69444,0,0,.52083],99:[0,.44444,0,0,.51342],100:[0,.69444,0,0,.60972],101:[0,.44444,0,0,.55361],102:[.19444,.69444,.11042,0,.56806],103:[.19444,.44444,.03704,0,.5449],104:[0,.69444,0,0,.66759],105:[0,.69326,0,0,.4048],106:[.19444,.69326,.0622,0,.47083],107:[0,.69444,.01852,0,.6037],108:[0,.69444,.0088,0,.34815],109:[0,.44444,0,0,1.0324],110:[0,.44444,0,0,.71296],111:[0,.44444,0,0,.58472],112:[.19444,.44444,0,0,.60092],113:[.19444,.44444,.03704,0,.54213],114:[0,.44444,.03194,0,.5287],115:[0,.44444,0,0,.53125],116:[0,.63492,0,0,.41528],117:[0,.44444,0,0,.68102],118:[0,.44444,.03704,0,.56666],119:[0,.44444,.02778,0,.83148],120:[0,.44444,0,0,.65903],121:[.19444,.44444,.03704,0,.59028],122:[0,.44444,.04213,0,.55509],160:[0,0,0,0,.25],915:[0,.68611,.15972,0,.65694],916:[0,.68611,0,0,.95833],920:[0,.68611,.03194,0,.86722],923:[0,.68611,0,0,.80555],926:[0,.68611,.07458,0,.84125],928:[0,.68611,.08229,0,.98229],931:[0,.68611,.05451,0,.88507],933:[0,.68611,.15972,0,.67083],934:[0,.68611,0,0,.76666],936:[0,.68611,.11653,0,.71402],937:[0,.68611,.04835,0,.8789],945:[0,.44444,0,0,.76064],946:[.19444,.69444,.03403,0,.65972],947:[.19444,.44444,.06389,0,.59003],948:[0,.69444,.03819,0,.52222],949:[0,.44444,0,0,.52882],950:[.19444,.69444,.06215,0,.50833],951:[.19444,.44444,.03704,0,.6],952:[0,.69444,.03194,0,.5618],953:[0,.44444,0,0,.41204],954:[0,.44444,0,0,.66759],955:[0,.69444,0,0,.67083],956:[.19444,.44444,0,0,.70787],957:[0,.44444,.06898,0,.57685],958:[.19444,.69444,.03021,0,.50833],959:[0,.44444,0,0,.58472],960:[0,.44444,.03704,0,.68241],961:[.19444,.44444,0,0,.6118],962:[.09722,.44444,.07917,0,.42361],963:[0,.44444,.03704,0,.68588],964:[0,.44444,.13472,0,.52083],965:[0,.44444,.03704,0,.63055],966:[.19444,.44444,0,0,.74722],967:[.19444,.44444,0,0,.71805],968:[.19444,.69444,.03704,0,.75833],969:[0,.44444,.03704,0,.71782],977:[0,.69444,0,0,.69155],981:[.19444,.69444,0,0,.7125],982:[0,.44444,.03194,0,.975],1009:[.19444,.44444,0,0,.6118],1013:[0,.44444,0,0,.48333],57649:[0,.44444,0,0,.39352],57911:[.19444,.44444,0,0,.43889]},"Math-Italic":{32:[0,0,0,0,.25],48:[0,.43056,0,0,.5],49:[0,.43056,0,0,.5],50:[0,.43056,0,0,.5],51:[.19444,.43056,0,0,.5],52:[.19444,.43056,0,0,.5],53:[.19444,.43056,0,0,.5],54:[0,.64444,0,0,.5],55:[.19444,.43056,0,0,.5],56:[0,.64444,0,0,.5],57:[.19444,.43056,0,0,.5],65:[0,.68333,0,.13889,.75],66:[0,.68333,.05017,.08334,.75851],67:[0,.68333,.07153,.08334,.71472],68:[0,.68333,.02778,.05556,.82792],69:[0,.68333,.05764,.08334,.7382],70:[0,.68333,.13889,.08334,.64306],71:[0,.68333,0,.08334,.78625],72:[0,.68333,.08125,.05556,.83125],73:[0,.68333,.07847,.11111,.43958],74:[0,.68333,.09618,.16667,.55451],75:[0,.68333,.07153,.05556,.84931],76:[0,.68333,0,.02778,.68056],77:[0,.68333,.10903,.08334,.97014],78:[0,.68333,.10903,.08334,.80347],79:[0,.68333,.02778,.08334,.76278],80:[0,.68333,.13889,.08334,.64201],81:[.19444,.68333,0,.08334,.79056],82:[0,.68333,.00773,.08334,.75929],83:[0,.68333,.05764,.08334,.6132],84:[0,.68333,.13889,.08334,.58438],85:[0,.68333,.10903,.02778,.68278],86:[0,.68333,.22222,0,.58333],87:[0,.68333,.13889,0,.94445],88:[0,.68333,.07847,.08334,.82847],89:[0,.68333,.22222,0,.58056],90:[0,.68333,.07153,.08334,.68264],97:[0,.43056,0,0,.52859],98:[0,.69444,0,0,.42917],99:[0,.43056,0,.05556,.43276],100:[0,.69444,0,.16667,.52049],101:[0,.43056,0,.05556,.46563],102:[.19444,.69444,.10764,.16667,.48959],103:[.19444,.43056,.03588,.02778,.47697],104:[0,.69444,0,0,.57616],105:[0,.65952,0,0,.34451],106:[.19444,.65952,.05724,0,.41181],107:[0,.69444,.03148,0,.5206],108:[0,.69444,.01968,.08334,.29838],109:[0,.43056,0,0,.87801],110:[0,.43056,0,0,.60023],111:[0,.43056,0,.05556,.48472],112:[.19444,.43056,0,.08334,.50313],113:[.19444,.43056,.03588,.08334,.44641],114:[0,.43056,.02778,.05556,.45116],115:[0,.43056,0,.05556,.46875],116:[0,.61508,0,.08334,.36111],117:[0,.43056,0,.02778,.57246],118:[0,.43056,.03588,.02778,.48472],119:[0,.43056,.02691,.08334,.71592],120:[0,.43056,0,.02778,.57153],121:[.19444,.43056,.03588,.05556,.49028],122:[0,.43056,.04398,.05556,.46505],160:[0,0,0,0,.25],915:[0,.68333,.13889,.08334,.61528],916:[0,.68333,0,.16667,.83334],920:[0,.68333,.02778,.08334,.76278],923:[0,.68333,0,.16667,.69445],926:[0,.68333,.07569,.08334,.74236],928:[0,.68333,.08125,.05556,.83125],931:[0,.68333,.05764,.08334,.77986],933:[0,.68333,.13889,.05556,.58333],934:[0,.68333,0,.08334,.66667],936:[0,.68333,.11,.05556,.61222],937:[0,.68333,.05017,.08334,.7724],945:[0,.43056,.0037,.02778,.6397],946:[.19444,.69444,.05278,.08334,.56563],947:[.19444,.43056,.05556,0,.51773],948:[0,.69444,.03785,.05556,.44444],949:[0,.43056,0,.08334,.46632],950:[.19444,.69444,.07378,.08334,.4375],951:[.19444,.43056,.03588,.05556,.49653],952:[0,.69444,.02778,.08334,.46944],953:[0,.43056,0,.05556,.35394],954:[0,.43056,0,0,.57616],955:[0,.69444,0,0,.58334],956:[.19444,.43056,0,.02778,.60255],957:[0,.43056,.06366,.02778,.49398],958:[.19444,.69444,.04601,.11111,.4375],959:[0,.43056,0,.05556,.48472],960:[0,.43056,.03588,0,.57003],961:[.19444,.43056,0,.08334,.51702],962:[.09722,.43056,.07986,.08334,.36285],963:[0,.43056,.03588,0,.57141],964:[0,.43056,.1132,.02778,.43715],965:[0,.43056,.03588,.02778,.54028],966:[.19444,.43056,0,.08334,.65417],967:[.19444,.43056,0,.05556,.62569],968:[.19444,.69444,.03588,.11111,.65139],969:[0,.43056,.03588,0,.62245],977:[0,.69444,0,.08334,.59144],981:[.19444,.69444,0,.08334,.59583],982:[0,.43056,.02778,0,.82813],1009:[.19444,.43056,0,.08334,.51702],1013:[0,.43056,0,.05556,.4059],57649:[0,.43056,0,.02778,.32246],57911:[.19444,.43056,0,.08334,.38403]},"SansSerif-Bold":{32:[0,0,0,0,.25],33:[0,.69444,0,0,.36667],34:[0,.69444,0,0,.55834],35:[.19444,.69444,0,0,.91667],36:[.05556,.75,0,0,.55],37:[.05556,.75,0,0,1.02912],38:[0,.69444,0,0,.83056],39:[0,.69444,0,0,.30556],40:[.25,.75,0,0,.42778],41:[.25,.75,0,0,.42778],42:[0,.75,0,0,.55],43:[.11667,.61667,0,0,.85556],44:[.10556,.13056,0,0,.30556],45:[0,.45833,0,0,.36667],46:[0,.13056,0,0,.30556],47:[.25,.75,0,0,.55],48:[0,.69444,0,0,.55],49:[0,.69444,0,0,.55],50:[0,.69444,0,0,.55],51:[0,.69444,0,0,.55],52:[0,.69444,0,0,.55],53:[0,.69444,0,0,.55],54:[0,.69444,0,0,.55],55:[0,.69444,0,0,.55],56:[0,.69444,0,0,.55],57:[0,.69444,0,0,.55],58:[0,.45833,0,0,.30556],59:[.10556,.45833,0,0,.30556],61:[-.09375,.40625,0,0,.85556],63:[0,.69444,0,0,.51945],64:[0,.69444,0,0,.73334],65:[0,.69444,0,0,.73334],66:[0,.69444,0,0,.73334],67:[0,.69444,0,0,.70278],68:[0,.69444,0,0,.79445],69:[0,.69444,0,0,.64167],70:[0,.69444,0,0,.61111],71:[0,.69444,0,0,.73334],72:[0,.69444,0,0,.79445],73:[0,.69444,0,0,.33056],74:[0,.69444,0,0,.51945],75:[0,.69444,0,0,.76389],76:[0,.69444,0,0,.58056],77:[0,.69444,0,0,.97778],78:[0,.69444,0,0,.79445],79:[0,.69444,0,0,.79445],80:[0,.69444,0,0,.70278],81:[.10556,.69444,0,0,.79445],82:[0,.69444,0,0,.70278],83:[0,.69444,0,0,.61111],84:[0,.69444,0,0,.73334],85:[0,.69444,0,0,.76389],86:[0,.69444,.01528,0,.73334],87:[0,.69444,.01528,0,1.03889],88:[0,.69444,0,0,.73334],89:[0,.69444,.0275,0,.73334],90:[0,.69444,0,0,.67223],91:[.25,.75,0,0,.34306],93:[.25,.75,0,0,.34306],94:[0,.69444,0,0,.55],95:[.35,.10833,.03056,0,.55],97:[0,.45833,0,0,.525],98:[0,.69444,0,0,.56111],99:[0,.45833,0,0,.48889],100:[0,.69444,0,0,.56111],101:[0,.45833,0,0,.51111],102:[0,.69444,.07639,0,.33611],103:[.19444,.45833,.01528,0,.55],104:[0,.69444,0,0,.56111],105:[0,.69444,0,0,.25556],106:[.19444,.69444,0,0,.28611],107:[0,.69444,0,0,.53056],108:[0,.69444,0,0,.25556],109:[0,.45833,0,0,.86667],110:[0,.45833,0,0,.56111],111:[0,.45833,0,0,.55],112:[.19444,.45833,0,0,.56111],113:[.19444,.45833,0,0,.56111],114:[0,.45833,.01528,0,.37222],115:[0,.45833,0,0,.42167],116:[0,.58929,0,0,.40417],117:[0,.45833,0,0,.56111],118:[0,.45833,.01528,0,.5],119:[0,.45833,.01528,0,.74445],120:[0,.45833,0,0,.5],121:[.19444,.45833,.01528,0,.5],122:[0,.45833,0,0,.47639],126:[.35,.34444,0,0,.55],160:[0,0,0,0,.25],168:[0,.69444,0,0,.55],176:[0,.69444,0,0,.73334],180:[0,.69444,0,0,.55],184:[.17014,0,0,0,.48889],305:[0,.45833,0,0,.25556],567:[.19444,.45833,0,0,.28611],710:[0,.69444,0,0,.55],711:[0,.63542,0,0,.55],713:[0,.63778,0,0,.55],728:[0,.69444,0,0,.55],729:[0,.69444,0,0,.30556],730:[0,.69444,0,0,.73334],732:[0,.69444,0,0,.55],733:[0,.69444,0,0,.55],915:[0,.69444,0,0,.58056],916:[0,.69444,0,0,.91667],920:[0,.69444,0,0,.85556],923:[0,.69444,0,0,.67223],926:[0,.69444,0,0,.73334],928:[0,.69444,0,0,.79445],931:[0,.69444,0,0,.79445],933:[0,.69444,0,0,.85556],934:[0,.69444,0,0,.79445],936:[0,.69444,0,0,.85556],937:[0,.69444,0,0,.79445],8211:[0,.45833,.03056,0,.55],8212:[0,.45833,.03056,0,1.10001],8216:[0,.69444,0,0,.30556],8217:[0,.69444,0,0,.30556],8220:[0,.69444,0,0,.55834],8221:[0,.69444,0,0,.55834]},"SansSerif-Italic":{32:[0,0,0,0,.25],33:[0,.69444,.05733,0,.31945],34:[0,.69444,.00316,0,.5],35:[.19444,.69444,.05087,0,.83334],36:[.05556,.75,.11156,0,.5],37:[.05556,.75,.03126,0,.83334],38:[0,.69444,.03058,0,.75834],39:[0,.69444,.07816,0,.27778],40:[.25,.75,.13164,0,.38889],41:[.25,.75,.02536,0,.38889],42:[0,.75,.11775,0,.5],43:[.08333,.58333,.02536,0,.77778],44:[.125,.08333,0,0,.27778],45:[0,.44444,.01946,0,.33333],46:[0,.08333,0,0,.27778],47:[.25,.75,.13164,0,.5],48:[0,.65556,.11156,0,.5],49:[0,.65556,.11156,0,.5],50:[0,.65556,.11156,0,.5],51:[0,.65556,.11156,0,.5],52:[0,.65556,.11156,0,.5],53:[0,.65556,.11156,0,.5],54:[0,.65556,.11156,0,.5],55:[0,.65556,.11156,0,.5],56:[0,.65556,.11156,0,.5],57:[0,.65556,.11156,0,.5],58:[0,.44444,.02502,0,.27778],59:[.125,.44444,.02502,0,.27778],61:[-.13,.37,.05087,0,.77778],63:[0,.69444,.11809,0,.47222],64:[0,.69444,.07555,0,.66667],65:[0,.69444,0,0,.66667],66:[0,.69444,.08293,0,.66667],67:[0,.69444,.11983,0,.63889],68:[0,.69444,.07555,0,.72223],69:[0,.69444,.11983,0,.59722],70:[0,.69444,.13372,0,.56945],71:[0,.69444,.11983,0,.66667],72:[0,.69444,.08094,0,.70834],73:[0,.69444,.13372,0,.27778],74:[0,.69444,.08094,0,.47222],75:[0,.69444,.11983,0,.69445],76:[0,.69444,0,0,.54167],77:[0,.69444,.08094,0,.875],78:[0,.69444,.08094,0,.70834],79:[0,.69444,.07555,0,.73611],80:[0,.69444,.08293,0,.63889],81:[.125,.69444,.07555,0,.73611],82:[0,.69444,.08293,0,.64584],83:[0,.69444,.09205,0,.55556],84:[0,.69444,.13372,0,.68056],85:[0,.69444,.08094,0,.6875],86:[0,.69444,.1615,0,.66667],87:[0,.69444,.1615,0,.94445],88:[0,.69444,.13372,0,.66667],89:[0,.69444,.17261,0,.66667],90:[0,.69444,.11983,0,.61111],91:[.25,.75,.15942,0,.28889],93:[.25,.75,.08719,0,.28889],94:[0,.69444,.0799,0,.5],95:[.35,.09444,.08616,0,.5],97:[0,.44444,.00981,0,.48056],98:[0,.69444,.03057,0,.51667],99:[0,.44444,.08336,0,.44445],100:[0,.69444,.09483,0,.51667],101:[0,.44444,.06778,0,.44445],102:[0,.69444,.21705,0,.30556],103:[.19444,.44444,.10836,0,.5],104:[0,.69444,.01778,0,.51667],105:[0,.67937,.09718,0,.23889],106:[.19444,.67937,.09162,0,.26667],107:[0,.69444,.08336,0,.48889],108:[0,.69444,.09483,0,.23889],109:[0,.44444,.01778,0,.79445],110:[0,.44444,.01778,0,.51667],111:[0,.44444,.06613,0,.5],112:[.19444,.44444,.0389,0,.51667],113:[.19444,.44444,.04169,0,.51667],114:[0,.44444,.10836,0,.34167],115:[0,.44444,.0778,0,.38333],116:[0,.57143,.07225,0,.36111],117:[0,.44444,.04169,0,.51667],118:[0,.44444,.10836,0,.46111],119:[0,.44444,.10836,0,.68334],120:[0,.44444,.09169,0,.46111],121:[.19444,.44444,.10836,0,.46111],122:[0,.44444,.08752,0,.43472],126:[.35,.32659,.08826,0,.5],160:[0,0,0,0,.25],168:[0,.67937,.06385,0,.5],176:[0,.69444,0,0,.73752],184:[.17014,0,0,0,.44445],305:[0,.44444,.04169,0,.23889],567:[.19444,.44444,.04169,0,.26667],710:[0,.69444,.0799,0,.5],711:[0,.63194,.08432,0,.5],713:[0,.60889,.08776,0,.5],714:[0,.69444,.09205,0,.5],715:[0,.69444,0,0,.5],728:[0,.69444,.09483,0,.5],729:[0,.67937,.07774,0,.27778],730:[0,.69444,0,0,.73752],732:[0,.67659,.08826,0,.5],733:[0,.69444,.09205,0,.5],915:[0,.69444,.13372,0,.54167],916:[0,.69444,0,0,.83334],920:[0,.69444,.07555,0,.77778],923:[0,.69444,0,0,.61111],926:[0,.69444,.12816,0,.66667],928:[0,.69444,.08094,0,.70834],931:[0,.69444,.11983,0,.72222],933:[0,.69444,.09031,0,.77778],934:[0,.69444,.04603,0,.72222],936:[0,.69444,.09031,0,.77778],937:[0,.69444,.08293,0,.72222],8211:[0,.44444,.08616,0,.5],8212:[0,.44444,.08616,0,1],8216:[0,.69444,.07816,0,.27778],8217:[0,.69444,.07816,0,.27778],8220:[0,.69444,.14205,0,.5],8221:[0,.69444,.00316,0,.5]},"SansSerif-Regular":{32:[0,0,0,0,.25],33:[0,.69444,0,0,.31945],34:[0,.69444,0,0,.5],35:[.19444,.69444,0,0,.83334],36:[.05556,.75,0,0,.5],37:[.05556,.75,0,0,.83334],38:[0,.69444,0,0,.75834],39:[0,.69444,0,0,.27778],40:[.25,.75,0,0,.38889],41:[.25,.75,0,0,.38889],42:[0,.75,0,0,.5],43:[.08333,.58333,0,0,.77778],44:[.125,.08333,0,0,.27778],45:[0,.44444,0,0,.33333],46:[0,.08333,0,0,.27778],47:[.25,.75,0,0,.5],48:[0,.65556,0,0,.5],49:[0,.65556,0,0,.5],50:[0,.65556,0,0,.5],51:[0,.65556,0,0,.5],52:[0,.65556,0,0,.5],53:[0,.65556,0,0,.5],54:[0,.65556,0,0,.5],55:[0,.65556,0,0,.5],56:[0,.65556,0,0,.5],57:[0,.65556,0,0,.5],58:[0,.44444,0,0,.27778],59:[.125,.44444,0,0,.27778],61:[-.13,.37,0,0,.77778],63:[0,.69444,0,0,.47222],64:[0,.69444,0,0,.66667],65:[0,.69444,0,0,.66667],66:[0,.69444,0,0,.66667],67:[0,.69444,0,0,.63889],68:[0,.69444,0,0,.72223],69:[0,.69444,0,0,.59722],70:[0,.69444,0,0,.56945],71:[0,.69444,0,0,.66667],72:[0,.69444,0,0,.70834],73:[0,.69444,0,0,.27778],74:[0,.69444,0,0,.47222],75:[0,.69444,0,0,.69445],76:[0,.69444,0,0,.54167],77:[0,.69444,0,0,.875],78:[0,.69444,0,0,.70834],79:[0,.69444,0,0,.73611],80:[0,.69444,0,0,.63889],81:[.125,.69444,0,0,.73611],82:[0,.69444,0,0,.64584],83:[0,.69444,0,0,.55556],84:[0,.69444,0,0,.68056],85:[0,.69444,0,0,.6875],86:[0,.69444,.01389,0,.66667],87:[0,.69444,.01389,0,.94445],88:[0,.69444,0,0,.66667],89:[0,.69444,.025,0,.66667],90:[0,.69444,0,0,.61111],91:[.25,.75,0,0,.28889],93:[.25,.75,0,0,.28889],94:[0,.69444,0,0,.5],95:[.35,.09444,.02778,0,.5],97:[0,.44444,0,0,.48056],98:[0,.69444,0,0,.51667],99:[0,.44444,0,0,.44445],100:[0,.69444,0,0,.51667],101:[0,.44444,0,0,.44445],102:[0,.69444,.06944,0,.30556],103:[.19444,.44444,.01389,0,.5],104:[0,.69444,0,0,.51667],105:[0,.67937,0,0,.23889],106:[.19444,.67937,0,0,.26667],107:[0,.69444,0,0,.48889],108:[0,.69444,0,0,.23889],109:[0,.44444,0,0,.79445],110:[0,.44444,0,0,.51667],111:[0,.44444,0,0,.5],112:[.19444,.44444,0,0,.51667],113:[.19444,.44444,0,0,.51667],114:[0,.44444,.01389,0,.34167],115:[0,.44444,0,0,.38333],116:[0,.57143,0,0,.36111],117:[0,.44444,0,0,.51667],118:[0,.44444,.01389,0,.46111],119:[0,.44444,.01389,0,.68334],120:[0,.44444,0,0,.46111],121:[.19444,.44444,.01389,0,.46111],122:[0,.44444,0,0,.43472],126:[.35,.32659,0,0,.5],160:[0,0,0,0,.25],168:[0,.67937,0,0,.5],176:[0,.69444,0,0,.66667],184:[.17014,0,0,0,.44445],305:[0,.44444,0,0,.23889],567:[.19444,.44444,0,0,.26667],710:[0,.69444,0,0,.5],711:[0,.63194,0,0,.5],713:[0,.60889,0,0,.5],714:[0,.69444,0,0,.5],715:[0,.69444,0,0,.5],728:[0,.69444,0,0,.5],729:[0,.67937,0,0,.27778],730:[0,.69444,0,0,.66667],732:[0,.67659,0,0,.5],733:[0,.69444,0,0,.5],915:[0,.69444,0,0,.54167],916:[0,.69444,0,0,.83334],920:[0,.69444,0,0,.77778],923:[0,.69444,0,0,.61111],926:[0,.69444,0,0,.66667],928:[0,.69444,0,0,.70834],931:[0,.69444,0,0,.72222],933:[0,.69444,0,0,.77778],934:[0,.69444,0,0,.72222],936:[0,.69444,0,0,.77778],937:[0,.69444,0,0,.72222],8211:[0,.44444,.02778,0,.5],8212:[0,.44444,.02778,0,1],8216:[0,.69444,0,0,.27778],8217:[0,.69444,0,0,.27778],8220:[0,.69444,0,0,.5],8221:[0,.69444,0,0,.5]},"Script-Regular":{32:[0,0,0,0,.25],65:[0,.7,.22925,0,.80253],66:[0,.7,.04087,0,.90757],67:[0,.7,.1689,0,.66619],68:[0,.7,.09371,0,.77443],69:[0,.7,.18583,0,.56162],70:[0,.7,.13634,0,.89544],71:[0,.7,.17322,0,.60961],72:[0,.7,.29694,0,.96919],73:[0,.7,.19189,0,.80907],74:[.27778,.7,.19189,0,1.05159],75:[0,.7,.31259,0,.91364],76:[0,.7,.19189,0,.87373],77:[0,.7,.15981,0,1.08031],78:[0,.7,.3525,0,.9015],79:[0,.7,.08078,0,.73787],80:[0,.7,.08078,0,1.01262],81:[0,.7,.03305,0,.88282],82:[0,.7,.06259,0,.85],83:[0,.7,.19189,0,.86767],84:[0,.7,.29087,0,.74697],85:[0,.7,.25815,0,.79996],86:[0,.7,.27523,0,.62204],87:[0,.7,.27523,0,.80532],88:[0,.7,.26006,0,.94445],89:[0,.7,.2939,0,.70961],90:[0,.7,.24037,0,.8212],160:[0,0,0,0,.25]},"Size1-Regular":{32:[0,0,0,0,.25],40:[.35001,.85,0,0,.45834],41:[.35001,.85,0,0,.45834],47:[.35001,.85,0,0,.57778],91:[.35001,.85,0,0,.41667],92:[.35001,.85,0,0,.57778],93:[.35001,.85,0,0,.41667],123:[.35001,.85,0,0,.58334],125:[.35001,.85,0,0,.58334],160:[0,0,0,0,.25],710:[0,.72222,0,0,.55556],732:[0,.72222,0,0,.55556],770:[0,.72222,0,0,.55556],771:[0,.72222,0,0,.55556],8214:[-99e-5,.601,0,0,.77778],8593:[1e-5,.6,0,0,.66667],8595:[1e-5,.6,0,0,.66667],8657:[1e-5,.6,0,0,.77778],8659:[1e-5,.6,0,0,.77778],8719:[.25001,.75,0,0,.94445],8720:[.25001,.75,0,0,.94445],8721:[.25001,.75,0,0,1.05556],8730:[.35001,.85,0,0,1],8739:[-.00599,.606,0,0,.33333],8741:[-.00599,.606,0,0,.55556],8747:[.30612,.805,.19445,0,.47222],8748:[.306,.805,.19445,0,.47222],8749:[.306,.805,.19445,0,.47222],8750:[.30612,.805,.19445,0,.47222],8896:[.25001,.75,0,0,.83334],8897:[.25001,.75,0,0,.83334],8898:[.25001,.75,0,0,.83334],8899:[.25001,.75,0,0,.83334],8968:[.35001,.85,0,0,.47222],8969:[.35001,.85,0,0,.47222],8970:[.35001,.85,0,0,.47222],8971:[.35001,.85,0,0,.47222],9168:[-99e-5,.601,0,0,.66667],10216:[.35001,.85,0,0,.47222],10217:[.35001,.85,0,0,.47222],10752:[.25001,.75,0,0,1.11111],10753:[.25001,.75,0,0,1.11111],10754:[.25001,.75,0,0,1.11111],10756:[.25001,.75,0,0,.83334],10758:[.25001,.75,0,0,.83334]},"Size2-Regular":{32:[0,0,0,0,.25],40:[.65002,1.15,0,0,.59722],41:[.65002,1.15,0,0,.59722],47:[.65002,1.15,0,0,.81111],91:[.65002,1.15,0,0,.47222],92:[.65002,1.15,0,0,.81111],93:[.65002,1.15,0,0,.47222],123:[.65002,1.15,0,0,.66667],125:[.65002,1.15,0,0,.66667],160:[0,0,0,0,.25],710:[0,.75,0,0,1],732:[0,.75,0,0,1],770:[0,.75,0,0,1],771:[0,.75,0,0,1],8719:[.55001,1.05,0,0,1.27778],8720:[.55001,1.05,0,0,1.27778],8721:[.55001,1.05,0,0,1.44445],8730:[.65002,1.15,0,0,1],8747:[.86225,1.36,.44445,0,.55556],8748:[.862,1.36,.44445,0,.55556],8749:[.862,1.36,.44445,0,.55556],8750:[.86225,1.36,.44445,0,.55556],8896:[.55001,1.05,0,0,1.11111],8897:[.55001,1.05,0,0,1.11111],8898:[.55001,1.05,0,0,1.11111],8899:[.55001,1.05,0,0,1.11111],8968:[.65002,1.15,0,0,.52778],8969:[.65002,1.15,0,0,.52778],8970:[.65002,1.15,0,0,.52778],8971:[.65002,1.15,0,0,.52778],10216:[.65002,1.15,0,0,.61111],10217:[.65002,1.15,0,0,.61111],10752:[.55001,1.05,0,0,1.51112],10753:[.55001,1.05,0,0,1.51112],10754:[.55001,1.05,0,0,1.51112],10756:[.55001,1.05,0,0,1.11111],10758:[.55001,1.05,0,0,1.11111]},"Size3-Regular":{32:[0,0,0,0,.25],40:[.95003,1.45,0,0,.73611],41:[.95003,1.45,0,0,.73611],47:[.95003,1.45,0,0,1.04445],91:[.95003,1.45,0,0,.52778],92:[.95003,1.45,0,0,1.04445],93:[.95003,1.45,0,0,.52778],123:[.95003,1.45,0,0,.75],125:[.95003,1.45,0,0,.75],160:[0,0,0,0,.25],710:[0,.75,0,0,1.44445],732:[0,.75,0,0,1.44445],770:[0,.75,0,0,1.44445],771:[0,.75,0,0,1.44445],8730:[.95003,1.45,0,0,1],8968:[.95003,1.45,0,0,.58334],8969:[.95003,1.45,0,0,.58334],8970:[.95003,1.45,0,0,.58334],8971:[.95003,1.45,0,0,.58334],10216:[.95003,1.45,0,0,.75],10217:[.95003,1.45,0,0,.75]},"Size4-Regular":{32:[0,0,0,0,.25],40:[1.25003,1.75,0,0,.79167],41:[1.25003,1.75,0,0,.79167],47:[1.25003,1.75,0,0,1.27778],91:[1.25003,1.75,0,0,.58334],92:[1.25003,1.75,0,0,1.27778],93:[1.25003,1.75,0,0,.58334],123:[1.25003,1.75,0,0,.80556],125:[1.25003,1.75,0,0,.80556],160:[0,0,0,0,.25],710:[0,.825,0,0,1.8889],732:[0,.825,0,0,1.8889],770:[0,.825,0,0,1.8889],771:[0,.825,0,0,1.8889],8730:[1.25003,1.75,0,0,1],8968:[1.25003,1.75,0,0,.63889],8969:[1.25003,1.75,0,0,.63889],8970:[1.25003,1.75,0,0,.63889],8971:[1.25003,1.75,0,0,.63889],9115:[.64502,1.155,0,0,.875],9116:[1e-5,.6,0,0,.875],9117:[.64502,1.155,0,0,.875],9118:[.64502,1.155,0,0,.875],9119:[1e-5,.6,0,0,.875],9120:[.64502,1.155,0,0,.875],9121:[.64502,1.155,0,0,.66667],9122:[-99e-5,.601,0,0,.66667],9123:[.64502,1.155,0,0,.66667],9124:[.64502,1.155,0,0,.66667],9125:[-99e-5,.601,0,0,.66667],9126:[.64502,1.155,0,0,.66667],9127:[1e-5,.9,0,0,.88889],9128:[.65002,1.15,0,0,.88889],9129:[.90001,0,0,0,.88889],9130:[0,.3,0,0,.88889],9131:[1e-5,.9,0,0,.88889],9132:[.65002,1.15,0,0,.88889],9133:[.90001,0,0,0,.88889],9143:[.88502,.915,0,0,1.05556],10216:[1.25003,1.75,0,0,.80556],10217:[1.25003,1.75,0,0,.80556],57344:[-.00499,.605,0,0,1.05556],57345:[-.00499,.605,0,0,1.05556],57680:[0,.12,0,0,.45],57681:[0,.12,0,0,.45],57682:[0,.12,0,0,.45],57683:[0,.12,0,0,.45]},"Typewriter-Regular":{32:[0,0,0,0,.525],33:[0,.61111,0,0,.525],34:[0,.61111,0,0,.525],35:[0,.61111,0,0,.525],36:[.08333,.69444,0,0,.525],37:[.08333,.69444,0,0,.525],38:[0,.61111,0,0,.525],39:[0,.61111,0,0,.525],40:[.08333,.69444,0,0,.525],41:[.08333,.69444,0,0,.525],42:[0,.52083,0,0,.525],43:[-.08056,.53055,0,0,.525],44:[.13889,.125,0,0,.525],45:[-.08056,.53055,0,0,.525],46:[0,.125,0,0,.525],47:[.08333,.69444,0,0,.525],48:[0,.61111,0,0,.525],49:[0,.61111,0,0,.525],50:[0,.61111,0,0,.525],51:[0,.61111,0,0,.525],52:[0,.61111,0,0,.525],53:[0,.61111,0,0,.525],54:[0,.61111,0,0,.525],55:[0,.61111,0,0,.525],56:[0,.61111,0,0,.525],57:[0,.61111,0,0,.525],58:[0,.43056,0,0,.525],59:[.13889,.43056,0,0,.525],60:[-.05556,.55556,0,0,.525],61:[-.19549,.41562,0,0,.525],62:[-.05556,.55556,0,0,.525],63:[0,.61111,0,0,.525],64:[0,.61111,0,0,.525],65:[0,.61111,0,0,.525],66:[0,.61111,0,0,.525],67:[0,.61111,0,0,.525],68:[0,.61111,0,0,.525],69:[0,.61111,0,0,.525],70:[0,.61111,0,0,.525],71:[0,.61111,0,0,.525],72:[0,.61111,0,0,.525],73:[0,.61111,0,0,.525],74:[0,.61111,0,0,.525],75:[0,.61111,0,0,.525],76:[0,.61111,0,0,.525],77:[0,.61111,0,0,.525],78:[0,.61111,0,0,.525],79:[0,.61111,0,0,.525],80:[0,.61111,0,0,.525],81:[.13889,.61111,0,0,.525],82:[0,.61111,0,0,.525],83:[0,.61111,0,0,.525],84:[0,.61111,0,0,.525],85:[0,.61111,0,0,.525],86:[0,.61111,0,0,.525],87:[0,.61111,0,0,.525],88:[0,.61111,0,0,.525],89:[0,.61111,0,0,.525],90:[0,.61111,0,0,.525],91:[.08333,.69444,0,0,.525],92:[.08333,.69444,0,0,.525],93:[.08333,.69444,0,0,.525],94:[0,.61111,0,0,.525],95:[.09514,0,0,0,.525],96:[0,.61111,0,0,.525],97:[0,.43056,0,0,.525],98:[0,.61111,0,0,.525],99:[0,.43056,0,0,.525],100:[0,.61111,0,0,.525],101:[0,.43056,0,0,.525],102:[0,.61111,0,0,.525],103:[.22222,.43056,0,0,.525],104:[0,.61111,0,0,.525],105:[0,.61111,0,0,.525],106:[.22222,.61111,0,0,.525],107:[0,.61111,0,0,.525],108:[0,.61111,0,0,.525],109:[0,.43056,0,0,.525],110:[0,.43056,0,0,.525],111:[0,.43056,0,0,.525],112:[.22222,.43056,0,0,.525],113:[.22222,.43056,0,0,.525],114:[0,.43056,0,0,.525],115:[0,.43056,0,0,.525],116:[0,.55358,0,0,.525],117:[0,.43056,0,0,.525],118:[0,.43056,0,0,.525],119:[0,.43056,0,0,.525],120:[0,.43056,0,0,.525],121:[.22222,.43056,0,0,.525],122:[0,.43056,0,0,.525],123:[.08333,.69444,0,0,.525],124:[.08333,.69444,0,0,.525],125:[.08333,.69444,0,0,.525],126:[0,.61111,0,0,.525],127:[0,.61111,0,0,.525],160:[0,0,0,0,.525],176:[0,.61111,0,0,.525],184:[.19445,0,0,0,.525],305:[0,.43056,0,0,.525],567:[.22222,.43056,0,0,.525],711:[0,.56597,0,0,.525],713:[0,.56555,0,0,.525],714:[0,.61111,0,0,.525],715:[0,.61111,0,0,.525],728:[0,.61111,0,0,.525],730:[0,.61111,0,0,.525],770:[0,.61111,0,0,.525],771:[0,.61111,0,0,.525],776:[0,.61111,0,0,.525],915:[0,.61111,0,0,.525],916:[0,.61111,0,0,.525],920:[0,.61111,0,0,.525],923:[0,.61111,0,0,.525],926:[0,.61111,0,0,.525],928:[0,.61111,0,0,.525],931:[0,.61111,0,0,.525],933:[0,.61111,0,0,.525],934:[0,.61111,0,0,.525],936:[0,.61111,0,0,.525],937:[0,.61111,0,0,.525],8216:[0,.61111,0,0,.525],8217:[0,.61111,0,0,.525],8242:[0,.61111,0,0,.525],9251:[.11111,.21944,0,0,.525]}},T={slant:[.25,.25,.25],space:[0,0,0],stretch:[0,0,0],shrink:[0,0,0],xHeight:[.431,.431,.431],quad:[1,1.171,1.472],extraSpace:[0,0,0],num1:[.677,.732,.925],num2:[.394,.384,.387],num3:[.444,.471,.504],denom1:[.686,.752,1.025],denom2:[.345,.344,.532],sup1:[.413,.503,.504],sup2:[.363,.431,.404],sup3:[.289,.286,.294],sub1:[.15,.143,.2],sub2:[.247,.286,.4],supDrop:[.386,.353,.494],subDrop:[.05,.071,.1],delim1:[2.39,1.7,1.98],delim2:[1.01,1.157,1.42],axisHeight:[.25,.25,.25],defaultRuleThickness:[.04,.049,.049],bigOpSpacing1:[.111,.111,.111],bigOpSpacing2:[.166,.166,.166],bigOpSpacing3:[.2,.2,.2],bigOpSpacing4:[.6,.611,.611],bigOpSpacing5:[.1,.143,.143],sqrtRuleThickness:[.04,.04,.04],ptPerEm:[10,10,10],doubleRuleSep:[.2,.2,.2],arrayRuleWidth:[.04,.04,.04],fboxsep:[.3,.3,.3],fboxrule:[.04,.04,.04]},B={"Å":"A","Ð":"D","Þ":"o","å":"a","ð":"d","þ":"o","А":"A","Б":"B","В":"B","Г":"F","Д":"A","Е":"E","Ж":"K","З":"3","И":"N","Й":"N","К":"K","Л":"N","М":"M","Н":"H","О":"O","П":"N","Р":"P","С":"C","Т":"T","У":"y","Ф":"O","Х":"X","Ц":"U","Ч":"h","Ш":"W","Щ":"W","Ъ":"B","Ы":"X","Ь":"B","Э":"3","Ю":"X","Я":"R","а":"a","б":"b","в":"a","г":"r","д":"y","е":"e","ж":"m","з":"e","и":"n","й":"n","к":"n","л":"n","м":"m","н":"n","о":"o","п":"n","р":"p","с":"c","т":"o","у":"y","ф":"b","х":"x","ц":"n","ч":"n","ш":"w","щ":"w","ъ":"a","ы":"m","ь":"a","э":"e","ю":"m","я":"r"};function C(e,t,r){if(!A[t])throw new Error("Font metrics not found for font: "+t+".");var n=e.charCodeAt(0),a=A[t][n];if(!a&&e[0]in B&&(n=B[e[0]].charCodeAt(0),a=A[t][n]),a||"text"!==r||S(n)&&(a=A[t][77]),a)return{depth:a[0],height:a[1],italic:a[2],skew:a[3],width:a[4]}}var N={},q=[[1,1,1],[2,1,1],[3,1,1],[4,2,1],[5,2,1],[6,3,1],[7,4,2],[8,6,3],[9,7,6],[10,8,7],[11,10,9]],I=[.5,.6,.7,.8,.9,1,1.2,1.44,1.728,2.074,2.488],O=function(e,t){return t.size<2?e:q[e-1][t.size-1]},R=function(){function e(t){this.style=void 0,this.color=void 0,this.size=void 0,this.textSize=void 0,this.phantom=void 0,this.font=void 0,this.fontFamily=void 0,this.fontWeight=void 0,this.fontShape=void 0,this.sizeMultiplier=void 0,this.maxSize=void 0,this.minRuleThickness=void 0,this._fontMetrics=void 0,this.style=t.style,this.color=t.color,this.size=t.size||e.BASESIZE,this.textSize=t.textSize||this.size,this.phantom=!!t.phantom,this.font=t.font||"",this.fontFamily=t.fontFamily||"",this.fontWeight=t.fontWeight||"",this.fontShape=t.fontShape||"",this.sizeMultiplier=I[this.size-1],this.maxSize=t.maxSize,this.minRuleThickness=t.minRuleThickness,this._fontMetrics=void 0}var t=e.prototype;return t.extend=function(t){var r={style:this.style,size:this.size,textSize:this.textSize,color:this.color,phantom:this.phantom,font:this.font,fontFamily:this.fontFamily,fontWeight:this.fontWeight,fontShape:this.fontShape,maxSize:this.maxSize,minRuleThickness:this.minRuleThickness};for(var n in t)t.hasOwnProperty(n)&&(r[n]=t[n]);return new e(r)},t.havingStyle=function(e){return this.style===e?this:this.extend({style:e,size:O(this.textSize,e)})},t.havingCrampedStyle=function(){return this.havingStyle(this.style.cramp())},t.havingSize=function(e){return this.size===e&&this.textSize===e?this:this.extend({style:this.style.text(),size:e,textSize:e,sizeMultiplier:I[e-1]})},t.havingBaseStyle=function(t){t=t||this.style.text();var r=O(e.BASESIZE,t);return this.size===r&&this.textSize===e.BASESIZE&&this.style===t?this:this.extend({style:t,size:r})},t.havingBaseSizing=function(){var e;switch(this.style.id){case 4:case 5:e=3;break;case 6:case 7:e=1;break;default:e=6}return this.extend({style:this.style.text(),size:e})},t.withColor=function(e){return this.extend({color:e})},t.withPhantom=function(){return this.extend({phantom:!0})},t.withFont=function(e){return this.extend({font:e})},t.withTextFontFamily=function(e){return this.extend({fontFamily:e,font:""})},t.withTextFontWeight=function(e){return this.extend({fontWeight:e,font:""})},t.withTextFontShape=function(e){return this.extend({fontShape:e,font:""})},t.sizingClasses=function(e){return e.size!==this.size?["sizing","reset-size"+e.size,"size"+this.size]:[]},t.baseSizingClasses=function(){return this.size!==e.BASESIZE?["sizing","reset-size"+this.size,"size"+e.BASESIZE]:[]},t.fontMetrics=function(){return this._fontMetrics||(this._fontMetrics=function(e){var t;if(!N[t=e>=5?0:e>=3?1:2]){var r=N[t]={cssEmPerMu:T.quad[t]/18};for(var n in T)T.hasOwnProperty(n)&&(r[n]=T[n][t])}return N[t]}(this.size)),this._fontMetrics},t.getColor=function(){return this.phantom?"transparent":this.color},e}();R.BASESIZE=6;var H=R,E={pt:1,mm:7227/2540,cm:7227/254,in:72.27,bp:1.00375,pc:12,dd:1238/1157,cc:14856/1157,nd:685/642,nc:1370/107,sp:1/65536,px:1.00375},L={ex:!0,em:!0,mu:!0},D=function(e){return"string"!=typeof e&&(e=e.unit),e in E||e in L||"ex"===e},P=function(e,t){var r;if(e.unit in E)r=E[e.unit]/t.fontMetrics().ptPerEm/t.sizeMultiplier;else if("mu"===e.unit)r=t.fontMetrics().cssEmPerMu;else{var a;if(a=t.style.isTight()?t.havingStyle(t.style.text()):t,"ex"===e.unit)r=a.fontMetrics().xHeight;else{if("em"!==e.unit)throw new n("Invalid unit: '"+e.unit+"'");r=a.fontMetrics().quad}a!==t&&(r*=a.sizeMultiplier/t.sizeMultiplier)}return Math.min(e.number*r,t.maxSize)},F=function(e){return+e.toFixed(4)+"em"},V=function(e){return e.filter((function(e){return e})).join(" ")},G=function(e,t,r){if(this.classes=e||[],this.attributes={},this.height=0,this.depth=0,this.maxFontSize=0,this.style=r||{},t){t.style.isTight()&&this.classes.push("mtight");var n=t.getColor();n&&(this.style.color=n)}},U=function(e){var t=document.createElement(e);for(var r in t.className=V(this.classes),this.style)this.style.hasOwnProperty(r)&&(t.style[r]=this.style[r]);for(var n in this.attributes)this.attributes.hasOwnProperty(n)&&t.setAttribute(n,this.attributes[n]);for(var a=0;a<this.children.length;a++)t.appendChild(this.children[a].toNode());return t},_=function(e){var t="<"+e;this.classes.length&&(t+=' class="'+l.escape(V(this.classes))+'"');var r="";for(var n in this.style)this.style.hasOwnProperty(n)&&(r+=l.hyphenate(n)+":"+this.style[n]+";");for(var a in r&&(t+=' style="'+l.escape(r)+'"'),this.attributes)this.attributes.hasOwnProperty(a)&&(t+=" "+a+'="'+l.escape(this.attributes[a])+'"');t+=">";for(var i=0;i<this.children.length;i++)t+=this.children[i].toMarkup();return t+="</"+e+">"},Y=function(){function e(e,t,r,n){this.children=void 0,this.attributes=void 0,this.classes=void 0,this.height=void 0,this.depth=void 0,this.width=void 0,this.maxFontSize=void 0,this.style=void 0,G.call(this,e,r,n),this.children=t||[]}var t=e.prototype;return t.setAttribute=function(e,t){this.attributes[e]=t},t.hasClass=function(e){return l.contains(this.classes,e)},t.toNode=function(){return U.call(this,"span")},t.toMarkup=function(){return _.call(this,"span")},e}(),X=function(){function e(e,t,r,n){this.children=void 0,this.attributes=void 0,this.classes=void 0,this.height=void 0,this.depth=void 0,this.maxFontSize=void 0,this.style=void 0,G.call(this,t,n),this.children=r||[],this.setAttribute("href",e)}var t=e.prototype;return t.setAttribute=function(e,t){this.attributes[e]=t},t.hasClass=function(e){return l.contains(this.classes,e)},t.toNode=function(){return U.call(this,"a")},t.toMarkup=function(){return _.call(this,"a")},e}(),W=function(){function e(e,t,r){this.src=void 0,this.alt=void 0,this.classes=void 0,this.height=void 0,this.depth=void 0,this.maxFontSize=void 0,this.style=void 0,this.alt=t,this.src=e,this.classes=["mord"],this.style=r}var t=e.prototype;return t.hasClass=function(e){return l.contains(this.classes,e)},t.toNode=function(){var e=document.createElement("img");for(var t in e.src=this.src,e.alt=this.alt,e.className="mord",this.style)this.style.hasOwnProperty(t)&&(e.style[t]=this.style[t]);return e},t.toMarkup=function(){var e="<img  src='"+this.src+" 'alt='"+this.alt+"' ",t="";for(var r in this.style)this.style.hasOwnProperty(r)&&(t+=l.hyphenate(r)+":"+this.style[r]+";");return t&&(e+=' style="'+l.escape(t)+'"'),e+="'/>"},e}(),j={"î":"ı̂","ï":"ı̈","í":"ı́","ì":"ı̀"},$=function(){function e(e,t,r,n,a,i,o,s){this.text=void 0,this.height=void 0,this.depth=void 0,this.italic=void 0,this.skew=void 0,this.width=void 0,this.maxFontSize=void 0,this.classes=void 0,this.style=void 0,this.text=e,this.height=t||0,this.depth=r||0,this.italic=n||0,this.skew=a||0,this.width=i||0,this.classes=o||[],this.style=s||{},this.maxFontSize=0;var l=function(e){for(var t=0;t<w.length;t++)for(var r=w[t],n=0;n<r.blocks.length;n++){var a=r.blocks[n];if(e>=a[0]&&e<=a[1])return r.name}return null}(this.text.charCodeAt(0));l&&this.classes.push(l+"_fallback"),/[îïíì]/.test(this.text)&&(this.text=j[this.text])}var t=e.prototype;return t.hasClass=function(e){return l.contains(this.classes,e)},t.toNode=function(){var e=document.createTextNode(this.text),t=null;for(var r in this.italic>0&&((t=document.createElement("span")).style.marginRight=F(this.italic)),this.classes.length>0&&((t=t||document.createElement("span")).className=V(this.classes)),this.style)this.style.hasOwnProperty(r)&&((t=t||document.createElement("span")).style[r]=this.style[r]);return t?(t.appendChild(e),t):e},t.toMarkup=function(){var e=!1,t="<span";this.classes.length&&(e=!0,t+=' class="',t+=l.escape(V(this.classes)),t+='"');var r="";for(var n in this.italic>0&&(r+="margin-right:"+this.italic+"em;"),this.style)this.style.hasOwnProperty(n)&&(r+=l.hyphenate(n)+":"+this.style[n]+";");r&&(e=!0,t+=' style="'+l.escape(r)+'"');var a=l.escape(this.text);return e?(t+=">",t+=a,t+="</span>"):a},e}(),Z=function(){function e(e,t){this.children=void 0,this.attributes=void 0,this.children=e||[],this.attributes=t||{}}var t=e.prototype;return t.toNode=function(){var e=document.createElementNS("http://www.w3.org/2000/svg","svg");for(var t in this.attributes)Object.prototype.hasOwnProperty.call(this.attributes,t)&&e.setAttribute(t,this.attributes[t]);for(var r=0;r<this.children.length;r++)e.appendChild(this.children[r].toNode());return e},t.toMarkup=function(){var e='<svg xmlns="http://www.w3.org/2000/svg"';for(var t in this.attributes)Object.prototype.hasOwnProperty.call(this.attributes,t)&&(e+=" "+t+"='"+this.attributes[t]+"'");e+=">";for(var r=0;r<this.children.length;r++)e+=this.children[r].toMarkup();return e+="</svg>"},e}(),K=function(){function e(e,t){this.pathName=void 0,this.alternate=void 0,this.pathName=e,this.alternate=t}var t=e.prototype;return t.toNode=function(){var e=document.createElementNS("http://www.w3.org/2000/svg","path");return this.alternate?e.setAttribute("d",this.alternate):e.setAttribute("d",M[this.pathName]),e},t.toMarkup=function(){return this.alternate?"<path d='"+this.alternate+"'/>":"<path d='"+M[this.pathName]+"'/>"},e}(),J=function(){function e(e){this.attributes=void 0,this.attributes=e||{}}var t=e.prototype;return t.toNode=function(){var e=document.createElementNS("http://www.w3.org/2000/svg","line");for(var t in this.attributes)Object.prototype.hasOwnProperty.call(this.attributes,t)&&e.setAttribute(t,this.attributes[t]);return e},t.toMarkup=function(){var e="<line";for(var t in this.attributes)Object.prototype.hasOwnProperty.call(this.attributes,t)&&(e+=" "+t+"='"+this.attributes[t]+"'");return e+="/>"},e}();function Q(e){if(e instanceof $)return e;throw new Error("Expected symbolNode but got "+String(e)+".")}var ee={bin:1,close:1,inner:1,open:1,punct:1,rel:1},te={"accent-token":1,mathord:1,"op-token":1,spacing:1,textord:1},re={math:{},text:{}},ne=re;function ae(e,t,r,n,a,i){re[e][a]={font:t,group:r,replace:n},i&&n&&(re[e][n]=re[e][a])}var ie="math",oe="main",se="ams",le="accent-token",he="bin",ce="mathord",me="op-token",ue="rel",pe="textord";ae(ie,oe,ue,"≡","\\equiv",!0),ae(ie,oe,ue,"≺","\\prec",!0),ae(ie,oe,ue,"≻","\\succ",!0),ae(ie,oe,ue,"∼","\\sim",!0),ae(ie,oe,ue,"⊥","\\perp"),ae(ie,oe,ue,"⪯","\\preceq",!0),ae(ie,oe,ue,"⪰","\\succeq",!0),ae(ie,oe,ue,"≃","\\simeq",!0),ae(ie,oe,ue,"∣","\\mid",!0),ae(ie,oe,ue,"≪","\\ll",!0),ae(ie,oe,ue,"≫","\\gg",!0),ae(ie,oe,ue,"≍","\\asymp",!0),ae(ie,oe,ue,"∥","\\parallel"),ae(ie,oe,ue,"⋈","\\bowtie",!0),ae(ie,oe,ue,"⌣","\\smile",!0),ae(ie,oe,ue,"⊑","\\sqsubseteq",!0),ae(ie,oe,ue,"⊒","\\sqsupseteq",!0),ae(ie,oe,ue,"≐","\\doteq",!0),ae(ie,oe,ue,"⌢","\\frown",!0),ae(ie,oe,ue,"∋","\\ni",!0),ae(ie,oe,ue,"∝","\\propto",!0),ae(ie,oe,ue,"⊢","\\vdash",!0),ae(ie,oe,ue,"⊣","\\dashv",!0),ae(ie,oe,ue,"∋","\\owns"),ae(ie,oe,"punct",".","\\ldotp"),ae(ie,oe,"punct","⋅","\\cdotp"),ae(ie,oe,pe,"#","\\#"),ae("text",oe,pe,"#","\\#"),ae(ie,oe,pe,"&","\\&"),ae("text",oe,pe,"&","\\&"),ae(ie,oe,pe,"ℵ","\\aleph",!0),ae(ie,oe,pe,"∀","\\forall",!0),ae(ie,oe,pe,"ℏ","\\hbar",!0),ae(ie,oe,pe,"∃","\\exists",!0),ae(ie,oe,pe,"∇","\\nabla",!0),ae(ie,oe,pe,"♭","\\flat",!0),ae(ie,oe,pe,"ℓ","\\ell",!0),ae(ie,oe,pe,"♮","\\natural",!0),ae(ie,oe,pe,"♣","\\clubsuit",!0),ae(ie,oe,pe,"℘","\\wp",!0),ae(ie,oe,pe,"♯","\\sharp",!0),ae(ie,oe,pe,"♢","\\diamondsuit",!0),ae(ie,oe,pe,"ℜ","\\Re",!0),ae(ie,oe,pe,"♡","\\heartsuit",!0),ae(ie,oe,pe,"ℑ","\\Im",!0),ae(ie,oe,pe,"♠","\\spadesuit",!0),ae(ie,oe,pe,"§","\\S",!0),ae("text",oe,pe,"§","\\S"),ae(ie,oe,pe,"¶","\\P",!0),ae("text",oe,pe,"¶","\\P"),ae(ie,oe,pe,"†","\\dag"),ae("text",oe,pe,"†","\\dag"),ae("text",oe,pe,"†","\\textdagger"),ae(ie,oe,pe,"‡","\\ddag"),ae("text",oe,pe,"‡","\\ddag"),ae("text",oe,pe,"‡","\\textdaggerdbl"),ae(ie,oe,"close","⎱","\\rmoustache",!0),ae(ie,oe,"open","⎰","\\lmoustache",!0),ae(ie,oe,"close","⟯","\\rgroup",!0),ae(ie,oe,"open","⟮","\\lgroup",!0),ae(ie,oe,he,"∓","\\mp",!0),ae(ie,oe,he,"⊖","\\ominus",!0),ae(ie,oe,he,"⊎","\\uplus",!0),ae(ie,oe,he,"⊓","\\sqcap",!0),ae(ie,oe,he,"∗","\\ast"),ae(ie,oe,he,"⊔","\\sqcup",!0),ae(ie,oe,he,"◯","\\bigcirc",!0),ae(ie,oe,he,"∙","\\bullet",!0),ae(ie,oe,he,"‡","\\ddagger"),ae(ie,oe,he,"≀","\\wr",!0),ae(ie,oe,he,"⨿","\\amalg"),ae(ie,oe,he,"&","\\And"),ae(ie,oe,ue,"⟵","\\longleftarrow",!0),ae(ie,oe,ue,"⇐","\\Leftarrow",!0),ae(ie,oe,ue,"⟸","\\Longleftarrow",!0),ae(ie,oe,ue,"⟶","\\longrightarrow",!0),ae(ie,oe,ue,"⇒","\\Rightarrow",!0),ae(ie,oe,ue,"⟹","\\Longrightarrow",!0),ae(ie,oe,ue,"↔","\\leftrightarrow",!0),ae(ie,oe,ue,"⟷","\\longleftrightarrow",!0),ae(ie,oe,ue,"⇔","\\Leftrightarrow",!0),ae(ie,oe,ue,"⟺","\\Longleftrightarrow",!0),ae(ie,oe,ue,"↦","\\mapsto",!0),ae(ie,oe,ue,"⟼","\\longmapsto",!0),ae(ie,oe,ue,"↗","\\nearrow",!0),ae(ie,oe,ue,"↩","\\hookleftarrow",!0),ae(ie,oe,ue,"↪","\\hookrightarrow",!0),ae(ie,oe,ue,"↘","\\searrow",!0),ae(ie,oe,ue,"↼","\\leftharpoonup",!0),ae(ie,oe,ue,"⇀","\\rightharpoonup",!0),ae(ie,oe,ue,"↙","\\swarrow",!0),ae(ie,oe,ue,"↽","\\leftharpoondown",!0),ae(ie,oe,ue,"⇁","\\rightharpoondown",!0),ae(ie,oe,ue,"↖","\\nwarrow",!0),ae(ie,oe,ue,"⇌","\\rightleftharpoons",!0),ae(ie,se,ue,"≮","\\nless",!0),ae(ie,se,ue,"","\\@nleqslant"),ae(ie,se,ue,"","\\@nleqq"),ae(ie,se,ue,"⪇","\\lneq",!0),ae(ie,se,ue,"≨","\\lneqq",!0),ae(ie,se,ue,"","\\@lvertneqq"),ae(ie,se,ue,"⋦","\\lnsim",!0),ae(ie,se,ue,"⪉","\\lnapprox",!0),ae(ie,se,ue,"⊀","\\nprec",!0),ae(ie,se,ue,"⋠","\\npreceq",!0),ae(ie,se,ue,"⋨","\\precnsim",!0),ae(ie,se,ue,"⪹","\\precnapprox",!0),ae(ie,se,ue,"≁","\\nsim",!0),ae(ie,se,ue,"","\\@nshortmid"),ae(ie,se,ue,"∤","\\nmid",!0),ae(ie,se,ue,"⊬","\\nvdash",!0),ae(ie,se,ue,"⊭","\\nvDash",!0),ae(ie,se,ue,"⋪","\\ntriangleleft"),ae(ie,se,ue,"⋬","\\ntrianglelefteq",!0),ae(ie,se,ue,"⊊","\\subsetneq",!0),ae(ie,se,ue,"","\\@varsubsetneq"),ae(ie,se,ue,"⫋","\\subsetneqq",!0),ae(ie,se,ue,"","\\@varsubsetneqq"),ae(ie,se,ue,"≯","\\ngtr",!0),ae(ie,se,ue,"","\\@ngeqslant"),ae(ie,se,ue,"","\\@ngeqq"),ae(ie,se,ue,"⪈","\\gneq",!0),ae(ie,se,ue,"≩","\\gneqq",!0),ae(ie,se,ue,"","\\@gvertneqq"),ae(ie,se,ue,"⋧","\\gnsim",!0),ae(ie,se,ue,"⪊","\\gnapprox",!0),ae(ie,se,ue,"⊁","\\nsucc",!0),ae(ie,se,ue,"⋡","\\nsucceq",!0),ae(ie,se,ue,"⋩","\\succnsim",!0),ae(ie,se,ue,"⪺","\\succnapprox",!0),ae(ie,se,ue,"≆","\\ncong",!0),ae(ie,se,ue,"","\\@nshortparallel"),ae(ie,se,ue,"∦","\\nparallel",!0),ae(ie,se,ue,"⊯","\\nVDash",!0),ae(ie,se,ue,"⋫","\\ntriangleright"),ae(ie,se,ue,"⋭","\\ntrianglerighteq",!0),ae(ie,se,ue,"","\\@nsupseteqq"),ae(ie,se,ue,"⊋","\\supsetneq",!0),ae(ie,se,ue,"","\\@varsupsetneq"),ae(ie,se,ue,"⫌","\\supsetneqq",!0),ae(ie,se,ue,"","\\@varsupsetneqq"),ae(ie,se,ue,"⊮","\\nVdash",!0),ae(ie,se,ue,"⪵","\\precneqq",!0),ae(ie,se,ue,"⪶","\\succneqq",!0),ae(ie,se,ue,"","\\@nsubseteqq"),ae(ie,se,he,"⊴","\\unlhd"),ae(ie,se,he,"⊵","\\unrhd"),ae(ie,se,ue,"↚","\\nleftarrow",!0),ae(ie,se,ue,"↛","\\nrightarrow",!0),ae(ie,se,ue,"⇍","\\nLeftarrow",!0),ae(ie,se,ue,"⇏","\\nRightarrow",!0),ae(ie,se,ue,"↮","\\nleftrightarrow",!0),ae(ie,se,ue,"⇎","\\nLeftrightarrow",!0),ae(ie,se,ue,"△","\\vartriangle"),ae(ie,se,pe,"ℏ","\\hslash"),ae(ie,se,pe,"▽","\\triangledown"),ae(ie,se,pe,"◊","\\lozenge"),ae(ie,se,pe,"Ⓢ","\\circledS"),ae(ie,se,pe,"®","\\circledR"),ae("text",se,pe,"®","\\circledR"),ae(ie,se,pe,"∡","\\measuredangle",!0),ae(ie,se,pe,"∄","\\nexists"),ae(ie,se,pe,"℧","\\mho"),ae(ie,se,pe,"Ⅎ","\\Finv",!0),ae(ie,se,pe,"⅁","\\Game",!0),ae(ie,se,pe,"‵","\\backprime"),ae(ie,se,pe,"▲","\\blacktriangle"),ae(ie,se,pe,"▼","\\blacktriangledown"),ae(ie,se,pe,"■","\\blacksquare"),ae(ie,se,pe,"⧫","\\blacklozenge"),ae(ie,se,pe,"★","\\bigstar"),ae(ie,se,pe,"∢","\\sphericalangle",!0),ae(ie,se,pe,"∁","\\complement",!0),ae(ie,se,pe,"ð","\\eth",!0),ae("text",oe,pe,"ð","ð"),ae(ie,se,pe,"╱","\\diagup"),ae(ie,se,pe,"╲","\\diagdown"),ae(ie,se,pe,"□","\\square"),ae(ie,se,pe,"□","\\Box"),ae(ie,se,pe,"◊","\\Diamond"),ae(ie,se,pe,"¥","\\yen",!0),ae("text",se,pe,"¥","\\yen",!0),ae(ie,se,pe,"✓","\\checkmark",!0),ae("text",se,pe,"✓","\\checkmark"),ae(ie,se,pe,"ℶ","\\beth",!0),ae(ie,se,pe,"ℸ","\\daleth",!0),ae(ie,se,pe,"ℷ","\\gimel",!0),ae(ie,se,pe,"ϝ","\\digamma",!0),ae(ie,se,pe,"ϰ","\\varkappa"),ae(ie,se,"open","┌","\\@ulcorner",!0),ae(ie,se,"close","┐","\\@urcorner",!0),ae(ie,se,"open","└","\\@llcorner",!0),ae(ie,se,"close","┘","\\@lrcorner",!0),ae(ie,se,ue,"≦","\\leqq",!0),ae(ie,se,ue,"⩽","\\leqslant",!0),ae(ie,se,ue,"⪕","\\eqslantless",!0),ae(ie,se,ue,"≲","\\lesssim",!0),ae(ie,se,ue,"⪅","\\lessapprox",!0),ae(ie,se,ue,"≊","\\approxeq",!0),ae(ie,se,he,"⋖","\\lessdot"),ae(ie,se,ue,"⋘","\\lll",!0),ae(ie,se,ue,"≶","\\lessgtr",!0),ae(ie,se,ue,"⋚","\\lesseqgtr",!0),ae(ie,se,ue,"⪋","\\lesseqqgtr",!0),ae(ie,se,ue,"≑","\\doteqdot"),ae(ie,se,ue,"≓","\\risingdotseq",!0),ae(ie,se,ue,"≒","\\fallingdotseq",!0),ae(ie,se,ue,"∽","\\backsim",!0),ae(ie,se,ue,"⋍","\\backsimeq",!0),ae(ie,se,ue,"⫅","\\subseteqq",!0),ae(ie,se,ue,"⋐","\\Subset",!0),ae(ie,se,ue,"⊏","\\sqsubset",!0),ae(ie,se,ue,"≼","\\preccurlyeq",!0),ae(ie,se,ue,"⋞","\\curlyeqprec",!0),ae(ie,se,ue,"≾","\\precsim",!0),ae(ie,se,ue,"⪷","\\precapprox",!0),ae(ie,se,ue,"⊲","\\vartriangleleft"),ae(ie,se,ue,"⊴","\\trianglelefteq"),ae(ie,se,ue,"⊨","\\vDash",!0),ae(ie,se,ue,"⊪","\\Vvdash",!0),ae(ie,se,ue,"⌣","\\smallsmile"),ae(ie,se,ue,"⌢","\\smallfrown"),ae(ie,se,ue,"≏","\\bumpeq",!0),ae(ie,se,ue,"≎","\\Bumpeq",!0),ae(ie,se,ue,"≧","\\geqq",!0),ae(ie,se,ue,"⩾","\\geqslant",!0),ae(ie,se,ue,"⪖","\\eqslantgtr",!0),ae(ie,se,ue,"≳","\\gtrsim",!0),ae(ie,se,ue,"⪆","\\gtrapprox",!0),ae(ie,se,he,"⋗","\\gtrdot"),ae(ie,se,ue,"⋙","\\ggg",!0),ae(ie,se,ue,"≷","\\gtrless",!0),ae(ie,se,ue,"⋛","\\gtreqless",!0),ae(ie,se,ue,"⪌","\\gtreqqless",!0),ae(ie,se,ue,"≖","\\eqcirc",!0),ae(ie,se,ue,"≗","\\circeq",!0),ae(ie,se,ue,"≜","\\triangleq",!0),ae(ie,se,ue,"∼","\\thicksim"),ae(ie,se,ue,"≈","\\thickapprox"),ae(ie,se,ue,"⫆","\\supseteqq",!0),ae(ie,se,ue,"⋑","\\Supset",!0),ae(ie,se,ue,"⊐","\\sqsupset",!0),ae(ie,se,ue,"≽","\\succcurlyeq",!0),ae(ie,se,ue,"⋟","\\curlyeqsucc",!0),ae(ie,se,ue,"≿","\\succsim",!0),ae(ie,se,ue,"⪸","\\succapprox",!0),ae(ie,se,ue,"⊳","\\vartriangleright"),ae(ie,se,ue,"⊵","\\trianglerighteq"),ae(ie,se,ue,"⊩","\\Vdash",!0),ae(ie,se,ue,"∣","\\shortmid"),ae(ie,se,ue,"∥","\\shortparallel"),ae(ie,se,ue,"≬","\\between",!0),ae(ie,se,ue,"⋔","\\pitchfork",!0),ae(ie,se,ue,"∝","\\varpropto"),ae(ie,se,ue,"◀","\\blacktriangleleft"),ae(ie,se,ue,"∴","\\therefore",!0),ae(ie,se,ue,"∍","\\backepsilon"),ae(ie,se,ue,"▶","\\blacktriangleright"),ae(ie,se,ue,"∵","\\because",!0),ae(ie,se,ue,"⋘","\\llless"),ae(ie,se,ue,"⋙","\\gggtr"),ae(ie,se,he,"⊲","\\lhd"),ae(ie,se,he,"⊳","\\rhd"),ae(ie,se,ue,"≂","\\eqsim",!0),ae(ie,oe,ue,"⋈","\\Join"),ae(ie,se,ue,"≑","\\Doteq",!0),ae(ie,se,he,"∔","\\dotplus",!0),ae(ie,se,he,"∖","\\smallsetminus"),ae(ie,se,he,"⋒","\\Cap",!0),ae(ie,se,he,"⋓","\\Cup",!0),ae(ie,se,he,"⩞","\\doublebarwedge",!0),ae(ie,se,he,"⊟","\\boxminus",!0),ae(ie,se,he,"⊞","\\boxplus",!0),ae(ie,se,he,"⋇","\\divideontimes",!0),ae(ie,se,he,"⋉","\\ltimes",!0),ae(ie,se,he,"⋊","\\rtimes",!0),ae(ie,se,he,"⋋","\\leftthreetimes",!0),ae(ie,se,he,"⋌","\\rightthreetimes",!0),ae(ie,se,he,"⋏","\\curlywedge",!0),ae(ie,se,he,"⋎","\\curlyvee",!0),ae(ie,se,he,"⊝","\\circleddash",!0),ae(ie,se,he,"⊛","\\circledast",!0),ae(ie,se,he,"⋅","\\centerdot"),ae(ie,se,he,"⊺","\\intercal",!0),ae(ie,se,he,"⋒","\\doublecap"),ae(ie,se,he,"⋓","\\doublecup"),ae(ie,se,he,"⊠","\\boxtimes",!0),ae(ie,se,ue,"⇢","\\dashrightarrow",!0),ae(ie,se,ue,"⇠","\\dashleftarrow",!0),ae(ie,se,ue,"⇇","\\leftleftarrows",!0),ae(ie,se,ue,"⇆","\\leftrightarrows",!0),ae(ie,se,ue,"⇚","\\Lleftarrow",!0),ae(ie,se,ue,"↞","\\twoheadleftarrow",!0),ae(ie,se,ue,"↢","\\leftarrowtail",!0),ae(ie,se,ue,"↫","\\looparrowleft",!0),ae(ie,se,ue,"⇋","\\leftrightharpoons",!0),ae(ie,se,ue,"↶","\\curvearrowleft",!0),ae(ie,se,ue,"↺","\\circlearrowleft",!0),ae(ie,se,ue,"↰","\\Lsh",!0),ae(ie,se,ue,"⇈","\\upuparrows",!0),ae(ie,se,ue,"↿","\\upharpoonleft",!0),ae(ie,se,ue,"⇃","\\downharpoonleft",!0),ae(ie,oe,ue,"⊶","\\origof",!0),ae(ie,oe,ue,"⊷","\\imageof",!0),ae(ie,se,ue,"⊸","\\multimap",!0),ae(ie,se,ue,"↭","\\leftrightsquigarrow",!0),ae(ie,se,ue,"⇉","\\rightrightarrows",!0),ae(ie,se,ue,"⇄","\\rightleftarrows",!0),ae(ie,se,ue,"↠","\\twoheadrightarrow",!0),ae(ie,se,ue,"↣","\\rightarrowtail",!0),ae(ie,se,ue,"↬","\\looparrowright",!0),ae(ie,se,ue,"↷","\\curvearrowright",!0),ae(ie,se,ue,"↻","\\circlearrowright",!0),ae(ie,se,ue,"↱","\\Rsh",!0),ae(ie,se,ue,"⇊","\\downdownarrows",!0),ae(ie,se,ue,"↾","\\upharpoonright",!0),ae(ie,se,ue,"⇂","\\downharpoonright",!0),ae(ie,se,ue,"⇝","\\rightsquigarrow",!0),ae(ie,se,ue,"⇝","\\leadsto"),ae(ie,se,ue,"⇛","\\Rrightarrow",!0),ae(ie,se,ue,"↾","\\restriction"),ae(ie,oe,pe,"‘","`"),ae(ie,oe,pe,"$","\\$"),ae("text",oe,pe,"$","\\$"),ae("text",oe,pe,"$","\\textdollar"),ae(ie,oe,pe,"%","\\%"),ae("text",oe,pe,"%","\\%"),ae(ie,oe,pe,"_","\\_"),ae("text",oe,pe,"_","\\_"),ae("text",oe,pe,"_","\\textunderscore"),ae(ie,oe,pe,"∠","\\angle",!0),ae(ie,oe,pe,"∞","\\infty",!0),ae(ie,oe,pe,"′","\\prime"),ae(ie,oe,pe,"△","\\triangle"),ae(ie,oe,pe,"Γ","\\Gamma",!0),ae(ie,oe,pe,"Δ","\\Delta",!0),ae(ie,oe,pe,"Θ","\\Theta",!0),ae(ie,oe,pe,"Λ","\\Lambda",!0),ae(ie,oe,pe,"Ξ","\\Xi",!0),ae(ie,oe,pe,"Π","\\Pi",!0),ae(ie,oe,pe,"Σ","\\Sigma",!0),ae(ie,oe,pe,"Υ","\\Upsilon",!0),ae(ie,oe,pe,"Φ","\\Phi",!0),ae(ie,oe,pe,"Ψ","\\Psi",!0),ae(ie,oe,pe,"Ω","\\Omega",!0),ae(ie,oe,pe,"A","Α"),ae(ie,oe,pe,"B","Β"),ae(ie,oe,pe,"E","Ε"),ae(ie,oe,pe,"Z","Ζ"),ae(ie,oe,pe,"H","Η"),ae(ie,oe,pe,"I","Ι"),ae(ie,oe,pe,"K","Κ"),ae(ie,oe,pe,"M","Μ"),ae(ie,oe,pe,"N","Ν"),ae(ie,oe,pe,"O","Ο"),ae(ie,oe,pe,"P","Ρ"),ae(ie,oe,pe,"T","Τ"),ae(ie,oe,pe,"X","Χ"),ae(ie,oe,pe,"¬","\\neg",!0),ae(ie,oe,pe,"¬","\\lnot"),ae(ie,oe,pe,"⊤","\\top"),ae(ie,oe,pe,"⊥","\\bot"),ae(ie,oe,pe,"∅","\\emptyset"),ae(ie,se,pe,"∅","\\varnothing"),ae(ie,oe,ce,"α","\\alpha",!0),ae(ie,oe,ce,"β","\\beta",!0),ae(ie,oe,ce,"γ","\\gamma",!0),ae(ie,oe,ce,"δ","\\delta",!0),ae(ie,oe,ce,"ϵ","\\epsilon",!0),ae(ie,oe,ce,"ζ","\\zeta",!0),ae(ie,oe,ce,"η","\\eta",!0),ae(ie,oe,ce,"θ","\\theta",!0),ae(ie,oe,ce,"ι","\\iota",!0),ae(ie,oe,ce,"κ","\\kappa",!0),ae(ie,oe,ce,"λ","\\lambda",!0),ae(ie,oe,ce,"μ","\\mu",!0),ae(ie,oe,ce,"ν","\\nu",!0),ae(ie,oe,ce,"ξ","\\xi",!0),ae(ie,oe,ce,"ο","\\omicron",!0),ae(ie,oe,ce,"π","\\pi",!0),ae(ie,oe,ce,"ρ","\\rho",!0),ae(ie,oe,ce,"σ","\\sigma",!0),ae(ie,oe,ce,"τ","\\tau",!0),ae(ie,oe,ce,"υ","\\upsilon",!0),ae(ie,oe,ce,"ϕ","\\phi",!0),ae(ie,oe,ce,"χ","\\chi",!0),ae(ie,oe,ce,"ψ","\\psi",!0),ae(ie,oe,ce,"ω","\\omega",!0),ae(ie,oe,ce,"ε","\\varepsilon",!0),ae(ie,oe,ce,"ϑ","\\vartheta",!0),ae(ie,oe,ce,"ϖ","\\varpi",!0),ae(ie,oe,ce,"ϱ","\\varrho",!0),ae(ie,oe,ce,"ς","\\varsigma",!0),ae(ie,oe,ce,"φ","\\varphi",!0),ae(ie,oe,he,"∗","*",!0),ae(ie,oe,he,"+","+"),ae(ie,oe,he,"−","-",!0),ae(ie,oe,he,"⋅","\\cdot",!0),ae(ie,oe,he,"∘","\\circ",!0),ae(ie,oe,he,"÷","\\div",!0),ae(ie,oe,he,"±","\\pm",!0),ae(ie,oe,he,"×","\\times",!0),ae(ie,oe,he,"∩","\\cap",!0),ae(ie,oe,he,"∪","\\cup",!0),ae(ie,oe,he,"∖","\\setminus",!0),ae(ie,oe,he,"∧","\\land"),ae(ie,oe,he,"∨","\\lor"),ae(ie,oe,he,"∧","\\wedge",!0),ae(ie,oe,he,"∨","\\vee",!0),ae(ie,oe,pe,"√","\\surd"),ae(ie,oe,"open","⟨","\\langle",!0),ae(ie,oe,"open","∣","\\lvert"),ae(ie,oe,"open","∥","\\lVert"),ae(ie,oe,"close","?","?"),ae(ie,oe,"close","!","!"),ae(ie,oe,"close","⟩","\\rangle",!0),ae(ie,oe,"close","∣","\\rvert"),ae(ie,oe,"close","∥","\\rVert"),ae(ie,oe,ue,"=","="),ae(ie,oe,ue,":",":"),ae(ie,oe,ue,"≈","\\approx",!0),ae(ie,oe,ue,"≅","\\cong",!0),ae(ie,oe,ue,"≥","\\ge"),ae(ie,oe,ue,"≥","\\geq",!0),ae(ie,oe,ue,"←","\\gets"),ae(ie,oe,ue,">","\\gt",!0),ae(ie,oe,ue,"∈","\\in",!0),ae(ie,oe,ue,"","\\@not"),ae(ie,oe,ue,"⊂","\\subset",!0),ae(ie,oe,ue,"⊃","\\supset",!0),ae(ie,oe,ue,"⊆","\\subseteq",!0),ae(ie,oe,ue,"⊇","\\supseteq",!0),ae(ie,se,ue,"⊈","\\nsubseteq",!0),ae(ie,se,ue,"⊉","\\nsupseteq",!0),ae(ie,oe,ue,"⊨","\\models"),ae(ie,oe,ue,"←","\\leftarrow",!0),ae(ie,oe,ue,"≤","\\le"),ae(ie,oe,ue,"≤","\\leq",!0),ae(ie,oe,ue,"<","\\lt",!0),ae(ie,oe,ue,"→","\\rightarrow",!0),ae(ie,oe,ue,"→","\\to"),ae(ie,se,ue,"≱","\\ngeq",!0),ae(ie,se,ue,"≰","\\nleq",!0),ae(ie,oe,"spacing"," ","\\ "),ae(ie,oe,"spacing"," ","\\space"),ae(ie,oe,"spacing"," ","\\nobreakspace"),ae("text",oe,"spacing"," ","\\ "),ae("text",oe,"spacing"," "," "),ae("text",oe,"spacing"," ","\\space"),ae("text",oe,"spacing"," ","\\nobreakspace"),ae(ie,oe,"spacing",null,"\\nobreak"),ae(ie,oe,"spacing",null,"\\allowbreak"),ae(ie,oe,"punct",",",","),ae(ie,oe,"punct",";",";"),ae(ie,se,he,"⊼","\\barwedge",!0),ae(ie,se,he,"⊻","\\veebar",!0),ae(ie,oe,he,"⊙","\\odot",!0),ae(ie,oe,he,"⊕","\\oplus",!0),ae(ie,oe,he,"⊗","\\otimes",!0),ae(ie,oe,pe,"∂","\\partial",!0),ae(ie,oe,he,"⊘","\\oslash",!0),ae(ie,se,he,"⊚","\\circledcirc",!0),ae(ie,se,he,"⊡","\\boxdot",!0),ae(ie,oe,he,"△","\\bigtriangleup"),ae(ie,oe,he,"▽","\\bigtriangledown"),ae(ie,oe,he,"†","\\dagger"),ae(ie,oe,he,"⋄","\\diamond"),ae(ie,oe,he,"⋆","\\star"),ae(ie,oe,he,"◃","\\triangleleft"),ae(ie,oe,he,"▹","\\triangleright"),ae(ie,oe,"open","{","\\{"),ae("text",oe,pe,"{","\\{"),ae("text",oe,pe,"{","\\textbraceleft"),ae(ie,oe,"close","}","\\}"),ae("text",oe,pe,"}","\\}"),ae("text",oe,pe,"}","\\textbraceright"),ae(ie,oe,"open","{","\\lbrace"),ae(ie,oe,"close","}","\\rbrace"),ae(ie,oe,"open","[","\\lbrack",!0),ae("text",oe,pe,"[","\\lbrack",!0),ae(ie,oe,"close","]","\\rbrack",!0),ae("text",oe,pe,"]","\\rbrack",!0),ae(ie,oe,"open","(","\\lparen",!0),ae(ie,oe,"close",")","\\rparen",!0),ae("text",oe,pe,"<","\\textless",!0),ae("text",oe,pe,">","\\textgreater",!0),ae(ie,oe,"open","⌊","\\lfloor",!0),ae(ie,oe,"close","⌋","\\rfloor",!0),ae(ie,oe,"open","⌈","\\lceil",!0),ae(ie,oe,"close","⌉","\\rceil",!0),ae(ie,oe,pe,"\\","\\backslash"),ae(ie,oe,pe,"∣","|"),ae(ie,oe,pe,"∣","\\vert"),ae("text",oe,pe,"|","\\textbar",!0),ae(ie,oe,pe,"∥","\\|"),ae(ie,oe,pe,"∥","\\Vert"),ae("text",oe,pe,"∥","\\textbardbl"),ae("text",oe,pe,"~","\\textasciitilde"),ae("text",oe,pe,"\\","\\textbackslash"),ae("text",oe,pe,"^","\\textasciicircum"),ae(ie,oe,ue,"↑","\\uparrow",!0),ae(ie,oe,ue,"⇑","\\Uparrow",!0),ae(ie,oe,ue,"↓","\\downarrow",!0),ae(ie,oe,ue,"⇓","\\Downarrow",!0),ae(ie,oe,ue,"↕","\\updownarrow",!0),ae(ie,oe,ue,"⇕","\\Updownarrow",!0),ae(ie,oe,me,"∐","\\coprod"),ae(ie,oe,me,"⋁","\\bigvee"),ae(ie,oe,me,"⋀","\\bigwedge"),ae(ie,oe,me,"⨄","\\biguplus"),ae(ie,oe,me,"⋂","\\bigcap"),ae(ie,oe,me,"⋃","\\bigcup"),ae(ie,oe,me,"∫","\\int"),ae(ie,oe,me,"∫","\\intop"),ae(ie,oe,me,"∬","\\iint"),ae(ie,oe,me,"∭","\\iiint"),ae(ie,oe,me,"∏","\\prod"),ae(ie,oe,me,"∑","\\sum"),ae(ie,oe,me,"⨂","\\bigotimes"),ae(ie,oe,me,"⨁","\\bigoplus"),ae(ie,oe,me,"⨀","\\bigodot"),ae(ie,oe,me,"∮","\\oint"),ae(ie,oe,me,"∯","\\oiint"),ae(ie,oe,me,"∰","\\oiiint"),ae(ie,oe,me,"⨆","\\bigsqcup"),ae(ie,oe,me,"∫","\\smallint"),ae("text",oe,"inner","…","\\textellipsis"),ae(ie,oe,"inner","…","\\mathellipsis"),ae("text",oe,"inner","…","\\ldots",!0),ae(ie,oe,"inner","…","\\ldots",!0),ae(ie,oe,"inner","⋯","\\@cdots",!0),ae(ie,oe,"inner","⋱","\\ddots",!0),ae(ie,oe,pe,"⋮","\\varvdots"),ae(ie,oe,le,"ˊ","\\acute"),ae(ie,oe,le,"ˋ","\\grave"),ae(ie,oe,le,"¨","\\ddot"),ae(ie,oe,le,"~","\\tilde"),ae(ie,oe,le,"ˉ","\\bar"),ae(ie,oe,le,"˘","\\breve"),ae(ie,oe,le,"ˇ","\\check"),ae(ie,oe,le,"^","\\hat"),ae(ie,oe,le,"⃗","\\vec"),ae(ie,oe,le,"˙","\\dot"),ae(ie,oe,le,"˚","\\mathring"),ae(ie,oe,ce,"","\\@imath"),ae(ie,oe,ce,"","\\@jmath"),ae(ie,oe,pe,"ı","ı"),ae(ie,oe,pe,"ȷ","ȷ"),ae("text",oe,pe,"ı","\\i",!0),ae("text",oe,pe,"ȷ","\\j",!0),ae("text",oe,pe,"ß","\\ss",!0),ae("text",oe,pe,"æ","\\ae",!0),ae("text",oe,pe,"œ","\\oe",!0),ae("text",oe,pe,"ø","\\o",!0),ae("text",oe,pe,"Æ","\\AE",!0),ae("text",oe,pe,"Œ","\\OE",!0),ae("text",oe,pe,"Ø","\\O",!0),ae("text",oe,le,"ˊ","\\'"),ae("text",oe,le,"ˋ","\\`"),ae("text",oe,le,"ˆ","\\^"),ae("text",oe,le,"˜","\\~"),ae("text",oe,le,"ˉ","\\="),ae("text",oe,le,"˘","\\u"),ae("text",oe,le,"˙","\\."),ae("text",oe,le,"¸","\\c"),ae("text",oe,le,"˚","\\r"),ae("text",oe,le,"ˇ","\\v"),ae("text",oe,le,"¨",'\\"'),ae("text",oe,le,"˝","\\H"),ae("text",oe,le,"◯","\\textcircled");var de={"--":!0,"---":!0,"``":!0,"''":!0};ae("text",oe,pe,"–","--",!0),ae("text",oe,pe,"–","\\textendash"),ae("text",oe,pe,"—","---",!0),ae("text",oe,pe,"—","\\textemdash"),ae("text",oe,pe,"‘","`",!0),ae("text",oe,pe,"‘","\\textquoteleft"),ae("text",oe,pe,"’","'",!0),ae("text",oe,pe,"’","\\textquoteright"),ae("text",oe,pe,"“","``",!0),ae("text",oe,pe,"“","\\textquotedblleft"),ae("text",oe,pe,"”","''",!0),ae("text",oe,pe,"”","\\textquotedblright"),ae(ie,oe,pe,"°","\\degree",!0),ae("text",oe,pe,"°","\\degree"),ae("text",oe,pe,"°","\\textdegree",!0),ae(ie,oe,pe,"£","\\pounds"),ae(ie,oe,pe,"£","\\mathsterling",!0),ae("text",oe,pe,"£","\\pounds"),ae("text",oe,pe,"£","\\textsterling",!0),ae(ie,se,pe,"✠","\\maltese"),ae("text",se,pe,"✠","\\maltese");for(var fe=0;fe<'0123456789/@."'.length;fe++){var ge='0123456789/@."'.charAt(fe);ae(ie,oe,pe,ge,ge)}for(var ve=0;ve<'0123456789!@*()-=+";:?/.,'.length;ve++){var ye='0123456789!@*()-=+";:?/.,'.charAt(ve);ae("text",oe,pe,ye,ye)}for(var be="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",xe=0;xe<be.length;xe++){var we=be.charAt(xe);ae(ie,oe,ce,we,we),ae("text",oe,pe,we,we)}ae(ie,se,pe,"C","ℂ"),ae("text",se,pe,"C","ℂ"),ae(ie,se,pe,"H","ℍ"),ae("text",se,pe,"H","ℍ"),ae(ie,se,pe,"N","ℕ"),ae("text",se,pe,"N","ℕ"),ae(ie,se,pe,"P","ℙ"),ae("text",se,pe,"P","ℙ"),ae(ie,se,pe,"Q","ℚ"),ae("text",se,pe,"Q","ℚ"),ae(ie,se,pe,"R","ℝ"),ae("text",se,pe,"R","ℝ"),ae(ie,se,pe,"Z","ℤ"),ae("text",se,pe,"Z","ℤ"),ae(ie,oe,ce,"h","ℎ"),ae("text",oe,ce,"h","ℎ");for(var ke="",Se=0;Se<be.length;Se++){var Me=be.charAt(Se);ae(ie,oe,ce,Me,ke=String.fromCharCode(55349,56320+Se)),ae("text",oe,pe,Me,ke),ae(ie,oe,ce,Me,ke=String.fromCharCode(55349,56372+Se)),ae("text",oe,pe,Me,ke),ae(ie,oe,ce,Me,ke=String.fromCharCode(55349,56424+Se)),ae("text",oe,pe,Me,ke),ae(ie,oe,ce,Me,ke=String.fromCharCode(55349,56580+Se)),ae("text",oe,pe,Me,ke),ae(ie,oe,ce,Me,ke=String.fromCharCode(55349,56736+Se)),ae("text",oe,pe,Me,ke),ae(ie,oe,ce,Me,ke=String.fromCharCode(55349,56788+Se)),ae("text",oe,pe,Me,ke),ae(ie,oe,ce,Me,ke=String.fromCharCode(55349,56840+Se)),ae("text",oe,pe,Me,ke),ae(ie,oe,ce,Me,ke=String.fromCharCode(55349,56944+Se)),ae("text",oe,pe,Me,ke),Se<26&&(ae(ie,oe,ce,Me,ke=String.fromCharCode(55349,56632+Se)),ae("text",oe,pe,Me,ke),ae(ie,oe,ce,Me,ke=String.fromCharCode(55349,56476+Se)),ae("text",oe,pe,Me,ke))}ae(ie,oe,ce,"k",ke=String.fromCharCode(55349,56668)),ae("text",oe,pe,"k",ke);for(var ze=0;ze<10;ze++){var Ae=ze.toString();ae(ie,oe,ce,Ae,ke=String.fromCharCode(55349,57294+ze)),ae("text",oe,pe,Ae,ke),ae(ie,oe,ce,Ae,ke=String.fromCharCode(55349,57314+ze)),ae("text",oe,pe,Ae,ke),ae(ie,oe,ce,Ae,ke=String.fromCharCode(55349,57324+ze)),ae("text",oe,pe,Ae,ke),ae(ie,oe,ce,Ae,ke=String.fromCharCode(55349,57334+ze)),ae("text",oe,pe,Ae,ke)}for(var Te=0;Te<"ÐÞþ".length;Te++){var Be="ÐÞþ".charAt(Te);ae(ie,oe,ce,Be,Be),ae("text",oe,pe,Be,Be)}var Ce=[["mathbf","textbf","Main-Bold"],["mathbf","textbf","Main-Bold"],["mathnormal","textit","Math-Italic"],["mathnormal","textit","Math-Italic"],["boldsymbol","boldsymbol","Main-BoldItalic"],["boldsymbol","boldsymbol","Main-BoldItalic"],["mathscr","textscr","Script-Regular"],["","",""],["","",""],["","",""],["mathfrak","textfrak","Fraktur-Regular"],["mathfrak","textfrak","Fraktur-Regular"],["mathbb","textbb","AMS-Regular"],["mathbb","textbb","AMS-Regular"],["","",""],["","",""],["mathsf","textsf","SansSerif-Regular"],["mathsf","textsf","SansSerif-Regular"],["mathboldsf","textboldsf","SansSerif-Bold"],["mathboldsf","textboldsf","SansSerif-Bold"],["mathitsf","textitsf","SansSerif-Italic"],["mathitsf","textitsf","SansSerif-Italic"],["","",""],["","",""],["mathtt","texttt","Typewriter-Regular"],["mathtt","texttt","Typewriter-Regular"]],Ne=[["mathbf","textbf","Main-Bold"],["","",""],["mathsf","textsf","SansSerif-Regular"],["mathboldsf","textboldsf","SansSerif-Bold"],["mathtt","texttt","Typewriter-Regular"]],qe=function(e,t,r){return ne[r][e]&&ne[r][e].replace&&(e=ne[r][e].replace),{value:e,metrics:C(e,t,r)}},Ie=function(e,t,r,n,a){var i,o=qe(e,t,r),s=o.metrics;if(e=o.value,s){var l=s.italic;("text"===r||n&&"mathit"===n.font)&&(l=0),i=new $(e,s.height,s.depth,l,s.skew,s.width,a)}else"undefined"!=typeof console&&console.warn("No character metrics for '"+e+"' in style '"+t+"' and mode '"+r+"'"),i=new $(e,0,0,0,0,0,a);if(n){i.maxFontSize=n.sizeMultiplier,n.style.isTight()&&i.classes.push("mtight");var h=n.getColor();h&&(i.style.color=h)}return i},Oe=function(e,t){if(V(e.classes)!==V(t.classes)||e.skew!==t.skew||e.maxFontSize!==t.maxFontSize)return!1;if(1===e.classes.length){var r=e.classes[0];if("mbin"===r||"mord"===r)return!1}for(var n in e.style)if(e.style.hasOwnProperty(n)&&e.style[n]!==t.style[n])return!1;for(var a in t.style)if(t.style.hasOwnProperty(a)&&e.style[a]!==t.style[a])return!1;return!0},Re=function(e){for(var t=0,r=0,n=0,a=0;a<e.children.length;a++){var i=e.children[a];i.height>t&&(t=i.height),i.depth>r&&(r=i.depth),i.maxFontSize>n&&(n=i.maxFontSize)}e.height=t,e.depth=r,e.maxFontSize=n},He=function(e,t,r,n){var a=new Y(e,t,r,n);return Re(a),a},Ee=function(e,t,r,n){return new Y(e,t,r,n)},Le=function(e){var t=new z(e);return Re(t),t},De=function(e,t,r){var n="";switch(e){case"amsrm":n="AMS";break;case"textrm":n="Main";break;case"textsf":n="SansSerif";break;case"texttt":n="Typewriter";break;default:n=e}return n+"-"+("textbf"===t&&"textit"===r?"BoldItalic":"textbf"===t?"Bold":"textit"===t?"Italic":"Regular")},Pe={mathbf:{variant:"bold",fontName:"Main-Bold"},mathrm:{variant:"normal",fontName:"Main-Regular"},textit:{variant:"italic",fontName:"Main-Italic"},mathit:{variant:"italic",fontName:"Main-Italic"},mathnormal:{variant:"italic",fontName:"Math-Italic"},mathbb:{variant:"double-struck",fontName:"AMS-Regular"},mathcal:{variant:"script",fontName:"Caligraphic-Regular"},mathfrak:{variant:"fraktur",fontName:"Fraktur-Regular"},mathscr:{variant:"script",fontName:"Script-Regular"},mathsf:{variant:"sans-serif",fontName:"SansSerif-Regular"},mathtt:{variant:"monospace",fontName:"Typewriter-Regular"}},Fe={vec:["vec",.471,.714],oiintSize1:["oiintSize1",.957,.499],oiintSize2:["oiintSize2",1.472,.659],oiiintSize1:["oiiintSize1",1.304,.499],oiiintSize2:["oiiintSize2",1.98,.659]},Ve={fontMap:Pe,makeSymbol:Ie,mathsym:function(e,t,r,n){return void 0===n&&(n=[]),"boldsymbol"===r.font&&qe(e,"Main-Bold",t).metrics?Ie(e,"Main-Bold",t,r,n.concat(["mathbf"])):"\\"===e||"main"===ne[t][e].font?Ie(e,"Main-Regular",t,r,n):Ie(e,"AMS-Regular",t,r,n.concat(["amsrm"]))},makeSpan:He,makeSvgSpan:Ee,makeLineSpan:function(e,t,r){var n=He([e],[],t);return n.height=Math.max(r||t.fontMetrics().defaultRuleThickness,t.minRuleThickness),n.style.borderBottomWidth=F(n.height),n.maxFontSize=1,n},makeAnchor:function(e,t,r,n){var a=new X(e,t,r,n);return Re(a),a},makeFragment:Le,wrapFragment:function(e,t){return e instanceof z?He([],[e],t):e},makeVList:function(e,t){for(var r=function(e){if("individualShift"===e.positionType){for(var t=e.children,r=[t[0]],n=-t[0].shift-t[0].elem.depth,a=n,i=1;i<t.length;i++){var o=-t[i].shift-a-t[i].elem.depth,s=o-(t[i-1].elem.height+t[i-1].elem.depth);a+=o,r.push({type:"kern",size:s}),r.push(t[i])}return{children:r,depth:n}}var l;if("top"===e.positionType){for(var h=e.positionData,c=0;c<e.children.length;c++){var m=e.children[c];h-="kern"===m.type?m.size:m.elem.height+m.elem.depth}l=h}else if("bottom"===e.positionType)l=-e.positionData;else{var u=e.children[0];if("elem"!==u.type)throw new Error('First child must have type "elem".');if("shift"===e.positionType)l=-u.elem.depth-e.positionData;else{if("firstBaseline"!==e.positionType)throw new Error("Invalid positionType "+e.positionType+".");l=-u.elem.depth}}return{children:e.children,depth:l}}(e),n=r.children,a=r.depth,i=0,o=0;o<n.length;o++){var s=n[o];if("elem"===s.type){var l=s.elem;i=Math.max(i,l.maxFontSize,l.height)}}i+=2;var h=He(["pstrut"],[]);h.style.height=F(i);for(var c=[],m=a,u=a,p=a,d=0;d<n.length;d++){var f=n[d];if("kern"===f.type)p+=f.size;else{var g=f.elem,v=f.wrapperClasses||[],y=f.wrapperStyle||{},b=He(v,[h,g],void 0,y);b.style.top=F(-i-p-g.depth),f.marginLeft&&(b.style.marginLeft=f.marginLeft),f.marginRight&&(b.style.marginRight=f.marginRight),c.push(b),p+=g.height+g.depth}m=Math.min(m,p),u=Math.max(u,p)}var x,w=He(["vlist"],c);if(w.style.height=F(u),m<0){var k=He([],[]),S=He(["vlist"],[k]);S.style.height=F(-m);var M=He(["vlist-s"],[new $("​")]);x=[He(["vlist-r"],[w,M]),He(["vlist-r"],[S])]}else x=[He(["vlist-r"],[w])];var z=He(["vlist-t"],x);return 2===x.length&&z.classes.push("vlist-t2"),z.height=u,z.depth=-m,z},makeOrd:function(e,t,r){var a=e.mode,i=e.text,o=["mord"],s="math"===a||"text"===a&&t.font,l=s?t.font:t.fontFamily;if(55349===i.charCodeAt(0)){var h=function(e,t){var r=1024*(e.charCodeAt(0)-55296)+(e.charCodeAt(1)-56320)+65536,a="math"===t?0:1;if(119808<=r&&r<120484){var i=Math.floor((r-119808)/26);return[Ce[i][2],Ce[i][a]]}if(120782<=r&&r<=120831){var o=Math.floor((r-120782)/10);return[Ne[o][2],Ne[o][a]]}if(120485===r||120486===r)return[Ce[0][2],Ce[0][a]];if(120486<r&&r<120782)return["",""];throw new n("Unsupported character: "+e)}(i,a),c=h[0],m=h[1];return Ie(i,c,a,t,o.concat(m))}if(l){var u,p;if("boldsymbol"===l){var d=function(e,t,r,n,a){return"textord"!==a&&qe(e,"Math-BoldItalic",t).metrics?{fontName:"Math-BoldItalic",fontClass:"boldsymbol"}:{fontName:"Main-Bold",fontClass:"mathbf"}}(i,a,0,0,r);u=d.fontName,p=[d.fontClass]}else s?(u=Pe[l].fontName,p=[l]):(u=De(l,t.fontWeight,t.fontShape),p=[l,t.fontWeight,t.fontShape]);if(qe(i,u,a).metrics)return Ie(i,u,a,t,o.concat(p));if(de.hasOwnProperty(i)&&"Typewriter"===u.substr(0,10)){for(var f=[],g=0;g<i.length;g++)f.push(Ie(i[g],u,a,t,o.concat(p)));return Le(f)}}if("mathord"===r)return Ie(i,"Math-Italic",a,t,o.concat(["mathnormal"]));if("textord"===r){var v=ne[a][i]&&ne[a][i].font;if("ams"===v){var y=De("amsrm",t.fontWeight,t.fontShape);return Ie(i,y,a,t,o.concat("amsrm",t.fontWeight,t.fontShape))}if("main"!==v&&v){var b=De(v,t.fontWeight,t.fontShape);return Ie(i,b,a,t,o.concat(b,t.fontWeight,t.fontShape))}var x=De("textrm",t.fontWeight,t.fontShape);return Ie(i,x,a,t,o.concat(t.fontWeight,t.fontShape))}throw new Error("unexpected type: "+r+" in makeOrd")},makeGlue:function(e,t){var r=He(["mspace"],[],t),n=P(e,t);return r.style.marginRight=F(n),r},staticSvg:function(e,t){var r=Fe[e],n=r[0],a=r[1],i=r[2],o=new K(n),s=new Z([o],{width:F(a),height:F(i),style:"width:"+F(a),viewBox:"0 0 "+1e3*a+" "+1e3*i,preserveAspectRatio:"xMinYMin"}),l=Ee(["overlay"],[s],t);return l.height=i,l.style.height=F(i),l.style.width=F(a),l},svgData:Fe,tryCombineChars:function(e){for(var t=0;t<e.length-1;t++){var r=e[t],n=e[t+1];r instanceof $&&n instanceof $&&Oe(r,n)&&(r.text+=n.text,r.height=Math.max(r.height,n.height),r.depth=Math.max(r.depth,n.depth),r.italic=n.italic,e.splice(t+1,1),t--)}return e}},Ge={number:3,unit:"mu"},Ue={number:4,unit:"mu"},_e={number:5,unit:"mu"},Ye={mord:{mop:Ge,mbin:Ue,mrel:_e,minner:Ge},mop:{mord:Ge,mop:Ge,mrel:_e,minner:Ge},mbin:{mord:Ue,mop:Ue,mopen:Ue,minner:Ue},mrel:{mord:_e,mop:_e,mopen:_e,minner:_e},mopen:{},mclose:{mop:Ge,mbin:Ue,mrel:_e,minner:Ge},mpunct:{mord:Ge,mop:Ge,mrel:_e,mopen:Ge,mclose:Ge,mpunct:Ge,minner:Ge},minner:{mord:Ge,mop:Ge,mbin:Ue,mrel:_e,mopen:Ge,mpunct:Ge,minner:Ge}},Xe={mord:{mop:Ge},mop:{mord:Ge,mop:Ge},mbin:{},mrel:{},mopen:{},mclose:{mop:Ge},mpunct:{},minner:{mop:Ge}},We={},je={},$e={};function Ze(e){for(var t=e.type,r=e.names,n=e.props,a=e.handler,i=e.htmlBuilder,o=e.mathmlBuilder,s={type:t,numArgs:n.numArgs,argTypes:n.argTypes,allowedInArgument:!!n.allowedInArgument,allowedInText:!!n.allowedInText,allowedInMath:void 0===n.allowedInMath||n.allowedInMath,numOptionalArgs:n.numOptionalArgs||0,infix:!!n.infix,primitive:!!n.primitive,handler:a},l=0;l<r.length;++l)We[r[l]]=s;t&&(i&&(je[t]=i),o&&($e[t]=o))}function Ke(e){Ze({type:e.type,names:[],props:{numArgs:0},handler:function(){throw new Error("Should never be called.")},htmlBuilder:e.htmlBuilder,mathmlBuilder:e.mathmlBuilder})}var Je=function(e){return"ordgroup"===e.type&&1===e.body.length?e.body[0]:e},Qe=function(e){return"ordgroup"===e.type?e.body:[e]},et=Ve.makeSpan,tt=["leftmost","mbin","mopen","mrel","mop","mpunct"],rt=["rightmost","mrel","mclose","mpunct"],nt={display:x.DISPLAY,text:x.TEXT,script:x.SCRIPT,scriptscript:x.SCRIPTSCRIPT},at={mord:"mord",mop:"mop",mbin:"mbin",mrel:"mrel",mopen:"mopen",mclose:"mclose",mpunct:"mpunct",minner:"minner"},it=function(e,t,r,n){void 0===n&&(n=[null,null]);for(var a=[],i=0;i<e.length;i++){var o=ct(e[i],t);if(o instanceof z){var s=o.children;a.push.apply(a,s)}else a.push(o)}if(Ve.tryCombineChars(a),!r)return a;var h=t;if(1===e.length){var c=e[0];"sizing"===c.type?h=t.havingSize(c.size):"styling"===c.type&&(h=t.havingStyle(nt[c.style]))}var m=et([n[0]||"leftmost"],[],t),u=et([n[1]||"rightmost"],[],t),p="root"===r;return ot(a,(function(e,t){var r=t.classes[0],n=e.classes[0];"mbin"===r&&l.contains(rt,n)?t.classes[0]="mord":"mbin"===n&&l.contains(tt,r)&&(e.classes[0]="mord")}),{node:m},u,p),ot(a,(function(e,t){var r=lt(t),n=lt(e),a=r&&n?e.hasClass("mtight")?Xe[r][n]:Ye[r][n]:null;if(a)return Ve.makeGlue(a,h)}),{node:m},u,p),a},ot=function e(t,r,n,a,i){a&&t.push(a);for(var o=0;o<t.length;o++){var s=t[o],l=st(s);if(l)e(l.children,r,n,null,i);else{var h=!s.hasClass("mspace");if(h){var c=r(s,n.node);c&&(n.insertAfter?n.insertAfter(c):(t.unshift(c),o++))}h?n.node=s:i&&s.hasClass("newline")&&(n.node=et(["leftmost"])),n.insertAfter=function(e){return function(r){t.splice(e+1,0,r),o++}}(o)}}a&&t.pop()},st=function(e){return e instanceof z||e instanceof X||e instanceof Y&&e.hasClass("enclosing")?e:null},lt=function(e,t){return e?(t&&(e=function e(t,r){var n=st(t);if(n){var a=n.children;if(a.length){if("right"===r)return e(a[a.length-1],"right");if("left"===r)return e(a[0],"left")}}return t}(e,t)),at[e.classes[0]]||null):null},ht=function(e,t){var r=["nulldelimiter"].concat(e.baseSizingClasses());return et(t.concat(r))},ct=function(e,t,r){if(!e)return et();if(je[e.type]){var a=je[e.type](e,t);if(r&&t.size!==r.size){a=et(t.sizingClasses(r),[a],t);var i=t.sizeMultiplier/r.sizeMultiplier;a.height*=i,a.depth*=i}return a}throw new n("Got group of unknown type: '"+e.type+"'")};function mt(e,t){var r=et(["base"],e,t),n=et(["strut"]);return n.style.height=F(r.height+r.depth),r.depth&&(n.style.verticalAlign=F(-r.depth)),r.children.unshift(n),r}function ut(e,t){var r=null;1===e.length&&"tag"===e[0].type&&(r=e[0].tag,e=e[0].body);var n,a=it(e,t,"root");2===a.length&&a[1].hasClass("tag")&&(n=a.pop());for(var i,o=[],s=[],l=0;l<a.length;l++)if(s.push(a[l]),a[l].hasClass("mbin")||a[l].hasClass("mrel")||a[l].hasClass("allowbreak")){for(var h=!1;l<a.length-1&&a[l+1].hasClass("mspace")&&!a[l+1].hasClass("newline");)l++,s.push(a[l]),a[l].hasClass("nobreak")&&(h=!0);h||(o.push(mt(s,t)),s=[])}else a[l].hasClass("newline")&&(s.pop(),s.length>0&&(o.push(mt(s,t)),s=[]),o.push(a[l]));s.length>0&&o.push(mt(s,t)),r?((i=mt(it(r,t,!0))).classes=["tag"],o.push(i)):n&&o.push(n);var c=et(["katex-html"],o);if(c.setAttribute("aria-hidden","true"),i){var m=i.children[0];m.style.height=F(c.height+c.depth),c.depth&&(m.style.verticalAlign=F(-c.depth))}return c}function pt(e){return new z(e)}var dt=function(){function e(e,t,r){this.type=void 0,this.attributes=void 0,this.children=void 0,this.classes=void 0,this.type=e,this.attributes={},this.children=t||[],this.classes=r||[]}var t=e.prototype;return t.setAttribute=function(e,t){this.attributes[e]=t},t.getAttribute=function(e){return this.attributes[e]},t.toNode=function(){var e=document.createElementNS("http://www.w3.org/1998/Math/MathML",this.type);for(var t in this.attributes)Object.prototype.hasOwnProperty.call(this.attributes,t)&&e.setAttribute(t,this.attributes[t]);this.classes.length>0&&(e.className=V(this.classes));for(var r=0;r<this.children.length;r++)e.appendChild(this.children[r].toNode());return e},t.toMarkup=function(){var e="<"+this.type;for(var t in this.attributes)Object.prototype.hasOwnProperty.call(this.attributes,t)&&(e+=" "+t+'="',e+=l.escape(this.attributes[t]),e+='"');this.classes.length>0&&(e+=' class ="'+l.escape(V(this.classes))+'"'),e+=">";for(var r=0;r<this.children.length;r++)e+=this.children[r].toMarkup();return e+="</"+this.type+">"},t.toText=function(){return this.children.map((function(e){return e.toText()})).join("")},e}(),ft=function(){function e(e){this.text=void 0,this.text=e}var t=e.prototype;return t.toNode=function(){return document.createTextNode(this.text)},t.toMarkup=function(){return l.escape(this.toText())},t.toText=function(){return this.text},e}(),gt={MathNode:dt,TextNode:ft,SpaceNode:function(){function e(e){this.width=void 0,this.character=void 0,this.width=e,this.character=e>=.05555&&e<=.05556?" ":e>=.1666&&e<=.1667?" ":e>=.2222&&e<=.2223?" ":e>=.2777&&e<=.2778?"  ":e>=-.05556&&e<=-.05555?" ⁣":e>=-.1667&&e<=-.1666?" ⁣":e>=-.2223&&e<=-.2222?" ⁣":e>=-.2778&&e<=-.2777?" ⁣":null}var t=e.prototype;return t.toNode=function(){if(this.character)return document.createTextNode(this.character);var e=document.createElementNS("http://www.w3.org/1998/Math/MathML","mspace");return e.setAttribute("width",F(this.width)),e},t.toMarkup=function(){return this.character?"<mtext>"+this.character+"</mtext>":'<mspace width="'+F(this.width)+'"/>'},t.toText=function(){return this.character?this.character:" "},e}(),newDocumentFragment:pt},vt=function(e,t,r){return!ne[t][e]||!ne[t][e].replace||55349===e.charCodeAt(0)||de.hasOwnProperty(e)&&r&&(r.fontFamily&&"tt"===r.fontFamily.substr(4,2)||r.font&&"tt"===r.font.substr(4,2))||(e=ne[t][e].replace),new gt.TextNode(e)},yt=function(e){return 1===e.length?e[0]:new gt.MathNode("mrow",e)},bt=function(e,t){if("texttt"===t.fontFamily)return"monospace";if("textsf"===t.fontFamily)return"textit"===t.fontShape&&"textbf"===t.fontWeight?"sans-serif-bold-italic":"textit"===t.fontShape?"sans-serif-italic":"textbf"===t.fontWeight?"bold-sans-serif":"sans-serif";if("textit"===t.fontShape&&"textbf"===t.fontWeight)return"bold-italic";if("textit"===t.fontShape)return"italic";if("textbf"===t.fontWeight)return"bold";var r=t.font;if(!r||"mathnormal"===r)return null;var n=e.mode;if("mathit"===r)return"italic";if("boldsymbol"===r)return"textord"===e.type?"bold":"bold-italic";if("mathbf"===r)return"bold";if("mathbb"===r)return"double-struck";if("mathfrak"===r)return"fraktur";if("mathscr"===r||"mathcal"===r)return"script";if("mathsf"===r)return"sans-serif";if("mathtt"===r)return"monospace";var a=e.text;return l.contains(["\\imath","\\jmath"],a)?null:(ne[n][a]&&ne[n][a].replace&&(a=ne[n][a].replace),C(a,Ve.fontMap[r].fontName,n)?Ve.fontMap[r].variant:null)},xt=function(e,t,r){if(1===e.length){var n=kt(e[0],t);return r&&n instanceof dt&&"mo"===n.type&&(n.setAttribute("lspace","0em"),n.setAttribute("rspace","0em")),[n]}for(var a,i=[],o=0;o<e.length;o++){var s=kt(e[o],t);if(s instanceof dt&&a instanceof dt){if("mtext"===s.type&&"mtext"===a.type&&s.getAttribute("mathvariant")===a.getAttribute("mathvariant")){var l;(l=a.children).push.apply(l,s.children);continue}if("mn"===s.type&&"mn"===a.type){var h;(h=a.children).push.apply(h,s.children);continue}if("mi"===s.type&&1===s.children.length&&"mn"===a.type){var c=s.children[0];if(c instanceof ft&&"."===c.text){var m;(m=a.children).push.apply(m,s.children);continue}}else if("mi"===a.type&&1===a.children.length){var u=a.children[0];if(u instanceof ft&&"̸"===u.text&&("mo"===s.type||"mi"===s.type||"mn"===s.type)){var p=s.children[0];p instanceof ft&&p.text.length>0&&(p.text=p.text.slice(0,1)+"̸"+p.text.slice(1),i.pop())}}}i.push(s),a=s}return i},wt=function(e,t,r){return yt(xt(e,t,r))},kt=function(e,t){if(!e)return new gt.MathNode("mrow");if($e[e.type])return $e[e.type](e,t);throw new n("Got group of unknown type: '"+e.type+"'")};function St(e,t,r,n,a){var i,o=xt(e,r);i=1===o.length&&o[0]instanceof dt&&l.contains(["mrow","mtable"],o[0].type)?o[0]:new gt.MathNode("mrow",o);var s=new gt.MathNode("annotation",[new gt.TextNode(t)]);s.setAttribute("encoding","application/x-tex");var h=new gt.MathNode("semantics",[i,s]),c=new gt.MathNode("math",[h]);c.setAttribute("xmlns","http://www.w3.org/1998/Math/MathML"),n&&c.setAttribute("display","block");var m=a?"katex":"katex-mathml";return Ve.makeSpan([m],[c])}var Mt=function(e){return new H({style:e.displayMode?x.DISPLAY:x.TEXT,maxSize:e.maxSize,minRuleThickness:e.minRuleThickness})},zt=function(e,t){if(t.displayMode){var r=["katex-display"];t.leqno&&r.push("leqno"),t.fleqn&&r.push("fleqn"),e=Ve.makeSpan(r,[e])}return e},At={widehat:"^",widecheck:"ˇ",widetilde:"~",utilde:"~",overleftarrow:"←",underleftarrow:"←",xleftarrow:"←",overrightarrow:"→",underrightarrow:"→",xrightarrow:"→",underbrace:"⏟",overbrace:"⏞",overgroup:"⏠",undergroup:"⏡",overleftrightarrow:"↔",underleftrightarrow:"↔",xleftrightarrow:"↔",Overrightarrow:"⇒",xRightarrow:"⇒",overleftharpoon:"↼",xleftharpoonup:"↼",overrightharpoon:"⇀",xrightharpoonup:"⇀",xLeftarrow:"⇐",xLeftrightarrow:"⇔",xhookleftarrow:"↩",xhookrightarrow:"↪",xmapsto:"↦",xrightharpoondown:"⇁",xleftharpoondown:"↽",xrightleftharpoons:"⇌",xleftrightharpoons:"⇋",xtwoheadleftarrow:"↞",xtwoheadrightarrow:"↠",xlongequal:"=",xtofrom:"⇄",xrightleftarrows:"⇄",xrightequilibrium:"⇌",xleftequilibrium:"⇋","\\cdrightarrow":"→","\\cdleftarrow":"←","\\cdlongequal":"="},Tt={overrightarrow:[["rightarrow"],.888,522,"xMaxYMin"],overleftarrow:[["leftarrow"],.888,522,"xMinYMin"],underrightarrow:[["rightarrow"],.888,522,"xMaxYMin"],underleftarrow:[["leftarrow"],.888,522,"xMinYMin"],xrightarrow:[["rightarrow"],1.469,522,"xMaxYMin"],"\\cdrightarrow":[["rightarrow"],3,522,"xMaxYMin"],xleftarrow:[["leftarrow"],1.469,522,"xMinYMin"],"\\cdleftarrow":[["leftarrow"],3,522,"xMinYMin"],Overrightarrow:[["doublerightarrow"],.888,560,"xMaxYMin"],xRightarrow:[["doublerightarrow"],1.526,560,"xMaxYMin"],xLeftarrow:[["doubleleftarrow"],1.526,560,"xMinYMin"],overleftharpoon:[["leftharpoon"],.888,522,"xMinYMin"],xleftharpoonup:[["leftharpoon"],.888,522,"xMinYMin"],xleftharpoondown:[["leftharpoondown"],.888,522,"xMinYMin"],overrightharpoon:[["rightharpoon"],.888,522,"xMaxYMin"],xrightharpoonup:[["rightharpoon"],.888,522,"xMaxYMin"],xrightharpoondown:[["rightharpoondown"],.888,522,"xMaxYMin"],xlongequal:[["longequal"],.888,334,"xMinYMin"],"\\cdlongequal":[["longequal"],3,334,"xMinYMin"],xtwoheadleftarrow:[["twoheadleftarrow"],.888,334,"xMinYMin"],xtwoheadrightarrow:[["twoheadrightarrow"],.888,334,"xMaxYMin"],overleftrightarrow:[["leftarrow","rightarrow"],.888,522],overbrace:[["leftbrace","midbrace","rightbrace"],1.6,548],underbrace:[["leftbraceunder","midbraceunder","rightbraceunder"],1.6,548],underleftrightarrow:[["leftarrow","rightarrow"],.888,522],xleftrightarrow:[["leftarrow","rightarrow"],1.75,522],xLeftrightarrow:[["doubleleftarrow","doublerightarrow"],1.75,560],xrightleftharpoons:[["leftharpoondownplus","rightharpoonplus"],1.75,716],xleftrightharpoons:[["leftharpoonplus","rightharpoondownplus"],1.75,716],xhookleftarrow:[["leftarrow","righthook"],1.08,522],xhookrightarrow:[["lefthook","rightarrow"],1.08,522],overlinesegment:[["leftlinesegment","rightlinesegment"],.888,522],underlinesegment:[["leftlinesegment","rightlinesegment"],.888,522],overgroup:[["leftgroup","rightgroup"],.888,342],undergroup:[["leftgroupunder","rightgroupunder"],.888,342],xmapsto:[["leftmapsto","rightarrow"],1.5,522],xtofrom:[["leftToFrom","rightToFrom"],1.75,528],xrightleftarrows:[["baraboveleftarrow","rightarrowabovebar"],1.75,901],xrightequilibrium:[["baraboveshortleftharpoon","rightharpoonaboveshortbar"],1.75,716],xleftequilibrium:[["shortbaraboveleftharpoon","shortrightharpoonabovebar"],1.75,716]},Bt=function(e,t,r,n,a){var i,o=e.height+e.depth+r+n;if(/fbox|color|angl/.test(t)){if(i=Ve.makeSpan(["stretchy",t],[],a),"fbox"===t){var s=a.color&&a.getColor();s&&(i.style.borderColor=s)}}else{var l=[];/^[bx]cancel$/.test(t)&&l.push(new J({x1:"0",y1:"0",x2:"100%",y2:"100%","stroke-width":"0.046em"})),/^x?cancel$/.test(t)&&l.push(new J({x1:"0",y1:"100%",x2:"100%",y2:"0","stroke-width":"0.046em"}));var h=new Z(l,{width:"100%",height:F(o)});i=Ve.makeSvgSpan([],[h],a)}return i.height=o,i.style.height=F(o),i},Ct=function(e){var t=new gt.MathNode("mo",[new gt.TextNode(At[e.replace(/^\\/,"")])]);return t.setAttribute("stretchy","true"),t},Nt=function(e,t){var r=function(){var r=4e5,n=e.label.substr(1);if(l.contains(["widehat","widecheck","widetilde","utilde"],n)){var a,i,o,s="ordgroup"===(d=e.base).type?d.body.length:1;if(s>5)"widehat"===n||"widecheck"===n?(a=420,r=2364,o=.42,i=n+"4"):(a=312,r=2340,o=.34,i="tilde4");else{var h=[1,1,2,2,3,3][s];"widehat"===n||"widecheck"===n?(r=[0,1062,2364,2364,2364][h],a=[0,239,300,360,420][h],o=[0,.24,.3,.3,.36,.42][h],i=n+h):(r=[0,600,1033,2339,2340][h],a=[0,260,286,306,312][h],o=[0,.26,.286,.3,.306,.34][h],i="tilde"+h)}var c=new K(i),m=new Z([c],{width:"100%",height:F(o),viewBox:"0 0 "+r+" "+a,preserveAspectRatio:"none"});return{span:Ve.makeSvgSpan([],[m],t),minWidth:0,height:o}}var u,p,d,f=[],g=Tt[n],v=g[0],y=g[1],b=g[2],x=b/1e3,w=v.length;if(1===w)u=["hide-tail"],p=[g[3]];else if(2===w)u=["halfarrow-left","halfarrow-right"],p=["xMinYMin","xMaxYMin"];else{if(3!==w)throw new Error("Correct katexImagesData or update code here to support\n                    "+w+" children.");u=["brace-left","brace-center","brace-right"],p=["xMinYMin","xMidYMin","xMaxYMin"]}for(var k=0;k<w;k++){var S=new K(v[k]),M=new Z([S],{width:"400em",height:F(x),viewBox:"0 0 "+r+" "+b,preserveAspectRatio:p[k]+" slice"}),z=Ve.makeSvgSpan([u[k]],[M],t);if(1===w)return{span:z,minWidth:y,height:x};z.style.height=F(x),f.push(z)}return{span:Ve.makeSpan(["stretchy"],f,t),minWidth:y,height:x}}(),n=r.span,a=r.minWidth,i=r.height;return n.height=i,n.style.height=F(i),a>0&&(n.style.minWidth=F(a)),n};function qt(e,t){if(!e||e.type!==t)throw new Error("Expected node of type "+t+", but got "+(e?"node of type "+e.type:String(e)));return e}function It(e){var t=Ot(e);if(!t)throw new Error("Expected node of symbol group type, but got "+(e?"node of type "+e.type:String(e)));return t}function Ot(e){return e&&("atom"===e.type||te.hasOwnProperty(e.type))?e:null}var Rt=function(e,t){var r,n,a;e&&"supsub"===e.type?(r=(n=qt(e.base,"accent")).base,e.base=r,a=function(e){if(e instanceof Y)return e;throw new Error("Expected span<HtmlDomNode> but got "+String(e)+".")}(ct(e,t)),e.base=n):r=(n=qt(e,"accent")).base;var i=ct(r,t.havingCrampedStyle()),o=0;if(n.isShifty&&l.isCharacterBox(r)){var s=l.getBaseElem(r);o=Q(ct(s,t.havingCrampedStyle())).skew}var h,c="\\c"===n.label,m=c?i.height+i.depth:Math.min(i.height,t.fontMetrics().xHeight);if(n.isStretchy)h=Nt(n,t),h=Ve.makeVList({positionType:"firstBaseline",children:[{type:"elem",elem:i},{type:"elem",elem:h,wrapperClasses:["svg-align"],wrapperStyle:o>0?{width:"calc(100% - "+F(2*o)+")",marginLeft:F(2*o)}:void 0}]},t);else{var u,p;"\\vec"===n.label?(u=Ve.staticSvg("vec",t),p=Ve.svgData.vec[1]):((u=Q(u=Ve.makeOrd({mode:n.mode,text:n.label},t,"textord"))).italic=0,p=u.width,c&&(m+=u.depth)),h=Ve.makeSpan(["accent-body"],[u]);var d="\\textcircled"===n.label;d&&(h.classes.push("accent-full"),m=i.height);var f=o;d||(f-=p/2),h.style.left=F(f),"\\textcircled"===n.label&&(h.style.top=".2em"),h=Ve.makeVList({positionType:"firstBaseline",children:[{type:"elem",elem:i},{type:"kern",size:-m},{type:"elem",elem:h}]},t)}var g=Ve.makeSpan(["mord","accent"],[h],t);return a?(a.children[0]=g,a.height=Math.max(g.height,a.height),a.classes[0]="mord",a):g},Ht=function(e,t){var r=e.isStretchy?Ct(e.label):new gt.MathNode("mo",[vt(e.label,e.mode)]),n=new gt.MathNode("mover",[kt(e.base,t),r]);return n.setAttribute("accent","true"),n},Et=new RegExp(["\\acute","\\grave","\\ddot","\\tilde","\\bar","\\breve","\\check","\\hat","\\vec","\\dot","\\mathring"].map((function(e){return"\\"+e})).join("|"));Ze({type:"accent",names:["\\acute","\\grave","\\ddot","\\tilde","\\bar","\\breve","\\check","\\hat","\\vec","\\dot","\\mathring","\\widecheck","\\widehat","\\widetilde","\\overrightarrow","\\overleftarrow","\\Overrightarrow","\\overleftrightarrow","\\overgroup","\\overlinesegment","\\overleftharpoon","\\overrightharpoon"],props:{numArgs:1},handler:function(e,t){var r=Je(t[0]),n=!Et.test(e.funcName),a=!n||"\\widehat"===e.funcName||"\\widetilde"===e.funcName||"\\widecheck"===e.funcName;return{type:"accent",mode:e.parser.mode,label:e.funcName,isStretchy:n,isShifty:a,base:r}},htmlBuilder:Rt,mathmlBuilder:Ht}),Ze({type:"accent",names:["\\'","\\`","\\^","\\~","\\=","\\u","\\.",'\\"',"\\c","\\r","\\H","\\v","\\textcircled"],props:{numArgs:1,allowedInText:!0,allowedInMath:!0,argTypes:["primitive"]},handler:function(e,t){var r=t[0],n=e.parser.mode;return"math"===n&&(e.parser.settings.reportNonstrict("mathVsTextAccents","LaTeX's accent "+e.funcName+" works only in text mode"),n="text"),{type:"accent",mode:n,label:e.funcName,isStretchy:!1,isShifty:!0,base:r}},htmlBuilder:Rt,mathmlBuilder:Ht}),Ze({type:"accentUnder",names:["\\underleftarrow","\\underrightarrow","\\underleftrightarrow","\\undergroup","\\underlinesegment","\\utilde"],props:{numArgs:1},handler:function(e,t){var r=e.parser,n=e.funcName,a=t[0];return{type:"accentUnder",mode:r.mode,label:n,base:a}},htmlBuilder:function(e,t){var r=ct(e.base,t),n=Nt(e,t),a="\\utilde"===e.label?.12:0,i=Ve.makeVList({positionType:"top",positionData:r.height,children:[{type:"elem",elem:n,wrapperClasses:["svg-align"]},{type:"kern",size:a},{type:"elem",elem:r}]},t);return Ve.makeSpan(["mord","accentunder"],[i],t)},mathmlBuilder:function(e,t){var r=Ct(e.label),n=new gt.MathNode("munder",[kt(e.base,t),r]);return n.setAttribute("accentunder","true"),n}});var Lt=function(e){var t=new gt.MathNode("mpadded",e?[e]:[]);return t.setAttribute("width","+0.6em"),t.setAttribute("lspace","0.3em"),t};Ze({type:"xArrow",names:["\\xleftarrow","\\xrightarrow","\\xLeftarrow","\\xRightarrow","\\xleftrightarrow","\\xLeftrightarrow","\\xhookleftarrow","\\xhookrightarrow","\\xmapsto","\\xrightharpoondown","\\xrightharpoonup","\\xleftharpoondown","\\xleftharpoonup","\\xrightleftharpoons","\\xleftrightharpoons","\\xlongequal","\\xtwoheadrightarrow","\\xtwoheadleftarrow","\\xtofrom","\\xrightleftarrows","\\xrightequilibrium","\\xleftequilibrium","\\\\cdrightarrow","\\\\cdleftarrow","\\\\cdlongequal"],props:{numArgs:1,numOptionalArgs:1},handler:function(e,t,r){var n=e.parser,a=e.funcName;return{type:"xArrow",mode:n.mode,label:a,body:t[0],below:r[0]}},htmlBuilder:function(e,t){var r,n=t.style,a=t.havingStyle(n.sup()),i=Ve.wrapFragment(ct(e.body,a,t),t),o="\\x"===e.label.slice(0,2)?"x":"cd";i.classes.push(o+"-arrow-pad"),e.below&&(a=t.havingStyle(n.sub()),(r=Ve.wrapFragment(ct(e.below,a,t),t)).classes.push(o+"-arrow-pad"));var s,l=Nt(e,t),h=-t.fontMetrics().axisHeight+.5*l.height,c=-t.fontMetrics().axisHeight-.5*l.height-.111;if((i.depth>.25||"\\xleftequilibrium"===e.label)&&(c-=i.depth),r){var m=-t.fontMetrics().axisHeight+r.height+.5*l.height+.111;s=Ve.makeVList({positionType:"individualShift",children:[{type:"elem",elem:i,shift:c},{type:"elem",elem:l,shift:h},{type:"elem",elem:r,shift:m}]},t)}else s=Ve.makeVList({positionType:"individualShift",children:[{type:"elem",elem:i,shift:c},{type:"elem",elem:l,shift:h}]},t);return s.children[0].children[0].children[1].classes.push("svg-align"),Ve.makeSpan(["mrel","x-arrow"],[s],t)},mathmlBuilder:function(e,t){var r,n=Ct(e.label);if(n.setAttribute("minsize","x"===e.label.charAt(0)?"1.75em":"3.0em"),e.body){var a=Lt(kt(e.body,t));if(e.below){var i=Lt(kt(e.below,t));r=new gt.MathNode("munderover",[n,i,a])}else r=new gt.MathNode("mover",[n,a])}else if(e.below){var o=Lt(kt(e.below,t));r=new gt.MathNode("munder",[n,o])}else r=Lt(),r=new gt.MathNode("mover",[n,r]);return r}});var Dt={">":"\\\\cdrightarrow","<":"\\\\cdleftarrow","=":"\\\\cdlongequal",A:"\\uparrow",V:"\\downarrow","|":"\\Vert",".":"no arrow"},Pt=function(e){return"textord"===e.type&&"@"===e.text};function Ft(e,t,r){var n=Dt[e];switch(n){case"\\\\cdrightarrow":case"\\\\cdleftarrow":return r.callFunction(n,[t[0]],[t[1]]);case"\\uparrow":case"\\downarrow":var a={type:"atom",text:n,mode:"math",family:"rel"},i={type:"ordgroup",mode:"math",body:[r.callFunction("\\\\cdleft",[t[0]],[]),r.callFunction("\\Big",[a],[]),r.callFunction("\\\\cdright",[t[1]],[])]};return r.callFunction("\\\\cdparent",[i],[]);case"\\\\cdlongequal":return r.callFunction("\\\\cdlongequal",[],[]);case"\\Vert":return r.callFunction("\\Big",[{type:"textord",text:"\\Vert",mode:"math"}],[]);default:return{type:"textord",text:" ",mode:"math"}}}Ze({type:"cdlabel",names:["\\\\cdleft","\\\\cdright"],props:{numArgs:1},handler:function(e,t){var r=e.parser,n=e.funcName;return{type:"cdlabel",mode:r.mode,side:n.slice(4),label:t[0]}},htmlBuilder:function(e,t){var r=t.havingStyle(t.style.sup()),n=Ve.wrapFragment(ct(e.label,r,t),t);return n.classes.push("cd-label-"+e.side),n.style.bottom=F(.8-n.depth),n.height=0,n.depth=0,n},mathmlBuilder:function(e,t){var r=new gt.MathNode("mrow",[kt(e.label,t)]);return(r=new gt.MathNode("mpadded",[r])).setAttribute("width","0"),"left"===e.side&&r.setAttribute("lspace","-1width"),r.setAttribute("voffset","0.7em"),(r=new gt.MathNode("mstyle",[r])).setAttribute("displaystyle","false"),r.setAttribute("scriptlevel","1"),r}}),Ze({type:"cdlabelparent",names:["\\\\cdparent"],props:{numArgs:1},handler:function(e,t){return{type:"cdlabelparent",mode:e.parser.mode,fragment:t[0]}},htmlBuilder:function(e,t){var r=Ve.wrapFragment(ct(e.fragment,t),t);return r.classes.push("cd-vert-arrow"),r},mathmlBuilder:function(e,t){return new gt.MathNode("mrow",[kt(e.fragment,t)])}}),Ze({type:"textord",names:["\\@char"],props:{numArgs:1,allowedInText:!0},handler:function(e,t){for(var r=e.parser,a=qt(t[0],"ordgroup").body,i="",o=0;o<a.length;o++)i+=qt(a[o],"textord").text;var s,l=parseInt(i);if(isNaN(l))throw new n("\\@char has non-numeric argument "+i);if(l<0||l>=1114111)throw new n("\\@char with invalid code point "+i);return l<=65535?s=String.fromCharCode(l):(l-=65536,s=String.fromCharCode(55296+(l>>10),56320+(1023&l))),{type:"textord",mode:r.mode,text:s}}});var Vt=function(e,t){var r=it(e.body,t.withColor(e.color),!1);return Ve.makeFragment(r)},Gt=function(e,t){var r=xt(e.body,t.withColor(e.color)),n=new gt.MathNode("mstyle",r);return n.setAttribute("mathcolor",e.color),n};Ze({type:"color",names:["\\textcolor"],props:{numArgs:2,allowedInText:!0,argTypes:["color","original"]},handler:function(e,t){var r=e.parser,n=qt(t[0],"color-token").color,a=t[1];return{type:"color",mode:r.mode,color:n,body:Qe(a)}},htmlBuilder:Vt,mathmlBuilder:Gt}),Ze({type:"color",names:["\\color"],props:{numArgs:1,allowedInText:!0,argTypes:["color"]},handler:function(e,t){var r=e.parser,n=e.breakOnTokenText,a=qt(t[0],"color-token").color;r.gullet.macros.set("\\current@color",a);var i=r.parseExpression(!0,n);return{type:"color",mode:r.mode,color:a,body:i}},htmlBuilder:Vt,mathmlBuilder:Gt}),Ze({type:"cr",names:["\\\\"],props:{numArgs:0,numOptionalArgs:1,argTypes:["size"],allowedInText:!0},handler:function(e,t,r){var n=e.parser,a=r[0],i=!n.settings.displayMode||!n.settings.useStrictBehavior("newLineInDisplayMode","In LaTeX, \\\\ or \\newline does nothing in display mode");return{type:"cr",mode:n.mode,newLine:i,size:a&&qt(a,"size").value}},htmlBuilder:function(e,t){var r=Ve.makeSpan(["mspace"],[],t);return e.newLine&&(r.classes.push("newline"),e.size&&(r.style.marginTop=F(P(e.size,t)))),r},mathmlBuilder:function(e,t){var r=new gt.MathNode("mspace");return e.newLine&&(r.setAttribute("linebreak","newline"),e.size&&r.setAttribute("height",F(P(e.size,t)))),r}});var Ut={"\\global":"\\global","\\long":"\\\\globallong","\\\\globallong":"\\\\globallong","\\def":"\\gdef","\\gdef":"\\gdef","\\edef":"\\xdef","\\xdef":"\\xdef","\\let":"\\\\globallet","\\futurelet":"\\\\globalfuture"},_t=function(e){var t=e.text;if(/^(?:[\\{}$&#^_]|EOF)$/.test(t))throw new n("Expected a control sequence",e);return t},Yt=function(e,t,r,n){var a=e.gullet.macros.get(r.text);null==a&&(r.noexpand=!0,a={tokens:[r],numArgs:0,unexpandable:!e.gullet.isExpandable(r.text)}),e.gullet.macros.set(t,a,n)};Ze({type:"internal",names:["\\global","\\long","\\\\globallong"],props:{numArgs:0,allowedInText:!0},handler:function(e){var t=e.parser,r=e.funcName;t.consumeSpaces();var a=t.fetch();if(Ut[a.text])return"\\global"!==r&&"\\\\globallong"!==r||(a.text=Ut[a.text]),qt(t.parseFunction(),"internal");throw new n("Invalid token after macro prefix",a)}}),Ze({type:"internal",names:["\\def","\\gdef","\\edef","\\xdef"],props:{numArgs:0,allowedInText:!0,primitive:!0},handler:function(e){var t=e.parser,r=e.funcName,a=t.gullet.popToken(),i=a.text;if(/^(?:[\\{}$&#^_]|EOF)$/.test(i))throw new n("Expected a control sequence",a);for(var o,s=0,l=[[]];"{"!==t.gullet.future().text;)if("#"===(a=t.gullet.popToken()).text){if("{"===t.gullet.future().text){o=t.gullet.future(),l[s].push("{");break}if(a=t.gullet.popToken(),!/^[1-9]$/.test(a.text))throw new n('Invalid argument number "'+a.text+'"');if(parseInt(a.text)!==s+1)throw new n('Argument number "'+a.text+'" out of order');s++,l.push([])}else{if("EOF"===a.text)throw new n("Expected a macro definition");l[s].push(a.text)}var h=t.gullet.consumeArg().tokens;return o&&h.unshift(o),"\\edef"!==r&&"\\xdef"!==r||(h=t.gullet.expandTokens(h)).reverse(),t.gullet.macros.set(i,{tokens:h,numArgs:s,delimiters:l},r===Ut[r]),{type:"internal",mode:t.mode}}}),Ze({type:"internal",names:["\\let","\\\\globallet"],props:{numArgs:0,allowedInText:!0,primitive:!0},handler:function(e){var t=e.parser,r=e.funcName,n=_t(t.gullet.popToken());t.gullet.consumeSpaces();var a=function(e){var t=e.gullet.popToken();return"="===t.text&&" "===(t=e.gullet.popToken()).text&&(t=e.gullet.popToken()),t}(t);return Yt(t,n,a,"\\\\globallet"===r),{type:"internal",mode:t.mode}}}),Ze({type:"internal",names:["\\futurelet","\\\\globalfuture"],props:{numArgs:0,allowedInText:!0,primitive:!0},handler:function(e){var t=e.parser,r=e.funcName,n=_t(t.gullet.popToken()),a=t.gullet.popToken(),i=t.gullet.popToken();return Yt(t,n,i,"\\\\globalfuture"===r),t.gullet.pushToken(i),t.gullet.pushToken(a),{type:"internal",mode:t.mode}}});var Xt=function(e,t,r){var n=C(ne.math[e]&&ne.math[e].replace||e,t,r);if(!n)throw new Error("Unsupported symbol "+e+" and font size "+t+".");return n},Wt=function(e,t,r,n){var a=r.havingBaseStyle(t),i=Ve.makeSpan(n.concat(a.sizingClasses(r)),[e],r),o=a.sizeMultiplier/r.sizeMultiplier;return i.height*=o,i.depth*=o,i.maxFontSize=a.sizeMultiplier,i},jt=function(e,t,r){var n=t.havingBaseStyle(r),a=(1-t.sizeMultiplier/n.sizeMultiplier)*t.fontMetrics().axisHeight;e.classes.push("delimcenter"),e.style.top=F(a),e.height-=a,e.depth+=a},$t=function(e,t,r,n,a,i){var o=function(e,t,r,n){return Ve.makeSymbol(e,"Size"+t+"-Regular",r,n)}(e,t,a,n),s=Wt(Ve.makeSpan(["delimsizing","size"+t],[o],n),x.TEXT,n,i);return r&&jt(s,n,x.TEXT),s},Zt=function(e,t,r){var n;return n="Size1-Regular"===t?"delim-size1":"delim-size4",{type:"elem",elem:Ve.makeSpan(["delimsizinginner",n],[Ve.makeSpan([],[Ve.makeSymbol(e,t,r)])])}},Kt=function(e,t,r){var n=A["Size4-Regular"][e.charCodeAt(0)]?A["Size4-Regular"][e.charCodeAt(0)][4]:A["Size1-Regular"][e.charCodeAt(0)][4],a=new K("inner",function(e,t){switch(e){case"⎜":return"M291 0 H417 V"+t+" H291z M291 0 H417 V"+t+" H291z";case"∣":return"M145 0 H188 V"+t+" H145z M145 0 H188 V"+t+" H145z";case"∥":return"M145 0 H188 V"+t+" H145z M145 0 H188 V"+t+" H145zM367 0 H410 V"+t+" H367z M367 0 H410 V"+t+" H367z";case"⎟":return"M457 0 H583 V"+t+" H457z M457 0 H583 V"+t+" H457z";case"⎢":return"M319 0 H403 V"+t+" H319z M319 0 H403 V"+t+" H319z";case"⎥":return"M263 0 H347 V"+t+" H263z M263 0 H347 V"+t+" H263z";case"⎪":return"M384 0 H504 V"+t+" H384z M384 0 H504 V"+t+" H384z";case"⏐":return"M312 0 H355 V"+t+" H312z M312 0 H355 V"+t+" H312z";case"‖":return"M257 0 H300 V"+t+" H257z M257 0 H300 V"+t+" H257zM478 0 H521 V"+t+" H478z M478 0 H521 V"+t+" H478z";default:return""}}(e,Math.round(1e3*t))),i=new Z([a],{width:F(n),height:F(t),style:"width:"+F(n),viewBox:"0 0 "+1e3*n+" "+Math.round(1e3*t),preserveAspectRatio:"xMinYMin"}),o=Ve.makeSvgSpan([],[i],r);return o.height=t,o.style.height=F(t),o.style.width=F(n),{type:"elem",elem:o}},Jt={type:"kern",size:-.008},Qt=["|","\\lvert","\\rvert","\\vert"],er=["\\|","\\lVert","\\rVert","\\Vert"],tr=function(e,t,r,n,a,i){var o,s,h,c;o=h=c=e,s=null;var m="Size1-Regular";"\\uparrow"===e?h=c="⏐":"\\Uparrow"===e?h=c="‖":"\\downarrow"===e?o=h="⏐":"\\Downarrow"===e?o=h="‖":"\\updownarrow"===e?(o="\\uparrow",h="⏐",c="\\downarrow"):"\\Updownarrow"===e?(o="\\Uparrow",h="‖",c="\\Downarrow"):l.contains(Qt,e)?h="∣":l.contains(er,e)?h="∥":"["===e||"\\lbrack"===e?(o="⎡",h="⎢",c="⎣",m="Size4-Regular"):"]"===e||"\\rbrack"===e?(o="⎤",h="⎥",c="⎦",m="Size4-Regular"):"\\lfloor"===e||"⌊"===e?(h=o="⎢",c="⎣",m="Size4-Regular"):"\\lceil"===e||"⌈"===e?(o="⎡",h=c="⎢",m="Size4-Regular"):"\\rfloor"===e||"⌋"===e?(h=o="⎥",c="⎦",m="Size4-Regular"):"\\rceil"===e||"⌉"===e?(o="⎤",h=c="⎥",m="Size4-Regular"):"("===e||"\\lparen"===e?(o="⎛",h="⎜",c="⎝",m="Size4-Regular"):")"===e||"\\rparen"===e?(o="⎞",h="⎟",c="⎠",m="Size4-Regular"):"\\{"===e||"\\lbrace"===e?(o="⎧",s="⎨",c="⎩",h="⎪",m="Size4-Regular"):"\\}"===e||"\\rbrace"===e?(o="⎫",s="⎬",c="⎭",h="⎪",m="Size4-Regular"):"\\lgroup"===e||"⟮"===e?(o="⎧",c="⎩",h="⎪",m="Size4-Regular"):"\\rgroup"===e||"⟯"===e?(o="⎫",c="⎭",h="⎪",m="Size4-Regular"):"\\lmoustache"===e||"⎰"===e?(o="⎧",c="⎭",h="⎪",m="Size4-Regular"):"\\rmoustache"!==e&&"⎱"!==e||(o="⎫",c="⎩",h="⎪",m="Size4-Regular");var u=Xt(o,m,a),p=u.height+u.depth,d=Xt(h,m,a),f=d.height+d.depth,g=Xt(c,m,a),v=g.height+g.depth,y=0,b=1;if(null!==s){var w=Xt(s,m,a);y=w.height+w.depth,b=2}var k=p+v+y,S=k+Math.max(0,Math.ceil((t-k)/(b*f)))*b*f,M=n.fontMetrics().axisHeight;r&&(M*=n.sizeMultiplier);var z=S/2-M,A=[];if(A.push(Zt(c,m,a)),A.push(Jt),null===s){var T=S-p-v+.016;A.push(Kt(h,T,n))}else{var B=(S-p-v-y)/2+.016;A.push(Kt(h,B,n)),A.push(Jt),A.push(Zt(s,m,a)),A.push(Jt),A.push(Kt(h,B,n))}A.push(Jt),A.push(Zt(o,m,a));var C=n.havingBaseStyle(x.TEXT),N=Ve.makeVList({positionType:"bottom",positionData:z,children:A},C);return Wt(Ve.makeSpan(["delimsizing","mult"],[N],C),x.TEXT,n,i)},rr=function(e,t,r,n,a){var i=function(e,t,r){t*=1e3;var n="";switch(e){case"sqrtMain":n=function(e,t){return"M95,"+(622+e+t)+"\nc-2.7,0,-7.17,-2.7,-13.5,-8c-5.8,-5.3,-9.5,-10,-9.5,-14\nc0,-2,0.3,-3.3,1,-4c1.3,-2.7,23.83,-20.7,67.5,-54\nc44.2,-33.3,65.8,-50.3,66.5,-51c1.3,-1.3,3,-2,5,-2c4.7,0,8.7,3.3,12,10\ns173,378,173,378c0.7,0,35.3,-71,104,-213c68.7,-142,137.5,-285,206.5,-429\nc69,-144,104.5,-217.7,106.5,-221\nl"+e/2.075+" -"+e+"\nc5.3,-9.3,12,-14,20,-14\nH400000v"+(40+e)+"H845.2724\ns-225.272,467,-225.272,467s-235,486,-235,486c-2.7,4.7,-9,7,-19,7\nc-6,0,-10,-1,-12,-3s-194,-422,-194,-422s-65,47,-65,47z\nM"+(834+e)+" "+t+"h400000v"+(40+e)+"h-400000z"}(t,80);break;case"sqrtSize1":n=function(e,t){return"M263,"+(601+e+t)+"c0.7,0,18,39.7,52,119\nc34,79.3,68.167,158.7,102.5,238c34.3,79.3,51.8,119.3,52.5,120\nc340,-704.7,510.7,-1060.3,512,-1067\nl"+e/2.084+" -"+e+"\nc4.7,-7.3,11,-11,19,-11\nH40000v"+(40+e)+"H1012.3\ns-271.3,567,-271.3,567c-38.7,80.7,-84,175,-136,283c-52,108,-89.167,185.3,-111.5,232\nc-22.3,46.7,-33.8,70.3,-34.5,71c-4.7,4.7,-12.3,7,-23,7s-12,-1,-12,-1\ns-109,-253,-109,-253c-72.7,-168,-109.3,-252,-110,-252c-10.7,8,-22,16.7,-34,26\nc-22,17.3,-33.3,26,-34,26s-26,-26,-26,-26s76,-59,76,-59s76,-60,76,-60z\nM"+(1001+e)+" "+t+"h400000v"+(40+e)+"h-400000z"}(t,80);break;case"sqrtSize2":n=function(e,t){return"M983 "+(10+e+t)+"\nl"+e/3.13+" -"+e+"\nc4,-6.7,10,-10,18,-10 H400000v"+(40+e)+"\nH1013.1s-83.4,268,-264.1,840c-180.7,572,-277,876.3,-289,913c-4.7,4.7,-12.7,7,-24,7\ns-12,0,-12,0c-1.3,-3.3,-3.7,-11.7,-7,-25c-35.3,-125.3,-106.7,-373.3,-214,-744\nc-10,12,-21,25,-33,39s-32,39,-32,39c-6,-5.3,-15,-14,-27,-26s25,-30,25,-30\nc26.7,-32.7,52,-63,76,-91s52,-60,52,-60s208,722,208,722\nc56,-175.3,126.3,-397.3,211,-666c84.7,-268.7,153.8,-488.2,207.5,-658.5\nc53.7,-170.3,84.5,-266.8,92.5,-289.5z\nM"+(1001+e)+" "+t+"h400000v"+(40+e)+"h-400000z"}(t,80);break;case"sqrtSize3":n=function(e,t){return"M424,"+(2398+e+t)+"\nc-1.3,-0.7,-38.5,-172,-111.5,-514c-73,-342,-109.8,-513.3,-110.5,-514\nc0,-2,-10.7,14.3,-32,49c-4.7,7.3,-9.8,15.7,-15.5,25c-5.7,9.3,-9.8,16,-12.5,20\ns-5,7,-5,7c-4,-3.3,-8.3,-7.7,-13,-13s-13,-13,-13,-13s76,-122,76,-122s77,-121,77,-121\ns209,968,209,968c0,-2,84.7,-361.7,254,-1079c169.3,-717.3,254.7,-1077.7,256,-1081\nl"+e/4.223+" -"+e+"c4,-6.7,10,-10,18,-10 H400000\nv"+(40+e)+"H1014.6\ns-87.3,378.7,-272.6,1166c-185.3,787.3,-279.3,1182.3,-282,1185\nc-2,6,-10,9,-24,9\nc-8,0,-12,-0.7,-12,-2z M"+(1001+e)+" "+t+"\nh400000v"+(40+e)+"h-400000z"}(t,80);break;case"sqrtSize4":n=function(e,t){return"M473,"+(2713+e+t)+"\nc339.3,-1799.3,509.3,-2700,510,-2702 l"+e/5.298+" -"+e+"\nc3.3,-7.3,9.3,-11,18,-11 H400000v"+(40+e)+"H1017.7\ns-90.5,478,-276.2,1466c-185.7,988,-279.5,1483,-281.5,1485c-2,6,-10,9,-24,9\nc-8,0,-12,-0.7,-12,-2c0,-1.3,-5.3,-32,-16,-92c-50.7,-293.3,-119.7,-693.3,-207,-1200\nc0,-1.3,-5.3,8.7,-16,30c-10.7,21.3,-21.3,42.7,-32,64s-16,33,-16,33s-26,-26,-26,-26\ns76,-153,76,-153s77,-151,77,-151c0.7,0.7,35.7,202,105,604c67.3,400.7,102,602.7,104,\n606zM"+(1001+e)+" "+t+"h400000v"+(40+e)+"H1017.7z"}(t,80);break;case"sqrtTall":n=function(e,t,r){return"M702 "+(e+t)+"H400000"+(40+e)+"\nH742v"+(r-54-t-e)+"l-4 4-4 4c-.667.7 -2 1.5-4 2.5s-4.167 1.833-6.5 2.5-5.5 1-9.5 1\nh-12l-28-84c-16.667-52-96.667 -294.333-240-727l-212 -643 -85 170\nc-4-3.333-8.333-7.667-13 -13l-13-13l77-155 77-156c66 199.333 139 419.667\n219 661 l218 661zM702 "+t+"H400000v"+(40+e)+"H742z"}(t,80,r)}return n}(e,n,r),o=new K(e,i),s=new Z([o],{width:"400em",height:F(t),viewBox:"0 0 400000 "+r,preserveAspectRatio:"xMinYMin slice"});return Ve.makeSvgSpan(["hide-tail"],[s],a)},nr=["(","\\lparen",")","\\rparen","[","\\lbrack","]","\\rbrack","\\{","\\lbrace","\\}","\\rbrace","\\lfloor","\\rfloor","⌊","⌋","\\lceil","\\rceil","⌈","⌉","\\surd"],ar=["\\uparrow","\\downarrow","\\updownarrow","\\Uparrow","\\Downarrow","\\Updownarrow","|","\\|","\\vert","\\Vert","\\lvert","\\rvert","\\lVert","\\rVert","\\lgroup","\\rgroup","⟮","⟯","\\lmoustache","\\rmoustache","⎰","⎱"],ir=["<",">","\\langle","\\rangle","/","\\backslash","\\lt","\\gt"],or=[0,1.2,1.8,2.4,3],sr=[{type:"small",style:x.SCRIPTSCRIPT},{type:"small",style:x.SCRIPT},{type:"small",style:x.TEXT},{type:"large",size:1},{type:"large",size:2},{type:"large",size:3},{type:"large",size:4}],lr=[{type:"small",style:x.SCRIPTSCRIPT},{type:"small",style:x.SCRIPT},{type:"small",style:x.TEXT},{type:"stack"}],hr=[{type:"small",style:x.SCRIPTSCRIPT},{type:"small",style:x.SCRIPT},{type:"small",style:x.TEXT},{type:"large",size:1},{type:"large",size:2},{type:"large",size:3},{type:"large",size:4},{type:"stack"}],cr=function(e){if("small"===e.type)return"Main-Regular";if("large"===e.type)return"Size"+e.size+"-Regular";if("stack"===e.type)return"Size4-Regular";throw new Error("Add support for delim type '"+e.type+"' here.")},mr=function(e,t,r,n){for(var a=Math.min(2,3-n.style.size);a<r.length&&"stack"!==r[a].type;a++){var i=Xt(e,cr(r[a]),"math"),o=i.height+i.depth;if("small"===r[a].type&&(o*=n.havingBaseStyle(r[a].style).sizeMultiplier),o>t)return r[a]}return r[r.length-1]},ur=function(e,t,r,n,a,i){var o;"<"===e||"\\lt"===e||"⟨"===e?e="\\langle":">"!==e&&"\\gt"!==e&&"⟩"!==e||(e="\\rangle"),o=l.contains(ir,e)?sr:l.contains(nr,e)?hr:lr;var s=mr(e,t,o,n);return"small"===s.type?function(e,t,r,n,a,i){var o=Ve.makeSymbol(e,"Main-Regular",a,n),s=Wt(o,t,n,i);return r&&jt(s,n,t),s}(e,s.style,r,n,a,i):"large"===s.type?$t(e,s.size,r,n,a,i):tr(e,t,r,n,a,i)},pr={sqrtImage:function(e,t){var r,n,a=t.havingBaseSizing(),i=mr("\\surd",e*a.sizeMultiplier,hr,a),o=a.sizeMultiplier,s=Math.max(0,t.minRuleThickness-t.fontMetrics().sqrtRuleThickness),l=0,h=0,c=0;return"small"===i.type?(e<1?o=1:e<1.4&&(o=.7),h=(1+s)/o,(r=rr("sqrtMain",l=(1+s+.08)/o,c=1e3+1e3*s+80,s,t)).style.minWidth="0.853em",n=.833/o):"large"===i.type?(c=1080*or[i.size],h=(or[i.size]+s)/o,l=(or[i.size]+s+.08)/o,(r=rr("sqrtSize"+i.size,l,c,s,t)).style.minWidth="1.02em",n=1/o):(l=e+s+.08,h=e+s,c=Math.floor(1e3*e+s)+80,(r=rr("sqrtTall",l,c,s,t)).style.minWidth="0.742em",n=1.056),r.height=h,r.style.height=F(l),{span:r,advanceWidth:n,ruleWidth:(t.fontMetrics().sqrtRuleThickness+s)*o}},sizedDelim:function(e,t,r,a,i){if("<"===e||"\\lt"===e||"⟨"===e?e="\\langle":">"!==e&&"\\gt"!==e&&"⟩"!==e||(e="\\rangle"),l.contains(nr,e)||l.contains(ir,e))return $t(e,t,!1,r,a,i);if(l.contains(ar,e))return tr(e,or[t],!1,r,a,i);throw new n("Illegal delimiter: '"+e+"'")},sizeToMaxHeight:or,customSizedDelim:ur,leftRightDelim:function(e,t,r,n,a,i){var o=n.fontMetrics().axisHeight*n.sizeMultiplier,s=5/n.fontMetrics().ptPerEm,l=Math.max(t-o,r+o),h=Math.max(l/500*901,2*l-s);return ur(e,h,!0,n,a,i)}},dr={"\\bigl":{mclass:"mopen",size:1},"\\Bigl":{mclass:"mopen",size:2},"\\biggl":{mclass:"mopen",size:3},"\\Biggl":{mclass:"mopen",size:4},"\\bigr":{mclass:"mclose",size:1},"\\Bigr":{mclass:"mclose",size:2},"\\biggr":{mclass:"mclose",size:3},"\\Biggr":{mclass:"mclose",size:4},"\\bigm":{mclass:"mrel",size:1},"\\Bigm":{mclass:"mrel",size:2},"\\biggm":{mclass:"mrel",size:3},"\\Biggm":{mclass:"mrel",size:4},"\\big":{mclass:"mord",size:1},"\\Big":{mclass:"mord",size:2},"\\bigg":{mclass:"mord",size:3},"\\Bigg":{mclass:"mord",size:4}},fr=["(","\\lparen",")","\\rparen","[","\\lbrack","]","\\rbrack","\\{","\\lbrace","\\}","\\rbrace","\\lfloor","\\rfloor","⌊","⌋","\\lceil","\\rceil","⌈","⌉","<",">","\\langle","⟨","\\rangle","⟩","\\lt","\\gt","\\lvert","\\rvert","\\lVert","\\rVert","\\lgroup","\\rgroup","⟮","⟯","\\lmoustache","\\rmoustache","⎰","⎱","/","\\backslash","|","\\vert","\\|","\\Vert","\\uparrow","\\Uparrow","\\downarrow","\\Downarrow","\\updownarrow","\\Updownarrow","."];function gr(e,t){var r=Ot(e);if(r&&l.contains(fr,r.text))return r;throw new n(r?"Invalid delimiter '"+r.text+"' after '"+t.funcName+"'":"Invalid delimiter type '"+e.type+"'",e)}function vr(e){if(!e.body)throw new Error("Bug: The leftright ParseNode wasn't fully parsed.")}Ze({type:"delimsizing",names:["\\bigl","\\Bigl","\\biggl","\\Biggl","\\bigr","\\Bigr","\\biggr","\\Biggr","\\bigm","\\Bigm","\\biggm","\\Biggm","\\big","\\Big","\\bigg","\\Bigg"],props:{numArgs:1,argTypes:["primitive"]},handler:function(e,t){var r=gr(t[0],e);return{type:"delimsizing",mode:e.parser.mode,size:dr[e.funcName].size,mclass:dr[e.funcName].mclass,delim:r.text}},htmlBuilder:function(e,t){return"."===e.delim?Ve.makeSpan([e.mclass]):pr.sizedDelim(e.delim,e.size,t,e.mode,[e.mclass])},mathmlBuilder:function(e){var t=[];"."!==e.delim&&t.push(vt(e.delim,e.mode));var r=new gt.MathNode("mo",t);"mopen"===e.mclass||"mclose"===e.mclass?r.setAttribute("fence","true"):r.setAttribute("fence","false"),r.setAttribute("stretchy","true");var n=F(pr.sizeToMaxHeight[e.size]);return r.setAttribute("minsize",n),r.setAttribute("maxsize",n),r}}),Ze({type:"leftright-right",names:["\\right"],props:{numArgs:1,primitive:!0},handler:function(e,t){var r=e.parser.gullet.macros.get("\\current@color");if(r&&"string"!=typeof r)throw new n("\\current@color set to non-string in \\right");return{type:"leftright-right",mode:e.parser.mode,delim:gr(t[0],e).text,color:r}}}),Ze({type:"leftright",names:["\\left"],props:{numArgs:1,primitive:!0},handler:function(e,t){var r=gr(t[0],e),n=e.parser;++n.leftrightDepth;var a=n.parseExpression(!1);--n.leftrightDepth,n.expect("\\right",!1);var i=qt(n.parseFunction(),"leftright-right");return{type:"leftright",mode:n.mode,body:a,left:r.text,right:i.delim,rightColor:i.color}},htmlBuilder:function(e,t){vr(e);for(var r,n,a=it(e.body,t,!0,["mopen","mclose"]),i=0,o=0,s=!1,l=0;l<a.length;l++)a[l].isMiddle?s=!0:(i=Math.max(a[l].height,i),o=Math.max(a[l].depth,o));if(i*=t.sizeMultiplier,o*=t.sizeMultiplier,r="."===e.left?ht(t,["mopen"]):pr.leftRightDelim(e.left,i,o,t,e.mode,["mopen"]),a.unshift(r),s)for(var h=1;h<a.length;h++){var c=a[h].isMiddle;c&&(a[h]=pr.leftRightDelim(c.delim,i,o,c.options,e.mode,[]))}if("."===e.right)n=ht(t,["mclose"]);else{var m=e.rightColor?t.withColor(e.rightColor):t;n=pr.leftRightDelim(e.right,i,o,m,e.mode,["mclose"])}return a.push(n),Ve.makeSpan(["minner"],a,t)},mathmlBuilder:function(e,t){vr(e);var r=xt(e.body,t);if("."!==e.left){var n=new gt.MathNode("mo",[vt(e.left,e.mode)]);n.setAttribute("fence","true"),r.unshift(n)}if("."!==e.right){var a=new gt.MathNode("mo",[vt(e.right,e.mode)]);a.setAttribute("fence","true"),e.rightColor&&a.setAttribute("mathcolor",e.rightColor),r.push(a)}return yt(r)}}),Ze({type:"middle",names:["\\middle"],props:{numArgs:1,primitive:!0},handler:function(e,t){var r=gr(t[0],e);if(!e.parser.leftrightDepth)throw new n("\\middle without preceding \\left",r);return{type:"middle",mode:e.parser.mode,delim:r.text}},htmlBuilder:function(e,t){var r;if("."===e.delim)r=ht(t,[]);else{r=pr.sizedDelim(e.delim,1,t,e.mode,[]);var n={delim:e.delim,options:t};r.isMiddle=n}return r},mathmlBuilder:function(e,t){var r="\\vert"===e.delim||"|"===e.delim?vt("|","text"):vt(e.delim,e.mode),n=new gt.MathNode("mo",[r]);return n.setAttribute("fence","true"),n.setAttribute("lspace","0.05em"),n.setAttribute("rspace","0.05em"),n}});var yr=function(e,t){var r,n,a,i=Ve.wrapFragment(ct(e.body,t),t),o=e.label.substr(1),s=t.sizeMultiplier,h=0,c=l.isCharacterBox(e.body);if("sout"===o)(r=Ve.makeSpan(["stretchy","sout"])).height=t.fontMetrics().defaultRuleThickness/s,h=-.5*t.fontMetrics().xHeight;else if("phase"===o){var m=P({number:.6,unit:"pt"},t),u=P({number:.35,unit:"ex"},t);s/=t.havingBaseSizing().sizeMultiplier;var p=i.height+i.depth+m+u;i.style.paddingLeft=F(p/2+m);var d=Math.floor(1e3*p*s),f="M400000 "+(n=d)+" H0 L"+n/2+" 0 l65 45 L145 "+(n-80)+" H400000z",g=new Z([new K("phase",f)],{width:"400em",height:F(d/1e3),viewBox:"0 0 400000 "+d,preserveAspectRatio:"xMinYMin slice"});(r=Ve.makeSvgSpan(["hide-tail"],[g],t)).style.height=F(p),h=i.depth+m+u}else{/cancel/.test(o)?c||i.classes.push("cancel-pad"):"angl"===o?i.classes.push("anglpad"):i.classes.push("boxpad");var v=0,y=0,b=0;/box/.test(o)?(b=Math.max(t.fontMetrics().fboxrule,t.minRuleThickness),y=v=t.fontMetrics().fboxsep+("colorbox"===o?0:b)):"angl"===o?(v=4*(b=Math.max(t.fontMetrics().defaultRuleThickness,t.minRuleThickness)),y=Math.max(0,.25-i.depth)):y=v=c?.2:0,r=Bt(i,o,v,y,t),/fbox|boxed|fcolorbox/.test(o)?(r.style.borderStyle="solid",r.style.borderWidth=F(b)):"angl"===o&&.049!==b&&(r.style.borderTopWidth=F(b),r.style.borderRightWidth=F(b)),h=i.depth+y,e.backgroundColor&&(r.style.backgroundColor=e.backgroundColor,e.borderColor&&(r.style.borderColor=e.borderColor))}if(e.backgroundColor)a=Ve.makeVList({positionType:"individualShift",children:[{type:"elem",elem:r,shift:h},{type:"elem",elem:i,shift:0}]},t);else{var x=/cancel|phase/.test(o)?["svg-align"]:[];a=Ve.makeVList({positionType:"individualShift",children:[{type:"elem",elem:i,shift:0},{type:"elem",elem:r,shift:h,wrapperClasses:x}]},t)}return/cancel/.test(o)&&(a.height=i.height,a.depth=i.depth),/cancel/.test(o)&&!c?Ve.makeSpan(["mord","cancel-lap"],[a],t):Ve.makeSpan(["mord"],[a],t)},br=function(e,t){var r=0,n=new gt.MathNode(e.label.indexOf("colorbox")>-1?"mpadded":"menclose",[kt(e.body,t)]);switch(e.label){case"\\cancel":n.setAttribute("notation","updiagonalstrike");break;case"\\bcancel":n.setAttribute("notation","downdiagonalstrike");break;case"\\phase":n.setAttribute("notation","phasorangle");break;case"\\sout":n.setAttribute("notation","horizontalstrike");break;case"\\fbox":n.setAttribute("notation","box");break;case"\\angl":n.setAttribute("notation","actuarial");break;case"\\fcolorbox":case"\\colorbox":if(r=t.fontMetrics().fboxsep*t.fontMetrics().ptPerEm,n.setAttribute("width","+"+2*r+"pt"),n.setAttribute("height","+"+2*r+"pt"),n.setAttribute("lspace",r+"pt"),n.setAttribute("voffset",r+"pt"),"\\fcolorbox"===e.label){var a=Math.max(t.fontMetrics().fboxrule,t.minRuleThickness);n.setAttribute("style","border: "+a+"em solid "+String(e.borderColor))}break;case"\\xcancel":n.setAttribute("notation","updiagonalstrike downdiagonalstrike")}return e.backgroundColor&&n.setAttribute("mathbackground",e.backgroundColor),n};Ze({type:"enclose",names:["\\colorbox"],props:{numArgs:2,allowedInText:!0,argTypes:["color","text"]},handler:function(e,t,r){var n=e.parser,a=e.funcName,i=qt(t[0],"color-token").color,o=t[1];return{type:"enclose",mode:n.mode,label:a,backgroundColor:i,body:o}},htmlBuilder:yr,mathmlBuilder:br}),Ze({type:"enclose",names:["\\fcolorbox"],props:{numArgs:3,allowedInText:!0,argTypes:["color","color","text"]},handler:function(e,t,r){var n=e.parser,a=e.funcName,i=qt(t[0],"color-token").color,o=qt(t[1],"color-token").color,s=t[2];return{type:"enclose",mode:n.mode,label:a,backgroundColor:o,borderColor:i,body:s}},htmlBuilder:yr,mathmlBuilder:br}),Ze({type:"enclose",names:["\\fbox"],props:{numArgs:1,argTypes:["hbox"],allowedInText:!0},handler:function(e,t){return{type:"enclose",mode:e.parser.mode,label:"\\fbox",body:t[0]}}}),Ze({type:"enclose",names:["\\cancel","\\bcancel","\\xcancel","\\sout","\\phase"],props:{numArgs:1},handler:function(e,t){var r=e.parser,n=e.funcName,a=t[0];return{type:"enclose",mode:r.mode,label:n,body:a}},htmlBuilder:yr,mathmlBuilder:br}),Ze({type:"enclose",names:["\\angl"],props:{numArgs:1,argTypes:["hbox"],allowedInText:!1},handler:function(e,t){return{type:"enclose",mode:e.parser.mode,label:"\\angl",body:t[0]}}});var xr={};function wr(e){for(var t=e.type,r=e.names,n=e.props,a=e.handler,i=e.htmlBuilder,o=e.mathmlBuilder,s={type:t,numArgs:n.numArgs||0,allowedInText:!1,numOptionalArgs:0,handler:a},l=0;l<r.length;++l)xr[r[l]]=s;i&&(je[t]=i),o&&($e[t]=o)}var kr={};function Sr(e,t){kr[e]=t}var Mr=function(){function e(e,t,r){this.lexer=void 0,this.start=void 0,this.end=void 0,this.lexer=e,this.start=t,this.end=r}return e.range=function(t,r){return r?t&&t.loc&&r.loc&&t.loc.lexer===r.loc.lexer?new e(t.loc.lexer,t.loc.start,r.loc.end):null:t&&t.loc},e}(),zr=function(){function e(e,t){this.text=void 0,this.loc=void 0,this.noexpand=void 0,this.treatAsRelax=void 0,this.text=e,this.loc=t}return e.prototype.range=function(t,r){return new e(r,Mr.range(this,t))},e}();function Ar(e){var t=[];e.consumeSpaces();for(var r=e.fetch().text;"\\hline"===r||"\\hdashline"===r;)e.consume(),t.push("\\hdashline"===r),e.consumeSpaces(),r=e.fetch().text;return t}var Tr=function(e){if(!e.parser.settings.displayMode)throw new n("{"+e.envName+"} can be used only in display mode.")};function Br(e){if(-1===e.indexOf("ed"))return-1===e.indexOf("*")}function Cr(e,t,r){var a=t.hskipBeforeAndAfter,i=t.addJot,o=t.cols,s=t.arraystretch,l=t.colSeparationType,h=t.autoTag,c=t.singleRow,m=t.emptySingleRow,u=t.maxNumCols,p=t.leqno;if(e.gullet.beginGroup(),c||e.gullet.macros.set("\\cr","\\\\\\relax"),!s){var d=e.gullet.expandMacroAsText("\\arraystretch");if(null==d)s=1;else if(!(s=parseFloat(d))||s<0)throw new n("Invalid \\arraystretch: "+d)}e.gullet.beginGroup();var f=[],g=[f],v=[],y=[],b=null!=h?[]:void 0;function x(){h&&e.gullet.macros.set("\\@eqnsw","1",!0)}function w(){b&&(e.gullet.macros.get("\\df@tag")?(b.push(e.subparse([new zr("\\df@tag")])),e.gullet.macros.set("\\df@tag",void 0,!0)):b.push(Boolean(h)&&"1"===e.gullet.macros.get("\\@eqnsw")))}for(x(),y.push(Ar(e));;){var k=e.parseExpression(!1,c?"\\end":"\\\\");e.gullet.endGroup(),e.gullet.beginGroup(),k={type:"ordgroup",mode:e.mode,body:k},r&&(k={type:"styling",mode:e.mode,style:r,body:[k]}),f.push(k);var S=e.fetch().text;if("&"===S){if(u&&f.length===u){if(c||l)throw new n("Too many tab characters: &",e.nextToken);e.settings.reportNonstrict("textEnv","Too few columns specified in the {array} column argument.")}e.consume()}else{if("\\end"===S){w(),1===f.length&&"styling"===k.type&&0===k.body[0].body.length&&(g.length>1||!m)&&g.pop(),y.length<g.length+1&&y.push([]);break}if("\\\\"!==S)throw new n("Expected & or \\\\ or \\cr or \\end",e.nextToken);e.consume();var M=void 0;" "!==e.gullet.future().text&&(M=e.parseSizeGroup(!0)),v.push(M?M.value:null),w(),y.push(Ar(e)),f=[],g.push(f),x()}}return e.gullet.endGroup(),e.gullet.endGroup(),{type:"array",mode:e.mode,addJot:i,arraystretch:s,body:g,cols:o,rowGaps:v,hskipBeforeAndAfter:a,hLinesBeforeRow:y,colSeparationType:l,tags:b,leqno:p}}function Nr(e){return"d"===e.substr(0,1)?"display":"text"}var qr=function(e,t){var r,a,i=e.body.length,o=e.hLinesBeforeRow,s=0,h=new Array(i),c=[],m=Math.max(t.fontMetrics().arrayRuleWidth,t.minRuleThickness),u=1/t.fontMetrics().ptPerEm,p=5*u;e.colSeparationType&&"small"===e.colSeparationType&&(p=t.havingStyle(x.SCRIPT).sizeMultiplier/t.sizeMultiplier*.2778);var d="CD"===e.colSeparationType?P({number:3,unit:"ex"},t):12*u,f=3*u,g=e.arraystretch*d,v=.7*g,y=.3*g,b=0;function w(e){for(var t=0;t<e.length;++t)t>0&&(b+=.25),c.push({pos:b,isDashed:e[t]})}for(w(o[0]),r=0;r<e.body.length;++r){var k=e.body[r],S=v,M=y;s<k.length&&(s=k.length);var z=new Array(k.length);for(a=0;a<k.length;++a){var A=ct(k[a],t);M<A.depth&&(M=A.depth),S<A.height&&(S=A.height),z[a]=A}var T=e.rowGaps[r],B=0;T&&(B=P(T,t))>0&&(M<(B+=y)&&(M=B),B=0),e.addJot&&(M+=f),z.height=S,z.depth=M,b+=S,z.pos=b,b+=M+B,h[r]=z,w(o[r+1])}var C,N,q=b/2+t.fontMetrics().axisHeight,I=e.cols||[],O=[],R=[];if(e.tags&&e.tags.some((function(e){return e})))for(r=0;r<i;++r){var H=h[r],E=H.pos-q,L=e.tags[r],D=void 0;(D=!0===L?Ve.makeSpan(["eqn-num"],[],t):!1===L?Ve.makeSpan([],[],t):Ve.makeSpan([],it(L,t,!0),t)).depth=H.depth,D.height=H.height,R.push({type:"elem",elem:D,shift:E})}for(a=0,N=0;a<s||N<I.length;++a,++N){for(var V=I[N]||{},G=!0;"separator"===V.type;){if(G||((C=Ve.makeSpan(["arraycolsep"],[])).style.width=F(t.fontMetrics().doubleRuleSep),O.push(C)),"|"!==V.separator&&":"!==V.separator)throw new n("Invalid separator type: "+V.separator);var U="|"===V.separator?"solid":"dashed",_=Ve.makeSpan(["vertical-separator"],[],t);_.style.height=F(b),_.style.borderRightWidth=F(m),_.style.borderRightStyle=U,_.style.margin="0 "+F(-m/2);var Y=b-q;Y&&(_.style.verticalAlign=F(-Y)),O.push(_),V=I[++N]||{},G=!1}if(!(a>=s)){var X=void 0;(a>0||e.hskipBeforeAndAfter)&&0!==(X=l.deflt(V.pregap,p))&&((C=Ve.makeSpan(["arraycolsep"],[])).style.width=F(X),O.push(C));var W=[];for(r=0;r<i;++r){var j=h[r],$=j[a];if($){var Z=j.pos-q;$.depth=j.depth,$.height=j.height,W.push({type:"elem",elem:$,shift:Z})}}W=Ve.makeVList({positionType:"individualShift",children:W},t),W=Ve.makeSpan(["col-align-"+(V.align||"c")],[W]),O.push(W),(a<s-1||e.hskipBeforeAndAfter)&&0!==(X=l.deflt(V.postgap,p))&&((C=Ve.makeSpan(["arraycolsep"],[])).style.width=F(X),O.push(C))}}if(h=Ve.makeSpan(["mtable"],O),c.length>0){for(var K=Ve.makeLineSpan("hline",t,m),J=Ve.makeLineSpan("hdashline",t,m),Q=[{type:"elem",elem:h,shift:0}];c.length>0;){var ee=c.pop(),te=ee.pos-q;ee.isDashed?Q.push({type:"elem",elem:J,shift:te}):Q.push({type:"elem",elem:K,shift:te})}h=Ve.makeVList({positionType:"individualShift",children:Q},t)}if(0===R.length)return Ve.makeSpan(["mord"],[h],t);var re=Ve.makeVList({positionType:"individualShift",children:R},t);return re=Ve.makeSpan(["tag"],[re],t),Ve.makeFragment([h,re])},Ir={c:"center ",l:"left ",r:"right "},Or=function(e,t){for(var r=[],n=new gt.MathNode("mtd",[],["mtr-glue"]),a=new gt.MathNode("mtd",[],["mml-eqn-num"]),i=0;i<e.body.length;i++){for(var o=e.body[i],s=[],l=0;l<o.length;l++)s.push(new gt.MathNode("mtd",[kt(o[l],t)]));e.tags&&e.tags[i]&&(s.unshift(n),s.push(n),e.leqno?s.unshift(a):s.push(a)),r.push(new gt.MathNode("mtr",s))}var h=new gt.MathNode("mtable",r),c=.5===e.arraystretch?.1:.16+e.arraystretch-1+(e.addJot?.09:0);h.setAttribute("rowspacing",F(c));var m="",u="";if(e.cols&&e.cols.length>0){var p=e.cols,d="",f=!1,g=0,v=p.length;"separator"===p[0].type&&(m+="top ",g=1),"separator"===p[p.length-1].type&&(m+="bottom ",v-=1);for(var y=g;y<v;y++)"align"===p[y].type?(u+=Ir[p[y].align],f&&(d+="none "),f=!0):"separator"===p[y].type&&f&&(d+="|"===p[y].separator?"solid ":"dashed ",f=!1);h.setAttribute("columnalign",u.trim()),/[sd]/.test(d)&&h.setAttribute("columnlines",d.trim())}if("align"===e.colSeparationType){for(var b=e.cols||[],x="",w=1;w<b.length;w++)x+=w%2?"0em ":"1em ";h.setAttribute("columnspacing",x.trim())}else"alignat"===e.colSeparationType||"gather"===e.colSeparationType?h.setAttribute("columnspacing","0em"):"small"===e.colSeparationType?h.setAttribute("columnspacing","0.2778em"):"CD"===e.colSeparationType?h.setAttribute("columnspacing","0.5em"):h.setAttribute("columnspacing","1em");var k="",S=e.hLinesBeforeRow;m+=S[0].length>0?"left ":"",m+=S[S.length-1].length>0?"right ":"";for(var M=1;M<S.length-1;M++)k+=0===S[M].length?"none ":S[M][0]?"dashed ":"solid ";return/[sd]/.test(k)&&h.setAttribute("rowlines",k.trim()),""!==m&&(h=new gt.MathNode("menclose",[h])).setAttribute("notation",m.trim()),e.arraystretch&&e.arraystretch<1&&(h=new gt.MathNode("mstyle",[h])).setAttribute("scriptlevel","1"),h},Rr=function(e,t){-1===e.envName.indexOf("ed")&&Tr(e);var r,a=[],i=e.envName.indexOf("at")>-1?"alignat":"align",o="split"===e.envName,s=Cr(e.parser,{cols:a,addJot:!0,autoTag:o?void 0:Br(e.envName),emptySingleRow:!0,colSeparationType:i,maxNumCols:o?2:void 0,leqno:e.parser.settings.leqno},"display"),l=0,h={type:"ordgroup",mode:e.mode,body:[]};if(t[0]&&"ordgroup"===t[0].type){for(var c="",m=0;m<t[0].body.length;m++)c+=qt(t[0].body[m],"textord").text;r=Number(c),l=2*r}var u=!l;s.body.forEach((function(e){for(var t=1;t<e.length;t+=2){var a=qt(e[t],"styling");qt(a.body[0],"ordgroup").body.unshift(h)}if(u)l<e.length&&(l=e.length);else{var i=e.length/2;if(r<i)throw new n("Too many math in a row: expected "+r+", but got "+i,e[0])}}));for(var p=0;p<l;++p){var d="r",f=0;p%2==1?d="l":p>0&&u&&(f=1),a[p]={type:"align",align:d,pregap:f,postgap:0}}return s.colSeparationType=u?"align":"alignat",s};wr({type:"array",names:["array","darray"],props:{numArgs:1},handler:function(e,t){var r=(Ot(t[0])?[t[0]]:qt(t[0],"ordgroup").body).map((function(e){var t=It(e).text;if(-1!=="lcr".indexOf(t))return{type:"align",align:t};if("|"===t)return{type:"separator",separator:"|"};if(":"===t)return{type:"separator",separator:":"};throw new n("Unknown column alignment: "+t,e)})),a={cols:r,hskipBeforeAndAfter:!0,maxNumCols:r.length};return Cr(e.parser,a,Nr(e.envName))},htmlBuilder:qr,mathmlBuilder:Or}),wr({type:"array",names:["matrix","pmatrix","bmatrix","Bmatrix","vmatrix","Vmatrix","matrix*","pmatrix*","bmatrix*","Bmatrix*","vmatrix*","Vmatrix*"],props:{numArgs:0},handler:function(e){var t={matrix:null,pmatrix:["(",")"],bmatrix:["[","]"],Bmatrix:["\\{","\\}"],vmatrix:["|","|"],Vmatrix:["\\Vert","\\Vert"]}[e.envName.replace("*","")],r="c",a={hskipBeforeAndAfter:!1,cols:[{type:"align",align:r}]};if("*"===e.envName.charAt(e.envName.length-1)){var i=e.parser;if(i.consumeSpaces(),"["===i.fetch().text){if(i.consume(),i.consumeSpaces(),r=i.fetch().text,-1==="lcr".indexOf(r))throw new n("Expected l or c or r",i.nextToken);i.consume(),i.consumeSpaces(),i.expect("]"),i.consume(),a.cols=[{type:"align",align:r}]}}var o=Cr(e.parser,a,Nr(e.envName)),s=Math.max.apply(Math,[0].concat(o.body.map((function(e){return e.length}))));return o.cols=new Array(s).fill({type:"align",align:r}),t?{type:"leftright",mode:e.mode,body:[o],left:t[0],right:t[1],rightColor:void 0}:o},htmlBuilder:qr,mathmlBuilder:Or}),wr({type:"array",names:["smallmatrix"],props:{numArgs:0},handler:function(e){var t=Cr(e.parser,{arraystretch:.5},"script");return t.colSeparationType="small",t},htmlBuilder:qr,mathmlBuilder:Or}),wr({type:"array",names:["subarray"],props:{numArgs:1},handler:function(e,t){var r=(Ot(t[0])?[t[0]]:qt(t[0],"ordgroup").body).map((function(e){var t=It(e).text;if(-1!=="lc".indexOf(t))return{type:"align",align:t};throw new n("Unknown column alignment: "+t,e)}));if(r.length>1)throw new n("{subarray} can contain only one column");var a={cols:r,hskipBeforeAndAfter:!1,arraystretch:.5};if((a=Cr(e.parser,a,"script")).body.length>0&&a.body[0].length>1)throw new n("{subarray} can contain only one column");return a},htmlBuilder:qr,mathmlBuilder:Or}),wr({type:"array",names:["cases","dcases","rcases","drcases"],props:{numArgs:0},handler:function(e){var t=Cr(e.parser,{arraystretch:1.2,cols:[{type:"align",align:"l",pregap:0,postgap:1},{type:"align",align:"l",pregap:0,postgap:0}]},Nr(e.envName));return{type:"leftright",mode:e.mode,body:[t],left:e.envName.indexOf("r")>-1?".":"\\{",right:e.envName.indexOf("r")>-1?"\\}":".",rightColor:void 0}},htmlBuilder:qr,mathmlBuilder:Or}),wr({type:"array",names:["align","align*","aligned","split"],props:{numArgs:0},handler:Rr,htmlBuilder:qr,mathmlBuilder:Or}),wr({type:"array",names:["gathered","gather","gather*"],props:{numArgs:0},handler:function(e){l.contains(["gather","gather*"],e.envName)&&Tr(e);var t={cols:[{type:"align",align:"c"}],addJot:!0,colSeparationType:"gather",autoTag:Br(e.envName),emptySingleRow:!0,leqno:e.parser.settings.leqno};return Cr(e.parser,t,"display")},htmlBuilder:qr,mathmlBuilder:Or}),wr({type:"array",names:["alignat","alignat*","alignedat"],props:{numArgs:1},handler:Rr,htmlBuilder:qr,mathmlBuilder:Or}),wr({type:"array",names:["equation","equation*"],props:{numArgs:0},handler:function(e){Tr(e);var t={autoTag:Br(e.envName),emptySingleRow:!0,singleRow:!0,maxNumCols:1,leqno:e.parser.settings.leqno};return Cr(e.parser,t,"display")},htmlBuilder:qr,mathmlBuilder:Or}),wr({type:"array",names:["CD"],props:{numArgs:0},handler:function(e){return Tr(e),function(e){var t=[];for(e.gullet.beginGroup(),e.gullet.macros.set("\\cr","\\\\\\relax"),e.gullet.beginGroup();;){t.push(e.parseExpression(!1,"\\\\")),e.gullet.endGroup(),e.gullet.beginGroup();var r=e.fetch().text;if("&"!==r&&"\\\\"!==r){if("\\end"===r){0===t[t.length-1].length&&t.pop();break}throw new n("Expected \\\\ or \\cr or \\end",e.nextToken)}e.consume()}for(var a,i,o=[],s=[o],l=0;l<t.length;l++){for(var h=t[l],c={type:"styling",body:[],mode:"math",style:"display"},m=0;m<h.length;m++)if(Pt(h[m])){o.push(c);var u=It(h[m+=1]).text,p=new Array(2);if(p[0]={type:"ordgroup",mode:"math",body:[]},p[1]={type:"ordgroup",mode:"math",body:[]},"=|.".indexOf(u)>-1);else{if(!("<>AV".indexOf(u)>-1))throw new n('Expected one of "<>AV=|." after @',h[m]);for(var d=0;d<2;d++){for(var f=!0,g=m+1;g<h.length;g++){if(a=h[g],i=u,("mathord"===a.type||"atom"===a.type)&&a.text===i){f=!1,m=g;break}if(Pt(h[g]))throw new n("Missing a "+u+" character to complete a CD arrow.",h[g]);p[d].body.push(h[g])}if(f)throw new n("Missing a "+u+" character to complete a CD arrow.",h[m])}}var v={type:"styling",body:[Ft(u,p,e)],mode:"math",style:"display"};o.push(v),c={type:"styling",body:[],mode:"math",style:"display"}}else c.body.push(h[m]);l%2==0?o.push(c):o.shift(),o=[],s.push(o)}return e.gullet.endGroup(),e.gullet.endGroup(),{type:"array",mode:"math",body:s,arraystretch:1,addJot:!0,rowGaps:[null],cols:new Array(s[0].length).fill({type:"align",align:"c",pregap:.25,postgap:.25}),colSeparationType:"CD",hLinesBeforeRow:new Array(s.length+1).fill([])}}(e.parser)},htmlBuilder:qr,mathmlBuilder:Or}),Sr("\\nonumber","\\gdef\\@eqnsw{0}"),Sr("\\notag","\\nonumber"),Ze({type:"text",names:["\\hline","\\hdashline"],props:{numArgs:0,allowedInText:!0,allowedInMath:!0},handler:function(e,t){throw new n(e.funcName+" valid only within array environment")}});var Hr=xr;Ze({type:"environment",names:["\\begin","\\end"],props:{numArgs:1,argTypes:["text"]},handler:function(e,t){var r=e.parser,a=e.funcName,i=t[0];if("ordgroup"!==i.type)throw new n("Invalid environment name",i);for(var o="",s=0;s<i.body.length;++s)o+=qt(i.body[s],"textord").text;if("\\begin"===a){if(!Hr.hasOwnProperty(o))throw new n("No such environment: "+o,i);var l=Hr[o],h=r.parseArguments("\\begin{"+o+"}",l),c=h.args,m=h.optArgs,u={mode:r.mode,envName:o,parser:r},p=l.handler(u,c,m);r.expect("\\end",!1);var d=r.nextToken,f=qt(r.parseFunction(),"environment");if(f.name!==o)throw new n("Mismatch: \\begin{"+o+"} matched by \\end{"+f.name+"}",d);return p}return{type:"environment",mode:r.mode,name:o,nameGroup:i}}});var Er=Ve.makeSpan;function Lr(e,t){var r=it(e.body,t,!0);return Er([e.mclass],r,t)}function Dr(e,t){var r,n=xt(e.body,t);return"minner"===e.mclass?r=new gt.MathNode("mpadded",n):"mord"===e.mclass?e.isCharacterBox?(r=n[0]).type="mi":r=new gt.MathNode("mi",n):(e.isCharacterBox?(r=n[0]).type="mo":r=new gt.MathNode("mo",n),"mbin"===e.mclass?(r.attributes.lspace="0.22em",r.attributes.rspace="0.22em"):"mpunct"===e.mclass?(r.attributes.lspace="0em",r.attributes.rspace="0.17em"):"mopen"===e.mclass||"mclose"===e.mclass?(r.attributes.lspace="0em",r.attributes.rspace="0em"):"minner"===e.mclass&&(r.attributes.lspace="0.0556em",r.attributes.width="+0.1111em")),r}Ze({type:"mclass",names:["\\mathord","\\mathbin","\\mathrel","\\mathopen","\\mathclose","\\mathpunct","\\mathinner"],props:{numArgs:1,primitive:!0},handler:function(e,t){var r=e.parser,n=e.funcName,a=t[0];return{type:"mclass",mode:r.mode,mclass:"m"+n.substr(5),body:Qe(a),isCharacterBox:l.isCharacterBox(a)}},htmlBuilder:Lr,mathmlBuilder:Dr});var Pr=function(e){var t="ordgroup"===e.type&&e.body.length?e.body[0]:e;return"atom"!==t.type||"bin"!==t.family&&"rel"!==t.family?"mord":"m"+t.family};Ze({type:"mclass",names:["\\@binrel"],props:{numArgs:2},handler:function(e,t){return{type:"mclass",mode:e.parser.mode,mclass:Pr(t[0]),body:Qe(t[1]),isCharacterBox:l.isCharacterBox(t[1])}}}),Ze({type:"mclass",names:["\\stackrel","\\overset","\\underset"],props:{numArgs:2},handler:function(e,t){var r,n=e.parser,a=e.funcName,i=t[1],o=t[0];r="\\stackrel"!==a?Pr(i):"mrel";var s={type:"op",mode:i.mode,limits:!0,alwaysHandleSupSub:!0,parentIsSupSub:!1,symbol:!1,suppressBaseShift:"\\stackrel"!==a,body:Qe(i)},h={type:"supsub",mode:o.mode,base:s,sup:"\\underset"===a?null:o,sub:"\\underset"===a?o:null};return{type:"mclass",mode:n.mode,mclass:r,body:[h],isCharacterBox:l.isCharacterBox(h)}},htmlBuilder:Lr,mathmlBuilder:Dr});var Fr=function(e,t){var r=e.font,n=t.withFont(r);return ct(e.body,n)},Vr=function(e,t){var r=e.font,n=t.withFont(r);return kt(e.body,n)},Gr={"\\Bbb":"\\mathbb","\\bold":"\\mathbf","\\frak":"\\mathfrak","\\bm":"\\boldsymbol"};Ze({type:"font",names:["\\mathrm","\\mathit","\\mathbf","\\mathnormal","\\mathbb","\\mathcal","\\mathfrak","\\mathscr","\\mathsf","\\mathtt","\\Bbb","\\bold","\\frak"],props:{numArgs:1,allowedInArgument:!0},handler:function(e,t){var r=e.parser,n=e.funcName,a=Je(t[0]),i=n;return i in Gr&&(i=Gr[i]),{type:"font",mode:r.mode,font:i.slice(1),body:a}},htmlBuilder:Fr,mathmlBuilder:Vr}),Ze({type:"mclass",names:["\\boldsymbol","\\bm"],props:{numArgs:1},handler:function(e,t){var r=e.parser,n=t[0],a=l.isCharacterBox(n);return{type:"mclass",mode:r.mode,mclass:Pr(n),body:[{type:"font",mode:r.mode,font:"boldsymbol",body:n}],isCharacterBox:a}}}),Ze({type:"font",names:["\\rm","\\sf","\\tt","\\bf","\\it","\\cal"],props:{numArgs:0,allowedInText:!0},handler:function(e,t){var r=e.parser,n=e.funcName,a=e.breakOnTokenText,i=r.mode,o=r.parseExpression(!0,a);return{type:"font",mode:i,font:"math"+n.slice(1),body:{type:"ordgroup",mode:r.mode,body:o}}},htmlBuilder:Fr,mathmlBuilder:Vr});var Ur=function(e,t){var r=t;return"display"===e?r=r.id>=x.SCRIPT.id?r.text():x.DISPLAY:"text"===e&&r.size===x.DISPLAY.size?r=x.TEXT:"script"===e?r=x.SCRIPT:"scriptscript"===e&&(r=x.SCRIPTSCRIPT),r},_r=function(e,t){var r,n=Ur(e.size,t.style),a=n.fracNum(),i=n.fracDen();r=t.havingStyle(a);var o=ct(e.numer,r,t);if(e.continued){var s=8.5/t.fontMetrics().ptPerEm,l=3.5/t.fontMetrics().ptPerEm;o.height=o.height<s?s:o.height,o.depth=o.depth<l?l:o.depth}r=t.havingStyle(i);var h,c,m,u,p,d,f,g,v,y,b=ct(e.denom,r,t);if(e.hasBarLine?(e.barSize?(c=P(e.barSize,t),h=Ve.makeLineSpan("frac-line",t,c)):h=Ve.makeLineSpan("frac-line",t),c=h.height,m=h.height):(h=null,c=0,m=t.fontMetrics().defaultRuleThickness),n.size===x.DISPLAY.size||"display"===e.size?(u=t.fontMetrics().num1,p=c>0?3*m:7*m,d=t.fontMetrics().denom1):(c>0?(u=t.fontMetrics().num2,p=m):(u=t.fontMetrics().num3,p=3*m),d=t.fontMetrics().denom2),h){var w=t.fontMetrics().axisHeight;u-o.depth-(w+.5*c)<p&&(u+=p-(u-o.depth-(w+.5*c))),w-.5*c-(b.height-d)<p&&(d+=p-(w-.5*c-(b.height-d)));var k=-(w-.5*c);f=Ve.makeVList({positionType:"individualShift",children:[{type:"elem",elem:b,shift:d},{type:"elem",elem:h,shift:k},{type:"elem",elem:o,shift:-u}]},t)}else{var S=u-o.depth-(b.height-d);S<p&&(u+=.5*(p-S),d+=.5*(p-S)),f=Ve.makeVList({positionType:"individualShift",children:[{type:"elem",elem:b,shift:d},{type:"elem",elem:o,shift:-u}]},t)}return r=t.havingStyle(n),f.height*=r.sizeMultiplier/t.sizeMultiplier,f.depth*=r.sizeMultiplier/t.sizeMultiplier,g=n.size===x.DISPLAY.size?t.fontMetrics().delim1:n.size===x.SCRIPTSCRIPT.size?t.havingStyle(x.SCRIPT).fontMetrics().delim2:t.fontMetrics().delim2,v=null==e.leftDelim?ht(t,["mopen"]):pr.customSizedDelim(e.leftDelim,g,!0,t.havingStyle(n),e.mode,["mopen"]),y=e.continued?Ve.makeSpan([]):null==e.rightDelim?ht(t,["mclose"]):pr.customSizedDelim(e.rightDelim,g,!0,t.havingStyle(n),e.mode,["mclose"]),Ve.makeSpan(["mord"].concat(r.sizingClasses(t)),[v,Ve.makeSpan(["mfrac"],[f]),y],t)},Yr=function(e,t){var r=new gt.MathNode("mfrac",[kt(e.numer,t),kt(e.denom,t)]);if(e.hasBarLine){if(e.barSize){var n=P(e.barSize,t);r.setAttribute("linethickness",F(n))}}else r.setAttribute("linethickness","0px");var a=Ur(e.size,t.style);if(a.size!==t.style.size){r=new gt.MathNode("mstyle",[r]);var i=a.size===x.DISPLAY.size?"true":"false";r.setAttribute("displaystyle",i),r.setAttribute("scriptlevel","0")}if(null!=e.leftDelim||null!=e.rightDelim){var o=[];if(null!=e.leftDelim){var s=new gt.MathNode("mo",[new gt.TextNode(e.leftDelim.replace("\\",""))]);s.setAttribute("fence","true"),o.push(s)}if(o.push(r),null!=e.rightDelim){var l=new gt.MathNode("mo",[new gt.TextNode(e.rightDelim.replace("\\",""))]);l.setAttribute("fence","true"),o.push(l)}return yt(o)}return r};Ze({type:"genfrac",names:["\\dfrac","\\frac","\\tfrac","\\dbinom","\\binom","\\tbinom","\\\\atopfrac","\\\\bracefrac","\\\\brackfrac"],props:{numArgs:2,allowedInArgument:!0},handler:function(e,t){var r,n=e.parser,a=e.funcName,i=t[0],o=t[1],s=null,l=null,h="auto";switch(a){case"\\dfrac":case"\\frac":case"\\tfrac":r=!0;break;case"\\\\atopfrac":r=!1;break;case"\\dbinom":case"\\binom":case"\\tbinom":r=!1,s="(",l=")";break;case"\\\\bracefrac":r=!1,s="\\{",l="\\}";break;case"\\\\brackfrac":r=!1,s="[",l="]";break;default:throw new Error("Unrecognized genfrac command")}switch(a){case"\\dfrac":case"\\dbinom":h="display";break;case"\\tfrac":case"\\tbinom":h="text"}return{type:"genfrac",mode:n.mode,continued:!1,numer:i,denom:o,hasBarLine:r,leftDelim:s,rightDelim:l,size:h,barSize:null}},htmlBuilder:_r,mathmlBuilder:Yr}),Ze({type:"genfrac",names:["\\cfrac"],props:{numArgs:2},handler:function(e,t){var r=e.parser,n=(e.funcName,t[0]),a=t[1];return{type:"genfrac",mode:r.mode,continued:!0,numer:n,denom:a,hasBarLine:!0,leftDelim:null,rightDelim:null,size:"display",barSize:null}}}),Ze({type:"infix",names:["\\over","\\choose","\\atop","\\brace","\\brack"],props:{numArgs:0,infix:!0},handler:function(e){var t,r=e.parser,n=e.funcName,a=e.token;switch(n){case"\\over":t="\\frac";break;case"\\choose":t="\\binom";break;case"\\atop":t="\\\\atopfrac";break;case"\\brace":t="\\\\bracefrac";break;case"\\brack":t="\\\\brackfrac";break;default:throw new Error("Unrecognized infix genfrac command")}return{type:"infix",mode:r.mode,replaceWith:t,token:a}}});var Xr=["display","text","script","scriptscript"],Wr=function(e){var t=null;return e.length>0&&(t="."===(t=e)?null:t),t};Ze({type:"genfrac",names:["\\genfrac"],props:{numArgs:6,allowedInArgument:!0,argTypes:["math","math","size","text","math","math"]},handler:function(e,t){var r,n=e.parser,a=t[4],i=t[5],o=Je(t[0]),s="atom"===o.type&&"open"===o.family?Wr(o.text):null,l=Je(t[1]),h="atom"===l.type&&"close"===l.family?Wr(l.text):null,c=qt(t[2],"size"),m=null;r=!!c.isBlank||(m=c.value).number>0;var u="auto",p=t[3];if("ordgroup"===p.type){if(p.body.length>0){var d=qt(p.body[0],"textord");u=Xr[Number(d.text)]}}else p=qt(p,"textord"),u=Xr[Number(p.text)];return{type:"genfrac",mode:n.mode,numer:a,denom:i,continued:!1,hasBarLine:r,barSize:m,leftDelim:s,rightDelim:h,size:u}},htmlBuilder:_r,mathmlBuilder:Yr}),Ze({type:"infix",names:["\\above"],props:{numArgs:1,argTypes:["size"],infix:!0},handler:function(e,t){var r=e.parser,n=(e.funcName,e.token);return{type:"infix",mode:r.mode,replaceWith:"\\\\abovefrac",size:qt(t[0],"size").value,token:n}}}),Ze({type:"genfrac",names:["\\\\abovefrac"],props:{numArgs:3,argTypes:["math","size","math"]},handler:function(e,t){var r=e.parser,n=(e.funcName,t[0]),a=function(e){if(!e)throw new Error("Expected non-null, but got "+String(e));return e}(qt(t[1],"infix").size),i=t[2],o=a.number>0;return{type:"genfrac",mode:r.mode,numer:n,denom:i,continued:!1,hasBarLine:o,barSize:a,leftDelim:null,rightDelim:null,size:"auto"}},htmlBuilder:_r,mathmlBuilder:Yr});var jr=function(e,t){var r,n,a=t.style;"supsub"===e.type?(r=e.sup?ct(e.sup,t.havingStyle(a.sup()),t):ct(e.sub,t.havingStyle(a.sub()),t),n=qt(e.base,"horizBrace")):n=qt(e,"horizBrace");var i,o=ct(n.base,t.havingBaseStyle(x.DISPLAY)),s=Nt(n,t);if(n.isOver?(i=Ve.makeVList({positionType:"firstBaseline",children:[{type:"elem",elem:o},{type:"kern",size:.1},{type:"elem",elem:s}]},t)).children[0].children[0].children[1].classes.push("svg-align"):(i=Ve.makeVList({positionType:"bottom",positionData:o.depth+.1+s.height,children:[{type:"elem",elem:s},{type:"kern",size:.1},{type:"elem",elem:o}]},t)).children[0].children[0].children[0].classes.push("svg-align"),r){var l=Ve.makeSpan(["mord",n.isOver?"mover":"munder"],[i],t);i=n.isOver?Ve.makeVList({positionType:"firstBaseline",children:[{type:"elem",elem:l},{type:"kern",size:.2},{type:"elem",elem:r}]},t):Ve.makeVList({positionType:"bottom",positionData:l.depth+.2+r.height+r.depth,children:[{type:"elem",elem:r},{type:"kern",size:.2},{type:"elem",elem:l}]},t)}return Ve.makeSpan(["mord",n.isOver?"mover":"munder"],[i],t)};Ze({type:"horizBrace",names:["\\overbrace","\\underbrace"],props:{numArgs:1},handler:function(e,t){var r=e.parser,n=e.funcName;return{type:"horizBrace",mode:r.mode,label:n,isOver:/^\\over/.test(n),base:t[0]}},htmlBuilder:jr,mathmlBuilder:function(e,t){var r=Ct(e.label);return new gt.MathNode(e.isOver?"mover":"munder",[kt(e.base,t),r])}}),Ze({type:"href",names:["\\href"],props:{numArgs:2,argTypes:["url","original"],allowedInText:!0},handler:function(e,t){var r=e.parser,n=t[1],a=qt(t[0],"url").url;return r.settings.isTrusted({command:"\\href",url:a})?{type:"href",mode:r.mode,href:a,body:Qe(n)}:r.formatUnsupportedCmd("\\href")},htmlBuilder:function(e,t){var r=it(e.body,t,!1);return Ve.makeAnchor(e.href,[],r,t)},mathmlBuilder:function(e,t){var r=wt(e.body,t);return r instanceof dt||(r=new dt("mrow",[r])),r.setAttribute("href",e.href),r}}),Ze({type:"href",names:["\\url"],props:{numArgs:1,argTypes:["url"],allowedInText:!0},handler:function(e,t){var r=e.parser,n=qt(t[0],"url").url;if(!r.settings.isTrusted({command:"\\url",url:n}))return r.formatUnsupportedCmd("\\url");for(var a=[],i=0;i<n.length;i++){var o=n[i];"~"===o&&(o="\\textasciitilde"),a.push({type:"textord",mode:"text",text:o})}var s={type:"text",mode:r.mode,font:"\\texttt",body:a};return{type:"href",mode:r.mode,href:n,body:Qe(s)}}}),Ze({type:"hbox",names:["\\hbox"],props:{numArgs:1,argTypes:["text"],allowedInText:!0,primitive:!0},handler:function(e,t){return{type:"hbox",mode:e.parser.mode,body:Qe(t[0])}},htmlBuilder:function(e,t){var r=it(e.body,t,!1);return Ve.makeFragment(r)},mathmlBuilder:function(e,t){return new gt.MathNode("mrow",xt(e.body,t))}}),Ze({type:"html",names:["\\htmlClass","\\htmlId","\\htmlStyle","\\htmlData"],props:{numArgs:2,argTypes:["raw","original"],allowedInText:!0},handler:function(e,t){var r,a=e.parser,i=e.funcName,o=(e.token,qt(t[0],"raw").string),s=t[1];a.settings.strict&&a.settings.reportNonstrict("htmlExtension","HTML extension is disabled on strict mode");var l={};switch(i){case"\\htmlClass":l.class=o,r={command:"\\htmlClass",class:o};break;case"\\htmlId":l.id=o,r={command:"\\htmlId",id:o};break;case"\\htmlStyle":l.style=o,r={command:"\\htmlStyle",style:o};break;case"\\htmlData":for(var h=o.split(","),c=0;c<h.length;c++){var m=h[c].split("=");if(2!==m.length)throw new n("Error parsing key-value for \\htmlData");l["data-"+m[0].trim()]=m[1].trim()}r={command:"\\htmlData",attributes:l};break;default:throw new Error("Unrecognized html command")}return a.settings.isTrusted(r)?{type:"html",mode:a.mode,attributes:l,body:Qe(s)}:a.formatUnsupportedCmd(i)},htmlBuilder:function(e,t){var r=it(e.body,t,!1),n=["enclosing"];e.attributes.class&&n.push.apply(n,e.attributes.class.trim().split(/\s+/));var a=Ve.makeSpan(n,r,t);for(var i in e.attributes)"class"!==i&&e.attributes.hasOwnProperty(i)&&a.setAttribute(i,e.attributes[i]);return a},mathmlBuilder:function(e,t){return wt(e.body,t)}}),Ze({type:"htmlmathml",names:["\\html@mathml"],props:{numArgs:2,allowedInText:!0},handler:function(e,t){return{type:"htmlmathml",mode:e.parser.mode,html:Qe(t[0]),mathml:Qe(t[1])}},htmlBuilder:function(e,t){var r=it(e.html,t,!1);return Ve.makeFragment(r)},mathmlBuilder:function(e,t){return wt(e.mathml,t)}});var $r=function(e){if(/^[-+]? *(\d+(\.\d*)?|\.\d+)$/.test(e))return{number:+e,unit:"bp"};var t=/([-+]?) *(\d+(?:\.\d*)?|\.\d+) *([a-z]{2})/.exec(e);if(!t)throw new n("Invalid size: '"+e+"' in \\includegraphics");var r={number:+(t[1]+t[2]),unit:t[3]};if(!D(r))throw new n("Invalid unit: '"+r.unit+"' in \\includegraphics.");return r};Ze({type:"includegraphics",names:["\\includegraphics"],props:{numArgs:1,numOptionalArgs:1,argTypes:["raw","url"],allowedInText:!1},handler:function(e,t,r){var a=e.parser,i={number:0,unit:"em"},o={number:.9,unit:"em"},s={number:0,unit:"em"},l="";if(r[0])for(var h=qt(r[0],"raw").string.split(","),c=0;c<h.length;c++){var m=h[c].split("=");if(2===m.length){var u=m[1].trim();switch(m[0].trim()){case"alt":l=u;break;case"width":i=$r(u);break;case"height":o=$r(u);break;case"totalheight":s=$r(u);break;default:throw new n("Invalid key: '"+m[0]+"' in \\includegraphics.")}}}var p=qt(t[0],"url").url;return""===l&&(l=(l=(l=p).replace(/^.*[\\/]/,"")).substring(0,l.lastIndexOf("."))),a.settings.isTrusted({command:"\\includegraphics",url:p})?{type:"includegraphics",mode:a.mode,alt:l,width:i,height:o,totalheight:s,src:p}:a.formatUnsupportedCmd("\\includegraphics")},htmlBuilder:function(e,t){var r=P(e.height,t),n=0;e.totalheight.number>0&&(n=P(e.totalheight,t)-r);var a=0;e.width.number>0&&(a=P(e.width,t));var i={height:F(r+n)};a>0&&(i.width=F(a)),n>0&&(i.verticalAlign=F(-n));var o=new W(e.src,e.alt,i);return o.height=r,o.depth=n,o},mathmlBuilder:function(e,t){var r=new gt.MathNode("mglyph",[]);r.setAttribute("alt",e.alt);var n=P(e.height,t),a=0;if(e.totalheight.number>0&&(a=P(e.totalheight,t)-n,r.setAttribute("valign",F(-a))),r.setAttribute("height",F(n+a)),e.width.number>0){var i=P(e.width,t);r.setAttribute("width",F(i))}return r.setAttribute("src",e.src),r}}),Ze({type:"kern",names:["\\kern","\\mkern","\\hskip","\\mskip"],props:{numArgs:1,argTypes:["size"],primitive:!0,allowedInText:!0},handler:function(e,t){var r=e.parser,n=e.funcName,a=qt(t[0],"size");if(r.settings.strict){var i="m"===n[1],o="mu"===a.value.unit;i?(o||r.settings.reportNonstrict("mathVsTextUnits","LaTeX's "+n+" supports only mu units, not "+a.value.unit+" units"),"math"!==r.mode&&r.settings.reportNonstrict("mathVsTextUnits","LaTeX's "+n+" works only in math mode")):o&&r.settings.reportNonstrict("mathVsTextUnits","LaTeX's "+n+" doesn't support mu units")}return{type:"kern",mode:r.mode,dimension:a.value}},htmlBuilder:function(e,t){return Ve.makeGlue(e.dimension,t)},mathmlBuilder:function(e,t){var r=P(e.dimension,t);return new gt.SpaceNode(r)}}),Ze({type:"lap",names:["\\mathllap","\\mathrlap","\\mathclap"],props:{numArgs:1,allowedInText:!0},handler:function(e,t){var r=e.parser,n=e.funcName,a=t[0];return{type:"lap",mode:r.mode,alignment:n.slice(5),body:a}},htmlBuilder:function(e,t){var r;"clap"===e.alignment?(r=Ve.makeSpan([],[ct(e.body,t)]),r=Ve.makeSpan(["inner"],[r],t)):r=Ve.makeSpan(["inner"],[ct(e.body,t)]);var n=Ve.makeSpan(["fix"],[]),a=Ve.makeSpan([e.alignment],[r,n],t),i=Ve.makeSpan(["strut"]);return i.style.height=F(a.height+a.depth),a.depth&&(i.style.verticalAlign=F(-a.depth)),a.children.unshift(i),a=Ve.makeSpan(["thinbox"],[a],t),Ve.makeSpan(["mord","vbox"],[a],t)},mathmlBuilder:function(e,t){var r=new gt.MathNode("mpadded",[kt(e.body,t)]);if("rlap"!==e.alignment){var n="llap"===e.alignment?"-1":"-0.5";r.setAttribute("lspace",n+"width")}return r.setAttribute("width","0px"),r}}),Ze({type:"styling",names:["\\(","$"],props:{numArgs:0,allowedInText:!0,allowedInMath:!1},handler:function(e,t){var r=e.funcName,n=e.parser,a=n.mode;n.switchMode("math");var i="\\("===r?"\\)":"$",o=n.parseExpression(!1,i);return n.expect(i),n.switchMode(a),{type:"styling",mode:n.mode,style:"text",body:o}}}),Ze({type:"text",names:["\\)","\\]"],props:{numArgs:0,allowedInText:!0,allowedInMath:!1},handler:function(e,t){throw new n("Mismatched "+e.funcName)}});var Zr=function(e,t){switch(t.style.size){case x.DISPLAY.size:return e.display;case x.TEXT.size:return e.text;case x.SCRIPT.size:return e.script;case x.SCRIPTSCRIPT.size:return e.scriptscript;default:return e.text}};Ze({type:"mathchoice",names:["\\mathchoice"],props:{numArgs:4,primitive:!0},handler:function(e,t){return{type:"mathchoice",mode:e.parser.mode,display:Qe(t[0]),text:Qe(t[1]),script:Qe(t[2]),scriptscript:Qe(t[3])}},htmlBuilder:function(e,t){var r=Zr(e,t),n=it(r,t,!1);return Ve.makeFragment(n)},mathmlBuilder:function(e,t){var r=Zr(e,t);return wt(r,t)}});var Kr=function(e,t,r,n,a,i,o){e=Ve.makeSpan([],[e]);var s,h,c,m=r&&l.isCharacterBox(r);if(t){var u=ct(t,n.havingStyle(a.sup()),n);h={elem:u,kern:Math.max(n.fontMetrics().bigOpSpacing1,n.fontMetrics().bigOpSpacing3-u.depth)}}if(r){var p=ct(r,n.havingStyle(a.sub()),n);s={elem:p,kern:Math.max(n.fontMetrics().bigOpSpacing2,n.fontMetrics().bigOpSpacing4-p.height)}}if(h&&s){var d=n.fontMetrics().bigOpSpacing5+s.elem.height+s.elem.depth+s.kern+e.depth+o;c=Ve.makeVList({positionType:"bottom",positionData:d,children:[{type:"kern",size:n.fontMetrics().bigOpSpacing5},{type:"elem",elem:s.elem,marginLeft:F(-i)},{type:"kern",size:s.kern},{type:"elem",elem:e},{type:"kern",size:h.kern},{type:"elem",elem:h.elem,marginLeft:F(i)},{type:"kern",size:n.fontMetrics().bigOpSpacing5}]},n)}else if(s){var f=e.height-o;c=Ve.makeVList({positionType:"top",positionData:f,children:[{type:"kern",size:n.fontMetrics().bigOpSpacing5},{type:"elem",elem:s.elem,marginLeft:F(-i)},{type:"kern",size:s.kern},{type:"elem",elem:e}]},n)}else{if(!h)return e;var g=e.depth+o;c=Ve.makeVList({positionType:"bottom",positionData:g,children:[{type:"elem",elem:e},{type:"kern",size:h.kern},{type:"elem",elem:h.elem,marginLeft:F(i)},{type:"kern",size:n.fontMetrics().bigOpSpacing5}]},n)}var v=[c];if(s&&0!==i&&!m){var y=Ve.makeSpan(["mspace"],[],n);y.style.marginRight=F(i),v.unshift(y)}return Ve.makeSpan(["mop","op-limits"],v,n)},Jr=["\\smallint"],Qr=function(e,t){var r,n,a,i=!1;"supsub"===e.type?(r=e.sup,n=e.sub,a=qt(e.base,"op"),i=!0):a=qt(e,"op");var o,s=t.style,h=!1;if(s.size===x.DISPLAY.size&&a.symbol&&!l.contains(Jr,a.name)&&(h=!0),a.symbol){var c=h?"Size2-Regular":"Size1-Regular",m="";if("\\oiint"!==a.name&&"\\oiiint"!==a.name||(m=a.name.substr(1),a.name="oiint"===m?"\\iint":"\\iiint"),o=Ve.makeSymbol(a.name,c,"math",t,["mop","op-symbol",h?"large-op":"small-op"]),m.length>0){var u=o.italic,p=Ve.staticSvg(m+"Size"+(h?"2":"1"),t);o=Ve.makeVList({positionType:"individualShift",children:[{type:"elem",elem:o,shift:0},{type:"elem",elem:p,shift:h?.08:0}]},t),a.name="\\"+m,o.classes.unshift("mop"),o.italic=u}}else if(a.body){var d=it(a.body,t,!0);1===d.length&&d[0]instanceof $?(o=d[0]).classes[0]="mop":o=Ve.makeSpan(["mop"],d,t)}else{for(var f=[],g=1;g<a.name.length;g++)f.push(Ve.mathsym(a.name[g],a.mode,t));o=Ve.makeSpan(["mop"],f,t)}var v=0,y=0;return(o instanceof $||"\\oiint"===a.name||"\\oiiint"===a.name)&&!a.suppressBaseShift&&(v=(o.height-o.depth)/2-t.fontMetrics().axisHeight,y=o.italic),i?Kr(o,r,n,t,s,y,v):(v&&(o.style.position="relative",o.style.top=F(v)),o)},en=function(e,t){var r;if(e.symbol)r=new dt("mo",[vt(e.name,e.mode)]),l.contains(Jr,e.name)&&r.setAttribute("largeop","false");else if(e.body)r=new dt("mo",xt(e.body,t));else{r=new dt("mi",[new ft(e.name.slice(1))]);var n=new dt("mo",[vt("⁡","text")]);r=e.parentIsSupSub?new dt("mrow",[r,n]):pt([r,n])}return r},tn={"∏":"\\prod","∐":"\\coprod","∑":"\\sum","⋀":"\\bigwedge","⋁":"\\bigvee","⋂":"\\bigcap","⋃":"\\bigcup","⨀":"\\bigodot","⨁":"\\bigoplus","⨂":"\\bigotimes","⨄":"\\biguplus","⨆":"\\bigsqcup"};Ze({type:"op",names:["\\coprod","\\bigvee","\\bigwedge","\\biguplus","\\bigcap","\\bigcup","\\intop","\\prod","\\sum","\\bigotimes","\\bigoplus","\\bigodot","\\bigsqcup","\\smallint","∏","∐","∑","⋀","⋁","⋂","⋃","⨀","⨁","⨂","⨄","⨆"],props:{numArgs:0},handler:function(e,t){var r=e.parser,n=e.funcName;return 1===n.length&&(n=tn[n]),{type:"op",mode:r.mode,limits:!0,parentIsSupSub:!1,symbol:!0,name:n}},htmlBuilder:Qr,mathmlBuilder:en}),Ze({type:"op",names:["\\mathop"],props:{numArgs:1,primitive:!0},handler:function(e,t){var r=e.parser,n=t[0];return{type:"op",mode:r.mode,limits:!1,parentIsSupSub:!1,symbol:!1,body:Qe(n)}},htmlBuilder:Qr,mathmlBuilder:en});var rn={"∫":"\\int","∬":"\\iint","∭":"\\iiint","∮":"\\oint","∯":"\\oiint","∰":"\\oiiint"};Ze({type:"op",names:["\\arcsin","\\arccos","\\arctan","\\arctg","\\arcctg","\\arg","\\ch","\\cos","\\cosec","\\cosh","\\cot","\\cotg","\\coth","\\csc","\\ctg","\\cth","\\deg","\\dim","\\exp","\\hom","\\ker","\\lg","\\ln","\\log","\\sec","\\sin","\\sinh","\\sh","\\tan","\\tanh","\\tg","\\th"],props:{numArgs:0},handler:function(e){var t=e.parser,r=e.funcName;return{type:"op",mode:t.mode,limits:!1,parentIsSupSub:!1,symbol:!1,name:r}},htmlBuilder:Qr,mathmlBuilder:en}),Ze({type:"op",names:["\\det","\\gcd","\\inf","\\lim","\\max","\\min","\\Pr","\\sup"],props:{numArgs:0},handler:function(e){var t=e.parser,r=e.funcName;return{type:"op",mode:t.mode,limits:!0,parentIsSupSub:!1,symbol:!1,name:r}},htmlBuilder:Qr,mathmlBuilder:en}),Ze({type:"op",names:["\\int","\\iint","\\iiint","\\oint","\\oiint","\\oiiint","∫","∬","∭","∮","∯","∰"],props:{numArgs:0},handler:function(e){var t=e.parser,r=e.funcName;return 1===r.length&&(r=rn[r]),{type:"op",mode:t.mode,limits:!1,parentIsSupSub:!1,symbol:!0,name:r}},htmlBuilder:Qr,mathmlBuilder:en});var nn=function(e,t){var r,n,a,i,o=!1;if("supsub"===e.type?(r=e.sup,n=e.sub,a=qt(e.base,"operatorname"),o=!0):a=qt(e,"operatorname"),a.body.length>0){for(var s=a.body.map((function(e){var t=e.text;return"string"==typeof t?{type:"textord",mode:e.mode,text:t}:e})),l=it(s,t.withFont("mathrm"),!0),h=0;h<l.length;h++){var c=l[h];c instanceof $&&(c.text=c.text.replace(/\u2212/,"-").replace(/\u2217/,"*"))}i=Ve.makeSpan(["mop"],l,t)}else i=Ve.makeSpan(["mop"],[],t);return o?Kr(i,r,n,t,t.style,0,0):i};function an(e,t,r){for(var n=it(e,t,!1),a=t.sizeMultiplier/r.sizeMultiplier,i=0;i<n.length;i++){var o=n[i].classes.indexOf("sizing");o<0?Array.prototype.push.apply(n[i].classes,t.sizingClasses(r)):n[i].classes[o+1]==="reset-size"+t.size&&(n[i].classes[o+1]="reset-size"+r.size),n[i].height*=a,n[i].depth*=a}return Ve.makeFragment(n)}Ze({type:"operatorname",names:["\\operatorname@","\\operatornamewithlimits"],props:{numArgs:1},handler:function(e,t){var r=e.parser,n=e.funcName,a=t[0];return{type:"operatorname",mode:r.mode,body:Qe(a),alwaysHandleSupSub:"\\operatornamewithlimits"===n,limits:!1,parentIsSupSub:!1}},htmlBuilder:nn,mathmlBuilder:function(e,t){for(var r=xt(e.body,t.withFont("mathrm")),n=!0,a=0;a<r.length;a++){var i=r[a];if(i instanceof gt.SpaceNode);else if(i instanceof gt.MathNode)switch(i.type){case"mi":case"mn":case"ms":case"mspace":case"mtext":break;case"mo":var o=i.children[0];1===i.children.length&&o instanceof gt.TextNode?o.text=o.text.replace(/\u2212/,"-").replace(/\u2217/,"*"):n=!1;break;default:n=!1}else n=!1}if(n){var s=r.map((function(e){return e.toText()})).join("");r=[new gt.TextNode(s)]}var l=new gt.MathNode("mi",r);l.setAttribute("mathvariant","normal");var h=new gt.MathNode("mo",[vt("⁡","text")]);return e.parentIsSupSub?new gt.MathNode("mrow",[l,h]):gt.newDocumentFragment([l,h])}}),Sr("\\operatorname","\\@ifstar\\operatornamewithlimits\\operatorname@"),Ke({type:"ordgroup",htmlBuilder:function(e,t){return e.semisimple?Ve.makeFragment(it(e.body,t,!1)):Ve.makeSpan(["mord"],it(e.body,t,!0),t)},mathmlBuilder:function(e,t){return wt(e.body,t,!0)}}),Ze({type:"overline",names:["\\overline"],props:{numArgs:1},handler:function(e,t){var r=e.parser,n=t[0];return{type:"overline",mode:r.mode,body:n}},htmlBuilder:function(e,t){var r=ct(e.body,t.havingCrampedStyle()),n=Ve.makeLineSpan("overline-line",t),a=t.fontMetrics().defaultRuleThickness,i=Ve.makeVList({positionType:"firstBaseline",children:[{type:"elem",elem:r},{type:"kern",size:3*a},{type:"elem",elem:n},{type:"kern",size:a}]},t);return Ve.makeSpan(["mord","overline"],[i],t)},mathmlBuilder:function(e,t){var r=new gt.MathNode("mo",[new gt.TextNode("‾")]);r.setAttribute("stretchy","true");var n=new gt.MathNode("mover",[kt(e.body,t),r]);return n.setAttribute("accent","true"),n}}),Ze({type:"phantom",names:["\\phantom"],props:{numArgs:1,allowedInText:!0},handler:function(e,t){var r=e.parser,n=t[0];return{type:"phantom",mode:r.mode,body:Qe(n)}},htmlBuilder:function(e,t){var r=it(e.body,t.withPhantom(),!1);return Ve.makeFragment(r)},mathmlBuilder:function(e,t){var r=xt(e.body,t);return new gt.MathNode("mphantom",r)}}),Ze({type:"hphantom",names:["\\hphantom"],props:{numArgs:1,allowedInText:!0},handler:function(e,t){var r=e.parser,n=t[0];return{type:"hphantom",mode:r.mode,body:n}},htmlBuilder:function(e,t){var r=Ve.makeSpan([],[ct(e.body,t.withPhantom())]);if(r.height=0,r.depth=0,r.children)for(var n=0;n<r.children.length;n++)r.children[n].height=0,r.children[n].depth=0;return r=Ve.makeVList({positionType:"firstBaseline",children:[{type:"elem",elem:r}]},t),Ve.makeSpan(["mord"],[r],t)},mathmlBuilder:function(e,t){var r=xt(Qe(e.body),t),n=new gt.MathNode("mphantom",r),a=new gt.MathNode("mpadded",[n]);return a.setAttribute("height","0px"),a.setAttribute("depth","0px"),a}}),Ze({type:"vphantom",names:["\\vphantom"],props:{numArgs:1,allowedInText:!0},handler:function(e,t){var r=e.parser,n=t[0];return{type:"vphantom",mode:r.mode,body:n}},htmlBuilder:function(e,t){var r=Ve.makeSpan(["inner"],[ct(e.body,t.withPhantom())]),n=Ve.makeSpan(["fix"],[]);return Ve.makeSpan(["mord","rlap"],[r,n],t)},mathmlBuilder:function(e,t){var r=xt(Qe(e.body),t),n=new gt.MathNode("mphantom",r),a=new gt.MathNode("mpadded",[n]);return a.setAttribute("width","0px"),a}}),Ze({type:"raisebox",names:["\\raisebox"],props:{numArgs:2,argTypes:["size","hbox"],allowedInText:!0},handler:function(e,t){var r=e.parser,n=qt(t[0],"size").value,a=t[1];return{type:"raisebox",mode:r.mode,dy:n,body:a}},htmlBuilder:function(e,t){var r=ct(e.body,t),n=P(e.dy,t);return Ve.makeVList({positionType:"shift",positionData:-n,children:[{type:"elem",elem:r}]},t)},mathmlBuilder:function(e,t){var r=new gt.MathNode("mpadded",[kt(e.body,t)]),n=e.dy.number+e.dy.unit;return r.setAttribute("voffset",n),r}}),Ze({type:"internal",names:["\\relax"],props:{numArgs:0,allowedInText:!0},handler:function(e){return{type:"internal",mode:e.parser.mode}}}),Ze({type:"rule",names:["\\rule"],props:{numArgs:2,numOptionalArgs:1,argTypes:["size","size","size"]},handler:function(e,t,r){var n=e.parser,a=r[0],i=qt(t[0],"size"),o=qt(t[1],"size");return{type:"rule",mode:n.mode,shift:a&&qt(a,"size").value,width:i.value,height:o.value}},htmlBuilder:function(e,t){var r=Ve.makeSpan(["mord","rule"],[],t),n=P(e.width,t),a=P(e.height,t),i=e.shift?P(e.shift,t):0;return r.style.borderRightWidth=F(n),r.style.borderTopWidth=F(a),r.style.bottom=F(i),r.width=n,r.height=a+i,r.depth=-i,r.maxFontSize=1.125*a*t.sizeMultiplier,r},mathmlBuilder:function(e,t){var r=P(e.width,t),n=P(e.height,t),a=e.shift?P(e.shift,t):0,i=t.color&&t.getColor()||"black",o=new gt.MathNode("mspace");o.setAttribute("mathbackground",i),o.setAttribute("width",F(r)),o.setAttribute("height",F(n));var s=new gt.MathNode("mpadded",[o]);return a>=0?s.setAttribute("height",F(a)):(s.setAttribute("height",F(a)),s.setAttribute("depth",F(-a))),s.setAttribute("voffset",F(a)),s}});var on=["\\tiny","\\sixptsize","\\scriptsize","\\footnotesize","\\small","\\normalsize","\\large","\\Large","\\LARGE","\\huge","\\Huge"];Ze({type:"sizing",names:on,props:{numArgs:0,allowedInText:!0},handler:function(e,t){var r=e.breakOnTokenText,n=e.funcName,a=e.parser,i=a.parseExpression(!1,r);return{type:"sizing",mode:a.mode,size:on.indexOf(n)+1,body:i}},htmlBuilder:function(e,t){var r=t.havingSize(e.size);return an(e.body,r,t)},mathmlBuilder:function(e,t){var r=t.havingSize(e.size),n=xt(e.body,r),a=new gt.MathNode("mstyle",n);return a.setAttribute("mathsize",F(r.sizeMultiplier)),a}}),Ze({type:"smash",names:["\\smash"],props:{numArgs:1,numOptionalArgs:1,allowedInText:!0},handler:function(e,t,r){var n=e.parser,a=!1,i=!1,o=r[0]&&qt(r[0],"ordgroup");if(o)for(var s="",l=0;l<o.body.length;++l)if("t"===(s=o.body[l].text))a=!0;else{if("b"!==s){a=!1,i=!1;break}i=!0}else a=!0,i=!0;var h=t[0];return{type:"smash",mode:n.mode,body:h,smashHeight:a,smashDepth:i}},htmlBuilder:function(e,t){var r=Ve.makeSpan([],[ct(e.body,t)]);if(!e.smashHeight&&!e.smashDepth)return r;if(e.smashHeight&&(r.height=0,r.children))for(var n=0;n<r.children.length;n++)r.children[n].height=0;if(e.smashDepth&&(r.depth=0,r.children))for(var a=0;a<r.children.length;a++)r.children[a].depth=0;var i=Ve.makeVList({positionType:"firstBaseline",children:[{type:"elem",elem:r}]},t);return Ve.makeSpan(["mord"],[i],t)},mathmlBuilder:function(e,t){var r=new gt.MathNode("mpadded",[kt(e.body,t)]);return e.smashHeight&&r.setAttribute("height","0px"),e.smashDepth&&r.setAttribute("depth","0px"),r}}),Ze({type:"sqrt",names:["\\sqrt"],props:{numArgs:1,numOptionalArgs:1},handler:function(e,t,r){var n=e.parser,a=r[0],i=t[0];return{type:"sqrt",mode:n.mode,body:i,index:a}},htmlBuilder:function(e,t){var r=ct(e.body,t.havingCrampedStyle());0===r.height&&(r.height=t.fontMetrics().xHeight),r=Ve.wrapFragment(r,t);var n=t.fontMetrics().defaultRuleThickness,a=n;t.style.id<x.TEXT.id&&(a=t.fontMetrics().xHeight);var i=n+a/4,o=r.height+r.depth+i+n,s=pr.sqrtImage(o,t),l=s.span,h=s.ruleWidth,c=s.advanceWidth,m=l.height-h;m>r.height+r.depth+i&&(i=(i+m-r.height-r.depth)/2);var u=l.height-r.height-i-h;r.style.paddingLeft=F(c);var p=Ve.makeVList({positionType:"firstBaseline",children:[{type:"elem",elem:r,wrapperClasses:["svg-align"]},{type:"kern",size:-(r.height+u)},{type:"elem",elem:l},{type:"kern",size:h}]},t);if(e.index){var d=t.havingStyle(x.SCRIPTSCRIPT),f=ct(e.index,d,t),g=.6*(p.height-p.depth),v=Ve.makeVList({positionType:"shift",positionData:-g,children:[{type:"elem",elem:f}]},t),y=Ve.makeSpan(["root"],[v]);return Ve.makeSpan(["mord","sqrt"],[y,p],t)}return Ve.makeSpan(["mord","sqrt"],[p],t)},mathmlBuilder:function(e,t){var r=e.body,n=e.index;return n?new gt.MathNode("mroot",[kt(r,t),kt(n,t)]):new gt.MathNode("msqrt",[kt(r,t)])}});var sn={display:x.DISPLAY,text:x.TEXT,script:x.SCRIPT,scriptscript:x.SCRIPTSCRIPT};Ze({type:"styling",names:["\\displaystyle","\\textstyle","\\scriptstyle","\\scriptscriptstyle"],props:{numArgs:0,allowedInText:!0,primitive:!0},handler:function(e,t){var r=e.breakOnTokenText,n=e.funcName,a=e.parser,i=a.parseExpression(!0,r),o=n.slice(1,n.length-5);return{type:"styling",mode:a.mode,style:o,body:i}},htmlBuilder:function(e,t){var r=sn[e.style],n=t.havingStyle(r).withFont("");return an(e.body,n,t)},mathmlBuilder:function(e,t){var r=sn[e.style],n=t.havingStyle(r),a=xt(e.body,n),i=new gt.MathNode("mstyle",a),o={display:["0","true"],text:["0","false"],script:["1","false"],scriptscript:["2","false"]}[e.style];return i.setAttribute("scriptlevel",o[0]),i.setAttribute("displaystyle",o[1]),i}});var ln=function(e,t){var r=e.base;return r?"op"===r.type?r.limits&&(t.style.size===x.DISPLAY.size||r.alwaysHandleSupSub)?Qr:null:"operatorname"===r.type?r.alwaysHandleSupSub&&(t.style.size===x.DISPLAY.size||r.limits)?nn:null:"accent"===r.type?l.isCharacterBox(r.base)?Rt:null:"horizBrace"===r.type&&!e.sub===r.isOver?jr:null:null};Ke({type:"supsub",htmlBuilder:function(e,t){var r=ln(e,t);if(r)return r(e,t);var n,a,i,o=e.base,s=e.sup,h=e.sub,c=ct(o,t),m=t.fontMetrics(),u=0,p=0,d=o&&l.isCharacterBox(o);if(s){var f=t.havingStyle(t.style.sup());n=ct(s,f,t),d||(u=c.height-f.fontMetrics().supDrop*f.sizeMultiplier/t.sizeMultiplier)}if(h){var g=t.havingStyle(t.style.sub());a=ct(h,g,t),d||(p=c.depth+g.fontMetrics().subDrop*g.sizeMultiplier/t.sizeMultiplier)}i=t.style===x.DISPLAY?m.sup1:t.style.cramped?m.sup3:m.sup2;var v,y=t.sizeMultiplier,b=F(.5/m.ptPerEm/y),w=null;if(a){var k=e.base&&"op"===e.base.type&&e.base.name&&("\\oiint"===e.base.name||"\\oiiint"===e.base.name);(c instanceof $||k)&&(w=F(-c.italic))}if(n&&a){u=Math.max(u,i,n.depth+.25*m.xHeight),p=Math.max(p,m.sub2);var S=4*m.defaultRuleThickness;if(u-n.depth-(a.height-p)<S){p=S-(u-n.depth)+a.height;var M=.8*m.xHeight-(u-n.depth);M>0&&(u+=M,p-=M)}var z=[{type:"elem",elem:a,shift:p,marginRight:b,marginLeft:w},{type:"elem",elem:n,shift:-u,marginRight:b}];v=Ve.makeVList({positionType:"individualShift",children:z},t)}else if(a){p=Math.max(p,m.sub1,a.height-.8*m.xHeight);var A=[{type:"elem",elem:a,marginLeft:w,marginRight:b}];v=Ve.makeVList({positionType:"shift",positionData:p,children:A},t)}else{if(!n)throw new Error("supsub must have either sup or sub.");u=Math.max(u,i,n.depth+.25*m.xHeight),v=Ve.makeVList({positionType:"shift",positionData:-u,children:[{type:"elem",elem:n,marginRight:b}]},t)}var T=lt(c,"right")||"mord";return Ve.makeSpan([T],[c,Ve.makeSpan(["msupsub"],[v])],t)},mathmlBuilder:function(e,t){var r,n=!1;e.base&&"horizBrace"===e.base.type&&!!e.sup===e.base.isOver&&(n=!0,r=e.base.isOver),!e.base||"op"!==e.base.type&&"operatorname"!==e.base.type||(e.base.parentIsSupSub=!0);var a,i=[kt(e.base,t)];if(e.sub&&i.push(kt(e.sub,t)),e.sup&&i.push(kt(e.sup,t)),n)a=r?"mover":"munder";else if(e.sub)if(e.sup){var o=e.base;a=o&&"op"===o.type&&o.limits&&t.style===x.DISPLAY||o&&"operatorname"===o.type&&o.alwaysHandleSupSub&&(t.style===x.DISPLAY||o.limits)?"munderover":"msubsup"}else{var s=e.base;a=s&&"op"===s.type&&s.limits&&(t.style===x.DISPLAY||s.alwaysHandleSupSub)||s&&"operatorname"===s.type&&s.alwaysHandleSupSub&&(s.limits||t.style===x.DISPLAY)?"munder":"msub"}else{var l=e.base;a=l&&"op"===l.type&&l.limits&&(t.style===x.DISPLAY||l.alwaysHandleSupSub)||l&&"operatorname"===l.type&&l.alwaysHandleSupSub&&(l.limits||t.style===x.DISPLAY)?"mover":"msup"}return new gt.MathNode(a,i)}}),Ke({type:"atom",htmlBuilder:function(e,t){return Ve.mathsym(e.text,e.mode,t,["m"+e.family])},mathmlBuilder:function(e,t){var r=new gt.MathNode("mo",[vt(e.text,e.mode)]);if("bin"===e.family){var n=bt(e,t);"bold-italic"===n&&r.setAttribute("mathvariant",n)}else"punct"===e.family?r.setAttribute("separator","true"):"open"!==e.family&&"close"!==e.family||r.setAttribute("stretchy","false");return r}});var hn={mi:"italic",mn:"normal",mtext:"normal"};Ke({type:"mathord",htmlBuilder:function(e,t){return Ve.makeOrd(e,t,"mathord")},mathmlBuilder:function(e,t){var r=new gt.MathNode("mi",[vt(e.text,e.mode,t)]),n=bt(e,t)||"italic";return n!==hn[r.type]&&r.setAttribute("mathvariant",n),r}}),Ke({type:"textord",htmlBuilder:function(e,t){return Ve.makeOrd(e,t,"textord")},mathmlBuilder:function(e,t){var r,n=vt(e.text,e.mode,t),a=bt(e,t)||"normal";return r="text"===e.mode?new gt.MathNode("mtext",[n]):/[0-9]/.test(e.text)?new gt.MathNode("mn",[n]):"\\prime"===e.text?new gt.MathNode("mo",[n]):new gt.MathNode("mi",[n]),a!==hn[r.type]&&r.setAttribute("mathvariant",a),r}});var cn={"\\nobreak":"nobreak","\\allowbreak":"allowbreak"},mn={" ":{},"\\ ":{},"~":{className:"nobreak"},"\\space":{},"\\nobreakspace":{className:"nobreak"}};Ke({type:"spacing",htmlBuilder:function(e,t){if(mn.hasOwnProperty(e.text)){var r=mn[e.text].className||"";if("text"===e.mode){var a=Ve.makeOrd(e,t,"textord");return a.classes.push(r),a}return Ve.makeSpan(["mspace",r],[Ve.mathsym(e.text,e.mode,t)],t)}if(cn.hasOwnProperty(e.text))return Ve.makeSpan(["mspace",cn[e.text]],[],t);throw new n('Unknown type of space "'+e.text+'"')},mathmlBuilder:function(e,t){if(!mn.hasOwnProperty(e.text)){if(cn.hasOwnProperty(e.text))return new gt.MathNode("mspace");throw new n('Unknown type of space "'+e.text+'"')}return new gt.MathNode("mtext",[new gt.TextNode(" ")])}});var un=function(){var e=new gt.MathNode("mtd",[]);return e.setAttribute("width","50%"),e};Ke({type:"tag",mathmlBuilder:function(e,t){var r=new gt.MathNode("mtable",[new gt.MathNode("mtr",[un(),new gt.MathNode("mtd",[wt(e.body,t)]),un(),new gt.MathNode("mtd",[wt(e.tag,t)])])]);return r.setAttribute("width","100%"),r}});var pn={"\\text":void 0,"\\textrm":"textrm","\\textsf":"textsf","\\texttt":"texttt","\\textnormal":"textrm"},dn={"\\textbf":"textbf","\\textmd":"textmd"},fn={"\\textit":"textit","\\textup":"textup"},gn=function(e,t){var r=e.font;return r?pn[r]?t.withTextFontFamily(pn[r]):dn[r]?t.withTextFontWeight(dn[r]):t.withTextFontShape(fn[r]):t};Ze({type:"text",names:["\\text","\\textrm","\\textsf","\\texttt","\\textnormal","\\textbf","\\textmd","\\textit","\\textup"],props:{numArgs:1,argTypes:["text"],allowedInArgument:!0,allowedInText:!0},handler:function(e,t){var r=e.parser,n=e.funcName,a=t[0];return{type:"text",mode:r.mode,body:Qe(a),font:n}},htmlBuilder:function(e,t){var r=gn(e,t),n=it(e.body,r,!0);return Ve.makeSpan(["mord","text"],n,r)},mathmlBuilder:function(e,t){var r=gn(e,t);return wt(e.body,r)}}),Ze({type:"underline",names:["\\underline"],props:{numArgs:1,allowedInText:!0},handler:function(e,t){return{type:"underline",mode:e.parser.mode,body:t[0]}},htmlBuilder:function(e,t){var r=ct(e.body,t),n=Ve.makeLineSpan("underline-line",t),a=t.fontMetrics().defaultRuleThickness,i=Ve.makeVList({positionType:"top",positionData:r.height,children:[{type:"kern",size:a},{type:"elem",elem:n},{type:"kern",size:3*a},{type:"elem",elem:r}]},t);return Ve.makeSpan(["mord","underline"],[i],t)},mathmlBuilder:function(e,t){var r=new gt.MathNode("mo",[new gt.TextNode("‾")]);r.setAttribute("stretchy","true");var n=new gt.MathNode("munder",[kt(e.body,t),r]);return n.setAttribute("accentunder","true"),n}}),Ze({type:"vcenter",names:["\\vcenter"],props:{numArgs:1,argTypes:["original"],allowedInText:!1},handler:function(e,t){return{type:"vcenter",mode:e.parser.mode,body:t[0]}},htmlBuilder:function(e,t){var r=ct(e.body,t),n=t.fontMetrics().axisHeight,a=.5*(r.height-n-(r.depth+n));return Ve.makeVList({positionType:"shift",positionData:a,children:[{type:"elem",elem:r}]},t)},mathmlBuilder:function(e,t){return new gt.MathNode("mpadded",[kt(e.body,t)],["vcenter"])}}),Ze({type:"verb",names:["\\verb"],props:{numArgs:0,allowedInText:!0},handler:function(e,t,r){throw new n("\\verb ended by end of line instead of matching delimiter")},htmlBuilder:function(e,t){for(var r=vn(e),n=[],a=t.havingStyle(t.style.text()),i=0;i<r.length;i++){var o=r[i];"~"===o&&(o="\\textasciitilde"),n.push(Ve.makeSymbol(o,"Typewriter-Regular",e.mode,a,["mord","texttt"]))}return Ve.makeSpan(["mord","text"].concat(a.sizingClasses(t)),Ve.tryCombineChars(n),a)},mathmlBuilder:function(e,t){var r=new gt.TextNode(vn(e)),n=new gt.MathNode("mtext",[r]);return n.setAttribute("mathvariant","monospace"),n}});var vn=function(e){return e.body.replace(/ /g,e.star?"␣":" ")},yn=We,bn=new RegExp("[̀-ͯ]+$"),xn=function(){function e(e,t){this.input=void 0,this.settings=void 0,this.tokenRegex=void 0,this.catcodes=void 0,this.input=e,this.settings=t,this.tokenRegex=new RegExp("([ \r\n\t]+)|\\\\(\n|[ \r\t]+\n?)[ \r\t]*|([!-\\[\\]-‧‪-퟿豈-￿][̀-ͯ]*|[\ud800-\udbff][\udc00-\udfff][̀-ͯ]*|\\\\verb\\*([^]).*?\\4|\\\\verb([^*a-zA-Z]).*?\\5|(\\\\[a-zA-Z@]+)[ \r\n\t]*|\\\\[^\ud800-\udfff])","g"),this.catcodes={"%":14,"~":13}}var t=e.prototype;return t.setCatcode=function(e,t){this.catcodes[e]=t},t.lex=function(){var e=this.input,t=this.tokenRegex.lastIndex;if(t===e.length)return new zr("EOF",new Mr(this,t,t));var r=this.tokenRegex.exec(e);if(null===r||r.index!==t)throw new n("Unexpected character: '"+e[t]+"'",new zr(e[t],new Mr(this,t,t+1)));var a=r[6]||r[3]||(r[2]?"\\ ":" ");if(14===this.catcodes[a]){var i=e.indexOf("\n",this.tokenRegex.lastIndex);return-1===i?(this.tokenRegex.lastIndex=e.length,this.settings.reportNonstrict("commentAtEnd","% comment has no terminating newline; LaTeX would fail because of commenting the end of math mode (e.g. $)")):this.tokenRegex.lastIndex=i+1,this.lex()}return new zr(a,new Mr(this,t,this.tokenRegex.lastIndex))},e}(),wn=function(){function e(e,t){void 0===e&&(e={}),void 0===t&&(t={}),this.current=void 0,this.builtins=void 0,this.undefStack=void 0,this.current=t,this.builtins=e,this.undefStack=[]}var t=e.prototype;return t.beginGroup=function(){this.undefStack.push({})},t.endGroup=function(){if(0===this.undefStack.length)throw new n("Unbalanced namespace destruction: attempt to pop global namespace; please report this as a bug");var e=this.undefStack.pop();for(var t in e)e.hasOwnProperty(t)&&(null==e[t]?delete this.current[t]:this.current[t]=e[t])},t.endGroups=function(){for(;this.undefStack.length>0;)this.endGroup()},t.has=function(e){return this.current.hasOwnProperty(e)||this.builtins.hasOwnProperty(e)},t.get=function(e){return this.current.hasOwnProperty(e)?this.current[e]:this.builtins[e]},t.set=function(e,t,r){if(void 0===r&&(r=!1),r){for(var n=0;n<this.undefStack.length;n++)delete this.undefStack[n][e];this.undefStack.length>0&&(this.undefStack[this.undefStack.length-1][e]=t)}else{var a=this.undefStack[this.undefStack.length-1];a&&!a.hasOwnProperty(e)&&(a[e]=this.current[e])}null==t?delete this.current[e]:this.current[e]=t},e}(),kn=kr;Sr("\\noexpand",(function(e){var t=e.popToken();return e.isExpandable(t.text)&&(t.noexpand=!0,t.treatAsRelax=!0),{tokens:[t],numArgs:0}})),Sr("\\expandafter",(function(e){var t=e.popToken();return e.expandOnce(!0),{tokens:[t],numArgs:0}})),Sr("\\@firstoftwo",(function(e){return{tokens:e.consumeArgs(2)[0],numArgs:0}})),Sr("\\@secondoftwo",(function(e){return{tokens:e.consumeArgs(2)[1],numArgs:0}})),Sr("\\@ifnextchar",(function(e){var t=e.consumeArgs(3);e.consumeSpaces();var r=e.future();return 1===t[0].length&&t[0][0].text===r.text?{tokens:t[1],numArgs:0}:{tokens:t[2],numArgs:0}})),Sr("\\@ifstar","\\@ifnextchar *{\\@firstoftwo{#1}}"),Sr("\\TextOrMath",(function(e){var t=e.consumeArgs(2);return"text"===e.mode?{tokens:t[0],numArgs:0}:{tokens:t[1],numArgs:0}}));var Sn={0:0,1:1,2:2,3:3,4:4,5:5,6:6,7:7,8:8,9:9,a:10,A:10,b:11,B:11,c:12,C:12,d:13,D:13,e:14,E:14,f:15,F:15};Sr("\\char",(function(e){var t,r=e.popToken(),a="";if("'"===r.text)t=8,r=e.popToken();else if('"'===r.text)t=16,r=e.popToken();else if("`"===r.text)if("\\"===(r=e.popToken()).text[0])a=r.text.charCodeAt(1);else{if("EOF"===r.text)throw new n("\\char` missing argument");a=r.text.charCodeAt(0)}else t=10;if(t){if(null==(a=Sn[r.text])||a>=t)throw new n("Invalid base-"+t+" digit "+r.text);for(var i;null!=(i=Sn[e.future().text])&&i<t;)a*=t,a+=i,e.popToken()}return"\\@char{"+a+"}"}));var Mn=function(e,t,r){var a=e.consumeArg().tokens;if(1!==a.length)throw new n("\\newcommand's first argument must be a macro name");var i=a[0].text,o=e.isDefined(i);if(o&&!t)throw new n("\\newcommand{"+i+"} attempting to redefine "+i+"; use \\renewcommand");if(!o&&!r)throw new n("\\renewcommand{"+i+"} when command "+i+" does not yet exist; use \\newcommand");var s=0;if(1===(a=e.consumeArg().tokens).length&&"["===a[0].text){for(var l="",h=e.expandNextToken();"]"!==h.text&&"EOF"!==h.text;)l+=h.text,h=e.expandNextToken();if(!l.match(/^\s*[0-9]+\s*$/))throw new n("Invalid number of arguments: "+l);s=parseInt(l),a=e.consumeArg().tokens}return e.macros.set(i,{tokens:a,numArgs:s}),""};Sr("\\newcommand",(function(e){return Mn(e,!1,!0)})),Sr("\\renewcommand",(function(e){return Mn(e,!0,!1)})),Sr("\\providecommand",(function(e){return Mn(e,!0,!0)})),Sr("\\message",(function(e){var t=e.consumeArgs(1)[0];return console.log(t.reverse().map((function(e){return e.text})).join("")),""})),Sr("\\errmessage",(function(e){var t=e.consumeArgs(1)[0];return console.error(t.reverse().map((function(e){return e.text})).join("")),""})),Sr("\\show",(function(e){var t=e.popToken(),r=t.text;return console.log(t,e.macros.get(r),yn[r],ne.math[r],ne.text[r]),""})),Sr("\\bgroup","{"),Sr("\\egroup","}"),Sr("~","\\nobreakspace"),Sr("\\lq","`"),Sr("\\rq","'"),Sr("\\aa","\\r a"),Sr("\\AA","\\r A"),Sr("\\textcopyright","\\html@mathml{\\textcircled{c}}{\\char`©}"),Sr("\\copyright","\\TextOrMath{\\textcopyright}{\\text{\\textcopyright}}"),Sr("\\textregistered","\\html@mathml{\\textcircled{\\scriptsize R}}{\\char`®}"),Sr("ℬ","\\mathscr{B}"),Sr("ℰ","\\mathscr{E}"),Sr("ℱ","\\mathscr{F}"),Sr("ℋ","\\mathscr{H}"),Sr("ℐ","\\mathscr{I}"),Sr("ℒ","\\mathscr{L}"),Sr("ℳ","\\mathscr{M}"),Sr("ℛ","\\mathscr{R}"),Sr("ℭ","\\mathfrak{C}"),Sr("ℌ","\\mathfrak{H}"),Sr("ℨ","\\mathfrak{Z}"),Sr("\\Bbbk","\\Bbb{k}"),Sr("·","\\cdotp"),Sr("\\llap","\\mathllap{\\textrm{#1}}"),Sr("\\rlap","\\mathrlap{\\textrm{#1}}"),Sr("\\clap","\\mathclap{\\textrm{#1}}"),Sr("\\mathstrut","\\vphantom{(}"),Sr("\\underbar","\\underline{\\text{#1}}"),Sr("\\not",'\\html@mathml{\\mathrel{\\mathrlap\\@not}}{\\char"338}'),Sr("\\neq","\\html@mathml{\\mathrel{\\not=}}{\\mathrel{\\char`≠}}"),Sr("\\ne","\\neq"),Sr("≠","\\neq"),Sr("\\notin","\\html@mathml{\\mathrel{{\\in}\\mathllap{/\\mskip1mu}}}{\\mathrel{\\char`∉}}"),Sr("∉","\\notin"),Sr("≘","\\html@mathml{\\mathrel{=\\kern{-1em}\\raisebox{0.4em}{$\\scriptsize\\frown$}}}{\\mathrel{\\char`≘}}"),Sr("≙","\\html@mathml{\\stackrel{\\tiny\\wedge}{=}}{\\mathrel{\\char`≘}}"),Sr("≚","\\html@mathml{\\stackrel{\\tiny\\vee}{=}}{\\mathrel{\\char`≚}}"),Sr("≛","\\html@mathml{\\stackrel{\\scriptsize\\star}{=}}{\\mathrel{\\char`≛}}"),Sr("≝","\\html@mathml{\\stackrel{\\tiny\\mathrm{def}}{=}}{\\mathrel{\\char`≝}}"),Sr("≞","\\html@mathml{\\stackrel{\\tiny\\mathrm{m}}{=}}{\\mathrel{\\char`≞}}"),Sr("≟","\\html@mathml{\\stackrel{\\tiny?}{=}}{\\mathrel{\\char`≟}}"),Sr("⟂","\\perp"),Sr("‼","\\mathclose{!\\mkern-0.8mu!}"),Sr("∌","\\notni"),Sr("⌜","\\ulcorner"),Sr("⌝","\\urcorner"),Sr("⌞","\\llcorner"),Sr("⌟","\\lrcorner"),Sr("©","\\copyright"),Sr("®","\\textregistered"),Sr("️","\\textregistered"),Sr("\\ulcorner",'\\html@mathml{\\@ulcorner}{\\mathop{\\char"231c}}'),Sr("\\urcorner",'\\html@mathml{\\@urcorner}{\\mathop{\\char"231d}}'),Sr("\\llcorner",'\\html@mathml{\\@llcorner}{\\mathop{\\char"231e}}'),Sr("\\lrcorner",'\\html@mathml{\\@lrcorner}{\\mathop{\\char"231f}}'),Sr("\\vdots","\\mathord{\\varvdots\\rule{0pt}{15pt}}"),Sr("⋮","\\vdots"),Sr("\\varGamma","\\mathit{\\Gamma}"),Sr("\\varDelta","\\mathit{\\Delta}"),Sr("\\varTheta","\\mathit{\\Theta}"),Sr("\\varLambda","\\mathit{\\Lambda}"),Sr("\\varXi","\\mathit{\\Xi}"),Sr("\\varPi","\\mathit{\\Pi}"),Sr("\\varSigma","\\mathit{\\Sigma}"),Sr("\\varUpsilon","\\mathit{\\Upsilon}"),Sr("\\varPhi","\\mathit{\\Phi}"),Sr("\\varPsi","\\mathit{\\Psi}"),Sr("\\varOmega","\\mathit{\\Omega}"),Sr("\\substack","\\begin{subarray}{c}#1\\end{subarray}"),Sr("\\colon","\\nobreak\\mskip2mu\\mathpunct{}\\mathchoice{\\mkern-3mu}{\\mkern-3mu}{}{}{:}\\mskip6mu\\relax"),Sr("\\boxed","\\fbox{$\\displaystyle{#1}$}"),Sr("\\iff","\\DOTSB\\;\\Longleftrightarrow\\;"),Sr("\\implies","\\DOTSB\\;\\Longrightarrow\\;"),Sr("\\impliedby","\\DOTSB\\;\\Longleftarrow\\;");var zn={",":"\\dotsc","\\not":"\\dotsb","+":"\\dotsb","=":"\\dotsb","<":"\\dotsb",">":"\\dotsb","-":"\\dotsb","*":"\\dotsb",":":"\\dotsb","\\DOTSB":"\\dotsb","\\coprod":"\\dotsb","\\bigvee":"\\dotsb","\\bigwedge":"\\dotsb","\\biguplus":"\\dotsb","\\bigcap":"\\dotsb","\\bigcup":"\\dotsb","\\prod":"\\dotsb","\\sum":"\\dotsb","\\bigotimes":"\\dotsb","\\bigoplus":"\\dotsb","\\bigodot":"\\dotsb","\\bigsqcup":"\\dotsb","\\And":"\\dotsb","\\longrightarrow":"\\dotsb","\\Longrightarrow":"\\dotsb","\\longleftarrow":"\\dotsb","\\Longleftarrow":"\\dotsb","\\longleftrightarrow":"\\dotsb","\\Longleftrightarrow":"\\dotsb","\\mapsto":"\\dotsb","\\longmapsto":"\\dotsb","\\hookrightarrow":"\\dotsb","\\doteq":"\\dotsb","\\mathbin":"\\dotsb","\\mathrel":"\\dotsb","\\relbar":"\\dotsb","\\Relbar":"\\dotsb","\\xrightarrow":"\\dotsb","\\xleftarrow":"\\dotsb","\\DOTSI":"\\dotsi","\\int":"\\dotsi","\\oint":"\\dotsi","\\iint":"\\dotsi","\\iiint":"\\dotsi","\\iiiint":"\\dotsi","\\idotsint":"\\dotsi","\\DOTSX":"\\dotsx"};Sr("\\dots",(function(e){var t="\\dotso",r=e.expandAfterFuture().text;return r in zn?t=zn[r]:("\\not"===r.substr(0,4)||r in ne.math&&l.contains(["bin","rel"],ne.math[r].group))&&(t="\\dotsb"),t}));var An={")":!0,"]":!0,"\\rbrack":!0,"\\}":!0,"\\rbrace":!0,"\\rangle":!0,"\\rceil":!0,"\\rfloor":!0,"\\rgroup":!0,"\\rmoustache":!0,"\\right":!0,"\\bigr":!0,"\\biggr":!0,"\\Bigr":!0,"\\Biggr":!0,$:!0,";":!0,".":!0,",":!0};Sr("\\dotso",(function(e){return e.future().text in An?"\\ldots\\,":"\\ldots"})),Sr("\\dotsc",(function(e){var t=e.future().text;return t in An&&","!==t?"\\ldots\\,":"\\ldots"})),Sr("\\cdots",(function(e){return e.future().text in An?"\\@cdots\\,":"\\@cdots"})),Sr("\\dotsb","\\cdots"),Sr("\\dotsm","\\cdots"),Sr("\\dotsi","\\!\\cdots"),Sr("\\dotsx","\\ldots\\,"),Sr("\\DOTSI","\\relax"),Sr("\\DOTSB","\\relax"),Sr("\\DOTSX","\\relax"),Sr("\\tmspace","\\TextOrMath{\\kern#1#3}{\\mskip#1#2}\\relax"),Sr("\\,","\\tmspace+{3mu}{.1667em}"),Sr("\\thinspace","\\,"),Sr("\\>","\\mskip{4mu}"),Sr("\\:","\\tmspace+{4mu}{.2222em}"),Sr("\\medspace","\\:"),Sr("\\;","\\tmspace+{5mu}{.2777em}"),Sr("\\thickspace","\\;"),Sr("\\!","\\tmspace-{3mu}{.1667em}"),Sr("\\negthinspace","\\!"),Sr("\\negmedspace","\\tmspace-{4mu}{.2222em}"),Sr("\\negthickspace","\\tmspace-{5mu}{.277em}"),Sr("\\enspace","\\kern.5em "),Sr("\\enskip","\\hskip.5em\\relax"),Sr("\\quad","\\hskip1em\\relax"),Sr("\\qquad","\\hskip2em\\relax"),Sr("\\tag","\\@ifstar\\tag@literal\\tag@paren"),Sr("\\tag@paren","\\tag@literal{({#1})}"),Sr("\\tag@literal",(function(e){if(e.macros.get("\\df@tag"))throw new n("Multiple \\tag");return"\\gdef\\df@tag{\\text{#1}}"})),Sr("\\bmod","\\mathchoice{\\mskip1mu}{\\mskip1mu}{\\mskip5mu}{\\mskip5mu}\\mathbin{\\rm mod}\\mathchoice{\\mskip1mu}{\\mskip1mu}{\\mskip5mu}{\\mskip5mu}"),Sr("\\pod","\\allowbreak\\mathchoice{\\mkern18mu}{\\mkern8mu}{\\mkern8mu}{\\mkern8mu}(#1)"),Sr("\\pmod","\\pod{{\\rm mod}\\mkern6mu#1}"),Sr("\\mod","\\allowbreak\\mathchoice{\\mkern18mu}{\\mkern12mu}{\\mkern12mu}{\\mkern12mu}{\\rm mod}\\,\\,#1"),Sr("\\pmb","\\html@mathml{\\@binrel{#1}{\\mathrlap{#1}\\kern0.5px#1}}{\\mathbf{#1}}"),Sr("\\newline","\\\\\\relax"),Sr("\\TeX","\\textrm{\\html@mathml{T\\kern-.1667em\\raisebox{-.5ex}{E}\\kern-.125emX}{TeX}}");var Tn=F(A["Main-Regular"]["T".charCodeAt(0)][1]-.7*A["Main-Regular"]["A".charCodeAt(0)][1]);Sr("\\LaTeX","\\textrm{\\html@mathml{L\\kern-.36em\\raisebox{"+Tn+"}{\\scriptstyle A}\\kern-.15em\\TeX}{LaTeX}}"),Sr("\\KaTeX","\\textrm{\\html@mathml{K\\kern-.17em\\raisebox{"+Tn+"}{\\scriptstyle A}\\kern-.15em\\TeX}{KaTeX}}"),Sr("\\hspace","\\@ifstar\\@hspacer\\@hspace"),Sr("\\@hspace","\\hskip #1\\relax"),Sr("\\@hspacer","\\rule{0pt}{0pt}\\hskip #1\\relax"),Sr("\\ordinarycolon",":"),Sr("\\vcentcolon","\\mathrel{\\mathop\\ordinarycolon}"),Sr("\\dblcolon",'\\html@mathml{\\mathrel{\\vcentcolon\\mathrel{\\mkern-.9mu}\\vcentcolon}}{\\mathop{\\char"2237}}'),Sr("\\coloneqq",'\\html@mathml{\\mathrel{\\vcentcolon\\mathrel{\\mkern-1.2mu}=}}{\\mathop{\\char"2254}}'),Sr("\\Coloneqq",'\\html@mathml{\\mathrel{\\dblcolon\\mathrel{\\mkern-1.2mu}=}}{\\mathop{\\char"2237\\char"3d}}'),Sr("\\coloneq",'\\html@mathml{\\mathrel{\\vcentcolon\\mathrel{\\mkern-1.2mu}\\mathrel{-}}}{\\mathop{\\char"3a\\char"2212}}'),Sr("\\Coloneq",'\\html@mathml{\\mathrel{\\dblcolon\\mathrel{\\mkern-1.2mu}\\mathrel{-}}}{\\mathop{\\char"2237\\char"2212}}'),Sr("\\eqqcolon",'\\html@mathml{\\mathrel{=\\mathrel{\\mkern-1.2mu}\\vcentcolon}}{\\mathop{\\char"2255}}'),Sr("\\Eqqcolon",'\\html@mathml{\\mathrel{=\\mathrel{\\mkern-1.2mu}\\dblcolon}}{\\mathop{\\char"3d\\char"2237}}'),Sr("\\eqcolon",'\\html@mathml{\\mathrel{\\mathrel{-}\\mathrel{\\mkern-1.2mu}\\vcentcolon}}{\\mathop{\\char"2239}}'),Sr("\\Eqcolon",'\\html@mathml{\\mathrel{\\mathrel{-}\\mathrel{\\mkern-1.2mu}\\dblcolon}}{\\mathop{\\char"2212\\char"2237}}'),Sr("\\colonapprox",'\\html@mathml{\\mathrel{\\vcentcolon\\mathrel{\\mkern-1.2mu}\\approx}}{\\mathop{\\char"3a\\char"2248}}'),Sr("\\Colonapprox",'\\html@mathml{\\mathrel{\\dblcolon\\mathrel{\\mkern-1.2mu}\\approx}}{\\mathop{\\char"2237\\char"2248}}'),Sr("\\colonsim",'\\html@mathml{\\mathrel{\\vcentcolon\\mathrel{\\mkern-1.2mu}\\sim}}{\\mathop{\\char"3a\\char"223c}}'),Sr("\\Colonsim",'\\html@mathml{\\mathrel{\\dblcolon\\mathrel{\\mkern-1.2mu}\\sim}}{\\mathop{\\char"2237\\char"223c}}'),Sr("∷","\\dblcolon"),Sr("∹","\\eqcolon"),Sr("≔","\\coloneqq"),Sr("≕","\\eqqcolon"),Sr("⩴","\\Coloneqq"),Sr("\\ratio","\\vcentcolon"),Sr("\\coloncolon","\\dblcolon"),Sr("\\colonequals","\\coloneqq"),Sr("\\coloncolonequals","\\Coloneqq"),Sr("\\equalscolon","\\eqqcolon"),Sr("\\equalscoloncolon","\\Eqqcolon"),Sr("\\colonminus","\\coloneq"),Sr("\\coloncolonminus","\\Coloneq"),Sr("\\minuscolon","\\eqcolon"),Sr("\\minuscoloncolon","\\Eqcolon"),Sr("\\coloncolonapprox","\\Colonapprox"),Sr("\\coloncolonsim","\\Colonsim"),Sr("\\simcolon","\\mathrel{\\sim\\mathrel{\\mkern-1.2mu}\\vcentcolon}"),Sr("\\simcoloncolon","\\mathrel{\\sim\\mathrel{\\mkern-1.2mu}\\dblcolon}"),Sr("\\approxcolon","\\mathrel{\\approx\\mathrel{\\mkern-1.2mu}\\vcentcolon}"),Sr("\\approxcoloncolon","\\mathrel{\\approx\\mathrel{\\mkern-1.2mu}\\dblcolon}"),Sr("\\notni","\\html@mathml{\\not\\ni}{\\mathrel{\\char`∌}}"),Sr("\\limsup","\\DOTSB\\operatorname*{lim\\,sup}"),Sr("\\liminf","\\DOTSB\\operatorname*{lim\\,inf}"),Sr("\\injlim","\\DOTSB\\operatorname*{inj\\,lim}"),Sr("\\projlim","\\DOTSB\\operatorname*{proj\\,lim}"),Sr("\\varlimsup","\\DOTSB\\operatorname*{\\overline{lim}}"),Sr("\\varliminf","\\DOTSB\\operatorname*{\\underline{lim}}"),Sr("\\varinjlim","\\DOTSB\\operatorname*{\\underrightarrow{lim}}"),Sr("\\varprojlim","\\DOTSB\\operatorname*{\\underleftarrow{lim}}"),Sr("\\gvertneqq","\\html@mathml{\\@gvertneqq}{≩}"),Sr("\\lvertneqq","\\html@mathml{\\@lvertneqq}{≨}"),Sr("\\ngeqq","\\html@mathml{\\@ngeqq}{≱}"),Sr("\\ngeqslant","\\html@mathml{\\@ngeqslant}{≱}"),Sr("\\nleqq","\\html@mathml{\\@nleqq}{≰}"),Sr("\\nleqslant","\\html@mathml{\\@nleqslant}{≰}"),Sr("\\nshortmid","\\html@mathml{\\@nshortmid}{∤}"),Sr("\\nshortparallel","\\html@mathml{\\@nshortparallel}{∦}"),Sr("\\nsubseteqq","\\html@mathml{\\@nsubseteqq}{⊈}"),Sr("\\nsupseteqq","\\html@mathml{\\@nsupseteqq}{⊉}"),Sr("\\varsubsetneq","\\html@mathml{\\@varsubsetneq}{⊊}"),Sr("\\varsubsetneqq","\\html@mathml{\\@varsubsetneqq}{⫋}"),Sr("\\varsupsetneq","\\html@mathml{\\@varsupsetneq}{⊋}"),Sr("\\varsupsetneqq","\\html@mathml{\\@varsupsetneqq}{⫌}"),Sr("\\imath","\\html@mathml{\\@imath}{ı}"),Sr("\\jmath","\\html@mathml{\\@jmath}{ȷ}"),Sr("\\llbracket","\\html@mathml{\\mathopen{[\\mkern-3.2mu[}}{\\mathopen{\\char`⟦}}"),Sr("\\rrbracket","\\html@mathml{\\mathclose{]\\mkern-3.2mu]}}{\\mathclose{\\char`⟧}}"),Sr("⟦","\\llbracket"),Sr("⟧","\\rrbracket"),Sr("\\lBrace","\\html@mathml{\\mathopen{\\{\\mkern-3.2mu[}}{\\mathopen{\\char`⦃}}"),Sr("\\rBrace","\\html@mathml{\\mathclose{]\\mkern-3.2mu\\}}}{\\mathclose{\\char`⦄}}"),Sr("⦃","\\lBrace"),Sr("⦄","\\rBrace"),Sr("\\minuso","\\mathbin{\\html@mathml{{\\mathrlap{\\mathchoice{\\kern{0.145em}}{\\kern{0.145em}}{\\kern{0.1015em}}{\\kern{0.0725em}}\\circ}{-}}}{\\char`⦵}}"),Sr("⦵","\\minuso"),Sr("\\darr","\\downarrow"),Sr("\\dArr","\\Downarrow"),Sr("\\Darr","\\Downarrow"),Sr("\\lang","\\langle"),Sr("\\rang","\\rangle"),Sr("\\uarr","\\uparrow"),Sr("\\uArr","\\Uparrow"),Sr("\\Uarr","\\Uparrow"),Sr("\\N","\\mathbb{N}"),Sr("\\R","\\mathbb{R}"),Sr("\\Z","\\mathbb{Z}"),Sr("\\alef","\\aleph"),Sr("\\alefsym","\\aleph"),Sr("\\Alpha","\\mathrm{A}"),Sr("\\Beta","\\mathrm{B}"),Sr("\\bull","\\bullet"),Sr("\\Chi","\\mathrm{X}"),Sr("\\clubs","\\clubsuit"),Sr("\\cnums","\\mathbb{C}"),Sr("\\Complex","\\mathbb{C}"),Sr("\\Dagger","\\ddagger"),Sr("\\diamonds","\\diamondsuit"),Sr("\\empty","\\emptyset"),Sr("\\Epsilon","\\mathrm{E}"),Sr("\\Eta","\\mathrm{H}"),Sr("\\exist","\\exists"),Sr("\\harr","\\leftrightarrow"),Sr("\\hArr","\\Leftrightarrow"),Sr("\\Harr","\\Leftrightarrow"),Sr("\\hearts","\\heartsuit"),Sr("\\image","\\Im"),Sr("\\infin","\\infty"),Sr("\\Iota","\\mathrm{I}"),Sr("\\isin","\\in"),Sr("\\Kappa","\\mathrm{K}"),Sr("\\larr","\\leftarrow"),Sr("\\lArr","\\Leftarrow"),Sr("\\Larr","\\Leftarrow"),Sr("\\lrarr","\\leftrightarrow"),Sr("\\lrArr","\\Leftrightarrow"),Sr("\\Lrarr","\\Leftrightarrow"),Sr("\\Mu","\\mathrm{M}"),Sr("\\natnums","\\mathbb{N}"),Sr("\\Nu","\\mathrm{N}"),Sr("\\Omicron","\\mathrm{O}"),Sr("\\plusmn","\\pm"),Sr("\\rarr","\\rightarrow"),Sr("\\rArr","\\Rightarrow"),Sr("\\Rarr","\\Rightarrow"),Sr("\\real","\\Re"),Sr("\\reals","\\mathbb{R}"),Sr("\\Reals","\\mathbb{R}"),Sr("\\Rho","\\mathrm{P}"),Sr("\\sdot","\\cdot"),Sr("\\sect","\\S"),Sr("\\spades","\\spadesuit"),Sr("\\sub","\\subset"),Sr("\\sube","\\subseteq"),Sr("\\supe","\\supseteq"),Sr("\\Tau","\\mathrm{T}"),Sr("\\thetasym","\\vartheta"),Sr("\\weierp","\\wp"),Sr("\\Zeta","\\mathrm{Z}"),Sr("\\argmin","\\DOTSB\\operatorname*{arg\\,min}"),Sr("\\argmax","\\DOTSB\\operatorname*{arg\\,max}"),Sr("\\plim","\\DOTSB\\mathop{\\operatorname{plim}}\\limits"),Sr("\\bra","\\mathinner{\\langle{#1}|}"),Sr("\\ket","\\mathinner{|{#1}\\rangle}"),Sr("\\braket","\\mathinner{\\langle{#1}\\rangle}"),Sr("\\Bra","\\left\\langle#1\\right|"),Sr("\\Ket","\\left|#1\\right\\rangle");var Bn=function(e){return function(t){var r=t.consumeArg().tokens,n=t.consumeArg().tokens,a=t.consumeArg().tokens,i=t.consumeArg().tokens,o=t.macros.get("|"),s=t.macros.get("\\|");t.macros.beginGroup();var l=function(t){return function(r){e&&(r.macros.set("|",o),a.length&&r.macros.set("\\|",s));var i=t;return!t&&a.length&&"|"===r.future().text&&(r.popToken(),i=!0),{tokens:i?a:n,numArgs:0}}};t.macros.set("|",l(!1)),a.length&&t.macros.set("\\|",l(!0));var h=t.consumeArg().tokens,c=t.expandTokens([].concat(i,h,r));return t.macros.endGroup(),{tokens:c.reverse(),numArgs:0}}};Sr("\\bra@ket",Bn(!1)),Sr("\\bra@set",Bn(!0)),Sr("\\Braket","\\bra@ket{\\left\\langle}{\\,\\middle\\vert\\,}{\\,\\middle\\vert\\,}{\\right\\rangle}"),Sr("\\Set","\\bra@set{\\left\\{\\:}{\\;\\middle\\vert\\;}{\\;\\middle\\Vert\\;}{\\:\\right\\}}"),Sr("\\set","\\bra@set{\\{\\,}{\\mid}{}{\\,\\}}"),Sr("\\angln","{\\angl n}"),Sr("\\blue","\\textcolor{##6495ed}{#1}"),Sr("\\orange","\\textcolor{##ffa500}{#1}"),Sr("\\pink","\\textcolor{##ff00af}{#1}"),Sr("\\red","\\textcolor{##df0030}{#1}"),Sr("\\green","\\textcolor{##28ae7b}{#1}"),Sr("\\gray","\\textcolor{gray}{#1}"),Sr("\\purple","\\textcolor{##9d38bd}{#1}"),Sr("\\blueA","\\textcolor{##ccfaff}{#1}"),Sr("\\blueB","\\textcolor{##80f6ff}{#1}"),Sr("\\blueC","\\textcolor{##63d9ea}{#1}"),Sr("\\blueD","\\textcolor{##11accd}{#1}"),Sr("\\blueE","\\textcolor{##0c7f99}{#1}"),Sr("\\tealA","\\textcolor{##94fff5}{#1}"),Sr("\\tealB","\\textcolor{##26edd5}{#1}"),Sr("\\tealC","\\textcolor{##01d1c1}{#1}"),Sr("\\tealD","\\textcolor{##01a995}{#1}"),Sr("\\tealE","\\textcolor{##208170}{#1}"),Sr("\\greenA","\\textcolor{##b6ffb0}{#1}"),Sr("\\greenB","\\textcolor{##8af281}{#1}"),Sr("\\greenC","\\textcolor{##74cf70}{#1}"),Sr("\\greenD","\\textcolor{##1fab54}{#1}"),Sr("\\greenE","\\textcolor{##0d923f}{#1}"),Sr("\\goldA","\\textcolor{##ffd0a9}{#1}"),Sr("\\goldB","\\textcolor{##ffbb71}{#1}"),Sr("\\goldC","\\textcolor{##ff9c39}{#1}"),Sr("\\goldD","\\textcolor{##e07d10}{#1}"),Sr("\\goldE","\\textcolor{##a75a05}{#1}"),Sr("\\redA","\\textcolor{##fca9a9}{#1}"),Sr("\\redB","\\textcolor{##ff8482}{#1}"),Sr("\\redC","\\textcolor{##f9685d}{#1}"),Sr("\\redD","\\textcolor{##e84d39}{#1}"),Sr("\\redE","\\textcolor{##bc2612}{#1}"),Sr("\\maroonA","\\textcolor{##ffbde0}{#1}"),Sr("\\maroonB","\\textcolor{##ff92c6}{#1}"),Sr("\\maroonC","\\textcolor{##ed5fa6}{#1}"),Sr("\\maroonD","\\textcolor{##ca337c}{#1}"),Sr("\\maroonE","\\textcolor{##9e034e}{#1}"),Sr("\\purpleA","\\textcolor{##ddd7ff}{#1}"),Sr("\\purpleB","\\textcolor{##c6b9fc}{#1}"),Sr("\\purpleC","\\textcolor{##aa87ff}{#1}"),Sr("\\purpleD","\\textcolor{##7854ab}{#1}"),Sr("\\purpleE","\\textcolor{##543b78}{#1}"),Sr("\\mintA","\\textcolor{##f5f9e8}{#1}"),Sr("\\mintB","\\textcolor{##edf2df}{#1}"),Sr("\\mintC","\\textcolor{##e0e5cc}{#1}"),Sr("\\grayA","\\textcolor{##f6f7f7}{#1}"),Sr("\\grayB","\\textcolor{##f0f1f2}{#1}"),Sr("\\grayC","\\textcolor{##e3e5e6}{#1}"),Sr("\\grayD","\\textcolor{##d6d8da}{#1}"),Sr("\\grayE","\\textcolor{##babec2}{#1}"),Sr("\\grayF","\\textcolor{##888d93}{#1}"),Sr("\\grayG","\\textcolor{##626569}{#1}"),Sr("\\grayH","\\textcolor{##3b3e40}{#1}"),Sr("\\grayI","\\textcolor{##21242c}{#1}"),Sr("\\kaBlue","\\textcolor{##314453}{#1}"),Sr("\\kaGreen","\\textcolor{##71B307}{#1}");var Cn={"^":!0,_:!0,"\\limits":!0,"\\nolimits":!0},Nn=function(){function e(e,t,r){this.settings=void 0,this.expansionCount=void 0,this.lexer=void 0,this.macros=void 0,this.stack=void 0,this.mode=void 0,this.settings=t,this.expansionCount=0,this.feed(e),this.macros=new wn(kn,t.macros),this.mode=r,this.stack=[]}var t=e.prototype;return t.feed=function(e){this.lexer=new xn(e,this.settings)},t.switchMode=function(e){this.mode=e},t.beginGroup=function(){this.macros.beginGroup()},t.endGroup=function(){this.macros.endGroup()},t.endGroups=function(){this.macros.endGroups()},t.future=function(){return 0===this.stack.length&&this.pushToken(this.lexer.lex()),this.stack[this.stack.length-1]},t.popToken=function(){return this.future(),this.stack.pop()},t.pushToken=function(e){this.stack.push(e)},t.pushTokens=function(e){var t;(t=this.stack).push.apply(t,e)},t.scanArgument=function(e){var t,r,n;if(e){if(this.consumeSpaces(),"["!==this.future().text)return null;t=this.popToken();var a=this.consumeArg(["]"]);n=a.tokens,r=a.end}else{var i=this.consumeArg();n=i.tokens,t=i.start,r=i.end}return this.pushToken(new zr("EOF",r.loc)),this.pushTokens(n),t.range(r,"")},t.consumeSpaces=function(){for(;" "===this.future().text;)this.stack.pop()},t.consumeArg=function(e){var t=[],r=e&&e.length>0;r||this.consumeSpaces();var a,i=this.future(),o=0,s=0;do{if(a=this.popToken(),t.push(a),"{"===a.text)++o;else if("}"===a.text){if(-1==--o)throw new n("Extra }",a)}else if("EOF"===a.text)throw new n("Unexpected end of input in a macro argument, expected '"+(e&&r?e[s]:"}")+"'",a);if(e&&r)if((0===o||1===o&&"{"===e[s])&&a.text===e[s]){if(++s===e.length){t.splice(-s,s);break}}else s=0}while(0!==o||r);return"{"===i.text&&"}"===t[t.length-1].text&&(t.pop(),t.shift()),t.reverse(),{tokens:t,start:i,end:a}},t.consumeArgs=function(e,t){if(t){if(t.length!==e+1)throw new n("The length of delimiters doesn't match the number of args!");for(var r=t[0],a=0;a<r.length;a++){var i=this.popToken();if(r[a]!==i.text)throw new n("Use of the macro doesn't match its definition",i)}}for(var o=[],s=0;s<e;s++)o.push(this.consumeArg(t&&t[s+1]).tokens);return o},t.expandOnce=function(e){var t=this.popToken(),r=t.text,a=t.noexpand?null:this._getExpansion(r);if(null==a||e&&a.unexpandable){if(e&&null==a&&"\\"===r[0]&&!this.isDefined(r))throw new n("Undefined control sequence: "+r);return this.pushToken(t),t}if(this.expansionCount++,this.expansionCount>this.settings.maxExpand)throw new n("Too many expansions: infinite loop or need to increase maxExpand setting");var i=a.tokens,o=this.consumeArgs(a.numArgs,a.delimiters);if(a.numArgs)for(var s=(i=i.slice()).length-1;s>=0;--s){var l=i[s];if("#"===l.text){if(0===s)throw new n("Incomplete placeholder at end of macro body",l);if("#"===(l=i[--s]).text)i.splice(s+1,1);else{if(!/^[1-9]$/.test(l.text))throw new n("Not a valid argument number",l);var h;(h=i).splice.apply(h,[s,2].concat(o[+l.text-1]))}}}return this.pushTokens(i),i},t.expandAfterFuture=function(){return this.expandOnce(),this.future()},t.expandNextToken=function(){for(;;){var e=this.expandOnce();if(e instanceof zr)return e.treatAsRelax&&(e.text="\\relax"),this.stack.pop()}throw new Error},t.expandMacro=function(e){return this.macros.has(e)?this.expandTokens([new zr(e)]):void 0},t.expandTokens=function(e){var t=[],r=this.stack.length;for(this.pushTokens(e);this.stack.length>r;){var n=this.expandOnce(!0);n instanceof zr&&(n.treatAsRelax&&(n.noexpand=!1,n.treatAsRelax=!1),t.push(this.stack.pop()))}return t},t.expandMacroAsText=function(e){var t=this.expandMacro(e);return t?t.map((function(e){return e.text})).join(""):t},t._getExpansion=function(e){var t=this.macros.get(e);if(null==t)return t;if(1===e.length){var r=this.lexer.catcodes[e];if(null!=r&&13!==r)return}var n="function"==typeof t?t(this):t;if("string"==typeof n){var a=0;if(-1!==n.indexOf("#"))for(var i=n.replace(/##/g,"");-1!==i.indexOf("#"+(a+1));)++a;for(var o=new xn(n,this.settings),s=[],l=o.lex();"EOF"!==l.text;)s.push(l),l=o.lex();return s.reverse(),{tokens:s,numArgs:a}}return n},t.isDefined=function(e){return this.macros.has(e)||yn.hasOwnProperty(e)||ne.math.hasOwnProperty(e)||ne.text.hasOwnProperty(e)||Cn.hasOwnProperty(e)},t.isExpandable=function(e){var t=this.macros.get(e);return null!=t?"string"==typeof t||"function"==typeof t||!t.unexpandable:yn.hasOwnProperty(e)&&!yn[e].primitive},e}(),qn=/^[₊₋₌₍₎₀₁₂₃₄₅₆₇₈₉ₐₑₕᵢⱼₖₗₘₙₒₚᵣₛₜᵤᵥₓᵦᵧᵨᵩᵪ]/,In=Object.freeze({"₊":"+","₋":"-","₌":"=","₍":"(","₎":")","₀":"0","₁":"1","₂":"2","₃":"3","₄":"4","₅":"5","₆":"6","₇":"7","₈":"8","₉":"9","ₐ":"a","ₑ":"e","ₕ":"h","ᵢ":"i","ⱼ":"j","ₖ":"k","ₗ":"l","ₘ":"m","ₙ":"n","ₒ":"o","ₚ":"p","ᵣ":"r","ₛ":"s","ₜ":"t","ᵤ":"u","ᵥ":"v","ₓ":"x","ᵦ":"β","ᵧ":"γ","ᵨ":"ρ","ᵩ":"ϕ","ᵪ":"χ","⁺":"+","⁻":"-","⁼":"=","⁽":"(","⁾":")","⁰":"0","¹":"1","²":"2","³":"3","⁴":"4","⁵":"5","⁶":"6","⁷":"7","⁸":"8","⁹":"9","ᴬ":"A","ᴮ":"B","ᴰ":"D","ᴱ":"E","ᴳ":"G","ᴴ":"H","ᴵ":"I","ᴶ":"J","ᴷ":"K","ᴸ":"L","ᴹ":"M","ᴺ":"N","ᴼ":"O","ᴾ":"P","ᴿ":"R","ᵀ":"T","ᵁ":"U","ⱽ":"V","ᵂ":"W","ᵃ":"a","ᵇ":"b","ᶜ":"c","ᵈ":"d","ᵉ":"e","ᶠ":"f","ᵍ":"g","ʰ":"h","ⁱ":"i","ʲ":"j","ᵏ":"k","ˡ":"l","ᵐ":"m","ⁿ":"n","ᵒ":"o","ᵖ":"p","ʳ":"r","ˢ":"s","ᵗ":"t","ᵘ":"u","ᵛ":"v","ʷ":"w","ˣ":"x","ʸ":"y","ᶻ":"z","ᵝ":"β","ᵞ":"γ","ᵟ":"δ","ᵠ":"ϕ","ᵡ":"χ","ᶿ":"θ"}),On={"́":{text:"\\'",math:"\\acute"},"̀":{text:"\\`",math:"\\grave"},"̈":{text:'\\"',math:"\\ddot"},"̃":{text:"\\~",math:"\\tilde"},"̄":{text:"\\=",math:"\\bar"},"̆":{text:"\\u",math:"\\breve"},"̌":{text:"\\v",math:"\\check"},"̂":{text:"\\^",math:"\\hat"},"̇":{text:"\\.",math:"\\dot"},"̊":{text:"\\r",math:"\\mathring"},"̋":{text:"\\H"},"̧":{text:"\\c"}},Rn={"á":"á","à":"à","ä":"ä","ǟ":"ǟ","ã":"ã","ā":"ā","ă":"ă","ắ":"ắ","ằ":"ằ","ẵ":"ẵ","ǎ":"ǎ","â":"â","ấ":"ấ","ầ":"ầ","ẫ":"ẫ","ȧ":"ȧ","ǡ":"ǡ","å":"å","ǻ":"ǻ","ḃ":"ḃ","ć":"ć","ḉ":"ḉ","č":"č","ĉ":"ĉ","ċ":"ċ","ç":"ç","ď":"ď","ḋ":"ḋ","ḑ":"ḑ","é":"é","è":"è","ë":"ë","ẽ":"ẽ","ē":"ē","ḗ":"ḗ","ḕ":"ḕ","ĕ":"ĕ","ḝ":"ḝ","ě":"ě","ê":"ê","ế":"ế","ề":"ề","ễ":"ễ","ė":"ė","ȩ":"ȩ","ḟ":"ḟ","ǵ":"ǵ","ḡ":"ḡ","ğ":"ğ","ǧ":"ǧ","ĝ":"ĝ","ġ":"ġ","ģ":"ģ","ḧ":"ḧ","ȟ":"ȟ","ĥ":"ĥ","ḣ":"ḣ","ḩ":"ḩ","í":"í","ì":"ì","ï":"ï","ḯ":"ḯ","ĩ":"ĩ","ī":"ī","ĭ":"ĭ","ǐ":"ǐ","î":"î","ǰ":"ǰ","ĵ":"ĵ","ḱ":"ḱ","ǩ":"ǩ","ķ":"ķ","ĺ":"ĺ","ľ":"ľ","ļ":"ļ","ḿ":"ḿ","ṁ":"ṁ","ń":"ń","ǹ":"ǹ","ñ":"ñ","ň":"ň","ṅ":"ṅ","ņ":"ņ","ó":"ó","ò":"ò","ö":"ö","ȫ":"ȫ","õ":"õ","ṍ":"ṍ","ṏ":"ṏ","ȭ":"ȭ","ō":"ō","ṓ":"ṓ","ṑ":"ṑ","ŏ":"ŏ","ǒ":"ǒ","ô":"ô","ố":"ố","ồ":"ồ","ỗ":"ỗ","ȯ":"ȯ","ȱ":"ȱ","ő":"ő","ṕ":"ṕ","ṗ":"ṗ","ŕ":"ŕ","ř":"ř","ṙ":"ṙ","ŗ":"ŗ","ś":"ś","ṥ":"ṥ","š":"š","ṧ":"ṧ","ŝ":"ŝ","ṡ":"ṡ","ş":"ş","ẗ":"ẗ","ť":"ť","ṫ":"ṫ","ţ":"ţ","ú":"ú","ù":"ù","ü":"ü","ǘ":"ǘ","ǜ":"ǜ","ǖ":"ǖ","ǚ":"ǚ","ũ":"ũ","ṹ":"ṹ","ū":"ū","ṻ":"ṻ","ŭ":"ŭ","ǔ":"ǔ","û":"û","ů":"ů","ű":"ű","ṽ":"ṽ","ẃ":"ẃ","ẁ":"ẁ","ẅ":"ẅ","ŵ":"ŵ","ẇ":"ẇ","ẘ":"ẘ","ẍ":"ẍ","ẋ":"ẋ","ý":"ý","ỳ":"ỳ","ÿ":"ÿ","ỹ":"ỹ","ȳ":"ȳ","ŷ":"ŷ","ẏ":"ẏ","ẙ":"ẙ","ź":"ź","ž":"ž","ẑ":"ẑ","ż":"ż","Á":"Á","À":"À","Ä":"Ä","Ǟ":"Ǟ","Ã":"Ã","Ā":"Ā","Ă":"Ă","Ắ":"Ắ","Ằ":"Ằ","Ẵ":"Ẵ","Ǎ":"Ǎ","Â":"Â","Ấ":"Ấ","Ầ":"Ầ","Ẫ":"Ẫ","Ȧ":"Ȧ","Ǡ":"Ǡ","Å":"Å","Ǻ":"Ǻ","Ḃ":"Ḃ","Ć":"Ć","Ḉ":"Ḉ","Č":"Č","Ĉ":"Ĉ","Ċ":"Ċ","Ç":"Ç","Ď":"Ď","Ḋ":"Ḋ","Ḑ":"Ḑ","É":"É","È":"È","Ë":"Ë","Ẽ":"Ẽ","Ē":"Ē","Ḗ":"Ḗ","Ḕ":"Ḕ","Ĕ":"Ĕ","Ḝ":"Ḝ","Ě":"Ě","Ê":"Ê","Ế":"Ế","Ề":"Ề","Ễ":"Ễ","Ė":"Ė","Ȩ":"Ȩ","Ḟ":"Ḟ","Ǵ":"Ǵ","Ḡ":"Ḡ","Ğ":"Ğ","Ǧ":"Ǧ","Ĝ":"Ĝ","Ġ":"Ġ","Ģ":"Ģ","Ḧ":"Ḧ","Ȟ":"Ȟ","Ĥ":"Ĥ","Ḣ":"Ḣ","Ḩ":"Ḩ","Í":"Í","Ì":"Ì","Ï":"Ï","Ḯ":"Ḯ","Ĩ":"Ĩ","Ī":"Ī","Ĭ":"Ĭ","Ǐ":"Ǐ","Î":"Î","İ":"İ","Ĵ":"Ĵ","Ḱ":"Ḱ","Ǩ":"Ǩ","Ķ":"Ķ","Ĺ":"Ĺ","Ľ":"Ľ","Ļ":"Ļ","Ḿ":"Ḿ","Ṁ":"Ṁ","Ń":"Ń","Ǹ":"Ǹ","Ñ":"Ñ","Ň":"Ň","Ṅ":"Ṅ","Ņ":"Ņ","Ó":"Ó","Ò":"Ò","Ö":"Ö","Ȫ":"Ȫ","Õ":"Õ","Ṍ":"Ṍ","Ṏ":"Ṏ","Ȭ":"Ȭ","Ō":"Ō","Ṓ":"Ṓ","Ṑ":"Ṑ","Ŏ":"Ŏ","Ǒ":"Ǒ","Ô":"Ô","Ố":"Ố","Ồ":"Ồ","Ỗ":"Ỗ","Ȯ":"Ȯ","Ȱ":"Ȱ","Ő":"Ő","Ṕ":"Ṕ","Ṗ":"Ṗ","Ŕ":"Ŕ","Ř":"Ř","Ṙ":"Ṙ","Ŗ":"Ŗ","Ś":"Ś","Ṥ":"Ṥ","Š":"Š","Ṧ":"Ṧ","Ŝ":"Ŝ","Ṡ":"Ṡ","Ş":"Ş","Ť":"Ť","Ṫ":"Ṫ","Ţ":"Ţ","Ú":"Ú","Ù":"Ù","Ü":"Ü","Ǘ":"Ǘ","Ǜ":"Ǜ","Ǖ":"Ǖ","Ǚ":"Ǚ","Ũ":"Ũ","Ṹ":"Ṹ","Ū":"Ū","Ṻ":"Ṻ","Ŭ":"Ŭ","Ǔ":"Ǔ","Û":"Û","Ů":"Ů","Ű":"Ű","Ṽ":"Ṽ","Ẃ":"Ẃ","Ẁ":"Ẁ","Ẅ":"Ẅ","Ŵ":"Ŵ","Ẇ":"Ẇ","Ẍ":"Ẍ","Ẋ":"Ẋ","Ý":"Ý","Ỳ":"Ỳ","Ÿ":"Ÿ","Ỹ":"Ỹ","Ȳ":"Ȳ","Ŷ":"Ŷ","Ẏ":"Ẏ","Ź":"Ź","Ž":"Ž","Ẑ":"Ẑ","Ż":"Ż","ά":"ά","ὰ":"ὰ","ᾱ":"ᾱ","ᾰ":"ᾰ","έ":"έ","ὲ":"ὲ","ή":"ή","ὴ":"ὴ","ί":"ί","ὶ":"ὶ","ϊ":"ϊ","ΐ":"ΐ","ῒ":"ῒ","ῑ":"ῑ","ῐ":"ῐ","ό":"ό","ὸ":"ὸ","ύ":"ύ","ὺ":"ὺ","ϋ":"ϋ","ΰ":"ΰ","ῢ":"ῢ","ῡ":"ῡ","ῠ":"ῠ","ώ":"ώ","ὼ":"ὼ","Ύ":"Ύ","Ὺ":"Ὺ","Ϋ":"Ϋ","Ῡ":"Ῡ","Ῠ":"Ῠ","Ώ":"Ώ","Ὼ":"Ὼ"},Hn=function(){function e(e,t){this.mode=void 0,this.gullet=void 0,this.settings=void 0,this.leftrightDepth=void 0,this.nextToken=void 0,this.mode="math",this.gullet=new Nn(e,t,this.mode),this.settings=t,this.leftrightDepth=0}var t=e.prototype;return t.expect=function(e,t){if(void 0===t&&(t=!0),this.fetch().text!==e)throw new n("Expected '"+e+"', got '"+this.fetch().text+"'",this.fetch());t&&this.consume()},t.consume=function(){this.nextToken=null},t.fetch=function(){return null==this.nextToken&&(this.nextToken=this.gullet.expandNextToken()),this.nextToken},t.switchMode=function(e){this.mode=e,this.gullet.switchMode(e)},t.parse=function(){this.settings.globalGroup||this.gullet.beginGroup(),this.settings.colorIsTextColor&&this.gullet.macros.set("\\color","\\textcolor");try{var e=this.parseExpression(!1);return this.expect("EOF"),this.settings.globalGroup||this.gullet.endGroup(),e}finally{this.gullet.endGroups()}},t.subparse=function(e){var t=this.nextToken;this.consume(),this.gullet.pushToken(new zr("}")),this.gullet.pushTokens(e);var r=this.parseExpression(!1);return this.expect("}"),this.nextToken=t,r},t.parseExpression=function(t,r){for(var n=[];;){"math"===this.mode&&this.consumeSpaces();var a=this.fetch();if(-1!==e.endOfExpression.indexOf(a.text))break;if(r&&a.text===r)break;if(t&&yn[a.text]&&yn[a.text].infix)break;var i=this.parseAtom(r);if(!i)break;"internal"!==i.type&&n.push(i)}return"text"===this.mode&&this.formLigatures(n),this.handleInfixNodes(n)},t.handleInfixNodes=function(e){for(var t,r=-1,a=0;a<e.length;a++)if("infix"===e[a].type){if(-1!==r)throw new n("only one infix operator per group",e[a].token);r=a,t=e[a].replaceWith}if(-1!==r&&t){var i,o,s=e.slice(0,r),l=e.slice(r+1);return i=1===s.length&&"ordgroup"===s[0].type?s[0]:{type:"ordgroup",mode:this.mode,body:s},o=1===l.length&&"ordgroup"===l[0].type?l[0]:{type:"ordgroup",mode:this.mode,body:l},["\\\\abovefrac"===t?this.callFunction(t,[i,e[r],o],[]):this.callFunction(t,[i,o],[])]}return e},t.handleSupSubscript=function(e){var t=this.fetch(),r=t.text;this.consume(),this.consumeSpaces();var a=this.parseGroup(e);if(!a)throw new n("Expected group after '"+r+"'",t);return a},t.formatUnsupportedCmd=function(e){for(var t=[],r=0;r<e.length;r++)t.push({type:"textord",mode:"text",text:e[r]});var n={type:"text",mode:this.mode,body:t};return{type:"color",mode:this.mode,color:this.settings.errorColor,body:[n]}},t.parseAtom=function(t){var r,a,i=this.parseGroup("atom",t);if("text"===this.mode)return i;for(;;){this.consumeSpaces();var o=this.fetch();if("\\limits"===o.text||"\\nolimits"===o.text){if(i&&"op"===i.type){var s="\\limits"===o.text;i.limits=s,i.alwaysHandleSupSub=!0}else{if(!i||"operatorname"!==i.type)throw new n("Limit controls must follow a math operator",o);i.alwaysHandleSupSub&&(i.limits="\\limits"===o.text)}this.consume()}else if("^"===o.text){if(r)throw new n("Double superscript",o);r=this.handleSupSubscript("superscript")}else if("_"===o.text){if(a)throw new n("Double subscript",o);a=this.handleSupSubscript("subscript")}else if("'"===o.text){if(r)throw new n("Double superscript",o);var l={type:"textord",mode:this.mode,text:"\\prime"},h=[l];for(this.consume();"'"===this.fetch().text;)h.push(l),this.consume();"^"===this.fetch().text&&h.push(this.handleSupSubscript("superscript")),r={type:"ordgroup",mode:this.mode,body:h}}else{if(!In[o.text])break;var c=In[o.text],m=qn.test(o.text);for(this.consume();;){var u=this.fetch().text;if(!In[u])break;if(qn.test(u)!==m)break;this.consume(),c+=In[u]}var p=new e(c,this.settings).parse();m?a={type:"ordgroup",mode:"math",body:p}:r={type:"ordgroup",mode:"math",body:p}}}return r||a?{type:"supsub",mode:this.mode,base:i,sup:r,sub:a}:i},t.parseFunction=function(e,t){var r=this.fetch(),a=r.text,i=yn[a];if(!i)return null;if(this.consume(),t&&"atom"!==t&&!i.allowedInArgument)throw new n("Got function '"+a+"' with no arguments"+(t?" as "+t:""),r);if("text"===this.mode&&!i.allowedInText)throw new n("Can't use function '"+a+"' in text mode",r);if("math"===this.mode&&!1===i.allowedInMath)throw new n("Can't use function '"+a+"' in math mode",r);var o=this.parseArguments(a,i),s=o.args,l=o.optArgs;return this.callFunction(a,s,l,r,e)},t.callFunction=function(e,t,r,a,i){var o={funcName:e,parser:this,token:a,breakOnTokenText:i},s=yn[e];if(s&&s.handler)return s.handler(o,t,r);throw new n("No function handler for "+e)},t.parseArguments=function(e,t){var r=t.numArgs+t.numOptionalArgs;if(0===r)return{args:[],optArgs:[]};for(var a=[],i=[],o=0;o<r;o++){var s=t.argTypes&&t.argTypes[o],l=o<t.numOptionalArgs;(t.primitive&&null==s||"sqrt"===t.type&&1===o&&null==i[0])&&(s="primitive");var h=this.parseGroupOfType("argument to '"+e+"'",s,l);if(l)i.push(h);else{if(null==h)throw new n("Null argument, please report this as a bug");a.push(h)}}return{args:a,optArgs:i}},t.parseGroupOfType=function(e,t,r){switch(t){case"color":return this.parseColorGroup(r);case"size":return this.parseSizeGroup(r);case"url":return this.parseUrlGroup(r);case"math":case"text":return this.parseArgumentGroup(r,t);case"hbox":var a=this.parseArgumentGroup(r,"text");return null!=a?{type:"styling",mode:a.mode,body:[a],style:"text"}:null;case"raw":var i=this.parseStringGroup("raw",r);return null!=i?{type:"raw",mode:"text",string:i.text}:null;case"primitive":if(r)throw new n("A primitive argument cannot be optional");var o=this.parseGroup(e);if(null==o)throw new n("Expected group as "+e,this.fetch());return o;case"original":case null:case void 0:return this.parseArgumentGroup(r);default:throw new n("Unknown group type as "+e,this.fetch())}},t.consumeSpaces=function(){for(;" "===this.fetch().text;)this.consume()},t.parseStringGroup=function(e,t){var r=this.gullet.scanArgument(t);if(null==r)return null;for(var n,a="";"EOF"!==(n=this.fetch()).text;)a+=n.text,this.consume();return this.consume(),r.text=a,r},t.parseRegexGroup=function(e,t){for(var r,a=this.fetch(),i=a,o="";"EOF"!==(r=this.fetch()).text&&e.test(o+r.text);)o+=(i=r).text,this.consume();if(""===o)throw new n("Invalid "+t+": '"+a.text+"'",a);return a.range(i,o)},t.parseColorGroup=function(e){var t=this.parseStringGroup("color",e);if(null==t)return null;var r=/^(#[a-f0-9]{3}|#?[a-f0-9]{6}|[a-z]+)$/i.exec(t.text);if(!r)throw new n("Invalid color: '"+t.text+"'",t);var a=r[0];return/^[0-9a-f]{6}$/i.test(a)&&(a="#"+a),{type:"color-token",mode:this.mode,color:a}},t.parseSizeGroup=function(e){var t,r=!1;if(this.gullet.consumeSpaces(),!(t=e||"{"===this.gullet.future().text?this.parseStringGroup("size",e):this.parseRegexGroup(/^[-+]? *(?:$|\d+|\d+\.\d*|\.\d*) *[a-z]{0,2} *$/,"size")))return null;e||0!==t.text.length||(t.text="0pt",r=!0);var a=/([-+]?) *(\d+(?:\.\d*)?|\.\d+) *([a-z]{2})/.exec(t.text);if(!a)throw new n("Invalid size: '"+t.text+"'",t);var i={number:+(a[1]+a[2]),unit:a[3]};if(!D(i))throw new n("Invalid unit: '"+i.unit+"'",t);return{type:"size",mode:this.mode,value:i,isBlank:r}},t.parseUrlGroup=function(e){this.gullet.lexer.setCatcode("%",13),this.gullet.lexer.setCatcode("~",12);var t=this.parseStringGroup("url",e);if(this.gullet.lexer.setCatcode("%",14),this.gullet.lexer.setCatcode("~",13),null==t)return null;var r=t.text.replace(/\\([#$%&~_^{}])/g,"$1");return{type:"url",mode:this.mode,url:r}},t.parseArgumentGroup=function(e,t){var r=this.gullet.scanArgument(e);if(null==r)return null;var n=this.mode;t&&this.switchMode(t),this.gullet.beginGroup();var a=this.parseExpression(!1,"EOF");this.expect("EOF"),this.gullet.endGroup();var i={type:"ordgroup",mode:this.mode,loc:r.loc,body:a};return t&&this.switchMode(n),i},t.parseGroup=function(e,t){var r,a=this.fetch(),i=a.text;if("{"===i||"\\begingroup"===i){this.consume();var o="{"===i?"}":"\\endgroup";this.gullet.beginGroup();var s=this.parseExpression(!1,o),l=this.fetch();this.expect(o),this.gullet.endGroup(),r={type:"ordgroup",mode:this.mode,loc:Mr.range(a,l),body:s,semisimple:"\\begingroup"===i||void 0}}else if(null==(r=this.parseFunction(t,e)||this.parseSymbol())&&"\\"===i[0]&&!Cn.hasOwnProperty(i)){if(this.settings.throwOnError)throw new n("Undefined control sequence: "+i,a);r=this.formatUnsupportedCmd(i),this.consume()}return r},t.formLigatures=function(e){for(var t=e.length-1,r=0;r<t;++r){var n=e[r],a=n.text;"-"===a&&"-"===e[r+1].text&&(r+1<t&&"-"===e[r+2].text?(e.splice(r,3,{type:"textord",mode:"text",loc:Mr.range(n,e[r+2]),text:"---"}),t-=2):(e.splice(r,2,{type:"textord",mode:"text",loc:Mr.range(n,e[r+1]),text:"--"}),t-=1)),"'"!==a&&"`"!==a||e[r+1].text!==a||(e.splice(r,2,{type:"textord",mode:"text",loc:Mr.range(n,e[r+1]),text:a+a}),t-=1)}},t.parseSymbol=function(){var e=this.fetch(),t=e.text;if(/^\\verb[^a-zA-Z]/.test(t)){this.consume();var r=t.slice(5),a="*"===r.charAt(0);if(a&&(r=r.slice(1)),r.length<2||r.charAt(0)!==r.slice(-1))throw new n("\\verb assertion failed --\n                    please report what input caused this bug");return{type:"verb",mode:"text",body:r=r.slice(1,-1),star:a}}Rn.hasOwnProperty(t[0])&&!ne[this.mode][t[0]]&&(this.settings.strict&&"math"===this.mode&&this.settings.reportNonstrict("unicodeTextInMathMode",'Accented Unicode text character "'+t[0]+'" used in math mode',e),t=Rn[t[0]]+t.substr(1));var i,o=bn.exec(t);if(o&&("i"===(t=t.substring(0,o.index))?t="ı":"j"===t&&(t="ȷ")),ne[this.mode][t]){this.settings.strict&&"math"===this.mode&&"ÐÞþ".indexOf(t)>=0&&this.settings.reportNonstrict("unicodeTextInMathMode",'Latin-1/Unicode text character "'+t[0]+'" used in math mode',e);var s,l=ne[this.mode][t].group,h=Mr.range(e);if(ee.hasOwnProperty(l)){var c=l;s={type:"atom",mode:this.mode,family:c,loc:h,text:t}}else s={type:l,mode:this.mode,loc:h,text:t};i=s}else{if(!(t.charCodeAt(0)>=128))return null;this.settings.strict&&(S(t.charCodeAt(0))?"math"===this.mode&&this.settings.reportNonstrict("unicodeTextInMathMode",'Unicode text character "'+t[0]+'" used in math mode',e):this.settings.reportNonstrict("unknownSymbol",'Unrecognized Unicode character "'+t[0]+'" ('+t.charCodeAt(0)+")",e)),i={type:"textord",mode:"text",loc:Mr.range(e),text:t}}if(this.consume(),o)for(var m=0;m<o[0].length;m++){var u=o[0][m];if(!On[u])throw new n("Unknown accent ' "+u+"'",e);var p=On[u][this.mode]||On[u].text;if(!p)throw new n("Accent "+u+" unsupported in "+this.mode+" mode",e);i={type:"accent",mode:this.mode,loc:Mr.range(e),label:p,isStretchy:!1,isShifty:!0,base:i}}return i},e}();Hn.endOfExpression=["}","\\endgroup","\\end","\\right","&"];var En=function(e,t){if(!("string"==typeof e||e instanceof String))throw new TypeError("KaTeX can only parse string typed expression");var r=new Hn(e,t);delete r.gullet.macros.current["\\df@tag"];var a=r.parse();if(delete r.gullet.macros.current["\\current@color"],delete r.gullet.macros.current["\\color"],r.gullet.macros.get("\\df@tag")){if(!t.displayMode)throw new n("\\tag works only in display equations");a=[{type:"tag",mode:"text",body:a,tag:r.subparse([new zr("\\df@tag")])}]}return a},Ln=function(e,t,r){t.textContent="";var n=Pn(e,r).toNode();t.appendChild(n)};"undefined"!=typeof document&&"CSS1Compat"!==document.compatMode&&("undefined"!=typeof console&&console.warn("Warning: KaTeX doesn't work in quirks mode. Make sure your website has a suitable doctype."),Ln=function(){throw new n("KaTeX doesn't work in quirks mode.")});var Dn=function(e,t,r){if(r.throwOnError||!(e instanceof n))throw e;var a=Ve.makeSpan(["katex-error"],[new $(t)]);return a.setAttribute("title",e.toString()),a.setAttribute("style","color:"+r.errorColor),a},Pn=function(e,t){var r=new m(t);try{return function(e,t,r){var n,a=Mt(r);if("mathml"===r.output)return St(e,t,a,r.displayMode,!0);if("html"===r.output){var i=ut(e,a);n=Ve.makeSpan(["katex"],[i])}else{var o=St(e,t,a,r.displayMode,!1),s=ut(e,a);n=Ve.makeSpan(["katex"],[o,s])}return zt(n,r)}(En(e,r),e,r)}catch(t){return Dn(t,e,r)}},Fn={version:"0.16.0",render:Ln,renderToString:function(e,t){return Pn(e,t).toMarkup()},ParseError:n,SETTINGS_SCHEMA:h,__parse:function(e,t){var r=new m(t);return En(e,r)},__renderToDomTree:Pn,__renderToHTMLTree:function(e,t){var r=new m(t);try{return function(e,t,r){var n=ut(e,Mt(r)),a=Ve.makeSpan(["katex"],[n]);return zt(a,r)}(En(e,r),0,r)}catch(t){return Dn(t,e,r)}},__setFontMetrics:function(e,t){A[e]=t},__defineSymbol:ae,__defineMacro:Sr,__domTree:{Span:Y,Anchor:X,SymbolNode:$,SvgNode:Z,PathNode:K,LineNode:J}};return t=t.default}()},e.exports=n()},function(e,t,r){}])};module.exports=t();
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/markdown/README.md b/wechat-mini-program/node_modules/mp-html/plugins/markdown/README.md
new file mode 100644
index 0000000..97da862
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/markdown/README.md
@@ -0,0 +1,17 @@
+# markdown
+功能：渲染 *markdown*  
+大小：*≈37KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √ |
+
+说明：  
+引入本插件后，会给组件添加一个 *markdown* 属性，将该属性设置为 *true* 后，即可通过 *content* 属性或 *setContent* 方法设置 *markdown* 内容即可  
+
+若开启 *use-anchor* 属性，所有标题 `*# xxx*` 都会被设置为锚点，通过链接 `[xxx](#xxx)` 可以直接跳转  
+
+> 本插件通过 [marked](https://github.com/markedjs/marked) 解析 *markdown* 文本，部分 *css* 摘选自 [github-markdown-css](https://github.com/sindresorhus/github-markdown-css)  
+
+> 本插件可以和 *highlight* 插件共用，实现 *markdown* 中代码块的高亮效果  
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/markdown/index.js b/wechat-mini-program/node_modules/mp-html/plugins/markdown/index.js
new file mode 100644
index 0000000..9fc3b3a
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/markdown/index.js
@@ -0,0 +1,34 @@
+/**
+ * @fileoverview markdown 插件
+ * Include marked (https://github.com/markedjs/marked)
+ * Include github-markdown-css (https://github.com/sindresorhus/github-markdown-css)
+ */
+const marked = require('./marked.min')
+let index = 0
+
+function Markdown (vm) {
+  this.vm = vm
+  vm._ids = {}
+}
+
+Markdown.prototype.onUpdate = function (content) {
+  if (this.vm.properties.markdown) {
+    return marked(content)
+  }
+}
+
+Markdown.prototype.onParse = function (node, vm) {
+  if (vm.options.markdown) {
+    // 中文 id 需要转换，否则无法跳转
+    if (vm.options.useAnchor && node.attrs && /[\u4e00-\u9fa5]/.test(node.attrs.id)) {
+      const id = 't' + index++
+      this.vm._ids[node.attrs.id] = id
+      node.attrs.id = id
+    }
+    if (node.name === 'p' || node.name === 'table' || node.name === 'tr' || node.name === 'th' || node.name === 'td' || node.name === 'blockquote' || node.name === 'pre' || node.name === 'code') {
+      node.attrs.class = `md-${node.name} ${node.attrs.class || ''}`
+    }
+  }
+}
+
+module.exports = Markdown
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/markdown/marked.min.js b/wechat-mini-program/node_modules/mp-html/plugins/markdown/marked.min.js
new file mode 100644
index 0000000..3ee9e85
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/markdown/marked.min.js
@@ -0,0 +1,6 @@
+/*!
+ * marked - a markdown parser
+ * Copyright (c) 2011-2020, Christopher Jeffrey. (MIT Licensed)
+ * https://github.com/markedjs/marked
+ */
+function t(){"use strict";function i(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function p(e,t){var n;if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator])return(n=e[Symbol.iterator]()).next.bind(n);if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function n(e){return c[e]}var e,t=(function(t){function e(){return{baseUrl:null,breaks:!1,gfm:!0,headerIds:!0,headerPrefix:"",highlight:null,langPrefix:"language-",mangle:!0,pedantic:!1,renderer:null,sanitize:!1,sanitizer:null,silent:!1,smartLists:!1,smartypants:!1,tokenizer:null,walkTokens:null,xhtml:!1}}t.exports={defaults:e(),getDefaults:e,changeDefaults:function(e){t.exports.defaults=e}}}(e={exports:{}}),e.exports),r=(t.defaults,t.getDefaults,t.changeDefaults,/[&<>"']/),l=/[&<>"']/g,a=/[<>"']|&(?!#?\w+;)/,o=/[<>"']|&(?!#?\w+;)/g,c={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};var u=/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/gi;function h(e){return e.replace(u,function(e,t){return"colon"===(t=t.toLowerCase())?":":"#"===t.charAt(0)?"x"===t.charAt(1)?String.fromCharCode(parseInt(t.substring(2),16)):String.fromCharCode(+t.substring(1)):""})}var g=/(^|[^\[])\^/g;var f=/[^\w:]/g,d=/^$|^[a-z][a-z0-9+.-]*:|^[?#]/i;var k={},b=/^[^:]+:\/*[^/]*$/,m=/^([^:]+:)[\s\S]*$/,x=/^([^:]+:\/*[^/]*)[\s\S]*$/;function w(e,t){k[" "+e]||(b.test(e)?k[" "+e]=e+"/":k[" "+e]=v(e,"/",!0));var n=-1===(e=k[" "+e]).indexOf(":");return"//"===t.substring(0,2)?n?t:e.replace(m,"$1")+t:"/"===t.charAt(0)?n?t:e.replace(x,"$1")+t:e+t}function v(e,t,n){var r=e.length;if(0===r)return"";for(var i=0;i<r;){var s=e.charAt(r-i-1);if(s!==t||n){if(s===t||!n)break;i++}else i++}return e.substr(0,r-i)}var _=function(e,t){if(t){if(r.test(e))return e.replace(l,n)}else if(a.test(e))return e.replace(o,n);return e},y=h,z=function(n,e){n=n.source||n,e=e||"";var r={replace:function(e,t){return t=(t=t.source||t).replace(g,"$1"),n=n.replace(e,t),r},getRegex:function(){return new RegExp(n,e)}};return r},S=function(e,t,n){if(e){var r;try{r=decodeURIComponent(h(n)).replace(f,"").toLowerCase()}catch(e){return null}if(0===r.indexOf("javascript:")||0===r.indexOf("vbscript:")||0===r.indexOf("data:"))return null}t&&!d.test(n)&&(n=w(t,n));try{n=encodeURI(n).replace(/%25/g,"%")}catch(e){return null}return n},$={exec:function(){}},A=function(e){for(var t,n,r=1;r<arguments.length;r++)for(n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},R=function(e,t){var n=e.replace(/\|/g,function(e,t,n){for(var r=!1,i=t;0<=--i&&"\\"===n[i];)r=!r;return r?"|":" |"}).split(/ \|/),r=0;if(n.length>t)n.splice(t);else for(;n.length<t;)n.push("");for(;r<n.length;r++)n[r]=n[r].trim().replace(/\\\|/g,"|");return n},T=function(e,t){if(-1===e.indexOf(t[1]))return-1;for(var n=e.length,r=0,i=0;i<n;i++)if("\\"===e[i])i++;else if(e[i]===t[0])r++;else if(e[i]===t[1]&&--r<0)return i;return-1},I=function(e){e&&e.sanitize&&!e.silent&&console.warn("marked(): sanitize and sanitizer parameters are deprecated since version 0.7.0, should not be used and will be removed in the future. Read more here: https://marked.js.org/#/USING_ADVANCED.md#options")},Z=function(e,t){if(t<1)return"";for(var n="";1<t;)1&t&&(n+=e),t>>=1,e+=e;return n+e},q=t.defaults,O=v,C=R,U=_,j=T;function E(e,t,n){var r=t.href,i=t.title?U(t.title):null,t=e[1].replace(/\\([\[\]])/g,"$1");return"!"!==e[0].charAt(0)?{type:"link",raw:n,href:r,title:i,text:t}:{type:"image",raw:n,href:r,title:i,text:U(t)}}var D=function(){function e(e){this.options=e||q}var t=e.prototype;return t.space=function(e){e=this.rules.block.newline.exec(e);if(e)return 1<e[0].length?{type:"space",raw:e[0]}:{raw:"\n"}},t.code=function(e,t){e=this.rules.block.code.exec(e);if(e){t=t[t.length-1];if(t&&"paragraph"===t.type)return{raw:e[0],text:e[0].trimRight()};t=e[0].replace(/^ {4}/gm,"");return{type:"code",raw:e[0],codeBlockStyle:"indented",text:this.options.pedantic?t:O(t,"\n")}}},t.fences=function(e){var t=this.rules.block.fences.exec(e);if(t){var n=t[0],e=function(e,t){if(null===(e=e.match(/^(\s+)(?:```)/)))return t;var n=e[1];return t.split("\n").map(function(e){var t=e.match(/^\s+/);return null!==t&&t[0].length>=n.length?e.slice(n.length):e}).join("\n")}(n,t[3]||"");return{type:"code",raw:n,lang:t[2]&&t[2].trim(),text:e}}},t.heading=function(e){e=this.rules.block.heading.exec(e);if(e)return{type:"heading",raw:e[0],depth:e[1].length,text:e[2]}},t.nptable=function(e){e=this.rules.block.nptable.exec(e);if(e){var t={type:"table",header:C(e[1].replace(/^ *| *\| *$/g,"")),align:e[2].replace(/^ *|\| *$/g,"").split(/ *\| */),cells:e[3]?e[3].replace(/\n$/,"").split("\n"):[],raw:e[0]};if(t.header.length===t.align.length){for(var n=t.align.length,r=0;r<n;r++)/^ *-+: *$/.test(t.align[r])?t.align[r]="right":/^ *:-+: *$/.test(t.align[r])?t.align[r]="center":/^ *:-+ *$/.test(t.align[r])?t.align[r]="left":t.align[r]=null;for(n=t.cells.length,r=0;r<n;r++)t.cells[r]=C(t.cells[r],t.header.length);return t}}},t.hr=function(e){e=this.rules.block.hr.exec(e);if(e)return{type:"hr",raw:e[0]}},t.blockquote=function(e){var t=this.rules.block.blockquote.exec(e);if(t){e=t[0].replace(/^ *> ?/gm,"");return{type:"blockquote",raw:t[0],text:e}}},t.list=function(e){e=this.rules.block.list.exec(e);if(e){for(var t,n,r,i,s,l=e[0],a=e[2],o=1<a.length,c={type:"list",raw:l,ordered:o,start:o?+a.slice(0,-1):"",loose:!1,items:[]},u=e[0].match(this.rules.block.item),p=!1,h=u.length,g=this.rules.block.listItemStart.exec(u[0]),f=0;f<h;f++){if(l=t=u[f],f!==h-1){if((r=this.rules.block.listItemStart.exec(u[f+1]))[1].length>g[0].length||3<r[1].length){u.splice(f,2,u[f]+"\n"+u[f+1]),f--,h--;continue}(!this.options.pedantic||this.options.smartLists?r[2][r[2].length-1]!==a[a.length-1]:o==(1===r[2].length))&&(n=u.slice(f+1).join("\n"),c.raw=c.raw.substring(0,c.raw.length-n.length),f=h-1),g=r}r=t.length,~(t=t.replace(/^ *([*+-]|\d+[.)]) ?/,"")).indexOf("\n ")&&(r-=t.length,t=this.options.pedantic?t.replace(/^ {1,4}/gm,""):t.replace(new RegExp("^ {1,"+r+"}","gm"),"")),r=p||/\n\n(?!\s*$)/.test(t),f!==h-1&&(p="\n"===t.charAt(t.length-1),r=r||p),r&&(c.loose=!0),this.options.gfm&&(s=void 0,(i=/^\[[ xX]\] /.test(t))&&(s=" "!==t[1],t=t.replace(/^\[[ xX]\] +/,""))),c.items.push({type:"list_item",raw:l,task:i,checked:s,loose:r,text:t})}return c}},t.html=function(e){e=this.rules.block.html.exec(e);if(e)return{type:this.options.sanitize?"paragraph":"html",raw:e[0],pre:!this.options.sanitizer&&("pre"===e[1]||"script"===e[1]||"style"===e[1]),text:this.options.sanitize?this.options.sanitizer?this.options.sanitizer(e[0]):U(e[0]):e[0]}},t.def=function(e){e=this.rules.block.def.exec(e);if(e)return e[3]&&(e[3]=e[3].substring(1,e[3].length-1)),{tag:e[1].toLowerCase().replace(/\s+/g," "),raw:e[0],href:e[2],title:e[3]}},t.table=function(e){e=this.rules.block.table.exec(e);if(e){var t={type:"table",header:C(e[1].replace(/^ *| *\| *$/g,"")),align:e[2].replace(/^ *|\| *$/g,"").split(/ *\| */),cells:e[3]?e[3].replace(/\n$/,"").split("\n"):[]};if(t.header.length===t.align.length){t.raw=e[0];for(var n=t.align.length,r=0;r<n;r++)/^ *-+: *$/.test(t.align[r])?t.align[r]="right":/^ *:-+: *$/.test(t.align[r])?t.align[r]="center":/^ *:-+ *$/.test(t.align[r])?t.align[r]="left":t.align[r]=null;for(n=t.cells.length,r=0;r<n;r++)t.cells[r]=C(t.cells[r].replace(/^ *\| *| *\| *$/g,""),t.header.length);return t}}},t.lheading=function(e){e=this.rules.block.lheading.exec(e);if(e)return{type:"heading",raw:e[0],depth:"="===e[2].charAt(0)?1:2,text:e[1]}},t.paragraph=function(e){e=this.rules.block.paragraph.exec(e);if(e)return{type:"paragraph",raw:e[0],text:"\n"===e[1].charAt(e[1].length-1)?e[1].slice(0,-1):e[1]}},t.text=function(e,t){e=this.rules.block.text.exec(e);if(e){t=t[t.length-1];return t&&"text"===t.type?{raw:e[0],text:e[0]}:{type:"text",raw:e[0],text:e[0]}}},t.escape=function(e){e=this.rules.inline.escape.exec(e);if(e)return{type:"escape",raw:e[0],text:U(e[1])}},t.tag=function(e,t,n){e=this.rules.inline.tag.exec(e);if(e)return!t&&/^<a /i.test(e[0])?t=!0:t&&/^<\/a>/i.test(e[0])&&(t=!1),!n&&/^<(pre|code|kbd|script)(\s|>)/i.test(e[0])?n=!0:n&&/^<\/(pre|code|kbd|script)(\s|>)/i.test(e[0])&&(n=!1),{type:this.options.sanitize?"text":"html",raw:e[0],inLink:t,inRawBlock:n,text:this.options.sanitize?this.options.sanitizer?this.options.sanitizer(e[0]):U(e[0]):e[0]}},t.link=function(e){var t=this.rules.inline.link.exec(e);if(t){e=j(t[2],"()");-1<e&&(r=(0===t[0].indexOf("!")?5:4)+t[1].length+e,t[2]=t[2].substring(0,e),t[0]=t[0].substring(0,r).trim(),t[3]="");var n,e=t[2],r="";return r=this.options.pedantic?(n=/^([^'"]*[^\s])\s+(['"])(.*)\2/.exec(e),n?(e=n[1],n[3]):""):t[3]?t[3].slice(1,-1):"",E(t,{href:(e=e.trim().replace(/^<([\s\S]*)>$/,"$1"))&&e.replace(this.rules.inline._escapes,"$1"),title:r&&r.replace(this.rules.inline._escapes,"$1")},t[0])}},t.reflink=function(e,t){if((n=this.rules.inline.reflink.exec(e))||(n=this.rules.inline.nolink.exec(e))){e=(n[2]||n[1]).replace(/\s+/g," ");if((e=t[e.toLowerCase()])&&e.href)return E(n,e,n[0]);var n=n[0].charAt(0);return{type:"text",raw:n,text:n}}},t.strong=function(e,t,n){void 0===n&&(n="");var r=this.rules.inline.strong.start.exec(e);if(r&&(!r[1]||r[1]&&(""===n||this.rules.inline.punctuation.exec(n)))){t=t.slice(-1*e.length);var i,s="**"===r[0]?this.rules.inline.strong.endAst:this.rules.inline.strong.endUnd;for(s.lastIndex=0;null!=(r=s.exec(t));)if(i=this.rules.inline.strong.middle.exec(t.slice(0,r.index+3)))return{type:"strong",raw:e.slice(0,i[0].length),text:e.slice(2,i[0].length-2)}}},t.em=function(e,t,n){void 0===n&&(n="");var r=this.rules.inline.em.start.exec(e);if(r&&(!r[1]||r[1]&&(""===n||this.rules.inline.punctuation.exec(n)))){t=t.slice(-1*e.length);var i,s="*"===r[0]?this.rules.inline.em.endAst:this.rules.inline.em.endUnd;for(s.lastIndex=0;null!=(r=s.exec(t));)if(i=this.rules.inline.em.middle.exec(t.slice(0,r.index+2)))return{type:"em",raw:e.slice(0,i[0].length),text:e.slice(1,i[0].length-1)}}},t.codespan=function(e){var t=this.rules.inline.code.exec(e);if(t){var n=t[2].replace(/\n/g," "),r=/[^ ]/.test(n),e=n.startsWith(" ")&&n.endsWith(" ");return r&&e&&(n=n.substring(1,n.length-1)),n=U(n,!0),{type:"codespan",raw:t[0],text:n}}},t.br=function(e){e=this.rules.inline.br.exec(e);if(e)return{type:"br",raw:e[0]}},t.del=function(e){e=this.rules.inline.del.exec(e);if(e)return{type:"del",raw:e[0],text:e[2]}},t.autolink=function(e,t){e=this.rules.inline.autolink.exec(e);if(e){var n,t="@"===e[2]?"mailto:"+(n=U(this.options.mangle?t(e[1]):e[1])):n=U(e[1]);return{type:"link",raw:e[0],text:n,href:t,tokens:[{type:"text",raw:n,text:n}]}}},t.url=function(e,t){var n,r,i,s;if(n=this.rules.inline.url.exec(e)){if("@"===n[2])i="mailto:"+(r=U(this.options.mangle?t(n[0]):n[0]));else{for(;s=n[0],n[0]=this.rules.inline._backpedal.exec(n[0])[0],s!==n[0];);r=U(n[0]),i="www."===n[1]?"http://"+r:r}return{type:"link",raw:n[0],text:r,href:i,tokens:[{type:"text",raw:r,text:r}]}}},t.inlineText=function(e,t,n){e=this.rules.inline.text.exec(e);if(e){n=t?this.options.sanitize?this.options.sanitizer?this.options.sanitizer(e[0]):U(e[0]):e[0]:U(this.options.smartypants?n(e[0]):e[0]);return{type:"text",raw:e[0],text:n}}},e}(),R=$,T=z,$=A,z={newline:/^\n+/,code:/^( {4}[^\n]+\n*)+/,fences:/^ {0,3}(`{3,}(?=[^`\n]*\n)|~{3,})([^\n]*)\n(?:|([\s\S]*?)\n)(?: {0,3}\1[~`]* *(?:\n+|$)|$)/,hr:/^ {0,3}((?:- *){3,}|(?:_ *){3,}|(?:\* *){3,})(?:\n+|$)/,heading:/^ {0,3}(#{1,6}) +([^\n]*?)(?: +#+)? *(?:\n+|$)/,blockquote:/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/,list:/^( {0,3})(bull) [\s\S]+?(?:hr|def|\n{2,}(?! )(?! {0,3}bull )\n*|\s*$)/,html:"^ {0,3}(?:<(script|pre|style)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:\\n{2,}|$)|<(?!script|pre|style)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:\\n{2,}|$)|</(?!script|pre|style)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:\\n{2,}|$))",def:/^ {0,3}\[(label)\]: *\n? *<?([^\s>]+)>?(?:(?: +\n? *| *\n *)(title))? *(?:\n+|$)/,nptable:R,table:R,lheading:/^([^\n]+)\n {0,3}(=+|-+) *(?:\n+|$)/,_paragraph:/^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html)[^\n]+)*)/,text:/^[^\n]+/,_label:/(?!\s*\])(?:\\[\[\]]|[^\[\]])+/,_title:/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/};z.def=T(z.def).replace("label",z._label).replace("title",z._title).getRegex(),z.bullet=/(?:[*+-]|\d{1,9}[.)])/,z.item=/^( *)(bull) ?[^\n]*(?:\n(?! *bull ?)[^\n]*)*/,z.item=T(z.item,"gm").replace(/bull/g,z.bullet).getRegex(),z.listItemStart=T(/^( *)(bull)/).replace("bull",z.bullet).getRegex(),z.list=T(z.list).replace(/bull/g,z.bullet).replace("hr","\\n+(?=\\1?(?:(?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$))").replace("def","\\n+(?="+z.def.source+")").getRegex(),z._tag="address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul",z._comment=/<!--(?!-?>)[\s\S]*?(?:-->|$)/,z.html=T(z.html,"i").replace("comment",z._comment).replace("tag",z._tag).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(),z.paragraph=T(z._paragraph).replace("hr",z.hr).replace("heading"," {0,3}#{1,6} ").replace("|lheading","").replace("blockquote"," {0,3}>").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|!--)").replace("tag",z._tag).getRegex(),z.blockquote=T(z.blockquote).replace("paragraph",z.paragraph).getRegex(),z.normal=$({},z),z.gfm=$({},z.normal,{nptable:"^ *([^|\\n ].*\\|.*)\\n {0,3}([-:]+ *\\|[-| :]*)(?:\\n((?:(?!\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)",table:"^ *\\|(.+)\\n {0,3}\\|?( *[-:]+[-| :]*)(?:\\n *((?:(?!\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)"}),z.gfm.nptable=T(z.gfm.nptable).replace("hr",z.hr).replace("heading"," {0,3}#{1,6} ").replace("blockquote"," {0,3}>").replace("code"," {4}[^\\n]").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|!--)").replace("tag",z._tag).getRegex(),z.gfm.table=T(z.gfm.table).replace("hr",z.hr).replace("heading"," {0,3}#{1,6} ").replace("blockquote"," {0,3}>").replace("code"," {4}[^\\n]").replace("fences"," {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list"," {0,3}(?:[*+-]|1[.)]) ").replace("html","</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|!--)").replace("tag",z._tag).getRegex(),z.pedantic=$({},z.normal,{html:T("^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:\"[^\"]*\"|'[^']*'|\\s[^'\"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))").replace("comment",z._comment).replace(/tag/g,"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),def:/^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,heading:/^ *(#{1,6}) *([^\n]+?) *(?:#+ *)?(?:\n+|$)/,fences:R,paragraph:T(z.normal._paragraph).replace("hr",z.hr).replace("heading"," *#{1,6} *[^\n]").replace("lheading",z.lheading).replace("blockquote"," {0,3}>").replace("|fences","").replace("|list","").replace("|html","").getRegex()});R={escape:/^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/,autolink:/^<(scheme:[^\s\x00-\x1f<>]*|email)>/,url:R,tag:"^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>",link:/^!?\[(label)\]\(\s*(href)(?:\s+(title))?\s*\)/,reflink:/^!?\[(label)\]\[(?!\s*\])((?:\\[\[\]]?|[^\[\]\\])+)\]/,nolink:/^!?\[(?!\s*\])((?:\[[^\[\]]*\]|\\[\[\]]|[^\[\]])*)\](?:\[\])?/,reflinkSearch:"reflink|nolink(?!\\()",strong:{start:/^(?:(\*\*(?=[*punctuation]))|\*\*)(?![\s])|__/,middle:/^\*\*(?:(?:(?!overlapSkip)(?:[^*]|\\\*)|overlapSkip)|\*(?:(?!overlapSkip)(?:[^*]|\\\*)|overlapSkip)*?\*)+?\*\*$|^__(?![\s])((?:(?:(?!overlapSkip)(?:[^_]|\\_)|overlapSkip)|_(?:(?!overlapSkip)(?:[^_]|\\_)|overlapSkip)*?_)+?)__$/,endAst:/[^punctuation\s]\*\*(?!\*)|[punctuation]\*\*(?!\*)(?:(?=[punctuation_\s]|$))/,endUnd:/[^\s]__(?!_)(?:(?=[punctuation*\s])|$)/},em:{start:/^(?:(\*(?=[punctuation]))|\*)(?![*\s])|_/,middle:/^\*(?:(?:(?!overlapSkip)(?:[^*]|\\\*)|overlapSkip)|\*(?:(?!overlapSkip)(?:[^*]|\\\*)|overlapSkip)*?\*)+?\*$|^_(?![_\s])(?:(?:(?!overlapSkip)(?:[^_]|\\_)|overlapSkip)|_(?:(?!overlapSkip)(?:[^_]|\\_)|overlapSkip)*?_)+?_$/,endAst:/[^punctuation\s]\*(?!\*)|[punctuation]\*(?!\*)(?:(?=[punctuation_\s]|$))/,endUnd:/[^\s]_(?!_)(?:(?=[punctuation*\s])|$)/},code:/^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/,br:/^( {2,}|\\)\n(?!\s*$)/,del:R,text:/^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*]|\b_|$)|[^ ](?= {2,}\n)))/,punctuation:/^([\s*punctuation])/,_punctuation:"!\"#$%&'()+\\-.,/:;<=>?@\\[\\]`^{|}~"};R.punctuation=T(R.punctuation).replace(/punctuation/g,R._punctuation).getRegex(),R._blockSkip="\\[[^\\]]*?\\]\\([^\\)]*?\\)|`[^`]*?`|<[^>]*?>",R._overlapSkip="__[^_]*?__|\\*\\*\\[^\\*\\]*?\\*\\*",R._comment=T(z._comment).replace("(?:--\x3e|$)","--\x3e").getRegex(),R.em.start=T(R.em.start).replace(/punctuation/g,R._punctuation).getRegex(),R.em.middle=T(R.em.middle).replace(/punctuation/g,R._punctuation).replace(/overlapSkip/g,R._overlapSkip).getRegex(),R.em.endAst=T(R.em.endAst,"g").replace(/punctuation/g,R._punctuation).getRegex(),R.em.endUnd=T(R.em.endUnd,"g").replace(/punctuation/g,R._punctuation).getRegex(),R.strong.start=T(R.strong.start).replace(/punctuation/g,R._punctuation).getRegex(),R.strong.middle=T(R.strong.middle).replace(/punctuation/g,R._punctuation).replace(/overlapSkip/g,R._overlapSkip).getRegex(),R.strong.endAst=T(R.strong.endAst,"g").replace(/punctuation/g,R._punctuation).getRegex(),R.strong.endUnd=T(R.strong.endUnd,"g").replace(/punctuation/g,R._punctuation).getRegex(),R.blockSkip=T(R._blockSkip,"g").getRegex(),R.overlapSkip=T(R._overlapSkip,"g").getRegex(),R._escapes=/\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/g,R._scheme=/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/,R._email=/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/,R.autolink=T(R.autolink).replace("scheme",R._scheme).replace("email",R._email).getRegex(),R._attribute=/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/,R.tag=T(R.tag).replace("comment",R._comment).replace("attribute",R._attribute).getRegex(),R._label=/(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/,R._href=/<(?:\\[<>]?|[^\s<>\\])*>|[^\s\x00-\x1f]*/,R._title=/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/,R.link=T(R.link).replace("label",R._label).replace("href",R._href).replace("title",R._title).getRegex(),R.reflink=T(R.reflink).replace("label",R._label).getRegex(),R.reflinkSearch=T(R.reflinkSearch,"g").replace("reflink",R.reflink).replace("nolink",R.nolink).getRegex(),R.normal=$({},R),R.pedantic=$({},R.normal,{strong:{start:/^__|\*\*/,middle:/^__(?=\S)([\s\S]*?\S)__(?!_)|^\*\*(?=\S)([\s\S]*?\S)\*\*(?!\*)/,endAst:/\*\*(?!\*)/g,endUnd:/__(?!_)/g},em:{start:/^_|\*/,middle:/^()\*(?=\S)([\s\S]*?\S)\*(?!\*)|^_(?=\S)([\s\S]*?\S)_(?!_)/,endAst:/\*(?!\*)/g,endUnd:/_(?!_)/g},link:T(/^!?\[(label)\]\((.*?)\)/).replace("label",R._label).getRegex(),reflink:T(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",R._label).getRegex()}),R.gfm=$({},R.normal,{escape:T(R.escape).replace("])","~|])").getRegex(),_extended_email:/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/,url:/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/,_backpedal:/(?:[^?!.,:;*_~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_~)]+(?!$))+/,del:/^(~~?)(?=[^\s~])([\s\S]*?[^\s~])\1(?=[^~]|$)/,text:/^([`~]+|[^`~])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*~]|\b_|https?:\/\/|ftp:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@))|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@))/}),R.gfm.url=T(R.gfm.url,"i").replace("email",R.gfm._extended_email).getRegex(),R.breaks=$({},R.gfm,{br:T(R.br).replace("{2,}","*").getRegex(),text:T(R.gfm.text).replace("\\b_","\\b_| {2,}\\n").replace(/\{2,\}/g,"*").getRegex()});var R={block:z,inline:R},P=t.defaults,L=R.block,N=R.inline,B=Z;function F(e){return e.replace(/---/g,"—").replace(/--/g,"–").replace(/(^|[-\u2014/(\[{"\s])'/g,"$1‘").replace(/'/g,"’").replace(/(^|[-\u2014/(\[{\u2018\s])"/g,"$1“").replace(/"/g,"”").replace(/\.{3}/g,"…")}function M(e){for(var t,n="",r=e.length,i=0;i<r;i++)t=e.charCodeAt(i),.5<Math.random()&&(t="x"+t.toString(16)),n+="&#"+t+";";return n}var W=function(){function n(e){this.tokens=[],this.tokens.links=Object.create(null),this.options=e||P,this.options.tokenizer=this.options.tokenizer||new D,this.tokenizer=this.options.tokenizer,this.tokenizer.options=this.options;e={block:L.normal,inline:N.normal};this.options.pedantic?(e.block=L.pedantic,e.inline=N.pedantic):this.options.gfm&&(e.block=L.gfm,this.options.breaks?e.inline=N.breaks:e.inline=N.gfm),this.tokenizer.rules=e}n.lex=function(e,t){return new n(t).lex(e)},n.lexInline=function(e,t){return new n(t).inlineTokens(e)};var e,t,r=n.prototype;return r.lex=function(e){return e=e.replace(/\r\n|\r/g,"\n").replace(/\t/g,"    "),this.blockTokens(e,this.tokens,!0),this.inline(this.tokens),this.tokens},r.blockTokens=function(e,t,n){var r,i,s,l;for(void 0===t&&(t=[]),void 0===n&&(n=!0),e=e.replace(/^ +$/gm,"");e;)if(r=this.tokenizer.space(e))e=e.substring(r.raw.length),r.type&&t.push(r);else if(r=this.tokenizer.code(e,t))e=e.substring(r.raw.length),r.type?t.push(r):((l=t[t.length-1]).raw+="\n"+r.raw,l.text+="\n"+r.text);else if(r=this.tokenizer.fences(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.heading(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.nptable(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.hr(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.blockquote(e))e=e.substring(r.raw.length),r.tokens=this.blockTokens(r.text,[],n),t.push(r);else if(r=this.tokenizer.list(e)){for(e=e.substring(r.raw.length),s=r.items.length,i=0;i<s;i++)r.items[i].tokens=this.blockTokens(r.items[i].text,[],!1);t.push(r)}else if(r=this.tokenizer.html(e))e=e.substring(r.raw.length),t.push(r);else if(n&&(r=this.tokenizer.def(e)))e=e.substring(r.raw.length),this.tokens.links[r.tag]||(this.tokens.links[r.tag]={href:r.href,title:r.title});else if(r=this.tokenizer.table(e))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.lheading(e))e=e.substring(r.raw.length),t.push(r);else if(n&&(r=this.tokenizer.paragraph(e)))e=e.substring(r.raw.length),t.push(r);else if(r=this.tokenizer.text(e,t))e=e.substring(r.raw.length),r.type?t.push(r):((l=t[t.length-1]).raw+="\n"+r.raw,l.text+="\n"+r.text);else if(e){var a="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(a);break}throw new Error(a)}return t},r.inline=function(e){for(var t,n,r,i,s,l=e.length,a=0;a<l;a++)switch((s=e[a]).type){case"paragraph":case"text":case"heading":s.tokens=[],this.inlineTokens(s.text,s.tokens);break;case"table":for(s.tokens={header:[],cells:[]},r=s.header.length,t=0;t<r;t++)s.tokens.header[t]=[],this.inlineTokens(s.header[t],s.tokens.header[t]);for(r=s.cells.length,t=0;t<r;t++)for(i=s.cells[t],s.tokens.cells[t]=[],n=0;n<i.length;n++)s.tokens.cells[t][n]=[],this.inlineTokens(i[n],s.tokens.cells[t][n]);break;case"blockquote":this.inline(s.tokens);break;case"list":for(r=s.items.length,t=0;t<r;t++)this.inline(s.items[t].tokens)}return e},r.inlineTokens=function(e,t,n,r){var i;void 0===t&&(t=[]),void 0===n&&(n=!1),void 0===r&&(r=!1);var s,l,a,o=e;if(this.tokens.links){var c=Object.keys(this.tokens.links);if(0<c.length)for(;null!=(s=this.tokenizer.rules.inline.reflinkSearch.exec(o));)c.includes(s[0].slice(s[0].lastIndexOf("[")+1,-1))&&(o=o.slice(0,s.index)+"["+B("a",s[0].length-2)+"]"+o.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex))}for(;null!=(s=this.tokenizer.rules.inline.blockSkip.exec(o));)o=o.slice(0,s.index)+"["+B("a",s[0].length-2)+"]"+o.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);for(;e;)if(l||(a=""),l=!1,i=this.tokenizer.escape(e))e=e.substring(i.raw.length),t.push(i);else if(i=this.tokenizer.tag(e,n,r))e=e.substring(i.raw.length),n=i.inLink,r=i.inRawBlock,t.push(i);else if(i=this.tokenizer.link(e))e=e.substring(i.raw.length),"link"===i.type&&(i.tokens=this.inlineTokens(i.text,[],!0,r)),t.push(i);else if(i=this.tokenizer.reflink(e,this.tokens.links))e=e.substring(i.raw.length),"link"===i.type&&(i.tokens=this.inlineTokens(i.text,[],!0,r)),t.push(i);else if(i=this.tokenizer.strong(e,o,a))e=e.substring(i.raw.length),i.tokens=this.inlineTokens(i.text,[],n,r),t.push(i);else if(i=this.tokenizer.em(e,o,a))e=e.substring(i.raw.length),i.tokens=this.inlineTokens(i.text,[],n,r),t.push(i);else if(i=this.tokenizer.codespan(e))e=e.substring(i.raw.length),t.push(i);else if(i=this.tokenizer.br(e))e=e.substring(i.raw.length),t.push(i);else if(i=this.tokenizer.del(e))e=e.substring(i.raw.length),i.tokens=this.inlineTokens(i.text,[],n,r),t.push(i);else if(i=this.tokenizer.autolink(e,M))e=e.substring(i.raw.length),t.push(i);else if(n||!(i=this.tokenizer.url(e,M))){if(i=this.tokenizer.inlineText(e,r,F))e=e.substring(i.raw.length),a=i.raw.slice(-1),l=!0,t.push(i);else if(e){var u="Infinite loop on byte: "+e.charCodeAt(0);if(this.options.silent){console.error(u);break}throw new Error(u)}}else e=e.substring(i.raw.length),t.push(i);return t},e=n,t=[{key:"rules",get:function(){return{block:L,inline:N}}}],(r=null)&&i(e.prototype,r),t&&i(e,t),n}(),X=t.defaults,G=S,V=_,H=function(){function e(e){this.options=e||X}var t=e.prototype;return t.code=function(e,t,n){var r=(t||"").match(/\S*/)[0];return!this.options.highlight||null!=(t=this.options.highlight(e,r))&&t!==e&&(n=!0,e=t),r?'<pre><code class="'+this.options.langPrefix+V(r,!0)+'">'+(n?e:V(e,!0))+"</code></pre>\n":"<pre><code>"+(n?e:V(e,!0))+"</code></pre>\n"},t.blockquote=function(e){return"<blockquote>\n"+e+"</blockquote>\n"},t.html=function(e){return e},t.heading=function(e,t,n,r){return this.options.headerIds?"<h"+t+' id="'+this.options.headerPrefix+r.slug(n)+'">'+e+"</h"+t+">\n":"<h"+t+">"+e+"</h"+t+">\n"},t.hr=function(){return this.options.xhtml?"<hr/>\n":"<hr>\n"},t.list=function(e,t,n){var r=t?"ol":"ul";return"<"+r+(t&&1!==n?' start="'+n+'"':"")+">\n"+e+"</"+r+">\n"},t.listitem=function(e){return"<li>"+e+"</li>\n"},t.checkbox=function(e){return"<input "+(e?'checked="" ':"")+'disabled="" type="checkbox"'+(this.options.xhtml?" /":"")+"> "},t.paragraph=function(e){return"<p>"+e+"</p>\n"},t.table=function(e,t){return"<table>\n<thead>\n"+e+"</thead>\n"+(t=t&&"<tbody>"+t+"</tbody>")+"</table>\n"},t.tablerow=function(e){return"<tr>\n"+e+"</tr>\n"},t.tablecell=function(e,t){var n=t.header?"th":"td";return(t.align?"<"+n+' align="'+t.align+'">':"<"+n+">")+e+"</"+n+">\n"},t.strong=function(e){return"<strong>"+e+"</strong>"},t.em=function(e){return"<em>"+e+"</em>"},t.codespan=function(e){return"<code>"+e+"</code>"},t.br=function(){return this.options.xhtml?"<br/>":"<br>"},t.del=function(e){return"<del>"+e+"</del>"},t.link=function(e,t,n){if(null===(e=G(this.options.sanitize,this.options.baseUrl,e)))return n;e='<a href="'+V(e)+'"';return t&&(e+=' title="'+t+'"'),e+=">"+n+"</a>"},t.image=function(e,t,n){if(null===(e=G(this.options.sanitize,this.options.baseUrl,e)))return n;n='<img src="'+e+'" alt="'+n+'"';return t&&(n+=' title="'+t+'"'),n+=this.options.xhtml?"/>":">"},t.text=function(e){return e},e}(),J=function(){function e(){}var t=e.prototype;return t.strong=function(e){return e},t.em=function(e){return e},t.codespan=function(e){return e},t.del=function(e){return e},t.html=function(e){return e},t.text=function(e){return e},t.link=function(e,t,n){return""+n},t.image=function(e,t,n){return""+n},t.br=function(){return""},e}(),K=function(){function e(){this.seen={}}var t=e.prototype;return t.serialize=function(e){return e.toLowerCase().trim().replace(/<[!\/a-z].*?>/gi,"").replace(/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g,"").replace(/\s/g,"-")},t.getNextSafeSlug=function(e,t){var n=e,r=0;if(this.seen.hasOwnProperty(n))for(r=this.seen[e];n=e+"-"+ ++r,this.seen.hasOwnProperty(n););return t||(this.seen[e]=r,this.seen[n]=0),n},t.slug=function(e,t){void 0===t&&(t={});var n=this.serialize(e);return this.getNextSafeSlug(n,t.dryrun)},e}(),Q=t.defaults,Y=y,ee=function(){function n(e){this.options=e||Q,this.options.renderer=this.options.renderer||new H,this.renderer=this.options.renderer,this.renderer.options=this.options,this.textRenderer=new J,this.slugger=new K}n.parse=function(e,t){return new n(t).parse(e)},n.parseInline=function(e,t){return new n(t).parseInline(e)};var e=n.prototype;return e.parse=function(e,t){void 0===t&&(t=!0);for(var n,r,i,s,l,a,o,c,u,p,h,g,f,d,k,b="",m=e.length,x=0;x<m;x++)switch((c=e[x]).type){case"space":continue;case"hr":b+=this.renderer.hr();continue;case"heading":b+=this.renderer.heading(this.parseInline(c.tokens),c.depth,Y(this.parseInline(c.tokens,this.textRenderer)),this.slugger);continue;case"code":b+=this.renderer.code(c.text,c.lang,c.escaped);continue;case"table":for(a=u="",i=c.header.length,n=0;n<i;n++)a+=this.renderer.tablecell(this.parseInline(c.tokens.header[n]),{header:!0,align:c.align[n]});for(u+=this.renderer.tablerow(a),o="",i=c.cells.length,n=0;n<i;n++){for(a="",s=(l=c.tokens.cells[n]).length,r=0;r<s;r++)a+=this.renderer.tablecell(this.parseInline(l[r]),{header:!1,align:c.align[r]});o+=this.renderer.tablerow(a)}b+=this.renderer.table(u,o);continue;case"blockquote":o=this.parse(c.tokens),b+=this.renderer.blockquote(o);continue;case"list":for(u=c.ordered,w=c.start,p=c.loose,i=c.items.length,o="",n=0;n<i;n++)f=(g=c.items[n]).checked,d=g.task,h="",g.task&&(k=this.renderer.checkbox(f),p?0<g.tokens.length&&"text"===g.tokens[0].type?(g.tokens[0].text=k+" "+g.tokens[0].text,g.tokens[0].tokens&&0<g.tokens[0].tokens.length&&"text"===g.tokens[0].tokens[0].type&&(g.tokens[0].tokens[0].text=k+" "+g.tokens[0].tokens[0].text)):g.tokens.unshift({type:"text",text:k}):h+=k),h+=this.parse(g.tokens,p),o+=this.renderer.listitem(h,d,f);b+=this.renderer.list(o,u,w);continue;case"html":b+=this.renderer.html(c.text);continue;case"paragraph":b+=this.renderer.paragraph(this.parseInline(c.tokens));continue;case"text":for(o=c.tokens?this.parseInline(c.tokens):c.text;x+1<m&&"text"===e[x+1].type;)o+="\n"+((c=e[++x]).tokens?this.parseInline(c.tokens):c.text);b+=t?this.renderer.paragraph(o):o;continue;default:var w='Token with "'+c.type+'" type was not found.';if(this.options.silent)return void console.error(w);throw new Error(w)}return b},e.parseInline=function(e,t){t=t||this.renderer;for(var n,r="",i=e.length,s=0;s<i;s++)switch((n=e[s]).type){case"escape":r+=t.text(n.text);break;case"html":r+=t.html(n.text);break;case"link":r+=t.link(n.href,n.title,this.parseInline(n.tokens,t));break;case"image":r+=t.image(n.href,n.title,n.text);break;case"strong":r+=t.strong(this.parseInline(n.tokens,t));break;case"em":r+=t.em(this.parseInline(n.tokens,t));break;case"codespan":r+=t.codespan(n.text);break;case"br":r+=t.br();break;case"del":r+=t.del(this.parseInline(n.tokens,t));break;case"text":r+=t.text(n.text);break;default:var l='Token with "'+n.type+'" type was not found.';if(this.options.silent)return void console.error(l);throw new Error(l)}return r},n}(),te=A,ne=I,re=_,_=t.getDefaults,ie=t.changeDefaults,t=t.defaults;function se(e,n,r){if(null==e)throw new Error("marked(): input parameter is undefined or null");if("string"!=typeof e)throw new Error("marked(): input parameter is of type "+Object.prototype.toString.call(e)+", string expected");if("function"==typeof n&&(r=n,n=null),n=te({},se.defaults,n||{}),ne(n),r){var i,s=n.highlight;try{i=W.lex(e,n)}catch(e){return r(e)}var l=function(t){var e;if(!t)try{e=ee.parse(i,n)}catch(e){t=e}return n.highlight=s,t?r(t):r(null,e)};if(!s||s.length<3)return l();if(delete n.highlight,!i.length)return l();var a=0;return se.walkTokens(i,function(n){"code"===n.type&&(a++,setTimeout(function(){s(n.text,n.lang,function(e,t){return e?l(e):(null!=t&&t!==n.text&&(n.text=t,n.escaped=!0),void(0===--a&&l()))})},0))}),void(0===a&&l())}try{var t=W.lex(e,n);return n.walkTokens&&se.walkTokens(t,n.walkTokens),ee.parse(t,n)}catch(e){if(e.message+="\nPlease report this to https://github.com/markedjs/marked.",n.silent)return"<p>An error occurred:</p><pre>"+re(e.message+"",!0)+"</pre>";throw e}}return se.options=se.setOptions=function(e){return te(se.defaults,e),ie(se.defaults),se},se.getDefaults=_,se.defaults=t,se.use=function(a){var t,n=te({},a);a.renderer&&function(){var e,l=se.defaults.renderer||new H;for(e in a.renderer)!function(i){var s=l[i];l[i]=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=a.renderer[i].apply(l,t);return!1===r&&(r=s.apply(l,t)),r}}(e);n.renderer=l}(),a.tokenizer&&function(){var e,l=se.defaults.tokenizer||new D;for(e in a.tokenizer)!function(i){var s=l[i];l[i]=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=a.tokenizer[i].apply(l,t);return!1===r&&(r=s.apply(l,t)),r}}(e);n.tokenizer=l}(),a.walkTokens&&(t=se.defaults.walkTokens,n.walkTokens=function(e){a.walkTokens(e),t&&t(e)}),se.setOptions(n)},se.walkTokens=function(e,t){for(var n,r=p(e);!(n=r()).done;){var i=n.value;switch(t(i),i.type){case"table":for(var s=p(i.tokens.header);!(l=s()).done;){var l=l.value;se.walkTokens(l,t)}for(var a,o=p(i.tokens.cells);!(a=o()).done;)for(var c=p(a.value);!(u=c()).done;){var u=u.value;se.walkTokens(u,t)}break;case"list":se.walkTokens(i.items,t);break;default:i.tokens&&se.walkTokens(i.tokens,t)}}},se.parseInline=function(e,t){if(null==e)throw new Error("marked.parseInline(): input parameter is undefined or null");if("string"!=typeof e)throw new Error("marked.parseInline(): input parameter is of type "+Object.prototype.toString.call(e)+", string expected");t=te({},se.defaults,t||{}),ne(t);try{var n=W.lexInline(e,t);return t.walkTokens&&se.walkTokens(n,t.walkTokens),ee.parseInline(n,t)}catch(e){if(e.message+="\nPlease report this to https://github.com/markedjs/marked.",t.silent)return"<p>An error occurred:</p><pre>"+re(e.message+"",!0)+"</pre>";throw e}},se.Parser=ee,se.parser=ee.parse,se.Renderer=H,se.TextRenderer=J,se.Lexer=W,se.lexer=W.lex,se.Tokenizer=D,se.Slugger=K,se.parse=se};module.exports=t();
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/markdown/miniprogram/build.js b/wechat-mini-program/node_modules/mp-html/plugins/markdown/miniprogram/build.js
new file mode 100644
index 0000000..db68178
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/markdown/miniprogram/build.js
@@ -0,0 +1,70 @@
+const path = require('path')
+
+module.exports = {
+  style:
+    `.md-p {
+  margin-block-start: 1em;
+  margin-block-end: 1em;
+}
+
+.md-table,
+.md-blockquote {
+  margin-bottom: 16px;
+}
+
+.md-table {
+  box-sizing: border-box;
+  width: 100%;
+  overflow: auto;
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+
+.md-tr {
+  background-color: #fff;
+  border-top: 1px solid #c6cbd1;
+}
+
+.md-table .md-tr:nth-child(2n) {
+  background-color: #f6f8fa;
+}
+
+.md-th,
+.md-td {
+  padding: 6px 13px !important;
+  border: 1px solid #dfe2e5;
+}
+
+.md-th {
+  font-weight: 600;
+}
+
+.md-blockquote {
+  padding: 0 1em;
+  color: #6a737d;
+  border-left: 0.25em solid #dfe2e5;
+}
+
+.md-code {
+  padding: 0.2em 0.4em;
+  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
+  font-size: 85%;
+  background-color: rgba(27, 31, 35, 0.05);
+  border-radius: 3px;
+}
+
+.md-pre .md-code {
+  padding: 0;
+  font-size: 100%;
+  background: transparent;
+  border: 0;
+}`,
+  handler (file) {
+    // 添加 markdown 属性
+    if (file.path.includes('miniprogram' + path.sep + 'index.js')) {
+      file.contents = Buffer.from(file.contents.toString().replace(/properties\s*:\s*{/, 'properties: {\n    markdown: Boolean,')
+      // 处理中文 id
+        .replace(/navigateTo\s*\(id,\s*offset\)\s*{/, 'navigateTo (id, offset) {\n      id = this._ids[decodeURI(id)] || id'))
+    }
+  }
+}
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/markdown/uni-app/build.js b/wechat-mini-program/node_modules/mp-html/plugins/markdown/uni-app/build.js
new file mode 100644
index 0000000..e127227
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/markdown/uni-app/build.js
@@ -0,0 +1,68 @@
+module.exports = {
+  style:
+    `.md-p {
+  margin-block-start: 1em;
+  margin-block-end: 1em;
+}
+
+.md-table,
+.md-blockquote {
+  margin-bottom: 16px;
+}
+
+.md-table {
+  box-sizing: border-box;
+  width: 100%;
+  overflow: auto;
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+
+.md-tr {
+  background-color: #fff;
+  border-top: 1px solid #c6cbd1;
+}
+
+.md-table .md-tr:nth-child(2n) {
+  background-color: #f6f8fa;
+}
+
+.md-th,
+.md-td {
+  padding: 6px 13px !important;
+  border: 1px solid #dfe2e5;
+}
+
+.md-th {
+  font-weight: 600;
+}
+
+.md-blockquote {
+  padding: 0 1em;
+  color: #6a737d;
+  border-left: 0.25em solid #dfe2e5;
+}
+
+.md-code {
+  padding: 0.2em 0.4em;
+  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
+  font-size: 85%;
+  background-color: rgba(27, 31, 35, 0.05);
+  border-radius: 3px;
+}
+
+.md-pre .md-code {
+  padding: 0;
+  font-size: 100%;
+  background: transparent;
+  border: 0;
+}`,
+  handler (file) {
+    // 添加 markdown 属性
+    if (file.path.includes('mp-html.vue')) {
+      file.contents = Buffer.from(file.contents.toString().replace(/props\s*:\s*{/, 'props: {\n    markdown: Boolean,')
+      // 处理中文 id
+        .replace(/navigateTo\s*\(id,\s*offset\)\s*{/, 'navigateTo (id, offset) {\n      id = this._ids[decodeURI(id)] || id'))
+    }
+  }
+}
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/search/README.md b/wechat-mini-program/node_modules/mp-html/plugins/search/README.md
new file mode 100644
index 0000000..c33a192
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/search/README.md
@@ -0,0 +1,46 @@
+# search
+功能：关键词搜索  
+大小：*≈1.5KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √(nvue 不支持) |
+
+说明：  
+引入后会在组件实例上挂载一个 *search* 方法，用于关键词搜索  
+
+输入值  
+
+| 参数名 | 类型 | 默认值 | 说明 |
+|:---:|:---:|:---:|---|
+| key | String 或 RegExp | - | 要搜索的关键词，支持字符串和正则 |
+| anchor | Boolean | false | 是否将搜索结果设置为锚点 |
+| style | String | background-color:yellow | 标记搜索结果的样式 |
+
+返回值：*Promise*    
+
+| 属性 | 类型 | 说明 |
+|:---:|:---:|---|
+| num | Number | 搜索结果数量 |
+| highlight | Function(i, style='background-color:#FF9632') | 高亮第 i（1 ~ num）个结果，将其样式设置为 style |
+| jump | Function(i, offset) | 跳转到第 i（1 ~ num）个结果，偏移量为 offset，anchor 为 true 才可用 |
+
+示例：  
+```javascript
+function search (key) {
+  // ctx 为组件实例
+  ctx.search(key, true).then(res => {
+    res.highlight(1)
+    res.jump(1, -50) // 高亮第 1 个结果并跳转到该位置，偏移量 -50
+  })
+}
+```
+
+附加说明：  
+1. 不传入 *key*（或为空）时即可取消搜索，取消所有的高亮，还原到原来的效果  
+2. 进行新的搜索时旧的搜索结果将被还原，旧的结果中的 *highlight* 等方法不再可用  
+3. 调用 *highlight* 方法高亮一个结果时，之前被高亮的结果会被还原，即始终只有一个结果被高亮  
+4. *key* 传入字符串时大小写敏感，如果要忽略大小写可以用正则的 *i*（字符串搜索效率高于正则）  
+5. 设置 *anchor* 为 *true* 会一定程度上降低效率，非必要不要开启  
+6. 暂不支持跨标签搜索，即只有一个文本节点内包含整个关键词才能被搜索到  
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/search/miniprogram/index.js b/wechat-mini-program/node_modules/mp-html/plugins/search/miniprogram/index.js
new file mode 100644
index 0000000..c7d0d7e
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/search/miniprogram/index.js
@@ -0,0 +1,137 @@
+/**
+ * @fileoverview search 插件
+ */
+
+function Search (vm) {
+  /**
+   * @description 关键词搜索
+   * @param {regexp|string} key 要搜索的关键词
+   * @param {boolean} anchor 是否将搜索结果设置为锚点
+   * @param {string} style 搜索结果的样式
+   */
+  vm.search = function (key, anchor, style = 'background-color:yellow') {
+    const obj = {}
+    const stack = []
+    const res = [];
+
+    // 遍历搜索
+    (function traversal (nodes, path) {
+      for (let i = 0; i < nodes.length; i++) {
+        const node = nodes[i]
+        if (node.type === 'text' && key) {
+          const arr = node.text.split(key)
+          const children = []
+          if (arr.length > 1) {
+            // 找到关键词
+            for (let j = 0; j < arr.length; j++) {
+              if (arr[j]) {
+                children.push({
+                  type: 'text',
+                  text: arr[j]
+                })
+              }
+              if (j !== arr.length - 1) {
+                // 关键词转为一个 span
+                res.push(`${path}[${i}].children[${children.length}].attrs.style`)
+                children.push({
+                  name: 'span',
+                  attrs: {
+                    id: anchor ? 'search' + res.length : undefined, // 用于锚点的 id
+                    style
+                  },
+                  children: [{
+                    type: 'text',
+                    text: key instanceof RegExp ? key.exec(node.text)[0] : key
+                  }]
+                })
+              }
+            }
+            if (key instanceof RegExp) {
+              key.exec(node.text)
+            }
+            if (anchor) {
+              for (let l = stack.length; l--;) {
+                // 给父组件做标记，将该标签暴露出来
+                if (stack[l].c) {
+                  break
+                } else {
+                  obj[stack[l].path] = 1
+                }
+              }
+            }
+            obj[`${path}[${i}]`] = {
+              name: 'span',
+              c: anchor ? 1 : undefined,
+              s: 1,
+              children
+            }
+          }
+        } else if (node.s) {
+          let text = ''
+          // 复原上一次的结果
+          for (let k = 0; k < node.children.length; k++) {
+            const child = node.children[k]
+            if (child.text) {
+              text += child.text
+            } else {
+              text += child.children[0].text
+            }
+          }
+          nodes[i] = {
+            type: 'text',
+            text
+          }
+          if (key && (key instanceof RegExp ? key.test(text) : text.includes(key))) {
+            i--
+          } else {
+            obj[`${path}[${i}]`] = nodes[i]
+          }
+        } else if (node.children) {
+          stack.push({
+            path: `${path}[${i}].c`,
+            c: node.c || node.name === 'table'
+          })
+          traversal(node.children, `${path}[${i}].children`)
+          stack.pop()
+        }
+      }
+    })(vm.data.nodes, 'nodes')
+
+    return new Promise(function (resolve) {
+      vm.setData(obj, () => {
+        resolve({
+          num: res.length, // 结果数量
+          /**
+           * @description 高亮某一个结果
+           * @param {number} i 第几个
+           * @param {string} hlstyle 高亮的样式
+           */
+          highlight (i, hlstyle = 'background-color:#FF9632') {
+            if (i < 1 || i > res.length) return
+            const obj = {}
+            if (this.last) {
+              obj[res[this.last - 1]] = style
+            }
+            this.last = i
+            obj[res[i - 1]] = hlstyle
+            vm.setData(obj)
+          },
+          /**
+           * @description 跳转到搜索结果
+           * @param {number} i 第几个
+           * @param {number} offset 偏移量
+           */
+          jump: anchor
+            ? (i, offset) => {
+                if (i > 0 && i <= res.length) {
+                  vm.navigateTo('search' + i, offset)
+                }
+              }
+            : undefined
+        })
+      })
+    })
+  }
+}
+
+module.exports = Search
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/search/uni-app/index.js b/wechat-mini-program/node_modules/mp-html/plugins/search/uni-app/index.js
new file mode 100644
index 0000000..c0f90a3
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/search/uni-app/index.js
@@ -0,0 +1,132 @@
+/**
+ * @fileoverview search 插件
+ */
+function Search (vm) {
+  /**
+   * @description 关键词搜索
+   * @param {regexp|string} key 要搜索的关键词
+   * @param {boolean} anchor 是否将搜索结果设置为锚点
+   * @param {string} style 搜索结果的样式
+   */
+  vm.search = function (key, anchor, style = 'background-color:yellow') {
+    const res = []
+    const stack = [];
+
+    // 遍历搜索
+    (function traversal (nodes) {
+      for (let i = 0; i < nodes.length; i++) {
+        let node = nodes[i]
+        if (node.type === 'text' && key) {
+          const text = node.text
+          const arr = text.split(key)
+          if (arr.length > 1) {
+            node = {
+              name: 'span',
+              attrs: {},
+              type: 'node',
+              c: 1,
+              s: 1,
+              children: []
+            }
+            vm.$set(nodes, i, node)
+            for (let j = 0; j < arr.length; j++) {
+              if (arr[j]) {
+                node.children.push({
+                  type: 'text',
+                  text: arr[j]
+                })
+              }
+              if (j !== arr.length - 1) {
+                // 关键词转为一个 span
+                node.children.push({
+                  name: 'span',
+                  attrs: {
+                    id: anchor ? 'search' + (res.length + 1) : undefined, // 用于锚点的 id
+                    style: style
+                  },
+                  // #ifdef VUE3
+                  c: 1,
+                  // #endif
+                  children: [{
+                    type: 'text',
+                    text: key instanceof RegExp ? key.exec(text)[0] : key
+                  }]
+                })
+                res.push(node.children[node.children.length - 1].attrs)
+              }
+            }
+            if (key instanceof RegExp) {
+              key.exec(text)
+            }
+            if (anchor) {
+              for (let l = stack.length; l--;) {
+                if (stack[l].c) {
+                  break
+                } else {
+                  vm.$set(stack[l], 'c', 1)
+                }
+              }
+            }
+          }
+        } else if (node.s) {
+          let text = ''
+          // 复原上一次的结果
+          for (let k = 0; k < node.children.length; k++) {
+            const child = node.children[k]
+            if (child.text) {
+              text += child.text
+            } else {
+              text += child.children[0].text
+            }
+          }
+          vm.$set(nodes, i, {
+            type: 'text',
+            text
+          })
+          if (key && (key instanceof RegExp ? key.test(text) : text.includes(key))) {
+            i--
+          }
+        } else if (node.children) {
+          stack.push(node)
+          traversal(node.children)
+          stack.pop()
+        }
+      }
+    })(vm.nodes)
+
+    return new Promise(function (resolve) {
+      setTimeout(() => {
+        resolve({
+          num: res.length, // 结果数量
+          /**
+           * @description 高亮某一个结果
+           * @param {number} i 第几个
+           * @param {string} hlstyle 高亮的样式
+           */
+          highlight (i, hlstyle = 'background-color:#FF9632') {
+            if (i < 1 || i > res.length) return
+            if (this.last) {
+              res[this.last - 1].style = style
+            }
+            this.last = i
+            res[i - 1].style = hlstyle
+          },
+          /**
+           * @description 跳转到搜索结果
+           * @param {number} i 第几个
+           * @param {number} offset 偏移量
+           */
+          jump: anchor
+            ? (i, offset) => {
+                if (i > 0 && i <= res.length) {
+                  vm.navigateTo('search' + i, offset)
+                }
+              }
+            : undefined
+        })
+      }, 200)
+    })
+  }
+}
+
+module.exports = Search
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/style/README.md b/wechat-mini-program/node_modules/mp-html/plugins/style/README.md
new file mode 100644
index 0000000..9aced36
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/style/README.md
@@ -0,0 +1,30 @@
+# style
+功能：解析和匹配 *style* 标签中的样式  
+
+> 这里的 *style* 标签指的是传入 *content* 属性中的 *html* 里包含的 *style* 标签，且 *style* 标签要放在其他标签前面才能生效
+
+大小：*≈3.5KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ | √ | √ | √ | √ (nvue 直接支持) |
+
+说明：  
+支持以下选择器：  
+
+| 名称 | 示例 |
+|:---:|---|
+| 标签名选择器 | p {} |
+| class 选择器 | .class {} |
+| id 选择器 | #id {} |
+| 多选择器交集 | p.class {} |
+| 多选择器并集 | p, .class {} |
+| 后代选择器 | .class1 .class2 {} |
+| 子选择器 | .class1 > .class2 {} |
+| 伪类 | .class::before {} |
+
+伪类仅支持 *before* 和 *after*，支持 *attr* 方法  
+不支持的选择器（属性选择器等）将被忽略  
+
+> 由于小程序中无法动态写入 *css*，本插件的实现原理是通过解析，将匹配的样式添加到各标签的行内 *style* 中去，请慎用宽泛的选择器，以免大大增加解析结果大小，减慢渲染速度  
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/style/index.js b/wechat-mini-program/node_modules/mp-html/plugins/style/index.js
new file mode 100644
index 0000000..a7de815
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/style/index.js
@@ -0,0 +1,129 @@
+/**
+ * @fileoverview style 插件
+ */
+// #ifndef APP-PLUS-NVUE
+const Parser = require('./parser')
+// #endif
+
+function Style () {
+  this.styles = []
+}
+
+// #ifndef APP-PLUS-NVUE
+Style.prototype.onParse = function (node, vm) {
+  // 获取样式
+  if (node.name === 'style' && node.children.length && node.children[0].type === 'text') {
+    this.styles = this.styles.concat(new Parser().parse(node.children[0].text))
+  } else if (node.name) {
+    // 匹配样式（对非文本标签）
+    // 存储不同优先级的样式 name < class < id < 后代
+    let matched = ['', '', '', '']
+    for (let i = 0, len = this.styles.length; i < len; i++) {
+      const item = this.styles[i]
+      let res = match(node, item.key || item.list[item.list.length - 1])
+      let j
+      if (res) {
+        // 后代选择器
+        if (!item.key) {
+          j = item.list.length - 2
+          for (let k = vm.stack.length; j >= 0 && k--;) {
+            // 子选择器
+            if (item.list[j] === '>') {
+              // 错误情况
+              if (j < 1 || j > item.list.length - 2) break
+              if (match(vm.stack[k], item.list[j - 1])) {
+                j -= 2
+              } else {
+                j++
+              }
+            } else if (match(vm.stack[k], item.list[j])) {
+              j--
+            }
+          }
+          res = 4
+        }
+        if (item.key || j < 0) {
+          // 添加伪类
+          if (item.pseudo && node.children) {
+            let text
+            item.style = item.style.replace(/content:([^;]+)/, (_, $1) => {
+              text = $1.replace(/['"]/g, '')
+                // 处理 attr 函数
+                .replace(/attr\((.+?)\)/, (_, $1) => node.attrs[$1.trim()] || '')
+                // 编码 \xxx
+                .replace(/\\(\w{4})/, (_, $1) => String.fromCharCode(parseInt($1, 16)))
+              return ''
+            })
+            const pseudo = {
+              name: 'span',
+              attrs: {
+                style: item.style
+              },
+              children: [{
+                type: 'text',
+                text
+              }]
+            }
+            if (item.pseudo === 'before') {
+              node.children.unshift(pseudo)
+            } else {
+              node.children.push(pseudo)
+            }
+          } else {
+            matched[res - 1] += item.style + (item.style[item.style.length - 1] === ';' ? '' : ';')
+          }
+        }
+      }
+    }
+    matched = matched.join('')
+    if (matched.length > 2) {
+      node.attrs.style = matched + (node.attrs.style || '')
+    }
+  }
+}
+
+/**
+ * @description 匹配样式
+ * @param {object} node 要匹配的标签
+ * @param {string|string[]} keys 选择器
+ * @returns {number} 0：不匹配；1：name 匹配；2：class 匹配；3：id 匹配
+ */
+function match (node, keys) {
+  function matchItem (key) {
+    if (key[0] === '#') {
+      // 匹配 id
+      if (node.attrs.id && node.attrs.id.trim() === key.substr(1)) return 3
+    } else if (key[0] === '.') {
+      // 匹配 class
+      key = key.substr(1)
+      const selectors = (node.attrs.class || '').split(' ')
+      for (let i = 0; i < selectors.length; i++) {
+        if (selectors[i].trim() === key) return 2
+      }
+    } else if (node.name === key) {
+      // 匹配 name
+      return 1
+    }
+    return 0
+  }
+
+  // 多选择器交集
+  if (keys instanceof Array) {
+    let res = 0
+    for (let j = 0; j < keys.length; j++) {
+      const tmp = matchItem(keys[j])
+      // 任意一个不匹配就失败
+      if (!tmp) return 0
+      // 优先级最大的一个作为最终优先级
+      if (tmp > res) {
+        res = tmp
+      }
+    }
+    return res
+  }
+
+  return matchItem(keys)
+}
+// #endif
+
+module.exports = Style
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/style/parser.js b/wechat-mini-program/node_modules/mp-html/plugins/style/parser.js
new file mode 100644
index 0000000..8410ebf
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/style/parser.js
@@ -0,0 +1,175 @@
+const blank = {
+  ' ': true,
+  '\n': true,
+  '\t': true,
+  '\r': true,
+  '\f': true
+}
+
+function Parser () {
+  this.styles = []
+  this.selectors = []
+}
+
+/**
+ * @description 解析 css 字符串
+ * @param {string} content css 内容
+ */
+Parser.prototype.parse = function (content) {
+  new Lexer(this).parse(content)
+  return this.styles
+}
+
+/**
+ * @description 解析到一个选择器
+ * @param {string} name 名称
+ */
+Parser.prototype.onSelector = function (name) {
+  // 不支持的选择器
+  if (name.includes('[') || name.includes('*') || name.includes('@')) return
+  const selector = {}
+  // 伪类
+  if (name.includes(':')) {
+    const info = name.split(':')
+    const pseudo = info.pop()
+    if (pseudo === 'before' || pseudo === 'after') {
+      selector.pseudo = pseudo
+      name = info[0]
+    } else return
+  }
+
+  // 分割交集选择器
+  function splitItem (str) {
+    const arr = []
+    let i, start
+    for (i = 1, start = 0; i < str.length; i++) {
+      if (str[i] === '.' || str[i] === '#') {
+        arr.push(str.substring(start, i))
+        start = i
+      }
+    }
+    if (!arr.length) {
+      return str
+    } else {
+      arr.push(str.substring(start, i))
+      return arr
+    }
+  }
+
+  // 后代选择器
+  if (name.includes(' ')) {
+    selector.list = []
+    const list = name.split(' ')
+    for (let i = 0; i < list.length; i++) {
+      if (list[i].length) {
+        // 拆分子选择器
+        const arr = list[i].split('>')
+        for (let j = 0; j < arr.length; j++) {
+          selector.list.push(splitItem(arr[j]))
+          if (j < arr.length - 1) {
+            selector.list.push('>')
+          }
+        }
+      }
+    }
+  } else {
+    selector.key = splitItem(name)
+  }
+
+  this.selectors.push(selector)
+}
+
+/**
+ * @description 解析到选择器内容
+ * @param {string} content 内容
+ */
+Parser.prototype.onContent = function (content) {
+  // 并集选择器
+  for (let i = 0; i < this.selectors.length; i++) {
+    this.selectors[i].style = content
+  }
+  this.styles = this.styles.concat(this.selectors)
+  this.selectors = []
+}
+
+/**
+ * @description css 词法分析器
+ * @param {object} handler 高层处理器
+ */
+function Lexer (handler) {
+  this.selector = ''
+  this.style = ''
+  this.handler = handler
+}
+
+Lexer.prototype.parse = function (content) {
+  this.i = 0
+  this.content = content
+  this.state = this.blank
+  for (let len = content.length; this.i < len; this.i++) {
+    this.state(content[this.i])
+  }
+}
+
+Lexer.prototype.comment = function () {
+  this.i = this.content.indexOf('*/', this.i) + 1
+  if (!this.i) {
+    this.i = this.content.length
+  }
+}
+
+Lexer.prototype.blank = function (c) {
+  if (!blank[c]) {
+    if (c === '/' && this.content[this.i + 1] === '*') {
+      this.comment()
+      return
+    }
+    this.selector += c
+    this.state = this.name
+  }
+}
+
+Lexer.prototype.name = function (c) {
+  if (c === '/' && this.content[this.i + 1] === '*') {
+    this.comment()
+    return
+  }
+  if (c === '{' || c === ',' || c === ';') {
+    this.handler.onSelector(this.selector.trimEnd())
+    this.selector = ''
+    if (c !== '{') {
+      while (blank[this.content[++this.i]]);
+    }
+    if (this.content[this.i] === '{') {
+      this.floor = 1
+      this.state = this.val
+    } else {
+      this.selector += this.content[this.i]
+    }
+  } else if (blank[c]) {
+    this.selector += ' '
+  } else {
+    this.selector += c
+  }
+}
+
+Lexer.prototype.val = function (c) {
+  if (c === '/' && this.content[this.i + 1] === '*') {
+    this.comment()
+    return
+  }
+  if (c === '{') {
+    this.floor++
+  } else if (c === '}') {
+    this.floor--
+    if (!this.floor) {
+      this.handler.onContent(this.style)
+      this.style = ''
+      this.state = this.blank
+      return
+    }
+  }
+  this.style += c
+}
+
+module.exports = Parser
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/template/README.md b/wechat-mini-program/node_modules/mp-html/plugins/template/README.md
new file mode 100644
index 0000000..5481967
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/template/README.md
@@ -0,0 +1,2 @@
+# 模板
+这是一个插件模板，需要开发插件时，可以从这个模板开始  
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/template/build.js b/wechat-mini-program/node_modules/mp-html/plugins/template/build.js
new file mode 100644
index 0000000..5a90c35
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/template/build.js
@@ -0,0 +1,65 @@
+/**
+ * @description 插件构建文件模板
+ */
+
+module.exports = {
+  /**
+   * @description 入口文件
+   * @type {String}
+   * @default 'index.js'
+   */
+  main: 'index.js',
+  /**
+   * @description 支持的平台
+   * @type {String[]}
+   * @default ['mp-weixin','mp-qq','mp-baidu','mp-alipay','mp-toutiao','uni-app']
+   */
+  platform: ['mp-weixin', 'mp-qq', 'mp-baidu', 'mp-alipay', 'mp-toutiao', 'uni-app'],
+  /**
+   * @description 要被添加到模板文件中的标签（将被添加到 src/node/node.wxml）
+   * 必须要有 wx:if 表明什么情况下使用该标签
+   * n 表示标签结构体，<node> 标签用于递归显示子节点（可参考源文件中的写法）
+   * @type {String}
+   */
+  template: '',
+  /**
+   * @description 用于处理模板中事件的方法（将被添加到 src/node/node.js）
+   * 需要触发顶层组件的事件请使用 this.root.triggerEvent
+   * @type {Object}
+   */
+  methods: {
+
+  },
+  /**
+   * @description 用于模板文件的 css 样式（将被添加到 src/node/node.wxss）
+   * @type {String}
+   */
+  style: '',
+  /**
+   * @description 要被引入到模板文件的 css 文件路径（将被添加到 src/node/node.wxss）
+   * @type {String|String[]}
+   */
+  import: [],
+  /**
+   * @description 在模板中需要使用的组件或插件列表（将被添加到 src/node/node.json）
+   * @type {Object}
+   */
+  usingComponents: {
+
+  },
+  /**
+   * @description 自定义文件处理器
+   * 如果上述处理还无法满足要求，可以在此方法中进行处理
+   * 所有 src 目录下的文件和本插件目录下的文件都会经过此方法的处理
+   * @param {Vinyl} file 关于该文件对象的格式可参考 https://github.com/gulpjs/vinyl#instance-methods
+   * @param {String} platform 平台
+   */
+  handler (file, platform) {
+    let content = file.contents.toString()
+    // 进行处理
+    if (platform === 'xxx') {
+      content = content.replace('aaa', 'bbb')
+    }
+    file.contents = Buffer.from(content)
+  }
+}
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/template/index.js b/wechat-mini-program/node_modules/mp-html/plugins/template/index.js
new file mode 100644
index 0000000..bbfcb6f
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/template/index.js
@@ -0,0 +1,67 @@
+/**
+ * @fileoverview 插件入口文件模板
+ */
+
+const data = {} // 全局数据
+
+/**
+ * @description 组件被创建时将实例化插件
+ * @param {Component} vm 组件实例
+ */
+function Plugin (vm) {
+  this.vm = vm // 保存实例在其他周期使用
+  this.compData = {} // 仅在单个组件中使用的数据
+  data.xxx = 'xxx' // 记录全局数据
+}
+
+/**
+ * @description html 数据更新时触发
+ * @param {string} content 要更新的 html 字符串
+ * @param {object} config 解析配置
+ * @returns {string|void} 如果要对 html 字符串进行一些预处理，则返回处理后的字符串
+ */
+Plugin.prototype.onUpdate = function (content, config) {
+  config.ignoreTags.xxx = true // 移除 xxx 标签
+  // 对 html 内容进行预处理并返回修改，没有修改则不需要返回
+  return content
+}
+
+/**
+ * @description 解析到一个标签时触发
+ * @param {object} node 标签
+ * @param {object} parser 解析器实例
+ * @returns {boolean|void} 如果返回 false 将移除该标签
+ */
+Plugin.prototype.onParse = function (node, parser) {
+  // 处理文本标签
+  if (node.type === 'text') {
+    // node.text 文本内容
+  } else {
+    // 处理元素标签
+    // node.name 标签名
+    // node.attrs 属性列表
+    // node.children 子节点（非自闭合标签有）
+
+    if (node.name === 'xxx') {
+      parser.expose() // 如果该标签不能被 rich-text 包含，需要调用此方法暴露出来
+      // parser.options 组件传入的一些解析属性
+      // parser.stack 可以从栈中获取祖先节点
+    }
+  }
+}
+
+/**
+ * @description dom 树加载完毕时触发（load 事件）
+ */
+Plugin.prototype.onLoad = function () {
+  // 可以获取媒体 context 对象等
+}
+
+/**
+ * @description 组件被移除时触发
+ */
+Plugin.prototype.onDetached = function () {
+  // 可以释放一些必要的资源（计时器等）
+}
+
+module.exports = Plugin
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/txv-video/README.md b/wechat-mini-program/node_modules/mp-html/plugins/txv-video/README.md
new file mode 100644
index 0000000..921079e
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/txv-video/README.md
@@ -0,0 +1,18 @@
+# txv-video
+功能：使用腾讯视频  
+大小：*≈1KB*  
+支持平台：  
+
+| 微信小程序 | QQ 小程序 | 百度小程序 | 支付宝小程序 | 头条小程序 | uni-app |
+|:---:|:---:|:---:|:---:|:---:|:---:|
+| √ | √ |   |   |   | √ (h5 和 app 直接支持) |
+
+说明：  
+引入本插件后，*html* 中符合下方格式的 *iframe* 标签（*src* 中含有 *vid*）将被转为通过腾讯视频播放：  
+```html
+<iframe src="https://v.qq.com/txp/iframe/player.html?vid=xxxxxx" allowFullScreen="true"></iframe>
+```
+
+同时，其可以被 *pause-video* 属性控制  
+
+!> 本插件仅用于将官方 [腾讯视频插件](https://github.com/tvfe/txv-miniprogram-plugin) 应用于本组件，仅在微信和 *qq* 平台有效，使用前请确认已经成功申请使用该插件并按要求在小程序 *app.json* 中配置完成，否则可能报错 **This application has not registered any plugins yet** 且无法生效  
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/txv-video/build.js b/wechat-mini-program/node_modules/mp-html/plugins/txv-video/build.js
new file mode 100644
index 0000000..aefb420
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/txv-video/build.js
@@ -0,0 +1,3 @@
+module.exports = {
+  platform: ['mp-weixin', 'mp-qq', 'uni-app']
+}
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/txv-video/index.js b/wechat-mini-program/node_modules/mp-html/plugins/txv-video/index.js
new file mode 100644
index 0000000..6fcc186
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/txv-video/index.js
@@ -0,0 +1,46 @@
+/**
+ * @fileoverview txv-video 插件
+ * Include txv-video (https://github.com/tvfe/txv-miniprogram-plugin)
+ */
+const TxvVideo = function (vm) {
+  this.vm = vm
+}
+
+// #ifdef MP-WEIXIN || MP-QQ
+try {
+  const TxvContext = requirePlugin('tencentvideo')
+
+  TxvVideo.prototype.onLoad = function () {
+    setTimeout(() => {
+      for (let i = 0; i < this.videos.length; i++) {
+        const ctx = TxvContext.getTxvContext(this.videos[i])
+        ctx.id = this.videos[i]
+        this.vm._videos.push(ctx)
+      }
+    }, 50)
+  }
+} catch (e) {
+  console.error('使用txv-video扩展需注册腾讯视频插件')
+}
+
+TxvVideo.prototype.onUpdate = function (_, config) {
+  config.trustTags['txv-video'] = true
+  this.videos = []
+}
+
+TxvVideo.prototype.onParse = function (node, parser) {
+  if (node.name === 'iframe' && (node.attrs.src || '').includes('vid')) {
+    const vid = node.attrs.src.match(/vid=([^&\s]+)/)
+    if (vid) {
+      node.name = 'txv-video'
+      node.attrs.vid = vid[1]
+      this.videos.push(vid[1])
+      node.attrs.src = undefined
+      parser.expose()
+    }
+  }
+}
+
+// #endif
+
+module.exports = TxvVideo
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/txv-video/miniprogram/build.js b/wechat-mini-program/node_modules/mp-html/plugins/txv-video/miniprogram/build.js
new file mode 100644
index 0000000..fe48abf
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/txv-video/miniprogram/build.js
@@ -0,0 +1,6 @@
+module.exports = {
+  template: '<txv-video wx:if="{{n.name==\'txv-video\'}}" vid="{{n.attrs.vid}}" playerid="{{n.attrs.vid}}" id="{{n.attrs.vid}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" controls data-i="{{i}}" bindplay="play" binderror="mediaError" />',
+  usingComponents: {
+    'txv-video': 'plugin://tencentvideo/video'
+  }
+}
diff --git a/wechat-mini-program/node_modules/mp-html/plugins/txv-video/uni-app/build.js b/wechat-mini-program/node_modules/mp-html/plugins/txv-video/uni-app/build.js
new file mode 100644
index 0000000..326de3b
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/plugins/txv-video/uni-app/build.js
@@ -0,0 +1,3 @@
+module.exports = {
+  template: '<txv-video v-if="n.name==\'txv-video\'" :vid="n.attrs.vid" :playerid="n.attrs.vid" :id="n.attrs.vid" :class="n.attrs.class" :style="n.attrs.style" controls :data-i="i" @play="play" @error="mediaError" />'
+}
diff --git a/wechat-mini-program/node_modules/mp-html/src/miniprogram/index.js b/wechat-mini-program/node_modules/mp-html/src/miniprogram/index.js
new file mode 100644
index 0000000..4917a0f
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/src/miniprogram/index.js
@@ -0,0 +1,396 @@
+/*!
+ * mp-html v2.5.1
+ * https://github.com/jin-yufeng/mp-html
+ *
+ * Released under the MIT license
+ * Author: Jin Yufeng
+ */
+const Parser = require('./parser')
+const plugins = []
+
+Component({
+  data: {
+    nodes: []
+  },
+  properties: {
+    /**
+     * @description 容器的样式
+     * @type {String}
+     */
+    containerStyle: String,
+
+    /**
+     * @description 用于渲染的 html 字符串
+     * @type {String}
+     */
+    content: {
+      type: String,
+      value: '',
+      observer (content) {
+        this.setContent(content)
+      }
+    },
+
+    /**
+     * @description 是否允许外部链接被点击时自动复制
+     * @type {Boolean}
+     * @default true
+     */
+    copyLink: {
+      type: Boolean,
+      value: true
+    },
+
+    /**
+     * @description 主域名，用于拼接链接
+     * @type {String}
+     */
+    domain: String,
+
+    /**
+     * @description 图片出错时的占位图链接
+     * @type {String}
+     */
+    errorImg: String,
+
+    /**
+     * @description 是否开启图片懒加载
+     * @type {Boolean}
+     * @default false
+     */
+    lazyLoad: Boolean,
+
+    /**
+     * @description 图片加载过程中的占位图链接
+     * @type {String}
+     */
+    loadingImg: String,
+
+    /**
+     * @description 是否在播放一个视频时自动暂停其他视频
+     * @type {Boolean}
+     * @default true
+     */
+    pauseVideo: {
+      type: Boolean,
+      value: true
+    },
+
+    /**
+     * @description 是否允许图片被点击时自动预览
+     * @type {Boolean | String}
+     * @default true
+     */
+    previewImg: {
+      type: null,
+      value: true
+    },
+
+    /**
+     * @description 是否给每个表格添加一个滚动层使其能单独横向滚动
+     * @type {Boolean}
+     * @default false
+     */
+    scrollTable: Boolean,
+
+    /**
+     * @description 是否开启长按复制
+     * @type {Boolean | String}
+     * @default false
+     */
+    selectable: null,
+
+    /**
+     * @description 是否将 title 标签的内容设置到页面标题
+     * @type {Boolean}
+     * @default true
+     */
+    setTitle: {
+      type: Boolean,
+      value: true
+    },
+
+    /**
+     * @description 是否允许图片被长按时显示菜单
+     * @type {Boolean}
+     * @default true
+     */
+    showImgMenu: {
+      type: Boolean,
+      value: true
+    },
+
+    /**
+     * @description 标签的默认样式
+     * @type {Object}
+     */
+    tagStyle: Object,
+
+    /**
+     * @description 是否使用锚点链接
+     * @type {Boolean | Number}
+     * @default false
+     */
+    useAnchor: null
+  },
+
+  created () {
+    this.plugins = []
+    for (let i = plugins.length; i--;) {
+      this.plugins.push(new plugins[i](this))
+    }
+
+    // #ifdef MP-ALIPAY
+    if (this.properties.content) {
+      this.setContent(this.properties.content)
+    }
+    // #endif
+  },
+
+  // #ifdef MP-ALIPAY
+  didUpdate (e) {
+    if (e.content !== this.properties.content) {
+      this.setContent(this.properties.content)
+    }
+  },
+  // #endif
+
+  detached () {
+    // 注销插件
+    this._hook('onDetached')
+  },
+
+  methods: {
+    /**
+     * @description 将锚点跳转的范围限定在一个 scroll-view 内
+     * @param {Object} page scroll-view 所在页面的示例
+     * @param {String} selector scroll-view 的选择器
+     * @param {String} scrollTop scroll-view scroll-top 属性绑定的变量名
+     */
+    in (page, selector, scrollTop) {
+      if (page && selector && scrollTop) {
+        this._in = {
+          page,
+          selector,
+          scrollTop
+        }
+      }
+    },
+
+    /**
+     * @description 锚点跳转
+     * @param {String} id 要跳转的锚点 id
+     * @param {Number} offset 跳转位置的偏移量
+     * @returns {Promise}
+     */
+    navigateTo (id, offset) {
+      return new Promise((resolve, reject) => {
+        if (!this.properties.useAnchor) {
+          reject(Error('Anchor is disabled'))
+          return
+        }
+        // 跨组件选择器
+        const deep =
+          // #ifdef MP-WEIXIN || MP-QQ || MP-TOUTIAO
+          '>>>'
+        // #endif
+        // #ifdef MP-BAIDU || MP-ALIPAY
+        ' ' // eslint-disable-line
+        // #endif
+        const selector = wx.createSelectorQuery()
+          // #ifndef MP-ALIPAY
+          .in(this._in ? this._in.page : this)
+          // #endif
+          .select((this._in ? this._in.selector : '._root') + (id ? `${deep}#${id}` : '')).boundingClientRect()
+        if (this._in) {
+          selector.select(this._in.selector).scrollOffset()
+            .select(this._in.selector).boundingClientRect()
+        } else {
+          // 获取 scroll-view 的位置和滚动距离
+          selector.selectViewport().scrollOffset() // 获取窗口的滚动距离
+        }
+        selector.exec(res => {
+          if (!res[0]) {
+            reject(Error('Label not found'))
+            return
+          }
+          const scrollTop = res[1].scrollTop + res[0].top - (res[2] ? res[2].top : 0) + (offset || parseInt(this.properties.useAnchor) || 0)
+          if (this._in) {
+            // scroll-view 跳转
+            this._in.page.setData({
+              [this._in.scrollTop]: scrollTop
+            })
+          } else {
+            // 页面跳转
+            wx.pageScrollTo({
+              scrollTop,
+              duration: 300
+            })
+          }
+          resolve()
+        })
+      })
+    },
+
+    /**
+     * @description 获取文本内容
+     * @returns {String}
+     */
+    getText (nodes) {
+      let text = '';
+      (function traversal (nodes) {
+        for (let i = 0; i < nodes.length; i++) {
+          const node = nodes[i]
+          if (node.type === 'text') {
+            text += node.text.replace(/&amp;/g, '&')
+          } else if (node.name === 'br') {
+            text += '\n'
+          } else {
+            // 块级标签前后加换行
+            const isBlock = node.name === 'p' || node.name === 'div' || node.name === 'tr' || node.name === 'li' || (node.name[0] === 'h' && node.name[1] > '0' && node.name[1] < '7')
+            if (isBlock && text && text[text.length - 1] !== '\n') {
+              text += '\n'
+            }
+            // 递归获取子节点的文本
+            if (node.children) {
+              traversal(node.children)
+            }
+            if (isBlock && text[text.length - 1] !== '\n') {
+              text += '\n'
+            } else if (node.name === 'td' || node.name === 'th') {
+              text += '\t'
+            }
+          }
+        }
+      })(nodes || this.data.nodes)
+      return text
+    },
+
+    /**
+     * @description 获取内容大小
+     * @returns {Promise}
+     */
+    getRect () {
+      return new Promise((resolve, reject) => {
+        wx.createSelectorQuery()
+          // #ifndef MP-ALIPAY
+          .in(this)
+          // #endif
+          .select('._root').boundingClientRect().exec(res => res[0] ? resolve(res[0]) : reject(Error('Root label not found')))
+      })
+    },
+
+    /**
+     * @description 暂停播放媒体
+     */
+    pauseMedia () {
+      for (let i = (this._videos || []).length; i--;) {
+        this._videos[i].pause()
+      }
+    },
+
+    /**
+     * @description 设置媒体播放速率
+     * @param {Number} rate 播放速率
+     */
+    setPlaybackRate (rate) {
+      this.playbackRate = rate
+      for (let i = (this._videos || []).length; i--;) {
+        this._videos[i].playbackRate(rate)
+      }
+    },
+
+    /**
+     * @description 设置富文本内容
+     * @param {string} content 要渲染的 html 字符串
+     * @param {boolean} append 是否在尾部追加
+     */
+    setContent (content, append) {
+      if (!this.imgList || !append) {
+        this.imgList = []
+      }
+      this._videos = []
+
+      const data = {}
+      const nodes = new Parser(this).parse(content)
+      // 尾部追加内容
+      if (append) {
+        for (let i = this.data.nodes.length, j = nodes.length; j--;) {
+          data[`nodes[${i + j}]`] = nodes[j]
+        }
+      } else {
+        data.nodes = nodes
+      }
+
+      this.setData(data,
+        // #ifndef MP-TOUTIAO
+        () => {
+          this._hook('onLoad')
+          this.triggerEvent('load')
+        }
+        // #endif
+      )
+
+      // #ifdef MP-TOUTIAO
+      this.selectComponent('#_root', child => {
+        child.root = this
+        this._hook('onLoad')
+        this.triggerEvent('load')
+      })
+      // #endif
+
+      if (this.properties.lazyLoad || this.imgList._unloadimgs < this.imgList.length / 2) {
+        // 设置懒加载，每 350ms 获取高度，不变则认为加载完毕
+        let height = 0
+        const callback = rect => {
+          if (!rect || !rect.height) rect = {}
+          // 350ms 总高度无变化就触发 ready 事件
+          if (rect.height === height) {
+            this.triggerEvent('ready', rect)
+          } else {
+            height = rect.height
+            setTimeout(() => {
+              this.getRect().then(callback).catch(callback)
+            }, 350)
+          }
+        }
+        this.getRect().then(callback).catch(callback)
+      } else {
+        // 未设置懒加载，等待所有图片加载完毕
+        if (!this.imgList._unloadimgs) {
+          this.getRect().then(rect => {
+            this.triggerEvent('ready', rect)
+          }).catch(() => {
+            this.triggerEvent('ready', {})
+          })
+        }
+      }
+    },
+
+    /**
+     * @description 调用插件的钩子函数
+     * @private
+     */
+    _hook (name) {
+      for (let i = plugins.length; i--;) {
+        if (this.plugins[i][name]) {
+          this.plugins[i][name]()
+        }
+      }
+    },
+
+    // #ifndef MP-TOUTIAO
+    /**
+     * @description 添加子组件
+     * @private
+     */
+    _add (e) {
+      e
+        // #ifndef MP-ALIPAY
+        .detail
+        // #endif
+        .root = this
+    }
+    // #endif
+  }
+})
diff --git a/wechat-mini-program/node_modules/mp-html/src/miniprogram/index.json b/wechat-mini-program/node_modules/mp-html/src/miniprogram/index.json
new file mode 100644
index 0000000..f55f207
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/src/miniprogram/index.json
@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "node": "./node/node"
+  }
+}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/src/miniprogram/index.wxml b/wechat-mini-program/node_modules/mp-html/src/miniprogram/index.wxml
new file mode 100644
index 0000000..3ae2d6b
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/src/miniprogram/index.wxml
@@ -0,0 +1,7 @@
+<!-- 主组件 -->
+<view class="_root {{selectable?'_select':''}}" style="{{containerStyle}}">
+  <!-- 加载完成前显示自定义 loading -->
+  <slot wx:if="{{!nodes[0]}}" />
+  <!-- 节点树 -->
+  <node id="_root" childs="{{nodes}}" opts="{{[lazyLoad,loadingImg,errorImg,showImgMenu,selectable]}}" mp-weixin:mp-qq:mp-baidu:catchadd="_add" mp-alipay:onAdd="_add" />
+</view>
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/src/miniprogram/index.wxss b/wechat-mini-program/node_modules/mp-html/src/miniprogram/index.wxss
new file mode 100644
index 0000000..c962f3b
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/src/miniprogram/index.wxss
@@ -0,0 +1,13 @@
+/* 根节点样式 */
+._root {
+  padding: 1px 0;
+  overflow-x: auto;
+  overflow-y: hidden;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 长按复制 */
+._select {
+  -webkit-user-select: text;
+  user-select: text;
+}
diff --git a/wechat-mini-program/node_modules/mp-html/src/miniprogram/node/node.js b/wechat-mini-program/node_modules/mp-html/src/miniprogram/node/node.js
new file mode 100644
index 0000000..76d3d2b
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/src/miniprogram/node/node.js
@@ -0,0 +1,247 @@
+/**
+ * @fileoverview 递归子组件，用于显示节点树
+ */
+Component({
+  data: {
+    ctrl: {}, // 控制信号
+    // #ifdef MP-WEIXIN
+    isiOS: wx.getSystemInfoSync().system.includes('iOS')
+    // #endif
+  },
+  properties: {
+    childs: Array, // 子节点列表
+    opts: Array // 设置 [是否开启懒加载, 加载中占位图, 错误占位图, 是否使用长按菜单]
+  },
+  options: {
+    addGlobalClass: true
+  },
+  // #ifndef MP-TOUTIAO
+  attached () {
+    // #ifndef MP-ALIPAY
+    this.triggerEvent('add', this, {
+      bubbles: true,
+      composed: true
+    })
+    // #endif
+    // #ifdef MP-ALIPAY
+    this.props.onAdd(this)
+    // #endif
+  },
+  // #endif
+  methods: {
+    noop () { },
+    /**
+     * @description 获取标签
+     * @param {String} path 路径
+     */
+    getNode (path) {
+      try {
+        const nums = path.split('_')
+        let node = this.properties.childs[nums[0]]
+        for (let i = 1; i < nums.length; i++) {
+          node = node.children[nums[i]]
+        }
+        return node
+      } catch {
+        return {
+          text: '',
+          attrs: {},
+          children: []
+        }
+      }
+    },
+    /**
+     * @description 播放视频事件
+     * @param {Event} e
+     */
+    play (e) {
+      const i = e.target.dataset.i
+      const node = this.getNode(i)
+      this.root.triggerEvent('play', {
+        source: node.name,
+        attrs: {
+          ...node.attrs,
+          src: node.src[this.data.ctrl[i] || 0]
+        }
+      })
+      if (this.root.properties.pauseVideo) {
+        let flag = false
+        const id = e.target.id
+        for (let i = this.root._videos.length; i--;) {
+          if (this.root._videos[i].id === id) {
+            flag = true
+          } else {
+            this.root._videos[i].pause() // 自动暂停其他视频
+          }
+        }
+        // 将自己加入列表
+        if (!flag) {
+          const ctx = wx.createVideoContext(id
+            // #ifndef MP-BAIDU
+            , this
+            // #endif
+          )
+          ctx.id = id
+          if (this.root.playbackRate) {
+            ctx.playbackRate(this.root.playbackRate)
+          }
+          this.root._videos.push(ctx)
+        }
+      }
+    },
+
+    /**
+     * @description 图片点击事件
+     * @param {Event} e
+     */
+    imgTap (e) {
+      const node = this.getNode(e.target.dataset.i)
+      // 父级中有链接
+      if (node.a) return this.linkTap(node.a)
+      if (node.attrs.ignore) return
+      this.root.triggerEvent('imgtap', node.attrs)
+      if (this.root.properties.previewImg) {
+        const current =
+          // #ifndef MP-ALIPAY
+          this.root.imgList[node.i]
+        // #endif
+        // #ifdef MP-ALIPAY
+        node.i // eslint-disable-line
+        // #endif
+        // 自动预览图片
+        wx.previewImage({
+          // #ifdef MP-WEIXIN
+          showmenu: this.root.properties.showImgMenu,
+          // #endif
+          // #ifdef MP-ALIPAY
+          enablesavephoto: this.root.properties.showImgMenu,
+          enableShowPhotoDownload: this.root.properties.showImgMenu,
+          // #endif
+          current,
+          urls: this.root.imgList
+        })
+      }
+    },
+
+    /**
+     * @description 图片加载完成事件
+     * @param {Event} e
+     */
+    imgLoad (e) {
+      const i = e.target.dataset.i
+      const node = this.getNode(i)
+      let val
+      if (!node.w) {
+        val = e.detail.width
+      } else if ((this.properties.opts[1] && !this.data.ctrl[i]) || this.data.ctrl[i] === -1) {
+        // 加载完毕，取消加载中占位图
+        val = 1
+      }
+      if (val
+        // #ifdef MP-TOUTIAO
+        && val !== this.data.ctrl[i] // eslint-disable-line
+        // #endif
+      ) {
+        this.setData({
+          ['ctrl.' + i]: val
+        })
+      }
+      this.checkReady()
+    },
+
+    /**
+     * @description 检查是否所有图片加载完毕
+     */
+    checkReady () {
+      if (!this.root.properties.lazyLoad) {
+        this.root.imgList._unloadimgs -= 1
+        if (!this.root.imgList._unloadimgs) {
+          setTimeout(() => {
+            this.root.getRect().then(rect => {
+              this.root.triggerEvent('ready', rect)
+            }).catch(() => {
+              this.root.triggerEvent('ready', {})
+            })
+          }, 350)
+        }
+      }
+    },
+
+    /**
+     * @description 链接点击事件
+     * @param {Event} e
+     */
+    linkTap (e) {
+      const node = e.currentTarget ? this.getNode(e.currentTarget.dataset.i) : {}
+      const attrs = node.attrs || e
+      const href = attrs.href
+      this.root.triggerEvent('linktap', Object.assign({
+        innerText: this.root.getText(node.children || []) // 链接内的文本内容
+      }, attrs))
+      if (href) {
+        if (href[0] === '#') {
+          // 跳转锚点
+          this.root.navigateTo(href.substring(1)).catch(() => { })
+        } else if (href.split('?')[0].includes('://')) {
+          // 复制外部链接
+          if (this.root.properties.copyLink) {
+            wx.setClipboardData({
+              data: href,
+              success: () =>
+                wx.showToast({
+                  title: '链接已复制'
+                })
+            })
+          }
+        } else {
+          // 跳转页面
+          wx.navigateTo({
+            url: href,
+            fail () {
+              wx.switchTab({
+                url: href,
+                fail () { }
+              })
+            }
+          })
+        }
+      }
+    },
+
+    /**
+     * @description 错误事件
+     * @param {Event} e
+     */
+    mediaError (e) {
+      const i = e.target.dataset.i
+      const node = this.getNode(i)
+      if (node.name === 'video' || node.name === 'audio') {
+        // 加载其他源
+        let index = (this.data.ctrl[i] || 0) + 1
+        if (index > node.src.length) {
+          index = 0
+        }
+        if (index < node.src.length) {
+          return this.setData({
+            ['ctrl.' + i]: index
+          })
+        }
+      } else if (node.name === 'img') {
+        // 显示错误占位图
+        if (this.properties.opts[2]) {
+          this.setData({
+            ['ctrl.' + i]: -1
+          })
+        }
+        this.checkReady()
+      }
+      if (this.root) {
+        this.root.triggerEvent('error', {
+          source: node.name,
+          attrs: node.attrs,
+          errMsg: e.detail.errMsg
+        })
+      }
+    }
+  }
+})
diff --git a/wechat-mini-program/node_modules/mp-html/src/miniprogram/node/node.json b/wechat-mini-program/node_modules/mp-html/src/miniprogram/node/node.json
new file mode 100644
index 0000000..7bebc99
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/src/miniprogram/node/node.json
@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "node": "./node"
+  }
+}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/src/miniprogram/node/node.wxml b/wechat-mini-program/node_modules/mp-html/src/miniprogram/node/node.wxml
new file mode 100644
index 0000000..8fa2850
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/src/miniprogram/node/node.wxml
@@ -0,0 +1,112 @@
+<!-- node 递归子组件 -->
+<!-- #ifdef MP-WEIXIN || MP-QQ -->
+<wxs module="isInline">
+  // 行内标签列表
+  var inlineTags = {
+    abbr: true,
+    b: true,
+    big: true,
+    code: true,
+    del: true,
+    em: true,
+    i: true,
+    ins: true,
+    label: true,
+    q: true,
+    small: true,
+    span: true,
+    strong: true,
+    sub: true,
+    sup: true
+  }
+  /**
+   * @description 判断是否为行内标签
+   */
+  module.exports = function (tagName, style) {
+    return inlineTags[tagName] || (style || '').indexOf('inline') !== -1
+  }
+</wxs>
+<!-- #endif -->
+<template name="el">
+  <!-- 图片 -->
+  <block wx:if="{{n.name==='img'}}">
+    <!-- 表格中的图片，使用 rich-text 防止大小不正确 -->
+    <rich-text wx:if="{{n.t}}" style="display:{{n.t}}" nodes="<img class='_img' style='{{n.attrs.style}}' src='{{n.attrs.src}}'>" data-i="{{i}}" catchtap="imgTap" />
+    <block wx:else>
+      <!-- 占位图 -->
+      <image wx:if="{{(opts[1]&&!ctrl[i])||ctrl[i]<0}}" class="_img" style="{{n.attrs.style}}" src="{{ctrl[i]<0?opts[2]:opts[1]}}" mode="widthFix" />
+      <!-- 显示图片 -->
+      <image id="{{n.attrs.id}}" class="_img {{n.attrs.class}}" style="{{ctrl[i]===-1?'display:none;':''}}width:{{ctrl[i]||1}}px;height:1px;{{n.attrs.style}}" src="{{n.attrs.src}}" mode="{{!n.h?'widthFix':(!n.w?'heightFix':(n.m||'scaleToFill'))}}" lazy-load="{{opts[0]}}" mp-weixin:mp-baidu:webp="{{n.webp}}" mp-weixin:show-menu-by-longpress="{{opts[3]&&!n.attrs.ignore}}" mp-baidu:image-menu-prevent="{{!opts[3]||n.attrs.ignore}}" data-i="{{i}}" bindload="imgLoad" binderror="mediaError" catchtap="imgTap" bindlongpress="noop" />
+    </block>
+  </block>
+  <!-- 文本 -->
+  <!-- #ifdef MP-WEIXIN || MP-QQ || MP-TOUTIAO -->
+  <text wx:elif="{{n.text}}" mp-weixin:user-select="{{opts[4]=='force'&&isiOS}}" decode>{{n.text}}</text>
+  <!-- #endif -->
+  <text wx:elif="{{n.name==='br'}}">{{'\n'}}</text>
+  <!-- 链接 -->
+  <view wx:elif="{{n.name==='a'}}" id="{{n.attrs.id}}" class="{{n.attrs.href?'_a ':''}}{{n.attrs.class}}" hover-class="_hover" style="display:inline;{{n.attrs.style}}" data-i="{{i}}" catchtap="linkTap">
+    <!-- #ifdef MP-WEIXIN || MP-QQ -->
+    <node childs="{{n.children}}" opts="{{opts}}" style="display:inherit" />
+    <!-- #endif -->
+    <!-- #ifdef MP-BAIDU -->
+    <block wx:for="{{n.children}}" wx:key="index">
+      <template is="el" data="{{n:item,i:i+'_'+index,opts:opts,ctrl:ctrl}}"></template>
+    </block>
+    <!-- #endif -->
+    <!-- #ifdef MP-ALIPAY || MP-TOUTIAO -->
+    <template is="node" data="{{childs:n.children,path:i+'_',opts:opts,ctrl:ctrl}}"></template>
+    <!-- #endif -->
+  </view>
+  <!-- 视频 -->
+  <video wx:elif="{{n.name==='video'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" autoplay="{{n.attrs.autoplay}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" muted="{{n.attrs.muted}}" object-fit="{{n.attrs['object-fit']}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" bindplay="play" binderror="mediaError" />
+  <!-- #ifndef MP-TOUTIAO -->
+  <!-- 音频 -->
+  <audio wx:elif="{{n.name==='audio'}}" id="{{n.attrs.id}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}" author="{{n.attrs.author}}" controls="{{n.attrs.controls}}" loop="{{n.attrs.loop}}" name="{{n.attrs.name}}" poster="{{n.attrs.poster}}" src="{{n.src[ctrl[i]||0]}}" data-i="{{i}}" bindplay="play" binderror="mediaError" />
+  <!-- #endif -->
+  <!-- insert -->
+  <!-- 富文本 -->
+  <rich-text wx:else id="{{n.attrs.id}}" mp-weixin:mp-qq:mp-baidu:mp-toutiao:style="{{n.f}}" mp-alipay:style="display:inline;{{n.f}}" mp-baidu:selectable="{{opts[4]}}" mp-weixin:user-select="{{opts[4]}}" nodes="{{[n]}}" />
+</template>
+<!-- #ifdef MP-ALIPAY || MP-TOUTIAO -->
+<template name="node">
+  <block wx:for="{{childs}}" wx:for-item="n" wx:for-index="i" wx:key="i">
+    <template wx:if="{{!n.c}}" is="el" data="{{n:n,i:path+i,opts:opts,ctrl:ctrl}}" />
+    <view wx:else id="{{n.attrs.id}}" class="_{{n.name}} {{n.attrs.class}}" style="{{n.attrs.style}}">
+      <template is="node" data="{{childs:n.children,path:path+i+'_',opts:opts,ctrl:ctrl}}"></template>
+    </view>
+  </block>
+</template>
+<template is="node" data="{{childs:childs,path:'',opts:opts,ctrl:ctrl}}"></template>
+<!-- #endif -->
+<!-- #ifndef MP-ALIPAY || MP-TOUTIAO -->
+<!-- 第 1 层 -->
+<block wx:for="{{childs}}" wx:for-item="n1" wx:for-index="i1" wx:key="i1">
+  <template mp-weixin:mp-qq:wx:if="{{!n1.c&&(!n1.children||n1.name==='a'||!isInline(n1.name,n1.attrs.style))}}" mp-baidu:wx:if="{{!n1.c}}" is="el" data="{{n:n1,i:''+i1,opts:opts,ctrl:ctrl}}" />
+  <view wx:else id="{{n1.attrs.id}}" class="_{{n1.name}} {{n1.attrs.class}}" style="{{n1.attrs.style}}">
+    <!-- 第 2 层 -->
+    <block wx:for="{{n1.children}}" wx:for-item="n2" wx:for-index="i2" wx:key="i2">
+      <template mp-weixin:mp-qq:wx:if="{{!n2.c&&(!n2.children||n2.name==='a'||!isInline(n2.name,n2.attrs.style))}}" mp-baidu:wx:if="{{!n2.c}}" is="el" data="{{n:n2,i:i1+'_'+i2,opts:opts,ctrl:ctrl}}" />
+      <view wx:else id="{{n2.attrs.id}}" class="_{{n2.name}} {{n2.attrs.class}}" style="{{n2.attrs.style}}">
+        <!-- 第 3 层 -->
+        <block wx:for="{{n2.children}}" wx:for-item="n3" wx:for-index="i3" wx:key="i3">
+          <template mp-weixin:mp-qq:wx:if="{{!n3.c&&(!n3.children||n3.name==='a'||!isInline(n3.name,n3.attrs.style))}}" mp-baidu:wx:if="{{!n3.c}}" is="el" data="{{n:n3,i:i1+'_'+i2+'_'+i3,opts:opts,ctrl:ctrl}}" />
+          <view wx:else id="{{n3.attrs.id}}" class="_{{n3.name}} {{n3.attrs.class}}" style="{{n3.attrs.style}}">
+            <!-- 第 4 层 -->
+            <block wx:for="{{n3.children}}" wx:for-item="n4" wx:for-index="i4" wx:key="i4">
+              <template mp-weixin:mp-qq:wx:if="{{!n4.c&&(!n4.children||n4.name==='a'||!isInline(n4.name,n4.attrs.style))}}" mp-baidu:wx:if="{{!n4.c}}" is="el" data="{{n:n4,i:i1+'_'+i2+'_'+i3+'_'+i4,opts:opts,ctrl:ctrl}}" />
+              <view wx:else id="{{n4.attrs.id}}" class="_{{n4.name}} {{n4.attrs.class}}" style="{{n4.attrs.style}}">
+                <!-- 第 5 层 -->
+                <block wx:for="{{n4.children}}" wx:for-item="n5" wx:for-index="i5" wx:key="i5">
+                  <template mp-weixin:mp-qq:wx:if="{{!n5.c&&(!n5.children||n5.name==='a'||!isInline(n5.name,n5.attrs.style))}}" mp-baidu:wx:if="{{!n5.c}}" is="el" data="{{n:n5,i:i1+'_'+i2+'_'+i3+'_'+i4+'_'+i5,opts:opts,ctrl:ctrl}}" />
+                  <node wx:else id="{{n5.attrs.id}}" class="_{{n5.name}} {{n5.attrs.class}}" style="{{n5.attrs.style}}" childs="{{n5.children}}" opts="{{opts}}" />
+                </block>
+              </view>
+            </block>
+          </view>
+        </block>
+      </view>
+    </block>
+  </view>
+</block>
+<!-- #endif -->
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/src/miniprogram/node/node.wxss b/wechat-mini-program/node_modules/mp-html/src/miniprogram/node/node.wxss
new file mode 100644
index 0000000..99b8d86
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/src/miniprogram/node/node.wxss
@@ -0,0 +1,164 @@
+/* a 标签默认效果 */
+._a {
+  padding: 1.5px 0 1.5px 0;
+  color: #366092;
+  word-break: break-all;
+}
+
+/* a 标签点击态效果 */
+._hover {
+  text-decoration: underline;
+  opacity: 0.7;
+}
+
+/* 图片默认效果 */
+._img {
+  max-width: 100%;
+  -webkit-touch-callout: none;
+}
+
+/* 内部样式 */
+
+._b,
+._strong {
+  font-weight: bold;
+}
+
+._code {
+  font-family: monospace;
+}
+
+._del {
+  text-decoration: line-through;
+}
+
+._em,
+._i {
+  font-style: italic;
+}
+
+._h1 {
+  font-size: 2em;
+}
+
+._h2 {
+  font-size: 1.5em;
+}
+
+._h3 {
+  font-size: 1.17em;
+}
+
+._h5 {
+  font-size: 0.83em;
+}
+
+._h6 {
+  font-size: 0.67em;
+}
+
+._h1,
+._h2,
+._h3,
+._h4,
+._h5,
+._h6 {
+  display: block;
+  font-weight: bold;
+}
+
+._ins {
+  text-decoration: underline;
+}
+
+._li {
+  display: list-item;
+}
+
+._ol {
+  list-style-type: decimal;
+}
+
+._ol,
+._ul {
+  display: block;
+  padding-left: 40px;
+  margin: 1em 0;
+}
+
+._q::before {
+  content: '"';
+}
+
+._q::after {
+  content: '"';
+}
+
+._sub {
+  font-size: smaller;
+  vertical-align: sub;
+}
+
+._sup {
+  font-size: smaller;
+  vertical-align: super;
+}
+
+._thead,
+._tbody,
+._tfoot {
+  display: table-row-group;
+}
+
+._tr {
+  display: table-row;
+}
+
+._td,
+._th {
+  display: table-cell;
+  vertical-align: middle;
+}
+
+._th {
+  font-weight: bold;
+  text-align: center;
+}
+
+._ul {
+  list-style-type: disc;
+}
+
+._ul ._ul {
+  margin: 0;
+  list-style-type: circle;
+}
+
+._ul ._ul ._ul {
+  list-style-type: square;
+}
+
+._abbr,
+._b,
+._code,
+._del,
+._em,
+._i,
+._ins,
+._label,
+._q,
+._span,
+._strong,
+._sub,
+._sup {
+  display: inline;
+}
+
+/* #ifndef MP-ALIPAY || MP-TOUTIAO */
+._blockquote,
+._div,
+._p {
+  display: block;
+}
+
+/* #endif */
diff --git a/wechat-mini-program/node_modules/mp-html/src/miniprogram/parser.js b/wechat-mini-program/node_modules/mp-html/src/miniprogram/parser.js
new file mode 100644
index 0000000..63749ac
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/src/miniprogram/parser.js
@@ -0,0 +1,1276 @@
+/**
+ * @fileoverview html 解析器
+ */
+
+// 配置
+const config = {
+  // 信任的标签（保持标签名不变）
+  trustTags: makeMap('a,abbr,ad,audio,b,blockquote,br,code,col,colgroup,dd,del,dl,dt,div,em,fieldset,h1,h2,h3,h4,h5,h6,hr,i,img,ins,label,legend,li,ol,p,q,ruby,rt,source,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,title,ul,video'),
+
+  // 块级标签（转为 div，其他的非信任标签转为 span）
+  blockTags: makeMap('address,article,aside,body,caption,center,cite,footer,header,html,nav,pre,section'),
+
+  // 要移除的标签
+  ignoreTags: makeMap('area,base,canvas,embed,frame,head,iframe,input,link,map,meta,param,rp,script,source,style,textarea,title,track,wbr'),
+
+  // 自闭合标签
+  voidTags: makeMap('area,base,br,col,circle,ellipse,embed,frame,hr,img,input,line,link,meta,param,path,polygon,rect,source,track,use,wbr'),
+
+  // html 实体
+  entities: {
+    lt: '<',
+    gt: '>',
+    quot: '"',
+    apos: "'",
+    ensp: '\u2002',
+    emsp: '\u2003',
+    nbsp: '\xA0',
+    semi: ';',
+    ndash: '–',
+    mdash: '—',
+    middot: '·',
+    lsquo: '‘',
+    rsquo: '’',
+    ldquo: '“',
+    rdquo: '”',
+    bull: '•',
+    hellip: '…',
+    larr: '←',
+    uarr: '↑',
+    rarr: '→',
+    darr: '↓'
+  },
+
+  // 默认的标签样式
+  tagStyle: {
+    address: 'font-style:italic',
+    big: 'display:inline;font-size:1.2em',
+    caption: 'display:table-caption;text-align:center',
+    center: 'text-align:center',
+    cite: 'font-style:italic',
+    dd: 'margin-left:40px',
+    mark: 'background-color:yellow',
+    pre: 'font-family:monospace;white-space:pre',
+    s: 'text-decoration:line-through',
+    small: 'display:inline;font-size:0.8em',
+    strike: 'text-decoration:line-through',
+    u: 'text-decoration:underline'
+  },
+
+  // svg 大小写对照表
+  svgDict: {
+    animatetransform: 'animateTransform',
+    lineargradient: 'linearGradient',
+    viewbox: 'viewBox',
+    attributename: 'attributeName',
+    repeatcount: 'repeatCount',
+    repeatdur: 'repeatDur',
+    foreignobject: 'foreignObject'
+  }
+}
+const tagSelector = {}
+let windowWidth, system
+// #ifdef MP-WEIXIN
+if (wx.canIUse('getWindowInfo')) {
+  windowWidth = wx.getWindowInfo().windowWidth
+  system = wx.getDeviceInfo().system
+} else {
+// #endif
+  const systemInfo = wx.getSystemInfoSync()
+  windowWidth = systemInfo.windowWidth
+  // #ifdef MP-WEIXIN
+  system = systemInfo.system
+}
+// #endif
+const blankChar = makeMap(' ,\r,\n,\t,\f')
+let idIndex = 0
+
+/**
+ * @description 创建 map
+ * @param {String} str 逗号分隔
+ */
+function makeMap (str) {
+  const map = Object.create(null)
+  const list = str.split(',')
+  for (let i = list.length; i--;) {
+    map[list[i]] = true
+  }
+  return map
+}
+
+/**
+ * @description 解码 html 实体
+ * @param {String} str 要解码的字符串
+ * @param {Boolean} amp 要不要解码 &amp;
+ * @returns {String} 解码后的字符串
+ */
+function decodeEntity (str, amp) {
+  let i = str.indexOf('&')
+  while (i !== -1) {
+    const j = str.indexOf(';', i + 3)
+    let code
+    if (j === -1) break
+    if (str[i + 1] === '#') {
+      // &#123; 形式的实体
+      code = parseInt((str[i + 2] === 'x' ? '0' : '') + str.substring(i + 2, j))
+      if (!isNaN(code)) {
+        str = str.substr(0, i) + String.fromCharCode(code) + str.substr(j + 1)
+      }
+    } else {
+      // &nbsp; 形式的实体
+      code = str.substring(i + 1, j)
+      if (config.entities[code] || (code === 'amp' && amp)) {
+        str = str.substr(0, i) + (config.entities[code] || '&') + str.substr(j + 1)
+      }
+    }
+    i = str.indexOf('&', i + 1)
+  }
+  return str
+}
+
+/**
+ * @description 合并多个块级标签，加快长内容渲染
+ * @param {Array} nodes 要合并的标签数组
+ */
+function mergeNodes (nodes) {
+  let i = nodes.length - 1
+  for (let j = i; j >= -1; j--) {
+    if (j === -1 || nodes[j].c || !nodes[j].name || (nodes[j].name !== 'div' && nodes[j].name !== 'p' && nodes[j].name[0] !== 'h') || (nodes[j].attrs.style || '').includes('inline')) {
+      if (i - j >= 5) {
+        nodes.splice(j + 1, i - j, {
+          name: 'div',
+          attrs: {},
+          children: nodes.slice(j + 1, i + 1)
+        })
+      }
+      i = j - 1
+    }
+  }
+}
+
+/**
+ * @description html 解析器
+ * @param {Object} vm 组件实例
+ */
+function Parser (vm) {
+  this.options = vm.properties || {}
+  this.tagStyle = Object.assign({}, config.tagStyle, this.options.tagStyle)
+  this.imgList = vm.imgList || []
+  this.imgList._unloadimgs = 0
+  this.plugins = vm.plugins || []
+  this.attrs = Object.create(null)
+  this.stack = []
+  this.nodes = []
+  this.pre = (this.options.containerStyle || '').includes('white-space') && this.options.containerStyle.includes('pre') ? 2 : 0
+}
+
+/**
+ * @description 执行解析
+ * @param {String} content 要解析的文本
+ */
+Parser.prototype.parse = function (content) {
+  // 插件处理
+  for (let i = this.plugins.length; i--;) {
+    if (this.plugins[i].onUpdate) {
+      content = this.plugins[i].onUpdate(content, config) || content
+    }
+  }
+
+  new Lexer(this).parse(content)
+  // 出栈未闭合的标签
+  while (this.stack.length) {
+    this.popNode()
+  }
+  if (this.nodes.length > 50) {
+    mergeNodes(this.nodes)
+  }
+  return this.nodes
+}
+
+/**
+ * @description 将标签暴露出来（不被 rich-text 包含）
+ */
+Parser.prototype.expose = function () {
+  for (let i = this.stack.length; i--;) {
+    const item = this.stack[i]
+    if (item.c || item.name === 'a' || item.name === 'video' || item.name === 'audio') return
+    item.c = 1
+  }
+}
+
+/**
+ * @description 处理插件
+ * @param {Object} node 要处理的标签
+ * @returns {Boolean} 是否要移除此标签
+ */
+Parser.prototype.hook = function (node) {
+  for (let i = this.plugins.length; i--;) {
+    if (this.plugins[i].onParse && this.plugins[i].onParse(node, this) === false) return false
+  }
+  return true
+}
+
+/**
+ * @description 将链接拼接上主域名
+ * @param {String} url 需要拼接的链接
+ * @returns {String} 拼接后的链接
+ */
+Parser.prototype.getUrl = function (url) {
+  const domain = this.options.domain
+  if (url[0] === '/') {
+    if (url[1] === '/') {
+      // // 开头的补充协议名
+      url = (domain ? domain.split('://')[0] : 'http') + ':' + url
+    } else if (domain) {
+      // 否则补充整个域名
+      url = domain + url
+    }
+  } else if (domain && !url.includes('data:') && !url.includes('://')) {
+    url = domain + '/' + url
+  }
+  return url
+}
+
+/**
+ * @description 解析样式表
+ * @param {Object} node 标签
+ * @returns {Object}
+ */
+Parser.prototype.parseStyle = function (node) {
+  const attrs = node.attrs
+  const list = (this.tagStyle[node.name] || '').split(';').concat((attrs.style || '').split(';'))
+  const styleObj = {}
+  let tmp = ''
+
+  if (attrs.id && !this.xml) {
+    // 暴露锚点
+    if (this.options.useAnchor) {
+      this.expose()
+    } else if (node.name !== 'img' && node.name !== 'a' && node.name !== 'video' && node.name !== 'audio') {
+      attrs.id = undefined
+    }
+  }
+
+  // 转换 width 和 height 属性
+  if (attrs.width) {
+    styleObj.width = parseFloat(attrs.width) + (attrs.width.includes('%') ? '%' : 'px')
+    attrs.width = undefined
+  }
+  if (attrs.height) {
+    styleObj.height = parseFloat(attrs.height) + (attrs.height.includes('%') ? '%' : 'px')
+    attrs.height = undefined
+  }
+
+  for (let i = 0, len = list.length; i < len; i++) {
+    const info = list[i].split(':')
+    if (info.length < 2) continue
+    const key = info.shift().trim().toLowerCase()
+    let value = info.join(':').trim()
+    if ((value[0] === '-' && value.lastIndexOf('-') > 0) || value.includes('safe')) {
+      // 兼容性的 css 不压缩
+      tmp += `;${key}:${value}`
+    } else if (!styleObj[key] || value.includes('import') || !styleObj[key].includes('import')) {
+      // 重复的样式进行覆盖
+      if (value.includes('url')) {
+        // 填充链接
+        let j = value.indexOf('(') + 1
+        if (j) {
+          while (value[j] === '"' || value[j] === "'" || blankChar[value[j]]) {
+            j++
+          }
+          value = value.substr(0, j) + this.getUrl(value.substr(j))
+        }
+      } else if (value.includes('rpx')) {
+        // 转换 rpx（rich-text 内部不支持 rpx）
+        value = value.replace(/[0-9.]+\s*rpx/g, $ => parseFloat($) * windowWidth / 750 + 'px')
+      }
+      styleObj[key] = value
+    }
+  }
+
+  node.attrs.style = tmp
+  return styleObj
+}
+
+/**
+ * @description 解析到标签名
+ * @param {String} name 标签名
+ * @private
+ */
+Parser.prototype.onTagName = function (name) {
+  this.tagName = this.xml ? name : name.toLowerCase()
+  if (this.tagName === 'svg') {
+    this.xml = (this.xml || 0) + 1 // svg 标签内大小写敏感
+    config.ignoreTags.style = undefined // svg 标签内 style 可用
+  }
+}
+
+/**
+ * @description 解析到属性名
+ * @param {String} name 属性名
+ * @private
+ */
+Parser.prototype.onAttrName = function (name) {
+  name = this.xml ? name : name.toLowerCase()
+  if (name.substr(0, 5) === 'data-') {
+    if (name === 'data-src' && !this.attrs.src) {
+      // data-src 自动转为 src
+      this.attrName = 'src'
+    } else if (this.tagName === 'img' || this.tagName === 'a') {
+      // a 和 img 标签保留 data- 的属性，可以在 imgtap 和 linktap 事件中使用
+      this.attrName = name
+    } else {
+      // 剩余的移除以减小大小
+      this.attrName = undefined
+    }
+  } else {
+    this.attrName = name
+    this.attrs[name] = 'T' // boolean 型属性缺省设置
+  }
+}
+
+/**
+ * @description 解析到属性值
+ * @param {String} val 属性值
+ * @private
+ */
+Parser.prototype.onAttrVal = function (val) {
+  const name = this.attrName || ''
+  if (name === 'style' || name === 'href') {
+    // 部分属性进行实体解码
+    this.attrs[name] = decodeEntity(val, true)
+  } else if (name.includes('src')) {
+    // 拼接主域名
+    this.attrs[name] = this.getUrl(decodeEntity(val, true))
+  } else if (name) {
+    this.attrs[name] = val
+  }
+}
+
+/**
+ * @description 解析到标签开始
+ * @param {Boolean} selfClose 是否有自闭合标识 />
+ * @private
+ */
+Parser.prototype.onOpenTag = function (selfClose) {
+  // 拼装 node
+  const node = Object.create(null)
+  node.name = this.tagName
+  node.attrs = this.attrs
+  this.attrs = Object.create(null)
+
+  const attrs = node.attrs
+  const parent = this.stack[this.stack.length - 1]
+  const siblings = parent ? parent.children : this.nodes
+  const close = this.xml ? selfClose : config.voidTags[node.name]
+
+  // 替换标签名选择器
+  if (tagSelector[node.name]) {
+    attrs.class = tagSelector[node.name] + (attrs.class ? ' ' + attrs.class : '')
+  }
+
+  // 转换 embed 标签
+  if (node.name === 'embed') {
+    const src = attrs.src || ''
+    // 按照后缀名和 type 将 embed 转为 video 或 audio
+    if (src.includes('.mp4') || src.includes('.3gp') || src.includes('.m3u8') || (attrs.type || '').includes('video')) {
+      node.name = 'video'
+    } else if (src.includes('.mp3') || src.includes('.wav') || src.includes('.aac') || src.includes('.m4a') || (attrs.type || '').includes('audio')) {
+      node.name = 'audio'
+    }
+    if (attrs.autostart) {
+      attrs.autoplay = 'T'
+    }
+    attrs.controls = 'T'
+  }
+
+  // 处理音视频
+  if (node.name === 'video' || node.name === 'audio') {
+    // 设置 id，用于获取 context
+    if (node.name === 'video' && !attrs.id) {
+      attrs.id = 'v' + idIndex++
+    }
+    // 没有设置 controls 也没有设置 autoplay 的自动设置 controls
+    if (!attrs.controls && !attrs.autoplay) {
+      attrs.controls = 'T'
+    }
+    // 用数组存储所有可用的 source
+    node.src = []
+    if (attrs.src) {
+      node.src.push(attrs.src)
+      attrs.src = undefined
+    }
+    this.expose()
+  }
+
+  // 处理自闭合标签
+  if (close) {
+    // 要被移除的标签
+    if (!this.hook(node) || config.ignoreTags[node.name]) {
+      if (node.name === 'base' && !this.options.domain) {
+        // 通过 base 标签设置主域名
+        this.options.domain = attrs.href
+      } else if (node.name === 'source' && parent && (parent.name === 'video' || parent.name === 'audio') && attrs.src) {
+        // 设置 source 标签（仅父节点为 video 或 audio 时有效）
+        parent.src.push(attrs.src)
+      }
+      return
+    }
+
+    // 解析 style
+    const styleObj = this.parseStyle(node)
+
+    // 处理图片
+    if (node.name === 'img') {
+      if (attrs.src) {
+        // 标记 webp
+        if (attrs.src.includes('webp')) {
+          node.webp = 'T'
+        }
+        // data url 图片如果没有设置 original-src 默认为不可预览的小图片
+        if (attrs.src.includes('data:') && this.options.previewImg !== 'all' && !attrs['original-src']) {
+          attrs.ignore = 'T'
+        }
+        if (!attrs.ignore || node.webp || attrs.src.includes('cloud://')) {
+          for (let i = this.stack.length; i--;) {
+            const item = this.stack[i]
+            if (item.name === 'table' && !node.webp && !attrs.src.includes('cloud://')) {
+              if (!styleObj.display || styleObj.display.includes('inline')) {
+                node.t = 'inline-block'
+              } else {
+                node.t = styleObj.display
+              }
+              styleObj.display = undefined
+            }
+            const style = item.attrs.style || ''
+            if (style.includes('flex:') && !style.includes('flex:0') && !style.includes('flex: 0') && (!styleObj.width || parseInt(styleObj.width) > 100)) {
+              styleObj.width = '100% !important'
+              styleObj.height = ''
+              for (let j = i + 1; j < this.stack.length; j++) {
+                this.stack[j].attrs.style = (this.stack[j].attrs.style || '').replace('inline-', '')
+              }
+            } else if (style.includes('flex') && styleObj.width === '100%') {
+              for (let j = i + 1; j < this.stack.length; j++) {
+                const style = this.stack[j].attrs.style || ''
+                if (!style.includes(';width') && !style.includes(' width') && style.indexOf('width') !== 0) {
+                  styleObj.width = ''
+                  break
+                }
+              }
+            } else if (style.includes('inline-block')) {
+              if (styleObj.width && styleObj.width[styleObj.width.length - 1] === '%') {
+                item.attrs.style += ';max-width:' + styleObj.width
+                styleObj.width = ''
+              } else {
+                item.attrs.style += ';max-width:100%'
+              }
+            }
+            if (item.name === 'a') {
+              node.a = item.attrs
+            } else {
+              item.c = 1
+            }
+          }
+          node.i = this.imgList.length
+          let src = attrs['original-src'] || attrs.src
+          // #ifndef MP-ALIPAY
+          if (this.imgList.includes(src)) {
+            // 如果有重复的链接则对域名进行随机大小写变换避免预览时错位
+            let i = src.indexOf('://')
+            if (i !== -1) {
+              i += 3
+              let newSrc = src.substr(0, i)
+              for (; i < src.length; i++) {
+                if (src[i] === '/') break
+                newSrc += Math.random() > 0.5 ? src[i].toUpperCase() : src[i]
+              }
+              newSrc += src.substr(i)
+              src = newSrc
+            }
+          }
+          // #endif
+          this.imgList.push(src)
+          if (!node.t) {
+            this.imgList._unloadimgs += 1
+          }
+        }
+      }
+      if (styleObj.display === 'inline') {
+        styleObj.display = ''
+      }
+      if (attrs.ignore) {
+        styleObj['max-width'] = styleObj['max-width'] || '100%'
+        attrs.style += ';-webkit-touch-callout:none'
+      }
+      // 设置的宽度超出屏幕，为避免变形，高度转为自动
+      if (parseInt(styleObj.width) > windowWidth) {
+        styleObj.height = undefined
+      }
+      // 记录是否设置了宽高
+      if (!isNaN(parseInt(styleObj.width))) {
+        node.w = 'T'
+      }
+      if (!isNaN(parseInt(styleObj.height)) && (!styleObj.height.includes('%') || (parent && (parent.attrs.style || '').includes('height')))) {
+        node.h = 'T'
+      }
+      if (node.w && node.h && styleObj['object-fit']) {
+        if (styleObj['object-fit'] === 'contain') {
+          node.m = 'aspectFit'
+        } else if (styleObj['object-fit'] === 'cover') {
+          node.m = 'aspectFill'
+        }
+      }
+    } else if (node.name === 'svg') {
+      siblings.push(node)
+      this.stack.push(node)
+      this.popNode()
+      return
+    }
+    for (const key in styleObj) {
+      if (styleObj[key]) {
+        attrs.style += `;${key}:${styleObj[key].replace(' !important', '')}`
+      }
+    }
+    attrs.style = attrs.style.substr(1) || undefined
+    // #ifdef MP-BAIDU
+    if (!attrs.style) {
+      delete attrs.style
+    }
+    // #endif
+  } else {
+    if ((node.name === 'pre' || ((attrs.style || '').includes('white-space') && attrs.style.includes('pre'))) && this.pre !== 2) {
+      this.pre = node.pre = 1
+    }
+    node.children = []
+    this.stack.push(node)
+  }
+  // 加入节点树
+  siblings.push(node)
+}
+
+/**
+ * @description 解析到标签结束
+ * @param {String} name 标签名
+ * @private
+ */
+Parser.prototype.onCloseTag = function (name) {
+  // 依次出栈到匹配为止
+  name = this.xml ? name : name.toLowerCase()
+  let i
+  for (i = this.stack.length; i--;) {
+    if (this.stack[i].name === name) break
+  }
+  if (i !== -1) {
+    while (this.stack.length > i) {
+      this.popNode()
+    }
+  } else if (name === 'p' || name === 'br') {
+    const siblings = this.stack.length ? this.stack[this.stack.length - 1].children : this.nodes
+    siblings.push({
+      name,
+      attrs: {
+        class: tagSelector[name],
+        style: this.tagStyle[name]
+      }
+    })
+  }
+}
+
+/**
+ * @description 处理标签出栈
+ * @private
+ */
+Parser.prototype.popNode = function () {
+  const node = this.stack.pop()
+  let attrs = node.attrs
+  const children = node.children
+  const parent = this.stack[this.stack.length - 1]
+  const siblings = parent ? parent.children : this.nodes
+
+  if (!this.hook(node) || config.ignoreTags[node.name]) {
+    // 获取标题
+    if (node.name === 'title' && children.length && children[0].type === 'text' && this.options.setTitle) {
+      wx.setNavigationBarTitle({
+        title: children[0].text
+      })
+    }
+
+    siblings.pop()
+    return
+  }
+
+  if (node.pre && this.pre !== 2) {
+    // 是否合并空白符标识
+    this.pre = node.pre = undefined
+    for (let i = this.stack.length; i--;) {
+      if (this.stack[i].pre) {
+        this.pre = 1
+      }
+    }
+  }
+
+  // 转换 svg
+  if (node.name === 'svg') {
+    if (this.xml > 1) {
+      // 多层 svg 嵌套
+      this.xml--
+      return
+    }
+    let src = ''
+    const style = attrs.style
+    attrs.style = ''
+    attrs.xmlns = 'http://www.w3.org/2000/svg';
+    (function traversal (node) {
+      if (node.type === 'text') {
+        src += node.text
+        return
+      }
+      const name = config.svgDict[node.name] || node.name
+      if (name === 'foreignObject') {
+        for (const child of (node.children || [])) {
+          if (child.attrs && !child.attrs.xmlns) {
+            child.attrs.xmlns = 'http://www.w3.org/1999/xhtml'
+            break
+          }
+        }
+      }
+      src += '<' + name
+      for (const item in node.attrs) {
+        const val = node.attrs[item]
+        if (val) {
+          src += ` ${config.svgDict[item] || item}="${val.replace(/"/g, '')}"`
+        }
+      }
+      if (!node.children) {
+        src += '/>'
+      } else {
+        src += '>'
+        for (let i = 0; i < node.children.length; i++) {
+          traversal(node.children[i])
+        }
+        src += '</' + name + '>'
+      }
+    })(node)
+    node.name = 'img'
+    node.attrs = {
+      src: 'data:image/svg+xml;utf8,' + src.replace(/#/g, '%23'),
+      style,
+      ignore: 'T'
+    }
+    node.children = undefined
+    this.xml = false
+    config.ignoreTags.style = true
+    return
+  }
+
+  const styleObj = {}
+
+  // 转换 align 属性
+  if (attrs.align) {
+    if (node.name === 'table') {
+      if (attrs.align === 'center') {
+        styleObj['margin-inline-start'] = styleObj['margin-inline-end'] = 'auto'
+      } else {
+        styleObj.float = attrs.align
+      }
+    } else {
+      styleObj['text-align'] = attrs.align
+    }
+    attrs.align = undefined
+  }
+
+  // 转换 dir 属性
+  if (attrs.dir) {
+    styleObj.direction = attrs.dir
+    attrs.dir = undefined
+  }
+
+  // 转换 font 标签的属性
+  if (node.name === 'font') {
+    if (attrs.color) {
+      styleObj.color = attrs.color
+      attrs.color = undefined
+    }
+    if (attrs.face) {
+      styleObj['font-family'] = attrs.face
+      attrs.face = undefined
+    }
+    if (attrs.size) {
+      let size = parseInt(attrs.size)
+      if (!isNaN(size)) {
+        if (size < 1) {
+          size = 1
+        } else if (size > 7) {
+          size = 7
+        }
+        styleObj['font-size'] = ['x-small', 'small', 'medium', 'large', 'x-large', 'xx-large', 'xxx-large'][size - 1]
+      }
+      attrs.size = undefined
+    }
+  }
+
+  // 一些编辑器的自带 class
+  if ((attrs.class || '').includes('align-center')) {
+    styleObj['text-align'] = 'center'
+  }
+
+  Object.assign(styleObj, this.parseStyle(node))
+
+  if (node.name !== 'table' && parseInt(styleObj.width) > windowWidth) {
+    styleObj['max-width'] = '100%'
+    styleObj['box-sizing'] = 'border-box'
+  }
+
+  if (config.blockTags[node.name]) {
+    node.name = 'div'
+  } else if (!config.trustTags[node.name] && !this.xml) {
+    // 未知标签转为 span，避免无法显示
+    node.name = 'span'
+  } else if (node.name === 'a' || node.name === 'ad') {
+    this.expose()
+  } else if (node.name === 'video' || node.name === 'audio') {
+    if ((styleObj.height || '').includes('auto')) {
+      styleObj.height = undefined
+    }
+    node.children = undefined
+  } else if ((node.name === 'ul' || node.name === 'ol') && node.c) {
+    // 列表处理
+    const types = {
+      a: 'lower-alpha',
+      A: 'upper-alpha',
+      i: 'lower-roman',
+      I: 'upper-roman'
+    }
+    if (types[attrs.type]) {
+      attrs.style += ';list-style-type:' + types[attrs.type]
+      attrs.type = undefined
+    }
+    node.c = 1
+    for (let i = children.length; i--;) {
+      if (children[i].name === 'li') {
+        children[i].c = 1
+      }
+    }
+  } else if (node.name === 'table') {
+    // 表格处理
+    // cellpadding、cellspacing、border 这几个常用表格属性需要通过转换实现
+    let padding = parseFloat(attrs.cellpadding)
+    let spacing = parseFloat(attrs.cellspacing)
+    const border = parseFloat(attrs.border)
+    const bordercolor = styleObj['border-color']
+    const borderstyle = styleObj['border-style']
+    if (node.c) {
+      // padding 和 spacing 默认 2
+      if (isNaN(padding)) {
+        padding = 2
+      }
+      if (isNaN(spacing)) {
+        spacing = 2
+      }
+    }
+    if (border) {
+      attrs.style += `;border:${border}px ${borderstyle || 'solid'} ${bordercolor || 'gray'}`
+    }
+    if (node.flag && node.c) {
+      node.flag = undefined
+      // 有 colspan 或 rowspan 且含有链接的表格通过 grid 布局实现
+      styleObj.display = 'grid'
+      if (styleObj['border-collapse'] === 'collapse') {
+        styleObj['border-collapse'] = undefined
+        spacing = 0
+      }
+      if (spacing) {
+        styleObj['grid-gap'] = spacing + 'px'
+        styleObj.padding = spacing + 'px'
+      } else if (border) {
+        // 无间隔的情况下避免边框重叠
+        attrs.style += ';border-left:0;border-top:0'
+      }
+
+      const width = [] // 表格的列宽
+      const trList = [] // tr 列表
+      const cells = [] // 保存新的单元格
+      const map = {}; // 被合并单元格占用的格子
+
+      (function traversal (nodes) {
+        for (let i = 0; i < nodes.length; i++) {
+          if (nodes[i].name === 'tr') {
+            trList.push(nodes[i])
+          } else if (nodes[i].name === 'colgroup') {
+            let colI = 1
+            for (const col of (nodes[i].children || [])) {
+              if (col.name === 'col') {
+                const style = col.attrs.style || ''
+                const start = style.indexOf('width') ? style.indexOf(';width') : 0
+                // 提取出宽度
+                if (start !== -1) {
+                  let end = style.indexOf(';', start + 6)
+                  if (end === -1) {
+                    end = style.length
+                  }
+                  width[colI] = style.substring(start ? start + 7 : 6, end)
+                }
+                colI += 1
+              }
+            }
+          } else {
+            traversal(nodes[i].children || [])
+          }
+        }
+      })(children)
+
+      for (let row = 1; row <= trList.length; row++) {
+        let col = 1
+        for (let j = 0; j < trList[row - 1].children.length; j++) {
+          const td = trList[row - 1].children[j]
+          if (td.name === 'td' || td.name === 'th') {
+            // 这个格子被上面的单元格占用，则列号++
+            while (map[row + '.' + col]) {
+              col++
+            }
+            td.c = 1
+            let style = td.attrs.style || ''
+            let start = style.indexOf('width') ? style.indexOf(';width') : 0
+            // 提取出 td 的宽度
+            if (start !== -1) {
+              let end = style.indexOf(';', start + 6)
+              if (end === -1) {
+                end = style.length
+              }
+              if (!td.attrs.colspan) {
+                width[col] = style.substring(start ? start + 7 : 6, end)
+              }
+              style = style.substr(0, start) + style.substr(end)
+            }
+            // 设置竖直对齐
+            style += ';display:flex;flex-direction:column'
+            start = style.indexOf('vertical-align')
+            if (start !== -1) {
+              const val = style.substr(start + 15, 10)
+              if (val.includes('middle')) {
+                style += ';justify-content:center'
+              } else if (val.includes('bottom')) {
+                style += ';justify-content:flex-end'
+              }
+            } else {
+              style += ';justify-content:center'
+            }
+            // 设置水平对齐
+            start = style.indexOf('text-align')
+            if (start !== -1) {
+              const val = style.substr(start + 11, 10)
+              if (val.includes('center')) {
+                style += ';justify-content: center'
+              } else if (val.includes('right')) {
+                style += ';justify-content: right'
+              }
+            }
+            style = (border ? `;border:${border}px ${borderstyle || 'solid'} ${bordercolor || 'gray'}` + (spacing ? '' : ';border-right:0;border-bottom:0') : '') + (padding ? `;padding:${padding}px` : '') + ';' + style
+            // 处理列合并
+            if (td.attrs.colspan) {
+              style += `;grid-column-start:${col};grid-column-end:${col + parseInt(td.attrs.colspan)}`
+              if (!td.attrs.rowspan) {
+                style += `;grid-row-start:${row};grid-row-end:${row + 1}`
+              }
+              col += parseInt(td.attrs.colspan) - 1
+            }
+            // 处理行合并
+            if (td.attrs.rowspan) {
+              style += `;grid-row-start:${row};grid-row-end:${row + parseInt(td.attrs.rowspan)}`
+              if (!td.attrs.colspan) {
+                style += `;grid-column-start:${col};grid-column-end:${col + 1}`
+              }
+              // 记录下方单元格被占用
+              for (let rowspan = 1; rowspan < td.attrs.rowspan; rowspan++) {
+                for (let colspan = 0; colspan < (td.attrs.colspan || 1); colspan++) {
+                  map[(row + rowspan) + '.' + (col - colspan)] = 1
+                }
+              }
+            }
+            if (style) {
+              td.attrs.style = style
+            }
+            cells.push(td)
+            col++
+          }
+        }
+        if (row === 1) {
+          let temp = ''
+          for (let i = 1; i < col; i++) {
+            temp += (width[i] ? width[i] : 'auto') + ' '
+          }
+          styleObj['grid-template-columns'] = temp
+        }
+      }
+      node.children = cells
+    } else {
+      // 没有使用合并单元格的表格通过 table 布局实现
+      if (node.c) {
+        styleObj.display = 'table'
+      }
+      if (!isNaN(spacing)) {
+        styleObj['border-spacing'] = spacing + 'px'
+      }
+      if (border || padding || node.c) {
+        // 遍历
+        (function traversal (nodes) {
+          for (let i = 0; i < nodes.length; i++) {
+            const td = nodes[i]
+            if (node.c) {
+              td.c = 1
+            }
+            if (td.name === 'th' || td.name === 'td') {
+              if (border) {
+                td.attrs.style = `border:${border}px ${borderstyle || 'solid'} ${bordercolor || 'gray'};${td.attrs.style || ''}`
+              }
+              if (padding) {
+                td.attrs.style = `padding:${padding}px;${td.attrs.style || ''}`
+              }
+            } else if (td.children) {
+              traversal(td.children)
+            }
+          }
+        })(children)
+      }
+    }
+    // 给表格添加一个单独的横向滚动层
+    if (this.options.scrollTable && !(attrs.style || '').includes('inline')) {
+      const table = Object.assign({}, node)
+      node.name = 'div'
+      node.attrs = {
+        style: 'overflow-x:auto;padding:1px'
+      }
+      node.children = [table]
+      attrs = table.attrs
+    }
+  } else if ((node.name === 'tbody' || node.name === 'tr') && node.flag && node.c) {
+    node.flag = undefined;
+    (function traversal (nodes) {
+      for (let i = 0; i < nodes.length; i++) {
+        if (nodes[i].name === 'td') {
+          // 颜色样式设置给单元格避免丢失
+          for (const style of ['color', 'background', 'background-color']) {
+            if (styleObj[style]) {
+              nodes[i].attrs.style = style + ':' + styleObj[style] + ';' + (nodes[i].attrs.style || '')
+            }
+          }
+        } else {
+          traversal(nodes[i].children || [])
+        }
+      }
+    })(children)
+  } else if ((node.name === 'td' || node.name === 'th') && (attrs.colspan || attrs.rowspan)) {
+    for (let i = this.stack.length; i--;) {
+      if (this.stack[i].name === 'table' || this.stack[i].name === 'tbody' || this.stack[i].name === 'tr') {
+        this.stack[i].flag = 1 // 指示含有合并单元格
+      }
+    }
+  } else if (node.name === 'ruby') {
+    // 转换 ruby
+    node.name = 'span'
+    for (let i = 0; i < children.length - 1; i++) {
+      if (children[i].type === 'text' && children[i + 1].name === 'rt') {
+        children[i] = {
+          name: 'span',
+          attrs: {
+            style: 'display:inline-block;text-align:center'
+          },
+          children: [{
+            name: 'div',
+            attrs: {
+              style: 'font-size:50%;' + (children[i + 1].attrs.style || '')
+            },
+            children: children[i + 1].children
+          }, children[i]]
+        }
+        children.splice(i + 1, 1)
+      }
+    }
+  }
+
+  if ((styleObj.display || '').includes('flex') && !node.c) {
+    for (let i = children.length; i--;) {
+      const item = children[i]
+      if (item.f) {
+        item.attrs.style = (item.attrs.style || '') + item.f
+        item.f = undefined
+      }
+    }
+  }
+
+  // flex 布局时部分样式需要提取到 rich-text 外层
+  const flex = parent && ((parent.attrs.style || '').includes('flex') || (parent.attrs.style || '').includes('grid')) && !node.c
+    // #ifdef MP-WEIXIN || MP-QQ
+    && !(styleObj.display || '').includes('inline') // eslint-disable-line
+  // #endif
+  if (flex) {
+    node.f = ';max-width:100%'
+  }
+
+  if (children.length >= 50 && node.c && !(styleObj.display || '').includes('flex')) {
+    mergeNodes(children)
+  }
+
+  for (const key in styleObj) {
+    if (styleObj[key]) {
+      const val = `;${key}:${styleObj[key].replace(' !important', '')}`
+      if (flex && ((key.includes('flex') && key !== 'flex-direction') || key === 'align-self' || key.includes('grid') || styleObj[key][0] === '-' || (key.includes('width') && val.includes('%')))) {
+        node.f += val
+        if (key === 'width') {
+          attrs.style += ';width:100%'
+        }
+      } else {
+        attrs.style += val
+      }
+    }
+  }
+  attrs.style = attrs.style.substr(1) || undefined
+  // #ifdef MP-BAIDU
+  if (!attrs.style) {
+    delete attrs.style
+  }
+  // #endif
+}
+
+/**
+ * @description 解析到文本
+ * @param {String} text 文本内容
+ */
+Parser.prototype.onText = function (text) {
+  if (!this.pre) {
+    // 合并空白符
+    let trim = ''
+    let flag
+    for (let i = 0, len = text.length; i < len; i++) {
+      if (!blankChar[text[i]]) {
+        trim += text[i]
+      } else {
+        if (trim[trim.length - 1] !== ' ') {
+          trim += ' '
+        }
+        if (text[i] === '\n' && !flag) {
+          flag = true
+        }
+      }
+    }
+    // 去除含有换行符的空串
+    if (trim === ' ' && flag) return
+    text = trim
+  }
+  const node = Object.create(null)
+  node.type = 'text'
+  node.text = decodeEntity(text)
+  if (this.hook(node)) {
+    // #ifdef MP-WEIXIN
+    if (this.options.selectable === 'force' && system.includes('iOS') && !wx.canIUse('rich-text.user-select')) {
+      this.expose()
+    }
+    // #endif
+    const siblings = this.stack.length ? this.stack[this.stack.length - 1].children : this.nodes
+    siblings.push(node)
+  }
+}
+
+/**
+ * @description html 词法分析器
+ * @param {Object} handler 高层处理器
+ */
+function Lexer (handler) {
+  this.handler = handler
+}
+
+/**
+ * @description 执行解析
+ * @param {String} content 要解析的文本
+ */
+Lexer.prototype.parse = function (content) {
+  this.content = content || ''
+  this.i = 0 // 标记解析位置
+  this.start = 0 // 标记一个单词的开始位置
+  this.state = this.text // 当前状态
+  for (let len = this.content.length; this.i !== -1 && this.i < len;) {
+    this.state()
+  }
+}
+
+/**
+ * @description 检查标签是否闭合
+ * @param {String} method 如果闭合要进行的操作
+ * @returns {Boolean} 是否闭合
+ * @private
+ */
+Lexer.prototype.checkClose = function (method) {
+  const selfClose = this.content[this.i] === '/'
+  if (this.content[this.i] === '>' || (selfClose && this.content[this.i + 1] === '>')) {
+    if (method) {
+      this.handler[method](this.content.substring(this.start, this.i))
+    }
+    this.i += selfClose ? 2 : 1
+    this.start = this.i
+    this.handler.onOpenTag(selfClose)
+    if (this.handler.tagName === 'script') {
+      this.i = this.content.indexOf('</', this.i)
+      if (this.i !== -1) {
+        this.i += 2
+        this.start = this.i
+      }
+      this.state = this.endTag
+    } else {
+      this.state = this.text
+    }
+    return true
+  }
+  return false
+}
+
+/**
+ * @description 文本状态
+ * @private
+ */
+Lexer.prototype.text = function () {
+  this.i = this.content.indexOf('<', this.i) // 查找最近的标签
+  if (this.i === -1) {
+    // 没有标签了
+    if (this.start < this.content.length) {
+      this.handler.onText(this.content.substring(this.start, this.content.length))
+    }
+    return
+  }
+  const c = this.content[this.i + 1]
+  if ((c >= 'a' && c <= 'z') || (c >= 'A' && c <= 'Z')) {
+    // 标签开头
+    if (this.start !== this.i) {
+      this.handler.onText(this.content.substring(this.start, this.i))
+    }
+    this.start = ++this.i
+    this.state = this.tagName
+  } else if (c === '/' || c === '!' || c === '?') {
+    if (this.start !== this.i) {
+      this.handler.onText(this.content.substring(this.start, this.i))
+    }
+    const next = this.content[this.i + 2]
+    if (c === '/' && ((next >= 'a' && next <= 'z') || (next >= 'A' && next <= 'Z'))) {
+      // 标签结尾
+      this.i += 2
+      this.start = this.i
+      this.state = this.endTag
+      return
+    }
+    // 处理注释
+    let end = '-->'
+    if (c !== '!' || this.content[this.i + 2] !== '-' || this.content[this.i + 3] !== '-') {
+      end = '>'
+    }
+    this.i = this.content.indexOf(end, this.i)
+    if (this.i !== -1) {
+      this.i += end.length
+      this.start = this.i
+    }
+  } else {
+    this.i++
+  }
+}
+
+/**
+ * @description 标签名状态
+ * @private
+ */
+Lexer.prototype.tagName = function () {
+  if (blankChar[this.content[this.i]]) {
+    // 解析到标签名
+    this.handler.onTagName(this.content.substring(this.start, this.i))
+    while (blankChar[this.content[++this.i]]);
+    if (this.i < this.content.length && !this.checkClose()) {
+      this.start = this.i
+      this.state = this.attrName
+    }
+  } else if (!this.checkClose('onTagName')) {
+    this.i++
+  }
+}
+
+/**
+ * @description 属性名状态
+ * @private
+ */
+Lexer.prototype.attrName = function () {
+  let c = this.content[this.i]
+  if (blankChar[c] || c === '=') {
+    // 解析到属性名
+    this.handler.onAttrName(this.content.substring(this.start, this.i))
+    let needVal = c === '='
+    const len = this.content.length
+    while (++this.i < len) {
+      c = this.content[this.i]
+      if (!blankChar[c]) {
+        if (this.checkClose()) return
+        if (needVal) {
+          // 等号后遇到第一个非空字符
+          this.start = this.i
+          this.state = this.attrVal
+          return
+        }
+        if (this.content[this.i] === '=') {
+          needVal = true
+        } else {
+          this.start = this.i
+          this.state = this.attrName
+          return
+        }
+      }
+    }
+  } else if (!this.checkClose('onAttrName')) {
+    this.i++
+  }
+}
+
+/**
+ * @description 属性值状态
+ * @private
+ */
+Lexer.prototype.attrVal = function () {
+  const c = this.content[this.i]
+  const len = this.content.length
+  if (c === '"' || c === "'") {
+    // 有冒号的属性
+    this.start = ++this.i
+    this.i = this.content.indexOf(c, this.i)
+    if (this.i === -1) return
+    this.handler.onAttrVal(this.content.substring(this.start, this.i))
+  } else {
+    // 没有冒号的属性
+    for (; this.i < len; this.i++) {
+      if (blankChar[this.content[this.i]]) {
+        this.handler.onAttrVal(this.content.substring(this.start, this.i))
+        break
+      } else if (this.checkClose('onAttrVal')) return
+    }
+  }
+  while (blankChar[this.content[++this.i]]);
+  if (this.i < len && !this.checkClose()) {
+    this.start = this.i
+    this.state = this.attrName
+  }
+}
+
+/**
+ * @description 结束标签状态
+ * @returns {String} 结束的标签名
+ * @private
+ */
+Lexer.prototype.endTag = function () {
+  const c = this.content[this.i]
+  if (blankChar[c] || c === '>' || c === '/') {
+    this.handler.onCloseTag(this.content.substring(this.start, this.i))
+    if (c !== '>') {
+      this.i = this.content.indexOf('>', this.i)
+      if (this.i === -1) return
+    }
+    this.start = ++this.i
+    this.state = this.text
+  } else {
+    this.i++
+  }
+}
+
+module.exports = Parser
diff --git a/wechat-mini-program/node_modules/mp-html/src/uni-app/components/mp-html/mp-html.vue b/wechat-mini-program/node_modules/mp-html/src/uni-app/components/mp-html/mp-html.vue
new file mode 100644
index 0000000..6731f97
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/src/uni-app/components/mp-html/mp-html.vue
@@ -0,0 +1,498 @@
+<template>
+  <view id="_root" :class="(selectable?'_select ':'')+'_root'" :style="containerStyle">
+    <slot v-if="!nodes[0]" />
+    <!-- #ifndef APP-PLUS-NVUE -->
+    <node v-else :childs="nodes" :opts="[lazyLoad,loadingImg,errorImg,showImgMenu,selectable]" name="span" />
+    <!-- #endif -->
+    <!-- #ifdef APP-PLUS-NVUE -->
+    <web-view ref="web" src="/static/app-plus/mp-html/local.html" :style="'margin-top:-2px;height:' + height + 'px'" @onPostMessage="_onMessage" />
+    <!-- #endif -->
+  </view>
+</template>
+
+<script>
+/**
+ * mp-html v2.5.1
+ * @description 富文本组件
+ * @tutorial https://github.com/jin-yufeng/mp-html
+ * @property {String} container-style 容器的样式
+ * @property {String} content 用于渲染的 html 字符串
+ * @property {Boolean} copy-link 是否允许外部链接被点击时自动复制
+ * @property {String} domain 主域名，用于拼接链接
+ * @property {String} error-img 图片出错时的占位图链接
+ * @property {Boolean} lazy-load 是否开启图片懒加载
+ * @property {string} loading-img 图片加载过程中的占位图链接
+ * @property {Boolean} pause-video 是否在播放一个视频时自动暂停其他视频
+ * @property {Boolean} preview-img 是否允许图片被点击时自动预览
+ * @property {Boolean} scroll-table 是否给每个表格添加一个滚动层使其能单独横向滚动
+ * @property {Boolean | String} selectable 是否开启长按复制
+ * @property {Boolean} set-title 是否将 title 标签的内容设置到页面标题
+ * @property {Boolean} show-img-menu 是否允许图片被长按时显示菜单
+ * @property {Object} tag-style 标签的默认样式
+ * @property {Boolean | Number} use-anchor 是否使用锚点链接
+ * @event {Function} load dom 结构加载完毕时触发
+ * @event {Function} ready 所有图片加载完毕时触发
+ * @event {Function} imgtap 图片被点击时触发
+ * @event {Function} linktap 链接被点击时触发
+ * @event {Function} play 音视频播放时触发
+ * @event {Function} error 媒体加载出错时触发
+ */
+// #ifndef APP-PLUS-NVUE
+import node from './node/node'
+// #endif
+import Parser from './parser'
+const plugins = []
+// #ifdef APP-PLUS-NVUE
+const dom = weex.requireModule('dom')
+// #endif
+export default {
+  name: 'mp-html',
+  data () {
+    return {
+      nodes: [],
+      // #ifdef APP-PLUS-NVUE
+      height: 3
+      // #endif
+    }
+  },
+  props: {
+    containerStyle: {
+      type: String,
+      default: ''
+    },
+    content: {
+      type: String,
+      default: ''
+    },
+    copyLink: {
+      type: [Boolean, String],
+      default: true
+    },
+    domain: String,
+    errorImg: {
+      type: String,
+      default: ''
+    },
+    lazyLoad: {
+      type: [Boolean, String],
+      default: false
+    },
+    loadingImg: {
+      type: String,
+      default: ''
+    },
+    pauseVideo: {
+      type: [Boolean, String],
+      default: true
+    },
+    previewImg: {
+      type: [Boolean, String],
+      default: true
+    },
+    scrollTable: [Boolean, String],
+    selectable: [Boolean, String],
+    setTitle: {
+      type: [Boolean, String],
+      default: true
+    },
+    showImgMenu: {
+      type: [Boolean, String],
+      default: true
+    },
+    tagStyle: Object,
+    useAnchor: [Boolean, Number]
+  },
+  // #ifdef VUE3
+  emits: ['load', 'ready', 'imgtap', 'linktap', 'play', 'error'],
+  // #endif
+  // #ifndef APP-PLUS-NVUE
+  components: {
+    node
+  },
+  // #endif
+  watch: {
+    content (content) {
+      this.setContent(content)
+    }
+  },
+  created () {
+    this.plugins = []
+    for (let i = plugins.length; i--;) {
+      this.plugins.push(new plugins[i](this))
+    }
+  },
+  mounted () {
+    if (this.content && !this.nodes.length) {
+      this.setContent(this.content)
+    }
+  },
+  beforeDestroy () {
+    this._hook('onDetached')
+  },
+  methods: {
+    /**
+     * @description 将锚点跳转的范围限定在一个 scroll-view 内
+     * @param {Object} page scroll-view 所在页面的示例
+     * @param {String} selector scroll-view 的选择器
+     * @param {String} scrollTop scroll-view scroll-top 属性绑定的变量名
+     */
+    in (page, selector, scrollTop) {
+      // #ifndef APP-PLUS-NVUE
+      if (page && selector && scrollTop) {
+        this._in = {
+          page,
+          selector,
+          scrollTop
+        }
+      }
+      // #endif
+    },
+
+    /**
+     * @description 锚点跳转
+     * @param {String} id 要跳转的锚点 id
+     * @param {Number} offset 跳转位置的偏移量
+     * @returns {Promise}
+     */
+    navigateTo (id, offset) {
+      return new Promise((resolve, reject) => {
+        if (!this.useAnchor) {
+          reject(Error('Anchor is disabled'))
+          return
+        }
+        offset = offset || parseInt(this.useAnchor) || 0
+        // #ifdef APP-PLUS-NVUE
+        if (!id) {
+          dom.scrollToElement(this.$refs.web, {
+            offset
+          })
+          resolve()
+        } else {
+          this._navigateTo = {
+            resolve,
+            reject,
+            offset
+          }
+          this.$refs.web.evalJs('uni.postMessage({data:{action:"getOffset",offset:(document.getElementById(' + id + ')||{}).offsetTop}})')
+        }
+        // #endif
+        // #ifndef APP-PLUS-NVUE
+        let deep = ' '
+        // #ifdef MP-WEIXIN || MP-QQ || MP-TOUTIAO
+        deep = '>>>'
+        // #endif
+        const selector = uni.createSelectorQuery()
+          // #ifndef MP-ALIPAY
+          .in(this._in ? this._in.page : this)
+          // #endif
+          .select((this._in ? this._in.selector : '._root') + (id ? `${deep}#${id}` : '')).boundingClientRect()
+        if (this._in) {
+          selector.select(this._in.selector).scrollOffset()
+            .select(this._in.selector).boundingClientRect()
+        } else {
+          // 获取 scroll-view 的位置和滚动距离
+          selector.selectViewport().scrollOffset() // 获取窗口的滚动距离
+        }
+        selector.exec(res => {
+          if (!res[0]) {
+            reject(Error('Label not found'))
+            return
+          }
+          const scrollTop = res[1].scrollTop + res[0].top - (res[2] ? res[2].top : 0) + offset
+          if (this._in) {
+            // scroll-view 跳转
+            this._in.page[this._in.scrollTop] = scrollTop
+          } else {
+            // 页面跳转
+            uni.pageScrollTo({
+              scrollTop,
+              duration: 300
+            })
+          }
+          resolve()
+        })
+        // #endif
+      })
+    },
+
+    /**
+     * @description 获取文本内容
+     * @return {String}
+     */
+    getText (nodes) {
+      let text = '';
+      (function traversal (nodes) {
+        for (let i = 0; i < nodes.length; i++) {
+          const node = nodes[i]
+          if (node.type === 'text') {
+            text += node.text.replace(/&amp;/g, '&')
+          } else if (node.name === 'br') {
+            text += '\n'
+          } else {
+            // 块级标签前后加换行
+            const isBlock = node.name === 'p' || node.name === 'div' || node.name === 'tr' || node.name === 'li' || (node.name[0] === 'h' && node.name[1] > '0' && node.name[1] < '7')
+            if (isBlock && text && text[text.length - 1] !== '\n') {
+              text += '\n'
+            }
+            // 递归获取子节点的文本
+            if (node.children) {
+              traversal(node.children)
+            }
+            if (isBlock && text[text.length - 1] !== '\n') {
+              text += '\n'
+            } else if (node.name === 'td' || node.name === 'th') {
+              text += '\t'
+            }
+          }
+        }
+      })(nodes || this.nodes)
+      return text
+    },
+
+    /**
+     * @description 获取内容大小和位置
+     * @return {Promise}
+     */
+    getRect () {
+      return new Promise((resolve, reject) => {
+        uni.createSelectorQuery()
+          // #ifndef MP-ALIPAY
+          .in(this)
+          // #endif
+          .select('#_root').boundingClientRect().exec(res => res[0] ? resolve(res[0]) : reject(Error('Root label not found')))
+      })
+    },
+
+    /**
+     * @description 暂停播放媒体
+     */
+    pauseMedia () {
+      for (let i = (this._videos || []).length; i--;) {
+        this._videos[i].pause()
+      }
+      // #ifdef APP-PLUS
+      const command = 'for(var e=document.getElementsByTagName("video"),i=e.length;i--;)e[i].pause()'
+      // #ifndef APP-PLUS-NVUE
+      let page = this.$parent
+      while (!page.$scope) page = page.$parent
+      page.$scope.$getAppWebview().evalJS(command)
+      // #endif
+      // #ifdef APP-PLUS-NVUE
+      this.$refs.web.evalJs(command)
+      // #endif
+      // #endif
+    },
+
+    /**
+     * @description 设置媒体播放速率
+     * @param {Number} rate 播放速率
+     */
+    setPlaybackRate (rate) {
+      this.playbackRate = rate
+      for (let i = (this._videos || []).length; i--;) {
+        this._videos[i].playbackRate(rate)
+      }
+      // #ifdef APP-PLUS
+      const command = 'for(var e=document.getElementsByTagName("video"),i=e.length;i--;)e[i].playbackRate=' + rate
+      // #ifndef APP-PLUS-NVUE
+      let page = this.$parent
+      while (!page.$scope) page = page.$parent
+      page.$scope.$getAppWebview().evalJS(command)
+      // #endif
+      // #ifdef APP-PLUS-NVUE
+      this.$refs.web.evalJs(command)
+      // #endif
+      // #endif
+    },
+
+    /**
+     * @description 设置内容
+     * @param {String} content html 内容
+     * @param {Boolean} append 是否在尾部追加
+     */
+    setContent (content, append) {
+      if (!append || !this.imgList) {
+        this.imgList = []
+      }
+      const nodes = new Parser(this).parse(content)
+      // #ifdef APP-PLUS-NVUE
+      if (this._ready) {
+        this._set(nodes, append)
+      }
+      // #endif
+      this.$set(this, 'nodes', append ? (this.nodes || []).concat(nodes) : nodes)
+
+      // #ifndef APP-PLUS-NVUE
+      this._videos = []
+      this.$nextTick(() => {
+        this._hook('onLoad')
+        this.$emit('load')
+      })
+
+      if (this.lazyLoad || this.imgList._unloadimgs < this.imgList.length / 2) {
+        // 设置懒加载，每 350ms 获取高度，不变则认为加载完毕
+        let height = 0
+        const callback = rect => {
+          if (!rect || !rect.height) rect = {}
+          // 350ms 总高度无变化就触发 ready 事件
+          if (rect.height === height) {
+            this.$emit('ready', rect)
+          } else {
+            height = rect.height
+            setTimeout(() => {
+              this.getRect().then(callback).catch(callback)
+            }, 350)
+          }
+        }
+        this.getRect().then(callback).catch(callback)
+      } else {
+        // 未设置懒加载，等待所有图片加载完毕
+        if (!this.imgList._unloadimgs) {
+          this.getRect().then(rect => {
+            this.$emit('ready', rect)
+          }).catch(() => {
+            this.$emit('ready', {})
+          })
+        }
+      }
+      // #endif
+    },
+
+    /**
+     * @description 调用插件钩子函数
+     */
+    _hook (name) {
+      for (let i = plugins.length; i--;) {
+        if (this.plugins[i][name]) {
+          this.plugins[i][name]()
+        }
+      }
+    },
+
+    // #ifdef APP-PLUS-NVUE
+    /**
+     * @description 设置内容
+     */
+    _set (nodes, append) {
+      this.$refs.web.evalJs('setContent(' + JSON.stringify(nodes).replace(/%22/g, '') + ',' + JSON.stringify([this.containerStyle.replace(/(?:margin|padding)[^;]+/g, ''), this.errorImg, this.loadingImg, this.pauseVideo, this.scrollTable, this.selectable]) + ',' + append + ')')
+    },
+
+    /**
+     * @description 接收到 web-view 消息
+     */
+    _onMessage (e) {
+      const message = e.detail.data[0]
+      switch (message.action) {
+        // web-view 初始化完毕
+        case 'onJSBridgeReady':
+          this._ready = true
+          if (this.nodes) {
+            this._set(this.nodes)
+          }
+          break
+        // 内容 dom 加载完毕
+        case 'onLoad':
+          this.height = message.height
+          this._hook('onLoad')
+          this.$emit('load')
+          break
+        // 所有图片加载完毕
+        case 'onReady':
+          this.getRect().then(res => {
+            this.$emit('ready', res)
+          }).catch(() => {
+            this.$emit('ready', {})
+          })
+          break
+        // 总高度发生变化
+        case 'onHeightChange':
+          this.height = message.height
+          break
+        // 图片点击
+        case 'onImgTap':
+          this.$emit('imgtap', message.attrs)
+          if (this.previewImg) {
+            uni.previewImage({
+              current: parseInt(message.attrs.i),
+              urls: this.imgList
+            })
+          }
+          break
+        // 链接点击
+        case 'onLinkTap': {
+          const href = message.attrs.href
+          this.$emit('linktap', message.attrs)
+          if (href) {
+            // 锚点跳转
+            if (href[0] === '#') {
+              if (this.useAnchor) {
+                dom.scrollToElement(this.$refs.web, {
+                  offset: message.offset
+                })
+              }
+            } else if (href.includes('://')) {
+              // 打开外链
+              if (this.copyLink) {
+                plus.runtime.openWeb(href)
+              }
+            } else {
+              uni.navigateTo({
+                url: href,
+                fail () {
+                  uni.switchTab({
+                    url: href
+                  })
+                }
+              })
+            }
+          }
+          break
+        }
+        case 'onPlay':
+          this.$emit('play')
+          break
+        // 获取到锚点的偏移量
+        case 'getOffset':
+          if (typeof message.offset === 'number') {
+            dom.scrollToElement(this.$refs.web, {
+              offset: message.offset + this._navigateTo.offset
+            })
+            this._navigateTo.resolve()
+          } else {
+            this._navigateTo.reject(Error('Label not found'))
+          }
+          break
+        // 点击
+        case 'onClick':
+          this.$emit('tap')
+          this.$emit('click')
+          break
+        // 出错
+        case 'onError':
+          this.$emit('error', {
+            source: message.source,
+            attrs: message.attrs
+          })
+      }
+    }
+    // #endif
+  }
+}
+</script>
+
+<style>
+/* #ifndef APP-PLUS-NVUE */
+/* 根节点样式 */
+._root {
+  padding: 1px 0;
+  overflow-x: auto;
+  overflow-y: hidden;
+  -webkit-overflow-scrolling: touch;
+}
+
+/* 长按复制 */
+._select {
+  user-select: text;
+}
+/* #endif */
+</style>
diff --git a/wechat-mini-program/node_modules/mp-html/src/uni-app/components/mp-html/node/node.vue b/wechat-mini-program/node_modules/mp-html/src/uni-app/components/mp-html/node/node.vue
new file mode 100644
index 0000000..8d6da0f
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/src/uni-app/components/mp-html/node/node.vue
@@ -0,0 +1,595 @@
+<template>
+  <view :id="attrs.id" :class="'_block _'+name+' '+attrs.class" :style="attrs.style">
+    <block v-for="(n, i) in childs" v-bind:key="i">
+      <!-- 图片 -->
+      <!-- 占位图 -->
+      <image v-if="n.name==='img'&&!n.t&&((opts[1]&&!ctrl[i])||ctrl[i]<0)" class="_img" :style="n.attrs.style" :src="ctrl[i]<0?opts[2]:opts[1]" mode="widthFix" />
+      <!-- 显示图片 -->
+      <!-- #ifdef H5 || (APP-PLUS && VUE2) -->
+      <img v-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+n.attrs.style" :src="n.attrs.src||(ctrl.load?n.attrs['data-src']:'')" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap" @longpress="imgLongTap" />
+      <!-- #endif -->
+      <!-- #ifndef H5 || (APP-PLUS && VUE2) -->
+      <!-- 表格中的图片，使用 rich-text 防止大小不正确 -->
+      <rich-text v-if="n.name==='img'&&n.t" :style="'display:'+n.t" :nodes="[{attrs:{style:n.attrs.style||'',src:n.attrs.src},name:'img'}]" :data-i="i" @tap.stop="imgTap" />
+      <!-- #endif -->
+      <!-- #ifdef APP-HARMONY -->
+      <image v-else-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+'width:'+ctrl[i]+'px;'+n.attrs.style" :src="n.attrs.src||(ctrl.load?n.attrs['data-src']:'')" :mode="!n.h?'widthFix':(!n.w?'heightFix':(n.m||'scaleToFill'))" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap" @longpress="imgLongTap" />
+      <!-- #endif -->
+      <!-- #ifndef H5 || APP-PLUS || MP-KUAISHOU -->
+      <image v-else-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+'width:'+(ctrl[i]||1)+'px;height:1px;'+n.attrs.style" :src="n.attrs.src" :mode="!n.h?'widthFix':(!n.w?'heightFix':(n.m||'scaleToFill'))" :lazy-load="opts[0]" :webp="n.webp" :show-menu-by-longpress="opts[3]&&!n.attrs.ignore" :image-menu-prevent="!opts[3]||n.attrs.ignore" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap" @longpress="imgLongTap" />
+      <!-- #endif -->
+      <!-- #ifdef MP-KUAISHOU -->
+      <image v-else-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+n.attrs.style" :src="n.attrs.src" :lazy-load="opts[0]" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap"></image>
+      <!-- #endif -->
+      <!-- #ifdef APP-PLUS && VUE3 -->
+      <image v-else-if="n.name==='img'" :id="n.attrs.id" :class="'_img '+n.attrs.class" :style="(ctrl[i]===-1?'display:none;':'')+'width:'+(ctrl[i]||1)+'px;'+n.attrs.style" :src="n.attrs.src||(ctrl.load?n.attrs['data-src']:'')" :mode="!n.h?'widthFix':(!n.w?'heightFix':(n.m||''))" :data-i="i" @load="imgLoad" @error="mediaError" @tap.stop="imgTap" @longpress="imgLongTap" />
+      <!-- #endif -->
+      <!-- 文本 -->
+      <!-- #ifdef MP-WEIXIN -->
+      <text v-else-if="n.text" :user-select="opts[4]=='force'&&isiOS" decode>{{n.text}}</text>
+      <!-- #endif -->
+      <!-- #ifndef MP-WEIXIN || MP-BAIDU || MP-ALIPAY || MP-TOUTIAO -->
+      <text v-else-if="n.text" decode>{{n.text}}</text>
+      <!-- #endif -->
+      <text v-else-if="n.name==='br'">\n</text>
+      <!-- 链接 -->
+      <view v-else-if="n.name==='a'" :id="n.attrs.id" :class="(n.attrs.href?'_a ':'')+n.attrs.class" hover-class="_hover" :style="'display:inline;'+n.attrs.style" :data-i="i" @tap.stop="linkTap">
+        <node name="span" :childs="n.children" :opts="opts" style="display:inherit" />
+      </view>
+      <!-- 视频 -->
+      <!-- #ifdef APP-PLUS -->
+      <view v-else-if="n.html" :id="n.attrs.id" :class="'_video '+n.attrs.class" :style="n.attrs.style" v-html="n.html" :data-i="i" @vplay.stop="play" />
+      <!-- #endif -->
+      <!-- #ifndef APP-PLUS -->
+      <video v-else-if="n.name==='video'" :id="n.attrs.id" :class="n.attrs.class" :style="n.attrs.style" :autoplay="n.attrs.autoplay" :controls="n.attrs.controls" :loop="n.attrs.loop" :muted="n.attrs.muted" :object-fit="n.attrs['object-fit']" :poster="n.attrs.poster" :src="n.src[ctrl[i]||0]" :data-i="i" @play="play" @error="mediaError" />
+      <!-- #endif -->
+      <!-- #ifdef H5 || APP-PLUS -->
+      <iframe v-else-if="n.name==='iframe'" :style="n.attrs.style" :allowfullscreen="n.attrs.allowfullscreen" :frameborder="n.attrs.frameborder" :src="n.attrs.src" />
+      <embed v-else-if="n.name==='embed'" :style="n.attrs.style" :src="n.attrs.src" />
+      <!-- #endif -->
+      <!-- #ifndef MP-TOUTIAO || ((H5 || APP-PLUS) && VUE3) -->
+      <!-- 音频 -->
+      <audio v-else-if="n.name==='audio'" :id="n.attrs.id" :class="n.attrs.class" :style="n.attrs.style" :author="n.attrs.author" :controls="n.attrs.controls" :loop="n.attrs.loop" :name="n.attrs.name" :poster="n.attrs.poster" :src="n.src[ctrl[i]||0]" :data-i="i" @play="play" @error="mediaError" />
+      <!-- #endif -->
+      <view v-else-if="(n.name==='table'&&n.c)||n.name==='li'" :id="n.attrs.id" :class="'_'+n.name+' '+n.attrs.class" :style="n.attrs.style">
+        <node v-if="n.name==='li'" :childs="n.children" :opts="opts" />
+        <view v-else v-for="(tbody, x) in n.children" v-bind:key="x" :class="'_'+tbody.name+' '+tbody.attrs.class" :style="tbody.attrs.style">
+          <node v-if="tbody.name==='td'||tbody.name==='th'" :childs="tbody.children" :opts="opts" />
+          <block v-else v-for="(tr, y) in tbody.children" v-bind:key="y">
+            <view v-if="tr.name==='td'||tr.name==='th'" :class="'_'+tr.name+' '+tr.attrs.class" :style="tr.attrs.style">
+              <node :childs="tr.children" :opts="opts" />
+            </view>
+            <view v-else :class="'_'+tr.name+' '+tr.attrs.class" :style="tr.attrs.style">
+              <view v-for="(td, z) in tr.children" v-bind:key="z" :class="'_'+td.name+' '+td.attrs.class" :style="td.attrs.style">
+                <node :childs="td.children" :opts="opts" />
+              </view>
+            </view>
+          </block>
+        </view>
+      </view>
+      <!-- insert -->
+      <!-- 富文本 -->
+      <!-- #ifdef H5 || ((MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE2) -->
+      <rich-text v-else-if="!n.c&&!handler.isInline(n.name, n.attrs.style)" :id="n.attrs.id" :style="n.f" :user-select="opts[4]" :nodes="[n]" />
+      <!-- #endif -->
+      <!-- #ifndef H5 || ((MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE2) -->
+      <rich-text v-else-if="!n.c" :id="n.attrs.id" :style="'display:inline;'+n.f" :preview="false" :selectable="opts[4]" :user-select="opts[4]" :nodes="[n]" />
+      <!-- #endif -->
+      <!-- 继续递归 -->
+      <view v-else-if="n.c===2" :id="n.attrs.id" :class="'_block _'+n.name+' '+n.attrs.class" :style="n.f+';'+n.attrs.style">
+        <node v-for="(n2, j) in n.children" v-bind:key="j" :style="n2.f" :name="n2.name" :attrs="n2.attrs" :childs="n2.children" :opts="opts" />
+      </view>
+      <node v-else :style="n.f" :name="n.name" :attrs="n.attrs" :childs="n.children" :opts="opts" />
+    </block>
+  </view>
+</template>
+<script module="handler" lang="wxs">
+// 行内标签列表
+var inlineTags = {
+  abbr: true,
+  b: true,
+  big: true,
+  code: true,
+  del: true,
+  em: true,
+  i: true,
+  ins: true,
+  label: true,
+  q: true,
+  small: true,
+  span: true,
+  strong: true,
+  sub: true,
+  sup: true
+}
+/**
+ * @description 判断是否为行内标签
+ */
+module.exports = {
+  isInline: function (tagName, style) {
+    return inlineTags[tagName] || (style || '').indexOf('display:inline') !== -1
+  }
+}
+</script>
+<script>
+import node from './node'
+export default {
+  name: 'node',
+  options: {
+    // #ifdef MP-WEIXIN
+    virtualHost: true,
+    // #endif
+    // #ifdef MP-TOUTIAO
+    addGlobalClass: false
+    // #endif
+  },
+  data () {
+    return {
+      ctrl: {},
+      // #ifdef MP-WEIXIN
+      isiOS: uni.getSystemInfoSync().system.includes('iOS')
+      // #endif
+    }
+  },
+  props: {
+    name: String,
+    attrs: {
+      type: Object,
+      default () {
+        return {}
+      }
+    },
+    childs: Array,
+    opts: Array
+  },
+  components: {
+    // #ifndef ((H5 || APP-PLUS) && VUE3) || APP-HARMONY
+    node
+    // #endif
+  },
+  mounted () {
+    this.$nextTick(() => {
+      for (this.root = this.$parent; this.root.$options.name !== 'mp-html'; this.root = this.root.$parent);
+    })
+    // #ifdef H5 || APP-PLUS
+    if (this.opts[0]) {
+      let i
+      for (i = this.childs.length; i--;) {
+        if (this.childs[i].name === 'img') break
+      }
+      if (i !== -1) {
+        this.observer = uni.createIntersectionObserver(this).relativeToViewport({
+          top: 500,
+          bottom: 500
+        })
+        this.observer.observe('._img', res => {
+          if (res.intersectionRatio) {
+            this.$set(this.ctrl, 'load', 1)
+            this.observer.disconnect()
+          }
+        })
+      }
+    }
+    // #endif
+  },
+  beforeDestroy () {
+    // #ifdef H5 || APP-PLUS
+    if (this.observer) {
+      this.observer.disconnect()
+    }
+    // #endif
+  },
+  methods: {
+    // #ifdef MP-WEIXIN
+    toJSON () { return this },
+    // #endif
+    /**
+     * @description 播放视频事件
+     * @param {Event} e
+     */
+    play (e) {
+      const i = e.currentTarget.dataset.i
+      const node = this.childs[i]
+      this.root.$emit('play', {
+        source: node.name,
+        attrs: {
+          ...node.attrs,
+          src: node.src[this.ctrl[i] || 0]
+        }
+      })
+      // #ifndef APP-PLUS
+      if (this.root.pauseVideo) {
+        let flag = false
+        const id = e.target.id
+        for (let i = this.root._videos.length; i--;) {
+          if (this.root._videos[i].id === id) {
+            flag = true
+          } else {
+            this.root._videos[i].pause() // 自动暂停其他视频
+          }
+        }
+        // 将自己加入列表
+        if (!flag) {
+          const ctx = uni.createVideoContext(id
+            // #ifndef MP-BAIDU
+            , this
+            // #endif
+          )
+          ctx.id = id
+          if (this.root.playbackRate) {
+            ctx.playbackRate(this.root.playbackRate)
+          }
+          this.root._videos.push(ctx)
+        }
+      }
+      // #endif
+    },
+
+    /**
+     * @description 图片点击事件
+     * @param {Event} e
+     */
+    imgTap (e) {
+      const node = this.childs[e.currentTarget.dataset.i]
+      if (node.a) {
+        this.linkTap(node.a)
+        return
+      }
+      if (node.attrs.ignore) return
+      // #ifdef H5 || APP-PLUS
+      node.attrs.src = node.attrs.src || node.attrs['data-src']
+      // #endif
+      // #ifndef APP-HARMONY
+      this.root.$emit('imgtap', node.attrs)
+      // #endif
+      // #ifdef APP-HARMONY
+      this.root.$emit('imgtap', {
+        ...node.attrs
+      })
+      // #endif
+      // 自动预览图片
+      if (this.root.previewImg) {
+        uni.previewImage({
+          // #ifdef MP-WEIXIN
+          showmenu: this.root.showImgMenu,
+          // #endif
+          // #ifdef MP-ALIPAY
+          enablesavephoto: this.root.showImgMenu,
+          enableShowPhotoDownload: this.root.showImgMenu,
+          // #endif
+          current: parseInt(node.attrs.i),
+          urls: this.root.imgList
+        })
+      }
+    },
+
+    /**
+     * @description 图片长按
+     */
+    imgLongTap (e) {
+      // #ifdef APP-PLUS
+      const attrs = this.childs[e.currentTarget.dataset.i].attrs
+      if (this.opts[3] && !attrs.ignore) {
+        uni.showActionSheet({
+          itemList: ['保存图片'],
+          success: () => {
+            const save = path => {
+              uni.saveImageToPhotosAlbum({
+                filePath: path,
+                success () {
+                  uni.showToast({
+                    title: '保存成功'
+                  })
+                }
+              })
+            }
+            if (this.root.imgList[attrs.i].startsWith('http')) {
+              uni.downloadFile({
+                url: this.root.imgList[attrs.i],
+                success: res => save(res.tempFilePath)
+              })
+            } else {
+              save(this.root.imgList[attrs.i])
+            }
+          }
+        })
+      }
+      // #endif
+    },
+
+    /**
+     * @description 图片加载完成事件
+     * @param {Event} e
+     */
+    imgLoad (e) {
+      const i = e.currentTarget.dataset.i
+      /* #ifndef H5 || (APP-PLUS && VUE2) */
+      if (!this.childs[i].w) {
+        // 设置原宽度
+        this.$set(this.ctrl, i, e.detail.width)
+      } else /* #endif */ if ((this.opts[1] && !this.ctrl[i]) || this.ctrl[i] === -1) {
+        // 加载完毕，取消加载中占位图
+        this.$set(this.ctrl, i, 1)
+      }
+      this.checkReady()
+    },
+
+    /**
+     * @description 检查是否所有图片加载完毕
+     */
+    checkReady () {
+      if (this.root && !this.root.lazyLoad) {
+        this.root._unloadimgs -= 1
+        if (!this.root._unloadimgs) {
+          setTimeout(() => {
+            this.root.getRect().then(rect => {
+              this.root.$emit('ready', rect)
+            }).catch(() => {
+              this.root.$emit('ready', {})
+            })
+          }, 350)
+        }
+      }
+    },
+
+    /**
+     * @description 链接点击事件
+     * @param {Event} e
+     */
+    linkTap (e) {
+      const node = e.currentTarget ? this.childs[e.currentTarget.dataset.i] : {}
+      const attrs = node.attrs || e
+      const href = attrs.href
+      this.root.$emit('linktap', Object.assign({
+        innerText: this.root.getText(node.children || []) // 链接内的文本内容
+      }, attrs))
+      if (href) {
+        if (href[0] === '#') {
+          // 跳转锚点
+          this.root.navigateTo(href.substring(1)).catch(() => { })
+        } else if (href.split('?')[0].includes('://')) {
+          // 复制外部链接
+          if (this.root.copyLink) {
+            // #ifdef H5
+            window.open(href)
+            // #endif
+            // #ifdef MP
+            uni.setClipboardData({
+              data: href,
+              success: () =>
+                uni.showToast({
+                  title: '链接已复制'
+                })
+            })
+            // #endif
+            // #ifdef APP-PLUS
+            plus.runtime.openWeb(href)
+            // #endif
+          }
+        } else {
+          // 跳转页面
+          uni.navigateTo({
+            url: href,
+            fail () {
+              uni.switchTab({
+                url: href,
+                fail () { }
+              })
+            }
+          })
+        }
+      }
+    },
+
+    /**
+     * @description 错误事件
+     * @param {Event} e
+     */
+    mediaError (e) {
+      const i = e.currentTarget.dataset.i
+      const node = this.childs[i]
+      // 加载其他源
+      if (node.name === 'video' || node.name === 'audio') {
+        let index = (this.ctrl[i] || 0) + 1
+        if (index > node.src.length) {
+          index = 0
+        }
+        if (index < node.src.length) {
+          this.$set(this.ctrl, i, index)
+          return
+        }
+      } else if (node.name === 'img') {
+        // #ifdef H5 && VUE3
+        if (this.opts[0] && !this.ctrl.load) return
+        // #endif
+        // 显示错误占位图
+        if (this.opts[2]) {
+          this.$set(this.ctrl, i, -1)
+        }
+        this.checkReady()
+      }
+      if (this.root) {
+        this.root.$emit('error', {
+          source: node.name,
+          attrs: node.attrs,
+          // #ifndef H5 && VUE3
+          errMsg: e.detail.errMsg
+          // #endif
+        })
+      }
+    }
+  }
+}
+</script>
+<style>
+/* a 标签默认效果 */
+._a {
+  padding: 1.5px 0 1.5px 0;
+  color: #366092;
+  word-break: break-all;
+}
+
+/* a 标签点击态效果 */
+._hover {
+  text-decoration: underline;
+  opacity: 0.7;
+}
+
+/* 图片默认效果 */
+._img {
+  max-width: 100%;
+  -webkit-touch-callout: none;
+}
+
+/* 内部样式 */
+
+._block {
+  display: block;
+}
+
+._b,
+._strong {
+  font-weight: bold;
+}
+
+._code {
+  font-family: monospace;
+}
+
+._del {
+  text-decoration: line-through;
+}
+
+._em,
+._i {
+  font-style: italic;
+}
+
+._h1 {
+  font-size: 2em;
+}
+
+._h2 {
+  font-size: 1.5em;
+}
+
+._h3 {
+  font-size: 1.17em;
+}
+
+._h5 {
+  font-size: 0.83em;
+}
+
+._h6 {
+  font-size: 0.67em;
+}
+
+._h1,
+._h2,
+._h3,
+._h4,
+._h5,
+._h6 {
+  display: block;
+  font-weight: bold;
+}
+
+._image {
+  height: 1px;
+}
+
+._ins {
+  text-decoration: underline;
+}
+
+._li {
+  display: list-item;
+}
+
+._ol {
+  list-style-type: decimal;
+}
+
+._ol,
+._ul {
+  display: block;
+  padding-left: 40px;
+  margin: 1em 0;
+}
+
+._q::before {
+  content: '"';
+}
+
+._q::after {
+  content: '"';
+}
+
+._sub {
+  font-size: smaller;
+  vertical-align: sub;
+}
+
+._sup {
+  font-size: smaller;
+  vertical-align: super;
+}
+
+._thead,
+._tbody,
+._tfoot {
+  display: table-row-group;
+}
+
+._tr {
+  display: table-row;
+}
+
+._td,
+._th {
+  display: table-cell;
+  vertical-align: middle;
+}
+
+._th {
+  font-weight: bold;
+  text-align: center;
+}
+
+._ul {
+  list-style-type: disc;
+}
+
+._ul ._ul {
+  margin: 0;
+  list-style-type: circle;
+}
+
+._ul ._ul ._ul {
+  list-style-type: square;
+}
+
+._abbr,
+._b,
+._code,
+._del,
+._em,
+._i,
+._ins,
+._label,
+._q,
+._span,
+._strong,
+._sub,
+._sup {
+  display: inline;
+}
+
+/* #ifdef APP-PLUS */
+._video {
+  width: 300px;
+  height: 225px;
+}
+/* #endif */
+</style>
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/src/uni-app/components/mp-html/parser.js b/wechat-mini-program/node_modules/mp-html/src/uni-app/components/mp-html/parser.js
new file mode 100644
index 0000000..e8fc979
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/src/uni-app/components/mp-html/parser.js
@@ -0,0 +1,1400 @@
+/**
+ * @fileoverview html 解析器
+ */
+
+// 配置
+const config = {
+  // 信任的标签（保持标签名不变）
+  trustTags: makeMap('a,abbr,ad,audio,b,blockquote,br,code,col,colgroup,dd,del,dl,dt,div,em,fieldset,h1,h2,h3,h4,h5,h6,hr,i,img,ins,label,legend,li,ol,p,q,ruby,rt,source,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,title,ul,video'),
+
+  // 块级标签（转为 div，其他的非信任标签转为 span）
+  blockTags: makeMap('address,article,aside,body,caption,center,cite,footer,header,html,nav,pre,section'),
+
+  // #ifdef (MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE3
+  // 行内标签
+  inlineTags: makeMap('abbr,b,big,code,del,em,i,ins,label,q,small,span,strong,sub,sup'),
+  // #endif
+
+  // 要移除的标签
+  ignoreTags: makeMap('area,base,canvas,embed,frame,head,iframe,input,link,map,meta,param,rp,script,source,style,textarea,title,track,wbr'),
+
+  // 自闭合的标签
+  voidTags: makeMap('area,base,br,col,circle,ellipse,embed,frame,hr,img,input,line,link,meta,param,path,polygon,rect,source,track,use,wbr'),
+
+  // html 实体
+  entities: {
+    lt: '<',
+    gt: '>',
+    quot: '"',
+    apos: "'",
+    ensp: '\u2002',
+    emsp: '\u2003',
+    nbsp: '\xA0',
+    semi: ';',
+    ndash: '–',
+    mdash: '—',
+    middot: '·',
+    lsquo: '‘',
+    rsquo: '’',
+    ldquo: '“',
+    rdquo: '”',
+    bull: '•',
+    hellip: '…',
+    larr: '←',
+    uarr: '↑',
+    rarr: '→',
+    darr: '↓'
+  },
+
+  // 默认的标签样式
+  tagStyle: {
+    // #ifndef APP-PLUS-NVUE
+    address: 'font-style:italic',
+    big: 'display:inline;font-size:1.2em',
+    caption: 'display:table-caption;text-align:center',
+    center: 'text-align:center',
+    cite: 'font-style:italic',
+    dd: 'margin-left:40px',
+    mark: 'background-color:yellow',
+    pre: 'font-family:monospace;white-space:pre',
+    s: 'text-decoration:line-through',
+    small: 'display:inline;font-size:0.8em',
+    strike: 'text-decoration:line-through',
+    u: 'text-decoration:underline'
+    // #endif
+  },
+
+  // svg 大小写对照表
+  svgDict: {
+    animatetransform: 'animateTransform',
+    lineargradient: 'linearGradient',
+    viewbox: 'viewBox',
+    attributename: 'attributeName',
+    repeatcount: 'repeatCount',
+    repeatdur: 'repeatDur',
+    foreignobject: 'foreignObject'
+  }
+}
+const tagSelector = {}
+let windowWidth, system
+// #ifdef MP-WEIXIN
+if (uni.canIUse('getWindowInfo')) {
+  windowWidth = uni.getWindowInfo().windowWidth
+  system = uni.getDeviceInfo().system
+} else {
+// #endif
+  const systemInfo = uni.getSystemInfoSync()
+  windowWidth = systemInfo.windowWidth
+  // #ifdef MP-WEIXIN
+  system = systemInfo.system
+}
+// #endif
+const blankChar = makeMap(' ,\r,\n,\t,\f')
+let idIndex = 0
+
+// #ifdef H5 || APP-PLUS
+config.ignoreTags.iframe = undefined
+config.trustTags.iframe = true
+config.ignoreTags.embed = undefined
+config.trustTags.embed = true
+// #endif
+// #ifdef APP-PLUS-NVUE
+config.ignoreTags.source = undefined
+config.ignoreTags.style = undefined
+// #endif
+
+/**
+ * @description 创建 map
+ * @param {String} str 逗号分隔
+ */
+function makeMap (str) {
+  const map = Object.create(null)
+  const list = str.split(',')
+  for (let i = list.length; i--;) {
+    map[list[i]] = true
+  }
+  return map
+}
+
+/**
+ * @description 解码 html 实体
+ * @param {String} str 要解码的字符串
+ * @param {Boolean} amp 要不要解码 &amp;
+ * @returns {String} 解码后的字符串
+ */
+function decodeEntity (str, amp) {
+  let i = str.indexOf('&')
+  while (i !== -1) {
+    const j = str.indexOf(';', i + 3)
+    let code
+    if (j === -1) break
+    if (str[i + 1] === '#') {
+      // &#123; 形式的实体
+      code = parseInt((str[i + 2] === 'x' ? '0' : '') + str.substring(i + 2, j))
+      if (!isNaN(code)) {
+        str = str.substr(0, i) + String.fromCharCode(code) + str.substr(j + 1)
+      }
+    } else {
+      // &nbsp; 形式的实体
+      code = str.substring(i + 1, j)
+      if (config.entities[code] || (code === 'amp' && amp)) {
+        str = str.substr(0, i) + (config.entities[code] || '&') + str.substr(j + 1)
+      }
+    }
+    i = str.indexOf('&', i + 1)
+  }
+  return str
+}
+
+/**
+ * @description 合并多个块级标签，加快长内容渲染
+ * @param {Array} nodes 要合并的标签数组
+ */
+function mergeNodes (nodes) {
+  let i = nodes.length - 1
+  for (let j = i; j >= -1; j--) {
+    if (j === -1 || nodes[j].c || !nodes[j].name || (nodes[j].name !== 'div' && nodes[j].name !== 'p' && nodes[j].name[0] !== 'h') || (nodes[j].attrs.style || '').includes('inline')) {
+      if (i - j >= 5) {
+        nodes.splice(j + 1, i - j, {
+          name: 'div',
+          attrs: {},
+          children: nodes.slice(j + 1, i + 1)
+        })
+      }
+      i = j - 1
+    }
+  }
+}
+
+/**
+ * @description html 解析器
+ * @param {Object} vm 组件实例
+ */
+function Parser (vm) {
+  this.options = vm || {}
+  this.tagStyle = Object.assign({}, config.tagStyle, this.options.tagStyle)
+  this.imgList = vm.imgList || []
+  this.imgList._unloadimgs = 0
+  this.plugins = vm.plugins || []
+  this.attrs = Object.create(null)
+  this.stack = []
+  this.nodes = []
+  this.pre = (this.options.containerStyle || '').includes('white-space') && this.options.containerStyle.includes('pre') ? 2 : 0
+}
+
+/**
+ * @description 执行解析
+ * @param {String} content 要解析的文本
+ */
+Parser.prototype.parse = function (content) {
+  // 插件处理
+  for (let i = this.plugins.length; i--;) {
+    if (this.plugins[i].onUpdate) {
+      content = this.plugins[i].onUpdate(content, config) || content
+    }
+  }
+
+  new Lexer(this).parse(content)
+  // 出栈未闭合的标签
+  while (this.stack.length) {
+    this.popNode()
+  }
+  if (this.nodes.length > 50) {
+    mergeNodes(this.nodes)
+  }
+  return this.nodes
+}
+
+/**
+ * @description 将标签暴露出来（不被 rich-text 包含）
+ */
+Parser.prototype.expose = function () {
+  // #ifndef APP-PLUS-NVUE
+  for (let i = this.stack.length; i--;) {
+    const item = this.stack[i]
+    if (item.c || item.name === 'a' || item.name === 'video' || item.name === 'audio') return
+    item.c = 1
+  }
+  // #endif
+}
+
+/**
+ * @description 处理插件
+ * @param {Object} node 要处理的标签
+ * @returns {Boolean} 是否要移除此标签
+ */
+Parser.prototype.hook = function (node) {
+  for (let i = this.plugins.length; i--;) {
+    if (this.plugins[i].onParse && this.plugins[i].onParse(node, this) === false) {
+      return false
+    }
+  }
+  return true
+}
+
+/**
+ * @description 将链接拼接上主域名
+ * @param {String} url 需要拼接的链接
+ * @returns {String} 拼接后的链接
+ */
+Parser.prototype.getUrl = function (url) {
+  const domain = this.options.domain
+  if (url[0] === '/') {
+    if (url[1] === '/') {
+      // // 开头的补充协议名
+      url = (domain ? domain.split('://')[0] : 'http') + ':' + url
+    } else if (domain) {
+      // 否则补充整个域名
+      url = domain + url
+    } /* #ifdef APP-PLUS */ else {
+      url = plus.io.convertLocalFileSystemURL(url)
+    } /* #endif */
+  } else if (!url.includes('data:') && !url.includes('://')) {
+    if (domain) {
+      url = domain + '/' + url
+    } /* #ifdef APP-PLUS */ else {
+      url = plus.io.convertLocalFileSystemURL(url)
+    } /* #endif */
+  }
+  return url
+}
+
+/**
+ * @description 解析样式表
+ * @param {Object} node 标签
+ * @returns {Object}
+ */
+Parser.prototype.parseStyle = function (node) {
+  const attrs = node.attrs
+  const list = (this.tagStyle[node.name] || '').split(';').concat((attrs.style || '').split(';'))
+  const styleObj = {}
+  let tmp = ''
+
+  if (attrs.id && !this.xml) {
+    // 暴露锚点
+    if (this.options.useAnchor) {
+      this.expose()
+    } else if (node.name !== 'img' && node.name !== 'a' && node.name !== 'video' && node.name !== 'audio') {
+      attrs.id = undefined
+    }
+  }
+
+  // 转换 width 和 height 属性
+  if (attrs.width) {
+    styleObj.width = parseFloat(attrs.width) + (attrs.width.includes('%') ? '%' : 'px')
+    attrs.width = undefined
+  }
+  if (attrs.height) {
+    styleObj.height = parseFloat(attrs.height) + (attrs.height.includes('%') ? '%' : 'px')
+    attrs.height = undefined
+  }
+
+  for (let i = 0, len = list.length; i < len; i++) {
+    const info = list[i].split(':')
+    if (info.length < 2) continue
+    const key = info.shift().trim().toLowerCase()
+    let value = info.join(':').trim()
+    if ((value[0] === '-' && value.lastIndexOf('-') > 0) || value.includes('safe')) {
+      // 兼容性的 css 不压缩
+      tmp += `;${key}:${value}`
+    } else if (!styleObj[key] || value.includes('import') || !styleObj[key].includes('import')) {
+      // 重复的样式进行覆盖
+      if (value.includes('url')) {
+        // 填充链接
+        let j = value.indexOf('(') + 1
+        if (j) {
+          while (value[j] === '"' || value[j] === "'" || blankChar[value[j]]) {
+            j++
+          }
+          value = value.substr(0, j) + this.getUrl(value.substr(j))
+        }
+      } else if (value.includes('rpx')) {
+        // 转换 rpx（rich-text 内部不支持 rpx）
+        value = value.replace(/[0-9.]+\s*rpx/g, $ => parseFloat($) * windowWidth / 750 + 'px')
+      }
+      styleObj[key] = value
+    }
+  }
+
+  node.attrs.style = tmp
+  return styleObj
+}
+
+/**
+ * @description 解析到标签名
+ * @param {String} name 标签名
+ * @private
+ */
+Parser.prototype.onTagName = function (name) {
+  this.tagName = this.xml ? name : name.toLowerCase()
+  if (this.tagName === 'svg') {
+    this.xml = (this.xml || 0) + 1 // svg 标签内大小写敏感
+    config.ignoreTags.style = undefined // svg 标签内 style 可用
+  }
+}
+
+/**
+ * @description 解析到属性名
+ * @param {String} name 属性名
+ * @private
+ */
+Parser.prototype.onAttrName = function (name) {
+  name = this.xml ? name : name.toLowerCase()
+  // #ifdef (VUE3 && (H5 || APP-PLUS)) || APP-PLUS-NVUE
+  if (name.includes('?') || name.includes(';')) {
+    this.attrName = undefined
+    return
+  }
+  // #endif
+  if (name.substr(0, 5) === 'data-') {
+    if (name === 'data-src' && !this.attrs.src) {
+      // data-src 自动转为 src
+      this.attrName = 'src'
+    } else if (this.tagName === 'img' || this.tagName === 'a') {
+      // a 和 img 标签保留 data- 的属性，可以在 imgtap 和 linktap 事件中使用
+      this.attrName = name
+    } else {
+      // 剩余的移除以减小大小
+      this.attrName = undefined
+    }
+  } else {
+    this.attrName = name
+    this.attrs[name] = 'T' // boolean 型属性缺省设置
+  }
+}
+
+/**
+ * @description 解析到属性值
+ * @param {String} val 属性值
+ * @private
+ */
+Parser.prototype.onAttrVal = function (val) {
+  const name = this.attrName || ''
+  if (name === 'style' || name === 'href') {
+    // 部分属性进行实体解码
+    this.attrs[name] = decodeEntity(val, true)
+  } else if (name.includes('src')) {
+    // 拼接主域名
+    this.attrs[name] = this.getUrl(decodeEntity(val, true))
+  } else if (name) {
+    this.attrs[name] = val
+  }
+}
+
+/**
+ * @description 解析到标签开始
+ * @param {Boolean} selfClose 是否有自闭合标识 />
+ * @private
+ */
+Parser.prototype.onOpenTag = function (selfClose) {
+  // 拼装 node
+  const node = Object.create(null)
+  node.name = this.tagName
+  node.attrs = this.attrs
+  // 避免因为自动 diff 使得 type 被设置为 null 导致部分内容不显示
+  if (this.options.nodes.length) {
+    node.type = 'node'
+  }
+  this.attrs = Object.create(null)
+
+  const attrs = node.attrs
+  const parent = this.stack[this.stack.length - 1]
+  const siblings = parent ? parent.children : this.nodes
+  const close = this.xml ? selfClose : config.voidTags[node.name]
+
+  // 替换标签名选择器
+  if (tagSelector[node.name]) {
+    attrs.class = tagSelector[node.name] + (attrs.class ? ' ' + attrs.class : '')
+  }
+
+  // 转换 embed 标签
+  if (node.name === 'embed') {
+    // #ifndef H5 || APP-PLUS
+    const src = attrs.src || ''
+    // 按照后缀名和 type 将 embed 转为 video 或 audio
+    if (src.includes('.mp4') || src.includes('.3gp') || src.includes('.m3u8') || (attrs.type || '').includes('video')) {
+      node.name = 'video'
+    } else if (src.includes('.mp3') || src.includes('.wav') || src.includes('.aac') || src.includes('.m4a') || (attrs.type || '').includes('audio')) {
+      node.name = 'audio'
+    }
+    if (attrs.autostart) {
+      attrs.autoplay = 'T'
+    }
+    attrs.controls = 'T'
+    // #endif
+    // #ifdef H5 || APP-PLUS
+    this.expose()
+    // #endif
+  }
+
+  // #ifndef APP-PLUS-NVUE
+  // 处理音视频
+  if (node.name === 'video' || node.name === 'audio') {
+    // 设置 id 以便获取 context
+    if (node.name === 'video' && !attrs.id) {
+      attrs.id = 'v' + idIndex++
+    }
+    // 没有设置 controls 也没有设置 autoplay 的自动设置 controls
+    if (!attrs.controls && !attrs.autoplay) {
+      attrs.controls = 'T'
+    }
+    // 用数组存储所有可用的 source
+    node.src = []
+    if (attrs.src) {
+      node.src.push(attrs.src)
+      attrs.src = undefined
+    }
+    this.expose()
+  }
+  // #endif
+
+  // 处理自闭合标签
+  if (close) {
+    if (!this.hook(node) || config.ignoreTags[node.name]) {
+      // 通过 base 标签设置主域名
+      if (node.name === 'base' && !this.options.domain) {
+        this.options.domain = attrs.href
+      } /* #ifndef APP-PLUS-NVUE */ else if (node.name === 'source' && parent && (parent.name === 'video' || parent.name === 'audio') && attrs.src) {
+        // 设置 source 标签（仅父节点为 video 或 audio 时有效）
+        parent.src.push(attrs.src)
+      } /* #endif */
+      return
+    }
+
+    // 解析 style
+    const styleObj = this.parseStyle(node)
+
+    // 处理图片
+    if (node.name === 'img') {
+      if (attrs.src) {
+        // 标记 webp
+        if (attrs.src.includes('webp')) {
+          node.webp = 'T'
+        }
+        // data url 图片如果没有设置 original-src 默认为不可预览的小图片
+        if (attrs.src.includes('data:') && this.options.previewImg !== 'all' && !attrs['original-src']) {
+          attrs.ignore = 'T'
+        }
+        if (!attrs.ignore || node.webp || attrs.src.includes('cloud://')) {
+          for (let i = this.stack.length; i--;) {
+            const item = this.stack[i]
+            if (item.name === 'a') {
+              node.a = item.attrs
+            }
+            if (item.name === 'table' && !node.webp && !attrs.src.includes('cloud://')) {
+              if (!styleObj.display || styleObj.display.includes('inline')) {
+                node.t = 'inline-block'
+              } else {
+                node.t = styleObj.display
+              }
+              styleObj.display = undefined
+            }
+            // #ifndef H5 || APP-PLUS
+            const style = item.attrs.style || ''
+            if (style.includes('flex:') && !style.includes('flex:0') && !style.includes('flex: 0') && (!styleObj.width || parseInt(styleObj.width) > 100)) {
+              styleObj.width = '100% !important'
+              styleObj.height = ''
+              for (let j = i + 1; j < this.stack.length; j++) {
+                this.stack[j].attrs.style = (this.stack[j].attrs.style || '').replace('inline-', '')
+              }
+            } else if (style.includes('flex') && styleObj.width === '100%') {
+              for (let j = i + 1; j < this.stack.length; j++) {
+                const style = this.stack[j].attrs.style || ''
+                if (!style.includes(';width') && !style.includes(' width') && style.indexOf('width') !== 0) {
+                  styleObj.width = ''
+                  break
+                }
+              }
+            } else if (style.includes('inline-block')) {
+              if (styleObj.width && styleObj.width[styleObj.width.length - 1] === '%') {
+                item.attrs.style += ';max-width:' + styleObj.width
+                styleObj.width = ''
+              } else {
+                item.attrs.style += ';max-width:100%'
+              }
+            }
+            // #endif
+            item.c = 1
+          }
+          attrs.i = this.imgList.length.toString()
+          let src = attrs['original-src'] || attrs.src
+          // #ifndef H5 || MP-ALIPAY || APP-PLUS || MP-360
+          if (this.imgList.includes(src)) {
+            // 如果有重复的链接则对域名进行随机大小写变换避免预览时错位
+            let i = src.indexOf('://')
+            if (i !== -1) {
+              i += 3
+              let newSrc = src.substr(0, i)
+              for (; i < src.length; i++) {
+                if (src[i] === '/') break
+                newSrc += Math.random() > 0.5 ? src[i].toUpperCase() : src[i]
+              }
+              newSrc += src.substr(i)
+              src = newSrc
+            }
+          }
+          // #endif
+          this.imgList.push(src)
+          if (!node.t) {
+            this.imgList._unloadimgs += 1
+          }
+          // #ifdef H5 || APP-PLUS
+          if (this.options.lazyLoad) {
+            attrs['data-src'] = attrs.src
+            attrs.src = undefined
+          }
+          // #endif
+        }
+      }
+      if (styleObj.display === 'inline') {
+        styleObj.display = ''
+      }
+      // #ifndef APP-PLUS-NVUE
+      if (attrs.ignore) {
+        styleObj['max-width'] = styleObj['max-width'] || '100%'
+        attrs.style += ';-webkit-touch-callout:none'
+      }
+      // #endif
+      // 设置的宽度超出屏幕，为避免变形，高度转为自动
+      if (parseInt(styleObj.width) > windowWidth) {
+        styleObj.height = undefined
+      }
+      // 记录是否设置了宽高
+      if (!isNaN(parseInt(styleObj.width))) {
+        node.w = 'T'
+      }
+      if (!isNaN(parseInt(styleObj.height)) && (!styleObj.height.includes('%') || (parent && (parent.attrs.style || '').includes('height')))) {
+        node.h = 'T'
+      }
+      if (node.w && node.h && styleObj['object-fit']) {
+        if (styleObj['object-fit'] === 'contain') {
+          node.m = 'aspectFit'
+        } else if (styleObj['object-fit'] === 'cover') {
+          node.m = 'aspectFill'
+        }
+      }
+    } else if (node.name === 'svg') {
+      siblings.push(node)
+      this.stack.push(node)
+      this.popNode()
+      return
+    }
+    for (const key in styleObj) {
+      if (styleObj[key]) {
+        attrs.style += `;${key}:${styleObj[key].replace(' !important', '')}`
+      }
+    }
+    attrs.style = attrs.style.substr(1) || undefined
+    // #ifdef (MP-WEIXIN || MP-QQ) && VUE3
+    if (!attrs.style) {
+      delete attrs.style
+    }
+    // #endif
+  } else {
+    if ((node.name === 'pre' || ((attrs.style || '').includes('white-space') && attrs.style.includes('pre'))) && this.pre !== 2) {
+      this.pre = node.pre = 1
+    }
+    node.children = []
+    this.stack.push(node)
+  }
+
+  // 加入节点树
+  siblings.push(node)
+}
+
+/**
+ * @description 解析到标签结束
+ * @param {String} name 标签名
+ * @private
+ */
+Parser.prototype.onCloseTag = function (name) {
+  // 依次出栈到匹配为止
+  name = this.xml ? name : name.toLowerCase()
+  let i
+  for (i = this.stack.length; i--;) {
+    if (this.stack[i].name === name) break
+  }
+  if (i !== -1) {
+    while (this.stack.length > i) {
+      this.popNode()
+    }
+  } else if (name === 'p' || name === 'br') {
+    const siblings = this.stack.length ? this.stack[this.stack.length - 1].children : this.nodes
+    siblings.push({
+      name,
+      attrs: {
+        class: tagSelector[name] || '',
+        style: this.tagStyle[name] || ''
+      }
+    })
+  }
+}
+
+/**
+ * @description 处理标签出栈
+ * @private
+ */
+Parser.prototype.popNode = function () {
+  const node = this.stack.pop()
+  let attrs = node.attrs
+  const children = node.children
+  const parent = this.stack[this.stack.length - 1]
+  const siblings = parent ? parent.children : this.nodes
+
+  if (!this.hook(node) || config.ignoreTags[node.name]) {
+    // 获取标题
+    if (node.name === 'title' && children.length && children[0].type === 'text' && this.options.setTitle) {
+      uni.setNavigationBarTitle({
+        title: children[0].text
+      })
+    }
+    siblings.pop()
+    return
+  }
+
+  if (node.pre && this.pre !== 2) {
+    // 是否合并空白符标识
+    this.pre = node.pre = undefined
+    for (let i = this.stack.length; i--;) {
+      if (this.stack[i].pre) {
+        this.pre = 1
+      }
+    }
+  }
+
+  const styleObj = {}
+
+  // 转换 svg
+  if (node.name === 'svg') {
+    if (this.xml > 1) {
+      // 多层 svg 嵌套
+      this.xml--
+      return
+    }
+    // #ifdef APP-PLUS-NVUE
+    (function traversal (node) {
+      if (node.name) {
+        // 调整 svg 的大小写
+        node.name = config.svgDict[node.name] || node.name
+        for (const item in node.attrs) {
+          if (config.svgDict[item]) {
+            node.attrs[config.svgDict[item]] = node.attrs[item]
+            node.attrs[item] = undefined
+          }
+        }
+        for (let i = 0; i < (node.children || []).length; i++) {
+          traversal(node.children[i])
+        }
+      }
+    })(node)
+    // #endif
+    // #ifndef APP-PLUS-NVUE
+    let src = ''
+    const style = attrs.style
+    attrs.style = ''
+    attrs.xmlns = 'http://www.w3.org/2000/svg';
+    (function traversal (node) {
+      if (node.type === 'text') {
+        src += node.text
+        return
+      }
+      const name = config.svgDict[node.name] || node.name
+      if (name === 'foreignObject') {
+        for (const child of (node.children || [])) {
+          if (child.attrs && !child.attrs.xmlns) {
+            child.attrs.xmlns = 'http://www.w3.org/1999/xhtml'
+            break
+          }
+        }
+      }
+      src += '<' + name
+      for (const item in node.attrs) {
+        const val = node.attrs[item]
+        if (val) {
+          src += ` ${config.svgDict[item] || item}="${val.replace(/"/g, '')}"`
+        }
+      }
+      if (!node.children) {
+        src += '/>'
+      } else {
+        src += '>'
+        for (let i = 0; i < node.children.length; i++) {
+          traversal(node.children[i])
+        }
+        src += '</' + name + '>'
+      }
+    })(node)
+    node.name = 'img'
+    node.attrs = {
+      src: 'data:image/svg+xml;utf8,' + src.replace(/#/g, '%23'),
+      style,
+      ignore: 'T'
+    }
+    node.children = undefined
+    // #endif
+    this.xml = false
+    config.ignoreTags.style = true
+    return
+  }
+
+  // #ifndef APP-PLUS-NVUE
+  // 转换 align 属性
+  if (attrs.align) {
+    if (node.name === 'table') {
+      if (attrs.align === 'center') {
+        styleObj['margin-inline-start'] = styleObj['margin-inline-end'] = 'auto'
+      } else {
+        styleObj.float = attrs.align
+      }
+    } else {
+      styleObj['text-align'] = attrs.align
+    }
+    attrs.align = undefined
+  }
+
+  // 转换 dir 属性
+  if (attrs.dir) {
+    styleObj.direction = attrs.dir
+    attrs.dir = undefined
+  }
+
+  // 转换 font 标签的属性
+  if (node.name === 'font') {
+    if (attrs.color) {
+      styleObj.color = attrs.color
+      attrs.color = undefined
+    }
+    if (attrs.face) {
+      styleObj['font-family'] = attrs.face
+      attrs.face = undefined
+    }
+    if (attrs.size) {
+      let size = parseInt(attrs.size)
+      if (!isNaN(size)) {
+        if (size < 1) {
+          size = 1
+        } else if (size > 7) {
+          size = 7
+        }
+        styleObj['font-size'] = ['x-small', 'small', 'medium', 'large', 'x-large', 'xx-large', 'xxx-large'][size - 1]
+      }
+      attrs.size = undefined
+    }
+  }
+  // #endif
+
+  // 一些编辑器的自带 class
+  if ((attrs.class || '').includes('align-center')) {
+    styleObj['text-align'] = 'center'
+  }
+
+  Object.assign(styleObj, this.parseStyle(node))
+
+  if (node.name !== 'table' && parseInt(styleObj.width) > windowWidth) {
+    styleObj['max-width'] = '100%'
+    styleObj['box-sizing'] = 'border-box'
+  }
+
+  // #ifndef APP-PLUS-NVUE
+  if (config.blockTags[node.name]) {
+    node.name = 'div'
+  } else if (!config.trustTags[node.name] && !this.xml) {
+    // 未知标签转为 span，避免无法显示
+    node.name = 'span'
+  }
+
+  if (node.name === 'a' || node.name === 'ad'
+    // #ifdef H5 || APP-PLUS
+    || node.name === 'iframe' // eslint-disable-line
+    // #endif
+  ) {
+    this.expose()
+  } else if (node.name === 'video') {
+    if ((styleObj.height || '').includes('auto')) {
+      styleObj.height = undefined
+    }
+    /* #ifdef APP-PLUS */
+    let str = '<video style="width:100%;height:100%"'
+    for (const item in attrs) {
+      if (attrs[item]) {
+        str += ' ' + item + '="' + attrs[item] + '"'
+      }
+    }
+    if (this.options.pauseVideo) {
+      str += ' onplay="this.dispatchEvent(new CustomEvent(\'vplay\',{bubbles:!0}));for(var e=document.getElementsByTagName(\'video\'),t=0;t<e.length;t++)e[t]!=this&&e[t].pause()"'
+    }
+    str += '>'
+    for (let i = 0; i < node.src.length; i++) {
+      str += '<source src="' + node.src[i] + '">'
+    }
+    str += '</video>'
+    node.html = str
+    /* #endif */
+  } else if ((node.name === 'ul' || node.name === 'ol') && node.c) {
+    // 列表处理
+    const types = {
+      a: 'lower-alpha',
+      A: 'upper-alpha',
+      i: 'lower-roman',
+      I: 'upper-roman'
+    }
+    if (types[attrs.type]) {
+      attrs.style += ';list-style-type:' + types[attrs.type]
+      attrs.type = undefined
+    }
+    for (let i = children.length; i--;) {
+      if (children[i].name === 'li') {
+        children[i].c = 1
+      }
+    }
+  } else if (node.name === 'table') {
+    // 表格处理
+    // cellpadding、cellspacing、border 这几个常用表格属性需要通过转换实现
+    let padding = parseFloat(attrs.cellpadding)
+    let spacing = parseFloat(attrs.cellspacing)
+    const border = parseFloat(attrs.border)
+    const bordercolor = styleObj['border-color']
+    const borderstyle = styleObj['border-style']
+    if (node.c) {
+      // padding 和 spacing 默认 2
+      if (isNaN(padding)) {
+        padding = 2
+      }
+      if (isNaN(spacing)) {
+        spacing = 2
+      }
+    }
+    if (border) {
+      attrs.style += `;border:${border}px ${borderstyle || 'solid'} ${bordercolor || 'gray'}`
+    }
+    if (node.flag && node.c) {
+      // 有 colspan 或 rowspan 且含有链接的表格通过 grid 布局实现
+      styleObj.display = 'grid'
+      if (styleObj['border-collapse'] === 'collapse') {
+        styleObj['border-collapse'] = undefined
+        spacing = 0
+      }
+      if (spacing) {
+        styleObj['grid-gap'] = spacing + 'px'
+        styleObj.padding = spacing + 'px'
+      } else if (border) {
+        // 无间隔的情况下避免边框重叠
+        attrs.style += ';border-left:0;border-top:0'
+      }
+
+      const width = [] // 表格的列宽
+      const trList = [] // tr 列表
+      const cells = [] // 保存新的单元格
+      const map = {}; // 被合并单元格占用的格子
+
+      (function traversal (nodes) {
+        for (let i = 0; i < nodes.length; i++) {
+          if (nodes[i].name === 'tr') {
+            trList.push(nodes[i])
+          } else if (nodes[i].name === 'colgroup') {
+            let colI = 1
+            for (const col of (nodes[i].children || [])) {
+              if (col.name === 'col') {
+                const style = col.attrs.style || ''
+                const start = style.indexOf('width') ? style.indexOf(';width') : 0
+                // 提取出宽度
+                if (start !== -1) {
+                  let end = style.indexOf(';', start + 6)
+                  if (end === -1) {
+                    end = style.length
+                  }
+                  width[colI] = style.substring(start ? start + 7 : 6, end)
+                }
+                colI += 1
+              }
+            }
+          } else {
+            traversal(nodes[i].children || [])
+          }
+        }
+      })(children)
+
+      for (let row = 1; row <= trList.length; row++) {
+        let col = 1
+        for (let j = 0; j < trList[row - 1].children.length; j++) {
+          const td = trList[row - 1].children[j]
+          if (td.name === 'td' || td.name === 'th') {
+            // 这个格子被上面的单元格占用，则列号++
+            while (map[row + '.' + col]) {
+              col++
+            }
+            let style = td.attrs.style || ''
+            let start = style.indexOf('width') ? style.indexOf(';width') : 0
+            // 提取出 td 的宽度
+            if (start !== -1) {
+              let end = style.indexOf(';', start + 6)
+              if (end === -1) {
+                end = style.length
+              }
+              if (!td.attrs.colspan) {
+                width[col] = style.substring(start ? start + 7 : 6, end)
+              }
+              style = style.substr(0, start) + style.substr(end)
+            }
+            // 设置竖直对齐
+            style += ';display:flex'
+            start = style.indexOf('vertical-align')
+            if (start !== -1) {
+              const val = style.substr(start + 15, 10)
+              if (val.includes('middle')) {
+                style += ';align-items:center'
+              } else if (val.includes('bottom')) {
+                style += ';align-items:flex-end'
+              }
+            } else {
+              style += ';align-items:center'
+            }
+            // 设置水平对齐
+            start = style.indexOf('text-align')
+            if (start !== -1) {
+              const val = style.substr(start + 11, 10)
+              if (val.includes('center')) {
+                style += ';justify-content: center'
+              } else if (val.includes('right')) {
+                style += ';justify-content: right'
+              }
+            }
+            style = (border ? `;border:${border}px ${borderstyle || 'solid'} ${bordercolor || 'gray'}` + (spacing ? '' : ';border-right:0;border-bottom:0') : '') + (padding ? `;padding:${padding}px` : '') + ';' + style
+            // 处理列合并
+            if (td.attrs.colspan) {
+              style += `;grid-column-start:${col};grid-column-end:${col + parseInt(td.attrs.colspan)}`
+              if (!td.attrs.rowspan) {
+                style += `;grid-row-start:${row};grid-row-end:${row + 1}`
+              }
+              col += parseInt(td.attrs.colspan) - 1
+            }
+            // 处理行合并
+            if (td.attrs.rowspan) {
+              style += `;grid-row-start:${row};grid-row-end:${row + parseInt(td.attrs.rowspan)}`
+              if (!td.attrs.colspan) {
+                style += `;grid-column-start:${col};grid-column-end:${col + 1}`
+              }
+              // 记录下方单元格被占用
+              for (let rowspan = 1; rowspan < td.attrs.rowspan; rowspan++) {
+                for (let colspan = 0; colspan < (td.attrs.colspan || 1); colspan++) {
+                  map[(row + rowspan) + '.' + (col - colspan)] = 1
+                }
+              }
+            }
+            if (style) {
+              td.attrs.style = style
+            }
+            cells.push(td)
+            col++
+          }
+        }
+        if (row === 1) {
+          let temp = ''
+          for (let i = 1; i < col; i++) {
+            temp += (width[i] ? width[i] : 'auto') + ' '
+          }
+          styleObj['grid-template-columns'] = temp
+        }
+      }
+      node.children = cells
+    } else {
+      // 没有使用合并单元格的表格通过 table 布局实现
+      if (node.c) {
+        styleObj.display = 'table'
+      }
+      if (!isNaN(spacing)) {
+        styleObj['border-spacing'] = spacing + 'px'
+      }
+      if (border || padding) {
+        // 遍历
+        (function traversal (nodes) {
+          for (let i = 0; i < nodes.length; i++) {
+            const td = nodes[i]
+            if (td.name === 'th' || td.name === 'td') {
+              if (border) {
+                td.attrs.style = `border:${border}px ${borderstyle || 'solid'} ${bordercolor || 'gray'};${td.attrs.style || ''}`
+              }
+              if (padding) {
+                td.attrs.style = `padding:${padding}px;${td.attrs.style || ''}`
+              }
+            } else if (td.children) {
+              traversal(td.children)
+            }
+          }
+        })(children)
+      }
+    }
+    // 给表格添加一个单独的横向滚动层
+    if (this.options.scrollTable && !(attrs.style || '').includes('inline')) {
+      const table = Object.assign({}, node)
+      node.name = 'div'
+      node.attrs = {
+        style: 'overflow:auto'
+      }
+      node.children = [table]
+      attrs = table.attrs
+    }
+  } else if ((node.name === 'tbody' || node.name === 'tr') && node.flag && node.c) {
+    node.flag = undefined;
+    (function traversal (nodes) {
+      for (let i = 0; i < nodes.length; i++) {
+        if (nodes[i].name === 'td') {
+          // 颜色样式设置给单元格避免丢失
+          for (const style of ['color', 'background', 'background-color']) {
+            if (styleObj[style]) {
+              nodes[i].attrs.style = style + ':' + styleObj[style] + ';' + (nodes[i].attrs.style || '')
+            }
+          }
+        } else {
+          traversal(nodes[i].children || [])
+        }
+      }
+    })(children)
+  } else if ((node.name === 'td' || node.name === 'th') && (attrs.colspan || attrs.rowspan)) {
+    for (let i = this.stack.length; i--;) {
+      if (this.stack[i].name === 'table' || this.stack[i].name === 'tbody' || this.stack[i].name === 'tr') {
+        this.stack[i].flag = 1 // 指示含有合并单元格
+      }
+    }
+  } else if (node.name === 'ruby') {
+    // 转换 ruby
+    node.name = 'span'
+    for (let i = 0; i < children.length - 1; i++) {
+      if (children[i].type === 'text' && children[i + 1].name === 'rt') {
+        children[i] = {
+          name: 'div',
+          attrs: {
+            style: 'display:inline-block;text-align:center'
+          },
+          children: [{
+            name: 'div',
+            attrs: {
+              style: 'font-size:50%;' + (children[i + 1].attrs.style || '')
+            },
+            children: children[i + 1].children
+          }, children[i]]
+        }
+        children.splice(i + 1, 1)
+      }
+    }
+  } else if (node.c) {
+    (function traversal (node) {
+      node.c = 2
+      for (let i = node.children.length; i--;) {
+        const child = node.children[i]
+        // #ifdef (MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE3
+        if (child.name && (config.inlineTags[child.name] || ((child.attrs.style || '').includes('inline') && child.children)) && !child.c) {
+          traversal(child)
+        }
+        // #endif
+        if (!child.c || child.name === 'table') {
+          node.c = 1
+        }
+      }
+    })(node)
+  }
+
+  if ((styleObj.display || '').includes('flex') && !node.c) {
+    for (let i = children.length; i--;) {
+      const item = children[i]
+      if (item.f) {
+        item.attrs.style = (item.attrs.style || '') + item.f
+        item.f = undefined
+      }
+    }
+  }
+  // flex 布局时部分样式需要提取到 rich-text 外层
+  const flex = parent && ((parent.attrs.style || '').includes('flex') || (parent.attrs.style || '').includes('grid'))
+    // #ifdef MP-WEIXIN
+    // 检查基础库版本 virtualHost 是否可用
+    && !(node.c && wx.getNFCAdapter) // eslint-disable-line
+    // #endif
+    // #ifndef MP-WEIXIN || MP-QQ || MP-BAIDU || MP-TOUTIAO
+    && !node.c // eslint-disable-line
+  // #endif
+  if (flex) {
+    node.f = ';max-width:100%'
+  }
+
+  if (children.length >= 50 && node.c && !(styleObj.display || '').includes('flex')) {
+    mergeNodes(children)
+  }
+  // #endif
+
+  for (const key in styleObj) {
+    if (styleObj[key]) {
+      const val = `;${key}:${styleObj[key].replace(' !important', '')}`
+      /* #ifndef APP-PLUS-NVUE */
+      if (flex && ((key.includes('flex') && key !== 'flex-direction') || key === 'align-self' || key.includes('grid') || styleObj[key][0] === '-' || (key.includes('width') && val.includes('%')))) {
+        node.f += val
+        if (key === 'width') {
+          attrs.style += ';width:100%'
+        }
+      } else /* #endif */ {
+        attrs.style += val
+      }
+    }
+  }
+  attrs.style = attrs.style.substr(1) || undefined
+  // #ifdef (MP-WEIXIN || MP-QQ) && VUE3
+  for (const key in attrs) {
+    if (!attrs[key]) {
+      delete attrs[key]
+    }
+  }
+  // #endif
+}
+
+/**
+ * @description 解析到文本
+ * @param {String} text 文本内容
+ */
+Parser.prototype.onText = function (text) {
+  if (!this.pre) {
+    // 合并空白符
+    let trim = ''
+    let flag
+    for (let i = 0, len = text.length; i < len; i++) {
+      if (!blankChar[text[i]]) {
+        trim += text[i]
+      } else {
+        if (trim[trim.length - 1] !== ' ') {
+          trim += ' '
+        }
+        if (text[i] === '\n' && !flag) {
+          flag = true
+        }
+      }
+    }
+    // 去除含有换行符的空串
+    if (trim === ' ') {
+      if (flag) return
+      // #ifdef VUE3
+      else {
+        const parent = this.stack[this.stack.length - 1]
+        if (parent && parent.name[0] === 't') return
+      }
+      // #endif
+    }
+    text = trim
+  }
+  const node = Object.create(null)
+  node.type = 'text'
+  // #ifdef (MP-BAIDU || MP-ALIPAY || MP-TOUTIAO) && VUE3
+  node.attrs = {}
+  // #endif
+  node.text = decodeEntity(text)
+  if (this.hook(node)) {
+    // #ifdef MP-WEIXIN
+    if (this.options.selectable === 'force' && system.includes('iOS') && !uni.canIUse('rich-text.user-select')) {
+      this.expose()
+    }
+    // #endif
+    const siblings = this.stack.length ? this.stack[this.stack.length - 1].children : this.nodes
+    siblings.push(node)
+  }
+}
+
+/**
+ * @description html 词法分析器
+ * @param {Object} handler 高层处理器
+ */
+function Lexer (handler) {
+  this.handler = handler
+}
+
+/**
+ * @description 执行解析
+ * @param {String} content 要解析的文本
+ */
+Lexer.prototype.parse = function (content) {
+  this.content = content || ''
+  this.i = 0 // 标记解析位置
+  this.start = 0 // 标记一个单词的开始位置
+  this.state = this.text // 当前状态
+  for (let len = this.content.length; this.i !== -1 && this.i < len;) {
+    this.state()
+  }
+}
+
+/**
+ * @description 检查标签是否闭合
+ * @param {String} method 如果闭合要进行的操作
+ * @returns {Boolean} 是否闭合
+ * @private
+ */
+Lexer.prototype.checkClose = function (method) {
+  const selfClose = this.content[this.i] === '/'
+  if (this.content[this.i] === '>' || (selfClose && this.content[this.i + 1] === '>')) {
+    if (method) {
+      this.handler[method](this.content.substring(this.start, this.i))
+    }
+    this.i += selfClose ? 2 : 1
+    this.start = this.i
+    this.handler.onOpenTag(selfClose)
+    if (this.handler.tagName === 'script') {
+      this.i = this.content.indexOf('</', this.i)
+      if (this.i !== -1) {
+        this.i += 2
+        this.start = this.i
+      }
+      this.state = this.endTag
+    } else {
+      this.state = this.text
+    }
+    return true
+  }
+  return false
+}
+
+/**
+ * @description 文本状态
+ * @private
+ */
+Lexer.prototype.text = function () {
+  this.i = this.content.indexOf('<', this.i) // 查找最近的标签
+  if (this.i === -1) {
+    // 没有标签了
+    if (this.start < this.content.length) {
+      this.handler.onText(this.content.substring(this.start, this.content.length))
+    }
+    return
+  }
+  const c = this.content[this.i + 1]
+  if ((c >= 'a' && c <= 'z') || (c >= 'A' && c <= 'Z')) {
+    // 标签开头
+    if (this.start !== this.i) {
+      this.handler.onText(this.content.substring(this.start, this.i))
+    }
+    this.start = ++this.i
+    this.state = this.tagName
+  } else if (c === '/' || c === '!' || c === '?') {
+    if (this.start !== this.i) {
+      this.handler.onText(this.content.substring(this.start, this.i))
+    }
+    const next = this.content[this.i + 2]
+    if (c === '/' && ((next >= 'a' && next <= 'z') || (next >= 'A' && next <= 'Z'))) {
+      // 标签结尾
+      this.i += 2
+      this.start = this.i
+      this.state = this.endTag
+      return
+    }
+    // 处理注释
+    let end = '-->'
+    if (c !== '!' || this.content[this.i + 2] !== '-' || this.content[this.i + 3] !== '-') {
+      end = '>'
+    }
+    this.i = this.content.indexOf(end, this.i)
+    if (this.i !== -1) {
+      this.i += end.length
+      this.start = this.i
+    }
+  } else {
+    this.i++
+  }
+}
+
+/**
+ * @description 标签名状态
+ * @private
+ */
+Lexer.prototype.tagName = function () {
+  if (blankChar[this.content[this.i]]) {
+    // 解析到标签名
+    this.handler.onTagName(this.content.substring(this.start, this.i))
+    while (blankChar[this.content[++this.i]]);
+    if (this.i < this.content.length && !this.checkClose()) {
+      this.start = this.i
+      this.state = this.attrName
+    }
+  } else if (!this.checkClose('onTagName')) {
+    this.i++
+  }
+}
+
+/**
+ * @description 属性名状态
+ * @private
+ */
+Lexer.prototype.attrName = function () {
+  let c = this.content[this.i]
+  if (blankChar[c] || c === '=') {
+    // 解析到属性名
+    this.handler.onAttrName(this.content.substring(this.start, this.i))
+    let needVal = c === '='
+    const len = this.content.length
+    while (++this.i < len) {
+      c = this.content[this.i]
+      if (!blankChar[c]) {
+        if (this.checkClose()) return
+        if (needVal) {
+          // 等号后遇到第一个非空字符
+          this.start = this.i
+          this.state = this.attrVal
+          return
+        }
+        if (this.content[this.i] === '=') {
+          needVal = true
+        } else {
+          this.start = this.i
+          this.state = this.attrName
+          return
+        }
+      }
+    }
+  } else if (!this.checkClose('onAttrName')) {
+    this.i++
+  }
+}
+
+/**
+ * @description 属性值状态
+ * @private
+ */
+Lexer.prototype.attrVal = function () {
+  const c = this.content[this.i]
+  const len = this.content.length
+  if (c === '"' || c === "'") {
+    // 有冒号的属性
+    this.start = ++this.i
+    this.i = this.content.indexOf(c, this.i)
+    if (this.i === -1) return
+    this.handler.onAttrVal(this.content.substring(this.start, this.i))
+  } else {
+    // 没有冒号的属性
+    for (; this.i < len; this.i++) {
+      if (blankChar[this.content[this.i]]) {
+        this.handler.onAttrVal(this.content.substring(this.start, this.i))
+        break
+      } else if (this.checkClose('onAttrVal')) return
+    }
+  }
+  while (blankChar[this.content[++this.i]]);
+  if (this.i < len && !this.checkClose()) {
+    this.start = this.i
+    this.state = this.attrName
+  }
+}
+
+/**
+ * @description 结束标签状态
+ * @returns {String} 结束的标签名
+ * @private
+ */
+Lexer.prototype.endTag = function () {
+  const c = this.content[this.i]
+  if (blankChar[c] || c === '>' || c === '/') {
+    this.handler.onCloseTag(this.content.substring(this.start, this.i))
+    if (c !== '>') {
+      this.i = this.content.indexOf('>', this.i)
+      if (this.i === -1) return
+    }
+    this.start = ++this.i
+    this.state = this.text
+  } else {
+    this.i++
+  }
+}
+
+export default Parser
diff --git a/wechat-mini-program/node_modules/mp-html/src/uni-app/static/app-plus/mp-html/js/handler.js b/wechat-mini-program/node_modules/mp-html/src/uni-app/static/app-plus/mp-html/js/handler.js
new file mode 100644
index 0000000..c62f674
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/src/uni-app/static/app-plus/mp-html/js/handler.js
@@ -0,0 +1,254 @@
+// 等待初始化完毕
+document.addEventListener('UniAppJSBridgeReady', () => {
+  document.body.onclick = () =>
+    uni.postMessage({
+      data: {
+        action: 'onClick'
+      }
+    })
+  uni.postMessage({
+    data: {
+      action: 'onJSBridgeReady'
+    }
+  })
+})
+
+let options
+let medias = []
+
+/**
+ * @description 获取标签的所有属性
+ * @param {Element} ele
+ */
+function getAttrs (ele) {
+  const attrs = Object.create(null)
+  for (let i = ele.attributes.length; i--;) {
+    attrs[ele.attributes[i].name] = ele.attributes[i].value
+  }
+  return attrs
+}
+
+/**
+ * @description 图片加载出错
+ */
+function onImgError () {
+  if (options[1]) {
+    this.src = options[1]
+    this.onerror = null
+  }
+  // 取消监听点击
+  this.onclick = null
+  this.ontouchstart = null
+  uni.postMessage({
+    data: {
+      action: 'onError',
+      source: 'img',
+      attrs: getAttrs(this)
+    }
+  })
+}
+
+/**
+ * @description 检查是否所有图片加载完毕
+ */
+function checkReady () {
+  window.unloadimgs -= 1
+  if (window.unloadimgs === 0) {
+    // 所有图片加载完毕
+    uni.postMessage({
+      data: {
+        action: 'onReady'
+      }
+    })
+  }
+}
+
+/**
+ * @description 创建 dom 结构
+ * @param {object[]} nodes 节点数组
+ * @param {Element} parent 父节点
+ * @param {string} namespace 命名空间
+ */
+function createDom (nodes, parent, namespace) {
+  for (let i = 0; i < nodes.length; i++) {
+    const node = nodes[i]
+    let ele
+    if (!node.type || node.type === 'node') {
+      let name = node.name
+      // svg 需要设置 namespace
+      if (name === 'svg') {
+        namespace = 'http://www.w3.org/2000/svg'
+      }
+      if (name === 'html' || name === 'body') {
+        name = 'div'
+      }
+      // 创建标签
+      if (!namespace) {
+        ele = document.createElement(name)
+      } else {
+        ele = document.createElementNS(namespace, name)
+      }
+      // 设置属性
+      for (const item in node.attrs) {
+        ele.setAttribute(item, node.attrs[item])
+      }
+      // 递归创建子节点
+      if (node.children) {
+        createDom(node.children, ele, namespace)
+      }
+
+      // 处理图片
+      if (name === 'img') {
+        window.unloadimgs += 1
+        ele.onload = checkReady
+        ele.onerror = checkReady
+        if (!ele.src && ele.getAttribute('data-src')) {
+          ele.src = ele.getAttribute('data-src')
+        }
+        if (!node.attrs.ignore) {
+          // 监听图片点击事件
+          ele.onclick = function (e) {
+            e.stopPropagation()
+            uni.postMessage({
+              data: {
+                action: 'onImgTap',
+                attrs: getAttrs(this)
+              }
+            })
+          }
+        }
+        if (options[2]) {
+          const image = new Image()
+          image.src = ele.src
+          ele.src = options[2]
+          image.onload = function () {
+            ele.src = this.src
+          }
+          image.onerror = function () {
+            ele.onerror()
+          }
+        }
+        ele.onerror = onImgError
+      } else if (name === 'a') {
+        // 处理链接
+        ele.addEventListener('click', function (e) {
+          e.stopPropagation()
+          e.preventDefault() // 阻止默认跳转
+          const href = this.getAttribute('href')
+          let offset
+          if (href && href[0] === '#') {
+            offset = (document.getElementById(href.substr(1)) || {}).offsetTop
+          }
+          uni.postMessage({
+            data: {
+              action: 'onLinkTap',
+              attrs: getAttrs(this),
+              offset
+            }
+          })
+        }, true)
+      } else if (name === 'video' || name === 'audio') {
+        // 处理音视频
+        medias.push(ele)
+        if (!node.attrs.autoplay && !node.attrs.controls) {
+          ele.setAttribute('controls', 'true')
+        }
+        ele.onplay = function () {
+          uni.postMessage({
+            data: {
+              action: 'onPlay'
+            }
+          })
+          if (options[3]) {
+            for (let i = 0; i < medias.length; i++) {
+              if (medias[i] !== this) {
+                medias[i].pause()
+              }
+            }
+          }
+        }
+        ele.onerror = function () {
+          uni.postMessage({
+            data: {
+              action: 'onError',
+              source: name,
+              attrs: getAttrs(this)
+            }
+          })
+        }
+      } else if (name === 'table' && options[4] && !ele.style.cssText.includes('inline')) {
+        // 处理表格
+        const div = document.createElement('div')
+        div.style.overflow = 'auto'
+        div.appendChild(ele)
+        ele = div
+      } else if (name === 'svg') {
+        namespace = undefined
+      }
+    } else {
+      ele = document.createTextNode(node.text.replace(/&amp;/g, '&'))
+    }
+    parent.appendChild(ele)
+  }
+}
+
+// 设置 html 内容
+window.setContent = function (nodes, opts, append) {
+  const ele = document.getElementById('content')
+
+  // 容器样式
+  if (opts[0]) {
+    document.body.style.cssText = opts[0]
+  }
+
+  // 长按复制
+  if (!opts[5]) {
+    ele.style.userSelect = 'none'
+  }
+
+  if (!append) {
+    ele.innerHTML = '' // 不追加则先清空
+    medias = []
+  }
+
+  options = opts
+  window.unloadimgs = 0
+  const fragment = document.createDocumentFragment()
+  createDom(nodes, fragment)
+  ele.appendChild(fragment)
+
+  // 触发事件
+  let height = ele.scrollHeight
+  uni.postMessage({
+    data: {
+      action: 'onLoad',
+      height
+    }
+  })
+  if (!window.unloadimgs) {
+    uni.postMessage({
+      data: {
+        action: 'onReady',
+        height
+      }
+    })
+  }
+
+  clearInterval(window.timer)
+  window.timer = setInterval(() => {
+    if (ele.scrollHeight !== height) {
+      height = ele.scrollHeight
+      uni.postMessage({
+        data: {
+          action: 'onHeightChange',
+          height: height
+        }
+      })
+    }
+  }, 350)
+}
+
+// 回收计时器
+window.onunload = function () {
+  clearInterval(window.timer)
+}
diff --git a/wechat-mini-program/node_modules/mp-html/src/uni-app/static/app-plus/mp-html/js/uni.webview.min.js b/wechat-mini-program/node_modules/mp-html/src/uni-app/static/app-plus/mp-html/js/uni.webview.min.js
new file mode 100644
index 0000000..b0c8445
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/src/uni-app/static/app-plus/mp-html/js/uni.webview.min.js
@@ -0,0 +1 @@
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):(e=e||self).uni=n()}(this,(function(){"use strict";try{var e={};Object.defineProperty(e,"passive",{get:function(){!0}}),window.addEventListener("test-passive",null,e)}catch(e){}var n=Object.prototype.hasOwnProperty;function t(e,t){return n.call(e,t)}var i=[],a=function(e,n){var t={options:{timestamp:+new Date},name:e,arg:n};if(window.__dcloud_weex_postMessage||window.__dcloud_weex_){if("postMessage"===e){var a={data:[n]};return window.__dcloud_weex_postMessage?window.__dcloud_weex_postMessage(a):window.__dcloud_weex_.postMessage(JSON.stringify(a))}var o={type:"WEB_INVOKE_APPSERVICE",args:{data:t,webviewIds:i}};window.__dcloud_weex_postMessage?window.__dcloud_weex_postMessageToService(o):window.__dcloud_weex_.postMessageToService(JSON.stringify(o))}if(!window.plus)return window.parent.postMessage({type:"WEB_INVOKE_APPSERVICE",data:t,pageId:""},"*");if(0===i.length){var r=plus.webview.currentWebview();if(!r)throw new Error("plus.webview.currentWebview() is undefined");var d=r.parent(),s="";s=d?d.id:r.id,i.push(s)}if(plus.webview.getWebviewById("__uniapp__service"))plus.webview.postMessageToUniNView({type:"WEB_INVOKE_APPSERVICE",args:{data:t,webviewIds:i}},"__uniapp__service");else{var w=JSON.stringify(t);plus.webview.getLaunchWebview().evalJS('UniPlusBridge.subscribeHandler("'.concat("WEB_INVOKE_APPSERVICE",'",').concat(w,",").concat(JSON.stringify(i),");"))}},o={navigateTo:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.url;a("navigateTo",{url:encodeURI(n)})},navigateBack:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.delta;a("navigateBack",{delta:parseInt(n)||1})},switchTab:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.url;a("switchTab",{url:encodeURI(n)})},reLaunch:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.url;a("reLaunch",{url:encodeURI(n)})},redirectTo:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.url;a("redirectTo",{url:encodeURI(n)})},getEnv:function(e){window.plus?e({plus:!0}):e({h5:!0})},postMessage:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};a("postMessage",e.data||{})}},r=/uni-app/i.test(navigator.userAgent),d=/Html5Plus/i.test(navigator.userAgent),s=/complete|loaded|interactive/;var w=window.my&&navigator.userAgent.indexOf("AlipayClient")>-1;var u=window.swan&&window.swan.webView&&/swan/i.test(navigator.userAgent);var c=window.qq&&window.qq.miniProgram&&/QQ/i.test(navigator.userAgent)&&/miniProgram/i.test(navigator.userAgent);var g=window.tt&&window.tt.miniProgram&&/toutiaomicroapp/i.test(navigator.userAgent);var v=window.wx&&window.wx.miniProgram&&/micromessenger/i.test(navigator.userAgent)&&/miniProgram/i.test(navigator.userAgent);var p=window.qa&&/quickapp/i.test(navigator.userAgent);for(var l,_=function(){window.UniAppJSBridge=!0,document.dispatchEvent(new CustomEvent("UniAppJSBridgeReady",{bubbles:!0,cancelable:!0}))},f=[function(e){if(r||d)return window.__dcloud_weex_postMessage||window.__dcloud_weex_?document.addEventListener("DOMContentLoaded",e):window.plus&&s.test(document.readyState)?setTimeout(e,0):document.addEventListener("plusready",e),o},function(e){if(v)return window.WeixinJSBridge&&window.WeixinJSBridge.invoke?setTimeout(e,0):document.addEventListener("WeixinJSBridgeReady",e),window.wx.miniProgram},function(e){if(c)return window.QQJSBridge&&window.QQJSBridge.invoke?setTimeout(e,0):document.addEventListener("QQJSBridgeReady",e),window.qq.miniProgram},function(e){if(w){document.addEventListener("DOMContentLoaded",e);var n=window.my;return{navigateTo:n.navigateTo,navigateBack:n.navigateBack,switchTab:n.switchTab,reLaunch:n.reLaunch,redirectTo:n.redirectTo,postMessage:n.postMessage,getEnv:n.getEnv}}},function(e){if(u)return document.addEventListener("DOMContentLoaded",e),window.swan.webView},function(e){if(g)return document.addEventListener("DOMContentLoaded",e),window.tt.miniProgram},function(e){if(p){window.QaJSBridge&&window.QaJSBridge.invoke?setTimeout(e,0):document.addEventListener("QaJSBridgeReady",e);var n=window.qa;return{navigateTo:n.navigateTo,navigateBack:n.navigateBack,switchTab:n.switchTab,reLaunch:n.reLaunch,redirectTo:n.redirectTo,postMessage:n.postMessage,getEnv:n.getEnv}}},function(e){return document.addEventListener("DOMContentLoaded",e),o}],m=0;m<f.length&&!(l=f[m](_));m++);l||(l={});var E="undefined"!=typeof uni?uni:{};if(!E.navigateTo)for(var b in l)t(l,b)&&(E[b]=l[b]);return E.webView=l,E}));
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/src/uni-app/static/app-plus/mp-html/local.html b/wechat-mini-program/node_modules/mp-html/src/uni-app/static/app-plus/mp-html/local.html
new file mode 100644
index 0000000..4b9437e
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/src/uni-app/static/app-plus/mp-html/local.html
@@ -0,0 +1,33 @@
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
+  <style>
+    html,
+    body {
+      width: 100%;
+      height: 100%;
+      overflow-x: scroll;
+      overflow-y: hidden;
+    }
+
+    body {
+      margin: 0;
+    }
+
+    video {
+      width: 300px;
+      height: 225px;
+    }
+
+    img {
+      max-width: 100%;
+      -webkit-touch-callout: none;
+    }
+  </style>
+</head>
+
+<body>
+  <div id="content" style="overflow: hidden;"></div>
+  <script type="text/javascript" src="./js/uni.webview.min.js"></script>
+  <script type="text/javascript" src="./js/handler.js"></script>
+</body>
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/test/content.js b/wechat-mini-program/node_modules/mp-html/test/content.js
new file mode 100644
index 0000000..2615bde
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/test/content.js
@@ -0,0 +1,203 @@
+/**
+ * @fileoverview 用于测试的 html 内容
+ */
+module.exports = `<title>富文本示例</title>
+<div>
+  <section style="text-align: center; margin: 0px auto;">
+    <section style="border-radius: 4px; border: 1px solid #757576; display: inline-block; padding: 5px 20px;">
+      <span style="font-size: 18px; color: #595959;">表格</span>
+    </section>
+  </section>
+  <section style="margin-top: 1.5em;">
+    <table width="100%" cellspacing="0" cellpadding="5">
+      <thead>
+        <tr>
+          <th>标题 1</th>
+          <th>标题 2</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td align="center">内容 1</td>
+          <td align="center">内容 2</td>
+        </tr>
+        <tr style="background-color: #f6f8fa;">
+          <td align="center">内容 3</td>
+          <td align="center"><a>链接</a></td>    
+        </tr>
+        <tr>
+          <td align="center">内容 5</td>
+          <td align="center">内容 6</td>
+        </tr>
+      </tbody>
+    </table>
+    <div style="font-size: 12px; color: gray; text-align: center; margin-top: 5px;">普通表格</div>
+  </section>
+  <section style="margin-top: 1.5em;">
+    <table width="500px" cellspacing="0" cellpadding="5">
+      <thead>
+        <tr>
+          <th>标题 1</th>
+          <th>标题 2</th>
+          <th>标题 3</th>
+          <th>标题 4</th>
+          <th>标题 5</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td align="center">内容 1</td>
+          <td align="center">内容 2</td>
+          <td align="center">内容 3</td>
+          <td align="center">内容 4</td>
+          <td align="center">内容 5</td>
+        </tr>
+        <tr style="background-color: #f6f8fa;">
+          <td align="center"><a>链接</a></td>
+          <td align="center">内容 7</td>
+          <td align="center">内容 8</td>
+          <td align="center">内容 9</td>
+          <td align="center">内容 10</td>
+        </tr>
+        <tr>
+          <td align="center">内容 11</td>
+          <td align="center">内容 12</td>
+          <td align="center">内容 13</td>
+          <td align="center">内容 14</td>
+          <td align="center">内容 15</td>
+        </tr>
+      </tbody>
+    </table>
+    <div style="font-size: 12px; color: gray; text-align: center; margin-top: 5px;">长表格，可以单独横向滚动</div>
+  </section>
+  <section style="margin-top: 1.5em;">
+    <table width="100%" cellspacing="0" cellpadding="5">
+      <thead>
+        <tr>
+          <th align="center">标题 1</th>
+          <th align="center">标题 2</th>
+          <th align="center">标题 3</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td align="center" colspan="2">内容 1</td>
+          <td align="center" rowspan="2">内容 2</td>
+        </tr>
+        <tr>
+          <td align="center" rowspan="2">内容 3</td>
+          <td align="center">内容 4</td>
+        </tr>
+        <tr>
+          <td align="center" colspan="2">内容 5</td>
+        </tr>
+        <tr>
+          <td align="center">内容 6</td>
+          <td align="center">内容 7</td>
+          <td align="center"><a>链接</a></td>
+        </tr>
+      </tbody>
+    </table>
+    <div style="font-size: 12px; color: gray; text-align: center; margin-top: 5px;">含有合并单元格的表格</div>
+  </section>
+  <section id="list" style="text-align: center; margin: 0px auto; margin-top: 2em">
+    <section style="border-radius: 4px; border: 1px solid #757576; display: inline-block; padding: 5px 20px;">
+      <span style="font-size: 18px; color: #595959;">列表</span>
+    </section>
+  </section>
+  <section style="margin-top: 1.5em;">
+    <ol style="margin-bottom: 1.5em;">
+      <li>这是第一条列表项</li>
+      <li>这是第二条列表项</li>
+      <li>这是第三条 <a>链接</a></li>
+    </ol>
+    <ol type="A" style="margin-bottom: 1.5em;">
+      <li>这是第一条列表项</li>
+      <li>这是第二条列表项</li>
+      <li>这是第三条 <a>链接</a></li>
+    </ol>
+    <ol type="I" style="margin-bottom: 1.5em;">
+      <li>这是第一条列表项</li>
+      <li>这是第二条列表项</li>
+      <li>这是第三条 <a>链接</a></li>
+    </ol>
+    <ul>
+      <li>第一级无序列表</li>
+      <li>第一级无序列表
+        <ul>
+          <li>第二级无序列表</li>
+          <li>第二级无序列表
+            <ul>
+              <li>第三级无序列表</li>
+              <li>第三级 <a>链接</a></li>
+            </ul>
+          </li>
+        </ul>
+      </li>
+    </ul>    
+  </section>
+  <section style="text-align: center; margin: 0px auto; margin-top: 2em">
+    <section style="border-radius: 4px; border: 1px solid #757576; display: inline-block; padding: 5px 20px;">
+      <span style="font-size: 18px; color: #595959;">文本</span>
+    </section>
+  </section>
+  <section style="margin-top: 1.5em;">
+    <p style="margin-bottom: 1em;">
+      <ruby>
+        拼<rp>(</rp><rt>pin</rt><rp>)</rp>
+        音<rp>(</rp><rt>yin</rt><rp>)</rp>
+      </ruby>
+      &nbsp;&nbsp;<i>斜体</i>
+      &nbsp;&nbsp;<b>粗体</b>
+      &nbsp;&nbsp;上标<sup>1</sup>
+      &nbsp;&nbsp;下标<sub>2</sub>
+    </p>
+    <p style="margin-bottom: 1em;">
+      <span style="text-decoration: overline;">上划线</span>
+      &nbsp;&nbsp;<s>中划线</s>
+      &nbsp;&nbsp;<u>下划线</u>
+    </p>
+    <p>
+      <big>大一号</big>
+      &nbsp;&nbsp;<span>正常</span>
+      &nbsp;&nbsp;<small>小一号</small>
+    </p>
+    <h2 style="margin-top: 0.5em;">大标题</h2>
+    <h3 style="margin-top: 0.5em;">中标题</h3>
+    <h4 style="margin-top: 0.5em;">小标题</h4>
+  </section>
+  <section style="text-align: center; margin: 0px auto; margin-top: 2em">
+    <section style="border-radius: 4px; border: 1px solid #757576; display: inline-block; padding: 5px 20px;">
+      <span style="font-size: 18px; color: #595959;">链接</span>
+    </section>
+  </section>
+  <section style="margin-top: 1.5em; text-align: center;">
+    <a href="#">跳转到顶部</a>&nbsp;&nbsp;&nbsp;<a href="#list">跳转到列表</a>
+    <div style="font-size: 12px; color: gray; margin-top: 5px;">锚点链接，将滚动到对应位置</div>
+  </section>
+  <section style="margin-top: 1.5em; text-align: center;">
+    <a href="https://github.com/jin-yufeng/mp-html">外部链接</a>
+    <div style="font-size: 12px; color: gray; margin-top: 5px;">外部链接，将复制链接</div>
+  </section>
+  <section style="margin-top: 1.5em; text-align: center;">
+    <a href="/pages/jump/jump">内部链接</a>
+    <div style="font-size: 12px; color: gray; margin-top: 5px;">内部链接，将跳转页面</div>
+  </section>
+  <section style="text-align: center; margin: 0px auto; margin-top: 2em">
+    <section style="border-radius: 4px; border: 1px solid #757576; display: inline-block; padding: 5px 20px;">
+      <span style="font-size: 18px; color: #595959;">图片</span>
+    </section>
+  </section>
+  <section style="margin-top: 1.5em; text-align: center;">
+    <img src="demo.jpg">
+    <div style="font-size: 12px; color: gray; margin-top: 5px;">点击预览</div>
+  </section>
+  <section style="margin-top: 1.5em; text-align: center;">
+    <svg width="40px" height="40px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;">
+      <path fill="#000" d="M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z">
+        <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.6s" repeatCount="indefinite"/>
+      </path>
+    </svg>
+    <div style="font-size: 12px; color: gray; margin-top: 5px;">svg 动画</div>
+  </section>
+</div>`
diff --git a/wechat-mini-program/node_modules/mp-html/test/test.js b/wechat-mini-program/node_modules/mp-html/test/test.js
new file mode 100644
index 0000000..a017a2d
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/test/test.js
@@ -0,0 +1,373 @@
+/**
+ * @fileoverview 单元测试
+ */
+const path = require('path')
+const simulate = require('miniprogram-simulate')
+
+const html = require('./content') // 测试 html
+const dist = '../dev/mp-weixin/components/mp-html/index' // 组件目录
+
+// 新 api 模拟
+wx.getWindowInfo = function () {
+  return {
+    windowWidth: 414
+  }
+}
+wx.getDeviceInfo = function () {
+  return {
+    system: 'iOS 10.0.1'
+  }
+}
+const mpHtml = simulate.load(path.resolve(__dirname, dist), 'mp-html')
+
+// 渲染测试
+test('render', async () => {
+  // 创建和渲染页面
+  const id = simulate.load({
+    data: {
+      containerStyle: '',
+      copyLink: true,
+      lazyLoad: true,
+      pauseVideo: true,
+      previewImg: true,
+      useAnchor: true
+    },
+    template:
+      `<scroll-view id="scroll" style="height:100px" scroll-y scroll-top="{{top}}">
+  <mp-html id="article" container-style="{{containerStyle}}" content="{{html}}" domain="https://mp-html.oss-cn-hangzhou.aliyuncs.com" copy-link="{{copyLink}}" loading-img="xxx" error-img="xxx" lazy-load="{{lazyLoad}}" pause-video="{{pauseVideo}}" preview-img="{{previewImg}}" scroll-table use-anchor="{{useAnchor}}">加载中...</mp-html>
+</scroll-view>`,
+    usingComponents: {
+      'mp-html': mpHtml
+    }
+  })
+  const page = simulate.render(id)
+
+  // 设置数据
+  page.setData({
+    html
+  })
+  await simulate.sleep(1000)
+
+  const comp = page.querySelector('#article')
+  expect(comp.dom.tagName).toBe('MP-HTML')
+
+  await simulate.sleep(50)
+
+  // api 测试
+  comp.instance.setContent(
+    `<!-- 测试 base 标签 -->
+<base href="https://xxx.com">
+<!-- 测试 script 标签 -->
+<script>
+console.log('11')
+</script>
+<!-- 测试 embed 标签 -->
+<embed src="xxx.mp4" />
+<embed autostart src="xxx.m4a" />
+<!-- 测试 source 标签 -->
+<video src="xxx.mp4" style="height:auto" loop ></video>
+<!-- 测试 table 标签 -->
+<table align="center"></table>
+<table align="left" border="1">
+  <td>
+    <a>xxx</a>
+  </td>
+</table>
+<table width="100%" border="1" style="border-collapse: collapse;">
+  <colgroup><col style="width: 40%;"><col style="width: 60%;"></colgroup>
+  <tr>
+    <th style="vertical-align: bottom;" width="20%">标题1</th>
+    <th width="80%">标题2</th>
+  </tr>
+  <tr style="color:gray">
+    <td colspan="2" style="vertical-align:middle;text-align:right"><a>内容1</a></td>
+  </tr>
+</table>
+<table>
+  <tr>
+    <td><img src="xxx.jpg" style="display:block">图片<td>
+    <td><img src="xxx.jpg">图片<td>
+  </tr>
+</table>
+<!-- 测试 font 标签、不同属性写法、实体 -->
+<font color='red' face = "宋体" size=8 >&#26356;&#x591a;</font >
+<font size=0>1 < 2</font>
+<font>&#aaa;&aaa;&</FONT>
+<!-- 测试 rpx 单位处理 -->
+<span id="anchor" style="font-size:30rpx">11</span>
+<!-- 测试 pre 标签处理（保留空白符） -->
+<div style="white-space:pre">
+  <pre>var i = 0</pre>
+</div>
+<!-- 测试不同情况中的图片处理 -->
+<img src="xxx" style="width:100px;height:100px;object-fit:contain">
+<img src="xxx" style="width:100px;object-fit:cover;height:100px;">
+<a data-test="test">
+  <img src="//xxx.jpg">
+</a>
+<div style="display:inline-block !important;display:block">
+  <img style="width:100%;" src="xxx.jpg">
+  </p>
+</div>
+<div style="display:flex">
+  <div style="flex:1">
+    <img src="//xxx.jpg" style="display:inline">
+  </div>
+</div>
+<img style="width:auto" src="data:image/png;base64,xxxx">
+<img src="xxx" style="width:20px" height="10">
+<img src="yyy.webp" style="width:1000px" ignore>
+<svg />
+<svg viewbox="0 0 1 1"><text>123</text><svg></svg></svg>
+<svg><foreignobject><div>123</div></foreignobject></svg>
+<div class="ql-align-center" style="background-image:url(&quot;/xxx.jpg?a=2&amp;b=3&quot;)"></div>
+<![CDATA[<]]>
+<!-- 测试 flex 布局、未闭合标签、data- 属性处理 -->
+<div style="display:flex;width:1000px">
+  <div style="flex:1" dir="rtl">123</div>
+</div>
+</br><div data-test="xxx" style="display:flex;display:-webkit-flex;"><div>
+  <img data-src="/xxx.jpg" style="width:100%;height:100px">  `, true) // 补充测试
+  expect(comp.instance.getText().includes('更多')).toBe(true) // 检查上方的实体是否被解码
+  await comp.instance.getRect()
+
+  await comp.instance.navigateTo('anchor') // 基于页面跳转
+  comp.instance.in(page.instance) // 错误设置
+  comp.instance.in(page.instance, '#scroll', 'top')
+  await comp.instance.navigateTo('anchor') // 基于 scroll-view 滚动
+
+  page.setData({
+    useAnchor: false
+  })
+  await simulate.sleep(50)
+  comp.instance.setContent('<span id="test">123</span>', true)
+  try {
+    await comp.instance.navigateTo('anchor') // 禁用锚点的情况下跳转
+  } catch (e) { }
+
+  page.setData({
+    containerStyle: 'white-space:pre-wrap'
+  })
+  await simulate.sleep(50)
+  comp.instance.setContent('  空格\n换行')
+  expect(comp.instance.getText().includes('\n')).toBe(true) // 检查换行是否被保留
+
+  // 无图测试
+  page.setData({
+    lazyLoad: false
+  })
+  await simulate.sleep(50)
+  comp.instance.setContent('<div>Hello world!</div>')
+  simulate.sleep(50)
+
+  // 长内容测试
+  let content = '<div>1</div>'.repeat(50) + '<div>'
+  for (let i = 0; i < 50; i++) {
+    content += '<div>' + i + '</div>'
+  }
+  content += '<a>xxx</a>'
+  for (let i = 0; i < 3; i++) {
+    content += '<div>' + i + '</div>'
+  }
+  comp.instance.setContent(content)
+  simulate.sleep(50)
+  expect(comp.data.nodes.length).toBe(2) // 应该切分为 2 块
+  expect(comp.data.nodes[1].children.length).toBe(5) // 应该切分为 5 块
+
+  await simulate.sleep(50) // 等待异步 api 执行完毕
+
+  // 移除节点
+  comp.triggerLifeTime('detached')
+})
+
+// 事件测试
+test('event', async () => {
+  // 模拟 api
+  wx.createVideoContext = function () {
+    // 模拟视频 context
+    return {
+      pause: function () { },
+      playbackRate: function () { }
+    }
+  }
+  // 测试失败回调
+  wx.navigateTo = function (obj) {
+    setTimeout(() => {
+      if (typeof obj.fail === 'function') {
+        obj.fail()
+      }
+    }, 0)
+  }
+  wx.switchTab = function (obj) {
+    setTimeout(() => {
+      if (typeof obj.fail === 'function') {
+        obj.fail()
+      }
+    }, 0)
+  }
+
+  const comp = simulate.render(mpHtml)
+  comp.setData({
+    selectable: 'force',
+    loadingImg: 'xxx'
+  })
+  await simulate.sleep(50)
+
+  comp.instance.setContent(
+    `<img src="xxx">
+<img src="yyy" width="100" height="50" ignore>
+<a href="#aaa"><img src="xxx"></a>
+<a href="https://github.com/jin-yufeng/mp-html">链接2</a>
+<a href="pages/test/test">链接3</a>
+<video src="xxx"></video>
+<video>
+  <source src="/xxx">
+  <source src="//yyy">
+</video>
+<base href="https://xxx.com">`)
+
+  await simulate.sleep(100)
+
+  const node = comp.querySelector('#_root')
+  node.triggerLifeTime('attached')
+  comp.instance._add({
+    detail: node.instance
+  })
+  // 模拟图片加载完毕
+  for (let i = 0; i <= 1; i++) {
+    node.instance.imgLoad({
+      target: {
+        dataset: {
+          i: i.toString()
+        }
+      },
+      detail: {
+        width: 100,
+        height: 100
+      }
+    })
+    // 模拟图片被点击
+    node.instance.imgTap({
+      target: {
+        dataset: {
+          i: i.toString()
+        }
+      }
+    })
+  }
+  comp.setData({
+    loadingImg: ''
+  })
+  await simulate.sleep(350)
+  node.instance.imgLoad({
+    target: {
+      dataset: {
+        i: '1'
+      }
+    }
+  })
+
+  // 模拟图片链接被点击
+  node.instance.imgTap({
+    target: {
+      dataset: {
+        i: '2_0'
+      }
+    }
+  })
+  node.instance.noop()
+  // 模拟图片出错
+  const imgError = () => node.instance.mediaError({
+    target: {
+      dataset: {
+        i: '0'
+      }
+    },
+    detail: {
+      errMsg: 'test'
+    }
+  })
+  imgError()
+  comp.setData({
+    errorImg: 'xxx'
+  }, imgError)
+  // 模拟链接被点击
+  for (let i = 2; i <= 4; i++) {
+    node.instance.linkTap({
+      currentTarget: {
+        dataset: {
+          i: i.toString()
+        }
+      }
+    })
+  }
+  // 模拟视频播放
+  for (let i = 0; i < 3; i++) {
+    node.instance.play({
+      target: {
+        id: 'v' + (i % 2),
+        dataset: {
+          i: (5 + (i % 2)).toString()
+        }
+      }
+    })
+  }
+  // 视频倍速播放
+  comp.instance.setPlaybackRate(1.5)
+  node.instance.play({
+    target: {
+      id: 'v2',
+      dataset: {
+        i: '6'
+      }
+    }
+  })
+  // 暂停视频播放
+  comp.instance.pauseMedia()
+  // 模拟视频出错
+  node.instance.mediaError({
+    target: {
+      dataset: {
+        i: '6'
+      }
+    },
+    detail: {
+      errMsg: 'test'
+    }
+  })
+
+  // 禁用一些功能
+  comp.setData({
+    copyLink: false,
+    pauseVideo: false,
+    previewImg: false
+  }, () => {
+    // 禁用自动拷贝后点击外部链接
+    node.instance.linkTap({
+      currentTarget: {
+        dataset: {
+          i: '3'
+        }
+      }
+    })
+    // 禁用自动暂停后播放视频
+    node.instance.play({
+      target: {
+        id: 'v0',
+        dataset: {
+          i: '5'
+        }
+      }
+    })
+    // 禁用预览后点击图片
+    node.instance.imgTap({
+      target: {
+        dataset: {
+          i: '0'
+        }
+      }
+    })
+  })
+
+  await simulate.sleep(100)
+})
diff --git a/wechat-mini-program/node_modules/mp-html/tools/config.js b/wechat-mini-program/node_modules/mp-html/tools/config.js
new file mode 100644
index 0000000..40f38ff
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/tools/config.js
@@ -0,0 +1,82 @@
+/**
+ * @fileoverview 配置文件
+ */
+module.exports = {
+  /**
+   * @description 需要的插件列表
+   */
+  plugins: [
+    // 按需打开注释即可
+    // 'audio',     // 音乐播放器
+    // 'editable',  // 内容编辑
+    // 'emoji',     // 小表情
+    // 'highlight', // 代码高亮
+    // 'markdown',  // 解析 md
+    // 'latex',     // 解析 latex
+    // 'search',    // 关键词搜索
+    // 'style',     // 解析 style 标签
+    // 'txv-video', // 使用腾讯视频
+    // 'img-cache'  // 图片缓存
+    // 'card',      // 卡片展示
+  ],
+
+  /**
+   * @description 要引入到组件中的外部样式（css）
+   * 仅支持标签名和 class 选择器
+   */
+  externStyle: '',
+
+  /**
+   * @description 要引入到模板中的自定义标签（ad 等）
+   * 每个标签为一个 object，包含 name（标签名，必要）、attrs（属性列表，非必要）、platforms（需要添加的平台，非必要）
+   */
+  customElements: [
+    /*
+    // 需要使用广告标签则打开此注释
+    {
+      name: 'ad',
+      attrs: ['unit-id']
+    }
+    */
+  ],
+
+  /**
+   * @description babel 配置（es6 转 es5）
+   * @tutorial https://babeljs.io/docs/usage/options/
+   */
+  babel: {
+    presets: ['@babel/env']
+  },
+
+  /**
+   * @description js 压缩配置
+   * @tutorial https://www.npmjs.com/package/uglify-js#minify-options
+   */
+  uglify: {
+    mangle: {
+      toplevel: true
+    },
+    output: {
+      comments: /^!/
+    }
+  },
+
+  /**
+   * @description html 压缩配置
+   * @tutorial https://github.com/kangax/html-minifier#options-quick-reference
+   */
+  htmlmin: {
+    caseSensitive: true,
+    collapseWhitespace: true,
+    removeComments: true,
+    keepClosingSlash: true
+  },
+
+  /**
+   * @description css 压缩配置
+   * @tutorial https://github.com/jakubpawlowicz/clean-css#constructor-options
+   */
+  cleanCss: {
+
+  }
+}
diff --git a/wechat-mini-program/node_modules/mp-html/tools/converter.js b/wechat-mini-program/node_modules/mp-html/tools/converter.js
new file mode 100644
index 0000000..cf9853f
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/tools/converter.js
@@ -0,0 +1,205 @@
+/**
+ * @fileoverview 将微信端的代码转换到各个平台
+ */
+const through2 = require('through2')
+
+// api 前缀
+const prefix = {
+  weixin: {
+    wxml: 'wx:',
+    js: 'wx.'
+  },
+  qq: {
+    wxml: 'qq:',
+    js: 'qq.'
+  },
+  baidu: {
+    wxml: 's-',
+    js: 'swan.'
+  },
+  alipay: {
+    wxml: 'a:',
+    js: 'my.'
+  },
+  toutiao: {
+    wxml: 'tt:',
+    js: 'tt.'
+  }
+}
+// 文件名后缀
+const suffix = {
+  weixin: {
+    wxml: '.wxml',
+    wxss: '.wxss'
+  },
+  qq: {
+    wxml: '.qml',
+    wxss: '.qss'
+  },
+  baidu: {
+    wxml: '.swan',
+    wxss: '.css'
+  },
+  alipay: {
+    wxml: '.axml',
+    wxss: '.acss'
+  },
+  toutiao: {
+    wxml: '.ttml',
+    wxss: '.ttss'
+  }
+}
+
+/**
+ * @description 取出两个括号之间的内容
+ * @param {string} content 总内容
+ * @param {number} i 开始位置
+ */
+function getSection (content, i) {
+  let j = i + 1
+  let num = 1
+  const start = content[i]
+  const end = start === '(' ? ')' : '}'
+  while (num) {
+    if (content[j] === start) {
+      num++
+    } else if (content[j] === end) {
+      num--
+    }
+    j++
+  }
+  return content.substring(i, j)
+}
+
+/**
+ * @description 处理不同小程序平台间的差异
+ * @param {string} platform 使用平台
+ */
+module.exports = function (platform) {
+  if (platform !== 'uni-app') {
+    platform = platform.split('-')[1]
+  }
+  return through2.obj(function (file, _, callback) {
+    if (file.isBuffer()) {
+      let content = file.contents.toString()
+      if (platform === 'uni-app') {
+        if (file.extname === '.js') {
+          content = content.replace(/\.properties/g, '')
+        }
+      } else {
+        // wxml 文件处理
+        if (file.extname === '.wxml') {
+          content = content.replace(/wx:/g, prefix[platform].wxml) // 替换 api 前缀
+          file.extname = suffix[platform].wxml // 修改后缀名
+          if (platform === 'qq') {
+            // wxs 转为 qs
+            content = content.replace(/<wxs/g, '<qs').replace(/<\/wxs/g, '</qs')
+          } else if (platform === 'baidu') {
+            content = content.replace(/s-if=['"]{{(\S+)}}['"]/g, 's-if="$1"') // s-if 和 s-for 后不加 {{}}
+              .replace(/s-for=['"]{{(\S+)}}['"]/g, 's-for="$1"')
+              .replace(/data="(.*?)"/g, 'data="{$1}"')
+          } else if (platform === 'alipay') {
+            content = content.replace('block-size', 'handle-size')
+              .replace(/longpress/g, 'longTap')
+              .replace(/bind([\S])/g, (_, $1) => { // bindevent 转为 onEvent
+                return 'on' + $1.toUpperCase()
+              }).replace(/catch([\S])/g, (_, $1) => { // catchevent 转为 catchEvent
+                return 'catch' + $1.toUpperCase()
+              })
+          }
+        } else if (file.extname === '.js') {
+          // js 文件处理
+          // 替换 api 前缀
+          content = content.replace(/wx\./g, prefix[platform].js)
+
+          // 支付宝格式转换
+          if (platform === 'alipay') {
+            // 将 aa.triggerEvent('bb', cc) 替换为 aa.props.onBb && aa.props.onBb(cc)
+            content = content.replace(/([a-zA-Z0-9._]+).triggerEvent\(['"](\S+?)['"],*/g, function (_, $1, $2) {
+              const method = `${$1}.props.on${$2[0].toUpperCase()}${$2.slice(1)}`
+              return `${method}&&${method}(`
+            })
+
+            // 转换 showToast
+            let i = content.indexOf('.showToast')
+            while (i !== -1) {
+              i += 10
+              const section = getSection(content, i)
+              content = content.substr(0, i) + section.replace('title', 'content') + content.substr(i + section.length)
+              i = content.indexOf('.showToast', i)
+            }
+            // 转换 showActionSheet
+            i = content.indexOf('.showActionSheet')
+            while (i !== -1) {
+              i += 16
+              const section = getSection(content, i)
+              content = content.substr(0, i) + section.replace('itemList', 'items') + content.substr(i + section.length)
+              i = content.indexOf('.showActionSheet', i)
+            }
+            // 转换 setClipboardData
+            i = content.indexOf('.setClipboardData')
+            while (i !== -1) {
+              i += 17
+              const section = getSection(content, i)
+              content = content.substr(0, i - 4) + section.replace('data', 'text') + content.substr(i + section.length)
+              i = content.indexOf('.setClipboardData', i)
+            }
+            // 组件格式转换
+            if (content.includes('Component({')) {
+              // 替换生命周期
+              content = content.replace('created:', 'didMount:')
+                .replace('attached:', 'didMount:')
+                .replace('detached:', 'didUnmount:')
+              // 将 properties 字段转为 props 格式
+              i = content.indexOf('{', content.indexOf('properties:'))
+              let props
+              let propsStr = '{'
+              const objStr = getSection(content, i)
+              // 取出整个 properties 字段
+              eval('props = ' + objStr) // eslint-disable-line
+              for (const item in props) {
+                if (!props[item]) continue
+                propsStr += item + ':'
+                if (props[item].value) {
+                  // 设置了默认值
+                  if (typeof props[item].value === 'boolean') {
+                    propsStr += props[item].value ? '!0' : '!1'
+                  } else {
+                    propsStr += props[item].value
+                  }
+                } else {
+                  // 没有设置默认值
+                  const type = props[item].type || props[item]
+                  if (type === String) {
+                    propsStr += '""'
+                  } else if (type === Boolean) {
+                    propsStr += '!1'
+                  } else if (type === Number) {
+                    propsStr += '0'
+                  } else if (type === Object) {
+                    propsStr += '{}'
+                  } else if (type === Array) {
+                    propsStr += '[]'
+                  }
+                }
+                propsStr += ','
+              }
+              content = content.substr(0, i) + propsStr.substring(0, propsStr.length - 1) + '}' + content.substr(i + objStr.length)
+            }
+
+            content = content.replace(/properties/g, 'props')
+              .replace(/\.setNavigationBarTitle/g, '.setNavigationBar')
+          } else {
+            content = content.replace(/\.properties/g, '.data')
+          }
+        } else if (file.extname === '.wxss') {
+          // wxss 文件处理
+          file.extname = suffix[platform].wxss // 修改后缀名
+        }
+      }
+      file.contents = Buffer.from(content)
+    }
+    this.push(file)
+    callback()
+  })
+}
diff --git a/wechat-mini-program/node_modules/mp-html/tools/demo/miniprogram/app.js b/wechat-mini-program/node_modules/mp-html/tools/demo/miniprogram/app.js
new file mode 100644
index 0000000..6241c06
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/tools/demo/miniprogram/app.js
@@ -0,0 +1 @@
+App({})
diff --git a/wechat-mini-program/node_modules/mp-html/tools/demo/miniprogram/app.json b/wechat-mini-program/node_modules/mp-html/tools/demo/miniprogram/app.json
new file mode 100644
index 0000000..0c3938d
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/tools/demo/miniprogram/app.json
@@ -0,0 +1,13 @@
+{
+  "pages":[
+    "pages/index/index",
+    "pages/jump/jump"
+  ],
+  "window":{
+    "backgroundTextStyle":"light",
+    "navigationBarBackgroundColor": "#fff",
+    "navigationBarTitleText": "mp-html",
+    "navigationBarTextStyle":"black"
+  },
+  "style": "v2"
+}
diff --git a/wechat-mini-program/node_modules/mp-html/tools/demo/miniprogram/pages/index/index.js b/wechat-mini-program/node_modules/mp-html/tools/demo/miniprogram/pages/index/index.js
new file mode 100644
index 0000000..aa76f07
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/tools/demo/miniprogram/pages/index/index.js
@@ -0,0 +1,32 @@
+const html = require('../../content')
+Page({
+  data: {
+    html: '',
+    tagStyle: {
+      table: 'box-sizing: border-box; border-top: 1px solid #dfe2e5; border-left: 1px solid #dfe2e5;',
+      th: 'border-right: 1px solid #dfe2e5; border-bottom: 1px solid #dfe2e5;',
+      td: 'border-right: 1px solid #dfe2e5; border-bottom: 1px solid #dfe2e5;',
+      li: 'margin: 5px 0;'
+    }
+  },
+  onLoad () {
+    // 模拟网络请求
+    setTimeout(() => {
+      this.setData({
+        html
+      })
+    }, 200)
+  },
+  load () {
+    console.log('dom 树加载完毕')
+  },
+  ready (e) {
+    console.log('ready 事件触发：', e)
+  },
+  imgtap (e) {
+    console.log('imgtap 事件触发：', e)
+  },
+  linktap (e) {
+    console.log('linktap 事件触发：', e)
+  }
+})
diff --git a/wechat-mini-program/node_modules/mp-html/tools/demo/miniprogram/pages/index/index.json b/wechat-mini-program/node_modules/mp-html/tools/demo/miniprogram/pages/index/index.json
new file mode 100644
index 0000000..c77cd44
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/tools/demo/miniprogram/pages/index/index.json
@@ -0,0 +1,5 @@
+{
+  "usingComponents": {
+    "mp-html": "/components/mp-html/index"
+  }
+}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/tools/demo/miniprogram/pages/index/index.wxml b/wechat-mini-program/node_modules/mp-html/tools/demo/miniprogram/pages/index/index.wxml
new file mode 100644
index 0000000..f977b71
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/tools/demo/miniprogram/pages/index/index.wxml
@@ -0,0 +1,3 @@
+<mp-html container-style="padding:20px" content="{{html}}" domain="https://mp-html.oss-cn-hangzhou.aliyuncs.com" lazy-load scroll-table selectable use-anchor tag-style="{{tagStyle}}" bindload="load" bindready="ready" bindimgtap="imgtap" bindlinktap="linktap">
+  加载中...
+</mp-html>
diff --git a/wechat-mini-program/node_modules/mp-html/tools/demo/miniprogram/pages/jump/jump.js b/wechat-mini-program/node_modules/mp-html/tools/demo/miniprogram/pages/jump/jump.js
new file mode 100644
index 0000000..ba76804
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/tools/demo/miniprogram/pages/jump/jump.js
@@ -0,0 +1 @@
+Page({})
diff --git a/wechat-mini-program/node_modules/mp-html/tools/demo/miniprogram/pages/jump/jump.json b/wechat-mini-program/node_modules/mp-html/tools/demo/miniprogram/pages/jump/jump.json
new file mode 100644
index 0000000..9e26dfe
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/tools/demo/miniprogram/pages/jump/jump.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/tools/demo/miniprogram/pages/jump/jump.wxml b/wechat-mini-program/node_modules/mp-html/tools/demo/miniprogram/pages/jump/jump.wxml
new file mode 100644
index 0000000..33c976a
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/tools/demo/miniprogram/pages/jump/jump.wxml
@@ -0,0 +1 @@
+<view>跳转测试页面</view>
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/tools/demo/miniprogram/project.config.json b/wechat-mini-program/node_modules/mp-html/tools/demo/miniprogram/project.config.json
new file mode 100644
index 0000000..9178aff
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/tools/demo/miniprogram/project.config.json
@@ -0,0 +1,13 @@
+{
+	"description": "项目配置文件",
+	"setting": {
+        "urlCheck": true,
+        "es6": true,
+        "postcss": true,
+        "minified": true,
+        "newFeature": true
+    },
+	"compileType": "miniprogram",
+	"appid": "touristappid",
+	"projectname": "mp-html"
+}
\ No newline at end of file
diff --git a/wechat-mini-program/node_modules/mp-html/tools/demo/uni-app/App.vue b/wechat-mini-program/node_modules/mp-html/tools/demo/uni-app/App.vue
new file mode 100644
index 0000000..61384ed
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/tools/demo/uni-app/App.vue
@@ -0,0 +1,6 @@
+<script>
+export default {}
+</script>
+
+<style>
+</style>
diff --git a/wechat-mini-program/node_modules/mp-html/tools/demo/uni-app/README.md b/wechat-mini-program/node_modules/mp-html/tools/demo/uni-app/README.md
new file mode 100644
index 0000000..a9e6141
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/tools/demo/uni-app/README.md
@@ -0,0 +1,194 @@
+## 为减小组件包的大小，默认组件包中不包含编辑、latex 公式等扩展功能，需要使用扩展功能的请参考下方的 插件扩展 栏的说明
+
+## 功能介绍
+- 全端支持（含 `v3、NVUE`）
+- 支持丰富的标签（包括 `table`、`video`、`svg` 等）
+- 支持丰富的事件效果（自动预览图片、链接处理等）
+- 支持设置占位图（加载中、出错时、预览时）
+- 支持锚点跳转、长按复制等丰富功能
+- 支持大部分 *html* 实体
+- 丰富的插件（关键词搜索、内容编辑、`latex` 公式等）
+- 效率高、容错性强且轻量化
+
+查看 [功能介绍](https://jin-yufeng.github.io/mp-html/#/overview/feature) 了解更多
+
+## 使用方法
+- `uni_modules` 方式  
+  1. 点击右上角的 `使用 HBuilder X 导入插件` 按钮直接导入项目或点击 `下载插件 ZIP` 按钮下载插件包并解压到项目的 `uni_modules/mp-html` 目录下  
+  2. 在需要使用页面的 `(n)vue` 文件中添加  
+     ```html
+     <!-- 不需要引入，可直接使用 -->
+     <mp-html :content="html" />
+     ```
+     ```javascript
+     export default {
+       data() {
+         return {
+           html: '<div>Hello World!</div>'
+         }
+       }
+     }
+     ```
+  3. 需要更新版本时在 `HBuilder X` 中右键 `uni_modules/mp-html` 目录选择 `从插件市场更新` 即可  
+
+- 源码方式  
+  1. 从 [github](https://github.com/jin-yufeng/mp-html/tree/master/dist/uni-app) 或 [gitee](https://gitee.com/jin-yufeng/mp-html/tree/master/dist/uni-app) 下载源码  
+     插件市场的 **非 uni_modules 版本** 无法更新，不建议从插件市场获取  
+  2. 在需要使用页面的 `(n)vue` 文件中添加  
+     ```html
+     <mp-html :content="html" />
+     ```
+     ```javascript
+     import mpHtml from '@/components/mp-html/mp-html'
+     export default {
+       // HBuilderX 2.5.5+ 可以通过 easycom 自动引入
+       components: {
+         mpHtml
+       },
+       data() {
+         return {
+           html: '<div>Hello World!</div>'
+         }
+       }
+     }
+     ```
+
+- npm 方式  
+  1. 在项目根目录下执行  
+     ```bash
+     npm install mp-html
+     ```
+  2. 在需要使用页面的 `(n)vue` 文件中添加  
+     ```html
+     <mp-html :content="html" />
+     ```
+     ```javascript
+     import mpHtml from 'mp-html/dist/uni-app/components/mp-html/mp-html'
+     export default {
+       // 不可省略
+       components: {
+         mpHtml
+       },
+       data() {
+         return {
+           html: '<div>Hello World!</div>'
+         }
+       }
+     }
+     ```
+  3. 需要更新版本时执行以下命令即可  
+     ```bash
+     npm update mp-html
+     ```
+  
+  使用 *cli* 方式运行的项目，通过 *npm* 方式引入时，需要在 *vue.config.js* 中配置 *transpileDependencies*，详情可见 [#330](https://github.com/jin-yufeng/mp-html/issues/330#issuecomment-913617687)  
+  如果在 **nvue** 中使用还要将 `dist/uni-app/static` 目录下的内容拷贝到项目的 `static` 目录下，否则无法运行  
+
+查看 [快速开始](https://jin-yufeng.github.io/mp-html/#/overview/quickstart) 了解更多
+
+## 组件属性
+
+| 属性 | 类型 | 默认值 | 说明 |
+|:---:|:---:|:---:|---|
+| container-style | String |  | 容器的样式（[2.1.0+](https://jin-yufeng.github.io/mp-html/#/changelog/changelog#v210)） |
+| content | String |  | 用于渲染的 html 字符串 |
+| copy-link | Boolean | true | 是否允许外部链接被点击时自动复制 |
+| domain | String |  | 主域名（用于链接拼接） |
+| error-img | String |  | 图片出错时的占位图链接 |
+| lazy-load | Boolean | false | 是否开启图片懒加载 |
+| loading-img | String |  | 图片加载过程中的占位图链接 |
+| pause-video | Boolean | true | 是否在播放一个视频时自动暂停其他视频 |
+| preview-img | Boolean | true | 是否允许图片被点击时自动预览 |
+| scroll-table | Boolean | false | 是否给每个表格添加一个滚动层使其能单独横向滚动 |
+| selectable | Boolean | false | 是否开启文本长按复制 |
+| set-title | Boolean | true | 是否将 title 标签的内容设置到页面标题 |
+| show-img-menu | Boolean | true | 是否允许图片被长按时显示菜单 |
+| tag-style | Object |  | 设置标签的默认样式 |
+| use-anchor | Boolean | false | 是否使用锚点链接 |
+
+查看 [属性](https://jin-yufeng.github.io/mp-html/#/basic/prop) 了解更多
+
+## 组件事件
+
+| 名称 | 触发时机 |
+|:---:|---|
+| load | dom 树加载完毕时 |
+| ready | 图片加载完毕时 |
+| error | 发生渲染错误时 |
+| imgtap | 图片被点击时 |
+| linktap | 链接被点击时 |
+| play | 音视频播放时 |
+
+查看 [事件](https://jin-yufeng.github.io/mp-html/#/basic/event) 了解更多
+
+## api
+组件实例上提供了一些 `api` 方法可供调用
+
+| 名称 | 作用 |
+|:---:|---|
+| in | 将锚点跳转的范围限定在一个 scroll-view 内 |
+| navigateTo | 锚点跳转 |
+| getText | 获取文本内容 |
+| getRect | 获取富文本内容的位置和大小 |
+| setContent | 设置富文本内容 |
+| imgList | 获取所有图片的数组 |
+| pauseMedia | 暂停播放音视频（[2.2.2+](https://jin-yufeng.github.io/mp-html/#/changelog/changelog#v222)） |
+| setPlaybackRate | 设置音视频播放速率（[2.4.0+](https://jin-yufeng.github.io/mp-html/#/changelog/changelog#v240)） |
+
+查看 [api](https://jin-yufeng.github.io/mp-html/#/advanced/api) 了解更多
+
+## 插件扩展  
+除基本功能外，本组件还提供了丰富的扩展，可按照需要选用
+
+| 名称 | 作用 |
+|:---:|---|
+| audio | 音乐播放器 |
+| editable | 富文本 **编辑**（[示例项目](https://mp-html.oss-cn-hangzhou.aliyuncs.com/editable.zip)） |
+| emoji | 解析 emoji |
+| highlight | 代码块高亮显示 |
+| markdown | 渲染 markdown |
+| search | 关键词搜索 |
+| style | 匹配 style 标签中的样式 |
+| txv-video | 使用腾讯视频 |
+| img-cache | 图片缓存 by [@PentaTea](https://github.com/PentaTea) |
+| latex | 渲染 latex 公式 by [@Zeng-J](https://github.com/Zeng-J) |
+
+从插件市场导入的包中 **不含有** 扩展插件，使用插件需通过微信小程序 `富文本插件` 获取或参考以下方法进行打包：  
+1. 获取完整组件包  
+   ```bash
+   npm install mp-html
+   ```
+2. 编辑 `tools/config.js` 中的 `plugins` 项，选择需要的插件  
+3. 生成新的组件包  
+   在 `node_modules/mp-html` 目录下执行  
+   ```bash
+   npm install
+   npm run build:uni-app
+   ```
+4. 拷贝 `dist/uni-app` 中的内容到项目根目录  
+
+查看 [插件](https://jin-yufeng.github.io/mp-html/#/advanced/plugin) 了解更多
+
+## 关于 nvue
+`nvue` 使用原生渲染，不支持部分 `css` 样式，为实现和 `html` 相同的效果，组件内部通过 `web-view` 进行渲染，性能上差于原生，根据 `weex` 官方建议，`web` 标签仅应用在非常规的降级场景。因此，如果通过原生的方式（如 `richtext`）能够满足需要，则不建议使用本组件，如果有较多的富文本内容，则可以直接使用 `vue` 页面  
+由于渲染方式与其他端不同，有以下限制：  
+1. 不支持 `lazy-load` 属性
+2. 视频不支持全屏播放
+3. 如果在 `flex-direction: row` 的容器中使用，需要给组件设置宽度或设置 `flex: 1` 占满剩余宽度
+
+纯 `nvue` 模式下，[此问题](https://ask.dcloud.net.cn/question/119678) 修复前，不支持通过 `uni_modules` 引入，需要本地引入（将 [dist/uni-app](https://github.com/jin-yufeng/mp-html/tree/master/dist/uni-app) 中的内容拷贝到项目根目录下）  
+
+## 立即体验
+![富文本插件](https://mp-html.oss-cn-hangzhou.aliyuncs.com/qrcode.jpg)
+
+## 问题反馈
+遇到问题时，请先查阅 [常见问题](https://jin-yufeng.github.io/mp-html/#/question/faq) 和 [issue](https://github.com/jin-yufeng/mp-html/issues) 中是否已有相同的问题  
+可通过 [issue](https://github.com/jin-yufeng/mp-html/issues/new/choose) 、插件问答或发送邮件到 [mp_html@126.com](mailto:mp_html@126.com) 提问，不建议在评论区提问（不方便回复）  
+提问请严格按照 [issue 模板](https://github.com/jin-yufeng/mp-html/issues/new/choose) ，描述清楚使用环境、`html` 内容或可复现的 `demo` 项目以及复现方式，对于 **描述不清**、**无法复现** 或重复的问题将不予回复  
+
+欢迎加入 `QQ` 交流群：  
+群1（已满）：`699734691`  
+群2（已满）：`778239129`  
+群3：`960265313`  
+
+查看 [问题反馈](https://jin-yufeng.github.io/mp-html/#/question/feedback) 了解更多
diff --git a/wechat-mini-program/node_modules/mp-html/tools/demo/uni-app/index.html b/wechat-mini-program/node_modules/mp-html/tools/demo/uni-app/index.html
new file mode 100644
index 0000000..b61f63e
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/tools/demo/uni-app/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
+    <title></title>
+    <!--preload-links-->
+    <!--app-context-->
+  </head>
+  <body>
+    <div id="app"><!--app-html--></div>
+    <script type="module" src="/main.js"></script>
+  </body>
+</html>
diff --git a/wechat-mini-program/node_modules/mp-html/tools/demo/uni-app/main.js b/wechat-mini-program/node_modules/mp-html/tools/demo/uni-app/main.js
new file mode 100644
index 0000000..84216ac
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/tools/demo/uni-app/main.js
@@ -0,0 +1,21 @@
+import App from './App'
+
+// #ifndef VUE3
+import Vue from 'vue' // eslint-disable-line
+Vue.config.productionTip = false
+App.mpType = 'app'
+const app = new Vue({
+  ...App
+})
+app.$mount()
+// #endif
+
+// #ifdef VUE3
+import { createSSRApp } from 'vue' // eslint-disable-line
+export function createApp () {
+  const app = createSSRApp(App)
+  return {
+    app
+  }
+}
+// #endif
diff --git a/wechat-mini-program/node_modules/mp-html/tools/demo/uni-app/manifest.json b/wechat-mini-program/node_modules/mp-html/tools/demo/uni-app/manifest.json
new file mode 100644
index 0000000..127b006
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/tools/demo/uni-app/manifest.json
@@ -0,0 +1,45 @@
+{
+    "name" : "mp-html",
+    "appid" : "",
+    "description" : "",
+    "versionName" : "1.0.0",
+    "versionCode" : "100",
+    "transformPx" : false,
+    "app-plus" : {
+        "usingComponents" : true,
+        "nvueCompiler" : "uni-app",
+        "compilerVersion" : 3,
+        "splashscreen" : {
+            "alwaysShowBeforeRender" : true,
+            "waiting" : true,
+            "autoclose" : true,
+            "delay" : 0
+        },
+        "modules" : {},
+        "distribute" : {
+            "android" : {},
+            "ios" : {},
+            "sdkConfigs" : {}
+        }
+    },
+    "quickapp" : {},
+    "mp-weixin" : {
+        "appid" : "",
+        "setting" : {
+            "urlCheck" : false
+        },
+        "usingComponents" : true
+    },
+    "mp-alipay" : {
+        "usingComponents" : true
+    },
+    "mp-baidu" : {
+        "usingComponents" : true
+    },
+    "mp-toutiao" : {
+        "usingComponents" : true
+    },
+    "uniStatistics": {  
+        "enable": false
+    }
+}
diff --git a/wechat-mini-program/node_modules/mp-html/tools/demo/uni-app/pages.json b/wechat-mini-program/node_modules/mp-html/tools/demo/uni-app/pages.json
new file mode 100644
index 0000000..8c0fd23
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/tools/demo/uni-app/pages.json
@@ -0,0 +1,16 @@
+{
+	"pages": [
+		{
+			"path": "pages/index/index"
+		},
+		{
+			"path": "pages/jump/jump"
+		}
+	],
+	"globalStyle": {
+		"navigationBarTextStyle": "black",
+		"navigationBarTitleText": "mp-html",
+		"navigationBarBackgroundColor": "#F8F8F8",
+		"backgroundColor": "#F8F8F8"
+	}
+}
diff --git a/wechat-mini-program/node_modules/mp-html/tools/demo/uni-app/pages/index/index.vue b/wechat-mini-program/node_modules/mp-html/tools/demo/uni-app/pages/index/index.vue
new file mode 100644
index 0000000..f94a248
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/tools/demo/uni-app/pages/index/index.vue
@@ -0,0 +1,52 @@
+<template>
+  <view>
+    <mp-html container-style="padding:20px" :content="html" domain="https://mp-html.oss-cn-hangzhou.aliyuncs.com" lazy-load scroll-table selectable use-anchor :tag-style="tagStyle" @load="load" @ready="ready" @imgtap="imgtap" @linktap="linktap" />
+  </view>
+</template>
+
+<script>
+// 需要测试 nvue 时，将本文件后缀改为 .nvue 即可
+// 注意：此示例不包含编辑功能
+import mpHtml from '@/components/mp-html/mp-html'
+import html from '../../content'
+export default {
+  // HBuilderX 2.5.5+ 可以通过 easycom 自动引入
+  components: {
+    mpHtml
+  },
+  data () {
+    return {
+      html: '',
+      tagStyle: {
+        table: 'box-sizing: border-box; border-top: 1px solid #dfe2e5; border-left: 1px solid #dfe2e5;',
+        th: 'border-right: 1px solid #dfe2e5; border-bottom: 1px solid #dfe2e5;',
+        td: 'border-right: 1px solid #dfe2e5; border-bottom: 1px solid #dfe2e5;',
+        li: 'margin: 5px 0;'
+      }
+    }
+  },
+  onLoad () {
+    // 模拟网络请求
+    setTimeout(() => {
+      this.html = html
+    }, 200)
+  },
+  methods: {
+    load () {
+      console.log('dom 树加载完毕')
+    },
+    ready (e) {
+      console.log('ready 事件触发：', e)
+    },
+    imgtap (e) {
+      console.log('imgtap 事件触发：', e)
+    },
+    linktap (e) {
+      console.log('linktap 事件触发：', e)
+    }
+  }
+}
+</script>
+
+<style>
+</style>
diff --git a/wechat-mini-program/node_modules/mp-html/tools/demo/uni-app/pages/jump/jump.vue b/wechat-mini-program/node_modules/mp-html/tools/demo/uni-app/pages/jump/jump.vue
new file mode 100644
index 0000000..4ff3e29
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/tools/demo/uni-app/pages/jump/jump.vue
@@ -0,0 +1,12 @@
+<template>
+  <view>
+    跳转测试页面
+  </view>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style>
+</style>
diff --git a/wechat-mini-program/node_modules/mp-html/tools/ifdef.js b/wechat-mini-program/node_modules/mp-html/tools/ifdef.js
new file mode 100644
index 0000000..86ecdae
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/tools/ifdef.js
@@ -0,0 +1,115 @@
+/**
+ * @fileoverview 条件编译
+ */
+const through2 = require('through2')
+
+/**
+ * @description 条件编译
+ * @param {string} platform 平台
+ */
+module.exports = function (platform) {
+  return through2.obj(function (file, _, callback) {
+    if (file.isBuffer()) {
+      // 文件夹级别的处理
+      if (file.relative.includes('miniprogram')) {
+        if (platform !== 'uni-app') {
+          // 去掉这一层
+          file.path = file.path.replace(/(.*)[/\\]miniprogram/, '$1')
+        } else {
+          // 不用于本平台的文件
+          callback()
+          return
+        }
+      } else if (file.relative.includes('uni-app')) {
+        if (platform === 'uni-app') {
+          file.path = file.path.replace(/(.*)[/\\]uni-app/, '$1')
+        } else {
+          callback()
+          return
+        }
+      }
+      if (platform === 'uni-app') {
+        // uni-app 平台 vue3 要求使用 es6 模块
+        let content = file.contents.toString()
+        if (file.basename === 'prism.min.js') {
+          content = content.replace('"undefined"!=typeof module&&module.exports&&(module.exports=Prism),', 'export default Prism;')
+        } else if (file.extname === '.js' && !file.relative.includes('static')) {
+          content = content.replace(/module.exports\s*=\s*/, 'export default ')
+            .replace(/const\s+([^\s=]+)\s*=\s*require\(([^)]+)\)/g, 'import $1 from $2')
+        }
+        file.contents = Buffer.from(content)
+      } else {
+        // 小程序平台进行进一步处理
+        let content = file.contents.toString()
+        /**
+         * 方式1：
+         * 在注释 #if(n)def xxx 和 #endif 之间的内容会根据是否定义 xxx 决定是否保留
+         */
+        const commentReg = /\/\*[\s\S]*?\*\/|\/\/[^\n]*|<!--[\s\S]*?-->/g // 提取所有注释
+        const copy = content // 拷贝一个副本用于搜索
+        let match = commentReg.exec(copy)
+        const stack = []
+        while (match) {
+          if (match[0].includes('#if')) {
+            stack.push([match[0], match.index])
+          } else if (match[0].includes('#endif')) {
+            const item = stack.pop()
+            if (!item) {
+              throw Error('条件编译错误：存在多余的 #endif，path:' + file.path + '，content: ' + content.substr(match.index, 100))
+            }
+            const def = item[0].match(/MP-[A-Z]+/gi) || [] // 取出定义条件
+            let hit = false
+            for (let i = 0; i < def.length; i++) {
+              if (def[i] && platform === def[i].toLowerCase()) {
+                hit = true // 命中
+                break
+              }
+            }
+            // 不匹配
+            if ((item[0].includes('#ifdef') && !hit) || (item[0].includes('#ifndef') && hit)) {
+              let fill = ''
+              // 用空格填充
+              for (let j = item[1] + item[0].length; j < match.index; j++) {
+                if (content[j] === '\n') {
+                  fill += '\n'
+                } else {
+                  fill += ' '
+                }
+              }
+              content = content.substr(0, item[1] + item[0].length) + fill + content.substr(match.index)
+            }
+          }
+          match = commentReg.exec(copy)
+        }
+        if (stack.length) {
+          throw Error('条件编译错误：存在未闭合的 #ifdef，path:' + file.path + '，content: ' + content.substr(stack[0][1], 100))
+        }
+
+        /**
+         * 方式2：
+         * wxml 中属性前加平台名将仅编译到该平台，如 mp-weixin:attr
+         */
+        if (file.extname === '.wxml') {
+          content = content.replace(/([^:\s]+:[^=\s]+)\s*=\s*"(.*?)"/g, ($, $1, $2) => {
+            const platforms = $1.split(':')
+            let name = platforms.pop()
+            const last = platforms[platforms.length - 1]
+            if (last && !last.includes('mp')) {
+              name = platforms.pop() + ':' + name
+            }
+            if (!platforms.length) return $
+            let i
+            for (i = platforms.length; i--;) {
+              if (platform === platforms[i].toLowerCase()) break
+            }
+            if (i >= 0) return `${name}="${$2}"`
+            return ''
+          })
+        }
+        file.contents = Buffer.from(content)
+      }
+    }
+    this.push(file)
+    callback()
+  })
+}
diff --git a/wechat-mini-program/node_modules/mp-html/tools/minifier.js b/wechat-mini-program/node_modules/mp-html/tools/minifier.js
new file mode 100644
index 0000000..04db394
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/tools/minifier.js
@@ -0,0 +1,40 @@
+const uglify = require('uglify-js')
+const through2 = require('through2')
+
+/**
+ * @description 压缩内联 wxs 脚本
+ */
+function wxs () {
+  return through2.obj(function (file, _, callback) {
+    if (file.isBuffer()) {
+      file.contents = Buffer.from(file.contents.toString().replace(/<wxs(.*?)>([\s\S]+?)<\/wxs>/, (_, $1, $2) => {
+        return `<wxs${$1}>${uglify.minify($2, {
+          fromString: true,
+          mangle: {
+            toplevel: true
+          }
+        }).code}</wxs>`
+      }))
+    }
+    this.push(file)
+    callback()
+  })
+}
+
+/**
+ * @description 压缩 json 文件
+ */
+function json () {
+  return through2.obj(function (file, _, callback) {
+    if (file.isBuffer()) {
+      file.contents = Buffer.from(JSON.stringify(JSON.parse(file.contents.toString())))
+    }
+    this.push(file)
+    callback()
+  })
+}
+
+module.exports = {
+  wxs,
+  json
+}
diff --git a/wechat-mini-program/node_modules/mp-html/tools/plugin.js b/wechat-mini-program/node_modules/mp-html/tools/plugin.js
new file mode 100644
index 0000000..bdbefd4
--- /dev/null
+++ b/wechat-mini-program/node_modules/mp-html/tools/plugin.js
@@ -0,0 +1,248 @@
+/**
+ * @fileoverview 处理插件
+ */
+const path = require('path')
+const through2 = require('through2')
+
+const config = require('./config')
+
+config.plugins.sort((a, b) => {
+  // editable 置于最后面
+  if (a === 'editable') return 1
+  if (b === 'editable') return -1
+  // markdown 置于最前面
+  if (a === 'markdown') return -1
+  if (b === 'markdown') return 1
+  // 剩余任意顺序
+  return 0
+})
+
+// 提取和替换标签名选择器（组件中仅支持 class 选择器）
+const tagSelector = {}
+let tagI = 0
+if (config.externStyle) {
+  config.externStyle = config.externStyle.replace(/[^,\s}]+(?=[^}]*{)/g, $ => {
+    if (!/[a-zA-Z_]/.test($[0])) return $
+    if (tagSelector[$]) return '.' + tagSelector[$]
+    tagSelector[$] = '_' + tagI++
+    return '.' + tagSelector[$]
+  })
+}
+
+module.exports = {
+  /**
+   * @description 构建插件
+   * @param {string} platform 使用平台
+   */
+  build (platform) {
+    const builds = {} // 构建模块
+    let pluginImports = '' // 插件引入
+    let plugins = '' // 插件列表
+    let voidTags = '' // 增加的自闭合标签
+    let wxml = '' // 要引入到 node.wxml 中的内容
+    let js = '' // 要引入到 node.js 中的内容
+    let wxss = config.externStyle // 要引入到 node.wxss 中的内容
+    const json = {} // 要引入到 node.json 中的内容
+
+    // 收集插件中要写入模板文件的内容
+    for (let i = 0; i < config.plugins.length; i++) {
+      const plugin = config.plugins[i]
+      let build = {}
+      try {
+        // 专用 build
+        if (platform === 'uni-app') {
+          build = require(`../plugins/${plugin}/uni-app/build.js`)
+        } else {
+          build = require(`../plugins/${plugin}/miniprogram/build.js`)
+        }
+      } catch (e) { }
+      try {
+        // 通用 build
+        build = Object.assign(require(`../plugins/${plugin}/build.js`), build)
+      } catch (e) { }
+      // 可以在当前平台使用
+      if (!build.platform || build.platform.includes(platform)) {
+        builds[plugin] = build
+        if (platform === 'uni-app') {
+          plugins += plugin.replace(/-([a-z])/g, ($, $1) => $1.toUpperCase()) + ','
+          pluginImports += `import ${plugin.replace(/-([a-z])/g, ($, $1) => $1.toUpperCase())} from './${plugin}/${build.main ? build.main : 'index.js'}'\n`
+        } else {
+          plugins += `require('./${plugin}/${build.main ? build.main : 'index.js'}'),`
+        }
+        if (build.template) {
+          wxml += build.template.replace('wx:if', 'wx:elif').replace('v-if', 'v-else-if')
+        }
+        if (build.methods) {
+          for (const method in build.methods) {
+            js += build.methods[method].toString() + ','
+          }
+        }
+        if (build.usingComponents) {
+          Object.assign(json, build.usingComponents)
+        }
+        if (build.style) {
+          wxss += build.style
+        }
+      }
+    }
+
+    // 加入其他自定义标签
+    for (const item of config.customElements) {
+      if (platform === 'uni-app') {
+        if (item.platforms) {
+          wxml += '<!-- #ifdef ' + item.platforms.join(' || ').toUpperCase() + ' -->'
+        }
+        voidTags += item.name + ','
+        wxml += '<' + item.name + ' v-else-if="n.name==\'' + item.name + '\'" :class="n.attrs.class" :style="n.attrs.style"'
+        if (item.attrs) {
+          for (const attr of item.attrs) {
+            wxml += ' :' + attr + '="n.attrs'
+            if (attr.includes('-')) {
+              wxml += '[\'' + attr + '\']"'
+            } else {
+              wxml += '.' + attr + '"'
+            }
+          }
+        }
+        wxml += ' />'
+        if (item.platforms) {
+          wxml += '<!-- #endif -->'
+        }
+      } else if (!item.platforms || item.platforms.join(',').toLowerCase().includes(platform)) {
+        voidTags += item.name + ','
+        wxml += '<' + item.name + ' wx:elif="{{n.name==\'' + item.name + '\'}}" class="{{n.attrs.class}}" style="{{n.attrs.style}}"'
+        if (item.attrs) {
+          for (const attr of item.attrs) {
+            wxml += ' ' + attr + '="{{n.attrs'
+            if (attr.includes('-')) {
+              wxml += '[\'' + attr + '\']}}"'
+            } else {
+              wxml += '.' + attr + '}}"'
+            }
+          }
+        }
+        wxml += ' />'
+      }
+    }
+
+    return through2.obj(function (file, _, callback) {
+      if (file.isBuffer()) {
+        // src 目录
+        if (file.base.includes('src')) {
+          let content = file.contents.toString()
+          if (file.basename === 'index.js' || file.basename === 'mp-html.vue') {
+            // 注册插件列表
+            if (platform === 'uni-app') {
+              content = content.replace(/const\s*plugins\s*=\s*\[\]/, `${pluginImports}const plugins=[${plugins}]`)
+            } else {
+              content = content.replace(/plugins\s*=\s*\[\]/, `plugins=[${plugins}]`)
+            }
+          } else if (file.basename === 'parser.js') {
+            // 设置标签名选择器
+            content = content.replace(/tagSelector\s*=\s*{}/, `tagSelector=${JSON.stringify(tagSelector)}`)
+            // 设置自闭合标签
+              .replace(/voidTags\s*:\s*makeMap\('/, 'voidTags: makeMap(\'' + voidTags)
+          } else if (file.basename === 'node.wxml') {
+            // 引入模板
+            content = content.replace(/<!--\s*insert\s*-->/, wxml)
+          } else if (file.basename === 'node.js') {
+            // 引入方法
+            content = content.replace(/methods\s*:\s*{/, 'methods:{' + js)
+          } else if (file.basename === 'node.wxss') {
+            // 引入样式
+            content = wxss + content
+          } else if (file.basename === 'node.json') {
+            // 引入组件声明
+            const comps = JSON.stringify(json).slice(1, -1)
+            if (comps) {
+              content = content.replace(/"usingComponents"\s*:\s*{/, '"usingComponents":{' + comps + ',')
+            }
+          } else if (file.basename === 'node.vue') {
+            // 引入 vue
+            content = content.replace(/<!--\s*insert\s*-->/, wxml)
+              .replace(/methods\s*:\s*{/, 'methods:{' + js)
+              .replace('<style>', '<style>' + wxss.replace(/\.[a-zA-Z_][^)}]*?[{,]/g, '/deep/ $&')).replace(/,url/g, ', url')
+            let importComp = ''
+            let comps = ''
+            for (let item in json) {
+              const val = json[item]
+              // 插件无法通过这种方式引入
+              if (val.includes('plugin://')) continue
+              item = item.replace(/-([a-z])/g, (_, $1) => $1.toUpperCase())
+              importComp += 'import ' + item + " from '" + val + "'\n"
+              comps += item + ',\n'
+            }
+            content = content.replace('<script>', '<script>\n' + importComp)
+              .replace(/components\s*:\s*{/, 'components: {\n' + comps)
+          } else if (file.basename === 'local.html' && wxss) {
+            // 引入样式
+            content = '<style>' + wxss + '</style>' + content
+          }
+          file.contents = Buffer.from(content)
+          for (const item in builds) {
+            if (builds[item].handler) {
+              builds[item].handler(file, platform)
+            }
+          }
+        } else {
+          // plugins 目录
+          const name = file.relative.split(path.sep)[0]
+          const build = builds[name]
+          // 本平台不支持使用
+          if (!build || file.extname === '.md' || file.basename === 'build.js') {
+            callback()
+            return
+          }
+          // import
+          if (build.import) {
+            if (typeof build.import === 'string') {
+              if (file.relative.includes(build.import)) {
+                file.import = true
+              }
+            } else {
+              for (let i = 0; i < build.import.length; i++) {
+                if (file.relative.includes(build.import[i])) {
+                  file.import = true
+                  break
+                }
+              }
+            }
+          }
+          if (build.handler) {
+            build.handler(file, platform)
+          }
+        }
+      }
+      this.push(file)
+      callback()
+    })
+  },
+  /**
+   * @description 引入样式文件到 node.wxss 中
+   */
+  importCss () {
+    let css = ''
+    return through2.obj(function (file, _, callback) {
+      if (file.isBuffer()) {
+        let content = file.contents.toString()
+        // 要被引入的文件
+        if (file.import) {
+          css += content
+          callback()
+          return
+        }
+        // 引入到对应位置
+        if (file.basename === 'node.wxss') {
+          content = css + content
+        } else if (file.basename === 'node.vue') {
+          content = content.replace('<style>', '<style>' + css.replace(/\.[a-z_][^)}]+?[{,]/g, '/deep/ $&')).replace(/,url/g, ', url')
+        } else if (file.basename === 'local.html' && css) {
+          content = '<style>' + css + '</style>' + content
+        }
+        file.contents = Buffer.from(content)
+      }
+      this.push(file)
+      callback()
+    })
+  }
+}
diff --git a/wechat-mini-program/package-lock.json b/wechat-mini-program/package-lock.json
new file mode 100644
index 0000000..13a959e
--- /dev/null
+++ b/wechat-mini-program/package-lock.json
@@ -0,0 +1,17 @@
+{
+  "name": "wechat-mini-program",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "dependencies": {
+        "mp-html": "^2.5.1"
+      }
+    },
+    "node_modules/mp-html": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmmirror.com/mp-html/-/mp-html-2.5.1.tgz",
+      "integrity": "sha512-7BEH8dnQ89kOIyjdoYni8zcc0QAg+lgEWg0n9or9q2D4l26JNG+KPzHfttDyisC/5S7aPBblpXrFTYQv475w/Q=="
+    }
+  }
+}
diff --git a/wechat-mini-program/package.json b/wechat-mini-program/package.json
new file mode 100644
index 0000000..5b036ba
--- /dev/null
+++ b/wechat-mini-program/package.json
@@ -0,0 +1,16 @@
+{
+  "dependencies": {
+    "mp-html": "^2.5.1"
+  },
+  "name": "wechat-mini-program",
+  "version": "1.0.0",
+  "main": "app.js",
+  "devDependencies": {},
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "description": ""
+}
diff --git a/wechat-mini-program/pages/coupon/coupon.js b/wechat-mini-program/pages/coupon/coupon.js
new file mode 100644
index 0000000..3ccf00e
--- /dev/null
+++ b/wechat-mini-program/pages/coupon/coupon.js
@@ -0,0 +1,188 @@
+const app = getApp()
+
+Page({
+  data: {
+    coupons: [],
+    user: {}
+  },
+  onLoad() {
+    this.fetchCoupons();
+  },
+  onShow() {
+      this.getUserInfo();
+      this.fetchCoupons();
+  },
+  getUserInfo() {
+      const { request } = require('../../utils/request')
+      const app = getApp()
+      
+      // Fetch latest user info from backend to check if phone exists in DB
+      request({ url: '/user/' }).then(user => {
+          app.globalData.userInfo = user; // Sync global data
+          this.setData({ user: user });
+      }).catch(err => {
+          console.error('Failed to fetch user info', err)
+          // Fallback to global data if fetch fails
+          if (app.globalData.userInfo) {
+              this.setData({ user: app.globalData.userInfo });
+          }
+      })
+  },
+  goToProfile() {
+      const app = getApp();
+      app.globalData.profileAction = 'bind_phone';
+      wx.switchTab({
+          url: '/pages/profile/profile'
+      })
+  },
+  fetchCoupons() {
+    const { request } = require('../../utils/request')
+    
+    Promise.all([
+        request({ url: '/user-coupons/' }).catch(() => []),
+        request({ url: '/available-coupons/' }).catch(() => [])
+    ]).then(([userCoupons, availableCoupons]) => {
+        // 1. Process User Coupons
+        const userList = Array.isArray(userCoupons) ? userCoupons : (userCoupons && userCoupons.results) || [];
+        const formattedUserList = userList.map(item => {
+             if (item.coupon_detail) {
+                let scopeText = item.coupon_detail.scope_text || '全场通用';
+                if (scopeText === '通用') scopeText = '全场通用';
+                
+                return {
+                    ...item.coupon_detail,
+                    id: item.id, 
+                    coupon_id: item.coupon_detail.id,
+                    status: item.status, 
+                    expiry: item.coupon_detail.expiry,
+                    displayDesc: scopeText,
+                    is_time_limited: item.coupon_detail.is_time_limited
+                }
+            }
+            return {
+                ...item,
+                displayDesc: item.desc
+            }
+        });
+
+        // 2. Process Available Coupons
+        const userCouponIds = new Set(formattedUserList.map(item => item.coupon_id));
+        
+        const availableList = Array.isArray(availableCoupons) ? availableCoupons : (availableCoupons && availableCoupons.results) || [];
+        const formattedAvailableList = availableList
+            .filter(c => !userCouponIds.has(c.id))
+            .map(c => {
+                let scopeText = c.scope_text || '全场通用';
+                if (scopeText === '通用') scopeText = '全场通用';
+                return {
+                    ...c,
+                    id: 'avail_' + c.id, // Virtual ID
+                    coupon_id: c.id,
+                    status: 'can_claim', // Virtual Status
+                    displayDesc: scopeText
+                }
+            });
+
+        // 3. Merge and Sort
+        const allCoupons = [...formattedAvailableList, ...formattedUserList];
+        
+        // Sort: can_claim -> assigned -> used -> expired
+        const statusOrder = { 'can_claim': 0, 'assigned': 1, 'used': 2, 'expired': 3, 'revoked': 4 };
+        
+        allCoupons.sort((a, b) => {
+            const orderA = statusOrder[a.status] !== undefined ? statusOrder[a.status] : 99;
+            const orderB = statusOrder[b.status] !== undefined ? statusOrder[b.status] : 99;
+            return orderA - orderB;
+        });
+
+        this.setData({ coupons: allCoupons });
+      })
+      .catch((err) => {
+        console.error(err);
+          // Mock data fallback
+        this.setData({
+          coupons: [
+            {
+              id: 1,
+              amount: '50',
+              unit: '元',
+              title: '新人见面礼',
+              desc: '无门槛使用，适用于所有课程',
+              displayDesc: '全场通用',
+              expiry: '2023-12-31',
+              status: 'available',
+              color: 'from-blue-500 to-cyan-400',
+              bgStart: 'from-blue-50',
+              bgEnd: 'to-cyan-50',
+              shadow: 'shadow-blue-100',
+              is_time_limited: true
+            },
+            // ... (existing mocks)
+          ]
+        })
+      })
+  },
+  handleCouponClick(e) {
+    if (!this.data.user.phone) {
+      wx.showModal({
+        title: '提示',
+        content: '请先绑定手机号激活会员权益',
+        confirmText: '去绑定',
+        success: (res) => {
+          if (res.confirm) {
+            this.goToProfile();
+          }
+        }
+      });
+      return;
+    }
+    
+    const status = e.currentTarget.dataset.status;
+    
+    if (status === 'can_claim') {
+        this.handleClaim(e);
+        return;
+    }
+    
+    // If coupon is available/assigned, redirect to home page to use it
+    if (status !== 'used') {
+        wx.switchTab({
+            url: '/pages/index/index'
+        });
+        return;
+    }
+  },
+  handleClaim(e) {
+      const id = e.currentTarget.dataset.id; // This is 'avail_ID'
+      const realId = id.toString().replace('avail_', '');
+      
+      wx.showLoading({ title: '领取中...' });
+      
+      const { request } = require('../../utils/request')
+
+      request({
+          url: '/user-coupons/',
+          method: 'POST',
+          data: {
+              coupon_id: realId
+          }
+      }).then(() => {
+          wx.hideLoading();
+          wx.showToast({
+              title: '领取成功',
+              icon: 'success'
+          });
+          // Refresh list
+          this.fetchCoupons();
+      }).catch(err => {
+          wx.hideLoading();
+          console.error(err);
+          // Handle specific error message from backend
+          const msg = (err && err.error) || (err && err.detail) || '领取失败';
+          wx.showToast({
+              title: msg,
+              icon: 'none'
+          });
+      });
+  }
+})
diff --git a/wechat-mini-program/pages/coupon/coupon.json b/wechat-mini-program/pages/coupon/coupon.json
new file mode 100644
index 0000000..c17488d
--- /dev/null
+++ b/wechat-mini-program/pages/coupon/coupon.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "优惠券"
+}
diff --git a/wechat-mini-program/pages/coupon/coupon.wxml b/wechat-mini-program/pages/coupon/coupon.wxml
new file mode 100644
index 0000000..71724b4
--- /dev/null
+++ b/wechat-mini-program/pages/coupon/coupon.wxml
@@ -0,0 +1,43 @@
+<view class="container">
+    <view class="header">
+        <text class="title">优惠券中心</text>
+    </view>
+    
+    <!-- VIP Banner -->
+    <view class="vip-banner" wx:if="{{!user.phone}}">
+        <view class="vip-info">
+            <view class="vip-title">VIP会员权益</view>
+            <view class="vip-desc">开通会员享受更多优惠</view>
+        </view>
+        <button class="vip-btn" bindtap="goToProfile">立即开通</button>
+    </view>
+
+
+    <!-- Coupon List -->
+    <view class="section-title">{{user.phone ? '可使用的优惠券' : '可领取的优惠券'}}</view>
+    <view class="coupon-list" style="{{!user.phone ? 'filter: grayscale(100%); opacity: 0.6;' : ''}}">
+        <block wx:for="{{coupons}}" wx:key="id">
+            <view class="coupon-card {{item.status === 'used' ? 'used' : ''}}" bindtap="handleCouponClick" data-id="{{item.id}}" data-status="{{item.status}}">
+                <view class="limit-tag" wx:if="{{item.is_time_limited}}">限时</view>
+                <view class="coupon-left">
+                    <view class="amount">
+                        <text class="num">{{item.amount}}</text>
+                        <text class="unit">{{item.unit}}</text>
+                    </view>
+                    <view class="info">
+                        <view class="coupon-name">{{item.title}}</view>
+                        <view class="coupon-desc">{{item.displayDesc}}</view>
+                    </view>
+                </view>
+                <view class="coupon-right">
+                    <view class="btn-text" wx:if="{{item.status === 'can_claim'}}">立即领取</view>
+                    <view class="btn-text" wx:elif="{{item.status === 'assigned'}}">去使用</view>
+                    <view class="btn-text" wx:elif="{{item.status === 'used'}}">已使用</view>
+                    <view class="btn-text" wx:elif="{{item.status === 'expired'}}">已过期</view>
+                    <view class="btn-text" wx:else>去使用</view>
+                    <text class="expiry-date" wx:if="{{item.expiry}}">{{item.expiry}}到期</text>
+                </view>
+            </view>
+        </block>
+    </view>
+</view>
diff --git a/wechat-mini-program/pages/coupon/coupon.wxss b/wechat-mini-program/pages/coupon/coupon.wxss
new file mode 100644
index 0000000..673bd2f
--- /dev/null
+++ b/wechat-mini-program/pages/coupon/coupon.wxss
@@ -0,0 +1,231 @@
+.container {
+    padding: 30rpx;
+    background-color: var(--background-color);
+    min-height: 100vh;
+}
+.header {
+    padding: 20rpx 0;
+    text-align: center;
+    margin-bottom: 20rpx;
+}
+.title {
+    font-size: 36rpx;
+    font-weight: bold;
+    color: var(--text-main);
+}
+.vip-banner {
+    background: linear-gradient(to bottom right, #111827, #1f2937);
+    border-radius: 30rpx;
+    padding: 40rpx;
+    color: var(--text-white);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 40rpx;
+    box-shadow: 0 10rpx 20rpx rgba(0,0,0,0.1);
+}
+.vip-title {
+    color: #fcd34d;
+    font-weight: bold;
+    font-size: 32rpx;
+    margin-bottom: 10rpx;
+}
+.vip-desc {
+    color: #d1d5db;
+    font-size: 24rpx;
+}
+.vip-btn {
+    background: linear-gradient(to right, #fcd34d, #fbbf24);
+    color: #111827;
+    font-size: 24rpx;
+    font-weight: bold;
+    padding: 10rpx 30rpx;
+    border-radius: 40rpx;
+    margin: 0;
+}
+.section-title {
+    font-size: 32rpx;
+    font-weight: bold;
+    margin-bottom: 20rpx;
+    color: var(--text-main);
+}
+.coupon-list.disabled-list {
+    filter: grayscale(100%);
+    opacity: 0.6;
+    pointer-events: none;
+}
+.coupon-card {
+    background: #ffffff;
+    border-radius: 20rpx;
+    margin-bottom: 24rpx;
+    display: flex;
+    justify-content: space-between;
+    align-items: stretch;
+    box-shadow: 0 4rpx 16rpx rgba(0,0,0,0.06);
+    position: relative;
+    overflow: hidden;
+}
+
+/* Colorful style for unused coupons */
+.coupon-card:not(.used) {
+    background: linear-gradient(135deg, #fff1f2 0%, #ffe4e6 100%); /* More saturated gradient */
+    border: 1px solid #fecdd3;
+}
+
+.coupon-card.used {
+    background: #f9fafb;
+    box-shadow: none;
+    border: 1px solid #eee;
+}
+
+.coupon-left {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    padding: 30rpx;
+    position: relative;
+}
+
+/* Dashed line separator */
+.coupon-left::after {
+    content: '';
+    position: absolute;
+    right: 0;
+    top: 20rpx;
+    bottom: 20rpx;
+    border-right: 2px dashed #e5e7eb;
+}
+
+.coupon-card:not(.used) .coupon-left::after {
+    border-right: 2px dashed #fca5a5; /* Reddish dashed line for unused */
+    opacity: 0.5;
+}
+
+.amount {
+    min-width: 120rpx;
+    text-align: center;
+    color: #ef4444; /* Red */
+    margin-right: 24rpx;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+.coupon-card.used .amount {
+    color: #9ca3af; /* Gray */
+}
+
+.num {
+    font-size: 56rpx;
+    font-weight: bold;
+    line-height: 1;
+}
+
+.unit {
+    font-size: 24rpx;
+    margin-top: 4rpx;
+}
+
+.info {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+
+.coupon-name {
+    font-size: 30rpx;
+    font-weight: bold;
+    color: #1f2937;
+    margin-bottom: 8rpx;
+}
+
+.coupon-card.used .coupon-name {
+    color: #9ca3af;
+}
+
+.coupon-desc {
+    font-size: 22rpx;
+    color: #6b7280;
+}
+
+.coupon-card:not(.used) .coupon-desc {
+    color: #7f1d1d; /* Darker red for description on colorful bg */
+    opacity: 0.7;
+}
+
+.coupon-right {
+    width: 160rpx; /* Increased width to fit date */
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    padding: 0 10rpx;
+}
+
+.btn-text {
+    padding: 10rpx 24rpx;
+    border-radius: 30rpx;
+    font-size: 24rpx;
+    font-weight: bold;
+    margin-bottom: 8rpx;
+}
+
+.expiry-date {
+    font-size: 18rpx;
+    color: #9ca3af;
+    text-align: center;
+    line-height: 1.2;
+}
+
+.coupon-card:not(.used) .expiry-date {
+    color: #ef4444;
+    opacity: 0.8;
+}
+
+/* Active button style */
+.coupon-card:not(.used) .btn-text {
+    background: linear-gradient(to right, #ef4444, #f87171);
+    color: white;
+    box-shadow: 0 4rpx 10rpx rgba(239, 68, 68, 0.3);
+}
+
+/* Used button style */
+.coupon-card.used .btn-text {
+    background-color: #e5e7eb;
+    color: #9ca3af;
+}
+
+/* Circles for ticket effect */
+.coupon-card::before, .coupon-card::after {
+    content: '';
+    position: absolute;
+    width: 24rpx;
+    height: 24rpx;
+    background-color: var(--background-color); /* Assuming this var is set on page/container */
+    border-radius: 50%;
+    right: 148rpx; /* Position at the separator (adjusted for new width) */
+    z-index: 10;
+}
+
+.coupon-card::before {
+    top: -12rpx;
+}
+
+.coupon-card::after {
+    bottom: -12rpx;
+}
+
+.limit-tag {
+    position: absolute;
+    top: 0;
+    left: 0;
+    background: linear-gradient(to bottom right, #f59e0b, #d97706);
+    color: white;
+    font-size: 20rpx;
+    padding: 4rpx 12rpx;
+    border-bottom-right-radius: 16rpx;
+    z-index: 20;
+}
\ No newline at end of file
diff --git a/wechat-mini-program/pages/course/course.js b/wechat-mini-program/pages/course/course.js
new file mode 100644
index 0000000..3f15bcc
--- /dev/null
+++ b/wechat-mini-program/pages/course/course.js
@@ -0,0 +1,148 @@
+const app = getApp()
+const { request } = require('../../utils/request')
+
+Page({
+  data: {
+    user: {},
+    honors: [],
+    projects: [],
+    filteredProjects: [],
+    currentFilter: 'all', // all, enrolled, completed
+    showHonorModal: false,
+    currentHonor: null
+  },
+
+  onLoad() {
+    this.fetchHonors()
+    this.fetchProjects()
+  },
+
+  onShow() {
+    this.getUserInfo()
+  },
+
+  getUserInfo() {
+      const app = getApp()
+      // Try to get from globalData first to speed up rendering
+      if (app.globalData.userInfo) {
+          this.setData({ user: app.globalData.userInfo })
+      }
+      
+      request({ url: '/user/' }).then(user => {
+          app.globalData.userInfo = user;
+          this.setData({ user: user });
+          // Re-fetch data if needed based on user status change
+          // this.fetchHonors();
+          // this.fetchProjects();
+      }).catch(err => {
+          console.error('Failed to fetch user info', err)
+      })
+  },
+
+  onPullDownRefresh() {
+    Promise.all([this.fetchHonors(), this.fetchProjects()]).then(() => {
+      wx.stopPullDownRefresh()
+    })
+  },
+
+  fetchHonors() {
+    return request({
+      url: '/user-honors/',
+      method: 'GET'
+    }).then(res => {
+      this.setData({ honors: res || [] })
+    }).catch(err => {
+      console.error('Failed to fetch honors', err)
+    })
+  },
+
+  fetchProjects() {
+    return request({
+      url: '/user-projects/',
+      method: 'GET'
+    }).then(res => {
+      const list = Array.isArray(res) ? res : []
+      const projects = list.map(item => {
+          // Format date
+          if (item.enrolled_at) {
+              item.enrolled_at_formatted = item.enrolled_at.split('T')[0]
+          }
+          
+          const statusMap = {
+              'enrolled': '已报名',
+              'studying': '在读',
+              'graduated': '毕业',
+              'finished': '结束',
+              'completed': '已完成',
+              'cancelled': '已取消'
+          };
+          item.status_display = statusMap[item.status] || item.status;
+          
+          return item
+      })
+
+      // Sort projects by status: enrolled, studying, finished, graduated
+      const sortOrder = {
+          'enrolled': 1,
+          'studying': 2,
+          'finished': 3,
+          'graduated': 4
+      };
+      
+      projects.sort((a, b) => {
+          const orderA = sortOrder[a.status] || 99;
+          const orderB = sortOrder[b.status] || 99;
+          return orderA - orderB;
+      });
+
+      this.setData({ projects })
+      this.filterProjects()
+    }).catch(err => {
+      console.error('Failed to fetch projects', err)
+    })
+  },
+
+  setFilter(e) {
+    const type = e.currentTarget.dataset.type
+    this.setData({ currentFilter: type })
+    this.filterProjects()
+  },
+
+  filterProjects() {
+    const { projects, currentFilter } = this.data
+    let filtered = []
+    if (currentFilter === 'all') {
+      filtered = projects
+    } else if (currentFilter === 'enrolled') {
+      // 进行中: 已报名, 在读
+      const activeStatuses = ['enrolled', 'studying']
+      filtered = projects.filter(p => activeStatuses.includes(p.status))
+    } else if (currentFilter === 'completed') {
+      // 已完成: 毕业, 结束, 已完成
+      const completedStatuses = ['graduated', 'finished', 'completed']
+      filtered = projects.filter(p => completedStatuses.includes(p.status))
+    } else {
+      filtered = projects.filter(p => p.status === currentFilter)
+    }
+    this.setData({ filteredProjects: filtered })
+  },
+
+  showHonorDetail(e) {
+    const item = e.currentTarget.dataset.item
+    this.setData({
+      showHonorModal: true,
+      currentHonor: item
+    })
+  },
+
+  closeHonorModal() {
+    this.setData({
+      showHonorModal: false,
+      currentHonor: null
+    })
+  },
+
+  preventBubble() {
+    // Prevent tap event from bubbling to mask
+  }
+})
diff --git a/wechat-mini-program/pages/course/course.json b/wechat-mini-program/pages/course/course.json
new file mode 100644
index 0000000..eb9951a
--- /dev/null
+++ b/wechat-mini-program/pages/course/course.json
@@ -0,0 +1,6 @@
+{
+  "navigationBarTitleText": "项目&活动",
+  "navigationBarBackgroundColor": "#ff9900",
+  "navigationBarTextStyle": "white",
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/wechat-mini-program/pages/course/course.wxml b/wechat-mini-program/pages/course/course.wxml
new file mode 100644
index 0000000..e87f028
--- /dev/null
+++ b/wechat-mini-program/pages/course/course.wxml
@@ -0,0 +1,72 @@
+<view class="page-container">
+  <block wx:if="{{user.phone}}">
+  <!-- 头部荣誉区域 -->
+  <view class="honor-section" wx:if="{{honors.length > 0}}">
+    <view class="section-header">
+      <text class="section-title">我的荣誉</text>
+      <text class="honor-count">共 {{honors.length}} 项</text>
+    </view>
+    
+    <view class="honor-list">
+      <view class="honor-item" wx:for="{{honors}}" wx:key="id" bindtap="showHonorDetail" data-item="{{item}}">
+        <image class="honor-image" src="{{item.image}}" mode="aspectFill"></image>
+        <view class="honor-info">
+          <text class="honor-title">{{item.title}}</text>
+          <text class="honor-date">{{item.date}}</text>
+        </view>
+      </view>
+    </view>
+  </view>
+
+  <!-- 课程赛事列表 -->
+  <view class="course-section">
+    <view class="section-header">
+      <text class="section-title">我的项目&活动</text>
+    </view>
+    
+    <view class="filter-tabs">
+      <view class="tab-item {{currentFilter === 'all' ? 'active' : ''}}" bindtap="setFilter" data-type="all">全部</view>
+      <view class="tab-item {{currentFilter === 'enrolled' ? 'active' : ''}}" bindtap="setFilter" data-type="enrolled">进行中</view>
+      <view class="tab-item {{currentFilter === 'completed' ? 'active' : ''}}" bindtap="setFilter" data-type="completed">已完成</view>
+    </view>
+
+    <view class="project-list" wx:if="{{filteredProjects.length > 0}}">
+      <view class="project-card" wx:for="{{filteredProjects}}" wx:key="id">
+        <image class="project-image" src="{{item.project_image}}" mode="aspectFill"></image>
+        <view class="project-info">
+          <view class="project-header">
+            <text class="project-title">{{item.project_title}}</text>
+            <text class="project-type-tag {{item.project_type}}">{{item.project_type_display}}</text>
+          </view>
+          <view class="project-meta">
+            <text class="status-text {{item.status}}">{{item.status_display}}</text>
+            <text class="date-text">报名时间: {{item.enrolled_at_formatted}}</text>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <view class="empty-state" wx:else>
+      <text class="empty-text">暂无相关记录</text>
+    </view>
+  </view>
+  </block>
+  
+  <view class="empty-state-global" wx:else style="display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: 200rpx;">
+      <image src="/assets/empty-honor.png" mode="aspectFit" style="width: 200rpx; height: 200rpx; margin-bottom: 20rpx; filter: grayscale(100%); opacity: 0.5;"></image>
+      <text style="color: #999; font-size: 28rpx;">暂无数据，请先完善个人信息</text>
+  </view>
+
+  <!-- 荣誉详情弹窗 -->
+  <view class="modal-mask" wx:if="{{showHonorModal}}" bindtap="closeHonorModal">
+    <view class="modal-content" catchtap="preventBubble">
+      <image class="modal-image" src="{{currentHonor.image}}" mode="widthFix"></image>
+      <view class="modal-info">
+        <text class="modal-title">{{currentHonor.title}}</text>
+        <text class="modal-date">获得时间：{{currentHonor.date}}</text>
+        <text class="modal-desc" wx:if="{{currentHonor.description}}">{{currentHonor.description}}</text>
+      </view>
+      <view class="modal-close" bindtap="closeHonorModal">×</view>
+    </view>
+  </view>
+</view>
diff --git a/wechat-mini-program/pages/course/course.wxss b/wechat-mini-program/pages/course/course.wxss
new file mode 100644
index 0000000..3302410
--- /dev/null
+++ b/wechat-mini-program/pages/course/course.wxss
@@ -0,0 +1,309 @@
+.page-container {
+  min-height: 100vh;
+  background-color: var(--background-color);
+  padding-bottom: 40rpx;
+}
+
+/* Honor Section */
+.honor-section {
+  background-color: var(--surface-color);
+  padding: 30rpx;
+  margin-bottom: 20rpx;
+  border-bottom-left-radius: 30rpx;
+  border-bottom-right-radius: 30rpx;
+  box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.05);
+}
+
+.section-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 24rpx;
+}
+
+.section-title {
+  font-size: 34rpx;
+  font-weight: bold;
+  color: var(--text-main);
+  position: relative;
+  padding-left: 20rpx;
+}
+
+.section-title::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 8rpx;
+  height: 32rpx;
+  background-color: var(--primary-color);
+  border-radius: 4rpx;
+}
+
+.honor-count {
+  font-size: 24rpx;
+  color: var(--text-secondary);
+}
+
+.honor-scroll {
+  width: 100%;
+  white-space: nowrap;
+}
+
+.honor-list {
+  display: flex;
+  flex-wrap: wrap;
+  padding-bottom: 10rpx;
+  margin-right: -20rpx; /* Compensate for the right margin of items */
+}
+
+.honor-item {
+  display: inline-block;
+  width: calc(50% - 20rpx); /* 2 items per row with gap */
+  margin-right: 20rpx;
+  margin-bottom: 20rpx;
+  background-color: var(--surface-color);
+  border-radius: 16rpx;
+  overflow: hidden;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.08);
+  border: 1px solid var(--border-color);
+  box-sizing: border-box;
+}
+
+.honor-image {
+  width: 100%;
+  height: 160rpx;
+  background-color: #e5e7eb;
+}
+
+.honor-info {
+  padding: 16rpx;
+}
+
+.honor-title {
+  font-size: 26rpx;
+  font-weight: bold;
+  color: #374151;
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-bottom: 8rpx;
+}
+
+.honor-date {
+  font-size: 20rpx;
+  color: var(--text-light);
+  display: block;
+}
+
+/* Course Section */
+.course-section {
+  padding: 30rpx;
+}
+
+.filter-tabs {
+  display: flex;
+  background-color: #e5e7eb;
+  border-radius: 16rpx;
+  padding: 6rpx;
+  margin-bottom: 30rpx;
+}
+
+.tab-item {
+  flex: 1;
+  text-align: center;
+  font-size: 26rpx;
+  color: var(--text-secondary);
+  padding: 12rpx 0;
+  border-radius: 12rpx;
+  transition: all 0.3s;
+}
+
+.tab-item.active {
+  background-color: var(--surface-color);
+  color: var(--primary-color);
+  font-weight: bold;
+  box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.05);
+}
+
+.project-list {
+  display: flex;
+  flex-direction: column;
+  gap: 24rpx;
+}
+
+.project-card {
+  background-color: var(--surface-color);
+  border-radius: 20rpx;
+  padding: 24rpx;
+  display: flex;
+  gap: 24rpx;
+  box-shadow: 0 2rpx 6rpx rgba(0, 0, 0, 0.04);
+}
+
+.project-image {
+  width: 160rpx;
+  height: 160rpx;
+  border-radius: 16rpx;
+  background-color: var(--surface-secondary);
+  flex-shrink: 0;
+}
+
+.project-info {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.project-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+}
+
+.project-title {
+  font-size: 30rpx;
+  font-weight: bold;
+  color: var(--text-main);
+  flex: 1;
+  margin-right: 16rpx;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.project-type-tag {
+  font-size: 20rpx;
+  padding: 4rpx 12rpx;
+  border-radius: 8rpx;
+  white-space: nowrap;
+}
+
+.project-type-tag.training {
+  background-color: var(--primary-light);
+  color: var(--primary-color);
+}
+
+.project-type-tag.competition {
+  background-color: var(--warning-bg);
+  color: var(--warning-color);
+}
+
+.project-type-tag.grading {
+  background-color: var(--success-bg);
+  color: var(--success-color);
+}
+
+.project-meta {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 16rpx;
+}
+
+.status-text {
+  font-size: 24rpx;
+  font-weight: 500;
+}
+
+.status-text.enrolled {
+  color: var(--info-color);
+}
+
+.status-text.studying {
+  color: #07c160;
+}
+
+.status-text.completed {
+  color: #10b981; /* Keep or use success-color */
+}
+
+.status-text.cancelled {
+  color: var(--text-light);
+}
+
+.date-text {
+  font-size: 22rpx;
+  color: var(--text-light);
+}
+
+/* Empty State */
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 60rpx 0;
+}
+
+.empty-icon {
+  width: 120rpx;
+  height: 120rpx;
+  margin-bottom: 20rpx;
+  opacity: 0.5;
+}
+
+.empty-text {
+  font-size: 26rpx;
+  color: var(--text-light);
+}
+
+/* Modal */
+.modal-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.6);
+  z-index: 1000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.modal-content {
+  width: 80%;
+  background-color: var(--surface-color);
+  border-radius: 24rpx;
+  padding: 40rpx;
+  position: relative;
+  max-height: 80vh;
+  overflow-y: auto;
+}
+
+.modal-image {
+  width: 100%;
+  border-radius: 16rpx;
+  margin-bottom: 30rpx;
+}
+
+.modal-info {
+  text-align: center;
+}
+
+.modal-title {
+  font-size: 36rpx;
+  font-weight: bold;
+  color: var(--text-main);
+  display: block;
+  margin-bottom: 16rpx;
+}
+
+.modal-date {
+  font-size: 24rpx;
+  color: var(--text-secondary);
+  display: block;
+  margin-bottom: 20rpx;
+}
+
+.modal-desc {
+  font-size: 28rpx;
+  color: #4b5563;
+  line-height: 1.6;
+  text-align: left;
+}
diff --git a/wechat-mini-program/pages/detail/detail.js b/wechat-mini-program/pages/detail/detail.js
new file mode 100644
index 0000000..8d136dc
--- /dev/null
+++ b/wechat-mini-program/pages/detail/detail.js
@@ -0,0 +1,173 @@
+const app = getApp()
+
+Page({
+  data: {
+    project: null,
+    bestCoupon: null,
+    finalPrice: 0,
+    isEnrolled: false,
+    tagStyle: {
+      video: 'width: 100%;',
+      img: 'width: 100%; height: auto; display: block;'
+    }
+  },
+  onLoad(options) {
+      const { id } = options;
+      this.fetchProject(id);
+      this.checkEnrollment(id);
+  },
+  checkEnrollment(projectId) {
+      const user = app.globalData.userInfo;
+      if (!user) return;
+      
+      const { request } = require('../../utils/request')
+      request({
+          url: `/student-projects/?student=${user.id}&project=${projectId}`
+      }).then(res => {
+          // Search result from list
+          if (res && res.results && res.results.length > 0) {
+             this.setData({ isEnrolled: true });
+          } else if (Array.isArray(res) && res.length > 0) {
+             this.setData({ isEnrolled: true });
+          }
+      }).catch(err => console.error('Check enrollment failed', err));
+  },
+  fetchProject(id) {
+    const { request } = require('../../utils/request')
+    // Fetch project details
+    request({ url: `/projects/${id}/` })
+      .then((data) => {
+        this.setData({ project: data })
+        // Fetch coupons to calculate best discount
+        if (parseFloat(data.price) > 0 && data.show_price) {
+          this.fetchCoupons(data.id, data.price);
+        } else {
+          this.setData({ 
+            finalPrice: data.price,
+            bestCoupon: null,
+            bestCouponId: null
+          });
+        }
+      })
+      .catch(() => {
+          // Mock data fallback
+          this.setData({
+              project: {
+                  id: id,
+                  title: '示例项目',
+                  category: '示例分类',
+                  rating: 4.8,
+                  students: 120,
+                  duration: '4周',
+                  price: 299,
+                  show_price: true,
+                  detail: '<p>这是一个示例项目详情。</p>',
+                  image: 'https://images.unsplash.com/photo-1526379095098-d400fd0bf935'
+              }
+          })
+      })
+  },
+  fetchCoupons(projectId, originalPrice) {
+      const { request } = require('../../utils/request')
+      request({ url: '/user-coupons/' }).then(coupons => {
+          // Filter applicable coupons
+          const validCoupons = coupons.filter(sc => {
+              // Check if coupon is applicable to this project
+              const c = sc.coupon_detail;
+              const isApplicable = c.applicable_project_titles.length === 0 || c.applicable_project_titles.includes(this.data.project.title);
+              return isApplicable && sc.status === 'assigned';
+          });
+          
+          if (validCoupons.length > 0) {
+              // Find the best coupon (highest discount)
+              let maxDiscount = 0;
+              let bestCoupon = null;
+              
+              validCoupons.forEach(sc => {
+                  const c = sc.coupon_detail;
+                  const discount = parseFloat(c.amount);
+                  if (discount > maxDiscount) {
+                      maxDiscount = discount;
+                      bestCoupon = sc; // Keep the student_coupon object to get ID
+                  }
+              });
+              
+              if (bestCoupon) {
+                  const finalPrice = Math.max(0, originalPrice - maxDiscount);
+                  this.setData({
+                      bestCoupon: bestCoupon.coupon_detail, // For display
+                      bestCouponId: bestCoupon.id, // For submission (StudentCoupon ID)
+                      finalPrice: finalPrice.toFixed(2)
+                  });
+              } else {
+                   this.setData({ finalPrice: originalPrice });
+              }
+          } else {
+              this.setData({ finalPrice: originalPrice });
+          }
+      }).catch(() => {
+          this.setData({ finalPrice: originalPrice });
+      });
+  },
+  handleEnroll() {
+      const { request } = require('../../utils/request')
+      const user = app.globalData.userInfo;
+      
+      if (!user) {
+          wx.showToast({ title: '请先登录', icon: 'none' });
+          return;
+      }
+      
+      if (this.data.isEnrolled) {
+           wx.showToast({ title: '您已报名该项目', icon: 'none' });
+           return;
+      }
+
+      const payload = {
+          student: user.id,
+          project: this.data.project.id,
+          coupon_id: this.data.bestCouponId || null
+      };
+
+      wx.showLoading({ title: '报名中...' });
+      
+      request({
+          url: '/student-projects/',
+          method: 'POST',
+          data: payload
+      }).then(res => {
+          wx.hideLoading();
+          wx.showToast({ title: '报名成功', icon: 'success' });
+          this.setData({ isEnrolled: true });
+      }).catch(err => {
+          wx.hideLoading();
+          console.error('Enrollment error:', err);
+          
+          let msg = '报名失败';
+          if (err.data) {
+              if (err.data.detail) {
+                  msg = err.data.detail;
+              } else if (err.data.coupon_id) {
+                  msg = Array.isArray(err.data.coupon_id) ? err.data.coupon_id[0] : err.data.coupon_id;
+              } else if (typeof err.data === 'string') {
+                  msg = err.data;
+              } else {
+                  // Try to find first error value
+                  const keys = Object.keys(err.data);
+                  if (keys.length > 0) {
+                      const firstVal = err.data[keys[0]];
+                      msg = Array.isArray(firstVal) ? firstVal[0] : firstVal;
+                  }
+              }
+          } else if (err.detail) {
+              msg = err.detail;
+          }
+          
+          wx.showToast({ title: msg, icon: 'none' });
+          
+          if (msg && (msg.includes('重复') || msg.includes('exist'))) {
+              this.setData({ isEnrolled: true });
+          }
+      });
+  }
+})
diff --git a/wechat-mini-program/pages/detail/detail.json b/wechat-mini-program/pages/detail/detail.json
new file mode 100644
index 0000000..e2c4bdd
--- /dev/null
+++ b/wechat-mini-program/pages/detail/detail.json
@@ -0,0 +1,8 @@
+{
+  "navigationBarTitleText": "详情",
+  "navigationBarBackgroundColor": "#ff9900",
+  "navigationBarTextStyle": "white",
+  "usingComponents": {
+    "mp-html": "/components/mp-html/dist/mp-weixin/index"
+  }
+}
diff --git a/wechat-mini-program/pages/detail/detail.wxml b/wechat-mini-program/pages/detail/detail.wxml
new file mode 100644
index 0000000..ef5830e
--- /dev/null
+++ b/wechat-mini-program/pages/detail/detail.wxml
@@ -0,0 +1,48 @@
+<view class="container" wx:if="{{project}}">
+    <image class="hero-image" src="{{project.image}}" mode="aspectFill"></image>
+    
+    <view class="content">
+        <view class="header">
+            <view class="badge">{{project.category}}</view>
+            <view class="rating">
+                {{project.address}}
+            </view>
+        </view>
+        
+        <view class="title">{{project.title}}</view>
+        
+        <view class="meta-row">
+            <view class="meta-item">
+                <text class="icon">👥</text> {{project.students}} 人已报名
+            </view>
+            <view class="meta-item">
+                <text class="icon">🕒</text> {{project.duration}}
+            </view>
+        </view>
+        
+        <view class="section">
+            <view class="desc">
+                <mp-html content="{{project.detail}}" tag-style="{{tagStyle}}" />
+            </view>
+        </view>
+    </view>
+    
+    <view class="footer-bar">
+        <view class="price-container" wx:if="{{project.show_price}}">
+            <block wx:if="{{bestCoupon}}">
+                <view class="price-row">
+                    <view class="final-price">¥ {{finalPrice}}</view>
+                    <view class="original-price">¥ {{project.price}}</view>
+                </view>
+                <view class="coupon-tip">已抵扣{{bestCoupon.amount}}元</view>
+            </block>
+            <block wx:else>
+                <view class="final-price" style="color: #ff9900;">¥ {{project.price}}</view>
+            </block>
+        </view>
+        <view class="price-container" wx:else>
+             <view class="contact-tip" style="color: #666; font-size: 28rpx;">请咨询客服</view>
+        </view>
+        <button class="enroll-btn" bindtap="handleEnroll" disabled="{{isEnrolled}}" style="{{isEnrolled ? 'background-color: #ccc;' : ''}}">{{isEnrolled ? '已报名' : '立即报名'}}</button>
+    </view>
+</view>
diff --git a/wechat-mini-program/pages/detail/detail.wxss b/wechat-mini-program/pages/detail/detail.wxss
new file mode 100644
index 0000000..6120237
--- /dev/null
+++ b/wechat-mini-program/pages/detail/detail.wxss
@@ -0,0 +1,172 @@
+.container {
+    background-color: var(--surface-color);
+    min-height: 100vh;
+    padding-bottom: 120rpx;
+}
+.hero-image {
+    width: 100%;
+    height: 400rpx;
+}
+.content {
+    padding: 40rpx;
+    border-top-left-radius: 40rpx;
+    border-top-right-radius: 40rpx;
+    margin-top: -40rpx;
+    background-color: var(--surface-color);
+    position: relative;
+    z-index: 10;
+}
+.header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20rpx;
+}
+.badge {
+    background-color: var(--primary-light);
+    color: var(--primary-color);
+    font-size: 24rpx;
+    padding: 8rpx 20rpx;
+    border-radius: 12rpx;
+    font-weight: bold;
+}
+.rating {
+    color: var(--warning-color);
+    font-size: 24rpx;
+    font-weight: bold;
+}
+.title {
+    font-size: 40rpx;
+    font-weight: bold;
+    color: var(--text-main);
+    margin-bottom: 20rpx;
+    line-height: 1.4;
+}
+.meta-row {
+    display: flex;
+    gap: 30rpx;
+    margin-bottom: 40rpx;
+}
+.meta-item {
+    font-size: 24rpx;
+    color: var(--text-secondary);
+    display: flex;
+    align-items: center;
+}
+.icon {
+    margin-right: 8rpx;
+}
+.section {
+    margin-bottom: 40rpx;
+}
+.section-title {
+    font-size: 32rpx;
+    font-weight: bold;
+    color: var(--text-main);
+    margin-bottom: 20rpx;
+    border-left: 8rpx solid var(--primary-color);
+    padding-left: 20rpx;
+}
+.desc {
+    font-size: 28rpx;
+    color: #4b5563;
+    line-height: 1.6;
+}
+.chapter-header {
+    font-size: 28rpx;
+    font-weight: bold;
+    color: #374151;
+    margin: 30rpx 0 20rpx 0;
+    background-color: var(--surface-secondary);
+    padding: 10rpx 20rpx;
+    border-radius: 10rpx;
+}
+.lesson-item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 20rpx 0;
+    border-bottom: 1rpx solid var(--border-color);
+}
+.lesson-info {
+    flex: 1;
+}
+.lesson-title {
+    font-size: 28rpx;
+    color: var(--text-main);
+    margin-bottom: 6rpx;
+}
+.lesson-time {
+    font-size: 22rpx;
+    color: var(--text-light);
+}
+.play-btn {
+    color: var(--primary-color);
+    font-size: 32rpx;
+}
+.lock-btn {
+    color: var(--text-light);
+    font-size: 28rpx;
+}
+.footer-bar {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background-color: var(--surface-color);
+    padding: 20rpx 40rpx;
+    box-shadow: 0 -4rpx 10rpx rgba(0,0,0,0.05);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    z-index: 20;
+    padding-bottom: constant(safe-area-inset-bottom);
+    padding-bottom: env(safe-area-inset-bottom);
+}
+.price-container {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    flex: 1;
+    margin-right: 20rpx;
+}
+
+.price-row {
+    display: flex;
+    align-items: baseline;
+    flex-wrap: wrap;
+}
+
+.final-price {
+    color: var(--price-color);
+    font-weight: bold;
+    font-size: 36rpx;
+    line-height: 1.2;
+}
+
+.original-price {
+    text-decoration: line-through;
+    color: var(--text-light);
+    font-size: 24rpx;
+    margin-left: 10rpx;
+}
+
+.coupon-tip {
+    font-size: 20rpx;
+    color: var(--price-color);
+    border: 1px solid var(--price-color);
+    padding: 2rpx 6rpx;
+    border-radius: 4rpx;
+    margin-top: 4rpx;
+}
+.enroll-btn {
+    background: linear-gradient(to right, var(--primary-gradient-start), var(--primary-gradient-end));
+    color: var(--text-white);
+    font-size: 30rpx;
+    font-weight: bold;
+    padding: 20rpx 60rpx;
+    border-radius: 50rpx;
+    margin: 0;
+    flex-shrink: 0;
+    white-space: nowrap;
+}
diff --git a/wechat-mini-program/pages/index/index.js b/wechat-mini-program/pages/index/index.js
new file mode 100644
index 0000000..ff78698
--- /dev/null
+++ b/wechat-mini-program/pages/index/index.js
@@ -0,0 +1,158 @@
+const app = getApp()
+
+Page({
+  data: {
+    projects: [],
+    banners: [],
+    categories: [],
+    userInfo: {},
+    hasUserInfo: false,
+    canIUse: wx.canIUse('button.open-type.getUserInfo'),
+    canIUseGetUserProfile: false,
+    canIUseOpenData: wx.canIUse('open-data.type.userAvatarUrl') && wx.canIUse('open-data.type.userNickName'), // 如需尝试获取用户信息可改为false
+    selectedCategory: 'all',
+    showcases: [],
+    categoryStats: {}
+  },
+  onLoad() {
+    if (wx.getUserProfile) {
+      this.setData({
+        canIUseGetUserProfile: true
+      })
+    }
+    this.fetchData();
+    this.fetchBanners();
+    this.fetchShowcases();
+    this.fetchCategoryStats();
+  },
+  handleCategorySelect(e) {
+      const type = e.currentTarget.dataset.type;
+      this.setData({ selectedCategory: type });
+      this.fetchData(type);
+  },
+  fetchBanners() {
+    const { request } = require('../../utils/request')
+    request({ url: '/banners/?is_active=true' })
+      .then(data => {
+        const list = Array.isArray(data) ? data : (data && data.results) || []
+        this.setData({ banners: list })
+      })
+      .catch(err => console.error('Fetch banners error:', err))
+  },
+  handleBannerClick(e) {
+      const item = e.currentTarget.dataset.item;
+      if (item.project) {
+          wx.navigateTo({
+              url: `/pages/detail/detail?id=${item.project}`
+          })
+      } else if (item.link) {
+          // Simple link handling (copy or webview)
+          // For simplicity, if it starts with http, copy it
+          if (item.link.startsWith('http')) {
+              wx.setClipboardData({
+                  data: item.link,
+                  success: () => wx.showToast({ title: '链接已复制', icon: 'none' })
+              })
+          }
+      }
+  },
+  fetchShowcases() {
+    const { request } = require('../../utils/request')
+    request({ url: '/student-showcases/?is_active=true' })
+      .then(data => {
+        const list = Array.isArray(data) ? data : (data && data.results) || []
+        this.setData({ showcases: list })
+      })
+      .catch(err => console.error('Fetch showcases error:', err))
+  },
+  playVideo(e) {
+      let url = e.currentTarget.dataset.url;
+      if (!url) return;
+
+      // Fix for local development: replace localhost/127.0.0.1 with actual API host
+      if (url.includes('localhost') || url.includes('127.0.0.1')) {
+          const app = getApp();
+          // Extract host from baseUrl (e.g. http://127.0.0.1:8000/api -> http://127.0.0.1:8000)
+          const apiBase = app.globalData.baseUrl.split('/api')[0];
+          // Replace the localhost part
+          url = url.replace(/http:\/\/localhost:\d+/, apiBase)
+                   .replace(/http:\/\/127.0.0.1:\d+/, apiBase);
+      }
+      
+      // Use previewMedia for all video urls as our backend uploads files directly now
+      wx.previewMedia({
+          sources: [{ url: url, type: 'video' }],
+          success: () => console.log('Preview success'),
+          fail: (err) => {
+              console.error('Preview failed', err);
+              // Fallback for non-previewable links
+              wx.setClipboardData({
+                  data: url,
+                  success: () => wx.showToast({ title: '视频链接已复制', icon: 'none' })
+              })
+          }
+      })
+  },
+  fetchData(type = 'all') {
+    const { request } = require('../../utils/request')
+    let url = '/projects/';
+    if (type !== 'all') {
+        url += `?project_type=${type}`;
+    }
+
+    request({ url: url })
+      .then((data) => {
+        const list = Array.isArray(data) ? data : (data && data.results) || []
+        this.setData({ projects: list })
+      })
+      .catch((err) => {
+        console.error(err)
+        this.setData({
+          projects: [
+            {
+              id: 1,
+              title: 'Python 数据分析实战',
+              category: '编程开发',
+              image:
+                'https://images.unsplash.com/photo-1526379095098-d400fd0bf935?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3',
+              students: 1205,
+              rating: 4.8,
+              duration: '12 周'
+            },
+            {
+              id: 2,
+              title: '零基础英语口语速成',
+              category: '语言学习',
+              image:
+                'https://images.unsplash.com/photo-1543269865-cbf427effbad?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3',
+              students: 850,
+              rating: 4.9,
+              duration: '8 周'
+            }
+          ]
+        })
+      })
+  },
+  fetchCategoryStats() {
+    const { request } = require('../../utils/request')
+    request({ url: '/dashboard/stats' })
+      .then(res => {
+          const stats = {};
+          if (res.pie_chart_data) {
+              res.pie_chart_data.forEach(item => {
+                  if (item.type) {
+                      stats[item.type] = item.value;
+                  }
+              });
+          }
+          this.setData({ categoryStats: stats });
+      })
+      .catch(err => console.error('Fetch stats error:', err))
+  },
+  goToDetail(e) {
+    const id = e.currentTarget.dataset.id;
+    wx.navigateTo({
+      url: `/pages/detail/detail?id=${id}`,
+    })
+  }
+})
diff --git a/wechat-mini-program/pages/index/index.json b/wechat-mini-program/pages/index/index.json
new file mode 100644
index 0000000..35a5817
--- /dev/null
+++ b/wechat-mini-program/pages/index/index.json
@@ -0,0 +1,6 @@
+{
+  "navigationBarTitleText": "首页",
+  "navigationBarBackgroundColor": "#ff9900",
+  "navigationBarTextStyle": "white",
+  "usingComponents": {}
+}
diff --git a/wechat-mini-program/pages/index/index.wxml b/wechat-mini-program/pages/index/index.wxml
new file mode 100644
index 0000000..91c3da7
--- /dev/null
+++ b/wechat-mini-program/pages/index/index.wxml
@@ -0,0 +1,95 @@
+<view class="page-container">
+  <!-- Header -->
+  <view class="header">
+    <view class="header-content">
+      <view class="title-container">
+        <view class="title-sub">致力成就</view>
+        <view class="title-main">终身教育伟大事业</view>
+      </view>
+      <view class="bell-btn">🔔</view>
+    </view>
+    
+    <!-- Search Bar -->
+    <view class="search-bar">
+      <icon type="search" size="16" color="#9ca3af"></icon>
+      <input type="text" placeholder="搜索项目名称..." placeholder-class="search-placeholder"/>
+    </view>
+  </view>
+
+  <view class="content-body">
+    <!-- Banner Swiper -->
+    <view class="banner-swiper-container">
+      <swiper class="banner-swiper" indicator-dots="{{true}}" autoplay="{{true}}" interval="{{5000}}" duration="{{500}}" circular="{{true}}" indicator-active-color="#ffffff">
+        <block wx:for="{{banners}}" wx:key="id">
+          <swiper-item>
+            <view class="banner-item" bindtap="handleBannerClick" data-item="{{item}}">
+              <image src="{{item.image}}" mode="aspectFill" class="banner-image"></image>
+              <!-- Optional: Overlay text if needed, but usually banners are just images -->
+            </view>
+          </swiper-item>
+        </block>
+      </swiper>
+    </view>
+
+    <!-- Categories -->
+    <view class="section">
+      <view class="section-header">
+        <text class="section-title">热门分类</text>
+      </view>
+      <scroll-view scroll-x class="categories-scroll" enable-flex>
+        <view class="category-item {{selectedCategory === 'all' ? 'active' : ''}}" bindtap="handleCategorySelect" data-type="all">
+          <text>全部</text>
+        </view>
+        <view class="category-item {{selectedCategory === 'training' ? 'active' : ''}}" bindtap="handleCategorySelect" data-type="training" wx:if="{{categoryStats.training > 0}}">
+          <text>在职项目</text>
+        </view>
+        <view class="category-item {{selectedCategory === 'competition' ? 'active' : ''}}" bindtap="handleCategorySelect" data-type="competition" wx:if="{{categoryStats.competition > 0}}">
+          <text>典礼&论坛</text>
+        </view>
+        <view class="category-item {{selectedCategory === 'grading' ? 'active' : ''}}" bindtap="handleCategorySelect" data-type="grading" wx:if="{{categoryStats.grading > 0}}">
+          <text>校友活动</text>
+        </view>
+      </scroll-view>
+    </view>
+
+    <!-- Projects -->
+    <view class="projects-list">
+      <block wx:for="{{projects}}" wx:key="id">
+        <view class="project-card" bindtap="goToDetail" data-id="{{item.id}}">
+          <image class="project-image" src="{{item.image}}" mode="aspectFill"></image>
+          <view class="project-info">
+            <view class="project-header-row">
+              <view class="project-title">{{item.title}}</view>
+              <view class="project-category-tag" wx:if="{{item.project_type_display || item.category}}">{{item.project_type_display || item.category}}</view>
+            </view>
+            <view class="project-teacher" wx:if="{{item.teacher_name}}">
+                {{item.teacher_name}}
+            </view>
+            <view class="project-meta">
+              <view class="meta-item"><text class="icon">👥</text> {{item.students}}</view>
+              <view class="meta-item">{{item.address}}</view>
+              <view class="meta-item"><text class="icon">🕒</text> {{item.duration}}</view>
+            </view>
+          </view>
+        </view>
+      </block>
+    </view>
+
+    <!-- Student Showcase -->
+    <view class="section" wx:if="{{showcases && showcases.length > 0}}" style="margin-top: 40rpx;">
+      <view class="section-header">
+        <text class="section-title">精彩视频</text>
+      </view>
+      <scroll-view scroll-x class="showcase-scroll" enable-flex>
+        <view class="showcase-item" wx:for="{{showcases}}" wx:key="id" bindtap="playVideo" data-url="{{item.video_url}}">
+            <image class="showcase-image" src="{{item.cover_image}}" mode="aspectFill"></image>
+            <view class="showcase-info">
+                <text class="showcase-title">{{item.title}}</text>
+                <text class="showcase-student" wx:if="{{item.student_name}}">{{item.student_name}}</text>
+            </view>
+            <view class="play-icon" wx:if="{{item.video_url}}">▶</view>
+        </view>
+      </scroll-view>
+    </view>
+  </view>
+</view>
diff --git a/wechat-mini-program/pages/index/index.wxss b/wechat-mini-program/pages/index/index.wxss
new file mode 100644
index 0000000..89ef94b
--- /dev/null
+++ b/wechat-mini-program/pages/index/index.wxss
@@ -0,0 +1,316 @@
+.page-container {
+  padding-bottom: 50rpx;
+  background-color: var(--background-color);
+  min-height: 100vh;
+}
+
+.header {
+  background: linear-gradient(135deg, #ffaa33 0%, #ff8800 100%);
+  padding: 40rpx 40rpx 100rpx 40rpx;
+  border-bottom-left-radius: 50rpx;
+  border-bottom-right-radius: 50rpx;
+  position: relative;
+  box-shadow: 0 10rpx 20rpx rgba(255, 153, 0, 0.2);
+}
+
+.header-content {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  margin-bottom: 10rpx;
+  padding-top: 10rpx;
+}
+
+.greeting {
+  color: rgba(255, 255, 255, 0.9);
+  font-size: 28rpx;
+}
+
+.title-container {
+  display: flex;
+  flex-direction: column;
+  margin-left: 20rpx;
+}
+
+.title-sub {
+  color: rgba(255, 255, 255, 0.95);
+  font-size: 34rpx;
+  letter-spacing: 4rpx;
+  margin-bottom: 8rpx;
+  font-weight: 500;
+  text-shadow: 0 2rpx 4rpx rgba(0,0,0,0.1);
+}
+
+.title-main {
+  color: var(--text-white);
+  font-size: 60rpx;
+  font-weight: normal;
+  font-family: "Xingkai SC", "STXingkai", "STKaiti", "KaiTi", "楷体", "cursive";
+  letter-spacing: 2rpx;
+  text-shadow: 0 2rpx 6rpx rgba(0,0,0,0.15);
+  line-height: 1.2;
+}
+
+.bell-btn {
+  background-color: rgba(255, 255, 255, 0.2);
+  backdrop-filter: blur(4px);
+  padding: 16rpx;
+  border-radius: 50%;
+  color: var(--text-white);
+  font-size: 32rpx;
+  width: 72rpx;
+  height: 72rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  border: 1rpx solid rgba(255, 255, 255, 0.3);
+}
+
+.search-bar {
+  position: absolute;
+  bottom: -40rpx;
+  left: 30rpx;
+  right: 30rpx;
+  background-color: var(--surface-color);
+  border-radius: 30rpx;
+  padding: 20rpx 30rpx;
+  display: flex;
+  align-items: center;
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
+}
+
+.search-bar input {
+  margin-left: 20rpx;
+  flex: 1;
+  font-size: 28rpx;
+  color: var(--text-main);
+}
+
+.search-placeholder {
+  color: var(--text-light);
+}
+
+.content-body {
+  padding: 60rpx 30rpx 0 30rpx;
+}
+
+.banner-swiper-container {
+  border-radius: 30rpx;
+  overflow: hidden;
+  box-shadow: 0 8rpx 16rpx rgba(0, 0, 0, 0.1);
+  margin-bottom: 40rpx;
+}
+
+.banner-swiper {
+  height: 300rpx;
+  width: 100%;
+}
+
+.banner-item {
+  width: 100%;
+  height: 100%;
+}
+
+.banner-image {
+  width: 100%;
+  height: 100%;
+  border-radius: 30rpx;
+}
+
+.section {
+  margin-bottom: 40rpx;
+}
+
+.section-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20rpx;
+}
+
+.section-title {
+  font-size: 32rpx;
+  font-weight: bold;
+  color: var(--text-main);
+}
+
+.see-all {
+  font-size: 24rpx;
+  color: var(--text-light);
+}
+
+.categories-scroll {
+  white-space: nowrap;
+  width: 100%;
+}
+
+.category-item {
+  display: inline-block;
+  padding: 16rpx 40rpx;
+  border-radius: 40rpx;
+  font-size: 28rpx;
+  margin-right: 20rpx;
+  font-weight: 500;
+  background-color: var(--surface-secondary);
+  color: var(--text-secondary);
+  transition: all 0.3s;
+}
+
+.category-item.active {
+  background-color: var(--primary-light);
+  color: var(--primary-color);
+}
+
+.projects-list {
+  display: flex;
+  flex-direction: column;
+  gap: 30rpx;
+}
+
+.project-card {
+  background-color: var(--surface-color);
+  padding: 24rpx;
+  border-radius: 30rpx;
+  box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.05);
+  display: flex;
+  flex-direction: row;
+  gap: 24rpx;
+}
+
+.project-image {
+  width: 192rpx;
+  height: 192rpx;
+  border-radius: 20rpx;
+  flex-shrink: 0;
+  background-color: #eee;
+}
+
+.project-info {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.project-header-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  margin-bottom: 8rpx;
+}
+
+.project-category-tag {
+  font-size: 20rpx;
+  color: var(--primary-color);
+  background-color: var(--primary-light);
+  padding: 4rpx 12rpx;
+  border-radius: 8rpx;
+  white-space: nowrap;
+  flex-shrink: 0;
+}
+
+.project-title {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: var(--text-main);
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  flex: 1;
+  margin-right: 16rpx;
+}
+
+.project-meta {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 10rpx; /* Ensure space from teacher */
+}
+
+.meta-item {
+  font-size: 20rpx;
+  color: var(--text-light);
+  display: flex;
+  align-items: center;
+}
+
+.icon {
+  margin-right: 4rpx;
+}
+
+/* Project Teacher */
+.project-teacher {
+  font-size: 24rpx; /* Slightly larger */
+  color: var(--text-secondary);
+  margin-bottom: auto; 
+  margin-top: auto; /* Center vertically in remaining space */
+  font-weight: 500;
+}
+
+/* Student Showcase */
+.showcase-scroll {
+  white-space: nowrap;
+  width: 100%;
+}
+
+.showcase-item {
+  display: inline-block;
+  width: 320rpx;
+  height: 220rpx;
+  margin-right: 24rpx;
+  border-radius: 16rpx;
+  overflow: hidden;
+  position: relative;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+}
+
+.showcase-image {
+  width: 100%;
+  height: 100%;
+  background-color: #e5e7eb;
+}
+
+.showcase-info {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 20rpx 16rpx;
+  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
+  color: var(--text-white);
+  display: flex;
+  flex-direction: column;
+}
+
+.showcase-title {
+  font-size: 26rpx;
+  font-weight: bold;
+  margin-bottom: 4rpx;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.showcase-student {
+  font-size: 20rpx;
+  opacity: 0.9;
+}
+
+.play-icon {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 60rpx;
+  height: 60rpx;
+  background-color: rgba(0, 0, 0, 0.5);
+  border-radius: 50%;
+  color: var(--text-white);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 24rpx;
+  backdrop-filter: blur(4px);
+}
diff --git a/wechat-mini-program/pages/login/login.js b/wechat-mini-program/pages/login/login.js
new file mode 100644
index 0000000..c8e9d52
--- /dev/null
+++ b/wechat-mini-program/pages/login/login.js
@@ -0,0 +1,131 @@
+const app = getApp()
+const { request } = require('../../utils/request')
+
+Page({
+  data: {
+    hasUserInfo: false,
+    hasPhone: false
+  },
+  onLoad() {
+    this.checkStatus();
+  },
+  checkStatus() {
+      // If the user is already here, we check if they are valid.
+      // However, app.js handles the redirection for existing users.
+      // If we are here, it means either app.js sent us here (New User),
+      // or app.js hasn't finished checking yet,
+      // or the user manually navigated here (unlikely).
+      
+      const user = app.globalData.userInfo;
+      if (user) {
+          // We can't rely on is_new_user here because we don't persist it in globalData (though we could).
+          // But based on new logic:
+          // If user exists, app.js wouldn't redirect here.
+          // If we are here, user probably needs to authorize.
+          
+          // Update UI state
+          const hasNick = user.wechat_nickname && user.wechat_nickname !== '微信用户';
+          const hasPhone = !!user.phone;
+          
+          this.setData({
+              hasUserInfo: hasNick,
+              hasPhone: hasPhone
+          })
+          
+          // If somehow we ended up here but profile is full, go home
+          if (hasNick && hasPhone) {
+               wx.switchTab({ url: '/pages/index/index' })
+          }
+      } else {
+          // Wait for app.js login callback
+          app.loginCallback = (user) => {
+              // Re-run check
+              this.checkStatus();
+              // If app.js determines it's an existing user, it might redirect.
+              // But if not, we update UI here.
+          }
+      }
+  },
+  getUserProfile(e) {
+    wx.getUserProfile({
+      desc: '用于完善会员资料',
+      success: (res) => {
+        const { userInfo } = res
+        console.log('getUserProfile success', userInfo)
+        
+        // Update backend
+        // We need user ID from globalData
+        if (app.globalData.userInfo && app.globalData.userInfo.id) {
+             this.updateUserInfo(userInfo)
+        } else {
+            // Should not happen if app.js login succeeded
+            wx.showToast({ title: '登录状态异常，请重启', icon: 'none' })
+        }
+      },
+      fail: (err) => {
+          console.error('getUserProfile failed', err)
+          wx.showToast({ title: '需要授权才能继续', icon: 'none' })
+      }
+    })
+  },
+  updateUserInfo(wxUserInfo) {
+      request({
+          url: `/students/${app.globalData.userInfo.id}/`, 
+          method: 'PATCH',
+          data: {
+              wechat_nickname: wxUserInfo.nickName,
+              avatar: wxUserInfo.avatarUrl
+              // name: wxUserInfo.nickName // Optional: sync name too
+          }
+      }).then(res => {
+          console.log('Update user info success', res)
+          app.globalData.userInfo = { ...app.globalData.userInfo, ...res }
+          this.setData({ hasUserInfo: true })
+      }).catch(err => {
+          console.error('Update user info failed', err)
+          wx.showToast({ title: '更新资料失败', icon: 'none' })
+      })
+  },
+  getPhoneNumber(e) {
+    console.log('getPhoneNumber', e)
+    if (e.detail.errMsg === 'getPhoneNumber:ok') {
+      request({
+          url: '/user/phone/',
+          method: 'POST',
+          data: {
+              code: e.detail.code
+          }
+      }).then(res => {
+          console.log('Get phone success', res)
+          if (res.phone) {
+              this.setData({ hasPhone: true })
+              if (app.globalData.userInfo) {
+                  app.globalData.userInfo.phone = res.phone
+              }
+              
+              wx.showToast({
+                  title: '登录成功',
+                  icon: 'success'
+              })
+              
+              // Redirect to home
+              setTimeout(() => {
+                  wx.switchTab({ url: '/pages/index/index' })
+              }, 1500)
+          }
+      }).catch(err => {
+          console.error('Get phone failed', err)
+          wx.showToast({ title: '获取手机号失败', icon: 'none' })
+      })
+    } else {
+         console.log('User denied phone number')
+         // If user denies, we can optionally let them in anyway if that's the requirement?
+         // User said: "If openID exists, direct login".
+         // This implies for NEW users, they MIGHT need to authorize phone.
+         // But strictly speaking, once they authorized UserProfile (Avatar/Nick), 
+         // the OpenID exists.
+         // But the "User Phone" part is usually critical.
+         // Let's keep strict requirement for phone for NEW users for now unless asked otherwise.
+    }
+  }
+})
diff --git a/wechat-mini-program/pages/login/login.json b/wechat-mini-program/pages/login/login.json
new file mode 100644
index 0000000..b8439f5
--- /dev/null
+++ b/wechat-mini-program/pages/login/login.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "用户登录"
+}
diff --git a/wechat-mini-program/pages/login/login.wxml b/wechat-mini-program/pages/login/login.wxml
new file mode 100644
index 0000000..a21c715
--- /dev/null
+++ b/wechat-mini-program/pages/login/login.wxml
@@ -0,0 +1,20 @@
+<view class="container">
+  <view class="header">
+    <!-- Use a generic icon if specific one not found, or use text -->
+    <image class="logo" src="/assets/logo.png" mode="aspectFit"></image>
+    <view class="title">正在登录</view>
+  </view>
+
+  <view class="content">
+    <view class="tips">为了提供更好的服务，请授权以下信息</view>
+    
+    <block wx:if="{{!hasUserInfo}}">
+       <button class="btn-login" bindtap="getUserProfile">获取微信昵称</button>
+    </block>
+    
+    <block wx:if="{{hasUserInfo && !hasPhone}}">
+       <button class="btn-login" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">获取手机号码</button>
+    </block>
+    
+  </view>
+</view>
diff --git a/wechat-mini-program/pages/login/login.wxss b/wechat-mini-program/pages/login/login.wxss
new file mode 100644
index 0000000..1e921ac
--- /dev/null
+++ b/wechat-mini-program/pages/login/login.wxss
@@ -0,0 +1,56 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 40rpx;
+  height: 100vh;
+  background-color: #fff;
+}
+
+.header {
+  margin-top: 100rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.logo {
+  width: 200rpx;
+  height: 200rpx;
+  margin-bottom: 40rpx;
+}
+
+.title {
+  font-size: 40rpx;
+  font-weight: bold;
+  color: #333;
+}
+
+.content {
+  margin-top: 120rpx;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.tips {
+  font-size: 30rpx;
+  color: #888;
+  text-align: center;
+  margin-bottom: 80rpx;
+}
+
+.btn-login {
+  width: 80%;
+  background-color: #07c160;
+  color: white;
+  border-radius: 44rpx;
+  margin-bottom: 40rpx;
+  font-size: 32rpx;
+  padding: 10rpx 0;
+}
+
+.btn-login:active {
+  opacity: 0.9;
+}
diff --git a/wechat-mini-program/pages/profile/profile.js b/wechat-mini-program/pages/profile/profile.js
new file mode 100644
index 0000000..607aae5
--- /dev/null
+++ b/wechat-mini-program/pages/profile/profile.js
@@ -0,0 +1,339 @@
+const app = getApp()
+
+Page({
+  data: {
+    user: {},
+    isFormOpen: false,
+    isDevtools: false,
+    formData: {
+        name: '',
+        phone: '',
+        age: '',
+        company_name: '',
+        position: '',
+        wechat_nickname: '',
+        avatar: ''
+    }
+  },
+  onLoad(options) {
+      try {
+          const sys = wx.getSystemInfoSync()
+          this.setData({ isDevtools: sys.platform === 'devtools' })
+      } catch (e) {}
+      // 检查是否已登录
+      const app = getApp();
+      if (app.globalData.userInfo) {
+          this.setData({ user: app.globalData.userInfo });
+          this.initFormData(app.globalData.userInfo);
+      } else {
+          // 设置回调，等待登录完成
+          app.loginCallback = (user) => {
+              this.setData({ user: user });
+              this.initFormData(user);
+          }
+      }
+      this.fetchUser(); // Still fetch latest data just in case
+      
+      if (options.action === 'bind_phone') {
+          this.checkBindPhone();
+      }
+      this.ensureNickname()
+  },
+  onShow() {
+      const app = getApp();
+      if (app.globalData.profileAction === 'bind_phone') {
+          app.globalData.profileAction = null; // Clear it
+          this.checkBindPhone();
+      }
+      this.ensureNickname()
+      this.fetchUser() // Always refresh user data on show to update stats
+  },
+  checkBindPhone() {
+      // Only prompt if phone is truly missing
+      const app = getApp()
+      const hasPhone = this.data.user.phone || (app.globalData.userInfo && app.globalData.userInfo.phone);
+      
+      if (!hasPhone) {
+          this.setData({ isFormOpen: true });
+          wx.showToast({
+              title: '请先激活手机号',
+              icon: 'none',
+              duration: 2000
+          })
+      }
+  },
+  initFormData(user) {
+      this.setData({
+          formData: {
+              name: user.name,
+              phone: user.phone,
+              age: user.age,
+              company_name: user.company_name,
+              position: user.position,
+              wechat_nickname: user.wechat_nickname,
+              avatar: user.avatar
+          }
+      })
+  },
+  toggleForm() {
+      this.setData({
+          isFormOpen: !this.data.isFormOpen
+      });
+  },
+  fetchUser() {
+    const { request } = require('../../utils/request')
+    request({ url: '/user/' })
+      .then((data) => {
+        this.setData({ 
+            user: data,
+            formData: {
+                name: data.name,
+                phone: data.phone,
+                age: data.age,
+                company_name: data.company_name,
+                position: data.position,
+                wechat_nickname: data.wechat_nickname,
+                avatar: data.avatar
+            }
+        })
+        this.ensureNickname()
+      })
+      .catch(() => {
+        this.setData({
+          user: {
+            id: '8839201',
+            name: '学员用户',
+            avatar:
+              'https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?w=200&auto=format&fit=crop&q=60',
+            stats: {
+              learning: 12,
+              coupons: 3,
+              hours: 28
+            }
+          }
+        })
+      })
+  },
+  handleInput(e) {
+      const field = e.currentTarget.dataset.field;
+      const value = e.detail.value;
+      this.setData({
+          [`formData.${field}`]: value
+      });
+  },
+  onChooseAvatar(e) {
+      const { avatarUrl } = e.detail
+      const app = getApp()
+      wx.showLoading({ title: '上传中...' })
+      const header = {}
+      if (app.globalData.token) {
+          header['Authorization'] = `Bearer ${app.globalData.token}`
+      }
+      wx.uploadFile({
+          url: `${app.globalData.baseUrl}/file/`,
+          filePath: avatarUrl,
+          name: 'file',
+          header: header,
+          success: (res) => {
+              wx.hideLoading()
+              if (res.statusCode === 200 || res.statusCode === 201) {
+                  const data = JSON.parse(res.data)
+                  // Handle wrapped response from FitJSONRenderer
+                  const path = data.data && data.data.path ? data.data.path : data.path;
+                  if (path) {
+                    this.setData({
+                        'formData.avatar': path,
+                        'user.avatar': path
+                    })
+                  } else {
+                      wx.showToast({ title: '上传失败:无路径', icon: 'none' })
+                      console.error('Upload response missing path:', data)
+                  }
+              } else {
+                  wx.showToast({ title: '上传失败', icon: 'none' })
+                  console.error('Upload failed:', res)
+              }
+          },
+          fail: (err) => {
+              wx.hideLoading()
+              console.error(err)
+              wx.showToast({ title: '上传出错', icon: 'none' })
+          }
+      })
+  },
+  onNicknameChange(e) {
+      this.setData({
+          'formData.wechat_nickname': e.detail.value
+      })
+  },
+  ensureNickname() {
+      const has = this.data.formData && this.data.formData.wechat_nickname
+      if (has) return
+      // Only auto-fetch if we are in devtools (mock mode). 
+      // Real getUserProfile requires a tap event, so we cannot auto-call it.
+      if (this.data.isDevtools) {
+          this.fetchNickname()
+      }
+  },
+  fetchNickname() {
+      if (this.data.isDevtools) {
+          const nick = '微信用户'
+          const app = getApp()
+          app.globalData.userInfo = {
+              ...app.globalData.userInfo,
+              wechat_nickname: nick,
+              name: app.globalData.userInfo && app.globalData.userInfo.name ? app.globalData.userInfo.name : nick
+          }
+          this.setData({
+              'formData.wechat_nickname': nick,
+              'formData.name': this.data.formData.name || nick,
+              'user.name': this.data.user.name || nick
+          })
+          return
+      }
+      if (wx.getUserProfile) {
+          wx.getUserProfile({ desc: '完善资料' }).then(res => {
+              const info = res.userInfo || {}
+              const nick = info.nickName || '微信用户'
+              const avatar = info.avatarUrl || this.data.formData.avatar
+              const app = getApp()
+              app.globalData.userInfo = {
+                  ...app.globalData.userInfo,
+                  wechat_nickname: nick,
+                  name: app.globalData.userInfo && app.globalData.userInfo.name ? app.globalData.userInfo.name : nick,
+                  avatar: avatar
+              }
+              this.setData({
+                  'formData.wechat_nickname': nick,
+                  'formData.name': this.data.formData.name || nick,
+                  'formData.avatar': avatar,
+                  'user.name': this.data.user.name || nick,
+                  'user.avatar': avatar
+              })
+          }).catch(err => {
+              console.error('getUserProfile error:', err)
+          })
+      }
+  },
+  getPhoneNumber(e) {
+      const detail = e && e.detail ? e.detail : {}
+      if (detail.code) {
+          const { request } = require('../../utils/request')
+          wx.showLoading({ title: '获取中...' })
+          request({ 
+              url: '/user/phone/', 
+              method: 'POST', 
+              data: { code: detail.code } 
+          }).then(res => {
+              wx.hideLoading()
+              const app = getApp()
+              app.globalData.userInfo = {
+                  ...app.globalData.userInfo,
+                  phone: res.phone
+              }
+              this.setData({
+                  'user.phone': res.phone,
+                  'formData.phone': res.phone
+              })
+              wx.showToast({ title: '获取成功', icon: 'success' })
+          }).catch(err => {
+              wx.hideLoading()
+              console.error('user/phone request error:', err)
+              wx.showToast({ title: '获取失败，请检查网络', icon: 'none' })
+          })
+      } else {
+          // DevTools 兜底：工具环境无法下发 code，直接模拟请求后端获取默认手机号
+          if (this.data.isDevtools) {
+              const { request } = require('../../utils/request')
+              wx.showLoading({ title: '模拟获取中...' })
+              request({
+                  url: '/user/phone/',
+                  method: 'POST',
+                  data: { code: 'mock_devtools' }
+              }).then(res => {
+                  wx.hideLoading()
+                  const app = getApp()
+                  app.globalData.userInfo = {
+                      ...app.globalData.userInfo,
+                      phone: res.phone
+                  }
+                  this.setData({
+                      'user.phone': res.phone,
+                      'formData.phone': res.phone
+                  })
+                  wx.showToast({ title: '工具模拟成功', icon: 'success' })
+              }).catch(err => {
+                  wx.hideLoading()
+                  console.error('devtools mock phone error:', err)
+                  wx.showToast({ title: '工具模拟失败', icon: 'none' })
+              })
+              return
+          }
+          const msg = detail.errMsg || '未获取到授权码'
+          console.error('getPhoneNumber error:', detail)
+          wx.showToast({ title: msg.includes('deny') ? '用户拒绝授权' : msg, icon: 'none' })
+      }
+  },
+  simulateGetPhone() {
+      if (!this.data.isDevtools) return
+      const { request } = require('../../utils/request')
+      wx.showLoading({ title: '模拟获取中...' })
+      request({
+          url: '/user/phone/',
+          method: 'POST',
+          data: { code: 'mock_devtools' }
+      }).then(res => {
+          wx.hideLoading()
+          const app = getApp()
+          app.globalData.userInfo = {
+              ...app.globalData.userInfo,
+              phone: res.phone
+          }
+          this.setData({
+              'user.phone': res.phone,
+              'formData.phone': res.phone
+          })
+          wx.showToast({ title: '工具模拟成功', icon: 'success' })
+      }).catch(err => {
+          wx.hideLoading()
+          console.error('simulateGetPhone error:', err)
+          wx.showToast({ title: '工具模拟失败', icon: 'none' })
+      })
+  },
+  handleSubmit() {
+      this.submitData();
+  },
+  submitData() {
+      const { request } = require('../../utils/request')
+      console.log(this.data.formData);
+      
+      request({ url: '/user/', method: 'POST', data: this.data.formData })
+        .then((data) => {
+          console.log(data)
+          // Update user data to reflect changes immediately
+          const app = getApp()
+          app.globalData.userInfo = {
+              ...app.globalData.userInfo,
+              ...data
+          }
+          this.setData({
+              user: {
+                  ...this.data.user,
+                  ...data,
+                  stats: this.data.user.stats // preserve stats
+              },
+              isFormOpen: false
+          });
+          
+          wx.showToast({
+              title: '保存成功',
+              icon: 'success'
+          })
+        })
+  },
+  navigateToCoupons() {
+      wx.navigateTo({
+          url: '/pages/coupon/coupon'
+      })
+  }
+})
diff --git a/wechat-mini-program/pages/profile/profile.json b/wechat-mini-program/pages/profile/profile.json
new file mode 100644
index 0000000..c72d147
--- /dev/null
+++ b/wechat-mini-program/pages/profile/profile.json
@@ -0,0 +1,5 @@
+{
+  "navigationBarTitleText": "个人中心",
+  "navigationBarBackgroundColor": "#ff9900",
+  "navigationBarTextStyle": "white"
+}
diff --git a/wechat-mini-program/pages/profile/profile.wxml b/wechat-mini-program/pages/profile/profile.wxml
new file mode 100644
index 0000000..f4ee5c7
--- /dev/null
+++ b/wechat-mini-program/pages/profile/profile.wxml
@@ -0,0 +1,107 @@
+<view class="container">
+    <view class="profile-header">
+        <view class="user-info">
+            <button class="avatar-btn" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar" style="padding:0;border:none;background:transparent;">
+                <image class="avatar" src="{{user.avatar}}" mode="aspectFill"></image>
+            </button>
+            <view class="user-details">
+                <view class="username">{{user.name}}</view>
+                <!-- <view class="userid">ID: {{user.id}}</view> -->
+            </view>
+        </view>
+        
+        <view class="stats-card">
+            <view class="stat-item">
+                <view class="stat-val">{{user.stats.learning}}</view>
+                <view class="stat-label">在学课程</view>
+            </view>
+            <view class="stat-item">
+                <view class="stat-val">{{user.stats.coupons}}</view>
+                <view class="stat-label">可用优惠券</view>
+            </view>
+            <!-- <view class="stat-item">
+                <view class="stat-val">{{user.stats.hours}}h</view>
+                <view class="stat-label">学习时长</view>
+            </view> -->
+        </view>
+    </view>
+
+    <!-- Menu List -->
+    <view class="menu-list">
+        <view class="menu-item" bindtap="navigateToCoupons">
+            <view class="menu-left">
+                <image class="menu-icon" src="/assets/icons/coupon-icon.png" mode="aspectFit"></image>
+                <text class="menu-text">我的优惠券</text>
+            </view>
+            <view class="menu-right">
+                <text class="menu-arrow">></text>
+            </view>
+        </view>
+    </view>
+
+    <view class="form-section">
+        <view class="form-title-bar" bindtap="toggleForm">
+            <view class="title-left">
+                <image class="menu-icon" src="/assets/icons/profile-icon.png" mode="aspectFit"></image>
+                <text class="form-title">绑定个人信息</text>
+            </view>
+            <text class="toggle-icon">{{isFormOpen ? '▲' : '▼'}}</text>
+        </view>
+
+        <view class="form-content" wx:if="{{isFormOpen}}">
+            <view class="form-group">
+                <text class="label">头像</text>
+                <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
+                    <image class="avatar-upload" src="{{formData.avatar || user.avatar || '/assets/icons/default-avatar.png'}}" mode="aspectFill"></image>
+                </button>
+            </view>
+
+            <view class="form-group">
+                <text class="label">微信昵称</text>
+                <view class="input-wrap">
+                    <input type="nickname" placeholder="请输入微信昵称" bind:change="onNicknameChange" bindinput="handleInput" data-field="wechat_nickname" value="{{formData.wechat_nickname}}"/>
+                    <button size="mini" type="default" bindtap="fetchNickname" wx:if="{{!formData.wechat_nickname}}" style="font-size:24rpx;margin-left:10rpx;padding:0 20rpx;line-height:60rpx;height:60rpx;">获取微信昵称</button>
+                </view>
+            </view>
+
+            <view class="form-group">
+                <text class="label">学员姓名</text>
+                <view class="input-wrap">
+                    <input type="text" placeholder="请输入真实姓名" bindinput="handleInput" data-field="name" value="{{formData.name}}"/>
+                </view>
+            </view>
+
+            <view class="form-group">
+                <text class="label">联系电话</text>
+                <view class="input-wrap" style="display:flex;align-items:center;">
+                    <input type="number" placeholder="请输入手机号码" disabled="true" bindinput="handleInput" data-field="phone" value="{{formData.phone}}" style="flex:1;"/>
+                    <button size="mini" type="primary" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber" style="font-size:24rpx;margin-left:10rpx;padding:0 20rpx;line-height:60rpx;height:60rpx;">获取号码</button>
+                    <button wx:if="{{isDevtools}}" size="mini" type="default" bindtap="simulateGetPhone" style="font-size:24rpx;margin-left:10rpx;padding:0 20rpx;line-height:60rpx;height:60rpx;">模拟获取号码</button>
+                </view>
+            </view>
+
+            <view class="form-group">
+                <text class="label">年龄</text>
+                <view class="input-wrap">
+                    <input type="number" placeholder="0" bindinput="handleInput" data-field="age" value="{{formData.age}}"/>
+                </view>
+            </view>
+
+            <view class="form-group">
+                <text class="label">公司名称</text>
+                <view class="input-wrap">
+                    <input type="text" placeholder="请输入公司名称" bindinput="handleInput" data-field="company_name" value="{{formData.company_name}}"/>
+                </view>
+            </view>
+
+            <view class="form-group">
+                <text class="label">职位</text>
+                <view class="input-wrap">
+                    <input type="text" placeholder="请输入职位" bindinput="handleInput" data-field="position" value="{{formData.position}}"/>
+                </view>
+            </view>
+
+            <button class="submit-btn" bindtap="handleSubmit">保存信息</button>
+        </view>
+    </view>
+</view>
diff --git a/wechat-mini-program/pages/profile/profile.wxss b/wechat-mini-program/pages/profile/profile.wxss
new file mode 100644
index 0000000..d9f081f
--- /dev/null
+++ b/wechat-mini-program/pages/profile/profile.wxss
@@ -0,0 +1,206 @@
+.container {
+    min-height: 100vh;
+    background-color: var(--background-color);
+}
+.profile-header {
+    background-color: var(--surface-color);
+    padding: 40rpx 40rpx 100rpx 40rpx;
+    position: relative;
+    margin-bottom: 60rpx;
+}
+.user-info {
+    display: flex;
+    align-items: center;
+    gap: 30rpx;
+    justify-content: flex-start; /* Ensure items start from left */
+}
+.avatar-btn {
+    padding: 0;
+    border: none;
+    background: transparent;
+    margin: 0; /* Ensure no auto margin */
+    width: 128rpx !important;
+    height: 128rpx !important;
+    line-height: 1;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-shrink: 0; /* Prevent shrinking */
+}
+.avatar-btn::after {
+    border: none;
+}
+.avatar {
+    width: 128rpx;
+    height: 128rpx;
+    border-radius: 50%;
+    border: 4rpx solid var(--surface-color);
+    box-shadow: 0 4rpx 10rpx rgba(0,0,0,0.1);
+    background-color: #eee;
+    display: block;
+}
+.user-details {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start; /* Ensure text aligns left */
+    flex: 1; /* Take remaining space */
+    text-align: left; /* Force text align left */
+}
+.username {
+    font-size: 40rpx;
+    font-weight: bold;
+    color: var(--text-main);
+}
+.userid {
+    font-size: 28rpx;
+    color: var(--text-secondary);
+}
+.stats-card {
+    position: absolute;
+    bottom: -40rpx;
+    left: 40rpx;
+    right: 40rpx;
+    background-color: var(--surface-color);
+    border-radius: 20rpx;
+    box-shadow: 0 10rpx 30rpx rgba(0,0,0,0.05);
+    padding: 30rpx;
+    display: flex;
+    justify-content: space-around;
+    text-align: center;
+}
+.stat-val {
+    font-size: 36rpx;
+    font-weight: bold;
+    color: var(--text-main);
+}
+.stat-label {
+    font-size: 24rpx;
+    color: var(--text-light);
+}
+
+/* Menu List */
+.menu-list {
+    margin: 0 30rpx 30rpx 30rpx;
+    background-color: var(--surface-color);
+    border-radius: 20rpx;
+    overflow: hidden;
+    box-shadow: 0 2rpx 10rpx rgba(0,0,0,0.05);
+}
+.menu-item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 40rpx;
+    transition: background-color 0.2s;
+}
+.menu-item:active {
+    background-color: var(--surface-hover);
+}
+.menu-left {
+    display: flex;
+    align-items: center;
+    gap: 20rpx;
+}
+.menu-icon {
+    width: 40rpx;
+    height: 40rpx;
+}
+.menu-text {
+    font-size: 30rpx;
+    color: var(--text-main);
+    font-weight: 500;
+}
+.menu-arrow {
+    color: var(--text-light);
+    font-size: 28rpx;
+}
+
+.form-section {
+    padding: 40rpx;
+    background-color: var(--surface-color);
+    margin: 0 30rpx 40rpx 30rpx;
+    border-radius: 30rpx;
+    box-shadow: 0 2rpx 10rpx rgba(0,0,0,0.05);
+}
+.form-title-bar {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 20rpx;
+}
+.title-left {
+    display: flex;
+    align-items: center;
+    gap: 20rpx;
+}
+.toggle-icon {
+    font-size: 24rpx;
+    color: var(--text-light);
+    padding: 10rpx;
+}
+.form-content {
+    margin-top: 20rpx;
+}
+.blue-line {
+    width: 8rpx;
+    height: 32rpx;
+    background-color: var(--primary-color);
+    border-radius: 4rpx;
+}
+.form-title {
+    font-size: 30rpx;
+    font-weight: 500;
+    color: var(--text-main);
+}
+.form-group {
+    margin-bottom: 30rpx;
+}
+.label {
+    font-size: 24rpx;
+    color: var(--text-secondary);
+    margin-bottom: 10rpx;
+    display: block;
+}
+.input-wrap {
+    background-color: var(--background-color);
+    padding: 24rpx;
+    border-radius: 20rpx;
+    border: 2rpx solid var(--border-color);
+}
+.form-row {
+    display: flex;
+    gap: 30rpx;
+}
+.half {
+    flex: 1;
+}
+.submit-btn {
+    background: linear-gradient(to right, var(--primary-gradient-start), var(--primary-gradient-end));
+    color: var(--text-white);
+    border-radius: 20rpx;
+    margin-top: 40rpx;
+    font-weight: bold;
+    font-size: 32rpx;
+}
+
+/* Avatar Upload */
+.avatar-wrapper {
+  padding: 0;
+  width: 120rpx !important;
+  height: 120rpx !important;
+  border-radius: 20rpx;
+  margin: 0;
+  background-color: transparent;
+  border: none;
+}
+
+.avatar-wrapper::after {
+  border: none;
+}
+
+.avatar-upload {
+  width: 120rpx;
+  height: 120rpx;
+  border-radius: 20rpx;
+  background-color: #eee;
+}
diff --git a/wechat-mini-program/project.config.json b/wechat-mini-program/project.config.json
new file mode 100644
index 0000000..bcd47b6
--- /dev/null
+++ b/wechat-mini-program/project.config.json
@@ -0,0 +1,62 @@
+{
+  "miniprogramRoot": "",
+  "projectname": "edu-app",
+  "description": "Edu App Mini Program",
+  "appid": "wx2d9b9759137ef46b",
+  "setting": {
+    "urlCheck": false,
+    "es6": true,
+    "enhance": true,
+    "postcss": true,
+    "preloadBackgroundData": false,
+    "minified": true,
+    "newFeature": true,
+    "coverView": true,
+    "nodeModules": false,
+    "autoAudits": false,
+    "showShadowRootInWxmlPanel": true,
+    "scopeDataCheck": false,
+    "uglifyFileName": false,
+    "checkInvalidKey": true,
+    "checkSiteMap": false,
+    "uploadWithSourceMap": true,
+    "compileHotReLoad": false,
+    "lazyloadPlaceholderEnable": false,
+    "useMultiFrameRuntime": true,
+    "useApiHook": true,
+    "useApiHostProcess": true,
+    "babelSetting": {
+      "ignore": [],
+      "disablePlugins": [],
+      "outputPath": ""
+    },
+    "enableEngineNative": false,
+    "useIsolateContext": true,
+    "userConfirmedBundleSwitch": false,
+    "packNpmManually": false,
+    "packNpmRelationList": [],
+    "minifyWXSS": true,
+    "ignoreUploadUnusedFiles": true,
+    "compileWorklet": false,
+    "minifyWXML": true,
+    "localPlugins": false,
+    "disableUseStrict": false,
+    "useCompilerPlugins": false,
+    "condition": false,
+    "swc": false,
+    "disableSWC": true
+  },
+  "compileType": "miniprogram",
+  "libVersion": "2.21.2",
+  "srcMiniprogramRoot": "",
+  "packOptions": {
+    "ignore": [],
+    "include": []
+  },
+  "editorSetting": {
+    "tabIndent": "insertSpaces",
+    "tabSize": 2
+  },
+  "condition": {},
+  "simulatorPluginLibVersion": {}
+}
\ No newline at end of file
diff --git a/wechat-mini-program/project.private.config.json b/wechat-mini-program/project.private.config.json
new file mode 100644
index 0000000..edd1794
--- /dev/null
+++ b/wechat-mini-program/project.private.config.json
@@ -0,0 +1,23 @@
+{
+  "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
+  "projectname": "wechat-mini-program",
+  "setting": {
+    "compileHotReLoad": true,
+    "urlCheck": false,
+    "coverView": true,
+    "lazyloadPlaceholderEnable": false,
+    "preloadBackgroundData": false,
+    "autoAudits": false,
+    "useApiHook": true,
+    "showShadowRootInWxmlPanel": true,
+    "useStaticServer": false,
+    "useLanDebug": false,
+    "showES6CompileOption": false,
+    "checkInvalidKey": true,
+    "ignoreDevUnusedFiles": true,
+    "bigPackageSizeSupport": false,
+    "useIsolateContext": true
+  },
+  "libVersion": "3.12.0",
+  "condition": {}
+}
\ No newline at end of file
diff --git a/wechat-mini-program/sitemap.json b/wechat-mini-program/sitemap.json
new file mode 100644
index 0000000..b41f90a
--- /dev/null
+++ b/wechat-mini-program/sitemap.json
@@ -0,0 +1,7 @@
+{
+  "desc": "about",
+  "rules": [{
+    "action": "allow",
+    "page": "*"
+  }]
+}
\ No newline at end of file
diff --git a/wechat-mini-program/utils/request.js b/wechat-mini-program/utils/request.js
new file mode 100644
index 0000000..1e20ebe
--- /dev/null
+++ b/wechat-mini-program/utils/request.js
@@ -0,0 +1,41 @@
+const app = getApp()
+
+function unwrap(data) {
+  if (data && typeof data === 'object' && 'code' in data && 'data' in data) {
+    return data.data
+  }
+  return data
+}
+
+function request({ url, method = 'GET', data = {}, header = {} }) {
+  return new Promise((resolve, reject) => {
+    const app = getApp()
+    if (app.globalData.token) {
+        header['Authorization'] = `Bearer ${app.globalData.token}`
+    }
+    wx.request({
+      url: `${app.globalData.baseUrl}${url.startsWith('/') ? '' : '/'}${url}`,
+      method,
+      data,
+      header,
+      success: (res) => {
+        // Check HTTP status code
+        if (res.statusCode >= 200 && res.statusCode < 300) {
+             // Check logical code from backend wrapper
+             if (res.data && typeof res.data === 'object' && 'code' in res.data) {
+                 if (res.data.code < 200 || res.data.code >= 300) {
+                     reject(res.data)
+                     return
+                 }
+             }
+             resolve(unwrap(res.data))
+        } else {
+             reject(res)
+        }
+      },
+      fail: (err) => reject(err)
+    })
+  })
+}
+
+module.exports = { request }