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

package/css/main.css

@@ -70,10 +70,10 @@ ul.search-items{display:inline-flex;flex-wrap:wrap;width:100%;max-height:135px;p
 .switcher-box{display:inline-block;margin:0 4px}.switcher-box .bk-switcher{background-color:#c4c6cc;border-radius:2px}.switcher-box .bk-switcher:hover{background:#c4c6cc}.switcher-box .bk-switcher:after{width:17px;height:17px;border-radius:3px}.switcher-box .bk-switcher .switcher-label{height:18px}.switcher-box .show-label{width:54px;height:21px;font-size:12px;line-height:21px}.switcher-box .is-unchecked .switcher-label{margin:0 0 0 21px}.switcher-box .is-checked{background:#3a84ff}.switcher-box .is-checked:hover{background:#3a84ff}.switcher-box .is-checked:after{margin-left:-19px}
 .bklog-result-container{position:relative;display:inline-flex;flex-direction:column;width:fit-content;width:100%;min-width:100%;min-height:400px;margin-top:12px}.bklog-result-container .bklog-requsting-loading{text-align:center;pointer-events:none}.bklog-result-container .bklog-requsting-loading>div{height:40px;line-height:40px;color:#3a84ff}.bklog-result-container .bklog-scroll-x{position:fixed;right:0;bottom:0;z-index:4;height:14px;overflow-x:auto;background-color:rgba(0,0,0,0)}.bklog-result-container .bklog-scroll-x>div{height:1px;background-color:rgba(0,0,0,0)}.bklog-result-container .bklog-row-box{z-index:1;display:flex;flex-direction:column;width:fit-content;min-width:100%;transform:translate3d(var(--scroll-left), 0, 0)}.bklog-result-container .bklog-row-box::before{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;content:"";background:repeating-linear-gradient(#f8f8f8, #f8f8f8 40px, #fff 40px, #fff 48px),linear-gradient(90deg, rgba(240, 240, 240, 0), rgba(224, 224, 224, 0.5), rgba(240, 240, 240, 0));background-repeat:no-repeat;background-size:100% 100%,50% 100%;animation:loading-animation 1.5s infinite}.bklog-result-container .fixed-right-shadown{position:absolute;top:0;right:var(--padding-right);bottom:0;z-index:2;width:10px;pointer-events:none;background:linear-gradient(to left, rgba(200, 200, 200, 0.5), transparent)}.bklog-result-container .bklog-row-container{position:relative;z-index:2;box-sizing:border-box;width:fit-content;min-width:100%;min-height:40px;background-color:#fff;border-bottom:1px solid #dfe0e5;content-visibility:auto;will-change:auto}.bklog-result-container .bklog-row-container .bklog-row-observe{width:fit-content;min-width:100%;height:fit-content;visibility:visible}.bklog-result-container .bklog-row-container .bklog-row-observe.is-pending{position:relative;visibility:hidden;will-change:auto}.bklog-result-container .bklog-row-container .bklog-list-row{position:relative;box-sizing:border-box;display:inline-flex;align-items:flex-start;width:var(--scroll-width);min-height:40px;font-family:var(--table-fount-family);font-size:var(--table-fount-size);line-height:20px;color:var(--table-fount-color)}.bklog-result-container .bklog-row-container .bklog-list-row .bklog-row-cell{padding:8px 12px}.bklog-result-container .bklog-row-container .bklog-list-row .bklog-row-cell .bklog-expand-icon{position:relative;display:flex;align-items:center;justify-content:center;height:20px;font-size:12px;color:#c4c6cc;cursor:pointer}.bklog-result-container .bklog-row-container .bklog-list-row .bklog-row-cell .bklog-expand-icon>i{position:absolute}.bklog-result-container .bklog-row-container .bklog-list-row .bklog-row-cell .bklog-expand-icon.is-expaned>i{transition:transform .2s ease-in-out;transform:rotate(90deg)}.bklog-result-container .bklog-row-container .bklog-list-row .bklog-row-cell.right{position:absolute;right:0;display:flex;align-items:flex-start;height:100%;min-height:var(--row-min-height);padding:4px;background-color:#fff}.bklog-result-container .bklog-row-container .bklog-list-row .bklog-row-cell.right .handle-content{position:relative;display:flex;justify-content:space-around;height:30px;padding:0}.bklog-result-container .bklog-row-container .bklog-list-row .bklog-row-cell.right .handle-content .handle-card{margin-left:0}.bklog-result-container .bklog-row-container .bklog-list-row .bklog-row-cell.right::before{position:absolute;content:""}.bklog-result-container .bklog-row-container .bklog-list-row .bklog-row-cell.header-cell{position:relative;display:inline;height:42px;padding:12px;font-family:var(--table-fount-family);font-size:var(--table-fount-size);line-height:20px;color:var(--table-fount-color);text-align:left;text-overflow:ellipsis;vertical-align:middle;cursor:pointer;background-color:#fafbfd}.bklog-result-container .bklog-row-container .bklog-list-row .bklog-row-cell.header-cell.right{position:absolute;display:flex;align-items:center;justify-content:center;min-height:var(--row-min-height);padding:12px}.bklog-result-container .bklog-row-container .bklog-list-row .bklog-row-cell.header-cell .bklog-header-cell{display:flex;align-items:center;line-height:20px}.bklog-result-container .bklog-row-container .bklog-list-row .bklog-row-cell.header-cell .bklog-header-cell .bk-table-caret-wrapper{position:relative;display:inline-flex;flex:20px 0 0;flex-direction:column;align-items:center;height:20px}.bklog-result-container .bklog-row-container .bklog-list-row .bklog-row-cell.header-cell .bklog-header-cell .bk-table-caret-wrapper .bk-table-sort-caret{position:absolute;width:0;height:0;border:5px solid rgba(0,0,0,0)}.bklog-result-container .bklog-row-container .bklog-list-row .bklog-row-cell.header-cell .bklog-header-cell .bk-table-caret-wrapper .bk-table-sort-caret.ascending{top:-1px;border-bottom-color:#c0c4cc}.bklog-result-container .bklog-row-container .bklog-list-row .bklog-row-cell.header-cell .bklog-header-cell .bk-table-caret-wrapper .bk-table-sort-caret.ascending.active{border-bottom-color:#3a84ff}.bklog-result-container .bklog-row-container .bklog-list-row .bklog-row-cell.header-cell .bklog-header-cell .bk-table-caret-wrapper .bk-table-sort-caret.descending{bottom:-1px;border-top-color:#c0c4cc}.bklog-result-container .bklog-row-container .bklog-list-row .bklog-row-cell.header-cell .bklog-header-cell .bk-table-caret-wrapper .bk-table-sort-caret.descending.active{border-top-color:#3a84ff}.bklog-result-container .bklog-row-container .bklog-list-row .bklog-row-cell.header-cell .field-type-icon{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;margin:0 5px 0 0;font-size:12px;color:#63656e;background:#dcdee5;border-radius:2px}.bklog-result-container .bklog-row-container .bklog-list-row .bklog-row-cell.header-cell .bklog-ext{min-width:22px;height:22px;transform:translateX(-3px) scale(0.7)}.bklog-result-container .bklog-row-container .bklog-list-row .bklog-row-cell.header-cell .toggle-display{position:absolute;top:16px;right:12px;display:none;color:#c4c6cc;cursor:pointer}.bklog-result-container .bklog-row-container .bklog-list-row .bklog-row-cell.header-cell .toggle-display:hover{color:#ea3636}.bklog-result-container .bklog-row-container .bklog-list-row .bklog-row-cell.header-cell .toggle-display.is-hidden{visibility:hidden}.bklog-result-container .bklog-row-container .bklog-list-row .bklog-row-cell.header-cell .timer-formatter{transform:translateY(-1px)}.bklog-result-container .bklog-row-container .bklog-list-row .bklog-row-cell.header-cell .lack-index-filed{padding-bottom:2px;border-bottom:1px dashed #63656e}.bklog-result-container .bklog-row-container .bklog-list-row .bklog-row-cell.header-cell.is-hidden{display:none}.bklog-result-container .bklog-row-container .bklog-list-row .bklog-row-cell.header-cell:hover{background-color:#f0f1f5}.bklog-result-container .bklog-row-container .bklog-list-row .bklog-row-cell.header-cell:hover .toggle-display{display:inline-block}.bklog-result-container .bklog-row-container .bklog-list-row .bklog-row-cell.is-hidden{display:none}.bklog-result-container .bklog-row-container .bklog-list-row .bklog-row-cell.hidden-field{visibility:hidden}.bklog-result-container .bklog-row-container .expand-view-wrapper{width:100%;padding-right:var(--padding-right);border-top:1px solid #dfe0e5}.bklog-result-container .bklog-row-container .expand-view-wrapper .view-content.kv-view-content .kv-list-wrapper .kv-content{width:100%}.bklog-result-container .bklog-row-container .expand-view-wrapper .view-content.kv-view-content .kv-list-wrapper .kv-content .log-item .field-value{width:100%}.bklog-result-container .bklog-row-container .expand-view-wrapper .view-content.kv-view-content .kv-list-wrapper .kv-content .log-item .field-value .bklog-text-segment.is-text-show{width:fit-content}.bklog-result-container .bklog-row-container.is-intersecting{visibility:visible}.bklog-result-container .bklog-row-container.row-header{position:sticky;top:0;z-index:2;box-sizing:border-box;display:none;width:fit-content;min-width:100%;height:44px;line-height:42px;visibility:visible;background-color:#fafbfd;border-top:solid 1px #dfe0e5}.bklog-result-container .bklog-row-container.row-header .bklog-list-row{position:sticky;z-index:1}.bklog-result-container .btn-scroll-top{position:fixed;right:30px;bottom:50px;z-index:3;display:none;align-items:center;justify-content:center;width:50px;height:50px;cursor:pointer;background-color:#f9fafc;border:1px solid #e9ecf1;border-radius:50%;box-shadow:0 0 0 1px rgba(58,132,255,.4);transition:.3s}.bklog-result-container .btn-scroll-top.show-box{display:flex}.bklog-result-container .btn-scroll-top i{font-size:24px;color:rgba(58,132,255,.8);transform:rotate(180deg)}.bklog-result-container .resize-guide-line{position:absolute;top:0;bottom:0;z-index:10;display:none;width:1px;height:100%;background-color:#3a84ff}.bklog-result-container.show-header .bklog-row-container.row-header{display:block}.bklog-result-container.has-scroll-x .bklog-row-container .bklog-list-row .header-cell.right{position:sticky;right:var(--scroll-left);z-index:1}.bklog-result-container.has-scroll-x .bklog-row-box .bklog-row-container .bklog-list-row .bklog-row-cell.right{position:sticky;right:var(--scroll-left);z-index:1}.bklog-result-container.has-scroll-x .bklog-row-box .bklog-row-container .bklog-list-row .bklog-row-cell.hidden-field{display:none}.bklog-result-container.has-scroll-x .bklog-row-box .bklog-row-container .bklog-list-row::after{position:absolute;top:0;bottom:0;left:var(--last-column-left);width:var(--padding-right);content:"";background-color:#fff}.bklog-result-container.has-scroll-x .bklog-row-box .bklog-row-container .expand-view-wrapper::after{position:absolute;top:0;bottom:0;left:var(--last-column-left);width:var(--padding-right);content:"";background-color:#fff}@keyframes loading-animation{0%{background-position:0% 0,-50% 0}100%{background-position:0% 0,150% 0}}
 .bklog-result-box{position:relative}.bklog-result-box .bklog-skeleton-loading{position:absolute;top:0;z-index:10}
-.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)}
+.original-log-panel .original-log-panel-tools[data-v-1964c576]{display:flex;justify-content:space-between;padding:0 3px 0 16px}.original-log-panel .tools-more[data-v-1964c576]{display:flex;align-items:center;justify-content:center}.original-log-panel .tools-more .switch-label[data-v-1964c576]{margin-right:2px;font-size:12px;color:#63656e}.original-log-panel .operation-icons[data-v-1964c576]{display:flex;align-items:center;justify-content:space-between;margin-left:16px}.original-log-panel .operation-icons .operation-icon[data-v-1964c576]{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-1964c576]:hover{border-color:#979ba5;transition:boder-color .2s}.original-log-panel .operation-icons .operation-icon[data-v-1964c576]:active{border-color:#3a84ff;transition:boder-color .2s}.original-log-panel .operation-icons .operation-icon .bklog-icon[data-v-1964c576]{width:16px;font-size:16px;color:#979ba5}.original-log-panel .operation-icons .disabled-icon[data-v-1964c576]{cursor:not-allowed;background-color:#fff;border-color:#dcdee5}.original-log-panel .operation-icons .disabled-icon[data-v-1964c576]:hover,.original-log-panel .operation-icons .disabled-icon .bklog-icon[data-v-1964c576]{color:#c4c6cc;border-color:#dcdee5}.original-log-panel .left-operate[data-v-1964c576]{flex-wrap:nowrap;align-items:center;display:flex;justify-content:space-between}.original-log-panel .left-operate>div[data-v-1964c576]{flex-shrink:0}.original-log-panel .left-operate .bklog-option-item[data-v-1964c576]{font-size:12px;line-height:20px;color:#63656e}.original-log-panel .field-select[data-v-1964c576]{position:relative;width:120px;margin-left:16px}.original-log-panel .field-select .icon-field-config[data-v-1964c576]{position:absolute;top:4px;left:4px;width:18px}.original-log-panel .field-select[data-v-1964c576] .bk-select .bk-select-name{padding:0px 36px 0 30px}.extension-add-new-config[data-v-1964c576]{cursor:pointer;display:flex;align-items:center;justify-content:center}.extension-add-new-config[data-v-1964c576] :last-child{margin-left:4px;color:#63656e}.extension-add-new-config .icon-close-circle[data-v-1964c576]{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.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}
+.retrieve-v2-index{position:relative;height:100%;padding:0 16px;background:#f5f7fa}.retrieve-v2-index.scroll-y{height:100%;overflow-x:hidden;overflow-y:auto}.retrieve-v2-index.is-sticky-top .search-bar-wrapper{margin-left:0}.retrieve-v2-index.is-sticky-top .search-result-panel.flex .field-list-sticky.is-show{height:calc(100% - var(--offset-search-bar) - 0)}.retrieve-v2-index.is-sticky-top .search-result-panel.flex .field-list-sticky.is-show .search-field-filter-new .field-filter-box .field-filter-container-new{height:calc(100% - var(--offset-search-bar) - 128px)}.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-body .search-result-panel.flex .field-list-sticky.is-show{height:calc(100% - var(--offset-search-bar) - 48px)}.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,8 +53012,8 @@ 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=fe826148
-var monitorvue_type_template_id_fe826148_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=cbbea8b8
+var monitorvue_type_template_id_cbbea8b8_render = function render() {
   var _vm = this,
     _c = _vm._self._c,
     _setup = _vm._self._setupProxy;
@@ -53021,7 +53021,8 @@ var monitorvue_type_template_id_fe826148_render = function render() {
     "class": ['retrieve-v2-index', {
       'scroll-y': _setup.isScrollY,
       'is-sticky-top': _setup.isStickyTop
-    }]
+    }],
+    style: _setup.stickyStyle
   }, [_c('div', {
     staticClass: "sub-head"
   }, [_c(_setup.SelectIndexSet, {
@@ -53067,7 +53068,7 @@ var monitorvue_type_template_id_fe826148_render = function render() {
     }
   })], 1)], 1)])]);
 };
-var monitorvue_type_template_id_fe826148_staticRenderFns = [];
+var monitorvue_type_template_id_cbbea8b8_staticRenderFns = [];
 
 ;// external "lodash"
 var external_lodash_x = (y) => {
@@ -53311,6 +53312,184 @@ function useLink (props) {
 
 
 
+;// ./src/hooks/use-resize-observe.ts
+
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台 (BlueKing PaaS) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台 (BlueKing PaaS) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台 (BlueKing PaaS):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+
+/* harmony default export */ const use_resize_observe = (function (target, callbackFn) {
+  let delayCallback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 120;
+  const debounceCallback = (0,external_lodash_namespaceObject.debounce)(entry => {
+    callbackFn === null || callbackFn === void 0 || callbackFn(entry);
+  }, delayCallback);
+  const getTarget = () => {
+    if (typeof target === 'string') {
+      return document.querySelector(target);
+    }
+    if ((0,external_lodash_namespaceObject.isElement)(target)) {
+      return target;
+    }
+    if (typeof target === 'function') {
+      return target === null || target === void 0 ? void 0 : target();
+    }
+    return target === null || target === void 0 ? void 0 : target.value;
+  };
+  let resizeObserver;
+  let isStoped = true;
+  const observeElement = () => {
+    if (isStoped) {
+      var _resizeObserver;
+      isStoped = false;
+      const cellElement = getTarget();
+      (_resizeObserver = resizeObserver) === null || _resizeObserver === void 0 || _resizeObserver.observe(cellElement);
+    }
+  };
+  const createResizeObserve = () => {
+    const cellElement = getTarget();
+    if ((0,external_lodash_namespaceObject.isElement)(cellElement)) {
+      // 创建一个 ResizeObserver 实例
+      resizeObserver = new ResizeObserver(entries => {
+        for (let entry of entries) {
+          if (delayCallback === false) {
+            callbackFn === null || callbackFn === void 0 || callbackFn(entry);
+          }
+          if (typeof delayCallback === 'number') {
+            // 获取元素的新高度
+            debounceCallback(entry);
+          }
+        }
+      });
+    }
+    observeElement();
+  };
+  const stopObserve = () => {
+    const cellElement = getTarget();
+    isStoped = true;
+    if ((0,external_lodash_namespaceObject.isElement)(cellElement)) {
+      var _resizeObserver2, _resizeObserver3;
+      (_resizeObserver2 = resizeObserver) === null || _resizeObserver2 === void 0 || _resizeObserver2.unobserve(cellElement);
+      (_resizeObserver3 = resizeObserver) === null || _resizeObserver3 === void 0 || _resizeObserver3.disconnect();
+    }
+  };
+  const destoyResizeObserve = () => {
+    stopObserve();
+    resizeObserver = undefined;
+  };
+  (0,external_vue_namespaceObject.onMounted)(() => {
+    createResizeObserve();
+  });
+  (0,external_vue_namespaceObject.onBeforeUnmount)(() => {
+    destoyResizeObserve();
+  });
+  const getInstance = () => resizeObserver;
+  return {
+    destoyResizeObserve,
+    getInstance,
+    observeElement,
+    stopObserve
+  };
+});
+;// ./src/hooks/hooks-helper.ts
+
+const getTargetElement = target => {
+  if (typeof target === 'string') {
+    return document.querySelector(target);
+  }
+  if ((0,external_lodash_namespaceObject.isElement)(target)) {
+    return target;
+  }
+  if (typeof target === 'function') {
+    return target === null || target === void 0 ? void 0 : target();
+  }
+  return target === null || target === void 0 ? void 0 : target.value;
+};
+;// ./src/hooks/use-scroll.ts
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台 (BlueKing PaaS) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台 (BlueKing PaaS) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台 (BlueKing PaaS):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+
+
+/* harmony default export */ const use_scroll = ((target, callback) => {
+  const getScrollElement = () => {
+    return getTargetElement(target);
+  };
+  const handleScrollEvent = (0,external_lodash_namespaceObject.throttle)(event => {
+    requestAnimationFrame(() => {
+      callback === null || callback === void 0 || callback(event);
+    });
+  });
+  const scrollToTop = function () {
+    let smooth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    getScrollElement().scrollTo({
+      left: 0,
+      top: 0,
+      behavior: smooth ? 'smooth' : 'instant'
+    });
+  };
+  const hasScrollX = () => {
+    const target = getScrollElement();
+    return target.scrollWidth > target.offsetWidth;
+  };
+  (0,external_vue_namespaceObject.onMounted)(() => {
+    var _getScrollElement;
+    (_getScrollElement = getScrollElement()) === null || _getScrollElement === void 0 || _getScrollElement.addEventListener('scroll', handleScrollEvent);
+  });
+  (0,external_vue_namespaceObject.onBeforeUnmount)(() => {
+    var _getScrollElement2;
+    (_getScrollElement2 = getScrollElement()) === null || _getScrollElement2 === void 0 || _getScrollElement2.removeEventListener('scroll', handleScrollEvent);
+  });
+  return {
+    scrollToTop,
+    hasScrollX
+  };
+});
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.flat-map.js
 var es_array_flat_map = __webpack_require__(8350);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.sort.js
@@ -91419,107 +91598,6 @@ var ui_input_component = normalizeComponent(
 )
 
 /* harmony default export */ const ui_input = (ui_input_component.exports);
-;// ./src/hooks/use-resize-observe.ts
-
-/*
- * Tencent is pleased to support the open source community by making
- * 蓝鲸智云PaaS平台 (BlueKing PaaS) available.
- *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * 蓝鲸智云PaaS平台 (BlueKing PaaS) is licensed under the MIT License.
- *
- * License for 蓝鲸智云PaaS平台 (BlueKing PaaS):
- *
- * ---------------------------------------------------
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
- * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
- * the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
- * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
- * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
- */
-
-
-/* harmony default export */ const use_resize_observe = (function (target, callbackFn) {
-  let delayCallback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 120;
-  const debounceCallback = (0,external_lodash_namespaceObject.debounce)(entry => {
-    callbackFn === null || callbackFn === void 0 || callbackFn(entry);
-  }, delayCallback);
-  const getTarget = () => {
-    if (typeof target === 'string') {
-      return document.querySelector(target);
-    }
-    if ((0,external_lodash_namespaceObject.isElement)(target)) {
-      return target;
-    }
-    if (typeof target === 'function') {
-      return target === null || target === void 0 ? void 0 : target();
-    }
-    return target === null || target === void 0 ? void 0 : target.value;
-  };
-  let resizeObserver;
-  let isStoped = true;
-  const observeElement = () => {
-    if (isStoped) {
-      var _resizeObserver;
-      isStoped = false;
-      const cellElement = getTarget();
-      (_resizeObserver = resizeObserver) === null || _resizeObserver === void 0 || _resizeObserver.observe(cellElement);
-    }
-  };
-  const createResizeObserve = () => {
-    const cellElement = getTarget();
-    if ((0,external_lodash_namespaceObject.isElement)(cellElement)) {
-      // 创建一个 ResizeObserver 实例
-      resizeObserver = new ResizeObserver(entries => {
-        for (let entry of entries) {
-          if (delayCallback === false) {
-            callbackFn === null || callbackFn === void 0 || callbackFn(entry);
-          }
-          if (typeof delayCallback === 'number') {
-            // 获取元素的新高度
-            debounceCallback(entry);
-          }
-        }
-      });
-    }
-    observeElement();
-  };
-  const stopObserve = () => {
-    const cellElement = getTarget();
-    isStoped = true;
-    if ((0,external_lodash_namespaceObject.isElement)(cellElement)) {
-      var _resizeObserver2, _resizeObserver3;
-      (_resizeObserver2 = resizeObserver) === null || _resizeObserver2 === void 0 || _resizeObserver2.unobserve(cellElement);
-      (_resizeObserver3 = resizeObserver) === null || _resizeObserver3 === void 0 || _resizeObserver3.disconnect();
-    }
-  };
-  const destoyResizeObserve = () => {
-    stopObserve();
-    resizeObserver = undefined;
-  };
-  (0,external_vue_namespaceObject.onMounted)(() => {
-    createResizeObserve();
-  });
-  (0,external_vue_namespaceObject.onBeforeUnmount)(() => {
-    destoyResizeObserve();
-  });
-  const getInstance = () => resizeObserver;
-  return {
-    destoyResizeObserve,
-    getInstance,
-    observeElement,
-    stopObserve
-  };
-});
 ;// ./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/index.js??vue-loader-options!./src/views/retrieve-v2/search-bar/index.vue?vue&type=script&setup=true&lang=js
 
 
@@ -105414,8 +105492,8 @@ var log_clustering_component = normalizeComponent(
 )
 
 /* harmony default export */ const log_clustering = (log_clustering_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/log-result/index.vue?vue&type=template&id=b540758c&scoped=true
-var log_resultvue_type_template_id_b540758c_scoped_true_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/log-result/index.vue?vue&type=template&id=1964c576&scoped=true
+var log_resultvue_type_template_id_1964c576_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -105510,10 +105588,10 @@ var log_resultvue_type_template_id_b540758c_scoped_true_render = function render
   }, [_vm._v(_vm._s(_vm.$t('JSON解析')))])]), _vm._v(" "), _vm.isJsonFormat ? _c('bk-input', {
     staticClass: "json-depth-num",
     attrs: {
-      "type": "number",
-      "value": _vm.jsonFormatDeep,
+      "max": 15,
       "min": 1,
-      "max": 15
+      "value": _vm.jsonFormatDeep,
+      "type": "number"
     },
     on: {
       "change": _vm.handleJsonFormatDeepChange
@@ -105524,9 +105602,9 @@ var log_resultvue_type_template_id_b540758c_scoped_true_render = function render
     staticClass: "operation-icons"
   }, [_c('export-log', {
     attrs: {
-      "index-set-list": _vm.indexSetList,
       "async-export-usable": _vm.asyncExportUsable,
       "async-export-usable-reason": _vm.asyncExportUsableReason,
+      "index-set-list": _vm.indexSetList,
       "queue-status": _vm.queueStatus,
       "retrieve-params": _vm.retrieveParams,
       "total-count": _vm.totalCount
@@ -105574,7 +105652,7 @@ var log_resultvue_type_template_id_b540758c_scoped_true_render = function render
     }
   })], 1);
 };
-var log_resultvue_type_template_id_b540758c_scoped_true_staticRenderFns = [];
+var log_resultvue_type_template_id_1964c576_scoped_true_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/export-log.vue?vue&type=template&id=ebb655d8&scoped=true
 
@@ -111710,20 +111788,6 @@ var json_formatter_component = normalizeComponent(
 )
 
 /* harmony default export */ const json_formatter = (json_formatter_component.exports);
-;// ./src/hooks/hooks-helper.ts
-
-const getTargetElement = target => {
-  if (typeof target === 'string') {
-    return document.querySelector(target);
-  }
-  if ((0,external_lodash_namespaceObject.isElement)(target)) {
-    return target;
-  }
-  if (typeof target === 'function') {
-    return target === null || target === void 0 ? void 0 : target();
-  }
-  return target === null || target === void 0 ? void 0 : target.value;
-};
 ;// ./src/hooks/use-wheel.ts
 /*
  * Tencent is pleased to support the open source community by making
@@ -113610,69 +113674,6 @@ const LOG_SOURCE_F = () => {
     return this.renderRowVNode();
   }
 }));
-;// ./src/hooks/use-scroll.ts
-/*
- * Tencent is pleased to support the open source community by making
- * 蓝鲸智云PaaS平台 (BlueKing PaaS) available.
- *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * 蓝鲸智云PaaS平台 (BlueKing PaaS) is licensed under the MIT License.
- *
- * License for 蓝鲸智云PaaS平台 (BlueKing PaaS):
- *
- * ---------------------------------------------------
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
- * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
- * the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
- * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
- * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
- */
-
-
-
-/* harmony default export */ const use_scroll = ((target, callback) => {
-  const getScrollElement = () => {
-    return getTargetElement(target);
-  };
-  const handleScrollEvent = (0,external_lodash_namespaceObject.throttle)(event => {
-    requestAnimationFrame(() => {
-      callback === null || callback === void 0 || callback(event);
-    });
-  });
-  const scrollToTop = function () {
-    let smooth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-    getScrollElement().scrollTo({
-      left: 0,
-      top: 0,
-      behavior: smooth ? 'smooth' : 'instant'
-    });
-  };
-  const hasScrollX = () => {
-    const target = getScrollElement();
-    return target.scrollWidth > target.offsetWidth;
-  };
-  (0,external_vue_namespaceObject.onMounted)(() => {
-    var _getScrollElement;
-    (_getScrollElement = getScrollElement()) === null || _getScrollElement === void 0 || _getScrollElement.addEventListener('scroll', handleScrollEvent);
-  });
-  (0,external_vue_namespaceObject.onBeforeUnmount)(() => {
-    var _getScrollElement2;
-    (_getScrollElement2 = getScrollElement()) === null || _getScrollElement2 === void 0 || _getScrollElement2.removeEventListener('scroll', handleScrollEvent);
-  });
-  return {
-    scrollToTop,
-    hasScrollX
-  };
-});
 ;// ./src/views/retrieve-v2/search-result-panel/log-result/scroll-top.tsx
 
 
@@ -115586,11 +115587,11 @@ function log_resultvue_type_script_lang_js_objectSpread(e) { for (var r = 1; r <
 
 var search_result_panel_log_result_component = normalizeComponent(
   retrieve_v2_search_result_panel_log_resultvue_type_script_lang_js,
-  log_resultvue_type_template_id_b540758c_scoped_true_render,
-  log_resultvue_type_template_id_b540758c_scoped_true_staticRenderFns,
+  log_resultvue_type_template_id_1964c576_scoped_true_render,
+  log_resultvue_type_template_id_1964c576_scoped_true_staticRenderFns,
   false,
   null,
-  "b540758c",
+  "1964c576",
   null
   
 )
@@ -115815,9 +115816,9 @@ function monitorvue_type_script_setup_true_lang_js_objectSpread(e) { for (var r
         }
         if (store.state.indexId) {
           router.replace({
-            query: monitorvue_type_script_setup_true_lang_js_objectSpread(monitorvue_type_script_setup_true_lang_js_objectSpread({
+            query: monitorvue_type_script_setup_true_lang_js_objectSpread(monitorvue_type_script_setup_true_lang_js_objectSpread({}, route.query), {}, {
               indexId: store.state.indexId
-            }, route.query), resolver.resolveParamsToUrl())
+            }, resolver.resolveParamsToUrl())
           });
         }
       }
@@ -116060,6 +116061,11 @@ function monitorvue_type_script_setup_true_lang_js_objectSpread(e) { for (var r
         activeTab.value = 'origin';
       }
     });
+    var stickyStyle = (0,external_vue_namespaceObject.computed)(function () {
+      return {
+        '--offset-search-bar': "".concat(searchBarHeight.value + 8, "px")
+      };
+    });
     var contentStyle = (0,external_vue_namespaceObject.computed)(function () {
       return {
         '--left-width': "0px"
@@ -116093,7 +116099,7 @@ function monitorvue_type_script_setup_true_lang_js_objectSpread(e) { for (var r
       return !window.__IS_MONITOR_TRACE__;
     });
 
-    /*** 结束计算 ***/
+    /** * 结束计算 ***/
 
     return {
       __sfc: true,
@@ -116114,6 +116120,7 @@ function monitorvue_type_script_setup_true_lang_js_objectSpread(e) { for (var r
       resultRow: resultRow,
       handleHeightChange: handleHeightChange,
       initIsShowClusterWatch: initIsShowClusterWatch,
+      stickyStyle: stickyStyle,
       contentStyle: contentStyle,
       subBarHeight: subBarHeight,
       paddingTop: paddingTop,
@@ -116140,8 +116147,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_fe826148_render,
-  monitorvue_type_template_id_fe826148_staticRenderFns,
+  monitorvue_type_template_id_cbbea8b8_render,
+  monitorvue_type_template_id_cbbea8b8_staticRenderFns,
   false,
   null,
   null,

package/package.json

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