@yuku123/z-ops-frontend-component 0.1.0

package/dist/z-ops-component.es.js

@@ -0,0 +1,758 @@
+import Ie, { useState as h, useEffect as B } from "react";
+import { Form as i, Button as I, Table as V, Drawer as J, Input as w, Select as E, Space as L, InputNumber as ge, message as T, Tag as z, Modal as ne, Switch as ke, Empty as K } from "antd";
+import { PlusOutlined as ae, EditOutlined as se, DeleteOutlined as le, SyncOutlined as Se, PlayCircleOutlined as Re, FolderOpenOutlined as Te, ReloadOutlined as fe, GlobalOutlined as Ae, DesktopOutlined as _e, DatabaseOutlined as Oe, ToolOutlined as Ce, CalendarOutlined as De } from "@ant-design/icons";
+import Pe from "axios";
+var q = { exports: {} }, U = {};
+/**
+ * @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 he;
+function Ne() {
+  if (he) return U;
+  he = 1;
+  var r = Symbol.for("react.transitional.element"), c = Symbol.for("react.fragment");
+  function v(j, u, o) {
+    var p = null;
+    if (o !== void 0 && (p = "" + o), u.key !== void 0 && (p = "" + u.key), "key" in u) {
+      o = {};
+      for (var x in u)
+        x !== "key" && (o[x] = u[x]);
+    } else o = u;
+    return u = o.ref, {
+      $$typeof: r,
+      type: j,
+      key: p,
+      ref: u !== void 0 ? u : null,
+      props: o
+    };
+  }
+  return U.Fragment = c, U.jsx = v, U.jsxs = v, U;
+}
+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 xe;
+function Le() {
+  return xe || (xe = 1, process.env.NODE_ENV !== "production" && (function() {
+    function r(t) {
+      if (t == null) return null;
+      if (typeof t == "function")
+        return t.$$typeof === we ? null : t.displayName || t.name || null;
+      if (typeof t == "string") return t;
+      switch (t) {
+        case m:
+          return "Fragment";
+        case d:
+          return "Profiler";
+        case O:
+          return "StrictMode";
+        case k:
+          return "Suspense";
+        case D:
+          return "SuspenseList";
+        case be:
+          return "Activity";
+      }
+      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 P:
+            return "Portal";
+          case H:
+            return t.displayName || "Context";
+          case C:
+            return (t._context.displayName || "Context") + ".Consumer";
+          case X:
+            var s = t.render;
+            return t = t.displayName, t || (t = s.displayName || s.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case ye:
+            return s = t.displayName || null, s !== null ? s : r(t.type) || "Memo";
+          case Z:
+            s = t._payload, t = t._init;
+            try {
+              return r(t(s));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function c(t) {
+      return "" + t;
+    }
+    function v(t) {
+      try {
+        c(t);
+        var s = !1;
+      } catch {
+        s = !0;
+      }
+      if (s) {
+        s = console;
+        var f = s.error, y = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return f.call(
+          s,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          y
+        ), c(t);
+      }
+    }
+    function j(t) {
+      if (t === m) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === Z)
+        return "<...>";
+      try {
+        var s = r(t);
+        return s ? "<" + s + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function u() {
+      var t = Q.A;
+      return t === null ? null : t.getOwner();
+    }
+    function o() {
+      return Error("react-stack-top-frame");
+    }
+    function p(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 x(t, s) {
+      function f() {
+        oe || (oe = !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
+        ));
+      }
+      f.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: f,
+        configurable: !0
+      });
+    }
+    function g() {
+      var t = r(this.type);
+      return de[t] || (de[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 R(t, s, f, y, M, te) {
+      var b = f.ref;
+      return t = {
+        $$typeof: _,
+        type: t,
+        key: s,
+        props: f,
+        _owner: y
+      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(t, "ref", {
+        enumerable: !1,
+        get: g
+      }) : 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: M
+      }), Object.defineProperty(t, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: te
+      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
+    }
+    function l(t, s, f, y, M, te) {
+      var b = s.children;
+      if (b !== void 0)
+        if (y)
+          if (ve(b)) {
+            for (y = 0; y < b.length; y++)
+              S(b[y]);
+            Object.freeze && Object.freeze(b);
+          } 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 S(b);
+      if (ie.call(s, "key")) {
+        b = r(t);
+        var F = Object.keys(s).filter(function(Ee) {
+          return Ee !== "key";
+        });
+        y = 0 < F.length ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}", pe[b + y] || (F = 0 < F.length ? "{" + F.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} />`,
+          y,
+          b,
+          F,
+          b
+        ), pe[b + y] = !0);
+      }
+      if (b = null, f !== void 0 && (v(f), b = "" + f), p(s) && (v(s.key), b = "" + s.key), "key" in s) {
+        f = {};
+        for (var re in s)
+          re !== "key" && (f[re] = s[re]);
+      } else f = s;
+      return b && x(
+        f,
+        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
+      ), R(
+        t,
+        b,
+        f,
+        u(),
+        M,
+        te
+      );
+    }
+    function S(t) {
+      N(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === Z && (t._payload.status === "fulfilled" ? N(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
+    }
+    function N(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === _;
+    }
+    var A = Ie, _ = Symbol.for("react.transitional.element"), P = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), C = Symbol.for("react.consumer"), H = Symbol.for("react.context"), X = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), ye = Symbol.for("react.memo"), Z = Symbol.for("react.lazy"), be = Symbol.for("react.activity"), we = Symbol.for("react.client.reference"), Q = A.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ie = Object.prototype.hasOwnProperty, ve = Array.isArray, ee = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    A = {
+      react_stack_bottom_frame: function(t) {
+        return t();
+      }
+    };
+    var oe, de = {}, ce = A.react_stack_bottom_frame.bind(
+      A,
+      o
+    )(), ue = ee(j(o)), pe = {};
+    W.Fragment = m, W.jsx = function(t, s, f) {
+      var y = 1e4 > Q.recentlyCreatedOwnerStacks++;
+      return l(
+        t,
+        s,
+        f,
+        !1,
+        y ? Error("react-stack-top-frame") : ce,
+        y ? ee(j(t)) : ue
+      );
+    }, W.jsxs = function(t, s, f) {
+      var y = 1e4 > Q.recentlyCreatedOwnerStacks++;
+      return l(
+        t,
+        s,
+        f,
+        !0,
+        y ? Error("react-stack-top-frame") : ce,
+        y ? ee(j(t)) : ue
+      );
+    };
+  })()), W;
+}
+var me;
+function ze() {
+  return me || (me = 1, process.env.NODE_ENV === "production" ? q.exports = Ne() : q.exports = Le()), q.exports;
+}
+var e = ze();
+let je = "/api";
+function Me(r) {
+  je = r || "/api";
+}
+function n() {
+  return Pe.create({ baseURL: je, timeout: 1e4 });
+}
+const a = (r) => {
+  const c = r.data;
+  return c && typeof c == "object" && "code" in c && "data" in c ? c.code !== 0 && c.code !== 200 ? Promise.reject(new Error(c.msg || c.message || "请求失败")) : c.data : c;
+}, $ = {
+  list: () => n().get("/ops/deployment/list").then(a),
+  get: (r) => n().get(`/ops/deployment/${r}`).then(a),
+  create: (r) => n().post("/ops/deployment", r).then(a),
+  update: (r) => n().put("/ops/deployment", r).then(a),
+  delete: (r) => n().delete(`/ops/deployment/${r}`).then(a),
+  deploy: (r) => n().post(`/ops/deployment/deploy/${r}`).then(a),
+  log: (r) => n().get(`/ops/deployment/log/${r}`).then(a)
+}, Y = {
+  list: () => n().get("/ops/target/list").then(a),
+  get: (r) => n().get(`/ops/target/${r}`).then(a),
+  create: (r) => n().post("/ops/target", r).then(a),
+  update: (r) => n().put("/ops/target", r).then(a),
+  delete: (r) => n().delete(`/ops/target/${r}`).then(a)
+}, G = {
+  list: () => n().get("/ops/environment/list").then(a),
+  get: (r) => n().get(`/ops/environment/${r}`).then(a),
+  create: (r) => n().post("/ops/environment", r).then(a),
+  update: (r) => n().put("/ops/environment", r).then(a),
+  delete: (r) => n().delete(`/ops/environment/${r}`).then(a)
+}, Be = {
+  list: (r) => n().get("/ops/record/list", { params: r ? { unitId: r } : {} }).then(a),
+  get: (r) => n().get(`/ops/record/${r}`).then(a)
+}, qe = {
+  list: (r) => n().get("/ops/webhook/list", { params: r ? { unitId: r } : {} }).then(a),
+  create: (r) => n().post("/ops/webhook", r).then(a),
+  update: (r) => n().put("/ops/webhook", r).then(a),
+  delete: (r) => n().delete(`/ops/webhook/${r}`).then(a),
+  url: (r) => n().get(`/ops/webhook/url/${r}`).then(a)
+}, Ge = {
+  page: (r) => n().post("/image/page", r).then(a),
+  list: () => n().get("/image/list").then(a),
+  get: (r) => n().get("/image/get", { params: { id: r } }).then(a),
+  add: (r) => n().post("/image", r).then(a),
+  update: (r) => n().post("/image/update", r).then(a),
+  delete: (r) => n().post("/image/delete", null, { params: { id: r } }).then(a),
+  tags: (r) => n().get("/image/tags", { params: { imageId: r } }).then(a),
+  addTag: (r) => n().post("/image/tag", r).then(a),
+  deleteTag: (r) => n().post("/image/tag/delete", null, { params: { id: r } }).then(a)
+}, Je = {
+  list: (r) => n().get("/ops/image-tag/list", { params: { imageId: r } }).then(a),
+  create: (r) => n().post("/ops/image-tag", r).then(a),
+  delete: (r) => n().delete(`/ops/image-tag/${r}`).then(a)
+}, Fe = {
+  page: (r) => n().post("/image-build/page", r).then(a),
+  list: () => n().get("/image-build/list").then(a),
+  get: (r) => n().get("/image-build/get", { params: { id: r } }).then(a),
+  add: (r) => n().post("/image-build", r).then(a)
+}, $e = {
+  list: () => n().get("/v1/bucket").then(a)
+}, Ke = () => {
+  const [r, c] = h([]), [v, j] = h(!1), [u, o] = h(!1), [p, x] = h(null), [g] = i.useForm(), R = async () => {
+    j(!0);
+    try {
+      c(await Y.list() || []);
+    } catch {
+      T.error("加载失败");
+    } finally {
+      j(!1);
+    }
+  };
+  B(() => {
+    R();
+  }, []);
+  const l = () => {
+    x(null), g.resetFields(), g.setFieldsValue({ type: "k8s", status: "ENABLE", port: 22 }), o(!0);
+  }, S = (m) => {
+    x(m), g.setFieldsValue(m), o(!0);
+  }, N = (m) => {
+    ne.confirm({ title: "确认删除", content: `删除 ${m.name}？`, onOk: async () => {
+      await Y.delete(m.id), T.success("删除成功"), R();
+    } });
+  }, A = async () => {
+    try {
+      const m = await g.validateFields();
+      p ? await Y.update({ ...m, id: p.id }) : await Y.create(m), T.success(p ? "更新成功" : "创建成功"), o(!1), R();
+    } catch {
+    }
+  }, _ = { k8s: { text: "K8s", color: "blue" }, docker: { text: "Docker", color: "cyan" }, vm: { text: "VM", color: "orange" }, serverless: { text: "Serverless", color: "purple" } }, P = [
+    { title: "名称", dataIndex: "name", width: 150 },
+    { title: "类型", dataIndex: "type", width: 110, render: (m) => {
+      const O = _[m] || { text: m, color: "default" };
+      return /* @__PURE__ */ e.jsx(z, { color: O.color, children: O.text });
+    } },
+    { title: "主机", dataIndex: "host", ellipsis: !0 },
+    { title: "端口", dataIndex: "port", width: 70 },
+    { title: "命名空间", dataIndex: "namespace", width: 120 },
+    { title: "状态", dataIndex: "status", width: 80, render: (m) => /* @__PURE__ */ e.jsx(z, { color: m === "ENABLE" ? "green" : "red", children: m === "ENABLE" ? "启用" : "禁用" }) },
+    { title: "操作", width: 160, render: (m, O) => /* @__PURE__ */ e.jsxs(L, { size: "small", children: [
+      /* @__PURE__ */ e.jsx(I, { size: "small", type: "text", icon: /* @__PURE__ */ e.jsx(se, {}), onClick: () => S(O), children: "编辑" }),
+      /* @__PURE__ */ e.jsx(I, { size: "small", type: "text", danger: !0, icon: /* @__PURE__ */ e.jsx(le, {}), onClick: () => N(O), children: "删除" })
+    ] }) }
+  ];
+  return /* @__PURE__ */ e.jsxs("div", { style: { padding: 24 }, children: [
+    /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 24 }, children: [
+      /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ e.jsx("h2", { style: { margin: 0, fontSize: 20, fontWeight: 600 }, children: "渠道管理" }),
+        /* @__PURE__ */ e.jsx("span", { style: { color: "#8a8f98", fontSize: 14 }, children: "管理部署目标 (Kubernetes / Docker / VM)" })
+      ] }),
+      /* @__PURE__ */ e.jsx(I, { type: "primary", icon: /* @__PURE__ */ e.jsx(ae, {}), onClick: l, children: "新建渠道" })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { style: { background: "rgba(255,255,255,0.02)", border: "1px solid rgba(255,255,255,0.06)", borderRadius: 8, padding: 16 }, children: /* @__PURE__ */ e.jsx(V, { columns: P, dataSource: r, loading: v, rowKey: "id", pagination: { pageSize: 10 }, locale: { emptyText: "暂无部署目标" } }) }),
+    /* @__PURE__ */ e.jsx(J, { title: p ? "编辑渠道" : "新建渠道", placement: "right", width: 520, open: u, onClose: () => o(!1), children: /* @__PURE__ */ e.jsxs(i, { form: g, layout: "vertical", onFinish: A, children: [
+      /* @__PURE__ */ e.jsx(i.Item, { name: "name", label: "名称", rules: [{ required: !0 }], children: /* @__PURE__ */ e.jsx(w, { placeholder: "如: prod-k8s-cluster" }) }),
+      /* @__PURE__ */ e.jsx(i.Item, { name: "type", label: "类型", rules: [{ required: !0 }], children: /* @__PURE__ */ e.jsxs(E, { children: [
+        /* @__PURE__ */ e.jsx(E.Option, { value: "k8s", children: "Kubernetes" }),
+        /* @__PURE__ */ e.jsx(E.Option, { value: "docker", children: "Docker" }),
+        /* @__PURE__ */ e.jsx(E.Option, { value: "vm", children: "虚拟机" }),
+        /* @__PURE__ */ e.jsx(E.Option, { value: "serverless", children: "Serverless" })
+      ] }) }),
+      /* @__PURE__ */ e.jsxs(L, { style: { display: "flex" }, size: "middle", children: [
+        /* @__PURE__ */ e.jsx(i.Item, { name: "host", label: "主机地址", rules: [{ required: !0 }], style: { flex: 1 }, children: /* @__PURE__ */ e.jsx(w, { placeholder: "192.168.1.100" }) }),
+        /* @__PURE__ */ e.jsx(i.Item, { name: "port", label: "端口", children: /* @__PURE__ */ e.jsx(ge, { min: 1, max: 65535 }) })
+      ] }),
+      /* @__PURE__ */ e.jsxs(L, { style: { display: "flex" }, size: "middle", children: [
+        /* @__PURE__ */ e.jsx(i.Item, { name: "username", label: "用户名", style: { flex: 1 }, children: /* @__PURE__ */ e.jsx(w, { placeholder: "root" }) }),
+        /* @__PURE__ */ e.jsx(i.Item, { name: "namespace", label: "命名空间", style: { flex: 1 }, children: /* @__PURE__ */ e.jsx(w, { placeholder: "default" }) })
+      ] }),
+      /* @__PURE__ */ e.jsx(i.Item, { name: "authPath", label: "密钥路径", children: /* @__PURE__ */ e.jsx(w, { placeholder: "~/.ssh/id_rsa" }) }),
+      /* @__PURE__ */ e.jsx(i.Item, { name: "description", label: "描述", children: /* @__PURE__ */ e.jsx(w.TextArea, { rows: 2 }) }),
+      /* @__PURE__ */ e.jsx(i.Item, { name: "status", label: "状态", initialValue: "ENABLE", children: /* @__PURE__ */ e.jsxs(E, { children: [
+        /* @__PURE__ */ e.jsx(E.Option, { value: "ENABLE", children: "启用" }),
+        /* @__PURE__ */ e.jsx(E.Option, { value: "DISABLE", children: "禁用" })
+      ] }) }),
+      /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", justifyContent: "flex-end", gap: 12, paddingTop: 24, borderTop: "1px solid rgba(255,255,255,0.06)" }, children: [
+        /* @__PURE__ */ e.jsx(I, { onClick: () => o(!1), children: "取消" }),
+        /* @__PURE__ */ e.jsx(I, { type: "primary", htmlType: "submit", children: "保存" })
+      ] })
+    ] }) })
+  ] });
+}, He = () => {
+  const [r, c] = h([]), [v, j] = h([]), [u, o] = h(!1), [p, x] = h(!1), [g, R] = h(null), [l] = i.useForm(), S = async () => {
+    o(!0);
+    try {
+      const [d, C] = await Promise.all([G.list(), Y.list()]);
+      c(d || []), j(C || []);
+    } catch {
+      T.error("加载失败");
+    } finally {
+      o(!1);
+    }
+  };
+  B(() => {
+    S();
+  }, []);
+  const N = () => {
+    R(null), l.resetFields(), l.setFieldsValue({ status: "ENABLE", sort: 0, autoDeploy: 0 }), x(!0);
+  }, A = (d) => {
+    R(d), l.setFieldsValue(d), x(!0);
+  }, _ = (d) => {
+    ne.confirm({ title: "确认删除", content: `删除环境 ${d.name}？`, onOk: async () => {
+      await G.delete(d.id), T.success("删除成功"), S();
+    } });
+  }, P = async () => {
+    try {
+      const d = await l.validateFields(), C = { ...d, autoDeploy: d.autoDeploy ? 1 : 0 };
+      g ? await G.update({ ...C, id: g.id }) : await G.create(C), T.success(g ? "更新成功" : "创建成功"), x(!1), S();
+    } catch {
+    }
+  }, m = Object.fromEntries(v.map((d) => [d.id, d.name])), O = [
+    { title: "名称", dataIndex: "name", width: 120 },
+    { title: "编码", dataIndex: "code", width: 100 },
+    { title: "关联渠道", dataIndex: "targetId", width: 140, render: (d) => m[d] || "-" },
+    { title: "自动部署", dataIndex: "autoDeploy", width: 90, render: (d) => d ? /* @__PURE__ */ e.jsx(z, { color: "green", children: "是" }) : /* @__PURE__ */ e.jsx(z, { children: "否" }) },
+    { title: "描述", dataIndex: "description", ellipsis: !0 },
+    { title: "状态", dataIndex: "status", width: 80, render: (d) => /* @__PURE__ */ e.jsx(z, { color: d === "ENABLE" ? "green" : "red", children: d === "ENABLE" ? "启用" : "禁用" }) },
+    { title: "操作", width: 160, render: (d, C) => /* @__PURE__ */ e.jsxs(L, { size: "small", children: [
+      /* @__PURE__ */ e.jsx(I, { size: "small", type: "text", icon: /* @__PURE__ */ e.jsx(se, {}), onClick: () => A(C), children: "编辑" }),
+      /* @__PURE__ */ e.jsx(I, { size: "small", type: "text", danger: !0, icon: /* @__PURE__ */ e.jsx(le, {}), onClick: () => _(C), children: "删除" })
+    ] }) }
+  ];
+  return /* @__PURE__ */ e.jsxs("div", { style: { padding: 24 }, children: [
+    /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 24 }, children: [
+      /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ e.jsx("h2", { style: { margin: 0, fontSize: 20, fontWeight: 600 }, children: "环境管理" }),
+        /* @__PURE__ */ e.jsx("span", { style: { color: "#8a8f98", fontSize: 14 }, children: "管理部署环境 (开发 / 测试 / 预发 / 生产)" })
+      ] }),
+      /* @__PURE__ */ e.jsx(I, { type: "primary", icon: /* @__PURE__ */ e.jsx(ae, {}), onClick: N, children: "新建环境" })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { style: { background: "rgba(255,255,255,0.02)", border: "1px solid rgba(255,255,255,0.06)", borderRadius: 8, padding: 16 }, children: /* @__PURE__ */ e.jsx(V, { columns: O, dataSource: r, loading: u, rowKey: "id", pagination: { pageSize: 10 }, locale: { emptyText: "暂无环境" } }) }),
+    /* @__PURE__ */ e.jsx(J, { title: g ? "编辑环境" : "新建环境", placement: "right", width: 520, open: p, onClose: () => x(!1), children: /* @__PURE__ */ e.jsxs(i, { form: l, layout: "vertical", onFinish: P, children: [
+      /* @__PURE__ */ e.jsxs(L, { style: { display: "flex" }, size: "middle", children: [
+        /* @__PURE__ */ e.jsx(i.Item, { name: "name", label: "名称", rules: [{ required: !0 }], style: { flex: 1 }, children: /* @__PURE__ */ e.jsx(w, { placeholder: "如: 生产环境" }) }),
+        /* @__PURE__ */ e.jsx(i.Item, { name: "code", label: "编码", rules: [{ required: !0 }], style: { flex: 1 }, children: /* @__PURE__ */ e.jsx(w, { placeholder: "如: prod" }) })
+      ] }),
+      /* @__PURE__ */ e.jsx(i.Item, { name: "targetId", label: "关联部署渠道", children: /* @__PURE__ */ e.jsx(E, { allowClear: !0, placeholder: "选择部署目标", children: v.map((d) => /* @__PURE__ */ e.jsx(E.Option, { value: d.id, children: d.name }, d.id)) }) }),
+      /* @__PURE__ */ e.jsxs(L, { style: { display: "flex" }, size: "middle", children: [
+        /* @__PURE__ */ e.jsx(i.Item, { name: "sort", label: "排序", style: { flex: 1 }, children: /* @__PURE__ */ e.jsx(ge, { min: 0 }) }),
+        /* @__PURE__ */ e.jsx(i.Item, { name: "autoDeploy", label: "自动部署", valuePropName: "checked", style: { flex: 1 }, children: /* @__PURE__ */ e.jsx(ke, {}) })
+      ] }),
+      /* @__PURE__ */ e.jsx(i.Item, { name: "description", label: "描述", children: /* @__PURE__ */ e.jsx(w.TextArea, { rows: 2 }) }),
+      /* @__PURE__ */ e.jsx(i.Item, { name: "config", label: "配置 (JSON)", children: /* @__PURE__ */ e.jsx(w.TextArea, { rows: 3 }) }),
+      /* @__PURE__ */ e.jsx(i.Item, { name: "status", label: "状态", initialValue: "ENABLE", children: /* @__PURE__ */ e.jsxs(E, { children: [
+        /* @__PURE__ */ e.jsx(E.Option, { value: "ENABLE", children: "启用" }),
+        /* @__PURE__ */ e.jsx(E.Option, { value: "DISABLE", children: "禁用" })
+      ] }) }),
+      /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", justifyContent: "flex-end", gap: 12, paddingTop: 24, borderTop: "1px solid rgba(255,255,255,0.06)" }, children: [
+        /* @__PURE__ */ e.jsx(I, { onClick: () => x(!1), children: "取消" }),
+        /* @__PURE__ */ e.jsx(I, { type: "primary", htmlType: "submit", children: "保存" })
+      ] })
+    ] }) })
+  ] });
+}, Xe = () => {
+  const [r, c] = h([]), [v, j] = h(!1), [u, o] = h(!1), [p, x] = h(!1), [g, R] = h(null), [l, S] = h(null), [N, A] = h(""), [_] = i.useForm(), P = async () => {
+    j(!0);
+    try {
+      c(await $.list() || []);
+    } catch {
+      T.error("加载失败");
+    } finally {
+      j(!1);
+    }
+  };
+  B(() => {
+    P();
+  }, []);
+  const m = () => {
+    R(null), _.resetFields(), _.setFieldsValue({ status: "ENABLE", gitBranch: "main" }), o(!0);
+  }, O = (k) => {
+    R(k), _.setFieldsValue(k), o(!0);
+  }, d = (k) => {
+    ne.confirm({ title: "确认删除", content: `删除 ${k.name}？`, onOk: async () => {
+      await $.delete(k.id), T.success("删除成功"), P();
+    } });
+  }, C = async (k) => {
+    S(k.id), x(!0), A(`正在部署...
+`);
+    try {
+      const D = await $.deploy(k.id);
+      A(D || "部署完成");
+    } catch (D) {
+      A("部署失败: " + (D.message || "未知错误"));
+    } finally {
+      S(null);
+    }
+  }, H = async () => {
+    try {
+      const k = await _.validateFields();
+      g ? await $.update({ ...k, id: g.id }) : await $.create(k), T.success(g ? "更新成功" : "创建成功"), o(!1), P();
+    } catch {
+    }
+  }, X = [
+    { title: "名称", dataIndex: "name", width: 150 },
+    { title: "Git 仓库", dataIndex: "gitRepo", ellipsis: !0 },
+    { title: "分支", dataIndex: "gitBranch", width: 100 },
+    { title: "工作目录", dataIndex: "workDir", ellipsis: !0 },
+    { title: "状态", dataIndex: "status", width: 80, render: (k) => /* @__PURE__ */ e.jsx(z, { color: k === "ENABLE" ? "green" : "red", children: k === "ENABLE" ? "启用" : "禁用" }) },
+    { title: "操作", width: 240, render: (k, D) => /* @__PURE__ */ e.jsxs(L, { size: "small", children: [
+      /* @__PURE__ */ e.jsx(I, { size: "small", type: "text", icon: /* @__PURE__ */ e.jsx(Re, { spin: l === D.id }), onClick: () => C(D), disabled: l !== null, children: l === D.id ? "部署中" : "部署" }),
+      /* @__PURE__ */ e.jsx(I, { size: "small", type: "text", icon: /* @__PURE__ */ e.jsx(se, {}), onClick: () => O(D), children: "编辑" }),
+      /* @__PURE__ */ e.jsx(I, { size: "small", type: "text", danger: !0, icon: /* @__PURE__ */ e.jsx(le, {}), onClick: () => d(D), children: "删除" })
+    ] }) }
+  ];
+  return /* @__PURE__ */ e.jsxs("div", { style: { padding: 24 }, children: [
+    /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 24 }, children: [
+      /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ e.jsx("h2", { style: { margin: 0, fontSize: 20, fontWeight: 600 }, children: "部署单元" }),
+        /* @__PURE__ */ e.jsx("span", { style: { color: "#8a8f98", fontSize: 14 }, children: "管理 Git 仓库部署配置" })
+      ] }),
+      /* @__PURE__ */ e.jsx(I, { type: "primary", icon: /* @__PURE__ */ e.jsx(ae, {}), onClick: m, children: "新建部署单元" })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { style: { background: "rgba(255,255,255,0.02)", border: "1px solid rgba(255,255,255,0.06)", borderRadius: 8, padding: 16 }, children: /* @__PURE__ */ e.jsx(V, { columns: X, dataSource: r, loading: v, rowKey: "id", pagination: { pageSize: 10 }, locale: { emptyText: "暂无部署单元" } }) }),
+    /* @__PURE__ */ e.jsx(J, { title: g ? "编辑部署单元" : "新建部署单元", placement: "right", width: 520, open: u, onClose: () => o(!1), children: /* @__PURE__ */ e.jsxs(i, { form: _, layout: "vertical", onFinish: H, children: [
+      /* @__PURE__ */ e.jsx(i.Item, { name: "name", label: "名称", rules: [{ required: !0 }], children: /* @__PURE__ */ e.jsx(w, { placeholder: "如: z-agent-backend" }) }),
+      /* @__PURE__ */ e.jsx(i.Item, { name: "description", label: "描述", children: /* @__PURE__ */ e.jsx(w.TextArea, { rows: 2 }) }),
+      /* @__PURE__ */ e.jsx(i.Item, { name: "status", label: "状态", initialValue: "ENABLE", children: /* @__PURE__ */ e.jsxs(E, { children: [
+        /* @__PURE__ */ e.jsx(E.Option, { value: "ENABLE", children: "启用" }),
+        /* @__PURE__ */ e.jsx(E.Option, { value: "DISABLE", children: "禁用" })
+      ] }) }),
+      /* @__PURE__ */ e.jsx(i.Item, { name: "gitRepo", label: "Git 仓库地址", rules: [{ required: !0 }], children: /* @__PURE__ */ e.jsx(w, { placeholder: "https://github.com/username/repo.git" }) }),
+      /* @__PURE__ */ e.jsx(i.Item, { name: "gitBranch", label: "分支", initialValue: "main", children: /* @__PURE__ */ e.jsx(w, { placeholder: "main" }) }),
+      /* @__PURE__ */ e.jsx(i.Item, { name: "workDir", label: "本地工作目录", rules: [{ required: !0 }], children: /* @__PURE__ */ e.jsx(w, { placeholder: "/deploy/my-app" }) }),
+      /* @__PURE__ */ e.jsx(i.Item, { name: "buildCommand", label: "构建命令", children: /* @__PURE__ */ e.jsx(w.TextArea, { rows: 2, placeholder: "mvn clean package -DskipTests" }) }),
+      /* @__PURE__ */ e.jsx(i.Item, { name: "deployCommand", label: "部署命令", children: /* @__PURE__ */ e.jsx(w.TextArea, { rows: 2 }) }),
+      /* @__PURE__ */ e.jsx(i.Item, { name: "healthCheckUrl", label: "健康检查 URL", children: /* @__PURE__ */ e.jsx(w, { placeholder: "http://localhost:8080/actuator/health" }) }),
+      /* @__PURE__ */ e.jsx(i.Item, { name: "envVars", label: "环境变量 (JSON)", children: /* @__PURE__ */ e.jsx(w.TextArea, { rows: 3 }) }),
+      /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", justifyContent: "flex-end", gap: 12, paddingTop: 24, borderTop: "1px solid rgba(255,255,255,0.06)" }, children: [
+        /* @__PURE__ */ e.jsx(I, { onClick: () => o(!1), children: "取消" }),
+        /* @__PURE__ */ e.jsx(I, { type: "primary", htmlType: "submit", children: "保存" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ e.jsx(J, { title: /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+      /* @__PURE__ */ e.jsx(Se, { spin: l !== null }),
+      /* @__PURE__ */ e.jsx("span", { children: l ? "部署中" : "部署完成" })
+    ] }), placement: "right", width: 600, open: p, onClose: () => x(!1), children: /* @__PURE__ */ e.jsx("pre", { style: { background: "#0a0a0f", color: "#d0d6e0", padding: 16, borderRadius: 6, fontFamily: "monospace", fontSize: 12, lineHeight: 1.6, maxHeight: 500, overflow: "auto", whiteSpace: "pre-wrap" }, children: N }) })
+  ] });
+}, Ze = () => {
+  const [r, c] = h([]), [v, j] = h([]), [u, o] = h(null), [p, x] = h(!1);
+  B(() => {
+    (async () => {
+      try {
+        const l = await $.list() || [];
+        j(l), l.length && o(l[0].id);
+      } catch {
+        T.error("加载部署单元失败");
+      }
+    })();
+  }, []), B(() => {
+    if (!u) {
+      c([]);
+      return;
+    }
+    (async () => {
+      x(!0);
+      try {
+        c(await Be.list(u) || []);
+      } catch {
+        T.error("加载记录失败");
+      } finally {
+        x(!1);
+      }
+    })();
+  }, [u]);
+  const g = { SUCCESS: { text: "成功", color: "green" }, FAILED: { text: "失败", color: "red" }, RUNNING: { text: "运行中", color: "processing" }, PENDING: { text: "等待中", color: "default" } }, R = [
+    { title: "ID", dataIndex: "id", width: 60 },
+    { title: "分支", dataIndex: "branch", width: 120 },
+    { title: "Commit", dataIndex: "commitId", width: 100, ellipsis: !0, render: (l) => l ? /* @__PURE__ */ e.jsx("code", { children: l.substring(0, 8) }) : "-" },
+    { title: "部署人", dataIndex: "deployer", width: 100 },
+    { title: "触发方式", dataIndex: "triggerType", width: 100, render: (l) => ({ MANUAL: "手动", WEBHOOK: "Webhook", SCHEDULE: "定时" })[l] || l || "-" },
+    { title: "开始时间", dataIndex: "startedAt", width: 170 },
+    { title: "结束时间", dataIndex: "finishedAt", width: 170 },
+    { title: "状态", dataIndex: "status", width: 90, render: (l) => {
+      const S = g[l] || { text: l, color: "default" };
+      return /* @__PURE__ */ e.jsx(z, { color: S.color, children: S.text });
+    } },
+    { title: "结果", dataIndex: "result", ellipsis: !0 }
+  ];
+  return /* @__PURE__ */ e.jsxs("div", { style: { padding: 24 }, children: [
+    /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 24 }, children: [
+      /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ e.jsx("h2", { style: { margin: 0, fontSize: 20, fontWeight: 600 }, children: "部署记录" }),
+        /* @__PURE__ */ e.jsx("span", { style: { color: "#8a8f98", fontSize: 14 }, children: "查看历史部署记录" })
+      ] }),
+      /* @__PURE__ */ e.jsxs(L, { children: [
+        /* @__PURE__ */ e.jsx("span", { style: { color: "#8a8f98" }, children: "部署单元:" }),
+        /* @__PURE__ */ e.jsx(E, { value: u, onChange: o, style: { width: 240 }, children: v.map((l) => /* @__PURE__ */ e.jsx(E.Option, { value: l.id, children: l.name }, l.id)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { style: { background: "rgba(255,255,255,0.02)", border: "1px solid rgba(255,255,255,0.06)", borderRadius: 8, padding: 16 }, children: /* @__PURE__ */ e.jsx(V, { columns: R, dataSource: r, loading: p, rowKey: "id", pagination: { pageSize: 10 }, locale: { emptyText: "暂无部署记录" } }) })
+  ] });
+}, Qe = () => {
+  const [r, c] = h([]), [v, j] = h(!1), u = async () => {
+    j(!0);
+    try {
+      c(await $e.list() || []);
+    } catch {
+      T.error("加载 Bucket 列表失败");
+    } finally {
+      j(!1);
+    }
+  };
+  B(() => {
+    u();
+  }, []);
+  const o = [
+    { title: "Bucket 名称", dataIndex: "name", copyable: !0 },
+    { title: "创建时间", dataIndex: "createdAt", width: 180 },
+    { title: "存储类型", dataIndex: "storageClass", width: 100, render: (p) => p || "标准" },
+    { title: "区域", dataIndex: "region", width: 100 },
+    { title: "对象数", dataIndex: "objectCount", width: 100, render: (p) => p ?? "-" },
+    { title: "用量", dataIndex: "sizeGb", width: 100, render: (p) => p != null ? `${p} GB` : "-" }
+  ];
+  return /* @__PURE__ */ e.jsxs("div", { style: { padding: 24 }, children: [
+    /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 24 }, children: [
+      /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ e.jsxs("h2", { style: { margin: 0, fontSize: 20, fontWeight: 600 }, children: [
+          /* @__PURE__ */ e.jsx(Te, { style: { marginRight: 8 } }),
+          "对象存储"
+        ] }),
+        /* @__PURE__ */ e.jsx("span", { style: { color: "#8a8f98", fontSize: 14 }, children: "OSS Bucket 与文件目录" })
+      ] }),
+      /* @__PURE__ */ e.jsx(I, { icon: /* @__PURE__ */ e.jsx(fe, {}), onClick: u, children: "刷新" })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { style: { background: "rgba(255,255,255,0.02)", border: "1px solid rgba(255,255,255,0.06)", borderRadius: 8, padding: 16 }, children: /* @__PURE__ */ e.jsx(V, { columns: o, dataSource: r, loading: v, rowKey: "name", pagination: { pageSize: 10 }, locale: { emptyText: "暂无 Bucket" } }) })
+  ] });
+}, et = () => /* @__PURE__ */ e.jsxs("div", { style: { padding: 24 }, children: [
+  /* @__PURE__ */ e.jsxs("h2", { style: { margin: "0 0 8px", fontSize: 20, fontWeight: 600 }, children: [
+    /* @__PURE__ */ e.jsx(Ae, { style: { marginRight: 8 } }),
+    "域名管理"
+  ] }),
+  /* @__PURE__ */ e.jsx("p", { style: { color: "#8a8f98", marginBottom: 24 }, children: "管理已绑定的域名与 SSL 证书" }),
+  /* @__PURE__ */ e.jsx("div", { style: { background: "rgba(255,255,255,0.02)", border: "1px solid rgba(255,255,255,0.06)", borderRadius: 8, padding: 48 }, children: /* @__PURE__ */ e.jsx(K, { description: "后端 API 开发中，敬请期待" }) })
+] }), tt = () => /* @__PURE__ */ e.jsxs("div", { style: { padding: 24 }, children: [
+  /* @__PURE__ */ e.jsxs("h2", { style: { margin: "0 0 8px", fontSize: 20, fontWeight: 600 }, children: [
+    /* @__PURE__ */ e.jsx(_e, { style: { marginRight: 8 } }),
+    "ECS 管理"
+  ] }),
+  /* @__PURE__ */ e.jsx("p", { style: { color: "#8a8f98", marginBottom: 24 }, children: "查看与管理云服务器实例" }),
+  /* @__PURE__ */ e.jsx("div", { style: { background: "rgba(255,255,255,0.02)", border: "1px solid rgba(255,255,255,0.06)", borderRadius: 8, padding: 48 }, children: /* @__PURE__ */ e.jsx(K, { description: "后端 API 开发中，敬请期待" }) })
+] }), rt = () => /* @__PURE__ */ e.jsxs("div", { style: { padding: 24 }, children: [
+  /* @__PURE__ */ e.jsxs("h2", { style: { margin: "0 0 8px", fontSize: 20, fontWeight: 600 }, children: [
+    /* @__PURE__ */ e.jsx(Oe, { style: { marginRight: 8 } }),
+    "RDS 管理"
+  ] }),
+  /* @__PURE__ */ e.jsx("p", { style: { color: "#8a8f98", marginBottom: 24 }, children: "查看云数据库实例与慢查询监控" }),
+  /* @__PURE__ */ e.jsx("div", { style: { background: "rgba(255,255,255,0.02)", border: "1px solid rgba(255,255,255,0.06)", borderRadius: 8, padding: 48 }, children: /* @__PURE__ */ e.jsx(K, { description: "后端 API 开发中，敬请期待" }) })
+] }), nt = () => {
+  const [r, c] = h([]), [v, j] = h(!1), u = async () => {
+    j(!0);
+    try {
+      c(await Fe.list() || []);
+    } catch {
+      T.error("加载构建记录失败");
+    } finally {
+      j(!1);
+    }
+  };
+  B(() => {
+    u();
+  }, []);
+  const o = { SUCCESS: { text: "成功", color: "green" }, FAILED: { text: "失败", color: "red" }, BUILDING: { text: "构建中", color: "processing" } }, p = [
+    { title: "ID", dataIndex: "id", width: 60 },
+    { title: "镜像名", dataIndex: "imageName", width: 160 },
+    { title: "应用名", dataIndex: "appName", width: 120 },
+    { title: "分支", dataIndex: "branch", width: 120 },
+    { title: "环境", dataIndex: "env", width: 80 },
+    { title: "状态", dataIndex: "status", width: 90, render: (x) => {
+      const g = o[x] || { text: x, color: "default" };
+      return /* @__PURE__ */ e.jsx(z, { color: g.color, children: g.text });
+    } },
+    { title: "镜像版本", dataIndex: "imageTag", width: 140, ellipsis: !0 },
+    { title: "构建时间", dataIndex: "createdAt", width: 170 }
+  ];
+  return /* @__PURE__ */ e.jsxs("div", { style: { padding: 24 }, children: [
+    /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 24 }, children: [
+      /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ e.jsxs("h2", { style: { margin: 0, fontSize: 20, fontWeight: 600 }, children: [
+          /* @__PURE__ */ e.jsx(Ce, { style: { marginRight: 8 } }),
+          "镜像构建"
+        ] }),
+        /* @__PURE__ */ e.jsx("span", { style: { color: "#8a8f98", fontSize: 14 }, children: "镜像构建记录" })
+      ] }),
+      /* @__PURE__ */ e.jsx(I, { icon: /* @__PURE__ */ e.jsx(fe, {}), onClick: u, children: "刷新" })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { style: { background: "rgba(255,255,255,0.02)", border: "1px solid rgba(255,255,255,0.06)", borderRadius: 8, padding: 16 }, children: /* @__PURE__ */ e.jsx(V, { columns: p, dataSource: r, loading: v, rowKey: "id", pagination: { pageSize: 10 }, locale: { emptyText: "暂无构建记录" } }) })
+  ] });
+}, at = () => /* @__PURE__ */ e.jsxs("div", { style: { padding: 24 }, children: [
+  /* @__PURE__ */ e.jsxs("h2", { style: { margin: "0 0 8px", fontSize: 20, fontWeight: 600 }, children: [
+    /* @__PURE__ */ e.jsx(De, { style: { marginRight: 8 } }),
+    "迭代管理"
+  ] }),
+  /* @__PURE__ */ e.jsx("p", { style: { color: "#8a8f98", marginBottom: 24 }, children: "管理研发迭代与里程碑" }),
+  /* @__PURE__ */ e.jsx("div", { style: { background: "rgba(255,255,255,0.02)", border: "1px solid rgba(255,255,255,0.06)", borderRadius: 8, padding: 48 }, children: /* @__PURE__ */ e.jsx(K, { description: "后端 API 开发中，敬请期待" }) })
+] });
+export {
+  Ke as ChannelPage,
+  He as DeliveryPage,
+  Xe as DeploymentPage,
+  et as DomainPage,
+  tt as EcsPage,
+  nt as RdOpsPage,
+  rt as RdsPage,
+  Qe as ResourceOssPage,
+  at as SprintPage,
+  Ze as TaskPage,
+  Me as configureApiBaseURL,
+  $ as deploymentUnitApi,
+  G as environmentApi,
+  Ge as imageApi,
+  Fe as imageBuildApi,
+  Je as imageTagApi,
+  $e as ossBucketApi,
+  Be as recordApi,
+  Y as targetApi,
+  qe as webhookApi
+};