imean-service-engine-htmx-plugin 2.4.0 → 2.5.0

package/dist/index.d.mts

@@ -1066,4 +1066,41 @@ interface TagsEditorProps {
  */
 declare function TagsEditor(props: TagsEditorProps): hono_jsx_jsx_dev_runtime.JSX.Element;
 
-export { type AuthProvider, BaseFeature, ComponentContext, CustomFeature, DefaultCreateFeature, DefaultDeleteFeature, DefaultDetailFeature, DefaultEditFeature, DefaultListFeature, Dialog, type DialogProps, type DialogSize, ErrorAlert, type ErrorAlertProps, type Feature, type FeatureContext, type FeatureType, type FieldMetadata, HtmxAdminPlugin, type HtmxAdminPluginOptions, HtmxComponent, type ListParams, type ListResult, LoadingBar, Method, type NavItemConfig, type Notification, type NotificationType, ObjectEditor, type ObjectEditorProps, type PageMetadata, PageModel, type PermissionResult, RenderContext, StringArrayEditor, type StringArrayEditorProps, TagsEditor, type TagsEditorProps, type UserInfo, checkUserPermission, getUserInfo, modelNameToPath, parseListParams };
+/**
+ * 可拖拽排序列表组件
+ * 使用 HTML5 原生拖放 API 实现拖拽排序
+ *
+ * 设计原则：
+ * - 使用 Alpine.js 管理状态和事件处理
+ * - 使用 HTML5 原生拖放 API（draggable、x-on:dragstart、x-on:dragover、x-on:drop）
+ * - 高阶组件，可以包裹任何子元素
+ * - 使用事件委托，在容器上统一处理所有拖拽事件
+ * - 所有事件处理使用 Alpine.js 声明式语法
+ */
+interface SortableListProps {
+    /** 子元素 */
+    children: any;
+    /** 自定义类名 */
+    className?: string;
+    /** 拖拽手柄选择器（可选，如果提供，只有手柄可拖拽） */
+    handle?: string;
+    /** 拖拽时的样式类名（可选） */
+    draggingClass?: string;
+    /** 拖拽悬停时的样式类名（可选） */
+    dragOverClass?: string;
+    /** 排序变化回调（可选） */
+    onSortableChange?: (detail: {
+        oldIndex: number;
+        newIndex: number;
+    }) => void;
+    /** 其他属性 */
+    [key: string]: any;
+}
+/**
+ * 可拖拽排序列表组件
+ * 使用 HTML5 原生拖放 API 和 Alpine.js 声明式语法
+ * 使用事件委托在容器上统一处理所有拖拽事件
+ */
+declare function SortableList(props: SortableListProps): hono_jsx_jsx_dev_runtime.JSX.Element;
+
+export { type AuthProvider, BaseFeature, ComponentContext, CustomFeature, DefaultCreateFeature, DefaultDeleteFeature, DefaultDetailFeature, DefaultEditFeature, DefaultListFeature, Dialog, type DialogProps, type DialogSize, ErrorAlert, type ErrorAlertProps, type Feature, type FeatureContext, type FeatureType, type FieldMetadata, HtmxAdminPlugin, type HtmxAdminPluginOptions, HtmxComponent, type ListParams, type ListResult, LoadingBar, Method, type NavItemConfig, type Notification, type NotificationType, ObjectEditor, type ObjectEditorProps, type PageMetadata, PageModel, type PermissionResult, RenderContext, SortableList, StringArrayEditor, type StringArrayEditorProps, TagsEditor, type TagsEditorProps, type UserInfo, checkUserPermission, getUserInfo, modelNameToPath, parseListParams };

package/dist/index.d.ts

@@ -1066,4 +1066,41 @@ interface TagsEditorProps {
  */
 declare function TagsEditor(props: TagsEditorProps): hono_jsx_jsx_dev_runtime.JSX.Element;
 
-export { type AuthProvider, BaseFeature, ComponentContext, CustomFeature, DefaultCreateFeature, DefaultDeleteFeature, DefaultDetailFeature, DefaultEditFeature, DefaultListFeature, Dialog, type DialogProps, type DialogSize, ErrorAlert, type ErrorAlertProps, type Feature, type FeatureContext, type FeatureType, type FieldMetadata, HtmxAdminPlugin, type HtmxAdminPluginOptions, HtmxComponent, type ListParams, type ListResult, LoadingBar, Method, type NavItemConfig, type Notification, type NotificationType, ObjectEditor, type ObjectEditorProps, type PageMetadata, PageModel, type PermissionResult, RenderContext, StringArrayEditor, type StringArrayEditorProps, TagsEditor, type TagsEditorProps, type UserInfo, checkUserPermission, getUserInfo, modelNameToPath, parseListParams };
+/**
+ * 可拖拽排序列表组件
+ * 使用 HTML5 原生拖放 API 实现拖拽排序
+ *
+ * 设计原则：
+ * - 使用 Alpine.js 管理状态和事件处理
+ * - 使用 HTML5 原生拖放 API（draggable、x-on:dragstart、x-on:dragover、x-on:drop）
+ * - 高阶组件，可以包裹任何子元素
+ * - 使用事件委托，在容器上统一处理所有拖拽事件
+ * - 所有事件处理使用 Alpine.js 声明式语法
+ */
+interface SortableListProps {
+    /** 子元素 */
+    children: any;
+    /** 自定义类名 */
+    className?: string;
+    /** 拖拽手柄选择器（可选，如果提供，只有手柄可拖拽） */
+    handle?: string;
+    /** 拖拽时的样式类名（可选） */
+    draggingClass?: string;
+    /** 拖拽悬停时的样式类名（可选） */
+    dragOverClass?: string;
+    /** 排序变化回调（可选） */
+    onSortableChange?: (detail: {
+        oldIndex: number;
+        newIndex: number;
+    }) => void;
+    /** 其他属性 */
+    [key: string]: any;
+}
+/**
+ * 可拖拽排序列表组件
+ * 使用 HTML5 原生拖放 API 和 Alpine.js 声明式语法
+ * 使用事件委托在容器上统一处理所有拖拽事件
+ */
+declare function SortableList(props: SortableListProps): hono_jsx_jsx_dev_runtime.JSX.Element;
+
+export { type AuthProvider, BaseFeature, ComponentContext, CustomFeature, DefaultCreateFeature, DefaultDeleteFeature, DefaultDetailFeature, DefaultEditFeature, DefaultListFeature, Dialog, type DialogProps, type DialogSize, ErrorAlert, type ErrorAlertProps, type Feature, type FeatureContext, type FeatureType, type FieldMetadata, HtmxAdminPlugin, type HtmxAdminPluginOptions, HtmxComponent, type ListParams, type ListResult, LoadingBar, Method, type NavItemConfig, type Notification, type NotificationType, ObjectEditor, type ObjectEditorProps, type PageMetadata, PageModel, type PermissionResult, RenderContext, SortableList, StringArrayEditor, type StringArrayEditorProps, TagsEditor, type TagsEditorProps, type UserInfo, checkUserPermission, getUserInfo, modelNameToPath, parseListParams };

package/dist/index.js

@@ -631,7 +631,7 @@ function renderFormField(field, initialData, formFieldRenderers) {
             name: field.name,
             required: field.required,
             placeholder: field.placeholder || (isJsonString(value) ? "JSON \u683C\u5F0F\u6570\u636E" : ""),
-            rows: isJsonString(value) ? 10 : 4,
+            rows: isJsonString(value) ? Math.max(10, value.split("\n").length) : Math.max(5, Math.ceil(value.length / 100)),
             className: "w-full px-4 py-2.5 border border-gray-300 rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200 resize-y font-mono text-sm",
             "data-testid": `input-${field.name}`,
             children: isJsonString(value) ? formatJsonString(value) : value
@@ -5640,6 +5640,7 @@ exports.Method = Method;
 exports.ObjectEditor = ObjectEditor;
 exports.PageModel = PageModel;
 exports.RenderContext = RenderContext;
+exports.SortableList = SortableList;
 exports.StringArrayEditor = StringArrayEditor;
 exports.TagsEditor = TagsEditor;
 exports.checkUserPermission = checkUserPermission;

package/dist/index.mjs

@@ -629,7 +629,7 @@ function renderFormField(field, initialData, formFieldRenderers) {
             name: field.name,
             required: field.required,
             placeholder: field.placeholder || (isJsonString(value) ? "JSON \u683C\u5F0F\u6570\u636E" : ""),
-            rows: isJsonString(value) ? 10 : 4,
+            rows: isJsonString(value) ? Math.max(10, value.split("\n").length) : Math.max(5, Math.ceil(value.length / 100)),
             className: "w-full px-4 py-2.5 border border-gray-300 rounded-lg shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200 resize-y font-mono text-sm",
             "data-testid": `input-${field.name}`,
             children: isJsonString(value) ? formatJsonString(value) : value
@@ -5621,4 +5621,4 @@ var HtmxAdminPlugin = class {
   }
 };
 
-export { BaseFeature, ComponentContext, CustomFeature, DefaultCreateFeature, DefaultDeleteFeature, DefaultDetailFeature, DefaultEditFeature, DefaultListFeature, Dialog, ErrorAlert, HtmxAdminPlugin, HtmxComponent, LoadingBar, Method, ObjectEditor, PageModel, RenderContext, StringArrayEditor, TagsEditor, checkUserPermission, getUserInfo, modelNameToPath, parseListParams };
+export { BaseFeature, ComponentContext, CustomFeature, DefaultCreateFeature, DefaultDeleteFeature, DefaultDetailFeature, DefaultEditFeature, DefaultListFeature, Dialog, ErrorAlert, HtmxAdminPlugin, HtmxComponent, LoadingBar, Method, ObjectEditor, PageModel, RenderContext, SortableList, StringArrayEditor, TagsEditor, checkUserPermission, getUserInfo, modelNameToPath, parseListParams };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "imean-service-engine-htmx-plugin",
-  "version": "2.4.0",
+  "version": "2.5.0",
   "description": "HtmxAdminPlugin for IMean Service Engine",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",