@blueking/monitor-apm-log 2.3.22 → 2.3.23

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 +364 -124
  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,
@@ -121488,6 +121461,11 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
121488
121461
  getScrollElement,
121489
121462
  hasScrollX,
121490
121463
  computeRect: debounceComputeRect,
121464
+ /**
121465
+ * 同步执行版 computeRect，供外部在需要立即刷新尺寸的场景调用（如字段设置展开/收起）。
121466
+ * 注意：不要用于频繁 resize 场景，会失去防抖保护。
121467
+ */
121468
+ computeRectSync: computeRect,
121491
121469
  scrollDirection,
121492
121470
  offsetWidth,
121493
121471
  scrollWidth
@@ -121698,6 +121676,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
121698
121676
 
121699
121677
 
121700
121678
 
121679
+
121701
121680
 
121702
121681
 
121703
121682
  /* harmony default export */ const log_rows = ((0,external_vue_.defineComponent)({
@@ -121768,6 +121747,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
121768
121747
  const isRending = (0,external_vue_.ref)(false);
121769
121748
  const tableRowConfig = new WeakMap();
121770
121749
  const isPageLoading = (0,external_vue_.ref)(retrieve_helper.isSearching);
121750
+ const isPaginationLoading = (0,external_vue_.ref)(false);
121771
121751
  // 前端本地分页loadmore触发器
121772
121752
  // renderList 没有使用响应式，这里需要手动触发更新，所以这里使用一个计数器来触发更新
121773
121753
  const localUpdateCounter = (0,external_vue_.ref)(0);
@@ -121793,8 +121773,6 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
121793
121773
  });
121794
121774
  const indexSetType = (0,external_vue_.computed)(() => store.state.indexItem.isUnionIndex);
121795
121775
  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
121776
  const exceptionMsg = (0,external_vue_.computed)(() => {
121799
121777
  if (/^cancel$/gi.test(indexSetQueryResult.value?.exception_msg)) {
121800
121778
  return $t('检索结果为空');
@@ -121804,18 +121782,27 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
121804
121782
  const isShowSourceField = (0,external_vue_.computed)(() => store.state.storage[store_type_BK_LOG_STORAGE.TABLE_SHOW_SOURCE_FIELD]);
121805
121783
  const fullColumns = (0,external_vue_.ref)([]);
121806
121784
  const showCtxType = (0,external_vue_.ref)(props.contentType);
121785
+ const columnLayoutVersion = (0,external_vue_.ref)(0);
121786
+ const isFirstPageLayoutPending = (0,external_vue_.ref)(false);
121787
+ let firstPageLayoutToken = 0;
121807
121788
  /**
121808
121789
  * 重置分页状态
121790
+ * 新查询首屏需要先展示骨架屏，等待列宽布局稳定后再渲染真实行，避免 monitor 包外部挂载时首帧列宽抖动。
121809
121791
  */
121810
121792
  const resetPageState = () => {
121811
121793
  pageIndex.value = 1;
121812
121794
  hasMoreList.value = true;
121795
+ isFirstPageLayoutPending.value = true;
121796
+ firstPageLayoutToken += 1;
121813
121797
  };
121814
121798
  const {
121815
121799
  addEvent
121816
121800
  } = use_retrieve_event();
121817
121801
  addEvent(retrieve_events.SEARCHING_CHANGE, isSearching => {
121818
121802
  isPageLoading.value = isSearching;
121803
+ if (isSearching && tableDataSize.value === 0 && !isPaginationLoading.value) {
121804
+ resetPageState();
121805
+ }
121819
121806
  });
121820
121807
  addEvent([retrieve_events.SEARCH_VALUE_CHANGE, retrieve_events.SEARCH_TIME_CHANGE, retrieve_events.TREND_GRAPH_SEARCH, retrieve_events.SORT_LIST_CHANGED], () => {
121821
121808
  resetPageState();
@@ -121908,6 +121895,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
121908
121895
  title: field.field_name,
121909
121896
  width: field.width,
121910
121897
  minWidth: field.minWidth,
121898
+ field_type: field.field_type,
121911
121899
  align: 'top',
121912
121900
  resize: true,
121913
121901
  renderBodyCell: _ref5 => {
@@ -121966,12 +121954,62 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
121966
121954
  }
121967
121955
  };
121968
121956
  };
121969
- const setColWidth = col => {
121970
- col.minWidth = col.width - 4;
121971
- col.width = '100%';
121957
+ const getNumericWidth = function (width) {
121958
+ let fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
121959
+ if (typeof width === 'number') {
121960
+ return width;
121961
+ }
121962
+ if (typeof width === 'string' && width.includes('%')) {
121963
+ return fallback;
121964
+ }
121965
+ const parsedWidth = Number.parseFloat(width);
121966
+ return Number.isNaN(parsedWidth) ? fallback : parsedWidth;
121967
+ };
121968
+ const TABLE_WIDTH_SAFE_GAP = 4;
121969
+ const getFixedColumnsWidth = () => {
121970
+ const expandColumnWidth = 36;
121971
+ const rowIndexColumnWidth = tableShowRowIndex.value ? 50 : 0;
121972
+ const sourceColumnWidth = isShowSourceField.value && indexSetType.value ? 230 : 0;
121973
+ return expandColumnWidth + rowIndexColumnWidth + sourceColumnWidth + operatorToolsWidth.value;
121974
+ };
121975
+ const getFieldsAvailableWidth = () => offsetWidth.value - getFixedColumnsWidth() - TABLE_WIDTH_SAFE_GAP;
121976
+ const getColumnWidthTotal = columnList => {
121977
+ return columnList.reduce((total, item) => total + getNumericWidth(item.width, item.minWidth), 0);
121978
+ };
121979
+ const getExtraWidthTargetColumns = columnList => {
121980
+ const longTextColumns = columnList.filter(item => {
121981
+ return item.field === 'log' || item.field_type === 'text' || getNumericWidth(item.width) >= 800;
121982
+ });
121983
+ return longTextColumns;
121984
+ };
121985
+ const distributeExtraWidthToLongTextColumns = columnList => {
121986
+ const availableWidth = getFieldsAvailableWidth();
121987
+ if (availableWidth <= 0 || columnList.length === 0) {
121988
+ return;
121989
+ }
121990
+ const columnWidth = getColumnWidthTotal(columnList);
121991
+ if (columnWidth >= availableWidth) {
121992
+ return;
121993
+ }
121994
+ const targetColumns = getExtraWidthTargetColumns(columnList);
121995
+ if (targetColumns.length === 0) {
121996
+ return;
121997
+ }
121998
+ const extraWidth = availableWidth - columnWidth;
121999
+ const addWidth = Math.floor(extraWidth / targetColumns.length);
122000
+ let restWidth = extraWidth - addWidth * targetColumns.length;
122001
+ targetColumns.forEach(item => {
122002
+ const nextWidth = getNumericWidth(item.width, item.minWidth) + addWidth + (restWidth > 0 ? 1 : 0);
122003
+ restWidth -= 1;
122004
+ item.width = nextWidth;
122005
+ });
122006
+ };
122007
+ const triggerColumnLayoutReflow = () => {
122008
+ columnLayoutVersion.value += 1;
121972
122009
  };
121973
122010
  // 性能优化：使用 computed 缓存列配置，避免每次渲染都重新计算
121974
122011
  const getFieldColumns = (0,external_vue_.computed)(() => {
122012
+ columnLayoutVersion.value;
121975
122013
  if (showCtxType.value === 'table') {
121976
122014
  const columnList = [];
121977
122015
  const columns = visibleFields.value.length > 0 ? visibleFields.value : fullColumns.value;
@@ -121991,8 +122029,9 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
121991
122029
  logField = columnList[columnList.length - 1];
121992
122030
  }
121993
122031
  if (logField && offsetWidth.value > maxColWidth) {
121994
- setColWidth(logField);
122032
+ logField.width = getNumericWidth(logField.width, logField.minWidth);
121995
122033
  }
122034
+ distributeExtraWidthToLongTextColumns(columnList);
121996
122035
  return columnList;
121997
122036
  }
121998
122037
  return originalColumns.value;
@@ -122015,9 +122054,10 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122015
122054
  fixed: 'left',
122016
122055
  renderBodyCell: _ref7 => {
122017
122056
  let {
122018
- row
122057
+ row,
122058
+ rowIndex
122019
122059
  } = _ref7;
122020
- const config = tableRowConfig.get(row).value;
122060
+ const config = ensureTableRowConfig(row, rowIndex).value;
122021
122061
  return (0,external_vue_.h)("span", {
122022
122062
  "class": ['bklog-expand-icon', {
122023
122063
  'is-expaned': config.expand
@@ -122041,9 +122081,10 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122041
122081
  class: tableShowRowIndex.value ? 'is-show' : 'is-hidden',
122042
122082
  renderBodyCell: _ref8 => {
122043
122083
  let {
122044
- row
122084
+ row,
122085
+ rowIndex
122045
122086
  } = _ref8;
122046
- return tableRowConfig.get(row).value[ROW_INDEX] + 1;
122087
+ return ensureTableRowConfig(row, rowIndex).value[ROW_INDEX] + 1;
122047
122088
  }
122048
122089
  }, {
122049
122090
  field: '',
@@ -122071,13 +122112,13 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122071
122112
  }, [indeSetName]);
122072
122113
  }
122073
122114
  }]);
122074
- const handleRowAIClcik = (e, row) => {
122075
- const rowIndex = tableRowConfig.get(row).value[ROW_INDEX] + 1;
122115
+ const handleRowAIClcik = (e, row, rowIndex) => {
122116
+ const displayRowIndex = ensureTableRowConfig(row, rowIndex).value[ROW_INDEX] + 1;
122076
122117
  const targetRow = e.target.closest('.bklog-row-container');
122077
122118
  const oldRow = targetRow?.parentElement.querySelector('.bklog-row-container.ai-active');
122078
122119
  oldRow?.classList.remove('ai-active');
122079
122120
  targetRow?.classList.add('ai-active');
122080
- props.handleClickTools('ai', row, indexSetOperatorConfig.value, rowIndex);
122121
+ props.handleClickTools('ai', row, indexSetOperatorConfig.value, displayRowIndex);
122081
122122
  };
122082
122123
  const rightColumns = (0,external_vue_.computed)(() => {
122083
122124
  if (window?.__IS_MONITOR_TRACE__) {
@@ -122092,17 +122133,18 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122092
122133
  resize: false,
122093
122134
  renderBodyCell: _ref10 => {
122094
122135
  let {
122095
- row
122136
+ row,
122137
+ rowIndex
122096
122138
  } = _ref10;
122097
122139
  return (// @ts-expect-error
122098
122140
  (0,external_vue_.h)(operator_tools, {
122099
122141
  "attrs": {
122100
122142
  "handle-click": (type, event) => {
122101
122143
  if (type === 'ai') {
122102
- handleRowAIClcik(event, row);
122144
+ handleRowAIClcik(event, row, rowIndex);
122103
122145
  return;
122104
122146
  }
122105
- props.handleClickTools(type, row, indexSetOperatorConfig.value, tableRowConfig.get(row).value[ROW_INDEX] + 1);
122147
+ props.handleClickTools(type, row, indexSetOperatorConfig.value, ensureTableRowConfig(row, rowIndex).value[ROW_INDEX] + 1);
122106
122148
  },
122107
122149
  "index": row[ROW_INDEX],
122108
122150
  "operator-config": indexSetOperatorConfig.value,
@@ -122179,30 +122221,31 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122179
122221
  return cfg;
122180
122222
  }, {});
122181
122223
  };
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
- }
122224
+ const createRowConfigRef = index => {
122225
+ const rowIndex = index >= 0 ? index : -1;
122226
+ const rowKey = `${ROW_KEY}_${rowIndex}`;
122227
+ return (0,external_vue_.ref)({
122228
+ [ROW_KEY]: rowKey,
122229
+ [ROW_INDEX]: rowIndex,
122230
+ ...getRowConfigWithCache()
122231
+ });
122232
+ };
122233
+ const ensureTableRowConfig = (row, index) => {
122234
+ if (!row) {
122235
+ return createRowConfigRef(index);
122196
122236
  }
122197
- if (nextIdx === -1) {
122198
- for (let index = 0; index < tableDataSize.value; index++) {
122199
- const nextRow = tableList.value[index];
122200
- tableRowConfig.delete(nextRow);
122201
- }
122237
+ let config = tableRowConfig.get(row);
122238
+ if (!config) {
122239
+ config = createRowConfigRef(index);
122240
+ tableRowConfig.set(row, config);
122241
+ } else if (index >= 0 && config.value[ROW_INDEX] !== index) {
122242
+ config.value[ROW_INDEX] = index;
122202
122243
  }
122244
+ return config;
122203
122245
  };
122204
122246
  const isRequesting = (0,external_vue_.ref)(false);
122205
122247
  let requestingTimer = null;
122248
+ let skipNextLoadingEndReset = false;
122206
122249
  const debounceSetLoading = function () {
122207
122250
  let delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 120;
122208
122251
  requestingTimer && clearTimeout(requestingTimer);
@@ -122213,10 +122256,11 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122213
122256
  const expandOption = {
122214
122257
  render: _ref11 => {
122215
122258
  let {
122216
- row
122259
+ row,
122260
+ rowIndex
122217
122261
  } = _ref11;
122218
- const config = tableRowConfig.get(row);
122219
- const rowIndex = config.value[ROW_INDEX];
122262
+ const config = ensureTableRowConfig(row, rowIndex);
122263
+ const realRowIndex = config.value[ROW_INDEX];
122220
122264
  // // 性能监控：记录展开渲染耗时
122221
122265
  // perfStart('log-rows:expand-render', {
122222
122266
  // rowIndex,
@@ -122234,7 +122278,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122234
122278
  "data": row,
122235
122279
  "kv-show-fields-list": kvShowFieldsList.value,
122236
122280
  "list-data": row,
122237
- "row-index": rowIndex
122281
+ "row-index": realRowIndex
122238
122282
  },
122239
122283
  "on": {
122240
122284
  "value-click": (type, content, isLink, field, depth, isNestedField) => {
@@ -122244,13 +122288,22 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122244
122288
  });
122245
122289
  }
122246
122290
  };
122247
- const resetRowListState = oldValSize => {
122291
+ let syncResultBoxRectBeforeRender = () => {};
122292
+ let scheduleFirstPageTableReveal = () => {};
122293
+ const resetRowListState = () => {
122294
+ const shouldWaitFirstPageLayout = isFirstPageLayoutPending.value && tableDataSize.value > 0;
122295
+ if (shouldWaitFirstPageLayout) {
122296
+ syncResultBoxRectBeforeRender();
122297
+ }
122248
122298
  setRenderList(null);
122249
122299
  debounceSetLoading();
122250
- updateTableRowConfig(oldValSize ?? 0);
122251
- if (tableDataSize.value <= 50) {
122300
+ localUpdateCounter.value += 1;
122301
+ if (tableDataSize.value <= pageSize.value) {
122252
122302
  (0,external_vue_.nextTick)(retrieve_helper.updateMarkElement.bind(retrieve_helper));
122253
122303
  }
122304
+ if (shouldWaitFirstPageLayout) {
122305
+ scheduleFirstPageTableReveal();
122306
+ }
122254
122307
  };
122255
122308
  /**
122256
122309
  * 同步指定字段的排序状态
@@ -122287,7 +122340,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122287
122340
  }
122288
122341
  return updatedSortList;
122289
122342
  };
122290
- (0,external_vue_.watch)(() => [tableShowRowIndex.value], () => {
122343
+ (0,external_vue_.watch)(() => [tableShowRowIndex.value, isShowSourceField.value, indexSetType.value, operatorToolsWidth.value], () => {
122291
122344
  computeRect();
122292
122345
  });
122293
122346
  /**
@@ -122316,20 +122369,49 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122316
122369
  }
122317
122370
  handleResultBoxResize();
122318
122371
  });
122319
- (0,external_vue_.watch)(() => [tableDataSize.value], (_, oldVal) => {
122320
- resetRowListState(oldVal?.[0]);
122372
+ (0,external_vue_.watch)(() => [tableDataSize.value], _ref14 => {
122373
+ let [size] = _ref14;
122374
+ if (size === 0) {
122375
+ resetPageState();
122376
+ if (!isLoading.value) {
122377
+ isFirstPageLayoutPending.value = false;
122378
+ }
122379
+ }
122380
+ resetRowListState();
122321
122381
  }, {
122322
122382
  immediate: true
122323
122383
  });
122324
122384
  use_resize_observe(() => refResultRowBox.value, () => {
122325
- handleResultBoxResize();
122385
+ handleResultBoxResize(!isColumnWidthChanging);
122326
122386
  retrieve_helper.fire(retrieve_events.RESULT_ROW_BOX_RESIZE);
122327
122387
  }, 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);
122388
+ addEvent([retrieve_events.FAVORITE_WIDTH_CHANGE, retrieve_events.FAVORITE_SHOWN_CHANGE], handleResultBoxResize);
122329
122389
  addEvent(retrieve_events.AI_CLOSE, () => {
122330
122390
  refResultRowBox.value?.querySelector('.ai-active')?.classList.remove('ai-active');
122331
122391
  });
122392
+ let isColumnWidthChanging = false;
122393
+ let columnWidthChangeTimer;
122394
+ const markColumnWidthChanging = () => {
122395
+ isColumnWidthChanging = true;
122396
+ window.clearTimeout(columnWidthChangeTimer);
122397
+ columnWidthChangeTimer = window.setTimeout(() => {
122398
+ isColumnWidthChanging = false;
122399
+ }, 300);
122400
+ };
122401
+ const preserveHorizontalScrollAfterColumnResize = preferredScrollLeft => {
122402
+ (0,external_vue_.nextTick)(() => {
122403
+ requestAnimationFrame(() => {
122404
+ computeRectSync(refResultRowBox.value);
122405
+ const maxOffset = Math.max(0, scrollWidth.value - offsetWidth.value);
122406
+ scrollXOffsetLeft = Math.min(preferredScrollLeft, maxOffset);
122407
+ refScrollXBar.value?.scrollLeft(scrollXOffsetLeft);
122408
+ setRowboxTransform();
122409
+ });
122410
+ });
122411
+ };
122332
122412
  const handleColumnWidthChange = (w, col) => {
122413
+ const prevScrollLeft = scrollXOffsetLeft;
122414
+ markColumnWidthChanging();
122333
122415
  const width = w > 40 ? w : 40;
122334
122416
  const longFiels = visibleFields.value.filter(item => item.width >= 800 || item.field_name === 'log' || item.field_type === 'text');
122335
122417
  const logField = longFiels.find(item => item.field_name === 'log');
@@ -122360,6 +122442,22 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122360
122442
  fieldsWidth: newFieldsWidthObj
122361
122443
  });
122362
122444
  store.commit('updateVisibleFields', visibleFields.value);
122445
+ preserveHorizontalScrollAfterColumnResize(prevScrollLeft);
122446
+ };
122447
+ const getPaginationResponseSize = resp => {
122448
+ if (typeof resp?.length === 'number') {
122449
+ return resp.length;
122450
+ }
122451
+ if (typeof resp?.size === 'number') {
122452
+ return resp.size;
122453
+ }
122454
+ if (Array.isArray(resp)) {
122455
+ return resp.length;
122456
+ }
122457
+ if (Array.isArray(resp?.data?.list)) {
122458
+ return resp.data.list.length;
122459
+ }
122460
+ return null;
122363
122461
  };
122364
122462
  const loadMoreTableData = () => {
122365
122463
  // tableDataSize.value === 0 用于判定是否是第一次渲染导致触发的请求
@@ -122380,15 +122478,19 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122380
122478
  }
122381
122479
  if (hasMoreList.value) {
122382
122480
  isRequesting.value = true;
122481
+ isPaginationLoading.value = true;
122482
+ skipNextLoadingEndReset = true;
122383
122483
  return store.dispatch('requestIndexSetQuery', {
122384
122484
  isPagination: true
122385
122485
  }).then(resp => {
122486
+ const responseSize = getPaginationResponseSize(resp);
122386
122487
  pageIndex.value += 1;
122387
122488
  handleResultBoxResize(false);
122388
- if (resp?.length !== pageSize.value) {
122489
+ if (responseSize !== null && responseSize < pageSize.value) {
122389
122490
  hasMoreList.value = false;
122390
122491
  }
122391
122492
  }).finally(() => {
122493
+ isPaginationLoading.value = false;
122392
122494
  debounceSetLoading(0);
122393
122495
  (0,external_vue_.nextTick)(retrieve_helper.updateMarkElement.bind(retrieve_helper));
122394
122496
  });
@@ -122412,6 +122514,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122412
122514
  offsetWidth,
122413
122515
  scrollWidth,
122414
122516
  computeRect,
122517
+ computeRectSync,
122415
122518
  getScrollElement
122416
122519
  } = use_lazy_render({
122417
122520
  loadMoreFn: loadMoreTableData,
@@ -122419,6 +122522,35 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122419
122522
  rootElement: refRootElement,
122420
122523
  refLoadMoreElement
122421
122524
  });
122525
+ syncResultBoxRectBeforeRender = () => {
122526
+ computeRectSync(refResultRowBox.value);
122527
+ triggerColumnLayoutReflow();
122528
+ };
122529
+ scheduleFirstPageTableReveal = () => {
122530
+ const token = firstPageLayoutToken;
122531
+ (0,external_vue_.nextTick)(() => {
122532
+ requestAnimationFrame(() => {
122533
+ if (token !== firstPageLayoutToken || tableDataSize.value === 0) {
122534
+ return;
122535
+ }
122536
+ computeRectSync(refResultRowBox.value);
122537
+ triggerColumnLayoutReflow();
122538
+ (0,external_vue_.nextTick)(() => {
122539
+ requestAnimationFrame(() => {
122540
+ if (token !== firstPageLayoutToken || tableDataSize.value === 0) {
122541
+ return;
122542
+ }
122543
+ computeRectSync(refResultRowBox.value);
122544
+ isFirstPageLayoutPending.value = false;
122545
+ (0,external_vue_.nextTick)(() => {
122546
+ computeRectSync(refResultRowBox.value);
122547
+ setRowboxTransform();
122548
+ });
122549
+ });
122550
+ });
122551
+ });
122552
+ });
122553
+ };
122422
122554
  const setRowboxTransform = () => {
122423
122555
  if (refResultRowBox.value && refRootElement.value) {
122424
122556
  refResultRowBox.value.scrollLeft = scrollXOffsetLeft;
@@ -122435,6 +122567,39 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122435
122567
  const hasScrollX = (0,external_vue_.computed)(() => {
122436
122568
  return showCtxType.value === 'table' && scrollWidth.value > offsetWidth.value;
122437
122569
  });
122570
+ const syncResultBoxLayout = () => {
122571
+ (0,external_vue_.nextTick)(() => {
122572
+ requestAnimationFrame(() => {
122573
+ triggerColumnLayoutReflow();
122574
+ (0,external_vue_.nextTick)(() => {
122575
+ requestAnimationFrame(() => {
122576
+ computeRectSync(refResultRowBox.value);
122577
+ if (scrollWidth.value <= offsetWidth.value && scrollXOffsetLeft !== 0) {
122578
+ scrollXOffsetLeft = 0;
122579
+ refScrollXBar.value?.scrollLeft(0);
122580
+ }
122581
+ setRowboxTransform();
122582
+ });
122583
+ });
122584
+ });
122585
+ });
122586
+ };
122587
+ const handleFieldSettingLayoutChange = () => {
122588
+ scrollXOffsetLeft = 0;
122589
+ refScrollXBar.value?.scrollLeft(0);
122590
+ computeRectSync(refResultRowBox.value);
122591
+ syncResultBoxLayout();
122592
+ window.setTimeout(syncResultBoxLayout, 120);
122593
+ window.setTimeout(syncResultBoxLayout, 320);
122594
+ };
122595
+ addEvent([retrieve_events.LEFT_FIELD_SETTING_WIDTH_CHANGE, retrieve_events.LEFT_FIELD_SETTING_SHOWN_CHANGE], handleFieldSettingLayoutChange);
122596
+ (0,external_vue_.watch)(() => [offsetWidth.value, showCtxType.value], (_ref15, _ref16) => {
122597
+ let [width] = _ref15;
122598
+ let [oldWidth] = _ref16;
122599
+ if (width !== oldWidth) {
122600
+ syncResultBoxLayout();
122601
+ }
122602
+ });
122438
122603
  const isPreloading = (0,external_vue_.ref)(false); // 是否正在预加载
122439
122604
  const preloadThreshold = 32 * 50; // 距离底部多少 px 开始预加载
122440
122605
  let lastPreloadTime = 0;
@@ -122452,7 +122617,11 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122452
122617
  const clientHeight = scrollElement?.clientHeight ?? 0;
122453
122618
  const scrollHeight = scrollElement?.scrollHeight ?? 0;
122454
122619
  const distanceToBottom = scrollHeight - (scrollTop + clientHeight);
122455
- return distanceToBottom <= preloadThreshold;
122620
+ const shouldPreload = distanceToBottom <= preloadThreshold;
122621
+ if (shouldPreload) {
122622
+ lastPreloadTime = now;
122623
+ }
122624
+ return shouldPreload;
122456
122625
  };
122457
122626
  let isAnimating = false;
122458
122627
  use_wheel({
@@ -122514,20 +122683,45 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122514
122683
  const showHeader = (0,external_vue_.computed)(() => {
122515
122684
  return showCtxType.value === 'table' && tableList.value.length > 0;
122516
122685
  });
122686
+ const hasResultException = (0,external_vue_.computed)(() => {
122687
+ const rawExceptionMsg = indexSetQueryResult.value?.exception_msg ?? '';
122688
+ return indexSetQueryResult.value?.is_error || !!rawExceptionMsg && !/^cancel$/gi.test(rawExceptionMsg);
122689
+ });
122690
+ /**
122691
+ * 字段信息重新加载期间 visibleFields 会被清空。
122692
+ * monitor 独立包切换 timeRange 时，字段接口返回前如果继续渲染旧 renderList，
122693
+ * 表格会只剩固定列（序号/操作列），形成错误中间态。这里仅在字段加载中接管为首屏骨架屏，
122694
+ * 字段加载完成后的错误/空态仍交给 LogResultException 渲染。
122695
+ */
122696
+ const isFieldLoadingForFirstPage = (0,external_vue_.computed)(() => {
122697
+ return indexFieldInfo.value.is_loading && visibleFields.value.length === 0;
122698
+ });
122699
+ const shouldEnterFirstPageSkeleton = (0,external_vue_.computed)(() => {
122700
+ return !hasResultException.value && !isPaginationLoading.value && tableDataSize.value === 0 && (isLoading.value || isPageLoading.value || isRequesting.value);
122701
+ });
122702
+ const shouldShowFirstPageSkeleton = (0,external_vue_.computed)(() => {
122703
+ if (hasResultException.value || isPaginationLoading.value) {
122704
+ return false;
122705
+ }
122706
+ return shouldEnterFirstPageSkeleton.value || isFieldLoadingForFirstPage.value || isFirstPageLayoutPending.value;
122707
+ });
122708
+ const shouldBlockTableRender = (0,external_vue_.computed)(() => {
122709
+ return shouldShowFirstPageSkeleton.value;
122710
+ });
122517
122711
  const renderHeadVNode = () => {
122518
- if (isFirstPageLoading.value) {
122712
+ if (shouldBlockTableRender.value) {
122519
122713
  return null;
122520
122714
  }
122521
- const columnLength = allColumns.value.length;
122522
122715
  let hasFullWidth = false;
122523
122716
  return (0,external_vue_.h)("div", {
122524
122717
  "ref": refTableHead,
122525
122718
  "class": ['bklog-row-container row-header']
122526
122719
  }, [(0,external_vue_.h)("div", {
122527
122720
  "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;
122721
+ }, [allColumns.value.map(column => {
122722
+ const isFullWidthColumn = !hasFullWidth && column.width === '100%';
122723
+ const cellStyle = getColumnWidth(column, isFullWidthColumn);
122724
+ hasFullWidth = hasFullWidth || column.width === '100%';
122531
122725
  return (0,external_vue_.h)(log_cell, {
122532
122726
  "key": column.key,
122533
122727
  "attrs": {
@@ -122578,8 +122772,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122578
122772
  const renderRowCells = (row, rowIndex) => {
122579
122773
  const {
122580
122774
  expand
122581
- } = tableRowConfig.get(row).value;
122582
- const columnLength = allColumns.value.length;
122775
+ } = ensureTableRowConfig(row, rowIndex).value;
122583
122776
  let hasFullWidth = false;
122584
122777
  return [(0,external_vue_.h)("div", {
122585
122778
  "key": `${rowIndex}-row`,
@@ -122588,9 +122781,10 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122588
122781
  "data-row-index": rowIndex,
122589
122782
  "data-row-click": true
122590
122783
  }
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;
122784
+ }, [allColumns.value.map(column => {
122785
+ const isFullWidthColumn = !hasFullWidth && column.width === '100%';
122786
+ const cellStyle = getColumnWidth(column, isFullWidthColumn);
122787
+ hasFullWidth = hasFullWidth || column.width === '100%';
122594
122788
  return (0,external_vue_.h)("div", {
122595
122789
  "key": `${rowIndex}-${column.key}`,
122596
122790
  "style": cellStyle,
@@ -122601,7 +122795,8 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122601
122795
  rowIndex
122602
122796
  }, external_vue_.h) ?? column.title]);
122603
122797
  })]), expand ? expandOption.render({
122604
- row
122798
+ row,
122799
+ rowIndex
122605
122800
  }) : ''];
122606
122801
  };
122607
122802
  const handleRowMousedown = e => {
@@ -122613,7 +122808,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122613
122808
  retrieve_helper.setMousedownEvent(e);
122614
122809
  savedSelection = null;
122615
122810
  };
122616
- const handleRowMouseup = (e, item) => {
122811
+ const handleRowMouseup = (e, item, rowIndex) => {
122617
122812
  if (!mousedownOnRow) {
122618
122813
  retrieve_helper.setMousedownEvent(null);
122619
122814
  return;
@@ -122640,7 +122835,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122640
122835
  retrieve_helper.setMousedownEvent(null);
122641
122836
  return;
122642
122837
  }
122643
- const config = tableRowConfig.get(item).value;
122838
+ const config = ensureTableRowConfig(item, rowIndex).value;
122644
122839
  const isExpanding = !config.expand;
122645
122840
  config.expand = isExpanding;
122646
122841
  retrieve_helper.setMousedownEvent(null);
@@ -122663,7 +122858,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122663
122858
  });
122664
122859
  };
122665
122860
  const renderRowVNode = () => {
122666
- if (isFirstPageLoading.value) {
122861
+ if (shouldBlockTableRender.value) {
122667
122862
  return null;
122668
122863
  }
122669
122864
  return renderList.map((row, rowIndex) => {
@@ -122676,7 +122871,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122676
122871
  },
122677
122872
  "on": {
122678
122873
  "row-mousedown": handleRowMousedown,
122679
- "row-mouseup": e => handleRowMouseup(e, row.item)
122874
+ "row-mouseup": e => handleRowMouseup(e, row.item, rowIndex)
122680
122875
  }
122681
122876
  }, [renderRowCells(row.item, rowIndex)])];
122682
122877
  });
@@ -122698,10 +122893,10 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122698
122893
  });
122699
122894
  };
122700
122895
  const loadingText = (0,external_vue_.computed)(() => {
122701
- if (isLoading.value && !isRequesting.value) {
122896
+ if (isLoading.value && !isRequesting.value && !isPaginationLoading.value) {
122702
122897
  return '';
122703
122898
  }
122704
- if (hasMoreList.value && (isLoading.value || isRending.value)) {
122899
+ if (hasMoreList.value && (isLoading.value || isRending.value || isPaginationLoading.value)) {
122705
122900
  return 'Loading ...';
122706
122901
  }
122707
122902
  if (!(isRequesting.value || hasMoreList.value) || tableDataSize.value < pageSize.value) {
@@ -122731,12 +122926,21 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122731
122926
  updateRootElementClass();
122732
122927
  });
122733
122928
  (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
- });
122929
+ if (oldVal && !newVal) {
122930
+ if (tableDataSize.value === 0) {
122931
+ isFirstPageLayoutPending.value = false;
122932
+ }
122933
+ if (skipNextLoadingEndReset) {
122934
+ skipNextLoadingEndReset = false;
122935
+ return;
122936
+ }
122937
+ if (!isRequesting.value) {
122938
+ (0,external_vue_.nextTick)(() => {
122939
+ scrollXOffsetLeft = 0;
122940
+ refScrollXBar.value?.scrollLeft(0);
122941
+ computeRect(refResultRowBox.value);
122942
+ });
122943
+ }
122740
122944
  }
122741
122945
  });
122742
122946
  const renderLoader = () => {
@@ -122759,11 +122963,14 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122759
122963
  return null;
122760
122964
  };
122761
122965
  const isTableLoading = (0,external_vue_.computed)(() => {
122762
- return tableDataSize.value === 0 && (isRequesting.value || isRending.value || isPageLoading.value || isLoading.value);
122966
+ return !shouldShowFirstPageSkeleton.value && tableDataSize.value === 0 && (isRequesting.value || isRending.value || isPageLoading.value || isLoading.value);
122763
122967
  });
122764
122968
  // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: reason
122765
122969
  const exceptionType = (0,external_vue_.computed)(() => {
122766
122970
  if (tableDataSize.value === 0 || indexFieldInfo.value.is_loading) {
122971
+ if (shouldShowFirstPageSkeleton.value) {
122972
+ return 'hidden';
122973
+ }
122767
122974
  if (isRequesting.value || isLoading.value || isPageLoading.value) {
122768
122975
  return 'loading';
122769
122976
  }
@@ -122781,6 +122988,9 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122781
122988
  return 'hidden';
122782
122989
  });
122783
122990
  const getExceptionRender = () => {
122991
+ if (shouldShowFirstPageSkeleton.value) {
122992
+ return null;
122993
+ }
122784
122994
  return (0,external_vue_.h)(log_result_exception, {
122785
122995
  "attrs": {
122786
122996
  "message": exceptionMsg.value,
@@ -122788,6 +122998,21 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122788
122998
  }
122789
122999
  });
122790
123000
  };
123001
+ const renderFirstPageSkeleton = () => {
123002
+ if (!shouldShowFirstPageSkeleton.value) {
123003
+ return null;
123004
+ }
123005
+ return (0,external_vue_.h)(retrieve_loader, {
123006
+ "class": 'bklog-first-page-skeleton',
123007
+ "attrs": {
123008
+ "isLoading": true,
123009
+ "isOriginalField": showCtxType.value !== 'table',
123010
+ "maxLength": 12,
123011
+ "static": true,
123012
+ "visibleFields": visibleFields.value.length ? visibleFields.value : fullColumns.value
123013
+ }
123014
+ });
123015
+ };
122791
123016
  const renderDelineatePopContent = () => {
122792
123017
  return (0,external_vue_.h)("div", {
122793
123018
  "style": 'display: none;'
@@ -122795,7 +123020,8 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122795
123020
  };
122796
123021
  (0,external_vue_.onBeforeUnmount)(() => {
122797
123022
  popInstanceUtil.uninstallInstance();
122798
- resetRowListState(-1);
123023
+ window.clearTimeout(columnWidthChangeTimer);
123024
+ renderList = Object.freeze([]);
122799
123025
  });
122800
123026
  return {
122801
123027
  refRootElement,
@@ -122808,6 +123034,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122808
123034
  renderScrollXBar,
122809
123035
  renderLoader,
122810
123036
  renderHeadVNode,
123037
+ renderFirstPageSkeleton,
122811
123038
  getExceptionRender,
122812
123039
  tableDataSize,
122813
123040
  resultContainerId,
@@ -122829,7 +123056,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
122829
123056
  },
122830
123057
  "ref": 'refResultRowBox',
122831
123058
  "class": 'bklog-row-box'
122832
- }, [this.renderRowVNode()]), this.getExceptionRender(), this.renderFixRightShadow(), this.renderScrollXBar(), this.renderLoader(), this.renderScrollTop(), this.renderDelineatePopContent(), (0,external_vue_.h)("div", {
123059
+ }, [this.renderRowVNode()]), this.renderFirstPageSkeleton(), this.getExceptionRender(), this.renderFixRightShadow(), this.renderScrollXBar(), this.renderLoader(), this.renderScrollTop(), this.renderDelineatePopContent(), (0,external_vue_.h)("div", {
122833
123060
  "class": 'resize-guide-line'
122834
123061
  })]);
122835
123062
  }
@@ -123457,8 +123684,8 @@ var LogClustering = function LogClustering() {
123457
123684
 
123458
123685
  var search_result_panel_component = normalizeComponent(
123459
123686
  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,
123687
+ search_result_panelvue_type_template_id_8d8d194c_render,
123688
+ search_result_panelvue_type_template_id_8d8d194c_staticRenderFns,
123462
123689
  false,
123463
123690
  null,
123464
123691
  null,
@@ -143934,8 +144161,8 @@ const SearchResultTab = () => null;
143934
144161
  }), renderTabContent()]);
143935
144162
  }
143936
144163
  }));
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() {
144164
+ ;// ./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
144165
+ var sub_barvue_type_template_id_01b0e69f_render = function render() {
143939
144166
  var _vm = this,
143940
144167
  _c = _vm._self._c,
143941
144168
  _setup = _vm._self._setupProxy;
@@ -144015,7 +144242,7 @@ var sub_barvue_type_template_id_08eba3c6_render = function render() {
144015
144242
  }
144016
144243
  })], 1) : _vm._e()]);
144017
144244
  };
144018
- var sub_barvue_type_template_id_08eba3c6_staticRenderFns = [];
144245
+ var sub_barvue_type_template_id_01b0e69f_staticRenderFns = [];
144019
144246
 
144020
144247
  ;// ./src/components/ellipsis-tag-list/index.tsx
144021
144248
  /*
@@ -146509,7 +146736,7 @@ var AutoRefresh = function AutoRefresh() {
146509
146736
  };
146510
146737
  var handleIndexSetSelected = /*#__PURE__*/function () {
146511
146738
  var _ref = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee(payload) {
146512
- var _payload$ids, indexSetDefaultCondition, _payload$items$, _payload$items$2, _payload$pid;
146739
+ var _payload$ids, indexSetDefaultCondition, _payload$items$, _payload$items$2, _payload$items$3, _payload$pid;
146513
146740
  return regenerator_default().wrap(function _callee$(_context) {
146514
146741
  while (1) switch (_context.prev = _context.next) {
146515
146742
  case 0:
@@ -146532,6 +146759,13 @@ var AutoRefresh = function AutoRefresh() {
146532
146759
  search_mode: 'ui',
146533
146760
  keyword: ''
146534
146761
  };
146762
+ } else if (!((_payload$items$3 = payload.items[0]) !== null && _payload$items$3 !== void 0 && _payload$items$3.addition) && isMonitorComponent) {
146763
+ // 监控下当切换采集项没有addtion时，要置空addition
146764
+ indexSetDefaultCondition = {
146765
+ addition: [],
146766
+ search_mode: 'ui',
146767
+ keyword: ''
146768
+ };
146535
146769
  }
146536
146770
  if (indexSetDefaultCondition.search_mode) {
146537
146771
  store.commit('updateStorage', defineProperty_defineProperty({}, store_type_BK_LOG_STORAGE.SEARCH_TYPE, ['ui', 'sql'].indexOf(indexSetDefaultCondition.search_mode)));
@@ -146754,8 +146988,8 @@ var AutoRefresh = function AutoRefresh() {
146754
146988
 
146755
146989
  var sub_bar_component = normalizeComponent(
146756
146990
  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,
146991
+ sub_barvue_type_template_id_01b0e69f_render,
146992
+ sub_barvue_type_template_id_01b0e69f_staticRenderFns,
146759
146993
  false,
146760
146994
  null,
146761
146995
  null,
@@ -147273,6 +147507,10 @@ var sub_bar_component = normalizeComponent(
147273
147507
  if (!val) return;
147274
147508
  getIndexSetList();
147275
147509
  store.commit('updateIsSetDefaultTableColumn', false);
147510
+ store.commit('resetIndexSetQueryResult', {
147511
+ is_loading: true,
147512
+ search_count: store.state.indexSetQueryResult.search_count + 1
147513
+ });
147276
147514
  const result = handleTransformToTimestamp(val, store.getters.retrieveParams.format);
147277
147515
  store.commit('updateIndexItemParams', {
147278
147516
  start_time: result[0],
@@ -147280,7 +147518,9 @@ var sub_bar_component = normalizeComponent(
147280
147518
  datePickerValue: val
147281
147519
  });
147282
147520
  await store.dispatch('requestIndexSetFieldInfo');
147283
- store.dispatch('requestIndexSetQuery');
147521
+ store.dispatch('requestIndexSetQuery', {
147522
+ searchCount: store.state.indexSetQueryResult.search_count
147523
+ });
147284
147524
  });
147285
147525
  (0,external_vue_.watch)(() => props.timezone, val => {
147286
147526
  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.23","description":"","main":"main.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"MIT"}