npm - @yuku123/z-mist-component - Versions diffs - 0.1.0 → 0.1.1 - Mend

@yuku123/z-mist-component 0.1.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/MistApp-BPKuQySt.js +973 -0
package/dist/index.js +1 -1
package/dist/pages.js +682 -623
package/package.json +2 -2
package/dist/MistApp-CBRpXRAw.js +0 -955

package/dist/pages.js CHANGED Viewed

@@ -1,19 +1,20 @@
-import { j as e, S as ce, A as de, a as he, M as pe } from "./MistApp-CBRpXRAw.js";
-import { UserOutlined as se, LockOutlined as G, RiseOutlined as xe, KeyOutlined as ne, ThunderboltOutlined as ue, WarningOutlined as me, CheckCircleOutlined as ge, ArrowLeftOutlined as Y, HistoryOutlined as ye, CopyOutlined as Q, EyeInvisibleOutlined as je, EyeOutlined as fe, RollbackOutlined as we, SwapOutlined as Ie, UnlockOutlined as be, ReloadOutlined as W, PlusOutlined as Se, PlayCircleOutlined as Ce, EditOutlined as Te, DeleteOutlined as ke, SearchOutlined as ve, HomeOutlined as Oe, DashboardOutlined as ze, SafetyOutlined as Ee, AppstoreOutlined as Ae, FileTextOutlined as Re } from "@ant-design/icons";
-import { useState as d, useEffect as B } from "react";
-import { useNavigate as H, useParams as re } from "react-router-dom";
-import { Card as I, Form as x, Input as f, Button as g, message as r, Spin as ae, Row as M, Col as R, Statistic as V, Alert as F, Table as $, Tag as T, Empty as Le, Select as L, Space as K, Descriptions as O, Tabs as Ke, Modal as U, InputNumber as De, Switch as Pe, Typography as Ue } from "antd";
-import { request as u } from "@yuku123/z-frontend-common";
-function Ze() {
-  const i = H(), [p, t] = d(!1), b = async (o) => {
-    t(!0);
+import { j as e, S as xe, A as me, a as ue, M as ge } from "./MistApp-BPKuQySt.js";
+import { UserOutlined as oe, LockOutlined as J, RiseOutlined as ye, KeyOutlined as ce, ThunderboltOutlined as je, WarningOutlined as fe, CheckCircleOutlined as we, ArrowLeftOutlined as Ie, HistoryOutlined as be, CopyOutlined as se, EyeInvisibleOutlined as Te, EyeOutlined as Se, RollbackOutlined as Ce, SwapOutlined as ke, UnlockOutlined as ve, ReloadOutlined as te, PlusOutlined as ze, PlayCircleOutlined as Oe, EditOutlined as Ee, DeleteOutlined as Ae, SearchOutlined as Re, HomeOutlined as Le, DashboardOutlined as Ke, SafetyOutlined as De, AppstoreOutlined as Pe, FileTextOutlined as Ue } from "@ant-design/icons";
+import { useState as i, useEffect as V } from "react";
+import { useNavigate as Q, useParams as de } from "react-router-dom";
+import { Card as S, Form as x, Input as b, Button as T, message as a, Row as Y, Col as L, Statistic as H, Alert as W, Table as $, Tag as v, Select as K, Descriptions as z, Space as N, Tabs as $e, Modal as U, InputNumber as _e, Switch as Fe, Typography as Ne } from "antd";
+import { request as j } from "@yuku123/z-frontend-common";
+import { LoadingState as he, ErrorState as B, EmptyState as F, PageHeader as ne, TableToolbar as pe } from "@yuku123/z-frontend-common/ui";
+function rt() {
+  const r = Q(), [c, s] = i(!1), k = async (d) => {
+    s(!0);
     try {
-      const h = await u.post("/auth/login", o);
-      h.success && h.data && h.data.token ? (localStorage.setItem("token", h.data.token), localStorage.setItem("username", h.data.username || o.username), r.success(`欢迎 ${h.data.username || o.username}`), i("/z-mist/dashboard")) : r.error(h.message || "登录失败");
-    } catch (h) {
-      r.error((h == null ? void 0 : h.message) || "登录失败,请检查网络");
+      const g = await j.post("/auth/login", d);
+      g.success && g.data && g.data.token ? (localStorage.setItem("token", g.data.token), localStorage.setItem("username", g.data.username || d.username), a.success(`欢迎 ${g.data.username || d.username}`), r("/z-mist/dashboard")) : a.error(g.message || "登录失败");
+    } catch (g) {
+      a.error((g == null ? void 0 : g.message) || "登录失败,请检查网络");
     } finally {
-      t(!1);
+      s(!1);
     }
   };
   return /* @__PURE__ */ e.jsx("div", { style: {
@@ -23,7 +24,7 @@ function Ze() {
     alignItems: "center",
     background: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)"
   }, children: /* @__PURE__ */ e.jsxs(
-    I,
+    S,
     {
       title: /* @__PURE__ */ e.jsx("div", { style: { textAlign: "center", fontSize: 24 }, children: "z-mist 密钥管理平台" }),
       style: { width: 400 },
@@ -32,7 +33,7 @@ function Ze() {
           x,
           {
             name: "login",
-            onFinish: b,
+            onFinish: k,
             autoComplete: "off",
             children: [
               /* @__PURE__ */ e.jsx(
@@ -41,9 +42,9 @@ function Ze() {
                   name: "username",
                   rules: [{ required: !0, message: "请输入用户名" }],
                   children: /* @__PURE__ */ e.jsx(
-                    f,
+                    b,
                     {
-                      prefix: /* @__PURE__ */ e.jsx(se, {}),
+                      prefix: /* @__PURE__ */ e.jsx(oe, {}),
                       placeholder: "用户名: admin",
                       size: "large"
                     }
@@ -56,9 +57,9 @@ function Ze() {
                   name: "password",
                   rules: [{ required: !0, message: "请输入密码" }],
                   children: /* @__PURE__ */ e.jsx(
-                    f.Password,
+                    b.Password,
                     {
-                      prefix: /* @__PURE__ */ e.jsx(G, {}),
+                      prefix: /* @__PURE__ */ e.jsx(J, {}),
                       placeholder: "密码: admin",
                       size: "large"
                     }
@@ -66,11 +67,11 @@ function Ze() {
                 }
               ),
               /* @__PURE__ */ e.jsx(x.Item, { children: /* @__PURE__ */ e.jsx(
-                g,
+                T,
                 {
                   type: "primary",
                   htmlType: "submit",
-                  loading: p,
+                  loading: c,
                   size: "large",
                   block: !0,
                   children: "登录"
@@ -84,88 +85,90 @@ function Ze() {
     }
   ) });
 }
-function $e() {
-  const [i, p] = d(null), [t, b] = d([]), [o, h] = d([]), [j, k] = d([]), [m, S] = d(!0);
-  B(() => {
-    a();
+function Be() {
+  const [r, c] = i(null), [s, k] = i([]), [d, g] = i([]), [f, I] = i([]), [C, O] = i(!0), [h, m] = i(null);
+  V(() => {
+    u();
   }, []);
-  const a = async () => {
-    S(!0);
+  const u = async () => {
+    O(!0);
     try {
-      const [c, C, v, n] = await Promise.all([
-        u.get("/stats/overview"),
-        u.get("/stats/daily?days=7"),
-        u.get("/stats/top-secrets?limit=10"),
-        u.get("/stats/expiring")
+      const [l, p, y, t] = await Promise.all([
+        j.get("/stats/overview"),
+        j.get("/stats/daily?days=7"),
+        j.get("/stats/top-secrets?limit=10"),
+        j.get("/stats/expiring")
       ]);
-      c.success && p(c.data), C.success && b(C.data), v.success && h(v.data), n.success && k(n.data);
-    } catch (c) {
-      console.error(c);
+      l.success && c(l.data), p.success && k(p.data), y.success && g(y.data), t.success && I(t.data), m(null);
+    } catch (l) {
+      m(l);
     } finally {
-      S(!1);
+      O(!1);
     }
   };
-  return m ? /* @__PURE__ */ e.jsx(ae, { size: "large", style: { display: "block", margin: 80 } }) : /* @__PURE__ */ e.jsxs("div", { children: [
+  return C ? /* @__PURE__ */ e.jsx(he, { variant: "cards", rows: 4 }) : /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsxs("h2", { style: { marginBottom: 24 }, children: [
-      /* @__PURE__ */ e.jsx(xe, {}),
+      /* @__PURE__ */ e.jsx(ye, {}),
       " z-mist 密钥管理总览"
     ] }),
-    /* @__PURE__ */ e.jsxs(M, { gutter: 16, children: [
-      /* @__PURE__ */ e.jsx(R, { span: 6, children: /* @__PURE__ */ e.jsx(I, { children: /* @__PURE__ */ e.jsx(
-        V,
+    h && /* @__PURE__ */ e.jsx("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ e.jsx(B, { error: h, title: "加载密钥总览失败", onRetry: () => u() }) }),
+    /* @__PURE__ */ e.jsxs(Y, { gutter: 16, children: [
+      /* @__PURE__ */ e.jsx(L, { span: 6, children: /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsx(
+        H,
         {
           title: "密钥总数",
-          value: (i == null ? void 0 : i.totalSecrets) || 0,
-          prefix: /* @__PURE__ */ e.jsx(ne, { style: { color: "#1890ff" } })
+          value: (r == null ? void 0 : r.totalSecrets) || 0,
+          prefix: /* @__PURE__ */ e.jsx(ce, { style: { color: "#1890ff" } })
         }
       ) }) }),
-      /* @__PURE__ */ e.jsx(R, { span: 6, children: /* @__PURE__ */ e.jsx(I, { children: /* @__PURE__ */ e.jsx(
-        V,
+      /* @__PURE__ */ e.jsx(L, { span: 6, children: /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsx(
+        H,
         {
           title: "今日操作次数",
-          value: (i == null ? void 0 : i.todayOps) || 0,
-          prefix: /* @__PURE__ */ e.jsx(ue, { style: { color: "#52c41a" } })
+          value: (r == null ? void 0 : r.todayOps) || 0,
+          prefix: /* @__PURE__ */ e.jsx(je, { style: { color: "#52c41a" } })
         }
       ) }) }),
-      /* @__PURE__ */ e.jsx(R, { span: 6, children: /* @__PURE__ */ e.jsx(I, { children: /* @__PURE__ */ e.jsx(
-        V,
+      /* @__PURE__ */ e.jsx(L, { span: 6, children: /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsx(
+        H,
         {
           title: "今日失败次数",
-          value: (i == null ? void 0 : i.todayFailed) || 0,
-          valueStyle: { color: ((i == null ? void 0 : i.todayFailed) || 0) > 0 ? "#cf1322" : "#3f8600" },
-          prefix: /* @__PURE__ */ e.jsx(me, {})
+          value: (r == null ? void 0 : r.todayFailed) || 0,
+          valueStyle: { color: ((r == null ? void 0 : r.todayFailed) || 0) > 0 ? "#cf1322" : "#3f8600" },
+          prefix: /* @__PURE__ */ e.jsx(fe, {})
         }
       ) }) }),
-      /* @__PURE__ */ e.jsx(R, { span: 6, children: /* @__PURE__ */ e.jsx(I, { children: /* @__PURE__ */ e.jsx(
-        V,
+      /* @__PURE__ */ e.jsx(L, { span: 6, children: /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsx(
+        H,
         {
           title: "成功率",
-          value: (i == null ? void 0 : i.successRate) || 100,
+          value: (r == null ? void 0 : r.successRate) || 100,
           precision: 2,
           suffix: "%",
           valueStyle: { color: "#3f8600" },
-          prefix: /* @__PURE__ */ e.jsx(ge, {})
+          prefix: /* @__PURE__ */ e.jsx(we, {})
         }
       ) }) })
     ] }),
-    j && j.length > 0 && /* @__PURE__ */ e.jsx(
-      F,
+    f && f.length > 0 && /* @__PURE__ */ e.jsx(
+      W,
       {
         style: { marginTop: 16 },
-        message: `警告: ${j.length} 个密钥将在 7 天内过期`,
+        message: `警告: ${f.length} 个密钥将在 7 天内过期`,
         description: "请及时轮换或延期,避免密钥失效影响业务",
         type: "warning",
         showIcon: !0
       }
     ),
-    /* @__PURE__ */ e.jsxs(M, { gutter: 16, style: { marginTop: 16 }, children: [
-      /* @__PURE__ */ e.jsx(R, { span: 12, children: /* @__PURE__ */ e.jsx(I, { title: "近 7 天访问趋势", children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsxs(Y, { gutter: 16, style: { marginTop: 16 }, children: [
+      /* @__PURE__ */ e.jsx(L, { span: 12, children: /* @__PURE__ */ e.jsx(S, { title: "近 7 天访问趋势", children: /* @__PURE__ */ e.jsx(
         $,
         {
           size: "small",
           pagination: !1,
           rowKey: "date",
-          dataSource: t,
+          dataSource: s,
+          locale: { emptyText: /* @__PURE__ */ e.jsx(F, { title: "暂无访问趋势", description: "近 7 天还没有密钥访问记录", size: "sm" }) },
           columns: [
             { title: "日期", dataIndex: "date", width: 110 },
             { title: "GET 次数", dataIndex: "getCount", width: 100 },
@@ -174,17 +177,17 @@ function $e() {
               title: "失败",
               dataIndex: "failedCount",
               width: 80,
-              render: (c) => c > 0 ? /* @__PURE__ */ e.jsx(T, { color: "red", children: c }) : /* @__PURE__ */ e.jsx(T, { color: "green", children: "0" })
+              render: (l) => l > 0 ? /* @__PURE__ */ e.jsx(v, { color: "red", children: l }) : /* @__PURE__ */ e.jsx(v, { color: "green", children: "0" })
             },
             {
               title: "趋势",
-              render: (c, C) => {
-                const v = (C.getCount || 0) + (C.encryptCount || 0), n = Math.min(100, v * 2);
+              render: (l, p) => {
+                const y = (p.getCount || 0) + (p.encryptCount || 0), t = Math.min(100, y * 2);
                 return /* @__PURE__ */ e.jsx("div", { style: { background: "#f0f0f0", height: 8, borderRadius: 4 }, children: /* @__PURE__ */ e.jsx("div", { style: {
                   background: "#1890ff",
                   height: 8,
                   borderRadius: 4,
-                  width: `${n}%`,
+                  width: `${t}%`,
                   transition: "width 0.3s"
                 } }) });
               }
@@ -192,15 +195,15 @@ function $e() {
           ]
         }
       ) }) }),
-      /* @__PURE__ */ e.jsx(R, { span: 12, children: /* @__PURE__ */ e.jsx(I, { title: "TOP 10 访问密钥(7 天)", children: o.length === 0 ? /* @__PURE__ */ e.jsx(Le, { description: "暂无访问数据" }) : /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ e.jsx(L, { span: 12, children: /* @__PURE__ */ e.jsx(S, { title: "TOP 10 访问密钥(7 天)", children: d.length === 0 ? /* @__PURE__ */ e.jsx(F, { title: "暂无访问数据", description: "近 7 天还没有密钥被访问过", size: "sm" }) : /* @__PURE__ */ e.jsx(
         $,
         {
           size: "small",
           pagination: !1,
           rowKey: "secretKey",
-          dataSource: o,
+          dataSource: d,
           columns: [
-            { title: "#", render: (c, C, v) => v + 1, width: 40 },
+            { title: "#", render: (l, p, y) => y + 1, width: 40 },
             {
               title: "密钥标识",
               dataIndex: "secretKey",
@@ -210,19 +213,20 @@ function $e() {
               title: "访问次数",
               dataIndex: "accessCount",
               width: 100,
-              render: (c) => /* @__PURE__ */ e.jsx(T, { color: "blue", children: c })
+              render: (l) => /* @__PURE__ */ e.jsx(v, { color: "blue", children: l })
             }
           ]
         }
       ) }) })
     ] }),
-    j && j.length > 0 && /* @__PURE__ */ e.jsx(I, { title: "即将过期密钥(7 天内)", style: { marginTop: 16 }, children: /* @__PURE__ */ e.jsx(
+    f && f.length > 0 && /* @__PURE__ */ e.jsx(S, { title: "即将过期密钥(7 天内)", style: { marginTop: 16 }, children: /* @__PURE__ */ e.jsx(
       $,
       {
         size: "small",
         pagination: { pageSize: 5 },
         rowKey: "id",
-        dataSource: j,
+        dataSource: f,
+        locale: { emptyText: /* @__PURE__ */ e.jsx(F, { title: "暂无即将过期的密钥", description: "所有密钥的过期时间都在 7 天以外", size: "sm" }) },
         columns: [
           { title: "密钥标识", dataIndex: "secretKey" },
           { title: "名称", dataIndex: "secretName" },
@@ -232,322 +236,357 @@ function $e() {
             title: "过期时间",
             dataIndex: "expireTime",
             width: 180,
-            render: (c) => c ? /* @__PURE__ */ e.jsx(T, { color: "orange", children: new Date(c).toLocaleString() }) : "-"
+            render: (l) => l ? /* @__PURE__ */ e.jsx(v, { color: "orange", children: new Date(l).toLocaleString() }) : "-"
           }
         ]
       }
     ) })
   ] });
 }
-const { Option: P } = L, { TextArea: X } = f;
-function Z() {
-  const i = H(), { id: p } = re(), [t] = x.useForm(), [b, o] = d(!1), h = !!p;
-  B(() => {
-    h && j();
-  }, [p]);
-  const j = async () => {
+const { Option: D } = K, { TextArea: re } = b;
+function P(r, ...c) {
+  if (r) {
+    for (const s of c)
+      if (r[s] !== void 0 && r[s] !== null) return r[s];
+  }
+}
+function ie() {
+  const r = Q(), { id: c } = de(), [s] = x.useForm(), [k, d] = i(!1), [g, f] = i(null), I = !!c;
+  V(() => {
+    I && C();
+  }, [c]);
+  const C = async () => {
     try {
-      const m = await u.get("/secret/list");
-      if (m.success) {
-        const S = m.data.find((a) => String(a.id) === String(p));
-        S && t.setFieldsValue({
-          ...S,
+      const h = await j.get("/secret/list");
+      if (h.success) {
+        const m = h.data.find((u) => String(u.id) === String(c));
+        m && s.setFieldsValue({
+          secretName: P(m, "secret_name", "secretName") || "",
+          secretKey: P(m, "secret_key", "secretKey") || "",
+          group: P(m, "group") || "",
+          appName: P(m, "app_name", "appName") || "",
+          secretType: P(m, "secret_type", "secretType") || "text",
+          encryptAlgorithm: P(m, "encrypt_algorithm", "encryptAlgorithm") || "AES",
+          description: P(m, "description") || "",
+          // 密文不回填到表单: 免得把密文摊在 DOM 里, 也避免把旧密文原样写回去
           encryptedValue: ""
         });
       }
-    } catch {
-      r.error("获取密钥详情失败");
+      f(null);
+    } catch (h) {
+      f(h);
     }
-  }, k = async (m) => {
-    o(!0);
+  }, O = async (h) => {
+    var m, u;
+    d(!0);
     try {
-      const S = {
-        ...m,
-        secretKey: m.secretKey || `secret_${Date.now()}`
+      const l = Number(c), p = {
+        id: I && Number.isFinite(l) ? l : void 0,
+        secret_key: h.secretKey || `secret_${Date.now()}`,
+        secret_name: h.secretName,
+        group: h.group,
+        app_name: h.appName,
+        secret_type: h.secretType,
+        encrypted_value: h.encryptedValue,
+        encrypt_algorithm: h.encryptAlgorithm,
+        description: h.description
       };
-      let a;
-      h ? a = await u.put("/secret", S) : a = await u.post("/secret", S), a.success ? (r.success(h ? "更新成功" : "创建成功"), i("/z-mist/secret")) : r.error(a.message || "操作失败");
-    } catch {
-      r.error("操作失败");
+      Object.keys(p).forEach((t) => {
+        (p[t] === void 0 || p[t] === null) && delete p[t];
+      });
+      let y;
+      I ? y = await j.put("/secret", p) : y = await j.post("/secret", p), y.success ? (a.success(I ? "更新成功" : "创建成功"), r("/z-mist/secret")) : a.error(y.message || "操作失败");
+    } catch (l) {
+      a.error(((u = (m = l == null ? void 0 : l.response) == null ? void 0 : m.data) == null ? void 0 : u.message) || "操作失败");
     } finally {
-      o(!1);
+      d(!1);
     }
   };
   return /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsx(
-      g,
+      T,
       {
-        icon: /* @__PURE__ */ e.jsx(Y, {}),
-        onClick: () => i("/z-mist/secret"),
+        icon: /* @__PURE__ */ e.jsx(Ie, {}),
+        onClick: () => r("/z-mist/secret"),
         style: { marginBottom: 16 },
         children: "返回列表"
       }
     ),
-    /* @__PURE__ */ e.jsx(I, { title: h ? "编辑密钥" : "新增密钥", children: /* @__PURE__ */ e.jsxs(
-      x,
-      {
-        form: t,
-        layout: "vertical",
-        onFinish: k,
-        children: [
-          /* @__PURE__ */ e.jsx(
-            x.Item,
-            {
-              name: "secretName",
-              label: "密钥名称",
-              rules: [{ required: !0, message: "请输入密钥名称" }],
-              children: /* @__PURE__ */ e.jsx(f, { placeholder: "请输入密钥名称" })
-            }
-          ),
-          /* @__PURE__ */ e.jsx(
-            x.Item,
-            {
-              name: "secretKey",
-              label: "密钥标识",
-              rules: [{ required: !0, message: "请输入密钥标识" }],
-              children: /* @__PURE__ */ e.jsx(f, { placeholder: "请输入密钥标识，如: database/password", disabled: h })
-            }
-          ),
-          /* @__PURE__ */ e.jsx(
-            x.Item,
-            {
-              name: "group",
-              label: "分组",
-              initialValue: "DEFAULT_GROUP",
-              children: /* @__PURE__ */ e.jsx(f, { placeholder: "请输入分组" })
-            }
-          ),
-          /* @__PURE__ */ e.jsx(
-            x.Item,
-            {
-              name: "appName",
-              label: "应用名",
-              children: /* @__PURE__ */ e.jsx(f, { placeholder: "请输入应用名" })
-            }
-          ),
-          /* @__PURE__ */ e.jsx(
-            x.Item,
-            {
-              name: "secretType",
-              label: "密钥类型",
-              initialValue: "text",
-              children: /* @__PURE__ */ e.jsxs(L, { placeholder: "请选择密钥类型", children: [
-                /* @__PURE__ */ e.jsx(P, { value: "text", children: "文本" }),
-                /* @__PURE__ */ e.jsx(P, { value: "password", children: "密码" }),
-                /* @__PURE__ */ e.jsx(P, { value: "cert", children: "证书" }),
-                /* @__PURE__ */ e.jsx(P, { value: "key", children: "密钥" }),
-                /* @__PURE__ */ e.jsx(P, { value: "api_key", children: "API Key" })
-              ] })
-            }
-          ),
-          /* @__PURE__ */ e.jsx(
-            x.Item,
-            {
-              name: "encryptedValue",
-              label: "密钥值",
-              rules: [{ required: !0, message: "请输入密钥值" }],
-              children: /* @__PURE__ */ e.jsx(X, { rows: 4, placeholder: "请输入密钥值" })
-            }
-          ),
-          /* @__PURE__ */ e.jsx(
-            x.Item,
-            {
-              name: "encryptAlgorithm",
-              label: "加密算法",
-              initialValue: "AES",
-              children: /* @__PURE__ */ e.jsxs(L, { placeholder: "请选择加密算法", children: [
-                /* @__PURE__ */ e.jsx(P, { value: "AES", children: "AES" }),
-                /* @__PURE__ */ e.jsx(P, { value: "RSA", children: "RSA" })
-              ] })
-            }
-          ),
-          /* @__PURE__ */ e.jsx(
-            x.Item,
-            {
-              name: "description",
-              label: "描述",
-              children: /* @__PURE__ */ e.jsx(X, { rows: 2, placeholder: "请输入描述" })
-            }
-          ),
-          /* @__PURE__ */ e.jsxs(x.Item, { children: [
-            /* @__PURE__ */ e.jsx(g, { type: "primary", htmlType: "submit", loading: b, children: h ? "更新" : "创建" }),
-            /* @__PURE__ */ e.jsx(g, { onClick: () => i("/z-mist/secret"), style: { marginLeft: 8 }, children: "取消" })
-          ] })
-        ]
-      }
-    ) })
+    /* @__PURE__ */ e.jsxs(S, { title: I ? "编辑密钥" : "新增密钥", children: [
+      g && /* @__PURE__ */ e.jsx("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ e.jsx(B, { error: g, title: "获取密钥详情失败", onRetry: () => C() }) }),
+      /* @__PURE__ */ e.jsxs(
+        x,
+        {
+          form: s,
+          layout: "vertical",
+          onFinish: O,
+          children: [
+            /* @__PURE__ */ e.jsx(
+              x.Item,
+              {
+                name: "secretName",
+                label: "密钥名称",
+                rules: [{ required: !0, message: "请输入密钥名称" }],
+                children: /* @__PURE__ */ e.jsx(b, { placeholder: "请输入密钥名称" })
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              x.Item,
+              {
+                name: "secretKey",
+                label: "密钥标识",
+                rules: [{ required: !0, message: "请输入密钥标识" }],
+                children: /* @__PURE__ */ e.jsx(b, { placeholder: "请输入密钥标识，如: database/password", disabled: I })
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              x.Item,
+              {
+                name: "group",
+                label: "分组",
+                initialValue: "DEFAULT_GROUP",
+                children: /* @__PURE__ */ e.jsx(b, { placeholder: "请输入分组" })
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              x.Item,
+              {
+                name: "appName",
+                label: "应用名",
+                children: /* @__PURE__ */ e.jsx(b, { placeholder: "请输入应用名" })
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              x.Item,
+              {
+                name: "secretType",
+                label: "密钥类型",
+                initialValue: "text",
+                children: /* @__PURE__ */ e.jsxs(K, { placeholder: "请选择密钥类型", children: [
+                  /* @__PURE__ */ e.jsx(D, { value: "text", children: "文本" }),
+                  /* @__PURE__ */ e.jsx(D, { value: "password", children: "密码" }),
+                  /* @__PURE__ */ e.jsx(D, { value: "cert", children: "证书" }),
+                  /* @__PURE__ */ e.jsx(D, { value: "key", children: "密钥" }),
+                  /* @__PURE__ */ e.jsx(D, { value: "api_key", children: "API Key" })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              x.Item,
+              {
+                name: "encryptedValue",
+                label: "密钥值",
+                rules: [{ required: !0, message: "请输入密钥值" }],
+                children: /* @__PURE__ */ e.jsx(re, { rows: 4, placeholder: "请输入密钥值" })
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              x.Item,
+              {
+                name: "encryptAlgorithm",
+                label: "加密算法",
+                initialValue: "AES",
+                children: /* @__PURE__ */ e.jsxs(K, { placeholder: "请选择加密算法", children: [
+                  /* @__PURE__ */ e.jsx(D, { value: "AES", children: "AES" }),
+                  /* @__PURE__ */ e.jsx(D, { value: "RSA", children: "RSA" })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              x.Item,
+              {
+                name: "description",
+                label: "描述",
+                children: /* @__PURE__ */ e.jsx(re, { rows: 2, placeholder: "请输入描述" })
+              }
+            ),
+            /* @__PURE__ */ e.jsxs(x.Item, { children: [
+              /* @__PURE__ */ e.jsx(T, { type: "primary", htmlType: "submit", loading: k, children: I ? "更新" : "创建" }),
+              /* @__PURE__ */ e.jsx(T, { onClick: () => r("/z-mist/secret"), style: { marginLeft: 8 }, children: "取消" })
+            ] })
+          ]
+        }
+      )
+    ] })
   ] });
 }
-const { TextArea: et } = f;
-function _e() {
-  const i = H(), { id: p } = re(), [t, b] = d(null), [o, h] = d([]), [j, k] = d([]), [m, S] = d(""), [a, c] = d(!1), [C, v] = d(!0), [n, A] = d(!1);
-  B(() => {
-    p && (w(), D(), s());
-  }, [p]);
-  const w = async () => {
-    v(!0);
+const { TextArea: it } = b;
+function Ve() {
+  const r = Q(), { id: c } = de(), [s, k] = i(null), [d, g] = i([]), [f, I] = i([]), [C, O] = i(""), [h, m] = i(!1), [u, l] = i(!0), [p, y] = i(!1);
+  V(() => {
+    c && (t(), E(), M());
+  }, [c]);
+  const t = async () => {
+    l(!0);
     try {
-      const l = await u.get("/secret/list");
-      if (l.success) {
-        const y = (l.data || []).find((E) => String(E.id) === String(p));
-        b(y || null), y && s(y);
+      const o = await j.get("/secret/list");
+      if (o.success) {
+        const w = (o.data || []).find((R) => String(R.id) === String(c));
+        k(w || null), w && M(w);
       }
     } catch {
-      r.error("获取密钥详情失败");
+      a.error("获取密钥详情失败");
     } finally {
-      v(!1);
+      l(!1);
     }
-  }, D = async () => {
-    const l = await u.get("/secret/list");
-    if (l.success) {
-      const y = (l.data || []).find((E) => String(E.id) === String(p));
-      if (y) {
-        const E = await u.get(
-          `/secret/history/list?secretKey=${encodeURIComponent(y.secretKey)}&group=${encodeURIComponent(y.group || "DEFAULT_GROUP")}&namespace=${encodeURIComponent(y.namespace || "")}`
+  }, E = async () => {
+    const o = await j.get("/secret/list");
+    if (o.success) {
+      const w = (o.data || []).find((R) => String(R.id) === String(c));
+      if (w) {
+        const R = await j.get(
+          `/secret/history/list?secretKey=${encodeURIComponent(w.secretKey)}&group=${encodeURIComponent(w.group || "DEFAULT_GROUP")}&namespace=${encodeURIComponent(w.namespace || "")}`
         );
-        E.success && h(E.data || []);
+        R.success && g(R.data || []);
       }
     }
-  }, s = async (l) => {
-    const y = l || t;
-    if (!y) return;
-    const E = await u.get(
-      `/tag/by-secret?secretKey=${encodeURIComponent(y.secretKey)}&group=${encodeURIComponent(y.group || "DEFAULT_GROUP")}&namespace=${encodeURIComponent(y.namespace || "")}`
+  }, M = async (o) => {
+    const w = o || s;
+    if (!w) return;
+    const R = await j.get(
+      `/tag/by-secret?secretKey=${encodeURIComponent(w.secretKey)}&group=${encodeURIComponent(w.group || "DEFAULT_GROUP")}&namespace=${encodeURIComponent(w.namespace || "")}`
     );
-    E.success && k(E.data || []);
-  }, z = async () => {
-    if (t) {
-      A(!0);
+    R.success && I(R.data || []);
+  }, X = async () => {
+    if (s) {
+      y(!0);
       try {
-        const l = await u.get(
-          `/secret/plain?secretKey=${encodeURIComponent(t.secretKey)}&group=${encodeURIComponent(t.group || "DEFAULT_GROUP")}&namespace=${encodeURIComponent(t.namespace || "")}`
+        const o = await j.get(
+          `/secret/plain?secretKey=${encodeURIComponent(s.secretKey)}&group=${encodeURIComponent(s.group || "DEFAULT_GROUP")}&namespace=${encodeURIComponent(s.namespace || "")}`
         );
-        l.success ? (S(l.data), c(!0)) : r.error(l.message || "解密失败");
+        o.success ? (O(o.data), m(!0)) : a.error(o.message || "解密失败");
       } catch {
-        r.error("解密请求失败");
+        a.error("解密请求失败");
       } finally {
-        A(!1);
+        y(!1);
       }
     }
-  }, J = (l) => {
-    navigator.clipboard ? navigator.clipboard.writeText(l).then(() => {
-      r.success("已复制");
-    }).catch(() => r.error("复制失败")) : r.warning("当前浏览器不支持剪贴板 API");
-  }, ie = async () => {
-    t && U.confirm({
+  }, G = (o) => {
+    navigator.clipboard ? navigator.clipboard.writeText(o).then(() => {
+      a.success("已复制");
+    }).catch(() => a.error("复制失败")) : a.warning("当前浏览器不支持剪贴板 API");
+  }, Z = async () => {
+    s && U.confirm({
       title: "确认轮换密钥?",
-      content: `将重新生成 ${t.secretKey} 的值并自增版本号`,
+      content: `将重新生成 ${s.secretKey} 的值并自增版本号`,
       onOk: async () => {
-        const l = await u.post(
-          `/secret/rotate?secretKey=${encodeURIComponent(t.secretKey)}&group=${encodeURIComponent(t.group || "DEFAULT_GROUP")}&namespace=${encodeURIComponent(t.namespace || "")}&newValueLength=32`
+        const o = await j.post(
+          `/secret/rotate?secretKey=${encodeURIComponent(s.secretKey)}&group=${encodeURIComponent(s.group || "DEFAULT_GROUP")}&namespace=${encodeURIComponent(s.namespace || "")}&newValueLength=32`
         );
-        l.success ? (r.success("轮换成功"), w(), D()) : r.error(l.message || "轮换失败");
+        o.success ? (a.success("轮换成功"), t(), E()) : a.error(o.message || "轮换失败");
       }
     });
-  }, le = (l) => {
+  }, n = (o) => {
     U.confirm({
       title: "确认回滚到该历史版本?",
       content: "回滚会生成一个新版本,旧值会被快照保留",
       onOk: async () => {
-        const y = await u.post(`/secret/rollback?historyId=${l}`);
-        y.success ? (r.success("回滚成功"), w(), D()) : r.error(y.message || "回滚失败");
+        const w = await j.post(`/secret/rollback?historyId=${o}`);
+        w.success ? (a.success("回滚成功"), t(), E()) : a.error(w.message || "回滚失败");
       }
     });
-  }, oe = () => {
-    let l = 3600;
+  }, A = () => {
+    let o = 3600;
     U.confirm({
       title: "生成动态密钥(带 TTL)",
       content: /* @__PURE__ */ e.jsxs("div", { children: [
         /* @__PURE__ */ e.jsxs("p", { children: [
           "关联密钥: ",
-          t == null ? void 0 : t.secretKey
+          s == null ? void 0 : s.secretKey
         ] }),
-        /* @__PURE__ */ e.jsx(f, { defaultValue: "3600", addonAfter: "秒", id: "dyn-ttl" })
+        /* @__PURE__ */ e.jsx(b, { defaultValue: "3600", addonAfter: "秒", id: "dyn-ttl" })
       ] }),
       onOk: async () => {
-        const y = document.getElementById("dyn-ttl");
-        l = parseInt((y == null ? void 0 : y.value) || "3600");
-        const E = await u.post(
-          `/secret/dynamic/generate?secretKey=${encodeURIComponent(t.secretKey)}&group=${encodeURIComponent(t.group || "DEFAULT_GROUP")}&namespace=${encodeURIComponent(t.namespace || "")}&ttlSeconds=${l}`
+        const w = document.getElementById("dyn-ttl");
+        o = parseInt((w == null ? void 0 : w.value) || "3600");
+        const R = await j.post(
+          `/secret/dynamic/generate?secretKey=${encodeURIComponent(s.secretKey)}&group=${encodeURIComponent(s.group || "DEFAULT_GROUP")}&namespace=${encodeURIComponent(s.namespace || "")}&ttlSeconds=${o}`
         );
-        E.success ? U.info({
+        R.success ? U.info({
           title: "动态密钥生成成功",
           content: /* @__PURE__ */ e.jsxs("div", { children: [
             /* @__PURE__ */ e.jsx("p", { children: "dynKey (UUID): " }),
-            /* @__PURE__ */ e.jsx(f.TextArea, { rows: 3, value: E.data, readOnly: !0 }),
+            /* @__PURE__ */ e.jsx(b.TextArea, { rows: 3, value: R.data, readOnly: !0 }),
             /* @__PURE__ */ e.jsxs("p", { style: { marginTop: 8, color: "#999", fontSize: 12 }, children: [
               "TTL: ",
-              l,
+              o,
               " 秒,过期自动失效"
             ] })
           ] })
-        }) : r.error(E.message || "生成失败");
+        }) : a.error(R.message || "生成失败");
       }
     });
   };
-  return C ? /* @__PURE__ */ e.jsx(ae, { size: "large", style: { display: "block", margin: 80 } }) : t ? /* @__PURE__ */ e.jsxs("div", { children: [
-    /* @__PURE__ */ e.jsxs(K, { style: { marginBottom: 16 }, children: [
-      /* @__PURE__ */ e.jsx(g, { icon: /* @__PURE__ */ e.jsx(Y, {}), onClick: () => i("/z-mist/secret"), children: "返回列表" }),
-      /* @__PURE__ */ e.jsx(g, { icon: /* @__PURE__ */ e.jsx(ye, {}), onClick: ie, type: "primary", children: "立即轮换" }),
-      /* @__PURE__ */ e.jsx(g, { onClick: oe, children: "生成动态密钥" })
-    ] }),
-    /* @__PURE__ */ e.jsx(I, { title: `密钥详情: ${t.secretName || t.secretKey}`, children: /* @__PURE__ */ e.jsxs(O, { column: 2, bordered: !0, size: "small", children: [
-      /* @__PURE__ */ e.jsx(O.Item, { label: "密钥标识", children: t.secretKey }),
-      /* @__PURE__ */ e.jsx(O.Item, { label: "密钥名称", children: t.secretName }),
-      /* @__PURE__ */ e.jsx(O.Item, { label: "分组", children: t.group }),
-      /* @__PURE__ */ e.jsx(O.Item, { label: "命名空间", children: t.namespace }),
-      /* @__PURE__ */ e.jsx(O.Item, { label: "应用", children: t.appName || "-" }),
-      /* @__PURE__ */ e.jsx(O.Item, { label: "类型", children: /* @__PURE__ */ e.jsx(T, { color: "blue", children: t.secretType }) }),
-      /* @__PURE__ */ e.jsx(O.Item, { label: "加密算法", children: /* @__PURE__ */ e.jsx(T, { color: "purple", children: t.encryptAlgorithm }) }),
-      /* @__PURE__ */ e.jsx(O.Item, { label: "版本", children: t.keyVersion }),
-      /* @__PURE__ */ e.jsx(O.Item, { label: "MD5 指纹", children: /* @__PURE__ */ e.jsx("code", { children: t.valueMd5 }) }),
-      /* @__PURE__ */ e.jsx(O.Item, { label: "过期时间", children: t.expireTime ? /* @__PURE__ */ e.jsx(T, { color: "orange", children: new Date(t.expireTime).toLocaleString() }) : "-" }),
-      /* @__PURE__ */ e.jsx(O.Item, { label: "创建时间", span: 2, children: t.gmtCreate ? new Date(t.gmtCreate).toLocaleString() : "-" }),
-      /* @__PURE__ */ e.jsx(O.Item, { label: "密文(Base64)", span: 2, children: /* @__PURE__ */ e.jsx(
-        f.TextArea,
+  return u ? /* @__PURE__ */ e.jsx(he, { variant: "detail" }) : s ? /* @__PURE__ */ e.jsxs("div", { children: [
+    /* @__PURE__ */ e.jsx(
+      ne,
+      {
+        title: `密钥详情: ${s.secretName || s.secretKey}`,
+        back: !0,
+        onBack: () => r("/z-mist/secret"),
+        extra: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx(T, { icon: /* @__PURE__ */ e.jsx(be, {}), onClick: Z, type: "primary", children: "立即轮换" }),
+          /* @__PURE__ */ e.jsx(T, { onClick: A, children: "生成动态密钥" })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsxs(z, { column: 2, bordered: !0, size: "small", children: [
+      /* @__PURE__ */ e.jsx(z.Item, { label: "密钥标识", children: s.secretKey }),
+      /* @__PURE__ */ e.jsx(z.Item, { label: "密钥名称", children: s.secretName }),
+      /* @__PURE__ */ e.jsx(z.Item, { label: "分组", children: s.group }),
+      /* @__PURE__ */ e.jsx(z.Item, { label: "命名空间", children: s.namespace }),
+      /* @__PURE__ */ e.jsx(z.Item, { label: "应用", children: s.appName || "-" }),
+      /* @__PURE__ */ e.jsx(z.Item, { label: "类型", children: /* @__PURE__ */ e.jsx(v, { color: "blue", children: s.secretType }) }),
+      /* @__PURE__ */ e.jsx(z.Item, { label: "加密算法", children: /* @__PURE__ */ e.jsx(v, { color: "purple", children: s.encryptAlgorithm }) }),
+      /* @__PURE__ */ e.jsx(z.Item, { label: "版本", children: s.keyVersion }),
+      /* @__PURE__ */ e.jsx(z.Item, { label: "MD5 指纹", children: /* @__PURE__ */ e.jsx("code", { children: s.valueMd5 }) }),
+      /* @__PURE__ */ e.jsx(z.Item, { label: "过期时间", children: s.expireTime ? /* @__PURE__ */ e.jsx(v, { color: "orange", children: new Date(s.expireTime).toLocaleString() }) : "-" }),
+      /* @__PURE__ */ e.jsx(z.Item, { label: "创建时间", span: 2, children: s.gmtCreate ? new Date(s.gmtCreate).toLocaleString() : "-" }),
+      /* @__PURE__ */ e.jsx(z.Item, { label: "密文(Base64)", span: 2, children: /* @__PURE__ */ e.jsx(
+        b.TextArea,
         {
           rows: 3,
-          value: t.encryptedValue,
+          value: s.encryptedValue,
           readOnly: !0,
-          addonAfter: /* @__PURE__ */ e.jsx(Q, { onClick: () => J(t.encryptedValue) })
+          addonAfter: /* @__PURE__ */ e.jsx(se, { onClick: () => G(s.encryptedValue) })
         }
       ) }),
-      /* @__PURE__ */ e.jsx(O.Item, { label: "明文", span: 2, children: /* @__PURE__ */ e.jsxs(K.Compact, { style: { width: "100%" }, children: [
+      /* @__PURE__ */ e.jsx(z.Item, { label: "明文", span: 2, children: /* @__PURE__ */ e.jsxs(N.Compact, { style: { width: "100%" }, children: [
         /* @__PURE__ */ e.jsx(
-          f,
+          b,
           {
-            type: a ? "text" : "password",
-            value: m,
+            type: h ? "text" : "password",
+            value: C,
             readOnly: !0,
             placeholder: "点击右侧按钮获取明文(将记录访问日志)"
           }
         ),
         /* @__PURE__ */ e.jsx(
-          g,
+          T,
           {
-            icon: a ? /* @__PURE__ */ e.jsx(je, {}) : /* @__PURE__ */ e.jsx(fe, {}),
-            onClick: () => a ? c(!1) : z(),
-            loading: n,
-            children: a ? "隐藏" : "查看"
+            icon: h ? /* @__PURE__ */ e.jsx(Te, {}) : /* @__PURE__ */ e.jsx(Se, {}),
+            onClick: () => h ? m(!1) : X(),
+            loading: p,
+            children: h ? "隐藏" : "查看"
           }
         ),
-        a && /* @__PURE__ */ e.jsx(g, { icon: /* @__PURE__ */ e.jsx(Q, {}), onClick: () => J(m), children: "复制" })
+        h && /* @__PURE__ */ e.jsx(T, { icon: /* @__PURE__ */ e.jsx(se, {}), onClick: () => G(C), children: "复制" })
       ] }) }),
-      /* @__PURE__ */ e.jsx(O.Item, { label: "描述", span: 2, children: t.description || "-" })
+      /* @__PURE__ */ e.jsx(z.Item, { label: "描述", span: 2, children: s.description || "-" })
     ] }) }),
-    /* @__PURE__ */ e.jsx(I, { style: { marginTop: 16 }, children: /* @__PURE__ */ e.jsx(
-      Ke,
+    /* @__PURE__ */ e.jsx(S, { style: { marginTop: 16 }, children: /* @__PURE__ */ e.jsx(
+      $e,
       {
         items: [
           {
             key: "history",
-            label: `历史版本 (${o.length})`,
+            label: `历史版本 (${d.length})`,
             children: /* @__PURE__ */ e.jsx(
               $,
               {
                 size: "small",
                 rowKey: "id",
-                dataSource: o,
+                dataSource: d,
                 pagination: { pageSize: 10 },
                 columns: [
                   { title: "ID", dataIndex: "id", width: 60 },
@@ -556,26 +595,26 @@ function _e() {
                     title: "操作类型",
                     dataIndex: "opType",
                     width: 100,
-                    render: (l) => /* @__PURE__ */ e.jsx(T, { children: l })
+                    render: (o) => /* @__PURE__ */ e.jsx(v, { children: o })
                   },
                   { title: "MD5 指纹", dataIndex: "valueMd5", ellipsis: !0 },
                   {
                     title: "创建时间",
                     dataIndex: "gmtCreate",
                     width: 180,
-                    render: (l) => l ? new Date(l).toLocaleString() : "-"
+                    render: (o) => o ? new Date(o).toLocaleString() : "-"
                   },
                   {
                     title: "操作",
                     width: 120,
                     fixed: "right",
-                    render: (l, y) => /* @__PURE__ */ e.jsx(
-                      g,
+                    render: (o, w) => /* @__PURE__ */ e.jsx(
+                      T,
                       {
                         type: "link",
-                        icon: /* @__PURE__ */ e.jsx(we, {}),
-                        onClick: () => le(y.id),
-                        disabled: y.opType === "ROLLBACK",
+                        icon: /* @__PURE__ */ e.jsx(Ce, {}),
+                        onClick: () => n(w.id),
+                        disabled: w.opType === "ROLLBACK",
                         children: "回滚"
                       }
                     )
@@ -586,65 +625,65 @@ function _e() {
           },
           {
             key: "tags",
-            label: `标签 (${j.length})`,
-            children: /* @__PURE__ */ e.jsx("div", { children: j.length === 0 ? /* @__PURE__ */ e.jsx(F, { message: "暂无标签,可通过 /api/tag 添加", type: "info" }) : /* @__PURE__ */ e.jsx(K, { wrap: !0, children: j.map((l) => /* @__PURE__ */ e.jsxs(T, { color: "geekblue", children: [
-              l.tagKey,
+            label: `标签 (${f.length})`,
+            children: /* @__PURE__ */ e.jsx("div", { children: f.length === 0 ? /* @__PURE__ */ e.jsx(W, { message: "暂无标签,可通过 /api/tag 添加", type: "info" }) : /* @__PURE__ */ e.jsx(N, { wrap: !0, children: f.map((o) => /* @__PURE__ */ e.jsxs(v, { color: "geekblue", children: [
+              o.tagKey,
               "=",
-              l.tagValue
-            ] }, l.id)) }) })
+              o.tagValue
+            ] }, o.id)) }) })
           }
         ]
       }
     ) })
   ] }) : /* @__PURE__ */ e.jsxs("div", { children: [
-    /* @__PURE__ */ e.jsx(g, { icon: /* @__PURE__ */ e.jsx(Y, {}), onClick: () => i("/z-mist/secret"), children: "返回" }),
-    /* @__PURE__ */ e.jsx(F, { type: "error", message: "密钥不存在", style: { marginTop: 16 } })
+    /* @__PURE__ */ e.jsx(ne, { title: "密钥详情", back: !0, onBack: () => r("/z-mist/secret") }),
+    /* @__PURE__ */ e.jsx(B, { title: "密钥不存在", description: "该密钥可能已被删除，返回列表重新选择" })
   ] });
 }
-const { TextArea: N } = f, { Option: ee } = L;
-function Be() {
-  const [i, p] = d("AES"), [t, b] = d(""), [o, h] = d(""), [j, k] = d(""), [m, S] = d(""), [a, c] = d(!1), C = async () => {
-    if (!t) {
-      r.warning("请输入明文");
+const { TextArea: q } = b, { Option: ae } = K;
+function Me() {
+  const [r, c] = i("AES"), [s, k] = i(""), [d, g] = i(""), [f, I] = i(""), [C, O] = i(""), [h, m] = i(!1), u = async () => {
+    if (!s) {
+      a.warning("请输入明文");
       return;
     }
-    c(!0);
+    m(!0);
     try {
-      const w = await u.post("/eaas/encrypt", {
-        plainText: t,
-        algorithm: i
+      const t = await j.post("/eaas/encrypt", {
+        plainText: s,
+        algorithm: r
       });
-      w.success ? (h(w.data), r.success("加密成功")) : r.error(w.message || "加密失败");
+      t.success ? (g(t.data), a.success("加密成功")) : a.error(t.message || "加密失败");
     } catch {
-      r.error("加密请求失败");
+      a.error("加密请求失败");
     } finally {
-      c(!1);
+      m(!1);
     }
-  }, v = async () => {
-    if (!j) {
-      r.warning("请输入密文");
+  }, l = async () => {
+    if (!f) {
+      a.warning("请输入密文");
       return;
     }
-    c(!0);
+    m(!0);
     try {
-      const w = await u.post("/eaas/decrypt", {
-        cipherText: j,
-        algorithm: i
+      const t = await j.post("/eaas/decrypt", {
+        cipherText: f,
+        algorithm: r
       });
-      w.success ? (S(w.data), r.success("解密成功")) : r.error(w.message || "解密失败");
+      t.success ? (O(t.data), a.success("解密成功")) : a.error(t.message || "解密失败");
     } catch {
-      r.error("解密请求失败");
+      a.error("解密请求失败");
     } finally {
-      c(!1);
+      m(!1);
     }
-  }, n = (w, D) => {
-    navigator.clipboard && navigator.clipboard.writeText(w).then(() => r.success(`${D}已复制`));
-  }, A = () => {
-    k(o), b(""), h(""), r.info("已把加密结果搬到解密输入框");
+  }, p = (t, E) => {
+    navigator.clipboard && navigator.clipboard.writeText(t).then(() => a.success(`${E}已复制`));
+  }, y = () => {
+    I(d), k(""), g(""), a.info("已把加密结果搬到解密输入框");
   };
   return /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsx(
-      F,
+      W,
       {
         type: "info",
         showIcon: !0,
@@ -653,11 +692,11 @@ function Be() {
         style: { marginBottom: 16 }
       }
     ),
-    /* @__PURE__ */ e.jsxs(M, { gutter: 16, children: [
-      /* @__PURE__ */ e.jsx(R, { span: 2, children: /* @__PURE__ */ e.jsxs(I, { title: "算法", children: [
-        /* @__PURE__ */ e.jsxs(L, { value: i, onChange: p, style: { width: "100%" }, children: [
-          /* @__PURE__ */ e.jsx(ee, { value: "AES", children: "AES" }),
-          /* @__PURE__ */ e.jsx(ee, { value: "RSA", children: "RSA" })
+    /* @__PURE__ */ e.jsxs(Y, { gutter: 16, children: [
+      /* @__PURE__ */ e.jsx(L, { span: 2, children: /* @__PURE__ */ e.jsxs(S, { title: "算法", children: [
+        /* @__PURE__ */ e.jsxs(K, { value: r, onChange: c, style: { width: "100%" }, children: [
+          /* @__PURE__ */ e.jsx(ae, { value: "AES", children: "AES" }),
+          /* @__PURE__ */ e.jsx(ae, { value: "RSA", children: "RSA" })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { style: { marginTop: 16, fontSize: 12, color: "#999" }, children: [
           "AES: 对称加密,速度快,适合大数据",
@@ -665,85 +704,85 @@ function Be() {
           "RSA: 非对称加密,密文较长,适合小数据/密钥交换"
         ] })
       ] }) }),
-      /* @__PURE__ */ e.jsx(R, { span: 11, children: /* @__PURE__ */ e.jsxs(
-        I,
+      /* @__PURE__ */ e.jsx(L, { span: 11, children: /* @__PURE__ */ e.jsxs(
+        S,
         {
           title: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-            /* @__PURE__ */ e.jsx(G, {}),
+            /* @__PURE__ */ e.jsx(J, {}),
             " 加密"
           ] }),
-          extra: /* @__PURE__ */ e.jsxs(K, { children: [
-            /* @__PURE__ */ e.jsx(g, { onClick: A, icon: /* @__PURE__ */ e.jsx(Ie, {}), size: "small", children: "密文→解密" }),
-            /* @__PURE__ */ e.jsx(g, { type: "primary", onClick: C, loading: a, children: "加密" })
+          extra: /* @__PURE__ */ e.jsxs(N, { children: [
+            /* @__PURE__ */ e.jsx(T, { onClick: y, icon: /* @__PURE__ */ e.jsx(ke, {}), size: "small", children: "密文→解密" }),
+            /* @__PURE__ */ e.jsx(T, { type: "primary", onClick: u, loading: h, children: "加密" })
           ] }),
           children: [
             /* @__PURE__ */ e.jsx("div", { style: { marginBottom: 8 }, children: "明文:" }),
             /* @__PURE__ */ e.jsx(
-              N,
+              q,
               {
                 rows: 4,
-                value: t,
-                onChange: (w) => b(w.target.value),
+                value: s,
+                onChange: (t) => k(t.target.value),
                 placeholder: "输入任意明文,例如: my-secret-password-123"
               }
             ),
             /* @__PURE__ */ e.jsx("div", { style: { marginTop: 12, marginBottom: 8 }, children: "密文 (Base64):" }),
             /* @__PURE__ */ e.jsx(
-              N,
+              q,
               {
                 rows: 4,
-                value: o,
+                value: d,
                 readOnly: !0,
                 placeholder: "加密结果会显示在这里"
               }
             ),
-            o && /* @__PURE__ */ e.jsx(
-              g,
+            d && /* @__PURE__ */ e.jsx(
+              T,
               {
                 style: { marginTop: 8 },
                 size: "small",
-                onClick: () => n(o, "密文"),
+                onClick: () => p(d, "密文"),
                 children: "复制密文"
               }
             )
           ]
         }
       ) }),
-      /* @__PURE__ */ e.jsx(R, { span: 11, children: /* @__PURE__ */ e.jsxs(
-        I,
+      /* @__PURE__ */ e.jsx(L, { span: 11, children: /* @__PURE__ */ e.jsxs(
+        S,
         {
           title: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-            /* @__PURE__ */ e.jsx(be, {}),
+            /* @__PURE__ */ e.jsx(ve, {}),
             " 解密"
           ] }),
-          extra: /* @__PURE__ */ e.jsx(g, { type: "primary", onClick: v, loading: a, children: "解密" }),
+          extra: /* @__PURE__ */ e.jsx(T, { type: "primary", onClick: l, loading: h, children: "解密" }),
           children: [
             /* @__PURE__ */ e.jsx("div", { style: { marginBottom: 8 }, children: "密文 (Base64):" }),
             /* @__PURE__ */ e.jsx(
-              N,
+              q,
               {
                 rows: 4,
-                value: j,
-                onChange: (w) => k(w.target.value),
+                value: f,
+                onChange: (t) => I(t.target.value),
                 placeholder: "粘贴 Base64 密文"
               }
             ),
             /* @__PURE__ */ e.jsx("div", { style: { marginTop: 12, marginBottom: 8 }, children: "明文:" }),
             /* @__PURE__ */ e.jsx(
-              N,
+              q,
               {
                 rows: 4,
-                value: m,
+                value: C,
                 readOnly: !0,
                 placeholder: "解密结果会显示在这里"
               }
             ),
-            m && /* @__PURE__ */ e.jsx(
-              g,
+            C && /* @__PURE__ */ e.jsx(
+              T,
               {
                 style: { marginTop: 8 },
                 size: "small",
-                onClick: () => n(m, "明文"),
+                onClick: () => p(C, "明文"),
                 children: "复制明文"
               }
             )
@@ -751,9 +790,9 @@ function Be() {
         }
       ) })
     ] }),
-    /* @__PURE__ */ e.jsxs(I, { title: "信封加密(Envelope Encryption)", style: { marginTop: 16 }, children: [
+    /* @__PURE__ */ e.jsxs(S, { title: "信封加密(Envelope Encryption)", style: { marginTop: 16 }, children: [
       /* @__PURE__ */ e.jsx(
-        F,
+        W,
         {
           type: "warning",
           showIcon: !0,
@@ -775,79 +814,85 @@ function Be() {
     ] })
   ] });
 }
-const { Option: te } = L;
-function Fe() {
-  const [i, p] = d([]), [t, b] = d([]), [o, h] = d(!1), [j, k] = d(!1), [m, S] = d(null), [a] = x.useForm();
-  B(() => {
-    c(), C();
+const { Option: le } = K;
+function Ge() {
+  const [r, c] = i([]), [s, k] = i([]), [d, g] = i(!1), [f, I] = i(!1), [C, O] = i(null), [h, m] = i(null), [u, l] = i(null), [p] = x.useForm();
+  V(() => {
+    y(), t();
   }, []);
-  const c = async () => {
-    h(!0);
+  const y = async () => {
+    g(!0);
     try {
-      const s = await u.get("/rotation/policy/page?current=1&size=100");
-      s.success && p(s.data || []);
-    } catch {
-      r.error("查询策略失败");
+      const n = await j.get("/rotation/policy/page?current=1&size=100");
+      n.success && c(n.data || []), m(null);
+    } catch (n) {
+      m(n);
     } finally {
-      h(!1);
+      g(!1);
     }
-  }, C = async () => {
+  }, t = async () => {
     try {
-      const s = await u.get("/rotation/history/page?current=1&size=50");
-      s.success && b(s.data || []);
-    } catch {
-      r.error("查询轮换历史失败");
+      const n = await j.get("/rotation/history/page?current=1&size=50");
+      n.success && k(n.data || []), l(null);
+    } catch (n) {
+      l(n);
     }
-  }, v = () => {
-    S(null), a.resetFields(), a.setFieldsValue({
+  }, E = () => {
+    O(null), p.resetFields(), p.setFieldsValue({
       cronExpression: "0 0 0 * * ?",
       rotationStrategy: "auto",
       newValueLength: 32,
       enabled: !0,
       group: "DEFAULT_GROUP",
       namespace: ""
-    }), k(!0);
-  }, n = (s) => {
-    S(s), a.setFieldsValue({ ...s, enabled: s.enabled === 1 }), k(!0);
-  }, A = (s) => {
+    }), I(!0);
+  }, M = (n) => {
+    O(n), p.setFieldsValue({ ...n, enabled: n.enabled === 1 }), I(!0);
+  }, X = (n) => {
     U.confirm({
       title: "确认删除策略",
-      content: `将停止 ${s.secretKey} 的自动轮换`,
+      content: `将停止 ${n.secretKey} 的自动轮换`,
       onOk: async () => {
-        (await u.delete(`/rotation/policy/${s.id}`)).success && (r.success("删除成功"), c());
+        (await j.delete(`/rotation/policy/${n.id}`)).success && (a.success("删除成功"), y());
       }
     });
-  }, w = (s) => {
+  }, G = (n) => {
     U.confirm({
       title: "立即触发轮换",
-      content: `将立即重新生成 ${s.secretKey} 的值,旧值进入历史快照`,
+      content: `将立即重新生成 ${n.secretKey} 的值,旧值进入历史快照`,
       onOk: async () => {
-        const z = await u.post(`/rotation/policy/${s.id}/trigger`);
-        z.success ? (r.success("触发成功"), c(), C()) : r.error(z.message || "触发失败");
+        const A = await j.post(`/rotation/policy/${n.id}/trigger`);
+        A.success ? (a.success("触发成功"), y(), t()) : a.error(A.message || "触发失败");
       }
     });
-  }, D = async () => {
-    const s = await a.validateFields();
-    typeof s.enabled == "boolean" && (s.enabled = s.enabled ? 1 : 0);
+  }, Z = async () => {
+    const n = await p.validateFields();
+    typeof n.enabled == "boolean" && (n.enabled = n.enabled ? 1 : 0);
     try {
-      const z = m ? await u.put(`/rotation/policy/${m.id}`, s) : await u.post("/rotation/policy", s);
-      z.success ? (r.success(m ? "更新成功" : "创建成功"), k(!1), c()) : r.error(z.message || "操作失败");
+      const A = C ? await j.put(`/rotation/policy/${C.id}`, n) : await j.post("/rotation/policy", n);
+      A.success ? (a.success(C ? "更新成功" : "创建成功"), I(!1), y()) : a.error(A.message || "操作失败");
     } catch {
-      r.error("操作失败");
+      a.error("操作失败");
     }
   };
   return /* @__PURE__ */ e.jsxs("div", { children: [
-    /* @__PURE__ */ e.jsxs(I, { title: "轮换策略", children: [
-      /* @__PURE__ */ e.jsxs(K, { style: { marginBottom: 16 }, children: [
-        /* @__PURE__ */ e.jsx(g, { icon: /* @__PURE__ */ e.jsx(W, {}), onClick: c, children: "刷新" }),
-        /* @__PURE__ */ e.jsx(g, { type: "primary", icon: /* @__PURE__ */ e.jsx(Se, {}), onClick: v, children: "新建策略" })
-      ] }),
+    /* @__PURE__ */ e.jsxs(S, { title: "轮换策略", children: [
+      h && /* @__PURE__ */ e.jsx("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ e.jsx(B, { error: h, title: "查询策略失败", onRetry: () => y() }) }),
+      /* @__PURE__ */ e.jsx(
+        pe,
+        {
+          right: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+            /* @__PURE__ */ e.jsx(T, { icon: /* @__PURE__ */ e.jsx(te, {}), onClick: y, children: "刷新" }),
+            /* @__PURE__ */ e.jsx(T, { type: "primary", icon: /* @__PURE__ */ e.jsx(ze, {}), onClick: E, children: "新建策略" })
+          ] })
+        }
+      ),
       /* @__PURE__ */ e.jsx(
         $,
         {
-          loading: o,
+          loading: d,
           rowKey: "id",
-          dataSource: i,
+          dataSource: r,
           pagination: { pageSize: 10 },
           columns: [
             { title: "ID", dataIndex: "id", width: 60 },
@@ -858,175 +903,180 @@ function Fe() {
               title: "cron",
               dataIndex: "cronExpression",
               width: 150,
-              render: (s) => /* @__PURE__ */ e.jsx("code", { children: s })
+              render: (n) => /* @__PURE__ */ e.jsx("code", { children: n })
             },
             {
               title: "策略",
               dataIndex: "rotationStrategy",
               width: 80,
-              render: (s) => /* @__PURE__ */ e.jsx(T, { color: s === "auto" ? "blue" : "orange", children: s })
+              render: (n) => /* @__PURE__ */ e.jsx(v, { color: n === "auto" ? "blue" : "orange", children: n })
             },
             { title: "新值长度", dataIndex: "newValueLength", width: 90 },
             {
               title: "启用",
               dataIndex: "enabled",
               width: 70,
-              render: (s) => /* @__PURE__ */ e.jsx(T, { color: s === 1 ? "green" : "default", children: s === 1 ? "是" : "否" })
+              render: (n) => /* @__PURE__ */ e.jsx(v, { color: n === 1 ? "green" : "default", children: n === 1 ? "是" : "否" })
             },
             {
               title: "上次轮换",
               dataIndex: "lastRotationTime",
               width: 170,
-              render: (s) => s ? new Date(s).toLocaleString() : "从未"
+              render: (n) => n ? new Date(n).toLocaleString() : "从未"
             },
             {
               title: "下次轮换",
               dataIndex: "nextRotationTime",
               width: 170,
-              render: (s) => s ? new Date(s).toLocaleString() : "-"
+              render: (n) => n ? new Date(n).toLocaleString() : "-"
             },
             {
               title: "操作",
               width: 240,
               fixed: "right",
-              render: (s, z) => /* @__PURE__ */ e.jsxs(K, { size: "small", children: [
+              render: (n, A) => /* @__PURE__ */ e.jsxs(N, { size: "small", children: [
                 /* @__PURE__ */ e.jsx(
-                  g,
+                  T,
                   {
                     type: "link",
-                    icon: /* @__PURE__ */ e.jsx(Ce, {}),
-                    onClick: () => w(z),
+                    icon: /* @__PURE__ */ e.jsx(Oe, {}),
+                    onClick: () => G(A),
                     children: "立即触发"
                   }
                 ),
                 /* @__PURE__ */ e.jsx(
-                  g,
+                  T,
                   {
                     type: "link",
-                    icon: /* @__PURE__ */ e.jsx(Te, {}),
-                    onClick: () => n(z),
+                    icon: /* @__PURE__ */ e.jsx(Ee, {}),
+                    onClick: () => M(A),
                     children: "编辑"
                   }
                 ),
                 /* @__PURE__ */ e.jsx(
-                  g,
+                  T,
                   {
                     type: "link",
                     danger: !0,
-                    icon: /* @__PURE__ */ e.jsx(ke, {}),
-                    onClick: () => A(z),
+                    icon: /* @__PURE__ */ e.jsx(Ae, {}),
+                    onClick: () => X(A),
                     children: "删除"
                   }
                 )
               ] })
             }
+          ],
+          locale: { emptyText: /* @__PURE__ */ e.jsx(F, { title: "暂无轮换策略", description: "点「新建策略」给密钥配一条自动轮换规则" }) }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsxs(S, { title: "轮换历史", style: { marginTop: 16 }, children: [
+      u && /* @__PURE__ */ e.jsx("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ e.jsx(B, { error: u, title: "查询轮换历史失败", onRetry: () => t() }) }),
+      /* @__PURE__ */ e.jsx(
+        $,
+        {
+          rowKey: "id",
+          dataSource: s,
+          pagination: { pageSize: 10 },
+          locale: { emptyText: /* @__PURE__ */ e.jsx(F, { title: "暂无轮换记录", description: "策略触发后这里会留下每次轮换的痕迹", size: "sm" }) },
+          columns: [
+            { title: "ID", dataIndex: "id", width: 60 },
+            { title: "密钥", dataIndex: "secretKey", ellipsis: !0 },
+            { title: "策略ID", dataIndex: "policyId", width: 80 },
+            { title: "旧版本", dataIndex: "oldVersion", width: 80 },
+            { title: "新版本", dataIndex: "newVersion", width: 80 },
+            {
+              title: "触发方式",
+              dataIndex: "triggerType",
+              width: 100,
+              render: (n) => /* @__PURE__ */ e.jsx(
+                v,
+                {
+                  color: n === "cron" ? "blue" : n === "manual" ? "orange" : "default",
+                  children: n
+                }
+              )
+            },
+            {
+              title: "成功",
+              dataIndex: "success",
+              width: 80,
+              render: (n) => /* @__PURE__ */ e.jsx(v, { color: n === 1 ? "green" : "red", children: n === 1 ? "是" : "否" })
+            },
+            { title: "错误信息", dataIndex: "errorMessage", ellipsis: !0 },
+            {
+              title: "时间",
+              dataIndex: "gmtCreate",
+              width: 170,
+              render: (n) => n ? new Date(n).toLocaleString() : "-"
+            }
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ e.jsx(I, { title: "轮换历史", style: { marginTop: 16 }, children: /* @__PURE__ */ e.jsx(
-      $,
-      {
-        rowKey: "id",
-        dataSource: t,
-        pagination: { pageSize: 10 },
-        columns: [
-          { title: "ID", dataIndex: "id", width: 60 },
-          { title: "密钥", dataIndex: "secretKey", ellipsis: !0 },
-          { title: "策略ID", dataIndex: "policyId", width: 80 },
-          { title: "旧版本", dataIndex: "oldVersion", width: 80 },
-          { title: "新版本", dataIndex: "newVersion", width: 80 },
-          {
-            title: "触发方式",
-            dataIndex: "triggerType",
-            width: 100,
-            render: (s) => /* @__PURE__ */ e.jsx(
-              T,
-              {
-                color: s === "cron" ? "blue" : s === "manual" ? "orange" : "default",
-                children: s
-              }
-            )
-          },
-          {
-            title: "成功",
-            dataIndex: "success",
-            width: 80,
-            render: (s) => /* @__PURE__ */ e.jsx(T, { color: s === 1 ? "green" : "red", children: s === 1 ? "是" : "否" })
-          },
-          { title: "错误信息", dataIndex: "errorMessage", ellipsis: !0 },
-          {
-            title: "时间",
-            dataIndex: "gmtCreate",
-            width: 170,
-            render: (s) => s ? new Date(s).toLocaleString() : "-"
-          }
-        ]
-      }
-    ) }),
     /* @__PURE__ */ e.jsx(
       U,
       {
-        title: m ? "编辑策略" : "新建策略",
-        open: j,
-        onCancel: () => k(!1),
-        onOk: D,
+        title: C ? "编辑策略" : "新建策略",
+        open: f,
+        onCancel: () => I(!1),
+        onOk: Z,
         width: 500,
         destroyOnClose: !0,
-        children: /* @__PURE__ */ e.jsxs(x, { form: a, layout: "vertical", children: [
-          /* @__PURE__ */ e.jsx(x.Item, { name: "secretKey", label: "密钥标识", rules: [{ required: !0 }], children: /* @__PURE__ */ e.jsx(f, { placeholder: "如: db_password" }) }),
-          /* @__PURE__ */ e.jsx(x.Item, { name: "group", label: "分组", children: /* @__PURE__ */ e.jsx(f, {}) }),
-          /* @__PURE__ */ e.jsx(x.Item, { name: "namespace", label: "命名空间", children: /* @__PURE__ */ e.jsx(f, {}) }),
+        children: /* @__PURE__ */ e.jsxs(x, { form: p, layout: "vertical", children: [
+          /* @__PURE__ */ e.jsx(x.Item, { name: "secretKey", label: "密钥标识", rules: [{ required: !0 }], children: /* @__PURE__ */ e.jsx(b, { placeholder: "如: db_password" }) }),
+          /* @__PURE__ */ e.jsx(x.Item, { name: "group", label: "分组", children: /* @__PURE__ */ e.jsx(b, {}) }),
+          /* @__PURE__ */ e.jsx(x.Item, { name: "namespace", label: "命名空间", children: /* @__PURE__ */ e.jsx(b, {}) }),
           /* @__PURE__ */ e.jsx(
             x.Item,
             {
               name: "cronExpression",
               label: "cron 表达式",
               tooltip: "标准 6 位 Quartz 格式,如 0 0 0 * * ? 表示每天 0 点",
-              children: /* @__PURE__ */ e.jsx(f, { placeholder: "0 0 0 * * ?" })
+              children: /* @__PURE__ */ e.jsx(b, { placeholder: "0 0 0 * * ?" })
             }
           ),
-          /* @__PURE__ */ e.jsx(x.Item, { name: "rotationStrategy", label: "轮换策略", children: /* @__PURE__ */ e.jsxs(L, { children: [
-            /* @__PURE__ */ e.jsx(te, { value: "auto", children: "auto (自动生成随机值)" }),
-            /* @__PURE__ */ e.jsx(te, { value: "manual", children: "manual (调用 API 时手动触发)" })
+          /* @__PURE__ */ e.jsx(x.Item, { name: "rotationStrategy", label: "轮换策略", children: /* @__PURE__ */ e.jsxs(K, { children: [
+            /* @__PURE__ */ e.jsx(le, { value: "auto", children: "auto (自动生成随机值)" }),
+            /* @__PURE__ */ e.jsx(le, { value: "manual", children: "manual (调用 API 时手动触发)" })
           ] }) }),
-          /* @__PURE__ */ e.jsx(x.Item, { name: "newValueLength", label: "新密钥值长度", children: /* @__PURE__ */ e.jsx(De, { min: 8, max: 128, style: { width: "100%" } }) }),
-          /* @__PURE__ */ e.jsx(x.Item, { name: "enabled", label: "启用", valuePropName: "checked", children: /* @__PURE__ */ e.jsx(Pe, {}) }),
-          /* @__PURE__ */ e.jsx(x.Item, { name: "description", label: "描述", children: /* @__PURE__ */ e.jsx(f.TextArea, { rows: 2 }) })
+          /* @__PURE__ */ e.jsx(x.Item, { name: "newValueLength", label: "新密钥值长度", children: /* @__PURE__ */ e.jsx(_e, { min: 8, max: 128, style: { width: "100%" } }) }),
+          /* @__PURE__ */ e.jsx(x.Item, { name: "enabled", label: "启用", valuePropName: "checked", children: /* @__PURE__ */ e.jsx(Fe, {}) }),
+          /* @__PURE__ */ e.jsx(x.Item, { name: "description", label: "描述", children: /* @__PURE__ */ e.jsx(b.TextArea, { rows: 2 }) })
         ] })
       }
     )
   ] });
 }
-const { Option: q } = L;
-function Ve() {
-  const [i, p] = d([]), [t, b] = d(0), [o, h] = d(!1), [j, k] = d(1), [m, S] = d(20), [a, c] = d({
+const { Option: ee } = K;
+function He() {
+  const [r, c] = i([]), [s, k] = i(0), [d, g] = i(!1), [f, I] = i(1), [C, O] = i(20), [h, m] = i(null), [u, l] = i({
     secretKey: "",
     operator: "",
     opType: "",
     success: void 0
   });
-  B(() => {
-    C();
-  }, [j, m]);
-  const C = async () => {
-    h(!0);
+  V(() => {
+    p();
+  }, [f, C]);
+  const p = async () => {
+    g(!0);
     try {
-      const n = new URLSearchParams({
-        current: j,
-        size: m,
-        secretKey: a.secretKey || "",
-        operator: a.operator || "",
-        opType: a.opType || "",
-        success: a.success === void 0 ? "" : a.success ? 1 : 0
-      }), A = await u.get(`/log/page?${n}`);
-      A.success && (p(A.data || []), b(A.total || 0));
-    } catch {
-      r.error("查询日志失败");
+      const t = new URLSearchParams({
+        current: f,
+        size: C,
+        secretKey: u.secretKey || "",
+        operator: u.operator || "",
+        opType: u.opType || "",
+        success: u.success === void 0 ? "" : u.success ? 1 : 0
+      }), E = await j.get(`/log/page?${t}`);
+      E.success && (c(E.data || []), k(E.total || 0)), m(null);
+    } catch (t) {
+      m(t);
     } finally {
-      h(!1);
+      g(!1);
     }
-  }, v = {
+  }, y = {
     GET: "blue",
     LIST: "cyan",
     PUT: "green",
@@ -1040,73 +1090,81 @@ function Ve() {
     DYN_READ: "lime",
     DYN_REVOKE: "red"
   };
-  return /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(I, { children: [
-    /* @__PURE__ */ e.jsxs(K, { wrap: !0, style: { marginBottom: 16 }, children: [
-      /* @__PURE__ */ e.jsx(
-        f,
-        {
-          placeholder: "密钥标识",
-          allowClear: !0,
-          value: a.secretKey,
-          onChange: (n) => c({ ...a, secretKey: n.target.value }),
-          style: { width: 180 }
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        f,
-        {
-          placeholder: "操作者",
-          allowClear: !0,
-          value: a.operator,
-          onChange: (n) => c({ ...a, operator: n.target.value }),
-          style: { width: 140 }
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        L,
-        {
-          placeholder: "操作类型",
-          allowClear: !0,
-          value: a.opType || void 0,
-          onChange: (n) => c({ ...a, opType: n || "" }),
-          style: { width: 160 },
-          children: ["GET", "PUT", "DELETE", "LIST", "GET_PLAIN", "SEARCH", "HISTORY", "ROLLBACK", "ROTATE", "DYN_GENERATE", "DYN_READ", "DYN_REVOKE"].map(
-            (n) => /* @__PURE__ */ e.jsx(q, { value: n, children: n }, n)
+  return /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(S, { children: [
+    h && /* @__PURE__ */ e.jsx("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ e.jsx(B, { error: h, title: "查询日志失败", onRetry: () => p() }) }),
+    /* @__PURE__ */ e.jsx(
+      pe,
+      {
+        left: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx(
+            b,
+            {
+              placeholder: "密钥标识",
+              allowClear: !0,
+              value: u.secretKey,
+              onChange: (t) => l({ ...u, secretKey: t.target.value }),
+              style: { width: 180 }
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            b,
+            {
+              placeholder: "操作者",
+              allowClear: !0,
+              value: u.operator,
+              onChange: (t) => l({ ...u, operator: t.target.value }),
+              style: { width: 140 }
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            K,
+            {
+              placeholder: "操作类型",
+              allowClear: !0,
+              value: u.opType || void 0,
+              onChange: (t) => l({ ...u, opType: t || "" }),
+              style: { width: 160 },
+              children: ["GET", "PUT", "DELETE", "LIST", "GET_PLAIN", "SEARCH", "HISTORY", "ROLLBACK", "ROTATE", "DYN_GENERATE", "DYN_READ", "DYN_REVOKE"].map(
+                (t) => /* @__PURE__ */ e.jsx(ee, { value: t, children: t }, t)
+              )
+            }
+          ),
+          /* @__PURE__ */ e.jsxs(
+            K,
+            {
+              placeholder: "成功/失败",
+              allowClear: !0,
+              value: u.success,
+              onChange: (t) => l({ ...u, success: t }),
+              style: { width: 120 },
+              children: [
+                /* @__PURE__ */ e.jsx(ee, { value: !0, children: "成功" }),
+                /* @__PURE__ */ e.jsx(ee, { value: !1, children: "失败" })
+              ]
+            }
           )
-        }
-      ),
-      /* @__PURE__ */ e.jsxs(
-        L,
-        {
-          placeholder: "成功/失败",
-          allowClear: !0,
-          value: a.success,
-          onChange: (n) => c({ ...a, success: n }),
-          style: { width: 120 },
-          children: [
-            /* @__PURE__ */ e.jsx(q, { value: !0, children: "成功" }),
-            /* @__PURE__ */ e.jsx(q, { value: !1, children: "失败" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ e.jsx(g, { type: "primary", icon: /* @__PURE__ */ e.jsx(ve, {}), onClick: () => {
-        k(1), C();
-      }, children: "查询" }),
-      /* @__PURE__ */ e.jsx(g, { icon: /* @__PURE__ */ e.jsx(W, {}), onClick: C, children: "刷新" })
-    ] }),
+        ] }),
+        right: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx(T, { type: "primary", icon: /* @__PURE__ */ e.jsx(Re, {}), onClick: () => {
+            I(1), p();
+          }, children: "查询" }),
+          /* @__PURE__ */ e.jsx(T, { icon: /* @__PURE__ */ e.jsx(te, {}), onClick: p, children: "刷新" })
+        ] })
+      }
+    ),
     /* @__PURE__ */ e.jsx(
       $,
       {
-        loading: o,
+        loading: d,
         rowKey: "id",
-        dataSource: i,
+        dataSource: r,
         pagination: {
-          current: j,
-          pageSize: m,
-          total: t,
+          current: f,
+          pageSize: C,
+          total: s,
           showSizeChanger: !0,
-          onChange: (n, A) => {
-            k(n), S(A);
+          onChange: (t, E) => {
+            I(t), O(E);
           }
         },
         columns: [
@@ -1116,7 +1174,7 @@ function Ve() {
             title: "操作类型",
             dataIndex: "opType",
             width: 120,
-            render: (n) => /* @__PURE__ */ e.jsx(T, { color: v[n] || "default", children: n })
+            render: (t) => /* @__PURE__ */ e.jsx(v, { color: y[t] || "default", children: t })
           },
           { title: "操作者", dataIndex: "operator", width: 110 },
           { title: "IP", dataIndex: "operatorIp", width: 130 },
@@ -1124,48 +1182,49 @@ function Ve() {
             title: "成功",
             dataIndex: "success",
             width: 80,
-            render: (n) => n ? /* @__PURE__ */ e.jsx(T, { color: "green", children: "成功" }) : /* @__PURE__ */ e.jsx(T, { color: "red", children: "失败" })
+            render: (t) => t ? /* @__PURE__ */ e.jsx(v, { color: "green", children: "成功" }) : /* @__PURE__ */ e.jsx(v, { color: "red", children: "失败" })
           },
           {
             title: "错误信息",
             dataIndex: "errorMessage",
             ellipsis: !0,
-            render: (n) => n ? /* @__PURE__ */ e.jsx("span", { style: { color: "#cf1322" }, children: n }) : "-"
+            render: (t) => t ? /* @__PURE__ */ e.jsx("span", { style: { color: "#cf1322" }, children: t }) : "-"
           },
           {
             title: "时间",
             dataIndex: "gmtCreate",
             width: 170,
-            render: (n) => n ? new Date(n).toLocaleString() : "-"
+            render: (t) => t ? new Date(t).toLocaleString() : "-"
           }
-        ]
+        ],
+        locale: { emptyText: /* @__PURE__ */ e.jsx(F, { title: "暂无访问日志", description: "放宽筛选条件再查一次" }) }
       }
     )
   ] }) });
 }
-const { Title: Ne, Paragraph: Me } = Ue;
-function Ge() {
-  const i = H(), [p, t] = d(null);
-  B(() => {
-    const o = localStorage.getItem("userInfo");
-    if (o)
+const { Title: qe, Paragraph: Ye } = Ne;
+function We() {
+  const r = Q(), [c, s] = i(null);
+  V(() => {
+    const d = localStorage.getItem("userInfo");
+    if (d)
       try {
-        t(JSON.parse(o));
+        s(JSON.parse(d));
       } catch {
-        t({ name: o });
+        s({ name: d });
       }
   }, []);
-  const b = He.filter((o) => o.key !== "/z-mist/home");
+  const k = Je.filter((d) => d.key !== "/z-mist/home");
   return /* @__PURE__ */ e.jsxs("div", { children: [
-    /* @__PURE__ */ e.jsx(I, { style: { marginBottom: 16, background: "linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%)", border: "none" }, children: /* @__PURE__ */ e.jsxs(K, { direction: "vertical", size: 4, style: { color: "#fff" }, children: [
-      /* @__PURE__ */ e.jsxs(Ne, { level: 3, style: { color: "#fff", margin: 0 }, children: [
+    /* @__PURE__ */ e.jsx(S, { style: { marginBottom: 16, background: "linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%)", border: "none" }, children: /* @__PURE__ */ e.jsxs(N, { direction: "vertical", size: 4, style: { color: "#fff" }, children: [
+      /* @__PURE__ */ e.jsxs(qe, { level: 3, style: { color: "#fff", margin: 0 }, children: [
         "欢迎",
-        p != null && p.name ? `，${p.name}` : ""
+        c != null && c.name ? `，${c.name}` : ""
       ] }),
-      /* @__PURE__ */ e.jsx(Me, { style: { color: "rgba(255,255,255,0.85)", margin: 0 }, children: "z-mist 密钥管理 管理台" }),
-      (p == null ? void 0 : p.role) && /* @__PURE__ */ e.jsx(T, { style: { marginTop: 8, background: "rgba(255,255,255,0.2)", color: "#fff", border: "none" }, children: p.role })
+      /* @__PURE__ */ e.jsx(Ye, { style: { color: "rgba(255,255,255,0.85)", margin: 0 }, children: "z-mist 密钥管理 管理台" }),
+      (c == null ? void 0 : c.role) && /* @__PURE__ */ e.jsx(v, { style: { marginTop: 8, background: "rgba(255,255,255,0.2)", color: "#fff", border: "none" }, children: c.role })
     ] }) }),
-    /* @__PURE__ */ e.jsx(M, { gutter: [16, 16], children: b.map((o) => /* @__PURE__ */ e.jsx(R, { xs: 24, sm: 12, md: 12, lg: 8, children: /* @__PURE__ */ e.jsx(I, { hoverable: !0, onClick: () => i(o.key), style: { borderTop: "3px solid #7c3aed" }, children: /* @__PURE__ */ e.jsxs(K, { align: "start", size: 12, children: [
+    /* @__PURE__ */ e.jsx(Y, { gutter: [16, 16], children: k.map((d) => /* @__PURE__ */ e.jsx(L, { xs: 24, sm: 12, md: 12, lg: 8, children: /* @__PURE__ */ e.jsx(S, { hoverable: !0, onClick: () => r(d.key), style: { borderTop: "3px solid #7c3aed" }, children: /* @__PURE__ */ e.jsxs(N, { align: "start", size: 12, children: [
       /* @__PURE__ */ e.jsx("div", { style: {
         width: 44,
         height: 44,
@@ -1177,22 +1236,22 @@ function Ge() {
         alignItems: "center",
         justifyContent: "center",
         fontSize: 20
-      }, children: o.icon }),
+      }, children: d.icon }),
       /* @__PURE__ */ e.jsxs("div", { style: { minWidth: 0 }, children: [
-        /* @__PURE__ */ e.jsx("div", { style: { fontSize: 15, fontWeight: 600, color: "#0f172a" }, children: o.label }),
-        /* @__PURE__ */ e.jsx("div", { style: { fontSize: 12, color: "#94a3b8", marginTop: 2 }, children: o.key })
+        /* @__PURE__ */ e.jsx("div", { style: { fontSize: 15, fontWeight: 600, color: "#0f172a" }, children: d.label }),
+        /* @__PURE__ */ e.jsx("div", { style: { fontSize: 12, color: "#94a3b8", marginTop: 2 }, children: d.key })
       ] })
-    ] }) }) }, o.key)) })
+    ] }) }) }, d.key)) })
   ] });
 }
 const _ = { username: "admin", password: "123456", user: { name: "admin", role: "管理员" } };
-function tt() {
-  const [i, p] = d(!1), t = async (b) => {
-    p(!0);
+function at() {
+  const [r, c] = i(!1), s = async (k) => {
+    c(!0);
     try {
-      b.username === _.username && b.password === _.password ? (localStorage.setItem("token", "mock-" + _.username), localStorage.setItem("userInfo", JSON.stringify(_.user)), r.success("登录成功（mock 模式，待 CTC/SSO 接入）"), window.location.href = "/z-mist/home") : r.error("用户名或密码错误（默认 admin/123456）");
+      k.username === _.username && k.password === _.password ? (localStorage.setItem("token", "mock-" + _.username), localStorage.setItem("userInfo", JSON.stringify(_.user)), a.success("登录成功（mock 模式，待 CTC/SSO 接入）"), window.location.href = "/z-mist/home") : a.error("用户名或密码错误（默认 admin/123456）");
     } finally {
-      p(!1);
+      c(!1);
     }
   };
   return /* @__PURE__ */ e.jsx("div", { style: {
@@ -1201,7 +1260,7 @@ function tt() {
     justifyContent: "center",
     alignItems: "center",
     background: "linear-gradient(135deg, #eef2ff 0%, #f5f3ff 50%, #eff6ff 100%)"
-  }, children: /* @__PURE__ */ e.jsxs(I, { style: { width: 400, boxShadow: "0 10px 40px rgba(124,58,237,0.12)" }, children: [
+  }, children: /* @__PURE__ */ e.jsxs(S, { style: { width: 400, boxShadow: "0 10px 40px rgba(124,58,237,0.12)" }, children: [
     /* @__PURE__ */ e.jsxs("div", { style: { textAlign: "center", marginBottom: 20 }, children: [
       /* @__PURE__ */ e.jsx("div", { style: {
         width: 48,
@@ -1218,15 +1277,15 @@ function tt() {
       }, children: "z" }),
       /* @__PURE__ */ e.jsx("div", { style: { fontSize: 18, fontWeight: 600, color: "#0f172a" }, children: "z-mist 管理台" })
     ] }),
-    /* @__PURE__ */ e.jsxs(x, { onFinish: t, size: "large", children: [
-      /* @__PURE__ */ e.jsx(x.Item, { name: "username", rules: [{ required: !0, message: "请输入用户名" }], children: /* @__PURE__ */ e.jsx(f, { prefix: /* @__PURE__ */ e.jsx(se, {}), placeholder: "用户名" }) }),
-      /* @__PURE__ */ e.jsx(x.Item, { name: "password", rules: [{ required: !0, message: "请输入密码" }], children: /* @__PURE__ */ e.jsx(f.Password, { prefix: /* @__PURE__ */ e.jsx(G, {}), placeholder: "密码" }) }),
+    /* @__PURE__ */ e.jsxs(x, { onFinish: s, size: "large", children: [
+      /* @__PURE__ */ e.jsx(x.Item, { name: "username", rules: [{ required: !0, message: "请输入用户名" }], children: /* @__PURE__ */ e.jsx(b, { prefix: /* @__PURE__ */ e.jsx(oe, {}), placeholder: "用户名" }) }),
+      /* @__PURE__ */ e.jsx(x.Item, { name: "password", rules: [{ required: !0, message: "请输入密码" }], children: /* @__PURE__ */ e.jsx(b.Password, { prefix: /* @__PURE__ */ e.jsx(J, {}), placeholder: "密码" }) }),
       /* @__PURE__ */ e.jsx(x.Item, { style: { marginBottom: 8 }, children: /* @__PURE__ */ e.jsx(
-        g,
+        T,
         {
           type: "primary",
           htmlType: "submit",
-          loading: i,
+          loading: r,
           block: !0,
           style: { background: "linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%)", border: "none" },
           children: "登 录"
@@ -1241,35 +1300,35 @@ function tt() {
     ] })
   ] }) });
 }
-const st = { title: "z-mist 密钥管理", short: "z-mist" }, He = [
-  { key: "/z-mist/home", label: "首页", icon: /* @__PURE__ */ e.jsx(Oe, {}) },
-  { key: "/z-mist/dashboard", label: "数据看板", icon: /* @__PURE__ */ e.jsx(ze, {}) },
-  { key: "/z-mist/secret", label: "密钥管理", icon: /* @__PURE__ */ e.jsx(ne, {}) },
-  { key: "/z-mist/eaas", label: "加密即服务", icon: /* @__PURE__ */ e.jsx(G, {}) },
-  { key: "/z-mist/rotation", label: "轮换策略", icon: /* @__PURE__ */ e.jsx(W, {}) },
-  { key: "/z-mist/acl", label: "授权管理", icon: /* @__PURE__ */ e.jsx(Ee, {}) },
-  { key: "/z-mist/app", label: "应用管理", icon: /* @__PURE__ */ e.jsx(Ae, {}) },
-  { key: "/z-mist/log", label: "访问日志", icon: /* @__PURE__ */ e.jsx(Re, {}) }
-], nt = [
-  { path: "/z-mist/home", Component: Ge },
-  { path: "/z-mist/dashboard", Component: $e },
-  { path: "/z-mist/secret", Component: ce },
-  { path: "/z-mist/secret/add", Component: Z },
-  { path: "/z-mist/secret/edit/:id", Component: Z },
-  { path: "/z-mist/secret/detail/:id", Component: _e },
-  { path: "/z-mist/eaas", Component: Be },
-  { path: "/z-mist/rotation", Component: Fe },
-  { path: "/z-mist/acl", Component: de },
-  { path: "/z-mist/app", Component: he },
-  { path: "/z-mist/log", Component: Ve },
-  { path: "/z-mist/:rest*", Component: pe }
+const lt = { title: "z-mist 密钥管理", short: "z-mist" }, Je = [
+  { key: "/z-mist/home", label: "首页", icon: /* @__PURE__ */ e.jsx(Le, {}) },
+  { key: "/z-mist/dashboard", label: "数据看板", icon: /* @__PURE__ */ e.jsx(Ke, {}) },
+  { key: "/z-mist/secret", label: "密钥管理", icon: /* @__PURE__ */ e.jsx(ce, {}) },
+  { key: "/z-mist/eaas", label: "加密即服务", icon: /* @__PURE__ */ e.jsx(J, {}) },
+  { key: "/z-mist/rotation", label: "轮换策略", icon: /* @__PURE__ */ e.jsx(te, {}) },
+  { key: "/z-mist/acl", label: "授权管理", icon: /* @__PURE__ */ e.jsx(De, {}) },
+  { key: "/z-mist/app", label: "应用管理", icon: /* @__PURE__ */ e.jsx(Pe, {}) },
+  { key: "/z-mist/log", label: "访问日志", icon: /* @__PURE__ */ e.jsx(Ue, {}) }
+], ot = [
+  { path: "/z-mist/home", Component: We },
+  { path: "/z-mist/dashboard", Component: Be },
+  { path: "/z-mist/secret", Component: xe },
+  { path: "/z-mist/secret/add", Component: ie },
+  { path: "/z-mist/secret/edit/:id", Component: ie },
+  { path: "/z-mist/secret/detail/:id", Component: Ve },
+  { path: "/z-mist/eaas", Component: Me },
+  { path: "/z-mist/rotation", Component: Ge },
+  { path: "/z-mist/acl", Component: me },
+  { path: "/z-mist/app", Component: ue },
+  { path: "/z-mist/log", Component: He },
+  { path: "/z-mist/:rest*", Component: ge }
 ];
 export {
-  $e as Dashboard,
-  Ge as HomePage,
-  Ze as Login,
-  tt as LoginPage,
-  st as appMeta,
-  He as menuItems,
-  nt as routes
+  Be as Dashboard,
+  We as HomePage,
+  rt as Login,
+  at as LoginPage,
+  lt as appMeta,
+  Je as menuItems,
+  ot as routes
 };