jobsys-explore
Version:
Enhanced component based on vant
2 lines (1 loc) • 5.1 kB
JavaScript
import{_ as d,r as e,o as u,c as o,b as l,d as t,e as r,a as s}from"./app-29fe8d1e.js";const a={},c=l("h1",{id:"exform",tabindex:"-1"},[l("a",{class:"header-anchor",href:"#exform","aria-hidden":"true"},"#"),t(" ExForm")],-1),i=l("blockquote",null,[l("p",null,"ExForm 表单")],-1),_=l("p",null,"Version: 1.0.0",-1),h=l("h2",{id:"props",tabindex:"-1"},[l("a",{class:"header-anchor",href:"#props","aria-hidden":"true"},"#"),t(" Props")],-1),b=l("thead",null,[l("tr",null,[l("th",null,"Prop name"),l("th",null,"Description"),l("th",null,"Type"),l("th",null,"Values"),l("th",null,"Default")])],-1),f=l("tr",null,[l("td",null,"title"),l("td",null,"表单标题"),l("td",null,"string"),l("td",null,"-"),l("td",null,'""')],-1),m=l("tr",null,[l("td",null,"labelWidth"),l("td",null,"表单项 label 宽度,默认单位为 px"),l("td",null,"string|number"),l("td",null,"-"),l("td",null,'"6.2em"')],-1),p=l("tr",null,[l("td",null,"colon"),l("td",null,"是否在 label 后面添加冒号"),l("td",null,"boolean"),l("td",null,"-"),l("td",null,"false")],-1),x=l("tr",null,[l("td",null,"inset"),l("td",null,"是否使用卡片模式"),l("td",null,"boolean"),l("td",null,"-"),l("td",null,"false")],-1),E=l("tr",null,[l("td",null,"data"),l("td",null,"表单数据,用于初始化表单,并会进行 Watch"),l("td",null,"object|string"),l("td",null,"-"),l("td",null,'""')],-1),g=l("tr",null,[l("td",null,"autoLoad"),l("td",null,[t("是否自动加载"),l("br"),t("true: 表示自动加载数据"),l("br"),t("Array,String: 表示会对 "),l("code",null,"extraData"),t(" 数据中的相关字段进行非空验证,不为空再加载数据")]),l("td",null,"boolean|array|string"),l("td",null,"-"),l("td",null,"true")],-1),y=l("tr",null,[l("td",null,"fetchUrl"),l("td",null,"获取表单数据的 URL"),l("td",null,"string"),l("td",null,"-"),l("td",null,'""')],-1),v=l("tr",null,[l("td",null,"extraData"),l("td",null,"额外的数据,在提交时会合并到表单数据中并一起提交"),l("td",null,"object"),l("td",null,"-"),l("td",null,"{}")],-1),D=l("tr",null,[l("td",null,"disabled"),l("td",null,"是否禁用表单"),l("td",null,"boolean"),l("td",null,"-"),l("td",null,"false")],-1),j=l("tr",null,[l("td",null,"readonly"),l("td",null,"是否只读"),l("td",null,"boolean"),l("td",null,"-"),l("td",null,"false")],-1),F=l("tr",null,[l("td",null,"fixed"),l("td",null,"submit button 是否固定在底部"),l("td",null,"boolean"),l("td",null,"-"),l("td",null,"false")],-1),k=l("tr",null,[l("td",null,"submitUrl"),l("td",null,"提交数据 URL"),l("td",null,"string"),l("td",null,"-"),l("td",null,'""')],-1),B=l("tr",null,[l("td",null,"submitButtonText"),l("td",null,"提交按钮文字"),l("td",null,"string"),l("td",null,"-"),l("td",null,'"保存"')],-1),V=l("tr",null,[l("td",null,"submitConfirmText"),l("td",null,"提交确认提示内容"),l("td",null,"string"),l("td",null,"-"),l("td",null,'""')],-1),L=l("tr",null,[l("td",null,"submitDisabled"),l("td",null,"是否禁用提交按钮"),l("td",null,"boolean"),l("td",null,"-"),l("td",null,"false")],-1),N=l("tr",null,[l("td",null,"dividerProps"),l("td",null,"当有分割线时,分割线的配置"),l("td",null,"object"),l("td",null,"-"),l("td",null,"{}")],-1),P=l("tr",null,[l("td",null,"form"),l("td",null,[t("表单配置,"),l("a",{href:"#form-%E8%A1%A8%E5%8D%95%E9%85%8D%E7%BD%AE"},"见下表")]),l("td",null,"array"),l("td",null,"-"),l("td",null,"[]")],-1),A=l("tr",null,[l("td",null,"afterFetched"),l("td",null,[t("fetch 返回数据处理函数"),l("br"),l("code",null,"@return"),t(" {Object} 返回处理后的数据,将用于初始化表单")]),l("td",null,"func"),l("td",null,"-"),l("td",null,"null")],-1),O=l("tr",null,[l("td",null,"beforeSubmit"),l("td",null,[l("br"),l("code",null,"@typedef"),t(" {Object} ExposedFormData"),l("br"),l("code",null,"@property"),t(" Format 后的表单数据"),l("br"),l("code",null,"@property"),t(" 原生的表单数据"),l("br"),l("code",null,"@params"),t(" undefined"),l("br"),l("code",null,"@return"),t(" {Boolean|Object} return false 会阻止提交操作,return Object 会替换提交的数据")]),l("td",null,"func"),l("td",null,"-"),l("td",null,"null")],-1),S=l("tr",null,[l("td",null,"afterSubmit"),l("td",null,"提交成功后的回调"),l("td",null,"func"),l("td",null,"-"),l("td",null,"null")],-1),T=l("td",null,"formProps",-1),U={href:"https://vant-contrib.gitee.io/vant/#/zh-CN/form",target:"_blank",rel:"noopener noreferrer"},C=l("td",null,"object",-1),I=l("td",null,"-",-1),R=l("td",null,"{}",-1),W=s('<h2 id="events" tabindex="-1"><a class="header-anchor" href="#events" aria-hidden="true">#</a> Events</h2><table><thead><tr><th>Event name</th><th>Properties</th><th>Description</th></tr></thead><tbody><tr><td>success</td><td></td><td></td></tr></tbody></table><hr>',3);function q(z,w){const n=e("ExternalLinkIcon");return u(),o("div",null,[c,i,_,h,l("table",null,[b,l("tbody",null,[f,m,p,x,E,g,y,v,D,j,F,k,B,V,L,N,P,A,O,S,l("tr",null,[T,l("td",null,[l("a",U,[t("原生配置"),r(n)])]),C,I,R])])]),W])}const H=d(a,[["render",q],["__file","ExForm.html.vue"]]);export{H as default};