From 9e3adaa30c7cdaf23855922100e16717856ba1d9 Mon Sep 17 00:00:00 2001
From: Vben <anncwb@126.com>
Date: Mon, 8 Mar 2021 23:16:35 +0800
Subject: [PATCH] fix(page-wrapper): fix PageWrapper title not showing

---
 .vscode/settings.json                    |  2 +-
 CHANGELOG.zh_CN.md                       |  1 +
 package.json                             |  2 +-
 src/components/Page/src/PageWrapper.vue  |  4 +++-
 src/main.ts                              |  2 +-
 src/views/demo/system/password/index.vue | 19 ++++++++++---------
 yarn.lock                                | 18 +++++++++---------
 7 files changed, 26 insertions(+), 22 deletions(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index a77baa48..87a96104 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -138,7 +138,7 @@
   "vetur.format.defaultFormatter.ts": "prettier-tslint",
   "vetur.format.defaultFormatter.js": "prettier",
   "vetur.languageFeatures.codeActions": false,
-  "vetur.validation.script": false,
+  // "vetur.validation.script": false,
   "vetur.format.defaultFormatterOptions": {
     "js-beautify-html": {
       "wrap_attributes": "force-expand-multiline"
diff --git a/CHANGELOG.zh_CN.md b/CHANGELOG.zh_CN.md
index 57bd0cfd..1ffbe4f7 100644
--- a/CHANGELOG.zh_CN.md
+++ b/CHANGELOG.zh_CN.md
@@ -8,6 +8,7 @@
 
 - 确保 `table action` 的值被正确更新
 - 修复页面切换的动画无法关闭
+- 修复`PageWrapper`title 不显示
 
 ## 2.0.3 (2021-03-07)
 
diff --git a/package.json b/package.json
index 595d9451..d2ba1c5b 100644
--- a/package.json
+++ b/package.json
@@ -112,7 +112,7 @@
     "vite-plugin-style-import": "^0.8.1",
     "vite-plugin-svg-icons": "^0.3.3",
     "vite-plugin-theme": "^0.4.8",
-    "vite-plugin-windicss": "0.7.0",
+    "vite-plugin-windicss": "0.7.1",
     "vue-eslint-parser": "^7.6.0",
     "yargs": "^16.2.0"
   },
diff --git a/src/components/Page/src/PageWrapper.vue b/src/components/Page/src/PageWrapper.vue
index 28e4b91f..c3223a09 100644
--- a/src/components/Page/src/PageWrapper.vue
+++ b/src/components/Page/src/PageWrapper.vue
@@ -2,9 +2,10 @@
   <div :class="getClass">
     <PageHeader
       :ghost="ghost"
+      :title="title"
       v-bind="$attrs"
       ref="headerRef"
-      v-if="content || $slots.headerContent"
+      v-if="content || $slots.headerContent || title || getHeaderSlots.length"
     >
       <template #default>
         <template v-if="content">
@@ -49,6 +50,7 @@
     components: { PageFooter, PageHeader },
     inheritAttrs: false,
     props: {
+      title: propTypes.string,
       dense: propTypes.bool,
       ghost: propTypes.bool,
       content: propTypes.string,
diff --git a/src/main.ts b/src/main.ts
index b5abe858..ae524a33 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,5 +1,5 @@
 import '/@/design/index.less';
-import 'windi.css';
+import '@virtual/windi.css';
 
 // Do not introduce on-demand in local development?
 // In the local development for on-demand introduction, the number of browser requests will increase by about 20%.
diff --git a/src/views/demo/system/password/index.vue b/src/views/demo/system/password/index.vue
index 73b1381c..351ce4c2 100644
--- a/src/views/demo/system/password/index.vue
+++ b/src/views/demo/system/password/index.vue
@@ -1,22 +1,23 @@
 <template>
-  <div class="p-4 flex flex-col justify-center items-center">
-    <BasicForm @register="register" />
-
-    <div class="flex justify-center">
-      <a-button @click="resetFields"> 重置 </a-button>
-      <a-button class="ml-4" type="primary" @click="handleSubmit"> 确认 </a-button>
+  <PageWrapper title="修改当前用户密码" content="修改成功后会自动退出当前登录！">
+    <div class="py-8 bg-white flex flex-col justify-center items-center">
+      <BasicForm @register="register" />
+      <div class="flex justify-center">
+        <a-button @click="resetFields"> 重置 </a-button>
+        <a-button class="ml-4" type="primary" @click="handleSubmit"> 确认 </a-button>
+      </div>
     </div>
-  </div>
+  </PageWrapper>
 </template>
 <script lang="ts">
   import { defineComponent } from 'vue';
-
+  import { PageWrapper } from '/@/components/Page';
   import { BasicForm, useForm } from '/@/components/Form';
 
   import { formSchema } from './pwd.data';
   export default defineComponent({
     name: 'ChangePassword',
-    components: { BasicForm },
+    components: { BasicForm, PageWrapper },
     setup() {
       const [register, { validate, resetFields }] = useForm({
         size: 'large',
diff --git a/yarn.lock b/yarn.lock
index 8a56c38c..d2c52bb0 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1785,10 +1785,10 @@
   dependencies:
     vue-demi latest
 
-"@windicss/plugin-utils@0.7.0":
-  version "0.7.0"
-  resolved "https://registry.npmjs.org/@windicss/plugin-utils/-/plugin-utils-0.7.0.tgz#0321328cd4e7ef673cdeccf0104e8e5f81f7496b"
-  integrity sha512-Bfk3AF/CLKyj22iSaAkjHCI5Nw0Lp2GFo0bS3ymUSWrWn2Xx7w0K8INkZ9bjDpdrh/m1yImA+sbas302+NqXEQ==
+"@windicss/plugin-utils@0.7.1":
+  version "0.7.1"
+  resolved "https://registry.npmjs.org/@windicss/plugin-utils/-/plugin-utils-0.7.1.tgz#001ba282b78a9d4e110e531d59309d2b9cb0929e"
+  integrity sha512-ZloIRRKCnArFyDNuhZiFRA15XqhlWaeTcOf3soP9VxWJ+i6/IkH6cnaYgBefDATA/zJodOPsXBnbX333zKVk1Q==
   dependencies:
     esbuild "^0.8.57"
     esbuild-register "^2.2.0"
@@ -9182,12 +9182,12 @@ vite-plugin-theme@^0.4.8:
     es-module-lexer "^0.3.26"
     tinycolor2 "^1.4.2"
 
-vite-plugin-windicss@0.7.0:
-  version "0.7.0"
-  resolved "https://registry.npmjs.org/vite-plugin-windicss/-/vite-plugin-windicss-0.7.0.tgz#9e1bee2d041aee7a0b5a4bf08c483fe5b2525898"
-  integrity sha512-zKQEnDKhKZT4mYoUfLfOy8hPviAWTUbLE5POo2OACKxMCBdcOHmakh+RfkMIUrejgrRZbX9bBezKzSfxPqO65Q==
+vite-plugin-windicss@0.7.1:
+  version "0.7.1"
+  resolved "https://registry.npmjs.org/vite-plugin-windicss/-/vite-plugin-windicss-0.7.1.tgz#1e1c41c2f62d18a2777819057c981a1ec26d8901"
+  integrity sha512-0NNrTBgjx11KOwqS/4szfVIt3LURFor4cEEVVJjB8p7JDTnC4K8Cu11bcAvY+QMOfflxv4s2ONo2SU4xkq68kA==
   dependencies:
-    "@windicss/plugin-utils" "0.7.0"
+    "@windicss/plugin-utils" "0.7.1"
     windicss "^2.3.0"
 
 vite@^2.0.5:
-- 
GitLab