perf: improve user detail page style

Signed-off-by: Ryan Wang <i@ryanc.cc>

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",
+      "import": "./dist/halo-components.es.js"
-      "require": "./dist/halo-components.umd.js"
     },
     "./dist/style.css": "./dist/style.css"
   }

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: {

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"

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"

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: {

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">