ai-form-designer
Version:
vue3+adv的设计器,可视化开发页面表单
2 lines (1 loc) • 1.52 kB
JavaScript
;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("./index-Dv7gCSaY.cjs"),x=e.defineComponent({__name:"index",props:{modelValue:{}},emits:["update:modelValue"],setup(v,{emit:i}){const p=r.pluginManager.getComponent("input"),d=r.pluginManager.getComponent("select"),s=v,m=i,l=e.ref(null),t=e.ref("px"),f=[{label:"px",value:"px"},{label:"%",value:"%"},{label:"vw",value:"vw"},{label:"vh",value:"vh"},{label:"rem",value:"rem"},{label:"em",value:"em"},{label:"pt",value:"pt"}];e.watch(()=>s.modelValue,n=>{if(!n)return;if(typeof n=="number"){l.value=String(n),t.value="px";return}const u=parseFloat(n);if(isNaN(u))return l.value=null,!1;const a=/^(\d+(\.\d+)?)(px|%|vw|vh|rem|em|pt){1}$/,o=n.trim().match(a);l.value=(o==null?void 0:o[1])??null,t.value=(o==null?void 0:o[3])??""},{immediate:!0}),e.watch(()=>t.value+l.value,()=>{c()});function c(){e.nextTick(()=>m("update:modelValue",l.value?l.value+t.value:void 0))}return(n,u)=>(e.openBlock(),e.createBlock(e.unref(p),{class:"epic-input-size",modelValue:l.value,"onUpdate:modelValue":u[2]||(u[2]=a=>l.value=a),value:l.value,"onUpdate:value":u[3]||(u[3]=a=>l.value=a),type:"number",min:"0",placeholder:"请输入"},{suffix:e.withCtx(()=>[e.createVNode(e.unref(d),{value:t.value,"onUpdate:value":u[0]||(u[0]=a=>t.value=a),modelValue:t.value,"onUpdate:modelValue":u[1]||(u[1]=a=>t.value=a),style:{width:"68px"},options:f},null,8,["value","modelValue"])]),_:1},8,["modelValue","value"]))}});exports.default=x;