cnhis-design-vue 3.1.45-beta.9 → 3.1.45-release.1

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{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};
+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};

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 { AnyObject } from '../../../../../../../es/shared/types';
+import { ISearchType } from '../../../../../../../es/components/table-filter/src/types';
 declare const _default: import("vue").DefineComponent<{
     componentCfg: {
-        type: PropType<AnyObject>;
+        type: PropType<ISearchType>;
     };
     value: {
         type: StringConstructor;
@@ -14,10 +14,9 @@ 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<AnyObject>;
+            type: PropType<ISearchType>;
         };
         value: {
             type: StringConstructor;
@@ -28,14 +27,14 @@ declare const _default: import("vue").DefineComponent<{
     }>>;
     emit: (event: "update:value", ...args: any[]) => void;
     tagList: import("vue").Ref<never[]>;
-    filterApiConfig: AnyObject;
+    filterApiConfig: import("../../../../..").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<AnyObject>;
+        type: PropType<ISearchType>;
     };
     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{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};
+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};

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

@@ -1,35 +1,45 @@
+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;
     }>>;
-    emit: (event: "update:value", ...args: any[]) => void;
-    valueCp: import("vue").WritableComputedRef<any>;
+    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"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, 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/Select.vue2.js

@@ -1 +1 @@
-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};
+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};