@yuku123/z-mist-component 0.1.1 → 0.1.2

package/dist/ComponentDoc-MZ2exfz_.js

@@ -0,0 +1,966 @@
+import { useNavigate as we, Routes as ke, Route as H, Navigate as be } from "react-router-dom";
+import Re, { useState as i, useEffect as te } from "react";
+import { Space as F, Input as _, Button as j, message as y, Modal as L, Tag as U, Select as q, Form as w, Switch as Oe } from "antd";
+import { EyeInvisibleOutlined as Se, EyeOutlined as je, CopyOutlined as _e, ReloadOutlined as ne, PlusOutlined as re, EditOutlined as se, DeleteOutlined as ae, ExclamationCircleOutlined as Ce, KeyOutlined as Pe, SafetyOutlined as Ie } from "@ant-design/icons";
+import { ListTable as oe, SearchInput as ye, ErrorState as ge, TableToolbar as ze, ComponentDoc as Ae } from "@yuku123/z-frontend-common/ui";
+import { request as C } from "@yuku123/z-frontend-common";
+var X = { exports: {} }, J = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var me;
+function De() {
+  if (me) return J;
+  me = 1;
+  var m = Symbol.for("react.transitional.element"), O = Symbol.for("react.fragment");
+  function b(T, u, c) {
+    var g = null;
+    if (c !== void 0 && (g = "" + c), u.key !== void 0 && (g = "" + u.key), "key" in u) {
+      c = {};
+      for (var S in u)
+        S !== "key" && (c[S] = u[S]);
+    } else c = u;
+    return u = c.ref, {
+      $$typeof: m,
+      type: T,
+      key: g,
+      ref: u !== void 0 ? u : null,
+      props: c
+    };
+  }
+  return J.Fragment = O, J.jsx = b, J.jsxs = b, J;
+}
+var B = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var xe;
+function Le() {
+  return xe || (xe = 1, process.env.NODE_ENV !== "production" && (function() {
+    function m(t) {
+      if (t == null) return null;
+      if (typeof t == "function")
+        return t.$$typeof === ve ? null : t.displayName || t.name || null;
+      if (typeof t == "string") return t;
+      switch (t) {
+        case o:
+          return "Fragment";
+        case x:
+          return "Profiler";
+        case v:
+          return "StrictMode";
+        case V:
+          return "Suspense";
+        case K:
+          return "SuspenseList";
+        case l:
+          return "Activity";
+        case W:
+          return "ViewTransition";
+      }
+      if (typeof t == "object")
+        switch (typeof t.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), t.$$typeof) {
+          case a:
+            return "Portal";
+          case G:
+            return t.displayName || "Context";
+          case E:
+            return (t._context.displayName || "Context") + ".Consumer";
+          case Y:
+            var s = t.render;
+            return t = t.displayName, t || (t = s.displayName || s.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case r:
+            return s = t.displayName || null, s !== null ? s : m(t.type) || "Memo";
+          case n:
+            s = t._payload, t = t._init;
+            try {
+              return m(t(s));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function O(t) {
+      return "" + t;
+    }
+    function b(t) {
+      try {
+        O(t);
+        var s = !1;
+      } catch {
+        s = !0;
+      }
+      if (s) {
+        s = console;
+        var d = s.error, h = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return d.call(
+          s,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          h
+        ), O(t);
+      }
+    }
+    function T(t) {
+      if (t === o) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === n)
+        return "<...>";
+      try {
+        var s = m(t);
+        return s ? "<" + s + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function u() {
+      var t = Q.A;
+      return t === null ? null : t.getOwner();
+    }
+    function c() {
+      return Error("react-stack-top-frame");
+    }
+    function g(t) {
+      if (ie.call(t, "key")) {
+        var s = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (s && s.isReactWarning) return !1;
+      }
+      return t.key !== void 0;
+    }
+    function S(t, s) {
+      function d() {
+        le || (le = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          s
+        ));
+      }
+      d.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: d,
+        configurable: !0
+      });
+    }
+    function P() {
+      var t = m(this.type);
+      return ce[t] || (ce[t] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), t = this.props.ref, t !== void 0 ? t : null;
+    }
+    function I(t, s, d, h, $, D) {
+      var f = d.ref;
+      return t = {
+        $$typeof: N,
+        type: t,
+        key: s,
+        props: d,
+        _owner: h
+      }, (f !== void 0 ? f : null) !== null ? Object.defineProperty(t, "ref", {
+        enumerable: !1,
+        get: P
+      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(t, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(t, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: $
+      }), Object.defineProperty(t, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: D
+      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
+    }
+    function A(t, s, d, h, $, D) {
+      var f = s.children;
+      if (f !== void 0)
+        if (h)
+          if (Ee(f)) {
+            for (h = 0; h < f.length; h++)
+              R(f[h]);
+            Object.freeze && Object.freeze(f);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else R(f);
+      if (ie.call(s, "key")) {
+        f = m(t);
+        var M = Object.keys(s).filter(function(Te) {
+          return Te !== "key";
+        });
+        h = 0 < M.length ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}", pe[f + h] || (M = 0 < M.length ? "{" + M.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          h,
+          f,
+          M,
+          f
+        ), pe[f + h] = !0);
+      }
+      if (f = null, d !== void 0 && (b(d), f = "" + d), g(s) && (b(s.key), f = "" + s.key), "key" in s) {
+        d = {};
+        for (var ee in s)
+          ee !== "key" && (d[ee] = s[ee]);
+      } else d = s;
+      return f && S(
+        d,
+        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
+      ), I(
+        t,
+        f,
+        d,
+        u(),
+        $,
+        D
+      );
+    }
+    function R(t) {
+      p(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === n && (t._payload.status === "fulfilled" ? p(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
+    }
+    function p(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === N;
+    }
+    var k = Re, N = Symbol.for("react.transitional.element"), a = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), x = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"), G = Symbol.for("react.context"), Y = Symbol.for("react.forward_ref"), V = Symbol.for("react.suspense"), K = Symbol.for("react.suspense_list"), r = Symbol.for("react.memo"), n = Symbol.for("react.lazy"), l = Symbol.for("react.activity"), W = Symbol.for("react.view_transition"), ve = Symbol.for("react.client.reference"), Q = k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ie = Object.prototype.hasOwnProperty, Ee = Array.isArray, Z = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    k = {
+      react_stack_bottom_frame: function(t) {
+        return t();
+      }
+    };
+    var le, ce = {}, de = k.react_stack_bottom_frame.bind(
+      k,
+      c
+    )(), ue = Z(T(c)), pe = {};
+    B.Fragment = o, B.jsx = function(t, s, d) {
+      var h = 1e4 > Q.recentlyCreatedOwnerStacks++;
+      if (h) {
+        var $ = Error.stackTraceLimit;
+        Error.stackTraceLimit = 10;
+        var D = Error("react-stack-top-frame");
+        Error.stackTraceLimit = $;
+      } else D = de;
+      return A(
+        t,
+        s,
+        d,
+        !1,
+        D,
+        h ? Z(T(t)) : ue
+      );
+    }, B.jsxs = function(t, s, d) {
+      var h = 1e4 > Q.recentlyCreatedOwnerStacks++;
+      if (h) {
+        var $ = Error.stackTraceLimit;
+        Error.stackTraceLimit = 10;
+        var D = Error("react-stack-top-frame");
+        Error.stackTraceLimit = $;
+      } else D = de;
+      return A(
+        t,
+        s,
+        d,
+        !0,
+        D,
+        h ? Z(T(t)) : ue
+      );
+    };
+  })()), B;
+}
+var he;
+function Ne() {
+  return he || (he = 1, process.env.NODE_ENV === "production" ? X.exports = De() : X.exports = Le()), X.exports;
+}
+var e = Ne();
+function $e({ value: m, displayValue: O = "••••••", copyable: b = !0 }) {
+  const [T, u] = i(!1), c = () => {
+    m && (navigator.clipboard.writeText(m), y.success("已复制到剪贴板"));
+  };
+  return /* @__PURE__ */ e.jsxs(F, { children: [
+    /* @__PURE__ */ e.jsx(
+      _,
+      {
+        value: T ? m : O,
+        readOnly: !0,
+        style: { width: 200 }
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      j,
+      {
+        size: "small",
+        icon: T ? /* @__PURE__ */ e.jsx(Se, {}) : /* @__PURE__ */ e.jsx(je, {}),
+        onClick: () => u(!T)
+      }
+    ),
+    b && /* @__PURE__ */ e.jsx(
+      j,
+      {
+        size: "small",
+        icon: /* @__PURE__ */ e.jsx(_e, {}),
+        onClick: c
+      }
+    )
+  ] });
+}
+function Ue() {
+  const m = we(), [O, b] = i([]), [T, u] = i(!1), [c, g] = i(""), [S, P] = i(!1), [I, A] = i(null), R = async (a) => {
+    u(!0);
+    try {
+      const o = a ? `/secret/search?keyword=${encodeURIComponent(a)}` : "/secret/list", v = await C.get(o);
+      v.success && b(v.data || []);
+    } catch {
+      y.error("获取密钥列表失败");
+    } finally {
+      u(!1);
+    }
+  };
+  te(() => {
+    R();
+  }, []);
+  const p = (a) => {
+    L.confirm({
+      title: "确认删除",
+      icon: /* @__PURE__ */ e.jsx(Ce, {}),
+      content: `确定要删除密钥 "${a.secretName}" 吗?`,
+      onOk: async () => {
+        try {
+          const o = await C.delete(
+            `/secret?secretKey=${encodeURIComponent(a.secretKey)}&group=${encodeURIComponent(a.group || "DEFAULT_GROUP")}&namespace=${encodeURIComponent(a.namespace || "")}`
+          );
+          o.success ? (y.success("删除成功"), R(c)) : y.error(o.message || "删除失败");
+        } catch {
+          y.error("删除失败");
+        }
+      }
+    });
+  }, k = (a) => {
+    L.confirm({
+      title: "立即轮换密钥?",
+      content: `将重新生成 "${a.secretKey}" 的值并自增版本`,
+      onOk: async () => {
+        const o = await C.post(
+          `/secret/rotate?secretKey=${encodeURIComponent(a.secretKey)}&group=${encodeURIComponent(a.group || "DEFAULT_GROUP")}&namespace=${encodeURIComponent(a.namespace || "")}&newValueLength=32`
+        );
+        o.success ? (y.success("轮换成功"), R(c)) : y.error(o.message || "轮换失败");
+      }
+    });
+  }, N = [
+    {
+      title: "密钥名称",
+      dataIndex: "secretName",
+      key: "secretName"
+    },
+    {
+      title: "密钥标识",
+      dataIndex: "secretKey",
+      key: "secretKey"
+    },
+    {
+      title: "分组",
+      dataIndex: "group",
+      key: "group",
+      width: 120
+    },
+    {
+      title: "命名空间",
+      dataIndex: "namespace",
+      key: "namespace",
+      width: 110
+    },
+    {
+      title: "密钥类型",
+      dataIndex: "secretType",
+      key: "secretType",
+      width: 110,
+      render: (a) => {
+        const o = {
+          text: "blue",
+          password: "red",
+          cert: "green",
+          key: "purple",
+          api_key: "orange"
+        };
+        return /* @__PURE__ */ e.jsx(U, { color: o[a] || "default", children: a });
+      }
+    },
+    {
+      title: "版本",
+      dataIndex: "keyVersion",
+      key: "keyVersion",
+      width: 80
+    },
+    {
+      title: "过期",
+      dataIndex: "expireTime",
+      key: "expireTime",
+      width: 170,
+      render: (a) => {
+        if (!a) return /* @__PURE__ */ e.jsx("span", { style: { color: "#999" }, children: "-" });
+        const o = new Date(a), v = Math.floor((o - /* @__PURE__ */ new Date()) / (1e3 * 60 * 60 * 24));
+        let x = "default";
+        return v < 0 ? x = "red" : v < 7 ? x = "orange" : v < 30 ? x = "gold" : x = "green", /* @__PURE__ */ e.jsxs(U, { color: x, children: [
+          o.toLocaleDateString(),
+          v >= 0 && ` (${v}d)`
+        ] });
+      }
+    },
+    {
+      title: "创建时间",
+      dataIndex: "gmtCreate",
+      key: "gmtCreate",
+      width: 170,
+      render: (a) => a ? new Date(a).toLocaleString() : "-"
+    },
+    {
+      title: "操作",
+      key: "action",
+      width: 320,
+      fixed: "right",
+      render: (a, o) => /* @__PURE__ */ e.jsxs(F, { size: "small", children: [
+        /* @__PURE__ */ e.jsx(
+          j,
+          {
+            type: "link",
+            icon: /* @__PURE__ */ e.jsx(je, {}),
+            onClick: () => m(`/z-mist/secret/detail/${o.id}`),
+            children: "详情"
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          j,
+          {
+            type: "link",
+            icon: /* @__PURE__ */ e.jsx(se, {}),
+            onClick: () => m(`/z-mist/secret/edit/${o.id}`),
+            children: "编辑"
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          j,
+          {
+            type: "link",
+            onClick: () => k(o),
+            children: "轮换"
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          j,
+          {
+            type: "link",
+            danger: !0,
+            icon: /* @__PURE__ */ e.jsx(ae, {}),
+            onClick: () => p(o),
+            children: "删除"
+          }
+        )
+      ] })
+    }
+  ];
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("div", { style: { marginBottom: 16, display: "flex", justifyContent: "space-between" }, children: /* @__PURE__ */ e.jsx("h2", { children: "密钥管理" }) }),
+    /* @__PURE__ */ e.jsx(
+      oe,
+      {
+        rows: O,
+        columns: N,
+        rowKey: "id",
+        loading: T,
+        scroll: { x: 1200 },
+        emptyTitle: "暂无密钥",
+        emptyDescription: "点右上角「新增密钥」创建第一个",
+        cardExtra: /* @__PURE__ */ e.jsxs(F, { children: [
+          /* @__PURE__ */ e.jsx(
+            ye,
+            {
+              placeholder: "搜索密钥标识/名称/描述/应用",
+              value: c,
+              onChange: g,
+              onSearch: (a) => {
+                g(a), R(a);
+              },
+              width: 320
+            }
+          ),
+          /* @__PURE__ */ e.jsx(j, { icon: /* @__PURE__ */ e.jsx(ne, {}), onClick: () => {
+            g(""), R("");
+          }, children: "重置" }),
+          /* @__PURE__ */ e.jsx(
+            j,
+            {
+              type: "primary",
+              icon: /* @__PURE__ */ e.jsx(re, {}),
+              onClick: () => m("/z-mist/secret/add"),
+              children: "新增密钥"
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      L,
+      {
+        title: "密钥详情 - " + ((I == null ? void 0 : I.secretName) || ""),
+        open: S,
+        onCancel: () => P(!1),
+        footer: null,
+        width: 500,
+        children: I && /* @__PURE__ */ e.jsx(
+          $e,
+          {
+            value: I.secretValue,
+            displayValue: "••••••••"
+          }
+        )
+      }
+    )
+  ] });
+}
+const { Option: fe } = q;
+function Fe() {
+  const [m, O] = i([]), [b, T] = i(0), [u, c] = i(!1), [g, S] = i(1), [P, I] = i(20), [A, R] = i(""), [p, k] = i(null), [N, a] = i(!1), [o, v] = i(null), [x] = w.useForm();
+  te(() => {
+    E();
+  }, [g, P]);
+  const E = async (n) => {
+    c(!0);
+    try {
+      const l = typeof n == "string" ? n : A, W = await C.get(`/app/page?current=${g}&size=${P}&appName=${encodeURIComponent(l)}`);
+      W.success && (O(W.data || []), T(W.total || 0)), k(null);
+    } catch (l) {
+      k(l);
+    } finally {
+      c(!1);
+    }
+  }, G = () => {
+    v(null), x.resetFields(), x.setFieldsValue({ appType: "server", enabled: 1, namespace: "" }), a(!0);
+  }, Y = (n) => {
+    v(n), x.setFieldsValue(n), a(!0);
+  }, V = (n) => {
+    L.confirm({
+      title: "确认删除",
+      content: `确定要删除应用 "${n.appName}" 吗?`,
+      onOk: async () => {
+        const l = await C.delete(`/app/${n.id}`);
+        l.success ? (y.success("删除成功"), E()) : y.error(l.message || "删除失败");
+      }
+    });
+  }, K = (n) => {
+    L.confirm({
+      title: "重置 appSecret",
+      content: `将重新生成 "${n.appName}" 的 appSecret,旧密钥立即失效`,
+      onOk: async () => {
+        const l = await C.post(`/app/${n.id}/reset-secret`);
+        l.success ? (L.info({
+          title: "新密钥生成成功",
+          content: /* @__PURE__ */ e.jsxs("div", { children: [
+            /* @__PURE__ */ e.jsxs("p", { children: [
+              "应用: ",
+              l.data.appName
+            ] }),
+            /* @__PURE__ */ e.jsx("p", { children: "新 appSecret (仅显示一次,请妥善保存):" }),
+            /* @__PURE__ */ e.jsx(_.TextArea, { rows: 3, value: l.data.newSecret, readOnly: !0 })
+          ] })
+        }), E()) : y.error(l.message || "重置失败");
+      }
+    });
+  }, r = async () => {
+    const n = await x.validateFields();
+    try {
+      const l = o ? await C.put(`/app/${o.id}`, n) : await C.post("/app", n);
+      l.success ? (y.success(o ? "更新成功" : "创建成功"), a(!1), E()) : y.error(l.message || "操作失败");
+    } catch {
+      y.error("操作失败");
+    }
+  };
+  return /* @__PURE__ */ e.jsxs("div", { children: [
+    p && /* @__PURE__ */ e.jsx("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ e.jsx(ge, { error: p, title: "获取应用列表失败", onRetry: () => E() }) }),
+    /* @__PURE__ */ e.jsx(
+      oe,
+      {
+        rows: m,
+        columns: [
+          { title: "ID", dataIndex: "id", width: 60 },
+          { title: "应用名", dataIndex: "appName" },
+          {
+            title: "appSecret 指纹",
+            dataIndex: "appSecret",
+            ellipsis: !0,
+            render: (n) => n ? /* @__PURE__ */ e.jsxs("code", { children: [
+              n.substring(0, 8),
+              "...",
+              n.substring(n.length - 4)
+            ] }) : "-"
+          },
+          {
+            title: "类型",
+            dataIndex: "appType",
+            width: 80,
+            render: (n) => /* @__PURE__ */ e.jsx(U, { color: n === "server" ? "blue" : "green", children: n })
+          },
+          { title: "命名空间", dataIndex: "namespace", width: 120 },
+          {
+            title: "启用",
+            dataIndex: "enabled",
+            width: 80,
+            render: (n) => /* @__PURE__ */ e.jsx(U, { color: n === 1 ? "green" : "red", children: n === 1 ? "是" : "否" })
+          },
+          {
+            title: "创建时间",
+            dataIndex: "gmtCreate",
+            width: 170,
+            render: (n) => n ? new Date(n).toLocaleString() : "-"
+          },
+          {
+            title: "操作",
+            width: 280,
+            fixed: "right",
+            render: (n, l) => /* @__PURE__ */ e.jsxs(F, { size: "small", children: [
+              /* @__PURE__ */ e.jsx(
+                j,
+                {
+                  type: "link",
+                  icon: /* @__PURE__ */ e.jsx(se, {}),
+                  onClick: () => Y(l),
+                  children: "编辑"
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                j,
+                {
+                  type: "link",
+                  icon: /* @__PURE__ */ e.jsx(Pe, {}),
+                  onClick: () => K(l),
+                  children: "重置密钥"
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                j,
+                {
+                  type: "link",
+                  danger: !0,
+                  icon: /* @__PURE__ */ e.jsx(ae, {}),
+                  onClick: () => V(l),
+                  children: "删除"
+                }
+              )
+            ] })
+          }
+        ],
+        rowKey: "id",
+        loading: u,
+        pagination: {
+          current: g,
+          pageSize: P,
+          total: b,
+          showSizeChanger: !0,
+          onChange: (n, l) => {
+            S(n), I(l);
+          }
+        },
+        emptyTitle: "暂无应用",
+        emptyDescription: "点「新建应用」注册第一个调用方",
+        cardExtra: /* @__PURE__ */ e.jsxs(F, { children: [
+          /* @__PURE__ */ e.jsx(
+            ye,
+            {
+              placeholder: "搜索应用名",
+              value: A,
+              onChange: R,
+              onSearch: (n) => E(n),
+              width: 240
+            }
+          ),
+          /* @__PURE__ */ e.jsx(j, { icon: /* @__PURE__ */ e.jsx(ne, {}), onClick: () => E(), children: "刷新" }),
+          /* @__PURE__ */ e.jsx(j, { type: "primary", icon: /* @__PURE__ */ e.jsx(re, {}), onClick: G, children: "新建应用" })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      L,
+      {
+        title: o ? "编辑应用" : "新建应用",
+        open: N,
+        onCancel: () => a(!1),
+        onOk: r,
+        width: 500,
+        destroyOnClose: !0,
+        children: /* @__PURE__ */ e.jsxs(w, { form: x, layout: "vertical", children: [
+          /* @__PURE__ */ e.jsx(w.Item, { name: "appName", label: "应用名", rules: [{ required: !0 }], children: /* @__PURE__ */ e.jsx(_, { placeholder: "如: z-trade-biz" }) }),
+          /* @__PURE__ */ e.jsx(w.Item, { name: "appType", label: "应用类型", children: /* @__PURE__ */ e.jsxs(q, { children: [
+            /* @__PURE__ */ e.jsx(fe, { value: "server", children: "server (服务端)" }),
+            /* @__PURE__ */ e.jsx(fe, { value: "client", children: "client (客户端)" })
+          ] }) }),
+          /* @__PURE__ */ e.jsx(w.Item, { name: "namespace", label: "命名空间", children: /* @__PURE__ */ e.jsx(_, { placeholder: "如: prod/dev" }) }),
+          /* @__PURE__ */ e.jsx(w.Item, { name: "enabled", label: "启用", valuePropName: "checked", children: /* @__PURE__ */ e.jsx(Oe, {}) }),
+          /* @__PURE__ */ e.jsx(w.Item, { name: "description", label: "描述", children: /* @__PURE__ */ e.jsx(_.TextArea, { rows: 2 }) })
+        ] })
+      }
+    )
+  ] });
+}
+const { Option: z } = q;
+function Me() {
+  const [m, O] = i([]), [b, T] = i(0), [u, c] = i(!1), [g, S] = i(1), [P, I] = i(20), [A, R] = i(null), [p, k] = i({ secretKey: "", authorizedApp: "", authorizedEnv: "", namespace: "" }), [N, a] = i(!1), [o, v] = i(null), [x] = w.useForm();
+  te(() => {
+    E();
+  }, [g, P]);
+  const E = async () => {
+    c(!0);
+    try {
+      const r = new URLSearchParams({
+        current: g,
+        size: P,
+        secretKey: p.secretKey,
+        authorizedApp: p.authorizedApp,
+        authorizedEnv: p.authorizedEnv,
+        namespace: p.namespace
+      }), n = await C.get(`/acl/page?${r}`);
+      n.success && (O(n.data || []), T(n.total || 0)), R(null);
+    } catch (r) {
+      R(r);
+    } finally {
+      c(!1);
+    }
+  }, G = () => {
+    v(null), x.resetFields(), x.setFieldsValue({
+      permissionLevel: "read",
+      group: "DEFAULT_GROUP",
+      namespace: "",
+      authorizedEnv: "prod"
+    }), a(!0);
+  }, Y = (r) => {
+    v(r), x.setFieldsValue(r), a(!0);
+  }, V = (r) => {
+    L.confirm({
+      title: "确认删除授权",
+      content: `将撤销 ${r.authorizedApp} 对 ${r.secretKey} 的访问权限`,
+      onOk: async () => {
+        const n = await C.delete(`/acl/${r.id}`);
+        n.success ? (y.success("删除成功"), E()) : y.error(n.message || "删除失败");
+      }
+    });
+  }, K = async () => {
+    const r = await x.validateFields();
+    try {
+      const n = o ? await C.put(`/acl/${o.id}`, r) : await C.post("/acl", r);
+      n.success ? (y.success(o ? "更新成功" : "创建成功"), a(!1), E()) : y.error(n.message || "操作失败");
+    } catch {
+      y.error("操作失败");
+    }
+  };
+  return /* @__PURE__ */ e.jsxs("div", { children: [
+    A && /* @__PURE__ */ e.jsx("div", { style: { marginBottom: 16 }, children: /* @__PURE__ */ e.jsx(ge, { error: A, title: "获取授权列表失败", onRetry: () => E() }) }),
+    /* @__PURE__ */ e.jsx(
+      ze,
+      {
+        left: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx(
+            _,
+            {
+              placeholder: "密钥标识",
+              allowClear: !0,
+              value: p.secretKey,
+              onChange: (r) => k({ ...p, secretKey: r.target.value }),
+              style: { width: 180 }
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            _,
+            {
+              placeholder: "授权应用",
+              allowClear: !0,
+              value: p.authorizedApp,
+              onChange: (r) => k({ ...p, authorizedApp: r.target.value }),
+              style: { width: 180 }
+            }
+          ),
+          /* @__PURE__ */ e.jsxs(
+            q,
+            {
+              placeholder: "环境",
+              allowClear: !0,
+              value: p.authorizedEnv || void 0,
+              onChange: (r) => k({ ...p, authorizedEnv: r || "" }),
+              style: { width: 120 },
+              children: [
+                /* @__PURE__ */ e.jsx(z, { value: "dev", children: "dev" }),
+                /* @__PURE__ */ e.jsx(z, { value: "test", children: "test" }),
+                /* @__PURE__ */ e.jsx(z, { value: "pre", children: "pre" }),
+                /* @__PURE__ */ e.jsx(z, { value: "prod", children: "prod" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            _,
+            {
+              placeholder: "命名空间",
+              allowClear: !0,
+              value: p.namespace,
+              onChange: (r) => k({ ...p, namespace: r.target.value }),
+              style: { width: 140 }
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      oe,
+      {
+        rows: m,
+        columns: [
+          { title: "ID", dataIndex: "id", width: 60 },
+          { title: "密钥", dataIndex: "secretKey", ellipsis: !0 },
+          { title: "分组", dataIndex: "group", width: 110 },
+          { title: "命名空间", dataIndex: "namespace", width: 110 },
+          {
+            title: "授权应用",
+            dataIndex: "authorizedApp",
+            render: (r) => /* @__PURE__ */ e.jsx(U, { color: "blue", children: r })
+          },
+          {
+            title: "环境",
+            dataIndex: "authorizedEnv",
+            width: 80,
+            render: (r) => r ? /* @__PURE__ */ e.jsx(U, { children: r }) : /* @__PURE__ */ e.jsx(U, { color: "default", children: "ALL" })
+          },
+          {
+            title: "权限级别",
+            dataIndex: "permissionLevel",
+            width: 100,
+            render: (r) => /* @__PURE__ */ e.jsx(U, { color: r === "decrypt" ? "orange" : "green", children: r })
+          },
+          {
+            title: "过期时间",
+            dataIndex: "expireTime",
+            width: 170,
+            render: (r) => r ? new Date(r).toLocaleString() : "永久"
+          },
+          {
+            title: "创建时间",
+            dataIndex: "gmtCreate",
+            width: 170,
+            render: (r) => r ? new Date(r).toLocaleString() : "-"
+          },
+          {
+            title: "操作",
+            width: 150,
+            fixed: "right",
+            render: (r, n) => /* @__PURE__ */ e.jsxs(F, { size: "small", children: [
+              /* @__PURE__ */ e.jsx(
+                j,
+                {
+                  type: "link",
+                  icon: /* @__PURE__ */ e.jsx(se, {}),
+                  onClick: () => Y(n),
+                  children: "编辑"
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                j,
+                {
+                  type: "link",
+                  danger: !0,
+                  icon: /* @__PURE__ */ e.jsx(ae, {}),
+                  onClick: () => V(n),
+                  children: "删除"
+                }
+              )
+            ] })
+          }
+        ],
+        rowKey: "id",
+        loading: u,
+        pagination: {
+          current: g,
+          pageSize: P,
+          total: b,
+          showSizeChanger: !0,
+          onChange: (r, n) => {
+            S(r), I(n);
+          }
+        },
+        emptyTitle: "暂无授权",
+        emptyDescription: "点「新建授权」给应用开一把钥匙",
+        cardExtra: /* @__PURE__ */ e.jsxs(F, { children: [
+          /* @__PURE__ */ e.jsx(j, { type: "primary", icon: /* @__PURE__ */ e.jsx(Ie, {}), onClick: () => {
+            S(1), E();
+          }, children: "查询" }),
+          /* @__PURE__ */ e.jsx(j, { icon: /* @__PURE__ */ e.jsx(ne, {}), onClick: E, children: "刷新" }),
+          /* @__PURE__ */ e.jsx(j, { type: "primary", icon: /* @__PURE__ */ e.jsx(re, {}), onClick: G, children: "新建授权" })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      L,
+      {
+        title: o ? "编辑授权" : "新建授权",
+        open: N,
+        onCancel: () => a(!1),
+        onOk: K,
+        width: 500,
+        destroyOnClose: !0,
+        children: /* @__PURE__ */ e.jsxs(w, { form: x, layout: "vertical", children: [
+          /* @__PURE__ */ e.jsx(w.Item, { name: "secretKey", label: "密钥标识", rules: [{ required: !0 }], children: /* @__PURE__ */ e.jsx(_, { placeholder: "如: db_password" }) }),
+          /* @__PURE__ */ e.jsx(w.Item, { name: "group", label: "分组", children: /* @__PURE__ */ e.jsx(_, { placeholder: "DEFAULT_GROUP" }) }),
+          /* @__PURE__ */ e.jsx(w.Item, { name: "namespace", label: "命名空间", children: /* @__PURE__ */ e.jsx(_, { placeholder: "prod/test/dev" }) }),
+          /* @__PURE__ */ e.jsx(w.Item, { name: "authorizedApp", label: "授权应用名", rules: [{ required: !0 }], children: /* @__PURE__ */ e.jsx(_, { placeholder: "如: z-trade-biz" }) }),
+          /* @__PURE__ */ e.jsx(w.Item, { name: "authorizedEnv", label: "授权环境", children: /* @__PURE__ */ e.jsxs(q, { children: [
+            /* @__PURE__ */ e.jsx(z, { value: "dev", children: "dev" }),
+            /* @__PURE__ */ e.jsx(z, { value: "test", children: "test" }),
+            /* @__PURE__ */ e.jsx(z, { value: "pre", children: "pre" }),
+            /* @__PURE__ */ e.jsx(z, { value: "prod", children: "prod" })
+          ] }) }),
+          /* @__PURE__ */ e.jsx(w.Item, { name: "permissionLevel", label: "权限级别", children: /* @__PURE__ */ e.jsxs(q, { children: [
+            /* @__PURE__ */ e.jsx(z, { value: "read", children: "read (仅读取密文)" }),
+            /* @__PURE__ */ e.jsx(z, { value: "decrypt", children: "decrypt (读取并解密)" })
+          ] }) })
+        ] })
+      }
+    )
+  ] });
+}
+function Be() {
+  return /* @__PURE__ */ e.jsxs(ke, { children: [
+    /* @__PURE__ */ e.jsx(H, { index: !0, element: /* @__PURE__ */ e.jsx(be, { to: "secret", replace: !0 }) }),
+    /* @__PURE__ */ e.jsx(H, { path: "secret", element: /* @__PURE__ */ e.jsx(Ue, {}) }),
+    /* @__PURE__ */ e.jsx(H, { path: "app", element: /* @__PURE__ */ e.jsx(Fe, {}) }),
+    /* @__PURE__ */ e.jsx(H, { path: "acl", element: /* @__PURE__ */ e.jsx(Me, {}) })
+  ] });
+}
+const qe = "# z-mist-component\n\nz-mist（密钥管理）跨仓唯一前端面：把「密钥台账 / 加密即服务 / 轮换策略 / 授权管理 / 应用管理 /\n访问日志 / 数据看板」这一整套密钥管理页面收敛成一个可复用的 React 组件包。\n\n- **npm 包名**：`@yuku123/z-mist-component`\n- **宿主接入**：`@yuku123/z-mist-component/pages`（manifest + 页面），主壳可只取 `ComponentDocPage`\n- **后端**：z-mist 的密钥管理接口，基座请求实例 `baseURL='/api'`\n- **技术栈**：React 19 + antd 6 + react-router-dom 7 + vite（library mode，双入口 `.` / `./pages`）\n\n---\n\n## 一、能力概览\n\n路由前缀 `/z-mist`，菜单与路由在 `src/pages-manifest.jsx` 里声明。\n\n| 页面 | 路由（相对 `/z-mist/*`） | 源文件 | 能力 |\n|------|--------------------------|--------|------|\n| 登录 | `login` | `pages/login/Login.jsx` | 用户名密码登录（`POST /auth/login`） |\n| 首页 | `home` | `pages/HomePage.jsx` | 入口卡片页 |\n| 数据看板 | `dashboard` | `pages/dashboard/Dashboard.jsx` | 密钥总数、今日操作次数、Top 密钥、即将过期密钥、近 7 天趋势 |\n| 密钥管理 | `secret` | `pages/secret/SecretList.jsx` | 密钥台账列表，支持关键词搜索 |\n| 新建 / 编辑密钥 | `secret/add`、`secret/edit/:id` | `pages/secret/SecretEdit.jsx` | 密钥元信息编辑与保存 |\n| 密钥详情 | `secret/detail/:id` | `pages/secret/SecretDetail.jsx` | 密钥详情 + 密文值展示 + 版本回滚 |\n| 加密即服务 | `eaas` | `pages/eaas/EaasConsole.jsx` | 明文加密 / 解密控制台 + 信封加密说明 |\n| 轮换策略 | `rotation` | `pages/rotation/RotationPolicy.jsx` | 轮换策略增删改查 + 手动触发 + 轮换历史 |\n| 授权管理 | `acl` | `pages/acl/AclManage.jsx` | 授权记录增删改查 |\n| 应用管理 | `app` | `pages/app/AppManage.jsx` | 应用增删改查 + 重置密钥 |\n| 访问日志 | `log` | `pages/log/AccessLog.jsx` | 访问日志分页查询 |\n| 组件文档 | `docs` | `pages/ComponentDoc.jsx` | 本文件渲染页（左侧 240px TOC + 右侧正文） |\n\n`src/pages/MistApp.jsx` 是子路由挂载点（`secret` / `app` / `acl`），被 `routes` 里的\n`/z-mist/:rest*` 承接，同时从包根具名导出。\n\n## 二、导出面\n\n```js\n// 主入口（. 桶）\nimport {request, MistApp, ComponentDocPage} from '@yuku123/z-mist-component'\n\n// 宿主组装面（./pages 桶）\nimport {menuItems, routes, HomePage, LoginPage, Dashboard} from '@yuku123/z-mist-component/pages'\n```\n\n`./pages` 桶是 `export * from './pages-manifest.jsx'` 的整份转发。\n\n## 三、API 端点\n\n请求实例是基座的 `request`（`createRequest()`，`baseURL='/api'`，token 键 `token`）。\n下表是页面里**实际调用**的路径。\n\n| 方法 | 路径 | 说明 |\n|---|---|---|\n| POST | `/auth/login` | 登录 |\n| GET | `/secret/list` | 密钥列表（详情页 / 编辑页也用它取列表） |\n| GET | `/secret/search?keyword=` | 密钥搜索（有关键词时走这个） |\n| POST | `/secret` | 新建密钥 |\n| PUT | `/secret` | 修改密钥 |\n| POST | `/secret/rollback?historyId=` | 回滚到历史版本 |\n| POST | `/eaas/encrypt` | 加密即服务：明文加密 |\n| POST | `/eaas/decrypt` | 加密即服务：解密 |\n| GET | `/rotation/policy/page?current=&size=` | 轮换策略分页 |\n| POST | `/rotation/policy` | 新建轮换策略 |\n| PUT | `/rotation/policy/{id}` | 修改轮换策略 |\n| DELETE | `/rotation/policy/{id}` | 删除轮换策略 |\n| POST | `/rotation/policy/{id}/trigger` | 手动触发轮换 |\n| GET | `/rotation/history/page?current=&size=` | 轮换历史 |\n| GET | `/acl/page?...` | 授权记录分页 |\n| POST | `/acl` | 新建授权 |\n| PUT | `/acl/{id}` | 修改授权 |\n| DELETE | `/acl/{id}` | 删除授权 |\n| GET | `/app/page?current=&size=&appName=` | 应用分页（按名搜索） |\n| POST | `/app` | 新建应用 |\n| PUT | `/app/{id}` | 修改应用 |\n| DELETE | `/app/{id}` | 删除应用 |\n| POST | `/app/{id}/reset-secret` | 重置应用密钥 |\n| GET | `/log/page?...` | 访问日志分页 |\n| GET | `/stats/overview` | 密钥总览统计 |\n| GET | `/stats/daily?days=7` | 近 N 天操作趋势 |\n| GET | `/stats/top-secrets?limit=10` | Top 密钥 |\n| GET | `/stats/expiring` | 即将过期的密钥 |\n\n## 四、页面说明\n\n### 4.1 数据看板\n\n并行拉四个统计端点（`/stats/overview`、`/stats/daily?days=7`、`/stats/top-secrets?limit=10`、\n`/stats/expiring`），渲染密钥总数、今日操作次数等卡片。加载失败走基座 `ErrorState` + 重试。\n\n### 4.2 密钥管理（列表）\n\n密钥台账。**有关键词走 `/secret/search?keyword=`，没有走 `/secret/list`** —— 两条路径要一起改，\n只改一条会出现「搜索能搜到、列表却空」。\n\n### 4.3 新建 / 编辑密钥\n\n同一组件承担新建与编辑两种模式（`/secret/add` 与 `/secret/edit/:id`）：编辑时先取列表定位当前密钥，\n保存时 `POST /secret`（新建）或 `PUT /secret`（修改）。加载失败用基座 `ErrorState`（标题「获取密钥详情失败」）。\n\n### 4.4 密钥详情\n\n展示密钥元信息 + 密文值（`pages/secret/SecretValueDisplay.jsx` 负责展示），并支持按 `historyId` 回滚。\n密钥不存在时展示「该密钥可能已被删除，返回列表重新选择」。\n\n### 4.5 加密即服务\n\n明文加密 / 解密控制台：选算法 → 输入明文 → 得 Base64 密文，可反向解密。\n页面同时说明信封加密（Envelope Encryption）的用法：业务方把敏感数据加密后存 MySQL/Redis，\n后续解密反查，**密钥值不落库**。\n\n### 4.6 轮换策略\n\n策略列表 + 新建 / 编辑 / 删除 + 手动触发轮换，下方展示轮换历史（默认取 50 条）。\n策略列表固定 `current=1&size=100`，历史固定 `current=1&size=50`。\n\n### 4.7 授权管理\n\n授权记录的分页查询与增删改查。\n\n### 4.8 应用管理\n\n应用分页（支持按 `appName` 搜索）+ 增删改查 + **重置密钥**（`POST /app/{id}/reset-secret`）。\n\n### 4.9 访问日志\n\n访问日志分页查询。\n\n### 4.10 组件文档\n\n本文件。内容以 `?raw` 在编译期内联，零额外请求；左侧 240px TOC 随滚动联动。\n\n## 五、配置\n\n| 配置项 | 默认值 | 说明 |\n|---|---|---|\n| 请求实例 | 基座 `request` | `baseURL='/api'`，token 键 `token`，401 跳转与业务码判定由基座统一处理 |\n| `mistErr(e)` | — | 从 500 响应体里取真因（如 `Table 'oc.z_mist_secret_tag' doesn't exist`），避免被 axios 压成「没有数据」 |\n| 轮换策略列表条数 | `size=100` | 固定值，未开放配置 |\n| 轮换历史条数 | `size=50` | 固定值，未开放配置 |\n\n## 六、已知限制\n\n- ⚠ **密钥明文/密文值属于敏感信息**：页面只做展示与回滚，没有任何「导出密钥」入口；\n  后续加功能时不要顺手加批量导出。\n- `services/api.js` 用的是**默认导入**（桶对象）当 axios 用（`import request from '@yuku123/z-frontend-common'`）。\n  基座的桶在 1.1.x 上补了 HTTP 动词转发才让这种写法能跑；**新写代码请用具名导入**\n  `import { request } from '@yuku123/z-frontend-common'`。\n- `services/request.js` 重新导出了一份 `request`，与 `services/api.js` 的默认导出**是同一个实例**\n  （都来自基座），但两个文件各写一份导出，容易让人以为有两个实例。\n- 密钥列表的搜索路径与列表路径是**两条不同的端点**（`/secret/search` vs `/secret/list`），\n  改返回结构时两条都要改。\n- 轮换策略 / 轮换历史的分页参数是**写死的**（`current=1`），没有翻页控件。\n- 页面里 `request.get('/secret/list')` 拿的是**全量列表**再在本地定位，没有按 id 取单个密钥的端点 ——\n  密钥量大时详情页会变慢。\n- 组件包必须 external 基座；`vite.config.js` 的 `external` 是精确字符串匹配，\n  `@yuku123/z-frontend-common/ui` 与 `/ui/echarts` 两个子路径必须逐个列出，漏了基座会被复制进 dist。\n\n## 七、变更记录\n\n| 版本 | 变更 |\n|---|---|\n| 0.1.1 | 新增组件文档页 `ComponentDocPage`（lead 008 §7）：`src/DOC.md` + 基座 `ComponentDoc` 薄包装 |\n| 0.1.0 | 首版：密钥管理页面集 + manifest + 自洽 request |\n";
+function He() {
+  return /* @__PURE__ */ e.jsx(Ae, { markdown: qe, title: "组件文档 — z-mist" });
+}
+export {
+  Me as A,
+  He as C,
+  Be as M,
+  Ue as S,
+  Fe as a,
+  e as j
+};