fdb2 1.0.33 → 1.0.35

package/dist/public/index.js

@@ -1,6 +1,6 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./layout.js","./rolldown-runtime.js","./vue.js","./layout.css","./explorer.js","./explorer.css","./vconsole.min.js"])))=>i.map(i=>d[i]);
 import { a as __toESM, n as __esmMin, r as __exportAll, t as __commonJSMin } from "./rolldown-runtime.js";
-import { $ as reactive, A as getCurrentInstance, B as renderSlot, C as createCommentVNode, D as createTextVNode, F as onBeforeUnmount, H as resolveDynamicComponent, I as onMounted, K as effectScope, L as onUnmounted, N as inject, O as createVNode, P as nextTick, Q as onScopeDispose, R as openBlock, S as createBlock, U as watch, V as resolveComponent, X as isRef, Y as isReactive, Z as markRaw, a as init_vue_router, at as normalizeClass, b as computed, c as createI18n, d as init_vue_runtime_esm_bundler, et as ref, f as createApp, i as createWebHistory, j as hasInjectionContext, k as defineComponent, l as init_vue_i18n, n as useTitle, nt as toRefs, ot as normalizeStyle, q as getCurrentScope, r as createRouter, rt as unref, st as toDisplayString, t as init_core, tt as toRaw, u as useI18n, v as withModifiers, w as createElementBlock, x as createBaseVNode, y as Fragment, z as renderList } from "./vue.js";
+import { $ as onScopeDispose, A as defineComponent, B as renderList, C as createBlock, F as nextTick, H as resolveComponent, I as onBeforeUnmount, J as getCurrentScope, L as onMounted, M as hasInjectionContext, O as createTextVNode, P as inject, Q as markRaw, R as onUnmounted, S as createBaseVNode, T as createElementBlock, U as resolveDynamicComponent, V as renderSlot, W as watch, X as isReactive, Z as isRef, a as init_vue_router, b as Fragment, c as createI18n, ct as toDisplayString, d as init_vue_runtime_esm_bundler, et as reactive, i as createWebHistory, it as unref, j as getCurrentInstance, k as createVNode, l as init_vue_i18n, n as useTitle, nt as toRaw, ot as normalizeClass, p as createApp, q as effectScope, r as createRouter, rt as toRefs, st as normalizeStyle, t as init_core, tt as ref, u as useI18n, w as createCommentVNode, x as computed, y as withModifiers, z as openBlock } from "./vue.js";
 import { i as init_bootstrap, n as init_bootstrap_esm, r as init_bootstrap_icons, t as Modal } from "./bootstrap.js";
 //#region \0vite/modulepreload-polyfill.js
 (function polyfill() {
@@ -4767,6 +4767,7 @@ var init_zh_CN = __esmMin((() => {
 			tip: "提示",
 			confirmTitle: "确认"
 		},
+		app: { version: "当前版本" },
 		nav: {
 			databaseManagement: "数据库管理",
 			databaseHome: "数据库管理首页",
@@ -5516,6 +5517,7 @@ var init_en_US = __esmMin((() => {
 			tip: "Tip",
 			confirmTitle: "Confirm"
 		},
+		app: { version: "Current Version" },
 		nav: {
 			databaseManagement: "Database Management",
 			databaseHome: "Database Home",

package/dist/public/layout.css

@@ -24,8 +24,128 @@
   letter-spacing: 0.05em;
 }
 
+.about-page[data-v-ca1c586e] {
+  padding: 2rem;
+  max-width: 800px;
+  margin: 0 auto;
+}
+.about-header[data-v-ca1c586e] {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  margin-bottom: 2rem;
+  padding-bottom: 1rem;
+  border-bottom: 1px solid #e2e8f0;
+}
+.about-logo[data-v-ca1c586e] {
+  width: 60px;
+  height: 60px;
+  border-radius: 12px;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  font-size: 2rem;
+}
+.about-title h2[data-v-ca1c586e] {
+  margin: 0;
+  font-size: 2rem;
+  font-weight: 700;
+  color: #1e293b;
+}
+.about-title p[data-v-ca1c586e] {
+  margin: 0.25rem 0 0 0;
+  color: #64748b;
+  font-size: 1.125rem;
+}
+.about-content[data-v-ca1c586e] {
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
+}
+.about-section[data-v-ca1c586e] {
+  background: white;
+  padding: 1.5rem;
+  border-radius: 12px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
+}
+.about-section h3[data-v-ca1c586e] {
+  margin: 0 0 1rem 0;
+  font-size: 1.25rem;
+  font-weight: 600;
+  color: #1e293b;
+}
+.about-section p[data-v-ca1c586e] {
+  margin: 0 0 1rem 0;
+  color: #64748b;
+  line-height: 1.6;
+}
+.feature-list[data-v-ca1c586e] {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.feature-list li[data-v-ca1c586e] {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.75rem;
+  margin-bottom: 0.75rem;
+  color: #64748b;
+}
+.feature-list li i[data-v-ca1c586e] {
+  color: #10b981;
+  margin-top: 0.25rem;
+  flex-shrink: 0;
+}
+.database-types[data-v-ca1c586e] {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  gap: 0.5rem;
+}
+.db-type[data-v-ca1c586e] {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0.5rem;
+  background: #f8fafc;
+  border-radius: 6px;
+}
+.db-name[data-v-ca1c586e] {
+  font-weight: 500;
+  color: #374151;
+}
+.db-port[data-v-ca1c586e] {
+  color: #6b7280;
+  font-size: 0.875rem;
+}
+.about-links[data-v-ca1c586e] {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+.about-link[data-v-ca1c586e] {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  padding: 0.75rem;
+  background: #f8fafc;
+  border-radius: 8px;
+  color: #667eea;
+  text-decoration: none;
+  font-weight: 500;
+  transition: all 0.3s ease;
+}
+.about-link[data-v-ca1c586e]:hover {
+  background: #e0e7ff;
+  transform: translateX(4px);
+}
+.about-link i[data-v-ca1c586e] {
+  flex-shrink: 0;
+}
+
 /* 顶部工具栏 */
-.top-toolbar[data-v-9b6e6db7] {
+.top-toolbar[data-v-a4581861] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -37,11 +157,11 @@
   top: 0;
   z-index: 1030;
 }
-.toolbar-left[data-v-9b6e6db7] {
+.toolbar-left[data-v-a4581861] {
   display: flex;
   align-items: center;
 }
-.brand-link[data-v-9b6e6db7] {
+.brand-link[data-v-a4581861] {
   display: flex;
   align-items: center;
   gap: 0.75rem;
@@ -49,10 +169,10 @@
   color: #1e293b;
   transition: all 0.3s ease;
 }
-.brand-link[data-v-9b6e6db7]:hover {
+.brand-link[data-v-a4581861]:hover {
   color: #667eea;
 }
-.brand-icon[data-v-9b6e6db7] {
+.brand-icon[data-v-a4581861] {
   width: 36px;
   height: 36px;
   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
@@ -63,19 +183,34 @@
   color: white;
   font-size: 1.2rem;
 }
-.brand-name[data-v-9b6e6db7] {
+.brand-name[data-v-a4581861] {
   font-size: 1.15rem;
   font-weight: 700;
   letter-spacing: -0.025em;
 }
-.toolbar-right[data-v-9b6e6db7] {
+.toolbar-right[data-v-a4581861] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
 
+/* 版本号徽标 */
+.app-version[data-v-a4581861] {
+  font-size: 0.78rem;
+  font-weight: 600;
+  line-height: 1;
+  color: #64748b;
+  background: #f1f5f9;
+  border: 1px solid #e2e8f0;
+  padding: 0.28rem 0.6rem;
+  border-radius: 999px;
+  letter-spacing: 0.02em;
+  cursor: default;
+  user-select: none;
+}
+
 /* 主布局样式 */
-.database-layout[data-v-9b6e6db7] {
+.database-layout[data-v-a4581861] {
   height: 100vh;
   display: flex;
   flex-direction: column;
@@ -83,7 +218,7 @@
 }
 
 /* 现代导航栏样式 */
-.navbar-modern[data-v-9b6e6db7] {
+.navbar-modern[data-v-a4581861] {
   background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
   border-bottom: 1px solid #cbd5e1;
   box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
@@ -95,10 +230,10 @@
 }
 
 /* 品牌区域 */
-.navbar-brand-wrapper[data-v-9b6e6db7] {
+.navbar-brand-wrapper[data-v-a4581861] {
   margin-right: 2rem;
 }
-.navbar-brand-modern[data-v-9b6e6db7] {
+.navbar-brand-modern[data-v-a4581861] {
   display: flex;
   align-items: center;
   gap: 1rem;
@@ -106,11 +241,11 @@
   color: #1e293b;
   transition: all 0.3s ease;
 }
-.navbar-brand-modern[data-v-9b6e6db7]:hover {
+.navbar-brand-modern[data-v-a4581861]:hover {
   color: #667eea;
   transform: translateX(2px);
 }
-.brand-icon[data-v-9b6e6db7] {
+.brand-icon[data-v-a4581861] {
   width: 45px;
   height: 45px;
   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
@@ -123,22 +258,22 @@
   box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
   transition: all 0.3s ease;
 }
-.brand-icon[data-v-9b6e6db7]:hover {
+.brand-icon[data-v-a4581861]:hover {
   transform: rotate(5deg) scale(1.05);
   box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
 }
-.brand-text[data-v-9b6e6db7] {
+.brand-text[data-v-a4581861] {
   display: flex;
   flex-direction: column;
   gap: 2px;
 }
-.brand-name[data-v-9b6e6db7] {
+.brand-name[data-v-a4581861] {
   font-size: 1.25rem;
   font-weight: 700;
   color: #1e293b;
   letter-spacing: -0.025em;
 }
-.brand-subtitle[data-v-9b6e6db7] {
+.brand-subtitle[data-v-a4581861] {
   font-size: 0.75rem;
   color: #334155;
   font-weight: 500;
@@ -147,7 +282,7 @@
 }
 
 /* 移动端切换按钮 */
-.navbar-toggler-modern[data-v-9b6e6db7] {
+.navbar-toggler-modern[data-v-a4581861] {
   background: none;
   border: none;
   padding: 0.5rem;
@@ -156,7 +291,7 @@
   flex-direction: column;
   gap: 4px;
 }
-.navbar-toggler-line[data-v-9b6e6db7] {
+.navbar-toggler-line[data-v-a4581861] {
   width: 25px;
   height: 3px;
   background: linear-gradient(90deg, #667eea, #764ba2);
@@ -165,20 +300,20 @@
 }
 
 /* 导航折叠区域 */
-.navbar-collapse-modern[data-v-9b6e6db7] {
+.navbar-collapse-modern[data-v-a4581861] {
   background: transparent;
 }
 
 /* 主导航样式 */
-.navbar-nav-modern[data-v-9b6e6db7] {
+.navbar-nav-modern[data-v-a4581861] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
-.nav-item-modern[data-v-9b6e6db7] {
+.nav-item-modern[data-v-a4581861] {
   position: relative;
 }
-.nav-link-modern[data-v-9b6e6db7] {
+.nav-link-modern[data-v-a4581861] {
   display: flex;
   align-items: center;
   gap: 0.75rem;
@@ -191,29 +326,29 @@
   position: relative;
   overflow: hidden;
 }
-.nav-link-modern[data-v-9b6e6db7]:hover {
+.nav-link-modern[data-v-a4581861]:hover {
   background: rgba(102, 126, 234, 0.1);
   color: #667eea;
   transform: translateY(-1px);
 }
-.nav-link-modern.active[data-v-9b6e6db7] {
+.nav-link-modern.active[data-v-a4581861] {
   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: white;
   box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
 }
-.nav-icon[data-v-9b6e6db7] {
+.nav-icon[data-v-a4581861] {
   font-size: 1.25rem;
   display: flex;
   align-items: center;
   justify-content: center;
   min-width: 24px;
 }
-.nav-text[data-v-9b6e6db7] {
+.nav-text[data-v-a4581861] {
   font-size: 0.95rem;
   font-weight: 600;
   letter-spacing: 0.025em;
 }
-.nav-indicator[data-v-9b6e6db7] {
+.nav-indicator[data-v-a4581861] {
   position: absolute;
   bottom: 0;
   left: 50%;
@@ -225,16 +360,16 @@
   opacity: 0;
   transition: all 0.3s ease;
 }
-.nav-link-modern.active .nav-indicator[data-v-9b6e6db7] {
+.nav-link-modern.active .nav-indicator[data-v-a4581861] {
   opacity: 1;
 }
 
 /* 用户菜单样式 */
-.nav-icon-only[data-v-9b6e6db7] {
+.nav-icon-only[data-v-a4581861] {
   padding: 0.75rem;
   min-width: auto;
 }
-.notification-dot[data-v-9b6e6db7] {
+.notification-dot[data-v-a4581861] {
   position: absolute;
   top: 8px;
   right: 8px;
@@ -243,9 +378,9 @@
   background: #ef4444;
   border-radius: 50%;
   border: 2px solid white;
-  animation: pulse-9b6e6db7 2s ease-in-out infinite;
+  animation: pulse-a4581861 2s ease-in-out infinite;
 }
-.user-menu-toggle[data-v-9b6e6db7] {
+.user-menu-toggle[data-v-a4581861] {
   display: flex;
   align-items: center;
   gap: 0.75rem;
@@ -253,10 +388,10 @@
   border-radius: 12px;
   transition: all 0.3s ease;
 }
-.user-menu-toggle[data-v-9b6e6db7]:hover {
+.user-menu-toggle[data-v-a4581861]:hover {
   background: rgba(102, 126, 234, 0.1);
 }
-.user-avatar[data-v-9b6e6db7] {
+.user-avatar[data-v-a4581861] {
   width: 40px;
   height: 40px;
   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
@@ -268,33 +403,33 @@
   font-size: 1.25rem;
   box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
 }
-.user-info[data-v-9b6e6db7] {
+.user-info[data-v-a4581861] {
   display: flex;
   flex-direction: column;
   gap: 2px;
 }
-.user-name[data-v-9b6e6db7] {
+.user-name[data-v-a4581861] {
   font-size: 0.9rem;
   font-weight: 600;
   color: #1e293b;
 }
-.user-role[data-v-9b6e6db7] {
+.user-role[data-v-a4581861] {
   font-size: 0.75rem;
   color: #334155;
   font-weight: 500;
 }
-.dropdown-arrow[data-v-9b6e6db7] {
+.dropdown-arrow[data-v-a4581861] {
   color: #475569;
   font-size: 0.75rem;
   transition: all 0.3s ease;
 }
-.user-menu-toggle:hover .dropdown-arrow[data-v-9b6e6db7] {
+.user-menu-toggle:hover .dropdown-arrow[data-v-a4581861] {
   color: #667eea;
   transform: translateY(1px);
 }
 
 /* 现代下拉菜单样式 */
-.dropdown-menu-modern[data-v-9b6e6db7] {
+.dropdown-menu-modern[data-v-a4581861] {
   background: white;
   border: 1px solid #cbd5e1;
   border-radius: 16px;
@@ -304,7 +439,7 @@
   backdrop-filter: blur(10px);
   margin-top: 0.75rem;
 }
-.dropdown-header[data-v-9b6e6db7] {
+.dropdown-header[data-v-a4581861] {
   padding: 0.5rem 0.75rem;
   font-size: 0.75rem;
   font-weight: 700;
@@ -314,7 +449,7 @@
   border-bottom: 1px solid #f1f5f9;
   margin-bottom: 0.5rem;
 }
-.dropdown-item-modern[data-v-9b6e6db7] {
+.dropdown-item-modern[data-v-a4581861] {
   display: flex;
   align-items: center;
   gap: 0.75rem;
@@ -325,44 +460,44 @@
   transition: all 0.2s ease;
   margin-bottom: 2px;
 }
-.dropdown-item-modern[data-v-9b6e6db7]:hover {
+.dropdown-item-modern[data-v-a4581861]:hover {
   background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
   color: #667eea;
   transform: translateX(4px);
 }
-.dropdown-item-modern.text-danger[data-v-9b6e6db7]:hover {
+.dropdown-item-modern.text-danger[data-v-a4581861]:hover {
   background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
   color: #dc2626;
 }
-.dropdown-item-content[data-v-9b6e6db7] {
+.dropdown-item-content[data-v-a4581861] {
   display: flex;
   flex-direction: column;
   gap: 2px;
 }
-.dropdown-item-title[data-v-9b6e6db7] {
+.dropdown-item-title[data-v-a4581861] {
   font-size: 0.9rem;
   font-weight: 600;
   color: inherit;
 }
-.dropdown-item-desc[data-v-9b6e6db7] {
+.dropdown-item-desc[data-v-a4581861] {
   font-size: 0.75rem;
   color: #475569;
 }
-.dropdown-divider-modern[data-v-9b6e6db7] {
+.dropdown-divider-modern[data-v-a4581861] {
   margin: 0.75rem -0.75rem;
   border: none;
   border-top: 1px solid #e2e8f0;
 }
 
 /* 主要内容区域 */
-.main-content-modern[data-v-9b6e6db7] {
+.main-content-modern[data-v-a4581861] {
   flex: 1;
   display: flex;
   flex-direction: column;
   background: transparent;
   overflow: hidden;
 }
-.content-wrapper[data-v-9b6e6db7] {
+.content-wrapper[data-v-a4581861] {
   flex: 1;
   background: rgba(255, 255, 255, 0.3);
   backdrop-filter: blur(8px);
@@ -373,7 +508,7 @@
 
 
 /* 动画效果 */
-@keyframes pulse-9b6e6db7 {
+@keyframes pulse-a4581861 {
 0%, 100% { opacity: 1; transform: scale(1);
 }
 50% { opacity: 0.6; transform: scale(1.2);
@@ -382,12 +517,88 @@
 
 /* 响应式设计 */
 @media (max-width: 768px) {
-.content-wrapper[data-v-9b6e6db7] {
+.content-wrapper[data-v-a4581861] {
     padding: 0.5rem;
 }
 }
 @media (max-width: 480px) {
-.content-wrapper[data-v-9b6e6db7] {
+.content-wrapper[data-v-a4581861] {
     padding: 0.25rem;
 }
 }
+
+/* 关于工具触发按钮 */
+.about-trigger[data-v-a4581861] {
+  display: flex;
+  align-items: center;
+  gap: 0.35rem;
+  padding: 0.4rem 0.75rem;
+  border-radius: 8px;
+  cursor: pointer;
+  color: #64748b;
+  font-size: 0.85rem;
+  font-weight: 600;
+  transition: all 0.3s ease;
+  user-select: none;
+  border: 1px solid #cbd5e1;
+  background: rgba(255, 255, 255, 0.8);
+}
+.about-trigger[data-v-a4581861]:hover {
+  background: rgba(102, 126, 234, 0.1);
+  color: #667eea;
+  border-color: #667eea;
+  transform: translateY(-1px);
+}
+
+/* 关于工具弹窗 */
+.about-modal-overlay[data-v-a4581861] {
+  position: fixed;
+  inset: 0;
+  background: rgba(15, 23, 42, 0.45);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 2000;
+  padding: 1.5rem;
+  backdrop-filter: blur(4px);
+}
+.about-modal[data-v-a4581861] {
+  position: relative;
+  width: 100%;
+  max-width: 860px;
+  max-height: 90vh;
+  overflow-y: auto;
+  background: #ffffff;
+  border-radius: 16px;
+  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
+}
+.about-modal-close[data-v-a4581861] {
+  position: absolute;
+  top: 1rem;
+  right: 1rem;
+  z-index: 2;
+  width: 34px;
+  height: 34px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid #cbd5e1;
+  border-radius: 8px;
+  background: #ffffff;
+  color: #64748b;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+.about-modal-close[data-v-a4581861]:hover {
+  background: #f1f5f9;
+  color: #667eea;
+  border-color: #667eea;
+}
+.about-fade-enter-active[data-v-a4581861],
+.about-fade-leave-active[data-v-a4581861] {
+  transition: opacity 0.25s ease;
+}
+.about-fade-enter-from[data-v-a4581861],
+.about-fade-leave-to[data-v-a4581861] {
+  opacity: 0;
+}