snowy-designer
Version:
基于Epic-Designer-Pro版本的设计器,可视化开发页面表单
2 lines (1 loc) • 3 kB
JavaScript
;const e=require("vue");;/* empty css */require("radix-vue");require("clsx");require("tailwind-merge");require("lucide-vue-next");require("../../../../base-ui/src/shadch-ui/button/index.cjs");require("@vueuse/core");require("../../../../base-ui/src/shadch-ui/toast/index.cjs");const v=require("../../../../base-ui/src/components/node/node.vue.cjs"),c=require("../../../../../utils/src/common/data.cjs");require("../../../../../hooks/src/store/index.cjs");require("lodash");const h=require("../../../../../utils/src/manager/pluginManager.cjs");require("monaco-editor");require("../../../../../utils/src/request/index.cjs");require("vuedraggable");const g=["title"],k={class:"epic-attr-input"},_=e.defineComponent({__name:"index",setup(q){const u=e.inject("designer"),p=e.inject("revoke"),i=h.pluginManager.getComponentConfings(),d=[{field:"componentProps.style.width",label:"宽度",type:"EInputSize"},{field:"componentProps.style.height",label:"高度",type:"EInputSize"},{field:"componentProps.style.padding",label:"内边距",type:"EInputSize"},{field:"componentProps.style.margin",label:"外边距",type:"EInputSize"},{componentProps:{style:{},type:"color"},field:"componentProps.style.backgroundColor",label:"背景色",type:"color-picker"},{componentProps:{style:{},type:"color"},field:"componentProps.style.color",label:"字体颜色",type:"color-picker"}],r=e.computed(()=>u.state.selectedNode),s=e.computed(()=>{var n,l;if(!r.value||!r.value.type)return[];const t=((l=(n=i[r.value.type])==null?void 0:n.config)==null?void 0:l.style)??[];return[...d,...t]});function y(t){var n;return typeof t.show=="boolean"?t.show:((n=t.show)==null?void 0:n.call(t,{values:r.value}))??!0}function f(t,n,l,o=r.value){typeof l.onChange=="function"&&l.onChange({componentStyles:s,value:t,values:o}),l.changeSync?c.setValueByPath(o,n,t):e.nextTick(()=>{c.setValueByPath(o,n,t)}),p.push("编辑组件属性")}return(t,n)=>{var l;return e.openBlock(),e.createElementBlock("div",{key:(l=r.value)==null?void 0:l.id,class:"epic-style-view"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,o=>{var a;return e.openBlock(),e.createElementBlock("div",{key:o.field},[y(o)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["epic-attr-item",o.layout])},[o.label?(e.openBlock(),e.createElementBlock("div",{key:0,class:"epic-attr-label",title:o.label},e.toDisplayString(o.label),9,g)):e.createCommentVNode("",!0),e.createElementVNode("div",k,[e.createVNode(e.unref(v),{"component-schema":{...o,componentProps:{...o.componentProps,...o.field==="componentProps.defaultValue"?(a=r.value)==null?void 0:a.componentProps:{},input:!1,field:void 0,hidden:!1},show:!0,noFormItem:!0},"model-value":e.unref(c.getValueByPath)(o.editData??r.value,o.field),"onUpdate:modelValue":m=>f(m,o.field,o,o.editData)},null,8,["component-schema","model-value","onUpdate:modelValue"])])],2)):e.createCommentVNode("",!0)])}),128))])}}});module.exports=_;