@yuku123/z-mist-component 0.0.0-stage → 0.1.0

package/dist/MistApp-CBRpXRAw.js

@@ -0,0 +1,955 @@
+import Ee, { useState as c, useEffect as Q } from "react";
+import { useNavigate as ke, Routes as be, Route as G, Navigate as _e } from "react-router-dom";
+import { Space as F, Input as _, Button as y, message as p, Table as ee, Modal as N, Tag as L, Select as Y, Form as k, Card as fe, Switch as Te } from "antd";
+import { EyeInvisibleOutlined as Re, EyeOutlined as xe, CopyOutlined as Ce, SearchOutlined as Oe, ReloadOutlined as te, PlusOutlined as re, EditOutlined as ae, DeleteOutlined as ne, ExclamationCircleOutlined as Se, KeyOutlined as Ie, SafetyOutlined as Ae } from "@ant-design/icons";
+import { request as O } from "@yuku123/z-frontend-common";
+var J = { exports: {} }, q = {};
+/**
+ * @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 ue;
+function Pe() {
+  if (ue) return q;
+  ue = 1;
+  var h = Symbol.for("react.transitional.element"), R = Symbol.for("react.fragment");
+  function T(w, u, d) {
+    var g = null;
+    if (d !== void 0 && (g = "" + d), u.key !== void 0 && (g = "" + u.key), "key" in u) {
+      d = {};
+      for (var C in u)
+        C !== "key" && (d[C] = u[C]);
+    } else d = u;
+    return u = d.ref, {
+      $$typeof: h,
+      type: w,
+      key: g,
+      ref: u !== void 0 ? u : null,
+      props: d
+    };
+  }
+  return q.Fragment = R, q.jsx = T, q.jsxs = T, q;
+}
+var W = {};
+/**
+ * @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 pe;
+function ze() {
+  return pe || (pe = 1, process.env.NODE_ENV !== "production" && (function() {
+    function h(t) {
+      if (t == null) return null;
+      if (typeof t == "function")
+        return t.$$typeof === ge ? null : t.displayName || t.name || null;
+      if (typeof t == "string") return t;
+      switch (t) {
+        case s:
+          return "Fragment";
+        case A:
+          return "Profiler";
+        case i:
+          return "StrictMode";
+        case a:
+          return "Suspense";
+        case r:
+          return "SuspenseList";
+        case je:
+          return "Activity";
+        case ye:
+          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 l:
+            return "Portal";
+          case K:
+            return t.displayName || "Context";
+          case M:
+            return (t._context.displayName || "Context") + ".Consumer";
+          case V:
+            var n = t.render;
+            return t = t.displayName, t || (t = n.displayName || n.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case m:
+            return n = t.displayName || null, n !== null ? n : h(t.type) || "Memo";
+          case B:
+            n = t._payload, t = t._init;
+            try {
+              return h(t(n));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function R(t) {
+      return "" + t;
+    }
+    function T(t) {
+      try {
+        R(t);
+        var n = !1;
+      } catch {
+        n = !0;
+      }
+      if (n) {
+        n = console;
+        var o = n.error, f = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return o.call(
+          n,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          f
+        ), R(t);
+      }
+    }
+    function w(t) {
+      if (t === s) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === B)
+        return "<...>";
+      try {
+        var n = h(t);
+        return n ? "<" + n + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function u() {
+      var t = X.A;
+      return t === null ? null : t.getOwner();
+    }
+    function d() {
+      return Error("react-stack-top-frame");
+    }
+    function g(t) {
+      if (se.call(t, "key")) {
+        var n = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (n && n.isReactWarning) return !1;
+      }
+      return t.key !== void 0;
+    }
+    function C(t, n) {
+      function o() {
+        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)",
+          n
+        ));
+      }
+      o.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: o,
+        configurable: !0
+      });
+    }
+    function S() {
+      var t = h(this.type);
+      return ie[t] || (ie[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, n, o, f, D, z) {
+      var x = o.ref;
+      return t = {
+        $$typeof: b,
+        type: t,
+        key: n,
+        props: o,
+        _owner: f
+      }, (x !== void 0 ? x : null) !== null ? Object.defineProperty(t, "ref", {
+        enumerable: !1,
+        get: S
+      }) : 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: D
+      }), Object.defineProperty(t, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: z
+      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
+    }
+    function j(t, n, o, f, D, z) {
+      var x = n.children;
+      if (x !== void 0)
+        if (f)
+          if (ve(x)) {
+            for (f = 0; f < x.length; f++)
+              E(x[f]);
+            Object.freeze && Object.freeze(x);
+          } 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 E(x);
+      if (se.call(n, "key")) {
+        x = h(t);
+        var U = Object.keys(n).filter(function(we) {
+          return we !== "key";
+        });
+        f = 0 < U.length ? "{key: someKey, " + U.join(": ..., ") + ": ...}" : "{key: someKey}", de[x + f] || (U = 0 < U.length ? "{" + U.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} />`,
+          f,
+          x,
+          U,
+          x
+        ), de[x + f] = !0);
+      }
+      if (x = null, o !== void 0 && (T(o), x = "" + o), g(n) && (T(n.key), x = "" + n.key), "key" in n) {
+        o = {};
+        for (var Z in n)
+          Z !== "key" && (o[Z] = n[Z]);
+      } else o = n;
+      return x && C(
+        o,
+        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
+      ), I(
+        t,
+        x,
+        o,
+        u(),
+        D,
+        z
+      );
+    }
+    function E(t) {
+      $(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === B && (t._payload.status === "fulfilled" ? $(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
+    }
+    function $(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === b;
+    }
+    var v = Ee, b = Symbol.for("react.transitional.element"), l = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), M = Symbol.for("react.consumer"), K = Symbol.for("react.context"), V = Symbol.for("react.forward_ref"), a = Symbol.for("react.suspense"), r = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), B = Symbol.for("react.lazy"), je = Symbol.for("react.activity"), ye = Symbol.for("react.view_transition"), ge = Symbol.for("react.client.reference"), X = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, se = Object.prototype.hasOwnProperty, ve = Array.isArray, H = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    v = {
+      react_stack_bottom_frame: function(t) {
+        return t();
+      }
+    };
+    var le, ie = {}, oe = v.react_stack_bottom_frame.bind(
+      v,
+      d
+    )(), ce = H(w(d)), de = {};
+    W.Fragment = s, W.jsx = function(t, n, o) {
+      var f = 1e4 > X.recentlyCreatedOwnerStacks++;
+      if (f) {
+        var D = Error.stackTraceLimit;
+        Error.stackTraceLimit = 10;
+        var z = Error("react-stack-top-frame");
+        Error.stackTraceLimit = D;
+      } else z = oe;
+      return j(
+        t,
+        n,
+        o,
+        !1,
+        z,
+        f ? H(w(t)) : ce
+      );
+    }, W.jsxs = function(t, n, o) {
+      var f = 1e4 > X.recentlyCreatedOwnerStacks++;
+      if (f) {
+        var D = Error.stackTraceLimit;
+        Error.stackTraceLimit = 10;
+        var z = Error("react-stack-top-frame");
+        Error.stackTraceLimit = D;
+      } else z = oe;
+      return j(
+        t,
+        n,
+        o,
+        !0,
+        z,
+        f ? H(w(t)) : ce
+      );
+    };
+  })()), W;
+}
+var he;
+function Ne() {
+  return he || (he = 1, process.env.NODE_ENV === "production" ? J.exports = Pe() : J.exports = ze()), J.exports;
+}
+var e = Ne();
+function $e({ value: h, displayValue: R = "••••••", copyable: T = !0 }) {
+  const [w, u] = c(!1), d = () => {
+    h && (navigator.clipboard.writeText(h), p.success("已复制到剪贴板"));
+  };
+  return /* @__PURE__ */ e.jsxs(F, { children: [
+    /* @__PURE__ */ e.jsx(
+      _,
+      {
+        value: w ? h : R,
+        readOnly: !0,
+        style: { width: 200 }
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      y,
+      {
+        size: "small",
+        icon: w ? /* @__PURE__ */ e.jsx(Re, {}) : /* @__PURE__ */ e.jsx(xe, {}),
+        onClick: () => u(!w)
+      }
+    ),
+    T && /* @__PURE__ */ e.jsx(
+      y,
+      {
+        size: "small",
+        icon: /* @__PURE__ */ e.jsx(Ce, {}),
+        onClick: d
+      }
+    )
+  ] });
+}
+function De() {
+  const h = ke(), [R, T] = c([]), [w, u] = c(!1), [d, g] = c(""), [C, S] = c(!1), [I, j] = c(null), E = async (l) => {
+    u(!0);
+    try {
+      const s = l ? `/secret/search?keyword=${encodeURIComponent(l)}` : "/secret/list", i = await O.get(s);
+      i.success && T(i.data || []);
+    } catch {
+      p.error("获取密钥列表失败");
+    } finally {
+      u(!1);
+    }
+  };
+  Q(() => {
+    E();
+  }, []);
+  const $ = (l) => {
+    N.confirm({
+      title: "确认删除",
+      icon: /* @__PURE__ */ e.jsx(Se, {}),
+      content: `确定要删除密钥 "${l.secretName}" 吗?`,
+      onOk: async () => {
+        try {
+          const s = await O.delete(
+            `/secret?secretKey=${encodeURIComponent(l.secretKey)}&group=${encodeURIComponent(l.group || "DEFAULT_GROUP")}&namespace=${encodeURIComponent(l.namespace || "")}`
+          );
+          s.success ? (p.success("删除成功"), E(d)) : p.error(s.message || "删除失败");
+        } catch {
+          p.error("删除失败");
+        }
+      }
+    });
+  }, v = (l) => {
+    N.confirm({
+      title: "立即轮换密钥?",
+      content: `将重新生成 "${l.secretKey}" 的值并自增版本`,
+      onOk: async () => {
+        const s = await O.post(
+          `/secret/rotate?secretKey=${encodeURIComponent(l.secretKey)}&group=${encodeURIComponent(l.group || "DEFAULT_GROUP")}&namespace=${encodeURIComponent(l.namespace || "")}&newValueLength=32`
+        );
+        s.success ? (p.success("轮换成功"), E(d)) : p.error(s.message || "轮换失败");
+      }
+    });
+  }, b = [
+    {
+      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: (l) => {
+        const s = {
+          text: "blue",
+          password: "red",
+          cert: "green",
+          key: "purple",
+          api_key: "orange"
+        };
+        return /* @__PURE__ */ e.jsx(L, { color: s[l] || "default", children: l });
+      }
+    },
+    {
+      title: "版本",
+      dataIndex: "keyVersion",
+      key: "keyVersion",
+      width: 80
+    },
+    {
+      title: "过期",
+      dataIndex: "expireTime",
+      key: "expireTime",
+      width: 170,
+      render: (l) => {
+        if (!l) return /* @__PURE__ */ e.jsx("span", { style: { color: "#999" }, children: "-" });
+        const s = new Date(l), i = Math.floor((s - /* @__PURE__ */ new Date()) / (1e3 * 60 * 60 * 24));
+        let A = "default";
+        return i < 0 ? A = "red" : i < 7 ? A = "orange" : i < 30 ? A = "gold" : A = "green", /* @__PURE__ */ e.jsxs(L, { color: A, children: [
+          s.toLocaleDateString(),
+          i >= 0 && ` (${i}d)`
+        ] });
+      }
+    },
+    {
+      title: "创建时间",
+      dataIndex: "gmtCreate",
+      key: "gmtCreate",
+      width: 170,
+      render: (l) => l ? new Date(l).toLocaleString() : "-"
+    },
+    {
+      title: "操作",
+      key: "action",
+      width: 320,
+      fixed: "right",
+      render: (l, s) => /* @__PURE__ */ e.jsxs(F, { size: "small", children: [
+        /* @__PURE__ */ e.jsx(
+          y,
+          {
+            type: "link",
+            icon: /* @__PURE__ */ e.jsx(xe, {}),
+            onClick: () => h(`/z-mist/secret/detail/${s.id}`),
+            children: "详情"
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          y,
+          {
+            type: "link",
+            icon: /* @__PURE__ */ e.jsx(ae, {}),
+            onClick: () => h(`/z-mist/secret/edit/${s.id}`),
+            children: "编辑"
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          y,
+          {
+            type: "link",
+            onClick: () => v(s),
+            children: "轮换"
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          y,
+          {
+            type: "link",
+            danger: !0,
+            icon: /* @__PURE__ */ e.jsx(ne, {}),
+            onClick: () => $(s),
+            children: "删除"
+          }
+        )
+      ] })
+    }
+  ];
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: 16, display: "flex", justifyContent: "space-between" }, children: [
+      /* @__PURE__ */ e.jsx("h2", { children: "密钥管理" }),
+      /* @__PURE__ */ e.jsxs(F, { children: [
+        /* @__PURE__ */ e.jsx(
+          _.Search,
+          {
+            placeholder: "搜索密钥标识/名称/描述/应用",
+            allowClear: !0,
+            onSearch: (l) => {
+              g(l), E(l);
+            },
+            style: { width: 320 },
+            enterButton: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+              /* @__PURE__ */ e.jsx(Oe, {}),
+              " 搜索"
+            ] })
+          }
+        ),
+        /* @__PURE__ */ e.jsx(y, { icon: /* @__PURE__ */ e.jsx(te, {}), onClick: () => {
+          g(""), E("");
+        }, children: "重置" }),
+        /* @__PURE__ */ e.jsx(
+          y,
+          {
+            type: "primary",
+            icon: /* @__PURE__ */ e.jsx(re, {}),
+            onClick: () => h("/z-mist/secret/add"),
+            children: "新增密钥"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      ee,
+      {
+        columns: b,
+        dataSource: R,
+        loading: w,
+        rowKey: "id",
+        pagination: { pageSize: 10, showSizeChanger: !0 },
+        scroll: { x: 1200 }
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      N,
+      {
+        title: "密钥详情 - " + ((I == null ? void 0 : I.secretName) || ""),
+        open: C,
+        onCancel: () => S(!1),
+        footer: null,
+        width: 500,
+        children: I && /* @__PURE__ */ e.jsx(
+          $e,
+          {
+            value: I.secretValue,
+            displayValue: "••••••••"
+          }
+        )
+      }
+    )
+  ] });
+}
+const { Option: me } = Y;
+function Le() {
+  const [h, R] = c([]), [T, w] = c(0), [u, d] = c(!1), [g, C] = c(1), [S, I] = c(20), [j, E] = c(""), [$, v] = c(!1), [b, l] = c(null), [s] = k.useForm();
+  Q(() => {
+    i();
+  }, [g, S]);
+  const i = async () => {
+    d(!0);
+    try {
+      const r = await O.get(`/app/page?current=${g}&size=${S}&appName=${encodeURIComponent(j)}`);
+      r.success && (R(r.data || []), w(r.total || 0));
+    } catch {
+      p.error("获取应用列表失败");
+    } finally {
+      d(!1);
+    }
+  }, A = () => {
+    l(null), s.resetFields(), s.setFieldsValue({ appType: "server", enabled: 1, namespace: "" }), v(!0);
+  }, M = (r) => {
+    l(r), s.setFieldsValue(r), v(!0);
+  }, K = (r) => {
+    N.confirm({
+      title: "确认删除",
+      content: `确定要删除应用 "${r.appName}" 吗?`,
+      onOk: async () => {
+        const m = await O.delete(`/app/${r.id}`);
+        m.success ? (p.success("删除成功"), i()) : p.error(m.message || "删除失败");
+      }
+    });
+  }, V = (r) => {
+    N.confirm({
+      title: "重置 appSecret",
+      content: `将重新生成 "${r.appName}" 的 appSecret,旧密钥立即失效`,
+      onOk: async () => {
+        const m = await O.post(`/app/${r.id}/reset-secret`);
+        m.success ? (N.info({
+          title: "新密钥生成成功",
+          content: /* @__PURE__ */ e.jsxs("div", { children: [
+            /* @__PURE__ */ e.jsxs("p", { children: [
+              "应用: ",
+              m.data.appName
+            ] }),
+            /* @__PURE__ */ e.jsx("p", { children: "新 appSecret (仅显示一次,请妥善保存):" }),
+            /* @__PURE__ */ e.jsx(_.TextArea, { rows: 3, value: m.data.newSecret, readOnly: !0 })
+          ] })
+        }), i()) : p.error(m.message || "重置失败");
+      }
+    });
+  }, a = async () => {
+    const r = await s.validateFields();
+    try {
+      const m = b ? await O.put(`/app/${b.id}`, r) : await O.post("/app", r);
+      m.success ? (p.success(b ? "更新成功" : "创建成功"), v(!1), i()) : p.error(m.message || "操作失败");
+    } catch {
+      p.error("操作失败");
+    }
+  };
+  return /* @__PURE__ */ e.jsxs("div", { children: [
+    /* @__PURE__ */ e.jsxs(fe, { children: [
+      /* @__PURE__ */ e.jsxs(F, { style: { marginBottom: 16 }, children: [
+        /* @__PURE__ */ e.jsx(
+          _.Search,
+          {
+            placeholder: "搜索应用名",
+            allowClear: !0,
+            onSearch: i,
+            style: { width: 240 },
+            onChange: (r) => E(r.target.value)
+          }
+        ),
+        /* @__PURE__ */ e.jsx(y, { icon: /* @__PURE__ */ e.jsx(te, {}), onClick: i, children: "刷新" }),
+        /* @__PURE__ */ e.jsx(y, { type: "primary", icon: /* @__PURE__ */ e.jsx(re, {}), onClick: A, children: "新建应用" })
+      ] }),
+      /* @__PURE__ */ e.jsx(
+        ee,
+        {
+          loading: u,
+          rowKey: "id",
+          dataSource: h,
+          pagination: {
+            current: g,
+            pageSize: S,
+            total: T,
+            showSizeChanger: !0,
+            onChange: (r, m) => {
+              C(r), I(m);
+            }
+          },
+          columns: [
+            { title: "ID", dataIndex: "id", width: 60 },
+            { title: "应用名", dataIndex: "appName" },
+            {
+              title: "appSecret 指纹",
+              dataIndex: "appSecret",
+              ellipsis: !0,
+              render: (r) => r ? /* @__PURE__ */ e.jsxs("code", { children: [
+                r.substring(0, 8),
+                "...",
+                r.substring(r.length - 4)
+              ] }) : "-"
+            },
+            {
+              title: "类型",
+              dataIndex: "appType",
+              width: 80,
+              render: (r) => /* @__PURE__ */ e.jsx(L, { color: r === "server" ? "blue" : "green", children: r })
+            },
+            { title: "命名空间", dataIndex: "namespace", width: 120 },
+            {
+              title: "启用",
+              dataIndex: "enabled",
+              width: 80,
+              render: (r) => /* @__PURE__ */ e.jsx(L, { color: r === 1 ? "green" : "red", children: r === 1 ? "是" : "否" })
+            },
+            {
+              title: "创建时间",
+              dataIndex: "gmtCreate",
+              width: 170,
+              render: (r) => r ? new Date(r).toLocaleString() : "-"
+            },
+            {
+              title: "操作",
+              width: 280,
+              fixed: "right",
+              render: (r, m) => /* @__PURE__ */ e.jsxs(F, { size: "small", children: [
+                /* @__PURE__ */ e.jsx(
+                  y,
+                  {
+                    type: "link",
+                    icon: /* @__PURE__ */ e.jsx(ae, {}),
+                    onClick: () => M(m),
+                    children: "编辑"
+                  }
+                ),
+                /* @__PURE__ */ e.jsx(
+                  y,
+                  {
+                    type: "link",
+                    icon: /* @__PURE__ */ e.jsx(Ie, {}),
+                    onClick: () => V(m),
+                    children: "重置密钥"
+                  }
+                ),
+                /* @__PURE__ */ e.jsx(
+                  y,
+                  {
+                    type: "link",
+                    danger: !0,
+                    icon: /* @__PURE__ */ e.jsx(ne, {}),
+                    onClick: () => K(m),
+                    children: "删除"
+                  }
+                )
+              ] })
+            }
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      N,
+      {
+        title: b ? "编辑应用" : "新建应用",
+        open: $,
+        onCancel: () => v(!1),
+        onOk: a,
+        width: 500,
+        destroyOnClose: !0,
+        children: /* @__PURE__ */ e.jsxs(k, { form: s, layout: "vertical", children: [
+          /* @__PURE__ */ e.jsx(k.Item, { name: "appName", label: "应用名", rules: [{ required: !0 }], children: /* @__PURE__ */ e.jsx(_, { placeholder: "如: z-trade-biz" }) }),
+          /* @__PURE__ */ e.jsx(k.Item, { name: "appType", label: "应用类型", children: /* @__PURE__ */ e.jsxs(Y, { children: [
+            /* @__PURE__ */ e.jsx(me, { value: "server", children: "server (服务端)" }),
+            /* @__PURE__ */ e.jsx(me, { value: "client", children: "client (客户端)" })
+          ] }) }),
+          /* @__PURE__ */ e.jsx(k.Item, { name: "namespace", label: "命名空间", children: /* @__PURE__ */ e.jsx(_, { placeholder: "如: prod/dev" }) }),
+          /* @__PURE__ */ e.jsx(k.Item, { name: "enabled", label: "启用", valuePropName: "checked", children: /* @__PURE__ */ e.jsx(Te, {}) }),
+          /* @__PURE__ */ e.jsx(k.Item, { name: "description", label: "描述", children: /* @__PURE__ */ e.jsx(_.TextArea, { rows: 2 }) })
+        ] })
+      }
+    )
+  ] });
+}
+const { Option: P } = Y;
+function Fe() {
+  const [h, R] = c([]), [T, w] = c(0), [u, d] = c(!1), [g, C] = c(1), [S, I] = c(20), [j, E] = c({ secretKey: "", authorizedApp: "", authorizedEnv: "", namespace: "" }), [$, v] = c(!1), [b, l] = c(null), [s] = k.useForm();
+  Q(() => {
+    i();
+  }, [g, S]);
+  const i = async () => {
+    d(!0);
+    try {
+      const a = new URLSearchParams({
+        current: g,
+        size: S,
+        secretKey: j.secretKey,
+        authorizedApp: j.authorizedApp,
+        authorizedEnv: j.authorizedEnv,
+        namespace: j.namespace
+      }), r = await O.get(`/acl/page?${a}`);
+      r.success && (R(r.data || []), w(r.total || 0));
+    } catch {
+      p.error("获取授权列表失败");
+    } finally {
+      d(!1);
+    }
+  }, A = () => {
+    l(null), s.resetFields(), s.setFieldsValue({
+      permissionLevel: "read",
+      group: "DEFAULT_GROUP",
+      namespace: "",
+      authorizedEnv: "prod"
+    }), v(!0);
+  }, M = (a) => {
+    l(a), s.setFieldsValue(a), v(!0);
+  }, K = (a) => {
+    N.confirm({
+      title: "确认删除授权",
+      content: `将撤销 ${a.authorizedApp} 对 ${a.secretKey} 的访问权限`,
+      onOk: async () => {
+        const r = await O.delete(`/acl/${a.id}`);
+        r.success ? (p.success("删除成功"), i()) : p.error(r.message || "删除失败");
+      }
+    });
+  }, V = async () => {
+    const a = await s.validateFields();
+    try {
+      const r = b ? await O.put(`/acl/${b.id}`, a) : await O.post("/acl", a);
+      r.success ? (p.success(b ? "更新成功" : "创建成功"), v(!1), i()) : p.error(r.message || "操作失败");
+    } catch {
+      p.error("操作失败");
+    }
+  };
+  return /* @__PURE__ */ e.jsxs("div", { children: [
+    /* @__PURE__ */ e.jsxs(fe, { children: [
+      /* @__PURE__ */ e.jsxs(F, { wrap: !0, style: { marginBottom: 16 }, children: [
+        /* @__PURE__ */ e.jsx(
+          _,
+          {
+            placeholder: "密钥标识",
+            allowClear: !0,
+            value: j.secretKey,
+            onChange: (a) => E({ ...j, secretKey: a.target.value }),
+            style: { width: 180 }
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          _,
+          {
+            placeholder: "授权应用",
+            allowClear: !0,
+            value: j.authorizedApp,
+            onChange: (a) => E({ ...j, authorizedApp: a.target.value }),
+            style: { width: 180 }
+          }
+        ),
+        /* @__PURE__ */ e.jsxs(
+          Y,
+          {
+            placeholder: "环境",
+            allowClear: !0,
+            value: j.authorizedEnv || void 0,
+            onChange: (a) => E({ ...j, authorizedEnv: a || "" }),
+            style: { width: 120 },
+            children: [
+              /* @__PURE__ */ e.jsx(P, { value: "dev", children: "dev" }),
+              /* @__PURE__ */ e.jsx(P, { value: "test", children: "test" }),
+              /* @__PURE__ */ e.jsx(P, { value: "pre", children: "pre" }),
+              /* @__PURE__ */ e.jsx(P, { value: "prod", children: "prod" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          _,
+          {
+            placeholder: "命名空间",
+            allowClear: !0,
+            value: j.namespace,
+            onChange: (a) => E({ ...j, namespace: a.target.value }),
+            style: { width: 140 }
+          }
+        ),
+        /* @__PURE__ */ e.jsx(y, { type: "primary", icon: /* @__PURE__ */ e.jsx(Ae, {}), onClick: () => {
+          C(1), i();
+        }, children: "查询" }),
+        /* @__PURE__ */ e.jsx(y, { icon: /* @__PURE__ */ e.jsx(te, {}), onClick: i, children: "刷新" }),
+        /* @__PURE__ */ e.jsx(y, { type: "primary", icon: /* @__PURE__ */ e.jsx(re, {}), onClick: A, children: "新建授权" })
+      ] }),
+      /* @__PURE__ */ e.jsx(
+        ee,
+        {
+          loading: u,
+          rowKey: "id",
+          dataSource: h,
+          pagination: {
+            current: g,
+            pageSize: S,
+            total: T,
+            showSizeChanger: !0,
+            onChange: (a, r) => {
+              C(a), I(r);
+            }
+          },
+          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: (a) => /* @__PURE__ */ e.jsx(L, { color: "blue", children: a })
+            },
+            {
+              title: "环境",
+              dataIndex: "authorizedEnv",
+              width: 80,
+              render: (a) => a ? /* @__PURE__ */ e.jsx(L, { children: a }) : /* @__PURE__ */ e.jsx(L, { color: "default", children: "ALL" })
+            },
+            {
+              title: "权限级别",
+              dataIndex: "permissionLevel",
+              width: 100,
+              render: (a) => /* @__PURE__ */ e.jsx(L, { color: a === "decrypt" ? "orange" : "green", children: a })
+            },
+            {
+              title: "过期时间",
+              dataIndex: "expireTime",
+              width: 170,
+              render: (a) => a ? new Date(a).toLocaleString() : "永久"
+            },
+            {
+              title: "创建时间",
+              dataIndex: "gmtCreate",
+              width: 170,
+              render: (a) => a ? new Date(a).toLocaleString() : "-"
+            },
+            {
+              title: "操作",
+              width: 150,
+              fixed: "right",
+              render: (a, r) => /* @__PURE__ */ e.jsxs(F, { size: "small", children: [
+                /* @__PURE__ */ e.jsx(
+                  y,
+                  {
+                    type: "link",
+                    icon: /* @__PURE__ */ e.jsx(ae, {}),
+                    onClick: () => M(r),
+                    children: "编辑"
+                  }
+                ),
+                /* @__PURE__ */ e.jsx(
+                  y,
+                  {
+                    type: "link",
+                    danger: !0,
+                    icon: /* @__PURE__ */ e.jsx(ne, {}),
+                    onClick: () => K(r),
+                    children: "删除"
+                  }
+                )
+              ] })
+            }
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      N,
+      {
+        title: b ? "编辑授权" : "新建授权",
+        open: $,
+        onCancel: () => v(!1),
+        onOk: V,
+        width: 500,
+        destroyOnClose: !0,
+        children: /* @__PURE__ */ e.jsxs(k, { form: s, layout: "vertical", children: [
+          /* @__PURE__ */ e.jsx(k.Item, { name: "secretKey", label: "密钥标识", rules: [{ required: !0 }], children: /* @__PURE__ */ e.jsx(_, { placeholder: "如: db_password" }) }),
+          /* @__PURE__ */ e.jsx(k.Item, { name: "group", label: "分组", children: /* @__PURE__ */ e.jsx(_, { placeholder: "DEFAULT_GROUP" }) }),
+          /* @__PURE__ */ e.jsx(k.Item, { name: "namespace", label: "命名空间", children: /* @__PURE__ */ e.jsx(_, { placeholder: "prod/test/dev" }) }),
+          /* @__PURE__ */ e.jsx(k.Item, { name: "authorizedApp", label: "授权应用名", rules: [{ required: !0 }], children: /* @__PURE__ */ e.jsx(_, { placeholder: "如: z-trade-biz" }) }),
+          /* @__PURE__ */ e.jsx(k.Item, { name: "authorizedEnv", label: "授权环境", children: /* @__PURE__ */ e.jsxs(Y, { children: [
+            /* @__PURE__ */ e.jsx(P, { value: "dev", children: "dev" }),
+            /* @__PURE__ */ e.jsx(P, { value: "test", children: "test" }),
+            /* @__PURE__ */ e.jsx(P, { value: "pre", children: "pre" }),
+            /* @__PURE__ */ e.jsx(P, { value: "prod", children: "prod" })
+          ] }) }),
+          /* @__PURE__ */ e.jsx(k.Item, { name: "permissionLevel", label: "权限级别", children: /* @__PURE__ */ e.jsxs(Y, { children: [
+            /* @__PURE__ */ e.jsx(P, { value: "read", children: "read (仅读取密文)" }),
+            /* @__PURE__ */ e.jsx(P, { value: "decrypt", children: "decrypt (读取并解密)" })
+          ] }) })
+        ] })
+      }
+    )
+  ] });
+}
+function qe() {
+  return /* @__PURE__ */ e.jsxs(be, { children: [
+    /* @__PURE__ */ e.jsx(G, { index: !0, element: /* @__PURE__ */ e.jsx(_e, { to: "secret", replace: !0 }) }),
+    /* @__PURE__ */ e.jsx(G, { path: "secret", element: /* @__PURE__ */ e.jsx(De, {}) }),
+    /* @__PURE__ */ e.jsx(G, { path: "app", element: /* @__PURE__ */ e.jsx(Le, {}) }),
+    /* @__PURE__ */ e.jsx(G, { path: "acl", element: /* @__PURE__ */ e.jsx(Fe, {}) })
+  ] });
+}
+export {
+  Fe as A,
+  qe as M,
+  De as S,
+  Le as a,
+  e as j
+};