xto-fronted 0.6.3 → 0.8.0

package/src/views/system/user/index.vue

@@ -247,9 +247,9 @@ onMounted(() => {
                   <svg viewBox="0 0 64 41" fill="none">
                     <g transform="translate(0 1)">
                       <ellipse fill="#f5f5f5" cx="32" cy="33" rx="32" ry="7"/>
-                      <g stroke="var(--xto-color-text-placeholder, #9CA3AF)" stroke-width="2">
+                      <g stroke="var(--xto-color-text-placeholder, #A9AEB8)" stroke-width="2">
                         <path d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"/>
-                        <path d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35H11.95C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z" fill="var(--xto-fill-color, #F3F4F6)"/>
+                        <path d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35H11.95C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z" fill="var(--xto-fill-color, #F2F3F5)"/>
                       </g>
                     </g>
                   </svg>
@@ -377,7 +377,7 @@ onMounted(() => {
 <style lang="scss" scoped>
 .user-page {
   padding: 24px;
-  background: var(--xto-bg-color-page, #F9FAFB);
+  background: var(--xto-bg-color-page, #F7F8FA);
   min-height: 100%;
 }
 
@@ -418,7 +418,7 @@ onMounted(() => {
   justify-content: space-between;
   align-items: center;
   padding: 16px 24px;
-  border-bottom: 1px solid var(--xto-border-color-lighter, #F3F4F6);
+  border-bottom: 1px solid var(--xto-border-color-lighter, #F2F3F5);
 
   .toolbar-left {
     display: flex;
@@ -427,7 +427,7 @@ onMounted(() => {
 
   .table-count {
     font-size: 14px;
-    color: var(--xto-color-text-secondary, #6B7280);
+    color: var(--xto-color-text-secondary, #86909C);
   }
 }
 
@@ -443,14 +443,14 @@ onMounted(() => {
   th, td {
     padding: 14px 16px;
     text-align: left;
-    border-bottom: 1px solid var(--xto-border-color-lighter, #F3F4F6);
+    border-bottom: 1px solid var(--xto-border-color-lighter, #F2F3F5);
   }
 
   th {
     font-size: 14px;
     font-weight: 500;
-    color: var(--xto-color-text-secondary, #6B7280);
-    background: var(--xto-fill-color-light, #F9FAFB);
+    color: var(--xto-color-text-secondary, #86909C);
+    background: var(--xto-fill-color-light, #F7F8FA);
     white-space: nowrap;
   }
 
@@ -458,7 +458,7 @@ onMounted(() => {
     transition: background-color 0.2s;
 
     &:hover {
-      background: var(--xto-color-primary-light-6, #A5B4FC);
+      background: var(--xto-color-primary-light-6, #B9B5F5);
     }
   }
 
@@ -477,7 +477,7 @@ onMounted(() => {
     flex-direction: column;
     align-items: center;
     gap: 16px;
-    color: var(--xto-color-text-placeholder, #9CA3AF);
+    color: var(--xto-color-text-placeholder, #A9AEB8);
 
     svg {
       width: 64px;
@@ -488,7 +488,7 @@ onMounted(() => {
   .loading-spinner {
     width: 32px;
     height: 32px;
-    border: 3px solid var(--xto-border-color-lighter, #F3F4F6);
+    border: 3px solid var(--xto-border-color-lighter, #F2F3F5);
     border-top-color: var(--xto-color-primary, #4F46E5);
     border-radius: 50%;
     animation: spin 0.8s linear infinite;
@@ -508,11 +508,11 @@ onMounted(() => {
   display: inline-block;
   min-width: 32px;
   padding: 4px 10px;
-  background: var(--xto-fill-color, #F3F4F6);
+  background: var(--xto-fill-color, #F2F3F5);
   border-radius: 12px;
   font-size: 12px;
   font-weight: 500;
-  color: var(--xto-color-text-secondary, #6B7280);
+  color: var(--xto-color-text-secondary, #86909C);
   text-align: center;
 }
 
@@ -532,7 +532,7 @@ onMounted(() => {
   display: flex;
   align-items: center;
   justify-content: center;
-  background: linear-gradient(135deg, var(--xto-color-primary, #4F46E5) 0%, var(--xto-color-primary-light-1, #5B54E8) 100%);
+  background: linear-gradient(135deg, var(--xto-color-primary, #4F46E5) 0%, var(--xto-color-primary-light-1, #6158E7) 100%);
   border-radius: 50%;
   font-size: 16px;
   font-weight: 500;
@@ -549,12 +549,12 @@ onMounted(() => {
 .user-nickname {
   font-size: 14px;
   font-weight: 500;
-  color: var(--xto-color-text-primary, #1F2937);
+  color: var(--xto-color-text-primary, #1F2329);
 }
 
 .user-username {
   font-size: 12px;
-  color: var(--xto-color-text-placeholder, #9CA3AF);
+  color: var(--xto-color-text-placeholder, #A9AEB8);
 }
 
 .col-contact {
@@ -570,11 +570,11 @@ onMounted(() => {
 .contact-email,
 .contact-phone {
   font-size: 13px;
-  color: var(--xto-color-text-regular, #4B5563);
+  color: var(--xto-color-text-regular, #4E5566);
 }
 
 .contact-phone {
-  color: var(--xto-color-text-secondary, #6B7280);
+  color: var(--xto-color-text-secondary, #86909C);
 }
 
 .col-roles {
@@ -598,10 +598,10 @@ onMounted(() => {
 
 .status-text {
   font-size: 13px;
-  color: var(--xto-color-text-secondary, #6B7280);
+  color: var(--xto-color-text-secondary, #86909C);
 
   &.enabled {
-    color: var(--xto-color-success, #10B981);
+    color: var(--xto-color-success, #2BC48A);
   }
 }
 
@@ -611,7 +611,7 @@ onMounted(() => {
 
 .time-text {
   font-size: 13px;
-  color: var(--xto-color-text-secondary, #6B7280);
+  color: var(--xto-color-text-secondary, #86909C);
 }
 
 .col-actions {
@@ -635,7 +635,7 @@ onMounted(() => {
   display: flex;
   justify-content: flex-end;
   padding: 16px 24px;
-  border-top: 1px solid var(--xto-border-color-lighter, #F3F4F6);
+  border-top: 1px solid var(--xto-border-color-lighter, #F2F3F5);
 }
 
 // 弹窗表单
@@ -650,7 +650,7 @@ onMounted(() => {
 
   .status-label {
     font-size: 14px;
-    color: var(--xto-color-text-secondary, #6B7280);
+    color: var(--xto-color-text-secondary, #86909C);
   }
 }
 </style>

package/vite.config.ts

@@ -49,7 +49,10 @@ export default defineConfig(({ mode }) => {
       open: true,
       proxy: {
         '/api': {
-          target: env.VITE_API_BASE_URL || 'http://localhost:8080',
+          // 代理目标必须是绝对 URL；env 里的 /api 是请求前缀，不能当 target
+          target: /^https?:\/\//.test(env.VITE_API_BASE_URL || '')
+            ? env.VITE_API_BASE_URL
+            : 'http://localhost:8080',
           changeOrigin: true,
           rewrite: (path) => path.replace(/^\/api/, '')
         }

package/dist/index-BXHwCe22.js

@@ -1,189 +0,0 @@
-import { defineComponent as g, ref as l, resolveComponent as b, openBlock as i, createElementBlock as o, createElementVNode as s, Fragment as n, renderList as c, normalizeStyle as r, toDisplayString as a, normalizeClass as d, createBlock as w, withCtx as U, createVNode as u, unref as v } from "vue";
-import { Progress as _ } from "@xto/data";
-import { _ as q } from "./index-IOKG7Gwo.js";
-const x = { class: "dashboard" }, C = { class: "stats-section" }, B = { class: "stat-content" }, M = { class: "stat-title" }, I = {
-  key: 0,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  "stroke-width": "2"
-}, V = {
-  key: 1,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  "stroke-width": "2"
-}, L = { class: "main-section" }, S = { class: "quick-section" }, $ = { class: "quick-grid" }, z = { class: "quick-icon" }, E = { class: "quick-info" }, N = { class: "quick-title" }, P = { class: "quick-desc" }, D = { class: "activity-section" }, F = { class: "activity-list" }, O = { class: "activity-content" }, T = { class: "activity-main" }, X = { class: "activity-user" }, j = { class: "activity-action" }, A = { class: "activity-time" }, G = { class: "system-section" }, H = { class: "system-grid" }, J = { class: "system-info-list" }, K = { class: "info-label" }, Q = { class: "info-value" }, R = { class: "system-status" }, W = { class: "status-item" }, Y = { class: "status-item" }, Z = { class: "status-item" }, ss = /* @__PURE__ */ g({
-  __name: "index",
-  setup(ts) {
-    const p = l([
-      { title: "用户总数", value: 1234, icon: "👥", color: "#1677ff", trend: "+12.5%", trendUp: !0 },
-      { title: "今日访问", value: 567, icon: "👀", color: "#52c41a", trend: "+8.2%", trendUp: !0 },
-      { title: "订单数量", value: 890, icon: "📦", color: "#faad14", trend: "-3.1%", trendUp: !1 },
-      { title: "销售金额", value: 123456, icon: "💰", color: "#ff4d4f", trend: "+15.8%", trendUp: !0 }
-    ]), m = l([
-      { user: "张三", action: "登录系统", time: "2分钟前", type: "success", avatar: "张" },
-      { user: "李四", action: "修改了用户信息", time: "5分钟前", type: "warning", avatar: "李" },
-      { user: "王五", action: "创建了新订单", time: "10分钟前", type: "info", avatar: "王" },
-      { user: "赵六", action: "删除了测试数据", time: "30分钟前", type: "danger", avatar: "赵" },
-      { user: "钱七", action: "更新了系统配置", time: "1小时前", type: "primary", avatar: "钱" }
-    ]), h = l([
-      { title: "用户管理", path: "/system/user", icon: "👤", desc: "管理系统用户" },
-      { title: "角色管理", path: "/system/role", icon: "👥", desc: "角色权限配置" },
-      { title: "菜单管理", path: "/system/menu", icon: "📋", desc: "菜单路由管理" },
-      { title: "系统设置", path: "/system", icon: "⚙️", desc: "系统参数配置" }
-    ]), y = l([
-      { label: "系统版本", value: "v1.0.0" },
-      { label: "Vue 版本", value: "3.4.21" },
-      { label: "构建工具", value: "Vite 5" },
-      { label: "UI 组件库", value: "XTO UI" }
-    ]);
-    return (es, e) => {
-      const f = b("router-link");
-      return i(), o("div", x, [
-        s("div", C, [
-          (i(!0), o(n, null, c(p.value, (t) => (i(), o("div", {
-            key: t.title,
-            class: "stat-card"
-          }, [
-            s("div", {
-              class: "stat-icon",
-              style: r({ background: `linear-gradient(135deg, ${t.color}20 0%, ${t.color}10 100%)` })
-            }, [
-              s("span", null, a(t.icon), 1)
-            ], 4),
-            s("div", B, [
-              s("div", M, a(t.title), 1),
-              s("div", {
-                class: "stat-value",
-                style: r({ color: t.color })
-              }, a(t.value.toLocaleString()), 5),
-              s("div", {
-                class: d(["stat-trend", { up: t.trendUp, down: !t.trendUp }])
-              }, [
-                t.trendUp ? (i(), o("svg", I, [...e[0] || (e[0] = [
-                  s("path", { d: "M7 17l5-5 5 5M7 7l5 5 5-5" }, null, -1)
-                ])])) : (i(), o("svg", V, [...e[1] || (e[1] = [
-                  s("path", { d: "M7 7l5 5 5-5M7 17l5-5 5 5" }, null, -1)
-                ])])),
-                s("span", null, a(t.trend), 1)
-              ], 2)
-            ]),
-            s("div", {
-              class: "stat-decoration",
-              style: r({ background: `linear-gradient(135deg, ${t.color}08 0%, transparent 100%)` })
-            }, null, 4)
-          ]))), 128))
-        ]),
-        s("div", L, [
-          s("div", S, [
-            e[3] || (e[3] = s("div", { class: "section-header" }, [
-              s("h3", null, "快捷入口"),
-              s("span", { class: "section-badge" }, "4 个入口")
-            ], -1)),
-            s("div", $, [
-              (i(!0), o(n, null, c(h.value, (t) => (i(), w(f, {
-                key: t.path,
-                to: t.path,
-                class: "quick-card"
-              }, {
-                default: U(() => [
-                  s("div", z, a(t.icon), 1),
-                  s("div", E, [
-                    s("div", N, a(t.title), 1),
-                    s("div", P, a(t.desc), 1)
-                  ]),
-                  e[2] || (e[2] = s("div", { class: "quick-arrow" }, [
-                    s("svg", {
-                      viewBox: "0 0 24 24",
-                      fill: "none",
-                      stroke: "currentColor",
-                      "stroke-width": "2"
-                    }, [
-                      s("path", { d: "M9 18l6-6-6-6" })
-                    ])
-                  ], -1))
-                ]),
-                _: 2
-              }, 1032, ["to"]))), 128))
-            ])
-          ]),
-          s("div", D, [
-            e[4] || (e[4] = s("div", { class: "section-header" }, [
-              s("h3", null, "最近活动"),
-              s("a", {
-                href: "#",
-                class: "section-link"
-              }, "查看全部")
-            ], -1)),
-            s("div", F, [
-              (i(!0), o(n, null, c(m.value, (t, k) => (i(), o("div", {
-                key: k,
-                class: "activity-item"
-              }, [
-                s("div", {
-                  class: d(["activity-avatar", t.type])
-                }, a(t.avatar), 3),
-                s("div", O, [
-                  s("div", T, [
-                    s("span", X, a(t.user), 1),
-                    s("span", j, a(t.action), 1)
-                  ]),
-                  s("div", A, a(t.time), 1)
-                ]),
-                s("div", {
-                  class: d(["activity-dot", t.type])
-                }, null, 2)
-              ]))), 128))
-            ])
-          ])
-        ]),
-        s("div", G, [
-          e[8] || (e[8] = s("div", { class: "section-header" }, [
-            s("h3", null, "系统信息")
-          ], -1)),
-          s("div", H, [
-            s("div", J, [
-              (i(!0), o(n, null, c(y.value, (t) => (i(), o("div", {
-                key: t.label,
-                class: "info-item"
-              }, [
-                s("span", K, a(t.label), 1),
-                s("span", Q, a(t.value), 1)
-              ]))), 128))
-            ]),
-            s("div", R, [
-              s("div", W, [
-                e[5] || (e[5] = s("div", { class: "status-header" }, [
-                  s("span", { class: "status-label" }, "服务器状态"),
-                  s("span", { class: "status-value" }, "75%")
-                ], -1)),
-                u(v(_), {
-                  percentage: 75,
-                  status: "success"
-                })
-              ]),
-              s("div", Y, [
-                e[6] || (e[6] = s("div", { class: "status-header" }, [
-                  s("span", { class: "status-label" }, "内存使用"),
-                  s("span", { class: "status-value" }, "45%")
-                ], -1)),
-                u(v(_), { percentage: 45 })
-              ]),
-              s("div", Z, [
-                e[7] || (e[7] = s("div", { class: "status-header" }, [
-                  s("span", { class: "status-label" }, "CPU 使用率"),
-                  s("span", { class: "status-value" }, "32%")
-                ], -1)),
-                u(v(_), { percentage: 32 })
-              ])
-            ])
-          ])
-        ])
-      ]);
-    };
-  }
-}), ls = /* @__PURE__ */ q(ss, [["__scopeId", "data-v-406a93af"]]);
-export {
-  ls as default
-};