@open-data-v/data/lib/rest/DynamicKVForm.vue.umd2.cjs

OpenDataV 数据处理基础组件包

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@open-data-v/ui"),d=require("../utils.umd.cjs"),b={class:"header flex flex-row flex-nowrap"},C={class:"mb-0.5 flex-nowrap flex flex-row items-center justify-center"},y=e.defineComponent({__name:"DynamicKVForm",props:{value:{default:()=>[{key:"",value:"",disable:!1,id:d.uuid(),options:[]}]},title:{default:""},options:{}},emits:["update:value"],setup(m,{emit:f}){const i=m,n=f,l=e.ref(i.value),v=(a,t,u)=>{l.value[a][t]=u,n("update:value",l.value)},k=()=>{const a=l.value.length;l.value.splice(a,0,{key:"",value:"",disable:!1,id:d.uuid()}),n("update:value",l.value)},h=a=>{l.value.splice(a,1),l.value.length===0&&l.value.push({key:"",value:"",disable:!1,id:d.uuid()}),n("update:value",l.value)},w=()=>{l.value=[{key:"",value:"",disable:!1,id:d.uuid()}],n("update:value",l.value)},V=()=>{n("update:value",l.value)},N=a=>{l.value[a].disable=!l.value[a].disable,n("update:value",l.value)},p=a=>!a.startsWith(" ")&&!a.endsWith(" ");return e.watch(()=>i.value,()=>{i.value&&(l.value=i.value)}),(a,t)=>{const u=e.resolveComponent("x-icon");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",b,[e.createVNode(e.unref(r.ODivider),{"title-placement":"left",class:"w-1/2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.title),1)]),_:1}),e.createVNode(e.unref(r.ODivider),{"title-placement":"right",style:{width:"50%"}},{default:e.withCtx(()=>[e.createVNode(u,{name:"add",color:"#18A058",class:"action",onClick:t[0]||(t[0]=s=>k())}),e.createVNode(u,{name:"clear",color:"#F76560",class:"action",onClick:t[1]||(t[1]=s=>w())}),e.createVNode(u,{name:"edit",color:"#2080F0",class:"action",onClick:t[2]||(t[2]=s=>V())})]),_:1})]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,(s,o)=>(e.openBlock(),e.createElementBlock("div",{key:s.id},[e.createElementVNode("div",C,[e.createVNode(e.unref(r.OInput),{class:"w-1/2",size:"small","input-props":{autocomplete:"disabled"},value:l.value[o].key,"allow-input":p,placeholder:`参数${o+1}`,"onUpdate:value":c=>v(o,"key",c)},null,8,["value","placeholder","onUpdate:value"]),e.createVNode(e.unref(r.OInput),{class:"w-1/2",size:"small",value:l.value[o].value,"allow-input":p,placeholder:`值${o+1}`,"onUpdate:value":c=>v(o,"value",c)},null,8,["value","placeholder","onUpdate:value"]),e.createVNode(e.unref(r.OButton),{size:"small",onClick:c=>N(o)},{icon:e.withCtx(()=>[e.createVNode(u,{name:s.disable?"close":"check",color:s.disable?"#333639":"#2080F0"},null,8,["name","color"])]),_:2},1032,["onClick"]),e.createVNode(e.unref(r.OButton),{size:"small",onClick:c=>h(o)},{icon:e.withCtx(()=>[e.createVNode(u,{name:"delete",color:"#F76560"})]),_:2},1032,["onClick"])])]))),128))],64)}}});exports.default=y;
//# sourceMappingURL=DynamicKVForm.vue.umd2.cjs.map