@blueking/monitor-alarm-center 0.0.5 → 0.0.6

package/index.js

@@ -8235,7 +8235,7 @@ span.apm-bk-date-picker-cells-cell-disabled.apm-bk-date-picker-cells-cell-select
 .feedback-cause-dialog .feedback-form .apm-bk-form-content {
   color: #313238;
 }.chart-menu {
-  position: fixed;
+  position: fixed !important;
   z-index: 999;
   display: flex;
   flex-direction: column;
@@ -8245,7 +8245,7 @@ span.apm-bk-date-picker-cells-cell-disabled.apm-bk-date-picker-cells-cell-select
   background: #fff;
   border: 1px solid #dcdee5;
   border-radius: 2px;
-  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
 }
 .chart-menu-item {
   display: flex;
@@ -8542,20 +8542,20 @@ span.apm-bk-date-picker-cells-cell-disabled.apm-bk-date-picker-cells-cell-select
   height: 30px;
 }.common-legend-item {
   float: left;
-  white-space: nowrap;
-  margin-left: 10px;
   display: flex;
   align-items: center;
-  line-height: 16px;
+  margin-left: 10px;
   font-size: 12px;
+  line-height: 16px;
+  white-space: nowrap;
 }
 .common-legend-item .legend-icon {
   width: 12px;
   height: 4px;
-  background-color: violet;
   margin-right: 6px;
+  background-color: violet;
 }
-.common-legend-item:hover {
+.common-legend-item:not(.is-disabled):hover {
   color: #999;
   cursor: pointer;
 }.display-tag-container {
@@ -12853,7 +12853,7 @@ i.t-size-l {
 }
 .alarm-center-detail-alarm-info .basic-info .basic-info-form-item .item-col .item-label {
   display: flex;
-  flex: 0 0 60px;
+  flex: 0 0 64px;
   align-items: center;
   justify-content: flex-start;
   margin-right: 4px;
@@ -17525,73 +17525,6 @@ i.t-size-l {
 }
 .log-table-new-expand-content .json-view-wrap .vjs-tree-node .vjs-value.vjs-value-number {
   color: #2caf5e;
-}/* stylelint-disable font-family-no-missing-generic-family-keyword */
-.log-table-new-empty-data {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-}
-.log-table-new-empty-data h1 {
-  height: 28px;
-  font-family: MicrosoftYaHei-Bold;
-  font-size: 20px;
-  font-weight: 700;
-  line-height: 28px;
-  color: #313238;
-  letter-spacing: 0;
-}
-.log-table-new-empty-data .sub-title {
-  height: 22px;
-  margin: 8px 0 24px;
-  font-family: MicrosoftYaHei;
-  font-size: 14px;
-  line-height: 22px;
-  color: #313238;
-  letter-spacing: 0;
-}
-.log-table-new-empty-data .empty-validate-steps {
-  display: flex;
-  justify-content: center;
-  width: 100%;
-}
-.log-table-new-empty-data .empty-validate-steps > div {
-  width: 30%;
-  min-height: 240px;
-  padding: 12px 16px;
-  font-size: 12px;
-  color: #4d4f56;
-  background: #f5f7fa;
-}
-.log-table-new-empty-data .empty-validate-steps > div h3 {
-  height: 22px;
-  margin: 0;
-  margin-bottom: 8px;
-  font-family: MicrosoftYaHei-Bold;
-  font-size: 14px;
-  font-weight: 700;
-  line-height: 22px;
-  color: #313238;
-  letter-spacing: 0;
-}
-.log-table-new-empty-data .empty-validate-steps > div.validate-step1 .step1-content {
-  display: flex;
-  width: 100%;
-  padding: 6px 24px 32px 6px;
-  font-family: MicrosoftYaHei;
-  line-height: 20px;
-  letter-spacing: 0;
-}
-.log-table-new-empty-data .empty-validate-steps > div.validate-step2 {
-  margin: 0 16px;
-  font-size: 12px;
-  line-height: 20px;
-  color: #4d4f56;
-}
-.log-table-new-empty-data .empty-validate-steps > div .segment-span-tag {
-  color: #3a84ff;
-  cursor: pointer;
 }/* stylelint-disable selector-class-pattern */
 .alarm-detail-log-table-new {
   position: relative;
@@ -17669,6 +17602,73 @@ i.t-size-l {
 .alarm-detail-log-table-new .panel-log-log-table.t-table__custom-scroll .t-table--scroll-vertical:hover,
 .alarm-detail-log-table-new .panel-log-log-table .t-table.t-table__custom-scroll .t-table--scroll-horizontal:hover {
   height: 7px;
+}/* stylelint-disable font-family-no-missing-generic-family-keyword */
+.log-table-new-empty-data {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+}
+.log-table-new-empty-data h1 {
+  height: 28px;
+  font-family: MicrosoftYaHei-Bold;
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 28px;
+  color: #313238;
+  letter-spacing: 0;
+}
+.log-table-new-empty-data .sub-title {
+  height: 22px;
+  margin: 8px 0 24px;
+  font-family: MicrosoftYaHei;
+  font-size: 14px;
+  line-height: 22px;
+  color: #313238;
+  letter-spacing: 0;
+}
+.log-table-new-empty-data .empty-validate-steps {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+}
+.log-table-new-empty-data .empty-validate-steps > div {
+  width: 30%;
+  min-height: 240px;
+  padding: 12px 16px;
+  font-size: 12px;
+  color: #4d4f56;
+  background: #f5f7fa;
+}
+.log-table-new-empty-data .empty-validate-steps > div h3 {
+  height: 22px;
+  margin: 0;
+  margin-bottom: 8px;
+  font-family: MicrosoftYaHei-Bold;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 22px;
+  color: #313238;
+  letter-spacing: 0;
+}
+.log-table-new-empty-data .empty-validate-steps > div.validate-step1 .step1-content {
+  display: flex;
+  width: 100%;
+  padding: 6px 24px 32px 6px;
+  font-family: MicrosoftYaHei;
+  line-height: 20px;
+  letter-spacing: 0;
+}
+.log-table-new-empty-data .empty-validate-steps > div.validate-step2 {
+  margin: 0 16px;
+  font-size: 12px;
+  line-height: 20px;
+  color: #4d4f56;
+}
+.log-table-new-empty-data .empty-validate-steps > div .segment-span-tag {
+  color: #3a84ff;
+  cursor: pointer;
 }.field-type-icon {
   display: inline-flex;
   align-items: center;
@@ -183314,12 +183314,18 @@ const VALUE_TAG_INPUT_PROPS = {
   isOneRow: {
     type: Boolean,
     default: false
+  },
+  valueMap: {
+    type: Object,
+    default: () => /* @__PURE__ */ new Map()
   }
 };
 const VALUE_TAG_INPUT_EMITS = {
   input: (_v) => true,
   change: (_v) => true,
-  delete: (_e) => true
+  delete: (_e) => true,
+  focus: () => true,
+  blur: () => true
 };
 const VALUE_OPTIONS_PROPS = {
   selected: {
@@ -183374,7 +183380,8 @@ const VALUE_OPTIONS_PROPS = {
 };
 const VALUE_OPTIONS_EMITS = {
   isChecked: (_v) => true,
-  select: (_v) => true
+  select: (_v) => true,
+  getOptions: (_v) => true
 };
 const QS_SELECTOR_PROPS = {
   fields: {
@@ -220498,7 +220505,8 @@ const NoticeWayEnum = {
   MAIL: "mail",
   WEIXIN: "weixin",
   QYWEIXIN: "qy_weixin",
-  WXWORKBOT: "wxwork-bot"
+  WXWORKBOT: "wxwork-bot",
+  VOICE: "voice"
 };
 const AlarmNoticeWayIconMap = {
   [NoticeWayEnum.SMS]: {
@@ -220530,6 +220538,12 @@ const AlarmNoticeWayIconMap = {
     iconColor: "#8E9BB3",
     text: window.i18n.t("邮件"),
     textColor: "#313238"
+  },
+  [NoticeWayEnum.VOICE]: {
+    icon: "icon-yuyin",
+    iconColor: "#8E9BB3",
+    text: window.i18n.t("语音"),
+    textColor: "#313238"
   }
 };
 const AlertStatusMap = {
@@ -231739,7 +231753,7 @@ const CommonLegend = /* @__PURE__ */ defineComponent({
       if (legend.hidden) return void 0;
       return createVNode("div", {
         "key": index2,
-        "class": "common-legend-item",
+        "class": ["common-legend-item", legend.disabled ? "is-disabled" : ""],
         "onClick": (e3) => this.handleLegendEvent(e3, "click", legend)
       }, [legend.icon ? createVNode("div", {
         "style": {
@@ -252705,7 +252719,7 @@ const MonitorCharts = /* @__PURE__ */ defineComponent({
       default: false
     }
   },
-  emits: ["dataZoomChange", "durationChange", "restore", "click", "menuClick", "zrClick"],
+  emits: ["dataZoomChange", "durationChange", "restore", "click", "menuClick", "zrClick", "mouseover", "mouseout"],
   setup(props2, {
     emit: emit2
   }) {
@@ -252782,6 +252796,12 @@ const MonitorCharts = /* @__PURE__ */ defineComponent({
     const handleClick = (params2) => {
       emit2("click", params2);
     };
+    const handleMouseover = (params2) => {
+      emit2("mouseover", params2);
+    };
+    const handleMouseout = (params2) => {
+      emit2("mouseout", params2);
+    };
     const handleZrClick = (params2) => {
       const pointInPixel = [params2.offsetX, params2.offsetY];
       const pointInGrid = chartInstance.value.convertFromPixel({
@@ -252838,7 +252858,9 @@ const MonitorCharts = /* @__PURE__ */ defineComponent({
       handleDataZoom,
       handleClick,
       handleZrClick,
-      handleMouseInChange
+      handleMouseInChange,
+      handleMouseover,
+      handleMouseout
     };
   },
   render() {
@@ -252876,6 +252898,8 @@ const MonitorCharts = /* @__PURE__ */ defineComponent({
       "autoresize": true,
       "onClick": this.handleClick,
       "onDatazoom": (e3) => this.handleDataZoom(e3, this.options),
+      "onMouseout": this.handleMouseout,
+      "onMouseover": this.handleMouseover,
       "onZr:click": this.handleZrClick
     }, null), this.showRestore && createVNode("span", {
       "class": "chart-restore",
@@ -253756,6 +253780,7 @@ const AlarmCharts = /* @__PURE__ */ defineComponent({
     });
     const scatterClickEventData = /* @__PURE__ */ shallowRef({});
     const refreshImmediate = /* @__PURE__ */ shallowRef("");
+    let cachedCursor = "";
     const {
       timeRange,
       showRestore,
@@ -253825,6 +253850,23 @@ const AlarmCharts = /* @__PURE__ */ defineComponent({
       }
       return ["screenshot", "explore"];
     });
+    const createMarkPointTooltip = (content) => ({
+      trigger: "item",
+      backgroundColor: "transparent",
+      borderWidth: 0,
+      extraCssText: "padding: 0;",
+      position: (point, _params, _dom, _rect, size) => {
+        const [tooltipWidth, tooltipHeight] = size.contentSize;
+        const [pointX, pointY] = point;
+        const left2 = pointX - tooltipWidth / 2;
+        const top2 = pointY - tooltipHeight - 12;
+        return [left2, top2];
+      },
+      formatter: () => `<div style="position: relative; background: rgba(54,58,67,.88); color: #fafbfd; font-size: 12px; padding: 6px 12px; border-radius: 4px;">
+          ${content}
+          <div style="position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid rgba(54,58,67,.88);"></div>
+        </div>`
+    });
     const findInsertIndex = (points2, target2) => {
       let lo = 0;
       let hi = points2.length - 1;
@@ -253880,30 +253922,37 @@ const AlarmCharts = /* @__PURE__ */ defineComponent({
           insertMissingPoint(Number(point), 0);
         }
         const mainSeries = series[0];
-        mainSeries.markPoints = [...isEventOrLogAlarm.value && mainSeries?.type === "bar" ? [] : datapoints.filter((item2) => props2.detail.anomaly_timestamps.includes(Number(String(item2[1]).slice(0, -3)))).map((item2) => ({
-          value: item2[1],
-          xAxis: String(item2[1]),
-          yAxis: item2[0],
-          symbol: "circle",
-          symbolSize: 5,
-          itemStyle: {
-            color: ANOMALY_COLOR
-          }
-        })), {
-          value: beginTime,
-          xAxis: beginTimeStr,
-          yAxis: yMax || 1,
-          symbol: "circle",
-          symbolSize: 0,
-          label: {
-            show: true,
-            position: "top",
-            formatter: ALARM_ICON_CONFIG[props2.detail.severity]?.unicode,
-            color: ALARM_ICON_CONFIG[props2.detail.severity]?.color,
-            fontSize: 16,
-            fontFamily: "icon-monitor"
+        mainSeries.markPoints = [
+          // 条件渲染：非事件/日志告警 且 非柱状图 时显示异常点
+          ...isEventOrLogAlarm.value && mainSeries?.type === "bar" ? [] : datapoints.filter((item2) => props2.detail.anomaly_timestamps.includes(Number(String(item2[1]).slice(0, -3)))).map((item2) => ({
+            value: item2[1],
+            xAxis: String(item2[1]),
+            yAxis: item2[0],
+            symbol: "circle",
+            symbolSize: 5,
+            itemStyle: {
+              color: ANOMALY_COLOR
+            },
+            tooltip: createMarkPointTooltip(t3("异常检测点"))
+          })),
+          // 告警级别标记
+          {
+            value: beginTime,
+            xAxis: beginTimeStr,
+            yAxis: yMax || 1,
+            symbol: "circle",
+            symbolSize: 0,
+            label: {
+              show: true,
+              position: "top",
+              formatter: ALARM_ICON_CONFIG[props2.detail.severity]?.unicode,
+              color: ALARM_ICON_CONFIG[props2.detail.severity]?.color,
+              fontSize: 16,
+              fontFamily: "icon-monitor"
+            },
+            tooltip: createMarkPointTooltip(ALARM_ICON_CONFIG[props2.detail.severity]?.alias || "")
           }
-        }];
+        ];
         mainSeries.markTimeRange = [{
           from: firstAnomalyTimeStr,
           to: beginTimeStr,
@@ -254232,6 +254281,19 @@ const AlarmCharts = /* @__PURE__ */ defineComponent({
         }
       }
     };
+    const handleChartMouseover = (params) => {
+      if (params.componentType !== "markPoint") return;
+      const canvas = params.event?.event?.target;
+      if (!canvas) return;
+      cachedCursor = canvas.style.cursor;
+      canvas.style.cursor = "default";
+    };
+    const handleChartMouseout = (params) => {
+      if (params.componentType !== "markPoint") return;
+      const canvas = params.event?.event?.target;
+      if (!canvas) return;
+      canvas.style.cursor = cachedCursor;
+    };
     onMounted(() => document.addEventListener("mousedown", handleCloseEventDetailPopup));
     onUnmounted(() => document.removeEventListener("mousedown", handleCloseEventDetailPopup));
     return {
@@ -254248,7 +254310,9 @@ const AlarmCharts = /* @__PURE__ */ defineComponent({
       handleScatterClick,
       eventDetailPopupPosition,
       scatterClickEventData,
-      handleMenuClick
+      handleMenuClick,
+      handleChartMouseover,
+      handleChartMouseout
     };
   },
   render() {
@@ -254272,6 +254336,8 @@ const AlarmCharts = /* @__PURE__ */ defineComponent({
       "onClick": this.handleScatterClick,
       "onDataZoomChange": this.handleDataZoomChange,
       "onMenuClick": this.handleMenuClick,
+      "onMouseout": this.handleChartMouseout,
+      "onMouseover": this.handleChartMouseover,
       "onRestore": this.handleRestore
     }, null), this.eventDetailPopupPosition?.left > 0 && createVNode(AlarmChartEventDetail, {
       "ref": "alertEventChartDetailRef",
@@ -255047,11 +255113,12 @@ const hostSvgUrl = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8
 const bcsSvgUrl = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2025.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='图层_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2016%2016'%20style='enable-background:new%200%200%2016%2016;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%232F567D;}%20.st1{fill:%23D4FBFF;}%20.st2{fill:%23FFFFFF;}%20.st3{fill:url(%23路径_5_);}%20.st4{opacity:0.3;fill:url(%23路径_6_);enable-background:new%20;}%20.st5{fill:url(%23形状_1_);}%20%3c/style%3e%3ccircle%20id='椭圆形'%20class='st0'%20cx='8'%20cy='8'%20r='8'/%3e%3cg%20id='容器管理'%20transform='translate(2,%202)'%3e%3cpath%20id='路径'%20class='st1'%20d='M11.3,2.8L6.7,0.1C6.5,0,6.3,0,6.1,0.1L1.5,2.8c0,0,0.1,0.1,0.1,0.3c0,0.2,0,0.3,0,0.3l4.5,2.6%20C6.3,6,6.5,6,6.7,5.9l4.6-2.7C11.5,3.1,11.5,2.9,11.3,2.8z'/%3e%3cpath%20id='路径_1_'%20class='st1'%20d='M6.9,6.3l4.6-2.7c0.2-0.1,0.4,0,0.4,0.2v5.3c0,0.2-0.1,0.4-0.3,0.5L7,12.4%20c-0.2,0.1-0.4,0-0.4-0.2V6.8C6.6,6.6,6.7,6.4,6.9,6.3z'/%3e%3cpath%20id='路径_2_'%20class='st2'%20d='M8.3,6.7c0-0.2,0.2-0.5,0.4-0.7s0.4,0,0.4,0.2c0,0.2-0.2,0.5-0.4,0.7C8.5,7.1,8.3,6.9,8.3,6.7z%20'/%3e%3clinearGradient%20id='路径_5_'%20gradientUnits='userSpaceOnUse'%20x1='-231.5369'%20y1='260.8506'%20x2='-231.5369'%20y2='261.8506'%20gradientTransform='matrix(6.1161%200%200%20-9.7948%201419.1677%202567.374)'%3e%3cstop%20offset='0'%20style='stop-color:%230054D4'/%3e%3cstop%20offset='1'%20style='stop-color:%2300D3FF'/%3e%3c/linearGradient%3e%3cpath%20id='路径_3_'%20class='st3'%20d='M5.8,6.3L1.3,3.6c0.2-0.3,0.1-0.8-0.2-1.1C0.6,2.7,0.7,3.3,0.7,3.3C0.3,3.2,0,3.4,0,3.4%20C0.2,3.8,0.5,4,0.8,3.9v5.3c0,0.2,0.1,0.4,0.3,0.5l4.6,2.7c0.2,0.1,0.4,0,0.4-0.2V6.8C6.1,6.6,6,6.4,5.8,6.3z'/%3e%3clinearGradient%20id='路径_6_'%20gradientUnits='userSpaceOnUse'%20x1='-208.6808'%20y1='250.3952'%20x2='-207.6829'%20y2='250.3952'%20gradientTransform='matrix(4.0258%200%200%20-7.0452%20848.0065%201772.407)'%3e%3cstop%20offset='0'%20style='stop-color:%232D7F56'/%3e%3cstop%20offset='1'%20style='stop-color:%2327B4A4'/%3e%3c/linearGradient%3e%3cpath%20id='路径_4_'%20class='st4'%20d='M8.7,11.4c0.4-0.5,0.5-1,0.5-1c0,0,0.1,0.1,0.1,0.2s0.2,0.2,0.2,0.1c0.4-0.7,0.1-1.7,0-2%20c0-0.3,0-0.7,0.1-1c0.2-0.8,0.7-1.3,1.4-1.7c0.7-0.4,0.8-1,0.8-1L9.2,6.9c0-0.2-1.3,5-1.3,5S8.7,11.4,8.7,11.4z'/%3e%3clinearGradient%20id='形状_1_'%20gradientUnits='userSpaceOnUse'%20x1='-225.3909'%20y1='257.6638'%20x2='-225.3909'%20y2='258.6628'%20gradientTransform='matrix(5.3806%200%200%20-8.7952%201222.0581%202278.5981)'%3e%3cstop%20offset='0'%20style='stop-color:%230054D4'/%3e%3cstop%20offset='1'%20style='stop-color:%2300D3FF'/%3e%3c/linearGradient%3e%3cpath%20id='形状'%20class='st5'%20d='M11.5,3.6L6.9,6.3C6.7,6.4,6.6,6.6,6.6,6.8v5.3c0,0.2,0.2,0.3,0.4,0.2c0,0,0.7-0.4,0.9-0.5%20c0.7-0.4,1.3-1.7,1.3-1.7c0,0.1,0,0.2,0,0.3s0.2,0.2,0.2,0.1C10,9.8,9.6,8.7,9.6,8.7c0-0.3,0.1-0.7,0.2-1.1%20c0.2-0.8,0.7-1.3,1.4-1.7c0.7-0.4,0.9-1,0.9-1V3.9C11.9,3.6,11.7,3.5,11.5,3.6z%20M8.3,6.7c0-0.2,0.2-0.5,0.4-0.7s0.4,0,0.4,0.2%20c0,0.2-0.2,0.5-0.4,0.7C8.5,7.1,8.3,6.9,8.3,6.7z'/%3e%3c/g%3e%3c/svg%3e";
 const landunSvgUrl = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2025.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='图层_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2016%2016'%20style='enable-background:new%200%200%2016%2016;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%232F567D;}%20.st1{fill-rule:evenodd;clip-rule:evenodd;fill:%23FEFEFE;}%20%3c/style%3e%3ccircle%20id='椭圆形'%20class='st0'%20cx='8'%20cy='8'%20r='8'/%3e%3cpath%20id='形状结合'%20class='st1'%20d='M7,7.4c0.1,0.1,0.3,0.3,0.5,0.5L7.6,8L7.2,8.5C7.1,8.6,7,8.6,6.9,8.7L6.5,9.1%20C6.3,8.9,6,8.6,5.8,8.4c-1-0.6-2,0-2.3,0.6C3,9.8,3.2,10.8,3.9,11.3c0.7,0.5,1.6,0.5,2.3-0.1c0.3-0.3,0.7-0.7,1.1-1.1l0.5-0.5%20c0.2-0.2,0.4-0.4,0.5-0.5l0.3-0.3l0.2,0.2C8.8,9.2,8.9,9.3,9,9.4l0.1,0.1c0,0,0,0,0,0c-0.7,0.7-1.5,1.6-2.3,2.2%20C6,12.5,5,12.7,3.9,12.3C2.8,11.9,2.2,11.1,2,9.9c0-0.1,0-0.3,0-0.4c0-1.2,0.7-2.3,1.8-2.7C4.9,6.3,6.2,6.6,7,7.4z%20M14,9.1%20c0,0.1,0,0.3,0,0.4c0,1.7-1.4,3.1-3.2,3c-0.7-0.1-1.3-0.3-1.8-0.8c-0.2-0.2-0.4-0.4-0.6-0.6L9.5,10c0.1,0.1,0.3,0.3,0.4,0.4%20c0.5,0.5,1.3,0.6,2,0.3c0.6-0.3,1-1,0.9-1.7c-0.1-0.8-0.6-1.3-1.4-1.5c-0.6-0.1-1.1,0-1.5,0.4C9.7,8.1,9.3,8.4,9.1,8.7l0,0L8.4,8%20c0.3-0.3,0.6-0.7,1-0.9C11.2,5.8,13.7,7,14,9.1z%20M8,8.4l0.4,0.4l0,0c0,0,0,0,0,0L8.2,8.9C8.1,9.1,7.9,9.3,7.7,9.5L7.4,9.7%20C7.3,9.8,7.2,9.9,7.1,10l-0.2,0.2c-0.3,0.3-0.6,0.6-0.9,0.9c-0.6,0.6-1.6,0.6-2.2,0l0,0l0-0.1c-0.5-0.4-0.6-1.3-0.2-1.9%20C3.6,9,3.7,8.9,3.7,8.8l0,0l0,0c0,0-0.1,0.2-0.1,0.2c-0.2,0.6,0.1,1.3,0.6,1.6c0.5,0.3,1.2,0.3,1.7-0.2C6.6,9.8,7.2,9.2,8,8.4%20C7.9,8.4,8,8.4,8,8.4z%20M10,8c0.5-0.5,1.2-0.6,1.8-0.3c1,0.5,1.2,1.8,0.4,2.6c0,0,0,0-0.1,0.1c0.2-0.2,0.3-0.5,0.3-0.8%20c0-0.7-0.6-1.4-1.4-1.4c0,0,0,0-0.1,0c-0.3,0-0.6,0.1-0.9,0.4C9.9,8.7,9.7,9,9.5,9.1c0,0-0.3-0.3-0.4-0.4C9.4,8.6,9.8,8.1,10,8z%20M8,4.8c0.9,0,1.6,0.6,1.7,1.4C9.5,6.4,9.3,6.5,9.2,6.6c0-0.6-0.5-1.1-1.2-1.1S6.8,5.9,6.8,6.6C6.7,6.4,6.5,6.4,6.3,6.3%20C6.4,5.5,7.1,4.8,8,4.8z%20M8,3c0.2,0,0.3,0,0.5,0l0.1,0.7c0.1,0,0.3,0.1,0.4,0.1l0.4-0.5c0.1,0,0.2,0.1,0.3,0.1l0.3,0.2%20c0.1,0.1,0.2,0.1,0.2,0.2L9.9,4.4c0.1,0.1,0.2,0.2,0.3,0.3l0.6-0.3C10.9,4.5,11,4.5,11,4.6L11.2,5c0,0.1,0.1,0.1,0.1,0.2l-0.5,0.4%20c0,0.1,0.1,0.3,0.1,0.4c-0.4,0-0.7,0.1-1,0.2C9.7,5.4,8.9,4.7,8,4.7S6.3,5.4,6.1,6.2C5.8,6.1,5.5,6,5.1,6c0-0.1,0.1-0.3,0.1-0.4%20L4.7,5.2C4.8,4.9,5,4.7,5.1,4.4l0.6,0.3C5.9,4.6,6,4.5,6.1,4.4L5.8,3.7c0.2-0.2,0.5-0.3,0.8-0.5L7,3.8c0.1,0,0.3-0.1,0.4-0.1L7.5,3%20C7.7,3,7.8,3,8,3z'/%3e%3c/svg%3e";
 const defaultSvgUrl = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='16px'%20height='16px'%20viewBox='0%200%2016%2016'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eLOGO/其他%3c/title%3e%3cg%20id='LOGO/其他'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3ccircle%20id='椭圆形'%20fill='%232F567D'%20cx='8'%20cy='8'%20r='8'%3e%3c/circle%3e%3cpath%20d='M8,2%20C11.3137085,2%2014,4.6862915%2014,8%20C14,11.3137085%2011.3137085,14%208,14%20C4.6862915,14%202,11.3137085%202,8%20C2,4.6862915%204.6862915,2%208,2%20Z%20M8,3%20C5.23857625,3%203,5.23857625%203,8%20C3,10.7614237%205.23857625,13%208,13%20C10.7614237,13%2013,10.7614237%2013,8%20C13,5.23857625%2010.7614237,3%208,3%20Z%20M7.998,10.193%20C8.196,10.193%208.367,10.256%208.502,10.382%20C8.628,10.508%208.7,10.67%208.7,10.868%20C8.7,11.066%208.628,11.237%208.493,11.363%20C8.358,11.489%208.196,11.552%207.998,11.552%20C7.8,11.552%207.638,11.48%207.503,11.354%20C7.368,11.228%207.305,11.066%207.305,10.868%20C7.305,10.67%207.368,10.508%207.503,10.382%20C7.638,10.256%207.8,10.193%207.998,10.193%20Z%20M8.16,5%20C8.745,5%209.222,5.153%209.582,5.477%20C9.942,5.792%2010.122,6.224%2010.122,6.773%20C10.122,7.223%2010.005,7.592%209.789,7.88%20C9.708,7.97%209.447,8.213%209.015,8.591%20C8.853,8.726%208.736,8.879%208.655,9.041%20C8.565,9.221%208.52,9.41%208.52,9.626%20L8.52,9.752%20L7.485,9.752%20L7.485,9.626%20C7.485,9.284%207.539,8.987%207.665,8.744%20C7.782,8.501%208.133,8.123%208.718,7.601%20L8.826,7.475%20C8.988,7.277%209.069,7.061%209.069,6.836%20C9.069,6.539%208.979,6.305%208.817,6.134%20C8.646,5.963%208.403,5.882%208.097,5.882%20C7.701,5.882%207.422,5.999%207.251,6.251%20C7.098,6.458%207.026,6.755%207.026,7.133%20L6,7.133%20C6,6.467%206.189,5.945%206.585,5.567%20C6.972,5.189%207.494,5%208.16,5%20Z'%20id='形状结合'%20fill='%23FFFFFF'%20fill-rule='nonzero'%3e%3c/path%3e%3c/g%3e%3c/svg%3e";
+const escapeForSingleQuotedString = (value) => value.replace(/\\/g, "\\\\").replace(/'/g, "\\'");
 const SourceIconSvgMap = {
-  [SourceTypeEnum.BCS]: bcsSvgUrl.replace(/'/g, "\\'"),
-  [SourceTypeEnum.BKCI]: landunSvgUrl.replace(/'/g, "\\'"),
-  [SourceTypeEnum.HOST]: hostSvgUrl.replace(/'/g, "\\'"),
-  [SourceTypeEnum.DEFAULT]: defaultSvgUrl.replace(/'/g, "\\'")
+  [SourceTypeEnum.BCS]: escapeForSingleQuotedString(bcsSvgUrl),
+  [SourceTypeEnum.BKCI]: escapeForSingleQuotedString(landunSvgUrl),
+  [SourceTypeEnum.HOST]: escapeForSingleQuotedString(hostSvgUrl),
+  [SourceTypeEnum.DEFAULT]: escapeForSingleQuotedString(defaultSvgUrl)
 };
 const tableColumnKey = {
   TIME: "time",
@@ -255125,10 +255192,10 @@ const EventTable = /* @__PURE__ */ defineComponent({
         }, [window.source_app !== "apm" ? createVNode("span", {
           "class": `source-icon icon-monitor ${SourceIconMap[value]}`
         }, null) : createVNode("span", {
-          "class": `source-icon icon-monitor ${SourceIconMap[value]}`,
           "style": {
             backgroundImage: SourceIconSvgMap[item2.value] ? `url('${SourceIconSvgMap[item2.value]}')` : void 0
-          }
+          },
+          "class": `source-icon icon-monitor ${SourceIconMap[value]}`
         }, null), withDirectives(createVNode("span", {
           "class": "common-table-ellipsis"
         }, [" ", alias]), [[resolveDirective("overflow-tips"), {
@@ -255252,8 +255319,8 @@ const EventTable = /* @__PURE__ */ defineComponent({
       }, null);
     });
     const sort3 = /* @__PURE__ */ shallowRef(null);
-    const isAllSourceType = /* @__PURE__ */ shallowRef(false);
-    const sourceType = /* @__PURE__ */ shallowRef([]);
+    const isAllSourceType = /* @__PURE__ */ shallowRef(true);
+    const sourceType = /* @__PURE__ */ shallowRef([SourceTypeEnum.BCS, SourceTypeEnum.BKCI, SourceTypeEnum.HOST, SourceTypeEnum.DEFAULT]);
     const sourceTypeOptions = /* @__PURE__ */ shallowRef([{
       label: window.i18n.t("全部"),
       value: SourceTypeEnum.ALL,
@@ -255429,10 +255496,10 @@ const EventTable = /* @__PURE__ */ defineComponent({
           }, [item2.icon ? window.source_app !== "apm" ? createVNode("span", {
             "class": `source-icon icon-monitor ${item2.icon}`
           }, null) : createVNode("span", {
-            "class": `source-icon icon-monitor ${item2.icon}`,
             "style": {
               backgroundImage: SourceIconSvgMap[item2.value] ? `url('${SourceIconSvgMap[item2.value]}')` : void 0
-            }
+            },
+            "class": `source-icon icon-monitor ${item2.icon}`
           }, null) : void 0, createVNode("span", null, [item2.label]), createVNode("span", null, [createTextVNode(" ("), item2.count, createTextVNode(")")])])]
         }));
       }
@@ -255813,7 +255880,7 @@ const ExploreChart = /* @__PURE__ */ defineComponent({
       default: false
     }
   },
-  emits: ["dataZoomChange", "durationChange", "restore"],
+  emits: ["dataZoomChange", "durationChange", "restore", "mouseover", "mouseout"],
   setup(props2, {
     emit: emit2
   }) {
@@ -255877,6 +255944,12 @@ const ExploreChart = /* @__PURE__ */ defineComponent({
     const handleMouseInChange = (v2) => {
       mouseIn.value = v2;
     };
+    const handleMouseover = (params2) => {
+      emit2("mouseover", params2);
+    };
+    const handleMouseout = (params2) => {
+      emit2("mouseout", params2);
+    };
     watch(() => duration.value, (val) => {
       emit2("durationChange", val);
     });
@@ -255905,6 +255978,8 @@ const ExploreChart = /* @__PURE__ */ defineComponent({
       handleSelectLegend,
       handleDataZoom,
       handleMouseInChange,
+      handleMouseover,
+      handleMouseout,
       t: t3
     };
   },
@@ -255939,7 +256014,9 @@ const ExploreChart = /* @__PURE__ */ defineComponent({
       "group": this.panel.dashboardId,
       "option": this.options,
       "autoresize": true,
-      "onDatazoom": (e3) => this.handleDataZoom(e3, this.options)
+      "onDatazoom": (e3) => this.handleDataZoom(e3, this.options),
+      "onMouseout": this.handleMouseout,
+      "onMouseover": this.handleMouseover
     }, null), this.showRestore && createVNode("span", {
       "class": "chart-restore",
       "onClick": () => this.$emit("restore")
@@ -256698,9 +256775,10 @@ const useK8sChartPanel = (options = {}) => {
   );
   const resourceListData = computed(() => {
     const obj = {};
-    for (const key2 in get$2(currentTarget)) {
-      if (key2 !== "bcs_cluster_id" && get$2(currentTarget)[key2]) {
-        obj[key2] = get$2(currentTarget)[key2];
+    const target2 = get$2(currentTarget);
+    for (const key2 in target2) {
+      if (key2 !== "bcs_cluster_id" && target2[key2]) {
+        obj[key2] = target2[key2];
       }
     }
     return [obj];
@@ -256775,7 +256853,7 @@ const useK8sChartPanel = (options = {}) => {
     resourceMap = map3;
   };
   const createPanelList = async (signal) => {
-    if (!get$2(metricList)?.length) return;
+    if (!get$2(metricList)?.length || !get$2(currentTarget)) return;
     const isWorkloadGroupBy = get$2(groupBy) === K8sTableColumnKeysEnum.WORKLOAD;
     await getResourceList(isWorkloadGroupBy, signal);
     if (signal.aborted) return;
@@ -259920,6 +259998,7 @@ const ValueOptions = /* @__PURE__ */ defineComponent({
       }
       scrollLoading.value = false;
       loading3.value = false;
+      emit2("getOptions", list2);
       return list2;
     }
     function localOptionsFilter(list2) {
@@ -260039,6 +260118,16 @@ const ValueTagInput = /* @__PURE__ */ defineComponent({
     }, {
       immediate: true
     });
+    const getValueSpan = computed(() => {
+      if (localValue2.value === NULL_VALUE_ID) {
+        return NULL_VALUE_NAME;
+      }
+      const name = props2.valueMap.get(String(localValue2.value));
+      if (["number", "string"].includes(typeof name) && String(name) !== String(localValue2.value)) {
+        return `${name} (${localValue2.value})`;
+      }
+      return localValue2.value;
+    });
     function handleClick() {
       isEdit.value = true;
       inputFocus();
@@ -260073,6 +260162,7 @@ const ValueTagInput = /* @__PURE__ */ defineComponent({
         isEdit.value = false;
         handleChangeEmit();
       }
+      emit2("blur");
     }
     function handleChangeEmit() {
       if (props2.value !== localValue2.value) {
@@ -260085,16 +260175,21 @@ const ValueTagInput = /* @__PURE__ */ defineComponent({
     function handleDelete(e3) {
       emit2("delete", e3);
     }
+    function handleFocus() {
+      emit2("focus");
+    }
     return {
       isEdit,
       localValue: localValue2,
+      getValueSpan,
       handleComponentClick,
       handleClick,
       handleBlur,
       handleInput,
       handleKeyDown,
       handleKeyUp,
-      handleDelete
+      handleDelete,
+      handleFocus
     };
   },
   render() {
@@ -260109,12 +260204,13 @@ const ValueTagInput = /* @__PURE__ */ defineComponent({
       "key": "01",
       "class": "value-span",
       "onClick": () => this.handleClick()
-    }, [this.localValue === NULL_VALUE_ID ? NULL_VALUE_NAME : this.localValue]), this.isEdit ? withDirectives(createVNode("textarea", {
+    }, [this.getValueSpan]), this.isEdit ? withDirectives(createVNode("textarea", {
       "ref": "input",
       "class": "value-span-input",
       "onUpdate:modelValue": ($event) => this.localValue = $event,
       "spellcheck": false,
       "onBlur": this.handleBlur,
+      "onFocus": this.handleFocus,
       "onInput": this.handleInput,
       "onKeydown": this.handleKeyDown,
       "onKeyup": this.handleKeyUp
@@ -261188,6 +261284,7 @@ const ValueTagSelector = /* @__PURE__ */ defineComponent({
     const inputValue = /* @__PURE__ */ shallowRef("");
     const isFocus = /* @__PURE__ */ shallowRef(false);
     const isChecked = /* @__PURE__ */ shallowRef(false);
+    const optionsMap = /* @__PURE__ */ shallowRef(/* @__PURE__ */ new Map());
     const isTypeInteger = computed(() => [EFieldType.integer, EFieldType.long].includes(props2.fieldInfo?.type));
     init2();
     watch(() => props2.value, (val) => {
@@ -261219,9 +261316,6 @@ const ValueTagSelector = /* @__PURE__ */ defineComponent({
         }, 100);
       }
     }
-    function handleSelectorBlur() {
-      emit2("selectorBlur");
-    }
     function handleCheck(item2) {
       activeIndex.value = -1;
       if (localValue2.value.some((v2) => v2.id === item2.id)) return;
@@ -261311,6 +261405,22 @@ const ValueTagSelector = /* @__PURE__ */ defineComponent({
     function handleSelectorFocus() {
       emit2("selectorFocus");
     }
+    function handleSelectorBlur() {
+      emit2("selectorBlur");
+    }
+    function handleGetOptions(options) {
+      const oldMap = optionsMap.value;
+      for (const option2 of options) {
+        oldMap.set(String(option2.id), option2.name);
+      }
+      optionsMap.value = new Map(oldMap);
+    }
+    function handleValueTagInputBlur() {
+      handleSelectorBlur();
+    }
+    function handleValueTagInputFocus() {
+      handleSelectorFocus();
+    }
     return {
       localValue: localValue2,
       isFocus,
@@ -261318,6 +261428,7 @@ const ValueTagSelector = /* @__PURE__ */ defineComponent({
       isShowDropDown,
       inputValue,
       isTypeInteger,
+      optionsMap,
       handleBackspaceNull,
       handleClick,
       handleBlur,
@@ -261327,6 +261438,9 @@ const ValueTagSelector = /* @__PURE__ */ defineComponent({
       handleDelete,
       handleIsChecked,
       handleCheck,
+      handleGetOptions,
+      handleValueTagInputBlur,
+      handleValueTagInputFocus,
       t: t3
     };
   },
@@ -261358,8 +261472,11 @@ const ValueTagSelector = /* @__PURE__ */ defineComponent({
         "is-error": this.isTypeInteger ? !isNumeric(item2.id) : false
       },
       "value": item2.id,
+      "valueMap": this.optionsMap,
+      "onBlur": this.handleValueTagInputBlur,
       "onChange": (v2) => this.handleTagUpdate(v2, index2),
-      "onDelete": () => this.handleDelete(index2)
+      "onDelete": () => this.handleDelete(index2),
+      "onFocus": this.handleValueTagInputFocus
     }, null), this.activeIndex === index2 && inputRender(`${item2.id}_input`)]), this.activeIndex === -1 && inputRender("input")] : inputRender("input")]), this.isShowDropDown && createVNode(ValueOptions, {
       "fieldInfo": this.fieldInfo,
       "getValueFn": this.getValueFn,
@@ -261369,6 +261486,7 @@ const ValueTagSelector = /* @__PURE__ */ defineComponent({
       "noDataSimple": true,
       "search": this.inputValue,
       "selected": this.localValue.map((item2) => item2.id),
+      "onGetOptions": this.handleGetOptions,
       "onIsChecked": this.handleIsChecked,
       "onSelect": this.handleCheck
     }, null)]);
@@ -264283,51 +264401,6 @@ const useTable = (options) => {
     setDefaultFieldWidth
   };
 };
-const LogException = /* @__PURE__ */ defineComponent({
-  name: "LogException",
-  setup() {
-    const {
-      t: t3
-    } = useI18n$1();
-    const searchEmpty = () => {
-      return createVNode("div", {
-        "class": "log-table-new-empty-data"
-      }, [createVNode("h1", null, [t3("检索无数据")]), createVNode("div", {
-        "class": "sub-title"
-      }, [t3("您可按照以下顺序调整检索方式")]), createVNode("div", {
-        "class": "empty-validate-steps"
-      }, [createVNode("div", {
-        "class": "validate-step1"
-      }, [createVNode("h3", null, [createTextVNode("1. "), t3("优化查询语句")]), createVNode("div", {
-        "class": "step1-content"
-      }, [createVNode("span", {
-        "class": "step1-content-label"
-      }, [t3("查询范围"), createTextVNode("：")]), createVNode("span", {
-        "class": "step1-content-value"
-      }, [createTextVNode("log: bklog*"), createVNode("br", null, null), t3("包含"), createTextVNode(" bklog"), createVNode("br", null, null), createTextVNode("= bklog "), t3("使用通配符"), createTextVNode(" (*)")])]), createVNode("div", {
-        "class": "step1-content"
-      }, [createVNode("span", {
-        "class": "step1-content-label"
-      }, [t3("精准匹配"), createTextVNode("：")]), createVNode("span", {
-        "class": "step1-content-value"
-      }, [createTextVNode('log: "bklog"')])])]), createVNode("div", {
-        "class": "validate-step2"
-      }, [createVNode("h3", null, [createTextVNode("2. "), t3("检查是否为分词问题")]), createVNode("div", null, [t3("当您的鼠标移动至对应日志内容上时，该日志单词将展示为蓝色。"), createVNode("br", null, null), createVNode("br", null, null), t3("若目标内容为整段蓝色，或中间存在字符粘连的情况。"), createVNode("br", null, null), t3("可能是因为分词导致的问题"), createTextVNode("；"), createVNode("br", null, null), createVNode("br", null, null), t3("将字符粘连的字符设置至自定义分词中，等待 3～5 分钟，新上报的日志即可生效设置。")])]), createVNode("div", {
-        "class": "validate-step3"
-      }, [createVNode("h3", null, [createTextVNode("3."), t3("一键反馈")]), createVNode("div", null, [t3("若您仍无法确认问题原因，请点击下方反馈按钮与我们联系，平台将第一时间响应处理。"), createVNode("br", null, null), createVNode("a", {
-        "class": "segment-span-tag",
-        "href": "wxwork://message/?username=BK助手"
-      }, [t3("问题反馈")])])])])]);
-    };
-    return {
-      t: t3,
-      searchEmpty
-    };
-  },
-  render() {
-    return this.searchEmpty();
-  }
-});
 const LogTableNew = /* @__PURE__ */ defineComponent({
   name: "LogTableNew",
   props: {
@@ -264574,7 +264647,7 @@ const LogTableNew = /* @__PURE__ */ defineComponent({
       "tableLayout": "fixed",
       "onExpandChange": this.handleExpandChange,
       "onSortChange": this.handleSortChange
-    }, null) : createVNode(LogException, null, null)]);
+    }, null) : this.$slots?.empty?.()]);
   }
 });
 const getAggTermsData = request("POST", "apm_log_forward/bklog/api/v1/search/index_set/{pk}/aggs/terms/");
@@ -264661,6 +264734,51 @@ function useLogFilter() {
     setParams
   };
 }
+const LogException = /* @__PURE__ */ defineComponent({
+  name: "LogException",
+  setup() {
+    const {
+      t: t3
+    } = useI18n$1();
+    const searchEmpty = () => {
+      return createVNode("div", {
+        "class": "log-table-new-empty-data"
+      }, [createVNode("h1", null, [t3("检索无数据")]), createVNode("div", {
+        "class": "sub-title"
+      }, [t3("您可按照以下顺序调整检索方式")]), createVNode("div", {
+        "class": "empty-validate-steps"
+      }, [createVNode("div", {
+        "class": "validate-step1"
+      }, [createVNode("h3", null, [createTextVNode("1. "), t3("优化查询语句")]), createVNode("div", {
+        "class": "step1-content"
+      }, [createVNode("span", {
+        "class": "step1-content-label"
+      }, [t3("查询范围"), createTextVNode("：")]), createVNode("span", {
+        "class": "step1-content-value"
+      }, [createTextVNode("log: bklog*"), createVNode("br", null, null), t3("包含"), createTextVNode(" bklog"), createVNode("br", null, null), createTextVNode("= bklog "), t3("使用通配符"), createTextVNode(" (*)")])]), createVNode("div", {
+        "class": "step1-content"
+      }, [createVNode("span", {
+        "class": "step1-content-label"
+      }, [t3("精准匹配"), createTextVNode("：")]), createVNode("span", {
+        "class": "step1-content-value"
+      }, [createTextVNode('log: "bklog"')])])]), createVNode("div", {
+        "class": "validate-step2"
+      }, [createVNode("h3", null, [createTextVNode("2. "), t3("检查是否为分词问题")]), createVNode("div", null, [t3("当您的鼠标移动至对应日志内容上时，该日志单词将展示为蓝色。"), createVNode("br", null, null), createVNode("br", null, null), t3("若目标内容为整段蓝色，或中间存在字符粘连的情况。"), createVNode("br", null, null), t3("可能是因为分词导致的问题"), createTextVNode("；"), createVNode("br", null, null), createVNode("br", null, null), t3("将字符粘连的字符设置至自定义分词中，等待 3～5 分钟，新上报的日志即可生效设置。")])]), createVNode("div", {
+        "class": "validate-step3"
+      }, [createVNode("h3", null, [createTextVNode("3."), t3("一键反馈")]), createVNode("div", null, [t3("若您仍无法确认问题原因，请点击下方反馈按钮与我们联系，平台将第一时间响应处理。"), createVNode("br", null, null), createVNode("a", {
+        "class": "segment-span-tag",
+        "href": "wxwork://message/?username=BK助手"
+      }, [t3("问题反馈")])])])])]);
+    };
+    return {
+      t: t3,
+      searchEmpty
+    };
+  },
+  render() {
+    return this.searchEmpty();
+  }
+});
 const fieldTypeMap = {
   integer: {
     name: window.i18n.t("数字"),
@@ -265541,6 +265659,18 @@ const PanelLog = /* @__PURE__ */ defineComponent({
           "targetList": this.displayColumnFields,
           "onConfirm": this.handleDisplayColumnFieldsChange
         }, null);
+      },
+      empty: () => {
+        if (!this.indexSetList.length) {
+          return createVNode(__webpack_exports__default$a, {
+            "type": "building"
+          }, {
+            default: () => [createVNode("span", {
+              "style": "margin: 0 24px 16px 24px;font-size: 14px;color: rgb(151, 155, 165);display: inline-block;"
+            }, [this.t("暂无关联日志")])]
+          });
+        }
+        return createVNode(LogException, null, null);
       }
     })]);
   }
@@ -274097,22 +274227,6 @@ const ALERT_FILTER_FIELDS = [
       }
     ]
   },
-  {
-    name: "tags",
-    alias: "维度",
-    type: EFieldType.keyword,
-    isEnableOptions: true,
-    methods: [
-      {
-        alias: "=",
-        value: "eq"
-      },
-      {
-        alias: "!=",
-        value: "neq"
-      }
-    ]
-  },
   // tags 维度查询示例：
   // {
   //	"key": "tags.auto_instance_id_0",
@@ -274231,6 +274345,22 @@ const ALERT_FILTER_FIELDS = [
         value: "neq"
       }
     ]
+  },
+  {
+    name: "tags",
+    alias: "维度",
+    type: EFieldType.keyword,
+    isEnableOptions: true,
+    methods: [
+      {
+        alias: "=",
+        value: "eq"
+      },
+      {
+        alias: "!=",
+        value: "neq"
+      }
+    ]
   }
 ];
 const ALERT_STORAGE_KEY = "__ALERT_EVENT_COLUMN__";
@@ -311755,7 +311885,7 @@ function useAlarmFilter(options) {
 }
 const REFRESH_EFFECT_KEY = "__REFRESH_EFFECT_KEY__";
 const useAlarmCenterStore = /* @__PURE__ */ defineStore("alarmCenter", () => {
-  const timeRange = /* @__PURE__ */ ref(DEFAULT_TIME_RANGE);
+  const timeRange = /* @__PURE__ */ ref(["now-7d", "now"]);
   const timezone = /* @__PURE__ */ shallowRef(getDefaultTimezone());
   const innerRefreshInterval = /* @__PURE__ */ shallowRef(-1);
   const refreshImmediate = /* @__PURE__ */ shallowRef("");
@@ -311892,7 +312022,7 @@ const useAlarmCenterStore = /* @__PURE__ */ defineStore("alarmCenter", () => {
     bizIds.value = [+window.bk_biz_id];
     conditions.value = [];
     queryString2.value = "";
-    timeRange.value = DEFAULT_TIME_RANGE;
+    timeRange.value = ["now-7d", "now"];
     timezone.value = getDefaultTimezone();
     refreshInterval.value = -1;
     refreshImmediate.value = "";
@@ -314216,12 +314346,15 @@ const AlarmAnalysis = /* @__PURE__ */ defineComponent({
       "title": this.t("告警分析"),
       "onCollapseChange": this.handleCollapse
     }, {
-      headerCustom: () => createVNode("div", {
-        "class": "settings",
-        "onClick": this.handleSettingsClick
-      }, [createVNode("i", {
-        "class": "icon-monitor icon-shezhi1"
-      }, null), createVNode("span", null, [this.t("设置")])]),
+      headerCustom: () => {
+        if (this.expand) return createVNode("div", {
+          "class": "settings",
+          "onClick": this.handleSettingsClick
+        }, [createVNode("i", {
+          "class": "icon-monitor icon-shezhi1"
+        }, null), createVNode("span", null, [this.t("设置")])]);
+        return null;
+      },
       default: this.renderCollapseContent
     }), createVNode(AlarmAnalysisDetail, {
       "show": this.detailSliderShow,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueking/monitor-alarm-center",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "蓝鲸监控告警中心抽取出来的独立库，主要提供给APM等宿主使用",
   "scripts": {},
   "files": [