@blueking/monitor-apm-log 2.3.22 → 2.3.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/css/main.css +3 -3
  2. package/main.js +394 -127
  3. package/package.json +1 -1
package/css/main.css CHANGED
@@ -65,7 +65,7 @@ ul.search-items{display:inline-flex;flex-wrap:wrap;width:100%;max-height:135px;p
65
65
  .field-alias-v3 .field-alias-title{display:flex;align-items:center;font-size:12px;color:#4d4f56}.field-alias-v3 .field-alias-title .bklog-wholesale-editor{margin-right:4px;font-size:12px}.sideslider-content{min-height:394px;max-height:calc(-119px + 100vh);padding:24px 24px 0;overflow-y:auto}.sideslider-content .field-alias-table .bk-table-body-wrapper .cell{padding:0}.sideslider-content .field-alias-table .bk-table-body-wrapper .cell .sideslider-field-name{padding:0 8px}.sideslider-content .field-alias-table .bk-table-body-wrapper .cell .field-name-overflow-tips .ext-btn{position:absolute;left:0;font-size:18px;cursor:pointer}.sideslider-content .field-alias-table .bk-table-body-wrapper .cell .field-name-overflow-tips .bklog-subnode{font-size:16px}.sideslider-content .field-alias-table .bk-table-body-wrapper .cell .field-name-overflow-tips .rotate{transform:rotate(-90deg)}.sideslider-content .field-alias-table .bk-table-body-wrapper .cell .field-name-overflow-tips .field-name{margin:15px 10px 15px 15px}.sideslider-content .field-alias-table .bk-table-body-wrapper .cell .alias-container{position:relative}.sideslider-content .field-alias-table .bk-table-body-wrapper .cell .alias-container .ml8{margin-left:8px}.sideslider-content .field-alias-table .bk-table-body-wrapper .cell .alias-container .tooltips-icon{position:absolute;top:14px;z-index:10;font-size:16px;color:#ea3636;cursor:pointer}.sideslider-content .field-alias-table .bk-table-body-wrapper .cell .alias-input input{height:43px;border:none}.sideslider-content .submit-container{position:fixed;bottom:0;padding:16px 0px 16px}.sideslider-content .submit-container button{width:88px}
66
66
  .field-seeting{position:absolute;right:20px}.field-seeting .bklog-shezhi{font-size:15px;cursor:pointer}.field-seeting .bklog-shezhi:hover{color:#3a84ff}.field-setting-popover .tippy-tooltip{padding:7px 0}.field-setting-popover .dropdown-list li{height:32px;padding:0 6px 0px 12px;line-height:32px;color:#4d4f56;cursor:pointer}.field-setting-popover .dropdown-list li:hover{background:#f5f7fa}
67
67
  .field-filter-box{overflow:hidden}.field-filter-box>.form-container{box-sizing:content-box;display:flex;align-items:center;justify-content:space-between;height:32px;padding:12px}.field-filter-box>.form-container .king-input{width:100%}.field-filter-box>.form-container .king-input .bk-form-input{background-color:#f0f1f5;border:1px solid rgba(0,0,0,0)}.field-filter-box>.form-container .king-input .bk-form-input:hover{cursor:pointer;background-color:#eaebf0}.field-filter-box>.form-container .gap{flex-shrink:0;width:1px;height:100%;margin:0 16px;background-color:#f0f1f5}.field-filter-box>.form-container :deep(.bk-tooltip){flex-shrink:0}.field-filter-box>.form-container .filter-popover-trigger{display:flex;flex:1;align-items:center;height:32px;margin-left:12px;font-size:12px;line-height:18px;color:#3a84ff;cursor:pointer}.field-filter-box>.form-container .filter-popover-trigger:active{color:#2761dd}.field-filter-box>.form-container .filter-popover-trigger:hover{color:#f5f7fa}.field-filter-box>.form-container .filter-popover-trigger .text{margin:0 4px 0 2px;text-wrap:nowrap}.field-filter-box>.form-container .filter-popover-trigger .count{min-width:18px;height:18px;text-align:center;background-color:#e1ecff;border-radius:50%}.field-filter-box .big-tree{overflow-y:hidden}.field-filter-box .big-tree .bk-big-tree-node{height:28px}.field-filter-box .big-tree .is-leaf{height:auto;padding-left:calc(var(--level)*var(--padding) + 2px);line-height:normal}.field-filter-box .big-tree .node-options{display:none}.field-filter-box .field-filter-container-new{height:calc(100vh - var(--top-searchbar-height) - 210px);overflow-y:auto;font-family:Roboto-Regular;font-size:12px;line-height:20px;color:#63656e}.field-filter-box .field-filter-container-new .title{font-weight:700;display:flex;align-items:center}.field-filter-box .field-filter-container-new .is-selected{border-bottom:1px solid #e1ecff}.field-filter-box .field-filter-container-new .fields-container{padding-bottom:4px;margin-bottom:9px}.field-filter-box .field-filter-container-new .fields-container.inside-fields{position:sticky;bottom:0;z-index:10;padding-bottom:0;background:#fff}.field-filter-box .field-filter-container-new .fields-container.inside-fields .title{height:36px;margin-bottom:0;cursor:pointer}.field-filter-box .field-filter-container-new .fields-container.inside-fields .filed-list:has(>li){padding-bottom:14px}.field-filter-box .field-filter-container-new .fields-container.not-selected{margin-bottom:0}.field-filter-box .field-filter-container-new .fields-container.not-selected .title span.bklog-icon{margin-right:4px}.field-filter-box .field-filter-container-new .fields-container.not-selected .title span.bklog-icon:not(.is-expand-all){transform:rotate(270deg)}.field-filter-box .field-filter-container-new .fields-container.optional-field{border-bottom:1px solid #f0f1f5}.field-filter-box .field-filter-container-new .fields-container .title{padding:0 12px;margin-bottom:8px;font-size:12px;font-weight:700;color:#313238}.field-filter-box .field-filter-container-new .fields-container .all-field-item{display:inline-block;height:26px;margin:0 0 7px 20px;line-height:26px;color:#63656e}.field-filter-box .field-filter-container-new .fields-container .filed-item+.expand-all{margin-top:6px}.field-filter-box .field-filter-container-new .fields-container .expand-all{margin-left:12px;color:#3a84ff;cursor:pointer}.field-filter-box .field-filter-container-new .error-empty .bklog-icon{margin-left:5px;color:#3a84ff;vertical-align:middle;cursor:pointer}.field-filter-box .field-filter-container-new .error-empty .bklog-log-refresh{margin-left:8px}.field-filter-box .field-filter-container-new .error-empty .bklog-expand-small,.field-filter-box .field-filter-container-new .error-empty .bklog-collapse-small{font-size:22px}.field-filter-box .field-filter-container-new .error-empty .error-info{width:88%;height:calc(100vh - 630px);margin:10px auto;overflow:hidden;font-size:12px;color:#979ba5;text-align:left;word-wrap:break-word}
68
- .search-field-filter-new{position:relative;width:var(--root-width);height:100%;padding:0;background:#fff;border-right:solid 1px #dcdee5}.search-field-filter-new:not(.is-close){overflow:visible}.search-field-filter-new.is-close{position:absolute !important;z-index:3;display:flex;align-items:center;width:auto;border-right:none;height:30px !important;padding-top:4px;padding-left:14px;box-shadow:none}.search-field-filter-new.is-close .bk-log-drag{display:none}.search-field-filter-new.is-close .field-filter-title{left:2%;display:flex;align-items:center;justify-content:center;padding:0;font-size:12px;line-height:20px;color:#313238;cursor:pointer}.search-field-filter-new.is-close .field-filter-title .close-total{position:relative;cursor:pointer}.search-field-filter-new.is-close .field-filter-title .bklog-collapse-small{transform:rotateZ(90deg) !important}.search-field-filter-new .field-filter-title{left:100%;display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:12px;color:#4d4f56;background:#fff;border:1px solid #f0f1f5;border-radius:10px;box-shadow:0 1px 2px 0 rgba(0,0,0,.1019607843)}.search-field-filter-new .field-filter-title .left-title{font-weight:700;color:#63656e}.search-field-filter-new .field-filter-title .left-title .left-title-setting{cursor:pointer}.search-field-filter-new .field-filter-title .left-title .left-title-setting .bklog-log-setting{font-size:15px}.search-field-filter-new .field-filter-title .is-text-click{cursor:pointer}.search-field-filter-new .field-filter-title .close-total{display:flex;align-items:center;justify-content:center;cursor:pointer}.search-field-filter-new .field-filter-title .close-total .bklog-collapse-small{display:inline-block;font-size:24px;color:#979ba5;transform:rotateZ(-90deg)}
68
+ .search-field-filter-new{position:relative;width:var(--root-width);height:100%;padding:0;background:#fff;border-right:solid 1px #dcdee5}.search-field-filter-new:not(.is-close){overflow:visible}.search-field-filter-new.is-close{position:absolute !important;z-index:3;display:flex;align-items:center;width:auto;background:rgba(0,0,0,0);height:30px !important;padding-top:4px;padding-left:14px;border-right:none;box-shadow:none}.search-field-filter-new.is-close .bk-log-drag{display:none}.search-field-filter-new.is-close .field-filter-title{top:16px;left:12px;display:flex;align-items:center;justify-content:center;padding:0;font-size:12px;line-height:20px;color:#313238;cursor:pointer}.search-field-filter-new.is-close .field-filter-title .close-total{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer}.search-field-filter-new.is-close .field-filter-title .bklog-collapse-small{transform:rotateZ(90deg) !important}.search-field-filter-new .field-filter-title{position:absolute;top:64px;left:100%;display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:12px;color:#4d4f56;background:#fff;border:1px solid #f0f1f5;border-radius:10px;box-shadow:0 1px 2px 0 rgba(0,0,0,.1019607843);transform:translate(-50%, -50%)}.search-field-filter-new .field-filter-title .left-title{font-weight:700;color:#63656e}.search-field-filter-new .field-filter-title .left-title .left-title-setting{cursor:pointer}.search-field-filter-new .field-filter-title .left-title .left-title-setting .bklog-log-setting{font-size:15px}.search-field-filter-new .field-filter-title .is-text-click{cursor:pointer}.search-field-filter-new .field-filter-title .close-total{display:flex;align-items:center;justify-content:center;cursor:pointer}.search-field-filter-new .field-filter-title .close-total .bklog-collapse-small{display:inline-block;font-size:24px;color:#979ba5;transform:rotateZ(-90deg)}
69
69
  .table-title[data-v-789055ea]{font-size:16px;font-weight:700}.search-history[data-v-789055ea]{width:100%;margin:10px 0 20px 0;text-align:right}.export-table[data-v-789055ea]{height:calc(100vh - 380px);overflow-y:auto}.export-table .bk-table-body-wrapper[data-v-789055ea]{min-height:calc(100vh - 520px)}.export-table .bk-table-body-wrapper .bk-table-empty-block[data-v-789055ea]{min-height:calc(100vh - 440px);display:flex;align-items:center;justify-content:center}.parameter-search[data-v-789055ea]{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.file-name[data-v-789055ea]{width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.status[data-v-789055ea]{cursor:pointer}.status.status-null i[data-v-789055ea]{display:inline-block;animation:button-icon-loading 1s linear infinite}.status.status-success i[data-v-789055ea]{color:#34d97b}.status.status-failed i[data-v-789055ea]{color:#ff5656}
70
70
  .operation-icon[data-v-2621a59b]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:10px;cursor:pointer;background-color:#f0f1f5;border-radius:2px;outline:none;transition:boder-color .2s}.operation-icon[data-v-2621a59b]:hover{border-color:#4d4f56;transition:boder-color .2s}.operation-icon[data-v-2621a59b]:active{border-color:#3a84ff;transition:boder-color .2s}.operation-icon .bklog-icon[data-v-2621a59b]{width:16px;font-size:16px;color:#4d4f56}.cannot-async-btn[data-v-2621a59b]{display:flex;align-items:center;justify-content:center;margin-top:10px}.disabled-icon[data-v-2621a59b]{cursor:not-allowed;background-color:#fff;border-color:#dcdee5}.disabled-icon[data-v-2621a59b]:hover,.disabled-icon .bklog-icon[data-v-2621a59b]{color:#c4c6cc;border-color:#dcdee5}[data-v-2621a59b] .bk-dialog-header-inner{color:#000 !important}.filed-select-box[data-v-2621a59b]{margin-bottom:10px;font-size:12px;text-align:left}.filed-select-box .bk-select[data-v-2621a59b]{width:284px}.filed-select-box .filed-radio-box[data-v-2621a59b]{margin:8px 0 10px 0}.filed-select-box .filed-radio-box .bk-form-radio[data-v-2621a59b]{margin-right:20px}.desensitize-select-box[data-v-2621a59b]{margin:18px 0 10px 0;font-size:12px;text-align:left}.desensitize-select-box .desensitize-radio-box[data-v-2621a59b]{margin-top:8px}.desensitize-select-box .desensitize-radio-box .bk-form-radio[data-v-2621a59b]{margin-right:24px}.middle-title[data-v-2621a59b]{font-size:14px;font-weight:700}.middle-title[data-v-2621a59b]::after{display:inline-block;color:#ea3636;content:"*";transform:translateX(2px) translateY(2px)}.log-num-container .num-box[data-v-2621a59b]{width:48%;background:#f5f7fa;border-radius:2px;display:flex;align-items:center;justify-content:center}.log-num-container[data-v-2621a59b]{margin:8px 0;font-size:12px;display:flex;justify-content:space-between}.log-num-container .num-box[data-v-2621a59b]{flex-direction:column;height:80px}.log-num-container .num-box .log-num[data-v-2621a59b],.log-num-container .num-box log-unit[data-v-2621a59b]{color:#313238}.log-num-container .num-box .log-num[data-v-2621a59b]{margin-right:2px;font-size:24px;font-weight:700}.log-num-container .log-str[data-v-2621a59b]{margin-top:4px}.mode-hint[data-v-2621a59b]{margin-top:20px}.mode-hint[data-v-2621a59b] .icon-info{color:#63656e}.mode-hint[data-v-2621a59b] .bk-alert-info{border:none}.mode-hint[data-v-2621a59b] .bk-alert-wraper{background:#f0f1f5}[data-v-2621a59b] .bk-radio-text{font-size:12px !important}.async-export-dialog .header[data-v-2621a59b]{padding:18px 0px 16px !important;text-align:center}.async-export-dialog .export-container[data-v-2621a59b]{text-align:center}.async-export-dialog .bk-dialog-warning[data-v-2621a59b]{display:block;width:58px;height:58px;margin:0 auto;font-size:30px;line-height:58px;color:#ff9c01;background-color:#ffe8c3;border-radius:50%}.async-export-dialog .header[data-v-2621a59b]{display:inline-block;width:100%;padding:18px 24px 32px;margin:0;overflow:hidden;font-size:24px;line-height:1.5;color:#313238;text-overflow:ellipsis;white-space:nowrap}.async-export-dialog .export-type[data-v-2621a59b]{display:flex;align-items:flex-start;padding:0 22px;margin-bottom:24px}.async-export-dialog .export-type .export-text[data-v-2621a59b]{max-width:184px;margin-left:8px;font-size:12px;line-height:18px;color:#63656e;text-align:left}.async-export-dialog .export-type .bk-button[data-v-2621a59b]{min-width:auto;margin-left:auto}.async-export-dialog .export-type .bk-icon[data-v-2621a59b]{margin-top:2px}.download-box[data-v-2621a59b]{display:flex;flex-direction:column;justify-content:space-evenly;min-height:60px;padding:4px 0;font-size:12px}.download-box span[data-v-2621a59b]{padding:2px 6px;cursor:pointer}.download-box span[data-v-2621a59b]:hover{color:#3a84ff}
71
71
  .bklog-g_components-match-mode{display:flex;gap:4px;align-items:center;padding-right:4px}.bklog-g_components-match-mode.border{background-color:#f0f1f5;border:solid 1px #c4c6cc;border-left:none;border-top-right-radius:2px;border-bottom-right-radius:2px}.bklog-g_components-match-mode-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:14px;color:#4d4f56;cursor:pointer;background:#fafbfd;border:1px solid #dcdee5;border-radius:2px;transition:all .2s ease}.bklog-g_components-match-mode-icon:hover{color:#3a84ff;border-color:#a3c5fd}.bklog-g_components-match-mode-icon.active{width:22px;height:22px;color:#3a84ff;background:#f0f5ff;border:1px solid #a3c5fd;border-radius:2px}
@@ -94,7 +94,7 @@ ul.search-items{display:inline-flex;flex-wrap:wrap;width:100%;max-height:135px;p
94
94
  .bklog-result-box{position:relative}.bklog-result-box .bklog-skeleton-loading{position:absolute;top:0;z-index:10}
95
95
  .original-log-panel .original-log-panel-tools[data-v-61f4a77c]{display:flex;justify-content:space-between;padding:0 6px 0 6px}.original-log-panel .original-log-panel-tools.trace-log-panel[data-v-61f4a77c]{padding-top:6px}.original-log-panel .tools-more[data-v-61f4a77c]{display:flex;align-items:center;justify-content:center}.original-log-panel .tools-more .switch-label[data-v-61f4a77c]{margin-right:2px;font-size:12px;color:#63656e}.original-log-panel .operation-icons[data-v-61f4a77c]{display:flex;align-items:center;justify-content:space-between;margin-left:16px}.original-log-panel .operation-icons .operation-icon[data-v-61f4a77c]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:10px;cursor:pointer;background-color:#f0f1f5;border-radius:2px;outline:none;transition:boder-color .2s}.original-log-panel .operation-icons .operation-icon[data-v-61f4a77c]:hover{border-color:#4d4f56;transition:boder-color .2s}.original-log-panel .operation-icons .operation-icon[data-v-61f4a77c]:active{border-color:#3a84ff;transition:boder-color .2s}.original-log-panel .operation-icons .operation-icon .bklog-icon[data-v-61f4a77c]{width:16px;font-size:16px;color:#4d4f56}.original-log-panel .operation-icons .light-search[data-v-61f4a77c]{display:flex;align-items:center;font-size:12px;color:#4d4f56;background:#fff}.original-log-panel .operation-icons .light-search label[data-v-61f4a77c]{display:flex;align-items:center;justify-content:center;width:40px;height:32px;padding:0px 0px;color:#4d4f56;text-align:center;background:#fafbfd;border-top:1px solid #c4c6cc;border-right:none;border-bottom:1px solid #c4c6cc;border-left:1px solid #c4c6cc;border-top-left-radius:2px;border-bottom-left-radius:2px}.original-log-panel .operation-icons .disabled-icon[data-v-61f4a77c]{cursor:not-allowed;background-color:#fff;border-color:#dcdee5}.original-log-panel .operation-icons .disabled-icon[data-v-61f4a77c]:hover,.original-log-panel .operation-icons .disabled-icon .bklog-icon[data-v-61f4a77c]{color:#c4c6cc;border-color:#dcdee5}.original-log-panel .left-operate[data-v-61f4a77c]{flex-wrap:nowrap;align-items:center;display:flex;justify-content:space-between}.original-log-panel .left-operate>div[data-v-61f4a77c]{flex-shrink:0}.original-log-panel .left-operate .bk-button-group[data-v-61f4a77c]{display:flex;align-items:center;justify-content:center;width:104px;height:32px;padding:4px 4px;font-size:12px;background-color:#f0f1f5;border-radius:2px}.original-log-panel .left-operate .option[data-v-61f4a77c]{display:flex;flex:1;align-items:center;justify-content:center;width:100%;height:100%;color:#4d4f56;cursor:pointer;transition:background-color .3s}.original-log-panel .left-operate .option.option-selected[data-v-61f4a77c]{color:#3a84ff;background-color:#fff}.original-log-panel .left-operate .bklog-option-item[data-v-61f4a77c]{font-size:12px;line-height:20px;color:#63656e}.original-log-panel .field-select[data-v-61f4a77c]{position:relative;width:120px;margin-left:16px}.original-log-panel .field-select .icon-field-config[data-v-61f4a77c]{position:absolute;top:4px;left:4px;width:18px}.original-log-panel .field-select[data-v-61f4a77c] .bk-select .bk-select-name{padding:0px 36px 0 30px}.extension-add-new-config[data-v-61f4a77c]{cursor:pointer;display:flex;align-items:center;justify-content:center}.extension-add-new-config[data-v-61f4a77c] :last-child{margin-left:4px;color:#63656e}.extension-add-new-config .icon-close-circle[data-v-61f4a77c]{margin-left:4px;font-size:14px;color:#979ba5;transform:rotateZ(45deg)}
96
96
  .json-depth-num.json-depth-num-input.bk-form-control{width:96px}.json-depth-num.json-depth-num-input.bk-form-control .bk-input-number input.bk-form-input{height:26px}body.no-user-select{user-select:none}.bklog-v3-match-mode{height:32px;padding-left:6px}
97
- .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) - var(--header-height) - 100px)}.search-result-panel.flex .split-line{width:100%;margin:0 0 6px;border-bottom:solid 1px #dcdee5}.search-result-panel.flex .search-result-content{position:relative}.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)}.search-result-panel.flex .search-result-content.field-list-show .monitor-echarts-container .title-wrapper-new{width:100%;margin-left:0}
97
+ .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{position:sticky;top:0;z-index:3;align-self:start}.search-result-panel.flex .field-list-sticky.is-show{top:0;transform:translateX(-8px);height:calc(100vh - var(--offset-search-bar) - var(--header-height) - 100px)}.search-result-panel.flex .field-list-sticky.is-close{top:var(--offset-search-bar);transform:translateX(-8px);z-index:4;flex:0 0 24px;width:24px;height:32px;margin-right:-24px;overflow:hidden}.search-result-panel.flex .split-line{width:100%;margin:0 0 6px;border-bottom:solid 1px #dcdee5}.search-result-panel.flex .search-result-content{position:relative}.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)}.search-result-panel.flex .search-result-content.field-list-show .monitor-echarts-container .title-wrapper-new{width:100%;margin-left:0}
98
98
  .grep-cli-codemirror-editor{width:100%;height:34px;border:none;border-radius:2px;overflow:hidden;transition:height .2s ease}.grep-cli-codemirror-editor.auto-height{min-height:34px;max-height:200px;height:auto !important}.grep-cli-codemirror-editor.auto-height .cm-editor{height:auto !important;min-height:34px}.grep-cli-codemirror-editor.auto-height .cm-content{min-height:24px;height:auto}.grep-cli-codemirror-editor.auto-height .cm-scroller{overflow-y:auto;max-height:inherit}.grep-cli-codemirror-editor .cm-editor{height:100%;border:none;background-color:rgba(0,0,0,0)}.grep-cli-codemirror-editor .cm-editor.cm-focused{outline:none}.grep-cli-codemirror-editor .cm-content{padding:6px 8px;line-height:1.4;font-size:12px;font-family:"Monaco","Menlo","Ubuntu Mono","Consolas","source-code-pro",monospace;min-height:24px}.grep-cli-codemirror-editor .cm-scroller{overflow:auto}.grep-cli-codemirror-editor .cm-placeholder,.grep-cli-codemirror-editor .grep-cli-placeholder{position:absolute;top:6px;left:8px;color:#999;font-style:italic;pointer-events:none;z-index:1;font-family:"Monaco","Menlo","Ubuntu Mono","Consolas","source-code-pro",monospace;font-size:12px;line-height:1.4;user-select:none;opacity:.8;transition:opacity .2s ease}.grep-cli-codemirror-editor .cm-placeholder:not(:focus-within),.grep-cli-codemirror-editor .grep-cli-placeholder:not(:focus-within){opacity:.8}.grep-cli-codemirror-editor .cm-placeholder:focus-within,.grep-cli-codemirror-editor .grep-cli-placeholder:focus-within{opacity:.6}.grep-cli-codemirror-editor .cm-placeholder{position:static;color:#999 !important;font-style:italic !important;opacity:.8 !important;display:inline-block;pointer-events:none}.grep-cli-codemirror-editor .cm-searchMatch{background-color:#ffeb3b;color:#000}.grep-cli-codemirror-editor .cm-searchMatch-selected{background-color:#ff9800;color:#fff}.grep-cli-codemirror-editor .cm-selectionBackground{background-color:rgba(58,132,255,.1333333333)}.grep-cli-codemirror-editor .cm-cursor{border-left-color:#3a84ff}.grep-cli-codemirror-editor .cm-gutters{display:none !important;width:0 !important}.grep-cli-codemirror-editor .cm-lineNumbers{display:none !important}.grep-cli-codemirror-editor .cm-foldGutter{display:none !important}.grep-cli-codemirror-editor.dark-theme .cm-content{background-color:#1e1e1e;color:#d4d4d4}.grep-cli-codemirror-editor.dark-theme .cm-cursor{border-left-color:#fff}.grep-cli-codemirror-editor.dark-theme .cm-selectionBackground{background-color:#264f78}
99
99
  .grep-cli-container{position:sticky;top:var(--top-searchbar-height);right:0;left:0;z-index:1;display:flex;align-items:stretch;justify-content:space-between;width:100%;min-height:40px;background:#fff;border-radius:2px;box-shadow:0 2px 4px 0 rgba(25,25,41,.0784313725);box-shadow:0 2px 4px 0 rgba(25,25,41,.0784313725)}.grep-cli-left{position:relative;display:flex;align-items:start;width:calc(100% - 370px);height:100%;min-height:40px;background-color:rgba(255,232,195,.4);border-radius:2px}.grep-cli-left::after{position:absolute;top:0;right:0;bottom:0;width:4px;content:"";background:#f5f7fa;transform:translateX(100%)}.grep-cli-left .grep-cli-label{min-width:42px;padding-top:12px;padding-left:6px;font-size:12px;color:#979ba5}.grep-cli-left .grep-cli-editor{width:100%;max-width:calc(100% - 128px);height:100%;min-height:40px;padding-top:6px;background-color:#fff;border-left:solid 1px #eaebf0}.grep-cli-center,.grep-cli-right{display:flex;align-items:center;height:100%;min-height:40px;padding:0 6px}.grep-cli-right{flex-direction:row;gap:12px;align-items:center;align-self:stretch;justify-content:space-between;width:366px;height:100%;padding:4px 8px;margin-left:4px;border-radius:2px}.grep-cli-select{margin-top:8px;margin-right:4px}.grep-cli-select .bk-select-name{padding-left:0}.grep-cli-select.is-focus{box-shadow:none}.grep-cli-textarea{flex-grow:1;margin:0 16px}.grep-cli-search-section{display:flex;gap:8px;align-items:center;width:100%;height:28px;background:#f0f1f5;border-radius:2px}.grep-cli-search-section .grep-cli-search-input{flex:1}.grep-cli-search-section .grep-cli-search-input .bk-input-text input{height:26px;font-size:12px;line-height:26px;background-color:rgba(0,0,0,0);border-color:#f0f1f5;border-radius:2px}.grep-cli-result-section{display:flex;gap:8px;align-items:center}.grep-cli-result-section .grep-cli-result-text{min-width:60px;font-size:12px;text-align:center}.grep-cli-result-section .grep-cli-result-text.success{font-weight:500;color:#313238}.grep-cli-result-section .grep-cli-result-text.no-result{color:#c4c6cc}.grep-cli-result-section .grep-cli-result-text.placeholder{color:#c4c6cc}.grep-cli-result-section .grep-cli-navigation{display:flex;gap:2px;align-items:center}.grep-cli-result-section .grep-cli-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:12px;color:#4d4f56;cursor:pointer;user-select:none;background:#fff;border:1px solid #dcdee5;border-radius:2px;transition:all .2s ease}.grep-cli-result-section .grep-cli-nav-icon:hover:not(.disabled){color:#3a84ff;border-color:#3a84ff}.grep-cli-result-section .grep-cli-nav-icon:active:not(.disabled){background:#f0f5ff}.grep-cli-result-section .grep-cli-nav-icon.disabled{color:#c4c6cc;cursor:not-allowed;border-color:#dcdee5}.grep-cli-result-section .grep-cli-nav-icon.disabled:hover{color:#c4c6cc;border-color:#dcdee5}.grep-cli-search-area{display:flex;gap:8px;align-items:center;padding:6px;background:#f5f7fa;border-radius:4px}.grep-cli-search-area .grep-cli-search-input{flex:1}.grep-cli-search-area .grep-cli-search-input .bk-input-text input{font-size:12px;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.grep-cli-search-area .grep-cli-search-input .bk-input-text input:focus{background-color:#fff;border-color:#3a84ff}.grep-cli-result-status{display:flex;align-items:center;justify-content:center;min-height:24px}.grep-cli-result-status .grep-cli-result-text{font-size:12px}.grep-cli-result-status .grep-cli-result-text.success{color:#2dcb56}.grep-cli-result-status .grep-cli-result-text.no-result{color:#ea3636}.grep-cli-result-status .grep-cli-result-text.placeholder{color:#c4c6cc}.grep-cli-ui-tools{display:flex;gap:8px;align-items:center;background:#f0f1f5}.grep-cli-ui-tools .bk-input-text input{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.grep-cli-ui-tools .grep-cli-tool-btn{padding:4px 8px;cursor:pointer;background:#f0f0f0;border:none;border-radius:2px}.grep-cli-no-result{margin-left:16px;color:#999}:deep(.mark){padding:0 2px;font-weight:500;color:#000;background-color:#ffe58f;border-radius:2px}:deep(.mark.current){background-color:#ffd666;box-shadow:0 0 0 2px #ffd666}.grep-view{display:flex;flex-direction:column;gap:4px;width:100%;height:100%;border-radius:2px;box-shadow:0 2px 4px 0 rgba(25,25,41,.0784313725)}.cli-result-line{display:flex;gap:8px;align-items:flex-start;padding:4px 0;font-family:monospace;font-size:12px;line-height:1.5;color:#313238}.cli-result-line-number{flex-shrink:0;width:42px;color:#979ba5;text-align:right;user-select:none}.cli-result-line-content-wrapper{flex:1;min-width:0;overflow:hidden}.cli-result-line-content{display:inline;max-height:200px;padding:4px 8px;overflow-x:auto;overflow-y:auto;word-break:break-word;white-space:pre-wrap;background:#fafbfd;border-radius:2px;scroll-behavior:smooth}.log-line-item{display:inline;word-break:break-word;white-space:pre-wrap}.loading-more{display:inline-flex;gap:4px;align-items:center;padding:4px 8px;margin-left:8px;font-size:12px;color:#979ba5;background:#f0f1f5;border-radius:2px}.loading-spinner{width:12px;height:12px;border:2px solid #dcdee5;border-top-color:#3a84ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
100
100
  .bklog-v3-wrapper.bklog-text-segment{position:relative;width:100%;font-family:var(--table-fount-family);font-size:var(--table-fount-size);line-height:22px}.bklog-v3-wrapper.bklog-text-segment .bklog-word-segment{will-change:transform;transform:translateZ(0);text-align:left;word-break:break-all;white-space:pre-line;overflow:hidden;width:100%}.bklog-v3-wrapper.bklog-text-segment .bklog-word-segment mark{background-color:#faeeb1}.bklog-v3-wrapper.bklog-text-segment.is-wheeling .canvas-konva-front{pointer-events:all}.bklog-v3-wrapper.bklog-text-segment.is-expand-all .bklog-word-segment{overflow-y:auto}.bklog-v3-wrapper.bklog-text-segment.is-show-long .bklog-word-segment{overflow-y:auto}.bklog-v3-wrapper.bklog-text-segment.is-show-long .btn-more-action{display:none}.bklog-v3-wrapper.bklog-text-segment span.segment-content span{content-visibility:auto;white-space:pre-wrap}.bklog-v3-wrapper.bklog-text-segment span.segment-content .last-placeholder:last-child{display:inline-flex;min-width:80px;min-height:1px}.bklog-v3-wrapper.bklog-text-segment .btn-more-action{position:absolute;right:0;bottom:0px;display:none;color:#3a84ff;cursor:pointer;background-color:#fff}.bklog-v3-wrapper.bklog-text-segment .btn-more-action.is-show{display:block}.bklog-v3-wrapper.bklog-text-segment .btn-more-action.word-canvas{bottom:0}.bklog-v3-wrapper.bklog-text-segment.is-inline{display:flex}.bklog-v3-wrapper.bklog-root-field mark{background-color:#faeeb1}
@@ -1134,4 +1134,4 @@ url(../fonts/iconcoole1159ba.eot?#iefix) format("embedded-opentype");
1134
1134
  content: "\e26c";
1135
1135
  }
1136
1136
 
1137
- :root{--bklog-v3-row-tag-font: "RobotoMono-Medium";--bklog-v3-row-ctx-font: "RobotoMono-Regular";--bklog-v3-row-lbl-font: "Roboto-Regular"}.v3-bklog-root{display:flex;width:100%;height:100%}.v3-bklog-root .v3-bklog-content{display:flex;flex-direction:column;width:100%;height:100%;overflow-x:hidden;overflow-y:auto}.v3-bklog-root .search-result-panel.flex{justify-content:flex-end}.v3-bklog-root .search-result-panel.flex .field-list-sticky{top:0}.v3-bklog-root .search-result-panel.flex .field-list-sticky.is-show{position:relative;height:calc(100vh - var(--top-searchbar-height) - 150px)}.v3-bklog-root.is-sticky-top-result .search-result-panel.flex .search-result-content .original-log-panel .bklog-result-box .bklog-result-container.show-header{overflow:visible}.v3-bklog-root.is-sticky-top-result .search-result-panel.flex .search-result-content .original-log-panel .bklog-result-box .bklog-result-container.show-header .bklog-row-container{overflow:visible}.v3-bklog-root.is-sticky-top-result .search-result-panel.flex .search-result-content .original-log-panel .bklog-result-box .bklog-result-container.show-header .bklog-row-container.row-header{position:sticky;top:calc(var(--top-searchbar-height));left:calc(var(--left-collection-width) + var(--left-field-setting-width) + 8px)}.v3-bklog-root.is-sticky-top-result .search-result-panel.flex .search-result-content .original-log-panel .bklog-result-box .bklog-result-container.show-header .bklog-row-container.row-header .right{right:8px}.v3-bklog-root.is-sticky-top .search-result-panel.flex .field-list-sticky.is-show{position:fixed;top:calc(var(--top-searchbar-height) + var(--header-height));bottom:0;left:calc(var(--left-collection-width) + 8px);height:calc(100vh - var(--top-searchbar-height) - var(--header-height))}.v3-bklog-root.is-sticky-top .search-result-panel.flex .field-list-sticky.is-show .field-filter-box .field-filter-container-new{height:calc(100vh - var(--top-searchbar-height) - 100px)}.is-start-text-ellipsis .rtl-text{direction:rtl}[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{margin-top:4px;margin-bottom:4px}[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:5px 13px 7px 12px;font-size:12px;color:#4d4f56;cursor:pointer}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .segment-event-box:hover{background:#f5f7fa}[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-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 .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:16px;cursor:pointer}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .bklog-copy-3,[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 .bklog-highlight,[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .icon-plus-circle{margin-right:4px}[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}[data-tippy-root] [data-theme=log-light]{border:1px solid #dcdee5;border-radius:2px;box-shadow:0 2px 6px 0 rgba(0,0,0,.1019607843)}[data-tippy-root] [data-theme=log-light] .ui-value-select{width:314px;max-height:200px;overflow:auto;font-size:12px}[data-tippy-root] [data-theme=log-light] .ui-value-select .ui-value-option{display:flex;align-items:center;width:100%;height:32px;padding:0 12px;cursor:pointer;background:#fff}[data-tippy-root] [data-theme=log-light] .ui-value-select .ui-value-option:not(.active):hover{background:#f5f7fa}[data-tippy-root] [data-theme=log-light] .ui-value-select .ui-value-option.active{color:#3a84ff;background:#e1ecff}[data-tippy-root] [data-theme=log-light] .condition-value-options{display:inline-flex;flex-direction:column;width:314px;min-height:20px;max-height:300px;overflow:auto}[data-tippy-root] [data-theme=log-light] .condition-value-options>li{display:inline-block;width:100%;max-width:100%;height:32px;padding:6px 8px;font-size:12px;cursor:pointer}[data-tippy-root] [data-theme=log-light] .condition-value-options>li>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-tippy-root] [data-theme=log-light] .condition-value-options>li.empty-section{height:100px}[data-tippy-root] [data-theme=log-light] .condition-value-options>li.empty-section img{width:120px;height:60px}[data-tippy-root] [data-theme=log-light] .condition-value-options>li.empty-section .bk-exception .bk-exception-text{display:flex;justify-content:center}[data-tippy-root] [data-theme=log-light] .condition-value-options>li:not(.empty-section).active{background:#f5f7fa}[data-tippy-root] [data-theme=log-light] .condition-value-options>li:not(.empty-section).is-hover,[data-tippy-root] [data-theme=log-light] .condition-value-options>li:not(.empty-section):hover{background:#f5f7fa}[data-tippy-root] [data-theme=log-light] .condition-value-options>li:not(.empty-section).is-hidden-item{display:none}.v3-bklog-root{background:#f5f7fa}.v3-bklog-root.is-trace .search-bar-container{border:1px solid #dcdee5;border-radius:2px;box-shadow:none}.v3-bklog-root.is-trace .search-bar-container::before{background:#fff}.v3-bklog-root.is-trace .subbar-container{padding:0;box-shadow:none}.v3-bklog-root.is-trace .subbar-container .box-biz-select{margin-left:0 !important}.v3-bklog-root.is-trace .filter-container-wrap{box-shadow:none}.v3-bklog-root.is-trace .filter-container-wrap .btn-del-action{font-size:16px}.v3-bklog-root.is-trace .original-log-panel-tools{padding:0}.v3-bklog-root .v3-bklog-content{padding:0 16px}.v3-bklog-root .v3-bklog-content .v3-bklog-container .search-bar-wrapper{padding:0;margin:0 0 8px 0}.v3-bklog-root .v3-bklog-content .v3-bklog-body{width:100%;margin:0}.v3-bklog-root .v3-bklog-content .v3-bklog-body .search-result-panel .search-result-content .monitor-echarts-container .title-wrapper-new{width:100%}.v3-bklog-root.is-sticky-top .search-result-panel.flex .field-list-sticky.is-show{position:sticky;top:calc(var(--top-searchbar-height)) !important;left:0 !important}:root{--table-fount-family: Menlo, Monaco, Consolas, Courier, "PingFang SC", "Microsoft Yahei", monospace;--table-fount-size: 13px;--table-fount-color: #313238}
1137
+ :root{--bklog-v3-row-tag-font: "RobotoMono-Medium";--bklog-v3-row-ctx-font: "RobotoMono-Regular";--bklog-v3-row-lbl-font: "Roboto-Regular"}.v3-bklog-root{display:flex;width:100%;height:100%}.v3-bklog-root .v3-bklog-content{display:flex;flex-direction:column;width:100%;height:100%;overflow-x:hidden;overflow-y:auto}.v3-bklog-root .search-result-panel.flex{justify-content:flex-end}.v3-bklog-root .search-result-panel.flex .field-list-sticky{top:var(--top-searchbar-height)}.v3-bklog-root .search-result-panel.flex .field-list-sticky.is-show{top:0;position:relative;height:calc(100vh - var(--top-searchbar-height) - 150px)}.v3-bklog-root.is-sticky-top-result .search-result-panel.flex .search-result-content .original-log-panel .bklog-result-box .bklog-result-container.show-header{overflow:visible}.v3-bklog-root.is-sticky-top-result .search-result-panel.flex .search-result-content .original-log-panel .bklog-result-box .bklog-result-container.show-header .bklog-row-container{overflow:visible}.v3-bklog-root.is-sticky-top-result .search-result-panel.flex .search-result-content .original-log-panel .bklog-result-box .bklog-result-container.show-header .bklog-row-container.row-header{position:sticky;top:calc(var(--top-searchbar-height));left:calc(var(--left-collection-width) + var(--left-field-setting-width) + 8px)}.v3-bklog-root.is-sticky-top-result .search-result-panel.flex .search-result-content .original-log-panel .bklog-result-box .bklog-result-container.show-header .bklog-row-container.row-header .right{right:8px}.v3-bklog-root.is-sticky-top .search-result-panel.flex .field-list-sticky.is-show{position:fixed;top:calc(var(--top-searchbar-height) + var(--header-height));bottom:0;left:calc(var(--left-collection-width) + 8px);height:calc(100vh - var(--top-searchbar-height) - var(--header-height))}.v3-bklog-root.is-sticky-top .search-result-panel.flex .field-list-sticky.is-show .field-filter-box .field-filter-container-new{height:calc(100vh - var(--top-searchbar-height) - 100px)}.is-start-text-ellipsis .rtl-text{direction:rtl}[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{margin-top:4px;margin-bottom:4px}[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:5px 13px 7px 12px;font-size:12px;color:#4d4f56;cursor:pointer}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .segment-event-box:hover{background:#f5f7fa}[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-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 .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:16px;cursor:pointer}[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .bklog-copy-3,[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 .bklog-highlight,[data-tippy-root] .tippy-box[data-theme=segment-light] .tippy-content .event-tippy-content.segment-event-icons .icon-plus-circle{margin-right:4px}[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}[data-tippy-root] [data-theme=log-light]{border:1px solid #dcdee5;border-radius:2px;box-shadow:0 2px 6px 0 rgba(0,0,0,.1019607843)}[data-tippy-root] [data-theme=log-light] .ui-value-select{width:314px;max-height:200px;overflow:auto;font-size:12px}[data-tippy-root] [data-theme=log-light] .ui-value-select .ui-value-option{display:flex;align-items:center;width:100%;height:32px;padding:0 12px;cursor:pointer;background:#fff}[data-tippy-root] [data-theme=log-light] .ui-value-select .ui-value-option:not(.active):hover{background:#f5f7fa}[data-tippy-root] [data-theme=log-light] .ui-value-select .ui-value-option.active{color:#3a84ff;background:#e1ecff}[data-tippy-root] [data-theme=log-light] .condition-value-options{display:inline-flex;flex-direction:column;width:314px;min-height:20px;max-height:300px;overflow:auto}[data-tippy-root] [data-theme=log-light] .condition-value-options>li{display:inline-block;width:100%;max-width:100%;height:32px;padding:6px 8px;font-size:12px;cursor:pointer}[data-tippy-root] [data-theme=log-light] .condition-value-options>li>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-tippy-root] [data-theme=log-light] .condition-value-options>li.empty-section{height:100px}[data-tippy-root] [data-theme=log-light] .condition-value-options>li.empty-section img{width:120px;height:60px}[data-tippy-root] [data-theme=log-light] .condition-value-options>li.empty-section .bk-exception .bk-exception-text{display:flex;justify-content:center}[data-tippy-root] [data-theme=log-light] .condition-value-options>li:not(.empty-section).active{background:#f5f7fa}[data-tippy-root] [data-theme=log-light] .condition-value-options>li:not(.empty-section).is-hover,[data-tippy-root] [data-theme=log-light] .condition-value-options>li:not(.empty-section):hover{background:#f5f7fa}[data-tippy-root] [data-theme=log-light] .condition-value-options>li:not(.empty-section).is-hidden-item{display:none}.v3-bklog-root{background:#f5f7fa}.v3-bklog-root.is-trace .search-bar-container{border:1px solid #dcdee5;border-radius:2px;box-shadow:none}.v3-bklog-root.is-trace .search-bar-container::before{background:#fff}.v3-bklog-root.is-trace .subbar-container{padding:0;box-shadow:none}.v3-bklog-root.is-trace .subbar-container .box-biz-select{margin-left:0 !important}.v3-bklog-root.is-trace .filter-container-wrap{box-shadow:none}.v3-bklog-root.is-trace .filter-container-wrap .btn-del-action{font-size:16px}.v3-bklog-root.is-trace .original-log-panel-tools{padding:0}.v3-bklog-root .v3-bklog-content{padding:0 16px}.v3-bklog-root .v3-bklog-content .v3-bklog-container .search-bar-wrapper{padding:0;margin:0 0 8px 0}.v3-bklog-root .v3-bklog-content .v3-bklog-body{width:100%;margin:0}.v3-bklog-root .v3-bklog-content .v3-bklog-body .search-result-panel .search-result-content .monitor-echarts-container .title-wrapper-new{width:100%}.v3-bklog-root.is-sticky-top .search-result-panel.flex .field-list-sticky.is-show{position:sticky;top:calc(var(--top-searchbar-height)) !important;left:0 !important}:root{--table-fount-family: Menlo, Monaco, Consolas, Courier, "PingFang SC", "Microsoft Yahei", monospace;--table-fount-size: 13px;--table-fount-color: #313238}
package/main.js CHANGED
@@ -39099,32 +39099,9 @@ var setDefaultTableWidth = function setDefaultTableWidth(visibleFields, tableDat
39099
39099
  (0,external_vue_.set)(item, 'minWidth', minWidth);
39100
39100
  });
39101
39101
  });
39102
- var columnsWidth = visibleFields.reduce(function (prev, next) {
39103
- return prev + next.width;
39104
- }, 0);
39105
- var tableElem = document.querySelector('.original-log-panel');
39106
- if (!tableElem) {
39107
- return true;
39108
- }
39109
39102
 
39110
- // 如果当前表格所有列总和小于表格实际宽度 则对小于800(最大宽度)的列赋值 defalut 使其自适应
39111
- var availableWidth = tableElem.clientWidth - staticWidth;
39112
- if (tableElem && columnsWidth && columnsWidth < availableWidth) {
39113
- var longFiels = visibleFields.filter(function (item) {
39114
- return item.width >= 800;
39115
- });
39116
- if (longFiels.length) {
39117
- var addWidth = (availableWidth - columnsWidth) / longFiels.length;
39118
- longFiels.forEach(function (item) {
39119
- (0,external_vue_.set)(item, 'width', item.width + Math.ceil(addWidth));
39120
- });
39121
- } else {
39122
- var _addWidth = (availableWidth - columnsWidth) / visibleFields.length;
39123
- visibleFields.forEach(function (field) {
39124
- (0,external_vue_.set)(field, 'width', field.width + Math.ceil(_addWidth));
39125
- });
39126
- }
39127
- }
39103
+ // Keep only default/user configured base width here.
39104
+ // Extra width is distributed at render time based on the current result container.
39128
39105
  }
39129
39106
  return true;
39130
39107
  } catch (error) {
@@ -98631,8 +98608,8 @@ const DEFAULT_AI_QUERY_RESULT = {
98631
98608
  };
98632
98609
  }
98633
98610
  }));
98634
- ;// ./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=06235de0
98635
- var search_result_panelvue_type_template_id_06235de0_render = function render() {
98611
+ ;// ./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=8d8d194c
98612
+ var search_result_panelvue_type_template_id_8d8d194c_render = function render() {
98636
98613
  var _vm = this,
98637
98614
  _c = _vm._self._c,
98638
98615
  _setup = _vm._self._setupProxy;
@@ -98642,7 +98619,8 @@ var search_result_panelvue_type_template_id_06235de0_render = function render()
98642
98619
  }]
98643
98620
  }, [!_setup.pageLoading && _setup.isNoIndexSet ? _c(_setup.NoIndexSet) : [_c('div', {
98644
98621
  "class": ['field-list-sticky', {
98645
- 'is-show': _setup.isShowFieldStatistics
98622
+ 'is-show': _setup.isShowFieldStatistics,
98623
+ 'is-close': !_setup.isShowFieldStatistics
98646
98624
  }]
98647
98625
  }, [_c(_setup.FieldFilter, {
98648
98626
  directives: [{
@@ -98728,7 +98706,7 @@ var search_result_panelvue_type_template_id_06235de0_render = function render()
98728
98706
  }
98729
98707
  }) : _vm._e()], 1)], 1)]], 2);
98730
98708
  };
98731
- var search_result_panelvue_type_template_id_06235de0_staticRenderFns = [];
98709
+ var search_result_panelvue_type_template_id_8d8d194c_staticRenderFns = [];
98732
98710
 
98733
98711
  ;// ./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=76cff062&scoped=true
98734
98712
  var no_index_setvue_type_template_id_76cff062_scoped_true_render = function render() {
@@ -103211,8 +103189,8 @@ const getSeriesData = _ref => {
103211
103189
  })])]);
103212
103190
  }
103213
103191
  }));
103214
- ;// ./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/field-filter.vue?vue&type=template&id=0e0567ee
103215
- var field_filtervue_type_template_id_0e0567ee_render = function render() {
103192
+ ;// ./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/field-filter.vue?vue&type=template&id=916bb93a
103193
+ var field_filtervue_type_template_id_916bb93a_render = function render() {
103216
103194
  var _vm = this,
103217
103195
  _c = _vm._self._c,
103218
103196
  _setup = _vm._self._setupProxy;
@@ -103222,12 +103200,7 @@ var field_filtervue_type_template_id_0e0567ee_render = function render() {
103222
103200
  }],
103223
103201
  style: _setup.rootStyle
103224
103202
  }, [_c('div', {
103225
- staticClass: "tab-item-title field-filter-title",
103226
- staticStyle: {
103227
- "position": "absolute",
103228
- "top": "64px",
103229
- "transform": "translate(-50%, -50%)"
103230
- }
103203
+ staticClass: "tab-item-title field-filter-title"
103231
103204
  }, [_c('div', {
103232
103205
  staticClass: "close-total",
103233
103206
  on: {
@@ -103274,7 +103247,7 @@ var field_filtervue_type_template_id_0e0567ee_render = function render() {
103274
103247
  }
103275
103248
  })], 1);
103276
103249
  };
103277
- var field_filtervue_type_template_id_0e0567ee_staticRenderFns = [];
103250
+ var field_filtervue_type_template_id_916bb93a_staticRenderFns = [];
103278
103251
 
103279
103252
  ;// ./node_modules/tslib/tslib.es6.mjs
103280
103253
  /******************************************************************************
@@ -110521,8 +110494,8 @@ function field_filtervue_type_script_setup_true_lang_js_objectSpread(e) { for (v
110521
110494
 
110522
110495
  var field_filter_component = normalizeComponent(
110523
110496
  search_result_panel_field_filtervue_type_script_setup_true_lang_js,
110524
- field_filtervue_type_template_id_0e0567ee_render,
110525
- field_filtervue_type_template_id_0e0567ee_staticRenderFns,
110497
+ field_filtervue_type_template_id_916bb93a_render,
110498
+ field_filtervue_type_template_id_916bb93a_staticRenderFns,
110526
110499
  false,
110527
110500
  null,
110528
110501
  null,
@@ -115772,9 +115745,18 @@ class TaskEventManager {
115772
115745
  }
115773
115746
  const taskEventManager = new TaskEventManager();
115774
115747
  class UseSegmentProp {
115748
+ /**
115749
+ * 全局实例递增计数器。
115750
+ * 同一页面可能同时加载多个检索包(例如 apm + trace),它们会共享 document.body。
115751
+ * 这里通过递增计数为每个 UseSegmentProp 实例生成稳定且唯一的 owner id,
115752
+ * 用于隔离弹层 DOM 的查询与复用,避免“后加载包误复用先加载包节点”。
115753
+ */
115754
+ static instanceCounter = 0;
115775
115755
  className = 'bklog-segment-pop-content';
115776
115756
  wrapperClassName = 'bklog-pop-wrapper';
115777
115757
  wrapperIdName = 'bklog_pop_wrapper';
115758
+ /** 当前实例的 owner id,用于把弹层内容与实例绑定 */
115759
+ instanceId;
115778
115760
  refContent;
115779
115761
  delineate;
115780
115762
  $t;
@@ -115793,6 +115775,9 @@ class UseSegmentProp {
115793
115775
  const {
115794
115776
  $t
115795
115777
  } = use_locale();
115778
+ // 生成实例唯一 owner,后续会写到 DOM data 属性中做精确定位。
115779
+ UseSegmentProp.instanceCounter += 1;
115780
+ this.instanceId = `segment-pop-${UseSegmentProp.instanceCounter}`;
115796
115781
  this.$t = $t;
115797
115782
  this.refContent = (0,external_vue_.ref)();
115798
115783
  this.delineate = delineate;
@@ -115893,7 +115878,15 @@ class UseSegmentProp {
115893
115878
  });
115894
115879
  return (0,external_vue_.h)('div', {
115895
115880
  class: 'segment-event-icons event-tippy-content',
115896
- ref: refName
115881
+ ref: refName,
115882
+ attrs: {
115883
+ /**
115884
+ * 将弹层内容显式声明为“属于哪个 UseSegmentProp 实例”。
115885
+ * 当多个独立包并存时,后续 mounted/query 会基于该属性做实例级选择,
115886
+ * 避免跨包共享节点造成事件上下文错配,进而出现点击无响应。
115887
+ */
115888
+ 'data-segment-owner': this.instanceId
115889
+ }
115897
115890
  }, [eventBoxList.map(item => (0,external_vue_.h)('div', {
115898
115891
  class: 'segment-event-box',
115899
115892
  attrs: {
@@ -115939,7 +115932,13 @@ class UseSegmentProp {
115939
115932
  target.classList.add(this.wrapperClassName);
115940
115933
  document.body.appendChild(target);
115941
115934
  }
115942
- if (!target.querySelector(`.${this.className} .event-tippy-content`)) {
115935
+ /**
115936
+ * 仅匹配“当前实例拥有”的弹层节点:
115937
+ * - 不再使用通配 `.event-tippy-content`,避免命中其他包创建的节点
115938
+ * - 如果当前实例节点不存在才创建,存在则直接复用(幂等)
115939
+ */
115940
+ const ownContentSelector = `.${this.className} .event-tippy-content[data-segment-owner="${this.instanceId}"]`;
115941
+ if (!target.querySelector(ownContentSelector)) {
115943
115942
  const app = new (external_vue_default())({
115944
115943
  render: () => {
115945
115944
  return (0,external_vue_.h)('div', {
@@ -115953,7 +115952,8 @@ class UseSegmentProp {
115953
115952
  target.append(app.$el);
115954
115953
  }
115955
115954
  if (!this.refContent.value) {
115956
- this.refContent.value = target.querySelector(`.${this.className} .event-tippy-content`);
115955
+ // refContent 只缓存当前实例节点,保证 getSegmentContent 的引用与事件绑定一致。
115956
+ this.refContent.value = target.querySelector(ownContentSelector);
115957
115957
  }
115958
115958
  };
115959
115959
  getSegmentContent(keyRef, onSegmentEnumClick) {
@@ -121488,6 +121488,11 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
121488
121488
  getScrollElement,
121489
121489
  hasScrollX,
121490
121490
  computeRect: debounceComputeRect,
121491
+ /**
121492
+ * 同步执行版 computeRect,供外部在需要立即刷新尺寸的场景调用(如字段设置展开/收起)。
121493
+ * 注意:不要用于频繁 resize 场景,会失去防抖保护。
121494
+ */
121495
+ computeRectSync: computeRect,
121491
121496
  scrollDirection,
121492
121497
  offsetWidth,
121493
121498
  scrollWidth
@@ -121698,6 +121703,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
121698
121703
 
121699
121704
 
121700
121705
 
121706
+
121701
121707
 
121702
121708
 
121703
121709
  /* harmony default export */ const log_rows = ((0,external_vue_.defineComponent)({
@@ -121768,6 +121774,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
121768
121774
  const isRending = (0,external_vue_.ref)(false);
121769
121775
  const tableRowConfig = new WeakMap();
121770
121776
  const isPageLoading = (0,external_vue_.ref)(retrieve_helper.isSearching);
121777
+ const isPaginationLoading = (0,external_vue_.ref)(false);
121771
121778
  // 前端本地分页loadmore触发器
121772
121779
  // renderList 没有使用响应式,这里需要手动触发更新,所以这里使用一个计数器来触发更新
121773
121780
  const localUpdateCounter = (0,external_vue_.ref)(0);
@@ -121793,8 +121800,6 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
121793
121800
  });
121794
121801
  const indexSetType = (0,external_vue_.computed)(() => store.state.indexItem.isUnionIndex);
121795
121802
  const limitRow = (0,external_vue_.computed)(() => store.state.storage[store_type_BK_LOG_STORAGE.RESULT_DISPLAY_LINES]);
121796
- // 检索第一页数据时,loading状态
121797
- const isFirstPageLoading = (0,external_vue_.computed)(() => isLoading.value && !isRequesting.value);
121798
121803
  const exceptionMsg = (0,external_vue_.computed)(() => {
121799
121804
  if (/^cancel$/gi.test(indexSetQueryResult.value?.exception_msg)) {
121800
121805
  return $t('检索结果为空');
@@ -121804,18 +121809,27 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
121804
121809
  const isShowSourceField = (0,external_vue_.computed)(() => store.state.storage[store_type_BK_LOG_STORAGE.TABLE_SHOW_SOURCE_FIELD]);
121805
121810
  const fullColumns = (0,external_vue_.ref)([]);
121806
121811
  const showCtxType = (0,external_vue_.ref)(props.contentType);
121812
+ const columnLayoutVersion = (0,external_vue_.ref)(0);
121813
+ const isFirstPageLayoutPending = (0,external_vue_.ref)(false);
121814
+ let firstPageLayoutToken = 0;
121807
121815
  /**
121808
121816
  * 重置分页状态
121817
+ * 新查询首屏需要先展示骨架屏,等待列宽布局稳定后再渲染真实行,避免 monitor 包外部挂载时首帧列宽抖动。
121809
121818
  */
121810
121819
  const resetPageState = () => {
121811
121820
  pageIndex.value = 1;
121812
121821
  hasMoreList.value = true;
121822
+ isFirstPageLayoutPending.value = true;
121823
+ firstPageLayoutToken += 1;
121813
121824
  };
121814
121825
  const {
121815
121826
  addEvent
121816
121827
  } = use_retrieve_event();
121817
121828
  addEvent(retrieve_events.SEARCHING_CHANGE, isSearching => {
121818
121829
  isPageLoading.value = isSearching;
121830
+ if (isSearching && tableDataSize.value === 0 && !isPaginationLoading.value) {
121831
+ resetPageState();
121832
+ }
121819
121833
  });
121820
121834
  addEvent([retrieve_events.SEARCH_VALUE_CHANGE, retrieve_events.SEARCH_TIME_CHANGE, retrieve_events.TREND_GRAPH_SEARCH, retrieve_events.SORT_LIST_CHANGED], () => {
121821
121835
  resetPageState();
@@ -121908,6 +121922,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
121908
121922
  title: field.field_name,
121909
121923
  width: field.width,
121910
121924
  minWidth: field.minWidth,
121925
+ field_type: field.field_type,
121911
121926
  align: 'top',
121912
121927
  resize: true,
121913
121928
  renderBodyCell: _ref5 => {
@@ -121966,12 +121981,62 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
121966
121981
  }
121967
121982
  };
121968
121983
  };
121969
- const setColWidth = col => {
121970
- col.minWidth = col.width - 4;
121971
- col.width = '100%';
121984
+ const getNumericWidth = function (width) {
121985
+ let fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
121986
+ if (typeof width === 'number') {
121987
+ return width;
121988
+ }
121989
+ if (typeof width === 'string' && width.includes('%')) {
121990
+ return fallback;
121991
+ }
121992
+ const parsedWidth = Number.parseFloat(width);
121993
+ return Number.isNaN(parsedWidth) ? fallback : parsedWidth;
121994
+ };
121995
+ const TABLE_WIDTH_SAFE_GAP = 4;
121996
+ const getFixedColumnsWidth = () => {
121997
+ const expandColumnWidth = 36;
121998
+ const rowIndexColumnWidth = tableShowRowIndex.value ? 50 : 0;
121999
+ const sourceColumnWidth = isShowSourceField.value && indexSetType.value ? 230 : 0;
122000
+ return expandColumnWidth + rowIndexColumnWidth + sourceColumnWidth + operatorToolsWidth.value;
122001
+ };
122002
+ const getFieldsAvailableWidth = () => offsetWidth.value - getFixedColumnsWidth() - TABLE_WIDTH_SAFE_GAP;
122003
+ const getColumnWidthTotal = columnList => {
122004
+ return columnList.reduce((total, item) => total + getNumericWidth(item.width, item.minWidth), 0);
122005
+ };
122006
+ const getExtraWidthTargetColumns = columnList => {
122007
+ const longTextColumns = columnList.filter(item => {
122008
+ return item.field === 'log' || item.field_type === 'text' || getNumericWidth(item.width) >= 800;
122009
+ });
122010
+ return longTextColumns;
122011
+ };
122012
+ const distributeExtraWidthToLongTextColumns = columnList => {
122013
+ const availableWidth = getFieldsAvailableWidth();
122014
+ if (availableWidth <= 0 || columnList.length === 0) {
122015
+ return;
122016
+ }
122017
+ const columnWidth = getColumnWidthTotal(columnList);
122018
+ if (columnWidth >= availableWidth) {
122019
+ return;
122020
+ }
122021
+ const targetColumns = getExtraWidthTargetColumns(columnList);
122022
+ if (targetColumns.length === 0) {
122023
+ return;
122024
+ }
122025
+ const extraWidth = availableWidth - columnWidth;
122026
+ const addWidth = Math.floor(extraWidth / targetColumns.length);
122027
+ let restWidth = extraWidth - addWidth * targetColumns.length;
122028
+ targetColumns.forEach(item => {
122029
+ const nextWidth = getNumericWidth(item.width, item.minWidth) + addWidth + (restWidth > 0 ? 1 : 0);
122030
+ restWidth -= 1;
122031
+ item.width = nextWidth;
122032
+ });
122033
+ };
122034
+ const triggerColumnLayoutReflow = () => {
122035
+ columnLayoutVersion.value += 1;
121972
122036
  };
121973
122037
  // 性能优化:使用 computed 缓存列配置,避免每次渲染都重新计算
121974
122038
  const getFieldColumns = (0,external_vue_.computed)(() => {
122039
+ columnLayoutVersion.value;
121975
122040
  if (showCtxType.value === 'table') {
121976
122041
  const columnList = [];
121977
122042
  const columns = visibleFields.value.length > 0 ? visibleFields.value : fullColumns.value;
@@ -121991,8 +122056,9 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
121991
122056
  logField = columnList[columnList.length - 1];
121992
122057
  }
121993
122058
  if (logField && offsetWidth.value > maxColWidth) {
121994
- setColWidth(logField);
122059
+ logField.width = getNumericWidth(logField.width, logField.minWidth);
121995
122060
  }
122061
+ distributeExtraWidthToLongTextColumns(columnList);
121996
122062
  return columnList;
121997
122063
  }
121998
122064
  return originalColumns.value;
@@ -122015,9 +122081,10 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122015
122081
  fixed: 'left',
122016
122082
  renderBodyCell: _ref7 => {
122017
122083
  let {
122018
- row
122084
+ row,
122085
+ rowIndex
122019
122086
  } = _ref7;
122020
- const config = tableRowConfig.get(row).value;
122087
+ const config = ensureTableRowConfig(row, rowIndex).value;
122021
122088
  return (0,external_vue_.h)("span", {
122022
122089
  "class": ['bklog-expand-icon', {
122023
122090
  'is-expaned': config.expand
@@ -122041,9 +122108,10 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122041
122108
  class: tableShowRowIndex.value ? 'is-show' : 'is-hidden',
122042
122109
  renderBodyCell: _ref8 => {
122043
122110
  let {
122044
- row
122111
+ row,
122112
+ rowIndex
122045
122113
  } = _ref8;
122046
- return tableRowConfig.get(row).value[ROW_INDEX] + 1;
122114
+ return ensureTableRowConfig(row, rowIndex).value[ROW_INDEX] + 1;
122047
122115
  }
122048
122116
  }, {
122049
122117
  field: '',
@@ -122071,13 +122139,13 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122071
122139
  }, [indeSetName]);
122072
122140
  }
122073
122141
  }]);
122074
- const handleRowAIClcik = (e, row) => {
122075
- const rowIndex = tableRowConfig.get(row).value[ROW_INDEX] + 1;
122142
+ const handleRowAIClcik = (e, row, rowIndex) => {
122143
+ const displayRowIndex = ensureTableRowConfig(row, rowIndex).value[ROW_INDEX] + 1;
122076
122144
  const targetRow = e.target.closest('.bklog-row-container');
122077
122145
  const oldRow = targetRow?.parentElement.querySelector('.bklog-row-container.ai-active');
122078
122146
  oldRow?.classList.remove('ai-active');
122079
122147
  targetRow?.classList.add('ai-active');
122080
- props.handleClickTools('ai', row, indexSetOperatorConfig.value, rowIndex);
122148
+ props.handleClickTools('ai', row, indexSetOperatorConfig.value, displayRowIndex);
122081
122149
  };
122082
122150
  const rightColumns = (0,external_vue_.computed)(() => {
122083
122151
  if (window?.__IS_MONITOR_TRACE__) {
@@ -122092,17 +122160,18 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122092
122160
  resize: false,
122093
122161
  renderBodyCell: _ref10 => {
122094
122162
  let {
122095
- row
122163
+ row,
122164
+ rowIndex
122096
122165
  } = _ref10;
122097
122166
  return (// @ts-expect-error
122098
122167
  (0,external_vue_.h)(operator_tools, {
122099
122168
  "attrs": {
122100
122169
  "handle-click": (type, event) => {
122101
122170
  if (type === 'ai') {
122102
- handleRowAIClcik(event, row);
122171
+ handleRowAIClcik(event, row, rowIndex);
122103
122172
  return;
122104
122173
  }
122105
- props.handleClickTools(type, row, indexSetOperatorConfig.value, tableRowConfig.get(row).value[ROW_INDEX] + 1);
122174
+ props.handleClickTools(type, row, indexSetOperatorConfig.value, ensureTableRowConfig(row, rowIndex).value[ROW_INDEX] + 1);
122106
122175
  },
122107
122176
  "index": row[ROW_INDEX],
122108
122177
  "operator-config": indexSetOperatorConfig.value,
@@ -122179,30 +122248,31 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122179
122248
  return cfg;
122180
122249
  }, {});
122181
122250
  };
122182
- const updateTableRowConfig = function () {
122183
- let nextIdx = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
122184
- if (nextIdx >= 0) {
122185
- for (let index = nextIdx; index < tableDataSize.value; index++) {
122186
- const nextRow = tableList.value[index];
122187
- if (!tableRowConfig.has(nextRow)) {
122188
- const rowKey = `${ROW_KEY}_${index}`;
122189
- tableRowConfig.set(nextRow, (0,external_vue_.ref)({
122190
- [ROW_KEY]: rowKey,
122191
- [ROW_INDEX]: index,
122192
- ...getRowConfigWithCache()
122193
- }));
122194
- }
122195
- }
122251
+ const createRowConfigRef = index => {
122252
+ const rowIndex = index >= 0 ? index : -1;
122253
+ const rowKey = `${ROW_KEY}_${rowIndex}`;
122254
+ return (0,external_vue_.ref)({
122255
+ [ROW_KEY]: rowKey,
122256
+ [ROW_INDEX]: rowIndex,
122257
+ ...getRowConfigWithCache()
122258
+ });
122259
+ };
122260
+ const ensureTableRowConfig = (row, index) => {
122261
+ if (!row) {
122262
+ return createRowConfigRef(index);
122196
122263
  }
122197
- if (nextIdx === -1) {
122198
- for (let index = 0; index < tableDataSize.value; index++) {
122199
- const nextRow = tableList.value[index];
122200
- tableRowConfig.delete(nextRow);
122201
- }
122264
+ let config = tableRowConfig.get(row);
122265
+ if (!config) {
122266
+ config = createRowConfigRef(index);
122267
+ tableRowConfig.set(row, config);
122268
+ } else if (index >= 0 && config.value[ROW_INDEX] !== index) {
122269
+ config.value[ROW_INDEX] = index;
122202
122270
  }
122271
+ return config;
122203
122272
  };
122204
122273
  const isRequesting = (0,external_vue_.ref)(false);
122205
122274
  let requestingTimer = null;
122275
+ let skipNextLoadingEndReset = false;
122206
122276
  const debounceSetLoading = function () {
122207
122277
  let delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 120;
122208
122278
  requestingTimer && clearTimeout(requestingTimer);
@@ -122213,10 +122283,11 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122213
122283
  const expandOption = {
122214
122284
  render: _ref11 => {
122215
122285
  let {
122216
- row
122286
+ row,
122287
+ rowIndex
122217
122288
  } = _ref11;
122218
- const config = tableRowConfig.get(row);
122219
- const rowIndex = config.value[ROW_INDEX];
122289
+ const config = ensureTableRowConfig(row, rowIndex);
122290
+ const realRowIndex = config.value[ROW_INDEX];
122220
122291
  // // 性能监控:记录展开渲染耗时
122221
122292
  // perfStart('log-rows:expand-render', {
122222
122293
  // rowIndex,
@@ -122234,7 +122305,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122234
122305
  "data": row,
122235
122306
  "kv-show-fields-list": kvShowFieldsList.value,
122236
122307
  "list-data": row,
122237
- "row-index": rowIndex
122308
+ "row-index": realRowIndex
122238
122309
  },
122239
122310
  "on": {
122240
122311
  "value-click": (type, content, isLink, field, depth, isNestedField) => {
@@ -122244,13 +122315,22 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122244
122315
  });
122245
122316
  }
122246
122317
  };
122247
- const resetRowListState = oldValSize => {
122318
+ let syncResultBoxRectBeforeRender = () => {};
122319
+ let scheduleFirstPageTableReveal = () => {};
122320
+ const resetRowListState = () => {
122321
+ const shouldWaitFirstPageLayout = isFirstPageLayoutPending.value && tableDataSize.value > 0;
122322
+ if (shouldWaitFirstPageLayout) {
122323
+ syncResultBoxRectBeforeRender();
122324
+ }
122248
122325
  setRenderList(null);
122249
122326
  debounceSetLoading();
122250
- updateTableRowConfig(oldValSize ?? 0);
122251
- if (tableDataSize.value <= 50) {
122327
+ localUpdateCounter.value += 1;
122328
+ if (tableDataSize.value <= pageSize.value) {
122252
122329
  (0,external_vue_.nextTick)(retrieve_helper.updateMarkElement.bind(retrieve_helper));
122253
122330
  }
122331
+ if (shouldWaitFirstPageLayout) {
122332
+ scheduleFirstPageTableReveal();
122333
+ }
122254
122334
  };
122255
122335
  /**
122256
122336
  * 同步指定字段的排序状态
@@ -122287,7 +122367,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122287
122367
  }
122288
122368
  return updatedSortList;
122289
122369
  };
122290
- (0,external_vue_.watch)(() => [tableShowRowIndex.value], () => {
122370
+ (0,external_vue_.watch)(() => [tableShowRowIndex.value, isShowSourceField.value, indexSetType.value, operatorToolsWidth.value], () => {
122291
122371
  computeRect();
122292
122372
  });
122293
122373
  /**
@@ -122316,20 +122396,49 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122316
122396
  }
122317
122397
  handleResultBoxResize();
122318
122398
  });
122319
- (0,external_vue_.watch)(() => [tableDataSize.value], (_, oldVal) => {
122320
- resetRowListState(oldVal?.[0]);
122399
+ (0,external_vue_.watch)(() => [tableDataSize.value], _ref14 => {
122400
+ let [size] = _ref14;
122401
+ if (size === 0) {
122402
+ resetPageState();
122403
+ if (!isLoading.value) {
122404
+ isFirstPageLayoutPending.value = false;
122405
+ }
122406
+ }
122407
+ resetRowListState();
122321
122408
  }, {
122322
122409
  immediate: true
122323
122410
  });
122324
122411
  use_resize_observe(() => refResultRowBox.value, () => {
122325
- handleResultBoxResize();
122412
+ handleResultBoxResize(!isColumnWidthChanging);
122326
122413
  retrieve_helper.fire(retrieve_events.RESULT_ROW_BOX_RESIZE);
122327
122414
  }, 60);
122328
- addEvent([retrieve_events.FAVORITE_WIDTH_CHANGE, retrieve_events.LEFT_FIELD_SETTING_WIDTH_CHANGE, retrieve_events.FAVORITE_SHOWN_CHANGE, retrieve_events.LEFT_FIELD_SETTING_SHOWN_CHANGE], handleResultBoxResize);
122415
+ addEvent([retrieve_events.FAVORITE_WIDTH_CHANGE, retrieve_events.FAVORITE_SHOWN_CHANGE], handleResultBoxResize);
122329
122416
  addEvent(retrieve_events.AI_CLOSE, () => {
122330
122417
  refResultRowBox.value?.querySelector('.ai-active')?.classList.remove('ai-active');
122331
122418
  });
122419
+ let isColumnWidthChanging = false;
122420
+ let columnWidthChangeTimer;
122421
+ const markColumnWidthChanging = () => {
122422
+ isColumnWidthChanging = true;
122423
+ window.clearTimeout(columnWidthChangeTimer);
122424
+ columnWidthChangeTimer = window.setTimeout(() => {
122425
+ isColumnWidthChanging = false;
122426
+ }, 300);
122427
+ };
122428
+ const preserveHorizontalScrollAfterColumnResize = preferredScrollLeft => {
122429
+ (0,external_vue_.nextTick)(() => {
122430
+ requestAnimationFrame(() => {
122431
+ computeRectSync(refResultRowBox.value);
122432
+ const maxOffset = Math.max(0, scrollWidth.value - offsetWidth.value);
122433
+ scrollXOffsetLeft = Math.min(preferredScrollLeft, maxOffset);
122434
+ refScrollXBar.value?.scrollLeft(scrollXOffsetLeft);
122435
+ setRowboxTransform();
122436
+ });
122437
+ });
122438
+ };
122332
122439
  const handleColumnWidthChange = (w, col) => {
122440
+ const prevScrollLeft = scrollXOffsetLeft;
122441
+ markColumnWidthChanging();
122333
122442
  const width = w > 40 ? w : 40;
122334
122443
  const longFiels = visibleFields.value.filter(item => item.width >= 800 || item.field_name === 'log' || item.field_type === 'text');
122335
122444
  const logField = longFiels.find(item => item.field_name === 'log');
@@ -122360,6 +122469,22 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122360
122469
  fieldsWidth: newFieldsWidthObj
122361
122470
  });
122362
122471
  store.commit('updateVisibleFields', visibleFields.value);
122472
+ preserveHorizontalScrollAfterColumnResize(prevScrollLeft);
122473
+ };
122474
+ const getPaginationResponseSize = resp => {
122475
+ if (typeof resp?.length === 'number') {
122476
+ return resp.length;
122477
+ }
122478
+ if (typeof resp?.size === 'number') {
122479
+ return resp.size;
122480
+ }
122481
+ if (Array.isArray(resp)) {
122482
+ return resp.length;
122483
+ }
122484
+ if (Array.isArray(resp?.data?.list)) {
122485
+ return resp.data.list.length;
122486
+ }
122487
+ return null;
122363
122488
  };
122364
122489
  const loadMoreTableData = () => {
122365
122490
  // tableDataSize.value === 0 用于判定是否是第一次渲染导致触发的请求
@@ -122380,15 +122505,19 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122380
122505
  }
122381
122506
  if (hasMoreList.value) {
122382
122507
  isRequesting.value = true;
122508
+ isPaginationLoading.value = true;
122509
+ skipNextLoadingEndReset = true;
122383
122510
  return store.dispatch('requestIndexSetQuery', {
122384
122511
  isPagination: true
122385
122512
  }).then(resp => {
122513
+ const responseSize = getPaginationResponseSize(resp);
122386
122514
  pageIndex.value += 1;
122387
122515
  handleResultBoxResize(false);
122388
- if (resp?.length !== pageSize.value) {
122516
+ if (responseSize !== null && responseSize < pageSize.value) {
122389
122517
  hasMoreList.value = false;
122390
122518
  }
122391
122519
  }).finally(() => {
122520
+ isPaginationLoading.value = false;
122392
122521
  debounceSetLoading(0);
122393
122522
  (0,external_vue_.nextTick)(retrieve_helper.updateMarkElement.bind(retrieve_helper));
122394
122523
  });
@@ -122412,6 +122541,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122412
122541
  offsetWidth,
122413
122542
  scrollWidth,
122414
122543
  computeRect,
122544
+ computeRectSync,
122415
122545
  getScrollElement
122416
122546
  } = use_lazy_render({
122417
122547
  loadMoreFn: loadMoreTableData,
@@ -122419,6 +122549,35 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122419
122549
  rootElement: refRootElement,
122420
122550
  refLoadMoreElement
122421
122551
  });
122552
+ syncResultBoxRectBeforeRender = () => {
122553
+ computeRectSync(refResultRowBox.value);
122554
+ triggerColumnLayoutReflow();
122555
+ };
122556
+ scheduleFirstPageTableReveal = () => {
122557
+ const token = firstPageLayoutToken;
122558
+ (0,external_vue_.nextTick)(() => {
122559
+ requestAnimationFrame(() => {
122560
+ if (token !== firstPageLayoutToken || tableDataSize.value === 0) {
122561
+ return;
122562
+ }
122563
+ computeRectSync(refResultRowBox.value);
122564
+ triggerColumnLayoutReflow();
122565
+ (0,external_vue_.nextTick)(() => {
122566
+ requestAnimationFrame(() => {
122567
+ if (token !== firstPageLayoutToken || tableDataSize.value === 0) {
122568
+ return;
122569
+ }
122570
+ computeRectSync(refResultRowBox.value);
122571
+ isFirstPageLayoutPending.value = false;
122572
+ (0,external_vue_.nextTick)(() => {
122573
+ computeRectSync(refResultRowBox.value);
122574
+ setRowboxTransform();
122575
+ });
122576
+ });
122577
+ });
122578
+ });
122579
+ });
122580
+ };
122422
122581
  const setRowboxTransform = () => {
122423
122582
  if (refResultRowBox.value && refRootElement.value) {
122424
122583
  refResultRowBox.value.scrollLeft = scrollXOffsetLeft;
@@ -122435,6 +122594,39 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122435
122594
  const hasScrollX = (0,external_vue_.computed)(() => {
122436
122595
  return showCtxType.value === 'table' && scrollWidth.value > offsetWidth.value;
122437
122596
  });
122597
+ const syncResultBoxLayout = () => {
122598
+ (0,external_vue_.nextTick)(() => {
122599
+ requestAnimationFrame(() => {
122600
+ triggerColumnLayoutReflow();
122601
+ (0,external_vue_.nextTick)(() => {
122602
+ requestAnimationFrame(() => {
122603
+ computeRectSync(refResultRowBox.value);
122604
+ if (scrollWidth.value <= offsetWidth.value && scrollXOffsetLeft !== 0) {
122605
+ scrollXOffsetLeft = 0;
122606
+ refScrollXBar.value?.scrollLeft(0);
122607
+ }
122608
+ setRowboxTransform();
122609
+ });
122610
+ });
122611
+ });
122612
+ });
122613
+ };
122614
+ const handleFieldSettingLayoutChange = () => {
122615
+ scrollXOffsetLeft = 0;
122616
+ refScrollXBar.value?.scrollLeft(0);
122617
+ computeRectSync(refResultRowBox.value);
122618
+ syncResultBoxLayout();
122619
+ window.setTimeout(syncResultBoxLayout, 120);
122620
+ window.setTimeout(syncResultBoxLayout, 320);
122621
+ };
122622
+ addEvent([retrieve_events.LEFT_FIELD_SETTING_WIDTH_CHANGE, retrieve_events.LEFT_FIELD_SETTING_SHOWN_CHANGE], handleFieldSettingLayoutChange);
122623
+ (0,external_vue_.watch)(() => [offsetWidth.value, showCtxType.value], (_ref15, _ref16) => {
122624
+ let [width] = _ref15;
122625
+ let [oldWidth] = _ref16;
122626
+ if (width !== oldWidth) {
122627
+ syncResultBoxLayout();
122628
+ }
122629
+ });
122438
122630
  const isPreloading = (0,external_vue_.ref)(false); // 是否正在预加载
122439
122631
  const preloadThreshold = 32 * 50; // 距离底部多少 px 开始预加载
122440
122632
  let lastPreloadTime = 0;
@@ -122452,7 +122644,11 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122452
122644
  const clientHeight = scrollElement?.clientHeight ?? 0;
122453
122645
  const scrollHeight = scrollElement?.scrollHeight ?? 0;
122454
122646
  const distanceToBottom = scrollHeight - (scrollTop + clientHeight);
122455
- return distanceToBottom <= preloadThreshold;
122647
+ const shouldPreload = distanceToBottom <= preloadThreshold;
122648
+ if (shouldPreload) {
122649
+ lastPreloadTime = now;
122650
+ }
122651
+ return shouldPreload;
122456
122652
  };
122457
122653
  let isAnimating = false;
122458
122654
  use_wheel({
@@ -122514,20 +122710,45 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122514
122710
  const showHeader = (0,external_vue_.computed)(() => {
122515
122711
  return showCtxType.value === 'table' && tableList.value.length > 0;
122516
122712
  });
122713
+ const hasResultException = (0,external_vue_.computed)(() => {
122714
+ const rawExceptionMsg = indexSetQueryResult.value?.exception_msg ?? '';
122715
+ return indexSetQueryResult.value?.is_error || !!rawExceptionMsg && !/^cancel$/gi.test(rawExceptionMsg);
122716
+ });
122717
+ /**
122718
+ * 字段信息重新加载期间 visibleFields 会被清空。
122719
+ * monitor 独立包切换 timeRange 时,字段接口返回前如果继续渲染旧 renderList,
122720
+ * 表格会只剩固定列(序号/操作列),形成错误中间态。这里仅在字段加载中接管为首屏骨架屏,
122721
+ * 字段加载完成后的错误/空态仍交给 LogResultException 渲染。
122722
+ */
122723
+ const isFieldLoadingForFirstPage = (0,external_vue_.computed)(() => {
122724
+ return indexFieldInfo.value.is_loading && visibleFields.value.length === 0;
122725
+ });
122726
+ const shouldEnterFirstPageSkeleton = (0,external_vue_.computed)(() => {
122727
+ return !hasResultException.value && !isPaginationLoading.value && tableDataSize.value === 0 && (isLoading.value || isPageLoading.value || isRequesting.value);
122728
+ });
122729
+ const shouldShowFirstPageSkeleton = (0,external_vue_.computed)(() => {
122730
+ if (hasResultException.value || isPaginationLoading.value) {
122731
+ return false;
122732
+ }
122733
+ return shouldEnterFirstPageSkeleton.value || isFieldLoadingForFirstPage.value || isFirstPageLayoutPending.value;
122734
+ });
122735
+ const shouldBlockTableRender = (0,external_vue_.computed)(() => {
122736
+ return shouldShowFirstPageSkeleton.value;
122737
+ });
122517
122738
  const renderHeadVNode = () => {
122518
- if (isFirstPageLoading.value) {
122739
+ if (shouldBlockTableRender.value) {
122519
122740
  return null;
122520
122741
  }
122521
- const columnLength = allColumns.value.length;
122522
122742
  let hasFullWidth = false;
122523
122743
  return (0,external_vue_.h)("div", {
122524
122744
  "ref": refTableHead,
122525
122745
  "class": ['bklog-row-container row-header']
122526
122746
  }, [(0,external_vue_.h)("div", {
122527
122747
  "class": 'bklog-list-row'
122528
- }, [allColumns.value.map((column, index) => {
122529
- const cellStyle = getColumnWidth(column, !hasFullWidth && (column.width === '100%' || index === columnLength - 2));
122530
- hasFullWidth = hasFullWidth || column.width === '100%' || index === columnLength - 2;
122748
+ }, [allColumns.value.map(column => {
122749
+ const isFullWidthColumn = !hasFullWidth && column.width === '100%';
122750
+ const cellStyle = getColumnWidth(column, isFullWidthColumn);
122751
+ hasFullWidth = hasFullWidth || column.width === '100%';
122531
122752
  return (0,external_vue_.h)(log_cell, {
122532
122753
  "key": column.key,
122533
122754
  "attrs": {
@@ -122578,8 +122799,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122578
122799
  const renderRowCells = (row, rowIndex) => {
122579
122800
  const {
122580
122801
  expand
122581
- } = tableRowConfig.get(row).value;
122582
- const columnLength = allColumns.value.length;
122802
+ } = ensureTableRowConfig(row, rowIndex).value;
122583
122803
  let hasFullWidth = false;
122584
122804
  return [(0,external_vue_.h)("div", {
122585
122805
  "key": `${rowIndex}-row`,
@@ -122588,9 +122808,10 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122588
122808
  "data-row-index": rowIndex,
122589
122809
  "data-row-click": true
122590
122810
  }
122591
- }, [allColumns.value.map((column, index) => {
122592
- const cellStyle = getColumnWidth(column, !hasFullWidth && (column.width === '100%' || index === columnLength - 2));
122593
- hasFullWidth = hasFullWidth || column.width === '100%' || index === columnLength - 2;
122811
+ }, [allColumns.value.map(column => {
122812
+ const isFullWidthColumn = !hasFullWidth && column.width === '100%';
122813
+ const cellStyle = getColumnWidth(column, isFullWidthColumn);
122814
+ hasFullWidth = hasFullWidth || column.width === '100%';
122594
122815
  return (0,external_vue_.h)("div", {
122595
122816
  "key": `${rowIndex}-${column.key}`,
122596
122817
  "style": cellStyle,
@@ -122601,7 +122822,8 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122601
122822
  rowIndex
122602
122823
  }, external_vue_.h) ?? column.title]);
122603
122824
  })]), expand ? expandOption.render({
122604
- row
122825
+ row,
122826
+ rowIndex
122605
122827
  }) : ''];
122606
122828
  };
122607
122829
  const handleRowMousedown = e => {
@@ -122613,7 +122835,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122613
122835
  retrieve_helper.setMousedownEvent(e);
122614
122836
  savedSelection = null;
122615
122837
  };
122616
- const handleRowMouseup = (e, item) => {
122838
+ const handleRowMouseup = (e, item, rowIndex) => {
122617
122839
  if (!mousedownOnRow) {
122618
122840
  retrieve_helper.setMousedownEvent(null);
122619
122841
  return;
@@ -122640,7 +122862,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122640
122862
  retrieve_helper.setMousedownEvent(null);
122641
122863
  return;
122642
122864
  }
122643
- const config = tableRowConfig.get(item).value;
122865
+ const config = ensureTableRowConfig(item, rowIndex).value;
122644
122866
  const isExpanding = !config.expand;
122645
122867
  config.expand = isExpanding;
122646
122868
  retrieve_helper.setMousedownEvent(null);
@@ -122663,7 +122885,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122663
122885
  });
122664
122886
  };
122665
122887
  const renderRowVNode = () => {
122666
- if (isFirstPageLoading.value) {
122888
+ if (shouldBlockTableRender.value) {
122667
122889
  return null;
122668
122890
  }
122669
122891
  return renderList.map((row, rowIndex) => {
@@ -122676,7 +122898,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122676
122898
  },
122677
122899
  "on": {
122678
122900
  "row-mousedown": handleRowMousedown,
122679
- "row-mouseup": e => handleRowMouseup(e, row.item)
122901
+ "row-mouseup": e => handleRowMouseup(e, row.item, rowIndex)
122680
122902
  }
122681
122903
  }, [renderRowCells(row.item, rowIndex)])];
122682
122904
  });
@@ -122698,10 +122920,10 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122698
122920
  });
122699
122921
  };
122700
122922
  const loadingText = (0,external_vue_.computed)(() => {
122701
- if (isLoading.value && !isRequesting.value) {
122923
+ if (isLoading.value && !isRequesting.value && !isPaginationLoading.value) {
122702
122924
  return '';
122703
122925
  }
122704
- if (hasMoreList.value && (isLoading.value || isRending.value)) {
122926
+ if (hasMoreList.value && (isLoading.value || isRending.value || isPaginationLoading.value)) {
122705
122927
  return 'Loading ...';
122706
122928
  }
122707
122929
  if (!(isRequesting.value || hasMoreList.value) || tableDataSize.value < pageSize.value) {
@@ -122731,12 +122953,21 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122731
122953
  updateRootElementClass();
122732
122954
  });
122733
122955
  (0,external_vue_.watch)(() => indexSetQueryResult.value.is_loading, (newVal, oldVal) => {
122734
- if (oldVal && !newVal && !isRequesting.value) {
122735
- (0,external_vue_.nextTick)(() => {
122736
- scrollXOffsetLeft = 0;
122737
- refScrollXBar.value?.scrollLeft(0);
122738
- computeRect(refResultRowBox.value);
122739
- });
122956
+ if (oldVal && !newVal) {
122957
+ if (tableDataSize.value === 0) {
122958
+ isFirstPageLayoutPending.value = false;
122959
+ }
122960
+ if (skipNextLoadingEndReset) {
122961
+ skipNextLoadingEndReset = false;
122962
+ return;
122963
+ }
122964
+ if (!isRequesting.value) {
122965
+ (0,external_vue_.nextTick)(() => {
122966
+ scrollXOffsetLeft = 0;
122967
+ refScrollXBar.value?.scrollLeft(0);
122968
+ computeRect(refResultRowBox.value);
122969
+ });
122970
+ }
122740
122971
  }
122741
122972
  });
122742
122973
  const renderLoader = () => {
@@ -122759,11 +122990,14 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122759
122990
  return null;
122760
122991
  };
122761
122992
  const isTableLoading = (0,external_vue_.computed)(() => {
122762
- return tableDataSize.value === 0 && (isRequesting.value || isRending.value || isPageLoading.value || isLoading.value);
122993
+ return !shouldShowFirstPageSkeleton.value && tableDataSize.value === 0 && (isRequesting.value || isRending.value || isPageLoading.value || isLoading.value);
122763
122994
  });
122764
122995
  // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: reason
122765
122996
  const exceptionType = (0,external_vue_.computed)(() => {
122766
122997
  if (tableDataSize.value === 0 || indexFieldInfo.value.is_loading) {
122998
+ if (shouldShowFirstPageSkeleton.value) {
122999
+ return 'hidden';
123000
+ }
122767
123001
  if (isRequesting.value || isLoading.value || isPageLoading.value) {
122768
123002
  return 'loading';
122769
123003
  }
@@ -122781,6 +123015,9 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122781
123015
  return 'hidden';
122782
123016
  });
122783
123017
  const getExceptionRender = () => {
123018
+ if (shouldShowFirstPageSkeleton.value) {
123019
+ return null;
123020
+ }
122784
123021
  return (0,external_vue_.h)(log_result_exception, {
122785
123022
  "attrs": {
122786
123023
  "message": exceptionMsg.value,
@@ -122788,6 +123025,21 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122788
123025
  }
122789
123026
  });
122790
123027
  };
123028
+ const renderFirstPageSkeleton = () => {
123029
+ if (!shouldShowFirstPageSkeleton.value) {
123030
+ return null;
123031
+ }
123032
+ return (0,external_vue_.h)(retrieve_loader, {
123033
+ "class": 'bklog-first-page-skeleton',
123034
+ "attrs": {
123035
+ "isLoading": true,
123036
+ "isOriginalField": showCtxType.value !== 'table',
123037
+ "maxLength": 12,
123038
+ "static": true,
123039
+ "visibleFields": visibleFields.value.length ? visibleFields.value : fullColumns.value
123040
+ }
123041
+ });
123042
+ };
122791
123043
  const renderDelineatePopContent = () => {
122792
123044
  return (0,external_vue_.h)("div", {
122793
123045
  "style": 'display: none;'
@@ -122795,7 +123047,8 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122795
123047
  };
122796
123048
  (0,external_vue_.onBeforeUnmount)(() => {
122797
123049
  popInstanceUtil.uninstallInstance();
122798
- resetRowListState(-1);
123050
+ window.clearTimeout(columnWidthChangeTimer);
123051
+ renderList = Object.freeze([]);
122799
123052
  });
122800
123053
  return {
122801
123054
  refRootElement,
@@ -122808,6 +123061,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122808
123061
  renderScrollXBar,
122809
123062
  renderLoader,
122810
123063
  renderHeadVNode,
123064
+ renderFirstPageSkeleton,
122811
123065
  getExceptionRender,
122812
123066
  tableDataSize,
122813
123067
  resultContainerId,
@@ -122829,7 +123083,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122829
123083
  },
122830
123084
  "ref": 'refResultRowBox',
122831
123085
  "class": 'bklog-row-box'
122832
- }, [this.renderRowVNode()]), this.getExceptionRender(), this.renderFixRightShadow(), this.renderScrollXBar(), this.renderLoader(), this.renderScrollTop(), this.renderDelineatePopContent(), (0,external_vue_.h)("div", {
123086
+ }, [this.renderRowVNode()]), this.renderFirstPageSkeleton(), this.getExceptionRender(), this.renderFixRightShadow(), this.renderScrollXBar(), this.renderLoader(), this.renderScrollTop(), this.renderDelineatePopContent(), (0,external_vue_.h)("div", {
122833
123087
  "class": 'resize-guide-line'
122834
123088
  })]);
122835
123089
  }
@@ -123457,8 +123711,8 @@ var LogClustering = function LogClustering() {
123457
123711
 
123458
123712
  var search_result_panel_component = normalizeComponent(
123459
123713
  retrieve_v2_search_result_panelvue_type_script_setup_true_lang_js,
123460
- search_result_panelvue_type_template_id_06235de0_render,
123461
- search_result_panelvue_type_template_id_06235de0_staticRenderFns,
123714
+ search_result_panelvue_type_template_id_8d8d194c_render,
123715
+ search_result_panelvue_type_template_id_8d8d194c_staticRenderFns,
123462
123716
  false,
123463
123717
  null,
123464
123718
  null,
@@ -143934,8 +144188,8 @@ const SearchResultTab = () => null;
143934
144188
  }), renderTabContent()]);
143935
144189
  }
143936
144190
  }));
143937
- ;// ./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/sub-bar/index.vue?vue&type=template&id=08eba3c6
143938
- var sub_barvue_type_template_id_08eba3c6_render = function render() {
144191
+ ;// ./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/sub-bar/index.vue?vue&type=template&id=01b0e69f
144192
+ var sub_barvue_type_template_id_01b0e69f_render = function render() {
143939
144193
  var _vm = this,
143940
144194
  _c = _vm._self._c,
143941
144195
  _setup = _vm._self._setupProxy;
@@ -144015,7 +144269,7 @@ var sub_barvue_type_template_id_08eba3c6_render = function render() {
144015
144269
  }
144016
144270
  })], 1) : _vm._e()]);
144017
144271
  };
144018
- var sub_barvue_type_template_id_08eba3c6_staticRenderFns = [];
144272
+ var sub_barvue_type_template_id_01b0e69f_staticRenderFns = [];
144019
144273
 
144020
144274
  ;// ./src/components/ellipsis-tag-list/index.tsx
144021
144275
  /*
@@ -146509,7 +146763,7 @@ var AutoRefresh = function AutoRefresh() {
146509
146763
  };
146510
146764
  var handleIndexSetSelected = /*#__PURE__*/function () {
146511
146765
  var _ref = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee(payload) {
146512
- var _payload$ids, indexSetDefaultCondition, _payload$items$, _payload$items$2, _payload$pid;
146766
+ var _payload$ids, indexSetDefaultCondition, _payload$items$, _payload$items$2, _payload$items$3, _payload$pid;
146513
146767
  return regenerator_default().wrap(function _callee$(_context) {
146514
146768
  while (1) switch (_context.prev = _context.next) {
146515
146769
  case 0:
@@ -146532,6 +146786,13 @@ var AutoRefresh = function AutoRefresh() {
146532
146786
  search_mode: 'ui',
146533
146787
  keyword: ''
146534
146788
  };
146789
+ } else if (!((_payload$items$3 = payload.items[0]) !== null && _payload$items$3 !== void 0 && _payload$items$3.addition) && isMonitorComponent) {
146790
+ // 监控下当切换采集项没有addtion时,要置空addition
146791
+ indexSetDefaultCondition = {
146792
+ addition: [],
146793
+ search_mode: 'ui',
146794
+ keyword: ''
146795
+ };
146535
146796
  }
146536
146797
  if (indexSetDefaultCondition.search_mode) {
146537
146798
  store.commit('updateStorage', defineProperty_defineProperty({}, store_type_BK_LOG_STORAGE.SEARCH_TYPE, ['ui', 'sql'].indexOf(indexSetDefaultCondition.search_mode)));
@@ -146754,8 +147015,8 @@ var AutoRefresh = function AutoRefresh() {
146754
147015
 
146755
147016
  var sub_bar_component = normalizeComponent(
146756
147017
  retrieve_v2_sub_barvue_type_script_setup_true_lang_js,
146757
- sub_barvue_type_template_id_08eba3c6_render,
146758
- sub_barvue_type_template_id_08eba3c6_staticRenderFns,
147018
+ sub_barvue_type_template_id_01b0e69f_render,
147019
+ sub_barvue_type_template_id_01b0e69f_staticRenderFns,
146759
147020
  false,
146760
147021
  null,
146761
147022
  null,
@@ -147273,6 +147534,10 @@ var sub_bar_component = normalizeComponent(
147273
147534
  if (!val) return;
147274
147535
  getIndexSetList();
147275
147536
  store.commit('updateIsSetDefaultTableColumn', false);
147537
+ store.commit('resetIndexSetQueryResult', {
147538
+ is_loading: true,
147539
+ search_count: store.state.indexSetQueryResult.search_count + 1
147540
+ });
147276
147541
  const result = handleTransformToTimestamp(val, store.getters.retrieveParams.format);
147277
147542
  store.commit('updateIndexItemParams', {
147278
147543
  start_time: result[0],
@@ -147280,7 +147545,9 @@ var sub_bar_component = normalizeComponent(
147280
147545
  datePickerValue: val
147281
147546
  });
147282
147547
  await store.dispatch('requestIndexSetFieldInfo');
147283
- store.dispatch('requestIndexSetQuery');
147548
+ store.dispatch('requestIndexSetQuery', {
147549
+ searchCount: store.state.indexSetQueryResult.search_count
147550
+ });
147284
147551
  });
147285
147552
  (0,external_vue_.watch)(() => props.timezone, val => {
147286
147553
  if (!val) return;
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@blueking/monitor-apm-log","version":"2.3.22","description":"","main":"main.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"MIT"}
1
+ {"name":"@blueking/monitor-apm-log","version":"2.3.24","description":"","main":"main.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"MIT"}