fdb2 1.0.6 → 1.0.7

package/dist/public/explorer.css

@@ -1,19 +1,19 @@
 
 /* 继承原有的样式，这里可以添加组件特定的样式 */
-.connection-form-modern[data-v-093594aa] {
+.connection-form-modern[data-v-144c6980] {
   padding: 0;
 }
-.form-section[data-v-093594aa] {
+.form-section[data-v-144c6980] {
   margin-bottom: 2rem;
 }
-.section-header[data-v-093594aa] {
+.section-header[data-v-144c6980] {
   display: flex;
   align-items: center;
   margin-bottom: 1.5rem;
   padding-bottom: 0.75rem;
   border-bottom: 2px solid #f0f0f0;
 }
-.section-icon[data-v-093594aa] {
+.section-icon[data-v-144c6980] {
   width: 40px;
   height: 40px;
   border-radius: 8px;
@@ -24,24 +24,24 @@
   color: white;
   margin-right: 1rem;
 }
-.section-title[data-v-093594aa] {
+.section-title[data-v-144c6980] {
   font-size: 1.1rem;
   font-weight: 600;
   margin: 0;
   color: #333;
 }
-.section-content[data-v-093594aa] {
+.section-content[data-v-144c6980] {
   padding-left: 56px;
 }
-.form-grid[data-v-093594aa] {
+.form-grid[data-v-144c6980] {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
   gap: 1.5rem;
 }
-.form-group-modern[data-v-093594aa] {
+.form-group-modern[data-v-144c6980] {
   margin-bottom: 1rem;
 }
-.form-label-modern[data-v-093594aa] {
+.form-label-modern[data-v-144c6980] {
   display: flex;
   align-items: center;
   font-weight: 500;
@@ -49,8 +49,8 @@
   margin-bottom: 0.5rem;
   font-size: 0.9rem;
 }
-.form-control-modern[data-v-093594aa],
-.form-select-modern[data-v-093594aa] {
+.form-control-modern[data-v-144c6980],
+.form-select-modern[data-v-144c6980] {
   width: 100%;
   padding: 0.75rem;
   border: 2px solid #e9ecef;
@@ -58,46 +58,46 @@
   font-size: 0.95rem;
   transition: all 0.3s ease;
 }
-.form-control-modern[data-v-093594aa]:focus,
-.form-select-modern[data-v-093594aa]:focus {
+.form-control-modern[data-v-144c6980]:focus,
+.form-select-modern[data-v-144c6980]:focus {
   outline: none;
   border-color: #667eea;
   box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
 }
-.form-check-modern[data-v-093594aa] {
+.form-check-modern[data-v-144c6980] {
   display: flex;
   align-items: flex-start;
   padding: 0;
 }
-.form-check-input-modern[data-v-093594aa] {
+.form-check-input-modern[data-v-144c6980] {
   margin-right: 0.75rem;
   margin-top: 0.25rem;
 }
-.form-check-label-modern[data-v-093594aa] {
+.form-check-label-modern[data-v-144c6980] {
   display: flex;
   flex-direction: column;
   cursor: pointer;
 }
-.check-text[data-v-093594aa] {
+.check-text[data-v-144c6980] {
   font-weight: 500;
   color: #333;
   margin-bottom: 0.25rem;
 }
-.check-description[data-v-093594aa] {
+.check-description[data-v-144c6980] {
   font-size: 0.85rem;
   color: #666;
 }
-.required[data-v-093594aa] {
+.required[data-v-144c6980] {
   color: #dc3545;
   margin-left: 0.25rem;
 }
-.error-content[data-v-093594aa] {
+.error-content[data-v-144c6980] {
   display: flex;
   align-items: center;
   padding: 1.5rem;
   gap: 1rem;
 }
-.error-icon[data-v-093594aa] {
+.error-icon[data-v-144c6980] {
   width: 48px;
   height: 48px;
   border-radius: 50%;
@@ -109,7 +109,7 @@
   font-size: 1.5rem;
   flex-shrink: 0;
 }
-.error-message[data-v-093594aa] {
+.error-message[data-v-144c6980] {
   flex: 1;
   color: #333;
   font-size: 0.95rem;
@@ -774,71 +774,71 @@ to {
 }
 }
 
-.section-title[data-v-081084ef] {
+.section-title[data-v-dcd325b0] {
   color: #495057;
   font-weight: 600;
   border-bottom: 2px solid #e9ecef;
   padding-bottom: 0.5rem;
   margin-bottom: 1rem;
 }
-.sql-preview[data-v-081084ef] {
+.sql-preview[data-v-dcd325b0] {
   font-family: 'Courier New', monospace;
   font-size: 0.875rem;
   max-height: 200px;
   overflow-y: auto;
   border: 1px solid #dee2e6;
 }
-.table th[data-v-081084ef] {
+.table th[data-v-dcd325b0] {
   font-size: 0.875rem;
   font-weight: 600;
 }
-.table td[data-v-081084ef] {
+.table td[data-v-dcd325b0] {
   padding: 0!important;
 }
-.table .form-control[data-v-081084ef], .table .form-select[data-v-081084ef] {
+.table .form-control[data-v-dcd325b0], .table .form-select[data-v-dcd325b0] {
   border: none;
   border-radius: 0;
   box-shadow: none;
 }
-.form-control-sm[data-v-081084ef], .form-select-sm[data-v-081084ef] {
+.form-control-sm[data-v-dcd325b0], .form-select-sm[data-v-dcd325b0] {
   font-size: 0.875rem;
 }
-.modal-content[data-v-081084ef] {
+.modal-content[data-v-dcd325b0] {
   max-height: 90vh;
   overflow-y: auto;
 }
-.modal-body[data-v-081084ef] {
+.modal-body[data-v-dcd325b0] {
   max-height: calc(90vh - 120px);
   overflow-y: auto;
 }
-.input-group-sm .form-control[data-v-081084ef] {
+.input-group-sm .form-control[data-v-dcd325b0] {
   border-radius: 0;
 }
-.input-group-sm .form-control[data-v-081084ef]:first-child {
+.input-group-sm .form-control[data-v-dcd325b0]:first-child {
   border-top-left-radius: 0.25rem;
   border-bottom-left-radius: 0.25rem;
 }
-.input-group-sm .form-control[data-v-081084ef]:last-child {
+.input-group-sm .form-control[data-v-dcd325b0]:last-child {
   border-top-right-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
 }
-.text-muted[data-v-081084ef] {
+.text-muted[data-v-dcd325b0] {
   color: #6c757d !important;
 }
 
-.db-tools[data-v-94a9d8f2] {
+.db-tools[data-v-b1c1e4d6] {
   background: white;
   border-radius: 12px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   overflow: hidden;
 }
-.tools-header[data-v-94a9d8f2] {
+.tools-header[data-v-b1c1e4d6] {
   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: white;
   padding: 1rem 1.5rem;
   border-bottom: 1px solid #e2e8f0;
 }
-.tools-title[data-v-94a9d8f2] {
+.tools-title[data-v-b1c1e4d6] {
   margin: 0;
   font-size: 1.1rem;
   font-weight: 600;
@@ -846,15 +846,15 @@ to {
   align-items: center;
   gap: 0.5rem;
 }
-.tools-content[data-v-94a9d8f2] {
+.tools-content[data-v-b1c1e4d6] {
   padding: 1.5rem;
   max-height: 500px;
   overflow-y: auto;
 }
-.tool-section[data-v-94a9d8f2] {
+.tool-section[data-v-b1c1e4d6] {
   margin-bottom: 2rem;
 }
-.section-title[data-v-94a9d8f2] {
+.section-title[data-v-b1c1e4d6] {
   font-size: 0.9rem;
   font-weight: 600;
   color: #374151;
@@ -863,58 +863,191 @@ to {
   align-items: center;
   gap: 0.5rem;
 }
-.tool-actions[data-v-94a9d8f2] {
+.tool-actions[data-v-b1c1e4d6] {
   display: flex;
   flex-wrap: wrap;
   gap: 0.5rem;
 }
-.tool-actions .btn[data-v-94a9d8f2] {
+.tool-actions .btn[data-v-b1c1e4d6] {
   min-width: 120px;
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
-.health-results[data-v-94a9d8f2] {
-  max-height: 400px;
-  overflow-y: auto;
+.modal[data-v-b1c1e4d6] {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+.modal-dialog[data-v-b1c1e4d6] {
+  max-width: 600px;
+}
+.modal-header[data-v-b1c1e4d6] {
+  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
+  border-bottom: 1px solid #e2e8f0;
+}
+.modal-title[data-v-b1c1e4d6] {
+  color: #1e293b;
+  font-weight: 600;
+}
+.modal-footer[data-v-b1c1e4d6] {
+  background: #f8fafc;
+  border-top: 1px solid #e2e8f0;
+}
+
+/* 执行结果区域 */
+.execution-results[data-v-b1c1e4d6] {
+  border-top: 1px solid #e2e8f0;
+  background: #f8fafc;
 }
-.health-item[data-v-94a9d8f2] {
+.results-header[data-v-b1c1e4d6] {
   display: flex;
+  justify-content: space-between;
   align-items: center;
-  padding: 0.75rem;
+  padding: 1rem 1.5rem;
+  background: linear-gradient(135deg, #f1f5f9 0%, #f8fafc 100%);
   border-bottom: 1px solid #e2e8f0;
 }
-.health-status[data-v-94a9d8f2] {
-  min-width: 150px;
+.results-title[data-v-b1c1e4d6] {
+  margin: 0;
+  font-size: 1rem;
   font-weight: 600;
+  color: #1e293b;
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
-.health-message[data-v-94a9d8f2] {
-  flex: 1;
-  color: #6b7280;
+.results-content[data-v-b1c1e4d6] {
+  max-height: 400px;
+  overflow-y: auto;
+  padding: 1rem;
 }
-.modal[data-v-94a9d8f2] {
-  background-color: rgba(0, 0, 0, 0.5);
+.no-results[data-v-b1c1e4d6] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 3rem 1rem;
+  color: #94a3b8;
 }
-.modal-dialog[data-v-94a9d8f2] {
-  max-width: 600px;
+.no-results i[data-v-b1c1e4d6] {
+  font-size: 3rem;
+  margin-bottom: 1rem;
 }
-.modal-lg .modal-dialog[data-v-94a9d8f2] {
-  max-width: 800px;
+.no-results p[data-v-b1c1e4d6] {
+  margin: 0;
+  font-size: 1rem;
 }
-.modal-header[data-v-94a9d8f2] {
-  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
-  border-bottom: 1px solid #e2e8f0;
+.result-item[data-v-b1c1e4d6] {
+  margin-bottom: 0.75rem;
+  border: 1px solid #e2e8f0;
+  border-radius: 8px;
+  background: white;
+  overflow: hidden;
+  transition: box-shadow 0.2s;
+}
+.result-item[data-v-b1c1e4d6]:hover {
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+.result-item.result-success[data-v-b1c1e4d6] {
+  border-left: 4px solid #22c55e;
+}
+.result-item.result-error[data-v-b1c1e4d6] {
+  border-left: 4px solid #ef4444;
+}
+.result-item.result-info[data-v-b1c1e4d6] {
+  border-left: 4px solid #3b82f6;
 }
-.modal-title[data-v-94a9d8f2] {
+.result-header[data-v-b1c1e4d6] {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0.75rem 1rem;
+  cursor: pointer;
+  background: white;
+  transition: background 0.2s;
+}
+.result-header[data-v-b1c1e4d6]:hover {
+  background: #f8fafc;
+}
+.result-title[data-v-b1c1e4d6] {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  flex: 1;
+}
+.result-title i[data-v-b1c1e4d6] {
+  font-size: 1.1rem;
+}
+.operation-name[data-v-b1c1e4d6] {
+  font-weight: 600;
   color: #1e293b;
-  font-weight: 600;
+  font-size: 0.95rem;
 }
-.modal-footer[data-v-94a9d8f2] {
-  background: #f8fafc;
+.operation-time[data-v-b1c1e4d6] {
+  color: #64748b;
+  font-size: 0.85rem;
+  margin-left: auto;
+}
+.toggle-icon[data-v-b1c1e4d6] {
+  transition: transform 0.2s;
+  color: #94a3b8;
+  font-size: 0.9rem;
+}
+.toggle-icon.expanded[data-v-b1c1e4d6] {
+  transform: rotate(180deg);
+}
+.result-body[data-v-b1c1e4d6] {
+  padding: 1rem;
+  background: #fafafa;
   border-top: 1px solid #e2e8f0;
+}
+.result-body pre[data-v-b1c1e4d6] {
+  margin: 0;
+  font-size: 0.85rem;
+  line-height: 1.5;
+  max-height: 300px;
+  overflow: auto;
+}
+.result-body code[data-v-b1c1e4d6] {
+  font-family: 'Fira Code', 'Consolas', 'Monaco', monospace;
+}
+
+/* JSON 语法高亮 - 不使用 scoped 以确保 v-html 内容能应用样式 */
+[data-v-b1c1e4d6] .json-key {
+  color: #d04255;
+  font-weight: 500;
+}
+[data-v-b1c1e4d6] .json-string {
+  color: #22863a;
+}
+[data-v-b1c1e4d6] .json-number {
+  color: #005cc5;
+}
+[data-v-b1c1e4d6] .json-boolean {
+  color: #d73a49;
+}
+[data-v-b1c1e4d6] .json-null {
+  color: #6f42c1;
+}
+
+/* 滚动条样式 */
+.results-content[data-v-b1c1e4d6]::-webkit-scrollbar,
+.result-body pre[data-v-b1c1e4d6]::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+.results-content[data-v-b1c1e4d6]::-webkit-scrollbar-track,
+.result-body pre[data-v-b1c1e4d6]::-webkit-scrollbar-track {
+  background: #f1f5f9;
+  border-radius: 4px;
+}
+.results-content[data-v-b1c1e4d6]::-webkit-scrollbar-thumb,
+.result-body pre[data-v-b1c1e4d6]::-webkit-scrollbar-thumb {
+  background: #cbd5e1;
+  border-radius: 4px;
+}
+.results-content[data-v-b1c1e4d6]::-webkit-scrollbar-thumb:hover,
+.result-body pre[data-v-b1c1e4d6]::-webkit-scrollbar-thumb:hover {
+  background: #94a3b8;
 }
 
 .database-detail[data-v-fd20d470] {
@@ -1300,68 +1433,68 @@ to {
   font-size: 0.75rem;
 }
 
-.table-detail[data-v-365fca24] {
+.table-detail[data-v-aa969b41] {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-.table-header[data-v-365fca24] {
+.table-header[data-v-aa969b41] {
   background-color: #f8f9fa;
   border-bottom: 1px solid #dee2e6;
   padding: 15px 20px;
 }
-.table-header-content[data-v-365fca24] {
+.table-header-content[data-v-aa969b41] {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.table-info[data-v-365fca24] {
+.table-info[data-v-aa969b41] {
   display: flex;
   align-items: center;
   gap: 15px;
 }
-.table-icon[data-v-365fca24] {
+.table-icon[data-v-aa969b41] {
   font-size: 32px;
   color: #495057;
 }
-.table-meta[data-v-365fca24] {
+.table-meta[data-v-aa969b41] {
   display: flex;
   flex-direction: column;
   gap: 5px;
 }
-.table-name[data-v-365fca24] {
+.table-name[data-v-aa969b41] {
   margin: 0;
   font-size: 1.25rem;
   font-weight: 600;
 }
-.table-breadcrumb[data-v-365fca24] {
+.table-breadcrumb[data-v-aa969b41] {
   display: flex;
   align-items: center;
   gap: 8px;
   font-size: 0.875rem;
   color: #6c757d;
 }
-.table-stats[data-v-365fca24] {
+.table-stats[data-v-aa969b41] {
   display: flex;
   gap: 20px;
 }
-.stat-item[data-v-365fca24] {
+.stat-item[data-v-aa969b41] {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 2px;
 }
-.stat-value[data-v-365fca24] {
+.stat-value[data-v-aa969b41] {
   font-size: 1.125rem;
   font-weight: 600;
   color: #495057;
 }
-.stat-label[data-v-365fca24] {
+.stat-label[data-v-aa969b41] {
   font-size: 0.75rem;
   color: #6c757d;
 }
-.table-toolbar[data-v-365fca24] {
+.table-toolbar[data-v-aa969b41] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -1369,27 +1502,27 @@ to {
   background-color: #f8f9fa;
   border-bottom: 1px solid #dee2e6;
 }
-.toolbar-left[data-v-365fca24] {
+.toolbar-left[data-v-aa969b41] {
   display: flex;
   gap: 10px;
   align-items: center;
 }
-.toolbar-right[data-v-365fca24] {
+.toolbar-right[data-v-aa969b41] {
   display: flex;
   gap: 10px;
   align-items: center;
 }
-.table-tabs[data-v-365fca24] {
+.table-tabs[data-v-aa969b41] {
   flex: 1;
   display: flex;
   flex-direction: column;
   overflow: hidden;
 }
-.nav-tabs[data-v-365fca24] {
+.nav-tabs[data-v-aa969b41] {
   border-bottom: 1px solid #dee2e6;
   background-color: #f8f9fa;
 }
-.nav-tabs .nav-link[data-v-365fca24] {
+.nav-tabs .nav-link[data-v-aa969b41] {
   color: #495057;
   border: none;
   border-bottom: 3px solid transparent;
@@ -1397,54 +1530,54 @@ to {
   padding: 10px 15px;
   font-weight: 500;
 }
-.nav-tabs .nav-link[data-v-365fca24]:hover {
+.nav-tabs .nav-link[data-v-aa969b41]:hover {
   background-color: #e9ecef;
   border-bottom-color: #adb5bd;
 }
-.nav-tabs .nav-link.active[data-v-365fca24] {
+.nav-tabs .nav-link.active[data-v-aa969b41] {
   background-color: #fff;
   border-bottom-color: #0d6efd;
   color: #0d6efd;
 }
-.tab-content[data-v-365fca24] {
+.tab-content[data-v-aa969b41] {
   flex: 1;
   overflow: auto;
   padding: 20px;
   background-color: #fff;
 }
-.tab-panel[data-v-365fca24] {
+.tab-panel[data-v-aa969b41] {
   height: 100%;
 }
-.data-content[data-v-365fca24] {
+.data-content[data-v-aa969b41] {
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-.data-content.loading[data-v-365fca24] {
+.data-content.loading[data-v-aa969b41] {
   opacity: 0.7;
   pointer-events: none;
 }
-.table-responsive[data-v-365fca24] {
+.table-responsive[data-v-aa969b41] {
   flex: 1;
   overflow: auto;
 }
-.column-header[data-v-365fca24] {
+.column-header[data-v-aa969b41] {
   position: relative;
 }
-.column-key[data-v-365fca24] {
+.column-key[data-v-aa969b41] {
   position: absolute;
   top: -5px;
   right: -15px;
   color: #0d6efd;
   font-size: 0.75rem;
 }
-.cell-value[data-v-365fca24] {
+.cell-value[data-v-aa969b41] {
   max-width: 200px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.loading-state[data-v-365fca24] {
+.loading-state[data-v-aa969b41] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1452,7 +1585,7 @@ to {
   height: 300px;
   gap: 15px;
 }
-.empty-state[data-v-365fca24] {
+.empty-state[data-v-aa969b41] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1461,76 +1594,76 @@ to {
   gap: 15px;
   color: #6c757d;
 }
-.empty-state i[data-v-365fca24] {
+.empty-state i[data-v-aa969b41] {
   font-size: 48px;
   opacity: 0.5;
 }
-.pagination-nav[data-v-365fca24] {
+.pagination-nav[data-v-aa969b41] {
   margin-top: 20px;
   border-top: 1px solid #dee2e6;
   padding-top: 15px;
 }
-.pagination-container[data-v-365fca24] {
+.pagination-container[data-v-aa969b41] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 10px;
 }
-.pagination-info[data-v-365fca24] {
+.pagination-info[data-v-aa969b41] {
   font-size: 0.875rem;
   color: #6c757d;
 }
-.page-size-selector[data-v-365fca24] {
+.page-size-selector[data-v-aa969b41] {
   display: flex;
   align-items: center;
   gap: 5px;
 }
-.page-jump[data-v-365fca24] {
+.page-jump[data-v-aa969b41] {
   display: flex;
   align-items: center;
   gap: 5px;
 }
-.structure-actions[data-v-365fca24] {
+.structure-actions[data-v-aa969b41] {
   display: flex;
   gap: 10px;
   margin-bottom: 15px;
 }
-.structure-table[data-v-365fca24], .indexes-table[data-v-365fca24], .relations-table[data-v-365fca24] {
+.structure-table[data-v-aa969b41], .indexes-table[data-v-aa969b41], .relations-table[data-v-aa969b41] {
   overflow: auto;
 }
-.structure-table table[data-v-365fca24], .indexes-table table[data-v-365fca24], .relations-table table[data-v-365fca24] {
+.structure-table table[data-v-aa969b41], .indexes-table table[data-v-aa969b41], .relations-table table[data-v-aa969b41] {
   width: 100%;
 }
-.sql-section[data-v-365fca24] {
+.sql-section[data-v-aa969b41] {
   height: 100%;
 }
 
 /* 响应式设计 */
 @media (max-width: 768px) {
-.table-header-content[data-v-365fca24] {
+.table-header-content[data-v-aa969b41] {
     flex-direction: column;
     align-items: flex-start;
     gap: 15px;
 }
-.table-stats[data-v-365fca24] {
+.table-stats[data-v-aa969b41] {
     width: 100%;
     justify-content: space-around;
 }
-.table-toolbar[data-v-365fca24] {
+.table-toolbar[data-v-aa969b41] {
     flex-direction: column;
     align-items: stretch;
     gap: 10px;
 }
-.toolbar-left[data-v-365fca24], .toolbar-right[data-v-365fca24] {
+.toolbar-left[data-v-aa969b41], .toolbar-right[data-v-aa969b41] {
     justify-content: center;
 }
-.pagination-container[data-v-365fca24] {
+.pagination-container[data-v-aa969b41] {
     flex-direction: column;
     align-items: flex-start;
     gap: 15px;
 }
-.pagination[data-v-365fca24] {
+.pagination[data-v-aa969b41] {
     width: 100%;
     justify-content: center;
 }