cnhis-design-vue 3.1.53-release.0 → 3.1.53-release.1

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/levelSearchCascadePlugin/index.d.ts

@@ -0,0 +1 @@
+export declare function levelSearchCascadePlugin(): import("../../../../../../../../es/components/iho-table").TablePlugin;

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/levelSearchCascadePlugin/index.js

@@ -0,0 +1 @@
+import{computed as e,createVNode as o,mergeProps as r}from"vue";import{isString as n,isArray as t}from"lodash-es";import"../../../../../index.js";import{EDITABLE_WIDGET_TYPE as l}from"../../../../constants/index.js";import{useAutoFocus as i}from"../hooks/useAutoFocus.js";import{getLowCodeFieldFromField as d,IhoTableRenderHelper as a,createIhoTableClearActivedInterceptor as s}from"../../../../utils/index.js";import u from"./levelSearchCascade.vue.js";import{defineTablePlugin as c}from"../../../../hooks/useTablePlugin.js";function m(){const m="levelSearchCascadePlugin";return c({name:m,vxe(i){i.renderer.add(l.LEVEL_SEARCH_CASCADE,{renderCell:(e,{column:o,row:r})=>{const l=r[o.field];return n(l)?l:t(l)?function(e){var r,n,t;const l=d(o);if(!l)return"";const i=(null==(n=null==(r=l.wordbook)?void 0:r.show_key)?void 0:n[0])||(null==(t=l.componentProps)?void 0:t.labelField)||"text";return e.reduce(((e,o,r)=>0===r?o[i]:e+" / "+o[i]),"")}(l):""},renderEdit:a.createRenderEdit((({fieldItem:n,row:t,column:l,emitFormClick:i,emitFormChangeWithParams:d,rowIndex:a,columnIndex:s})=>{const c=e({get:()=>t[l.field],set(e){const o=t[l.field];t[l.field]=e,d({oldValue:o})}});return[o(u,r({value:c.value,"onUpdate:value":e=>c.value=e,options:n.options,wordbook:n.wordbook,autograph:n.autograph,onClick:i},n.componentProps,{fieldKey:l.field,payload:{row:t,column:l,rowIndex:a,columnIndex:s}}),null)]}))}),i.interceptor.add("event.clearActived",s(l.LEVEL_SEARCH_CASCADE,(e=>e.classList.contains("search-cascader__menuWrapper"))))},apply(e){i(e).bindAutoFocusConfig(m,l.LEVEL_SEARCH_CASCADE,"input")}})}export{m as levelSearchCascadePlugin};

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/levelSearchCascadePlugin/levelSearchCascade.vue.d.ts

@@ -0,0 +1,552 @@
+import { AnyObject } from '../../../../../../../../es/shared/types';
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    options: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    labelField: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueField: {
+        type: StringConstructor;
+        default: string;
+    };
+    autograph: {
+        type: StringConstructor;
+        required: true;
+    };
+    lazyRequest: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    requestCache: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wordbook: {
+        type: PropType<Partial<{
+            level_num: number;
+            id: string;
+            name: string;
+            render_key: string[];
+            search_key: string[];
+            value_key: string;
+            queryParams: string[];
+            primary_key: string;
+            type: string;
+            level_key: string;
+            link_key: string;
+            link_key_split: string;
+            show_key: string | string[];
+            conObj: AnyObject[];
+            conObjFirstLevel: AnyObject[];
+            setting: Partial<{
+                cascading: {
+                    'form.name': string;
+                    value: string;
+                }[];
+            }>;
+        }>>;
+        required: true;
+    };
+    value: {
+        type: PropType<string | AnyObject[]>;
+    };
+    fieldKey: {
+        type: StringConstructor;
+        required: true;
+    };
+    payload: {
+        type: PropType<AnyObject>;
+        required: true;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        options: {
+            type: PropType<AnyObject[]>;
+            default: () => never[];
+        };
+        labelField: {
+            type: StringConstructor;
+            default: string;
+        };
+        valueField: {
+            type: StringConstructor;
+            default: string;
+        };
+        autograph: {
+            type: StringConstructor;
+            required: true;
+        };
+        lazyRequest: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        requestCache: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        wordbook: {
+            type: PropType<Partial<{
+                level_num: number;
+                id: string;
+                name: string;
+                render_key: string[];
+                search_key: string[];
+                value_key: string;
+                queryParams: string[];
+                primary_key: string;
+                type: string;
+                level_key: string;
+                link_key: string;
+                link_key_split: string;
+                show_key: string | string[];
+                conObj: AnyObject[];
+                conObjFirstLevel: AnyObject[];
+                setting: Partial<{
+                    cascading: {
+                        'form.name': string;
+                        value: string;
+                    }[];
+                }>;
+            }>>;
+            required: true;
+        };
+        value: {
+            type: PropType<string | AnyObject[]>;
+        };
+        fieldKey: {
+            type: StringConstructor;
+            required: true;
+        };
+        payload: {
+            type: PropType<AnyObject>;
+            required: true;
+        };
+    }>> & {
+        onClick?: ((...args: any[]) => any) | undefined;
+        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "click" | "update:value", ...args: any[]) => void;
+    asyncQueue: import("../../../../../../../../es/shared/hooks").FormRequestDefine.FormAsyncQueue;
+    valueKey: import("vue").ComputedRef<string>;
+    valueRef: import("vue").WritableComputedRef<string | AnyObject[] | undefined>;
+    labelKey: import("vue").ComputedRef<string>;
+    optionsRef: import("vue").Ref<AnyObject[]>;
+    showRef: import("vue").Ref<boolean>;
+    fetchData: (node?: AnyObject | undefined, keyword?: string | undefined, updateValueWhenNoChild?: boolean) => Promise<void | AnyObject>;
+    menuWidth: import("vue").Ref<number>;
+    searchCascaderRef: import("vue").Ref<{
+        getWidth: () => number;
+        setCursor: (option?: AnyObject | undefined) => void;
+    } | undefined>;
+    onFocus: () => void;
+    onClick: (event: MouseEvent) => void;
+    NoData: import("vue").DefineComponent<{
+        noDataTip: {
+            type: StringConstructor;
+            default: string;
+        };
+        noDataImg: {
+            type: StringConstructor;
+            default: string;
+        };
+        showImg: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }, {
+        wrapperStyle: import("vue").CSSProperties;
+        imgStyle: import("vue").CSSProperties;
+        paragraphStyle: import("vue").CSSProperties;
+        textStyle: import("vue").CSSProperties;
+        imgStr: import("vue").ComputedRef<null>;
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            noDataTip: {
+                type: StringConstructor;
+                default: string;
+            };
+            noDataImg: {
+                type: StringConstructor;
+                default: string;
+            };
+            showImg: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {}>>;
+        handleDesc: 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<{
+        noDataTip: {
+            type: StringConstructor;
+            default: string;
+        };
+        noDataImg: {
+            type: StringConstructor;
+            default: string;
+        };
+        showImg: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>>, {
+        noDataTip: string;
+        noDataImg: string;
+        showImg: boolean;
+    }>;
+    CSearchCascader: import("../../../../../../../../es/shared/types").SFCWithInstall<import("vue").DefineComponent<{
+        value: {
+            type: PropType<string | AnyObject[]>;
+        };
+        show: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        childKey: {
+            type: StringConstructor;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        editPlaceholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        options: {
+            type: PropType<AnyObject[]>;
+            default: () => never[];
+        };
+        search: {
+            type: PropType<import("../../../../../../../../es/shared/types").AnyFn<any[], any>>;
+        };
+        labelKey: {
+            type: StringConstructor;
+            default: string;
+        };
+        valueKey: {
+            type: StringConstructor;
+            default: string;
+        };
+        checkAbleLevel: {
+            type: PropType<number | "last">;
+            default: string;
+        };
+        beforeSetValue: {
+            type: PropType<(value: string | AnyObject[]) => void | (string | AnyObject[]) | Promise<string | AnyObject[]>>;
+        };
+        menuWidth: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        disabled: BooleanConstructor;
+        inputProps: {
+            type: PropType<AnyObject>;
+        };
+        popperProps: {
+            type: PropType<AnyObject>;
+        };
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            value: {
+                type: PropType<string | AnyObject[]>;
+            };
+            show: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            clearable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            childKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            placeholder: {
+                type: StringConstructor;
+                default: string;
+            };
+            editPlaceholder: {
+                type: StringConstructor;
+                default: string;
+            };
+            options: {
+                type: PropType<AnyObject[]>;
+                default: () => never[];
+            };
+            search: {
+                type: PropType<import("../../../../../../../../es/shared/types").AnyFn<any[], any>>;
+            };
+            labelKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            valueKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            checkAbleLevel: {
+                type: PropType<number | "last">;
+                default: string;
+            };
+            beforeSetValue: {
+                type: PropType<(value: string | AnyObject[]) => void | (string | AnyObject[]) | Promise<string | AnyObject[]>>;
+            };
+            menuWidth: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: number;
+            };
+            disabled: BooleanConstructor;
+            inputProps: {
+                type: PropType<AnyObject>;
+            };
+            popperProps: {
+                type: PropType<AnyObject>;
+            };
+        }>> & {
+            onFocus?: ((...args: any[]) => any) | undefined;
+            "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+        }>>;
+        cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
+        emit: (event: "update:show" | "update:value" | "focus", ...args: any[]) => void;
+        emitValue: (value: string | AnyObject[]) => void;
+        clearableRef: import("vue").ComputedRef<number | boolean>;
+        onClear: () => void;
+        onClick: (evt: Event) => void;
+        onKeydown: (evt: KeyboardEvent) => void;
+        cssVariable: import("vue").ComputedRef<{
+            '--menu-width': string | number;
+        }>;
+        eventBus: AnyObject;
+        uuid: string;
+        show: import("vue").Ref<boolean> | import("vue").WritableComputedRef<boolean>;
+        patternContent: import("vue").Ref<string>;
+        editPlaceholderRef: import("vue").ComputedRef<string>;
+        displayValue: import("vue").WritableComputedRef<string>;
+        onFocus: (focusEvt: Event) => void;
+        openMenu: () => void;
+        closeMenu: () => Promise<void>;
+        inputRef: import("vue").Ref<any>;
+        popoverRef: import("vue").Ref<any>;
+        currentNode: import("vue").Ref<AnyObject | undefined>;
+        cursorNode: import("vue").Ref<AnyObject | undefined>;
+        loadingNode: import("vue").Ref<import("../../../../../../../../es/shared/types").Nullable<AnyObject>>;
+        search: (payload?: {
+            type: "search" | "update";
+            node: AnyObject;
+        } | undefined, keyword?: string | undefined) => Promise<void>;
+        changeCursorNode: (node: AnyObject) => void;
+        NInput: any;
+        NPopover: any;
+        ClearIcon: any;
+        SearchMenu: import("vue").DefineComponent<{
+            childKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            options: {
+                type: PropType<AnyObject[]>;
+                default: () => never[];
+            };
+            labelKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            valueKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            currentNode: {
+                type: PropType<AnyObject>;
+            };
+            cursorNode: {
+                type: PropType<AnyObject>;
+            };
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("nodeClick" | "changeCursor")[], "nodeClick" | "changeCursor", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            childKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            options: {
+                type: PropType<AnyObject[]>;
+                default: () => never[];
+            };
+            labelKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            valueKey: {
+                type: StringConstructor;
+                default: string;
+            };
+            currentNode: {
+                type: PropType<AnyObject>;
+            };
+            cursorNode: {
+                type: PropType<AnyObject>;
+            };
+        }>> & {
+            onNodeClick?: ((...args: any[]) => any) | undefined;
+            onChangeCursor?: ((...args: any[]) => any) | undefined;
+        }, {
+            options: AnyObject[];
+            valueKey: string;
+            childKey: string;
+            labelKey: string;
+        }>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:show" | "update:value" | "focus")[], "focus" | "update:show" | "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        value: {
+            type: PropType<string | AnyObject[]>;
+        };
+        show: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        childKey: {
+            type: StringConstructor;
+            default: string;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        editPlaceholder: {
+            type: StringConstructor;
+            default: string;
+        };
+        options: {
+            type: PropType<AnyObject[]>;
+            default: () => never[];
+        };
+        search: {
+            type: PropType<import("../../../../../../../../es/shared/types").AnyFn<any[], any>>;
+        };
+        labelKey: {
+            type: StringConstructor;
+            default: string;
+        };
+        valueKey: {
+            type: StringConstructor;
+            default: string;
+        };
+        checkAbleLevel: {
+            type: PropType<number | "last">;
+            default: string;
+        };
+        beforeSetValue: {
+            type: PropType<(value: string | AnyObject[]) => void | (string | AnyObject[]) | Promise<string | AnyObject[]>>;
+        };
+        menuWidth: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        disabled: BooleanConstructor;
+        inputProps: {
+            type: PropType<AnyObject>;
+        };
+        popperProps: {
+            type: PropType<AnyObject>;
+        };
+    }>> & {
+        onFocus?: ((...args: any[]) => any) | undefined;
+        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    }, {
+        disabled: boolean;
+        show: boolean;
+        options: AnyObject[];
+        placeholder: string;
+        valueKey: string;
+        clearable: boolean;
+        childKey: string;
+        editPlaceholder: string;
+        labelKey: string;
+        checkAbleLevel: number | "last";
+        menuWidth: string | number;
+    }>>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:value")[], "click" | "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    labelField: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueField: {
+        type: StringConstructor;
+        default: string;
+    };
+    autograph: {
+        type: StringConstructor;
+        required: true;
+    };
+    lazyRequest: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    requestCache: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wordbook: {
+        type: PropType<Partial<{
+            level_num: number;
+            id: string;
+            name: string;
+            render_key: string[];
+            search_key: string[];
+            value_key: string;
+            queryParams: string[];
+            primary_key: string;
+            type: string;
+            level_key: string;
+            link_key: string;
+            link_key_split: string;
+            show_key: string | string[];
+            conObj: AnyObject[];
+            conObjFirstLevel: AnyObject[];
+            setting: Partial<{
+                cascading: {
+                    'form.name': string;
+                    value: string;
+                }[];
+            }>;
+        }>>;
+        required: true;
+    };
+    value: {
+        type: PropType<string | AnyObject[]>;
+    };
+    fieldKey: {
+        type: StringConstructor;
+        required: true;
+    };
+    payload: {
+        type: PropType<AnyObject>;
+        required: true;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    options: AnyObject[];
+    labelField: string;
+    valueField: string;
+    lazyRequest: boolean;
+    requestCache: boolean;
+}>;
+export default _default;

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/levelSearchCascadePlugin/levelSearchCascade.vue.js

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

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/levelSearchCascadePlugin/levelSearchCascade.vue2.js

@@ -0,0 +1 @@
+import{defineComponent as e,inject as a,openBlock as t,createBlock as o,unref as r,isRef as s,withCtx as u,createVNode as i}from"vue";import l from"../../../../../../../shared/components/no-data/NoData.vue.js";import"../../../../../../../shared/utils/index.js";import"lodash-es";import"naive-ui";import"@vueuse/core";import"date-fns";import"@vue/shared";import{useLevelSearchCascader as p}from"../../../../../../../shared/hooks/useLevelSearchCascader.js";import"@vueuse/shared";import"../../../../../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import{InjectionTableAsyncQueue as n}from"../../../../constants/index.js";import d from"../../../../../../search-cascader/index.js";var c=e({__name:"levelSearchCascade",props:{options:{type:Array,default:()=>[]},labelField:{type:String,default:"text"},valueField:{type:String,default:"value"},autograph:{type:String,required:!0},lazyRequest:{type:Boolean,default:!0},requestCache:{type:Boolean,default:!0},wordbook:{type:Object,required:!0},value:{type:[String,Array]},fieldKey:{type:String,required:!0},payload:{type:Object,required:!0}},emits:["update:value","click"],setup(e,{emit:c}){const y=e,h=a(n),{valueKey:m,valueRef:f,labelKey:v,optionsRef:k,showRef:j,fetchData:S,menuWidth:b,searchCascaderRef:g}=p(y,c,{fieldKey:y.fieldKey,asyncQueue:h,getRequestPayload:()=>y.payload});function q(){b.value=150}function w(e){c("click",e)}return(e,a)=>(t(),o(r(d),{ref_key:"searchCascaderRef",ref:g,value:r(f),"onUpdate:value":a[0]||(a[0]=e=>s(f)?f.value=e:null),show:r(j),"onUpdate:show":a[1]||(a[1]=e=>s(j)?j.value=e:null),options:r(k),"label-key":r(v),"value-key":r(m),search:r(S),"menu-width":r(b),"input-props":{onClick:w},onFocus:q},{empty:u((()=>[i(r(l))])),_:1},8,["value","show","options","label-key","value-key","search","menu-width","input-props"]))}});export{c as default};

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/selectRendererPlugin/editSelect.d.ts

@@ -1,6 +1,6 @@
+import { AnyObject } from '../../../../../../../../es/shared/types';
 import { PropType } from 'vue';
 import { VxeTableDefines } from 'vxe-table';
-import { AnyObject } from '../../../../../../../../es/shared/types';
 import { IhoTableLowCodeField } from '../../../../../../../../es/components/iho-table';
 declare const _default: import("vue").DefineComponent<{
     value: {
@@ -29,6 +29,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    allowModify: BooleanConstructor;
     allowCreate: {
         type: BooleanConstructor;
         default: boolean;
@@ -94,6 +95,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    allowModify: BooleanConstructor;
     allowCreate: {
         type: BooleanConstructor;
         default: boolean;
@@ -140,6 +142,7 @@ declare const _default: import("vue").DefineComponent<{
     labelField: string;
     valueField: string;
     placeholder: string;
+    allowModify: boolean;
     deletable: boolean;
     selectAll: boolean;
     shouldSave: boolean;

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/selectRendererPlugin/editSelect.js

@@ -1 +1 @@
-import{defineComponent as e,inject as l,ref as t,computed as o,onBeforeUnmount as n,watch as a,nextTick as u,createVNode as i,toRaw as r,Fragment as d,createTextVNode as s}from"vue";import{keywordMatcher as c,arrayed as p}from"../../../../../../../shared/utils/index.js";import{NSelect as v,NTooltip as f,NIcon as m,NTag as y,NButton as h}from"naive-ui";import{HelpCircleSharp as b}from"@vicons/ionicons5";import{InjectionIhoTableUUID as w}from"../../../../constants/index.js";import{getSelectOptions as F,selectOptionsMap as g}from"../hooks/useSelectOption.js";import{useIhoTableFormEvent as S}from"../../../../utils/index.js";import{useDebounceFn as q}from"@vueuse/core";import{isEmpty as O,isFunction as $,isArray as x,isObject as C,omit as B,cloneDeep as _,xor as j,uniq as k}from"lodash-es";var P=e({name:"EditSelect",props:{value:{type:[Array,String,Number]},column:{type:Object,required:!0},row:{type:Object,required:!0},rowIndex:{type:Number,required:!0},options:{type:Array,default:()=>[]},queryOptions:{type:Function},placeholder:{type:String,default:"请选择"},allowCreate:{type:Boolean,default:!1},shouldSave:{type:Boolean,default:!1},consistentMenuWidth:{type:Boolean,default:!0},labelField:{type:String,default:"label"},valueField:{type:String,default:"value"},aliasField:{type:String},menuProps:{type:Object},multiple:{type:Boolean,default:!1},deletable:{type:Boolean,default:!0},selectAll:{type:Boolean,default:!0}},emits:["update:value"],setup(e,{emit:P}){const M=l("$xetable"),W=t(null);function A(e){W.value=e}const D=t(!1),{emitFormChangeWithParams:E}=S({...e,$table:M}),R=t("");function T(){return z()}const I=t([]),U=o((()=>{let l=O(I.value)?e.options:I.value;return R.value?(l=l.filter((l=>l[e.labelField]&&l[e.labelField].includes(R.value)||c(R.value,l.keyword))),!e.allowCreate||l.some((l=>l[e.labelField]===R.value))?l:[...l,{[e.labelField]:R.value,[e.valueField]:R.value,created:!0,shouldSave:e.shouldSave}]):l})),V=t(!1),z=q((async function(l=""){R.value=l;try{if(V.value=!0,!$(e.queryOptions)||!O(e.options))return;I.value=await e.queryOptions({keyword:l,row:e.row,column:e.column,rowIndex:e.rowIndex})}catch(l){console.log(`获取${e.column.field}options错误`)}finally{V.value=!1}}),400),K=l(w);function N(l=!1){e.multiple&&u((()=>{var t,o,n;const{refTableLeftBody:a,refTableBody:u}=M.getRefMaps(),i=null==(t=null==a?void 0:a.value)?void 0:t.$el;if(!i)return;const r=null==(o=null==u?void 0:u.value)?void 0:o.$el,d=M.getRowid(e.row),s=null==(n=r.querySelector(`.vxe-body--row[rowid="${d}"]`))?void 0:n.clientHeight,c=i.querySelector(`.vxe-body--row[rowid="${d}"]`),p=l?"unset":s+"px";c.style.height=p}))}function H(l,t){var o,n;const a=e.value;P("update:value",l);const u=F(K,e.column.field,e.row,M);K&&x(u)&&p(t).forEach((e=>{if(!C(e))return;const l=e;l.created&&l.shouldSave&&u.push(B(r(l),["created","shouldSave"]))}));const i=null==(o=e.column.editRender)?void 0:o.props;if(K&&(null==i?void 0:i.connectField)){const t=null==(n=i.connectField)?void 0:n.split(","),o=g.get(K);t.forEach((async t=>{var n;const{tableColumn:a}=M.reactData,u=a.find((e=>e.field===t)),i=null==(n=null==u?void 0:u.editRender)?void 0:n.props;if(null==i?void 0:i.queryOptions){const n=l?`${t}__${e.column.field}-${l}`:t;if(o[n])return;const a=await i.queryOptions({row:e.row,column:u,isFullData:!0,connectColumn:e.column});o[n]=a}}))}E({oldValue:a,option:_(t)}),N()}function L(e){var l,t;"Tab"===e.key&&W.value&&(null==(t=(l=W.value).handleKeydown)||t.call(l,{...e,key:"Enter",preventDefault:e.preventDefault.bind(e)}))}function G(l){const t=l?U.value.map((l=>l[e.valueField])):[],o=x(e.value)?e.value:[],n=j(t,o),a=l?k(o.concat(n)):[];if(o.length===a.length)return;P("update:value",a);const u=F(K,e.column.field,e.row,M);E({oldValue:o,option:l?u.filter((l=>a.includes(l[e.valueField]))):[]})}function J({node:e,option:l}){return l.desc?i("div",{class:"iho-table__selectOptionWrapper"},[[e,i(f,null,{trigger:()=>i(m,{component:b},null),default:()=>l.desc})]]):e}function Q({option:l,handleClose:t}){var o;const n=null!=(o=e.aliasField&&l[e.aliasField])?o:l[e.labelField];return x(e.value)?e.deletable?i(y,{closable:!0,onClose:e=>{e.stopPropagation(),t()}},{default:()=>n}):`${n} ;`:i(d,null,[n])}function X(){return i(d,null,[i(h,{quaternary:!0,type:"primary",size:"tiny",onClick:()=>G(!0)},{default:()=>[s("全选")]}),i(h,{quaternary:!0,type:"primary",size:"tiny",onClick:()=>G(!1)},{default:()=>[s("清空")]})])}n((()=>{N(!0)})),a((()=>D.value),(e=>{N()}),{immediate:!0});const Y=()=>({class:"iho-table__selectOption"}),Z=o((()=>{var l,t;return{...e.menuProps,class:`iho-table__selectMenu ${null!=(t=null==(l=e.menuProps)?void 0:l.class)?t:""}`}}));return()=>{const l={};return e.multiple&&e.selectAll&&(l.action=X),i(v,{ref:A,show:D.value,"onUpdate:show":e=>D.value=e,consistentMenuWidth:e.consistentMenuWidth,placeholder:e.placeholder,labelField:e.labelField,valueField:e.valueField,loading:V.value,options:U.value,multiple:e.multiple,value:e.value,remote:!0,onSearch:z,clearable:!0,filterable:!0,nodeProps:Y,menuProps:Z.value,renderTag:Q,renderOption:J,onUpdateShow:T,onUpdateValue:H,onKeydown:L},l)}}});export{P as default};
+import{defineComponent as e,inject as l,ref as o,computed as t,onBeforeUnmount as n,nextTick as a,createVNode as r,toRaw as u}from"vue";import{arrayed as i}from"../../../../../../../shared/utils/index.js";import{isFunction as s,isEmpty as d,isArray as c,isObject as p,omit as f,cloneDeep as v,xor as m}from"lodash-es";import{NSelect as y}from"naive-ui";import{useVModel as h,useDebounceFn as b}from"@vueuse/core";import"date-fns";import"@vue/shared";import{useSelectAllowModify as w}from"../../../../../../../shared/hooks/selectHooks/useSelectAllowModify.js";import{useOptionFiltered as S}from"../../../../../../../shared/hooks/selectHooks/useOptionFiltered.js";import"../../../../../../../shared/hooks/selectHooks/useSearchContent.js";import{useSelectRenders as g}from"../../../../../../../shared/hooks/selectHooks/useSelectRenders.js";import{InjectionIhoTableUUID as F}from"../../../../constants/index.js";import{useIhoTableFormEvent as O}from"../../../../utils/index.js";import{getSelectOptions as k,selectOptionsMap as j}from"../hooks/useSelectOption.js";var x=e({name:"EditSelect",props:{value:{type:[Array,String,Number]},column:{type:Object,required:!0},row:{type:Object,required:!0},rowIndex:{type:Number,required:!0},options:{type:Array,default:()=>[]},queryOptions:{type:Function},placeholder:{type:String,default:"请选择"},allowModify:Boolean,allowCreate:{type:Boolean,default:!1},shouldSave:{type:Boolean,default:!1},consistentMenuWidth:{type:Boolean,default:!0},labelField:{type:String,default:"label"},valueField:{type:String,default:"value"},aliasField:{type:String},menuProps:{type:Object},multiple:{type:Boolean,default:!1},deletable:{type:Boolean,default:!0},selectAll:{type:Boolean,default:!0}},emits:["update:value"],setup(e,{emit:x}){const $=l("$xetable"),q=h(e,"value",x),B=o(null),{emitFormChangeWithParams:C}=O({...e,$table:$}),A=t((()=>e.labelField)),M=t((()=>e.valueField)),R=t((()=>e.aliasField)),{fullOptions:K,filterOptions:P,searchContent:_,remoteOptions:E}=S(e,A),{modifyEvent:H,modifyAbleRef:T,getOptionsWithCreated:W}=w(e,{searchContent:_,labelKey:A,valueKey:M,valueRef:q,fullOptions:K}),D=t((()=>W(T.value?K.value:P.value))),V=o(!1),I=b((async function(l=""){_.value=l;try{if(V.value=!0,!s(e.queryOptions)||!d(e.options))return;E.value=await e.queryOptions({keyword:l,row:e.row,column:e.column,rowIndex:e.rowIndex})}catch(l){console.log(`获取${e.column.field}options错误`)}finally{V.value=!1}}),400),L=l(F);function N(){U(),I()}async function U(l=!1){var o,t,n;if(!e.multiple)return;await a();const{refTableLeftBody:r,refTableBody:u}=$.getRefMaps(),i=null==(o=null==r?void 0:r.value)?void 0:o.$el;if(!i)return;const s=null==(t=null==u?void 0:u.value)?void 0:t.$el,d=$.getRowid(e.row),c=null==(n=s.querySelector(`.vxe-body--row[rowid="${d}"]`))?void 0:n.clientHeight;i.querySelector(`.vxe-body--row[rowid="${d}"]`).style.height=l?"unset":c+"px"}async function z(l,o){var t,n;const a=e.value;await H.updateValue(l,o);const r=k(L,e.column.field,e.row,$);L&&c(r)&&i(o).forEach((e=>{if(!p(e))return;const l=e;l.created&&l.shouldSave&&r.push(f(u(l),["created","shouldSave"]))}));const s=null==(t=e.column.editRender)?void 0:t.props;if(L&&(null==s?void 0:s.connectField)){const o=null==(n=s.connectField)?void 0:n.split(","),t=j.get(L);o.forEach((async o=>{var n;const{tableColumn:a}=$.reactData,r=a.find((e=>e.field===o)),u=null==(n=null==r?void 0:r.editRender)?void 0:n.props;if(null==u?void 0:u.queryOptions){const n=l?`${o}__${e.column.field}-${l}`:o;if(t[n])return;t[n]=await u.queryOptions({row:e.row,column:r,isFullData:!0,connectColumn:e.column})}}))}return C({oldValue:a,option:v(o)}),U()}function G(e){var l,o;"Tab"===e.key&&B.value&&(null==(o=(l=B.value).handleKeydown)||o.call(l,{...e,key:"Enter",preventDefault:e.preventDefault.bind(e)}))}n((()=>U(!0)));const{renderTag:J,renderLabel:Q,renderSelectAll:X}=g(e,{labelKey:A,showKey:R,searchContent:_});function Y(l){if(!e.multiple)return;const o=l?D.value.map((e=>e[M.value])):[];if(!m(o,q.value).length)return;const t=q.value;q.value=o,C({oldValue:t,option:l?D.value:[]})}const Z=()=>({class:"iho-table__selectOption"}),ee=t((()=>{var l,o;return{...e.menuProps,class:`iho-table__selectMenu ${null!=(o=null==(l=e.menuProps)?void 0:l.class)?o:""}`}}));return()=>{const l={};return e.multiple&&e.selectAll&&(l.action=()=>X(Y)),r(y,{ref:B.value,consistentMenuWidth:e.consistentMenuWidth,placeholder:e.placeholder,labelField:e.labelField,valueField:e.valueField,loading:V.value,options:D.value,multiple:e.multiple,value:e.value,remote:!0,onSearch:I,clearable:!0,filterable:!0,nodeProps:Z,menuProps:ee.value,renderTag:J,renderLabel:Q,onUpdateShow:N,onUpdateValue:z,onKeydown:G,onFocus:H.focus,onBlur:H.blur},l)}}});export{x as default};

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/selectRendererPlugin/index.js

@@ -1 +1 @@
-import{reactive as e,inject as o,createVNode as t,mergeProps as n,onBeforeUnmount as l}from"vue";import{arrayed as i}from"../../../../../../../shared/utils/index.js";import"../../../../../index.js";import{EDITABLE_WIDGET_TYPE as r,InjectionIhoTableUUID as s}from"../../../../constants/index.js";import{useAutoFocus as d}from"../hooks/useAutoFocus.js";import{createIhoTableClearActivedInterceptor as u,getTitle as c,IhoTableRenderHelper as a,IhoTableUtils as p}from"../../../../utils/index.js";import f from"./editSelect.js";import{getDefaultValue as m,isConnectField as v,getArray as E}from"./selectUtils.js";import{getSelectOptions as g,selectOptionsMap as C}from"../hooks/useSelectOption.js";import{cloneDeep as h,isEqual as b}from"lodash-es";import{defineTablePlugin as w}from"../../../../hooks/useTablePlugin.js";function y(){const y="selectRendererPlugin",x=e(new Map);return w({name:y,vxe(e){e.interceptor.add("event.clearActived",u(r.SELECT,(e=>e.classList.contains("iho-table__selectMenu")))),e.renderer.add(r.SELECT,{renderCell({props:e},{row:n,column:l,$table:r}){var d;const u=o(s),a=g(u,l.field,n,r),p=m(n,e,a),f=i(p).join(","),v=e&&(!0===(E=e.variableHeight)||"1"===E||(null==(d=e.componentProps)?void 0:d.indexedText));var E;return[t("span",{title:c(l,f)},[v?i(p).reduce(((e,o)=>(null!=o&&e.push([o,";",t("br",null,null)]),e)),[]):f])]},renderEdit:a.createRenderEdit((({fieldItem:e,emitFormClick:l,row:i,column:r,$rowIndex:d,$table:u})=>{const c=o(s),a=g(c,r.field,i,u);return[t(f,n({queryOptions:e.queryOptions},e.componentProps,{options:a,column:r,row:i,"row-index":d,value:i[r.field],"onUpdate:value":e=>i[r.field]=e,onClick:l}),null)]}))})},apply(e){async function o(e,o={}){var t,n,l;const i=null==(t=e.editRender)?void 0:t.props;if(!i)return[];let r=E(i.options)||E(null==(n=i.componentProps)?void 0:n.options)||[];if(i.queryOptions)try{const t={column:e,isFullData:!0,...o};r=await(null==(l=i.queryOptions)?void 0:l.call(i,t))}catch(e){console.log(`获取${i.field}_options错误`)}return r}d(e).bindAutoFocusConfig(y,r.SELECT,".n-base-selection-input .n-base-selection-tags"),e.fieldHooks.fieldList.tap(y,((e,{uuid:t})=>{if(t){C.get(t)||C.set(t,{}),x.set(t,h(e));const n=C.get(t);e.forEach((async t=>{var l;const i=null==(l=t.editRender)?void 0:l.props;t.field&&i&&"SELECT"===p.getCellType(i)&&(n[t.field]||v(e,t.field)||(n[t.field]=[],n[t.field]=await o(t)))}))}return e})),e.dataHooks.data.tap(y,((e,{uuid:t},n)=>{if(!t)return;const l=x.get(t);if(!l||!l.length)return;const i=C.get(t);l.forEach((async t=>{var n;const r=null==(n=t.editRender)?void 0:n.props;if(t.field&&r&&"SELECT"===p.getCellType(r)&&(null==r?void 0:r.connectField)){const n=r.connectField.split(","),s=e[r.columnName];n.forEach((async n=>{const d=null==l?void 0:l.find((e=>e.field===n));if(!d)return;const u=s?`${n}__${r.columnName}-${s}`:n;i[u]||(i[u]=[],i[u]=await o(d,{row:e,connectColumn:t}))}))}}))})),e.setupHooks.setup.tap(y,(e=>{l((()=>{var o;const t=null==(o=e.value)?void 0:o.uuid;t&&(C.delete(t),x.delete(t))}))})),e.eventHooks.onCellDblclick.tap(y,(({$table:e},o,{emits:t})=>{var n;const{column:l,row:i}=e.reactData.editStore.actived;if(!l||!i)return;const s=null==(n=l.editRender)?void 0:n.props,{cellDblclickSelectable:d=!1,multiple:u=!1,valueField:c="value"}=s.componentProps||{};if(!d||!function(e){return e&&p.getCellType(e)===r.SELECT}(s))return;const a=o.uuid&&g(o.uuid,l.field,i,e);if(1!==(null==a?void 0:a.length))return;const f=u?[a[0][c]]:a[0][c],m=i[l.field];e.clearEdit(),b(f,m)||(i[l.field]=f,t("formChange",{column:l,row:i,oldValue:m,value:f,index:e.getRowIndex(i),$table:e,option:a[0]}))}))}})}export{y as selectRendererPlugin};
+import{reactive as e,inject as o,createVNode as t,mergeProps as n,onBeforeUnmount as l}from"vue";import{arrayed as i}from"../../../../../../../shared/utils/index.js";import"../../../../../index.js";import{EDITABLE_WIDGET_TYPE as r,InjectionIhoTableUUID as s}from"../../../../constants/index.js";import{useAutoFocus as d}from"../hooks/useAutoFocus.js";import{createIhoTableClearActivedInterceptor as u,getTitle as c,IhoTableRenderHelper as a,IhoTableUtils as p}from"../../../../utils/index.js";import f from"./editSelect.js";import{getDefaultValue as m,isConnectField as v,getArray as C}from"./selectUtils.js";import{getSelectOptions as E,selectOptionsMap as g}from"../hooks/useSelectOption.js";import{cloneDeep as w,isEqual as h}from"lodash-es";import{defineTablePlugin as y}from"../../../../hooks/useTablePlugin.js";function b(){const b="selectRendererPlugin",x=e(new Map);function k(e){return!0===e||"1"===e}return y({name:b,vxe(e){e.interceptor.add("event.clearActived",u(r.SELECT,(e=>e.classList.contains("iho-table__selectMenu")))),e.renderer.add(r.SELECT,{renderCell({props:e},{row:n,column:l,$table:r}){var d;const u=o(s),a=E(u,l.field,n,r),p=m(n,e,a),f=i(p).join(","),v=e&&(k(e.variableHeight)||(null==(d=e.componentProps)?void 0:d.indexedText));return[t("span",{title:c(l,f)},[v?i(p).reduce(((e,o)=>(null!=o&&e.push([o,";",t("br",null,null)]),e)),[]):f])]},renderEdit:a.createRenderEdit((({fieldItem:e,emitFormClick:l,row:i,column:r,$rowIndex:d,$table:u})=>{const c=o(s),a=E(c,r.field,i,u),p=k(e.allowModify),m=k(e.allowCreate)||p;return[t(f,n({queryOptions:e.queryOptions},e.componentProps,{options:a,column:r,row:i,"row-index":d,value:i[r.field],"onUpdate:value":e=>i[r.field]=e,allowModify:p,allowCreate:m,onClick:l}),null)]}))})},apply(e){async function o(e,o={}){var t,n,l;const i=null==(t=e.editRender)?void 0:t.props;if(!i)return[];let r=C(i.options)||C(null==(n=i.componentProps)?void 0:n.options)||[];if(i.queryOptions)try{const t={column:e,isFullData:!0,...o};r=await(null==(l=i.queryOptions)?void 0:l.call(i,t))}catch(e){console.log(`获取${i.field}_options错误`)}return r}d(e).bindAutoFocusConfig(b,r.SELECT,".n-base-selection-input,.n-base-selection-tags"),e.fieldHooks.fieldList.tap(b,((e,{uuid:t})=>{if(t){g.get(t)||g.set(t,{}),x.set(t,w(e));const n=g.get(t);e.forEach((async t=>{var l;const i=null==(l=t.editRender)?void 0:l.props;t.field&&i&&"SELECT"===p.getCellType(i)&&(n[t.field]||v(e,t.field)||(n[t.field]=[],n[t.field]=await o(t)))}))}return e})),e.dataHooks.data.tap(b,((e,{uuid:t},n)=>{if(!t)return;const l=x.get(t);if(!l||!l.length)return;const i=g.get(t);l.forEach((async t=>{var n;const r=null==(n=t.editRender)?void 0:n.props;if(t.field&&r&&"SELECT"===p.getCellType(r)&&(null==r?void 0:r.connectField)){const n=r.connectField.split(","),s=e[r.columnName];n.forEach((async n=>{const d=null==l?void 0:l.find((e=>e.field===n));if(!d)return;const u=s?`${n}__${r.columnName}-${s}`:n;i[u]||(i[u]=[],i[u]=await o(d,{row:e,connectColumn:t}))}))}}))})),e.setupHooks.setup.tap(b,(e=>{l((()=>{var o;const t=null==(o=e.value)?void 0:o.uuid;t&&(g.delete(t),x.delete(t))}))})),e.eventHooks.onCellDblclick.tap(b,(({$table:e},o,{emits:t})=>{var n;const{column:l,row:i}=e.reactData.editStore.actived;if(!l||!i)return;const s=null==(n=l.editRender)?void 0:n.props,{cellDblclickSelectable:d=!1,multiple:u=!1,valueField:c="value"}=s.componentProps||{};if(!d||!function(e){return e&&p.getCellType(e)===r.SELECT}(s))return;const a=o.uuid&&E(o.uuid,l.field,i,e);if(1!==(null==a?void 0:a.length))return;const f=u?[a[0][c]]:a[0][c],m=i[l.field];e.clearEdit(),h(f,m)||(i[l.field]=f,t("formChange",{column:l,row:i,oldValue:m,value:f,index:e.getRowIndex(i),$table:e,option:a[0]}))}))}})}export{b as selectRendererPlugin};

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/separateRendererPlugin/editSeparate.vue.d.ts

@@ -1,4 +1,4 @@
-import { AnyObject, Func } from '../../../../../../../../es/shared/types';
+import { AnyObject, AnyFn } from '../../../../../../../../es/shared/types';
 import { CSSProperties, PropType } from 'vue';
 import { VxeTableConstructor, VxeTableDefines, VxeTableMethods, VxeTablePrivateMethods } from 'vxe-table';
 declare const _default: import("vue").DefineComponent<{
@@ -54,7 +54,7 @@ declare const _default: import("vue").DefineComponent<{
     tableHandler: import("../../../../types").IhoTableHandler;
     $table: VxeTableConstructor & VxeTablePrivateMethods & VxeTableMethods;
     popoverRef: import("vue").Ref<{
-        syncPosition: Func;
+        syncPosition: AnyFn;
     } | undefined>;
     editContent: import("vue").Ref<unknown>;
     setEditContent: (value: unknown) => void;