npm - @topdatasec/probe - Versions diffs - 1.0.0 - Mend

@topdatasec/probe 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/LICENSE ADDED Viewed

@@ -0,0 +1,21 @@
+MIT License
+Copyright (c) 2024 Topdatasec
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md ADDED Viewed

@@ -0,0 +1,38 @@
+# @topdatasec/probe
+探针部署管理组件库
+## 安装
+```bash
+npm install @topdatasec/probe
+# or
+pnpm add @topdatasec/probe
+```
+## 使用
+```typescript
+import { createApp } from 'vue'
+import TProbeUI from '@topdatasec/probe'
+import App from './App.vue'
+const app = createApp(App)
+app.use(TProbeUI, {
+  envURL: 'your-api-url',
+  prodType: 'your-prod-type'
+})
+app.mount('#app')
+```
+## 按需引入
+```typescript
+import { TCProbe } from '@topdatasec/probe'
+```
+## 功能
+- **安装包管理**: 上传和管理探针安装包
+- **探针部署**: 配置和部署探针到服务器
+- **部署历史**: 查看部署历史记录

package/lib/style.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ .ip-port-item[data-v-16fc9c64]{border-style:dashed}.el-tab-pane[data-v-7172e806]{height:100%}

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

@@ -0,0 +1,1198 @@
+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 { CircleClose as re, UploadFilled as ae } from "@element-plus/icons-vue";
+import { TdsTable as se, TdsForm as Y } from "topdatasec-ui";
+import { ElMessage as Q } from "element-plus";
+const ue = {
+  key: 0,
+  class: "absolute right--13px text-#f56c6c hover:cursor-pointer"
+}, ie = /* @__PURE__ */ H({
+  __name: "IpPortList",
+  props: {
+    modelValue: { default: () => [{ ip: "", port: "" }] },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(t) {
+    const l = ne(t, "modelValue"), { $t: o } = window;
+    function s() {
+      l.value = [...l.value, { ip: "", port: "" }];
+    }
+    function c(m) {
+      const r = [...l.value];
+      r.splice(m, 1), l.value = r;
+    }
+    return (m, r) => {
+      const _ = p("el-input"), T = p("el-form-item"), b = p("el-icon"), a = p("el-button");
+      return y(), x("div", null, [
+        (y(!0), x(A, null, K(l.value, (u, S) => (y(), x("div", {
+          key: S,
+          class: "flex form-m0 w-100% mb-5px"
+        }, [
+          e(T, { class: "w-70%" }, {
+            default: E(() => [
+              e(_, {
+                modelValue: u.ip,
+                "onUpdate:modelValue": (L) => u.ip = L,
+                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(_, {
+                modelValue: u.port,
+                "onUpdate:modelValue": (L) => u.port = L,
+                class: "ml-10",
+                placeholder: M(o)("global.port")
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
+            ]),
+            _: 2
+          }, 1024),
+          l.value.length > 1 ? (y(), x("div", ue, [
+            e(b, {
+              onClick: (L) => c(S)
+            }, {
+              default: E(() => [
+                e(M(re))
+              ]),
+              _: 1
+            }, 8, ["onClick"])
+          ])) : O("", !0)
+        ]))), 128)),
+        e(a, {
+          class: "w-100% mt-10px border-dashed!",
+          icon: "Plus",
+          onClick: s
+        })
+      ]);
+    };
+  }
+});
+const ee = (t, l) => {
+  const o = t.__vccOpts || t;
+  for (const [s, c] of l)
+    o[s] = c;
+  return o;
+}, V = /* @__PURE__ */ ee(ie, [["__scopeId", "data-v-16fc9c64"]]), I = 5 * 1024 * 1024;
+function de(t, l) {
+  return new Promise((o, s) => {
+    const c = new (void 0)(), m = new FileReader(), r = Math.ceil(t.size / I);
+    let _ = 0;
+    m.onload = (b) => {
+      var a;
+      if (c.append((a = b.target) == null ? void 0 : a.result), _++, l) {
+        const u = Math.floor(_ / r * 100);
+        l(u);
+      }
+      if (_ < r)
+        T();
+      else {
+        const u = c.end();
+        o(u);
+      }
+    }, m.onerror = () => {
+      s(new Error("MD5计算失败"));
+    };
+    function T() {
+      const b = _ * I, a = Math.min(b + I, t.size);
+      m.readAsArrayBuffer(t.slice(b, a));
+    }
+    T();
+  });
+}
+async function pe(t, l, o, s, c, m = "/api/upload/chunk") {
+  const r = l * I, _ = Math.min(r + I, t.size), T = t.slice(r, _), b = _ - r, a = new FormData();
+  a.append("file", T, t.name), a.append("chunkIndex", String(l + 1)), a.append("totalChunkNum", String(o)), a.append("fileMd5", s), a.append("tds_token", c), 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(I)), a.append("currentChunkSize", String(b));
+  try {
+    const u = await fetch(m, {
+      method: "POST",
+      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 || "未知错误"}`);
+    return !0;
+  } catch (u) {
+    throw console.error(`上传分片 ${l + 1} 时出错:`, u), u;
+  }
+}
+async function ce(t, l = "/api/upload/merge") {
+  try {
+    if (!(await fetch(l, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(t)
+    })).ok)
+      throw new Error("文件合并失败");
+    return !0;
+  } catch (o) {
+    return console.error("合并分片时出错:", o), !1;
+  }
+}
+async function me(t) {
+  const { token: l, file: o, fileDesc: s = "", uploadUrl: c = "/api/upload/chunk", mergeUrl: m = "/api/upload/merge", onProgress: r, onSuccess: _, onError: T } = t;
+  try {
+    r == null || r({
+      progress: 0,
+      statusText: "正在计算文件MD5...",
+      status: "preparing"
+    });
+    const a = await de(o, (g) => {
+      r == null || r({
+        progress: Math.floor(g * 0.1),
+        // MD5计算占10%进度
+        statusText: `正在计算文件MD5... ${g}%`,
+        status: "preparing"
+      });
+    });
+    r == null || r({
+      progress: 10,
+      statusText: "MD5计算完成",
+      status: "preparing",
+      fileMd5: a
+    });
+    const u = Math.ceil(o.size / I);
+    r == null || r({
+      progress: 10,
+      statusText: `开始上传 (共${u}个分片)`,
+      status: "uploading",
+      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}`,
+        status: "uploading",
+        fileMd5: a
+      }), await pe(o, g, u, a, l, c);
+    }
+    r == null || r({
+      progress: 90,
+      statusText: "正在合并文件...",
+      status: "merging",
+      fileMd5: a
+    });
+    const S = o.name.substring(o.name.lastIndexOf(".") + 1), L = {
+      fileDesc: s,
+      fileExt: S,
+      fileMd5: a,
+      fileName: o.name,
+      fileSize: String(o.size),
+      tds_token: l,
+      totalChunkNum: String(u)
+    };
+    if (!await ce(L, m))
+      throw new Error("文件合并失败");
+    r == null || r({
+      progress: 100,
+      statusText: "上传成功",
+      status: "success",
+      fileMd5: a
+    }), Q.success(`${o.name} 上传成功`), _ == null || _(a);
+  } catch (b) {
+    r == null || r({
+      progress: 0,
+      statusText: b.message || "上传失败",
+      status: "error"
+    }), Q.error(`${o.name} 上传失败: ${b.message}`), T == null || T(b);
+  }
+}
+function _e(t) {
+  if (t === 0)
+    return "0 B";
+  const l = 1024, o = ["B", "KB", "MB", "GB", "TB"], s = Math.floor(Math.log(t) / Math.log(l));
+  return Math.round(t / Math.pow(l, s) * 100) / 100 + " " + o[s];
+}
+const U = {
+  get deployURL() {
+    return window.$probeURL || "";
+  }
+}, te = (t = {}) => window.$http.request({
+  url: `${U.deployURL}/service_deploy/deployment/servers/get`,
+  method: "get",
+  params: t,
+  isError: !1
+}), fe = (t) => window.$http.request({
+  url: `${U.deployURL}/service_deploy/deployment/servers/add`,
+  method: "post",
+  data: t
+}), ve = (t) => window.$http.request({
+  url: `${U.deployURL}/service_deploy/deployment/servers/delete`,
+  method: "delete",
+  data: t
+}), le = (t = {}) => window.$http.request({
+  url: `${U.deployURL}/service_deploy/deployment/packages/get`,
+  method: "get",
+  params: t,
+  isError: !1
+}), ye = (t) => window.$http.request({
+  url: `${U.deployURL}/service_deploy/deployment/packages/delete`,
+  method: "delete",
+  data: t
+}), ge = () => window.$http.request({
+  url: `${U.deployURL}/service_deploy/deployment/servers/arch_type`,
+  method: "get",
+  isError: !1
+}), oe = (t) => window.$http.request({
+  url: `${U.deployURL}/service_deploy/deployment/deploy`,
+  method: "post",
+  data: t
+}), he = (t) => window.$http.request({
+  url: `${U.deployURL}/service_deploy/deployment/servers/test_connectivity`,
+  method: "post",
+  data: t
+}), be = (t) => window.$http.request({
+  url: `${U.deployURL}/service_deploy/deployment/servers/check_env`,
+  method: "post",
+  data: t
+}), we = (t) => window.$http.request({
+  url: `${U.deployURL}/service_deploy/deployment/servers/install_env`,
+  method: "post",
+  data: t
+}), xe = (t = {}) => window.$http.request({
+  url: `${U.deployURL}/service_deploy/deployment/history/get`,
+  method: "get",
+  params: t,
+  isError: !1
+}), ke = {
+  class: "h-100%"
+}, Te = {
+  key: 0,
+  class: "upload-progress-list"
+}, $e = {
+  class: "file-info"
+}, Ee = {
+  class: "file-name"
+}, Se = {
+  class: "file-size"
+}, Ue = {
+  class: "progress-text"
+}, Le = {
+  class: "table-box h-[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)]"
+}, Ae = {
+  class: "text-12px text-[var(--el-text-color-regular)] space-y-4px"
+}, Fe = {
+  key: 1,
+  class: "font-bold text-center text-gray-500 py-20"
+}, Be = /* @__PURE__ */ H({
+  __name: "index",
+  props: {
+    token: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(t) {
+    const l = w(), o = w(), s = w("快速部署"), c = w({}), {
+      $t: m,
+      $messageBox: r
+    } = window;
+    function _(i) {
+      c.value = {
+        id: i.id
+      }, o.value.open();
+    }
+    const T = w([{
+      ip: "",
+      port: ""
+    }]), b = w([{
+      ip: "",
+      port: ""
+    }]), a = w([{
+      ip: "",
+      port: ""
+    }]), u = w([{
+      ip: "",
+      port: ""
+    }]);
+    async function S(i) {
+      const k = (n, d) => {
+        const f = Math.max(n.length, d.length);
+        return Array.from({
+          length: f
+        }, (h, $) => {
+          var F, N, z, 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
+          };
+        });
+      }, B = {
+        packages_id: [c.value.id],
+        server_id: i.server_id,
+        service_type: window.$prodType,
+        deploy_params: {
+          probe_name: i.probe_name || "",
+          collection_mode: i.collection_mode,
+          interface: i.interface || "",
+          engine_ip: i.engine_ip || "",
+          engine_port: i.engine_port || "",
+          filterWhitelist: k(T.value, b.value),
+          filterBlacklist: k(a.value, u.value)
+        }
+      };
+      await oe({
+        data: B
+      }), l.value.getTableList(), o.value.close();
+    }
+    async function L(i) {
+      r(i, "file_name", m("button.delete"), "error").then(async () => {
+        await ye({
+          data: [i.id]
+        }), l.value.getTableList();
+      });
+    }
+    const D = j([
+      // { type: 'selection', align: 'center', field: 'id', hide: true },
+      {
+        field: "server_id",
+        name: "选择服务器",
+        enum: te,
+        fieldNames: {
+          value: "id",
+          label: "server_name"
+        },
+        show: {
+          type: "select",
+          prop: {
+            multiple: !0
+          },
+          dataType: "any"
+        },
+        hide: !0,
+        rules: [{
+          required: !0
+        }]
+      },
+      {
+        field: "file_name",
+        name: "文件名称"
+      },
+      {
+        field: "version",
+        name: "版本"
+      },
+      {
+        field: "file_size",
+        name: "大小"
+      },
+      {
+        field: "upload_time",
+        name: "上传时间"
+      },
+      {
+        field: "deployment_server",
+        name: "已部署服务器数",
+        render: (i) => {
+          var k;
+          return ((k = i.row.deployment_server) == null ? void 0 : k.length) || 0;
+        }
+      },
+      {
+        field: "upload_status",
+        name: "状态",
+        tag: !0,
+        enum: [{
+          label: "上传失败",
+          value: 0,
+          tagType: "danger"
+        }, {
+          label: "上传中",
+          value: 1,
+          tagType: "warning"
+        }, {
+          label: "上传成功",
+          value: 2,
+          tagType: "success"
+        }]
+      },
+      {
+        field: "probe_name",
+        name: "探针名称",
+        show: {
+          type: "input"
+        },
+        hide: !0,
+        rules: [{
+          required: !0
+        }]
+      },
+      {
+        field: "collection_mode",
+        name: "采集模式",
+        show: {
+          type: "input",
+          value: "DPDK",
+          disabled: !0
+        },
+        hide: !0,
+        rules: [{
+          required: !0
+        }]
+      },
+      {
+        field: "interface",
+        name: "采集网卡",
+        show: {
+          type: "input"
+        },
+        hide: !0,
+        rules: [{
+          required: !0
+        }]
+      },
+      {
+        field: "engine_ip",
+        name: "流量接收引擎IP",
+        show: {
+          type: "input"
+        },
+        hide: !0
+      },
+      {
+        field: "engine_port",
+        name: "流量接收引擎端口",
+        show: {
+          type: "input",
+          dataType: "number"
+        },
+        hide: !0,
+        rules: [{
+          required: !0,
+          type: "any"
+        }]
+      },
+      {
+        field: "whitelist",
+        name: "探针过滤白名单",
+        show: {
+          type: "input",
+          tooltip: "白名单配置后，仅采集白名单内相关流量，如不填写，则采集所有流量",
+          render: () => e(A, null, [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", {
+            class: "color-[var(--el-text-color-regular)]"
+          }, [q("目的ip端口:")]), e(V, {
+            modelValue: b.value,
+            "onUpdate:modelValue": (i) => b.value = i
+          }, null)])
+        },
+        hide: !0
+      },
+      {
+        field: "blacklist",
+        name: "探针过滤黑名单",
+        show: {
+          type: "input",
+          tooltip: "黑名单配置后，将不再采集黑名单内相关流量",
+          render: () => e(A, null, [e("p", {
+            class: "color-[var(--el-text-color-regular)]"
+          }, [q("源ip端口:")]), e(V, {
+            modelValue: a.value,
+            "onUpdate:modelValue": (i) => a.value = i
+          }, null), e("p", {
+            class: "color-[var(--el-text-color-regular)]"
+          }, [q("目的ip端口:")]), e(V, {
+            modelValue: u.value,
+            "onUpdate:modelValue": (i) => u.value = i
+          }, null)])
+        },
+        hide: !0
+      },
+      {
+        field: "operation",
+        name: window.$t("global.operate"),
+        width: 140,
+        fixed: "right",
+        render: (i) => e("div", null, [e(p("el-button"), {
+          link: !0,
+          type: "primary",
+          class: "custom-btn",
+          onClick: () => _(i.row)
+        }, {
+          icon: () => e(p("tds-svg-icon"), {
+            name: "deployed",
+            tip: "部署"
+          }, null)
+        }), e(p("el-button"), {
+          link: !0,
+          type: "danger",
+          icon: "Delete",
+          title: m("button.delete"),
+          onClick: () => L([i.row])
+        }, null)])
+      }
+    ]), g = w([]);
+    function P(i) {
+      const k = i.raw;
+      if (!k)
+        return;
+      const B = {
+        fileName: k.name,
+        fileSize: k.size,
+        progress: 0,
+        progressStatus: "",
+        statusText: "准备上传..."
+      };
+      g.value.push(B);
+      const n = g.value.length - 1;
+      me({
+        file: k,
+        fileDesc: "探针安装包",
+        // 替换为你实际的接口地址
+        uploadUrl: U.deployURL + "/service_deploy/deployment/packages/upload",
+        mergeUrl: U.deployURL + "/service_deploy/deployment/packages/upload_merge",
+        // 进度回调
+        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 = "");
+        },
+        // 成功回调
+        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);
+          }, 3e3);
+        },
+        // 失败回调
+        onError: (d) => {
+          console.error("文件上传失败:", d);
+          const f = g.value[n];
+          f && (f.progressStatus = "exception", f.statusText = d.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, {
+        class: "upload-demo mt-10px",
+        drag: "",
+        action: "",
+        "auto-upload": !1,
+        accept: ".tar.gz,.tgz",
+        "on-change": P,
+        "show-file-list": !1,
+        multiple: ""
+      }, {
+        default: E(() => [e(B, {
+          class: "el-icon--upload"
+        }, {
+          default: E(() => [e(M(ae))]),
+          _: 1
+        }), k[0] || (k[0] = v("div", {
+          class: "el-upload__text"
+        }, [q(" 点击或拖拽文件到此处上传   "), v("br"), v("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,
+        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(se), {
+        ref_key: "refTdsTable",
+        ref: l,
+        columns: D,
+        "request-api": M(le),
+        options: i.$tableOptions()
+      }, {
+        default: E(() => [e(f, {
+          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", {
+            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,
+            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, "暂无部署服务器记录"))]),
+          _: 1
+        })]),
+        _: 1
+      }, 8, ["columns", "request-api", "options"])]), e(M(Y), X({
+        ref_key: "refTdsForm",
+        ref: o
+      }, i.$formBindProps({
+        title: s.value,
+        form: c.value,
+        columns: D
+      }), {
+        onSubmit: S
+      }), null, 16)]);
+    };
+  }
+}), Ne = {
+  class: "table-box"
+}, Ve = {
+  class: "flex items-center"
+}, De = {
+  key: 0
+}, ze = {
+  class: "flex flex-wrap gap-12px p-12px"
+}, Ie = {
+  class: "font-bold text-14px mb-8px text-[var(--el-text-color-primary)]"
+}, Pe = {
+  class: "text-12px text-[var(--el-text-color-regular)] space-y-4px"
+}, Re = {
+  key: 1,
+  class: "font-bold text-center text-gray-500 py-20"
+}, Oe = /* @__PURE__ */ H({
+  __name: "index",
+  setup(t) {
+    const {
+      $t: l,
+      $messageBox: o
+    } = window, s = w(), c = w(), m = w(""), r = w({}), _ = w("show");
+    function T() {
+      r.value = {}, _.value = "show", m.value = "添加服务器", c.value.open();
+    }
+    const b = (n) => {
+      o(n, "server_name", l("button.delete"), "error").then(async () => {
+        await ve({
+          data: n.map((d) => d.id)
+        }), s.value.getTableList();
+      });
+    };
+    function a(n) {
+      r.value = {
+        id: n.id
+      }, _.value = "deploy", m.value = "快速部署", c.value.open();
+    }
+    const u = w([{
+      ip: "",
+      port: ""
+    }]), S = w([{
+      ip: "",
+      port: ""
+    }]), L = w([{
+      ip: "",
+      port: ""
+    }]), D = w([{
+      ip: "",
+      port: ""
+    }]);
+    async function g(n) {
+      if (_.value === "show") {
+        await fe({
+          data: n
+        }), s.value.getTableList(), c.value.close();
+        return;
+      }
+      const d = (h, $) => {
+        const F = Math.max(h.length, $.length);
+        return Array.from({
+          length: F
+        }, (N, z) => {
+          var R, G, 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
+          };
+        });
+      }, f = {
+        packages_id: [n.packages_id],
+        server_id: [r.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)
+        }
+      };
+      await oe({
+        data: f
+      }), s.value.getTableList(), c.value.close();
+    }
+    function P(n) {
+      he({
+        data: [n.id]
+      }), s.value.getTableList();
+    }
+    function i(n) {
+      be({
+        data: [n.id]
+      }), s.value.getTableList();
+    }
+    function k(n) {
+      we({
+        data: [n.id]
+      }), s.value.getTableList();
+    }
+    const B = j([{
+      field: "server_name",
+      name: "服务器名称",
+      show: {
+        type: "input"
+      },
+      rules: [{
+        required: !0
+      }]
+    }, {
+      field: "ip_address",
+      name: "IP地址",
+      show: {
+        type: "input"
+      },
+      rules: [{
+        required: !0
+      }]
+    }, {
+      field: "ssh_port",
+      name: "端口",
+      show: {
+        type: "input",
+        dataType: "number"
+      },
+      rules: [{
+        required: !0,
+        type: "any"
+      }]
+    }, {
+      field: "ssh_username",
+      name: "SSH用户",
+      show: {
+        type: "input"
+      },
+      rules: [{
+        required: !0
+      }]
+    }, {
+      field: "ssh_password",
+      name: "SSH登录密码",
+      hide: !0,
+      show: {
+        type: "input",
+        prop: {
+          type: "password",
+          showPassword: !0
+        }
+      },
+      rules: [{
+        required: !0
+      }]
+    }, {
+      field: "arch",
+      name: "架构",
+      enum: ge,
+      show: {
+        type: "select"
+      },
+      rules: [{
+        required: !0
+      }]
+    }, {
+      field: "deployed_count",
+      name: "已部署探针数量",
+      render: (n) => e("span", null, [n.row.deployment_packages.length])
+    }, {
+      field: "status",
+      name: "状态",
+      tag: !0,
+      enum: [{
+        label: "在线",
+        value: 1,
+        tagType: "success"
+      }, {
+        label: "不在线",
+        value: 0,
+        tagType: "danger"
+      }]
+    }, {
+      field: "ssh_status",
+      name: "连通性检查",
+      tag: !0,
+      enum: [{
+        label: "成功",
+        value: 1,
+        tagType: "success"
+      }, {
+        label: "失败",
+        value: 0,
+        tagType: "danger"
+      }]
+    }, {
+      field: "check_env_ok",
+      name: "安装环境",
+      tag: !0,
+      enum: [{
+        label: "具备",
+        value: 1,
+        tagType: "success"
+      }, {
+        label: "不具备",
+        value: 0,
+        tagType: "danger"
+      }]
+    }, {
+      field: "packages_id",
+      name: "安装包",
+      enum: le,
+      fieldNames: {
+        value: "id",
+        label: "file_name"
+      },
+      deploy: {
+        type: "select"
+      },
+      hide: !0,
+      rules: [{
+        required: !0
+      }]
+    }, {
+      field: "probe_name",
+      name: "探针名称",
+      deploy: {
+        type: "input"
+      },
+      hide: !0,
+      rules: [{
+        required: !0
+      }]
+    }, {
+      field: "collection_mode",
+      name: "采集模式",
+      deploy: {
+        type: "input",
+        value: "DPDK",
+        disabled: !0
+      },
+      hide: !0,
+      rules: [{
+        required: !0
+      }]
+    }, {
+      field: "interface",
+      name: "采集网卡",
+      deploy: {
+        type: "input"
+      },
+      hide: !0,
+      rules: [{
+        required: !0
+      }]
+    }, {
+      field: "engine_ip",
+      name: "流量接收引擎IP",
+      deploy: {
+        type: "input"
+      },
+      rules: [{
+        required: !0,
+        type: "any"
+      }],
+      hide: !0
+    }, {
+      field: "engine_port",
+      name: "流量接收引擎端口",
+      deploy: {
+        type: "input",
+        dataType: "number"
+      },
+      hide: !0,
+      rules: [{
+        required: !0,
+        type: "any"
+      }]
+    }, {
+      field: "whitelist",
+      name: "探针过滤白名单",
+      deploy: {
+        type: "input",
+        tooltip: "白名单配置后，仅采集白名单内相关流量，如不填写，则采集所有流量",
+        render: () => e(A, null, [e("p", {
+          class: "color-[var(--el-text-color-regular)]"
+        }, [q("源ip端口:")]), e(V, {
+          modelValue: u.value,
+          "onUpdate:modelValue": (n) => u.value = n
+        }, null), e("p", {
+          class: "color-[var(--el-text-color-regular)]"
+        }, [q("目的ip端口:")]), e(V, {
+          modelValue: S.value,
+          "onUpdate:modelValue": (n) => S.value = n
+        }, null)])
+      },
+      hide: !0
+    }, {
+      field: "blacklist",
+      name: "探针过滤黑名单",
+      deploy: {
+        type: "input",
+        tooltip: "黑名单配置后，将不再采集黑名单内相关流量",
+        render: () => e(A, null, [e("p", {
+          class: "color-[var(--el-text-color-regular)]"
+        }, [q("源ip端口:")]), e(V, {
+          modelValue: L.value,
+          "onUpdate:modelValue": (n) => L.value = n
+        }, null), e("p", {
+          class: "color-[var(--el-text-color-regular)]"
+        }, [q("目的ip端口:")]), e(V, {
+          modelValue: D.value,
+          "onUpdate:modelValue": (n) => D.value = n
+        }, null)])
+      },
+      hide: !0
+    }, {
+      field: "operation",
+      name: window.$t("global.operate"),
+      width: 180,
+      fixed: "right",
+      render: (n) => e("div", null, [e(p("el-button"), {
+        link: !0,
+        type: "primary",
+        icon: "Connection",
+        title: "连通性检查",
+        class: "custom-btn",
+        onClick: () => P(n.row)
+      }, null), e(p("el-button"), {
+        link: !0,
+        type: "primary",
+        class: "custom-btn",
+        onClick: () => i(n.row)
+      }, {
+        icon: () => e(p("tds-svg-icon"), {
+          name: "install_env",
+          tip: "测试安装环境"
+        }, null)
+      }), e(p("el-button"), {
+        link: !0,
+        type: "primary",
+        class: "custom-btn",
+        onClick: () => k(n.row)
+      }, {
+        icon: () => e(p("tds-svg-icon"), {
+          name: "docker",
+          tip: "自动安装docker环境"
+        }, null)
+      }), e(p("el-button"), {
+        link: !0,
+        type: "primary",
+        class: "custom-btn",
+        onClick: () => a(n.row)
+      }, {
+        icon: () => e(p("tds-svg-icon"), {
+          name: "deployed",
+          tip: "部署"
+        }, null)
+      }), e(p("el-button"), {
+        link: !0,
+        type: "danger",
+        icon: "Delete",
+        title: l("button.delete"),
+        onClick: () => b([n.row])
+      }, null)])
+    }]);
+    return (n, d) => {
+      const f = p("el-button"), h = p("el-table-column"), $ = p("TdsTable");
+      return y(), x("div", Ne, [e($, {
+        ref_key: "refTdsTable",
+        ref: s,
+        columns: B,
+        "request-api": M(te),
+        "search-col": 4,
+        options: n.$tableOptions(),
+        "reserve-selection": ""
+      }, {
+        tableHeader: E(() => [v("div", Ve, [e(f, {
+          class: "custom-btn",
+          type: "primary",
+          icon: "Plus",
+          plain: "",
+          onClick: d[0] || (d[0] = (F) => T())
+        }, {
+          default: E(() => [q(C(M(l)("button.add")), 1)]),
+          _: 1
+        })])]),
+        default: E(() => [e(h, {
+          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", {
+            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,
+            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, "暂无部署服务器记录"))]),
+          _: 1
+        })]),
+        _: 1
+      }, 8, ["columns", "request-api", "options"]), e(M(Y), X({
+        ref_key: "refTdsForm",
+        ref: c
+      }, n.$formBindProps({
+        title: m.value,
+        form: r.value,
+        columns: B,
+        formKey: _.value
+      }), {
+        onSubmit: g
+      }), null, 16)]);
+    };
+  }
+}), He = {
+  class: "table-box"
+}, Ke = {
+  style: {
+    padding: "0 50px"
+  }
+}, We = /* @__PURE__ */ H({
+  __name: "index",
+  setup(t) {
+    const l = j([{
+      field: "packages_name",
+      name: "探针包",
+      render: (o) => e(A, null, [e("p", {
+        class: "font-bold"
+      }, [o.row.packages_name]), e("p", {
+        class: "text-gray-400"
+      }, [o.row.packages_version])])
+    }, {
+      field: "server_name",
+      name: "服务器",
+      render: (o) => e(A, null, [e("p", {
+        class: "font-bold"
+      }, [o.row.server_name]), e("p", {
+        class: "text-gray-400"
+      }, [o.row.ip_address])])
+    }, {
+      field: "deployment_time",
+      name: "部署时间"
+    }, {
+      field: "deployment_status",
+      name: "状态",
+      tag: !0,
+      enum: [{
+        label: "部署失败",
+        value: 0,
+        tagType: "danger"
+      }, {
+        label: "部署中",
+        value: 1,
+        tagType: "warning"
+      }, {
+        label: "部署成功",
+        value: 2,
+        tagType: "success"
+      }]
+    }]);
+    return (o, s) => {
+      const c = p("el-table-column"), m = p("TdsTable");
+      return y(), x("div", He, [e(m, {
+        ref: "refTdsTable",
+        columns: l,
+        "search-col": 4,
+        "request-api": M(xe),
+        options: o.$tableOptions(),
+        "reserve-selection": ""
+      }, {
+        default: E(() => [e(c, {
+          type: "expand"
+        }, {
+          default: E((r) => [v("div", Ke, C(r.row.deployment_log), 1)]),
+          _: 1
+        })]),
+        _: 1
+      }, 8, ["columns", "request-api", "options"])]);
+    };
+  }
+}), je = { class: "main-wrapper" }, Ge = /* @__PURE__ */ H({
+  name: "TCProbe",
+  __name: "index",
+  props: {
+    token: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(t) {
+    const l = t, o = w("package");
+    return (s, 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 = _),
+          class: "demo-tabs"
+        }, {
+          default: E(() => [
+            e(m, {
+              label: "安装包管理",
+              name: "package"
+            }, {
+              default: E(() => [
+                o.value === "package" ? (y(), W(Be, {
+                  key: 0,
+                  token: l.token
+                }, null, 8, ["token"])) : O("", !0)
+              ]),
+              _: 1
+            }),
+            e(m, {
+              label: "探针部署",
+              name: "deploy"
+            }, {
+              default: E(() => [
+                o.value === "deploy" ? (y(), W(Oe, { key: 0 })) : O("", !0)
+              ]),
+              _: 1
+            }),
+            e(m, {
+              label: "部署历史",
+              name: "history"
+            }, {
+              default: E(() => [
+                o.value === "history" ? (y(), W(We, { key: 0 })) : O("", !0)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+const Je = /* @__PURE__ */ ee(Ge, [["__scopeId", "data-v-7172e806"]]), Ze = (t, l) => {
+  if (t.install = (o) => {
+    for (const s of [t, ...Object.values(l ?? {})])
+      o.component(s.name, s);
+  }, l)
+    for (const [o, s] of Object.entries(l))
+      t[o] = s;
+  return t;
+}, Qe = Ze(Je), Xe = {
+  TCProbe: Qe
+}, ot = {
+  install(t, l) {
+    Object.entries(Xe).forEach(([o, s]) => {
+      t.component(o, s);
+    }), l != null && l.prodType && (window.$prodType = l.prodType), l != null && l.envURL && (window.$probeURL = l.envURL);
+  }
+};
+export {
+  Qe as TCProbe,
+  ot as default
+};

package/lib/t-probe-ui.umd.js ADDED Viewed

@@ -0,0 +1 @@

package/package.json ADDED Viewed

@@ -0,0 +1,67 @@
+{
+  "name": "@topdatasec/probe",
+  "version": "1.0.0",
+  "description": "探针部署管理组件",
+  "author": "wangguiwang",
+  "license": "MIT",
+  "private": false,
+  "main": "lib/t-probe-ui.es.js",
+  "module": "lib/t-probe-ui.es.js",
+  "types": "lib/index.d.ts",
+  "type": "module",
+  "files": [
+    "package.json",
+    "README.md",
+    "LICENSE",
+    "lib"
+  ],
+  "scripts": {
+    "lib": "node -e \"const fs=require('fs');fs.rmSync('lib',{recursive:true,force:true})\" && vite build",
+    "pub": "npm publish --access public --registry=https://registry.npmjs.org/",
+    "prettier": "prettier --write \"packages/**/*.{js,ts,json,tsx,css,less,scss,vue,html,md}\""
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^28.0.3",
+    "@topdatasec/eslint-rc": "^1.0.4",
+    "@typescript-eslint/eslint-plugin": "^6.7.0",
+    "@typescript-eslint/parser": "^6.7.0",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "@vitejs/plugin-vue-jsx": "^3.0.2",
+    "eslint": "^8.49.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-vue": "^9.17.0",
+    "lint-staged": "^14.0.1",
+    "postcss": "^8.4.29",
+    "postcss-html": "^1.5.0",
+    "prettier": "^3.0.3",
+    "rollup-plugin-visualizer": "^5.9.2",
+    "sass": "~1.77.8",
+    "standard-version": "^9.5.0",
+    "typescript": "^5.2.2",
+    "unplugin-auto-import": "^0.16.6",
+    "unplugin-vue-components": "^0.25.2",
+    "unplugin-vue-setup-extend-plus": "^1.0.0",
+    "vite": "^4.4.9",
+    "vite-plugin-dts": "^4.5.3",
+    "vite-plugin-eslint": "^1.8.1",
+    "vue-tsc": "~1.8.27",
+    "spark-md5": "^3.0.2"
+  },
+  "peerDependencies": {
+    "@element-plus/icons-vue": "^2.3.1",
+    "element-plus": "^2.9.0",
+    "pinia": "^2.1.6",
+    "topdatasec-ui": "^1.6.1",
+    "vue": "^3.4.35"
+  },
+  "repository": {
+    "type": "git"
+  },
+  "keywords": [
+    "vue",
+    "vue3",
+    "probe",
+    "components"
+  ]
+}