@blueking/monitor-apm-log 1.0.1-beta.1 → 1.0.1-beta.3

package/css/main.css

@@ -73,7 +73,7 @@ ul.search-items{display:inline-flex;flex-wrap:wrap;width:100%;max-height:135px;p
 .original-log-panel .original-log-panel-tools[data-v-b540758c]{display:flex;justify-content:space-between;padding-left:16px}.original-log-panel .tools-more[data-v-b540758c]{display:flex;align-items:center;justify-content:center}.original-log-panel .tools-more .switch-label[data-v-b540758c]{margin-right:2px;font-size:12px;color:#63656e}.original-log-panel .operation-icons[data-v-b540758c]{display:flex;align-items:center;justify-content:space-between;margin-left:16px}.original-log-panel .operation-icons .operation-icon[data-v-b540758c]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:10px;cursor:pointer;border:1px solid #c4c6cc;border-radius:2px;outline:none;transition:boder-color .2s}.original-log-panel .operation-icons .operation-icon[data-v-b540758c]:hover{border-color:#979ba5;transition:boder-color .2s}.original-log-panel .operation-icons .operation-icon[data-v-b540758c]:active{border-color:#3a84ff;transition:boder-color .2s}.original-log-panel .operation-icons .operation-icon .bklog-icon[data-v-b540758c]{width:16px;font-size:16px;color:#979ba5}.original-log-panel .operation-icons .disabled-icon[data-v-b540758c]{cursor:not-allowed;background-color:#fff;border-color:#dcdee5}.original-log-panel .operation-icons .disabled-icon[data-v-b540758c]:hover,.original-log-panel .operation-icons .disabled-icon .bklog-icon[data-v-b540758c]{color:#c4c6cc;border-color:#dcdee5}.original-log-panel .left-operate[data-v-b540758c]{flex-wrap:nowrap;align-items:center;display:flex;justify-content:space-between}.original-log-panel .left-operate>div[data-v-b540758c]{flex-shrink:0}.original-log-panel .left-operate .bklog-option-item[data-v-b540758c]{font-size:12px;line-height:20px;color:#63656e}.original-log-panel .field-select[data-v-b540758c]{position:relative;width:120px;margin-left:16px}.original-log-panel .field-select .icon-field-config[data-v-b540758c]{position:absolute;top:4px;left:4px;width:18px}.original-log-panel .field-select[data-v-b540758c] .bk-select .bk-select-name{padding:0px 36px 0 30px}.extension-add-new-config[data-v-b540758c]{cursor:pointer;display:flex;align-items:center;justify-content:center}.extension-add-new-config[data-v-b540758c] :last-child{margin-left:4px;color:#63656e}.extension-add-new-config .icon-close-circle[data-v-b540758c]{margin-left:4px;font-size:14px;color:#979ba5;transform:rotateZ(45deg)}
 .json-depth-num.bk-form-control{width:96px}.json-depth-num.bk-form-control .bk-input-number input.bk-form-input{height:26px}body.no-user-select{user-select:none}
 .search-result-panel{background-color:#fff}.search-result-panel.flex{position:relative;display:flex;height:fit-content;overflow:visible}.search-result-panel.flex .field-list-sticky.is-show{position:sticky;top:var(--offset-search-bar);z-index:3;align-self:start;height:calc(100vh - var(--offset-search-bar) - 150px)}.search-result-panel.flex .split-line{width:100%;margin:3px 0 6px;border-bottom:solid 1px #dcdee5}.search-result-panel.flex .search-result-content{position:relative;border-left:solid 1px #dcdee5}.search-result-panel.flex .search-result-content .monitor-echarts-container{padding-left:16px}.search-result-panel.flex .search-result-content .monitor-echarts-container .title-wrapper-new{z-index:3;width:calc(100% - 110px);margin-left:110px}.search-result-panel.flex .search-result-content.field-list-show .monitor-echarts-container .title-wrapper-new{width:100%;margin-left:0}
-.retrieve-v2-index{position:relative;height:100%;padding:0 16px;background:#f5f7fa}.retrieve-v2-index .sub-head{display:flex;align-items:center;height:48px;background-color:#f5f7fa}.retrieve-v2-index .sub-head .retrieve-index-select{min-width:320px;background-color:#fff}.retrieve-v2-index .sub-head .retrieve-index-select .bk-select-dropdown{width:100%}.retrieve-v2-index .sub-head .retrieve-index-select .bk-select-dropdown .bk-select-name,.retrieve-v2-index .sub-head .retrieve-index-select .bk-select-dropdown .index-select-tag-container{position:relative;padding:0 6px;padding-right:20px;border-color:#c4c6cc}.retrieve-v2-index .sub-head .retrieve-index-select .bk-select-dropdown .bk-select-name .bklog-select-arrow,.retrieve-v2-index .sub-head .retrieve-index-select .bk-select-dropdown .index-select-tag-container .bklog-select-arrow{position:absolute;top:50%;right:6px;font-size:18px;color:#979ba5;transform:translateY(-50%)}.retrieve-v2-index .sub-head .retrieve-tab-item-title{margin-left:24px}.retrieve-v2-index .retrieve-body{width:100%;height:calc(100% - 48px);padding:0;background:#f5f7fa}.retrieve-v2-index .retrieve-body .retrieve-context{height:100%}.retrieve-v2-index .retrieve-body .retrieve-context .result-row{width:100%;height:100%;min-height:120px;margin-top:8px;background:#fff;border-radius:2px;box-shadow:0 2px 4px 0 rgba(25,25,41,.0509803922)}.retrieve-v2-index .retrieve-body .retrieve-context .result-row .search-result-panel{height:calc(100% - 4px)}.retrieve-v2-index .retrieve-body .retrieve-context .result-row .search-result-panel .search-result-content .result-table-container{height:100%;margin-top:12px;overflow:auto}.retrieve-v2-index .retrieve-body .retrieve-context .result-row .search-result-panel .search-result-content .finger-container{height:calc(100vh - 310px);margin-top:12px;overflow:auto}.retrieve-v2-index .retrieve-body .retrieve-context .result-row .search-result-panel .search-result-content.is-trend-chart-show .result-table-container{height:100%;overflow:auto}.retrieve-v2-index .result-table-container{height:100%;margin-top:12px;overflow:auto}.retrieve-v2-index .bk-table-body td.bk-table-expanded-cell{padding:0 !important}.retrieve-v2-index .favorite-query-list{background-color:#fff}.retrieve-v2-index .bk-form .bk-label,.retrieve-v2-index .bk-form-radio .bk-radio-text,.retrieve-v2-index .bk-form-checkbox .bk-checkbox-text{font-size:12px}.bk-log-drag{position:absolute;top:50%;left:242px;z-index:100;display:flex;align-items:center;justify-items:center;width:6px;height:100px;background-color:#dcdee5;border-radius:3px;transform:translateY(-50%)}.bk-log-drag::after{position:absolute;left:2px;width:0;height:80px;content:" ";border-left:2px dotted #fff}.bk-log-drag:hover{cursor:col-resize}.bk-log-drag-simple{position:absolute;top:50%;right:-3px;z-index:100;display:flex;align-items:center;justify-items:center;width:6px;height:22px;border-radius:3px;transform:translateY(-50%)}.bk-log-drag-simple::after{position:absolute;left:2px;width:0;height:100%;content:" ";border-left:2px dotted #63656e}.bk-log-drag-simple:hover{cursor:col-resize}.title-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-options .bk-option:hover{color:#63656e;background-color:#f5f7fa}.beta-class{padding-top:3px;margin-left:2px;color:#ffa228}.json-view-wrapper .vjs-value{word-break:break-all}:root{--table-fount-family: Menlo, Monaco, Consolas, Courier, "PingFang SC", "Microsoft Yahei", monospace;--table-fount-size: 13px;--table-fount-color: #313238}[data-tippy-root] .tippy-box[data-theme=segment-light]{color:#26323d;background-color:#fff;box-shadow:0 0 6px 0 #dcdee5}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-arrow{color:#fff;background-color:#fff;box-shadow:#dcdee5 0px -12px 12px 0px}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content{padding:0}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons{flex-direction:column;display:flex;align-items:center;justify-content:center}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .segment-event-box{display:flex;align-items:center;justify-content:space-between;min-width:240px;height:32px;padding:0 10px;font-size:12px;cursor:pointer}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .segment-event-box:hover{background:#eaf3ff}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .segment-new-link{display:flex;align-items:center;justify-content:right;width:24px;height:24px}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .segment-new-link:hover{color:#3a84ff}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .segment-event-btn{display:flex;flex:1;align-items:center;justify-content:space-between}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .segment-event-btn:hover{color:#3a84ff}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .segment-event-btn .new-link{transform:translateY(1px)}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .tippy-tooltip{padding:6px 2px}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .icon{display:inline-block;font-size:14px;cursor:pointer}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .icon-minus-circle,[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .bklog-trace-view,[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .icon-plus-circle{margin-right:6px}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .bklog-copy{margin-left:-4px;font-size:24px}
+.retrieve-v2-index{position:relative;height:100%;padding:0 16px;background:#f5f7fa}.retrieve-v2-index.scroll-y{height:calc(100vh - 52px);overflow-x:hidden;overflow-y:auto}.retrieve-v2-index .sub-head{position:relative;z-index:5;display:flex;align-items:center;height:48px;background-color:#f5f7fa}.retrieve-v2-index .sub-head .retrieve-index-select{min-width:320px;background-color:#fff}.retrieve-v2-index .sub-head .retrieve-index-select .bk-select-dropdown{width:100%}.retrieve-v2-index .sub-head .retrieve-index-select .bk-select-dropdown .bk-select-name,.retrieve-v2-index .sub-head .retrieve-index-select .bk-select-dropdown .index-select-tag-container{position:relative;padding:0 6px;padding-right:20px;border-color:#c4c6cc}.retrieve-v2-index .sub-head .retrieve-index-select .bk-select-dropdown .bk-select-name .bklog-select-arrow,.retrieve-v2-index .sub-head .retrieve-index-select .bk-select-dropdown .index-select-tag-container .bklog-select-arrow{position:absolute;top:50%;right:6px;font-size:18px;color:#979ba5;transform:translateY(-50%)}.retrieve-v2-index .sub-head .retrieve-tab-item-title{margin-left:24px}.retrieve-v2-index .retrieve-v2-body{display:flex;background-color:#fafbfd}.retrieve-v2-index .retrieve-v2-body .retrieve-collect-index{position:relative;position:sticky;top:8px;z-index:3;align-self:start;overflow:visible}.retrieve-v2-index .retrieve-v2-content{position:relative;width:calc(100% - var(--left-width));background-color:#f4f7fa}.retrieve-v2-index .retrieve-v2-content::after{position:absolute;top:0;bottom:0;left:0;z-index:1;width:8px;content:"";background-color:#f4f7fa}.retrieve-v2-index .retrieve-v2-content .retrieve-tab,.retrieve-v2-index .retrieve-v2-content .search-result-panel{padding-left:8px}.retrieve-v2-index .result-table-container{height:100%;margin-top:12px;overflow:auto}.retrieve-v2-index .bk-table-body td.bk-table-expanded-cell{padding:0 !important}.retrieve-v2-index .favorite-query-list{background-color:#fff}.retrieve-v2-index .bk-form .bk-label,.retrieve-v2-index .bk-form-radio .bk-radio-text,.retrieve-v2-index .bk-form-checkbox .bk-checkbox-text{font-size:12px}.bk-log-drag{position:absolute;top:50%;left:242px;z-index:100;display:flex;align-items:center;justify-items:center;width:6px;height:100px;background-color:#dcdee5;border-radius:3px;transform:translateY(-50%)}.bk-log-drag::after{position:absolute;left:2px;width:0;height:80px;content:" ";border-left:2px dotted #fff}.bk-log-drag:hover{cursor:col-resize}.bk-log-drag-simple{position:absolute;top:50%;right:-3px;z-index:100;display:flex;align-items:center;justify-items:center;width:6px;height:22px;border-radius:3px;transform:translateY(-50%)}.bk-log-drag-simple::after{position:absolute;left:2px;width:0;height:100%;content:" ";border-left:2px dotted #63656e}.bk-log-drag-simple:hover{cursor:col-resize}.title-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-options .bk-option:hover{color:#63656e;background-color:#f5f7fa}.beta-class{padding-top:3px;margin-left:2px;color:#ffa228}.json-view-wrapper .vjs-value{word-break:break-all}:root{--table-fount-family: Menlo, Monaco, Consolas, Courier, "PingFang SC", "Microsoft Yahei", monospace;--table-fount-size: 13px;--table-fount-color: #313238}[data-tippy-root] .tippy-box[data-theme=segment-light]{color:#26323d;background-color:#fff;box-shadow:0 0 6px 0 #dcdee5}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-arrow{color:#fff;background-color:#fff;box-shadow:#dcdee5 0px -12px 12px 0px}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content{padding:0}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons{flex-direction:column;display:flex;align-items:center;justify-content:center}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .segment-event-box{display:flex;align-items:center;justify-content:space-between;min-width:240px;height:32px;padding:0 10px;font-size:12px;cursor:pointer}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .segment-event-box:hover{background:#eaf3ff}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .segment-new-link{display:flex;align-items:center;justify-content:right;width:24px;height:24px}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .segment-new-link:hover{color:#3a84ff}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .segment-event-btn{display:flex;flex:1;align-items:center;justify-content:space-between}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .segment-event-btn:hover{color:#3a84ff}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .segment-event-btn .new-link{transform:translateY(1px)}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .tippy-tooltip{padding:6px 2px}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .icon{display:inline-block;font-size:14px;cursor:pointer}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .icon-minus-circle,[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .bklog-trace-view,[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .icon-plus-circle{margin-right:6px}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .bklog-copy{margin-left:-4px;font-size:24px}
 @font-face {
 	font-family: "bklog";
 	src: url(../img/iconcoolaeb4839.svg#iconcool) format("svg"),

package/main.js

@@ -53012,13 +53012,16 @@ store.dispatch = function (_type, _payload) {
  */
 
 /* harmony default export */ const use_store = (() => src_store);
-;// ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-3.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-3.use[1]!./node_modules/ifdef-loader/ifdef-loader.js??clonedRuleSet-3.use[2]!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/views/retrieve-v2/monitor/monitor.vue?vue&type=template&id=78770791
-var monitorvue_type_template_id_78770791_render = function render() {
+;// ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-3.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-3.use[1]!./node_modules/ifdef-loader/ifdef-loader.js??clonedRuleSet-3.use[2]!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/views/retrieve-v2/monitor/monitor.vue?vue&type=template&id=fe826148
+var monitorvue_type_template_id_fe826148_render = function render() {
   var _vm = this,
     _c = _vm._self._c,
     _setup = _vm._self._setupProxy;
   return _c('div', {
-    staticClass: "retrieve-v2-index"
+    "class": ['retrieve-v2-index', {
+      'scroll-y': _setup.isScrollY,
+      'is-sticky-top': _setup.isStickyTop
+    }]
   }, [_c('div', {
     staticClass: "sub-head"
   }, [_c(_setup.SelectIndexSet, {
@@ -53036,9 +53039,10 @@ var monitorvue_type_template_id_78770791_render = function render() {
       "change": _setup.updateSearchParam
     }
   })], 1), _vm._v(" "), _c('div', {
-    staticClass: "retrieve-body"
+    "class": ['retrieve-v2-body'],
+    style: _setup.contentStyle
   }, [_c('div', {
-    staticClass: "retrieve-context"
+    staticClass: "retrieve-v2-content"
   }, [_c(_setup.SearchBar, {
     on: {
       "height-change": _setup.handleHeightChange
@@ -53063,7 +53067,7 @@ var monitorvue_type_template_id_78770791_render = function render() {
     }
   })], 1)], 1)])]);
 };
-var monitorvue_type_template_id_78770791_staticRenderFns = [];
+var monitorvue_type_template_id_fe826148_staticRenderFns = [];
 
 ;// external "lodash"
 var external_lodash_x = (y) => {
@@ -92141,13 +92145,15 @@ var query_history_component = normalizeComponent(
 )
 
 /* harmony default export */ const query_history = (query_history_component.exports);
-;// ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-3.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-3.use[1]!./node_modules/ifdef-loader/ifdef-loader.js??clonedRuleSet-3.use[2]!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/views/retrieve-v2/search-result-panel/index.vue?vue&type=template&id=3d0cc856
-var search_result_panelvue_type_template_id_3d0cc856_render = function render() {
+;// ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-3.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-3.use[1]!./node_modules/ifdef-loader/ifdef-loader.js??clonedRuleSet-3.use[2]!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/views/retrieve-v2/search-result-panel/index.vue?vue&type=template&id=3b6c5408
+var search_result_panelvue_type_template_id_3b6c5408_render = function render() {
   var _vm = this,
     _c = _vm._self._c,
     _setup = _vm._self._setupProxy;
   return _c('div', {
-    staticClass: "search-result-panel flex"
+    "class": ['search-result-panel', {
+      'flex': !_setup.__IS_MONITOR_TRACE__
+    }]
   }, [!_setup.pageLoading && _setup.isNoIndexSet ? _c(_setup.NoIndexSet) : [_c('div', {
     "class": ['field-list-sticky', {
       'is-show': _setup.isShowFieldStatistics
@@ -92200,7 +92206,7 @@ var search_result_panelvue_type_template_id_3d0cc856_render = function render()
     "class": ['search-result-content', {
       'field-list-show': _setup.isShowFieldStatistics
     }],
-    style: _setup.rightContentStyle
+    style: _setup.__IS_MONITOR_TRACE__ ? undefined : _setup.rightContentStyle
   }, [_c(_setup.SearchResultChart, {
     directives: [{
       name: "show",
@@ -92238,7 +92244,7 @@ var search_result_panelvue_type_template_id_3d0cc856_render = function render()
     }
   }) : _vm._e()], 1)], 1)]], 2);
 };
-var search_result_panelvue_type_template_id_3d0cc856_staticRenderFns = [];
+var search_result_panelvue_type_template_id_3b6c5408_staticRenderFns = [];
 
 ;// ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-3.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-3.use[1]!./node_modules/ifdef-loader/ifdef-loader.js??clonedRuleSet-3.use[2]!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/views/retrieve-v2/result-comp/no-index-set.vue?vue&type=template&id=8c9135ae&scoped=true
 var no_index_setvue_type_template_id_8c9135ae_scoped_true_render = function render() {
@@ -114683,29 +114689,35 @@ function log_rows_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
         return tableRowConfig.get(row).value[ROW_INDEX] + 1;
       }
     }]);
-    const rightColumns = (0,external_vue_namespaceObject.computed)(() => [{
-      field: ROW_F_ORIGIN_OPT,
-      key: ROW_F_ORIGIN_OPT,
-      title: $t('操作'),
-      width: operatorToolsWidth.value,
-      fixed: 'right',
-      resize: false,
-      renderBodyCell: _ref10 => {
-        let {
-          row
-        } = _ref10;
-        return (// @ts-ignore
-          (0,external_vue_namespaceObject.h)(operator_tools, {
-            "attrs": {
-              "handle-click": event => props.handleClickTools(event, row, indexSetOperatorConfig.value),
-              "index": row[ROW_INDEX],
-              "operator-config": indexSetOperatorConfig.value,
-              "row-data": row
-            }
-          })
-        );
+    const rightColumns = (0,external_vue_namespaceObject.computed)(() => {
+      var _window;
+      if ((_window = window) !== null && _window !== void 0 && _window.__IS_MONITOR_TRACE__) {
+        return [];
       }
-    }]);
+      return [{
+        field: ROW_F_ORIGIN_OPT,
+        key: ROW_F_ORIGIN_OPT,
+        title: $t('操作'),
+        width: operatorToolsWidth.value,
+        fixed: 'right',
+        resize: false,
+        renderBodyCell: _ref10 => {
+          let {
+            row
+          } = _ref10;
+          return (// @ts-ignore
+            (0,external_vue_namespaceObject.h)(operator_tools, {
+              "attrs": {
+                "handle-click": event => props.handleClickTools(event, row, indexSetOperatorConfig.value),
+                "index": row[ROW_INDEX],
+                "operator-config": indexSetOperatorConfig.value,
+                "row-data": row
+              }
+            })
+          );
+        }
+      }];
+    });
     const getTableColumnContent = (row, field) => {
       // 日志来源 展示来源的索引集名称
       if ((field === null || field === void 0 ? void 0 : field.tag) === 'union-source') {
@@ -115181,6 +115193,10 @@ function log_rows_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
       }, [loadingText.value])]);
     };
     const renderFixRightShadow = () => {
+      var _window2;
+      if ((_window2 = window) !== null && _window2 !== void 0 && _window2.__IS_MONITOR_TRACE__) {
+        return null;
+      }
       if (tableDataSize.value > 0) {
         return (0,external_vue_namespaceObject.h)("div", {
           "class": 'fixed-right-shadown'
@@ -115646,6 +115662,9 @@ var search_result_panel_log_result_component = normalizeComponent(
     var handleUpdateActiveTab = function handleUpdateActiveTab(active) {
       emit('update:active-tab', active);
     };
+    var __IS_MONITOR_TRACE__ = (0,external_vue_namespaceObject.computed)(function () {
+      return !!window.__IS_MONITOR_TRACE__;
+    });
     var rightContentStyle = (0,external_vue_namespaceObject.computed)(function () {
       if (isOriginShow.value) {
         return {
@@ -115681,6 +115700,7 @@ var search_result_panel_log_result_component = normalizeComponent(
       handleFieldsShowChange: handleFieldsShowChange,
       handleFilterWidthChange: handleFilterWidthChange,
       handleUpdateActiveTab: handleUpdateActiveTab,
+      __IS_MONITOR_TRACE__: __IS_MONITOR_TRACE__,
       rightContentStyle: rightContentStyle,
       NoIndexSet: no_index_set,
       SearchResultChart: search_result_chart,
@@ -115703,8 +115723,8 @@ var search_result_panel_log_result_component = normalizeComponent(
 
 var search_result_panel_component = normalizeComponent(
   retrieve_v2_search_result_panelvue_type_script_setup_true_lang_js,
-  search_result_panelvue_type_template_id_3d0cc856_render,
-  search_result_panelvue_type_template_id_3d0cc856_staticRenderFns,
+  search_result_panelvue_type_template_id_3b6c5408_render,
+  search_result_panelvue_type_template_id_3b6c5408_staticRenderFns,
   false,
   null,
   null,
@@ -115717,8 +115737,6 @@ var search_result_panel_component = normalizeComponent(
 
 
 
-var monitorvue_type_script_setup_true_lang_js_excluded = ["start_time", "end_time"];
-
 function monitorvue_type_script_setup_true_lang_js_createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = monitorvue_type_script_setup_true_lang_js_unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function monitorvue_type_script_setup_true_lang_js_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return monitorvue_type_script_setup_true_lang_js_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? monitorvue_type_script_setup_true_lang_js_arrayLikeToArray(r, a) : void 0; } }
 function monitorvue_type_script_setup_true_lang_js_arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -115738,6 +115756,9 @@ function monitorvue_type_script_setup_true_lang_js_objectSpread(e) { for (var r
 
 
 
+
+
+
 /* harmony default export */ const monitorvue_type_script_setup_true_lang_js = ({
   __name: 'monitor',
   props: {
@@ -115773,28 +115794,36 @@ function monitorvue_type_script_setup_true_lang_js_objectSpread(e) { for (var r
     var indexSetParams = (0,external_vue_namespaceObject.computed)(function () {
       return store.state.indexItem;
     });
-    var routeQueryParams = (0,external_vue_namespaceObject.computed)(function () {
-      var _store$getters$retrie;
-      var _store$state$indexIte = store.state.indexItem,
-        ids = _store$state$indexIte.ids,
-        isUnionIndex = _store$state$indexIte.isUnionIndex,
-        search_mode = _store$state$indexIte.search_mode;
-      var _ref = (_store$getters$retrie = store.getters.retrieveParams) !== null && _store$getters$retrie !== void 0 ? _store$getters$retrie : {},
-        start_time = _ref.start_time,
-        end_time = _ref.end_time,
-        retrieveParams = _objectWithoutProperties(_ref, monitorvue_type_script_setup_true_lang_js_excluded);
-      var unionList = store.state.unionIndexList;
-      var clusterParams = store.state.clusterParams;
-      return monitorvue_type_script_setup_true_lang_js_objectSpread(monitorvue_type_script_setup_true_lang_js_objectSpread({}, retrieveParams), {}, {
-        search_mode: search_mode,
-        ids: ids,
-        isUnionIndex: isUnionIndex,
-        unionList: unionList,
-        clusterParams: clusterParams
-      });
+
+    // 解析默认URL为前端参数
+    // 这里逻辑不要动，不做解析会导致后续前端查询相关参数的混乱
+    store.dispatch('updateIndexItemByRoute', {
+      route: route,
+      list: []
     });
+    var setDefaultIndexsetId = function setDefaultIndexsetId() {
+      if (!route.query.indexId) {
+        var routeParams = store.getters.retrieveParams;
+        var resolver = new RetrieveUrlResolver(monitorvue_type_script_setup_true_lang_js_objectSpread(monitorvue_type_script_setup_true_lang_js_objectSpread({}, routeParams), {}, {
+          datePickerValue: store.state.indexItem.datePickerValue
+        }));
+        if (store.getters.isUnionSearch) {
+          router.replace({
+            query: monitorvue_type_script_setup_true_lang_js_objectSpread(monitorvue_type_script_setup_true_lang_js_objectSpread({}, route.query), resolver.resolveParamsToUrl())
+          });
+          return;
+        }
+        if (store.state.indexId) {
+          router.replace({
+            query: monitorvue_type_script_setup_true_lang_js_objectSpread(monitorvue_type_script_setup_true_lang_js_objectSpread({
+              indexId: store.state.indexId
+            }, route.query), resolver.resolveParamsToUrl())
+          });
+        }
+      }
+    };
     var getApmIndexSetList = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee() {
+      var _ref = _asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee() {
         return regenerator_default().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -115846,7 +115875,7 @@ function monitorvue_type_script_setup_true_lang_js_objectSpread(e) { for (var r
         }, _callee);
       }));
       return function getApmIndexSetList() {
-        return _ref2.apply(this, arguments);
+        return _ref.apply(this, arguments);
       };
     }();
 
@@ -115862,15 +115891,57 @@ function monitorvue_type_script_setup_true_lang_js_objectSpread(e) { for (var r
           route: route,
           list: res
         }).then(function () {
+          setDefaultIndexsetId();
           store.dispatch('requestIndexSetFieldInfo').then(function () {
             store.dispatch('requestIndexSetQuery');
           });
         });
       });
     };
+    var setRouteQuery = function setRouteQuery(query) {
+      if (query) {
+        router.replace({
+          query: query
+        });
+        return;
+      }
+      var routeQuery = monitorvue_type_script_setup_true_lang_js_objectSpread({}, route.query);
+      var _store$getters$retrie = store.getters.retrieveParams,
+        keyword = _store$getters$retrie.keyword,
+        addition = _store$getters$retrie.addition,
+        ip_chooser = _store$getters$retrie.ip_chooser,
+        search_mode = _store$getters$retrie.search_mode,
+        begin = _store$getters$retrie.begin,
+        size = _store$getters$retrie.size;
+      var resolver = new RetrieveUrlResolver({
+        keyword: keyword,
+        addition: addition,
+        ip_chooser: ip_chooser,
+        search_mode: search_mode,
+        begin: begin,
+        size: size
+      });
+      Object.assign(routeQuery, resolver.resolveParamsToUrl());
+      router.replace({
+        query: routeQuery
+      });
+    };
     var handleIndexSetSelected = function handleIndexSetSelected(payload) {
       if (!(0,external_lodash_namespaceObject.isEqual)(indexSetParams.value.ids, payload.ids) || indexSetParams.value.isUnionIndex !== payload.isUnionIndex) {
         var _payload$ids;
+        if (payload.isUnionIndex) {
+          setRouteQuery(monitorvue_type_script_setup_true_lang_js_objectSpread(monitorvue_type_script_setup_true_lang_js_objectSpread({}, route.query), {}, {
+            indexId: undefined,
+            unionList: JSON.stringify(ids),
+            clusterParams: undefined
+          }));
+          return;
+        }
+        setRouteQuery(monitorvue_type_script_setup_true_lang_js_objectSpread(monitorvue_type_script_setup_true_lang_js_objectSpread({}, route.query), {}, {
+          indexId: payload.ids[0],
+          unionList: undefined,
+          clusterParams: undefined
+        }));
         store.commit('updateUnionIndexList', payload.isUnionIndex ? (_payload$ids = payload.ids) !== null && _payload$ids !== void 0 ? _payload$ids : [] : []);
         store.dispatch('requestIndexSetItemChanged', payload !== null && payload !== void 0 ? payload : {}).then(function () {
           store.commit('retrieve/updateChartKey');
@@ -115890,6 +115961,7 @@ function monitorvue_type_script_setup_true_lang_js_objectSpread(e) { for (var r
       if (Object.keys(ip_chooser).length) {
         foramtAddition.unshift(getInputQueryIpSelectItem(ip_chooser));
       }
+      setRouteQuery();
       store.commit('updateIndexItemParams', {
         keyword: keyword,
         addition: foramtAddition,
@@ -115901,29 +115973,6 @@ function monitorvue_type_script_setup_true_lang_js_objectSpread(e) { for (var r
         store.dispatch('requestIndexSetQuery');
       });
     };
-    var setRouteParams = function setRouteParams() {
-      var _ids$, _route$query;
-      var _routeQueryParams$val = routeQueryParams.value,
-        ids = _routeQueryParams$val.ids,
-        isUnionIndex = _routeQueryParams$val.isUnionIndex;
-      var params = isUnionIndex ? {
-        indexId: undefined
-      } : {
-        indexId: (_ids$ = ids === null || ids === void 0 ? void 0 : ids[0]) !== null && _ids$ !== void 0 ? _ids$ : (_route$query = route.query) === null || _route$query === void 0 ? void 0 : _route$query.indexId
-      };
-      var query = monitorvue_type_script_setup_true_lang_js_objectSpread(monitorvue_type_script_setup_true_lang_js_objectSpread({}, route.query), params);
-      var resolver = new RetrieveUrlResolver(monitorvue_type_script_setup_true_lang_js_objectSpread(monitorvue_type_script_setup_true_lang_js_objectSpread({}, routeQueryParams.value), {}, {
-        indexId: params.indexId,
-        bizId: String(window.bk_biz_id),
-        datePickerValue: store.state.indexItem.datePickerValue
-      }));
-      Object.assign(query, resolver.resolveParamsToUrl());
-      if (!(0,external_lodash_namespaceObject.isEqual)(query, route.query)) {
-        router.replace({
-          query: query
-        });
-      }
-    };
     var init = function init() {
       var result = handleTransformToTimestamp(props.timeRange);
       var resolver = new url_resolver({
@@ -115934,30 +115983,24 @@ function monitorvue_type_script_setup_true_lang_js_objectSpread(e) { for (var r
         end_time: result[1],
         datePickerValue: props.timeRange
       }));
-      store.commit('updateIndexId', '');
-      store.commit('updateUnionIndexList', []);
       getIndexSetList();
     };
-    (0,external_vue_namespaceObject.watch)(routeQueryParams, function () {
-      setRouteParams();
-    }, {
-      deep: true
-    });
+    init();
     (0,external_vue_namespaceObject.watch)(function () {
       return props.timeRange;
     }, /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee2(val) {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee2(val) {
         var result;
         return regenerator_default().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              console.log('props.timeRange', props.timeRange);
               if (val) {
-                _context2.next = 3;
+                _context2.next = 2;
                 break;
               }
               return _context2.abrupt("return");
-            case 3:
+            case 2:
+              getIndexSetList();
               store.commit('updateIsSetDefaultTableColumn', false);
               result = handleTransformToTimestamp(val);
               store.commit('updateIndexItemParams', {
@@ -115976,7 +116019,7 @@ function monitorvue_type_script_setup_true_lang_js_objectSpread(e) { for (var r
         }, _callee2);
       }));
       return function (_x) {
-        return _ref3.apply(this, arguments);
+        return _ref2.apply(this, arguments);
       };
     }());
     (0,external_vue_namespaceObject.watch)(function () {
@@ -116017,9 +116060,41 @@ function monitorvue_type_script_setup_true_lang_js_objectSpread(e) { for (var r
         activeTab.value = 'origin';
       }
     });
+    var contentStyle = (0,external_vue_namespaceObject.computed)(function () {
+      return {
+        '--left-width': "0px"
+      };
+    });
     (0,external_vue_namespaceObject.onMounted)(function () {
       init();
     });
+
+    /** 开始处理滚动容器滚动时，收藏夹高度 */
+
+    // 顶部二级导航高度，这个高度是固定的
+    var subBarHeight = (0,external_vue_namespaceObject.ref)(64);
+    var paddingTop = (0,external_vue_namespaceObject.ref)(0);
+    // 滚动容器高度
+    var scrollContainerHeight = (0,external_vue_namespaceObject.ref)(0);
+    use_scroll(GLOBAL_SCROLL_SELECTOR, function (event) {
+      var scrollTop = event.target.scrollTop;
+      paddingTop.value = scrollTop > subBarHeight.value ? subBarHeight.value : scrollTop;
+    });
+    use_resize_observe(GLOBAL_SCROLL_SELECTOR, function (entry) {
+      scrollContainerHeight.value = entry.target.offsetHeight;
+    }, 0);
+    var isStickyTop = (0,external_vue_namespaceObject.computed)(function () {
+      if (window.__IS_MONITOR_TRACE__) {
+        return false;
+      }
+      return paddingTop.value === subBarHeight.value;
+    });
+    var isScrollY = (0,external_vue_namespaceObject.computed)(function () {
+      return !window.__IS_MONITOR_TRACE__;
+    });
+
+    /*** 结束计算 ***/
+
     return {
       __sfc: true,
       props: props,
@@ -116027,18 +116102,24 @@ function monitorvue_type_script_setup_true_lang_js_objectSpread(e) { for (var r
       router: router,
       route: route,
       indexSetParams: indexSetParams,
-      routeQueryParams: routeQueryParams,
+      setDefaultIndexsetId: setDefaultIndexsetId,
       getApmIndexSetList: getApmIndexSetList,
       getIndexSetList: getIndexSetList,
+      setRouteQuery: setRouteQuery,
       handleIndexSetSelected: handleIndexSetSelected,
       updateSearchParam: updateSearchParam,
-      setRouteParams: setRouteParams,
       init: init,
       activeTab: activeTab,
       searchBarHeight: searchBarHeight,
       resultRow: resultRow,
       handleHeightChange: handleHeightChange,
       initIsShowClusterWatch: initIsShowClusterWatch,
+      contentStyle: contentStyle,
+      subBarHeight: subBarHeight,
+      paddingTop: paddingTop,
+      scrollContainerHeight: scrollContainerHeight,
+      isStickyTop: isStickyTop,
+      isScrollY: isScrollY,
       SelectIndexSet: select_index_set,
       SearchBar: search_bar,
       QueryHistory: query_history,
@@ -116059,8 +116140,8 @@ function monitorvue_type_script_setup_true_lang_js_objectSpread(e) { for (var r
 
 var monitor_component = normalizeComponent(
   monitor_monitorvue_type_script_setup_true_lang_js,
-  monitorvue_type_template_id_78770791_render,
-  monitorvue_type_template_id_78770791_staticRenderFns,
+  monitorvue_type_template_id_fe826148_render,
+  monitorvue_type_template_id_fe826148_staticRenderFns,
   false,
   null,
   null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueking/monitor-apm-log",
-  "version": "1.0.1-beta.1",
+  "version": "1.0.1-beta.3",
   "description": "",
   "main": "main.js",
   "scripts": {