snowy-designer
Version:
基于Epic-Designer-Pro版本的设计器,可视化开发页面表单
2 lines (1 loc) • 4.03 kB
JavaScript
;const e=require("vue");;/* empty css */require("radix-vue");require("clsx");require("tailwind-merge");require("lucide-vue-next");require("../../../ui-kit/base-ui/src/shadch-ui/button/index.cjs");require("@vueuse/core");require("../../../ui-kit/base-ui/src/shadch-ui/toast/index.cjs");require("vuedraggable");const d=require("../../../utils/src/common/string.cjs");require("../../../hooks/src/store/index.cjs");require("lodash");require("../../../utils/src/manager/pluginManager.cjs");require("monaco-editor");require("../../../utils/src/request/index.cjs");const s=require("ant-design-vue"),m=require("./subformItem.vue.cjs"),_={class:"flex justify-between px-2 pb-4"},B={class:"subform-line-title text-#666"},y=["onClick"],q={key:0},g=["onClick"],w=e.defineComponent({name:"EpicSubform",__name:"subform",props:{componentSchema:{},disabled:{type:Boolean},modelValue:{},tableName:{}},emits:["update:modelValue"],setup(p,{emit:f}){const o=p,k=f;e.provide("disabled",!!o.disabled);const n=e.ref([{row_id:d.getUUID()}]);e.watch(()=>o.modelValue,t=>{t&&(n.value=t)},{immediate:!0}),e.watch(()=>n.value,t=>{k("update:modelValue",t)},{deep:!0});const b=e.computed(()=>o.componentSchema.children??[]),i=e.computed(()=>o.componentSchema.componentProps??{}),h=e.computed(()=>{const t=[];return i.value.sn&&t.push({align:"center",dataIndex:"sn",title:"序号",width:"70px"}),o.componentSchema.children&&t.push(...o.componentSchema.children.map(r=>({...r,dataIndex:r.field??"",title:r.label??""}))),t.push({align:"center",dataIndex:"action",title:"操作",width:"70px"}),t});function v(){o.disabled||n.value.push({row_id:d.getUUID()})}function u(t){n.value.splice(t,1)}return(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["subform px-2 pb-2",{"layout-table":i.value.layout!=="tile"}])},[e.renderSlot(t.$slots,"edit-node",{},()=>[i.value.layout==="tile"?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(n.value,(c,l)=>(e.openBlock(),e.createElementBlock("div",{key:c.row_id,class:"subform-line rounded-1 mb-2 bg-white"},[e.createElementVNode("div",_,[e.createElementVNode("span",B," 数据"+e.toDisplayString(l+1),1),o.disabled?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"subform-line-btn-delete flex items-center",onClick:a=>u(l)},r[0]||(r[0]=[e.createElementVNode("span",{class:"iconfont icon--epic icon--epic--trash"},null,-1),e.createTextVNode("删除 ")]),8,y))]),e.createVNode(m,{modelValue:n.value[l],"onUpdate:modelValue":a=>n.value[l]=a,"rule-field-prefix":[o.componentSchema.field,l]},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,(a,V)=>e.renderSlot(t.$slots,"node",{key:V,componentSchema:a},void 0,!0)),128))]),_:2},1032,["modelValue","onUpdate:modelValue","rule-field-prefix"])]))),128)):(e.openBlock(),e.createBlock(e.unref(s.Table),{key:1,size:"small",columns:h.value,"data-source":n.value,pagination:!1,bordered:"","row-key":"row_id"},{bodyCell:e.withCtx(({column:c,index:l})=>[c.dataIndex==="sn"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(l+1),1)],64)):c.dataIndex==="action"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.disabled?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("span",{class:"iconfont icon--epic icon--epic--trash",onClick:a=>u(l)},null,8,g)]))],64)):(e.openBlock(),e.createBlock(m,{key:2,modelValue:n.value[l],"onUpdate:modelValue":a=>n.value[l]=a,"rule-field-prefix":[o.componentSchema.field,l]},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"node",{componentSchema:{...c,label:""}},void 0,!0)]),_:2},1032,["modelValue","onUpdate:modelValue","rule-field-prefix"]))]),_:3},8,["columns","data-source"])),e.createVNode(e.unref(s.Button),{class:"subform-add-btn",disabled:o.disabled,onClick:v},{default:e.withCtx(()=>r[1]||(r[1]=[e.createTextVNode(" 添加 ")])),_:1},8,["disabled"])],!0)],2))}});module.exports=w;