mirror of https://github.com/halo-dev/halo
44cb311fac
#### What type of PR is this?
/area console
/kind improvement
/milestone 2.12.x
#### What this PR does / why we need it:
重构 UI 的 Modal 组件，支持通过 v-if 控制是否显示（渲染）。
example:
```vue
<script lang="ts" setup>
import { ref } from "vue"
const visible = ref(false)
const modal = ref()
function open() {
visible.value = true
}
function close() {
modal.value.close()
}
</script>
<template>
<button @click="open">Open</button>
<VModal v-if="visible" ref="modal" title="test">
<button @click="close">Close</button>
</VModal>
</template>
```
#### Which issue(s) this PR fixes:
Fixes #5077
#### Special notes for your reviewer:
测试方式：
1. cd console && pnpm --filter "./packages/components" storybook
2. 测试 Modal 组件在文档中是否工作正常。
3. 启动 Console 或者 UC。
4. 观察以前页面上的弹框是否工作正常。
#### Does this PR introduce a user-facing change?
```release-note
重构 UI 的 Modal 组件，支持通过 v-if 控制是否显示（渲染）。
```
|
||
|---|---|---|
| .. | ||
| .changeset | ||
| .husky | ||
| .vscode | ||
| console-src | ||
| cypress | ||
| docs | ||
| packages | ||
| public | ||
| src | ||
| uc-src | ||
| .editorconfig | ||
| .env.development | ||
| .env.production | ||
| .eslintrc.cjs | ||
| .gitignore | ||
| .gitpod.yml | ||
| .npmignore | ||
| .npmrc | ||
| .prettierignore | ||
| Makefile | ||
| OWNERS | ||
| README.md | ||
| cypress.json | ||
| env.d.ts | ||
| index.html | ||
| package.json | ||
| pnpm-lock.yaml | ||
| pnpm-workspace.yaml | ||
| postcss.config.js | ||
| prettier.config.js | ||
| tailwind.config.js | ||
| tsconfig.app.json | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| tsconfig.vitest.json | ||
| vite.config.ts | ||
| vite.uc.config.ts | ||
| vitest.config.ts | ||
README.md
README
Halo 2.0 的管理端项目（原 halo-admin）
当前仓库已经将 halo-admin 改为了 console。但对于 Halo 1.x 版本，依旧保持 halo-admin 的概念。
开发环境运行
npm install -g pnpm@8
pnpm install
pnpm build:packages
pnpm dev
生产构建
pnpm build
状态
