@yuku123/z-mist-component 0.1.0 → 0.1.1

package/dist/MistApp-BPKuQySt.js

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