(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-7520a17b"],{1380:function(e,t,l){"use strict";l("235f")},"235f":function(e,t,l){},"6ac9":function(e,t,l){},"81b9":function(e,t,l){"use strict";l.r(t);var a=l("7a23"),o=(l("caad"),l("3ef4")),r=l("267e");l("d9e2");const u=()=>(e,t,l)=>{t&&(/(^\d{15}$)|(^\d{17}(\d|X|x)$)/.test(t)||l(new Error("输入的身份证长度或格式错误")));var a={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"};a[parseInt(t.substr(0,2))]||l(new Error("身份证地区非法"));var o=(t.substr(6,4)+"-"+Number(t.substr(10,2))+"-"+Number(t.substr(12,2))).replace(/-/g,"/"),r=new Date(o);o!==r.getFullYear()+"/"+(r.getMonth()+1)+"/"+r.getDate()&&l(new Error("身份证上的出生日期非法"));for(var u=0,n=[7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2],c="10X98765432",d=0;d{l("update:modelValue",n.value.modelValue)},i=Object(a["ref"])({modelValue:[{required:o.isRequired,message:"请输入身份证",trigger:"blur"},{trigger:"change",validator:u()}]}),m=()=>{c.value.validate(e=>{l("validateStatus",e?{IdentityCard:!0}:{IdentityCard:!1})}),o.isRequired||0!==n.value.modelValue.length||l("validateStatus",{IdentityCard:!0})},s=()=>{n.value.modelValue=""};return t({childMethod:s}),(e,t)=>{const l=Object(a["resolveComponent"])("el-input"),o=Object(a["resolveComponent"])("el-form-item"),u=Object(a["resolveComponent"])("el-form");return Object(a["openBlock"])(),Object(a["createBlock"])(u,{ref_key:"formRef",ref:c,model:n.value,rules:i.value},{default:Object(a["withCtx"])(()=>[Object(a["createVNode"])(o,{"label-width":Object(a["unref"])(r["c"]),prop:"modelValue",label:"身份证号"},{default:Object(a["withCtx"])(()=>[Object(a["createVNode"])(l,Object(a["mergeProps"])(e.$attrs,{modelValue:n.value.modelValue,"onUpdate:modelValue":t[0]||(t[0]=e=>n.value.modelValue=e),onInput:t[1]||(t[1]=e=>d()),onBlur:t[2]||(t[2]=e=>m())}),null,16,["modelValue"])]),_:1},8,["label-width"])]),_:1},8,["model","rules"])}}};const c=n;var d=c,i={__name:"index",props:{isRequired:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{expose:t,emit:l}){const o=e,u=Object(a["ref"])(null),n=Object(a["ref"])(),c=Object(a["ref"])({modelValue:""}),d=e=>{l("update:modelValue",c.value.modelValue)},i=(Object(a["ref"])(!1),()=>(e,t,l)=>{if(t){const e=/^1[3|4|5|7|8][0-9]\d{8}$/;if(!e.test(t))return l(new Error("请输入正确的手机号"));l()}else;}),m=Object(a["ref"])({modelValue:[{required:o.isRequired,message:"请输入手机号",trigger:"blur"},{min:11,message:"手机号格式不正确",trigger:"blur"},{trigger:"change",validator:i()}]}),s=()=>{u.value.validate(e=>{e?(l("validateStatus",{Phone:!0}),n.value=!0):(l("validateStatus",{Phone:!1}),n.value=!1)}),o.isRequired||0!==c.value.modelValue.length||(l("validateStatus",{Phone:!0}),n.value=!0)},b=()=>{c.value.modelValue=""};return t({childMethod:b}),(e,t)=>{const l=Object(a["resolveComponent"])("el-input"),o=Object(a["resolveComponent"])("el-form-item"),n=Object(a["resolveComponent"])("el-form");return Object(a["openBlock"])(),Object(a["createBlock"])(n,{ref_key:"formRef",ref:u,model:c.value,rules:m.value},{default:Object(a["withCtx"])(()=>[Object(a["createVNode"])(o,{"label-width":Object(a["unref"])(r["c"]),prop:"modelValue",label:"手机号"},{default:Object(a["withCtx"])(()=>[Object(a["createVNode"])(l,Object(a["mergeProps"])(e.$attrs,{modelValue:c.value.modelValue,"onUpdate:modelValue":t[0]||(t[0]=e=>c.value.modelValue=e),onInput:t[1]||(t[1]=e=>d()),onBlur:t[2]||(t[2]=e=>s()),max:"11"}),null,16,["modelValue"])]),_:1},8,["label-width"])]),_:1},8,["model","rules"])}}};const m=i;var s=m,b={__name:"index",props:{isRequired:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(e,{expose:t,emit:l}){const o=e,u=Object(a["ref"])(null),n=Object(a["ref"])({modelValue:""}),c=e=>{l("update:modelValue",n.value.modelValue)},d=(Object(a["ref"])(!1),()=>(e,t,l)=>{const a=/^([a-zA-Z0-9]+[-_\.]?)+@[a-zA-Z0-9]+\.[a-z]+$/;if(t){if(!a.test(t))return l(new Error("请输入正确的邮箱地址"));l()}else;}),i=Object(a["ref"])({modelValue:[{required:o.isRequired,message:"请输入邮箱",trigger:"blur"},{trigger:"blur",validator:d()}]}),m=()=>{u.value.validate(e=>{l("validateStatus",e?{Email:!0}:{Email:!1})}),o.isRequired||0!==n.value.modelValue.length||l("validateStatus",{Email:!0})},s=()=>{n.value.modelValue=""};return t({childMethod:s}),(e,t)=>{const l=Object(a["resolveComponent"])("el-input"),o=Object(a["resolveComponent"])("el-form-item"),d=Object(a["resolveComponent"])("el-form");return Object(a["openBlock"])(),Object(a["createBlock"])(d,{ref_key:"formRef",ref:u,model:n.value,rules:i.value},{default:Object(a["withCtx"])(()=>[Object(a["createVNode"])(o,{"label-width":Object(a["unref"])(r["c"]),prop:"modelValue",label:"邮箱"},{default:Object(a["withCtx"])(()=>[Object(a["createVNode"])(l,Object(a["mergeProps"])(e.$attrs,{modelValue:n.value.modelValue,"onUpdate:modelValue":t[0]||(t[0]=e=>n.value.modelValue=e),onInput:t[1]||(t[1]=e=>c()),onBlur:t[2]||(t[2]=e=>m()),max:"11"}),null,16,["modelValue"])]),_:1},8,["label-width"])]),_:1},8,["model","rules"])}}};const p=b;var j=p;const O=e=>(Object(a["pushScopeId"])("data-v-a4db2390"),e=e(),Object(a["popScopeId"])(),e),v={class:"component-card-container"},V=O(()=>Object(a["createElementVNode"])("div",{class:"component-card-title"},"基础组件封装 使用描述",-1)),f={class:"left-wrap"},h={class:"from-wrap"},w=Object(a["createTextVNode"])("一键校验form"),C=O(()=>Object(a["createElementVNode"])("div",{class:"right-wrap"},[Object(a["createElementVNode"])("pre",null," 1.正常引入组件随着父级元素自适应宽度\r\n import IdentityCard from '@/components/From/IdentityCard/index'\r\n import Phone from '@/components/From/Phone/index'\r\n 2.使用组件 已把校验封装到组件里 支持element 属性 及 事件\r\n 3.*正常使用组件 如需使用 required 请单独传入【 :isRequired=\"true\" 】 element bug避免校验出现英文的情况\r\n\r\n 4. 如果需要 一键 校验表单 请调用 validateData() 方法 返回Boolean值\r\n ")],-1)),g=O(()=>Object(a["createElementVNode"])("div",null,"next",-1));var _={__name:"Section",setup(e){const t=Object(a["ref"])(["1"]),l=Object(a["ref"])({}),r=e=>{},u=Object(a["ref"])({}),n=e=>{const[t,l]=[...Object.entries(e)[0]];return u.value[t]=l,!Object.values(u.value).includes(!1)},c=Object(a["computed"])(()=>!Object.values(u.value).includes(!1)),i=()=>{c.value?o["a"].success("校验通过"):o["a"].error("校验失败")};return(e,o)=>{const c=Object(a["resolveComponent"])("el-button"),m=Object(a["resolveComponent"])("el-collapse-item"),b=Object(a["resolveComponent"])("el-collapse");return Object(a["openBlock"])(),Object(a["createElementBlock"])("div",v,[V,Object(a["createTextVNode"])(" "+Object(a["toDisplayString"])(u.value)+" ",1),Object(a["createVNode"])(b,{modelValue:t.value,"onUpdate:modelValue":o[5]||(o[5]=e=>t.value=e)},{default:Object(a["withCtx"])(()=>[Object(a["createVNode"])(m,{title:"Form表单封装",name:"1"},{default:Object(a["withCtx"])(()=>[Object(a["createElementVNode"])("div",f,[Object(a["createElementVNode"])("div",h,[Object(a["createVNode"])(Object(a["unref"])(d),{modelValue:l.value.identity,"onUpdate:modelValue":o[0]||(o[0]=e=>l.value.identity=e),prop:"identity",isRequired:!0,onValidateStatus:n,placeholder:"请输入身份证号"},null,8,["modelValue"]),Object(a["createVNode"])(Object(a["unref"])(s),{modelValue:l.value.phone,"onUpdate:modelValue":o[1]||(o[1]=e=>l.value.phone=e),prop:"phone",onBlur:o[2]||(o[2]=e=>r()),maxlength:"11","show-word-limit":"",onValidateStatus:n},null,8,["modelValue"]),Object(a["createVNode"])(Object(a["unref"])(j),{modelValue:l.value.email,"onUpdate:modelValue":o[3]||(o[3]=e=>l.value.email=e),prop:"identity",onValidateStatus:n,placeholder:"请输入邮箱"},null,8,["modelValue"]),Object(a["createVNode"])(c,{type:"success",onClick:o[4]||(o[4]=e=>i())},{default:Object(a["withCtx"])(()=>[w]),_:1})])]),C]),_:1}),Object(a["createVNode"])(m,{title:"民族选择组件",name:"2"},{default:Object(a["withCtx"])(()=>[g]),_:1})]),_:1},8,["modelValue"])])}}},N=(l("1380"),l("6b0d")),x=l.n(N);const E=x()(_,[["__scopeId","data-v-a4db2390"]]);var B=E;const k=e=>(Object(a["pushScopeId"])("data-v-0180eb0a"),e=e(),Object(a["popScopeId"])(),e),y=k(()=>Object(a["createElementVNode"])("div",null,"111",-1)),S={class:"developer-container"};var q={__name:"index",setup(e){const t=Object(a["ref"])("feature");return(e,l)=>{const o=Object(a["resolveComponent"])("ComponentCard"),r=Object(a["resolveComponent"])("el-tab-pane"),u=Object(a["resolveComponent"])("el-tabs"),n=Object(a["resolveComponent"])("el-card");return Object(a["openBlock"])(),Object(a["createElementBlock"])(a["Fragment"],null,[y,Object(a["createElementVNode"])("div",S,[Object(a["createVNode"])(n,null,{default:Object(a["withCtx"])(()=>[Object(a["createVNode"])(u,{modelValue:t.value,"onUpdate:modelValue":l[0]||(l[0]=e=>t.value=e)},{default:Object(a["withCtx"])(()=>[Object(a["createVNode"])(r,{label:"Demo1",name:"feature"},{default:Object(a["withCtx"])(()=>[Object(a["createVNode"])(o)]),_:1}),Object(a["createVNode"])(r,{label:"Demo2表单(弃用)",name:"section"},{default:Object(a["withCtx"])(()=>[Object(a["createVNode"])(B)]),_:1})]),_:1},8,["modelValue"])]),_:1})])],64)}}};l("fcb1");const I=x()(q,[["__scopeId","data-v-0180eb0a"]]);t["default"]=I},fcb1:function(e,t,l){"use strict";l("6ac9")}}]);