imean-service-engine 2.2.0 → 2.2.2

package/dist/index.d.mts

@@ -1499,7 +1499,7 @@ declare class PathHelper {
     detail(id: string | number, dialog?: boolean): string;
     /**
      * 编辑页动作
-     * 生成路径: {basePath}/{id}/edit
+     * 生成路径: {basePath}/edit/{id}
      * @param dialog 是否在对话框中打开
      */
     edit(id: string | number, dialog?: boolean): string;
@@ -1767,13 +1767,11 @@ declare abstract class DetailPageModule<T = any> extends PageModule {
  * 可以重写 render 方法来自定义渲染，否则使用默认的表单渲染逻辑
  */
 declare abstract class FormPageModule<T = any> extends PageModule {
-    /** 数据源 */
-    protected datasource: FormDatasource<T>;
     /** ID 字段名（默认 "id"） */
     protected idField: string;
     /** Zod Schema（可选，如果提供则自动生成表单字段和校验） */
     protected schema?: z.ZodObject<any>;
-    constructor(datasource: FormDatasource<T>, schema?: z.ZodObject<any>);
+    constructor(schema?: z.ZodObject<any>);
     /**
      * 获取数据源（抽象方法，必须实现）
      * 子类必须实现此方法来提供数据源
@@ -1910,6 +1908,11 @@ declare abstract class ListPageModule<T extends {
      * 删除数据（可选，如果数据源支持删除）
      */
     deleteItem(id: string | number): Promise<boolean>;
+    /**
+     * 获取字段标签（可选）
+     * 子类可以重写此方法来自定义字段的中文标签
+     */
+    getFieldLabel?(field: string): string;
     /**
      * 自定义列渲染（可选）
      * 子类可以重写此方法来自定义列的渲染逻辑

package/dist/index.d.ts

@@ -1499,7 +1499,7 @@ declare class PathHelper {
     detail(id: string | number, dialog?: boolean): string;
     /**
      * 编辑页动作
-     * 生成路径: {basePath}/{id}/edit
+     * 生成路径: {basePath}/edit/{id}
      * @param dialog 是否在对话框中打开
      */
     edit(id: string | number, dialog?: boolean): string;
@@ -1767,13 +1767,11 @@ declare abstract class DetailPageModule<T = any> extends PageModule {
  * 可以重写 render 方法来自定义渲染，否则使用默认的表单渲染逻辑
  */
 declare abstract class FormPageModule<T = any> extends PageModule {
-    /** 数据源 */
-    protected datasource: FormDatasource<T>;
     /** ID 字段名（默认 "id"） */
     protected idField: string;
     /** Zod Schema（可选，如果提供则自动生成表单字段和校验） */
     protected schema?: z.ZodObject<any>;
-    constructor(datasource: FormDatasource<T>, schema?: z.ZodObject<any>);
+    constructor(schema?: z.ZodObject<any>);
     /**
      * 获取数据源（抽象方法，必须实现）
      * 子类必须实现此方法来提供数据源
@@ -1910,6 +1908,11 @@ declare abstract class ListPageModule<T extends {
      * 删除数据（可选，如果数据源支持删除）
      */
     deleteItem(id: string | number): Promise<boolean>;
+    /**
+     * 获取字段标签（可选）
+     * 子类可以重写此方法来自定义字段的中文标签
+     */
+    getFieldLabel?(field: string): string;
     /**
      * 自定义列渲染（可选）
      * 子类可以重写此方法来自定义列的渲染逻辑

package/dist/index.js

@@ -3908,7 +3908,7 @@ var Button = (props) => {
   if (hxConfirm) htmxAttrs["hx-confirm"] = hxConfirm;
   if (hxHeaders) htmxAttrs["hx-headers"] = hxHeaders;
   const Tag = hxGet || hxPost || hxPut || hxDelete ? "a" : "button";
-  const href = hxGet || hxPost || hxPut || hxDelete ? rest.href !== void 0 ? rest.href : "#" : void 0;
+  const href = rest.href ?? hxGet ?? "#";
   return /* @__PURE__ */ jsxRuntime.jsx(
     Tag,
     {
@@ -4090,11 +4090,11 @@ var PathHelper = class {
   }
   /**
    * 编辑页动作
-   * 生成路径: {basePath}/{id}/edit
+   * 生成路径: {basePath}/edit/{id}
    * @param dialog 是否在对话框中打开
    */
   edit(id, dialog = false) {
-    const url = `${this.basePath}/${id}/edit`;
+    const url = `${this.basePath}/edit/${id}`;
     return dialog ? `${url}?dialog=true` : url;
   }
   /**
@@ -4777,25 +4777,20 @@ function validateFormDataWithSchema(schema, data) {
   }
 }
 var FormPageModule = class extends PageModule {
-  /** 数据源 */
-  datasource;
   /** ID 字段名（默认 "id"） */
   idField = "id";
   /** Zod Schema（可选，如果提供则自动生成表单字段和校验） */
   schema;
-  constructor(datasource, schema) {
+  constructor(schema) {
     super();
-    this.datasource = datasource;
     this.schema = schema;
   }
   /**
    * 获取单条数据（编辑时使用）
    */
   async getItem(id) {
-    if (!this.datasource || !this.datasource.getItem) {
-      return null;
-    }
-    return await this.datasource.getItem(id);
+    const datasource = this.getDatasource();
+    return await datasource.getItem?.(id) || null;
   }
   /**
    * 获取字段标签（可选）
@@ -4938,7 +4933,9 @@ var FormPageModule = class extends PageModule {
       return await this.renderFormPage(adminContext, null, false, body);
     }
     try {
-      const newItem = await this.datasource?.createItem?.(body);
+      const newItem = await this.getDatasource().createItem?.(
+        body
+      );
       const basePath = this.context.moduleMetadata.basePath;
       const hasDetail = this.context.moduleMetadata.hasDetail;
       const hasList = this.context.moduleMetadata.hasList;
@@ -5272,6 +5269,127 @@ var Pagination = (props) => {
     ] })
   ] });
 };
+var STYLES = {
+  header: {
+    container: "px-6 py-4 border-b border-gray-200 flex items-center justify-between",
+    title: "text-lg font-semibold text-gray-900",
+    actions: "flex gap-2"
+  },
+  table: {
+    container: "overflow-x-auto",
+    table: "min-w-full divide-y divide-gray-200",
+    thead: "bg-gray-50",
+    th: {
+      base: "px-6 py-3 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider whitespace-nowrap",
+      stickyLeft: "sticky left-0 z-20 bg-gray-50 border-r border-gray-200 whitespace-nowrap",
+      stickyRight: "sticky right-0 z-20 bg-gray-50 border-l border-gray-200 whitespace-nowrap"
+    },
+    tbody: "bg-white divide-y divide-gray-200",
+    tr: "group hover:bg-gray-50 transition-colors",
+    td: {
+      base: "px-6 py-4 whitespace-nowrap text-sm text-gray-900",
+      stickyLeft: "sticky left-0 z-10 bg-white group-hover:bg-gray-50 transition-colors border-r border-gray-200",
+      stickyRight: "sticky right-0 z-10 bg-white group-hover:bg-gray-50 transition-colors border-l border-gray-200"
+    }
+  },
+  actionLink: {
+    container: "flex gap-3",
+    base: "text-sm hover:underline",
+    default: "text-blue-600 hover:text-blue-800",
+    delete: "text-red-600 hover:text-red-800"
+  },
+  actionButton: "flex gap-2 flex-wrap"
+};
+function TableHeader(props) {
+  const { title, tableActions } = props;
+  const showHeader = title && title.trim() || tableActions && tableActions.length > 0;
+  if (!showHeader) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: STYLES.header.container, children: [
+    title && title.trim() ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: STYLES.header.title, children: title }) : /* @__PURE__ */ jsxRuntime.jsx("div", {}),
+    tableActions && tableActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: STYLES.header.actions, children: tableActions.map((action, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+      Button,
+      {
+        variant: action.variant || "secondary",
+        href: action.href,
+        hxGet: action.hxGet,
+        hxPost: action.hxPost,
+        hxDelete: action.hxDelete,
+        hxConfirm: action.hxConfirm,
+        children: action.label
+      },
+      idx
+    )) })
+  ] });
+}
+function TableHeaderRow(props) {
+  const { idColumn, otherColumns, hasActions } = props;
+  return /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+    idColumn && /* @__PURE__ */ jsxRuntime.jsx("th", { className: `${STYLES.table.th.base} ${STYLES.table.th.stickyLeft}`, children: idColumn.label }),
+    otherColumns.map((col) => /* @__PURE__ */ jsxRuntime.jsx("th", { className: STYLES.table.th.base, children: col.label }, col.key)),
+    hasActions && /* @__PURE__ */ jsxRuntime.jsx(
+      "th",
+      {
+        className: `${STYLES.table.th.base} ${STYLES.table.th.stickyRight}`,
+        children: "\u64CD\u4F5C"
+      }
+    )
+  ] });
+}
+function TableCell(props) {
+  const { column, item, isSticky, stickyClass } = props;
+  const value = item[column.key];
+  const content = column.render ? safeRender(column.render(value, item)) : String(value || "");
+  const className = isSticky ? `${STYLES.table.td.base} ${stickyClass || ""}` : STYLES.table.td.base;
+  return /* @__PURE__ */ jsxRuntime.jsx("td", { className, children: content });
+}
+function ActionLink(props) {
+  const { action, item } = props;
+  const hrefValue = action.href(item);
+  const isDelete = action.method === "delete";
+  const className = `${STYLES.actionLink.base} ${isDelete ? STYLES.actionLink.delete : STYLES.actionLink.default}`;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      href: hrefValue,
+      className,
+      "hx-get": !isDelete ? hrefValue : void 0,
+      "hx-delete": isDelete ? hrefValue : void 0,
+      "hx-confirm": isDelete ? "\u786E\u5B9A\u5220\u9664\u5417\uFF1F" : void 0,
+      children: action.label
+    }
+  );
+}
+function ActionCell(props) {
+  const { actions, item, actionStyle } = props;
+  if (!actions || actions.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("td", { className: `${STYLES.table.td.base} ${STYLES.table.td.stickyRight}`, children: actionStyle === "link" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: STYLES.actionLink.container, children: actions.map((action, idx) => /* @__PURE__ */ jsxRuntime.jsx(ActionLink, { action, item }, idx)) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: STYLES.actionButton, children: actions.map((action, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+    ActionButton,
+    {
+      label: action.label,
+      href: action.href,
+      method: action.method,
+      className: action.class,
+      item
+    },
+    idx
+  )) }) });
+}
+function TableRow(props) {
+  const { item, idColumn, otherColumns, actions, actionStyle } = props;
+  return /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: STYLES.table.tr, children: [
+    idColumn && /* @__PURE__ */ jsxRuntime.jsx(
+      TableCell,
+      {
+        column: idColumn,
+        item,
+        isSticky: true,
+        stickyClass: STYLES.table.td.stickyLeft
+      }
+    ),
+    otherColumns.map((col) => /* @__PURE__ */ jsxRuntime.jsx(TableCell, { column: col, item }, col.key)),
+    actions && actions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ActionCell, { actions, item, actionStyle })
+  ] });
+}
 var Table = (props) => {
   const {
     items,
@@ -5284,119 +5402,28 @@ var Table = (props) => {
   } = props;
   const idColumn = columns.find((col) => col.key === "id");
   const otherColumns = columns.filter((col) => col.key !== "id");
-  const idColumnWidth = 80;
-  const actionsColumnMinWidth = actions && actions.length > 0 ? actions.length * 30 + 48 + (actions.length - 1) * 8 : 0;
-  const showHeader = title && title.trim() || tableActions && tableActions.length > 0;
-  const hasTitle = title && title.trim();
+  const hasActions = Boolean(actions && actions.length > 0);
   return /* @__PURE__ */ jsxRuntime.jsxs(Card, { shadow: true, noPadding: true, className: "overflow-hidden", children: [
-    showHeader && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 border-b border-gray-200 flex items-center justify-between", children: [
-      hasTitle ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-gray-900", children: title }) : /* @__PURE__ */ jsxRuntime.jsx("div", {}),
-      tableActions && tableActions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2", children: tableActions.map((action, idx) => /* @__PURE__ */ jsxRuntime.jsx(
-        Button,
-        {
-          variant: action.variant || "secondary",
-          href: action.href,
-          hxGet: action.hxGet,
-          hxPost: action.hxPost,
-          hxDelete: action.hxDelete,
-          hxConfirm: action.hxConfirm,
-          children: action.label
-        },
-        idx
-      )) })
-    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { title, tableActions }),
     items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { message: "\u6682\u65E0\u6570\u636E" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-gray-200", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-gray-50", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-          idColumn && /* @__PURE__ */ jsxRuntime.jsx(
-            "th",
-            {
-              className: "px-6 py-3 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider sticky left-0 z-20 bg-gray-50 border-r border-gray-200",
-              style: {
-                minWidth: `${idColumnWidth}px`,
-                maxWidth: `${idColumnWidth}px`
-              },
-              children: idColumn.label
-            }
-          ),
-          otherColumns.map((col) => /* @__PURE__ */ jsxRuntime.jsx(
-            "th",
-            {
-              className: "px-6 py-3 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider",
-              children: col.label
-            },
-            col.key
-          )),
-          actions && actions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-            "th",
-            {
-              className: "px-6 py-3 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider sticky right-0 z-20 bg-gray-50 border-l border-gray-200 whitespace-nowrap",
-              style: { minWidth: `${actionsColumnMinWidth}px` },
-              children: "\u64CD\u4F5C"
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "bg-white divide-y divide-gray-200", children: items.map((item, rowIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
-          "tr",
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: STYLES.table.container, children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: STYLES.table.table, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("thead", { className: STYLES.table.thead, children: /* @__PURE__ */ jsxRuntime.jsx(
+          TableHeaderRow,
           {
-            className: "group hover:bg-gray-50 transition-colors",
-            children: [
-              idColumn && /* @__PURE__ */ jsxRuntime.jsx(
-                "td",
-                {
-                  className: "px-6 py-4 whitespace-nowrap text-sm text-gray-900 sticky left-0 z-10 bg-white group-hover:bg-gray-50 transition-colors border-r border-gray-200",
-                  style: {
-                    minWidth: `${idColumnWidth}px`,
-                    maxWidth: `${idColumnWidth}px`
-                  },
-                  children: idColumn.render ? safeRender(
-                    idColumn.render(item[idColumn.key], item)
-                  ) : String(item[idColumn.key] || "")
-                }
-              ),
-              otherColumns.map((col) => /* @__PURE__ */ jsxRuntime.jsx(
-                "td",
-                {
-                  className: "px-6 py-4 whitespace-nowrap text-sm text-gray-900",
-                  children: col.render ? safeRender(col.render(item[col.key], item)) : String(item[col.key] || "")
-                },
-                col.key
-              )),
-              actions && actions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-                "td",
-                {
-                  className: "px-6 py-4 whitespace-nowrap text-sm sticky right-0 z-10 bg-white group-hover:bg-gray-50 transition-colors border-l border-gray-200",
-                  style: { minWidth: `${actionsColumnMinWidth}px` },
-                  children: actionStyle === "link" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-3", children: actions.map((action, idx) => {
-                    const hrefValue = typeof action.href === "function" ? action.href(item) : action.href;
-                    const isDelete = action.method === "delete";
-                    action.dialog || hrefValue.includes("dialog=true");
-                    return /* @__PURE__ */ jsxRuntime.jsx(
-                      "a",
-                      {
-                        href: hrefValue,
-                        className: `text-sm ${isDelete ? "text-red-600 hover:text-red-800" : "text-blue-600 hover:text-blue-800"} hover:underline`,
-                        "hx-get": !isDelete ? hrefValue : void 0,
-                        "hx-delete": isDelete ? hrefValue : void 0,
-                        "hx-confirm": isDelete ? "\u786E\u5B9A\u5220\u9664\u5417\uFF1F" : void 0,
-                        children: action.label
-                      },
-                      idx
-                    );
-                  }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2 flex-wrap", children: actions.map((action, idx) => /* @__PURE__ */ jsxRuntime.jsx(
-                    ActionButton,
-                    {
-                      label: action.label,
-                      href: action.href,
-                      method: action.method,
-                      className: action.class,
-                      item
-                    },
-                    idx
-                  )) })
-                }
-              )
-            ]
+            columns,
+            idColumn,
+            otherColumns,
+            hasActions
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: STYLES.table.tbody, children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+          TableRow,
+          {
+            item,
+            idColumn,
+            otherColumns,
+            actions,
+            actionStyle
           },
           item.id
         )) })
@@ -5528,6 +5555,13 @@ var ListPageModule = class extends PageModule {
     }
     return false;
   }
+  /**
+   * 获取字段标签（可选）
+   * 子类可以重写此方法来自定义字段的中文标签
+   */
+  getFieldLabel(field) {
+    return field;
+  }
   /**
    * 自定义列渲染（可选）
    * 子类可以重写此方法来自定义列的渲染逻辑
@@ -5607,7 +5641,7 @@ var ListPageModule = class extends PageModule {
     const tableTitle = this.getTableTitle ? this.getTableTitle() : pageTitle;
     const columns = result.items.length > 0 ? Object.keys(result.items[0]).map((key) => ({
       key,
-      label: key,
+      label: this.getFieldLabel ? this.getFieldLabel(key) : key,
       render: this.renderColumn ? (value, item) => this.renderColumn(key, value, item) : void 0
     })) : [];
     const actions = this.getActions && result.items.length > 0 ? this.getActions(result.items[0]) : [];
@@ -6610,6 +6644,9 @@ var HtmxAdminPlugin = class {
    * 检查并注册模块
    */
   checkAndRegisterModules(modules) {
+    modules = modules.filter(
+      (module) => module.clazz instanceof PageModule || module.clazz.prototype instanceof PageModule
+    );
     for (const module of modules) {
       const options = module.options;
       const moduleClass = module.clazz;
@@ -6688,31 +6725,25 @@ var HtmxAdminPlugin = class {
             description: moduleInfo.options.description ?? ""
           }
         });
-        if (type === "list") {
-          this.hono.get(`${basePath}/list`, async (ctx) => {
-            return routeHandler.handle(ctx);
-          });
-        } else if (type === "detail") {
-          this.hono.get(`${basePath}/detail/:id`, async (ctx) => {
-            return routeHandler.handle(ctx);
-          });
-        } else if (type === "form") {
-          this.hono.get(`${basePath}/new`, async (ctx) => {
-            return routeHandler.handle(ctx);
-          });
-          this.hono.post(basePath, async (ctx) => {
-            return routeHandler.handle(ctx);
-          });
-          this.hono.put(`${basePath}/:id`, async (ctx) => {
-            return routeHandler.handle(ctx);
-          });
-          this.hono.delete(`${basePath}/:id`, async (ctx) => {
-            return routeHandler.handle(ctx);
-          });
-        } else if (type === "custom") {
-          this.hono.get(basePath, async (ctx) => {
-            return routeHandler.handle(ctx);
-          });
+        const routeConfig = {
+          list: [{ method: "get", path: `${basePath}/list` }],
+          detail: [{ method: "get", path: `${basePath}/detail/:id` }],
+          form: [
+            { method: "get", path: `${basePath}/new` },
+            { method: "get", path: `${basePath}/edit/:id` },
+            { method: "post", path: basePath },
+            { method: "put", path: `${basePath}/:id` },
+            { method: "delete", path: `${basePath}/:id` }
+          ],
+          custom: [{ method: "get", path: basePath }]
+        };
+        const routes = routeConfig[type];
+        for (const route of routes) {
+          logger_default.info(
+            `[HtmxAdminPlugin] Registering ${type} route: ${route.method.toUpperCase()} ${route.path}`
+          );
+          const handler = async (ctx) => routeHandler.handle(ctx);
+          this.hono[route.method](route.path, handler);
         }
       }
     }

package/dist/index.mjs

@@ -3883,7 +3883,7 @@ var Button = (props) => {
   if (hxConfirm) htmxAttrs["hx-confirm"] = hxConfirm;
   if (hxHeaders) htmxAttrs["hx-headers"] = hxHeaders;
   const Tag = hxGet || hxPost || hxPut || hxDelete ? "a" : "button";
-  const href = hxGet || hxPost || hxPut || hxDelete ? rest.href !== void 0 ? rest.href : "#" : void 0;
+  const href = rest.href ?? hxGet ?? "#";
   return /* @__PURE__ */ jsx(
     Tag,
     {
@@ -4065,11 +4065,11 @@ var PathHelper = class {
   }
   /**
    * 编辑页动作
-   * 生成路径: {basePath}/{id}/edit
+   * 生成路径: {basePath}/edit/{id}
    * @param dialog 是否在对话框中打开
    */
   edit(id, dialog = false) {
-    const url = `${this.basePath}/${id}/edit`;
+    const url = `${this.basePath}/edit/${id}`;
     return dialog ? `${url}?dialog=true` : url;
   }
   /**
@@ -4752,25 +4752,20 @@ function validateFormDataWithSchema(schema, data) {
   }
 }
 var FormPageModule = class extends PageModule {
-  /** 数据源 */
-  datasource;
   /** ID 字段名（默认 "id"） */
   idField = "id";
   /** Zod Schema（可选，如果提供则自动生成表单字段和校验） */
   schema;
-  constructor(datasource, schema) {
+  constructor(schema) {
     super();
-    this.datasource = datasource;
     this.schema = schema;
   }
   /**
    * 获取单条数据（编辑时使用）
    */
   async getItem(id) {
-    if (!this.datasource || !this.datasource.getItem) {
-      return null;
-    }
-    return await this.datasource.getItem(id);
+    const datasource = this.getDatasource();
+    return await datasource.getItem?.(id) || null;
   }
   /**
    * 获取字段标签（可选）
@@ -4913,7 +4908,9 @@ var FormPageModule = class extends PageModule {
       return await this.renderFormPage(adminContext, null, false, body);
     }
     try {
-      const newItem = await this.datasource?.createItem?.(body);
+      const newItem = await this.getDatasource().createItem?.(
+        body
+      );
       const basePath = this.context.moduleMetadata.basePath;
       const hasDetail = this.context.moduleMetadata.hasDetail;
       const hasList = this.context.moduleMetadata.hasList;
@@ -5247,6 +5244,127 @@ var Pagination = (props) => {
     ] })
   ] });
 };
+var STYLES = {
+  header: {
+    container: "px-6 py-4 border-b border-gray-200 flex items-center justify-between",
+    title: "text-lg font-semibold text-gray-900",
+    actions: "flex gap-2"
+  },
+  table: {
+    container: "overflow-x-auto",
+    table: "min-w-full divide-y divide-gray-200",
+    thead: "bg-gray-50",
+    th: {
+      base: "px-6 py-3 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider whitespace-nowrap",
+      stickyLeft: "sticky left-0 z-20 bg-gray-50 border-r border-gray-200 whitespace-nowrap",
+      stickyRight: "sticky right-0 z-20 bg-gray-50 border-l border-gray-200 whitespace-nowrap"
+    },
+    tbody: "bg-white divide-y divide-gray-200",
+    tr: "group hover:bg-gray-50 transition-colors",
+    td: {
+      base: "px-6 py-4 whitespace-nowrap text-sm text-gray-900",
+      stickyLeft: "sticky left-0 z-10 bg-white group-hover:bg-gray-50 transition-colors border-r border-gray-200",
+      stickyRight: "sticky right-0 z-10 bg-white group-hover:bg-gray-50 transition-colors border-l border-gray-200"
+    }
+  },
+  actionLink: {
+    container: "flex gap-3",
+    base: "text-sm hover:underline",
+    default: "text-blue-600 hover:text-blue-800",
+    delete: "text-red-600 hover:text-red-800"
+  },
+  actionButton: "flex gap-2 flex-wrap"
+};
+function TableHeader(props) {
+  const { title, tableActions } = props;
+  const showHeader = title && title.trim() || tableActions && tableActions.length > 0;
+  if (!showHeader) return null;
+  return /* @__PURE__ */ jsxs("div", { className: STYLES.header.container, children: [
+    title && title.trim() ? /* @__PURE__ */ jsx("h3", { className: STYLES.header.title, children: title }) : /* @__PURE__ */ jsx("div", {}),
+    tableActions && tableActions.length > 0 && /* @__PURE__ */ jsx("div", { className: STYLES.header.actions, children: tableActions.map((action, idx) => /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: action.variant || "secondary",
+        href: action.href,
+        hxGet: action.hxGet,
+        hxPost: action.hxPost,
+        hxDelete: action.hxDelete,
+        hxConfirm: action.hxConfirm,
+        children: action.label
+      },
+      idx
+    )) })
+  ] });
+}
+function TableHeaderRow(props) {
+  const { idColumn, otherColumns, hasActions } = props;
+  return /* @__PURE__ */ jsxs("tr", { children: [
+    idColumn && /* @__PURE__ */ jsx("th", { className: `${STYLES.table.th.base} ${STYLES.table.th.stickyLeft}`, children: idColumn.label }),
+    otherColumns.map((col) => /* @__PURE__ */ jsx("th", { className: STYLES.table.th.base, children: col.label }, col.key)),
+    hasActions && /* @__PURE__ */ jsx(
+      "th",
+      {
+        className: `${STYLES.table.th.base} ${STYLES.table.th.stickyRight}`,
+        children: "\u64CD\u4F5C"
+      }
+    )
+  ] });
+}
+function TableCell(props) {
+  const { column, item, isSticky, stickyClass } = props;
+  const value = item[column.key];
+  const content = column.render ? safeRender(column.render(value, item)) : String(value || "");
+  const className = isSticky ? `${STYLES.table.td.base} ${stickyClass || ""}` : STYLES.table.td.base;
+  return /* @__PURE__ */ jsx("td", { className, children: content });
+}
+function ActionLink(props) {
+  const { action, item } = props;
+  const hrefValue = action.href(item);
+  const isDelete = action.method === "delete";
+  const className = `${STYLES.actionLink.base} ${isDelete ? STYLES.actionLink.delete : STYLES.actionLink.default}`;
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      href: hrefValue,
+      className,
+      "hx-get": !isDelete ? hrefValue : void 0,
+      "hx-delete": isDelete ? hrefValue : void 0,
+      "hx-confirm": isDelete ? "\u786E\u5B9A\u5220\u9664\u5417\uFF1F" : void 0,
+      children: action.label
+    }
+  );
+}
+function ActionCell(props) {
+  const { actions, item, actionStyle } = props;
+  if (!actions || actions.length === 0) return null;
+  return /* @__PURE__ */ jsx("td", { className: `${STYLES.table.td.base} ${STYLES.table.td.stickyRight}`, children: actionStyle === "link" ? /* @__PURE__ */ jsx("div", { className: STYLES.actionLink.container, children: actions.map((action, idx) => /* @__PURE__ */ jsx(ActionLink, { action, item }, idx)) }) : /* @__PURE__ */ jsx("div", { className: STYLES.actionButton, children: actions.map((action, idx) => /* @__PURE__ */ jsx(
+    ActionButton,
+    {
+      label: action.label,
+      href: action.href,
+      method: action.method,
+      className: action.class,
+      item
+    },
+    idx
+  )) }) });
+}
+function TableRow(props) {
+  const { item, idColumn, otherColumns, actions, actionStyle } = props;
+  return /* @__PURE__ */ jsxs("tr", { className: STYLES.table.tr, children: [
+    idColumn && /* @__PURE__ */ jsx(
+      TableCell,
+      {
+        column: idColumn,
+        item,
+        isSticky: true,
+        stickyClass: STYLES.table.td.stickyLeft
+      }
+    ),
+    otherColumns.map((col) => /* @__PURE__ */ jsx(TableCell, { column: col, item }, col.key)),
+    actions && actions.length > 0 && /* @__PURE__ */ jsx(ActionCell, { actions, item, actionStyle })
+  ] });
+}
 var Table = (props) => {
   const {
     items,
@@ -5259,119 +5377,28 @@ var Table = (props) => {
   } = props;
   const idColumn = columns.find((col) => col.key === "id");
   const otherColumns = columns.filter((col) => col.key !== "id");
-  const idColumnWidth = 80;
-  const actionsColumnMinWidth = actions && actions.length > 0 ? actions.length * 30 + 48 + (actions.length - 1) * 8 : 0;
-  const showHeader = title && title.trim() || tableActions && tableActions.length > 0;
-  const hasTitle = title && title.trim();
+  const hasActions = Boolean(actions && actions.length > 0);
   return /* @__PURE__ */ jsxs(Card, { shadow: true, noPadding: true, className: "overflow-hidden", children: [
-    showHeader && /* @__PURE__ */ jsxs("div", { className: "px-6 py-4 border-b border-gray-200 flex items-center justify-between", children: [
-      hasTitle ? /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-900", children: title }) : /* @__PURE__ */ jsx("div", {}),
-      tableActions && tableActions.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: tableActions.map((action, idx) => /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: action.variant || "secondary",
-          href: action.href,
-          hxGet: action.hxGet,
-          hxPost: action.hxPost,
-          hxDelete: action.hxDelete,
-          hxConfirm: action.hxConfirm,
-          children: action.label
-        },
-        idx
-      )) })
-    ] }),
+    /* @__PURE__ */ jsx(TableHeader, { title, tableActions }),
     items.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { message: "\u6682\u65E0\u6570\u636E" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full divide-y divide-gray-200", children: [
-        /* @__PURE__ */ jsx("thead", { className: "bg-gray-50", children: /* @__PURE__ */ jsxs("tr", { children: [
-          idColumn && /* @__PURE__ */ jsx(
-            "th",
-            {
-              className: "px-6 py-3 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider sticky left-0 z-20 bg-gray-50 border-r border-gray-200",
-              style: {
-                minWidth: `${idColumnWidth}px`,
-                maxWidth: `${idColumnWidth}px`
-              },
-              children: idColumn.label
-            }
-          ),
-          otherColumns.map((col) => /* @__PURE__ */ jsx(
-            "th",
-            {
-              className: "px-6 py-3 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider",
-              children: col.label
-            },
-            col.key
-          )),
-          actions && actions.length > 0 && /* @__PURE__ */ jsx(
-            "th",
-            {
-              className: "px-6 py-3 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider sticky right-0 z-20 bg-gray-50 border-l border-gray-200 whitespace-nowrap",
-              style: { minWidth: `${actionsColumnMinWidth}px` },
-              children: "\u64CD\u4F5C"
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsx("tbody", { className: "bg-white divide-y divide-gray-200", children: items.map((item, rowIndex) => /* @__PURE__ */ jsxs(
-          "tr",
+      /* @__PURE__ */ jsx("div", { className: STYLES.table.container, children: /* @__PURE__ */ jsxs("table", { className: STYLES.table.table, children: [
+        /* @__PURE__ */ jsx("thead", { className: STYLES.table.thead, children: /* @__PURE__ */ jsx(
+          TableHeaderRow,
           {
-            className: "group hover:bg-gray-50 transition-colors",
-            children: [
-              idColumn && /* @__PURE__ */ jsx(
-                "td",
-                {
-                  className: "px-6 py-4 whitespace-nowrap text-sm text-gray-900 sticky left-0 z-10 bg-white group-hover:bg-gray-50 transition-colors border-r border-gray-200",
-                  style: {
-                    minWidth: `${idColumnWidth}px`,
-                    maxWidth: `${idColumnWidth}px`
-                  },
-                  children: idColumn.render ? safeRender(
-                    idColumn.render(item[idColumn.key], item)
-                  ) : String(item[idColumn.key] || "")
-                }
-              ),
-              otherColumns.map((col) => /* @__PURE__ */ jsx(
-                "td",
-                {
-                  className: "px-6 py-4 whitespace-nowrap text-sm text-gray-900",
-                  children: col.render ? safeRender(col.render(item[col.key], item)) : String(item[col.key] || "")
-                },
-                col.key
-              )),
-              actions && actions.length > 0 && /* @__PURE__ */ jsx(
-                "td",
-                {
-                  className: "px-6 py-4 whitespace-nowrap text-sm sticky right-0 z-10 bg-white group-hover:bg-gray-50 transition-colors border-l border-gray-200",
-                  style: { minWidth: `${actionsColumnMinWidth}px` },
-                  children: actionStyle === "link" ? /* @__PURE__ */ jsx("div", { className: "flex gap-3", children: actions.map((action, idx) => {
-                    const hrefValue = typeof action.href === "function" ? action.href(item) : action.href;
-                    const isDelete = action.method === "delete";
-                    action.dialog || hrefValue.includes("dialog=true");
-                    return /* @__PURE__ */ jsx(
-                      "a",
-                      {
-                        href: hrefValue,
-                        className: `text-sm ${isDelete ? "text-red-600 hover:text-red-800" : "text-blue-600 hover:text-blue-800"} hover:underline`,
-                        "hx-get": !isDelete ? hrefValue : void 0,
-                        "hx-delete": isDelete ? hrefValue : void 0,
-                        "hx-confirm": isDelete ? "\u786E\u5B9A\u5220\u9664\u5417\uFF1F" : void 0,
-                        children: action.label
-                      },
-                      idx
-                    );
-                  }) }) : /* @__PURE__ */ jsx("div", { className: "flex gap-2 flex-wrap", children: actions.map((action, idx) => /* @__PURE__ */ jsx(
-                    ActionButton,
-                    {
-                      label: action.label,
-                      href: action.href,
-                      method: action.method,
-                      className: action.class,
-                      item
-                    },
-                    idx
-                  )) })
-                }
-              )
-            ]
+            columns,
+            idColumn,
+            otherColumns,
+            hasActions
+          }
+        ) }),
+        /* @__PURE__ */ jsx("tbody", { className: STYLES.table.tbody, children: items.map((item) => /* @__PURE__ */ jsx(
+          TableRow,
+          {
+            item,
+            idColumn,
+            otherColumns,
+            actions,
+            actionStyle
           },
           item.id
         )) })
@@ -5503,6 +5530,13 @@ var ListPageModule = class extends PageModule {
     }
     return false;
   }
+  /**
+   * 获取字段标签（可选）
+   * 子类可以重写此方法来自定义字段的中文标签
+   */
+  getFieldLabel(field) {
+    return field;
+  }
   /**
    * 自定义列渲染（可选）
    * 子类可以重写此方法来自定义列的渲染逻辑
@@ -5582,7 +5616,7 @@ var ListPageModule = class extends PageModule {
     const tableTitle = this.getTableTitle ? this.getTableTitle() : pageTitle;
     const columns = result.items.length > 0 ? Object.keys(result.items[0]).map((key) => ({
       key,
-      label: key,
+      label: this.getFieldLabel ? this.getFieldLabel(key) : key,
       render: this.renderColumn ? (value, item) => this.renderColumn(key, value, item) : void 0
     })) : [];
     const actions = this.getActions && result.items.length > 0 ? this.getActions(result.items[0]) : [];
@@ -6585,6 +6619,9 @@ var HtmxAdminPlugin = class {
    * 检查并注册模块
    */
   checkAndRegisterModules(modules) {
+    modules = modules.filter(
+      (module) => module.clazz instanceof PageModule || module.clazz.prototype instanceof PageModule
+    );
     for (const module of modules) {
       const options = module.options;
       const moduleClass = module.clazz;
@@ -6663,31 +6700,25 @@ var HtmxAdminPlugin = class {
             description: moduleInfo.options.description ?? ""
           }
         });
-        if (type === "list") {
-          this.hono.get(`${basePath}/list`, async (ctx) => {
-            return routeHandler.handle(ctx);
-          });
-        } else if (type === "detail") {
-          this.hono.get(`${basePath}/detail/:id`, async (ctx) => {
-            return routeHandler.handle(ctx);
-          });
-        } else if (type === "form") {
-          this.hono.get(`${basePath}/new`, async (ctx) => {
-            return routeHandler.handle(ctx);
-          });
-          this.hono.post(basePath, async (ctx) => {
-            return routeHandler.handle(ctx);
-          });
-          this.hono.put(`${basePath}/:id`, async (ctx) => {
-            return routeHandler.handle(ctx);
-          });
-          this.hono.delete(`${basePath}/:id`, async (ctx) => {
-            return routeHandler.handle(ctx);
-          });
-        } else if (type === "custom") {
-          this.hono.get(basePath, async (ctx) => {
-            return routeHandler.handle(ctx);
-          });
+        const routeConfig = {
+          list: [{ method: "get", path: `${basePath}/list` }],
+          detail: [{ method: "get", path: `${basePath}/detail/:id` }],
+          form: [
+            { method: "get", path: `${basePath}/new` },
+            { method: "get", path: `${basePath}/edit/:id` },
+            { method: "post", path: basePath },
+            { method: "put", path: `${basePath}/:id` },
+            { method: "delete", path: `${basePath}/:id` }
+          ],
+          custom: [{ method: "get", path: basePath }]
+        };
+        const routes = routeConfig[type];
+        for (const route of routes) {
+          logger_default.info(
+            `[HtmxAdminPlugin] Registering ${type} route: ${route.method.toUpperCase()} ${route.path}`
+          );
+          const handler = async (ctx) => routeHandler.handle(ctx);
+          this.hono[route.method](route.path, handler);
         }
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "imean-service-engine",
-  "version": "2.2.0",
+  "version": "2.2.2",
   "description": "基于Hono的轻量级微服务引擎框架",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",