cnhis-design-vue 3.2.11-beta.3 → 3.2.11-release.1

package/es/components/iho-table/src/plugins/dynamicFilterRenderPlugin/dynamicFilter.vue2.js

@@ -1 +0,0 @@
-import{defineComponent as e,inject as a,computed as l,ref as o,onDeactivated as t,onMounted as u,resolveComponent as n,openBlock as i,createElementBlock as r,createVNode as s,unref as c,withCtx as v,normalizeStyle as d,createBlock as p,createCommentVNode as f,createElementVNode as m,createTextVNode as h,toDisplayString as g}from"vue";import{keywordMatcher as y}from"../../../../../shared/utils/index.js";import{NInput as k,NSpin as w,NPagination as x,NButtonGroup as b,NButton as S}from"naive-ui";import{useDebounceFn as _}from"@vueuse/core";import"date-fns";import{property as z,difference as C,union as I,isNumber as j,omit as D,isString as F}from"lodash-es";import{useFormRequest as R}from"../../../../../shared/hooks/useFormRequest/index.js";import"@vueuse/shared";import"../../../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import"../../../../../shared/hooks/useScrollLoading.js";import{InjectionIhoTableConfig as K,InjectionTableAsyncQueue as H}from"../../constants/index.js";import{getLowCodeFieldFromField as L,isVariableHeightTable as q}from"../../utils/index.js";const T={class:"iho-table__filterWrapper",style:{width:"300px"}},U={class:"iho-table__filterFooter"};var V=e({__name:"dynamicFilter",props:{payload:{type:Object,required:!0}},setup(e){var V,Y;const N=e,O=a("$xetable"),$=a(K),A=l((()=>z("optionInfo.dynamicOptionInfo")(L(N.payload.column)))),E=l((()=>z("optionInfo.list")(L(N.payload.column)))),W=l((()=>{var e,a;return null!=(a=null==(e=A.value)?void 0:e.valueKey)?a:"value"})),B=l((()=>{var e,a;return null!=(a=null==(e=A.value)?void 0:e.showKeys)?a:[]})),G=o([]),J=o(null!=(Y=null==(V=N.payload.column.filters)?void 0:V.reduce(((e,a)=>(a.checked&&e.push(a.value),e)),[]))?Y:[]),M=l({get:()=>J.value,async set(e){const a=C(G.value.map((e=>e[W.value])),e);J.value=I(C(J.value,a),e)}}),P=o();function Q(){P.value&&(M.value=P.value.getCheckboxRecords().map((e=>e[W.value])))}const X=o("");async function Z(){O&&(O.reactData.filterStore.visible=!1)}t(Z);const ee=o(24),ae=l((()=>{var e,a;if(!N.payload||!N.payload.column)return 10;const{filterCapacity:l}=null!=(a=null==(e=N.payload.column.editRender)?void 0:e.props)?a:{};return j(l)&&l>0?l:10})),le=l((()=>ae.value*ee.value+40));function oe(){var e,a,l,o;if(!N.payload||!O)return;if(O.reactData.filterStore.options,N.payload.column.filters=J.value.map((e=>({label:e,value:e,data:e,_checked:!0}))),O.reactData.filterStore.options=N.payload.column.filters,!q(O))return t();function t(){N.payload.$panel.confirmFilter(new CustomEvent("click"))}(null!=(a=null==(e=O.internalData.afterFullData)?void 0:e.length)?a:0)>(null!=(o=null==(l=$.value.scrollY)?void 0:l.gt)?o:100)&&(O.reactData.scrollYLoad=!0),t(),O.reactData.scrollYLoad=!1,Z()}function te(){var e;J.value=[],null==(e=P.value)||e.clearCheckboxRow()}const ue=o({page:1,total:0,pageSize:20}),ne=o(!1),ie=a(H),{getSearchRequestInfo:re}=R();function se(e){ue.value.page=e,pe()}function ce(e){ue.value.pageSize=e,ue.value.page=1,pe()}const ve=o([]),de=_((()=>se(1)),500);async function pe(){var e,a,l;const o=L(N.payload.column);if(!o||!o.optionInfo)return;if(E.value){if(G.value=E.value.reduce(((e,a)=>(function(e){return!X.value||(null!=e.name?String(e.name).includes(X.value):null!=e.value?e.value===X.value:e.extraValue&&F(e.extraValue)?y(X.value,e.extraValue):void 0)}(a)&&e.push({...a,checked:J.value.includes(a[W.value])}),e)),[]),ve.value.length)return;return void(ve.value=[{field:"select",type:"checkbox",width:40},{field:"name",title:"选项"}])}if(!A.value||!ie)return;const t={...re(),params:{[null!=(a=null==(e=A.value.filterKeys)?void 0:e[0])?a:"keyword"]:X.value,wordbookId:A.value.dataSourceId,wordbookType:A.value.dataSourceType,fieldKeys:A.value.filterKeys,autograph:A.value.autograph,asyncCount:1,...D(ue.value,"total")},cache:!0,key:null==(l=N.payload.column)?void 0:l.field};ne.value=!0;try{const e=await ie.addAsync(t);if(G.value=e.map((e=>(e.checked=J.value.includes(e[W.value]),e))),ue.value={page:e.page,total:e.total,pageSize:e.pageSize},ve.value.length)return;ve.value=[{field:"select",type:"checkbox",width:40},...B.value.reduce(((a,l)=>{var o;const t=null==(o=e.fieldList)?void 0:o.find((e=>e.columnName===l));return t&&a.push({title:t.alias||t.name||"",field:t.columnName}),a}),[])]}finally{ne.value=!1}}return u(pe),(e,a)=>{const l=n("vxe-grid");return i(),r("section",T,[s(c(k),{value:X.value,"onUpdate:value":a[0]||(a[0]=e=>X.value=e),onInput:c(de)},null,8,["value","onInput"]),s(c(w),{show:ne.value},{default:v((()=>[s(l,{class:"iho-table__filterTable",ref_key:"tableRef",ref:P,data:G.value,columns:ve.value,size:"small",height:c(le),style:d({minHeight:c(le)+"px"}),"show-overflow":"title","row-config":{height:ee.value,isHover:!0},"checkbox-config":{trigger:"row",showHeader:!1,checkField:"checked",highlight:!0},"radio-config":{trigger:"row"},onCheckboxChange:Q},null,8,["data","columns","height","style","row-config"]),c(A)?(i(),p(c(x),{key:0,style:{"margin-top":"8px"},page:ue.value.page,"onUpdate:page":se,"page-sizes":[20,30,50],"page-size":ue.value.pageSize,"onUpdate:pageSize":ce,"item-count":ue.value.total,"show-size-picker":"","page-slot":5,size:"small"},null,8,["page","page-size","item-count"])):f("v-if",!0)])),_:1},8,["show"]),m("footer",U,[m("section",null,[h(" 已选择 "),m("span",{style:d({color:"var(--c-primary-color)"})},g(J.value.length),5),h(" 项 ")]),s(c(b),{size:"small"},{default:v((()=>[s(c(S),{onClick:te},{default:v((()=>[h("清空")])),_:1}),s(c(S),{onClick:Z},{default:v((()=>[h("取消")])),_:1}),s(c(S),{type:"primary",onClick:oe},{default:v((()=>[h("确定")])),_:1})])),_:1})])])}}});export{V as default};

package/es/components/iho-table/src/plugins/dynamicFilterRenderPlugin/index.d.ts

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

package/es/components/iho-table/src/plugins/dynamicFilterRenderPlugin/index.js

@@ -1 +0,0 @@
-import{createVNode as e}from"vue";import{isObject as o}from"@vue/shared";import"../../../index.js";import{getLowCodeFieldFromField as i,useUUIDMap as r,IhoTableRenderHelper as t,createIhoTableFilterMethod as n}from"../../utils/index.js";import l from"./dynamicFilter.vue.js";import f from"./treeFilter.vue.js";import{defineTablePlugin as d}from"../../hooks/useTablePlugin.js";function m(){const m="dynamicFilterRenderPlugin";return d({name:m,vxe(o){o.renderer.mixin({[m]:{showFilterFooter:!1,renderFilter(o,r){var t,n,d;const m=i(r.column);return(null==(d=null==(n=null==(t=null==m?void 0:m.optionInfo)?void 0:t.dynamicOptionInfo)?void 0:n.treeInfo)?void 0:d.enable)?e(f,{payload:r,key:r.column.field},null):e(l,{payload:r,key:r.column.field},null)}}})},apply(e){const{getItemFromUUID:i,setItemFromUUID:l,removeItemFromUUID:f}=r((()=>[]),!1);e.fieldHooks.field.tap(m,((e,i,r,{$table:l})=>{var f,d;const u=null==(f=e.editRender)?void 0:f.props;if(!o(u))return e;if(!t.hasDynamicFilter(u))return e;if(e.filterRender={name:m},e.filters=[],!e.filterMethod){const o=null==(d=r.treeConfig)?void 0:d.children;e.filterMethod=n(o)}return r.filterConfig={iconMatch:"iho-table--iconfont iho-table-icon-filter",iconNone:"iho-table--iconfont iho-table-icon-filter",...r.filterConfig},e})),e.fieldHooks.fieldList.tap(m,((e,o)=>o.uuid?(l(o.uuid,e),e):e))}})}export{m as dynamicFilterRenderPlugin};

package/es/components/iho-table/src/plugins/dynamicFilterRenderPlugin/treeFilter.vue.js

@@ -1 +0,0 @@
-import{openBlock as e,createElementBlock as r}from"vue";import t from"../../../../../_virtual/_plugin-vue_export-helper.js";var i=t({},[["render",function(t,i){return e(),r("section")}],["__file","treeFilter.vue"]]);export{i as default};