cnhis-design-vue 3.1.41-beta.1 → 3.1.41-beta.10

package/es/components/table-filter/src/components/search-filter/SearchFilter.vue.js

@@ -1 +0,0 @@
-import{defineComponent as e,ref as a,computed as t,onBeforeUnmount as i,watch as l,openBlock as o,createBlock as n,unref as s,normalizeClass as u,withCtx as d,createVNode as c,normalizeStyle as r,createElementVNode as v,createTextVNode as p,mergeProps as f,createElementBlock as h,Fragment as m,createCommentVNode as g}from"vue";import{NModal as y,NCard as b,NButton as x}from"naive-ui";import{DataTypeEnums as S}from"../../types/enums.js";import A from"../search-condition/SearchCondition.vue.js";import L from"../classify-filter/index.vue.js";import k from"../../../../../shared/components/SvgIcon/SvgIcon.vue.js";import w from"../../../../../_virtual/plugin-vue_export-helper.js";const C={class:"svg-wrap"};var _=w(e({__name:"SearchFilter",props:{visible:{type:Boolean,default:!1},modalTitle:{type:String,default:"设置分类"},conditionList:{type:Array,default:()=>[]},searchFieldList:{type:Array,default:()=>[]},tableDataType:{type:String,default:""},filterApiConfig:{type:Object,default:()=>({})}},emits:["cancelSaveAdd"],setup(e,{expose:w,emit:_}){const T=e,I=a(T.visible),j=a(!1),F=a("860px");let D=a({maxHeight:"496px",height:"496px",overflowY:"auto"}),H=a(null),P=a(null),Q=null;const $=t((()=>T.tableDataType===S.API));function z(){R(),Q=setTimeout((()=>{!function(){switch(T.tableDataType){case S.API:H&&H.value.handleInitConditions();break;case S.SQL:P&&P.value.handleInitConditions()}}()}),30)}function R(){Q&&clearTimeout(Q)}function Y(){switch(T.tableDataType){case S.API:H&&H.value.saveAdd();break;case S.SQL:P&&P.value.saveAdd()}}function q(){I.value=!1,_("cancelSaveAdd"),F.value="860px",D.value={height:"496px",maxHeight:"496px",overflowY:"auto"},j.value=!1,function(){switch(T.tableDataType){case S.API:H&&H.value.cancelSaveAdd();break;case S.SQL:P&&P.value.cancelSaveAdd()}}()}function B(){j.value=!j.value;let e=document.body.clientHeight;"860px"===F.value?(F.value="100%",D.value.maxHeight=`${e}px`,D.value.height=`${e}px`):(F.value="860px",D.value.maxHeight="496px",D.value.height="")}return i((()=>{R()})),l((()=>T.visible),(e=>{I.value=e,e&&z()})),w({cancelSaveAdd:q}),(a,t)=>(o(),n(s(y),{show:I.value,"onUpdate:show":t[0]||(t[0]=e=>I.value=e),maskClosable:!1,width:F.value,bodyStyle:s(D),class:u(["search-filter-modal-wrap standard-modal standard-modal-white",{"modal-screen":j.value}]),closable:!1,centered:"",onPositiveClick:Y,onNegativeClick:q},{default:d((()=>[c(s(b),{style:r({width:F.value,...s(D)}),title:T.modalTitle,bordered:!1,size:"huge",role:"dialog","aria-modal":"true"},{"header-extra":d((()=>[v("div",C,[c(s(k),{onClick:B,"icon-class":j.value?"xitongtubiaodaohangtubiaozuixiaohua":"xitongtubiaodaohangtubiaozuidahua"},null,8,["icon-class"]),c(s(k),{"icon-class":"xitongtubiaodaohangtubiaoguanbi",onClick:q})])])),footer:d((()=>[c(s(x),{onClick:q},{default:d((()=>[p("取消")])),_:1}),c(s(x),{type:"info",onClick:Y},{default:d((()=>[p("保存")])),_:1})])),default:d((()=>[s($)?(o(),n(L,f({key:0},a.$attrs,{ref_key:"conditionApiRef",ref:H,conditionList:T.conditionList}),null,16,["conditionList"])):(o(),h(m,{key:1},[g(" SQL筛选分类弹窗主体内容 "),c(A,f(a.$attrs,{ref_key:"conditionSqlRef",ref:P,conditionList:T.conditionList,searchFieldList:T.searchFieldList,filterApiConfig:e.filterApiConfig}),null,16,["conditionList","searchFieldList","filterApiConfig"])],2112))])),_:1},8,["style","title"])])),_:1},8,["show","width","bodyStyle","class"]))}}),[["__file","SearchFilter.vue"]]);export{_ as default};