fdb2 1.0.11 → 1.0.13

package/dist/public/explorer.css

@@ -1077,13 +1077,13 @@ to {
   background: #94a3b8;
 }
 
-.database-detail[data-v-7ce335e1] {
+.database-detail[data-v-608988e0] {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-.sql-executor-section[data-v-7ce335e1] {
+.sql-executor-section[data-v-608988e0] {
   margin: 15px 0;
   padding: 15px;
   background-color: #f8f9fa;
@@ -1094,7 +1094,7 @@ to {
 }
 
 /* 加载状态样式 */
-.loading-state[data-v-7ce335e1] {
+.loading-state[data-v-608988e0] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1102,31 +1102,31 @@ to {
   padding: 40px 0;
   color: #6c757d;
 }
-.loading-state .spinner-border[data-v-7ce335e1] {
+.loading-state .spinner-border[data-v-608988e0] {
   margin-bottom: 15px;
   color: #0d6efd;
 }
-.loading-state p[data-v-7ce335e1] {
+.loading-state p[data-v-608988e0] {
   margin: 0;
   font-size: 14px;
 }
-.database-header[data-v-7ce335e1] {
+.database-header[data-v-608988e0] {
   padding: 1rem;
   background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
   border-bottom: 1px solid #e2e8f0;
 }
-.database-header-content[data-v-7ce335e1] {
+.database-header-content[data-v-608988e0] {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 2rem;
 }
-.database-info[data-v-7ce335e1] {
+.database-info[data-v-608988e0] {
   display: flex;
   align-items: center;
   gap: 1rem;
 }
-.database-icon[data-v-7ce335e1] {
+.database-icon[data-v-608988e0] {
   width: 60px;
   height: 60px;
   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
@@ -1137,16 +1137,16 @@ to {
   color: white;
   font-size: 1.5rem;
 }
-.database-meta h4[data-v-7ce335e1] {
+.database-meta h4[data-v-608988e0] {
   margin: 0 0 0.5rem 0;
   color: #1e293b;
   font-weight: 600;
 }
-.connection-info[data-v-7ce335e1] {
+.connection-info[data-v-608988e0] {
   display: flex;
   gap: 0.75rem;
 }
-.connection-name[data-v-7ce335e1] {
+.connection-name[data-v-608988e0] {
   background: rgba(102, 126, 234, 0.1);
   color: #667eea;
   padding: 0.25rem 0.5rem;
@@ -1154,7 +1154,7 @@ to {
   font-size: 0.875rem;
   font-weight: 500;
 }
-.connection-type[data-v-7ce335e1] {
+.connection-type[data-v-608988e0] {
   background: #f1f5f9;
   color: #64748b;
   padding: 0.25rem 0.5rem;
@@ -1162,36 +1162,36 @@ to {
   font-size: 0.875rem;
   font-weight: 500;
 }
-.database-stats[data-v-7ce335e1] {
+.database-stats[data-v-608988e0] {
   display: flex;
   gap: 2rem;
 }
-.stat-item[data-v-7ce335e1] {
+.stat-item[data-v-608988e0] {
   text-align: center;
 }
-.stat-value[data-v-7ce335e1] {
+.stat-value[data-v-608988e0] {
   font-size: 1.5rem;
   font-weight: 700;
   color: #1e293b;
   margin-bottom: 0.25rem;
 }
-.stat-label[data-v-7ce335e1] {
+.stat-label[data-v-608988e0] {
   font-size: 0.875rem;
   color: #64748b;
   font-weight: 500;
 }
-.database-tabs[data-v-7ce335e1] {
+.database-tabs[data-v-608988e0] {
   flex: 1;
   overflow: hidden;
   display: flex;
   flex-direction: column;
 }
-.nav-tabs[data-v-7ce335e1] {
+.nav-tabs[data-v-608988e0] {
   background: #f8fafc;
   border-bottom: 1px solid #e2e8f0;
   padding: 0 1.5rem;
 }
-.nav-link[data-v-7ce335e1] {
+.nav-link[data-v-608988e0] {
   border: none;
   background: transparent;
   color: #64748b;
@@ -1199,35 +1199,35 @@ to {
   font-weight: 500;
   transition: all 0.2s ease;
 }
-.nav-link[data-v-7ce335e1]:hover {
+.nav-link[data-v-608988e0]:hover {
   color: #667eea;
   background: rgba(102, 126, 234, 0.1);
 }
-.nav-link.active[data-v-7ce335e1] {
+.nav-link.active[data-v-608988e0] {
   color: #667eea;
   background: white;
   border-bottom: 2px solid #667eea;
 }
-.tab-content[data-v-7ce335e1] {
+.tab-content[data-v-608988e0] {
   overflow-y: auto;
   flex: 1;
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.tab-panel[data-v-7ce335e1] {
+.tab-panel[data-v-608988e0] {
   flex: 1;
   overflow-y: auto;
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.table-grid[data-v-7ce335e1] {
+.table-grid[data-v-608988e0] {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
   gap: 1rem;
 }
-.table-card[data-v-7ce335e1] {
+.table-card[data-v-608988e0] {
   background: white;
   border: 1px solid #e2e8f0;
   border-radius: 12px;
@@ -1235,19 +1235,19 @@ to {
   transition: all 0.2s ease;
   cursor: pointer;
 }
-.table-card[data-v-7ce335e1]:hover {
+.table-card[data-v-608988e0]:hover {
   border-color: #667eea;
   box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
   transform: translateY(-2px);
 }
-.card-header[data-v-7ce335e1] {
+.card-header[data-v-608988e0] {
   background: #f8fafc;
   padding: 1rem;
   display: flex;
   align-items: center;
   gap: 0.75rem;
 }
-.table-icon[data-v-7ce335e1] {
+.table-icon[data-v-608988e0] {
   width: 40px;
   height: 40px;
   background: linear-gradient(135deg, #10b981 0%, #059669 100%);
@@ -1257,43 +1257,63 @@ to {
   justify-content: center;
   color: white;
 }
-.table-name[data-v-7ce335e1] {
+.table-info[data-v-608988e0] {
+  flex: 1;
+  min-width: 0; /* 允许子元素截断 */
+}
+.table-name-wrapper[data-v-608988e0] {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin-bottom: 0.25rem;
+}
+.table-name[data-v-608988e0] {
   font-weight: 600;
   color: #1e293b;
-  margin-bottom: 0.25rem;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
-.table-engine[data-v-7ce335e1] {
+.table-engine[data-v-608988e0] {
   font-size: 0.75rem;
   color: #64748b;
   background: #f1f5f9;
   padding: 0.125rem 0.375rem;
   border-radius: 8px;
+  flex-shrink: 0;
+}
+.table-comment-header[data-v-608988e0] {
+  font-size: 0.75rem;
+  color: #64748b;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
-.card-body[data-v-7ce335e1] {
+.card-body[data-v-608988e0] {
   padding: 1rem;
 }
-.table-stats[data-v-7ce335e1] {
+.table-stats[data-v-608988e0] {
   display: flex;
   gap: 1rem;
   margin-bottom: 0.75rem;
 }
-.stat[data-v-7ce335e1] {
+.stat[data-v-608988e0] {
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
 }
-.table-comment[data-v-7ce335e1] {
+.table-comment[data-v-608988e0] {
   font-size: 0.875rem;
   color: #64748b;
   font-style: italic;
   margin-bottom: 0.75rem;
   line-height: 1.4;
 }
-.table-actions[data-v-7ce335e1] {
+.table-actions[data-v-608988e0] {
   display: flex;
   gap: 0.5rem;
 }
-.empty-state[data-v-7ce335e1] {
+.empty-state[data-v-608988e0] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1303,37 +1323,37 @@ to {
   text-align: center;
   font-size: 1.5rem;
 }
-.empty-state i[data-v-7ce335e1] {
+.empty-state i[data-v-608988e0] {
   margin-bottom: 1rem;
   opacity: 0.5;
 }
 
 /* 视图和存储过程卡片样式 */
-.views-grid[data-v-7ce335e1], .procedures-grid[data-v-7ce335e1] {
+.views-grid[data-v-608988e0], .procedures-grid[data-v-608988e0] {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
   gap: 1rem;
 }
-.view-card[data-v-7ce335e1], .procedure-card[data-v-7ce335e1] {
+.view-card[data-v-608988e0], .procedure-card[data-v-608988e0] {
   background: white;
   border: 1px solid #e2e8f0;
   border-radius: 12px;
   overflow: hidden;
   transition: all 0.2s ease;
 }
-.view-card[data-v-7ce335e1]:hover, .procedure-card[data-v-7ce335e1]:hover {
+.view-card[data-v-608988e0]:hover, .procedure-card[data-v-608988e0]:hover {
   border-color: #667eea;
   box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
   transform: translateY(-2px);
 }
-.view-card .card-header[data-v-7ce335e1], .procedure-card .card-header[data-v-7ce335e1] {
+.view-card .card-header[data-v-608988e0], .procedure-card .card-header[data-v-608988e0] {
   background: #f8fafc;
   padding: 1rem;
   display: flex;
   align-items: center;
   gap: 0.75rem;
 }
-.view-icon[data-v-7ce335e1], .procedure-icon[data-v-7ce335e1] {
+.view-icon[data-v-608988e0], .procedure-icon[data-v-608988e0] {
   width: 40px;
   height: 40px;
   background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
@@ -1343,33 +1363,33 @@ to {
   justify-content: center;
   color: white;
 }
-.procedure-icon[data-v-7ce335e1] {
+.procedure-icon[data-v-608988e0] {
   background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
 }
-.view-name[data-v-7ce335e1], .procedure-name[data-v-7ce335e1] {
+.view-name[data-v-608988e0], .procedure-name[data-v-608988e0] {
   font-weight: 600;
   color: #1e293b;
   margin-bottom: 0.25rem;
 }
-.view-comment[data-v-7ce335e1], .procedure-comment[data-v-7ce335e1] {
+.view-comment[data-v-608988e0], .procedure-comment[data-v-608988e0] {
   font-size: 0.75rem;
   color: #64748b;
   margin-bottom: 0.5rem;
   line-height: 1.4;
 }
-.procedure-type[data-v-7ce335e1] {
+.procedure-type[data-v-608988e0] {
   display: flex;
   gap: 0.25rem;
   flex-wrap: wrap;
 }
-.view-card .card-body[data-v-7ce335e1], .procedure-card .card-body[data-v-7ce335e1] {
+.view-card .card-body[data-v-608988e0], .procedure-card .card-body[data-v-608988e0] {
   padding: 1rem;
 }
-.view-actions[data-v-7ce335e1], .procedure-actions[data-v-7ce335e1] {
+.view-actions[data-v-608988e0], .procedure-actions[data-v-608988e0] {
   display: flex;
   gap: 0.5rem;
 }
-.views-actions[data-v-7ce335e1], .procedures-actions[data-v-7ce335e1], .tables-actions[data-v-7ce335e1] {
+.views-actions[data-v-608988e0], .procedures-actions[data-v-608988e0], .tables-actions[data-v-608988e0] {
   display: flex;
   gap: 0.5rem;
   margin-bottom: 1rem;
@@ -1379,27 +1399,27 @@ to {
 }
 
 /* 模态框样式 */
-.modal-dialog[data-v-7ce335e1] {
+.modal-dialog[data-v-608988e0] {
   margin-top: 10vh;
 }
-.modal-content[data-v-7ce335e1] {
+.modal-content[data-v-608988e0] {
   border-radius: 12px;
   border: none;
   box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
 }
-.modal-header[data-v-7ce335e1] {
+.modal-header[data-v-608988e0] {
   border-bottom: 1px solid #e2e8f0;
   padding: 1rem 1.5rem;
 }
-.modal-title[data-v-7ce335e1] {
+.modal-title[data-v-608988e0] {
   margin: 0;
   font-weight: 600;
   color: #1e293b;
 }
-.modal-body[data-v-7ce335e1] {
+.modal-body[data-v-608988e0] {
   padding: 1.5rem;
 }
-.modal-footer[data-v-7ce335e1] {
+.modal-footer[data-v-608988e0] {
   border-top: 1px solid #e2e8f0;
   padding: 1rem 1.5rem;
   display: flex;
@@ -1461,68 +1481,122 @@ to {
   font-size: 0.75rem;
 }
 
-.table-detail[data-v-23851444] {
+.table-data-grid[data-v-485b2e18] {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.data-grid-wrapper[data-v-485b2e18] {
+  flex: 1;
+  overflow: hidden;
+}
+.column-header-custom[data-v-485b2e18] {
+    display: flex;
+    flex-direction: column;
+    cursor: pointer;
+    user-select: none;
+}
+.header-main[data-v-485b2e18] {
+    display: flex;
+    align-items: center;
+}
+.column-name[data-v-485b2e18] {
+    font-weight: 600;
+}
+.header-sub[data-v-485b2e18] {
+    display: flex;
+    align-items: center;
+    margin-top: 2px;
+    max-width: 150px; /* 限制子标题区域的最大宽度 */
+}
+.column-type[data-v-485b2e18] {
+    font-size: 0.7rem;
+    line-height: 1;
+    flex-shrink: 0; /* 防止类型被压缩 */
+}
+.column-comment[data-v-485b2e18] {
+    font-size: 0.7rem;
+    line-height: 1;
+    opacity: 0.8;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    flex: 1; /* 允许注释占据剩余空间并截断 */
+}
+.cell-value[data-v-485b2e18] {
+  max-width: 300px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.grid-footer-bar[data-v-485b2e18] {
+    background: #f8f9fa;
+    border-top: 1px solid #dee2e6;
+    padding: 8px 16px;
+}
+
+.table-detail[data-v-dccf9d97] {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-.table-header[data-v-23851444] {
+.table-header[data-v-dccf9d97] {
   background-color: #f8f9fa;
   border-bottom: 1px solid #dee2e6;
   padding: 15px 20px;
 }
-.table-header-content[data-v-23851444] {
+.table-header-content[data-v-dccf9d97] {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.table-info[data-v-23851444] {
+.table-info[data-v-dccf9d97] {
   display: flex;
   align-items: center;
   gap: 15px;
 }
-.table-icon[data-v-23851444] {
+.table-icon[data-v-dccf9d97] {
   font-size: 32px;
   color: #495057;
 }
-.table-meta[data-v-23851444] {
+.table-meta[data-v-dccf9d97] {
   display: flex;
   flex-direction: column;
   gap: 5px;
 }
-.table-name[data-v-23851444] {
+.table-name[data-v-dccf9d97] {
   margin: 0;
   font-size: 1.25rem;
   font-weight: 600;
 }
-.table-breadcrumb[data-v-23851444] {
+.table-breadcrumb[data-v-dccf9d97] {
   display: flex;
   align-items: center;
   gap: 8px;
   font-size: 0.875rem;
   color: #6c757d;
 }
-.table-stats[data-v-23851444] {
+.table-stats[data-v-dccf9d97] {
   display: flex;
   gap: 20px;
 }
-.stat-item[data-v-23851444] {
+.stat-item[data-v-dccf9d97] {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 2px;
 }
-.stat-value[data-v-23851444] {
+.stat-value[data-v-dccf9d97] {
   font-size: 1.125rem;
   font-weight: 600;
   color: #495057;
 }
-.stat-label[data-v-23851444] {
+.stat-label[data-v-dccf9d97] {
   font-size: 0.75rem;
   color: #6c757d;
 }
-.table-toolbar[data-v-23851444] {
+.table-toolbar[data-v-dccf9d97] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -1530,26 +1604,28 @@ to {
   background-color: #f8f9fa;
   border-bottom: 1px solid #dee2e6;
 }
-.toolbar-left[data-v-23851444] {
+.toolbar-left[data-v-dccf9d97] {
   display: flex;
   gap: 10px;
   align-items: center;
 }
-.toolbar-right[data-v-23851444] {
+.toolbar-right[data-v-dccf9d97] {
   display: flex;
   gap: 10px;
   align-items: center;
 }
-.table-tabs[data-v-23851444] {
+.table-tabs[data-v-dccf9d97] {
   flex: 1;
   display: flex;
   flex-direction: column;
+  overflow: hidden;
 }
-.nav-tabs[data-v-23851444] {
+.nav-tabs[data-v-dccf9d97] {
   border-bottom: 1px solid #dee2e6;
   background-color: #f8f9fa;
+  flex-shrink: 0;
 }
-.nav-tabs .nav-link[data-v-23851444] {
+.nav-tabs .nav-link[data-v-dccf9d97] {
   color: #495057;
   border: none;
   border-bottom: 3px solid transparent;
@@ -1557,54 +1633,60 @@ to {
   padding: 10px 15px;
   font-weight: 500;
 }
-.nav-tabs .nav-link[data-v-23851444]:hover {
+.nav-tabs .nav-link[data-v-dccf9d97]:hover {
   background-color: #e9ecef;
   border-bottom-color: #adb5bd;
 }
-.nav-tabs .nav-link.active[data-v-23851444] {
+.nav-tabs .nav-link.active[data-v-dccf9d97] {
   background-color: #fff;
   border-bottom-color: #0d6efd;
   color: #0d6efd;
 }
-.tab-content[data-v-23851444] {
+.tab-content[data-v-dccf9d97] {
   flex: 1;
   overflow: auto;
   padding: 20px;
   background-color: #fff;
+  display: flex;
+  flex-direction: column;
 }
-.tab-panel[data-v-23851444] {
+.tab-panel[data-v-dccf9d97] {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
   height: 100%;
+  overflow: auto;
 }
-.data-content[data-v-23851444] {
+.data-content[data-v-dccf9d97] {
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-.data-content.loading[data-v-23851444] {
+.data-content.loading[data-v-dccf9d97] {
   opacity: 0.7;
   pointer-events: none;
 }
-.table-responsive[data-v-23851444] {
+.table-responsive[data-v-dccf9d97] {
   flex: 1;
   overflow: auto;
 }
-.column-header[data-v-23851444] {
+.column-header[data-v-dccf9d97] {
   position: relative;
 }
-.column-key[data-v-23851444] {
+.column-key[data-v-dccf9d97] {
   position: absolute;
   top: -5px;
   right: -15px;
   color: #0d6efd;
   font-size: 0.75rem;
 }
-.cell-value[data-v-23851444] {
+.cell-value[data-v-dccf9d97] {
   max-width: 200px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.loading-state[data-v-23851444] {
+.loading-state[data-v-dccf9d97] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1612,7 +1694,7 @@ to {
   height: 300px;
   gap: 15px;
 }
-.empty-state[data-v-23851444] {
+.empty-state[data-v-dccf9d97] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1621,76 +1703,76 @@ to {
   gap: 15px;
   color: #6c757d;
 }
-.empty-state i[data-v-23851444] {
+.empty-state i[data-v-dccf9d97] {
   font-size: 48px;
   opacity: 0.5;
 }
-.pagination-nav[data-v-23851444] {
+.pagination-nav[data-v-dccf9d97] {
   margin-top: 20px;
   border-top: 1px solid #dee2e6;
   padding-top: 15px;
 }
-.pagination-container[data-v-23851444] {
+.pagination-container[data-v-dccf9d97] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 10px;
 }
-.pagination-info[data-v-23851444] {
+.pagination-info[data-v-dccf9d97] {
   font-size: 0.875rem;
   color: #6c757d;
 }
-.page-size-selector[data-v-23851444] {
+.page-size-selector[data-v-dccf9d97] {
   display: flex;
   align-items: center;
   gap: 5px;
 }
-.page-jump[data-v-23851444] {
+.page-jump[data-v-dccf9d97] {
   display: flex;
   align-items: center;
   gap: 5px;
 }
-.structure-actions[data-v-23851444] {
+.structure-actions[data-v-dccf9d97] {
   display: flex;
   gap: 10px;
   margin-bottom: 15px;
 }
-.structure-table[data-v-23851444], .indexes-table[data-v-23851444], .relations-table[data-v-23851444] {
+.structure-table[data-v-dccf9d97], .indexes-table[data-v-dccf9d97], .relations-table[data-v-dccf9d97] {
   overflow: auto;
 }
-.structure-table table[data-v-23851444], .indexes-table table[data-v-23851444], .relations-table table[data-v-23851444] {
+.structure-table table[data-v-dccf9d97], .indexes-table table[data-v-dccf9d97], .relations-table table[data-v-dccf9d97] {
   width: 100%;
 }
-.sql-section[data-v-23851444] {
+.sql-section[data-v-dccf9d97] {
   height: 100%;
 }
 
 /* 响应式设计 */
 @media (max-width: 768px) {
-.table-header-content[data-v-23851444] {
+.table-header-content[data-v-dccf9d97] {
     flex-direction: column;
     align-items: flex-start;
     gap: 15px;
 }
-.table-stats[data-v-23851444] {
+.table-stats[data-v-dccf9d97] {
     width: 100%;
     justify-content: space-around;
 }
-.table-toolbar[data-v-23851444] {
+.table-toolbar[data-v-dccf9d97] {
     flex-direction: column;
     align-items: stretch;
     gap: 10px;
 }
-.toolbar-left[data-v-23851444], .toolbar-right[data-v-23851444] {
+.toolbar-left[data-v-dccf9d97], .toolbar-right[data-v-dccf9d97] {
     justify-content: center;
 }
-.pagination-container[data-v-23851444] {
+.pagination-container[data-v-dccf9d97] {
     flex-direction: column;
     align-items: flex-start;
     gap: 15px;
 }
-.pagination[data-v-23851444] {
+.pagination[data-v-dccf9d97] {
     width: 100%;
     justify-content: center;
 }