fdb2 1.0.11 → 1.0.13

package/dist/public/explorer.js

@@ -1,5 +1,5 @@
-import { s as defineComponent, w as watch, o as openBlock, v as createElementBlock, F as Fragment, J as createVNode, N as withCtx, a as ref, z as createBaseVNode, L as withModifiers, H as createTextVNode, O as withDirectives, P as vModelText, x as renderList, A as toDisplayString, Q as vModelSelect, B as createCommentVNode, R as vModelCheckbox, G as onMounted, y as normalizeClass, S as vShow, l as computed, T as useRouter, U as createStaticVNode, K as normalizeStyle, n as nextTick, V as withKeys, c as createBlock, W as useRoute } from "./vue.js";
-import { r as request, M as Modal, _ as _export_sfc, s as showAlert, a as showConfirm, g as getModalInstance, d as defineStore, t as toast, c as commonjsGlobal, T as Toast } from "./index.js";
+import { s as defineComponent, w as watch, o as openBlock, v as createElementBlock, F as Fragment, J as createVNode, N as withCtx, a as ref, z as createBaseVNode, H as createTextVNode, O as withDirectives, P as vModelText, Q as vModelSelect, x as renderList, A as toDisplayString, B as createCommentVNode, R as vModelCheckbox, L as withModifiers, G as onMounted, y as normalizeClass, S as vShow, l as computed, T as useRouter, U as createStaticVNode, K as normalizeStyle, n as nextTick, V as createSlots, c as createBlock, W as useRoute } from "./vue.js";
+import { r as request, M as Modal, _ as _export_sfc, s as showAlert, a as showConfirm, g as getModalInstance, d as defineStore, t as toast, c as commonjsGlobal, D as DataGrid, T as Toast } from "./index.js";
 import "./bootstrap.js";
 class ConnectionService {
   /**
@@ -362,33 +362,33 @@ class DatabaseService {
     });
   }
 }
-const _hoisted_1$8 = { class: "form-section" };
-const _hoisted_2$8 = { class: "section-content" };
-const _hoisted_3$8 = { class: "form-grid" };
-const _hoisted_4$8 = { class: "form-group-modern" };
-const _hoisted_5$8 = { class: "form-group-modern" };
-const _hoisted_6$8 = ["value"];
-const _hoisted_7$8 = {
+const _hoisted_1$9 = { class: "form-section" };
+const _hoisted_2$9 = { class: "section-content" };
+const _hoisted_3$9 = { class: "form-grid" };
+const _hoisted_4$9 = { class: "form-group-modern" };
+const _hoisted_5$9 = { class: "form-group-modern" };
+const _hoisted_6$9 = ["value"];
+const _hoisted_7$9 = {
   key: 0,
   class: "form-section"
 };
-const _hoisted_8$8 = { class: "section-content" };
-const _hoisted_9$8 = { class: "form-grid" };
-const _hoisted_10$8 = { class: "form-group-modern" };
-const _hoisted_11$8 = { class: "form-group-modern" };
-const _hoisted_12$8 = { class: "form-group-modern" };
-const _hoisted_13$8 = { class: "form-group-modern" };
-const _hoisted_14$8 = {
+const _hoisted_8$9 = { class: "section-content" };
+const _hoisted_9$9 = { class: "form-grid" };
+const _hoisted_10$9 = { class: "form-group-modern" };
+const _hoisted_11$9 = { class: "form-group-modern" };
+const _hoisted_12$9 = { class: "form-group-modern" };
+const _hoisted_13$9 = { class: "form-group-modern" };
+const _hoisted_14$9 = {
   key: 1,
   class: "form-section"
 };
-const _hoisted_15$8 = { class: "section-content" };
-const _hoisted_16$7 = { class: "form-grid" };
-const _hoisted_17$7 = { class: "form-group-modern" };
-const _hoisted_18$7 = { class: "form-section" };
-const _hoisted_19$7 = { class: "section-content" };
-const _hoisted_20$7 = { class: "form-grid" };
-const _hoisted_21$7 = { class: "form-group-modern" };
+const _hoisted_15$9 = { class: "section-content" };
+const _hoisted_16$8 = { class: "form-grid" };
+const _hoisted_17$8 = { class: "form-group-modern" };
+const _hoisted_18$8 = { class: "form-section" };
+const _hoisted_19$8 = { class: "section-content" };
+const _hoisted_20$8 = { class: "form-grid" };
+const _hoisted_21$8 = { class: "form-group-modern" };
 const _hoisted_22$7 = { class: "form-group-modern" };
 const _hoisted_23$7 = { class: "form-section" };
 const _hoisted_24$7 = { class: "section-content" };
@@ -396,7 +396,7 @@ const _hoisted_25$7 = { class: "form-group-modern" };
 const _hoisted_26$7 = { class: "form-check-modern" };
 const _hoisted_27$7 = { class: "error-content" };
 const _hoisted_28$7 = { class: "error-message" };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     modelValue: { type: Boolean, default: false },
@@ -632,16 +632,16 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               onSubmit: withModifiers(saveConnection, ["prevent"]),
               class: "connection-form-modern"
             }, [
-              createBaseVNode("div", _hoisted_1$8, [
+              createBaseVNode("div", _hoisted_1$9, [
                 _cache[14] || (_cache[14] = createBaseVNode("div", { class: "section-header" }, [
                   createBaseVNode("div", { class: "section-icon" }, [
                     createBaseVNode("i", { class: "bi bi-info-circle" })
                   ]),
                   createBaseVNode("h3", { class: "section-title" }, "基本信息")
                 ], -1)),
-                createBaseVNode("div", _hoisted_2$8, [
-                  createBaseVNode("div", _hoisted_3$8, [
-                    createBaseVNode("div", _hoisted_4$8, [
+                createBaseVNode("div", _hoisted_2$9, [
+                  createBaseVNode("div", _hoisted_3$9, [
+                    createBaseVNode("div", _hoisted_4$9, [
                       _cache[11] || (_cache[11] = createBaseVNode("label", { class: "form-label-modern" }, [
                         createBaseVNode("i", { class: "bi bi-tag me-2" }),
                         createTextVNode("连接名称 "),
@@ -657,7 +657,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                         [vModelText, connectionForm.value.name]
                       ])
                     ]),
-                    createBaseVNode("div", _hoisted_5$8, [
+                    createBaseVNode("div", _hoisted_5$9, [
                       _cache[13] || (_cache[13] = createBaseVNode("label", { class: "form-label-modern" }, [
                         createBaseVNode("i", { class: "bi bi-diagram-3 me-2" }),
                         createTextVNode("数据库类型 "),
@@ -674,7 +674,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                           return openBlock(), createElementBlock("option", {
                             key: dbType.value,
                             value: dbType.value
-                          }, toDisplayString(dbType.label), 9, _hoisted_6$8);
+                          }, toDisplayString(dbType.label), 9, _hoisted_6$9);
                         }), 128))
                       ], 544), [
                         [vModelSelect, connectionForm.value.type]
@@ -683,16 +683,16 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                   ])
                 ])
               ]),
-              connectionForm.value.type !== "sqlite" ? (openBlock(), createElementBlock("div", _hoisted_7$8, [
+              connectionForm.value.type !== "sqlite" ? (openBlock(), createElementBlock("div", _hoisted_7$9, [
                 _cache[19] || (_cache[19] = createBaseVNode("div", { class: "section-header" }, [
                   createBaseVNode("div", { class: "section-icon" }, [
                     createBaseVNode("i", { class: "bi bi-hdd-network" })
                   ]),
                   createBaseVNode("h3", { class: "section-title" }, "连接配置")
                 ], -1)),
-                createBaseVNode("div", _hoisted_8$8, [
-                  createBaseVNode("div", _hoisted_9$8, [
-                    createBaseVNode("div", _hoisted_10$8, [
+                createBaseVNode("div", _hoisted_8$9, [
+                  createBaseVNode("div", _hoisted_9$9, [
+                    createBaseVNode("div", _hoisted_10$9, [
                       _cache[15] || (_cache[15] = createBaseVNode("label", { class: "form-label-modern" }, [
                         createBaseVNode("i", { class: "bi bi-server me-2" }),
                         createTextVNode("主机地址 "),
@@ -708,7 +708,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                         [vModelText, connectionForm.value.host]
                       ])
                     ]),
-                    createBaseVNode("div", _hoisted_11$8, [
+                    createBaseVNode("div", _hoisted_11$9, [
                       _cache[16] || (_cache[16] = createBaseVNode("label", { class: "form-label-modern" }, [
                         createBaseVNode("i", { class: "bi bi-door-closed me-2" }),
                         createTextVNode("端口 "),
@@ -731,7 +731,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                         ]
                       ])
                     ]),
-                    createBaseVNode("div", _hoisted_12$8, [
+                    createBaseVNode("div", _hoisted_12$9, [
                       _cache[17] || (_cache[17] = createBaseVNode("label", { class: "form-label-modern" }, [
                         createBaseVNode("i", { class: "bi bi-database me-2" }),
                         createTextVNode("数据库名 "),
@@ -747,7 +747,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                         [vModelText, connectionForm.value.database]
                       ])
                     ]),
-                    createBaseVNode("div", _hoisted_13$8, [
+                    createBaseVNode("div", _hoisted_13$9, [
                       _cache[18] || (_cache[18] = createBaseVNode("label", { class: "form-label-modern" }, [
                         createBaseVNode("i", { class: "bi bi-clock me-2" }),
                         createTextVNode("连接超时 ")
@@ -770,16 +770,16 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                   ])
                 ])
               ])) : createCommentVNode("", true),
-              connectionForm.value.type === "sqlite" ? (openBlock(), createElementBlock("div", _hoisted_14$8, [
+              connectionForm.value.type === "sqlite" ? (openBlock(), createElementBlock("div", _hoisted_14$9, [
                 _cache[21] || (_cache[21] = createBaseVNode("div", { class: "section-header" }, [
                   createBaseVNode("div", { class: "section-icon" }, [
                     createBaseVNode("i", { class: "bi bi-file-earmark-text" })
                   ]),
                   createBaseVNode("h3", { class: "section-title" }, "SQLite配置")
                 ], -1)),
-                createBaseVNode("div", _hoisted_15$8, [
-                  createBaseVNode("div", _hoisted_16$7, [
-                    createBaseVNode("div", _hoisted_17$7, [
+                createBaseVNode("div", _hoisted_15$9, [
+                  createBaseVNode("div", _hoisted_16$8, [
+                    createBaseVNode("div", _hoisted_17$8, [
                       _cache[20] || (_cache[20] = createBaseVNode("label", { class: "form-label-modern" }, [
                         createBaseVNode("i", { class: "bi bi-file-earmark me-2" }),
                         createTextVNode("数据库文件 "),
@@ -798,16 +798,16 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                   ])
                 ])
               ])) : createCommentVNode("", true),
-              createBaseVNode("div", _hoisted_18$7, [
+              createBaseVNode("div", _hoisted_18$8, [
                 _cache[24] || (_cache[24] = createBaseVNode("div", { class: "section-header" }, [
                   createBaseVNode("div", { class: "section-icon" }, [
                     createBaseVNode("i", { class: "bi bi-shield-lock" })
                   ]),
                   createBaseVNode("h3", { class: "section-title" }, "认证信息")
                 ], -1)),
-                createBaseVNode("div", _hoisted_19$7, [
-                  createBaseVNode("div", _hoisted_20$7, [
-                    createBaseVNode("div", _hoisted_21$7, [
+                createBaseVNode("div", _hoisted_19$8, [
+                  createBaseVNode("div", _hoisted_20$8, [
+                    createBaseVNode("div", _hoisted_21$8, [
                       _cache[22] || (_cache[22] = createBaseVNode("label", { class: "form-label-modern" }, [
                         createBaseVNode("i", { class: "bi bi-person me-2" }),
                         createTextVNode("用户名 ")
@@ -898,7 +898,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ConnectionEditor = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-60ee1360"]]);
+const ConnectionEditor = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-60ee1360"]]);
 class ModalHelper {
   /**
    * 获取全局modal实例
@@ -43736,37 +43736,37 @@ function formatFileName(baseName, extension) {
   const timestamp = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19);
   return `${baseName}_${timestamp}.${extension}`;
 }
-const _hoisted_1$7 = { class: "sql-executor" };
-const _hoisted_2$7 = { class: "sql-toolbar" };
-const _hoisted_3$7 = { class: "toolbar-left" };
-const _hoisted_4$7 = ["disabled"];
-const _hoisted_5$7 = { class: "sql-editor" };
-const _hoisted_6$7 = { class: "sql-result" };
-const _hoisted_7$7 = { class: "result-content" };
-const _hoisted_8$7 = { class: "result-header" };
-const _hoisted_9$7 = { class: "result-title" };
-const _hoisted_10$7 = {
+const _hoisted_1$8 = { class: "sql-executor" };
+const _hoisted_2$8 = { class: "sql-toolbar" };
+const _hoisted_3$8 = { class: "toolbar-left" };
+const _hoisted_4$8 = ["disabled"];
+const _hoisted_5$8 = { class: "sql-editor" };
+const _hoisted_6$8 = { class: "sql-result" };
+const _hoisted_7$8 = { class: "result-content" };
+const _hoisted_8$8 = { class: "result-header" };
+const _hoisted_9$8 = { class: "result-title" };
+const _hoisted_10$8 = {
   key: 0,
   class: "sql-loading"
 };
-const _hoisted_11$7 = {
+const _hoisted_11$8 = {
   key: 0,
   class: "bi bi-check-circle-fill text-success"
 };
-const _hoisted_12$7 = {
+const _hoisted_12$8 = {
   key: 1,
   class: "bi bi-x-circle-fill text-danger"
 };
-const _hoisted_13$7 = {
+const _hoisted_13$8 = {
   key: 0,
   class: "result-actions"
 };
-const _hoisted_14$7 = {
+const _hoisted_14$8 = {
   key: 0,
   class: "sql-loading-state"
 };
-const _hoisted_15$7 = { class: "json-result" };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _hoisted_15$8 = { class: "json-result" };
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "sql-executor",
   props: {
     connection: {},
@@ -44070,9 +44070,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
-        createBaseVNode("div", _hoisted_2$7, [
-          createBaseVNode("div", _hoisted_3$7, [
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+        createBaseVNode("div", _hoisted_2$8, [
+          createBaseVNode("div", _hoisted_3$8, [
             createBaseVNode("button", {
               class: "btn btn-primary btn-sm",
               onClick: executeSql,
@@ -44080,7 +44080,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             }, [..._cache[1] || (_cache[1] = [
               createBaseVNode("i", { class: "bi bi-play-fill" }, null, -1),
               createTextVNode(" 执行SQL ", -1)
-            ])], 8, _hoisted_4$7),
+            ])], 8, _hoisted_4$8),
             createBaseVNode("button", {
               class: "btn btn-outline-secondary btn-sm",
               onClick: formatSql
@@ -44104,7 +44104,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           ref_key: "containerRef",
           ref: containerRef
         }, [
-          createBaseVNode("div", _hoisted_5$7, [
+          createBaseVNode("div", _hoisted_5$8, [
             createBaseVNode("div", {
               ref_key: "editorRef",
               ref: editorRef,
@@ -44115,21 +44115,21 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             class: normalizeClass(["resizer", { "resizing": isResizing.value }]),
             onMousedown: startResize
           }, null, 34),
-          createBaseVNode("div", _hoisted_6$7, [
-            createBaseVNode("div", _hoisted_7$7, [
-              createBaseVNode("div", _hoisted_8$7, [
-                createBaseVNode("h6", _hoisted_9$7, [
-                  loading.value ? (openBlock(), createElementBlock("div", _hoisted_10$7, [..._cache[4] || (_cache[4] = [
+          createBaseVNode("div", _hoisted_6$8, [
+            createBaseVNode("div", _hoisted_7$8, [
+              createBaseVNode("div", _hoisted_8$8, [
+                createBaseVNode("h6", _hoisted_9$8, [
+                  loading.value ? (openBlock(), createElementBlock("div", _hoisted_10$8, [..._cache[4] || (_cache[4] = [
                     createBaseVNode("div", { class: "spinner-border spinner-border-sm me-2" }, null, -1),
                     createTextVNode(" 执行中... ", -1)
                   ])])) : sqlResult.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                    sqlResult.value.success ? (openBlock(), createElementBlock("i", _hoisted_11$7)) : (openBlock(), createElementBlock("i", _hoisted_12$7)),
+                    sqlResult.value.success ? (openBlock(), createElementBlock("i", _hoisted_11$8)) : (openBlock(), createElementBlock("i", _hoisted_12$8)),
                     _cache[5] || (_cache[5] = createTextVNode(" 执行结果 ", -1))
                   ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
                     createTextVNode(" 执行结果 ")
                   ], 64))
                 ]),
-                sqlResult.value && !loading.value ? (openBlock(), createElementBlock("div", _hoisted_13$7, [
+                sqlResult.value && !loading.value ? (openBlock(), createElementBlock("div", _hoisted_13$8, [
                   createBaseVNode("button", {
                     class: "btn btn-sm btn-outline-secondary me-2",
                     onClick: formatJsonResult
@@ -44146,7 +44146,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                   ])])
                 ])) : createCommentVNode("", true)
               ]),
-              loading.value ? (openBlock(), createElementBlock("div", _hoisted_14$7, [..._cache[8] || (_cache[8] = [
+              loading.value ? (openBlock(), createElementBlock("div", _hoisted_14$8, [..._cache[8] || (_cache[8] = [
                 createBaseVNode("div", { class: "d-flex align-items-center justify-content-center py-4" }, [
                   createBaseVNode("div", { class: "spinner-border text-primary me-3" }),
                   createBaseVNode("div", null, [
@@ -44155,7 +44155,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                   ])
                 ], -1)
               ])])) : createCommentVNode("", true),
-              createBaseVNode("div", _hoisted_15$7, [
+              createBaseVNode("div", _hoisted_15$8, [
                 createBaseVNode("div", {
                   ref_key: "resultEditorRef",
                   ref: resultEditorRef,
@@ -44169,31 +44169,31 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SqlExecutor = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-82959a5b"]]);
-const _hoisted_1$6 = { class: "connection-detail" };
-const _hoisted_2$6 = { class: "connection-header" };
-const _hoisted_3$6 = { class: "connection-info" };
-const _hoisted_4$6 = { class: "connection-avatar" };
-const _hoisted_5$6 = { class: "connection-meta" };
-const _hoisted_6$6 = { class: "connection-name" };
-const _hoisted_7$6 = { class: "connection-type-info" };
-const _hoisted_8$6 = { class: "db-type" };
-const _hoisted_9$6 = { class: "connection-actions" };
-const _hoisted_10$6 = {
+const SqlExecutor = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-82959a5b"]]);
+const _hoisted_1$7 = { class: "connection-detail" };
+const _hoisted_2$7 = { class: "connection-header" };
+const _hoisted_3$7 = { class: "connection-info" };
+const _hoisted_4$7 = { class: "connection-avatar" };
+const _hoisted_5$7 = { class: "connection-meta" };
+const _hoisted_6$7 = { class: "connection-name" };
+const _hoisted_7$7 = { class: "connection-type-info" };
+const _hoisted_8$7 = { class: "db-type" };
+const _hoisted_9$7 = { class: "connection-actions" };
+const _hoisted_10$7 = {
   key: 0,
   class: "connection-details-panel"
 };
-const _hoisted_11$6 = { class: "detail-card" };
-const _hoisted_12$6 = { class: "card-body" };
-const _hoisted_13$6 = { class: "row" };
-const _hoisted_14$6 = { class: "col-md-6" };
-const _hoisted_15$6 = { class: "info-grid" };
-const _hoisted_16$6 = { class: "info-item" };
-const _hoisted_17$6 = { class: "info-value" };
-const _hoisted_18$6 = { class: "info-item" };
-const _hoisted_19$6 = { class: "info-value" };
-const _hoisted_20$6 = { class: "info-item" };
-const _hoisted_21$6 = { class: "info-value" };
+const _hoisted_11$7 = { class: "detail-card" };
+const _hoisted_12$7 = { class: "card-body" };
+const _hoisted_13$7 = { class: "row" };
+const _hoisted_14$7 = { class: "col-md-6" };
+const _hoisted_15$7 = { class: "info-grid" };
+const _hoisted_16$7 = { class: "info-item" };
+const _hoisted_17$7 = { class: "info-value" };
+const _hoisted_18$7 = { class: "info-item" };
+const _hoisted_19$7 = { class: "info-value" };
+const _hoisted_20$7 = { class: "info-item" };
+const _hoisted_21$7 = { class: "info-value" };
 const _hoisted_22$6 = { class: "info-item" };
 const _hoisted_23$6 = { class: "info-value" };
 const _hoisted_24$6 = { class: "col-md-6" };
@@ -44253,26 +44253,26 @@ const _hoisted_59$3 = {
 };
 const _hoisted_60$3 = { class: "modal-dialog" };
 const _hoisted_61$3 = { class: "modal-content" };
-const _hoisted_62$2 = { class: "modal-header" };
-const _hoisted_63$2 = { class: "modal-body" };
-const _hoisted_64$2 = { class: "mb-3" };
-const _hoisted_65$2 = { key: 0 };
-const _hoisted_66$2 = { class: "mb-3" };
-const _hoisted_67$2 = { class: "mb-3" };
-const _hoisted_68$2 = { key: 1 };
-const _hoisted_69$2 = { class: "mb-3" };
-const _hoisted_70$2 = { class: "mb-3" };
-const _hoisted_71$2 = { class: "mb-3" };
-const _hoisted_72$2 = { class: "mb-3" };
-const _hoisted_73$2 = { key: 2 };
-const _hoisted_74$2 = { class: "mb-3" };
-const _hoisted_75$2 = { class: "modal-footer" };
-const _hoisted_76$2 = ["disabled"];
-const _hoisted_77$2 = {
+const _hoisted_62$1 = { class: "modal-header" };
+const _hoisted_63$1 = { class: "modal-body" };
+const _hoisted_64$1 = { class: "mb-3" };
+const _hoisted_65$1 = { key: 0 };
+const _hoisted_66$1 = { class: "mb-3" };
+const _hoisted_67$1 = { class: "mb-3" };
+const _hoisted_68$1 = { key: 1 };
+const _hoisted_69$1 = { class: "mb-3" };
+const _hoisted_70$1 = { class: "mb-3" };
+const _hoisted_71$1 = { class: "mb-3" };
+const _hoisted_72$1 = { class: "mb-3" };
+const _hoisted_73$1 = { key: 2 };
+const _hoisted_74$1 = { class: "mb-3" };
+const _hoisted_75$1 = { class: "modal-footer" };
+const _hoisted_76$1 = ["disabled"];
+const _hoisted_77$1 = {
   key: 0,
   class: "spinner-border spinner-border-sm me-2"
 };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "connection-detail",
   props: {
     connection: {}
@@ -44470,18 +44470,18 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       return textMap[type || ""] || "DB";
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
-        createBaseVNode("div", _hoisted_2$6, [
-          createBaseVNode("div", _hoisted_3$6, [
-            createBaseVNode("div", _hoisted_4$6, [
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+        createBaseVNode("div", _hoisted_2$7, [
+          createBaseVNode("div", _hoisted_3$7, [
+            createBaseVNode("div", _hoisted_4$7, [
               createBaseVNode("div", {
                 class: normalizeClass(["db-logo", getDbLogoClass(__props.connection?.type)])
               }, toDisplayString(getDbLogoText(__props.connection?.type)), 3)
             ]),
-            createBaseVNode("div", _hoisted_5$6, [
-              createBaseVNode("h4", _hoisted_6$6, toDisplayString(__props.connection?.name), 1),
-              createBaseVNode("div", _hoisted_7$6, [
-                createBaseVNode("span", _hoisted_8$6, toDisplayString(getDbTypeLabel(__props.connection?.type)), 1),
+            createBaseVNode("div", _hoisted_5$7, [
+              createBaseVNode("h4", _hoisted_6$7, toDisplayString(__props.connection?.name), 1),
+              createBaseVNode("div", _hoisted_7$7, [
+                createBaseVNode("span", _hoisted_8$7, toDisplayString(getDbTypeLabel(__props.connection?.type)), 1),
                 createBaseVNode("span", {
                   class: normalizeClass(["connection-status", connectionStatusClass.value])
                 }, [
@@ -44491,7 +44491,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               ])
             ])
           ]),
-          createBaseVNode("div", _hoisted_9$6, [
+          createBaseVNode("div", _hoisted_9$7, [
             createBaseVNode("button", {
               class: "btn btn-sm btn-outline-info",
               onClick: toggleDetails,
@@ -44517,27 +44517,27 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             ])])
           ])
         ]),
-        isDetailsExpanded.value ? (openBlock(), createElementBlock("div", _hoisted_10$6, [
-          createBaseVNode("div", _hoisted_11$6, [
-            createBaseVNode("div", _hoisted_12$6, [
-              createBaseVNode("div", _hoisted_13$6, [
-                createBaseVNode("div", _hoisted_14$6, [
+        isDetailsExpanded.value ? (openBlock(), createElementBlock("div", _hoisted_10$7, [
+          createBaseVNode("div", _hoisted_11$7, [
+            createBaseVNode("div", _hoisted_12$7, [
+              createBaseVNode("div", _hoisted_13$7, [
+                createBaseVNode("div", _hoisted_14$7, [
                   _cache[22] || (_cache[22] = createBaseVNode("h6", { class: "section-title" }, [
                     createBaseVNode("i", { class: "bi bi-info-circle" }),
                     createTextVNode(" 基本信息 ")
                   ], -1)),
-                  createBaseVNode("div", _hoisted_15$6, [
-                    createBaseVNode("div", _hoisted_16$6, [
+                  createBaseVNode("div", _hoisted_15$7, [
+                    createBaseVNode("div", _hoisted_16$7, [
                       _cache[18] || (_cache[18] = createBaseVNode("label", { class: "info-label" }, "主机地址", -1)),
-                      createBaseVNode("div", _hoisted_17$6, toDisplayString(__props.connection?.host), 1)
+                      createBaseVNode("div", _hoisted_17$7, toDisplayString(__props.connection?.host), 1)
                     ]),
-                    createBaseVNode("div", _hoisted_18$6, [
+                    createBaseVNode("div", _hoisted_18$7, [
                       _cache[19] || (_cache[19] = createBaseVNode("label", { class: "info-label" }, "端口", -1)),
-                      createBaseVNode("div", _hoisted_19$6, toDisplayString(__props.connection?.port), 1)
+                      createBaseVNode("div", _hoisted_19$7, toDisplayString(__props.connection?.port), 1)
                     ]),
-                    createBaseVNode("div", _hoisted_20$6, [
+                    createBaseVNode("div", _hoisted_20$7, [
                       _cache[20] || (_cache[20] = createBaseVNode("label", { class: "info-label" }, "用户名", -1)),
-                      createBaseVNode("div", _hoisted_21$6, toDisplayString(__props.connection?.username), 1)
+                      createBaseVNode("div", _hoisted_21$7, toDisplayString(__props.connection?.username), 1)
                     ]),
                     createBaseVNode("div", _hoisted_22$6, [
                       _cache[21] || (_cache[21] = createBaseVNode("label", { class: "info-label" }, "数据库类型", -1)),
@@ -44728,7 +44728,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         showCreateDatabase.value ? (openBlock(), createElementBlock("div", _hoisted_59$3, [
           createBaseVNode("div", _hoisted_60$3, [
             createBaseVNode("div", _hoisted_61$3, [
-              createBaseVNode("div", _hoisted_62$2, [
+              createBaseVNode("div", _hoisted_62$1, [
                 _cache[43] || (_cache[43] = createBaseVNode("h5", { class: "modal-title" }, "创建数据库", -1)),
                 createBaseVNode("button", {
                   type: "button",
@@ -44736,9 +44736,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                   onClick: _cache[4] || (_cache[4] = ($event) => showCreateDatabase.value = false)
                 })
               ]),
-              createBaseVNode("div", _hoisted_63$2, [
+              createBaseVNode("div", _hoisted_63$1, [
                 createBaseVNode("form", null, [
-                  createBaseVNode("div", _hoisted_64$2, [
+                  createBaseVNode("div", _hoisted_64$1, [
                     _cache[44] || (_cache[44] = createBaseVNode("label", { class: "form-label" }, [
                       createTextVNode("数据库名称 "),
                       createBaseVNode("span", { class: "text-danger" }, "*")
@@ -44753,8 +44753,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                       [vModelText, newDatabase.value.name]
                     ])
                   ]),
-                  __props.connection?.type === "mysql" ? (openBlock(), createElementBlock("div", _hoisted_65$2, [
-                    createBaseVNode("div", _hoisted_66$2, [
+                  __props.connection?.type === "mysql" ? (openBlock(), createElementBlock("div", _hoisted_65$1, [
+                    createBaseVNode("div", _hoisted_66$1, [
                       _cache[46] || (_cache[46] = createBaseVNode("label", { class: "form-label" }, "字符集", -1)),
                       withDirectives(createBaseVNode("select", {
                         class: "form-select",
@@ -44768,7 +44768,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                         [vModelSelect, newDatabase.value.options.charset]
                       ])
                     ]),
-                    createBaseVNode("div", _hoisted_67$2, [
+                    createBaseVNode("div", _hoisted_67$1, [
                       _cache[48] || (_cache[48] = createBaseVNode("label", { class: "form-label" }, "排序规则", -1)),
                       withDirectives(createBaseVNode("select", {
                         class: "form-select",
@@ -44783,8 +44783,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                       ])
                     ])
                   ])) : createCommentVNode("", true),
-                  __props.connection?.type === "postgres" ? (openBlock(), createElementBlock("div", _hoisted_68$2, [
-                    createBaseVNode("div", _hoisted_69$2, [
+                  __props.connection?.type === "postgres" ? (openBlock(), createElementBlock("div", _hoisted_68$1, [
+                    createBaseVNode("div", _hoisted_69$1, [
                       _cache[49] || (_cache[49] = createBaseVNode("label", { class: "form-label" }, "所有者", -1)),
                       withDirectives(createBaseVNode("input", {
                         type: "text",
@@ -44795,7 +44795,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                         [vModelText, newDatabase.value.options.owner]
                       ])
                     ]),
-                    createBaseVNode("div", _hoisted_70$2, [
+                    createBaseVNode("div", _hoisted_70$1, [
                       _cache[50] || (_cache[50] = createBaseVNode("label", { class: "form-label" }, "模板", -1)),
                       withDirectives(createBaseVNode("input", {
                         type: "text",
@@ -44806,7 +44806,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                         [vModelText, newDatabase.value.options.template]
                       ])
                     ]),
-                    createBaseVNode("div", _hoisted_71$2, [
+                    createBaseVNode("div", _hoisted_71$1, [
                       _cache[52] || (_cache[52] = createBaseVNode("label", { class: "form-label" }, "编码", -1)),
                       withDirectives(createBaseVNode("select", {
                         class: "form-select",
@@ -44819,7 +44819,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                         [vModelSelect, newDatabase.value.options.encoding]
                       ])
                     ]),
-                    createBaseVNode("div", _hoisted_72$2, [
+                    createBaseVNode("div", _hoisted_72$1, [
                       _cache[53] || (_cache[53] = createBaseVNode("label", { class: "form-label" }, "表空间", -1)),
                       withDirectives(createBaseVNode("input", {
                         type: "text",
@@ -44831,8 +44831,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                       ])
                     ])
                   ])) : createCommentVNode("", true),
-                  __props.connection?.type === "mssql" ? (openBlock(), createElementBlock("div", _hoisted_73$2, [
-                    createBaseVNode("div", _hoisted_74$2, [
+                  __props.connection?.type === "mssql" ? (openBlock(), createElementBlock("div", _hoisted_73$1, [
+                    createBaseVNode("div", _hoisted_74$1, [
                       _cache[54] || (_cache[54] = createBaseVNode("label", { class: "form-label" }, "排序规则", -1)),
                       withDirectives(createBaseVNode("input", {
                         type: "text",
@@ -44846,7 +44846,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                   ])) : createCommentVNode("", true)
                 ])
               ]),
-              createBaseVNode("div", _hoisted_75$2, [
+              createBaseVNode("div", _hoisted_75$1, [
                 createBaseVNode("button", {
                   type: "button",
                   class: "btn btn-secondary",
@@ -44858,9 +44858,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                   onClick: createDatabase,
                   disabled: !newDatabase.value.name || creatingDatabase.value
                 }, [
-                  creatingDatabase.value ? (openBlock(), createElementBlock("span", _hoisted_77$2)) : createCommentVNode("", true),
+                  creatingDatabase.value ? (openBlock(), createElementBlock("span", _hoisted_77$1)) : createCommentVNode("", true),
                   _cache[55] || (_cache[55] = createTextVNode(" 创建 ", -1))
-                ], 8, _hoisted_76$2)
+                ], 8, _hoisted_76$1)
               ])
             ])
           ])
@@ -44869,7 +44869,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ConnectionDetail = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-283b71e5"]]);
+const ConnectionDetail = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-283b71e5"]]);
 var DatabaseType = /* @__PURE__ */ ((DatabaseType2) => {
   DatabaseType2["MYSQL"] = "mysql";
   DatabaseType2["POSTGRESQL"] = "postgres";
@@ -45221,30 +45221,30 @@ function isJsonType(type) {
 function isArrayType(type) {
   return type.toLowerCase().endsWith("[]");
 }
-const _hoisted_1$5 = { class: "modal-content" };
-const _hoisted_2$5 = { class: "modal-header" };
-const _hoisted_3$5 = { class: "modal-title" };
-const _hoisted_4$5 = { class: "modal-body" };
-const _hoisted_5$5 = { class: "table-info-section mb-4" };
-const _hoisted_6$5 = { class: "row" };
-const _hoisted_7$5 = { class: "col-md-6" };
-const _hoisted_8$5 = { class: "mb-3" };
-const _hoisted_9$5 = ["disabled"];
-const _hoisted_10$5 = { class: "col-md-6" };
-const _hoisted_11$5 = { class: "mb-3" };
-const _hoisted_12$5 = { class: "columns-section" };
-const _hoisted_13$5 = { class: "table-responsive" };
-const _hoisted_14$5 = { class: "table table-sm table-bordered" };
-const _hoisted_15$5 = ["onUpdate:modelValue"];
-const _hoisted_16$5 = ["onUpdate:modelValue"];
-const _hoisted_17$5 = ["label"];
-const _hoisted_18$5 = ["value"];
-const _hoisted_19$5 = {
+const _hoisted_1$6 = { class: "modal-content" };
+const _hoisted_2$6 = { class: "modal-header" };
+const _hoisted_3$6 = { class: "modal-title" };
+const _hoisted_4$6 = { class: "modal-body" };
+const _hoisted_5$6 = { class: "table-info-section mb-4" };
+const _hoisted_6$6 = { class: "row" };
+const _hoisted_7$6 = { class: "col-md-6" };
+const _hoisted_8$6 = { class: "mb-3" };
+const _hoisted_9$6 = ["disabled"];
+const _hoisted_10$6 = { class: "col-md-6" };
+const _hoisted_11$6 = { class: "mb-3" };
+const _hoisted_12$6 = { class: "columns-section" };
+const _hoisted_13$6 = { class: "table-responsive" };
+const _hoisted_14$6 = { class: "table table-sm table-bordered" };
+const _hoisted_15$6 = ["onUpdate:modelValue"];
+const _hoisted_16$6 = ["onUpdate:modelValue"];
+const _hoisted_17$6 = ["label"];
+const _hoisted_18$6 = ["value"];
+const _hoisted_19$6 = {
   key: 0,
   class: "input-group input-group-sm"
 };
-const _hoisted_20$5 = ["onUpdate:modelValue"];
-const _hoisted_21$5 = ["onUpdate:modelValue"];
+const _hoisted_20$6 = ["onUpdate:modelValue"];
+const _hoisted_21$6 = ["onUpdate:modelValue"];
 const _hoisted_22$5 = ["onUpdate:modelValue"];
 const _hoisted_23$5 = {
   key: 1,
@@ -45261,7 +45261,7 @@ const _hoisted_31$4 = ["onUpdate:modelValue"];
 const _hoisted_32$4 = ["onClick", "disabled"];
 const _hoisted_33$4 = { class: "sql-preview-section mt-4" };
 const _hoisted_34$4 = { class: "sql-preview bg-light p-3 rounded" };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "table-editor",
   props: {
     visible: { type: Boolean },
@@ -45772,9 +45772,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           onClick: _cache[2] || (_cache[2] = withModifiers(() => {
           }, ["stop"]))
         }, [
-          createBaseVNode("div", _hoisted_1$5, [
-            createBaseVNode("div", _hoisted_2$5, [
-              createBaseVNode("h5", _hoisted_3$5, [
+          createBaseVNode("div", _hoisted_1$6, [
+            createBaseVNode("div", _hoisted_2$6, [
+              createBaseVNode("h5", _hoisted_3$6, [
                 _cache[3] || (_cache[3] = createBaseVNode("i", { class: "bi bi-pencil-square me-2" }, null, -1)),
                 createTextVNode(" " + toDisplayString(__props.mode === "create" ? "创建新表" : "修改表结构"), 1)
               ]),
@@ -45784,12 +45784,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                 onClick: close
               })
             ]),
-            createBaseVNode("div", _hoisted_4$5, [
-              createBaseVNode("div", _hoisted_5$5, [
+            createBaseVNode("div", _hoisted_4$6, [
+              createBaseVNode("div", _hoisted_5$6, [
                 _cache[6] || (_cache[6] = createBaseVNode("h6", { class: "section-title" }, "表信息", -1)),
-                createBaseVNode("div", _hoisted_6$5, [
-                  createBaseVNode("div", _hoisted_7$5, [
-                    createBaseVNode("div", _hoisted_8$5, [
+                createBaseVNode("div", _hoisted_6$6, [
+                  createBaseVNode("div", _hoisted_7$6, [
+                    createBaseVNode("div", _hoisted_8$6, [
                       _cache[4] || (_cache[4] = createBaseVNode("label", { class: "form-label" }, "表名", -1)),
                       withDirectives(createBaseVNode("input", {
                         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formData.value.tableName = $event),
@@ -45797,13 +45797,13 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                         class: "form-control",
                         disabled: __props.mode === "edit",
                         placeholder: "请输入表名"
-                      }, null, 8, _hoisted_9$5), [
+                      }, null, 8, _hoisted_9$6), [
                         [vModelText, formData.value.tableName]
                       ])
                     ])
                   ]),
-                  createBaseVNode("div", _hoisted_10$5, [
-                    createBaseVNode("div", _hoisted_11$5, [
+                  createBaseVNode("div", _hoisted_10$6, [
+                    createBaseVNode("div", _hoisted_11$6, [
                       _cache[5] || (_cache[5] = createBaseVNode("label", { class: "form-label" }, "表注释", -1)),
                       withDirectives(createBaseVNode("input", {
                         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => formData.value.tableComment = $event),
@@ -45817,7 +45817,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   ])
                 ])
               ]),
-              createBaseVNode("div", _hoisted_12$5, [
+              createBaseVNode("div", _hoisted_12$6, [
                 createBaseVNode("div", { class: "section-header d-flex justify-content-between align-items-center mb-3" }, [
                   _cache[8] || (_cache[8] = createBaseVNode("h6", { class: "section-title mb-0" }, "字段管理", -1)),
                   createBaseVNode("button", {
@@ -45828,8 +45828,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                     createTextVNode(" 添加字段 ", -1)
                   ])])
                 ]),
-                createBaseVNode("div", _hoisted_13$5, [
-                  createBaseVNode("table", _hoisted_14$5, [
+                createBaseVNode("div", _hoisted_13$6, [
+                  createBaseVNode("table", _hoisted_14$6, [
                     _cache[11] || (_cache[11] = createBaseVNode("thead", { class: "table-light" }, [
                       createBaseVNode("tr", null, [
                         createBaseVNode("th", { width: "120" }, "字段名"),
@@ -45852,7 +45852,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                               type: "text",
                               class: "form-control form-control-sm",
                               placeholder: "字段名"
-                            }, null, 8, _hoisted_15$5), [
+                            }, null, 8, _hoisted_15$6), [
                               [vModelText, column.name]
                             ])
                           ]),
@@ -45871,23 +45871,23 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                                     return openBlock(), createElementBlock("option", {
                                       key: type.name,
                                       value: type.name
-                                    }, toDisplayString(type.label), 9, _hoisted_18$5);
+                                    }, toDisplayString(type.label), 9, _hoisted_18$6);
                                   }), 128))
-                                ], 8, _hoisted_17$5);
+                                ], 8, _hoisted_17$6);
                               }), 128))
-                            ], 8, _hoisted_16$5), [
+                            ], 8, _hoisted_16$6), [
                               [vModelSelect, column.type]
                             ])
                           ]),
                           createBaseVNode("td", null, [
-                            needsLength(column) || needsPrecision(column) ? (openBlock(), createElementBlock("div", _hoisted_19$5, [
+                            needsLength(column) || needsPrecision(column) ? (openBlock(), createElementBlock("div", _hoisted_19$6, [
                               needsLength(column) ? withDirectives((openBlock(), createElementBlock("input", {
                                 key: 0,
                                 "onUpdate:modelValue": ($event) => column.length = $event,
                                 type: "number",
                                 class: "form-control form-control-sm",
                                 placeholder: "长度"
-                              }, null, 8, _hoisted_20$5)), [
+                              }, null, 8, _hoisted_20$6)), [
                                 [vModelText, column.length]
                               ]) : createCommentVNode("", true),
                               needsPrecision(column) ? withDirectives((openBlock(), createElementBlock("input", {
@@ -45896,7 +45896,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                                 type: "number",
                                 class: "form-control form-control-sm",
                                 placeholder: "精度"
-                              }, null, 8, _hoisted_21$5)), [
+                              }, null, 8, _hoisted_21$6)), [
                                 [vModelText, column.precision]
                               ]) : createCommentVNode("", true),
                               needsScale(column) ? withDirectives((openBlock(), createElementBlock("input", {
@@ -46003,37 +46003,37 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableEditor = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-d08de09c"]]);
-const _hoisted_1$4 = { class: "db-tools" };
-const _hoisted_2$4 = { class: "tools-content" };
-const _hoisted_3$4 = { class: "tool-section" };
-const _hoisted_4$4 = { class: "tool-actions" };
-const _hoisted_5$4 = {
+const TableEditor = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-d08de09c"]]);
+const _hoisted_1$5 = { class: "db-tools" };
+const _hoisted_2$5 = { class: "tools-content" };
+const _hoisted_3$5 = { class: "tool-section" };
+const _hoisted_4$5 = { class: "tool-actions" };
+const _hoisted_5$5 = {
   key: 0,
   class: "tool-component-area"
 };
-const _hoisted_6$4 = { class: "component-header" };
-const _hoisted_7$4 = { class: "component-title" };
-const _hoisted_8$4 = {
+const _hoisted_6$5 = { class: "component-header" };
+const _hoisted_7$5 = { class: "component-title" };
+const _hoisted_8$5 = {
   key: 0,
   class: "tool-component sync-component"
 };
-const _hoisted_9$4 = { class: "mb-4" };
-const _hoisted_10$4 = { class: "row g-3" };
-const _hoisted_11$4 = { class: "col-md-6" };
-const _hoisted_12$4 = { class: "col-md-6" };
-const _hoisted_13$4 = ["value"];
-const _hoisted_14$4 = { class: "mb-4" };
-const _hoisted_15$4 = { class: "mb-3" };
-const _hoisted_16$4 = { class: "form-check form-switch" };
-const _hoisted_17$4 = {
+const _hoisted_9$5 = { class: "mb-4" };
+const _hoisted_10$5 = { class: "row g-3" };
+const _hoisted_11$5 = { class: "col-md-6" };
+const _hoisted_12$5 = { class: "col-md-6" };
+const _hoisted_13$5 = ["value"];
+const _hoisted_14$5 = { class: "mb-4" };
+const _hoisted_15$5 = { class: "mb-3" };
+const _hoisted_16$5 = { class: "form-check form-switch" };
+const _hoisted_17$5 = {
   key: 0,
   class: "row g-3"
 };
-const _hoisted_18$4 = { class: "col-md-6" };
-const _hoisted_19$4 = ["value"];
-const _hoisted_20$4 = { class: "col-md-6" };
-const _hoisted_21$4 = ["value"];
+const _hoisted_18$5 = { class: "col-md-6" };
+const _hoisted_19$5 = ["value"];
+const _hoisted_20$5 = { class: "col-md-6" };
+const _hoisted_21$5 = ["value"];
 const _hoisted_22$4 = { class: "col-md-12" };
 const _hoisted_23$4 = {
   key: 1,
@@ -46089,7 +46089,7 @@ const _hoisted_61$2 = {
   key: 0,
   class: "spinner-border spinner-border-sm me-2"
 };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "db-tools",
   props: {
     connection: {},
@@ -46538,14 +46538,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       addExecutionResult("定时备份", "info", { message: "定时备份功能开发中..." });
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+      return openBlock(), createElementBlock("div", _hoisted_1$5, [
         _cache[82] || (_cache[82] = createBaseVNode("div", { class: "tools-header" }, [
           createBaseVNode("h5", { class: "tools-title" }, [
             createBaseVNode("i", { class: "bi bi-tools" }),
             createTextVNode(" 数据库管理工具 ")
           ])
         ], -1)),
-        createBaseVNode("div", _hoisted_2$4, [
+        createBaseVNode("div", _hoisted_2$5, [
           createBaseVNode("div", { class: "tool-section" }, [
             _cache[25] || (_cache[25] = createBaseVNode("h6", { class: "section-title" }, [
               createBaseVNode("i", { class: "bi bi-shield-check" }),
@@ -46669,12 +46669,12 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               ])])
             ])
           ]),
-          createBaseVNode("div", _hoisted_3$4, [
+          createBaseVNode("div", _hoisted_3$5, [
             _cache[42] || (_cache[42] = createBaseVNode("h6", { class: "section-title" }, [
               createBaseVNode("i", { class: "bi bi-arrow-left-right" }),
               createTextVNode(" 数据迁移 ")
             ], -1)),
-            createBaseVNode("div", _hoisted_4$4, [
+            createBaseVNode("div", _hoisted_4$5, [
               createBaseVNode("button", {
                 class: "btn btn-outline-primary btn-sm",
                 onClick: showExportModal
@@ -46728,9 +46728,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             ])
           ])
         ]),
-        selectedTool.value ? (openBlock(), createElementBlock("div", _hoisted_5$4, [
-          createBaseVNode("div", _hoisted_6$4, [
-            createBaseVNode("h6", _hoisted_7$4, [
+        selectedTool.value ? (openBlock(), createElementBlock("div", _hoisted_5$5, [
+          createBaseVNode("div", _hoisted_6$5, [
+            createBaseVNode("h6", _hoisted_7$5, [
               createBaseVNode("i", {
                 class: normalizeClass(getToolIcon(selectedTool.value))
               }, null, 2),
@@ -46744,14 +46744,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               createTextVNode(" 关闭 ", -1)
             ])])
           ]),
-          selectedTool.value === "sync" ? (openBlock(), createElementBlock("div", _hoisted_8$4, [
-            createBaseVNode("div", _hoisted_9$4, [
+          selectedTool.value === "sync" ? (openBlock(), createElementBlock("div", _hoisted_8$5, [
+            createBaseVNode("div", _hoisted_9$5, [
               _cache[51] || (_cache[51] = createBaseVNode("h6", { class: "text-primary mb-2" }, [
                 createBaseVNode("i", { class: "bi bi-database" }),
                 createTextVNode(" 源数据库")
               ], -1)),
-              createBaseVNode("div", _hoisted_10$4, [
-                createBaseVNode("div", _hoisted_11$4, [
+              createBaseVNode("div", _hoisted_10$5, [
+                createBaseVNode("div", _hoisted_11$5, [
                   _cache[48] || (_cache[48] = createBaseVNode("label", { class: "form-label" }, "数据库名称", -1)),
                   withDirectives(createBaseVNode("input", {
                     type: "text",
@@ -46762,7 +46762,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                     [vModelText, syncConfig.value.source.database]
                   ])
                 ]),
-                createBaseVNode("div", _hoisted_12$4, [
+                createBaseVNode("div", _hoisted_12$5, [
                   _cache[50] || (_cache[50] = createBaseVNode("label", { class: "form-label" }, "选择表", -1)),
                   withDirectives(createBaseVNode("select", {
                     class: "form-select",
@@ -46773,7 +46773,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                       return openBlock(), createElementBlock("option", {
                         key: table.name,
                         value: table.name
-                      }, toDisplayString(table.name), 9, _hoisted_13$4);
+                      }, toDisplayString(table.name), 9, _hoisted_13$5);
                     }), 128))
                   ], 512), [
                     [vModelSelect, syncConfig.value.source.tableName]
@@ -46781,13 +46781,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                 ])
               ])
             ]),
-            createBaseVNode("div", _hoisted_14$4, [
+            createBaseVNode("div", _hoisted_14$5, [
               _cache[66] || (_cache[66] = createBaseVNode("h6", { class: "text-primary mb-2" }, [
                 createBaseVNode("i", { class: "bi bi-database" }),
                 createTextVNode(" 目标数据库")
               ], -1)),
-              createBaseVNode("div", _hoisted_15$4, [
-                createBaseVNode("div", _hoisted_16$4, [
+              createBaseVNode("div", _hoisted_15$5, [
+                createBaseVNode("div", _hoisted_16$5, [
                   withDirectives(createBaseVNode("input", {
                     class: "form-check-input",
                     type: "checkbox",
@@ -46802,8 +46802,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                   }, "使用已配置的数据库连接", -1))
                 ])
               ]),
-              useExistingConnection.value ? (openBlock(), createElementBlock("div", _hoisted_17$4, [
-                createBaseVNode("div", _hoisted_18$4, [
+              useExistingConnection.value ? (openBlock(), createElementBlock("div", _hoisted_17$5, [
+                createBaseVNode("div", _hoisted_18$5, [
                   _cache[54] || (_cache[54] = createBaseVNode("label", { class: "form-label" }, "选择数据库连接", -1)),
                   withDirectives(createBaseVNode("select", {
                     class: "form-select",
@@ -46814,13 +46814,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                       return openBlock(), createElementBlock("option", {
                         key: conn.id,
                         value: conn.id
-                      }, toDisplayString(conn.name) + " (" + toDisplayString(conn.type) + ")", 9, _hoisted_19$4);
+                      }, toDisplayString(conn.name) + " (" + toDisplayString(conn.type) + ")", 9, _hoisted_19$5);
                     }), 128))
                   ], 512), [
                     [vModelSelect, selectedConnectionId.value]
                   ])
                 ]),
-                createBaseVNode("div", _hoisted_20$4, [
+                createBaseVNode("div", _hoisted_20$5, [
                   _cache[56] || (_cache[56] = createBaseVNode("label", { class: "form-label" }, "选择数据库", -1)),
                   withDirectives(createBaseVNode("select", {
                     class: "form-select",
@@ -46831,7 +46831,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                       return openBlock(), createElementBlock("option", {
                         key: db,
                         value: db
-                      }, toDisplayString(db), 9, _hoisted_21$4);
+                      }, toDisplayString(db), 9, _hoisted_21$5);
                     }), 128))
                   ], 512), [
                     [vModelSelect, selectedDatabaseName.value]
@@ -47148,28 +47148,28 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DbTools = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-622732f3"]]);
-const _hoisted_1$3 = { class: "database-detail" };
-const _hoisted_2$3 = { class: "database-header" };
-const _hoisted_3$3 = { class: "database-header-content" };
-const _hoisted_4$3 = { class: "database-info" };
-const _hoisted_5$3 = { class: "database-meta" };
-const _hoisted_6$3 = { class: "database-name" };
-const _hoisted_7$3 = { class: "connection-info" };
-const _hoisted_8$3 = { class: "connection-name" };
-const _hoisted_9$3 = { class: "connection-type" };
-const _hoisted_10$3 = { class: "database-stats" };
-const _hoisted_11$3 = { class: "stat-item" };
-const _hoisted_12$3 = { class: "stat-value" };
-const _hoisted_13$3 = { class: "stat-item" };
-const _hoisted_14$3 = { class: "stat-value" };
-const _hoisted_15$3 = { class: "database-tabs" };
-const _hoisted_16$3 = { class: "nav nav-tabs" };
-const _hoisted_17$3 = { class: "nav-item" };
-const _hoisted_18$3 = { class: "nav-item" };
-const _hoisted_19$3 = { class: "nav-item" };
-const _hoisted_20$3 = { class: "nav-item" };
-const _hoisted_21$3 = { class: "nav-item" };
+const DbTools = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-622732f3"]]);
+const _hoisted_1$4 = { class: "database-detail" };
+const _hoisted_2$4 = { class: "database-header" };
+const _hoisted_3$4 = { class: "database-header-content" };
+const _hoisted_4$4 = { class: "database-info" };
+const _hoisted_5$4 = { class: "database-meta" };
+const _hoisted_6$4 = { class: "database-name" };
+const _hoisted_7$4 = { class: "connection-info" };
+const _hoisted_8$4 = { class: "connection-name" };
+const _hoisted_9$4 = { class: "connection-type" };
+const _hoisted_10$4 = { class: "database-stats" };
+const _hoisted_11$4 = { class: "stat-item" };
+const _hoisted_12$4 = { class: "stat-value" };
+const _hoisted_13$4 = { class: "stat-item" };
+const _hoisted_14$4 = { class: "stat-value" };
+const _hoisted_15$4 = { class: "database-tabs" };
+const _hoisted_16$4 = { class: "nav nav-tabs" };
+const _hoisted_17$4 = { class: "nav-item" };
+const _hoisted_18$4 = { class: "nav-item" };
+const _hoisted_19$4 = { class: "nav-item" };
+const _hoisted_20$4 = { class: "nav-item" };
+const _hoisted_21$4 = { class: "nav-item" };
 const _hoisted_22$3 = { class: "tab-content" };
 const _hoisted_23$3 = { class: "tab-panel" };
 const _hoisted_24$3 = {
@@ -47181,121 +47181,119 @@ const _hoisted_26$3 = { class: "table-grid" };
 const _hoisted_27$3 = ["onClick"];
 const _hoisted_28$3 = { class: "card-header" };
 const _hoisted_29$2 = { class: "table-info" };
-const _hoisted_30$2 = { class: "table-name" };
-const _hoisted_31$2 = { class: "table-engine" };
-const _hoisted_32$2 = { class: "card-body" };
-const _hoisted_33$2 = { class: "table-stats" };
-const _hoisted_34$2 = {
-  key: 0,
-  class: "stat"
-};
-const _hoisted_35$2 = { class: "stat-value" };
+const _hoisted_30$2 = { class: "table-name-wrapper" };
+const _hoisted_31$2 = ["title"];
+const _hoisted_32$2 = { class: "table-engine" };
+const _hoisted_33$2 = ["title"];
+const _hoisted_34$2 = { class: "card-body" };
+const _hoisted_35$2 = { class: "table-stats" };
 const _hoisted_36$2 = {
-  key: 1,
+  key: 0,
   class: "stat"
 };
 const _hoisted_37$2 = { class: "stat-value" };
 const _hoisted_38$2 = {
-  key: 0,
-  class: "table-comment"
+  key: 1,
+  class: "stat"
 };
-const _hoisted_39$2 = { class: "table-actions" };
-const _hoisted_40$2 = ["onClick"];
-const _hoisted_41$1 = {
+const _hoisted_39$2 = { class: "stat-value" };
+const _hoisted_40$2 = { class: "table-actions" };
+const _hoisted_41$1 = ["onClick"];
+const _hoisted_42$1 = {
   key: 0,
   class: "empty-state"
 };
-const _hoisted_42$1 = { class: "tab-panel" };
-const _hoisted_43$1 = {
+const _hoisted_43$1 = { class: "tab-panel" };
+const _hoisted_44$1 = {
   key: 0,
   class: "views-grid"
 };
-const _hoisted_44$1 = { class: "card-header" };
-const _hoisted_45$1 = { class: "view-info" };
-const _hoisted_46$1 = { class: "view-name" };
-const _hoisted_47$1 = {
+const _hoisted_45$1 = { class: "card-header" };
+const _hoisted_46$1 = { class: "view-info" };
+const _hoisted_47$1 = { class: "view-name" };
+const _hoisted_48$1 = {
   key: 0,
   class: "view-comment"
 };
-const _hoisted_48$1 = { class: "card-body" };
-const _hoisted_49$1 = { class: "view-actions" };
-const _hoisted_50$1 = ["onClick"];
+const _hoisted_49$1 = { class: "card-body" };
+const _hoisted_50$1 = { class: "view-actions" };
 const _hoisted_51$1 = ["onClick"];
-const _hoisted_52$1 = {
+const _hoisted_52$1 = ["onClick"];
+const _hoisted_53$1 = {
   key: 1,
   class: "empty-state"
 };
-const _hoisted_53$1 = { class: "tab-panel" };
-const _hoisted_54$1 = {
+const _hoisted_54$1 = { class: "tab-panel" };
+const _hoisted_55$1 = {
   key: 0,
   class: "procedures-grid"
 };
-const _hoisted_55$1 = { class: "card-header" };
-const _hoisted_56$1 = { class: "procedure-info" };
-const _hoisted_57$1 = { class: "procedure-name" };
-const _hoisted_58$1 = {
+const _hoisted_56$1 = { class: "card-header" };
+const _hoisted_57$1 = { class: "procedure-info" };
+const _hoisted_58$1 = { class: "procedure-name" };
+const _hoisted_59$1 = {
   key: 0,
   class: "procedure-comment"
 };
-const _hoisted_59$1 = { class: "procedure-type" };
-const _hoisted_60$1 = { class: "badge bg-info" };
-const _hoisted_61$1 = {
+const _hoisted_60$1 = { class: "procedure-type" };
+const _hoisted_61$1 = { class: "badge bg-info" };
+const _hoisted_62 = {
   key: 0,
   class: "badge bg-secondary ms-1"
 };
-const _hoisted_62$1 = { class: "card-body" };
-const _hoisted_63$1 = { class: "procedure-actions" };
-const _hoisted_64$1 = ["onClick"];
-const _hoisted_65$1 = ["onClick"];
-const _hoisted_66$1 = {
+const _hoisted_63 = { class: "card-body" };
+const _hoisted_64 = { class: "procedure-actions" };
+const _hoisted_65 = ["onClick"];
+const _hoisted_66 = ["onClick"];
+const _hoisted_67 = {
   key: 1,
   class: "empty-state"
 };
-const _hoisted_67$1 = { class: "tab-panel" };
-const _hoisted_68$1 = { class: "tab-panel" };
-const _hoisted_69$1 = { class: "sql-executor-section" };
-const _hoisted_70$1 = { class: "tab-panel" };
-const _hoisted_71$1 = {
+const _hoisted_68 = { class: "tab-panel" };
+const _hoisted_69 = { class: "tab-panel" };
+const _hoisted_70 = { class: "sql-executor-section" };
+const _hoisted_71 = { class: "tab-panel" };
+const _hoisted_72 = {
   key: 0,
   class: "modal fade show d-block",
   style: { "background": "rgba(0,0,0,0.5)" }
 };
-const _hoisted_72$1 = { class: "modal-dialog modal-lg" };
-const _hoisted_73$1 = { class: "modal-content" };
-const _hoisted_74$1 = { class: "modal-header" };
-const _hoisted_75$1 = { class: "modal-body" };
-const _hoisted_76$1 = { class: "mb-3" };
-const _hoisted_77$1 = { class: "mb-3" };
-const _hoisted_78$1 = { class: "modal-footer" };
-const _hoisted_79$1 = {
+const _hoisted_73 = { class: "modal-dialog modal-lg" };
+const _hoisted_74 = { class: "modal-content" };
+const _hoisted_75 = { class: "modal-header" };
+const _hoisted_76 = { class: "modal-body" };
+const _hoisted_77 = { class: "mb-3" };
+const _hoisted_78 = { class: "mb-3" };
+const _hoisted_79 = { class: "modal-footer" };
+const _hoisted_80 = {
   key: 1,
   class: "modal fade show d-block",
   style: { "background": "rgba(0,0,0,0.5)" }
 };
-const _hoisted_80$1 = { class: "modal-dialog modal-lg" };
-const _hoisted_81$1 = { class: "modal-content" };
-const _hoisted_82$1 = { class: "modal-header" };
-const _hoisted_83$1 = { class: "modal-title" };
-const _hoisted_84$1 = { class: "modal-body" };
-const _hoisted_85$1 = { class: "mb-3" };
-const _hoisted_86$1 = { class: "mb-3" };
-const _hoisted_87$1 = { class: "mb-3" };
-const _hoisted_88 = { class: "modal-footer" };
-const _hoisted_89 = {
+const _hoisted_81 = { class: "modal-dialog modal-lg" };
+const _hoisted_82 = { class: "modal-content" };
+const _hoisted_83 = { class: "modal-header" };
+const _hoisted_84 = { class: "modal-title" };
+const _hoisted_85 = { class: "modal-body" };
+const _hoisted_86 = { class: "mb-3" };
+const _hoisted_87 = { class: "mb-3" };
+const _hoisted_88 = { class: "mb-3" };
+const _hoisted_89 = { class: "modal-footer" };
+const _hoisted_90 = {
   key: 2,
   class: "modal fade show d-block",
   style: { "background": "rgba(0,0,0,0.5)" }
 };
-const _hoisted_90 = { class: "modal-dialog modal-lg" };
-const _hoisted_91 = { class: "modal-content" };
-const _hoisted_92 = { class: "modal-header" };
-const _hoisted_93 = { class: "modal-title" };
-const _hoisted_94 = { class: "modal-body" };
-const _hoisted_95 = { class: "mb-3" };
+const _hoisted_91 = { class: "modal-dialog modal-lg" };
+const _hoisted_92 = { class: "modal-content" };
+const _hoisted_93 = { class: "modal-header" };
+const _hoisted_94 = { class: "modal-title" };
+const _hoisted_95 = { class: "modal-body" };
 const _hoisted_96 = { class: "mb-3" };
 const _hoisted_97 = { class: "mb-3" };
-const _hoisted_98 = { class: "modal-footer" };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _hoisted_98 = { class: "mb-3" };
+const _hoisted_99 = { class: "modal-footer" };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "database-detail",
   props: {
     connection: {},
@@ -47562,36 +47560,36 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       emit("execute-sql", sql2);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
-        createBaseVNode("div", _hoisted_2$3, [
-          createBaseVNode("div", _hoisted_3$3, [
-            createBaseVNode("div", _hoisted_4$3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+        createBaseVNode("div", _hoisted_2$4, [
+          createBaseVNode("div", _hoisted_3$4, [
+            createBaseVNode("div", _hoisted_4$4, [
               _cache[19] || (_cache[19] = createBaseVNode("div", { class: "database-icon" }, [
                 createBaseVNode("i", { class: "bi bi-database" })
               ], -1)),
-              createBaseVNode("div", _hoisted_5$3, [
-                createBaseVNode("h4", _hoisted_6$3, toDisplayString(__props.database), 1),
-                createBaseVNode("div", _hoisted_7$3, [
-                  createBaseVNode("span", _hoisted_8$3, toDisplayString(__props.connection?.name), 1),
-                  createBaseVNode("span", _hoisted_9$3, toDisplayString(getDbTypeLabel(__props.connection?.type)), 1)
+              createBaseVNode("div", _hoisted_5$4, [
+                createBaseVNode("h4", _hoisted_6$4, toDisplayString(__props.database), 1),
+                createBaseVNode("div", _hoisted_7$4, [
+                  createBaseVNode("span", _hoisted_8$4, toDisplayString(__props.connection?.name), 1),
+                  createBaseVNode("span", _hoisted_9$4, toDisplayString(getDbTypeLabel(__props.connection?.type)), 1)
                 ])
               ])
             ]),
-            createBaseVNode("div", _hoisted_10$3, [
-              createBaseVNode("div", _hoisted_11$3, [
-                createBaseVNode("div", _hoisted_12$3, toDisplayString(__props.databaseInfo?.tableCount || 0), 1),
+            createBaseVNode("div", _hoisted_10$4, [
+              createBaseVNode("div", _hoisted_11$4, [
+                createBaseVNode("div", _hoisted_12$4, toDisplayString(__props.databaseInfo?.tableCount || 0), 1),
                 _cache[20] || (_cache[20] = createBaseVNode("div", { class: "stat-label" }, "表", -1))
               ]),
-              createBaseVNode("div", _hoisted_13$3, [
-                createBaseVNode("div", _hoisted_14$3, toDisplayString(formatSize(__props.databaseInfo?.size || 0)), 1),
+              createBaseVNode("div", _hoisted_13$4, [
+                createBaseVNode("div", _hoisted_14$4, toDisplayString(formatSize(__props.databaseInfo?.size || 0)), 1),
                 _cache[21] || (_cache[21] = createBaseVNode("div", { class: "stat-label" }, "大小", -1))
               ])
             ])
           ])
         ]),
-        createBaseVNode("div", _hoisted_15$3, [
-          createBaseVNode("ul", _hoisted_16$3, [
-            createBaseVNode("li", _hoisted_17$3, [
+        createBaseVNode("div", _hoisted_15$4, [
+          createBaseVNode("ul", _hoisted_16$4, [
+            createBaseVNode("li", _hoisted_17$4, [
               createBaseVNode("button", {
                 class: normalizeClass(["nav-link", { active: activeTab.value === "tables" }]),
                 onClick: _cache[0] || (_cache[0] = ($event) => activeTab.value = "tables")
@@ -47600,7 +47598,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 createTextVNode(" 数据表 ", -1)
               ])], 2)
             ]),
-            createBaseVNode("li", _hoisted_18$3, [
+            createBaseVNode("li", _hoisted_18$4, [
               createBaseVNode("button", {
                 class: normalizeClass(["nav-link", { active: activeTab.value === "views" }]),
                 onClick: _cache[1] || (_cache[1] = ($event) => activeTab.value = "views")
@@ -47609,7 +47607,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 createTextVNode(" 视图 ", -1)
               ])], 2)
             ]),
-            createBaseVNode("li", _hoisted_19$3, [
+            createBaseVNode("li", _hoisted_19$4, [
               createBaseVNode("button", {
                 class: normalizeClass(["nav-link", { active: activeTab.value === "procedures" }]),
                 onClick: _cache[2] || (_cache[2] = ($event) => activeTab.value = "procedures")
@@ -47618,7 +47616,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 createTextVNode(" 存储过程 ", -1)
               ])], 2)
             ]),
-            createBaseVNode("li", _hoisted_20$3, [
+            createBaseVNode("li", _hoisted_20$4, [
               createBaseVNode("button", {
                 class: normalizeClass(["nav-link", { active: activeTab.value === "sql" }]),
                 onClick: _cache[3] || (_cache[3] = ($event) => activeTab.value = "sql")
@@ -47627,7 +47625,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 createTextVNode(" 执行SQL ", -1)
               ])], 2)
             ]),
-            createBaseVNode("li", _hoisted_21$3, [
+            createBaseVNode("li", _hoisted_21$4, [
               createBaseVNode("button", {
                 class: normalizeClass(["nav-link", { active: activeTab.value === "tools" }]),
                 onClick: _cache[4] || (_cache[4] = ($event) => activeTab.value = "tools")
@@ -47676,35 +47674,44 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                           createBaseVNode("i", { class: "bi bi-table" })
                         ], -1)),
                         createBaseVNode("div", _hoisted_29$2, [
-                          createBaseVNode("div", _hoisted_30$2, toDisplayString(table.name), 1),
-                          createBaseVNode("div", _hoisted_31$2, toDisplayString(table.engine || "-"), 1)
+                          createBaseVNode("div", _hoisted_30$2, [
+                            createBaseVNode("div", {
+                              class: "table-name",
+                              title: table.name
+                            }, toDisplayString(table.name), 9, _hoisted_31$2),
+                            createBaseVNode("div", _hoisted_32$2, toDisplayString(table.engine || "-"), 1)
+                          ]),
+                          table.comment ? (openBlock(), createElementBlock("div", {
+                            key: 0,
+                            class: "table-comment-header",
+                            title: table.comment
+                          }, toDisplayString(table.comment), 9, _hoisted_33$2)) : createCommentVNode("", true)
                         ])
                       ]),
-                      createBaseVNode("div", _hoisted_32$2, [
-                        createBaseVNode("div", _hoisted_33$2, [
-                          table.rowCount !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_34$2, [
+                      createBaseVNode("div", _hoisted_34$2, [
+                        createBaseVNode("div", _hoisted_35$2, [
+                          table.rowCount !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_36$2, [
                             _cache[31] || (_cache[31] = createBaseVNode("span", { class: "stat-label" }, "行数", -1)),
-                            createBaseVNode("span", _hoisted_35$2, toDisplayString(formatNumber2(table.rowCount)), 1)
+                            createBaseVNode("span", _hoisted_37$2, toDisplayString(formatNumber2(table.rowCount)), 1)
                           ])) : createCommentVNode("", true),
-                          table.dataSize !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_36$2, [
+                          table.dataSize !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_38$2, [
                             _cache[32] || (_cache[32] = createBaseVNode("span", { class: "stat-label" }, "大小", -1)),
-                            createBaseVNode("span", _hoisted_37$2, toDisplayString(formatSize(table.dataSize)), 1)
+                            createBaseVNode("span", _hoisted_39$2, toDisplayString(formatSize(table.dataSize)), 1)
                           ])) : createCommentVNode("", true)
                         ]),
-                        table.comment ? (openBlock(), createElementBlock("div", _hoisted_38$2, toDisplayString(table.comment), 1)) : createCommentVNode("", true),
-                        createBaseVNode("div", _hoisted_39$2, [
+                        createBaseVNode("div", _hoisted_40$2, [
                           createBaseVNode("button", {
                             class: "btn btn-sm btn-outline-primary",
                             onClick: withModifiers(($event) => editTable(table), ["stop"])
                           }, [..._cache[33] || (_cache[33] = [
                             createBaseVNode("i", { class: "bi bi-pencil" }, null, -1)
-                          ])], 8, _hoisted_40$2)
+                          ])], 8, _hoisted_41$1)
                         ])
                       ])
                     ], 8, _hoisted_27$3);
                   }), 128))
                 ]),
-                !tables.value || tables.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_41$1, [
+                !tables.value || tables.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_42$1, [
                   _cache[35] || (_cache[35] = createBaseVNode("i", { class: "bi bi-inbox" }, null, -1)),
                   _cache[36] || (_cache[36] = createBaseVNode("p", null, "暂无数据表", -1)),
                   createBaseVNode("button", {
@@ -47719,7 +47726,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             ], 512), [
               [vShow, activeTab.value === "tables"]
             ]),
-            withDirectives(createBaseVNode("div", _hoisted_42$1, [
+            withDirectives(createBaseVNode("div", _hoisted_43$1, [
               createBaseVNode("div", { class: "views-actions mb-3" }, [
                 createBaseVNode("button", {
                   class: "btn btn-success btn-sm",
@@ -47736,42 +47743,42 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   createTextVNode(" 刷新 ", -1)
                 ])])
               ]),
-              views.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_43$1, [
+              views.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_44$1, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(views.value, (view) => {
                   return openBlock(), createElementBlock("div", {
                     key: view.name,
                     class: "view-card"
                   }, [
-                    createBaseVNode("div", _hoisted_44$1, [
+                    createBaseVNode("div", _hoisted_45$1, [
                       _cache[39] || (_cache[39] = createBaseVNode("div", { class: "view-icon" }, [
                         createBaseVNode("i", { class: "bi bi-eye" })
                       ], -1)),
-                      createBaseVNode("div", _hoisted_45$1, [
-                        createBaseVNode("div", _hoisted_46$1, toDisplayString(view.name), 1),
-                        view.comment ? (openBlock(), createElementBlock("div", _hoisted_47$1, toDisplayString(view.comment), 1)) : createCommentVNode("", true)
+                      createBaseVNode("div", _hoisted_46$1, [
+                        createBaseVNode("div", _hoisted_47$1, toDisplayString(view.name), 1),
+                        view.comment ? (openBlock(), createElementBlock("div", _hoisted_48$1, toDisplayString(view.comment), 1)) : createCommentVNode("", true)
                       ])
                     ]),
-                    createBaseVNode("div", _hoisted_48$1, [
-                      createBaseVNode("div", _hoisted_49$1, [
+                    createBaseVNode("div", _hoisted_49$1, [
+                      createBaseVNode("div", _hoisted_50$1, [
                         createBaseVNode("button", {
                           class: "btn btn-sm btn-outline-primary",
                           onClick: ($event) => editView(view)
                         }, [..._cache[40] || (_cache[40] = [
                           createBaseVNode("i", { class: "bi bi-pencil" }, null, -1),
                           createTextVNode(" 编辑 ", -1)
-                        ])], 8, _hoisted_50$1),
+                        ])], 8, _hoisted_51$1),
                         createBaseVNode("button", {
                           class: "btn btn-sm btn-outline-danger",
                           onClick: ($event) => deleteView(view)
                         }, [..._cache[41] || (_cache[41] = [
                           createBaseVNode("i", { class: "bi bi-trash" }, null, -1),
                           createTextVNode(" 删除 ", -1)
-                        ])], 8, _hoisted_51$1)
+                        ])], 8, _hoisted_52$1)
                       ])
                     ])
                   ]);
                 }), 128))
-              ])) : (openBlock(), createElementBlock("div", _hoisted_52$1, [
+              ])) : (openBlock(), createElementBlock("div", _hoisted_53$1, [
                 _cache[43] || (_cache[43] = createBaseVNode("i", { class: "bi bi-eye" }, null, -1)),
                 _cache[44] || (_cache[44] = createBaseVNode("p", null, "暂无视图", -1)),
                 createBaseVNode("button", {
@@ -47785,7 +47792,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             ], 512), [
               [vShow, activeTab.value === "views"]
             ]),
-            withDirectives(createBaseVNode("div", _hoisted_53$1, [
+            withDirectives(createBaseVNode("div", _hoisted_54$1, [
               createBaseVNode("div", { class: "procedures-actions mb-3" }, [
                 createBaseVNode("button", {
                   class: "btn btn-info btn-sm",
@@ -47802,46 +47809,46 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   createTextVNode(" 刷新 ", -1)
                 ])])
               ]),
-              procedures.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_54$1, [
+              procedures.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_55$1, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(procedures.value, (procedure) => {
                   return openBlock(), createElementBlock("div", {
                     key: procedure.name,
                     class: "procedure-card"
                   }, [
-                    createBaseVNode("div", _hoisted_55$1, [
+                    createBaseVNode("div", _hoisted_56$1, [
                       _cache[47] || (_cache[47] = createBaseVNode("div", { class: "procedure-icon" }, [
                         createBaseVNode("i", { class: "bi bi-gear" })
                       ], -1)),
-                      createBaseVNode("div", _hoisted_56$1, [
-                        createBaseVNode("div", _hoisted_57$1, toDisplayString(procedure.name), 1),
-                        procedure.comment ? (openBlock(), createElementBlock("div", _hoisted_58$1, toDisplayString(procedure.comment), 1)) : createCommentVNode("", true),
-                        createBaseVNode("div", _hoisted_59$1, [
-                          createBaseVNode("span", _hoisted_60$1, toDisplayString(procedure.type), 1),
-                          procedure.returnType ? (openBlock(), createElementBlock("span", _hoisted_61$1, toDisplayString(procedure.returnType), 1)) : createCommentVNode("", true)
+                      createBaseVNode("div", _hoisted_57$1, [
+                        createBaseVNode("div", _hoisted_58$1, toDisplayString(procedure.name), 1),
+                        procedure.comment ? (openBlock(), createElementBlock("div", _hoisted_59$1, toDisplayString(procedure.comment), 1)) : createCommentVNode("", true),
+                        createBaseVNode("div", _hoisted_60$1, [
+                          createBaseVNode("span", _hoisted_61$1, toDisplayString(procedure.type), 1),
+                          procedure.returnType ? (openBlock(), createElementBlock("span", _hoisted_62, toDisplayString(procedure.returnType), 1)) : createCommentVNode("", true)
                         ])
                       ])
                     ]),
-                    createBaseVNode("div", _hoisted_62$1, [
-                      createBaseVNode("div", _hoisted_63$1, [
+                    createBaseVNode("div", _hoisted_63, [
+                      createBaseVNode("div", _hoisted_64, [
                         createBaseVNode("button", {
                           class: "btn btn-sm btn-outline-primary",
                           onClick: ($event) => editProcedure(procedure)
                         }, [..._cache[48] || (_cache[48] = [
                           createBaseVNode("i", { class: "bi bi-pencil" }, null, -1),
                           createTextVNode(" 编辑 ", -1)
-                        ])], 8, _hoisted_64$1),
+                        ])], 8, _hoisted_65),
                         createBaseVNode("button", {
                           class: "btn btn-sm btn-outline-danger",
                           onClick: ($event) => deleteProcedure(procedure)
                         }, [..._cache[49] || (_cache[49] = [
                           createBaseVNode("i", { class: "bi bi-trash" }, null, -1),
                           createTextVNode(" 删除 ", -1)
-                        ])], 8, _hoisted_65$1)
+                        ])], 8, _hoisted_66)
                       ])
                     ])
                   ]);
                 }), 128))
-              ])) : (openBlock(), createElementBlock("div", _hoisted_66$1, [
+              ])) : (openBlock(), createElementBlock("div", _hoisted_67, [
                 _cache[51] || (_cache[51] = createBaseVNode("i", { class: "bi bi-gear" }, null, -1)),
                 _cache[52] || (_cache[52] = createBaseVNode("p", null, "暂无存储过程", -1)),
                 createBaseVNode("button", {
@@ -47855,7 +47862,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             ], 512), [
               [vShow, activeTab.value === "procedures"]
             ]),
-            withDirectives(createBaseVNode("div", _hoisted_67$1, [..._cache[53] || (_cache[53] = [
+            withDirectives(createBaseVNode("div", _hoisted_68, [..._cache[53] || (_cache[53] = [
               createBaseVNode("div", { class: "empty-state" }, [
                 createBaseVNode("i", { class: "bi bi-code-slash" }),
                 createBaseVNode("p", null, "函数功能开发中...")
@@ -47863,8 +47870,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             ])], 512), [
               [vShow, activeTab.value === "functions"]
             ]),
-            withDirectives(createBaseVNode("div", _hoisted_68$1, [
-              createBaseVNode("div", _hoisted_69$1, [
+            withDirectives(createBaseVNode("div", _hoisted_69, [
+              createBaseVNode("div", _hoisted_70, [
                 createVNode(SqlExecutor, {
                   connection: __props.connection,
                   database: __props.database
@@ -47873,7 +47880,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             ], 512), [
               [vShow, activeTab.value === "sql"]
             ]),
-            withDirectives(createBaseVNode("div", _hoisted_70$1, [
+            withDirectives(createBaseVNode("div", _hoisted_71, [
               createVNode(DbTools, {
                 connection: __props.connection,
                 database: __props.database,
@@ -47884,10 +47891,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             ])
           ])
         ]),
-        showCreateTable.value ? (openBlock(), createElementBlock("div", _hoisted_71$1, [
-          createBaseVNode("div", _hoisted_72$1, [
-            createBaseVNode("div", _hoisted_73$1, [
-              createBaseVNode("div", _hoisted_74$1, [
+        showCreateTable.value ? (openBlock(), createElementBlock("div", _hoisted_72, [
+          createBaseVNode("div", _hoisted_73, [
+            createBaseVNode("div", _hoisted_74, [
+              createBaseVNode("div", _hoisted_75, [
                 _cache[54] || (_cache[54] = createBaseVNode("h5", { class: "modal-title" }, "创建数据表", -1)),
                 createBaseVNode("button", {
                   type: "button",
@@ -47895,9 +47902,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   onClick: _cache[5] || (_cache[5] = ($event) => showCreateTable.value = false)
                 })
               ]),
-              createBaseVNode("div", _hoisted_75$1, [
+              createBaseVNode("div", _hoisted_76, [
                 createBaseVNode("form", null, [
-                  createBaseVNode("div", _hoisted_76$1, [
+                  createBaseVNode("div", _hoisted_77, [
                     _cache[55] || (_cache[55] = createBaseVNode("label", { class: "form-label" }, "表名", -1)),
                     withDirectives(createBaseVNode("input", {
                       type: "text",
@@ -47908,7 +47915,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                       [vModelText, newTable.value.name]
                     ])
                   ]),
-                  createBaseVNode("div", _hoisted_77$1, [
+                  createBaseVNode("div", _hoisted_78, [
                     _cache[56] || (_cache[56] = createBaseVNode("label", { class: "form-label" }, "注释", -1)),
                     withDirectives(createBaseVNode("textarea", {
                       class: "form-control",
@@ -47920,7 +47927,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   ])
                 ])
               ]),
-              createBaseVNode("div", _hoisted_78$1, [
+              createBaseVNode("div", _hoisted_79, [
                 createBaseVNode("button", {
                   type: "button",
                   class: "btn btn-secondary",
@@ -47935,20 +47942,20 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             ])
           ])
         ])) : createCommentVNode("", true),
-        showCreateView.value && editingView.value ? (openBlock(), createElementBlock("div", _hoisted_79$1, [
-          createBaseVNode("div", _hoisted_80$1, [
-            createBaseVNode("div", _hoisted_81$1, [
-              createBaseVNode("div", _hoisted_82$1, [
-                createBaseVNode("h5", _hoisted_83$1, toDisplayString(views.value.some((v) => v.name === editingView.value.name) ? "编辑视图" : "创建视图"), 1),
+        showCreateView.value && editingView.value ? (openBlock(), createElementBlock("div", _hoisted_80, [
+          createBaseVNode("div", _hoisted_81, [
+            createBaseVNode("div", _hoisted_82, [
+              createBaseVNode("div", _hoisted_83, [
+                createBaseVNode("h5", _hoisted_84, toDisplayString(views.value.some((v) => v.name === editingView.value.name) ? "编辑视图" : "创建视图"), 1),
                 createBaseVNode("button", {
                   type: "button",
                   class: "btn-close",
                   onClick: _cache[9] || (_cache[9] = ($event) => showCreateView.value = false)
                 })
               ]),
-              createBaseVNode("div", _hoisted_84$1, [
+              createBaseVNode("div", _hoisted_85, [
                 createBaseVNode("form", null, [
-                  createBaseVNode("div", _hoisted_85$1, [
+                  createBaseVNode("div", _hoisted_86, [
                     _cache[57] || (_cache[57] = createBaseVNode("label", { class: "form-label" }, "视图名称", -1)),
                     withDirectives(createBaseVNode("input", {
                       type: "text",
@@ -47959,7 +47966,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                       [vModelText, editingView.value.name]
                     ])
                   ]),
-                  createBaseVNode("div", _hoisted_86$1, [
+                  createBaseVNode("div", _hoisted_87, [
                     _cache[58] || (_cache[58] = createBaseVNode("label", { class: "form-label" }, "视图定义 (SQL查询)", -1)),
                     withDirectives(createBaseVNode("textarea", {
                       class: "form-control",
@@ -47970,7 +47977,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                       [vModelText, editingView.value.definition]
                     ])
                   ]),
-                  createBaseVNode("div", _hoisted_87$1, [
+                  createBaseVNode("div", _hoisted_88, [
                     _cache[59] || (_cache[59] = createBaseVNode("label", { class: "form-label" }, "注释", -1)),
                     withDirectives(createBaseVNode("input", {
                       type: "text",
@@ -47983,7 +47990,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   ])
                 ])
               ]),
-              createBaseVNode("div", _hoisted_88, [
+              createBaseVNode("div", _hoisted_89, [
                 createBaseVNode("button", {
                   type: "button",
                   class: "btn btn-secondary",
@@ -47998,20 +48005,20 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             ])
           ])
         ])) : createCommentVNode("", true),
-        showCreateProcedure.value && editingProcedure.value ? (openBlock(), createElementBlock("div", _hoisted_89, [
-          createBaseVNode("div", _hoisted_90, [
-            createBaseVNode("div", _hoisted_91, [
-              createBaseVNode("div", _hoisted_92, [
-                createBaseVNode("h5", _hoisted_93, toDisplayString(procedures.value.some((p) => p.name === editingProcedure.value.name) ? "编辑存储过程" : "创建存储过程"), 1),
+        showCreateProcedure.value && editingProcedure.value ? (openBlock(), createElementBlock("div", _hoisted_90, [
+          createBaseVNode("div", _hoisted_91, [
+            createBaseVNode("div", _hoisted_92, [
+              createBaseVNode("div", _hoisted_93, [
+                createBaseVNode("h5", _hoisted_94, toDisplayString(procedures.value.some((p) => p.name === editingProcedure.value.name) ? "编辑存储过程" : "创建存储过程"), 1),
                 createBaseVNode("button", {
                   type: "button",
                   class: "btn-close",
                   onClick: _cache[14] || (_cache[14] = ($event) => showCreateProcedure.value = false)
                 })
               ]),
-              createBaseVNode("div", _hoisted_94, [
+              createBaseVNode("div", _hoisted_95, [
                 createBaseVNode("form", null, [
-                  createBaseVNode("div", _hoisted_95, [
+                  createBaseVNode("div", _hoisted_96, [
                     _cache[60] || (_cache[60] = createBaseVNode("label", { class: "form-label" }, "存储过程名称", -1)),
                     withDirectives(createBaseVNode("input", {
                       type: "text",
@@ -48022,7 +48029,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                       [vModelText, editingProcedure.value.name]
                     ])
                   ]),
-                  createBaseVNode("div", _hoisted_96, [
+                  createBaseVNode("div", _hoisted_97, [
                     _cache[61] || (_cache[61] = createBaseVNode("label", { class: "form-label" }, "存储过程定义", -1)),
                     withDirectives(createBaseVNode("textarea", {
                       class: "form-control",
@@ -48033,7 +48040,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                       [vModelText, editingProcedure.value.definition]
                     ])
                   ]),
-                  createBaseVNode("div", _hoisted_97, [
+                  createBaseVNode("div", _hoisted_98, [
                     _cache[62] || (_cache[62] = createBaseVNode("label", { class: "form-label" }, "注释", -1)),
                     withDirectives(createBaseVNode("input", {
                       type: "text",
@@ -48046,7 +48053,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   ])
                 ])
               ]),
-              createBaseVNode("div", _hoisted_98, [
+              createBaseVNode("div", _hoisted_99, [
                 createBaseVNode("button", {
                   type: "button",
                   class: "btn btn-secondary",
@@ -48075,43 +48082,43 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DatabaseDetail = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-7ce335e1"]]);
-const _hoisted_1$2 = { class: "modal-dialog modal-lg" };
-const _hoisted_2$2 = { class: "modal-content" };
-const _hoisted_3$2 = {
+const DatabaseDetail = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-608988e0"]]);
+const _hoisted_1$3 = { class: "modal-dialog modal-lg" };
+const _hoisted_2$3 = { class: "modal-content" };
+const _hoisted_3$3 = {
   class: "modal-header",
   style: { "padding": "15px" }
 };
-const _hoisted_4$2 = { class: "modal-title" };
-const _hoisted_5$2 = {
+const _hoisted_4$3 = { class: "modal-title" };
+const _hoisted_5$3 = {
   key: 0,
   class: "bi bi-pencil-square"
 };
-const _hoisted_6$2 = {
+const _hoisted_6$3 = {
   key: 1,
   class: "bi bi-plus-circle"
 };
-const _hoisted_7$2 = { class: "modal-body" };
-const _hoisted_8$2 = { class: "row g-3" };
-const _hoisted_9$2 = ["data-type"];
-const _hoisted_10$2 = { class: "form-label" };
-const _hoisted_11$2 = {
+const _hoisted_7$3 = { class: "modal-body" };
+const _hoisted_8$3 = { class: "row g-3" };
+const _hoisted_9$3 = ["data-type"];
+const _hoisted_10$3 = { class: "form-label" };
+const _hoisted_11$3 = {
   key: 0,
   class: "text-danger"
 };
-const _hoisted_12$2 = { class: "text-muted ms-2" };
-const _hoisted_13$2 = ["value"];
-const _hoisted_14$2 = ["onUpdate:modelValue", "placeholder", "required", "step"];
-const _hoisted_15$2 = ["onUpdate:modelValue", "required"];
-const _hoisted_16$2 = ["onUpdate:modelValue", "placeholder", "required"];
-const _hoisted_17$2 = ["onUpdate:modelValue", "required"];
-const _hoisted_18$2 = ["value"];
-const _hoisted_19$2 = ["onUpdate:modelValue"];
-const _hoisted_20$2 = {
+const _hoisted_12$3 = { class: "text-muted ms-2" };
+const _hoisted_13$3 = ["value"];
+const _hoisted_14$3 = ["onUpdate:modelValue", "placeholder", "required", "step"];
+const _hoisted_15$3 = ["onUpdate:modelValue", "required"];
+const _hoisted_16$3 = ["onUpdate:modelValue", "placeholder", "required"];
+const _hoisted_17$3 = ["onUpdate:modelValue", "required"];
+const _hoisted_18$3 = ["value"];
+const _hoisted_19$3 = ["onUpdate:modelValue"];
+const _hoisted_20$3 = {
   key: 6,
   class: "json-editor"
 };
-const _hoisted_21$2 = ["onUpdate:modelValue", "placeholder", "required", "onInput"];
+const _hoisted_21$3 = ["onUpdate:modelValue", "placeholder", "required", "onInput"];
 const _hoisted_22$2 = { class: "d-flex justify-content-between mt-1" };
 const _hoisted_23$2 = { class: "text-muted" };
 const _hoisted_24$2 = ["onClick"];
@@ -48122,7 +48129,7 @@ const _hoisted_28$2 = {
   key: 0,
   class: "spinner-border spinner-border-sm me-2"
 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "data-editor",
   props: {
     visible: { type: Boolean },
@@ -48333,11 +48340,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["modal fade", { show: __props.visible }]),
         style: normalizeStyle({ display: __props.visible ? "block" : "none" })
       }, [
-        createBaseVNode("div", _hoisted_1$2, [
-          createBaseVNode("div", _hoisted_2$2, [
-            createBaseVNode("div", _hoisted_3$2, [
-              createBaseVNode("h5", _hoisted_4$2, [
-                __props.isEdit ? (openBlock(), createElementBlock("i", _hoisted_5$2)) : (openBlock(), createElementBlock("i", _hoisted_6$2)),
+        createBaseVNode("div", _hoisted_1$3, [
+          createBaseVNode("div", _hoisted_2$3, [
+            createBaseVNode("div", _hoisted_3$3, [
+              createBaseVNode("h5", _hoisted_4$3, [
+                __props.isEdit ? (openBlock(), createElementBlock("i", _hoisted_5$3)) : (openBlock(), createElementBlock("i", _hoisted_6$3)),
                 createTextVNode(" " + toDisplayString(__props.isEdit ? "编辑数据" : "新增数据"), 1)
               ]),
               createBaseVNode("button", {
@@ -48346,21 +48353,21 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 onClick: closeModal
               })
             ]),
-            createBaseVNode("div", _hoisted_7$2, [
+            createBaseVNode("div", _hoisted_7$3, [
               createBaseVNode("form", {
                 onSubmit: withModifiers(handleSubmit, ["prevent"])
               }, [
-                createBaseVNode("div", _hoisted_8$2, [
+                createBaseVNode("div", _hoisted_8$3, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
                     return openBlock(), createElementBlock("div", {
                       key: column.name,
                       "data-type": column.type,
                       class: "col-md-6"
                     }, [
-                      createBaseVNode("label", _hoisted_10$2, [
+                      createBaseVNode("label", _hoisted_10$3, [
                         createTextVNode(toDisplayString(column.name) + " ", 1),
-                        column.isPrimary ? (openBlock(), createElementBlock("span", _hoisted_11$2, "*")) : createCommentVNode("", true),
-                        createBaseVNode("small", _hoisted_12$2, toDisplayString(column.type), 1)
+                        column.isPrimary ? (openBlock(), createElementBlock("span", _hoisted_11$3, "*")) : createCommentVNode("", true),
+                        createBaseVNode("small", _hoisted_12$3, toDisplayString(column.type), 1)
                       ]),
                       column.isPrimary && column.isAutoIncrement ? (openBlock(), createElementBlock("input", {
                         key: 0,
@@ -48370,7 +48377,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                         value: __props.isEdit ? formData.value[column.name] : "自动生成",
                         disabled: "",
                         readonly: ""
-                      }, null, 8, _hoisted_13$2)) : isNumberInput(column.type) ? withDirectives((openBlock(), createElementBlock("input", {
+                      }, null, 8, _hoisted_13$3)) : isNumberInput(column.type) ? withDirectives((openBlock(), createElementBlock("input", {
                         key: 1,
                         type: "number",
                         "data-type": "number",
@@ -48379,7 +48386,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                         placeholder: "请输入" + column.name,
                         required: !column.nullable,
                         step: isDecimalInput(column.type) ? "0.01" : "1"
-                      }, null, 8, _hoisted_14$2)), [
+                      }, null, 8, _hoisted_14$3)), [
                         [vModelText, formData.value[column.name]]
                       ]) : isDateInput(column.type) ? withDirectives((openBlock(), createElementBlock("input", {
                         key: 2,
@@ -48388,7 +48395,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                         "data-type": "date",
                         "onUpdate:modelValue": ($event) => formData.value[column.name] = $event,
                         required: !column.nullable
-                      }, null, 8, _hoisted_15$2)), [
+                      }, null, 8, _hoisted_15$3)), [
                         [vModelText, formData.value[column.name]]
                       ]) : isTextArea(column.type) ? withDirectives((openBlock(), createElementBlock("textarea", {
                         key: 3,
@@ -48398,7 +48405,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                         placeholder: "请输入" + column.name,
                         required: !column.nullable,
                         rows: "3"
-                      }, null, 8, _hoisted_16$2)), [
+                      }, null, 8, _hoisted_16$3)), [
                         [vModelText, formData.value[column.name]]
                       ]) : isEnumInput(column.type) ? withDirectives((openBlock(), createElementBlock("select", {
                         key: 4,
@@ -48412,9 +48419,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                           return openBlock(), createElementBlock("option", {
                             key: option,
                             value: option
-                          }, toDisplayString(option), 9, _hoisted_18$2);
+                          }, toDisplayString(option), 9, _hoisted_18$3);
                         }), 128))
-                      ], 8, _hoisted_17$2)), [
+                      ], 8, _hoisted_17$3)), [
                         [vModelSelect, formData.value[column.name]]
                       ]) : isBooleanInput(column.type) ? withDirectives((openBlock(), createElementBlock("select", {
                         key: 5,
@@ -48424,9 +48431,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                       }, [..._cache[1] || (_cache[1] = [
                         createBaseVNode("option", { value: true }, "是/True", -1),
                         createBaseVNode("option", { value: false }, "否/False", -1)
-                      ])], 8, _hoisted_19$2)), [
+                      ])], 8, _hoisted_19$3)), [
                         [vModelSelect, formData.value[column.name]]
-                      ]) : isJsonInput(column.type, "input") || isArrayInput(column.type) ? (openBlock(), createElementBlock("div", _hoisted_20$2, [
+                      ]) : isJsonInput(column.type, "input") || isArrayInput(column.type) ? (openBlock(), createElementBlock("div", _hoisted_20$3, [
                         withDirectives(createBaseVNode("textarea", {
                           class: "form-control font-monospace",
                           "data-type": "json",
@@ -48435,7 +48442,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                           required: !column.nullable,
                           rows: "6",
                           onInput: ($event) => validateJson(column.name)
-                        }, null, 40, _hoisted_21$2), [
+                        }, null, 40, _hoisted_21$3), [
                           [vModelText, jsonText.value[column.name]]
                         ]),
                         createBaseVNode("div", _hoisted_22$2, [
@@ -48457,7 +48464,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                       }, null, 8, _hoisted_25$2)), [
                         [vModelText, formData.value[column.name]]
                       ])
-                    ], 8, _hoisted_9$2);
+                    ], 8, _hoisted_9$3);
                   }), 128))
                 ])
               ], 32)
@@ -48484,7 +48491,249 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DataEditor = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-dc8f434a"]]);
+const DataEditor = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-dc8f434a"]]);
+const _hoisted_1$2 = { class: "table-data-grid" };
+const _hoisted_2$2 = { class: "data-grid-wrapper" };
+const _hoisted_3$2 = { class: "btn-group btn-group-sm" };
+const _hoisted_4$2 = ["onClick"];
+const _hoisted_5$2 = ["onClick"];
+const _hoisted_6$2 = ["onClick", "title"];
+const _hoisted_7$2 = { class: "header-main" };
+const _hoisted_8$2 = { class: "column-name" };
+const _hoisted_9$2 = {
+  key: 0,
+  class: "column-key text-primary ms-1",
+  title: "主键"
+};
+const _hoisted_10$2 = { class: "sort-icon ms-1" };
+const _hoisted_11$2 = {
+  key: 0,
+  class: "bi bi-caret-up-fill"
+};
+const _hoisted_12$2 = {
+  key: 1,
+  class: "bi bi-caret-down-fill"
+};
+const _hoisted_13$2 = {
+  key: 2,
+  class: "bi bi-caret-up text-muted opacity-50"
+};
+const _hoisted_14$2 = { class: "header-sub" };
+const _hoisted_15$2 = { class: "text-muted column-type" };
+const _hoisted_16$2 = {
+  key: 0,
+  class: "text-muted column-comment ms-1"
+};
+const _hoisted_17$2 = ["title"];
+const _hoisted_18$2 = ["colspan"];
+const _hoisted_19$2 = { class: "grid-footer-bar mt-2 d-flex justify-content-between align-items-center px-3" };
+const _hoisted_20$2 = { class: "pagination-info text-muted small" };
+const _hoisted_21$2 = { class: "page-size-selector d-flex align-items-center" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "table-data-grid",
+  props: {
+    connection: {},
+    database: {},
+    table: {},
+    columns: {}
+  },
+  emits: ["edit-row", "delete-row"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const databaseService2 = new DatabaseService();
+    const tableData = ref([]);
+    const loading = ref(false);
+    const total = ref(0);
+    const currentPage = ref(1);
+    const pageSize = ref(50);
+    const sortField = ref("");
+    const sortOrder = ref("");
+    const totalPages = computed(() => Math.ceil(total.value / pageSize.value) || 1);
+    const gridColumns = computed(() => {
+      const cols = props.columns.map((col) => ({
+        name: col.name,
+        text: col.name,
+        sortable: true
+      }));
+      cols.push({
+        name: "actions",
+        text: "操作",
+        sortable: false,
+        headerStyle: "width: 100px;"
+      });
+      return cols;
+    });
+    async function loadData() {
+      if (!props.connection || !props.database || !props.table) return;
+      loading.value = true;
+      try {
+        let orderBy = "";
+        if (sortField.value && sortOrder.value) {
+          orderBy = `${sortField.value} ${sortOrder.value}`;
+        }
+        const result = await databaseService2.getTableData(
+          props.connection.id,
+          props.database,
+          props.table.name,
+          currentPage.value,
+          pageSize.value,
+          void 0,
+          orderBy
+        );
+        if (result.ret === 0) {
+          tableData.value = result.data?.data || [];
+          total.value = result.data?.total || 0;
+        }
+      } catch (error) {
+        console.error("加载表数据失败:", error);
+      } finally {
+        loading.value = false;
+      }
+    }
+    function handlePageChange(page) {
+      currentPage.value = page;
+      loadData();
+    }
+    function handlePageSizeChange() {
+      currentPage.value = 1;
+      loadData();
+    }
+    function handleSortChange({ field, order }) {
+      sortField.value = field;
+      sortOrder.value = order;
+      currentPage.value = 1;
+      loadData();
+    }
+    function formatCellValue(value) {
+      if (value === null || value === void 0) return "NULL";
+      if (typeof value === "object") return JSON.stringify(value);
+      return String(value);
+    }
+    __expose({
+      refresh: loadData
+    });
+    watch(() => [props.connection?.id, props.database, props.table?.name], () => {
+      currentPage.value = 1;
+      sortField.value = "";
+      sortOrder.value = "";
+      loadData();
+    });
+    onMounted(() => {
+      loadData();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+        createBaseVNode("div", _hoisted_2$2, [
+          createVNode(DataGrid, {
+            data: tableData.value,
+            columns: gridColumns.value,
+            "is-loading": loading.value,
+            "total-pages": totalPages.value,
+            "current-page": currentPage.value,
+            "sort-field": sortField.value,
+            "sort-order": sortOrder.value,
+            onPageChanged: handlePageChange,
+            onSortChanged: handleSortChange
+          }, createSlots({
+            actions: withCtx(({ row }) => [
+              createBaseVNode("div", _hoisted_3$2, [
+                createBaseVNode("button", {
+                  class: "btn btn-outline-primary btn-sm",
+                  onClick: withModifiers(($event) => emits("edit-row", row), ["stop"])
+                }, [..._cache[1] || (_cache[1] = [
+                  createBaseVNode("i", { class: "bi bi-pencil" }, null, -1)
+                ])], 8, _hoisted_4$2),
+                createBaseVNode("button", {
+                  class: "btn btn-outline-danger btn-sm",
+                  onClick: withModifiers(($event) => emits("delete-row", row), ["stop"])
+                }, [..._cache[2] || (_cache[2] = [
+                  createBaseVNode("i", { class: "bi bi-trash" }, null, -1)
+                ])], 8, _hoisted_5$2)
+              ])
+            ]),
+            _: 2
+          }, [
+            renderList(props.columns, (column) => {
+              return {
+                name: column.name + `_header`,
+                fn: withCtx(() => [
+                  createBaseVNode("div", {
+                    class: "column-header-custom",
+                    onClick: ($event) => handleSortChange({ field: column.name, order: sortField.value === column.name ? sortOrder.value === "ASC" ? "DESC" : sortOrder.value === "DESC" ? "" : "ASC" : "ASC" }),
+                    title: column.comment || column.name
+                  }, [
+                    createBaseVNode("div", _hoisted_7$2, [
+                      createBaseVNode("span", _hoisted_8$2, toDisplayString(column.name), 1),
+                      column.isPrimary ? (openBlock(), createElementBlock("span", _hoisted_9$2, [..._cache[3] || (_cache[3] = [
+                        createBaseVNode("i", { class: "bi bi-key-fill" }, null, -1)
+                      ])])) : createCommentVNode("", true),
+                      createBaseVNode("span", _hoisted_10$2, [
+                        sortField.value === column.name && sortOrder.value === "ASC" ? (openBlock(), createElementBlock("i", _hoisted_11$2)) : sortField.value === column.name && sortOrder.value === "DESC" ? (openBlock(), createElementBlock("i", _hoisted_12$2)) : (openBlock(), createElementBlock("i", _hoisted_13$2))
+                      ])
+                    ]),
+                    createBaseVNode("div", _hoisted_14$2, [
+                      createBaseVNode("small", _hoisted_15$2, toDisplayString(column.type), 1),
+                      column.comment ? (openBlock(), createElementBlock("small", _hoisted_16$2, "- " + toDisplayString(column.comment), 1)) : createCommentVNode("", true)
+                    ])
+                  ], 8, _hoisted_6$2)
+                ])
+              };
+            }),
+            renderList(props.columns, (column) => {
+              return {
+                name: column.name,
+                fn: withCtx(({ row }) => [
+                  createBaseVNode("div", {
+                    class: "cell-value",
+                    title: String(row[column.name])
+                  }, toDisplayString(formatCellValue(row[column.name])), 9, _hoisted_17$2)
+                ])
+              };
+            }),
+            !loading.value && tableData.value.length === 0 ? {
+              name: "footer",
+              fn: withCtx(() => [
+                createBaseVNode("tr", null, [
+                  createBaseVNode("td", {
+                    colspan: gridColumns.value.length,
+                    class: "text-center py-5"
+                  }, [..._cache[4] || (_cache[4] = [
+                    createBaseVNode("div", { class: "empty-state" }, [
+                      createBaseVNode("i", { class: "bi bi-inbox fs-1 text-muted" }),
+                      createBaseVNode("p", { class: "mt-2 text-muted" }, "表中暂无数据")
+                    ], -1)
+                  ])], 8, _hoisted_18$2)
+                ])
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["data", "columns", "is-loading", "total-pages", "current-page", "sort-field", "sort-order"])
+        ]),
+        createBaseVNode("div", _hoisted_19$2, [
+          createBaseVNode("div", _hoisted_20$2, " 共 " + toDisplayString(total.value) + " 条记录 ", 1),
+          createBaseVNode("div", _hoisted_21$2, [
+            _cache[6] || (_cache[6] = createBaseVNode("label", { class: "small text-muted me-2" }, "每页显示：", -1)),
+            withDirectives(createBaseVNode("select", {
+              class: "form-select form-select-sm",
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => pageSize.value = $event),
+              onChange: handlePageSizeChange,
+              style: { "width": "80px" }
+            }, [..._cache[5] || (_cache[5] = [
+              createBaseVNode("option", { value: 10 }, "10", -1),
+              createBaseVNode("option", { value: 20 }, "20", -1),
+              createBaseVNode("option", { value: 50 }, "50", -1),
+              createBaseVNode("option", { value: 100 }, "100", -1)
+            ])], 544), [
+              [vModelSelect, pageSize.value]
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+});
+const TableDataGrid = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-485b2e18"]]);
 const _hoisted_1$1 = { class: "table-detail" };
 const _hoisted_2$1 = { class: "table-header" };
 const _hoisted_3$1 = { class: "table-header-content" };
@@ -48528,92 +48777,39 @@ const _hoisted_31$1 = { class: "nav-item" };
 const _hoisted_32$1 = { class: "nav-item" };
 const _hoisted_33$1 = { class: "tab-content" };
 const _hoisted_34$1 = { class: "tab-panel" };
-const _hoisted_35$1 = {
-  key: 0,
-  class: "table-responsive"
-};
-const _hoisted_36$1 = { class: "table table-sm table-striped table-hover" };
-const _hoisted_37$1 = { class: "table-light" };
-const _hoisted_38$1 = { class: "column-header" };
-const _hoisted_39$1 = { class: "text-muted d-block" };
-const _hoisted_40$1 = {
-  key: 0,
-  class: "column-key"
-};
-const _hoisted_41 = { class: "cell-value" };
-const _hoisted_42 = { class: "btn-group btn-group-sm" };
-const _hoisted_43 = ["onClick"];
-const _hoisted_44 = ["onClick"];
-const _hoisted_45 = {
-  key: 1,
-  class: "loading-state"
-};
-const _hoisted_46 = {
-  key: 2,
-  class: "empty-state"
-};
-const _hoisted_47 = { key: 0 };
-const _hoisted_48 = { key: 1 };
-const _hoisted_49 = {
-  key: 3,
-  class: "pagination-nav"
-};
-const _hoisted_50 = { class: "pagination-container" };
-const _hoisted_51 = { class: "pagination-info" };
-const _hoisted_52 = { class: "pagination pagination-sm" };
-const _hoisted_53 = {
-  key: 0,
-  class: "page-item"
-};
-const _hoisted_54 = {
-  key: 1,
-  class: "page-item disabled"
-};
-const _hoisted_55 = ["onClick"];
-const _hoisted_56 = {
-  key: 2,
-  class: "page-item disabled"
-};
-const _hoisted_57 = {
-  key: 3,
-  class: "page-item"
-};
-const _hoisted_58 = { class: "page-size-selector" };
-const _hoisted_59 = { class: "page-jump" };
-const _hoisted_60 = ["max"];
-const _hoisted_61 = { class: "tab-panel" };
-const _hoisted_62 = { class: "structure-content" };
-const _hoisted_63 = { class: "structure-table" };
-const _hoisted_64 = { class: "table table-bordered" };
-const _hoisted_65 = {
+const _hoisted_35$1 = { class: "tab-panel" };
+const _hoisted_36$1 = { class: "structure-content" };
+const _hoisted_37$1 = { class: "structure-table" };
+const _hoisted_38$1 = { class: "table table-bordered" };
+const _hoisted_39$1 = {
   key: 0,
   class: "badge bg-primary"
 };
-const _hoisted_66 = { key: 1 };
-const _hoisted_67 = {
+const _hoisted_40$1 = { key: 1 };
+const _hoisted_41 = {
   key: 0,
   class: "badge bg-success"
 };
-const _hoisted_68 = { key: 1 };
-const _hoisted_69 = { class: "btn-group btn-group-sm" };
-const _hoisted_70 = ["onClick"];
-const _hoisted_71 = ["onClick"];
-const _hoisted_72 = { class: "tab-panel" };
-const _hoisted_73 = { class: "indexes-content" };
-const _hoisted_74 = { class: "indexes-table" };
-const _hoisted_75 = { class: "table table-bordered" };
-const _hoisted_76 = { class: "badge bg-info" };
-const _hoisted_77 = { class: "btn-group btn-group-sm" };
-const _hoisted_78 = ["onClick"];
-const _hoisted_79 = ["onClick"];
-const _hoisted_80 = { class: "tab-panel" };
-const _hoisted_81 = { class: "relations-content" };
-const _hoisted_82 = { class: "relations-table" };
-const _hoisted_83 = { class: "table table-bordered" };
-const _hoisted_84 = { class: "btn-group btn-group-sm" };
-const _hoisted_85 = ["onClick"];
-const _hoisted_86 = { class: "tab-panel" };
-const _hoisted_87 = { class: "sql-section" };
+const _hoisted_42 = { key: 1 };
+const _hoisted_43 = { class: "btn-group btn-group-sm" };
+const _hoisted_44 = ["onClick"];
+const _hoisted_45 = ["onClick"];
+const _hoisted_46 = { class: "tab-panel" };
+const _hoisted_47 = { class: "indexes-content" };
+const _hoisted_48 = { class: "indexes-table" };
+const _hoisted_49 = { class: "table table-bordered" };
+const _hoisted_50 = { class: "badge bg-info" };
+const _hoisted_51 = { class: "btn-group btn-group-sm" };
+const _hoisted_52 = ["onClick"];
+const _hoisted_53 = ["onClick"];
+const _hoisted_54 = { class: "tab-panel" };
+const _hoisted_55 = { class: "relations-content" };
+const _hoisted_56 = { class: "relations-table" };
+const _hoisted_57 = { class: "table table-bordered" };
+const _hoisted_58 = { class: "btn-group btn-group-sm" };
+const _hoisted_59 = ["onClick"];
+const _hoisted_60 = { class: "tab-panel" };
+const _hoisted_61 = { class: "sql-section" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "table-detail",
   props: {
@@ -48632,11 +48828,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const databaseService2 = new DatabaseService();
+    const tableDataGridRef = ref();
     const activeTab = ref("data");
-    const searchQuery = ref("");
-    const currentPage = ref(1);
-    const pageSize = ref(50);
-    const jumpToPage = ref(1);
     const showDataEditor = ref(false);
     const isEditMode = ref(false);
     const editingRow = ref(null);
@@ -48654,37 +48847,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         comment: col.comment || ""
       }));
     });
-    const paginatedData = computed(() => {
-      return props.tableData || [];
-    });
-    const totalPages = computed(() => {
-      const total = parseInt(props.total) || 0;
-      return Math.ceil(total / pageSize.value);
-    });
-    const visiblePages = computed(() => {
-      const pages = [];
-      let start = Math.max(1, currentPage.value - 2);
-      let end = Math.min(totalPages.value, start + 4);
-      if (end - start < 4) {
-        start = Math.max(1, end - 4);
-      }
-      for (let i = start; i <= end; i++) {
-        pages.push(i);
-      }
-      return pages;
-    });
     watch(() => props.table, () => {
       activeTab.value = "data";
-      currentPage.value = 1;
-      searchQuery.value = "";
-    });
-    watch(pageSize, () => {
-      currentPage.value = 1;
-      jumpToPage.value = 1;
-      emit("refresh-data", currentPage.value, pageSize.value, searchQuery.value);
-    });
-    watch(currentPage, (newPage) => {
-      jumpToPage.value = newPage;
     });
     function formatSize(bytes) {
       if (bytes === 0) return "0 B";
@@ -48696,53 +48860,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     function formatNumber2(num) {
       return num?.toLocaleString?.() || num?.toString() || "";
     }
-    function formatCellValue(value) {
-      if (value === null || value === void 0) return "NULL";
-      let strValue = String(value);
-      if (typeof value === "string") {
-        const trimmedValue = strValue.trim();
-        if (trimmedValue.startsWith("{") && trimmedValue.endsWith("}") || trimmedValue.startsWith("[") && trimmedValue.endsWith("]")) {
-          try {
-            const parsed = JSON.parse(trimmedValue);
-            const formatted = JSON.stringify(parsed, null, 2);
-            if (formatted.length > 50) {
-              return formatted.substring(0, 50) + "...";
-            }
-            return formatted;
-          } catch (e) {
-          }
-        }
-      } else if (typeof value === "object") {
-        try {
-          const formatted = JSON.stringify(value, null, 2);
-          if (formatted.length > 50) {
-            return formatted.substring(0, 50) + "...";
-          }
-          return formatted;
-        } catch (e) {
-        }
-      }
-      if (strValue.length > 50) return strValue.substring(0, 50) + "...";
-      return strValue;
-    }
-    function goToPage(page) {
-      if (page >= 1 && page <= totalPages.value) {
-        currentPage.value = page;
-        emit("refresh-data", currentPage.value, pageSize.value, searchQuery.value);
-      }
-    }
-    function jumpToPageHandler() {
-      if (jumpToPage.value >= 1 && jumpToPage.value <= totalPages.value) {
-        currentPage.value = jumpToPage.value;
-        emit("refresh-data", currentPage.value, pageSize.value, searchQuery.value);
-      } else {
-        jumpToPage.value = Math.max(1, Math.min(jumpToPage.value, totalPages.value));
-        currentPage.value = jumpToPage.value;
-        emit("refresh-data", currentPage.value, pageSize.value, searchQuery.value);
-      }
-    }
     function refreshData() {
-      emit("refresh-data", currentPage.value, pageSize.value, searchQuery.value);
+      if (tableDataGridRef.value) {
+        tableDataGridRef.value.refresh();
+      }
     }
     function insertData(newData) {
       {
@@ -48764,10 +48885,31 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           type: "danger"
         });
         if (result) {
-          emit("delete-row", row);
+          const primaryKeys = props.tableStructure?.columns?.filter((col) => col.isPrimary) || [];
+          if (primaryKeys.length === 0) {
+            await modal.warning("该表没有主键，无法删除单行。");
+            return;
+          }
+          const where = {};
+          primaryKeys.forEach((pk) => {
+            where[pk.name] = row[pk.name];
+          });
+          const response = await databaseService2.deleteData(
+            props.connection?.id || "",
+            props.database,
+            props.table?.name || "",
+            where
+          );
+          if (response.ret === 0) {
+            await modal.success("删除成功");
+            refreshData();
+          } else {
+            await modal.error("删除失败: " + (response.msg || "未知错误"));
+          }
         }
       } catch (error) {
         console.error("删除行失败:", error);
+        modal.error("删除行失败: " + error.message);
       }
     }
     async function truncateTable() {
@@ -48778,7 +48920,17 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           type: "danger"
         });
         if (result) {
-          emit("truncate-table");
+          const response = await databaseService2.truncateTable(
+            props.connection?.id || "",
+            props.database,
+            props.table?.name || ""
+          );
+          if (response.ret === 0) {
+            await modal.success("表清空成功");
+            refreshData();
+          } else {
+            await modal.error("清空表失败");
+          }
         }
       } catch (error) {
         console.error("清空表失败:", error);
@@ -48820,7 +48972,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     function handleDataSubmit(result) {
       try {
         if (result.ret === 0) {
-          emit("refresh-data");
+          refreshData();
           closeDataEditor();
         } else {
           modal.error("操作失败");
@@ -49040,16 +49192,16 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         createBaseVNode("div", _hoisted_2$1, [
           createBaseVNode("div", _hoisted_3$1, [
             createBaseVNode("div", _hoisted_4$1, [
-              _cache[22] || (_cache[22] = createBaseVNode("div", { class: "table-icon" }, [
+              _cache[13] || (_cache[13] = createBaseVNode("div", { class: "table-icon" }, [
                 createBaseVNode("i", { class: "bi bi-table" })
               ], -1)),
               createBaseVNode("div", _hoisted_5$1, [
                 createBaseVNode("h4", _hoisted_6$1, toDisplayString(__props.table?.name), 1),
                 createBaseVNode("div", _hoisted_7$1, [
                   createBaseVNode("span", _hoisted_8$1, toDisplayString(__props.connection?.name), 1),
-                  _cache[20] || (_cache[20] = createBaseVNode("i", { class: "bi bi-chevron-right" }, null, -1)),
+                  _cache[11] || (_cache[11] = createBaseVNode("i", { class: "bi bi-chevron-right" }, null, -1)),
                   createBaseVNode("span", _hoisted_9$1, toDisplayString(__props.database), 1),
-                  _cache[21] || (_cache[21] = createBaseVNode("i", { class: "bi bi-chevron-right" }, null, -1)),
+                  _cache[12] || (_cache[12] = createBaseVNode("i", { class: "bi bi-chevron-right" }, null, -1)),
                   createBaseVNode("span", _hoisted_10$1, toDisplayString(__props.table?.name), 1)
                 ])
               ])
@@ -49057,19 +49209,19 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             createBaseVNode("div", _hoisted_11$1, [
               __props.table?.rowCount !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_12$1, [
                 createBaseVNode("div", _hoisted_13$1, toDisplayString(formatNumber2(__props.table?.rowCount)), 1),
-                _cache[23] || (_cache[23] = createBaseVNode("div", { class: "stat-label" }, "行数据", -1))
+                _cache[14] || (_cache[14] = createBaseVNode("div", { class: "stat-label" }, "行数据", -1))
               ])) : createCommentVNode("", true),
               createBaseVNode("div", _hoisted_14$1, [
                 createBaseVNode("div", _hoisted_15$1, toDisplayString(__props.tableStructure?.columns?.length || 0), 1),
-                _cache[24] || (_cache[24] = createBaseVNode("div", { class: "stat-label" }, "列", -1))
+                _cache[15] || (_cache[15] = createBaseVNode("div", { class: "stat-label" }, "列", -1))
               ]),
               createBaseVNode("div", _hoisted_16$1, [
                 createBaseVNode("div", _hoisted_17$1, toDisplayString(__props.tableStructure?.indexes?.length || 0), 1),
-                _cache[25] || (_cache[25] = createBaseVNode("div", { class: "stat-label" }, "索引", -1))
+                _cache[16] || (_cache[16] = createBaseVNode("div", { class: "stat-label" }, "索引", -1))
               ]),
               __props.table?.dataSize !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_18$1, [
                 createBaseVNode("div", _hoisted_19$1, toDisplayString(formatSize(__props.table?.dataSize)), 1),
-                _cache[26] || (_cache[26] = createBaseVNode("div", { class: "stat-label" }, "大小", -1))
+                _cache[17] || (_cache[17] = createBaseVNode("div", { class: "stat-label" }, "大小", -1))
               ])) : createCommentVNode("", true)
             ])
           ])
@@ -49079,26 +49231,26 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             createBaseVNode("button", {
               class: "btn btn-primary btn-sm",
               onClick: refreshData
-            }, [..._cache[27] || (_cache[27] = [
+            }, [..._cache[18] || (_cache[18] = [
               createBaseVNode("i", { class: "bi bi-arrow-clockwise" }, null, -1),
               createTextVNode(" 刷新数据 ", -1)
             ])]),
             createBaseVNode("button", {
               class: "btn btn-info btn-sm",
               onClick: editTableStructure
-            }, [..._cache[28] || (_cache[28] = [
+            }, [..._cache[19] || (_cache[19] = [
               createBaseVNode("i", { class: "bi bi-pencil-square" }, null, -1),
               createTextVNode(" 修改表结构 ", -1)
             ])]),
             createBaseVNode("button", {
               class: "btn btn-success btn-sm",
               onClick: _cache[0] || (_cache[0] = () => insertData())
-            }, [..._cache[29] || (_cache[29] = [
+            }, [..._cache[20] || (_cache[20] = [
               createBaseVNode("i", { class: "bi bi-plus-lg" }, null, -1),
               createTextVNode(" 插入数据 ", -1)
             ])]),
             createBaseVNode("div", _hoisted_22$1, [
-              _cache[36] || (_cache[36] = createBaseVNode("button", {
+              _cache[27] || (_cache[27] = createBaseVNode("button", {
                 class: "btn btn-info btn-sm dropdown-toggle",
                 "data-bs-toggle": "dropdown"
               }, [
@@ -49110,7 +49262,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   createBaseVNode("button", {
                     class: "dropdown-item",
                     onClick: _cache[1] || (_cache[1] = ($event) => exportTableData("csv"))
-                  }, [..._cache[30] || (_cache[30] = [
+                  }, [..._cache[21] || (_cache[21] = [
                     createBaseVNode("i", { class: "bi bi-file-earmark-spreadsheet me-2" }, null, -1),
                     createTextVNode("导出 CSV ", -1)
                   ])])
@@ -49119,7 +49271,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   createBaseVNode("button", {
                     class: "dropdown-item",
                     onClick: _cache[2] || (_cache[2] = ($event) => exportTableData("json"))
-                  }, [..._cache[31] || (_cache[31] = [
+                  }, [..._cache[22] || (_cache[22] = [
                     createBaseVNode("i", { class: "bi bi-file-earmark-code me-2" }, null, -1),
                     createTextVNode("导出 JSON ", -1)
                   ])])
@@ -49128,19 +49280,19 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   createBaseVNode("button", {
                     class: "dropdown-item",
                     onClick: _cache[3] || (_cache[3] = ($event) => exportTableData("excel"))
-                  }, [..._cache[32] || (_cache[32] = [
+                  }, [..._cache[23] || (_cache[23] = [
                     createBaseVNode("i", { class: "bi bi-file-earmark-excel me-2" }, null, -1),
                     createTextVNode("导出 Excel ", -1)
                   ])])
                 ]),
-                _cache[35] || (_cache[35] = createBaseVNode("li", null, [
+                _cache[26] || (_cache[26] = createBaseVNode("li", null, [
                   createBaseVNode("hr", { class: "dropdown-divider" })
                 ], -1)),
                 createBaseVNode("li", null, [
                   createBaseVNode("button", {
                     class: "dropdown-item",
                     onClick: _cache[4] || (_cache[4] = ($event) => exportTableStructure())
-                  }, [..._cache[33] || (_cache[33] = [
+                  }, [..._cache[24] || (_cache[24] = [
                     createBaseVNode("i", { class: "bi bi-file-earmark-text me-2" }, null, -1),
                     createTextVNode("导出表结构 ", -1)
                   ])])
@@ -49149,7 +49301,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   createBaseVNode("button", {
                     class: "dropdown-item",
                     onClick: _cache[5] || (_cache[5] = ($event) => exportTableDataSQL())
-                  }, [..._cache[34] || (_cache[34] = [
+                  }, [..._cache[25] || (_cache[25] = [
                     createBaseVNode("i", { class: "bi bi-file-earmark-code me-2" }, null, -1),
                     createTextVNode("导出表数据(SQL) ", -1)
                   ])])
@@ -49158,18 +49310,18 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             ])
           ]),
           createBaseVNode("div", _hoisted_24$1, [
-            __props.tableData.length > 0 ? (openBlock(), createElementBlock("button", {
+            __props.table?.rowCount ? (openBlock(), createElementBlock("button", {
               key: 0,
               class: "btn btn-outline-warning btn-sm",
               onClick: truncateTable
-            }, [..._cache[37] || (_cache[37] = [
+            }, [..._cache[28] || (_cache[28] = [
               createBaseVNode("i", { class: "bi bi-trash" }, null, -1),
               createTextVNode(" 清空表 ", -1)
             ])])) : createCommentVNode("", true),
             createBaseVNode("button", {
               class: "btn btn-outline-danger btn-sm",
               onClick: dropTable
-            }, [..._cache[38] || (_cache[38] = [
+            }, [..._cache[29] || (_cache[29] = [
               createBaseVNode("i", { class: "bi bi-x-circle" }, null, -1),
               createTextVNode(" 删除表 ", -1)
             ])])
@@ -49182,16 +49334,16 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(["nav-link", { active: activeTab.value === "data" }]),
                 onClick: _cache[6] || (_cache[6] = ($event) => activeTab.value = "data")
               }, [
-                _cache[39] || (_cache[39] = createBaseVNode("i", { class: "bi bi-grid" }, null, -1)),
-                _cache[40] || (_cache[40] = createTextVNode(" 数据 ", -1)),
-                __props.tableData.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_28$1, toDisplayString(__props.tableData.length), 1)) : createCommentVNode("", true)
+                _cache[30] || (_cache[30] = createBaseVNode("i", { class: "bi bi-grid" }, null, -1)),
+                _cache[31] || (_cache[31] = createTextVNode(" 数据 ", -1)),
+                __props.table?.rowCount ? (openBlock(), createElementBlock("span", _hoisted_28$1, toDisplayString(formatNumber2(__props.table?.rowCount)), 1)) : createCommentVNode("", true)
               ], 2)
             ]),
             createBaseVNode("li", _hoisted_29$1, [
               createBaseVNode("button", {
                 class: normalizeClass(["nav-link", { active: activeTab.value === "structure" }]),
                 onClick: _cache[7] || (_cache[7] = ($event) => activeTab.value = "structure")
-              }, [..._cache[41] || (_cache[41] = [
+              }, [..._cache[32] || (_cache[32] = [
                 createBaseVNode("i", { class: "bi bi-diagram-3" }, null, -1),
                 createTextVNode(" 结构 ", -1)
               ])], 2)
@@ -49200,7 +49352,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               createBaseVNode("button", {
                 class: normalizeClass(["nav-link", { active: activeTab.value === "indexes" }]),
                 onClick: _cache[8] || (_cache[8] = ($event) => activeTab.value = "indexes")
-              }, [..._cache[42] || (_cache[42] = [
+              }, [..._cache[33] || (_cache[33] = [
                 createBaseVNode("i", { class: "bi bi-key" }, null, -1),
                 createTextVNode(" 索引 ", -1)
               ])], 2)
@@ -49209,7 +49361,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               createBaseVNode("button", {
                 class: normalizeClass(["nav-link", { active: activeTab.value === "relations" }]),
                 onClick: _cache[9] || (_cache[9] = ($event) => activeTab.value = "relations")
-              }, [..._cache[43] || (_cache[43] = [
+              }, [..._cache[34] || (_cache[34] = [
                 createBaseVNode("i", { class: "bi bi-link-45deg" }, null, -1),
                 createTextVNode(" 关系 ", -1)
               ])], 2)
@@ -49218,7 +49370,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               createBaseVNode("button", {
                 class: normalizeClass(["nav-link", { active: activeTab.value === "sql" }]),
                 onClick: _cache[10] || (_cache[10] = ($event) => activeTab.value = "sql")
-              }, [..._cache[44] || (_cache[44] = [
+              }, [..._cache[35] || (_cache[35] = [
                 createBaseVNode("i", { class: "bi bi-code-slash" }, null, -1),
                 createTextVNode(" SQL ", -1)
               ])], 2)
@@ -49226,233 +49378,40 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           ]),
           createBaseVNode("div", _hoisted_33$1, [
             withDirectives(createBaseVNode("div", _hoisted_34$1, [
-              createBaseVNode("div", {
-                class: normalizeClass(["data-content", { "loading": __props.loading }])
-              }, [
-                !__props.loading && paginatedData.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_35$1, [
-                  createBaseVNode("table", _hoisted_36$1, [
-                    createBaseVNode("thead", _hoisted_37$1, [
-                      createBaseVNode("tr", null, [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(safeTableColumns.value, (column) => {
-                          return openBlock(), createElementBlock("th", {
-                            key: column.name
-                          }, [
-                            createBaseVNode("div", _hoisted_38$1, [
-                              createBaseVNode("span", null, toDisplayString(column.name), 1),
-                              createBaseVNode("small", _hoisted_39$1, toDisplayString(column.type), 1),
-                              column.isPrimary ? (openBlock(), createElementBlock("span", _hoisted_40$1, [..._cache[45] || (_cache[45] = [
-                                createBaseVNode("i", { class: "bi bi-key-fill" }, null, -1)
-                              ])])) : createCommentVNode("", true)
-                            ])
-                          ]);
-                        }), 128)),
-                        _cache[46] || (_cache[46] = createBaseVNode("th", { width: "100" }, "操作", -1))
-                      ])
-                    ]),
-                    createBaseVNode("tbody", null, [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(paginatedData.value, (row, index) => {
-                        return openBlock(), createElementBlock("tr", { key: index }, [
-                          (openBlock(true), createElementBlock(Fragment, null, renderList(safeTableColumns.value, (column) => {
-                            return openBlock(), createElementBlock("td", {
-                              key: column.name
-                            }, [
-                              createBaseVNode("div", _hoisted_41, toDisplayString(formatCellValue(row[column.name])), 1)
-                            ]);
-                          }), 128)),
-                          createBaseVNode("td", null, [
-                            createBaseVNode("div", _hoisted_42, [
-                              createBaseVNode("button", {
-                                class: "btn btn-outline-primary btn-sm",
-                                onClick: ($event) => editRow(row)
-                              }, [..._cache[47] || (_cache[47] = [
-                                createBaseVNode("i", { class: "bi bi-pencil" }, null, -1)
-                              ])], 8, _hoisted_43),
-                              createBaseVNode("button", {
-                                class: "btn btn-outline-danger btn-sm",
-                                onClick: ($event) => deleteRow(row)
-                              }, [..._cache[48] || (_cache[48] = [
-                                createBaseVNode("i", { class: "bi bi-trash" }, null, -1)
-                              ])], 8, _hoisted_44)
-                            ])
-                          ])
-                        ]);
-                      }), 128))
-                    ])
-                  ])
-                ])) : createCommentVNode("", true),
-                __props.loading ? (openBlock(), createElementBlock("div", _hoisted_45, [..._cache[49] || (_cache[49] = [
-                  createBaseVNode("div", {
-                    class: "spinner-border text-primary",
-                    role: "status"
-                  }, [
-                    createBaseVNode("span", { class: "visually-hidden" }, "加载中...")
-                  ], -1),
-                  createBaseVNode("p", null, "正在加载数据...", -1)
-                ])])) : createCommentVNode("", true),
-                !__props.loading && paginatedData.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_46, [
-                  _cache[51] || (_cache[51] = createBaseVNode("i", { class: "bi bi-inbox" }, null, -1)),
-                  searchQuery.value ? (openBlock(), createElementBlock("p", _hoisted_47, "没有找到匹配的数据")) : (openBlock(), createElementBlock("p", _hoisted_48, "表中暂无数据")),
-                  createBaseVNode("button", {
-                    class: "btn btn-success",
-                    onClick: _cache[11] || (_cache[11] = () => insertData())
-                  }, [..._cache[50] || (_cache[50] = [
-                    createBaseVNode("i", { class: "bi bi-plus" }, null, -1),
-                    createTextVNode(" 插入第一条数据 ", -1)
-                  ])])
-                ])) : createCommentVNode("", true),
-                !__props.loading && totalPages.value > 0 ? (openBlock(), createElementBlock("nav", _hoisted_49, [
-                  createBaseVNode("div", _hoisted_50, [
-                    createBaseVNode("div", _hoisted_51, " 共 " + toDisplayString(formatNumber2(__props.total)) + " 条记录，第 " + toDisplayString(formatNumber2(currentPage.value)) + " 页/共 " + toDisplayString(formatNumber2(totalPages.value)) + " 页 ", 1),
-                    createBaseVNode("ul", _hoisted_52, [
-                      createBaseVNode("li", {
-                        class: normalizeClass(["page-item", { disabled: currentPage.value === 1 }])
-                      }, [
-                        createBaseVNode("a", {
-                          class: "page-link",
-                          href: "#",
-                          onClick: _cache[12] || (_cache[12] = withModifiers(($event) => goToPage(1), ["prevent"])),
-                          title: "首页"
-                        }, [..._cache[52] || (_cache[52] = [
-                          createBaseVNode("i", { class: "bi bi-chevron-double-left" }, null, -1)
-                        ])])
-                      ], 2),
-                      createBaseVNode("li", {
-                        class: normalizeClass(["page-item", { disabled: currentPage.value === 1 }])
-                      }, [
-                        createBaseVNode("a", {
-                          class: "page-link",
-                          href: "#",
-                          onClick: _cache[13] || (_cache[13] = withModifiers(($event) => goToPage(currentPage.value - 1), ["prevent"])),
-                          title: "上一页"
-                        }, [..._cache[53] || (_cache[53] = [
-                          createBaseVNode("i", { class: "bi bi-chevron-left" }, null, -1)
-                        ])])
-                      ], 2),
-                      currentPage.value > 4 ? (openBlock(), createElementBlock("li", _hoisted_53, [
-                        createBaseVNode("a", {
-                          class: "page-link",
-                          href: "#",
-                          onClick: _cache[14] || (_cache[14] = withModifiers(($event) => goToPage(1), ["prevent"]))
-                        }, "1")
-                      ])) : createCommentVNode("", true),
-                      currentPage.value > 5 ? (openBlock(), createElementBlock("li", _hoisted_54, [..._cache[54] || (_cache[54] = [
-                        createBaseVNode("span", { class: "page-link" }, "...", -1)
-                      ])])) : createCommentVNode("", true),
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(visiblePages.value, (page) => {
-                        return openBlock(), createElementBlock("li", {
-                          key: page,
-                          class: normalizeClass(["page-item", { active: currentPage.value === page }])
-                        }, [
-                          createBaseVNode("a", {
-                            class: "page-link",
-                            href: "#",
-                            onClick: withModifiers(($event) => goToPage(page), ["prevent"])
-                          }, toDisplayString(page), 9, _hoisted_55)
-                        ], 2);
-                      }), 128)),
-                      currentPage.value < totalPages.value - 4 ? (openBlock(), createElementBlock("li", _hoisted_56, [..._cache[55] || (_cache[55] = [
-                        createBaseVNode("span", { class: "page-link" }, "...", -1)
-                      ])])) : createCommentVNode("", true),
-                      currentPage.value < totalPages.value - 3 ? (openBlock(), createElementBlock("li", _hoisted_57, [
-                        createBaseVNode("a", {
-                          class: "page-link",
-                          href: "#",
-                          onClick: _cache[15] || (_cache[15] = withModifiers(($event) => goToPage(totalPages.value), ["prevent"]))
-                        }, toDisplayString(totalPages.value), 1)
-                      ])) : createCommentVNode("", true),
-                      createBaseVNode("li", {
-                        class: normalizeClass(["page-item", { disabled: currentPage.value === totalPages.value }])
-                      }, [
-                        createBaseVNode("a", {
-                          class: "page-link",
-                          href: "#",
-                          onClick: _cache[16] || (_cache[16] = withModifiers(($event) => goToPage(currentPage.value + 1), ["prevent"])),
-                          title: "下一页"
-                        }, [..._cache[56] || (_cache[56] = [
-                          createBaseVNode("i", { class: "bi bi-chevron-right" }, null, -1)
-                        ])])
-                      ], 2),
-                      createBaseVNode("li", {
-                        class: normalizeClass(["page-item", { disabled: currentPage.value === totalPages.value }])
-                      }, [
-                        createBaseVNode("a", {
-                          class: "page-link",
-                          href: "#",
-                          onClick: _cache[17] || (_cache[17] = withModifiers(($event) => goToPage(totalPages.value), ["prevent"])),
-                          title: "末页"
-                        }, [..._cache[57] || (_cache[57] = [
-                          createBaseVNode("i", { class: "bi bi-chevron-double-right" }, null, -1)
-                        ])])
-                      ], 2)
-                    ]),
-                    createBaseVNode("div", _hoisted_58, [
-                      _cache[59] || (_cache[59] = createBaseVNode("label", { class: "form-label-sm mb-0" }, "每页显示：", -1)),
-                      withDirectives(createBaseVNode("select", {
-                        class: "form-select form-select-sm ms-2",
-                        "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => pageSize.value = $event),
-                        style: { "width": "80px" }
-                      }, [..._cache[58] || (_cache[58] = [
-                        createBaseVNode("option", { value: 10 }, "10", -1),
-                        createBaseVNode("option", { value: 20 }, "20", -1),
-                        createBaseVNode("option", { value: 50 }, "50", -1),
-                        createBaseVNode("option", { value: 100 }, "100", -1),
-                        createBaseVNode("option", { value: 200 }, "200", -1),
-                        createBaseVNode("option", { value: 500 }, "500", -1)
-                      ])], 512), [
-                        [vModelSelect, pageSize.value]
-                      ])
-                    ]),
-                    createBaseVNode("div", _hoisted_59, [
-                      _cache[60] || (_cache[60] = createBaseVNode("label", { class: "form-label-sm mb-0" }, "跳转到：", -1)),
-                      withDirectives(createBaseVNode("input", {
-                        type: "number",
-                        class: "form-control form-control-sm ms-2",
-                        "onUpdate:modelValue": _cache[19] || (_cache[19] = ($event) => jumpToPage.value = $event),
-                        min: "1",
-                        max: totalPages.value,
-                        style: { "width": "70px" },
-                        onKeyup: withKeys(jumpToPageHandler, ["enter"]),
-                        onBlur: jumpToPageHandler
-                      }, null, 40, _hoisted_60), [
-                        [
-                          vModelText,
-                          jumpToPage.value,
-                          void 0,
-                          { number: true }
-                        ]
-                      ]),
-                      createBaseVNode("button", {
-                        class: "btn btn-primary btn-sm ms-2",
-                        onClick: jumpToPageHandler
-                      }, " 跳转 ")
-                    ])
-                  ])
-                ])) : createCommentVNode("", true)
-              ], 2)
+              createVNode(TableDataGrid, {
+                ref_key: "tableDataGridRef",
+                ref: tableDataGridRef,
+                connection: __props.connection,
+                database: __props.database,
+                table: __props.table,
+                columns: __props.tableStructure?.columns || [],
+                onEditRow: editRow,
+                onDeleteRow: deleteRow
+              }, null, 8, ["connection", "database", "table", "columns"])
             ], 512), [
               [vShow, activeTab.value === "data"]
             ]),
-            withDirectives(createBaseVNode("div", _hoisted_61, [
+            withDirectives(createBaseVNode("div", _hoisted_35$1, [
               createBaseVNode("div", { class: "structure-actions mb-3" }, [
                 createBaseVNode("button", {
                   class: "btn btn-success btn-sm",
                   onClick: addColumn
-                }, [..._cache[61] || (_cache[61] = [
+                }, [..._cache[36] || (_cache[36] = [
                   createBaseVNode("i", { class: "bi bi-plus-lg" }, null, -1),
                   createTextVNode(" 新增字段 ", -1)
                 ])]),
                 createBaseVNode("button", {
                   class: "btn btn-info btn-sm",
                   onClick: editTableStructure
-                }, [..._cache[62] || (_cache[62] = [
+                }, [..._cache[37] || (_cache[37] = [
                   createBaseVNode("i", { class: "bi bi-pencil-square" }, null, -1),
                   createTextVNode(" 修改表结构 ", -1)
                 ])])
               ]),
-              createBaseVNode("div", _hoisted_62, [
-                createBaseVNode("div", _hoisted_63, [
-                  createBaseVNode("table", _hoisted_64, [
-                    _cache[67] || (_cache[67] = createBaseVNode("thead", { class: "table-dark" }, [
+              createBaseVNode("div", _hoisted_36$1, [
+                createBaseVNode("div", _hoisted_37$1, [
+                  createBaseVNode("table", _hoisted_38$1, [
+                    _cache[42] || (_cache[42] = createBaseVNode("thead", { class: "table-dark" }, [
                       createBaseVNode("tr", null, [
                         createBaseVNode("th", null, "列名"),
                         createBaseVNode("th", null, "数据类型"),
@@ -49487,32 +49446,32 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                           ]),
                           createBaseVNode("td", null, toDisplayString(column.defaultValue || "-"), 1),
                           createBaseVNode("td", null, [
-                            column.isPrimary ? (openBlock(), createElementBlock("span", _hoisted_65, [..._cache[63] || (_cache[63] = [
+                            column.isPrimary ? (openBlock(), createElementBlock("span", _hoisted_39$1, [..._cache[38] || (_cache[38] = [
                               createBaseVNode("i", { class: "bi bi-key-fill" }, null, -1),
                               createTextVNode(" 主键 ", -1)
-                            ])])) : (openBlock(), createElementBlock("span", _hoisted_66, "-"))
+                            ])])) : (openBlock(), createElementBlock("span", _hoisted_40$1, "-"))
                           ]),
                           createBaseVNode("td", null, [
-                            column.isAutoIncrement ? (openBlock(), createElementBlock("span", _hoisted_67, [..._cache[64] || (_cache[64] = [
+                            column.isAutoIncrement ? (openBlock(), createElementBlock("span", _hoisted_41, [..._cache[39] || (_cache[39] = [
                               createBaseVNode("i", { class: "bi bi-arrow-up-circle" }, null, -1),
                               createTextVNode(" 自增 ", -1)
-                            ])])) : (openBlock(), createElementBlock("span", _hoisted_68, "-"))
+                            ])])) : (openBlock(), createElementBlock("span", _hoisted_42, "-"))
                           ]),
                           createBaseVNode("td", null, toDisplayString(column.comment || "-"), 1),
                           createBaseVNode("td", null, [
-                            createBaseVNode("div", _hoisted_69, [
+                            createBaseVNode("div", _hoisted_43, [
                               createBaseVNode("button", {
                                 class: "btn btn-outline-primary btn-sm",
                                 onClick: ($event) => editColumn()
-                              }, [..._cache[65] || (_cache[65] = [
+                              }, [..._cache[40] || (_cache[40] = [
                                 createBaseVNode("i", { class: "bi bi-pencil" }, null, -1)
-                              ])], 8, _hoisted_70),
+                              ])], 8, _hoisted_44),
                               createBaseVNode("button", {
                                 class: "btn btn-outline-danger btn-sm",
                                 onClick: ($event) => deleteColumn(column)
-                              }, [..._cache[66] || (_cache[66] = [
+                              }, [..._cache[41] || (_cache[41] = [
                                 createBaseVNode("i", { class: "bi bi-trash" }, null, -1)
-                              ])], 8, _hoisted_71)
+                              ])], 8, _hoisted_45)
                             ])
                           ])
                         ]);
@@ -49524,11 +49483,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             ], 512), [
               [vShow, activeTab.value === "structure"]
             ]),
-            withDirectives(createBaseVNode("div", _hoisted_72, [
-              createBaseVNode("div", _hoisted_73, [
-                createBaseVNode("div", _hoisted_74, [
-                  createBaseVNode("table", _hoisted_75, [
-                    _cache[70] || (_cache[70] = createBaseVNode("thead", { class: "table-dark" }, [
+            withDirectives(createBaseVNode("div", _hoisted_46, [
+              createBaseVNode("div", _hoisted_47, [
+                createBaseVNode("div", _hoisted_48, [
+                  createBaseVNode("table", _hoisted_49, [
+                    _cache[45] || (_cache[45] = createBaseVNode("thead", { class: "table-dark" }, [
                       createBaseVNode("tr", null, [
                         createBaseVNode("th", null, "索引名"),
                         createBaseVNode("th", null, "类型"),
@@ -49546,7 +49505,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                             createBaseVNode("strong", null, toDisplayString(index.name), 1)
                           ]),
                           createBaseVNode("td", null, [
-                            createBaseVNode("span", _hoisted_76, toDisplayString(index.type), 1)
+                            createBaseVNode("span", _hoisted_50, toDisplayString(index.type), 1)
                           ]),
                           createBaseVNode("td", null, [
                             createBaseVNode("span", {
@@ -49562,19 +49521,19 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                             createBaseVNode("code", null, toDisplayString(index.columns.join(", ")), 1)
                           ]),
                           createBaseVNode("td", null, [
-                            createBaseVNode("div", _hoisted_77, [
+                            createBaseVNode("div", _hoisted_51, [
                               createBaseVNode("button", {
                                 class: "btn btn-outline-primary btn-sm",
                                 onClick: ($event) => editIndex(index)
-                              }, [..._cache[68] || (_cache[68] = [
+                              }, [..._cache[43] || (_cache[43] = [
                                 createBaseVNode("i", { class: "bi bi-pencil" }, null, -1)
-                              ])], 8, _hoisted_78),
+                              ])], 8, _hoisted_52),
                               createBaseVNode("button", {
                                 class: "btn btn-outline-danger btn-sm",
                                 onClick: ($event) => deleteIndex(index)
-                              }, [..._cache[69] || (_cache[69] = [
+                              }, [..._cache[44] || (_cache[44] = [
                                 createBaseVNode("i", { class: "bi bi-trash" }, null, -1)
-                              ])], 8, _hoisted_79)
+                              ])], 8, _hoisted_53)
                             ])
                           ])
                         ]);
@@ -49586,11 +49545,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             ], 512), [
               [vShow, activeTab.value === "indexes"]
             ]),
-            withDirectives(createBaseVNode("div", _hoisted_80, [
-              createBaseVNode("div", _hoisted_81, [
-                createBaseVNode("div", _hoisted_82, [
-                  createBaseVNode("table", _hoisted_83, [
-                    _cache[72] || (_cache[72] = createBaseVNode("thead", { class: "table-dark" }, [
+            withDirectives(createBaseVNode("div", _hoisted_54, [
+              createBaseVNode("div", _hoisted_55, [
+                createBaseVNode("div", _hoisted_56, [
+                  createBaseVNode("table", _hoisted_57, [
+                    _cache[47] || (_cache[47] = createBaseVNode("thead", { class: "table-dark" }, [
                       createBaseVNode("tr", null, [
                         createBaseVNode("th", null, "约束名"),
                         createBaseVNode("th", null, "本表列"),
@@ -49621,13 +49580,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                           createBaseVNode("td", null, toDisplayString(fk.onDelete || "-"), 1),
                           createBaseVNode("td", null, toDisplayString(fk.onUpdate || "-"), 1),
                           createBaseVNode("td", null, [
-                            createBaseVNode("div", _hoisted_84, [
+                            createBaseVNode("div", _hoisted_58, [
                               createBaseVNode("button", {
                                 class: "btn btn-outline-danger btn-sm",
                                 onClick: ($event) => deleteForeignKey(fk)
-                              }, [..._cache[71] || (_cache[71] = [
+                              }, [..._cache[46] || (_cache[46] = [
                                 createBaseVNode("i", { class: "bi bi-trash" }, null, -1)
-                              ])], 8, _hoisted_85)
+                              ])], 8, _hoisted_59)
                             ])
                           ])
                         ]);
@@ -49639,8 +49598,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             ], 512), [
               [vShow, activeTab.value === "relations"]
             ]),
-            withDirectives(createBaseVNode("div", _hoisted_86, [
-              createBaseVNode("div", _hoisted_87, [
+            withDirectives(createBaseVNode("div", _hoisted_60, [
+              createBaseVNode("div", _hoisted_61, [
                 createVNode(SqlExecutor, {
                   connection: __props.connection,
                   database: __props.database
@@ -49676,7 +49635,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableDetail = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-23851444"]]);
+const TableDetail = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-dccf9d97"]]);
 const _hoisted_1 = { class: "database-explorer" };
 const _hoisted_2 = { class: "explorer-layout" };
 const _hoisted_3 = { class: "explorer-sidebar" };