UNPKG

quick-admin-vue3-core

Version:

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

2 lines (1 loc) 3.5 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),_=require("./Index-CN1cIPwS.cjs"),w=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),h=require("./platform-Dl0zaSyI.cjs"),V=e.defineComponent({inheritAttrs:!1,__name:"FormTable",props:{cols:{},modelValue:{default:()=>e.reactive([])},formAttrs:{}},emits:["update:modelValue"],setup(c,{expose:u,emit:n}){const s=c,d=n,o=e.ref(null),i=e.ref(null);let p=e.computed({get:()=>s.modelValue,set:l=>d("update:modelValue",l)});const y=e.computed(()=>{const{cols:l}=s;return l.filter(a=>!!a).map(a=>{const{prop:m,label:f,field:t,...r}=a;return{prop:m,label:f,...r,...t}})});return u({formRef:o,tableRef:i}),(l,a)=>{const m=e.resolveComponent("BaseTable"),f=e.resolveComponent("BaseForm");return e.openBlock(),e.createBlock(f,e.mergeProps(l.formAttrs,{modelValue:e.unref(p),"onUpdate:modelValue":a[0]||(a[0]=t=>e.isRef(p)?p.value=t:p=t),fields:y.value,class:"form-table",ref_key:"baseFormRef",ref:o}),{header:e.withCtx(t=>[e.renderSlot(l.$slots,"header",e.normalizeProps(e.guardReactiveProps(t)),void 0,!0)]),content:e.withCtx(()=>[e.createVNode(m,e.mergeProps(l.$attrs,{cols:l.cols,data:l.modelValue,class:"table",ref_key:"baseTableRef",ref:i}),{header:e.withCtx(({column:t,col:r})=>{var b;return[e.createElementVNode("span",{class:e.normalizeClass({required:!!((b=r==null?void 0:r.field)!=null&&b.required)})},e.toDisplayString(t.label),3)]}),default:e.withCtx(t=>[t.col.field?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.col.field.type==="slot"?e.renderSlot(l.$slots,t.col.prop,e.normalizeProps(e.mergeProps({key:0},t)),void 0,!0):(e.openBlock(),e.createBlock(_.FieldItem,{key:1,style:{"margin-bottom":"0"},modelValue:t.row[t.col.prop],"onUpdate:modelValue":r=>t.row[t.col.prop]=r,field:t.col.field,prop:t.col.prop,hideLabel:""},null,8,["modelValue","onUpdate:modelValue","field","prop"]))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(t.row[t.col.prop]),1)],64))]),_:3},16,["cols","data"])]),footer:e.withCtx(t=>[e.renderSlot(l.$slots,"footer",e.normalizeProps(e.guardReactiveProps(t)),void 0,!0)]),_:3},16,["modelValue","fields"])}}}),g=w._export_sfc(V,[["__scopeId","data-v-e9e41d45"]]),B=e.defineComponent({name:"DemoCenterCompsTableFormTable",__name:"index",setup(c){const u=[{type:"selection"},{tpl:"T_Sort"},{tpl:"T_Index"},{prop:"id",label:"用户ID",width:80,fixed:"left"},{prop:"nc",label:"昵称",width:120,field:{type:"input",required:!0}},{prop:"zy",label:"角色",width:150,field:{type:"select",attrs:{options:"D_RoleType"}}},{prop:"xb",label:"性别",width:180,field:{type:"radio-group",required:!0,attrs:{options:"D_Gender"}}},{prop:"nl",label:"年龄",width:200,field:{required:!0,tpl:"T_Age"}},{prop:"zt",label:"状态",width:70,field:{type:"switch"}},{prop:"xjd",label:"现居地",width:200,field:{type:"cascader",attrs:{options:"C_Region"}}},{prop:"dh",label:"电话",width:200,field:{tpl:"T_Phone"}},{prop:"zdy",label:"自定义",width:200,field:{type:"slot"}}],n=Array(30).fill("").map((d,o)=>({id:o+1,zy:0,xb:1,nl:23,zt:0}));function s(d,o,i){const{id:p}=o;h.handleBtnNext({},d)}return(d,o)=>(e.openBlock(),e.createBlock(g,{modelValue:e.unref(n),"onUpdate:modelValue":o[0]||(o[0]=i=>e.isRef(n)?n.value=i:null),class:"q-page-view",cols:u,operateBtns:["edit","delete"],onOperateBtns:s},{zdy:e.withCtx(()=>o[1]||(o[1]=[e.createTextVNode("$$这是自定义表格列$$")])),_:1},8,["modelValue"]))}});exports.default=B;