znyg-frontend-common 1.0.74 → 1.0.76

package/es/components/znTable/index.d.ts

@@ -1060,7 +1060,429 @@ export declare const ZnTable: import("../../types").SFCWithInstall<import("vue")
     flatColumnsFunc: (columns: ColumnProps[], flatArr?: ColumnProps[]) => ColumnProps<any>[];
     searchColumns: import("vue").ComputedRef<ColumnProps<any>[]>;
     colRef: import("vue").Ref<any, any>;
-    colSetting: import("vue").ComputedRef<{
+    colSetting: import("vue").Ref<{
+        type?: import("./src/interface/index").TypeProps;
+        tag?: boolean;
+        isShow?: boolean;
+        isShowInView?: boolean;
+        search?: {
+            el?: import("./src/interface/index").SearchType;
+            label?: string;
+            props?: any;
+            key?: string;
+            tooltip?: string;
+            order?: number;
+            span?: number;
+            offset?: number;
+            defaultValue?: any;
+            render?: (scope: import("./src/interface/index").SearchRenderScope) => import("vue").VNode;
+            xs?: {
+                span?: number;
+                offset?: number;
+            };
+            sm?: {
+                span?: number;
+                offset?: number;
+            };
+            md?: {
+                span?: number;
+                offset?: number;
+            };
+            lg?: {
+                span?: number;
+                offset?: number;
+            };
+            xl?: {
+                span?: number;
+                offset?: number;
+            };
+        };
+        dictCode?: string;
+        enum?: import("./src/interface/index").EnumProps[] | ((params?: any) => Promise<any>) | {
+            [x: string]: any;
+            label?: string;
+            value?: string | number | boolean | any[];
+            disabled?: boolean;
+            tagType?: string;
+            children?: any[];
+        }[];
+        isFilterEnum?: boolean;
+        fieldNames?: {
+            label: string;
+            value: string;
+            children?: string;
+        };
+        headerRender?: (scope: import("./src/interface/index").HeaderRenderScope<any>) => import("vue").VNode;
+        render?: (scope: import("./src/interface/index").RenderScope<any>) => import("vue").VNode | string | `dateFormat@${string}`;
+        renderInView?: (scope: import("./src/interface/index").RenderScope<any>) => import("vue").VNode | string;
+        _children?: any[];
+        props?: {
+            [x: string]: any;
+            btns?: {
+                [x: string]: any;
+                name: string;
+                label: string;
+                type?: "primary" | "success" | "warning" | "danger" | "info" | "text";
+                size?: "large" | "default" | "small";
+                disabled?: boolean;
+                icon?: any;
+                show?: boolean | ((row: any) => boolean);
+            }[];
+            maxCount?: number;
+            moreText?: string;
+            minWidth?: string;
+        };
+        width?: string | number;
+        fixed?: boolean | string;
+        filters?: {
+            text: string;
+            value: string;
+        }[];
+        label?: string;
+        index?: number | ((index: number) => number);
+        minWidth?: string | number;
+        id?: string;
+        realWidth?: number;
+        className?: string;
+        labelClassName?: string;
+        property?: string;
+        prop?: string;
+        sortable?: boolean | string;
+        sortMethod?: (a: any, b: any) => number;
+        sortBy?: string | string[] | ((row: any, index: number) => string);
+        resizable?: boolean;
+        columnKey?: string;
+        rawColumnKey?: string;
+        align?: string;
+        headerAlign?: string;
+        showOverflowTooltip?: boolean | {
+            showArrow?: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            appendTo?: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>;
+            transition?: string;
+            effect?: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string) | (() => import("element-plus").PopperEffect) | ((new (...args: any[]) => string) | (() => import("element-plus").PopperEffect))[], unknown, unknown>;
+            enterable?: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+            popperClass?: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | any)[])[])[])[])[])[])[])[])[])[])[]) | ((new (...args: any[]) => string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | (string | {
+                [x: string]: boolean;
+            } | any)[])[])[])[])[])[])[])[])[])[])[]))[], unknown, unknown>;
+            offset?: number;
+            placement?: import("element-plus/es/utils").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown>;
+            popperOptions?: {
+                placement?: import("element-plus").Placement;
+                modifiers?: {
+                    name?: any;
+                    enabled?: boolean;
+                    phase?: import("@popperjs/core").ModifierPhases;
+                    requires?: Array<string>;
+                    requiresIfExists?: Array<string>;
+                    fn?: (arg0: import("@popperjs/core").ModifierArguments<any>) => import("@popperjs/core").State | void;
+                    effect?: (arg0: import("@popperjs/core").ModifierArguments<any>) => (() => void) | void;
+                    options?: Partial<any>;
+                    data?: import("@popperjs/core").Obj;
+                }[];
+                strategy?: import("@popperjs/core").PositioningStrategy;
+                onFirstUpdate?: (arg0: Partial<import("@popperjs/core").State>) => void;
+            };
+            showAfter?: number;
+            hideAfter?: number;
+        };
+        tooltipFormatter?: import("element-plus/es/components/table/src/util").TableOverflowTooltipFormatter<any>;
+        formatter?: (row: any, column: import("element-plus").TableColumnCtx<any>, cellValue: any, index: number) => import("vue").VNode | string;
+        selectable?: (row: any, index: number) => boolean;
+        reserveSelection?: boolean;
+        filterMethod?: import("element-plus/es/components/table/src/table-column/defaults").FilterMethods<any>;
+        filteredValue?: string[];
+        filterPlacement?: string;
+        filterMultiple?: boolean;
+        filterClassName?: string;
+        sortOrders?: ("ascending" | "descending" | null)[];
+        colSpan?: number;
+        rowSpan?: number;
+        level?: number;
+        filterable?: boolean | {
+            text: string;
+            value: string;
+        }[] | import("element-plus/es/components/table/src/table-column/defaults").FilterMethods<any>;
+        order?: string;
+        isColumnGroup?: boolean;
+        isSubColumn?: boolean;
+        columns?: {
+            id: string;
+            realWidth: number;
+            type: string;
+            label: string;
+            className: string;
+            labelClassName: string;
+            property: string;
+            prop: string;
+            width: string | number;
+            minWidth: string | number;
+            renderHeader: (data: {
+                column: import("element-plus").TableColumnCtx<any>;
+                $index: number;
+            }) => import("vue").VNode;
+            sortable: boolean | string;
+            sortMethod: (a: any, b: any) => number;
+            sortBy: string | string[] | ((row: any, index: number) => string);
+            resizable: boolean;
+            columnKey: string;
+            rawColumnKey: string;
+            align: string;
+            headerAlign: string;
+            showOverflowTooltip?: boolean | {
+                showArrow?: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                appendTo?: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>;
+                transition?: string;
+                effect?: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string) | (() => import("element-plus").PopperEffect) | ((new (...args: any[]) => string) | (() => import("element-plus").PopperEffect))[], unknown, unknown>;
+                enterable?: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                popperClass?: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | any)[])[])[])[])[])[])[])[])[])[])[]) | ((new (...args: any[]) => string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | (string | {
+                    [x: string]: boolean;
+                } | any)[])[])[])[])[])[])[])[])[])[])[]))[], unknown, unknown>;
+                offset?: number;
+                placement?: import("element-plus/es/utils").EpPropMergeType<StringConstructor, import("element-plus").Placement, unknown>;
+                popperOptions?: {
+                    placement?: import("element-plus").Placement;
+                    modifiers?: {
+                        name?: any;
+                        enabled?: boolean;
+                        phase?: import("@popperjs/core").ModifierPhases;
+                        requires?: Array<string>;
+                        requiresIfExists?: Array<string>;
+                        fn?: (arg0: import("@popperjs/core").ModifierArguments<any>) => import("@popperjs/core").State | void;
+                        effect?: (arg0: import("@popperjs/core").ModifierArguments<any>) => (() => void) | void;
+                        options?: Partial<any>;
+                        data?: import("@popperjs/core").Obj;
+                    }[];
+                    strategy?: import("@popperjs/core").PositioningStrategy;
+                    onFirstUpdate?: (arg0: Partial<import("@popperjs/core").State>) => void;
+                };
+                showAfter?: number;
+                hideAfter?: number;
+            };
+            tooltipFormatter?: import("element-plus/es/components/table/src/util").TableOverflowTooltipFormatter<any>;
+            fixed: boolean | string;
+            formatter: (row: any, column: import("element-plus").TableColumnCtx<any>, cellValue: any, index: number) => import("vue").VNode | string;
+            selectable: (row: any, index: number) => boolean;
+            reserveSelection: boolean;
+            filterMethod: import("element-plus/es/components/table/src/table-column/defaults").FilterMethods<any>;
+            filteredValue: string[];
+            filters: {
+                text: string;
+                value: string;
+            }[];
+            filterPlacement: string;
+            filterMultiple: boolean;
+            filterClassName: string;
+            index: number | ((index: number) => number);
+            sortOrders: ("ascending" | "descending" | null)[];
+            renderCell: (data: any) => void;
+            colSpan: number;
+            rowSpan: number;
+            children: any[];
+            level: number;
+            filterable: boolean | {
+                text: string;
+                value: string;
+            }[] | import("element-plus/es/components/table/src/table-column/defaults").FilterMethods<any>;
+            order: string;
+            isColumnGroup: boolean;
+            isSubColumn: boolean;
+            columns: any[];
+            getColumnIndex: () => number;
+            no: number;
+            filterOpened?: boolean;
+        }[];
+        getColumnIndex?: () => number;
+        no?: number;
+        filterOpened?: boolean;
+    }[], ColumnProps<any>[] | {
         type?: import("./src/interface/index").TypeProps;
         tag?: boolean;
         isShow?: boolean;
@@ -1483,8 +1905,11 @@ export declare const ZnTable: import("../../types").SFCWithInstall<import("vue")
         no?: number;
         filterOpened?: boolean;
     }[]>;
+    isUpdatingColumns: import("vue").Ref<boolean, boolean>;
+    initColSetting: () => void;
     updateTableColumns: (newColSetting: ColumnProps[]) => void;
     openColSetting: () => void;
+    closeColSetting: () => void;
     emit: (event: "search" | "reset" | "dragSort" | "handleOperateBtnsClick", ...args: any[]) => void;
     _search: () => void;
     _reset: () => void;
@@ -2774,11 +3199,13 @@ export declare const ZnTable: import("../../types").SFCWithInstall<import("vue")
             no?: number;
             filterOpened?: boolean;
         }[]>;
+        isUpdatingFromParent: import("vue").Ref<boolean, boolean>;
         updateTimer: number;
         safeEmit: (eventName: string, data: any) => void;
         debouncedUpdate: (data: ColumnProps[]) => void;
         initSortable: () => void;
         openColSetting: () => void;
+        closeColSetting: () => void;
         handleSwitchChange: () => void;
         readonly DCaret: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:colSetting" | "updateColumns")[], "update:colSetting" | "updateColumns", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/es/components/znTable/src/components/ColSetting.vue.d.ts

@@ -857,11 +857,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         no?: number;
         filterOpened?: boolean;
     }[]>;
+    isUpdatingFromParent: import("vue").Ref<boolean, boolean>;
     updateTimer: number;
     safeEmit: (eventName: string, data: any) => void;
     debouncedUpdate: (data: ColumnProps[]) => void;
     initSortable: () => void;
     openColSetting: () => void;
+    closeColSetting: () => void;
     handleSwitchChange: () => void;
     readonly DCaret: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:colSetting" | "updateColumns")[], "update:colSetting" | "updateColumns", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/es/components/znTable/src/components/ColSetting.vue2.mjs

@@ -1,10 +1,10 @@
-import{defineComponent as e,ref as l,getCurrentInstance as t,watch as a,nextTick as o,onUnmounted as n,resolveComponent as r,createElementBlock as s,openBlock as i,Fragment as d,createCommentVNode as c,createVNode as u,withCtx as m,createElementVNode as p,unref as f,normalizeClass as h,renderSlot as b}from"vue";import g from"../assets/notData.png.mjs";import y from"sortablejs";import{DCaret as v}from"@element-plus/icons-vue";var w=Object.defineProperty,S=(e,l)=>w(e,"name",{value:l,configurable:!0});const U={class:"col-setting-header",style:{display:"flex","align-items":"center"}},C=["id"],V={style:{display:"flex","align-items":"center"}},_={class:"table-main"};var x=e({__name:"ColSetting",props:{colSetting:{type:Array,required:!0}},emits:["update:colSetting","updateColumns"],setup(e,{expose:w,emit:x}){const O=e,T=x,k=l(!1),I=l();let J=null;const N=t(),j=l([]);let A=null;const E=S(((e,l)=>{if(N&&!N.isUnmounted)try{T(e,l)}catch(l){console.warn(`发送事件 ${e} 时出错:`,l)}else console.warn("组件已销毁，跳过事件发送",{hasInstance:!!N,isUnmounted:N?.isUnmounted})}),"safeEmit"),$=S((e=>{A&&clearTimeout(A),A=window.setTimeout((()=>{if(N&&!N.isUnmounted)try{const l=JSON.parse(JSON.stringify(e));E("update:colSetting",l),E("updateColumns",l)}catch(e){console.warn("更新数据时出错:",e)}}),100)}),"debouncedUpdate");a((()=>O.colSetting),(e=>{if(e&&Array.isArray(e))try{j.value=JSON.parse(JSON.stringify(e))}catch(l){console.warn("更新本地列设置时出错:",l),j.value=[...e]}}),{immediate:!0,deep:!0});const q=S((()=>{N&&!N.isUnmounted&&o((()=>{if(N&&!N.isUnmounted&&I.value)try{const e=I.value.$el?.querySelector("tbody");if(!e)return void console.warn("未找到tbody元素");if(J){try{J.destroy()}catch(e){console.warn("销毁sortable实例时出错:",e)}J=null}J=y.create(e,{handle:".drag-handle",animation:300,ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",forceFallback:!0,fallbackTolerance:3,
+import{defineComponent as e,ref as l,getCurrentInstance as t,watch as a,nextTick as o,onUnmounted as n,resolveComponent as r,createElementBlock as s,openBlock as i,Fragment as d,createCommentVNode as u,createVNode as c,withCtx as m,createElementVNode as p,unref as f,normalizeClass as h,renderSlot as v}from"vue";import g from"../assets/notData.png.mjs";import b from"sortablejs";import{DCaret as y}from"@element-plus/icons-vue";var w=Object.defineProperty,S=(e,l)=>w(e,"name",{value:l,configurable:!0});const U={class:"col-setting-header",style:{display:"flex","align-items":"center"}},C=["id"],V={style:{display:"flex","align-items":"center"}},_={class:"table-main"};var x=e({__name:"ColSetting",props:{colSetting:{type:Array,required:!0}},emits:["update:colSetting","updateColumns"],setup(e,{expose:w,emit:x}){const O=e,T=x,k=l(!1),I=l();let J=null;const N=t(),j=l([]),A=l(!1);let E=null;const $=S(((e,l)=>{if(N&&!N.isUnmounted)try{T(e,l)}catch(l){console.warn(`发送事件 ${e} 时出错:`,l)}else console.warn("组件已销毁，跳过事件发送",{hasInstance:!!N,isUnmounted:N?.isUnmounted})}),"safeEmit"),q=S((e=>{E&&clearTimeout(E),E=window.setTimeout((()=>{if(N&&!N.isUnmounted)try{const l=JSON.parse(JSON.stringify(e));$("updateColumns",l)}catch(e){console.warn("更新数据时出错:",e)}}),100)}),"debouncedUpdate");a((()=>O.colSetting),(e=>{if(e&&Array.isArray(e)){A.value=!0;try{j.value=JSON.parse(JSON.stringify(e))}catch(l){console.warn("更新本地列设置时出错:",l),j.value=[...e]}o((()=>{setTimeout((()=>{A.value=!1}),50)}))}}),{immediate:!0,deep:!0});const D=S((()=>{N&&!N.isUnmounted&&o((()=>{if(N&&!N.isUnmounted&&I.value)try{const e=I.value.$el?.querySelector("tbody");if(!e)return void console.warn("未找到tbody元素");if(J){try{J.destroy()}catch(e){console.warn("销毁sortable实例时出错:",e)}J=null}J=b.create(e,{handle:".drag-handle",animation:300,ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",forceFallback:!0,fallbackTolerance:3,
 // 禁用原生HTML5拖拽
-dragoverBubble:!1,removeCloneOnHide:!0,onStart:S((e=>{if(!e.item||!e.from||!N||N.isUnmounted)return!1}),"onStart"),onEnd:S((e=>{if(!N||N.isUnmounted)return;const{oldIndex:l,newIndex:t}=e;if(void 0!==l&&void 0!==t&&l!==t&&!(l<0||t<0||l>=j.value.length||t>=j.value.length))try{const e=[...j.value],a=e.splice(l,1)[0];a&&(e.splice(t,0,a),j.value=e,$(e))}catch(e){console.warn("拖拽排序时出错:",e)}}),"onEnd")})}catch(e){console.warn("初始化sortable时出错:",e)}}))}),"initSortable"),D=S((()=>{N&&!N.isUnmounted&&(k.value=!0,setTimeout((()=>{N&&!N.isUnmounted&&q()}),200))}),"openColSetting"),H=S((()=>{if(N&&!N.isUnmounted)try{$(j.value)}catch(e){console.warn("开关切换时出错:",e)}}),"handleSwitchChange");return a(k,(e=>{if(!e&&J)try{J.destroy(),J=null}catch(e){console.warn("关闭抽屉时销毁sortable实例出错:",e)}})),n((()=>{if(A&&(clearTimeout(A),A=null),J)try{J.destroy(),J=null}catch(e){console.warn("组件销毁时清理sortable实例出错:",e)}})),w({openColSetting:D}),(e,l)=>{const t=r("el-icon"),a=r("el-table-column"),o=r("el-switch"),n=r("el-table"),y=r("el-drawer");return i(),s(d,null,[c(" 列设置 "),u(y,{modelValue:k.value,"onUpdate:modelValue":l[0]||(l[0]=e=>k.value=e),title:"列设置",size:"450px"},{header:m((({close:l,titleId:t,titleClass:a})=>[p("div",U,[p("h4",{id:t,class:h(a)},"列设置",10,C),p("div",V,[c(" 列设置头部插槽 "),b(e.$slots,"colSettingHeader")])])])),default:m((()=>[p("div",_,[u(n,{ref_key:"tableRef",ref:I,data:j.value,border:!0,"row-key":"prop","default-expand-all":"","tree-props":{children:"_children"}},{empty:m((()=>l[1]||(l[1]=[p("div",{class:"table-empty"},[p("img",{src:g,alt:"notData"}),p("div",null,"暂无可配置列")],-1
-/* HOISTED */)]))),default:m((()=>[u(a,{align:"center",label:"拖拽",width:"60"},{default:m((()=>[u(t,{class:"drag-handle",style:{cursor:"move",color:"#409eff"}},{default:m((()=>[u(f(v))])),_:1
+dragoverBubble:!1,removeCloneOnHide:!0,onStart:S((e=>{if(!e.item||!e.from||!N||N.isUnmounted)return!1}),"onStart"),onEnd:S((e=>{if(!N||N.isUnmounted)return;if(A.value)return;const{oldIndex:l,newIndex:t}=e;if(void 0!==l&&void 0!==t&&l!==t&&!(l<0||t<0||l>=j.value.length||t>=j.value.length))try{const e=[...j.value],a=e.splice(l,1)[0];a&&(e.splice(t,0,a),j.value=e,q(e))}catch(e){console.warn("拖拽排序时出错:",e)}}),"onEnd")})}catch(e){console.warn("初始化sortable时出错:",e)}}))}),"initSortable"),H=S((()=>{N&&!N.isUnmounted&&(k.value=!0,setTimeout((()=>{N&&!N.isUnmounted&&D()}),200))}),"openColSetting"),z=S((()=>{N&&!N.isUnmounted&&(k.value=!1)}),"closeColSetting"),B=S((()=>{if(N&&!N.isUnmounted&&!A.value)try{q(j.value)}catch(e){console.warn("开关切换时出错:",e)}}),"handleSwitchChange");return a(k,(e=>{if(!e&&J)try{J.destroy(),J=null}catch(e){console.warn("关闭抽屉时销毁sortable实例出错:",e)}})),n((()=>{if(E&&(clearTimeout(E),E=null),J)try{J.destroy(),J=null}catch(e){console.warn("组件销毁时清理sortable实例出错:",e)}})),w({openColSetting:H,closeColSetting:z}),(e,l)=>{const t=r("el-icon"),a=r("el-table-column"),o=r("el-switch"),n=r("el-table"),b=r("el-drawer");return i(),s(d,null,[u(" 列设置 "),c(b,{modelValue:k.value,"onUpdate:modelValue":l[0]||(l[0]=e=>k.value=e),title:"列设置",size:"450px"},{header:m((({close:l,titleId:t,titleClass:a})=>[p("div",U,[p("h4",{id:t,class:h(a)},"列设置",10,C),p("div",V,[u(" 列设置头部插槽 "),v(e.$slots,"colSettingHeader")])])])),default:m((()=>[p("div",_,[c(n,{ref_key:"tableRef",ref:I,data:j.value,border:!0,"row-key":"prop","default-expand-all":"","tree-props":{children:"_children"}},{empty:m((()=>l[1]||(l[1]=[p("div",{class:"table-empty"},[p("img",{src:g,alt:"notData"}),p("div",null,"暂无可配置列")],-1
+/* HOISTED */)]))),default:m((()=>[c(a,{align:"center",label:"拖拽",width:"60"},{default:m((()=>[c(t,{class:"drag-handle",style:{cursor:"move",color:"#409eff"}},{default:m((()=>[c(f(y))])),_:1
 /* STABLE */})])),_:1
-/* STABLE */}),u(a,{prop:"label",align:"center",label:"列名"}),u(a,{prop:"isShow",align:"center",label:"显示"},{default:m((e=>[u(o,{modelValue:e.row.isShow,"onUpdate:modelValue":S((l=>e.row.isShow=l),"onUpdate:modelValue"),onChange:H},null,8,["modelValue","onUpdate:modelValue"])])),_:1
-/* STABLE */}),u(a,{prop:"sortable",align:"center",label:"排序"},{default:m((e=>[u(o,{modelValue:e.row.sortable,"onUpdate:modelValue":S((l=>e.row.sortable=l),"onUpdate:modelValue"),onChange:H},null,8,["modelValue","onUpdate:modelValue"])])),_:1
+/* STABLE */}),c(a,{prop:"label",align:"center",label:"列名"}),c(a,{prop:"isShow",align:"center",label:"显示"},{default:m((e=>[c(o,{modelValue:e.row.isShow,"onUpdate:modelValue":S((l=>e.row.isShow=l),"onUpdate:modelValue"),onChange:B},null,8,["modelValue","onUpdate:modelValue"])])),_:1
+/* STABLE */}),c(a,{prop:"sortable",align:"center",label:"排序"},{default:m((e=>[c(o,{modelValue:e.row.sortable,"onUpdate:modelValue":S((l=>e.row.sortable=l),"onUpdate:modelValue"),onChange:B},null,8,["modelValue","onUpdate:modelValue"])])),_:1
 /* STABLE */})])),_:1
 /* STABLE */},8,["data"])])])),_:3
 /* FORWARDED */},8,["modelValue"])],2112

package/es/components/znTable/src/components/ColSetting.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ColSetting.vue2.mjs","sources":["../../../../../../../packages/components/znTable/src/components/ColSetting.vue"],"sourcesContent":["<template>\n  <!-- 列设置 -->\n  <el-drawer v-model=\"drawerVisible\" title=\"列设置\" size=\"450px\">\n    <!-- 自定义头部 -->\n    <template #header=\"{ close, titleId, titleClass }\">\n      <div class=\"col-setting-header\" style=\"display: flex; align-items: center;\">\n        <h4 :id=\"titleId\" :class=\"titleClass\">列设置</h4>\n        <div style=\"display: flex; align-items: center;\">\n          <!-- 列设置头部插槽 -->\n          <slot name=\"colSettingHeader\"></slot>\n        </div>\n      </div>\n    </template>\n\n    <div class=\"table-main\">\n      <el-table ref=\"tableRef\" :data=\"localColSetting\" :border=\"true\" row-key=\"prop\" default-expand-all :tree-props=\"{ children: '_children' }\">\n        <el-table-column align=\"center\" label=\"拖拽\" width=\"60\">\n          <template #default>\n            <el-icon class=\"drag-handle\" style=\"cursor: move; color: #409eff\">\n              <DCaret />\n            </el-icon>\n          </template>\n        </el-table-column>\n        <el-table-column prop=\"label\" align=\"center\" label=\"列名\" />\n        <el-table-column v-slot=\"scope\" prop=\"isShow\" align=\"center\" label=\"显示\">\n          <el-switch v-model=\"scope.row.isShow\" @change=\"handleSwitchChange\"></el-switch>\n        </el-table-column>\n        <el-table-column v-slot=\"scope\" prop=\"sortable\" align=\"center\" label=\"排序\">\n          <el-switch v-model=\"scope.row.sortable\" @change=\"handleSwitchChange\"></el-switch>\n        </el-table-column>\n        <template #empty>\n          <div class=\"table-empty\">\n            <img src=\"../assets/notData.png\" alt=\"notData\" />\n            <div>暂无可配置列</div>\n          </div>\n        </template>\n      </el-table>\n    </div>\n  </el-drawer>\n</template>\n\n<script setup lang=\"ts\" name=\"ColSetting\">\n  import { nextTick, onMounted, onUnmounted, ref, watch, getCurrentInstance } from 'vue'\n  import Sortable from 'sortablejs'\n\n  import { ColumnProps } from '../interface'\n  import { DCaret } from '@element-plus/icons-vue'\n\n  const props = defineProps({\n  colSetting: { type: Array, required: true }\n})\n  const emit = defineEmits(['update:colSetting', 'updateColumns'])\n\n  const drawerVisible = ref<boolean>(false)\n  const tableRef = ref()\n  let sortableInstance: Sortable | null = null\n\n  // 获取当前组件实例，用于检查组件是否已销毁\n  const instance = getCurrentInstance()\n\n  // 添加本地状态\n  const localColSetting = ref<ColumnProps[]>([])\n\n  // 防抖标志\n  let updateTimer: number | null = null\n\n  // 安全的emit函数\n  const safeEmit = (eventName: string, data: any) => {\n    // console.log('safeEmit调用:', {\n    //   eventName,\n    //   hasInstance: !!instance,\n    //   isUnmounted: instance?.isUnmounted,\n    //   dataLength: Array.isArray(data) ? data.length : 'not array'\n    // })\n\n    // 检查组件实例是否还存在\n    if (!instance || instance.isUnmounted) {\n      console.warn('组件已销毁，跳过事件发送', {\n        hasInstance: !!instance,\n        isUnmounted: instance?.isUnmounted\n      })\n      return\n    }\n\n    try {\n      // console.log('正在发送事件:', eventName)\n      emit(eventName as any, data)\n      // console.log('事件发送成功:', eventName)\n    } catch (error) {\n      console.warn(`发送事件 ${eventName} 时出错:`, error)\n    }\n  }\n\n  // 防抖的更新函数\n  const debouncedUpdate = (data: ColumnProps[]) => {\n    // console.log('debouncedUpdate调用:', {\n    //   hasData: !!data,\n    //   dataLength: Array.isArray(data) ? data.length : 'not array',\n    //   hasTimer: !!updateTimer\n    // })\n\n    if (updateTimer) {\n      // console.log('清除之前的定时器')\n      clearTimeout(updateTimer)\n    }\n\n    updateTimer = window.setTimeout(() => {\n      // console.log('防抖定时器执行:', {\n      //   hasInstance: !!instance,\n      //   isUnmounted: instance?.isUnmounted\n      // })\n\n      if (!instance || instance.isUnmounted) {\n        // console.warn('防抖更新时组件已销毁')\n        return\n      }\n\n      try {\n        // 深拷贝数据避免响应式问题\n        const clonedData = JSON.parse(JSON.stringify(data))\n        // console.log('开始发送防抖更新事件')\n        safeEmit('update:colSetting', clonedData)\n        safeEmit('updateColumns', clonedData)\n      } catch (error) {\n        console.warn('更新数据时出错:', error)\n      }\n    }, 100) // 100ms防抖\n  }\n\n  // 监听 props 变化，更新本地状态\n  watch(\n    () => props.colSetting,\n    (newVal) => {\n      if (!newVal || !Array.isArray(newVal)) return\n\n      try {\n        localColSetting.value = JSON.parse(JSON.stringify(newVal))\n      } catch (error) {\n        console.warn('更新本地列设置时出错:', error)\n        localColSetting.value = [...newVal]\n      }\n    },\n    { immediate: true, deep: true }\n  )\n\n  // 初始化拖拽排序\n  const initSortable = () => {\n    if (!instance || instance.isUnmounted) {\n      return\n    }\n\n    nextTick(() => {\n      if (!instance || instance.isUnmounted || !tableRef.value) {\n        return\n      }\n\n      try {\n        const tbody = tableRef.value.$el?.querySelector('tbody')\n        if (!tbody) {\n          console.warn('未找到tbody元素')\n          return\n        }\n\n        // 销毁之前的实例\n        if (sortableInstance) {\n          try {\n            sortableInstance.destroy()\n          } catch (error) {\n            console.warn('销毁sortable实例时出错:', error)\n          }\n          sortableInstance = null\n        }\n\n        sortableInstance = Sortable.create(tbody, {\n          handle: '.drag-handle',\n          animation: 300,\n          ghostClass: 'sortable-ghost',\n          chosenClass: 'sortable-chosen',\n          dragClass: 'sortable-drag',\n          forceFallback: true,\n          fallbackTolerance: 3,\n          // 禁用原生HTML5拖拽\n          dragoverBubble: false,\n          removeCloneOnHide: true,\n          onStart: (evt) => {\n            if (!evt.item || !evt.from || !instance || instance.isUnmounted) {\n              return false\n            }\n          },\n          onEnd: (evt) => {\n            // 检查组件状态\n            if (!instance || instance.isUnmounted) {\n              return\n            }\n\n            const { oldIndex, newIndex } = evt\n\n            if (oldIndex === undefined || newIndex === undefined || oldIndex === newIndex) {\n              return\n            }\n\n            if (oldIndex < 0 || newIndex < 0 || oldIndex >= localColSetting.value.length || newIndex >= localColSetting.value.length) {\n              return\n            }\n\n            try {\n              const newData = [...localColSetting.value]\n              const movedItem = newData.splice(oldIndex, 1)[0]\n\n              if (movedItem) {\n                newData.splice(newIndex, 0, movedItem)\n                localColSetting.value = newData\n\n                // 使用防抖更新\n                debouncedUpdate(newData)\n              }\n            } catch (error) {\n              console.warn('拖拽排序时出错:', error)\n            }\n          }\n        })\n      } catch (error) {\n        console.warn('初始化sortable时出错:', error)\n      }\n    })\n  }\n\n  const openColSetting = () => {\n    if (!instance || instance.isUnmounted) {\n      return\n    }\n\n    drawerVisible.value = true\n\n    // 延迟初始化拖拽\n    setTimeout(() => {\n      if (!instance || instance.isUnmounted) {\n        return\n      }\n      initSortable()\n    }, 200)\n  }\n\n  const handleSwitchChange = () => {\n    // console.log('handleSwitchChange调用:', {\n    //   hasInstance: !!instance,\n    //   isUnmounted: instance?.isUnmounted,\n    //   localColSettingLength: localColSetting.value.length\n    // })\n\n    if (!instance || instance.isUnmounted) {\n      // console.warn('开关切换时组件已销毁')\n      return\n    }\n\n    try {\n      // console.log('开关切换，准备防抖更新')\n      // 使用防抖更新\n      debouncedUpdate(localColSetting.value)\n    } catch (error) {\n      console.warn('开关切换时出错:', error)\n    }\n  }\n\n  // 监听抽屉关闭，清理拖拽实例\n  watch(drawerVisible, (newVal) => {\n    if (!newVal && sortableInstance) {\n      try {\n        sortableInstance.destroy()\n        sortableInstance = null\n      } catch (error) {\n        console.warn('关闭抽屉时销毁sortable实例出错:', error)\n      }\n    }\n  })\n\n  // 组件销毁时清理\n  onUnmounted(() => {\n    if (updateTimer) {\n      clearTimeout(updateTimer)\n      updateTimer = null\n    }\n\n    if (sortableInstance) {\n      try {\n        sortableInstance.destroy()\n        sortableInstance = null\n      } catch (error) {\n        console.warn('组件销毁时清理sortable实例出错:', error)\n      }\n    }\n  })\n\n  defineExpose({\n    openColSetting\n  })\n</script>\n"],"names":["props","__props","emit","__emit","drawerVisible","ref","tableRef","sortableInstance","instance","getCurrentInstance","localColSetting","updateTimer","safeEmit","__name","eventName","data","isUnmounted","error","console","warn","hasInstance","debouncedUpdate","clearTimeout","window","setTimeout","clonedData","JSON","parse","stringify","watch","colSetting","newVal","Array","isArray","value","immediate","deep","initSortable","nextTick","tbody","$el","querySelector","destroy","Sortable","create","handle","animation","ghostClass","chosenClass","dragClass","forceFallback","fallbackTolerance","dragoverBubble","removeCloneOnHide","onStart","evt","item","from","onEnd","oldIndex","newIndex","length","newData","movedItem","splice","openColSetting","handleSwitchChange","onUnmounted","__expose"],"mappings":"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"}
+{"version":3,"file":"ColSetting.vue2.mjs","sources":["../../../../../../../packages/components/znTable/src/components/ColSetting.vue"],"sourcesContent":["<template>\n  <!-- 列设置 -->\n  <el-drawer v-model=\"drawerVisible\" title=\"列设置\" size=\"450px\">\n    <!-- 自定义头部 -->\n    <template #header=\"{ close, titleId, titleClass }\">\n      <div class=\"col-setting-header\" style=\"display: flex; align-items: center;\">\n        <h4 :id=\"titleId\" :class=\"titleClass\">列设置</h4>\n        <div style=\"display: flex; align-items: center;\">\n          <!-- 列设置头部插槽 -->\n          <slot name=\"colSettingHeader\"></slot>\n        </div>\n      </div>\n    </template>\n\n    <div class=\"table-main\">\n      <el-table ref=\"tableRef\" :data=\"localColSetting\" :border=\"true\" row-key=\"prop\" default-expand-all :tree-props=\"{ children: '_children' }\">\n        <el-table-column align=\"center\" label=\"拖拽\" width=\"60\">\n          <template #default>\n            <el-icon class=\"drag-handle\" style=\"cursor: move; color: #409eff\">\n              <DCaret />\n            </el-icon>\n          </template>\n        </el-table-column>\n        <el-table-column prop=\"label\" align=\"center\" label=\"列名\" />\n        <el-table-column v-slot=\"scope\" prop=\"isShow\" align=\"center\" label=\"显示\">\n          <el-switch v-model=\"scope.row.isShow\" @change=\"handleSwitchChange\"></el-switch>\n        </el-table-column>\n        <el-table-column v-slot=\"scope\" prop=\"sortable\" align=\"center\" label=\"排序\">\n          <el-switch v-model=\"scope.row.sortable\" @change=\"handleSwitchChange\"></el-switch>\n        </el-table-column>\n        <template #empty>\n          <div class=\"table-empty\">\n            <img src=\"../assets/notData.png\" alt=\"notData\" />\n            <div>暂无可配置列</div>\n          </div>\n        </template>\n      </el-table>\n    </div>\n  </el-drawer>\n</template>\n\n<script setup lang=\"ts\" name=\"ColSetting\">\n  import { nextTick, onMounted, onUnmounted, ref, watch, getCurrentInstance } from 'vue'\n  import Sortable from 'sortablejs'\n\n  import { ColumnProps } from '../interface'\n  import { DCaret } from '@element-plus/icons-vue'\n\n  const props = defineProps({\n  colSetting: { type: Array, required: true }\n})\n  const emit = defineEmits(['update:colSetting', 'updateColumns'])\n\n  const drawerVisible = ref<boolean>(false)\n  const tableRef = ref()\n  let sortableInstance: Sortable | null = null\n\n  // 获取当前组件实例，用于检查组件是否已销毁\n  const instance = getCurrentInstance()\n\n  // 添加本地状态\n  const localColSetting = ref<ColumnProps[]>([])\n  \n  // 添加更新标志，防止循环更新\n  const isUpdatingFromParent = ref(false)\n\n  // 防抖标志\n  let updateTimer: number | null = null\n\n  // 安全的emit函数\n  const safeEmit = (eventName: string, data: any) => {\n    // console.log('safeEmit调用:', {\n    //   eventName,\n    //   hasInstance: !!instance,\n    //   isUnmounted: instance?.isUnmounted,\n    //   dataLength: Array.isArray(data) ? data.length : 'not array'\n    // })\n\n    // 检查组件实例是否还存在\n    if (!instance || instance.isUnmounted) {\n      console.warn('组件已销毁，跳过事件发送', {\n        hasInstance: !!instance,\n        isUnmounted: instance?.isUnmounted\n      })\n      return\n    }\n\n    try {\n      // console.log('正在发送事件:', eventName)\n      emit(eventName as any, data)\n      // console.log('事件发送成功:', eventName)\n    } catch (error) {\n      console.warn(`发送事件 ${eventName} 时出错:`, error)\n    }\n  }\n\n  // 防抖的更新函数\n  const debouncedUpdate = (data: ColumnProps[]) => {\n    // console.log('debouncedUpdate调用:', {\n    //   hasData: !!data,\n    //   dataLength: Array.isArray(data) ? data.length : 'not array',\n    //   hasTimer: !!updateTimer\n    // })\n\n    if (updateTimer) {\n      // console.log('清除之前的定时器')\n      clearTimeout(updateTimer)\n    }\n\n    updateTimer = window.setTimeout(() => {\n      // console.log('防抖定时器执行:', {\n      //   hasInstance: !!instance,\n      //   isUnmounted: instance?.isUnmounted\n      // })\n\n      if (!instance || instance.isUnmounted) {\n        // console.warn('防抖更新时组件已销毁')\n        return\n      }\n\n      try {\n        // 深拷贝数据避免响应式问题\n        const clonedData = JSON.parse(JSON.stringify(data))\n        // console.log('开始发送防抖更新事件')\n        // safeEmit('update:colSetting', clonedData)  // 移除这个事件，避免双重更新\n        safeEmit('updateColumns', clonedData)\n      } catch (error) {\n        console.warn('更新数据时出错:', error)\n      }\n    }, 100) // 100ms防抖\n  }\n\n  // 监听 props 变化，更新本地状态\n  watch(\n    () => props.colSetting,\n    (newVal) => {\n      if (!newVal || !Array.isArray(newVal)) return\n\n      // 设置标志，表示正在从父组件更新\n      isUpdatingFromParent.value = true\n      \n      try {\n        localColSetting.value = JSON.parse(JSON.stringify(newVal))\n      } catch (error) {\n        console.warn('更新本地列设置时出错:', error)\n        localColSetting.value = [...newVal]\n      }\n      \n      // 延迟重置标志，确保本次更新完成\n      nextTick(() => {\n        setTimeout(() => {\n          isUpdatingFromParent.value = false\n        }, 50)\n      })\n    },\n    { immediate: true, deep: true }\n  )\n\n  // 初始化拖拽排序\n  const initSortable = () => {\n    if (!instance || instance.isUnmounted) {\n      return\n    }\n\n    nextTick(() => {\n      if (!instance || instance.isUnmounted || !tableRef.value) {\n        return\n      }\n\n      try {\n        const tbody = tableRef.value.$el?.querySelector('tbody')\n        if (!tbody) {\n          console.warn('未找到tbody元素')\n          return\n        }\n\n        // 销毁之前的实例\n        if (sortableInstance) {\n          try {\n            sortableInstance.destroy()\n          } catch (error) {\n            console.warn('销毁sortable实例时出错:', error)\n          }\n          sortableInstance = null\n        }\n\n        sortableInstance = Sortable.create(tbody, {\n          handle: '.drag-handle',\n          animation: 300,\n          ghostClass: 'sortable-ghost',\n          chosenClass: 'sortable-chosen',\n          dragClass: 'sortable-drag',\n          forceFallback: true,\n          fallbackTolerance: 3,\n          // 禁用原生HTML5拖拽\n          dragoverBubble: false,\n          removeCloneOnHide: true,\n          onStart: (evt) => {\n            if (!evt.item || !evt.from || !instance || instance.isUnmounted) {\n              return false\n            }\n          },\n          onEnd: (evt) => {\n            // 检查组件状态\n            if (!instance || instance.isUnmounted) {\n              return\n            }\n            \n            // 如果正在从父组件更新，跳过事件发送\n            if (isUpdatingFromParent.value) {\n              return\n            }\n\n            const { oldIndex, newIndex } = evt\n\n            if (oldIndex === undefined || newIndex === undefined || oldIndex === newIndex) {\n              return\n            }\n\n            if (oldIndex < 0 || newIndex < 0 || oldIndex >= localColSetting.value.length || newIndex >= localColSetting.value.length) {\n              return\n            }\n\n            try {\n              const newData = [...localColSetting.value]\n              const movedItem = newData.splice(oldIndex, 1)[0]\n\n              if (movedItem) {\n                newData.splice(newIndex, 0, movedItem)\n                localColSetting.value = newData\n\n                // 使用防抖更新\n                debouncedUpdate(newData)\n              }\n            } catch (error) {\n              console.warn('拖拽排序时出错:', error)\n            }\n          }\n        })\n      } catch (error) {\n        console.warn('初始化sortable时出错:', error)\n      }\n    })\n  }\n\n  const openColSetting = () => {\n    if (!instance || instance.isUnmounted) {\n      return\n    }\n\n    drawerVisible.value = true\n\n    // 延迟初始化拖拽\n    setTimeout(() => {\n      if (!instance || instance.isUnmounted) {\n        return\n      }\n      initSortable()\n    }, 200)\n  }\n\n  const closeColSetting = () => {\n    if (!instance || instance.isUnmounted) {\n      return\n    }\n\n    drawerVisible.value = false\n  }\n\n  const handleSwitchChange = () => {\n    // console.log('handleSwitchChange调用:', {\n    //   hasInstance: !!instance,\n    //   isUnmounted: instance?.isUnmounted,\n    //   localColSettingLength: localColSetting.value.length\n    // })\n\n    if (!instance || instance.isUnmounted) {\n      // console.warn('开关切换时组件已销毁')\n      return\n    }\n    \n    // 如果正在从父组件更新，跳过事件发送\n    if (isUpdatingFromParent.value) {\n      return\n    }\n\n    try {\n      // console.log('开关切换，准备防抖更新')\n      // 使用防抖更新\n      debouncedUpdate(localColSetting.value)\n    } catch (error) {\n      console.warn('开关切换时出错:', error)\n    }\n  }\n\n  // 监听抽屉关闭，清理拖拽实例\n  watch(drawerVisible, (newVal) => {\n    if (!newVal && sortableInstance) {\n      try {\n        sortableInstance.destroy()\n        sortableInstance = null\n      } catch (error) {\n        console.warn('关闭抽屉时销毁sortable实例出错:', error)\n      }\n    }\n  })\n\n  // 组件销毁时清理\n  onUnmounted(() => {\n    if (updateTimer) {\n      clearTimeout(updateTimer)\n      updateTimer = null\n    }\n\n    if (sortableInstance) {\n      try {\n        sortableInstance.destroy()\n        sortableInstance = null\n      } catch (error) {\n        console.warn('组件销毁时清理sortable实例出错:', error)\n      }\n    }\n  })\n\n  defineExpose({\n    openColSetting,\n    closeColSetting\n  })\n</script>\n"],"names":["props","__props","emit","__emit","drawerVisible","ref","tableRef","sortableInstance","instance","getCurrentInstance","localColSetting","isUpdatingFromParent","updateTimer","safeEmit","__name","eventName","data","isUnmounted","error","console","warn","hasInstance","debouncedUpdate","clearTimeout","window","setTimeout","clonedData","JSON","parse","stringify","watch","colSetting","newVal","Array","isArray","value","nextTick","immediate","deep","initSortable","tbody","$el","querySelector","destroy","Sortable","create","handle","animation","ghostClass","chosenClass","dragClass","forceFallback","fallbackTolerance","dragoverBubble","removeCloneOnHide","onStart","evt","item","from","onEnd","oldIndex","newIndex","length","newData","movedItem","splice","openColSetting","closeColSetting","handleSwitchChange","onUnmounted","__expose"],"mappings":"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"}