@topdatasec/probe 1.0.3 → 1.0.5

package/lib/t-probe-ui.es.js

@@ -1,11 +1,12 @@
-import { defineComponent as H, useModel as ne, resolveComponent as p, openBlock as y, createElementBlock as x, Fragment as A, renderList as K, createVNode as e, withCtx as E, unref as M, createCommentVNode as O, ref as w, reactive as j, createTextVNode as q, createElementVNode as v, toDisplayString as C, mergeProps as X, createBlock as W } from "vue";
+import { defineComponent as H, useModel as ne, resolveComponent as p, openBlock as f, createElementBlock as k, Fragment as B, renderList as K, createVNode as e, withCtx as $, unref as A, createCommentVNode as O, ref as x, reactive as G, createTextVNode as F, createElementVNode as _, toDisplayString as q, mergeProps as X, createBlock as j } from "vue";
 import { CircleClose as re, UploadFilled as se } from "@element-plus/icons-vue";
 import { TdsTable as ae, TdsForm as Y } from "topdatasec-ui";
+import ue from "spark-md5";
 import { ElMessage as Q } from "element-plus";
-const ue = {
+const ie = {
   key: 0,
   class: "absolute right--13px text-#f56c6c hover:cursor-pointer"
-}, ie = /* @__PURE__ */ H({
+}, de = /* @__PURE__ */ H({
   __name: "IpPortList",
   props: {
     modelValue: { default: () => [{ ip: "", port: "" }] },
@@ -13,114 +14,114 @@ const ue = {
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const l = ne(t, "modelValue"), { $t: o } = window;
-    function a() {
+    const l = ne(t, "modelValue"), { $t: n } = window;
+    function s() {
       l.value = [...l.value, { ip: "", port: "" }];
     }
-    function c(m) {
-      const r = [...l.value];
-      r.splice(m, 1), l.value = r;
+    function d(v) {
+      const o = [...l.value];
+      o.splice(v, 1), l.value = o;
     }
-    return (m, r) => {
-      const _ = p("el-input"), T = p("el-form-item"), b = p("el-icon"), s = p("el-button");
-      return y(), x("div", null, [
-        (y(!0), x(A, null, K(l.value, (u, S) => (y(), x("div", {
-          key: S,
+    return (v, o) => {
+      const y = p("el-input"), S = p("el-form-item"), h = p("el-icon"), a = p("el-button");
+      return f(), k("div", null, [
+        (f(!0), k(B, null, K(l.value, (u, E) => (f(), k("div", {
+          key: E,
           class: "flex form-m0 w-100% mb-5px"
         }, [
-          e(T, { class: "w-70%" }, {
-            default: E(() => [
-              e(_, {
+          e(S, { class: "w-70%" }, {
+            default: $(() => [
+              e(y, {
                 modelValue: u.ip,
-                "onUpdate:modelValue": (L) => u.ip = L,
+                "onUpdate:modelValue": (C) => u.ip = C,
                 class: "min-w-300px w-100%",
                 placeholder: "IP"
               }, null, 8, ["modelValue", "onUpdate:modelValue"])
             ]),
             _: 2
           }, 1024),
-          e(T, { class: "ml-auto w-30%" }, {
-            default: E(() => [
-              e(_, {
+          e(S, { class: "ml-auto w-30%" }, {
+            default: $(() => [
+              e(y, {
                 modelValue: u.port,
-                "onUpdate:modelValue": (L) => u.port = L,
+                "onUpdate:modelValue": (C) => u.port = C,
                 class: "ml-10",
-                placeholder: M(o)("global.port")
+                placeholder: A(n)("global.port")
               }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
             ]),
             _: 2
           }, 1024),
-          l.value.length > 1 ? (y(), x("div", ue, [
-            e(b, {
-              onClick: (L) => c(S)
+          l.value.length > 1 ? (f(), k("div", ie, [
+            e(h, {
+              onClick: (C) => d(E)
             }, {
-              default: E(() => [
-                e(M(re))
+              default: $(() => [
+                e(A(re))
               ]),
               _: 1
             }, 8, ["onClick"])
           ])) : O("", !0)
         ]))), 128)),
-        e(s, {
+        e(a, {
           class: "w-100% mt-10px border-dashed!",
           icon: "Plus",
-          onClick: a
+          onClick: s
         })
       ]);
     };
   }
 });
 const ee = (t, l) => {
-  const o = t.__vccOpts || t;
-  for (const [a, c] of l)
-    o[a] = c;
-  return o;
-}, V = /* @__PURE__ */ ee(ie, [["__scopeId", "data-v-16fc9c64"]]), I = 5 * 1024 * 1024;
-function de(t, l) {
-  return new Promise((o, a) => {
-    const c = new (void 0)(), m = new FileReader(), r = Math.ceil(t.size / I);
-    let _ = 0;
-    m.onload = (b) => {
-      var s;
-      if (c.append((s = b.target) == null ? void 0 : s.result), _++, l) {
-        const u = Math.floor(_ / r * 100);
+  const n = t.__vccOpts || t;
+  for (const [s, d] of l)
+    n[s] = d;
+  return n;
+}, N = /* @__PURE__ */ ee(de, [["__scopeId", "data-v-16fc9c64"]]), z = 5 * 1024 * 1024;
+function pe(t, l) {
+  return new Promise((n, s) => {
+    const d = new ue.ArrayBuffer(), v = new FileReader(), o = Math.ceil(t.size / z);
+    let y = 0;
+    v.onload = (h) => {
+      var a;
+      if (d.append((a = h.target) == null ? void 0 : a.result), y++, l) {
+        const u = Math.floor(y / o * 100);
         l(u);
       }
-      if (_ < r)
-        T();
+      if (y < o)
+        S();
       else {
-        const u = c.end();
-        o(u);
+        const u = d.end();
+        n(u);
       }
-    }, m.onerror = () => {
-      a(new Error("MD5计算失败"));
+    }, v.onerror = () => {
+      s(new Error("MD5计算失败"));
     };
-    function T() {
-      const b = _ * I, s = Math.min(b + I, t.size);
-      m.readAsArrayBuffer(t.slice(b, s));
+    function S() {
+      const h = y * z, a = Math.min(h + z, t.size);
+      v.readAsArrayBuffer(t.slice(h, a));
     }
-    T();
+    S();
   });
 }
-async function pe(t, l, o, a, c, m = "/api/upload/chunk") {
-  const r = l * I, _ = Math.min(r + I, t.size), T = t.slice(r, _), b = _ - r, s = new FormData();
-  s.append("file", T, t.name), s.append("chunkIndex", String(l + 1)), s.append("totalChunkNum", String(o)), s.append("fileMd5", a), s.append("tds_token", c), s.append("fileName", t.name), s.append("fileSize", String(t.size)), s.append("fileExt", t.name.substring(t.name.lastIndexOf(".") + 1)), s.append("chunkSize", String(I)), s.append("currentChunkSize", String(b));
+async function ce(t, l, n, s, d, v = "/api/upload/chunk") {
+  const o = l * z, y = Math.min(o + z, t.size), S = t.slice(o, y), h = y - o, a = new FormData();
+  a.append("file", S, t.name), a.append("chunkIndex", String(l + 1)), a.append("totalChunkNum", String(n)), a.append("fileMd5", s), a.append("tds_token", d), a.append("fileName", t.name), a.append("fileSize", String(t.size)), a.append("fileExt", t.name.substring(t.name.lastIndexOf(".") + 1)), a.append("chunkSize", String(z)), a.append("currentChunkSize", String(h));
   try {
-    const u = await fetch(m, {
+    const u = await fetch(v, {
       method: "POST",
-      body: s
+      body: a
     });
     if (console.log(u, "upload response"), !u.ok)
       throw new Error(`分片 ${l + 1} 上传失败，HTTP状态码: ${u.status}`);
-    const S = await u.json();
-    if (console.log(S, "upload result"), S.recode !== 0)
-      throw new Error(`上传失败: ${S.remsg || "未知错误"}`);
+    const E = await u.json();
+    if (console.log(E, "upload result"), E.recode !== 0)
+      throw new Error(`上传失败: ${E.remsg || "未知错误"}`);
     return !0;
   } catch (u) {
     throw console.error(`上传分片 ${l + 1} 时出错:`, u), u;
   }
 }
-async function ce(t, l = "/api/upload/merge") {
+async function me(t, l = "/api/upload/merge") {
   try {
     if (!(await fetch(l, {
       method: "POST",
@@ -131,167 +132,167 @@ async function ce(t, l = "/api/upload/merge") {
     })).ok)
       throw new Error("文件合并失败");
     return !0;
-  } catch (o) {
-    return console.error("合并分片时出错:", o), !1;
+  } catch (n) {
+    return console.error("合并分片时出错:", n), !1;
   }
 }
-async function me(t) {
-  const { token: l, file: o, fileDesc: a = "", uploadUrl: c = "/api/upload/chunk", mergeUrl: m = "/api/upload/merge", onProgress: r, onSuccess: _, onError: T } = t;
+async function _e(t) {
+  const { token: l, file: n, fileDesc: s = "", uploadUrl: d = "/api/upload/chunk", mergeUrl: v = "/api/upload/merge", onProgress: o, onSuccess: y, onError: S } = t;
   try {
-    r == null || r({
+    o == null || o({
       progress: 0,
       statusText: "正在计算文件MD5...",
       status: "preparing"
     });
-    const s = await de(o, (g) => {
-      r == null || r({
-        progress: Math.floor(g * 0.1),
+    const a = await pe(n, (U) => {
+      o == null || o({
+        progress: Math.floor(U * 0.1),
         // MD5计算占10%进度
-        statusText: `正在计算文件MD5... ${g}%`,
+        statusText: `正在计算文件MD5... ${U}%`,
         status: "preparing"
       });
     });
-    r == null || r({
+    o == null || o({
       progress: 10,
       statusText: "MD5计算完成",
       status: "preparing",
-      fileMd5: s
+      fileMd5: a
     });
-    const u = Math.ceil(o.size / I);
-    r == null || r({
+    const u = Math.ceil(n.size / z);
+    o == null || o({
       progress: 10,
       statusText: `开始上传 (共${u}个分片)`,
       status: "uploading",
-      fileMd5: s
+      fileMd5: a
     });
-    for (let g = 0; g < u; g++) {
-      const P = Math.floor(g / u * 80);
-      r == null || r({
-        progress: 10 + P,
-        statusText: `正在上传分片 ${g + 1}/${u}`,
+    for (let U = 0; U < u; U++) {
+      const L = Math.floor(U / u * 80);
+      o == null || o({
+        progress: 10 + L,
+        statusText: `正在上传分片 ${U + 1}/${u}`,
         status: "uploading",
-        fileMd5: s
-      }), await pe(o, g, u, s, l, c);
+        fileMd5: a
+      }), await ce(n, U, u, a, l, d);
     }
-    r == null || r({
+    o == null || o({
       progress: 90,
       statusText: "正在合并文件...",
       status: "merging",
-      fileMd5: s
+      fileMd5: a
     });
-    const S = o.name.substring(o.name.lastIndexOf(".") + 1), L = {
-      fileDesc: a,
-      fileExt: S,
-      fileMd5: s,
-      fileName: o.name,
-      fileSize: String(o.size),
+    const E = n.name.substring(n.name.lastIndexOf(".") + 1), C = {
+      fileDesc: s,
+      fileExt: E,
+      fileMd5: a,
+      fileName: n.name,
+      fileSize: String(n.size),
       tds_token: l,
       totalChunkNum: String(u)
     };
-    if (!await ce(L, m))
+    if (!await me(C, v))
       throw new Error("文件合并失败");
-    r == null || r({
+    o == null || o({
       progress: 100,
       statusText: "上传成功",
       status: "success",
-      fileMd5: s
-    }), Q.success(`${o.name} 上传成功`), _ == null || _(s);
-  } catch (b) {
-    r == null || r({
+      fileMd5: a
+    }), Q.success(`${n.name} 上传成功`), y == null || y(a);
+  } catch (h) {
+    o == null || o({
       progress: 0,
-      statusText: b.message || "上传失败",
+      statusText: h.message || "上传失败",
       status: "error"
-    }), Q.error(`${o.name} 上传失败: ${b.message}`), T == null || T(b);
+    }), Q.error(`${n.name} 上传失败: ${h.message}`), S == null || S(h);
   }
 }
-function _e(t) {
+function fe(t) {
   if (t === 0)
     return "0 B";
-  const l = 1024, o = ["B", "KB", "MB", "GB", "TB"], a = Math.floor(Math.log(t) / Math.log(l));
-  return Math.round(t / Math.pow(l, a) * 100) / 100 + " " + o[a];
+  const l = 1024, n = ["B", "KB", "MB", "GB", "TB"], s = Math.floor(Math.log(t) / Math.log(l));
+  return Math.round(t / Math.pow(l, s) * 100) / 100 + " " + n[s];
 }
-const U = {
+const M = {
   get deployURL() {
     return window.$probeURL || "";
   }
 }, te = (t = {}) => window.$http.request({
-  url: `${U.deployURL}/service_deploy/deployment/deploy`,
+  url: `${M.deployURL}/service_deploy/deployment/deploy`,
   method: "post",
   data: t
-}), fe = (t = {}) => window.$http.request({
-  url: `${U.deployURL}/service_deploy/deployment/servers/add`,
+}), ve = (t = {}) => window.$http.request({
+  url: `${M.deployURL}/service_deploy/deployment/servers/add`,
   method: "post",
   data: t
 }), le = (t = {}) => window.$http.request({
-  url: `${U.deployURL}/service_deploy/deployment/packages/get`,
+  url: `${M.deployURL}/service_deploy/deployment/packages/get`,
   method: "post",
   data: t,
   isError: !1
 }), oe = (t = {}) => window.$http.request({
-  url: `${U.deployURL}/service_deploy/deployment/servers/get`,
+  url: `${M.deployURL}/service_deploy/deployment/servers/get`,
   method: "post",
   data: t,
   isError: !1
-}), ve = (t = {}) => window.$http.request({
-  url: `${U.deployURL}/service_deploy/deployment/servers/del`,
-  method: "post",
-  data: t
 }), ye = (t = {}) => window.$http.request({
-  url: `${U.deployURL}/service_deploy/deployment/packages/del`,
+  url: `${M.deployURL}/service_deploy/deployment/servers/del`,
   method: "post",
   data: t
 }), ge = (t = {}) => window.$http.request({
-  url: `${U.deployURL}/service_deploy/deployment/servers/get_arch`,
+  url: `${M.deployURL}/service_deploy/deployment/packages/del`,
   method: "post",
-  data: t,
-  isError: !1
+  data: t
 }), he = (t = {}) => window.$http.request({
-  url: `${U.deployURL}/service_deploy/deployment/deployment_history/get`,
+  url: `${M.deployURL}/service_deploy/deployment/servers/get_arch`,
   method: "post",
   data: t,
   isError: !1
 }), be = (t = {}) => window.$http.request({
-  url: `${U.deployURL}/service_deploy/deployment/servers/test_ssh`,
+  url: `${M.deployURL}/service_deploy/deployment/deployment_history/get`,
   method: "post",
-  data: t
+  data: t,
+  isError: !1
 }), we = (t = {}) => window.$http.request({
-  url: `${U.deployURL}/service_deploy/deployment/servers/check_env`,
+  url: `${M.deployURL}/service_deploy/deployment/servers/test_ssh`,
   method: "post",
   data: t
 }), xe = (t = {}) => window.$http.request({
-  url: `${U.deployURL}/service_deploy/deployment/servers/install_env`,
+  url: `${M.deployURL}/service_deploy/deployment/servers/check_env`,
   method: "post",
   data: t
-}), ke = {
+}), ke = (t = {}) => window.$http.request({
+  url: `${M.deployURL}/service_deploy/deployment/servers/install_env`,
+  method: "post",
+  data: t
+}), Te = {
   class: "h-100%"
-}, Te = {
+}, $e = {
   key: 0,
   class: "upload-progress-list"
-}, $e = {
-  class: "file-info"
 }, Ee = {
-  class: "file-name"
+  class: "file-info"
 }, Se = {
-  class: "file-size"
+  class: "file-name"
 }, Ue = {
-  class: "progress-text"
+  class: "file-size"
 }, Le = {
+  class: "progress-text"
+}, Me = {
   class: "table-box h-[calc(100%-220px)]",
   style: {
-    height: "calc(100% -220px)"
+    height: "calc(100% - 220px)"
   }
 }, Ce = {
   key: 0
-}, Me = {
-  class: "flex flex-wrap gap-12px p-12px"
 }, qe = {
-  class: "font-bold text-14px mb-8px text-[var(--el-text-color-primary)]"
+  class: "flex flex-wrap gap-12px p-12px"
 }, Ae = {
-  class: "text-12px text-[var(--el-text-color-regular)] space-y-4px"
+  class: "font-bold text-14px mb-8px text-[var(--el-text-color-primary)]"
 }, Fe = {
+  class: "text-12px text-[var(--el-text-color-regular)] space-y-4px"
+}, Be = {
   key: 1,
   class: "font-bold text-center text-gray-500 py-20"
-}, Be = /* @__PURE__ */ H({
+}, De = /* @__PURE__ */ H({
   __name: "index",
   props: {
     token: {
@@ -300,44 +301,44 @@ const U = {
     }
   },
   setup(t) {
-    const l = w(), o = w(), a = w("快速部署"), c = w({}), {
-      $t: m,
-      $messageBox: r
-    } = window;
-    function _(i) {
-      c.value = {
+    const l = x(), n = x(), s = x("快速部署"), d = x({}), {
+      $t: v,
+      $messageBox: o
+    } = window, y = t;
+    function S(i) {
+      d.value = {
         id: i.id
-      }, o.value.open();
+      }, n.value.open();
     }
-    const T = w([{
+    const h = x([{
       ip: "",
       port: ""
-    }]), b = w([{
+    }]), a = x([{
       ip: "",
       port: ""
-    }]), s = w([{
+    }]), u = x([{
       ip: "",
       port: ""
-    }]), u = w([{
+    }]), E = x([{
       ip: "",
       port: ""
     }]);
-    async function S(i) {
-      const k = (n, d) => {
-        const f = Math.max(n.length, d.length);
+    async function C(i) {
+      const b = (w, c) => {
+        const m = Math.max(w.length, c.length);
         return Array.from({
-          length: f
-        }, (h, $) => {
-          var F, N, z, R;
+          length: m
+        }, (g, T) => {
+          var D, V, P, R;
           return {
-            src_ip: ((F = n[$]) == null ? void 0 : F.ip) || "",
-            src_port: Number((N = n[$]) == null ? void 0 : N.port) || 0,
-            dst_ip: ((z = d[$]) == null ? void 0 : z.ip) || "",
-            dst_port: Number((R = d[$]) == null ? void 0 : R.port) || 0
+            src_ip: ((D = w[T]) == null ? void 0 : D.ip) || "",
+            src_port: Number((V = w[T]) == null ? void 0 : V.port) || 0,
+            dst_ip: ((P = c[T]) == null ? void 0 : P.ip) || "",
+            dst_port: Number((R = c[T]) == null ? void 0 : R.port) || 0
           };
         });
-      }, B = {
-        packages_id: [c.value.id],
+      }, r = {
+        packages_id: [d.value.id],
         server_id: i.server_id,
         service_type: window.$prodType,
         deploy_params: {
@@ -346,22 +347,22 @@ const U = {
           interface: i.interface || "",
           engine_ip: i.engine_ip || "",
           engine_port: i.engine_port || "",
-          filterWhitelist: k(T.value, b.value),
-          filterBlacklist: k(s.value, u.value)
+          filterWhitelist: b(h.value, a.value),
+          filterBlacklist: b(u.value, E.value)
         }
       };
       await te({
-        data: B
-      }), l.value.getTableList(), o.value.close();
+        data: r
+      }), l.value.getTableList(), n.value.close();
     }
-    async function L(i) {
-      r(i, "file_name", m("button.delete"), "error").then(async () => {
-        await ye({
+    async function I(i) {
+      o(i, "file_name", v("button.delete"), "error").then(async () => {
+        await ge({
           data: [i.id]
         }), l.value.getTableList();
       });
     }
-    const D = j([
+    const U = G([
       // { type: 'selection', align: 'center', field: 'id', hide: true },
       {
         field: "server_id",
@@ -403,8 +404,8 @@ const U = {
         field: "deployment_server",
         name: "已部署服务器数",
         render: (i) => {
-          var k;
-          return ((k = i.row.deployment_server) == null ? void 0 : k.length) || 0;
+          var b;
+          return ((b = i.row.deployment_server) == null ? void 0 : b.length) || 0;
         }
       },
       {
@@ -487,17 +488,21 @@ const U = {
         show: {
           type: "input",
           tooltip: "白名单配置后，仅采集白名单内相关流量，如不填写，则采集所有流量",
-          render: () => e(A, null, [e("p", {
+          render: () => e(B, null, [e("div", {
+            style: "width: 100%"
+          }, [e("p", {
             class: "color-[var(--el-text-color-regular)]"
-          }, [q("源ip端口:")]), e(V, {
-            modelValue: T.value,
-            "onUpdate:modelValue": (i) => T.value = i
-          }, null), e("p", {
+          }, [F("源ip端口:")]), e(N, {
+            modelValue: h.value,
+            "onUpdate:modelValue": (i) => h.value = i
+          }, null)]), e("div", {
+            style: "width: 100%"
+          }, [e("p", {
             class: "color-[var(--el-text-color-regular)]"
-          }, [q("目的ip端口:")]), e(V, {
-            modelValue: b.value,
-            "onUpdate:modelValue": (i) => b.value = i
-          }, null)])
+          }, [F("目的ip端口:")]), e(N, {
+            modelValue: a.value,
+            "onUpdate:modelValue": (i) => a.value = i
+          }, null)])])
         },
         hide: !0
       },
@@ -507,16 +512,16 @@ const U = {
         show: {
           type: "input",
           tooltip: "黑名单配置后，将不再采集黑名单内相关流量",
-          render: () => e(A, null, [e("p", {
+          render: () => e(B, null, [e("p", {
             class: "color-[var(--el-text-color-regular)]"
-          }, [q("源ip端口:")]), e(V, {
-            modelValue: s.value,
-            "onUpdate:modelValue": (i) => s.value = i
-          }, null), e("p", {
-            class: "color-[var(--el-text-color-regular)]"
-          }, [q("目的ip端口:")]), e(V, {
+          }, [F("源ip端口:")]), e(N, {
             modelValue: u.value,
             "onUpdate:modelValue": (i) => u.value = i
+          }, null), e("p", {
+            class: "color-[var(--el-text-color-regular)]"
+          }, [F("目的ip端口:")]), e(N, {
+            modelValue: E.value,
+            "onUpdate:modelValue": (i) => E.value = i
           }, null)])
         },
         hide: !0
@@ -530,7 +535,7 @@ const U = {
           link: !0,
           type: "primary",
           class: "custom-btn",
-          onClick: () => _(i.row)
+          onClick: () => S(i.row)
         }, {
           icon: () => e(p("tds-svg-icon"), {
             name: "deployed",
@@ -540,107 +545,108 @@ const U = {
           link: !0,
           type: "danger",
           icon: "Delete",
-          title: m("button.delete"),
-          onClick: () => L([i.row])
+          title: v("button.delete"),
+          onClick: () => I([i.row])
         }, null)])
       }
-    ]), g = w([]);
-    function P(i) {
-      const k = i.raw;
-      if (!k)
+    ]), L = x([]);
+    function W(i) {
+      const b = i.raw;
+      if (!b)
         return;
-      const B = {
-        fileName: k.name,
-        fileSize: k.size,
+      const r = {
+        fileName: b.name,
+        fileSize: b.size,
         progress: 0,
         progressStatus: "",
         statusText: "准备上传..."
       };
-      g.value.push(B);
-      const n = g.value.length - 1;
-      me({
-        file: k,
+      L.value.push(r);
+      const w = L.value.length - 1;
+      _e({
+        file: b,
         fileDesc: "探针安装包",
         // 替换为你实际的接口地址
-        uploadUrl: U.deployURL + "/service_deploy/deployment/packages/upload",
-        mergeUrl: U.deployURL + "/service_deploy/deployment/packages/upload_merge",
+        uploadUrl: M.deployURL + "/service_deploy/deployment/packages/upload",
+        mergeUrl: M.deployURL + "/service_deploy/deployment/packages/upload_merge",
+        token: y.token,
         // 进度回调
-        onProgress: (d) => {
-          const f = g.value[n];
-          f && (f.progress = d.progress, f.statusText = d.statusText, d.fileMd5 && (f.fileMd5 = d.fileMd5), d.status === "error" ? f.progressStatus = "exception" : d.status === "success" ? f.progressStatus = "success" : f.progressStatus = "");
+        onProgress: (c) => {
+          const m = L.value[w];
+          m && (m.progress = c.progress, m.statusText = c.statusText, c.fileMd5 && (m.fileMd5 = c.fileMd5), c.status === "error" ? m.progressStatus = "exception" : c.status === "success" ? m.progressStatus = "success" : m.progressStatus = "");
         },
         // 成功回调
         onSuccess: () => {
-          var f;
-          const d = g.value[n];
-          d && (d.progress = 100, d.progressStatus = "success", d.statusText = "上传成功"), (f = l.value) == null || f.getTableList(), setTimeout(() => {
-            const h = g.value.findIndex(($) => $.fileName === k.name);
-            h !== -1 && g.value.splice(h, 1);
+          var m;
+          const c = L.value[w];
+          c && (c.progress = 100, c.progressStatus = "success", c.statusText = "上传成功"), (m = l.value) == null || m.getTableList(), setTimeout(() => {
+            const g = L.value.findIndex((T) => T.fileName === b.name);
+            g !== -1 && L.value.splice(g, 1);
           }, 3e3);
         },
         // 失败回调
-        onError: (d) => {
-          console.error("文件上传失败:", d);
-          const f = g.value[n];
-          f && (f.progressStatus = "exception", f.statusText = d.message || "上传失败");
+        onError: (c) => {
+          console.error("文件上传失败:", c);
+          const m = L.value[w];
+          m && (m.progressStatus = "exception", m.statusText = c.message || "上传失败");
         }
       });
     }
-    return (i, k) => {
-      const B = p("el-icon"), n = p("el-upload"), d = p("el-progress"), f = p("el-table-column");
-      return y(), x("div", ke, [e(n, {
+    return (i, b) => {
+      const r = p("el-icon"), w = p("el-upload"), c = p("el-progress"), m = p("el-table-column");
+      return f(), k("div", Te, [e(w, {
         class: "upload-demo mt-10px",
         drag: "",
         action: "",
         "auto-upload": !1,
         accept: ".tar.gz,.tgz",
-        "on-change": P,
+        "on-change": W,
         "show-file-list": !1,
         multiple: ""
       }, {
-        default: E(() => [e(B, {
+        default: $(() => [e(r, {
           class: "el-icon--upload"
         }, {
-          default: E(() => [e(M(se))]),
+          default: $(() => [e(A(se))]),
           _: 1
-        }), k[0] || (k[0] = v("div", {
+        }), b[0] || (b[0] = _("div", {
           class: "el-upload__text"
-        }, [q(" 点击或拖拽文件到此处上传   "), v("br"), v("em", null, "支持的格式: tar.gz, tgz")], -1))]),
+        }, [F(" 点击或拖拽文件到此处上传  "), _("br"), _("em", null, "支持的格式: tar.gz, tgz")], -1))]),
         _: 1
-      }), g.value.length > 0 ? (y(), x("div", Te, [(y(!0), x(A, null, K(g.value, (h) => (y(), x("div", {
-        key: h.fileName,
+      }), L.value.length > 0 ? (f(), k("div", $e, [(f(!0), k(B, null, K(L.value, (g) => (f(), k("div", {
+        key: g.fileName,
         class: "upload-progress-item"
-      }, [v("div", $e, [v("span", Ee, C(h.fileName), 1), v("span", Se, C(M(_e)(h.fileSize)), 1)]), e(d, {
-        percentage: h.progress,
-        status: h.progressStatus
-      }, null, 8, ["percentage", "status"]), v("div", Ue, C(h.statusText), 1)]))), 128))])) : O("", !0), v("div", Le, [e(M(ae), {
+      }, [_("div", Ee, [_("span", Se, q(g.fileName), 1), _("span", Ue, q(A(fe)(g.fileSize)), 1)]), e(c, {
+        percentage: g.progress,
+        status: g.progressStatus
+      }, null, 8, ["percentage", "status"]), _("div", Le, q(g.statusText), 1)]))), 128))])) : O("", !0), _("div", Me, [e(A(ae), {
         ref_key: "refTdsTable",
         ref: l,
-        columns: D,
-        "request-api": M(le),
+        columns: U,
+        "request-api": A(le),
         options: i.$tableOptions()
       }, {
-        default: E(() => [e(f, {
+        default: $(() => [e(m, {
           type: "expand"
         }, {
-          default: E((h) => [h.row.deployment_server && h.row.deployment_server.length > 0 ? (y(), x("div", Ce, [k[1] || (k[1] = v("div", {
+          default: $((g) => [g.row.deployment_server && g.row.deployment_server.length > 0 ? (f(), k("div", Ce, [b[1] || (b[1] = _("div", {
             class: "font-bold text-14px mt-12px"
-          }, "已部署的服务器", -1)), v("div", Me, [(y(!0), x(A, null, K(h.row.deployment_server, ($) => (y(), x("div", {
-            key: $.id,
+          }, "已部署的服务器", -1)), _("div", qe, [(f(!0), k(B, null, K(g.row.deployment_server, (T) => (f(), k("div", {
+            key: T.id,
             class: "w-30% px-20px py-10px rounded-8px bg-[var(--el-fill-color-light)] border border-solid border-[var(--el-border-color-lighter)] hover:shadow-md transition-shadow"
-          }, [v("div", qe, C($.server_name), 1), v("div", Ae, [v("p", null, "IP: " + C($.ip_address), 1), v("p", null, "部署时间: " + C($.deployment_time), 1)])]))), 128))])])) : (y(), x("div", Fe, "暂无部署服务器记录"))]),
+          }, [_("div", Ae, q(T.server_name), 1), _("div", Fe, [_("p", null, "IP: " + q(T.ip_address), 1), _("p", null, "部署时间: " + q(T.deployment_time), 1)])]))), 128))])])) : (f(), k("div", Be, "暂无部署服务器记录"))]),
           _: 1
         })]),
         _: 1
-      }, 8, ["columns", "request-api", "options"])]), e(M(Y), X({
+      }, 8, ["columns", "request-api", "options"])]), e(A(Y), X({
         ref_key: "refTdsForm",
-        ref: o
+        ref: n
       }, i.$formBindProps({
-        title: a.value,
-        form: c.value,
-        columns: D
+        title: s.value,
+        form: d.value,
+        columns: U
       }), {
-        onSubmit: S
+        onSubmit: C
       }), null, 16)]);
     };
   }
@@ -648,106 +654,106 @@ const U = {
   class: "table-box"
 }, Ve = {
   class: "flex items-center"
-}, De = {
-  key: 0
 }, ze = {
-  class: "flex flex-wrap gap-12px p-12px"
+  key: 0
 }, Ie = {
-  class: "font-bold text-14px mb-8px text-[var(--el-text-color-primary)]"
+  class: "flex flex-wrap gap-12px p-12px"
 }, Pe = {
-  class: "text-12px text-[var(--el-text-color-regular)] space-y-4px"
+  class: "font-bold text-14px mb-8px text-[var(--el-text-color-primary)]"
 }, Re = {
+  class: "text-12px text-[var(--el-text-color-regular)] space-y-4px"
+}, Oe = {
   key: 1,
   class: "font-bold text-center text-gray-500 py-20"
-}, Oe = /* @__PURE__ */ H({
+}, He = /* @__PURE__ */ H({
   __name: "index",
   setup(t) {
     const {
       $t: l,
-      $messageBox: o
-    } = window, a = w(), c = w(), m = w(""), r = w({}), _ = w("show");
-    function T() {
-      r.value = {}, _.value = "show", m.value = "添加服务器", c.value.open();
+      $messageBox: n
+    } = window, s = x(), d = x(), v = x(""), o = x({}), y = x("show");
+    function S() {
+      o.value = {}, y.value = "show", v.value = "添加服务器", d.value.open();
     }
-    const b = (n) => {
-      o(n, "server_name", l("button.delete"), "error").then(async () => {
-        await ve({
-          data: n.map((d) => d.id)
-        }), a.value.getTableList();
+    const h = (r) => {
+      n(r, "server_name", l("button.delete"), "error").then(async () => {
+        await ye({
+          data: r.map((w) => w.id)
+        }), s.value.getTableList();
       });
     };
-    function s(n) {
-      r.value = {
-        id: n.id
-      }, _.value = "deploy", m.value = "快速部署", c.value.open();
+    function a(r) {
+      o.value = {
+        id: r.id
+      }, y.value = "deploy", v.value = "快速部署", d.value.open();
     }
-    const u = w([{
+    const u = x([{
       ip: "",
       port: ""
-    }]), S = w([{
+    }]), E = x([{
       ip: "",
       port: ""
-    }]), L = w([{
+    }]), C = x([{
       ip: "",
       port: ""
-    }]), D = w([{
+    }]), I = x([{
       ip: "",
       port: ""
     }]);
-    async function g(n) {
-      if (_.value === "show") {
-        await fe({
-          data: n
-        }), a.value.getTableList(), c.value.close();
+    async function U(r) {
+      if (y.value === "show") {
+        await ve({
+          data: r
+        }), s.value.getTableList(), d.value.close();
         return;
       }
-      const d = (h, $) => {
-        const F = Math.max(h.length, $.length);
+      const w = (m, g) => {
+        const T = Math.max(m.length, g.length);
         return Array.from({
-          length: F
-        }, (N, z) => {
-          var R, G, J, Z;
+          length: T
+        }, (D, V) => {
+          var P, R, J, Z;
           return {
-            src_ip: ((R = h[z]) == null ? void 0 : R.ip) || "",
-            src_port: Number((G = h[z]) == null ? void 0 : G.port) || 0,
-            dst_ip: ((J = $[z]) == null ? void 0 : J.ip) || "",
-            dst_port: Number((Z = $[z]) == null ? void 0 : Z.port) || 0
+            src_ip: ((P = m[V]) == null ? void 0 : P.ip) || "",
+            src_port: Number((R = m[V]) == null ? void 0 : R.port) || 0,
+            dst_ip: ((J = g[V]) == null ? void 0 : J.ip) || "",
+            dst_port: Number((Z = g[V]) == null ? void 0 : Z.port) || 0
           };
         });
-      }, f = {
-        packages_id: [n.packages_id],
-        server_id: [r.value.id],
+      }, c = {
+        packages_id: [r.packages_id],
+        server_id: [o.value.id],
         service_type: window.$prodType,
         deploy_params: {
-          probe_name: n.probe_name || "",
-          collection_mode: n.collection_mode,
-          interface: n.interface || "",
-          engine_ip: n.engine_ip || "",
-          engine_port: n.engine_port || "",
-          filterWhitelist: d(u.value, S.value),
-          filterBlacklist: d(L.value, D.value)
+          probe_name: r.probe_name || "",
+          collection_mode: r.collection_mode,
+          interface: r.interface || "",
+          engine_ip: r.engine_ip || "",
+          engine_port: r.engine_port || "",
+          filterWhitelist: w(u.value, E.value),
+          filterBlacklist: w(C.value, I.value)
         }
       };
       await te({
-        data: f
-      }), a.value.getTableList(), c.value.close();
-    }
-    function P(n) {
-      be({
-        data: [n.id]
-      }), a.value.getTableList();
+        data: c
+      }), s.value.getTableList(), d.value.close();
     }
-    function i(n) {
+    function L(r) {
       we({
-        data: [n.id]
-      }), a.value.getTableList();
+        data: [r.id]
+      }), s.value.getTableList();
     }
-    function k(n) {
+    function W(r) {
       xe({
-        data: [n.id]
-      }), a.value.getTableList();
+        data: [r.id]
+      }), s.value.getTableList();
     }
-    const B = j([{
+    function i(r) {
+      ke({
+        data: [r.id]
+      }), s.value.getTableList();
+    }
+    const b = G([{
       field: "server_name",
       name: "服务器名称",
       show: {
@@ -802,7 +808,7 @@ const U = {
     }, {
       field: "arch",
       name: "架构",
-      enum: ge,
+      enum: he,
       show: {
         type: "select"
       },
@@ -812,7 +818,7 @@ const U = {
     }, {
       field: "deployed_count",
       name: "已部署探针数量",
-      render: (n) => e("span", null, [n.row.deployment_packages.length])
+      render: (r) => e("span", null, [r.row.deployment_packages.length])
     }, {
       field: "status",
       name: "状态",
@@ -928,16 +934,16 @@ const U = {
       deploy: {
         type: "input",
         tooltip: "白名单配置后，仅采集白名单内相关流量，如不填写，则采集所有流量",
-        render: () => e(A, null, [e("p", {
+        render: () => e(B, null, [e("p", {
           class: "color-[var(--el-text-color-regular)]"
-        }, [q("源ip端口:")]), e(V, {
+        }, [F("源ip端口:")]), e(N, {
           modelValue: u.value,
-          "onUpdate:modelValue": (n) => u.value = n
+          "onUpdate:modelValue": (r) => u.value = r
         }, null), e("p", {
           class: "color-[var(--el-text-color-regular)]"
-        }, [q("目的ip端口:")]), e(V, {
-          modelValue: S.value,
-          "onUpdate:modelValue": (n) => S.value = n
+        }, [F("目的ip端口:")]), e(N, {
+          modelValue: E.value,
+          "onUpdate:modelValue": (r) => E.value = r
         }, null)])
       },
       hide: !0
@@ -947,16 +953,16 @@ const U = {
       deploy: {
         type: "input",
         tooltip: "黑名单配置后，将不再采集黑名单内相关流量",
-        render: () => e(A, null, [e("p", {
+        render: () => e(B, null, [e("p", {
           class: "color-[var(--el-text-color-regular)]"
-        }, [q("源ip端口:")]), e(V, {
-          modelValue: L.value,
-          "onUpdate:modelValue": (n) => L.value = n
+        }, [F("源ip端口:")]), e(N, {
+          modelValue: C.value,
+          "onUpdate:modelValue": (r) => C.value = r
         }, null), e("p", {
           class: "color-[var(--el-text-color-regular)]"
-        }, [q("目的ip端口:")]), e(V, {
-          modelValue: D.value,
-          "onUpdate:modelValue": (n) => D.value = n
+        }, [F("目的ip端口:")]), e(N, {
+          modelValue: I.value,
+          "onUpdate:modelValue": (r) => I.value = r
         }, null)])
       },
       hide: !0
@@ -965,18 +971,18 @@ const U = {
       name: window.$t("global.operate"),
       width: 180,
       fixed: "right",
-      render: (n) => e("div", null, [e(p("el-button"), {
+      render: (r) => e("div", null, [e(p("el-button"), {
         link: !0,
         type: "primary",
         icon: "Connection",
         title: "连通性检查",
         class: "custom-btn",
-        onClick: () => P(n.row)
+        onClick: () => L(r.row)
       }, null), e(p("el-button"), {
         link: !0,
         type: "primary",
         class: "custom-btn",
-        onClick: () => i(n.row)
+        onClick: () => W(r.row)
       }, {
         icon: () => e(p("tds-svg-icon"), {
           name: "install_env",
@@ -986,7 +992,7 @@ const U = {
         link: !0,
         type: "primary",
         class: "custom-btn",
-        onClick: () => k(n.row)
+        onClick: () => i(r.row)
       }, {
         icon: () => e(p("tds-svg-icon"), {
           name: "docker",
@@ -996,7 +1002,7 @@ const U = {
         link: !0,
         type: "primary",
         class: "custom-btn",
-        onClick: () => s(n.row)
+        onClick: () => a(r.row)
       }, {
         icon: () => e(p("tds-svg-icon"), {
           name: "deployed",
@@ -1007,80 +1013,80 @@ const U = {
         type: "danger",
         icon: "Delete",
         title: l("button.delete"),
-        onClick: () => b([n.row])
+        onClick: () => h([r.row])
       }, null)])
     }]);
-    return (n, d) => {
-      const f = p("el-button"), h = p("el-table-column"), $ = p("TdsTable");
-      return y(), x("div", Ne, [e($, {
+    return (r, w) => {
+      const c = p("el-button"), m = p("el-table-column"), g = p("TdsTable");
+      return f(), k("div", Ne, [e(g, {
         ref_key: "refTdsTable",
-        ref: a,
-        columns: B,
-        "request-api": M(oe),
+        ref: s,
+        columns: b,
+        "request-api": A(oe),
         "search-col": 4,
-        options: n.$tableOptions(),
+        options: r.$tableOptions(),
         "reserve-selection": ""
       }, {
-        tableHeader: E(() => [v("div", Ve, [e(f, {
+        tableHeader: $(() => [_("div", Ve, [e(c, {
           class: "custom-btn",
           type: "primary",
           icon: "Plus",
           plain: "",
-          onClick: d[0] || (d[0] = (F) => T())
+          onClick: w[0] || (w[0] = (T) => S())
         }, {
-          default: E(() => [q(C(M(l)("button.add")), 1)]),
+          default: $(() => [F(q(A(l)("button.add")), 1)]),
           _: 1
         })])]),
-        default: E(() => [e(h, {
+        default: $(() => [e(m, {
           type: "expand"
         }, {
-          default: E((F) => [F.row.deployment_packages && F.row.deployment_packages.length > 0 ? (y(), x("div", De, [d[1] || (d[1] = v("div", {
+          default: $((T) => [T.row.deployment_packages && T.row.deployment_packages.length > 0 ? (f(), k("div", ze, [w[1] || (w[1] = _("div", {
             class: "font-bold text-14px mt-12px"
-          }, "已部署的探针包", -1)), v("div", ze, [(y(!0), x(A, null, K(F.row.deployment_packages, (N) => (y(), x("div", {
-            key: N.id,
+          }, "已部署的探针包", -1)), _("div", Ie, [(f(!0), k(B, null, K(T.row.deployment_packages, (D) => (f(), k("div", {
+            key: D.id,
             class: "w-30% px-20px py-10px rounded-8px bg-[var(--el-fill-color-light)] border border-solid border-[var(--el-border-color-lighter)] hover:shadow-md transition-shadow"
-          }, [v("div", Ie, C(N.file_name), 1), v("div", Pe, [v("p", null, "版本: " + C(N.version), 1), v("p", null, "部署时间: " + C(N.deployment_time), 1)])]))), 128))])])) : (y(), x("div", Re, "暂无部署服务器记录"))]),
+          }, [_("div", Pe, q(D.file_name), 1), _("div", Re, [_("p", null, "版本: " + q(D.version), 1), _("p", null, "部署时间: " + q(D.deployment_time), 1)])]))), 128))])])) : (f(), k("div", Oe, "暂无部署服务器记录"))]),
           _: 1
         })]),
         _: 1
-      }, 8, ["columns", "request-api", "options"]), e(M(Y), X({
+      }, 8, ["columns", "request-api", "options"]), e(A(Y), X({
         ref_key: "refTdsForm",
-        ref: c
-      }, n.$formBindProps({
-        title: m.value,
-        form: r.value,
-        columns: B,
-        formKey: _.value
+        ref: d
+      }, r.$formBindProps({
+        title: v.value,
+        form: o.value,
+        columns: b,
+        formKey: y.value
       }), {
-        onSubmit: g
+        onSubmit: U
       }), null, 16)]);
     };
   }
-}), He = {
+}), Ke = {
   class: "table-box"
-}, Ke = {
+}, We = {
   style: {
     padding: "0 50px"
   }
-}, We = /* @__PURE__ */ H({
+}, je = /* @__PURE__ */ H({
   __name: "index",
   setup(t) {
-    const l = j([{
+    const l = G([{
       field: "packages_name",
       name: "探针包",
-      render: (o) => e(A, null, [e("p", {
+      render: (n) => e(B, null, [e("p", {
         class: "font-bold"
-      }, [o.row.packages_name]), e("p", {
+      }, [n.row.packages_name]), e("p", {
         class: "text-gray-400"
-      }, [o.row.packages_version])])
+      }, [n.row.packages_version])])
     }, {
       field: "server_name",
       name: "服务器",
-      render: (o) => e(A, null, [e("p", {
+      render: (n) => e(B, null, [e("p", {
         class: "font-bold"
-      }, [o.row.server_name]), e("p", {
+      }, [n.row.server_name]), e("p", {
         class: "text-gray-400"
-      }, [o.row.ip_address])])
+      }, [n.row.ip_address])])
     }, {
       field: "deployment_time",
       name: "部署时间"
@@ -1102,27 +1108,27 @@ const U = {
         tagType: "success"
       }]
     }]);
-    return (o, a) => {
-      const c = p("el-table-column"), m = p("TdsTable");
-      return y(), x("div", He, [e(m, {
+    return (n, s) => {
+      const d = p("el-table-column"), v = p("TdsTable");
+      return f(), k("div", Ke, [e(v, {
         ref: "refTdsTable",
         columns: l,
         "search-col": 4,
-        "request-api": M(he),
-        options: o.$tableOptions(),
+        "request-api": A(be),
+        options: n.$tableOptions(),
         "reserve-selection": ""
       }, {
-        default: E(() => [e(c, {
+        default: $(() => [e(d, {
           type: "expand"
         }, {
-          default: E((r) => [v("div", Ke, C(r.row.deployment_log), 1)]),
+          default: $((o) => [_("div", We, q(o.row.deployment_log), 1)]),
           _: 1
         })]),
         _: 1
       }, 8, ["columns", "request-api", "options"])]);
     };
   }
-}), je = { class: "main-wrapper" }, Ge = /* @__PURE__ */ H({
+}), Ge = { class: "main-wrapper" }, Je = /* @__PURE__ */ H({
   name: "TCProbe",
   __name: "index",
   props: {
@@ -1132,43 +1138,43 @@ const U = {
     }
   },
   setup(t) {
-    const l = t, o = w("package");
-    return (a, c) => {
-      const m = p("el-tab-pane"), r = p("el-tabs");
-      return y(), x("div", je, [
-        e(r, {
-          modelValue: o.value,
-          "onUpdate:modelValue": c[0] || (c[0] = (_) => o.value = _),
+    const l = x("package");
+    return (n, s) => {
+      const d = p("el-tab-pane"), v = p("el-tabs");
+      return f(), k("div", Ge, [
+        e(v, {
+          modelValue: l.value,
+          "onUpdate:modelValue": s[0] || (s[0] = (o) => l.value = o),
           class: "demo-tabs"
         }, {
-          default: E(() => [
-            e(m, {
+          default: $(() => [
+            e(d, {
               label: "安装包管理",
               name: "package"
             }, {
-              default: E(() => [
-                o.value === "package" ? (y(), W(Be, {
+              default: $(() => [
+                l.value === "package" ? (f(), j(De, {
                   key: 0,
-                  token: l.token
+                  token: t.token
                 }, null, 8, ["token"])) : O("", !0)
               ]),
               _: 1
             }),
-            e(m, {
+            e(d, {
               label: "探针部署",
               name: "deploy"
             }, {
-              default: E(() => [
-                o.value === "deploy" ? (y(), W(Oe, { key: 0 })) : O("", !0)
+              default: $(() => [
+                l.value === "deploy" ? (f(), j(He, { key: 0 })) : O("", !0)
               ]),
               _: 1
             }),
-            e(m, {
+            e(d, {
               label: "部署历史",
               name: "history"
             }, {
-              default: E(() => [
-                o.value === "history" ? (y(), W(We, { key: 0 })) : O("", !0)
+              default: $(() => [
+                l.value === "history" ? (f(), j(je, { key: 0 })) : O("", !0)
               ]),
               _: 1
             })
@@ -1179,24 +1185,24 @@ const U = {
     };
   }
 });
-const Je = /* @__PURE__ */ ee(Ge, [["__scopeId", "data-v-628de145"]]), Ze = (t, l) => {
-  if (t.install = (o) => {
-    for (const a of [t, ...Object.values(l ?? {})])
-      o.component(a.name, a);
+const Ze = /* @__PURE__ */ ee(Je, [["__scopeId", "data-v-f99b9b23"]]), Qe = (t, l) => {
+  if (t.install = (n) => {
+    for (const s of [t, ...Object.values(l ?? {})])
+      n.component(s.name, s);
   }, l)
-    for (const [o, a] of Object.entries(l))
-      t[o] = a;
+    for (const [n, s] of Object.entries(l))
+      t[n] = s;
   return t;
-}, Qe = Ze(Je), Xe = {
-  TCProbe: Qe
-}, ot = {
+}, Xe = Qe(Ze), Ye = {
+  TCProbe: Xe
+}, rt = {
   install(t, l) {
-    Object.entries(Xe).forEach(([o, a]) => {
-      t.component(o, a);
+    Object.entries(Ye).forEach(([n, s]) => {
+      t.component(n, s);
     }), l != null && l.prodType && (window.$prodType = l.prodType), l != null && l.envURL && (window.$probeURL = l.envURL);
   }
 };
 export {
-  Qe as TCProbe,
-  ot as default
+  Xe as TCProbe,
+  rt as default
 };