epic-designer
Version:
基于vue3的设计器,可视化开发页面表单
2 lines (1 loc) • 3.39 kB
JavaScript
;var a=Object.create;var n=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var r=Object.getOwnPropertyNames;var s=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty;var d=(e,t,o,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of r(t))!c.call(e,l)&&l!==o&&n(e,l,{get:()=>t[l],enumerable:!(p=i(t,l))||p.enumerable});return e};var u=(e,t,o)=>(o=e!=null?a(s(e)):{},d(t||!e||!e.__esModule?n(o,"default",{value:e,enumerable:!0}):o,e));const b={bindModel:"value",component:async()=>(await import("naive-ui/lib/input")).NInput,config:{action:[{description:"使 input 获取焦点",type:"focus"},{description:"使 input 失去焦点",type:"blur"},{description:"清除 input 值",type:"clear"},{description:"选中 input 中的文字",type:"select"}],attribute:[{field:"field",label:"字段名",type:"input"},{field:"label",label:"标题",type:"input"},{field:"componentProps.defaultValue",label:"默认值",type:"input"},{field:"componentProps.placeholder",label:"占位内容",type:"input"},{componentProps:{clearable:!0,options:[{label:"极小",value:"tiny"},{label:"小型",value:"small"},{label:"中等",value:"medium"},{label:"大号",value:"large"}],placeholder:"请选择"},field:"componentProps.size",label:"尺寸",type:"select"},{componentProps:{clearable:!0,options:[{label:"text",value:"text"},{label:"textarea",value:"textarea"},{label:"password",value:"password"}],placeholder:"请选择"},defaultValue:"text",field:"componentProps.type",label:"输入类型",onChange:({value:e,values:t})=>{e!=="text"&&(t.componentProps.pair=!1)},type:"select"},{componentProps:{placeholder:"请输入"},field:"componentProps.maxlength",label:"最大输入长度",type:"number"},{componentProps:{clearable:!0,options:[{label:"click",value:"click"},{label:"mousedown",value:"mousedown"}],placeholder:"请选择"},field:"componentProps.showPasswordOn",label:"显示密码的时机",show:({values:e})=>e.componentProps.type==="password",type:"select"},{field:"componentProps.rows",label:"行数",show:({values:e})=>e.componentProps.type==="textarea",type:"number"},{field:"componentProps.pair",label:"是否输入成对值",show:({values:e})=>e.componentProps.type==="text",type:"switch"},{componentProps:{placeholder:"请输入"},field:"componentProps.separator",label:"分割符",show:({values:e})=>e.componentProps.type==="text"&&e.componentProps.pair,type:"input"},{field:"componentProps.round",label:"是否圆角",type:"switch"},{field:"componentProps.showCount",label:"是否统计字数",type:"switch"},{field:"componentProps.autosize",label:"自适应内容高度",show:({values:e})=>e.componentProps.type==="textarea",type:"switch"},{field:"componentProps.clearable",label:"可清空",type:"switch"},{field:"componentProps.disabled",label:"禁用",type:"switch"},{field:"componentProps.hidden",label:"隐藏",type:"switch"},{description:"校验规则需要配合表单使用",field:"rules",label:"表单校验",layout:"vertical",type:"ERuleEditor"}],event:[{description:"输入值",type:"input"},{description:"值修改",type:"change"},{description:"获取焦点",type:"focus"},{description:"失去焦点",type:"blur"}]},defaultSchema:{componentProps:{defaultValue:"",placeholder:"请输入",type:"text"},field:"input",input:!0,label:"输入框",type:"input"},groupName:"表单",icon:"icon--epic--border-color-outline-rounded",sort:700};module.exports=b;