From 694d053c24ad4a31eab2b34ff39cb5d024010be7 Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Thu, 21 Jul 2022 15:03:30 +0800
Subject: [PATCH] perf: improve user detail page style

Signed-off-by: Ryan Wang <i@ryanc.cc>
---
 packages/components/package.json                 |  5 ++---
 packages/components/vite.config.ts               |  2 +-
 packages/shared/package.json                     |  3 +--
 .../shared/src/layouts/UserProfileLayout.vue     |  2 +-
 packages/shared/vite.config.ts                   |  2 +-
 src/modules/system/users/UserDetail.vue          | 16 ++++++++--------
 6 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/packages/components/package.json b/packages/components/package.json
index cb2a1799..2efc30fa 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -5,7 +5,7 @@
   "files": [
     "dist"
   ],
-  "main": "./dist/halo-components.umd.js",
+  "main": "./dist/halo-components.iife.js",
   "module": "./dist/halo-components.es.js",
   "unpkg": "./dist/halo-components.iife.js",
   "jsdelivr": "./dist/halo-components.iife.js",
@@ -58,8 +58,7 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/halo-components.es.js",
-      "require": "./dist/halo-components.umd.js"
+      "import": "./dist/halo-components.es.js"
     },
     "./dist/style.css": "./dist/style.css"
   }
diff --git a/packages/components/vite.config.ts b/packages/components/vite.config.ts
index 3855f4e7..0c386ba0 100644
--- a/packages/components/vite.config.ts
+++ b/packages/components/vite.config.ts
@@ -28,7 +28,7 @@ export default defineConfig({
     lib: {
       entry: path.resolve(__dirname, "src/index.ts"),
       name: "HaloComponents",
-      formats: ["es", "cjs", "umd", "iife"],
+      formats: ["es", "iife"],
       fileName: (format) => `halo-components.${format}.js`,
     },
     rollupOptions: {
diff --git a/packages/shared/package.json b/packages/shared/package.json
index 894dedc6..484a825c 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -14,13 +14,12 @@
     "name": "@halo-dev",
     "url": "https://github.com/halo-dev"
   },
-  "main": "./dist/halo-admin-shared.cjs.js",
+  "main": "./dist/halo-admin-shared.iife.js",
   "module": "./dist/halo-admin-shared.es.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "require": "./dist/halo-admin-shared.cjs.js",
       "import": "./dist/halo-admin-shared.es.js"
     },
     "./dist/style.css": "./dist/style.css"
diff --git a/packages/shared/src/layouts/UserProfileLayout.vue b/packages/shared/src/layouts/UserProfileLayout.vue
index 521062f3..0b31d3a8 100644
--- a/packages/shared/src/layouts/UserProfileLayout.vue
+++ b/packages/shared/src/layouts/UserProfileLayout.vue
@@ -80,7 +80,7 @@ const handleTabChange = (id: string) => {
       <div class="px-4 sm:px-6 lg:px-8">
         <div class="-mt-12 flex items-end space-x-5 sm:-mt-16">
           <div class="flex">
-            <div class="h-24 w-24 sm:h-32 sm:w-32">
+            <div class="bg-white h-24 w-24 sm:h-32 sm:w-32">
               <img
                 :src="user?.spec?.avatar"
                 alt="Avatar"
diff --git a/packages/shared/vite.config.ts b/packages/shared/vite.config.ts
index 28c4167c..1b7c6529 100644
--- a/packages/shared/vite.config.ts
+++ b/packages/shared/vite.config.ts
@@ -26,7 +26,7 @@ export default defineConfig({
     lib: {
       entry: path.resolve(__dirname, "src/index.ts"),
       name: "HaloAdminShared",
-      formats: ["es", "cjs", "umd", "iife"],
+      formats: ["es", "iife"],
       fileName: (format) => `halo-admin-shared.${format}.js`,
     },
     rollupOptions: {
diff --git a/src/modules/system/users/UserDetail.vue b/src/modules/system/users/UserDetail.vue
index a9d913cb..acdc2faf 100644
--- a/src/modules/system/users/UserDetail.vue
+++ b/src/modules/system/users/UserDetail.vue
@@ -20,7 +20,7 @@ const router = useRouter();
   <div class="border-t border-gray-200">
     <dl class="divide-y divide-gray-100">
       <div
-        class="bg-white px-4 py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4 sm:px-6"
+        class="bg-white py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4"
       >
         <dt class="text-sm font-medium text-gray-900">显示名称</dt>
         <dd class="mt-1 text-sm text-gray-900 sm:col-span-3 sm:mt-0">
@@ -28,7 +28,7 @@ const router = useRouter();
         </dd>
       </div>
       <div
-        class="bg-white px-4 py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4 sm:px-6"
+        class="bg-white py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4"
       >
         <dt class="text-sm font-medium text-gray-900">用户名</dt>
         <dd class="mt-1 text-sm text-gray-900 sm:col-span-3 sm:mt-0">
@@ -36,7 +36,7 @@ const router = useRouter();
         </dd>
       </div>
       <div
-        class="bg-white px-4 py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4 sm:px-6"
+        class="bg-white py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4"
       >
         <dt class="text-sm font-medium text-gray-900">电子邮箱</dt>
         <dd class="mt-1 text-sm text-gray-900 sm:col-span-3 sm:mt-0">
@@ -44,7 +44,7 @@ const router = useRouter();
         </dd>
       </div>
       <div
-        class="bg-white px-4 py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4 sm:px-6"
+        class="bg-white py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4"
       >
         <dt class="text-sm font-medium text-gray-900">角色</dt>
         <dd class="mt-1 text-sm text-gray-900 sm:col-span-3 sm:mt-0">
@@ -61,7 +61,7 @@ const router = useRouter();
         </dd>
       </div>
       <div
-        class="bg-white px-4 py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4 sm:px-6"
+        class="bg-white py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4"
       >
         <dt class="text-sm font-medium text-gray-900">描述</dt>
         <dd class="mt-1 text-sm text-gray-900 sm:col-span-3 sm:mt-0">
@@ -69,7 +69,7 @@ const router = useRouter();
         </dd>
       </div>
       <div
-        class="bg-white px-4 py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4 sm:px-6"
+        class="bg-white py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4"
       >
         <dt class="text-sm font-medium text-gray-900">两步验证</dt>
         <dd class="mt-1 text-sm text-gray-900 sm:col-span-3 sm:mt-0">
@@ -77,7 +77,7 @@ const router = useRouter();
         </dd>
       </div>
       <div
-        class="bg-white px-4 py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4 sm:px-6"
+        class="bg-white py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4"
       >
         <dt class="text-sm font-medium text-gray-900">注册时间</dt>
         <dd class="mt-1 text-sm text-gray-900 sm:col-span-3 sm:mt-0">
@@ -85,7 +85,7 @@ const router = useRouter();
         </dd>
       </div>
       <div
-        class="bg-white px-4 py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4 sm:px-6"
+        class="bg-white py-5 hover:bg-gray-50 sm:grid sm:grid-cols-6 sm:gap-4"
       >
         <dt class="text-sm font-medium text-gray-900">最近登录时间</dt>
         <dd class="mt-1 text-sm text-gray-900 sm:col-span-3 sm:mt-0">