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

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

@@ -1,8 +1,9 @@
 import { PropType } from 'vue';
-import { IFilterCategoryLabelItemType, IhoFilterTabLabelItemType, ISearchType } from '../../../../../../../es/components/table-filter/src/types';
+import { IFilterCategoryLabelItemType, IhoFilterTabLabelItemType } from '../../../../../../../es/components/table-filter/src/types';
+import { AnyObject } from '../../../../../../../es/shared/types';
 declare const _default: import("vue").DefineComponent<{
     componentCfg: {
-        type: PropType<ISearchType>;
+        type: PropType<AnyObject>;
     };
     value: {
         type: StringConstructor;
@@ -10,10 +11,11 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     handleGetConfigApi: (params: any, key: string, config: {} | undefined, filterApiConfigVal: any) => Promise<any>;
+    message: import("naive-ui").MessageApi;
     baseActiveColor: string;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         componentCfg: {
-            type: PropType<ISearchType>;
+            type: PropType<AnyObject>;
         };
         value: {
             type: StringConstructor;
@@ -25,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
     emit: (event: "update:value", ...args: any[]) => void;
     selectedList: import("vue").Ref<string[]>;
     tagList: import("vue").Ref<never[]>;
-    filterApiConfig: import("../../../../..").AnyObject;
+    filterApiConfig: AnyObject;
     categoryList: import("vue").ComputedRef<IFilterCategoryLabelItemType[]>;
     onResize: (el: HTMLElement, categoryItem: IFilterCategoryLabelItemType) => void;
     handleLabelUpfold: (categoryItem: IFilterCategoryLabelItemType) => void;
@@ -48,7 +50,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     componentCfg: {
-        type: PropType<ISearchType>;
+        type: PropType<AnyObject>;
     };
     value: {
         type: StringConstructor;

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

@@ -1 +1 @@
-import{defineComponent as e,ref as l,inject as t,watch as s,computed as o,openBlock as n,createElementBlock as a,Fragment as i,renderList as c,unref as r,createElementVNode as d,toDisplayString as u,normalizeClass as p,withDirectives as f,createBlock as m,normalizeStyle as b,withCtx as v,createVNode as h,withModifiers as y,createCommentVNode as g}from"vue";import{NTag as k,NTooltip as S,NIcon as w}from"naive-ui";import{ChevronUpCircleOutline as C,ChevronDownCircleOutline as x}from"@vicons/ionicons5";import U from"../../../directive/resize.js";import L from"../../../hooks/useMixins.js";import{InjectionFilterApiConfig as j}from"../../../constants/index.js";import{isString as B}from"lodash-es";const T={class:"label-attr-filter-container"},_={class:"edit-f-label"},z={class:"label-f-content"},I={key:0,class:"label-f-unfold-btn"},q=["onClick"],A=d("span",null,"收起",-1),G=d("span",null,"展开",-1);var H=e({__name:"LabelInner",props:{componentCfg:{type:Object},value:{type:String,default:""}},emits:["update:value"],setup(e,{emit:H}){const M=e,{handleGetConfigApi:N}=L(),O="rgb(85, 133, 245)",D=l([]),E=l([]),F=t(j);s((()=>M.value),(e=>{const l=e&&B(e)?e.split("|#|"):[];D.value=l}),{immediate:!0});const J=o((()=>E.value&&E.value.length>0?E.value.map((e=>(e.labelList.map((e=>{e.isSelect=D.value.includes(e.labelShowText)})),e))):[])),K=e=>e.isSelect?{background:e.backgroundColor||O,borderColor:e.backgroundColor||O}:{};return(async()=>{try{const{widgetCfg:e={}}=M.componentCfg,{classifyStr:l=""}=e;let t=await N({classifyStr:l},"requestListByClassify",{},F);if(t){const{list:e=[]}=t;E.value=e}}catch(e){console.log(e)}})(),(e,l)=>(n(),a("div",T,[(n(!0),a(i,null,c(r(J),(e=>(n(),a("div",{class:"edit-labels-content",key:e.classifyId},[d("span",_,u(e.classifyName)+"：",1),d("div",{class:p(["edit-f-content",{"label-select-height":!e.isUnfold&&e.labelList&&e.isShowBtn}])},[f((n(),a("div",z,[(n(!0),a(i,null,c(e.labelList,(e=>(n(),m(r(k),{checkable:"",key:e.labelCode,checked:e.isSelect,"onUpdate:checked":l=>((e,l)=>{if(l.isSelect=e,e)D.value.push(l.labelShowText);else{const e=D.value.findIndex((e=>e===l.labelShowText));e>-1&&D.value.splice(e,1)}H("update:value",D.value.join("|#|"))})(l,e),style:b(K(e))},{default:v((()=>[h(r(S),{placement:"top-start",duration:0},{trigger:v((()=>[d("span",null,u(e.labelShowText),1)])),default:v((()=>[d("span",null,u(e.labelShowText),1)])),_:2},1024)])),_:2},1032,["checked","onUpdate:checked","style"])))),128))])),[[r(U),l=>((e,l)=>{let t=e.offsetHeight||0;t&&(t>80?l.isShowBtn=!0:(l.isShowBtn=!1,l.isUnfold=!1))})(l,e)]])],2),e.labelList&&e.isShowBtn?(n(),a("div",I,[d("span",{class:"operate-btn",onClick:y((l=>(e=>{e.isUnfold=!e.isUnfold})(e)),["stop"])},[e.isUnfold?(n(),a(i,{key:0},[A,h(r(w),{component:r(C),size:"16"},null,8,["component"])],64)):(n(),a(i,{key:1},[G,h(r(w),{component:r(x),size:"16"},null,8,["component"])],64))],8,q)])):g("v-if",!0)])))),128))]))}});export{H as default};
+import{defineComponent as e,ref as l,inject as t,watch as s,computed as o,openBlock as n,createElementBlock as a,Fragment as i,renderList as c,unref as r,createElementVNode as d,toDisplayString as u,normalizeClass as p,withDirectives as f,createBlock as m,normalizeStyle as b,withCtx as v,createVNode as h,withModifiers as y,createCommentVNode as g}from"vue";import{useMessage as k,NTag as S,NTooltip as w,NIcon as C}from"naive-ui";import{ChevronUpCircleOutline as x,ChevronDownCircleOutline as U}from"@vicons/ionicons5";import L from"../../../directive/resize.js";import j from"../../../hooks/useMixins.js";import{InjectionFilterApiConfig as B}from"../../../constants/index.js";import{isString as T}from"lodash-es";const _={class:"label-attr-filter-container"},z={class:"edit-f-label"},I={class:"label-f-content"},q={key:0,class:"label-f-unfold-btn"},A=["onClick"],G=d("span",null,"收起",-1),H=d("span",null,"展开",-1);var M=e({__name:"LabelInner",props:{componentCfg:{type:Object},value:{type:String,default:""}},emits:["update:value"],setup(e,{emit:M}){const N=e,{handleGetConfigApi:O}=j(),$=k(),D="rgb(85, 133, 245)",E=l([]),F=l([]),J=t(B);s((()=>N.value),(e=>{const l=e&&T(e)?e.split("|#|"):[];E.value=l}),{immediate:!0});const K=o((()=>F.value&&F.value.length>0?F.value.map((e=>(e.labelList.map((e=>{e.isSelect=E.value.includes(e.labelShowText)})),e))):[])),P=e=>e.isSelect?{background:e.backgroundColor||D,borderColor:e.backgroundColor||D}:{};return(async()=>{try{const{widgetCfg:e={}}=N.componentCfg,{classifyStr:l=""}=e;let t=await O({classifyStr:l},"requestListByClassify",{},J);if(t){const{list:e=[]}=t;F.value=e}}catch(e){$.error(`获取标签数据请求失败：${e}`),console.log(e)}})(),(e,l)=>(n(),a("div",_,[(n(!0),a(i,null,c(r(K),(e=>(n(),a("div",{class:"edit-labels-content",key:e.classifyId},[d("span",z,u(e.classifyName)+"：",1),d("div",{class:p(["edit-f-content",{"label-select-height":!e.isUnfold&&e.labelList&&e.isShowBtn}])},[f((n(),a("div",I,[(n(!0),a(i,null,c(e.labelList,(e=>(n(),m(r(S),{checkable:"",key:e.labelCode,checked:e.isSelect,"onUpdate:checked":l=>((e,l)=>{if(l.isSelect=e,e)E.value.push(l.labelShowText);else{const e=E.value.findIndex((e=>e===l.labelShowText));e>-1&&E.value.splice(e,1)}M("update:value",E.value.join("|#|"))})(l,e),style:b(P(e))},{default:v((()=>[h(r(w),{placement:"top-start",duration:0},{trigger:v((()=>[d("span",null,u(e.labelShowText),1)])),default:v((()=>[d("span",null,u(e.labelShowText),1)])),_:2},1024)])),_:2},1032,["checked","onUpdate:checked","style"])))),128))])),[[r(L),l=>((e,l)=>{let t=e.offsetHeight||0;t&&(t>80?l.isShowBtn=!0:(l.isShowBtn=!1,l.isUnfold=!1))})(l,e)]])],2),e.labelList&&e.isShowBtn?(n(),a("div",q,[d("span",{class:"operate-btn",onClick:y((l=>(e=>{e.isUnfold=!e.isUnfold})(e)),["stop"])},[e.isUnfold?(n(),a(i,{key:0},[G,h(r(C),{component:r(x),size:"16"},null,8,["component"])],64)):(n(),a(i,{key:1},[H,h(r(C),{component:r(U),size:"16"},null,8,["component"])],64))],8,A)])):g("v-if",!0)])))),128))]))}});export{M as default};

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

@@ -1,9 +1,9 @@
 import { PropType } from 'vue';
 import { SelectOption } from 'naive-ui';
-import { ISearchType } from '../../../../../../../es/components/table-filter/src/types';
+import { AnyObject } from '../../../../../../../es/shared/types';
 declare const _default: import("vue").DefineComponent<{
     componentCfg: {
-        type: PropType<ISearchType>;
+        type: PropType<AnyObject>;
     };
     value: {
         type: StringConstructor;
@@ -14,9 +14,10 @@ declare const _default: import("vue").DefineComponent<{
     $attrs: {
         [x: string]: unknown;
     };
+    message: import("naive-ui").MessageApi;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         componentCfg: {
-            type: PropType<ISearchType>;
+            type: PropType<AnyObject>;
         };
         value: {
             type: StringConstructor;
@@ -27,14 +28,14 @@ declare const _default: import("vue").DefineComponent<{
     }>>;
     emit: (event: "update:value", ...args: any[]) => void;
     tagList: import("vue").Ref<never[]>;
-    filterApiConfig: import("../../../../..").AnyObject;
+    filterApiConfig: AnyObject;
     valueCp: import("vue").WritableComputedRef<string[]>;
     optionList: import("vue").ComputedRef<SelectOption[]>;
     initTagList: () => Promise<void>;
     NSelect: any;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     componentCfg: {
-        type: PropType<ISearchType>;
+        type: PropType<AnyObject>;
     };
     value: {
         type: StringConstructor;

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

@@ -1 +1 @@
-import{defineComponent as e,useAttrs as t,ref as l,inject as a,computed as o,openBlock as s,createBlock as u,unref as n,mergeProps as i,isRef as r}from"vue";import{NSelect as p}from"naive-ui";import c from"../../../hooks/useMixins.js";import{InjectionFilterApiConfig as f}from"../../../constants/index.js";var v=e({__name:"LabelOut",props:{componentCfg:{type:Object},value:{type:String,default:""}},emits:["update:value"],setup(e,{emit:v}){const m=e,{handleGetConfigApi:h}=c(),d=t(),b=l([]),g=a(f),y=o({set(e){const t=e?e.join("|#|"):e;v("update:value",t)},get:()=>m.value?m.value.split("|#|"):[]}),x=o((()=>{if(b.value&&b.value.length>0){let e=[],t=[];return b.value.forEach((l=>{l.labelList.forEach((l=>{e.includes(l.labelShowText)||(e.push(l.labelShowText),t.push({label:l.labelShowText,value:l.labelShowText}))}))})),t}return[]}));return(async()=>{try{const{widgetCfg:e={}}=m.componentCfg,{classifyStr:t=""}=e;let l=await h({classifyStr:t},"requestListByClassify",{},g);if(l){const{list:e=[]}=l;b.value=e}}catch(e){console.log(e)}})(),(e,t)=>(s(),u(n(p),i({to:"body"},n(d),{value:n(y),"onUpdate:value":t[0]||(t[0]=e=>r(y)?y.value=e:null),options:n(x)}),null,16,["value","options"]))}});export{v as default};
+import{defineComponent as e,useAttrs as t,ref as l,inject as a,computed as o,openBlock as s,createBlock as u,unref as n,mergeProps as i,isRef as r}from"vue";import{useMessage as p,NSelect as c}from"naive-ui";import f from"../../../hooks/useMixins.js";import{InjectionFilterApiConfig as v}from"../../../constants/index.js";var m=e({__name:"LabelOut",props:{componentCfg:{type:Object},value:{type:String,default:""}},emits:["update:value"],setup(e,{emit:m}){const h=e,{handleGetConfigApi:d}=f(),b=t(),g=p(),y=l([]),x=a(v),S=o({set(e){const t=e?e.join("|#|"):e;m("update:value",t)},get:()=>h.value?h.value.split("|#|"):[]}),w=o((()=>{if(y.value&&y.value.length>0){let e=[],t=[];return y.value.forEach((l=>{l.labelList.forEach((l=>{e.includes(l.labelShowText)||(e.push(l.labelShowText),t.push({label:l.labelShowText,value:l.labelShowText}))}))})),t}return[]}));return(async()=>{try{const{widgetCfg:e={}}=h.componentCfg,{classifyStr:t=""}=e;let l=await d({classifyStr:t},"requestListByClassify",{},x);if(l){const{list:e=[]}=l;y.value=e}}catch(e){g.error(`获取标签数据请求失败：${e}`),console.log(e)}})(),(e,t)=>(s(),u(n(c),i({to:"body"},n(b),{value:n(S),"onUpdate:value":t[0]||(t[0]=e=>r(S)?S.value=e:null),options:n(w)}),null,16,["value","options"]))}});export{m as default};

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

@@ -1,45 +1,35 @@
-import { SelectOption } from 'naive-ui';
 declare const _default: import("vue").DefineComponent<{
     value: {
         type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
     };
+    componentCfg: {
+        type: ObjectConstructor;
+    };
 }, {
+    $attrs: {
+        [x: string]: unknown;
+    };
     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;
-    selectOptions: import("vue").Ref<any[]>;
-    isRemote: import("vue").Ref<boolean>;
-    isLoading: import("vue").Ref<boolean>;
-    filterApiConfig: import("../../../../..").AnyObject;
-    valueCp: import("vue").WritableComputedRef<unknown>;
-    searchOptions: (keyword: string) => Promise<any>;
-    _handleSearch: (query: string) => Promise<void>;
-    handleSearch: (query: string) => Promise<void>;
-    handleInitData: () => Promise<void>;
-    renderLabel: (option: SelectOption) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>;
-    renderTag: ({ option, handleClose }: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>;
-    init: () => Promise<void>;
+    emit: (event: "update:value", ...args: any[]) => void;
+    valueCp: import("vue").WritableComputedRef<any>;
     NSelect: any;
-}, 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<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", 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/Select.vue2.js

@@ -1 +1 @@
-import{defineComponent as e,useAttrs as a,ref as t,inject as n,computed as l,openBlock as o,createBlock as i,unref as u,mergeProps as r,isRef as s,h as c}from"vue";import{NSelect as p,NTag as v}from"naive-ui";import{useDebounceFn as d}from"@vueuse/core";import f from"../../../hooks/useMixins.js";import{InjectionFilterApiConfig as m}from"../../../constants/index.js";var y=e({__name:"Select",props:{value:{type:[Array,String,Number]}},emits:["update:value","changeInitState"],setup(e,{emit:y}){const g=e,{handleGetConfigApi:h}=f(),b=a(),w=t([]),I=t(!1),S=t(!1),A=n(m),O=l({set(e){const a=Array.isArray(e)?e:e?[e]:null;y("update:value",a)},get(){var e;if(Array.isArray(g.value)&&g.value.length>0){const{multiple:e}=b;return e||1!=g.value.length?g.value:g.value[0]}return null!=(e=g.value)?e:null}});async function k(e){try{if(b.dynamicOptionInfo){const{autograph:a,dataSourceId:t,dataSourceType:n,filterKeys:l,showKeys:o,valueKey:i}=b.dynamicOptionInfo;let u={wordbookId:t,autograph:a,wordbookType:n,fieldKeys:l,page:1};l.length>0&&(u[l[0]]=e),S.value=!0;let r=await h(u,"requestDynamicSelect",{},A);if(r){const{fieldList:e=[],rows:a=[]}=r,t=a.map((e=>({...e,label:e[o[0]],value:e[i]})));return w.value=t,t}}}catch(e){console.log(e)}finally{S.value=!1}}const K=d((async e=>{await async function(e){const{manualMapping:a}=b;if(!a){const a=e.trim();await k(a)}}(e)}),300);async function M(){const{manualMapping:e,dynamicOptionInfo:a,valueList:t}=b;if(e&&Array.isArray(t))return I.value=!1,void(w.value=t.map((({value:e,label:a})=>({value:e,label:a}))));Object.keys(a).length>0&&A&&(I.value=!0,await k(""))}function x(e){const{manualMapping:a}=b;if(a)return c("div",e.label);const{showKeys:t=[]}=b.dynamicOptionInfo;return b.dynamicOptionInfo&&t.length>0?c("div",{class:"select-widget-dynamic-option"},t.map((a=>c("span",{class:"select-widget-dynamic-item"},e[a])))):c("div",e.label)}function C({option:e,handleClose:a}){const{multiple:t}=b;return t?c(v,{style:{padding:"0 8px"},closable:!0,onClose:e=>{e.stopPropagation(),a()}},{default:()=>c("div",e.label)}):c("div",e.label)}return async function(){const{manualMapping:e,defValue:a,defValueUnit:t,_frontId:n,isInit:l}=b;await M();const o=Array.isArray(g.value)?g.value.length>0:g.value;if(!l&&!o){if(e)return y("update:value",a),void y("changeInitState",n,!0);if(t)switch(t){case"FIRST":{const e=w.value[0];y("update:value",[e.value]),y("changeInitState",n,!0);break}}}}(),(e,a)=>(o(),i(u(p),r(u(b),{value:u(O),"onUpdate:value":a[0]||(a[0]=e=>s(O)?O.value=e:null),to:"body",loading:S.value,options:w.value,remote:I.value,"render-label":x,"render-tag":C,onSearch:u(K),onClear:M}),null,16,["value","loading","options","remote","onSearch"]))}});export{y as default};
+import{defineComponent as e,useAttrs as t,computed as u,openBlock as a,createBlock as l,unref as r,mergeProps as p,isRef as v}from"vue";import{NSelect as n}from"naive-ui";var o=e({__name:"Select",props:{value:{type:[Array,String,Number]},componentCfg:{type:Object}},emits:["update:value"],setup(e,{emit:o}){const m=e,i=t(),s=u({set(e){o("update:value",e)},get:()=>m.value});return(e,t)=>(a(),l(r(n),p(r(i),{value:r(s),"onUpdate:value":t[0]||(t[0]=e=>v(s)?s.value=e:null)}),null,16,["value"]))}});export{o as default};

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

@@ -0,0 +1,45 @@
+import { SelectOption } from 'naive-ui';
+declare const _default: import("vue").DefineComponent<{
+    value: {
+        type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        value: {
+            type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+        };
+    }>> & {
+        "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;
+    selectOptions: import("vue").Ref<any[]>;
+    isRemote: import("vue").Ref<boolean>;
+    isLoading: import("vue").Ref<boolean>;
+    filterApiConfig: import("../../../../..").AnyObject;
+    valueCp: import("vue").WritableComputedRef<unknown>;
+    searchOptions: (keyword: string) => Promise<any>;
+    _handleSearch: (query: string) => Promise<void>;
+    handleSearch: (query: string) => Promise<void>;
+    handleInitData: () => Promise<void>;
+    renderLabel: (option: SelectOption) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    renderTag: ({ option, handleClose }: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    init: () => Promise<void>;
+    NSelect: any;
+}, 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)[];
+    };
+}>> & {
+    "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.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};