@blueking/monitor-apm-log 2.3.22 → 2.3.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/main.css +3 -3
- package/main.js +394 -127
- 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;
|
|
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
|
|
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:
|
|
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
|
-
//
|
|
39111
|
-
|
|
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=
|
|
98635
|
-
var
|
|
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
|
|
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=
|
|
103215
|
-
var
|
|
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
|
|
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
|
-
|
|
110525
|
-
|
|
110497
|
+
field_filtervue_type_template_id_916bb93a_render,
|
|
110498
|
+
field_filtervue_type_template_id_916bb93a_staticRenderFns,
|
|
110526
110499
|
false,
|
|
110527
110500
|
null,
|
|
110528
110501
|
null,
|
|
@@ -115772,9 +115745,18 @@ class TaskEventManager {
|
|
|
115772
115745
|
}
|
|
115773
115746
|
const taskEventManager = new TaskEventManager();
|
|
115774
115747
|
class UseSegmentProp {
|
|
115748
|
+
/**
|
|
115749
|
+
* 全局实例递增计数器。
|
|
115750
|
+
* 同一页面可能同时加载多个检索包(例如 apm + trace),它们会共享 document.body。
|
|
115751
|
+
* 这里通过递增计数为每个 UseSegmentProp 实例生成稳定且唯一的 owner id,
|
|
115752
|
+
* 用于隔离弹层 DOM 的查询与复用,避免“后加载包误复用先加载包节点”。
|
|
115753
|
+
*/
|
|
115754
|
+
static instanceCounter = 0;
|
|
115775
115755
|
className = 'bklog-segment-pop-content';
|
|
115776
115756
|
wrapperClassName = 'bklog-pop-wrapper';
|
|
115777
115757
|
wrapperIdName = 'bklog_pop_wrapper';
|
|
115758
|
+
/** 当前实例的 owner id,用于把弹层内容与实例绑定 */
|
|
115759
|
+
instanceId;
|
|
115778
115760
|
refContent;
|
|
115779
115761
|
delineate;
|
|
115780
115762
|
$t;
|
|
@@ -115793,6 +115775,9 @@ class UseSegmentProp {
|
|
|
115793
115775
|
const {
|
|
115794
115776
|
$t
|
|
115795
115777
|
} = use_locale();
|
|
115778
|
+
// 生成实例唯一 owner,后续会写到 DOM data 属性中做精确定位。
|
|
115779
|
+
UseSegmentProp.instanceCounter += 1;
|
|
115780
|
+
this.instanceId = `segment-pop-${UseSegmentProp.instanceCounter}`;
|
|
115796
115781
|
this.$t = $t;
|
|
115797
115782
|
this.refContent = (0,external_vue_.ref)();
|
|
115798
115783
|
this.delineate = delineate;
|
|
@@ -115893,7 +115878,15 @@ class UseSegmentProp {
|
|
|
115893
115878
|
});
|
|
115894
115879
|
return (0,external_vue_.h)('div', {
|
|
115895
115880
|
class: 'segment-event-icons event-tippy-content',
|
|
115896
|
-
ref: refName
|
|
115881
|
+
ref: refName,
|
|
115882
|
+
attrs: {
|
|
115883
|
+
/**
|
|
115884
|
+
* 将弹层内容显式声明为“属于哪个 UseSegmentProp 实例”。
|
|
115885
|
+
* 当多个独立包并存时,后续 mounted/query 会基于该属性做实例级选择,
|
|
115886
|
+
* 避免跨包共享节点造成事件上下文错配,进而出现点击无响应。
|
|
115887
|
+
*/
|
|
115888
|
+
'data-segment-owner': this.instanceId
|
|
115889
|
+
}
|
|
115897
115890
|
}, [eventBoxList.map(item => (0,external_vue_.h)('div', {
|
|
115898
115891
|
class: 'segment-event-box',
|
|
115899
115892
|
attrs: {
|
|
@@ -115939,7 +115932,13 @@ class UseSegmentProp {
|
|
|
115939
115932
|
target.classList.add(this.wrapperClassName);
|
|
115940
115933
|
document.body.appendChild(target);
|
|
115941
115934
|
}
|
|
115942
|
-
|
|
115935
|
+
/**
|
|
115936
|
+
* 仅匹配“当前实例拥有”的弹层节点:
|
|
115937
|
+
* - 不再使用通配 `.event-tippy-content`,避免命中其他包创建的节点
|
|
115938
|
+
* - 如果当前实例节点不存在才创建,存在则直接复用(幂等)
|
|
115939
|
+
*/
|
|
115940
|
+
const ownContentSelector = `.${this.className} .event-tippy-content[data-segment-owner="${this.instanceId}"]`;
|
|
115941
|
+
if (!target.querySelector(ownContentSelector)) {
|
|
115943
115942
|
const app = new (external_vue_default())({
|
|
115944
115943
|
render: () => {
|
|
115945
115944
|
return (0,external_vue_.h)('div', {
|
|
@@ -115953,7 +115952,8 @@ class UseSegmentProp {
|
|
|
115953
115952
|
target.append(app.$el);
|
|
115954
115953
|
}
|
|
115955
115954
|
if (!this.refContent.value) {
|
|
115956
|
-
|
|
115955
|
+
// refContent 只缓存当前实例节点,保证 getSegmentContent 的引用与事件绑定一致。
|
|
115956
|
+
this.refContent.value = target.querySelector(ownContentSelector);
|
|
115957
115957
|
}
|
|
115958
115958
|
};
|
|
115959
115959
|
getSegmentContent(keyRef, onSegmentEnumClick) {
|
|
@@ -121488,6 +121488,11 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
121488
121488
|
getScrollElement,
|
|
121489
121489
|
hasScrollX,
|
|
121490
121490
|
computeRect: debounceComputeRect,
|
|
121491
|
+
/**
|
|
121492
|
+
* 同步执行版 computeRect,供外部在需要立即刷新尺寸的场景调用(如字段设置展开/收起)。
|
|
121493
|
+
* 注意:不要用于频繁 resize 场景,会失去防抖保护。
|
|
121494
|
+
*/
|
|
121495
|
+
computeRectSync: computeRect,
|
|
121491
121496
|
scrollDirection,
|
|
121492
121497
|
offsetWidth,
|
|
121493
121498
|
scrollWidth
|
|
@@ -121698,6 +121703,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
121698
121703
|
|
|
121699
121704
|
|
|
121700
121705
|
|
|
121706
|
+
|
|
121701
121707
|
|
|
121702
121708
|
|
|
121703
121709
|
/* harmony default export */ const log_rows = ((0,external_vue_.defineComponent)({
|
|
@@ -121768,6 +121774,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
121768
121774
|
const isRending = (0,external_vue_.ref)(false);
|
|
121769
121775
|
const tableRowConfig = new WeakMap();
|
|
121770
121776
|
const isPageLoading = (0,external_vue_.ref)(retrieve_helper.isSearching);
|
|
121777
|
+
const isPaginationLoading = (0,external_vue_.ref)(false);
|
|
121771
121778
|
// 前端本地分页loadmore触发器
|
|
121772
121779
|
// renderList 没有使用响应式,这里需要手动触发更新,所以这里使用一个计数器来触发更新
|
|
121773
121780
|
const localUpdateCounter = (0,external_vue_.ref)(0);
|
|
@@ -121793,8 +121800,6 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
121793
121800
|
});
|
|
121794
121801
|
const indexSetType = (0,external_vue_.computed)(() => store.state.indexItem.isUnionIndex);
|
|
121795
121802
|
const limitRow = (0,external_vue_.computed)(() => store.state.storage[store_type_BK_LOG_STORAGE.RESULT_DISPLAY_LINES]);
|
|
121796
|
-
// 检索第一页数据时,loading状态
|
|
121797
|
-
const isFirstPageLoading = (0,external_vue_.computed)(() => isLoading.value && !isRequesting.value);
|
|
121798
121803
|
const exceptionMsg = (0,external_vue_.computed)(() => {
|
|
121799
121804
|
if (/^cancel$/gi.test(indexSetQueryResult.value?.exception_msg)) {
|
|
121800
121805
|
return $t('检索结果为空');
|
|
@@ -121804,18 +121809,27 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
121804
121809
|
const isShowSourceField = (0,external_vue_.computed)(() => store.state.storage[store_type_BK_LOG_STORAGE.TABLE_SHOW_SOURCE_FIELD]);
|
|
121805
121810
|
const fullColumns = (0,external_vue_.ref)([]);
|
|
121806
121811
|
const showCtxType = (0,external_vue_.ref)(props.contentType);
|
|
121812
|
+
const columnLayoutVersion = (0,external_vue_.ref)(0);
|
|
121813
|
+
const isFirstPageLayoutPending = (0,external_vue_.ref)(false);
|
|
121814
|
+
let firstPageLayoutToken = 0;
|
|
121807
121815
|
/**
|
|
121808
121816
|
* 重置分页状态
|
|
121817
|
+
* 新查询首屏需要先展示骨架屏,等待列宽布局稳定后再渲染真实行,避免 monitor 包外部挂载时首帧列宽抖动。
|
|
121809
121818
|
*/
|
|
121810
121819
|
const resetPageState = () => {
|
|
121811
121820
|
pageIndex.value = 1;
|
|
121812
121821
|
hasMoreList.value = true;
|
|
121822
|
+
isFirstPageLayoutPending.value = true;
|
|
121823
|
+
firstPageLayoutToken += 1;
|
|
121813
121824
|
};
|
|
121814
121825
|
const {
|
|
121815
121826
|
addEvent
|
|
121816
121827
|
} = use_retrieve_event();
|
|
121817
121828
|
addEvent(retrieve_events.SEARCHING_CHANGE, isSearching => {
|
|
121818
121829
|
isPageLoading.value = isSearching;
|
|
121830
|
+
if (isSearching && tableDataSize.value === 0 && !isPaginationLoading.value) {
|
|
121831
|
+
resetPageState();
|
|
121832
|
+
}
|
|
121819
121833
|
});
|
|
121820
121834
|
addEvent([retrieve_events.SEARCH_VALUE_CHANGE, retrieve_events.SEARCH_TIME_CHANGE, retrieve_events.TREND_GRAPH_SEARCH, retrieve_events.SORT_LIST_CHANGED], () => {
|
|
121821
121835
|
resetPageState();
|
|
@@ -121908,6 +121922,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
121908
121922
|
title: field.field_name,
|
|
121909
121923
|
width: field.width,
|
|
121910
121924
|
minWidth: field.minWidth,
|
|
121925
|
+
field_type: field.field_type,
|
|
121911
121926
|
align: 'top',
|
|
121912
121927
|
resize: true,
|
|
121913
121928
|
renderBodyCell: _ref5 => {
|
|
@@ -121966,12 +121981,62 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
121966
121981
|
}
|
|
121967
121982
|
};
|
|
121968
121983
|
};
|
|
121969
|
-
const
|
|
121970
|
-
|
|
121971
|
-
|
|
121984
|
+
const getNumericWidth = function (width) {
|
|
121985
|
+
let fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
121986
|
+
if (typeof width === 'number') {
|
|
121987
|
+
return width;
|
|
121988
|
+
}
|
|
121989
|
+
if (typeof width === 'string' && width.includes('%')) {
|
|
121990
|
+
return fallback;
|
|
121991
|
+
}
|
|
121992
|
+
const parsedWidth = Number.parseFloat(width);
|
|
121993
|
+
return Number.isNaN(parsedWidth) ? fallback : parsedWidth;
|
|
121994
|
+
};
|
|
121995
|
+
const TABLE_WIDTH_SAFE_GAP = 4;
|
|
121996
|
+
const getFixedColumnsWidth = () => {
|
|
121997
|
+
const expandColumnWidth = 36;
|
|
121998
|
+
const rowIndexColumnWidth = tableShowRowIndex.value ? 50 : 0;
|
|
121999
|
+
const sourceColumnWidth = isShowSourceField.value && indexSetType.value ? 230 : 0;
|
|
122000
|
+
return expandColumnWidth + rowIndexColumnWidth + sourceColumnWidth + operatorToolsWidth.value;
|
|
122001
|
+
};
|
|
122002
|
+
const getFieldsAvailableWidth = () => offsetWidth.value - getFixedColumnsWidth() - TABLE_WIDTH_SAFE_GAP;
|
|
122003
|
+
const getColumnWidthTotal = columnList => {
|
|
122004
|
+
return columnList.reduce((total, item) => total + getNumericWidth(item.width, item.minWidth), 0);
|
|
122005
|
+
};
|
|
122006
|
+
const getExtraWidthTargetColumns = columnList => {
|
|
122007
|
+
const longTextColumns = columnList.filter(item => {
|
|
122008
|
+
return item.field === 'log' || item.field_type === 'text' || getNumericWidth(item.width) >= 800;
|
|
122009
|
+
});
|
|
122010
|
+
return longTextColumns;
|
|
122011
|
+
};
|
|
122012
|
+
const distributeExtraWidthToLongTextColumns = columnList => {
|
|
122013
|
+
const availableWidth = getFieldsAvailableWidth();
|
|
122014
|
+
if (availableWidth <= 0 || columnList.length === 0) {
|
|
122015
|
+
return;
|
|
122016
|
+
}
|
|
122017
|
+
const columnWidth = getColumnWidthTotal(columnList);
|
|
122018
|
+
if (columnWidth >= availableWidth) {
|
|
122019
|
+
return;
|
|
122020
|
+
}
|
|
122021
|
+
const targetColumns = getExtraWidthTargetColumns(columnList);
|
|
122022
|
+
if (targetColumns.length === 0) {
|
|
122023
|
+
return;
|
|
122024
|
+
}
|
|
122025
|
+
const extraWidth = availableWidth - columnWidth;
|
|
122026
|
+
const addWidth = Math.floor(extraWidth / targetColumns.length);
|
|
122027
|
+
let restWidth = extraWidth - addWidth * targetColumns.length;
|
|
122028
|
+
targetColumns.forEach(item => {
|
|
122029
|
+
const nextWidth = getNumericWidth(item.width, item.minWidth) + addWidth + (restWidth > 0 ? 1 : 0);
|
|
122030
|
+
restWidth -= 1;
|
|
122031
|
+
item.width = nextWidth;
|
|
122032
|
+
});
|
|
122033
|
+
};
|
|
122034
|
+
const triggerColumnLayoutReflow = () => {
|
|
122035
|
+
columnLayoutVersion.value += 1;
|
|
121972
122036
|
};
|
|
121973
122037
|
// 性能优化:使用 computed 缓存列配置,避免每次渲染都重新计算
|
|
121974
122038
|
const getFieldColumns = (0,external_vue_.computed)(() => {
|
|
122039
|
+
columnLayoutVersion.value;
|
|
121975
122040
|
if (showCtxType.value === 'table') {
|
|
121976
122041
|
const columnList = [];
|
|
121977
122042
|
const columns = visibleFields.value.length > 0 ? visibleFields.value : fullColumns.value;
|
|
@@ -121991,8 +122056,9 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
121991
122056
|
logField = columnList[columnList.length - 1];
|
|
121992
122057
|
}
|
|
121993
122058
|
if (logField && offsetWidth.value > maxColWidth) {
|
|
121994
|
-
|
|
122059
|
+
logField.width = getNumericWidth(logField.width, logField.minWidth);
|
|
121995
122060
|
}
|
|
122061
|
+
distributeExtraWidthToLongTextColumns(columnList);
|
|
121996
122062
|
return columnList;
|
|
121997
122063
|
}
|
|
121998
122064
|
return originalColumns.value;
|
|
@@ -122015,9 +122081,10 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122015
122081
|
fixed: 'left',
|
|
122016
122082
|
renderBodyCell: _ref7 => {
|
|
122017
122083
|
let {
|
|
122018
|
-
row
|
|
122084
|
+
row,
|
|
122085
|
+
rowIndex
|
|
122019
122086
|
} = _ref7;
|
|
122020
|
-
const config =
|
|
122087
|
+
const config = ensureTableRowConfig(row, rowIndex).value;
|
|
122021
122088
|
return (0,external_vue_.h)("span", {
|
|
122022
122089
|
"class": ['bklog-expand-icon', {
|
|
122023
122090
|
'is-expaned': config.expand
|
|
@@ -122041,9 +122108,10 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122041
122108
|
class: tableShowRowIndex.value ? 'is-show' : 'is-hidden',
|
|
122042
122109
|
renderBodyCell: _ref8 => {
|
|
122043
122110
|
let {
|
|
122044
|
-
row
|
|
122111
|
+
row,
|
|
122112
|
+
rowIndex
|
|
122045
122113
|
} = _ref8;
|
|
122046
|
-
return
|
|
122114
|
+
return ensureTableRowConfig(row, rowIndex).value[ROW_INDEX] + 1;
|
|
122047
122115
|
}
|
|
122048
122116
|
}, {
|
|
122049
122117
|
field: '',
|
|
@@ -122071,13 +122139,13 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122071
122139
|
}, [indeSetName]);
|
|
122072
122140
|
}
|
|
122073
122141
|
}]);
|
|
122074
|
-
const handleRowAIClcik = (e, row) => {
|
|
122075
|
-
const
|
|
122142
|
+
const handleRowAIClcik = (e, row, rowIndex) => {
|
|
122143
|
+
const displayRowIndex = ensureTableRowConfig(row, rowIndex).value[ROW_INDEX] + 1;
|
|
122076
122144
|
const targetRow = e.target.closest('.bklog-row-container');
|
|
122077
122145
|
const oldRow = targetRow?.parentElement.querySelector('.bklog-row-container.ai-active');
|
|
122078
122146
|
oldRow?.classList.remove('ai-active');
|
|
122079
122147
|
targetRow?.classList.add('ai-active');
|
|
122080
|
-
props.handleClickTools('ai', row, indexSetOperatorConfig.value,
|
|
122148
|
+
props.handleClickTools('ai', row, indexSetOperatorConfig.value, displayRowIndex);
|
|
122081
122149
|
};
|
|
122082
122150
|
const rightColumns = (0,external_vue_.computed)(() => {
|
|
122083
122151
|
if (window?.__IS_MONITOR_TRACE__) {
|
|
@@ -122092,17 +122160,18 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122092
122160
|
resize: false,
|
|
122093
122161
|
renderBodyCell: _ref10 => {
|
|
122094
122162
|
let {
|
|
122095
|
-
row
|
|
122163
|
+
row,
|
|
122164
|
+
rowIndex
|
|
122096
122165
|
} = _ref10;
|
|
122097
122166
|
return (// @ts-expect-error
|
|
122098
122167
|
(0,external_vue_.h)(operator_tools, {
|
|
122099
122168
|
"attrs": {
|
|
122100
122169
|
"handle-click": (type, event) => {
|
|
122101
122170
|
if (type === 'ai') {
|
|
122102
|
-
handleRowAIClcik(event, row);
|
|
122171
|
+
handleRowAIClcik(event, row, rowIndex);
|
|
122103
122172
|
return;
|
|
122104
122173
|
}
|
|
122105
|
-
props.handleClickTools(type, row, indexSetOperatorConfig.value,
|
|
122174
|
+
props.handleClickTools(type, row, indexSetOperatorConfig.value, ensureTableRowConfig(row, rowIndex).value[ROW_INDEX] + 1);
|
|
122106
122175
|
},
|
|
122107
122176
|
"index": row[ROW_INDEX],
|
|
122108
122177
|
"operator-config": indexSetOperatorConfig.value,
|
|
@@ -122179,30 +122248,31 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122179
122248
|
return cfg;
|
|
122180
122249
|
}, {});
|
|
122181
122250
|
};
|
|
122182
|
-
const
|
|
122183
|
-
|
|
122184
|
-
|
|
122185
|
-
|
|
122186
|
-
|
|
122187
|
-
|
|
122188
|
-
|
|
122189
|
-
|
|
122190
|
-
|
|
122191
|
-
|
|
122192
|
-
|
|
122193
|
-
|
|
122194
|
-
}
|
|
122195
|
-
}
|
|
122251
|
+
const createRowConfigRef = index => {
|
|
122252
|
+
const rowIndex = index >= 0 ? index : -1;
|
|
122253
|
+
const rowKey = `${ROW_KEY}_${rowIndex}`;
|
|
122254
|
+
return (0,external_vue_.ref)({
|
|
122255
|
+
[ROW_KEY]: rowKey,
|
|
122256
|
+
[ROW_INDEX]: rowIndex,
|
|
122257
|
+
...getRowConfigWithCache()
|
|
122258
|
+
});
|
|
122259
|
+
};
|
|
122260
|
+
const ensureTableRowConfig = (row, index) => {
|
|
122261
|
+
if (!row) {
|
|
122262
|
+
return createRowConfigRef(index);
|
|
122196
122263
|
}
|
|
122197
|
-
|
|
122198
|
-
|
|
122199
|
-
|
|
122200
|
-
|
|
122201
|
-
|
|
122264
|
+
let config = tableRowConfig.get(row);
|
|
122265
|
+
if (!config) {
|
|
122266
|
+
config = createRowConfigRef(index);
|
|
122267
|
+
tableRowConfig.set(row, config);
|
|
122268
|
+
} else if (index >= 0 && config.value[ROW_INDEX] !== index) {
|
|
122269
|
+
config.value[ROW_INDEX] = index;
|
|
122202
122270
|
}
|
|
122271
|
+
return config;
|
|
122203
122272
|
};
|
|
122204
122273
|
const isRequesting = (0,external_vue_.ref)(false);
|
|
122205
122274
|
let requestingTimer = null;
|
|
122275
|
+
let skipNextLoadingEndReset = false;
|
|
122206
122276
|
const debounceSetLoading = function () {
|
|
122207
122277
|
let delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 120;
|
|
122208
122278
|
requestingTimer && clearTimeout(requestingTimer);
|
|
@@ -122213,10 +122283,11 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122213
122283
|
const expandOption = {
|
|
122214
122284
|
render: _ref11 => {
|
|
122215
122285
|
let {
|
|
122216
|
-
row
|
|
122286
|
+
row,
|
|
122287
|
+
rowIndex
|
|
122217
122288
|
} = _ref11;
|
|
122218
|
-
const config =
|
|
122219
|
-
const
|
|
122289
|
+
const config = ensureTableRowConfig(row, rowIndex);
|
|
122290
|
+
const realRowIndex = config.value[ROW_INDEX];
|
|
122220
122291
|
// // 性能监控:记录展开渲染耗时
|
|
122221
122292
|
// perfStart('log-rows:expand-render', {
|
|
122222
122293
|
// rowIndex,
|
|
@@ -122234,7 +122305,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122234
122305
|
"data": row,
|
|
122235
122306
|
"kv-show-fields-list": kvShowFieldsList.value,
|
|
122236
122307
|
"list-data": row,
|
|
122237
|
-
"row-index":
|
|
122308
|
+
"row-index": realRowIndex
|
|
122238
122309
|
},
|
|
122239
122310
|
"on": {
|
|
122240
122311
|
"value-click": (type, content, isLink, field, depth, isNestedField) => {
|
|
@@ -122244,13 +122315,22 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122244
122315
|
});
|
|
122245
122316
|
}
|
|
122246
122317
|
};
|
|
122247
|
-
|
|
122318
|
+
let syncResultBoxRectBeforeRender = () => {};
|
|
122319
|
+
let scheduleFirstPageTableReveal = () => {};
|
|
122320
|
+
const resetRowListState = () => {
|
|
122321
|
+
const shouldWaitFirstPageLayout = isFirstPageLayoutPending.value && tableDataSize.value > 0;
|
|
122322
|
+
if (shouldWaitFirstPageLayout) {
|
|
122323
|
+
syncResultBoxRectBeforeRender();
|
|
122324
|
+
}
|
|
122248
122325
|
setRenderList(null);
|
|
122249
122326
|
debounceSetLoading();
|
|
122250
|
-
|
|
122251
|
-
if (tableDataSize.value <=
|
|
122327
|
+
localUpdateCounter.value += 1;
|
|
122328
|
+
if (tableDataSize.value <= pageSize.value) {
|
|
122252
122329
|
(0,external_vue_.nextTick)(retrieve_helper.updateMarkElement.bind(retrieve_helper));
|
|
122253
122330
|
}
|
|
122331
|
+
if (shouldWaitFirstPageLayout) {
|
|
122332
|
+
scheduleFirstPageTableReveal();
|
|
122333
|
+
}
|
|
122254
122334
|
};
|
|
122255
122335
|
/**
|
|
122256
122336
|
* 同步指定字段的排序状态
|
|
@@ -122287,7 +122367,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122287
122367
|
}
|
|
122288
122368
|
return updatedSortList;
|
|
122289
122369
|
};
|
|
122290
|
-
(0,external_vue_.watch)(() => [tableShowRowIndex.value], () => {
|
|
122370
|
+
(0,external_vue_.watch)(() => [tableShowRowIndex.value, isShowSourceField.value, indexSetType.value, operatorToolsWidth.value], () => {
|
|
122291
122371
|
computeRect();
|
|
122292
122372
|
});
|
|
122293
122373
|
/**
|
|
@@ -122316,20 +122396,49 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122316
122396
|
}
|
|
122317
122397
|
handleResultBoxResize();
|
|
122318
122398
|
});
|
|
122319
|
-
(0,external_vue_.watch)(() => [tableDataSize.value],
|
|
122320
|
-
|
|
122399
|
+
(0,external_vue_.watch)(() => [tableDataSize.value], _ref14 => {
|
|
122400
|
+
let [size] = _ref14;
|
|
122401
|
+
if (size === 0) {
|
|
122402
|
+
resetPageState();
|
|
122403
|
+
if (!isLoading.value) {
|
|
122404
|
+
isFirstPageLayoutPending.value = false;
|
|
122405
|
+
}
|
|
122406
|
+
}
|
|
122407
|
+
resetRowListState();
|
|
122321
122408
|
}, {
|
|
122322
122409
|
immediate: true
|
|
122323
122410
|
});
|
|
122324
122411
|
use_resize_observe(() => refResultRowBox.value, () => {
|
|
122325
|
-
handleResultBoxResize();
|
|
122412
|
+
handleResultBoxResize(!isColumnWidthChanging);
|
|
122326
122413
|
retrieve_helper.fire(retrieve_events.RESULT_ROW_BOX_RESIZE);
|
|
122327
122414
|
}, 60);
|
|
122328
|
-
addEvent([retrieve_events.FAVORITE_WIDTH_CHANGE, retrieve_events.
|
|
122415
|
+
addEvent([retrieve_events.FAVORITE_WIDTH_CHANGE, retrieve_events.FAVORITE_SHOWN_CHANGE], handleResultBoxResize);
|
|
122329
122416
|
addEvent(retrieve_events.AI_CLOSE, () => {
|
|
122330
122417
|
refResultRowBox.value?.querySelector('.ai-active')?.classList.remove('ai-active');
|
|
122331
122418
|
});
|
|
122419
|
+
let isColumnWidthChanging = false;
|
|
122420
|
+
let columnWidthChangeTimer;
|
|
122421
|
+
const markColumnWidthChanging = () => {
|
|
122422
|
+
isColumnWidthChanging = true;
|
|
122423
|
+
window.clearTimeout(columnWidthChangeTimer);
|
|
122424
|
+
columnWidthChangeTimer = window.setTimeout(() => {
|
|
122425
|
+
isColumnWidthChanging = false;
|
|
122426
|
+
}, 300);
|
|
122427
|
+
};
|
|
122428
|
+
const preserveHorizontalScrollAfterColumnResize = preferredScrollLeft => {
|
|
122429
|
+
(0,external_vue_.nextTick)(() => {
|
|
122430
|
+
requestAnimationFrame(() => {
|
|
122431
|
+
computeRectSync(refResultRowBox.value);
|
|
122432
|
+
const maxOffset = Math.max(0, scrollWidth.value - offsetWidth.value);
|
|
122433
|
+
scrollXOffsetLeft = Math.min(preferredScrollLeft, maxOffset);
|
|
122434
|
+
refScrollXBar.value?.scrollLeft(scrollXOffsetLeft);
|
|
122435
|
+
setRowboxTransform();
|
|
122436
|
+
});
|
|
122437
|
+
});
|
|
122438
|
+
};
|
|
122332
122439
|
const handleColumnWidthChange = (w, col) => {
|
|
122440
|
+
const prevScrollLeft = scrollXOffsetLeft;
|
|
122441
|
+
markColumnWidthChanging();
|
|
122333
122442
|
const width = w > 40 ? w : 40;
|
|
122334
122443
|
const longFiels = visibleFields.value.filter(item => item.width >= 800 || item.field_name === 'log' || item.field_type === 'text');
|
|
122335
122444
|
const logField = longFiels.find(item => item.field_name === 'log');
|
|
@@ -122360,6 +122469,22 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122360
122469
|
fieldsWidth: newFieldsWidthObj
|
|
122361
122470
|
});
|
|
122362
122471
|
store.commit('updateVisibleFields', visibleFields.value);
|
|
122472
|
+
preserveHorizontalScrollAfterColumnResize(prevScrollLeft);
|
|
122473
|
+
};
|
|
122474
|
+
const getPaginationResponseSize = resp => {
|
|
122475
|
+
if (typeof resp?.length === 'number') {
|
|
122476
|
+
return resp.length;
|
|
122477
|
+
}
|
|
122478
|
+
if (typeof resp?.size === 'number') {
|
|
122479
|
+
return resp.size;
|
|
122480
|
+
}
|
|
122481
|
+
if (Array.isArray(resp)) {
|
|
122482
|
+
return resp.length;
|
|
122483
|
+
}
|
|
122484
|
+
if (Array.isArray(resp?.data?.list)) {
|
|
122485
|
+
return resp.data.list.length;
|
|
122486
|
+
}
|
|
122487
|
+
return null;
|
|
122363
122488
|
};
|
|
122364
122489
|
const loadMoreTableData = () => {
|
|
122365
122490
|
// tableDataSize.value === 0 用于判定是否是第一次渲染导致触发的请求
|
|
@@ -122380,15 +122505,19 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122380
122505
|
}
|
|
122381
122506
|
if (hasMoreList.value) {
|
|
122382
122507
|
isRequesting.value = true;
|
|
122508
|
+
isPaginationLoading.value = true;
|
|
122509
|
+
skipNextLoadingEndReset = true;
|
|
122383
122510
|
return store.dispatch('requestIndexSetQuery', {
|
|
122384
122511
|
isPagination: true
|
|
122385
122512
|
}).then(resp => {
|
|
122513
|
+
const responseSize = getPaginationResponseSize(resp);
|
|
122386
122514
|
pageIndex.value += 1;
|
|
122387
122515
|
handleResultBoxResize(false);
|
|
122388
|
-
if (
|
|
122516
|
+
if (responseSize !== null && responseSize < pageSize.value) {
|
|
122389
122517
|
hasMoreList.value = false;
|
|
122390
122518
|
}
|
|
122391
122519
|
}).finally(() => {
|
|
122520
|
+
isPaginationLoading.value = false;
|
|
122392
122521
|
debounceSetLoading(0);
|
|
122393
122522
|
(0,external_vue_.nextTick)(retrieve_helper.updateMarkElement.bind(retrieve_helper));
|
|
122394
122523
|
});
|
|
@@ -122412,6 +122541,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122412
122541
|
offsetWidth,
|
|
122413
122542
|
scrollWidth,
|
|
122414
122543
|
computeRect,
|
|
122544
|
+
computeRectSync,
|
|
122415
122545
|
getScrollElement
|
|
122416
122546
|
} = use_lazy_render({
|
|
122417
122547
|
loadMoreFn: loadMoreTableData,
|
|
@@ -122419,6 +122549,35 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122419
122549
|
rootElement: refRootElement,
|
|
122420
122550
|
refLoadMoreElement
|
|
122421
122551
|
});
|
|
122552
|
+
syncResultBoxRectBeforeRender = () => {
|
|
122553
|
+
computeRectSync(refResultRowBox.value);
|
|
122554
|
+
triggerColumnLayoutReflow();
|
|
122555
|
+
};
|
|
122556
|
+
scheduleFirstPageTableReveal = () => {
|
|
122557
|
+
const token = firstPageLayoutToken;
|
|
122558
|
+
(0,external_vue_.nextTick)(() => {
|
|
122559
|
+
requestAnimationFrame(() => {
|
|
122560
|
+
if (token !== firstPageLayoutToken || tableDataSize.value === 0) {
|
|
122561
|
+
return;
|
|
122562
|
+
}
|
|
122563
|
+
computeRectSync(refResultRowBox.value);
|
|
122564
|
+
triggerColumnLayoutReflow();
|
|
122565
|
+
(0,external_vue_.nextTick)(() => {
|
|
122566
|
+
requestAnimationFrame(() => {
|
|
122567
|
+
if (token !== firstPageLayoutToken || tableDataSize.value === 0) {
|
|
122568
|
+
return;
|
|
122569
|
+
}
|
|
122570
|
+
computeRectSync(refResultRowBox.value);
|
|
122571
|
+
isFirstPageLayoutPending.value = false;
|
|
122572
|
+
(0,external_vue_.nextTick)(() => {
|
|
122573
|
+
computeRectSync(refResultRowBox.value);
|
|
122574
|
+
setRowboxTransform();
|
|
122575
|
+
});
|
|
122576
|
+
});
|
|
122577
|
+
});
|
|
122578
|
+
});
|
|
122579
|
+
});
|
|
122580
|
+
};
|
|
122422
122581
|
const setRowboxTransform = () => {
|
|
122423
122582
|
if (refResultRowBox.value && refRootElement.value) {
|
|
122424
122583
|
refResultRowBox.value.scrollLeft = scrollXOffsetLeft;
|
|
@@ -122435,6 +122594,39 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122435
122594
|
const hasScrollX = (0,external_vue_.computed)(() => {
|
|
122436
122595
|
return showCtxType.value === 'table' && scrollWidth.value > offsetWidth.value;
|
|
122437
122596
|
});
|
|
122597
|
+
const syncResultBoxLayout = () => {
|
|
122598
|
+
(0,external_vue_.nextTick)(() => {
|
|
122599
|
+
requestAnimationFrame(() => {
|
|
122600
|
+
triggerColumnLayoutReflow();
|
|
122601
|
+
(0,external_vue_.nextTick)(() => {
|
|
122602
|
+
requestAnimationFrame(() => {
|
|
122603
|
+
computeRectSync(refResultRowBox.value);
|
|
122604
|
+
if (scrollWidth.value <= offsetWidth.value && scrollXOffsetLeft !== 0) {
|
|
122605
|
+
scrollXOffsetLeft = 0;
|
|
122606
|
+
refScrollXBar.value?.scrollLeft(0);
|
|
122607
|
+
}
|
|
122608
|
+
setRowboxTransform();
|
|
122609
|
+
});
|
|
122610
|
+
});
|
|
122611
|
+
});
|
|
122612
|
+
});
|
|
122613
|
+
};
|
|
122614
|
+
const handleFieldSettingLayoutChange = () => {
|
|
122615
|
+
scrollXOffsetLeft = 0;
|
|
122616
|
+
refScrollXBar.value?.scrollLeft(0);
|
|
122617
|
+
computeRectSync(refResultRowBox.value);
|
|
122618
|
+
syncResultBoxLayout();
|
|
122619
|
+
window.setTimeout(syncResultBoxLayout, 120);
|
|
122620
|
+
window.setTimeout(syncResultBoxLayout, 320);
|
|
122621
|
+
};
|
|
122622
|
+
addEvent([retrieve_events.LEFT_FIELD_SETTING_WIDTH_CHANGE, retrieve_events.LEFT_FIELD_SETTING_SHOWN_CHANGE], handleFieldSettingLayoutChange);
|
|
122623
|
+
(0,external_vue_.watch)(() => [offsetWidth.value, showCtxType.value], (_ref15, _ref16) => {
|
|
122624
|
+
let [width] = _ref15;
|
|
122625
|
+
let [oldWidth] = _ref16;
|
|
122626
|
+
if (width !== oldWidth) {
|
|
122627
|
+
syncResultBoxLayout();
|
|
122628
|
+
}
|
|
122629
|
+
});
|
|
122438
122630
|
const isPreloading = (0,external_vue_.ref)(false); // 是否正在预加载
|
|
122439
122631
|
const preloadThreshold = 32 * 50; // 距离底部多少 px 开始预加载
|
|
122440
122632
|
let lastPreloadTime = 0;
|
|
@@ -122452,7 +122644,11 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122452
122644
|
const clientHeight = scrollElement?.clientHeight ?? 0;
|
|
122453
122645
|
const scrollHeight = scrollElement?.scrollHeight ?? 0;
|
|
122454
122646
|
const distanceToBottom = scrollHeight - (scrollTop + clientHeight);
|
|
122455
|
-
|
|
122647
|
+
const shouldPreload = distanceToBottom <= preloadThreshold;
|
|
122648
|
+
if (shouldPreload) {
|
|
122649
|
+
lastPreloadTime = now;
|
|
122650
|
+
}
|
|
122651
|
+
return shouldPreload;
|
|
122456
122652
|
};
|
|
122457
122653
|
let isAnimating = false;
|
|
122458
122654
|
use_wheel({
|
|
@@ -122514,20 +122710,45 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122514
122710
|
const showHeader = (0,external_vue_.computed)(() => {
|
|
122515
122711
|
return showCtxType.value === 'table' && tableList.value.length > 0;
|
|
122516
122712
|
});
|
|
122713
|
+
const hasResultException = (0,external_vue_.computed)(() => {
|
|
122714
|
+
const rawExceptionMsg = indexSetQueryResult.value?.exception_msg ?? '';
|
|
122715
|
+
return indexSetQueryResult.value?.is_error || !!rawExceptionMsg && !/^cancel$/gi.test(rawExceptionMsg);
|
|
122716
|
+
});
|
|
122717
|
+
/**
|
|
122718
|
+
* 字段信息重新加载期间 visibleFields 会被清空。
|
|
122719
|
+
* monitor 独立包切换 timeRange 时,字段接口返回前如果继续渲染旧 renderList,
|
|
122720
|
+
* 表格会只剩固定列(序号/操作列),形成错误中间态。这里仅在字段加载中接管为首屏骨架屏,
|
|
122721
|
+
* 字段加载完成后的错误/空态仍交给 LogResultException 渲染。
|
|
122722
|
+
*/
|
|
122723
|
+
const isFieldLoadingForFirstPage = (0,external_vue_.computed)(() => {
|
|
122724
|
+
return indexFieldInfo.value.is_loading && visibleFields.value.length === 0;
|
|
122725
|
+
});
|
|
122726
|
+
const shouldEnterFirstPageSkeleton = (0,external_vue_.computed)(() => {
|
|
122727
|
+
return !hasResultException.value && !isPaginationLoading.value && tableDataSize.value === 0 && (isLoading.value || isPageLoading.value || isRequesting.value);
|
|
122728
|
+
});
|
|
122729
|
+
const shouldShowFirstPageSkeleton = (0,external_vue_.computed)(() => {
|
|
122730
|
+
if (hasResultException.value || isPaginationLoading.value) {
|
|
122731
|
+
return false;
|
|
122732
|
+
}
|
|
122733
|
+
return shouldEnterFirstPageSkeleton.value || isFieldLoadingForFirstPage.value || isFirstPageLayoutPending.value;
|
|
122734
|
+
});
|
|
122735
|
+
const shouldBlockTableRender = (0,external_vue_.computed)(() => {
|
|
122736
|
+
return shouldShowFirstPageSkeleton.value;
|
|
122737
|
+
});
|
|
122517
122738
|
const renderHeadVNode = () => {
|
|
122518
|
-
if (
|
|
122739
|
+
if (shouldBlockTableRender.value) {
|
|
122519
122740
|
return null;
|
|
122520
122741
|
}
|
|
122521
|
-
const columnLength = allColumns.value.length;
|
|
122522
122742
|
let hasFullWidth = false;
|
|
122523
122743
|
return (0,external_vue_.h)("div", {
|
|
122524
122744
|
"ref": refTableHead,
|
|
122525
122745
|
"class": ['bklog-row-container row-header']
|
|
122526
122746
|
}, [(0,external_vue_.h)("div", {
|
|
122527
122747
|
"class": 'bklog-list-row'
|
|
122528
|
-
}, [allColumns.value.map(
|
|
122529
|
-
const
|
|
122530
|
-
|
|
122748
|
+
}, [allColumns.value.map(column => {
|
|
122749
|
+
const isFullWidthColumn = !hasFullWidth && column.width === '100%';
|
|
122750
|
+
const cellStyle = getColumnWidth(column, isFullWidthColumn);
|
|
122751
|
+
hasFullWidth = hasFullWidth || column.width === '100%';
|
|
122531
122752
|
return (0,external_vue_.h)(log_cell, {
|
|
122532
122753
|
"key": column.key,
|
|
122533
122754
|
"attrs": {
|
|
@@ -122578,8 +122799,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122578
122799
|
const renderRowCells = (row, rowIndex) => {
|
|
122579
122800
|
const {
|
|
122580
122801
|
expand
|
|
122581
|
-
} =
|
|
122582
|
-
const columnLength = allColumns.value.length;
|
|
122802
|
+
} = ensureTableRowConfig(row, rowIndex).value;
|
|
122583
122803
|
let hasFullWidth = false;
|
|
122584
122804
|
return [(0,external_vue_.h)("div", {
|
|
122585
122805
|
"key": `${rowIndex}-row`,
|
|
@@ -122588,9 +122808,10 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122588
122808
|
"data-row-index": rowIndex,
|
|
122589
122809
|
"data-row-click": true
|
|
122590
122810
|
}
|
|
122591
|
-
}, [allColumns.value.map(
|
|
122592
|
-
const
|
|
122593
|
-
|
|
122811
|
+
}, [allColumns.value.map(column => {
|
|
122812
|
+
const isFullWidthColumn = !hasFullWidth && column.width === '100%';
|
|
122813
|
+
const cellStyle = getColumnWidth(column, isFullWidthColumn);
|
|
122814
|
+
hasFullWidth = hasFullWidth || column.width === '100%';
|
|
122594
122815
|
return (0,external_vue_.h)("div", {
|
|
122595
122816
|
"key": `${rowIndex}-${column.key}`,
|
|
122596
122817
|
"style": cellStyle,
|
|
@@ -122601,7 +122822,8 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122601
122822
|
rowIndex
|
|
122602
122823
|
}, external_vue_.h) ?? column.title]);
|
|
122603
122824
|
})]), expand ? expandOption.render({
|
|
122604
|
-
row
|
|
122825
|
+
row,
|
|
122826
|
+
rowIndex
|
|
122605
122827
|
}) : ''];
|
|
122606
122828
|
};
|
|
122607
122829
|
const handleRowMousedown = e => {
|
|
@@ -122613,7 +122835,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122613
122835
|
retrieve_helper.setMousedownEvent(e);
|
|
122614
122836
|
savedSelection = null;
|
|
122615
122837
|
};
|
|
122616
|
-
const handleRowMouseup = (e, item) => {
|
|
122838
|
+
const handleRowMouseup = (e, item, rowIndex) => {
|
|
122617
122839
|
if (!mousedownOnRow) {
|
|
122618
122840
|
retrieve_helper.setMousedownEvent(null);
|
|
122619
122841
|
return;
|
|
@@ -122640,7 +122862,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122640
122862
|
retrieve_helper.setMousedownEvent(null);
|
|
122641
122863
|
return;
|
|
122642
122864
|
}
|
|
122643
|
-
const config =
|
|
122865
|
+
const config = ensureTableRowConfig(item, rowIndex).value;
|
|
122644
122866
|
const isExpanding = !config.expand;
|
|
122645
122867
|
config.expand = isExpanding;
|
|
122646
122868
|
retrieve_helper.setMousedownEvent(null);
|
|
@@ -122663,7 +122885,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122663
122885
|
});
|
|
122664
122886
|
};
|
|
122665
122887
|
const renderRowVNode = () => {
|
|
122666
|
-
if (
|
|
122888
|
+
if (shouldBlockTableRender.value) {
|
|
122667
122889
|
return null;
|
|
122668
122890
|
}
|
|
122669
122891
|
return renderList.map((row, rowIndex) => {
|
|
@@ -122676,7 +122898,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122676
122898
|
},
|
|
122677
122899
|
"on": {
|
|
122678
122900
|
"row-mousedown": handleRowMousedown,
|
|
122679
|
-
"row-mouseup": e => handleRowMouseup(e, row.item)
|
|
122901
|
+
"row-mouseup": e => handleRowMouseup(e, row.item, rowIndex)
|
|
122680
122902
|
}
|
|
122681
122903
|
}, [renderRowCells(row.item, rowIndex)])];
|
|
122682
122904
|
});
|
|
@@ -122698,10 +122920,10 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122698
122920
|
});
|
|
122699
122921
|
};
|
|
122700
122922
|
const loadingText = (0,external_vue_.computed)(() => {
|
|
122701
|
-
if (isLoading.value && !isRequesting.value) {
|
|
122923
|
+
if (isLoading.value && !isRequesting.value && !isPaginationLoading.value) {
|
|
122702
122924
|
return '';
|
|
122703
122925
|
}
|
|
122704
|
-
if (hasMoreList.value && (isLoading.value || isRending.value)) {
|
|
122926
|
+
if (hasMoreList.value && (isLoading.value || isRending.value || isPaginationLoading.value)) {
|
|
122705
122927
|
return 'Loading ...';
|
|
122706
122928
|
}
|
|
122707
122929
|
if (!(isRequesting.value || hasMoreList.value) || tableDataSize.value < pageSize.value) {
|
|
@@ -122731,12 +122953,21 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122731
122953
|
updateRootElementClass();
|
|
122732
122954
|
});
|
|
122733
122955
|
(0,external_vue_.watch)(() => indexSetQueryResult.value.is_loading, (newVal, oldVal) => {
|
|
122734
|
-
if (oldVal && !newVal
|
|
122735
|
-
(0
|
|
122736
|
-
|
|
122737
|
-
|
|
122738
|
-
|
|
122739
|
-
|
|
122956
|
+
if (oldVal && !newVal) {
|
|
122957
|
+
if (tableDataSize.value === 0) {
|
|
122958
|
+
isFirstPageLayoutPending.value = false;
|
|
122959
|
+
}
|
|
122960
|
+
if (skipNextLoadingEndReset) {
|
|
122961
|
+
skipNextLoadingEndReset = false;
|
|
122962
|
+
return;
|
|
122963
|
+
}
|
|
122964
|
+
if (!isRequesting.value) {
|
|
122965
|
+
(0,external_vue_.nextTick)(() => {
|
|
122966
|
+
scrollXOffsetLeft = 0;
|
|
122967
|
+
refScrollXBar.value?.scrollLeft(0);
|
|
122968
|
+
computeRect(refResultRowBox.value);
|
|
122969
|
+
});
|
|
122970
|
+
}
|
|
122740
122971
|
}
|
|
122741
122972
|
});
|
|
122742
122973
|
const renderLoader = () => {
|
|
@@ -122759,11 +122990,14 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122759
122990
|
return null;
|
|
122760
122991
|
};
|
|
122761
122992
|
const isTableLoading = (0,external_vue_.computed)(() => {
|
|
122762
|
-
return tableDataSize.value === 0 && (isRequesting.value || isRending.value || isPageLoading.value || isLoading.value);
|
|
122993
|
+
return !shouldShowFirstPageSkeleton.value && tableDataSize.value === 0 && (isRequesting.value || isRending.value || isPageLoading.value || isLoading.value);
|
|
122763
122994
|
});
|
|
122764
122995
|
// biome-ignore lint/complexity/noExcessiveCognitiveComplexity: reason
|
|
122765
122996
|
const exceptionType = (0,external_vue_.computed)(() => {
|
|
122766
122997
|
if (tableDataSize.value === 0 || indexFieldInfo.value.is_loading) {
|
|
122998
|
+
if (shouldShowFirstPageSkeleton.value) {
|
|
122999
|
+
return 'hidden';
|
|
123000
|
+
}
|
|
122767
123001
|
if (isRequesting.value || isLoading.value || isPageLoading.value) {
|
|
122768
123002
|
return 'loading';
|
|
122769
123003
|
}
|
|
@@ -122781,6 +123015,9 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122781
123015
|
return 'hidden';
|
|
122782
123016
|
});
|
|
122783
123017
|
const getExceptionRender = () => {
|
|
123018
|
+
if (shouldShowFirstPageSkeleton.value) {
|
|
123019
|
+
return null;
|
|
123020
|
+
}
|
|
122784
123021
|
return (0,external_vue_.h)(log_result_exception, {
|
|
122785
123022
|
"attrs": {
|
|
122786
123023
|
"message": exceptionMsg.value,
|
|
@@ -122788,6 +123025,21 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122788
123025
|
}
|
|
122789
123026
|
});
|
|
122790
123027
|
};
|
|
123028
|
+
const renderFirstPageSkeleton = () => {
|
|
123029
|
+
if (!shouldShowFirstPageSkeleton.value) {
|
|
123030
|
+
return null;
|
|
123031
|
+
}
|
|
123032
|
+
return (0,external_vue_.h)(retrieve_loader, {
|
|
123033
|
+
"class": 'bklog-first-page-skeleton',
|
|
123034
|
+
"attrs": {
|
|
123035
|
+
"isLoading": true,
|
|
123036
|
+
"isOriginalField": showCtxType.value !== 'table',
|
|
123037
|
+
"maxLength": 12,
|
|
123038
|
+
"static": true,
|
|
123039
|
+
"visibleFields": visibleFields.value.length ? visibleFields.value : fullColumns.value
|
|
123040
|
+
}
|
|
123041
|
+
});
|
|
123042
|
+
};
|
|
122791
123043
|
const renderDelineatePopContent = () => {
|
|
122792
123044
|
return (0,external_vue_.h)("div", {
|
|
122793
123045
|
"style": 'display: none;'
|
|
@@ -122795,7 +123047,8 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122795
123047
|
};
|
|
122796
123048
|
(0,external_vue_.onBeforeUnmount)(() => {
|
|
122797
123049
|
popInstanceUtil.uninstallInstance();
|
|
122798
|
-
|
|
123050
|
+
window.clearTimeout(columnWidthChangeTimer);
|
|
123051
|
+
renderList = Object.freeze([]);
|
|
122799
123052
|
});
|
|
122800
123053
|
return {
|
|
122801
123054
|
refRootElement,
|
|
@@ -122808,6 +123061,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122808
123061
|
renderScrollXBar,
|
|
122809
123062
|
renderLoader,
|
|
122810
123063
|
renderHeadVNode,
|
|
123064
|
+
renderFirstPageSkeleton,
|
|
122811
123065
|
getExceptionRender,
|
|
122812
123066
|
tableDataSize,
|
|
122813
123067
|
resultContainerId,
|
|
@@ -122829,7 +123083,7 @@ function use_lazy_render_deepQueryShadowSelector(selector) {
|
|
|
122829
123083
|
},
|
|
122830
123084
|
"ref": 'refResultRowBox',
|
|
122831
123085
|
"class": 'bklog-row-box'
|
|
122832
|
-
}, [this.renderRowVNode()]), this.getExceptionRender(), this.renderFixRightShadow(), this.renderScrollXBar(), this.renderLoader(), this.renderScrollTop(), this.renderDelineatePopContent(), (0,external_vue_.h)("div", {
|
|
123086
|
+
}, [this.renderRowVNode()]), this.renderFirstPageSkeleton(), this.getExceptionRender(), this.renderFixRightShadow(), this.renderScrollXBar(), this.renderLoader(), this.renderScrollTop(), this.renderDelineatePopContent(), (0,external_vue_.h)("div", {
|
|
122833
123087
|
"class": 'resize-guide-line'
|
|
122834
123088
|
})]);
|
|
122835
123089
|
}
|
|
@@ -123457,8 +123711,8 @@ var LogClustering = function LogClustering() {
|
|
|
123457
123711
|
|
|
123458
123712
|
var search_result_panel_component = normalizeComponent(
|
|
123459
123713
|
retrieve_v2_search_result_panelvue_type_script_setup_true_lang_js,
|
|
123460
|
-
|
|
123461
|
-
|
|
123714
|
+
search_result_panelvue_type_template_id_8d8d194c_render,
|
|
123715
|
+
search_result_panelvue_type_template_id_8d8d194c_staticRenderFns,
|
|
123462
123716
|
false,
|
|
123463
123717
|
null,
|
|
123464
123718
|
null,
|
|
@@ -143934,8 +144188,8 @@ const SearchResultTab = () => null;
|
|
|
143934
144188
|
}), renderTabContent()]);
|
|
143935
144189
|
}
|
|
143936
144190
|
}));
|
|
143937
|
-
;// ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-3.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-3.use[1]!./node_modules/ifdef-loader/ifdef-loader.js??clonedRuleSet-3.use[2]!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/views/retrieve-v2/sub-bar/index.vue?vue&type=template&id=
|
|
143938
|
-
var
|
|
144191
|
+
;// ./node_modules/thread-loader/dist/cjs.js??clonedRuleSet-3.use[0]!./node_modules/babel-loader/lib/index.js??clonedRuleSet-3.use[1]!./node_modules/ifdef-loader/ifdef-loader.js??clonedRuleSet-3.use[2]!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/views/retrieve-v2/sub-bar/index.vue?vue&type=template&id=01b0e69f
|
|
144192
|
+
var sub_barvue_type_template_id_01b0e69f_render = function render() {
|
|
143939
144193
|
var _vm = this,
|
|
143940
144194
|
_c = _vm._self._c,
|
|
143941
144195
|
_setup = _vm._self._setupProxy;
|
|
@@ -144015,7 +144269,7 @@ var sub_barvue_type_template_id_08eba3c6_render = function render() {
|
|
|
144015
144269
|
}
|
|
144016
144270
|
})], 1) : _vm._e()]);
|
|
144017
144271
|
};
|
|
144018
|
-
var
|
|
144272
|
+
var sub_barvue_type_template_id_01b0e69f_staticRenderFns = [];
|
|
144019
144273
|
|
|
144020
144274
|
;// ./src/components/ellipsis-tag-list/index.tsx
|
|
144021
144275
|
/*
|
|
@@ -146509,7 +146763,7 @@ var AutoRefresh = function AutoRefresh() {
|
|
|
146509
146763
|
};
|
|
146510
146764
|
var handleIndexSetSelected = /*#__PURE__*/function () {
|
|
146511
146765
|
var _ref = asyncToGenerator_asyncToGenerator(/*#__PURE__*/regenerator_default().mark(function _callee(payload) {
|
|
146512
|
-
var _payload$ids, indexSetDefaultCondition, _payload$items$, _payload$items$2, _payload$pid;
|
|
146766
|
+
var _payload$ids, indexSetDefaultCondition, _payload$items$, _payload$items$2, _payload$items$3, _payload$pid;
|
|
146513
146767
|
return regenerator_default().wrap(function _callee$(_context) {
|
|
146514
146768
|
while (1) switch (_context.prev = _context.next) {
|
|
146515
146769
|
case 0:
|
|
@@ -146532,6 +146786,13 @@ var AutoRefresh = function AutoRefresh() {
|
|
|
146532
146786
|
search_mode: 'ui',
|
|
146533
146787
|
keyword: ''
|
|
146534
146788
|
};
|
|
146789
|
+
} else if (!((_payload$items$3 = payload.items[0]) !== null && _payload$items$3 !== void 0 && _payload$items$3.addition) && isMonitorComponent) {
|
|
146790
|
+
// 监控下当切换采集项没有addtion时,要置空addition
|
|
146791
|
+
indexSetDefaultCondition = {
|
|
146792
|
+
addition: [],
|
|
146793
|
+
search_mode: 'ui',
|
|
146794
|
+
keyword: ''
|
|
146795
|
+
};
|
|
146535
146796
|
}
|
|
146536
146797
|
if (indexSetDefaultCondition.search_mode) {
|
|
146537
146798
|
store.commit('updateStorage', defineProperty_defineProperty({}, store_type_BK_LOG_STORAGE.SEARCH_TYPE, ['ui', 'sql'].indexOf(indexSetDefaultCondition.search_mode)));
|
|
@@ -146754,8 +147015,8 @@ var AutoRefresh = function AutoRefresh() {
|
|
|
146754
147015
|
|
|
146755
147016
|
var sub_bar_component = normalizeComponent(
|
|
146756
147017
|
retrieve_v2_sub_barvue_type_script_setup_true_lang_js,
|
|
146757
|
-
|
|
146758
|
-
|
|
147018
|
+
sub_barvue_type_template_id_01b0e69f_render,
|
|
147019
|
+
sub_barvue_type_template_id_01b0e69f_staticRenderFns,
|
|
146759
147020
|
false,
|
|
146760
147021
|
null,
|
|
146761
147022
|
null,
|
|
@@ -147273,6 +147534,10 @@ var sub_bar_component = normalizeComponent(
|
|
|
147273
147534
|
if (!val) return;
|
|
147274
147535
|
getIndexSetList();
|
|
147275
147536
|
store.commit('updateIsSetDefaultTableColumn', false);
|
|
147537
|
+
store.commit('resetIndexSetQueryResult', {
|
|
147538
|
+
is_loading: true,
|
|
147539
|
+
search_count: store.state.indexSetQueryResult.search_count + 1
|
|
147540
|
+
});
|
|
147276
147541
|
const result = handleTransformToTimestamp(val, store.getters.retrieveParams.format);
|
|
147277
147542
|
store.commit('updateIndexItemParams', {
|
|
147278
147543
|
start_time: result[0],
|
|
@@ -147280,7 +147545,9 @@ var sub_bar_component = normalizeComponent(
|
|
|
147280
147545
|
datePickerValue: val
|
|
147281
147546
|
});
|
|
147282
147547
|
await store.dispatch('requestIndexSetFieldInfo');
|
|
147283
|
-
store.dispatch('requestIndexSetQuery'
|
|
147548
|
+
store.dispatch('requestIndexSetQuery', {
|
|
147549
|
+
searchCount: store.state.indexSetQueryResult.search_count
|
|
147550
|
+
});
|
|
147284
147551
|
});
|
|
147285
147552
|
(0,external_vue_.watch)(() => props.timezone, val => {
|
|
147286
147553
|
if (!val) return;
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@blueking/monitor-apm-log","version":"2.3.
|
|
1
|
+
{"name":"@blueking/monitor-apm-log","version":"2.3.24","description":"","main":"main.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":"","license":"MIT"}
|