quick-admin-vue3-core/dist/index-Bb7suFPJ.cjs

以快（计算机执行效率、开发效率）为核心的后台管理系统开发模板

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),d=require("./SectionForm-BRUDv-Bw.cjs"),u=require("./index-BC11nvhb.cjs"),c=require("./IconBtns-CNK2DUfk.cjs"),m=require("./platform-Dl0zaSyI.cjs"),b=e.defineComponent({name:"DemoCenterCompsFormSectionForm",__name:"index",setup(f){const p={activeValue:1,inactiveValue:0,activeText:"支持",inactiveText:"不支持",inlinePrompt:!0,style:"width: 5em"},o=[{prop:"isSupportEmail",label:"邮箱认证",type:"switch",attrs:p},{prop:"isSupportPerson",label:"人工认证",type:"switch",attrs:p},{prop:"isSupportDingTalk",label:"钉钉认证",type:"switch",attrs:p},{prop:"isSupportFeiShu",label:"飞书认证",type:"switch",attrs:p}];let r=e.reactive({age:24,diff_type:1});const a=e.computed(()=>{const{diff_type:i}=r;return[{title:"基础信息",explain:"纯文本展示和禁用展示",fields:[{prop:"user_name",label:"姓名",quickAttrs:{grid:8,pureText:!0}},{prop:"gender",label:"性别",type:"select",attrs:{options:"D_Gender"},quickAttrs:{grid:8,pureText:!0}},{tpl:"T_Age",prop:"age",label:"年龄",type:"input-number",labelWidth:"4em",quickAttrs:{grid:8,pureText:!0}},{tpl:"T_Price",prop:"price",label:"价格",labelWidth:"4em",attrs:{disabled:!0},quickAttrs:{grid:12}},{tpl:"T_Phone",prop:"phone",label:"电话",labelWidth:"4em",attrs:{disabled:!0},quickAttrs:{grid:12}}]},{prop:"debf",title:"第二部分",explain:"属性嵌套，数据会挂载在debf属性下",fields:[{tpl:"T_Identity",prop:"sfzh",label:"身份证号",quickAttrs:{grid:12}},{prop:"zsbh",label:"证书证号",quickAttrs:{grid:12},attrs:{maxlength:11}},{prop:"address",label:"地址",type:"cascader",attrs:{options:"C_Region"}},{prop:"after_fix",label:"后缀",quickAttrs:{after:[c.IconBtns,{tpl:"add",onClick(t){m.showMessage(`点击了${t}按钮`,"info")}}]}},{prop:"remark",label:"备注",quickAttrs:{grid:24},attrs:{type:"textarea"}}]},{title:"第三部分",explain:"正常表单配置",fields:[{prop:"zdy",label:"自定义组件",type:"slot",quickAttrs:{tips:"这是自定义组件，临时用el-input代替"}},{prop:"tx",label:"头像",required:!1,type:"BaseUpload",quickAttrs:{grid:12}},{prop:"zs",label:"证书",required:!1,type:"BaseUpload",quickAttrs:{grid:12}},{prop:"diff_type",label:"差异显示类型",type:"radio-group",attrs:{options:[{label:"认证方式有prop",value:1},{label:"认证方式无prop",value:2}]},quickAttrs:{tips:"radio-group控件，默认为button样式",explain:"点击提交按钮时，有prop，可看到提交参数多嵌套了一层并包裹在prop中，无prop，子级children散开在外层"}},{prop:"auth_ways",label:"认证方式",type:"BaseAnyEleList",attrs:{fields:o.slice(...i===1?[0,2]:[2])}},{prop:"edit_content",label:"编辑内容",type:"slot",rules:[{maxlength:10,message:"不能超过10个字符",trigger:"change"}],quickAttrs:{explain:"不能超过最大字符数校验"}},{prop:"remark",label:"备注",attrs:{type:"textarea",maxlength:100}}]}]});function s(i){return u.PostMockCommon(i)}return(i,t)=>{const n=e.resolveComponent("BaseEditor");return e.openBlock(),e.createBlock(d.SectionForm,{class:"q-page-view",modelValue:e.unref(r),"onUpdate:modelValue":t[2]||(t[2]=l=>e.isRef(r)?r.value=l:r=l),fetch:s,sections:e.unref(a)},{"head-right-0":e.withCtx(()=>t[3]||(t[3]=[e.createElementVNode("div",{class:"ml-a"},"这是标题右侧的插槽",-1)])),zdy:e.withCtx(()=>[e.withDirectives(e.createElementVNode("input",{placeholder:"这是自定义组件","onUpdate:modelValue":t[0]||(t[0]=l=>e.unref(r).zdy=l),style:{border:"1px solid purple"}},null,512),[[e.vModelText,e.unref(r).zdy]])]),edit_content:e.withCtx(()=>[e.createVNode(n,{modelValue:e.unref(r).edit_content,"onUpdate:modelValue":t[1]||(t[1]=l=>e.unref(r).edit_content=l)},null,8,["modelValue"])]),_:1},8,["modelValue","sections"])}}});exports.default=b;