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

@yuku123/z-mist-component 0.1.0 → 0.1.2

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/ComponentDoc-MZ2exfz_.js +966 -0
package/dist/index.js +5 -4
package/dist/pages.js +740 -673
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, C as ye, M as ge } from "./ComponentDoc-MZ2exfz_.js";
+import { UserOutlined as ce, LockOutlined as W, RiseOutlined as je, KeyOutlined as de, ThunderboltOutlined as fe, WarningOutlined as we, CheckCircleOutlined as Ie, ArrowLeftOutlined as be, HistoryOutlined as Te, CopyOutlined as se, EyeInvisibleOutlined as Ce, EyeOutlined as Se, RollbackOutlined as ke, SwapOutlined as ve, UnlockOutlined as Oe, ReloadOutlined as te, PlusOutlined as Ee, PlayCircleOutlined as ze, EditOutlined as Re, DeleteOutlined as Ae, SearchOutlined as Ke, HomeOutlined as Le, DashboardOutlined as De, SafetyOutlined as Pe, AppstoreOutlined as Ue, FileTextOutlined as $e, ReadOutlined as _e } from "@ant-design/icons";
+import { useState as a, useEffect as B } from "react";
+import { useNavigate as J, useParams as pe } from "react-router-dom";
+import { Card as k, Form as x, Input as b, Button as T, message as i, Row as H, Col as K, Statistic as M, Alert as q, Table as ee, Tag as v, Select as L, Descriptions as O, Space as D, Tabs as Ne, Modal as $, InputNumber as Be, Switch as Fe, Typography as Ve } from "antd";
+import { request as j } from "@yuku123/z-frontend-common";
+import { LoadingState as he, ErrorState as N, EmptyState as ne, ListTable as Y, PageHeader as re, TableToolbar as Me } from "@yuku123/z-frontend-common/ui";
+function lt() {
+  const r = J(), [c, s] = a(!1), S = 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 y = await j.post("/auth/login", d);
+      y.success && y.data && y.data.token ? (localStorage.setItem("token", y.data.token), localStorage.setItem("username", y.data.username || d.username), i.success(`欢迎 ${y.data.username || d.username}`), r("/z-mist/dashboard")) : i.error(y.message || "登录失败");
+    } catch (y) {
+      i.error((y == null ? void 0 : y.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,
+    k,
     {
       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: S,
             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(ce, {}),
                       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(W, {}),
                       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);
+function Ge() {
+  const [r, c] = a(null), [s, S] = a([]), [d, y] = a([]), [f, I] = a([]), [C, E] = a(!0), [p, m] = a(null);
   B(() => {
-    a();
+    u();
   }, []);
-  const a = async () => {
-    S(!0);
+  const u = async () => {
+    E(!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, h, g, 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), h.success && S(h.data), g.success && y(g.data), t.success && I(t.data), m(null);
+    } catch (l) {
+      m(l);
     } finally {
-      S(!1);
+      E(!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(je, {}),
       " 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,
+    p && /* @__PURE__ */ e.jsx("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ e.jsx(N, { error: p, title: "加载密钥总览失败", onRetry: () => u() }) }),
+    /* @__PURE__ */ e.jsxs(H, { gutter: 16, children: [
+      /* @__PURE__ */ e.jsx(K, { span: 6, children: /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */ e.jsx(
+        M,
         {
           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(de, { style: { color: "#1890ff" } })
         }
       ) }) }),
-      /* @__PURE__ */ e.jsx(R, { span: 6, children: /* @__PURE__ */ e.jsx(I, { children: /* @__PURE__ */ e.jsx(
-        V,
+      /* @__PURE__ */ e.jsx(K, { span: 6, children: /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */ e.jsx(
+        M,
         {
           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(fe, { style: { color: "#52c41a" } })
         }
       ) }) }),
-      /* @__PURE__ */ e.jsx(R, { span: 6, children: /* @__PURE__ */ e.jsx(I, { children: /* @__PURE__ */ e.jsx(
-        V,
+      /* @__PURE__ */ e.jsx(K, { span: 6, children: /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */ e.jsx(
+        M,
         {
           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(we, {})
         }
       ) }) }),
-      /* @__PURE__ */ e.jsx(R, { span: 6, children: /* @__PURE__ */ e.jsx(I, { children: /* @__PURE__ */ e.jsx(
-        V,
+      /* @__PURE__ */ e.jsx(K, { span: 6, children: /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */ e.jsx(
+        M,
         {
           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(Ie, {})
         }
       ) }) })
     ] }),
-    j && j.length > 0 && /* @__PURE__ */ e.jsx(
-      F,
+    f && f.length > 0 && /* @__PURE__ */ e.jsx(
+      q,
       {
         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(H, { gutter: 16, style: { marginTop: 16 }, children: [
+      /* @__PURE__ */ e.jsx(K, { span: 12, children: /* @__PURE__ */ e.jsx(k, { title: "近 7 天访问趋势", children: /* @__PURE__ */ e.jsx(
+        ee,
         {
           size: "small",
           pagination: !1,
           rowKey: "date",
-          dataSource: t,
+          dataSource: s,
+          locale: { emptyText: /* @__PURE__ */ e.jsx(ne, { 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, h) => {
+                const g = (h.getCount || 0) + (h.encryptCount || 0), t = Math.min(100, g * 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(K, { span: 12, children: /* @__PURE__ */ e.jsx(k, { title: "TOP 10 访问密钥(7 天)", children: d.length === 0 ? /* @__PURE__ */ e.jsx(ne, { title: "暂无访问数据", description: "近 7 天还没有密钥被访问过", size: "sm" }) : /* @__PURE__ */ e.jsx(
+        ee,
         {
           size: "small",
           pagination: !1,
           rowKey: "secretKey",
-          dataSource: o,
+          dataSource: d,
           columns: [
-            { title: "#", render: (c, C, v) => v + 1, width: 40 },
+            { title: "#", render: (l, h, g) => g + 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 && /* 即将过期密钥表走基座 ListTable（lead 008 §2 规则 2/3/4）：
+    分页用基座默认（pageSize 10 + 每页条数切换 + 总条数），
+    端侧过滤按密钥名称/标识/分组/命名空间，空态由基座 EmptyState 承接。 */
+    /* @__PURE__ */ e.jsx(
+      Y,
       {
-        size: "small",
-        pagination: { pageSize: 5 },
-        rowKey: "id",
-        dataSource: j,
+        cardTitle: "即将过期密钥(7 天内)",
+        rows: f,
         columns: [
           { title: "密钥标识", dataIndex: "secretKey" },
           { title: "名称", dataIndex: "secretName" },
@@ -232,322 +236,363 @@ 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() }) : "-"
           }
-        ]
+        ],
+        rowKey: "id",
+        searchKeys: "secretName,secretKey,group,namespace",
+        searchPlaceholder: "按密钥名称 / 标识 / 分组过滤",
+        emptyTitle: "暂无即将过期的密钥",
+        emptyDescription: "所有密钥的过期时间都在 7 天以外",
+        cardProps: { style: { marginTop: 16 } }
       }
-    ) })
+    )
   ] });
 }
-const { Option: P } = L, { TextArea: X } = f;
-function Z() {
-  const i = H(), { id: p } = re(), [t] = x.useForm(), [b, o] = d(!1), h = !!p;
+const { Option: P } = L, { TextArea: ae } = b;
+function U(r, ...c) {
+  if (r) {
+    for (const s of c)
+      if (r[s] !== void 0 && r[s] !== null) return r[s];
+  }
+}
+function ie() {
+  const r = J(), { id: c } = pe(), [s] = x.useForm(), [S, d] = a(!1), [y, f] = a(null), I = !!c;
   B(() => {
-    h && j();
-  }, [p]);
-  const j = async () => {
+    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 p = await j.get("/secret/list");
+      if (p.success) {
+        const m = p.data.find((u) => String(u.id) === String(c));
+        m && s.setFieldsValue({
+          secretName: U(m, "secret_name", "secretName") || "",
+          secretKey: U(m, "secret_key", "secretKey") || "",
+          group: U(m, "group") || "",
+          appName: U(m, "app_name", "appName") || "",
+          secretType: U(m, "secret_type", "secretType") || "text",
+          encryptAlgorithm: U(m, "encrypt_algorithm", "encryptAlgorithm") || "AES",
+          description: U(m, "description") || "",
+          // 密文不回填到表单: 免得把密文摊在 DOM 里, 也避免把旧密文原样写回去
           encryptedValue: ""
         });
       }
-    } catch {
-      r.error("获取密钥详情失败");
+      f(null);
+    } catch (p) {
+      f(p);
     }
-  }, k = async (m) => {
-    o(!0);
+  }, E = async (p) => {
+    var m, u;
+    d(!0);
     try {
-      const S = {
-        ...m,
-        secretKey: m.secretKey || `secret_${Date.now()}`
+      const l = Number(c), h = {
+        id: I && Number.isFinite(l) ? l : void 0,
+        secret_key: p.secretKey || `secret_${Date.now()}`,
+        secret_name: p.secretName,
+        group: p.group,
+        app_name: p.appName,
+        secret_type: p.secretType,
+        encrypted_value: p.encryptedValue,
+        encrypt_algorithm: p.encryptAlgorithm,
+        description: p.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(h).forEach((t) => {
+        (h[t] === void 0 || h[t] === null) && delete h[t];
+      });
+      let g;
+      I ? g = await j.put("/secret", h) : g = await j.post("/secret", h), g.success ? (i.success(I ? "更新成功" : "创建成功"), r("/z-mist/secret")) : i.error(g.message || "操作失败");
+    } catch (l) {
+      i.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(be, {}),
+        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(k, { title: I ? "编辑密钥" : "新增密钥", children: [
+      y && /* @__PURE__ */ e.jsx("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ e.jsx(N, { error: y, title: "获取密钥详情失败", onRetry: () => C() }) }),
+      /* @__PURE__ */ e.jsxs(
+        x,
+        {
+          form: s,
+          layout: "vertical",
+          onFinish: E,
+          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(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(ae, { 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(ae, { rows: 2, placeholder: "请输入描述" })
+              }
+            ),
+            /* @__PURE__ */ e.jsxs(x.Item, { children: [
+              /* @__PURE__ */ e.jsx(T, { type: "primary", htmlType: "submit", loading: S, 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);
+const { TextArea: ot } = b;
+function He() {
+  const r = J(), { id: c } = pe(), [s, S] = a(null), [d, y] = a([]), [f, I] = a([]), [C, E] = a(""), [p, m] = a(!1), [u, l] = a(!0), [h, g] = a(!1);
   B(() => {
-    p && (w(), D(), s());
-  }, [p]);
-  const w = async () => {
-    v(!0);
+    c && (t(), z(), F());
+  }, [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((A) => String(A.id) === String(c));
+        S(w || null), w && F(w);
       }
     } catch {
-      r.error("获取密钥详情失败");
+      i.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 || "")}`
+  }, z = async () => {
+    const o = await j.get("/secret/list");
+    if (o.success) {
+      const w = (o.data || []).find((A) => String(A.id) === String(c));
+      if (w) {
+        const A = 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 || []);
+        A.success && y(A.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 || "")}`
+  }, F = async (o) => {
+    const w = o || s;
+    if (!w) return;
+    const A = 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);
+    A.success && I(A.data || []);
+  }, Q = async () => {
+    if (s) {
+      g(!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 ? (E(o.data), m(!0)) : i.error(o.message || "解密失败");
       } catch {
-        r.error("解密请求失败");
+        i.error("解密请求失败");
       } finally {
-        A(!1);
+        g(!1);
       }
     }
-  }, J = (l) => {
-    navigator.clipboard ? navigator.clipboard.writeText(l).then(() => {
-      r.success("已复制");
-    }).catch(() => r.error("复制失败")) : r.warning("当前浏览器不支持剪贴板 API");
-  }, ie = async () => {
-    t && U.confirm({
+  }, V = (o) => {
+    navigator.clipboard ? navigator.clipboard.writeText(o).then(() => {
+      i.success("已复制");
+    }).catch(() => i.error("复制失败")) : i.warning("当前浏览器不支持剪贴板 API");
+  }, X = async () => {
+    s && $.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 ? (i.success("轮换成功"), t(), z()) : i.error(o.message || "轮换失败");
       }
     });
-  }, le = (l) => {
-    U.confirm({
+  }, n = (o) => {
+    $.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 ? (i.success("回滚成功"), t(), z()) : i.error(w.message || "回滚失败");
       }
     });
-  }, oe = () => {
-    let l = 3600;
-    U.confirm({
+  }, R = () => {
+    let o = 3600;
+    $.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 A = 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({
+        A.success ? $.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: A.data, readOnly: !0 }),
             /* @__PURE__ */ e.jsxs("p", { style: { marginTop: 8, color: "#999", fontSize: 12 }, children: [
               "TTL: ",
-              l,
+              o,
               " 秒,过期自动失效"
             ] })
           ] })
-        }) : r.error(E.message || "生成失败");
+        }) : i.error(A.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() : "-" }),
+  return u ? /* @__PURE__ */ e.jsx(he, { variant: "detail" }) : s ? /* @__PURE__ */ e.jsxs("div", { children: [
+    /* @__PURE__ */ e.jsx(
+      re,
+      {
+        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(Te, {}), onClick: X, type: "primary", children: "立即轮换" }),
+          /* @__PURE__ */ e.jsx(T, { onClick: R, children: "生成动态密钥" })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */ e.jsxs(O, { column: 2, bordered: !0, size: "small", children: [
+      /* @__PURE__ */ e.jsx(O.Item, { label: "密钥标识", children: s.secretKey }),
+      /* @__PURE__ */ e.jsx(O.Item, { label: "密钥名称", children: s.secretName }),
+      /* @__PURE__ */ e.jsx(O.Item, { label: "分组", children: s.group }),
+      /* @__PURE__ */ e.jsx(O.Item, { label: "命名空间", children: s.namespace }),
+      /* @__PURE__ */ e.jsx(O.Item, { label: "应用", children: s.appName || "-" }),
+      /* @__PURE__ */ e.jsx(O.Item, { label: "类型", children: /* @__PURE__ */ e.jsx(v, { color: "blue", children: s.secretType }) }),
+      /* @__PURE__ */ e.jsx(O.Item, { label: "加密算法", children: /* @__PURE__ */ e.jsx(v, { color: "purple", children: s.encryptAlgorithm }) }),
+      /* @__PURE__ */ e.jsx(O.Item, { label: "版本", children: s.keyVersion }),
+      /* @__PURE__ */ e.jsx(O.Item, { label: "MD5 指纹", children: /* @__PURE__ */ e.jsx("code", { children: s.valueMd5 }) }),
+      /* @__PURE__ */ e.jsx(O.Item, { label: "过期时间", children: s.expireTime ? /* @__PURE__ */ e.jsx(v, { color: "orange", children: new Date(s.expireTime).toLocaleString() }) : "-" }),
+      /* @__PURE__ */ e.jsx(O.Item, { label: "创建时间", span: 2, children: s.gmtCreate ? new Date(s.gmtCreate).toLocaleString() : "-" }),
       /* @__PURE__ */ e.jsx(O.Item, { label: "密文(Base64)", span: 2, children: /* @__PURE__ */ e.jsx(
-        f.TextArea,
+        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: () => V(s.encryptedValue) })
         }
       ) }),
-      /* @__PURE__ */ e.jsx(O.Item, { label: "明文", span: 2, children: /* @__PURE__ */ e.jsxs(K.Compact, { style: { width: "100%" }, children: [
+      /* @__PURE__ */ e.jsx(O.Item, { label: "明文", span: 2, children: /* @__PURE__ */ e.jsxs(D.Compact, { style: { width: "100%" }, children: [
         /* @__PURE__ */ e.jsx(
-          f,
+          b,
           {
-            type: a ? "text" : "password",
-            value: m,
+            type: p ? "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: p ? /* @__PURE__ */ e.jsx(Ce, {}) : /* @__PURE__ */ e.jsx(Se, {}),
+            onClick: () => p ? m(!1) : Q(),
+            loading: h,
+            children: p ? "隐藏" : "查看"
           }
         ),
-        a && /* @__PURE__ */ e.jsx(g, { icon: /* @__PURE__ */ e.jsx(Q, {}), onClick: () => J(m), children: "复制" })
+        p && /* @__PURE__ */ e.jsx(T, { icon: /* @__PURE__ */ e.jsx(se, {}), onClick: () => V(C), children: "复制" })
       ] }) }),
-      /* @__PURE__ */ e.jsx(O.Item, { label: "描述", span: 2, children: t.description || "-" })
+      /* @__PURE__ */ e.jsx(O.Item, { label: "描述", span: 2, children: s.description || "-" })
     ] }) }),
-    /* @__PURE__ */ e.jsx(I, { style: { marginTop: 16 }, children: /* @__PURE__ */ e.jsx(
-      Ke,
+    /* @__PURE__ */ e.jsx(k, { style: { marginTop: 16 }, children: /* @__PURE__ */ e.jsx(
+      Ne,
       {
         items: [
           {
             key: "history",
-            label: `历史版本 (${o.length})`,
+            label: `历史版本 (${d.length})`,
             children: /* @__PURE__ */ e.jsx(
-              $,
+              ee,
               {
                 size: "small",
                 rowKey: "id",
-                dataSource: o,
+                dataSource: d,
                 pagination: { pageSize: 10 },
                 columns: [
                   { title: "ID", dataIndex: "id", width: 60 },
@@ -556,26 +601,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(ke, {}),
+                        onClick: () => n(w.id),
+                        disabled: w.opType === "ROLLBACK",
                         children: "回滚"
                       }
                     )
@@ -586,65 +631,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(q, { message: "暂无标签,可通过 /api/tag 添加", type: "info" }) : /* @__PURE__ */ e.jsx(D, { 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(re, { title: "密钥详情", back: !0, onBack: () => r("/z-mist/secret") }),
+    /* @__PURE__ */ e.jsx(N, { 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: G } = b, { Option: le } = L;
+function qe() {
+  const [r, c] = a("AES"), [s, S] = a(""), [d, y] = a(""), [f, I] = a(""), [C, E] = a(""), [p, m] = a(!1), u = async () => {
+    if (!s) {
+      i.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 ? (y(t.data), i.success("加密成功")) : i.error(t.message || "加密失败");
     } catch {
-      r.error("加密请求失败");
+      i.error("加密请求失败");
     } finally {
-      c(!1);
+      m(!1);
     }
-  }, v = async () => {
-    if (!j) {
-      r.warning("请输入密文");
+  }, l = async () => {
+    if (!f) {
+      i.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 ? (E(t.data), i.success("解密成功")) : i.error(t.message || "解密失败");
     } catch {
-      r.error("解密请求失败");
+      i.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("已把加密结果搬到解密输入框");
+  }, h = (t, z) => {
+    navigator.clipboard && navigator.clipboard.writeText(t).then(() => i.success(`${z}已复制`));
+  }, g = () => {
+    I(d), S(""), y(""), i.info("已把加密结果搬到解密输入框");
   };
   return /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsx(
-      F,
+      q,
       {
         type: "info",
         showIcon: !0,
@@ -653,11 +698,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(H, { gutter: 16, children: [
+      /* @__PURE__ */ e.jsx(K, { span: 2, children: /* @__PURE__ */ e.jsxs(k, { title: "算法", children: [
+        /* @__PURE__ */ e.jsxs(L, { value: r, onChange: c, style: { width: "100%" }, children: [
+          /* @__PURE__ */ e.jsx(le, { value: "AES", children: "AES" }),
+          /* @__PURE__ */ e.jsx(le, { value: "RSA", children: "RSA" })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { style: { marginTop: 16, fontSize: 12, color: "#999" }, children: [
           "AES: 对称加密,速度快,适合大数据",
@@ -665,85 +710,85 @@ function Be() {
           "RSA: 非对称加密,密文较长,适合小数据/密钥交换"
         ] })
       ] }) }),
-      /* @__PURE__ */ e.jsx(R, { span: 11, children: /* @__PURE__ */ e.jsxs(
-        I,
+      /* @__PURE__ */ e.jsx(K, { span: 11, children: /* @__PURE__ */ e.jsxs(
+        k,
         {
           title: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-            /* @__PURE__ */ e.jsx(G, {}),
+            /* @__PURE__ */ e.jsx(W, {}),
             " 加密"
           ] }),
-          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(D, { children: [
+            /* @__PURE__ */ e.jsx(T, { onClick: g, icon: /* @__PURE__ */ e.jsx(ve, {}), size: "small", children: "密文→解密" }),
+            /* @__PURE__ */ e.jsx(T, { type: "primary", onClick: u, loading: p, children: "加密" })
           ] }),
           children: [
             /* @__PURE__ */ e.jsx("div", { style: { marginBottom: 8 }, children: "明文:" }),
             /* @__PURE__ */ e.jsx(
-              N,
+              G,
               {
                 rows: 4,
-                value: t,
-                onChange: (w) => b(w.target.value),
+                value: s,
+                onChange: (t) => S(t.target.value),
                 placeholder: "输入任意明文,例如: my-secret-password-123"
               }
             ),
             /* @__PURE__ */ e.jsx("div", { style: { marginTop: 12, marginBottom: 8 }, children: "密文 (Base64):" }),
             /* @__PURE__ */ e.jsx(
-              N,
+              G,
               {
                 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: () => h(d, "密文"),
                 children: "复制密文"
               }
             )
           ]
         }
       ) }),
-      /* @__PURE__ */ e.jsx(R, { span: 11, children: /* @__PURE__ */ e.jsxs(
-        I,
+      /* @__PURE__ */ e.jsx(K, { span: 11, children: /* @__PURE__ */ e.jsxs(
+        k,
         {
           title: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-            /* @__PURE__ */ e.jsx(be, {}),
+            /* @__PURE__ */ e.jsx(Oe, {}),
             " 解密"
           ] }),
-          extra: /* @__PURE__ */ e.jsx(g, { type: "primary", onClick: v, loading: a, children: "解密" }),
+          extra: /* @__PURE__ */ e.jsx(T, { type: "primary", onClick: l, loading: p, children: "解密" }),
           children: [
             /* @__PURE__ */ e.jsx("div", { style: { marginBottom: 8 }, children: "密文 (Base64):" }),
             /* @__PURE__ */ e.jsx(
-              N,
+              G,
               {
                 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,
+              G,
               {
                 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: () => h(C, "明文"),
                 children: "复制明文"
               }
             )
@@ -751,9 +796,9 @@ function Be() {
         }
       ) })
     ] }),
-    /* @__PURE__ */ e.jsxs(I, { title: "信封加密(Envelope Encryption)", style: { marginTop: 16 }, children: [
+    /* @__PURE__ */ e.jsxs(k, { title: "信封加密(Envelope Encryption)", style: { marginTop: 16 }, children: [
       /* @__PURE__ */ e.jsx(
-        F,
+        q,
         {
           type: "warning",
           showIcon: !0,
@@ -775,161 +820,164 @@ 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();
+const { Option: oe } = L;
+function Ye() {
+  const [r, c] = a([]), [s, S] = a([]), [d, y] = a(!1), [f, I] = a(!1), [C, E] = a(null), [p, m] = a(null), [u, l] = a(null), [h] = x.useForm();
   B(() => {
-    c(), C();
+    g(), t();
   }, []);
-  const c = async () => {
-    h(!0);
+  const g = async () => {
+    y(!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);
+      y(!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 && S(n.data || []), l(null);
+    } catch (n) {
+      l(n);
     }
-  }, v = () => {
-    S(null), a.resetFields(), a.setFieldsValue({
+  }, z = () => {
+    E(null), h.resetFields(), h.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) => {
-    U.confirm({
+    }), I(!0);
+  }, F = (n) => {
+    E(n), h.setFieldsValue({ ...n, enabled: n.enabled === 1 }), I(!0);
+  }, Q = (n) => {
+    $.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 && (i.success("删除成功"), g());
       }
     });
-  }, w = (s) => {
-    U.confirm({
+  }, V = (n) => {
+    $.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 R = await j.post(`/rotation/policy/${n.id}/trigger`);
+        R.success ? (i.success("触发成功"), g(), t()) : i.error(R.message || "触发失败");
       }
     });
-  }, D = async () => {
-    const s = await a.validateFields();
-    typeof s.enabled == "boolean" && (s.enabled = s.enabled ? 1 : 0);
+  }, X = async () => {
+    const n = await h.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 R = C ? await j.put(`/rotation/policy/${C.id}`, n) : await j.post("/rotation/policy", n);
+      R.success ? (i.success(C ? "更新成功" : "创建成功"), I(!1), g()) : i.error(R.message || "操作失败");
     } catch {
-      r.error("操作失败");
+      i.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.jsx(
-        $,
-        {
-          loading: o,
-          rowKey: "id",
-          dataSource: i,
-          pagination: { pageSize: 10 },
-          columns: [
-            { title: "ID", dataIndex: "id", width: 60 },
-            { title: "密钥标识", dataIndex: "secretKey" },
-            { title: "分组", dataIndex: "group", width: 110 },
-            { title: "命名空间", dataIndex: "namespace", width: 110 },
-            {
-              title: "cron",
-              dataIndex: "cronExpression",
-              width: 150,
-              render: (s) => /* @__PURE__ */ e.jsx("code", { children: s })
-            },
-            {
-              title: "策略",
-              dataIndex: "rotationStrategy",
-              width: 80,
-              render: (s) => /* @__PURE__ */ e.jsx(T, { color: s === "auto" ? "blue" : "orange", children: s })
-            },
-            { title: "新值长度", dataIndex: "newValueLength", width: 90 },
-            {
-              title: "启用",
-              dataIndex: "enabled",
-              width: 70,
-              render: (s) => /* @__PURE__ */ e.jsx(T, { color: s === 1 ? "green" : "default", children: s === 1 ? "是" : "否" })
-            },
-            {
-              title: "上次轮换",
-              dataIndex: "lastRotationTime",
-              width: 170,
-              render: (s) => s ? new Date(s).toLocaleString() : "从未"
-            },
-            {
-              title: "下次轮换",
-              dataIndex: "nextRotationTime",
-              width: 170,
-              render: (s) => s ? new Date(s).toLocaleString() : "-"
-            },
-            {
-              title: "操作",
-              width: 240,
-              fixed: "right",
-              render: (s, z) => /* @__PURE__ */ e.jsxs(K, { size: "small", children: [
-                /* @__PURE__ */ e.jsx(
-                  g,
-                  {
-                    type: "link",
-                    icon: /* @__PURE__ */ e.jsx(Ce, {}),
-                    onClick: () => w(z),
-                    children: "立即触发"
-                  }
-                ),
-                /* @__PURE__ */ e.jsx(
-                  g,
-                  {
-                    type: "link",
-                    icon: /* @__PURE__ */ e.jsx(Te, {}),
-                    onClick: () => n(z),
-                    children: "编辑"
-                  }
-                ),
-                /* @__PURE__ */ e.jsx(
-                  g,
-                  {
-                    type: "link",
-                    danger: !0,
-                    icon: /* @__PURE__ */ e.jsx(ke, {}),
-                    onClick: () => A(z),
-                    children: "删除"
-                  }
-                )
-              ] })
-            }
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e.jsx(I, { title: "轮换历史", style: { marginTop: 16 }, children: /* @__PURE__ */ e.jsx(
-      $,
+    p && /* @__PURE__ */ e.jsx("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ e.jsx(N, { error: p, title: "查询策略失败", onRetry: () => g() }) }),
+    /* @__PURE__ */ e.jsx(
+      Y,
       {
+        cardTitle: "轮换策略",
+        rows: r,
+        columns: [
+          { title: "ID", dataIndex: "id", width: 60 },
+          { title: "密钥标识", dataIndex: "secretKey" },
+          { title: "分组", dataIndex: "group", width: 110 },
+          { title: "命名空间", dataIndex: "namespace", width: 110 },
+          {
+            title: "cron",
+            dataIndex: "cronExpression",
+            width: 150,
+            render: (n) => /* @__PURE__ */ e.jsx("code", { children: n })
+          },
+          {
+            title: "策略",
+            dataIndex: "rotationStrategy",
+            width: 80,
+            render: (n) => /* @__PURE__ */ e.jsx(v, { color: n === "auto" ? "blue" : "orange", children: n })
+          },
+          { title: "新值长度", dataIndex: "newValueLength", width: 90 },
+          {
+            title: "启用",
+            dataIndex: "enabled",
+            width: 70,
+            render: (n) => /* @__PURE__ */ e.jsx(v, { color: n === 1 ? "green" : "default", children: n === 1 ? "是" : "否" })
+          },
+          {
+            title: "上次轮换",
+            dataIndex: "lastRotationTime",
+            width: 170,
+            render: (n) => n ? new Date(n).toLocaleString() : "从未"
+          },
+          {
+            title: "下次轮换",
+            dataIndex: "nextRotationTime",
+            width: 170,
+            render: (n) => n ? new Date(n).toLocaleString() : "-"
+          },
+          {
+            title: "操作",
+            width: 240,
+            fixed: "right",
+            render: (n, R) => /* @__PURE__ */ e.jsxs(D, { size: "small", children: [
+              /* @__PURE__ */ e.jsx(
+                T,
+                {
+                  type: "link",
+                  icon: /* @__PURE__ */ e.jsx(ze, {}),
+                  onClick: () => V(R),
+                  children: "立即触发"
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                T,
+                {
+                  type: "link",
+                  icon: /* @__PURE__ */ e.jsx(Re, {}),
+                  onClick: () => F(R),
+                  children: "编辑"
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                T,
+                {
+                  type: "link",
+                  danger: !0,
+                  icon: /* @__PURE__ */ e.jsx(Ae, {}),
+                  onClick: () => Q(R),
+                  children: "删除"
+                }
+              )
+            ] })
+          }
+        ],
         rowKey: "id",
-        dataSource: t,
-        pagination: { pageSize: 10 },
+        loading: d,
+        searchKeys: "secretKey,group,namespace",
+        searchPlaceholder: "按密钥标识 / 分组 / 命名空间过滤",
+        emptyTitle: "暂无轮换策略",
+        emptyDescription: "点「新建策略」给密钥配一条自动轮换规则",
+        cardExtra: /* @__PURE__ */ e.jsxs(D, { children: [
+          /* @__PURE__ */ e.jsx(T, { icon: /* @__PURE__ */ e.jsx(te, {}), onClick: g, children: "刷新" }),
+          /* @__PURE__ */ e.jsx(T, { type: "primary", icon: /* @__PURE__ */ e.jsx(Ee, {}), onClick: z, children: "新建策略" })
+        ] })
+      }
+    ),
+    u && /* @__PURE__ */ e.jsx("div", { style: { marginTop: 16, marginBottom: 16 }, children: /* @__PURE__ */ e.jsx(N, { error: u, title: "查询轮换历史失败", onRetry: () => t() }) }),
+    /* @__PURE__ */ e.jsx(
+      Y,
+      {
+        cardTitle: "轮换历史",
+        rows: s,
         columns: [
           { title: "ID", dataIndex: "id", width: 60 },
           { title: "密钥", dataIndex: "secretKey", ellipsis: !0 },
@@ -940,11 +988,11 @@ function Fe() {
             title: "触发方式",
             dataIndex: "triggerType",
             width: 100,
-            render: (s) => /* @__PURE__ */ e.jsx(
-              T,
+            render: (n) => /* @__PURE__ */ e.jsx(
+              v,
               {
-                color: s === "cron" ? "blue" : s === "manual" ? "orange" : "default",
-                children: s
+                color: n === "cron" ? "blue" : n === "manual" ? "orange" : "default",
+                children: n
               }
             )
           },
@@ -952,81 +1000,87 @@ function Fe() {
             title: "成功",
             dataIndex: "success",
             width: 80,
-            render: (s) => /* @__PURE__ */ e.jsx(T, { color: s === 1 ? "green" : "red", children: s === 1 ? "是" : "否" })
+            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: (s) => s ? new Date(s).toLocaleString() : "-"
+            render: (n) => n ? new Date(n).toLocaleString() : "-"
           }
-        ]
+        ],
+        rowKey: "id",
+        searchKeys: "secretKey,errorMessage",
+        searchPlaceholder: "按密钥标识 / 错误信息过滤",
+        emptyTitle: "暂无轮换记录",
+        emptyDescription: "策略触发后这里会留下每次轮换的痕迹",
+        cardProps: { style: { marginTop: 16 } }
       }
-    ) }),
+    ),
     /* @__PURE__ */ e.jsx(
-      U,
+      $,
       {
-        title: m ? "编辑策略" : "新建策略",
-        open: j,
-        onCancel: () => k(!1),
-        onOk: D,
+        title: C ? "编辑策略" : "新建策略",
+        open: f,
+        onCancel: () => I(!1),
+        onOk: X,
         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: h, 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(oe, { value: "auto", children: "auto (自动生成随机值)" }),
+            /* @__PURE__ */ e.jsx(oe, { 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(Be, { 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: Z } = L;
+function We() {
+  const [r, c] = a([]), [s, S] = a(0), [d, y] = a(!1), [f, I] = a(1), [C, E] = a(20), [p, m] = a(null), [u, l] = a({
     secretKey: "",
     operator: "",
     opType: "",
     success: void 0
   });
   B(() => {
-    C();
-  }, [j, m]);
-  const C = async () => {
-    h(!0);
+    h();
+  }, [f, C]);
+  const h = async () => {
+    y(!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
+      }), z = await j.get(`/log/page?${t}`);
+      z.success && (c(z.data || []), S(z.total || 0)), m(null);
+    } catch (t) {
+      m(t);
     } finally {
-      h(!1);
+      y(!1);
     }
-  }, v = {
+  }, g = {
     GET: "blue",
     LIST: "cyan",
     PUT: "green",
@@ -1040,75 +1094,66 @@ 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.jsxs("div", { children: [
+    p && /* @__PURE__ */ e.jsx("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ e.jsx(N, { error: p, title: "查询日志失败", onRetry: () => h() }) }),
+    /* @__PURE__ */ e.jsx(
+      Me,
+      {
+        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(
+            L,
+            {
+              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(Z, { value: t, children: t }, t)
+              )
+            }
+          ),
+          /* @__PURE__ */ e.jsxs(
+            L,
+            {
+              placeholder: "成功/失败",
+              allowClear: !0,
+              value: u.success,
+              onChange: (t) => l({ ...u, success: t }),
+              style: { width: 120 },
+              children: [
+                /* @__PURE__ */ e.jsx(Z, { value: !0, children: "成功" }),
+                /* @__PURE__ */ e.jsx(Z, { 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: "刷新" })
-    ] }),
+        ] })
+      }
+    ),
     /* @__PURE__ */ e.jsx(
-      $,
+      Y,
       {
-        loading: o,
-        rowKey: "id",
-        dataSource: i,
-        pagination: {
-          current: j,
-          pageSize: m,
-          total: t,
-          showSizeChanger: !0,
-          onChange: (n, A) => {
-            k(n), S(A);
-          }
-        },
+        rows: r,
         columns: [
           { title: "ID", dataIndex: "id", width: 60 },
           { title: "密钥", dataIndex: "secretKey", ellipsis: !0, width: 180 },
@@ -1116,7 +1161,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: g[t] || "default", children: t })
           },
           { title: "操作者", dataIndex: "operator", width: 110 },
           { title: "IP", dataIndex: "operatorIp", width: 130 },
@@ -1124,48 +1169,67 @@ 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() : "-"
           }
-        ]
+        ],
+        rowKey: "id",
+        loading: d,
+        pagination: {
+          current: f,
+          pageSize: C,
+          total: s,
+          showSizeChanger: !0,
+          onChange: (t, z) => {
+            I(t), E(z);
+          }
+        },
+        emptyTitle: "暂无访问日志",
+        emptyDescription: "放宽筛选条件再查一次",
+        cardExtra: /* @__PURE__ */ e.jsxs(D, { children: [
+          /* @__PURE__ */ e.jsx(T, { type: "primary", icon: /* @__PURE__ */ e.jsx(Ke, {}), onClick: () => {
+            I(1), h();
+          }, children: "查询" }),
+          /* @__PURE__ */ e.jsx(T, { icon: /* @__PURE__ */ e.jsx(te, {}), onClick: h, children: "刷新" })
+        ] })
       }
     )
-  ] }) });
+  ] });
 }
-const { Title: Ne, Paragraph: Me } = Ue;
-function Ge() {
-  const i = H(), [p, t] = d(null);
+const { Title: Je, Paragraph: Qe } = Ve;
+function Xe() {
+  const r = J(), [c, s] = a(null);
   B(() => {
-    const o = localStorage.getItem("userInfo");
-    if (o)
+    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 S = Ze.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(k, { style: { marginBottom: 16, background: "linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%)", border: "none" }, children: /* @__PURE__ */ e.jsxs(D, { direction: "vertical", size: 4, style: { color: "#fff" }, children: [
+      /* @__PURE__ */ e.jsxs(Je, { 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(Qe, { 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(H, { gutter: [16, 16], children: S.map((d) => /* @__PURE__ */ e.jsx(K, { xs: 24, sm: 12, md: 12, lg: 8, children: /* @__PURE__ */ e.jsx(k, { hoverable: !0, onClick: () => r(d.key), style: { borderTop: "3px solid #7c3aed" }, children: /* @__PURE__ */ e.jsxs(D, { align: "start", size: 12, children: [
       /* @__PURE__ */ e.jsx("div", { style: {
         width: 44,
         height: 44,
@@ -1177,22 +1241,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 ct() {
+  const [r, c] = a(!1), s = async (S) => {
+    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）");
+      S.username === _.username && S.password === _.password ? (localStorage.setItem("token", "mock-" + _.username), localStorage.setItem("userInfo", JSON.stringify(_.user)), i.success("登录成功（mock 模式，待 CTC/SSO 接入）"), window.location.href = "/z-mist/home") : i.error("用户名或密码错误（默认 admin/123456）");
     } finally {
-      p(!1);
+      c(!1);
     }
   };
   return /* @__PURE__ */ e.jsx("div", { style: {
@@ -1201,7 +1265,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(k, { 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 +1282,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(ce, {}), placeholder: "用户名" }) }),
+      /* @__PURE__ */ e.jsx(x.Item, { name: "password", rules: [{ required: !0, message: "请输入密码" }], children: /* @__PURE__ */ e.jsx(b.Password, { prefix: /* @__PURE__ */ e.jsx(W, {}), 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 +1305,38 @@ 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 dt = { title: "z-mist 密钥管理", short: "z-mist" }, Ze = [
+  { key: "/z-mist/home", label: "首页", icon: /* @__PURE__ */ e.jsx(Le, {}) },
+  { key: "/z-mist/dashboard", label: "数据看板", icon: /* @__PURE__ */ e.jsx(De, {}) },
+  { key: "/z-mist/secret", label: "密钥管理", icon: /* @__PURE__ */ e.jsx(de, {}) },
+  { key: "/z-mist/eaas", label: "加密即服务", icon: /* @__PURE__ */ e.jsx(W, {}) },
+  { key: "/z-mist/rotation", label: "轮换策略", icon: /* @__PURE__ */ e.jsx(te, {}) },
+  { key: "/z-mist/acl", label: "授权管理", icon: /* @__PURE__ */ e.jsx(Pe, {}) },
+  { key: "/z-mist/app", label: "应用管理", icon: /* @__PURE__ */ e.jsx(Ue, {}) },
+  { key: "/z-mist/log", label: "访问日志", icon: /* @__PURE__ */ e.jsx($e, {}) },
+  { key: "/z-mist/docs", label: "组件文档", icon: /* @__PURE__ */ e.jsx(_e, {}) }
+], pt = [
+  { path: "/z-mist/home", Component: Xe },
+  { path: "/z-mist/dashboard", Component: Ge },
+  { 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: He },
+  { path: "/z-mist/eaas", Component: qe },
+  { path: "/z-mist/rotation", Component: Ye },
+  { path: "/z-mist/acl", Component: me },
+  { path: "/z-mist/app", Component: ue },
+  { path: "/z-mist/log", Component: We },
+  { path: "/z-mist/docs", Component: ye },
+  { 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
+  ye as ComponentDocPage,
+  Ge as Dashboard,
+  Xe as HomePage,
+  lt as Login,
+  ct as LoginPage,
+  dt as appMeta,
+  Ze as menuItems,
+  pt as routes
 };