Domovská stránka Prehľadávať Pomoc
Prihlásiť sa
AI
/
data_analysis
5
0
Fork 0
Súbory Issues 0 Pull requesty 0 Wiki
Strom: 7b418ee014
Branche Tagy
data_analysis
/
web-font
/
assets
/
pages-extUI-forms-forms.DRV-Ltfa.js

pages-extUI-forms-forms.DRV-Ltfa.js 25 KB
História Raw

1 
  1. import{_ as e,G as t,aa as a,o as l,p as r,w as i,aq as s,f as n,a4 as o,B as u,k as m,v as d,t as c,C as f,i as h,g as b,a1 as g,b as p,d as y,e as v,y as _,F,R as V}from"./index-2PZN6pGH.js";import{_ as x}from"./uni-card.CpdfOoXJ.js";import{_ as D}from"./uni-easyinput.Bli_yCXp.js";import{_ as k}from"./uni-data-checkbox.CJSNfC7D.js";import{_ as M}from"./uni-datetime-picker.D-cXsysU.js";import{_ as R}from"./uni-data-picker.kaSeVw8a.js";import{_ as S}from"./uni-data-select.DxKbGgsN.js";import{_ as q}from"./uni-section.BISPxi99.js";import{_ as j}from"./uni-segmented-control.C5vm5CRB.js";import"./uni-load-more.BMea_02e.js";const w=e({name:"uniFormsItem",options:{virtualHost:!0},provide(){return{uniFormItem:this}},inject:{form:{from:"uniForm",default:null}},props:{rules:{type:Array,default:()=>null},name:{type:[String,Array],default:""},required:{type:Boolean,default:!1},label:{type:String,default:""},labelWidth:{type:[String,Number],default:""},labelAlign:{type:String,default:""},errorMessage:{type:[String,Boolean],default:""},leftIcon:String,iconColor:{type:String,default:"#606266"}},data:()=>({errMsg:"",isRequired:!1,userRules:null,localLabelAlign:"left",localLabelWidth:"65px",localLabelPos:"left",border:!1,isFirstBorder:!1}),computed:{msg(){return this.errorMessage||this.errMsg}},watch:{"form.formRules"(e){this.init()},"form.labelWidth"(e){this.localLabelWidth=this._labelWidthUnit(e)},"form.labelPosition"(e){this.localLabelPos=this._labelPosition()},"form.labelAlign"(e){}},created(){this.init(!0),this.name&&this.form&&this.$watch((()=>this.form._getDataValue(this.name,this.form.localData)),((e,t)=>{if(!this.form._isEqual(e,t)){const t=this.itemSetValue(e);this.onFieldChange(t,!1)}}),{immediate:!1})},unmounted(){this.__isUnmounted=!0,this.unInit()},methods:{setRules(e=null){this.userRules=e,this.init(!1)},setValue(){},async onFieldChange(e,l=!0){const{formData:r,localData:i,errShowType:s,validateCheck:n,validateTrigger:o,_isRequiredField:u,_realName:m}=this.form,d=m(this.name);e||(e=this.form.formData[d]);const c=this.itemRules.rules&&this.itemRules.rules.length;if(!this.validator||!c||0===c)return;const f=u(this.itemRules.rules||[]);let h=null;return"bind"===o||l?(h=await this.validator.validateUpdate({[d]:e},r),f||void 0!==e&&""!==e||(h=null),h&&h.errorMessage?("undertext"===s&&(this.errMsg=h?h.errorMessage:""),"toast"===s&&t({title:h.errorMessage||"校验错误",icon:"none"}),"modal"===s&&a({title:"提示",content:h.errorMessage||"校验错误"})):this.errMsg="",n(h||null)):this.errMsg="",h||null},init(e=!1){const{validator:t,formRules:a,childrens:l,formData:r,localData:i,_realName:s,labelWidth:n,_getDataValue:o,_setDataValue:u}=this.form||{};if(this.localLabelAlign=this._justifyContent(),this.localLabelWidth=this._labelWidthUnit(n),this.localLabelPos=this._labelPosition(),this.isRequired=this.required,this.form&&e&&l.push(this),!t||!a)return;this.form.isFirstBorder||(this.form.isFirstBorder=!0,this.isFirstBorder=!0),this.group&&(this.group.isFirstBorder||(this.group.isFirstBorder=!0,this.isFirstBorder=!0)),this.border=this.form.border;const m=s(this.name),d=this.userRules||this.rules;"object"==typeof a&&d&&(a[m]={rules:d},t.updateSchema(a));const c=a[m]||{};this.itemRules=c,this.validator=t,this.itemSetValue(o(this.name,i)),this.isRequired=this._isRequired()},unInit(){if(this.form){const{childrens:e,formData:t,_realName:a}=this.form;e.forEach(((e,l)=>{e===this&&(this.form.childrens.splice(l,1),delete t[a(e.name)])}))}},itemSetValue(e){const t=this.form._realName(this.name),a=this.itemRules.rules||[],l=this.form._getValue(t,e,a);return this.form._setDataValue(t,this.form.formData,l),l},clearValidate(){this.errMsg=""},_isRequired(){return this.required},_justifyContent(){if(this.form){const{labelAlign:e}=this.form;let t=this.labelAlign?this.labelAlign:e;if("left"===t)return"flex-start";if("center"===t)return"center";if("right"===t)return"flex-end"}return"flex-start"},_labelWidthUnit(e){return this.num2px(this.labelWidth?this.labelWidth:e||(this.label?65:"auto"))},_labelPosition(){return this.form&&this.form.labelPosition||"left"},isTrigger:(e,t,a)=>"submit"!==e&&e?"bind":void 0===e?"bind"!==t?t?"submit":""===a?"bind":"submit":"bind":"submit",num2px:e=>"number"==typeof e?`${e}px`:e}},[["render",function(e,t,a,b,g,p){const y=f,v=h;return l(),r(v,{class:o(["uni-forms-item",["is-direction-"+g.localLabelPos,g.border?"uni-forms-item--border":"",g.border&&g.isFirstBorder?"is-first-border":""]])},{default:i((()=>[s(e.$slots,"label",{},(()=>[n(v,{class:o(["uni-forms-item__label",{"no-label":!a.label&&!g.isRequired}]),style:u({width:g.localLabelWidth,justifyContent:g.localLabelAlign})},{default:i((()=>[g.isRequired?(l(),r(y,{key:0,class:"is-required"},{default:i((()=>[m("*")])),_:1})):d("",!0),n(y,null,{default:i((()=>[m(c(a.label),1)])),_:1})])),_:1},8,["class","style"])]),!0),n(v,{class:"uni-forms-item__content"},{default:i((()=>[s(e.$slots,"default",{},void 0,!0),n(v,{class:o(["uni-forms-item__error",{"msg--active":p.msg}])},{default:i((()=>[n(y,null,{default:i((()=>[m(c(p.msg),1)])),_:1})])),_:1},8,["class"])])),_:3})])),_:3},8,["class"])}],["__scopeId","data-v-136d4415"]]);var A={email:/^\S+?@\S+?\.\S+?$/,idcard:/^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,url:new RegExp("^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?$","i")};const L={int:"integer",bool:"boolean",double:"number",long:"number",password:"string"};function N(e,t=""){["label"].forEach((t=>{void 0===e[t]&&(e[t]="")}));let a=t;for(let l in e){let t=new RegExp("{"+l+"}");a=a.replace(t,e[l])}return a}const O={integer:e=>O.number(e)&&parseInt(e,10)===e,string:e=>"string"==typeof e,number:e=>!isNaN(e)&&"number"==typeof e,boolean:function(e){return"boolean"==typeof e},float:function(e){return O.number(e)&&!O.integer(e)},array:e=>Array.isArray(e),object:e=>"object"==typeof e&&!O.array(e),date:e=>e instanceof Date,timestamp(e){return!(!this.integer(e)||Math.abs(e).toString().length>16)},file:e=>"string"==typeof e.url,email:e=>"string"==typeof e&&!!e.match(A.email)&&e.length<255,url:e=>"string"==typeof e&&!!e.match(A.url),pattern(e,t){try{return new RegExp(e).test(t)}catch(a){return!1}},method:e=>"function"==typeof e,idcard:e=>"string"==typeof e&&!!e.match(A.idcard),"url-https"(e){return this.url(e)&&e.startsWith("https://")},"url-scheme":e=>e.startsWith("://"),"url-web":e=>!1};const U={required:(e,t,a)=>e.required&&function(e,t){return null==e||"string"==typeof e&&!e||!(!Array.isArray(e)||e.length)||"object"===t&&!Object.keys(e).length}(t,e.format||typeof t)?N(e,e.errorMessage||a.required):null,range(e,t,a){const{range:l,errorMessage:r}=e;let i=new Array(l.length);for(let n=0;n<l.length;n++){const e=l[n];O.object(e)&&void 0!==e.value?i[n]=e.value:i[n]=e}let s=!1;return Array.isArray(t)?s=new Set(t.concat(i)).size===i.length:i.indexOf(t)>-1&&(s=!0),s?null:N(e,r||a.enum)},rangeNumber(e,t,a){if(!O.number(t))return N(e,e.errorMessage||a.pattern.mismatch);let{minimum:l,maximum:r,exclusiveMinimum:i,exclusiveMaximum:s}=e,n=i?t<=l:t<l,o=s?t>=r:t>r;return void 0!==l&&n?N(e,e.errorMessage||a.number[i?"exclusiveMinimum":"minimum"]):void 0!==r&&o?N(e,e.errorMessage||a.number[s?"exclusiveMaximum":"maximum"]):void 0!==l&&void 0!==r&&(n||o)?N(e,e.errorMessage||a.number.range):null},rangeLength(e,t,a){if(!O.string(t)&&!O.array(t))return N(e,e.errorMessage||a.pattern.mismatch);let l=e.minLength,r=e.maxLength,i=t.length;return void 0!==l&&i<l?N(e,e.errorMessage||a.length.minLength):void 0!==r&&i>r?N(e,e.errorMessage||a.length.maxLength):void 0!==l&&void 0!==r&&(i<l||i>r)?N(e,e.errorMessage||a.length.range):null},pattern:(e,t,a)=>O.pattern(e.pattern,t)?null:N(e,e.errorMessage||a.pattern.mismatch),format(e,t,a){var l=Object.keys(O),r=L[e.format]?L[e.format]:e.format||e.arrayType;return l.indexOf(r)>-1&&!O[r](t)?N(e,e.errorMessage||a.typeError):null},arrayTypeFormat(e,t,a){if(!Array.isArray(t))return N(e,e.errorMessage||a.typeError);for(let l=0;l<t.length;l++){const r=t[l];let i=this.format(e,r,a);if(null!==i)return i}return null}};class C extends class{constructor(e){this._message=e}async validateRule(e,t,a,l,r){var i=null;let s=t.rules;if(s.findIndex((e=>e.required))<0){if(null==a)return i;if("string"==typeof a&&!a.length)return i}var n=this._message;if(void 0===s)return n.default;for(var o=0;o<s.length;o++){let u=s[o],m=this._getValidateType(u);if(Object.assign(u,{label:t.label||`["${e}"]`}),U[m]&&null!=(i=U[m](u,a,n)))break;if(u.validateExpr){let e=Date.now();if(!1===u.validateExpr(a,r,e)){i=this._getMessage(u,u.errorMessage||this._message.default);break}}if(u.validateFunction&&null!==(i=await this.validateFunction(u,a,l,r,m)))break}return null!==i&&(i=n.TAG+i),i}async validateFunction(e,t,a,l,r){let i=null;try{let s=null;const n=await e.validateFunction(e,t,l||a,(e=>{s=e}));(s||"string"==typeof n&&n||!1===n)&&(i=this._getMessage(e,s||n,r))}catch(s){i=this._getMessage(e,s.message,r)}return i}_getMessage(e,t,a){return N(e,t||e.errorMessage||this._message[a]||t.default)}_getValidateType(e){var t="";return e.required?t="required":e.format?t="format":e.arrayType?t="arrayTypeFormat":e.range?t="range":void 0!==e.maximum||void 0!==e.minimum?t="rangeNumber":void 0!==e.maxLength||void 0!==e.minLength?t="rangeLength":e.pattern?t="pattern":e.validateFunction&&(t="validateFunction"),t}}{constructor(e,t){super(C.message),this._schema=e,this._options=t||null}updateSchema(e){this._schema=e}async validate(e,t){let a=this._checkFieldInSchema(e);return a||(a=await this.invokeValidate(e,!1,t)),a.length?a[0]:null}async validateAll(e,t){let a=this._checkFieldInSchema(e);return a||(a=await this.invokeValidate(e,!0,t)),a}async validateUpdate(e,t){let a=this._checkFieldInSchema(e);return a||(a=await this.invokeValidateUpdate(e,!1,t)),a.length?a[0]:null}async invokeValidate(e,t,a){let l=[],r=this._schema;for(let i in r){let s=r[i],n=await this.validateRule(i,s,e[i],e,a);if(null!=n&&(l.push({key:i,errorMessage:n}),!t))break}return l}async invokeValidateUpdate(e,t,a){let l=[];for(let r in e){let i=await this.validateRule(r,this._schema[r],e[r],e,a);if(null!=i&&(l.push({key:r,errorMessage:i}),!t))break}return l}_checkFieldInSchema(e){var t=Object.keys(e),a=Object.keys(this._schema);if(new Set(t.concat(a)).size===a.length)return"";var l=t.filter((e=>a.indexOf(e)<0));return[{key:"invalid",errorMessage:N({field:JSON.stringify(l)},C.message.TAG+C.message.defaultInvalid)}]}}C.message=new function(){return{TAG:"",default:"验证错误",defaultInvalid:"提交的字段{field}在数据库中并不存在",validateFunction:"验证无效",required:"{label}必填",enum:"{label}超出范围",timestamp:"{label}格式无效",whitespace:"{label}不能为空",typeError:"{label}类型无效",date:{format:"{label}日期{value}格式无效",parse:"{label}日期无法解析,{value}无效",invalid:"{label}日期{value}无效"},length:{minLength:"{label}长度不能少于{minLength}",maxLength:"{label}长度不能超过{maxLength}",range:"{label}必须介于{minLength}和{maxLength}之间"},number:{minimum:"{label}不能小于{minimum}",maximum:"{label}不能大于{maximum}",exclusiveMinimum:"{label}不能小于等于{minimum}",exclusiveMaximum:"{label}不能大于等于{maximum}",range:"{label}必须介于{minimum}and{maximum}之间"},pattern:{mismatch:"{label}格式不匹配"}}};const $=(e,t,a)=>{const l=a.find((e=>{return e.format&&("int"===(t=e.format)||"double"===t||"number"===t||"timestamp"===t);var t})),r=a.find((e=>e.format&&"boolean"===e.format||"bool"===e.format));return l&&(t=t||0===t?z(Number(t))?Number(t):t:null),r&&(t=!!J(t)&&t),t},I=(e,t)=>B(t,e),W=(e,t={})=>{const a=P(e);if("object"==typeof a&&Array.isArray(a)&&a.length>1){return a.reduce(((e,t)=>e+`#${t}`),"_formdata_")}return a[0]||e},T=e=>{let t=e.replace("_formdata_#","");return t=t.split("#").map((e=>z(e)?Number(e):e)),t},E=(e,t,a)=>("object"!=typeof e||P(t).reduce(((e,t,l,r)=>l===r.length-1?(e[t]=a,null):(t in e||(e[t]=/^[0-9]{1,}$/.test(r[l+1])?[]:{}),e[t])),e),e);function P(e){return Array.isArray(e)?e:e.replace(/\[/g,".").replace(/\]/g,"").split(".")}const B=(e,t,a="undefined")=>{let l=P(t).reduce(((e,t)=>(e||{})[t]),e);return l&&void 0===l?a:l},z=e=>!isNaN(Number(e)),J=e=>"boolean"==typeof e;const G=e({name:"uniForms",emits:["validate","submit"],options:{virtualHost:!0},props:{value:{type:Object,default:()=>null},modelValue:{type:Object,default:()=>null},model:{type:Object,default:()=>null},rules:{type:Object,default:()=>({})},errShowType:{type:String,default:"undertext"},validateTrigger:{type:String,default:"submit"},labelPosition:{type:String,default:"left"},labelWidth:{type:[String,Number],default:""},labelAlign:{type:String,default:"left"},border:{type:Boolean,default:!1}},provide(){return{uniForm:this}},data:()=>({formData:{},formRules:{}}),computed:{localData(){const e=this.model||this.modelValue||this.value;return e?(t=e,JSON.parse(JSON.stringify(t))):{};var t}},watch:{rules:{handler:function(e,t){this.setRules(e)},deep:!0,immediate:!0}},created(){b().$vm.$.appContext.config.globalProperties.binddata||(b().$vm.$.appContext.config.globalProperties.binddata=function(e,t,a){if(a)this.$refs[a].setValue(e,t);else{let a;for(let e in this.$refs){const t=this.$refs[e];if(t&&t.$options&&"uniForms"===t.$options.name){a=t;break}}if(!a)return console.error("当前 uni-froms 组件缺少 ref 属性");a.setValue(e,t)}}),this.childrens=[],this.inputChildrens=[],this.setRules(this.rules)},methods:{setRules(e){this.formRules=Object.assign({},this.formRules,e),this.validator=new C(e)},setValue(e,t){let a=this.childrens.find((t=>t.name===e));return a?(this.formData[e]=$(0,t,this.formRules[e]&&this.formRules[e].rules||[]),a.onFieldChange(this.formData[e])):null},validate(e,t){return this.checkAll(this.formData,e,t)},validateField(e=[],t){e=[].concat(e);let a={};return this.childrens.forEach((t=>{const l=W(t.name);-1!==e.indexOf(l)&&(a=Object.assign({},a,{[l]:this.formData[l]}))})),this.checkAll(a,[],t)},clearValidate(e=[]){e=[].concat(e),this.childrens.forEach((t=>{if(0===e.length)t.errMsg="";else{const a=W(t.name);-1!==e.indexOf(a)&&(t.errMsg="")}}))},submit(e,t,a){for(let l in this.dataValue){this.childrens.find((e=>e.name===l))&&void 0===this.formData[l]&&(this.formData[l]=this._getValue(l,this.dataValue[l]))}return a||console.warn("submit 方法即将废弃，请使用validate方法代替！"),this.checkAll(this.formData,e,t,"submit")},async checkAll(e,t,a,l){if(!this.validator)return;let r,i=[];for(let u in e){const e=this.childrens.find((e=>W(e.name)===u));e&&i.push(e)}a||"function"!=typeof t||(a=t),!a&&"function"!=typeof a&&Promise&&(r=new Promise(((e,t)=>{a=function(a,l){a?t(a):e(l)}})));let s=[],n=JSON.parse(JSON.stringify(e));for(let u in i){const e=i[u];let t=W(e.name);const a=await e.onFieldChange(n[t]);if(a&&(s.push(a),"toast"===this.errShowType||"modal"===this.errShowType))break}Array.isArray(s)&&0===s.length&&(s=null),Array.isArray(t)&&t.forEach((e=>{let t=W(e),a=I(e,this.localData);void 0!==a&&(n[t]=a)})),"submit"===l?this.$emit("submit",{detail:{value:n,errors:s}}):this.$emit("validate",s);let o={};return o=((e={},t)=>{let a=JSON.parse(JSON.stringify(e)),l={};for(let r in a){let e=T(r);E(l,e,a[r])}return l})(n,this.name),a&&"function"==typeof a&&a(s,o),r&&a?r:null},validateCheck(e){this.$emit("validate",e)},_getValue:$,_isRequiredField:e=>{let t=!1;for(let a=0;a<e.length;a++){if(e[a].required){t=!0;break}}return t},_setDataValue:(e,t,a)=>(t[e]=a,a||""),_getDataValue:I,_realName:W,_isRealName:e=>/^_formdata_#*/.test(e),_isEqual:(e,t)=>{if(e===t)return 0!==e||1/e==1/t;if(null==e||null==t)return e===t;var a=toString.call(e);if(a!==toString.call(t))return!1;switch(a){case"[object RegExp]":case"[object String]":return""+e==""+t;case"[object Number]":return+e!=+e?+t!=+t:0==+e?1/+e==1/t:+e==+t;case"[object Date]":case"[object Boolean]":return+e==+t}if("[object Object]"==a){var l=Object.getOwnPropertyNames(e),r=Object.getOwnPropertyNames(t);if(l.length!=r.length)return!1;for(var i=0;i<l.length;i++){var s=l[i];if(e[s]!==t[s])return!1}return!0}return"[object Array]"==a?e.toString()==t.toString():void 0}}},[["render",function(e,t,a,o,u,m){const d=g,c=h;return l(),r(c,{class:"uni-forms"},{default:i((()=>[n(d,null,{default:i((()=>[s(e.$slots,"default",{},void 0,!0)])),_:3})])),_:3})}],["__scopeId","data-v-3793396f"]]);const H=e({data:()=>({baseFormData:{name:"",age:"",introduction:"",sex:2,hobby:[5],datetimesingle:1627529992399,city:"",skills:0},cityData:[{text:"北京",value:"10001"},{text:"上海",value:"10002"},{text:"深圳",value:"10004"}],skillsRange:[{value:0,text:"编程"},{value:1,text:"绘画"},{value:2,text:"运动"}],alignmentFormData:{name:"",age:""},sexs:[{text:"男",value:0},{text:"女",value:1},{text:"保密",value:2}],hobbys:[{text:"跑步",value:0},{text:"游泳",value:1},{text:"绘画",value:2},{text:"足球",value:3},{text:"篮球",value:4},{text:"其他",value:5}],current:0,items:["左对齐","顶部对齐"],valiFormData:{name:"",age:"",introduction:""},rules:{name:{rules:[{required:!0,errorMessage:"姓名不能为空"}]},age:{rules:[{required:!0,errorMessage:"年龄不能为空"},{format:"number",errorMessage:"年龄只能输入数字"}]}},customFormData:{name:"",age:"",hobby:[]},customRules:{name:{rules:[{required:!0,errorMessage:"姓名不能为空"}]},age:{rules:[{required:!0,errorMessage:"年龄不能为空"}]},hobby:{rules:[{format:"array"},{validateFunction:function(e,t,a,l){return t.length<2&&l("请至少勾选两个兴趣爱好"),!0}}]}},dynamicFormData:{email:"",domains:[]},dynamicLists:[],dynamicRules:{email:{rules:[{required:!0,errorMessage:"域名不能为空"},{format:"email",errorMessage:"域名格式错误"}]}}}),computed:{alignment(){return 0===this.current?"left":1===this.current?"top":"left"}},onLoad(){},onReady(){this.$refs.customForm.setRules(this.customRules)},methods:{onClickItem(e){console.log(e),this.current=e.currentIndex},add(){this.dynamicFormData.domains.push({label:"域名",value:"",rules:[{required:!0,errorMessage:"域名项必填"}],id:Date.now()})},del(e){let t=this.dynamicLists.findIndex((t=>t.id===e));this.dynamicLists.splice(t,1)},submit(e){console.log(this.baseFormData),this.$refs[e].validate().then((e=>{console.log("success",e),t({title:"校验通过"})})).catch((e=>{console.log("err",e)}))}}},[["render",function(e,t,a,s,o,u){const d=f,c=p(y("uni-card"),x),b=p(y("uni-easyinput"),D),g=p(y("uni-forms-item"),w),A=p(y("uni-data-checkbox"),k),L=p(y("uni-datetime-picker"),M),N=p(y("uni-data-picker"),R),O=p(y("uni-data-select"),S),U=p(y("uni-forms"),G),C=h,$=p(y("uni-section"),q),I=p(y("uni-segmented-control"),j),W=V;return l(),r(C,{class:"container"},{default:i((()=>[n(c,{"is-shadow":!1,"is-full":""},{default:i((()=>[n(d,{class:"uni-h6"},{default:i((()=>[m("uni-forms 组件一般由输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据。")])),_:1})])),_:1}),n($,{title:"基本用法",type:"line"},{default:i((()=>[n(C,{class:"example"},{default:i((()=>[n(U,{ref:"baseForm",model:o.baseFormData,labelWidth:"80px"},{default:i((()=>[n(g,{label:"姓名",required:""},{default:i((()=>[n(b,{modelValue:o.baseFormData.name,"onUpdate:modelValue":t[0]||(t[0]=e=>o.baseFormData.name=e),placeholder:"请输入姓名"},null,8,["modelValue"])])),_:1}),n(g,{label:"年龄",required:""},{default:i((()=>[n(b,{modelValue:o.baseFormData.age,"onUpdate:modelValue":t[1]||(t[1]=e=>o.baseFormData.age=e),placeholder:"请输入年龄"},null,8,["modelValue"])])),_:1}),n(g,{label:"性别",required:""},{default:i((()=>[n(A,{modelValue:o.baseFormData.sex,"onUpdate:modelValue":t[2]||(t[2]=e=>o.baseFormData.sex=e),localdata:o.sexs},null,8,["modelValue","localdata"])])),_:1}),n(g,{label:"兴趣爱好",required:""},{default:i((()=>[n(A,{modelValue:o.baseFormData.hobby,"onUpdate:modelValue":t[3]||(t[3]=e=>o.baseFormData.hobby=e),multiple:"",localdata:o.hobbys},null,8,["modelValue","localdata"])])),_:1}),n(g,{label:"自我介绍"},{default:i((()=>[n(b,{type:"textarea",modelValue:o.baseFormData.introduction,"onUpdate:modelValue":t[4]||(t[4]=e=>o.baseFormData.introduction=e),placeholder:"请输入自我介绍"},null,8,["modelValue"])])),_:1}),n(g,{label:"日期时间"},{default:i((()=>[n(L,{type:"datetime","return-type":"timestamp",modelValue:o.baseFormData.datetimesingle,"onUpdate:modelValue":t[5]||(t[5]=e=>o.baseFormData.datetimesingle=e)},null,8,["modelValue"])])),_:1}),n(g,{label:"选择城市"},{default:i((()=>[n(N,{modelValue:o.baseFormData.city,"onUpdate:modelValue":t[6]||(t[6]=e=>o.baseFormData.city=e),localdata:o.cityData,"popup-title":"选择城市"},null,8,["modelValue","localdata"])])),_:1}),n(g,{label:"选择技能"},{default:i((()=>[n(O,{modelValue:o.baseFormData.skills,"onUpdate:modelValue":t[7]||(t[7]=e=>o.baseFormData.skills=e),localdata:o.skillsRange},null,8,["modelValue","localdata"])])),_:1})])),_:1},8,["model"])])),_:1})])),_:1}),n($,{title:"对齐方式",type:"line"},{default:i((()=>[n(C,{class:"example"},{default:i((()=>[n(C,{class:"segmented-control"},{default:i((()=>[n(I,{current:o.current,values:o.items,onClickItem:u.onClickItem,styleType:"button"},null,8,["current","values","onClickItem"])])),_:1}),n(U,{ref:"baseForm",modelValue:o.alignmentFormData,"label-position":u.alignment},{default:i((()=>[n(g,{label:"姓名",required:""},{default:i((()=>[n(b,{modelValue:o.baseFormData.name,"onUpdate:modelValue":t[8]||(t[8]=e=>o.baseFormData.name=e),placeholder:"请输入姓名"},null,8,["modelValue"])])),_:1}),n(g,{label:"年龄",required:""},{default:i((()=>[n(b,{modelValue:o.baseFormData.age,"onUpdate:modelValue":t[9]||(t[9]=e=>o.baseFormData.age=e),placeholder:"请输入年龄"},null,8,["modelValue"])])),_:1})])),_:1},8,["modelValue","label-position"])])),_:1})])),_:1}),n($,{title:"表单校验",type:"line"},{default:i((()=>[n(C,{class:"example"},{default:i((()=>[n(U,{ref:"valiForm",rules:o.rules,model:o.valiFormData,labelWidth:"80px"},{default:i((()=>[n(g,{label:"姓名",required:"",name:"name"},{default:i((()=>[n(b,{modelValue:o.valiFormData.name,"onUpdate:modelValue":t[10]||(t[10]=e=>o.valiFormData.name=e),placeholder:"请输入姓名"},null,8,["modelValue"])])),_:1}),n(g,{label:"年龄",required:"",name:"age"},{default:i((()=>[n(b,{modelValue:o.valiFormData.age,"onUpdate:modelValue":t[11]||(t[11]=e=>o.valiFormData.age=e),placeholder:"请输入年龄"},null,8,["modelValue"])])),_:1}),n(g,{label:"自我介绍"},{default:i((()=>[n(b,{type:"textarea",modelValue:o.valiFormData.introduction,"onUpdate:modelValue":t[12]||(t[12]=e=>o.valiFormData.introduction=e),placeholder:"请输入自我介绍"},null,8,["modelValue"])])),_:1})])),_:1},8,["rules","model"]),n(W,{type:"primary",onClick:t[13]||(t[13]=e=>u.submit("valiForm"))},{default:i((()=>[m("提交")])),_:1})])),_:1})])),_:1}),n($,{title:"自定义校验规则",type:"line"},{default:i((()=>[n(C,{class:"example"},{default:i((()=>[n(U,{ref:"customForm",rules:o.customRules,labelWidth:"80px",modelValue:o.customFormData},{default:i((()=>[n(g,{label:"姓名",required:"",name:"name"},{default:i((()=>[n(b,{modelValue:o.customFormData.name,"onUpdate:modelValue":t[14]||(t[14]=e=>o.customFormData.name=e),placeholder:"请输入姓名"},null,8,["modelValue"])])),_:1}),n(g,{label:"年龄",required:"",name:"age"},{default:i((()=>[n(b,{modelValue:o.customFormData.age,"onUpdate:modelValue":t[15]||(t[15]=e=>o.customFormData.age=e),placeholder:"请输入年龄"},null,8,["modelValue"])])),_:1}),n(g,{label:"兴趣爱好",required:"",name:"hobby"},{default:i((()=>[n(A,{modelValue:o.customFormData.hobby,"onUpdate:modelValue":t[16]||(t[16]=e=>o.customFormData.hobby=e),multiple:"",localdata:o.hobbys},null,8,["modelValue","localdata"])])),_:1})])),_:1},8,["rules","modelValue"]),n(W,{type:"primary",onClick:t[17]||(t[17]=e=>u.submit("customForm"))},{default:i((()=>[m("提交")])),_:1})])),_:1})])),_:1}),n($,{title:"动态表单",type:"line"},{default:i((()=>[n(C,{class:"example"},{default:i((()=>[n(U,{ref:"dynamicForm",rules:o.dynamicRules,model:o.dynamicFormData,labelWidth:"80px"},{default:i((()=>[n(g,{label:"邮箱",required:"",name:"email"},{default:i((()=>[n(b,{modelValue:o.dynamicFormData.email,"onUpdate:modelValue":t[18]||(t[18]=e=>o.dynamicFormData.email=e),placeholder:"请输入姓名"},null,8,["modelValue"])])),_:1}),(l(!0),v(F,null,_(o.dynamicFormData.domains,((e,t)=>(l(),r(g,{key:e.id,label:e.label+" "+t,required:"",rules:e.rules,name:["domains",t,"value"]},{default:i((()=>[n(C,{class:"form-item"},{default:i((()=>[n(b,{modelValue:o.dynamicFormData.domains[t].value,"onUpdate:modelValue":e=>o.dynamicFormData.domains[t].value=e,placeholder:"请输入域名"},null,8,["modelValue","onUpdate:modelValue"]),n(W,{class:"button",size:"mini",type:"default",onClick:t=>u.del(e.id)},{default:i((()=>[m("删除")])),_:2},1032,["onClick"])])),_:2},1024)])),_:2},1032,["label","rules","name"])))),128))])),_:1},8,["rules","model"]),n(C,{class:"button-group"},{default:i((()=>[n(W,{type:"primary",size:"mini",onClick:u.add},{default:i((()=>[m("新增域名")])),_:1},8,["onClick"]),n(W,{type:"primary",size:"mini",onClick:t[19]||(t[19]=e=>u.submit("dynamicForm"))},{default:i((()=>[m("提交")])),_:1})])),_:1})])),_:1})])),_:1})])),_:1})}],["__scopeId","data-v-ffeb763c"]]);export{H as default};
    2.