#### What type of PR is this?
/kind bug
#### What this PR does / why we need it:
修复当文章设置中的发布时间为空字符串时，无法保存的问题。
#### Which issue(s) this PR fixes:
Fixes https://github.com/halo-dev/halo/issues/2906
#### Special notes for your reviewer:
测试方式：
1. 进入新建文章页面。
2. 点击右上角发布按钮，填写必要的标题和别名，然后点击保存。
3. 点击右上角设置按钮，切换到高级设置，再次点击保存。
4. 观察是否正常保存。
#### Does this PR introduce a user-facing change?
```release-note
修复 Console 端文章设置中的发布时间为空字符串时，无法保存的问题。
```
#### What type of PR is this?
/kind bug
/milestone 2.0.1
#### What this PR does / why we need it:
修复插件停止时，仍然获取设置选项导致提示失败的问题。
#### Which issue(s) this PR fixes:
Fixes https://github.com/halo-dev/halo/issues/2866
#### Special notes for your reviewer:
测试方式：
1. 安装一个插件，将其停止之后检查是否有获取 setting 的请求以及页面上是否有提示。
#### Does this PR introduce a user-facing change?
```release-note
修复在 Console 端停止插件时，仍然获取设置选项导致显示失败提示的问题。
```
#### What type of PR is this?
/kind improvement
#### What this PR does / why we need it:
优化主题和插件详情页面切换 tab 时的页面闪动问题。
#### Which issue(s) this PR fixes:
Fixes https://github.com/halo-dev/halo/issues/2856
#### Special notes for your reviewer:
测试方式：检查在主题和插件详情页面是否还存在 https://github.com/halo-dev/halo/issues/2856 中提到的问题。
#### Does this PR introduce a user-facing change?
```release-note
优化 Console 端的主题和插件详情页面切换选项卡时的页面闪动问题。
```
#### What type of PR is this?
/kind bug
#### What this PR does / why we need it:
修改主题升级文案
#### Which issue(s) this PR fixes:
Fixes https://github.com/halo-dev/halo/issues/2857
#### Does this PR introduce a user-facing change?
```release-note
None
```
#### What type of PR is this?
/kind bug
/milestone 2.0.1
#### What this PR does / why we need it:
修复创建菜单项的时候，自定义链接类型的菜单项无法正常保存名称和链接的问题。
#### Which issue(s) this PR fixes:
Fixes https://github.com/halo-dev/halo/issues/2816
#### Special notes for your reviewer:
测试方式：
1. 创建若干自定义类型的菜单项。
2. 检查是否成功保存了名称和连接。
#### Does this PR introduce a user-facing change?
```release-note
修复 Console 端无法正常创建自定义链接类型菜单项的问题。
```
#### What type of PR is this?
/kind improvement
/milestone 2.0.1
#### What this PR does / why we need it:
使用 api-client 进行网络请求时，支持添加 `mute` 参数以隐藏异常提示。
#### Which issue(s) this PR fixes:
Fixes https://github.com/halo-dev/halo/issues/2836
#### Special notes for your reviewer:
None
#### Does this PR introduce a user-facing change?
```release-note
None
```
#### What type of PR is this?
/kind improvement
/milestone 2.0
#### What this PR does / why we need it:
重构 Console 端插件扩展点的定义方式。现在需要如下定义：
```ts
extensionPoints: {
"page:functional:create": () => {
return [
{
name: "链接",
url: "/links",
path: "/pages/functional/links",
permissions: ["plugin:links:view"],
},
];
},
},
```
#### Special notes for your reviewer:
可以用以下插件进行测试：
- https://github.com/halo-sigs/plugin-links
- https://github.com/halo-sigs/plugin-unsplash
#### Does this PR introduce a user-facing change?
```release-note
None
```
#### What type of PR is this?
/kind improvement
/milestone 2.0
#### What this PR does / why we need it:
修改插件的 author 字段为对象形式。适配 https://github.com/halo-dev/halo/pull/2806
#### Special notes for your reviewer:
None
#### Does this PR introduce a user-facing change?
```release-note
None
```
#### What type of PR is this?
/kind feature
#### What this PR does / why we need it:
支持将文章内容实时保存到浏览器，防止意外操作丢失内容。
#### Which issue(s) this PR fixes:
Fixes https://github.com/halo-dev/halo/issues/2773
#### Does this PR introduce a user-facing change?
```release-note
Console 端支持实时保存内容到浏览器，防止意外操作丢失内容。
```
#### What type of PR is this?
/kind improvement
/milestone 2.0
#### What this PR does / why we need it:
移除文章设置中内部成员可访问的选项，目前后端没有支持。
#### Does this PR introduce a user-facing change?
```release-note
None
```
#### What type of PR is this?
/kind improvement
/milestone 2.0
#### What this PR does / why we need it:
重构附件、存储策略、附件分组之间的关联方式。适配：https://github.com/halo-dev/halo/pull/2800
#### Special notes for your reviewer:
测试方式：
1. Halo 需要切换到 https://github.com/halo-dev/halo/pull/2800 分支。
2. Console 需要 `pnpm install`
3. 测试附件相关功能。
#### Does this PR introduce a user-facing change?
```release-note
None
```
#### What type of PR is this?
/kind bug
/milestone 2.0
#### What this PR does / why we need it:
修复文章和自定义页面的发布时间无法设置和回显的问题。
#### Which issue(s) this PR fixes:
Fixes https://github.com/halo-dev/halo/issues/2770
#### Special notes for your reviewer:
测试方式：
1. 创建一篇文章和自定义页面。
2. 在高级设置中设置发布时间。
3. 检查发布后列表中显示的时间是否和设置的一致。
4. 再次打开文章设置，检查发布时间输入框的时间是否正确。
#### Does this PR introduce a user-facing change?
```release-note
修复 Console 端文章和自定义页面的发布时间无法设置和回显的问题。
```
#### What type of PR is this?
/kind improvement
/milestone 2.0
#### What this PR does / why we need it:
为部分包含了主题端路由的资源添加跳转按钮或者链接。
#### Screenshots:
<img width="618" alt="image" src="https://user-images.githubusercontent.com/21301288/203952290-6d04f192-de83-4d6e-b9cf-b89463034b12.png">
#### Special notes for your reviewer:
/cc @halo-dev/sig-halo-console
#### Does this PR introduce a user-facing change?
```release-note
Console 端部分包含了主题端路由的数据列表添加跳转按钮或者链接。
```
#### What type of PR is this?
/kind feature
/milestone 2.0
#### What this PR does / why we need it:
支持在登录会话失效之后打开登录弹窗，而不是直接跳转到登录页面，防止正在编辑的内容丢失。
#### Which issue(s) this PR fixes:
Fixes https://github.com/halo-dev/halo/issues/2783
#### Screenshots:
<img width="541" alt="image" src="https://user-images.githubusercontent.com/21301288/204085654-5c90627b-fbbd-4b04-ac92-f75bab28a1b0.png">
#### Special notes for your reviewer:
测试方式：
1. 打开 Console 之后登录进入到控制台。
2. 重启 Halo 或者等待会话失效。
3. 随意切换控制台界面，观察是否打开了登录弹窗。
4. 重新登录，检查是否成功。
#### Does this PR introduce a user-facing change?
```release-note
Console 端支持在登录会话失效之后打开登录弹窗。
```
#### What type of PR is this?
/kind bug
/milestone 2.0-rc.2
#### What this PR does / why we need it:
修复在角色编辑时，如果在权限勾选界面，无法提交表单的问题。
#### Which issue(s) this PR fixes:
Fixes https://github.com/halo-dev/halo/issues/2778
#### Special notes for your reviewer:
测试方式：
1. 编辑任意角色或者新建角色。
2. 在编辑弹框中切换到权限勾选界面。
3. 点击提交按钮，观察是否能够正常提交。
#### Does this PR introduce a user-facing change?
```release-note
修复在 Console 端角色编辑时，如果在权限勾选界面，无法提交表单的问题。
```
#### What type of PR is this?
/kind bug
/milestone 2.0-rc.2
#### What this PR does / why we need it:
修复选择未分组的分组时，上传附件会将分组设置为 `ungrouped` 的问题。
#### Which issue(s) this PR fixes:
Fixes https://github.com/halo-dev/halo/issues/2777
#### Special notes for your reviewer:
测试方式：
1. 新建若干附件分组。
2. 切换到未分组，然后打开上传弹框，上传若干附件。
3. 检查所上传附件是否归为未分组。
4. 切换到其他分组，上传若干附件，检查所上传附件是否归为正确分组。
#### Does this PR introduce a user-facing change?
```release-note
修复在 Console 端选择未分组的分组时，上传附件会将分组设置为 `ungrouped` 的问题。
```
#### What type of PR is this?
/kind improvement
/milestone 2.0
#### What this PR does / why we need it:
评论或者回复审核时设置审核时间。适配：https://github.com/halo-dev/halo/pull/2746
#### Which issue(s) this PR fixes:
Fixes https://github.com/halo-dev/halo/issues/2738
#### Special notes for your reviewer:
测试方式：
1. Halo 需要切换到 https://github.com/halo-dev/halo/issues/2738 分支。
2. Console 需要 `pnpm install`
3. 在主题端创建若干评论，然后去 Console 端审核通过，检查是否正常设置了审核时间。
#### Does this PR introduce a user-facing change?
```release-note
Console 端在评论或者回复审核时设置审核时间。
```
#### What type of PR is this?
/kind improvement
/milestone 2.0.0-rc.2
#### What this PR does / why we need it:
移除角色详情页面的用户列表，当前后端暂不支持通过角色查询其下用户。
#### Special notes for your reviewer:
None
#### Does this PR introduce a user-facing change?
```release-note
None
```
#### What type of PR is this?
/kind bug
/milestone 2.0.0-rc.2
#### What this PR does / why we need it:
修复当菜单项被删除时，没有更新菜单的问题。
#### Which issue(s) this PR fixes:
Fixes https://github.com/halo-dev/halo/issues/2561
#### Special notes for your reviewer:
测试方式：
1. 创建一个菜单，添加若干个菜单项。
2. 删除部分菜单项，检查菜单下的菜单项个数是否正确。
#### Does this PR introduce a user-facing change?
```release-note
修复 Console 端当菜单项被删除时，没有更新菜单的问题。
```
#### What type of PR is this?
/kind feature
/milestone 2.0.0-rc.2
#### What this PR does / why we need it:
添加自动计算文章标签文字颜色的支持。在之前的版本中，因为引入 colorjs.io 导致在构建之后无法显示标签，目前 colorjs.io 已经修复此问题，此 PR 回归之前的支持。
- https://github.com/LeaVerou/color.js/releases/tag/v0.4.2
- https://github.com/LeaVerou/color.js/pull/239
#### Special notes for your reviewer:
测试方式：
1. 创建若干文章标签，设置不同的背景色，观察文字颜色是否会自动与背景颜色形成反差。
2. 使用 `pnpm build` 构建生产版本，在 Halo 的配置文件中配置 `halo.console.location` 到 Console 的 `dist` 目录。
3. 检查 Console 文章列表中的标签是否显示正常。
#### Does this PR introduce a user-facing change?
```release-note
Console 端添加自动计算文章标签文字颜色的支持。
```
#### What type of PR is this?
/kind improvement
/milestone 2.0
#### What this PR does / why we need it:
修改了各个删除操作提示弹框的信息，统一了文本风格。
原本存在 `是否确认删除xxx？` 和 `确定删除xxx吗？` 两种风格，统一为后一种风格。
#### Does this PR introduce a user-facing change?
```release-note
优化 Console 端确认弹框的提示文案。
```
#### What type of PR is this?
/kind api-change
/milestone 2.0
#### What this PR does / why we need it:
升级 `@halo-dev/api-client` 以适配 https://github.com/halo-dev/halo/pull/2745
#### Which issue(s) this PR fixes:
Fixes https://github.com/halo-dev/halo/issues/2735
#### Special notes for your reviewer:
/cc @halo-dev/sig-halo-console
测试方式：
1. Halo 需要切换到 https://github.com/halo-dev/halo/issues/2735 分支。
2. Console 需要 `pnpm install`
3. 安装一个主题，并尝试修改 `theme.yaml` 和 `settings.yaml`，然后再主题详情页面点击 `刷新设置表单` 的按钮，检查改动是否被更新。
#### Does this PR introduce a user-facing change?
```release-note
None
```
#### What type of PR is this?
/kind improvement
/milestone 2.0
#### What this PR does / why we need it:
首次创建文章或者自定义页面时，跳转回管理列表，与编辑保持一致。
#### Special notes for your reviewer:
/cc @halo-dev/sig-halo-console
测试方式：创建一篇新的文章或自定义页面，点击发布，观察是否返回到了管理列表。
#### Does this PR introduce a user-facing change?
```release-note
None
```
#### What type of PR is this?
/kind bug
/milestone 2.0
#### What this PR does / why we need it:
修复因为 https://github.com/halo-dev/console/pull/703 中添加了 Loading 动画但是没有考虑到定时刷新列表导致页面闪动的问题。
#### Special notes for your reviewer:
/cc @halo-dev/sig-halo-console
测试方式：删除任意资源，检查列表定时刷新的时候是否出现 loading 状态。
#### Does this PR introduce a user-facing change?
```release-note
None
```
#### What type of PR is this?
/kind feature
/milestone 2.0
#### What this PR does / why we need it:
附件管理支持通过参数筛选出未分组的附件。适配 https://github.com/halo-dev/halo/pull/2752
#### Which issue(s) this PR fixes:
Fixes https://github.com/halo-dev/halo/issues/2451
#### Special notes for your reviewer:
/cc @halo-dev/sig-halo-console
测试方式：
1. Halo 需要切换到 https://github.com/halo-dev/halo/pull/2752 分支。
2. Console 需要 `pnpm install`
3. 上传若干未分组附件，然后切换到未分组的标签，检查是否查询正确。
4. 将部分附件移动至某个分组，在切换到未分组的标签，检查附件是否正确。
#### Does this PR introduce a user-facing change?
```release-note
附件管理支持未分组的筛选条件。
```
#### What type of PR is this?
/kind improvement
/milestone 2.0
#### What this PR does / why we need it:
优化文章管理的分类/标签/作者的筛选下拉框样式，以及支持搜索。
#### Screenshots:
<img width="525" alt="image" src="https://user-images.githubusercontent.com/21301288/203499340-b7c59b2f-9be8-4804-9e21-9c5bfbca99bc.png">
#### Special notes for your reviewer:
/cc @halo-dev/sig-halo-console
测试方式：检查文章管理的分类 / 标签 / 作者筛选功能是否正常。
#### Does this PR introduce a user-facing change?
```release-note
优化文章管理的分类/标签/作者的筛选下拉框样式，以及支持搜索。
```
#### What type of PR is this?
/kind improvement
/milestone 2.0
#### What this PR does / why we need it:
优化列表的加载，添加加载动画，解决加载完成之后界面闪动的问题。
#### Which issue(s) this PR fixes:
Ref https://github.com/halo-dev/halo/issues/2370
#### Special notes for your reviewer:
/cc @halo-dev/sig-halo-console
#### Does this PR introduce a user-facing change?
```release-note
优化列表的加载，添加加载动画，解决加载完成之后界面闪动的问题。
```
#### What type of PR is this?
/kind improvement
/milestone 2.0
#### What this PR does / why we need it:
使用 Pinia 管理已授权用户信息，并提供判断是否是 `anonymousUser` 的方式。
适配 https://github.com/halo-dev/halo/pull/2729
#### Special notes for your reviewer:
/cc @halo-dev/sig-halo-console
测试流程：
1. Halo 需要切换到 https://github.com/halo-dev/halo/pull/2729 的分支。
2. 测试 Console 端的登录、退出等流程。
#### Does this PR introduce a user-facing change?
```release-note
None
```
#### What type of PR is this?
/kind improvement
/milestone 2.0
#### What this PR does / why we need it:
优化 Console 数据列表的筛选标签样式，以及支持清空所有筛选条件。
#### Which issue(s) this PR fixes:
Fixes https://github.com/halo-dev/halo/issues/2657
#### Screenshots:
<img width="1663" alt="image" src="https://user-images.githubusercontent.com/21301288/203353043-b5e7631f-cc02-4368-b770-42b53e1dbf78.png">
#### Special notes for your reviewer:
/cc @halo-dev/sig-halo-console
测试方式：
1. 测试文章、自定义页面、附件、插件、评论管理中的筛选功能。
#### Does this PR introduce a user-facing change?
```release-note
优化 Console 数据列表的筛选标签样式，以及支持清空所有筛选条件。
```
#### What type of PR is this?
/kind improvement
/milestone 2.0
#### What this PR does / why we need it:
为 `VEntityField` 组件设置最大宽度，防止内容过多导致 UI 异常。
#### Which issue(s) this PR fixes:
Fixes https://github.com/halo-dev/halo/issues/2468
#### Screenshots:
<img width="534" alt="image" src="https://user-images.githubusercontent.com/21301288/203077107-55cbb951-5ea4-4699-8368-023c60ae9054.png">
#### Special notes for your reviewer:
/cc @halo-dev/sig-halo-console
测试方式：
1. Console 需要 `pnpm build:packages`
2. 新增任意资源，设置超长的内容，检查列表的样式是否异常。
#### Does this PR introduce a user-facing change?
```release-note
为 `VEntityField` 组件设置最大宽度，防止内容过多导致 UI 异常。
```
#### What type of PR is this?
/kind improvement
/milestone 2.0
#### What this PR does / why we need it:
完善 Console 中表单的验证规则。
#### Which issue(s) this PR fixes:
Fixes https://github.com/halo-dev/halo/issues/2733
#### Special notes for your reviewer:
/cc @halo-dev/sig-halo-console
#### Does this PR introduce a user-facing change?
```release-note
完善 Console 中表单的验证规则。
```
#### What type of PR is this?
/kind feature
/milestone 2.0
#### What this PR does / why we need it:
文章和独立页面的编辑页面支持 `returnTo` 参数，用于指定发布完成之后的跳转地址。
#### Which issue(s) this PR fixes:
Fixes https://github.com/halo-dev/halo/issues/2724
#### Special notes for your reviewer:
/cc @halo-dev/sig-halo-console
测试方式：
1. 选择任意文章进入编辑页面。
2. 在地址栏添加 `&returnTo=http://localhost:8090`
3. 发布文章，观察是否跳转到了 `http://localhost:8090`
#### Does this PR introduce a user-facing change?
```release-note
文章和独立页面的编辑页面支持 `returnTo` 参数。
```
#### What type of PR is this?
/kind improvement
/milestone 2.0
#### What this PR does / why we need it:
优化文章和自定义页面的保存内容和发布逻辑。详情可查阅：https://github.com/halo-dev/halo/pull/2709
#### Special notes for your reviewer:
/cc @halo-dev/sig-halo-console
测试流程：
1. Halo 需要切换到 https://github.com/halo-dev/halo/pull/2709 分支。
2. 测试文章和自定义页面的新建、更新内容，以及发布。
#### Does this PR introduce a user-facing change?
```release-note
优化文章和自定义页面的保存内容和发布逻辑。
```
#### What type of PR is this?
/kind feature
/milestone 2.0
#### What this PR does / why we need it:
支持删除附件分组和存储策略。
删除策略的逻辑为：删除前会根据策略查询附件，如果有附件，则无法删除，否则可以删除。
删除附件的逻辑为：
1. 选择`删除并将附件移动至未分组`时，会在前端批量调用更新附件的接口，将所有附件的 `groupRef` 置空。
2. 选择`删除并同时删除附件`时，会在前端批量调用删除附件接口。
#### Which issue(s) this PR fixes:
Fixes https://github.com/halo-dev/halo/issues/2706
#### Special notes for your reviewer:
/cc @halo-dev/sig-halo-console
测试方式：
1. 需要执行 `pnpm build:packages`
2. 创建若干存储策略，并在部分存储策略中上传附件，再对存储策略做删除处理，需要满足以下情况：
1. 已包含附件的策略会提示不允许删除。
2. 未包含附件的策略可以删除
3. 创建若干分组，并在部分分组中上传附件，再对分组做删除处理，需要满足以下情况：
1. 选择`删除并将附件移动至未分组`时，检查分组是否被删除，且里面的附件是否已经被移动到未分组。
2. 选择`删除并同时删除附件`时，检查分组是否被删除，且里面的附件是否被删除。
#### Does this PR introduce a user-facing change?
<!--
如果当前 Pull Request 的修改不会造成用户侧的任何变更，在 `release-note` 代码块儿中填写 `NONE`。
否则请填写用户侧能够理解的 Release Note。如果当前 Pull Request 包含破坏性更新（Break Change），
Release Note 需要以 `action required` 开头。
If no, just write "NONE" in the release-note block below.
If yes, a release note is required:
Enter your extended release note in the block below. If the PR requires additional action from users switching to the new release, include the string "action required".
-->
```release-note
支持删除附件分组和存储策略。
```
#### What type of PR is this?
/kind improvement
/milestone 2.0
#### What this PR does / why we need it:
使用 metadata.generateName 代替 uuid 为 metadata.name 生成值。
Ref https://github.com/halo-dev/halo/pull/2563
#### Special notes for your reviewer:
/cc @halo-dev/sig-halo-console
测试方式：
1. 需要 `pnpm install`
2. 测试登录以及所有需要创建更新资源的业务模块。
#### Does this PR introduce a user-facing change?
```release-note
None
```
#### What type of PR is this?
/kind feature
/milestone 2.0
#### What this PR does / why we need it:
附件管理支持排序筛选，适配：https://github.com/halo-dev/halo/pull/2705
#### Which issue(s) this PR fixes:
Fixes https://github.com/halo-dev/halo/issues/2627
#### Special notes for your reviewer:
/cc @halo-dev/sig-halo-console
测试方式：
1. Halo 需要切换到 https://github.com/halo-dev/halo/pull/2705 分支。
2. Console 需要 `pnpm install`
3. 上传若干附件，检查排序筛选之后的结果是否符合预期。
#### Does this PR introduce a user-facing change?
```release-note
附件管理支持排序筛选
```
#### What type of PR is this?
/kind improvement
/milestone 2.0
#### What this PR does / why we need it:
更新所有依赖的修订版本。
#### Special notes for your reviewer:
/cc @halo-dev/sig-halo-console
#### Does this PR introduce a user-facing change?
```release-note
更新所有依赖的修订版本。
```
#### What type of PR is this?
/kind improvement
/milestone 2.0
#### What this PR does / why we need it:
重构文章发布/取消发布/放入回收站的逻辑。适配 https://github.com/halo-dev/halo/pull/2675
#### Special notes for your reviewer:
测试方式：
1. Halo 需要切换到 https://github.com/halo-dev/halo/pull/2675 的分支。
2. Console 需要 `pnpm install`。
3. 测试文章发布/取消发布/放入回收站。
#### Does this PR introduce a user-facing change?
```release-note
None
```
#### What type of PR is this?
/kind improvement
/milestone 2.0
#### What this PR does / why we need it:
重构文章和自定义页面的发布流程。
Ref https://github.com/halo-dev/halo/pull/2659
1. 修改文章、自定义页面标识发布状态的字段名。
2. 修改初始化页面中创建文章和自定义页面的逻辑，取消使用发布接口，改为直接将 `spec.publish` 设置为 `true`
3. 列表支持检测发布状态。
#### Special notes for your reviewer:
测试方式：
1. Halo 需要切换到 https://github.com/halo-dev/halo/pull/2659 分支。
2. Console 需要 `pnpm install && pnpm build:packages`
3. 测试文章和自定义页面的发布、保存等流程。需要完整测试整个流程。
#### Does this PR introduce a user-facing change?
```release-note
None
```
#### What type of PR is this?
/kind improvement
#### What this PR does / why we need it:
升级 `@halo-dev/richtext-editor`。重构编辑器的结构，目前可以在外部添加菜单项和指令，意味着可以被扩展。
添加 tiptap 拓展的方式：
```
pnpm install @tiptap/extension-character-count
```
然后在创建 Editor 实例的时候需要将拓展添加到 extensions 数组，如：
```ts
const editor = useEditor({
content: props.modelValue,
extensions: [
...
ExtensionCharacterCount,
],
});
```
最终如果要通过我们的插件机制来拓展编辑器，那么就需要对 extensions 提供可拓展点。
#### Special notes for your reviewer:
/cc @halo-dev/sig-halo-console
#### Does this PR introduce a user-facing change?
```release-note
None
```
#### What type of PR is this?
/kind improvement
/milestone 2.0
#### What this PR does / why we need it:
重构主题预览弹框，支持选择主题以及针对主题进行设置。
todolist:
- [x] 支持保存之后自动刷新预览区域。
- [x] 优化 Tabs 组件，支持横向滚动以解决设置项过多时，选项卡的样式问题。
#### Screenshots:
https://user-images.githubusercontent.com/21301288/200233823-fe317efe-536a-47a9-9495-efdde39be7ca.mp4
#### Special notes for your reviewer:
测试方式：
1. 需要先执行 `pnpm build:packages`
2. 进入主题管理，点击右上角的预览即可打开主题预览窗口
#### Does this PR introduce a user-facing change?
```release-note
重构主题预览弹框，支持选择主题以及针对主题进行设置。
```
#### What type of PR is this?
/kind improvement
/milestone 2.0
#### What this PR does / why we need it:
修复一些因使用不当导致的 Vue warn。
#### Screenshots:
<img width="832" alt="image" src="https://user-images.githubusercontent.com/21301288/199663758-e29f48c4-0c33-4c78-913f-2364ce4b5fbe.png">
#### Special notes for your reviewer:
/cc @halo-dev/sig-halo-console
#### Does this PR introduce a user-facing change?
```release-note
None
```
Ryan Wang
