china-mobile-international-custom-components 0.0.54 → 0.0.56

package/es/ApplicationIcon.mjs

@@ -1,9 +1,10 @@
-import { w as f } from "./chunks/index.bCzIhWFw.js";
-import { computed as s, createElementBlock as w, openBlock as o, createBlock as n, unref as c, normalizeStyle as u, withCtx as l, createVNode as h, resolveDynamicComponent as p } from "vue";
-import { WorkflowIcon3 as W, WorkflowIcon1 as b, Model as m, Plugin as P, Workflow as z } from "color-message-aibox-vue";
-import { S as t, A as d } from "./chunks/config.DE5PZU2F.js";
-import { ElImage as y, ElIcon as B } from "element-plus";
-const E = "data:image/webp;base64,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", Y = /* @__PURE__ */ Object.assign({
+import { w as d } from "./chunks/index.bCzIhWFw.js";
+import { computed as s, createElementBlock as I, openBlock as n, createBlock as c, unref as a, normalizeStyle as T, withCtx as r, createVNode as w, resolveDynamicComponent as u } from "vue";
+import { WorkflowIcon3 as z, WorkflowIcon1 as g, Model as E, Plugin as k, Workflow as v } from "color-message-aibox-vue";
+import { S as o, A as m } from "./chunks/config.DE5PZU2F.js";
+import { ElImage as A, ElIcon as f } from "element-plus";
+import { m as M } from "./chunks/mcp-tool.Nc4HT9IM.js";
+const O = /* @__PURE__ */ Object.assign({
   name: "ApplicationIcon"
 }, {
   __name: "layout",
@@ -18,7 +19,7 @@ const E = "data:image/webp;base64,UklGRiIOAABXRUJQVlA4WAoAAAAwAAAAdwAAdwAASUNDUM
     },
     applicationType: {
       type: String,
-      default: t.AGENT
+      default: o.AGENT
     },
     // 图标字段名，用于指定从row中获取图标的字段
     iconField: {
@@ -26,53 +27,53 @@ const E = "data:image/webp;base64,UklGRiIOAABXRUJQVlA4WAoAAAAwAAAAdwAAdwAASUNDUM
       default: "icon"
     }
   },
-  setup(e) {
-    const A = e, a = s(() => {
-      const i = A.row?.[A.iconField];
+  setup(t) {
+    const e = t, l = s(() => {
+      const i = e.row?.[e.iconField];
       if (i)
         return i;
-      if (A.applicationType === t.MCP)
-        return E;
-    }), r = s(() => A.applicationType === t.AGENT ? {
-      [d.autonomous]: b,
-      [d.dialogue]: W
-    }[A.row?.type] : {
-      [t.WORKFLOW]: z,
-      [t.PLUGIN]: P,
-      [t.MODEL]: m
-    }[A.applicationType]);
-    return (i, I) => (o(), w("div", null, [
-      a.value ? (o(), n(c(y), {
+      if (e.applicationType === o.MCP)
+        return M;
+    }), p = s(() => e.applicationType === o.AGENT ? {
+      [m.autonomous]: g,
+      [m.dialogue]: z
+    }[e.row?.type] : {
+      [o.WORKFLOW]: v,
+      [o.PLUGIN]: k,
+      [o.MODEL]: E
+    }[e.applicationType]);
+    return (i, y) => (n(), I("div", null, [
+      l.value ? (n(), c(a(A), {
         key: 0,
-        style: u({ width: e.size + "px", height: e.size + "px" }),
-        src: a.value,
+        style: T({ width: t.size + "px", height: t.size + "px" }),
+        src: l.value,
         fit: "cover",
         class: "radius-8"
       }, {
-        error: l(() => [
-          h(c(B), { size: e.size }, {
-            default: l(() => [
-              (o(), n(p(r.value)))
+        error: r(() => [
+          w(a(f), { size: t.size }, {
+            default: r(() => [
+              (n(), c(u(p.value)))
             ]),
             _: 1
           }, 8, ["size"])
         ]),
         _: 1
-      }, 8, ["style", "src"])) : (o(), n(c(B), {
+      }, 8, ["style", "src"])) : (n(), c(a(f), {
         key: 1,
-        size: e.size
+        size: t.size
       }, {
-        default: l(() => [
-          (o(), n(p(r.value)))
+        default: r(() => [
+          (n(), c(u(p.value)))
         ]),
         _: 1
       }, 8, ["size"]))
     ]));
   }
-}), N = f(Y);
+}), W = d(O);
 export {
-  d as APPLICATION_TYPE,
-  N as ApplicationIcon,
-  t as SOURCE_TYPE,
-  N as default
+  m as APPLICATION_TYPE,
+  W as ApplicationIcon,
+  o as SOURCE_TYPE,
+  W as default
 };

package/es/AuthSection.mjs

@@ -0,0 +1,191 @@
+import { w as Y } from "./chunks/index.bCzIhWFw.js";
+import { mergeModels as A, useModel as x, ref as D, watch as w, createElementBlock as h, openBlock as i, createVNode as r, createBlock as c, createCommentVNode as d, unref as a, createElementVNode as E, createTextVNode as N, toDisplayString as L, withCtx as T, normalizeClass as O, withDirectives as C, vShow as M } from "vue";
+import { RadioGroup as y } from "./RadioGroup.mjs";
+import { ElTooltip as f, ElIcon as I, ElInput as _ } from "element-plus";
+import { u as P } from "./chunks/i18n.Bd7hh14j.js";
+import { IconTip as V } from "color-message-aibox-vue";
+import { _ as R } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/AuthSection.css';const q = { class: "auth-section" }, z = {
+  key: 2,
+  class: "auth-input-field"
+}, F = { class: "field-label" }, G = {
+  key: 3,
+  class: "auth-input-field"
+}, Q = { class: "field-label" }, j = {
+  __name: "AuthSection",
+  props: /* @__PURE__ */ A({
+    layout: {
+      type: String,
+      default: "horizontal"
+    }
+  }, {
+    featData: {
+      default: () => ({
+        auth: {}
+      })
+    },
+    featDataModifiers: {}
+  }),
+  emits: /* @__PURE__ */ A(["auth-validation-errors", "resetDebugStatus"], ["update:featData"]),
+  setup(s, { expose: U, emit: k }) {
+    const { t } = P(), e = x(s, "featData"), v = k, p = () => {
+      v("resetDebugStatus");
+    }, S = [
+      { value: "none", label: t("COMMON_AUTHSECTION.LABEL_NO_AUTH") },
+      { value: "apiKey", label: t("COMMON_AUTHSECTION.LABEL_API_KEY") }
+    ], B = [
+      { value: "bearer", label: t("COMMON_AUTHSECTION.LABEL_BEARER") },
+      { value: "custom", label: t("COMMON_AUTHSECTION.LABEL_CUSTOM") }
+    ], H = [
+      { value: "header", label: t("COMMON_AUTHSECTION.LABEL_KEY_LOCATION_HEADER") },
+      { value: "query", label: t("COMMON_AUTHSECTION.LABEL_KEY_LOCATION_QUERY") }
+    ], K = (n) => {
+      p(), u.value = {}, n === "apiKey" ? e.value.auth = {
+        authType: "apiKey",
+        keyType: "custom",
+        paramLocation: "header",
+        paramName: "",
+        paramValue: "",
+        token: ""
+      } : e.value.auth = {
+        authType: "none"
+      };
+    }, b = (n) => {
+      p(), u.value = {}, n === "bearer" ? (e.value.auth.paramName = "", e.value.auth.paramValue = "") : n === "custom" && (e.value.auth.token = "");
+    }, g = (n) => {
+      console.log(n, "value"), p(), u.value = {}, n === "query" && (e.value.auth.token = "", e.value.auth.keyType = "custom");
+    }, u = D({}), m = () => (p(), u.value = {}, e.value.auth.authType === "apiKey" && (e.value.auth.keyType === "custom" && (e.value.auth.paramName || (u.value.paramName = !0)), e.value.auth.keyType === "custom" && (e.value.auth.paramValue || (u.value.paramValue = !0)), e.value.auth.keyType === "bearer" && (e.value.auth.token || (u.value.token = !0))), u.value);
+    return w(
+      () => u.value,
+      () => {
+        v("auth-validation-errors", u.value);
+      }
+    ), U({
+      validateField: m
+    }), (n, l) => (i(), h("div", q, [
+      r(a(y), {
+        modelValue: e.value.auth.authType,
+        "onUpdate:modelValue": l[0] || (l[0] = (o) => e.value.auth.authType = o),
+        options: S,
+        label: a(t)("COMMON_AUTHSECTION.LABEL_AUTH_TYPE"),
+        required: !0,
+        className: "auth-radio-group",
+        layout: s.layout,
+        onChange: K
+      }, null, 8, ["modelValue", "label", "layout"]),
+      e.value.auth.authType === "apiKey" ? (i(), c(a(y), {
+        key: 0,
+        modelValue: e.value.auth.paramLocation,
+        "onUpdate:modelValue": l[1] || (l[1] = (o) => e.value.auth.paramLocation = o),
+        options: H,
+        label: a(t)("COMMON_AUTHSECTION.LABEL_KEY_LOCATION"),
+        "tip-text": a(t)("COMMON_AUTHSECTION.LABEL_KEY_LOCATION_TIP"),
+        required: !0,
+        className: "location-radio-group",
+        layout: s.layout,
+        onChange: g
+      }, null, 8, ["modelValue", "label", "tip-text", "layout"])) : d("", !0),
+      e.value.auth.authType === "apiKey" && e.value.auth.paramLocation === "header" ? (i(), c(a(y), {
+        key: 1,
+        modelValue: e.value.auth.keyType,
+        "onUpdate:modelValue": l[2] || (l[2] = (o) => e.value.auth.keyType = o),
+        options: B,
+        label: a(t)("COMMON_AUTHSECTION.LABEL_KEY_TYPE"),
+        "tip-text": a(t)("COMMON_AUTHSECTION.LABEL_KEY_TYPE_TIP"),
+        required: !0,
+        className: "key-radio-group",
+        layout: s.layout,
+        onChange: b
+      }, null, 8, ["modelValue", "label", "tip-text", "layout"])) : d("", !0),
+      e.value.auth.authType === "apiKey" && e.value.auth.keyType === "custom" ? (i(), h("div", z, [
+        E("div", F, [
+          l[6] || (l[6] = E("span", { class: "required" }, "*", -1)),
+          N(" " + L(a(t)("COMMON_AUTHSECTION.LABEL_KEY_NAME")) + " ", 1),
+          r(a(f), {
+            content: a(t)("COMMON_AUTHSECTION.LABEL_KEY_NAME_TIP"),
+            placement: "top"
+          }, {
+            default: T(() => [
+              r(a(I), {
+                style: { "margin-left": "4px" },
+                size: "14px",
+                color: "#999"
+              }, {
+                default: T(() => [
+                  r(a(V))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["content"])
+        ]),
+        r(a(_), {
+          modelValue: e.value.auth.paramName,
+          "onUpdate:modelValue": l[3] || (l[3] = (o) => e.value.auth.paramName = o),
+          placeholder: a(t)("COMMON_AUTHSECTION.LABEL_KEY_NAME_PLACEHOLDER"),
+          maxlength: "64",
+          "show-word-limit": "",
+          class: O(["key-input", {
+            "error-input": u.value.paramName
+          }]),
+          onBlur: m
+        }, null, 8, ["modelValue", "placeholder", "class"])
+      ])) : d("", !0),
+      e.value.auth.authType === "apiKey" ? (i(), h("div", G, [
+        E("div", Q, [
+          l[7] || (l[7] = E("span", { class: "required" }, "*", -1)),
+          N(" " + L(a(t)("COMMON_AUTHSECTION.LABEL_KEY_VALUE")) + " ", 1),
+          r(a(f), {
+            content: a(t)("COMMON_AUTHSECTION.LABEL_KEY_VALUE_TIP"),
+            placement: "top"
+          }, {
+            default: T(() => [
+              r(a(I), {
+                style: { "margin-left": "4px" },
+                size: "14px",
+                color: "#999"
+              }, {
+                default: T(() => [
+                  r(a(V))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["content"])
+        ]),
+        C(r(a(_), {
+          modelValue: e.value.auth.paramValue,
+          "onUpdate:modelValue": l[4] || (l[4] = (o) => e.value.auth.paramValue = o),
+          placeholder: a(t)("COMMON_AUTHSECTION.LABEL_KEY_VALUE_PLACEHOLDER"),
+          maxlength: "20000",
+          "show-word-limit": "",
+          class: O(["key-input", {
+            "error-input": u.value.paramValue
+          }]),
+          onBlur: m
+        }, null, 8, ["modelValue", "placeholder", "class"]), [
+          [M, e.value.auth.keyType === "custom"]
+        ]),
+        C(r(a(_), {
+          modelValue: e.value.auth.token,
+          "onUpdate:modelValue": l[5] || (l[5] = (o) => e.value.auth.token = o),
+          placeholder: a(t)("COMMON_AUTHSECTION.LABEL_KEY_VALUE_PLACEHOLDER"),
+          maxlength: "20000",
+          "show-word-limit": "",
+          class: O(["key-input", {
+            "error-input": u.value.token
+          }]),
+          onBlur: m
+        }, null, 8, ["modelValue", "placeholder", "class"]), [
+          [M, e.value.auth.keyType === "bearer"]
+        ])
+      ])) : d("", !0)
+    ]));
+  }
+}, J = /* @__PURE__ */ R(j, [["__scopeId", "data-v-ce4d7772"]]), le = Y(J);
+export {
+  le as AuthSection,
+  le as default
+};

package/es/CodeView.mjs

@@ -0,0 +1,170 @@
+import { w as _ } from "./chunks/index.bCzIhWFw.js";
+import { ref as O, shallowRef as B, watch as k, onMounted as A, resolveComponent as f, createElementBlock as N, openBlock as m, normalizeClass as b, createBlock as M, createCommentVNode as I, createVNode as c, withCtx as g, unref as y } from "vue";
+import { Codemirror as P } from "vue-codemirror";
+import { EditorView as h } from "@codemirror/view";
+import { json as x } from "@codemirror/lang-json";
+import { oneDark as L } from "@codemirror/theme-one-dark";
+import { codeFolding as V } from "@codemirror/language";
+import { IconCopy1 as R } from "color-message-aibox-vue";
+import F from "copy-to-clipboard";
+import { u as j } from "./chunks/i18n.Bd7hh14j.js";
+import { _ as D } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/CodeView.css';const J = {
+  __name: "index",
+  props: {
+    code: {
+      type: String,
+      default: ""
+    },
+    language: {
+      type: String,
+      default: "json"
+    },
+    customExpandDepth: {
+      type: Number,
+      default: 1 / 0
+    },
+    sort: {
+      type: Boolean,
+      default: !0
+    },
+    noPadding: {
+      type: Boolean,
+      default: !1
+    },
+    theme: {
+      type: String,
+      default: "light"
+    },
+    showLength: {
+      type: Boolean,
+      default: !1
+    },
+    maxHeight: {
+      type: String,
+      default: "calc(100vh - 125px)"
+    },
+    showCopy: {
+      type: Boolean,
+      default: !1
+    },
+    // 是否自定义折叠
+    enableFolding: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(l) {
+    const { t: u } = j(), a = l, s = O(""), d = {
+      json: () => x()
+    }, C = () => {
+      const r = a.language.toLowerCase();
+      return d[r] ? d[r]() : x();
+    }, p = B([]), v = (r) => {
+      const o = r.trim(), n = (t) => {
+        try {
+          return JSON.parse(t);
+        } catch {
+          return null;
+        }
+      };
+      let e = null;
+      if ((o.startsWith("{") || o.startsWith("[")) && (e = n(o)), !e) {
+        const t = `{${o.replace(/,\s*$/, "")}}`;
+        e = n(t);
+      }
+      if (e && typeof e == "object" && !Array.isArray(e)) {
+        const t = e.role;
+        if (t) return "role: " + t;
+      }
+      return "";
+    }, w = () => {
+      const r = [
+        C(),
+        h.editable.of(!1),
+        // 只读模式
+        h.lineWrapping
+        // 自动换行
+      ];
+      a.enableFolding && r.push(
+        // 配置代码折叠，自定义折叠后的显示内容
+        V({
+          preparePlaceholder: (o, n) => {
+            try {
+              const e = o.doc.sliceString(n.from, n.to);
+              return v(e);
+            } catch (e) {
+              return console.error("Error getting fold preview:", e), "...";
+            }
+          },
+          placeholderDOM: (o, n, e) => {
+            const t = document.createElement("span");
+            return t.className = "cm-foldPlaceholder", t.onclick = n, t.style.cursor = "pointer", t.style.color = "#888", t.style.padding = "0 4px", t.style.borderRadius = "3px", t.textContent = e ? `${e}...` : "...", t;
+          }
+        })
+      ), a.theme === "dark" && r.push(L), p.value = r;
+    }, E = (r) => {
+      try {
+        const o = JSON.parse(r);
+        if (a.sort && typeof o == "object" && o !== null) {
+          const n = (e) => Array.isArray(e) ? e.map(n) : typeof e == "object" && e !== null ? Object.keys(e).sort().reduce((t, i) => (t[i] = n(e[i]), t), {}) : e;
+          return JSON.stringify(n(o), null, 2);
+        }
+        return JSON.stringify(o, null, 2);
+      } catch {
+        return r;
+      }
+    }, S = (r) => {
+      F(r) ? ElMessage({
+        message: u("MESSAGE_REMIND.COPY_SUCCESS"),
+        type: "success"
+      }) : ElMessage({
+        message: u("COMMON_STORE_LIBRARY.LABEL_COPY_FAIL"),
+        type: "error"
+      });
+    };
+    return k(
+      () => a.code,
+      (r) => {
+        a.language === "json" ? s.value = E(r) : s.value = r;
+      },
+      { immediate: !0 }
+    ), A(() => {
+      w();
+    }), (r, o) => {
+      const n = f("el-icon"), e = f("el-scrollbar");
+      return m(), N("div", {
+        class: b(["code-viewer", { "no-padding": l.noPadding, dark: l.theme === "dark" }])
+      }, [
+        l.showCopy ? (m(), M(n, {
+          key: 0,
+          onClick: o[0] || (o[0] = (t) => S(l.code)),
+          class: "code-viewer__copy",
+          color: "#96A0AB",
+          size: "18px"
+        }, {
+          default: g(() => [
+            c(y(R))
+          ]),
+          _: 1
+        })) : I("", !0),
+        c(e, { "max-height": l.maxHeight }, {
+          default: g(() => [
+            c(y(P), {
+              modelValue: s.value,
+              "onUpdate:modelValue": o[1] || (o[1] = (t) => s.value = t),
+              style: { height: "100%", minHeight: "100px" },
+              extensions: p.value,
+              disabled: !0
+            }, null, 8, ["modelValue", "extensions"])
+          ]),
+          _: 1
+        }, 8, ["max-height"])
+      ], 2);
+    };
+  }
+}, T = /* @__PURE__ */ D(J, [["__scopeId", "data-v-29ff9bad"]]), Z = _(T);
+export {
+  Z as CodeView,
+  Z as default
+};

package/es/CommonTagsList.mjs

@@ -1,9 +1,9 @@
 import { w as D } from "./chunks/index.bCzIhWFw.js";
-import { computed as c, createBlock as p, openBlock as t, unref as s, withCtx as h, createElementVNode as m, createCommentVNode as _, resolveDynamicComponent as x, toDisplayString as i, createElementBlock as l, withModifiers as M, Fragment as v, renderList as g, createVNode as b, normalizeStyle as B, createTextVNode as k } from "vue";
+import { computed as c, createBlock as p, openBlock as t, unref as s, withCtx as h, createElementVNode as m, createCommentVNode as _, resolveDynamicComponent as x, toDisplayString as u, createElementBlock as l, withModifiers as M, Fragment as v, renderList as T, createVNode as b, normalizeStyle as B, createTextVNode as k } from "vue";
 import { ElTag as w, ElIcon as U, ElPopover as z } from "element-plus";
 import { u as G } from "./chunks/i18n.Bd7hh14j.js";
-import { I as H, e as O, d as E, c as V, P as A, R as L, C as R, f as F } from "./chunks/config.DcoKERMt.js";
-import { P as T, A as $ } from "./chunks/index.5lH4UH_M.js";
+import { I as H, e as O, d as E, c as V, P as A, R as L, C as R, f as F } from "./chunks/config.CgrPt4Zx.js";
+import { P as N, A as $ } from "./chunks/index.5lH4UH_M.js";
 import { _ as j } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
 import './assets/CommonTagsList.css';const K = { class: "status-tag-content flex items-center" }, W = { class: "status-text fz-12" }, Y = {
   __name: "StatusTag",
@@ -26,20 +26,20 @@ import './assets/CommonTagsList.css';const K = { class: "status-tag-content flex
     }
   },
   setup(r) {
-    const S = r, a = c(() => S.inActive === H.UNPUBLISHED ? T.UNPUBLISHED : S.channelStatus), N = c(() => O[a.value]), y = c(() => E[a.value]), d = c(() => V[a.value]), I = c(() => A[a.value]);
-    return (u, e) => (t(), p(s(w), { type: N.value }, {
+    const S = r, a = c(() => S.inActive === H.UNPUBLISHED ? N.UNPUBLISHED : S.channelStatus), C = c(() => O[a.value]), y = c(() => E[a.value]), d = c(() => V[a.value]), g = c(() => A[a.value]);
+    return (i, e) => (t(), p(s(w), { type: C.value }, {
       default: h(() => [
         m("div", K, [
           r.showIcon && d.value ? (t(), p(s(U), {
             key: 0,
-            color: I.value
+            color: g.value
           }, {
             default: h(() => [
               (t(), p(x(d.value)))
             ]),
             _: 1
           }, 8, ["color"])) : _("", !0),
-          m("span", W, i(r.statusText || y.value), 1)
+          m("span", W, u(r.statusText || y.value), 1)
         ])
       ]),
       _: 1
@@ -77,35 +77,35 @@ import './assets/CommonTagsList.css';const K = { class: "status-tag-content flex
     }
   },
   setup(r) {
-    const { t: S } = G(), a = r, N = c(() => a.publishChannelList || []), y = c(() => {
+    const { t: S } = G(), a = r, C = c(() => a.publishChannelList || []), y = c(() => {
       if (!a.publishChannelList?.length) return [];
-      const u = a.publishChannelList.reduce((e, o) => {
-        const f = o.inActive === H.UNPUBLISHED ? T.UNPUBLISHED : o.channelStatus;
+      const i = a.publishChannelList.reduce((e, o) => {
+        const f = o.inActive === H.UNPUBLISHED ? N.UNPUBLISHED : o.channelStatus;
         return e[f] || (e[f] = []), e[f].push(o), e;
       }, {});
-      return Object.entries(u).map(([e, o]) => ({
+      return Object.entries(i).map(([e, o]) => ({
         status: parseInt(e),
         channels: o
       })).sort((e, o) => o.status - e.status);
     }), d = c(() => {
       if (!a.publishChannelList?.length) return [];
-      const u = S("COMMON_TAGS_LIST.UNKNOWN_CHANNEL");
+      const i = S("COMMON_TAGS_LIST.UNKNOWN_CHANNEL");
       return a.publishChannelList.filter((e) => e.visibleScope && e.visibleScope.length > 0).map((e) => ({
-        channelName: L[e.channelType]?.name(a.sourceType) || u,
+        channelName: L[e.channelType]?.name(a.sourceType) || i,
         channelType: e.channelType,
         visibleScope: e.visibleScope,
         allVisible: e.allVisible
       }));
-    }), I = (u) => {
-      const e = F[u];
+    }), g = (i) => {
+      const e = F[i];
       return R[e];
     };
-    return (u, e) => (t(), l("div", {
+    return (i, e) => (t(), l("div", {
       class: "commont-status-box",
       onClick: e[0] || (e[0] = M(() => {
       }, ["stop"]))
     }, [
-      (t(!0), l(v, null, g(N.value, (o, f) => (t(), p(s(z), {
+      (t(!0), l(v, null, T(C.value, (o, f) => (t(), p(s(z), {
         key: f,
         placement: "bottom",
         trigger: "click",
@@ -122,7 +122,7 @@ import './assets/CommonTagsList.css';const K = { class: "status-tag-content flex
         ]),
         default: h(() => [
           m("div", q, [
-            (t(!0), l(v, null, g(y.value, (n, C) => (t(), l(v, {
+            (t(!0), l(v, null, T(y.value, (n, I) => (t(), l(v, {
               key: n.status
             }, [
               n.channels.length > 0 ? (t(), l("div", J, [
@@ -138,35 +138,36 @@ import './assets/CommonTagsList.css';const K = { class: "status-tag-content flex
                   m("div", {
                     class: "content-item-name fz-14 mg-l-4",
                     style: B({ color: s(A)[n.status] })
-                  }, i(s(E)[n.status]) + "(" + i(n.channels.length) + ") ", 5)
+                  }, u(s(E)[n.status]) + "(" + u(n.channels.length) + ") ", 5)
                 ]),
                 m("div", Z, [
-                  (t(!0), l(v, null, g(n.channels, (P) => (t(), l("div", {
+                  (t(!0), l(v, null, T(n.channels, (P) => (t(), l("div", {
                     class: "b-item-box mg-r-8 radius-4 fz-12 pd-t-4 pd-b-4 pd-l-8 pd-r-8 mg-b-8 text-1f2329 bg-f5f6f7",
                     key: P.channelType
-                  }, i(s(L)?.[P.channelType]?.name(
+                  }, u(s(L)?.[P.channelType]?.name(
                     r.sourceType
                   )), 1))), 128))
                 ])
               ])) : _("", !0),
-              C < y.value.length - 1 ? (t(), l("div", ee)) : _("", !0)
+              I < y.value.length - 1 ? (t(), l("div", ee)) : _("", !0)
             ], 64))), 128)),
             d.value.length > 0 ? (t(), l("div", te, [
-              (t(!0), l(v, null, g(d.value, (n, C) => (t(), l("div", {
+              (t(!0), l(v, null, T(d.value, (n, I) => (t(), l("div", {
                 key: n.channelType,
                 class: "channel-visible-range"
               }, [
                 m("div", se, [
                   b(s(U), {
                     class: "mg-r-2",
-                    size: "14"
+                    size: "14",
+                    color: g(n.channelType)?.iconColor
                   }, {
                     default: h(() => [
-                      (t(), p(x(I(n.channelType)?.icon)))
+                      (t(), p(x(g(n.channelType)?.icon)))
                     ]),
                     _: 2
-                  }, 1024),
-                  k(" " + i(n.channelName) + " " + i(s(S)("COMMON_TAGS_LIST.AVAILABLE_SCOPE")), 1)
+                  }, 1032, ["color"]),
+                  k(" " + u(n.channelName) + " " + u(s(S)("COMMON_TAGS_LIST.AVAILABLE_SCOPE")), 1)
                 ]),
                 b(s($), {
                   "all-visible": n.allVisible,
@@ -174,7 +175,7 @@ import './assets/CommonTagsList.css';const K = { class: "status-tag-content flex
                   "tree-list": [],
                   readonly: !0
                 }, null, 8, ["all-visible", "model-value"]),
-                C < d.value.length - 1 ? (t(), l("div", ne)) : _("", !0)
+                I < d.value.length - 1 ? (t(), l("div", ne)) : _("", !0)
               ]))), 128))
             ])) : _("", !0)
           ])
@@ -183,10 +184,10 @@ import './assets/CommonTagsList.css';const K = { class: "status-tag-content flex
       }, 1024))), 128)),
       r.publishChannelList?.length ? _("", !0) : (t(), p(s(w), {
         key: 0,
-        type: s(O)[s(T).UNPUBLISHED]
+        type: s(O)[s(N).UNPUBLISHED]
       }, {
         default: h(() => [
-          k(i(s(E)[s(T).UNPUBLISHED]), 1)
+          k(u(s(E)[s(N).UNPUBLISHED]), 1)
         ]),
         _: 1
       }, 8, ["type"]))