epic-designer
Version:
基于vue3的设计器,可视化开发页面表单
2 lines (1 loc) • 1.82 kB
JavaScript
;const e=require("vue");;/* empty css */;/* empty css */;/* empty css */const u=require("../../../../../manager/src/pluginManager.cjs");;/* empty css */require("vue-draggable-plus");require("../../../../../git/epic/epic-designer/node_modules/.pnpm/jsep@1.4.0/node_modules/jsep/dist/jsep.cjs");require("@vueuse/core");require("../../../../../hooks/src/store/index.cjs");const a=require("../../../../../hooks/src/designer/useDesignerContext.cjs"),y=require("../attribute/modules/attributeItem.vue.cjs"),d=e.defineComponent({__name:"style",setup(g){const s=a.useDesignerContext(),p=u.pluginManager.component.getComponentConfigs(),r=e.computed(()=>s.state.selectedNode),i=[{field:"props.style.width",label:"宽度",type:"EInputSize"},{field:"props.style.height",label:"高度",type:"EInputSize"},{field:"props.style.padding",label:"内边距",type:"EInputSize"},{field:"props.style.margin",label:"外边距",type:"EInputSize"},{field:"props.style.backgroundColor",label:"背景色",props:{style:{},type:"color"},type:"color-picker"},{field:"props.style.color",label:"字体颜色",props:{style:{},type:"color"},type:"color-picker"}],c=e.computed(()=>{var l,t;if(!r.value||!r.value.type)return[];const o=((t=(l=p[r.value.type])==null?void 0:l.config)==null?void 0:t.style)??[];return[...i,...o]});return(o,l)=>{var t;return e.openBlock(),e.createElementBlock("div",{key:(t=r.value)==null?void 0:t.id,class:"epic-style-view"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,n=>(e.openBlock(),e.createElementBlock("div",{key:n.field},[e.createVNode(y,{schema:n},null,8,["schema"])]))),128))])}}});module.exports=d;