cnhis-design-vue 3.1.45-beta.7 → 3.1.45-beta.9

package/es/components/table-filter/src/components/render-widget/components/SelectDynamic.vue.d.ts

@@ -0,0 +1,175 @@
+declare const _default: import("vue").DefineComponent<{
+    value: {
+        type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+    };
+    componentCfg: {
+        type: ObjectConstructor;
+    };
+}, {
+    message: import("naive-ui").MessageApi;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        value: {
+            type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+        };
+        componentCfg: {
+            type: ObjectConstructor;
+        };
+    }>> & {
+        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+        onChangeInitState?: ((...args: any[]) => any) | undefined;
+    }>>;
+    handleGetConfigApi: (params: any, key: string, config: {} | undefined, filterApiConfigVal: any) => Promise<any>;
+    $attrs: {
+        [x: string]: unknown;
+    };
+    emit: (event: "update:value" | "changeInitState", ...args: any[]) => void;
+    isLoading: import("vue").Ref<boolean>;
+    filterApiConfig: import("../../../../..").AnyObject;
+    curPage: import("vue").Ref<number>;
+    fieldTitleList: import("vue").Ref<any>;
+    selectOptions: import("vue").Ref<any[]>;
+    keywordVal: import("vue").Ref<any>;
+    totalPage: import("vue").Ref<number>;
+    menuProps: {
+        class: string;
+    };
+    isMultiple: import("vue").ComputedRef<unknown>;
+    dynamicOptionInfos: import("vue").ComputedRef<any>;
+    isLastPage: import("vue").ComputedRef<boolean>;
+    valueCp: import("vue").ComputedRef<string | number | any[] | null>;
+    setOptionActive: (selectIds: string[]) => void;
+    handleUpdateSelect: (value: string[] | null) => void;
+    handleUpdatePage: (page: number) => Promise<void>;
+    getOptionsData: (keyword: string, curPage: number) => Promise<any>;
+    _handleSearch: (query: string) => Promise<void>;
+    handleSearch: (query: string) => Promise<void>;
+    handleInitData: () => Promise<void>;
+    handleClear: () => Promise<void>;
+    renderTag: ({ option, handleClose }: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    init: () => Promise<void>;
+    NSelect: any;
+    SelectDynamicOption: import("vue").DefineComponent<{
+        dynamicOptionInfo: {
+            type: import("vue").PropType<import("../../../../..").AnyObject>;
+            default: () => {};
+        };
+        fieldTitleList: {
+            type: import("vue").PropType<import("../../../../..").AnyObject[]>;
+            default: () => never[];
+        };
+        optionList: {
+            type: import("vue").PropType<import("../../../../..").AnyObject[]>;
+            default: () => never[];
+        };
+        isMultiple: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        curPage: {
+            type: NumberConstructor;
+            default: number;
+        };
+        isLastPage: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }, {
+        selectMinWidth: number;
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            dynamicOptionInfo: {
+                type: import("vue").PropType<import("../../../../..").AnyObject>;
+                default: () => {};
+            };
+            fieldTitleList: {
+                type: import("vue").PropType<import("../../../../..").AnyObject[]>;
+                default: () => never[];
+            };
+            optionList: {
+                type: import("vue").PropType<import("../../../../..").AnyObject[]>;
+                default: () => never[];
+            };
+            isMultiple: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            curPage: {
+                type: NumberConstructor;
+                default: number;
+            };
+            isLastPage: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            onUpdateSelect?: ((...args: any[]) => any) | undefined;
+            onUpdatePage?: ((...args: any[]) => any) | undefined;
+        }>>;
+        emit: (event: "updateSelect" | "updatePage", ...args: any[]) => void;
+        dragEndWidth: import("vue").Ref<number>;
+        showKeys: import("vue").ComputedRef<any>;
+        titleList: import("vue").ComputedRef<string[]>;
+        handleSelect: (option: any) => void;
+        searchByPage: (onePage: number) => void;
+        changeWidth: ({ distance }: any) => void;
+        saveWidth: () => void;
+        NEmpty: any;
+        NButtonGroup: any;
+        NButton: any;
+        NIcon: any;
+        NPopover: any;
+        vFlexibleResize: {
+            mounted(el: any, { value }: any): void;
+            beforeUnmount(el: any): void;
+        };
+        ArrowBack: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        ArrowForward: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("updateSelect" | "updatePage")[], "updateSelect" | "updatePage", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        dynamicOptionInfo: {
+            type: import("vue").PropType<import("../../../../..").AnyObject>;
+            default: () => {};
+        };
+        fieldTitleList: {
+            type: import("vue").PropType<import("../../../../..").AnyObject[]>;
+            default: () => never[];
+        };
+        optionList: {
+            type: import("vue").PropType<import("../../../../..").AnyObject[]>;
+            default: () => never[];
+        };
+        isMultiple: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        curPage: {
+            type: NumberConstructor;
+            default: number;
+        };
+        isLastPage: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onUpdateSelect?: ((...args: any[]) => any) | undefined;
+        onUpdatePage?: ((...args: any[]) => any) | undefined;
+    }, {
+        dynamicOptionInfo: import("../../../../..").AnyObject;
+        fieldTitleList: import("../../../../..").AnyObject[];
+        optionList: import("../../../../..").AnyObject[];
+        isMultiple: boolean;
+        curPage: number;
+        isLastPage: boolean;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:value" | "changeInitState")[], "update:value" | "changeInitState", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+    };
+    componentCfg: {
+        type: ObjectConstructor;
+    };
+}>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    onChangeInitState?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _default;

package/es/components/table-filter/src/components/render-widget/components/SelectDynamic.vue.js

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

package/es/components/table-filter/src/components/render-widget/components/SelectDynamic.vue2.js

@@ -0,0 +1 @@
+import{defineComponent as e,useAttrs as a,ref as t,inject as l,computed as n,openBlock as u,createBlock as i,unref as o,mergeProps as r,isRef as s,withCtx as c,createVNode as v,h as p}from"vue";import{useMessage as f,NSelect as d,NTag as y}from"naive-ui";import{useDebounceFn as m}from"@vueuse/core";import g from"../../../hooks/useMixins.js";import{WidgetValEnums as h}from"../../../types/enums.js";import{InjectionFilterApiConfig as w}from"../../../constants/index.js";import S from"./SelectDynamicOption/index.vue.js";var b=e({__name:"SelectDynamic",props:{value:{type:[Array,String,Number]},componentCfg:{type:Object}},emits:["update:value","changeInitState"],setup(e,{emit:b}){const A=e,I=f(),{handleGetConfigApi:O}=g(),C=a(),L=t(!1),j=l(w),k=t(1),x=t(),P=t([]),T=t(),_=t(0),K={class:"select-dynamic-popover"},U=n((()=>C.multiple)),D=n((()=>{const{widgetCfg:e}=A.componentCfg,{dynamicOptionInfo:a={}}=e;return a})),M=n((()=>_.value>0&&k.value>=_.value)),N=n((()=>{var e;if(Array.isArray(A.value)&&A.value.length>0){const e=A.value;if(J(e),!U.value&&1==e.length){const a=P.value.find((a=>a.value===e[0]));return JSON.stringify(a)}return P.value.filter((a=>e.includes(a.value)))}return J([]),null!=(e=A.value)?e:null}));function J(e){P.value.forEach((a=>{a.actived=!1,Array.isArray(e)&&e.includes(a.value)&&(a.actived=!0)}))}function V(e){b("update:value",e)}async function q(e){k.value=e,await E(T.value,k.value)}async function E(e,a){try{if(Object.keys(D.value).length>0){const{autograph:t,dataSourceId:l,dataSourceType:n,filterKeys:u,showKeys:i,valueKey:o}=D.value;let r={wordbookId:l,autograph:t,wordbookType:n,fieldKeys:u,page:a};u.length>0&&(r[u[0]]=e),L.value=!0;let s=await O(r,"requestDynamicSelect",{},j);if(s){const{fieldList:e=[],rows:a=[],total:t=0}=s.map,l=a.map((e=>({...e,label:e[i[0]],value:e[o]})));return x.value=null!=e?e:[],P.value=null!=l?l:[],_.value=t,l}}}catch(e){I.error(`异步数据源下拉框数据请求失败：${e}`),console.log(e)}finally{L.value=!1}}const F=m((async e=>{await async function(e){T.value=e.trim(),k.value=1,await E(T.value,k.value)}(e)}),300);async function G(){Object.keys(D.value).length>0&&j&&await E("",k.value)}async function R(){b("update:value",null),await G()}function $({option:e,handleClose:a}){if(U.value){const t=e.value;return p(y,{style:{padding:"0 8px"},closable:!0,onClose:e=>{if(e.stopPropagation(),a(),Array.isArray(A.value)&&A.value.length>0){const e=A.value,a=e.indexOf(t.value);if(a>-1){const t=e.splice(0,a);b("update:value",t.length>0?t:null)}}}},{default:()=>p("div",t.label)})}const t=e.value?JSON.parse(e.value):{label:""};return p("div",t.label)}return async function(){const{widgetCfg:e,_frontId:a}=A.componentCfg,{defValueUnit:t="",isInit:l}=e;await G();const n=Array.isArray(A.value)?A.value.length>0:A.value;if(!l&&!n&&t)switch(t){case h.FIRST_VAL:{const e=P.value[0];b("update:value",[e.value]),b("changeInitState",a,!0);break}}}(),(e,a)=>(u(),i(o(d),r(o(C),{value:o(N),"onUpdate:value":a[0]||(a[0]=e=>s(N)?N.value=e:null),remote:"",loading:L.value,"render-tag":$,"menu-props":K,onSearch:o(F),onClear:R}),{empty:c((()=>[v(S,r(o(C),{dynamicOptionInfo:o(D),fieldTitleList:x.value,optionList:P.value,isMultiple:o(U),curPage:k.value,isLastPage:o(M),onUpdateSelect:V,onUpdatePage:q}),null,16,["dynamicOptionInfo","fieldTitleList","optionList","isMultiple","curPage","isLastPage"])])),_:1},16,["value","loading","onSearch"]))}});export{b as default};

package/es/components/table-filter/src/components/render-widget/components/SelectDynamicOption/index.vue.d.ts

@@ -0,0 +1,114 @@
+import { PropType } from 'vue';
+import { AnyObject } from '../../../../../../../../es/shared/types';
+declare const _default: import("vue").DefineComponent<{
+    dynamicOptionInfo: {
+        type: PropType<AnyObject>;
+        default: () => {};
+    };
+    fieldTitleList: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    optionList: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    isMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    curPage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isLastPage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    selectMinWidth: number;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        dynamicOptionInfo: {
+            type: PropType<AnyObject>;
+            default: () => {};
+        };
+        fieldTitleList: {
+            type: PropType<AnyObject[]>;
+            default: () => never[];
+        };
+        optionList: {
+            type: PropType<AnyObject[]>;
+            default: () => never[];
+        };
+        isMultiple: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        curPage: {
+            type: NumberConstructor;
+            default: number;
+        };
+        isLastPage: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onUpdateSelect?: ((...args: any[]) => any) | undefined;
+        onUpdatePage?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "updateSelect" | "updatePage", ...args: any[]) => void;
+    dragEndWidth: import("vue").Ref<number>;
+    showKeys: import("vue").ComputedRef<any>;
+    titleList: import("vue").ComputedRef<string[]>;
+    handleSelect: (option: any) => void;
+    searchByPage: (onePage: number) => void;
+    changeWidth: ({ distance }: any) => void;
+    saveWidth: () => void;
+    NEmpty: any;
+    NButtonGroup: any;
+    NButton: any;
+    NIcon: any;
+    NPopover: any;
+    vFlexibleResize: {
+        mounted(el: any, { value }: any): void;
+        beforeUnmount(el: any): void;
+    };
+    ArrowBack: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    ArrowForward: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("updateSelect" | "updatePage")[], "updateSelect" | "updatePage", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    dynamicOptionInfo: {
+        type: PropType<AnyObject>;
+        default: () => {};
+    };
+    fieldTitleList: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    optionList: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    isMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    curPage: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isLastPage: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onUpdateSelect?: ((...args: any[]) => any) | undefined;
+    onUpdatePage?: ((...args: any[]) => any) | undefined;
+}, {
+    dynamicOptionInfo: AnyObject;
+    fieldTitleList: AnyObject[];
+    optionList: AnyObject[];
+    isMultiple: boolean;
+    curPage: number;
+    isLastPage: boolean;
+}>;
+export default _default;

package/es/components/table-filter/src/components/render-widget/components/SelectDynamicOption/index.vue.js

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

package/es/components/table-filter/src/components/render-widget/components/SelectDynamicOption/index.vue2.js

@@ -0,0 +1 @@
+import{defineComponent as e,ref as t,computed as i,withDirectives as n,openBlock as a,createElementBlock as l,normalizeStyle as o,createBlock as c,unref as s,Fragment as d,renderList as u,toDisplayString as r,createCommentVNode as p,createElementVNode as v,normalizeClass as m,withCtx as f,createTextVNode as y,createVNode as g}from"vue";import{NEmpty as h,NPopover as k,NButtonGroup as L,NButton as b,NIcon as P}from"naive-ui";import _ from"../../../../../../classification/src/directive/flexibleResize.js";import{ArrowBack as x,ArrowForward as M}from"@vicons/ionicons5";const C={key:0,class:"dynamic-header"},z={class:"dynamic-content"},E=["onClick"],O={class:"content"},S={class:"dynamic-pagination"};var j=e({__name:"index",props:{dynamicOptionInfo:{type:Object,default:()=>({})},fieldTitleList:{type:Array,default:()=>[]},optionList:{type:Array,default:()=>[]},isMultiple:{type:Boolean,default:!1},curPage:{type:Number,default:1},isLastPage:{type:Boolean,default:!1}},emits:["updateSelect","updatePage"],setup(e,{emit:j}){const A=e,B=t(200),I=i((()=>{var e,t;return null!=(t=null==(e=A.dynamicOptionInfo)?void 0:e.showKeys)?t:[]})),N=i((()=>I.value&&I.value.length>0?I.value.map((e=>{let t="";return A.fieldTitleList.forEach((i=>{i.columnName===e&&(t=i.title)})),t})):[]));function R(e){const t=A.curPage+e;j("updatePage",t)}function T({distance:e}){const t=B.value+e;B.value=Math.min(Math.max(t,200),1e3)}function w(){}return(t,i)=>n((a(),l("div",{class:"select-dynamic-options",style:o({minWidth:B.value+"px",position:"relative"})},[0===e.optionList.length?(a(),c(s(h),{key:0,description:"无数据"})):(a(),l(d,{key:1},[s(N)&&s(N).length>1?(a(),l("div",C,[(a(!0),l(d,null,u(s(N),(e=>(a(),l("span",{key:e,class:"name"},r(e),1)))),128))])):p("v-if",!0),v("ul",z,[(a(!0),l(d,null,u(e.optionList,(e=>(a(),l("li",{class:m(e.actived?"actived":""),key:e.value,onClick:t=>function(e){var t,i;if(!A.isMultiple)return null==(t=A.optionList)||t.forEach((e=>{e.actived=!1})),e.actived=!0,void j("updateSelect",[e.value]);e.actived?e.actived=!1:e.actived=!0;const n=null==(i=A.optionList)?void 0:i.filter((e=>e.actived)).map((e=>e.value));j("updateSelect",n)}(e)},[(a(!0),l(d,null,u(s(I),(t=>(a(),c(s(k),{key:t,trigger:"hover",duration:0},{trigger:f((()=>[v("span",O,r(e[t]),1)])),default:f((()=>[y(" "+r(e[t]),1)])),_:2},1024)))),128))],10,E)))),128))]),v("div",S,[g(s(L),null,{default:f((()=>[g(s(b),{onClick:i[0]||(i[0]=e=>R(-1)),disabled:e.curPage<=1},{icon:f((()=>[g(s(P),{component:s(x),size:"16"},null,8,["component"])])),default:f((()=>[y(" 上一页 ")])),_:1},8,["disabled"]),g(s(b),{"icon-placement":"right",onClick:i[1]||(i[1]=e=>R(1)),disabled:e.isLastPage},{icon:f((()=>[g(s(P),{component:s(M),size:"16"},null,8,["component"])])),default:f((()=>[y(" 下一页 ")])),_:1},8,["disabled"])])),_:1})])],64))],4)),[[s(_),{mode:"VR",onMove:T,onEnd:w}]])}});export{j as default};