cc1-form 1.3.7 → 1.3.9

package/dist/components/TCurd/index.vue.d.ts

@@ -10,6 +10,7 @@ import Expand from './icon/Expand.vue';
 import IconRefresh from './icon/refresh.vue';
 import type { CurdConfig } from './indexType';
 import TableColumn from './tableColumn.vue';
+import questionFilled from './icon/questionFilled.vue';
 declare const EDialog: {
     Add: any;
     Update: any;
@@ -1378,13 +1379,127 @@ declare const conf: {
                 list: any[];
             };
         };
+        sortable: {
+            mode: boolean;
+            actionLoading: boolean;
+            instance: {
+                destroy: () => void;
+            } | undefined;
+            modulePromise: {
+                then: <TResult1 = any, TResult2 = never>(onfulfilled?: ((value: any) => TResult1 | PromiseLike<TResult1>) | null | undefined, onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null | undefined) => Promise<TResult1 | TResult2>;
+                catch: <TResult = never>(onrejected?: ((reason: any) => TResult | PromiseLike<TResult>) | null | undefined) => Promise<any>;
+                finally: (onfinally?: (() => void) | null | undefined) => Promise<any>;
+                readonly [Symbol.toStringTag]: string;
+            } | undefined;
+            getOption: () => Partial<{
+                [key: string]: any;
+                show: boolean;
+                button: boolean;
+                saveButton: boolean;
+                tipText: string;
+                width: any;
+                label: string;
+                fixed: "left" | "right";
+                page: boolean;
+                scroll: boolean;
+                field: string;
+                onEnd: (data: any[]) => any;
+                rule: "index" | "value";
+                api: Partial<{
+                    list: (param?: any, type?: "sortable") => any;
+                    update?: ((param?: any[] | undefined, type?: "sortable") => any) | undefined;
+                }>;
+            }>;
+            showTriggerButton: () => boolean | undefined;
+            showActionButton: () => boolean | undefined;
+            showSaveButton: () => boolean | undefined;
+            isActive: () => boolean;
+            showPagination: () => boolean | undefined;
+            disableScroll: () => boolean;
+            getTableBindOption: () => {
+                height?: undefined;
+                maxHeight?: undefined;
+                editMode?: boolean | undefined;
+                rowKey?: string | undefined;
+                border?: boolean | undefined;
+                index?: boolean | Partial<{
+                    [key: string]: any;
+                    show: boolean | ((data: any) => boolean);
+                    on: any;
+                }> | ((data: any) => boolean) | undefined;
+                sortable?: Partial<{
+                    [key: string]: any;
+                    show: boolean;
+                    button: boolean;
+                    saveButton: boolean;
+                    tipText: string;
+                    width: any;
+                    label: string;
+                    fixed: "left" | "right";
+                    page: boolean;
+                    scroll: boolean;
+                    field: string;
+                    onEnd: (data: any[]) => any;
+                    rule: "index" | "value";
+                    api: Partial<{
+                        list: (param?: any, type?: "sortable") => any;
+                        update?: ((param?: any[] | undefined, type?: "sortable") => any) | undefined;
+                    }>;
+                }> | undefined;
+                selectable?: boolean | Partial<{
+                    [key: string]: any;
+                    show: boolean | ((data: any) => boolean);
+                    on: any;
+                }> | ((data: any) => boolean) | undefined;
+                column?: import("./indexType").CurdConfigColumn<any>[] | undefined;
+                showOverflowTooltip?: boolean | undefined;
+                showSummary?: boolean | undefined;
+                summaryMethod?: ((data: {
+                    columns: any[];
+                    data: any[];
+                }) => any[]) | undefined;
+                inlineEdit?: boolean | undefined;
+                operate?: {
+                    [key: string]: any;
+                    width?: any;
+                } | undefined;
+                add?: boolean | ((data: any) => boolean) | undefined;
+                update?: boolean | ((data: any) => boolean) | undefined;
+                delete?: boolean | ((data: any) => boolean) | undefined;
+                view?: boolean | ((data: any) => boolean) | undefined;
+                on?: Record<string, any> | undefined;
+                fitHeight?: boolean | undefined;
+            };
+            getColumnBind: () => {
+                [x: string]: any;
+            };
+            destroy: () => void;
+            getBody: () => HTMLElement | null;
+            loadModule: () => Promise<any>;
+            applyRule: (data: any[], field: string, rule: "index" | "value", values: any[]) => void;
+            sync: () => Promise<void>;
+            refreshList: () => Promise<void>;
+            fitHeight: boolean;
+            start: () => Promise<void>;
+            exit: () => Promise<void>;
+            save: () => Promise<void>;
+            command: (command: "save" | "exit") => Promise<void>;
+        };
         header: {
             group: {
                 expand: boolean;
                 toggleExpandAll: () => void;
             };
         };
-        getList: () => Promise<void>;
+        parseListResult: (res: any) => Promise<{
+            data: any;
+            total: any;
+        }>;
+        applyListResult: (res: any, total?: number) => Promise<{
+            data: any;
+            total: any;
+        }>;
+        getList: (type?: "sortable") => Promise<void>;
         selection: {
             list: any[];
             change: (selection: any[]) => void;
@@ -1890,6 +2005,25 @@ declare const conf: {
                 show?: boolean | ((data: any) => boolean) | undefined;
                 on?: any;
             } | undefined;
+            sortable?: {
+                [x: string]: any;
+                show?: boolean | undefined;
+                button?: boolean | undefined;
+                saveButton?: boolean | undefined;
+                tipText?: string | undefined;
+                width?: any;
+                label?: string | undefined;
+                fixed?: "left" | "right" | undefined;
+                page?: boolean | undefined;
+                scroll?: boolean | undefined;
+                field?: string | undefined;
+                onEnd?: ((data: any[]) => any) | undefined;
+                rule?: "index" | "value" | undefined;
+                api?: {
+                    list?: ((param?: any, type?: "sortable") => any) | undefined;
+                    update?: ((param?: any[] | undefined, type?: "sortable") => any) | undefined;
+                } | undefined;
+            } | undefined;
             selectable?: boolean | ((data: any) => boolean) | {
                 [x: string]: any;
                 show?: boolean | ((data: any) => boolean) | undefined;
@@ -2795,9 +2929,9 @@ declare const conf: {
             } | undefined;
         }[];
         api: {
-            list: (param?: any) => any;
+            list: (param?: any, type?: "sortable") => any;
             create?: ((param?: any) => any) | undefined;
-            update?: ((param?: any, type?: "switch") => any) | undefined;
+            update?: ((param?: any, type?: "switch" | "sortable") => any) | undefined;
             delete?: ((param?: ({
                 items: any[];
             } & Record<string, any>) | undefined) => any) | undefined;
@@ -2832,13 +2966,13 @@ declare var __VLS_1: {}, __VLS_7: {
     row: Record<string, any>;
 }, __VLS_61: {
     row: Record<string, any>;
-}, __VLS_123: {}, __VLS_125: {}, __VLS_173: string | number, __VLS_174: any, __VLS_180: {}, __VLS_186: {
+}, __VLS_123: {}, __VLS_125: {}, __VLS_213: {}, __VLS_226: string | number, __VLS_227: any, __VLS_233: {}, __VLS_239: {
     row: any;
-}, __VLS_204: {
+}, __VLS_257: {
     row: any;
-}, __VLS_238: {
+}, __VLS_291: {
     row: any;
-}, __VLS_249: {}, __VLS_255: {
+}, __VLS_302: {}, __VLS_308: {
     row: {
         title: string;
         rules: any;
@@ -3728,10 +3862,10 @@ declare var __VLS_1: {}, __VLS_7: {
         submit: () => Promise<void>;
         close: () => void;
     };
-}, __VLS_267: string | number, __VLS_268: {
+}, __VLS_320: string | number, __VLS_321: {
     row: Record<string, any>;
     item: import("./indexType").CurdConfigColumn<any>;
-}, __VLS_270: {
+}, __VLS_323: {
     row: {
         title: string;
         rules: any;
@@ -4621,7 +4755,7 @@ declare var __VLS_1: {}, __VLS_7: {
         submit: () => Promise<void>;
         close: () => void;
     };
-}, __VLS_276: {
+}, __VLS_329: {
     row: {
         title: string;
         rules: any;
@@ -5523,9 +5657,9 @@ type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$
 } & {
     [K in NonNullable<typeof __VLS_36>]?: (props: typeof __VLS_37) => any;
 } & {
-    [K in NonNullable<typeof __VLS_173>]?: (props: typeof __VLS_174) => any;
+    [K in NonNullable<typeof __VLS_226>]?: (props: typeof __VLS_227) => any;
 } & {
-    [K in NonNullable<typeof __VLS_267>]?: (props: typeof __VLS_268) => any;
+    [K in NonNullable<typeof __VLS_320>]?: (props: typeof __VLS_321) => any;
 } & {
     'box-left'?: (props: typeof __VLS_1) => any;
 } & {
@@ -5539,21 +5673,23 @@ type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$
 } & {
     'tools-right'?: (props: typeof __VLS_125) => any;
 } & {
-    'table-header-op'?: (props: typeof __VLS_180) => any;
+    'table-header-sortable'?: (props: typeof __VLS_213) => any;
 } & {
-    'table-op-left'?: (props: typeof __VLS_186) => any;
+    'table-header-op'?: (props: typeof __VLS_233) => any;
 } & {
-    'table-op-edit-right'?: (props: typeof __VLS_204) => any;
+    'table-op-left'?: (props: typeof __VLS_239) => any;
 } & {
-    'table-op-right'?: (props: typeof __VLS_238) => any;
+    'table-op-edit-right'?: (props: typeof __VLS_257) => any;
 } & {
-    'box-right'?: (props: typeof __VLS_249) => any;
+    'table-op-right'?: (props: typeof __VLS_291) => any;
 } & {
-    'dialog-start'?: (props: typeof __VLS_255) => any;
+    'box-right'?: (props: typeof __VLS_302) => any;
 } & {
-    'dialog-end'?: (props: typeof __VLS_270) => any;
+    'dialog-start'?: (props: typeof __VLS_308) => any;
 } & {
-    'dialog-footer'?: (props: typeof __VLS_276) => any;
+    'dialog-end'?: (props: typeof __VLS_323) => any;
+} & {
+    'dialog-footer'?: (props: typeof __VLS_329) => any;
 }>;
 declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
@@ -5594,6 +5730,7 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
     Expand: typeof Expand;
     IconRefresh: typeof IconRefresh;
     TableColumn: typeof TableColumn;
+    questionFilled: typeof questionFilled;
     EDialog: typeof EDialog;
     isFun: typeof isFun;
     conf: typeof conf;
@@ -7005,13 +7142,127 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
                     list: any[];
                 };
             };
+            sortable: {
+                mode: boolean;
+                actionLoading: boolean;
+                instance: {
+                    destroy: () => void;
+                } | undefined;
+                modulePromise: {
+                    then: <TResult1 = any, TResult2 = never>(onfulfilled?: ((value: any) => TResult1 | PromiseLike<TResult1>) | null | undefined, onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null | undefined) => Promise<TResult1 | TResult2>;
+                    catch: <TResult = never>(onrejected?: ((reason: any) => TResult | PromiseLike<TResult>) | null | undefined) => Promise<any>;
+                    finally: (onfinally?: (() => void) | null | undefined) => Promise<any>;
+                    readonly [Symbol.toStringTag]: string;
+                } | undefined;
+                getOption: () => Partial<{
+                    [key: string]: any;
+                    show: boolean;
+                    button: boolean;
+                    saveButton: boolean;
+                    tipText: string;
+                    width: any;
+                    label: string;
+                    fixed: "left" | "right";
+                    page: boolean;
+                    scroll: boolean;
+                    field: string;
+                    onEnd: (data: any[]) => any;
+                    rule: "index" | "value";
+                    api: Partial<{
+                        list: (param?: any, type?: "sortable") => any;
+                        update?: ((param?: any[] | undefined, type?: "sortable") => any) | undefined;
+                    }>;
+                }>;
+                showTriggerButton: () => boolean | undefined;
+                showActionButton: () => boolean | undefined;
+                showSaveButton: () => boolean | undefined;
+                isActive: () => boolean;
+                showPagination: () => boolean | undefined;
+                disableScroll: () => boolean;
+                getTableBindOption: () => {
+                    height?: undefined;
+                    maxHeight?: undefined;
+                    editMode?: boolean | undefined;
+                    rowKey?: string | undefined;
+                    border?: boolean | undefined;
+                    index?: boolean | Partial<{
+                        [key: string]: any;
+                        show: boolean | ((data: any) => boolean);
+                        on: any;
+                    }> | ((data: any) => boolean) | undefined;
+                    sortable?: Partial<{
+                        [key: string]: any;
+                        show: boolean;
+                        button: boolean;
+                        saveButton: boolean;
+                        tipText: string;
+                        width: any;
+                        label: string;
+                        fixed: "left" | "right";
+                        page: boolean;
+                        scroll: boolean;
+                        field: string;
+                        onEnd: (data: any[]) => any;
+                        rule: "index" | "value";
+                        api: Partial<{
+                            list: (param?: any, type?: "sortable") => any;
+                            update?: ((param?: any[] | undefined, type?: "sortable") => any) | undefined;
+                        }>;
+                    }> | undefined;
+                    selectable?: boolean | Partial<{
+                        [key: string]: any;
+                        show: boolean | ((data: any) => boolean);
+                        on: any;
+                    }> | ((data: any) => boolean) | undefined;
+                    column?: import("./indexType").CurdConfigColumn<any>[] | undefined;
+                    showOverflowTooltip?: boolean | undefined;
+                    showSummary?: boolean | undefined;
+                    summaryMethod?: ((data: {
+                        columns: any[];
+                        data: any[];
+                    }) => any[]) | undefined;
+                    inlineEdit?: boolean | undefined;
+                    operate?: {
+                        [key: string]: any;
+                        width?: any;
+                    } | undefined;
+                    add?: boolean | ((data: any) => boolean) | undefined;
+                    update?: boolean | ((data: any) => boolean) | undefined;
+                    delete?: boolean | ((data: any) => boolean) | undefined;
+                    view?: boolean | ((data: any) => boolean) | undefined;
+                    on?: Record<string, any> | undefined;
+                    fitHeight?: boolean | undefined;
+                };
+                getColumnBind: () => {
+                    [x: string]: any;
+                };
+                destroy: () => void;
+                getBody: () => HTMLElement | null;
+                loadModule: () => Promise<any>;
+                applyRule: (data: any[], field: string, rule: "index" | "value", values: any[]) => void;
+                sync: () => Promise<void>;
+                refreshList: () => Promise<void>;
+                fitHeight: boolean;
+                start: () => Promise<void>;
+                exit: () => Promise<void>;
+                save: () => Promise<void>;
+                command: (command: "save" | "exit") => Promise<void>;
+            };
             header: {
                 group: {
                     expand: boolean;
                     toggleExpandAll: () => void;
                 };
             };
-            getList: () => Promise<void>;
+            parseListResult: (res: any) => Promise<{
+                data: any;
+                total: any;
+            }>;
+            applyListResult: (res: any, total?: number) => Promise<{
+                data: any;
+                total: any;
+            }>;
+            getList: (type?: "sortable") => Promise<void>;
             selection: {
                 list: any[];
                 change: (selection: any[]) => void;
@@ -7517,6 +7768,25 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
                     show?: boolean | ((data: any) => boolean) | undefined;
                     on?: any;
                 } | undefined;
+                sortable?: {
+                    [x: string]: any;
+                    show?: boolean | undefined;
+                    button?: boolean | undefined;
+                    saveButton?: boolean | undefined;
+                    tipText?: string | undefined;
+                    width?: any;
+                    label?: string | undefined;
+                    fixed?: "left" | "right" | undefined;
+                    page?: boolean | undefined;
+                    scroll?: boolean | undefined;
+                    field?: string | undefined;
+                    onEnd?: ((data: any[]) => any) | undefined;
+                    rule?: "index" | "value" | undefined;
+                    api?: {
+                        list?: ((param?: any, type?: "sortable") => any) | undefined;
+                        update?: ((param?: any[] | undefined, type?: "sortable") => any) | undefined;
+                    } | undefined;
+                } | undefined;
                 selectable?: boolean | ((data: any) => boolean) | {
                     [x: string]: any;
                     show?: boolean | ((data: any) => boolean) | undefined;
@@ -8422,9 +8692,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
                 } | undefined;
             }[];
             api: {
-                list: (param?: any) => any;
+                list: (param?: any, type?: "sortable") => any;
                 create?: ((param?: any) => any) | undefined;
-                update?: ((param?: any, type?: "switch") => any) | undefined;
+                update?: ((param?: any, type?: "switch" | "sortable") => any) | undefined;
                 delete?: ((param?: ({
                     items: any[];
                 } & Record<string, any>) | undefined) => any) | undefined;

package/dist/components/TCurd/indexType.d.ts

@@ -185,6 +185,45 @@ export interface CurdConfig<T = any> {
             /** 选择事件 */
             on: any;
         }> | ((data: T) => boolean) | boolean;
+        /**
+         * 是否显示拖动排序列
+         * 开启后会按需加载 Sortable，并支持拖动调整当前表格数据顺序
+         * 默认不显示
+         */
+        sortable: Partial<{
+            [key: string]: any;
+            /** 是否显示拖拽排序列 */
+            show: boolean;
+            /** 是否显示操作排序按钮，如果显示，使show属性失效，则默认不显示拖拽排序列，也不会直接加载sortablejs，点击排序按钮后才开始加载sortablejs */
+            button: boolean;
+            /** 是否显示保存排序按钮 - 默认开启 当button关闭时使用  */
+            saveButton: boolean;
+            /** 拖拽列提示文本 */
+            tipText: string;
+            /** 拖拽列宽度，默认54 */
+            width: any;
+            /** 拖拽列标题 */
+            label: string;
+            /** 拖拽列固定位置，默认left */
+            fixed: 'left' | 'right';
+            /** 排序时是否显示分页 - 默认不显示 */
+            page: boolean;
+            /** 没有分页时是否需要滚动条 - 默认没有 */
+            scroll: boolean;
+            /** 排序字段名 - 默认sortNo */
+            field: string;
+            /** 拖拽排序结束自定义排序，使rule字段失效 */
+            onEnd: (data: T[]) => any;
+            /** 排序规则 - index:按照当前索引自动从1开始排序 value:按照原有值重新分配排序 默认按照索引排序 */
+            rule: 'index' | 'value';
+            /** 操作的api */
+            api: Partial<{
+                /** 获取操作的列表数据 - 默认调用api.list，调用后会覆盖当前显示表格列表数据，会传入额外参数类型 */
+                list: (param?: T & Record<string, any>, type?: 'sortable') => any;
+                /** 更新操作的列表数据 - 仅在启用button时会调用 - 默认取api.update，调用后会覆盖当前显示表格列表数据，会传入额外参数类型 */
+                update?: (param?: T[], type?: 'sortable') => any;
+            }>;
+        }>;
         /**
          * 是否可多选 - 通过conf.table.selection.list获取已选数据
          * 默认不显示
@@ -389,7 +428,7 @@ export interface CurdConfig<T = any> {
          * @param param 搜索参数-分页和搜索参数
          * @returns 列表数据
          */
-        list: (param?: T & Record<string, any>) => any;
+        list: (param?: T & Record<string, any>, type?: 'sortable') => any;
         /**
          * 新增
          */
@@ -397,7 +436,7 @@ export interface CurdConfig<T = any> {
         /**
          * 编辑 - 如果有switch类型可以在table中直接修改并没有传入api接口，默认调用更新接口，会传入第二个参数type: 'switch'
          */
-        update?: (param?: T, type?: 'switch') => any;
+        update?: (param?: T | T[], type?: 'switch' | 'sortable') => any;
         /**
          * 删除
          */

package/dist/utils/TFormConfig.d.ts

@@ -251,6 +251,19 @@ export default class TFormConfig {
             };
             /** 是否填充剩余高度 默认填充 */
             fitHeight: boolean;
+            sortable: {
+                show: boolean;
+                button: boolean;
+                saveButton: boolean;
+                width: number;
+                label: string;
+                fixed: string;
+                page: boolean;
+                scroll: boolean;
+                field: string;
+                rule: "index" | "value";
+                api: {};
+            };
         };
         columnConfig: {
             type: any;

package/dist/utils/TFormI18n.d.ts

@@ -35,6 +35,12 @@ declare const curdI18n: {
     confirmSwitchMessage: string;
     mergeColumn: string;
     expandColumn: string;
+    sortable: string;
+    sortableStart: string;
+    sortableAction: string;
+    sortableSave: string;
+    sortableExit: string;
+    sortableUpdateApiRequired: string;
 };
 /**
  * 国际化管理，所有 TCurd 组件内部的文案均通过此类获取
@@ -113,6 +119,12 @@ export default class TFormI18n {
         confirmSwitchMessage: string;
         mergeColumn: string;
         expandColumn: string;
+        sortable: string;
+        sortableStart: string;
+        sortableAction: string;
+        sortableSave: string;
+        sortableExit: string;
+        sortableUpdateApiRequired: string;
     };
 }
 export {};

package/dist/utils/TSys.d.ts

@@ -58,6 +58,11 @@ export default class TSys {
      * 模块赋值
      */
     static moduleObj: any;
+    /**
+     * 设置模块
+     * @param configObj
+     */
+    static setModule: (configObj: any) => void;
     /**
      * 加载模块
      * @param module

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cc1-form",
-  "version": "1.3.7",
+  "version": "1.3.9",
   "description": "我来助你-表单组件库",
   "repository": {
     "type": "git",
@@ -47,6 +47,7 @@
   },
   "devDependencies": {
     "@types/node": "22.15.2",
+    "@types/sortablejs": "^1.15.9",
     "@vitejs/plugin-vue": "5.2.1",
     "@vue/tsconfig": "0.7.0",
     "cc1-js": "1.0.8",
@@ -54,6 +55,7 @@
     "element-plus": "2.9.7",
     "less": "4.3.0",
     "prettier": "3.2.5",
+    "sortablejs": "^1.15.7",
     "tsc-alias": "1.8.11",
     "tsx": "4.19.4",
     "typescript": "5.8.2",