cnhis-design-vue 3.1.46-beta.3 → 3.1.46-beta.31

package/es/components/table-export-field/index.js

@@ -0,0 +1 @@
+import{COMPONENT_NAMESPACE as r}from"../../shared/global/variable.js";import{safeComponentRegister as o}from"../../shared/utils/index.js";import e from"./src/index.vue.js";const i=e;i.install=function(e){o(e,i,r+"TableExportField")};export{i as default};

package/es/components/table-export-field/src/components/ExportModal.vue.d.ts

@@ -0,0 +1,270 @@
+import { PropType } from 'vue';
+import { IExportSchemeType } from '../../../../../es/components/table-export-field/src/types';
+declare const _default: import("vue").DefineComponent<{
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tableListId: {
+        type: StringConstructor;
+        default: string;
+    };
+    curProgram: {
+        type: PropType<IExportSchemeType>;
+        default: () => {};
+    };
+    programOptions: {
+        type: PropType<IExportSchemeType[]>;
+        default: () => never[];
+    };
+    downLoadFieldList: {
+        type: PropType<any[]>;
+        default: () => never[];
+    };
+    showAllFieldList: {
+        type: PropType<any[]>;
+        default: () => never[];
+    };
+}, {
+    defaultKey: string;
+    baseSetting: {
+        width: string;
+        height: string;
+    };
+    menuProps: {
+        class: string;
+    };
+    message: import("naive-ui").MessageApi;
+    deleteTableListExportScheme: (params: any, filterApiConfig: any) => Promise<any>;
+    exportTableListScheme: (params: any, filterApiConfig: any) => Promise<any>;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        tableListId: {
+            type: StringConstructor;
+            default: string;
+        };
+        curProgram: {
+            type: PropType<IExportSchemeType>;
+            default: () => {};
+        };
+        programOptions: {
+            type: PropType<IExportSchemeType[]>;
+            default: () => never[];
+        };
+        downLoadFieldList: {
+            type: PropType<any[]>;
+            default: () => never[];
+        };
+        showAllFieldList: {
+            type: PropType<any[]>;
+            default: () => never[];
+        };
+    }>> & {
+        onCancelModal?: ((...args: any[]) => any) | undefined;
+        onUpdateCurProgram?: ((...args: any[]) => any) | undefined;
+        onUpdateFieldCheckList?: ((...args: any[]) => any) | undefined;
+        onUpdateShowAllFieldList?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emits: (event: "cancelModal" | "updateCurProgram" | "updateFieldCheckList" | "updateShowAllFieldList", ...args: any[]) => void;
+    isChangeWindow: import("vue").Ref<boolean>;
+    modalWidth: import("vue").Ref<string>;
+    bodyStyle: import("vue").Ref<{
+        maxHeight: string;
+        height: string;
+    }>;
+    isSelectAll: import("vue").Ref<boolean>;
+    isIndeterminate: import("vue").Ref<boolean>;
+    fieldCheckList: import("vue").Ref<any[]>;
+    exportApiConfig: import("../../..").AnyObject;
+    curSchemeId: import("vue").ComputedRef<string>;
+    dragEnd: () => void;
+    deleteExportSchemeItem: (schemeId: string) => Promise<import("naive-ui").MessageReactive | undefined>;
+    doExportScheme: () => Promise<import("naive-ui").MessageReactive | undefined>;
+    renderTag: ({ option }: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    renderLabel: (option: IExportSchemeType) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    handleClick: (e: MouseEvent) => void;
+    handleDelete: (option: IExportSchemeType) => import("naive-ui").MessageReactive | undefined;
+    handleUpdateSelect: (value: string | number | null) => void;
+    _setFieldCheckListValue: (optionKey: string | number | null) => void;
+    exportData: () => void;
+    handleCheckboxAll: (checked: boolean) => void;
+    cancelModal: () => void;
+    resetWindow: () => void;
+    changeWindow: () => void;
+    NModal: any;
+    NCard: any;
+    NButton: any;
+    NSelect: any;
+    NCheckboxGroup: import("vue").DefineComponent<{
+        readonly min: NumberConstructor;
+        readonly max: NumberConstructor;
+        readonly size: PropType<"small" | "medium" | "large">;
+        readonly value: PropType<(string | number)[] | null>;
+        readonly defaultValue: {
+            readonly type: PropType<(string | number)[] | null>;
+            readonly default: null;
+        };
+        /**
+         * 拖拽完成
+         */
+        readonly disabled: {
+            readonly type: PropType<boolean | undefined>;
+            readonly default: undefined;
+        };
+        readonly 'onUpdate:value': PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[], meta: {
+            actionType: "check" | "uncheck";
+            value: string | number;
+        }) => void>>;
+        readonly onUpdateValue: PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[], meta: {
+            actionType: "check" | "uncheck";
+            value: string | number;
+        }) => void>>;
+        readonly onChange: PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[]) => void> | undefined>;
+    }, {
+        mergedClsPrefix: import("vue").ComputedRef<string>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly min: NumberConstructor;
+        readonly max: NumberConstructor;
+        readonly size: PropType<"small" | "medium" | "large">;
+        readonly value: PropType<(string | number)[] | null>;
+        readonly defaultValue: {
+            readonly type: PropType<(string | number)[] | null>;
+            readonly default: null;
+        };
+        readonly disabled: {
+            readonly type: PropType<boolean | undefined>;
+            readonly default: undefined;
+        };
+        readonly 'onUpdate:value': PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[], meta: {
+            actionType: "check" | "uncheck";
+            value: string | number;
+        }) => void>>;
+        readonly onUpdateValue: PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[], meta: {
+            actionType: "check" | "uncheck";
+            value: string | number;
+        }) => void>>;
+        readonly onChange: PropType<import("naive-ui/es/_utils").MaybeArray<(value: (string | number)[]) => void> | undefined>;
+    }>>, {
+        readonly disabled: boolean | undefined;
+        readonly defaultValue: (string | number)[] | null;
+    }>;
+    NCheckbox: any;
+    Draggable: import("vue").DefineComponent<{
+        list: {
+            type: ArrayConstructor;
+            required: boolean;
+            default: any;
+        };
+        modelValue: {
+            type: ArrayConstructor;
+            required: boolean;
+            default: any;
+        };
+        itemKey: {
+            type: (StringConstructor | FunctionConstructor)[];
+            required: boolean;
+        };
+        clone: {
+            type: FunctionConstructor;
+            default: (original: any) => any;
+        };
+        tag: {
+            type: StringConstructor;
+            default: string;
+        };
+        move: {
+            type: FunctionConstructor;
+            default: any;
+        };
+        componentData: {
+            type: ObjectConstructor;
+            required: boolean;
+            default: any;
+        };
+    }, unknown, {
+        error: boolean;
+    }, {
+        realList(): any;
+        getKey(): any;
+    }, {
+        getUnderlyingVm(domElement: any): any;
+        getUnderlyingPotencialDraggableComponent(htmElement: any): any;
+        emitChanges(evt: any): void;
+        alterList(onList: any): void;
+        spliceList(): void;
+        updatePosition(oldIndex: any, newIndex: any): void;
+        getRelatedContextFromMoveEvent({ to, related }: {
+            to: any;
+            related: any;
+        }): any;
+        getVmIndexFromDomIndex(domIndex: any): any;
+        onDragStart(evt: any): void;
+        onDragAdd(evt: any): void;
+        onDragRemove(evt: any): void;
+        onDragUpdate(evt: any): void;
+        computeFutureIndex(relatedContext: any, evt: any): any;
+        onDragMove(evt: any, originalEvent: any): any;
+        onDragEnd(): void;
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any[], any, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+        move: Function;
+        tag: string;
+        clone: Function;
+        list: unknown[];
+        modelValue: unknown[];
+        componentData: Record<string, any>;
+    } & {
+        itemKey?: string | Function | undefined;
+    }>, {
+        move: Function;
+        tag: string;
+        clone: Function;
+        list: unknown[];
+        modelValue: unknown[];
+        componentData: Record<string, any>;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancelModal" | "updateCurProgram" | "updateFieldCheckList" | "updateShowAllFieldList")[], "cancelModal" | "updateCurProgram" | "updateFieldCheckList" | "updateShowAllFieldList", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tableListId: {
+        type: StringConstructor;
+        default: string;
+    };
+    curProgram: {
+        type: PropType<IExportSchemeType>;
+        default: () => {};
+    };
+    programOptions: {
+        type: PropType<IExportSchemeType[]>;
+        default: () => never[];
+    };
+    downLoadFieldList: {
+        type: PropType<any[]>;
+        default: () => never[];
+    };
+    showAllFieldList: {
+        type: PropType<any[]>;
+        default: () => never[];
+    };
+}>> & {
+    onCancelModal?: ((...args: any[]) => any) | undefined;
+    onUpdateCurProgram?: ((...args: any[]) => any) | undefined;
+    onUpdateFieldCheckList?: ((...args: any[]) => any) | undefined;
+    onUpdateShowAllFieldList?: ((...args: any[]) => any) | undefined;
+}, {
+    visible: boolean;
+    tableListId: string;
+    curProgram: IExportSchemeType;
+    programOptions: IExportSchemeType[];
+    downLoadFieldList: any[];
+    showAllFieldList: any[];
+}>;
+export default _default;

package/es/components/table-export-field/src/components/ExportModal.vue.js

@@ -0,0 +1 @@
+import r from"./ExportModal.vue2.js";import o from"../../../../_virtual/_plugin-vue_export-helper.js";var e=o(r,[["__file","ExportModal.vue"]]);export{e as default};

package/es/components/table-export-field/src/components/ExportModal.vue2.js

@@ -0,0 +1 @@
+import{defineComponent as e,ref as l,inject as t,computed as a,watch as i,openBlock as o,createBlock as s,unref as n,normalizeClass as d,isRef as r,withCtx as u,createVNode as c,normalizeStyle as m,createElementVNode as h,createTextVNode as f,renderSlot as p,toDisplayString as v,h as g}from"vue";import{useMessage as b,NModal as w,NCard as x,NButton as L,NCheckbox as y,NSelect as F,NCheckboxGroup as k,NPopover as I,NPopconfirm as A,NIcon as N}from"naive-ui";import{Trash as C}from"@vicons/ionicons5";import{InjectionExportApiConfig as _}from"../constants/index.js";import P from"../../../../shared/components/VueDraggable/src/vuedraggable.js";import S from"../hooks/useAsyncData.js";import{dragFieldCheckList as z}from"../tool.js";import{cloneDeep as E}from"lodash-es";const j={class:"svg-wrap"},H={class:"flex_right"},O=h("div",{class:"tip"},"提示：支持拖动调整字段顺序，字段导出顺序为从左到右，从上到下。",-1),U={class:"flex_between"},$=["title"];var T=e({__name:"ExportModal",props:{visible:{type:Boolean,default:!1},tableListId:{type:String,default:""},curProgram:{type:Object,default:()=>({})},programOptions:{type:Array,default:()=>[]},downLoadFieldList:{type:Array,default:()=>[]},showAllFieldList:{type:Array,default:()=>[]}},emits:["cancelModal","updateCurProgram","updateFieldCheckList","updateShowAllFieldList"],setup(e,{emit:T}){const K=e,M="default",D="860px",B="496px",V={class:"select-export-popover"},q=b(),{deleteTableListExportScheme:G,exportTableListScheme:J}=S(),Q=l(!1),R=l(D),W=l({maxHeight:B,height:B}),X=l(!1),Y=l(!0),Z=l([]),ee=t(_),le=a((()=>K.curProgram.schemeId));function te(){T("updateShowAllFieldList",K.showAllFieldList)}function ae({option:e}){return g("span",e.schemeName)}function ie(e){const l=[g(I,{trigger:"hover",duration:0},{default:()=>e.schemeName,trigger:()=>g("span",{class:"content"},e.schemeName)})],t=[g(A,{placement:"top-start",positiveText:"确认",negativeText:"取消",onPositiveClick:()=>function(e){const{schemeId:l}=K.curProgram;if(l===e.schemeId)return q.warning("当前正在使用该方案，请先切换其他方案再删除");!async function(e){if(!K.tableListId)return q.warning("请传入列表id");try{await G({id:K.tableListId,schemeId:e},ee)&&q.success("删除成功")}catch(e){q.error(`获取导出方案数据请求失败：${e}`)}}(e.schemeId)}(e)},{trigger:()=>g(N,{onclick:oe},{default:()=>g(C)}),default:()=>"确定删除该导出方案吗？"})],a=e.schemeId===M?[l]:[l,t];return g("div",{class:"flex-between"},a)}function oe(e){e.stopPropagation()}function se(e){T("updateCurProgram",e)}function ne(){!async function(){if(!K.tableListId)return q.warning("请传入列表id");if(Z.value.length<1)return q.warning("请至少勾选一个字段");try{const{schemeId:e}=K.curProgram,l=K.programOptions.find((l=>l.schemeId===e)),t={fieldKeys:z(K.showAllFieldList,Z.value),lastUsedSchemeName:l?l.schemeName:"",schemeId:l?l.schemeId:"",schemeName:l?l.schemeName:"",tableListId:K.tableListId};await J(t,ee)&&(q.success("导出成功"),re())}catch(e){q.error(`获取导出方案数据请求失败：${e}`)}}()}function de(e){var l,t,a;Y.value=!1,Z.value=e?(null==(l=K.showAllFieldList)?void 0:l.map((e=>e.columnName)))||[]:(null==(a=null==(t=K.showAllFieldList)?void 0:t.filter((e=>e.fixedExport)))?void 0:a.map((e=>e.columnName)))||[]}function re(){T("cancelModal"),R.value=D,W.value={height:B,maxHeight:B},Q.value=!1}function ue(){Q.value=!Q.value;let e=document.body.clientHeight;R.value===D?(R.value="100%",W.value.maxHeight=`${e}px`,W.value.height=`${e}px`):(R.value=D,W.value.maxHeight=B,W.value.height=B)}return i((()=>Z.value),(e=>{K.showAllFieldList.length>0&&(Y.value=e.length>0&&e.length<K.showAllFieldList.length,X.value=e.length===K.showAllFieldList.length,T("updateFieldCheckList",e))}),{immediate:!0}),i((()=>K.curProgram),(e=>{e&&function(e){const l=K.programOptions.find((l=>l.schemeId===e));if(l){let t=[];const a=K.downLoadFieldList.filter((e=>e.fixedExport)).map((e=>e.columnName)),i=l.fieldKeys.filter((e=>!a.includes(e)));if(Z.value=[...i,...a],e===M){const e=E(K.downLoadFieldList);return void T("updateShowAllFieldList",e)}Z.value.forEach((e=>{const l=K.downLoadFieldList.find((l=>l.columnName===e));l&&t.push(l)}));const o=K.downLoadFieldList.filter((e=>!Z.value.includes(e.columnName))),s=[...t,...o];T("updateShowAllFieldList",s)}}(e.schemeId)}),{immediate:!0}),(l,t)=>(o(),s(n(w),{class:d(["table-export-field-modal",{"modal-screen":Q.value}]),show:e.visible,"onUpdate:show":t[3]||(t[3]=e=>r(visible)?visible.value=e:null),maskClosable:!1,width:R.value,bodyStyle:W.value,closable:!1,centered:"",onPositiveClick:ne,onNegativeClick:re},{default:u((()=>[c(n(x),{style:m({width:R.value,...W.value}),title:"选择导出字段",bordered:!1,size:"huge",role:"dialog","aria-modal":"true"},{"header-extra":u((()=>[h("div",j,[h("i",{onClick:ue,class:d(["iconfont-table-filter",Q.value?"icon-table-filter-menzhenyishengzhanxitongtubiaozuixiaohua2":"icon-table-filter-menzhenyishengzhanxitongtubiaozuidahua"])},null,2),h("i",{onClick:re,class:"iconfont-table-filter icon-table-filter-menzhenyishengzhanxitongtubiaoguanbi"})])])),footer:u((()=>[h("div",H,[c(n(L),{onClick:re},{default:u((()=>[f("取消")])),_:1}),p(l.$slots,"add"),c(n(L),{type:"info",onClick:ne},{default:u((()=>[f("导出")])),_:1})])])),default:u((()=>[O,h("header",U,[c(n(y),{checked:X.value,"onUpdate:checked":[t[0]||(t[0]=e=>X.value=e),de],indeterminate:Y.value},{default:u((()=>[f(" 全选 ")])),_:1},8,["checked","indeterminate"]),c(n(F),{style:{width:"200px"},value:n(le),"onUpdate:value":[t[1]||(t[1]=e=>r(le)?le.value=e:null),se],filterable:"","label-field":"schemeName","value-field":"schemeId","show-checkmark":!1,"render-label":ie,"render-tag":ae,"menu-props":V,options:e.programOptions},null,8,["value","options"])]),c(n(k),{value:Z.value,"onUpdate:value":t[2]||(t[2]=e=>Z.value=e)},{default:u((()=>[c(n(P),{class:"draggable-checkbox-list",list:e.showAllFieldList,animation:"300",itemKey:"columnName",onEnd:te},{item:u((({element:e})=>{var l;return[c(n(y),{disabled:e.fixedExport,class:d(Z.value.includes(e.columnName)?"":"checkbox-disabled"),value:e.columnName,label:null!=(l=e.alias)?l:e.title},{default:u((()=>{var l,t;return[h("span",{title:null!=(l=e.alias)?l:e.title},v(null!=(t=e.alias)?t:e.title),9,$)]})),_:2},1032,["disabled","class","value","label"])]})),_:1},8,["list"])])),_:1},8,["value"])])),_:3},8,["style"])])),_:3},8,["class","show","width","bodyStyle"]))}});export{T as default};