essential-com
Version:
### 介绍 ---
2 lines (1 loc) • 11.7 kB
JavaScript
import{defineComponent as e,resolveComponent as t,openBlock as l,createBlock as n,normalizeClass as a,withCtx as o,createVNode as i,mergeProps as s,createElementBlock as r,Fragment as d,renderList as p,createCommentVNode as m,toHandlers as u,createTextVNode as c,toDisplayString as y,createElementVNode as f,renderSlot as x,pushScopeId as b,popScopeId as k}from"vue";var g=e({name:"EsForm",components:{},props:{msg:String,listQuery:null,formItem:null,pcCol:Number,rules:Object,position:Object,mBlock:Boolean,pcBlock:Boolean},setup:()=>({isPC:!0}),created(){this.isPC=this.getIsPc()},methods:{getIsPc:()=>!/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)}});const h={style:{"text-align":"center"}},v=(e=>(b("data-v-ce2a997a"),e=e(),k(),e))((()=>f("div",{class:"clearfix"},null,-1)));function V(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===l&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}V('.EsForm[data-v-ce2a997a] {\n padding-bottom: 0;\n}\n.EsForm[data-v-ce2a997a] .contents[data-v-ce2a997a] {\n display: contents;\n}\n.EsForm[data-v-ce2a997a] .grid[data-v-ce2a997a] {\n display: grid;\n}\n.EsForm[data-v-ce2a997a] .block[data-v-ce2a997a] {\n display: block;\n}\n.EsForm[data-v-ce2a997a] .clearfix[data-v-ce2a997a] {\n display: block;\n content: "";\n overflow: hidden;\n clear: both;\n}');V("\n.EsForm[data-v-ce2a997a] .el-form {\n display: contents;\n}\n.EsForm[data-v-ce2a997a] .el-form-item__label {\n font-family: PingFangSC-Regular;\n font-size: 14px;\n color: #4A4A4A;\n}\n.EsForm[data-v-ce2a997a] .el-form-item__content {\n display: flex;\n flex: 1;\n}\n.EsForm[data-v-ce2a997a] .el-input {\n display: flex;\n flex: 1;\n}\n.EsForm[data-v-ce2a997a] .el-select {\n display: flex;\n flex: 1;\n}\n.EsForm[data-v-ce2a997a] .el-date-editor {\n display: flex;\n flex: 1;\n}\n.EsForm[data-v-ce2a997a] .el-cascader {\n display: flex;\n flex: 1;\n}\n.EsForm[data-v-ce2a997a] .el-autocomplete {\n display: flex;\n flex: 1;\n}\n\n /* .EsForm :deep() .el-radio {\n height:36px;\n line-height: 36px;\n } */\n.el-selects[data-v-ce2a997a] .el-input__inner{\n overflow: hidden;\n text-overflow:ellipsis;\n white-space: nowrap;\n}\n@media screen and (max-width: 700px){\n.mobile[data-v-ce2a997a] .el-form-item {\n display: flex;\n flex-direction: column;\n}\n.mobile[data-v-ce2a997a] .el-form-item__label {\n text-align: left;\n}\n.mobile[data-v-ce2a997a] .el-form-item__content {\n margin-left: 0px!important;\n}\n}\n@media screen and (min-width: 700px){\n.pc[data-v-ce2a997a] .el-form-item {\n display: flex;\n flex-direction: column;\n}\n.pc[data-v-ce2a997a] .el-form-item__label {\n text-align: left;\n}\n.pc[data-v-ce2a997a] .el-form-item__content {\n margin-left: 0px!important;\n}\n}\n");V("\n@media screen and (max-width: 700px) {\n.el-picker-panel{\n left: 0 !important;\n width: 100%!important;\n overflow-x: auto;\n}\n}\n.el-popover{\n color: #E6A23C;\n}\n"),g.render=function(e,b,k,g,V,F){const E=t("el-input"),w=t("el-input-number"),_=t("el-radio"),C=t("el-radio-group"),Q=t("el-rate"),U=t("el-option"),A=t("el-select"),B=t("el-select-v2"),P=t("el-slider"),z=t("el-switch"),S=t("el-checkbox"),I=t("el-checkbox-group"),L=t("el-time-picker"),j=t("el-time-select"),N=t("el-button"),O=t("el-transfer"),$=t("el-date-picker"),R=t("el-form-item"),T=t("el-col"),M=t("el-form"),q=t("el-row");return l(),n(q,{gutter:20,class:a(["EsForm",{pc:e.pcBlock,mobile:e.mBlock,p15:e.isPC}])},{default:o((()=>[i(M,s({ref:"ruleForm",model:e.listQuery},e.$attrs,{rules:e.rules,"label-position":e.position}),{default:o((()=>[(l(!0),r(d,null,p(e.formItem,(t=>(l(),n(T,{key:t.label||t.key,span:e.isPC?t.col||e.pcCol:24,class:a(t.class)},{default:o((()=>[i(R,{ref_for:!0,ref:t.ref,label:t.label,prop:t.key,"label-width":t.width,class:a(t.class)},{default:o((()=>[m(" 输入框 "),"es-input"===t.type?(l(),n(E,s({key:0,modelValue:e.listQuery[t.key],"onUpdate:modelValue":l=>e.listQuery[t.key]=l,modelModifiers:{trim:!0}},t.attrs||{},u(t.listeners)),null,16,["modelValue","onUpdate:modelValue"])):m("v-if",!0),m(" 输入框 "),"es-input-number"===t.type?(l(),n(w,s({key:1,modelValue:e.listQuery[t.key],"onUpdate:modelValue":l=>e.listQuery[t.key]=l,modelModifiers:{number:!0}},t.attrs||{},u(t.listeners)),null,16,["modelValue","onUpdate:modelValue"])):"es-radio"===t.type?(l(),r(d,{key:2},[m(" radio "),i(C,s({modelValue:e.listQuery[t.key],"onUpdate:modelValue":l=>e.listQuery[t.key]=l},u(t.listeners)),{default:o((()=>[(l(!0),r(d,null,p(t.options,((e,a)=>(l(),n(_,s({key:"radio-"+e.value+"-"+a,label:e.value},t.attrs||{}),{default:o((()=>[c(y(e.label),1)])),_:2},1040,["label"])))),128))])),_:2},1040,["modelValue","onUpdate:modelValue"])],2112)):m("v-if",!0),m(" rate "),"es-rate"===t.type?(l(),n(Q,s({key:3,modelValue:e.listQuery[t.key],"onUpdate:modelValue":l=>e.listQuery[t.key]=l},t.attrs||{},u(t.listeners)),null,16,["modelValue","onUpdate:modelValue"])):"es-select"===t.type?(l(),r(d,{key:4},[m(" select下拉框 "),i(A,s({modelValue:e.listQuery[t.key],"onUpdate:modelValue":l=>e.listQuery[t.key]=l,class:"el-selects"},t.attrs||{},u(t.listeners)),{default:o((()=>[(l(!0),r(d,null,p(t.options,((e,t)=>(l(),n(U,{key:"select-"+e.value+"-"+t,style:"max-width:700px",label:e.label,value:e.value},null,8,["label","value"])))),128))])),_:2},1040,["modelValue","onUpdate:modelValue"])],2112)):"es-select-v2"===t.type?(l(),r(d,{key:5},[m(" selectV2下拉框 "),i(B,s({modelValue:e.listQuery[t.key],"onUpdate:modelValue":l=>e.listQuery[t.key]=l,options:t.options},t.attrs||{},u(t.listeners)),null,16,["modelValue","onUpdate:modelValue","options"])],2112)):"es-slider"===t.type?(l(),r(d,{key:6},[m(" el-slider "),i(P,s({modelValue:e.listQuery[t.key],"onUpdate:modelValue":l=>e.listQuery[t.key]=l},t.attrs||{},u(t.listeners)),null,16,["modelValue","onUpdate:modelValue"])],2112)):"es-switch"===t.type?(l(),r(d,{key:7},[m(" el-switch "),i(z,s({modelValue:e.listQuery[t.key],"onUpdate:modelValue":l=>e.listQuery[t.key]=l},t.attrs||{},u(t.listeners)),null,16,["modelValue","onUpdate:modelValue"])],2112)):"es-checkbox"===t.type?(l(),r(d,{key:8},[m(" el-checbox "),i(I,s({modelValue:e.listQuery[t.key],"onUpdate:modelValue":l=>e.listQuery[t.key]=l},t.tagAttrs||{},u(t.listeners)),{default:o((()=>[(l(!0),r(d,null,p(t.options,((e,t)=>(l(),n(S,{key:"checkbox-"+e.value+"-"+t,label:e.value},{default:o((()=>[c(y(e.label),1)])),_:2},1032,["label"])))),128))])),_:2},1040,["modelValue","onUpdate:modelValue"])],2112)):"es-time-picker"===t.type?(l(),r(d,{key:9},[m("time-picker"),i(L,s({modelValue:e.listQuery[t.key],"onUpdate:modelValue":l=>e.listQuery[t.key]=l},t.tagAttrs||{},u(t.listeners)),null,16,["modelValue","onUpdate:modelValue"])],2112)):"es-time-select"===t.type?(l(),r(d,{key:10},[m("el-time-select"),i(j,s({modelValue:e.listQuery[t.key],"onUpdate:modelValue":l=>e.listQuery[t.key]=l},t.tagAttrs||{},u(t.listeners)),null,16,["modelValue","onUpdate:modelValue"])],2112)):"es-transfer"===t.type?(l(),r(d,{key:11},[m("transfer"),f("div",h,[i(O,s({modelValue:e.listQuery[t.key].leftValue,"onUpdate:modelValue":l=>e.listQuery[t.key].leftValue=l,style:{"text-align":"left",display:"inline-block"}},t.attrs||{},u(t.listeners)),{"left-footer":o((()=>[i(N,s({class:"transfer-footer",size:"small"},u(t.operationLeft)),{default:o((()=>[c(y(t.operationLeftName),1)])),_:2},1040)])),"right-footer":o((()=>[i(N,s({class:"transfer-footer",size:"small"},u(t.operationRight)),{default:o((()=>[c(y(t.operationRightName),1)])),_:2},1040)])),_:2},1040,["modelValue","onUpdate:modelValue"])])],2112)):"es-date-picker"===t.type?(l(),r(d,{key:12},[m(" 日期区间控件 "),i($,s({modelValue:e.listQuery[t.key],"onUpdate:modelValue":l=>e.listQuery[t.key]=l},t.attrs||{},u(t.listeners)),null,16,["modelValue","onUpdate:modelValue"])],2112)):t.slot?(l(),r(d,{key:13},[m("上传"),m(' <UpLoad\n v-else-if="item.type === \'es-upload\'"\n ref="UpLoad"\n v-model="listQuery[item.key]"\n :limit="item.limit"\n :multiple="item.multiple"\n :show="item.show"\n :tag-attrs="item.tagAttrs || {}"\n v-on="item.listeners"\n @success="SuccessUpLoad(item.ref)"\n >\n <template>\n <div v-html="item.template" />\n </template>\n </UpLoad> '),x(e.$slots,t.type,{row:{...t,...e.listQuery,key:t.key,attrs:t.attrs||{},listeners:t.listeners}})],2112)):m("v-if",!0)])),_:2},1032,["label","prop","label-width","class"])])),_:2},1032,["span","class"])))),128)),x(e.$slots,"btn"),v])),_:3},16,["model","rules","label-position"])])),_:3},8,["class"])},g.__scopeId="data-v-ce2a997a",g.__file="src/components/Essential/EsForm.vue";var F={name:"EsContainer",props:{title:null,md:null},data:()=>({isPC:!0}),mounted(){},methods:{getIsPc:()=>!/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)}};const E={class:"title"},w=f("span",{class:"border"},null,-1);V(".EssentialContainer {\n width: 100%;\n background: #FFFFFF;\n box-shadow: 4px 4px 10px 0 rgba(218, 218, 218, 0.5);\n margin-bottom: 6px;\n}\n.EssentialContainer .el-row {\n list-style-type: none;\n}\n.EssentialContainer [class*=el-col-] {\n display: inline-block;\n vertical-align: top;\n float: none;\n}\n.EssentialContainer .title {\n width: 100%;\n height: 58px;\n line-height: 58px;\n font-size: 16px;\n color: #4A4A4A;\n font-weight: 500;\n border-bottom: 2px solid #F8F9FA;\n position: relative;\n padding: 0 30px;\n box-sizing: border-box;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.EssentialContainer .title .border {\n width: 5px;\n height: 17px;\n position: absolute;\n left: 16px;\n top: 0;\n bottom: 0;\n margin: auto;\n background-image: linear-gradient(270deg, #79BAF8 0%, #1695FA 100%);\n border-radius: 2.5px;\n border-radius: 2.5px;\n display: inline-block;\n}\n.EssentialContainer .context, .EssentialContainer .context_d {\n width: 100%;\n padding: 30px;\n box-sizing: border-box;\n}");V(".EssentialContainer-m {\n width: 100%;\n background: #FFFFFF;\n margin-bottom: 4px;\n box-shadow: 4px 4px 10px 0 rgba(218, 218, 218, 0.5);\n}\n.EssentialContainer-m .title {\n height: 45px;\n line-height: 40px;\n font-size: 15px;\n color: #4A4A4A;\n font-weight: 500;\n border: 2px solid #F8F9FA;\n position: relative;\n padding: 0 20px;\n box-sizing: border-box;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.EssentialContainer-m .title .border {\n width: 4px;\n height: 14px;\n position: absolute;\n left: 10px;\n top: -1px;\n bottom: 0;\n margin: auto;\n background-image: linear-gradient(270deg, #FF9600 0%, #FFB400 100%);\n border-radius: 2.5px;\n border-radius: 2.5px;\n display: inline-block;\n}\n.EssentialContainer-m .context {\n width: 100%;\n padding: 20px 30px;\n box-sizing: border-box;\n}\n.EssentialContainer-m .context_d {\n width: 100%;\n}"),F.render=function(e,t,n,o,i,s){return l(),r("div",{class:a(i.isPC?"EssentialContainer":"EssentialContainer-m")},[f("div",E,[f("span",null,[c(y(n.title),1),w]),x(e.$slots,"rightBox")]),f("div",{class:a(n.md?"context_d":"context")},[x(e.$slots,"default")],2)],2)},F.__file="src/components/EssentialContainer/index.vue";const _={EsForm:g,EsContainer:F};var C={install:function(e){Object.keys(_).forEach((t=>{const l=_[t];e.component(l.name||t,l)}))},..._};export{C as default};